/* CSS Document */

body{
   background-color:#d4d3d3;
   
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#546271;
   line-height:17px;
}

/* Main div - holds all content */
.centre{
   background-color:#FFFFFF;
   background-image:none;
   
   position:relative;
   top:0px;
   width:800px;
   margin-right:auto;
   margin-left:auto;
   padding-left:48px;
   padding-right:48px;
   padding-top:15px;
   
   overflow:hidden;
}

.header{
   background-image:url(/templates/bayford/images/shared/headers/bayford_main.jpg);
   background-repeat:no-repeat;
   
   position:relative;
   height:88px;
   width:800px;
   overflow:visible;
   
   text-align:right;
   font-size:12px;
}
/* Background image for specific dealers identified by #id */
.header .dealer_logo{
	position:relative;
	right:0px;
}
.header#ford .dealer_logo{
	position:absolute;
	right:-8px;
	top:0px;
	width:128px;
	height:62px;
	background-image:url(/templates/bayford/images/shared/headers/bayford_ford.jpg);
	background-repeat:no-repeat;
}
.header#fpv .dealer_logo{
	position:absolute;
	right:-5px;
	top:10px;
	width:119px;
	height:46px;
	background-image:url(/templates/bayford/images/shared/headers/bayford_fpv.png);
	background-repeat:no-repeat;
}
.header#camberwellvwbayford .dealer_logo{
	position:absolute;
	right:0px;
	top:0px;
	width:194px;
	height:63px;
	background-image:url(/templates/bayford/images/shared/headers/bayford_volkswagen.png);
	background-repeat:no-repeat;
}

.header#bayfordvolkswagencommercial .dealer_logo{
	position:absolute;
	right:0px;
	top:0px;
	width:194px;
	height:63px;
	background-image:url(/templates/bayford/images/shared/headers/bayford_vw_commercial.gif);
	background-repeat:no-repeat;
}

.header#peugeot .dealer_logo{
	position:absolute;
	right:0px;
	top:0px;
	width:81px;
	height:66px;
	background-image:url(/templates/bayford/images/shared/headers/bayford_peugeot.png);
	background-repeat:no-repeat;
}

.header#skoda .dealer_logo{
	position:absolute;
	right:0px;
	top:0px;
	width:72px;
	height:72px;
	background-image:url(/templates/bayford/images/shared/headers/bayford_skoda.png);
	background-repeat:no-repeat;
}

/* Links are right aligned for group homepage - and centred for dealership pages where logo is displayed to right*/
.header .links{
	top:14px;
	position:relative;
}
.header#ford .links, .header#fpv .links, .header#camberwellvwbayford .links, .header#bayfordvolkswagencommercial .links, .header#peugeot .links, .header#skoda .links {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	text-align:center;
}
.header .links a.selected{
   text-decoration:underline;
}
.header em{
   font-style:normal;
   text-decoration:underline;
}
.header a{
   color:#4c4c3e;
   text-decoration:none;
}
.header img{
   padding-left:3px;
   padding-right:3px;
}

.menu_main{
   position:relative;
   height:50px;
   width:800px;
   padding-top:12px;
   overflow:hidden;
   
   border:thin;
   border-color:#fccf8d;
   border-top-style:solid;
}
.menu_main a{
   margin-right:0px;
}

.header_image{
   position:relative;
   
   height:250px;
}
/* The PNG image overlay */
.header_image #overlay{
   position:absolute;
   top:0px;
   left:-6px;
   z-index:2;
   background-image: url('/templates/bayford/images/headers/header_image_overlay.png');
   height: 244px;
   width:812px;
}

/* The star hack, means the following rules will only apply to IE6 */

* html .header_image #overlay{ 
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/bayford/images/headers/header_image_overlay.png', sizingMethod='crop');
}
.header_image img{
   position:absolute;
   top:6px;
}

/* You'll buy better at Bayford - specific to group home?*/
.buy_better{
   background-image:url(/templates/bayford/images/shared/headers/buy_better.gif);
   background-position:left;
   background-repeat:no-repeat;
   
   position:relative;
   height:85px;
}

.subnav{
   position:relative;
   font-size:13px;
   height:20px;
   width:800px;
   padding-top:4px;
   padding-bottom:14px;
   
}

