body, html {margin: 0; padding: 0px; border: 0; font-family: Arial, Helvetica, sans-serif; color: #000000;}
body {background: #fff url('../images/bgr_page.jpg') repeat-x; font-size: 12px;}
a {text-decoration: none; color: #006faf;}
a:hover {color: #0094e9; text-decoration: underline;}
p {margin: 0 0 1.1em 0; padding: 0;}
td {vertical-align: top;}
b, strong {font-weight : bold;}
img {border: 0;}
.clear {clear: both;}
h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #006faf;}
h1 {font-size : 20px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h2 {font-size : 18px; font-weight: bold; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h3 {font-size : 14px; font-weight: bold; margin:0 0 6px 0; padding:0; line-height: 1.1em;}
h4 {font-size : 12px; font-weight: bold; margin:0 0 5px 0; padding:0; line-height: 1.1em;}
.blueText {color: #006faf;}
.imgLeft {float: left; margin: 0 20px 15px 0;}
.imgRight {float: right; margin: 0 0 15px 20px;}
/* Basic layout definition */
#header,
#topNav,
#pageContent,
#footer {width: 970px; margin: 0 auto 0 auto; clear: both;}
/* Header */
#header {height: 90px; background-repeat: no-repeat; position: relative; background: url('../images/bgr_header.jpg') no-repeat 0 0;}
#header #logo {margin: 0; padding: 0;}
#logoPrint {display: none;}
#topLinks1 {position: absolute; top: 15px; right: 0;}
#topLinks1 ul {margin: 0; padding: 0; list-style: none;}
#topLinks1 li {float: left;}
#topLinks1 img {margin: 0 0 0 2px;}
#topLinks1 a:hover {text-decoration: none;}
#topLinks1 #icoNews {background: url('../images/ico_news.gif') no-repeat; display: block; padding: 0 10px 0 20px; margin-right: 8px; border-right: 1px solid #c2d6eb;}
#topLinks2 {position: absolute; top: 65px; right: 15px;}
#topLinks2 ul {margin: 0; padding: 0; list-style: none;}
#topLinks2 li {float: left;}
#topLinks2 a {font-weight: bold; display: block; padding: 2px 20px 2px 25px; margin: 0; border-left: 1px solid #b0cce5; color: #000;}
#topLinks2 a:hover {color: #006faf; text-decoration: none;}
#topLinks2 #icoShop {background: url('../images/ico_shop.gif') no-repeat 8px 0;}
#topLinks2 #icoContact {background: url('../images/ico_contact.gif') no-repeat 8px 0;}
#topLinks2 #icoChat {background: url('../images/ico_chat.gif') no-repeat 8px 0; padding-left: 30px;}
#topLinks2 #icoEmail {background: url('../images/ico_email.gif') no-repeat 8px 0; padding-left: 30px;}
/* Top Navigation */
#topNav {background: url('../images/bgr_topnav.png') no-repeat; height: 35px; z-index: 100;}
#topNav ul {margin: 0; padding: 0 0 0 0; list-style: none; border-left: 1px solid #c2d6eb; overflow: hidden;}
#topNav li {float: left; padding: 0px 0 0 0;}
#topNav a {color: #006faf; font-weight: bold; font-size: 16px; display: block; padding: 7px 22px 7px 22px; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #c2d6eb;}
#topNav a.selected,
#topNav a:hover {color: #0094e9;}
/**
HOME PAGE
**/
/* Homepage Block */
#mainBanner {height: 300px; position: relative; margin: 0 0 1px 0;}
#mainBanner .leftColumn {float: left; width: 725px; height: 300px; overflow: hidden;}
#mainBanner .rightColumn {float: left; background: url('../images/bgr_globe.jpg') no-repeat 0 0; width: 245px; height: 300px; color: #fff;}
#mainBanner .innerPadding {padding: 20px;}
#mainBanner h1 {color: #fff; font-size: 28px; font-weight: normal; letter-spacing: -1px; line-height: 1.0em;}
#mainBanner .banner {}
/* Slideshow */
#slideshow {position: relative;}
#bigPhotos {position: absolute; top: 0px; left: 0px;}
#featuredItems {margin: 0; padding: 0; list-style: none; position: relative;}
#featuredItems li {position: absolute; top: 0; left: 0;}
#bigPhotos #contactPanels {position: absolute; top: 213px; left: 350px; width: 100px; height: 57px;}
#thumbnailPanel {position: absolute; top: 0px; right: 0px; z-index: 99;}
#thumbnails {padding: 0; height: 300px; overflow: hidden;}
#thumbnails ul {margin: 0; padding: 0; list-style: none;}
#thumbnails li {margin: 0 0 1px 0;}
#thumbnails .spacer {height: 150px; width: 30px; background: url('../images/bgr_blue_semitrans.png');}
#thumbnails a {border: 0px solid #FFF; display: block; outline: none; background: url('../images/bgr_blue_semitrans.png');}
#thumbnails a:hover {border: 0px solid #868736;}
#thumbnails li.selected a,
#thumbnails a.selected {background: none !important;}
/* Homepage panel */
#hpPanel {background: #002f5a url('../images/bgr_hp_panel.jpg') repeat-x 0 0; padding: 20px 0 25px 0; color: #FFF; font-size: 11px;}
#hpPanel .separators {background: url('../images/bgr_separators1.gif') repeat-y 0 0; overflow: hidden;}
#hpPanel .leftCol,
#hpPanel .middleCol,
#hpPanel .rightCol {float: left; width: 323px; margin: 0;}
#hpPanel a {color: #fff; text-decoration: none;}
#hpPanel a:hover {color: #cdb26d;}
#hpPanel .innerPadding {padding: 0px 20px 0 20px;}
#hpPanel h1 {padding: 0 0 5px 0; margin: 0; font-size: 16px; color: #91dbff; font-weight: bold;}
#hpPanel ul {margin: 0 0 15px 15px; padding: 0;}
#hpPanel img {float: left; margin: 0 20px 0 0;}
/* Middle panel */
#middlePanel {padding: 0; background: url('../images/bgr_separators2.gif') repeat-y 0 0; margin: 20px 0 20px 0;}
#middlePanel .leftCol,
#middlePanel .middleCol,
#middlePanel .rightCol {float: left; width: 323px; margin: 0;}
#middlePanel a {text-decoration: none;}
#middlePanel a:hover {}
#middlePanel .innerPadding {padding: 0px 20px 0 20px;}
#middlePanel ul {margin: 0; padding: 0; clear: both;}
#middlePanel .icon {float: left; margin: 0 20px 15px 0;}
#middlePanel h1 {margin: 0 0 4px 0;}
.sectionSeparator {}
/* Simple list */
ul.simpleList {margin: 0 0 0 0; padding: 0; list-style: none;}
ul.simpleList li {margin: 0; padding: 5px 0 5px 13px; border-bottom: 1px dotted #b0cce5; background: url('../images/bullet01.png') no-repeat 0 10px;}
.shadedList li {padding-left: 23px !important; background: url('../images/bullet01.png') no-repeat 10px 10px !important;}
.shadedList .shaded {background-color: #d8e5f1 !important;}
.noBullets {margin-left: 0;}
.noBullets li {padding-left: 0 !important; background: none !important;}
#chatButton {cursor:pointer; border: 0; margin-top: 10px;}
/**
PAGE
**/
/* Page Banner */
#pageBanner {height: 100px; position: relative; margin: 0 0 1px 0;}
#pageBanner .leftColumn {float: left; width: 725px; height: 100px; background: url('../images/bgr_page_header.jpg') no-repeat 0 0; overflow: hidden;}
#pageBanner .rightColumn {float: left; background: url('../images/bgr_globe.jpg') no-repeat 0 0; width: 245px; height: 100px; color: #fff;}
#pageBanner h1 {color: #fff; font-size: 28px; font-weight: normal; letter-spacing: -1px; line-height: 1.0em; margin: 15px 0 0 20px;}
/* Page Content */
#pageContent {}
#mainCopy {background: #fff url('../images/bgr_main_copy.jpg') repeat-x left bottom; padding: 25px;}
#mainCopy .leftColumn {float: left; width: 195px; margin: 0 20px 0 0;}
#mainCopy .rightColumn {float: right; width: 705px; margin: 0;}
#mainCopy .mainColumn {margin: 0;}
/* Crumbtrail */
#crumbTrail {color: #0094e9; font-size: 11px; border-bottom: 1px solid #d3e4f0; padding: 5px 0 3px 0; margin: 0 0 15px 0;}
#crumbTrail a {color: #2c3c46;}
#crumbTrail a:hover {text-decoration: none; color: #0094e9;}
/* Sub Navigation */
#rightPanel {width: 170px; float: right; padding: 0px 0px 0 20px; margin: 0px 0 30px 30px; font-size : 11pt; border-left: 1px solid #d6d6d6; vertical-align: top; }
#leftPanel {width: 180px; float: left; padding: 0px 20px 0 0; margin: 0px 30px 30px 0; font-size : 10pt; vertical-align: top; }
#leftPanel2 {width: 170px; float: left; padding: 0px 20px 0 0; margin: 0px 30px 30px 0; font-size : 11pt; border-right: 1px solid #d6d6d6; vertical-align: top; }
ul.subNav {list-style: none; margin: 0 0 20px 0; padding: 0;}
ul.subNav li {border-bottom: 1px dotted #d6d6d6; padding: 2px 0 3px 0;font-weight: bold;}
ul.subNav li a {font-size: 12px;}
ul.subNav li a:hover {text-decoration: none;}
ul.subNav h2,
ul.subNav h3,
ul.subNav h4 {color: #333;}
ul.subNav h4 {list-style: none; margin: 0 0 5px 0;}
ul.subNav a.selected {font-weight: bold; color: #0094e9;}
ul.subNav a.selected:hover {text-decoration:none;}
/* Footer */
#footer {line-height: 1.1em; padding: 10px 0 8px 0; font-size: 11px; color: #5e5e5e; border-top: 1px solid #b0cce5;}
#footer #copyright {float: left;}
#footer #copyright img {float: left; margin: -1px 0 0 0;}
#footer #credits {color: #CCC;}
#footer #credits a {color: #CCC; text-decoration: underline;}
#footer #bottomLinks {float: right; padding-right: 8px; line-height: 1.2em; border-right: solid 1px #cccccc; margin-right: 8px;}
#footer #bottomLinks a {font-weight: bold; padding: 3px;}
#footer #bottomLinks a:hover {color: #c60b46; text-decoration: none;}
#footer #socialMediaBar {float: right; line-height: 1.2em; font-weight: bold;}
#footer #socialMediaBar a {color: #ef9e1b; font-size: 11px;}
#footer #socialMediaBar a:hover {color: #c60b46; text-decoration: none;}
#footer #socialMediaBar imgx {margin-left: 2px; margin-right: 2px; vertical-align: middle;}
/* Forms */
form {padding: 0px; margin: 0px;}
input, textarea {padding-left:2px; padding-right:2px; border: 1px solid #9e9e9e;}
/* Products */
.spec-left {float: left; text-align: right; font-weight: bold; width: 30%; padding: 4px 12px 4px 0; clear: left; display: block; border-top: dotted 1px #cccccc;}
.spec-right {float: left; text-align: left; font-weight: normal; width: 60%; padding: 4px 0 4px 0; display: block; clear: right; border-top: dotted 1px #cccccc;}
.spec-title {float: left; text-align: left; font-weight: bold; width: 92%; padding: 4px 0 4px 0; display: block; clear: both; border-top: dotted 1px #cccccc;}
/* Catalog */
#downloadCatalog ul {margin: 0 0 0 0; padding: 0; list-style: none;}
#downloadCatalog ul li {width: 180px; float: left; margin: 0 30px 0 0; padding: 5px 0 5px 13px; border-bottom: 1px dotted #b0cce5; background: url('../images/bullet01.png') no-repeat 0 10px;}
/* Header */
#topBanner {color: #000000; margin: 15px auto 0 auto; position: relative; width: 940px; background: #eeeeee; padding: 6px 15px 6px 15px; font-weight: bold;}
#topBanner a {text-decoration: none;}
#topBanner a:hover {text-decoration: underline;}
#topBanner .leftCol {width: 50%; text-align: left;}
#topBanner .rightCol {text-align:right;}
.f {
visibility:hidden
}