﻿html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body 
{
	margin: 0px;
	font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	color: #3f3f3f;
	background: #0071bb;
	line-height: 16px;
}
body > form { height: 100%; }

a, a:link { color: #0071bb; }
a img { border: none; }

p { margin: 12px 0px; }

h2 { font-size: 18px; } 
h3 { font-size: 14px; }
h4 { font-size: 12px; }

hr { color: #cce3f1; border:1px solid #CCE3F1; }

ol li { padding: 5px 0px; }

.pageheading { color: #003c5a; }
.subheading { color: #286eb4; }
.anotherheading { color: #173d5e; }
.listitemheading { color: #0071bb; text-decoration: underline; }

.inlineLeft { float: left; margin-right: 12px; }

.block { margin-top: 10px; }
ul.paraList, ul.subList { /*list-style-position: inside;*/ }

/* layout */
#tblMain { width: 100%; height: 100%; }
#main { width: 910px; background: #fff; border-left: solid 1px #0071bb; border-right: solid 1px #0071bb; }

#head { }
#logo { height: 81px; background: url(/images/header_bg.jpg) no-repeat; border-bottom: solid 1px #006fb9; }
#DRlogo { height: 92px; background: url(/images/dealer_resource_header_bg.jpg) no-repeat; }
#topSearch { float: left; left: 668px; top: 6px; position: relative; }
#DRtopSearch { float: left; left: 600px; top: 0px; position: relative; }
#topNav { height: 22px; }

#content { }
#left { width: 219px; border-right: solid 1px #e5f1f8; }
#right { width: 693px; }

#foot { border-top: solid 1px #e5f1f8;  clear: both; }
#footNav { border-top: solid 1px #cce3f1; border-bottom: solid 1px #cce3f1; margin-top: 1px; }
#foot #info { margin: 10px; }

#DRfoot {   clear: both; }
#DRfoot #info { margin: 10px;  color:#666666;background-color:#f7f7f7;}
#DRfoot #topBorder { height:3px; border-top:solid 1px #d6d6d6;}
/* sites dropdown */
#top-nav {
	position: relative; float: right; top: 37px; right: 22px; font-size: 11px;
}
#top-nav ul { margin: 0; padding: 0; }
#top-nav .top-menu li {
	float:left;
	margin:0 10px 0 0;
	list-style-type: none;
}
#top-nav .top-menu li.last {
	margin:0;	
}
#top-nav .top-menu li a {
	text-decoration:underline;
	margin:4px 0 0 0;
	padding:0 0 0 10px;
	display:block;
	color:#0071bb;
	text-decoration:none;
}
#top-nav .craftbilt-sites {
	background:url(/images/sites-dropdown.png) no-repeat;
	width:105px;
	height:25px;
	cursor:default;
	color:#0071bb;
	text-decoration:none;
	padding:4px 0 0 11px;
	margin:0 !important;
	
}
#sites-dropdown {
	background:url(/images/sites-bg.png) repeat-y;
	width:115px;
	position:absolute;
	top:18px;
	left: 0px;
	display:none;
	z-index:100;
}
#sites-dropdown a {
	text-decoration:underline;
	margin:0 0 4px 0;
	_margin:0;
	display:block;
	color:#0071bb;
}
#sites-dropdown ul {
	background:url(/images/sites-top.png) no-repeat top left;
	width:113px;
	padding:7px 0 0 0;
	list-style-type: none;
}
#sites-dropdown ul li {
	padding:0 0 0 11px;
	_line-height:3px;
}
#sites-dropdown ul .last {
	background:url(/images/sites-bottom.png) no-repeat bottom left;
	padding:0px 0 12px 11px;
	margin:0 0 -7px 0;
	_margin-bottom:-6px;
	_padding-top:2px;
	display:block;
	position:relative;
	height:12px;
}

/* top nav */
#topNavList { margin: 0px; padding: 0px; list-style-type: none; }
#topNavList li { float: left; border: solid 1px #00a4de; border-right: none; height: 20px; }
#topNavList li:first-child, #topNavList li.first { border-left: none; }
#topNavList li:last-child, #topNavList li.last { border-right: none; }

/* left nav styles */
#leftNavList { margin: 0px; padding: 0px; list-style-type: none; }
#leftNavList li { height: 25px; background: url(/images/nav/left_bg.gif) no-repeat; padding-top: 1px; vertical-align: top; }
#leftNavList li object { vertical-align: top; }
/*#leftNavList li.longTitle { height: 39px; background: url(/images/nav/left_big_bg.gif) no-repeat; }
#leftNavList li.longTitle.selected { background: url(/images/nav/left_big_bg-s.gif) no-repeat; }*/
#leftNavList li.selected { background: url(/images/nav/left_bg-s.gif) no-repeat; }
#leftNavList li div.ieHax { margin: 5px 0px 0px 8px; padding: 0px 0px 5px; }
/*#leftNavList li.longTitle div { margin: 5px 10px 0px; }*/
#leftNavList li a { text-transform: uppercase; color: #a0e6fa; text-decoration: none; font-size: 11px; display: block; }
#leftNavList li.selected a { color: #87f000; }
#leftNavList li a:hover { color: #87f000; }

