/* -------------------- right body container start - home page, not section page ------------------------*/ #container_right{float:left; width:199px} #container_right .box_container{float:left; width:199px;} #container_right .spacer{ margin-bottom:14px} #container_right .box_container .box{float:left; width:197px; border:1px solid #d2d2d2; border-bottom:none} #container_right .box_container .box select{ width:170px; color:#666; font-size:11px; margin:6px 0 10px 3px;} #container_right .box_container .box.seprator_bottom{ border-bottom:1px solid #d2d2d2} #container_right .box_container .box h3{float:left;width:177px; background:url(/images9/gray_box_heading_bg.jpg) repeat-x top left; font-size:14px; font-weight:bold; border-bottom:1px solid #d2d2d2; padding:5px 5px 5px 15px; font-family:"Trebuchet MS"} #container_right .box_container .box .content_box{ float:left; width:191px; padding:3px;border-bottom:1px solid #ccc} #container_right .box_container .box .content_box .content{ float:left; width:187px; background:url(/images9/box_gray_bg.jpg) bottom left repeat-x; padding:2px} #container_right .box_container .box .content_box .content .logo_row{ float:left; width:187px; margin-bottom:3px; overflow:hidden} #container_right .box_container .box .content_box .content .logo_row span{ float:left; padding:5px 5px 0 5px} #container_right .box_container .box .content_box .bg{ background-image:none} #container_right .box_container .box .content_box form{ float:left; width:187px} #container_right .box_container .box .content_box form p{ line-height:14px; font-size:11px; color:#666666; padding:2px} #container_right .box_container .box .content_box form input.input{ font-size:11px; color:#666; padding:2px; width:175px; margin-left:3px; margin-top:5px; margin-bottom:5px} #container_right .box_container .box .content_box form .btn{ float:right; margin-right:2px} #container_right .box_container .box .content_box form span{float:left; width:173px; padding-left:3px;} #container_right .box_container .box .content_box form span a{ text-decoration:underline; color:#ae0505; font-size:11px; font-weight:bold} #container_right .box_container .box .content_box form span a:hover{ text-decoration:none} div.mid_link_blocks { float:left; font-size:11px; line-height:14px; background:url(/images9/short_product_mid_bg.jpg) bottom left repeat-x; margin-right:3px; padding:10px; } div.mid_link_blocks strong{color:#ae0505; float:left; background:url(/images9/bullet_icon.gif) no-repeat left top; padding-left:15px; } div.mid_link_blocks a { text-decoration: none;} div.mid_link_blocks a:hover { text-decoration: underline;} /* -------------------- left banner container start ------------------------*/ #container_left .banner_container{ float:left; width:723px; position:relative; border-bottom:1px solid #e6e3e3; padding-bottom:10px} #container_left .banner_container .banner_box{ float:left; width:723px;} #container_left .banner_container .ie_tag{ float:left} #container_left .banner_container .offer{float:right;right:0; top:0; position:absolute; width:115px; height:110px; background:url(/images9/off_offer.png) no-repeat top left;} #container_left .banner_container .special_offer_box{position:absolute; left:20px; top:20px; width:236px; height:35px; background:#fff;padding:10px;} #container_left .banner_container .special_offer_box h3{ font-size:18px; text-transform:uppercase} #container_left .banner_container .special_offer_box span{ display:block; color:#333; font-size:11px;} #container_left .banner_container p{ font-size:11px; line-height:14px;float:left; padding:5px 0 0 0; width:723px;} /* --- middle link block -- */ div.mid_banner div{width:239px; float:left;height:77px;color:#111;text-decoration:none;border:1px solid #fff;} div.mid_banner div:hover{text-decoration:underline;border-color:#666;} span.mid_banner_link{float:left;font-size:1.5em; margin:4px;padding:4px} .home_mid_linkdiv {height:93px;} /* -------------------- left product box start ------------------------*/ #container_left .product_box_container{ float:left; width:723px; overflow:hidden; position:relative} #container_left .product_box_container ul{list-style:none;float:left; width:723px;} #container_left .product_box_container ul li{ float:left; width:228px; padding:4px; border:1px solid #ccc; margin-right:3px; position:relative;} #container_left .product_box_container ul li .ie_dsp{ float:left}/* for ie6/7 display */ #container_left .product_box_container ul li .promo{ width:62px; height:71px; position:absolute; bottom:30px; left:0; background:url(/images9/promo_bg.gif) no-repeat top left; z-index:2}/* for promo display */ #container_left .product_box_container ul li .promo span{ float:left; padding:25px 5px 0 6px; color:#fff; background:transparent} #container_left .product_box_container ul li.last{ margin-right:0} #container_left .product_box_container ul li div{ float:left; background:url(/images9/box_gray_bg.jpg) bottom left repeat-x; width:221px; padding:5px 4px 15px 3px;height:170px} #container_left .product_box_container ul li div .image{ float:left; width:80px; overflow:hidden; position:absolute; left:3px; top:10px; z-index:1} #container_left .product_box_container ul li ul{float:right; width:137px} #container_left .product_box_container ul li ul li{float:left;width:137px; padding:0; border:none; font-size:11px;} #body_container #container_left .product_box_container ul li ul li a{ color:#ae0505; text-decoration:underline; font-weight:bold} #container_left .product_box_container ul li ul li a:hover{text-decoration:none} #container_left .product_box_container ul li ul li span.price{ display:block; font-size:11px;} #container_left .product_box_container ul li ul li .more_btn{ float:right} #container_left .product_box_container ul li ul li .cut{text-decoration:line-through;} #container_left .product_box_container ul li ul li p{ line-height:14px; padding-bottom:10px}