/* ------------------------ css reset ------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,a img,:link img,:visited img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

body { 
	background:#FFF;
	text-align:center; 
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
	535252
	}
	
h1	{ font-size:1.8em; color:#cb0a11; }
h2	{ font-size:1.5em; color:#cb0a11; }
h3	{ font-size:1.3em; color:#000; }

a:link,a:visited	{ color:#737373; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#737373; text-decoration:none; outline:none; }

/* ------------------------ wrap ------------------------ */

#wrap {	
	width:1050px;
	background: url(/images/wrap-bg.gif) repeat-y;		
	margin:0 auto;
	text-align:left;
	}
		

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}
	
.forms_Asterisk {
	color: #cb0a11;
}
	
img, div { behavior: url (/AF2/js/iepngfix/2.0.3/iepngfix.htc); }	

ol.list {
	list-style:decimal;
	font-size: 1.3em;
	margin: 10px 0 10px 60px;
}

ol.list li {
	margin-left: 5px;
}

ul.list2 {
	list-style:square;
	font-size: 1.3em;
	margin: 10px 0 10px 60px;
}

ul.list2 li {
	margin-left: 5px;
}

#social { width: 400px; margin-left: 25px; }

#social.social-networking {
	float: left; margin: 15px;
}
	
/* ------------------------ header ------------------------ */

#header {
	background: url(/images/masthead.jpg) repeat-y;	
	height: 80px;
	width: 1050px;
	position: relative;
	padding: 0;
	margin: 0;
}

#logo {
	position: relative;	
}
	
	#logo a {
		position:absolute;
		left:0;		
		top:0;
		width:343px;
		height:77px;
		}
	#logo a span {
		display:none;
		}
		
#phone {
	color: #FFF;
	float: right;
	margin: 5px 48px 5px 10px;
	_margin: 0;
	_padding: 0 42px 0 0;
	font-size: 2.2em;
	font-weight: bold;
	text-shadow:1px 1px 3px #000000;
}

#find-location {
	background: url(/images/find-location-btn.gif) no-repeat;
	width: 128px;
	height: 51px;
	float: right;
	margin: 0 40px 0 10px;
	_margin: 0;
	_padding: 0 40px 0 0;
	position: relative;
}
	
	#find-location a {
		position:absolute;
		left:4px;
		top:1px;
		width:121px;
		height:47px;
		}
		
	#find-location a span {
		display:none;
		}


/* ------------------------ nav ------------------------ */
#nav { 
	position:relative;
	background:url("/images/nav.gif") no-repeat;
	width:1050px; 
	height:34px; 
	margin: 0;
	padding: 0; 
	z-index: 2;
	}
	
#nav span { display: none; }	

#nav li, #nav a { height:34px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 61px; margin-left: 46px; }
#nav-02 { width: 145px; }
#nav-03 { width: 79px; }
#nav-04 { width: 93px; }
#nav-05 { width: 140px; }
#nav-06 { width: 82px; }
#nav-07 { width: 73px; }
#nav-08 { width: 67px; }
#nav-09 { width: 71px; }

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("/images/nav.gif")   -46px -34px no-repeat; }
#nav-02 a:hover { background:url("/images/nav.gif")  -107px -34px no-repeat; }
#nav-03 a:hover { background:url("/images/nav.gif")  -252px -34px no-repeat; }
#nav-04 a:hover { background:url("/images/nav.gif")  -331px -34px no-repeat; }
#nav-05 a:hover { background:url("/images/nav.gif")  -424px -34px no-repeat; }
#nav-06 a:hover { background:url("/images/nav.gif")  -564px -34px no-repeat; }
#nav-07 a:hover { background:url("/images/nav.gif")  -646px -34px no-repeat; }
#nav-08 a:hover { background:url("/images/nav.gif")  -719px -34px no-repeat; }
#nav-09 a:hover { background:url("/images/nav.gif")  -786px -34px no-repeat; }
#nav-10 a:hover { background:url("/images/nav.gif")  -857px -34px no-repeat; }

