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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height:135%;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #fff;font-size:14px;	
	font-family:Arial, Helvetica, sans-serif;
	background:#393939 url(../_build/bg.jpg) repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* WESTGATE TYRES. BUILD 1.5. JANUARY 2009 */ 

#container 		{
				width:791px;
				margin:0 auto;
				padding:0 25px;
				}

/* HEADER  */
			
#header 		{
				position:relative;
				width:748px; height:152px;				
				background:url(../_build/header.jpg) no-repeat;
				padding:0 23px;
				}
				
				#header h1		{
								width:382px; height:82px;
								background:url(../_build/h1-westgate-tyres.gif) no-repeat;
								text-indent:-1000em;
								}
								
				#header h1 a	{
								display:block;
								width:382px; height:82px;
								}


/* HEADER NAVIGATION */
								
#navigation 	{
				position:absolute;
				top:111px;
				left:23px;
				width:400px;
				height:22px;
				background:url(../_build/navigation.gif) no-repeat;
				text-indent:-1000em;
				}
				
				#navigation ul li 	{
									display:inline;float:left; list-style:none; position:relative; 
									}
		
				#navigation li, #navigation a {height:22px;display:block;margin:0;padding:0; } 
				
				li#wt-home {width:85px;}
				li#wt-tyre-faq {width:52px;}
				li#wt-tyre-fitting {width:74px;}
				li#wt-contact {width:88px;}
				
				#wt-home a:hover { background:url("../_build/navigation.gif") 0px  -22px no-repeat; }
				#wt-tyre-faq a:hover { background:url("../_build/navigation.gif") -85px  -22px no-repeat; }
				#wt-tyre-fitting a:hover { background:url("../_build/navigation.gif") -137px  -22px no-repeat; }
				#wt-contact a:hover { background:url("../_build/navigation.gif") -211px  -22px no-repeat; }
											
				
/* 3 STAGE PROMOTION */

#three-stages	{
				position:relative;
				width:791px; height:185px;
				background:url(../_build/3-steps.jpg) no-repeat;
				}
				
				#three-stages ol 	{display:none;}
				
				#arrow-down 		{
									position:absolute;
									top:0px;left:110px;
									background:url(../_build/stage-arrow.png);
									width:46px;height:40px;
									}
				#arrow-up			{
									position:absolute;
									top:119px;left:110px;
									background:url(../_build/stage-arrow-up.png);
									width:46px;height:40px;
									}
							
				
				
/* CONTENT */
				
#content		{
				width:725px;
				background:url(../_build/white-main-bg.jpg) repeat-y;
				min-height:250px;
				padding:0px 33px;
				}
				
				
#column-a		{
				position:relative;
				margin-top:-13px;
				width:517px;
				float:left;
				}
#column-b		{
				position:relative;
				margin-top:-13px;
				width:194px;padding-left:10px;
				float:left;
				}	
#column-full	{
				position:relative;
				margin-top:-13px;
				width:700px;
				float:left;
				}					
				
#home-intro {
				border:3px solid #b9b9b9;
				background: #262626 url(../_build/fresh-air.jpg) no-repeat;
				padding:85px 12px 5px 12px;
				width:488px;
			}
			 #home-intro  p {margin-left:110px;line-height:130%; letter-spacing:-0.6px; font-size:1.1em;margin-bottom:10px;} 
			
#standard-box { border:3px solid #b9b9b9; background: #262626; width:488px;	padding:12px 12px 5px 12px;	 }
			#standard-box  h1 {font-size:26px;margin-bottom:20px;border-bottom:1px dotted #ccc;letter-spacing:-0.4px;padding-bottom:6px;}
			#standard-box  h2 {font-size:22px;margin-bottom:20px;letter-spacing:-0.4px;padding:6px;background-color:#b10400;}
			#standard-box  p {margin-bottom:20px;line-height:135%;letter-spacing:-0.2px;font-size:13px;border-bottom:1px dotted #4a4a4a;padding-bottom:6px;}

			#standard-box a {color:#fff;text-decoration:none;}
			#standard-box a:hover {text-decoration:underline;color:#ccc;}
			
			#standard-box ul ul {margin-bottom:10px 0px; padding-bottom:10px;}
			#standard-box li li {text-indent:20px;font-size:12px;padding:4px;}
			
			
#home-search {
				background: url(../_build/home-search.jpg) no-repeat;
				height:200px;	
				padding-top:55px;				
			}
			#home-search li{margin-left:340px;margin-bottom:5px;}
			#home-btn-div {padding-left:195px;padding-top:14px;}
			#email {height:28px;width:133px;float:left;margin-right:10px;}
			#start {height:28px;width:133px;float:left;}			
			.startbtn, .emailbtn {width:133px;height:28px;border:none;}
			
#tyrekey { 		width:193px;height:210px;
				background:url(../_build/tyrekey.gif) no-repeat;
				margin:7px 0px;
		  }
		  #tyrekey  ul{display:none;}




