body {
    font: 62.5% / 1.5  Tahoma, Verdana, sans-serif;
    color: #ffffff;
    text-align: center;
	background:#000 url(../media/images/bkgd3.jpg);    
}

a, a:active, a:visited { outline:none; }

object { outline:none; }

h1 {
    font-size: 2.4em;
	color: #24394d;
}

h2 {
    font-size: 1.8em;
	color: #24394d;
}

h3 {
    font-size: 1.4em;
	color: #24394d;
}

h4 {
    font-size: 1.6em;
}

h5 {
    font-size: 1.4em;
}

p {
    font-size: 1.2em;
	margin: 10px 0;

}

strong { font-weight: bold; }

ul {

	font-size: 1.2em;
	margin: 10px 0;

}

li {
	margin-left:10px;
	padding:0;
	/*list-style-position: inside;
	list-style-type: disc;
	line-height:1.2em;*/
}

:focus {
  -moz-outline-style:none;
}

form { width:100%;float:left; }
label { float:left; width:7em; margin:2px 0; padding-right:2px; text-align:right;}
input,select,textarea { float:left; margin:2px 2px 2px 0px; }
form br { clear:both; }
form .note { display:block; font-style:italic; padding-top:2px; }
.required { clear:both; color:red; }

#header {
	background: url('../media/images/header_top.jpg') 0 0 no-repeat;
	width: 970px;
	height:61px;
	padding:0;
	margin:0;
}

#header h1 {
	width: 330px;
	height: 98px;
	background: transparent url('../media/images/dutchmen_logo.png') no-repeat;
	text-indent: -9999px;
	float:left;
}
#flash_header	{ 
	width: 563px; 
	height:61px;
	float:right;
}


/**********main nav************************************************/
#main_nav {
	list-style: none;
	width: 970px;
	height: 37px;
	margin:0;
	padding:0;
	background: url('../media/images/header_nav.gif') 0 0 no-repeat;
	text-indent: -9999px;
}

#main_nav li {
	margin:0;
	padding:0;
	display: block;
	float:left;

}

#main_nav a {
	display: block;
	height: 37px;
	background: url('../media/images/header_nav.gif') 0 0 no-repeat;
}


#nav_home a 				{ margin-left:500px; width: 48px; background-position: 500px 0px;}
#nav_home a:hover 			{ background-position: -500px -37px; }

#nav_products a 			{ width: 66px; background-position: -548px 0px;}
#nav_products a:hover 		{ background-position: -548px -37px; }

#nav_company a 				{ width: 72px; background-position: -614px 0px;}
#nav_company a:hover 		{ background-position: -614px -37px; }

#nav_finddealer a 			{ width: 91px; background-position: -686px 0px;}
#nav_finddealer a:hover 	{ background-position: -686px -37px; }

#nav_cservice a 			{ width: 116px; background-position: -777px 0px;}
#nav_cservice a:hover 		{ background-position: -777px -37px; }

#nav_contact a 				{ width: 77px; background-position: -893px 0px;}
#nav_contact a:hover 		{ background-position: -893px -37px; }

/**********top nav************************************************/
#category_nav {
	list-style: none;
	width: 970px;
	height: 52px;
	margin:0;
	padding:0;
	/*background: url('../media/images/category_nav.jpg') 0 0 no-repeat;*/
	text-indent: -9999px;

}

#category_nav li {
	margin:0;
	padding:0;
	display: block;
	float:left;

}

#category_nav a {
	display: block;
	height: 52px;
	background: url('../media/images/category_nav.jpg') 0 0 no-repeat;
}


#ultralite a 				{ width: 117px; background-position: 0px 0px;}
#ultralite a:hover 		{background-position: 0px -52px; }
#ultralite a.hover 		{background-position: 0px -52px; }


#traveltrailer a 			{ width: 142px; background-position: -117px 0px;}
#traveltrailer a:hover 		{ background-position: -117px -52px; }
#traveltrailer a.hover 		{ background-position: -117px -52px; }


#fifthwheel a 			{ width: 134px; background-position: -259px 0px;}
#fifthwheel a:hover 		{ background-position: -259px -52px; }
#fifthwheel a.hover 		{ background-position: -259px -52px; }

#lfw a 					{ width: 172px; background-position: -393px 0px;}
#lfw a:hover 			{ background-position: -393px -52px; }
#lfw a.hover 			{ background-position: -393px -52px; }


#th a 					{ width: 128px; background-position: -565px 0px;}
#th a:hover 			{ background-position: -565px -52px; }
#th a.hover 			{ background-position: -565px -52px; }

#dt a 					{ width: 168px; background-position: -693px 0px;}
#dt a:hover 			{ background-position: -693px -52px; }
#dt a.hover 			{ background-position: -693px -52px; }

#dialbrand a 		{ width: 109px; background-position: -861px 0px;}
#dialbrand a:hover 	{ background-position: -861px -52px; }
#dialbrand a.hover 	{ background-position: -861px -52px; }


