@charset "utf-8";
/* CSS Document */

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../images/bg_gradient.jpg) top repeat-x #FEE700;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#wrapper {
	width:968px;
	margin: 0px auto;
}

a, img {
	border: none;
	text-decoration:none;
	color:#0055BA;
}

.clear {
	clear: both;
	height:0px;
	width:100%;
	line-height:0px;
	margin:0px;
	padding:0px;
}

/*** HEADER ***/

#header {
	width: 960px;
	height: 149px;
	margin:12px 4px 0px 4px;
	background: url(../images/header_gradient.jpg) bottom repeat-x;
}

#header img.logo {
	top: 6px;
	position:absolute;
	left:50%;
	margin-left:-104px;
	z-index:20;
}

#header .header_link {
	float: left;
	margin:40px 40px 0px 0px;
	padding-left: 10px;
	background:url(../images/anchor_bg.png) left center no-repeat;
	font-size:13px;
	font-weight: bold;
	display:block;
}

#header .header_link_right {
	float: right;
	margin:40px 0px 0px 20px;
	padding-left: 10px;
	background:url(../images/anchor_bg.png) left center no-repeat;
	font-size:13px;
	font-weight: bold;
	display:block;
}

.nav {
	width: 960px;
	height: 62px;
	background: url(../images/navigation.png) no-repeat;
	padding: 0;
	float:left;
	left: 50%;
	margin:87px 0 0 -480px;
	position:absolute;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	height: 62px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	margin:0px; 
	padding:0px;
}
.nav .find-tyres a:link, .nav .find-tyres a:visited {
	width: 134px;
}
.nav .find-tyres a:hover, .nav .find-tyres a:focus {
	background: url(../images/navigation.png) no-repeat 0px -62px;
}
.nav .find-tyres a:active {
	background: url(../images/navigation.png) no-repeat 0px -124px;
}
.current-find-tyres .find-tyres a:link, .current-find-tyres .find-tyres a:visited {
	background: url(../images/navigation.png) no-repeat 0px -186px;
	cursor: default;
}
.nav-find-tyres, .nav-find-tyres-click {
	position: absolute;
	width: 134px;
	height: 62px;
	background: url(../images/navigation.png) no-repeat 0px -62px;
}
.nav-find-tyres-click {
	background: url(../images/navigation.png) no-repeat 0px -124px;
}

.nav .book-mots a:link, .nav .book-mots a:visited {
	left: 134px;
	width: 128px;
}
.nav .book-mots a:hover, .nav .book-mots a:focus {
	background: url(../images/navigation.png) no-repeat -134px -62px;
}
.nav .book-mots a:active {
	background: url(../images/navigation.png) no-repeat -134px -124px;
}
.current-book-mots .book-mots a:link, .current-book-mots .book-mots a:visited {
	background: url(../images/navigation.png) no-repeat -134px -186px;
	cursor: default;
}
.nav-book-mots, .nav-book-mots-click {
	position: absolute;
	top: 0;
	left: 134px;
	width: 128px;
	height: 62px;
	background: url(../images/navigation.png) no-repeat -134px -62px;
}
.nav-book-mots-click {
	background: url(../images/navigation.png) no-repeat -134px -124px;
}

.nav .book-wheels a:link, .nav .book-wheels a:visited {
	left: 262px;
	width: 212px;
}
.nav .book-wheels a:hover, .nav .book-wheels a:focus {
	background: url(../images/navigation.png) no-repeat -262px -62px;
}
.nav .book-wheels a:active {
	background: url(../images/navigation.png) no-repeat -262px -124px;
}
.current-book-wheels .book-wheels a:link, .current-book-wheels .book-wheels a:visited {
	background: url(../images/navigation.png) no-repeat -262px -186px;
	cursor: default;
}
.nav-book-wheels, .nav-book-wheels-click {
	position: absolute;
	top: 0;
	left: 262px;
	width: 210px;
	height: 62px;
	background: url(../images/navigation.png) no-repeat -262px -62px;
}
.nav-book-wheels-click {
	background: url(../images/navigation.png) no-repeat -262px -124px;
}
.nav .book-exhausts a:link, .nav .book-exhausts a:visited {
	left: 490px;
	width: 210px;
}
.nav .book-exhausts a:hover, .nav .book-exhausts a:focus {
	background: url(../images/navigation.png) no-repeat -490px -62px;
}
.nav .book-exhausts a:active {
	background: url(../images/navigation.png) no-repeat -490px -124px;
}
.current-book-exhausts .book-exhausts a:link, .current-book-exhausts .book-exhausts a:visited {
	background: url(../images/navigation.png) no-repeat -490px -186px;
	cursor: default;
}
.nav-book-exhausts, .nav-book-exhausts-click {
	position: absolute;
	top: 0;
	left: 490px;
	width: 210px;
	height: 62px;
	background: url(../images/navigation.png) no-repeat -490px -62px;
}
.nav-book-exhausts-click {
	background: url(../images/navigation.png) no-repeat -490px -124px;
}

