html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit; font-family: inherit;
vertical-align: baseline;
}
sup{font-size:70%; vertical-align:super;}
sub {vertical-align:sub;}
strong {font-weight:bold;}
em {font-style:italic;}
.sup{position:relative;top:-5px;left: 1px;font-size:70%;}
.subscript{position:relative;bottom:-5px;left: 1px;font-size:70%;}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1; color: black; background: white; /*was 64%*/ font-size: 62.5%;
}
ol, ul {
list-style: none;
}
/*browser defaults*/
ul {
margin: 10px 0px 10px 15px;
padding-left: 40px;
list-style-position:outside;
list-style-type:disc;
}
li{
margin: 0em 0em 1em 0em;padding:0;
}
ul ul {
margin:0.5em 0em 0em 1.0em;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/**********************************************************/
/* layout */
.print{display:none;}
body {background-color:#415a68; background-image:url(/images/bg/page_bg.jpg); background-position: 0 0; background-repeat:repeat-x; color:#636363;}
label {font-weight:bold; margin:1em 0;}
a {text-decoration:none; color:#6B96AC;}
p, label {font-size:1.2em; color:#636363; line-height:2em;}
h2 {line-height:2em;}
h3 {line-height:1.5em;}
a:hover {color:#243139;}
.errors {color:#FF0000;}
#wrapper {width:900px; margin:0 auto; position:relative;font-family:Arial, Helvetica, sans-serif;}
#header {background-image:url(/images/bg/header_bg.jpg); background-position:0 0; background-repeat:no-repeat; height:118px; background-color:#415a68; width:100%; display:block;}
#header img {padding-top:17px; padding-left:6px}
#pNav {background-image:url(../images/bg/pNav_bg.gif); background-position:0 0; background-repeat:no-repeat; height:31px; }
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified
in any way to fit your requirements.
=================================================================== */
#nav {padding:0px 0px 0px 0px;; margin:0px 0px 0px 16px; list-style:none; height:31px; position:relative; z-index:500;}
#nav ul {margin:0; padding-bottom:0;}
#nav li {margin:0; padding:0;}
#nav li.top {display:block; float:left; height:31px;}
#nav li a.top_link {display:block; float:left; height:31px; line-height:30px; color:#c5c5c5; text-decoration:none; font-size:1.3em; font-weight:bold; padding:0; cursor:pointer; border-right:solid 2px #7994A3;}
#nav li a.top_link span {float:left; display:block; padding:0 20px 0 20px; height:31px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 20px 0 20px; height:31px;}
#nav li:hover a.top_link {color:#fff;}
#nav li:hover a.top_link span {background: url(/images/bg/pNav_over.jpg) repeat-x #c2c2c2; color:#243139;}
#nav li:hover a.top_link span.down {background-color:#c2c2c2;}
/* Default list styling */
#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub{left:0px; top:31px; background: #C7C7C7; padding:0px; white-space:nowrap; width:160px; height:auto; z-index:300; border:1px solid #939594; opacity:0.95;}
#nav li:hover ul.sub li{display:block; height:20px; position:relative; float:left; width:160px; font-weight:normal;}
#nav li:hover ul.sub li a{display:block; font-size:1.2em; height:1.8em; width:160px; line-height:1.8em; text-indent:5px; color:#243139; text-decoration:none;}
/*drop down on pNav over*/
#nav li ul.sub li a.fly{background:#C7C7C7 url(/images/arrow.gif) 150px 6px no-repeat;}
/*drop down on pNav li over*/
#nav li:hover ul.sub li a.fly:hover{background:#939594 url(/images/arrow_over.gif) 150px 6px no-repeat; color:#243139;}
/*drop down on pNav li li over*/
#nav li:hover ul.sub li a:hover {background:#939594; color:#243139; border-color:#C7C7C7; width:160px}
/*form secondary drop down menu*/
#nav li:hover li:hover ul,#nav li:hover li:hover li:hover ul,#nav li:hover li:hover li:hover li:hover ul,#nav li:hover li:hover li:hover li:hover li:hover ul{left:160px; top:-1px; background: #C7C7C7; padding:0px; white-space:nowrap; width:160px; z-index:400; height:auto; border:1px solid #939594;}
#nav ul, #nav li:hover ul ul,#nav li:hover li:hover ul ul,#nav li:hover li:hover li:hover ul ul,#nav li:hover li:hover li:hover li:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
/*format primary drop down when mouseover secondary nav list*/
#nav li:hover li:hover a.fly,#nav li:hover li:hover li:hover a.fly,#nav li:hover li:hover li:hover li:hover a.fly,#nav li:hover li:hover li:hover li:hover li:hover a.fly{background:#939594 url(/images/arrow_over.gif) 150px 6px no-repeat; color:#243139;}
/*format primary drop down when mouseover secondary nav list*/
#nav li:hover li:hover li a.fly,#nav li:hover li:hover li:hover li a.fly,#nav li:hover li:hover li:hover li:hover li a.fly{background:#C7C7C7 url(/images/arrow.gif) 150px 6px no-repeat; color:#243139;}
/*End of drop down nav formatting*/
#lang_button {height:26px; width:137px; background-image:url(/images/buttons/language.gif); background-repeat: no-repeat; background-position:top left; display:block; line-height:26px; position:absolute; top: 45px; right:30px; color:#243139; font-weight:bold; padding-left:10px; font-size:1.3em; cursor:pointer; z-index:800;}
/*lang button drop down*/
#lang {padding:0; margin:0; list-style:none; height:26px; position:relative; z-index:1000;}
#lang li.top {height:26px;}
#lang li a.top_link {display:block; height:26px; line-height:26px; color:#243139; text-decoration:none; font-size:1.1em; padding:0; margin:0; cursor:pointer; text-align:left;}
#lang li a.top_link span {float:left; display:block; padding:0; height:26px;}
#lang li a.top_link span.down {float:left; display:block; padding:0; height:26px;}
#lang li:hover a.top_link span {color:#243139;}
#lang img {padding:4px 2px 0px 0px; float:right;}
/* Default list styling */
#lang li:hover {position:relative; z-index:700;}
#lang li:hover ul.subnav{left:0px; top:26px; background: #C7C7C7; text-indent:3px; white-space:nowrap; width:120px; height:auto; z-index:800; opacity:0.8;}
#lang li:hover ul.subnav li{display:block; position:relative; float:left; width:120px; font-weight:normal; margin: 0; padding:0; line-height:15px;}
#lang li:hover ul.subnav li a{display:block; font-size:1.1em; width:120px; color:#243139; text-decoration:none; margin:0; padding:0; line-height:1.5em;}
#lang .sub img {float:right;}
/*drop down li over*/
#lang li:hover ul.subnav li a:hover {color:#fff;}
/*form secondary drop down ment*/
#lang ul, #lang li:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
/*End of drop down lang formatting*/
#content {position:relative; background-color:#fff; margin:0px 0px 0px 6px; padding:0px 0px 0px 0px; width:864px; }
#index #wave, #category #wave {background-image:url(../images/bg/wave_silver.gif); background-position: 0px 0px; background-repeat:no-repeat; top:0; left:0; height:70px; position:absolute; width:100%; z-index:300;}
#index #wave h1,#category #wave h1 {text-align:right; padding:5px 20px 0px 0px; font-size:2.8em; font-weight:bold; color:#243139; z-index:310;}
#mainproduct {background-color:#243139; min-height:343px; padding:45px 0px 30px 0px; position:relative;}
#mainproducttext {margin:40px 0px 20px 20px; float:left; width:280px;}
#mainproducttext h2 {color:#FFFFFF; font-weight:bold; font-size:2em; margin-bottom:10px;}
#mainproducttext h3 {color:#fdb825; font-weight:bold; font-size:1.8em; margin-bottom:10px;}
#mainproducttext ul {list-style:disc; margin:0; padding:0; margin-left:15px; list-style-image:url(../images/li_style.gif); list-style-position:inherit; padding-bottom:0px;}
#mainproducttext li {margin:0; padding:0; color:#c5c5c5; font-size:1.26em; margin-bottom:1em; line-height:1.4em;}
#mainproducttext p {color:#d3d3d3;}
#mainproducttext a {color:#fdb825; font-weight:bold; font-size:inherit; margin-bottom:10px;}
#mainproducttext a.hover {color:#fdb825; font-weight:bold; text-decoration:underline; font-size:inherit; margin-bottom:10px;}
#mainproducttext a.visited {color:#fdb825; font-weight:bold; font-size:inherit; margin-bottom:10px;}
#mainproductimage {float:left; vertical-align:text-top;}
#mainproductimage img {vertical-align:text-top;}
#mainproductbase {clear:both; position:absolute; left:0; bottom:0; background-image:url(../images/bg/wave_silver_bottom.gif); background-position:-3px 0px; background-repeat:no-repeat; height:32px; width:864px;}
#news {float:right; background-image:url(/images/bg/news_bg_wh.gif); background-position:bottom left; background-repeat:no-repeat; height:254px; width:252px; margin: 40px 10px 20px 0px; padding-bottom:40px;}
#news h3 {color:#FFFFFF; font-size:1.53em; font-weight:bold; padding:6px 0px 12px 12px;background-image:url(/images/bg/news_bg.gif); background-position:0 0; background-repeat:no-repeat; }
#news img {padding:0px 0px 5px 12px}
#news ul {margin:10px 0px 0px 12px; padding-bottom:0;}
#news li {padding:0px 0px 10px 0px;}
#news li a {background-image:url(../images/news_arrows_left.gif); background-position:0 0; background-repeat:no-repeat; text-decoration:none; color:#2e5e79; font-size:1em; padding:0px 0px 0px 12px;}
#news li a:hover {color:#fdb825}
.homeproduct {margin-top:10px;}
.homeproduct h3 img {float:left; margin-left:15px;}
.homeproduct .txt {width:180px;}
.homeproduct h3 {color:#243139; font-size:1.4em; font-weight:bold; line-height:1.6em; margin:0px 0px 5px 0px;}
.homeproduct .txt ul {list-style-type:disc; margin:10px 0px 10px 15px; padding:0; padding-left:1.5em;}
.homeproduct .txt ul li {margin:0; padding:0px 0px 1em 0px; font-weight:bold; font-size:1.1em; line-height:normal;}
/*.homeproduct .txt img {padding:20px 0px 0px 0px;}*/
a.viewbutton {padding: 0px 0px 0px 0px; background-image:url(../images/buttons/view_w.gif); background-repeat:no-repeat; background-position:0 0; display:block; width:80px; height:23px; line-height:23px; text-align:center; text-decoration:none; color:#753f00; font-weight:bold; font-size:1.26em; margin-left:15px}
a.viewbutton:hover {background-image:url(../images/buttons/view_w_over.gif); color:#243139;}
#footer {background-image:url(../images/bg/content_bg.gif); background-position:0 0; background-repeat:no-repeat; display:block; padding:30px 0px 0px 20px; margin-left:6px; color:#bdbdbd;}
.bNavsec {float:left; width:19.5%;}
.bNavsec h4 {color:#FFFFFF; font-size:1.2em; font-weight:bold; text-transform:capitalize; margin:6px 0px 6px 0px;}
.bNavsec h5 {color:#fdb825; font-size:1.2em; font-weight:bold; text-transform:capitalize; margin:6px 0px 3px 0px;}
.bNavsec h5 a {color:#fdb825;}
.bNavsec ul {margin:0px 0px 8px 0px; padding-left:0; list-style: none;}
.bNavsec li {margin:0px 0px 5px 0px;}
.bNavsec li a {color:#bdbdbd; text-decoration:none;font-size:1.1em; text-transform:capitalize; padding:0px 0px 0px 0px;}
.bNavsec li a:hover {color:#fdb825}
.bNavsec p {margin:5px 0px 0px 0px; color:#d3d3d3;}
/*accordion formating*/
div#news-accordion{
margin: 0px 15px 5px 15px;
}
div.accordion {
position: relative; /* required for bounding--works around a "peculiarity" in Prototype */}
div.accordionTitle{position: relative; /* required for effect */
z-index: 10; /* required for effect */
background: #fff; /* required for effect--can be anything except "transparent" */
cursor: pointer;
background-image:url(../images/news_arrows_up.gif); background-position:0 0; background-repeat:no-repeat; text-decoration:none; color:#2e5e79; font-size:1.1em; padding:0px 0px 3px 15px; margin-top:3px;}
div.accordionTitle-active{ background: #fff; background-image:url(../images/news_arrows_left.gif); background-position:0 0; background-repeat:no-repeat; text-decoration:none; color:#2e5e79; font-size:1.1em; padding:0px 0px 3px 12px; margin-top:3px;}
div.accordionText{ overflow: hidden; /* required for effect */ background: #fff; border-bottom: solid 1px #c2c2c2; border-top: solid 1px #c2c2c2; margin:3px; padding:3px;font-size:1.1em; line-height:normal;}
div.accordionText a {
text-decoration:none; color:#2e5e79
}
div.accordionText a:hover {
color:#fdb825;
}
#faqs div.accordionTitle {background-image:none; color:#999; }
#faqs div.accordionTitle-active {background-image:none; color:#243139; font-weight:bold; }
#faqs div.accordionText {border:none; padding-left:40px;}
#index #wave h1 img, #category #wave h1 img {padding-right:150px;}
#wave {background-image:url(../images/bg/wave_blue.gif); background-position: 0px 0px; background-repeat:no-repeat; top:0; left:0; height:84px; position:absolute; width:100%;}
#wave h1 {text-align:right; padding:20px 50px 0px 0px; font-size:2.8em; font-weight:bold; color:#fff; margin-top:10px;}
#wave img {padding-right:0px}
#product #wave h1 {margin-top:0px;}
/* product tabs */
ul#tab {
margin: 1em 0 1em 0;
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px solid #c2c2c2;
list-style-type: none;
padding: 3px 10px 7px 10px;
text-align:right;
}
ul#tab li {
display: inline;
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /*set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;top: 1px;padding-top: 20px; /* must change with respect to padding (X) above and below */
}
ul#tab li a { /* settings for all tab links */
padding: 5px 20px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #c2c2c2; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #e0e0e0; /* set unselected tab background color as desired */
color: #636363; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;border-bottom: none;
}
ul#tab a:hover { /* settings for hover effect */
background-color: #fff; /* set desired hover color */
}
div#tab1 ul#tab li.tab1 a,div#tab2 ul#tab li.tab2 a, div#tab3 ul#tab li.tab3 a, div#tab4 ul#tab li.tab4 a { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
#productoverview, #productspec, #productmanuals, #productcertificates {display:none; margin:1em;}
div#tab1 #productoverview, div#tab2 #productspec, div#tab3 #productmanuals, div#tab4 #productcertificates {display:block;}
#maincontent {background-color:#FFFFFF; padding:80px 20px 10px 20px; margin-bottom:0;}
#about_us #maincontent p {font-size:1.2em; line-height:1.8em; padding:1.0em 0;}
#distlogin #maincontent {padding-top: 150px; margin-left:150px;}
#distlogin #maincontent label {font-size:1.3em; font-weight:bold; padding-right:30px;}
#PrimCol {float:left; margin:20px 0px 20px 0px; padding-right:60px; padding-left:20px; border-right:2px solid #c2c2c2; width:370px;}
#PrimCol label {font-size:1em;}
#PrimCol input {margin-top:5px; color:#636363;}
#PrimCol textarea {color:#636363;}
#PrimCol p {padding-bottom:0px; padding-top:15px; line-height:1em;}
#PrimCol h2 {line-height:1.5em; font-size:2.4em; margin-bottom:20px;}
#SecCol {float:left; margin:20px 0px 0px 0px; width:280px; text-align:right;}
#SecCol {padding-left:50px; line-height:2em;}
#category #mainproducttext {width:270px;}
.productinfo {font-size:1.2em; line-height:1.6em;}
.productinfo h2 {margin-bottom:1.0em; font-weight:bold; color:#243139;}
.productinfo h3 {font-weight:bold;font-size:1.4em;}
.productinfo p {margin-bottom:1em; line-height: inherit;}
.productinfo ul {list-style-type:disc; margin:1em 0em 1em 1.0em;}
.productinfo ul ul {margin:0.5em 0em 0em 1.0em;}
.productinfo li {line-height:1.6em;}
#overleftcol {float:left; width:310px; margin-right:20px;}
#overrightcol {float:left; width:470px}
#privacy #maincontent ul {font-size:1.2em;}
/* Image Gallery*/
#dhtmlgoodies_slideshow{
width:490px; /* Total width of slideshow */
}
#arrow_up {padding-bottom:3px; margin-bottom:3px;}
#previewPane{
margin-right:5px;
margin-top:18px;
text-align:left;
vertical-align:top;
padding-top:0px;
/* CSS HACK */
height: 337px; /* IE 5.x */
height/* */:/**/295px; /* Other browsers */
height: /**/295px; width:330px; float:left;
}
#previewPane img {
border:#A6ACB7 solid 1px;
}
#waitMessage{
display:none;
position:absolute;
left:200px; top:150px;
background-color:#FFF;
border:3px double #000; padding:4px;
color:#555;
font-size:0.9em;
font-family:arial;
}
#galleryContainer{ /* Big Div surrounding up image, list of images and down image */
float:left; /* Floating */
/* CSS HACK */
height: 333px; /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
height/* */:/**/317px; /* Other browsers */ height: /**/317px;
/* CSS HACK */
width: 124px; /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
width/* */:/**/120px; /* Other browsers */
width: /**/120px;
/*Border:1px solid #000; Black border */
padding:1px; /* A little space between the black border and the content inside */
}
#galleryContainer #arrow_down{ /* Arrow down image */ height:10px; }
#galleryContainer #arrow_up{ height:10px; /* Arrow up image */ }
#theImages { /* DIV where the images are located */
position:relative;
overflow:hidden;
height:300px; /* Height of boxes for the images */
}
#theImages div {
position:relative; /* Don't change this */
height:1500px; /* Higher than total height of thumbnails */
text-align:center;
}
#theImages img {
border:#A6ACB7 solid 1px;
/*filter:alpha(opacity=50); /* Transparency - IE see IE Style sheet */ opacity:0.5; /* Transparency - Firefox */
margin-top:3px; /* Space between images */
}
#previewPane #largeImageCaption{ /* CSS styling of image caption below large image */
font-style:italic;
text-align:center; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
font-size:0.9em;
display:none;
}
#theImages .imageCaption{
display:none;
}
/******************End Image Gallery **************************/
#catselect, #searchtext {float:left; width:350px; height:350px;}
#searchtext {padding:0em 1em}
#catselects {border-right:1px #cecece solid;}
#searchtext {border-left:1px #cecece solid; min-height:380px;}
#catselect h2, #searchtext h2 {font-weight:bold; color:#243139; font-size:1.6em; margin:2em 0em 1em 0em;}
#catselect p {margin-top:1em;}
#catselect input {margin-right:20px;}
#searchtext p {font-size: 1.5em; margin-top:1em; margin-left:30px}
#ppolicy h3 {line-height:normal; margin:1em 0em 1em 0em; font-weight:bold; font-size:1.4em;}
#ppolicy h4 {line-height:normal; margin:1.5em 0em 0.5em 0em; font-weight:bold; font-size:1.2em;}
#ppolicy p {line-height:normal; margin-bottom:1em;}
#ppolicy ul {line-height:normal; margin:1em 3em; list-style-type:disc;}
#ppolicy li {margin:1em;}
#articles {min-height:480px;}
.item {margin-bottom:30px; border-bottom:1px solid #cecece;}
.item p {line-height:normal; margin:1em; font-size:1.0em;}
.title {font-weight:bold; font-size:1.2em;}
#pagecount {text-align:right}
#distsearch p {font-size:1.2em;}
#distsearch select {color:#636363;}
#distaddress { margin-left: 330px; display:block; width:300px;}
#distaddress .smaller {font-size:1.2em;}
#distaddress p { margin-bottom:1em; font-size:1.2em; line-height:1.2em;}
.distributor {margin-bottom:30px;}
#modal_body {padding:0; margin:0; }
#modal_headers{background-color:#fff; color:#000; height:30px; text-align:right; line-height:30px; padding-right:0px; vertical-align:middle;}
#modal_wrapper {margin: 20px 10px;}
#modal_wrapper p {line-height:1.4em; margin:0em; padding:1em; font-size:1.2em;font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:left;}
#modal_wrapper .title p {font-weight:bold; font-size:1.2em; margin-bottom:20px; color:#FFCC33;}
.window {
background-image:url("/images/bg/window_background.png");
background-position:top left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
/* padding:10px;
font-family:Arial, Helvetica, sans-serif; font-size:1em;
font-weight:bold;
color:#fff;
text-align:center;
*/
min-width:150px; min-height:100px;
width:800px; }
.window .window_contents {
margin-top:10px;
width:100%;
height:100%;
}
.window .window_header {
text-align:center;
}
.window .window_title {
margin-top:-7px;
margin-bottom:7px;
font-size:11px;
cursor:move;
}
.window .window_close {
display:block;
position:absolute;
top:4px;
left:5px;
height:13px; width:13px;
background-image:url("/images/window_close.gif"); cursor:pointer;
}