/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	/*background-color:#aebed1;
	background: #cccccc url("images/bg_grad.jpg") fixed;
	/*background: #ffffff url('images/5x5_DCE8F4.gif') repeat-y left top;*/
	padding: 0px;  // this is a concession to opera 7 which has margin 0, but some padding by default.
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #660000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}
/* -------------------------------------------------- */ 
/* Sets Width to Maximum allowed */ 
#containertopnav {
	width: 100%; 
	height: 87px; 
	margin: 0px;
	vertical-align: middle;
	background-image: url(images/bg_DCE8F4_5x87.gif); background-repeat: repeat-x; 
	/*  background-repeat: repeat-y; */
	
}
#topdiv { 
background-image: url(images/bg_grad_hor.jpg); 
background-repeat: repeat-y; 
white-space: nowrap;
} 
.topdivstyle1 {font-size: 90%}
/************* globalNav ID styles are used by the header.asp ****************/
/* -------------------------------------------------- */ 
/* Sets Width to Maximum allowed */ 
div#containerglobalNav {
	width: 100%; 
	height: 40px; 
	background-image:  url(images/bartop_back_sec.jpg); background-repeat: repeat-x; 
	padding: 0px; border:0px; margin: 0px;
	vertical-align: middle;
}
 /* -------------------------------------------------- */ 
/* Set's Style forbottomnav text */
div#globalNavcenter {
	float:left;
	width: 436px;
 	/*min-width: 432px; // 108x4 //108 is the width of the globalnav boxes
	width: 640px;
	background: #ffffff; 
	 height: 40px;
	 margin-top: 20px; */
	margin-left: 15%;
    margin-right: 40%;
	margin-top: 3px;
	margin-botom: 0px;
	padding: 0px; border:0px;
}

.GL1{
	/*position: relative; */
	float:left;
	width: 108px;
	padding: 0px; border:0px; margin: 0px;
}

/* .skipLinks {display: none;} */
/* -------------------------------------------------- */ 
/************* styles are used to define mainpage content ****************/
/* Sets Width to Maximum allowed */ 
#containermain {
	 position: relative; 
	float:left;
	/*display: inline;
	display: table-row;*/
	width: 100%;  
	padding: 0px; border:0px; margin: 0px;
	background-color:#ffffff;
}
#containerNavLeft {
	position:absolute;
  	top:0;
  	left:0;
	width: 170px; 
	padding: 0px; border:0px; margin: 0px;	
	/*min-height: 100%;
	background-image: url(images/bg_leftnavblue_170x5.gif); background-repeat: repeat-y; white-space: nowrap; */
		
}
#containermainrightindex {
	position:absolute;
  	top:0;
  	left:172px;
	width: 630px;  
	padding: 0px; border:0px; margin: 0px;
	/*background-color:#ffffff;*/
	background-image: url(images/sidenav_edge.gif);
	background-position: top left;
	background-repeat: repeat-y;
	PADDING-LEFT: 5px; 
	MARGIN-LEFT: 0px; 
	border:0px;
}
#containermainright {
	position:absolute;
  	top:0;
  	left:172px;
	width:  780px; 
	padding: 0px; border:0px; margin: 0px;
	/*background-color:#ffffff;*/
	background-image: url(images/sidenav_edge.gif);
	background-position: top left;
	background-repeat: repeat-y;
	PADDING-LEFT: 5px; 
}
#flashcontent {
	width: 640px; 
	float:left;
	position: relative; 
	padding: 0px; border:0px; margin: 0px;
}
#linktousbox {
	width: 500px; 
	float:left;
	position: relative; 
	padding: 10px; border:0px; margin: 0px;
}
.linktoustopdiv1 {
	font-size: 100%;
	color: #990000;
	text-align:center;
	width: 250px;
	padding: 0px; border:0px;
	margin-top: 10px; 
	margin-left: auto;
    margin-right: auto;
	 }
.linktoustopdiv2 {
	font-size: 75%;
	color: #000000;
	text-align:left;
	padding: 0px; border:0px; margin: 0px; 
	 }
