﻿/* CSS Document */

body { background: #FDFAD9; margin: 0px; margin-top: -12px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
th { text-align: left; }
#headerBar { background: #FFF; height: 100px; border-bottom: 10px solid #181896; }
#header { width: 950px; margin: 0 auto; background: #FFF url(../../images/bgHeader.gif) no-repeat 200px; height: 100px; }
.logo { margin-top: 14px; margin-left: 24px; float: left; }

#cartSummary { float: right; text-align: right; margin-right: 29px; height: 65px; }
#cartSummary p { font-size: 11px; margin: 10px 0px 0 0; color: #181896; }
#cartSummary a:link, #cartSummary a:visited, #cartSummary a:active { color: #181896; }
#cartSummary a:hover { color: #FF8A0A; }

#cart_table { font-size: 11px; }
#cart_table th { padding: 5px; background: #E6F1FF; text-align: left; }
#cart_table numth { text-align: right; }
#cart_table td { padding: 5px; border-bottom: solid 1px #E6F1FF; }
#cart_table a:hover { color: #FF8A0A; }
.table_title { font-weight: bold; font-size: 12px; height: 30px; }
.table_link { text-decoration: none; color: Black; }
.icon { vertical-align: middle; margin-right: 3px; }

#cart_info { padding: 0px 10px 10px 10px; }
#cart_info table { padding: 0px; margin: 0px; border-top: 1px dotted #FF5C00; }
#cart_info td { padding-bottom: 5px; font-size: 10px; border-bottom: 1px dotted #FF5C00; padding-top: 5px; padding-right: 5px; }
#cart_info p { text-align: right; }

#menu { background: url(../../images/bgMenu.jpg); width: 640px; float: right; height: 35px; margin-right: 24px; padding-right: 24px; text-align: right; }
#menu ul { list-style: none; margin: 0px; padding: 0px; font-family: "Arial Black" , Gadget, sans-serif; font-size: 1px; }
#menu li { display: inline; color: #FFF; font-size: 11px; display: inline-block; float: left; }
#menu a:link, #menu a:visited, #menu a:active { border-left: 1px dotted #174B94; border-right: 1px dotted #163492; color: #FFF; padding: 12px 25px 15px 25px; display: inline-block; text-decoration: none; }
#menu a:hover { color: #FF8A0A; }

#container { background: #FDFAD9 url(../../images/bgContainer.gif) top repeat-x; }
#wrapper { width: 902px; margin: 0 auto; padding: 24px; background: #FFF url(../../images/bgWrapper.gif) top repeat-x; }

.btnBlank { width: 90px; height: 30px; background: url(../../images/btnBlank.gif) no-repeat; border: 0px !important; font-size: 10px; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; padding: 0px 0 5px 0; /*update*/ cursor:pointer;}
.btnLogin { width: 64px; height: 29px; background: url(../../images/buttonLogin.gif) no-repeat; border: 0px; cursor: pointer;  }
.selectedAddress td { background: #FEA500; border-top: 1px dotted #0083D7; border-bottom: 1px dotted #0083D7; }

.advert { border: 1px solid #DBF4FD; margin: -1px; margin-bottom: 15px; }
.advert img { border: 0; }

#sideMenu { width: 198px; float: left; margin-right: 24px; font-size: 11px; display: block; }
#sideMenu h1 { margin: 0 0 14px 0; padding: 0; }
#sideMenu ul { list-style: none; margin: 0px 0px 0px 10px; padding: 0px; }
#sideMenu li { margin: 0px; padding: 0px; color: #005194; font-size: 11px; margin-top: 3px; margin-bottom: 6px; cursor: pointer; }
#sideMenu .label { margin: 0px; padding: 0px; color: #80A8D4; font-size: 10px; margin-bottom: 6px; }
#sideMenu a:link, #sideMenu a:active, #sideMenu a:visited { color: #005194; text-decoration: underline; font-size: 11px; }
#sideMenu li:hover { color: #FF8A0A; text-decoration: none; }
#sideMenu a:hover { color: #FF8A0A; text-decoration: underline; }

#content { float: right; width: 680px;  }
#searchBar { background: #FFF url(../../images/titleSearchBooks.gif); height: 23px; padding: 5px 0px 5px 95px; }
#searchBar select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 2px 2px 0px; color: #005194; border: 1px solid #005194; }
.searchInput { margin: 0px; padding: 3px; width: 270px; border: 1px solid #005194; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #005194; }

#imageBar { background: #F0FBFF; margin-top: 5px; margin-bottom: 5px; font-size: 11px; }
#imageBar img { border: 0px; }


#wording { float: left; width: 475px; padding: 0px 0px; }
#wording h1 { margin: 0 0 12px 0; padding: 0; font-size: 12px; font-weight: bold; color: #0083D7; }
#wording h2 { margin: 0 0 10px 0; padding: 0; font-size: 11px; }
#wording hr { clear: both; height: 0px; border: 0px; border-bottom: 1px dotted #0083D7; margin: 10px 0px; padding: 0px; }
#wording a { font-size: 11px; color: #508BFA; }
#wording a:hover { color: #FF8A0A; text-decoration: none; }
#wording li { list-style: none; background: url(../../images/iconBullet.gif) no-repeat 0px 3px; padding: 0px 0 0 12px; margin: 0px 0px 5px 0; }
#wording p { font-size: 12px; margin-left: 0px; margin-right: 15px; line-height: 18px; }
#wording .pageStyle { margin-left: 10px; }
#wordingProd { float: left; width: 475px; padding: 0px 0px; }
#wordingProd h1 { margin: 0 0 12px 0; padding: 0; font-size: 12px; font-weight: bold; color: #0083D7; }
#wordingProd h2 { margin: 0 0 10px 0; padding: 0; font-size: 11px; }
#wordingProd hr { clear: both; height: 0px; border: 0px; border-bottom: 1px dotted #0083D7; margin: 10px 0px; padding: 0px; }
#wordingProd a { font-size: 11px; color: #508BFA; }
#wordingProd a:hover { color: #FF8A0A; text-decoration: none; }
#wordingProd li { list-style: none; background: url(../../images/iconBullet.gif) no-repeat 0px 3px; padding: 0px 0 0 12px; margin: 0px 0px 5px 0; }
#wordingProd p { font-size: 11px; }

#categoryHeader { background-color: Black; background-image: url(../../images/headerCategoryBlank.gif); width: 465px; height: 19px; margin: 0 0 12px 0; padding: 9px 0 5px 10px; }
#categoryHeader label { font-family: "Arial Black" ,Gadget,sans-serif; font-size: 11px; color: #FFF; }
.categoryHeaderCustom { margin: 0 0 12px; }

#navigation_prods { /*background: #E1F4FC url(../../images/dataPagerBtm.gif) no-repeat bottom;*/ height: 20px; font-size: 11px; /*margin: -12px 0px -14px 0px;*/ padding: 5px 10px; }
#navigation_prods .left { float: left; text-align: left; }
#navigation_prods .right { float: right; text-align: right; /*padding-top: 3px;*/ }
#navigation_prods a:link, #dataPager a:active, #dataPager a:visited { color: #0083D7; text-decoration: none; line-height: 10px; }
#navigation_prods a:hover { color: #FF8A0A; text-decoration: none; }
#navigation_prods select { font-size: 11px; }

#rightBar { float: left; width: 203px; margin-left: 2px; }

#datapager { float: right; margin-top: 3px; }

#productBox { font-size: 11px; width: 138px; float: left; margin: 0px 10px 10px 10px; }
#productBox img { border: 0px; margin-bottom: 0px; }
#productBox p { margin: 0px 0 5px 0px; padding: 0px; line-height: 16px; }
#productBox a:link, #productBox a:active, #productBox a:visited { color: #0083D7; text-decoration: none; }
#productBox a:hover { color: #FF8A0A; text-decoration: none; }
.priceWas { text-decoration: line-through; color: #0083D7; font-size: 11px; font-weight: bold; }
.priceNow { color: #FF8A0A; font-size: 12px; font-weight: bold; }
.starIcon { text-align: center; vertical-align: bottom; margin-right: 3px; }
.priceSave { margin-left: 21px; font-weight: bold; color: #FF8A0A; }
.percentSave { font-weight: bold; background-color: #FF8A0A; color: #FFF; padding: 0px 3px; }

#productDetailsLeft { float: left; width: 175px; margin: 0px 10px; text-align: center; font-size: 11px; }
#productImg { border: 1px solid #E0F3FB; width: 173px; }
#productDetailsRight { float: left; width: 270px; margin-bottom: 0px; margin-right: 10px; }
#productDetailsRight h2 { font-size: 14px; color: #0083D7; margin-top: 0px; }
#productDetailsRight h3 { font-size: 12px; color: #0083D7; margin-top: 0px; }
#productDetailsRight p { font-size: 11px; color: #000; line-height: 16px; }
#productDetailsLeft a:link, #productDetailsLeft a:active, #productDetailsLeft a:visited { color: #0083D7; text-decoration: none; }
#productDetailsLeft a:hover { color: #FF8A0A; text-decoration: none; }
#productDetailsRight a:link, #productDetailsRight a:active, #productDetailsRight a:visited { color: #0083D7; text-decoration: none; }
#productDetailsRight a:hover { color: #FF8A0A; text-decoration: none; }

#newsFeature { float: left; width: 203px; margin-left: 0px; }
#newsFeature h1 { margin: 0 0 14px 0; padding: 0; }
#newsFeature h2 { font-size: 11px; font-weight: bold; margin: 0 10px 0 10px; padding: 0; }
#newsFeature a:link, #newsFeature a:active, #newsFeature a:visited { color: #0083D7; text-decoration: none; }
#newsFeature a:hover { color: #FF8A0A; text-decoration: none; }
#newsFeature p { font-size: 11px; margin: 0px 10px 11px 10px; }
#newsFeature_table { margin-bottom: 10px; }
#newsFeature_table img { vertical-align: super; }

#bookSearch_table { font-size: 11px; font-family: Arial; }
#bookSearch_table td { padding-bottom: 0px; padding-top: 0px; }
#bookSearch_table input { font-size: 11px; font-family: Arial; width: 175px; }
#bookSearch_table label { display: inline-block; width: 100px; text-align: right; margin-right: 15px; background: #E6F1FF; padding-right: 10px; line-height: 25px; border-bottom: 1px solid #A1CCE2; }

#loginFeature { float: right; width: 203px; margin-left: 2px; }
#loginFeature h1 { margin: 0 0 14px 0; padding: 0; }
#loginFeature table { font-size: 11px; margin: 0px 10px 0px 10px; }
#loginFeature table label { width: 55px; display: block; padding-right: 0px; margin-right: 4px; text-align: right; }
#loginFeature a:link, #loginFeature a:active, #loginFeature a:visited { color: #0083D7; text-decoration: none; }
#loginFeature a:hover { color: #FF8A0A; text-decoration: none; }
#loginFeature p { font-size: 11px; margin-top: 5px; margin: 0px 10px 11px 10px; }
#loginFeature hr { height: 0px; border: 0px; border-bottom: 1px dotted #0083D7; margin: 10px 0px; padding: 0px; }
.loginButton { width: 65px; height: 29px; background: url(../../images/buttonLogin.gif) no-repeat; border: 0px; cursor: pointer;  }
.inlineError { line-height: 20px; margin-bottom: 10px;   }

.loginInput { width: 114px; margin-bottom: 5px; margin-left: 3px; margin-right: 3px; border: 0px; background: url(../../images/bgLoginInput.gif); height: 14px; padding: 5px; }
.loginButton { text-align: right; vertical-align: middle; margin-right: 3px; }

.ddlNewspaper { padding: 5px; width: 200px; border: 1px solid #85d4f4; }
#pressReviews hr { height: 0px; border: 0px; border-bottom: 1px dotted #0083D7; margin: 10px 0px; padding: 0px; width: 465px; }

#infoBoxes { width: 950px; margin: 3px auto; }
#infoBox { width: 187px; height: 100px; margin-right: 3px; background: #FFF; float: left; padding: 20px 24px 10px 24px; font-size: 11px; }
#infoBox a:link, #infoBox a:active, #infoBox a:visited { color: #0083D7; text-decoration: none; }
#infoBox a:hover { color: #FF8A0A; text-decoration: none; }
#infoBox h1 { margin: 0px 0px 10px 0; padding: 0px; }
#infoBox ul { list-style: none; margin: 0px; padding: 0px; }
#infoBox li { background: url(../../images/iconBullet.gif) no-repeat 0px 3px; padding: 0px 0 0 12px; margin: 0px 0px 5px 0; }

#footer { background: url(../../images/bgFooter.gif) no-repeat; width: 906px; margin: 0 auto; padding: 5px 24px; height: 46px; font-size: 11px; margin-bottom: 25px; }
#footer p { margin: 0; padding: 0; line-height: 16px; }
#footer .left { text-align: left; width: 50%; float: left; margin-top: 4px; }
#footer .right { text-align: right; width: 50%; float: right; margin-top: 10px; }
#footer a:link, #footer a:active, #footer a:visited { color: #0083D7; }
#footer a:hover { color: #FF8A0A; text-decoration: none; }
#footer .left a:link, #footer .left a:active, #footer .left a:visited { padding-right: 5px; border-right: 1px solid #C4EBFB; margin-right: 5px; }

#clear { clear: both; }
.clear { clear: both; }


#table { width: 100%; padding: 10px; font-size: 12px; }

.table_label { background: #E6F1FF; text-align: right; font-size: 12px; padding-right: 10px; padding-top: 4px; font-size: 11px; color: Black; }

td.label { background: #E6F1FF; text-align: right; font-size: 12px; padding-right: 10px; padding-top: 4px; font-size: 11px; color: Black; }

.textarea { font-family: Arial; font-size: 13px; }

#table th { background: #E6F1FF; font-weight: bold; text-align: left; }

.table_space { height: 3px; }

.table_textbox { margin-left: 3px; }

.validation_summary { font-size: 10px; line-height: 22px; padding-bottom: 10px; color: Red; }

#search { margin-left: 10px; margin-right: 10px; }

#review { float: left; margin-bottom: 10px; }
#review h1 { margin: 0px; padding: 0px; display: inline; }
#review h2 { font-size: 11px; font-weight: bold; margin-left: 5px; padding: 0px; display: inline; }
#review a:link, #newsFeature a:active, #newsFeature a:visited { color: #0083D7; text-decoration: none; }
#review a:hover { color: #FF8A0A; text-decoration: none; }
#review p { font-size: 11px; margin: 5px 0px 5px 0px; }

#review_image { float: left; background-color: white; width: 80px; }
#review_text { float: left; background-color: white; width: 380px; }

.comment_date { color: #508BFA; }
.comment_name { font-weight: bold; text-transform: capitalize; }
#comment { padding-top: 5px; font-size: 11px; margin-top: 5px; }
#comment_wrapper h3 { font-size: 12px; color: #0083D7; margin-top: 0px; }
#comment_wrapper a:link { text-decoration: none; }
#comment_wrapper textarea { border: 1px solid #0083D7; width: 100%; height: 100px; font-family: Arial; font-size: 11px; overflow: auto; padding: 5px; }

/*search*/
.loading_search_panel { text-align: center; }
/* simple css-based tooltip */
div.search_tooltip { background-color: #FF5B00; border: 1px solid #fff; padding: 5px 5px; width: 200px; display: none; color: #fff; text-align: left; font-size: 12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; }
div.search_tooltip_top { background-color: #FF5B00; border: 1px solid #fff; padding: 5px 5px; width: 280px; display: none; color: #fff; text-align: left; font-size: 12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; text-align: center; }

/*order history*/
#accordion { background: #FFF; width: 100%; border: 1px solid #E6F1FF; -background: #FFF; }

/* accordion tab */
#accordion div.accordion_tab { background: #E6F1FF; margin: 0; padding: 2px 5px; font-size: 11px; font-weight: normal; border: 1px solid #fff; border-bottom: 1px solid #A1CCE2; cursor: pointer; }

/* currently active header */
#accordion div.current { cursor: default; background-color: #0095E1; color: #FFF; }

/* accordion pane */
#accordion div.accordion_pane { border: 0px solid #fff; display: none; padding: 5px; color: #000; font-size: 11px; }

#stars-cap { font-size: 11px; margin-left: 5px; }
#stars-wrapper { display: inline; }
.rateLabel { display: inline; font-size: 11px; float: left; margin-right: 10px; }

.validationSumm { font-size: 11px; }
.validationSumm ul { list-style: square; }
.validationSumm li { background: 0px 0px; }

ol { text-align: justify; padding-right: 20px; }

/* Winter setup*/
/*
body {background: #fff !important;}
#menu {background: url(../../images/bgMenu2.jpg) !important;}
#headerBar {border-bottom: 10px solid #b40202 !important;}
#menu a:link, #menu a:visited, #menu a:active { border-left: none ; border-right: none !important;  padding: 17px 27px 15px 25px;}
#container { background: #FFF url(../../images/bgWinter.jpg) top center !important; }
#wrapper {background: #fff !important;}
#footer {background: #fff; margin-bottom: 0px; width: 900px;}
*/

/*IN STOCK OUT OF STOCK*/
.prodinstock {color:#009900;font-weight:bold;}
.prodoutstock {color:#000000;font-weight:bold;}
.prodcomingsoon {color:#0083D7;font-weight:bold;}

.categoryMenuRoots, .categoryChildrenOpen { list-style:none; width:200px; padding-left:0;}
.required { color:#FF0000; }
#side_menu { width:215px; }


/*Form Style*/
div.formStyle p { margin: 3px 0; }
div.formStyle p.button { padding-top: 10px;  }
div.formStyle p.date { position: relative; padding-bottom: 17px;  width: 270px; }
div.formStyle p label { display: block; float: left; width: 100px; background: #E6F1FF; text-align: right;  font-size: 11px;  padding:2px 5px 2px 0; margin-right: 5px;  }
div.formStyle p span.dateExample { display: block; position: absolute; font-size: 10px; right:10px; top: 22px;  color: #8c8c8c; font-style: italic;  }
img.ui-datepicker-trigger { position: absolute;  right:-25px; top: -2px; color: #ccc;   }
.invisible { visibility: hidden; }

a.chromeFix { text-decoration: none !important;  }
a.chromeFix:hover { text-decoration: none !important;  }
p.registerText { margin: 10px 0 15px 0 !important;  }
span.numbers { position: relative; top: -1px;  } 

#wording iframe#fastpay { width: 475px !important; height: 310px !important; overflow-x: hidden; }
a.linkFix { display: block; text-align: center; color: #fff !important; text-decoration: none;  padding-top: 6px !important;  }
a.linkFix:hover { color: #fff !important; text-decoration: none;  }
legend { margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #0083D7; }
