﻿html, body {height: 100%;}

body {
	margin: 0;
	color: #333;
	min-width: 968px;
	font: 11px arial, helvetica, sans-serif;
	background: #9D9FA2 url("/resources/images/templates/bg-body.gif") repeat-x;
}
/*--- general ---*/
img {border-style: none;}

form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input, select, textarea {
	margin: 0;
	color: #999;
	vertical-align: middle;
	font: 10px arial, helvetica, sans-serif;
}
a {
	color: #498b98;
	text-decoration: none;
}
a:hover {text-decoration: underline;}

.blue
{
	color:#5eb1c2;
}

#page {
	width: 968px;
	margin: 0 auto;
	padding: 10px 0;
}
.page-t,
.page-b {
	width: 968px;
	height: 10px;
	overflow: hidden;
}
.page-t {background: url("/resources/images/templates/top-1.png") no-repeat;}
.page-b {background: url("/resources/images/templates/bot-1.png") no-repeat;}

.page-m {
	width: 950px;
	padding: 0 9px;
	background: url("/resources/images/templates/mid-1.png") repeat-y;
}
#header {
	width: 100%;
}
.wrap-header {
	width: 100%;
	overflow: hidden;
}
.logo {
	float: left;
	text-indent: -9999px;
	padding: 16px 0 0 24px;
}
.logo a {
	width: 156px;
	height: 26px;
	display: block;
	overflow: hidden;
	background: url("/resources/images/templates/logo.gif") no-repeat;
}
.forms {
	float: right;
	width: 489px;
	padding: 11px 17px 12px 0;
	background: url("/resources/images/templates/sep-1.gif") no-repeat 285px 7px;
}
.form-subscribe {
	position:relative;
	left:-20px;
	float: left;
	width: 293px;
}
.form-subscribe label,
.form-search label {
	height: 1%;
	color: #555;
	display: block;
}
.form-subscribe label {
	height: 1%;
	text-align: right;
	padding: 0 26px 5px 0;
}
.form-search label {padding: 0 0 5px 7px;}

.form-subscribe select {
	float: left;
	width: 120px;
	margin: 0 0 0 7px;
}
.form-subscribe .input,
.form-search .input {
	float: left;
	height: 21px;
}
.form-subscribe .input {
	width: 141px;
	background: url("/resources/images/templates/input-1.gif") no-repeat;
}
.form-search .input {
	width: 148px;
	background: url("/resources/images/templates/input-2.gif") no-repeat;
}
.form-subscribe .input input,
.form-search .input input {
	border: 0;
	padding: 0;
	float: left;
	background: none;
	margin: 3px 0 0 7px;
}
.form-subscribe .input input {width: 127px;}
.form-search .input input {width: 134px;}

.form-subscribe .btn-go,
.form-search .btn-go {
	float: left;
	margin: 0 0 0 7px;
}
.form-subscribe .row,
.form-search .row {
	width: 100%;
	overflow: hidden;
}
.form-search {
	float: left;
	width: 173px;
	padding: 0 0 0 23px;
}
.main-nav {
	margin: 0;
	height: 1%;
	overflow: hidden;
	list-style: none;
	background: #5EB1C2;
	padding: 0 0 0 24px;
}
.main-nav li {float: left;}

.main-nav li a {
	float: left;
	color: #fff;
	font-size: 13px;
	line-height: 26px;
	font-weight: bold;
	padding: 1px 15px 0;
}
.main-nav li a:hover,
.main-nav li a.active {
	color: #404041;
	background: #C1E6EB;
	text-decoration: none;
}
/*--- hover---*/
.hover0
{
display:block;
width:233px;
height:77px;
padding-bottom:13px;
background:url("/resources/images/Templates/ind_00_hover.jpg") no-repeat;
}
.hover0:hover
{
background: url("/resources/images/Templates/ind_00.jpg") no-repeat;
}
.hover1
{
display:block;
width:233px;
height:77px;
padding-bottom:13px;
background:url("/resources/images/Templates/ind_01_hover.jpg") no-repeat;
}
.hover1:hover
{
background: url("/resources/images/Templates/ind_01.jpg") no-repeat;
}
.hover2
{
display:block;
width:233px;
height:77px;
padding-bottom:13px;
background:url("/resources/images/Templates/ind_02_hover.jpg") no-repeat;
}
.hover2:hover
{
background: url("/resources/images/Templates/ind_02.jpg") no-repeat;
}
.hover3
{
display:block;
width:233px;
height:77px;
padding-bottom:13px;
background:url("/resources/images/Templates/ind_03_hover.jpg") no-repeat;
}
.hover3:hover
{
background: url("/resources/images/Templates/ind_03.jpg") no-repeat;
}
.sub-nav {
	margin: 0;
	height: 1%;
	overflow: hidden;
	list-style: none;
	background: #C1E6EB;
	padding: 0 0 0 24px;
	border-bottom: 1px solid #A3D6DF;
}
.sub-nav li {
	float: left;
	padding: 2px 10px 0 11px;
	background: url("/resources/images/templates/sep-2.gif") no-repeat 0 8px;
}
.sub-nav li:first-child {
	padding-left: 15px;
	background-image: none;
}
.sub-nav li a {
	color: #404041;
	font-size: 11px;
	line-height: 24px;
	font-weight: normal;
}
.sub-nav li a.active {font-weight: bold;}

