/* @group Body and Wrapper */

body.editmaintext {
     background-color: #ffffff;
 }

body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     margin: 0px;
     padding: 0px;
     background: #333333;
 }

#wrapper {
     width:870px;
     padding: 0px 20px;
     margin: 0px auto;
     text-align: left;
     position: relative;
     background: #333333 url(wrapper_back.jpg) repeat center top;
 }



/* @end */

/* @group Header */

#header {
     color: #000;
     height: 170px;
     width: 870px;
     background: #4a8ca4 url(header_back.gif) no-repeat left top;
 }


#header h1 {
position: absolute;
margin: 0 0 0 -5000px;
}

.strapline{
	color: #fff;
	width: 530px;
	text-align: center;
	position: absolute;
	margin: 110px 0 0 40px;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}

#memberLogin{
	position: absolute;
	top: -18px;
	left: 30px;
	margin: 0;
	padding: 0;
	width: 500px;
}

#memberLogin b{
	position: absolute;
	margin: 0 0 0 -5000px;
	padding: 0;
}

#memberLogin p{
	width: 160px;
	margin: 0;
	float: left;
	color: #ccc;
}

#memberLogin p input{
	width: 80px;
	height: 12px;
	color: #ccc;
	background: none;
	border: 1px solid #ccc;
}

#memberLogin input{
	height:16px;
	font-size: 10px;
	background: #333;
	border: 1px solid #ccc;
	color: #ccc;
}

/* @end */

/* @group Navbar */

#navbar ul {
    margin: 0px;
    padding: 0px;
    width: 870px;
    float: left;
	background: url(nav_back.png) left top;
 }


#navbar ul li {
    margin: 0 5px 0 3px;
    padding: 6px 5px 0 0px;
    list-style-type: none;
    border-right: 1px solid #333;
	height: 28px!important;
    float: left;
	display: block;
}


#navbar ul li a {
     color: #fff;
     padding: 0 5px 0 15px;
     margin: 0px;
     font-size: 80%;
	background: url(nav_li.gif) left center no-repeat;
 }


#navbar ul li a:hover, #navbar ul li.active a {
	color: #4a8ca4;
	background: url(nav_li_hover.gif) left center no-repeat;
}



/* @end */

/* @group Content */

#content {
     float: none;
     clear: left;
     background: url(content_back.jpg) repeat-x left top #fff;
 }



/* @end */

/* @group Contact Details */

#contactdetails {
     width: 170px;
     padding:5px 0 5px 0;
     position: absolute;
     height:165px;
     right: 20px;
     top: 0px;
     overflow: hidden;
 }

#contactdetails a {
     color: #000;
 }


#contactdetails ul {
     margin: 0px;
     padding: 0px 0px 0px 5px;
     list-style-type: none;
 }


#contactdetails ul li {
     margin: 0 5px 0 0;
     padding: 0;
     font-size: 11px;
     color: #fff;
     text-align: left;
 }



/* @end */

/* @group Lists */

#lists {
     float: left;
     width: 160px;
 }


#servicelinks h2 {
     text-decoration:none;
     color: #333950;
     margin: 0px;
	font-size: 110%;
 }

/* @group Subsection */

#subsection {
     width: 160px;
     margin: 20px 0px 30px 0;
     padding: 0px;
 }


#subsection h2, #newsfeed h2 {
color: #fff;
padding: 0 0 2px 0;
border-bottom: 1px solid #fff;
font-size: 110%;
letter-spacing: 0.1em;
width: 130px;
font-style: normal;
margin: 5px 0 10px 5px;
 }


#subsection ul {
     margin: 0px;
     padding: 0px;
 }


#subsection ul li {
     list-style-type: none;
     margin: 0px 0 0 10px;
     padding: 0px;
     display: block;
     width: 160px;
     font-size: 70%;
 }


#subsection ul li a {
     display: block;
     color: #fff;
     width: 140px;
     padding: 5px 10px 5px 20px;
     background: url(nav_li.gif) left center no-repeat;
     margin: 0px;
 }


#subsection ul li a:hover {
	background: url(nav_li_hover.gif) left center no-repeat;
	color: #000;
 }

/* @end */

/* @group Smallform */

