/*=========================-=======

SCREEN STYLESHEET FOR HADCO WEBSITE

==================================*/

body{
	margin: 0px;
	font-family: "trebuchet ms",ariel,sans-serif;
	padding: 0px;
	margin-bottom:15px;
	background-color: #F0F0F2;
	font-size:12px;
}

a, a:link, a:active, a:visited{ color:#0B5ED7; text-decoration:none;}

a:hover{ color:#CCCCCC; text-decoration:none;}

p{ margin:0; padding:0; margin-bottom:7px;}

ul{ margin-top:7px;}

ul ul{ margin-top:0px; }

.dontPrint{}

h1 { color:#0B5ED7; }
h2 { color:#0B5ED7; }
h3 { color:#0B5ED7; }
h4 { color:#0B5ED7; }

#siteWrapper{ width:100%; margin:0px auto;}

/*========  HEADER ========= */

#headerWrapper-homepage{
display: block; height: 119px; width: 998px; }

#headerWrapper{
display: block; height: 119px; width: 998px;}

#headerHome{
width:998px; height:53px; display:block; }

#userLinks a,#userLinks a:link, #userLinks a:active, #userLinks a:visited{ color:#ffffff;font:normal 9px "trebuchet ms";}

#userLinks{ color:#FFFFFF; font:normal 9px "trebuchet ms";padding-left:7px;}

#userLinks a:hover{ color:#FFFFFF; text-decoration:none; }

#printHeader{display:none}

/*========  SEARCH ========= */

#searchWrapper-home{
left:627px; position: absolute; z-index: 3; visibility: visible; float:left; }

#searchWrapper{
 z-index: 3; visibility: visible; float:right; }

#siteSearch-home{
background-color:#a70019; border:solid 1px #ffffff; height:15px; width:149px; color:#ffffff; font:normal 11px "trebuchet ms";}

.siteSearch{
border:solid 1px #000000; height:15px; width:158px; color:#000000; font:normal 11px "trebuchet ms"; margin-bottom:3px;}

.searchbox 
{
    width:150px; height:20px; border:thin solid #0B5ED7; vertical-align:middle;
}

.searchbutt
{
    vertical-align:middle; margin-top:5px;
}

/*========  NAV ========= */

#navHome{
display:block; color:#0B5ED7; }
#navHome a{
color:#0B5ED7; }

#navLeftcol-wrapper{ 
 display:block; border-right:solid thin #cccccc; }

#navLeftcol{
padding:0 20px 20px 20px; font:normal 11px/14px "trebuchet ms"; width:159px; voice-family: "\"}\""; voice-family:inherit; width:120px }

#navLeftcol ul { 
list-style:none; margin:0;  padding:0; text-align:left; }
#navLeftcol li{ 
padding:8px 0px; border-bottom:solid 1px #CCCCCC; }
#navLeftcol li a, #navLeftcol li a:link, #navLeftcol li a:active { 
text-decoration:none; }
#navLeftcol li a:hover{
text-decoration:none; color:#CCCCCC; }

/*========  DROPDOWN MENUS ========= */

#navWrapper-home{ position:absolute;}

#navWrapper{ position:absolute;}

#navWrapper-top{ position:absolute;}

#navAbout, #navProducts, #navReplocator, #navWheretobuy, #navBuzz, #navTraining, #navLogin{
position: absolute; top:0px; margin-right:5px; z-index: 3; visibility: visible; float:left; color:#0B5ED7; font-family:"trebuchet ms"}

#navWrapper-home #navAbout{ left:11px}
#navWrapper-home #navProducts{ left:103px}
#navWrapper-home #navReplocator{ left:188px}
#navWrapper-home #navWheretobuy{ left:294px}
#navWrapper-home #navBuzz{ left:407px}
#navWrapper-home #navTraining{ left:472px}
#navWrapper-home #navLogin{ left:554px}

