﻿@charset "utf-8";
/********************************************************************************************* basic definitions */
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
h1, h2, h3, h4 {
	font-size:24px;
	font-weight:normal;
	margin-top:0px;
	/*text-transform:capitalize;*/
	color:#115e96;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
	/*padding-left:31px;
	background:url(/images/bullet.png) left 4px no-repeat;*/
}
h4 {
	font-size:13px;
	font-weight:bold;
}
a {
	text-decoration:underline;
	color:#115e96;
}
a:hover {
	text-decoration:none;
	color:#000;
}
a:active, a:focus, a:hover {
	outline:none;
}
.cleaner {
	clear:both;
}
img {
	border:none;
	-ms-interpolation-mode:bicubic;
}
table {
	width:auto;
	margin-bottom:16px;
	border-collapse:collapse;
}
table td {
	padding:4px 8px 4px 8px;
	white-space:nowrap;
}
table .odd {
	background:#f5f5f5;
}
table .midCol {
	width:100%;
}
table .rightCol {
	text-align:right;
}
p {
	margin-top:0px;
}
.invert {
	padding-left:4px;
	padding-right:4px;
	color:#fff;
	background-color:#a4c4eb;
}
.strike {
	text-decoration:line-through;
}
hr {
	height:1px;
	margin-bottom:12px;
	background-color:#dcdcdc;
	border:0;
}
.btn1, .btn2 {
	display:block;
	padding:5px 7px 5px 7px;
	color:#fff;
	text-decoration:none;
	background:#115e96;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.btn1:hover, .btn2:hover {
	color:#fff;
	background:#1471b6;
}
.btn2 {
	background:#8c8c8c;
}
.btn2:hover {
	background:#969696;
}

/********************************************************************************************* layout */
.all {
	min-height:500px;
	*height:500px;
	background:url(/images/gradient.png) repeat-x;
}
.left {
	width:50%;
	height:90px;
	position:absolute;
	top:36px;
	left:0px;
	background:#7093be;
}
.right {
	width:50%;
	height:90px;
	position:absolute;
	top:36px;
	right:0px;
	background:#a4c4eb;
}
.main {
	width:967px;
	position:relative;
	margin:0 auto;
}

/********************************************************************************************* header */
.menuTop {
	height:36px;
	padding:0px 16px 0px 16px;
}
.menuTop ul {
	padding:0px;
	margin-top:10px;
}
.menuTop ul li {
	list-style:none;
	float:left;
}
.menuTop .menuTopLeft {
	float:left;
	margin-left:0px;
}
.menuTop .menuTopLeft li {
	margin-right:12px;
	padding-right:12px;
	background:url(/images/separatorText.png) right no-repeat;
}
.menuTop .menuTopLeft .noSeparator {
	margin-right:12px;
	padding-right:0px;
	background-image:none;
}
.menuTop .menuTopRight {
	float:right;
}
.menuTop .menuTopRight li {
	margin-left:8px;
	padding-left:16px;
}
.menuTop .menuTopRight .sitemap {
	background:url(/images/icoSitemap16.png) left 0px no-repeat;
}
.menuTop .menuTopRight .print {
	background:url(/images/icoPrint16.png) left 0px no-repeat;
}
.menuTop .menuTopRight .noSeparator {
	width:239px;
	margin-left:12px;
	padding-left:0px;
	background-image:none;
}
.menuTop .menuTopRight .input {
	width:182px;
	border:none;
	background:none;
}
.menuTop .menuTopRight .inputBack {
	width:182px;
	height:20px;
	float:left;
	padding:0px 4px 2px 4px;
	margin:-2px 0 0 0;
	_margin:0;
	background:url(/images/input.png) no-repeat 0px 0px;
}
.menuTop .menuTopRight .search {
	width:45px;
	height:20px;
	padding:0px 4px 4px 4px;
	margin:-2px 0 0 0;
	_margin:0;
	float:right;
	border:none;
	background:url(/images/bulletSearch.png) no-repeat;
	cursor:pointer;
}
.header {
	height:90px;
	position:relative;
	background:url(/images/header.jpg) no-repeat;
}
.header .logo {
	position:absolute;
	left:56px;
	top:2px;
}
.header .logo a {
	width:218px;
	height:98px;
	display:block;
	background:url(/images/logo.png) no-repeat;	
}

/********************************************************************************************* breadcrumb */
.breadcrumb {
	padding-left:16px;
	margin-left:0px;
	margin-top:16px;
	font-size:11px;
}
.breadcrumb li {
	list-style:none;
	float:left;
	margin-right:12px;
	padding-right:12px;
	background:url(/images/separatorText.png) right no-repeat;
}
.breadcrumb .noSeparator {
	margin-right:12px;
	padding-right:0px;
	background-image:none;
}

