body {
	border: 0;	
	top: 0; left: 0;
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	/*background: url('/templates/dilex/i/bodyback.gif') repeat-x left top;*/
	background-color: #d9d9f2;
	color: #000;
	} 
body, div, p {
	font: normal 12px Tahoma;
}
h1 {
	display: block;
	margin: 20px auto;
	width: 540px;
	font: normal 18px Arial;
	color: #ffffff;
}
.empty {

	display: block;
	clear: both;
}
span.none {
	display: none;
}
#main_box {
	display: block;
	width: 100%;
	margin: 0; padding: 0;
	background: url('/templates/dilex/i/head_hold_back.gif') repeat-x left top;
	background-color: #fff;
}
#cont_hold {
	display: block;
	width: 100%;
	margin: 0; padding: 0;
	background: url('/templates/dilex/i/foot_hold_back.gif') repeat-x left bottom;
}
#head_hold {
	display: block;
	width: 100%; height: 120px;
	margin: 0; padding: 0;
}
#header {
	display: block;
	width: 974px; height: 120px;
	margin: 0 auto; padding: 0;
	background: url('/templates/dilex/i/cont_back.gif') repeat-y left top;
}
#content {
	display: block;
	width: 974px; 
	margin: 0 auto; padding: 0;
	background: url('/templates/dilex/i/cont_back.gif') repeat-y left top;
}
#cont_top_back {
	display: block;
	width: 974px;
	margin: 0 auto; padding: 0;
	background: url('/templates/dilex/i/cont_top_back.jpg') no-repeat left top;
}
#cont_bot_back {
	display: block;
	width: 974px;min-height: 200px;
	margin: 0 auto; padding: 0;
	background: url('/templates/dilex/i/cont_bot_back.gif') no-repeat left bottom;
}
#left_col {
	display: block;
	float: left;
	clear: left;
	width: 219px;
	margin: 0; padding: 0 0 70px 0;
}
a#logo_bg, a#logo_en {
	display: block;
	width: 179px; height: 32px;
	margin: 32px 0 0 20px;
}
a#logo_bg{
  background: url('/templates/dilex/i/logo_bg.gif') no-repeat left top;
}
a#logo_en{
  background: url('/templates/dilex/i/logo_en.gif') no-repeat left top;
}
a.lang_bg {
	display: block;
	float: left;
	clear: left;
	width: 50px; height: 15px;
	margin: 32px 0 0 34px !important;
	margin: 32px 0 0 17px;
	padding: 3px 0  0 28px;
	background: url('/templates/dilex/i/lang_bg.gif') no-repeat left top;
	font: normal 10px Tahoma;
	color: #6a6a6a;
	text-decoration: none;
}
a.lang_en {
	display: block;
	float: left;
	width: 50px; height: 15px;
	margin: 32px 0 6px 10px;
	padding: 3px 0 0 28px;
	background: url('/templates/dilex/i/lang_en.gif') no-repeat left top;
	font: normal 10px Tahoma;
	color: #6a6a6a;
	text-decoration: none;
}
a.active {
	color: #a7a7a7;
	background-position: left -18px;

}
a.lang_en:hover, a.lang_bg:hover {	
	color: #f00;
	background-position: left top;
}
#left_col h3 {
display: block;
clear: both;
font: bold 12px Arial;
color: #686868;
margin: 0 0 0 1px;
padding: 5px 0 0 10px;
background: url('/templates/dilex/i/h3_left_back.gif') no-repeat left top;
height: 18px;
}
ul.left_menu {
	display: block;
	margin: 0 0 5px 1px;
	padding: 1px 0 0 0;
	list-style-type: none;
	background: url("/templates/dilex/i/subul_left_back.gif") no-repeat left top;
}
ul.left_menu li{
	display: block;
	margin: 0; padding: 0;
}
ul.left_menu a{
	display: block;
	margin: 0;
	padding: 2px 0 0 18px;
	height: 16px;
	font: bold 11px Tahoma;
	color: #0A659C;
	text-decoration: none;
	background: url("/templates/dilex/i/left_item_back.gif") no-repeat left top;
}
ul.left_menu a:hover{
	text-decoration: underline;
}

ul.left_menu ul {
margin: 0; padding: 0 0 1px 0;
list-style-type: none;
background: url("/templates/dilex/i/subul_left_back.gif") no-repeat left bottom;
}

ul.left_menu ul a{
	display: block;
	margin: 0;
	padding: 2px 0 0 24px;
	height: 16px;
	font: bold 11px Tahoma;
	color: #949494;
	text-decoration: none;
	background: url("/templates/dilex/i/left_subitem_back.gif") no-repeat left top;
}
ul.left_menu ul a:hover{
	color: #555;
	text-decoration: none;
}

