/*---------------------------------------------
Growkingcfl.co.uk base style
author:   Joe Smalley/Motion
version:  24 Janurary 2007

Classes preceeded by a dot (.)
IDs with a hash mark (#)
----------------------------------------------- */

html body{
	height: 100%;
	background-color: #E6E6E6;
	padding: 0;
	margin:	0;
	margin-top: 50px;
	margin-bottom: 50px;
	border:	0;
	background: #01843E url(../images/bg.jpg) fixed repeat-x top left;
	font-family: 'Lucida Grande', Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 11px;
	text-align: center; /* this is nessesary to center the page in IE/Win */
	line-height: 15px;
	color: #666666;
}


/* ----- TEXT ----- */
a:link,
a:visited,
a:active {
color:#01843E;
text-decoration: underline;
}

a:hover {
color:#99CC00;
}

.clear,div.spacer {
clear:both;
}

h1{
font-family: Helvetica Neue Light, Helvetica Light, Helvetica Neue, Helvetica, Arial, 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: 100;
margin: 0;
font-size: 22px;
color: #FFCC00;
color: #01843E;
padding-bottom: 10px;
width:500px;
}

h2{
margin: 0;
}

h3{
margin: 0;
}

/* ----- INTRO ----- */
#intro{
	background-color: #01843E;
	margin: 0;
}

#intro #main{
width: 100%;
background: #01843E url(../images/intro-strip.jpg) repeat-x left top;
}

#intro #main-inner{
margin: 0 auto;
text-align: center;
}

#intro #main-inner a img{
border: 0;
}


/* ----- LAYOUT ----- */

#main {
background-color: white;
width: 850px;
text-align: left;
padding: 0;
margin: 0 auto;
}

#leftmenu {
background-color: white;
float: left;
display:inline;
width: 180px;
height: 450px;
margin: 0;
padding: 0;
}

*html #leftmenu {
margin-right: -1px;
}

#rightcontent{
float: left;
display:inline;
width: 670px;
margin: 0;
padding: 0;
}

#rightcontentinner{
width: 670px;
margin: 0;
padding: 20px;
}

#cfllighting #rightcontentinner, #ballastsandreflectors #rightcontentinner{
padding-left: 0px;
padding-right: 20px;
padding-right: 0;
padding-bottom: 20px;
padding-top: 5px;
}

#contactus #rightcontentinner{
padding: 20px;
}

*html #contactus #rightcontentinner{
padding: 0;
padding-top: 20px;
}

#logo{
	padding: 7px;
	padding-bottom: 11px;
}

#menu{
	padding-top: 290px;
	padding-left: 20px;
}

/* ----- CFL LIGHTING ----- */

.column1-2, .column2-2{
width: 210px;
float: left;
display:inline;
}

.column1-2{
padding-right: 35px;
}

ul{
margin: 0;
padding: 0;
margin-left: 15px;
}

li{
margin-bottom: 10px;
}

#whatis-column{
float: right;
display:inline;
width: 170px;
}

.whatis{
margin: 0;
margin-bottom: 15px;
margin-top: 10px;
margin-right: 20px;
padding: 0;
width: 170px;
background: url(../images/whatis_bgbottom.gif) no-repeat left bottom;
float: right;
display:inline;
}

.whatis h3{
margin: 0;
margin-bottom: 6px;
padding: 0;
padding-left: 8px;
padding-top: 5px;
color: white;
font-size: 12px;
background: #01843E url(../images/whatis_top.gif) no-repeat left top;
height: 20px;
}

#whatis2line h3{
height: 35px;
}

.whatis p{
	margin: 0;
	margin-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.quote{
	font-style:italic;
}

#cfltable{
float: left;
display:inline;
}

/* ----- CFL LIGHTING - PRODUCT SHOWCASE ----- */

.productshowcase, 
.productshowcase-rb{
background: url(../images/productshowcase-bottom.gif) no-repeat left bottom;
margin-bottom: 10px;
margin-top: 10px;
}

