@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:0px 0px 10px 10px;}

/* GENERAL PAGE STYLES
----------------------------------------------------------------------------------------------------*/
body#Body {margin: 0px; background: #1B3DA1 url(img/bg.jpg) repeat-x center top; font: 12px Arial, Helvetica, sans-serif;}
a, a:link, a:visited {text-decoration: underline; color:#1b3da1;}
a:hover, a:active {text-decoration: none; color:#666666;}
h1 {font-weight: bold;}
h2 {font-size: 18px; text-transform: uppercase; margin-bottom: 10px;}
h3 {font-size: 15px; font-weight:700; text-transform: uppercase; margin-bottom: 5px;}
strong {font-weight: bold;}
em {font-style:italic;}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

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

/* 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-yelp{background:#C21613;}
#dnn_SocialPane #social .fa-youtube{background:#CF2200;}
#dnn_SocialPane #social .fa-instagram{background:#fbad50;} /*or #8a3ab9-orange* or #4c68d7-blue*/
#dnn_SocialPane #social .fa-foursquare{background:#2D5BE3;}
#dnn_SocialPane #social .fa-pinterest{background:#BD081C;}
#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;}

/* SOCIAL MEDIA - DESKTOP
	----------------------------------------------------------------------------------------------------*/
#dnn_SocialPane #social a:hover{padding-right:20px; width:65px; text-decoration:none;}

/* ND Style Guide
------------------------------------------------------------------------------------------------------------------*/
.ndcustomcolorclass, .ndcustomcolorcontainer img {background-color:#1B3DA1 !important;}
.ndcustomtextcolor1 {color:#1B3DA1 !important;}
.ndmoduletextcolor1 {color:#1B3DA1 !important;}
.ndcustomtextcolor2 {color:#000000 !important;}
.ndmoduletextcolor2 {color:#000000 !important;}
.ndcustomlinkcolor1 {color:#000000 !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:#333 !important; color:#ffffff !important;}
.ndcustombutton2 {background:#1B3DA1 !important; color:#ffffff !important;}
.ndcustombutton2:hover {background:#333 !important; color:#ffffff !important;}
.ndcustom1 {background:#000000 !important; color:#ffffff !important;}
.ndcustom2 {background:#666666 !important; color:#ffffff !important;}
.ndcustomborder {border:1px solid #666 !important;}


/* MAIN SKIN STYLES
----------------------------------------------------------------------------------------------------*/
#container {width: 980px; margin:39px auto 0;}
#contentbody { width: 980px; padding:0;}


/* NAVIGATION
----------------------------------------------------------------------------------------------------*/
#contentnav {width: 980px; background: url(img/navbg.jpg) repeat-x; margin:0 auto; height:50px;}
#contentnav #HouseMenuNav iframe {display: none;}
#contentnav #HouseMenuNav ul, #HouseMenuNav li {list-style-type: none;}
#contentnav #HouseMenuNav, #contentnav1 #HouseMenuNav ul {background: #ffffff; padding:0 0 0 10px;}
#contentnav #HouseMenuNav a {color: #1b3da1; display: block; font-weight:400; font-family: 'BebasNeueRegular'; font-size:24px; padding: 0 14px; text-transform: uppercase; text-decoration:none;}
#contentnav #HouseMenuNav li:hover > a {color: #fff;}
#contentnav #HouseMenuNav li {float: left; line-height: 50px;}
#contentnav #HouseMenuNav li ul {background: #977A04; left: -999em; margin-top: 0; position: absolute; width: 156px; z-index: 10;}
#contentnav #HouseMenuNav li ul li {border: 0px;}
#contentnav #HouseMenuNav li ul li a {color: #ffffff; line-height: 20px; width: 128px; border: 0px; font-size:20px;}
#contentnav #HouseMenuNav li ul li a:hover {color:#1b3da1;}
#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;}


/* VEHICLE LOOKUP BAR
----------------------------------------------------------------------------------------------------*/
#find-tire-bar {width:317px; height:269px; margin:0; background:url(img/vlb-bg.png) no-repeat center top;}
#TireSizeFinder { padding:74px 0 0 25px;}
#TireSizeFinder #sizefinder-inputs {background:url(img/vlbtitle.jpg) no-repeat left top; width:210px; padding:0 0 5px 0;}
#sizefinder-inputs #year, #sizefinder-inputs #make, #sizefinder-inputs #model, #sizefinder-inputs #option, #sizefinder-inputs #size {margin:5px 0; padding:0 0 0 30px; height:21px;}
#TireSizeFinder #sizefinder-inputs #year {}
#TireSizeFinder #sizefinder-inputs #make {}
#TireSizeFinder #sizefinder-inputs #model {}
#TireSizeFinder #sizefinder-inputs #option {}
#TireSizeFinder #sizefinder-inputs #size {}
#links {clear:both; color: #fff;}
#links a {color: #ffcc00;}


/* CONTENT PANES
----------------------------------------------------------------------------------------------------*/
#dnn_TopContentPane {clear: both; margin-top:0;}

#dnn_LeftPane { clear: left; float: left; width:490px;} 
#dnn_RightPane { clear: right; float: right;}

#dnn_ContentPane { clear: left; float: left;} 
#dnn_SidePane { clear: right; float: right;}

#dnn_ContentPane2 { clear: right; float: right;}
#dnn_SidePane2 { clear: left; float: left;}

#dnn_BottomContentPane {clear: both; margin:10px 0;}
#dnn_FooterPane { clear: both;}
#dnn_BottomLinksPane { clear: both; margin:0 auto; }
#dnn_SEOPane{margin:10px auto;}
 
#dnn_BottomPane{float:right;}
#bottomcontent {width:950px; margin:0 10px;}


/* CONTENT HEADER
----------------------------------------------------------------------------------------------------*/
#contentheader {width: 945px; padding:0; height: 137px; background: url(img/header.jpg) no-repeat; margin: 0 auto; padding:20px 0 0 35px;}
#dnn_dnnLogo_imgLogo {float: left; margin:0 0 5px 0;}
#headercontact {float: left; color: #ffffff; clear:left; font-size:24px; font-weight:700; font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed",sans-serif; width:478px;}


/* CONTENT MAIN
----------------------------------------------------------------------------------------------------*/
#contentmain {background: #1B3DA1 url(img/container.jpg) no-repeat top center;width: 970px; margin:0 auto; padding:5px 5px; border-radius:0 0 20px 20px;}
#contentmain p {line-height: normal; display: block; unicode-bidi: embed; margin: 0 0 1.12em 0;}
#contentmain #info {padding: 0 20px; margin-bottom: 40px;}
.subtitle {display: block; color: #ffffff; background: url(img/contentmainsubtitlebg.gif) repeat-x; line-height: 29px !important; text-indent: 20px; font-weight:bold; font-size:12px; text-transform:none;}
.subtitle a {color: #ffffff;}
#contentmain ul, #contentmain ol {margin: 0 0 10px 35px; padding-left: 0px; display: block; unicode-bidi: embed; list-style: none outside none;}
#contentmain #slider ul{margin:0;}
#contentmain li {display: list-item; margin-bottom: 10px; list-style: disc outside none; line-height: normal;}

.pc-header .Head {color:#1b3da1; font-size:25px; font-weight:700; font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed",sans-serif; text-transform:uppercase;}
.pc-header {background: url(img/contentmainheaderbg.png) no-repeat left top; padding:10px 20px; height:30px;}
.pc-body {overflow:visible !important; background: #ffffff; overflow: auto; padding: 0px 20px 20px 20px;}
.pc-footer {background: url(img/contentmainfooterbg.png) no-repeat left bottom; height: 20px;}

#hometext {color: #ffffff; background:url(img/homebg.png) no-repeat 0 0; height: 229px; padding:20px 20px;}
#hometext a {color: #ffcc00;}
#hometext h1{color:#FFFFFF; font-size:40px; font-weight:700; font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed",sans-serif; text-transform:uppercase;}
#hometext p{margin:0 0 5px 0;}

#sub {}
#sub h2 {color:#fff; font-size:24px; font-weight:700; font-family: "myriad-pro-condensed-n7", "myriad-pro-condensed",sans-serif; text-transform:uppercase;}
#sub p {color:#ffc000;}
#sub a {color:#ffc000;}
#sub a:hover {color:#fff;}
.sub1 {background:url(img/sub1.png) no-repeat 0 0; display:block; height:154px; width:126px; float:left; margin:0 10px 0 0; padding:10px 15px;}
.sub2 {background:url(img/sub2.png) no-repeat 0 0; display:block; height:154px; width:126px; float:left; margin:0 10px 0 0; padding:10px 15px;}
.sub3 {background:url(img/sub3.png) no-repeat 0 0; display:block; height:154px; width:126px; float:left; margin:0 0px 0 0; padding:10px 15px;}

.sliderImage img{width:460px !important;}
#dnn_ctr3886_View_Scroller_slider1 {height:175px !important; width:460px !important; border-radius:5px;}

.hours { font-weight:900; font-family: "myriad-pro-semi-condensed-n9", "myriad-pro-semi-condensed",sans-serif; text-align:center; font-size:20px; color:#ffcc00; text-transform:uppercase; margin:0 0 10px 0;}
.brands {text-align:center;}


/* SIDE PANE
----------------------------------------------------------------------------------------------------*/
#side {margin:0 0 0 0; padding:0px 10px 10px 10px;}
.side1, .side2, .side3 { display:block; text-indent:-9999px; width:280px; height:70px; margin:0 0 2px 0;}
.side1 {background:url(img/side1.jpg) no-repeat top;}
.side2 {background:url(img/side2.jpg) no-repeat top;}
.side3 {background:url(img/side3.jpg) no-repeat top;}
.side4 {background:url(img/side4.jpg) no-repeat top; display:block; text-indent:-9999px; width:280px; height:70px;}
.side1:hover, .side2:hover, .side3:hover, .side4:hover {background-position:bottom;}


/* CONTENT FOOTER
----------------------------------------------------------------------------------------------------*/
#contentfooter {overflow:hidden; clear: both;}
.social {float:left; margin:5px 0 0 0;}
#___plusone_0 {margin:0 5px 0 0 !important;}
#associations{float:right; height:32px;}


#contentmain ul.dnnActionMenuBody {display:none;} #contentmain ul.dnnActionMenuBody li {list-style:none outside none; display:block;} body .dnnActionMenu a {color:#000 !important;} /*  NET DRIVEN
----------------------------------------------------------------------------------------------------*/
#bgbottom{overflow:hidden;}

#netdriven {color:#FFF; width: 940px; margin: 10px auto; overflow:hidden;}

#socialfooter{margin-bottom:0;}
#BottomSocial{height:32px; overflow:hidden;}

#social-icon{display:block; height:32px; width:32px; float:left; text-indent:-9999px; margin:0 8px 0 0; overflow:hidden;}

.BottomFacebook{background:url(//a2.nd-cdn.us/img/socialmedia/32px-social.png) no-repeat 0 0;}
.BottomFacebook:hover{background-position:0 -32px;}
.BottomGooglePlaces{background:url(//a2.nd-cdn.us/img/socialmedia/32px-social.png) no-repeat -32px 0;}
.BottomGooglePlaces:hover{background-position:-32px -32px;}
.BottomTwitter{background:url(//a2.nd-cdn.us/img/socialmedia/32px-social.png) no-repeat -64px 0;}
.BottomTwitter:hover{background-position:-64px -32px;}
.BottomYelp{background:url(//a2.nd-cdn.us/img/socialmedia/32px-social.png) no-repeat -96px 0;}
.BottomYelp:hover{background-position:-96px -32px;}
.BottomLinkedIn{background:url(//a2.nd-cdn.us/img/socialmedia/32px-social.png) no-repeat -128px 0;}
.BottomLinkedIn:hover{background-position:-128px -32px;}
.BottomYouTube{background:url(//a2.nd-cdn.us/img/socialmedia/32px-social.png) no-repeat -160px 0;}
.BottomYouTube:hover{background-position:-160px -32px;}
.BottomEmail{background:url(//a2.nd-cdn.us/img/socialmedia/32px-social.png) no-repeat -192px 0;}
.BottomEmail:hover{background-position:-192px -32px;}
.BottomRSS{background:url(//a2.nd-cdn.us/img/socialmedia/32px-social.png) no-repeat -224px 0;}
.BottomRSS:hover{background-position:-224px -32px;}

#tirebrands{float:right; padding-top:3px;}

#dnn_BottomLinksPane {font-size:10px; margin:10px 0; text-transform:uppercase; overflow:hidden;}
#dnn_BottomLinksPane a, #dnn_BottomLinksPane a:visited {font-weight:700;}
#dnn_SEOPane, #dnn_BottomLinksPane {line-height:normal; text-align:center;}
#dnn_SEOPane {font-size:10px; font-weight:400; overflow:hidden; clear:both; color:#fff;}
#dnn_SEOPane p{margin-bottom:10px;}
#dnn_SEOPane a{color:#ffcc00;}

#ndlink {float:left;}
#poweredbynd, #poweredbynd:hover {margin:0 auto; width:225px; height:75px; padding:0 20px 0 150px; text-align:left; background: url(//a2.nd-cdn.us/img/pages/netdriven/ndbadge.png) no-repeat;}
#poweredbynd {background-position: 0 0; position:static; overflow:hidden;}
#poweredbynd:hover {background-position: 0 -75px;}
#poweredbynd #login { float: left; clear: right; color: #FFF; font-size: 10px; line-height: 11px; text-align: left; margin-top:20px; margin-bottom:20px;  height:35px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#poweredbynd #login a { text-decoration:none; color:#FFCC00;}
#poweredbynd #login a:hover { text-decoration:none; color:#fff;}
#ndlinks{font-weight:400;}

/*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: #fff !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: #FFCC00 !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: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:#fff;}
#BottomFooter h2 { color:#FFCC00; 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:#fff; text-decoration:none;}
#BottomFooter a:hover, .footerseo a { color:#FFCC00; 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 {vertical-align:text-top; text-align:center;}
#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:#fbad50; }
#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; }