/* Baisc Browser Resets */
body {

	font: 100%/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	font-size:62.5%; /* 10 px */
	height:100%;
	/* Baisc Browser Resets */
	/*Custom bg colour and the text align to center the container */
	text-align:center;
	background-image:url(/images/bg_main.png); background-repeat:repeat-x;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;}

a img {
	border: none;
}
/* End Basic Browser Resets */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000; font-size:16px; font-weight:bold;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
		
/***** End ColorBox *****/

#terms {background:#ececec; height:335px; width:580px; padding:30px 10px; overflow:auto}

#terms ol {margin:35px; font-style:italic}

#terms ol li {margin-bottom:35px;}

#incoterms {background:#ececec; height:335px; width:580px; padding:30px 10px; overflow:auto}

#incoterms ul {margin:35px; font-style:italic}

#incoterms ul li {margin-bottom:35px;}

#wrapper{margin: 0 auto 0 auto;background-image:url(/images/bg_sides.png); background-repeat:no-repeat; width:950px;min-height:650px;}

#container{margin: 0 35px 0 35px;width:880px; padding: 0;}

#header{padding-top:10px;}
#header span{ display:none;}

/*Basic Links styles*/
a {color:#031634;font-weight:bold;text-decoration:none;}
a:hover,a:focus {color:#031634;cursor:pointer;outline:0;text-decoration:underline;}

/*****~~~~~menu~~~~~*****/
#menu {position:relative;z-index:99; }
/*main nav*/
.mainNav {margin-top:1em;width:880px;margin-bottom:2em;}
.mainNav ul {position:relative;width:880px;list-style:none;margin:0;padding:0;}
.mainNav li {background:#FFF url(/images/mainNavOff.gif) 0 100% repeat-x;border-top:1px solid #b6b6b6;padding-bottom:3px;position:relative;}
.mainNav li a {background:url(/images/mainNavDiv.gif) no-repeat;display:block;padding:9px 14px;text-transform:uppercase;white-space:nowrap;}
.mainNav li.last a {background:none;} 
.mainNav li a:hover,.mainNav li.active a,.mainNav li.active a:visited {background:#969696 url(/images/mainNavOn.gif) 0 100% repeat-x;color:#FFF;text-decoration:none;}
/*dropdown*/
.mainNav li ul {background:transparent url(/images/mainNavDrop.png) 0 0 repeat-x;border:1px solid #b6b6b6;display:none;position:absolute;width:182px;}
.mainNav li:hover ul,.mainNav li.hover ul {display:block;z-index:88;}
.mainNav li.first li, .mainNav li.last li, .mainNav li.first li a, .mainNav li.last li a{background:0;border:0;}
.mainNav li li {border:0;clear:both;background:none;padding:0;width:100%;}

.mainNav li li a, .mainNav li li a:hover,.mainNav li.active li a, .mainNav li.active li a:visited {background:none;border:0;color:#444;display:block;line-height:1.4em;padding:5px 10px;text-transform:none;white-space:normal;}
.mainNav li li a:hover,.mainNav li.active li a:hover {background:#7E8387 url(/images/grdHeaderDark.gif) 0 50% repeat-x;color:#FFF;text-decoration:none;}

#content{padding:10px; clear:both;}

#content_left{float:left; width:540px;}

#content_right{ float:right; text-align:center; width:320px;}

#email_form {margin-left:1.5em;}
.error{color:#F00; font-weight:bold;}

/*** IE 6 margin fix ***/
*html #content{margin-bottom:3.5em;height:400px;}
*html #content_left{width:470px;}
*html #content_right{width:320px;}
/*** IE 6 margin fix ***/


.italic_text{font-style:italic;}

#footer{width:100%; background:#ccc;padding:5px; clear:both; float:left;}
#footer-content{margin: 0 auto 0 auto;width:880px;}
#footer ul {float:right;}
#footer li {display:inline;padding:0 1em;}


.tab {
	float:left;
	border-bottom:1px solid #DDD;
	font-size:1em;
	margin:1.5em; 
	padding:0;
	width:80%;
}
.tab span {
	float:left;
	background:#FFF;
	border:1px solid #DDD;
	border-bottom:0;
	font-size:0.9em;
	margin-bottom:-1px;
	padding:0.5em 1em;
	text-transform:uppercase;
}


.split{float:left;position:relative;width:100%;	margin-left:4em; }
.split li {float:left;width:45%;}
.split a, .split span {font-weight:bold;}

.drop_down{display:none;clear:both;}

#gen_small_table{display:none;clear:both;}
#gen_large_table{display:none;clear:both;}
#gen_hc_table{display:none;clear:both;}
#ref_small_table{display:none;clear:both;}
#ref_large_table{display:none;clear:both;}
#ref_hc_table{display:none;clear:both;}

.data_table{margin-left:2em;}
.data_table td {border-right:#999 1px solid;border-top:#999 1px solid;}
.data_table .last_row td {border-bottom:#999 1px solid;}
.data_table .first_cell {border-left:#999 1px solid;}