/* Start of CMSMS style sheet 'dream' */
/*
CSS to zonasna.ru INSIDER
*/
* {margin: 0; padding: 0; border: none;}
html, body {height: 100%; width: 100%;}
body {
	font: normal 13px/1.4 arial, sans-serif;
	background: url(i/bg-top.jpg) repeat-x 0 0;
	display: block;
	color: #646464;
}
#container {
	min-height: 100%;
	display: block;
	min-width: 1000px;
	/*max-width: 2048px;*/
	position: relative;
	background: url(i/bg-bottom.jpg) repeat-x 0 100%;
}
.bantop {
	min-width: 1000px;
	height: 80px;
	background: #64a4c7 url(bnnr/banntoresp.jpg) no-repeat 50% 0;
	display: block;
	text-align: center;
}
.bantop a {
	text-decoration: none;
	display: block;
	width: 800px;
	height: 80px;
	margin: 0 auto; 
}
#footer {
	display: block;
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0; left: 0;
	z-index: 900;
}
#extraimg {
	width: 300px;
	height: 300px;
	background: url(i/extrainsider.jpg) no-repeat 0 0;
	position: absolute;
	bottom: 148px;
	left: 0;
	z-index: 1;
}
#extra1 {
	width: 124px;
	height: 106px;
	position: absolute;
	top: 15px;
	left: 50px;
}
#extra1 a {
	display: block;
	width: 124px;
	height: 106px;
	text-decoration: none;
}
/* ==================== Header === */
#header {
	display: block;
	height: 140px;
	background: url(i/lineblue.jpg) repeat-x 0 100%;
}
.phonbox {
	height: 123px;
	width: 41%;
	float: left;
}
.phonbox .inside {
	width: 190px;
	height: auto;
	float: right;
	padding-top: 60px;
	padding-left: 0;
}

.linksbox {
	height: auto;
	width: 55%;
	float: right;
	padding-top: 25px;
	font-size: 11px;
}
.linksbox ul {
	width: 32%;
	height: auto;
	
	float: left;
	list-style-type: none;
}
.linksbox ul li {
	padding: 5px 0 5px 5px;
	color: #00876f;
}
.linksbox ul li a {
	color: #00876f;
}
.linksbox .lboxnext {
	border-left: 1px solid #cce2ee;
	border: none;
}

#linebox {
	display: block;
	height: 296px;
	background: url(i/bg-linebox-body.jpg) repeat-x 0 64px;
}
#linebox .wrapleft {
	display: block;
	height: 296px;
	background: url(i/bg-linebox-left.jpg) no-repeat 0 64px;;
}
#linebox .wrapleft .wrapright {
	display: block;
	height: 296px;
	background: url(i/bg-linebox-right.jpg) no-repeat 100% 64px;
}


/* ==================== Main Two Columns === */
#maintwocol {
	display: block;
	min-height: 300px;
	padding-bottom: 160px;
	z-index: 100;
	position: relative;
}
#maintwocol .sidebar {
	/*width: 250px;*/
	width: 22%;
	min-height: 100px;
	float: left;
}
#maintwocol .mainbar {
	/*display: block;
	margin-left: 260px;*/
	width: 77%;
	min-height: 100px;
	float: right;
}
/* =========================== Menu === */
#menubox {
	display: block;
	height: 190px;
}
#menu {
	width: auto;
	padding: 20px 5px 0 22px;
}
#menu ul {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
}
#menu li a {
	text-decoration: none;
	color: #fff;
	display: block;
	height: 20px;
	margin-bottom: 5px;
}
#menu .mabout a {background: url(i/menubgtxtins2.gif) no-repeat 0 0;}
#menu .mabout a:hover,
#menu .mabout a.selected {background-position: 0 -160px;}
#menu .minfo a {background: url(i/menubgtxtins2.gif) no-repeat 0 -26px;}
#menu .minfo a:hover,
#menu .minfo a.selected {background-position: 0 -186px;}
#menu .mserv a {background: url(i/menubgtxtins2.gif) no-repeat 0 -51px;}
#menu .mserv a:hover,
#menu .mserv a.selected {background-position: 0 -211px;}
#menu .mequip a {background: url(i/menubgtxtins2.gif) no-repeat 0 -77px;}
#menu .mequip a:hover,
#menu .mequip a.selected {background-position: 0 -237px;}
#menu .mfaq a {background: url(i/menubgtxtins2.gif) no-repeat 0 -103px;}
#menu .mfaq a:hover,
#menu .mfaq a.selected {background-position: 0 -263px;}
#menu .mcont a {background: url(i/menubgtxtins2.gif) no-repeat 0 -129px;}
#menu .mcont a:hover,
#menu .mcont a.selected {background-position: 0 -289px;}
/* -------------------------- Menu ends --- */
/* ====================== Menu Products === */
#menuprod ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
#menuprod {
	display: block;
	padding: 15px 10px 0 40px;
	margin-right: 30px;
	background: url(i/lineorange.gif) no-repeat 0 0;
}
#menuprod li a {
	text-decoration: none;
	border-bottom: 1px solid #e9e6e8;
	color: #29628b;
	display: block;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	}

