/* Bamboo Solutions Cascading Style Sheet 2007 */
/* Author: Simon Nolan */
/* Email: simon.nolan@bamboosolutions.it */

/*	Do you realise comments make things difficult for mobile devices
	If you are going to use this site on mobile devices I suggest you remove me
*/

* { margin:0; padding:0 ;} /* Removes all browser DEFAULT margin and padding to all elements */
						   /* Only padding or margins set to each element will be applied */					   

body { margin: 0; padding:0; background:#FFFFFF url(../images/back.gif) center top repeat-x; text-align:center;
	   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; color:#FFFFFF; }
body.home, body.contact{ background-color:#000000; }
/* Content is the upper section white area */
.content { width:100%; clear:right; position:relative; margin-left:auto; margin-right:auto; height:388px; }
#home { background:#000000 url(../images/home_image1.jpg) no-repeat fixed center top; }
#index { width:1000px; } /* Global center no background image or contentProducts div needed */

/* Index Homepage WELCOME INTRODUCTION SECTION */
#welcome { position:absolute; left:94px; top:0px; width:566px; z-index:1; text-align:left; background:url(../images/projection_home_end.gif) left top no-repeat; padding:10px 0 0 60px; height: 210px; }
#welcome img { margin:0 0 10px 0; }
#welcome p, #contact img { margin:0 0 15px 0; }
#welcome p, #contact p, #welcome strong, #contact strong { color:#aeaeae; }
/* Index Contact page */
#contact { position:absolute; left:94px; top:0px; width:566px; z-index:1; text-align:left; background:url(../images/projection_home_end.gif) left top no-repeat; padding:10px 0 0 60px; height:210px; color:#aeaeae; }
#contact img { margin:0 0 15px 0; }


/* Navigation is the lower section grey area */
#navigation { height:220px; width:1000px; color:#616161; text-align:left; position:relative; margin-left:auto; margin-right:auto; font-size:.9em; }
#navigation a:link { color:#616161; text-decoration:none; background-color:#0d0d0d; }
.active {color:#ffffff; text-decoration:none;}
#navigation a:visited { color:#616161; text-decoration:none; }
#navigation a:hover { color:#FFFFFF; text-decoration:none; }

/* Projection Logo located in Navigation DIV */
#logo { width:100px; height:43px; float:right; margin:15px 25px; background:url(../images/projectionlighting_logo.gif) top left no-repeat;}

/*/////////////// NAVIGATION - All to do with Navigation from here on ///////////////////////////////////////*/
/* Top Level of Navigation - Homepage * Catalogue etx.. */
ul#navigation_level_1 li { font-size:1.2em; }
ul#navigation_level_1 ol li { font-weight:normal; font-size:9px; }

#navigation_level_1 { position:absolute; left:9px; top:15px; z-index:1; text-align:right; width:85px; /*background-color:#990000*/ }
#navigation_level_1 li.active { border:none; background:url(../images/branch_grey.gif) 66px 18px no-repeat; }
#navigation_level_1 li { list-style:none; line-height:3em; display:block; padding:0 15px 0 0; }


#navigation_level_1 li#bamboosolutions a { display:block; height:20px; margin:80px 0 0 0; background: url(../images/bamboosolutions.jpg) bottom right no-repeat; }
#bamboosolutions a span.bamboosolutions { display:none; }
.bcknone { background-image:none; }


/* Main ID for Navigation Elements ////////////////////////////////////////////////////////// */
#downlights { background:url(../images/bck_downlights.gif) bottom left no-repeat; }
#trackSpotPendants { background:url(../images/bck_trackSpotPendants.gif) bottom left no-repeat; }
#fluorescentSystems { background:url(../images/bck_FluorescentSystems.gif) bottom left no-repeat; }
#wallUplights { background:url(../images/bck_wallUplights.gif) bottom left no-repeat; }
#modularFluorescentSystems { background:url(../images/bck_modularFluorescentSystems.gif) bottom left no-repeat; }
#industrialCommercial { background:url(../images/bck_industrialCommercial.gif) bottom left no-repeat; }
#outdoor { background:url(../images/bck_outdoor.gif) bottom left no-repeat; }
#emergencyLighting { background:url(../images/bck_emergencyLighting.gif) bottom left no-repeat; }
#controlSystems { background:url(../images/bck_controlSystems.gif) bottom left no-repeat; }
#retail { background:url(../images/bck_retail.gif) bottom left no-repeat; }
#alphaled { background:url(../images/bck_alphaLED.gif) bottom left no-repeat; }
#led { background:url(../images/bck_LED.gif) bottom left no-repeat; }
/*///////////////////// CATALOGUE AND SUB SECTIONS MENUS' //////////////////////////////////////*/
#catalogue {
	position:absolute;
	left:80px;
	top:-5px;
	width:183px;
	z-index:1;
	text-align:left;
	border-left:#1e1e1e 1px solid;
	background:url(../images/branch_tb.gif) left bottom no-repeat;
}
#catalogue li, ol.downlights li {  line-height:1.5em; display:block; height:17px; margin:0 0 2px 0; padding:0 0 0 15px; }
/* Top title on catalogue pages */
#title h1 { display:block; height:30px; color:#0d0d0d; text-align:left; font-size:2.2em; font-weight:normal; margin:10px 5px 0 0; padding:0 20px 0 10px; float:left; background:url(../images/fileSystemSeparator.gif) top right no-repeat; }
.catIndex { border-left:#0d0d0d 10px solid; }
.catDownlights { border-left:#0099FF 10px solid; }
.catTrackSpotPendants { border-left:#764385 10px solid; }
.catFluorescentSystems { border-left:#ff0000 10px solid; }
.catWallUplights { border-left:#c68024 10px solid; }
.catModularFluorescentSystems { border-left:#053475 10px solid; }
.catIndustrialCommercial { border-left:#1e6920 10px solid; }
.catOutdoor { border-left:#6c7e17 10px solid; }
.catEmergencyLighting { border-left:#570a93 10px solid; }
.catControlSystems { border-left:#d70695 10px solid; }
.catRetail { border-left:#ff6600 10px solid; }
.catAlphaLED { border-left:#009999 10px solid; }
.catLED { border-left:#40ed9e 10px solid; }

#alphaLEDh1 { background:url(../../images/catalogue/alphaLED/alphaLED_Logo.gif) 1px 1px no-repeat !important; width:105px; display:block; }
#alphaLEDh1 span { display:none;}

span.submenu { display:block; height:20px; color:#0d0d0d; font-size:1.8em; float:left; margin:14px 0 0 0; }



/* contentProducts is the upper section white area for the Products Section Only */
.contentProducts { width:1000px; clear:right; position:relative; margin-left:auto; margin-right:auto; height:388px; }

#divPopup h1 { display:block; width:684px; height:30px; float:left; text-align:left; color:#0d0d0d; font-size:1.5em; font-weight:normal; margin:5px 0 5px 0; }

/* closePopup link - located inside divPopup - .productDetails */
#closePopup { width:100px; height:30px; float:left; text-align:left; color:#0d0d0d; font-size:1em; font-weight:normal; }
#closePopup a:link, a:visited { color:#0d0d0d; text-decoration:none; }
#closePopup a:hover { text-decoration:underline; }

/* ProductDetails located inside .divPopup */
.productDetails { width:240px; height:350px; float:left; color:#0d0d0d; margin:0 15px 0 0; padding:0 0; }
caption { text-align:left; font-size:1.2em; font-weight:bold; /* padding:5px 0 5px 0; */ }

/* ProductDetails Download PDF Link Section */
#downloadPdf { height:40px; width:240px; padding:310px 0 0 0; font-size:1.1em; font-weight:normal; background:url(../images/adobe_pdf_icon.gif) bottom left no-repeat; } 
#downloadPdf a { display:block; height:10px; padding:0 0 0 90px; }
#downloadPdf a:link, a:visited { color:#0d0d0d; text-decoration:underline; }
#downloadPdf a:hover { text-decoration:none; } 

/* TABLE DATA IS NOW PER STYLE SHEET */

/* Each product page has key features listed  and a button to open the Additional Info (dropdown glassyWindow) */
.keyFeatures { clear:both; width:500px; color:#0d0d0d; margin:10px 0 0 0; padding:0 0 0 21px; float:left; text-align:left; }
.keyFeatures h2 { font-size:1.8em; font-weight:normal; margin:0 0 15px 0; }
.keyFeatures h3 { font-size:1.1em; font-weight:bold; margin:25px 0 10px 0; }
.keyFeatures p { padding:0; margin:0; }
.keyFeatures ul { list-style-position:outside; list-style-type:none; }
/* Additional information is the small div with link to popUp */
#additionalInformation { text-align:left; padding:5px 0 15px 20px; margin:20px 0 0 0; width:140px; }
#additionalInformation p { font-size:1.2em; }
#additionalInformation p a:link span, #additionalInformation p a:visited span { color:#0d0d0d; display:block; text-decoration:underline; margin:0 0 5px 0; }
#additionalInformation a:link, #additionalInformation a:visited { color:#0099ff; text-decoration:underline; }
#additionalInformation a:hover, #additionalInformation p a:hover span { text-decoration:none; }
/* The icon for the additional info link */
.additionalInfoRetail { background:url(../images/additional_Information_retail.gif) left top no-repeat;}
.additionalInfoDownlights { background:url(../images/additional_Information_downlights.gif) left top no-repeat;}
.additionalInfoTrackSpotPendants { background:url(../images/additional_Information_track_spot_pendants.gif) left top no-repeat;}
.additionalInfoFluorescentSystems { background:url(../images/additional_Information_fluorescent_systems.gif) left top no-repeat;}
.additionalInfoWallUplights { background:url(../images/additional_Information_wall_and_uplights.gif) left top no-repeat;}
.additionalInfoModularFluorescentSystems { background:url(../images/additional_Information_modular_fluorescent_systems.gif) left top no-repeat;}
.additionalInfoIndustrialCommercial { background:url(../images/additional_Information_industrial_commercial.gif) left top no-repeat;}
.additionalInfoOutdoor { background:url(../images/additional_Information_outdoor.gif) left top no-repeat;}
.additionalInfoEmergencyLighting { background:url(../images/additional_Information_emergency_lighting.gif) left top no-repeat;}
.additionalInfoControlSystems { background:url(../images/additional_Information_control_systems.gif) left top no-repeat;}
.additionalInfoAlphaLED { background:url(../images/additional_Information_alphaLED.gif) left top no-repeat;}
.additionalInfoLED { background:url(../images/additional_Information_LED.gif) left top no-repeat;}

/* notes is a Unique section for single paged products with the downloadable pdf ** Additional styling per section */
#notes { width:240px; position:absolute; left:260px; top:70px; }
#notes #downloadPdf { padding: 10px 0 0 0; }
#notes #downloadPdf a { display:block; height:10px; padding:0 0 0 50px; }



/* Alph LED landing page */


#landingAlpha { background:url(../images/alphHomepage/header.jpg) center no-repeat;}