#right_col {
	display: block;
	float: right;
	clear: right;
	width: 750px;
	margin: 0 5px 0 0; padding: 0;
}
div#fast_links_holder {
	display: block;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 56px;
}
ul#fast_links {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 22px;
	list-style-type: none;
}
ul#fast_links li{
	display: block;
	float: right;
	margin: 0 0 0 20px;
}
ul#fast_links a{
	display: block;
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	height: 10px;
	font: normal 10px Tahoma;
	color: #fff;
	text-decoration: none;
}
ul#fast_links a:hover{
	background: url("/templates/dilex/i/fl_top.gif") repeat-x left top;
}
#iso {
	display: block;
	float: left;
	border: 0;
	margin: 7px 10px 0 0 !important;
	margin: 7px 5px 0 0;
}
#searchForm {
	display: block;
	float: left;
	width: 170px;
	margin: 18px 0 0 0;
	padding: 0;
	font: normal 10px Tahoma;
	color: #9a9a9a;
}
#searchForm div {
	margin: 0;
	padding: 0;
	font: normal 10px Tahoma;
	color: #9a9a9a;
}
.srchInput {
	float: left;
	font: normal 10px Tahoma;
	color: #9a9a9a;
	width: 125px; height: 18px;
	vertical-align: top;
	padding: 3px 4px 0 4px;
	border: 0;
	vertical-align: top;
	background-attachment: fixed;
	background: url('/templates/dilex/i/sback.gif') no-repeat left top;
	}
.sBut {
	float: left;
	margin: 0 !important;
	margin: 0 0 0 10px;
	padding: 0;
	vertical-align: top;
}


ul#top_menu {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	width: 750px;
	height: 22px;
	list-style-type: none;
}
ul#top_menu li{
	display: block;
	float: left;
	height: 22px;
	margin: 0;
}
ul#top_menu a{
	display: block;
	float: left;
	height: 19px;
	padding: 8px 0 0 23px;
	font: bold 10px Verdana;
	/*color: #0100AB;*/
	color: #0A659C;
	text-decoration: none;
	background: url('/templates/dilex/i/top_item_back.gif') no-repeat -250px top;
}

ul#top_menu a.aboutus   { width: 86px; }
ul#top_menu a.soho      { width: 171px; }
ul#top_menu a.corporate { width: 186px; }
ul#top_menu a.contacts  { width: 100px; }
ul#top_menu a.news  { width: 90px; }

ul#top_menu a:hover{
	background: url('/templates/dilex/i/top_item_back.gif') no-repeat left top;
}
#menu_child {
	position: absolute;
	margin: 0 0 0 3px;
visibility: hidden;
	}
#overlay {
	position: absolute;
	background-color: #EBEBEB;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	width: 186px;
	height: 36px;
	}
.submenu a {
	position: relative;
	float: left;
	clear: both;
	display: block;
	width: 170px !importnat;
	width: 160px;
	height: 16px;
	margin: 0;
	padding: 2px 8px 0 18px;
	border-bottom: 1px solid #fff;
	font: normal 10px Tahoma;
	/*color: #0100AB;*/
	color: #0A659C;
	text-decoration: none;
	background: url('/templates/dilex/i/arrow_small.gif') no-repeat 9px 6px;

}
.submenu a:hover {
	font: bold 10px Tahoma;
	/*color: #0100AB;*/
	color: #0A659C;
	border-bottom: 1px solid #fff;
}
img.tbi {
	display: block;
	margin: 20px auto;
	border: 0;
}
#footer {
	display: block;
	margin: 10px auto 0 auto;
	padding: 0 0 0 244px;
	width: 730px; height: 35px;
	font: normal 10px Tahoma;
}
#copyright {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	font: normal 10px Tahoma;
	color: #8b8b8b;
}
#webdesign {
	display: block;
	float: right;
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
	width: 300px;
	font: normal 10px Tahoma;
	text-align: right;
	color: #8b8b8b;
}
#webdesign a, #copyright a {
	text-decoration: underline;
	color: #8b8b8b;
}
#webdesign a:hover, #copyright a:hover {
	text-decoration: underline;
	color: #f00;
}




/*##############	INDEX CONTENT DESIGN	################*/
#welcome {
	width: 390px;
	margin: 0;
	padding: 0;
}
#welcome h1 {
	margin: 0 0 10px 20px;
	padding: 0;
	width: 370px;
	font: bold 14px Arial;
	color: #686868;
}
#welcome h2 {
	margin: 0 0 5px 20px;
	padding: 0;
	font: normal 24px Arial;
	color: #0F78BA;
}
#welcome p {
	margin: 0 0 10px 20px;
	padding: 0 0 0 0;
	font: normal 12px Arial;
	color: #000;
	text-align: justify;
}
#welcome p img {
	margin: 0 0 10px 0;
}
div#top_news {
	display: block;
	float: right;
	margin: 0 20px 20px 20px !important;
	margin: 0 10px 20px 20px;
	padding: 10px;
	width: 295px;
	background-color: #ebebeb;
}
div#top_news h3 {
	display: block;
	margin: 0 0 8px 0;
	padding: 0;
	width: 295px;
	font: bold 13px Arial;
	color: #686868;
}
div#top_news h3 span{
	display: block;
	clear: left;
	font: normal 10px Tahoma;
	color: #686868;
}
div#top_news p{
	display: block;
	clear: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 295px;
	font: normal 12px Arial;
	color: #686868;
	text-align: justify;
}