.nav .book-batteries a:link, .nav .book-batteries a:visited {
	left: 700px;
	width: 129px;
}
.nav .book-batteries a:hover, .nav .book-batteries a:focus {
	background: url(../images/navigation.png) no-repeat -700px -62px;
}
.nav .book-batteries a:active {
	background: url(../images/navigation.png) no-repeat -700px -124px;
}
.current-book-batteries .book-batteries a:link, .current-book-batteries .book-batteries a:visited {
	background: url(../images/navigation.png) no-repeat -700px -186px;
	cursor: default;
}
.nav-book-batteries, .nav-book-batteries-click {
	position: absolute;
	top: 0;
	left: 700px;
	width: 129px;
	height: 62px;
	background: url(../images/navigation.png) no-repeat -700px -62px;
}
.nav-book-batteries-click {
	background: url(../images/navigation.png) no-repeat -700px -124px;
}

.nav .book-brakes a:link, .nav .book-brakes a:visited {
	left: 827px;
	width: 133px;
}
.nav .book-brakes a:hover, .nav .book-brakes a:focus {
	background: url(../images/navigation.png) no-repeat -827px -62px;
}
.nav .book-brakes a:active {
	background: url(../images/navigation.png) no-repeat -827px -124px;
}
.current-book-brakes .book-brakes a:link, .current-book-brakes .book-brakes a:visited {
	background: url(../images/navigation.png) no-repeat -827px -186px;
	cursor: default;
}
.nav-book-brakes, .nav-book-brakes-click {
	position: absolute;
	top: 0;
	left: 827px;
	width: 133px;
	height: 62px;
	background: url(../images/navigation.png) no-repeat -827px -62px;
}
.nav-book-brakes-click {
	background: url(../images/navigation.png) no-repeat -827px -124px;
}

/*** CRUMBTRAIL ***/

#crumbtrail {
	width:100%;
	color: #666666;
	padding:10px 0px;
	font-size:12px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

#crumbtrail a {
	color: #666666;
}

#crumbtrail a:hover {
	color: #999999;
}

/*** CONTENT ***/

#content {
	width: 942px;
	padding:10px 13px 10px 13px;
	background: url(../images/main_bg.png) top repeat-y;
}

#home_main_banner {
	border: 1px solid #E5E5E5;
	padding:417px 4px 9px 120px;
	background: url(../images/home_main_banner.jpg) no-repeat 4px 4px;
	height: 55px;
	width: 502px;	
	float:left;
	display:inline;
}

#home_top_banner {
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 108px 0px 0px 21px;
	background: url(../images/home_banner_one.jpg) no-repeat 4px 4px;
	width: 292px;
	height: 45px;
	float:right;
	display:inline;
}

#home_middle_banner {
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 126px 0px 0px 124px;
	background: url(../images/home_banner_two.jpg) no-repeat 4px 4px;
	height: 47px;
	width: 189px;
	float:right;
	display:inline;
}

#home_bottom_banner {
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 107px 0px 0px 20px;
	background: url(../images/home_banner_three.jpg) no-repeat 4px 4px;
	height: 46px;
	width: 293px;
	float:right;
	display:inline;
}

/*** TYRE SEARCH ***/

#tyre_search {
	border: 1px solid #E5E5E5;
	width: 931px;	
	height: 463px;
	padding:4px;
	background:url(../images/tyre_search_bg.jpg) no-repeat 4px 4px;
}

#tyre_search .centre {
	color: #FFFFFF;
	float: left;	
	height: 20px;
	margin: 15px 0 0 30px;
} 

