/*	------------------------------------------
	Designed + Authored by www.DAVEWORTH.co.uk
	------------------------------------------  */
@import url(navigation_style.css);
@import url(form_style.css);

body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 78%;
	margin:0px;
	padding:0px;
	background:#000 url("images/yellowStrip.gif") repeat-x 0px 95px;
	text-align:center;
}

img{border:none;}
img.float_right{position:absolute; top:48px; right:0px;}
img.float_left{float:left; margin:5px 20px 0px 0px;}
img.title-bar{position:relative; top:-179px; right:50px;}
.ln-pic{float:right; margin-left:15px;}

.no_border{border:none;}

p, ul, form{color:#FFF; font-size:1em;}
p{margin:0px 0px 12px 0px; padding:0px; line-height:1.45em;}
p.above_form{padding-bottom:20px; border-bottom:1px solid #484848; margin-bottom:20px;}
.content p{width:500px; margin-left:25px;}
span.txt-large{text-transform:uppercase; font-size:1.2em; font-weight:bold;}

.txt-small{font-size:0.8em;}

.txt_red{color:#E60003;}
.txt_yellow{color:#FFF600;}

a {color:#FFF600;}
a:hover {text-decoration:none;}
a.button{display:block; width:135px; padding:8px; border:1px solid #E60003; background-color:#FFF600; color:#000; text-decoration:none; font-weight:bold; margin-bottom:5px;}
a.button:hover{background-color:#E60003; color:#FFF;}
/*a:visited{color:#blue;}*/

h1, h2, h3, h4{margin:0px; padding:0px; color:#FFF; font-style:italic; font-weight:bold; text-transform:uppercase;}
h1{padding-top:20px; font-size:2.5em; color:#FFF600;}
h1.logo{display:block; width:221px; height:76px; background:url("images/logo.gif") no-repeat top left; position:absolute; right:0px;}
h1.logo span{display:none;}
h2{font-size:1.7em; margin-bottom:13px; background-color:#484848; padding:3px 0px 2px 0px;}
h2.home{font-size:2.2em; background-color:transparent; padding:0px;}
h3.table{margin-left:25px; font-size:1.2em;}
h3.price_list{margin-bottom:5px;}
h3.news{ background-color:#E60003; padding:3px 0px 2px 5px; margin-bottom:10px;}
h3.enquiry-title{padding:10px 0px 5px 50px;}
h4{font-size:1.8em; display:block; width:350px;}


#container{
	margin:10px auto; padding:0px;
	width:765px;
	text-align:left;
	position:relative;
}

#content_container{	clear:both; margin:25px 0px; padding:0px; position:relative; }
#content_container.home{background:url("images/hm_girlCar.jpg") no-repeat 29px 130px; height:540px;}

#cnt_leftCol{float:left; width:400px; border-right:1px solid #484848;}
#cnt_leftCol p{width:85%;}

#cnt_rightCol{margin:0px; padding:0px; position:absolute; top:48px; right:0px;}
#cnt_rightCol img{border:1px solid #FFF; margin:0px 0px 10px 0px; padding:0px;}

#pl_rightCol{float:left; width:200px; }
#pl_rightCol p{width:100%; margin:0px;}

#footer{
	margin:0px; padding:10px 20px;
	background-color:#FFF600;
	position:relative;
	color:#000;
}
#footer p{margin:0px; font-size:.9em; color:#000;}
#footer p.alignLeft{display:block; width:575px;}
#footer p.alignRight{position:absolute; right:20px; top:15px;}
p.smiths{margin-top:5px; font-size:0.8em;}
p.smiths a{color:#FFF;}

/* ------- HOME -------- */
/* --------------------- */
#hm_left{
	margin:0px; padding:0px;
	width:290px;
	float:left;
}
#hm_left p{font-size:1.1em;}

#hm_list{float:left; margin:0px; padding:0px; color:#FFF600; font-weight:bold; font-style:italic; font-size:1.2em; list-style:none; }
#hm_list li{margin:0px 0px 10px 80px; padding-left:15px; background:url("images/sq_red.gif") no-repeat 0 6px;}

p.hm_ad{display:block; clear:both; margin:210px 0px 0px 0px; width:537px; height:208px; background:url("images/hm_form1.jpg") no-repeat top left;}
*html p.hm_ad{margin-top:20px;}
p.hm_ad span{display:none;}




/* ------ CONTENT ------- */
/* ---------------------- */
.title_tab{margin-right:7px; float:left; width:18px; height:29px; border-right:1px solid #000;}

.bkgd_red{background-color:#FF0000;}
.bkgd_trans{background-color:transparent;}

p.print_page{display:block; font-size:.9em; position:absolute; width:55px; right:160px; top:5px;}
p.print_page a{color:#FFF;}


/* -------- NEWS -------- */
/* ---------------------- */
.news_headline{
	margin:15px 0px 0px 25px; padding:0px 0px 5px 0px;
	width:650px;
}
.news_headline p{margin:0px 0px 12px 0px;}
.news_headline img{border:1px solid #FFF;}
p.date{margin:5px 0px;}

/* ------- TABLE ------- */
/* --------------------- */
#table{margin:50px 0px 30px 0px; padding:0px; width:600px; position:relative; }

td{color:#000; padding:8px 4px; font-size:0.9em; text-align:center; border-top:1px #000 solid; border-left:1px #000 solid;}
td.topRow{border-top:1px solid #FFF; color:#FFF; padding:13px 2px;}
td.first{border-left:1px solid #FFF;}
td.last{border-right:1px solid #FFF;}

.bkgd_darkGrey{background-color:#484848; color:#FFF; padding:5px 0px;}
.bkgd_darkGrey a{color:#FFF;}
.bkgd_darkGrey img{padding:4px 5px;}
.bkgd_lightGrey{background-color:#CCC;}
.bkgd_white{background-color:#FFF;}
.bkgd_black{background-color:#000}

.table_girl{position:absolute; right:33px; top:-40px;}
.oneRow{position:absolute; top:-50px;}
*html .table_girl{top:-25px;}
*html .oneRow{top:-37px;}

/* ------- POP_UP ------ */
/* --------------------- */
body.popUp{background-image:none;}
body.popUp p{font-size:.9em;}

#popUp_container{margin:0px; padding:15px; text-align:left; position:relative;}
.popUp_logo{position:absolute; right:15px;}

.popUp_image, #popUp_rightCol{margin:30px 0px 0px 0px; padding:0px;}
.popUp_image{float:left; margin-right:20px;}
#popUp_rightCol{float:left; width:250px;}

#availability{margin:0px 0px 1px 0px; padding:7px; border:1px solid #999;}
#availability p{margin:0px;}

.popUp_dataSheet{display:block; padding:2px; background-color:#FFF600; width:135px; color:#000; text-decoration:none; text-align:center;}
.popUp_dataSheet:hover{text-decoration:underline;}


/* ------- SEARCH ------ */
/* --------------------- */

table.searchRes td{text-align:left;}
table.searchRes td p{margin:0px; padding:0px;}
table.searchRes td{color:#FFF;}


/* --------------------- */
/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */