@charset "utf-8";
/* CSS Document */

/* CLEAR ALL STYLING */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
margin-bottom:20px;
}

strong{
font-weight:bold;
}

.strong{
font-weight:bold;
}

em{
font-style:italic;
}

hr{
float:left;
clear:both;
width:100%;
}

.clear{
clear:both;
}

.clear-right{
clear:right;
}

.clear-left{
clear:left;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.left{
float:left;
}

.right{
float:right;
}

.shadow{
background:transparent url(../images/background-shadow-bottom-right.png) no-repeat scroll right bottom;
float:left;
margin:5px 10px 5px 0;
padding:0 7px 7px 0;
}

.shadow-right{
background:transparent url(../images/background-shadow-bottom-right.png) no-repeat scroll right bottom;
float:right;
margin:0px 10px 5px 20px;
padding:0 7px 7px 0;
}

.inner{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #999999;
float:left;
overflow:hidden;
padding:5px;
text-align:left;
}


/* SCREEN STYLESHEET FOR LOUS CUSTOM EXHAUST */

/* BASIC TYPOGRAPHY */

/* MAIN FONTS & COLORS */
body{
	background:#081929 url(../images/body_background.jpg) repeat-x top;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	padding: 0;
	margin: 0;
}

p {
line-height:1.4em;
margin:0 0 10px 0;
}

a {color:#336699;}

#spacer{clear:both; line-height:1px;}


/* HEADINGS */
h1{
font-size:30px;
border-bottom:4px solid #336699;
margin:0 0 10px;
font-weight:bold;
text-transform:uppercase;
}

h2{
font-size:25px;
margin:0 0 10px;
font-weight:bold;
background:#fff url(../images/dotline.gif) repeat-x bottom;
padding-bottom:10px;
}

h3{
font-size:18px;
font-weight:bold;
margin:0 0 5px; 
padding:0px;
}

h4{font-weight:bold; color:#336699; font-size:14px; margin-bottom:10px;}

ul{
list-style:disc;
}

ul li{
list-style:disc;
}

input, textarea {border:1px solid #666;}
input:hover, textarea:hover {border:1px solid #000;}


/* BYLINE & QUICKMENU */
#byline {text-align:center; color:#336699; margin:10px;font-size:12px;}
#byline h1 {font-size:11px;font-weight:normal; border:none; margin:0; text-transform:none;}
#byline a{text-decoration:none; color:#336699;}
#byline a:hover{text-decoration:underline; color:#336699;}

#product {background:#efefef; margin:10px 10px 10px 0px; clear:both; float:left; padding:10px; width:90%; border:1px solid #ccc;}

#product img{float:left; margin:0px 10px 0px 0px;}

#product strong{font-size:16px; font-weight:bold;}

img.productthumb {border:1px solid #ccc;}

#quickmenu ul{ 
list-style-type:none;
}

#quickmenu li{
	border:none;
	border-bottom:1px solid #CCC;
	padding:0px; margin-left:10px;
width:250px;
margin-bottom:3px;
line-height:25px;
}

#quickmenu li a{
background:#336699 url(../images/quickmenu_bg.jpg);
	display:block;
text-decoration:none;
color:#fff;
font-weight:bold;
padding-left:25px;
}

#quickmenu li a:hover {
	color:#000;
background:#336699 url(../images/quickmenu_bg_hover.jpg);
}

/* STRUCTURE */
#container{
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 970px;
}

/*	Header */	
#header {
	float:left;
	background: #153C62 url(../images/lous-header.gif) no-repeat bottom center;
	margin: 0px; 
	padding: 0;
	height:85px; 
	width: 970px;
border-left:3px solid #153C62;
}

#header span{
	display:none;
}

#header h1 {
	padding:0;
	margin: 0;
	border:none;
}

#header h1 a {
	float:left;
	display: block;
	margin:0px;
	height: 85px;
	width: 140px;
	text-decoration:none;
}

a.youtube{
display:block;
width:70px;
height:85px;
overflow:hidden;
background-image:url(../images/youtube.gif);
background-position:top;
background-repeat:no-repeat;
float:left;
margin-right:0px;
}

a.facebook{
display:block;
width:70px;
height:85px;
overflow:hidden;
background-image:url(../images/facebook.gif);
background-position:top;
background-repeat:no-repeat;
float:left;
margin-right:0px;
}

a.twitter{
display:block;
width:70px;
height:85px;
overflow:hidden;
background-image:url(../images/twitter.gif);
background-position:top;
background-repeat:no-repeat;
float:left;
}

a.facebook:hover, a.twitter:hover, a.youtube:hover{
background-position:bottom;
}

/*	End Header */

/*	TOOLBAR */
#toolbar, #toolbar p{
	line-height:22px;
	text-align:right;
	text-transform:uppercase;
	color:#FFF;
	font-size:10px;
	margin:0px;
	padding:0px;
}

#toolbar a{
	text-decoration:none;
	color:#fff;
}

