html{overflow-x:hidden;}

/** SERVICE MENU **/
ul#servicemenu li, ul#mainmenu li, ul#path li{float:left;list-style:none;}
ul#servicemenu{
	position:relative;
	top:28px;
	left:11px;
	padding:0px;margin-left:0px;
	height:34px;
}
ul#servicemenu li{padding:0px}
ul#servicemenu li a{
	display:block;
	height:0px;
	padding-top:24px;
	width:19px;
	margin:0px 21px 0px 0px;
	overflow:hidden;
	background-image:url('../nav/servicemenu.gif');
}

a.home{background-position:0px 0px;}
a.mail{background-position:57px 0px;}
a.smap{background-position:38px 0px;}
a.info{background-position:19px 0px;}
a.home:hover{background-position:0px 24px;}
a.mail:hover{background-position:57px 24px;}
a.smap:hover{background-position:38px 24px;}
a.info:hover{background-position:19px 24px;}


/** HEADER **/
img#visual, img#logo{
	position:relative;
	float:right;
	z-index:100;
}
div.extra{
	position:absolute;
	top:0px;left:0px;
	width:100%;
	height:150px;
	z-index:0;
	background:black url(../img/headerbg.gif)  50% top repeat-x;
}

/* search */
#search{
	position:relative;
	float:left;
	clear:left;
	height:58px;
	width:200px;
	overflow:hidden;
	margin:0px;
	margin-top:-16px;
	z-index:90;
}
#search h1{display:none;}
#search input, #mailing input{
	position:absolute;
	top:29px;
	left:11px;
	width:143px;
	height:17px;
	border-width:1px;
	padding:0px;
	font-size:11px;
}
#search button, #mailing button{
	border:0px;padding:0px;
	position:absolute;
	top:26px;
	left:154px;
	width:25px;
	height:25px;
	background:url('../img/searchbtn.gif') top left no-repeat;
	cursor:pointer;
}
#search button:hover, #mailing button:hover{
	background:url('../img/searchbtn_hover.gif') top left no-repeat;
}
#search button span, #mailing button span{display:none;}
#mailing button{background-image:url(../img/newsbutton.gif);}
#mailing button:hover{background-image:url(../img/newsbtn_hover.gif);}

/* menu */
ul#mainmenu{
	margin:0px;
	padding:0px;
	width:522px;
	height:42px;
	float:left;
	position:relative;
	padding-left:8px;
}

ul#mainmenu li a{
	display:block;
	overflow:hidden;
	padding-top:42px;
	height:0px;
	font-size:0px;
}

ul#mainmenu li a, ul#mainmenu{background-image:url(../nav/en_mainmenu.gif)}
ul#mainmenu{background-position:0px -126px;background-repeat:no-repeat;}

ul#mainmenu li a.aboutus{ 			width:77px;		background-position:-8px		0px}
ul#mainmenu li a.tractors{ 			width:78px;		background-position:-85px		0px}
ul#mainmenu li a.tires{ 				width:49px;		background-position:-163px	0px}
ul#mainmenu li a.accessories{ 	width:95px;		background-position:-212px	0px}
ul#mainmenu li a.location{ 			width:72px;		background-position:-307px	0px}
ul#mainmenu li a.contact{ 			width:72px;		background-position:-379px	0px}

ul#mainmenu li.selected a.aboutus{			background-position:-8px			-42px}
ul#mainmenu li.selected a.tractors{ 		background-position:-85px 	-42px}
ul#mainmenu li.selected a.tires{				background-position:-163px	-42px}
ul#mainmenu li.selected a.accessories{	background-position:-212px	-42px}
ul#mainmenu li.selected a.location{ 		background-position:-307px	-42px}
ul#mainmenu li.selected a.contact{			background-position:-379px	-42px}

ul#mainmenu li.open a.aboutus{			background-position:-8px			-84px}
ul#mainmenu li.open a.tractors{ 		background-position:-85px 	-84px}
ul#mainmenu li.open a.tires{				background-position:-163px	-84px}
ul#mainmenu li.open a.accessories{	background-position:-212px	-84px}
ul#mainmenu li.open a.location{ 		background-position:-307px	-84px}
ul#mainmenu li.open a.contact{			background-position:-379px	-84px}

ul#mainmenu li.open a{
	z-index:120;
	position:relative;
}

