/*
Theme Name: Southern Classics
Theme URI: http://www.southernclassics.co.uk/
Description: Southern Classics Site Theme.
Version: 1.0
Author: MAW Associates
Tags: MAW, Blue, White, Grey, Red, two column
*/


html
	{
	color:#555;
	background:#ebeef4;
	}
	
body
	{
	margin:0;
	padding:0;
	}
	


/*container*/
#scc
	{
	width:100%;	
	text-align:left;
	position:relative;
	/*background:none !important;*/
	background-image:url(../images/main-bg.jpg);
	background-repeat:repeat-x;
	}


/*skip navigation*/
.skip-nav, .top
	{
	display:none;
	}
	
	
/*******************************  maw css  *******************************/	
/* Header CSS											    		     */
/*******************************  maw css  *******************************/	


/*header*/
#head
	{
	background:none !important;
	/*border-style:solid;
	border-width:0 0 1px;*/
	position:relative;
	z-index:3;
	width:100%;
	}


/*top panel*/
#header-area
	{
	width:100%;
	height:75px;
	overflow:hidden;
	padding: 0;
	margin: 0;
	}

.head-bg
	{
	padding:0;
	margin:0;
	width:960px;
	height:75px;	
	}

/*site logo*/


.logo
	{
	margin:30px 0 0 0;
	padding:0;
	}

	




/*******************************  maw css  *******************************/	
/* Header CSS											    		     */
/*******************************  maw css  *******************************/




/*******************************  maw css  *******************************/	
/* Banner CSS											    		     */
/*******************************  maw css  *******************************/

#banner-area
	{
	padding:0;
	margin:10px 0 20px 0;
	}

#banner-area ul
	{
	padding:0;
	margin:0;
	}
	
#banner-area.top-img
	{
	padding:0;
	margin:0;
	float:left;
	position:absolute;
	z-index:20;
	height:300px;
	width:960px;
	}

#banner-area p.top-desc
	{
	float:right;
	padding:15px 0px 10px 560px;
	margin:0;	
	position:absolute;
	z-index:22;
	top:30px;
	color:#fff;
	width:400px;
	font:bold 4.4em Arial, Helvetica, sans-serif;
	line-height:1em;
	color:#444444;
	}
	

#banner-area p.top-link
	{
	float:right;
	padding:0px 0px 0px 560px;
	margin:0;	
	position:absolute;
	z-index:21;
	top:210px;
	color:#fff;
	}

#banner-area p.top-link a
	{
	color:#FFFFFF;
	text-decoration:none;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	background-image:url(../images/learn-btn.png);
	background-repeat:no-repeat;
	width:140px;
	height:30px;
	float:left;
	padding:5px 0 0 25px;
	}
	
#banner-area p.top-link a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}


/*******************************  maw css  *******************************/	
/* Banner CSS											    		     */
/*******************************  maw css  *******************************/




/*******************************  maw css  *******************************/	
/* Navigation CSS											    		 */
/*******************************  maw css  *******************************/	

.menu{
	padding:0;
	position:relative;
	z-index:3;
	height:35px;
	}

.nav-area
	{
	padding:0;
	margin:0;
	width:960px;
	height:35px;
	background-image:url(../images/nav-bg.jpg);
	background-repeat:no-repeat;
	}
	
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
	line-height: 1;
	width:850px;
	float:left;
}

#nav-contact, #nav-contact ul
	{
	width:85px;
	float:right;
	padding:0 0px 0 15px;
	margin:0;
	list-style:none;
	line-height: 1;
	}


#nav-contact a {
	display: block;
	/*width: 10em;*/
}

#nav-contact li { /* all list items */
	float: left;
	padding:7px 12px 0 0;
	/*width: 10em;*/ /* width needed or else Opera goes nuts */
}

#nav-contact li a 
	{
	color:#FFFFFF;
	text-decoration:none;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	}


#nav a {
	display: block;
	/*width: 10em;*/
}

#nav li { /* all list items */
	float: left;
	padding:7px 12px 0 0;
	/*width: 10em;*/ /* width needed or else Opera goes nuts */
}

#nav li a 
	{
	color:#FFFFFF;
	text-decoration:none;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color:#8d9099;
	background-image:none;
	width: 162px;
	padding:0;
	margin:0;
	/*width: 10em;*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li ul li a 
	{
	display: block;
	float:left;
 	padding:5px 12px 5px 10px;
 	font:bold 0.9em Arial, Helvetica, sans-serif;
 	color:#FFFFFF;
 	text-decoration:none;
	width: 140px;
	}

#nav li ul li a:hover
	{
	color:#FFFFFF;
  	/*background-color:#666666;*/
	background-color:#0a3077;
	width: 140px;
  	}

