/*
Starter CSS
last update: 10.29.2007
*/

/*
colors:
   red: 80082e
 greys: 333/666/999
  
*/


/* NEW: CSS for splitting content */
/* This is generic CSS to split content into two columns */
/* 
For the top of the sub-pages, where there is a small logo, and sub-links: 
1. The logos should all be 70 x 70 (or at least NO WIDER than 70px, regardless of height)
2. The width of the right div should be 180px
3. Width of any others will depend on content
*/
#splitContent-holder {
	/* WIDTH OF THIS DIV IS SET INLINE */
	margin: 0; padding: 0;
}
#splitContent-left {
	/* WIDTH OF THIS DIV IS SET INLINE */
	margin: 0; padding: 0;
	float: left;
}
#splitContent-right {
	/* WIDTH OF THIS DIV IS SET INLINE */
	margin: 0; padding: 0;
	float: right;
	text-align: left;
}

#subUnderSplit {
	margin: 0px 20px 0px 20px;
}
#subUnderSplit p {
	padding-bottom: 10px;	
}


/* GLOBAL */
body {
	margin: 0; padding: 0;
	color: #333;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: url(/img/body-bg.jpg) left top repeat-x;
}
h1, h2, h3, h4 {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	font-weight: bold;
}
p {
	margin: 0; padding: 0;
	color: #333;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;	
}
a         { font-weight: normal; text-decoration: underline; }
a:link    { color: #80082e; }
a:visited { color: #80082e; }
a:hover   { color: #999; text-decoration: none; }
a:active  { color: #999; text-decoration: none; }

ul.content {
	list-style-image: url(/img/bt_bullet.gif);
	margin-left:15px;
	margin-bottom:10px;
}
ol.content {
	list-style-type: decimal;
	margin-left:20px;
	margin-bottom:10px;
}
.h3 {
	color: #80082e;
	font-weight: bold;
}

/* start: misc type settings */

h1.subLeft {
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 21px;
	line-height: 21px;
	color: #80082e;
}
h2.subLeft {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	color: #80082e;
	font-weight:normal;
}
h2.subRight {
	margin: 10px 0 10px 20px;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	text-align: right;
}
h2.homeBottom {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
	color: #80082e;
}

/* in the header */
#addLeft p, #addRight p {
	color: #333;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
}
#search p {
	color: #80082e;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	display: inline;
}
/* /in the header */

#sbc-left-content p {
	padding-bottom: 10px;	
}

#sbc-left-content-links {
	margin: 0; padding: 0;
	text-align: left;
}
#sbc-left-content-links p {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;	
}
#sbc-left-content-links a         { font-weight: bold; text-decoration: none; }
#sbc-left-content-links a:link    { color: #80082e; }
#sbc-left-content-links a:visited { color: #80082e; }
#sbc-left-content-links a:hover   { color: #999; }
#sbc-left-content-links a:active  { color: #999; }

#sbc-left-image p {
	float: right;
	margin: 0; padding: 5px 0 0 0;
	color: #666;
	font-size: 10px;
	line-height: 10px;
}
#footer p {
	color: #666;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
}
#footer p a         { font-weight: normal; text-decoration: none; }
#footer p a:link    { color: #80082e; }
#footer p a:visited { color: #80082e; }
#footer p a:hover   { color: #999; }
#footer p a:active  { color: #999; }
/* start: misc type settings */

#outerWrap {
  margin: 0 auto;
  padding: 0;
  width: 950px;
  background: url(/img/outerWrap-bg.png) left top repeat-y;
  text-align: center;
}
#wrap {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background-color: #fff;
	text-align: left;
}
#clearIt {
	margin: 0; padding: 0;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

/* start: header */
#header {
	margin: 0; padding: 0;
	position: relative;
	width: 900px;
	height: 120px;
	/* background: url(/img/header-bg.gif) left top no-repeat; */
}
/* start on right assemble to the left */
#search {
	margin: 0; padding: 0;
	position: absolute;
	bottom: 20px;
	right: 0px;
	width: 250px;
	text-align: right;
}
#search table {
	float: right;
}
#logo {
	margin: 0; padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	text-align: left;
}
#addRight {
	margin: 0 0 0 10px; padding: 0;
	position: absolute;
	bottom: 20px;
	right: 260px;
	width: 120px;
	text-align: left;
}
#addLeft {
	margin: 0; padding: 0 10px 0 0;
	border-right: 1px dotted #666;
	position: absolute;
	bottom: 20px;
	right: 390px;
	width: 150px;
	text-align: right;	
}
/* /start on right assemble to the left */
/* end: header */

#footer {
	margin: 0; padding: 0;
	width: 500px;
	text-align: center;
	clear: both;
}
#bottomScreen {
	margin: 0; padding: 0;
	width: 900px;
	height: 60px;
	background: url(/img/bottom-screen.gif) left top no-repeat;
}
#bodyBottom {
	margin: 0; padding: 0;
	width: 898px;/* width will need to be adjusted for IE */
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
#bodyBottom-in {
	margin: 0; padding: 20px;
	text-align: center;
}
#owBottom { /* outerWrap Bottom */
	margin: 0; padding: 0;
	width: 950px;
	height: 125px;
	background: url(/img/bottom-bg.png) left bottom no-repeat;
}

/* /GLOBAL */


/* HOME PAGE */
#flashHolder {
	margin: 0; padding: 0 10px;
	/*
	width: 900px;
	height: 360px;
	*/
	background-color: #fff;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

