/* ==== Vale Motors ==== */

/* ==== common ==== */
body, html {
margin: 0; 
padding: 0; 
background: #000000;
height: 100%;
background-image:url(../images/page-bg.jpg);
background-position:top;
background-repeat:repeat-x;}
#pages {
width: 963px;
margin: auto;
position: relative;
min-height: 100%;
background-color:#000000;}
* html #pages {
height: 100%;}
img {
margin: 0;
padding: 0;}
.notes {
font: normal 10px/12px Arial, Helvetica, sans-serif; color: #666;}
.clear {
clear: both;}

/* ==== header ==== */
#header {
width: 963px;
margin: 0;
padding: 0; }

/* ==== content ==== */
#contenthome {
width: 933px;
clear: both;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e0e0e0;
margin: 0 0 30px 0;
padding: 8px 15px 15px 15px;
background-color:#000000;}
#content {
width: 933px;
clear: both;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e0e0e0;
margin: 0 0 30px 0;
padding: 14px 15px 15px 15px;
background-color:#000000;}

/* ==== navigation ==== */
#navcontainer {
height: 23px;
margin: 0;
padding: 0 0 0 15px;
background: #FFF url(../images/nav-bg.gif);
background-repeat:repeat-x;}
#nav, #nav ul {
float: left;
list-style: none;
color: #FFF;
margin: 0;
padding: 0;
display:inline;}
#nav a, #nav a:link, #nav a:visited {
height: 18px;
font: bold 11px Arial, Helvetica, sans-serif; color: #c8c8c8;
text-decoration: none;
margin: 0;
padding: 5px 6px 0 6px;
border-right: solid 1px #373737;}
#nav a:hover {
color: #FFFFFF;
text-decoration: none;}
#nav li {
float: left;
margin: 0;
padding: 0;}
#nav li.first {
border-left: solid 1px #373737; }
#timedate {
float: right;
margin: 0;
padding: 4px 14px 0 0;
font: bold 11px Arial, Helvetica, sans-serif; color: #c8c8c8; }
#tP {
padding: 0;
margin: 0;
font: bold 11px Arial, Helvetica, sans-serif; color: #c8c8c8;}

/* for sub menu
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	w\idth: 110px;
} 
#nav li ul a {
	color: #CBD3E5;
	background: #01497c;
	width: 100px;
	w\idth: 110px;
	border-top: 1px solid #3079b2;
	border-right: none;
	padding: 2px 0 4px 5px;
}
#nav li:hover ul ul, #nav li.sfhover 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 {
	left: auto;
	width: 110px;
	w\idth: 116px;
}*/

/* ==== main content ==== */
#homeimage {
width: 696px;
margin: 0;
padding: 0;
float: left;}
#header img {
margin: 0;
padding: 0;
display: block; }
#main {
float: left;
width: 696px;
margin: 0;
padding: 0;
font: normal 11px/17px Arial, Helvetica, sans-serif; color: #e0e0e0;}
#content p {
margin: 0 0 10px 0;}
#content ul {
margin: 0;
list-style-type: none; 
padding: 0;}
/*#main ul li {
list-style-image: url(/images/bullet.gif);}*/

#content ul li {
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .35em;
padding: 0 0 3px 15px;
margin: 0 0 0 25px;}


#content a, #content a:link, #content a:visited {
color: #07a0c2;
text-decoration: none;
font-weight:bold;}
#content a:hover {
color: #FFFFFF;
text-decoration: none;}

#contenthome a, #contenthome a:link, #contenthome a:visited {
color: #07a0c2;
text-decoration: none;
font-weight:bold;}
#contenthome a:hover {
color: #FFFFFF;
text-decoration: none;}


.left {
float: left;
width: 459px;
margin: 0;
padding: 0;}
.centre {
float: right;
width: 222px;
margin: 0;
padding: 0;}
.right {
float: right;
width: 222px;
margin: 0; 
padding: 0;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e0e0e0;}
.singlecolumn {
width: 222px;
margin: 0;
padding: 0;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e0e0e0;
float: left;}
.singlecolumnright {
width: 222px;
margin: 0;
padding: 0;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e0e0e0;
float: right;}
.doublecolumn {
width: 459px;
margin: 0; 
padding: 0;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e0e0e0;
float: right;}
.triplecolumn{
width: 696px;
margin: 0;
padding: 0;
float: right;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e0e0e0;}
.homeoffers {
width: 933px;
margin: 12px 0 0 0;
padding: 0;
clear:both;}

