* { padding: 0; margin: 0; font-size: 11px; font-family: verdana, Arial, Helvetica, sans-serif; }

BODY { background: #CECFCE url("img/bg-wrapper.gif") repeat-x left top; }

#ww-wrapper { width: 736px; margin: 0 auto; /*border: 1px solid blue;*/ }

#ww-header { height: 82px; background-color: #000; }
#ww-header IMG { }

#ww-footer { clear:both; background-color: #FFF; border-top: 1px solid #000; padding-bottom: 2px; }
#ww-footer P { text-align: center; font-size: 9px; }
#ww-footer A { text-decoration: none; color: #CC3333; font-size: 9px; }
#ww-footer A:hover { text-decoration: underline; }

#ww-menu { /*border: 1px solid red;*/ float: left; list-style-type: none; height: 29px; }
#ww-menu LI { /*border: 1px solid blue;*/ float: left; height: 29px; overflow: hidden; position: relative; }
#ww-menu LI A { display: block; height: 29px; width: 100%; color: #FFF; line-height: 29px; 
                text-align: center; }

#ww-menu LI A SPAN
{
  position: absolute; 
  cursor: hand;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*border: 1px solid red;*/
}

#mn-home { width: 80px; }                                   
#mn-about { width: 106px; }
#mn-services { width: 102px; }
#mn-photo { width: 137px; }
#mn-tech { width: 111px; }
#mn-testimonials { width: 111px; }
#mn-links { width: 82px; }
#mn-contacts { width: 118px; }

#mn-home SPAN { background: transparent url("img/mn-home.gif") no-repeat center center; }
#mn-about SPAN { background: transparent url("img/mn-about.gif") no-repeat center center; }
#mn-services SPAN { background: transparent url("img/mn-services.gif") no-repeat center center; }
#mn-photo SPAN { background: transparent url("img/mn-photo.gif") no-repeat center center; }
#mn-tech SPAN { background: transparent url("img/mn-tech.gif") no-repeat center center; }
#mn-testimonials SPAN { background: transparent url("img/mn-testimonials.gif") no-repeat center center; }
#mn-links SPAN { background: transparent url("img/mn-links.gif") no-repeat center center; }
#mn-contacts SPAN { background: transparent url("img/mn-contacts.gif") no-repeat center center; }

#ww-content { margin-left: 0px; margin-top: 0px; padding: 90px 0 20px 0px; 
              background: transparent url("img/bg-content.gif") no-repeat center 5px; 
              /*border: 1px solid red;*/ width: 591px; overflow: hidden; float: left; 
              width: 600px; }
#ww-content-section { text-align: left; background-color: #FFF; float: left; 
                      border: 1px solid #9C9A9C; 
                      padding: 0 2px 15px 2px; width: 594px; }

/*------------------------------------------------------------------------------------------*/
#ww-content-section H1 { color: #CE3031; font-size: 13px; font-weight: bold; 
                         background-color: #EFEFEF; border: 1px solid #D6D3D6; margin: 5px auto; }
#ww-content-section A { text-decoration: underline; color: #CC3333; }
#ww-content-section P { margin: 5px auto; }
#ww-content-section UL { margin-left: 25px; }
#ww-content-section DD { margin-left: 25px; }

UL.menu { background-color: #CECECE; width: 126px; padding-right: 10px; list-style-type: none;
          float: left; clear: both; }
