/* ----- 
The ABLUnigrid theme is the framework for all sites.
It contains the standard grid, fonts and colors.

1. Import the ABLUnigrid
2. Create Child theme (CSS and skins) to override properties in ABLUnigrid
----- */

@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/00reset.css"); 
@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/01grid.css"); 
@import url("/app_themes/ablunigrid/02screen.css"); 
@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/10header.css"); 
@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/20NavRow.css"); 
@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/30Footer.css"); 
@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/79SpecialText.css"); 
@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/89buttons.css"); 
@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/99Fancy.css"); 
@import url("http://www.acuitybrandslighting.com/unigrid/app_themes/ablunigrid/ie.css"); 
@import url('icons_removed.css'); 


html
{
        font-family: Verdana, Arial, Sans-Serif;
}
/* Sets Vertical Spacing to Zero in IE7 */
form div {
margin: 0;
padding:0;
}

/* Sets Vertical Spacing to Zero in FireFox 3.0 */
a {
padding:.0em 0 .0em;
}

body
{
 background-color:#f0f0f0;
 border-style:none;

}

/* COLORS */
a:link {
text-decoration:underline;
color:#5f89a2;
}

a:visited {
text-decoration:underline;
color:#5f89a2;
}

a:hover {
text-decoration:underline;
color:#646363;
}

a:active,a:focus {
text-decoration:underline;
color:#5f89a2;
}

.container
{
    width: 950px;
    margin: 0 auto;
    background-color: #f0f0f0;
    border-style:none;    
    padding: 0px !important; /* Keeps all padding including padding-left set at zero for all browsers except IE 6 */
    padding-left: 20px; /* IE 6 ignores !important above and uses this for padding-left */
}

.header
{
    background-color: #f0f0f0;
    border-style:none;
    margin:0;
    padding: 0;
    font-family: Arial, Sans-Serif;
    font-size:1.05em;
    font-weight:bold;
 }
 
.header_background
{
    background-color: #f0f0f0;
    background-image: url('../../Images/Background-Header.jpg');
    background-repeat:repeat-x;
    margin:0;
 }
 
.header ul
{
    margin-left: 0px;
    padding-left: 0px;
    display: inline;
} 

.header ul li {
	margin-left: 0;
	padding: 3px 5px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}

.header ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
.navrow
{
    background-color: #f0f0f0;
    border-style:none;
    margin:0 0 -1px 0; /* Takes out 1px space below navrow in IE7 and in FireFox 3.0 */
    padding: 0;
    font-family: Arial, Sans-Serif;
    font-size:1.05em;
    font-weight:bold;
    line-height:1.2em;
 }
 
.navrow_background
{
    background-color: #f0f0f0;
    background-image: url('../../Images/NavRow_Background.png');
    background-repeat:repeat-x;
    margin:0;
    padding:0;

 }
 
 .navrow ul
{
    margin-left: 0px;
    padding-left: 0px;
    display: inline;
} 

.navrow ul li {
	margin-left: 0;
	padding: 3px 5px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}

.navrow ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
.navrow table {
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
}

.navmenu
{
    text-decoration: none;
    font-size: 90%;
    color:#fff;

}
	
.navmenu a:link, .navmenu a:visited
{
    text-decoration: none;
    font-size: 90%;
    color:#fff;

}

.navmenu a:active,.navmenu a:focus, .navmenu a:hover {
	color: #7fb5d6;

}

.navsubmenu a:link, .navsubmenu a:visited
{
    text-decoration: none;
    font-size: 90%;
    color:#000;
    padding:5px;
}

.navsubmenu a:active,.navsubmenu a:focus, .navsubmenu a:hover {
	color:#437b9e;
    padding:5px;
}

	

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:12px; 
}
.append-bottom { 
	margin-bottom:10px; 
}
/* End --------------- */

.contentbox {
 background-color: #fff;
 border:1px;
 border-style:solid;
 border-color:#dedede;
 border-top-style:none; 
 padding:0;
 font-size: 95%;
 line-height:1.2em;
 height: 100%;
 overflow:auto; /* needed in FireFox 3.0 so background color can continue vertically in the contentbox */
}
/* Product Page Elements */
.productbox {
	padding:10px;
}

.productbox p{
	font-size:1.05em;
	line-height:1.5em;
	padding-top:10px; 
	width: 450px;
}

.productbox ul {
	padding-top:10px;
	padding-left:25px;
}



.productbox h3 {
    font-size:1.75em;
    color:#646363;
	padding:40px 0 2px 0;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#646363;
	width:450px;
}

.productthumbs {
	padding-top:20px;
}

.thumbcenter {
	padding:0 5px 0 5px
}
/* End --------------- */


th,thead td,h1,h2,h3,h4,h5,h6 {
    font-family: Verdana, Arial, Sans-Serif;
    font-weight:500;
    margin: 0 0 0 0;
    line-height:  normal;
}

hr,p,ul,ol,dl,pre,blockquote,address,table,form {
margin-bottom:0em;

}

th,td {
padding:0em;  /* This needed for Vertical padding to stay at Zero for IE7 and FireFox 3.0*/
border-bottom:0px solid #ddd;
border-right:0px solid #ccc;

}

h1 {
font-size:2.8em;
}

h2
{
    font-size: 2.5em;
}

h3 {
    font-size:1.75em;
    color:#646363;
	padding:0;
}

h4 {
    font-size:1.9em;
}

h5 {
	font-size:1em;
	font-weight:bold;
	color:#fff;
	padding-top:10px;
	padding-bottom:5px;
}

h6 {
	font-size:1em;
	font-weight:bold;
	color:#333;
}

li {
    font-size:1.1em;
    line-height:17px;
    list-style-image:url('../../images/Bullet-Tersen.gif');
    margin-bottom:5px;
}

.footer
{
    background-color: #f0f0f0;
    border-style:none;
    padding: 5px 0px 10px 0px;
    margin-top:10px;
}
.footer p 
{
    margin:0;
    font-size: 90%;
    padding: 0 0 5px 0;
}
.footer a:link, .footer a:visited
{
    text-decoration: none;
    font-size: 90%;
    color:#666;
}

.footer a:active,.footer a:focus, .footer a:hover {
color: #5f89a2;}

.menufix td {
padding:0 .8em 0 0;
}
.search {
 text-align:center;
 margin-bottom:4px;
}