#toolbar a:hover{
	text-decoration:underline;
}
/*	End TOOLBAR */

/* SEARCH FORM */

.searchbar {
	float:right;
	margin: 50px 10px 0 0; 
	padding:0;
}

div.searchbar img {
	border: 0
}

.searchform {
	width: 235px;
	height: 21px;
	text-align: left;
   
}

#header input#CAT_Search { 
	width: 220px;
	height: 21px;
	margin:0;
	padding: 3px 0 0 3px;
	background: url(../images/search-back.gif) no-repeat;
         border: 0;
        font-size: 10px;
}

#header .cat_go
{
	vertical-align: top;
	margin: -1px 0 0;
        border: 0;
	background: url(../images/go.gif) no-repeat;
cursor:pointer;
        width:25px;
        height:23px;
        float:right;
}


/* END SEARCH FORM */

/* CONTENT FORM */
#content form{
	margin:10px 10px;
	background:#efefef;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	padding:10px;
}

#content form p {
	margin:10px 0px;
}

#content form input, #content form textarea {
	padding:3px;
	width:325px;
}

#content form input.checkbox {
	width:15px;
}

#content form input.button {
	width:75px;
	background:#666;
	border:1px solid #000;
}

.announcement-details .comment-form {
width:auto;
}
/* END CONTENT FORM */


/* CONTENT */
#page {
	clear:both;
	background: #000 url(../images/content_background.gif) repeat-x;
	border-left:1px solid #000;
	border-right:1px solid #000;
	width:970px;
}

#content {
	float: left;
padding:10px 10px 20px;
width:490px;
	margin:10px 5px 20px 5px;
	background: #FFF;
	border:2px solid #000;
}

#content ul, #content ol{
padding-left:25px;
}

#content img.homeimage{border:none;margin:5px;padding:0px;}

#content.wide {
	float: right;
	width: 710px;
	margin:10px 10px 20px 0px;
	padding:10px 10px 20px;
	background: #FFF;
	border:2px solid #000;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.summary {
	font-weight:bold;
	font-size:12px;
	margin:10px 0;
	padding-bottom:10px;
	background:#fff url(../images/dotline.gif) repeat-x bottom;
}

.summary h2{
margin:10px 0px 5px 0px;
        font-weight:bold;
        color:#336699;
text-transform:uppercase;
font-size:16px;
}

.body-content-narrow {
	float:left;
width:295px;
	margin:0px 5px 0px 0px;
} 

.body-content-narrow ul {
        margin:15px;
}

