﻿body {
	background-color:	#ffffff;
	margin:				0px;	
	margin-top:			20px;
}	

div.centrePlaceHolder {
	font-family:		verdana, arial, helvetica, sans-serif;
	position:			relative;
	width:				100%;
	margin: 			0 auto;
	text-align:			center;
}

#header {
	position:			relative;
	width:				770px;
	height:				80px;
	margin: 			0 auto;
	border-left:		1px solid #609DE1;
	border-right:		1px solid #609DE1;
	border-top:			1px solid #609DE1;
}

#textBanner {
	position:			relative;
	width:				770px;
	height:				20px;
	background-color:	#649BE2;
	background:			url(/images/text-bg.gif) no-repeat;
	font-size:			0.7em;
	color:				white;
	font-weight:		bold;
	text-align:			center;
	margin:				0 auto;
	border-left:		1px solid #609DE1;
	border-right:		1px solid #609DE1;
}

#mainPlaceHolder {
	position:			relative;
	width:				770px;
	margin:				0 auto;
	text-align:			left;
	border:				1px solid #609DE1;
	border-top:			0px;
}

#mainContent {
	position:			relative;
	width:				768px;
	min-height:			1px;
	font-size:			0.7em;
	margin-bottom:		20px;
	background-color:	#F9F9F9;
}

#footer {
	width:				770px;
	margin:				0 auto;
	font-size:			0.6em;
	text-align:			center;
	color:				#609DE1;
}

#menuContainer {
	float:				left;
	margin-right:		10px;
	margin-top:			15px;
}

#medContainer {
	float:				left;
	margin-top:			15px;
	width:				180px;
}

#largeContainer {
	float:				left;
	width:				395px;
	margin-top:			15px;
	margin-right:		10px;
	margin-bottom:		10px;
}

#superContainer {
	float:				left;
	width:				575px;
	margin-top:			15px;
	margin-right:		10px;
	_margin-right:		0px;
	margin-bottom:		10px;
}

div.menuBorder {
	float:				left;
	margin-top:			3px;
	width:				169px;		
	height:				20px;
	background:			url(/images/button-bg.gif) no-repeat;
	
	font-size:			12px;
	font-weight:		bold;
	color:				white;


}

img.menuEnd {
	position:			relative;
	float:				left;
	margin-top:			3px;
}

div.smallFeatureTop {
	position:			relative;
	width:				160px;
	height:				25px;
	background:			url(/images/small-feature-top.gif) no-repeat;
	font-size:			12px;
	color:				white;
	text-align:			left;
	font-weight:		bold;
}

div.smallFeatureContent {
	width:				158px;
	background-color:	#ffffff;
	border-left:		1px solid #609DE1;
	border-right:		1px solid #609DE1;

	color:				black;
}

div.smallFeatureBottom {
	position:			relative;
	width:				160px;
	height:				10px;
	background:			url(/images/small-feature-bottom.gif) no-repeat;
	filter:				alpha(opacity=85);
}

div.medFeatureTop {
	position:			relative;
	width:				180px;
	height:				25px;
	background:			url(/images/med-feature-top.gif) no-repeat;
	background-color:	#F9F9F9;
	font-size:			12px;
	color:				white;
	text-align:			left;
	font-weight:		bold;
}


div.medFeatureContent {
	position:relative;
	width:				178px;
	background-color:	#ffffff;
	border-left:		1px solid #609DE1;
	border-right:		1px solid #609DE1;
	color:				black;
	overflow:			hidden;
}

/* Legacy Tabs */

#tyreTypeFeatures1 {
	top:				0px;
	left:				0px;
}

#tyreTypeFeatures2 {
	top:				0px;
	left:				0px;
	display:			none;
}

.typeLabel {
	color:				#ff0000;
	font-weight:		bold;
}

