/*
CSS to resptech.ru
*/
html, body {height: 100%;}
body {
	font: normal 11px/1.4 tahoma, sans-serif; 
	color: #5f7e93;
}
#container {
	display: block;
	width: 100%;
	min-height: 100%;
	position: relative;
	background: url(../img/resp/bg-top.jpg) repeat-x 0 0;
}
#footer {
	display: block;
	width: 100%;
	height: 80px;
	padding-top: 20px;
	background: transparent url(../img/resp/bg-bot.jpg);
	position: absolute;
	bottom: 0;
	left: 0;
}
.footwrapper {
	width: 990px;
	margin: 0 auto;
}
#mainblock {
	width: 990px;
	min-height: 100px;
	padding-bottom: 120px;
	margin: 0 auto;
}
#header {
	display: block;
	min-height: 140px;
	clear: both;
}
#twocol {
	display: block;
	padding: 0;
}
.sidebar {
	width: 220px;
	min-height: 50px;
	float: left;
	/*background: #90ee90;*/
}
.mainbar {
	width: 750px;
	min-height: 50px;
	float: right;
	/*background: #dda0dd;*/
}
/* ======================== Menu Signs */
.menusigns {
	width: 100%;
	text-decoration: none;
}
.menusigns ul {
	margin: 0;
	padding: 30px 0 0 0;
	float: left;
	width: 100%;
}
.menusigns ul li {
	display: inline;
	
}
.menusigns ul li a {
	float: left;
	color: #fff;
	text-decoration: none;
	width: 14px;
	height: 12px;
	display: block;
}
.menusigns ul .mhome a {
	background: url(../img/resp/menusigns.gif) no-repeat 0 0;
	margin-right: 62px;
}
.menusigns ul .mhome a:hover {background-position: 0 -12px;}
.menusigns ul .mletter a {
	background: url(../img/resp/menusigns.gif) no-repeat -74px 0;
	margin-right: 62px;
}
.menusigns ul .mletter a:hover {background-position: -74px -12px;}
.menusigns ul .mmap a {
	background: url(../img/resp/menusigns.gif) no-repeat -152px 0;
}
.menusigns ul .mmap a:hover {background-position: -152px -12px;}
/* ======================== Logo Place === */
.logopic {
	display: block;
	margin: 20px 0 0 0;
}
/* ======================== Menu Cats */
#menucats ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menucats {
	width: 99%;
	margin: 10px 0 10px 0;
}
#menucats li a {
	font-size: 13px;
	display: block;
	background: #eff6fb;
	padding: 3px 3px 3px 10px;
	margin-top: 6px;
	color: #555;
    text-decoration: none;
}
#menucats li a:hover{
	text-decoration: none;
    background: #fdf6dd;
}
#menucats li ul li a {
	background: none;
	border-bottom: 1px dotted #d0d0d0;
	font-size: 11px;
	padding-left: 2px;
	margin: 0 0 0 18px;
	color: #5f7e93;
}
#menucats li ul li a:hover,
#menucats li ul li .selected {
	background: #fdf6dd;
}
#menucats li ul li ul li a {
	background: url(../img/resp/markeryell.gif) no-repeat 0 .9em;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	margin: 0 0 0 22px;
	color: #5f7e93;
	border: none;
}
/* ======================== Additional Menu Button === */
.addmenu {
	display: block;
	height: 39px;
	background: #eef6fb;
	border-top: 1px solid #d0d0d0;
	margin: 9px 0 10px 0;
}
.addmenu a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}
.addmenu a:hover {
	color: #8f1315;
	/*color: #f1c92b;*/
}
/* ======================== Header Block === */
.phonetop {
	width: 200px;
	height: 40px;
	padding-top: 60px;
	float: left;
	background: url(../img/resp/bg-line-left-top.jpg) no-repeat 0 0;
	overflow: hidden;
}
.hcentrbox {
	width: 340px;
	min-height: 40px;
	float: left;
}
/* ======================== Menu Top === */
.menutop {
	/*width: 100%;*/
	display: block;
	text-decoration: none;
}
.menutop ul {
	margin: 0;
	padding: 27px 0 0 3px;
	float: left;
	/*width: 100%;*/
}
.menutop ul li {
	display: inline;
	width: auto;
}
.menutop ul li a {
	float: left;
	color: #5f7e93;
	text-decoration: underline;
	width: auto;
	display: block;
	margin-right: 22px;
	/*margin-left: 6px;*/
}
.menutop ul li a:hover {
	text-decoration: none;
}
.menutop ul li .nomarri {margin-right: 0;}
/* ======================== Searchbox === */
.searchbox {
	width: 300px;
	padding: 16px 18px;
	background: #eff2f5;
	clear: both;
}
.searchbox input {
	width: 200px;
	padding: 4px;
	background: #fff;
	border: 1px solid #c8cbd4;
	float: left;
	margin-right: 10px;
}
.searchbox .searchgo {
	width: 66px;
	height: 25px;
	background: url(../img/resp/searchgo.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	float: right;
	border: none;
	cursor: pointer;
}
/* ======================== Basket === */
.basket {
	position: relative;
    width: 153px;
	min-height: 100px;
	background: url(../img/resp/bg-basket.jpg) no-repeat 0 0;
	float: right;
	padding: 22px 15px 10px 15px
}
.parbasket {
	display: block;
	height: 15px;
	padding: 6px 0 0 30px;
	background: url(../img/resp/icon-basket.gif) no-repeat 0 0;
	color: #153e58;
	margin-bottom: 18px;
}
.countbasket {
	padding: 4px;
	background: #e9f5fa;
	color: #153e58;
	margin-bottom: 9px;
	text-align: right;
}
.tblbasket {
	width: 100%;
	background: #e9f5fa;
}
.tblbasket td {
	padding: 2px 2px;
}
.basket a {
	color: #153e58;
	padding-left: 4px;
}
.basket a:hover {
	text-decoration: none;
}
/* ======================== Content Blocks === */
.contentbox {
	display: block;
	clear: both;
	padding-top: 9px;
}
.contentbox h1 {
	font-size: 14px;
	padding: 10px 10px;
	display: block;
	background: #eff6fb;
	border-top: 1px solid #b8cddb;
	text-transform: uppercase;
	font-weight: normal;
	clear: both;
}
.contentbox h2 {
	font-size: 14px;
	padding: 10px 10px 5px 10px;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
}
.contentbox h3 {
	font-size: 14px;
	padding: 10px 10px 5px 10px;
	display: block;
	background: #eff6fb;
	text-transform: uppercase;
	font-weight: normal;
	clear: both;
}
.contentbox p {
	padding-bottom: 5px;
}
.contentbox .linkmore {
	float: right;
	margin-right: 10px;
}
.contentbox .linkmore a {
	color: #fff;
	background: #357dac;
	text-decoration: none;
	padding: 1px 4px 2px 4px;
}
.contentbox .linkmore a:hover {
	color: #357dac;
	background: #fdf6dd;
}
/* ========= Banner Place === */
.bnntop {
	display: block;
	height: 140px;
	padding: 0 0 10px 0;
}
.bnntop img {
	margin: 0 1px 0 0;
	float: left;
}
/* ========= Info Block === */
.infobox {
	display: block;
	padding: 0 10px 20px 10px;
}
.infobox .nopadleft {
	padding-left: 0;
}
#twocol .infobox ul{
    padding-left: 18px;
}
#twocol .infobox ul li{
    background-image: none;
    /*list-style-type: circle;*/
    padding: 0;
    margin-bottom: 10px;
}
#twocol .infobox ul li a{
    padding: 0 0 5px 10px;
    background: transparent url(../img/resp/markeryell.gif) no-repeat 0 6px;
}
#twocol .infobox ul li p{
    padding: 0 0 5px 10px;
    line-height: 1.2;
}
#twocol .infobox .marked {
	padding-left: 0;
}
#twocol .infobox .marked li {
	background: url(../img/resp/markeryell.gif) no-repeat 0 6px;
	padding-left: 10px;
}
#twocol .infobox .ulins {
	padding: 0 0 0 15px;
}
#twocol .infobox .ulins li {
	margin-bottom: 0;
	background-image: none;
	list-style-type: circle;
	padding-left: 0;
}
.infobox ol {
    padding-left: 18px;
    padding-bottom: 5px;
}
.infobox ol li {
	padding-bottom: 4px;
}
.infobox img {
	float: left;
/*
	border: 1px solid #d4d6dc;
	border-bottom: 6px solid #357dac;
*/
	margin: 10px 20px 10px 0;
}
.infobox .icenter {
    float: none;
    border: 1px solid #d4d6dc;
    margin: 0 auto;
}
/* ========= New Items Block === */
.newitems {
	display: block;
	min-height: 230px;
	border: 1px solid #d4d6dc;
	padding: 10px;
	background: url(../img/resp/bg-itbox.jpg) no-repeat 175px 40px;
}
.newitems .itbox {
	width: 160px;
	min-height: 210px;
	float: left;
	margin-right: 20px;
	padding-left: 5px;
}
.newitems .itbox.nomarri {
	margin-right: 0;
}
.newitems .nameitem {
	display: block;
	height: 40px;
	color: #207ebc;
}
.newitems .imgitem {
	display: block;
	height: 160px;
    text-align: center;
}
.newitems .priceitem span {
	padding: 3px 10px 4px 10px;
	background: #f1c92b;
	color: #153e58;
}
/* ======================== Table My Basket === */
.tbasket {
	width: 750px;
	margin: 20px 0;
}
.tbasket .odd {
	background: #fef9ea;
}
.tbasket th, .tbasket td {
	padding: 5px;
	border: 1px solid #b8cddb;
	text-align: center;
	font-weight: bold;
	color: #207ebc;
}
.tbasket th {
	background: #f2f3f5;
	font-weight: normal;
	color: #5f7e93;
}
.tbasket input {
	width: 80px;
	border: 1px solid #d0d0d0;
	padding: 3px;
}
.tbasket .tleft {text-align: left;}
.tbasket .tcenter {text-align: center;}
.tbasket .tright {text-align: right; font-weight: bold; background: #82aecc; color: #fff;}
/* ======================== Basket Buttons === */
.basketbtns {
	display: block;
	height: 40px;
	margin: 10px 0;
}
.basketbtns input {
	border: none;
	cursor: pointer;
}
.btnsenter {
	width: 128px;
	height: 27px;
	background: url(../img/resp/basketbuttons.gif) no-repeat 0 0;
	margin-right: 20px;
	float: left;
}
.btnsupdate {
	width: 122px;
	height: 27px;
	background: url(../img/resp/basketbuttons.gif) no-repeat -140px 0;
	margin-right: 20px;
	float: left;
}
.btnsshoping {
	width: 142px;
	height: 27px;
	background: url(../img/resp/basketbuttons.gif) no-repeat -270px 0;
	margin-right: 20px;
	float: left;
}
.btnscomposite {
	width: 270px;
	height: 30px;
	float: right;
	padding-top: 3px;
	text-align: right;
}
.btnscomposite select {
	width: 178px;
	margin-right: 2px;
}
.btnsorder {
	width: 180px;
	height: 27px;
	background: url(../img/resp/basketbuttons.gif) no-repeat -420px 0;
	float: right;
}
.btnsend {
    width: 132px;
    height: 27px;
    background: url(../img/resp/buttonsend.gif) no-repeat 0 0;
    float: right;
}
/* ======================== Past Order Page === */
.greating {
	display: block;
	height: 110px;
	background: url(../img/resp/bg-pastorder.jpg) no-repeat 0 0;
	margin: 30px 0 10px 0;
}
.greating p {
	font-size: 24px;
	color: #eac911;
	padding: 30px 0 0 190px;
}
.resorder {
	display: block;
	padding: 14px;
	background: #fef9ea;
}
.resorder table {
	width: 100%;
}
.resorder td {
	padding: 5px 15px 5px 0;
	font-weight: bold;
}
.resorder .itname,
.resorder .itname a {
	color: #207ebc;
	
}
.resorder .its {
	text-align: right;
	/*padding-right: 15px;*/
}
.resorder .linetop {
	border-top: 1px solid #b8cddb;
	color: #5b5856;
	font-size: 16px;
	
}
.resorder .linetop td {
	font-weight: normal;
}
/* ======================== Registration and Enter Boxes === */
.enterbox {
	display: block;
	padding: 14px;
	background: #fef9ea;
	border: 1px solid #b8cddb;
	margin: 30px 0 5px 0;
}
.enterbox h5 {
	font-size: 16px;
	font-weight: normal;
	color: #207ebc;
}
.enterbox dl {
	display: block;
	margin: 10px 0;
	height: 50px;
}
.enterbox dl dt {
	width: 230px;
	float: left;
}
.enterbox dl dd {
	width: 100px;
	float: left;
}
.enterbox dl label {
	display: block;
	margin-bottom: 5px;
	padding-left: 2px;
}
.enterbox dl dt input {
	width: 180px;
	padding: 3px 5px;
	border: 1px solid #b8cddb;
}
.enterbox dl dd input {
	background: url(../img/resp/buttonenter.gif) no-repeat 0 0;
	width: 63px;
	height: 27px;
	border: none;
	margin-top: 18px;
}
/* Registration */
.regbox {
	display: block;
	padding: 14px;
	margin: 15px 0 5px 0;
}
.regbox h5 {
	font-size: 16px;
	font-weight: normal;
	color: #207ebc;
}
.regbox table {
	width: 460px;
	margin: 10px 0;
}
.regbox label {
	display: block;
	margin: 10px 0 5px 0;
	padding-left: 2px;
}
.regbox input {
	width: 180px;
	border: 1px solid #b8cddb;
	padding: 3px 5px;
}
.regbox .cheka {
	width: 1em;
	height: 1em;
	padding: 0;
	margin: 10px 0 0 0;
	/*line-height: .8;*/
}
.regbox .toreg {
	width: 132px;
	height: 27px;
	border: none;
	background: url(../img/resp/buttonreg.gif) no-repeat 0 0;
	margin-top: 20px;
}

/* ======================== Three Columns - Catalogue === */
.trescols {
	display: block;
	background: url(../img/resp/bg-trescols.gif) repeat-y 0 0;
	margin: 10px 0;
}
.trescols dt {
	width: 219px;
	float: left;
	margin-right: 2px;
	padding: 5px 15px;
}
.trescols dd {
	width: 219px;
	float: left;
    height:200px;
    min-height:170px;
    padding:5px 15px 22px;
    position:relative;
}
.trescols .priceitem {
	padding: 3px 10px 4px 10px;
	background: #f1c92b;
	color: #153e58;
    height:auto;
    left:15px;
    bottom:0;
    position:absolute;
}
.trescols img {
	display: block;
	margin: 10px auto 0;
}
/* ======================== Footer Columns === */
.copyright {
	width: 180px;
	height: 45px;
	padding: 17px 0 0 20px;
	float: left;
	background: url(../img/resp/bg-line-left-top.jpg) no-repeat 0 0;
	overflow: hidden; 
}
.menubottom {
	display: block;
	text-decoration: none;
}
.menubottom ul {
	margin: 0;
	padding: 16px 0 0 3px;
	float: left;
}
.menubottom ul li {
	display: inline;
	width: auto;
}
.menubottom ul li a {
	float: left;
	color: #5f7e93;
	text-decoration: underline;
	width: auto;
	display: block;
	margin-right: 12px;
}
.menubottom ul li a:hover {
	text-decoration: none;
}
.menubottom ul li .nomarri {margin-right: 0;}

/* ======================== Dscription Block === */
.itdetail {
	display: block;
	padding: 10px 0 20px 0; 
}
.itdetail span {
	display: block;
}
.itdetail .lbox {
	width: 220px;
	float: left;
	text-align: center;
	padding-top: 15px;
    position: relative;
}
.itdetail .lbox img {
	margin: 0 auto;
}
.itdetail .rbox {
	margin-left: 260px;
	color: #555;
}
.itdetail .rbox h4 {
	font-size: 18px;
	font-weight: normal;
	padding: 15px 0 10px 0;
}
.itdprice {
	width: 122px;
	height: 22px;
	background: url(../img/resp/itdprice.gif) no-repeat 0 0;
	color: #153e58;
	font-weight: bold;
	padding-top: 5px;
	margin: 15px 0 15px 20px;
}
.bttnbox {
	display: block;
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #d9d9d9;
}
/* ================ photo gallery === */
.fgalbox {
	display: block;
	width: 210px;
	min-height: 60px;
	margin: 20px auto;
	padding: 0 0 8px 8px;
	border: solid 1px #d0d0d0;
	background: #f4f9fc;
}
.fgalbox .itempreview {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 8px;
	margin-top: 8px;
	border: 1px solid #d0d0d0;
	background: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.fgalbox .itempreview a {
	display: block;
	width: 60px;
	height: 60px;
	text-decoration: none;
}
.tobasket {
	width: 122px;
	height: 27px;
	background: url(../img/resp/tobasket.gif) no-repeat 0 0;
	margin: 15px 0 15px 20px;
	display: block;
}
.itdspec {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}
.itdspec td {
	border: 1px solid #d0d0d0;
	padding: 5px;
	width: 50%;
}
.itdspec .odd {
	background: #eff6fb;
}
/* ======================== Breadcrumbs === */
#breadcrumb {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 242px;
}
/* ======================== Flying item (fly to basket) === */
#flying_item{
    width: 250px;
    height: 250px;
    position: absolute;
    z-index: 1000;
    top:20px;
    left: 40px;
}

