/* left menu */
ul.menu {margin-bottom: 40px}
ul.menu li {color: #000; padding: 0 0 0 25px; margin-bottom: 20px; background-position: 0 0; background-repeat: no-repeat;}
ul.menu li.lens {background-image: url(../img/ico-lens.gif) }
ul.menu li.nursing {background-image: url(../img/ico-nursing.gif); }
ul.menu li.nursing h3 {padding-top: 13px}
ul.menu li.accessory {background-image: url(../img/ico-accessory.gif) }


ul.menu li ul li, .grey-block ul li  {background: url(../img/arrow.gif) 0 4px no-repeat; padding-left: 11px; margin-bottom: 5px}

ul.menu h3 {padding: 8px 0 7px 10px}

.small {font-size: 10px; }
.text-blue {color: #0072bc}
.text-orange {color: #f26521}
.text-red {color: #ee1c23}
.text-grey {color: #898989}
.text-strike {text-decoration: line-through;}

.arrow {background: url(../img/arrow.gif) 0 4px no-repeat; padding-left: 11px;}
.arrow2 {background: url(../img/arrow2.gif) 0 4px no-repeat; padding-left: 11px;}

.hr-dots {height: 1px; background: url(../img/dots.gif) 0 0 repeat-x;}

.grey-block {background: #ebebeb; border-bottom: 1px solid #dcdcdc;  }
.grey-block ul {padding: 10px 7px 15px 14px}

.title {padding: 4px 7px 6px 13px; font-size: 13px; }

#filter .title {color: #fff; background: #0072bc; }
#fotocompetition .title {color: #0072bc; background: #9bd2ec; }
#subscribe .title {color: #fff; background: #91c159;}
#filter h3 {padding: 0 0 0 13px}


#fotocompetition p {padding: 0 7px 25px 14px}
.photoimg {width: 184px; background: #fff url(../img/bg-photoimg.gif) 0 bottom no-repeat; padding: 7px 7px 19px 7px; margin: 20px 0 0 14px; text-align:center;}

/* checkbox */
input.checkbox {margin: 0px 5px 0 -4px}
html>/**/body input.checkbox {margin: 2px 5px 2px -1px}
body:not([dummy]) input.checkbox {margin: 4px 8px 3px 0; }

label.checkbox {position: relative; top: -1px}
html>/**/body label.checkbox {top: 2px;}
body:not([dummy]) label.checkbox {top: -3px; }

/* radio */
input.radio {margin: 0px 5px 0 -4px}
html>/**/body input.radio {margin: 2px 5px 2px -1px}
body:not([dummy]) input.radio {margin: 4px 8px 3px 0; }
label.radio {position: relative; top: 2px}


/* subscribe */
#subscribe {height: 94px; padding: 0 0 0 0; margin: 10px 0; background: #b4d66f;}
#subscribe input {float: left; }

#subscribe input.text {width: 190px; margin-left: 14px; margin-top: 13px; border: 1px solid #84b051}
html>/**/body #subscribe input.text {width: 195px; }
body:not([dummy]) #subscribe.text {width: 190px;}
@media all and (min-width:0px) {
head~body #subscribe input.text {width: 190px;}
} 
#subscribe input.btn {width: 84px; height: 17px; margin-left: 14px; margin-top: 7px; }

#spec {padding: 14px 7px 15px 14px;}
#spec .photoimg {margin: 0; position: relative;}
img.specoffer {display: none; position: relative; left: 22px; top: -22px; width: 90px; height: 90px;}

.icq img {float: left; margin-right: 3px; position: relative; top: 0px}

/* news */
dl.news {float: left; width: 100%;}
dl.news dt {padding-bottom: 7px;}
dl.news dt a {display: block; margin-left:78px; }
dl.news dt span {float: left; color: #a8a8a8; }
dl.news dt span.t {float: none; display: block; margin-left:78px; }
dl.news dd {float: left; width: 100%; padding-bottom: 20px; }
dl.news dd img {float:left; clear: right; width: 63px; }
dl.news dd div {margin-left:78px;}
dl.news dd.allnews {font-size: 10px;}

/* popular goods */
dl.goods {border: 1px solid red; float: left; width: 100%;}
dl.goods dt {float: left; background: #aaa; width: 177px; height: 137px;}

.goods {
	position:relative; 
	display:table;
	height: 137px;
	width: 97px;
	vertical-align: middle; 
	text-align: center;
	border: 1px solid #dcdcdc;
	
}

.innerImg {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	position:relative;
}


/* pager */
.pager {float: left; font-size: 10px; padding-bottom: 7px}
.pager span {float: left; padding-right: 10px; }
.pager ul {list-style-type: none; float: left; }
.pager ul li {float: left; background: url(../img/palka_pager.gif) right 2px no-repeat; padding: 0px 7px 0 6px; margin-bottom: 4px;}
.pager ul li.first {padding-left: 0px; }
.pager ul li.last {background: none; padding-right: 0px;}
.pager ul li.left-page, .pager ul li.right-page  {background: none; font-size: 12px }
.pager ul li.left-page a, .pager ul li.right-page a {text-decoration: none;}
.pager ul li.left-page {padding-left: 0px;}


/* faq */
ul.faq {float: left; width: 100%; border-top: 1px solid #dcdcdc; margin: 15px 0 20px 0; }
ul.faq li {border-bottom: 1px solid #dcdcdc; padding: 13px 0 13px 17px}
ul.faq li.bg {background: #f5f5f5; }
ul.faq div.date {font-size: 10px; padding-bottom: 1px;}
ul.faq .text-blue, Ul.faq .text-orange {font-weight: bold; }
ul.faq p {padding: 3px 0 0 0;}
ul.faq p.who_answer {font-size: 10px; }


/* --------- forms --------- */
.form {float: left; width: 495px; padding: 0 0 10px 0; border-top: 1px solid #d9d9d9; }

.form div {border-bottom: 1px solid #d9d9d9; float: left; width: 478px; padding: 6px 0 6px 17px }
.form div.bg {background: #ebebeb}
.form label {float: left; width: 143px; padding-top: 2px}

.form input.text {float: left; width: 300px; }
html>/**/body .form input.text {width: 305px; }
body:not([dummy]) .form input.text {width: 300px;}
@media all and (min-width:0px) {
head~body .form input.text {width: 300px; }
} 

.form select {float: left; font: 11px Verdana; color: #555; width: 304px; height: 17px; }

.form textarea {float: left; font: 11px Verdana; color: #555; width: 302px; height: 80px; }
html>/**/body .form textarea {width: 304px}
body:not([dummy]) .form textarea {width: 300px}

.form input.radio, .form label.radio {float: left;}
.form span.delivery {float: right; padding: 4px 33px 0 0}


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

.form_regist div.adr {padding-bottom: 6px;}
.form_regist div.adr input.text {margin-right: 5px; margin-bottom: 5px;}

input.disabled {background: #eee}

/*----*/
.form_regist input.adr_index {width: 50px; } body:not([dummy]) .form_regist input.adr_index {width: 50px; } 
html>/**/body .form_regist input.adr_index {width: 55px; }
@media all and (min-width:0px) {head~body .form_regist input.adr_index {width: 50px; } }

.form_regist input.adr_street {width: 130px; } body:not([dummy]) .form_regist input.adr_street {width: 130px; }
html>/**/body .form_regist input.adr_street {width: 135px; }
@media all and (min-width:0px) {head~body .form_regist input.adr_street {width: 130px; } }

.form_regist input.adr_house {width: 30px; } body:not([dummy]) .form_regist input.adr_house {width: 30px; }
html>/**/body .form_regist input.adr_house {width: 35px; }
@media all and (min-width:0px) {head~body .form_regist input.adr_house {width: 30px; } }

.form_regist input.adr_corps {width: 43px; } body:not([dummy]) .form_regist input.adr_corps {width: 43px; } 
html>/**/body .form_regist input.adr_corps {width: 48px; }
@media all and (min-width:0px) {head~body .form_regist input.adr_corps {width: 43px; } }

.form_regist input.adr_office {width: 67px; } body:not([dummy]) .form_regist input.adr_office {width: 67px; } 
html>/**/body .form_regist input.adr_office {width: 72px; }
@media all and (min-width:0px) {head~body .form_regist input.adr_office {width: 67px; } }
/*----*/

.form_regist input.checkbox {float: left; margin-bottom: 3px }
html>/**/body .form_regist input.checkbox {margin-bottom: 5px !important}
.form_regist label.checkbox {width: 180px; border: 0px solid red; margin-top: 4px}
body:not([dummy]) .form_regist label.checkbox {margin-top: 6px; } 

.form_regist input.radio {float: left;}


/* login */
.login {background: #ebebeb; padding-top: 10px}
.login div {border: none; }
.login a {font-size: 10px}
.login label {width: 80px}
.login input.text {width: 250px; } html>/**/body .login input.text {width: 255px; } body:not([dummy]) .login input.text {width: 250px;}
@media all and (min-width:0px) {head~body .login input.text {width: 250px; }}
.login input.btn {float: left; width: 66px; height: 17px; margin-left: 13px; }


/* forget pass */
.forget {margin-top: 10px;}
.forget div {padding: 13px 0 13px 17px }
.forget label {width: 80px}
.forget input.text {width: 250px; } html>/**/body .forget input.text {width: 255px; } body:not([dummy]) .forget input.text {width: 250px;}
@media all and (min-width:0px) {head~body .forget input.text {width: 250px; }}
.forget input.btn {float: left; width: 91px; height: 17px; margin-left: 13px; }
 
 
/* account */
table.account {width: 100%; }
table.account td {vertical-align: top; }

table.account td.tdData {padding-right: 13px; }
table.account td.tdData ul {float: left; width: 100%; margin-bottom: 11px; }
table.account td.tdData ul li {float: left; width: 100%; margin-bottom: 5px }
table.account td.tdData ul li label, table.account td.tdData ul li strong {float: left; width: 87px}
table.account td.tdData ul li span {display: block; margin-left: 87px; }
table.account td.tdData ul li span.dostavka {font-size: 10px; color: #7bb03d}
table.account td.tdData .arrow {font-size: 10px; }


table.account td.tdFaq {width: 253px; font-size: 10px;}
table.account td.tdFaq .title {background: #91c159; color: #fff}
table.account ul.faq {border: none; background: #ebebeb; width: 219px; margin: 0; padding: 0 17px 0 17px}
table.account ul.faq li {border: none; padding: 6px 0 9px 0; background: url(../img/dots.gif) 0 bottom repeat-x;}
table.account ul.faq li.last {background: none;}
table.account td.tdFaq .ask {background: #ebebeb; padding: 10px 17px 20px 17px}


/* =================== cart =================== */
table.tblcart {width: 100%; font-size: 10px; margin-bottom: 14px; }
table.tblcart td {position:relative; vertical-align: middle; text-align: center; background: url(../img/dots_vert.gif) right 0 repeat-y;}

table.tblcart td.tdHr {height: 19px; background: url(../img/1x1.gif) 0 center repeat-x;}
table.tblcart td.tdHr_b {height: 9px; background: url(../img/1x1.gif) 0 bottom repeat-x;}

table.tblcart td.img {width: 55px; padding-right: 25px; background: none; text-align: left; vertical-align: top;}
table.tblcart td.img div.goods {width: 80px; height: 56px;  }

table.tblcart td.itemname {padding: 3px 30px 0 0; text-align: left; vertical-align: top;}
table.tblcart td.itemname a {color: #535353; font-size: 11px;}
table.tblcart td.itemname p {padding: 0;}

table.tblcart td.quantity {width: 90px;}

input.quantity {width: 40px; margin-right: 5px;} html>/**/body input.quantity {width: 45px; } body:not([dummy]) input.quantity {width: 40px;}
@media all and (min-width:0px) {head~body input.quantity {width: 40px; }}

table.tblcart td.delete {width: 41px; background: none;}
table.tblcart td.delete img {width: 11px; height: 11px; }

table.tblcart td.price {width: 90px; font-weight: bold; font-size: 11px; }

table.tblcart td.allPrice, div.allPrice {background: #ededed; padding: 7px 20px 8px 0; text-align: right; font-size: 13px; font-weight: bold;}

div.allPrice {border-top: 1px solid #dcdcdc}
/* order */
table.order td.price {background: none}
/* ============================================ */

ul.steps {float: left; margin-bottom: 23px; }
ul.steps li {float: left; padding-right: 27px;}
ul.steps li.active {background: url(../img/step-arrow.gif) 53px center no-repeat;}
ul.steps li img {width: 48px; height: 48px;}



/* =================== catalog =================== */

ul.catalog {border: 0px solid green; float: left; width: 100%; font-size: 10px; margin-top: 5px; }
ul.catalog li {float: left; width: 166px; padding-bottom: 30px; background: none !important;}

ul.catalog .goods {width: 137px; height: 97px;  }
ul.catalog .itemname {padding: 7px 20px 0 0; height: 25px}
ul.catalog .oldprice {padding-top: 5px; height: 16px;  text-decoration: line-through;}
ul.catalog .price {padding: 5px 0 5px 0; font-weight: bold; font-size: 11px; }

.brends {background: #ebebeb; float: left; width: 100%; padding: 7px 0 8px 0; margin-bottom: 23px; }
.brends h4 {padding: 0 0 7px 17px;}
.brends ul {float: left; padding-left: 7px;}
.brends ul li {float: left; background: url(../img/palka2.gif) right 2px no-repeat; padding: 0 11px 5px 10px}
.brends ul li.last {background: none; }

/* ============================================== */

/* =================== item =================== */
.item {border: 0px solid red; float: left; width: 100%; padding-bottom: 20px; }
.item .itemImg {float: left; width: 210px;}
.item .goods {width: 194px; height: 181px; }

.item .itemDescr { margin-left: 220px}
.item .itemDescr div, .item .itemDescr div * {float: left}
.item .itemDescr div {padding-bottom: 5px; width: 100%;}
.item .itemDescr div label {font-weight: bold; width: 130px;}
.item .itemDescr div .price {font-size: 12px; font-weight: bold; }

.item .itemDescr div.hr-dots {margin: 5px 0 3px 0; width: 90%}

/* ----------------- */
.preview {float: left; position: relative; margin: 11px 14px 0 0;}
.prlast {margin-right: 0px;}

.previewImg {
	position:relative; 
	display:table;
	height: 84px;
	width: 91px;
	vertical-align: middle; 
	text-align: center;
	background: url(../img/bg-previewImg.gif) 0 0 no-repeat;
	
}


.previewImg img.plus {width: 11px; height: 11px; position: absolute; left: 75px; top: 68px }
/* ----------------- */


.eyes {float: left; width: 242px; background: #ebebeb; padding-bottom: 16px; }
.eyes .title {color: #fff; margin-bottom: 13px}
.eyes#l-eye .title {background: #0072bc;}
.eyes#r-eye .title {background: #91c159;}
.eyes#r-eye {margin-left: 7px; }
.eyes label {float: left; width: 115px; padding: 3px 0 0 13px; }
.eyes select {float: left; font: 11px Verdana; color: #555; width: 80px; height: 17px; margin-bottom: 5px;}

.color {float: left; width: 87px; padding-top: 57px; margin-right: 14px; font-size: 10px; background-color: #ebebeb; background-repeat: no-repeat; background-position: center 18px;}
.color div {float: left; background: #fff; width: 100%; padding-top: 4px}
.color div * {float: left; }
.color div label.radio {position: relative; top: 4px}

.eye-red {background-image: url(../img/eye-red.gif); }
.eye-green {background-image: url(../img/eye-green.gif); }
.eye-blue {background-image: url(../img/eye-blue.gif); }
.eye-yellow {background-image: url(../img/eye-yellow.gif); }
.eye-orange {background-image: url(../img/eye-orange.gif); margin: 0}

.add-to-cart, .add-to-cart * {float: left}
.add-to-cart {background-color: #ebebeb; padding: 9px 0 9px 0; width: 491px; margin: 27px 0 13px 0}
.add-to-cart label {padding: 2px 17px 0 13px; }
.add-to-cart select {font: 11px Verdana; color: #555; }
.add-to-cart select option {float: none; }

.add-to-cart input.btn {float: right; margin-right: 14px; width: 143px; height: 17px; }

/* ============================================ */

table.str td.label {padding-right: 6px; vertical-align: top; }

/* searchResults */
ol.searchResults {margin-top: 10px; margin-left: 29px}
ol.searchResults li {margin-bottom: 7px; }

table.radios {width: 100%; }
table.radios tr.hover {background-color: #F2F2EC; }
table.radios tr.disabled {color: #ccc; }
table.radios td {padding-bottom: 12px; }
table.radios td.radio {padding: 10px 5px 12px 0; width: 30px; text-align: left; vertical-align: top; }
table.radios td.label {padding: 5px 20px 0 0; }
table.radios label {border: none; display: block; }
table.radios span {display: block; }
table.radios .moreDesc {margin-top: 6px; font-size: 90%; }

table.data_order {background: #f4f4f4; }
table.data_order td {padding: 5px 10px 4px 0; }
table.data_order td.label {font-weight: bold; padding-left: 15px; padding-right: 0; }

/* ============================================ */
#b { margin-bottom: 10px; width: 468px; height: 60px; position: relative;}
#b a {display: block; position: absolute; top: 0; left: 0; }


/*Maddog */
.megatop {margin-bottom: -5px; color: #0072BC}
.greyblock {padding: 7px 7px 7px 10px; background: #ebebeb; margin: -5px 0 0px 0}
.boottik {margin-bottom: -10px;}
b.megatop {position:relative; top: 10px; color: #535353; font-size: 85%; }
.myfotos {color: #535353; font-size: 80%; margin: 10px 0 -2px 0; display: block;}
.boomer {margin: 15px 0 -5px 0; padding: 0; position: relative}
.toppic {position: relative; top: -17px;; margin-bottom: -17px;}
.bookingo {margin-top: 10px;}

.megaform {margin-top: 17px; border: none;}
.megaform div {border: none;}
#description {_position: relative; _left: 3px; width: 300px;}
.botlex {float: right; position:relative; padding: 0; margin: -15px 31px 0 0; #margin-top: -25px}

ul.sphider li {margin-bottom: 15px;}
ul.sphider li p { margin: 2px 0; padding: 0 0 3px 0;}

div.content ul {margin: 5px 0;}
div.content ul li {background: transparent url(../img/arrow.gif) no-repeat scroll 0 4px; padding-left: 11px; margin-bottom: 5px; }

.listArt {padding-left: 5px; margin: 5px 0 40px 0}
.listArt li {margin-bottom: 7px;}
.date {color: #a8a8a8; }
.capcha {padding: 0 0 5px 0 !important; border-bottom: none !important;}
.positionICQ {position: absolute; right: 35px; top: 140px}
.positionICQ h2 {padding: 0 0 3px 0;}
.linkHome {margin: 25px 0 0 50px; float: left;}
.icq {font-size: 1.2em; font-weight: bold;}


.telephonetext {position: relative; top: 4px}