/**********brand nav************************************************/

#brands_nav {
	list-style: none;
	width: 140px;
	height: 323px;
	margin:0;
	padding:0;
	background: url('../media/images/brands_nav.jpg') 0 0 no-repeat;
	text-indent: -9999px;
	float:left;
	position:relative;

}

#brands_nav li {
	margin:0;
	padding:0;
	display: block;
	float: left;
}

#brands_nav a {
	display: block;
	width: 140px;
	background: url('../media/images/brands_nav.jpg') 0 0 no-repeat;
	position:relative;
}

#brandselector a 				{ height: 25px; background-position: -0px -0px;}
#brandselector a:hover 			{ background-position: -140px -0px; }
#brandselector a.hover 			{ background-position: -140px -0px; }

#dutchmenb a 				{ height: 19px; background-position: -0px -25px;}
#dutchmenb a:hover 			{ background-position: -140px -25px; }
#dutchmenb a.hover 			{ background-position: -140px -25px; }

#aerolite a 				{ height: 19px; background-position: -0px -44px;}
#aerolite a:hover 			{ background-position: -140px -44px; }
#aerolite a.hover 			{ background-position: -140px -44px; }

#aspentrail a 				{ height: 19px; background-position: -0px -63px;}
#aspentrail a:hover 		{ background-position: -140px -63px; }
#aspentrail a.hover 		{ background-position: -140px -63px; }

#coleman a 					{ height: 19px; background-position: -0px -82px;}
#coleman a:hover 			{ background-position: -140px -82px; }
#coleman a.hover 			{ background-position: -140px -82px; }

#colorado a 				{ height: 19px; background-position: -0px -101px;}
#colorado a:hover 			{ background-position: -140px -101px; }
#colorado a.hover 			{ background-position: -140px -101px; }

#denali a 					{ height: 19px; background-position: -0px -120px;}
#denali a:hover 			{ background-position: -140px -120px; }
#denali a.hover 			{ background-position: -140px -120px; }

#fourwinds a 				{ height: 19px; background-position: -0px -139px;}
#fourwinds a:hover 			{ background-position: -140px -139px; }
#fourwinds a.hover 			{ background-position: -140px -139px; }

#grandjunction a 			{ height:19px; background-position: -0px -158px;}
#grandjunction a:hover 		{ background-position: -140px -158px; }
#grandjunction a.hover 		{ background-position: -140px -158px; }

#infinity a 			{ height:19px; background-position: -0px -177px;}
#infinity a:hover 		{ background-position: -140px -177px; }
#infinity a.hover 		{ background-position: -140px -177px; }

#kodiak a 					{ height: 19px; background-position: -0px -196px;}
#kodiak a:hover 			{ background-position: -140px -196px; }
#kodiak a.hover 			{ background-position: -140px -196px; }

#komfort a 					{ height: 19px; background-position: -0px -215px;}
#komfort a:hover 			{ background-position: -140px -215px; }
#komfort a.hover 			{ background-position: -140px -215px; }

#lakewood a 				{ height: 19px; background-position: -0px -234px;}
#lakewood a:hover 			{ background-position: -140px -234px; }
#lakewood a.hover 			{ background-position: -140px -234px; }

#rubicon a 					{ height: 19px; background-position: -0px -253px;}
#rubicon a:hover 			{ background-position: -140px -253px; }
#rubicon a.hover 			{ background-position: -140px -253px; }

#voltage a 					{ height: 19px; background-position: -0px -272px;}
#voltage a:hover 			{ background-position: -140px -272px; }
#voltage a.hover 			{ background-position: -140px -272px; }

#brochure a 				{ height: 32px; background-position: -0px -291px;}
#brochure a:hover 			{ background-position: -140px -291px; }
#brochure a.hover 			{ background-position: -140px -291px; }

/***************************flash****************************************/
#content {
	width:970px;
	min-height:480px;
	height:auto !important;
	margin:0;
	padding:0;
}

#flashcontainer {
	width: 970px;
	height:375px;
	padding:0;
	margin:0;

}


#buttons_right {
	width:226px;
	height:480px;
	padding:0;
	margin:0;
	float:left;	

}

/*********************category nav backgrounds*************************/

#cat_ultralite {
	width:830px;
	height:323px;
	position:relative;
	float:left;
}


#cat_traveltrailer {
	width:830px;
	height:323px;
	position:relative;
	float:left;

}

#cat_fifthwheel {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#cat_lfw {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#cat_th {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#cat_dt {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}
 
/*********************brand nav backgrounds*************************/

#brand_dutchmen {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#brand_aspentrail {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#brand_aerolite {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#brand_kodiak {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#brand_komfort {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#brand_grandjunction {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#brand_denali {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#brand_voltage {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

#brand_rubicon {
	width:830px;
	height:323px;
	position:relative;
	float:left;
	
}

/********************************************************************/

#buttons_bottom {
	width:970px;
	height:60px;
	padding:0;
	margin:0;

}

