/* GLOBALS */

/* 
palette: 
0079F4 (blue) 
*/

BODY {
font-family: Arial;
font-size: 11px;
margin: 0px;
width: 100%;
height: 100%;
color:#333;
}

A {
color:#000;
}

A:hover {
color:#0079F4;
}

IMG {
border: none;
margin: 0;
padding: 0;
}

DIV, P, H1, H2, H3, H4, H5, H6 {
padding: 0; 
margin: 0;
}

H1 {font-size: 22px;}
H2 {font-size: 16px;}
H3 {font-size: 14px;}
H4 {font-size: 13px;}

DIV.clearboth {
clear: both;
}

/* END GLOBALS */

BODY#bg1 {background: url(../images/backgrounds/autumn.jpg) no-repeat #DCD5B5;}
BODY#bg2 {background: url(../images/backgrounds/city.jpg) no-repeat #DCD5B5;}
BODY#bg3 {background: url(../images/backgrounds/beach.jpg) no-repeat #DCD5B5;}
BODY#bg4 {background: url(../images/backgrounds/clouds1.jpg) no-repeat #DCD5B5;}
BODY#bg5 {background: url(../images/backgrounds/yellowflowers.jpg) no-repeat #DCD5B5;}
BODY#bg6 {background: url(../images/backgrounds/sunset.jpg) no-repeat #DCD5B5;}
BODY#bg7 {background: url(../images/backgrounds/leaves.jpg) no-repeat #DCD5B5;}
BODY#bg8 {background: url(../images/backgrounds/grass.jpg) no-repeat #DCD5B5;}
BODY#bg9 {background: url(../images/backgrounds/boat.jpg) no-repeat #DCD5B5;}
BODY#bg10 {background: url(../images/backgrounds/beach2.jpg) no-repeat #DCD5B5;}

.shadows {
width: 889px;
background: url(../images/shadow-right.png) no-repeat ;
background-position: top right;
min-height: 563px;
}

.shadows IMG.shadow {
margin: 0 0 0 -24px;
position: absolute;
top: 0;
}

.main-container {
width: 865px;
padding: 0px;
margin: 0px auto;
background: url(../images/backgrounds/bg.jpg) repeat-x #FFF;
}

.header {
height: 35px;
}

.header IMG {
margin: 10px 0 0 14px;
}

.full-page {
float: left;
width: 835px;
margin: 10px 10px 10px 13px;
}

.left-side {
float: left;
width: 600px;
margin: 10px 10px 10px 13px;
}

.right-side {
float: left;
width: 210px;
background: url(../images/right-bg.png) repeat-x;
margin: 10px 0 0 20px;
}

.right-side P {
padding: 8px;
text-align: justify;
}

.footer {
width: 845px;
margin: 10px 0 0 10px;
padding: 15px 0 10px 0;
border-top: solid 1px #ccc;
}

/* NAVIGATION */

.navigation {
height: 39px;
background: url(../images/navbar.png) no-repeat;
float: left;
width: 850px;
margin: 0 0 0 4px;
}

.nav-endcap {
background: url(../images/nav-endcap.png) no-repeat;
height: 39px;
width: 7px;
float: right;
margin: 0 -7px 0 0;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li a, .navtab{
background: url(../images/nav-divider.gif) no-repeat top right;
font-weight: bold;
text-shadow: #CCC 1px 1px 0px;
}

#nav li a:hover, .navtab-on {
background: url(../images/nav-divider-on.gif) no-repeat top right;
font-weight: bold;
color:#FFF;
text-shadow: #000 -1px -1px 0px;
}

#nav a {
display: block;
white-space: nowrap;
height: 40px;
padding: 13px 15px 0 11px;
text-decoration: none;
color:#000;
}

#nav li {
float: left;
}

#nav li ul { /* the dropdowns themselves */
position: absolute;
width: 222px;
left: -999em;
margin: -15px 0 0 0; /* this line positions the dropdown relative to the tab */
border-top: solid 1px #AAA;
z-index: 99999; /* pushes it in front of the home banners */
}

#nav li ul li { /* the individual lines of subnav */
margin: 0;
padding: 0;
background: #ccc;
width: 220px;
line-height: auto;
border-left: solid 1px #999;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
}

#nav li ul li a { /* the links within the dropdowns */
padding: 2px 0 2px 4px;
margin: 0;
height: auto;
background: #ccc;
}

#nav li ul li a:hover {
background: #666;
}

#nav li:hover ul {
	left: auto;
}