/* New Car / Motorbikes Selection */
.searchH2 {font-size:1.0em; display:block;	padding:5px 10px 0px 8px; margin: 0 0 0 0;}
.searchIcons {text-align:center; margin-bottom:10px;}
.searchIcons .imgCarOn {width:50px; height:50px; margin-right:16px;}
.searchIcons .imgBikeOn {width:50px; height:50px; }
.searchIcons .imgCarOff {width:50px; height:50px; margin-right:16px; cursor:pointer;}
.searchIcons .imgBikeOff {width:50px; height:50px; cursor:pointer;}
.searchNotice {color:#ff0000;}

div.medFeatureBottom {
	position:			relative;
	width:				180px;
	height:				10px;
	background:			url(/images/med-feature-bottom.gif) no-repeat;
	filter:				alpha(opacity=85);
}

div.largeFeatureTop {
	position:			relative;
	width:				395px;
	height:				25px;
	background:			url(/images/large-feature-top.gif) no-repeat;
	
	font-size:			12px;
	color:				white;
	text-align:			left;
	font-weight:		bold;
}

div.largeFeatureContent {
	width:				393px;
	background-color:	#ffffff;
	border-left:		1px solid #609DE1;
	border-right:		1px solid #609DE1;
	line-height:		1.5em;
	
	color:				black;

	min-height:			500px;
	_height:			350px;
}

div.largeFeatureBottom {
	position:			relative;
	width:				395px;
	height:				10px;
	background:			url(/images/large-feature-bottom.gif) no-repeat;
	filter:				alpha(opacity=85);
}

div.superFeatureTop {
	position:			relative;
	width:				575px;
	height:				25px;
	background:			url(/images/super-feature-top.gif) no-repeat;
	
	font-size:			12px;
	color:				white;
	text-align:			left;
	font-weight:		bold;
}

div.superFeatureContent {
	width:				573px;
	background-color:	#ffffff;
	border-left:		1px solid #609DE1;
	border-right:		1px solid #609DE1;
	line-height:		1.5em;

	color:				black;
	
	min-height:			500px;
	_height:			500px;
}

div.superFeatureBottom {
	position:			relative;
	width:				575px;
	height:				10px;
	background:			url(/images/super-feature-bottom.gif) no-repeat;
	filter:				alpha(opacity=85);
}

div.padding {
	position:			relative;
	padding:			5px;
	_padding:			4px;
}

#errorDiv {
	font-size:			0.9em;
	padding:			3px;
	padding-bottom:		20px;
	border:				1px solid #1551A7;
	background-color:	#ffffcc;
}

.inputText {
	font-family:		verdana, arial, helvetica, sans-serif;
	border:				1px solid #609DE1;
	background-color:	#ffffff;
}

.variantSelect {
	width:				400px;
}

img.withBorder {
	border:				1px solid #609DE1;
}

table {
	line-height:		1.0em;
}

table.basket, table.findResults, table.route {
	position:			relative;
	border:				1px solid #1551A7;
	background-color:	white;
	font-size:			1.0em;
	width:				95%;
}

th.basket, th.findResults, th.route {
	background-color:	#609DE1;
	color:				white;
}

.goButton, input.goButton {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			1.0em;
	background-color:	#609DE1;
	color:				#ffffff;
	border:				1px solid #609DE1;
	font-weight:		bold;
	padding:			2px;
	cursor:				hand;
}

.searchPrice {
	font-size:			1.6em;
	color:				#1551A7;
	font-weight:		bold;
	padding:			0.5em 0 0.5em 0;	
}

.detailPrice {
	font-size:			1.3em;
	color:				#1551A7;
	font-weight:		bold;
}

.buyButton, .selectButton, .payButton, .searchButton {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			1.0em;
	background-color:	#609DE1;
	color:				white;
	font-weight:		bold;
	border:				1px solid #609DE1; 
	padding:			2px;
	cursor:				hand;
}

hr {
	height:				1px;
	color:				#609DE1;
	margin-top:			5px;
	margin-bottom:		5px;
}

table {
	font-size:			1.0em;
}

a {
	color:				#609DE1;
	text-decoration:	underline;
}

a:hover {
	color:				#1551A7;
}

a.navLink {
	color:				white;
	text-decoration:	none;
}

a.navLink:hover, a.navLinkSelected:hover {
	color:				#1551A7;
}

a.navLinkSelected {
	color:				#06468A;
	text-decoration:	none;
}

ul
{
	margin-top:			0px;
	margin-bottom:		5px;
	margin-left: 		15px;
}

p {
	margin-top:			0px;
	margin-bottom:		0px;
}

li {
	padding-top:		5px;
	padding-bottom:		2px;
}

.sitemapEntry, .sitemapHeading
{
	line-height:		2.0em;
}

.sitemapHeading {
	font-weight:		bold;
}

div.specialOffer, td.specialOffer {
	font-variant:		small-caps;
	color:				#cc0000;
	font-weight:		bold;
	padding:			0px 0px 10px 0px;
}

div.specialOffer
{
	padding:			10px 0px 0px 0px;
}

#popupDiv
{
	width:				370px;
	padding:			5px;
	text-align:			left;
	background-color:	#ffffff;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			0.7em;
	line-height:		1.5em;
}