/* ------------------------ son of suckerfish: nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	padding-top: 0px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
		/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #cdcdcd;
	border-top:none;
	background-color:#F3F3F3;
	}	

#nav li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:active {
	font-size:1.2em;
	color:#595959;
	text-decoration:none;
	font-weight: bold;
	}
	
#nav a:hover {
	font-size:1.2em;
	color:#cb0a11;
	text-decoration:none;
	font-weight: bold;
	}	

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover, #nav-09 ul a:hover { 
	background-image:none;
	background-color:#C4020A;
	color:#FFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:230px; }	
#nav-03 ul, #nav-03 li { width:210px; }
#nav-04 ul, #nav-04 li { width:210px; }
#nav-06 ul, #nav-06 li { width:210px; }
#nav-07 ul, #nav-07 li { width:140px; }
#nav-08 ul, #nav-08 li { width:210px; }
#nav-09 ul, #nav-09 li { width:140px; }


/* ------------------------ main column ------------------------ */		

#main {	
	width:970px;
	background: url(/images/main-wrap-bg.gif) repeat-y;		
	margin:0 auto;
	text-align:left;
	}
	
	#main p {
		padding: 5px 25px 8px 25px;
		font-size: 1.3em;
	}	
	
	#main .top-headline {
		padding: 25px 0 0 25px;
	}
	
	#main h2, #main h3 {
		padding: 5px 25px 8px 25px;
	}
	
	#main .forms {
		padding: 5px 0 5px 25px;
		font-size: 1.3em;
	}
	
	#TabbedPanels1 p {
		padding: 0 0 8px 0 !important;
	}	
	
	.full-height {
		min-height: 715px;
		height: 715px;
		height:auto !important;	
	}
	
.form-wrap {
	width: 300px;
	float: left;
}

.forms_Title {
	font-weight: bold;
}

.maps {
	width: 425px;
	padding: 10px 10px 15px 25px;
	float: left;
	font-size: 1.3em;
}

#chat {
	width: 120px;
	height: 80px;
	position: absolute;
	top: 5px;
	left: 450px;
}

#index-top {
	background: url(/images/index-main-bg.jpg) no-repeat;
	width: 970px;
	height: 310px;
	position: relative;
	}
 
#specials {
	width: 145px;
	height: 303px;
	position: absolute;
	top: 2px;
	right: 355px;
	_right: 0px;
}

#af_FeaturedSpecialsSlider {
	width: 500px;
	height: 303px;
}

	#search {
		background: url(/images/search-bg.gif) no-repeat;
		width: 213px;
		height: 283px;
		position: absolute;
		top: 18px;
		left: 10px;
		z-index: 1;
		}
		
		#search h2 {
			color: #cb0a11;
			font-size: 1.8em;
			font-weight: bold;
			padding: 10px 0 10px 17px;
		}
		
#MenuBar .linkbox {width:140px; float:left}
#MenuBar .link {float:left; clear:both; margin-bottom:4px}
#MenuBar .none {float:left; clear:both}

#MenuBar li.make ul {margin:0px 0px 0px 198px;}
#MenuBar li.make ul li #makemenu {width:769px; height:230px; background-image:url(/images/make-bg.png); behavior: url (/AF2/js/iepngfix/2.0.3/iepngfix.htc); background-color:none; background-repeat:no-repeat; position: relative; z-index: 1;}
#MenuBar li.make ul li #makemenu .makelinks {float:right; width: 755px; height: 170px; margin-top:50px}

#MenuBar li.bodystyle ul {margin:-61px 0 0 198px}
#MenuBar li.bodystyle ul li #bodymenu {width:769px; height:230px; background-image:url(/images/bodystyle-bg.png); behavior: url (/AF2/js/iepngfix/2.0.3/iepngfix.htc); background-repeat:no-repeat}
#MenuBar li.bodystyle ul li #bodymenu .bodylinks {float:right; width: 755px; height: 170px; margin-top:50px}

#MenuBar li.price ul {margin:-122px 0 0 198px}
#MenuBar li.price ul li #pricemenu {width:769px; height:230px; background-image:url(/images/price-bg.png); behavior: url (/AF2/js/iepngfix/2.0.3/iepngfix.htc); background-repeat:no-repeat}
#MenuBar li.price ul li #pricemenu .pricelinks {float:right; width: 755px; height: 170px; margin-top:50px}

#MenuBar li.mpg ul {margin:-184px 0 0 198px}
#MenuBar li.mpg ul li #mpgmenu {width:769px; height:230px; background-image:url(/images/mpg-bg.png); behavior: url (/AF2/js/iepngfix/2.0.3/iepngfix.htc); background-repeat:no-repeat}
#MenuBar li.mpg ul li #mpgmenu .mpglinks {float:right; width: 755px; height: 170px; margin-top:50px}


