/* Reset */

@import 'reset.css';



body { 

	background:url(../images/page_structure/page_background.gif) top center no-repeat; 

	font:11px arial; 

	line-height:18px; 

	color:#727272;

	padding-bottom:20px;

}



hr { border-top:1px solid #999999; border-bottom:1px solid #FFFFFF; border-left:0; }



a, a:link, a:active, a:visited { text-decoration:underline; color:#727272; }

a:hover { text-decoration:none; }



input { padding:3px; }



h1 { margin-bottom:10px; font:bold 22px arial; color:#0070B9; }

h2 { margin-top:10px; margin-bottom:10px; font:bold 13px arial; color:#FFF; padding:7px; background:url(../images/page_structure/h2_background.gif) #0070B9 top right no-repeat; }

h3 { margin-right:2px; background:url(../images/page_structure/h3_background.gif) repeat-x; text-align:right; padding-right:6px; }

h4 { font:bold 16px arial; color:#0070B9; }

p { }



h2 a, h2 a:link, h2 a:active, h2 a:visited { text-decoration:none; color:#FFFFFF; }

h2 a:hover { text-decoration:underline; }



/******

NAVIGATION

******/



ul#navigation { margin:10px 0 5px 11px; }

#navigation {

	width:194px;

	height:240px;

	background:url(../images/page_structure/menu.png);

	margin:0;

	padding:0;

}



#navigation span { display:none; }

#navigation li, #navigation a { height:40px; width:194px; display:block; }

#navigation li { float:left; list-style:none; display:inline; }



#home a:hover { background:url(../images/page_structure/menu.png) -194px 0px no-repeat;  }

#about_us a:hover { background:url(../images/page_structure/menu.png) -194px -40px no-repeat; }

#services a:hover { background:url(../images/page_structure/menu.png) -194px -80px no-repeat; }

#project_logistics a:hover { background:url(../images/page_structure/menu.png) -194px -120px no-repeat; }

#request_a_quote a:hover { background:url(../images/page_structure/menu.png) -194px -160px no-repeat; }

#news a:hover { background:url(../images/page_structure/menu.png) -194px -160px no-repeat; }

#contact_us a:hover { background:url(../images/page_structure/menu.png) -194px -200px no-repeat; }



/* Active state */



#home.active { background:url(../images/page_structure/menu.png) -194px 0px no-repeat;  }

#about_us.active { background:url(../images/page_structure/menu.png) -194px -40px no-repeat; }

#services.active { background:url(../images/page_structure/menu.png) -194px -80px no-repeat; }

#project_logistics.active { background:url(../images/page_structure/menu.png) -194px -120px no-repeat; }

#request_a_quote.active { background:url(../images/page_structure/menu.png) -194px -160px no-repeat; }

#news.active { background:url(../images/page_structure/menu.png) -194px -200px no-repeat; }

#contact_us.active { background:url(../images/page_structure/menu.png) -194px -240px no-repeat; }



/******

PAGE STRUCTURE

******/



#container { width:1000px; margin:0 auto; }

#header { margin-bottom:19px; }

#banner { margin:1px 0; width:1000px; height:117px; position:relative; }

.image_over_banner { position:absolute; bottom:0; left:416px; }



#body { background:url(../images/body_background.gif) top left no-repeat; }

#body.home { background:url(../images/home/body_background.gif) top left no-repeat; }



.home_left_column { float:left; width:205px; }

.home_middle_column {

	font-size:12px; 

	float:left; 

	/*width:590px;*/

	width:530px;

	padding:26px 30px;

}

.home_right_column { float:right; width:197px; padding:4px 4px 4px 4px; }





/* Normal Page */



.left_column { float:left; width:205px; }

.middle_column {

	font-size:12px; 

	float:left; 

	/*width:590px;*/

	width:735px;

	padding:26px 30px;

}



.left_col_options { margin-bottom:8px; }



/* Right column */



.right_column input { font-size:11px; width:170px; padding:4px 3px; background:url(../images/page_structure/input_background.gif) top left no-repeat; border:1px solid #B5B5B5; }

.field_title { padding:4px 0 1px 0; font:bold 12px arial; color:#0070B9; }



.righ_box_m { margin-top:4px; background:url(../images/right_column/right_box_w_t.gif) top left no-repeat; padding:9px 9px 6px 9px; width:178px; }

.righ_box_b { margin-bottom:10px; background:url(../images/right_column/right_box_b.gif) top left no-repeat; width:196px; height:6px; }



.righ_box_w_m { margin-top:4px; background:url(../images/right_column/right_box_w_t.gif) #FFFFFF top left no-repeat; padding:9px 9px 6px 9px; width:178px; }

.righ_box_w_b { background:url(../images/right_column/right_box_w_b.gif) top left no-repeat; width:196px; height:7px; display:block; }







.pay_account { font-size:10px; line-height:13px; margin-bottom:10px;  }

.right_col_box.pay_account .righ_box_w_m { padding-top:7px; }



.right_col_box.pay_account .righ_box_w_b { padding-bottom:0; margin-bottom:0; }



.important_information { margin-top:4px; margin-bottom:10px; }



/* Members login */



.righ_box_m input { font-size:13px; }

p.members_login { margin:0px 0 5px 0; line-height:14px; }

.buttons { margin-top:5px; }

input.checkbox { border:0; background:none; background-color:#EDEDED; margin:0; margin-right:5px; padding:0; width:auto; }



table.checkbox_option { border-collapse:collapse; margin-top:4px; margin-left:80px; }

table.checkbox_option tr td { vertical-align:middle; }

table.checkbox_option tr td label { cursor:pointer; }



.members_login a,

.members_login a:link,

.members_login a:active,

.members_login a:visited { color:#0070B9; }

.members_login a:hover {}



/* Latest News */



.latest_news { font-size:9px; line-height:16px; }

.latest_news .date { font-weight:bold; font-size:12px; color:#666666; font-size:11px; }

.latest_news .date span { color:#0070B9; font-size:12px; }

.latest_news p { margin-bottom:5px; }



/******

HEADER

******/

#logo { float:left; width:727px; }

#search { float:right; width:251px; margin-top:20px; }

#search table { border-collapse:collapse; }

#search table tr td { vertical-align:middle; }

#search input.search_input { width:150px; margin-right:6px; padding-left:25px; border:1px solid #B5B5B5; background:url(../images/buttons/search_input_on.gif) no-repeat; }

/******

FOOTER

******/



#footer { padding-top:13px; color:#004F82; width:100%; background:url(../images/page_structure/footer_background.gif) #FFFFFF top center no-repeat; }

#footer ul { list-style:none; list-style-type:none; padding-left:0; }

#footer ul li { display:inline; padding-left:3px; }



#footer a, #footer a:link, #footer a:active, #footer a:visited { padding-right:3px; text-decoration:none; color:#004F82; }

#footer a:hover { text-decoration:underline; }



#footer .copyright_and_terms a, #footer .copyright_and_terms a:link, #footer .copyright_and_terms a:active, #footer .copyright_and_terms a:visited { padding-right:0px; text-decoration:underline; color:#494949; }

#footer .copyright_and_terms a:hover { text-decoration:none; }



.web_dev { font-size:9px; padding-top:1px; }

.copyright_and_terms { float:right; width:200px; text-align:right; color:#494949; font-size:9px; }





/******

BUTTONS

******/



input.button { padding:0; margin:0; border:0!important; cursor:pointer; }

input.forgot_password { background:url(../images/buttons/forgot_password.gif); width:119px; height:20px; }

input.login { background:url(../images/buttons/login.gif); width:59px; height:20px; }

input.read_more { background-image:url(../images/buttons/read_more.gif); width:79px; height:20px; }

input.subscribe { background:url(../images/buttons/subscribe.gif); width:79px; height:20px; }

input.search { background:url(../images/buttons/search.gif); width:65px; height:24px; }

input.submit_enquiry { background:url(../images/buttons/submit_enquiry.gif) no-repeat; width:120px!important; height:23px; }



/******

PROJECT LOGISTICS

******/



.project_box { margin-bottom:20px; }

.project_box h2 { margin-top:0; margin-bottom:0; }

.project_box p { padding:5px 0 5px 3px;  }

div.project_image { float:left; width:156px; background-color:#FFFFFF; }

div.project_details { padding-left:5px; float:right; width:570px; }



/******

CONTACT US

******/



#contactform { width:450px; }

#contactform p {

	font-size:12px;

	margin-bottom:20px;

	border-bottom:solid 1px #dedede;

	padding-bottom:10px;

}

#contactform label {

	display:block;

	font-weight:bold;

	text-align:left;

	width:115px;

	float:left;

	color:#0070B9;

	font-size:12px;

}

#contactform .small {

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	color:#727272;

	width:110px;

}



#contactform .input_field { float:left;	width:285px; position:relative; }

#contactform input,

#contactform textarea,

#contactform select {

	width:285px;

	font-size:12px;

	font:12px arial; 

	border:1px solid #B4B4B4;

	margin:2px 0 20px 10px;

	color:#727272;

	padding:3px 0 3px 3px;

}



#contactform textarea { height:100px; }

#contactform select { padding-left:0; width:290px; }

#contactform input.submit, #contactform input.login { margin-left:125px; }



/* Error validation */

#contactform label.error { font-size:11px; color:#FF0000; width:290px; clear:left; margin:-16px 0 3px 10px; }

#contactform input.error { color:#FF0000; border:1px solid #FF0000; }



.single_line { margin-bottom:20px!important; }

.single_line label { width:270px!important; cursor:pointer; }

.single_line .input_field { width:auto!important; }

.single_line input { width:auto!important; border:0!important; padding:0!important; margin:0!important; }

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

ERROR STYLES

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



.required { color:#FF0000; }



#contactform label,

#contactform div.input_field {

	padding-bottom:3px;

}



div.error_text {

	position:absolute;

	color:#FF0000;

	font-weight: bold;

	bottom:3px; left:10px;

}

.error_field { border:1px solid #FF0000!important; color:#FF0000; }



img.security_image { display:block; border:1px solid #B4B4B4; margin-top:-15px; margin-left:10px; margin-bottom:15px; }

div#security_code_error { margin-top:-10px; margin-bottom:-3px; }

input#security_code { width:97px; }



/* Google Map */



table.google_map_table { border-collapse:collapse; margin-bottom:20px; }

table.google_map_table tr td { vertical-align:top; }

.google_map { border:3px solid #0070B9; width:350px; height:160px; margin-right:10px; }



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

REQUEST A QUOTE

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



table.checkboxes { margin-left:10px; margin-bottom:20px; }

table.checkboxes tr td { vertical-align:middle; }

table.checkboxes tr td label { margin-top:4px; cursor:pointer; font:12px arial!important; width:auto!important; color:#727272!important; }

table.checkboxes tr td input { border:0!important; width:auto!important; margin:0!important; margin-left:10px!important; margin-right:30px!important; }



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

NEWSLETTERS

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



.previous { float:right; padding-top:5px; }



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

TRADE LIBRARY

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

ul.tradelibrary {

	 padding:0px; margin:0px;

	}



 ul.tradelibrary li { width:360px; background:url('/images/icons/trade-library-li-arrow.jpg') no-repeat left center #f6f2f1; margin-bottom:1px; padding:1px 0px 1px 17px; border-bottom:#c4c4c4 dotted 1px; list-style:none;}

 ul.tradelibrary li a { width:100%;}

 ul.tradelibrary li a:link, a:active, a:visited { color:#727272; text-decoration:none; width:100%; min-width:100%;}

 ul.tradelibrary li a:hover  { background:#0078c6; color:#FFF; width:100%; display:block; }