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:95%;vertical-align:super;}
sub {vertical-align:sub;}
strong {font-weight:bold;}
em {font-style:italic;}

/*
browser defaults
ul 
Margin: 10px, 0px, 10px, 15px
Padding-left: 40px
list-style-position:outside
list-style-type:disc

li
margin: 0,0,12.6px,0
padding 0,0,0,0

*/
/* 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;
}
/* 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 */
body {background-color:#fff;}
label {font-weight:bold; margin:1em 0;}
a {text-decoration:none; color:#6B96AC;}
p, label {font-size:12pt; color:#636363; line-height:normal;}
h2 {line-height:normal;}
a:hover {color:#243139;}
.errors {color:#FF0000;}

#wrapper {width:95%; margin:0; position:relative; font-family:Arial, Helvetica, sans-serif;}
#header {height:118px; width:100%; display:block;}

#header img {padding-top:17px; padding-left:6px}


/*lang button drop down*/
#lang, #nav, #logo, .bNavsec {display:none;}


#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; height:343px; padding:45px 0px 0px 0px; position:relative;}

#mainproducttext {margin:40px 0px 0px 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-left:15px; list-style-image:url(../images/li_style.gif); list-style-position:inherit;}
#mainproducttext li {color:#c5c5c5; font-size:1.26em; margin-bottom:1em; line-height:1.4em;}

#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.gif); background-position:0 0; background-repeat:no-repeat; height:254px; width:252px; margin: 40px 10px 0px 0px;}
#news h3 {color:#FFFFFF; font-size:1.53em; font-weight:bold; padding:6px 0px 12px 12px}
#news img {padding:0px 0px 5px 12px}
#news ul {margin:10px 0px 0px 12px}
#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-left:1.5em;}
.homeproduct .txt ul li {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 {display:block; padding:30px 0px 0px 20px; margin-left:6px; color:#bdbdbd;}

/*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: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: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;
}
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;}
.productinfo ul {list-style-type:disc; margin:1em 0em 1em 1.0em;}
.productinfo li {line-height:1.8em;}
#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 {margin:0em 1em}
#catselect {border-right:1px #cecece solid;}
#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:normal; margin:0em; padding:1em; font-size:1.1em;font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:left;}
#modal_wrapper .title {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;       
    
}  

