/* 

Name:	Customer Portal
URLs:	http://myvehiclesite.com
Date:	9/8/2010

===================================================================*/


/*=[ links & general ]=============================================*/
	
html { overflow-y: scroll; }

a, a:active, a:focus {
	-moz-outline-style:none;
	/*color:#005fa2;*/
	}
	
a:hover 
{
    /*color:#004585;*/
    text-decoration:none;
}

a.gray{
	color:#999;
	}
	
a:hover.gray{
	color:#666;
	}
    
a.disabled
{
    cursor: default;
    opacity: .5;
}
.clickable
{
    cursor: pointer;
}	
body {
    font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	background-color:#dcdcdc;
	color:#444;
	}
	
h1, h2, h3, h4, h5, h6 {
	color:#333;
	}
	
h1, h2
{
    letter-spacing:-0.05em;
    font-weight:bold;
}
	
address {
	font-style:normal;
	margin-bottom:1em;
	}
	
.capitalize {
	text-transform: capitalize;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.float_right
{
    float: right;
}

.grayText {
	color:#666666;
	}

.small {
	font-size: 9px; 
	}
	
.hide, .hidden {
	display:none;
	}
	
.shortBottomMargin 
{
    margin-bottom:10px;
}
	
.nomargin {
	margin:0;
	}
	
.padding_0 {
	padding:0;
	}
	
.checkBoxNoMargin input{
	/* ASP.NET creates a span attribute around a checkbox, giving it the class name */
	margin:0;
	margin-right:6px;
	}
	
p.info 
{
	/* padding-left: 52px; */
	font-size: 11px;
	/*background-image: url(/assets/images/site/icons/info.png); */
	background-repeat: no-repeat; 
	background-position:left center;
}
	
.little-i
{	
	font-style: italic;
	font-size: 12px;
}

.abitsmaller
{
	font-size:11px;
	}


a.button
{
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    text-decoration: none;
}

a.button:hover
{
    background: #666;
    border-color: #666;
    color: #fff;
}

div.roundButton {
	width:140px;
	height:40px;
	}
	
div.roundButton a {
	background-image:url("../images/site/round_button.png");
	background-repeat:no-repeat;
	display:block;
	height:30px;
	width:140px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
	color:#666;
	text-shadow:#fff 0 1px 0px;
	}
	
div.roundButton a:hover {
	color:#000;
	}
	
/* disabled roundbutton */
div.roundButton a[disabled],
div.roundButton a.disabled {
	background-position:0 -40px;
	color:#787878;
	text-shadow:#f5f5f5;
	}
	
/*=[ header ]======================================================*/
	
#header_wrap {
	background-image:url("../images/site/header.png");
	}
	
.ie6 #header_wrap {
	background-image:none;
	}
	
#header {
	position:relative;
	margin:0 auto;
	width:940px;
	height:107px;
	}
	
#logo {
	position:absolute;
	top:0;left:0;
	width: 350px;
	height: 70px;
	text-align:center;
	}
	
#logo a {
	display:block;
	height: 100%;
	width:100%;
	background-image:url("../images/dyn/portallogo.png");
	background-repeat:no-repeat;
	background-position:left center;
	}
	

#logo a.noportal {
	display:block;
	height:100%;
	width:100%;
	margin-top:3px;
	background-image:url("../images/site/portallogo.png");
	background-repeat:no-repeat;
	background-position:center center;
	}
	
#logo a strong {
	display:none;
	}
	
#logo_extend {
	height:6px;
	}
	
#top_right {
	position:relative;
	top:0;
	right:0;
	height:30px;
	text-align:center;
	}
	
#top_right ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#top_right ul li {
	float:right;
	margin:0;
	padding:0;
	}
	
#top_right_l, #top_right_r {
	width:9px;
	height:30px;
	background-repeat:no-repeat;
	}
	
#top_right_l { background-image:url("../images/site/top_right_l.png"); }
#top_right_r { background-image:url("../images/site/top_right_r.png"); }
	
#top_right_m {
	background-image:url("../images/site/top_right_m.png");
	background-repeat:repeat-x;
	height:30px;
	}
	
