@import "reset.css";

/* ---> layout styles begin <--- */

body {

     background : #2a2a2a url("background.jpg");
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px; 
     word-spacing : -1px;
     color : #FFFFFF;
     line-height : 16px;
}

input[type=text], input[type=password], select {
 
     font-size : 11px;
     color : #ccc;
     border: 1px solid #444342;
     background : #212222;
}

input[type=text]:focus, input[type=password]:focus, select:focus {

     font-size : 11px;
     color : #ccc;
     border: 1px solid #6F6C6A;
     background : #212222;
}

TEXTAREA {

     width : 100%;   
     color : #ccc;
     font-size : 11px;
     line-height : 16px;
     font-family : Verdana, Arial, sans-serif;
     border: 1px solid #444342;
     background : #212222;
}

TEXTAREA:focus {

     width : 100%;   
     color : #ccc;
     font-size : 11px;
     line-height : 16px;
     font-family : Verdana, Arial, sans-serif;
     border: 1px solid #6F6C6A;
     background : #212222;
}

FORM {

     display : inline;
}

.bor0 {

     border : 0px;
}

.bor0:focus {

     border : 0px;
}

.float_left {
         
     float : left;
     padding-top : 5px;
     padding-bottom : 5px;
}

label, button {

     border : 0;
     cursor : pointer;     
     vertical-align : middle;
}

a {

     color : #FFFFFF;
     text-decoration : none;
}

a:hover {

     text-decoration : underline;
}

.category_link_top {

     height : 18px;
     display : block;
     color : #FFFFFF;
     text-decoration : none;
}

.category_link {

     height : 18px;
     display : block;
     color : #FFFFFF;
}

.level_1 {
     
     display : block;     
     padding-left : 44px;
     padding-top : 1px;
     background : url("double-arrow.gif") no-repeat left;
     font-weight : bold;
}

.level_2 {

     display : block;
     padding-left : 55px;
     padding-top : 1px;
}

.level_3 {

     display : block;
     padding-left : 68px;
     padding-top : 1px;
}

.level_4 {

     display : block;
     padding-left : 81px;
     padding-top : 1px;
}

.yellow_link {

     color : #FF9900;
}

.radio-fake {

     width : 15px;
     height : 15px;
     margin : 0 3px;
     cursor : pointer;
     vertical-align : middle;
}

#wrapper {

     position : relative;
     width : 945px;
     margin : 0 auto;
}

h1 {

     position : relative;
     right : 74px;
     width : 398px;
     height : 240px;
     background : url("logo-background.jpg") no-repeat;
     overflow : hidden;
}

h1 a {

     display : block;
     width : 260px;
     height : 100%;
     margin-left : 73px;
     background : url("logo-trans.png");
     text-indent : -1000em;
}

#banner_right_cart {

     position : relative;
     height : 230px;
}

#banner_right_cart > ul {

     position : absolute;
     top : 32px;
     left : 250px;
     width : 650px;
}

#banner_right_cart > ul li {

     background-repeat : no-repeat;
     bottom : 3px;
     float : left;
     width : 143px;
     height : 41px;
     margin-left : 50px;
     position : relative;
}

#menu-about-us {

     background-image : url("menu/about-us-trans.png");
     margin-right : 450px;
     bottom : -3px !important;
     left : 1px
}

#menu-news {

     background-image : url("menu/news-trans.png");
     bottom : 0;
}

#menu-contact {

     background-image : url("menu/contact-trans.png");
     bottom : 19px !important;
     margin-right : 150px;
}

#menu-promotions {

     background-image : url("menu/promotions-trans.png");
     bottom : 9px !important;
}

#menu-howTo {

     background-image : url("menu/howto-order-trans.png");
     bottom : 26px !important;
}

#menu-photos {

     background-image:  url("menu/your-photos-trans.png");
     bottom : 35px !important;
}

#banner_right_cart > ul li a {

     display : block;
     width : 100%;
     height : 100%;
     text-indent : -1000em;
}

#outer-container {

     position : relative;
     right : 3px;
     zoom : 1;
     background : url("column_shadow.gif") repeat-y;
}

#container {

     width : 660px;
     float : right;
}

#content {

     margin-top : -73px;
     margin-bottom : 155px;
}

#foot {

     position : absolute;
     bottom : 55px;
     left : 285px;
     width : 650px;
     padding-top : 20px;
     overflow : hidden;
     border-top : 1px solid #f90;
}

#foot dl {

     float : left;
}

.dl_padding {

     padding-right : 70px;
}

#foot dt {

     margin-bottom : 6px;
     font-weight : bold;
}

#sidebar {

     width : 260px;
     float : left;
}

#sidebar > div {

     margin : 12px 25px 25px 30px;
}

#sidebar button {

     width : 24px;
     height : 20px;
     background : url("ok-button.png") no-repeat;
     text-indent : -1000em;
}

#search-product {

}

#search-product label, #search-product legend, #newsletter legend {

     display : none;
}

#sidebar h3 {

     height : 29px;
     margin : 12px 0 5px 0;
     background : url("header/search-product-trans.png") no-repeat;
     text-indent : -1000em;
}

#select-category h3 {

     background-image : url("header/select-category-trans.png");
     padding-bottom : 5px;
}

#newsletter h3 {

     background-image : url("header/newsletter-trans.png");
}

#contact h3 {

     background-image : url("header/contact-trans.png");
}

#payment h3 {

     background-image : url("header/payment-trans.png");
}

#payment dt {

     padding-bottom : 3px;  
}

#query-input, #email-input {

     width : 160px;
     margin : 1px;
     padding : 2px 5px;  
     vertical-align : middle;
}

* html #email-input, *+html #email-input {

     display : block;
     margin-left : -30px;
     float : left;
}

* html #email-input, * html #newsletter button {

     position : relative; 
     left : 30px;
}

#ie-email-label {

     display : block;
     padding-bottom : 3px;
}

#select-category ul {

     margin-left : 30px;
}

#select-category li {

     margin : 3px 0;
}

#specials {

     margin-top : 12px;
     text-transform : uppercase;
}

#specials li a {

     padding-left : 0 !important;
     background : none !important;
}

#specials em {

     color : #f90;
     font-style : normal;
     font-weight : bold;
     font-size : 15px;
}

#specials b {

     color : #f00;
     font-size : 15px;
}

#specials em:hover, #specials b:hover {

     text-decoration : underline;
}

#contact dt {

     margin-right : 6px;
     float : left;
}

#contact img {

     vertical-align : middle;
}

#payment {

     text-align : center;
}

#basket {

     margin-right : 60px;
     position : absolute;
     top : 6px;
     right : 0;
     overflow : hidden;
}

#basket h4, #basket dl, #basket dt, #basket dd {
     
     padding-left : 3px;
     padding-right : 3px;
     font-size : 11px;
     display : inline;
}

#basket dd {

     color : #ff0000;
     font-weight : bold;
}

*[basket] {

     cursor : pointer;
}

#basketPreview {

     position : absolute;
     top : 25px;
     right : 0;
     padding : 5px;
     z-index : 2;
     background : #2a2a2a;
     border : 1px solid #FFFFFF;
}

#project {

     width : 660px;
     position : absolute;
     bottom : 0;
     text-align : right;
     padding-bottom : 15px;
     clear : both;
     color : #C8C8C8;
}

#project a {

     color : #C8C8C8;
}

.small_text {
         
     font-size : 10px;
}

.air {

     height : 10px;
}

.airx2 {

     height : 20px;
}

/* ---> layout styles end <--- */