#findusleft {
float: left;
width: 200px;
margin: 0;
padding: 0;}
#findusright {
float: right;
background: #323232;
border: 1px solid #5f5f5f;
width: 200px;
margin: 0 0 5px 0;
padding: 5px 5px 0 5px;}

#directions {
	background: #323232;
	border: 1px solid #5f5f5f;
	margin: 21px 0  7px 0;
	padding: 10px;
}


.rightlink a, .rightlink a:visited{
width: 216px;
height: 24px;
background: url(../images/rightlink-bg.gif) no-repeat;
background-position: top;
margin: 0 0 7px 0;
padding: 6px 0 0 6px;
font: bold 11px/16px Arial, Helvetica, sans-serif; color: #575757;
display: block;}		
.rightlink a:link, .rightlink a:visited{
width: 216px;
height: 24px;
background: url(../images/rightlink-bg.gif) no-repeat;
background-position: top;
font: bold 11px/16px Arial, Helvetica, sans-serif; color: #575757;}	
.rightlink a:hover{
width: 216px;
height: 24px;
background: url(../images/rightlink-bg.gif) no-repeat;
background-position: bottom;
padding: 6px 0 0 6px;
font: bold 11px/16px Arial, Helvetica, sans-serif; color: #FFFFFF;}
.fiat500red {
	color: #c6130b;
	font-size: 30px;
}
.fiat500white {
	color: #FFF;
	font-size: 18px;
}

/* ====  Headings ==== */
h1 {
font: bold 16px/18px Arial, Helvetica, sans-serif; color: #c0c0c0;
letter-spacing: -1px;
margin: 0 0 5px 0;
padding: 0;}
h2 /* without border bottom */ {
font: bold 12px/15px Arial, Helvetica, sans-serif; color: #c0c0c0;
margin: 0 0 5px 0;
padding: 0;}
h3 /* with border bottom */ {
font: bold 12px/15px Arial, Helvetica, sans-serif; color: #c0c0c0;
margin: 0 0 5px 0;
padding: 0;
border-bottom: 1px solid #323232;}
h4 /* homepage used search heading */ {
font: bold 16px/18px Arial, Helvetica, sans-serif; color: #f3f3f3;
letter-spacing: -1px;
margin: 0;
padding: 0;}
.leadtext {
font: bold 16px/18px Arial, Helvetica, sans-serif; color: #9c9c9c;
letter-spacing: -1px;
margin: 0 0 5px 0;
padding: 0;}
.homeintro {
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e0e0e0;}


/* ==== car search ==== */
#searchbox {
	height: 204px;
	padding: 10px 0 0 10px;
	margin: 0;
	color: #FFF;
	background:url(/images/query-form-bg.gif) top left no-repeat;
	font: 11px Arial, Helvetica, sans-serif;
	}
#searchbox p {
padding: 0;
margin: 0;}
#searchbox h4 {
padding: 0;
margin: 0;}
.searchbox input {
font: normal 11px Arial, Helvetica, sans-serif; color: #383838;
width: 165px;
margin: 5px 0 0 0;
padding: 0;}
.fieldstyle {
width: 250px;
padding: 1px 0 1px 2px;
margin: 0 0 6px 0;
font: normal 12px Arial, Helvetica, sans-serif; color: #383838;}
.frombox {
width: 120px;
padding: 1px 0 1px 2px;
margin: 0 7px 6px 0;
font: normal 12px Arial, Helvetica, sans-serif; color: #383838;}
.tobox {
width: 120px;
padding: 1px 0 1px 2px;
margin: 0 0 6px 0;
font: normal 12px Arial, Helvetica, sans-serif; color: #383838;}
.searchbutton {
width: 80px;
background-color:#666666;
border: solid 1px #2c2c2c;
color:#FFFFFF;
margin: 6px 6px 0 0;
cursor:pointer;}
.reset {
width: 80px;
background-color:#666666;
border: solid 1px #2c2c2c;
color:#FFFFFF;
margin: 6px 0 0 0;
cursor:pointer;}


#dvVehicleCount {
font-size:13px;
margin: 12px 0 0 0;
clear:both;}


/* ==== results ==== */
#dvVehicleList .subtitle2 {
	text-align: left;
	width: 627px;
	font: normal 11px/16px Arial, Helvetica, sans-serif; color: #FFF;
	padding: 2px 4px 2px 4px;
	background-color: #323232;
	}
#dvVehicleList td {
	margin: 0;
	padding: 3px 5px 3px 5px;
	}