#content {
	width: 100%;
	padding: 5px 0 0;
}
.primary-content {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.product-intro {
	float: left;
	width: 745px;
}
.product-intro .image {
	width: 100%;
	overflow: hidden;
}
.product-intro .image img {display: block;}

.product-intro .description {
	height: 1%;
	color: #444;
	overflow: hidden;
	line-height: 18px;
	background: #F1F1F1;
	padding: 10px 21px 7px;
}
.product-intro .description h1 {
	margin: 0 0 1px;
	font-size: 15px;
}
.product-intro .description h1 a {color: #444;}
.product-intro .description p {margin: 0;}

.product-intro .extra-links {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	text-align: right;
}
.product-intro .extra-links li {font-weight: bold;}
.product-intro .extra-links li.details {font-size: 12px;}
.product-intro .extra-links li.order {font-size: 13px;}
.product-intro .extra-links li a {color: #207287;}

.product-spotlight {
	float: right;
	width: 200px;
	background: url("/resources/images/templates/mid-2.gif") repeat-y;
}
.product-spotlight .title {
	height: 1%;
	padding: 7px 10px 6px;
	background: url("/resources/images/templates/top-2.gif") no-repeat;
}
.product-spotlight .title h2 {
	margin: 0;
	color: #777;
	font-size: 13px;
	line-height: 16px;
}
.product-spotlight .description {
	height: 1%;
	overflow: hidden;
	line-height: 16px;
	padding: 6px 9px 4px;
	background: url("/resources/images/templates/top-3.gif") no-repeat;
}
.product-spotlight .description h3 {
	font-size: 13px;
	margin: 0 0 1px;
}
.product-spotlight .description p {margin: 0 0 2px;}

.product-spotlight ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.product-spotlight ul li {
	height: 1%;
	font-weight: bold;
	padding: 0 0 2px 18px;
	background: url("/resources/images/templates/ico-1.gif") no-repeat 2px 2px;
}
.product-spotlight .description img {
	float: right;
	margin: 2px 0 0 5px;
}
.products-overview {
	overflow: hidden;
	min-height: 20px;
	padding: 4px 9px 3px;
	border-top: 1px solid #DDD;
	background: url("/resources/images/templates/bot-2.gif") no-repeat 0 100%;
}
* html .products-overview {height: 20px;overflow: visible;}

.secondary-content {
	width: 100%;
	overflow: hidden;
	padding: 0 0 15px;
}
.categories {
	width: 956px;
	overflow: hidden;
	margin: 0 -6px 12px 0;
}
.categories .category {
	float: left;
	width: 233px;
	margin: 0 6px 0 0;
	background: #5eb1c2;
	padding: 0 0 14px;
}
.categories .category img {
	display: block;
	margin: 0 auto 13px;
}
.categories .category h4 {
	margin: 0;
	font-size: 13px;
	line-height: 16px;
	padding: 0 21px;
}
.categories .category h4 a {color: #fff; text-transform:none;}

.product-links {
	width: 100%;
	overflow: hidden;
	line-height: 18px;
}
.product-links h5 {
	margin: 0;
	color: #5eb1c2;
	font-size: 14px;
	padding: 0 0 14px;
}
.product-links ul {
	margin: 0;
	float: left;
	width: 148px;
	list-style: none;
	padding: 0 10px 0 0;
}
.product-links ul li {
	height: 1%;
	padding: 0 0 0 11px;
	background: url("/resources/images/templates/ico-2.gif") no-repeat 0 7px;
}
.product-links ul li a {color: #444;}

.product-links .find-products {
	float: left;
	width: 316px;
	padding: 0 0 0 21px;
}
.product-links .online-support {
	float: left;
	width: 316px;
}
.product-links .service {
	float: left;
	width: 314px;
	margin: 0 -20px 0 0;
	padding: 0 0 0 3px;
}
.product-links .service ul {
	width: 137px;
	padding: 0 20px 0 0;
}
#footer {
	height: 1%;
	color: #fff;
	padding: 0 20px;
	overflow: hidden;
	line-height: 16px;
}
#footer a {color: #fff;}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li {
	display: inline;
	padding: 0 3px 0 6px;
	background: url("/resources/images/templates/sep-3.gif") no-repeat 0 2px;
}
#footer ul li:first-child {
	padding-left: 0;
	background-image: none;
}
#footer .contact-info {float: right;}

/* page-2 */

.wrap-content {
	width: 100%;
	overflow: hidden;
	padding-bottom: 31px;
}
.primary-content-2 {
	float: right;
	width: 745px;
}
.main-info {
	clear:both;
	float:left;
	width: 100%;
	margin-bottom: 5px;
	background: url("/resources/images/templates/mid-4.gif") repeat-y;
}
.main-info-t {
	clear:both;
	float:left;
	width: 100%;
	background: url("/resources/images/templates/top-4.gif") no-repeat;
}
.main-info-b {
	clear:both;
	float:left;
	width: 100%;
	background: url("/resources/images/templates/bot-4.gif") no-repeat 0 100%;
}

.products {
	width: 100%;
	padding: 0 0 2px;
	line-height: 18px;
	position:relative;
	overflow:hidden;
	font-size:12px;
}
.products .title {
	height: 1%;
	padding: 7px 10px 5px;	
}
.products .title h1 {
	margin: 0;
	color: #bbb;
	font-size: 14px;
}
.products .crumb
{
	width:100%;
	position:absolute;
	left:0;
	margin-top:0px;
	padding:5px 12px;
	border-bottom: 1px solid rgb(221,221,221);
	color:#999;
	font-size:11px;
}
.products .product {
	height: 1%;
	overflow: hidden;
	min-height: 143px;
	padding: 12px 10px 7px;
	background: url("/resources/images/templates/top-5.gif") no-repeat;
}
.products .product-first
{	
	padding-top:35px;
}
.products .product .description {
	float: left;
	width: 493px;
}
.products .product .image {
	float: left;
	width: 231px;
	padding: 20px 0 0;
}
.products .product .image img {display: block;}

.products .product .image .image-1 {
	float: left;
	width: 85px;
	padding: 25px 0 0;
}
.products .product .image .image-1 .col {
	float: right;
	width: 42px;
}
.products .product .image .image-1 ul {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	list-style: none;
}
.products .product .image .image-1 ul li {
	float: left;
	padding: 0 10px 10px 0;
}
.products .product .image .image-2 {
	float: left;
	width: 146px;
}
.products .product h2 {
	font-size: 14px;
	margin: 0 0 10px;
}
.products .product p {margin: 0 0 13px;}

.products .product .lists {
	width: 100%;
	overflow: hidden;
}
.products .product .lists ul {
	margin: 0;
	float: left;
	width: 231px;
	list-style: none;
	font-weight: bold;
	padding: 0 0 0 10px;
}
.products .product .lists ul a {color: #333;}

.order-now {
	margin: 0;
	padding: 5px 0 0;
	list-style: none;
}
.order-now li {
	height: 1%;
	font-weight: bold;
	padding: 0 0 0 17px;
	background: url("/resources/images/templates/ico-1.gif") no-repeat 0 3px;
}
.secondary-content-2 {
	float: left;
	width: 200px;
}
.extra-info {
	width: 100%;
	margin-bottom: 5px;
	background: url("/resources/images/templates/mid-2.gif") repeat-y;
}
.extra-info-t {background: url("/resources/images/templates/top-2.gif") no-repeat;}

.extra-info-b {
	clear:both;
	float:left;
	width: 100%;
	/*min-height: 208px;*/
	background: url("/resources/images/templates/bot-2.gif") no-repeat 0 100%;
}
.sep-info {background: url("/resources/images/templates/top-3.gif") repeat-x;}

.extra-info-b .title {
	height: 1%;
	padding: 7px 9px 6px;
}
.extra-info-b .title h3 {
	margin: 0;
	color: #777;
	font-size: 13px;
	line-height: 16px;
}
.extra-info-b .select {
	height: 1%;
	overflow: hidden;
	padding: 17px 8px 6px;
}
.extra-info-b .select select {width: 138px;}

.extra-info-b .tree-link {
	margin: 0;
	height: 1%;
	color: #777;
	list-style: none;
	padding: 5px 0 0;
}
.extra-info-b .tree-link li{
	width:180px;
	padding: 10px 10px;
	border-top:1px solid #ddd;
}
.extra-info-b .tree-link li.first{
	border-top:0;
}




.extra-info-b .tree-link li.level5
{
	width:175px;
	padding: 0px 10px 10px 15px;
	background: url(/resources/images/templates/bg-subitem.gif) no-repeat 10px 6px;
	border:0px;
}


.extra-info-b .tree-link li.level6
{
	width:170px;
	padding: 0px 10px 10px 20px;
	background: url(/resources/images/templates/bg-subitem.gif) no-repeat 15px 6px;
	border:0px;
}

.extra-info-b .checks {
	margin: 0;
	height: 1%;
	color: #777;
	list-style: none;
	padding: 16px 10px 4px;
}
.extra-info-b .checks li {
	clear:both;
	float:left;	
	width: 100%;
	padding: 0 0 11px;
}
.extra-info-b .checks li input {
	float:left;
	width: 15px;
	height: 15px;
	margin: 0 3px 0 0;
}
.extra-info-b .checks li label {
	float:left;
	font-size:12px;	
	/*width: 160px;*/
	width:144px;
	vertical-align: middle;
}

.extra-info-b .checks li img
{
	float:left;
	width:16px;
	
}

.compare-products {
	margin: 0;
	height: 1%;
	overflow: hidden;
	list-style: none;
	padding: 14px 15px 0 10px;
}
.compare-products li {
	clear:both;
	width: 100%;
	padding: 0 0 14px;
}
.compare-products li a {
	line-height: 16px;
	font-weight: bold;
}
.compare-products li a img {
	float: right;
	margin: 0 0 0 20px;
}
.compare-links {
	height: 1%;
	overflow: hidden;
	line-height: 18px;
	font-weight: bold;
	padding: 3px 10px 5px;
	border-top: 1px solid #DDD;
}
.compare-links .compare {float: left;}
.compare-links .erase {float: right;}

.title-sub
{
	overflow:hidden;
	clear:both;
	float:left;
	width:724px;
	border-bottom: 1px solid rgb(221,221,221);
}

.content
{
	clear:both;
	float:left;
	width:741px;
	padding:1px 2px 1px 2px;
	font-size:12px;
}

.content h1
{
	font-size:18px;
	padding:0px;
	margin:0px 0px 15px 0px;
	color: rgb(97,175,197);
}

.content h2
{
	font-size:14px;
	padding:0px;
	margin:0px 0px 15px 0px;
	color: rgb(97,175,197);
}

.content-bg
{
	clear:both;
	float:left;
	padding:15px 10px;
	width:721px;
	background: url(/resources/images/templates/bg-content.gif) repeat-x top left;
}

.content-bg .crumb
{
	position:relative;
	margin:-15px -12px 15px;
	padding:5px 12px; 
	border-bottom: 1px solid rgb(221,221,221);
	color: #999;
	font-size:11px;
}

.news {	
	clear:both;
	border-top:1px solid #ddd;	
}
.news h2 {
	margin: 0 0 10px;
	padding:0;
	color: #bbb;
	font-size: 14px;
}
.news-front h2 {
	margin: 0 0 10px;
	padding:0;
	color: #bbb;
	font-size: 14px;
}
.news p
{
	margin:0;
	padding:0;
}
.news div
{
	min-height: 92px;
	padding: 10px;
}
.news-first
{
	border-top:0px;
	background: url("/resources/images/templates/top-5.gif") no-repeat 0px 0px;	
}
.news-first div
{
	margin:1px;
	padding-top:35px;	
}

.paging-top
{
	float:right;
	margin-top:-24px;
}
.paging-top h1
{
	margin: 0;
	color: #bbb;
	font-size: 14px;
}

a.arrow
{
	background: url("/resources/images/templates/ico-1.gif") no-repeat 2px 2px;
	padding-left:18px;
}

.product-stats
{
	clear:both;
	padding:20px 0;
}
.product-stats table
{
	border-collapse:collapse;
}
.product-stats table tr
{
	background:#c1eceb;
}
.product-stats table tr.even
{
	background:#5eb1c2;
}
.product-stats table th
{
	text-align:left;
	vertical-align:top;
	width:150px;
	border:2px solid #fff;
	padding:5px;
}
.product-stats table td
{
	text-align:left;
	vertical-align:top;
	width:180px;
	border:2px solid #fff;
	padding:5px;
}
.product-desc
{
	width:585px;
	padding:0 0 0 160px;
}
.product-desc .cols
{		
	float:left;
	text-align:center;
	width:176px;
	height:185px;
	padding:5px;
	border-left:1px solid #ccc;
}