.hidden {display:none;}

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;
}

div.ratings div.outer {position: relative; background-color: #E0E0E0; width: 500px; margin: 0 0 3px 0;}
div.ratings div.rleft {background-color: #609DE1; color: #FFFFFF; border-right: 3px solid #FFFFFF; padding: 3px 0 3px 0px;}
div.ratings div.rleft100 {background-color: #609DE1; color: #FFFFFF; padding: 3px 0 3px 0px;}
div.ratings div.score {position:absolute; top: 0px; right: 0px; color: #000000; padding: 3px 0px 3px 0; }
div.ratings div.score100 {position:absolute; top: 0px; right: 0px; color: #FFFFFF; padding: 3px 0px 3px 0px; }
div.ratings span {display: inline-block; margin: 0 5px 0 5px;}

#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; font-size: 14px; width: 80px; height: 50px; line-height: 1.5em;}
table.tyreRes table td, table.tyreResDeal table td {padding: 2px;}
table.tyreResDeal .searchPrice {color: #c10000;}
table.tyreResDeal .save {font-size: 1.1em;}

.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 3px; border: 1px solid #c0c0c0;}
#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;}

/*home page action tabs */
.homePageCallToAction {width:556px; padding: 10px 10px 10px 10px; background-color:#ff0000; color:white; font-size: 21px; font-weight:bold; text-transform: uppercase; font-family: Arial;}
.homePageActionTabs {width: 580px; position:relative; padding: 10px 0 0 0; height: 270px; }
.homePageActionTab {float:left; width: 185px; height:260px; margin: 0 7px 0 0; position:relative; border-left: 1px solid #609DE1; border-right: 1px solid #609DE1; border-bottom: 1px solid #609DE1;}
.homePageActionTabLast {margin-right: 0;}
.homePageActionTab .heading {width:165px; padding:10px 10px 10px 10px; background-color: #609DE1; color:white; font-family: Arial; font-weight: bold; font-size: 13px;}
.homePageActionTab .padding {}
.homePageActionTab .tab1Top {height: 110px; }
.homePageActionTab .tab1Bottom {}
.homePageActionTab .tab3Top {height: 90px; }
.homePageActionTab .tab3Bottom {}
.homePageActionTabs .searchIcons { padding-top:10px; }
.homePageActionTabs .divideColumn {width:100%; height: 1px; background-color: #609DE1; margin: 10px 0 10px 0; }
.homePageActionTabs select.motorbikeSelect {font-size:10px; width:160px; border: 1px solid #609DE1;}
.homePageActionTabs .inputText {font-family: verdana, arial, helvetica, sans-serif; border: 1px solid #609DE1; background-color: #ffffff; }
.homePageActionTabs .howTo {font-size:0.9em; padding-top:20px; width:100%; text-align:center}
.motorbikeTable td {padding-bottom:1px;}
.motorbikeTable td.divider {height:3px; overflow:hidden; }

/* CP2 additions */
td.save {text-align: right; line-height: 18px;}
td.save span.price {font-size: 17px; color: #808080; text-decoration : line-through;}
td.save span.save  {font-variant: small-caps; color: #cc0000; font-weight: bold;}

#sizeWarning {position:relative; height:50px; width:510px; margin: 15px 10px 10px 110px; background-color:#c00000; color: white; border:1px solid black;}

/* enclosed checkout additions */
.enclosed #menuContainer {display: none;}
.enclosed #superContainer {width: 750px; margin-left: 10px;}
.enclosed div.superFeatureTop {width: 750px; background: url(/images/enclosed-super-feature-top.gif) no-repeat; }
.enclosed div.superFeatureContent {width: 748px;}
.enclosed div.superFeatureBottom {width: 750px;	background:	url(/images/enclosed-super-feature-bottom.gif) no-repeat; }

div.checkoutHelp {float:right; padding-right: 1em;}
div.checkoutHelp a {color: #FFFFFF; text-decoration:underline;}

/* Mobile Detection */
#mobileOffering {width:770px; height:46px; margin: 0 auto; display:none;}
#mobileOffering .mobileIcon {position:relative; float:left; border: 0px none;}
#mobileOffering .mobileText {position:relative; float:left; text-align:left; font-size: 0.7em; padding:4px 0 0 4px;}