#top_right_m p {
	padding:3px;
    margin:0;
	}
	
#top_right strong, #top_right a, #top_right a:active {
	font-weight:bold;
	}
	
/* ie6 - top right */
.ie6 #top_right_l, .ie6 #top_right_r {
    background-image:none;
    width:0;
    }
    
.ie6 #top_right_m {
    background-image:none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000, endColorstr=#55000000);
    height:auto;
    padding:2px 6px 4px;
    }

.ie6 #top_right {
    right:-15px;
    }

#top_right a:hover {
	text-decoration:none;
	}
	
#welcome {
	position: absolute;
	left: 240px;
	bottom: 40px;
	}
	
#welcome h2, h3 {
	margin:0;
	padding:0;
	}
	
/*=[ navigation ]==================================================*/
	
#navigation {
	position:absolute;
	bottom:0;
	left:0;
	}
	
#navigation ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
#navigation ul li {
	background-color:transparent;
	background-image:url("../images/site/nav_hover_black.png");
	width:114px;
	height:40px;
	float:left;
	margin:0;
	margin-left:2px;
	text-align:center;
	}
	
#navigation ul li:hover {
	background-position:bottom;
	background-repeat:repeat-x;
	}
	
#navigation ul li.selected {
	background-image:url("../images/site/nav_selected.png");
	background-position:bottom;
	}
	
#navigation ul li.selected a {
	color:#333;
	font-weight:bold;
	}
	
#navigation ul li a {
	display:block;
	width:100%;
	padding-top:11px;
	height:29px;
	background-repeat:no-repeat;
	background-position:center center;
	text-decoration:none;
	}
	
#navigation ul li a strong {
	}

/* ie6 - navigation */
.ie6 #navigation {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000, endColorstr=#55000000);
    width:940px;
    left:-15px;
    padding:0 15px;
    bottom:-1px;
    }

.ie6 #navigation ul li {
    background-image:none;
    }

.ie6 #navigation ul li.selected {
	background-image:none;
/*    background-color:#ffffff; */
	}
	
.ie6 #navigation ul li a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
    }

.ie6 #navigation ul li.selected a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf5f5f5, endColorstr=#FFf5f5f5);
    background-color:#ffffff;
	color:#000000;
	font-weight:bold;
	}
	
.ie6 #navigation ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#FF000000);
    }

.ie6 #navigation ul li.selected a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf5f5f5, endColorstr=#FFf5f5f5);
    }

	
/*=[ subnavigation ]===============================================*/

#subnav{
	background-color:#aeaeae;
	background-position:bottom center;
	background-repeat:repeat-x;
	}
	
#subnavigation{
	padding:6px 0;
	color:#fff;
	}
	
#subnavigation a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
	
#subnavigation a:hover{
	text-decoration:none;
	}
	
#subnavigation ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
#subnavigation ul li {
	float:left;
	margin:0;
	padding: 0 14px;
	border-right:1px solid #c8c8c8;
	}
	
#subnavigation ul li.first{
	padding-left:0;
	}
	
#subnavigation ul li.last{
	padding-right:0;
	border:0;
	}
	
	
/*=[ body ]========================================================*/
	
#main_wrapper {
	background-image:url("../images/site/main_wrapper_background.png");
	background-position:top center;
	background-repeat:no-repeat;
	}
	
#main{
	padding:12px 0;
	background-image:url("../images/site/main_background.png");
	background-position:top center;
	background-repeat:repeat-y;
	}
	
#main .container_12, #body .container_16{
	background-color:#f5f5f5;
	}

/* ie6 - main */
.ie6 #main {
	background-image:url("../images/site/main_background_ie6.png");
    }
	

/*=[ my auto points ]==============================================*/
	
#loyaltypoints{
	background-color:#c7c7c7;
	background-image:url("../images/site/loyalty_points.png");
	background-repeat:no-repeat;
	width:220px;
	height:160px;
	text-align:center;
	}
	
#loyaltypoints h1, #loyaltypoints h2, #loyaltypoints h3, #loyaltypoints h4, #loyaltypoints h5, #loyaltypoints h6{
	text-align:center;
	margin:0;
	padding:0;
	}
	
