body {

	background-color: #e6e6e6;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;
	
	font-size: 90%;
	
	color: #333;
}

#wrap {

	min-width: 950px;

}

#logo {
	margin: 15px 0px 20px 20px;
}

#front {
	display: block;
	width: 500px;
	margin-top: 180px;
	margin-left: auto;
	margin-right: auto;
}

#front #logo {
	float: left;
}

#front a#enter_site {
	display: block;
	float: right;
	margin-top: 140px;
	width: 140px;
	height: 70px;
	background: url('/images/enter.jpg');
}

#front a#enter_site:hover {
	background-position: 0px 70px;
}

#leftcol {

	width: 320px;

	float: left;

}

#rightcol {

	float: left;

	margin-left: 20px;	

	width: 750px;

}

#rightcol h2 {
	margin-top: 30px;
	font-size: 110%;
}



#rightwrap {

	width: 100%;

}

#im {

	margin: auto;

	float: left;

	margin: 5px 0px 0px 0px;		

	clear: both;

	height: 510px;

}

#info {

	float: left;

	margin-left: 10px;	

	clear: both;

	width: 100%;	

}

#info #bar {

	clear: both;

	float: left;  

	border: solid 2px;

	background-color: #ccc;

	border-color: #ddd #aaa #aaa #ddd;

	width: 100%;

	height: 20px;

	padding: 5px;

	font-size: 12px;

	color: #333;

}

#info #bar span.name {

	float: left;

}

#info #bar span.size {

	float: right;

	margin-right: 10px;

}

#info #bar a#prices {

	float: right;

	width: 60px;

	height: 15px;

	background-color: #eee;

	margin: 2px 2px 0px 0px;

	border: solid 1px;

	border-color: #999 #ddd #ddd #999;

	font-size: 11px;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #666;

}

#info #bar a#help:hover {

	background-color: #fff;

	border-color: #ddd #999 #999 #ddd;

	color: #000;

}

#info #nav {

	clear: both;

	width: 100%;

	height: 30px;

	margin-bottom: 20px;

}

#info #nav #backnav {

	float: left;

	width: 100px;

	height: 20px;

}

#info #nav #navdesc {

	width: 400px;

	height: 20px;

	text-align: center;

	float: left;

	font-size: 10px;

	padding-top: 15px;

}

#info #nav #nextnav {

	float: right;

	width: 100px;

	height: 20px;

	text-align: right;

}

#info #nav #nextnav a {
	float: right;
}

a.nav,

a.nav:link,

a.nav:visited {

	display: block;

	width: 80px;

	height: 18px;

	color: #333;

	text-decoration: none;

	background-color: #e3e3e3;

	font-size: 14px;

	border: solid 1px #ccc;

	text-align: center;

}

a.nav:hover {

	background-color: #fff;

	color: #000;

	border: solid 1px #333;

}

div#colourselector {

	display: block;

	width: 150px;

	float: left;	

}

div#magnify {

	display: block;

	width: 100px;

	float: right;	

	text-align: center;

}

div#magnify span {

	width: 100%;

	font-size: 0.7em;

	color: #ff0000;	

	margin-bottom: 5px;

}

div#colourselector ul {

	list-style-type: none !important;

}

ul#colours {

	display: block;

	margin: 0;

	margin-left: 20px;

	margin-top: 20px;

	padding-left: 0;

	width: 72px;

	height: 80px;

	overflow: scroll;

	list-style-type: none !important;

	clear: both;

}

ul#colours li {		

	width: 100%;

}

ul#colours li a {

	background-image: none;

	display: block;

	width: 50px;

	text-decoration: none;

	margin-bottom: 1px;

	border-right: solid 4px #fff;

}

ul#colours li a:hover {

	border-right: solid 4px #000;

}

div#contentpane {

	margin-top: 20px;

	margin-left: 20px;

	width: 550px;

	height: 500px;

	overflow: scroll;

	font-size: 0.7em;

	border: solid 1px #333;	

}

div#contentpane h1 {

	margin: 10px;

	font-size: 1.3em;

	font-weight: bold;

}

div#contentpane h2 {

	margin: 10px;

	font-size: 1.1em;

	font-weight: bold;

}

div#contentpane p {

	margin: 10px;

}

.clearboth {

	width: 100%;

	height: 1px;

	clear: both;

}

a,

a:link,

