/* CSS Document */
/* Major Properties */
body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#FFF;
	/*background: url(../images/shared/mainbg.gif);*/
	list-style-position: outside;
	list-style-type: circle;
	}
	
#wrapper	{
	padding: 0px;
	width: 597px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 597px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

/* Main Headings */
	
h1 {
	margin:0px 0px 4px 0px;
	padding:0px;
	font-size:18px;
	line-height:22px;
	font-weight:900;
	color:#FFCC00;
	}
		
h3 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:14px;
	line-height:17px;
	font-weight:900;
	color:#FFF;
	}
	
h5 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:12px;
	line-height:15px;
	font-weight:600;
	color:#FFF;
	}
	
h6 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:12px;
	line-height:15px;
	font-weight:600;
	color:#FC0;
	}
	

p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
	
ul {
	margin:10px 0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: url(../images/shared/ulicons.gif);
	}
    
li {
    /*float:left;*/
    margin:0px 0px 0px 19px;
   	padding:0px;
	}	

/* ******* Links ****** */

a {
	color:#ADDEFF;
	font-size:11px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99CCFF;*/
	}
	
a:link {
	color:#ADDEFF;
	}

a:visited {color:#FFFFFF;}

a:hover {
	color: #FFFFFF;
	font-weight: 500;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #66CCFF;	/*background-color: #99CCFF;
	padding: 1px;*/
	}
	
a img {border: none; } 

.aB {
	color:#FFCC00;
	font-size:11px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: capitalize;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC00;*/

	}
	
.aB:link {
	color:#FFCC00;
	}

.aB:visited {color:#FFCC00;}

.aB:hover {
	color: #FFFFCC;
	font-weight: 500;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #66CCFF;
	}

/* ***** Nav ***** */

#nav {
	position: absolute;
	left: 200px;
	top: 15px;
	right: 0px;
	bottom: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 560px;
	height: 75px;
}

#nav ul {
      margin:0px;
      padding:0px;
      list-style:none;
      }
    
#nav li {
      float:left;
      margin:0px;
      padding:0px;
	  }
	  
/* Setup: Repeated code per rollover */

#swap01 {
	background-image: url(../images/shared/nav_02_over.gif);    /* rollover state */
	width: 61px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap02 {
	background-image: url(../images/shared/nav_03_over.gif);    /* rollover state */
	width: 71px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap03 {
	background-image: url(../images/shared/nav_04_over.gif);    /* rollover state */
	width: 67px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap04 {
	background-image: url(../images/shared/nav_05_over.gif);    /* rollover state */
	width: 100px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap05 {
	background-image: url(../images/shared/nav_06_over.gif);    /* rollover state */
	width: 93px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap06 {
	background-image: url(../images/shared/nav_07_over.gif);    /* rollover state */
	width: 69px;                    /* image width */
	height: 24px;                   /* image height */
}


/* Application: Common Code */

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible;	color:#FFFFFF; font-size:11px; text-decoration:none; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* ******* Header ******** */

#header {
	margin:0px 0px 10px;
	padding:0px;
	line-height:11px;
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(../images/shared/mainlogo.gif);
	background-repeat: no-repeat;
	height: 349px;
	width: 700px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*height:14px;  the correct height */
	}
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	/*height:33px;  14px + 17px + 2px = 33px */

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header {
	height: 349px;
	width: 405px;
	background-image: url(../images/shared/mainlogo.gif);
	background-repeat: no-repeat;
}

/* ******* Content ******** */

#content {
	position:absolute;
	top:97px;
	left:0px;
	width:530px;
	margin:0px 50px 50px 200px;
	padding:10px;
	/*border: 0.5px solid #9CF;*/
	/*border-top-width: 0.5px;*/
	/*border-top-style: solid;*/
	/*border-top-color: #9CF;*/
	}
	
#content>p {
	margin:0px;
	}

#content>p+p {
	text-indent:30px;
	}
	

/* ******* Content: Images Right ******** */

#contentright {
	position:absolute;
	top:97px;
	left:550px;
	width:350px;
	margin:0px 50px 50px 200px;
	padding:10px;
	}
	