#nav li ul ul { /* third-and-above-level lists */
	margin: 0px 0 0 162px;
	padding:0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li ul li a 
	{
	background-color:#555;
	
	}

#nav li ul li ul li a:hover 
	{
	background:none;
	background-color:#464646;
	}






/*******************************  maw css  *******************************/	
/* Content CSS											    		     */
/*******************************  maw css  *******************************/	

.content
	{
	width:960px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}	

.content-nav
	{
	width:960px;
	margin:0 auto;
	position:relative;
	/*overflow:hidden;*/
	}	

.banner-hr
	{
	padding:0;
	margin:5px 0;
	width:950px;
	background-image:url(../images/banner-hr.jpg);
	background-repeat:no-repeat;
	height:2px;
	border:0;
	}

.main-hr
	{
	padding:0;
	margin:5px 0;
	width:950px;
	background-image:url(../images/main-hr.jpg);
	background-repeat:no-repeat;
	height:2px;
	border:0;
	float:left;
	}

.call-hr
	{
	padding:0;
	margin:0px 0 5px 0;
	width:200px;
	background-image:url(../images/call-out-hr.jpg);
	background-repeat:no-repeat;
	height:2px;
	border:0;
	float:left;
	}
	
h1
	{
	color:#006497;
	font:bold 1.95em Arial, Helvetica, sans-serif;
	padding:5px 0;
	margin:0;
	}

h2
	{
	color:#444444;
	font:normal 13pt Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0;
	}

h3
	{
	color:#666666;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	padding:5px 0;
	margin:0;
	}

h4
	{
	color:#006188;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	padding:5px 0;
	margin:0;
	}

p
	{
	color:#444444;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	line-height:1.2em;
	padding:0;
	margin:0;
	}

.main-content
	{
	float:left;
	width:930px;
	padding:0 20px 20px 10px;
	margin:0;
	}


.main-content a
	{
	color:#006497;
	text-decoration:none;
	}

.main-content a:hover
	{
	color:#006497;
	text-decoration:underline;
	}

.main-content ul
	{
	padding:0;
	margin:10px 20px;
	}

.main-content li
	{
	padding:0 0 5px 0;
	margin:0;
	color:#444444;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	line-height:1.2em;
	}
	

.main-content hr
	{
	width:100%;
	float:left;
	display:block;
	padding:0;
	margin:5px 0;
	}

.content-left
	{
	float:left;
	width:630px;
	padding:0 20px 20px 10px;
	margin:0;
	}

.content-right
	{
	float:right;
	width:280px;
	padding:0 20px 20px 0;
	margin:0;
	}

.home-main-content
	{
	float:left;
	width:460px;
	padding:0;
	margin:0;
	}
	
.home-main-content p
	{
	text-align:justify;
	}

.home-main-content a
	{
	color:#006497;
	text-decoration:none;
	}

.home-main-content a:hover
	{
	color:#006497;
	text-decoration:underline;
	}

.home-car-marks
	{
	float:left;
	width:400px;
	padding:0 0 0 70px;
	margin:0;
	}

.home-car-marks p
	{
	text-align:justify;
	}

/* Call Outs */

.call-out
	{
	width:200px;
	height:120px;
	padding:10px;
	margin:5px 10px;
	float:left;
	background-color:#FFFFFF;
	}

.call-out-team
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px 5px 0;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-team-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-upgrade
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-upgrade-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-restore
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-restore-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-mods
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-mods-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-respray
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-respray3-bg.jpg);
	background-repeat:no-repeat;
	}
.call-out-accident
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-accident-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-accident-service
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 0px 5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-accident-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-servicing
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px 5px 0;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-servicing-bg.jpg);
	background-repeat:no-repeat;
	}



.call-out-team p
	{
	margin:60px 0 0 0;
	}

.call-out-upgrade p
	{
	margin:60px 0 0 0;
	}

.call-out-servicing p
	{
	margin:60px 0 0 0;
	}
	
.call-out-respray p
	{
	margin:60px 0 0 0;
	}

.call-out-restore p
	{
	margin:60px 0 0 0;
	}

.call-out-mods p
	{
	margin:60px 0 0 0;
	}
	
.call-out-accident p
	{
	margin:60px 0 0 0;
	}

.call-out-accident-service p
	{
	margin:60px 0 0 0;
	}		
	
.call-out-1
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px 5px 0;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-upgrade-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-fuel
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px 5px 0;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/fuel_injection_service.jpg);
	background-repeat:no-repeat;
	}

.call-out-retrim
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-retrim-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-2
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	/*background-image:url(../images/call-mods-bg.jpg);
	background-repeat:no-repeat;*/
	}

