/* SITE COLORS
_____________________________________________ */
/*

#99ccff Light Blue
#0b4A82 Dark Blue
#752100 Berg

TEXT: #333
/*

/* ROOT 
_____________________________________________ */
BODY
{
	font-family: Vernada, Helvetica;
	font-size: 100.01%;
	color: #333;
    background-image: URL(//images.1stoplighting.com/site/common/BGdropshadow.gif);
    background-repeat: repeat-y;
    background-position: center;
}

IMG
{
	border: 0px;
}

A
{
	text-decoration: none;
    color: #0b4A82 ;
}

A:HOVER
{
	text-decoration: underline;
}

/* HEADER
_____________________________________________ */


#header
{

       background-color: #99ccff;
       padding: 10px;

}

#header_banner
{
	height: 35px;
    background-color: #fff;
       
   
}

#header_banner_bottom
{
    background-color: #fff; 
         
}


#HeaderImage
{
	
	width: auto;
	BACKGROUND-POSITION: left 0%;
	background-color: Transparent;
        position: absolute;
        top: 15px;
        padding-left: 5px;

        
}

#HeaderImage A
{
	width: auto;
	display: block;
	background-color: Transparent;
}

.Text1
{
    font-family: Trebuchet MS, Sans-Serif, Verdana, Times New Roman;
    z-index: auto;
    position: absolute;
    top: 43px;
    left: 335px;
    color: #000;
    font-size: 11px;
    font-weight: bold;
   
}

.PhoneText
{
    
    color:  #0b4A82 ;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    left: 825px;
    top: 64px;
    width: 180px;
	
	
}



.Link1
{
	position: absolute;
    left: -637px;
    top: -42px;    
    color: #fff;
    font-size: 0px;
    width: 130px!important;
    text-decoration: none!important;
    display: none;
   
}


.Link2
{
	position: absolute;
    left: -810px;
    top: -150px;    
    color: #fff;
	text-decoration: none;
	font-size: 0px;


}

.menu_top_ad
{
	float: right;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0;
	vertical-align: baseline;
}

.icon_ad_div
{
	padding-right: 15px;
	float: right;
	height: 31px;
}

.icon_ad
{
	padding-right: 15px;
}

/* Search bar
_____________________________________________ */
.search_box{
     position: relative;
     top: 10px;
     left: 370px;
     width: 230px;


}


.search_div{
        height: 35px;
        background-image: url(//images.1stoplighting.com/site/common/search_gradient.gif);
        padding-left: 10px;

}

.search_dropdown
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 143px;
}
.search_textbox
{
	margin: 5px 5px 0px 0px;
	padding-top: 0px;
	width: 140px;
	height: 18px;

}
.search_button
{
	margin: 0px 0px 0px 5px;
	padding-top: 1px;
	
}

.advanced_search
{
	margin: 0px 0px 0px 0px;
        padding-top: 5px;
        padding-left: 5px;
}

.advanced_search A
{
	color: #000;
    
}

.search_button:HOVER
{
	
}

/* PAGE LAYOUT
_____________________________________________ */


.page
{
	width: 1010px;
	text-align: left;
	margin: auto;
}

.page p
{
	margin: 0px;
	font-size: 75%;
	text-align: justify;
}

.layout_wrapper
{
	float: left;
        background-color: #99ccff;
}
.layout_nav
{
        clear: both;	
        float: left;
       
    
}
.layout_content
{
	float: left;
	width: 820px;
}
.layout_title
{
	color: #0b4A82;
	background-color: #fff;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 7px 3px 3px 20px;
	font-size: 70%;
	text-transform: uppercase;
	border-left: 1px #ddd solid;
	height: 15px;
}
.layout_innercontent
{
	color: #333;
	background-color: #FFF;
	background-color: #FFF;
	margin: 10px;
       
       
}

.layout_innercontent UL
{
	margin-top: 2px;
	margin-bottom: 10px;

}

.layout_innercontent li
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 75%;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: justify;
}

.layout_innercontent P
{
	color: #333;
	margin: 0px;
        font-size: 75%;
        padding-left: 15px;
        padding-right: 15px;
       
       
}

.breadcrumbs
{
	margin: 0px;
	padding: 5px 0px 5px 5px;
	font-size: 70% !important;
	
}

