@import url("//a2.nd-cdn.us/css/Master/Master.css");
/* Edit for ATC Filter*/
.DnnModule-NetDrivenModulesAutoTireCatalogFilter .pc-common{width:290px;}
.DnnModule-NetDrivenModulesAutoTireCatalogFilter .pc-common .pc-header{background:#FFF; border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px;}
.DnnModule-NetDrivenModulesAutoTireCatalogFilter .pc-common .pc-footer{background:#FFF; border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:10px 0px 10px 10px;}

/* GENERAL PAGE STYLES
----------------------------------------------------------------------------------------------------*/
body { margin: 0px; background-color: #E7E7E7;font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
a, a:link, a:visited { text-decoration: underline; color:#000000; }
a:hover, a:active { text-decoration: none; color:#666666; }
h1 { font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
strong { font-weight: bold; }


/* MAIN SKIN STYLES
----------------------------------------------------------------------------------------------------*/

#container { width: 960px; margin:0 auto;}
#contentbody { width: 950px; float:left; padding:0 5px 0 5px;}


/* NAVIGATION
----------------------------------------------------------------------------------------------------*/
#contentnav { width: 940px; background-image: url(img/navbg.gif); background-repeat: repeat-x; font-size: 12px; margin:0 auto; height:49px; }
#contentnav #HouseMenuNav iframe {display: none;}
#contentnav #HouseMenuNav ul, li { list-style-type: none; }
#contentnav #HouseMenuNav, #contentnav1 #HouseMenuNav ul { background-color: #ffffff; }
#contentnav #HouseMenuNav a { color: #ffffff; display: block; font-weight: bold; padding: 0 15px; text-transform: uppercase; font-family:"Arial Black", Arial, sans-serif; }
#contentnav #HouseMenuNav li:hover > a { color: #ffffff; background: url(img/navbg.gif) repeat-x 0 -49px; }
#contentnav #HouseMenuNav li { float: left; border-left: 1px solid #000000; line-height: 49px; }
#contentnav #HouseMenuNav li ul { background-color: #812C2E; left: -999em; margin-top: 0; position: absolute; width: 188px; z-index: 10; }
#contentnav #HouseMenuNav li ul li { border: 0px; background-image: url(img/bullet.gif); background-repeat: no-repeat; background-position: 13px top; }
#contentnav #HouseMenuNav li ul li a { color: #ffffff; line-height: 20px; width: 148px; border: 0px; padding-left: 33px; }
#contentnav #HouseMenuNav li ul li a:hover { color:#6B0709; background-image: url(img/bullet.gif); background-repeat: no-repeat; background-position: 13px top; }
#contentnav #HouseMenuNav li:hover ul ul, #contentnav #HouseMenuNav li.sfhover1 ul ul { left: -999em; }
#contentnav #HouseMenuNav li:hover ul, #contentnav #HouseMenuNav li li:hover ul, #contentnav #HouseMenuNav li.sfhover1 ul, #contentnav #HouseMenuNav li li.sfhover1 ul { left: auto; }
#contentnav #HouseMenuNav li:hover, #contentnav #HouseMenuNav li.hover { position: static; }
#contentnav #HouseMenuNavItemHome { border: none !important; }


/* SEARCH
----------------------------------------------------------------------------------------------------*/
#dnn_dnnSEARCH_ClassicSearch { float: right; display: block; width: 353px; height: 36px; background-image: url(img/search.gif); background-repeat: no-repeat; margin-top: 10px; clear:right; margin-right:25px; }
#dnn_dnnSEARCH_ClassicSearch img { vertical-align: top; width: 27px; height: 35px; float:right; position:relative; width:92px; }
#dnn_dnnSEARCH_ClassicSearch input { border: 0px; background: transparent; float: left; display: inline; height: 34px; line-height: 31px; color: #ffffff; width:255px; }
#dnn_dnnSEARCH_txtSearch { width: 255px; float:left; margin:0;}
/*#dnn_dnnSEARCH_cmdSearch { }*/


/* VEHICLE LOOKUP BAR
----------------------------------------------------------------------------------------------------
#find-tire-bar {width: 940px; height: 38px; }
#btnBack { color: #ffffff; font-size: 12px; background: url(img/back.gif) no-repeat; display: block; width: 80px; height: 29px; line-height:29px; text-align:center; display:block; float:left; margin-right:10px; font-weight:bold; text-transform:uppercase; text-decoration:none; font-family:Tahoma, Arial, sans-serif; position:relative; top:-5px;  }
#cataloglink1134{ color: #ffffff; font-size: 12px; background: url(img/gotocatalog.gif) no-repeat; display: block; width: 132px; height: 29px; line-height:29px; text-align:center; display:block; float:left; margin-right:10px; font-weight:bold; text-transform:uppercase; text-decoration:none; font-family:Tahoma, Arial, sans-serif; position:relative; top:-5px;  }
#find-tire-bar a:hover{ background-position:0 -29px; }
#sizefinder-inputs { float: left; margin-right: 10px;}
#TireSizeFinder { width: 100%; position: relative; left:180px; top:13px; }
#TireLinkDiv{background-image:url(img/tirebar.png);background-repeat:no-repeat; height:41px; width:100%;}
#TireLinkDiv a{color:#FFFFFF; font-weight:bold; position:relative; top:10px; left:96px;}
#TireLinkDiv span{color:#FFFFFF; font-weight:bold;}
_div#find-tire-bar {display:none;}
_div#TireLinkDiv {display:block;}

.vlbCatalogBtn {   background: none repeat scroll 0 0 #9e3039;
    text-decoration: none;
    padding: 10px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;}
.vlbCatalogBtn:hover {background:#fff; color:#9e3039;}*/

/* DNN PANES
----------------------------------------------------------------------------------------------------*/
#dnn_TopContentPane { clear: both;}
#dnn_ContentPane { clear: left; float: left; }
#dnn_SidePane { clear: right; float: right; }
#dnn_SubFooterPane{margin-top:0; margin-bottom:0;}
#dnn_ContentPane2 { clear: right; float: right; }
#dnn_SidePane2 { clear: left; float: left; }
#dnn_BottomContentPane { clear: both;}
#dnn_FooterPane { clear: both; }
#dnn_SEOPane { clear: both; margin:0 auto; }
#dnn_BottomLinksPane { clear: both; margin:0 auto; }


/* CONTENT HEADER
----------------------------------------------------------------------------------------------------*/
#contentheader { width: 940px; padding:0; height: 194px; margin: 0 auto; }
#dnn_dnnLogo_imgLogo { float: left; }
#headercontact { float: right; color: #ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:15px; margin-top:10px;}


/* CONTENT MAIN
----------------------------------------------------------------------------------------------------*/
#contentmain { width: 950px; margin:0 auto; }
#contentmain p { line-height: normal; display: block; unicode-bidi: embed; margin-top: 0em; margin-right: 0; margin-bottom: 1.12em; margin-left: 0;}
#contentmain hr { margin-top: 25px; margin-bottom: 25px; }
#contentmain #info { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
.subtitle { display: block; color: #ffffff; background-image: url(img/contentmainsubtitlebg.gif); background-repeat:repeat-x; line-height: 29px !important; text-indent: 20px; font-weight:bold; }
.subtitle a { color: #ffffff; }
#contentmain ul, #contentmain ol { margin-left: 35px; margin-top: 0; margin-bottom: 1.12em; padding-left: 0px; display: block; unicode-bidi: embed; list-style: none outside none; }
#contentmain li { display: list-item; margin-bottom: 0.25em; list-style: disc outside none; line-height: normal; }
.pc-header .Head { font-size: 14px; font-weight: bold; color:#000000; text-transform:uppercase; }
.pc-header { background: #fff !important; background-repeat:no-repeat; padding: 20px; height:30px; background-position: left top; }
.pc-body {overflow:visible !important;  background-color: #ffffff; overflow: auto; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.pc-footer { background: #fff !important; background-repeat:no-repeat; background-position: left bottom; height: 20px; }
#hometext { color: #000000; padding: 20px; height:410px; }
#hometext a { color: #0000000 }
#hometext h2 { font-size: 18px; text-transform: uppercase; margin-bottom: 10px; }
#morebox1 { float: left; }
#morebox2 { float: right; }


/* LOCATION FINDER MODULE
----------------------------------------------------------------------------------------------------
#txtPostalCodeNUMBER{background:none;border:none;margin:0px 0px 0px 0px; width:auto;}
#lblValidatorNUMBER{display:none;}
#btnSubmit{background-color:transparent;border:none;height:25px;margin:0px 0px 0px 0px;font-size:0px;width:40px; font-size:0px; display:block; line-height:0; cursor:pointer;}
.postalcode-wrapper{background:url(img/side.png) no-repeat; height:234px; width:300px;}
.postalcode-entrybox{ position:relative; top:150px; left:22px; width:168px; border:none; background:none; float:left; font-size:17px;}
.postalcode-link{display: block; width: 70px; height: 39px; float:right; position:relative; top:140px; left:-32px; text-decoration:none; text-indent:-9999px; cursor:pointer;}
.postalcode-validator{background-color:#FF0000; position:relative; top:-20px; color:#FFFFFF; font-weight:bold; padding:5px; width:221px; white-space:nowrap; top:68px; left:55px;}*/

/* VLB NEW - VERTICAL
----------------------------------------------------*/
/*RETAIL/COMM TAB BUTTONS*/
.vlbTabs{left: 92px;
    position: absolute;
    top: 3px;
    width: 80px;}
.vlbTabs li{background:#666; border:3px solid #A93541; color:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:10px; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; text-transform:uppercase; list-style-type:none !important; font-style:italic; padding:1px !important;}
.vlbTabs li.active{color:#fff; background:#A93541;}
.retail-tab {padding:1px !important;}
.commercial-tab {padding:1px !important;}

#find-tire-bar.commercial{}
#find-tire-bar.commercial{background:url(img/ctc.png); height:240px;}
#find-tire-bar.commercial .ApplicationLookupInputs{padding:112px 0 0 16px;}
#find-tire-bar.commercial .ApplicationLookupInputs select {width:100px !important; float:none !important;}
#find-tire-bar.commercial .ctcSearchBtn{}
#find-tire-bar.commercial .ApplicationLookupInputs div{position:relative; height:28px; float:none !important;}

/* RETAIL VLB*/
#find-tire-bar.retail{background:url(img/vlb.png) no-repeat 0 0 !important; height:75px; width:324px;}
#TireSizeFinder{}
#TireSizeFinder #sizefinder-inputs{ width:625px; float:left; padding:35px 0 0 75%;}
#TireSizeFinder #sizefinder-inputs select{width:100px !important; height:20px !important;}

#links{float:left;  margin:1% 0 0 15%; clear:both;}
#links a{color:#000;}
#links a:hover{ color:#333;}
#TireSizeFinder #sizefinder-inputs div{position:relative; float:left; margin-right: 20px;}
#TireSizeFinder #sizefinder-inputs div::before, .ApplicationLookupBar #find-tire-bar .ApplicationLookupInputs div:before {position:absolute; left:-20px; width:20px; height:20px; line-height:20px; background:#740012; text-align:center; color:#fff; font-size:12px; font-weight:700; }
#links {float:right; width:217px; margin:-22% -602px 0 0;}
#links a{color:#000;}
#links a:hover{ color:#333;}

/* CATALOG BUTTON*/
	.vlbCatalogBtn, .vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar.commercial .ctcSearchBtn{border:3px solid #A93541; border-radius:15px; background:#A93541; font-size:11px; font-weight:800; color:#222222 !important; text-align:center; text-transform:uppercase; text-decoration:none !important; display:block; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; padding:1%; width:80px; color:#fff !important;}
	#find-tire-bar.retail .vlbCatalogBtn{margin:51px 0 0 66%; }
	#find-tire-bar.commercial .vlbCatalogBtn{margin:5px 0 0 11px; float:none; }
	.vlbCatalogBtn:hover, .vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ctcSearchBtn:hover{background:#fff; border-color: #00249F; color:#000 !important; }
	.vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ctcSearchBtn {margin:-31px 0 0 580%; width:80px;}

	/*COMM CATALOG BUTTON*/
		.vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ctcSearchButtons{float:right; width:110px; height:30px; margin:3% 3% 0 0;}
	.vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ctcSearchButtons .ctcSearchBtn a{margin:2px 9% 0 0 !important; float:right; background-color:transparent !important; padding:0 !important;;}
	.vlbTabContentWrapper .searchbuttons {display:none;}
	.vlbTabContentWrapper .ctcSearchBtn {width:217px; height:14px; }
	.vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ctcSearchBtn a {text-decoration:none !important; color:#000 !important;}
	.vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ctcSearchBtn a:hover {text-decoration:none !important; color:#000 !important;}
	.vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ApplicationLookupInputs div select {width:115px  !important;}


#TireSizeFinder #sizefinder-inputs #year::before, .vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ApplicationLookupInputs .ctcApplicationDropdown::before{content:"1";}
#TireSizeFinder #sizefinder-inputs #make::before, .vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ApplicationLookupInputs .ctcPositionDropdown::before{content:"2";}
#TireSizeFinder #sizefinder-inputs #model::before, .vlbTabContentWrapper .ApplicationLookupBar #find-tire-bar .ApplicationLookupInputs .ctcSizeDropdown::before{content:"3";}
#TireSizeFinder #sizefinder-inputs #option::before{content:"4";}
#TireSizeFinder #sizefinder-inputs #size::before{content:"5";}

#contentmain ul.dnnActionMenuBody {display:none;} #contentmain ul.dnnActionMenuBody li {list-style:none outside none; display:block;} body .dnnActionMenu a {color:#000 !important;}

/*  NET DRIVEN
----------------------------------------------------------------------------------------------------*/
#netdriven { float: left; clear: left; width: 940px; margin: 10px; }
#ndlink {float:left;}
#poweredbynd {margin:5px;width:300px;height:75px;text-align:left;background-image: url(//a2.nd-cdn.us/img/pages/netdriven/netdriven.png);background-position: 0 0;background-repeat: no-repeat; position:static;}
#poweredbynd:hover {margin:5px;width:300px;height:75px;text-align:left;background-image: url(//a2.nd-cdn.us/img/pages/netdriven/netdriven.png);background-position: 0 -75px;background-repeat: no-repeat;}
#poweredbynd #login { float: right; clear: right; color: #ffffff; font-size: 9px; line-height: 11px; width: 155px; text-align: left; margin-top:20px; margin-bottom:20px;  height:35px; font-family:"Arial Black", Arial, Gadget, sans-serif; font-weight:bold; }
#poweredbynd #login a { color: #ffffff; text-decoration:none; }
#poweredbynd #login a:hover { color:#cccccc; text-decoration:none; }
#poweredbynd .copyright {color:#cccccc;}
#dnn_SEOPane {font-size:10px; color:#000000;}
#dnn_SEOPane a, #dnn_SEOPane a:visited {color:#000000;}
#dnn_SEOPane a:hover, #dnn_SEOPane a:active {color:#000000;}
#dnn_BottomLinksPane {font-size:10px; color:#000000; margin-bottom:10px;}
#dnn_BottomLinksPane a, #dnn_BottomLinksPane a:visited {color:#000000;}
#dnn_BottomLinksPane a:hover, #dnn_BottomLinksPane a:active {color:#000000;}
#dnn_SEOPane, #dnn_BottomLinksPane {line-height:normal;}


#bar{background-color:#FFFFFF; height:69px; clear:both;}

#sub{width:178px; height:130px; float:left; display:block; text-indent:-9999px; margin-right:10px; margin-bottom:10px;}
.one{background:url(img/sub1.jpg) no-repeat;}
.two{background:url(img/sub2.jpg) no-repeat;}
.three{background:url(img/sub3.jpg) no-repeat;}
.four{background:url(img/sub4.jpg) no-repeat;}
.five{background:url(img/sub5.jpg) no-repeat;}

#sub:hover{background-position:bottom;}

/*NEW BOTTOM FOOTER------------------------------------------------------------------------------*/
#bottomnav {margin:0 0; text-align:left; clear:both;}
#bottomnav #HouseMenuNav iframe {display: none; }
#bottomnav #HouseMenuNav ul, #HouseMenuNav li {list-style-type: none;}
#bottomnav #HouseMenuNav, #bottomnav1 #HouseMenuNav ul {display:inline; margin:0 0 0 0;}
#bottomnav #HouseMenuNav a, .sitemap{color: #333333 !important; text-decoration:none !important; font-weight:500; text-transform: capitalize; padding:0 0; font-size:12px; line-height:12px; border-left:0;}
#bottomnav #HouseMenuNav li:hover > a, .sitemap:hover {color: #9B2F37 !important; }
#bottomnav #HouseMenuNav li { display:block;}
#bottomnav #HouseMenuNavItemHome a{border: none !important;}
#BottomFooter     {display:block; width:980px; margin:0 auto;}
#dnn_FooterPane1, #dnn_FooterPane2, #dnn_FooterPane3, #dnn_FooterPane4 {background: url(img/footer-bg.png) repeat-x center top; min-height:250px; float:left; padding:10px 20px 10px; margin:10px 10px 10px 0; }
/*ADJUST WIDTH OF CONTAINERS HERE*/
#dnn_FooterPane1 { width:110px;}
#dnn_FooterPane2 { width:120px;}
#dnn_FooterPane3 { width:350px;}
#dnn_FooterPane4 { width:210px;}
#BottomFooter .lastpane {float:right !important; margin:10px 0;}
#BottomFooter { color:#333333;}
#BottomFooter h2 { color:#9B2F37; font-size:16px; text-transform:uppercase; margin-bottom:10px; font-weight:700; font-family: "futura-pt-condensed-n7", "futura-pt-condensed",sans-serif;}
#BottomFooter p { margin-bottom:5px !important;}
#BottomFooter span {}
#BottomFooter a, .footerseo a:hover { color:#333333; text-decoration:none;}
#BottomFooter a:hover, .footerseo a { color:#9B2F37; text-decoration:none;}
#BottomFooter .footerseo {}
#BottomFooter .footerseo p { line-height:18px !important;}
#BottomFooter ul#HouseMenuNav {margin:0 !important;}
#BottomFooter ul#HouseMenuNav li {list-style:none !important; margin-bottom:5px !important;}
.socialh2 {float:left; font-size:16px !important;}
#nd-buttons.contact {margin:10px 0;}
#nd-buttons.contact .item:hover {background-position:bottom;}
#nd-buttons.contact .item {float:left; width:200px; height:39px;}
#nd-buttons.contact .one {background:url(img/footer-contactus.png) no-repeat top center;}
#BottomFooter #socialfont {float:left; clear:both; }
#BottomFooter #socialfont .fa { margin-right:5px; font-size:30px !important; }
#BottomFooter #socialfont .fa, #social #socialfont .fa {display: inline-block;  font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/* SOCIAL MEDIA
----------------------------------------------------------------------------------------------------*/
#dnn_SocialPane{position:fixed; right:0; top:20%; z-index:760;}
#dnn_SocialPane #social a{/*max-width:100%; min-width:25%;*/ font-size:26px; width:45px; text-align:center; box-sizing:border-box; color:#FFF; padding:8px; display:block; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; float:right; clear:right;}
#dnn_SocialPane #social .fa-facebook{background:#3B5998;}
#dnn_SocialPane #social .fa-twitter{background:#5EA9DD;}
#dnn_SocialPane #social .fa-google-plus{background:#D73D32;}
#dnn_SocialPane #social .fa-google{background:#D73D32;}
#dnn_SocialPane #social .fa-yelp{background:#C21613;}
#dnn_SocialPane #social .fa-youtube{background:#CF2200;}
#dnn_SocialPane #social .fa-youtube-play{background:#CF2200;}
#dnn_SocialPane #social .fa-instagram{background:#3B6A90;} /*or #8a3ab9-orange* or #4c68d7-blue*/
#dnn_SocialPane #social .fa-foursquare{background:#2D5BE3;}
#dnn_SocialPane #social .fa-pinterest{background:#BD081C;}
#dnn_SocialPane #social .fa-linkedin{background:#0077B5;}
#dnn_SocialPane #social a{font-size:26px; width:45px; text-align:center; box-sizing:border-box; color:#FFF; padding:8px; display:block; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; text-decoration:none; display:block;}

@media only screen and (min-width: 981px) {
	#dnn_SocialPane #social a:hover {padding-right:20px; width:65px; text-decoration:none;}
	} /* Target Desktop Exclusively */


@media only screen and (max-width: 640px) {
	#dnn_SocialPane {bottom:0; left:0; width:100%; top:auto;}
	#dnn_SocialPane #socialfont a {float:left;}
	#dnn_SocialPane #socialfont.one-set a {width:100%;}
	#dnn_SocialPane #socialfont.two-set a {width:50%;}
	#dnn_SocialPane #socialfont.three-set a {width:33%;}
	#dnn_SocialPane #socialfont.three-set a:nth-of-type(2) {width:34%;}
	#dnn_SocialPane #socialfont.four-set a {width:25%;}
	#dnn_SocialPane #socialfont.five-set a {width:20%;}
	} /* Target Phone Exclusively */


@media only screen and (max-width: 640px) and (orientation: landscape) {
	#dnn_SocialPane {display:none;}
}


#dnn_ctr1134_ContentPane{margin-bottom: 65px;}

#dnn_ctr16671_ModuleContent img:first-of-type{margin: 0 5px 65px 25px;}
#dnn_ctr16671_ModuleContent img{margin: 0 5px 65px 5px;}