ul#nav li#logo {
margin: -7px 0 0 5px;
padding: 0 0 0 0;
}

ul#nav li#logo a {
background: url(../images/nav-divider.gif) no-repeat  54px 7px;
}

#search {
padding: 9px 0 0 10px;
}

#search input {
background: url(../images/search.gif) no-repeat #FFF;
padding: 0 0 0 20px;
border: solid 1px #999;
width: 148px;
}

#nav li:hover { 
position: static;
}

/* END NAVIGATION */

/* PAGE SPECIFIC STYLES */

/* HOME STYLES */

.banner {
width: 614px;
height: 163px;
margin: 0 0 10px 0;
background: url(../images/home-banner-bg.jpg) no-repeat;
}

.slideshow { 
height: 163px; 
width: 614px; 
margin: auto;
}

P.home-links {
line-height: 15px;
text-align: right;
margin: 5px 0 5px 0;
}

P.home-links A {
font-size: 17px;
font-weight: bold;
text-decoration: none;
color: #000;
letter-spacing: -1px;
}

P.home-links A:hover {
color:#0079F4;
}

.home-subareas {
width: 614px;
}

.home-module {
float: left;
width: 291px;
background: url(../images/home-module-bg.png) bottom left no-repeat;
margin: 0;
padding: 0 0 3px 0;
height: 230px;
}

.home-module IMG.endcap {
float: right;
}

.home-module#module-news {
margin: 5px 0 0 0;
overflow: hidden;
}

.home-module#module-feature {
margin: 5px 32px 0 0;
}

.home-module H2 {
height: 23px;
background: url(../images/header.gif) no-repeat;
font-size: 11px;
text-transform: uppercase;
padding: 10px 0 0 8px;
color:#333;
font-weight: bold;
text-shadow: #CCC 1px 1px 0px;
}

.home-module P {
padding: 0 7px 7px 7px;

}

.home-module H4, .home-module H3 {
padding: 4px 0 0 7px;
font-size: 12px;
}

.home-module H4 A, .home-module H3 A {
text-decoration: none;
color:#333;
font-size: 12px;
}

.home-module H4 A:hover, .home-module H3 A:hover {
color:#0079F4;
}

.home-module H3 A{
font-size: 15px;
color:#666;
}

.right-side#home-right {
height: 420px;
}

/* END HOME STYLES */

/* CASE STUDY STYLES */

.right-side P STRONG {
color: #003B81;
font-size: 13px;
}

/* END CASE STUDY STYLES */

/* END PAGE SPECIFIC STYLES */

/* CONTENT AREA DEFAULTS*/

.left-side#content-area P, .full-page#content-area P {
padding: 0 5px 15px 7px;
line-height: 1.45em;
}

DIV#case-studies DIV {
float: left;
width: 50%;
text-align: center;
}

/* PAGE HEADERS */

H1.pageheader {
height: 25px;
background: url(../images/header-round.png) no-repeat;
font-size: 15px;
padding: 8px 0 0 8px;
color:#333;
font-weight: bold;
margin: 0 0 5px 0;
letter-spacing: -1px;
text-shadow: #CCC 1px 1px 0px;
}

.left-side IMG.endcap, .full-page IMG.endcap {
float: right;
}

.right-side H2 {
height: 18px;
font-size: 11px;
background: url(../images/subheader.gif) repeat-x;
padding: 4px 0 0 6px;
color:#FFF;
font-weight: bold;
margin: 0;
border-top: solid 1px #666;
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
border-left: solid 1px #666;
text-shadow: #000  0px 0px 2px;
}

.left-side#content-area H2, .full-page#content-area H2 {
font-size: 14px;
margin: 0 0 3px 7px;
}

.left-side#content-area H3, .left-side#content-area H4 {
margin: 0 0 3px 7px;
} 

/* END PAGE HEADERS */

/* END CONTENT AREA DEFAULTS*/

/* FOOTER STYLES */

P.footerlinks {
margin: 0 0 20px 0;
}

.footerlinks A {
margin: 0 20px 0 0;
font-size: 14px;
letter-spacing: -0.05em;
font-weight: bold;
text-decoration: none;
color:#333;
text-transform: uppercase;
}

.footerlinks A:hover {
color:#0079F4;
}

P.footerinfo {
margin: 0 0 10px 0;
}

P.footercontact {
color:#0079F4;
}

/* END FOOTER STYLES */

/* CATALOG PAGE STYLES */

A.catalogmain {
font-size: 24px;
text-decoration: none;
padding: 12px 0 10px 60px;
line-height: 70px;
}

