html{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #000000;
	background-image: url('/images/header_background.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	color: #666666;
	}
	

h1, h2, h3, h4 ,h5, p{
	font-weight: lighter;
	color: #585858;
	}
	
h1{
	font-size: 24pt;
}
h2{
	font-size: 18pt;
}
h3{
	font-size: 16pt;
}
h4{
	font-size: 14pt;
}
h5{
	font-size: 12pt;
}
h6{
	font-size: 10pt;
}

img{
	border: 0px;
}

a:link, a:active, a:visited{
	color: #c00fa1;
	text-decoration: none;
	}

a:hover{
	color: #c00fa1;
	text-decoration: underline;
	
}


div.all{
	width: 960px;
	margin: auto;
}	
	
	
div.header{
	height: 155px;
	margin-bottom: 5px;

	}
	
	div.header div.topmenu{
	background-image: url('/images/menu_background.jpg');
	background-repeat: repeat-x;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;			
		
	}
		div.topmenu ul{
			margin-left: 5px;
			padding: 0px;
		
		}
		
			div.topmenu li{
				display: inline;
				font-size: 13px;
				margin-left: 15px;
				padding-right: 15px;
				margin-bottom: 2px;
				border-right: 1px solid #ffffff;
			}
			
			div.topmenu li.last{
				border-right: 0;
			}
			
			div.topmenu a, a:hover{
				font-size: 14px;
				color: #EEEEEE;
			}
			div.topmenu a:hover{
				font-size: 14px;
				color: #ffffff;
			}
			
			div.logout a{
				float: right;
				font-size: 18px;
				color: white;
				margin-top: -100px;
				margin-right: 30px;
				}
			div.logout a:hover{
				float: right;
				font-size: 18px;
				color: white;
				margin-top: -100px;
				margin-right: 30px;
				text-decoration: underline;
				}

	
	
div.leftmenu{
	float: left;
	width: 200px;
	color: #3f3f3f;
	margin-top: -16px;
	
	}
	
	div.leftmenu div.menublock{
		width: 200px;
		padding: 0px;
		padding-bottom: 5px;
		margin-bottom: 5px;
		background-color: #FFFFFF;
	}
		
		div.menublock h1{
			font-size: 16px;
			margin-left: 12px;
			padding-top: 10px;
		
		}	
		div.menublock ul{
			margin-left: 5px;
			padding: 0px;
		
		}
		
			div.menublock li{
				list-style: none;
				font-size: 12px;
				margin-left: 5px;
				padding-left: 2px;
				margin-bottom: 2px;
			}
			
			div.menublock a{
				font-size: 12px;
				color: #3f3f3f;		
			}
			div.menublock a:hover{
				font-size: 12px;
				color: #c00fa1;	
			}
			
	
		div.leftmenu div.basket{
			width: 190px;
			padding: 5px;
			padding-bottom: 5px;
			margin-bottom: 5px;
			background-image: url('/images/login_background.jpg');
			background-repeat: repeat-x;
			color: #FFFFFF;
		}
			div.basket h2{
				font-size: 20px;
				margin-left: 10px;
				margin-top: -5px;
				text-align: left;
				height: 20px;
				color: #FFFFFF;
			}
			
			div.basket span.details{
				float: right;
				margin-right: 10px;
				font-size: 12px;
			}
			
			div.basket a{
				font-size: 12px;
				color: #ffffff;		
			}
			div.basket a:hover{
				color: #000000;	
			}
			
			div.basket a.view_link{
				background-color: #a51984;
				color: #ffffff;
				border: 1px solid #ffffff;
				padding: 2px;
			}
		#productlink {
				font-size: 18px;

		}
		#productlink:hover {
				font-size: 18px;

		}
	/*login box styles */

	div.leftmenu div.loginbox{
		width: 200px;
		height: 175px;
		padding: 0px;
		margin-bottom: 5px;
		background-image: url('/images/login_background.jpg');
		background-repeat: repeat-x;
	}
			
			div.loginbox h3{
				font-size: 20px;
				margin-left: 10px;
				text-align: left;
				height: 20px;
				color: #FFFFFF;
			}
			
			div.loginbox div.formrow{
				padding-top: 0px;
			}
		
			div.loginbox span.loginlabel{
				float: none;
				width: auto;
				text-align: left;
				padding: 0px;
				margin-left: 10px;
				font-size: 10px;
				color: #FFFFFF;
			}
			
			div.loginbox input.text{
				margin-left: 10px;
				height: 12px;

				font-size: 10px;
			}	
			
			div.loginbox input.submit{
					font-size: 10px;	
					background-color: #a51984;
					color: #ffffff;
					border: 1px solid #ffffff;
					padding: 2px;
			}

			div.loginbox input.submit:hover{
				font-size: 10px;	
					color: #ffffff;
					border: 1px inset #a51984;
					padding: 2px;
			}

			
			div.loginbox span.register{
				margin-left: 5px;
				color: #ffffff;
				font-size: 10px;	
				
			}
				span.register a{
					font-size: 10px;	
					color: #ffffff;
					padding: 2px;
						
				}
				
				span.register a:hover{
					font-size: 10px;	
					color: #000000;
					padding: 2px;
										

				}
			
			div.loginbox span.loggedin{
					margin-left: 10px;
					color: #ffffff;
			}

			span.logout a{
				font-size: 12px;	
				background-color: #a51984;
				color: #ffffff;
				border: 1px solid #ffffff;
				padding: 2px;
				padding-left: 10px;
				padding-right: 10px;	
				margin: 20px;
			}
			
			span.logout a:hover{
				font-size: 12px;	
				color: #ffffff;
				border: 1px inset #a51984;
				padding: 2px;
				padding-left: 10px;
				padding-right: 10px;					

			}
			
			div.loginbox a.edit_account_link{
				padding: 10px;
				font-size: 10px;
				color: #ffffff;
				text-align: center;
			}
			div.loginbox a.edit_account_link:link{
				padding: 10px;
				font-size: 10px;
				color: #ffffff;
				text-align: center;
			}
			div.loginbox a.edit_account_link:hover{
				padding: 10px;
				font-size: 10px;
				color: #ffffff;
				text-align: center;
			}
			

	
