/* Undo some of the default styling of common (X)HTML browsers */
/* This block is (c) 2004 Tantek Celik and is licensed under the Creative Commons License */
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
/* END COPYRIGHTED SECTION */

/* HTML Tags */
body {
	font: 0.8em Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #555555;
	background: #EFF2F6;
	/*text-align: center;*/
	line-height: 1.2em;
}

h2 {
	font-size: 1.7em;
	color: #4D6F8C;
	font-weight: normal;
	margin-bottom: 12px;
	line-height: normal;
}
h2 span { float: right; font-size: 0.5em; padding-top: 8px; }
h2 span img { vertical-align: middle; }

h3 {
	font-size: 1.4em;
	color: #4D6F8C;
	font-weight: normal;
	margin-bottom: 12px;
}

p { margin-bottom: 1em; }
table { font-size: 1.0em; }
th { vertical-align: top; text-align: right; }
td, th { padding: 0.2em; }

a {
	text-decoration: underline;
	color: #01B0F1;
}
a:hover { text-decoration: underline; }
abbr { border: none; }

/* Classes */
.small { font-size: 0.85em; }
.errors {
	margin: 2em 0 0 0;
	color: red;
}
.requiredfield { color: red; font-weight: bold; font-style: normal; }

/* Outer Container */
#container {
	text-align: left;
	width: 760px;
	/*margin: 0 auto; */
	margin-left: 8px;
	border-top: 8px solid #EFF2F6;
	background: url(../images/bg-page.gif) repeat-y left top;
}

/* Inner Container */
#container-inner {
	padding: 12px 3px 0 2px;
	background: url(../images/bg-top.gif) no-repeat left top;
}

/* Header area */
#header {
	padding: 0 0 0 16px;
	background: url(../images/bg-header.gif) repeat-x left bottom;
	height: 88px;
	border-bottom: 1px solid #65A8D0;
	margin-bottom: 1px;
	position: relative;
}

/* search box */
#search {
	float: right;
	margin-right: 19px;
	margin-top: 8px;
	text-align: right;
}

#search input.textfield {
	width: 117px;
	border: 1px solid #8FAAC0;
	height: 17px;
	font-family: Tahoma, Verdana, Helvetica, Arial, Sans-serif;
}

#search img, #search input { vertical-align: middle; }
#search .languagemenu { font-size: 0.85em; }

#header .callToAction {
	float: right;
	margin: 4px 8px 0 0;
}

/* Curved menu */
#curve {
	position: absolute;
	right: 0px;
	top: 63px;
	height: 26px;
	width: 232px;
	background: url(../images/bg-headercurve.gif) repeat-x left top;
	font-size: 0.85em;
	color: white;
	font-weight: bold;
}

#curve ul {
	height: 26px;
	width: 232px;
	background: url(../images/bg-headercurve-left.gif) no-repeat left top;
	padding-left: 6px;
}

#curve li {
	float: left;
	padding: 6px 7px 0 7px;
	background: url(../images/button-curve.gif) no-repeat 0px 8px;
}
#curve a {
	color: white;
	text-decoration: none;
}
#curve a:hover {
	color: white;
	text-decoration: underline;
}

/* Blue Menu */
#menu {
	border-bottom: 1px solid #67B3DB;
	height: 23px;
	background: url(../images/bg-menu.gif) repeat-x left top;
	font-size: 0.85em;
	padding: 5px 0 0 12px;
}

#menu ul li {
	float: left;
	background: url(../images/button-menu.gif) no-repeat right top;
	padding: 0 9px;
}
#menu a {
	color: white;
	text-decoration: none;
}
#menu a:hover { text-decoration: underline; }

#menu ul li.tab {
	background: url(../images/bg-tab-r.gif) no-repeat right 1px;
	margin: -2px 0px 0px;
	padding: 0;
}

#menu ul li.tab a {
	display: block;
	background: url(../images/bg-tab-l.gif) no-repeat left 1px;
	height: 16px;
	padding: 2px 16px 1px 6px;
}
#menu ul li.on a { font-weight: bold; }

/* errors */
ul.error {
	color: red;
	margin: 1em 3em;
	list-style-type: disc;
	list-style-position: inside;
}

/* Footer */
#footer {
	background: url(../images/bg-bottom.gif) no-repeat left top;
	padding: 7px 0 0 20px;
	color: white;
	font-size: 0.85em;
	height: 25px;
	clear: both;
}

