/* SECTION ONE - SILVERBERG SPECIFIC STYLES SECTION TWO - V2 STANDARD STYLES COLOUR REF GREEN: #578193 GREY: #7D7D7D BORDER GREEN: #A8C4CC FONT: ARIAL 11PX */ 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, div {margin: 0 0 0 0;padding: 0 0 0 0;color:#666; font: normal 11px Arial;} body {margin: 0px;padding: 0px;text-align: center; color:#666; background: repeat-x url(../img/bg.jpg);} h1 a { color: #578193; text-decoration: underline; } h1 a:hover { text-decodarion: none; } /* SILVERBERG - CONTAINER **/ #container {width: 995px; margin:auto; padding:auto;} #header { width: 995px; height: 122px; background: url(../img/bg_header.jpg);} #basket { float:right; width: 290px; height: 55px; text-align:left; margin: 63px 0 0 0;} #basket p { } #basket .basket_title a {font-weight:bold; color:#A8C5CD; margin: 17px 0 5px 65px; display:block;} .basket_product {color:#BAD8D8; font-size: 9px; margin: 2px 0 2px 50px; } .basket_total {font-weight:normal; font-size:11px; margin: 8px 0 0 40px;color:#FFFFFF;} #basket a {color:#FFFFFF;} #nav { width: 900px; float:right;} .MenuHorizontal li { float:left; display:inline;} .MenuHorizontal li a { color:#FFFFFF; text-decoration:none; display:block; padding: 15px; background: no-repeat url(../img/li_bg.jpg); font-weight:bold;} .MenuHorizontal li a:hover {text-decoration:underline; color:#fff;} .MenuVertical {color: #385479;list-style: none;padding: 0;margin: 0; text-align:left;background-image:none;} .MenuVertical li {float: none;text-align:left;padding:0;background-image:none; } .MenuVertical li a {display: block;color: #fff;padding:7px;background-image:none;background-color:#333333;border-bottom: 1px solid #A8C5CD;border-top: 1px solid #A8C5CD;} .MenuVertical li a:hover {text-decoration:underline;background-image: none;background-color:#333333;} .Level1 {position: relative;} .Level2 {position: absolute; top: 41px;display: none; width: 150px;} .Level2 li:hover, .Level2 li.over {text-decoration:underline;} .Level1 li:hover ul.Level2, .Level1 li.over ul.Level2 {display: block;} * html .MenuVertical li {} * html .MenuVertical li a {display: inline; } .Level1 li, .Level2 li, .Level3 li, .Level4 li {behavior: url(http://www.silverbergopticians.co.uk/ieMenu.htc);} .special-offer { font-size: 12px; color: #FF0000; } #bottom_nav { width:100%; background: repeat-x url(../img/bottom_nav.jpg); padding: 47px 0 0 0;display:block; clear:both; height:29px; text-align:center;} #bottom_nav ul {width: 900px; margin:auto; text-align:center;} #bottom_nav li { float:left; list-style:none;} #bottom_nav li a { color: #fff; font-weight:bold; text-decoration:none; padding: 15px; text-decoration:none;background: no-repeat url(../img/li_bg.jpg);} #col_one { float:left; width: 260px; background: url(../img/bg_col_one.gif); text-align:left;} #col_two { float:left; width: 730px; background: url(../img/bg_col_two.gif); text-align:left;} #col_one ul { margin: 0px 0 0 40px;} #col_one li { list-style:none;} #col_one li.title { display:block; width: 169px; background: repeat-x url(../img/bg_li_top.jpg); padding: 3px 0 6px 10px; color:#FFFFFF; font-weight:bold;} #col_one li a { display:block; width: 164px; background: no-repeat url(../img/bg_side_li.jpg); border-bottom: 1px solid #E2E2E2; padding: 4px 0 5px 15px; text-decoration:none; color:#666; font-weight:bold;} #col_one li a:hover { text-decoration:underline; color:#578193;} #col_one div.title { display:block; width: 169px; background: repeat-x url(../img/bg_li_top.jpg); padding: 3px 0 6px 10px; color:#FFFFFF; font-weight:bold;margin: 37px 0 0 40px;} #col_one form { margin: 5px 0 5px 40px;} #col_one .input {width: 166px; border: 1px solid #E2E2E2; padding: 5px;} #col_one li span a { display:block; width: 164px; border-bottom:none; padding: 4px 0 5px 15px; text-decoration:none; color:#666; font: normal 11px Arial, Helvetica, sans-serif; color:#578193; background: no-repeat url(../img/bg_side_li.gif);} #col_one li span {border-bottom: 1px solid #E2E2E2; padding: 10px 0 10px 15px; display:block;width: 164px; background: repeat-x url(../img/span_bg.jpg); } #col_two .banner { margin: 40px 0 5px 0;} #col_two .content { width: 695px; background: repeat-x url(../img/bg_content.jpg);} #col_two .content_one { float:left; width: 390px;} #col_two .content_two { float:left; width: 305px; margin: 10px 0 0 0; background: no-repeat url(../img/bg_content_two.gif);} #col_two .content_one h1 { font: normal 26px Arial, Helvetica, sans-serif; color:#666666; margin: 20px 0 0 15px;} #col_two .content_one h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#578193; margin: 5px 0 0 15px;} #col_two .content_one h3 { font: normal 18px Arial, Helvetica, sans-serif; color:#578193;margin: 5px 0 0 15px;} #col_two .content_one p {margin:10px 0 0 15px; line-height: 18px;} #col_two .content_two h4 { font: normal 26px Arial, Helvetica, sans-serif; color:#666666; margin:10px 0 0 25px; } #col_two .content_two h5 { font: normal 18px Arial, Helvetica, sans-serif; color:#578193; margin: 5px 0 0 25px;} #col_two .static h1 { font: normal 26px Arial, Helvetica, sans-serif; color:#666666; margin: 35px 0 0 15px;} #col_two .static h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#578193; margin: 5px 0 0 15px; border-bottom: 1px solid #A8C4CC; padding: 0 0 5px 0; width:90%;} #col_two .static h3 { font: normal 18px Arial, Helvetica, sans-serif; color:#578193;margin: 20px 0 0 15px; border-bottom: 1px solid #A8C4CC; padding: 0 0 5px 0; width:90%;} #col_two .static h4 { font: normal 18px Arial, Helvetica, sans-serif; color:#578193;margin: 20px 0 0 15px; border-bottom: 1px solid #A8C4CC; padding: 0 0 5px 0; width:90%;} #col_two .static h5 { font: normal 18px Arial, Helvetica, sans-serif; color:#578193;margin: 20px 0 0 15px; border-bottom: 1px solid #A8C4CC; padding: 0 0 5px 0; width:90%;} #col_two .static p {margin: 10px 0 0 15px; line-height: 20px; width: 90%;} #col_two .static a { color:#578193;} #col_two em { color:#578193;} .spacer {border-bottom: 1px solid #A8C4CC; padding: 0 0 5px 0; width:90%; margin: 0 0 0 10px;} #footer {display:block; background-color: #333333; width: 100%; text-align:center; padding: 15px 0 25px 0;} #footer p {color:#fff; margin: 10px 3px 25px 15px; line-height: 18px; width: 900px; margin:auto; text-align:left;} #footer a {color:#fff; text-decoration:none; font-size: 9px;} .home_box { float:left; width: 45%; background-color:#FFFFFF;height: 130px; text-align:center;padding: 10px 0 10px 0;margin: 10px 0 10px 15px;border-bottom:1px solid #A8C4CC; } .home_box h3 { font: bold 10px Arial, Helvetica, sans-serif; color:#578193;} .home_box .home_price { font: bold 14px Arial, Helvetica, sans-serif; color:#578193; } .home_box .wasprice { font: normal 11px Arial, Helvetica, sans-serif; color: #FF0000; } #col_two h1.store {font: bold 18px Arial, Helvetica, sans-serif; color:#578193; margin: 35px 0 0 15px; border-bottom: 1px solid #A8C4CC; padding: 0 0 5px 0; width:90%} #col_two h2.store { font: bold 14px Arial, Helvetica, sans-serif; color:#666; margin: 15px 0 0 15px; border-bottom: 1px solid #A8C4CC; padding: 0 0 5px 0; width:90%;} #col_two h3.store{ font: bold 18px Arial, Helvetica, sans-serif; color:#578193; margin: 20px 0 0 15px; border-bottom: 1px solid #A8C4CC; padding: 0 0 5px 0; width:90%;} .news {border-bottom: 1px solid #A8C5CD; width:85%; margin: 0 0 10px 10px; padding:5px;} .news p { width: 500px;} .news_image { float:left; margin: 10px 10px 10px 10px; padding:1px; border: solid 1px #CCCCCC;} /* V2 DB / MWIS 2008 ********************************************************************************** */ /* MISC. BY MS */ .cat_des { line-height: 18px; margin: 25px 0px 15px 10px; width:90%; } /* V2 STANDARD PAGING */ .paging { display:block; width: 100%;text-align:left; margin: 2px 0 0 5px; } .paging p { padding: 15px 10px 0 10px;font: bold 11px Verdana, Helvetica, sans-serif; color:#578193;} .paging p a { margin: 0 3px 0 3px; font: bold 11px Verdana, Helvetica, sans-serif; color:#578193;} /* V2 STANDARD DROPDOWN FILTERS */ #filters { margin: 0 0 0 5px;width: 100%;} #filters select { height: 20px; font: bold 11px Arial, Helvetica, sans-serif; color:#578193;} #filters label { font: bold 11px Arial, Helvetica, sans-serif; color:#578193; margin: 0 25px 0 0px;} /* V2 MESSAGE STYLES */ #message { background-color: #E4F3F6; border: 1px solid #C9E7ED; margin: 35px 0px 15px 10px; width:90%;} #message p {line-height: 18px; margin: 5px; color: #578193;} #message a {color:#578193;} /* V2 STANDARD STORE PAGE */ #store { width: 93%; margin: 10px 0 0 10px; float:left;} #store .store { float:left; width:195px; height:115px; border: 1px solid #A8C4CC; padding:0px; margin:8px; background-repeat:no-repeat;} #store .store p { margin: 0;} #store .store_option a { float:left; background: no-repeat url(../img/store.gif); width: 100%; padding:95px 3px 3px 3px; float:left;font: bold 11px arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;} #store .store_option a:hover {text-decoration:underline;} /* V2 NEWS */ #store2 { width: 93%; margin: 10px 0 0 10px; float:left;} #store2 H2 { font: normal 18px Arial, Helvetica, sans-serif; color:#578193;margin: 5px 0 0 15px; } #store2 .store2 { float:left; width:195px; height:195px; border: 1px solid #A8C4CC; padding:0px; margin:8px; background-repeat:no-repeat;} #store2 .store2 p { margin: 0; display:block; background-color:#4B7080; } #store2 .store_option2 a { float:left; background: no-repeat url(../img/store2.gif); width: 100%; padding:140px 3px 3px 3px; float:left; font: bold 11px arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; } #store2 .store_option2 a:hover {text-decoration:underline;} /* V2 STANDARD PRODUCT LISTING BOX*/ .sub_cat {/* Strawberry Children style subs's */ display:block;} .sub_image { float:right; margin: 0 60px 10px 10px;} .sub_cat p { width: 70%; line-height: 18px; margin: 10px 0 0 0;} .products { width: 100%; text-align:left; margin: 20px 0 0 0; clear:both; } .products a {color:#578193; text-decoration:none;} .product { float:left; width: 45%; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; height: 100px;padding-bottom: 10px; padding-top:10px; display:block; } .product h2 { font: bold 12px Arial, Helvetica, sans-serif; margin: 10px 5px 5px 10px; color:#578193;} .product h2 a {text-decoration:underline; color:#666666;} .product .btnimg { margin: 3px 0 3px 0; } .product .prodimg {border: 1px solid #CCCCCC;padding: 1px; float:left; margin: 0px 10px 50px 10px; } .product .homeimg { margin: 10px 10px 10px 10px; } .product .des { font: normal 10px Arial, Helvetica, sans-serif; margin: 10px 5px 10px 10px;} .product .price { font: bold 14px Arial, Helvetica, sans-serif; color:#578193; margin: 0 0 8px 0; } .product .wasprice { font: bold 11px Arial, Helvetica, sans-serif; color:#A3D6E0; margin: 0 10px 8px 3px; text-decoration:line-through;} /* V2 STANDARD PRODUCT DETAIL BOX*/ #product_detail { width: 700px;} #product_detail .product_left { float:left; display:block; width: 240px;} #product_detail .product_right { float:left;display:block; width: 400px;} #product_detail h2 { font: bold 14px Arial, Helvetica, sans-serif; margin: 20px 5px 5px 0px; color:#578193;} #product_detail h2 em { font: bold 14px Arial, Helvetica, sans-serif; color:#578193;} #product_detail h3 { font: bold 14px Arial, Helvetica, sans-serif; margin: 10px 5px 0px 30px; color:#578193;} #product_detail .des span {font: normal 11px Arial, Helvetica, sans-serif; margin: 10px 0 0 0; } #product_detail .des {float:left;font: normal 12px Arial, Helvetica, sans-serif; } #product_detail .des p {margin: 10px 5px 5px 0px; line-height: 18px;font: normal 12px Arial, Helvetica, sans-serif;} #product_detail .des li {margin: 5px 5px 5px 15px; list-style:circle; font-size: 10px; color:#578193;} #product_detail .des a { color:#578193;} #product_detail .detail_image { float:left; margin: 25px 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;} /* V2 DISCOUNT */ #discount {margin: 35px 0px 15px 10px; width:90%;background-color: #E4F3F6; border: 1px solid #C9E7ED;} #discount h2 {font: normal 16px Arial, Helvetica, sans-serif; color:#578193; margin: 5px;} #discount p {margin: 5px; color:#578193;} /* V2 CART TABLE */ #cart {margin: 35px 0px 15px 10px; width:90%;background-color: #E4F3F6; border: 1px solid #A8C4CC; } #cart table {width: 100%; text-align:left;} #cart table th {background-color:#578193; color:#FFFFFF;} #cart table th, #cart table td { padding: 5px; border: 1px solid #FFFFFF; } #cart table td {background-color:#FFFFFF;} #cart .space td {line-height: 1px;} #cart p { text-decoration:none; font-weight:bold;font-size:11px;color:#578193;} #cart a { text-decoration:none; font-weight:bold;font-size:11px; color:#578193;} #cart .update {background-color:#fff; border: 1px solid #C9E7ED; text-decoration:none; padding: 2px; font-size:11px;float:left;} #cart .remove {background-color:#fff; border: 1px solid #C9E7ED; text-decoration:none; padding: 2px;font-size:11px;float:left;} #cart input {border: 1px solid #C9E7ED; height: 18px; float:left; margin: 0 2px 0 0;} /* V2 PRODUCT OPTIONS */ #cart_options {margin: 35px 0px 15px 0px; width:90%; background-color: #E4F3F6; border: 1px solid #C9E7ED; padding: 10px;} #cart_options p { display:block; float:left; font-size: 14px;} #cart_options label { font-size: 14px;text-align:right; width: 60px; font-weight:bold; float:left; display:block; padding: 4px;color:#578193; margin: 0 10px 0 10px;} #cart_total { float:left;font: bold 18px Verdana, Helvetica, sans-serif; color:#578193; margin: 0 0 8px 0; } .cart_order { float:right;} #cart_options select {font-size: 14px; font-weight: bold;color:#578193;} /* V2 INPUT BUTTONS */ .btn_tiny { height: 25px; width:75px; text-align:center; border:none; background: no-repeat url(../img/btn_tiny.jpg); color:#FFFFFF;} .btn_small { height: 42px; width:124px; text-align:center; border:none; background: no-repeat url(../img/btn_small.jpg); color:#FFFFFF;} .btn_medium {height: 42px; width:200px; text-align:center; border:none; background: no-repeat url(../img/btn_medium.jpg);color:#FFFFFF;} .btn_large {height: 42px; width:250px; text-align:center; border:none; background: no-repeat url(../img/btn_large.jpg);color:#FFFFFF;} a.btn_large {height: 40px; width:250px; text-align:center; border:none; background: no-repeat url(../img/btn_large.jpg);color:#FFFFFF; padding:14px 0 0 0; margin: 20px 80px 0px 10px; display:block; clear:both; font-weight: bold;} /* V2 CHECKOUT *********************************/ #checkout {margin: 35px 0px 15px 10px; width:90%; background-color: #E4F3F6; border: 1px solid #A8C4CC; } #checkout h2 {margin: 5px; font: bold 16px Arial, Helvetica, sans-serif; color:#578193;} #checkout p {margin: 5px; display:block; color:#578193;} #checkout label { float:left; width: 150px; text-align:right; padding: 0 10px 0 0; color:#578193; font: bold 11px Verdana, Arial, Helvetica, sans-serif; } #checkout input, #checkout select { width: 250px; height: 20px;border: 1px solid #C9E7ED; background-color:#FFFFFF; padding: 3px;} #checkout a.copy { cursor:pointer; text-decoration:underline;} #container #col_two .static li { margin-left: 35px; margin-top: 20px; } /** Late Additions **/ .green { color: green; font-size: 12px; font-family: Tahoma, Arial; } .red { color: red; font-size: 12px; font-family: Tahoma, Arial; }