/*
Theme Name: National Auto Sound & Security
Theme URI: http://www.nationalautosound.com
Description: The custom theme by the famous <a href="http://www.sevenplacesproductions.com">Seven Places Productions</a>
Version: 2.2.5
Author: Jamon Abercrombie
Author URI: http://www.sevenplacesproductions.com
*/

body {font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Helvetica, "Trebuchet MS", Verdana, Sans-Serif; background: #fff url(images/back-repeatshort.jpg) repeat-x top; color: #333; text-align: center; padding: 0; margin: 0 auto}
body.home {background: #fff url(images/back-repeat.jpg) repeat-x top;}


#page {text-align: left; margin: 0 auto; width:925px; padding: 0}


#header {margin: 0; padding: 0}
#header .topnav {float: right; width: 655px; width:675px;] margin: 0; padding: 0; }
#header .topnav p {margin:3px 0 0 0; padding: 0;}
#header .topnav strong {color: #941e22; font-size: 14px; margin-left: 10px;}
#header .topnav {color: #333;}
#header .topnav a {color: #333; text-decoration: none}
#header .topnav ul {margin: 0; padding:4px 0 0 0; list-style: none; float: right; width: 314px; height: 18px; background: url(images/back-topnav-list.png) no-repeat center; text-align: left}
#header .topnav li {display: inline; font-weight: bold; margin: 5px 10px;}
#header .topnav li.home {font-size: 120%;}
#header .topnav li a:hover {color:#941e22}
#header .topnav li.form {margin: 0; padding: 0;}
#header .topnav form {float: right; width: 140px; text-align: right; margin: -3px 5px 0 0; padding: 0;}
#header .topnav input#s {margin: 0; padding: 0; width: 120px; font-size: 10px;}
#header h1 {margin: 0; padding: 0; clear: both}
#header .social {float: right; width: 620px; margin-top: -10px; text-align: right; font-size: 12px; font-variant: small-caps}
#header .social strong {color: #941e22; font-size: 13px;}


ul#nav {list-style:none; margin:10px auto; text-align:center; padding:0 5px; background: url(images/back-navblock.png) no-repeat center; position: relative; z-index: 1; height: 32px;}
#nav li {font-style: normal; float:left; position:relative; width:auto; text-align:center; cursor:default; font-size: 9px; font-weight: normal; background:url(images/nav-divide.jpg) no-repeat right center;}
#nav li a {font-style: normal; font-weight: normal; text-decoration:none; color: #fff; margin:0; padding:4px 12px 4px 12px; text-transform:uppercase; display: block}
#nav li:hover a, 
#nav li.sfHover a, 
#nav li a:hover {background:#9F1302 url(images/back-navhover.png) repeat-x bottom ; color: #fff}
#nav li li a,
#nav li:hover ul li a, 
#nav li.sfHover ul li a { display:block; color: #fff; padding: 8px 15px; background:none; margin: 0; text-align:left; text-transform:uppercase; width: auto}
#nav li li a:hover,
#nav li:hover ul li a:hover,
#nav li:hover ul li.first a:hover, 
#nav li:hover ul li.last a:hover, 
#nav li.sfHover ul li a:hover,
#nav li.sfHover ul li.first a:hover,
#nav li.sfHover ul li.last a:hover {background:#941e22; color: #fff; position: relative; z-index: 5000;}
#nav li ul {display:none; position:absolute; top:100%; left:0; font-weight:normal; padding:5px 0 0 0; width:220px; z-index: 5000; background:url(images/back-navhoversub.png); border: 4px solid #941e22; text-align: left}
#nav li>ul {top: auto; left: auto;}
#nav li li {display:block; float:none; border:0; text-align: left; background: none}
#nav li:hover ul, 
#nav li.over ul {display: block;}
#nav li ul ul {margin:-30px 0 0 170px;}
	#nav li.nine ul {margin-left: -30px;}
	#nav li.ten ul {margin-left: -130px}
	#nav li.eight ul ul,
	#nav li.nine ul ul,
	#nav li.ten ul ul {margin:-30px 0 0 -227px;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul {left: auto;}



.minibanners {float: right; width: 231px;}
.minibanners img {margin-bottom: 8px; width: 231px; height: 106px;}



#content {clear:both; width:670px; float: left}
#content.homepage {clear: both; margin-top: 35px; float: none; width: 925px;}
.homeblock {width:440px; margin: 15px 10px}
.homeblock a {color: #941e22; font-weight: bold}
.popular_items {float: left;}
.featured_products {float: right;}
.our_partners {float: left; clear: left}
.specials_promotions {float: right; clear: right}
.quick_look {float: left; clear: left}
.tips_tricks {float: left; clear: left}
.quick_look h1,
.specials_promotions h1, 
.our_partners h1,
.featured_products h1,
.popular_items h1,
.national_home h1,
.tips_tricks h1 {color: #941e22; font-size: 27px; font-weight: normal; font-family: "Trade Gothic", Arial, Helvetica; border: solid #636363; border-width: 1px 0; height: 0; padding:28px 0 0 0; overflow: hidden}
.quick_look h1 {background:url(images/header-quicklook.jpg) no-repeat top left;}
.specials_promotions h1 {background:url(images/header-specials.jpg) no-repeat top left;} 
.our_partners h1 {background:url(images/header-partners.jpg) no-repeat top left;}
.featured_products h1 {background:url(images/header-featured.jpg) no-repeat top left;}
.popular_items h1 {background:url(images/header-popular.jpg) no-repeat top left;}
.national_home h1 {background:url(images/header-national.jpg) no-repeat top left;}
.tips_tricks h1 {background:url(images/header-tipstricks.jpg) no-repeat top left;}

.quick_look p,
.national_home p,
.national_home li,
.national_home td {font-size: 12px;}

.homeblock {width:440px;}

.national_home.homeblock {width:100%; float: none; clear: both}


.popular_items #container {background: #fff; width: 440px; margin:0 auto; padding:0;}
        
/* slider specific CSS */
.popular_items .sliderGallery {background:none; overflow: hidden; position: relative; padding: 0; height: 160px; width: 440px;}
.popular_items .sliderGallery ul {position: absolute; list-style: none; overflow: none; padding: 0; margin: 0; width: 1730px; overflow: hidden; height: 130px;}
.popular_items .sliderGallery li {float:left; margin: 0; min-height: 130px; height: 130px; width:160px; text-align: center; padding: 0 5px;}
.popular_items .sliderGallery li img {max-width: 95%; max-height: 100px; border: none; vertical-align: top}
.popular_items .sliderGallery li p {font-style:italic; color: #000; margin: 0 auto; padding: 0}
.popular_items .sliderGallery li a {color: #000; text-decoration: none}
.popular_items .sliderGallery li a:hover {color: #941e22;}
.popular_items .sliderGallery li a img {border: none}
.popular_items .slider {width: 440px; height: 14px; margin-top: 140px; margin-left: 0; padding: 1px 0; position: relative; background: url(images/productbrowser_scrollbar.png) no-repeat; clear: both}
.popular_items .handle {position: absolute; cursor: move; height: 14px; width: 150px; top: 0; background: url(images/productbrowser_scroller.png) no-repeat; z-index: 100;}
.popular_items .slider span {color: #fff; font-size: 80%; cursor: pointer; position: absolute; z-index: 110; top: 3px;}        
.popular_items .slider .slider-lbl1 {left: 50px;}
.popular_items .slider .slider-lbl2 {left: 100px;}
.popular_items .slider .slider-lbl3 {left: 150px;}
.popular_items .slider .slider-lbl4 {left: 200px;}
.popular_items .slider .slider-lbl5 {left: 250px;}
.popular_items .slider .slider-lbl6 {left: 300px;}





/***** sliding boxes *****/			
.featured_products .boxgrid {width: 195px; height: 160px; float:left; background:#fff; overflow: hidden; position: relative; margin:0 10px 5px 10px; text-align:left; padding:0; border: 1px solid #941e22;}
.featured_products .boxgrid h3 {margin:50px 10px 0 10px; color:#252525; font-weight:normal; font-size: 13px; margin-bottom: 0;}
.featured_products .boxgrid:hover {cursor: default}
.featured_products .boxgrid a {color: #252525; font-weight: normal; padding: 0;}
.featured_products .boxgrid img {position: absolute; top: 0; left: 0; width: 195px; height: 160px; border: navy }
.featured_products .boxgrid p {color:#252525; font-weight:normal; padding: 0 10px; font-size:10px; margin: 0; line-height: 12px; }
.featured_products .boxgrid p.morelink {position:absolute; bottom:0; right: 0; text-align: right; background: #941e22; margin: 0; padding:4px; width: 187px; display: block}
.featured_products .boxgrid p.morelink a {color: #fff;}
.featured_products .boxgrid .product_info {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; display: block}
.featured_products .boxcaption{float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.featured_products .captionfull .boxcaption {top: 260; left: 0;}
.featured_products .caption .boxcaption {top: 220; left: 0;}
.featured_products iframe.gmap {border:4px solid #3e551e;}



.specials_promotions img {float: left; width: 45px; height: 45px; margin: 0 10px 10px 0; border: 1px solid #989898; clear: left}
.specials_promotions .specialtext {padding-left: 55px; font-size: 12px;}
.specials_promotions a {color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase}
.specials_promotions p {margin: 0; padding: 0; color: #989898; font-style: italic}
.specials_promotions .specialrows {clear: both; margin-bottom: 10px;}



.our_partners ul {margin: 0 auto; padding: 0; text-align: center; width: 400px; list-style: none}
.our_partners li {display: inline; margin:10px 10px; padding-bottom: 10px}
.our_partners li img {vertical-align: middle; margin: 5px 0; border: none; max-height: 30px;}
.our_partners li a {cursor: text}



.tips_tricks h2 {margin: 0; padding: 0; font-size: 12px; text-transform: none}
.tips_tricks a {color: #941e22; font-weight: bold; text-decoration: none; text-transform: none}
.tips_tricks h2 a {color: #454545;}
.tips_tricks a:hover {color: #454545;}
.tips_tricks p {margin: 0; padding: 0; color: #454545; font-style: italic; font-size: 12px;}
.tips_tricks .tipline {margin-bottom: 15px;}



.post,
.search .page {font-size: 12px;}
.post h2,
.search .page h2,
h2.pagetitle {color: #941e22; text-align: center; font-size: 34px;}
h2.pagetitle small {font-weight: normal; font-size: 18px; font-style: italic}
.post a,
.search .page a {color: #941e22}
.post p,
.search .page p, 
.post li {font-size: 12px;}
.post p {clear: both}
.post a img,
.search .page a img {border: none}
.post img,
.post table {max-width: 100%;}
.post address {font-style: normal}



table.servicestaff {width: 100%; text-align: center}
.servicestaff td {width: 25%; padding: 0 10px; vertical-align: top;}
.servicestaff td img {border: 2px solid #941e22}



#sidebar {width: 233px; float: right; margin-top:25px; }
#sidebar .sidebanners img {margin-bottom: 15px;}
#sidebar .sidebanners {text-align: center; margin-bottom: 15px}
#sidebar .sidebanners h1 {text-align: left}

#sidebar .navblock {margin-bottom: 15px; }
#sidebar .navblock h2 {background:#941e22;  text-align: center; color: #fff; padding: 5px 10px; margin: 0;}
#sidebar .navblock h2 a {color: #fff; text-decoration: none}
#sidebar .navblock h2 a:hover {color: #fc0;}
#sidebar .navblock ul {margin: 0 0 25px 0; padding: 0; list-style: none; background:#252525; border: 4px solid #941e22; text-align: left}
#sidebar .navblock li {font-style: normal; font-size: 9px; font-weight: normal;}
#sidebar .navblock li a {text-decoration:none; color: #fff; margin:0; padding:8px; text-transform:uppercase; display: block}
#sidebar .navblock li.current_page_item,
#sidebar .navblock li.current_page_item a {background:#fff; color: #941e22; font-weight: bold}
#sidebar .navblock li.current_page_item li,
#sidebar .navblock li.current_page_item li a {background:#252525; color: #fff; font-weight: normal}
#sidebar .navblock li li a { display:block; color: #fff; padding: 8px 8px 8px 25px; background:none; margin: 0; text-align:left; text-transform:uppercase; width: auto}
#sidebar .navblock li li li a {padding: 8px 8px 8px 50px;}
#sidebar .navblock li ul {font-weight:normal; padding:0; background: none; border: none; margin: 0 }
#sidebar .navblock li a:hover,
#sidebar .navblock li li a:hover,
#sidebar .navblock li.current_page_item li a:hover {background:#941e22; color: #fff}


#sidebar ul, 
#sidebar ol {margin: 0; padding: 0; list-style: none; text-align: left}
#sidebar li#cforms-2 {margin-bottom: 15px;}
#sidebar fieldset {border: 4px solid #941e22}
#sidebar form {max-width: 233px;}
#sidebar textarea {width:210px; font-size: 11px; border: 1px solid #ccc}
#sidebar li#cforms-2 .cf_hidden,
#sidebar li#cforms-2 .reqtxt,
#sidebar li#cforms-2 .emailreqtxt {display: none}
#sidebar li#cforms-2 legend {font-size: 14px; color: #941e22; font-weight: bold}
#sidebar li#cforms-2 label {display: none}
#sidebar li#cforms-2 li input {width:205px; font-size: 10px; margin-bottom: 5px; border: 1px solid #ccc}


#sidebar .ourpartners {margin-bottom: 15px;}
#sidebar .ourpartners img {vertical-align: middle; margin: 5px 2px; border: none; max-height: 30px;}
#sidebar .ourpartners a img {border: none}
#sidebar .ourpartners a {cursor: text}


.commentlist li, 
#commentform input, 
#commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, 
.commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}


img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 10px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 10px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */


#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%; padding: 2px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto; float: right;}
/* End Form Elements */


/* Begin Comments*/
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children {padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}
/* End Comments */


blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}


.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
/* End Various Tags & Classes*/


/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}


#footer {text-align: right; padding-bottom: 15px; clear: both}
#footer p {margin: 0; padding: 0; text-align: right; font-size: 12px; font-weight: bold; color: #941e22}
#footer p a {color: #941e22; text-decoration: none}
#footer ul {margin: 0; padding: 0; list-style: none; text-align: right}
#footer li {display: inline; margin: 0 0 0 5px; font-size: 12px;}
#footer li a {color: #636363; text-decoration: none}
#footer li a:hover {color: #941e22;}

#footer .address {text-align: center; font-size: 12px; margin-bottom: 15px;}
#footer .address strong {font-size: 16px; color: #000;}
#footer .address em {color: #989898; font-style: italic}
#footer .address a {color: #941e22;}
#footer .address a:hover {color: #000; font-weight: bold}

#footer .pimpin {font-size: 10px; font-weight: normal; color: #989898; margin-top:25px;}
#footer .pimpin a {color: #989898}
#footer .pimpin a:hover {color: #941e22}
#footer .pimpin img {vertical-align: middle}

.ngg-galleryoverview {text-align: center}

.ddsg-wrapper h2,
.ddsg-wrapper li strong,
.linklove,
p.nocomments {display: none}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin:0 10px 10px 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

.post .ngg-gallery-thumbnail img,
.ngg-gallery-thumbnail img {width:100px; height:75px; min-height: 75px; min-width: 100px; max-height: 75px; max-width: 100px}