#footer span { float: right; padding-right: 20px; }
#footer span a { color: #8FB2BF; text-decoration: none; }
#footer span a:hover { text-decoration: underline; }

/* Top of page link */
#topofpage {
	margin-left: 167px;
	font-size: 0.85em;
	clear: both;
	padding-bottom: 10px;
	margin-top: -10px;
}

#topofpage a {
	font-weight: bold;
	color: #4D6F8C;
	text-decoration: none;
	display: block;
	background: url("../images/arrow-topofpage.gif") no-repeat 0 6px;
	padding-left: 16px;
}
#topofpage a:hover { text-decoration: underline; }

#logos {
	clear: both;
	float: right;
	padding: 1em 10px 0 0;
}

/* Main Content Area */
#main { padding: 13px 0; }

/* Left Sidebar */
#sidebar-left {
	float: left;
	width: 135px;
	font-size: 0.85em;
	padding-left: 13px;
}

#sidebar-left h2 {
	padding: 0 0 5px 6px;
	border-bottom: 1px solid #C3EEFF;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}

#sidebar-left h3 {
	margin-bottom: 10px;
	padding-left: 18px;
	background: url(../images/arrow-leftmenu.gif) no-repeat 6px 3px;
}

#sidebar-left h4 {
	margin-bottom: 10px;
	background: url(../images/arrow-leftmenu.gif) no-repeat 6px 15px;
	border-top: 1px solid #C3EEFF;
	border-bottom: 1px solid #C3EEFF;
	padding: 12px 0 12px 18px;
}

#sidebar-left a { color: #4D6F8C; text-decoration: none; }
#sidebar-left a:hover { text-decoration: underline; }
#sidebar-left ul ul a { color: #01B0F1; text-decoration: underline; }

#sidebar-left ul {
	padding-left: 2px;
	padding-top: 7px;
	background: #E2F6F8 url("../images/lefthand_menu_bgtop.gif") no-repeat top left;
}
#sidebar-left ul li {
	padding: 0 3px 6px 16px;
	background: url(../images/arrow-leftmenumenu.gif) no-repeat 6px 5px;
}

#sidebar-left ul li.on { font-weight: bold; }
#sidebar-left ul li.on ul { font-weight: normal; }

#sidebar-left ul ul {
	padding-top: 3px;
	background-image: none;
}
#sidebar-left ul ul li {
	background: url(../images/bullet-leftmenumenu.gif) no-repeat 0px 9px;
	padding: 3px 5px 3px 7px;
}

/* Right Sidebar */
#sidebar-right {
	float: right;
	width: 132px;
	padding-right: 11px;
	font-size: 0.85em;
}

#sidebar-right .boxout {
	background: #E2F6F8 url("../images/bg-rightboxout-bottom.gif") no-repeat left bottom;
	width: 132px;
	padding-bottom: 10px;
	margin-bottom: 1em;
}

#sidebar-right .boxout ul {
	background: url("../images/bg-rightboxout-top.gif") no-repeat left top;
	padding: 8px 5px 0 8px;
}
#sidebar-right .boxout ul li {
	padding: 2px 0 3px 12px;
	background: url("../images/arrow-leftmenumenu.gif") no-repeat 0 7px;
}

#sidebar-right .boxout ul li a {
	text-decoration: none;
	color: #5983A4B;
}

#sidebar-right .boxout ul li a:hover {
	text-decoration: underline;
	color: #4D6F8C;
}

#sidebar-right .boxout a { color: #4D6F8C; }
#sidebar-right h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 12px;
	background: url("../images/arrow-leftmenu.gif") no-repeat 0 4px;
}
#sidebar-right h2 a {
	color: #4D6F8C;
	text-decoration: none;
}
#sidebar-right h2 a:hover { text-decoration: underline; }

/* Content! */
#content {
	float: left;
	width: 427px;
	margin-left: 18px;
}
#content p {
	font-size: 0.85em;
}
#content.noright { width: 563px; margin-right: 25px; } /* Define alternative width for pages without a right hand column */
#content.fullwidth { width: 695px; margin: 0 20px; } /* Alternative for 1 column full-width pages (search results) */

#content ul { margin-bottom: 1em; }
#content .column1 ul li, #content .column2 ul li {
	padding: 0 0 4px 12px;
	background: url("../images/arrow-leftmenumenu.gif") no-repeat 0 4px;
}

#content h3 { margin-bottom: 0.8em; }