#loyaltypoints h1{
	font-size:3em;
	padding-top:45px;
	}
	
#loyaltypoints h6{
	width:84%;
	margin:0 auto;
	font-weight:normal;
	border-bottom:1px solid #999;
	}
	
	
	
/*=[ schedule appointment ]========================================*/
	
#schedule_appointment{
	width:230px;
	height:42px;
	margin-bottom:10px;
	
	background-image:url("../images/site/schedule_appointment.png");
	background-repeat:no-repeat;
	}
	
#schedule_appointment h2{
	height:100%;
	width:100%;
	margin:0;
	}
	
#schedule_appointment h2 a {
	display:block;
	height:100%;
	width:100%;
	}
	
#schedule_appointment h2 a strong {
	display:none;
	}
	
	
/*=[ footer ]======================================================*/
	
#company_info {
	padding:10px 16px;
	}
	
#company_info h4 {
	margin:0;
	padding-bottom:0;
	}
	
	
	
/*=[ footer ]======================================================*/
	
#footer {
	background-image:url("../images/site/footer.gif");
	background-repeat:no-repeat;
	background-position:top center;
	padding:2.25em 0;
	}
	
#footer_nav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	}
	
#footer_nav ul li{
	float:left;
	margin:0;
	padding:0 10px 0 0;
	}
	
#footer_nav a {
	color:#444;
	font-weight:bold;
	}
	
#footer_nav a:hover {
	color:#000;
	}
	
#powered_by {
	position:absolute;
	right:0;
	width:127px;
	height:19px;
	background-image:url("../images/site/powered_by_atom.gif");
	}
	
#powered_by a {
	display:block;
	height:100%;
	width:100%;
	}
	
#powered_by a strong {
	display:none;
	}
	
	
/*=[ graybox ]=====================================================*/
	
.gray_box {
	margin-bottom:1em;
	}
	
.gray_box a {
	color:#222;
	font-weight:bold;
	}
	
.gray_box a:hover {
	color:#000;
	}
	
.gray_box_top {
	height:6px;
	margin:0;padding:0;
	background-image:url("../images/site/gray_box_top.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
.gray_box_middle {
	background-image:url("../images/site/gray_box_middle.gif");
	background-repeat:repeat-y;
	height:100%;
	}
	
.gray_box_bottom {
	height:6px;
	background-image:url("../images/site/gray_box_bottom.gif");
	background-repeat:no-repeat;
	}
	
	
/*=[ grayborder ]==================================================*/
	
.gray_border_header{
	background-color:#e5e5e5;
	padding:3px 10px;
	font-weight:bold;
	}
	
.gray_border_header h3, .gray_border h4 {
	font-size:1em;
	color:#444;
	margin:0;
	}
	
.gray_border, .panelbox .panel {
	border:1px solid #e5e5e5;
	padding:9px;
	margin-bottom:1em;
	}
	
.gray_border table, .gray_border ul {
	margin:0;
	}
	
.gray_border ul li {
	margin-left:16px;
	}
	
.gray_border table tr {
	}
	
.gray_border table tr td {
	}
	
.gray_border table tr:hover {
	color:#000;
	background-color:#e5e5e5;
	}
	
	
/*=[ sub navigation ]==============================================*/
	
#sub_navigation {
	width:640px;
	height:30px;
	background-image:url("../images/site/sub_nav_gradient.gif");
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:0 30px;
	}
	
#sub_navigation ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	}
	
#sub_navigation ul li {
	float:left;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
	width:126px;
	}
	
#sub_navigation ul li a {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#e5e5e5;
	background-image:url("../images/site/sub_nav_buttons.gif");
	background-repeat:no-repeat;
	text-decoration:none;
	color:#777;
	}
	
#sub_navigation ul li a:hover {
	background-color:#fff;
	background-position:0 -30px;
	}
	
#sub_navigation ul li a.current, #sub_navigation ul li a.current:hover {
	background-position:0 -60px;
	color:#333;
	}
	
#sub_navigation ul li a span {
	display:block;
	padding-top:4px;
	}
	
	
	
/*=[ page elements ]===============================================*/

