

#MySlideShow {
	display: none;
	width: 470px;
	height: 201px;
}

#fadeshow1 {
margin-top:5px;
}




body {
	margin:0 auto;
	padding:0;
	border:0;		/* This removes the border around the viewport in old versions of IE */
	width:900px;
	background-color:#666;
	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:80%;
	text-align:center;
	font-family: Arial,Verdana,Sans-serif;
    }
a {
	color:#009;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
	border:none;
}
h1 {
	font-size:18px;
	text-align:left;
	color:#003399;
    padding:4px 5px 4px 0;
    margin-top:5px;
}

h3 {
        padding:4px 0 4px 0;
        margin:0;
}

h2 {
		font-size: 14px;
		color:#FFF;
        padding:6px 0 7px 0;
        margin:0;
}

p {
        margin-top:10px;
        padding:0;
}
img {
	margin-top:10px;
	margin-bottom:-5px;
	border:none;
}

/* #logo {float:left;} */
#logo img{margin:0;width:100%}



#wrapper{
width:900px;
text-align:left;
}
/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:0px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
	}

/*** Main navigation ***/

   #mainnav {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:100%;
      line-height:normal;
	  border-bottom:1px solid #666;
      }
    #mainnav ul {	
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #mainnav ul li {
      display:inline;
      margin:0;
      padding:0;
      }
    #mainnav ul li a {
      float:left;
      background:url("/images/tableftF.gif") no-repeat left top;
      margin:0 0 0 3px;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #mainnav ul li a span {
      float:left;
      display:block;
      background:url("/images/tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #mainnav ul li a span {float:none;}
    /* End IE5-Mac hack */
    #mainnav a:hover span {
      color:#FFF;
      }
    #mainnav ul li a:hover {
      background-position:0% -42px;
      }
    #mainnav ul li a:hover span {
      background-position:100% -42px;
      }
    #mainnav ul li a.active, #mainnav ul li a.active:hover {
      background-position:0% -42px;      
      }
    #mainnav ul li a.active span {
      color:#FFF;
      background-position:100% -42px;
      }



/*** Subnavigation ***/

#subnav {
background:#CCCCCC none repeat scroll 0 0;
border-bottom:1px solid #999999;
float:left;
margin:0;
padding:0;
height:28px;
width:100%;
}

#subnav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 40px;
}

#subnav ul li {
float:left;
margin:0;
padding:0;
}

#subnav ul li a {
background:#CCCCCC url(../images/nav_slant.gif) no-repeat scroll right top;
color:#666666;
display:block;
float:left;
font-size:90%;
font-weight:bold;
padding:6px 28px 6px 5px;
text-decoration:none;
}

#subnav #nav-1 a {
padding-left:20px;
}

#subnav ul li a:hover {
color:#000000;
background:#CCCCCC url(../images/nav_slant.gif) no-repeat scroll right top;
}

#subnav ul li a.active{
color:#000000;
}

ul#more {
clear:left;
margin-top:60px;
}

/*** left navigation ***/

#leftnav {
	width: 165px;
	border-style: solid solid none solid;
	border-color: #677D92;
	border-size: 0px;
	border-width: 0px;
	float:left;
	margin:15px 0 0 0;
	text-align:left;
	}

#leftnav ul { margin:0px;padding:0px;list-style-type:none;}

#leftnav li {margin:0px;}
	
#leftnav li a {        
  	border-bottom: 1px solid #aaa;
	text-decoration: none;
	
	}

#leftnav li a:link, #leftnav li a:visited {
	color: #333;
	display: block;
	background-color: #FFF;
	padding: 8px 10px 10px 10px;
	}
	
#leftnav li a:hover {
	color: #00F;
	background-color: #FFF;
	padding: 8px 10px 10px 10px;
	}
	
#leftnav li a:active {
	color: #000;
	background-color: #CCC;
	padding: 8px 10px 10px 0px;
	}

#leftnav li a.active{
	color: #333;
	background-color: #CCC;
	padding: 8px 10px 10px 10px;
	}


/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
min-height:500px;
        width:900px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	border-top:1px solid #000;
	}

/* common column settings */
.colright, .colmid, .colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1, .col2, .col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	
}
.colitem{				/* every block inside the left and right columns */
	float:left;		
}