/* -------------------------------------------------- */ 
/************* NAV ID styles are used by the leftsidebar.asp ****************/
#Nav {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 2px;
	font-family: Arial, Helvetica, sans-serif;
		/*background-color:#aebed1;*/
	background-image: url(images/bg_grad.jpg); background-repeat: repeat-x;
	/*background-image: url(images/bg_grad_hor_170.jpg); background-repeat: repeat-y; white-space: nowrap;*/
}
#Nav .line {
	BORDER-TOP: #ffffff 1px solid; 
	MARGIN: 5px 0px
}
#Nav H1 {
	FONT-SIZE: 18px; MARGIN: 15px 0px;
}
#Nav H2 {
	FONT-SIZE: 16px; MARGIN: 15px 0px;
}
#Nav H3 {
	FONT-SIZE: 14px; MARGIN: 15px 0px 0px;
}
#Nav H4 {
	FONT-SIZE: 95%; MARGIN: 4px 0px 5px 5px;
	COLOR: #990000; 
}
#Nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none
}
#Nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; MARGIN: -4px 2px; WIDTH: 170px; 
	/*background: #ffffff;*/
}
#Nav A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; PADDING-TOP: 2px;
	/*background: #ffffff;*/
	DISPLAY: block; MARGIN: 1px 0px; CURSOR: pointer; COLOR: #000000; POSITION: relative;
	background: transparent; text-decoration: none; 
}
#Nav A:visited {
	COLOR: #000000;
	
}
#Nav A:hover {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-TOP: 2px; 
	BORDER-LEFT: #cccccc 1px solid; PADDING-LEFT: 7px; BORDER-BOTTOM: #cccccc 1px solid; PADDING-BOTTOM: 4px; 
	MARGIN: 0px; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none
}


/************ design styles **************/
.line {
	BORDER-TOP: #cccccc 1px solid; 
	MARGIN: 5px 0px;
}

/************ Nav and globalnav design styles **************/



/************ body text styles **************/

 .r{
	font: 90% Arial,sans-serif;
	color: #000000;
    TEXT-DECORATION: none; 
	background: transparent;
} 

.r a:link, .subglobalNav a:visited {
	font-size: 90%;
	color: #990000;
}

.r a:hover{
	color: #990000;
} 

/************ text styles **************/
h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #660000;
 margin: 0px;
 padding: 0px;
}

h4{
 font: bold 100% Arial,sans-serif;
 color: #003366;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h6{
 font: bold 115% Arial,sans-serif;
 color: #660000;
 margin: 0px;
 padding: 0px;
}
/*************** list tag styles ***************/
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
/* -------------------------------------------------- */ 
/*************** Index page content design box styles ***************/
/* -------------------------------------------------- */ 
#box1first {
	width: 420px;
	float:left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#box1first2 {
	width: 420px;
	float:left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#box2second {
	width: 200px;
	float:left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
#box2second2 {
	width: 200px;
	float:left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
