/* General styles */

body 		{
	margin:0;
	padding:0;
	border:0;		/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background: #6495ed;
	min-width:600px;	/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	font-size:105%;
		}

h2, h3, 
h4, h5	 	{
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
		}

p		{
	font-family: Arial, Helvetica, sans-serif;
		}

h1		{
	text-align: center;
	color: #CC0000;
	font-family: Tahoma, Arial, Times New Roman, Helvetica, sans-serif;;
		}

h2		{
	color: black;
	text-align: center;
		}

a		{
	color: blue;
		}

a:hover 	{
	color: #CC0000;
	background: blue;
	text-decoration: none;
		}

h3, h4 		{
	margin:.8em 0 .2em 0;
	padding:0;
	color:blue;
		}

h4		{
	background: blue;
	color: #FFF;
		}

h4:hover 	{
	color: #CC0000;
	text-decoration: none;
		}

p 		{
	margin:.4em 0 .8em 0;
	padding:0;
		}

img 		{
	margin:px 0 5px;
		}

dl dt		{ 
	padding: .2em 0em; 
	margin-bottom: 0em; 
		}

dd		{ 
	padding: .1em 0em; 
	margin-bottom: 0em; 
		}

BODY 		{
scrollbar-arrow-color: color_code;
scrollbar-face-color: #C00;
scrollbar-highlight-color: color_code;

scrollbar-3dlight-color: color_code;
scrollbar-darkshadow-color: color_code;
scrollbar-shadow-color: color_code;
scrollbar-track-color: color_code;

			}


	/* Header styles */

#header 	{
	clear:both;
	width:100%;
	background:#6495ED;
		}

#Banner		{
	float: center;
	
		}


#Banner h1	{	
	font-size: 200%;
	color: #FFF;
		}

#adsenseleaderboard	{
		float: right;
		margin-right: 50px;
			}

#NavBar 	{
	clear:left;
	float:left;
	width:100%;
	background: blue 0 25% repeat;
	font-family:Arial, Times New Roman, Helvetica, sans-serif;
	overflow:hidden;
		}


	#NavBar ul 	{
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		left:50%;
		text-align:center;
			}

	#NavBar ul li 	{
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
			}

		
	#NavBar ul li h4 {
		display:block;
		margin:0;
		padding:.4em .8em;
		color:#EEE;			/* light grey */
			}

	#NavBar ul li h4:hover {
		display:block;
		margin:0;
		padding:.4em .8em;
		color:#C00;			/* Dark red */
			}

	#NavBar ul li.active h4 	{
		background: #C00;		/* Dark red */
		font-weight:bold;
				}
	
	#NavBar ul li h4 span 	{
		display:block;
				}

#NavBar ul li a {
		display:block;
		margin:0;
		padding:.4em .8em;
		color:#EEE;			/* light grey */
			}

	#NavBar ul li a:hover {
		display:block;
		margin:0;
		padding:.4em .8em;
		color:#C00;			/* Dark red */
			}

	#NavBar ul li.active a 	{
		background: #C00;		/* Dark red */
		font-weight:bold;
				}
	
	#NavBar ul li a span 	{
		display:block;
				}


#sidebar 	{
	border-bottom:3px solid #000;
		}

#sidebar h2	{
	color:#CC0000;
		}


	/* column container */

.colmask 	{
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
		}


	/* common column settings */

.colright,
.colmid,
.colleft 	{
	float:left;
	width:100%;		/* width of page */
	position:relative;
		}

.col2,
.col3	{
	border-top:;
		}

.col1,
.col2,
.col3 		{
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	
		}


	/* 3 Column settings */

.threecol 	{
	background:#6495ED;	/* right column background colour */
		}

.threecol .colmid {
	right:20%;		/* width of the right column */
	background:#EEE;	/* center column background colour */
	font-family: Arial;
		}
	
.threecol .colleft {
	right:60%;		/* width of the middle column */
	background:#6495ED;	/* left column background colour */
		}

.threecol .col1 {
	width:56%;		/* width of center column content (column width minus padding on either side) */
	left:102%;		/* 100% plus left padding of center column */
		}

.threecol .col2 {
	width:16%;		/* Width of left column content (column width minus padding on either side) */
	left:26%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		}

.threecol .col3 {
	width:16%;		/* Width of right column content (column width minus padding on either side) */
	left:90%;		/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		}


#product1	{
	float: right;
	padding-left: 10px;
		}

#product2	{
	float: left;
	padding-right: 25px;
		}

#image1		{
	float: left;
	padding-right: 15px;
		}

#col1 p:first-letter	{
	font-weight: bold;
	font-size: 200%;
	color: #C00;
		}

#guarantee	{
	border-top: 4px dashed #C00;
	border-bottom: 4px dashed #C00;
	border-left: 4px dashed #C00;
	border-right: 4px dashed #C00; 
		}

#buyarea	{
	border-top: 4px solid #C00;
	border-bottom: 4px solid #C00;
	border-left: 4px solid #C00;
	border-right: 4px solid #C00; 
	background-color: yellow;
		}	

#5goodreasons	{
	border-top: 2px solid #C00;
	border-bottom: 2px solid #C00;
	border-left: 2px solid #C00;
	border-right: 2px solid #C00; 
	background-color: light blue;
		}
	
#buybutton	{
	border-top: 2px solid blue;
	border-bottom: 2px solid blue;
	border-left: 2px solid blue;
	border-right: 2px solid blue; 
	background-color: orange;
	width: 150px;
	height: 30px;
		}
	
#footer 	{ 
	clear: both;
	background: #6495ED;
	font-family: arial, Times New Roman, Helvetica, sans-serif;
		}

#footer h4 	{ 
	font-size: 1em; 
	padding: .25em 0em; 
	font-weight: bold; 
	margin-bottom: .25em; 
	list-style-type: none;
	list-style-image: none;
		}



#footer h4:hover {
	color: #C00;
	text-decoration: none;
		}

#footer dl dt 	{ 
	padding: .1em 0em; 
	margin-bottom: 0em; 
		}

#footercol1	{
	float: left;
	width: 33%;
	background: #6495ED;
		}

#footercol2	{
	float: left;
	width: 33%;
	background: #6495ED;
		}

#footercol4	{
	float: left;
	width: 33%;
	background: #6495ED;
		}