/*# Reset #*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a{text-decoration:none}
/* End RESET */
/*# Main Layout #*/
body{
	background:#f7f9ee url(/App_Themes/RussellSmith/images/branding.gif) repeat-x top left;;
	font-weight:100;
	font:12px/22px Arial,Helvetica,sans-serif;
	color:#666;
}
a:link, a:visited{color:#000}
a:hover, a:active{color:#999}
h1, h2, h3, h4{font-weight:700;color;#333}
sup,sub{font-size:0.4em;font-weight:100}


#outerWrap{width:920px;margin: 0 auto;overflow:hidden;background: transparent url(/App_Themes/RussellSmith/images/MainBG.gif) no-repeat}
#header{width:100%;height:80px;}

#logo{height:39px;position:relative;top:20px;left:0;float:left;width:212px;}
h1 a{display: block;height:39px;width:212px;z-index: 20;float:left;}

#content{width:100%;margin-top:30px}
#sidebarWrap{display:inline;float:right;width:230px;
	border-left:1px dashed #d6d6d6;
	padding-top:130px;
	background:transparent url(/App_Themes/RussellSmith/images/mazdalogo.gif) no-repeat 20px 0px}
#sidebarWrap #sidebar{padding-left:20px}
#footer{width:920px;float:left}
#sidebar h3{font-size:1.1em;margin-bottom:10px}
#footer{margin-top:20px;text-align:left;}
#footer a:link, #footer a:visited{}
.attritionLink{float:left;width:120px;}
.socialLink{float:left;width:40px;height:40px;margin:5px 20px 0}
ul#footerLinks{list-type:none;overflow:hidden;float:right;margin-top:20px}
ul#footerLinks li{line-height:1em;display:block;float:left;padding:0 10px;border-left:1px solid #1e1e1e}
ul#footerLinks li.first{border-left-width:0px}
/*# Menu #*/
#menu {
	width: 690px;
	height:80px;
	line-height:80px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none
}
.horizontalCMSMenu{vertical-align: middle;display:block;float:right}

.horizontalCMSMenu td{
	text-align:left;
	vertical-align:middle;
	height:80px;
	font-size:14px
}
.horizontalsubCMSMenu td{text-align:left;vertical-align:bottom;height:2.0em;line-height:2.0em}
.horizontalsubCMSMenu{color:#f7f9ee}
.horizontalsubCMSMenuItem{vertical-align:top;text-align:right;white-space: nowrap;display: block;
background:#eff1e7;color:#393935;border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;
}
.horizontalsubCMSMenuItem,
.horizontalsubCMSMenuItemMouseOver, 
.horizontalsubCMSMenuItemMouseDown,
.horizontalsubCMSMenuHighlightedMenuItem, 
.horizontalsubCMSMenuHighlightedMenuItemMouseOver, 
.horizontalsubCMSMenuHighlightedMenuItemMouseDown
{
	padding: 3px 8px;
	white-space: nowrap;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	min-width:100px;
	text-decoration:none;
}

.horizontalCMSMenuItemMouseOver, .horizontalCMSMenuHighlightedMenuItem, 
.horizontalCMSMenuHighlightedMenuItemMouseOver, .horizontalCMSMenuHighlightedMenuItemMouseDown
{background:#e5e7dd;text-decoration:none;}

.horizontalCMSMenuHighlightedMenuItem{background:#e5e7dd;text-decoration:none}

.horizontalsubCMSMenuHighlightedMenuItem, .horizontalsubCMSMenuHighlightedMenuItemMouseOver, 
.horizontalsubCMSMenuHighlightedMenuItemMouseDown, .horizontalsubCMSMenuItemMouseOver
{background:#e5e7dd;color:#393935;border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;}

.horizontalCMSMenuItem, .horizontalCMSMenuItemMouseOver, .horizontalCMSMenuItemMouseDown, 
.horizontalCMSMenuHighlightedMenuItem, .horizontalCMSMenuHighlightedMenuItemMouseOver, 
.horizontalCMSMenuHighlightedMenuItemMouseDown,
.horizontalCMSMenuItemMouseUp,
.horizontalCMSMenuHighlightedMenuItemMouseUp
{padding: 0 15px;text-decoration:none;}



/*# Home Page #*/
#splash{width:670px;height:170px;overflow:hidden;float:left;}
#splashWrapper{width:920px;position:relative;float:left;clear:both;margin-bottom:40px;}
#splash a{text-indent:-9999px}
#splash a.full{display:block;height:170px;width:670px;position:absolute;top:0;left:0;z-index:20;background:transparent url(/images/bl.gif) top left no-repeat;}
a#anchorOne, a#anchorTwo, a#anchorThree, a#anchorFour{position:absolute;display:block;height:128px;top:34px;width:160px;z-index:20;background:transparent url(/images/bl.gif) top left no-repeat;text-indent:-9999px}
a#anchorOne{left:459px;}
a#anchorTwo{left:31px;}
a#anchorThree{left:380px;}
a#anchorFour{left:290px;}
div#controls{z-index:1000;position:absolute;top:6px;left:602px;text-indent:-9999px;}
a#prev,a#next{float:left;display:block;width:31px;height:31px;}
a#prev{background:transparent url(/App_Themes/RussellSmith/images/Previous.png) no-repeat;}
a#next{background:transparent url(/App_Themes/RussellSmith/images/Next.png) no-repeat;position:absolute;left:32px;top:0}
#inventory{width:920px;margin-bottom:20px}
#inventory h4{font-size:1.05em}

#newInventoryWrapper,#usedInventoryWrapper{
	width:320px;
	top:0;
	left:0;
	position:relative;
	float:left;
}
#newInventoryWrapper{margin-right:30px}
#usedInventoryWrapper{margin-right:15px}
.inventoryPad{margin:20px 10px 0;position:relative;top:0;left:0}


.inventoryHeaderWrap{border-top: 2px solid #d6d6d6;border-bottom: 1px dashed #e5e5e5;width:100%;}
.inventoryHeader{font-weight:700;width:100%;height:36px;font-size:16px;line-height:36px;}

#newNext, #usedNext{display:block;width:31px;height:31px;z-index:1000;background:transparent url(/App_Themes/RussellSmith/images/Next.png) no-repeat;position:absolute;left:-10px;top:-10px;}
#rotatorNew, #rotatorUsed{width:100%;margin-bottom:12px;background:#d6d6d6;overflow:hidden;height:250px}
#rotatorNew div, #rotatorUsed div{width:100%;overflow:hidden;height:250px}
#rotatorNew img, #rotatorUsed img{width:300px;float:left;clear:both}
.rotatorText{font-size:0.9em;line-height:1.1em;background:#d6d6d6;margin-top:3px;padding:3px}
table.autoList{width:100%;margin:0 0 8px}

#vehiclesUnder ul{width:230px;margin:0 auto}
#vehiclesUnder ul li{width:230px;padding:0;margin:0 0 16px 0;}
#vehiclesUnder ul li img{width:230px;}

#homeContent, #homeInfo{width:225px;float:left}

.underText{font-size:0.9em;line-height:1.2em;background:#d6d6d6;padding:10px;width:210px;}
.hidden{float:left;clear:both;width:100%;display:none}

.homeContent {float:left;clear:both;width:100%}
.homeContent .details{float:none;width:auto;display:inline}
/*# Inner Pages #*/
.privacy p{padding-bottom:0.8em}
ul.normalUL{list-style:disc;padding:20px} 
a#applyOnline{margin:30px auto 20px;display:block;width:178px;height:55px;background:transparent url(/App_Themes/dealer/images/applyOnline.png) no-repeat top left;}
a#applyOnline:hover,a#applyOnline:active{background-position:0px -56px}

.logoImage{margin-bottom:20px}
#contentSide {
	float:left;
	width: 670px;
}
#contentWide {
	float:left;
	width: 100%;
}
.innerPad{padding:15px;}
h2.pageHeader{font-size:1.3em;width:100%;margin-bottom:8px;}
#addy h3{font-size:1.0em}
.right{float:right;margin:0 0 20px 20px}
.left{float:left;margin:0 20px 20px 0}
#socialSearch,#socialDetails{z-index:1000;float:right;position:relative;right:8px;width:60px;height:30px;text-align:left;background:#eee;padding:2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;	
}
#socialSearch{top:-30px;}
#socialDetails{top:-20px;}
a.sideLink{text-decoration:none;font-size:1.1em;font-weight:700;width:180px;display:block;clear:both;padding:5px 3px;background:#d3d5c7;margin: 14px auto 0; text-align:center;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;	
}
.cbWide{width:25%;float:left;height:6em;overflow:hidden;display:inline;margin-left:15px}

/*# Search Page #*/
#searchWrap{}
.searchCriteria{min-height:125px;border-bottom:1px dashed #e5e5e5;width:100%}
.message{font-size:95%;width:142px;float:right;padding:6px;background:#d3d5c7;text-align:center;margin:8px 8px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}
.message span{font-size:110%;font-weight:700}
.stack{margin-top:8px}
.wide{width:500px}
.selects{float:left;width:560px}
.selects select{font-size:95%}
.pages{width:60%;overflow:hidden;padding:10px 0 0 0;clear:left;font-size:110%;line-height:140%}
.sorts{width:35%;float:left;clear:left;text-align:left;font-size:105%;padding:10px 0}
.pages a{padding:0 4px 0 0;}
.pagerNum{font-size:110%}
.currPager, a.currPager{color:#ddd;text-decoration:none;padding:0 8px 0 0;cursor:text;font-style:normal}
.pageSize{width:450px;}
.pageSize span{font-size:90%}
.searchCriteriaBottom{border-top:1px dashed #e5e5e5;;width:100%}
.searchCriteriaBottom .selects{float:none;width:100%;padding-top:10px}

div#item, div#itemAlt{width:100%;clear:both;overflow:hidden;position:relative;}
div#item{background:#eff1e7}
div#itemAlt{background:#e5e7dd}
.itemPad{padding:8px}
.imageDiv{float:left;width:149px;margin: 0 10px 8px 0;}
div.vi, div.vialt{text-align:center;width:145px;border:2px solid #d6d6d6;float:left;}
.data{float:left;padding-bottom:8px}
a.vehName{font-weight:700;font-size:105%}
.vi img,.vialt img{width:145px}
div#item span, div#itemAlt span{display:block;float:left;margin-right:3px}
div.colorMarker{display:block;line-height:1.1em;width:12px;height:12px;float:left;margin-right:5px;border:solid 1px #0B233B}
div#item .message, div#itemAlt .message{position:absolute;top:2em;right:0}
.itemPad .message {font-family: Arial,Sans-Serif;font-size:1.1em;line-height:1.5em}
.itemPad .message em{font-style:normal;font-family: Arial,Sans-Serif;font-size:1.4em;font-weight:700}

/*# Vehicle Details Page #*/
#detailsContainer{width:620px;float:left;}
.detailsWrap{width:620px;min-height:650px;}
.details{width:620px;}
.list td,.detailSection td{vertical-align:top}
.more{float:left;width:160px;text-align:center;}
#detailsWrap{float:left;}
#detailsBoxes{float:right; width:140px;}
table.list {float:left}
.list td{font-size:1.1em;padding:2px 0}
.list td.right{margin:0;text-align:right;padding-right:3px;min-width:110px;font-weight:100}
.list td.right b{font-weight:100;font-size:.8em}

.more a{display:block;width:160px;background:#d3d5c7;padding:8px;margin-bottom:1.2em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;	

}

#galleryWrap{width:620px;float:left;overflow:hidden}
#slideshow {width:420px;float:left;height:320px;overflow:hidden}
#slideshow img{padding: 10px; background-color: #EFF1E7;width:390px;overflow:hidden}

#nav {float:right;width:176px;padding:0;background:#C6CFC1;overflow:hidden}
#nav li {margin: 1px;width: 56px; float:left;list-style:none;padding:0;}
#nav a {width: 52px; padding: 2px; display: block; border: 1px solid #ccc;overflow:hidden}
#nav a.activeSlide { background: #1E386D }
#nav a:focus {outline: none;}
#nav img {width:52px; border: none; display: block;z-index:1;float:left}
.pics img {max-width:390px;-moz-border-radius: 10px; -webkit-border-radius: 10px;-khtml-border-radius:10px}
#nav {-moz-border-radius: 4px; -webkit-border-radius: 4px;-khtml-border-radius:4px}

.message span .detPrice{font-size:1.7em;}
.detMain{font-size:1.4em;width:615px;padding-bottom:0.4em;display:block;float:left;}
.detMain span{font-size:.8em;}
.details{float:left}
div.det{margin-right:2px;height:15px;width:15px}

div#description, div#options{float:left;margin-top:8px;width:100%;overflow:hidden}
div#description{margin-bottom:14px;}
div#options h4{display:block;margin-bottom:8px;width:100%;}
div.options{overflow:hidden;width:300px;margin-bottom:20px;float:left;
}
div.options ul{padding:8px;overflow:hidden}
div.options h5{padding:0 8px 0;font-weight:700;height:26px;line-height:26px;border-top: 2px solid #d6d6d6;border-bottom: 1px dashed #e5e5e5;}
div.options ul li{font-size:0.8em;line-height:1.2em;width:100%}

#autocheck{margin:8px 5px 8px 0;width:155px;float:right;display:inline;}
.disclaimer{width:100%;float:left;clear:both;font-style:italic;font-size:0.8em;margin:12px 0 0;line-height:1.1em}

/*# Make an Offer Form in sidebar #*/
#bizFormWrap{margin-top:1.2em}
div#bizFormWrap h3,div#bizFormWrap h4{font-family:'Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;padding:0;margin:0}
.bfOffer img.bizFormImage{margin: 4px 0 8px 4px;float:right;padding:2px;background:#1E386D}
.bfOffer #vehWrap{margin:0.8em 0 1.3em;font-size:0.9em;line-height:1.1em}
p.price{width:100%;clear:both;text-align:center;font-size:1.4em;line-height:1.4em;font-weight:700}
div.bfOffer input{width: 185px;}
div.bfOffer span.val{color:red;font-size:0.8em}
div.bfOffer textarea{width:185px;height:95px;font-size:0.9em;font-family:'Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif}

/*# Black Book #*/
#blackBook{margin:0 auto;width:185px;height:190px;text-indent:-9999px}
#blackBook a:link, #blackBook a:visited{display:block;width:185px;height:190px;background: transparent url(../App_Themes/RussellSmith/images/bb-185x190.png) no-repeat;}
#blackBook a:hover, #blackBook a:active{display:block;width:185px;height:190px;background: transparent url(../App_Themes/RussellSmith/images/bb-185x190-down.png) no-repeat;}

/*# Biz Forms #*/
table.bizForm{width:600px}
table.narrow{width:200px}
table.bizForm td{vertical-align:top;padding:3px 2px;font-size:0.9em}
.val{color:red;float:left;display:block;}
.ErrorLabel, .EditingFormErrorLabel{color:red;float:left;display:block;}
.EditingFormLabel,.EditingFormControlNestedControl{float:left;margin-right:4px;clear:left;}
.TextboxField, .TextBoxField, .TextAreaField{width:190px}
table.wider .TextboxField,table.wider .TextBoxField, .TextAreaField{width:350px}
table.CheckBoxListField{width:600px}
table.CheckBoxListField tr{display:inline;float:left;width:190px}
table.CheckBoxListField td{width:190px;float:left;display:inline}

/*# New Biz Form Styles #*/
.EditingFormLabel{padding:0}
.EditingFormErrorLabel{color:red}
table.CheckBoxListField{width:600px}
table.CheckBoxListField tr{float:left;width:250px}
table.CheckBoxListField td{padding:2px}
table.CheckBoxListField input{width:auto}
table.CheckBoxListField label{font-weight:normal}
.wide span{font-weight:700}
.form{width:300px;float:left;}
.right{float:right}
.left{float:left}
.form input,.form textarea, .form select {
	padding: 7px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 11px/100% 'Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
	width: 200px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
.form select{padding:1px;font-size:1.1em;}

.form textarea {
	width: 300px;
	max-width: 300px;
	height: 150px;
	line-height: 150%;
	}

.wide textarea{width:500px;max-width:500px}
.wide{float:left;clear:both;width:600px}


.Narrow{width:210px}
.Narrow textarea{width:190px;max-width:190px}
.Narrow input,.Narrow textarea, .Narrow select{width:190px}

.form input:hover,.form textarea:hover,
.form input:focus,.form textarea:focus {
	border-color: #C9C9C9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label {
	color: #333;
	font-size:11px;
	font-weight:700
	}

.form .submit input {
	width: auto;  
    	padding: 5px 7px;  
    	background: #0556B4;  
    	border: 0;  
    	font-size: 14px;  
    	color: #FFFFFF;  
    	-moz-border-radius: 5px;  
    	-webkit-border-radius: 5px;  
	}
.form .submit input:hover{
	color:#ccc
}
.form p{margin-top:1.0em}