UL.menu LI { border: 1px solid #9C9A9C; margin: 2px 0; text-align: right!important;
             line-height: 17px; color: #000; background-color: #FFF; }
UL.menu LI A { background: white url("img/bg-menu-arrow.gif") no-repeat 97% 5px;
               color: #000; display: block; padding-right: 13px;
               line-height: 17px; _height: 17px; text-decoration: none; }
UL.menu LI A:hover { background-color: #EFEFEF; color: #000; }
UL.menu LI A.ww-active { background: white url("img/bg-menu-arrow-down.gif") no-repeat 97% 5px; }
UL.menu LI#menu-sale { margin-bottom: 12px; display: none; }
UL.menu LI#menu-bottom-ad { margin-top: 12px; padding: 2px; font-size: 0; line-height: 0; }
UL.menu LI#menu-bottom-ad IMG { border: 0; }
UL.menu LI#menu-bottom-ad A { background-image: none; }
UL.menu LI#menu-bottom-ad A:hover { background-color: #FFF; }

UL.menu LI#menu-top-ad { margin-top: 19px; padding: 0; font-size: 0; border: 0; 
                         background-color: #CECFCE; margin-bottom: 10px; }
UL.menu LI#menu-top-ad IMG { border: 0; }
UL.menu LI#menu-top-ad A { padding: 0; background-image: none; background-color: #CECFCE; }


UL.sub-menu { list-style-type: none; width: 100%; padding: 0; margin: 0; }
UL.sub-menu LI { border: 0; }
UL.sub-menu LI A { background-image: none; color: #C33;
                   text-decoration: underline; }

/*------------------------------------------------------------------------------------------*/
TABLE.form-table { border-collapse: collapse; width: 100%; }
TABLE.form-table TH { vertical-align: top; padding: 3px; font-weight: normal; text-align: right; 
                      border: 0px solid #999; background-color: transparent; width: 30%; 
                      font-size: 100%; }
TABLE.form-table TH.req { font-weight: bold; }
TABLE.form-table TD { vertical-align: top; padding: 3px; border: 0px solid #999; }
TABLE.form-table TD INPUT { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
TABLE.form-table TD TEXTAREA { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
TABLE.form-table TD INPUT.but { }

TABLE.list-table { border-collapse: collapse; width: 100%; margin: 10px auto; }
TABLE.list-table TH { vertical-align: middle; border: 1px solid #D6D3D6; padding: 2px; 
                      text-align: center; background-color: #EFEFEF; }
TABLE.list-table TD { border: 1px solid #D6D3D6; padding: 2px; text-align: left; }

TABLE.grid { border-collapse: collapse; width: 100%; margin: 5px 0; empty-cells:hide;}
TABLE.grid TD { padding: 1px; font-size: 11px; background-color:#EFEFEF; border: 1px solid #D6D3D6; }

UL.gallery { list-style-type: none; width: auto; }
UL.gallery LI { float: left; padding: 10px; width:120px; }
UL.gallery LI#first, UL.gallery LI#last { width: auto; }
UL.gallery LI#first { text-align: right; }
UL.gallery LI#last { text-align: left; }
UL.gallery LI A IMG { border: 0; }

P.pages-nav { text-align: center; }
P.pages-nav A { padding: 0 15px; }

P.form-buttons { text-align: left; }
P.form-buttons INPUT { border-color: #000!important; }

DL DT { font-weight: bold; margin-top: 10px; }

.in { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
.error { font-weight: bold; color: #CE3031!important; }
.message { font-weight: bold; color: #CE3031!important; text-align: center; }
.width300 { width: 300px; }
.width100 { width: 100px; }
.width75 { width: 75px; }
.width50 { width: 50px; }
.no-items { text-align:center; padding:5px 0; color:#CE3031; font-weight:bold; }
.descr { color: #000; font-style: italic; }
.price { color: green; font-weight: bold; }
.total { color: green; font-weight: bold; }
.selected { background-color: navy; color: #FFF; }

TD.actions { text-align:center!important; }

DIV.inline-forms { text-align:center; }
DIV.inline-forms FORM { display:inline; }
DIV.inline-forms INPUT.but { padding: 2px; margin: 5px; border: 1px solid #000; background-color: #CECECE; 
                             font-weight: bold; }
/* --------------- Page navigation BEGIN -------------------- */
DIV.pages{
  float:left;
  /*border: 1px solid #666666;*/
  width:575px;
}
DIV.pages * { padding: 0!important; margin: 0!important; }
DIV.pages h4{
  float:left;
  /*color:#1C519D!important;*/
  padding-right: 25px!important;
  /*border: 1px solid red;*/
  font-size: 100%;
  line-height: 2em;
}
DIV.pages ul li span{
  font-weight:bold;
}
DIV.pages ul li a{
  font-weight:normal;
  /*color: navy;*/
}
DIV.pages ul{
  float:left;
  list-style:none;
  border: 0px solid blue;
  width: 500px;
}
DIV[class=pages] UL { }
DIV.pages ul li{
  float:left;
  padding:0 0.3em!important;
  line-height: 2em;
  /*border: 1px solid /*blue*/#315D84;*/
}
/* --------------- Page navigation END -------------------- */
/* ------------------------- Single Pages Styles ------------------------------- */
#page-gallery-index #photo-bar { text-align: center; }
#page-gallery-index P.back { text-align: center; margin: 20px auto 0px auto; clear: both; }

#page-products-models TABLE.car { border-collapse: collapse; }
#page-products-models TD.car { 
  border: 1px solid #9C9A9C; width: 292px;
  margin: 0px; padding: 2px; height: 75px; overflow: hidden; }
#page-products-models TD.car IMG {
  width: 110px; height: 75px; float: left; margin-right: 2px; }
#page-products-models TD.car H2 {
  color: #CE3031; background: #EFEFEF url("img/bg-h2-arrow.gif") no-repeat 99% center; 
  height: 20px; line-height: 20px; border: 1px solid #D6D3D6; padding: 0 0 0 5px;  
  margin-bottom: 5px; float: right; width: 172px; }
#page-products-models TD[class=car] H2 { margin-top:1px;}
#page-products-models TD.car H2 A { display:block; width:100%; }
#page-products-models TD.car P {
  color: #636563; margin: 5px; text-align: left; margin-bottom: 0; }
#page-products-models TD.car P STRONG A { color: #636563; font-size: 10px; text-decoration: none; }

#page-products-cats DIV.car {
  float: right; background-color: #EFEFEF; border: 1px solid #D6D3D6; padding: 5px; margin: 5px; }
#page-products-cats DIV.car IMG {
  width: 220px; height: 150px; }
#page-products-cats DIV.car H2 {
  padding:0; margin: 5px 0 0 0; text-align: center; }

#page-shop-cart #ww-content-section A { text-decoration: none; }
#page-shop-cart #ww-content-section TD.actions A { text-decoration: underline; }

#page-products-search TABLE.list-table TH { white-space:nowrap; }

#page-shop-result #ww-content-section { padding: 100px 0 200px 0; }
#page-shop-result #ww-content-section P { text-align: center; font-weight: bold; }

#page-links-index A { font-weight: normal; }
#page-links-index TABLE TD IMG { height: 100px; width: 100px; }
#page-links-index TABLE { margin-left: 15px; margin-bottom: 10px; }
#page-links-index TABLE TD { vertical-align: top; }