#tyre-search-bar {
				width:517px;height:70px;
				background:url(../_build/tyre-search-bar.jpg);
				}
				
				#tyre-search-bar  ul  {padding-left:65px;padding-top:18px;}						
				
				#tyre-search-bar  ul li {float:left;}
				
					#tyre-width {background:url(../_build/width-title.jpg) no-repeat;height:11px;width:40px;display:block;}
					#tyre-profile {background:url(../_build/profile-title.jpg) no-repeat;height:11px;width:40px;display:block;}
					#tyre-diameter {background:url(../_build/diameter-title.jpg) no-repeat;height:11px;width:50px;display:block;}
					#tyre-speed {background:url(../_build/speed-title.jpg) no-repeat;height:11px;width:68px;display:block;}
					
				#tyre-search-bar span {margin-bottom:2px;}
				
				#tyre-search-bar legend, #tyre-search-bar label, #home-search legend, #home-search label {display:none;}
				
				#tyre-search-bar select, #home-search select {font-size:12px;margin:2px;padding:2px;border:1px solid #ccc;}				
				
				#btnSearch {
							padding-top:12px;}
				#btnSearchBar{
					width: 100px;
					height: 30px;
					margin: 0;
					padding: 0;
					border: 0;
					background: transparent url(../_build/submit-search-btn.gif) no-repeat center top;
					font-size:0;color:#1a1a1a;text-align:right;
					cursor: pointer; /* hand-shaped cursor */
					cursor: hand; /* for IE 5.x */ }
				#btnSearchBar:hover{margin-top:1px;margin-left:1px;}
				
				
#tyre-rack 	{width:194px;
			background:transparent url(../_build/tyrerack-bg.gif) repeat-y;
			}

					#tyre-rack h2 {
								width:194px;height:78px;
								background: transparent url(../_build/h2-tyrerack.gif) no-repeat center top;
								text-indent:-999em;
								}
					#tyre-rack h2 a {
								display:block;
								width:194px;height:78px;								
								}
								
					#tyre-rack a {color:#dbdada;text-decoration:none;}
					#tyre-rack a:hover {color:#fff;}
					
					#tyre-rack ul {width:175px;margin:0 auto;text-align:right;}
					
					.tyre-rack-product {border-bottom:1px dotted #ccc;margin-bottom:3px;padding-bottom:2px;}
					.tyre-rack-detail {border-bottom:1px dotted #ccc;margin-bottom:3px;padding-bottom:2px;font-size:11px;}
					.line-total {margin-bottom:14px;}
					
					#sub-total, #delivery-total ,#total-price {border-top:1px dotted #393939;padding:2px 0px;margin-bottom:3px;}
					
					
					#tyre-rack-btns {
								height:42px;
								background: transparent url(../_build/tyrerack-footer.gif) no-repeat center top;
								margin:0 auto;
								}
								
					#action-btns {padding:8px 12px;}
								
					#tyre-rack-btns h4 {
								width:80px;height:27px;
								background: transparent url(../_build/amend-btn.gif) no-repeat center top;
								text-indent:-999em;float:left;
								}
					#tyre-rack-btns h4 a {
								display:block;
								width:80px;height:27px;								
								}
								
					#tyre-rack-btns h3 {
								width:80px;height:27px;
								background: transparent url(../_build/pay-btn.gif) no-repeat center top;
								text-indent:-999em; float:left;margin-left:8px;
								}
					#tyre-rack-btns h3 a {
								display:block;
								width:80px;height:27px;								
								}
									
					
.cartheader { background-color:#383838;color:#fff; }


/* TABLE - TYRE RESULTS */


#tyre-results h2 {font-size:14px;color:#000;}
#tyre-results h3 {font-size:18px;font-weight:bold;border-bottom:1px #333 dotted;padding:2px;}
#tyre-results p{padding:4px 0px;line-height:130%;}


.tyre-img 	{
			border:2px #ccc solid;float:left;
			padding:2px; margin:0px 4px 4px 0px;
			}
.TyreInfoClass {background-color:#f9f9f9;}

.search-results-hdr {background-color:#262626;}

.incvat {font-size:10px;}

table			{background-color:#fff; border:3px solid #ccc;border-spacing:1px;}

caption 		{font-size:20pt;border:1px dotted #ccc;padding:6px 3px;color:#262626;letter-spacing:-0.8px;margin:6px 0px;}

th					 {
					font-size:14px;
					padding:8px;
					color:#fff;					
					
					}

tr					{
					font-size:12px;
					padding:3px;
					color:#000;
					background-color:#e1e1e1;
					height:40px; 
					
					}
					
td 					{					
					vertical-align:middle;
					border-bottom: 1px solid #CCC;
					padding:6px;
					}
					

#send-order {
			margin:10px;
			float:right;			
			padding: 5px;			
			}
.checkbtn { font-size:20px; background-color: #fff; border:2px solid #000;}
			
			
								
					
								
/* FOOTER CSS */

#top-footer 	{
				height:63px;
				background:url(../_build/top-footer.jpg) no-repeat;
				}
				
#footer-content	{
				background:url(../_build/black-footer-bg.jpg) repeat-y;
				min-height:200px;
				padding:20px 60px;
				}
				#footer-content h1 {
									width:685px; height:68px;
									background:url(../_build/westgate-tyres-footer.gif) no-repeat;
									margin-bottom:20px;
									text-indent:-999em;
									}
				#footer-content p{
								line-height:135%;
								margin-left:10px;
								}
				
#bottom-footer 	{
				height:84px;
				background:url(../_build/bottom-footer.jpg) no-repeat;
				}
#footlinks 		{
				width:665px;float:right;
				margin-top:48px;
				font-size:10px;
				}
				#footlinks a {color:#333;text-decoration:none;}
				#footlinks a:hover {color:#000;text-decoration:underline;}
				#footlinks  ul li {float:left;border-right:1px dotted #333;padding:2px 5px;}		
				
				

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}