/* CSS Document for Roberts 4 Cars */
							
							/** General **/
*							{ margin: 0; padding: 0; }

body						{ background: url(../images/body-bg.jpg) center top repeat-x #7f7f7f; font-family: Arial, Helvetica, sans-serif; }

img							{ border: none; }

a							{ outline: none; }
a:active 					{ outline: none; }

div#wrapper					{ width: 992px; height: auto; margin: 0 auto; position: relative; }

							/** Header Area **/
div#header					{ width: 992px; height: 290px; float: left; background: url(../images/header-bg.jpg) center top no-repeat; }

div#carsearch				{ width: 240px; height: 240px; background: #141414; float: left; margin: 35px 0 0 22px; display: inline; }
h4							{ font-size: 22px; color: #0096ff; height: 35px; line-height: 35px; text-indent: 18px; }

div#imtran					{ width: 693px; height: 240px; background: url(../images/imtran/bg.jpg) center top no-repeat #efefef; float: right; margin: 35px 22px 0 0; display: inline; }
div#slider1 				{ width: 693px; height: 240px; position: relative; overflow: hidden; display: inline; float: left; }
div#slider1Content 			{ width: 693px; height: 240px; position: absolute;	top: 0;	left: 0; list-style: none; }
li.slider1Image 			{ float: left; position: relative; display: none; }
li.slider1Image span		{ display: none; }
.clear 						{ clear: both; }
span.top 					{ top: 0; left: 0; display: none; visibility: hidden; }		

							/** Main Content Area inc Nav Col **/
div#main					{ width: 992px; height: auto; float: left; background: url(../images/main-bg.jpg) center top repeat-y; }							

div#maintop					{ width: 992px; height: auto; float: left; background: url(../images/maintop-bg.jpg) center top no-repeat; }

div#maincontent				{ width: 693px; height: auto; float: right; margin: 0 22px 0 0; display: inline; position: relative; }

div#lateststock				{ width: 693px; height: 130px; float: left; background: url(../images/lateststock-bg.jpg) center top no-repeat; margin-bottom: 15px; }

div#browsebytype			{ width: 693px; height: 285px; float: left; background: #efefef; margin-bottom: 15px; }

div#browsebytype ul			{ width: 688px; height: 248px; list-style: none; float: left; margin-left: 5px; display: inline; }
div#browsebytype ul li		{ float: left; width: 167px; height: 119px; margin: 0 5px 5px 0; position: relative; display: inline; }
div#browsebytype ul li a	{ float: left; width: 165px; height: 117px; display: block; background: url(../images/shim.gif) repeat; text-indent: -9999px; overflow: hidden; border: 1px solid #0096ff; z-index: 115; }
div#browsebytype ul li a:hover{}

div#browsebytype ul li a em	{ position: absolute; left: 1px; top: 1px; display: block; width: 165px; height: 117px; z-index: 111; cursor: pointer; }
div#browsebytype ul li a span.hoverBack{ position: absolute; left: 1px; top: 1px; display: block; width: 165px; height: 117px; z-index: 113; cursor: pointer; }
div#browsebytype ul li a span.currentBack{ position: absolute; left: 1px; top: 1px; display: block; width: 165px; height: 117px; z-index: 111; cursor: pointer; }

div#browsebytype ul li#type-di a em{ background: url(../images/type/diesel.jpg) bottom center no-repeat; }
div#browsebytype ul li#type-au a em{ background: url(../images/type/automatic.jpg) center top no-repeat; }
div#browsebytype ul li#type-35 a em{ background: url(../images/type/road-tax.jpg) center top no-repeat; }
div#browsebytype ul li#type-ha a em{ background: url(../images/type/hatchback.jpg) center top no-repeat; }
div#browsebytype ul li#type-sa a em{ background: url(../images/type/saloon-estate.jpg) center top no-repeat; }
div#browsebytype ul li#type-sp a em{ background: url(../images/type/sports-convertible.jpg) center top no-repeat; }
div#browsebytype ul li#type-4x a em{ background: url(../images/type/4x4.jpg) center top no-repeat; }
div#browsebytype ul li#type-mp a em{ background: url(../images/type/mpv.jpg) center top no-repeat; }

div#browsebytype ul li#type-di a span.hoverBack{ background: url(../images/type/diesel-o.jpg) bottom center no-repeat; }
div#browsebytype ul li#type-au a span.hoverBack{ background: url(../images/type/automatic-o.jpg) center top no-repeat; }
div#browsebytype ul li#type-35 a span.hoverBack{ background: url(../images/type/road-tax-o.jpg) center top no-repeat; }
div#browsebytype ul li#type-ha a span.hoverBack{ background: url(../images/type/hatchback-o.jpg) center top no-repeat; }
div#browsebytype ul li#type-sa a span.hoverBack{ background: url(../images/type/saloon-estate-o.jpg) center top no-repeat; }
div#browsebytype ul li#type-sp a span.hoverBack{ background: url(../images/type/sports-convertible-o.jpg) center top no-repeat; }
div#browsebytype ul li#type-4x a span.hoverBack{ background: url(../images/type/4x4-o.jpg) center top no-repeat; }
div#browsebytype ul li#type-mp a span.hoverBack{ background: url(../images/type/mpv-o.jpg) center top no-repeat; }

a#whats-my-budget {
background-image:url(../images/whats-my-budget.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
float:left;
height:119px;
width:252px;
}

a#whats-my-budget:hover {
	background-position: left bottom;
}

div#leftcol					{ width: 240px; height: auto; float: left; margin: 0 0 0 22px; display: inline; overflow: hidden; }

ul#mainnav					{ width: 240px; height: auto; list-style: none; float: left; }
ul#mainnav li				{ width: 240px; height: 36px; float: left; }
ul#mainnav li a				{ width: 240px; height: 36px; line-height: 35px; float: left; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 11px; text-indent: 17px; background: url(../images/nav/nav-bg.jpg) center top no-repeat; overflow: hidden; }
ul#mainnav li a:hover		{ text-decoration: none; background-position: bottom; }

#HOM ul#mainnav li#HO a, #SAL ul#mainnav li#VS a, #FIN ul#mainnav li#FI a, #WAR ul#mainnav li#WA a, #BEN ul#mainnav li#BE a, #FAC ul#mainnav li#FC a, #NEW ul#mainnav li#NE a, #LOC ul#mainnav li#FU a, #CON ul#mainnav li#CU a
							{ background: url(../images/nav/nav-bg-active.jpg) center top no-repeat; cursor: default; }

p#contactnumbers			{ width: 240px; height: 207px; float: left; font-size: 20px; color: #ffffff; text-align: center; background: url(../images/contactnumbers-bg.jpg) center top no-repeat; }

a#roberts4vans				{ width: 240px; height: 160px; float: left; text-indent: -9999px; overflow: hidden; display: block; background: url(../images/roberts4vans.jpg) center top no-repeat; }
a#roberts4vans:hover		{ background-position: bottom; }

div#footer					{ width: 992px; height: 200px; float: left; background: url(../images/footer-bg.jpg) center top no-repeat; position: relative; }

h1							{ font-size: 32px; color: #333333; margin: 20px 20px 10px 20px; }
h1 strong					{ color: #666666; }
h1 strong em				{ color: #0096ff; font-size: 32px!Important; font-style: italic; }
h1 em						{ font-size: 18px; color: #999999; }

h2							{ font-size: 24px; color: #0096ff; margin: 20px 20px 10px 20px; }

p.normP						{ font-size: 12px; color: #666666; margin: 10px 20px; text-align: justify; }

ol.normOL					{ margin-left: 20px; }
ol.normOL li				{ margin-left: 40px; font-size: 12px; font-weight: bold; }

a#caloanadvisorlink1		{ width: 200px; height: 50px; position: absolute; left: 600px; top: 21px; }
a#caloanadvisorlink2		{ width: 200px; height: 50px; float: right; margin: 0 20px 10px 10px; }

a#toplink					{ margin: 95px 386px 0 30px; float: left; display: inline; height: 20px; line-height: 20px; width: 60px; text-indent: 27px; font-size: 11px; text-decoration: none; color: #ffffff; text-transform: uppercase; background: url(../images/toplink.jpg) center top no-repeat; }
a#toplink:hover				{ background-position: bottom; }

div#ukw						{ margin: 95px 40px 0 200px; float: right; display: inline; text-transform: uppercase; color: #ffffff; font-size: 11px; display: inline; }
div#ukw a					{ height: 20px; line-height: 20px; text-decoration: none; color: #ffffff; }
div#ukw a:hover				{ text-decoration: none; color: #cccccc; }

p#footerdetails				{ float: left; width: 600px; text-transform: uppercase; color: #ffffff; font-size: 11px; margin-top: 40px; display: inline; margin-left: 15px; }

p#footerstrap				{ float: right; width: 342px; text-transform: uppercase; color: #ffffff; font-size: 11px; margin-top: 40px; text-align: right; display: inline; margin-right: 15px; }

div#map						{ width: 653px; height: 400px; float: left; margin: 10px 20px; display: inline; overflow: hidden; border: 2px solid #0096ff; }
div#map iframe 				{ width: 653px; height: 400px; }