/* -----------------------------------------------
:: 	Fulton Leasing Styles
:: 	Created: 01.07.12
	
::	AUTHOR: Mike Greaves
::	Netmatter Ltd - www.netmatter.co.uk
----------------------------------------------- */
html, * 					{ margin:0; padding:0; }
h1,h2,h3, h4,h5,h6 			{ font-size:100%; }
fieldset, iframe, img		{ border:0; }
table 						{ border-collapse:collapse; border-spacing:0; } 
th 							{ font-style:normal; font-weight:normal; } 
ol,ul 						{ list-style:none; }
a 							{ outline:none; }

header,  section, aside, 
article, figure 			{ display: block; }		


/* -----------------------------------------------
:: 	General Structure
----------------------------------------------- */
html 						{ font-size:62.5%; background:#ffffff url("../images/fulton/header-repeat.jpg") repeat-x top; }
body 						{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; }
#wrapper 					{ position:relative; margin:0 auto; width:1002px; padding-bottom:30px; }

.wrapper					{ margin:0 auto; width:940px; padding:15px 25px 0px 25px; /*max-width:98%;*/ background:#fff; 
								border-top:3px solid #FF8F44; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; border-left:1px solid #f4f4f4; 
								-moz-box-shadow:0 50px 250px #d4d4d4; -webkit-box-shadow:0 50px 250px #d4d4d4; box-shadow:0 50px 250px #d4d4d4; }


/* -----------------------------------------------
:: Type
----------------------------------------------- */
h1, h2, h3, h4, h5	{ font-weight:normal; }
h1 { font-size: 20px; font-size: 2.0rem; line-height:26px; line-height:2.6rem; margin-bottom:10px; color:#E7690F; }
h2 { font-size: 20px; font-size: 2.0rem; line-height:26px; line-height:2.6rem; margin-bottom:20px; color:#E7690F; }
h3 { font-size: 18px; font-size: 1.8rem; }
h4 { font-size: 24px; font-size: 2.4rem; }
h5 { font-size: 11px; font-size: 1.1rem; }

h2 span {
	color:#333;
}

p, #content li				{ margin-bottom:10px; font-size:12px; font-size:1.2rem; line-height:16px; line-height:1.6rem; }
ul							{ list-style-type:none; list-style-position:outside; }

figure, img, object, 
embed, video				{ max-width: 100%; height: auto; }
img 						{ -ms-interpolation-mode: bicubic; }

strong						{  }
small 						{ font-size:70%; font-weight:normal; }
fieldset 					{ position: relative; }
legend						{ font-size:22px; font-size:2.2rem; }

label						{ /*display:block; padding-bottom: 5px;*/ }
input, textarea				{ border:1px solid #ccc; }
input.input-text			{ padding:6px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-size:1.4rem; color:#333; background:#fff; }
textarea					{ padding:6px; resize:none; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-size:1.4rem; color:#333; 
								-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; }
input.input-text:focus, 
textarea:focus				{ border:1px solid #E7690F; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#eaf6ff; }


/* -----------------------------------------------
:: 	Float clearing
----------------------------------------------- */
/* IE6 */
* html .clearfix,
* html header, 
* html #primary-menus, 
* html #primary-menus ul,
* html #content,
* html #main
* html #offers,
* html .pagination ul {
  overflow: visible;
}

/* IE7 */
*+html .clearfix,
*+html header,
*+html #primary-menus, 
*+html #primary-menus ul,
*+html #content,
*+html #main,
*+html #offers,
*+html .pagination ul {
  min-height: 1%;
}

/* everyone else */
.clearfix:after,
header:after, 
#primary-menus:after, 
#primary-menus ul:after, 
#content:after,
#main:after,
#offers:after,
.pagination ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


/* -----------------------------------------------
:: 	Misc Classes - IDs
----------------------------------------------- */
.left, right 				{ float:left; }
.right						{ float:right; }
.cssimg						{ display:block; height:0; overflow:hidden; }
.start						{ margin-left:0 !important; }
.end						{ margin-right:0 !important; }
.uppercase					{ text-transform:uppercase; }
.hide						{ display:none; }
.highlight					{ background:#ff0; }
.orange						{ color:#ff8839; }
.radius						{ border:1px solid #e7e7e7; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

/* pricing */
#content .price				{ font-weight: bold; color: #E7690F; }
#content .personal			{ font-size:12px; font-size:1.2rem; }
#content .initial			{ font-size:11px; font-size:1.1rem; color:#666; }

/* green */
#green-header				{ width:765px; padding-top:192px; margin-bottom:25px; background:url("../images/fulton/green-header.jpg") no-repeat; }


/* -----------------------------------------------
:: Buttons
----------------------------------------------- */
.button						{ margin-bottom:0; }
.button a					{ display:block; height:0; margin-bottom:0; cursor:pointer; overflow:hidden; line-height:normal; }

/* p with input submit to correctly hide text cross browser */
input.submit				{ display:block; border:none; overflow:hidden; cursor:pointer; font-size:0; line-height:0; text-indent:-9999px; }


/* -----------------------------------------------
:: Links
----------------------------------------------- */
a							{ text-decoration:none; outline:0; line-height:inherit; color:#333; }
a:hover						{ text-decoration:underline; }

#content #main a 			{ color:#d7620e; text-decoration:underline; }


/* -----------------------------------------------
:: Header
----------------------------------------------- */
#header {
	height:100px;
}

#header #fulton-logo {
	position:absolute;
	top:8px;
	width:175px;
	padding-top:88px;
	background:url("../images/fulton/header-fulton-logo.png") no-repeat;
}

#header #header-message {
	position:absolute;
	top:6px;
	left:270px;
	width:457px;
	padding-top:50px;
	background: url("../images/fulton/header-personal-business.jpg") no-repeat top;
}

#header #header-tel-number {
	position:absolute;
	top:40px;
	right:0px;
	width:220px;
	padding-top:55px;
	background: url("../images/fulton/header-tel-number.jpg") no-repeat top;
}


/* -----------------------------------------------
:: Site search
----------------------------------------------- */
#site-search {
	position:absolute;
	top:62px;
	left:270px;
}	

#quicksearch {
	padding:4px 4px 4px 4px;
	background-color:#f3f3f3;
	border:1px solid #ffcea6;
	-webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}

#vehicle-type {
	width:60px;
	border:1px solid #d4d4d4;
}

#vehicle-manufacturer, 
#vehicle-model {
	width:148px;
	margin-left:3px;
	border:1px solid #d4d4d4;
}
	
#search-submit {
	width:72px;
	margin-left:3px;
	height:20px;
	color:#fff;
	background: url("../images/fulton/button-search-72x23.png") no-repeat top;
	border:none;
	cursor:pointer;
}


/* -----------------------------------------------
:: Client Login
----------------------------------------------- */
#client-login {
	position:absolute;
	top:2px;
	right:0px;
	width:82px;
	padding-top:20px;
	background: url("../images/fulton/header-client-login.jpg") no-repeat top;
}

#login-panel {  
    position:absolute;  
    top:20px;  
    right:2px;  
    width:190px;  
    padding:10px 15px;  
    font-size: .9em;  
    color:#FFF;  
    background:#e7690f;  
    display: none; 
	z-index:1000; 
}  