#content ul.additionalfiles li {
	/*background: url("../images/arrow-additionalfiles.gif") no-repeat 0 12px;*/
	padding: 8px 0 9px 0px;
	background: url("../images/bg-dots-hzn.gif") repeat-x left bottom;
	/*border-bottom: 1px dotted #9FB6CE;*/
}
#content ul.additionalfiles a {
	display: block;
	color: #4D6F8C;
	text-decoration: none;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 16px 0 12px;
}
#content ul.additionalfiles a:hover { text-decoration: underline; }

#content .relatedprods {
	margin-top: 3px;
}

#content .relatedprods li {
	background: url(../images/arrow-leftmenumenu.gif) no-repeat 0 8px;
	padding: 2px 0 3px 11px;
	font-size: 0.85em;
}

/* List styles for the product landing page */
#content ul.genlist {
	padding-top: 3px;
}
#content ul.genlist li {
	background: url("../../images/bullet-on-blue.gif") no-repeat 0 9px;
	padding: 3px 0 0 12px;
}

#content .column1 {
	width: 185px;
	float: left;
	padding-top: 1em;
	overflow: hidden;
}

#content .column2 {
	margin-left: 210px;
	padding-top: 1em;
}

#content .column2 .callToAction {
	display: block;
	margin-bottom: 8px;
}

#content .column2 p {
	background: url("../images/bg-dots-hzn.gif") repeat-x left bottom;
	padding: 0 0 1em 0;
	margin: 0 0 0.5em 0;
}

#content .column2 li { font-size: 0.85em; }
#content .column2 h4 { margin-bottom: 0.5em; }

#content .pinfohd {
	color: #4D6F8C;
	font-size: 0.85em;
}

/* Custom layout for the product landing page */
#content .pselectcolumn { width: 176px; float: left; margin-right: 17px; background-color: #E2F6F8; }
#content .pselectcolumn h3 {
	padding-bottom: 3px;
	margin: 0 10px 0.8em 0.85em;
	font-weight: bold;
	font-size: 0.9em;
	background: url(../images/gfx-pselect_dotted.gif) repeat-x left bottom;
}
#content .pselectcolumn h3 a {
	color: #4D6F8C;
	text-decoration: none;
}
#content .pselectcolumn h3 a:hover { text-decoration: underline; }

#content .pselectcolumn div {
	padding: 0 10px 10px 10px;
	color: #4D6F8C;
	font-size: 0.85em;
}

/* Formatting styles for the news section */
#content div.news {
	padding: 0 0 1em 0;
	background: url("../images/bg_newsdiv.gif") repeat-x left bottom;
}

#content div.news h3, #content h3.news {
	font-size: 0.85em;
	color: #578A9D;
	margin: 1.5em 0 0 0;
}

#content div.news h4, #content h4.news {
	font-size: 0.95em;
	color: #00B6CA;
	font-weight: bold;
	margin: 0 0 1.2em 0;
	padding: 0;
}

/* Breadcrumb trail */
.breadcrumb { font-size: 0.85em; margin-bottom: 1em; }
.breadcrumb li {
	display: inline;
	padding: 0 3px 5px 0;
}
.breadcrumb li.first { font-weight: bold; color: #4D6F8C; }

.breadcrumb a {
	text-decoration: underline;
	color: #4D6F8C;
	background: url("../images/arrow-breadcrumb.gif") no-repeat right center;
	padding: 0 8px 0 4px;
	margin-left: -3px;
}

/* Form rows */
form { margin-bottom: 1em; }

form div.formrow {
	clear: left;
	padding: 0.3em 0;
}

form div.formrow label {
	display: block;
	float: left;
	width: 15.1em;
	margin-left: 0;
	padding-right: 5px;
	font-size: 0.85em;
}

form div.nestedopts label {
	display: block;
	float: left;
	width: 8.0em;
	margin-left: 0;
	padding-right: 5px;
	font-size: 1em;
}

form div.nestedopts input { margin-bottom: 0.4em; }

/* This is for any subsequent text that needs to be under / next to a label */
form div.formrow div {
	font-size: 0.85em;
	margin-left: 15.55em;
}
form div.formrow img, form div.formrow input { vertical-align: middle; }
form div.formrow input { font: 1.0em Tahoma, Verdana, Helvetica, Arial, sans-serif;  }
form div.formrow select { font-size: 0.85em; }

/* Presentation of address and contact info for the contact page*/
#address {
	margin-bottom: 30px;
}

