/*********************************************************************/
/*                 GENERAL TEXT AND BACKGROUND COLORS                */
/*********************************************************************/

body {
background: #4e4e4e url("images/enviro/background.gif") repeat;
background-attachment: scroll;
margin: 10px 0 0 0px;
padding: 0px;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .80em;
}

p { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

#contenttable { 
font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif;
} 

img { 
border: none;
}

input.text { 
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 1px;
	border-color : 7F9DB9;
	border-style : solid;
}




/*********************************************************************/
/*                               LAYOUT                              */
/*********************************************************************/

#mainbody
{
padding: 8px 0 0 0px;
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 785px;
	background: #fff;
}

#header {
background-image: url(images/enviro/header_background.jpg); 
background-position: top left; 
background-repeat: no-repeat;
width:785px;
margin: 0px 0px 0px 0px; 
height:202px;
}

#container {
	margin: 0px;
	background: #fff;
}


#side-left {
	float: left;
	width: 165px;
	background: url("images/enviro/sidebar-left.gif") repeat;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#side-right {
	float: right;
	width: 200px;
	background: url("images/enviro/sidebar-right.gif") repeat;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#content { 
	width: 755px;
	margin: 0px 15px 0px 15px;
	padding: 0px;
	background: #fff;
}



#footerB {
	background: #9fa1a0 url(images/enviro/footer.gif) no-repeat;
}


h1 { 
padding: 0px; font-size: 20px; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;
background: url(images/enviro/gradient.gif);
background-position: left bottom;
background-repeat: no-repeat;
height:30px;
} 

h2 { 
padding: 0px 0 0px 0px; font-size: 18px; margin: 3px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333;
}

h3 { 
padding: 0px 0 0px 0px; font-size: 16px; margin: 10px 0px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666;
} 

h4 { 
padding: 0px 0 0px 0px; font-size: 13px; margin: 10px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;
} 


.bold {
font-weight:bold;
}

.red {
color: red;
}


.italic {
font-style:italic;
}

.box {
padding: 20px;
border: 2px solid #60cdf4;
background: #d9f3ff;
margin: 0px 35px;
}

.redbox {
padding: 20px;
border: 2px solid #f86161;
background: #ffd9d9;
margin: 0px 35px;
}



#news p {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:5px 0px; 
}


#testimonials {
margin:0px 10px 0px 10px; 
padding-top:0px;
}

#testimonials p {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin:5px 0px; 
}


.graybox {
padding: 8px;
border: 2px solid #708090;
background: #f5f5f5;
margin: 0px 10px;
}

.boxtop {
width:330px;
}

#copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align : center;
padding-top:5px;
}

#copyright a {
color:#ddd;
}

#copyright a:hover {
color:red;
}

#gotop { 
float: right;
margin:5px 10px;
text-align:center;
font-size: 8pt;
} 
 