p.required
{
    background: #fcc;
    border: 1px solid #BA0000;
}
#pChkAgreed
{
    font-size:0.9em;
    padding: 5px 5px 5px 35px;
}
#pChkAgreed label
{
    padding-right: 0;
}
#pChkAgreed input
{
    margin: 0 10px 0 -25px;
}

/*=[ vehicle thumbnails [home page] ]====================================================*/
    
.vehicle_thumb_wrap {
    height:134px;
    width:100%;
    background-repeat:no-repeat;
    background-size: contain;
    background-position:center center;
    }

.vehicle_thumb_overlay {
    background-image:url('../images/site/vehicle_thumb_overlay.png');
    background-position:top center;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    }

    .ie6 .vehicle_thumb_overlay {
    background-image:url('../images/site/vehicle_thumb_overlay.gif');
        }

.vehicle_thumb_nextappt {
    background-color:#101010;
    background-image:url('../images/site/vehicle_thumb_nextappt.png');
    background-repeat:no-repeat;
    color: White;
    text-align:right;
    }
    .vehicle_thumb_nextappt span {
        display:block;
        padding:6px 10px;
        font-size:16px;
        font-weight:bold;
        }


.vehicle_thumb_details {
    background-image:url('../images/site/vehicle_thumb_overlay.png');
    background-position:bottom center;
    background-repeat:no-repeat;
    height:68px;
    line-height:1;
    }

    .vehicle_thumb_details_ymm {
        color:#fff;
        font-weight:bold;
        padding-left:12px;
        padding-top:12px;
        }
    .vehicle_thumb_details_miles {
        color:#bbb;
        padding-left:12px;
        padding-top:6px;
        }
    .vehicle_thumb_details_points {
        color:#eee;
        padding-left: 12px;
        padding-bottom:6px;
        padding-top: 5px;
        font-style: italic;
        }

	
/*=[ panelbox ]====================================================*/
    
.panelbox {
	margin-bottom:1em;
	}
	
.panelbox .titlebar {
	display:block;
	width: 100%;
	background-color:#e5e5e5;
	text-decoration:none;
	font-weight:bold;
	color:#444;
	}
	
.panelbox .titlebar .title {
	display:block;
	padding:3px 10px;
	}
	
	
/*=[ tabbed box ]==================================================*/
	
.tabbed_box_row {
	background-image:url("../images/site/container/top_middle_white.gif");
	background-position:0 29px;
	background-repeat:repeat-x;
	height:32px;
	}
	
.tabbed_box_row_top_left {
	background-image:url("../images/site/container/top_left_white.gif");
	background-position:0 29px;
	background-repeat:no-repeat;
	width:8px;
	height:100%;
	float:left;
	}
	
.tabbed_box_row_top_middle {
	float:left;
	height:100%;
	width:95%;
	}
	
.tabbed_box_row_top_right {
	background-image:url("../images/site/container/top_right_white.gif");
	background-position:right 29px;
	background-repeat:no-repeat;
	width:8px;
	height:100%;
	float:right;
	}
	
/*==[ Tab Menu Slider ]================================*/

.tabScrollButton {
	display:inline;
	width:20px;
	height:30px;
	}
	
.tabScrollButton a strong{
	display:none;
	}
	
.tabScrollButton a {
	display:block;
	height:14px;
	width:14px;
	margin-top:8px;
	background-image:url("../images/site/tabMenuSliderArrows.gif");
	}
.tabScrollButton.left {
	float:left;
	}
	
	.tabScrollButton.left a:hover {
		background-position:0 -14px;
		}
		
.tabScrollButton.right {
	float:right;
	}
	
	.tabScrollButton.right a {
		background-position:-14px 0;
		margin-left:4px;
		}
		
	.tabScrollButton.right a:hover {
		background-position:-14px -14px;
		}
		
.tabSliderContainer, .tabSlider {
	height:30px;
	width:100%;
	}
	
.tabSliderContainer {
	position:relative;
	}
	
.tabSlider {
	overflow: hidden;
	position: relative;
	
	width: 100%;
	float:left;
	}
	
.tabSlider ul {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	}