#tyre_search #selector {
	margin: 145px 0px 0px 30px;
	width:280px;
	height:240px;
	float:left;
}

#tyre_search #selector form {
	margin: 0px;
	padding: 0px;
}

#tyre_search #selector form select {
	height: 25px;
	border: 1px solid #004BAF;
	font-size: 18px;
	font-weight: bold;
	color:#0139BE;
	width:160px;
	float:left;
	margin-top:10px;
}

#tyre_search #selector form input {
	margin-top:20px;
	float: left;
}

#width-invalid, #aspect-invalid, #diameter-invalid {
	color:#FEE700;
	display:none;
	font-size:16px;
	height:16px;
	padding:15px 0px 0px 5px;
	float:left;
	font-weight: bold;
}

#tyre_search #regsearch {
	margin: 10px 0px 0px 30px;
	height: 50px;
	width: 420px;
	float:left;
}

#tyre_search #regsearch form {
	margin: 0px;
	padding: 0px;
}

#tyre_search #regsearch form .regsearchbox {
	height: 32px;
	border: 3px solid #222222;
	background-color:#FEE700;
	font-size: 25px;
	font-weight: bold;
	color:#222222;
	width:240px;
	float:left;
	text-align: center;
}

#tyre_search #regsearch form .button {
	margin:3px 0px 0px 10px;
	float: left;
}

/*** RESULTS ***/

#results {
	width: 100%;
	color: #222222;
	font-size:13px;
}

#results #logo {
	position: absolute;
	margin: 10px 0px 0px 770px;
}

#results #logo2 {
	position: absolute;
	margin: -35px 0px 0px 580px;
}

#results #logo3 {
	position:absolute; top:330px;
}

#results h1 {
	width:100%;
	font-size:26px;
	color:#0055BA;
	margin: 0px 0px 20px 0px;
	padding:30px 0px;
	border-bottom: 1px solid #E5E5E5;
}

#results h2 {
	font-size:16px;
	color:#0055BA;
	margin: 0px;
	padding:10px 0px;
}

#results h3 {
	font-size:20px;
	color:#FF8300;
	margin: 0px 0px 15px 0px;
}

#results h3 a {
	color:#0055BA;
	font-size: 25px;
}

#results .option a {
	font-size:16px;
	color:#333333;
	font-weight:bold;
}

#results .option a:hover {
	color:#999999;
}

#results .small_text {
	font-size:9px;
	color:#999999;
}

.medium_text {
	font-size: 13px;
}

#results a.altsize {
	color: #0055BA;
	font-size:13px;
	font-weight:bold;
	padding-left: 10px;
	background:url(../images/anchor_bg.jpg) left center no-repeat;
}

#results th {
	text-align:left;
	background-color:#FFD304;
	font-size:15px;
	color:#0048AC;
	height:45px;
	vertical-align: middle;
	padding:5px;
}

#results th.highlight {
	background-color:#FF9900;

}

#results th .small_text {
	font-size: 13px; 
	color:#0048AC;
}

#results td {
	text-align:left;
	font-size:13px;
	color:#222222;
	height:75px;
	vertical-align: middle;
	border-bottom: 1px solid #E5E5E5;
}

#results td.highlight {
	background-color:#EDF4FC;

}

#results td select {
	border: 1px solid #cccccc;
	font-size: 18px;
	font-weight: bold;
	color:#0139BE;
	padding:3px;
}

#results td.price {
	color:#0055BA;
	font-size:25px;
	font-weight:bold;
}

#results td.highlight_price {
	background-color:#EDF4FC;
	color:#0055BA;
	font-size:25px;
	font-weight:bold;
}

#results td .option {
	font-size:16px;
	color:#222222;
	font-weight:bold;
}

#results td .small_option {
	white-space: pre-wrap;
}

#results td {
	font-size:13px;
	color:#222222;
	font-weight:bold;
}

#result_footer {
	padding-top: 15px;
	height:105px;
	width:100%;
}

#result_footer .search_again{
	float: left;
}

#result_footer h1 {
	font-size:20px;
	color:#FF8300;
	margin: 0px;
	padding:20px 0px 0px 0px;
	float:right;
	border:none;
	width: 470px;
	display: inline;
}

