/* General styles */

body {margin:0px auto 0 auto; padding:0; border:0; width:990px; padding-top: 20px; background: #7d7c81 url('/images/bgSite-top.gif') top center no-repeat; min-width:600px; font: normal 12px arial, verdana, sans-serif; color: #424242;}
a {color:#8a4f87; text-decoration: underline;}
a:hover {color: #302358; }
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; }
h1 {font: bold 18px arial, verdana, sans-serif;}
h2 {font: bold 16px arial, verdana, sans-serif;}
h3 {font: bold 14px arial, verdana, sans-serif;}
h4 {font: bold 12px arial, verdana, sans-serif;}
h5 {font: bold 11px arial, verdana, sans-serif;}
p { margin:.4em 0 .8em 0; padding:0; }
img {border: 0;}
img a, img a:hover {border: 0; margin: 0; padding: 0;}
.width150 {width: 100px;}
#enlargeLink {text-decoration: none;}
.noMarg {margin: 0;}
.noPad {padding: 0;}
.bold {font-weight: bold;}
.btnSubmit-small {margin: 10px 0 0 0;}
hr {height: 1px; background: #ddd; border: 0; margin: 6px 0 10px 0; padding: 0;}
.valignTextTop {vertical-align: text-top;}


/* Header styles */
#header { clear:both; float:left; height: 215px; width:100%; background: #663467 url('/images/bgHeader.jpg') top left repeat-x;border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;  border-bottom:1px solid #777; }
#header p, #header h2 { padding:.4em 15px 0 15px; margin:0; }
#logoPanel {float: left; margin: 0; padding: 0; width: 370px; height: 93px;}
.siteName {padding:58px 15px 0 50px; margin:0; display: block; font: normal 34px georgia, times, serif; color: #fff;}


/* Scroller */
#scroller {float:right; width: 475px; padding: 3px 10px; margin-top: 5px;}
#books {margin: 0; padding: 0;background: transparent; width: 1300px;}
#books ul {margin: 0; padding: 0;background: transparent; }
#books ul li { float: left; display: inline; margin: 0; padding: 0 5px 0 0;background: transparent; }
#books ul li a img { border: 0; }
/** When less than 4 books **/
#books-nonScroll {margin: 0; padding: 0;background: transparent; width: 460px;}
#books-nonScroll ul {margin: 0; padding: 0;background: #1a2b3b; }
#books-nonScroll ul li { float: left; display: inline; margin: 0; padding: 0 5px 0 0;background: #1a2b3b; }
#books-nonScroll ul li a img { border: 0; }
#tipDiv table td b.title {font-size: 14px; color: #35215e;}
.price-online-details {color:red; font-weight: bold; font-size: 14px; display: block;}
.price-rrp-details {color: #777; font-weight: bold; font-size: 13px; display: block; text-decoration: line-through;}


/* Search Panel */
#searchPanel {display: block; width: 100%; height: 36px; margin: 0 0 15px 0; padding: 10px 0px 7px 15px; background: #eee;}
#searchLinks {margin: 2px 10px 0 0;}
#searchLinks a {font-size:11px; font-weight: bold; text-decoration: none; color: #8a4f87;}
.searchPanelMiniLink {font-weight:bold; font-size: 11px; text-decoration: none;}
#txtQuery {background: #fff url('/images/bgSearchBox.jpg') 5px 4px no-repeat; padding: 0 0 0 21px; width: 275px;}
.btnGo {background: #fff url('/images/btnGo.jpg') top left no-repeat; border: 0; width: 30px; height: 19px; padding: 1px 0 0 0; cursor: pointer;}


/* Main Menu */
#topMenu {clear: both; width: 100%; margin: 155px 0 0 0; height: 30px; background: #35215e;}
#topMenu-left {float: left; width: 70%; margin: 0;}
#topMenu-left ul { clear:left; float:left; list-style:none; margin:0; padding:0; background: #35215e;}
#topMenu-left ul li { display:inline; list-style:none; margin:0; padding:0; }
#topMenu-left ul li a { display:block; float:left; margin:0 0 0 1px; padding:8px 10px 0px 10px; height:22px; font: bold 12px arial, verdana, sans-serif; text-align:center; color:#fff; text-decoration:none; position:relative; left: 15px; }
#topMenu-left ul li a:hover { background: #9a5cab; color:#fff;}
#topMenu-left ul li a.active, #header ul li a.active:hover { color:#000; background:#fff; font-weight:bold;}
#topMenu-left ul li a span { display:block;}
#topMenu-right {float: right; width:30%;}
#topMenu-right ul {clear: left;float:right; list-style:none; margin:0 20px 0 0; padding:0;  background: #35215e;}
#topMenu-right ul li { display:inline; list-style:none; margin:0; padding:0; }
#topMenu-right ul li a { display:block; float:left; margin:0 0 0 1px; padding:8px 10px 0px 10px; height:22px; font: bold 12px arial, verdana, sans-serif; text-align:center; color:#fff; text-decoration:none; position:relative; left:15px; }
#topMenu-right ul li a:hover { background: #9a5cab; color:#fff; }
#topMenu-right ul li a.active, #header ul li a.active:hover { color:#000; background:#fff; font-weight:bold; }
#topMenu-right ul li a span { display:block; }


/* Category Menu */
.categoryMenu {width: 182px; overflow: hidden; margin: 0 0 0 4px; padding: 0; list-style: none;}
.categoryMenu li {padding: 0 0 4px 0;}
.categoryMenu li a {font-weight: bold; text-decoration: none;}
.categoryMenu li a:hover {text-decoration: underline;}


/* Breadcrumbs */
#breadcrumbs { clear:both; background:#dedede; border-top:1px solid #000; margin:0; font-size: 11px; padding:6px 15px 6px 20px !important; text-align:left; }


/* column container */
.colmask { position:relative; clear:both; float:left; width:100%; overflow:hidden;}


/* common column settings */
.colright, .colmid, .colleft { float:left; width:100%;	/* width of page */ position:relative; }
.col1, .col2, .col3 {margin: 20px 0 0 0; float:left; position:relative; padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead  only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; }


/*--Content blocks------*/
.contentBlock {border: 1px solid #ccc; padding: 10px; margin: 0 0 20px 0;}
.centerColumn-content-sectionBlock {padding: 10px 0;}


/*--Featured Books------*/
.featuredBooks {width: 100%;}
.featuredBooks td {width: 25%; text-align: center; vertical-align: top; padding: 0 2px 20px 2px;}
.featuredBooks td img {padding: 0 0 4px 0;}
.featured-name {font-weight: bold; text-decoration: none;}
.price-online {display: block; font-size: 14px; font-weight: bold; color: red;}
.price-rrp {display: block; font-size: 12px; font-weight: bold; color: #777; text-decoration: line-through;}


/*--Browse page blocks (Browse page content blocks)------*/
.browseBlock {border: 1px solid #ccc; padding: 10px 10px 8px 10px; margin: 0 0 15px 0;}
.browseBlock-img {float: left; width:108px; text-align: left;}
.browseBlock-img img {padding: 2px; border: 1px solid #ccc;}
.browseBlock-optionButtons {width: 100%; text-align: center;}
.browseBlock-optionButtons img {border: 0;}
.browseBlock-content {float: right; width:315px;}
.browse-sellPrice {font-size: 14px; font-weight: bold; color: red; display: block;}
.browse-listPrice {font-size: 12px; font-weight: bold; color: #777; display: block; text-decoration: line-through;}


/*--Details page blocks (Browse page content blocks)------*/
.detailsBlock {border: 1px solid #ccc; padding: 20px; margin: 0 0 15px 0;}
.detailsBlock-content {float: left; width:260px;}
.detailsBlock-img {float: right; width:148px; text-align: left;}
.productImage {padding: 2px; border: 1px solid #ccc;}
.details-sellPrice {font-size: 14px; font-weight: bold; color: red; display: block;}
.details-listPrice {font-size: 14px; font-weight: bold; color: #777; display: block; text-decoration: line-through;}
.details-title {color: #35215e;}
.detailsBlock-optionButtons {width: 100%; text-align: center;}


/*--TABBED CONTENT DETAILS PAGE--*/
#product-tabbedContent { padding: 3px 0; margin: 10px 10px 0 0; font-size: 12px; border-bottom: 1px solid #ccc;}
#product-tabbedContent li {list-style: none; display: inline; margin: 0;}
div #product-tabbedContent li a {text-decoration: none; padding: 3px 0.5em; margin-right: 3px; color: blue;}
#product-tabbedContent li a:active {outline: 0;}
#product-tabbedContent li a:focus {-moz-outline-style: none;}
#product-tabbedContent li a:link, #product-tabbedContent li a:visited {color: #369;}
#product-tabbedContent li a:hover {color: black; background: #ddd;}
#product-tabbedContent li a.selected {font-weight: bold; color: #369;}
#product-tabbedContent li a.selected:hover {background: #fff; color: #369;}
.tabcontent {display:none; padding: 0 10px 10px 10px;}
.tabcontent h3 {padding: 0 0 8px 0;}


/*--Column blocks------*/
.columnBlock-header {width: 100%; height: 22px; padding: 5px 0 0 10px; color: #fff; }
.columnBlock-content {border: 1px solid #eaeaea; background: #fff; margin: 0 0 20px 0;}
.columnPadding {padding: 10px 10px 8px 10px;}
.columnBlock-title {font: bold 14px arial, verdana, sans-serif; color: #fff;}
.col3 .columnBlock-content {border: 1px solid #eaeaea; background: #fff;}
.redGradient {background: #8a4f87 url('/images/bgColumnBlock-red.jpg') top left repeat-x;}
.blueGradient {background: #0000ff url('/images/bgColumnBlock-blue.jpg') top left repeat-x;}
.purpleGradient {background: #d83dff url('/images/bgColumnBlock-purple.jpg') top left repeat-x;}
.greenGradient {background: #41cd41 url('/images/bgColumnBlock-green.jpg') top left repeat-x;}

/*--Shopping Cart------*/
#shoppingCartContainer {margin: 0 10px; width: 180px;}
#shoppingCartContainer td {margin: 0; padding: 0;}
.cartContents {font: bold 14px arial, verdana, sans-serif; color: #302358;}


#myAccountPages {list-style: none; margin: 15px; padding: 0;}
#myAccountPages li {padding: 2px 0;}
#myAccountPages li a {padding: 0 0 0 10px; text-decoration: none; background: url('/images/bgBullet.gif') top left no-repeat;}
#loginForm {margin: 0 0 10px 10px; padding: 0;}

/*-View Cart---------------------*/
.viewCart-productName a {font: normal 14px arial, san-serif; color: #fff;}
.viewCart-productCost {font: bold 14px arial, san-serif; color: #000;}
.price{ color: red; font-weight: bold;}

/*-Log in panel------------------*/
#stylized {border: 1px solid #ddd; background:#eee; padding: 10px;}
#stylized label {font-weight: bold;}
#txtUsername {width: 130px;}


/*-Address form------------------*/
#addressForm textarea {width: 300px;}

/**CHECKOUT STYLES**/
.checkout-navigation {width: 450px;}
.checkout-navigation tr td {padding: 5px 12px 5px 5px; background: #eee url('/images/bgCheckout-unactive.gif') top right no-repeat; color: #fff;}
.checkout-navigation tr td.currentStep {background: #eee url('/images/bgCheckout-current.gif') top right no-repeat; color: #fff;}
.checkout-navigation tr td.currentStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #fff;}
.checkout-navigation tr td.completedStep {background: url('/images/bgCheckout-completed.gif') top right no-repeat; color: #fff;}
.checkout-navigation tr td.lastStep {padding: 5px 5px 5px 5px; background: #8d8d8d;}
.checkout-navigation tr td.lastStep-currentStep {padding: 5px 5px 5px 5px; color: #fff; background: #35215e;}
.checkout-navigation tr td.lastStep-currentStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #fff;}
.checkout-navigation tr td.lastStep-completedStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #fff;}
.checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif;}


.slogan-siteName a {font: normal 25px Georgia, Times, Serif; letter-spacing: normal; line-height: 1.5em; color: #fff; text-decoration: none;}
.slogan-siteName-part2 a {font: normal 23px Georgia, Times, Serif; letter-spacing: 2px; line-height: 1.5em; color: #fff; text-decoration: none;}
.slogan-catchphrase a {display: block; font: bold 14px Verdana, Arial, sans-serif; letter-spacing: 1.3px; color: #9099a0; margin-top: -8px; text-decoration: none;}
.slogan-siteName {font: normal 20px Georgia, Times, Serif; letter-spacing: normal; line-height: 1.5em; color: #000; text-decoration: none;}
.slogan-siteName-part2 {font: normal 18px Georgia, Times, Serif; letter-spacing: 2px; line-height: 1.5em; color: #000; text-decoration: none;}
.slogan-catchphrase {display: block; font: normal 11px Verdana, Arial, sans-serif; letter-spacing: 1.3px; color: #222; margin-top: -8px; text-decoration: none;}


/* 3 Column settings */
.threecol { background:#eee; border-left:1px solid #fff; border-right:1px solid #fff;}
.threecol .colmid { right:25%; background:#fff;}
.threecol .colleft { right:50%;	background:#f5f5f5;}
.threecol .col1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ }
.threecol .col2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ }
.threecol .col3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ }


/* Footer styles */
#footer {clear:both; float:left; width:100%; background: #35215e; margin: 0 0 0px 0;}
#footer p {padding:10px; margin:0; color: #fff;}
#footer a {color: #fff;}