/* -----------------------------------------------
:: 	Float clearing
----------------------------------------------- */
/* IE6 */
* html #browse,
* html #cartypes,
* html #vantypes, 
* html #blog-featured,
* html #social {
  overflow: visible;
}

/* IE7 */
*+html #browse,
*+html #cartypes,
*+html #vantypes, 
*+html #blog-featured, 
*+html #social {
  min-height: 1%;
}

/* everyone else */
#browse:after,
#cartypes:after,
#vantypes:after, 
#blog-featured:after, 
#social:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


/* -----------------------------------------------
:: Homepage
----------------------------------------------- */
.home #content {
	position:relative;
	padding:990px 0px 20px 0px;
}

.home #content .row {
	margin:0 20px;
	width:962px;
	/*background-color:#6FF;*/
}

.home #content .row h2 {
	margin:15px 0px 10px 15px;
	line-height:normal;
}

.home #content .radius {
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom, #ffffff -5%,#f1f1f1 95%); /* W3C */
	background: -ms-linear-gradient(top, #ffffff -5%,#f1f1f1 95%); /* IE10+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(-5%,#ffffff), color-stop(95%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff -5%,#f1f1f1 95%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #ffffff -5%, #f1f1f1 95%); /* FF3.6+ */
	background: -o-linear-gradient(top, #ffffff -5%,#f1f1f1 95%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
}


/* -----------------------------------------------
:: Homepage offers container
----------------------------------------------- */
#car-deals,
#van-deals {
	position:absolute;
	top:0px;
	width:100%;
}

#car-deals h2,
#van-deals h2 {
	margin-top:20px;
	margin-left:20px;
	margin-bottom:25px;
	width:340px;
	font-size:30px; font-size:3.0rem;
}
	

/* -----------------------------------------------
:: Homepage offers pager
----------------------------------------------- */
#navoffer {
	position:absolute;
	top:20px;
	left:393px;
	height:34px;
	padding:5px 8px;
	text-align:left;
}

#navoffer a {
	width:34px; 
	padding:5px 13px;
	text-decoration:none;
	background:url("../images/fulton/navitem-inactive.jpg") no-repeat; 
}

#navoffer a.activeSlide { 
	font-weight:bold;
	color:#FFF;
	background:url("../images/fulton/navitem-active.jpg") no-repeat;
}
	
#navoffer a.activeSlide:hover {color:#FFF;}


/* -----------------------------------------------
:: Homepage offers
----------------------------------------------- */
.home #content #offers {
	margin:0 auto;
	width:970px;
}

.home #content #offers .pics {
	overflow:hidden;
}
	
.home #content #blog-featured #featured .offer {
	width:141px;
	min-height:200px;
	padding-left:17px;
	margin-right:0px;
}

#featured .end .inner {
	margin-right:0px !important; 
	border-right:none !important;
}

.home #content #featured .offer .inner .isgreen {
	top:50px;
	left:88px;
	background:url("../images/common/icon-is-green-a.png") no-repeat;
}

.home #content #featured .offer .inner .instock {
	top:50px;
	left:0px;
	background:url("../images/common/icon-in-stock-a.png") no-repeat;
}

/* featured offer under £ vehicle name link */
.home #content #featured .offer .vehicle {
	height:60px;
	font-size:11px; font-size:1.1rem;
}

.home #content #featured .offer .vehicle span {
	font-size:10px; font-size:1.0rem;
}

/* featured offers under £ have a background, images need a border */
.home #content #featured .offer a img {
	width:112px;
	height:81px;
	border:1px solid #D9D9D9;
}

.home #content #featured .offer p {
	line-height:normal;
}

.home #content #featured .offer .price {
	margin-top:5px;
	margin-bottom:0;
	font-size:13px; font-size:1.3rem;
}

.home #content #featured .offer .personal {
	margin-top:2px;
	padding-right:0px;
	font-size:10px; font-size:1.0rem;
}
	
.home #content #featured .offer .initial {
	font-size:10px; font-size:1.0rem;
}


/* -----------------------------------------------
:: Homepage - browse by
----------------------------------------------- */
#browse {
	position:absolute; 
	top:335px;
}

#browse .browse {
	display:block;
	float:left; 
	min-height:290px;
}
	
#browse .browse ul li {
	padding-left:7px;
	margin-bottom:5px;
	line-height:normal;
}


/* -----------------------------------------------
:: Homepage - browse by manufacturer
----------------------------------------------- */
#browse #bymanufacturer {
	width:329px;
	margin-right:11px;
}

#browse #bymanufacturer ul {
	display:block;
	float:left;
	width:95px; 
	margin:0px 0px 0px 13px;
}

