html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dd, dt, address {margin: 0;padding: 0;}
html {background: white url(img/bg.jpg) repeat-x;color: black;}
body {text-align: center;/*font: 80%/1.6 Calibri, Arial, Helvetica, sans-serif;*/ font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 9px 0 0 0;}
html > body {font-size: 12px;}
a {font-weight: normal;text-decoration: underline;color: #e5961b;}
a:hover {text-decoration: none;}
a.type2 {color: #2590c8;}

table {font-size: 100%;border-collapse: collapse;}
.bold {font-weight: bold;}
.f_n {font-weight: normal;}
.center {text-align: center;}
.right {text-align: right;}
.cb {clear: both;height: 1px;width: 1px;overflow: hidden;}
.clear {clear: both;}
li {list-style: none;}
a img, fieldset {border: 0;}
.highlight {color: red;font-weight: bold;}
.img_fright {float: right;margin: 0 0 1em 1.5em;}
.b_r {border: 1px solid red !important;}
.r {color: red;}
.am {vertical-align: middle;}
.i {font-style: italic;}
.lt {text-decoration: line-through;}
.fleft {float: left;}
.fright {float: right;}
.small {font-size: 85%;}
hr {display: none;}
.colored {margin: 1.4em 0;}
.colored th {background: #F2F7FF;text-align: center;}
.colored td, .colored th {border: 1px solid #E1EDFD;padding: 4px 12px;} 

.bl {color: #2e90d1;}

#page {margin: 0 auto; text-align: left; position: relative; min-width: 990px; _width: auto;}

#header a {color: white;}
#header {width: 100%;height: 142px;position: relative;background: url(../images/header.png) left bottom repeat-x;}
#headerLeft {width: 262px;height: 142px;position: absolute;top: 0;left: 0;background: url(../images/headerLeft.png) no-repeat;}
#headerRight {height: 50px;position: absolute;right: 0;bottom: 0;background: url(../images/headerRight.png) right top no-repeat;}
#headerRight .inputs {width: 220px;_width: 225px;height: 30px;float: right;margin: 10px 5px 0 0;_margin-right: 2;}
#headerRight input {display: block;float: left;}
#headerRight .input {width: 151px;_width: 171px;height: 22px;_height: 30px;_position: relative;_left: 5px;padding: 8px 10px 0 10px;background: url(../images/headerRightInput.png) right top no-repeat;border: 0;}
.extended {float: right;margin: 14px 15px 0 0;}

#logo {top: 27px;left: 13px;z-index: 5;}
#logo, #logo span {width: 221px;height: 62px;display: block;cursor: pointer;position: absolute;}
#logo span {background: url(../images/logo.png) no-repeat;z-index: 10;}
#logo strong {position: absolute;}

#menu {position: absolute;left: 16px;top: 110px;z-index: 10;font-size: 100%;}
#menu li {float: left;padding: 0 3px 0 0;background: url(../images/menuLi.png) right center no-repeat;}
#menu li.last {background: none;}
#menu a {display: block;padding: 0 10px;text-align: center;text-decoration: none;color: white;}
#menu a:hover {text-decoration: underline;}

#cartInfo, #contactInfo {width: 200px; position: absolute;top: 12px;right: 24px; background: white url(../images/headerBoxSep.png) left center no-repeat;line-height: 1.4;}
#cartInfo .inner, #contactInfo .inner {background: url(../images/cartIcon.png) 16px center no-repeat;padding: 0 0 0 62px;}
#cartInfo strong {font-size: 110%;}
#page a.heading {color: #eea026;font-weight: bold;/*font-size: 120%;*/}

#contactInfo {right: 260px;width: 190px;}
#contactInfo .inner {background: url(../images/phoneIcon.png) 20px center no-repeat;}
#contactInfo a {font-weight: bold;color: #2590c8;}
#contactInfo p {font-size: 110%;}

.box_c {background: url(../images/phoneIcon.png) 20px center no-repeat; padding: 10px 0 10px 62px;}

#content {margin: 15px 202px 0 202px; position: relative; min-height: 1250px;}
/* LC */
#lc {width: 185px;position: absolute;top: 156px;left: 0;}
#cats {padding-bottom: 1px;background: url(../images/cats.png) left bottom no-repeat;}
#cats a {width: 158px;_width: 185px;height: 24px;_height: 29px;padding: 5px 0 0 27px;background: url(../images/catsa.png) no-repeat;display: block;text-decoration: none;font-weight: bold;color: black; font-size: 12px;}
#cats li li a {background: url(../images/catslilia.png) no-repeat; font-weight: normal; color: black;/* padding-left: 37px; width: 148px; _width: 175px;*/ font-size: 11px;}
#cats li li li a {background: url(../images/catslililia.png) no-repeat; font-weight: normal; font-size: 11px;}
#cats a:hover {background-position: -185px 0;color: #e09012;}
#cats li li a:hover {color: black;}
#cats li li li a:hover {color: #e09012;}
#cats a.active {background-position: -185px 0;}

#lc .box {background: url(../images/rcBox.png) repeat-y;line-height: 1.3;margin: 5px 0 5px 5px; text-align: center;}
#lc .box .top {height: 6px;overflow: hidden;background: url(../images/rcBoxTop.png) no-repeat; margin-bottom: 5px;}
#lc .box .bottom {height: 2px;overflow: hidden;background: url(../images/rcBoxBottom.png) no-repeat; margin-top: 5px;}

/* RC */
#rc {float: right;width: 180px;right: 5px;top: 156px;position: absolute;}
#rc .box {background: url(../images/rcBox.png) repeat-y;line-height: 1.3;margin: 0 0 5px 0;}
#rc .box .top {height: 6px;overflow: hidden;background: url(../images/rcBoxTop.png) no-repeat;}
#rc .box .bottom {height: 2px;overflow: hidden;background: url(../images/rcBoxBottom.png) no-repeat;}
#rc .box .hr {background: #d9e8fd;margin: 0.7em 6px;height: 1px;overflow: hidden;}
#rc h2 {font-size: 100%;margin: 0.5em 15px;}
.loans {margin: 10px 0;}
.loans img {display: block;margin: 0 auto;}
.actPr {margin: 0.5em 15px 1em 15px;}
.actPr .name {line-height: 1.3;margin-bottom: 0.7em;}
.actPr .name a {font-size: 120%;font-weight: bold;}
.actPr .pic {line-height: 1;}
.actPr .desc {text-align: justify;margin: 0.5em 0;}
.actPr .price {font-weight: bold;font-size: 120%;}
.rcP {margin: 0.7em 15px;}

/* TEST */
#text {}
#text p {margin: 1em 0;}
#text .hr {height: 7px;overflow: hidden;margin: 1.5em 10px;background: url(../images/hr.png) center top repeat-x;}
#text .hr .lhr, #text .hr .rhr {height: 7px;width: 41px;overflow: hidden;float: left;background: url(../images/lhr.png) no-repeat;}
#text .hr .rhr {background: url(../images/rhr.png) no-repeat;float: right;}
#text h1 {font-size: 190%;margin: 0 0 1em 24px;}
#text h2 {font-size: 170%;margin: 0 0 1em 24px;}
#text h3 {font-size: 130%;margin: 0 0 1em 24px;}
#text ul {margin: 1em 0 1em 5px;}
#text li {padding: 2px 0 2px 17px;background: url(../images/li.png) left 0.8em no-repeat;_height: 1px;}

/*FOOTER*/
#footer {color: #2590c8;background: url(../images/footer.jpg) repeat-x;_height: 1px;}
#footer a {color: #5cabd7;font-weight: bold;}
#footer .fleft {height: 66px;_height: 89px;float: left;width: 400px;background: url(../images/footerLeft.jpg) no-repeat;padding: 23px 0 0 35px;}
#footer .fright {height: 56px;_height: 89px;float: right;width: 490px;text-align: right;background: url(../images/footerRight.jpg) right top no-repeat;padding: 33px 35px 0 0;}
#footer .right {padding: 0 35px 35px 35px;}
/* HP */
#guidepost {color: #99cbe5; margin-top: 30px;}
#guidepost a {color: #2590c8; font-size: 12px;}
#guidepost a.name {color: #eea026;font-size: 130%;font-weight: bold;}
.segment {float: left; height: 78px; width: 275px; margin: 0 10px;}
.segment .links {float: right; width: 200px;}
.segment img {float: left;}

.desc {font-size: 12px;}

.pr1 {width: 30%;float: left;margin: 0 2% 0 1%;_margin-left: 0.5%;}
.pr1 .inner {border: 1px solid #dbe9fd;padding: 10px 15px 0 15px;}
.pr1 .name {line-height: 1.3;margin-bottom: 0.7em;}
.pr1 .name a {font-size: 120%;font-weight: bold;}
.pr1 .pic {line-height: 1;}
.pr1 .desc {margin: 0.5em 0;}
.pr1 .price {font-weight: bold;font-size: 120%;}
.price span {font-size: 13px !important; font-weight: normal;}

.mb {margin: 0 24px;}
#text .mb h2 {margin: 0;}

.articleList {float: left; width: 49%;}
.articleList td {padding-bottom: 20px;}
#text .articleList h3 {margin: 0;}
.articleList .pic {vertical-align: top;padding-right: 20px;}
#text .articleList p {margin: 0.5em 0;}
.articleList p a {color: #2590c8;}

/* CS */
#cs {padding: 0 15px;}
#cs h1, #cs h2, #cs h3 {margin: 0 0 0.7em 0;}

/* STAT */
#bc {font-size: 11px; padding-left: 24px;}
#stat .hr, #basket .hr {margin: 0.5em 0;}
#stat h1, #basket h1 {margin-bottom: 0.6em;}

.cb1 {margin-top: 30px !important;}

.pr2 {width: 46%;margin: 17px 1.5% 0 1.5%;_margin-left: 0.7%;float: left;}
.pr2 .inner {border: 1px solid #d9e8fd;padding: 10px 15px; min-height: 180px;}
.pr2 .name {margin-bottom: 10px;}
.pr2 .name a {font-size: 120%;font-weight: bold;}
.pr2lc {float: left;width: 108px;text-align: center;}
.pr2rc {margin-left: 125px;}
.pr2 .icon {margin-right: 8px;}
.pr2 .price {background: url(../images/pr2Price.png) repeat-x;border: 1px solid #d9e8fd;border-top: 0;padding: 0 15px;}
.pr2 .price strong {float: right;font-size: 130%;}
.pr2 .price a {float: left;font-weight: bold; position: relative;top: 2px;}

/* BASKET */
#basket h1 {float: left;position: relative;top: 2px;}
#cart {max-width: 700px;margin: 0 14px;}
#cart .colored {width: 100%;font-size: 110%;}
#cart .total {font-size: 120%;font-weight: bold;}
#cart .price {font-size: 120%;text-align: right;}
#cart .colored input {text-align: center;}
.delete img {display: block;margin: 0 auto;}

#steps {height: 49px;width: 192px;color: #EFA32C;height: 49px;float: right;position: relative;left: -24px;}
.step {height: 38px;_height: 49px;padding: 11px 0 0 0;width: 48px;background: url(../images/step.png) no-repeat;text-align: center;line-height: 1.1;font-size: 180%;font-weight: bold;float: left;color: #EFA32C;}
.step.active {color: white;background: url(../images/stepActive.png) no-repeat;}
.step.passed {background: url(../images/stepPassed.png) no-repeat;}
#step4 {background: url(../images/step4.png) no-repeat;}
#step4.active {background: url(../images/step4Active.png) no-repeat;}
#step1.active {background: url(../images/step1Active.png) no-repeat;}
#step1.passed {background: url(../images/step1Passed.png) no-repeat;}

.recap td, .recap th {padding: 3px 20px 3px 0;}

/* classic */
.classic {margin: 0 24px;max-width: 700px;font-size: 110%;}
.dataField {margin: 1.5em 0;border: 1px solid #D9E8FD;}
.innerData {padding: 15px 20px;}
#text .dataField h2 {background: #FFF4E0;margin: 0;color: #EEA027;font-size: 130%;padding: 2px 20px;}
.dataField .input {clear: both;height: 28px;}
.dataField .input label {float: left;width: 115px;}
.dataField .input input {float: left;}
.checkbox {clear: both;}
#specialDelivery {font-size: 120%;}
#chooseDelivery .checkbox {padding: 10px 0;}
#chooseDelivery .checkbox input {margin-right: 5px;}

/* detail */
#b {margin-left: 5px;}
#bTopLeft {border: 1px solid #dbe9fd;width: 170px;height: 150px;float:left;position: relative;padding-top: 5px; margin-bottom: 15px;}
#sampleImg {width:138px;height:112px;margin: 0 auto; text-align: center;}
#sunglass {background: url(../images/sunglass.png) no-repeat;width: 22px;height: 22px;position: absolute; right: 10px; bottom: 10px;}

#bTopRight {margin-left: 195px;text-align:left;}

#productInfo {background: #f2f7ff;border: 1px solid #d9e8fd;margin-top: 7px;width:100%;}
#productInfo td {border-top: 1px solid #d9e8fd;height: 28px;}
.tLeft {font-weight: bold; padding: 0 50px 0 1em;width: 80px;}
#tCena td span {font-size: 16px; font-weight: bold;}

.help {border-bottom: 1px dashed #31373B; cursor: help;}

#bTopRight .submit {margin-left: -1px;margin-top: 15px;}

#bLow {background: #f2f7ff; border: 1px solid #d9e8fd;margin: 50px 0 30px 0;padding: 0 1em 0 1em;}
.butt {position:relative;top: -32px;left: -14px;width: 120px;height: 25px;background: #f2f7ff; border: 1px solid #d9e8fd; border-bottom: none;text-align: center;padding-top: 5px;display: block;float:left;margin-right: 5px;border-bottom: 1px solid #d9e8fd;}
.butt a {font-weight: bold; color:black;text-decoration: none;}
.butt a:hover {color: #eea026;}
.butt a:hover {border-bottom: none;}

.box_sort {margin: 0 24px;}
.sort_title {font-size: 14px; font-weight: bold; margin-right: 10px;}
.producer_l {text-decoration: underline; font-size: 12px;}

.box_pages {float: right;}
.box_pages a, .box_pages span {display: block; float: left; line-height: 24px; height: 24px; padding: 0 8px; font-weight: bold;}
.box_pages a {border: 1px solid #D9E8FD; text-decoration: none; color: #000000; height: 22px; line-height: 22px;}
.box_pages .active {color: #FFFFFF; background: #EEA026;}
.box_pages .active.first {background: url(../images/page_f.gif) center left no-repeat #EEA026;}
/*.box_pages .last {background: url(../images/page_last.gif) center right no-repeat; border-right: none;}*/

.dataField textarea, .dataField input, select {border: 1px solid #7F9DB9;}
textarea {width: 100%;}

#box_parameters {margin: 20px 0;}
.param_select {margin: 5px 0; position: relative;}
.param_select label {width: 200px; float: left;}

#box_params table {margin-top: 0; width: 100%;}
#box_params table th, #box_params table td {background: none; text-align: left;}
#box_params table th {}
#box_params table th div {border: 1px solid #D9E8FD; padding: 10px; background: #FFFFFF; position: absolute; z-index: 100; background: #F2F7FF; font-weight: normal;}

.box_info {position: absolute; border: 1px solid #D9E8FD; padding: 10px; background: #FFFFFF; top: 20px; z-index: 100; left: 0;}
#sections_box li {float: left; width: 180px;}
#sections_box li .help {font-size: 11px;}

/* form stylled */
.stylled {margin: 1.5em 0; background: #F2F7FF; border: 1px solid #D9E8FD; padding: 18px 20px; height: 1px;}
[id=page] .stylled {height: auto;}
.stylled .input label, .pseudolabel {float: left;width: 90px;padding-top: 3px;}
.stylled .input input {width: 170px;padding: 2px 4px;border: 1px solid #c8d7e5;}
[id=page] .stylled .input input {width: 160px;}
.stylled .input {margin-bottom: 4px;}
.stylled .submit {padding: 1em 0 0 0;}
#cs .stylled p {color: #5c7e9d;margin: 1em 0 0 0;font-size: 90%;}
.stylled .checkbox {position: relative;top: 2px;}
.stylled textarea {padding: 2px 4px; border: 1px solid #c8d7e5;}
.stylled .r {font-weight: bold; font-size: 18px;}

a.bt, input.bt {height: 30px; background: url(../images/btbg.png) no-repeat; line-height: 30px; color: #FFFFFF !important; text-decoration: underline !important; text-align: center; padding: 0 !important; font-weight: bold; border: none !important; width: 79px !important;}
input.bt_b {height: 50px; background: url(../images/bt_h50.png) no-repeat; line-height: 50px; color: #FFFFFF !important; text-decoration: underline !important; padding: 0 0 0 50px !important; font-weight: bold; border: none !important; width: 215px !important; _width: 215px !important; font-size: 14px; cursor: pointer;}

#box_lbanner img {margin-bottom: 15px; clear: both; display: block;}

#box_top {float: left; height: 80px; margin-top: 12px; margin-left: 262px; overflow: hidden; text-align: center;}
#box_top img {margin-top: 0;}