@charset "utf-8";
/* CSS Document */
/****************************************************************************************/
/* z-indices by section																	*/
/* 1. header					200-299													*/
/* 2. content & bgs				0-99													*/
/* 3. tireNav					100-199													*/
/* 4. footer					300														*/
/* 5. modules					400-499													*/
/****************************************************************************************/


/****************************************************************************************/
/* RESET STYLES																			*/
/****************************************************************************************/
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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
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: "" "";
}
.clear {
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
	width:0px;
}
span.reg {
	font-size:.5em;
	vertical-align:text-top;
}
span.trade {
	font-size:.5em;
	vertical-align:text-top;
}
span.nobreak {
	white-space:nowrap;
}
/****************************************************************************************/
/* END RESET STYLES																		*/
/****************************************************************************************/



body {
	background:#000000;
	/*background: #000000 url('/img/global/bg_main.jpg') top center;*/
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif
	}
div#container {
	position:relative;
	background-color:#000000;
	width:984px;
	height:615px !important;
	margin: 0 auto auto;
	overflow:hidden;
}


/****************************************************************************************/
/* HEADER STYLES																		*/
/****************************************************************************************/
div#header {
	position:absolute;
	top: 0;
	left: 0;
	width: 984px;
	height:30px !important;
	overflow:hidden;
	z-index:200;
}
div#topNav {
	position:absolute;
	right:5px;
	bottom:5px;
}
div#topNav ul li {
	float:left;
	font-size:11px;
	cursor:default;
}
div#topNav ul li a {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}
div#topNav ul li a:hover {
	text-decoration:underline;
	}


/****************************************************************************************/
/* MAIN CONTENT STYLES																		*/
/****************************************************************************************/
div#content {
	position:absolute;
	top: 30px;
	left: 0;
	width: 984px;
	height:545px;
	z-index:0;
	overflow:hidden;
}
div#content_bg,
div#content_flash_bg {
	position:absolute;
	top:0;
	left:0;
	width:984px;
	height:620px;
	z-index:2;
}
/* if javascript is disabled display the default background image */
.content_bg_noscript {
	z-index:1;
	background: url('/img/global/bg_content.jpg') top left no-repeat;
}


/****************************************************************************************/
/* BOTTOM TIRE NAVIGATION STYLES														*/
/****************************************************************************************/
div#tireNav {
	position:absolute;
	bottom:0;
	left:0;
	width:984px;
	height:156px;
	background: url('/img/global/bg_tireNav-trans.png') top left no-repeat;
	z-index:100;
	
	}
/* styles applying to all tire navigation elements */
div#bg_tireNavLines {
	position:absolute;
	top:25px;
	left:185px;
	height:82px;
	width:625px;
	background:url('/img/global/tireNav_BgLines-trans.png') no-repeat;	
}
div.tireNavLink {
	position:absolute;
	width:150px;
	top:0px;
}
div.tireNavThumb,
div.tireNavOverlay {
	position:absolute;
	top:0px;
	width:150px;
	height:150px;
}
div.tireNavThumb {
	z-index:115;
}
div.tireNavOverlay {
	z-index:116;
	display:none;
}
img.tireThumb {
	position:absolute;
	top:0px;
	}
img.tireOverlay {
	position:absolute;
	top:0px;
	display:none;
}
span.tire_label {
	font-weight:bold;
	color:#ffffff;
	position:absolute;
	top:125px;
	left:20px;
}
a.tireNavTxtLink {
	text-decoration:none;
	font-size:14px;
}
/* individual tire elements */
div#tire1 {
	left:215px;
}
div#tire1 div.tireNavThumb {
	background:url('/img/global/tire_fierce_attitude_mt-trans.png') top left no-repeat;
}
div#tire1 div.tireNavOverlay {
	background:url('/img/global/tire1_overlay-trans.png') top left no-repeat;
}
div#tire2 {
	left:420px;
}
div#tire2 div.tireNavThumb {
	background:url('/img/global/tire_fierce_instinct_ZR-trans.png') top left no-repeat;
}
div#tire2 div.tireNavOverlay {
	background:url('/img/global/tire2_overlay-trans.png') top left no-repeat;
}
div#tire3 {
	left:625px;
}
div#tire3 div.tireNavThumb {
	background:url('/img/global/tire_fierce_instinct_VR-trans.png') top left no-repeat;
}
div#tire3 div.tireNavOverlay {
	background:url('/img/global/tire3_overlay-trans.png') top left no-repeat;
}



