/* All styles that appear in the main content area must be declared without
containers (e.g. p instead of #content p).  This is so dub3 can pick up the
styles in the editor (the editor can't see the master page, and thus the
parent div.  All conflicting styles (such as in the left column) should be
declared explicitly where their styles might conflict with the default. */

* { margin:0; padding: 0; } /* Reset all default margins and padding */

/* body.site is used to set a background/style where it will appear different
to the one in the content area.  Dub3 won't see the class on the body tag so
will pick up the default body style.  For this reason the body tag's background
should match the content area */

body { font-family:Arial; font-size:0.9em;} 
body.site { background:#d9d9d9; } 

/* Content styles */
/* Try to put padding on the parent div, rather than margins on the element */

p, h1, h2, h3 { margin-bottom:0.8em; }
ul, ol { margin: 15px 0 15px 35px; }
h1 { font-size:1.4em; border-bottom:2px solid #600; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
a { color:#0e7397; }
a:hover { text-decoration:underline; color:#333; }
abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}
p, #content li {font-size: 0.8em;}
#content li li {font-size: 1em;}
img { border:0; }
table {margin-bottom:1em;}

div.larger {font-size: 1.2em;}

/* Page building styles */
#wrap { width:900px; padding: 0 25px 10px 25px; margin: 0 auto; position:relative; background: url('/cms/outertemplates/images/default/wrapRepeater.jpg') top center repeat-y; }
#header { width:900px; height: 176px; border-bottom: 4px solid #333; background: #0f759b; }
#middleWrap { width:100%; margin:0 auto; padding: 10px 0 0 0; clear: both; background: #f4f4f4;}
#leftCol { width: 200px; float:left; padding:0 0 0 5px;}
#content { width:440px; background:#f4f4f4; float:left; padding:0; margin: 0 10px; display: inline;}
#rightCol { width: 215px; float:left; padding:0 5px 0 0;}

#headerNav {height: 85px; background: #fff url('/cms/outertemplates/images/default/slogan.gif') bottom right no-repeat;}
#headerNav img {float: left; border: none; margin: 10px;}

#breadcrumb {height: 30px; line-height: 30px; background: #e9e9e9; padding: 0 0 0 15px; width: 585px; float: left; font-size:0.75em;}
#breadcrumb p { margin: 0; float: left; color: #333;}
#breadcrumb ul {list-style-type: none; margin: 0; float:left; }
#breadcrumb ul li{display: inline; padding: 0 0 0 16px; background: url('/cms/outertemplates/images/breadcrumb.gif') 0% 60% no-repeat;}
#breadcrumb ul li.first{padding: 0 0 0 6px; background: none;}
#breadcrumb ul li a{color: #333; text-decoration: none;}

#content.noleftcol { width: 726px; margin-left:0; }
.norightcol { width: 680px !important; margin-right:5px !important; }
.nocol { width: 890px !important; margin-right:5px !important; margin-left:5px !important; }

#fixedLinks {float: right;}
#fixedLinks ul {margin: 5px 0 0 0; list-style:none;}
#fixedLinks ul li { display:inline; font-size: 0.8em; padding: 0 0 0 10px; background: url('/cms/outertemplates/images/default/liSep.gif') left  no-repeat;} 
#fixedLinks ul li a { color: #0f7397; padding: 3px 5px;} 
#fixedLinks ul li a:hover { color: #fff; background: #0f7397; text-decoration: none;} 

#fixedLinks ul li.first {background: none;}

#search 
{
    float: right;
    width: 290px;
    height: 25px;
    background: #e9e9e9;
    padding: 5px 10px 0 0;
    text-align: right;
}

#footer { font-size:0.9em; margin: 10px 0;}
#footer p { text-align:center; }

#news ul { margin: 5px 5px 5px 25px; }

#skipLinks {position:absolute; left:-9999px;}

/* Box styles */
.box1
{
	float:right;
	width:230px; /* When using the corners include this must be an even number 
					or IE6 displays the bottom and right corners wrong */
	border: 1px solid #96D6F1;
	background:#D1EBF6;
	padding:8px;
	position:relative;
	margin:5px;
}

.box2
{
	float:left;
	width:230px; /* When using the corners include this must be an even number 
					or IE6 displays the bottom and right corners wrong */
	background:#c5eff2;
	border:1px solid #54bbc1;
	padding:8px;
	position:relative;
	margin:5px;
}

.box2 .tl { background-image: url(/cms/outertemplates/images/default/box2-tl.gif); }
.box2 .tr { background-image: url(/cms/outertemplates/images/default/box2-tr.gif); }
.box2 .bl { background-image: url(/cms/outertemplates/images/default/box2-bl.gif); }
.box2 .br { background-image: url(/cms/outertemplates/images/default/box2-br.gif); }
.box2 .btm { background-image: url(/cms/outertemplates/images/default/box2-btm.gif); }


/* Tabbed links */
ul.tabs
{
	clear:both;
	position:absolute;
	top:-26px;
	right:10px;
	margin:0;
}

ul.tabs li
{
	list-style:none;
	float:left;
	background:#c5eff2 ;
	border-top:1px solid #54bbc1;
	margin:0 2px;
	line-height:26px;
	height:25px;
}
ul.tabs li a
{
	position:relative;
	top:-1px;
	height:26px;
	display:block;
	float:left;
	background: #54bbc1 url(/cms/outertemplates/images/default/green-tab-right.gif) bottom right no-repeat;
	text-decoration:none;
	cursor:pointer;
	color:#FFF;
}
ul.tabs li a:hover, ul.tabs li.active a
{
	background: url(/cms/outertemplates/images/default/green-tab-right.gif) top right no-repeat;
	color:#54bbc1;
}

ul.tabs li a span
{
	height:26px;
	display:block;
	padding:0 10px;
	background: url(/cms/outertemplates/images/default/green-tab-left.gif) bottom left no-repeat;
	float:left;
}
ul.tabs li a:hover span, ul.tabs li.active a span {	background-position:top left; }

li.first {background: none;}

/* Reusable classes */
p.left { text-align:left }
p.right { text-align:right; }
.red { color:#F00; }
div.left, input.left { float:left; }
div.right, input.right { float:right; }
img.left { float:left; margin: 5px 5px 5px 0; }
img.right { float:right; margin:5px 0 5px 5px; }
ul.inline li { display:inline; padding:0 4px; }
.left2Col { float:left; width:50%; }
.right2Col { float:right; width:50%; }

p.small, span.small, ul.small, li.small, div.small, a.small, td.small { font-size: 0.9em; }
p.large, span.large, ul.large, li.large, div.large, a.large, td.large { font-size: 1.1em; }
p.error, span.error, ul.error, li.error, div.error { color: #f00; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
p.indent { margin-left: 25px; }
span.underline { text-decoration: underline; }

div.clear { clear:both; }

input.btnSearch 
{
    background: url('/cms/outertemplates/images/default/btn-go.gif') 50% 100% no-repeat;
    border: none;
    width: 36px;
    height: 18px;
    display: inline-block;
    text-align: left;
    font-size: 0.8em;
}

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

#pageTop 
{
    width: 940px;
    margin: 25px auto 0 auto;
    height: 12px;
    background: url('/cms/outertemplates/images/default/pageTop.jpg') center bottom no-repeat;
}

#pageBottom
{
    width: 940px;
    margin: 0 auto 20px auto;
    height: 12px;
    background: url('/cms/outertemplates/images/default/pageBottom.jpg') center top no-repeat;
}

#content h1 
{
    border-bottom: 4px solid #e9e9e9;
}

/* Column Headers */

#leftCol h2.ourMission
{
    width: 215px;
    height: 28px;
    background: url('/cms/outertemplates/images/ourMission.gif') top center no-repeat;
    text-indent: -999em;
    margin: 0 0 10px 0;
}

#leftCol .ourMissionBox 
{
    padding: 5px;
    border-bottom: 1px dotted #ccc;
    margin: 0 0 10px 0;
}

#leftCol h2.news
{
    width: 200px;
    height: 28px;
    background: url('/cms/outertemplates/images/news.gif') top left no-repeat;
    text-indent: -999em;
    margin: 0;
}

#leftCol .newsBox
{
    padding: 10px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 10px 0;
    background: #fff;
    width: 178px;
    clear: both;
}

#leftCol .newsBox ul
{
    margin: 0;
    list-style: none;
}

#leftCol h2.newsletter
{
    width: 215px;
    height: 28px;
    background: url('/cms/outertemplates/images/newsletter.gif') top center no-repeat;
    text-indent: -999em;
    margin: 0;
    border-top: 4px solid #0f7397;
}

#leftCol .newsletterBox 
{
    background: #0f7397;
    color: #fff;
    padding: 10px;
}

#leftCol .newsletterBox label
{
    display: none;
}

#leftCol .newsletterBox input.textbox
{
    width: 192px;
    margin: 5px 0;
}

#leftCol .newsBox p
{
    margin: 0;
    font-size: 0.8em;
}

#leftCol .newsBox a
{
    color: #333;
    text-decoration: underline;
}

#leftCol ul li 
{
    padding: 4px 0 4px 14px;
    background: url('/cms/outertemplates/images/liArrow.gif') left no-repeat;
    font-size: 0.8em;
}



#rightCol h2.enquiries
{
    width: 214px;
    height: 33px;
    background: url('/cms/outertemplates/images/enquiries.gif') top center no-repeat;
    margin: 0;
    text-indent: -999em;
}

#rightCol .enquiriesBox 
{
    padding: 10px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 10px 0;
    background: #fff;
    width: 192px;
    clear: both;
}

#leftCol h2.location
{
    width: 215px;
    height: 33px;
    background: red url('/cms/outertemplates/images/location.gif') 0 0 no-repeat;
    text-indent: -999em;
    margin: 10px 0 0 0;
    clear: both;
}

#leftCol .locationBox 
{
    padding: 5px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 10px 0;
    background: #fff;
    width: 203px;
    clear: both;
}

#content h1 
{
    color: #116087;
    font-weight: normal;
}

.contentBox 
{
    border: 1px solid #e9e9e9;
    padding: 10px;
    margin: 0 0 10px 0;
    position: relative;
    background: #fff;
}

.sideBoxes 
{
    padding: 5px;
}

#rightCol label 
{
    display: block;
    font-size: 0.75em;
    margin: 5px 0;
}

input.textbox 
{
    border: 1px solid #ccc;
}

.btn_001 
{
    background: url('/cms/outertemplates/images/btn_001.gif') no-repeat;
    border: none;
    color: #fff;
    margin: 5px 0;
    padding: 0 0 4px 0;
    width: 59px;
    height: 18px;
    line-height: 18px;
    display: block;
    cursor: pointer;
    float: right;
    font-size: 0.8em;
    clear: both;
}

#search input.textbox 
{
    background: #fff url('/cms/outertemplates/images/search.gif') right no-repeat;
    padding: 0 16px 0 0;
}

#search label 
{
    display: none;
}

#rightCol textarea.textbox 
{
    border: 1px solid #ccc;
    width: 190px;
}
.ftWrap { padding: 0 5px 10px 5px; background: #F4F4F4;}
.footerBanner 
{
    height: 59px;
    background: #fff url('/cms/outertemplates/images/footerBanner.gif') 100% 0 no-repeat;
    margin: 0;
    border: 1px solid #e0e0e0;
}

.footerBannerNoRight
{
    background:#FFFFFF url(/cms/outertemplates/images/footerBanner.gif) no-repeat scroll right center;
    border:1px solid #E0E0E0;
    float:right;
    height:59px;
    margin:0 10px 10px 0;
    width:658px;
    display: inline;
}

#footerBar 
{
    background: url('/cms/outertemplates/images/footerBg.gif') center repeat-x;
    height: 54px;
    line-height: 54px;
    padding: 0 15px;
    font-size: 0.8em;
}

#footerBar p
{
    float: left;
}

#footerBar ul 
{
    margin: 0;
    padding: 0;
    float: right;
}

#footerBar ul li
{
    margin: 0;
    padding: 0 0 0 7px;
    background: url('/cms/outertemplates/images/liSep.gif') bottom left no-repeat;
    display: inline;
}
#footerBar ul li a
{
    color: #333;
}

#footerBar ul li.first {background: none;}

a.print 
{
    background: url('/cms/outertemplates/images/print.gif') center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 8px;
    left: 405px;
    text-indent: -999em;
}

.welcomeBox 
{
    text-align: left;
    line-height: 100%;
    padding: 5px;
    float: left;
    font-size: 0.9em;
}

.welcomeBox ul 
{
    margin:0;
    list-style-type:none;
}

.welcomeBox p
{
    margin: 0;
}

.welcomeBox a
{
    color: #333;
}

.leftColBox {width: 414px; float: left; padding: 10px;}

.rightColBox {width: 414px; float: left; padding: 10px;}

.contentBox h2 
{
    border-bottom: 4px solid #e9e9e9;
    padding: 0 0 6px 0;
    font-size: 1.2em;
    font-family: Verdana;
    font-weight: normal;
    color: #116087;
}

.locationSubBox {float: left; width: 80px; padding: 8px;}
.locationSubBox p {margin: 0 0 5px 0;}

/* Search Results */
div.result {padding:10px; border:1px solid #ccc; background:#e9e9e9; margin:0 0 10px;}
p.searchResultRank {display:none;}
p.searchResultUrl {font-style:italic;}


div#map {width:868px; height:447px; display:block; position:relative; background: url(/cms/site/images/world-map.jpg) 0 0 no-repeat;}
	a.point {width: 28px; height:32px; display:block; background: url(/cms/site/images/point.png) 0 0 no-repeat;}
		a.point:hover {background: url(/cms/site/images/point2.png) 0 0 no-repeat;}
		* html a.point {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cms/site/images/point.png', sizingMethod='scale'); cursor:pointer;}
		* html a.point:hover {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cms/site/images/point2.png', sizingMethod='scale');}
		a#hkaes {position:absolute; bottom:226px; left:665px;}
		a#amec {position:absolute; bottom:274px; left:665px;}
		a#tap {position:absolute; bottom:270px; left:393px;}		
		a#iberia {position:absolute; bottom:277px; left:402px;}
		a#n3 {position:absolute;bottom:305px; left:435px;}
		a#rolls {position:absolute; bottom:317px; left:408px; z-index:101;}
		a#tes {position:absolute; bottom:315px; left:398px;}
		a#ge {position:absolute; bottom:315px; left:402px; z-index:100;}
		a#saudi {position:absolute; bottom:224px; left:500px;}
		a#trans {position:absolute; bottom:229px; left:535px;}
		a#texas {position:absolute; bottom:247px; left:185px; z-index:100;}
		a#dallas {position:absolute; bottom:247px; left:180px;}
		a#bull {position:absolute; bottom:252px; left:271px;}
		a#aar { position:absolute; top:130px; left:212px; }
		a#falcon {position:absolute; bottom:236px; left:230px;}
		a#cont {position:absolute; bottom:246px; left:197px; z-index:101;}
		a#rolls2 {position:absolute; bottom:295px; left:247px;}
	div#label {position:absolute; bottom:17px; width:100%; text-align:center; color:#fff; font-weight:bold;}
	
#bottomContent {padding-bottom: 10px;}	
#bottomContent div.nB, #bottomContent div.nB2 {float:right; width: 442px; margin-right: 5px; display: inline; overflow:hidden;}	
#bottomContent h2.news
{
    height: 28px;
    background: url('/cms/outertemplates/images/newsWide.gif') 0 0 no-repeat;
    text-indent: -999em;
    margin: 0;
    border-top: 4px solid #0f7397;
}

#bottomContent .newsBox
{
    padding: 10px;
    margin: 0 0 10px 0;
    background: #0f7397;
    color: #fff;
    clear: both;
}

#bottomContent .newsBox ul
{
    margin: 0;
    list-style: none;
}

#bottomContent h2.newsletter
{
    height: 28px;
    background: url('/cms/outertemplates/images/newsletterWide.gif') 0 0 no-repeat;
    text-indent: -999em;
    margin: 0;
    border-top: 4px solid #0f7397;
}

#bottomContent .newsletterBox 
{
    background: #0f7397;
    color: #fff;
    padding: 10px;
    float: right;
}

#bottomContent .newsletterBox label
{
    display: none;
}

#bottomContent .newsletterBox input.textbox
{
    width: 204px;
    margin: 5px 0;
}

#bottomContent .newsBox p
{
    margin: 0;
    font-size: 0.8em;
}

#bottomContent .newsBox a
{
    color: #fff;
    text-decoration: underline;
}

#bottomContent ul li 
{
    padding: 4px 0 4px 14px;
    background: url('/cms/outertemplates/images/liArrow2.gif') left no-repeat;
    font-size: 0.8em;
}
	
	
table.dtgtable {font-size:10px;border:1px solid #0E7397;}
table.dtgtable th {background:#0E7397 url(/cms/outertemplates/images/bg-dtgtable.gif) 0 0 repeat-x; padding:0; height:30px;border-right:1px solid #0E7397;}
table.dtgtable th a {color: #fff; text-decoration:none;}
table.dtgtable th a:hover {color: #fff; text-decoration:underline;}
table.dtgtable tr.dtgdata td {background:#e6f9fd; padding:0; height: 20px;border-right:1px solid #0E7397;}
table.dtgtable tr.dtgdata2 td {background:#fff; padding:0; height: 20px;border-right:1px solid #0E7397;}

table.dtgtable td.dtgCustomerOrderNo {width:110px;}
table.dtgtable td.dtgQtyReceived, table.dtgtable td.dtgQtyUnrepairable, table.dtgtable td.dtgQtyRepaired, table.dtgtable td.dtgLinesNo {width:30px !important;}
table.dtgtable td.dtgDateReceived, table.dtgtable td.dtgDateExTRT, table.dtgtable td.dtgDateDelivery  {width:60px !important;}
table.dtgtable td.dtgComments {padding:2px !important; width:250px !important;}

table.dtgtable td.dtgfooter {border-top:1px solid #0E7397;background:#0E7397 url(/cms/outertemplates/images/bg-dtgtable.gif) 0 0 repeat-x;}


div.membersMenu ul {margin:0 0 0 5px;padding:0;list-style-type:none;}
div.membersMenu li {float:left;}
div.membersMenu a { float:left; display:block;border: 1px solid #e0e0e0;background: #fff; padding:5px; margin:0 5px 5px 0; font-size:0.85em; text-decoration:none;}