.body-content-narrow img{border:1px solid #000;}

.body-content-wide {
	float:left;
	width:515px;
	margin:0px 5px 0px 10px;
}

.body-content-wide p {
	width:90%;
}

.body-content-medium {
	float:left;
	width:490px;
	margin:0px 5px 0px 0px;
}

.body-content-medium img{
	float:left;
	width:70px;
	margin:0px 10px 20px 0;
}

.body-content-medium h2 a{
	text-decoration: none;
}

.body-content-narrow h2 a{
	text-decoration: none;
        margin: 8px 0 0 0;
        padding: 0
}

.body-content-medium p {
	margin:0 ;
}

.body-content-wide p {
	margin:0px;
}

.right-photos {
	float:right;
	width:185px;
}

.right-photos img{
	margin-bottom:10px;
}

.right-photos-gallery {
	float:right;
	width:155px;
	margin-right:10px;
}

.thumbnail {
	border: 1px solid black;
	/* background-color: black; */
	/* margin-right: 10px; */
	margin-bottom: 10px;
}

.right-photos-gallery img{
	margin-bottom: 10px;
        border: 1px solid #000
        
}

.thumbnailText {
        background-color: black;
	height: 18px; 
	padding: 1px 0px 1px 7px;
	font-family: arial narrow, arial, helvetica; 
	color: white;
	text-transform: uppercase;
}

.gallery h2{
background-image:none;
}

/* ROTATORS */

.rotator-title{
float:left;
clear:both;
border-top:5px solid #366696;
}

/* END CONTENT */

/* TABLES */

.marker { background-color: #ff6; }

 table.search-results
{
	width: 710px;
	margin: 10px;
	padding: 0;
}

 table.search-results td
{
	padding: 14px;
	margin: 0;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        line-height: 19px
}

 table.search-results tr
{
	border-bottom: 1px dotted #ccc;
}

table.search-results tr.one
{
	background-color: #e9e9e9;
}

 table.search-results tr.two
{
	background-color: #f5f5f5;
}

table.search-results td a.more
{
	
        color: #06c;
        font-size: 10px;
     
}

table.sounds, table.systems
{
	line-height:19px;
     
}

table.sounds td{
vertical-align:middle;
padding:2px 0;
}

table.systems th
{
	background:#ccc;
        text-align:center;
font-weight:bold;   
}

td h2{font-weight:bold; color:#336699; font-size:13px; margin:5px 0 2px 0; padding: 0}

th h2{font-weight:bold; color:#336699; font-size:15px; margin:5px 0 7px 0; padding: 0}

/* END TABLES */

/* SIDEBAR */

.sidebar {
	float: left;
	width: 209px;
	margin:10px 5px 10px 5px;
background:#000 url(../images/sidebar-bg.gif) repeat-y center;
}

.sidebar ul, ol {
	list-style-type:none;
	list-style:none;
}

.sidebar ul li.section-id{
	padding:10px;
	margin:0px 0px 15px 0px;
	border:2px solid #000;
	background:#fff;
border-bottom:10px solid #000;
}
	
.sidebar ul li{
	padding:10px;
	margin:0px 0px 15px 0px;
	border:2px solid #000;
	background:#fff;
border-bottom:10px solid #000;
border-top:10px solid #000;
list-style:none;
}

.sidebar ul li ul, .sidebar ul li ol{
	list-style-type:none;
}

.sidebar ul li ul li, .sidebar ul li ol li{
	border:none;
	border-bottom:1px solid #CCC;
	padding:0px; margin:0px;
}

.sidebar ul li ul li a, .sidebar ul li ol li a{
	display:block;
	background:#FFF;
	padding:5px 10px;
}

.sidebar ul li ul li a:hover, .sidebar ul li ol li a:hover {
	background:#efefef;
	color:#000;
}

.sidebar ul li ol li .date, .sidebar ul li ol li .author{
display:none;
} 

.sidebar ul li h2 {
	border-top:4px solid #E0B35A;
	background:#000;
	color:#fff;
	padding:5px 10px;
	font-size:14px;
	margin:0;
}

.sidebar ul li h2 a{
color:#fff;
text-decoration:none;
}

.sidebar ul li h2 a:hover{
text-decoration:underline;
}

.sidebar ul p {
	line-height: 1.2em;
	margin-bottom:0;
}

.sidebar ul li p {
	line-height: 1.2em;
	padding:5px;
	margin-bottom:0;
}	


/*	END SIDEBAR */
	
/* FOOTER */

#footer {
	clear:both;
	background:#000 url(../images/footer_background.jpg) repeat-x;
	border-left:1px solid #000;
	border-right:1px solid #000;
	width:100%;
}	

#footer p{
	float:left;
	padding:10px;
	color:#FFF;
}

#footer a{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer img {
	float:right;
	padding:10px;
	border:none;
}
	
/*	END FOOTER */
	
/*	MOO.FX */
#MOO {
	width: 184px;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
	border-top:4px solid #E0B35A;
	border-bottom:1px solid #000;
}

#MOO h3 {
	padding: 4px 10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	background: #222;
	cursor: pointer;
	border-top:1px solid #000;
	margin:0;
}

#MOO h3 a:link, #MOO h3 a:visited {
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #222;
}

#MOO h3 a:hover,#MOO h3 a:active {
	color: #FFF;
}

#MOO p {
	padding: 5px 10px;
	color: #444;
	background: #efefef;
}

#MOO img {border:none;}

#MOO input{
width:150px;
}

#MOO .captchamoo{
background:#efefef;
padding-left:10px;
}
/*	END MOO.FX */	

/* ECOMMERCE 
.shop-main .breadcrumbs {
float:left;
width:auto;
}

.shop-main {
padding:0px;
}

.shop-catalogue {
width:157px;
}

.shop-catalogue:hover{
background-color:#DFEFFF;
}



#content form input.radio{
width:auto;
}

#content form .radio input{
width:auto;
} 	

.shop-main .cart-summary {
width:auto;
}
.poplets {
border-top:none;
}
.productItem{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px;
width:155px;
}

.productLarge .productItem{
padding:0;
margin:0;
width:auto;
}

.productLarge h2{
background-image:none;
} */

#content form input.radio{
width:auto;
}

#content form .radio input{
width:auto;
}

/* HOMEPAGE BANNER */

#home-banner{
width:500px;
height:247px;
background-image:url(../images/home-banner.jpg);
background-repeat:no-repeat;
margin:-5px -5px 10px;
}

#home-banner a.quote{
margin:130px 0 0 0;
width:180px;
height:117px;
float:left;
}

#home-banner a.decal{
margin:130px 0 0 0;
width:180px;
height:117px;
float:right;
}

/* VIDEOS */

.video-sidebar{
border-top: medium none; 
border-bottom: medium none; 
overflow: hidden; 
height: 138px; 
padding-top: 0px; 
padding-bottom: 0px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 � 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.sIFR-active h1.smaller {
  font-size: 18pt;
  line-height: 1em;
}


/*BLOG*/
.blog-cats .blogpostcategories li, .blog-cats .BlogTagList li{
float:left;
list-style:none;
margin:0 10px 10px;
font-size:14px;
}

.catalogueitemdump{
font-size:14px;
font-weight:bold;
}

.catalogueitemdump a{
text-decoration:none;
}

.catalogueitemdump a:hover{
text-decoration:underline;
}