/* -------------------------------------------------------------- 
	Resets default browser CSS.   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: ; font-family: inherit; }
body { line-height: 1.5; background: #fff; margin: 0px; }
/*table { border-collapse: collapse; border-spacing: 0; }*/
caption, th, td { font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; background-color:#F4F5F5;
border:1px solid #202E3F; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
.smallwrap {height: 1px !important;}
.DNNEmptyPane {display: none !important;}
/* -------------------------------------------------------------- 
	Basic Font Settings 
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color:#000000;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 15px; margin-bottom: 0.75em; }
h3 { font-size: 15px; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }
ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

a { font-family: Arial, Helvetica, Sans-serif; font-size:12px; color: #0e4476; text-decoration: none; }
a:link { font-family: Arial, Helvetica, Sans-serif;font-size:12px; color: #0e4476; text-decoration:underline;  }
a:hover { font-family: Arial, Helvetica, Sans-serif;font-size:12px; color: #1c6db5; text-decoration:underline; }
a:active { font-family: Arial, Helvetica, Sans-serif;font-size:12px; color: #0e4476; text-decoration: underline; }
a:visited { font-family: Arial, Helvetica, Sans-serif;font-size:12px; color: #0e4476 ;text-decoration: underline; }

A.CommandButton:link { font-family: Arial, Helvetica, Sans-serif; font-size:12px; color: #0e4476;text-decoration: underline;}
A.CommandButton:visited { font-family: Arial, Helvetica, Sans-serif;font-size:12px; color: #0e4476;text-decoration: underline;}
A.CommandButton:hover { font-family: Arial, Helvetica, Sans-serif;font-size:12px; color: #1c6db5;text-decoration: underline;}
A.CommandButton:active { font-family: Arial, Helvetica, Sans-serif;font-size:12px; color: #0e4476;text-decoration: underline;}

/* -------------------------------------------------------------- 
	Skin Styling - Start Editing Here
-------------------------------------------------------------- */

body {
	background-color: #ffffff;	
}

/* Page
-------------------------------------------------------------- */

#page_background {

}

#page { 
	margin: 0 auto; 
	width: 992px;
 }


/* Header
-------------------------------------------------------------- */

#header { 
	height: 139px;
	margin: 0 auto;
	background-image: url('img/backgrounds/header.png');
	background-repeat: no-repeat;
}
#header .right { float: right; display: inline; text-align: right; margin: 100px 0px 0px 0px; }
#header .left { float: left; display: inline; }
#dnn_dnnSEARCH_ClassicSearch {
    float: right;
    display: inline;  
	margin: 55px 20px 0px 0px;
}

#dnn_dnnSEARCH_ClassicSearch input {
	border: 1px solid #202e3f;
	background-color: #fff;
	padding: 3px;
	float: left;
	display: inline;
	margin-top: 1px;
}
#header .right a {
	color: #000000 !important;
	font-weight: bold;
}
#header .right a:hover {
	color: #1c6db5 !important;
	font-weight: bold;
}
.top_cart {
	float: right;
	display: inline;
	margin: 95px 20px 0px 0px;
}
.top_cart a { color: #000000; }
#basic-menu {
	float: right;
	margin-right: 15px;
}
#basic-menu li {
	float: left;
	margin-right: 10px;
}

#basic-menu a {  padding-right: 10px; text-decoration: none;} 

/* Menu
-------------------------------------------------------------- */
#top-menu { margin-right: 14px; }
#top-menu li {
	float: left; margin-right: 2px;
}

#menu {
	background-color: #13409e;
	padding: 5px 10px;
	margin: 0px 5px 0px 20px;
}

#HouseMenuNav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: none;
}
/* Second Menu */
ul, li { list-style-type: none !important; }
#HouseMenuNav {
	width: 750px; 
	
}
#HouseMenuNav, #HouseMenuNav ul {

line-height:1;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#HouseMenuNav a {
color:#ffffff;
display:block;
font-family:Arial;
padding:3px 20px 3px 0px;
text-decoration:none;
text-transform:uppercase;
}
#HouseMenuNav a:hover {
color:#e9f0ff;
}
#HouseMenuNav li:hover {
cursor:pointer;
}
#HouseMenuNav li:hover span, #HouseMenuNav li.sfhover1 span {
color:#FFFFFF;
}
#HouseMenuNav li {
float:left;
font-size:12px;
}
#HouseMenuNav li ul {
border-color:#597CA9;
border-style:solid;
border-width:0 1px 1px;
left:-999em;
margin-top:0;
position:absolute;
width:190px;
z-index:9999;
background-color: #ffffff;
}
#HouseMenuNav li ul a {
	color: #000000;
}
#HouseMenuNav li ul a:hover {
	color: #004fa3; 
}
#HouseMenuNav li li {
font-weight:normal;
}
#HouseMenuNav li:hover ul, #HouseMenuNav li.sfhover1 ul {
left:auto;
}
#HouseMenuNav li ul li a {
background-image:none !important;
color:#000000;
font-size:12px;
line-height:20px;
padding: 0 20px;
width:150px;
}
#HouseMenuNav li ul li a {
}
#HouseMenuNav li ul li a:hover {
background:#FFFFFF none repeat scroll 0 0;
}
#HouseMenuNav li ul ul {
border-width:1px;
margin:-21px 0 0 190px;
}
#HouseMenuNav li:hover ul ul, #HouseMenuNav li.sfhover1 ul ul {
left:-999em;
background-color: #ffffff;
}
#HouseMenuNav li:hover ul, #HouseMenuNav li li:hover ul, #HouseMenuNav li.sfhover1 ul, #HouseMenuNav li li.sfhover1 ul {
left:auto;
}
#HouseMenuNav li:hover, #HouseMenuNav li.hover {
position:static;
}