#menuprod li a:hover, 
#menuprod li .selected {
	color: #ffa500;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	}
/* -------------------- / Menu Products ends / --- */
.sidebar .banplace {
	width: 200px;
	height: 270px;
	margin: 20px auto;
}
/* ==================== Mainbar Content === */
.mainbar .heading {
	display: block;
	height: 60px;
	background: url(i/hlinegreen.jpg) repeat 0 0;
	margin: 0;
}
.mainbar .heading p {
	color: #fff;
	font-size: 32px;
	padding: 6px 15px 0;
}
.mainbar .heading p a {
	color: #fff;
}
.mainbar .wrap {
	display: block;
	padding: 15px;
}
.mainbar .wrapt {
	display: block;
	padding: 15px 0;
}
.mainbar h1 {
	font-size: 32px;
	color: #246e14;
	font-weight: normal;
	padding-bottom: 10px;
}
.mainbar h2 {
	display: block;
	height: 55px;
	padding: 25px 0 0 20px;
	background: url(i/linebluedotted.gif) repeat-x 0 100%;
	color: #246e14;
	font-size: 32px;
	font-weight: normal;
}
.mainbar .descript h2 {
	display: block;
	height: 55px;
	padding: 0 0 0 10px;
	margin-bottom: 20px;
	background: url(i/linebluedotted.gif) repeat-x 0 100%;
	color: #246e14;
	font-size: 32px;
	font-weight: normal;
}
.mainbar h3 {
        text-transform: uppercase;
        padding-bottom: 10px;
}
.mainbar h5 {
        color: #246e14;
        font-size: 100%;
        padding-top: 10px;
}
.mainbar ul {
        list-style-type: circle;
        padding-left: 15px;
        padding-bottom: 10px;
}
.mainbar ol {
        padding-left: 25px;
        padding-bottom: 10px;
}
.mainbar ol li {padding-bottom: 5px;}
.mainbar ol li ul,
.mainbar ol li ul li {padding-bottom: 0;}
.mainbar ol.faq li {
	padding-bottom: 10px;
        background: url(i/bg-faglist.jpg) repeat-x 0 0;
}
.mainbar ol.faq li ul,
.mainbar ol.faq li ul li {
	padding-bottom: 0;
        background-image: none;
}
.mainbar ol.faq li ol,
.mainbar ol.faq li ol li {
	padding-bottom: 0;
	background-image: none;
}
.mainbar .abouter #faqs {
	padding-bottom: 40px;
	margin-left: 20px;
}
.mainbar .descript {
	display: block;
	margin: 20px 0 10px 0;
}
.mainbar .descript img {
	float: left;
	margin: 4px 0 10px 0;
        border: none;
}
.mainbar .descript h4 {
	margin-left: 290px;
	padding: 0 10px 15px 0;
	font-size: 18px;
	font-weight: normal;
	color: #246e14;
}
.mainbar .descript p {
	margin-left: 290px;
	padding: 0 50px 15px 0;
}
.mainbar .descript ul {
        margin-left: 290px;
	padding: 0 50px 15px 16px;
}
.mainbar .descript ol {
        margin-left: 290px;
	padding: 0 50px 15px 18px;
}
.mainbar .descript ul li ol {
	margin-left: 8px;
}
.mainbar .descript .dprice {
	width: 130px;
	height: 24px;
	background: url(i/eqpricex.gif) no-repeat 0 0;
	padding: 0 10px;
	margin: 20px 20px 20px 290px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.mainbar .descript .orderlink {
	font-size: 20px;
	color: #29628b;
	background: url(i/basket.gif) no-repeat 0 0;
	padding: 5px 0 3px 45px;
	height: 30px;
}
.mainbar .specific {
	display: block;
	width: 570px;
	margin: 10px 0 10px 0;
	float: left;
}
.mainbar .specific h4,
.mainbar .advert h4,
.mainbar .abouter h4 {
	padding: 0 0 15px 0;
	font-size: 18px;
	font-weight: normal;
	color: #246e14;
}
.mainbar .abouter h6 {
	font-size: 110%;
	color: #246e14;
	padding: 8px 0 4px 0;
	font-weight: bold;
}
.mainbar .specific table {
	width: 550px;
	border-collapse: collapse;
	/*float: left;*/
	margin-right: 20px;
}
.mainbar .specific table td {
	border: 1px solid #e1dee0;
	padding: 9px 15px;
	width: 50%;
}
.mainbar .specific ol {
	padding: 10px 30px 20px 25px;
}
.mainbar .specific ul {
	padding: 10px 30px 10px 5px;
	list-style: none;
}
.mainbar .specific ul li {
	padding-left: 16px;
	background: url(i/markerlist.gif) no-repeat 0 .65em;
	margin-bottom: 7px;
}
.mainbar .advert {
	width: 302px;
	float: left;
	margin-top: 10px;
}
.mainbar .advert .catablock {
	margin-top: 0;
}
.mainbar .abouter {
	display: block;
	padding: 20px 120px 10px 10px;
}
.mainbar .abouter p {
	padding: 0 0 15px 0;
}
.mainbar .abouter .preambula {
	color: #246e14;
}
.mainbar .abouter img {
	border: 1px solid #c6c6c6;
}
.mainbar .abouter .imgtoright {
	float: right;
	margin: 1px 0 10px 20px;
}
.mainbar .abouter .imgtoleft {
	float: left;
	margin: 1px 20px 10px 0;
}

/* ============ FAQ Menu === */
.menufaq {
	display: block;
        height: auto;
	/*width: 840px;*/
}
.menufaq .dlfaq {
	display: block;
	list-style-type: none;
	/*height: 102px;*/
	margin-left: 0;
        margin-bottom: 30px;
}
.menufaq .dlfaq dt {
	width: 162px;
	height: 90px;
	float: left;
	margin-right: 6px;
}
.menufaq .dlfaq dd {
	width: 162px;
	height: 90px;
	float: left;
	margin-right: 0;
}
.menufaq a {
	display: block;
	width: 140px;
	height: 62px;
	background: #f5fffa;
	border: 1px solid #f4faff;
	text-decoration: none;
	padding: 10px;
	color: #29628b;
	font-size: 14px;
	text-align: center;
}
.menufaq a:hover,
.menufaq .curr {
	background: #f4faff;
	border: 1px solid #f4faff;
}
.mainbar .abouter .menufaq h3 {
	margin-left: 25px;
        display: block;
        clear: both;
}

.mainbar .personal {
	display: block;
	background: #f2f2f3;
	padding: 20px;
	margin: 0 0 20px 0;
	clear: both;
	font-family: tahoma, sans-serif;
}
.mainbar .personal h4 {
	font-size: 18px;
	font-weight: normal;
	color: #246e14;
	padding: 0 0 10px 0;
}
.mainbar .personal h6 {
	font-size: 100%;
	font-weight: normal;
	color: #246e14;
	padding: 0 0 10px 0;
}
.mainbar .personal .sendquest {
	display: block;
	width: 104px;
	height: 19px;
	background: url(i/sendquest.gif) no-repeat 0 0;
	/*margin-top: 20px;*/
}
.sendquestbox {
        width: 104px;
        height: 19px;
        position: absolute;
        top: 140px;
        left: 0;
}
.mainbar .personal dl {
	/*width: 300px;
	float: left;*/
	margin-bottom: 20px;
        position: relative;
        display: block;
        border-bottom: 1px solid #ddd;
}
.mainbar .personal dl dt {
	width: 110px;
	float: left;
	padding-right: 10px;
        padding-bottom: 25px;
        padding-left: 1px;
}
.mainbar .personal dl dd {
	margin-left: 120px;
        padding-right: 12px;
        padding-bottom: 5px;
}
.mainbar .service {
	display: block;
	margin-top: 20px;
}
.mainbar .service dl {
	width: 300px;
	float: left;
	margin-bottom: 10px;
}
.mainbar .service dl dt {
	width: 70px;
	float: left;
	padding-right: 10px;
}
.mainbar .service dl dd {
	margin-left: 80px;
	padding-top: 5px;
}
.mainbar table,
.mainbar table.tleft {
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0 10px 0;
}
.mainbar table th,
.mainbar table td {
	border: 1px solid #ccc;
	padding: 3px 5px;
	text-align: center;
}
.mainbar table.tleft th, 
.mainbar table.tleft td {text-align: left;}

.mainbar .service .servant {
	display: block;
        width: 90%;
	height: 70px;
	border-bottom: 1px solid #1e9031;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 28px 20px 30px 25px;
}
.mainbar .service a.servant:hover {
	background: #dbe8db;
}
.mainbar .service .servant span {
	margin-left: 100px;
	font-size: 28px;
	line-height: 3;
}
.mainbar .service .servant img {
	float: left;
}

/* ==================== Cataloger === */
.tab {
	height: 27px;
	display: block;
	background: url(i/bg-tab.gif) no-repeat 0 100%;
	padding-left: 8px;
	clear: both;
}
.tab span {
	width: auto;
	height: 15px;
	padding: 7px 16px 5px 7px;
	margin-top: 2px;
	font-size: 14px;
	color: #5c94bc;
	background: url(i/bg-tab-h.gif) no-repeat 100% 100%;
	line-height: 2;
}
.catablock {
	width: 302px;
	padding-top: 5px;
	background: url(i/catablockhead.gif) no-repeat 0 0; 
	margin: 20px 15px 10px 0;
	float: left;
}
.catablock .inner {
	display: block;
	min-height: 220px;
	background: url(i/catablock.gif) no-repeat 0 100%;
	padding: 20px;
}
.catablock .inner p {
	margin: 0; padding: 0;
	display: block;
}
.catablock .inner a {
	color: #34810e;
}
.catablock .inner img {
	/*margin: 5px 0 0 50px;*/
        margin: 5px auto;
}
.catablock .inner .eqpricex {
	height: 24px;
	width: 130px;
	background: url(i/eqpricex.gif) no-repeat 0 0;
	text-align: center;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 18px;
	color: #fff;
}
/*.eqprice {
	height: 24px; width: 150px;
	background: url(i/eqpriceright.jpg) no-repeat 100% 0;
	padding-right: 10px;
	margin: 0 auto;
}
.eqprice div {
	height: 24px;
	background: url(i/eqpriceleft.jpg) no-repeat 0 0;
	padding-left: 10px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}*/

/* ==== form order === */
.formorderbox {
	width: 565px;
	background: url(i/bg-formordertop.gif) no-repeat 0 0;
	padding-top: 8px;
}
.formorder {
	display: block;
	background: url(i/bg-formorderbot.gif) no-repeat 0 100%;
	min-height: 340px;
	padding: 10px 15px 10px 15px;
}
.formorder label {
	width: 180px;
	float: left;
	padding: 2px 10px 2px 2px;
}
.formorder input {
	width: 300px;
	margin-left: 18px;
	float: left;
}
.formorder textarea {
	width: 512px;
	height: 100px;
}
.formorder input,
.formorder textarea {
	border: 1px solid #d5d5d5;
	background: #fff;
	margin-bottom: 10px;
	padding: 2px 10px;
}
.formorder .togo {
	width: 157px;
	height: 32px;
	border: none;
	background: url(i/orderbutton.gif) no-repeat 0 0;
	margin-left: 0;
}
.formorder .togo:hover {
	background-position: 0 -34px;
}
.formorder .noborder {
	border: none;
	background: transparent;
	color: #246e14;
}
/* ==== form question === */
.formquestbox {
	width: 470px;
	background: url(i/bg-formordertop.gif) no-repeat 0 0;
	padding-top: 8px;
}
.formquest {
	display: block;
	background: url(i/bg-formorderbot.gif) no-repeat 0 100%;
	min-height: 340px;
	padding: 10px 15px 10px 15px;
}
.formquest legend {
	color: #246e14;
	padding-bottom: 10px;
}
.formquest label {
	width: 160px;
	float: left;
	padding: 2px 10px 2px 2px;
}
.formquest input {
	width: 200px;
	margin-left: 18px;
	float: left;
}
.formquest textarea {
	width: 220px;
	height: 100px;
}
.formquest input,
.formquest textarea {
	border: 1px solid #d5d5d5;
	background: #fff;
	margin-bottom: 10px;
	padding: 2px 10px;
}
.formquest .togo {
	width: 157px;
	height: 32px;
	border: none;
	background: url(i/questbutton.gif) no-repeat 0 0;
	margin-left: 0;
	margin-top: 6px;
}
.formquest .togo:hover {
	background-position: 0 -34px;
}
.formquest .noborder {
	border: none;
	background: transparent;
	color: #246e14;
}
a#b_close {margin-bottom: 5px;}
.tofbnote {
	font-size: 11px;
	color: #29628b;
}
.error-message {
	font-size: 11px;
	padding-bottom: 10px;
	color: #ffa500;
}
/* -------------------- / Mainbar Content ends / --- */
/* ==================== Footer === */
#footer .footbar {
	width: 73%;
	min-height: 50px;
	float: left;
}
#footer .searchbar {
	width: 23%;
	min-height: 50px;
	float: right;
}

