/* General styles */
body {margin:20px auto 0 auto; padding:0; border:0; width:990px; background:#000 url('/images/bgSite.jpg') top center no-repeat; min-width:600px; font: normal 12px arial, verdana, sans-serif; color: #424242;}
a { color:#369; text-decoration: underline;}
a:hover { color:#ff0000; }
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; }
h1 {font: bold 18px verdana, arial, sans-serif; color: #cd33cc;}
h2 {font: bold 16px arial, verdana, sans-serif;}
h2 a {font: bold 18px verdana, arial, sans-serif; text-decoration: none; color: #cc33cc;}
h3 {font: bold 16px verdana, arial, sans-serif; text-decoration: none; color: #cc33cc;}
h3 a {font: bold 16px verdana, arial, sans-serif; text-decoration: none; color: #00adee;}
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: #fff; border: 0; margin: 6px 0 10px 0; padding: 0;}
.blueBg {background: #fff url('/images/bgHeader.jpg') 2px 1px repeat-x;}
.borderBlue {border: 2px solid #00adee;}
.borderPink {border: 2px solid #cc33cc;}
.borderGreen {border: 2px solid #99cc33;}
.borderPurple {border: 2px solid #7f3f97;}
.bgBlue-content {background: #00adee; color: #fff; padding: 5px 10px; font: bold 14px arial, verdana, sans-serif; line-height: 20px;}
.bgPurple-content {background: #7f3f97; color: #fff; padding: 5px 10px; font: bold 14px arial, verdana, sans-serif; line-height: 20px;}
.bgPink-content {background: #cc33cc; color: #fff;}
.width480 {width: 480px;}
.relatedCategoryLink {font: bold 14px arial, verdana, sans-serif; color: #cc33cc;}
.relatedCategories {margin: 10px 0 10px 10px;}
.newsMoreLink {color: #00adee;}
.marginTop20 {margin: 20px 0 0 0;}


/* Header styles */
#header { clear:both; float:left; height: 247px; width:98%; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;  border-bottom:0px solid #777; }
#header p, #header h2 { padding:.4em 15px 0 15px; margin:0; }
#logoPanel {float: left; margin: 0; padding: 0; width: 163px; height: 180px;}
.siteName {padding:0px 0px 0 0px; margin:0; display: block; font: normal 34px georgia, times, serif; color: #fff;}
.largeHeaderText { clear:both; font: bold 36px arial, verdana, sans-serif; color: #cc33cc; background:#fff; padding: 0px 0 0 20px;}


/* Search Panel */
#searchPanel {float:right; width: 300px; height: 33px; margin: 5px 0 0 0; padding: 7px 0px 7px 10px; color: #fff; font: normal 13px times, georgia, serif;}
#searchLinks {margin: 2px 10px 0 0;}
#searchLinks a {text-decoration: none; color: #fff;}
.searchPanelMiniLink {text-decoration: none;}
#txtQuery {background: #fff; padding: 2px 0 2px 4px; border: 0;}
.btnGo {background: #fff url('/images/btnGo.jpg') bottom left no-repeat; border: 0; width: 30px; cursor: pointer;}


/* Main Menu */
#topMenu {float: left; width: 100%; margin: 0px 0 0 0; height: 40px; background: #99cc33; border-top: 5px solid #cc33cc;}
#topMenu-left {float: left; width: 60%; margin: 0;}
#topMenu-left ul { clear:left; float:left; list-style:none; margin: 0; padding:0; background: #99cc33;}
#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:12px 10px 0px 10px; height:28px; font: bold 13px arial, verdana, sans-serif; text-align:center; color:#fff; text-decoration:none; position:relative; left: 15px; }
#topMenu-left ul li a:hover { background: #cc33cc; color:#fff;}
#topMenu-left ul li a.active, #header ul li a.active:hover { color:#00adee; background:#fff; font-weight:bold;}
#topMenu-left ul li a span { display:block;}
#topMenu-right {float: right; width:40%;}
#topMenu-right ul {clear: left;float:right; list-style:none; margin:0 20px 0 0; padding:0;  background: #99cc33;}
#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:12px 10px 0px 10px; height:28px; font: bold 12px times, georgia, serif; text-align:center; color:#fff; text-decoration:none; position:relative; left:15px; }
#topMenu-right ul li a:hover { background: #cc33cc; color:#fff; }
#topMenu-right ul li a.active, #header ul li a.active:hover { color:#00adee; 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:#fff; color: #00adef; font-weight: bold; border-top:0px solid #000; margin:0; padding:6px 15px 6px 20px !important; text-align:left; }
#breadcrumbs a {text-decoration: none; color: #00adef;}


/* common column settings */
.colright, .colmid, .colleft { float:left; width:100%; position:relative; }
.col1, .col2, .col3 { float:left; position:relative; padding:15px  0 15px 0; overflow:hidden; } /* column container */
.colmask { position:relative; clear:both; float:left; width:100%; overflow:hidden;}


/* 2 Column (left menu) settings */
.leftmenu { background:#fff;		/* right column background colour */ }
.leftmenu .colleft { right:75%;			/* right column width */ background:#fff;	/* left column background colour */ }
.leftmenu .col1 { width:71%;			/* right column content width */ left:102%;			/* 100% plus left column left padding */ }
.leftmenu .col2 { width:21%;			/* left column content width (column width minus left and right padding) */ left:6%;			/* (right column left and right padding) plus (left column left padding) */ }


/*----------------Drop Down Menu------------------*/
.dropmenudiv {position:absolute; top: 0; border: 0; line-height:18px; z-index:100; background-color: #99cc33; visibility: hidden; padding: 0; margin: -1px;} 
.dropmenudiv a, .dropmenudiv a:visited, .dropmenudiv a:link {width: 200px; display: block; text-indent: 15px; border-bottom: 1px solid #cbcbcb; padding: 6px 20px 6px 0; text-decoration: none; font: normal 12px Arial,Verdana,Helvitica,sans-serif, san-serif; color: #fff; } 
* html .dropmenudiv a{ /*IE only hack*/ width: 100%;}
.dropmenudiv a:hover { background: #cc33cc; color: #fff;}



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


/*--Scroller panel--*/
#scroller {width: 100%; }
#scroller td {margin: 0; }
#scroller td img {padding: 0 5px; margin: 0;}
.padTop0 {padding: 0; vertical-align: top;}
.padTop5 {padding: 15px 0 0 0; vertical-align: top;}
.padTop15 {padding: 40px 0 0 0; vertical-align: top;}
.padTop25 {padding: 60px 0 0 0; vertical-align: top;}
.priceStickerOverlay {display: block; width: 46px; height: 28px; text-align: center; padding: 7px 0 0 0; background:  url('/images/stickerPrice.png') top left no-repeat; color: #fff; position: relative; top: -125px; left: 40px; font-size: 11px; font-weight: bold;}
.popup {width: 400px; background: #99cc33;}
.popup td {text-transform: uppercase; color: #000;}
.popup td .price-rrp {font: normal 14px verdana, arial, sans-serif; color: #000;}
.popup td .priceStickerOverlay {display: block; width: 100px; height: 30px; text-align: center; padding: 22px 0 0 0; margin: 0 0 -30px 0; background:  url('/images/stickerPriceLarge.png') top left no-repeat; color: #fff; position: relative; top: -25px; left: 45px; font-size: 15px; font-weight: bold;}



/*--Featured Books------*/
.featuredBooks-header {width: 100%; height: 26px; padding: 10px 0 0 0; margin: 0;}
.featuredBooks-header-small {width: 450px; height: 26px; padding: 10px 0 0 0; margin: 0;}
.featuredBooks-header-pow {width: 235px; height: 26px; padding: 10px 0 0 0; margin: 0;}
.contentPanelHeader-blue {padding: 10px 0 0 0; background: #fff url('/images/bgContentPanelHeader-blue.jpg') top center no-repeat;}
.contentPanelHeader-pink {padding: 10px 0 0 0; background: #fff url('/images/bgContentPanelHeader-pink.jpg') top center no-repeat;}
.contentPanelHeader-green {padding: 10px 0 0 0; background: #fff url('/images/bgContentPanelHeader-green.jpg') top center no-repeat;}
.contentPanelHeader-small-green {padding: 10px 0 0 0; background: #fff url('/images/bgContentPanelHeader-small-green.jpg') top center no-repeat;}
.contentPanelHeader-pow-purple {padding: 10px 0 0 0; background: #fff url('/images/bgContentPanelHeader-pow-purple.jpg') top center no-repeat;}
.columnBlock-title-left {display: block; float: left; text-transform: lowercase; margin: 0px 0 0 10px; padding: 2px 0 0 0; font: bold 14px arial, verdana, sans-serif; color: #fff;}
.columnBlock-title-right {display: block; float: right; text-transform: lowercase; margin: 0px 10px 0 10px; padding: 2px 0 0 0;}
.columnBlock-title-right a { font: normal 14px arial, verdana, sans-serif; color: #fff;}
.featuredBooks-content {margin: 0 0 0 1px; width: 696px;}
.featuredBooks-content-small {margin: 0 0 0 0px; width: 446px;}
.featuredBooks-content-pow {margin: 0 0 0 0px; height: 150px; padding: 0;}
.featuredBooks {width: 100%;}
.featuredBooks td {width: 90px; text-align: center; vertical-align: top; padding: 5px 2px 5px 2px;}
.price-online {font-size: 14px; font-weight: bold; color: #00adee;}
.price-rrp {font-size: 12px; font-weight: bold; color: #aaa;}
.price-online-pow {font-size: 16px; font-weight: bold; color: #fff;}
.price-rrp-pow {font-size: 13px; font-weight: bold; color: #fff;}
.productTitle {font-size: 16px; font-weight: bold; color: #fff;}


/*--Browse page blocks (Browse page content blocks)------*/
.browseBlock {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: 0px solid #ccc;}
.browseBlock-optionButtons {width: 100%; text-align: center;}
.browseBlock-optionButtons img {border: 0;}
.browseBlock-content {float: right; width:550px;}
.browse-sellPrice {font: bold 18px verdana, arial, sans-serif; color: #cc33cc; display: block;}
.browse-listPrice {font: bold 14px verdana, arial, sans-serif; color: #00adee; display: block; text-decoration: line-through;}
.browse-numResults {font: bold 14px verdana, arial, sans-serif; color: #00adee;}
.browse-productField {color: #00adee;}
.browse-productFieldTable td {padding: 0 2px;}
.readMoreLink {color: #99cc33; text-decoration: none; font-size: 14px;}

/*--Details page blocks (Browse page content blocks)------*/
.detailsBlock {padding: 20px; margin: 0 0 15px 1px; width: 656px;}
.detailsBlock-content {float: left; width:350px;}
.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 {font: bold 18px verdana, arial, sans-serif; text-decoration: none; color: #00adef;}
.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: 2px solid #00adee;}
#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: #99cc33; font-weight: bold;}
#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: #99cc33;}
#product-tabbedContent li a:hover {color: white; background: #00adee;}
#product-tabbedContent li a.selected {font-weight: bold; color: #00adee;}
#product-tabbedContent li a.selected:hover {background: #fff; color: #00adee;}
.tabcontent {display:none; padding: 0 10px 10px 10px;}
.tabcontent h3 {padding: 0 0 8px 0;}


/*--Column blocks------*/
.columnBlock-header {width: 100%; height: 26px; padding: 10px 0 0 0; margin: 0; color: #f5f5f5; }
.columnBlock-content {border: 1px solid #eaeaea; background: #99cc33; margin: 0 0 20px 0; color: #fff;}
.columnBlock-content a {color: #fff;}
.columnPadding {padding: 10px 10px 8px 10px;}
.columnBlock-title {text-transform: lowercase; margin: 15px 0 0 10px; padding: 15px 0 0 0; font: bold 14px arial, verdana, sans-serif; color: #fff;}
.redGradient {padding: 10px 0 0 0; background: #fff url('/images/bgColumnBlock-red.jpg') 2px 0px no-repeat;}


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

#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: #fff; 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: #99cc33;}
.checkout-navigation tr td.lastStep-currentStep {padding: 5px 5px 5px 5px; color: #fff; background: #00adef;}
.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;}




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