div.content{
	margin-top: 10px;
	margin-left: 210px;
	min-height: 420px;
	padding: 5px;
	background-color: #FFFFFF;	
	}
	
	div.content h1{
		margin-top: 0px;
	}
	
	div.content div.left{
		width: 400px;
		float: left;
	
	}
	
	div.content div.right{
		margin-left: 410px;
		}
		
	div.content div.fullwidth{
		padding: 5px;
		margin: 5px;
	
	}
	
	div.content a{
		font-size: 14px;
		color: #c00fa1;
	}
	
	div.content a:hover{
		font-size: 14px;
		color: #c00fa1;
		text-decoration: underline;
	}
	
div.footer{
	width: 747px;
	margin-left: 210px;
	padding: 2px;
	background-color: #c74d9b;	
	color: #FFFFFF;
	margin-top: -10px;
	text-align: center;
	
	
}
	div.footer ul{
		margin-top: 0px;
		margin-left: -40px;
	}

	div.footer li{
		display: inline;
		padding-left: 20px;
		padding-right: 20px;
	}
	div.footer a:link, a:active, a:visited{
		color: #FFFFFF;
		text-decoration: none;
	}

	div.footer a:hover{
		color: #FFFFFF;
		text-decoration: underline;
		font-size: 16px;
	}
	
	div.footer div.footercontact{
		text-align: center;
		font-size: 10px;
	}
		div.footercontact h2{
			color: #FFFFFF;
			font-size: 14px;
			margin: 0px;
			margin-top: -5px;
		
		}
	
div.scroller{
	border: 2px solid #d5b5ce;
	margin: 10px;
	padding: 10px;
	padding-right: 20px;
	background-color: #FFFFFF;	
}