#footer .footbar .wrap {
	padding: 30px 0 0 50px;
}
#footer .searchbar .wrap {
	padding: 30px 20px 0 0;
}
/* ==================== Footer Menu === */
.foomenu {
	width: 100%;
	height: 22px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	background: url(i/footline.gif) no-repeat 100% 0;
}
.foomenu ul {
	margin: 0;
	padding: 0 30px 0 0;
	float: right;
	width: 100%;
}
.foomenu ul li {
	display: inline;
}
.foomenu ul li a {
	float: right;
	color: #fff;
	padding: 1px 18px;
	text-align: right;
}
.foomenu ul li a:hover, .foomenu ul li a.active {
	padding-top: 1px;
	text-decoration: none;
}
/* ========= */
.foolinks {
	width: 100%;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #646464;
}
.foolinks ul {
	margin: 0;
	padding: 20px 0 0 0;
	float: left;
	width: 100%;
	/*text-align: center;*/
}
.foolinks ul li {
	display: inline;
	padding: 0 4% 0 0;
}
.foolinks ul li a {
	color: #646464;
}
.foolinks ul li a:hover {
	text-decoration: none;
}

/* ============ */
.searchbox {
	width: 225px;
	height: 22px;
	font-size: 11px;
	color: #646464;
	margin: 0 auto;
}
.searchbox .stxt {
	width: 167px;
	height: 22px;
	float: left;
	background: url(i/searchinput.gif) no-repeat 0 0;
	padding: 3px 10px 0 10px;
}
.searchbox .sgo {
	width: 16px; height: 22px;
	float: left;
	margin-left: 8px;
	background: url(i/searchgo.gif) no-repeat 0 0;
	cursor: pointer;
}
#foomenu {
	width: 225px;
	height: 30px;
	font-size: 11px;
	color: #646464;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#foomenu ul {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	display: block;
}
#foomenu ul li {
	display: inline;
}
#foomenu ul li a {
	float: left;
	width: 16px;
	height: 16px;
	text-decoration: none;
}
#foomenu .foohome a,
#foomenu .foomail a {
	margin-right: 68px;
}
#foomenu .foohome a {background: url(i/foomenu.gif) no-repeat 0 0;}
#foomenu .foohome a:hover {background-position: 0 -16px;}
#foomenu .foomail a {background: url(i/foomenu.gif) no-repeat -87px 0;}
#foomenu .foomail a:hover {background-position: -87px -16px;}
#foomenu .foomap a {background: url(i/foomenu.gif) no-repeat -170px 0;}
#foomenu .foomap a:hover {background-position: -170px -16px;}