#address div {
	width: 180px;
	float: left;
}

.description {
	font-size: 0.85em;
	color: white;
	background: #3EC5D4 url("../images/bg-boxout-bottom.gif") no-repeat left bottom;
	margin: 0 0 1em 0;
}

.description a {
	color: white;
}


.description div {
	background: url("../images/bg-boxout-top.gif") no-repeat left top;
	padding: 8px 12px 8px 8px;
}

dl.productlist dd {
	padding: 0;
	margin: 0 0 10px 0;
	min-height: 85px;
}
#content .thumbvessel { float: left; width: 85px; padding: 1px; border: solid 1px #9FB6CE; }
#content .thumbdesc { float: right; width: 328px; }

dl.productlist dt {
	background: url("../images/arrow-leftmenu.gif") no-repeat 0 9px;
	padding: 4px 0 0 12px;
	margin: 0 0 0.8em 0;
	border-top: solid 1px #C3EEFF;
}

dl.productlist dt a {
	color: #578A9D;
	font-weight: bold;
}

dl.productlist dd dl {
	float: right;
	width: 136px;
	background: transparent url("../images/bg-dots-vert.gif") repeat-y left top;
	padding: 0;
	height: 80px;
	padding-left: 10px;
}

dl.productlist dd dl dt {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

dl.productlist dd dl dd {
	background: url("../images/arrow-leftmenumenu.gif") no-repeat 2px 5px;
	font-size: 1.0em;
	padding-left: 12px;
}

/* Section thumbnails */
.thumbnails {
	margin: 0 -18px 0 0;
	padding: 0;
	height: 230px;
}
.thumbnails li {
	padding: 0 18px 0 0;
	width: 90px;
	font-size: 0.85em;
	height: 120px;
	float: left;
}

.thumbnails li img.thumbnail {
	padding: 1px;
	border: solid 1px #4D6F8C;
}

.thumbnails a:hover {
	text-decoration: underline;
}

.thumbnails a, .thumbnails a:hover img {
	text-decoration: none;
	color: #578A9D;
}

/* description boxout */
#content .column2 .description p { background: none; padding: 0; }

.column2 .description {
	background: #3EC5D4 url("../images/bg-proddesc-bottom.gif") no-repeat left bottom;
	color: white;
	font-size: 1.0em;
	width: 215px;
}
.column2 .description div { background: url("../images/bg-proddesc-top.gif") no-repeat left top; }

/* what do i do next? */
.whatdoidonext {
	background: #E2F6F8 url("../images/bg-whatdoidonext-bottom.gif") no-repeat left bottom;
	width: 426px;
	margin-top: 1.7em;
	color: #4D6F8C;
}
.whatdoidonext div {
	background: url("../images/bg-whatdoidonext-top.gif") no-repeat left top;
	padding: 8px 12px 2px 8px;
}

/* top boxouts */
.topboxout {
	background: url("../images/bg-news_title.jpg") no-repeat left top;
	height: 110px;
	padding: 7px 300px 0 7px;
	color: white;
}

.topboxout h2 { margin: 0; color: white; }

.hilite { color: #4D6F8C; }

form h4 {
	color: #2BAEBD;
	margin: 0 0.5em 0.8em 0;
	padding-bottom: 0.2em;
	border-bottom: solid 1px #C3EEFF;
	margin-top: 2em;
}

.parahd {
	color: #2BAEBD;
	margin: 0 0.5em 0.8em 0;
	padding-bottom: 0.2em;
	border-bottom: solid 1px #C3EEFF;
	font-size: 0.9em;
	font-weight: bold;
}

/* Sitemap */
.sitemap { font-size: 0.85em; float: left; }
.sitemap a { text-decoration: none; color: #555; }
.sitemap a:hover { text-decoration: underline; }

.sitemap ul {
	margin: 0 1.5em;
	padding: 0;
	list-style-type: disc;
}
.sitemap ul ul { list-style-type: none; }

.sitemap ul li { font-weight: bold; }
.sitemap ul ul li { font-weight: normal; }

/* Language landing pages */
#language {
	height: 401px;
	line-height: 1.4;
	background: url(../images/bg-languagelanding.jpg) no-repeat left top;
	color: #FFF;
	font-size: 0.85em;
	padding: 0 280px 0 20px;
}

#language h2 { padding-top: 20px; color: #FFF; }
#language a { color: #FFF; text-decoration: underline; }