﻿/**********************************************************************/
/* Global & Util Styles												  */
/**********************************************************************/.
.bdy
{
	background-color:#1d1d1d;
}

html
{
	background-color:#1d1d1d;
}

.body 
{
	margin : auto;
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	color : #000;
}

h1
{
	font-size : 1.5em;
	font-weight : bold;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

h2
{
	font-size : 1.4em;
	font-weight : bold;
	padding : 0 0 0 0;
	margin : 0 0 10px 0;
}

h3
{
	font-size : 1.3em;
	font-weight : bold;
	padding : 0 0 0 0;
	margin : 0 0 10px 0;
}

h4
{
	font-size : 1.2em;
	font-weight : bold;
	padding : 0 0 0 0;
	margin : 0 0 10px 0;
}

image, img
{
	border : none;
}

b
{
	font-size : 12px;
	font-weight : bold;
}

.none
{
	display : none;
}

.requiredfield
{
	color : #999;
}

a
{
    color : #707070;
}

a:hover
{
  color : #ff0000;
}

abbr
{
    border-bottom : none; 
} 

/*
ul
{
    color : #000; 
}
*/

li
{
	vertical-align:top;	
}

li a
{
    text-decoration : none; 
}

li a:hover
{
    text-decoration : underline; 
}

.selected
{
    font-weight : bold; 
}

tr
{
    height : 25px;
}

td.head
{
    font-weight : bold;
}

p
{
	color:#000;	
}
/**********************************************************************/




/**********************************************************************/
/* Column Styles													  */
/**********************************************************************/
.root
{
	width : 941px;
    margin : 0px auto 0px auto;
}

.column1
{
   	width : 941px;
	padding : 0 0px 0 0px;
    background-image : url(/assets/subarudealersites/images/root.bkgd.gif);
	background-repeat : repeat-y;
    float : left;
    clear : left;
    height:100%;
}
/**********************************************************************/




/**********************************************************************/
/* Header Styles													  */
/**********************************************************************/.
.header
{
	width : 940px;	
	height : 80px;
	z-index:2000;
}

.header img
{
	margin : 1px 0 0 0;
}

.header h1
{
	padding : 10px 5px 0px 0px;
	float : right;
}

.header.name
{
	float : right;
}

.header.sitename
{
	font-size : 1.1em;
	margin-bottom : 20px;
	text-transform : uppercase;
	font-weight : bold;
	letter-spacing : 2px;
    font-family : Arial, Helvetica, Verdana, Sans-Serif;
    float:right;
    clear:none;
}

.header.mainimage img
{
	float : left;
	clear : both;
	width : 100%;
	margin : 0 0 0 0;
}

.header .logo
{
	clear:none;
	float:left;
}

.header.sitename a,
.header.sitename a:hover
{
	color:#000;
	float:right;
}
/**********************************************************************/



/**********************************************************************/
/* Top Menu Styles													  */
/**********************************************************************/
.header.menu
{
	clear : both;
    width : 100%;
    height : 31px;
    background-color : #000;
    font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 0.715em;
}

.header a
{
	display:block;
    color : #fff;
    text-decoration : none;
}

.header a:hover
{
    display : block;
    color : #fff;
    text-decoration : none;
}

/*First Level Menu*/
.header.menu ul.level1
{
    float : left;
    width : 100%;
    height : 31px;
    margin : 0px 0 5px 0px;
    padding : 0;
    list-style : none;
   	text-transform:uppercase;
}

.header.menu ul.level1 li
{
    float : left;
    height : 19px;
    padding : 7px 28px 0 8px;
}

.header.menu ul.level1 li.active,
.header.menu ul.level1 li:hover
{
    height : 24px;
    padding : 7px 28px 0 8px;
    color:#fff;
    background-color : #ff0000; 
}

.header.menu ul.level1 a:hover
{
    background-color : #ff0000;
}

.header.menu ul.level1 li.first 
{
    margin-left : 0px;
}

.header.menu ul.level1 li.last 
{
    margin-right : 0px;
}

/*Second Level Menu*/
.header.menu div.level2
{
    position : absolute;
    z-index : 1000;
    width : 164px;
    overflow : hidden;
    margin : 11px 0 0 -9px;  
    text-transform:capitalize;
}

.header.menu div.level2 img
{
    display : block;
}

.header.menu ul.level2
{
    width : 164px;
    padding  : 0 0 0 0;
    margin : 0 0 0 0;
    list-style : none;
    background-color : #000;
    height : 22px; 
    border : 0;
    z-index:1001;
}

.header.menu ul.level2 a
{
    margin : 0 0 0 0;
    padding : 2px 3px 0 6px;
    font-weight : normal;
    display : block;
    height : 20px;
    min-height : 20px;
    background-color : #000;
}

.header.menu ul.level2 li.active a,
.header.menu ul.level2 a:hover 
{
    background-color : #ff0000;
}

.header.menu ul.level2 li
{
    margin  : 0 0 0 0;
    padding : 0 0 0 0; 
    float : none;
    display : block;
    height : 22px;
    min-height : 22px;
    width : 164px;
}

.header.menu ul.level2 li.active,
.header.menu ul.level2 li:hover 
{
    background-image : none;
    padding : 0 0 0 0;
	height : 22px;
    min-height : 22px;
    background-color : #ff0000;
}
/**********************************************************************/




/**********************************************************************/
/* Page Styles														  */
/**********************************************************************/
.page
{
    font-family :  Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 0.8em;	
}

.pagecontent
{
    float : right;
    width : 770px;
    margin : 5px 0 0 5px;
    font-family :  Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 0.8em;	
}

.pagecontent div
{
	margin-bottom:10px;
	font-family :  Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 1em;	
}

.pagecontent img
{
    margin : 10px 0 0 0;
}

.pagecontent p
{
    margin : 0 0 15px 0;
	color : #000;
}

.pagecontent b
{
	color : #000000;
}

.header.mainimage
{
	background-color : #fff;	
	margin : 0 0 0 0;
	border : 0;
	padding : 0 0 0 0;
	width:941px;
}

.page.subheading
{
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 0.95em;
	height : 100%;
    font-weight : bold;
	padding : 7px 0 7px 25px;
	background-color : #000;
	width : 916px;
	float : left;
	color:#fff;
}

.page.subheading .menu.level2
{
    float : left;
    padding : 0 0 0 0;
    margin : 0 0 0 0;
	background-color : #000;
    height : 100%;
    width : 880px;
}

.page.subheading .menu.level2 ul
{
    list-style : none; 
    padding : 0 0 0 0;
    margin : 0 0 0 0;
    height : 100%;
}

.page.subheading .menu.level2 li
{
    padding : 0 20px 0 20px;
    margin : 0 0 10px 0;
    float : left;
    font-family : Arial, Helvetica, Verdana, Sans-Serif;
    font-size : 0.7em;
    font-weight : normal; 
    border-right : solid 1px #000;
    
    display : block;
    height : 15px;
}

.page.subheading .menu.level2 a
{    
    text-decoration : none;
    color : #fff;
}

.page.subheading a
{    
    text-decoration : none;
    color : #fff;
}


.page.subheading .menu.level2 a:hover
{    
    text-decoration : underline;
}
/**********************************************************************/


/**********************************************************************/
/* Left menu styles											    	  */
/**********************************************************************/
.page.leftmenu
{
	float : left;
	clear : left;
    margin : 5px 0 0 0;
}
/**********************************************************************/



/**********************************************************************/
/* Sub Menu Styles  												  */
/**********************************************************************/    
.page.submenu
{
	width : 160px;
	margin : 0 0 10px 0;
	float : left;
    font-size : 0.85em;
}

.page.submenu a
{
	text-decoration : none;	
	color : #000;
	padding : 0px;
}

.page.submenu a:hover
{
	text-decoration : none;	
    color : #ff0000; 
}

.page.submenu ul
{
    list-style-type : none;
    margin-top : 0;
    padding-top : 0;
}

.page.submenu li
{
	margin : 0 0 5px -10px;
}
/**********************************************************************/

/**********************************************************************/
/* vehicle Sub menu Styles  										  */
/**********************************************************************/
.page.submenu .vehicle.menu
{
    list-style-type : none;
    height : 100%;
    background-color : #FFFFFF;
    margin : 0 0 0 0;
    font-size : 1em;
}

.page.submenu .vehicle.menu ul
{
    list-style-type : none;
    margin-top : 0;
    padding-top : 0;
}

.page.submenu .vehicle.menu li
{
	margin : 0 0 5px -10px;
}
/**********************************************************************/




/**********************************************************************/
/* Offers Sub menu Styles  										  */
/**********************************************************************/
.page.submenu .offer.submenu
{
    list-style-type : none;
    height : 100%;
    background-color : #FFFFFF;
    margin : 0 0 0 0;
    font-size : 1.1em;
}

.page.submenu .offer.submenu ul
{
    list-style-type : none;
    margin-top : 0;
    padding-top : 0;
}

.page.submenu .offer.submenu li
{
	margin : 0 0 5px -10px;
}
/**********************************************************************/




/**********************************************************************/
/* Finance Sub Menu Styles  										  */
/**********************************************************************/
.page.submenu .finance.submenu ul
{
    margin-top : 0;
    padding-top : 0;
}    
    
.page.submenu .finance.submenu.section 
{
    list-style-type : none;
    margin : 0 0 0 -10px;
	width : 140px;
}

.page.submenu .finance.submenu.section ul
{
    list-style-type : none;
}

.page.submenu .finance.submenu.section li
{
	margin : 0 0 5px -10px;
}

.page.submenu .finance.submenu.section li a:hover
{
    color : #ff0000;
}

.page.submenu .finance.submenu.section a
{
    color : #000;
    list-style-type : none;
}

.page.submenu .finance.submenu.section .block a
{
    color : #000;
}
/**********************************************************************/




/**********************************************************************/
/* Panel Styles  													  */
/**********************************************************************/
.panel
{
	font-family : Verdana, Arial, Helvetica, Sans-Serif;
}

.panel h3
{
	font-size : 95%;
	text-decoration : none;
	margin : 6px 0 4px 0;
    color : #000; 
}

.panel p
{
    font-size : 0.8em;
    font-weight : normal;
	text-decoration : none;
	color : #000; 
}

.panel .item
{
	width : 150px;
	float : left;
	margin : 0 3px 0 0;
}

.panel .item p
{
	width : 150px;
}

.panel .first
{
	margin-left : 0;
}

.panel img
{
    border : none;
}
/**********************************************************************/




/**********************************************************************/
/* address panel styles												  */
/**********************************************************************/
.page.address
{
	border : solid 1px #000;
	border-left:none;
    width : 150px;
    margin : 0 0 0 0;
    float : left;
    clear:left;
}

.page.address .dealername
{
	background-color : #000;
	color:#fff;
	width : 146px;
	height : 18px;
	padding : 3px 0 0 4px;
}

.page.address .telephone
{
	padding-top : 6px;
}

.page.address .fax
{
	padding-top : 2px;
}

.page.address .email
{
	padding-top : 5px;
	padding-bottom : 4px;
}

.page.address .email a
{
    color : #1101DD;
}

.page.address div
{
	padding : 4px 0 0 4px;
}

.groupsite
{
	margin-bottom:3px;	
}
/**********************************************************************/

/**********************************************************************/
/* Vehicle page styles												  */
/**********************************************************************/

.vehicle.content .section li
{
	margin : 0px 0px 5px 10px;
	vertical-align:top;
}

.vehicle.content .section li img
{
	display : block;
}

.vehicle.content
{
	float : left;
	width : 600px;
}

.imageitem
{
	margin:5px 5px 5px 5px;
	float:left;
}

.imageitem span
{
	clear:both;
	float:left;	
	width:250px;
}

.imageitem img
{
	float:left;
	clear:both;	
}

/**********************************************************************/

/**********************************************************************/
/* finance page styles												  */
/**********************************************************************/
.finance.content
{
	float : left;
    width : 570px;
    margin : 0 0 0 0;
    font-size : 12px;
}

.finance.content li
{
    width : 600px;
}
/**********************************************************************/

/**********************************************************************/
/* ContactUs Styles													  */
/**********************************************************************/
.contactus
{
	font-family : 'Trebuchet MS' Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 1em;
}

.contactus.section span
{
	width:3000px;
}

.field_error
{
	color:#ff0000;
	clear:both;
	float:left;
	text-align:right;
	width:200px;
}
.fieldset label
{
	float:left;
	text-align:right;
}
.fieldset input
{
	float:left;
}

.submit
{
	margin-top:20px;
}

/**********************************************************************/

/**********************************************************************/
/* Form Styles													      */
/**********************************************************************/
.twocolumn
{
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 0.85em;
}

.twocolumn fieldset
{
    border : none;
    width : 718px;
    margin : 0 0 10px 0;
    padding : 0 0 0 0;
}

.twocolumn fieldset legend
{
    background-color : #EFEFEF;
    height : 17px;  
    width : 218px;
    margin : 0 0 10px -7px;
    border : solid 1px #999999;
    padding : 2px 500px 0 5px;
}

form.twocolumn label
{
    display : block;
    float : left;
    clear : both;
    position : relative;
    width : 30%;
    margin : 2px 0 0 0;
    color : #656565;
    text-align : right;
    padding : 0 10px 0 0;
}

form.twocolumn img
{
    margin : 0 0 0 2px;
}

form.twocolumn .divider
{
    margin : 0 0 6px 0;
}

form.twocolumn .divider span
{
    margin : 0 0 0 10px;
}

.twocolumn input
{
	font-size : 1em;
	/*
	width : 200px;
	*/
	width : 60%;
    border : solid 1px #999999;
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
}

.twocolumn .fieldset select
{
	width:61%;
	font-size:1em;
}

.twocolumn textarea
{
	font-size : 1em;
	/*
	width : 300px;
	*/
	width : 60%;
	border : solid 1px #999999;
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	height:100px;
}

.twocolumn fieldset .submit
{
    float : right;
}

.twocolumn .submit input
{
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 1em; 
	width : 100px;
	cursor : hand;
	cursor : pointer;
}
/**********************************************************************/



/**********************************************************************/
/* item styles														  */
/**********************************************************************/
.list 
{
    width : 725px;
    display : table;
}

.list .desc
{
    margin : 0 0 40px 0;
}

.list .item 
{
    width : 150px;
    height : 115px;
    float : left;
    text-align : center;
    border : solid 1px #999999;
    margin : 0 5px 10px 0;
}

.list .item h3
{
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 0.85em;
	text-decoration : none;
	color : #fff;
	font-weight : bold;
	text-align : center;
    margin : 0 0 0 0;
	background-color : #ccc;
	height : 30px;
	width : 150px;
	cursor : hand;
	cursor : pointer;
}

.list .item img
{
    border : none;
    vertical-align : middle;
    margin : 0 0 0 0;
}

.list .item.news 
{
    width : 725px;
    height : 115px;
    float : left;
    text-align : left;
    border : solid 1px #000;
    margin : 0 0 10px 0;
}

.list .item.news h3
{
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 0.9em;
	text-decoration : none;
	color : #fff;
	font-weight : bold;
	text-align : left;
	padding : 4px 0 0 10px;
    margin : 0 0 0 0;
	background-color : #000;
	height : 21px;
	width : 715px;
	cursor : hand;
	cursor : pointer;
}

.list .item.news img
{
    border : none;
    vertical-align : middle;
    margin : 10px 0 0 10px;
	float : left;
	cursor : hand;
	cursor : pointer;
}

.list .item.news span
{
	text-decoration : none;
	text-align : left;
	padding : 0 0 0 0;
    margin : 10px 0 0 100px;
	width : 600px;
    display : block;
    cursor : hand;
	cursor : pointer;
}

/**********************************************************************/
/* your dealer styles													  */
/**********************************************************************/
span.staff
{
    float : left;  
    margin : 0 0 10px 0; 
    border:solid 2px #000;
    width:600px;
}

span.staff span
{
    float : left; 
    margin : 0 0 5px 10px; 
}

.staff h3
{
	color:#fff;
	background-color:#000;	
	padding-left:5px;
}

.staff .text
{
	text-align:left;
	width:400px;
	display:block;
}

span.jobtitle
{
    font-weight : bold;
    display:block;
    float:left;
    clear:both;
    padding-left:5px;
    width:150px;
}

span.staffimage
{
	display:block;
	width:100px;
}

span .email
{
	display:block;
	clear:both;
	float:right;
	padding-left:5px;
	width:300px;
}

span.staffimage img
{
	margin:0px 0px 0px 5px;
	width:100px;	
}

table.businessHours td
{
	padding:1px;
	border:solid 1px #000;	
}

/**********************************************************************/





/**********************************************************************/
/* footer styles													  */
/**********************************************************************/
.footer
{
    float : left;
    margin : 20px 0 20px 0;
    width : 930px;
    color : #707070;
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 0.65em;  
}

.footer .copyright
{
    width : 300px;
    float : left;
    padding : 0 0 0 30px;    
}

.footer .links
{
    float : right;    
}

.footer .links ul
{
    list-style : none; 
    padding : 0 0 0 0;
    margin : 0 0 0 0;
}

.footer .links li
{
    border-right : solid 1px #707070;
    padding : 0 10px 0 10px;
    float : left;
}

.footer .links li a
{    
    text-decoration : none;  
}

/**********************************************************************/
/* ticker styles													  */
/**********************************************************************/

.marquee a:hover
{
	color:#ff0000;
}

.marquee
{
	clear : left;
	font-size:0.8em;
}

/**********************************************************************/
/* Accessories Styles												  */
/**********************************************************************/

.accessories
{
	font-size:0.8em;
	border:none;
	float:left;
	margin-bottom:10px;
}

.accessories .header
{
	background-color:#000;
	border-style:solid;
	border-width:2px;
	border-color:#000000;
	color:#fff;
}

.accessories .accessory
{
	border-style:solid;
	border-width:2px;
	border-color:#000000;
	height:10px;
	padding:1px;
}

.accessories .paging td
{
	border:none;	
}

.accessories .accessory.denver,
.accessories .accessory.max,
.accessories .accessory.le
{
	width:22px;
	padding-left:18px;	
}

.accessories a:hover
{
	color:#ff0000;	
}

.accessoryDetails
{
	float:left;
	width:40%;
}

.accessoryDetails table
{
	border:solid 2px #000;
	font-size:0.8em;
}

.accessoryDetails table td
{
	padding:1px;
	vertical-align:top;
	border:solid 1px #000;
}

.accessoryDetails .header
{
	background-color:#000;
	color:#fff;	
}

.accessoryImage
{
	float:left;
	width:45%;
	margin: 0 0 0 10px;	
	padding:0px;
}

.accessoryImage img
{
	border:solid 2px #000;	
	margin:0;
	padding:0;
}

.CategoryMenu
{
	float:right;
	margin-right:5px;
}

.CategoryMenu a.category
{
	font-size:0.8em;
	text-decoration:none;
}

.CategoryMenu a.category.selected
{
	font-size:0.8em;
	font-weight:bold;
	text-decoration:underline;
}

.CategoryMenu .header
{
	font-weight:bold;
	text-decoration:underline;
	font-size:0.8em;
}

.blackpageheading, 
.blackpagesubheading
{
	color:#000000;	
}

.accessory.modellist
{
	width:200px;
}


.accessory.modellist .model
{
	font-size:0.8em;
	text-decoration:none;
	margin-right:5px;
}

.accessory.modellist .model.selected
{
	font-size:0.8em;
	font-weight:bold;
	text-decoration:underline;
}

.accessory.modellist .header
{
	font-weight:bold;
	text-decoration:underline;
	font-size:0.8em;
}