#contentright>p {
	margin:0px;
	}

#contentright>p+p {
	text-indent:30px;
	}
	
/* ***** Menu ***** */

#menu {
	position:absolute;
	top:160px;
	left:27px;
	padding:7px;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:176px;
	}
/* Again, "be nice to Opera 5". */
body>#menu {width:150px;}

/* ***** PDF Link ***** */
#pdfright {
	float: right;
	position:absolute;
	top:0px;
	left:365px;
	width: 165px;
	height: 22px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 10px 0 10px 10px;
	padding: 2px;
	clear: left;
	text-align: right;
	vertical-align: middle;	
	border: 0.5px solid #9CF;
	background-image: url(../images/shared/descbg.gif);
	background-repeat: repeat-x;}

#pdfright a {
	color:#9CF;
	font-size:10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
	
#pdfright a:link {
	color:#9CF;
}

#pdfright a:visited {color:#9CF;}

#pdfright a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* ***** Images ***** */

#floatright {
	float: right;
	width: 300px;
	margin: 6px 0px 10px 10px;
	padding: 10px;
	clear: right;
	border-top: 1px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 1px solid #036;
	background-image: url(../images/shared/maindescbg.gif);
	background-repeat: repeat-x;
}

#floatright img {
	margin:0px 0px 5px 0px;
	border: 1px solid #FFF; 
}

#floatright h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#FC0;
	}

#floatright p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding:0px;
	color: #FFF;
	}
	
/* ***** floatrightsm ***** */

#floatrightsm {
	float: right;
	width: 182px;
	margin: 6px 0px 10px 10px;
	padding: 10px;
	clear: right;
	border-top: 1px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 1px solid #036;
	background-image: url(../images/shared/maindescbg.gif);
	background-repeat: repeat-x;
}

#floatrightsm img {
	margin:0px 0px 5px 0px;
	border: 1px solid #FFF; 
}

#floatrightsm h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#FC0;
	}

#floatrightsm p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding:0px;
	color: #FFF;
	}
	
/* ***** floatrightlg ***** */
	
#floatrightlg {
	float: right;
	width: 358px;
	margin: 6px 0px 10px 10px;
	padding: 10px;
	clear: right;
	border-top: 1px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 1px solid #036;
	background-image: url(../images/shared/maindescbg.gif);
	background-repeat: repeat-x;
}

#floatrightlg img {
	margin:0px 0px 5px 0px;
	border: 1px solid #FFF; 
}

#floatrightlg h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#FC0;
	}

#floatrightlg p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding:0px;
	color: #FFF;
	}

/* ***** floatFullRound corners ***** */
dl {
	width: 530px;
	margin: 0 0 20px 0px;
	padding: 0;
	background: #ccc url(../images/shared/box_bottom.gif) no-repeat bottom left;
	}

dt {
	margin: 2px 0px 7px;
	padding: 10px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 900;
	color: #FFF;
	border-bottom: 2px solid #069;
	background: #ccc url(../images/shared/box_top.gif) no-repeat top left;
	}
	
dd {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 16px 10px;
	color: #036;
	}

#yellow {
	background-color: #ffb500;
	}

#yellow dt {
	background-color: #ffb500;
	}
	
#blue, #blue dt {
	background-color: #069;
	}

#green, #green dt {
	background-color: #cf9;
	}
	
/* ***** floatFullwidth ***** */
#floatfull {
	float: left;
	width: 510px;
	margin: 6px 0px 10px 0px;
	padding: 10px;
	border-top: 1px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 1px solid #036;
	background-image: url(../images/shared/maindescbg.gif);
	background-repeat: repeat-x;
}

#floatfull img {
	margin:0px 0px 5px 0px;
	border: 1px solid #FFF; 
}

#floatfull h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#FC0;
	}

#floatfull p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding: 0px 0px 6px 0px;
	color: #FFF;
	}

.clearboth { clear: both; }

	

/* ***** floatFullwidth ***** */
	
