/* CSS Document */

/************************************************************************

	Site:		L2T



	Author:		LEAD TECH



	Listing Order:

	==============
	
	1. UNIVERSAL STYLES
	  1A - TOP BAR
	  1B - CONTAINERS
	2. STRUCTURE
	3. MENU
	4. FOOTER
	5. MISC - font etc
	6. SIDE LINKS
	
************************************************************************/


/***********************************************************************

	1 - UNIVERSAL STYLES

************************************************************************/

body
{
    background-image: url('../Images/bg.gif');
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    color: #666666;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 0;
    background-color: Black;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    text-decoration: none;
    margin: 0 0 0 0;
    padding: 0;
}

p
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    color: #333333;
}

table, td, th
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #666666;
    margin: 8px;
}
.tb
{
    width: 200px;
    border: 3px solid #cccccc;
}

.clear
{
    clear: both;
}

a
{
    color: #ff6600;
    text-decoration: underline;
    font-weight: bold;
}

a:hover
{
    color: #ff9900;
    text-decoration: underline;
}
.wcdlinks
{
 color:#0000CD;   
}
a.wcdlinks:link
{
 color: #0000CD;   
}
a.wcdlinks:hover
{
    color:#007FFF;    
}

h1
{
    font-size: 1.4em;
    color: #F06C00;
}