#box3third {
	width: 620px;
	float:left;
	margin-bottom: 10px;
}
#box3third2 {
	width: 620px;
	float:left;
	margin-bottom: 10px;
}
#box3third3 {
	width: 620px;
	float:left;
	margin-bottom: 10px;
}
/* round boxes */
/**/
/* box1 start */
dl.box1 {width: 420px; background: url('images/box01_bot.gif') no-repeat bottom left;}
dl.box1, dl.box1 dt, dl.box1 dd {margin: 0; padding: 0;}
dl.box1 {padding-bottom: 10px;}
dl.box1 dt {
	height: 24px;
	font-size: .9em;
	font-weight: bold;
	line-height: 24px; /* Fixes the 1pixel gap in IE6 was 2.54em */
	color: #006633; /*339933green*/ /*660000red*/ /*003300darkgreen*/ /*99cc99lightgreen*/ /*006633midgreen*/
	text-align: center;
	background: url('images/box01_top.jpg') no-repeat top left;
}
dl.box1 dd {
	text-align: left;
	line-height: 1.8em; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0;
	background: url('images/box01_mid.gif') repeat-y top left; font-size: .9em; line-height: 1.5em;
}
/* box1 end */
/* box2 start */
dl.box2 {width: 200px; background: url('images/box02_bot.gif') no-repeat bottom left;}
dl.box2, dl.box2 dt, dl.box2 dd {margin: 0; padding: 0;}
dl.box2 {padding-bottom: 10px;}
dl.box2 dt {
	height: 24px;
	font-size: .9em;
	font-weight: bold;
	line-height: 24px; /* Fixes the 1pixel gap in IE6 was 2.54em */
	color: #006633; /*339933green*/ /*660000red*/ /*003300darkgreen*/ /*99cc99lightgreen*/ /*006633midgreen*/
	text-align: center;
	background: url('images/box02_top.jpg') no-repeat top left;
}
dl.box2 dd {
	text-align: left;
	line-height: 1.8em; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0;
	background: url('images/box02_mid.gif') repeat-y top left; font-size: .9em; line-height: 1.5em;
}
/* box2 end */
/**/
/* box3 start */
dl.box3 {width: 620px; background: url('images/box03_bot.gif') no-repeat bottom left;}
dl.box3, dl.box3 dt, dl.box3 dd {margin: 0; padding: 0;}
dl.box3 {padding-bottom: 10px;}
dl.box3 dt {
	height: 24px;
	font-size: .9em;
	font-weight: bold;
	line-height: 24px; /* Fixes the 1pixel gap in IE6 was 2.54em */
	color: #006633; /*339933green*/ /*660000red*/ /*003300darkgreen*/ /*99cc99lightgreen*/ /*006633midgreen*/
	text-align: center;
	background: url('images/box03_top.jpg') no-repeat top left;
}
dl.box3 dd {
	text-align: left;
	line-height: 1.8em; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0;
	background: url('images/box03_mid.gif') repeat-y top left; font-size: .9em; line-height: 1.5em;
}
/* box3 end */
/**/
/* end round boxes */
/* -------------------------------------------------- */ 
/* Sets Width to Maximum allowed */ 
div#bottomnav {
	/*position: relative;
  	float: left;*/
	width: 100%; 
	height: 40px; 
	margin: 0px;
	vertical-align: middle;
}
/* -------------------------------------------------- */ 
/* -------------------------------------------------- */ 
/**** Syles for product pages****/
/*The Div order is <div"containermain"> --> <div id="containermainright"> --> <div id=centerbox> */
#centerbox {
	/*width: 630px; width is set by the containermain right div to 630px*/
	float:left;
	position: relative; 
	padding: 0px; border:0px; margin: 0px;
}
#centerboxleftimage
 {
	/*<img src="images/3D..._275.jpg" width="275" height="251">*/
	/*width: 275px;
	height: 251px; */
	float:left;
	position: relative; 
	padding: 0px; border:0px; margin: 0px;
}

#centerboxtopimage
 {
	/*<img src="images/Text_banner....gif" width="292" height="150" align="top">*/
	/*width: 292px;
	height: 150px; */
	float:left;
	position: relative; 
	padding: 0px; border:0px; margin: 0px;
}
 /* -------------------------------------------------- */ 
#producttopbox
 {
 	width: 600px; 
	/* height: 40px; */
	float:left;
	position: relative; 
	padding: 10px; border:0px; margin: 0px;
}

#productmidbox
 {
 	width: 700px; 
	/* height: 40px; */
	float:left;
	position: relative; 
	padding: 10px; border:0px; margin: 0px;
}
#addtocartform
 {
 	width: 100%; 
	/* height: 40px; */
	float:left;
	position: relative; 
	padding: 0px; border:0px; margin: 0px;
}
#getflashsample
 {
 	width: 400px; 
	/* height: 40px; */
	float:left;
	position: relative; 
	padding: 0px 10px 10px 10px;
	border:0px;
	margin-left: auto;
    margin-right: auto;
}

