/************************* author: David Goadby tag: thedaveyb site: discountfires.com web: www.thedaveyb.co.uk email: david@thedaveyb.co.uk client: discountfires.com ***********************/ /* CLEAR BROWSER DEFAULTS */ html { height: 100%; margin-bottom: 1px; } html,body{height:100% !important} p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select, dt, dl, dd {margin: 0 0 0 0;padding: 0 0 0 0;color:#333333; font: normal 12px Arial;} /* SET BODY DEFAULTS ---------------------------------------------------------------*/ body {margin: 0px;padding: 0px; background-color:#F6F6F6; text-align:center;color:#333333; font: normal 12px Arial;} /* CONTAINER ---------------------------------------------------------------*/ #container { width:1010px; background: repeat-y url(../img/bg.jpg); margin:auto; } /* HEADER ---------------------------------------------------------------*/ #header { height: 150px; width: 987px; margin: 0 auto 0 auto; background: no-repeat url(../img/bg_header.jpg);} #search { float:left; margin: 80px 0 0 560px;} #search p.cart { background: no-repeat url(../img/bg_cart.jpg); padding: 8px 0 0 25px; float:left;} #search p.cart a { color:#333333;} #search div.search { float:left; padding: 1px 0 0 50px;} /* TOPNAV ---------------------------------------------------------------*/ #nav {float:left; margin: 0px 0 0 385px;} #nav li { float:left; display:block; list-style:none; margin: 20px 0 0 0;} #nav li a { font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 5px 12px 5px 12px; text-decoration:none; background:no-repeat url(../img/bg_nav_li.jpg);} #nav li a:hover { text-decoration:underline; color:#FF9900;} /* FLASH HOLDER ---------------------------------------------------------------*/ #flash {margin: 0 auto 0 auto;width:986px; height: 162px; background:no-repeat url(../img/bg_flash.jpg); } /* NAV COLUMN ---------------------------------------------------------------*/ #col_one { float:left; width: 250px; background: repeat-y url(../img/bg_col_one.jpg); margin-left: 15px; text-align:left;} #col_one h3 { background: no-repeat url(../img/bg_h3.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 7px 0 10px 30px; width:200px;} #col_one h3 a { color:#FFFFFF; text-decoration:none;} #col_one h3 a:hover {text-decoration:underline; color:#FF9900;} #col_one #sidenav li { list-style:none; background: no-repeat url(../img/bg_one_li.jpg);padding: 5px 0 16px 30px; display:block;} #col_one #sidenav li a { text-decoration:none; color:#333333;} #col_one #sidenav li a:hover {text-decoration:underline; color:#FF9900;} #col_one ul#info { margin-top: 20px;} #col_one #info li { list-style:none; background: no-repeat url(../img/bg_one_li_two.jpg);padding: 2px 0 16px 30px; display:block; margin: 0px 5px 0px 25px;} #col_one #info li a { text-decoration:none; color:#333333;} #col_one #info li a:hover {text-decoration:underline; color:#FF9900;} /* HOMEPAGE ---------------------------------------------------------------*/ #home {float:left; width: 500px; text-align:left; padding: 2px 5px 0 5px;border-right: 1px dotted #CCCCCC;} #home .home_header { background: no-repeat url(../img/bg_h3.jpg);padding: 7px 0 10px 30px; width:460px; display:block; clear:both; height: 30px;} #home .home_header h1 { float:left; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-bottom: 10px;} #home .home_header p a { float:right; color:#FF9900; padding: 0 10px 0 0; font-size:11px; text-transform:uppercase; font-weight:bold;} #home h2 { background: no-repeat url(../img/bg_h3.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 7px 0 10px 30px; width:460px; display:block; } #home_text { margin: 0px 10px 10px 5px; overflow:auto;} #home_text p { font: 11px Arial, Helvetica, sans-serif; color:#333333; padding: 5px; line-height: 24px;} #home_text em {color: #FF9900;} #home_text ul { margin: 15px 0 15px 0;} #home_text li { margin-left: 35px;} #home_text p a {color:#FF9900;} #home_right { float:left; width: 220px; text-align:left;} #home_right .banner { float:left; margin: 0 0 5px 5px;} #home_right h4 {background: no-repeat url(../img/bg_h3.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 7px 0 10px 30px; width:185px;} #home_text1 { margin: 0px 10px 10px 5px; overflow:auto; height: 700px;} #home_text1 p { font: 11px Arial, Helvetica, sans-serif; color:#333333; padding: 5px; line-height: 24px;} #home_text1 em {color: #FF9900;} #home_text1 ul { margin: 15px 0 15px 0;} #home_text1 li { margin-left: 35px;} #home_text1 a {color:#FF9900; margin-left:0px;} #home_right1 { float:left; width: 220px; text-align:left;} #home_right1 .banner { float:left; margin: 0 0 5px 5px;} #home_right1 h4 {background: no-repeat url(../img/bg_h3.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 7px 0 10px 30px; width:185px;} /* HOMEPAGE OFFERS ---------------------------------------------------------------*/ #offers .product { float:left; width: 100px; height:205px; border: 1px solid #F8F8F8; margin: 0px 7px 5px 5px; text-align:center; padding: 3px;} #offers .product img.prodimg { margin: 5px 0 5px 0;} #offers .product h3 a { font: bold 11px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;margin: 0px 0 5px 0; display:block;} #offers .product p.special-offer {font: normal 11px Arial, Helvetica, sans-serif; color: #FF0000;margin: 0px 0 5px 0; text-decoration:line-through;} #offers .product p.price {font: bold 11px Arial, Helvetica, sans-serif; color:#F15626;margin: 0px 0 5px 0;} #offers .product .img_box {height: 135px; background: repeat-x url(../img/bg_box.jpg);margin-bottom:5px; display:block;} /* STATIC CONTENT ---------------------------------------------------------------*/ #static-content {float:left; width: 500px; text-align:left; border-right: 1px dotted #CCCCCC; } #static-content .static_header { background: no-repeat url(../img/bg_h3.jpg);padding: 7px 0 10px 30px; width:460px; display:block; clear:both; height: 30px;} #static-content .static_header h1 { float:left; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-bottom: 10px;} #static-content p { line-height: 24px; margin:5px 30px 5px 20px;} #static-content h2, #static-content h3, #static-content h4 {font: bold 12px Arial, Helvetica, sans-serif; color:#FF9900; padding:5px 20px 5px 10px; margin: 10px 10px 10px 10px; border-bottom: 1px dotted #CCCCCC;} #static-content em {color: #FF9900;} #static-content ul { margin: 15px 0 15px 0;} #static-content li { margin-left: 35px;} #static-content a {color:#FF9900;} #static_right { float:left; width: 220px; text-align:left;} #static_right .banner { float:left; margin: 0 0 5px 10px;} #static_right h4 {background: no-repeat url(../img/bg_h3.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 7px 0 10px 30px; width:185px; margin-left:5px;} #static_right p {padding: 7px 10px 10px 10px; border-bottom: 1px dotted #CCCCCC; margin-left:10px;font: bold 11px Arial, Helvetica, sans-serif; color:#333;} #static_right p a { font: bold 12px Arial, Helvetica, sans-serif; color:#FF9900;} #static-content form {} #static-content form p { float:left; display:block; width:100%;} #static-content form label { text-align:right; float:left; width:150px; padding: 3px;} /* DESCENT DESIGN / PRODUCT LISTING ---------------------------------------------------------------*/ #products .product { float:left; width: 140px; height:205px; border: 1px solid #F8F8F8; margin: 0px 7px 5px 5px; text-align:center; padding: 3px;} #products .product .img_box {height: 115px; background: repeat-x url(../img/bg_box.jpg); padding: 10px 0 5px 0; display:block;} #products .product img.prodimg { margin: 5px 0 5px 0; max-height: 105px;} #products .product h3 { margin:0; padding:0; border:none;} #products .product h3 a { font: bold 11px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;margin: 0px 0 15px 0; display:block; padding: 0; border:} #products .product h3 a:hover { text-decoration:underline; color:#F15626;} #products span {margin: 0px 0 5px 0; padding:0;} #products .product span.special-offer {font: bold 9px Arial, Helvetica, sans-serif; color: #F15626;margin: 0px 0 5px 0; padding:0;text-decoration:line-through;} #products .product span.price {font: bold 11px Arial, Helvetica, sans-serif; color:#F15626;margin: 0px 0 5px 0;padding:0;} /*#####*/ /* DESCENT DESIGN / ERROR & MESSAGE STYLES ---------------------------------------------------------------*/ #message { background-color: #FFFCF2; border: 1px solid #FFCC00; margin: 5px 0px 15px 10px; width:470px; } #message p { margin:0; padding:5px;} /*#####*/ /* #SHOP ## DESCENT DESIGN / STANDARD PRODUCT DETAIL BOX ---------------------------------------------------------------*/ #product_detail .product_left { float:left; display:block; width: 49%;} #product_detail .detail_image { float:left; margin: 0px 20px 5px 10px; padding:1px; border: 1px solid #D4EBF1;} #product_detail .add_images { float:left; margin: 0 0 0 5px;} #product_detail .add_image { float:left; margin: 7px; padding:1px; border: 1px solid #D4EBF1;} #static-content .cat_des { margin: 0px 20px 0px 0px; overflow:auto; height:120px; font-size:10px;line-height: 24px; padding:5px 30px 5px 20px; } #static-content .cat_des p {line-height: 24px; margin: 10px 0 10px 0; padding:0; font-size:10px;} #product_detail .product_right { float:left;display:block; width: 49%;} #product_detail .des {float:left;font: normal 10px Arial, Helvetica, sans-serif;margin: 10px 15px 5px 10px; } #product_detail .des p { line-height: 18px;font: normal 10px Arial, Helvetica, sans-serif; margin-left:10px;} #product_detail .des li {margin: 5px 5px 5px 45px; list-style:circle; font-size: 10px; color:#333333;font: normal 10px Arial, Helvetica, sans-serif;} #product_detail .des a { color:#578193;} #product_detail #cart_options label { float:left; text-align:right; font:bold Arial, Helvetica, sans-serif; color:#333333; padding: 4px;} /*#####*/ /* V2 CART TABLE */ #cart {margin: 5px 0px 15px 10px; width:95%; } #cart tr { color:#333;border-bottom: 1px dotted #ccc; } #cart .space td {line-height: 1px;} #cart span { text-decoration:none; font-weight:bold;font-size:11px;color:#333;} #cart a { text-decoration:none; font-weight:bold;font-size:11px; color:#FF9900;} #cart .update {background-color:#fff; border: 1px solid #FFCC00; text-decoration:none; padding: 2px; font-size:11px;float:left;} #cart .remove {background-color:#fff; border: 1px solid #FFCC00; text-decoration:none; padding: 2px;font-size:11px;float:left;} #cart input {border: 1px solid #FFCC00; height: 18px; float:left; margin: 0 2px 0 0;} /* DISCOUNT FIRES / FOOTER ---------------------------------------------------------------*/ #footer {margin: 0 auto 0 auto; width:966px; height: 62px;background:url(../img/bg_footer.jpg); text-align:left; padding: 30px 0 0 20px; } #footer p {color:#CCCCCC; line-height: 20px;} #footer a { color:#CCCCCC; padding:0 20px 0 0; text-decoration:none; font-size:10px;} #footer a:hover { text-decoration:underline;} /*#####*/ #options { } #options h5 {font: bold 12px Arial, Helvetica, sans-serif; color:#fff; background: no-repeat url(../img/bg_h3.jpg);padding: 7px 0 10px 30px; width:460px; display:block; clear:both; height: 30px; margin:0;} #options .options { clear:both; float:left;} #options img { margin: 6px;} #options .opt { float:left; width: 113px; text-align:center; margin: 3px 3px 20px 6px; font-size:10px; padding: 5px 0 5px 0; background-color: #F8F8F8;} h6 {font: bold 12px Arial, Helvetica, sans-serif; color:#fff; background: no-repeat url(../img/bg_h3.jpg);padding: 7px 0 10px 30px; width:460px; display:block; clear:both; height: 30px; margin:0;}