#bottom-left {
	width: 370px;
	float: left;
	padding: 20px 0 0 25px;
}

	#pre-approved {
		background: url(/images/pre-approved.jpg) no-repeat 0px 0px;
		width: 361px;
		height: 127px;
		position: relative;
	}		
	
		#pre-approved a {
		position:absolute;
		left:0px;
		top:0px;
		width:361px;
		height:127px;
		}
		
		#pre-approved a span {
			display:none;
			}
			
	#slideshow {
		width: 360px;
		height: 225px;
		padding: 20px 0 0 0;
	}		
	
		h2#homepage-slideshow-nav {
			position: relative;
			height: 30px;
			margin: 20px 0 0 0;
			padding: 0 0 0 5px;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 1.8em;
			color: #ffffff;
			text-transform: uppercase;
			background: url(/images/black-70.png) repeat-x; /* Opera, IE */
			overflow: hidden;
			width: 355px;
			z-index: 2;
		}
		h2#homepage-slideshow-nav a {
			display: block;
			float: right;
			width: 30px;
			height: 30px;
		}
		h2#homepage-slideshow-nav a#homepage-slideshow-prev {
			background: transparent url(/images/slideshow-prev.gif) no-repeat scroll top left;
		}
		h2#homepage-slideshow-nav a#homepage-slideshow-next {
			background: transparent url(/images/slideshow-next.gif) no-repeat scroll top left;
		}
		#homepage-slideshow {
			width: 360px;
			height: 225px;
			margin: -30px 0 0 0;
			overflow: hidden;
		}
		#homepage-slideshow a {
			display: block;
		}
		#homepage-slideshow a img {
			background: black;
		}
			
			
#bottom-right  {
	width: 550px;
	float: left;
	padding: 20px 0 0 5px;
}		
			
	#icons-box {
		width: 548px;
		height: 126px;
		border: 1px solid #c6c6c6;

	}

		.icon-button {
			width: 100px;
			height: 125px;
			margin: 0 0 3px 25px;
			float: left;
		}
		
		.icon-button span {
			display: none;
		}		
		
			a.arrivals {
				display: block;
				width: 100px;
				height: 124px;
				background: transparent url(/images/icon-arrivals.gif) no-repeat 0px 0px;
			}			
			
			a.quick {
				display: block;
				width: 100px;
				height: 124px;
				background: transparent url(/images/icon-quick-quote.gif) no-repeat 0px 0px;
			}									
			
			a.blog {
				display: block;
				width: 100px;
				height: 124px;
				background: transparent url(/images/icon-blog.gif) no-repeat 0px 0px;
			}		
			
			a.rebuilt {
				display: block;
				width: 100px;
				height: 124px;
				background: transparent url(/images/icon-rebuilt.gif) no-repeat 0px 0px;
			}		
			
			a.compare {
				display: block;
				width: 100px;
				height: 124px;
				background: transparent url(/images/icon-compare.gif) no-repeat 0px 0px;
			}			

	#TabbedPanels1 {
		background: transparent url(/images/tabbed-panel-bg.gif) no-repeat 0px 0px;
		width:547px;
		height: 232px;
  		min-height:232px;
  		height:auto !important;		
	}			
	
	#next-testimonial {
		position: relative;
		top: 170px;
		width: 200px;
		left: 330px;
	}
	
	
/* ------------------------ main column - bottom wrap ------------------------ */	

#bottom-wrap {
	background:#E1E3D1 url("/images/bottom-wrap.gif") bottom no-repeat;
	width:100%; /* fix for Safar */
	height:27px;
	}

/* ------------------------ footer ------------------------ */	


#footer { 
	width: 970px;
	height: 100px;
	margin:0 auto;
	padding-left: 10px;
	text-align:left;
	color: #737373;
	font-size: 1.1em;
	line-height: 20px;
	}
	
	#footer a:link, #footer a:visited	{ color:#737373; text-decoration:underline; outline:none; }
	#footer a:hover, #footer a:active	{ color:#737373; text-decoration:none; outline:none; }
	
	#links-one {
		width: 135px;
		height: 100px;
		border-right: #c6c6c6 1px solid;
		float: left;
	}
	
	#links-two {
		width: 140px;
		height: 100px;
		border-right: #c6c6c6 1px solid;
		float: left;
		padding-left: 10px;
	}	
	
	#links-three {
		width: 180px;
		height: 100px;
		border-right: #c6c6c6 1px solid;
		float: left;
		padding-left: 10px;
	}	
	
	#footer-addresses {
		width: 475px;
		height: 100px;
		float: left;
		padding-left: 10px;
	}