/* holy grail 3 column settings */
.threecol {
	background:#eee;    	/* Right column background colour */
}
.threecol .colmid {
	float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
}
.threecol .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:400px;         	/* Left column width + right column width */
	background:#fff;    	/* Left column background colour */
}
.threecol .col1wrap {
        float:left;
	width:27.8%;
	position:relative;
	left:100%;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.threecol .col1 {
        margin:0 15px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;	
	overflow:hidden;
}

.threecol .col2 {
        float:left;
        float:right;		/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-hand side padding on the left column */	
}
html>body .threecol .col2 {right:15px;}

.threecol .col3 {
        float:left;
        float:right;		/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
}
html>body .threecol .col3 {margin-right:45px;}


/* 2 column left menu settings */
.leftmenu {
	border-right:solid 0px;
	background-color:#FFF;
}
.leftmenu .colright {
        float:left;
        width:200%;
	position:relative;
	left:200px;
        background:#fff;

}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:0px;
	padding-bottom:1em;
}
html>body .leftmenu .col1wrap {right:0px;}
.leftmenu .col1 {
        margin:0 15px 0 5px;
	position:relative;
	right:100%;
	width:75%;
	overflow:hidden;
}
.leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
}

/* 2 column right menu settings */
.rightmenu {
	background:#ff9;
}
.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-210px;
        position:relative;
        right:100%;
        background:#fff;
}
html>body .rightmenu .colleft { margin-left:-200px;}

.rightmenu .col1wrap {
	float:left;
	width:49%;
	position:relative;
	left:39%;
	padding-bottom:1em;
}
html>body .rightmenu .col1wrap {width:50%;left:50%;}

.rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
}
.rightmenu .col2 {
        float:right;
        width:170px;
        position:relative;
        left:185px;
    }

/* Full page settings */
.fullpage {
	background:#fff;		/* page background colour */
}
.fullpage .col1 {
	width:96%;			/* page width minus left and right padding */
	left:2%;			/* page left padding */
}

/* 2 Column (double page) settings */
.doublepage {
	background:#eee;		/* right column background colour */
}
.doublepage .colleft {
	right:50%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.doublepage .col1 {
	width:46%;			/* left column content width (column width minus left and right padding) */
	left:52%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:46%;			/* right column content width (column width minus left and right padding) */
	left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Forms styles */

#search, #mailing{
	padding:5px;
	margin-top:10px;
	float:left;
	border: solid 1px;
	background-color:#ccc;
	color:#FFF;
}

/* cheklist tabel */

.checklist{
	background-color:#FFF;
}

.checklistheader{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#003399;
width:120px;

}

.checklistdata {

font-size:12px;
text-align:left;

}


/* Price table styles */

.pricetable {
border:1px solid #6699CC;
font-family: Arial,Verdana,Sans-serif;
font-size:12px;
margin-top:15px;
margin-bottom:15px;
text-align:left;
width:350px;
}
.pricetable th {
border-bottom:1px dashed #6699CC;
color:#003399;
font-size:14px;
font-weight:normal;
padding:12px 17px;
}
.pricetable td {
color:#666699;
padding:7px 17px;
}
.pricetable tr:hover td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D0DAFD none repeat scroll 0 0;
color:#333399;
}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	background:#666;  /* Footer background colour */
	color:#999;

}
#footer p {
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:2px;
        margin:0;
}

a.footer {
	color:#999;
	text-decoration:none;
}
a.footer:hover {
	color:#CCC;
	text-decoration:none;
	border:none;
}

a.footer2 {
	color:#999;
	text-decoration:none;
}
a.footer2:hover {
	color:#999;
	text-decoration:none;
	border:none;
}

/* SubPageList */

#subpage {
cursor:pointer;
cursor:hand;
text-align: left; 
width: 303px;
float:left;
height:169px;
border: 0px solid #999; 
background-image: url('/images/EasyP4U-Border.jpg');
background-repeat:no-repeat;
padding: 0px; 
margin: 10px;
}


#subpageSmall {
	text-align: center;
	cursor:pointer;
	cursor:hand;
	width: 46%;
	float:left;
	height:50px;
	border: 1px solid #999;
	background-color: #06F;
	padding: 0px;
	margin: 10px;
}

#subpageSmall:hover {
	background-color: #00C;
}

#subpage:hover {
background-image: url('/images/EasyP4U-Border-over.jpg');
background-repeat:no-repeat;

}
#subpage img{
float:left;
height:135px;
padding:0 5px 0 0;
margin:0;
}

#subpage p{
padding:5px 0 0 0;
margin:0;
color:#666;
}

#subpage h2{
	text-align:center;
}

#shortDescription {
	float:left;
	width:155px;
	margin-top:3px;
	height:130px;
	color:#009;
	font-size:11px;
}

#productPageList {
	style="text-align: center;
	width: 45%;
	float: left;
	border: 1px solid #999;
	background-color: #CFF;
	padding: 5px;
	margin: 10px;
	height:130px;
}




#iFrame {
	width:670px;
	height:700px;
	border:0px;
      }

#Product{
	width:700px;

}


#Spects{
float:left;
width:500px;

}

#Spects-Photo
{
	float:left;
	width:100px;

}













/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