*html .productshowcase{
width: 670px;
padding: 0;
}


.productshowcase .productshowcase-inner, 
.productshowcase-rb .productshowcase-inner{
padding: 15px;
margin-bottom: 10px;
}

.productshowcase h1, 
.productshowcase-rb h1{
background: url(../images/productshowcase-top.gif) no-repeat left top;
padding-top: 15px;
padding-left: 15px;
width: 650px;
}

.productshowcase-rb h2, 
.productshowcase-rb p{
float: left;
}

.product-finish{
float: left;
margin-right: 10px;
}

.product-image{
margin-bottom: 15px;
}

.productshowcase p, 
.productshowcase-rb p{
margin: 0;
}

.productshowcase .product, 
.productshowcase .product-end, 
.productshowcase-rb .product, 
.productshowcase-rb .product-end{
width: 180px;
float: left;
display:inline;
padding-right: 16px;
margin-right: 22px;
border-right: 1px solid #01843E;
height: 100%;
margin-bottom: 15px;
}

.productshowcase-rb .product, 
.productshowcase-rb .product-end{
width: 280px;
}

.productshowcase-rb .product-end{
padding-left: 22px;
}

.productshowcase .product-end, 
.productshowcase-rb .product-end{
margin: 0;
border: 0;
}

.productshowcase-rb .product p, 
.productshowcase-rb .product-end p{
width:210px;
}

/* spectrum bit */
#spectrums{
padding-left: 15px;
padding-bottom: 15px;
float: left;
display:inline;
}

#spectrums h3{
font-size: 12px;
font-weight: bold;
}

#spectrums p{
margin-bottom: 2px;
}

/* ------------------------------------------------------------------
TOOLTIPS
----------------------------------------------------------------------*/

a.tooltip{
    position:relative; /*this is the key*/
	z-index: 1;
}

a.tooltip img{
	border: 0;
}

a.tooltip:hover{
	font-size: 100%; /* Fixes bug in IE5.x/Win */
	z-index: 2;
}

a.tooltip span{
	display: none;
}

a.tooltip:hover span{ /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  left: -130px;
  padding: 3px;
  border: 1px solid green;
  background-color: white;
  width: 250px;
  height: 250px;
}


/* ----- CFL LIGHTING - COLOUR TEMP TABLE ----- */

#colourtemp tr td {
	border-bottom: 1px dotted black;
	background-color:#F7F7F7;
}

#colourtemp tr.greenheader{
font-size: 12px;
color: white;
height: 25px;
font-weight: bold;
}

#colourtemp tr.greenheader td{
white-space: nowrap;
background: #01843E url(../images/tabletop.gif) no-repeat left top;
border: none;
}

#colourtemp tr th{
white-space: nowrap;
background: #01843E url(../images/tabletop.gif) no-repeat right top;
}

#colourtemp1, #colourtemp2, #colourtemp3, #colourtemp4, #colourtemp5, #colourtemp6{
width: 15px;
height: 15px;
float: left;
display:inline;
margin-right: 5px;
}

#colourtemp1{background-color: #0000CC;}
#colourtemp2{background-color: #00CCFF;}
#colourtemp3{
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
	width: 13px;
	height: 13px;
}
#colourtemp4{background-color: #FFFF99;}
#colourtemp5{background-color: #FFCC00;}
#colourtemp6{background-color: #CC3300;}


/* ----- CONTACT US ----- */

/* fieldset styling */
fieldset {
	width: 450px;
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #ccc;
	background-color:#F5F5F5
}

fieldset div{
	padding-top: 7px;
}

/* legend styling */
legend {
	font-weight: bold;
	font-size: 13px;
	color: #000000;
}

form p {
	position: relative;
	width: 450px;
}

/* style for  labels */
label {
	float: left;
	display:inline;
	width: 11em;
	padding-top: 2px;	
}

input, textarea {
	border: 1px solid green;
	font-family: 'Lucida Grande', Arial, Helvetica, Geneva, Verdana, sans-serif;
	padding: 2px;
	font-size: 12px;
}