@charset "utf-8";
/* LGFsysmac ver 1.0.0 dated: September 11, 2008 */

@import "headernav.css";

*{outline: none; margin: 0; padding: 0;}

html{background: #FFFFFF url(../images/bg_body.jpg) left top repeat-x;}
body{font: normal 11px Arial, Helvetica, sans-serif; color: #424242;}

#mainwrapper{background: transparent url(../images/bg_body_footer.gif) left bottom repeat-x; width: 100%; overflow: hidden; margin:0 auto;}

h1, h2, h3, h4{font-weight: normal;}
h2{font-weight: bold; font-size: 12px; color: #424242;}
h3{font-size: 12px; color: #f48222;}

h1{font: normal 25px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px;padding: 0 0 0 30px; color: #000;}

p{margin: 0 0 10px 0;}

img{border: 0;}

.sitemapLink a{font-weight:normal; color:#424242; font-size:12px; padding-left:30px;line-height:20px}
.sitemapLink a:hover{padding-left:30px; color:#f48222;text-decoration:none;}
.sitemapLink ul{list-style:none}
.sitemapLink li{ padding-left:25px;background-image:url(../images/content_bullet.gif); background-repeat:no-repeat; background-position:45px 7px;}

.fleft{float: left;}
.fright{float: right;}
.breaker{clear: both;}
.txt_orange{color: #f48222;}
.coming_son{margin: 41px;color: #f48222;font-size:23px;}
.project_heading{color: #424242; font-weight:bold; font-size:12px;}

div.hr{background: url(../images/horz_border.gif) left top repeat-x; display: block; height: 1px; margin: 12px 0; border: 0;}
div.hr1{background: url(../images/horz_border.gif) left top repeat-x; display: block; height: 1px; margin: 12px 0 12px 20px; border: 0;}
div.hr2{background: url(../images/horz_border1.gif) left top repeat-x; display: block; height: 1px; margin: 12px 0 12px 20px; border: 0;}

p a{font-weight: bold; color: #012852; text-decoration: underline;}
p a:hover{color: #f48222; text-decoration: none;}
p.bullet{background: url(../images/bullet.gif) left top no-repeat; padding: 0 0 0 20px; line-height: 23px; height: 23px; display: block;}

#wrapper{width: 970px; margin: 0 auto;}

#header{width: 930px; padding: 0 20px; height: 115px; clear: both;}
#header .fleft{margin: 20px 0 0 0;}

#container{width: 970px; margin: 26px 0 0 0; clear: both;}

/*	IndexPage LeftCol Start Here */

#container #leftcol{width: 225px; float: left;}
#container #leftcol #box_orange{border-left: 7px solid #f48222; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #FFFFFF; width: 183px; padding: 14px 0 4px 12px;}
#container #leftcol #mediacenter{margin: 53px 0 0 0;}
#container #leftcol #mediacenter p{margin: 5px 0 0 0;}

/*	IndexPage RightCol Start Here */

#container #rightcol{width: 730px; float: left; }

#banner{height: 259px; width: 730px; clear: both;}

#index_container{width: 730px; padding: 21px 0 15px 0; clear: both;}
#index_container p{margin: 5px 0 0 0;}
#index_container p a{font-size: 12px;}
#index_container .fleft{width: 323px; margin: 0 0 0 13px;}
#index_container .fright{width: 355px; float: right;}

/*	Newsletter Box Start */
#newsletter{background: url(../images/newsletter_repeater.gif) left top repeat-x; height: 51px; margin: 15px 0 0 0;}
#newsletter div{background: url(../images/newsletter_left.gif) left top no-repeat; height: 51px;}
#newsletter div div{background: url(../images/newsletter_right.gif) right top no-repeat; padding: 14px 30px 13px 30px; height: 26px; line-height: 24px;}
#newsletter div div img{float: left; margin: 4px 0 0 0;}
#newsletter div div p{padding: 0 10px; float: left; margin: 0;}
#newsletter div div input{float: left;}
#newsletter div div input.inputbox{width: 180px; height: 25px; border: 1px solid #dadada; margin: 0 5px 0 0;}
#newsletter div div input.button{background: transparent url(../images/bullet.gif) left top no-repeat; font-weight: bold; color: #012852; text-decoration: underline; border: none; width: 65px; height: 23px; text-align: right;}

#divStatus{color: #f2801f; font-weight: bold; display: hidden;}
/*	Newsletter Box End */

/*	Footer Box Start */
#footer{background: url(../images/footer_repeater.gif) left top repeat-x; height: 53px; clear: both; margin: 45px 0 0 0; width: 970px; }
#footer div{background: url(../images/footer_left.gif) left top no-repeat; height: 53px;}
#footer div div{background: url(../images/footer_right.gif) right top no-repeat; height: 40px; padding: 13px 20px 0 20px;}
#footer div div p{padding: 0; margin: 0; font-size: 11px; text-align: right; line-height: 18px;}
#footer div div p a{color: #424242; text-decoration: underline; font-weight: normal;}
#footer div div p a:hover{color: #f48222; text-decoration: none;}
/*	Footer Box End */

/*	Innerpage Banner Start */

#innerpage #container{margin: 0;} 
#innerpage #container #leftcol{width: 231px; float: left;}

#innerpage_banner{width: 730px; height: 207px; clear: both;}

#innerpage #container #rightcol h2{color: #f2740a; font-size: 14px; font-weight: bold;}
#innerpage #container #rightcol h2 strong{padding: 0 24px 0 32px;}

#innerpage #container #rightcol p{padding: 0 24px 0 32px; color: #424242; font-size: 12px; line-height: 18px;}
#innerpage #container #rightcol p img{float: left; margin: 0 10px 10px 0;}
#innerpage #container #leftcol #box_orange{border-left: 7px solid #f48222; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #FFFFFF; width: 183px; padding: 14px 0; font-weight: bold;}

#innerpage #container #leftcol #box_orange ul{list-style-type: none;}

#innerpage #container #leftcol #box_orange ul li{height: 31px; line-height: 31px; margin: 0 0 1px 0;}
#innerpage #container #leftcol #box_orange ul li a{color: #012852; text-decoration: none; padding: 0 0 0 18px; height: 31px;}

#innerpage #container #leftcol #box_orange ul li a:hover{background: #245183 url(../images/bullet_leftnav.gif) 6px 12px no-repeat; color: #FFFFFF; display: block;}

#innerpage #container #leftcol #box_orange ul li a.active{background: #245183 url(../images/bullet_leftnav.gif) 6px 12px no-repeat; color: #FFFFFF; display: block;}

#innerpage #container #leftcol #box_orange ul li a.heading{color: #fff; display: block; text-transform: uppercase; background: #f48222;}

#newslettersigup{margin: 50px 0 0 0; width: 199px; padding: 15px;}
#newslettersigup .inputbox{width: 197px; border: 1px solid #dadada; height: 23px;}
#newslettersigup .button{background: transparent url(../images/bullet.gif) left top no-repeat; font-weight: bold; color: #012852; text-decoration: underline; border: none; width: 65px; height: 23px; text-align: right;}

/*	Innerpage Banner End */

/*	Cart Start */
#cart{height: 26px; line-height: 26px; color: #FFFFFF; text-align: right; padding: 0 13px 0 0;}
#cart a{text-decoration: underline; color: #FFFFFF;}
#cart a:hover{text-decoration: none; color: #FFFFFF;}

/*	BreadCrumb Start	*/
#breadcrumb{font-size: 11px; text-align: right; clear: both; padding: 0 8px 0 0; color: #8b8b8b;}
#breadcrumb a{color: #8b8b8b; text-decoration: none;}
#breadcrumb a:hover{color: #f48222; text-decoration: underline;}

/* Product BreadCrumb Start */
#pr_breadcrumb{font-size: 11px; text-align: right; clear: both; padding: 0 8px 0 0; color:#FFFFFF;}
#pr_breadcrumb a{color: #FFFFFF; text-decoration: none;}
#pr_breadcrumb a:hover{color: #FFFFFF; text-decoration: underline;}

/* Product Download */
/*.download_base {
background:#e0eaf7; display:block; height:40px;}*/

/*	Global Partners	*/

.global_box{background: transparent url(../images/bdr_dotted.gif) left bottom repeat-x; margin: 0 0 1px 20px; padding: 0 0 2px 0;}

.global_box div.content{padding: 20px; clear: both; width: 670px; overflow: hidden !important;}
.global_box div.contentgrey{background: #f7f6f6 url(../images/bg_globalbox.gif) 490px 65px no-repeat;}
.global_box div.smallcontentgrey{background: #f7f6f6 url(../images/bg_globalbox_small_grey.gif) 490px 65px no-repeat;}
.global_box div.contentwhite{background: #FFFFFF url(../images/bg_globalbox_white.gif) 490px 65px no-repeat;}
.global_box div.content .cntleft{float: left; width: 460px;}
#innerpage #container #rightcol .global_box p{padding: 10px 0 0 0; margin: 0;}
#innerpage #container #rightcol .global_box p a{color: #FFFFFF;}
.global_box div.content .cntright{width: 145px; height: 60px; background: #000000; float: right; text-align: center; padding: 10px 0; margin: 86px 0 0 0;}
.global_heading{font-size:18px; color:#f48222; font-family:Arial, Helvetica, sans-serif}
.global_content{width:516px; float:right}
.global_logo{float:left; height:60px; margin-top:12px}
.global_logo a:link{color:#255083}
/*	Vision and Values	*/

.vision_box{margin: 0 0 20px 15px; line-height:23px; font-size:12px; color:#424242;}
.vision_box a{text-decoration:underline; color:#245183;}
.vision_box a:visited{text-decoration:underline; color:#245183;}
.vision_box a:hover{text-decoration:none; color:#245183;}
.vision_box div.visioncontent{padding: 0 20px 20px 5px; clear: both; width: 670px; overflow: hidden !important;}
.vision_box div.visioncontent h2{margin: 10px 0;}
.vision_box ul{font-size: 12px; list-style-type:disc;}
.vision_box ul li{margin: 0 0 10px 0; line-height: 22px;}
.moreul{margin: 0 0 30px 0; line-height: 18px;}
.vision_box div.visioncontent ul{font-size: 12px; list-style-type:none;}
.vision_box div.visioncontent ul li{margin: 0 0 10px 0; line-height: 18px; background: url(../images/content_bullet.gif) left 6px no-repeat; padding: 0 0 0 8px;}
.vision_box div.visioncontent img{float: left; margin: 0 10px 0 0;}
.nonebg{background: none;}
	
/*	LeftSide Product ADs Box	*/

#prod_box, #prod_box1{background: url(../images/bg_prodbox_bottom.gif) left bottom no-repeat; width: 231px; margin: 65px 0 0 0; padding: 0 0 38px 0;}
#prod_box1{margin:20px 0 0 0; }
#prod_box h2, #prod_box1 h2{background: url(../images/bg_prodbox_top.gif) left top no-repeat; height: 35px; color: #FFFFFF; font: normal 17px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 0 17px;}
#prod_box .content, #prod_box1 .content{clear: both; padding: 10px 10px 0 10px; border-left: 1px solid #aebfc6; border-right: 1px solid #aebfc6;}
h4 a{background: url(../images/bullet.gif) left top no-repeat; height: 23px; line-height: 23px; display: block; color: #012852; font-size: 12px; font-weight: bold; margin: 8px 0 0 0; padding: 0 0 0 18px;}
h4 a:hover{text-decoration: none; color: #f48222;}
/*	LeftSide Product ADs Box End	*/

/*	Banner Management	*/

#box_banner{background: url(../images/bg_banner.jpg) left top no-repeat; width: 710px; height: 166px; padding: 10px 9px 31px 11px;}
#box_banner #imgleft{float: left; width: 448px;}
#box_banner #imgright{float: right; width: 246px; padding: 120px 15px 0 0; text-align: right; display: block;}
#box_banner #imgright_2{float: right; width: 246px; padding: 94px 15px 0 0; text-align: right; display: block;}

/*	Product Pages Start	*/

#productlisting{display: block; width: 690px; margin: 0 0 0 35px;}
#productlisting ul{list-style-type: none; width: 690px;}
#productlisting ul li{float: left; display: block; width: 150px; margin: 0 60px 30px 0; height: 220px;}
#productlisting ul li img{padding: 1px; margin: 0 0 10px 0;}
#productlisting ul li.prodheading{font-weight: bold; text-align: center; font-size: 12px;}
#productlisting ul li.prodheading a:link, #productlisting ul li.prodheading a:visited{color: #012852; text-decoration: none;}
#productlisting ul li.prodheading a:hover, #productlisting ul li.prodheading a:active{color: #f48222; text-decoration: none;}

#productlisting ul li a:link img, #productlisting ul li a:visited img{border: 1px solid #d6d7d8;}
#productlisting ul li a:hover img, #productlisting ul li a:active img{border: 1px solid #f48222;}

/*	Product Pages End	*/

/*	Inner Container */
#inner_container{margin: 0 0 0 32px; float:left; display:inline; }
#inner_container p{margin-left: -32px}

input, select, textarea{font: normal 12px Arial, Helvetica, sans-serif; color: #424242;}

#inner_container form{margin: 10px 0;}

#inner_container form p{display: block; clear: both;}

#inner_container form p label strong, .redtxt{color: #FF0000; font-weight: bold;}

#inner_container form label{float: left; display: block; text-align: left; width: 100px;}

#inner_container form.biglabel label{float: left; display: block; text-align: right; width: 200px; margin: 0 5px 0 0;}

#inner_container form input{background-color: #f7f6f6; height: 24px; width: 200px; line-height: 24px; border: none; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}

#inner_container form.biglabel input{background-color: #f7f6f6; height: 24px; width: 250px; line-height: 24px; border: none; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}

#inner_container form.biglabel select{width: 250px; height: 24px; line-height: 24px;}

#inner_container form input.button{background: #245183; color: #FFFFFF; font-weight: bold; font-size: 11px; text-transform: uppercase; padding: 0 10px; height: 24px; line-height: 24px; letter-spacing: 1px; border: none;}

#inner_container form input.checkbox{border: none; background: none; width: auto;}

#inner_container form input.btnsubmit{background: url(../images/btn_submit.gif) left top no-repeat; width: 93px; height: 34px; border: none; cursor: pointer;}
#inner_container form input.btnreset{background: url(../images/btn_reset.gif) left top no-repeat; height: 34px; width: 93px; border: none; cursor: pointer;}
#inner_container form input.addtocollec{background: url(../images/btn_addtocollection.gif) left top no-repeat; width: 139px; height: 30px; border: none; cursor: pointer;}

#inner_container .table tr th{background: #f7f6f6 url(../images/bdr_dotted.gif) left bottom repeat-x; height: 36px; line-height: 36px; color: #f48222; font-size: 14px; padding: 0 10px; text-align: left;}

#inner_container .table tr td{background: #ffffff url(../images/bdr_dotted.gif) left bottom repeat-x; padding: 10px; text-align: left; font-size: 12px;}
#inner_container .table tr td.txt_right{text-align: right;}

/*	Inner Container End */

/*	Events and NEws */

.eventgray{background: #f7f6f6 url(../images/bdr_dotted.gif) left bottom repeat-x; margin: 0 0 1px 20px; padding: 20px 0 20px 15px;}
.eventwhite{background: #FFFFFF url(../images/bdr_dotted.gif) left bottom repeat-x; margin: 0 0 1px 20px; padding: 20px 0 20px 15px;}
.events img{float: left; margin: 0 10px 5px 0;}
.events p{margin: 10px 0 0 -30px;}
.events p span{color: #245183;}
.events p a{background: url(../images/content_bullet.gif) left 5px no-repeat; padding: 0 0 0 8px;}
.events p a:hover{background: url(../images/content_bullet_h.gif) left 5px no-repeat; padding: 0 0 0 8px;}

.contact_link{
	font-size:12px;
	color:#424242;
	}
	.contact_link a:link{
	font-size:12px;
	color:#424242;
	text-decoration:underline;
	}
	.contact_link a:visited{
	font-size:12px;
	color:#424242;
	text-decoration:underline;
	}
	.contact_link a:hover{
	font-size:12px;
	color:#424242;
	text-decoration:none;
	}
.contact_details{float:right; width:710px; font-size:12px;}
.contact_address{margin-left:20px; margin-top:10px}
.contact_address a:link, a:visited{text-decoration:underline; color:#424242}
.contact_address a:hover{text-decoration:none}
.contact_detail{float:left; width:300px; line-height:18px;margin:20px 0 0 54px}
.contact_map{float:right; margin:22px 40px 0 0}
#new_service
{
width:700px;
float:left;
padding-left:20px;
padding-top:10px;
}
#new_service1
{
width:364px;
float:left;
}
#new_service2
{
width:336px;
float:left;
}
p.bullet2{background: url(../images/bullet2.gif) left top no-repeat; padding: 0 0 0 25px; line-height: 23px; height: 23px; display: block;}
p.bullet3{background: url(../images/bullet2.gif) left top no-repeat; background-position:25px 0px ; padding: 0 0 0 20px; line-height: 23px; height: 23px; display: block; text-indent:20px}
#project_container
{
width:700px;
float:left;
padding-left:0px;
padding-top:0px;
}
	#project_container1
	{
	width:175px;
	float:left;
	padding-left:25px;

	}
	#project_container2
	{
	width:500px;
	float:right;
	padding-left:0px;	
	}


/*	Events and NEws */

ul.boldest{list-style-type: none;}

ul.boldest li{font-weight: bold; list-style-type: none; color: #f48222;}

ul.boldest ul{margin: 0 0 0 20px; padding: 3px 0;}
ul.boldest ul li{color: #000; font-weight: bold;}
ul.boldest ul li a{font-weight: normal;}
ul.boldest ul li ul{margin: 0 0 0 20px; padding: 3px 0;}
ul.boldest ul li ul li{font-weight: normal; display: block; padding: 0; margin: 0;}
em{font-weight: normal; font-style: normal; color: #000;}

.product_img_border {
	border:1px solid #bbbbbb;
}
.upper_links {color: #012852; font-size: 12px; line-height: 18px; text-align:right; font-weight:bold;}
.upper_links a {color: #012852; text-decoration:underline;}
.upper_links a:hover {color: #012852; text-decoration:none;}
.upper_links img{margin:0px 5px 0px 10px}







.contact_details2{float:right; width:710px; font-size:12px;}
.contact_details3{float:left; width:300px; font-size:12px;}
.contact_details4{float:left; width:3px; font-size:12px;}
.contact_details5{float:right; width:350px; font-size:12px;}


.contact_address2{margin-left:20px; margin-top:10px}
.contact_address2 a:link, a:visited{text-decoration:underline; color:#424242}
.contact_address2 a:hover{text-decoration:none}

.enquiry_font_size{font-size:12px}

.orange_txt{color: #f48222; font-weight: bold;}
.theNews {color:#012852}
.theNews a:link{color:#012852}
.theNews a:visited{color:#F48222}
.theNews a:hover{color:#F48222; text-decoration:none}
.googleSearch{display:inline; float:left; padding-top:20px}