/* SEAGLAZE
------------------------------------------------------------------*/
body {
	background:			#fff;
	color:				#000;
	font:				100% arial,sans-serif;
}
.container { clear: both; width: 100%; }
.inner { width: 900px; margin: 0 auto; }

/* HEADER
------------------------------------------------------------------*/
#header { background: #5e8d8c; }
#header .inner {
	background:			#006564;
	height:				80px;
	position:			relative;
}
#header img {
	position:			absolute;
	left:				10px;
	top:				15px;
}
#header p {
	color:				#fff;
	font-size:			85%;
	font-weight:		bold;
	line-height:		1.4;
	padding:			10px 10px 0 0;
	text-align:			right;
}
#header strong { color: #d7e2e2; }
#header a:link, #header a:visited { color: #fff; text-decoration: none; }
#header a:hover, #header a:active { color: #d7e2e2; }

/* NAV
------------------------------------------------------------------*/
#nav {
	float:				left;
	line-height:		1.0;
	width:				160px;
}
#nav li {
	border-bottom:		1px solid #d7e2e2;
	display:			block;
	float:				left;
	width:				160px;
}
#nav a {
	display:			block;
	font-weight:		bold;
	width:				160px;
	padding:			0.6em 0 0.5em;
	text-align:			center;
}
#nav a:link, #nav a:visited { color: #17408c; text-decoration: none; }
#nav a:hover, #nav a:active { color: #5e8d8c; }

#nav li li {
	border-top:			1px solid #d7e2e2;
	border-bottom:		0;
}
#nav li li a:link, #nav li li a:visited { color: #006564; }
#nav li li a:hover, #nav li li a:active { color: #5e8d8c; }

/* BREADCRUMB
------------------------------------------------------------------*/
#bread {
	width:				700px;
	border-bottom:		1px solid #d7e2e2;
	line-height:		1.0;
	font-weight:		bold;
	font-size: 			80%;
	padding:			0 0 0.9em;
	margin-bottom:		1.5em;
}
#content #bread ul, #content #bread li {
	font-weight:		normal;
	display:			inline;
	margin:				0;
	padding:			0;
}
#content #bread strong { font-weight: bold; }

/* CONTENT
------------------------------------------------------------------*/
#content .inner { width: 880px; }
#content
{
	font-size:			80%;
	line-height:		1.5;
}
#content .column { width: 340px; float: left; }
#content .right { float: right; }

#content h1 {
	color:				#006564;
	font-size:			130%;
	font-weight:		bold;
	line-height:		1.0;
	margin-bottom:		0.5em;
}
#content h2 {
	color:				#006564;
	font-size:			130%;
	font-weight:		bold;
	line-height:		1.0;
	margin:				0.5em 0;
	padding-top:		1em;
	border-top:			1px solid #d6e8e8;
}
#content h3 {
	clear:				left;
	color:				#5e8d8c;
	font-size:			130%;
	font-weight:		bold;
	line-height:		1.0;
	margin:				0.5em 0;
	padding-top:		1em;
	border-top:			1px solid #d6e8e8;
}

#content h3 a:link, #content h3 a:visited {
	color: #5e8d8c;
	text-decoration: none;
}
#content h3 a:hover, #content h3 a:active {
	color: #006564;
	text-decoration: none;
}
#content h4 {
	clear:				left;
	color:				#000;
	font-size:			100%;
	font-weight:		bold;
	line-height:		1.0;
	margin:				0.5em 0;
	padding-top:		1em;
	border-top:			1px solid #d6e8e8;
}
#content h4 a:hover, #content h4 a:active {
	color: #000;
	text-decoration: none;
}

#content .noborder { border: 0; }
#content p { margin-bottom: 1em; }

#content table { margin: 0 0 1em; }
#content td { vertical-align: top; }

#content strong { font-weight: bold; }
#content em { font-style: italic; }

/* "#MAIN" STYLES
------------------------------------------------------------------*/

#main { overflow: hidden; padding-bottom: 1em; }
#main a:link, #main a:visited { color: #17408c; text-decoration: underline; }
#main a:hover, #main a:active { color: #5e8d8c; text-decoration: none; }

#main ul, #main ol {
	margin:				0 0 1em;
	padding:			0 0 0 1.5em;
	list-style-type:	square;
}
#main ol { list-style-type: decimal; }

/* HOME
------------------------------------------------------------------*/
#home, #main {
	width:				700px;
	float:				right;
	margin-top:			8px;
}

#cta-selector {
	position:			relative;
	width:				700px;
	height:				210px;
	background:			url(../images/bg_selector.jpg) no-repeat;
}
#launch, #launch a {
	position:			absolute;
	width:				204px;
	height:				50px;
	overflow:			hidden;
	background: url(../images/btn_selector.jpg) no-repeat;
}
#launch {
	left:				488px;
	top:				136px;
}
#launch a { text-indent: -999em; }
#launch a:link, #launch a:visited { background-position: left top; }
#launch a:hover, #launch a:active { background-position: left bottom; }

#cta-products {
	width:				700px;
	height:				157px;
	overflow:			hidden;
	line-height:		1.0;
	font-weight:		bold;
}

#cta-products div {
	float:				left;
	width:				220px;
	height:				157px;
}

#cta-products #cta1 { background: url(../images/bg_cta1.jpg) no-repeat; margin-right: 20px; }
#cta-products #cta2 { background: url(../images/bg_cta2.jpg) no-repeat; }
#cta-products #cta3 { background: url(../images/bg_cta3.jpg) no-repeat; float: right; }

