/* CSS StyleSheet developed by Cezar Berea cezar@webstarsltd.com */ *{margin:0; padding:0; } a{ color: #800080; text-decoration: underline; } html, body{ margin:0 !important; padding:0 !important; font: 10px Arial, Helvetica, sans-serif; background: #fff; } #page-container{ width: 955px; margin: 0 auto; padding: 6px 10px; background: url("../images/hline0.gif") no-repeat 0 164px; } #header{ width: 955px; float: left; position: relative; background: url("../images/bg-header.gif") no-repeat left top; height: 158px; } #logo{ position: relative; left: 30px; top: 50px; float: left; } #logo a{ width: 240px; height: 80px; text-indent: -9999px; display: block; outline: 0; } #navigator{ float: right; position: absolute; bottom: 2px; right: -5px; } #navigator li{ display: block; list-style: none; float: left; margin-right: 5px; } #navigator li a{ display: block; height: 32px; text-indent: -9999px; outline: none; } #nav-home a{ background: url("../images/nav-home.gif") no-repeat left center; width: 98px; } #nav-about a{ background: url("../images/nav-about.gif") no-repeat left center; width: 111px; } #nav-shop-online a{ background: url("../images/nav-shop-online.gif") no-repeat left center; width: 134px; } #nav-contact a{ background: url("../images/nav-contact.gif") no-repeat left center; width: 122px; } #content{ width: 955px; float: left; margin-top: 15px; } #product-range{ width: 700px; height: 136px; float: left; background: url("../images/product-range.gif"); padding: 15px 14px 15px 240px; font-size: 1.2em; } #product-range p{ text-align: center; font-size: 1.2em;} #product-range ul{ width: 600px; margin: 10px auto 0; } #product-range ul li{ float: left; display: block; width: 260px; margin-right: 20px; list-style: none; padding-left: 15px; } #product-range ul li{ font-weight: bold; color: #47c5d4; background: url("../images/dot1.gif") no-repeat left center; } #center-side{} .products{ } /* .products li{ width: 469px; margin: 10px 15px 0 0; display: block; list-style: none; float: left; }*/ .products li{ width: 469px; margin: 10px 10px 0 0; display: block; list-style: none; float: left; position:relative; } .products li.odd{ margin-right:0; } .products li a{ display: block; float: left; width: 203px; height: 194px; margin-right: 10px; } .products li img{ display: block; float: left; width: 203px; height: 194px; margin-right: 10px; } .products li a img{ border: none; } .products li div{ position:absolute; top:0; right:0; width: 226px; height: 164px; background: url("../images/product-box.gif") no-repeat center center; padding: 15px; } .products li h2{ color: #47c5d4; font-size: 2em; text-transform: uppercase; } .products li h3{ color: #47c5d4; font-size: 1.5em; } .products li form{ margin-top: 15px; } .products li form label{ display: block; float: left; width: 100%; font-size: 1.2em; margin: 3px 0; } .products li form label span, .products li form label select{ display: block; float: left; } .products li form label span { width: 30%; } .products li form label span.old_price { width:auto;background:url(/images/point.png) repeat-x center; } /*.products li form big{ display: block; font-size: 1.4em; float: left; position: relative; top: 10px; }*/ .products li form big{ display: block; font-size: 1.4em; float: left;} .products li form big strong{ font-size: 1.4em; padding-right: 5px; } /*.products li form .submit{ float: right; margin-top: 10px; clear: both; display: block; position: absolute; right: 15px; bottom: 15px; }*/ .products li form .submit{ float: right; margin-bottom: 4px; clear: both; display: block;} /* INSIDE page ( #left-side, #right-side columns ) */ #left-side{float: left; margin-right: 13px; width: 295px; } #right-side{float: left; width: 647px; } #text{ background: url("../images/roundbox_bg1.gif") repeat-y left; } #text .t{ background: url("../images/roundbox_top1.gif") no-repeat top left; } #text .b{ background: url("../images/roundbox_bottom1.gif") no-repeat bottom left; padding: 22px 18px; } #text { font-size: 1.3em; color: #800080;} #text p{ margin-top: 15px; font-weight: normal;} #text h1{ font: 2.2em Impact, Arial Narrow, Arial, Helvetica, sans-serif; width: 100%; border-bottom: 1px solid #49c4d1; margin-bottom: 7px; color: #4bc3d1;} #text h2 { padding-top: 15px; } #text2{ background: url("../images/roundbox_bg2.gif") repeat-y left; } #text2 .t2{ background: url("../images/roundbox_top2.gif") no-repeat top left; } #text2 .b2{ background: url("../images/roundbox_bottom2.gif") no-repeat bottom left; padding: 22px 18px; } #text2 { font-size: 1.3em; color: #800080; } #text2 p{ margin-top: 15px; font-weight: normal;} #text2 h1{ font: 2.2em Impact, Arial Narrow, Arial, Helvetica, sans-serif; width: 100%; border-bottom: 1px solid #49c4d1; margin-bottom: 7px; color: #4bc3d1;} #text2 h2 { padding-top: 15px; } /* HOME page ( #splashscreen ) */ #splashscreen{ width: 950px; height: 399px; float: left; background: url("../images/home_splashscreen.jpg") no-repeat center center; position: relative; } #splashscreen a{ display: block; width: 393px; heighT: 119px; position: absolute; left: 81px; top: 144px; text-indent: -9999px; outline: none; } #footer{ width: 915px; float: left; border-top: 1px solid #727272; color: #727272; padding: 10px 20px; font-size: 1.1em; margin-top: 10px; } #footer p{ float:left; } #footer ul{ list-style: none; float:right; } #footer ul li{ float:left; border-left:1px solid #727272; padding: 0 12px; } #footer ul li.first{ border-left: none; } #footer ul li a{ color: #727272; font-weight:bold; text-decoration: none; font-weight: bold; } #footer ul li a:hover{ text-decoration: underline; } /* site wide elements */ .inside{ padding:12px; } /* clearing floats */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* others */ .hide{ display: none; } .show{ display: block; } .show_{ display: inline; } .clear{ clear: both; } .r{ text-align: right; } .l{ text-align: left; } .c{ text-align: center; } .b{ font-weight: bold; } .i{ font-style:italic; } .s{ text-decoration: line-through; } .u{ text-decoration: underline; } .fr{ float: right !important; } .fl{ float: left !important; } .rfr{ position:relative; float: right !important; } .rfl{ position:relative; float: left !important; } .frImg{ float:right; margin: 0 0 8px 8px; clear: right; } .flImg{ float:left; margin: 0 8px 8px 0; clear: left; }