@charset "utf-8";
/* CSS Document for Ross Car Sales */
body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif
	}
	
a img {border: 0}
	
div#top-full {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 47px; 
	background: #fff
}	

div#top {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 990px;
	height: 47px; 
	text-align: left;
	background: url(images/common/top-back.jpg) 0 0 repeat-y #fff
}	

div#main-image-full {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 259px;
	background: url(images/common/main-image-full-back.jpg) 0 0 repeat-x #333
}	

div#main-image {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 990px;
	height: 259px;
	background: url(images/common/main-image-back.jpg) 0 0 no-repeat #333
}	

div#nav {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 30px;
	top: 229;
	width: 930px;
	height: 30px;
	z-index: 10000;
}

div#content-full {
	width: 100%;
	background: #fff
}

div#content {
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 990px;
	text-align: left;
	background: url(images/common/content-back.jpg) 0 0 repeat-y #fff;
	overflow: hidden
}	


div#bottom-full {
	width: 100%;
	background: url(images/common/bottom-full-back.gif) 0 top repeat-x #333
}

div#bottom {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 990px;
	height: 80px;
	background: url(images/common/bottom-back.gif) 0 top no-repeat #333;
	text-align: left;
}	

div#left-col {
	float: left;
	width: 185px;
	overflow: hidden	
}

div#centre-col {
	float: left;
	width: 570px;
	overflow: hidden
}

div#centre-col-wide {  /* USE WHEN THERE IS NO RIGHT-COL */
	float: right;
	width: 805px;
	overflow: hidden
}

div.half-col {  /* USE INSIDE CENTRE-COL-WIDE TO DIVIDE IT INTO 2 */
	float: left;
	width: 402px;
	overflow: hidden
}

div#right-col {
	float: right;
	width: 235px;
	overflow: hidden	
}

div#latest-stock {
	float: right;
	margin: 15px 25px 0 0;
	padding: 0;
	width: 210px;
	height: 401px;
	background: url(images/common/latest-stock.jpg) 0 0 no-repeat;
	overflow: hidden	
}

div#latest-stock-container {
	margin: 13px 0px 0 10px;
	width: 185px;
}

div.team-member {
	position: relative;
	background: #f9f9f9;
	margin: 20px 20px -10px 20px;
	padding: 10px;
	height: 100px;
	background: url(images/common/team-back.jpg) 0 0 no-repeat
}

div.team-member img {position: absolute; right: 8px; top: 7px; margin: 0; border: 1px solid #999}

/* -------- TOP STYLES -------- */
div#phone-number {position: absolute; left: 40px; top: 13px; width: 200px; height: 21px; margin: 0; padding: 0 0 0 30px; background: url(images/common/phone-symbol.gif) 0 0 no-repeat; z-index: 10}
div#phone-number p#phonetext  {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 13px; line-height: 20px; font-weight: bold; width: 160px;}

div#contact-link {position: absolute; left: 230px; top: 13px; z-index: 100}
div#contact-link a {display: block; width: 155px; height: 21px; background: url(images/common/contact-us.gif) left top no-repeat}
div#contact-link a:hover {display: block; width: 155px; height: 21px; background: url(images/common/contact-us.gif) left bottom no-repeat}
div#contact-link a span {display: none}

div#address {
	position: absolute;
	right: 30px;
	top: 15px;
	font-size: 11px;
	color: #555
}


/* ------------------------------------------------ MAIN IMAGE ------------------------------------------------------- */
div#main-image-container img {
	position: absolute;
	left: 0;
	top: 0;
	width: 991px;
	height: 259px;
	z-index: 10;
}

/* ------------------------------------------------ TYPEOGRAPHY ------------------------------------------------------- */
h1 {margin: 0; padding: 0; position: absolute; left: 39px; top: 35px; z-index: 1000}
h1 img {width: 187px; height: 174px;}
h1 a img {border: 0}

h2, h3, h4, h5, h6 {margin: 15px 20px 0 20px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase}

h2 {font-size: 22px; color: #333; line-height: 26px;}
h3 {margin-top: 0; font-size: 15px; line-height: 20px; color: #ed1c24} /* centrecol only, use h4 for side cols */
h4 {font-size: 16px; color: #333; display: block; width: 150px; height: 18px}
div#left-col h4 {margin-left: 30px; text-align: center; font-size: 14px; color: #333}
div#right-col h4 {margin-right: 30px; text-align: center; font-size: 14px; color: #333}

h5 {margin: 20px 20px 0 20px; font-size: 0.75em; font-weight: bold; line-height: 1.4; color: #333; text-transform: none}

div.team-member h5 {
	font-size: 0.90em;
	margin: 0 0 0 40px;
	line-height: 100px;
}

div.team-member h5 span {color: #ed1c24}

p a, a, a:link, a:visited {color: #ed1c24; text-decoration: none}
ol a:hover, ul a:hover, p a:hover {color: #000!important; text-decoration: none}

ul, ol {margin: 20px 0 0 40px; padding: 0}

ul li {list-style: square outside; font-size: 0.75em; line-height: 1.4;}

p {margin: 10px 20px 0 20px; font-size: 0.75em; line-height: 1.4; color: #333}

iframe {margin: 10px 0 0 20px; border: 1px solid #000}

div#find-us-info {
	float: right;
	width: 230px;
}


/* SPECIAL LINKS */
a#view-latest-stock {
	display: block;
	width: 265px;
	height: 55px;
	background: url(images/common/view-latest-stock.jpg) left top no-repeat
}

a#view-latest-stock span {display: none}

a#view-latest-stock:hover {
	background: url(images/common/view-latest-stock.jpg) left bottom no-repeat
}

a#find-us-map {
	border: 0;
	margin: 0 0 0 30px
}

a#find-us-map img {border: 0;}


/* FINANCE PAGE TABS */
#tablist {
	margin: 20px 0 0 20px;
	padding: 5px 0;
	font: normal Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	color: #333;
	width: 740px;
}

#tablist li{
	list-style: none;
	line-height: 1;
	display: inline;
	margin: 0;
}

#tablist li a {
	padding: 5px 10px;
	margin: 0 0 0 10px;
}

#tablist li a:link, #tablist li a:visited{
	color: #fff;
	background: #555;
}

#tablist li a.current{  /* Style for default current tab whern page loads */
	color: #fff;
	background: #ed1c24;
}