/** submenu **/
ul#mainmenu li{
	position:relative;
}
ul#mainmenu ul{display:none;}
ul#mainmenu li.open ul{
	display:block;
	z-index:110;
	position:relative;
	width:198px;
	border-top:1px solid #CBCBCB;
	margin:0px;
	margin-right:-200px;
	margin-left:3px;
	top:-10px;
	padding:1px 1px 10px 1px;
	background:url(../img/submenu.gif) bottom left no-repeat;
}
ul#mainmenu li.open ul li{
	float:none;height:25px;
}
ul#mainmenu li.open ul li a{
	margin:0px;
	padding:5px 11px 0px 11px;
	width:176px;
	font-size:10px;
	text-decoration:none;
	color:white;
	height:19px;
	border-bottom:1px solid #515151;
	background-image:none;
}

ul#mainmenu li ul li a:hover{
	color:yellow;
	background:url(../img/arrow.gif) top right no-repeat;
}



#path{
	clear:both;
	width:900px;
	height:25px;
	background:url('../img/path.gif') top left no-repeat;
	font-size:9px;
	padding:3px 0px 0px 14px;
	margin:0px 0px 6px 0px;
}
#path a{
	color:#999;
	text-decoration:none;
	padding-right:19px;
	background:url('../img/pathsep.gif') right 4px no-repeat;
}
#path a:hover{
	color:white;
}
#path a.selected{
	color:white;
	background:none;
}


/** SIDEBAR LEFT **/
div#components{
	display:block;
	overflow:hidden;
	clear:both;
	background:url(../img/maincontent2.gif) 200px 0px repeat-y;
	width:200px;
	float:left;
	width:730px;
	margin-right:-530px;
}

#mailing{
	position:relative;
	font-size:10px;
	height:90px;
	width:160px;
	line-height:1.5em;
	padding:34px 31px 11px 11px;
	margin-bottom:2px;
}
#mailing h1{
	display:none;
}
#mailing input{
	top:86px;
	left:11px;
	width:153px;
}
#mailing button{
	top:83px;
	left:165px;
}
#mailing a.unsubscribe{
	position:absolute;
	top:12px;
	left:123px;
	font-size:9px;
	text-decoration:none;
	color:#999;
}
#mailing a.archive{
	font-size:11px;
	text-decoration:none;
	color:#999;
	position:absolute;
	display:block;
	width:200px;
	height:35px;
	top:120px;
	left:0px;
	padding:8px 0px 0px 22px;
}
#mailing a.unsubscribe:hover, #mailing a.archive:hover{color:white;}

div.info{
	width:178px;
	height:61px;
	overflow:hidden;
	background:#464646 url(../img/banner.gif) top left no-repeat;
	padding:11px;
}
div.info h1, div.info h2{
	margin:-5px 0px 4px 0px;
	font-size:16px;
	font-family:Tahoma;
	line-height:1.5em;
}
div.info h2{
	font-size:11px;
	font-weight:bold;
	color:white;
	margin:0px;
	margin-bottom:1px;
	line-height:1em;
}
div.info p{
	margin-bottom:0px;
}
ul#shopmenu{
	padding:0px;margin:0px;
	margin-top:0px;
	margin-bottom:18px;
	list-style:none;
	width:200px;overflow:hidden;
}
ul#shopmenu ul{
	padding:0px;margin:0px;
}
#shopmenu li a{
	display:block;
	width:200px;
	height:0px;
	overflow:hidden;
	padding-top:40px;
	margin-bottom:2px;
	background-image:url(../nav/en_shopmenu.gif);
}
#shopmenu li a.tractors{background-position:0px 0px;}
#shopmenu li a.tires{background-position:0px -40px;}
#shopmenu li a.accessories{background-position:0px -80px;}

#shopmenu li a.tractors:hover{background-position:-200px 0px;}
#shopmenu li a.tires:hover{background-position:-200px -40px;}
#shopmenu li a.accessories:hover{background-position:-200px -80px;}

#shopmenu li.selected a.tractors, #shopmenu li.selected a.tractors:hover{background-position:-400px 0px;}
#shopmenu li.selected a.tires, #shopmenu li.selected a.tires:hover{background-position:-400px  -40px;}
#shopmenu li.selected a.accessories, #shopmenu li.selected a.accessories:hover{background-position:-400px -80px;}