#dvVehicleList .subtitle2 a:link, #dvVehicleList .subtitle2 a:visited {
	color: #FFF; text-decoration: none;
	
	}
#dvVehicleList .subtitle2 a:hover {
	color: #FFF; text-decoration: underline;
	
	}
#dvVehicleList .stripe, .nostripe, .nostripeover, .stripeover {
	text-align: left;
	width: 627px;
	font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e3e3e3;
	padding: 3px 2px 3px 4px;
	}
#dvVehicleList .nostripe {
	background-color: #4a4a4a;
	color: #FFFFFF;
	}
#dvVehicleList .stripe {
	background-color: #3d3d3d;
	color: #e3e3e3;
	}
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
	background-color: #01417e;
	color: #FFFFFF;
	cursor:hand; cursor:pointer;
	}
	
.listthumb {
	margin: 0;
	padding: 0;
	width: 142px;
	height: 102px;
	}

/* ==== details ==== */
#dvVehicleDetail h2{
color: #e3e3e3;
}

.price {
font: bold 24px Arial, Helvetica, sans-serif; color: #e3e3e3;
margin: 0 0 10px 0;
padding: 0;}
.photos {
margin: 0;
padding: 10px 10px 10px 11px;
background-color: #4d4d4d;
border: 1px solid #e3e3e3;
height: 305px;
width: 290px;
float: left;
}
.details-right{
with: 370px;
float: right;
}
.rightdetails {
width: 350px;
margin: 0 0 10px 0;
background-color: #4d4d4d;
border: 1px solid #e3e3e3;
/*background-image: url(/images/details-bg.jpg);*/
padding: 10px;}
.bottomdetails {
width: 696px;
padding: 1px 0 0 0;
margin: 8px 0 0 0;}
#dvVehicleDetail {
width: 696px;
padding: 0;
margin: 8px 0 0 0;}
#dvVehicleDetail .imgsubtitle {
display: none;
font: normal 11px Arial, Helvetica, sans-serif; color: #e3e3e3;
padding: 1px 10px 0 0;
margin: 0;}
#dvVehicleDetail .spec, #dvVehicleDetail .address, #dvVehicleDetail .actions {
font: normal 12px/16px Arial, Helvetica, sans-serif; color: #e3e3e3;
padding: 6px 10px 10px 0px; }
#dvVehicleDetail .actions a, #dvVehicleDetail .actions a:visited {
color: #a2191d; 
text-decoration: none; 
font-weight: bold;}
#dvVehicleDetail .actions a:hover {
color: #a2191d;
text-decoration: underline;}


.detailslinks{
margin-top: 10px;
width: 240px;
float: left;
clear: left;
}

.detailslink{
width: 314px;
}

.detailslink a, .detailslink a:visited{
width: 306px;
height: 24px;
background: url(../images/rightlink-bg.gif) no-repeat #323232;
background-position: top right;
margin: 0 0 7px 0;
padding: 6px 0 0 6px;
font: bold 11px/16px Arial, Helvetica, sans-serif; color: #575757;
display: block;
}		
.detailslink a:link, .detailslink a:visited{
width: 306px;
height: 24px;
background: url(../images/rightlink-bg.gif) no-repeat #323232;
background-position: top right;
font: bold 11px/16px Arial, Helvetica, sans-serif; color: #575757;}	
.detailslink a:hover{
width: 306px;
height: 24px;
background: url(../images/rightlink-bg.gif) no-repeat #323232; 
background-position: bottom right;
padding: 6px 0 0 6px;
font: bold 11px/16px Arial, Helvetica, sans-serif; color: #FFFFFF;}



/* ==== contact form ==== */
#contact  {
margin: 0;
padding: 5px 10px 5px 10px;
font: normal 12px Arial, Helvetica, sans-serif; color: #e3e3e3;
background-image: url(../images/contact-form-bg-small.gif);
background-color:#333333;
border-width:1px;
border-color:#999999;
background-position:top left;
background-repeat: no-repeat;
float:none; }

#contact table {
border: 0;
padding: 0;
margin:0;}
#contact td {
margin: 0;
padding: 2px 0 2px 0;}
#contact input { 
font: normal 12px Arial, Helvetica, sans-serif; color: #000;
width: 200px;
margin: 3px 0 3px 0;
padding: 0;}
#contact select { 
font: normal 12px Arial, Helvetica, sans-serif; color: #000;
width: 204px;
margin: 3px 0 3px 0;
padding: 0;}
#contact textarea { 
font: normal 12px Arial, Helvetica, sans-serif; color: #000;
width: 202px;
height: 100px;
margin: 3px 0 3px 0;
padding: 0;}
#contact input:focus, #contact textarea:focus { 
background-color: #e3e3e3;}
#contact input.chkbox {
width: auto;
margin: 0;
padding: 0 2px 2px 0;}
#contact input.submit {
width: 200px;
background-color:#666666;
border: solid 1px #2c2c2c;
color:#FFFFFF;
margin: 6px 6px 0 148px;
cursor:pointer;}

