/* CSS version 2.0, by Boris Cherny. */
/*Many thanks to Andreas, NickyD, ditchCrawler, TomW, whowrotewhat, hash bar, and Sanden Cottongame */
* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	/*background: #000000 url(../uploads/mjbrune_avfix/background_big2.gif) center repeat-y;*/
	background: #000;
	color: #616161;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 79%;
	text-align: center;
}
a {
	color: #6799b1;
	text-decoration: underline;
}
a:hover {
	color: #838f96;
	text-decoration: none;
}
acronym {
	border-bottom: 1px dashed #999999;
	cursor: help;
}
h1 {
	
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	margin: 5px 0;
}

h1.title-top {
	padding:0;margin:0;
}

input {
	background: #5c5c5c;
	margin: 2px 20px;
	width: 140px;
}
#column2 ul {
	margin: 10px 0;
}
#column2 li {
	color: #999999;
	list-style: square inside;
	text-indent: 10px;
}
.login {
	border: 1px solid #c9dcea;
	color: #999;
}
.login_hover {
	border: 1px solid #999;
	color: #ccc;
}
#submit {
	border: 1px solid #c9dcea;
	color: #999;
	cursor: pointer;
	margin: 2px 20px;
	text-decoration: none;
	width: 140px;
	text-align:center;
}
#submit_hover {
	border: 1px solid #999;
	color: #ccc;
	cursor: pointer;
	margin: 2px 20px;
	text-decoration: none;
	text-align:center;
}

#wrap {
	background: #2c2c2c url(../uploads/mjbrune_avfix/bg.jpg) center repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 978px;
}

#header {
	/*background: url(../uploads/mjbrune_avfix/header2.gif) center no-repeat;*/
	color: #e0e0e0;
	height: 15px;
	/*text-indent: 220px;*/
}




div#logo{width:168px;height:73px; background: url(../uploads/mjbrune_avfix/logo.jpg) center no-repeat;}

h1#seo {
	width:800px;
	float:right;
	font-size:10px;
	font-weight:normal;
	color: #6F6F6F;
	text-align:center;
	padding:0;
	margin:0;
	line-height:10px;
	height:10px; 
	}
	



#nav {
	padding: 20px 0 40px 10px;
text-align:right;
border:1px solid #f00;
}

/* leave the padding-bottom in the #nav if you want some space between the navigation and the photos in the left column */
#nav ul li {
	display: inline;
	line-height: 10px;
	list-style: none;
	color: #ececec;
	font-size:10px;
	text-align:right;
	
}
#nav ul li a {
	border-bottom: 0px solid #c9dcea;
	color: #ececec;
	font-size:11px;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	width: 138px;
	text-align:right;
	font-weight:bold;
}
/* remove the 'text-decoration: underline;' in #nav li a:hover if you don't want the links in the left nav menu to be underlined when the user hovers over them with their mouse */
#nav li a:hover {
	background: #694d37;
	color: #ececec
}
/* the following 3 rules are for the submenu, if you removed the submenu remove these rules as well */
#nav ul ul li {
	line-height: 10px;
	border-bottom: none;
}
#nav ul ul li a {
	color: #ececec;
	text-indent: 10px;
}
#nav ul ul li a:hover {
	color: #fff;
	
}


#navigation {
padding: 20px 0 40px 10px;
text-align:right;
border:0px solid #f00;
margin-right:10px;
}

/*Main Menu*/
#navigation ul {margin:0px; padding:0px;}

#navigation ul li {
height:15px;
line-height:10px; 
list-style:none; 
font-size:11px;
color:#ececec; 
cursor:pointer; 
font-weight:bold;
}

#navigation ul li a{
text-decoration:none;
color:#e0d9d3;
display:block;
font-weight:bold;
font-size:11px;
}
#navigation ul li:hover {background-color:#694d37; position:relative;}

/*Sub Menu*/
#navigation ul ul {display:none; position:absolute; left:60px; top:10px; width:90px;background-color:#243135; }
#navigation ul li:hover ul {display:block;}

