/*
 -----------------------------------------------------
	Global Styles
 -----------------------------------------------------
*/
*													{ margin: 0px; padding: 0px; background: no-repeat; }
body												{ background: url(../images/back.gif) repeat-y top center #333333; font: 9px/12px Arial, sans-serif; color: #111111; margin: 0px; padding: 0px }
a													{ text-decoration: none; color: #004684; font-weight: bold; background-color: transparent; padding: 0px; margin: 0px; }
a img												{ border: none; padding: 0px; margin: 0px; }
.hide												{ visibility: hidden; }
select												{ font-size: 11px; background-color: #FFFFFF; }
h1, h2, h3, h4, h5, h6								{ margin-bottom: 5px; }
h3													{ font-size: 14px; }
p													{ line-height: 15px; margin-bottom: 15px;}
div.clear 											{ clear:both; }

ul.contact li										{ padding: 2px; margin-left:20px; list-style-type: disc; }

/*
 -----------------------------------------------------
	Body
 -----------------------------------------------------
*/
div.body											{ background-color: #1B1B1B; position: absolute; margin-left: -504px; top: 0px; left: 50%; width: 1008px }

/*
 -----------------------------------------------------
	Header
 -----------------------------------------------------
*/
div.body div.header									{ width: 1008px; display: block; height: 110px; }
div.body div.header h1.logo							{ margin: 0px } 
div.body div.header h1.logo a 						{ position: absolute; display: block; right: 0px; top: 3px; width: 180px; height: 80px; background-image: url(../images/hdr/body_header_logo.gif) }
div.body div.header h1.logo a span.hide				{ display: none; }
div.body div.header a.streetTires					{ display: block; position: absolute; left: 750px; top: 84px; background-image: url(../images/hdr/header_nav_street.gif); width: 83px; height: 26px; }
div.body div.header a.recreationalTires				{ display: block; position: absolute; left: 854px; top: 84px; background-image: url(../images/hdr/header_nav_recreational.gif); width: 134px; height: 26px; }

/*
 -----------------------------------------------------
	Content
 -----------------------------------------------------
*/
div.body div.content								{ z-index: 1000; position: relative; left: 50px; top: 70px; width: 740px; margin-bottom: 0px; font-size: 12px; color: #333333; }
div.body div.content p.intro						{ margin-bottom: 10px; font-size: 12px; line-height: 16px; }
div.body h1.title									{ position: absolute; display: block; height: 100px; width: 740px; left: 50px; top: 180px; margin-bottom: 5px; }
div.body h1.title2									{ position: absolute; display: block; height: 100px; width: 740px; left: 50px; margin:0; padding:0; margin-top: 70px; }
div.body h1.title3									{ position: absolute; display: block; height: 100px; width: 740px; left: 50px; margin:0; padding:0; margin-top: 70px; }
div.body div.content								{ padding-top: 60px; }
div.body div.all_tyres_link							{ position: absolute; display: block; height: 100px; width: 740px; left: 50px; margin:0; padding:0; margin-top: 120px; }

/*
 -----------------------------------------------------
	Side Navigation
 -----------------------------------------------------
*/
div.body div.sideNavigation											{ width: 166px; position: absolute; left: 820px; top: 150px }
div.body div.sideNavigation h2										{ width: 100%; height: 90px; margin-bottom: 10px; }
div.body div.sideNavigation h3										{ margin-bottom: 2px; margin-top: 10px; font-size: 11px; margin-left: 16px; font-weight:bold; }

	/* LEVEL 1 */
	div.body div.sideNavigation ul									{ list-style: none; display: block; overflow: hidden; }
	div.body div.sideNavigation ul li a								{ background-position: 0px 0px; display: block; width: 100%; height: 20px; margin-bottom: -1px;  }
	div.body div.sideNavigation ul li								{ margin: 0px; padding: 0px }
	div.body div.sideNavigation ul li a:hover						{ background-position: 0px -20px; }
	div.body div.sideNavigation ul.expanded li a					{ background-position: 0px -60px; }
	div.body div.sideNavigation ul.expanded li a:hover				{ background-position: 0px -80px; }
	div.body div.sideNavigation ul li a.active						{ background-position: 0px -100px; }
	div.body div.sideNavigation ul li a.active:hover				{ background-position: 0px -100px; }
	
	/* LEVEL 2 */
	div.body div.sideNavigation ul ul								{ }
	div.body div.sideNavigation ul ul li							{ height: 17px; }
	div.body div.sideNavigation ul.expanded							{ }
	div.body div.sideNavigation ul.expanded ul						{ }
	div.body div.sideNavigation ul.expanded ul li a					{ font-weight: normal; background-position: 0px 0px; display: block; width: 100%; height: 18px; padding-left: 16px; padding-top: 2px; font-size: 11px; position: absolute; overflow: hidden; line-height: 1.7em;}
	div.body div.sideNavigation ul.expanded ul li a:hover			{ background-position: 0px -18px; margin: 0px; color: #FFFFFF; }
	div.body div.sideNavigation ul.expanded ul li a.active			{ background-position: 0px -36px; color: #FFFFFF; }
	div.body div.sideNavigation ul.expanded ul li a.active:hover	{ background-position: 0px -36px; color: #FFFFFF; }
	div.body div.sideNavigation ul.expanded ul li a sup				{ line-height: 0; }


/*
 -----------------------------------------------------
	Footer
 -----------------------------------------------------
*/
div.body div.footer 								{ z-index: 900; padding-left: 190px; width: 818px; height: 300px; display: block; }
/***************** 20061011DC - added footer nav ***********/
div.body div.footer div#footernav					{ position:relative; margin-right:10px; clear:none; float:right; top:150px; height:18px; color:#00FF66; }
#navlist li 										{ display: inline; list-style-type: none; margin: 0; padding-left: 12px; }
#navlist li a 										{  }
/***************** END add footer nav ******************/
div.body div.footer div								{ position: relative; margin-right: 10px; float: left; padding-top: 20px; top: 218px;}
													/*{ position: relative; margin-right: 10px; clear: none; float: left; padding-top: 20px; top: 218px; }*/
div.body div.footer div a							{ color: #222222 }
div.body div.footer div h2							{ display: none; }
div.body div.footer div.tireSelector				{ width: 120px; background-image: url(../images/footer/body_footer_tireSelector_title.gif);}
div.body div.footer div.tireTip						{ width: 160px; }
div.body div.footer div.tireTip	a					{ color: #0066FF; font-weight:bold; }
div.body div.footer div.tip1						{ background-image: url(../images/footer/body_footer_tireTip1_title.gif); }
div.body div.footer div.tip2						{ background-image: url(../images/footer/body_footer_tireTip2_title.gif); }
div.body div.footer div.tip3						{ background-image: url(../images/footer/body_footer_tireTip3_title.gif); }
div.body div.footer div.tip4						{ background-image: url(../images/footer/body_footer_tireTip4_title.gif); }
div.body div.footer div.tip5						{ background-image: url(../images/footer/body_footer_tireTip5_title.gif); }
div.body div.footer div.tip6						{ background-image: url(../images/footer/body_footer_tireTip6_title.gif); }
div.body div.footer div.tip7						{ background-image: url(../images/footer/body_footer_tireTip7_title.gif); }
div.body div.footer div.tip8						{ background-image: url(../images/footer/body_footer_tireTip8_title.gif); }
div.body div.footer div.tip9						{ background-image: url(../images/footer/body_footer_tireTip9_title.gif); }

img.tiretip											{ border: 1px solid #ccc;}

div.body div.footer div.dealerLocator				{ width: 160px; background-image: url(../images/footer/body_footer_dealerLocator_title.gif); top: 180px;}
div.body div.footer div.dealerLocator select		{ width: 100%; }
div.body div.footer div.countrySelector				{ width: 160px; background-image: url(../images/footer/body_footer_countrySelector_title.gif); top: 180px; }
div.body div.footer div.countrySelector select		{ width: 100% }

div.body div.footer div.island1						{ width: 72px; height: 72px; padding-top: 0px; top: 172px; }
div.body div.footer div.island2						{ width: 72px; height: 72px; padding-top: 0px; top: 172px; }

div#footertext										{ z-index: 32768; position:relative; float:right; top:170px; left: 10px; }
div#footertext ul li								{ display:inline; list-style-type:none; margin:0; padding-left: 12px;}
div#footertext ul li a								{ color:#999; font: 9px Arial, sans-serif; }

div#flag											{ position:relative; float:left; top:170px; right: 190px; }
/*
 -----------------------------------------------------
	Product Thumbnails
 -----------------------------------------------------
*/
div.body div.content div.productGrid									{ display: block; position: relative; clear: both; width: 780px; }
div.body div.content div.productGrid a.product							{ color: #333333; display: block; position: relative; margin-bottom: 18px; float: left; margin-right: 13px; border: 1px solid #E0E0E0; width: 175px; height: 305px; overflow: hidden;   }
div.body div.content div.productGrid a.product:hover					{ border: 1px solid #CCCCCC; } 
div.body div.content div.productGrid a.product:hover p.description		{ color: #222222; }
div.body div.content div.productGrid a.product img.thumb				{ display: block; position: absolute; width: 170px; height: 130px; }
div.body div.content div.productGrid a.product h2.title					{ display: block; position: absolute; font-size: 13px; font-weight: bold; left: 5px; top: 140px; width: 150px; height: 60px; }
div.body div.content div.productGrid a.product p.description			{ color: #444444; font-size: 9px; display: block; position: absolute; left: 5px; top: 160px; width: 160px;  line-height: 1.3em; }
div.body div.content div.productGrid div.spacer							{ clear: both; }


/*
 -----------------------------------------------------
	Info Panel
 -----------------------------------------------------
*/
div.body div.infoPanel								{  }
div.body div.infoPanel .info p						{ color: #666666; font-size: 11px; }
div.body div.infoPanel div.head						{ background-image: url(../images/gui/infoPanel_topRight.gif); background-position: top right; height: 30px;  }
div.body div.infoPanel div.head span				{ font-size: 10px; display: block; background-image: url(../images/gui/infoPanel_topLeft.gif); font-weight: bold; color: #FFFFFF; padding-right: 10px; padding-top: 3px; text-transform: uppercase; text-align: right; background-position: top left; height: 27px; }
div.body div.infoPanel div.info, div.infocontent	{ background-image: url(../images/gui/infoPanel_rightStretch.gif); background-repeat: repeat-y; background-position: top right; line-height: 16px; padding: 0px 15px 15px 15px; background-color: #FFFFFF; border-left: 1px solid #CCCCCC; }
div.body div.infoPanel div.foot						{ background-image: url(../images/gui/infoPanel_bottomRight.gif); background-position: top right; height: 5px; }
div.body div.infoPanel div.foot span				{ display: block; background-image: url(../images/gui/infoPanel_bottomLeft.gif); background-position: top left; height: 5px; } 


/*
 -----------------------------------------------------
	Form Styles
 -----------------------------------------------------
*/
form 												{ margin: 0; padding: 0; }
fieldset 											{ padding: 0 0 10px 0; margin: 0 0; border: 0; clear: left; }	
body#hm-contact fieldset 							{ padding: 0 0 1em 0; margin: 0 0 10px; border-bottom: 1px dashed #999; clear: left; }
form p 												{ clear: left; margin: 0 0 2px; padding: 0; }
p label 											{ float: left; width: 40px; margin: 0; padding: 0.2em 0 0;   text-align: left; color: #333; }
body#hm-contact p label 							{ float: left; width: 70px; margin: 0; padding: 0.2em 0 0 0; text-align: left; color: #333; }
.messageArea 										{ width: 420px; margin: 0; padding: .25em .2em .25em; color: #666; border: 1px solid; border-color: #999; background-color: #FFF; font: 12px/120% Helvetica, Arial, sans-serif; }
.txtAddress 										{ width: 160px; margin: 2px 0 0 0; padding: .25em .2em .25em; color: #333; border: 1px solid; border-color: #999; background-color: #FFF; font: 11px/100% Helvetica, Arial, sans-serif; }
.txtContact 										{ margin: 2px 0 0 0; padding: .25em .2em .25em; color: #333; border: 1px solid; border-color: #999; background-color: #FFF; font: 11px/100% Helvetica, Arial, sans-serif; }

.w50 												{ width: 50px; }
.w200 												{ width: 300px; }

input												{ background-color: #FFFFFF; border: 1px solid #CCC; }
input.btn 											{ margin: 0; padding: 1px 0.3em 2px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border: solid #004684; border-width: 1px; background: #004684; cursor: pointer; }
input.btn:hover 									{ border: solid #B50000; border-width: 1px; background: #B50000; color: #FFF; }

/*
 -----------------------------------------------------
	Dealer Locator Australia Results
 -----------------------------------------------------
*/
div.list											{ margin-bottom: 30px; border-bottom: 1px solid #CCCCCC;}
div.list h2											{ font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; }
div.list h3											{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; }
div.list ul 										{ list-style:disc; visibility:visible; padding: 10px 0 20px 40px;  }

div.downloads ul 									{ list-style: none;  }
div.downloads ul li 								{ background-color: #aeaeae; width: 158px; text-align:center; margin: 3px 0 3px 0; }
div.downloads ul li a 								{ color: #000; text-align:center; }

dl#download 										{ padding: 0 0 0 10px; margin: 0; width: 130px; }
dl#download dt 										{ font: bold 10px/14px Verdana, Arial, sans-serif; color: #333; background: #CCC; padding: 3px; margin: 0 0; text-align: center; }
dl#download dd 										{ font: bold 10px/15px Verdana, Arial, sans-serif; color: #333; padding: 0; margin: 5px 0; }
dl#download dd a 									{ text-decoration: none; font: bold xx-small/14px Verdana, Arial, helvetica, san-serif; display: block; padding: 0 5px; text-align: center; }
dl#download dd a:hover 								{ text-decoration: underline; }

/*
 -----------------------------------------------------
	Downloads & Screensavers 
 -----------------------------------------------------
*/

/* DOWNLOADS */
#wallTable											{ width: 400px; padding: 0 ; margin-top: 10px; margin-bottom: 10px }
#wallTable td 										{ border: 1px solid #C2C2C2; text-align:left; background-color: #DEDEDE; padding: 5px; width:25%; vertical-align:top; font: bold xx-small/14px Verdana, Arial, helvetica, san-serif; }
#wallTable ul 										{list-style: none;padding: 0; margin: 0;}
#wallTable img										{margin-left: 11px;}
#wallTable li 										{padding: 0;width: 158px;white-space: nowrap;margin-top: 4px;margin-left: 11px;}
#wallTable li a 									{ text-decoration: none; background-color: #C2C2C2; color: #333; display: block; padding: 0 0 0 0; width: 158px; text-align:center; }
#wallTable li a:hover 								{text-decoration: none;color: #FFF;}

/* SCREEN SAVER */
#screenTable 										{ width: 402px; padding: 0; margin: 4px; }
div.ssaver 											{ background: #CCC url(../images/gui/bg_screens.gif) repeat-y top left; padding: 10px 0 10px 25px; }
dl#download 										{ padding: 0 0 0 10px; margin: 0; width: 130px; }
dl#download dt 										{ font: bold 10px/14px Verdana, Arial, sans-serif; color: #333; background: #CCC  url(../images/gui/bg_size2.gif) repeat-x top left; padding: 3px; margin: 0 0; text-align: center; }
dl#download dd 										{ font: bold 10px/15px Verdana, Arial, sans-serif; color: #333; padding: 0; margin: 5px 0; }
dl#download dd a 									{ text-decoration: none; font: bold xx-small/14px Verdana, Arial, helvetica, san-serif; display: block; padding: 0 5px; text-align: center; }
dl#download dd a:hover 								{ text-decoration: underline; }

div.body div.column 								{ position: absolute; top: 80px; width: 230px; }
div.body div.column div.info 						{ height: 380px }
div.body div.content 								{ height: 410px; }
div.body div.column0 								{ left: 0px; }
div.body div.column1 								{ left: 255px; }
div.body div.column2 								{ left: 510px; }
div.body div.column0 img 							{ float: right; clear: none; }
div.body div.column1 img 							{ }
div.body div.column2 img 							{ }
div.body div.column a 								{ font-size: 11px; font-weight: bold; }
div.body div.image_link								{ position: absolute; bottom: 60px; left: 20px; width:190px; }
div.body div.text_link								{ position: absolute; bottom: 30px; left: 20px; width:190px; }

/*
 -----------------------------------------------------
	Alternative Tire Fitments 
 -----------------------------------------------------
*/
/* STREET */
.inchfitments table
{
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
	border-collapse: collapse;
	width: 700px;
}

.inchfitments table td
{
    border-color: #FFF;
    border-width: 1px;
    border-style: solid;
	width: 100px;
}

.inchfitments table td.row1
{
   background-color:#000; 
   color: #fff; 
   font-weight:bold; 
   text-align:center;
}

.inchfitments table td.rowdata
{
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
	background-color: #ccc;
	text-align:center;
	vertical-align:top;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
/* RECREATIONAL */
.inchfitments_rec table
{
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
	border-collapse: collapse;
	width: 700px;
}

.inchfitments_rec table td
{
    border-color: #FFF;
    border-width: 1px;
    border-style: solid;
	width: 85px;
}

.inchfitments_rec table td.row1
{
   background-color:#000; 
   color: #fff; 
   font-weight:bold; 
   text-align:center;
}

.inchfitments_rec table td.rowdata
{
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
	background-color: #ccc;
	text-align:center;
	vertical-align:top;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}