#new-menu { 
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	height: 46px;
	width: 992px;
 	position: relative;
	text-align: left;
	margin-right: -24px;
 }

#new-menu a {
  display: block;
  text-indent: -9000px;
  outline: none;
}
#new-menu li { float: left; display: inline;}
#new-menu li a { height: 46px; }
#new-menu .home { width: 83px; background: url(img/menu.png) no-repeat; }
#new-menu .contact-us { width: 157px; background: url(img/menu.png) -83px 0 no-repeat; }
#new-menu .shop-for-tires { width: 180px; background: url(img/menu.png) -240px 0 no-repeat; }
#new-menu .shop-for-service { width: 258px; background: url(img/menu.png) -420px 0 no-repeat; }
#new-menu .tire-brands { width: 156px; background: url(img/menu.png) -678px 0 no-repeat; }
#new-menu .about-us { width: 126px; background: url(img/menu.png) -834px 0 no-repeat; }

#new-menu li ul {
border: 1px solid #000000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
left:-999px;
margin-top:0;
position:absolute;
width:150px;
z-index:10;
padding: 0px;
margin-left: 5px;
background: #ffffff;
}
#new-menu li li {
font-weight:normal;
}
#new-menu li:hover ul, #new-menu li.sfhover1 ul {
left:auto;
}
#new-menu li ul li {
border: 0px;
display: block;
}
#new-menu li ul li a {
color:#000000;
font-size:12px;
width:130px;
border: 0px;
text-indent: 0;
display: block;
height: auto;
padding: 5px 10px;
}

#new-menu li ul li a:hover {
background:#cccccc none repeat scroll 0 0;
}
#new-menu li ul ul {
border-width:1px;
margin:-21px 0 0 188px;
}
#new-menu li:hover ul ul, #new-menu li.sfhover1 ul ul {
left:-999em;
}
#new-menu li:hover ul, #new-menu li li:hover ul, #new-menu li.sfhover1 ul, #new-menu li li.sfhover1 ul {
left:auto;
}
#new-menu li:hover, #new-menu li.hover {
position:static;
}

/* Body
-------------------------------------------------------------- */

#body {
	width: 1008px;
	background: url(img/backgrounds/main.png) repeat-y;
	margin: 0 auto;
}

/* Home Page Tire Size Finder */
#find-tire-bar{height: 42px; width: 750px; vertical-align: middle; overflow: hidden; background-image: url("http://www.moderntirect.com/Portals/7/Containers/modern_01/images/welcome-container.png");  background-repeat: repeat-x; color: rgb(255, 255, 255); background-position:0 -271px;}
#find-tire-bar a{color:#FFFFFF; float:left; margin:0 10px;}
#TireSizeFinder{ overflow:hidden; height:24px; background-repeat:no-repeat; width:662px; padding-top:7px; padding-left:100px;}
#sizefinder-inputs{float:left; position:relative;}
#dotSpan{display:none !important;}
/* Home Page Tire Size Finder TOP IE6 Fix*/
#TireLinkDiv{margin: -41px 0 10px 20px; background-image:url("http://www.moderntirect.com/Portals/6/assets/img/find-your-tire-size-background.png");background-repeat:repeat-x; height: 32px; padding-top:5px; padding-left:35px; overflow: hidden; vertical-align: middle; width:719px; border-left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); clear: both;}
#TireLinkDiv a{color:#FFFFFF; font-weight:bold; position:relative; top:13px; left:162px;}
#TireLinkDiv span{color:#FFFFFF; font-weight:bold;}
/*_div#find-tire-bar {display:none !important;}
_div#TireLinkDiv {display:block !important;}*/

/* Footer
-------------------------------------------------------------- */
#footer{ 
	/*height: 31px;*/
	margin: 0 auto;
	background-image: url('img/backgrounds/sprites.png');
	padding-top: 0px;
	background-position: 0px -146px;
	padding: 3px 0px 0px 25px;
	width: 991px;
}