/*################### YOU ARE HERE ###################*/

.you_are_here {
	display: block;
	width: 734px;
	height: 21px !important;
	height: 16px;
	border-bottom: 1px solid #cfcfcf;
	margin: 0 3px;
	padding: 0 5px;
	color: #666;
	font: normal 9px Tahoma;
}
.you_are_here a {
	margin: 0 3px;
	font: bold 10px Tahoma;
	color: #0A659C;
	text-decoration: none;
}
.you_are_here a.end {
	color: #e50000;
}
.you_are_here a:hover {
	text-decoration: underline;
}

.page_nav {
	display: block;
	width: 714px;
	height: 18px;
	border-bottom: 1px solid #e3e3e3;
	margin: 0 auto;
	padding: 5px 5px 0 5px;
	color: #666;
	background-color: #F1F1F1;
	background: url('../i/head_hold_back.gif') repeat-x left -92px;
}
.page_nav span {
	display: block;
	float: left;
	margin: 0;
	font: normal 10px Tahoma;
}
.page_nav a {
	display: block;
	float: left;
	min-width: 15px;
	height: 13px;
	margin: 0 2px;
	font: normal 10px Tahoma;
	color: #666;
	text-decoration: none;
	border: 0;
	text-align: center;
}
*html .page_nav a {
	width: 15px;
}
.page_nav a.active {
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #666;
}
.page_nav a:hover {
	font-weight: normal;
	color: #fff;
	border: 0;
	background-color: #999;
}



/*################### PRODUCTS LIST ###################*/

div.product {
	display: block;
	width: 724px;
	margin: 0 auto;
	padding: 2px 0;
	border-bottom: 1px solid #cfcfcf;
}
div.product h4 {
	display: block;
	float: left;
	width: 549px;
	font: normal 20px Arial;
	color: #686868;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	border-bottom: 1px dashed #cfcfcf;
}
div.product div {
	display: block;
	float: left;
	width: 165px;
	min-height: 124px;
	margin: 3px 10px 3px 0;
	text-align: center;

}
div.product div img {
	display: block;
	margin: 0 auto;
	border: 0;
	width: 165px; height: 124px;
}
div.product p {
	margin: 0 0 15px 0;
	padding: 0;
	font: normal 11px Arial;
}
a.more_info {
	display: block;
	float: left;
	height: 12px;
	padding: 3px 3px 3px 4px;
	margin: 0 10px 0 0;
	font: bold 9px Tahoma;
	color: #e50000;
	background: url('/templates/dilex/i/h3_left_back.gif') repeat-x left top;
	border: 1px solid #e3e3e3;
	text-decoration: none;
	text-align: center;
}
a.more_info:hover {
	text-decoration: underline;
}
div.product .image {
	display: block;
	float: none;
	clear: both;
	width: 1px; 
	height: 1px; 
	margin: 0; 
}




/*################### PRODUCT PREVIEW ###################*/

div.product_main {
	display: block;
	width: 744px;
	margin: 0 3px;
	padding: 2px 0;
}
div.product_main div {
	display: block;
	float: right;
	width: 324px;
	border: 0;
	margin: 10px 10px 10px 0 !important;
	margin: 10px 5px 10px 0;
	border: 1px solid #e3e3e3;
}
div.product_main div img {
	display: block;
	margin: 10px auto;
	border: 0;
}
div.product_main h2 {
	display: block;
	float: left;
	width: 388px;
	border: 0;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0 0 5px 0 !important;
	padding: 0 10px 5px 0;
	border-bottom: 1px solid #e3e3e3;
	font: normal 12px Arial;
	color: #002;
}
div.product_main p {
	display: block;
	float: left;
	clear: left;
	width: 382px;
	border: 0;
	margin: 0 0 10px 10px !important;
	margin: 0 0 10px 5px;
	padding: 0 !important;
	padding: 0 10px 5px 0;
	font: normal 11px Arial;
}

