/* CSS Document */
body { margin:0; background:#0c8fc6 url(../images/bg_page.gif) repeat-x; }
body,h1,h2,h3,input,select,textarea,table,label { font:12px Arial, Helvetica, Verdana, sans-serif; color:#676665; }
h1,.h1 { margin:13px 0 15px 15px; padding-bottom:10px; font-weight:bold; font-size:18px; color:#3e86c7;}
h2,.h2 { margin:8px 0 5px 0; font-weight:bold; font-size:12px; color:#0060b6; }
form { margin:0; padding:0; }
a { color:#004c7e; text-decoration:none;}
a img { border:0; }
hr { margin:20px 0; _margin:5px 0; color:#e2e3e4; background:#e2e3e4; border:0 none; height:1px; }
.Clear { clear:both; }
.MoreInfo { color:#848387; text-decoration:underline; }

/* Layout */
#Wrapper { margin:0 auto; width:755px;}
#Header { width:755px; height:135px;}
#Breadcrumbs {width:735px; padding: 10px 0 5px 8px;}
#Home { margin-top:10px; width:739px; height:230px; }
#Content { margin-bottom:10px; padding:1px 6px 30px; width:743px;  background-color:#fff;}
#Content .Left { float:left; width:156px; max-width:166px;}
#Content .Right { float:right; margin:5px 5px 0 0; padding-left: 10px; min-height:350px; width:563px; border-left:2px solid #f0f0f0; background: url(../images/portal_right_top.jpg) no-repeat 13px 0px;}
#Content .ProductDetails { float:right; margin:15px 0 0 0; padding-left: 10px; min-height:350px; width:563px; border-left:2px solid #f0f0f0;}
#Content .ProductDetails h1 {display:block; margin:-3px 0; font-weight:600; font-size:26px; color: #0060b6;}
#Content .Right .Portal {margin-left: 10px;}
#Content .Right img.Hero {float:right;}
#Content .Right h1 {display:block; padding: 38px 0 15px; float:left; color: #0060b6; font-size:30px; font-weight:300;}
#Footer {padding-top: 10px; width:755px; color:#fff; background-color: #0c8fc6; text-align:right; } 
#Footer a { color:#fff; }
#Content .ProductDetails .Pdf {padding-left: 45px; background:url(../images/icon_pdf.gif) 12px no-repeat;}
.Pdf a {color: #666; font-weight:bold; font-size:11px; line-height:11px;}
.Pdf a:hover {color: #000;}

/* Menu */
#Menu {width:755px; height:28px; background:#fff; background:url(../images/nav_left.gif) no-repeat}
#Menu ul { margin:0 auto; padding:0; width:740px; list-style:none; }
#Menu ul li { float:left; }
#Menu ul li a { display:block; padding:5px 8px; color:#1d608c; background:url(../images/nav_bullet.gif) no-repeat 0px 8px; text-transform:capitalize; }
#Menu ul li a.First { background:none; }
#Menu ul li a:hover { color:#00253e; }
#Menu ul li.active a { color:#1d608c; font-weight:bold; }

/* Submenu */
.SubMenu { float:left; margin-top:20px;}
.SubMenu ul { margin:0 0 8px 0; padding:0; list-style:none;}
.SubMenu ul li.Spas {display:block; padding-bottom:4px; margin-left:-3px; padding-left:20px; color:#3f4040;}
.SubMenu ul li.Spas a {display:block; padding-left:15px; color:#666; background:transparent url(../images/arrows.gif) 5px 3px no-repeat;}
.SubMenu ul li.Spas a:hover { color:#000; text-decoration:underline; background:url(../images/arrows.gif) 5px -98px no-repeat;}
.SubMenu h2 {margin: 8px; padding-bottom: 10px; color: #666; font-size: 12px; font-weight:bold; border-bottom: #e8e8e8 1px dotted;}
.SubMenu h3 {margin: 2px 2px 2px 5px; padding: 10px 0 0 10px; width: 140px; color: #666; font-size: 12px; font-weight:bold; border-top: #e8e8e8 1px dotted;}
.SubMenu ul li.Product {display:block; margin-left:-3px; padding-bottom:8px; padding-left: 0px;}
.SubMenu ul li.Product a {display:block; padding-left: 25px; color: #0c86bc; font-size: 8.5pt; font-weight:bold; background:url(../images/arrows.gif) 13px -198px no-repeat;}
.SubMenu ul li.Product a:hover { color: #064e6e; background:url(../images/arrows.gif) 13px -297px no-repeat;}
.SubMenu ul li.Selected {display:block; margin-left:-3px; padding-bottom:8px; padding-left: 5px;}
.SubMenu ul li.Selected a {display:block; padding-left: 25px; color: #064e6e; font-size: 8.5pt; font-weight:bold; background:url(../images/arrows.gif) 13px -297px no-repeat;}

/* Forms */
.FormField { border:1px solid #CCC; }
.Form div { clear:both; display:block; margin-top:4px; }
.Form div label { display:block; float:left; margin:4px 0.5em 0 0; width:9.2em; text-align:right; }
.Form div select, form div option { width:auto; padding:0; } 
.Form div table label, .Form div ul label { float:none; width:auto; text-align:left; }
.Form .Req { color:#FF0000; }
.Form .Button { padding:3px; width:80px; background:#0060b6; color:#FFF; border:1px #0e5685 solid; }

/* Homepage */
#Sections { width:739px; background-color:#fff;}
#Sections .Box { padding:8px; color:#004c7e; background:url(../images/bg_portal_box.jpg) repeat-x; text-align:justify;}
#Sections .Box h2 { margin:0 0 10px; color:#0e5685; font-size:20px; font-weight: 100;}
#Sections .Box a { text-decoration:underline; color:#1d3560; }

/* Products */
#ProductListRightBox {float:right; padding-right:10px; width: 265px;}
#ProductListLeftBox {float:left; border-right:1px #e4e5e6 dotted; width: 260px;}
.Item {padding:20px 0 0 0; /*border-bottom:1px dotted #e4e5e6; */ }
.Item div.InfoTxt {float:right; padding: 0 0 5px 0; width: 165px;}
.Item h2 {margin-top: -3px; font-size:16px; font-weight: bold;}
.Item img {float: left; margin:0 5px 10px 0; padding:1px; border:2px solid #CCC;}
.Item a {padding-top: 10px; display:block; font-weight: 700; color: #666;/* font-family:"Times New Roman", Times, serif;  font-size: 14px;*/ }
.Item a:hover {color:#333; text-decoration:underline;}

/* Product List Table */
.ProductList {width: 100%; border: 0; border-collapse:collapse;}
.ProductList td {width: 49%; vertical-align:top; margin:0;padding: 0; border-bottom:1px dotted #e4e5e6;}
.ProductList td.BorderCell {width: 1%; border-left:1px dotted #e4e5e6; border-bottom: none; color:#fff; padding: 2px;}
.ProductList td.EmptyCell {width: 1%; border: none; color:#fff; padding: 2px;}

#FeatureImage {float:left; margin: 0 10px 10px 0; padding: 6px; width: 235px; height: 176; background-color:#e4e5e6; }
#FeatureImage img {width:273; height: 174; border: white 1px solid;}
#FeatureText {float:right; margin: 0 0 10px 0; width: 285px;}

/* Product Detail Table */
.Contact {width: 535px; border: 1px solid #d2d2d2;border-collapse:collapse; background:url(../images/bg_specs.jpg) repeat-x;}
.Contact thead {height: 35px; border-bottom:1px solid #dbdcdd; border-collapse:collapse;background:url(../images/bg_specs.jpg) repeat-x;}
.Contact thead th {margin: 0; padding: 8px 0; width: 90px; height: 18px; color:#666; font-weight:bold; background:url(../images/border_feature_head.gif) repeat-y;}
.Contact thead th.Left {background: none;}
.Contact tbody th {padding: 9px 0 8px 13px; height: 25px; color: #fff; font-weight: bold; text-align: left; background-color:#b7babc; height: 25px}
.Contact td {padding: 3px; color: #333;  text-align: center;background:url(../images/border_feature_head.gif) repeat-y;}
.Contact td.mod {background-color:#f5f5f5;}

#Subscribe .Form .Thankyou { margin:20px 10px 0 0; width:180px; text-align:center }
#Subscribe h1.Failed { padding-left:12px; height:40px; color:#CC3300; }
#Subscribe h1.thanks { text-indent:20px; color: #1d3560;}

#Login { float:left; margin:5px; padding:5px; width:120px; border: 1px solid #d2d2d2; background:url(../images/bg_specs.jpg) repeat-x;}
#Login .Form div {margin:4px; }
#Login .Form label {width:100px; text-align:left;}
#Login .Form .FormField { width:120px;}
#Login .Submit { margin-top:5px; padding:3px; width:120px; color:#FFF; background:#2e4e7c; border:1px solid #525764; }

/* IE Fixes */
* html .SubMenu ul li a { height: 1%; }