html * { max-height:999999px; }
body, html {margin: 0px; padding:0px;}
img {border:0px;}

body, div, p, button, input {font-family: helvetica, arial, sans-serif; color: #504F4F; font-size:12px;}
a {color: #00a6d6; text-decoration: none;}
a:hover {color: #f29c40;}
#container {width: 100%;  text-align: center;}

#top {width: 100%; height: 114px; background: url("../images/neo/topbg.png") repeat-x;}
#navimenu {width: 100%; height: 30px; background: url("../images/neo/navibg.png") repeat-x;}

.block {max-width: 1400px; margin: 0 auto; min-height: 60px; text-align: left; position: relative;}

#logo {display: inline-block; width: 25%; border:0px solid #CE0000; padding-top: 10px;}
#logo a {display: block; color: #fff; width: 210px; text-align: center; margin-left: 10%;}
#logo span {display: block;}
#logotitle {font-size: 24px;}

#topmenu {display: inline-block; width: 74%; border: 0px solid #000; vertical-align: top; text-align: left; padding-top: 15px; }
#jmenu {width: 100%; padding-top: 5px; text-align: center;}
#topmenu a {display: inline-block; color: #fff; text-decoration: underline; font-style: italic; font-size: 15px; margin: 0px 20px 0 20px; padding-top: 70px}
#automanuals {background: url("../images/neo/icons.png") no-repeat 8px 0px;}
#knowbase {background: url("../images/neo/icons.png") no-repeat 10px -178px;}
#autohistory {background: url("../images/neo/icons.png") no-repeat 11px -93px;}
#autoad {background: url("../images/neo/icons.png") no-repeat 24px -268px;}

.inputbox_search {width: 83%; }
.button_search {background: url("../images/neo/search.png") no-repeat 5px 4px; border: 0px; width: 30px; height: 20px;cursor:pointer; }

.navi {display: none;}

#menu {display: block;}
#menu .level1 {display:block; padding: 6px 30px 6px 30px; color: #4B4B4B; font-weight: bold; background: url("../images/main-menu-item.gif") no-repeat; text-decoration: none;}
#menu .level1:hover, #menu .level1#selected { background: url("../images/main-menu-item-hover.gif") no-repeat;}
#menu .level2 {display:block; margin-left: 33px; padding: 5px 0px 5px 10px;  background: url("../images/main-menu-arrow.gif") no-repeat; font-size: 11px; color: #2687A9; background-position: 0px 8px; text-decoration: none;}
#menu .level2:hover, #menu .level2#subselected {color: #dbac08;}

#contentblock {width: 100%;}
.left-content, .content, .right {display: inline-block; vertical-align: top; *display: inline; zoom: 1}
.left-content {width: 22%; margin-right: 3%;}
.content {width: 50%; margin-right: 3%;}
.right {width: 20%;}

.content-header img {display: none;}

.auto-catalog-menu {margin-top: 20px;}
.auto-catalog-menu .introtext {font-size: 10px; padding:10px; color: #ABABAB;}
.auto-catalog-menu a {display: block; text-decoration: none; color: #575757; text-decoration: none; font-family: verdana; font-weight: bold; padding: 7px 0 4px 50px;}
.auto-catalog-menu a:hover {text-decoration: underline;}
.auto-catalog-menu .acmenu {background: url("../images/autocat-menu-bg.gif") no-repeat 0 4px; padding-bottom: 15px;}

.zap, .adw, .ser {width: 100%; border: 1px solid #00a6d6; margin: 45px 5px 5px; padding: 15px 0px 15px 0px; position: relative; text-align: center;}
.zap .flowtitle, .adw .flowtitle, .ser .flowtitle {font-size: 20px; color: #00a6d6; position: absolute; top: -12px; left: -2px; background: #fff; padding: 0px 10px 0 1px;}
.zap .liconsbg {width: 39px; height: 34px; background: url("../images/neo/licons.png") #fff no-repeat; position: absolute;  top: -12px; right: 0; padding: 2px;}

.adw {border: 1px solid #72a144; }
.adw .flowtitle { color: #72a144; padding: 0px 10px 0 0px;}
.adw .liconsbg {background: url("../images/neo/licons.png") #fff no-repeat 0px -40px; position: absolute;  width:46px; height: 42px; top: -18px;  right: 0; padding: 2px;}

.ser {display: inline-block; width: 20%; margin: 12px 4% 0px 0px; padding: 5px; height: 90px; border: 1px solid #d4d4d4; vertical-align: top;}
.ser .flowtitle {color:#f59e40; }
.search {margin-top:30px;}
.fuel {display: inline-block; width: 730px; border: 1px solid #C9C9C9; margin-top: 12px; padding: 5px; vertical-align: top;}

.manual-title {margin: 20px 0 15px 0;}
.manual-title h3 a {font-size: 24px; color: #4b4b4b;}
.manual-title h3 a:hover, .manual-title div a:hover {color:#f59e40;}
.manual-title h3 {margin:0px; padding:0px;}
.manual-title div a{font-size: 14px; color: #4b4b4b;}

.content-header {margin: 20px 0px 10px 0px;}
.content-header h1 {font-size: 20px; margin:0px; padding: 0px;}

#footer {margin-bottom: 20px;}
#webmixer {display: inline-block; width: 20%; margin-right: 4%; text-align: center; vertical-align: top;}
#old {display: inline-block; width: 70%;  text-align: left; vertical-align: top;}
#old div, #webmixer div {color: #8f8f8f; font-size: 12px}

.line {background: url("../images/neo/doted-line.png") repeat-x; height: 6px; width: 100%; margin-bottom: 10px;}

.article-content-text {overflow: hidden;}
.article-content-text p{ text-size-adjust: none; }
.article-content-text h1, .article-content-text h2, .article-content-text h3, .article-content-text h4 {color:#ffffff; font-size:4px; margin:0px; padding:0px;}

.pathway {background: url("../images/neo/doted-line.png") repeat-x 0px 6px; text-align: center;}
.pathway a {color: #898989; background: #fff;}
.pathway a:hover {color: #f59e40;}
.bgway {background: #fff; padding: 0px 10px 0px 10px; margin-right: 10px;}

.manual-item {padding: 15px 0px 10px; border-bottom: 1px solid #cdcdcd;}
.manual-item h3 {margin:0px 0px 7px; padding: 0px; font-size: 16px;}
.manual-item div {margin:0px; overflow: hidden;}
.manual-item img {float:left;width:90px; padding-right:7px;}

.small-header {position:relative; color: #989898; padding: 20px 0 5px; margin-bottom: 5px;}
.small-header .yellow-line {position: absolute; left:30px; bottom:0; height: 1px; width: 100px; background: #f29c40;}
.small-header .yellow-line {left:0;}
.small-header .grey-line {position: absolute; left:0px; bottom:0; height: 1px; width: 100%; background: #cdcdcd;}
.manual-inro {min-height: 200px;}
.manual-inro img {float: right; margin: 0px 0px 20px 20px; border: 1px solid #cdcdcd;}

.mantable thead tr {background: #F0F0F0; color:#919191; font-weight: bold;}
.mantable td {padding:5px;}
.mantable tbody td {color: #72a144; font-weight: bold;}
.mantable tbody td a {display:block; color: #72a144; background: url("../images/sd-book.gif") no-repeat; text-indent: 25px;}
.mantable tbody td a:hover {color: #f29c40;}
.mantable tbody tr:hover {background: #FCF7DA;}

.border-item {padding-bottom: 15px; border-bottom: 1px solid #cdcdcd; margin-bottom: 15px; }

.brands, .history-brands { margin: 0px; overflow: hidden; }

.brands a {display:block; color:#504F4F; font-weight: bold; text-decoration: none;}
.brands a:hover {color: #f59e40}
.brands div {color: #ABABAB}

.history-brands .history-brand-column {display: inline-block; width: 32%; vertical-align: top;}
.history-brands a{display: block; padding: 2px 0 2px; color: #333;}
.history-brands a:hover {color:#f59e40}

.phone {background: url("../images/blue-block-phone.jpg") no-repeat; text-indent: 20px;}
.address {background: url("../images/pen2.jpg") no-repeat; text-indent: 20px; margin:-3px 0 3px;}
.brand-history-title h2 {font-size: 16px;}

.pagination {display: inline-block;}
.pagination li {display: inline-block;list-style: none;}
.pagination li a,.pagination li span {display: block; padding: 5px; border: 1px solid #72a144; background: #72a144; color: #fff;  text-decoration: none; font-size: 14px; border-radius: 4px;}
.pagination li a:hover, .pagination li.active a{border: 1px solid #f59e40; background: #f59e40;}
.pagination li span {border: 1px solid #cecece; background: #cecece;}

.sresult h2 {margin: 0px; font-size: 14px; margin-bottom: 4px;}
.sresult .cat a {font-size: 11px; color: #999999;}
.sresult .cat {display:inline-block;}
.sresult .stext {margin: 7px 0 0;}

@media (min-width: 200px) and (max-width: 1400px) {
	.content{width: 47%;margin-right: 2%;}
	.left-content {width: 24%; margin-right: 2%;}
	.right {width: 23%}
	.ser {margin: 12px 3% 0px 3px; }
	.manual-title {margin-left: 3px;}
	.inputbox_search {width: 80%;}
}

@media (min-width: 200px) and (max-width: 1100px) {
	.acmenu a {font-size: 11px; padding-top: 9px;}
	#topmenu {text-align: center}
	#menu a.level1 {padding: 6px 0px 6px 30px;}
}

@media (min-width: 200px) and (max-width: 990px) {
	 .content{width: 43%;margin-right: 2%;}
	.left-content {width: 24%; margin-right: 2%;}
	.right {width: 27%}
	.ser{display: none;}
	.fuel {width: 100%; text-align: center; margin: 0px auto; border: 0px;}
}

@media (min-width: 200px) and (max-width: 820px) {
	a#autoad{display: none;}
}
@media (min-width: 200px) and (max-width: 730px) {
 	#jmenu span {display: none;}
 	.content{width: 70%; margin-right:5px;}
 	.left-content {width: 26%;}
 	.right {display: block; width: 95%;}
 	.zap {display: none;}
}

@media (min-width: 200px) and (max-width: 650px) {
	a#autohistory{display: none;}
}

@media (min-width: 200px) and (max-width: 550px) {
	#jmenu {display: none;}
	.left-content {display: none; position:absolute; left: 50%; background: #fff; width: 60%; top: -80px; padding: 5px 20px 5px 20px; z-index:1000;border:1px solid #ccc; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);margin-left: auto;margin-right: auto; left: 0;right: 0; border-radius: 10px;}
	.content {width: 98%; margin: 0px 5px;}
	.fuel {margin-top: 7px;}
	#webmixer {display: none;}
	#old {width: 98%; margin: 20px 5px 0px;}
	#topmenu{display: none;}
	#logo, #logo a {width: 90%; text-align: center;}
	#navimenu {background: url("../images/neo/topbg.png") repeat-x 0 -70px; text-align: center; cursor: pointer;}
	.navi {display: block; margin:0px auto; overflow: hidden; width: 390px; padding-top:4px; cursor: pointer; z-index: 1000;}
	.navi .white-block {background: #fff; width: 45px; height: 5px; overflow: hidden; margin-bottom: 3px;}
	.nav {display: inline-block; margin-right: 20px; vertical-align: top;}
	.nav {color: #fff; font-size: 16px;}
	#navimenu {overflow:hidden;}
	.fuel {overflow:hidden;}
}