#leftPromo { margin-top: 1px; }

/* foot nav */
#footNavList { margin: 0 auto; padding: 0; list-style-type: none; /*height: 24px; /*width: 780px;*/ width: 892px; text-align: center; }
#footNavList li { float: left; font-size: 9px; margin: 8px 0px; padding: 0px 2px 0px 2px; white-space: nowrap; line-height: 10px; border-right: solid 1px #4095cc; }
#footNavList li.first { }
#footNavList li.last { border-right: none; }
#footNavList a { text-decoration: none; text-transform: uppercase; color:#0066A6; }

/* page styles */
#homecontent { float: left; width: 555px; margin: 10px 0px; }
#homepromos { margin-left: 586px; }

#pageTitle { text-transform: uppercase; background: url(/images/pageheading_bg.gif) repeat-x; height: 47px; margin-top: 1px; }
.pageSubTitle { text-transform: uppercase; background: url(/images/pagesubheading_bg.gif) repeat-x; height: 47px; margin-top: 1px; }
#pageTitle h2 { margin: 0px; padding: 14px 0px 0px 20px; }
#pagecontent { padding: 0px 20px 10px; }
#pagecontent h1 , .block h1
{
	line-height:30px;
}

#landingSummary { overflow: auto; height: 100%; margin-bottom: 20px; }
#landingSummary ul { margin: 0px; padding: 0px; list-style-type: none; }
#landingSummary ul li { float: left; width: 285px; margin: 0px 20px 15px 0px; /*height: 85px;*/ }
#landingSummary .subimage, ul.largegalleryList .subimage { margin-bottom: 5px; }
#landingSummary .subheading, ul.largegalleryList .subheading { text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 5px; /*padding-left: 10px;*/ }
#landingSummary .subcontent, ul.largegalleryList .subcontent { /*padding-left: 10px;*/ }

ul.largeList { margin: 0px; padding: 0px; list-style-type: none; }
ul.largeList li { clear: left; }
ul.subList { padding-left: 0px; margin-left: 30px; }
.lnkDiv { margin-bottom: 10px; }

#dealerSearch { background: #f5f5f5; vertical-align: middle; }
#dealerSearch table { margin: 0 auto; height: 66px; width: 70%; }

#dealer { margin-left: 20px; }
#tblDealer { width: 100%; }
#dealerForm { background: #f5f5f5; margin-right: 20px; padding: 10px; }
#tblDealerForm { }
.dealerSub { width: 312px; }
.dealerSub .title { border-bottom: solid 1px #286eb4; font-weight: bold; padding: 5px 0px; }
.checklist label { margin-left: 5px; }

ul.dealerLinks { padding: 0; margin-left: 0; list-style-type: none; margin-top: -11px; }
ul.dealerLinks li { /*display: inline; margin-right: 15px;*/ }
ul.dealerLinks li.mapLink { margin-top: 10px; }

div.post { }
.post h2.date-header { }
.post h3.post-title { }
.post div.post-body { }
.post p.post-footer { font-style: italic; }

/* gallery content */
ul.galleryList, ul.largegalleryList { margin: 0; padding: 0; list-style-type: none; }
ul.galleryList li { float: left; }
ul.videoList { width: 450px; }

ul.largegalleryList { }
ul.largegalleryList li { float: left; width: 275px; margin: 0px 20px 15px 0px; height: 325px; }

.closeMe { text-align: right; }

/* form controls */
.textbox { background: #fff; border: solid 1px #173d5e; color: #3f3f3f; font-size: 11px; padding: 2px 1px; }
.tbSearch { background: #fff; border-top: solid 1px #d7ebfa; border-left: solid 1px #d7ebfa; border-right: solid 1px #0071bb; border-bottom: solid 1px #0071bb; }
.button { }

/*promotions*/
#divQuote, #divPromoText { text-decoration: none; color: #000; }
/*#divQuote { position: relative; top: -160px; left: 20px; height: 110px; width: 180px; margin: 8px; font-family: Times New Roman, Serif; font-style: italic; color: #000a38; font-size: 16px; }*/

/******* float clearing fun! *******/
/* ie 6 */
* html .block 
{
	height: 1%;
	overflow: visible;
}
/* ie 7 */
*+html .block 
{
	min-height: 1%;
}
/* everyone else */
.block:after 
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


#tblLogin
{
	width: 275px;
	margin: 50px auto;	
	border:1px solid black;
	padding:15px;
	
}


div.clear { clear: both; }
.left {float:left;}
.right {float:right;}