/* ======================== OrderBox ==== */
.orderform {
    display: block;
}
.orderbox {
    width: 600px;
    margin-left: 80px;
    padding-top: 16px;
}
.orderform fieldset {
    padding: 2em;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #EFF2F5;
}
.orderform legend {
    font-size: 16px;
    padding: 0 10px;
}
.orderform p {
    display: block;
    margin-top: 6px;
    position: relative;
}
.orderform input.textinput {
    width: 342px;
    display: block;
    border: 1px solid #C8CBD4;
    padding: 4px;
}
.orderform textarea.textareainput {
    width: 342px;
    height: 200px;
    display: block;
    border: 1px solid #C8CBD4;
    padding: 4px;
}
.orderform .error{
    width: 90px;
    display: block;
    position: absolute;
    left: 370px;
    top: 1em;
    color: #b22222;
}
.captchabox {
    display: block;
    padding: 15px 0 0 0;
}
.captchabox input.textinput{
    width: 100px;
}
.captchabox .captchaimg {
    display: block;
}
.infobox .captchabox .captchaimg img {
    float: none;
    margin: 0;
    padding: 0;
}
/* ======================== Counters block ==== */
.counters {
	display: block;
	height: auto;
	padding-top: 20px;
}
.counters .cbox {
	/*float: right;*/
	width: auto;
	height: auto;
	margin-top: 10px;
}
.googad {
	display: block;
	width: 728px;
	height: 90px;
	margin: 10px auto 0 auto;
	clear: both;
	text-align: center;
}
/* ======================== Misc === */
.phonebot {
	display: block;
	padding: 10px 0 0 5px;
}
select, option {
    color: #5f7e93;
    border: 1px solid #ccc;
}
.f120 {font-size: 120%;}
.f140 {font-size: 140%;}
.f160 {font-size: 160%;}
.redtext{color: #b22222;}
/* ======================== Common === */
a {
	background: none;
	color: #5f7e93;
}
a:hover {
	text-decoration: none;
}
.contentbox ul {
	padding-bottom: 10px;
	padding-left: 5px;
}
.contentbox ul li {
	list-style-type: none;
	padding-left: 12px;
	background: url(../img/resp/markeryell.gif) no-repeat 0 .7em;
}
.no {display: none;}
.ml20{ margin-left:20px;}
.mr230{ margin-right:230px;}
.fr230{ float: right; width: 230px; text-align: right; white-space: nowrap;}
.separator {display: block; clear: both; visibility: hidden; height: 0;}
.separator10 {display: block; clear: both; visibility: hidden; height: 10px;}
.separator16 {display: block; clear: both; visibility: hidden; height: 16px;}
.separator20 {display: block; clear: both; visibility: hidden; height: 20px;}
.sepalinedot10 {
	display: block; 
	height: 20px;
	clear: both;
	background: url(../img/resp/linedottedh10px.gif) repeat-x 0 0;
}
.sepalinedot10 {
	display: block; 
	height: 10px;
	clear: both;
	background: url(../img/resp/linedottedhor.gif) no-repeat 0 0;
}
.nomarri {margin-right: 0;}

.pagination{
    margin-left: 20px;
}
.bigerror {
    font-size: 18px;
    color: #eac911;
}

/* ======================== Auto Cleaning === */
#twocol:after,
.footwrapper:after,
.menusigns:after,
.searchbox:after,
.infobox:after,
.trescols:after,
.itdetail:after,
.fgalbox:after {
	content: "."; display: block; visibility: hidden; height: 0; clear: both;
}
.waiting{
    background: #E9F5FA url(../img/spinner.gif) no-repeat 50% 50%;
    display: block; 
}
#globalwaiting{
    background: #E9F5FA url(../img/spinner.gif) no-repeat 50% 50%;
    position: absolute; 
    left: 50%;
    top: 250px;
    width: 200px;
    height: 150px;
    z-index: 1000;
}