#navWrapper #navAbout{ left:0px}
#navWrapper #navProducts{ left:67px}
#navWrapper #navReplocator{ left:137px}
#navWrapper #navWheretobuy{ left:228px}
#navWrapper #navBuzz{ left:326px}
#navWrapper #navTraining{ left:375px}
#navWrapper #navLogin{ left:442px}

.menuLogin {
color:#0B5ED7; font-family:"trebuchet ms" }

.menuAbout{
 color:#000000; font-family:"trebuchet ms"; position:absolute; z-index: 4; width:155px; visibility:hidden; padding-top:5px; padding-bottom:0px; border-bottom:solid 2px #0B5ED7; }

#navWrapper-home #menuAbout{
left:20px; top:40px; color:#0B5ED7; font-family:"trebuchet ms"}

#navWrapper #menuAbout{ left:0px; top:40px; color:#0B5ED7; font-family:"trebuchet ms" }

.menuLinks { font-size:12px; text-decoration:none; font-family:"trebuchet ms"; padding-left:5px; padding-right:5px; }
.menuLinks a:link { font-size:12px; font-family:"trebuchet ms"}
.menuLinks a:hover{ font-size:12px; font-family:"trebuchet ms"; text-decoration:none;}

.topNav { padding-top:4px; color:#0B5ED7; font-size:13px; font-family:"trebuchet ms"; padding-left:5px; padding-right:5px; }
.topNav a:link{ color:#0B5ED7; font-family:"trebuchet ms"; padding-left:5px; padding-right:5px; }
.topNav a:visited{ color:#0B5ED7; font-family:"trebuchet ms"; padding-left:5px; padding-right:5px; }
.topNav a:hover{ color:#0B5ED7; font-family:"trebuchet ms"; padding-left:5px; padding-right:5px; }

.hadLogin {
	font-family:"trebuchet ms";
	padding-left:5px;
	padding-right:5px;
}


/* homepage top menus */

#menuDistributors, #menuContractors{
position:absolute; z-index: 4; width:135px; visibility:hidden; padding-bottom:0px; background-color: #920011; }

#menuDistributors{ left:0px; top:20px; }

#menuContractors{ left:183px; top:20px; }

#menuDistributors #menuLinks a, #menuContractors #menuLinks a {
display:block; padding: 3px 10px 3px 10px; font: normal 10px/12px "trebuchet ms"; border-bottom:solid 1px #0B5ED7; text-decoration:none; color:#ffffff;}

#menuDistributors #menuLinks a:hover, #menuContractors #menuLinks a:hover{
background-color:#0B5ED7;color:#ffffff;}

#menuDistributors #menuLinks, #menuContractors #menuLinks {
width:135px;}

/*========  CONTENT ========= */

#contentWrapper-nocol{
vertical-align:top; text-align:left; }

#contentWrapper-leftcol{
vertical-align:top; text-align:left; }

#contentArea-nocol{
padding:0 30px 25px 30px; voice-family: "\"}\""; voice-family:inherit; font:normal 11px/15px "trebuchet ms"; color:#000000;}

#contentArea-leftcol{
padding:0 25px 25px 25px;  voice-family: "\"}\""; voice-family:inherit; font:normal 11px/15px "trebuchet ms"; color:#555555;}

#contentArea-topPad{ margin-top:5px;}

#contentArea-topNoPad{ margin-bottom:26px;}

#contentArea-topSearchResults{ margin-bottom:15px; border-bottom:solid 1px #0B5ED7;}
#contentArea-topSearchResults td{ padding-bottom:1px;}

.fontBigger{ font-size:12px;}
.fontSmaller{ font-size:10px;}

.verticalLine-red{ background:url(../images/divider.gif) repeat-y center top;}
.verticalLine-black{ background:url(../images/divider-black.gif) repeat-y center top;}

.horizontalLine-red{ border-bottom:solid 1px #0B5ED7; height:1px; display:block; margin:7px 0;}
.horizontalLine-black{ border-bottom:solid 1px #999999; height:1px; display:block; margin:7px 0;}

.pageHeadline{
font:bold 13px/16px 'trebuchet ms'; color:#000; display:block; padding-bottom:2px; border-bottom:solid 1px #0B5ED7; margin-bottom:15px; text-align:left; }

.secondaryHeadline, .secondaryHeadline-inBar, .secondaryHeadline-underlined{
font:bold 12px/14px 'trebuchet ms'; display:block; margin-bottom:10px; color:#000; text-align:left;}
.secondaryHeadline-inBar{
background-color:#CCCCCC; padding:1px; padding-left:5px;}
.secondaryHeadline-underlined{
border-bottom:solid 1px #808080; padding-bottom:2px; font-weight:normal;}

.button{ display:block; width:150px; background-color:#0B5ED7; border:solid 1px #0B5ED7; text-align:center;}
.button a, .button a:link, .button a:active, .button a:visited{
font:bold 11px 'trebuchet ms'; color:#fff; text-decoration:none; padding:2px 15px; display:block; }
.button a:hover{ background-color:#0B5ED7; text-decoration:none;}

.button input{
display:block; background-color:#0B5ED7; border:solid 1px #0B5ED7; padding-right:10px; padding-left:10px; font:bold 11px 'trebuchet ms'; color:#FFFFFF; text-decoration:none; text-align:center; vertical-align:middle;}
.button a:hover input{ background-color:#CC6600; text-decoration:none;}

.textBox{ font:bold 10px "trebuchet ms"; color:#111111; border:solid 1px #999999; height:14px; vertical-align:middle}
.searchbutton{ vertical-align:middle }

.dataTable{ margin:10px 0; }
.dataTable th{ border-bottom:solid 1px #808080; padding:0 20px 5px 0; font-weight:bold; text-align:left;}
.dataTable td{ border-bottom:solid 1px #808080; padding:5px 20px 5px 0; text-align:left;}

/*========  PAGE SPECIFIC ========= */

.backButton{ margin-left:10px; font-size:11px; float:right;}

#loginPane{ background:url(../images/login_lt_side.jpg) no-repeat; width:168px; height:295px; vertical-align:top; font-size:11px;}
#loginPane a, #loginPane a:link, #loginPane a:active, #loginPane a:visited{color:#000; text-decoration:none;}
#loginPane #enter a, #loginPane #enter a:link, #loginPane #entera:active, #loginPane #enter a:visited{color:#fff; text-decoration:none;}
#loginPane a:hover{ color:#FFf; text-decoration:none;}

.didYouKnow{ border:solid 7px #c7182f; border-top:solid 5px #c7182f; border-bottom:solid 5px #c7182f; margin: 20px 0 0 0;}
.didYouKnow td{ padding:8px; padding-left:15px; vertical-align:top;}
.didYouKnow strong{ font-size:13px;}

.grayBox{ background-color:#CCCCCC; padding:10px; font:bold 10px/13px 'trebuchet ms' !important;}
.grayBox p, .grayBox div{ margin:0; margin-bottom: 3px;}

#visualSearch-home td{ padding:0 36px 35px 0; border-bottom:solid 1px #fff;}
#visualSearch-home a:hover img{ border:solid 1px #FF9900 !important;}
#visualSearch-home img{ border:solid 1px #000; margin-bottom:3px;}

.searchResults-topBar{ margin-bottom:10px;}
.searchResults-topBar td{ font-weight:bold; border-bottom:solid 1px #808080; background-color:#CCCCCC; padding:2px 5px 1px 5px;}
.searchResults-topBar a{ padding-right:15px; float:left;}

.linkBar{ display:block; padding-bottom:15px;}
.linkBar a{ color:#0B5ED7; font-weight:bold; padding-right:20px; float:left;}

#lightingTechniques{ margin-bottom:29px;}
#lightingTechniques td{ padding:0 7px 11px 7px; text-align:center; vertical-align:top;}
#lightingTechniques img{ width:66px; height:66px; border:solid 1px #808080; margin-bottom:5px;}
#lightingTechniques a:hover img{ border:solid 1px #FF9900 !important;}
#lightingTechniques .selected{ border-bottom:solid 2px #0B5ED7; width:68px;}

#finishes{ margin-bottom:40px;}
#finishes td{vertical-align:top; text-align:center;padding:0 5px 15px 5px;}
#finishes img{ margin-bottom:5px; border:solid 1px #808080; width:80px; height:56px;}
#finishes .selected{ border-bottom:solid 2px #0B5ED7; width:82px; padding-bottom:5px;}
#finishes a:hover img{ border:solid 1px #ff9900 !important;}
#finishesMenu{float:right; white-space:nowrap; font-size:12px;}
#finishesMenu a{margin-right:17px;}

#optics{ margin-bottom:45px;}
#optics img{ border:solid 1px #808080; margin-bottom:10px; margin-right:25px; }
#optics td{ padding-right:20px; }

/* the tools rollovers */
#toolsWrapper{position:absolute;}
#thumb1{position:absolute; z-index: 3; left:0px; top:0px;}
#thumb2{position:absolute; z-index: 3; left:87px; top:0px;}
#thumb3{position:absolute; z-index: 3; left:174px; top:0px;}
#thumb4{position:absolute; z-index: 3; left:261px; top:0px;}
#thumb5{position:absolute; z-index: 3; left:348px; top:0px;}
#thumb6{position:absolute; z-index: 3; left:435px; top:0px;}
#pointerThumb1, #pointerThumb2, #pointerThumb3, #pointerThumb4, #pointerThumb5, #pointerThumb6 {
position:absolute;z-index: 4;width:710px;overflow:visible;left:0px;top:64px;height: 250px;visibility: hidden;}

/*========  FOOTER ========= */

#footerWrapper-homepage, #footerWrapper-nocol, #footerWrapper-leftcol {
width:850px; color:#A8B9D7; font:normal 9px "trebuchet ms";}

#footerWrapper-homepage {
height:35px;}

#footerWrapper-nocol{
height:61px;}

#footerWrapper-leftcol{
height:58px;}

#footerWrapper-leftcol a, #footerWrapper-leftcol a:link, #footerWrapper-leftcol a:active, #footerWrapper-leftcol a:visited, #footerWrapper-nocol a,#footerWrapper-nocol a:link, #footerWrapper-nocol a:active, #footerWrapper-nocol a:visited, #footerWrapper-homepage a, #footerWrapper-homepage a:link, #footerWrapper-homepage a:active, #footerWrapper-homepage a:visited{
color:#ffffff;} 

#footerWrapper-nocol a:hover, #footerWrapper-leftcol a:hover, #footerWrapper-homepage a:hover{
text-decoration:none; color:#FFcc66; }

/*========  LOCATORS ========= */
.scrollDiv {
width:480px;
height:320px;
overflow: auto; 
/*background-color: #E3E1DD;
border-color: #CCCCCC #666666 #666666 #CCCCCC;
border: 1px solid;
*/
}

.searchResultsTitle 
{
color:#0B5ED7;
/*font-size:smaller;*/	
}

/* lighting techniques thumbnails*/
ul.thumbNav { margin:0; padding:0} 
ul.thumbNav img { border:solid 1px #808080; margin-bottom:3px;}
ul.thumbNav li { display:block; float:left; list-style:none; margin:0 7px; text-align:center}
ul.thumbNav li a { display:block; border-bottom:solid 3px #fff; padding-bottom:3px;}
ul.thumbNav li a:hover { border-bottom:solid 3px #0B5ED7; color:#000;}
ul.thumbNav .selected{ border-bottom:solid 3px #0B5ED7; }
ul.thumbNav a, ul.thumbNav a:link, ul.thumbNav a:active, ul.thumbNav a:visited{ color:#000;}

.visualSearch-link a:hover img{ border:solid 1px #FF9900 !important;}