/*
LOGICOR LTD. CASCADING STYLE SHEET
===============================
*/

/* EDIT OVERALL FONT STYLE FOR BODY, 
TABLE DATA, TABLE HEADINGS*/
body, td, th {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
} 



/* EDIT BODY COLOUR 
AND MARGINS */
body  {
background-color : #ffffff;
margin-left : 10px;
margin-top : 0;
margin-right : 10px;
margin-bottom : 20px;

} 

/*  ----- SET THE OVERALL PAGE SIZE AND ALIGNMENTS   ---------------------------------------*/
.container  {
width : 775px;
margin : 0 auto;
text-align : left;
position : relative;
} 

/*  ----- FONTS   ---------------------------------------*/
p {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.3em;
line-height: 1.4em;
margin-right : 1em;
color : #666666;
} 


h1  {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.5em;
margin-top : 1.5em;
margin-bottom : -0.2em;
line-height: 1.4em;
color : #666666;
} 


h2  {
font : normal 2.7em Arial, Helvetica, sans-serif;
margin-top : 0em;
margin-bottom : 0em;
color : #666666;
}


sub  {
vertical-align : baseline;
}

.sub {
font-size : 60%;
} 


.formtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
color: #666666;

} 

.formtextsmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.4em;
font-style: italic;
margin-left: 10px;
text-decoration: none;
color: #666666;

} 

.small {font-size: 0.85em; line-height: 1.3em;}

.smaller {font-size: 0.8em; line-height: 1.3em;}

.smallest {font-size: 0.7em;line-height: 1.3em;}



.large {font-size: 1.1em;line-height: 1.3em;}

.larger {font-size: 1.2em;line-height: 1.3em;}

.largest {font-size: 1.3em;line-height: 1.3em;}



.hidden {display: none;}



.quiet {color: #666;}

.loud {color: #000; font-weight: bold;}

.highlight {background: #FF0;}

.green {color: #9BCC3C !important; font: bold 2.3em sans-serif !important;}



.text-left {text-align: left;}

.text-right {text-align: right;}

.text-center {text-align: center;}



/*  ----- FLOATS   ---------------------------------------*/
.floatright 
{
float: right;
margin: 0px 0px 0px 10px;
}

.floatright-border 
{
float: right;
margin: 0px 0px 0px 10px;
border: 1px solid #999;
padding: 2px;
}


.floatleft  
{
float: left;
margin: 0px 10px 0px 10px;
vertical-align: baseline;
border: 0;
}


.floatleft-border   
{
float: left;
margin: 0px 10px 0px 0px;
vertical-align: baseline;
border: 1px solid #999;
padding: 2px;
}

.clear,.clearer {clear: both;}

.clearer {

	display: block;

	font-size: 0;

	line-height: 0;
}


.content-separator, .archive-separator {

	background: #666;

	clear: both;

	color: #FFE;

	display: block;

	font-size: 0;

	height: 1px;

	line-height: 0;

	margin: 12px 0 24px;

}



/*  ----- GENERAL HYPERLINK STYLE   ---------------------------------------*/
a  {
text-decoration : none;
} 
  a:link  {
color : #0066cc;
text-decoration : underline;
}
a:visited {
color : #0066cc;
text-decoration : underline;
}
a:hover {
color : #000000;
text-decoration : none;
}
a:active {
color : #0066cc;
text-decoration : none;
} 

/*  ----- LISTS  ---------------------------------------*/
ul { list-style-image: url(images/bullet.gif); list-style-position: outside; list-style-type: circle} 
ol { list-style-image: url(images/bullet.gif) ; }



/*  ----- STYLE END  ---------------------------------------*/
/*  ----- ELEMENT START  ---------------------------------------*/


/* TITLE PROPERTIES: COMPANY SLOGAN AND PAGE TITLE */
#slogan  {
position : absolute;
left : 55px;
top : 115px;
width : 500px;
height : 25px;
font : italic 2.5em Verdana, Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
} 

#heading  {
position : absolute;
left : 270px;
top : 205px;
width : 450px;
height : 25px;
font : normal 2.7em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
} 



/*  ----- EDIT Climate Change menu   ---------------------------------------*/
#carbon-offset  {
font : 1.0em  Arial, Helvetica, sans-serif;
position : absolute;
text-align : right;
line-height: 1.5em;
right : 40px;
top : 200px;
} 

#carbon-offset a {
font : 1.0em  Arial, Helvetica, sans-serif;
text-decoration : none;
line-height: 1.5em;
white-space : nowrap;
}
#carbon-offset a:link {
color : #666666;
line-height: 1.5em;
text-decoration : none;
}
#carbon-offset a:visited {
color : #666666;
line-height: 1.5em;
text-decoration : none;
}
#carbon-offset a:hover {
color : #000000;
line-height: 1.5em;
text-decoration : none;
}
#carbon-offset a:active {
color : #666666;
line-height: 1.5em;
text-decoration : none;
} 


