/* Fission Effect A Styles */

/* Comment Bubble Styles
.commentUL{background-image:url(../../../../Images/comment/Black_UpLeft.gif);}
.commentUC{background-image:url(../../../../Images/comment/Black_UpCenter.gif);}
.commentUR{background-image:url(../../../../Images/comment/Black_UpRight.gif);}
.commentML{background-image:url(../../../../Images/comment/Black_MidLeft.gif);}
.commentMR{background-image:url(../../../../Images/comment/Black_MidRight.gif);}
.commentLL{background-image:url(../../../../Images/comment/Black_LowLeft.gif);}
.commentLC{background-image:url(../../../../Images/comment/Black_LowCenter.gif);}
.commentLR{background-image:url(../../../../Images/comment/Black_LowRight.gif);} */



.TitleBox {
	color: #FFFFFF;
	background-color: #cccccc;
	height: 19px;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	border-top: 1px solid #374254;
	border-right: 1px solid #374254;
	border-bottom: 1px solid #999999 ;
	border-left: 1px solid #374254;
	font-family: Arial, Helvetica, sans-serif; 
	clear: left;
	width:100%;
	background-image:url(/images/titlebar.gif);
}

.TitleBox_Left {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 1px;
	margin: 0px;
	float:left; 
	text-align:left;
}

.TitleBox_Right {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding: 1px;
	margin: 0px;
	float:right; 
	text-align:left;
}	

.TitleBox_Content {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #242424;
	padding: 1px;
	margin: 0px;
	width:100%;
	border: 1px solid #374254;
}

.TitleBox a:link, .TitleBox a:visited {
	color: red;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;}

.Main_HeaderBox {
	font-weight: bold;
	background-color: #eee;
	width: 100%;
	height: 23px;
	padding: 3px;
	margin: 0px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #e2e2e2 ;
	border-left: 1px solid #eee;
	text-align: left;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold;
	text-decoration:none;
	clear: left;
}
	
.Main_HeaderBox_Content {
	font-size: 11px;
	font-weight: bold;
	width: 100%;
	padding: 3px;
	margin: 0px;
	border: 1px solid #eee;
}

.Main_HeaderBox a:link, .Main_HeaderBox a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;}
	
	/* STYLES THAT CAME WITH TEMPLATE */
div {
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.right {
	color : #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right b {
	color : #EF6D00;
}
.right a {
	color : #003C5E;
}
.right a:hover {
	color : #000000;
}
.left {
	color : #FFFFFF;
	margin-top : 0px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.left a {
	color : #FFFFFF;
}
.left a:hover {
	color : #000000;
}
p {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}

/* THESE ARE DEALERPEAK ASP SITE STYLES */

/* submit buttons */
input.button
{
	background-color: #e2e2e2;
	border: 1px #000000 solid;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 11px;
	cursor: pointer;
	margin: 2px;
	text-shadow: #eee 1px 1px;
	background-image: url("/images/button_bg.gif");
	background-repeat: repeat-x;
}
input.buttonwait
{
	background-color: #e2e2e2;
	border: 1px #000000 solid;
	color: #999999;
	font-family: Tahoma, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 11px;
	cursor: wait;
	margin: 2px;
	text-shadow: #eee 1px 1px;
}
input.hover
{
	background-color: #cccccc;
	border: 1px #000000 solid;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 11px;
	cursor: pointer;
	margin: 2px;
	text-shadow: #eee 1px 1px;
}


/*TABS*/
/* used for seperator when browser deos not support css*/
span.pipe {display: none;}

#tabbox {
	text-align: right;
	margin: 2px 0px 1px 0px;
                white-space: nowrap;
}
#taboff a, #taboff a:visited {
	color: #333333;
	padding: 2px 8px;
	background-color: #cccccc;
	text-decoration: none;
	margin: 1px 0px 1px 2px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px none #999;
	border-left: 1px solid #999;
	vertical-align: text-top;
	background-image: url("/images/button_bg.gif");
	background-repeat: repeat-x;
	font-size: 11px;
}

#taboff a:hover, #taboff a:active {
	color: #fff;
	padding: 2px 8px;
	background-image: none;
	background-color: #ccc;
	text-decoration: none;
	margin: 1px 0px 1px 2px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px none #999;
	border-left: 1px solid #999;
	vertical-align: top;
	font-size: 11px;

}