.subnav .iTalk{
	position:absolute;
	left:338px;
	top:-57px;
	
	width:468px;
	height:45px;
}
.subnav a{
   position:relative;
   bottom: -2px;
   padding:4px 3px;
   color:#FFA800;

   text-decoration: underline;
}

#home .subnav a {
	bottom:12px;
	font-weight:bold;
}

#home .subnav a.sub_sub_nav {
	bottom:-2px;
}

#home .subnav_description {
	color: #FFA800;
	font-size: 10px;
	position: relative;
	top: -30px;
	left: 6px;
	margin-right: -40px;
}

.subnav a.sub_sub_nav span {
	display: none;
}

a#cancel_temp {
	color: #fece72;
}



/* showing selected menu */
.subnav a.selected{
   background-color:#FFA800;
   color:#FFFFFF;
   text-decoration:none;
}
/* Holds main content */
.content_holder{
   border-top:dashed;
   border-color:#ffa800;
   border-width:thin;
   overflow:visible;
   padding-top:34px;
}

#home .content_holder {
  margin-top:25px;
}

.content_holder#no_top_border{
   border-top:none;
   padding-top:22px;
}
/* Three content frames - left, middle, right - make up the content space */
.content_left{
   float:left;
   position:relative;
   margin-left:0px;
   width:210px;
   color:#546271;
   overflow:visible;
}
.content_left a{
   color:#8c8d87;
}
.content_left select, .content_left input{
   font-size:10px;
}
/* does not work in ie! */
.content_left input[type=text]{
   margin-bottom:5px;
   padding-left:3px;
}
.content_left select.full_width{
   width:204px;
}
.content_left input.full_width{
   width:200px;
}
.content_left form{
   margin-bottom:20px;
}
.content_left form p{
   margin-bottom:0px;
}

.content_middle, .content_middle_wide{
   float:left;
   position:relative;
   width:310px;
   
   padding-left:40px;
   padding-right:40px;
}
.content_middle_wide {
	width: 710px;
}
.content_middle form p{
   margin-top:3px;
   margin-bottom:0px;
}
.content_middle form p.strong{
   padding-bottom:3px;
}
/* full width size for form elements */
.content_middle .full_width{
   width:296px;
}
.content_middle select.full_width{
   width:300px;
}
.content_middle input.partial_width{
   width:236px;
}
.content_middle select.partial_width{
   width:240px;
}
/* Does not work in ie */
.content_middle input[type=text]{
   padding-left:3px;
}

/* Checkbox & Radio spacing */
.content_middle input.checkbox, .content_middle input.radio{
   margin-left: 20px;
}
.content_middle input.checkbox, .content_middle input.radio, .noborder{
   border:none;
}

.content_middle input{
   margin-right: 7px;
}
.content_middle h1{
   margin-bottom: 20px;
   line-height:24px;
}
.content_middle h2{
   margin-bottom: 18px;
}
.content_middle h1:first-child{
   /* line up with top of banners */
   margin-top:-5px;
}

.content_right{
   float:right;
   position:relative;
   width:200px;
   overflow:hidden;
}

/* Home page banners */
.banner{
   position:relative;
   height:145px;
   width:203px;
   margin-bottom:5px;
}
.banner a{
	cursor: hand;
	color: #fff;
	text-decoration:none;
}
.banner img{
   position:absolute;
   top:0px;
   z-index:1;
}

.banner_overlay{
   position:absolute;
   bottom:0px;
   z-index:2;
   width:195px;
   padding-left:8px;
   color:#FFFFFF;
   opacity:.9;
   filter: alpha(opacity=80);
}

a:hover .banner_overlay{
   text-decoration:underline;
   opacity:.95;
   filter: alpha(opacity=95);
}
.banner_overlay h3{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:lighter;
   font-size:17px;
   padding:0px;
   margin-top:12px;
   margin-bottom:6px;
}
.banner_overlay p{
   margin-top:0px;
   margin-bottom:10px;
}
/* Different colours for each banner - decending from top */
.banner_overlay#banner1{
   background-color:#761518;
}
.banner_overlay#banner2{
   background-color:#B9231f;
}
.banner_overlay#banner3{
   background-color:#F35B07;
}
.banner_overlay#banner4{
   background-color:#FF9B00;
}
.banner_overlay#peugeot{
   background-color:#272e34;
}
.banner_overlay#peugeot h3{
   font-size:14px;
   font-weight:bold;
}