#login-panel label {
	display:block;
	padding-bottom:10px;
}

#login-panel label input {
	margin-top:3px;
	width:150px;
}


/* -----------------------------------------------
:: Primary navigation
----------------------------------------------- */
#primary-menus 									{ height:56px; background:url("../images/fulton/primary-menus-bg.png") bottom no-repeat; }
#primary-menus #tabs 							{ float:left; width:371px; padding-left:20px; padding-top:10px; }
#primary-menus #tabs li 						{ float:left; background:url("../images/fulton/primary-menus-tabs-bg.png") no-repeat; }
#primary-menus #tabs li.Cars 					{ background-position:0px 0px; } 	
#primary-menus #tabs li.Vans 					{ background-position:-123px 0px; }
#primary-menus #tabs li.Green 					{ background-position:-246px 0px; }
#primary-menus #tabs li a 						{ padding-top:41px; background:url("../images/fulton/primary-menus-tabs-bg.png") no-repeat; }
#primary-menus #tabs #Cars 						{ width:123px; background-position:0px -42px; }
#primary-menus #tabs #Vans 						{ width:123px; background-position:-123px -42px; }
#primary-menus #tabs #Green 					{ width:125px; background-position:-246px -42px; }
#primary-menus #tabs li a:hover, 
#primary-menus #tabs li a.selected 				{ background:none !important; }