#tabon a, #tabon a:visited, #tabon a:hover, #tabon a:active {
	color: #000000;
	padding: 2px 8px;
	background-color: #eeeeee;
	text-decoration: none;
	margin: 1px 0px 1px 2px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px none #999;
	border-left: 1px solid #999;
	vertical-align: top;
	font-size: 11px;

}

/* END tabs */

/* CALENDAR*/
.calendarHeader{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: 700; 
	background-color: #003366;}
	
	
td.calendar_on{
	font-family: Tahoma, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #d7ebff;
	text-align: center;
	padding: 2px;
	}

td.calendar_off{
	font-family: Tahoma, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	padding: 2px;}

td.calendar_hover{
	font-family: Tahoma, Arial, Helvetica, Geneva, Sans-serif; 
	font-size: 11px;
	color: #000000;
	background-color: #dfebff;
	cursor: pointer;
	text-align: center;
	padding: 2px;}

/*top navigation main links*/
div#td_links a, div#td_links a:link{
	background: #3051AF;
	color: #ffffff;
	border: solid 1px #646464;
	display: block;
	margin: 0px 0px 1px;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
	height: 20px;
	text-align: center;
	vertical-align: middle;
}

div#td_links a:hover, div#td_links a:active{
	background: #003366; 
	color: #ffffff;
	border: solid 1px #646464;
	display: block;
	margin: 0px 0px 1px;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	}

