﻿
/*http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx*/
.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.msg_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/icons/info.png');
}
.msg_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/images/icons/success.png');
}
.msg_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/icons/warning.png');
}
.msg_error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/icons/error.png');
}
.msg_validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('/images/icons/validation.png');
}

/* simple modal */
#simplemodal-overlay
{
	background-color: #000;
}
#simplemodal-container
{
	background-color: #eee;
	border: 8px solid #444;
	padding: 12px;
}
#simplemodal-container a.modalCloseImg
{
	background: url(../images/x.png) no-repeat; /* adjust url as required */
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -18px;
	cursor: pointer;
}
.blockui-box
{
	display: none;
	text-align: center;
	padding: 15px;
}
.formnote
{
	font-size: 0.75em;
	font-style: italic;
}
/* form & validator styles */
label
{
	font-weight: bold;
	padding: 0px 4px 4px 0;
}
label.required
{
	padding-left: 10px;
	background: url("../images/req.gif") no-repeat;
	background-position: left center;
}
span.error
{
	padding: 3px;
	width: auto;
	font-weight: bold;
	color: #fff !important;
	background: red;
	line-height: 2em; /* for wrapping */
}
span.error-b
{
	padding: 3px;
	width: auto;
	font-weight: bold;
	color: #fff !important;
	background: red;
	line-height: 2em; /* for wrapping */
}
table.form-table td
{
	padding:3px;
}
div.formbox label
{
	display:block;
	margin:10px 0 0 0;
}
.l-i, .l-i label
{
	display:inline !important;
}
div.formbox input.submit
{
	display:block;
	margin:auto;
	width:200px;
	margin:10px auto;
}
table.cb-table
{
}
table.cb-table label
{
	display: inline !important;
	margin:0 !important;
	padding:0 !important;
}
table.cb-table td input
{
	margin-bottom:4px !important;
	vertical-align:middle;
}
table.cb-table td
{
	vertical-align:top;
}
/* util classes */
/* =classes */
.cb
{
	clear: both;
}
.ma
{
	margin: auto;
}
.ca
{
	text-align: center;
}
.la
{
	text-align:left;
}
.ra
{
	text-align:right;
}
.va-b
{
	vertical-align:bottom;
}
.va-t
{
	vertical-align:top;
}
.va-m
{
	vertical-align:middle;
}
.float-r
{
	float:right;
}
.float-l
{
	float:left;
}
.b
{
	font-weight:bold;
}
.i
{
	font-style:italic;
}
/* width classes */
.w-5
{
	width: 5%;
}
.w-10
{
	width: 10%;
}
.w-15
{
	width: 15%;
}
.w-20
{
	width: 20%;
}
.w-25
{
	width: 25%;
}
.w-30
{
	width: 30%;
}
.w-33
{
	width: 33%;
}
.w-35
{
	width: 35%;
}
.w-40
{
	width: 40%;
}
.w-45
{
	width: 45%;
}
.w-50
{
	width: 50%; vertical-align: top;
}
.w-55
{
	width: 55%;
}
.w-60
{
	width: 65%;
}
.w-65
{
	width: 65%;
}
.w-70
{
	width: 70%;
}
.w-75
{
	width: 75%;
}
.w-80
{
	width: 80%;
}
.w-85
{
	width: 85%;
}
.w-90
{
	width: 90%;
}
.w-95
{
	width: 95%;
}
.w-99,
.w-99c,
.w-99staff
{
	width: 99%;
}
.w-100
{
	width: 100%;
}

.w-99c td, .w-99staff td { text-align: center; } 
.w-99staff td { padding-bottom: 20px; }

.center { text-align: center; }

/* Search result GridView styling. */
.gvSearchResult
{
    /*border-spacing: 2px;*/
    border: 0px;
}


.gvYear { width: 40px; }
.gvBodyType { width: 128px; }
.gvColor { width: 127px; }
.gvStockNr { width: 50px; }
.gvPrice { width: 75px; }
.gvPayment { width: 60px; }
.gvMake { width: 50px; }
.gvModel { width: 50px; }
.gvMiles { width: 90px; }