/* page bottom elements */
/* NOTE: position:relative; attribute is set inline because it's needed ONLY on the home page */
/* Right nav CSS is in rightnav.css */

#homeBottomCopy {
	position: absolute;
	left: 20px;
	margin: 0; padding: 0;
	width: 320px;
	text-align: left;
}
#homeBottomCopy p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
/* using gif list, temp remove these 
#testimonialPhoto {
	position: absolute;
	left: 320px;
	margin: 0; padding: 3px;
	border: 1px solid #999;
}
#testimonialPhoto img {
	display: block;
}
#testimonialCopy {
	position: absolute;
	left: 435px;
	margin: 0; padding: 0;
	width: 230px;
	text-align: left;
}
*/
#testimonial {
	position: absolute;
	left: 360px;
	width: 345px;
	height: 160px;
	margin: 0; padding: 0;
}
/* blue ribbon stuff */
#awardPhoto {
	position: absolute;
	left: 360px;
	margin: 0; padding: 0;
}
#awardPhoto img {
	display: block;
}
#awardCopy {
	position: absolute;
	left: 475px;
	margin: 0; padding: 0;
	width: 225px;
	text-align: left;
	clear: both;
}

#testimonial2 {
	position: absolute;
	top: 145px;
	left: 360px;
	width: 345px;
	height: 160px;
	margin: 0; padding: 0;
}

/* /page bottom elements */

/* /HOME PAGE */

/* SUB PAGES */
#breadcrumbs {
	margin: 0; padding: 20px 0 20px 20px;
	width: 500px;
}
#breadcrumbs a { font-size:10px; text-decoration: none; }
#subBodyContent {
	margin: 0; padding: 0;
	width: 898px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
/* left side */
#sbc-left {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 580px;
	border: 1px solid #999;
}
#sbc-left-content {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 270px;
}
#sbc-left-image {
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	width: 240px;
}
#sbc-left-image img { /* MAX width for images in this space is 240 */
	float: right;
	border: 1px solid #ccc;
}
/* /left side */
#sbc-right {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 286px;
}
#sbc-right img.gallery {
	margin: 0; padding: 5px;
	border: 1px solid #999;
}
#sbc-right-gallery {
	margin: 0; padding: 5px;
	border: 1px solid #999;
}
#sbc-right-ie-hack {
	/* alt attributes set in IE css files for padding/border hack */
}
#sbc-right-line {
	margin: 0; padding: 0;
	width: 100%;
	height: 3px;
	background: url(/img/sub-right-line-bg.gif) left top repeat-x;
	border-bottom: 20px solid #fff;
}
img.accessory { /* add border to images */
	border: 0px solid #ccc;
}


/* SUB PAGES */

/*
#sidebar {
	margin: 0; padding: 0;
	float: left;
	width: 290px;
}
#main {
	margin: 0; padding: 0;
	float: right;
	width: 590px;
}
#footer {
	margin: 0; padding: 0;
	width: 900px;
	height: 150px;
	background: url(../img/footer_bg.gif) left top no-repeat;
	clear: both;
}
*/

/* END: top-level containers */


/* START: navigation */
/*
#subNavHolder {
	margin: 0;
	padding: 0;
	width: 820px;
	background-color: #fff;
}
#navHolder {
	margin: 0;
	padding: 0;
	width: 310px;
	background-color: #fff;
}
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav li {
	margin: 0;
	padding: 2px 0;
	display: block;
	width: 310px;
	color: #444;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
}
ul#nav li.last {
	padding: 2px 0 7px 0;
	border-bottom: 0;
}
ul#nav li a {
	color: #444;
	text-decoration: none;
	font-weight: bold;
}
ul#nav li a:hover, ul#nav li a:active {
	color: #d1a107;
	background-color: #fff;
}
*/
/* set on-state color per page */
/*
#navOn.on {
	color: #f60;
}
*/
/* END: navigation */


/* START: typography */

/* END: typography */


/*-- START: form stuff --*/
/*

/* Dealer Locator */
.required { color:#80082e; }
.field-dl {
	width: 100px;
	margin: 0;
	padding: 2px;
	background-color: #eee;
	border: 1px solid #666;
	color: #333;
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
}
.formOne {
	width: 300px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formTwo {
	width: 150px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.fieldOne {
	width: 300px;
	height: 100px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
/*
.formFour {
	width: 295px;
	height: 100px;
	margin: 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.dd {
	width: 150px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	font-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.ddRfp {
	width: 295px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	font-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.cb {
	margin: 0 5px 0 0;
	padding: 0;
}
*/
/*-- END: form stuff --*/


#moduleLeft { /* set width in pg */
	margin: 0 20px 0 0; padding: 0;
	float: left;
}
#moduleRight { /* set width in pg */
	margin: 0; padding: 0;
	float: left;
}
#moduleClear{
	/* margin-bottom: 10px; */
	height:10px;
	clear: both;
}

/* START used in dealer locator */
/* comparisonChart */
table.chart			{width:500px;}
table.chart th, table.chart td	{padding: 5px 5px 5px 5px;}
table.chart tr.row1 td	{background-color:#d7d7d7;}
table.chart	tr.row2 td	{background-color:#f2f2f2;}
.details {
	width: 55px;
	margin: 2px;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	color: #80082e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.details2 {
	width: 75px;
	margin: 2px;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	color: #80082e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.inthenewscaptions {
	margin: 2px;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	color: #80082e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
table.chart td.buttons {width:160px;}
/*  END used in dealer locator */

.tbf {
	background-color:#FFFF66;
	font-style:italic;
}
/* end */