/****************************************************************************************/
/* FOOTER NAVIGATION STYLES																*/
/****************************************************************************************/
div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:984px;
	height:20px;
	text-align:center;
	z-index:300;
}
div#footer ul {
	width:360px;
	margin:0 auto;
	}
div#footer ul li {
	float:left;
	cursor:default;
	font-weight:bold;
	font-size:10px;
	line-height:20px;
}
div#footer ul li a {
	text-decoration:none;
	color:#ffffff;
	cursor:pointer;
}
div#footer ul li a:hover {
	text-decoration:underline;
}


/****************************************************************************************/
/* RIGHT MODULES STYLE																	*/
/****************************************************************************************/
div.module {
	border: 1px solid #ffffff;
	width:150px;
	position:absolute;
	left:810px;
	background: url('/img/global/bg_module-trans.png') top left repeat;
	padding:5px;
	z-index:400;
}
div.module h2 {
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
	}
.formArrows {
	font-size:14px;
	color:#CC3300;
	font-weight:bold;
}

/***********************************/
/* retailer module                 */
/***********************************/
div#retailLocator {
	top:20px;
}
.retailerLocatorZip {
	position:relative;
	top:-3px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background-color:transparent;
	color:#ffffff;
	border:1px solid #ffffff;
	padding:0px 2px;
	background-color:#000000;
}
/***********************************/
/* tire selector module            */
/***********************************/
div#tireSelectorModule {
	height:105px;
	overflow:hidden;
	z-index:420;
}
div#tireSelectorModule form select {
	border:1px solid #ffffff;
	background-color:#000000;
	color:#ffffff;
	font-size:12px;
	width:150px;
}
input.submitBtn {
	cursor:pointer;
	border: 1px solid #ffffff;
	background: #000000;
	color:#ffffff;
	padding:1px 2px;
	margin-top:10px;
}
/*ul.tabOptions li {
	float:left;
	}
ul.tabOptions li a {
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
ol.my_formFieldList {
	margin-bottom:10px;
}
ol.my_formFieldList li select {
	border:1px solid #ffffff;
	background-color:transparent;
	color:#ffffff;
	font-size:12px;
	width:150px;
	margin-top:10px;
}
ol.my_formFieldList li select option {
	background-color:#000000;
}
.submitButton {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
}
a.tabOption_on:link,
a.tabOption_on:hover,
a.tabOption_on:visited,
a.tabOption_on:active {
	color:#ffffff;
	}
a.tabOption_off:link,
a.tabOption_off:hover,
a.tabOption_off:active,
a.tabOption_off:visited {
	color:#999999;
	}
div.tabPane_on {
	display: block;
}

div.tabPane_off {
	display: none;
}*/

/***********************************/
/* tire tools module               */
/***********************************/
div#tireToolsModule {
	height:150px;
	overflow:hidden;
	z-index:410;
}
div#tireToolsLinksList {
	position:absolute;
	top:20px;
	height:125px;
	width:125px;
	overflow:hidden;
}
div#tireToolsLinksList ul {
	position:absolute;
	top:0px;
	font-size:12px;
}
div#tireToolsScrollContainer {
	position:absolute;
	top:20px;
	right:10px;
	width:14px;
	height:125px;
	border:1px solid #ffffff;
	background-color:#000000;
}
div#tireToolsScrollbar {
	position:absolute;
	top:0px;
	width:12px;
	height:12px;
	border:1px solid #ffffff;
	background-color:#333333;
	cursor:pointer;
}

/****************************************************************************************/
/* HOME PAGE CONTENT ROLLOVER STYLES													*/
/****************************************************************************************/
div.tireRolloverDiv {
	position:absolute;
	width:984px;
	height:620px;
	top:0;
	left:0;
	z-index:5;
	display:none;
}
div.rd_labelDiv {
	position:absolute;
	top:30px;
	left:30px;
	z-index:99;
}
div.rd_labelDiv h2 {
	font-weight:bold;
	font-size:24px;
}
div.rd_labelDiv h3 {
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
}
div.rd_labelDiv p {
	margin-top:10px;
	font-weight:bold;
	font-size:12px;
}
div.rd_labelDiv p a:link,
div.rd_labelDiv p a:hover,
div.rd_labelDiv p a:active,
div.rd_labelDiv p a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}
div.rd_vehicleDiv {
	position:absolute;
	width:984px;
	height:310px;
	top:0px;
	left:0px;
	z-index:6;
}
div.rd_vehicleDiv img {
	position:absolute;
	bottom:0;
	}
