/* CSS Document */

body {background:url(images/mainbg.jpg) no-repeat top center #fff;margin:0;padding:0;font-family:arial;font-size:12px;}

p{margin:0;}
img {border:none;}
a {text-decoration:none;cursor:pointer;}
h1,h2,h3,h4 {margin:0;padding:0;}
ul,ol {list-style-type:none;margin:0;padding:0;}

#headerwrapper {width:960px;margin:0 auto;}
#header {height:133px;padding-top:5px;}

#logo {width:305px;height:44px;float:left;}
#header h1 {width:305px;height:44px;text-indent:-10000px;background:url(images/County_Motor_Works_Logo.png) no-repeat;margin:67px 0 0 147px;}

#rightheader {float:right;width:300px;text-align:right;padding-right:24px;}

#toplinks {float:right;}
a.location {float:left;color:white;background:url(images/location_icon.gif) no-repeat left;padding-left:19px;padding-top:1px;margin-top:9px;}
a.location:hover {text-decoration:underline;}
.divider {float:left;background:url(images/divider.gif) no-repeat;width:2px;height:31px;margin:0 12px;}
a.contact {float:left;color:white;background:url(images/contact_icon.gif) no-repeat left;padding-left:21px;padding-top:1px;margin-top:9px;}
a.contact:hover {text-decoration:underline;}



#topcontact {clear:both;}
#topcontact span {font-size:11px;}
p.contactnumber {font-size:14px;color:#383535;margin-bottom:2px;}

#nav ul {list-style-type:none;margin:0;padding:0;font-size:12px;height:26px;padding:10px 0 0 28px;text-transform:uppercase;}
#nav li {list-style-type:none;display:inline;margin-right:26px;}
#nav a {color:#fff;text-decoration:none;height:36px;padding-top:10px;padding-bottom:2px;}
#nav a:hover {color:#fff;background:url(images/hover_arrow.png) no-repeat top;border-bottom:solid 1px white}
/* #nav a.active {color:#fff;background:url(images/hover_arrow.png) no-repeat top;border-bottom:solid 1px white} */
a:focus {outline:none}
a.genericbutton {color:#fff !important;font-weight:bold !important;padding:4px 50px 9px 8px !important;background:url(images/button.png) no-repeat right top !important;margin:0 5px 0 0 !important;display:inline !important}
a.genericbutton:hover {background:url(images/button.png) no-repeat right bottom !important;}

#newsletter {padding:50px 20px 15px 20px;background:url(images/newsletterhead.gif) no-repeat top #4a0d16;}

#outerwrapper {
	width:940px;
	overflow:auto;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	margin: 0 auto 20px auto;
	padding:0 10px 20px 10px;
}

a.financeprev {padding-left:0 !important;background:none !important;margin:0 0 10px 0 !important;}

#flash {float:right;width:680px;height:323px;margin-top:10px;}
#welcometext {float:left;width:650px;padding:15px 20px 10px 15px;text-align:justify;}
#welcomelinks {margin-top:10px;}
.genericbodylinks {border-top:1px solid #111111;margin:18px 0 20px 12px;padding-top:15px;}

#toprightimage {float:right;}

/* Default body styles */

#maincontent h2 {color:#3b3838;padding:0 12px;}
#maincontent h3 {color:#3b3838;padding-bottom:3px;margin:10px 12px;width:650px;border-bottom:1px solid #2c2c2c;}
#maincontent p {color:#3b3838;padding:0 12px;background-color:#fff;}
#maincontent a {color:#3b3838;font-weight:bold;display:block;padding-left:16px;background:url(images/moreinfobg.gif) no-repeat left center;margin:10px 12px 0 12px;clear:both;}
#maincontent ul {color:#3b3838;padding:0 12px;list-style-type:disc;margin:10px 0 0 15px;background-color:#fff;}
#maincontent li {margin-bottom:8px;}

#maincontent2 h2 {color:#3b3838;padding:0 12px;}
#maincontent2 h3 {color:#3b3838;padding-bottom:3px;margin:10px 12px;width:650px;border-bottom:1px solid #2c2c2c;}
#maincontent2 p {color:#3b3838;background-color:#fff;}
#maincontent2 a {color:#3b3838;font-weight:bold;display:block;clear:both;}

#personalcontractplan {margin-bottom:40px;font-size:13px;}
#hirepurchase {margin-bottom:40px;font-size:13px;}
#businessusers {margin-bottom:40px;font-size:13px;}
#aboutus {margin-bottom:40px;font-size:13px;}

#leftcolumn {width:250px; float:left;}
#rightcolumn {width:680px; float:right;}


#pagetitle {margin:10px 0;width:680px;background:url(images/pagetitlebg.jpg) no-repeat;height:36px;}
#pagetitle p {font-size:12px;font-weight:bold;color:#fff;padding:9px 0 0 12px;}
#pagetitle h1 {font-size:12px;font-weight:bold;color:#fff;padding:9px 0 0 12px;}

#sidebarbuttons {float:right;width:250px;}
#sidebarbuttons img {margin:5px 0;}

/* Special Offers */

.specialofferprev {width:332px;float:left;margin-bottom:18px;}
.specialofferprev h3 {font-size:14px;width:310px !important;border:none !important;margin:0 0 3px 12px !important;}
.specialofferprev img {height: 108px; border:6px solid #DDD3D3; margin: 0pt 12px; }
.specialofferprevright {width:332px;float:left;margin-bottom:18px;}
.specialofferprevright h3 {font-size:14px;width:310px !important;border:none !important;margin:0 0 3px 12px !important;}
.specialofferprevright img {height: 108px;border:6px solid #DDD3D3; margin: 0pt 12px;}

a.specialoffers {background:none !important;margin:0 !important;padding:0 !important;}

.specialofferbox {border:6px solid #DDD3D3;overflow:auto;margin-bottom:10px;}
.specialofferbox p {background:#fff;}
.specialofferbox h2 {font-size:16px;}
.specialofferimage {width:250px;height:150px;float:left;background:#2c2c2c;}
.specialofferbody {float:left;margin-top:10px;width:410px;}
.specialofferlist {float:left;width:290px;}
li.header {list-style-type:none;color:#a10000;margin-left:-15px;}
li.tick {list-style-image: url(images/tick.gif);font-size:11px;}

#footerwrapper {background:url(images/footer_bg_repeat.gif) repeat-x bottom;height:259px;width:100%;}


/* New Car Range */
#newcarrangetitle {background:url(images/bubble.gif) no-repeat;width:158px;height:31px;margin:0 auto;text-indent:-10000px;}
#newcarrange {height:78px;width:800px;margin:0 auto;}

.newcarimage {float:left;margin-right:7px;margin-bottom:7px;}
.newcarimageright {float:right;margin-bottom:7px;}
a.newcar {margin:0 !important;padding:0 !important;background:none !important;}
a.newcar {margin:0 !important;padding:0 !important;background:none !important;}

#newcarcontent {width:434px;float:left;}

#newcargallery {background:none repeat scroll 0 0 #ddd3d3;float:left;padding-bottom:6px;width:434px;}
#newcargallery a {background:none;margin:0;padding:0;clear:none;}
#newcardetails {float:right;width:235px;}
#newcardetails h2 {color:#3b3838;}
#image {border:5px #ddd3d3 solid;height:250px;width:424px;}
.thumb {border:1px solid #FFFFFF !important;float:left;margin-left:5px;margin-right:0;}

#usedvehicleoptions {clear:both;margin:10px 0;}
#usedvehiclebuttons {width:680px;height:45px;}
.usedoption {height:45px;float:left;margin-right:4px;}
.usedoptionright {height:45px;float:left;}
a.vehicleenquiry {background:url(images/usedcarbuttons.png) no-repeat !important;display:block;width:111px;height:45px;text-indent:-10000px;margin:0 !important;padding:0 !important;}
a.vehicleenquiry:hover {background-position:0 -45px !important;}
a.testdrive {background:url(images/usedcarbuttons.png) no-repeat -115px 0 !important;display:block;width:95px;height:45px;text-indent:-10000px;margin:0 !important;padding:0 !important;}
a.testdrive:hover {background-position:-115px -45px !important;}
a.financeoptions {background:url(images/usedcarbuttons.png) no-repeat -214px 0 !important;display:block;width:110px;height:45px;text-indent:-10000px;margin:0 !important;padding:0 !important;}
a.financeoptions:hover {background-position:-214px -45px !important;}
a.vehiclevaluation {background:url(images/usedcarbuttons.png) no-repeat -328px 0 !important;display:block;width:124px;height:45px;text-indent:-10000px;margin:0 !important;padding:0 !important;}
a.vehiclevaluation:hover {background-position:-328px -45px !important;}
a.emailafriend {background:url(images/usedcarbuttons.png) no-repeat -456px 0 !important;display:block;width:108px;height:45px;text-indent:-10000px;margin:0 !important;padding:0 !important;}
a.emailafriend:hover {background-position:-456px -45px !important;}
a.printdetails {background:url(images/usedcarbuttons.png) no-repeat -568px 0 !important;display:block;width:107px;height:45px;text-indent:-10000px;margin:0 !important;padding:0 !important;}
a.printdetails:hover {background-position:-568px -45px !important;}
a.backtosearch {background:url(images/usedcarbuttons.png) no-repeat -679px 0 !important;display:block;width:81px;height:45px;text-indent:-10000px;margin:0 !important;padding:0 !important;}
a.backtosearch:hover {background-position:-679px -45px !important;}

/* Carousel */
#list {height:75px;width:100%}
.slider {float:left;left: -5000px;position:relative; visibility:hidden;margin-left:25px;}
.slider ul {height:100px; width:990px;}
.slider ul li {margin:0;}
.slider ul li img {cursor:pointer;height:75px; padding-top:3px;width:97px;}
.prev {cursor:pointer; float:left;padding-top:18px;}
.next {cursor:pointer; float:right; padding-top:18px;}

/*ELEMENT SLIDER */
/*-------------------------------------------------------------*/

.element_slider {float:left;left: -5000px;position:relative; visibility:hidden;margin-left:25px;}
.element_slider ul {height:100px; width:990px;}
.element_slider ul li {margin:0;}
.element_slider ul li img {cursor:pointer;height:75px; padding-top:3px;width:97px;}

/* Captions */
.caption-top, .caption-bottom {color:#2c2c2c;padding:75px 2px 2px 2px;font-size:11px;text-align:center;cursor:pointer; }
.caption-top {border-width:0px;}
.caption-bottom {border-width:1px;}
.caption a {background:#000;border:none;text-decoration:none;padding:2px;}
.caption a:hover {background:#202020;}


#footer {width:960px;margin:0 auto;text-align:center;}
#footer ul {list-style-type:none;margin:20px 0 0 0;padding:0;font-size:11px;padding:10px 0 0 28px;text-transform:uppercase;clear:both;}
#footer li {list-style-type:none;display:inline;padding:0 3px;}
#footer li.last {list-style-type:none;display:inline;padding:0 16px;border-right:none;}
#footer a {color:#2c2c2c;text-decoration:none;height:36px;padding-top:10px;}
#footer a:hover {color:#8e1828;}
p#copy {color:#929397;font-size:10px;margin-top:3px;}
p#builtby {color:#929397;font-size:12px;margin-top:3px;}

/* Search Panel */

#searchpanel {background:url(images/search_panel.gif) no-repeat; width:250px; height:333px;float:left;font-size:13px;}
.searchoption {width:180px; margin:5px auto;}
#postcode {width:180px; margin:10px auto 5px auto;}
#searchpanelfooter {background:url(images/searchfooter.gif) no-repeat;display:block;width:206px;height:43px;}
#searchmiddle {background:#0c0b0b;width:206px;overflow:auto;}
.searchsection {background:url(images/searchsectionbg.gif) repeat-x;margin-left:6px;padding:8px 5px;width:184px;}
#searchtitle {width:206px;height:40px;background:url(images/searchtitle.gif) no-repeat;}
#btnSearch {text-indent:-10000px;background:url(images/searchbutton.gif) no-repeat;float:right;font-size:12px;margin:10px 11px 0 0;width:78px;height:25px;border:none;cursor:pointer;}

/* Used Styles */

.usedheader {background:url(images/usedcarbg.gif) no-repeat;width:676px;height:28px;}
.usedheader h2 {color:White !important;font-size:14px;padding:5px 12px !important;display:block;}
.usedlist {float:left;margin-right:30px;}
.usedlist p {background-color:#F6F6F6 !important}
ul.usedlist {padding:0 !important;background-color:#F6F6F6 !important}
.usedimage img {float:left;width:145px;border:1px solid #111;margin:10px 0;height:98px;}
.usedlink {float:right;margin-right:12px;}


/* Vauxhall Home Boxes */

#row3 {clear:both;padding-top:8px;}

#news {width:307px;float:left;margin-right:9px;font-size:11px;}
#newsitems {margin-top:24px;}
#stock {width:307px;float:left;margin-right:9px;}
#offers {width:307px;float:right;}
.homesectiontop {width:307px;background:url(images/homeboxesbg.jpg) no-repeat;height:215px;padding-top:18px}
.homesectiontop p {padding:4px 18px;color:#fff;}
.homesectiontop h2 {color:white;font-size:14px;margin-bottom:12px;text-transform:uppercase;padding:0 18px;}
.homesectionfooter {width:307px;height:10px;background:url(images/homeboxesbg.jpg) no-repeat bottom;display:block;}

#carofweekimage img {background:none repeat scroll 0 0 #2C2C2C;
border:5px solid #DDD3D3;
clear:both;
display:block;
margin-left:25px;
padding-top:5px;
width:255px;
margin-top:20px;}
#carofweekname {float:left;margin-left:10px;font-weight:bold;font-size:14px;}
#carofweekprice {float:right;margin-right:10px;font-weight:bold;font-size:14px;}
#carofweek a {color:#fff;}


a.newslink {color:#ce3a4c;}
p.newsitem {margin:5px 0;}

ul.sf_newsList {margin:0 !important;padding:0 12px !important;}
ul.sf_newsList p {margin:0 !important;padding:0 !important;}
ul.sf_newsList a {margin:5px 0 !important;padding:0 !important;}
h2.sf_newsTitle a {background:none !important;margin:0 !important;padding:0 !important;}
h2.sf_newsTitle {margin:0 0 5px 0 !important;padding:0 0 0 0 !important;font-size:18px !important;}
.sf_singleNews p {margin:5px 0 !important;}
.sf_singleNews a {background:none !important;margin:0 !important;padding:0 !important;display:inline !important;}
.sf_singleNews {padding:0 12px !important;}
.sf_newsDate {margin:0 0 5px 0 !important;padding:0 0 0 0 !important;}
.sf_singleNews h2 {margin:0 0 5px 0 !important;padding:0 0 0 0 !important;font-size:18px !important;}
#ctl00_ctl00_cpOuterwrapper_cpMainContent_NewsView1_ctl00_backToList1 {Margin-bottom:15px !important;}
.sf_newsList li {list-style-type:none;margin:0 0 20px;padding:0 0 10px !important;}
.newsSummary p {margin:0 0 0 0 !important;padding:0 0 0 0 !important;}
p.sf_readMore {padding:0 !important;}
p.sf_postCategory {padding:0 !important;}
p.sf_readMore a {padding:0 0 0 16px !important;}
p.sf_postCategory a {padding:0 0 0 16px !important;}




/* PIKACHOOSE IMAGE GALLERY EXTENSION - Created by Jeremy Fry (Pikachoose), Edited by Digital LANE ltd */

.pikachoose{width:390px;margin:0;padding:0;overflow:hidden;}


/* This is the ul you have all your images in */


.pikachoose ul{padding:0px !important;width:390px;margin:0 !important;overflow:hidden;text-align:center;}

.pikachoose ul li{float: left;display:inline;background:#000;margin:5px 5px 0 0;width:70px;height:50px;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;display:block;}



/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */


.pika_main{border:5px solid #DDD3D3;width:380px;height:250px;display:block;position:relative;}

.pika_caption{height:0px;visibility:hidden;}


/*sine we give it the fake border, you need to position the image a little. */


.pika_main_img{position:absolute;top:0px;left:0px;width:380px;height:250px;}

.pika_back_img{position:relative;top:0px;width:380px;height:250px;}

.pika_subdiv{position:relative;}

.pika_subdiv img, .pika_subdiv a img{border:none;display:block;}


.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}

.pika_play a.pika_play_button{position:relative;margin-left:auto;cursor:pointer;display:block;width:50px;height:50px;background:url('/css/images/play.png') top center no-repeat;}

.pika_play a.pika_stop_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/css/images/pause.png') top center no-repeat;}


.pika_navigation a{text-decoration: none; cursor:pointer;}
.pika_navigation a:hover{text-decoration:underline;}

.pika_navigation{display:none;padding-top:5px;clear:both;text-align:center;font-family:arial;font-size:10px;}



/* if you want to 'hide' these jus make their height and width 1px */


.pika_prev_hover{position:absolute;top:120px;left:5px;height:50px;width:100px;background:url('/css/images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:120px;right:5px;height:50px;width:100px;background:url('/css/images/fastf.png') top right no-repeat;}


#tech {float:right;padding:10px 10px 5px 10px;width:260px;}
#tech p {text-align:right}
#tech h3 {margin:0 !important;width:auto !important;border:none !important;}
#tech h2 {color:#801622 !important;font-size:28px;margin:0 !important;padding:0 !important;text-align:right;overflow:hidden;}
#tech span {text-align:left}
.vehiclespec {overflow:auto;clear:both;margin:5px 0;font-size:12px;}
.vehiclespec p {padding:0 !important;text-transform:uppercase;}
.detailleft {float:left;color:#801622 !important;font-weight:bold;text-transform:none !important;}

#usedcardetails {padding:10px 20px;background:#F6F6F6;border-left:1px solid #111;border-right:1px solid #111}
#usedcardetails p {
	background:url("images/moreinfobg.gif") no-repeat scroll left center transparent;
	clear:both;
	color:#3B3838;
	display:block;
	font-size:14px;
	letter-spacing:-0.4px;
	margin:10px 12px 0;
	padding-left:16px;
}

#usedcardetailshead {width:680px;height:50px;background:url(images/usedcardetailshead.gif) no-repeat}
#usedcardetailsfoot {width:680px;height:10px;background:url(images/usedcardetailsfoot.gif) no-repeat}

.specialoffer {margin-bottom:10px;}
.specialoffer a {background:none !important;margin:0 !important;padding:0 !important;}

p.sf_postBookmark a {display:inline !important;background:none !important;margin:10px 0 0 0 !important; padding:0 10px 0 0 !important}
.sf_singleNews p {margin:10px 0 !important;}


ul#ctl00_ctl00_cpOuterwrapper_cpMainContent_ctl00_pager {list-style-type:none !important;display:inline;clear:both;}
ul#ctl00_ctl00_cpOuterwrapper_cpMainContent_ctl00_pager li {float:left;}
ul#ctl00_ctl00_cpOuterwrapper_cpMainContent_ctl00_pager a {margin:5px 6px 0 !important}

a#ctl00_ctl00_cpOuterwrapper_cpMainContent_ctl00_Dealer1_lnkGoogleMap {margin:10px 0 0 0 !important;padding:0 !important;background:none !important;}
#maincontent table a.clear {padding:0;background:none;display:inline;margin:0;}
#maincontent2 table a.clear {padding:0;background:none;display:inline;margin:0;}