/* ===== find us tables ====== */
.find-us {
border-collapse: collapse;
background: #323232;
margin: 0;
padding: 0;}
.find-us td {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 1px 2px 2px 3px;}
.find-us th {
text-align: left;
font: bold 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 2px 2px 3px;}

/* ==== images only ==== */
.viewtherange {
padding: 0;
margin: 0 0 15px 0;}
.defaultoffers {
padding: 0;
margin: 0 10px 0 0;}
.mainimg {
padding:0;
margin: 0 0 6px 0;}
.thumb2 {
padding: 0;
margin: 0 6px 0 6px;}
.newbrand {
padding: 0;
margin: 0 14px 15px 0;}
.newbrand2 {
padding: 0;
margin: 0 0 15px 0;}
.comingsoonpic {
margin: 0 12px 12px 0;}
.comingsoonpic2 {
margin: 0 0 12px 0;}
.specialthumb {
padding: 0;
margin: 0 10px 10px 0;}
.specialthumb2 {
padding: 0;
margin: 0 0 10px 0;}
.newcar1 {
padding: 0;
margin: 0 18px 16px 0;}
.newcar2 {
padding: 0;
margin: 0 0 16px 0;}

/* Motability */
#motability {
margin: 0;
padding: 0;}
#motability img {
float: left;
margin: 0 14px 0 0;
padding: 0}

/* ==== footer ==== */
#footer {
margin: 15px 0 0 0;
padding: 10px 0 5px 0;
border-top: solid 1px #5f5f5f;
font: normal 11px Arial, Helvetica, sans-serif; color: #676767;}
#footer a, #footer a:link, #footer a:visited {
color: #676767; text-decoration: none;}
#footer a:hover {
color: #FFFFFF; text-decoration: underline;}

/* ==== t&cs popup ==== */
#terms {
padding: 5px 0 5px 0;
font: normal 11px/14px Arial, Helvetica, sans-serif; color: #999; 
background-color: #FFF;}
#terms p {
margin: 0 5px 10px 7px;}
#terms h2 {
font: bold 11px/14px Arial, Helvetica, sans-serif; color: #999; 
margin: 0 0 2px 7px;}
#terms a {
font-weight: bold; color: #E32025; text-decoration: none;}
#terms a:hover {
color: #304E97; text-decoration: none;}
#terms ul {
list-style-type: disc;
margin: 5px 0 10px 20px;
padding: 0;}

/* COG SEARCH */


.COGDealershipDropDown, .COGCarMakeDropDown, .COGCarModelDropDown, .COGCarVersionDropDown, .COGCarFuelDropDown, .COGCarTransmissionDropDown, .COGCarPriceFromDropDown, .COGCarPriceToDropDown, .COGCarSearchButton {
margin:6px 6px 0 0;
width: 210px;

}

#searchbox .used-results{
width: 210px;
height: 18px;
padding: 0;
margin: 10px 1px 2px 0;
}

.COGCarSearchButton{
float: right;
width: 213px;
margin: 10px 19px 1px 1px;
background-color: #666666;
border: 1px solid #2c2c2c;
cursor: pointer;
color: #ffffff;
}

/* COG RESULTS */

/* ########################   used car list   ########################  */