ul#shopmenu li.open a{
	padding-top:83px;
	margin-bottom:7px;
	background-image:url(../nav/en_shopmenu_open.gif);
}

ul#shopmenu li.open a.tractors, ul#shopmenu li.open a.tractors:hover{background-position:0px 0px}
ul#shopmenu li.open a.tires, ul#shopmenu li.open a.tires:hover{background-position:0px -83px}
ul#shopmenu li.open a.accessoires, ul#shopmenu li.open a.accessoires:hover{background-position:0px -166px}

ul#shopmenu ul{
	margin:0px;
	padding:0px;
	margin-bottom:7px;
}

ul#shopmenu li.open ul a, ul#shopmenu ul a.selected{
	background-image:url(../img/shopmenu_submenu.gif);
	color:white;
	padding:6px 5px 0px 11px;
	height:22px;
	margin-bottom:2px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	font-weight:bold;
	background-position:0px -100%;
}
ul#shopmenu li.open ul a:hover{
	color:#FF0;
}
ul#shopmenu li.open ul a.selected{
	background-position:0px 0px;
	color:#FF0;
}

/* SIDEBAR RIGHT */
div#contact{
	width:148px;
	float:left;
	overflow:hidden;
	background:black;
	line-height:1.6em;
	height:192px;
	background:url(../img/contact.gif) bottom left no-repeat;
	padding:0px 11px 0px 11px;
}
a#callus{
	display:block;
	width:170px;
	height:0px;
	padding-top:70px;
	overflow:hidden;
	margin:0px -11px 7px -11px;
}
a#callus:hover{
	background-position:0px 70px;
}
div#contact address{
	font-style:normal;
}
div#contact h1{
	font-size:13px;margin:0;
	line-height:1.6em;
}
div#contact span.street-address{display:block;}
div#contact dl{font-weight:bold;margin:0;}
div#contact dt{
	width:9px;
	letter-spacing:10px;
	overflow:hidden;
	float:left;
	font-weight:bold;
}
div#contact dd{
	font-weight:bold;
	padding:0px;
	margin:0px 0px 0px 14px;
}
div#contact a.email{color:white;text-decoration:none;}
div#contact a.email:hover{text-decoration:underline;}

/** MAINCONTENT **/
#contentheader{
	background:black url(../img/pageheader.gif) top left no-repeat;
	height:56px;
	overflow:hidden;
	padding:34px 0px 0px 18px;
	
}
#contentheader img{
	float:right;
	margin-top:-34px;
}
#picturestrip{
	height:130px;
	overflow:hidden;
}

#maincontent, #maincontent_tail{
	float:left;
	width:496px;
	background:#464646 url(../img/contentbg.gif) top left repeat-y;
	padding:17px 17px 17px 17px;
	min-height:450px;
}
#maincontent h1{
	margin-top:19px;
	margin-bottom:19px;
}
#maincontent_tail{
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:200px;
	min-height:6px;
	height:6px;
	background:none;
	background:url(../img/maincontent_tail.gif) bottom left;
}
#maincontent{
	position:relative;
}

/** FOOTER **/
.vcard.footer{
	clear:both;
	margin:0px 0px 10px 200px;
	top:10px;
	position:relative;
	width:530px;
	height:30px;
	overflow:hidden;
	background:url(../img/footer1.gif);
	padding:0px;
}
.vcard.footer dl dd, .vcard.footer dl dt{
	background:none;
}
.vcard.footer *{
	margin:0px;padding:0px;
}
.vcard.footer a.email{
	display:block;
	height:0px;
	padding-top:30px;
	overflow:hidden;
	width:166px;
	float:right;
}
.vcard dt, .vcard dd.tel, .vcard dd.value{
	margin:0px;padding:0px;
	height:auto;
}
.footer dt, .footer dd.tel, .footer dd.value{
	display:none;
}

ul#infomenu{
	width:900px;
	text-align:center;
	display:block;
	margin:0 auto 0 auto;
	position:relative;
	top:10px;
}
ul#infomenu li{
	display:inline;
}
ul#infomenu li a{
	color:#999;
	text-decoration:none;
	font-size:9px;
	padding-right:14px;
	padding-left:6px;
	background:url(../img/bul.gif) right 4px no-repeat;
}
ul#infomenu li.last a{background:none;}
ul#infomenu li.last{float:none;}

ul#infomenu li a:hover{
	color:white;
}