*{
	margin: 0;
	padding: 0;
}

body{
	background: #000;
	color: #eee;
	font: small "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Lucida, Helvetica, Arial, sans-serif;
}

hr{
	display: none;
}

img{
	border: 0px none;
	color: #333
}
.brochure { float : right;
	margin : 5px 0 15px 30px;
	}
.ebay { float : left;
	margin : 5px 0 15px 30px;
	}
#phone { 
	float : right;
	font-size : 3em;
	color : orange;
	font-weight:bold;
	margin : 10px 20px 0 0 ;
	}
.sidetext { 
	text-align:center;
	color : orange;
	}
	
table#unsubscribe td {background: #333;}
/********************************* news */
#popup {

	font-size: 1.8em;
	position: absolute;
	width: 520px;
	margin: 0;
	padding: 15px;
	top: 0px;
	left: 0px;
	background: #000;
	border :5px #555050 solid;
}

#popup h2 {
	width: 100%;
	text-align: center;
	margin: 0 0 1em 0;
	color :#ba1019;
	font-size: 1.5em; 
	line-height: 1em;
}

#popup .close {
	display: block;
	width: 100%;
	text-align: center;
}

.news-image {
	float: right;
	margin: 0 0 10px 10px;
}

hr.newsline { color, background: orange; display : block; margin : 10px;}
/*********************************** positioning */

.wrap{width: 765px; margin: 0 auto;}
#header{border-bottom: solid 6px #b34800; background: #000;}
#header h1{margin: .25em 0 0 -9px;}
#container{background: #333 url('../images/bak.jpg') repeat-x 0 0;; position: relative; float: left; width: 100%}
#container .wrap{background: #333}
#footer #doepud{float: right;}
#content{position: relative;}
#right{position:relative; float:left;}
#left{float:right; width: 470px; min-height:440px; padding:10px 10px 30px; position:relative;}

#footer{
	clear: both;
	color: #a4a4a4;
	padding: .5em 0;
	background: #000;
}

/************************************ typography */

a{
	color: #ff9900;
}

a:visited{
	color: #999;
}

a:focus,
a:hover{
	color: #ffb900; 
}

h1{
	font-size: 2em;
	height: 110px;
}

h2{
	font-size: 1.75em;
	font-style: italic;
	color: #ff9900;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	margin-bottom: .25em;
}

h2 img{
	color: #eee;
}

h3{
	font-size: 1.35em;
	margin-bottom: .5em;
	font-family: helvetica, arial, sans-serif;
}

h4{
	font-size: 1em;
	font-family: helvetica, arial, sans-serif;
}

p{
	margin-bottom: 1em;
}

#footer a,
#footer a:visited{
	color: #a4a4a4;
}

#footer a:hover,
#footer a:focus{
	color: #ff9900;
}

#left ul,
#left ol{
	margin: .5em 2em 1em;
}

ul ul{
	list-style: square;
	color: #bbb;
}

#left img.prod{
float: right;
margin: 0 0 10px 20px;
padding: 10px;
border-bottom: solid 5px #000;
border-right: solid 5px #000;
background: #fff;
}

/**************************************** tabbed */

.offset a {
  position : absolute;
  top : -1000px;
  left : -1000px;
  padding : 5px;
  font-weight : bold;
}

.offset a:focus, .offset a:active {
  position : absolute;
  background : #669900;
  border : 1px solid #666;
  color : #fff;
  top : 15px;
  left : 2%;
  z-index : 5;
}

/******************************************* nav */

h1 a,
h1 a:visited,
h1 img{
	color: #fff;
}

#header ul{
	float: right;
	margin: -2em 0 0 200px;
}

#header ul li{
	list-style-type: none;
	padding: 0;
	display: block;
	height: 2em;
	line-height: 2em;
	float: left;
	background: #000 url('../images/navbak.jpg') no-repeat 100% 0;
	text-align: center; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0
}

#header ul a,
#header ul a:visited{
	color: #a4a4a4;
	text-decoration: none;
	display: block;
	width: auto;
	line-height: 2em;
	background: url('../images/navbak_left.jpg') no-repeat 0 0;; padding-left:1em; padding-right:1em; padding-top:0; padding-bottom:0
}

#header ul a:active,
#header ul a:focus,
#header ul a:hover{
	color: #ff9900;
}

/***************************************** forms */

fieldset{
	border: none;
}