/*  ----- NAVIGATION  MENU: HOME, ABOUT, NEWS, CONTACT,   ---------------------------------------*/

  #navigation  {
position : absolute;
top : 165px;
display : block;
left : 320px;
}
#navigation a {
font : 15px Verdana, Arial, Helvetica, sans-serif;
display : block;
width : 75px;
height : 25px;
text-align : center;
text-decoration : none;
white-space : nowrap;
}
#navigation a:link {
color : #666666;
}
#navigation a:hover {
color : #666666;
background : #ffee00;
}
#navigation a:active {
color : #666666;
}
#navigation a:visited {
color : #666666;
} 

#navigation a.current {
background: #CCC;
height : 25px;
color:#FFF;

}

/*  ----- PAGE CONTENT PROPERTIES   ---------------------------------------*/
#content  {
position : static;
margin-top : 9px;
margin-left : 9px;
margin-right : 10px;
} 



/* LEFT PANEL: PROJECT PROFILES   ---------------------------------------*/
  #project-menu-hydrobrush  {
position : absolute;
left : 73px;
top : 210px;
width : 200px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}
#leftPan a {
text-decoration : none;
width : 165px;
height : 25px;
} 
  #project-menu-hydrostick  {
position : absolute;
left : 73px;
top : 285px;
width : 130px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}

  #project-menu-greenplug  {
position : absolute;
left : 70px;
top : 325px;
width : 130px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}

  #project-menu-wallsocket  {
position : absolute;
left : 65px;
top : 365px;
width : 200px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}

  #project-menu-adaptor  {
position : absolute;
left : 70px;
top : 415px;
width : 130px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}

  #project-menu-cone  {
position : absolute;
left : 70px;
top : 460px;
width : 200px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}

#project-menu-SCF-lights  {
position : absolute;
left : 70px;
top : 510px;
width : 130px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}

  #project-menu-LITEkettle  {
position : absolute;
left : 70px;
top : 560px;
width : 130px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}  
 
  #project-menu-battery10  {
position : absolute;
left : 70px;
top : 610px;
width : 200px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}

  #project-menu-Steam-Iron  {
position : absolute;
left : 70px;
top : 660px;
width : 200px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
} 
 
  #project-menu-Clear-Heaters  {
position : absolute;
left : 70px;
top : 710px;
width : 200px;
font : normal 1.5em Arial, Helvetica, sans-serif;
color : #666666;
white-space : nowrap;
z-index : 3;
}





/*  ----- LEFT PANEL - LOWER IMAGE & REPEATER IMAGE PROPERTIES    ---------------------------------------*/
#leftBgr  {
background : url(images/logicor-leftBgr.gif) repeat-y left 15px;
height: 550px;
} 


/*  ----- TRADEMARK POSITION PROPERTIES    ---------------------------------------*/
#trademark  {
font : normal 1em Arial, Helvetica, sans-serif;
text-align : center;
line-height: 1.4em;
width : 725px;
color : #666666;
position : static;
margin-top : 0.5em;
text-align : center;
white-space : nowrap;


} 
  #trademark a:link  {
color : #666666;
text-decoration : none;
}
#trademark a:visited {
color : #666666;
text-decoration : none;
}
#trademark a:hover {
color : #000000;
text-decoration : underline;
} 
  table.c2  {
background-color : #ffffff;
}
td.c1 {
background-color : #ffffff;
} 

/*  ----- TABLES  ---------------------------------------*/



th {font-weight: bold;}

thead th {background: #C3D9FF;}

table.data-table th td caption {padding: 3px 10px 3px 5px;}

tr.even td {background: #F2F6FA;}

tfoot {font-style: italic;}

caption {background: #EEE;}

table.data-table {

	border: 1px solid #EEE;

	margin-bottom: 2em;

	width: 95%;

}

table.data-table th {

	background: #EEE;

	border: 1px solid #DDD;

	color: #555;

	text-align: center;

}

table.data-table tr td div a img {
padding: 6px 8px;
vertical-align: baseline;
border: 0;
}

table.data-table {border-collapse: collapse; border-spacing: 0;}
table.data-table tr {border-bottom: 1px solid #EEE;}

table.data-table td, table th {padding: 6px 8px;}

table.data-table td {

	background: #F6F6F6;

	border: 1px solid #E6E6E6;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.3em;
	color : #666666;

}

table.data-table tr.even td {background: #FCFCFC;}