.tabbed_box_row ul {
	height:30px;
	z-index:100;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	}
	
.tabbed_box_row ul li {
	display:inline-block;
	height: 30px;
	margin: 0;
	background-image:url("../images/site/tabs/dark_left.gif");
	background-repeat:no-repeat;
	}
	
.ie6 .tabbed_box_row ul li {
    width:200px;
    text-align:center;
    }
	
.tabbed_box_row ul li span {
	display:block;
	width:100%;
	height:100%;
	background-position:right;
	background-image:url("../images/site/tabs/dark_right.gif");
	background-repeat:no-repeat;
	}
	
.tabbed_box_row ul li span a {
	display:block;
	padding:5px 10px;
	text-decoration:none;
	color:#5d5d5d;
	font-weight:bold;
	}
	
.tabbed_box_row ul li:hover {
	background-image:url("../images/site/tabs/light_left.gif");
	}
.tabbed_box_row ul li:hover span {
	background-image:url("../images/site/tabs/light_right.gif");
	}
.tabbed_box_row ul li:hover span a {
	color:#444;
	}
	
.tabbed_box_row ul li.selected, .tabbed_box_row ul li.selected:hover {
	background-image:url("../images/site/tabs/white_left.gif");
	}
.tabbed_box_row ul li.selected span, .tabbed_box_row ul li.selected:hover span {
	background-image:url("../images/site/tabs/white_right.gif");
	}
	
/*=[ error/success/information messages ]==========================*/
	
/* Messages 
.error{
	background: #ffdfdf;
	border: 1px solid #df7d7d;
	border-width: 1px 0;
	margin: 0 0 1.5em 0;
	padding: 7px;
	}
	
.error dt, .error h3{
	margin: 0 0 .5em 0;
	font-size: 100%;
	line-height: 100%;
	font-weight: bold;
	}
	
.error dd{
	margin: 0;
	padding: 0;
	}
	
.error ol{
	margin: 0;
	padding: 0;
	}
	
.error ol li{
	margin: 0;
	padding: 2px;
	list-style-position: inside;
	border-bottom: 1px dotted #df7d7d;
	position: relative;
	}
	
.success{
	background: #C8FFBF;
	border: 1px solid #A2EF95;
	border-width: 1px 0;
	margin: 0 0 1.5em 0;
	padding: 7px;
	}
	
.success p{
	margin: 0;
	}
	
/* error messages */
.error {
	margin-bottom:1em;
	color: #CC0000;
	}

.error .cp_top{
	background-image:url("../images/site/container/messages/error_top_middle.gif");
	background-repeat:repeat-x;
	background-color:#ffcecc;
	}
	
.error .cp_top .cp_top_left {
	background-image:url("../images/site/container/messages/error_top_left.gif");
	}
	
.error .cp_top .cp_top_middle h3 {
	font-size:18px;
	}
	
.error .cp_top .cp_top_right {
	background-image:url("../images/site/container/messages/error_top_right.gif");
	}
	
.error .cp_main {
	background-image:url("../images/site/container/messages/error_main_right.gif");
	background-color:#ffcecc;
	}
	
.error .cp_main .cp_main_content {
	background-image:url("../images/site/container/messages/error_main_left.gif");
	padding-top:0;
	padding-bottom:0;
	}
	
.error .cp_main .cp_main_content ol, .error .cp_main .cp_main_content ul {
	margin:0;
	}
	
.error .cp_main .cp_main_content ul li {
	margin-left:10px;
	}
	
.error .cp_bottom {
	background-image:url("../images/site/container/messages/error_bottom_middle.gif");
	}
	
.error .cp_bottom .cp_bottom_left {
	background-image:url("../images/site/container/messages/error_bottom_left.gif");
	}
	
.error .cp_bottom .cp_bottom_right {
	background-image:url("../images/site/container/messages/error_bottom_right.gif");
	}

.error .cp_main .cp_main_content li, .error .cp_main .cp_main_content a {
	color: #CC0000;
}
	
/* success messages */
.success {
	margin-bottom:1em;
	}
	
.success a {
	color:#197b30;
	}

