/* common styles */

* { margin: 0; padding: 0}
body { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center;  width: 100%; height: auto; position: relative;}
div, td, th, p, li, dd, dt, span, blockquote, pre, em, a, select, input, textarea, input, h1, h2, h3, h4, h5, h6 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 100%; margin: 0; padding: 0;}
a:link, a:visited { color: #03F; text-decoration: none;}
a:hover, a:active { color: #F30;}
a img { border: none;}
ul, ol { list-style: none;}

#wrapper { width: 100%; height:auto; /*overflow: hidden; */position: relative; } 
#header, #banner, #awards_reviews, #hotpros, #watercooling, #products, #guide, #bomicons, #footer, #shoppingcart, #company, #support, .hotnb , .otherad { width: 100%; min-width: 1000px;float: left; position: relative;}
#header { padding: 55px 0 10px 0; }
.inner { text-align: left; margin: 0 auto; width: 1000px; height: auto; position: relative }
.fixposition { width: 100%; float:left; position: relative;}
.clearfloat { font-size: 0; line-height: 0; clear: both;}
.ilike { position: absolute; top: 6px; right: 8px;}
.pngspacer { background: transparent url(../images/GraySpaceLine.png) repeat-y right top;}
.spacerbor { background: transparent url(../images/GraySpacer.gif) repeat-y right 0;}
.hide{display:none}
.homead { width:980px; padding: 0 10px; margin: 0 auto;}

.otherad { padding-top:10px; margin-bottom: -3px}
.otherad dl, .otherad dd { float: left}

/* holiday background */
.halloweenbg { background: #000 url(../images/HalloweenMainBg.jpg) no-repeat top center;}
.halloweenbombg { background: #000 url(../images/HalloweenBomBg.jpg) no-repeat bottom center}

.veteransbg { background: transparent url(../images/veteransBg.jpg) no-repeat top center; }
.veterangsmainbg { background: #495974 url(/landingpages/veteransday/images/BodyReBg.jpg) repeat-x 0 0;}

/* default background */

.defaultbg { background: #d4e0b6 url(../images/BG_Repeat.jpg) repeat-x 0 0;}
.mainbg { background: transparent url(../images/BG_Top.jpg) no-repeat center top;}
.lightbg { background: transparent url(../images/LightBG.jpg) no-repeat center top;}
.repeatbg { background: #e8debe url(../images/LightBG_Repeat.jpg) repeat-x 0 0; }
.bluebg {background: transparent url(../images/BlueBG.jpg) no-repeat center top;}
.rebluebg { background: #b5ceef url(../images/BlueBG_Repeat.jpg) repeat-x 0 0}
.greenbg {background: transparent url(../images/GreenBG.jpg) no-repeat center top;}
.regreenbg { background: #c8e8c2 url(../images/GreenBG_Repeat.jpg) repeat-x 0 0}
.cyanbg {background: transparent url(../images/CyanBG.jpg) no-repeat center top;}
.recyanbg { background: #bedfe7 url(../images/CyanBG_Repeat.jpg) repeat-x 0 0}
.brownbg {background: transparent url(../images/BrownBG.jpg) no-repeat center top;}
.rebrownbg { background: #e1d2c5 url(../images/BrownBG_Repeat.jpg) repeat-x 0 0}
.dipbg { background: #CCC url(../images/BG2.jpg)}
.adshadow { background: transparent url(../images/HomeADBg.png) no-repeat center bottom; height: 430px; padding-top:10px}
.bg_buff { background:#F0E6CE url(../images/HotProsMainBg.jpg) repeat-x scroll 0 0;}
.bomshadow { background: transparent url(../images/BorderBom.png) no-repeat 0 0; width: 1000px; height: 20px; margin: 0 auto; clear: both;}
.whitebor { background: transparent url(../images/WhiteTopBor.png) no-repeat 0 0; padding-top:10px;}
.tgbodybg { background: #be8444 url(../images/TG-BodyBg.jpg) repeat-x 0 0}
.tgmainbg { background: transparent url(../images/TG-MainBg.jpg) no-repeat top center}
.tgadbg { background: transparent url(../images/HomeAD_TGBG.png) no-repeat bottom center;  height: 430px; padding-top: 10px; overflow:hidden;}
.tgleft { position: absolute; top: -10px; left: -176px;}
.tgright { position: absolute; top: -10px; right: -176px}

/* public header  */

.branding { background: transparent url(../images/SiteLogo.png) no-repeat 0 0; width: 100%; position: relative;}
.branding a { display: block; width: 330px; height: 70px;}
.branding span { display: none;}
.menus { text-align: right; width: 640px; height: auto; position: absolute; top: 6px; right: 0;}
.menus a span { display: none;}
a.tm1:link, a.tm1:visited { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -11px -9px; display: inline-block; width: 60px; height: 20px;}
a.tm1:hover { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -11px -32px;}
a.tm2:link, a.tm2:visited { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -74px -9px; display: inline-block; width: 69px; height: 20px;}
a.tm2:hover { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -74px -32px;}
a.tm3:link, a.tm3:visited { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -146px -9px; display: inline-block; width: 78px; height: 20px;}
a.tm3:hover { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -146px -32px;}
a.tm4:link, a.tm4:visited { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -227px -9px; display: inline-block; width: 48px; height: 20px;}
a.tm4:hover { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -227px -32px;}
a.tm5:link, a.tm5:visited { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -278px -9px; display: inline-block; width: 56px; height: 20px;}
a.tm5:hover { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -278px -32px;}

/* Guide */

#guide { font-size: 11px; background: transparent url(../images/GuideBG.png) no-repeat center top; height: 26px; padding-bottom: 10px;}
.crumb { float: left; width: 525px; padding-left: 5px; position: relative;}
.crumb li { color: #FFF; line-height: 25px; float: left; padding-left: 6px;}
.crumb li a:link, .crumb li a:visited { color:#e8f5c5; background: transparent url(../images/GuideSpacer.png) no-repeat right top; display: inline-block; padding: 0 13px 0 0;}
.crumb li a:hover { color: #FF3;}
.callus { line-height: 25px; color:#FFC; float: right; width:470px; text-align: right;}
.callus span { font-size: 13px; font-weight: bold; color: #FFF; margin-right: 10px}

/* Awards and Customre Reviews */

.goldenheader { background: transparent url(../images/HeaderBG_Golden.png) no-repeat 0 0; width: 100%; height: 29px; float: left; }
.goldenheader h2 { font-size: 13px; line-height: 28px; padding-left: 10px;}
.goldenheader h2 a:link, .goldenheader h2 a:visited { color: #FFF; background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 0 -350px; display: block; padding-left: 18px;}
.goldenheader h2 a:hover { color: #FF9; background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 0 -383px;}
.h_r_title { width: 370px; position: absolute; top: 0; right: 0;}
.h_a_r_box { background-color: #fff; width: 1000px; float:left; position: relative;}
.new_awards { width: 600px; padding: 10px; float: left;}
.new_awards li { float: left;}
.new_reviews { width: 380px; float: right;}
.new_reviews div { background: transparent url(../images/ReviewsBevel.gif) no-repeat 0 -3px; width: 360px; padding: 5px 15px 5px 5px;}
.new_reviews em { background-color: #f3deae; font-size: 12px; font-style: normal; display: block; padding: 6px;}
.new_reviews a:link, .new_reviews a:visited { color: #F40;}
.new_reviews a:hover { color: #C00;}
.star5, .star4, .star3, .star2,.star1{font-size: 10px; text-align: right; display: block; width: 100%; height: 16px;}
.star5 {background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 30px -205px;}
.star4 {background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 30px -225px;}
.star3 {background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 30px -245px;}
.star2 {background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 30px -265px;}
.star1 {background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 30px -285px;}

/* Custom Build Configurator and Feature notebooks */

#hotpros h2 { font-size: 14px; font-weight: normal; line-height: 20px; background: transparent url(../images/TitleBG_Golden.gif) repeat-x 0 0; height: 23px; text-align: center; position: relative;}
.slider { width: 960px; height: auto; margin: 0 auto; overflow: hidden; position: relative; height:360px;}
.hotlist { width:1920px;  clear:both; position:relative; float: left;}
.hotlist li {float: left; width: 190px; padding: 0 1px; position: relative;}
.hotsborder { background:transparent url(../images/HotPros_SpaceLine.gif) repeat-y scroll right top; }
.hotlist li div {overflow:hidden;padding-top:5px;position:relative;text-align:center;width:188px;}
.hotlist li h3 { font: bold 0.85em/100% "Calibri", Arial, Helvetica, sans-serif; letter-spacing: -0.02em; color:#039; text-align: center; padding: 5px 6px; height:25px;}
.hotlist li dl { padding: 0 6px;height:125px}
.hotlist li dd { font-size: 11px; letter-spacing: -0.02em; text-align: left;}
.hotlist li h4 { font-size: 14px; color:#F60; padding: 5px 6px; position: relative;}
/* Replaced with the following begin
..hotlist li h4 a:link, .hotlist li h4 a:visited { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -490px -9px; display: block; width: 48px; height: 20px; position: absolute; top: 5px; right: 12px;}
.hotlist li h4 a:hover { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -490px -31px;}
*/
.hotlist li h4 a:link, .hotlist li h4 a:active
{  
background: transparent url(/template/default/images/LayoutIMG.png?v2) no-repeat -490px -10px;  
display: inline-block; 
width: 48px; 
height: 20px;
position: relative;
left: 60px;
top:4px;
}

.hotlist li h4 a:visited 
{ 
background: transparent url(/template/default/images/LayoutIMG.png?v2) no-repeat -490px -10px; 
display: inline-block; 
width: 48px; 
height: 20px;
position: relative;
left: 60px;
top:4px;
}

.hotlist li h4 a:hover { 
background: transparent url(/template/default/images/LayoutIMG.png?v2) no-repeat -490px -32px;  
display: inline-block; 
width: 48px; 
height: 20px;
position: relative;
left: 60px;
top:4px;
}

/* Replaced with the following End */

.hotlist h4 a span { display: none;}
.buff_bombor { font-size: 0; line-height: 0; background: transparent url(../images/HotPros_Border_Bom.png) no-repeat 0 0; width: 1000px; height: 10px; padding-bottom: 10px; margin: 0 auto;}
.hots_prev1, .hots_prev2, .hots_next1, .hots_next2{display: block; width: 30px; height: 82px; position: absolute; top: 120px;  cursor: pointer;}
.hots_prev1 { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -17px -165px;left: -4px; _left: -3px; cursor: pointer;}
.hots_next1 { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -68px -165px;right: -6px; _right: -7px;}
.hots_prev2 { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -17px -253px;left: -4px; _left:-3px;}
.hots_next2 { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -68px -253px;right: -6px; _right: -7px;}
.slide {clear:both;display:block;position:relative;}
/* Powered by and Available at */

.graytopbor { border-top: 3px solid #BBB;}
.powered, .available { background-color: #FFF; position: relative; cursor: pointer;}
.powered { padding: 10px;}
.available { padding: 10px 10px 2px 10px; border-top: 1px solid #BBB;}
.powered h3 span, .available h3 span { display: none;}
.powered h3 { background: transparent url(../images/PoweredBy.gif) no-repeat 0 0; display: block; width: 100%; height: 80px;}
.available h3 { background: transparent url(../images/AvailableAt.gif) no-repeat 0 0; display: block; width: 100%; height: 60px;}
.logos { text-align: center; width: 800px; height: auto; position: absolute; top: 10px; left: 190px;}
.homebomad { background-color: #fff; text-align: center; width: 100%; padding-top: 10px}
/* copyright info */

.iconlink { text-align: center;}
.iconlink a { margin: 0 5px}
.bomnotice { font-size: 10px; line-height: 110%; color: #333; padding-top: 6px;}
.copyright { font-size: 12px; text-align: center; padding-bottom: 10px; width: 100%; float: left; clear: both; position: relative; }
.sitemap { font-size: 12px; background: transparent url(../images/BottomMapBg.png) no-repeat 0 0; width: 100%; float: left; position: relative;height:300px;overflow:hidden}

/*.map_contact, .map_about, .map_product, .map_support, .map_input { height: 300px;}*/
.sitemap dd { float: left; position: relative;}
.sitemap dd dd { float: none;}

.map_contact h3, .map_about h3, .map_product h3, .map_support h3, .map_input h3 { font-weight: normal; color: #FFF; line-height: 21px; padding: 0 0 15px 10px}
.map_contact { width: 220px;}
.map_product { width: 165px;}
.map_about { width: 150px;}
.map_support { width: 140px;}
.map_input { width: 325px;}
.footerinfo { padding: 0 10px; height: 240px;}
.footerinfo p { padding: 3px 0 10px;}
.footerinfo p strong { font-size: 14px;}
.footerinfo li { line-height: 20px;}
.footerinfo h4 { font-size: 11px; font-weight: normal; text-align: center;}
.footerinfo h4 span { font-size: 14px; font-weight: bold; color:#900;}
.footerinfo h5 { font-size: 12px; font-weight: normal; padding: 5px;}
.footerinfo form { padding-top: 15px;}
.footerinfo dd { padding-bottom: 6px;}
.footerinfo a:link, .footerinfo a:visited { color: #700;}
.footerinfo a:hover { color:#000; text-decoration:underline}
.mailing { background: transparent url(../images/SendMail.png) no-repeat;}
.mailinginput { color:#CCC; background: transparent; border: none; width: 210px; padding: 2px;}
.fflogin { color:#CCC; background: transparent url(../images/Bom_ForumInput.png) no-repeat 0 0; width: 144px; height: 20px; padding: 3px 2px 2px 2px; border: none; margin-bottom: 5px;}
.hidemap { text-align: right; display: block; width: 100px; height: auto; position: absolute; top: 3px; right: 5px;}

/* Template Style */

body.templatebg { background: transparent url(../images/TemplateBg.gif) repeat;}
#template { width: 100%; min-width: 1000px; float: left; position: relative;}
.tphead, .tpmain { float: left; width:100%; position: relative;}
.tphead { background: transparent url(../images/ProductsTitle.png) no-repeat 0 0; height: 30px;}
.tphead h3 { font-size: 14px; color:#FFF; line-height: 27px; text-align: center; height: 30px;}
.tpmain { background-color:#FFF; min-height: 500px; _height:500px;}
.tpinner { width: 960px; padding: 10px 20px;}
.tpinner td{padding:3px;}
.pa_poweredtitle, .pa_availabletitle { font-size: 20px; text-align: center; padding: 5px 0; margin-bottom: 10px}
.pa_poweredtitle, .pa_availabletitle { background-color:#E5E5E5;}
.pa_poweredtitle span { color: #F30}
.pa_availabletitle span { color:#03F}
.palist { margin-bottom:20px; border-collapse: collapse; border-spacing:inherit; border: 1px solid #CCC}
.palist td { font-size: 12px; text-align: center; padding: 3px 0; border:1px solid #CCC}
.visitlink {background: #FFF url(../images/Logos/LinkBg.gif) repeat-x left bottom;}