/*
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;
} 

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


/* EDIT HEADING 1  */
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;
} 


/* EDIT HEADING 2  */
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: #333333;

} 

.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: #333333;

} 


.floatright 
{
float: right;
margin: 0px 0px 0px 10px;
}

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


/* 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;
} 


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 : 350px;
}
#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;
} 

/* 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;
}

/* PROJECT MENU END  */

 



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


/* FOOTER BEGIN */
/* 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;
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;
} 
/* END  */