/*********************************************************************/
/*                                MENU                              */
/*********************************************************************/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(prodrop4/pro_drop4_2a.gif);}
.preload1 {background: url(prodrop4/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px; background:transparent url(prodrop4/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top2 {display:block; float:left;}
.prodrop4 li a.top2_link {display:block; float:left; height:36px; line-height:31px; color:#333; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top2_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;  background:url(prodrop4/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top2_link:hover {color:#fff; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:29px;}
.prodrop4 li a.top2_link:hover span {color:#fff; background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top2_link {color:#fff; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top2_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:155px;}
.prodrop4 ul.sub2 {width:118px;}
.prodrop4 ul.sub3 {width:155px;}
.prodrop4 ul.sub4 {width:169px;}
.prodrop4 ul.sub5 {width:169px;}

.prodrop4 :hover ul {left:0; top:35px; background: #820000; padding:3px; border:1px solid #c00; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:bold; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#fff; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#c00; color:#000;}
  
  
  
  
  
  
  
  
  
/*********************************************************************/
/*                                LINKS                              */
/*********************************************************************/




.cursor {cursor: default;}
.hand {cursor: hand;}

a:link { 
color: #9e0000
} 
a:visited { 
color: #660000
} 
a:hover { 
color: #c70303
} 
a:active { 
color:#f00 
} 
a.hide { 
display: none 
} 
a.clean { 
text-decoration: none 
} 

#newautos {margin:10px 0px 15px 0px;}
#newautos a:hover img {border:3px solid #c00;}
#newautos a img {border:3px solid #aaa;}
#newautos a {font-weight:bold; text-align:center; text-decoration:none;}

#footerlinks { 
font-size: 13px; 
text-align:center
} 
 

#services a{
text-decoration: none;
color:black;
cursor:text;
}

#services a:link
{
text-decoration: none;
color:black;
cursor:text;
}

#services a:hover
{
text-decoration: none;
color:black;
cursor:text;
}

#services a:current
{
text-decoration: none;
color:black;
cursor:text;
}

#services a:visited
{
text-decoration: none;
color:black;
cursor:text;
}




a.rollover1 {
	display: block;
	width: 166px;
	height: 71px;
	text-decoration: none;
	background: url("images/enviro/information_request-both.gif");
	}

a.rollover1:hover {
	background-position: -166px 0;
	}
	
a.rollover2 {
	display: block;
	width: 166px;
	height: 71px;
	text-decoration: none;
	background: url("images/enviro/new_vehicle_inventory-both.gif");
	}

a.rollover2:hover {
	background-position: -166px 0;
	}
	
a.rollover3 {
	display: block;
	width: 166px;
	height: 71px;
	text-decoration: none;
	background: url("images/enviro/used_vehicle_inventory-both.gif");
	}

a.rollover3:hover {
	background-position: -166px 0;
	}

a.rollover4 {
	display: block;
	width: 166px;
	height: 71px;
	text-decoration: none;
	background: url("images/enviro/schedule_a_test_drive_both.gif");
	}

a.rollover4:hover {
	background-position: -166px 0;
	}
	
a.rollover5 {
	display: block;
	width: 166px;
	height: 71px;
	text-decoration: none;
	background: url("images/enviro/book_a_service_appointment_both.gif");
	}

a.rollover5:hover {
	background-position: -166px 0;
	}		
	
	
	
	
a.rollover6 {
	display: block;
	width: 166px;
	height: 71px;
	text-decoration: none;
	background: url("http://www.southridgechrysler.com/images/enviro/submit_credit-application-both.gif");
	}

a.rollover6:hover {
	background-position: -166px 0;
	}		
	
	
	
	
	
.displace {
	position: absolute;
	left: -5000px;
	}



/*********************************************************************/
/*                             MISCELLANEOUS                         */
/*********************************************************************/

acronym { 
color: #666666 
} 
.ucase { 
text-transform: uppercase 
} 
.nobr { 
white-space: nowrap 
} 
.smalltext { 
font-size: 11px; 
line-height:13px;
padding:3px;
} 
.tinytext { 
font-size: 9px; 
}

.indent1 { 
margin-left: 12px;  
} 
.indent2 { 
margin-left: 24px; 
} 
.indent3 { 
margin-left: 36px; 
} 
.indent4 { 
margin-left: 48px; 
} 
.indent5 { 
margin-left: 60px; 
} 

#printheadings{display:none}


.print {
display: none
}



/*********************************************************************/
/*                               PRINTING                            */
/*********************************************************************/

@media print 
{ 


/* display the print header */
#printheadings{display:block}

/* turn off navigation and ad bar */
.left-margin {display: none}

img.noprint {display: none}

td.noprint {
display: none
}

.print {
display: block;
}

.noprint {
display: none
}

#header {
display: none
}

#footer {
	clear: both;
	padding: 10px 0px;
	background: #fff;
	margin-bottom:20px;
	border: 10px solid #fff;
	border-top: 0px solid #fff;
}

#mainbody {
width:640px;
color:#000;
}

td {color:#000;}

h1 {  
page-break-inside: avoid; margin:0px;
} 
h2 { 
page-break-inside: avoid 
} 
h3 { 
page-break-inside: avoid 
} 
h4 { 
page-break-inside: avoid 
} 
h5 { 
page-break-inside: avoid 
} 
h6 { 
page-break-inside: avoid 
} 

td.noprint {
display: none
}
td.body1 {
display: none
}
td.body4 {
display: none
}
td.nav1 {
display: none
}
td.nav2 {
display: none
}
td.nav4 {
display: none
}
td.bottom {
margin-right:600px;
}
td.body2 {
margin-right:600px;
}


blockquote { 

} 
ul { 

} 
ol { 

} 
dl { 

} 

}