/********************************************************************************************* content */
.content {
	padding:16px 16px 0px 16px;
	*padding:0px 16px 0px 16px;	
}
.content ul li {
	list-style:square;
}
.content .more {
	padding-right:20px;
	background:url(/images/icoMore16.png) center right no-repeat;
}
.content .boxThird h2 {
	margin-top:0px;
}
.content .boxThird {
	width:301px;
	position:relative;
	margin:0px 16px 16px 0px;
	float:left;
}
.content .boxThird .boxThirdHeader {
	height:7px;
	_margin-bottom:-8px;
	background:url(/images/boxTop.png) top no-repeat;
}
.content .boxThird .boxThirdBody {
	height:auto;
	padding:1px 8px 1px 8px;
	background:url(/images/boxMid.png) repeat-y;
}
.content .boxThird .boxThirdBody p {
	margin-bottom:0px;
}
.content .boxThird .boxThirdBody .offerImage {
	display:block;
	position:relative;
	text-decoration:none;
	text-align:center;
}
.content .boxThird .boxThirdBody .offerCorner {
	width:91px;
	height:90px;
	position:absolute;
	top:2px;
	right:2px;
	padding:4px 4px 0px 0px;
	color:#FFF;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
	background:url(/images/specialOffer.png) no-repeat;
	cursor:pointer;
}
.content .boxThird .boxThirdFooter {
	height:7px;
	font-size:0px;
	background:url(/images/boxBottom.png) top no-repeat;
}
.content .boxRight {
	margin-right:0px;
	_margin-right:-10px;
}
.content .frame301 {
	width:301px;
	height:301px;
	position:relative;
	margin-bottom:16px;
}
.content .frame301 a {
	display:block;
	width:301px;
	height:301px;
	position:absolute;
	text-decoration:none;
	cursor:pointer;
	background:url(/images/frame_301.png) left top no-repeat;
	z-index:110;
}
.content .frame301 img {
	display:block;
	width:301px;
	height:301px;
	position:absolute;
	z-index:100;
}
.contentLeft {
	width:618px;
	float:left;
}
.contentRight {
	width:301px;
	float:right;
	position:relative;
}
.content .boxThird ul {
	padding:0px;
	margin:0px;
}
.content .boxThird li {
	margin:0px;
	list-style:none;
	line-height:20px;
}
.content .boxThird li a {
	padding-left:20px;
	background:url(/images/icoMore16.png) center left no-repeat;
}
.content .boxThird li .contact, .content .boxThird li .whereToBuy, .content .boxThird li .download {
	padding-left:20px;
	background:url(/images/icoContact16.png) center left no-repeat;
}
.content .boxThird li .whereToBuy {
	background:url(/images/icoBuy16.png) -2px center no-repeat;
}
.content .boxThird li .download {
	background:url(/images/icoDownload16.png) center left no-repeat;
}

/********************************************************************************************* footer */
.footer {
	margin:24px 16px 8px 16px;
	border-top:#dcdcdc solid 1px;
}
.footer ul {
	padding:0px;
	margin-top:10px;
}
.footer ul li {
	list-style:none;
	float:left;
}
.footer .menuFooterLeft {
	float:left;
	margin-left:0px;
	_margin-left:16px;
}
.footer li {
	margin-right:12px;
	padding-right:12px;
	background:url(/images/separatorText.png) right no-repeat;
}
.footer .menuFooterLeft .noSeparator {
	margin-right:12px;
	padding-right:0px;
	background-image:none;
}
.footer .menuFooterRight .noSeparator {
	margin-right:0px;
	padding-right:0px;
	background-image:none;
}
.footer .menuFooterRight {
	float:right;
}

/********************************************************************************************* form */
fieldset {
	border:1px solid #dcdcdc;
	padding:8px;
}
legend {
  padding:8px;
  margin:0px 0px 12px 0px;
  border:1px solid #dcdcdc;
  color:#115e96;
  font-size:13px;
  font-weight:bold;
}
.form-required {
	color:#ff0000;
}
.form-label {
	display:inline-block;
	width:250px;
}
.form-validation-control {
	margin-left:5px;
	font-size:11px;	
}

/********************************************************************************************* colors */
.magenta, .magenta a {
	color:#850c70;
}
.green, .green a {
	color:#007947;
}
.aqua, .aqua a {
	color:#007b85;
}
.red, .red a {
	color:#e31937;
}
.blue, .blue a {
	color:#1c3f94;
}
.rubine, .rubine a {
	color:#cf035c;
}
.yellow, .yellow a {
	color:#000;
}
.orange, .orange a {
	color:#ff5a00;
}
