@import 'layout.css';

/** BASE STYLES **/
html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #474747;
	height:100%;
	margin:0;
}

a, img, p, h1, h2, h3, ul, li, ul li, button{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	outline: none;
}

#navigation ul li{
	float:left;
	list-style:none;
}
#navigation{
	margin-top:-30px;
	height:58px;
}
#footer{
	color: #163762;
	font-size:13px;
}
h1.h1_logo{
	width: 502px;
	height: 70px;
	text-indent:-9000px;
	margin: 82px 35px 0 0;
	float:right;
}

h1.h1_specials{
	width: 99px;
	height: 53px;
	text-indent:-9000px;
	margin-left:20px;
}

h1.h1_dealer-login{
	width: 151px;
	height: 52px;
	text-indent:-9000px;
	margin-left:20px;
}

/** SPECIALS BOX **/
.specials td h2{
	font-size:13px;
	font-weight:bold;
	color: #203f68;
}
.specials td p{
	margin:2px 0;
	line-height:150%;
}
.specials td span{
	font-weight:bold;
	font-size:14px;
	color: #f00;
}
.specials td img{
	float:left;
	margin:0 10px;
}

/** LOGIN BOX **/
.loginbox{
	margin-left: 20px;
	width:250px;
}
.loginbox td span{
	font-size:14px;
	font-weight:bold;
	color: #5f6874;
	display:block;
	margin-top:6px;
}
.loginbox td input[type="text"], .loginbox td input[type="password"]{
	background: url('../images/input_bg.jpg') repeat-x;
	height: 24px;
	border: 1px solid #ddd;
	width: 220px;
}

/** LOGIN BOX**/

#loginbox-top{
	float:right;
	border-left:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9;
}
#loginbox-top td{
	padding:10px 3px;
}
#loginbox-top td span{
	font-size:11px;
	font-weight:bold;
	color:#5f6874;
}
#loginbox-top td input{
	background: url('../images/input_bg.jpg') repeat-x;
	font-size:13px;
	width:100px;
	border: 1px solid #ddd;
	padding-top:3px;
	height:25px;
}


/** BACKGROUNDS **/
html, body{ background: url('../images/bg.jpg') repeat-x #c7c7c7; }
#wrapper{ background: url('../images/content_bg.png') repeat-y;}
#header{ background: url('../images/header_bg.jpg') no-repeat center; }
#right_col{ background: url('../images/right_col_bg.jpg') no-repeat left top; }
#footer{ background: url('../images/content_footer.png') no-repeat center top;}
h1.h1_logo{ background: url('../images/logo.png') no-repeat; }
h1.h1_specials{ background: url('../images/h1_specials.png') no-repeat; }
h1.h1_dealer-login{ background: url('../images/h1_dealer-login.png') no-repeat; }
a.menu_models, a.menu_models:hover, a.menu_models.selected, a.menu_accessories, a.menu_accessories:hover, a.menu_accessories.selected, a.menu_home,a.menu_home:hover, a.home.selected, 
a.menu_account, a.menu_account:hover, a.menu_account.selected, a.menu_aboutus, a.menu_aboutus:hover, a.menu_aboutus.selected, a.menu_contacts,
a.menu_contacts:hover, a.menu_contacts.selected, a.menu_logon, a.menu_logon:hover, a.menu_logon.selected{
	background: url('../images/menu.png') no-repeat;
	height:55px;
	display:block;
	text-indent:-9000px;
}
a.menu_models{ background-position: 0 0; width:132px; height:58px;}
a.menu_models:hover, a.menu_models.selected{ background-position: 0 -59px;}
a.menu_accessories{background-position: -132px 0; width:156px; height:58px; margin-right:145px;}
a.menu_accessories:hover, a.menu_accessories.selected{ background-position: -132px -59px;}
a.menu_home{background-position: -412px -1px; width:100px; }
a.menu_home:hover, a.home.selected{ background-position: -412px -56px;}
a.menu_account{background-position: -512px -1px; width:115px;}
a.menu_account:hover, a.menu_account.selected{ background-position: -512px -56px;}
a.menu_aboutus{background-position: -627px -1px; width:119px;}
a.menu_aboutus:hover, a.menu_aboutus.selected{ background-position: -627px -56px;}
a.menu_contacts{background-position: -746px  -1px; width:119px;}
a.menu_contacts:hover, a.menu_contacts.selected{ background-position: -746px -56px;}
a.menu_logon{background-position: -865px -1px; width:110px;}
a.menu_logon:hover, a.menu_logon.selected{ background-position: -865px -56px;}