.success .cp_top{
	background-image:url("../images/site/container/messages/success_top_middle.gif");
	background-repeat:repeat-x;
	background-color:#ceffcc;
	}
	
.success .cp_top .cp_top_left {
	background-image:url("../images/site/container/messages/success_top_left.gif");
	}
	
.success .cp_top .cp_top_middle h3 {
	font-size:18px;
	}
	
.success .cp_top .cp_top_right {
	background-image:url("../images/site/container/messages/success_top_right.gif");
	}
	
.success .cp_main {
	background-image:url("../images/site/container/messages/success_main_right.gif");
	background-color:#ceffcc;
	}
	
.success .cp_main .cp_main_content {
	background-image:url("../images/site/container/messages/success_main_left.gif");
	padding-top:0;
	padding-bottom:0;
	}
	
.success .cp_main .cp_main_content ol, .success .cp_main .cp_main_content ul {
	margin:0;
	}
	
.success .cp_main .cp_main_content ul li {
	margin-left:10px;
	}
	
.success .cp_bottom {
	background-image:url("../images/site/container/messages/success_bottom_middle.gif");
	}
	
.success .cp_bottom .cp_bottom_left {
	background-image:url("../images/site/container/messages/success_bottom_left.gif");
	}
	
.success .cp_bottom .cp_bottom_right {
	background-image:url("../images/site/container/messages/success_bottom_right.gif");
	}
	
/* information messages */
.information {
	margin-bottom:1em;
	}
	
.information a {
	color:#a95f0e;
	}
	
.information .cp_top{
	background-image:url("../images/site/container/messages/info_top_middle.gif");
	background-repeat:repeat-x;
	background-color:#fffccc;
	}
	
.information .cp_top .cp_top_left {
	background-image:url("../images/site/container/messages/info_top_left.gif");
	}
	
.information .cp_top .cp_top_middle h3 {
	font-size:18px;
	}
	
.information .cp_top .cp_top_right {
	background-image:url("../images/site/container/messages/info_top_right.gif");
	}
	
.information .cp_main {
	background-image:url("../images/site/container/messages/info_main_right.gif");
	background-color:#fffccc;
	}
	
.information .cp_main .cp_main_content {
	background-image:url("../images/site/container/messages/info_main_left.gif");
	padding-top:0;
	padding-bottom:0;
	}
	
.information .cp_main .cp_main_content ol, .information .cp_main .cp_main_content ul {
	margin:0;
	}
	
.information .cp_main .cp_main_content ul li {
	margin-left:10px;
	}
	
.information .cp_bottom {
	background-image:url("../images/site/container/messages/info_bottom_middle.gif");
	}
	
.information .cp_bottom .cp_bottom_left {
	background-image:url("../images/site/container/messages/info_bottom_left.gif");
	}
	
.information .cp_bottom .cp_bottom_right {
	background-image:url("../images/site/container/messages/info_bottom_right.gif");
	}
	
/*==[ Rewards Page ]==================================*/

.largeRewardsPoints {
	font-size: 36px; 
	font-weight: bold;
	font-family: Segoe UI;
	}
	
/* Small Date Icon */
.dateIcon {
	background-image:url("../images/site/dateIconBG.gif");
	background-repeat:repeat-x;
	background-color:#f0f0f0;
	color:#666;
	text-align:center;
	text-transform:uppercase;
	width:40px;
	border:1px solid #c9c9c9;
	font-weight:bold;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:#fff 1px 1px 0;
	}
	
.dateIconMonth, .dateIconYear {
	font-size:0.8em;
	color:#888;
	}
	
.dateIconDay {
	font-size:1.5em;
	line-height:0.8em;
	}
/* Rewards Activity */
.tableHeader {
    width:100%;
	}
.tableHeader th {
    border:1px solid #cccccc;
    padding:3px;
    color:#444;
    text-shadow:1px 1px 0 #fff;
    background-color:#dcdcdc;
	}

table.rewardsActivity {
	width:100%;
	}
table.rewardsActivity td {
	border:1px solid #ccc;
	padding:3px;
	}

.rewardsActivityDate {
	width:42px;
	}

.rewardsActivityDescription {
	
	}
.rewardsActivityChange, .rewardsActivityBalance {
	width:40px;
	}