A#lamps {background: url(../images/catalog-lamps.png) no-repeat;}
A#lamps:hover {background: url(../images/catalog-lamps-on.png) no-repeat; color:#0079F4;}

A#ballasts {background: url(../images/catalog-ballasts.png) no-repeat;}
A#ballasts:hover {background: url(../images/catalog-ballasts-on.png) no-repeat; color:#0079F4;}

A#fixtures {background: url(../images/catalog-fixtures.png) no-repeat;}
A#fixtures:hover {background: url(../images/catalog-fixtures-on.png) no-repeat; color:#0079F4;}

A#prepaidrecycling {background: url(../images/catalog-prepaidrecycling.png) no-repeat;}
A#prepaidrecycling:hover {background: url(../images/catalog-prepaidrecycling-on.png) no-repeat; color:#0079F4;}

A#sale {background: url(../images/catalog-sale-off.png) no-repeat;}
A#sale:hover {background: url(../images/catalog-sale-on.png) no-repeat; color:#0079F4;}

A#save {background: url(../images/save-on.png) no-repeat;}
A#save:hover {background: url(../images/save-off.png) no-repeat; color:#0079F4;}

P#catalogsoon {
font-size: 14px;
color:#C00;
font-weight: bold;
margin: 20px 0 0 0;
}

/* END CATALOG PAGE STYLES */

/* LOCATIONS AND MAPS */

DIV.location {
height: 310px;
padding: 10px;
}

IMG.locationmap {
float: right;
}

/* END LOCATIONS AND MAPS */

/* TRC CUSTOMERS */

DIV.login-button {
background: url(../images/login-button.png) no-repeat;
height: 35px;
margin: 13px 0 13px 4px;
}

.login-button A {
color:#FFF;
text-decoration: none;
font-size: 16px;
padding: 0 0 0 45px;
height: 35px;
margin: 10px 0 0 0;
line-height: 33px;
text-shadow: #333 1px 1px 0px;
}

.testimonials {

}

.testimonials DIV {
float: left;
width: 250px;
margin: 5px 0 0 10px;
}

#customers-casestudies DIV {

}

/* END TRC CUSTOMERS */

/* WORK SMARTER */

.worksmarter-image {
float: left;
width: 400px;
}

.worksmarter-content {
margin: 6px 0 0 10px;
float: left;
}

.worksmarter-content P {
width: 400px;
}

/* END WORK SMARTER */

/*  LIGHTING UPGRADES  */

DIV.contact-button {
background: url(../images/login-button.png) no-repeat;
height: 35px;
margin: 13px 0 13px 4px;
text-align: center;
}

.contact-button A {
color:#FFF;
text-decoration: none;
font-size: 16px;
height: 35px;
margin: 10px 0 0 0;
line-height: 33px;
text-shadow: #333 1px 1px 0px;
}

IMG.hidlamp {
border: solid 1px #333;
margin: 0 0 0 20px;
}

DIV.lighting-casestudies {
margin: 0 0 0 17px;
}

DIV.lighting-casestudies DIV {
float: left;
width: 180px;
padding: 0;
margin: 0 10px 0 0;
}

/* END LIGHTING UPGRADES */

/* RECYCLING AND ENVIRONMENTAL */

.right-side UL {
margin: 0 0 0 10px;
padding: 0;
}

.right-side UL LI {
list-style: none;
margin: 0 0 7px 0;
padding: 0 5px 0 0;
line-height: 12px;
font-size: 11px;
}

DIV.pickup-button {
background: url(../images/login-button.png) no-repeat;
height: 35px;
margin: 10px 0 13px 4px;
text-align: center;
}

.pickup-button A {
color:#FFF;
text-decoration: none;
font-size: 16px;
height: 35px;
margin: 10px 0 0 0;
line-height: 33px;
text-shadow: #333 1px 1px 0px;
}

/* END RECYCLING AND ENVIRONMENTAL */

/* FAQ */

H2.faq-header {
color:#0079F4; 
padding: 0 0 10px 0;
}

/* END FAQ */

/* GLOSSARY */

DIV#glossary P {
clear: both;
}

DIV#glossary IMG {
float: left;
margin: 0 10px 10px 0;
}

DIV#glossary P B {
font-size: 14px;
}

/* END GLOSSARY */

/* ENHANCED PICKUP FORM */

TD.content H2 {
margin: 0;
padding: 0;
}

TD.pickuptype INPUT {
width: 24px;
margin: 0 5px 0 0;
}

/* END ENHANCED PICKUP FORM */