#usedlistwrapper {
 padding: 15px 0 0 0;

}

#usedlistvehicle a,
#usedlistvehicle a:link,
#usedlistvehicle a:visited,
#usedlistvehicle a:active{
display:block;}

.list-instock {
 font-weight:bold;
 color:#07A0C2;
}

#pagination {
height: 30px;

 margin-left:150px;
}

.pagecount-bg {
 background-color:#3d3d3d;
 color: #fff; 
 margin: 0 0 8px 0; padding: 6px 0 6px 4px;
}

#pagination .COGPager li{
 display:inline;
 text-align:center;
 list-style-type: none;
 float:left;
 
}

#pagination .COGPager .COGPagerItemSelected span{
 background-color:#07A0C2 !important;
 /*background-color:#c7c7c7 !important;*/
 color:#fff;
 font-weight:bold;
  margin:0 6px 0 0;
 width:32px;
 padding:3px 0 3px 0;

}

#pagination .COGPager span /* not a link style */{
 background-color:#e8e8e8;
 color:#81ACD1;
 display:block;
 margin:0 6px 0 0;
 width:32px;
 padding:3px 0 3px 0;
 font-weight:bold;
}

#pagination ul li{
list-style-type: none;
background-image: none;
margin: 0px;
padding: 0px;
}

#pagination .COGPager li.COGPagerNext {
 width: 32px;
 float: left;
 padding: 0;
 list-style-type:none;
}

#pagination .COGPager li.COGPagerPrevious span{
 background-color:#4e4e4e;
 color : #fff;
 list-style-type:none;
 background-image: none;
}

#pagination .COGPager a:link,
#pagination .COGPager a:visited,
#pagination .COGPager a:active /* link style */ {
 /*background-color:#e1e1e1;*/
 text-decoration:none;
 color:#fff;
 width: 30px;
 margin:0 8px 0 0;
 display:block;
 padding:3px 0 3px 0;
 background-color: #4e4e4e;
}

#pagination .COGPager a:hover
{
	/*background-color:#c7c7c7;*/
	text-decoration: none;
	color: #07A0C2;
}

#pagination .COGPager li.COGPagerItem,
#pagination .COGPager li.COGPagerItemSelected  /* hides the pagination display */{
 width: 30px;
 margin:0 7px 0 0;
 padding:0;
 text-align:center;
 display:block;
}



#usedlist a, #usedlist a:link, #usedlist a:visited, #usedlist a:active {
 font-weight:normal;
 color:#262424;
 text-decoration:none;
 display:block;
 cursor:pointer;
} 

#usedlist a:hover {
 font-weight: normal;
 color:#262424;
 text-decoration:none;
 display:block;
 cursor:pointer;
}

.usedlistvehicle {
 width:676px;
 /*background-color:#f6f6f6;*/
 background-color: #3d3d3d;
 border:solid 1px #4a4a4a;
 margin-bottom:10px;
 padding:6px 10px 11px 10px;
}

.managers {
 border:solid 1px #93baed;
 background:url(/images/managers-special-bg.jpg) bottom right no-repeat #fff;
}

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

.usedlistvehicle-left {
 width:202px;
 float:left;
 color:#ffffff;
 margin:0; padding:4px 0 0 0;
 line-height:22px;
}

.usedlistvehicle-right {
 width:444px;
 /*width:226px;*/
 float:right;
 margin:0; padding:6px 0 0 0;
 color:#ffffff;
 line-height:22px;
}

#usedlist .usedlistvehicle-title {
 font:bold 17px Arial, Helvetica, sans-serif;
 margin:0 0 5px 0; padding:0;
 color:#07A0C2;
}
.usedlistvehicle-price {
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#3D3D3D;
 margin:10px 0 0 0; padding:5px 0 5px 0;
 text-align:center;
 background-color: #e3e3e3;
 display:block;
}

.listdetailsleft {
 float:left;
 width:118px;
 margin:0; padding:0;
}

.listdetailsmiddle{
float:left;
width: 118px;
}

.listdetailsright {
 float:right;
 width:208px;
 margin:0; padding:0;
}


#dvVehicleDetail .thumb, #dvVehicleDetail .thumb2{
 margin: 5px 5px 0 0;
}

.margpad
{
	padding:0;
	margin:0;
}
.cogcheckbox 
{align:left;
width:10px;
height:10px;}