@charset "utf-8";
/* CSS Document */

/*************************************************
	Main
*************************************************/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #0b3969;
	background-image: url(../images/mainback.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #0b3960;
}
div.clear {clear: both;}

/*************************************************
	Header
*************************************************/
#container {width: 900px; margin: 0 auto; text-align: left;}
#mainlogo {position: absolute; margin: 77px 0 0 44px; width: 177px; height: 84px;}
#slogan {position: absolute; margin: 33px 0 0 439px; width: 282px; height: 66px;}
#headerconnector {position: absolute; margin: 116px 0 0 758px; width: 114px; height: 58px;}
#header {width: 900px; height: 155px; background-image: url(../images/headerback.gif); background-repeat: no-repeat;}

/*************************************************
	Navbar
*************************************************/
#nav {width: 635px; height: 15px; margin: 28px 0 0 0; background-image: url(../images/navback.gif); background-repeat: no-repeat; padding-left: 265px; padding-top: 65px; font-size: 75%;}
#nav a {color: #0b3960;}
#nav a:visited {color: #639;}
#nav a:hover {text-decoration: none;}

/*************************************************
	Footer
*************************************************/
#footer {width: 900px; height: 25px; padding: 40px 0 0 35px; background-image: url(../images/footerback.jpg); background-repeat: no-repeat; font-size: 11px; color: #fffffe;}

/*************************************************
	Content Area
*************************************************/
#content {width: 900px; padding: 10px 0 0 0; background-color: #f1f3f6; background-position: center bottom; background-repeat: no-repeat;}
#leftcol {width: 250px; float: left; /*background-color: #fff0f0;*/}
#rightcol {width: 620px; padding: 0 15px 0 15px; float: left; /*background-color: #993300;*/}

/*************************************************
	Main Menu
*************************************************/
ul#mainmenu {margin: 0 0 0 33px; padding: 0; list-style: none; width: 200px;}
ul#mainmenu li {position: relative; margin-bottom: 2px;}
ul#mainmenu a {display: block; width: 188px; height: 23px; padding: 7px 5px 0 7px; background-image: url(../images/mm-0.jpg); background-position: 0px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fffffe; font-size: 11px; font-weight: bold; text-decoration: none;}
ul#mainmenu a.dir {background-image: url(../images/mm-0-dir.jpg); background-position: 0 0;}
ul#mainmenu a:hover, ul#mainmenu li:hover a {background-position: 0 -30px;}
ul#mainmenu a.dir:hover, ul#mainmenu li:hover a.dir {background-position: 0 -30px;}
ul.submenu {position: absolute; top: 0px; left: 200px; margin: 0; padding: 0 0 0 2px; list-style: none; display: none; background-color: #ec008c; background-image: url(../images/mm-1-mainback.jpg); background-position: 0px 0; background-repeat: no-repeat; border-left: #f1f3f6 solid 2px;}
ul.submenu li {background-image: none; background-repeat: repeat-y; padding: 2px 0 2px 0;}
li:hover ul.submenu {display: block;}
ul#mainmenu ul.submenu a {width: 200px; height: auto; padding: 0 5px 0 7px; background-image: none; background-repeat: repeat-y; font-weight: normal; text-decoration: none;}
ul#mainmenu ul.submenu a:hover, ul#mainmenu ul.submenu li:hover a {background-image: none; background-color: #af0a56;}
ul#mainmenu ul.submenu li {margin: 0;}

/*************************************************
	Main Content
*************************************************/
h1 {
	margin: -7px 0 6px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: "Times New Roman", Times, serif;
	font-size: 190%;
	font-weight: normal;
}
h3.main {
	margin: 20px 50px 10px 0;
	font-size: 90%;	
	font-weight: normal;
	color: #ec008b;
	border-bottom: #ec008c solid 1px;
}
p.main {
	margin: 0 50px 10px 0;
	font-size: 90%;
	line-height: 140%;
}
p.mainAddress {
	margin: 0 50px 10px 40px;
	font-size: 81%;
	line-height: 140%;
}
ul.main, ol.main {
	font-size: 90%;
}
ol.main ul.main {
	margin-top: 10px;
	margin-bottom: 10px;
}
ol.main>li {
	margin-bottom: 10px;
}
.main span {
	font-size: 75%;
	color: #ec008b;
}
#column1 {
	width: 300px;
	float: left;
}
#column2 {
	width: 300px;
	float: left;
}
.introduction {
	/*width: 296px;*/
	padding: 2px 2px 10px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #fff;
}
.introduction h3 {
	display: block;
	height: auto;
	margin: 2px 2px 0 2px;
	padding: 3px 5px 3px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #fffffe;
	background-color: #0b3969;
}
.introduction p {
	padding: 7px;
	margin: 0 0 10px 0;
	line-height: 160%;
}
.introduction ul, .introduction ul li ul {
	margin: 0 0 20px 0px;
	list-style: outside disc;
	line-height: 160%;
}