h2
{
    color: #d7e844;
    font-size: 1.2em;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h3
{
    color: #F06C00;
    font-size: 1.3em;
    padding: 0;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}




/***********************************************************************

	2 - STRUCTURE

************************************************************************/

#container
{
    width: 878px;
    margin: 0 auto;
    clear: both;
    background-image: url('../Images/container-bg.png');
    background-repeat: repeat-y;
    padding-bottom: 25px;
}

#tier1
{
    background-image: url('../Images/topbara-bg.gif');
    background-repeat: repeat-x;
    height: 27px;
    width: 848px;
    margin: 0 auto;
}

#tier2
{
    background-color: #001830;
    height: 125px;
    width: 848px;
    margin: 0 auto;
}

#tier2a
{
    background-repeat: repeat-x;
    height: 96px;
    width: 848px;
    margin: 0 auto;
}

#tier2b
{
    background-repeat: repeat-x;
    height: 30px;
    width: 833px;
    margin: 0 auto;
    margin-left: 15px;
}

.logo
{
    float: left;
    margin-left: 15px;
    margin-top: 23px;
}

.ad
{
    float: right;
    height: 40px;
    width: 460px;
    background-color: #001830;
    margin-top: 15px;
    margin-right: 15px;
    color: #ffffff;
    font-size: 1.7em;
}

#tier3
{
    width: 848px;
    margin: 0 auto;
    background-color: #fff;
}

#footer
{
    width: 100%;
    background-image: url('../Images/footer-bg.gif');
    background-repeat: repeat-x;
    height: 102px;
}

#left
{
    margin: 15px;
    float: left;
    width: 312px;
}

#right
{
    margin-top: 15px;
    float: left;
    width: 490px;
    margin-bottom: 15px;
}

.newsbox
{
    width: 312px;
    clear: left;
    margin-bottom: 15px;
    margin-top: 15px;
}

#content
{
    margin: 15px;
    float: left;
    width: 562px;
}
#contents
{
    margin: 15px;
    float: left;
    width: 500px;
}

#sidelinks
{
    margin-top: 15px;
    float: left;
    width: 238px;
    margin-bottom: 15px;
}



#processholder
{
    margin: 0;
    float: left;
    width: 493px;
    background-image: url(../images/offers2.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    min-height: 50px;
}

.usps
{
    padding-bottom: 8px;
    color: #F4771A;
    font-weight: bold;
    line-height: 15px;
}
.usps1
{
    padding-bottom: 8px;
    color: #2D5495;
    font-weight: bold;
    line-height: 15px;
}


/***********************************************************************

	3 - MENU

************************************************************************/

ul.menu
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    color: #CECECA;
    float: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

ul.menu li
{
    text-decoration: none;
    color: #336699;
    font-weight: bold;
    border: none;
    margin-left: 2px;
    text-align: center;
    float: left;
}

ul.menu li a:hover
{
    text-decoration: none;
    color: #336699;
    float: left;
    height: 19px;
    width: 128px;
    background-image: url(../images/btn-nav.gif);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 10px;
    font-weight: bold;
}

ul.menu li a
{
    text-decoration: none;
    color: #fff;
    float: left;
    height: 19px;
    width: 128px;
    background-image: url(../images/btn-navh.gif);
    padding-top: 10px;
    font-weight: bold;
}

a.register:link
{
    text-decoration: none;
    color: #ffff00;
    float: left;
    height: 19px;
    width: 128px;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 10px;
    font-weight: bold;
}

a.register:hover
{
    text-decoration: none;
    color: #336699;
    float: left;
    height: 19px;
    width: 128px;
    background-image: url(../images/btn-nav.gif);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 10px;
    font-weight: bold;
}

a.register:visited
{
    text-decoration: none;
    color: #ffff00;
    float: left;
    height: 19px;
    width: 128px;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 10px;
    font-weight: bold;
}




/***********************************************************************

	5 - MISC fonts etc

************************************************************************/

.bold
{
    color: #333333;
    font-weight: 600;
}

.cal
{
    margin-right: 5px;
}
.bluetext
{
    font-weight: bold;
    color: #333333;
}

.bluetext2
{
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}

.homepic
{
    width: 488px; /*height:220px;*/
    background-color: #001830;
    margin-bottom: 15px;
    border: 1px solid;
}

.homebox1
{
    float: left;
    width: 238px;
    height: 250px;
    background-image: url(../images/bg-offers1.gif);
    background-position: bottom left;
    margin-bottom: 15px;
}
.homeboxoffer
{
    float: left;
    width: 238px;
    height: 250px;
    background-image: url(../images/bg-offers1.gif);
    background-position: bottom left;
    margin-bottom: 15px;
}

.linksbox
{
    float: left;
    width: 238px;
    background-image: url(../images/bg-benefits.gif);
    background-position: bottom left;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.homebox2
{
    float: right;
    width: 238px;
    height: 250px;
    background-image: url(../images/bg-offers1.gif);
    background-position: bottom left;
    margin-bottom: 15px;
}

.homebox3
{
    float: right;
    width: 238px;
    height: 250px;
    background-image: url(../images/bg-offers1.gif);
    background-position: bottom left;
    margin-bottom: 15px;
}

.innerbox
{
    width: 220px;
    height: 200px;
    margin-left: 10px;
    margin-top: 10px;
}

.innerboxlinks
{
    width: 220px;
    margin-left: 10px;
    margin-top: 10px;
}
.commentbox
{
    position: relative;
    float: left;
    width: 220px;
    margin-top: 10px;
    color: #000000;
    font-size: 1.3em;
    height: 220px;
    border: 2px solid #f27a18;
    padding: 5px;
}
#arrow
{
    position: relative;
    float: left;
    height: 250px;
    left: -80px;
}

.innerbox2
{
    width: 450px;
    height: 200px;
    margin-left: 10px;
    margin-top: 10px;
}

.innerboxb
{
    width: 50px;
    height: 200px;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}

.innerboxc
{
    width: 160px;
    height: 200px;
    margin-top: 10px;
    float: left;
    margin-left: 10px;
}

.adbox
{
    width: 50px;
    height: 50px;
    background-color: #999999;
    margin-bottom: 16px;
}



.bluebold
{
    font-size: 1.1em;
    color: #336699;
    font-weight: bold;
}

.generaltest
{
    position: relative;
    float: left;
    width: 550px;
    color: #333333;
    font-size: 1.3em;
    padding: 5px;
}
.generaltestorange
{
    color: #ff6600;
    font-size: 1.1em;
}

.textfield
{
    background-color: #ececec;
    border: 1px solid #a8a8a8;
    height: 20px;
    position: absolute;
    width: 180px;
    font-size: 1.2em;
    color: #336699;
}

.btnsend
{
    position: relative;
    left: 180px;
}

.btnregister
{
    clear: both;
    float: right;
}

.btndemo
{
    clear: both;
    float: right;
    margin-top: 10px;
}

.guideimg
{
    float: left;
}


ul.benefits li
{
    margin-left: 15px;
    margin-top: 10px;
    font-size: 1.2em;
    list-style-image: url(../images/tick.png);
    padding-left: 10px;
}

.criteria li
{
    margin-left: 15px;
    margin-top: 8px;
    font-size: 1.1em;
    list-style-type: square;
    font: Verdana;
}

.guideimage
{
    float: left;
    margin-right: 5px;
}
.tlslink
{
 color:#000000;
 font-size:9pt; 
 text-decoration:none; 
}
a.tlslink:link
{
 color:#000000;   
}
a.tlslink:hover
{
 text-decoration:underline;   
}
.tls
{
    position: relative;
    float: left;
    text-align: justify;
    font-weight: normal;
    font-size: 1.2em;
    color: #000000;
    text-align: left;
    line-height: 14pt;
    left: 0px;
    width: 540px;
}
#tlswrap
{
 position:relative;
 height:110px;  
}
#tlsleft
{
  position:relative;
  width:212px;
  float:left;  
}
#tlsright
{
  position:relative;
  width:205px; 
  float:left; 
  left:20px 
}
    
.tlscf
{
    font-weight: bold;
    font-size: 1.3em;
    color: #000000;
    top: 20px;
}

/***********************************************************************

	6 - FOOTER

************************************************************************/

#footcontainer
{
    width: 850px;
    margin: 0 auto;
    padding: 0;
}



.footerbox
{
    width: 135px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
}

.footerboxwide
{
    width: 200px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
}

.footerhd
{
    color: #fff;
    font-weight: bold;
}

ul.menufooter
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #fff;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

ul.menufooter li
{
    margin: 0 auto;
}

ul.menufooter li a
{
    color: #fff;
    text-decoration: none;
}

ul.menufooter li a:hover
{
    color: #FF9900;
}
.formheader
{
    font-size: 10pt;
}
.formtext
{
    font-size: 10pt;
}
.forminp
{
    width: 180px;
    border: 1px solid #739ACA;
}
.ctd
{
    font-size: 10pt;
    padding-left: 20px;
    font-weight: bold;
}
.new
{
 font-weight:bold;
 font-size:1.2em;
 color:#F5913F;   
}
#tradeshow
{
    position: absolute;
    z-index: 10;
    top: 190px;
    left: 15px;
}

/*--------- Solar Panels ------- */
#solartxt
{
 position:relative;
 float:left; 
 width:320px;  
}
#solarimage
{
 position:relative;
 float:right;
 width:150px; 
 top:-80px;
 left:20px;  
}