.call-out-3
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	/*background-image:url(../images/call-mods-bg.jpg);
	background-repeat:no-repeat;*/
	}

.call-out-4
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 0px 5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-respray2-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-bodywork
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-referbishment-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-electric
	{
	width:200px;
	height:120px;
	padding:5px 10px 10px 10px;
	margin:5px 0px 5px 8px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/call-electrics-bg.jpg);
	background-repeat:no-repeat;
	}

.call-out-1 p
	{
	margin:60px 0 0 0;
	}

.call-out-fuel p
	{
	margin:60px 0 0 0;
	}

.call-out-retrim p
	{
	margin:60px 0 0 0;
	}

.call-out-2 p
	{
	margin:60px 0 0 0;
	}

.call-out-3 p
	{
	margin:60px 0 0 0;
	}
	
.call-out-4 p
	{
	margin:60px 0 0 0;
	}	

.call-out-bodywork p
	{
	margin:60px 0 0 0;
	}
	

.call-out-electric p
	{
	margin:60px 0 0 0;
	}	
	

/* Call Outs */
	
.btn-med
	{
	width:92px;
	height:20px;
	padding:0;
	margin:10px 0;
	float:right;
	background-image:url(../images/page-btn.png);
	background-repeat:no-repeat;
	}

.btn-med a
	{
	color:#FFFFFF;
	padding:2px 0 0 8px;
	text-decoration:none;
	margin:0 auto;
	float:left;
	font-weight:bold;
	}
	
.btn-med a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.btn-med-long
	{
	width:110px;
	height:20px;
	padding:0;
	margin:10px 0;
	float:right;
	background-image:url(../images/page-btn-long.png);
	background-repeat:no-repeat;
	}

.btn-med-long a
	{
	color:#FFFFFF;
	padding:2px 0 0 8px;
	text-decoration:none;
	margin:0 auto;
	float:left;
	font-weight:bold;
	}
	
.btn-med-long a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.profile-box
	{
	width:258px;
	float:left;
	border:1px dotted #CCCCCC;
	margin:0 0 10px 0;
	padding:10px;
	}
	
.profile-box a
	{
	color:#006497;
	text-decoration:none;
	}

.profile-box a:hover
	{
	color:#006497;
	text-decoration:underline;
	}


.float-left
	{
	float:left;
	padding:0;
	margin:0 10px 0 0;
	}


.enquire-form
	{
	float:left;
	width:400px;
	padding:0 0 0 70px;
	margin:0;
	}


.enquire-form label
	{
	width:120px;
	float:left;
	padding:0;
	margin:0 10px 0 0;
	}

.form-row
	{
	width:400px;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	}

#gal-img
	{
	border:1px solid #ccc;
	padding:5px;
	margin:10px 5px;
	float:left;
	}

.press-item
	{
	width:222px;
	margin:10px 0px;
	padding:0;
	float:left;
	}

.press-item p
	{
	float:left;
	padding:0 0 5px 0 ;
	margin:0;
	}

.press-item a
	{
	color:#006497;
	text-decoration:none;
	}

.press-item a:hover
	{
	color:#006497;
	text-decoration:underline;
	}
	

/* For Sale Styles */

.car-details
	{
	width:600px;
	float:left;
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #CCCCCC;
	}

.car-details-header
	{
	width:600px;
	float:left;
	padding:0;
	margin:0 0 5px 0;
	border-bottom:1px solid #cccccc;
	}

.car-title
	{
	width:400px;
	float:left;
	padding:0;
	margin:0;
	}
	
.car-price
	{
	width:200px;
	float:right;
	padding:0;
	margin:0;
	}

.car-price p
	{
	padding:8px 20px 0 0;
	margin:0;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	text-align:right;
	}

.car-image
	{
	float:left;
	width:140px;
	padding:5px;
	margin:0 10px 10px 0;
	border:1px solid #cccccc;
	}

.car-overview
	{
	float:left;
	margin:5px 5px 5px 20px;
	padding:0 0 10px 0;
	width:400px;
	border-bottom:1px solid #cccccc;
	}

.car-overview ul
	{
	padding:0;
	margin:0;
	}

.car-overview li
	{
	float:left;
	width:120px;
	padding:0;
	margin:0 10px 5px 0;
	}

.car-description
	{
	width:420px;
	float:left;
	padding:0;
	margin:10px 0 10px 10px;
	}

.car-description ul
	{
	padding:0;
	margin:5px 20px;
	}

.car-description li
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	}

.car-additional-images
	{
	width:600px;
	float:left;
	padding:0;
	margin:10px 0;
	}

.car-additional-images ul
	{
	padding:0;
	margin:0 10px;
	list-style:none;
	}