/* Rewards Tabs */

.list_item_container {
	overflow-x:hidden;overflow-y:auto;
	}
	
.list_item {
	background-color:#d8d9da;
	background-image:url("../images/site/container/list_item_background.gif");
	background-repeat:repeat-x;
	border:1px solid #e5e5e5;
	margin-bottom:10px;
	width:99%;
	}
	
.list_item table {
	margin:0;
	}
	
.list_item_description {
	padding:0 0 6px 12px;
	}
	
.list_item_points {
	text-align:center;
	}
	
.list_item_points h3 {
	margin:0;
	}
	
.redeem_coupon {
	font-size:10px;
	}
	

/*==[ Vehicles Page ]==================================*/

vehicleMenu {
	border: 1px solid #000;
	background-color: White;
	}
	
vehicleMenu a {
	color: #333;
	}
	
ul.maintenance_menu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
ul.maintenance_menu li {
	margin:0;
	padding:0;
	}
	
ul.maintenance_menu li table {
	width:100%;
	}
	
table.maintenance_table th {
	background-color:#fff;
	}
	
table.maintenance_table tr {
	background-color:#e5e5e5;
	}
	
table.maintenance_table tr {
	
	}
	
	
	
h6 { border-bottom: 1px solid #dddddd; color: #333; }

.alertItem
{
	margin-bottom:8px; 
	margin-left:0px; 
	font-size: 12px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: center left;
}

.serviceAlert
{
	background-image: url("../images/site/sm_rnd_icons/cog.png");
}

.warrantyAlert
{
	background-image: url("../images/site/sm_rnd_icons/key.png");
}

.rewardsAlert
{
	background-image: url("../images/site/sm_rnd_icons/heart_green.png");
}

.campaignAlert
{
	background-image: url("../images/site/sm_rnd_icons/warning.png");
}

.surveyAlert
{
	background-image: url("../images/site/sm_rnd_icons/comment.png");
}

.infoAlert
{
	background-image: url("../images/site/sm_rnd_icons/warning.png");
}

.inspectionAlert
{
	background-image: url("../images/site/sm_rnd_icons/magnify.png");
}

.birthdayAlert
{
	background-image: url("../images/site/sm_rnd_icons/cake.png");
}


.list_item_disabled h1, .list_item_disabled h2, .list_item_disabled h3, .list_item_disabled h4, .list_item_disabled h5, .list_item_disabled h6, .list_item_disabled a
{
	color:#999;
	}
	

.prefControl
{
	margin-right: 10px;
	font-size: 10px;
}

.vehiclesTableOutput {
	padding-left:1em;
	font-weight:bold;
	color:#000;
	}
	
.servicePlanIntervals {
	min-height: 200px;
}
	
.servicePlanPrev, .servicePlanCurr, .servicePlanNext {
	float:left;
	width:33%;
	}
.servicePlanWrap {
	padding:8px;
	border:1px solid #bbb;
	margin:0 4px;
	min-height: 300px;
	overflow: hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

.ie6 .servicePlanWrap {
    margin:0 8px 0 0 !important;
    }

.servicePlanWrap h5 
{
	text-align: center;
	font-size: 24px;
}
.servicePlanPrev .servicePlanWrap {
	margin-left:0;
	}
.servicePlanNext .servicePlanWrap {
	margin-right:0;
	}
	
.imgVehicle {
	border:1px solid #bdbdbd;
    height:134px;
    width:100%;
	}
	
.servicePlanNav {
	margin:10px 0;
	}
	
.prevButton, .nextButton {
	width:91px;
	height:32px;
	}
	
.prevButton a, .nextButton a {
	display:block;
	width:100%;
	height:100%;
	}
	
.prevButton a strong, .nextButton a strong {
	display:none;
	}
	
.nextButton {
	background-image:url("/assets/images/site/next_button.png");
	float:right;
	}
	
.prevButton {
	background-image:url("/assets/images/site/prev_button.png");
	float:left;
	}
	
/*==[ Vehicles Page ]==================================*/


.UserNameAvailable, .UserNameUnAvailable {
	padding:3px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
	
.UserNameAvailable {
	background-image:url("../images/site/form_validate_okay.png");
	background-repeat:repeat-x;
	background-color:#0f0;
	border:1px solid #00b600;
	color:#fff;
	text-shadow:#00b600 -1px -1px 0px;
	}
	
.UserNameUnAvailable {
	background-image:url("../images/site/form_validate_warning.png");
	background-repeat:repeat-x;
	background-color:#f00;
	border:1px solid #f00;
	color:#fff;
	text-shadow:#f00 -1px -1px 0px;
	}


/*==[ Customer Selection ]=============================*/

#customer_selection {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
#customer_selection li {
	margin:0 0 1em;
	border:1px solid #e5e5e5;
	}
	
#customer_selection li:hover {
	background-color:#f5f5f5;
	}
	
#customer_selection li table {
	margin-bottom:8px;
	}
	
