@charset "UTF-8";
/* Arnold Clark.com TEMPLATE */

html, body {background-image: url(/images/template/body-bg.jpg)!important; background-position: center top!important; background-repeat: no-repeat!important; margin:0px auto; background: #5277a1;}

/* HEADER */
#header{ background-image: url(/images/template/header-bg.jpg); background-repeat: repeat-x!important; position: top left; height: 150px; width: 100%; margin: 0px auto; }

	/* Top Black Bar */
	#topbar { height:37px; width: 983px!important; margin: 0px auto;}
	
	/* Top Right Navigation */
	#top-right-nav {width: 700px; height: 30px; margin-top: 4px; float: right; text-align: right;}
	
	/* Departments Drop Down */
	#departments {width: 280px; height: 30px; margin-top: 4px; float:left; text-align:left;}
	
	/* Logo */
	#logo {margin:0px auto; margin-top:0px!important; background-image:url(/images/template/arnold-clark-logo.jpg); background-repeat: no-repeat; height:65px!important; width:1000px; }
	#logolink {float:left; height:56px; width:484px;}

	/* Showroom */
	
	/* DEPRICATED 
	#showroom {width:444px; float:right; margin-top:0px; margin-right:0px;}
	#showroom-top {background-image:url(/images/template/showroom/showroom-top.jpg); background-repeat:no-repeat; height:11px;}
	#showroom-content {background-image:url(/images/template/showroom/showroom-content.jpg); background-repeat:repeat-y; min-height:35px;}
	#showroom-bottom {background-image:url(/images/template/showroom/showroom-bottom.jpg); background-repeat:no-repeat; height:11px;}
	#showroom-options {margin-left:7px; width:130px; text-align: center; float: left;}
	#showroom-cars { float:right; width:290px; height:35px!important; margin-right:12px; text-align: center;}
	.showroom-table {width:230px; height:35px!important; text-align:center;}
	#showroom-left {width:25px; text-align:left; float:left; padding-top:6px;}
	#showroom-scroller {width:230px; height:35px; float:left; }
	#showroom-right {width:25px; padding-top:6px; float:right; }
	#showroom-slides {width:230px; height:35px;}
	*/
	
	/* Showroom */
	#showroom {width:444px; float:right; margin-top:0px; margin-right:0px;}
	#showroom-top {background-image:url(/images/template/showroom/showroom-top.jpg); background-repeat:no-repeat; height:11px;}
	#showroom-content {background-image:url(/images/template/showroom/showroom-content.jpg); background-repeat:repeat-y; min-height:35px;}
	#showroom-bottom {background-image:url(/images/template/showroom/showroom-bottom.jpg); background-repeat:no-repeat; height:11px;}
	#showroom-options {margin-left:7px; width:130px; text-align: center; float: left;}
	.showroom_thumb_li {overflow: hidden; float: left; width: 41px; height: 31px;border-right:1px solid #aaa;}
	.showroom_slide {border:1px solid #aaa;width:207px !important;height:31px;}
	#showroom-loading {text-align:center;padding-top:10px;height:21px;border:1px solid #aaa;width:207px;}
	.showroom_clicked {background-color:#f7f4c8; cursor:pointer;}
	.showroom_thumb_empty {border-right:1px solid #aaa;}
	.showroom_thumb, .showroom_thumb_empty {width:41px;height:31px;}
	#showrooom-table-left {padding: 0 10px 0 20px;}
	#showrooom-table-right {padding: 0 10px;}
	
	
	/* Navigation Bar */
	#nav-holder { margin: 0px auto; width: 990px; height: 25px; clear:both;}
	#navigation { height: 25px; width: 990px; float: left; padding-top: 6px;}
	
	/* Search Arnold Clark */
	#freekeysearch { visibility:hidden!important; display:none!important; }
	
	/* Breadcrumbs */
	#breadcrumbs { width: 985px; clear: both; margin: 0px auto; padding-top: 5px;}
	#breadcrumbs > div {margin-left:120px;}
	
	
/* MAIN BODY CONTENT */
#content {margin:0px auto; width: 1000px!important;margin-top:5px;}

	/* Left Sidebar */
	#sidebar-left {width:190px; float:left; }
	#DEPRICATEDcounter {margin-bottom: 5px; margin-left: 1px; margin-top: 0px;}
	#DEPRICATEDticker {width: 164px; height:27px; background-image: url(/images/template/odometer.jpg); background-repeat: no-repeat; text-align: center; padding-top:2px; }
	#DEPRICATEDticker .odometer {padding-left: 9px; padding-right: 9px; font-size:18px; font-weight: bold; color:#FFFFFF; margin-top:0px; padding-top:3px;}

	/* COLINR */
	#counter {margin-bottom: 5px; margin-left: 1px; margin-top: 3px;width: 164px; height:27px; background-image: url(/images/template/odometer.jpg); background-repeat: no-repeat; text-align: center; padding-top:2px; }
	#counter .odometer {padding-left: 9px; padding-right: 9px; font-size:18px; font-weight: bold; color:#FFFFFF; margin-top:0px; padding-top:3px;}
	
	#morefromarnold {margin:0px auto;}
	#morefromarnold td {padding-top: 3px; }
	#morefromarnold .thumb {width: 38px; padding-right: 3px;}
	#morefromarfnold .desc {text-align:left; vertical-align: top;padding-top:0px;}
	
	/* Right Sidebar */
	#sidebar-right {width:190px; float:right;}
	#franchises {width: 160px; text-align: left;}
	#franchises .franchise {width:80px; padding: 2px;}
	#franchises .rolloverlogo {height: 70px; text-align: center; vertical-align: middle!important;}
	
	#topcars .numbers {text-align: center; vertical-align: middle; width: 30px;}
	#topcars .spec {text-align: left; padding-bottom: 5px; vertical-align: middle;}
	
	/* Main Content */
	
	#main-1column {margin: 0px auto; width: 992px; text-align: center; padding-top:0px; padding-right:5px; float:left; margin-top:2px;}
	.main-1column-top {background-image:url(/images/template/main-1col-top.png); background-repeat: no-repeat; background-position: top center; height:13px; margin-left: 3px; }
	.main-1column-bottom {background-image:url(/images/template/main-1col-bottom.png); background-repeat: no-repeat; background-position: top center; height:11px;margin-left: 3px; }
	.main-1column-content {background-image:url(/images/template/main-1col-content.png); background-repeat: repeat-y; background-position: top center;margin-left: 3px; margin-top:-2px; padding-left:15px; padding-right:15px;}
	
	#main-2column {margin: 0px auto; width: 802px; text-align: center; padding-top:0px; margin-left:3px; padding-right: 0px; float:left; margin-top:2px; }
	.main-2column-top {background-image:url(/images/template/main-2col-top.png); background-repeat: no-repeat; background-position: top center; height:12px; margin-left: 0px; }
	.main-2column-bottom {background-image:url(/images/template/main-2col-bottom.png); background-repeat: no-repeat; background-position: top center; height:12px;margin-left: 0px; margin-top:0px; clear:both; }
	.main-2column-content {background-image:url(/images/template/main-2col-content.png); background-repeat: repeat-y; background-position: top center;margin-left: 0px; margin:0px auto; padding-left:12px; padding-right:12px; margin-top:-2px; height:100%; }
	
	#main-2column .bluebar { overflow:visible; }
	#main-2column #main-3column {width:610px;}
	#main-2column #main-3column .main-3column-content {padding-left:10px; padding-right:10px;}
	
	#main-3column {margin: 0px auto; width: 620px; text-align: center; padding-top:0px; padding-right: 0px; float:left;}
	.main-3column-top {background-image:url(/images/template/main-3col-top.png); background-repeat: no-repeat; background-position: top center; height:12px; margin-left: 0px; }
	.main-3column-bottom {background-image:url(/images/template/main-3col-bottom.png); background-repeat: no-repeat; background-position: top center; height:12px;margin-left: 0px; margin-top:0px;}
	.main-3column-content {
		background-image:url(/images/template/main-3col-middle.png); 
		background-repeat: repeat-y; 
		background-position: top center;
		margin-left: 0px; 
		margin:0px auto; 
		padding-left:15px; 
		padding-right:20px;
		
		
	}
	
	.main-3column-content #dotw {width:589px; margin: 0px auto; margin-bottom:3px;}
	.main-3column-content #dotw .pages {text-align:right; width: 200px;}
	.main-3column-content #dotw .header {text-align:left; width: 380px;}

	
	.main-3column-content #dotw-bottom {width: 589px; margin: 0px auto; margin-top: 5px; }
	.main-3column-content #dotw-bottom .dotw-previous {width: 150px; height:25px; text-align: left;}
	.main-3column-content #dotw-bottom .dotw-next {width: 150px; height:25px; text-align: right;}
	.main-3column-content #dotw-bottom .dotw-currently {text-align: center; width: 289px;}
	
	.main-3column-content #alsofromarnold {width:586px; margin:0px auto; text-align:left; margin-top:0px;}
	.main-3column-content #alsofromarnold .column {width:143px; vertical-align:top; padding-right:4px; padding-bottom:10px;}
	.main-3column-content #alsofromarnold .column a {font-size:14px;}


	.main-4column-container { overflow:hidden!important; padding-top:0px; height:auto; }

	.main-4column-left {width: 305px; float: left; padding-left: 2px;}
	.main-4column-top {background-image:url(/images/template/main-4col-top.png); background-repeat:no-repeat; height:12px;}
	.main-4column-content {background-image:url(/images/template/main-4col-middle.png); background-repeat:repeat-y; padding-left:12px; padding-right:20px; text-align:left; }
	.main-4column-bottom {background-image:url(/images/template/main-4col-bottom.png); background-repeat:no-repeat; height:12px;}
	
	.main-4column-right {width: 305px; float:right; padding-right: 3px;}
	
	.main-4column-content #budgetcalc {margin-top:-10px;}
	.main-4column-content .servicingtable {text-align:left;}
	
	/* Scrolling Deals */
	
	#scroll_container {margin:0px auto; width: 589px; height:338px;} 
			
	
	/* Sidebar Content */
	.sb-top {background-image:url(/images/template/sidebar-top.png); background-repeat:no-repeat; margin:0px; height:12px;}
	.sb-content {background-image:url(/images/template/sidebar-middle.png); background-repeat:repeat-y; padding-left:11px; padding-right: 13px; margin:0px auto; text-align:left; }
	.sb-bottom {background-image:url(/images/template/sidebar-bottom.png); background-repeat:no-repeat; height:14px; margin:0px;}
	
	.contentinner {margin-top:10px; text-align:center; clear:both;}
	.contentinner p {padding-top:0px; margin-top:0px;}
	
	
	/* Footer */
	#footer {margin:0px auto; padding-top:20px; clear:both;}
	#footer-top {background-image:url(/images/template/footer-top.png); background-repeat: no-repeat; width:996px;height: 11px; margin:0px auto;}
	#footer-content {background-image:url(/images/template/footer-middle.png); background-repeat: repeat-y; margin:0px auto; padding-bottom:10px; text-align:center; padding-left:15px; padding-right:15px; margin-left:2px;}
	#footer-content #footertable {width: 970px; margin:0px auto; text-align:left;}
	#footer-content #footertable #footer-shortcuts {vertical-align:top; padding-left: 10px; background-image: url(/images/template/footer-splitter.jpg); background-position: left; background-repeat: repeat-y;}
	#footer-content #footertable .footercolumn {width:250px;}
	


/* Top Slider */

#mainpanel {width:620px; margin:0px auto; background-image: url(/images/template/toppanel-middle.png); background-repeat: no-repeat; height: 260px; padding-top: 6px; padding-bottom:0px; padding-left: 8px; margin-bottom: 5px; margin-left:1px;}
#slidercontroller {width:620px; height:40px; background-image:url(/images/template/toppanel-bottom.png); background-repeat: no-repeat; background-position:center; margin-left:-8px;}

#myController {  margin-top: -10px; padding-top: 7px; text-align: left; padding-left: 15px;}
#myController span .slidethumb { border: solid 1px #000; cursor:pointer; margin-right: 5px; height: 22px; width:49px;}
#mySlides {overflow: hidden!important; width:603px; height:222px;}
#jFlowSlide{ width:620px; }

#myController span.jFlowSelected .slidethumb { border:1px solid #a53535; height:22px!important; width:49px!important; }
.jFlowPrev, .jFlowNext{ border: none!important; cursor:pointer;}


/* Hot Deals */

#dotw-cars {width: 590px; margin: 0px auto; margin-top:0px; }
#dotw-cars a:hover {text-decoration:none;}
#myController2 {width:200px; text-align:right!important; float:right; color:ý#454545!important; }
#myController2 span{ color:#333333; cursor:pointer; font-size: 12px; font-weight: bold; margin-left:10px; }
#mySlides2 { overflow:hidden!important; margin-bottom:5px; height:395px; }
.jFlowControl2 { font-size:15px!important; }
.dash {color:#454545;}
#jFlowSlide2 {width: 589px; height: 395px!important; overflow:hidden;}

#myController2 span.jFlowSelected2 { color: #a53535!important; }

.jFlowPrev2, .jFlowNext2 { cursor:pointer; }

.dotw-table {border-left:1px solid #CCC; width: 589px; height: 390px; border-bottom:none; border-top:1px solid #CCC; border-right:none;}

.dotw-block {width:196px; height:195px; border-right:1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; font-weight:bold; text-decoration:none; }

.dotw-model a {font-size:12px; color:#333333; display:block; padding-top:5px; height:auto; padding-left:3px; padding-right:3px; }
.dotw-varient a {font-size:10px; color:#21467d; display:block; height:15px;}
.dotw-featured a {font-size:12px; color:#a53535; text-transform:uppercase; display:block; height:20px; }
.dotw-thumb a {height:85px; vertical-align:middle!important; display:block;}
.dotw-price a {font-size:20px; color:#a53535; display:block;}
.dotw-price .pricefrom a {font-size:12px; color:#454545;}
.dotw-price .poundsign {font-size:16px!important; color:#a53535!important;}
.dotw-saving a {font-size:15px; color:#a53535; display:block; padding-bottom:3px; height: 20px;}
.dotw-saving .saveover a {font-size:11px; color:#454545;}
.dotw-saving .poundsign a {font-size:12px; color:#a53535;}
.dotw-saving .listprice a {font-size:11px; color:#454545;}

.dotw-costnew a {display:block;}
.dotw-realsale a {display:block;}

.over {background-color:#f2f5f8;}

.roll {width:196px; height:195px; border-right:1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; font-weight:bold; text-decoration:none; background-color:#f7f4c8; cursor:pointer;}

.finance-permonth a {display:block;}
.finance-deposit a  {display:block;}
.finance-deposit {height:25px;}


/* Showroom Slider */

.showroomController {width:20px; text-align:right!important; color:ý#454545!important; }
.showroomController span { color:#333333; cursor:pointer; font-size: 12px; font-weight: bold; }
#showroomSlides { width:230px; height:35px; overflow:hidden!important; margin-bottom:0px; }
.jFlowControlShowroom { font-size:12px!important; }
#jFlowSlideShowroom {width: 230px; height: 35px!important; overflow:hidden;}

#showroomController span.jFlowSelectedShowroom { color: #a53535!important; }

.jFlowPrevShowroom, .jFlowNextShowroom { cursor:pointer; }
.jFlowNextShowroom {float:right; padding-top:6px;}
.jFlowPrevShowroom {float:left; padding-top:6px; margin-right:6px;}

.showroom-table {width: 220px; height: 31px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-right:none; border-left:1px solid #CCC;}
.showroom-table td {border-right: solid 1px #CCC; width:55px; border-left:none; }

.showroom-model {font-size:12px; color:#333333; display:block; height:auto; }
.showroom-block { text-align:center; }
.showroom-roll { background-color:#f7f4c8; cursor:pointer; }


/* Lightblue Areas */

.lightbluewrapper589  {width:589px; margin-bottom:10px;}
.lightbluewrapper589 .lightblue-top {width:589px; height:8px; background-image:url(/images/template/lightblue-top.jpg); background-repeat:no-repeat;}
.lightbluewrapper589 .lightblue-bottom {width:589px; height:8px; background-image:url(/images/template/lightblue-bottom.jpg); background-repeat:no-repeat;}
.lightbluewrapper589 .lightblue-content {width:575px; background-image:url(/images/template/lightblue-content.jpg); background-repeat:repeat-y; padding-top:0px; padding-bottom:0px; padding-left:8px; padding-right:8px; text-align:left;}

.lightbluewrapper589 .lightblue-content table {width:575px;}
.lightbluewrapper589 .lightblue-content table td {vertical-align:top;}
.lightbluewrapper589 .lightblue-content table .text {padding-left:10px;}

.lightbluewrapper779  {width:779px; margin-bottom:0px; }
.lightbluewrapper779 .lightblue-top {width:779px; height:8px; background-image:url(/images/template/lightblue-topwide.jpg); background-repeat:no-repeat;}
.lightbluewrapper779 .lightblue-bottom {width:779px; height:8px; background-image:url(/images/template/lightblue-bottomwide.jpg); background-repeat:no-repeat;}
.lightbluewrapper779 .lightblue-content {width:765px; background-image:url(/images/template/lightblue-contentwide.jpg); background-repeat:repeat-y; padding-top:0px; padding-bottom:0px; padding-left:8px; padding-right:8px; text-align:left;}

.lightbluewrapper779 .lightblue-content td { vertical-align:top;}

/* COLINR - TAG CLOUD etc. */

#tagcloudwrapper {
	padding-top:7px;
}

#tagtop {	
	height:70px;
}
#tagcloudouter {
	background:url(/images/template/inspireme.jpg) no-repeat;	
}

.tagcloudheader {height:20px;}

.printOnly {
	display: none;
}

#vertical_slide {
	/*display: none;*/	
}

/* BOBBYA - TABLE FIX */

.main-1column-content table {clear:both;}
.main-2column-content table {clear:both;}
.main-3column-content table {clear:both;}
.main-4column-content table {clear:both;}

.main-1column-content #searchheader table {clear:none;}
.main-2column-content #searchheader table {clear:none;}
.main-3column-content #searchheader table {clear:none;}
.main-4column-content #searchheader table {clear:none;}


/* BRANCH DEALERSHIPS */

.franchise-dealerships {padding:0px; list-style:none; text-align:left; margin:0px; margin-top:5px;}
.franchise-dealerships li {padding:2px; padding-left:0px;}
.franchise-dealerships li a {color:#454545; text-decoration:none; font-weight:bold;}
.franchise-dealerships li a:hover {color:#FFFFFF; text-decoration:none; background-color:#607e9f; display:block;}


/* WILDFIRE CODE FIXES */


.w-component-wrapper {clear:both;}

/* SIDEBAR MENU STYLING -added 25.09.09 */

.wf_vertical_menu ul {padding-left:0px; text-align:left;}
.wf_vertical_menu li {list-style-type:none; margin:0px!important; padding:1px;}
.wf_vertical_menu li a {font-size:11px; font-weight:bold; color:#454545; margin: 0px auto!important; text-decoration:none; display:block;}
.wf_vertical_menu li a span {padding-left:4px; padding-top:2px; padding-bottom:2px;}
.wf_vertical_menu li a:hover span {text-decoration: none; color: #FFFFFF!important; background-color:#607e9f; display:block; }
.wf_vertical_menu .current {text-transform:none;}

/*
------------------------------
	Impromptu
------------------------------
*/
.jqifade {	position: absolute; background-color: #000000; }
div.jqi { width: 500px; font-family: 'Trebuchet MS',verdana,sans-serif; position: absolute; background-color: #ffffff; text-align: left; border: solid 1px #000; padding: 7px; }
div.jqi .jqicontainer { font-weight: bold; }
div.jqi .jqiclose { position: absolute;	top: 4px; right: -2px; width: 18px; cursor: default; color: #333; font-weight: bold; }
div.jqi .jqimessage { padding: 10px; line-height: 20px; color: #444444;font-size: 14px }
div.jqi .jqibuttons { text-align: right; padding: 5px 0 5px 0; }
div.jqi button { padding: 3px 25px; margin: 0 10px; background-color: #a53535; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover { background-color: #a53535; }
div.jqi button.jqidefaultbutton { /*background-color: #8DC05B;*/ background-color: #a53535; }
.jqiwarning .jqi .jqibuttons { background-color: #a53535; }