.splash_show
{
 
    padding: 10px;
    
}

.value_prop
{
    float: right; 
    width: 240px; 
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 5px;
  
 
    
}

h4
{
   font-size: 12px;
   margin: 0px;
   text-transform: uppercase;
   
   
}

UL.cat_bottom
{
   list-style-type: none;
  

}

UL.cat_bottom A
{
   color: #0b4A82 ;

}


/* LEFT NAV
_____________________________________________ */
ul#left_nav
{
	width: 158px;
        
}

h3.layout_nav
{
	background-color: #fff;
        
}

ul#left_nav, ul#left_nav li
{
	margin-left: 10px;
        margin-top: 0px;
	padding: 0;
	list-style: none;
}
ul#left_nav li
{
	float: left;
	width: 158px;
	margin: 0 0 0 0;
    
}

ul#left_nav li h3
{
   	margin: 0px;
	padding: 3px;
	text-align: center;
	color: #99ccff;
	background: #fff;
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
	
}
ul#left_nav li .left_nav_div
{

	background-color: #FFF;
	
}
.left_nav_div LI
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.left_nav_div_partners
{
    font-size: 70%;
    float: left;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.left_nav_div A
{
	
	font-size: 75%;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	display: block;
	text-decoration: none;
	color: #333;
	width: 151px;
        line-height: 1.7em;
	
}
.left_nav_div A:VISITED
{
	padding: 0px 0px 0px 5px;
	width: 151px;
	
	
}
.left_nav_div A:HOVER
{
	text-decoration: none;
	padding: 0px 0px 0px 5px;
	color: #333;
	background-color: #ccffff;
	width: 151px;
	
}



/* MAIN
_____________________________________________ */


/* RIGHT NAV
_____________________________________________ */
.layout_right
{
	border: 1px solid #E8F0F1;
}
.layout_title_right
{
	background: #fff;
}
.layout_innercontent_right
{
	padding: 10px 0 0 0;
	color: #666;
	height: 100%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #fff;
}


/* MENU - HORIZONTAL
_____________________________________________ */
.cartlink
{
     margin-top: -2px;
	
}
.cartlink:hover
{

	
       color: #000 !important;
}

#header_top_menu
{
    float: right;
    position: relative;
    left: -5px;
    top: 4px;
    width: 470px;
    height: 15px;
   
    
}

ul#menu_h_nav, ul#menu_h_nav li
{
	list-style-type: none;
    float: right;
        
}
ul#menu_h_nav
{
	float: right;
	display: block;
	
	
}
ul#menu_h_nav li
{
	float: right;
	display: inline;
	font-size: 70%;
}
ul#menu_h_nav a
{
	margin-left: 3px;
	text-align: center;
	float: left;
	width: 80px;
	text-decoration: none;
	color: #000;
}
ul#menu_h_nav a:hover
{
	
	color: #000;
}

/* MENU - HORIZONTAL BOTTOM
_____________________________________________ */
ul.menu_h_nav_bottom, ul.menu_h_nav_bottom li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.menu_h_nav_bottom
{
	clear: both;
	display: block;
	margin-bottom: 0;
	margin-right: 10px;
	margin-left: 20px;
	width:100%;
}
ul.menu_h_nav_bottom li
{
	float: left;
	display: inline;
	font-size: 70%;
}
ul.menu_h_nav_bottom a
{
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	float: left;
	width: 100px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
	
	text-decoration: none;
	color: #FFF;
}
ul.menu_h_nav_bottom a:hover
{
	background: #E8F0F1;
	color: #000;
}

/* FOOTER
_____________________________________________ */
.footer
{
	
	clear: both;
	width: 100%;
        background-color: #99ccff;
	
}
.footer_menu
{
	margin: 0px;
	padding: 0px;
       
        
       
}
.footer_menu LI
{
	
        margin: 0px;
	padding: 0px;
	display: inline;
}
.footer_menu LI A
{
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}
.footer_menu LI A:HOVER
{
	color: #CCC;
	background-color: #5d7792;
	text-decoration: none;
}
.footer_menu_wrapper
{
	width: 100%;
	color: #fff;
	background-color: #ddd;
	height: 17px;

}
.copyright
{
	font-size: 60%;
	text-align: center;
	background-color: #99ccff;
}

#footerNEW{
	width: 98.1%;
	height: 210px;
        background-color: #fff;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
        
}