/* ==================== Common === */
#tubby:after,
.inside:after,
#tubby .mainbar .wrap:after,
.foolinks:after,
#maintwocol:after,
.wrapt:after,
.mainbar .descript:after,
.mainbar .specific:after,
.mainbar .personal:after,
.mainbar .personal dl:after, 
.menufaq:after, 
.menufaq .dlfaq:after {
	content: "."; display: block; visibility: hidden; height: 0; clear: both;
}
.markernews {
	padding: 0 0 0 15px;
	background: url(i/markernews.gif) no-repeat 0 .2em;
	color: #2a6719;
}
.no {display: none;}
.toright {float: right;}
.itoleft {
	float: left;
	margin: 3px 10px 10px 0;
}
.itoright {
	float: right;
	margin: 3px 0 10px 10px;
}
.alcenter {text-align: center;}
.noborder,
.mainbar .abouter .noborder {
	border: none;
	background: transparent;
}
.horn {color: #f60; font-weight: bold; padding-left: 10px; font-size: 14px;}
.separator {display: block; clear: both; visibility: hidden; height: 0;}
.separator40 {display: block; clear: both; visibility: hidden; height: 40px;}
.blue {color: #00747e;}
.green {color: #00a054;}
.greens {color: #2a6719;}
.f14 {font-size: 14px;}
.toright,
.alright {text-align: right; padding-right: 10px;}
a {color: #646464;}
a:hover {text-decoration: none;}
a.linkmore {
	color: #646464;
	font-style: italic;
}
#tubby .blocktwo a.linkmore {
	color: #6a924e;
}
a.maplink {
	padding-left: 16px;
	background: url(i/markermaplink.gif) no-repeat 0 .2em;
	color: #6a924e;
}
.baninside a {
	display: block;
	height: 155px;
	background: url(i/lineban2.gif) no-repeat 0 0;
}
.pb5,
.mainbar .abouter .pb5 {padding-bottom: 5px;}

/* === Block with Big Photo to Right === */
.bphright {
	display: block;
	padding-bottom: 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #7fb9be;
}
.bphright img {
	float: right;
}
.bphright p,
.bphright ul,
.bphright ol {
	margin-right: 235px;
}

/* ============ Common Table Styles === */
.tbcommon {
	width: 100%;
	border-collapse: collapse;
}
.tbcommon th,
.tbcommon td,
.mainbar .tbcommon th,
.mainbar .tbcommon td {
	text-align: left;
	padding: 3px 10px;
}
/* ================= Counters Block and Google adSense === */
.counters {
	display: block;
	height: 32px;
	clear: both;
	padding: 0 50px;
}
.counters .con {
	width: auto;
	height: 31px;
	float: right;
	margin-left: 6px;
}
.googad {
	display: block;
	width: 728px;
	height: 90px;
	margin: 0 auto;
	clear: both;
	text-align: center;
}
/* End of 'dream' */