#cta-products a {
	display:			block;
	width:				220px;
	height:				27px;
	padding-top:		130px;
	text-align:			center;
}
#cta-products a:link, #cta-products a:visited { color: #17408c; text-decoration: none; }
#cta-products a:hover, #cta-products a:active { color: #5e8d8c; }

#intro {
	float:				left;
	width:				700px;
	overflow:			hidden;
	margin:				20px 0;
}

/* NEWS
------------------------------------------------------------------*/
#content .news { margin-bottom: 1em; list-style: square inside; padding-left: 5px; }

/* PRODUCTS -- CATEGORIES
------------------------------------------------------------------*/
#main .rowwrapper { overflow: hidden; clear: both; }
#main .product {
	position:			relative;
	margin:				0 5px 1em 0;
	width:				230px;
	float:				left;
	background:			#fff;
}
#main .imgwrapper {
	width:				230px;
	height:				155px;
}
#main .frame {
	position:			absolute;
	left:				0;
	top:				0;
	z-index:			10;
	background:			url(../images/frame_thumb.png) no-repeat;
}
#main .frame, #main .frame a {
	display:			block;
	width:				230px;
	height:				155px;
}
#main .last {
	margin-right:		0;
}
#main .product img {
	display:			block;
	margin:				0 auto;
}
#main .product p {
	margin:				5px 0 0 0;
	padding:			0;
	text-align:			center;
	font-size:			95%;
	font-weight:		bold;
	line-height:		1.0;
}
#main .product a:link, #main .product a:visited,
#main .product a:hover, #main .product a:active {
	text-decoration:	none;
}

/* PRODUCTS -- DETAILS
------------------------------------------------------------------*/
#colleft {
	float:				left;
	width:				400px;
	padding-right:		10px;
	border-right:		1px solid #d7e2e2;
}
#colleft.seals {
	border:				0;
}
#colleft h1 {
	margin-bottom:		0;
}
#colleft .producttype{
	font-size:			110%;
	color:				#000;
}
#colleft.seals h3 {
	border:				0;
	padding-top:		0;
}

#colright {
	float:				right;
	width:				280px;
	font-size:			95%;
}
#colright h2 {
	border:				0;
	font-size:			120%;
}
#colright.seals h2 {
	padding-top:		0;
}


#inforeq, #inforeq a {
	position:			absolute;
	width:				280px;
	height:				45px;
	overflow:			hidden;
	background:			url(../images/btn_productinfo.jpg) no-repeat;
}
#inforeq {
	position:			relative;
	margin-bottom:		0em;
}
#inforeq a { text-indent: -999em; }
#inforeq a:link, #inforeq a:visited { background-position: left top; }
#inforeq a:hover, #inforeq a:active { background-position: left bottom; }


#main .datasheet {
	list-style:			none;
	padding-left:		4px;
}
#main .datasheet li {
	padding-left:		24px;
	margin-bottom:		1em;
	background:			url(../images/icon_pdf.gif) no-repeat 0px 2px;
}

/* FORM
------------------------------------------------------------------*/
.genform { margin: 1em 0; }
.genform label, .genform input, .genform select, .genform textarea { vertical-align: middle; display: block; float: left; margin-bottom: 1em; }
.genform label { width: 160px; }
.genform label.inline { float: none; display: inline; width: auto; margin: 0; }

.genform br { clear: left; }
.genform .noclear { clear: none; }

.genform input, .genform textarea, .genform select { font: 100% arial,sans-serif; border-width: 1px; border-style: solid; border-color: #5e8d8c; padding: 2px; }
.genform input, .genform textarea { width: 350px; }
.genform select, .genform .hwid { width: 170px; }
.genform .qwid { width: 120px; }
.genform .hidden { display: none; }

.genform .check { float: none; display: inline; margin: 0; width: auto; border: 0; background: transparent; }
.genform .submit { cursor: pointer; font-weight: bold; background: #006564; color: #fff; width: auto; margin: 0 0 1em 160px; padding: 3px 20px; border-width: 1px; border-style: solid; border-color: #4a9291 #00403f #005a59 #3c8988; }

#content .alert { line-height: 1; margin-bottom: 1em; font-weight: bold; font-size: 90%; padding: 20px 20px 20px 60px; background: #faffa7 url(../images/bg_alert.gif) no-repeat 1% 50%; border: 1px solid #e4b923; color: #412503; }
#content .alert p { margin: 0; }

#content p .req, .genform label span { font-weight: bold; color: #aa1e21; }
.genform input.err, .genform textarea.err, .genform select.err { background-color: #ccc; color: #000; border-width: 2px; }

.clear { width: auto; height: 1px; overflow: hidden; clear: both; }

/* FOOTER
------------------------------------------------------------------*/
.question { margin-top: 1em; }
.endpoint { background: #fff; }

#content .answer { background-color: #e6fccf; border-bottom: 1px solid #5E8D8C; }
#content .answer p { background-color: #D6E8E8; margin: 0; padding: 5px; }
#content .answer p a { font-weight: bold; text-decoration: none; }

/* FOOTER
------------------------------------------------------------------*/
#footer { border-top: 10px solid #5e8d8c; }
#footer .inner {
	margin-top:			10px;
	padding-bottom:		10px;
	font-size:			70%;
	line-height:		1.4;
}
#footer a:link, #footer a:visited { color: #17408c; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #5e8d8c; text-decoration: none; }
#footer .ddlink:link, #footer .ddlink:visited { color: #555; text-decoration: none; }
#footer .ddlink:hover, #footer .ddlink:active { color: #333; text-decoration: underline; }