/*  */
    /* General styles */
    body {
	margin:0;
	padding:0;
			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	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:90%;
	background-color: #CCCCCC;
	
    }
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #333333;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #333333;
}
#breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	position: absolute;
	top: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#SearchForm {
	position: absolute;
	top: 2px;
	left: 88%;
	width: 175px;
	margin-left: -50px;
	height: 14px;
	float: left;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #333333;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}
p {
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
}

	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
    }
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
    #header {
	clear:none;
	float:none;
	background-repeat: no-repeat;
	height: 140px;
	width: 784px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: 0px -1350px;
	text-indent: -9999px;
	position: relative;
	margin-left: -392px;
	left: 50%;
	margin-top: 10px;
	border-bottom-style: none;
	border-bottom-color: #666666;
    }
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
	clear:both;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
	background-color: #CCCCCC;
	}
	/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	background-color: #CCCCCC;
	background-position: 0px 0px;
	}
	/* 2 column left menu settings */
	.leftmenu {
	background-color: #CCCCCC;
	}
    .leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background-color: #CCCCCC;
	background-position: 0px 0px;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
    }
	/* Footer styles */
	#footer {
	clear:none;
	float:left;
	border-top:1px solid #000;
	width: 100%;
	position: relative;
	bottom: 2px;
	left: 5px;
    }
#Viewcart {
	position: absolute;
	top: 70px;
	right: 30px;
}
#options {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	list-style-type: disc;
}

    #footer p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 7px;
	padding-bottom: 7px;
    }
	
	#nav {
	width:140px;
	height:350px;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	position: fixed;
	left: 30px;
	top: 140px;
}

#nav li, #nav a {
height:70px;
display:block;
text-indent: -9999px;
}

#nav li {
	float:none;
	list-style:none;
	
}

#home {
	width: 140px;
	height: 70px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -846px 0px;	
}
#about {
	width: 140px;
	height: 70px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -846px -70px;
}
#faq {
	width: 140px;
	height: 70px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -846px -140px;
}
#buy {
	width: 140px;
	height: 70px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -846px -210px;
}

#contact {
	width: 140px;
	height: 70px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -846px -280px;
}

#home a:hover {
	background:url(../Assets/mainSPRITE.png);
	background-repeat: no-repeat;
	background-position: -996px 0px;
	
}
#about a:hover {
	background:url(../Assets/mainSPRITE.png);
	background-repeat: no-repeat;
	background-position: -996px -70px;
}
#faq a:hover {
	background:url(../Assets/mainSPRITE.png);
	background-repeat: no-repeat;
	background-position: -996px -140px; }

#buy a:hover {
	background:url(../Assets/mainSPRITE.png);
	background-repeat: no-repeat;
	background-position: -996px -210px; }

#contact a:hover {
	background:url(../Assets/mainSPRITE.png);
	background-repeat: no-repeat;
	background-position: -996px -280px; }

#headerHOME {
clear:none;
	float:none;
	background-repeat: no-repeat;
	height: 150px;
	width: 784px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -855px -1350px;
	
	position: relative;
	margin-left: -392px;
	left: 50%;
	margin-top: 10px;
}


#switchform {
}
#switcharoo {
	position: absolute;
	left: 38%;
	top: -2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#Homeimage {
	background-image: url(../Assets/mainSPRITE.png);
	background-position: 0px 0px;
	height: 525px;
	width: 650px;
	top: 35px;
	position: relative;
	background-repeat: no-repeat;
	float: right;
	left: 1px;
	clear: both;
	margin-right: 100px;
	text-indent: -9999px;	
}

#Homeimage:hover {
	background-image: url(../Assets/mainSPRITE.png);
	background-position: 0px -545px;
	
}
#feature {
	position: fixed;
	left: 30px;
	top: 500px;
}

#arrow {
	width:210px;
	height:100px;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	position: absolute;
	top: 1px;
	right: 2px;
	
			
}

#arrow li, #arrow a {
	text-indent: -9999px;
	width: 100px;
	float: left;
	height: 100px;
}

#arrow li {
	list-style:none;
	width: 100px;
	display: inline;
	
}


#left {
	width: 100px;
	height: 100px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -846px -444px;
	
}
#right {
	width: 100px;
	height: 100px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -1000px -444px;
}

#left a:hover {
	background:url(../Assets/mainSPRITE.png);
	background-repeat: no-repeat;
	background-position: -845px -576px;
	height: 100px;
	width: 100px;
	
}
#right a:hover {
	background:url(../Assets/mainSPRITE.png);
	background-repeat: no-repeat;
	background-position: -1000px -576px;
}

	#footer .PPLogo {
	float: left;
	position: absolute;
	right: 20px;
}	


#WDF {
	width:175px;
	height:60px;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	position: absolute;
	top: 40px;
	right: 40px;
	border: thin solid #333333;	
			
}

#WDF li, #WDF a {
	text-indent: -9999px;
	width: 175px;
	float: left;
	height: 60px;	
}

#WDF li {
	list-style:none;
	width: 175px;
	display: block;
	
}


#wdf {
	width: 173px;
	height: 60px;
	background-image: url(../Assets/mainSPRITE.png);
	background-position: -0px -1166px;
	
}
#wdf a:hover {
	background-repeat: no-repeat;
	background-position: -251px -1166px;
	height: 60px;
	width: 173px;
	background-image: url(../Assets/mainSPRITE.png);	
}
#loading {
	height: 75px;
	width: 300px;
	margin-left: -150px;
	position: absolute;
	left: 50%;
	top: 350px;
}
#et {
	margin-left: 25px;
	padding-left: 10px;
}

    /*  */
    </style>