.footerBlock1
			 {
	float: left;
	padding: 0px;
	width: 16.67%;
	
	
        
	
	}

.footerBlock2
			 {
	float: left;
	padding: 0px;
	width: 16.67%;
	
	}
	
.footerBlock3
			 {
	float: left;
	padding: 0px;
	width: 16.67%;
	
	
	}

.footerBlock4 {
	
	float: left;
	width: 49.5%;
	padding: 0px;

	}

.footerBlockBottom1 {
	
	float: right;
	width: 30%;
    padding-top: 5px;
    text-align: right;
    font-size: 70%;
    color: #333333;
    background-color: #99ccff;
	}
	
.footerBlockBottom1 A {
	
    background-color: #99ccff!important;
 
	}	
	
.footerBlockBottom2 {
	
	float: right;
	width: 70%;
	padding-top: 5px;
	text-align: left;
        height: 14px;
	background-color: #99ccff!important;

	}	

.footer_menuNEW
{
	margin: 10px;
	padding: 0px;
	font-size: 75%;
	font-family: Arial, Sans-Serif, Verdana, Trebuchet MS, Times New Roman;
}

.footer_menuNEW LI
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	line-height: 1.3em;
	
}
.footer_menuNEW LI A
{
	color: #333333;
	text-decoration: none;
}
.footer_menuNEW LI A:HOVER
{
	color: #000;
	background-color: #CCCCCC;
    text-decoration: none;
}

.footerbottom_partners
{
	padding-top: 5px;
	padding-bottom: 15px;
	float: left;
	text-align: left;

}
/* FONTS
_____________________________________________ */

/* GENERIC
_____________________________________________ */

.tl
{
	text-align: left;
}

.tc
{
	text-align: center;
}

.tr
{
	text-align: right;
}

.cl
{
	height: 1%;
	display: block;
	clear: both;
}

.fl
{
	float: left;
}

.fr
{
	float: right;
}

.helptext
{
	vertical-align: middle;
}

.container
{
	margin-top: 5px;
}
.container_title
{
	color: #fff;
	margin: 0px;
	padding: 3px;
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #0b4A82;
	background-repeat: repeat-x;
}

.container_title A
{
	color: #99ccff;
	
}


.container_contentwrapper
{
	border: 1px solid #fff;
}
.container_content
{
	padding: 4px;
	background-color: #FFF;
     
}
.roundbutton
{
	padding: 3px;
	margin: 0px;
	background-color: #E8F0F1;
	text-align: center;
	font-size: 70%;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}

.productListItem
{
	text-align: center;
}
.productListItem a
{
	font-size: 66%; 
	text-decoration: none;
	color: #666;
}

.product_page_nav
{
	background-color: #EEE;
	border: 1px solid #CCC;
}
.priceLinks
{
	border: 1px solid #EEF;
}
.priceHL
{
	font-weight: bold;
}
.priceHLred
{
	font-weight: normal;
	color: #FF0000;
}
.price75ital
{
	font-style: italic;
	color: Green;
}
.price75
{
	font-weight: normal;
}
.priceHLst
{
	font-weight: bold;
	text-decoration: line-through;
}

.subcategory_list
{
	font-size: 70%;
}

.subcategory_list a
{
	text-decoration: none;
	display: block;
	width: auto;
	border-bottom: 1px solid white;
}

.subcategory_list a:hover
{
    TEXT-DECORATION: underline
}
.ProductStyleNav
{
	font-size: 70%;
	text-align: left;
}
.ProductStyleNav A
{
	text-decoration: none;
}

/* FAQ DOCUMENT
_____________________________________________ */

#faq_wrapper{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width:600px;
	margin: 0 auto;
	text-align: left;
	}

#faq_mainBody{
	width: 600px;
    margin: 50px 0 0 0;
   	}
	
#faq_designerTip{
	font-family: Tahoma;
	width: 200px;
       font-size: 11px;
     color: #fff;
    text-align: center;
	margin: 40px 0 40px 0;
    position: relative;
    left: 190px;
	background-color:#0066cb;
     padding: 0 10px 15px 10px;
	}
	
#faq_backtoTop{
	width:600px;
	text-align:right;
	font-size:10px;
	text-decoration:underline;
	}