#primary-menus #page-menu 						{ float:left; float:right; width:602px; height:32px; padding-top:11px; margin-bottom:0px; }
#primary-menus #page-menu li 					{ float:left; background:url("../images/fulton/primary-menus-page-menu.jpg") no-repeat; }
#primary-menus #page-menu li a 					{ padding:34px 0 0 0;  background:url("../images/fulton/primary-menus-page-menu.jpg") no-repeat; }

/* load list items with the background colour (silver) to show when the anchor is hovered over */
#primary-menus #page-menu li.blog 				{ background-position:0px -35px; }
#primary-menus #page-menu li.insurance 			{ background-position:-53px -35px; }
#primary-menus #page-menu li.leasing 			{ background-position:-143px -35px; }
#primary-menus #page-menu li.fleet 				{ background-position:-279px -35px; }	
#primary-menus #page-menu li.flexiplan 			{ background-position:-436px -35px; }
#primary-menus #page-menu li.contact 			{ background-position:-519px -35px; }

/* load the anchor items with the background colour (orange) to show by default */
#primary-menus #page-menu #blog 				{ width:53px; background-position:0px 0px; }
#primary-menus #page-menu #insurance 			{ width:90px; background-position:-53px 0px; }
#primary-menus #page-menu #leasing 				{ width:136px; background-position:-143px 0px; }
#primary-menus #page-menu #fleet 				{ width:157px; background-position:-279px 0px; }
#primary-menus #page-menu #flexiplan 			{ width:83px; background-position:-436px 0px; }
#primary-menus #page-menu #contact				{ width:83px;  background-position:-519px 0px; }

/* load the selected list items with the background colour (white) to show when the anchor is selected */
#primary-menus #page-menu li.blog.selected 		{ background-position:0px -69px; }
#primary-menus #page-menu li.insurance.selected { background-position:-53px -69px; }
#primary-menus #page-menu li.leasing.selected 	{ background-position:-143px -69px; }
#primary-menus #page-menu li.fleet.selected 	{ background-position:-279px -69px; }	
#primary-menus #page-menu li.flexiplan.selected { background-position:-436px -69px; }
#primary-menus #page-menu li.contact.selected 	{ background-position:-519px -69px; }
#primary-menus #page-menu li a:hover, 
#primary-menus #page-menu li.selected a 		{ background:none !important; }


/* -----------------------------------------------
:: Content
----------------------------------------------- */
#content {
	padding:5px 10px 20px 20px;
	background:url("../images/fulton/content-bg.jpg") no-repeat;
}

#content .breadcrumbs {
	display:block;
	margin-bottom:10px;
}

#content .breadcrumbs li {
	display:inline;
	margin-right:5px;
	font-size:11px; font-size:1.1rem;
}

#content .breadcrumbs li a {
	margin-right:5px;
	text-decoration:underline;
}

#content .offer {
	float:left;
	width:175px;
	min-height:250px;
	margin-right:20px;
}

#content .offer .inner {
	position:relative;
}
		
#content .offer .inner .isgreen {
	position:absolute;
	top:72px;
	left:120px;
	background:url("../images/common/icon-is-green-medium.png") no-repeat;
	height:30px;
	width:30px;
}
		
#content .offer .inner .instock {
	position:absolute;
	top:72px;
	left:0px;
	background:url("../images/common/icon-in-stock-medium.png") no-repeat;
	height:30px;
	width:30px;
}
		
#content .offer .vehicle,
#content #main .offer .vehicle {
	display:block;
	height:85px;
	font-size:14px; font-size:1.4rem;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
}
	
#content .offer .vehicle span {
	display:block;
	margin-bottom:3px;
	padding-top:3px;
	font-size:12px; font-size:1.2rem;
	font-weight:normal;
	color:#666;
}

#content .offer .vehicle:hover,
#content #main .offer .vehicle:hover {
	color:#E7690F;
}

