﻿	/* 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;
		}

body p		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18 pt;
		}

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

h2		{
	color: black;
	text-align: center;
	font-size:130%;
		}

a		{
	color: blue;
		}

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

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

h4		{
	background: #4169E1;
	color: #FFF;
		}

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

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

img 		{
	margin: 10px 0 5px;
		}

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

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

table		{
	border: 2px solid #blue;
		}

tr		{
	background-color: #d0d0d0;
	
		}


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;
	float: center;
		}

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

	/* 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 */
		}


	

	/* 2 Column (right menu) settings */
	.rightmenu {
		background:#eee;		/* right column background colour */
	}

	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-260px;
        position:relative;
        right:100%;
        background:#eee;
    		}

    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 15px 0 275px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:230px;
        position:relative;
        left:245px;
			}

	body 	{
	   text-align:center;
		}

#fixed 		{
   margin:0 auto;
   width:860px;   /* you can use px, em or % */
   text-align:left;
		}


#image2		{
	float: left;
	padding-right: 30px;	
	padding-left: 5px;
	
		}

#image2 a	{
	color: blue;
		}

#image2 a:hover	{
	background: #ffffe8;
		}

#image5 a	{
	color: #ffffe8;
		}

#image5 a:hover	{
	background: #ffffe8;
		}


#image7 a	{
	color: #eee;
		}

#image7 a:hover	{
	background: #eee;
		}


#newsletter	{
	background:#d0d0d0;
		}

.signupframe 	{
	background: #ffffff;
  	color: blue;
  	font-family: Arial, Helvetica, sans-serif;
		}

#productreview	{
	width: 550px;
	border-top: 3px dashed blue;
	border-bottom: 3px dashed blue;
	border-left: 3px dashed blue;
	border-right: 3px dashed blue; 
	background-color: #ffffe8;
	padding-right: 15px;
		}

#productreview h2	{
	color: #CC0000;
		}

#productreview h4	{
	color: #CC0000;
	background: #ffffe8;
		}

			
#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;
		}