.footer{
   position:relative;
   top:40px;
   height:117px;
   font-size:9px;
   clear:both;
   display:block;
   border-top:dashed;
   border-color:#ffa800;
   border-width:thin;
}

.footer .right{
   position:absolute;
   right:0px;
   top:32px;
   text-align:right;
}
/* left div is offset to lift background image (roseEmedia logo) into place */
.footer .left{
   position:absolute;
   left:0px;
   top:10px;
   text-align:left;
}
/* text position corrected */
.footer .left p {
   position:relative;
   top:22px;
   padding-right:46px;
}

.footer .left img {
	position: relative; 
	top: 10px; 
	left: 5px;
}

.footer a{
   color:#546271;
   font-weight: normal;
   text-decoration: none;
}

/* Provides spacing where otherwise there was none! */
h3.spacer{
   margin-top: 7px;
}
p.spacer{
   margin-top: 12px;
   overflow: visible;
}
h1.spacer{
   margin-top:0px;
   padding-bottom:25px;
}
hr.spacer{
   clear:both;
   padding-top:17px;
}

/* Used within content */
hr {
   border-style:dashed;
   border-top:none;
   border-right:none;
   border-left:none;
   border-color:#c7cbd7;
   margin-top:15px;
   margin-bottom:15px;
}

a{
   text-decoration:none;
}
a:hover{
   color:#999999;
}
a img {
   padding-right:0px;
   margin:0px;
   padding:0px;
   padding-bottom:0px;
   border:none;
}

h1{
   font-weight:normal;
   font-size:18px;
   margin-bottom:25px;
   margin-top:0px;
   color:#546271;
}

h2{
   font-weight:normal;
   font-size:13px;
   margin-top:0px;
}

h3{
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   font-size:10px;
   margin-top:0px;
   margin-bottom: 2px;
}
ul{
   padding-left:16px;
   margin-left:0px;
}
/* Orange border around input fields */
select, input{
   border:thin;
   border-style:solid;
   border-color:#f9a01b;
   margin-left:0px;
}
/* rounded in firefox only - (input/text fields only) */
input{
   -moz-border-radius:5px;
}
/* - Offsets drop shadow used on button images */

input.image, a.image{
   border:none;
   margin-left:-2px;
   margin-top:0px;
}

div.content_middle a.image {
	
	display: block;
}

input#clear_fields {
	margin-left: -4px;
}
/* form left/right for checkboxes */
form .left{
   width:50%;
   float:left;
}
form .right{
   width:50%;
   float:right;
}
.clear{
   clear:both;
}
strong{
   color:#546271;
}
p{
   margin-top:0px;
   margin-bottom:20px;
}
/* Emphasised blocks of text */
p.special{
   color:#3188e6;
}

#error{
   color:#FF0000;
   margin-top:10px;
}
ul.specials{
	list-style:none;
	padding: 0;
}
ul.specials li{
	clear: both;
	padding-top: 10px;
	border-top: thin dashed #ffa800;
}
p.special_image {
	float: left;
	width: 280px;
	margin-bottom: 9px;
}
h2.specials_title{
	font-size: 16px;
	line-height: 20px;
	float: left;
	width: 100px;
	margin-left: 20px;
}
div.specials_text {
	float: left; 
	margin-left: 20px; 
	width: 285px;
}
body.edit h2.specials_title input{
	width: 100px;
}
body.edit div.specials_text textarea{
	width: 280px;
}

h1.floating_h1 {
	float: left;
}

select.floating_select {
	float: left;
	margin-left: 213px;
}
#directions_html span b {
	margin-right: 0.5em;
}

#mini-banner {
	display: block;
	float: right;
}

#mini-banner-holder {
	width:203px; 
	float: right; 
}

/* blocks-specific styles */

body.blocks div.banner { height: 513px; }
body.blocks .banner img { position: static; }
body.blocks h1.floating_h1 {
	float: left;
}
body.blocks a#mini-banner, body.blocks a#mini-banner img {
	display: block;
	float: right;
}

body.blocks div#mini-banner-holder {
	width:203px; 
	float: right; 
}

/* iFrame Styling - used to hide overflow*/
.iframe {
	background-color: #6495ED;
	width: 210px;
	height: 250px;
	overflow: hidden;	
}
.iframe iframe#iframeHeader {
	margin-left : -102px;
}