legend{
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

label{
	font-size: 1em;
	color: #ff9900;
	display: block;
	padding-bottom: 3px;
	font-style: italic;
}

.contactusform div{
	position: relative;
	margin-bottom: 5px;
	width: 420px;
}

.contactusform fieldset{
	padding-bottom: 25px;
}

.contactusform label{
	width: 120px;
	float: left;
	color: #ccc;
	font-weight: bold;
}

.contactusform .missing label{
	color: #FC9C14;
}

.accesskeysform input,
.contactusform input,
textarea{
	background: #eee;
	border: solid 3px #eee;
	width: 180px;
	font: small "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Lucida, Helvetica, Arial, sans-serif;
}

.accesskeysform input:focus,
.accesskeysform input:hover,
.contactusform input:focus,
.contactusform input:hover,
textarea:focus,
textarea:hover{
	border: solid 3px #FC9C14;
}

textarea{
	width: 294px;
}

.contactusform .missing input,
.missing textarea{
	background: #FC9C14;
	border: solid 3px #FC9C14;
	color: #fff;

}

.contactusform .missing input:focus,
.contactusform .missing input:hover,
.missing textarea:focus,
.missing textarea:hover{
	border: solid 3px #fff;
}

#ingo{
	height: 26px;
	position: relative;
	margin-bottom: 5px;
}

input#postcode {
	height: 16px;
	border: medium none;
	position: absolute;
	width: 154px;
	font-weight: bold;
	padding: 5px;
	background: #8c8c8c url('../images/input.gif') no-repeat 0 0;
}

.textinput {
	height: 16px;
	border: medium none;
	width: 154px;
	font-weight: bold;
	padding: 5px;
	background: #8c8c8c url('../images/input.gif') no-repeat 0 0;
}

#right input.button, .contactusform input.button{
	position: absolute;
	right: 0;
	background: #8c8c8c;
	width: 26px;
	height: 26px;
	color: #fff;
	text-align: center;
	border: none;
}

.contactusform input.button.send{
	width: 47px;
}

#body_access #left fieldset div{
	width: auto;
	float: left;
	margin-right: 1em;
}

#body_access #left fieldset div input{
	width: 20px;
}

#body_access #left fieldset div input.button{
	position: absolute;
	left: 0;
	background: #8c8c8c;
	width: 125px;
	height: 26px;
	color: #fff;
	text-align: center;
	border: none;
}

#newsletter input {
	vertical-align:middle;
}

.accesskeysform input.button{
	position: relative;
	background: #8c8c8c;
	width: 125px;
	height: 26px;
	color: #fff;
	text-align: center;
	border: none;
	margin: 1em 1em 0 0;
}

#calculate div{
width: 230px;
padding-top: 1em;
}

#calculate label{
width: 3em;
}

#calculate input{
width: 4em;
}

#calculate input.button{
width: 125px;
height: 26px;
}

/********************************* rounded boxes */

#newsletter,
#dealer_finder,
#slideshow,
#product_list,
.contactusform,
.accesskeysform{
	background: #000 url('../images/tl.gif') no-repeat 0 0;
	width: 194px;
	height: auto;
	position: relative;
	margin-bottom: 1em;
	float: none; padding-left:28px; padding-right:28px; padding-top:20px; padding-bottom:28px
}

.contactusform,
.accesskeysform{
	width: auto
}

#slideshow{
	height: 250px;
	padding: 28px 28px 32px;
}
	
.tl, .tr, .bl, .br{
	position: absolute;
	width: 17px;
	height: 17px;  /* corner images are 18x18 */
	display: block;
}

.tr{
	background: url('../images/tr.gif') no-repeat;
	top:0;
	right:0
}

.bl{
	background: url('../images/bl.gif') no-repeat;
	bottom:0;
	left:0
}

.br{
	background: url('../images/br.gif') no-repeat;
	right:0;
	bottom:0
}

#dealer_finder a,
#dealer_finder a:visited{
	color: #a4a4a4;
}

#dealer_finder a:focus,
#dealer_finder a:hover{
	color: #ff9900;
}

#slideshow a{
	display: block;
	height: 100px;
	background: #ff0;
}

/*************************************** upwards */

#upwards a,
#upwards a:visited{
	color: #ccc;
}

#upwards a:hover,
#upwards a:focus{
	color: #ff9900;
}

#upwards{
	position: absolute;
	bottom: 0;
	right: 10px;
}

/********************************* dealer finder */

