/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#069;
	background: url(../images/default/indexbg.jpg);
	list-style-position: outside;
	list-style-type: circle;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #006699;
	}

#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;
	}
	
h4 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:13px;
	line-height:17px;
	font-weight:900;
	color:#FC0;
	}
	
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;
	}	
	
/* ***** Nav ***** */

#indexnav {
	position: absolute;
	left: 350px;
	top: 70px;
	right: 0px;
	bottom: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 475px;
	height: 75px;
}

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

#swap01 {
	background-image: url(../images/default/indexnav_02_over.gif);    /* rollover state */
	width: 61px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap02 {
	background-image: url(../images/default/indexnav_03_over.gif);    /* rollover state */
	width: 71px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap03 {
	background-image: url(../images/default/indexnav_04_over.gif);    /* rollover state */
	width: 67px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap04 {
	background-image: url(../images/default/indexnav_05_over.gif);    /* rollover state */
	width: 100px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap05 {
	background-image: url(../images/default/indexnav_06_over.gif);    /* rollover state */
	width: 93px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap06 {
	background-image: url(../images/default/indexnav_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; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

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

a {
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	}
	
a:link {
	color:#FFF;
}

a:visited {color:#9CF;}

a:hover {
	color: #9CF;
	font-weight: 500;
	text-decoration: underline;
}
/* ******* Header ******** */

#indexheader {
	margin:0px 0px 10px;
	padding:0px;
	line-height:11px;
	position:absolute;
	top:0px;
	left:0px;
	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>#indexheader {
	height: 349px;
	width: 405px;}

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

#content {
	position:absolute;
	top:150px;
	left:148px;
	width:625px;
	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;
	}
	
/* ***** Specials ***** */
.thumbnail3up {
	float: left;
	width: 150px;
	padding: 6px;
	border-top: 1px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 1px solid #036;
	margin: 0px 4px 4px 4px;
	background-image: url(../images/shared/descthum.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;
	}

.clearboth { clear: both; }
	
/* ***** 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;
	color: #FFF;
	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; }