.gvThumb,
.gvYear, 
.gvModel, 
.gvBodyType, 
.gvColor, 
.gvStockNr, 
.gvPayment, 
.gvMake, 
.gvMiles,
.gvSticker,
.gvPrice,
.gvHeader
{ 
    text-align: left;
    color: #555;
    padding-bottom: 5px;
    padding-left: 9px;
    font-weight: bold;
    border: 4px solid #FFF;
}

/*.gvPrice 
{
    text-align: center;
    color: #555;
    padding-bottom: 5px;
    font-weight: bold;
} */

.gvYear a:link, .gvModel a:link, .gvBodyType a:link, .gvColor a:link, .gvStockNr a:link, .gvPrice a:link, .gvMake a:link, .gvMiles a:link, 
.gvYear a:hover, .gvModel a:hover, .gvBodyType a:hover, .gvColor a:hover, .gvStockNr a:hover, .gvPrice a:hover, .gvMake a:hover, .gvMiles a:hover, 
.gvYear a:visited, .gvModel a:visited, .gvBodyType a:visited, .gvColor a:visited, .gvStockNr a:visited, .gvPrice a:visited, .gvMake a:visited, .gvMiles a:visited, 
.gvSticker a:visited, .gvSticker a:hover, .gvSticker a:link,
.gvHeader a:visited, .gvHeader a:hover, .gvHeader a:link,
.gvVehicleInfo a:visited, .gvVehicleInfo a:hover, .gvVehicleInfo a:link
{
    color: #555;
    
}

.gvRow, .gvRowPrice 
{ 
    background-color: #FFF; 
    border: 4px solid #FFF;
    padding-left: 8px; 
    padding-right: 8px; 
    vertical-align: top;
    padding-top: 8px;
}

.gvRowAlt, .gvRowPriceAlt  
{ 
    background-color: #e2e7f0; 
    border: 4px solid #FFF;
    padding-left: 8px; 
    padding-right: 8px; 
    vertical-align: top;
    padding-top: 8px;
}


.gvRowThumb   
{
    background-color: #FFF; 
    border: 4px solid #FFF; 
    padding: 0px; 
    vertical-align: top;
}

.vehicleThumb { border: 1px solid /*#e2e7f0*/ #AAA; padding: 1px; }

.gvRowPrice,
.gvRowPriceAlt 
{ 
    text-align: right; 
    border: 4px solid #FFF;
}

.liHidden { display: none; }

.tooNew { width: inherit; display: table-cell; height: 300px; text-align: center; vertical-align: middle; }

.centered { width: 99%; text-align: center; }
div.centered { width: 99%; text-align: center; display: block;  }
.hours 
{ 
    text-align: left; 
    margin-left: auto; 
    margin-right: auto; 
    width: 85%; 
    border-collapse: collapse; 
    border: 1px solid #3A5D98; 
}

.hours td { border: 1px solid #3A5D98; padding: 3px; }

.tblHeader { background-color: #3A5D98; color: #FFF; font-size: larger }

.mailForm { width: 99%; }
.mailForm td { vertical-align: top; }

.textArea { width: 100%; height: 200px; }
.textArea-50 { width: 50%; height: 200px; }
.labelRight-50 { width: 50%; text-align: right; }

.highlight, .highlightBig { color: #3A5D98; font-weight: bold; }
.highlightBig { font-size: 20px; }

/*td { vertical-align: top; }*/
.dealerVideo
{
    width:150px; 
    height:54px; 
    margin-top: 0px;
    cursor: pointer;
    float: right;
    padding-top: 0px;
}

.aboutHome { float: left; padding-top: 15px; margin-bottom: 0px; width: 97% }

.popupBody { margin-left: 10px; margin-right: 10px; background-image: none; }

.errorsCenter { text-align: center; }
.mpgResult { width: 99%; text-align: center; /*margin: -10px;*/}

.infobox, .successbox, .warningbox, .errorbox, .validationbox, .helpbox
{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.errorbox
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/error.png');
}

.truckTruth
{
    
    float: right;
    margin-right: 50px;
    margin-top: 40px;
    }
    
@media print {
    body * {
        visibility:hidden;
    }
    #section_to_print, #section_to_print * {
        visibility:visible;
    }
    
    #section_to_print {
        position:absolute;
        left:-150px;
        top:-110px;
        margin-top: -110px;
        margin-left: -100px;
    }
    
    #section_to_print_page, #section_to_print_page * {
        visibility:visible;
    }
    
    #section_to_print_page {
        position:absolute;
        left:-120px;
        top:-110px;
        margin-top: -110px;
        margin-left: -90px;
        
        font-size: 14pt;
    }
    
    
    #pCoupon, #pCoupon * { visibility: visible; }
}