#productbottombox
 {
 	width: 100%; 
	/* height: 40px; */
	float:left;
	position: relative; 
	padding: 0px 10px 10px 10px;
	border:0px; margin: 0px;
}
.productsampleboxes
 {
 	width: 240px; 
	/* height: 40px; */
	float:left;
	position: relative; 
	padding: 0px 10px 10px 10px;
	border:0px; margin: 0px;
}
/* box240 start */
dl.box240 {width: 240px; font-family: Arial, Helvetica, sans-serif; font-size: 110%; background: url('images/box240_bot.gif') no-repeat bottom left;}
dl.box240, dl.box240 dt, dl.box240 dd {margin: 0; padding: 0; border: 0;}
dl.box240 {padding-bottom: 10px;}
dl.box240 dt {
	text-decoration: none;
	/*text-transform: uppercase;*/
	list-style-type: none;
	font-size: 100%;
	font-weight: bold;
	line-height: 24px; /* Fixes the 1pixel gap in IE6 was 2.54em */
	color: #660000; /*339933green*/ /*660000red*/ /*003300darkgreen*/ /*99cc99lightgreen*/ /*006633midgreen*/
	text-align: center;
	background: url('images/box240_top.jpg') no-repeat top left;
}
dl.box240 dd {
	list-style-type: none;
	text-decoration: none;
	/*text-transform: uppercase;*/
	color: #003366;
	text-align: left;
	font-weight: bold;
	font-size: 90%;
	/*line-height: 1.8em; */ 
	padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0;
	background: url('images/box240_mid.gif') repeat-y top left;
}

dl.box240 dd a:link, dl.box240 dd a:visited { 
    color:  #660000;
    text-decoration: none
 }

dl.box240 dd a:active, dl.box240 dd a:hover { 
    color: #003300;
    text-decoration: none 
 }
ul.box240 {
 	list-style-type: circle;	
	font-size: 85%;
	/*font-weight: bold;*/
	line-height: 16px; /* Fixes the 1pixel gap in IE6 was 2.54em */
	color: #003366; /*339933green*/ /*660000red*/ /*003300darkgreen*/ /*99cc99lightgreen*/ /*006633midgreen*/
}
/* box240 end */
 /* -------------------------------------------------- */ 
/* -------------------------------------------------- */ 
/* Set's Style breadcrumbnav text */

div#breadcrumbnav { 
	padding: 0px; border:0px; margin: 0px;
	font-family: Arial, sans-serif;  
	font-size: 70%; 
	color:  #660000;
	margin-left: 5px;
	font-weight: bold;
	text-align:left;
}
div#breadcrumbnav a:link, div#breadcrumbnav a:visited { 
	text-decoration: none;
	color:  #999999;
	/*text-transform: uppercase;*/
 }
div#breadcrumbnav a:active, div#breadcrumbnav a:hover { 
	text-decoration: none;
	color:  #660000;
	/*text-transform: uppercase;*/
 }
 /* -------------------------------------------------- */ 
/* -------------------------------------------------- */ 
/* Set's Style forbottomnav text */
div#bottomnavcenter { 
	padding: 0px; border:0px; margin: 0px;
	width: 700px;
	/*height: 50px; 
	 margin-left: 200px; 
	background: #ffffff; */
	margin-top: 20px; 
	margin-left: auto;
    margin-right: auto;
}
div#bottomnavcenter p {  
	font-family: Arial, sans-serif;  
	font-size: 70%; 
	color:  #660000;
	margin-left: 5px;
	font-weight: bold;
	text-align:center;
	/* clear: both; */
}
div#bottomnavcenter a:link, div#bottomnavcenter a:visited { 
	text-decoration: none;
	color:  #003366;
	text-transform: uppercase;
 }
div#bottomnavcenter a:active, div#bottomnavcenter a:hover { 
	text-decoration: none;
	color:  #660000;
	text-transform: uppercase;
 }