#browse #bymanufacturer ul li {
	/* Fix IE7 LI given pointless 3px top padding by content - move to IE7 stylesheet? */  
	display:block; float:left; width:85px;
	/* end */
	margin-bottom:2px;
	padding-left:10px;
	background:url("../images/common/icon-grey-arrow.jpg") no-repeat 0px 3px;
}


/* -----------------------------------------------
:: Homepage - browse by price
----------------------------------------------- */
#browse #byprice {
	width:275px;
	margin-right:12px;
}

#browse #byprice ul li {
	display:block;
	float:left;
	width:111px;
	padding-left:18px !important;
	margin:25px 0px 10px 0px !important;
}

#browse #byprice ul li a			{ padding-top:35px; }
#browse #byprice ul li #under150 	{ background:url("../images/fulton/button-price-150.jpg") no-repeat; }
#browse #byprice ul li #under250 	{ background:url("../images/fulton/button-price-250.jpg") no-repeat; }
#browse #byprice ul li #under350 	{ background:url("../images/fulton/button-price-350.jpg") no-repeat; }
#browse #byprice ul li #under450 	{ background:url("../images/fulton/button-price-450.jpg") no-repeat; }
#browse #byprice ul li #under550 	{ background:url("../images/fulton/button-price-550.jpg") no-repeat; }
#browse #byprice ul li #above550 	{ background:url("../images/fulton/button-price-550.jpg") no-repeat; }


/* -----------------------------------------------
:: Homepage - browse by type
----------------------------------------------- */
#browse #bytype {
	float:left;
	width:329px;
}

#browse #bytype #cartypes,
#browse #bytype #vantypes {
	width:310px;
	margin:20px 0 0 15px;
}

#browse #bytype #vantypes {
	margin:50px 0 0 15px;
}

#browse #bytype li {
	float:left;
	width:64px;
	margin-right:15px;
	margin-bottom:10px;
	padding-left:0px;
}

#browse #bytype li a {
	display:block;
	width:64px;
	padding-top:64px;
}

	#browse #bytype #cartypes li						{ background:url("../images/common/icon-type-cars-suv.png") no-repeat; }
	#browse #bytype #cartypes li.citycar				{ background-position:0px 0px; }
	#browse #bytype #cartypes li.supermini				{ background-position:0px -70px; }
	#browse #bytype #cartypes li.hatchback				{ background-position:0px -139px; }
	#browse #bytype #cartypes li.saloon					{ background-position:0px -208px; margin-right:0px; }
	#browse #bytype #cartypes li.estate					{ background-position:0px -277px; }
	#browse #bytype #cartypes li.coupe					{ background-position:0px -346px; }
	#browse #bytype #cartypes li.convertible			{ background-position:0px -415px; }
	#browse #bytype #cartypes li.peoplecarrier			{ background-position:0px -483px; margin-right:0px; }
	#browse #bytype #cartypes li.fourxfour				{ background-position:0px -553px; }
	#browse #bytype #cartypes li.hybrid					{ background-position:0px -622px; }
	#browse #bytype #cartypes li.crossover				{ background-position:0px -691px; }

	#browse #bytype #cartypes li.citycar:hover			{ background-position:-69px 0px; }
	#browse #bytype #cartypes li.supermini:hover		{ background-position:-69px -70px; }
	#browse #bytype #cartypes li.hatchback:hover		{ background-position:-69px -139px; }
	#browse #bytype #cartypes li.saloon:hover			{ background-position:-69px -208px; margin-right:0px; }
	#browse #bytype #cartypes li.estate:hover			{ background-position:-69px -277px; }
	#browse #bytype #cartypes li.coupe:hover			{ background-position:-69px -346px; }
	#browse #bytype #cartypes li.convertible:hover		{ background-position:-69px -415px; }
	#browse #bytype #cartypes li.peoplecarrier:hover	{ background-position:-69px -483px; margin-right:0px; }
	#browse #bytype #cartypes li.fourxfour:hover		{ background-position:-69px -553px; }
	#browse #bytype #cartypes li.hybrid:hover			{ background-position:-69px -622px; }
	#browse #bytype #cartypes li.crossover:hover		{ background-position:-69px -691px; }
	
	#browse #bytype #vantypes li						{ background:url("../images/common/icon-type-vans.png") no-repeat; }		
	#browse #bytype #vantypes li.smallvan				{ background-position:-11px -8px; }
	#browse #bytype #vantypes li.mediumvan				{ background-position:-11px -77px; }
	#browse #bytype #vantypes li.largevan				{ background-position:-11px -146px; }
	#browse #bytype #vantypes li.pickup					{ background-position:-11px -215px; margin-right:0px; }
	#browse #bytype #vantypes li.boxvan					{ background-position:-11px -283px; }
	#browse #bytype #vantypes li.crewbus				{ background-position:-11px -353px; }
	#browse #bytype #vantypes li.dropside				{ background-position:-11px -422px; }
	#browse #bytype #vantypes li.minibus				{ background-position:-11px -491px; margin-right:0px; }
	
	#browse #bytype #vantypes li.smallvan:hover			{ background-position:-80px -8px; }
	#browse #bytype #vantypes li.mediumvan:hover		{ background-position:-80px -77px; }
	#browse #bytype #vantypes li.largevan:hover			{ background-position:-80px -146px; }
	#browse #bytype #vantypes li.pickup:hover			{ background-position:-80px -215px; }
	#browse #bytype #vantypes li.boxvan:hover			{ background-position:-80px -283px; }
	#browse #bytype #vantypes li.crewbus:hover			{ background-position:-80px -353px; }
	#browse #bytype #vantypes li.dropside:hover			{ background-position:-80px -422px; }
	#browse #bytype #vantypes li.minibus:hover			{ background-position:-80px -491px; }