.dealer{
	background: #444 url('../images/dealer_bak.gif') no-repeat 100% 0;
	padding: 10px;
	margin-bottom:20px
}

.dealer p{
	margin-bottom: 0;
}

.dealer address{
	margin-bottom: 1em;
}

.dealer table{
	background: #333;
	width: 100%;
}

.dealer th{
	width: 120px;
	text-align: left;
	color: #888;
	font-weight: normal;
}

.dealer th,
.dealer td{
	padding: 3px;
}

/************************************* products */

#product_list dt a,
#product_list dt a:visited{
	text-decoration: none;
	font-size: 1.4em;
	color: #ff9900;
}

#product_list dt a:hover,
#product_list dt a:focus{
	color: #ffb900;
}

#product_list dd a{
	color: #ccc;
}

#product_list dd a:visited{
	color: #999;
}

#product_list dd a:hover,
#product_list dd a:focus{
	color: #ffb900;
}

#product_list dt{
	margin-top: 10px;
}

dd{
	padding-left: 16px;
	background: url('../images/dd.gif') no-repeat 0 50%;
}

#left dd{
	padding-left: 40px;
	display: block;
	margin: 10px 0;
	background: url('../images/cdd.gif') no-repeat 22px 50%;
}

#left dt{
	padding-left: 20px;
	display: block;
	margin: 10px 0;
	background: url('../images/dr.gif') no-repeat 0 50%;
}

dl{
	margin-top: -10px;
}

