/*--General styles--------*/

body {margin:0 auto; padding:0; border:0; width: 100%; padding: 0px; background: #fff url('/images/bgSite.jpg') top left repeat-x; min-width:600px; font: normal 12px arial, verdana, sans-serif; color: #424242;}
a {color: #C86405; text-decoration: underline;}
a:hover {}
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; }
h1 {font: bold 18px arial, verdana, sans-serif; margin: 0 0 15px 0;}
h1.bookTitle-details {font: bold 16px arial, verdana, sans-serif; color: #C86405; margin: 10px 0 10px 0;}
h1.columnBlock-title {font: bold 14px arial, verdana, sans-serif; text-shadow: #222 1px 1px 2px; color: #fff; text-transform: uppercase; margin: 4px 0 0 0;}
h2 {font: bold 16px arial, verdana, sans-serif;}
h2#productDetails-ISBN {font: normal 12px arial, verdana, sans-serif; display: inline;}
h3 {font: bold 14px arial, verdana, sans-serif; margin: 0;}
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;}
.floatLeft {float: left;}
.floatRight {float: right;}
#container {width: 990px; margin: 0 auto;}
.enlarge {font-size: 11px; text-decoration: none;}


/*--Header styles--------*/
#header {clear:both; float: left; height: 194px; width: 100%;}
#header p, #header h2 {padding:.4em 15px 0 15px; margin:0;}
#logoPanel {float: left; margin: 0 0 0 20px; padding: 0px; width: 523px; height: 124px;}
#uniPanel {float:right; width: 151px; padding: 3px 20px 3px 10px; margin-top: 12px;}


/*--Breadcrumbs-----------*/
#breadcrumbs { clear:both; margin:0; font-size: 11px; padding:6px 15px 6px 20px !important; text-align:left; background: url('/images/bgBreadcrumbs.jpg') top right no-repeat;}


/*--Search Panel--------*/
#searchPanel {display: block; width: 100%; height: 36px; margin: 0 0 5px 0; padding: 7px 0px 7px 15px; background: url('/images/bgSearchPanel.jpg') top left no-repeat;}
#searchForm {margin: 5px 0 0 0;}
#iconSearch {vertical-align: top; margin: 0 10px 0 0;}
#searchLinks {margin: 2px 0 4px 0;}
#searchLinks a {font-size:11px; font-weight: bold; text-decoration: none;}
.searchPanelMiniLink {font-weight:bold; font-size: 11px; text-decoration: none;}
#txtQuery {background: #fff; padding: 3px 0 3px 5px; margin: 0 0 5px 0; width: 150px; border: 1px solid #cdcdcd;}
#searchDropDown {padding: 2px 2px 2px 0;}
.btnGo {background: url('/images/btnGo.jpg') top left no-repeat; border: 0; width: 22px; height: 22px; padding: 0; cursor: pointer;}


/*--Column blocks------*/
.columnPadding {padding: 10px 4px 8px 4px;}
.columnBlock-header {background: #fff url('/images/bgColumnBlockHeader.jpg') top left no-repeat; width: 100%; padding: 7px 0 6px 10px; color: #fff; margin: 3px 0 0 0;}
.columnBlock-header-large {background: #fff url('/images/bgColumnBlockHeader-large.jpg') top left no-repeat; width: 100%; padding: 7px 0 6px 10px; color: #fff; margin: 0px 0 0 0;}
.numResults {margin: 0 22px 0 0; padding: 4px 0 0 0; display: block;}
.columnBlock-content {border: 1px solid #eaeaea; background: #efddc7; margin: 0 0 20px 0;}
.columnBlock-content p {margin: 0 0 4px 0; font-size: 11px;}
.columnBlock-contentPanel {border: 1px solid #eaeaea; margin: 0 0 20px 0; text-align: center;}
.columnBlock-title {font: bold 14px arial, verdana, sans-serif; text-shadow: #222 1px 1px 2px; color: #fff; text-transform: uppercase; margin: 4px 0 0 0;}
.columnBlock-title-cart {font: bold 13px arial, verdana, sans-serif; color: #fff; text-transform: uppercase; margin: 2px 0 0 0;}
.categoriesList {list-style-type: none; margin: 0; padding: 0;}
.categoriesList li {border-bottom: 1px solid #fff; padding: 6px 5px 6px 10px; color: #753304; font-size: 14px;}
.categoriesList li.current {border-bottom: 1px solid #fff; padding: 6px 5px 6px 10px; color: #753304; font-size: 14px; font-weight: bold;}
.categoriesList li a, .categoriesList li.current a {display: block; text-decoration: none; color: #753304; font-size: 14px;}
.subCategoryMenu {margin: 2px 0 0 0; padding: 0;}
.subCategoryMenu li {list-style-position: outside; border: 0; padding: 2px; margin: 0 0 0 20px;}
.subCategoryMenu li a {border: 0; font-weight: normal;} 
.categoriesList li .subCategoryMenu li.current {border: 0; font-weight: bold;} 
.newsInfo ul {list-style-type: none; margin: 0; padding: 0;}
.newsInfo ul li {border-bottom: 1px solid #fff; padding: 6px 5px 6px 10px;}
.newsInfo ul li a {display: block; text-decoration: none; color: #753304; font-size: 14px;}


/*--Main Menu----------------------*/
#topMenu {clear: both; width: 100%; margin: 132px 0 0 0; height: 36px;}
#chromemenu {position:relative; display:block; font-size:11px; font-weight:bold; font-family:Arial,Verdana,Helvetica,sans-serif;}
#chromemenu ul{margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; font-size:14px; font-weight:bold; background:transparent url("/images/menu-bgOFF.gif") repeat-x top left; font-family:Helvetica,Arial,Verdana,sans-serif; border-bottom:0px solid #4d4d4d; border-top:0px solid #ccd1cf;}
#chromemenu ul li{display:block; float:left; margin:0; padding:0;}
#chromemenu ul li a{display:block; float:left; color:#222; text-decoration:none; padding:11px 20px 0 20px; height:24px; background:transparent url("/images/menu-bgDIVIDER.gif") no-repeat top right;}
#chromemenu ul li a:hover{background: #d36800 url("/images/menu-bgHOVER.gif") no-repeat top right; color: #fff;}
#chromemenu ul li a.current,#chromemenu ul li a.current:hover{color:#d36800; background:transparent url("/images/menu-bgON.gif") no-repeat top right; padding: 11px 20px 0px 20px; height: 24px;}


/*--Drop Down Menu-----------------*/
.dropmenudiv {position:absolute; top: 0; border: 1px solid #cbcbcb; border-right: 2px solid #bbb; border-bottom: 1px solid #bbb; line-height:18px; z-index:100; background-color: #fedd2e; visibility: hidden; padding: 0; margin: -1px;}
.dropmenudiv a, .dropmenudiv a:visited, .dropmenudiv a:link {width: 150px; 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: #222; }
* html .dropmenudiv a{ /*IE only hack*/ width: 100%;}
.dropmenudiv a:hover { background: #ffffff; color: #000;}



/*--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: 0 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; }


/*--3 Column settings------*/
.threecol { background:#fff;}
.threecol .colmid { right:25%; background:#fff;}
.threecol .colleft { right:50%;	background:#fff;}
.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) */ }


/*--Content blocks------*/
.contentBlock {padding: 0; margin: 0 0 20px 0;}
.contentBlock-homepage {padding: 0; margin: 0;}
.contentBlock-details {padding: 0; margin: 0 0 20px 0; background: #f5f5f5;}
.centerColumn-content-sectionBlock {padding: 0;}


/*--Homepage banner------*/
.homepageBanner {margin: 0 0 20px 0;}


/*------------------Image Slideshow------------------*/
.imageSlideshowHolder{
  margin:0px 0 10px 0;  /* "Air" */
  width:900x;  /* Image width */
  height:220px;  /* Image height */
  position:relative;  /* Don't remove this line */
} 
/* Don't change these values */
.imageSlideshowHolder img {position:absolute; left:0px; top:0px;}


/*--Featured Book------*/
.featuredBook {}
.featuredBook table td {background: #eee; padding: 5px; vertical-align: top;}
.featured-name {font-weight: bold; text-decoration: none; display: block; font-size: 13px; color: #C86405;}
.featured-authorName {font-weight: bold; text-decoration: none; display: block; font-size: 14px;}
.featured-price {display: block; font-size: 14px; font-weight: bold;  color: #222;}
.featured-rrp {display: block; font-size: 14px; font-weight: bold; color: #777; text-decoration: line-through;}


/*--SPECIALS------------*/
.specials-fromPrice {font: bold 12px arial, verdana, sans-serif; color: #b6100b;}


/*--Browse page blocks (Browse page content blocks)------*/
.productBlock {background: #f5f5f5; margin: 0 0 20px 0; min-height: 170px;}
.bookContainer-browse table {}
.coverImage-container-browse {width: 110px; height: 160px; float: left;}
.coverImage-container-browse img {padding: 5px;}
.bookDetails-container-browse {float: left; width: 305px; padding: 10px;}
.bookDetails-container-browse div.details {width: 200px;}
.price-online {font-size: 14px; font-weight: bold; color: #222; display: block;}
.price-rrp {font-size: 14px; font-weight: bold; color: #777; display: block; text-decoration: line-through;}


/*--Details page blocks (Details page content blocks)------*/
.price-online-details {font-size: 14px; font-weight: bold; color: #222; display: block;}
.price-rrp-details {font-size: 14px; font-weight: bold; color: #777; display: block; text-decoration: line-through;}
.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;}


/*--FRIENDS PANEL (RIGHT COLUMN) --*/
#friendsPanel {background: #ccc; margin: 4px 0; padding: 5px; color: #222; border: 1px solid #eee;}
#promotionCodeField {border: 1px solid #999; height: 19px;}
#friendsSave {background: url('/images/btnGo-friends.jpg') top left no-repeat; border: 0; width: 22px; height: 22px; padding: 0; cursor: pointer;}
.addPromotionCodeSuccessMessage {display: block; width: 178px; background: green; margin: 4px 0; padding: 5px; color: #fff; border: 1px solid #ddd;}
.addPromotionCodeLoadingSpan {background: #ccc; margin: 4px 0; padding: 5px; color: #222; border: 1px solid #ddd;}
.addPromotionCodeFailureMessage {display: block; width: 178px; background: red; margin: 4px 0; padding: 5px; color: #fff; border: 1px solid #ddd;}
.addPromotionCodeLoadingSpan {display: block; width: 178px; background: #999; margin: 4px 0; padding: 5px; color: #fff; border: 1px solid #ddd;}

/*--FRIENDS PANEL (STEP 1)--*/
#friendsPanel-step1 {background: #ccc; width: 398px; margin: 4px 0 10px 10px; padding: 5px; color: #222; border: 1px solid #bbb;}
.promotionCodeField-step1 {margin: 0 0 0 7px;}
.addPromotionCodeLoadingSpan-step1 {display: block; background: #ccc; width: 398px; margin: 4px 0 10px 10px; padding: 5px; color: #222; border: 1px solid #ddd;}
.addPromotionCodeSuccessMessage-step1 {display: block; background: green; width: 398px; margin: 4px 0 10px 10px; padding: 5px; color: #fff; border: 1px solid #ddd;}
.addPromotionCodeFailureMessage-step1 {display: block; background: red; width: 398px; margin: 4px 0 10px 10px; padding: 5px; color: #fff; border: 1px solid #ddd;}



/*--TABBED CONTENT DETAILS PAGE--*/
.product-tabbedContent { padding: 3px 0; margin: 10px 10px 0 0; font-size: 12px; border-bottom: 1px solid #ccc; list-style-type: none;}
.product-tabbedContent li {list-style: none; display: inline; margin: 0;}
.product-tabbedContent li a {text-decoration: none; padding: 3px 0.5em; margin-right: 3px;outline: 0;}
.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: #C86405;}
.product-tabbedContent li a:hover {color: black; background: #ddd;}
.product-tabbedContent li a.selected {font-weight: bold;}
.product-tabbedContent li a.selected:hover {background: #fff;}
.tabcontent {display:none; padding: 0 10px 10px 10px;}
.tabcontent h3 {padding: 0 0 8px 0;}


/*--SHOPPING CART------*/
#shoppingCartPanel {background: #c2c2c2 url('/images/bgCart.jpg') bottom left no-repeat; min-height: 220px; margin: 0; padding: 0 10px 10px 10px; color: #fff;}
#shoppingCartPanel a {text-decoration: none; color: #fff;}
#shoppingCartPanel hr {margin: 0 0 3px 0; padding: 0;}
.cartContents {font: bold 13px arial, verdana, sans-serif; margin: 3px 0; display: block;}
.cartContents a{}


/*--MY ACCOUNT--*/
#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;}


/*--FORMS-------------------------*/
.txtField {color: #555; margin: 0 0 4px 0; border: 1px solid #aaa; padding: 2px 2px 2px 5px;}
.btnFindBooks {width: 130px; height: 20px; border: 0; margin: 8px 0 0 0; background: url('/images/btnFindBooks.jpg') top left no-repeat; cursor: pointer;}
.btnSignUp {width: 130px; height: 20px; border: 0; margin: 8px 0 0 0; background: url('/images/btnSignUp.jpg') top left no-repeat; cursor: pointer;}


/*--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: #D36800;}
.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;}


/*-- ORDER LINES/CART -------------------------*/
.camjOMCartContents {/*width: 320px; */ width: 320px;}
.camjOMCartHeading {margin: 8px;}
.centre {width: 100%; text-align: center;}
.orderLines {height: 300px;  overflow: auto;  padding: 3px;}
.orderLine {background: #efefef;}
.orderLine .button {margin: 0 0 0 1px; cursor: pointer; }
.orderLine .cost {margin-right: 10px;}
.orderLine .productImage-browse {width: 70px; height: 96px; background: #fff; margin: 0 8px 0 0;}
.orderLine .productImage-browse img {padding: 0px 0; background: #fff;}
.clearFloat {clear: both;}
.orderTotals {border-top: 1px solid #222;  background: #ccc;  padding: 0px;}
.orderTotals .label {float: left; font-weight: bold;}
.orderTotals .cost {font-weight: bold;  float: right;  margin-right: 10px;}


/*--FOOTER STYLES-----------*/
#footer {clear:both; float:left; margin: 0; width:100%; background: #AF4A04 url('/images/bgFooter.jpg') top left repeat-x;}
.footerInner {width: 990px; margin: 0 auto; height: 40px;}
.footerInner p {padding: 10px; margin: 0; color: #fff; font-size: 13px; text-align: center;}
.footerInner a {color: #fff; text-decoration: none; margin: 0 20px;}