#navigation ul ul li { width:90px; float:left; display:inline; border:none;text-align:center;}
#navigation ul ul li a{text-decoration:none;}

#navigation ul ul li:hover {text-decoration:none; border:none;}

#navigation li:hover ul li ul {display:none;}

#navigation ul ul li ul {left:110px; background-color:#0099CC;}
#navigation ul ul li:hover ul {display:block;}



#news {
        padding-left: 5px;
        padding-right: 5px;
}        
#column1 {
	float: left;
	width: 168px;
	color: #fff;
	background: url(../uploads/mjbrune_avfix/bg_sidebar_right.jpg) repeat-y;
}
#column1 img {
	border: 1px solid #c9dcea;
	margin: 5px 20px;
	padding: 10px 20px;
}
/* in the tag below, #column2, I used the Underscore Hack to give the column2 div the correct margins in Firefox 1 */
#column2 {
	float: none !important;
	float: right;
	margin-left: 173px !important;
	margin-left: 0;
	/*padding: 12px 40px 30px 9px;*/
	
	width:719px;
	/*background:#000000;*/
	color:#fff;
}
#column2 a{
	color:#660000;
}

#column2 p {
	/*line-height: 190%;*/
}


div#content{
	margin-top:0px;
  }
  
div#content-top{
	min-height:315px;
  height:auto !important;
  height:315px;
  /*background:#424242;*/
border:0px solid #f00;
  }


div#content-bottom{
  min-height:156px;
  height:auto !important;
  height:156px;background-color:#957b6b; }
  
  
table.t-content{width:100%; }
table.t-content h1{text-transform:uppercase; }
table td{vertical-align:top;}
div.addresses{font-size:10px; color:#E0D9D3;text-align:right;margin-right:10px;}
#links div {
	float: left;
	width: 140px;
}
#links div li {
	list-style: none;
}
#links div li a {
	background: url(../uploads/mjbrune_avfix/arrow_outline.gif) left no-repeat;
	padding-left: 15px;
	text-decoration: none;
}
#links div li a:hover {
	background-image: url(../uploads/mjbrune_avfix/arrow.gif);
	color: #ac835c;
	text-decoration: underline;
}
#footer {
	clear: both;
	color: #fff;
	font-size: 11px;
	padding: 0px 0;
	text-indent: 185px;
	margin-left:173px;
	
	background:#694d37;
	width:719px;
	height:22px;
}

#footer2 {
	margin-top:10px;
	background: url(../uploads/mjbrune_avfix/bottom_b_w.jpg) repeat-x;
	height:130px;
}

#footer2-l {
	background: url(../uploads/mjbrune_avfix/footer2-l.jpg) no-repeat;
	float:left;
	height:130px;
	width:168px;
}

#footer2-r {
	background: url(../uploads/mjbrune_avfix/footer2-r.jpg) no-repeat;
	float:right;
	height:130px;
	width:92px;
}


#footer a {
	color: #E0D9D3;
	text-decoration: underline;
}


/* Start of CMSMS style sheet 'products' */

div.ProductHolder{
 padding:0px;
 margin: 0 auto 10px;
 width: 719px;
background:#424242;
 border:0px dotted #f00;
 text-align:justify;
}

div.ProductDirectoryItem{
 font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
 float: left;
 padding:0px;
 margin: 0px 0px 7px 7px;
 width: 227px;
background:#333333;
 color:#7979a6;
border:0px dotted #e4e4e1;
/*border-width:2px 0 0 2px;*/
}

/*
div.horthide{height:2px;  background:#f0f0ed;position:relative;}
div.verthide{height:361px;width:2px;  background:#f0f0ed;position:relative;}
*/

div.inner{ 

 width:208px;
 margin:6px auto;;
 background:#333333;
 color:#fff;
border:0px solid #DFDFDD;
text-align:left;
}