/* -----------------------------------------------
:: Homepage - blog featured
----------------------------------------------- */
#blog-featured {
	position:absolute;
	top:635px;
}

#blog-featured #blog,
#blog-featured #featured {
	float:left;
	width:476px;
	height:249px;
}

#blog-featured #featured {
	float:right;
}

#blog-featured #blog ul {
	margin:5px 20px 20px 16px;
}

#blog-featured #blog li {
	line-height:1.3em;
	margin-bottom:6px;
	font-size:.75em;
}

#blog-featured #blog li span {
	display:block;
	float:left;
	width:100px;
	padding:2px;
	margin-right:5px;
	background-color:#333;
	font-size:.75em;
	color:#fff;
	text-align:center;
}

#blog-featured #blog .more-button {
	padding-top:34px;
	background:url("../Images/more-button.jpg") no-repeat;
}

#blog-featured #blog .post-date {
	padding-bottom:12px;
	font-size:.6em;
	color:#999999;
}

#blog-featured #blog p {
	margin-left:16px;
}

#blog-featured #blog .button {
	font-size:14px; font-size:1.4rem;
	color:#e46d09;
	text-decoration:underline;
}


/* -----------------------------------------------
:: Homepage - social
----------------------------------------------- */
#social {
	position:absolute;
	top:895px;
	height:83px;
}

.home #content #social h2 {
	margin:8px 0px 5px 15px;
}

#social #newsletter {
	display:block;
	float:left;
	width:480px;
	margin-right:10px;
}

#social #follow {
	display:block;
	float:left;
	width:465px;
}

#social p {
	clear:left;
	display:block;
	float:left;
	width:155px;
	padding-left:15px;
	margin-bottom:0;
	margin-right:5px;
	line-height:normal;
}

#social #follow p {
	width:315px;
}

#social input.input-text {
	float:left;
	width:180px;
	margin-right:5px;
	margin-top:3px;
	font-size:12px; font-size:1.2rem;
	border:1px solid #E7690F;
}

#social input.submit {
	float:left;
	width:102px;
	padding-top:29px;
	margin-top:3px;
	border:none;
	background:url("../images/fulton/button-subscribe.png") no-repeat;
}

#social #facebook {
	position:absolute;
	top:23px;
	right:10px;
	width:50px;
	padding-top:50px;
	background:url("../images/common/icon-home-page-facebook.jpg") no-repeat;
}

#social #twitter {
	position:absolute;
	top:23px;
	right:70px;
	width:50px;
	padding-top:50px;
	background:url("../images/common/icon-home-page-twitter.jpg") no-repeat;
}


/* -----------------------------------------------
:: Homepage - welcome
----------------------------------------------- */
#welcome {
	position:relative;
	min-height:350px;
	background:url("../images/fulton/home-page-welcome-bg.jpg") no-repeat;
}

#welcome h1 {
	width:650px;
	padding:15px 0 0px 15px;
}

#welcome p {
	margin-left:15px;
	margin-bottom:10px;
	width:480px;
	font-size:14px; font-size:1.4rem;
	line-height:20px; line-height:2.0rem;
}

#welcome ul li {
	padding:8px 0 3px 30px;
	margin-left:20px;
	margin-bottom:0;
	font-size:14px; font-size:1.4rem;
	line-height:normal;
	background:url("../images/common/icon-tick.png") 0 50% no-repeat;
}

#welcome .fn50 {
	position:absolute;
	right:15px; bottom:30px;
	padding-top:303px;
	width:377px;
	background:url("../images/fulton/home-page-car-bg.png") 0 50% no-repeat;
}

#welcome.van .fn50 {
	background:url("../images/fulton/home-page-van-bg.gif") 0 50% no-repeat;
}