.content {width: 70%;}

.subdomains {margin:0px; overflow: hidden;}
.sd {margin: 7px 10px 7px 15px; }
.submarka {float: left; width: 130px; border-bottom: 1px dotted #ccc; padding:4px 0 4px; margin-left:7px; color:#72a144; font-weight: bold;}
.subdomain {margin-left: 130px; padding:4px 0 4px 10px;}
.subdomain a {color: #707070; font-weight: bold;}
.subdomain a:hover {color:#00a6d6}

.frontmanuals {border: 1px solid #cdcdcd; border-bottom: 3px solid #72a144; min-height: 200px; margin:30px 0px 20px 0px; }
.frontmanuals h1, .frontautocat h2  {margin:-12px 0 0 20px; padding: 0px; color: #72a144; background: #fff; width: 250px;font-size: 18px; font-family: verdana;}
.mancount {font-size: 10px; font-weight: bold; margin-left: 20px;}

.frontautocat {border: 1px solid #cdcdcd; border-bottom: 3px solid #f59e40; min-height: 200px; margin:30px 0px 20px 0px; }
.frontautocat h2 {color: #f59e40; width: 290px; padding-left: 3px;}
.frontautocats {margin: 0px;  overflow: hidden; padding:0 20px 0 25px;}
.frontautocats .row {display:inline-block; width: 30%; vertical-align: top; margin-right: 1%;}
.autocatcat h3 a {color: #f59e40; text-decoration: none; font-size: 14px; }
.autocatcat h3 a:hover {color: #00a6d6;}

#mz {background: url("../images/mz-image.gif") no-repeat 100% 0;}
#as {background: url("../images/as-image.jpg") no-repeat 100% 0;}
#tuning {background: url("../images/tuning-image.jpg") no-repeat 100% 0;}
#signal {background: url("../images/signal-image.jpg") no-repeat 100% 0;}
#tire {background: url("../images/tire-image.jpg") no-repeat 100% 0;}
#used {background: url("../images/used-image.gif") no-repeat 100% 0;}

#recipes {border: 1px solid #cdcdcd; border-bottom: 3px solid #00a6d6; margin:30px 0px 20px 0px; padding: 0 20px 20px 20px;}
#recipes h2 {margin:-12px 0 10px -2px; padding: 0px; color: #00a6d6; background: #fff; width: 95px; font-size: 18px; font-family: verdana; padding-left: 3px;}

.frontmanual {border: 1px solid #cdcdcd; border-bottom: 3px solid #00a6d6; min-height: 200px; margin:30px 0px 20px 0px; padding: 0 20px 20px 20px;}
.frontmanual img {float: right; border:1px solid #cdcdcd; margin-right: 20px; margin-left: 20px;}
.frontmanual h3 {margin:-12px 0 0 -2px; padding: 0px; color: #00a6d6; background: #fff; width: 265px;font-size: 18px; font-family: verdana; padding-left: 3px;}
.frontmanual h2 {margin-bottom: 0px;}
.frontmanual h2 a {color: #707070;}
.frontmanual h2 a:hover {color: #00a6d6;}
.frontmanual div a {display: block; margin-top: 5px; color: #00a6d6; }
.frontmanual div a:hover {color: #00a6d6}

.news {margin: 20px 20px 20px 0;}
.new-manual {margin: 20px 0;}
.nm {font-weight: bold; padding: 5px 0px 5px 0px; }
.nmdate {background: url("../images/date.gif") no-repeat 0 1px; font-size: 10px; color: #ACACAC; text-indent: 15px; margin: 3px 0 3px;}
.nmtext a {color: #f59e40; font-weight: bold; }
.nmtext a:hover {color: #00a6d6; text-decoration: none;}

.intro {display: inline-block; width: 70%; margin-bottom: 20px;}

@media (min-width: 200px) and (max-width: 1400px) {
	.news {margin: 20px 20px 20px 5px;}
}

@media (min-width: 200px) and (max-width: 990px) {
	.left-content {display: none;}
	.content {width: 97%; margin: 0px 20px 0px 10px;}
	.intro {width: 97%; margin-left: 10px;}
}

@media (min-width: 200px) and (max-width: 550px) {
#navimenu {display: none;}
}