﻿* {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

body
{
    background: #FFFFFF url(https://www.wheremembersdrive.com/images/masthead.jpg) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:100%;
}

.fielddata 
{
	color:Black; 
	font-family:Tahoma;
	font-size: 10pt;
}
h1 {color: Black;}
h2.heading {color: #000080;}

.appointment-date{
	font: normal Arial;
	color: #800000;
	font-size: 12pt;
}

p, ul, ol {
	margin-bottom: 2em;
	line-height: 1.6em;
}

ul li
{
	list-style: none;
    list-style-type:disc;
    list-style-position:inside;
}

ol  {list-style-position: inside;}
a 
{
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*Removes dotted line around firefox links */
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
a:hover {text-decoration:underline;}
a.bluehyperlink{color:Navy;}

table.main {background: url(https://www.wheremembersdrive.com/images/masthead.jpg) no-repeat;}
table.boxer {background: url(images/content_box_bg.jpg) no-repeat;}
table.topbox {background: url(images/content_box_bg.jpg) no-repeat;}


/* Menu */
#menu 
{
	height: 40px;
	font-size: 16px;
	margin: -40px 80px 0px 0px;
	padding-left:425px;
	white-space:nowrap;
}
#menu ul 
{
	margin: 0;
	list-style: none;
	font-size: 12px;
}
#menu li 
{
	display: inline;
	font-size: 12px;
}
#menu a 
{
	position: relative;
	margin-left: 1.6em;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 5px solid #373a78;
	font-weight: bold;
	color: #fed442;
}
#menu a:hover, #menu .active a 
{
	border-bottom-color: #fed442;
	color: #ffffff;
	font-size: 12px;
}
.filtergradient2
{
	   background: #dddddd url(../images/filter-gradient-rev.jpg)  repeat-x;
	   font-size:10pt;
	   font-weight:bold;
}
.chrome_filtergradient
{
	   background: #ffffff url(../images/chrome-filter-gradient.jpg)  repeat-x;
	   
	   font-size:11pt;
	   font-weight:bold;
	   padding:8px 8px 8px 8px;
	    height:96px;
}
/* Footer */
#footer {
	clear: both;
	padding: 5px 0 5px 0;
}

#footer p 
{
	margin: 0 auto;
	font-size: 10px;
}

/* Standard ASP:Label object */
.wc_Label
{
    font-weight: bold;
}

.wc_Header
{
    font-weight: bold;
    font-size: 11pt;
    color: #800000;
    
}


/* Standard Table */
.wc_Table
{
    padding: 0px;
    margin: 0px;
    font-size: 11px;   
}

/* TD containing the name of a field */
.wc_FieldName
{
    text-align: right;
    border-right: black 1px solid;
    margin-right: 0px;
    background-color: #eeeeee;
}

/* TD for login */
/* TD containing the name of a field */
.wc_FieldNameLogin
{
    text-align: right;
    border-right: black 1px solid;
    margin-right: 0px;
    background-color: transparent;
}

/* TD containing the value of a field */
.wc_FieldValue
{
    padding-left: 5px;
    padding-top: 3px;
}
/* Calculated Label, looks like Text Input but different */
.wc_Label_Calculated
{
	border: black 1px solid;
    background-color: #eeeeee;
    text-align: center;
}

/* Calculated Label just form money -- oooh, green */
.wc_Money
{
    border: green 1px solid;
    font-weight: bold;
    color: #006600;
    background-color: #eeffee;
    text-align: center;
}

/* Single line of text in ASP:TextBox */
.wc_SingleText
{
	font-size: 11px;
}

/* Single line of text in ASP:TextBox */
.wc_DropDown
{
	font-size: 11px;
	
}

/* Standard Web Control error message */
.wc_Error
{
    margin: 10px;
    padding: 10px;
	font-size: 11px;
	color: #ff0000;
}

/* Login/out buttons */

.wc_Logout_Button
{
    font-size: 9pt;
    text-align: center;
    text-decoration: none;
    color: #003366;
    margin-bottom: 2pt;
    background-image: none;
    background-color: transparent;
    border-width: 0px;
    cursor: hand;
}

.wc_Logout_Button:hover
{
    background-color: #cccc99;
    cursor: hand;
}

.wc_Login_Button {text-align: center;}

/* Currently only used in Login */
.wc_LI {margin-left: 10px;}

/* Back to title text in RSS*/

.wc_rss_Back
{
    font-size: smaller;
    font-style: italic;
    color:Olive;
}

/* Disable Web Control Border */

.wc_Wrapper_hidden
{
	border-style: none;
	background-color: #ffffff;
}

.wc_Wrapper
{
    background-color: #ffffff;
    border: #800000 2px solid;
    margin: 10px;
    padding: 10px;
}

/* RSS List of titles (Big)*/

.wc_rss_LI_big
{
    margin-left: 20px;
    font-size: 9pt;
	list-style-position: outside;
    line-height: 18pt;
    list-style-image: url(/images/bullet.gif);
}

/* TD containing the name of a required field */
.wc_Header_Compare
{
    text-align: center;
    border-right: white 1px solid;
    background-color: black;
    font-size: 9pt;
    border-left: white 1px;
    color: white;
    padding: 0px;
    margin: 0px;
}
.wc_Header_Compare_bot
{
    text-align: left;
    border-right: white 1px solid;
    background-color: black;
    font-size: 9pt;
    border-left: white 1px;
    color: white;
    padding: 0px;
    margin: 0px;
}
.wc_Wrapper_Chrome {border-style: none;}
.wc_Table_Compare
{
    padding: 5px;
    margin: 0px;
    border: black 1px solid;
    border-spacing: 0;
    border-collapse: collapse;
}   
.wc_FieldName_Compare
{
    border-right: black 1px solid;
    border-top: black 1px;
    border-left: black 1px solid;
    border-bottom: black 1px;
    font-size: 10pt;
    color: #800000;
    background-color: #f6fafd;
    text-align: left;
}
.wc_FieldValue_Compare
{
    border-top: black 1px solid;
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: top;

}
.smallred
{
    color: #ff0000;
    font-weight:bold;
    
}
.RatesTable 
{
	padding: 15px 10px 30px 10px;
	border-right: 1px solid #3C6DA7;
	border-bottom: 1px solid #3C6DA7;
	border-left: 1px solid #3C6DA7;
	background-color: #FBFDFE;
}
.RatesTab 
{
	background-image:url(../images/RatesTab01.gif);
	height: 30px;
	line-height: 29px;
}
.RatesTab a:Hover
{
	background-image:url(../images/RatesTab02.gif);
	background-position:right;
	height: 30px;
	line-height: 29px;
}

.RatesTabActive 
{
	background-image:url(../images/RatesTab03.gif);
	height: 30px;
	line-height: 29px;
}
.RatesTab a:link 
{ 
	color: #000000;
	text-decoration:none; 
	display:block; 
} 
.TextBlue 
{
	color: #376CA2;
	font-size: 8.5pt;
}
.TextBlueBold 
{
	color: #376CA2;
	font-size: 8.5pt;
	font-weight: Bold;
}
.modalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopup_headertext
{
	font-family:Arial;
	font-weight:bold;
	font-size:10pt;	
	color:Black;
}

.modalPopup_draghandle_text
{
	font-family:Arial;	
	font-size:10pt;	
	color:Black;
	font-weight:bold;
}
.modalPopup_draghandle_link
{
	font-family:Arial;	
	font-size:10pt;	
	color:Black;
	font-weight:bold;
}
.modalPopup_bodytext
{
	font-family:Arial;	
	font-size:10pt;	
	color:Black;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}				

.modalProgressBackground 
{   background-color: Gray;     
	filter: alpha(opacity=50);     
	opacity: 0.50;
	}  
	
.updateProgress 
{
	border-width: 1px;     
	border-style: solid;     
	background-color: #FFFFFF;     
	position: absolute;     
	width: 180px;     
	height: 65px; } 
		
									
.frontpagelink
{
	font-weight: bold;
	font-size: 14px;
	color: #c44800;
}
.appointment-vehicle 
{
	font-size: 9pt;
    color: #000080;
}

.chrome_header
{
	font-family:Tahoma;
	font-size:11pt;
	font-weight:bold;
	color:Black;
	
}

.chrome_small_header
{
	font-family:Tahoma;
	font-size:9pt;
	font-weight:bold;
	color:Black;
	
}

.chrome_desc_small
{
	font-family:Tahoma;
	font-size:9pt;	
	color:Black;
}

.chrome_cell
{
	padding-bottom:4px;	
	padding-right:2px;
}
.chrome_cell_text
{
	padding-top:4px;
}
.chrome_cell_currentstep
{
	padding-bottom:4px;	
	padding-right:2px;
	background-color:#e1ebf5;
}
.chrome_step_link
{
	color:Navy;
	font-family:Arial;
	font-size:10pt;
}
.chrome_padded {padding:4px 4px 4px 4px;}
.chrome_rc_horizontal_filled {background-color:#e1ebf5;}
.chrome_rc_ul_filled {background-image: url(../images/generic-rounded_01_filled.gif);}
.chrome_rc_ur_filled{background-image: url(../images/generic-rounded_03_filled.gif);}
.chrome_rc_vertical_filled{background-color:#e1ebf5;}
.chrome_rc_horizontal {background-image: url(../images/generic-rounded_02.gif); background-repeat:repeat-x;}
.chrome_rc_horizontal2 {background-image: url(../images/generic-rounded_08.gif); background-repeat:repeat-x;}
.chrome_rc_corner_tl {background-image: url(../images/generic-rounded_01.gif);}
.chrome_rc_corner_tr {background-image: url(../images/generic-rounded_03.gif);}
.chrome_rc_vertical {background-image: url(../images/generic-rounded_04.gif); background-repeat:repeat-y;}
.chrome_rc_vertical2 {background-image: url(../images/generic-rounded_06.gif); background-repeat:repeat-y;}

/* Black rounded corners */
.chrome_rc_horizontal2_blk 
{
	background-image: url(../images/generic-rounded_08_blk.gif); 
	background-repeat:repeat-x;
	height:16px;
}
.chrome_rc_vertical_blk {background-image: url(../images/generic-rounded_04_blk.gif); background-repeat:repeat-y;}
.chrome_rc_vertical2_blk {background-image: url(../images/generic-rounded_06_blk.gif); background-repeat:repeat-y;}
.chrome_rc_corner_bl_blk {background-image: url(../images/generic-rounded_07_blk.gif);}
.chrome_rc_corner_br_blk {background-image: url(../images/generic-rounded_09_blk.gif);}
.chrome_rc_horizontal_blk {background-image: url(../images/generic-rounded_02_blk.gif); background-repeat:repeat-x;}
.chrome_rc_corner_tl_blk {background-image: url(../images/generic-rounded_01_blk.gif);}
.chrome_rc_corner_tr_blk{background-image: url(../images/generic-rounded_03_blk.gif);}

.dropshadow_rc_horizontal {background-image: url(../images/generic-rounded_02_dropshadow.gif); background-repeat:repeat-x;}
.dropshadow_rc_horizontal2 {background-image: url(../images/generic-rounded_08_dropshadow.gif); background-repeat:repeat-x;}
.dropshadow_rc_corner_tl {background-image: url(../images/generic-rounded_01_dropshadow.gif);}
.dropshadow_rc_corner_tr {background-image: url(../images/generic-rounded_03_dropshadow.gif);}
.dropshadow_rc_corner_bl {background-image: url(../images/generic-rounded_07_dropshadow.gif);}
.dropshadow_rc_corner_br {background-image: url(../images/generic-rounded_09_dropshadow.gif);}
.dropshadow_rc_vertical {background-image: url(../images/generic-rounded_04_dropshadow.gif); background-repeat:repeat-y;}
.dropshadow_rc_vertical2 {background-image: url(../images/generic-rounded_06_dropshadow.gif); background-repeat:repeat-y;}

/* Accordion */

.accordionMain
{
	padding: 0px 5px 0px 5px;
	border: solid 1px gray

}
#AccordionHead
{
	background-image:url(images/filter-gradient.jpg);
	background-color:Aqua 
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-size : 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
    background-color: #D3DEEF;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.AccordionIndicators
{
	width:50%;
	text-align:right;
	font-size:medium;
	font-weight:bold;
	padding-right:5px;
}

.PreviousPageLink
{
 text-align:right;
 color:Blue;
}
 

.PageTitle
{
	font-size:larger;
	font-weight:bold;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    }

.ComparisonHeading
{
	text-align:center;
	font-weight:bold;
	color:Black;
	border:solid 1px #2F4F4F;
}

.DescriptionHeading
{
	text-align:center;
	font-weight:bold;
	color:Black;
	background-color:#FFFFFF
}

.DescriptionCell
{
	text-align:center;
    vertical-align:top;
	color:Black;
	background-color:#FFFFFF
}

.ComparisonCell
{
	text-align:center;
	color:Black;
	border: 1px solid #000000;
}
span.CompareError {color:Red }
a.VideoLink {cursor:pointer;}


/*Needs (Help me find my next vehicle page)*/
.Label
{
	text-align:left;
    margin: 10px;
    padding:5px;
}
.TextLabel
{
	width:100px;	
	color:Black;
}

.RadioLabel
{
	width:200px;
	color:Black;
}
.TableLabel
{
	color:#2E4d7B;
	font-weight:bold;
}
.NeedsTable
{
	 padding:0px;
	 margin:2px;
	 width:95%
}
.CreditUnionSelector {width:304px;}
.Financing_CUName
{
	font-size:14pt;
	font-weight:bold;
	color:#000000;
}

.Financing_SectionHeader
{
	font-size:12pt;
	font-weight:bold;
	color:#000000;
}
.Financing_Image {vertical-align:middle;}
.Financing_Link
{
	font-size:10pt;
	font-weight:bold;
	color:Navy;
}
.smallblack {padding:20px;}
.brochuretable
{
	border:solid,1px,black;
	font-size:smaller;
}
.brochurecell
{
	font-size:small;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}
.wc_wrapper3 {padding:3px;}
.wc_table
{
	margin:10px;
	color:Black;	
}
.chrome_top_row {height:16px;}
.chrome_table {margin:5px;}
.BlackText {color:Black;}
.PadTop {padding-top:5px;}