#content .offer p {
	padding-right:5px;
	margin-bottom:0;
	line-height:15px; line-height:1.5rem;
}

#content .offer .price {
	margin-bottom:3px;
	font-size:19px; font-size:1.9rem;
}

#content .offer .price small {
	color:#333;
}	

#main { 
	float:right; 
	width:765px;
	margin-right:10px;
}


/* -----------------------------------------------
:: Footer
----------------------------------------------- */
#footer {
	/*color:#666;*/
	color:#ccc;
	/*background:#e3e3e3 url("../images/fulton/footer-repeat.jpg") repeat-x;*/
	background-color:#333;
}

#footer, 
#footer li,
#footer a {
	/*color:#666;*/
	color:#ccc;
}

#footer a {
	text-decoration:underline;
}

#footer-wrapper {
	width:980px; 	
	margin:0 auto;
	padding:15px 0;
}

#footer li {
	display:inline;
	font-size:.75em;
}

#footer .menu {
	width:438px;
	margin:0px;
	padding-top:60px;
	/*background-color:#0F3;*/
}
#footer .menu p {
	margin-bottom:0px;
	line-height:normal;
}

#footer #links {
	/*display:none;*/
	width:525px;
	/*background-color:#0F3;*/
}
#footer #links li {
	float:right;
	margin-left:20px;
	margin-top:25px;
}

	#footer #nacfb {background:url("../images/fulton/footer-logo-nacfb.png") no-repeat bottom; padding-top:72px; width:93px;}
	#footer #bvrla {background:url("../images/fulton/footer-logo-bvrla.png") no-repeat bottom; padding-top:72px; width:108px;}
	#footer #fsa {background:url("../images/fulton/footer-logo-fsa.png") no-repeat bottom; padding-top:72px; width:74px;}
	#footer #ccta {background:url("../images/fulton/footer-logo-ccta.png") no-repeat bottom; padding-top:72px; width:100px;}


/* -----------------------------------------------
:: 	Media Queries
----------------------------------------------- */

/* chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    /* 
	text-transform:uppercase; causes greater letter spacing in chrome
	using a lesser right hand margin to adjust overall menu spacing in chrome
	*/
	#menu-primary-navigation li {
		margin-right:25px;
	}
}​

@media screen and (min-width:320px) and (max-width:800px) {
	
}

@media screen and (min-width:480px) {
}

@media screen and (min-width:530px) {
}

@media screen and (min-width:680px) {
}

/* Desktop Header */
@media screen and (min-width:920px) {
}

/* Desktop */
@media screen and (min-width:960px) {

}

@media screen and (min-width:960px) and (max-width:980px) {
}

@media screen and (min-width:990px) and (max-width:1010px) {

}

@media screen and (min-width:1010px) and (max-width:1020px) {
}

@media screen and (min-width:1140px) and (max-width:1160px) {
}

@media screen and (min-width:1160px) {
}

/* It's gotta be big */
@media (max-width:2010px) and (min-width:2007px) { 
}
@media (width:2007px){  
	/*body 	{background:url(/img/dn-2007.jpg) top center no-repeat; height:1883px;}*/
}
@media (width:2008px){  
	/*body 	{background:url(/img/dn-2008.jpg) top center no-repeat; height:3000px;}*/
}
@media (width:2009px){  
	/*body 	{background:url(/img/dn-2009.jpg) top center no-repeat; height:1818px;}*/
}
@media (width:2010px){

	/*body 	{background:url(/img/dn-2010.jpg) top center no-repeat; height:3100px;}*/
}

.vehicle-example	{ width:300px; height:225px; display:block; }
.vehicle-thumb	{ width:150px; height:107px; display:block; }
.vehicle-thumb-small	{ width:110px; height:83px; display:block; }

#content #banners.row {
	background: none !important;
	display: table;
	padding: 10px;
	width: 940px;
}

#banners .inner {
	display: table;
	float: left;
}

#banners .banner-column {
	display: table-cell;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	width: 25%;
}

#banners .banner-column .radius {
	padding: 10px;
}

#banners .banner-column img {
	width: 75%;
}

#banners p {
	font-size: 20px;
	font-size: 1.25rem;
}