#result_footer .print {
	float:right;
	padding: 10px 5px 0px 10px;
	display:inline;
}

#brands {
	width:100%;
}

#brands h1{
	font-size:20px;
	padding:0px 0px 10px 0px;
	margin-bottom: 10px;
}

/*** RESULTS ***/

#book {
	width: 100%;
	color: #222222;
	font-size:13px;
}

#book h1 {
	font-size:26px;
	color:#0055BA;
	margin:0px;
}

#book h2 {
	font-size:16px;
	color:#0055BA;
	margin: 0px;
	padding:10px 0px;
}

#book h3 {
	font-size:20px;
	color:#FF8300;
	margin:0px;
}

#book h4 {
	font-size:13px;
	color:#FF8300;
	margin:0px;
}

#book tr {
	height: 40px;
	vertical-align:middle;
}

#location {
	background:url(../images/location.jpg) repeat-x;
	width:942px;
	height:463px;
	position:relative;
}

#location form {
	position: absolute;
	top:200px;
	left:30px;
}

#location select {
	width: 320px;
	height: 25px;
	border: 1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	padding:2px;
	float:left;
} 

#location .submit {
	margin-top:20px;
	float:left;
}

#location .list {
	border: 1px solid #004BAF;
	background:#0070D5;
	padding:20px;
	width: 140px;
	display:none;
	cursor:default;
}

#location h2 {
	color:#FFFFFF;
	font-size:18px;	
	line-height:1em;
	margin:0 0 10px 0;
	display:inline;
}
#location ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

#location a {
	color:#FEE700;
	text-decoration:underline;
	font-size:13px;
	line-height:1.5em;
}
#location a:hover {
	color:#FFF;
}

#location .close {
	float:right;
	cursor:pointer;
}

.icon {
	background:url(../images/icon.png);
	height:28px;
	width:28px;
	position:absolute;
	cursor:pointer;
}

#location #edinburgh_icon {
	top:309px;
	left:763px;
	z-index:10;
}

#location #fife_icon {
	top:271px;
	left:760px;
	z-index:8;
}

#location #glasgow_icon {
	top:300px;
	left:677px;
	z-index:6;
}

#location #westlothian_icon {
	top:271px;
	left:711px;
	z-index:4;
}

#location #edinburgh {
	position:absolute;
	top:134px;
	left:593px;
	z-index:9;
}

#location #fife {
	position:absolute;
	top:160px;
	left:590px;
	z-index:7;
}

#location #westlothian {
	position:absolute;
	top:142px;
	left:541px;
	z-index:3;
}

#location #glasgow {
	position:absolute;
	top:190px;
	left:510px;
	z-index:5;
}

#centre_selector {
	width: 590px;
	border-right: 1px solid #E5E5E5;
	display:block;
	padding:10px 0px;
	float:left;
	display:inline;
}

#centre_selector form {
	padding:0px;
	margin:0px;
	display:inline;
}

#centre_selector form select {
	width: 230px;
	height: 25px;
	border: 1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	padding:2px;
} 

#centre_selector a {
	font-size: 12px;
	color:#006DD2;
}

#centre_selector #options {
	width: 577px;
	font-weight:bold;
	font-size:13px;
	color:#333333;
}

#centre_selector #options-valves {
	width: 549px;
	padding: 14px 14px 20px 14px;
	border:1px solid #FF0000;
	font-size:16px;
	background-color:#FFE1E1;
	margin:10px 0px;
	
}


#centre_selector #options-valves h2 {
	color: #FF0000;
}

#centre_selector #options-valves .small_text{
  color:#666666;
	font-size:11px;
	font-weight: normal;
}

#centre_selector .or {
	margin:0px 10px 35px 5px;
	font-weight:bold;
	display: inline;
	vertical-align:middle;
}

#tyres {
	float: right;
	width: 343px;
	padding:10px 0px 0px 0px;
	display:inline;
}

#tyres #quote {
	background:url(../images/bg_quote.png) no-repeat top;
	width:343px;
}

#tyres #quote .button {
	padding: 20px 0px 0px 255px;
}

#tyres #quote table {
	margin: 20px 10px 10px 10px;
}

#tyres #quote td {
	font-size: 13px;
	font-weight:bold;	
	border-bottom: 1px solid #0055BA;
}

