/*========================
Cascading Style Sheets
for Mantons Air-Sea

by Lochlan McBride
Being Young Designs
www.beingyoungdesigns.com
=========================*/

/*====General====*/
body {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	margin:45px 0 0;
	background:#E2E2E2;
	color:#5d5d5d;
	line-height:16px;
}
h1 {
	margin:0 0 20px;
	color:#3376ca;
	font-size:22px;
}
h2 {
	margin:15px 0;
	color:#2D2D2D;
	font-size:18px;
}
h3 {
	font:700 16px Arial, Verdana, Helvetica, sans-serif;
	color:#3376ca;
	margin:0 0 10px;
}
h4 {
	font-size:14px;
	margin:15px 0;
}

a:link, a:visited {text-decoration:none;color:#3376ca;}
a:hover {text-decoration:underline;color:#0095D9;}
a:active {color:#ED1C24;}

::-moz-selection{background:#3376ca;color:#fff;}
::selection {background:#3376ca;color:#fff;}

ul, ol {margin:15px 25px;padding:0;list-style-position:inside;}
ol li {padding:5px 0;}
li {margin:0;padding:0;}
li a:link, li a:visited {padding-right:15px;}
p {margin:15px 0;}
a img {border:none;}
blockquote {margin:15px 25px;padding:0;}
table {width:100%;border-collapse:collapse;}
th, td {padding:0;text-align:left;vertical-align:middle;}
th {font-weight:700;}
acronym {cursor:help;}

form {margin:0 0 20px;}
form .row {margin:2px 0;overflow:auto;line-height:22px;}
label {float:left;width:75px;text-align:left;}
input.text {
	float:left;
	width:117px;
	background:#fff;
	border:solid 2px #B4B4B4;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	background:#fff url(../images/layout/bg_input.gif) repeat-x;
}
input.focusField {border:solid 2px #285D9E;}
input.button {
	background:url(../images/layout/button.gif) no-repeat;
	width:61px;
	height:21px;
	padding:0 0 3px;
	border:none;
	font:13px Verdana, Arial, Helvetica, sans-serif;
}
input.button:active {background:url(../images/layout/button.gif) no-repeat 0 -21px;}
iframe {border:none;width:100%;}

/*====Misc Classes====*/
a.payonline:link, a.payonline:visited {
	background:url(../images/layout/visa_mc.png) no-repeat 0 0;
	width:87px;
	padding:52px 0 0;
	display:block;
	text-align:center;
	margin:10px auto;
}
a.payonline:hover {
	background:url(../images/layout/visa_mc.png) no-repeat 0 -81px;
	text-decoration:none;
}

/*====Layout====*/
#wrap {background:url(../images/layout/bg_wrap.png);margin:0 auto;width:996px;}
#header {
	position:relative;
	background:url(../images/layout/bg_header.png) no-repeat;
	height:191px;
}
#header h1 a {
	background:url(../images/layout/logo_mantons.jpg) no-repeat;
	width:334px;
	height:113px;
	display:block;
	position:absolute;
	top:40px;
	left:42px;
}
#header h1 span {display:none;}
#toplinks {position:absolute;top:33px;right:35px;font-weight:700;text-transform:uppercase;text-align:right;}
#toplinks a:link, #toplinks a:visited {color:#5d5d5d;}
#content-wrap {margin:0 18px;border-top:solid 1px #5E91CE;overflow:auto;}
#banner {height:210px;}
#content {float:left;width:664px;padding:35px 30px 0;min-height:300px;}
#noSideBar #content {float:none;width:900px;}
#sidebar {
	background:#C2C2C2 url(../images/layout/bg_sidebar.jpg) no-repeat bottom;
	width:203px;
	float:left;
	height:300px;
	padding:10px 10px 25px;
}
#sidebar h2 {
	margin:0 0 15px;
	color:#505050;
	font-size:19px;
}
#sidebar form {text-align:right;}
#footer {
	text-align:center;
	background:url(../images/layout/bg_footer.png) no-repeat;
	padding:18px 0 0;
	margin:0 auto;
	width:996px;
	font-size:11px;
}
#footer a:link, #footer a:visited {color:#5d5d5d;}
#footer div {margin:7px 0;}
#footer #copy {font-size:12px;}

/*====Tables====*/
.incoterms {
	border-bottom:solid 1px #3C3C3C;
	border-right:solid 1px #3C3C3C;
	color:#3C3C3C;
	margin:10px 0;
}
.incoterms td, .incoterms th {
	border-top:solid 1px #3C3C3C;
	border-left:solid 1px #3C3C3C;
	padding:2px;
	height:40px;
	width:50px;
	font-size:12px;
}
th.costs {
	width:120px;
	height:80px;
	text-align:center;
	text-transform:uppercase;
	vertical-align:top;
	background:url(../images/layout/icon_down_arrow.png) no-repeat bottom;
}
.on {background-color:#7FAAFF;}
.key td {width:inherit;}
.key .on {width:50px;}
.header th {height:80px;padding:15px 25px;}
.header div {border:solid 1px #3C91D9;width:200px;text-align:center;height:35px;background:url(../images/layout/bg_incoterms.png) repeat-x;color:#fff;}
.header h2 {text-transform:uppercase;margin:0;font-size:13px;color:#fff;}
.header .leftArrow {background:url(../images/layout/icon_left_arrow.png) no-repeat 25px 50%;}
.header .leftArrow div {float:right;}
.header .rightArrow {background:url(../images/layout/icon_right_arrow.png) no-repeat 212px 50%;}
.header .rightArrow div {float:left;}
.header  #shipping {background:url(../images/layout/icon_ship_plane.png) no-repeat 50% 50%;}
.chart th {background:#878787;color:#fff;}
th.corner {border-top:none;border-left:none;background:none;}

/*Staff Table*/
.company-profile {
	border-bottom:solid 1px #C8DDF0;
	border-right:solid 1px #C8DDF0;
	color:#78919B;
}
.company-profile th, .company-profile td {
	border-top:solid 1px #C8DDF0;
	border-left:solid 1px #C8DDF0;
	padding:6px;
}
.company-profile th {font-size:110%;color:#647D86;}
.company-profile .odd td, .company-profile .odd th {
	background:#F7FBFF;
}
.company-profile .location {text-align:center;}


/*====Navigation====*/
#nav {
	margin:0 18px;
	padding:0;
	background:#D2D2D2;
	font:700 21px Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
	text-transform:uppercase;
	border-bottom:solid 5px #3376CA;
	height:33px;
	width:960px;
}
#nav li {
	margin:0 2px 0 0;
	padding:0;
	float:left;
	list-style-type:none;
}
#nav li a:link, #nav li a:visited {
	display:block;
	color:#fff;
	padding:3px 15px;
	text-align:center;
	background:url(../images/layout/bg.gif) repeat 0 0;

}
#nav li a:hover {text-decoration:none;background-position:0 -60px;}
#nav #last {margin:0;}
#nav #last a {padding:3px 19px;}