/*******************************************************************
	Filename: 		48HrBooks.css
	Project:  		www.48HrBooks.com
	Description:	Site wide stylesheet including 2011 re-development

*******************************************************************/
html { height:100%; }
body { height:100%; margin:0px; padding:0px; background-color:#333333; }
body, p, div, span, a, td, b, strong { font-family:Arial,Verdana,Helvetica,sans,sans-serif; font-size:12px; }
p { margin:5px 0px 25px 0px; }
a { color:#CC3333; text-decoration:none; font-weight:bold; }
a:hover { text-decoration: underline; }
form { margin:0px; }
hr { border:none; border-top:solid 1px #000000; margin:10px 0px 20px 0px; }

/* HEADINGS */
h1, h2, h3, h4, h5 { font-family:Arial,Verdana,Helvetica,sans,sans-serif; color:#cc2229; margin:0px; }
h1 { padding:0px 0px 15px 0px; }
h2 { padding:0px 0px 10px 0px; }
h3 { padding:0px 0px 7px 0px; }
h4 { padding:0px 0px 3px 0px; }
h5 { padding:0px 0px 0px 0px; }

/* MAIN SITE SKELETON */
.MainContainer { width:971px; min-height:100%; height:auto !important; height:100%; margin:0px auto -100px auto; text-align:left; background:url( images/MainContainerBG.gif ) repeat-y right top #FFFFFF; }

/* SITE HEADER */
.Header { position:relative; width:971px; height:98px; margin:0px auto; background:url( images/HeaderBG.gif ) no-repeat; text-align:left; background-color:#333333; }
.HeaderLogo { padding:15px 0px 0px 15px; }
.HeaderLogo img { width:336px; height:50px; border-width:0px; }

/* SITE TOOLS */
.HeaderTools { position:absolute; top:0px; right:26px; width:594px; height:64px; line-height:28px; padding-top:2px; font-size:18px; color:#CC3333; font-weight:bold; font-style:italic; text-align:right; }
.HeaderTools a { color:#666666; font-weight:normal; font-style:normal; font-size:12px; }
.HeaderTools label { color:#000000; font-weight:normal; font-size:12px; }
.HeaderTools a:hover { color:#CC3333; text-decoration:none; }
.HeaderTools span { padding:0px 12px 0px 18px; }

/* SITE NAVIGATION */
.HeaderNavigation { position:absolute; bottom:0px; right:18px; height:26px; }
.HeaderNavigation div { float:left; width:163px; height:26px; margin-right:2px; background:url( images/MainNavLinkBG.png ) no-repeat; }
.HeaderNavigation a { display:block; height:19px; padding-top:7px; font-size:14px; color:#FFFFFF; font-weight:bold; text-align:center; }
.HeaderNavigation a:hover { text-decoration:none; color:#ffff66; }

/* SITE SUB-MENU */
.PageSubMenu { padding:10px 40px 0px 30px; }
.PageSubMenu span { padding:0px 10px 0px 10px; font-weight:bold; }
.SubMenuHere { text-decoration:underline; }
.SubMenuColumn { position:relative; float:left; width:212px; height:10px; overflow:visible; margin:0px 28px 0px 0px; }
.SubMenuColumnScroll { position:fixed; top:212px; background-color:#333333; }
.SubMenuColumnScroll div { margin-bottom:1px; }
.SubMenuColumnNOScroll { background-color:#333333; }
.SubMenuColumnNOScroll div { margin-bottom:1px; }
.SubMenuColumnCap { width:202px; height:22px; padding:14px 0px 0px 10px; font-size:16px; font-weight:bold; color:#97b1cc; font-weight:bold; font-style:italic; background:url( images/SubmenuColumnCapBG.gif ) no-repeat 0px 0px #cc3333; }
.SubMenuColumnBottom { width:212px; height:25px; background:url( images/SubmenuColumnBottomBG.gif ) no-repeat; margin-bottom:0px !important; }
.SubMenuColumnLink { width:212px; background-color:#cc3333; }
.SubMenuColumnLink a { display:block; height:20px; padding:5px 0px 0px 10px; font-size:13px; color:#FFFFFF; font-weight:bold; }
.SubMenuColumnLink a:hover { text-decoration:none; color:#ffff66; }
.SubMenuColumnLink a span { color:#ffff66 !important; font-size:13px; }
.SubMenuColumnLink ul { margin:0px; list-style-type:none; }
.SubMenuColumnLink ul li a { padding:0px; font-size:11px; }
.SubMenuColumnLink ul li a span { padding:0px; font-size:11px; color:#ffff66; text-decoration:underline; }

/* ACCOUNT MENU */
.AccountSubMenu { margin:-20px 0px 20px -40px; padding:10px 40px 0px 30px; }
.AccountSubMenu span { padding:0px 10px 0px 10px; font-weight:bold; }

/* HOME PAGE */
.HomeBanner { position:relative; width:971px; height:535px; background:url( images/HomeBG.jpg ) no-repeat #333333; }
.HomeLabels { position:absolute; top:102px; right:0px; width:120px; line-height:120px; font-size:14px; color:#323232; font-weight:bold; }
.HomeVideo { position:absolute; right:111px; bottom:0px; }
.HomeBannerIFrame { width:860px; height:535px; border-width:0px }

/* SITE CONTENT */
.SiteContent { float:left; width:680px; padding:20px 40px 40px 0px; height:100%; }
.SiteContentMyAccount { width:880px; padding:20px 40px 40px 40px; height:100%; }
.FooterSpacer { clear:left; height:65px; }
.ContentCapRed { width:960px; height:22px; padding-top:10px; margin-top:0px; background:url( images/ContentCapRedBG.png ) no-repeat #333333; color:#FFFFFF; font-size:12px; text-align:center; }
.ContentCapRed span { padding:0px 16px 0px 16px; font-size:13px; }
.ContentCapRed a { color:#FFFFFF; font-size:12px; }
.ContentCapRed a:hover { color:#ffff66; text-decoration:none; }
.ContentCapWhite { width:960px; height:73px; padding-top:21px; margin-top:0px; background:url( images/ContentCapWhiteBG.png ) no-repeat top left #333333; border-bottom:1px solid #CC3433; }
.ContentCapWhiteContent { height:63px; padding:10px 25px 0px 40px; background-color:#FFFFFF; }
.ContentCapWhiteContent h1 { margin:0px; padding:0px; font-size:36px; color:#C83434; font-style:italic; }
.ContentCapWhiteContent .PlaceOrderButton { float:right; margin-top:-7px; }
.ContentCapWhiteContent br { clear:right; }
.ContentBottom { width:960px; height:35px; margin-bottom:0px; background:url( images/ContentBottomBG.png ) no-repeat #333333; }

/* INFO TABLE */
.InfoTable { width:600px; margin-bottom:15px; background-color:#000000; }
.InfoTable td { padding:3px 3px 3px 3px; }
.InfoTableHead td { width:144px; font-weight:bold; background-color:#FFFF00; }
.InfoTableData td { background-color:#FFFFFF; }
.InfoTable .redText { text-align:center; }

/* COST CALCULATOR TABLE */
.CostCalculatorWrapper { width:680px; overflow:auto; }
.CostCalculator { width:100%; margin-bottom:25px; background-color:#c0c0c0; }
.CostCalculator select { font-size:11px; font-weight:bold; }
.CostCalcHead td { padding:10px 0px 2px 0px; font-size:11px; font-weight:bold; text-align:center; vertical-align:bottom; background-color:#f5f5f5; }
.CostCalcData td { padding:2px 2px 2px 2px; text-align:center; background-color:#FFFFFF; }
.CostCalcInfo { width:100%; height:300px; padding:15px 0px 15px 0px; text-align:center; vertical-align:top; background-color:#FFFFFF; }
.CostCalcButton { width:211px; height:20px; padding-top:4px; margin:0px auto 0px auto; font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; background:url( images/CostCalculatorButton.gif ) no-repeat; cursor:pointer; }
.CostCalcButton:hover { color:#ffff66; }
.CostCalcInfoTable { width:100%; }
.CostCalcInfoTable td { padding-top:10px; text-align:center; vertical-align:top; }
.CostCalcInfoTable div { margin-bottom:2px; font-weight:bold; }
.CostCalcInfoTable img { width:150px; height:113px; border:1px solid #000000; }
.CostCalcInfoTable .redText { font-size:16px; font-style:italic; }
.BdtLabel { font-size:18px; font-style:italic; }
.BdtPrice { font-size:16px; font-style:italic; }
.ShpPrice { padding-bottom:5px; font-size:11px; font-weight:normal !important; }
.ShpPrice img { width:16px; height:16px; border-width:0px; vertical-align:middle; }
.ShpPrice span { font-weight:bold; font-style:italic; }
.CalcInfoText { font-weight:bold; font-size:14px; }
.ShippingSelectTable { width:500px; background-color:#333333; }
.ShippingTableHdr td { font-weight:bold; font-size:12px; }
.ShippingSelectTable td { padding:2px 4px 2px 4px; background-color:#FFFFFF; }
.ShippingSelectTable label:hover { color:#CC3333; }

/* COST CALCULATOR OTHER QUANTITIES */
.CostCalcOtherTable { width:100%; }
.CostCalcOtherTable td { text-align:center; font-size:11px; }
.CostCalcOtherHead td { padding-bottom:10px; font-size:14px !important; font-weight:bold; letter-spacing:1px; }
.CostCalcOtherSubHead td { padding-bottom:1px; font-size:10px !important; border-bottom:1px solid #c0c0c0; color:#cc2229; font-weight:bold; }
.CostCalcOtherLabelRow td { padding:4px 0px 2px 0px; font-size:11px; font-style:italic; }
.CostCalcOtherLabelRow span { font-size:10px !important; font-weight:bold; font-style:normal !important; }
.CostCalcOtherInfo td { width:10%; padding:2px 0px 2px 0px; }
.CostCalcOtherInfo1 td { background-color:#dcdcdc; }
.CostCalcOtherInfo0 td { background-color:#f5f5f5; }

/* FOOTER */
.FooterContainer { width:971px; margin:0px auto; }
.Footer { width:960px; height:23px; padding-top:10px; background-color:#FFFFFF; text-align:center; }

.PlaceOrderButton { width:269px; height:54px; background:url( images/ButtonPlaceOrderBG.png ) no-repeat; }
.PlaceOrderButton a { display:block; width:262px; height:32px; padding-top:14px; font-size:18px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; text-decoration:none; }
.PlaceOrderButton a:hover { color:#ffff66; }

.navLink { color:#000000; font-weight:bold; }
.fastFaq { color:#000000; text-decoration:none; }
.fastFaq:hover { color:#cc3300; text-decoration:none; }
.note { font-size:10px; }
.box { border:1px solid #000000; }
.required { color:#999999; }
.file { border:1px solid #CCCCCC; background-color:#EFEFEF; margin-bottom:5px; padding:5px; }
.pricehdr { background-color:#787878; color:#ffffff; }
.pricerow { background-color:#dddddd;}
.small { font-size:9px;}

#indent23 { margin-top:5px; margin-left:23px; line-height:18px; }
#indent23 ul { list-style-type:none; text-align:left; padding:0px; margin:0px; }
#indent23 ul li { list-style-type:none; text-align:left; padding:0px; color:#000000; }
#indent23 ul li a { font-size:12px; color:#000000; }
#indent23 ul li a:hover { color:#cc3300; text-decoration:none; }

/* Order Status */
#status { position:absolute; left:470px; top:202px; text-align:left; color:#FFFFFF; font-weight:bold; }
#myAccount { position:absolute; left:672px; top:198px; }

/* Login Section */
#login { text-align:left; position:absolute; left:360px; top:30px; }

/* table display */
.tblhdr { font-weight:bold; }
.tbldata0 { background-color:#FFFFFF; }
.tbldata1 { background-color:#DDDDDD; }
.tblf { background-color:#DDDDDD; font-weight:bold; }
.tbld { background-color:#EFEFEF; }
.cBox { border:1px solid #CCCCCC; }
.cBox a { color:#000000; font-weight:normal; }

/* Homepage columns */
#costCalc { background-color:#EEEEEE; border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; margin:0px 0px 10px 10px; padding:10px 10px 10px 10px; width:420px; }

/* Cost Calculator */
.txtGreySmall { width:40px; background-color:#DDDDDD; border:1px solid #666666; padding:1px; }
.txtGreyLarge { width:62px; background-color:#DDDDDD; border:1px solid #666666; padding:1px; }

/* My Account */
#loginbx { width:300px; border:1px solid #cccccc; padding:10px; background-color:#efefef; text-align:left; }
#register { margin-top:15px; padding-top:15px; border-top:1px solid #cccccc; }
.alert { padding:5px; border:1px solid #666666; background-color:#efefef; }
.question { width:500px; margin:5px 0px 5px 0px; padding:5px; background-color:#dddddd; border:1px solid #999999; }

/* Errors */
.error { color:#ff0000; font-weight:bold; }
.errTable { border:1px solid #cc0033; }
.errTitle { color:#ffffff; background-color:#cc0033; }

/* Spec Sheet */
#specStatus { margin-top:15px; }
#specButtons { border-top:1px solid #b63325;; margin-top:5px; padding-top:5px; }

/* Misc */
.redText { color:#cc2229; font-weight:bold; }

.AttentionBox { margin:5px 0px 15px 0px; padding:10px 10px 10px 50px; font-weight:bold; font-size:14px; border:1px dotted #cc2229; background:url( images/Attention.png ) no-repeat 5px 10px #eeeeee; }
.AttentionBox a { font-size:14px; color:#cc2229; }
.InformationBox { margin:5px 0px 15px 0px; padding:10px 10px 10px 50px; font-weight:bold; font-size:14px; border:1px dotted #cc2229; background:url( images/Information.png ) no-repeat 5px 10px #eeeeee; }
.InformationBox a { font-size:14px; color:#cc2229; }
.InformationBox span { font-size:14px; color:#cc2229; font-style:italic; }

.faqSections { float:right; }
.faqSections div { border:1px solid #cccccc; padding:10px; background-color:#efefef; }
.faqSections div a { font-size:14px; }