@import url("//a2.nd-cdn.us/css/Master/Master.css");

/*curved border for ATC Filter top */
.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;}
/*curved border for ATC Filter bottom */
.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;}

/* MAIN BRANDING STYLING
--------------------------------------------------------------------------------------------------*/
.ndcustomcolorclass, .ndcustomcolorcontainer img {background-color:#cd0d1a !important;}
.ndcustomtextcolor1 {color:#cd0d1a !important;}
.ndmoduletextcolor1 {color:#cd0d1a !important;}
.ndcustomtextcolor2 {color:#000000 !important;}
.ndmoduletextcolor2 {color:#000000 !important;}
.ndcustomlinkcolor1 {color:#cd0d1a !important;}
.ndcustomlinkcolor1:hover {color:#666666 !important;}
.ndcustomlinkcolor2 {color:#000000 !important;}
.ndcustomlinkcolor2:hover {color:#666666 !important;}
.ndcustombutton1 {background:#666666 !important; color:#ffffff !important;}
.ndcustombutton1:hover {background:#000000 !important; color:#ffffff !important;}
.ndcustombutton2 {background:#cd0d1a !important; color:#ffffff !important;}
.ndcustombutton2:hover {background:#000000 !important; color:#ffffff !important;}
.ndcustom1 {background:#000000 !important; color:#ffffff !important;}
.ndcustom2 {background:#666666 !important; color:#ffffff !important;}
.ndcustomborder {border:1px solid #666 !important;}

/* GENERAL PAGE STYLES
----------------------------------------------------------------------------------------------------*/

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; }

/* QUOTE CART
---------------------------------------------------------------------------------------------*/
a#nd-quotebadge{position:fixed;z-index:1000;right:0;top:60%;width:60px;transition:padding 100ms ease-in-out;-moz-transition:padding 100ms ease-in-out;-webkit-transition:padding 100ms ease-in-out;text-decoration:none;font-weight:700;font-size:9px;text-align:center;text-transform:uppercase;padding:10px;border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;background:#CCC;box-shadow:0 0 3px #000;-moz-box-shadow:0 0 3px #000;-webkit-box-shadow:0 0 3px #000;color:#000;line-height:10px;}
a#nd-quotebadge i{font-size:34px;display:block;margin-bottom:5px;}
a#nd-quotebadge:hover{padding-right:20px;}
#quoting-buttons{height:170px;position:fixed;right:0;top:45%;z-index:1000;}
#quoting-buttons a#nd-quotebadge{position:absolute;top:0;}
#quoting-buttons a#nd-quotebadge.tire-cart{bottom:0;top:auto;}
#quoting-buttons a#nd-quotebadge.tire-cart{color:#FFF;}

/* MAIN SKIN STYLES
----------------------------------------------------------------------------------------------------*/
#brands {text-align:center; background:#fff; border-radius:20px;}
#brands img {width:14%;}
#container { width: 960px; margin:0 auto; }
#contentbody {width: 950px; float:left; padding:0 5px 0 5px;}

.headnumb{margin:27px 0 0 0; color:#fff; font-size:20px; font-weight:bold; font-style:italic;}
/* NAVIGATION
----------------------------------------------------------------------------------------------------*/
#contentnav { width: 935px; font-size: 12px; margin:4px auto; height:39px; padding-left:5px; }
#contentnav #HouseMenuNav iframe {display: none;}
#contentnav #HouseMenuNav ul, li { list-style-type: none; }
#contentnav #HouseMenuNav, #contentnav1 #HouseMenuNav ul { }
#contentnav #HouseMenuNav a { color: #ffffff; display: block; font-weight: bold; padding: 0 18px; text-transform: uppercase; }
#contentnav #HouseMenuNav li:hover > a { color: #ffffff; background: url(img/navbghover.gif) repeat-x 0 -39px; }
#contentnav #HouseMenuNav li { float: left; line-height: 38px; }
#contentnav #HouseMenuNav li ul { background-color:#BB2F39; 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:#000000; 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; }

@media only screen and (min-width: 980px){ /* CSS RULES HERE */ 
    #contentnav #HouseMenuNav{display: flex; justify-content: space-between;}
}

/* NDSC WIDGET
----------------------------------------------------------------------------------------------------*/
#ndsc{}
#services-page ul, #services-page li{margin-left:0 !important;}
#services_div #services_ul li{margin:3px 0; width:105px !important;}
#services_div{background:url(img/service-center.png) no-repeat center top; width:910px; height:155px; padding:47px 15px 0;  position:relative; border:0;}
#left_a{display:block; position:absolute; left:25px; top:105px; background:url(img/sw-left.png) no-repeat; text-indent:-9999px; height:18px; width:18px; cursor:pointer; }
#right_a{display:block; position:absolute; right:25px; top:105px; background:url(img/sw-right.png) no-repeat; text-indent:-9999px; height:18px; width:18px; cursor:pointer; }
#services_ul{ position:relative !important; }
#slider_div{margin:0 30px; overflow:hidden; height:139px !important;}
a.ndscCatImage3{color:#000 !important; text-decoration:none !important;}
#services_ul li div a{width:105px !important; font-weight:500; font-family: "nimbus-sans-condensed-n5", "nimbus-sans-condensed" ,sans-serif; font-style:italic; font-size:13px; line-height:12px !important;}
#services_ul li div a > div{border:none; }
.ndscCatImage2 {height:71px !important;}

@media only screen and (max-width: 980px){ /* CSS RULES HERE */ 
    #services_div{background: none;}
    .mobile-serv-title{font-size: 30px; text-transform: uppercase; text-align: center; color: #CD0D1A;}

    .headnumb{text-align: center;}
}

/* SEARCH
----------------------------------------------------------------------------------------------------*/
#dnn_dnnSEARCH_ClassicSearch { float: right; display: block; width: 178px; height: 31px; background-image: url(img/searchbg.gif); background-repeat: no-repeat; margin-top: 10px; }
#dnn_dnnSEARCH_ClassicSearch img { vertical-align: top; width: 27px; height: 31px; float:right; position:relative; }
#dnn_dnnSEARCH_ClassicSearch input { border: 0px; background: transparent; float: left; display: inline; height: 31px; line-height: 31px; color: #ffffff; }
#dnn_dnnSEARCH_txtSearch { width: 127px; float:left; }
/*#dnn_dnnSEARCH_cmdSearch { }*/


/* CTA STYLES
----------------------------------------------------------------------------------------------------*/
#cta-box {display: flex; justify-content: space-between; padding: 5% 0;}
#cta-box .cta-item{background: #3086c2; max-width: 200px; width: 100%; padding: 40px; box-sizing: border-box; text-decoration: none !important; color: #fff;  border: 4px solid #fff; text-align: center;}
#cta-box .cta-item:hover{background: #cd0d1a;}
#cta-box .cta-item i{padding-bottom: 10px; color: #fff; font-size: 4em;}
#cta-box .cta-item h3{padding-bottom: 10px; margin-bottom: 0; color: #fff; font-size: 20px; text-transform: uppercase;}

/* VEHICLE LOOKUP BAR
----------------------------------------------------------------------------------------------------*/
#shop-tires-ttl{text-align: right;}
#shop-tires-ttl h2{font-size: 4em; text-transform: uppercase; color: #000; padding-right: 40px;}
#shop-tires-ttl h2 span{color:#3086c2; font-size: 24px;}

#shop-tires-ttl::after{display:block; background: url(/Portals/34/Skins/master/img/vlb-tire.png) no-repeat; width: 100%; content: ''; max-height: 201px; height: 100%; position: absolute; top: 25px; left: 25px;}


#find-tire-bar {width: 100%; height: auto; }
/* #find-tire-bar {width: 940px; height: 35px; } */
#find-tire-bar a { color: #000000; font-size: 10px; background: url(img/vehiclelookupbutton.gif) no-repeat; display: block; width: 103px; height: 20px; line-height:20px; text-align:center; display:block; float:left; margin-right:10px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#find-tire-bar a:hover{ background: url(img/vehiclelookupbutton.gif) no-repeat 0 -20px; }
#sizefinder-inputs { float: left; margin-right: 10px;}
#sizefinder-inputs div{padding-right: 10px;}
#TireSizeFinder { width: 100%; position: relative; display: flex; justify-content:right; }
#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;}
.vlbselect{width: 100%; max-width: 100px;}

@media only screen and (max-width: 980px){ /* Tablet & Phone CSS RULES HERE */ 
    #shop-tires-ttl {text-align: center;}
    #shop-tires-ttl h2{font-size: 2em; padding-right: 0;}

    #TireSizeFinder{justify-content: center;}
}

/* DNN PANES
----------------------------------------------------------------------------------------------------*/
#dnn_TopContentPane { margin-top:0; margin-bottom:0; }
.tire-row{clear:both; position: relative;}
#dnn_TopTirePane { margin-top:0; margin-bottom:0; background: #fff; }
#dnn_ContentPane { clear: right; float: right;  margin-bottom:1px;} 
#dnn_SidePane { clear: left; float: left; margin-bottom:1px;}
#dnn_ContentPane2 { clear: right; float: right; }
#dnn_SidePane2 { clear: left; float: left; }
#dnn_BottomContentPane { clear: both; margin-top:0; margin-bottom:0; text-align:center;}
#dnn_FooterPane { clear: both; }
#dnn_SEOPane { clear: both; margin:0 auto; }
#dnn_BottomLinksPane { clear: both; margin:0 auto; }


/* CONTENT HEADER
----------------------------------------------------------------------------------------------------*/
#contentheader { width: 920px; padding:45px 0 0 20px; height: 131px; margin: 0 auto; }
#dnn_dnnLogo_imgLogo { float: left; margin-top: 15px; }
#headercontact { float: right; color: #ffffff; margin-right: 10px; margin-top: 10px; line-height: 31px; }


/* CONTENT MAIN
----------------------------------------------------------------------------------------------------*/
#contentmain { width: 950px; margin:0 auto; clear:both; }
#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-common {margin-top: 10px;}
.pc-header .Head { font-size: 14px; font-weight: bold; color:#000000; text-transform:uppercase; }
.pc-header {background:#fff;border-top-left-radius:15px;border-top-right-radius:15px; padding: 20px; height:20px; 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;border-bottom-left-radius:15px;border-bottom-right-radius:15px;height: 20px; }
#hometext { color: #000000; height: 200px; padding: 20px; }
#hometext a { color: #000000; }
#hometext h2 { font-size: 20px; text-transform: uppercase; margin-bottom: 10px; font-family:"Arial Black", Arial, sans-serif; margin:0;}
#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/frisby-side-zip.jpg) no-repeat; height:95px; width:221px;}
.postalcode-entrybox{ margin:47px 5px 0 10px; width:137px; border:none; background:none; float:left;}
.postalcode-link{display: block; width: 54px; height: 22px; float:right; margin:45px 10px 0 0; text-decoration:none; text-indent:-9999px;}
.postalcode-validator{background-color:#FF0000; position:relative; top:-20px; color:#FFFFFF; font-weight:bold; padding:5px; width:221px; white-space:nowrap;}


#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 {float:right;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 {float:right;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;}

#subclass{margin:0 auto; text-align:center; display:block; width:932px;}
#sub{display:block; text-indent:-9999px; color:#000000; height:68px; width:232px; float:left; margin-bottom:10px;}
/* .one{background:url(img/sub1.png) no-repeat; margin-right:1px;}
.two{background:url(img/sub2.png) no-repeat; margin-right:1px; }
.three{background:url(img/sub3.png) no-repeat; margin-right:1px;}
.four{background:url(img/sub4.png) no-repeat;} */
#sub:hover{background-position:bottom;}

#mob-ctaclass{margin:0 auto; text-align:center; display:flex; flex-flow: row wrap; justify-content: center;}
#mob-cta{display:block; text-indent:-9999px; color:#000000; height:68px; width:232px; float:left; margin-bottom:10px;}
/* .one{background:url(img/sub1.png) no-repeat; margin-right:1px;}
.two{background:url(img/sub2.png) no-repeat; margin-right:1px; }
.three{background:url(img/sub3.png) no-repeat; margin-right:1px;}
.four{background:url(img/sub4.png) no-repeat;} */
#mob-cta:hover{background-position:bottom;}
@media only screen and (min-width: 641px){ /* CSS RULES HERE */ 
    #mob-ctaclass{display: none;}
    .mobile-serv-title{display: none;}
} /* Target Desktop AND Tablet */

@media only screen and (max-width: 980px){ /* Target Tablet and Phone */ 
    #dnn_ctr3998_HtmlModule_lblContent, .DnnModule-ServiceCenter_Widget{display: block !important;}
    #subclass{display: none;}

}



/*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: #cd0d1a !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:#fff url(img/footer-bg.png) repeat-x center top; min-height:320px; 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:#cd0d1a; 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:#cd0d1a; 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:18px !important; vertical-align:text-top; line-height:22px !important; width:30px; text-align:center; padding:5px 0; }
#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 #socialfont {float:left;}
#social #socialfont a, #BottomFooter #socialfont a{text-decoration:none !important; color:#fff !important;}
#social #socialfont a:hover, #BottomFooter #socialfont a:hover {color:#fff !important;}
#social #socialfont .fa { margin-right:5px; font-size:18px !important; vertical-align:text-top; line-height:22px !important; width:30px; text-align:center; padding:5px 0; }
#socialfont .fa.fa-facebook {background:#355E9E; }
#socialfont .fa.fa-twitter {background:#31A8E2; }
#socialfont .fa.fa-google-plus {background:#DC5341; }
#socialfont .fa.fa-yelp {background:#C41200; }
#socialfont .fa.fa-pinterest {background:#F71819; }
#socialfont .fa.fa-instagram {background:#3B6A90; }
#socialfont .fa.fa-linkedin {background:#0177B5; }
#socialfont .fa.fa-facebook:hover, #socialfont .fa.fa-twitter:hover, #socialfont .fa.fa-google-plus:hover,  #socialfont .fa.fa-linkedin:hover, #socialfont .fa.fa-yelp:hover, #socialfont .fa.fa-pinterest:hover, #socialfont .fa.fa-instagram:hover { background:#666666 !important; }