#footer h1 {display: none;}


#footer p.quiet { color: #ccc; }

#sub_footer {
	margin: 0 auto; 
	text-align: center;
}

/* Windows
-------------------------------------------------------------- */
#LeftWindow {
	width: 50%; 
	float: left; 
	display: inline;
}

#RightWindow {
	width: 50%;
	float: left; 
	display: inline; 
}

#LeftHomeWindow {
	width: 750px; 
	float: left; 
	display: inline;
}

#RightHomeWindow {
	width: 228px;
	float: left; 
	display: inline; 
}

.ColWindow {
	float: left; 
	display: inline; 
	width: 33.3%;
}
/* Panes
-------------------------------------------------------------- */
#LeftPane, #ContentPane, #BottomContent, #HeaderPane {
	margin: 0px 5px;
}

#ContentPane {
	width: 750px; 
	float: left; 
	display: inline;
}

#HeaderPane {
	text-align: right;
}

#HeaderPane a {
	color: #5ca038;
}
#ContentWindow {
	padding-top: 5px;
}

#FooterPane {
	padding: 10px 6px;
}


#sub_footer {
	width: 992px;
	margin: 0 auto;
}
#sub_footer a {
	color: #222;
}

.sub_login {
	float: left;
	display: inline;
	margin-left: 15px;
}

.sub_login a { color: #0e4476 !important;}
.sub_login a:hover { color: #1c6db5 !important;}


/* -------------------------------------------------------------- 
	LocalFocal 
-------------------------------------------------------------- */

.powered_by {
	float: right;
	display: inline;
	margin: 0px 22px 0px 0px;
}

.powered_by a img {
	opacity: 0.4;
	filter: alpha(opacity=40); 
	border: 0px;
}

.powered_by a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* -------------------------------------------------------------- 
	DNN 
-------------------------------------------------------------- */

.ControlPanel {
	margin: 0 auto;
	width: 1016px;
	background: #fff;
	border: 1px solid #e8eaf0;
	margin-bottom: 5px;
	padding: 5px 0px;
	
}
.ControlPanel table { }
.SkinObject {color: #000000; font-family:Helvetica,Arial,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; }
.SkinObject:link {  }
a.SkinObject:link {  }
.Head { color:#000000; font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:normal;}
.SubHead { color:#000000; font-family:Helvetica,Arial,sans-serif;font-size:12px; font-weight:bold;}
.SubSubHead  { }
.Normal {font-size:12px; }
.NormalDisabled { }
.NormalBold { }
.NormalRed { }
.NormalTextBox { }



.aqFinalizeQuote, .aqUpdateQuantities {
	display: block;
	background-attachment:scroll;
	background-color:transparent !important;
	background-image:url("http://assets.netdrivenwebs.com/img/interface/buttons/grey.png");
	background-position:0 0;
	background-repeat:repeat;
	border:0 none;
	color:#555555;
	font-size:13px !important;
	height:27px;
	margin:0;
	padding:8px 0 0;
	text-decoration:none !important;
	font-weight: bold;
	text-align: center;
	text-shadow:1px 1px #FFFFFF;
	width:155px;
}

.aqFinalizeQuote { 
	margin: 15px 0px 20px 0px !important;
	font-size: 16px !important;
	padding: 6px 0 0;
	background-image:url("http://assets.netdrivenwebs.com/img/interface/buttons/red.png");
	color: #ffffff !important;
	text-shadow:1px 1px #000000;
}

.aqFinalizeQuote:hover {color: #efefef !important;}
.aqContinueShopping {clear: both;}
.aqContinueShopping {clear: both; display: block;}

.aqContinueShopping span a {
	background:url("http://assets.netdrivenwebs.com/img/icons/gear.png") no-repeat scroll 11px 50% #EFEFEF;
	border:1px solid #CCCCCC;
	color:#222222 !important;
	display:inline;
	font-size:12px !important;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px 0 2px 40px;
	text-decoration:none !important;
	width:116px;

	margin-right: 10px;
	float:left;
}


#login-area{width:320px; text-align:right; float:right;}

#dnn_CouponPane{float:left; width:630px;}
#dnn_SubFooterPane{clear:both;}
#dnn_TopContentPane{width:960px; margin:0 auto;}


#TVbuttonContainer a {
    background: url("/Portals/7/Skins/ModernTire/img/videobutton.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 18px;
    text-align: center;
    text-decoration: none !important;
    width: 265px;
    cursor: pointer;
    margin-bottom:9px;
}
#TVbuttonContainer a:hover {
    background: url("/Portals/7/Skins/ModernTire/img/videobutton.gif") no-repeat scroll 0 -20px transparent;
	color: #BBBBBB;
    margin-bottom:9px;
}