ul.local_nav {
	display: block;
	clear: both;
	width: 724px;
	min-height: 22px;
	margin: 5px auto 0 auto;
	padding: 0;
	list-style-type: none;
	background: url('/templates/dilex/i/dot.gif') repeat-x left bottom;
}
ul.local_nav li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	background: url('/templates/dilex/i/h3_left_back.gif') repeat-x left top;
}
ul.local_nav span {
	display: block;
	float: left;
	margin: 0;
	padding: 3px 5px 5px 5px;
	border: 1px solid #cfcfcf;
	border-bottom: 0;
	font: bold 11px Tahoma;
	color: #666;
	text-decoration: none;
	background: url('/templates/dilex/i/dot.gif') repeat-x left bottom;
  cursor: pointer;
}

ul.local_nav span.active {
	background: none;
	color: #222;
  cursor: pointer;
}

ul.local_nav a:hover {
	color: #e50000;
}
div#general, div#request, div#brochure, div#drivers, div#catalog {
	width: 722px;
	border: 1px solid #cfcfcf;
	border-top: 0;
	min-height: 200px;
	margin: 0 auto;
	background: url('/templates/dilex/i/cont_back_1.gif') repeat-x left bottom;
}


*html div#general, *html div#request, *html div#brochure, *html div#drivers, *html div#catalog {
	height: 200px;
}
div#general ul{
	margin-top: 0;
  padding-top: 10px;
  line-height: 20px;
}
div#general p, div#brochure p, div#drivers p, div#catalog p {
	display: block;
	width: 702px;
	margin: 0;
	padding: 10px 10px 5px 10px;
	font: normal 11px Arial;
}
dl.product_descr {
	display: block;
	float: left;
	width: 702px;
	margin: 5px 0 0 0;
	padding: 10px;
}
dl.product_descr dt {
	display: block;
	float: left;
	clear: left;
	width: 200px;
	margin: 0 10px 10px 0;
	font: bold 11px Arial;
	color: #000;
	text-align: right;
}
dl.product_descr dd {
	display: block;
	float: left;
	width: 490px;
	margin: 0 0 10px 0;
	font: normal 11px Arial;
	color: #000;
	text-align: left;
}
span.bold {
	font: bold 22px Arial;
}
.req_form {
	margin: 0 10px 10px 10px;
	padding: 20px 10px 10px 10px;
}
.req_form p {
	display: block;
	float: left;
	width: 200px;
	margin: 10px 10px 10px 30px;
	padding: 0;
	font: normal 11px Arial;
}
.req_form legend {
	padding: 0 10px;
	font: bold 14px Arial;
}
.req_form fieldset {
	display: block;
	float: left;
	border: 1px solid #ccc;
	width: 330px !important;
	width: 350px;
}
.req_form label {
	display: block;
	float: left;
	width: 300px;
	margin: 10px 0 0 10px;
	padding: 0;
	clear: both;
	font: normal 11px Arial;
}
.req_form .fld {
	display: block;
	float: left;
	margin: 2px 0 0 10px !important;
	margin: 2px 0 0 5px;
	padding: 2px;
	width: 300px;
	clear: both;
	font: normal 11px Arial;
	border: 1px solid #cfcfcf;
	background-color: #fff;
}
.req_form .btn {
	display: block;
	float: left;
	clear: left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	padding: 3px 5px;
	border: 0;
	background-color: #e50000;
	color: #fff;
	font: bold 11px Tahoma;
}
div.imgcaptcha{
	display: block;
	float: left;
	clear:left;
	/* padding: 10px 5px 5px 130px; */
	margin: 2px 0 0 10px !important;
	margin: 2px 0 0 5px;
}



/* custom for static pages */

ul#treeCats {
  margin: 15px 0;
  padding-left: 20px;
  clear: left;
  width: 300px;
  float: left;
}

ul#treeBrands {
  margin: 15px 0;
  padding-left: 20px;
  width: 300px;
  float: left;
}

ul#treeCats ul, ul#treeBrands ul {
  margin-left: 20px;
}

ul#treeCats, ul#treeBrands {
  line-height: 20px;
  color: #333399;
}

ul#treeCats a, ul#treeBrands a {
  color: #333399;
  text-decoration: none;
}

ul#treeCats a:hover, ul#treeBrands a:hover {
  text-decoration: underline;
  color: #f00;
}

div.aboutLogo {
  float: left;
  display: block;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 5px;
  width: 160px;
  border: 1px solid #dadada;
  text-align: center;
  height: 140px;
  line-height:14px;
}

div.aboutLogo IMG {
  margin-bottom: 5px;
}

div.aboutLogo p {
  margin: 0;
  margin-bottom: 5px;
  font: bold 12px Tahoma;
}

div.aboutLogo span {
  font-size: 11px;
  color: #555;
}

span#product_code {
  float: right;
  color: #aaa;
}


div.homepcs {
	display: block;
	width: 724px;
	margin: 0 auto;
	padding: 2px 0;
	border-bottom: 1px solid #cfcfcf;
}

.price{
	display: block;
	float: right;
	padding: 3px 10px 0 0;
	color: #ff0000;
	font: bold 12px Arial, sans-serif;
}