.tyrestyle1
{
	font-family:		verdana, arial, helvetica, sans-serif;
}
.tyrestyle1 strong
{	
	font-weight:		lighter;
}
.tyrestyle1 h1
{
	font-size:			1.0em;
	font-weight:		bold;
	display:			inline;
}
.tyrestyle1 h2
{
	font-size:			1.0em;
	font-weight:		bold;
	display:			inline;
}
.tyrestyle1 h3
{
	font-size:			1.0em;
	font-weight:		lighter;
	display:			inline;
}
h1
{
	font-size:			1.0em;
	display:			inline;
}
h2.tyreTypeTabH2
{
	font-size:			1.0em;
	display:			inline;
}
.tyrestyle2
{
	font-family:		verdana, arial, helvetica, sans-serif;
	font-weight:		bold;
}
.tyrestyle2 strong
{	
	font-weight:		bold;
}

div.symbols
{
	margin:				5px 0 0 0;
}

div.symbols img
{
	margin:				0 3px 0 0;
	border:				1px solid #c0c0c0;
	padding:			2px 2px 2px 2px;
}

div.tyreResHeading, div.tyreResHeadingDeal
{
	width:				360px;
	height:				22px;
	font-size:			12px;
	font-weight:		bold;
	margin:				1em 0 0 0;
	padding-top:		3px;
	padding-left:		10px;
	background:			url(/images/tyre-res-heading.gif) no-repeat;
	color:				white;
}

div.tyreResHeadingDeal
{
	background:			url(/images/tyre-res-heading-deal.gif) no-repeat;
}

table.tyreRes, table.tyreResDeal
{
	width:				560px;
	border-collapse: 	collapse;
	border:				1px solid #5A7B9C;
}

table.tyreResDeal
{
	border:				1px solid #c10000;
	background-color:	#fffdc5;
}

table.tyreRes img.tyreImage  {border: 1px solid #5A7B9C;}
table.tyreResDeal img.tyreImage {border: 1px solid #c10000;}
table.tyreRes td, table.tyreResDeal td {padding: 5px;}
table.tyreRes td.top {border-top: 1px solid #5A7B9C;}
table.tyreResDeal td.top {border-top: 1px solid #c10000;}
table.tyreResDeal .buyButton {background-color: #c10000; border:1px solid #c10000;}
table.tyreRes table td, table.tyreResDeal table td {padding: 2px;}
table.tyreResDeal .searchPrice {color: #c10000;}


.popupInfo {
	display:			inline-block;
	border-bottom:		1px solid #000000;
}

#rateMyTyres h3 {font-size: 1.1em; background-color: #609DE1; color: #ffffff; padding: 0.5em; margin: 1em 0 0 0;}
#rateMyTyres p {padding: 1em 0 0.5em 1em;}
#rateMyTyres span {display:block; padding: 0 0 1.5em 2em; border-bottom: 1px solid #c0c0c0;}
#rateMyTyres input {margin: 0 0 0 3em;}

select.motorbikeSelect {font-size:10px; width:160px;}

#symbolKey {font-size: 7pt; border: 1px solid #e0e0e0; margin: 0px 10px 5px 10px; padding: 3px 3px 3px 3px;}
#symbolKey span {display:block; margin: 0 0 3px 0;}
#symbolKey span strong {font-size: 8pt;}
#symbolKey img {vertical-align:middle; padding: 3px 3px 3px 6px;}
#symbolKey a {margin-left:10px;}

/* Survey */
.survey {font-size: 1.0em;}
.survey .padding {padding: 20px;}
.survey table {margin: 1em 0 0 1em;}
.survey label {padding: 0 5px 0 5px;}
.survey .text {border: 1px solid #609DE1; width: 400px; margin: 5px 0 10px 40px;}
.survey .next {background-color: #609DE1; color: #ffffff; border: 1px solid #609DE1; font-weight: bold; padding: 2px; cursor:hand; margin: 1em 0;}

/* promo banner - i.e. tyre safety month */
.promoBanner {position:absolute; top:11px; left:199px; z-index:100;}
.promoBanner a {position:relative;}
.promoBanner a img {border: 0px; float:left; overflow:hidden;}

/* promo banner - PayPal */
.promoBannerPP {position:absolute; top:22px; left:224px; z-index:100;}
.promoBannerPP span {position:relative; display:block; font-size:9px;}
.promoBannerPP a {position:relative;}
.promoBannerPP a img {border: 0px; float:left; overflow:hidden;}