/*default for site*/
body{
	background-color:#000000;}
	
mainLayout{
	width: 760px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;}

td.underNav{
	background-color: #666B6F;
	height:14px;}
	
p,td{
	margin: 0px; 
	color: #FFFFFF; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;}
	
h4, h3{
	margin: 0px; 
	color: #666666; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;}


			 

/*default for links*/	
a:link {
	color:#6699FF;
	font-size: 11px;}
a:visited {
	color: #6699FF;
	font-size: 11px;}
a:active {
	color: #FF0000;
	font-size: 11px;}	
a:hover {
	color: #FF0000;
	font-size: 11px;}
	
/* general layout styles for skin FissionEffectB */	
td.sideNav {
	background-color: #242424;
	padding: 10px 0px 5px 5px;
	border-right: 1px solid #868A9B;
	margin: 0px 0px 0px 0px;
	width: 160;
}
td.veryTop {
	background-color: #0A2950;
	padding: 0px 5px 0px 5px;
	border-left: 1px solid #DBDBDC;
	border-top: 1px solid #DBDBDC;
	border-right: 1px solid #DBDBDC;
	margin: 0px 0px 0px 0px;
}
td.mainContent {
	background-color: #242424;
	padding: 10px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}
/*BreadCrumb*/

.breadcrumb_trailbox {
	width: 100%;
	height: 23px;
	background: #FFFFCC;} 
.breadcrumb_trail {
	width: 100%;
	margin: 4px;
	color: #003366;
	font-size: 11px;
	font-weight: bold;}	 
	
/* nav links */
a.navTop:link, a.navTop:visited {
	color: #454545;
	font-size: 11px;
	font-weight:600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px 5px 0px 10px;}
a.navTop:hover {
	color: #CF1709;
	font-size: 11px;
	font-weight:600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin: 0px 5px 0px 10px;}
	
.navDivider {
    color: #0A2950;
	margin: 0px 5px 0px 5px;}


/* container header styles */		
.headerBox {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #000000;
	width: 156px;
	height: 20px;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: none ;
	border-left: 1px solid silver;
	text-align: left;
	vertical-align: middle;
	background-image: url("../images/nav_bg.gif");
}
	
.headerbox_content {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #EBEBEB;
	width: 156px;
	padding-left: 3px;
	padding-bottom: 4px;
	margin: 0px 0px 10px 0px;
	border-top: none;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
}

a.headerbox_link:link, a.headerbox_link:visited {
	color: #333333;
	text-decoration: none;}
	
a.headerbox_link:hover {
	color: #ff0000;
	text-decoration: underline;}

	
.BoxWrapper{
	border: 1px solid #000000;}
		
.webSpecials {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #666666;
	width: 604px;
	padding: 4px;
	letter-spacing: 1px;}
	
.recVehicles {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #cccccc;
	width: 300px;
	height: 23px;
	padding-top: 4px;
	padding-left: 4px;
	letter-spacing: 1px;}	
	
.pageHeader {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px;
	color: #b4b4b4;
	font-weight: 700;
	margin: 0px;}	
		
.strongLink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000066;
	font-weight: 700;}
		
.strong {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: 700;}	
		
.greeting {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #ffffff;
	font-weight: 900;}			

.readmore {
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: 700;}

.footer {
	color: #999999;
	font-size: 11px;}
	
td.footer{
	background-color:#424242;
	border-top:1px solid #BABABA;
	border-bottom:1px solid #BABABA;
	padding:3px 10px 3px 10px;}
	
.copyright {
	color: #a2a2a2;
	font-size: 11px;}								
					
/* these are form elements */			
.inputStyle {
	background-color: #e2e2e2;
	color: #000000;
	font-size: 11px;
	width: 98%;
	margin: 1px;
	border-style: solid;
	border-width: 1px;}
	
/* when a user onFocus highlight */	
.inputStyle_on {
	background-color: #fff;
	color: #000000;
	font-size: 11px;
	width: 98%;
	margin: 1px;
	border-style: solid;
	border-width: 1px;}
	
/*default width style*/	
.inputStyle2 {
	background-color: #e2e2e2;
	color: #000000;
	font-size: 11px;
	margin: 1px;
	border-style: solid;
	border-width: 1px;}
	
/* when a user onFocus highlight */	
.inputStyle2_on {
	background-color: #fff;
	color: #000000;
	font-size: 11px;
	margin: 1px;
	border-style: solid;
	border-width: 1px;}				
		
		
/* these control MAIN nested table styles */		
			
.tableNestBg {
	background-color: #FFFFFF;}
.tableNest1 {
	background-color: #374254;}
.tableNest2 {
	background-color:#242424;}	
.header {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: 900;
}
.subheader {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: 700;
	background-color: #225896;}	

.tableBar {
	background-color:#374254;}

/*used for result sets and changing background colors F2F2FF*/
.resultsetA {
	background-color: #000000;}
.resultsetB {
	background-color: #242424;}
	
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
}

.ExpressSearch {
	background-color: #333333;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}

/* used in the configurator */
.vehicleDiv {
	position: absolute;
	z-index: 1;
	visibility: hidden;
	border: 1px solid #000000;
}

.smallcontent {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
.tableBorder {
	border: 1px #CCCCCC solid;
}

/*******  ALL POP-UP CALENDAR CSS   *******/
/* Default attributes of table container for entire calendar */
.table-style {
	font-family: arial;
	border-width: 1; 
	border-style: solid; 
	border-color: #a0a0a0; 
	background-color: #ffffff;
	font-family: arial; 
	font-size: 11px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
	z-index: +999;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
	padding: 2px;
	font-family: arial; 
	font-size: 11px;
	color: #3a6ea5;
	text-align: center;	
}

/* Default attributes used in calendar title background.*/
.title-background-style {
	background-color: #cee3ef;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
	border-style: solid;
	border-width: 1;
	border-color: #3a6ea5; 
	cursor: pointer;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.title-control-select-style {
	border-style: solid;
	border-width: 1;
	border-color: #3a6ea5; 
	cursor: pointer;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
	font-family: arial; 
	font-size: 11px; 
	border-width: 1; 
	border-style: solid; 
	border-color: #a0a0a0;
	background-color: #cee3ef;
	cursor: pointer;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style {
	background-color: #3a6ea5;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style {
	background-color: #0;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style {
	padding: 5px;
	background-color: #cee3ef;
	font-family: verdana; 
	font-size: 10px;
}

/* Attributes of current day in calendar body. */
.current-day-style {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.end-of-weekday-style {
	color: #909090;
	text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.normal-day-style {
	color: black;
	text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.selected-day-style {
	border-style: solid;
	border-width: 1px; 
	border-color: #a0a0a0;
}

/* Default attributes of designated holidays. */
.holiday-style {
	background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style {
	padding: 0px;
	color: black;
	background-color: #cee3ef;
	text-align: center;
	text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
	background-color: #d0d0d0; 
	padding: 0px;
}