#smallform {
padding: 5px;
margin: 0 5px 30px 5px;
background: #000;
font-size: 0.9em;
 }

#smallform p{
color: #fff;
}

#smallform h2 {
color: #fff;
padding: 0 0 3px 0;
margin: 0 0 5px 0;
border-bottom: 1px solid #fff;
letter-spacing: 0.1em;
width: 130px;
font-size: 1.2em;
font-style: normal;
 }

#smallform a{
	color: #fff;
	text-decoration: underline;
}

#smallform input, #smallform select {
border: 1px solid #4a8ca4;
color: #fff;
background: #000;
 }

/* @end */

/* @group Newsfeed */

#newsfeed {
     top: 250px;
     padding: 0 10px;
     width: 150px;
     font-size: 1em;
     color: #314353;
     text-decoration: none;
     position: absolute;
     right: 20px;
 }

#newsfeed h2{
	margin: 0 0 5px 0;
}

#newsfeed ul {
     margin: 0px;
     padding: 0px;
 }


#newsfeed ul li {
     margin: 0px 10px 0 0;
     padding: 7px 0;
     border-bottom: 1px dotted #333;
     font-size: 0.7em;
     list-style: none;
 }


#newsfeed ul li a {
     color: #fff;
     display: block;
 }


#newsfeed ul li a:hover {
     color: #fff;
 }

/* @end */


/* @end */


/* @group LG Styles */

.styleform {
	border: 1px dashed #555;
    padding:10px;
    margin:20px 0;

 }

.box3small {
     border:1px dashed #555;
     background: #f3f3f3;
 }


.box3small p {
     padding-left:0;
     line-height:1.7em;
     word-spacing:0.2em;
     color:#555;
 }

.styleform p {
     padding-left:10px;
     text-align:center;
 }


.styleform input, .styleform select {
     font-size:80%;
 }


.styleform a:hover {
     background-color:#fff;
 }



/* @end */

/* @group Service Links */

#servicelinks h2 {
text-align: center;
color: #3E6787;
padding: 0 0 10px 0;
border-bottom: 2px solid #3e6787;
font-size: 100%;
letter-spacing: 0.1em;
width: 130px;
font-style: normal;
margin: 5px auto 10px auto;
 }


#servicelinks ul {
     text-decoration: none;
     color: #ff9433;
     margin: 10px 0px;
     padding: 0px
 }


#servicelinks ul li {
     text-decoration: none;
     text-align: center;
     color: #314353;
     font-size: 65%;
     list-style-type: none;
     margin: 0px 0 10px 5px;
     padding: 0px 0 0 45px;
     float: left;
     display: block;
     height: 35px;
     width: 90px;
 }


#servicelinks ul li a {
     color: #314353;
     display: block;
     width: 90px;
 }


#servicelinks ul li a:hover {
	color: #3E6787;
 }

#servicelinks {
     width: 160px;
     padding: 10px 0px;
     margin: 0;
     float: left;
     clear: left;
 }



li.component_RetPl{
	background: url(RetPl_s.gif) left center no-repeat;
}

li.component_ProtQ{
	background: url(ProtQ_s.gif) left center no-repeat;
}

li.component_InvSh{
	background: url(InvSh_s.gif) left center no-repeat;
}

li.component_GenIn{
	background: url(GenIn_s.gif) left center no-repeat;
}

li.component_CCL{
	background: url(CCL_s.gif) left center no-repeat;
}

li.component_UtChk{
	background: url(UtChk_s.gif) left center no-repeat;
}

li.component_EqRel{
	background: url(EqRel_s.gif) left center no-repeat;
}

li.component_TrEnd{
	background: url(TrEnd_s.gif) left center no-repeat;
}

li.component_ProtQ{
	background: url(ProtQ_s.gif) left center no-repeat;
}

li.component_CurA{
	background: url(CurA_s.gif) left center no-repeat;
}

li.component_ISA{
	background: url(ISA_s.gif) left center no-repeat;
}

li.component_Save{
	background: url(Save_s.gif) left center no-repeat;
}

/* @end */

/* @group Component Groups */

#componentGroups {
     width: 575px;
     margin: 30px 0 10px 0px;
     padding: 0 0 0 160px;
	position: relative;
	clear: left;
 }


