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

/* GENERAL PAGE STYLES
----------------------------------------------------------------------------------------------------*/
#nd-background{ }
body#Body {background: #fff 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:#f20000;}
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: "nimbus-sans-condensed-n7","nimbus-sans-condensed",sans-serif;}


/* MAIN BRANDING STYLING
----------------------------------------------------------------------------------------------------*/
.ndcustomcolorclass, .ndcustomcolorcontainer img {background-color:#f20000 !important;}
.ndcustomtextcolor1 {color:#f20000 !important;}
.ndmoduletextcolor1 {color:#f20000 !important;}
.ndcustomtextcolor2 {color:#000000 !important;}
.ndmoduletextcolor2 {color:#000000 !important;}
.ndcustomlinkcolor1 {color:#f20000 !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:#f20000 !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;}


#brands {text-align:center; background:#fff;}
#brands img {width:15%;}

/* MAIN SKIN STYLES
----------------------------------------------------------------------------------------------------*/
#container {width: 990px; margin:14px auto 0; overflow:hidden;}
#contentbody {width: 990px; 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 {width: 990px; background: url(img/navbg.jpg) repeat-x; margin:11px auto 4px; height:51px;}
#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: #595959; display: block; font-size:20px; padding: 0 19px; text-transform: uppercase; text-decoration:none;}
#contentnav #HouseMenuNav li:hover > a {color: #f20000;}
#contentnav #HouseMenuNav li {float: left; line-height:51px;}
#contentnav #HouseMenuNav li ul {background:#E6E4E5; 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: #595959; line-height: 20px; width: 148px; border: 0px; font-size:18px;}
#contentnav #HouseMenuNav li ul li a:hover {color:#f20000;}
#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 a{border: none !important;}

#bottomnav {margin:10px 0; text-align:center; 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, #dnn_SitemapPane .sitemap{color: #f20000; font-weight:700; padding:0 1px 0 3px; text-transform:uppercase; text-align:center; font-size:10px; line-height:10px; border-left:1px solid #f20000;}
#bottomnav #HouseMenuNav li:hover > a, #dnn_SitemapPane .sitemap:hover {color: #fff; }
#bottomnav #HouseMenuNav li { display:inline; margin:0; }
#bottomnav #HouseMenuNavItemHome a{border: none !important;}


/* VEHICLE LOOKUP BAR - HORIZONTAL
----------------------------------------------------------------------------------------------------*/
#find-tire-bar {width:990px; height:186px; margin:0; background:url(img/vlb-bg.png) no-repeat center top;}
#TireSizeFinder { padding:22px 20px 0 425px;}
#TireSizeFinder #sizefinder-inputs {background:url(img/vlbtitle.jpg) no-repeat left top; width:140px; float:left; padding:4px 0 0 0px;}
#TireSizeFinder #sizefinder-inputs select {width:100px !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 {float:right; padding:0 53px;}
.searchbuttons {margin:0 0 0 0;}

/* VLB Button Changes
----------------------------------------------------------------------------------------------------*/
.vlbCatalogBtn img{ margin:12px 0 0 -9px;}
.sizebtn, .brandbtn { display:inline; text-indent:-9999px; width:266px; height:19px; float:left; clear:both;}
.sizebtn {background:url(img/vlb-size.png) no-repeat 0 0; margin:30px 0px;}
.brandbtn {background:url(img/vlb-brands.png) no-repeat 0 0; margin:0 0px;}


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

#HomePane { }
#dnn_LeftPane {float: left; margin:5px 0; width:520px;} 
#dnn_RightPane {float: right; margin:5px 0; width:460px;}

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

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

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

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

#dnn_FooterPane {overflow: hidden;}
#dnn_BottomLinksPane {margin:0 auto;}
#dnn_SitemapPane, #dnn_SitemapPane *{display:inline;}
#HouseWindow3{display:inline;}
/*#dnn_SEOPane{margin:0 auto 10px;}*/

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

#BottomFooter {display:none; clear:both; width:980px; margin:0 auto;}
#dnn_LinksPane, #dnn_LinksPane2, #dnn_LinksPane3, #dnn_SEOPane { min-height:420px; padding:10px 20px 10px;} 
#dnn_LinksPane, #dnn_LinksPane2 {float:left; margin:10px 10px 10px 0;}
#dnn_LinksPane { width:110px;}
#dnn_LinksPane2 { width:190px;}
#dnn_SEOPane {float:left; margin:10px 10px 10px 0; width:380px;}
#dnn_LinksPane3 { float:right; margin:10px 0; width:110px;}

#dnn_SEOPane p { }
#dnn_SEOPane #bottomboxes a { color:#f20000; text-decoration:none;}
#dnn_SEOPane #bottomboxes a:hover { color:#666666; text-decoration:none;}

#bottomboxes { color:#666666;}
#bottomboxes h2 { color:#f20000; font-size:19px; text-transform: capitalize; font-weight:700; font-family: "myriad-pro-n7", "myriad-pro",sans-serif; margin-bottom:10px;}
#bottomboxes p { margin-bottom:5px !important;}
#bottomboxes span {}
#bottomboxes a { color:#666666; text-decoration:none;}
#bottomboxes a:hover { color:#f20000; text-decoration:none;}

#bottomboxes ul#HouseMenuNav {margin:0 !important;}
#bottomboxes ul#HouseMenuNav li {list-style:none !important; margin-bottom:5px !important;}

.footerSEO { }
.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:45px;}
#nd-buttons.contact .one {background:url(img/footer-contactus.png) no-repeat top center;}


/* CONTENT HEADER
----------------------------------------------------------------------------------------------------*/
#contentheader {width: 990px; padding:0; height:218px; background: url(img/header.jpg) no-repeat; margin: 0 auto; position:relative;}
#dnn_dnnLogo_imgLogo {float: left; margin:10px 0 0 55px;}
#dnn_HeaderContactPane {float: left; clear:both; margin:41px 0 0 0;}

.headerinfo { color: #fff; font-size:16px; width:980px; margin:0 5px; text-align:center; line-height:34px; text-transform: capitalize; font-weight: 700; font-family: "nimbus-sans-n7","nimbus-sans",sans-serif;}
.phone{ font-size:20px;}
.address{ font-size:14px;}
.hours{ font-size:12px;}


/* CONTENT MAIN
----------------------------------------------------------------------------------------------------*/
#contentmain {width: 990px; margin:0 auto; padding:5px 0;}
#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; 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:#005bbb; font-size:26px; text-transform:uppercase; font-weight:700; font-family: "myriad-pro-n7", "myriad-pro",sans-serif;}
.pc-header {/*background: url(img/contentmainheaderbg.png) no-repeat left top;*/ background:#fff !important; padding:10px 20px; height:30px; border-radius:10px 10px 0 0;}
.pc-body {background: #ffffff; /*background:none !important;*/ overflow: auto; padding: 0px 20px 20px 20px;}
.pc-footer {/*background: url(img/contentmainfooterbg.png) no-repeat left bottom;*/ background:#fff !important; height: 20px; border-radius: 0 0 10px 10px;}

#hometext {color: #000; background:url(img/homebg.png) no-repeat 0 0; height:130px; padding: 10px 10px;}
#hometext h1{color:#005bbb; font-size:26px; text-transform:uppercase; font-weight:700; font-family: "myriad-pro-n7", "myriad-pro",sans-serif;}
#hometext p{margin:0 0; font-size:13px; line-height:18px;}
/*#hometext a {color: #f20000;}*/


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

/* If no fax number
.locwidget-fax{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{width:520px !important;}
#dnn_ctr11233_View_Scroller_slider1 {height:200px !important; width:520px !important;}


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

#nd-buttons.sub{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.side .item:hover{background-position:bottom;}
#nd-buttons.sub .item{float:left; width:225px; height:200px; margin-right:10px;}
#nd-buttons.side .item{ height:85px; margin-bottom:10px; }
#nd-buttons .last{margin:0 !important;}

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

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


/* CONTENT FOOTER
----------------------------------------------------------------------------------------------------*/
#contentfooter {overflow:hidden; clear: both;}
#socialfooter{margin-bottom:0;}
#tirebrands{float:right; padding-top:3px;}


/* SOCIAL MEDIA 20PX
----------------------------------------------------------------------------------------------------*/
#socialmedia {width:200px; float:left; margin:0 0 0 0;}
#associations, #BottomSocial, #social-icon  { height:20px; }
#associations { width:80px; float:left; margin:0 0 0 0; }
#BottomSocial, #social-icon { overflow:hidden; }
#social-icon { width:20px; display:block; float:left; text-indent:-9999px; margin:0 5px 0 0;}

.social {float:right; margin:0 0 0 0; width:120px;}
#___plusone_0 {margin:0 5px 0 0 !important; position:relative; top:-1px; *display:none !important;}

.BottomFacebook {background:url(//a2.nd-cdn.us/img/socialmedia/20px-social/facebook.png) no-repeat 0 0;}
.BottomTwitter {background:url(//a2.nd-cdn.us/img/socialmedia/20px-social/twitter.png) no-repeat 0 0;}
.BottomGooglePlaces {background:url(//a2.nd-cdn.us/img/socialmedia/20px-social/googleplaces.png) no-repeat 0 0;}
.BottomFacebook:hover, .BottomTwitter:hover, .BottomGooglePlaces:hover {background-position:bottom;}


/* SOCIAL MEDIA2
----------------------------------------------------------------------------------------------------*/
#socialmedia2 {width:190px; float:left; margin:0 0 0 0;}
#associations2, #BottomSocial2, #social-icon2  { height:25px; }
#associations2 { width:190px; float:left; margin:0 0 0 0; }
#BottomSocial2, #social-icon2 { overflow:hidden; }
#social-icon2 { width:24px; display:block; float:left; text-indent:-9999px; margin:0 5px 0 0;}

.BottomFacebook2 {background:url(img/facebook.png) no-repeat 0 0;}
.BottomTwitter2 {background:url(img/twitter.png) no-repeat 0 0;}
.BottomGooglePlaces2 {background:url(img/googleplaces.png) no-repeat 0 0;}
.BottomYoutube2 {background:url(img/youtube.png) no-repeat 0 0;}
.BottomFacebook2:hover, .BottomTwitter2:hover, .BottomGooglePlaces2:hover, .BottomYoutube2:hover {background-position:bottom;}


/* NET DRIVEN
----------------------------------------------------------------------------------------------------*/
#bgbottom{overflow:hidden; background:#dddcdc; padding-top:10px; margin-top:10px;}

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

/*#dnn_SEOPane {font-size:10px; font-weight:400; overflow:hidden; clear:both; line-height:normal; text-align:center;}
#dnn_SEOPane p{margin-bottom:10px; }
#dnn_SEOPane a { color:#fff; }
#dnn_SEOPane a:hover { color:#fff; }*/

#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:#fff;*/ }
#poweredbynd #login a:hover { text-decoration:none; /*color:#fff;*/ }
#ndlinks{font-weight:400;}