
*, html, body {margin:0px; padding:0px;}
body {color:#535353; font: 11px Verdana; padding: 0 19px; background: #fff url(../img/bg-left.gif) 19px 0 repeat-y; }

html {height: 100%;}
body {min-height:100%; height: 100%;}

/* ///////////////////////////////////////////////////////////// */

h1 {font: 17px Arial,Helvetica,sans-serif; color: #f26521; font-weight: bold; padding-bottom: 15px;  }
h1.blue {color: #0072bc}

h2 {font: 13px Arial,Helvetica,sans-serif; color: #f26521; font-weight: bold; padding-bottom: 15px;}

h3 {font-weight: bold; font-size: 11px; color: #000; padding: 0 0 10px 0; }
 

h4 {font-size: 13px; color: #0072bc; font-weight: bold; padding-bottom: 12px; }


a {color: #0072bc; text-decoration: underline; }
a:hover {text-decoration: none !important; }

img {border:0; }
table {border-collapse: collapse; }

p {padding: 0 0 8px 0;}

ul {list-style-type: none;}

.clearing {height: 0; clear: both; }

/* ///////////////////////////////////////////////////////////// */

#page {
 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 height: auto !important;
 min-height:100%;
 height: 100%;
 /*-----------------------*/
}

#page {min-width: 960px; background: url(../img/bg-right.gif) repeat-y right;}




/* ++++++++++ header ++++++++++ */

#header {
	background: #fff url(../img/raduga.gif) 0 bottom repeat-x; height: 168px; padding-top: 31px; border-bottom: 15px solid #fff; position: relative;	
}

#header img#logo {position: absolute; left: 24px; top: 12px; width: 139px; height: 104px; z-index: 999}
#header img#easy {position: absolute; right: 14px; top: 0; width: 436px; height: 188px;}

table.top-links {width: 100%; height: 53px; position: relative; z-index: 2 }
table.top-links td.link_left {width: 209px;}
table.top-links td.link_right {width: 20px;}
table.top-links td.bg {background: url(../img/dots_vert.gif) center 0 repeat-y; /*padding: 0 16px 0 17px*/}
table.top-links td.bg_x {background: url(../img/dots_vert.gif) 8px 0 repeat-y;}

table.top-links td.link_aboutshop {width: 71px;}
table.top-links td.link_catalog {width: 51px;}
table.top-links td.link_spec {width: 115px;}
table.top-links td.link_doctor {width: 84px;}
table.top-links td.link_account {width: 76px; padding-left: 43px; background: url(../img/raduga_vert.gif) 0 1px no-repeat; }
table.top-links td.login {width: 117px; padding-left: 20px; }
table.top-links td.link_cart {width: 52px;}

.login_form {display: block; width: 181px; height: 97px; padding: 51px 0 0 14px; background: url(/img/bg-account.gif) 0 bottom no-repeat; position: absolute; right: 170px; top: 86px; z-index: 1100 !important;}
.login_form label {float: left; width: 50px; margin-top: 2px;  }
.login_form input.text {float: left; margin-bottom: 8px; width: 117px;}
html>/**/body .login_form  input.text {width: 120px;}
body:not([dummy]) .login_form  input.text {width: 117px;}
@media all and (min-width:0px) {
head~body .login_form input.text {width: 117px; }
} 
.login_form input.btn {float: right; margin: 3px 14px 0 0; width: 52px; height: 17px; }

.login_form span {float: left; width: 100px; text-align: left; }


div.userInfo {position: relative; margin-top: -11px; }
div.userInfo a.exit {color: #CD0007; }

.account_person {background: url(/img/icon_account.gif) no-repeat; height: 26px; padding: 3px 0 0 27px; }
/*html>body .account_person {min-height: 23px; height: auto !important}*/
.account_logout {background: url(/img/icon_logout.gif) no-repeat left 2px; height: 17px; padding: 3px 0 0 27px; }


#header .submenu {float: left; width: 100%; height: 43px;}
#header ul {float: left; padding: 16px 0 15px 199px; position: relative; z-index: 999 }
#header ul li {float: left; background: url(../img/palka.gif) right 2px no-repeat; padding: 0 10px 0 9px; font-size: 10px;}
#header ul li.last {background: none; }


#search-block {width: 100%; height: 62px; border-top: 1px solid #dedede; background: #e6e6e6; }

#search-block .icons {float: left; width: 186px; padding: 12px 0 0 22px;}

.icons div {padding: 0 0 3px 23px; }
.icons .ico-mail {background: url(../img/ico-mail.gif) 0 5px no-repeat; font-size: 1.2em}
.icons .ico-phone {background: url(../img/ico-phone.gif) 0 3px no-repeat; color: #7d7d7d; font-size: 1.2em}
.icons .ico-fav {background: url(../img/ico-fav.gif) 0 1px no-repeat;}
html>/**/body .icons .ico-fav {display: none; }
.icons .ico-friendlink {background: url(../img/ico-friendlink.gif) 0 2px no-repeat;}

/* input text*/
input.text {border: 1px solid #ccc; background: #fff; font: 11px Verdana; color: #555; width: 425px; padding:1px 0pt 2px 3px;}
html>/**/body input.text {width: 430px;}
body:not([dummy]) input.text {width: 425px;}
@media all and (min-width:0px) {
head~body input.text {width: 425px;}
} 

/* search */
.search {position: absolute; left: 209px; top: 150px; z-index: 3}
.search input {float: left; }
.search input.btn {width: 52px; height: 17px; margin-left: 13px; }

/* end header */

#outer_wrapper {padding: 15px 0 30px 0;}
#wrapper {background: url(../img/bg-right.gif) repeat-y right;} 

#container {float: left; width: 100%; margin-right: -243px; }
#content {margin-right: 243px;}

#main {border-bottom: 0px solid red; margin-left: 190px; padding: 0 15px 0 15px; }
#main.no_r-pad {padding-right: 0;}
.float {float: left; width: 100%; border: 0px solid red}

/* ++++++++++ left block ++++++++++ */

#left {float: left; width: 178px; padding-right: 12px}


/* ++++++++++ right block ++++++++++ */

#right { float: right; width: 228px;}
#right .icons {padding: 20px 0 17px 0; background: url(../img/dots.gif) 0 bottom repeat-x; margin-bottom: 17px}

/* ++++++++++ footer ++++++++++ */
.hole {/*background: #ccc;*/ height: 95px; clear: both; }
#footer {margin-top: -95px; min-width: 960px; height: 81px; background: #ebebeb url(../img/raduga_footer.gif) 0 0 repeat-x; border-top: 14px solid #fff;}
#footer .icons {float: left; padding: 27px 0 0 22px;  }
#footer .counter { float: left; padding: 27px 0 0 22px; margin: 0 0 0 40px; }
#footer .is {float: right; text-align: right; padding: 27px 22px 0 0; font-size: 10px; color: #676767;}
#footer .is a.grey {color: #676767 !important; text-decoration: none !important;}
#footer .is p {padding: 0 0 7px 0}

/*  Классы для фотоконкурсов */
.image{width:140px; text-align:middle; border:1px solid #eaeaea; float:left;padding:10px;}

/*  Классы для оформления таблиц в opened.tpl*/
.openeds {margin: 0 0 15px 0}
.openeds th {background: #0072bc; color: #fff; font-weight: normal; font-size: 1.0em}
.openeds td, .openeds th {border: 1px solid #ebebeb; padding: 5px; text-align: center}