div.rd_baseDiv {
	position:absolute;
	width:984px;
	height:310px;
	top:310px;
	left:0px;
	z-index:7;
}
div.rd_baseDiv img {
	position:absolute;
	top:0px;
}
div.rd_glowDiv {
	position:absolute;
	width:984px;
	height:620px;
	top:0px;
	left:0px;
	}
div.rd_glowDiv img {
	position:absolute;
	top:0;
	}
div.rd_splashDiv {
	position:absolute;
	width:984px;
	height:590px;
	top:0px;
	left:0px;
}
.attitude_color,
p.attitude_color {
	color:#d5652b;
}
.zr_color,
a.zr_color:hover {
	color:#fed900;
}
.vr_color,
a.vr_color:hover {
	color:#8cbe4f;
}
div#default_display_div {
	display:block;
	background: url('/img/home/fierce-tire-brand-logo.png') top left no-repeat;
}
div#rd_tire1_splash {
	background: url('/img/home/tire1_rollover_content.png') top left no-repeat;
	}
div#rd_tire2_splash {
	background: url('/img/home/tire2_rollover_content.png') top left no-repeat;
	}
div#rd_tire3_splash {
	background: url('/img/home/tire3_rollover_content.png') top left no-repeat;
	}

/****************************************************************************************/
/* PRIVACY POLICY, CONTACT US and FAQ STYLES											*/
/****************************************************************************************/
div.scrollingContainer {
	position:absolute;
	z-index:10;
	top:20px;
	left:20px;
	width:774px; /* 944 if there are no right-side modules */
	height:460px;
	overflow:hidden;
	background:url('/img/global/bg_module-trans.png') top left repeat;
	border:1px solid #ffffff;
}
div.scrollingContainerInset {
	position:absolute;
	z-index:11;
	height:420px;
	width:694px; /* 864 if there are no right-side modules */
	top:20px;
	left:20px;
	overflow:hidden;
	background:#000000;
	border:1px solid #ffffff;
}
div.scrollingContent {
	position:absolute;
	top:0px;
	padding:20px;
}
div.scrollingContent h1 {
	font-size:24px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:20px;
}
div.scrollingContent h2 {
	font-size:14px;
	font-weight:bold;
}
div.scrollingContent p {
	font-size:10px;
	line-height:12px;
	margin-bottom:20px;
}
div.scrollbarContainer {
	position:absolute;
	z-index:11;
	width:20px;
	height:340px;
	top:20px;
	left:734px; /* 904 if no right-side modules */
	background:#000000;
	border:1px solid #ffffff;
}
div.scrollbar {
	position:absolute;
	z-index:12;
	width:18px;
	height:18px;
	top:0px;
	left:0px;
	background:#666666;
	border:1px solid #ffffff;
	cursor:pointer;
}
/****************************************************************************************/
/* STYLES FOR CONTACT US FORM															*/
/****************************************************************************************/
form#contactUs {
	font-size:12px;
	min-width:500px;
	max-width:600px;
	width:560px;
}
.required {
	font-weight:bold;
}
form#contactUs fieldset {
	border:1px solid #cccccc;
	padding:10px;
}
form#contactUs label {
	display:block;
	float:left;
	width:150px;
	padding:0px;
	margin:7px 5px 0 0;
	text-align:right;
}
form#contactUs .messageLabel {
	text-align:left;
}
form#contactUS fieldset label:first-letter {
	text-decoration:underline;
}
form#contactUs input,
form#contactUs select,
form#contactUs textarea {
	margin:2px 0 2px 0;
	background:#000000;
	border:1px solid #ffffff;
	color:#ffffff;
}
form br {
	clear:left;
}
/****************************************************************************************/
/* STYLES FOR SITEMAP																	*/
/****************************************************************************************/
div.sitemap {
	float:left;
	width:325px;
}
div.sitemap a {
	font-size:12px;
	color:#ffffff;
}
div.sitemap ul {
}
div.sitemap ul li ul{
	margin-left:10px;
	font-size:10px;
	line-height:12px;
}