div.inner div{padding:0; margin:0;color:#fff;border:0px solid #f00;}
div.inner .product_thumb{ width: 208px;height:220px; overflow:hidden; border:0px solid #f00; text-align:center;}
div.inner div.details{ width: 200px; background:#333333; padding:0; border:0px solid #DFDFDD;margin:7px auto;}
div.inner div.price{ font-size:13px; font-weight:normal; border-bottom:1px solid #7979a6; padding:0;
	}
div.inner div.price div.sale{float:right; color:#cccc00; text-align:right;width:50%;}
div.inner div.name{font-size:12px; font-weight:bold;text-transform:uppercase;
	min-height:30px;
  height:auto !important;
  height:30px;}
div.inner span.code{font-size:11px; font-weight:normal; text-align:right;text-transform:uppercase;}
div.inner div.description{font-size:12px; min-height:70px;
  height:auto !important;
  height:70px;}
div.inner div.showroom{font-size:12px; font-weight:bold;text-transform:uppercase;}
div.inner div.remaining{font-size:12px; font-weight:bold;text-transform:uppercase;color:#cccc00;text-align:left;}
div.inner div.bigimage {text-align:center;}
div.inner div.bigimage a{font-size:10px; font-weight:normal; color:#eb6f25;text-decoration:none;}

div.inner div.bigimage img{border:0;}

div.clearprod{clear:both;height:1px;}
/* End of 'products' */

/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
/* set the background color for the menu here */
	/*background-color: #243135;*/
/* IE6 Hack */
	height: 1%;
	width: auto;
/* one border at the top */
	border: 0px solid #00f;
	margin: 0;
	padding: 0;
height:34px;
}

div#hnavmenu{width:748px;border:0px solid #f00;margin-top:0px;}


ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
	padding-top: 0px;
/* keeps the first menu item off the left side */
	padding-left: 0px;
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */
	border-top: 0px solid #C8D3D7;
	border-right: 0px solid #C8D3D7;
	border-bottom: 0px solid #ADC0C7;
	border-left: 0px solid #A5B9C0;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}


	
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin:  0px 4px 4px 0;
	padding: 2px 2px 2px 0;
	background:#424242;
	
	
	list-style: none;
	text-indent: 0px;
	
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 140px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -2px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* set the "a" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 12px;
/* make sure we keep the font normal */
	font-weight: bold;
/* set default link colors */
	color: #e0d9d3;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 6px 28px;
	margin:0;
	display: block;
/* sets no underline on links */
	text-decoration: none;
	text-transform:uppercase;
}

ul#primary-nav li:last-child {border-right:3px solid #424242;}

ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
}


ul#primary-nav li ul li a {
	color: #e0d9d3;
text-transform:lowercase;
font-size:11px;
text-align:center;
}

ul#primary-nav li li a:hover {
/* this is set to #000, black, below so hover will be white text */
	color: #e0d9d3;
}
ul#primary-nav li a.menuactive {
	color: #e0d9d3;
/* bold to set it off from non active */
	font-weight: bold;
/* set your image here */
	background: #694d37;
}
ul#primary-nav li a.menuactive:hover {
	color: #e0d9d3;
/* keep it the same */
	font-weight: bold;
}

#primary-nav li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	/*background:  url(../uploads/ngrey/parent.png) no-repeat 98% center;*/
}

#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(../uploads/ngrey/parent.png) no-repeat 98% center;
}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(../uploads/ngrey/parent.gif) no-repeat 98% center;
}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 1px 1px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */
	color: #000;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
/* very lite grey color, by now you should know what the rest mean */
	background: #424242;
	margin-left: -2px;
	margin-top:3px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #fff;
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	background: #694d37;
	color: #fff;
	
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

/* liScroll styles */
#tickerAnchorHolder { /* the outer div with the black border */
border: 0px solid #000;
background: #660000;
width: 719px; 
height: 23px; 
margin: 0; 
padding: 0
}
#tickerAnchorHolder a{ /* the outer div with the black border */
color: #fff;
text-decoration:none;
}