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

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

.webfont { font-weight:700; font-family: "futura-pt-condensed-n7", "futura-pt-condensed",sans-serif;}


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


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


/* GROUP STYLES E-COMMERCE
----------------------------------------------------------------------------------------------------*/
a.BuyButton, a.Checkout, a.NBright_ClientButton, a.RemoveWishList, a.NBright_RecalcButton, a.CancelOrderButton, .progress-bar-bg{background:url("//a2.nd-cdn.us/img/NB_Store/buttonbg.png") bottom repeat-x #999999 !important; color:#FFF;}
.progress-bar-bg{background-image:none;}
.ecom-wrapper{border:1px solid #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; overflow:hidden; margin-bottom:10px;}


/* NAVIGATION
----------------------------------------------------------------------------------------------------*/
#contentnav {background: url(img/navbg.jpg) repeat-x; margin:1px auto 3px; /*width: 980px;*/  height:37px; position:relative;  }
#contentnav #HouseMenuNav iframe {display: none;}
#contentnav #HouseMenuNav ul, #HouseMenuNav li {list-style-type: none;}
#contentnav #HouseMenuNav, #contentnav1 #HouseMenuNav ul {background: #fff;} 
#contentnav #HouseMenuNav a { color:#FFF; font-size:18px; padding: 0 12px 18px; text-transform:uppercase; display: block; text-decoration:none;}
#contentnav #HouseMenuNav li:hover > a {background:url(img/navhover.png) no-repeat center top; color:#fff;}
#contentnav #HouseMenuNav li {float: left; line-height:37px;}
#contentnav #HouseMenuNav li ul { background:url(img/navsub.png) repeat; left: -999em; margin-top: 0; position: absolute; width:188px; z-index: 10;}
#contentnav #HouseMenuNav li ul li {border: 0px;}
#contentnav #HouseMenuNav li ul li a { color:#FFF; border:0px; border-radius:0px; line-height: 28px; width:152px; padding-bottom:0;}
#contentnav #HouseMenuNav li ul li a:hover {background:url(img/navhoversub.png) repeat-x center top; color:#fff;}
#contentnav #HouseMenuNav li ul li:last-child a{border:0 !important;} 
#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;}

#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;}
#bottomnav #HouseMenuNav a, .sitemap{color: #333333 !important; text-decoration:none !important; font-weight:500; text-transform: capitalize; font-size:12px; border-left:0;}
#bottomnav #HouseMenuNav li:hover > a, .sitemap:hover {color: #cc0000 !important; }
#bottomnav #HouseMenuNav li { display:block;}
#bottomnav #HouseMenuNavItemHome a{border: none !important;}


/* CONTENT PANES
----------------------------------------------------------------------------------------------------*/
#dnn_TopContentPane {clear: both; margin:5px 5px;}

#HomePane {display:none;}
#dnn_LeftPane {float: left; margin:0 5px;} 
#dnn_RightPane {float: right; margin:0 5px;}

#HomePane2 {display:none;}
#dnn_LeftPane2 {float: left; margin:0 0; width:330px;}
#dnn_RightPane2 {float: right; margin:0 0; width:610px;}

#dnn_ContentPane {float: right; margin:5px 0;} 
#dnn_SidePane {float: left; margin:5px 0; width:330px;}

#dnn_MiddleContentPane {clear: both; margin:5px 5px;}

#dnn_ContentPane2 {float: left; margin:5px 5px;}
#dnn_SidePane2 {float: right; margin:5px 5px;}

#dnn_BottomContentPane {clear: both; margin:5px 0;}

#dnn_MobileMenuPane, #dnn_MobileContentPane {display:none;}  
 
#dnn_BottomPane{float:right;}
#bottomcontent {width:980px; margin:0 auto;}

#BottomFooter {display:block;}
#dnn_FooterPane1, #dnn_FooterPane2, #dnn_FooterPane3, #dnn_FooterPane4 {background:#fff; min-height:320px; float:left; padding:10px 20px 10px; margin:10px 10px 10px 0; }
#dnn_FooterPane1 { width:165px;}
#dnn_FooterPane2 { width:110px;}
#dnn_FooterPane3 { width:305px;}
#dnn_FooterPane4 { width:210px;}
#BottomFooter .lastpane {float:right !important; margin:10px 0;}

#BottomFooter { color:#333333;}
#BottomFooter h2 { color:#cc0000; 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 a, .footerseo a:hover { color:#333333; text-decoration:none; line-height:18px;}
#BottomFooter a:hover, .footerseo a { color:#cc0000 !important; 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; line-height:18px;}

.socialh2 { }

#nd-buttons.contact {margin:10px 0;}
#nd-buttons.contact .item:hover {background-position:bottom;}
#nd-buttons.contact .item {float:left; width:148px; height:31px;}
#nd-buttons.contact .one {background:url(img/footer-contactus.png) no-repeat top center;}


/* CONTENT HEADER
----------------------------------------------------------------------------------------------------*/
#contentheader {width: 980px; padding:0; height:124px; margin: 0 auto; position:relative;}
#dnn_dnnLogo_imgLogo {float: left; margin:5px 0 0 20px;}
#dnn_HeaderContactPane {float: left; margin:27px 0 0 110px;}

#headercontact { color: #fff; text-transform:uppercase;}
.phone { font-size:30px; }
.address { font-size:20px; line-height:22px; }
.hours { font-size:12px; line-height:12px; }


/* CONTENT MAIN
----------------------------------------------------------------------------------------------------*/
#contentmain {background:none; width: 980px; margin:0 auto; padding:5px 0px;}
#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 {color: #fff; background:url("//a2.nd-cdn.us/img/subtitlebar.png") repeat left center; display: block !important; font-weight:700; height: 33px; line-height:33px !important; text-indent: 20px; text-transform:none; border:1px solid #333; font-size:12px;}
.subtitle a {color: #fff;}
#contentmain ul, #contentmain ol {margin: 0 0 10px 35px; padding-left: 0px; 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:#cc0000; font-size:20px; text-transform:uppercase; font-weight:700; font-family: "futura-pt-condensed-n7", "futura-pt-condensed",sans-serif;}
.pc-header {background:#fff !important; padding:10px 20px; height:30px; border-radius:10px 10px 0 0;}
.pc-body {background:#fff !important; overflow: auto; padding: 0px 20px 20px 20px;}
.pc-footer {background:#fff !important; height: 20px; border-radius: 0 0 10px 10px;}

#hometext {background:url(img/homebg.png) no-repeat 0 0; color: #fff; padding: 10px 10px;}
#hometext h1{color:#cc0000; font-size:30px; text-transform:uppercase;}
#hometext ul{margin:0 0 0 30px; float:left;}
#hometext li{ margin:0 0 10px;}
#hometext p{margin:0 0 10px;}
/*#hometext a {color: #cc0000;}*/

.brands, .assoc {text-align:center;}
#app-style, #app-style-small {display:none;}
.LGImage{list-style:none !important;}

.locwidget-fax, .locfax{display:none;}


/* CSS3 Defaults
----------------------------------------------------------------------------------------------------*/
.shadow{box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333; position:relative;}
.rounded{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:relative;}
.transition{transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

#call-to-action{display:block; background:url(//a2.nd-cdn.us/img/cta.png) repeat-x bottom center; text-align:center; text-transform:uppercase; padding:20px; border:1px solid #333; font-size:20px; text-decoration:none; font-weight:800; color:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 0 3px #666; -moz-box-shadow:0 0 3px #666; -webkit-box-shadow:0 0 3px #666; }
#call-to-action .coming-soon{font-size:30px;}
#call-to-action:hover{background:url(//a2.nd-cdn.us/img/cta-hover.png) repeat-x top center;}
#call-to-action img{display:none;}


/* SLIDER SIZING
----------------------------------------------------------------------------------------------------
.sliderImage img, #dnn_ctr####_View_Scroller_slider1 {width:460px !important; height:175px !important; }*/


/* VEHICLE LOOKUP BAR
----------------------------------------------------------------------------------------------------*/
#find-tire-bar {width:330px; height:220px; margin:0; background:url(img/vlb-bg.png) no-repeat center top; position:relative;}
#TireSizeFinder { padding:51px 0 0 120px;}
#TireSizeFinder #sizefinder-inputs {background:url(img/vlbtitle.jpg) no-repeat left top; padding:0 0 0 25px;}
#TireSizeFinder #sizefinder-inputs select {width:135px !important;}
#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;}
#links {clear:both;}
.vlbCatalogBtn{background:url(img/vlb-catalog.png) no-repeat; display:block; width:193px; height:29px; text-indent:-9999px;}
.vlbCatalogBtn:hover{background-position:bottom;}
.searchbuttons { display:none;}


/* SUB NAV & SIDE PANE
----------------------------------------------------------------------------------------------------*/
#nd-buttons{}

#nd-buttons.sub {margin:0 0;}
#nd-buttons.bars {margin:0 0;}
#nd-buttons.side {margin:0 0 10px;}

#nd-buttons .item{display:block; text-indent:-9999px;}
#nd-buttons.sub .item:hover{background-position:bottom;}
#nd-buttons.bars .item:hover{background-position:bottom;}
#nd-buttons.side .item:hover{background-position:bottom;}
#nd-buttons.sub .item{float:left; height:110px; }
#nd-buttons.bars .item{float:left; width:300px; height:72px; margin-bottom:12px;}
#nd-buttons.side .item{ height:110px; margin-bottom:10px; }
#nd-buttons .last{margin:0 !important;}

#nd-buttons.sub .one{background:url(img/sub1.png) no-repeat top center; width:315px;}
#nd-buttons.sub .two{background:url(img/sub2.png) no-repeat top center; width:340px;}
#nd-buttons.sub .three{background:url(img/sub3.png) no-repeat top center; width:315px;}

#nd-buttons.bars .one{background:url(img/bar1.jpg) no-repeat top center;}
#nd-buttons.bars .two{background:url(img/bar2.jpg) no-repeat top center;}
#nd-buttons.bars .three{background:url(img/bar3.jpg) no-repeat top center;}
#nd-buttons.bars .four{background:url(img/bar4.jpg) no-repeat top center;}

#nd-buttons.side .one{background:url(img/sidepanebutton001.png) no-repeat top center;}
#nd-buttons.side .two{background:url(img/sidepanebutton002.png) no-repeat top center;}
#nd-buttons.side .three{background:url(img/sidepanebutton003.png) no-repeat top center;}
#nd-buttons.side .four{background:url(img/sidepanebutton004.png) no-repeat top center;}


/* SOCIAL STYLES
----------------------------------------------------------------------------------------------------*/
#social {float: left; margin:0 0;}
#social p{float: left; color:#fff; text-transform:uppercase; margin-right:10px; font-size:14px; line-height:32px; }
#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-facebook:hover, #socialfont .fa.fa-twitter:hover, #socialfont .fa.fa-google-plus:hover, #socialfont .fa.fa-yelp:hover { background:#666666 !important; }

#social .like{float:left;}
#___plusone_0, .fblike {float:left !important;}
.fblike {width:50px !important;}
#___plusone_0 {margin-right:5px !important;}

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


/* CONTENT FOOTER
----------------------------------------------------------------------------------------------------*/
#contentfooter {overflow:hidden; clear: both;}


/* NET DRIVEN
----------------------------------------------------------------------------------------------------*/
#bgbottom{overflow:hidden; /*background:#fff url(img/bgbottom.jpg) repeat-x center top; padding-top:10px; margin-top:10px;*/}

#netdriven { width: 980px; margin: 0 auto 30px; overflow:hidden;}

#poweredbynd {color:#fff; margin:30px auto 0; width:157px; height:39px; padding:3px 4px 0; background: url(//a2.nd-cdn.us/Skinning/ND_Badge/nd_badge.png) no-repeat center top;}
#poweredbynd #login { }
#poweredbynd #login a.ndlogo {background: url(//a2.nd-cdn.us/Skinning/ND_Badge/nd_logo.png) no-repeat center top; width:57px; height:35px; float:left; text-indent:-9999px;}
#poweredbynd #login a.ndlogo:hover {background-position:bottom;}
#poweredbynd #login span {float:right; text-align:center; font-size:9px; margin-top:5px;}
#poweredbynd #login span a{text-decoration:underline !important; color:#fff;}
#poweredbynd #login span a:hover{text-decoration:underline !important; color:#ccc;}