#floatfullyellow {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 10px;
	padding: 6px;
	border-top: 1px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 1px solid #036;
	background-image: url(../images/shared/main_yellowbg.gif);
	background-repeat: repeat-x;
}

#floatfullyellow img {
	margin:0px 0px 5px 0px;
	/*border: 1px solid #F30; */
}

#floatfullyellow h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#FFF;
	}

#floatfullyellow h1 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:18px;
	line-height:20px;
	font-weight:900;
	color:#FFF;
	}

#floatfullyellow p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding:0px;
	color: #036;
	}

.clearboth { clear: both; }

	
	
/* ***** Images 3 wide ***** */
.thumbnail3up {
	float: left;
	width: 160px;
	padding: 4px;
	border-top: 1px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 1px solid #036;
	margin: 0px 2px 2px 2px;
	background-image: url(../images/shared/maindescbg.gif);
	background-repeat: repeat-x;
	}

.thumbnail3up img {
	margin:4px 4px 8px 4px;
	border: 1px solid #99CCFF; 
	}

.thumbnail3up h3 {
	margin:0px 0px 7px 0px;
	padding:2px;
	font-size:14px;
	line-height:17px;
	font-weight:900;
	color:#FC0;
	}
	
.thumbnail3up p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:2px;
	color: #FFF;
	}
/* ***** Images 3 wide - No Background ***** */
.thumbnail3nobg {
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}

.thumbnail3nobg img {
	margin:4px 4px 8px 4px;
	}

.thumbnail3nobg h3 {
	margin:0px 0px 7px 0px;
	padding:2px;
	font-size:14px;
	line-height:17px;
	font-weight:900;
	color:#FC0;
	}
	
.thumbnail3nobg p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:2px;
	color: #FFF;
	}
	
.thumbnail3nobg ul {
	margin:0px;
	padding:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: url(../images/products/tick.gif);
	}
    
.thumbnail3nobg li {
    /*float:left;*/
    margin:0px 0px 0px 19px;
   	padding:0px;
	}	
	
.clearboth { clear: both; }

/* ***** Images (Left 130) ***** */

.thumbnailleft {
	float: left;/**/
	width: 130px;
	padding: 10px;
	clear: left;/**/
	border-top: 1px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 1px solid #036;
	margin: 0px 10px 4px 4px;
	background-image: url(../images/shared/maindescbg.gif);
	background-repeat: repeat-x;
	}

.thumbnailleft img {
	margin:0px 0px 5px 0px;
	border: 1px solid #FFF; 
	}

.thumbnailleft h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#FC0;
	}

.thumbnailleft p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding:0px;
	color: #FFF;
	}

.clearboth { clear: both; }

/* ***** Images (Left 130) ***** */

.thumbnailleftyellow {
	float: left;
	width: 200px;
	padding: 5px 5px 12px 0px;
	clear: left;
	margin: 0px 6px 6px 0px;
	}

.thumbnailleftyellow img {
	margin:0px 0px 0px 0px;
	}

/* ***** Head Buffer ***** */

#headbuff{
	clear: both;
	margin: 0px 0px 10px;
	color: #9CF;
	border-top-width: 0.5px;
	border-bottom-width: 0.5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #9CF;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: left;
	}

	
/* ***** Footer ***** */

#footer{
	clear: both;
	margin: 10px 0px 0px 0px;
	color: #9CF;
	border-top-width: 0.5px;
	border-bottom-width: 0.5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #9CF;
	padding-top: 6px;
	padding-bottom: 10px;
	text-align: center;
	}

#footer a {
	color:#9CF;
	font-size:10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
	
#footer a:link {
	color:#9CF;
}

#footer a:visited {color:#FFF;}

#footer a:hover {
	color: #FFF;
	/*font-weight: 500;
	text-decoration: underline;*/
}
/* ***** Footer ***** */

#disclamer{
	clear: both;
	margin: 10px 0px 0px 0px;
	color: #9CF;
	border-top-width: 0.5px;
	border-bottom-width: 0.5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #3489BC;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: center;
	}

#disclamer p {
	margin-top: 0px;
	font:10px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
	color: #3489BC;
	}
	
.bdyBld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #9CF;
}