#bottom_container {
	position:relative;
	width:970px;
	height:276px;
	padding:0;
	margin:0;
	/*background: #1f354d url('../media/images/bottom_container.jpg') bottom center no-repeat;*/
	background: #1f354d url('../media/images/bottom_container.jpg') bottom center no-repeat;

}

#bottom_container h3 {
    font-size: 1.4em;
	color: #fff;
}

#infobox {
	width:283px;
	height: 240px;
	margin: 0 10px 10px 10px;
	float:left;
	border: 1px solid #666;
	position:relative;
	background: #fff url('../media/images/infobox_bg.jpg') 40px 0 repeat-x;
	color: #333;
	text-align:left;
}

#infobox p {	
	padding:10px;
}

#infobox_header {
	width:283px;
	height:30px;
	border-bottom: 1px solid #666;
	background: #fff;
	text-indent:10px;
	text-align:left;
	font-size: 1.1em;
	font-weight: bold;
	line-height:30px;
	color: #000;
	margin-bottom:10px;
}

#tabbox {
	float:left;
	margin-left:25px;
	width:549px;
	height:175px;
	border:1px solid #000;
	background-color:#fff;
	margin-top:10px;
}

.tabbox {
	float:left;
	margin-left:25px;
	width:549px;
	height:175px;
	border:1px solid #000;
	background-color:#fff;
	margin-top:10px;
}
#flow {
	width:830px;
	height:323px;
	/*background: url("../media/images/coverflow_bkg.jpg") 0 0 no-repeat;*/
	background: url("../media/images/coverflow_bkg.gif") 0 0 no-repeat;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	display:none;
	
}

#cats {
	width:830px;
	height:323px;
	background: url("../media/images/coverflow_bkg.gif") 0 0 no-repeat;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	display:none;
	
}

#brands {
	width:830px;
	height:323px;
	background: url("../media/images/coverflow_bkg.gif") 0 0 no-repeat;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	display:none;
	
}

#flow2 {
	width:965px;
	height:200px;
	background:#fff;
	margin:0;
	padding:0;
}

#subpage_container {
	background: url("../media/images/content_bkg.gif") 0 0 no-repeat;
	margin:0;
	padding:0;
	height:auto !important; 
	min-height:480px;
	color: #000;
	text-align:left;
}

#subpage_container h1 {
	padding:0px 20px;
	margin:0;
}

#subpage_container h2 {
	padding:0px 20px;
	margin:0;
}

#subpage_container p {
	margin: 0 40px;
}

#subpage_container img {
	padding:8px 5px;

}

#subpage_container li {
	margin-left:10px;
	padding:0;
	list-style-position: outside;
	line-height:1.2em;
}

#warranty_box {
	width:75%;
	margin:0 auto;
	padding:5px;
	border: #303b4f 2px solid;
	text-align:center;

}

#logo {
	width:20%;
	float:left;
	margin:0 auto;
}

#product_text {
	width:80%;
	float:left;
	padding-bottom:10px;
}

#prod {
	width:925px;
	clear:both;
	color:#ccc;
	background-color:#ccc;
	margin-left:20px;
}

#products {
	padding:10px 65px;
}

#column {
	width:50%;
	float:left;
	padding-bottom:15px;
}

#find-my-dealer {
	margin:0px 75px;
	
}

td.locatorbold {
    font-weight: bold;
	text-align: right;
}

table.brochure {
	border: 1px solid #555;
	background-color: #ccc;

}
/************************footer nav******************************/


#footermenu {
	width: 970px;
	margin:0;
	padding:0;	
	text-align:center;
}

#footermenu a {
	text-decoration:none;
	color:#666;
}

#footermenu a:hover {
	text-decoration:none;
	color:#333;
}

#info {
	text-align:center;
	color:#52799c;
}


/************************ Tabs box ************************/
div.panes div {
	display:none;		
	padding:40px 10px 0 10px;
	border-top:0;
	height:175px;
	color:#000;	
	font-size:14px;
}

/* root element for tabs  */
ul.tabs {
	float:left;
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:20px;
	position:relative;
	top:0px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-weight:bold;
	font-size:1.3em;
	display:block;
	height: 25px;  
	line-height:22px;
	width:182px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	background:#9abbd8 url("../media/images/infobox_bg.jpg") 0 0 repeat-x;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	opacity: 0.5;
}

ul.tabs a:active {
	outline:none;
	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-color:#97fd89;	
	color:#fff;	
	opacity: 1;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background:#9abbd8 url("../media/images/infobox_bg2.jpg") 0 0 repeat-x;
	cursor:default !important; 
	color:#000 !important;
	font-weight:bold;
	font-size:1.3em;
	opacity: 0.9;

}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

#find-my-dealer-container { 
	width:850px;
	height:350px;
	margin:25px 60px;
	padding:0;
	background: url('../media/images/find_dealer_bkg.jpg') 0 0 no-repeat; 
}