.customer_selection_name {
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	padding-top:4px;
	color:#000;
	}
	
.customer_selection_vehicle_count, .customer_selection_confirm_link {
	font-size:16px;
	padding-left:8px;
	}
	
.select_vehicle input {
	outline:0;
	}
	
	

	
	

	
	
#errorMain 
{
	width: 500px;
	margin: auto;
}

#errorMain legend { font-weight: bold; line-height: 24px; }

.labelsToLeft  
{
	max-height: 250px;
	overflow: auto;
}

.labelsToLeft input {
	float:left;
	margin-bottom:1em;
	}
	
.labelsToLeft label {
	width:90% !important;
	}
	
	.vs_rollover 
	{
		text-decoration: none;
	}
	
	
	.vs_rollover:hover
	{
		text-decoration: underline;
	}
	
.campaigns_and_news 
{ 
}

/*==[ Account Page ]==================================*/
/*  Should Portal be redesigned, we should aim to do the
    content areas similar to this for more flexibility.

    Section should be replaced with the HTML element if/when redesign allows,
    The H3 should be consolidated with the cp_container stuff

    Wrapper should be used to provide styling on content    --CMC
*/
.section.bordered
{
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}

.section.bordered h3
{
    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 1%, rgba(216,217,218,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(246,246,246,1)), color-stop(100%,rgba(216,217,218,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 1%,rgba(216,217,218,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 1%,rgba(216,217,218,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 1%,rgba(216,217,218,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d8d9da',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(246,246,246,1) 1%,rgba(216,217,218,1) 100%); /* W3C */
    font-size: 13px;
    color: #444;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: white 1px 1px 0px;
}
.section.bordered h3.clickable
{
    text-decoration: underline;
}
.section.bordered .wrapper
{
    padding: 10px;
}

/*==[ Sliders ]=============================*/
.portal_slider_horizontal .scroll-bar-wrap .ui-corner-bottom {
	
	}

.portal_slider_horizontal .scroll-bar {
	padding:12px !important;
	}

.ui-slider .ui-slider-horizontal .ui-widget .ui-widget-content .ui-corner-all {
	}

.portal_slider_horizontal .ui-handle-helper-parent {
	background-image:none !important;
	border: 1px solid #dddddd !important;
	height:2px !important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#eeeeee;
	}

	
	/* anchor */
.portal_slider_horizontal .ui-slider-handle {
	width:33px !important;
	height:16px !important;
	margin-top:-9px !important;
	background-image:url("/assets/images/ocas/slider-h.png") !important;
	background-color:transparent !important;
	border:0 !important;
	}

.portal_slider_horizontal .ui-slider-handle.ui-state-hover {
	background-position:0 -16px;
	}

.portal_slider_horizontal .ui-slider-handle.ui-state-active {
	background-position:0 -32px;
	}

	/* anchor span */
.portal_slider_horizontal .ui-icon.ui-icon-grip-dotted-vertical {
	background-image:none !important;
	cursor:url("/sharedassets/images/cursors/openhand.cur"), default;
	}


/* Hacks */

.ie6 .container_24, .ie7 .container_24 {
    width:962px;
    }
    
.ie6 .tabbed_box_row ul li, .ie7 .tabbed_box_row ul li {
    float:left;
    margin:0 1px;
    }