#componentGroups h2{
     padding: 0 0 5px 0;
     color: #3e6787;
     font-size: 140%;
     margin: 10px 0 0 10px;
 }


#componentGroups h3 {
	position: absolute;
	margin: 0 0 0 -5000px;
 }


#componentGroups ul {
     margin: 10px 0 0 0;
     padding: 0px 20px 0px 40px;
 }


#componentGroups ul li {
     list-style-type:none!important;
     display: block;
     height: 50px;
     width: 130px;
     float:left;
     margin: 0 20px 10px 0;
     padding: 0 0 0 65px;
     font-size: 65%;
 }
 
 

li.componentH_ProtQ{
	background: url(ProtQ_H.gif) left center no-repeat;
}

li.componentH_RetPl{
	background: url(RetPl_H.gif) left center no-repeat;
}

li.componentH_InvSh{
	background: url(Invsh.gif) left center no-repeat;
}

li.componentH_GenIn{
	background: url(GenIn.gif) left center no-repeat;
}

li.componentH_CCL{
	background: url(CCL_H.gif) left center no-repeat;
}

li.componentH_UtChk{
	background: url(UtChk_H.gif) left center no-repeat;
}

li.componentH_EqRel{
	background: url(EqRel.gif) left center no-repeat;
}

li.componentH_TrEnd{
	background: url(TrEnd.gif) left center no-repeat;
}

li.componentH_CurA{
	background: url(CurA_H.gif) left center no-repeat;
}

li.componentH_ISA{
	background: url(ISA_H.gif) left center no-repeat;
}

li.componentH_Save{
	background: url(Save_H.gif) left center no-repeat;
}

/* @end */

/* @group Links */

a {
     color: #3E6787;
     text-decoration:none;
 }

a span {
     display:none;
 }


a:hover{
	color: #000;
 }


a.button {
     line-height:2.1em;
     font-size:110%;
     padding: 5px;
     margin: 2em 0;
     text-decoration:none;
     border: 1px solid #555;
 }


a:hover.button {
	border: 1px dashed #555;
	color: #000;
 }

/* @end */

/* @group Maintext */

#maintext {
     width:515px;
     padding: 10px;
     margin: 0 0 0 160px;
     background: #fff;
     border: 1px solid #4a8ca4;
 }

#maintext h2{
	letter-spacing: 0.1em;
	color: #4a8ca4;
	margin:0;
	padding: 0;
	font: 140% "Times New Roman", Times, serif;
}

#maintext h3, #maintext h4{
	letter-spacing: 0.1em;
	color: #3e6787;	
}

li, #maintext table{
     font-size: 100%;
     color: #333;
 }



/* @end */

/* @group Headers */

h2 {
	font: 100% "Times New Roman", Times, serif;
}



/* @end */

/* @group Footer */

#footer {
     clear:both;
     font-size: 100%;
     font-weight: bold;
     margin: 0 0 0 140px;
     padding: 10px 20px;
     width: 530px;
 }


#footer p {
     text-align: center;
 }

/* @end */


#netsite1,#netsite2,#netsite3,#netsite4 {
     display: none;
 }

#LGLS table, #LGLS tr, #LGLS td{
border:none!important;
}

/* @group Font Styling */

p, #maintext li {
     font-size: 70%;
     line-height: 150%em;
     margin: 5px 0px;
     color: #333;
     padding: 0px;
 }

p.warning {
     color: #bb0000;
 }

.quotation {
     font-style: italic;
     font-size: 0.9em;
     color: #666;
     border: 1px dashed #666;
     padding: 10px;
 }

.QuotationBox{
	padding: 13px 60px 25px 60px;
	display: block;
	background: url(quotes_l.gif) no-repeat left top;
}

.QuotationBox p{
	font-size: 1.1em;
	text-align: center;
	color: #777;
	background: url(quotes_r.gif) no-repeat 380px bottom;
}

.clear {
     display: none;
     clear: both;
     color: #999;
     margin: 0px !important;
     padding: 0px !important;
 }

p.introduction {
     font-size: 80%;
     line-height: 150%;
     color: #555;
     padding:10px 0;
     font-weight: bold;
     margin: 0px;
 }

p.introduction img{
	margin: 10px!important;
}


/* @end */