.awardsArea
{
    margin-left: -18px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-top: 3px solid #3C5D96;
    border-bottom: 3px solid #3C5D96;
    float: left; 
}

.autoCheckArea { }
.kbbLink 
{ 
    padding-top:    5px; 
    padding-bottom: 0px; 
    width:320px;
    position:relative;
    left:-20px;
}

.warrantyForeverLink
{
    width: 225px;
    display:        table-cell; 
    padding-top:    25px; 
    padding-bottom: 5px; 
    padding-left:   5px;
    float:          left;  
}

.at { width: 220px; padding-top: 25px; }

.rbRadios td { vertical-align: top; }
.rbRadios label { padding-bottom: 0px; }
.rbRadios td input { margin-top: 0px;  }


.top, .top td { vertical-align: top; }

.gvPostings { width: 100%; border: 0px; }
.gvPostingsTd { width: 100%; border: 0px; }

hr { border-top: 1px solid #555; border-left: 0px; border-right: 0px; border-bottom: 0px; }
.success { color: Green; font-weight: bold; }

.wfQuestion { font-weight: bold; }

.coupon { background-image: none; background-color: White; margin-left: 15px; }



/* Start subnav. */
.subnav-box { float: left; margin-left: -2px; width: 184px; font-size: 12px;}
.subnav-box ul { margin: 0px; /* 5px 8px;*/ padding: 0; list-style-type: none!important; }

.subnav-box ul .SubNavChildCMSListMenuUL { padding-top: 10px; padding-bottom: 5px; padding-right: 10px;}

.SubNavFirstCMSListMenuHighlightedLI, .SubNavFirstCMSListMenuLI
{
    padding: 0;
    margin: 0px;
    margin-left: -10px;
    padding-top: 4px;
    padding-left: 10px;
    padding-bottom: 6px;
    background-image: url(/images/subNavFirstBg.png);
    background-repeat: repeat-x;
    
    white-space: nowrap;
}

.SubNavFirstCMSListMenuHighlightedLI a, .SubNavFirstCMSListMenuLI a
{
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
}

.SubNavChildCMSListMenuHighlightedLI, .SubNavChildCMSListMenuLI 
{
    margin-left: 15px;
    background-image: none;    
    font-weight: normal;
}

.SubNavChildCMSListMenuHighlightedLI, .SubNavChildCMSListMenuLI { list-style-type: none; }
.SubNavChildCMSListMenuHighlightedLI { color: #8796ae; list-style: url(/images/subNavSelected.png) outside; }

.SubNavChildCMSListMenuLI a { color: #FFF; text-transform: none; font-weight: normal; }
.SubNavChildCMSListMenuHighlightedLI a { color: #8796ae; text-transform: none; font-weight: normal;}

.SubNavFirstCMSListMenuHighlightedLI a:hover, 
.SubNavFirstCMSListMenuLI a:hover, 
.SubNavChildCMSListMenuLI a:hover,
.SubNavChildCMSListMenuHighlightedLI a:hover,
.SubNavChildCMSListMenuLink:hover
{
    text-decoration: underline;
}

/* End subnav. */