#tablist li a:hover {background: #ed1c24!important; color: #fff!important}

#tabcontentcontainer{
	width: 740px;
	padding: 0;
	margin: 0 0 0 20px;
	border-top: 1px solid #ed1c24;
}

.tabcontent {
	display:none;
	padding: 15px 5px;
	background: #fff;
}

.tabcontent p {
	margin: 0 0 10px 0;
	color: #333;	
	font-size: 12px;	
}

.tabcontent h5 {margin: 15px 0 0 0; font-size: 0.95em; font-weight: bold; line-height: 1.4; color: #ed1c24; text-transform: uppercase}

.tabcontent table {padding: 10px; margin: 0 0 20px 0; border: 1px solid #ddd}
.tabcontent table tr td {padding-right: 20px; font-size: 12px}


/* -------------------------------------------------- MAIN NAV -------------------------------------------------------- */
div#nav ul {
	width: 930px;
	height: 30px;
	margin: 0 0 0 1px;
	padding: 0
}

div#nav ul li {
	display: block;
	float: left;
	height: 30px;	
	margin: 0 3px 0 0;
	padding: 0
}

div#nav ul li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 23px;
	background: url(images/common/nav-a.gif) 0 bottom repeat-x #fff;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #000	
}

div#nav ul li a:hover {
	color: #ed1c24!important;
	background-image: none;
	background-color: #fff
}

/* --- HOME BUTTON --- */
div#nav ul li a#nav-home {
	padding: 0;
	background: url(images/common/nav-home.gif) 0 top no-repeat;
	width: 41px
}
div#nav ul li a#nav-home span {display: none}

div#nav ul li a#nav-home:hover,
#body-home div#nav ul li a#nav-home
{
	background: url(images/common/nav-home.gif) 0 bottom no-repeat
}


/* --- CURRENT STYLES --- */
#body-view-stock a#nav-view-stock,
#body-find-a-vehicle a#nav-find-a-vehicle,
#body-meet-the-team a#nav-meet-the-team,
#body-sell-your-car a#nav-sell-your-car,
#body-contact-us a#nav-contact-us,
#body-opening-hours a#nav-opening-hours,
#body-finance a#nav-finance,
#body-warranty a#nav-warranty  {
	color: #ed1c24;
	background-image: none;
	background-color: #fff
}



/* ------------------------------------------------- BOTTOM NAV ------------------------------------------------------- */
div#bottom ul {margin: 0; position: absolute; top: 15px; left: 20px; height: 15px}
div#bottom ul li {margin: 0; padding: 0 7px; display: block; float: left; height: 10px; line-height: 5px; border-right: 1px solid #666}
div#bottom ul li.last {border: 0}
div#bottom ul li a {margin: 0; padding: 0; color: #eee; font-size: 0.80em; text-transform: uppercase}
div#bottom ul li a:hover {color: #ff1d26!important}

p#bottom-address {margin: 0; padding: 0; position: absolute; top: 3.50em; left: 27px; color: #eee; font-size: 0.70em;}

p#ukwebsites {margin: 0; padding: 0; position: absolute; top: 3.50em; right: 27px; text-align: right; color: #ddd; font-size: 0.65em; text-transform: uppercase}
p#ukwebsites a {color: #eee; font-weight: bold}
p#ukwebsites a:hover {color: #ff1d26!important; font-weight: bold}

a#site-map {position: absolute; top: 13px; right: 28px; margin: 0; padding: 0 18px 0 0; background:url(images/common/sitemap.gif) right top no-repeat; color: #eee; font-size: 0.65em; text-transform: uppercase}
a#site-map:hover {color: #ff1d26}


/* ------------------------------ SCRAPPAGE POPUP -------------------------------- */
div#scrappage-popup { position: absolute; width: 280px; height: 464px; left: 345px; top: 12px; z-index: 200}
div#scrappage-popup img {position: absolute; left: 0; top: 0; z-index: 201}
div#scrappage-popup a#scrappageViewStock {position: absolute; left: 30px; bottom: 30px; z-index:202; display: block; width: 200px; height: 30px}
div#scrappage-popup a#scrappageClose {position: absolute; right: 2px; top: 2px; display: block; width: 31px; height: 27px; z-index: 203}



.standardTextExtra{border: 0px solid #000000; width:100%; font-size: 13px; background: #f6f6f6; border: 1px solid #ccc;padding: 6px; margin-top:20px; text-align:center;}