a:visited {

	font-size: 1.2em;

	font-weight: bold;

	color: #000;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

span.telephone {

	color: #0000cc;	

}

form ul {
	margin: 0;
	padding: 0;
}

form > ul > li {
	list-style-type: none;
	display: block;			
	padding: 5px 5px 30px 5px;
}
form > ul > li.hidden {
	display: none;
}
form > ul > li.has_errors input {
	border: solid 1px #FF0000;
	background: #EFE7E7;
}
form ul li label {
	float: left;
	width: 180px;
}
form ul.errors {
	margin-left: 210px;
	margin-top: 10px;
	border: solid 1px FFCCCC;
	color: #FF0000;
	padding-left: 0;
}
form ul.errors li {
	list-style-image:url(/images/icons/warning.png);
}
input, textarea {
	border: solid 1px #999;
	padding: 2px;
	font-size: 1.1em;
}

form dl > dt,
form dl > dd {	
	display: block;	
	float: left;
	margin-bottom: 5px;
	background-color: #EFEFEF;
	padding: 10px;
	min-height: 30px;	
}
form dl > dt {
	width: 25%;
}
form dl > dd {
	width: 60%;
	margin-left: 0;
}
form dl > dd ul {
	float: left;
	margin: 0;
}

form label.required {
	font-weight: bold;
}

form div.hint {
	font-color: #999;
	font-size: 0.8em;
	margin-left: 180px;	
}

input.submit:hover, button:hover, input[type="submit"]:hover, input[type="file"] > input[type="button"]:hover {
	background:#D5D5D5 none repeat scroll 0 0;
}
input.submit, button, input[type="submit"], input[type="button"], input[type="file"] > input[type="button"] {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#E6E6E6;
	border:1px solid #CCCCCC;
	color:#000000;
	cursor:pointer;
	font-size:x-small;
	padding:4px 8px;
	vertical-align:top;
}

#viewport {
	display: table; 
	height: 500px;  
	#position: relative; 
	overflow: hidden; 
	width: 650px;
	border: solid 1px #ccc;
}
#viewport div {
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	text-align: center;
}
#viewport div div {
	#position: relative; 
	#top: -50%; 
	text-align: center;
}
#viewport div div img {
	border: solid 10px #fff; 
	margin-left: auto; 
	margin-right: auto;
}

.set_intro {
	font-size: 14px;
	text-align: left;
	width: 540px;
	padding-left: 50px;
}


.nav_btn {
	display: block;
	width: 50px;
	height: 50px;	
	background-position: 0px;
}

.nav_btn:hover {	
	background-position: 50px;
}

.nav_btn_prev {
	background: url(/images/back.jpg) 0px 0px;
}

.nav_btn_next {
	background: url(/images/next.jpg) 0px 0px;
}

table.prices {
	border: solid 1px #ccc;
}

#contactDetails {
	display: block;
	float: left;	
	width: 100%;
	padding: 5px 0px 5px 20px;
	margin-bottom: 15px;
	border: solid 1px #666;
}

#contactDetails #tel {
	width: 45%;
	float: left;
}
#contactDetails #address {
	width: 45%;
	float: right;
}
#magnifyHint {
	display: block;
	clear: both;
	float: right;
	margin-top: 15px;
	height: 25px;
	padding-left: 25px;
	background: url('/images/magnifier.jpg') left no-repeat;
	font-size: 80%;
}

a:active, a:focus { outline: 0; }

a#viewSetBtn {
	display: block;	
	height: 50px;
	width: 50px;	
	background: url(/images/next.jpg) 0px 0px no-repeat;
}
a#viewSetBtn:hover {
	background-position:50px;
}

#thumb-menu {

}

	#thumb-menu ul {
		list-style: none;
	}
	
		#thumb-menu ul li {
			list-style: none;
			float: left;
			margin: 0 10px 5px 0;			
		}
		
		#thumb-menu ul li div {
			text-align: center;
			font-size: 10px;
		}
		
		#thumb-menu ul li a {
			border: none;
			display: block;
			min-height: 170px;
			width: 150px;			
		}
		
		#thumb-menu ul li a,
		#thumb-menu ul li a:link,
		#thumb-menu ul li a:visited	{
			color: #666;
			text-decoration: none;
		}
		
		#thumb-menu ul li a:hover {
			background-color: #ccc;
			color: #333;
		}
		
		#thumb-menu ul li a img {
			border: solid 3px #fff;
			margin: 6px 6px 4px 6px;
		}
		
		#thumb-menu ul li a:hover img {
			border: solid 3px #fff;
		}