/*************************************************
	Left Column
*************************************************/
.lcblock {margin: 40px 0 0 33px; padding-bottom: 10px; background-image: url(../images/leftcolblock-bottomshadow.gif); background-position: left bottom; background-repeat: no-repeat;}
.lcblock h3 {width: 195px; height: 38px; padding: 2px 0 0 5px; margin: 0; background-color: #ec008c; background-image: url(../images/leftcolblock-topshadow.gif); background-position: 0px 22px; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #fffffe;}
.lcblock dl {padding: 0; margin: 0 0 0 7px;; font-size: small;}
.lcblock dt {padding: 0; margin: 0;}
.lcblock dd {padding: 0; margin: 0 0 10px 0;}

/*************************************************
	Products
*************************************************/
a.prSmall {display: block; width: 278px; height: auto; margin: 0 15px 9px 0; padding: 2px; border: #fffffe solid 1px; float: left; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-decoration: none; color: #0b3960;}
a.prSmall:hover {border-color: #0b3960;}
a.prSmall img {width: 75px; height: 75px; border: none; float: left; background-image: url(../images/loading_rotor.gif); background-repeat: no-repeat; background-position: center center;}
a.prSmall span.prAheader {display: block; width: 190px; height: auto; margin-left: 2px; padding: 3px 5px 3px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #fffffe; background-color: #ec008c;}
a.prSmall:hover span.prAheader {background-color: #0b3969;}
a.prSmall span {display: block; width: 190px; height: auto; padding: 0 5px 0 7px; float: left; cursor: pointer;}

p.oops {
	font-size: 90%;
	margin: 5px 5px 5px 0;
}
a.oops {
	font-size: 75%;
}

#prViewCocon, #prPreviewCocon {
	width: 100%;
	/*background-color: #fff;*/
	text-align: center;
	padding: 7px 0 0 0;
}
#prPreviewCocon {
	padding: 0 0 15px 0;
	border-bottom: #0b3969 solid 2px;
}
img#prView {
	width: auto;
	height: 280px;
	border: #ec008c solid 2px;
	background-color: #fff;
	background-image: url(../images/loading_rotor.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
a.prApreview img {
	width: 75px;
	height: 75px;
	border: #fffffe solid 2px;
	background-color: #fff;
	background-image: url(../images/loading_rotor.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
a.prApreview:hover img {
	border-color: #0b3960;
}
a.prApreviewOn img  {
	width: 75px;
	height: 75px;
	border: #ec008c solid 2px;
	background-color: #0033CC;
	background-image: url(../images/loading_rotor.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
h3.prInfo {
	font-size: 90%;
	padding: 0 0 0 10px;
	margin: 10px 0 -10px 0;
}
table.prInfo {
	width: 100%;
	margin: 20px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	border-top: #ddd solid 1px;
}
table.prInfo td {
	padding: 2px 20px 5px 10px;
	border-bottom: #ddd solid 1px;
}
table.prInfo tr.header td {
	font-size: 80%;
	font-weight: bold;
}
table.prInfo tr.header2 td {
	padding: 10px;
	border-top: none;
	font-weight: bold;
}

/*************************************************
	Banners
*************************************************/
.bnCenterBig {width: 600px;}
.bnCenterBig h3 {width: 586px; margin: 0 0 -2px 0; padding: 2px 5px 2px 5px; float: left; font-size: small; font-weight: normal; color: #fffffe; background-color: #3f5da7; border: #fff solid 2px;}
.bnCenterBig img {border: #fff solid 2px; border-top: none; float: left;}
.bnCenterBig p {margin: 0; padding: 5px; font-size: x-small; background-color: #fff;}
.bnCenterBig a {clear: both; display: block; width: 200px; height: 19px; margin: 0 auto 20px 390px; background-image: url(../images/bn-center-big-more.jpg); background-position: 0 0; padding-top: 3px; text-align: center; font-size: 12px; color: #fffffe;}
.bnCenterBig a:hover {background-position: 0 -22px;}

a.bnCenterSmall {display: block; width: 278px; height: 198px; margin: 0 15px 20px 0; border: #fffffe solid 1px; float: left; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-decoration: none; color: #0b3960;}
a.bnCenterSmall:hover {padding: 0; border-color: #0b3960;}
a.bnCenterSmall span.bnAheader {display: block; height: auto; margin: 2px 2px 0 2px; padding: 3px 5px 3px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #fffffe; background-color: #ec008c;}
a.bnCenterSmall:hover span.bnAheader { background-color: #0b3969;}
a.bnCenterSmall img {border: none; margin-left: 2px;}
a.bnCenterSmall span {display: block; height: 65px; padding: 0 5px; background-color: #fff; cursor: pointer;}

a.bnCenterSmallFree {display: block; width: 278px; height: auto; margin: 0 15px 15px 0; padding-bottom: 5px; border: #fffffe solid 1px; float: left; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-decoration: none; color: #0b3960;}
a.bnCenterSmallFree:hover {border-color: #0b3960;}
a.bnCenterSmallFree span.bnAheader {display: block; height: auto; margin: 2px 2px 0 2px; padding: 3px 5px 3px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #fffffe; background-color: #ec008c;}
a.bnCenterSmallFree:hover span.bnAheader {background-color: #0b3969;}
a.bnCenterSmallFree img {border: none; margin-left: 2px;}
a.bnCenterSmallFree span {display: block; height: auto; padding: 0 5px; background-color: #fff;}