form fieldset {
	margin: 10px 15px;
	padding-bottom: 5px;
}

div.formrow {
	padding-top: 10px;
}

div.formrow label span {
	float: left;
	width: 140px;
	text-align: right;
	padding-right: 5px;
}

br.clear{
	clear: both;
}

img.right{
	float: right;
	padding: 5px;
	border: 1px solid #666666;
}

img.left{
	float: left;
	padding: 5px;
	border: 1px solid #666666;
}

.red{
	color: red;
}

.green{
	color: green;
}

/* CMS editor styles */

div.loginform{
	margin-left: 30%;
	margin-right: 30%;	
	background-color: white;
	padding: 20px;}

div.cmscontent{
	margin-top: 5px;
	margin-left: 225px;
	padding: 5px;
	background-color: #FFFFFF;	
	}
div.cmsleftmenu{
	float: left;
	width: 220px;
	color: #3f3f3f;
	margin-top: -11px;
	
	}
	
	div.cmsleftmenu div.menublock{
		width: 205px;
		padding: 0px;
		padding-bottom: 5px;
		font-size: 10px;
		margin-bottom: 5px;
		background-color: #FFFFFF;
	}
		
		div.cmsleftmenu a, div.cmsleftmenu a:hover{
			font-size: 11px;
		}

div.editor{
	margin: 20px;
	padding: 5px;
	border: 1px solid #333399;
	background-color: #FFFFFF;	
	}
	
div.user_feedback{
	border: 1px solid black;
	background-color: #ffffff;
	color: red;
	padding: 5px;
	text-align: center;
	margin-left: 225px;
}

div.fullwidth_user_feedback{
	border: 1px solid black;
	background-color: #ffffff;
	color: red;
	padding: 5px;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}




/**************************/	
/* individual page styles */
/**************************/

/* index page */

div.indeximage{
	float: right;

	width: 240px;
}
	div.indeximage img{
		margin-left: -15px;		
		margin-top: 32px;
	}

div.roomlist{
	width: 350px;
	padding-top: 5px;
}
	

	div.roomlist div.room{
		height: 45px;
		margin-bottom: 20px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;		
		background-image: url('/images/room_list_background.jpg');
		background-repeat: repeat-x;
		color: #333333;
	}
	
		div.room div.roomtitle{
		width: 125px;
		float: left;
		padding-left: 5px;
		font-size: 11px;
		}
		
		div.room div.roomdescription{
			height: 40px;
			padding-top: 5px;
			padding-left: 5px;
			margin-left: 130px;
			background-image: url('/images/room_list_border.jpg');
			background-repeat: no-repeat;
			background-position: left;
			line-height: 12px;
		font-size: 11px;
		}
		
		div.room a{
			text-decoration: none;
			color: #EEEEEE;
			font-size: 11px;
		
		}
		
		div.room a:hover{
			text-decoration: none;
			color: #FFFFFF;
			font-size: 11px;
		
		}
		
		div.roomstitle{
			font-size: 18px;
		}
		
		div.roomflash{
			text-align: center;
		
		}
/* products page */

div.category{
	float: left;
	width: 200px;
	height: 180px;
	border: 1px solid #666666;
	margin: 5px;
	padding: 5px;

}
	div.category div.category_title{
	
		text-align: center;
		color: #666666;
		margin-bottom: 10px;	
		font-size: 14px;	
	}
		div.category_title img{
			padding-left: 5px;
			height: 75px;
			margin-top: 10px;
			
		}

		div.category_title a{
			color: #666666;
			text-decoration: none;	
			font-size: 14px;	
		}
	
		div.category_title a:hover{
			color: #c00fa1;
			font-size: 14px;	
		}


	div.category div.category_description{
		font-size: 12px;	
	
	}
		
