*, html, body {margin:0px; padding:0px;}

body {color:#121212; background-color: #fff; font: 11px Arial; text-align: center;}



html {height: 100%;}

body {min-height:100%; height: 100%;}



/* ///////////////////////////////////////////////////////////// */



h1 {font: 22px Arial,Helvetica,sans-serif; color: #800000; font-weight: normal; padding:0px 0px 10px 0px;  display: block;}

h1 span {font-size: 15px; color: #979797; }



h2 {color: #800000; font-size: 18px; font-weight: normal; padding-bottom: 12px;}



h3 {color: #fff; font-size: 14px; font-weight: normal; }



h4 {color: #800000; font: 14px Arial; font-weight: bold; padding-bottom: 5px;}

.hh4 {color: #800000; font: 14px Arial; font-weight: bold; padding-bottom: 5px;}

h4.filter_values {font-weight: normal; }







a {color: #02af81; text-decoration: underline; }

a:hover {text-decoration: none !important; }

a.wr {display: inline; border-bottom: 1px dotted #509c40 !important; color: #509c40 !important; text-decoration: none !important;}



img {border:0; }

table {border-collapse: collapse; }



p {padding: 0 0 4px 0;}



ul {list-style-type: none;}



.clearing {height: 0; clear: both; }

.px15 {height: 15px;}

.px40 {height: 40px;}



/* ///////////////////////////////////////////////////////////// */



#main {border-bottom: 0px solid red; width: 990px; margin: 0 auto; text-align: left; position: relative;  }



#main {



 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */

 height: auto !important;

 min-height:100%;

 height: 100%;

 /*-----------------------*/



}





/* ++++++++++ header ++++++++++ */



#header {height: 60px; border-bottom: 0px solid #d5d6d8; text-align: center; position: relative; z-index: 999; margin-bottom: 5px;}



#logo_icq img#logo {margin: 7px 0 0 0px; width: 225px; height: 44px;}

/* phone, icq and other stuff */

/* account and cart */

#icons {float: right; width: 500px; margin-top: 5px;  font-size: 12px; text-align: left;}

#icons img#account {float: left; width: 94px; height: 22px; }

#icons img#cart {float: right; width: 71px; height: 22px; }

#icons2 {float: left; width: 220px; text-align: left; margin-top: 5px; margin-left: 10px; font-size: 13px;}

#icons2 .cart {width: 200px;  margin-bottom: 15px; }

#icons2 .account {position: relative; margin-right: 23px; width: 200px; }

#icons2 .compare {float: left; position: relative;}

#icons .bt {margin-right: 41px; float: left;}


#icons .bt_last {margin-right: 0px; float: left;}


div.userInfo {float: left; padding-left: 0px; height: 15px; text-align: left;}

div.userInfo a.exit {color: #CD0007; }





.login_form {display: block; width: 184px; height: 92px; padding: 58px 0 0 14px; background: url(/img/bg-account.gif) 0 bottom no-repeat; position: absolute;  left: 300px; top: 40px; z-index: 1100 !important; }

.login_form label {float: left; width: 50px; margin-top: 2px;  }

.login_form input.text {float: left; margin-bottom: 8px; border: 1px solid #ccc; background: #fff; font: 11px Arial; color: #555; width: 117px; height: 12px; padding: 1px 0 2px 0;}

html>/**/body .login_form  input.text {width: 120px; height: 17px; padding: 0; }

body:not([dummy]) .login_form  input.text {width: 117px; height: 12px; padding: 1px 0 2px 0;}

.login_form input.btn {float: right; margin: 3px 14px 0 0; width: 58px; height: 17px; }



.login_form  span {float: left; width: 100px; text-align: left; }

a.account_link {font-weight: bold; }


/* search */

.search {float: right; width: 500px; margin-top: 10px; height: 25px;}

.sform {border: 0px solid #ff0; width: 500px; padding-left: 0px; margin-top: 4px; padding-right: 1px; float: left; text-align: right; height: 20px; border: 0px solid #ff0000;}

.search input.btn {margin: 0 0px 0 6px; float: left; background: #ffffff; border: 0px; color: #a21400; text-decoration: underline;}
.search input.field {border: 1px solid #800000; background: #fff; font: 11px Arial; color: #555; width: 210px; height: 12px; padding: 1px 0 2px 3px; float: left; }

.dost_info {text-align: left; font-size: 13px; color: #cd0007; font-weight: normal; line-height: 150%;}
.dost_info_tel { margin-top: 0px; font-size: 14px; font-weight: bold;}


.dost_info_icq { height: 16px; margin-top: 4px; /* background icq*/ padding-top: 0px; margin-top: 0px; width: 225px; margin: 5px 0px 0px 20px;}
a.icq_link:link, a.icq_link:hover, a.icq_link:active, a.icq_link:visited {color: #cd0007; text-decoration: none;}

#logo_icq {float: left; width: 245px; text-align: left;}



.search a {width: 120px; text-align: left; padding-top: 2px; }




/* menu */

#menu {width: 100%; height: 32px; position: relative; top: 0px; left: 0px; z-index: 1; }

html>/**/body #menu {z-index: 671;}



.mainmenu {border-top: 2px solid #02ad81; border-bottom: 2px solid #02ad81;  height: 32px; width: 100%; text-align: left; white-space: nowrap;}

.mainmenu a {margin-top: 3px; float: left; padding: 7px 18px 7px 6px; height: 12px; margin-right: 3px; background: url(../img/mainmenu_circle.gif) 100% 50% no-repeat; color: #02ad81; font: 11px Arial; font-weight: bold; text-decoration: none; white-space: nowrap; }

.mainmenu a:hover, .mainmenu a.active {background: url(../img/mainmenu_circle.gif) 100% 50% no-repeat; color: #800000; }

.mainmenu a.more {margin-right: 0; background: #fff;}

.mainmenu a.more:hover, .mainmenu a.more_active{background: #fff; color: ##02ad81; }

.mainmenu table {margin: 0px;}

.mainmenu table td {display: block; position: relative; }

.mainmenu .linelinks {height: 25px; border: 0px solid #f0f0f0; width: 100%;}



.submenu {background: #02ad81; height: 27px; text-align: left; color: #fff; padding-top: 10px; margin-bottom: 5px;}

.submenu table { font-size: 12px; font-weight: bold;}

* html .submenu table { font-size: 12px; font-weight: bold; width: 100%; }

.submenu ul {border: 0px solid red; float: left; padding-top: 10px; }

.submenu span {float: left; padding: 0 10px 3px 9px; }

.submenu span.first {padding-left: 0px}
.submenu ul li.first {padding-left: 0px}

.submenu span.last {background: none; padding-right: 0px}

.submenu span.more {background: none; padding-right: 19px}

.submenu span a {color: #800000;  font-size: 11px;}

.submenu a.active {color: #800000; text-decoration: underline; }



.main_more {background: #E9E9E9; position: absolute; right: -35px; display: block; z-index: 999; width: 150px; border-bottom: 2px solid #898989; border-right: 2px solid #898989; text-align: left !important;}

.main_more ul {border: 1px solid #d0d0d0; border-left-color: #d1d1d1; border-right-color: #d1d1d1; padding: 0 12px;margin:0; float: none; text-align: left !important; }

.main_more li {text-align: left !important; background: url(/img/bg_li_more.gif) top left repeat-x !important; float: none !important; padding: 0 !important; }

.main_more a {background: url(/img/arrow4.gif) no-repeat 2px 12px; float: none; display: block; width: 90%; color: #555; padding: 2px 0; height: auto; text-decoration: underline; padding: 7px 5px 7px 12px; }

.main_more a:hover {background: url(/img/arrow4.gif) no-repeat 2px 12px; text-decoration: none; color: #555; }

.main_more li.first {background: none !important;}



.submenu_more {right: auto; margin-top: 2px; }

.submenu_more a {color: #000 !important;  }



/* input */

input.text {border: 1px solid #ccc; background: #fff; font: 11px Arial; color: #555; width: 325px; height: 12px; padding: 1px 0 2px 3px;}

html>/**/body input.text {width: 330px; height: 17px; padding: 0; }

body:not([dummy]) input.text {width: 325px; height: 12px; padding: 1px 0 2px 3px;}

@media all {

head~body input.text {width: 325px; height: 12px; padding: 1px 0 2px 3px;}

} 

input.text_price {width: 50px !important; }



/* end header */





/* ++++++++++ inner ++++++++++ */



#inner {border-bottom: 0px solid green; float: left; width:100%; padding: 10px 0 20px 0; position: relative; margin-top: 5px; }



#right-block {float: left; width: 198px; padding-right: 15px}

#left-block {border-bottom: 0px solid blue; float: right; width: 777px; }

#center-block {border-bottom: 0px solid blue; width: 990px; }


#compare-block {clear: both; font-size: 11px;}


/* extratext */

.extratext {
width: 100%;
float: left;
/* border: 1px solid #ff0000; */
margin: 0 auto;
margin-bottom: 60px;
width: 990px;
font-size: 11px;
position: relative;
}

/* ++++++++++ footer ++++++++++ */

.hole {/*background: #ccc;*/ height: 65px; clear: both; }

#footer {background: #e8e8e8; color: #121212; width: 990px; margin: 0 auto; margin-top: -55px; height: 55px; position: relative; }

#footer .menu {height: 19px; padding-top: 5px; background: #02ad81; color: #800000;}

#footer .menu a {color: #800000; }

#footer .copyright {padding-top: 9px; }



#footer .menu div, #footer .copyright div {width: 100%; position: absolute; left: 0px; text-align: center; }

 

div.userCart { float: left; text-align: left; }



div.userCompare {background: url(/img/icon_cart.gif) no-repeat left 2px; padding-left: 28px; float: left; height: 30px; text-align: left; }



div.errors {color: #CD0007; margin-bottom: 10px; }

div.success {color: #8DC63F; margin-bottom: 10px; }

.columnRight {
float: left;
}

.textarea {
width: 350px;
height: 80px; 
overflow: auto;
}

#hh h1 {
font-size: 13px;
}
