body                    { margin:0; padding:0; font:13px arial; line-height:16px; color:#333; text-align:left; _text-align: center;}
p                       { margin:0 0 16px; text-align: left; }
input, select           { font:11px arial; vertical-align:middle; }
img                     { vertical-align:middle; border:none; }
form                    { margin:0; padding:0; }
a                       { color:#cc0000; text-decoration:none; }
a:hover                 { text-decoration:underline; }
ul,ol                   { margin:20px 20px; padding:0; }
hr                      { height:1px; margin:10px 15px 10px 5px; padding:0; border-top:1px dotted #999; border-bottom:none; border-left:none; border-right:none; color:#e5e5e5; background-color:#e5e5e5; }
textarea                { font:11px arial; width:230px; }

h1                      { font:8px arial; color:#black; font-weight:bold; margin:0px 0px 0px 15px; padding:0; }
h2                      { font:14px arial; color:#cc0000; font-weight:bold; margin:0 0 15px; padding:0; }
h3                      { font:11px arial; color:#cc0000; margin:0 0 15px; padding:0; font-weight:bold; }
h4                      { font:11px arial; color:black; margin:0 0 15px; padding:0; font-weight:bold; }

.hidden                 { display:none; }
li.error                { margin:0; font-weight:bold; color:red; }

td.label                { width:109px; }
td.input                { width:243px; }

img.wrappedLeft         { float:left; padding:0 15px 5px 0; }

div#body				{  }
div#footer				{ clear:left; background-color: #f2f2f2; width: 980px;  text-align: left; clear: left; z-index: 5;}
div#footer a			{ font-weight: normal; color: #888888; }
div#wrapper				{ background-color: white; width: 980px; margin-right: auto;  margin-left: auto; padding: 10px; } /*border-left: 1px solid #999999; border-right: 1px solid #999999*/
div#header				{ height: 90px; }
div#mainMenu		    { height: 34px; background-color: #cd0102; background-image: url("menuBackground.gif"); z-index: 5; font-size: 13px; text-align:left;}
div#headerMovie			{ padding-top: 10px; }
div#headerLogo			{ padding-top: 10px; }

div#footerContentLeft	{ float: left; width: 350px; }
div#footerContentRight  { float: right; width: 450px; }

div.halfcol				{ width: 500px; float: left; } 
div.quartercol		    { width: 240px; float: left; }
div.curvedBottom		{ background-image: url(/new-site/divBottom.gif); background-repeat: no-repeat; background-position: left bottom; }

div.quartercol h3       { padding-left: 0px; padding-top: 0px; margin-top: 3px; color: white; text-align: center; font-size: 12px; font-weight: bold; }

div.quartercol b        { padding: 5px; float: left; margin: 10px; padding-top: 0px; margin-top: 3px; color: white; text-align: center; font-size: 12px; font-weight: bold; clear: both; }

p.news-header b	{ color: black; }

div#navSearch			{ background-color: #f2f2f2; font-size: 14px; margin-top: 10px; background-image: url("div-header.gif"); background-position: top; background-repeat: no-repeat;}
div#navSearch td        { font-size: 12px; font-weight: bold; }
div#navBasket			{ background-color: #f2f2f2; height: 70px; margin-top: 10px; background-image: url("/new-site/divTop.gif"); background-repeat: no-repeat; background-position: top; padding-top: 5px;}
div#mainMovie			{ width: 462px; float: left; margin-left: 9px; margin-top: 10px; }
div#mainContent			{ width: 462px; float: left; margin-left: 9px; margin-top: 10px; padding: 5px; }
div#navVideo			{ left: 10px; top: 0px; }

div#navMobileFitting    { margin-top: 10px; margin-left: 10px; } 
div#navOpening			{ margin-top: 10px; margin-left: 9px;  } 
div#navFeatured			{ margin-top: 10px; background-color: #f2f2f2; }
div.featuredItem		{ float: left; width: 220px;  text-align: left;}
div.featuredItem Img	{ padding: 10px; clear:none; float:left; }
div.featuredItem b		{ padding: 0px; margin: 0px; margin-top: 10px; color: black; font-size: 12px; text-align: left;}
div.featuredItem a		{ font-weight: bold; }
div.featuredItemDiv		{ float: left; width: 165px; }

div#innerBasket			{ padding: 8px; padding-top: 0px; font-size: 15px; font-weight: bold; }
div#basketBottom		{ background-image: url("/new-site/divBottom.gif"); background-repeat: no-repeat; background-position: bottom; }
div#searchBottom		{ background-image: url("/new-site/divBottom.gif"); background-repeat: no-repeat; background-position: bottom; }
#viewCart				{ margin-left: 40px;}

div#Left				{ width: 220px; float: right;  background-color: #f2f2f2; margin-top: 10px; padding: 10px; padding-top: 3px; background-image: url("div-header.gif"); background-position: top; background-repeat: no-repeat; text-align: left; }
div#Left h2				{ padding-left: 0px; padding-top: 0px; margin-top: 0px; color: white; text-align: center; font-size: 12px; font-weight: bold; text-shadow: black 0px 0px 2px;  }
div#Left ul				{ margin-top: 30px; }
div.leftCopy			{ width: 220px; }

div#Right				{ width: 482px; float: left; margin-left: 9px; margin-top: 10px; }
div#Right h1			{ font-size: 20px; text-align: center; margin: 0; padding:0; padding-top: 10px; }
div#Right h2			{ padding-top: 2px;  }

div#Top					{ float: left; clear: right;}

div#FeatureImage		{ width: 482px; float: left; margin-left: 9px; margin-top: 10px; }

div#Right h2			{ font-size: 14px; padding: 0px; padding-top: 15px; margin-left: 3px;  }

div#mainContent h1      { font-size: 23px; padding: 8px;}
div#mainContent h2      { font-size: 14px; padding: 0px; padding-left: 5px; }

div#navBlog				{ background-color: #f2f2f2; height: 450px; }

div#navPhone			{ padding-top: 10px; background-color: white; height: 80px; _height: 90px; line-height: 30px; font-size: 25px; font-weight: bold; text-align: center; }
div#navBlog h2          { margin-bottom: 5px; }
div.newsItem			{ padding: 10px; padding-top: 5px; padding-bottom:5px; text-align: left; }
div.newsItem h3         { font-size: 12px; color: black; margin-bottom: 3px; margin-top: 0px; padding-top: 0px; text-align: left; } 
div.newsItem hr			{ padding: 0px; margin: 0px; }
div.newsItem p			{ padding: 0px; margin-bottom: 4px;  }

div#leftCol				{ width: 240px;  float: left; z-index: 0 ;} 

#searchButton			{ margin-left: 6px; _margin-left: 1px; }

div#navFeatured2		{ margin-left: 9px; margin-top: 10px; margin-bottom: 10px; background-color: #f2f2f2;}

#test { color: green; font-size: 20px;   }



.quartercol h2, .halfcol h2		{ padding: 10px; padding-bottom: 0px; }
.clearboth				{ clear: both;  }


.blue					{ color: #34349b; }
select					{ width: 80px; height: 20px; font-size: 14px; }
.greyBackground			{ background-color: #f2f2f2;  }

div.contentTopContainer { clear:both; }

div.contentContainer    { clear:both;}
div.content             { float:left; margin:0 0 0 0; margin-bottom: 5px; padding:0 20px 15px 10px; background:#e5e5e5 url(/new-site/content-bg-bottom.gif) no-repeat left bottom; }
div.content2             { float:left; margin:0 0 0 0; margin-bottom: 5px; padding:0 20px 15px 17px; background:#e5e5e5; width:445px; }
div.search-contentTop   { height:15px; background:#e5e5e5 url(/new-site/content-bg-top.gif) no-repeat 0 0; font-size:1px;}

div#homeMain			{ padding: 10px; }
div#homeMain h2			{ font-size: 13px; text-align: center; padding: 0px; }
div#homeMain span		{ font-size: 12px; }
.smallimages img		{ width: 80px; }

.content table			{ width: 445px; }

div#footer-images		{ text-align: center; background-color: white; }
form#batForm select		{ width: 250px; font-size: 12px;}
#vehicleTrimId			{ width: 350px; }

url#orangeMenu a		{ color: #333333; line-height: 50px;  }

img#cardsIcon			{  float: left; clear: left; }

.alignright				{ text-align: right; }
form#productForm		{ width: 445px; }

select#tyreWidthId		{ color: red; }
select#tyreProfileId	{ color: orange; }
select#tyreWheelId		{ color: green; }
select#tyreSpeedId		{ color: blue; }
select#tyreLoadRating	{ color: #FF33CC; }

div#navMobileFitting	{ width: 220px; float: left;  background-color: #f2f2f2; margin-top: 10px;  text-align: left;}

div#navTyreSize			{ background-color: #f2f2f2; font-size: 14px; margin-top: 10px; background-image: url("div-header.gif"); background-position: top; background-repeat: no-repeat;  }
div#navTyreSize	h3		{ margin-bottom: 4px; }

div#blogsDiv			{ background-color: #f2f2f2; font-size: 11px; margin-top: 10px; background-image: url("div-header.gif"); background-position: top; background-repeat: no-repeat; }
div#blogsDiv h3			{ margin-top: 3px; }

div#DiscountCode form			{ margin-top: 36px; }

div.featuredItemDiv		{ position: relative; }
div.featuredItemDiv a	{ float: right; }

div#blogs				{ padding: 10px; }

.dir-col a          { color: red; font-weight: normal; }

div.dir-col				{ padding: 0 10px; float: left; width: 175px; height: 350px;margin-bottom:10px; }
div.border-right			{ border-right: 1px dotted #999999; }
.dir-col p			{ margin-left: 2px; margin:0; padding:0;color:#999999; font-size: 12px;}
.dir-col b			{ margin-bottom: 13px; margin-top: 15px; font-size: 15px; color: red; font-weight: normal; }
.dir-col a			{ color: #333333; margin-bottom: 10px; position: relative; }
.dir-col br			{ line-height: 5px; }
#footer h2			{ padding: 10px; float: left; margin-bottom: 0px; padding-bottom: 0px; }

/*div.alertTop            { width: 482px; height:6px; float:left; background:#666 url(/new-site/alert-bg-top.gif) no-repeat 0 0; font-size:1px; line-height:1px; }
div.alert               { width: 445px; float:left; padding:2px 20px 2px 17px; background-color:#666; color:#fff; clear: left;}
div.alertBottom         { width: 482px; height:6px; float:left; margin:0 0 2px 0; background:#666 url(/new-site/alert-bg-bottom.gif) no-repeat 0 0; font-size:1px; line-height:1px; margin-bottom: 5px; }
*/

.uline a, a:hover,  { font-style: underline; }

body.smartposition #nav-above {
	position: fixed;
	top: 0px;
	background: #fff;
	border-bottom: 1px solid #eee;
	width: 500px;
	margin: 0;
	padding: 10px 0;
	z-index: 10;
}


#rollingarchives {
	position: absolute;
	padding: 20px 0;
	display: block;
	width: 500px;
	top: 0;
	}

td.resultItemImage {
	padding-right: 10px;
}

/* New Search Results */ 

div.searchResult	 {}
div.contentTop          { height:15px; background:#e5e5e5 url(/images/result-top.gif) no-repeat 0 0; font-size:1px;}
div.contentTop2          { height:15px; background:#e5e5e5; font-size:1px;}
div.search-content      { width:690px; _width: 686px; height: auto; float:left; margin:0 0 2px 0; padding:0 20px 15px 17px; background:#e5e5e5 url(../images/result-bottom.gif) no-repeat left bottom; margin-bottom: 5px; }

div.resultTop							{ width: 727px; height:15px; background:#e5e5e5 url(/images/result-top.gif) no-repeat 0 0; font-size:1px;}

div.resultLeft							{ margin-top: 10px; float: left; width: 480px; line-height: 17px; display: inline; }
div.resultLeft span						{ color: #589217; font-size: 22px; font-weight: normal; }
div.resultLeft big						{ font-size: 22px; font-weight: bold;}
div.resultLeft .grey					{ margin-top:1px; float: left; width: 350px; font-size: 12px; color: #666666; }
div.resultLeft .info					{ margin-bottom: 0px; float: left; margin-right: 15px; margin-top: 4px; font-weight: bold; margin-left: 114px; }

p.fitted-price							{ margin-bottom: 0px; margin-bottom: 0px;  }
.margin-top								{ margin-bottom: 4px; font-size: 16px; line-height: 22px; font-style: normal; }

div.resultRight							{ float: left; width: 150px; }
div.resultRightBottom					{ margin-top: 30px; border-left: 2px dotted black; padding-left: 15px; padding-right: 10px;  text-align: right; }
div.resultRightBottom select			{ width: 40px; }
div.resultRightBottom input				{ margin-top: 15px; }


div#searchInfo							{ float: left; width: 727px; height: auto; clear: both; margin-bottom: 3px; }

div.infoTop            { width: 727px; height:6px; float:left; background:#e5e5e5 url("/images/info-top.gif") no-repeat 0 0; font-size:1px; line-height:1px; margin-top: 20px; }
div.info               { width: 690px; float:left; padding:2px 20px 2px 17px; background-color:#e5e5e5; color:black; clear: left; height: auto;}

div.infoBottom         { width: 727px; height:6px; float:left; margin:0 0 2px 0; background:#e5e5e5 url("/images/result-bottom.gif") no-repeat 0 0; font-size:1px; line-height:1px; _margin-bottom: 10px;float: left; }



#LeftTitle				{ text-align: left; float: left; text-decoration: none; }
#LeftTitle	p			{ margin-bottom: 0px; }
#RightTitle				{ float:  right;  }
#ResultsTitle			{ font-weight: normal; margin-top: 0px; padding-top: 0px; }

div#footerbottom	{ clear:both; float: left; margin-top: 20px; background-color: #e2e2e2; width: 960px; padding: 10px;  }

#tyreForm			{ float: left; margin-left: 15px; _margin-left: 0px; }

div#advSearch1					{ width: 80%; margin-left: 22px; margin-top: 5px; float: left; clear: left; border: 1px solid #363198; background-color: #d2d2e3; margin-bottom: 10px;  }
div#advSearch2					{ border: 1px solid #d10004; background-color:#f5d9da; width: 95%; margin-top: 5px; margin-left: 4px; margin-bottom: 4px; }
.adrop			{ margin-left: 33px; margin-top: 30px;  color: black; font-size: 12px; font-weight:bold; clear: both; }
.bdrop			{ margin-top: 30px;  margin-left: 8px; color: black; font-size: 12px; font-weight:bold; clear: both; margin-bottom: 10px;}
#navSearch a, a:visited		{  }

#tyreslanding h1 { text-align: left; font-size: 35px; padding: 20px; margin-left: 0px; }

#conditions { font-size: 10px; }
div#navGator		{ margin-left: 9px;  } 

.redsize			{ color: #E71717; }
.yellowsize			{ color: #b58f00; }
.greensize			{ color: #7AD91B; }
.purplesize			{ color: #FE32CB; }
.bluesize			{ color: #0241CE; }
.tyresize			{ font-size: 17px; font-weight: bold; color: black; }


/* Blame Tom */
strong{font-weight:700;}
#breadcrumbs {
	list-style: none;
	margin: 0 0 10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #BBB;
}
#hold-breadcrumbs {
	padding: 10px;
	background: #E5E5E5;
	border-bottom: 1px dotted #BBB;
}
	#hold-breadcrumbs #breadcrumbs {
		margin: 0;
		border-bottom: 0;
		padding: 0;
	}
#breadcrumbs li {
	list-style: none;
	display: inline-block;
	margin-right: 8px;
	padding-right: 18px;
	background: url(../images/icon-gt.jpg) center right no-repeat;
}
#breadcrumbs li.last {
	background: 0 none;
}
.ie7 #breadcrumbs li {
	display: inline;
}

.vanilla {
	list-style: none;
	margin: 0;
	padding: 0;	
	border-top:3px solid #EEE;
	border-right:1px solid #EEE;
	border-bottom:3px solid #EEE;
	border-left:1px solid #EEE;
	padding:5px 10px;margin-bottom:10px;
}
	.vanilla li,
	.null li {
		font: 13px/21px 'Arial';
	}
		.null {
			list-style: none;
			margin: 0;
			padding: 0;	
		}
		.vanilla .null {
			margin-right: 50px;	
		}
			.vanilla .last {
				margin-right: 0;
			}
			
			.vanilla .null .null {
				padding-left: 10px;
				border-left: 1px dotted #D4A5A5;
				margin-bottom: 10px;	
				margin-right: 0;
			}

.content .table-torque {
	width: 100%;
	background:#FFF;
	border: 1px solid #CCC; 
}	
	.content .table-torque th {
	}
	.content .table-torque td,
	.content .table-torque th {
		padding: 5px;
	}
	.content .table-torque caption {
		background: #666;
		color: #FFF;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		font: bold 13px/21px 'Helvetica';
		padding: 3px;
		text-shadow: 0 1px #000;
	}
	.content .table-torque tr.odd {
		background: #E7F5FE;
	}

.in {
	cursor:pointer;
}
.in-select {
	width: auto;
	font: 13px/13px 'Arial';
}
.selected {
	font-weight: 700;
}


/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* U S E F U L  C L A S S E S */
.no-float{float:none !important;}
.f-l{float:left;}
.f-r{float:right;}
.clear{clear:both;}
.c-l{clear:left;}
.c-r{clear:right;}
.center{text-align:center;}
.shadow {
  -moz-box-shadow: 0 1px 2px #DDD;
  -webkit-box-shadow: 0 1px 2px #DDD;
  box-shadow: 0 1px 2px #DDD;
}
.underline{text-decoration:underline;}
.nowrap{white-space:nowrap;}

.border-bottom{border-bottom:1px dotted #BBB;}

.red{color:red;}

.x457{width:457px;}
.x730{width:730px;}

.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr50{margin-right:50px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pl10{padding-left:10px;}
.pt21{padding-top:21px;}
/* Stop blaming Tom */