div.product{
	border: 1px solid #666666;
	margin: 5px;
	padding: 5px;
	min-height: 320px;
}
	div.product div.product_title{
		text-align: center;
		color: #666666;
		margin-bottom: 10px;	
		font-size: 16px;	

	}
		div.product_title a{
			color: #666666;
			text-decoration: none;	
			font-size: 16px;	
		}
	
		div.product_title a:hover{
			color: #c00fa1;
			font-size: 16px;	
		}


	div.product div.product_description{
		font-size: 14px;	
	
	}
		div.product_description img{
			max-height: 200px;
			max-width: 200px;
			float: right;
			padding: 5px;
		}
	
	div.product div.product_buy{
		float: left;
		margin-top: 30px;
	}	
	
	div.product div.video{
		padding: 5px;
		margin: 10px;
		border: 1px solid #666666;
		width: 600px;
		}
	
	div.page_numbers{
		font-size: 14px;
		text-align: center;
	}
		div.page_numbers a:link{
			font-size: 14px;
		}

		div.page_numbers a:hover{
		
		
		}
		
		div.page_numbers span.current{
			font-size: 16px;
			color: #444444;
		
		}
		
		div.page_numbers span.disabled{
			color: #dddddd;
		
		}
		
div.product_popup{
		background-color: #ffffff;
		border: 1px solid #666666;}
		
		div.product_popup a:link{
			font-size: 14px;
			color: red;
		
		}
		
/* register page */

label span{
	font-size: 14px;
}

span.form_error{
	color: red;
	text-decoration: blink;
	}
	
/* Forum page */


div.forum{
	margin-left: 200px;
	padding: 10px;
	text-align: center;
	width: 200px;
	border: 1px solid #666666;
}

/* news page */

	div.box{
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px;
	background-color: #FFFFFF;	

	}
	
	div.story{
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px;
	background-color: #FFFFFF;	
	}
	
	div.box a:hover{
		border-bottom: 1px dotted #666666;
		color: #c00fa1;
		font-size: 14px;
	
	}
		
/* support downloads page */

	div.section{
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px;
	background-color: #FFFFFF;	
	}

 a.section{
	font-size: 16px;	
}


/* View basket */


tr.cartitem{
		text-align: left;
		font-size: 12px;
		
}

	th.center{
		text-align: center;
		font-size: 12px;
		
	}

	
	th.right{
		text-align: right;
		font-size: 12px;
		
	}
	
	td.right{
		text-align: right;
	}
	
	th.left{
		text-align: left;
		font-size: 12px;
		
	}
	
	td.center{
		text-align: center;
	}
	
	
	
td{
	font-size: 12px;}

#billing{
	display: none;
}

#purchase_order{
	display: none;
}

img.right{
	float: right;
	padding: 10px;
		max-height: 200px;
			max-width: 200px;
}

em.small{
	font-size: 12px;

}

span.small{
	font-size: 9px;
}



/* share section */

div.share_section{
	border: 1px solid #CCCCCC;
	width: 570px;
	margin: 2px;
	padding: 2px;
}

	div.share_section a, div.share_section p{
		color: #666666;
	}
	
	div.share_section h2{
		font-weight: bold;
		padding: 0px;
		margin: 5px;
	}



div.share_package{
	width: 530px;
	margin-bottom: 5px;
	background-image: url('/images/large_folder_bottom.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-left: 15px;
}
	div.share_package h2{
		height: 82px;
		background-image: url('/images/large_folder_top.jpg');
		background-position: top left;
		background-repeat: no-repeat;
		margin-left: -15px;
	}	

	div.share_package div.package_title{
		height: 100px;
		text-align: center;
	}

		div.package_title span.package_title{
			font-weight: bold;
			font-size: 20px;
			margin-left: -100px;	
			padding-top: 30px;
		}
		div.package_title img.type{
				float: left;
				padding: 15px;				
			}
		div.package_title img.download{
				float: right;
				padding: 15px;
				margin-top: -25px;
			}	
	
	div.share_package div.package_description{
		padding: 10px;
		margin-top: 20px;
	}