ul.product_list li.blue { color : #01098b;}
ul.product_list li.orange { color : #fa9a10;}
ul.product_list li.green { color : #54a815;}
ul.product_list span { color : #ffffff;}
h1 strong, h2 strong, h3 strong {display: none; text-indent : -9999px;}



/********* product type ****************************/

h2.geg190, 
h2.geg185, 
h2.geg190_330, 
h2.geg185_320,
h2.gegracing,
h2.geg87ies22,
h2.geg87ies22_81,
h2.s84e_20,
h2.s100,
h2.geg950,
h2.s2124e,
h2.s4140e,
h2.geg2117e,
h2.geg232sba,
h2.geg4t,
h2.geg4tc,
h2.oma503,
h2.oma511c,
h2.geg232sba,
h2.geg240sca,
h2.geg232sca,
h2.gegsl3lp,
h2.geg830wa,
h2.silent,
h2.piston,
h2.genesis,
h2.lsr400wm,
h2.zenith,
h2.geg504,
h2.ds2,
h2.elite,
h2.stargas_diesel,
h2.stargas_combi, 
h2.mot1, 
h2.mot4, 
h2.mot7, 
h2.mot8, 
h2.mot4atl,
h2.mot1atl,
h2.geg951,
h2.geg952,
h2.geg190_950_awps,
h2.geg185_951_awps,
h2.gegracing_952_awps,
h2.gegmr30,
h2.tyre_package1,
h2.tyre_package2,
h2.tyre_package3,
h2.tyre_package4 { 
margin : 0 0 10px 0;
	width : 480PX;
	height : 47px;
	}
h2.geg190 { background : url('../images/geg190_header.gif') no-repeat top left; }
h2.geg185 { background : url('../images/geg185_header.gif') no-repeat top left; }
h2.geg190_330 { background : url('../images/geg190+330_header.gif') no-repeat top left; }
h2.geg185_320 { background : url('../images/geg185+320_header.gif') no-repeat top left; }
h2.gegracing { background : url('../images/geg_racing_header.gif') no-repeat top left; }
h2.geg87ies22 { background : url('../images/s87ies22_header.gif') no-repeat top left; }
h2.geg87ies22_81 { background : url('../images/s87ies22+81_header.gif') no-repeat top left; }
h2.s84e_20 { background : url('../images/s84e_20_header.gif') no-repeat top left; }
h2.s100 { background : url('../images/s100_header.gif') no-repeat top left; }
h2.geg950 { background : url('../images/geg950_header.gif') no-repeat top left; }
h2.s2124e { background : url('../images/2124e_header.gif') no-repeat top left; }
h2.s4140e { background : url('../images/4140e_header.gif') no-repeat top left; }
h2.geg2117e { background : url('../images/s2117e_header.gif') no-repeat top left; }
h2.geg232sba { background : url('../images/232_header.gif') no-repeat top left; }
h2.geg4tc { background : url('../images/geg4tc_header.gif') no-repeat top left; }
h2.geg4t { background : url('../images/geg4t_header.gif') no-repeat top left; }
h2.oma503 { background : url('../images/oma503_header.gif') no-repeat top left; }
h2.oma511c { background : url('../images/oma511c_header.gif') no-repeat top left; }
/*h2.geg232sba { background : url('../images/232sba_header.gif') no-repeat top left; }*/
h2.geg240sca { background : url('../images/240sca_header.gif') no-repeat top left; }
h2.geg232sca { background : url('../images/232sca_header.gif') no-repeat top left; }
h2.gegsl3lp { background : url('../images/sl3pl_header.gif') no-repeat top left; }
h2.geg830wa { background : url('../images/830wa_header.gif') no-repeat top left; }
h2.silent { background : url('../images/silent_piston_header.gif') no-repeat top left; }
h2.piston { background : url('../images/piston_header.gif') no-repeat top left; }
h2.genesis { background : url('../images/genesis_header.gif') no-repeat top left; }
h2.lsr400wm { background : url('../images/lsr400wm_header.gif') no-repeat top left; }
h2.zenith { background : url('../images/zenith_header.gif') no-repeat top left; }
h2.geg504 { background : url('../images/504_header.gif') no-repeat top left; }
h2.ds2 { background : url('../images/ds2_header.gif') no-repeat top left; }
h2.elite { background : url('../images/elite_header.gif') no-repeat top left; }
h2.stargas_diesel { background : url('../images/stargas_header.gif') no-repeat top left; }
h2.stargas_combi { background : url('../images/stargas_combi_header.gif') no-repeat top left; }
h2.mot1 { background : url('../images/class1_mot_header.gif') no-repeat top left; }
h2.mot4 { background : url('../images/class4_mot_header.gif') no-repeat top left; }
h2.mot7 { background : url('../images/class7_mot_header.gif') no-repeat top left; }
h2.mot8 { background : url('../images/class7_mot_atl_header.gif') no-repeat top left; }
h2.mot4atl { background : url('../images/class4_mot_atl_header.gif') no-repeat top left; }
h2.mot1atl { background : url('../images/class1_mot_atl_header.gif') no-repeat top left; }
h2.geg951 { background : url('../images/geg951_header.gif') no-repeat top left; }
h2.geg952 { background : url('../images/geg952_heading.gif') no-repeat top left; }
h2.geg190_950_awps { background : url('../images/geg190_950_awps_header.gif') no-repeat top left; }
h2.geg185_951_awps { background : url('../images/geg185_951_awps_header.gif') no-repeat top left; }
h2.gegracing_952_awps { background : url('../images/gegracing_952_awps_header.gif') no-repeat top left; }
h2.gegmr30 { background : url('../images/gegmr30_header.gif') no-repeat top left; }
h2.tyre_package1 { background : url('../images/tyre_starter1_header.gif') no-repeat top left; }
h2.tyre_package2 { background : url('../images/tyre_starter2_header.gif') no-repeat top left; }
h2.tyre_package3 { background : url('../images/tyre_starter3_header.gif') no-repeat top left; }
h2.tyre_package4 { background : url('../images/tyre_starter4_header.gif') no-repeat top left; }

/*span.header_text { color : #ff9900; font-size: 2em;}
.logo_float { float : left;}*/
span.orange { color: #ff9900;}

ul li ul {width : 20em;}
/******************************** error checking */

#positive, #negative{
	padding: 10px 10px 0;

	margin: 0 0 10px;
	border: solid 4px;
	color: #231f20;
	position: relative;
	clear: both;
}

#positive h3, #negative h3{
	color: #680;
	padding-left: 28px;
	font-family: Arial, Helvetica, san-serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4;
	background: url('../images/positive.gif') no-repeat 0 0;
}

#positive{
	border-color: #690;
	background: #cf9;
}

#negative{
	background: #FF8F8F;
	border-color: #CF0000;
}

#negative h3{
	color: #CF0000;
	background: url('../images/negative.gif') no-repeat 0 0;
}

#negative ol,
#positive ol{
	margin: 0 0 1em 1.6em;
}

#negative p,
#positive p{
	margin: 0 0 .5em 0;
}

/*************************************** tables */

#body_products table{
width: 100%;
margin-bottom: 1em;
font-size: .8em;
}

#body_products th{
text-align: left;
background: #ff9900;
color: #000;
padding: 2px 3px;
font-weight: normal;
}

#body_products td{
background: #000;
color: #eee;
padding: 2px 3px;
}