.car-additional-images li
	{
	float:left;
	width:80px;
	padding:0;
	margin:0 10px 5px 0;
	}
	
.car-additional-images	p
	{
	padding:0 0 10px 10px;
	margin:0;
	}

/* For Sale Styles */


/*******************************  maw css  *******************************/	
/* Footer CSS											    		     */
/*******************************  maw css  *******************************/	

.footer
	{
	padding:0;
	margin:0;
	}
	
.copyright
	{
	width:140px;
	padding:10px;
	margin:0;
	float:left;
	}

.copyright ul
	{
	padding:0;
	margin:0;
	list-style:none;
	}

.footer-copy
	{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0;
	margin:0;
	float:left;
	}

ul.footer-social 
	{
	margin:50px 0 0 0;
	padding:0;
	float:left;
	}



.facebook
	{
	padding:0 5px 0 0;
	margin:0;
	float:left;
	}

.facebook p
	{
	display:none;
	}

.facebook a
	{
	background-image:url(../images/facebook-grey.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}

.facebook a:hover
	{
	background-image:url(../images/facebook-color.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}

.twitter
	{
	padding:0 5px 0 0;
	margin:0;
	float:left;
	}

.twitter p
	{
	display:none;
	}

.twitter a
	{
	background-image:url(../images/twitter-grey.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}

.twitter a:hover
	{
	background-image:url(../images/twitter-color.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}


.linkedin
	{
	padding:0 5px 0 0;
	margin:0;
	float:left;
	}

.linkedin p
	{
	display:none;
	}

.linkedin a
	{
	background-image:url(../images/linkedin-grey.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}

.linkedin a:hover
	{
	background-image:url(../images/linkedin-color.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}

.blog
	{
	padding:0 5px 0 0;
	margin:0;
	float:left;
	}

.blog p
	{
	display:none;
	}

.blog a
	{
	background-image:url(../images/rss-grey.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}

.blog a:hover
	{
	background-image:url(../images/rss-color.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}

.youtube
	{
	padding:0 5px 0 0;
	margin:0;
	float:left;
	}

.youtube p
	{
	display:none;
	}

.youtube a
	{
	background-image:url(../images/you-tube-grey.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}

.youtube a:hover
	{
	background-image:url(../images/you-tube-color.jpg);
	width:16px;
	height:16px;
	float:left;
	padding:0;
	margin:0;
	}
	
.home-nav
	{
	float:left;
	padding:0;
	margin:0 0 20px 0;
	width:240px;
	}

.home-nav h5
	{
	float:left;
	padding:0 0 5px 0;
	margin:10px 0 5px 0;
	width:220px;
	border-bottom:solid 1px #666666;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#666666;
	}

ul.home-nav-col1 
	{
	padding:0;
	margin:0 20px 0 0;
	float:left;
	list-style:none;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#666666;
	}
ul.home-nav-col1 a
	{
	color:#666666;
	text-decoration:none;
	}

ul.home-nav-col1 a:hover
	{
	color:#666666;
	text-decoration:underline;
	}

ul.home-nav-col2 
	{
	padding:0;
	margin:0 0 0 0;
	float:left;
	list-style:none;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#666666;
	}

ul.home-nav-col2 a
	{
	color:#666666;
	text-decoration:none;
	}

ul.home-nav-col2 a:hover
	{
	color:#666666;
	text-decoration:underline;
	}

.services-nav
	{
	float:left;
	padding:0;
	margin:0 0 20px 0;
	width:240px;
	}


.services-nav h5
	{
	float:left;
	padding:0 0 5px 0;
	margin:10px 0 5px 0;
	width:220px;
	border-bottom:solid 1px #666666;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#666666;
	}

ul.services-nav-col1 
	{
	padding:0;
	margin:0 20px 0 0;
	float:left;
	list-style:none;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#666666;
	}

ul.services-nav-col1  a
	{
	color:#666666;
	text-decoration:none;
	}

ul.services-nav-col1  a:hover
	{
	color:#666666;
	text-decoration:underline;
	}

ul.services-nav-col2 
	{
	padding:0;
	margin:0 0 0 0;
	float:left;
	list-style:none;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#666666;
	}

ul.services-nav-col2  a
	{
	color:#666666;
	text-decoration:none;
	}

ul.services-nav-col2  a:hover
	{
	color:#666666;
	text-decoration:underline;
	}

.footer-quote
	{
	float:right;
	padding:0;
	margin:30px 0 0 0;
	width:290px;
	}

.footer-quote p
	{
	padding:25px 0 0 0;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:right;
	}

.footer-quote a
	{
	text-decoration:none;
	color:#999999;
	}

.footer-quote a:hover
	{
	text-decoration:underline;
	color:#00a1b1;
	}