#tyres #quote td .small_text {
	font-size:11px;
}

#tyres #quote td.option {
	width:200px;
}

#tyres #quote td.price {
	text-align:right;
}

#tyres tr.no_valve_row td, #tyres tr.no_eco_row td {
	color:#FF0000;
	height:50px;
}

#tyres tr.valve_row td, #tyres tr.eco_row td {
	color:#339900;
	height:50px;
}

#tyres #total {
	background: #FEE700;
	width:323px;
	padding:10px;
	margin: 10px 0px 10px 0px;
	color: #0055BA;
	font-size:18px;
	font-weight:bold;
	text-align:right;
}

#tyres #total .price {
	font-size:30px;
}

#tyres #total .small_text {
	font-size:11px;
}

#tyres #saved {
	color: #0055BA;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	border:1px solid #45D500;
	background-color:#E2FFD5;
}

#tyres #saved .price {
	color: #339900;
}

#finder {
	width: 100%;
	color: #222222;
	font-size:13px;
}

#finder h1 {
	font-size:26px;
	color:#0055BA;
	margin:0px;
}

#finder h2 {
	font-size:16px;
	color:#0055BA;
	margin: 0px;
	padding:10px 0px;
}

#finder h3 {
	font-size:20px;
	color:#FF8300;
	margin:0px;
}

#finder h4 {
	font-size:13px;
	color:#FF8300;
	margin:0px;
}

#tyres #centre {
	border:1px solid #FEE700;
	background: #FFFFCC;
	margin:10px 0 10px;
	padding:10px;
	text-align:left;
	width:323px;
	font-size:13px;
	color:#333333;
}

#centre h1{
	padding: 0px;
	margin:0px;
	font-size:20px;
	color:#0055BA;
}
/*** SERVICES ***/

#services {
	padding: 10px 0;
	clear:both;
}

#services select {
	width: 230px;
	height: 25px;
	border: 1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	padding:2px;
}

/*** FORMS ***/

#checkout {
	width: 590px;
	border-right: 1px solid #E5E5E5;
	display:block;
	padding:10px 0px;
	float:left;
	display:inline;
}

#checkout tr {
	height:30px; 
	vertical-align:top;	
}

#checkout .formfield, #checkout .formfieldshort  {
	width: 300px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	padding:3px 2px;
	border: 1px solid #CCCCCC;
}

#checkout .formfieldshort {
	width: 60px;
}

#checkout  form select {
	height: 25px;
	border: 1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	padding:2px;
}

#buynow {
	width: 100%;
	padding-bottom:10px;
	border-bottom: 1px solid #E5E5E5;	
}	

/*** TEXT PAGES ***/

#left_nav {
	width: 220px;
	padding:20px 0px;
	float:left;
}

#left_nav ul {
	margin:10px 0px;
	padding:0px;
	width:220px;
	border-top: 1px solid #E5E5E5;
}	

#left_nav li {
	border-bottom: 1px solid #E5E5E5;
	height: 20px;
	list-style:none;
	padding:5px 0px;
	line-height:20px;
}

#left_nav li a {
	background: url(../images/left_nav_arro.png) right center no-repeat;
	color: #2874D0;
	width:200px;
	display:block;
}

#left_nav li a:hover {

	color: #FF8300;

}

#text {
	width: 640px;
	border-left:1px solid #E5E5E5;
	padding:30px;
	color:#333333;
	float:left;
	display:inline;
	line-height: 20px;
}

#text ul {
	
}


#text li {
	list-style-image:url(../images/anchor_bg.jpg);
}


#banners {
	width: 180px;
	padding:20px 0px 20px 20px;
	color:#333333;
	float:right;
	display:inline;
}

/*** FOOTER ***/

#footer {
	float:left;
	display:inline;
	width: 942px;
	padding:0px 13px 10px 13px;
	background: url(../images/main_bg.png) top repeat-y;	
}

#footer_text {
	float:left;
	display:inline;
	padding: 20px 5px 0px 5px;
	background: url(../images/footer_bg.jpg) repeat-x top;
	margin: 0px 0px 20px 0px;
	color:#FF9900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#footer_text a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0063C8;
	display:block;
	float:left;
	padding:0px 20px 10px 0px;
	display:inline;
}