body{
	margin: 0px;
	font-family: arial;
	font-size: 11px;
	color: #003876;
	text-align: justify;
	background-color: #FFFFFF;
	background-image: url(../images/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/*background-attachment: fixed;*/
}
h2{ clear: both; float: none; width: 500px; height: auto; font-size: 20px; margin: 0px 0px 15px 0px; }
	h2.slogan{ width: 500px; margin: -5px 0px 20px 0px; color: #F78F1E; font-size: 18px; font-weight: normal; }
p{  }
	p.title{ margin: 10px 0px; color: #F78F1E; font-size: 14px; font-weight: bold; }
	p.cmsmain{ padding: 0px 0px 10px 0px; }
	p.instruction{ text-align: right; font-style: italic; font-size: 10px; }
a{ text-decoration: none; color: #F78F1E; }
	a:hover{ text-decoration: underline; }
	a img{ border: none; }
	a#requestCatalogueLink{ display: block; text-align: center; }
		a#requestCatalogueLink:hover{ text-decoration: none; font-weight: bold; }
img.articleimage{ float: left; margin: 0px 10px 5px 0px; }
form{
	position: relative;
	display: block;
	margin: 10px auto;
	padding: 5px;
	border: solid 1px #E5E5E5;
}
	form input,form textarea,form select{
		width: 400px;
		padding: 3px;
		font-family: arial;
		font-size: 11px;
		border: solid 1px #E3E3E3;
	}
	form select{ width: 408px; }
	form input[type=submit],form input[type=button]{
		width: auto;
		padding: 3px 10px;
		font-size: 11px;
		background-color: #D5D5D5;
		border: solid 1px #D5D5D5;
		cursor: pointer;
	}
		form input[type=submit]:hover,form input[type=button]:hover{
			background-color: #55AAFF;
			color: #FFFFFF;
			border: solid 1px #181213;
		}
	form ul li{
		clear: both;
		display: block;
		min-height: 20px;
		padding: 5px 0px;
	}
		form ul li.title{ font-size: 14px; padding: 0px; font-weight: bold; }
	form label{
		float: left;
		width: 100px;
		margin-right: 20px;
		padding-top: 5px;
		text-align: right;
		color: #003876;
		font-weight: bold;
	}
		form label span{
			display: block;
			color: #999999;
			font-style: italic;
			font-weight: normal;
		}

#parent{
	position: relative;
	display: block;
	width: 900px;
	height: 800px;
	margin: 100px auto 40px auto;
	padding: 30px 0px 50px 0px;
	background-color: #FFFFFF;
}

#statusmessagebar{ 
	position: fixed; 
	left: 0px; 
	top: 0px; 
	display: block; 
	width: 100%;
	margin: 0px;
	padding: 10px; 
	background-color: #F78F1E; 
	color: #181213;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	z-index: 99;
	cursor: pointer;
}

form#frmSearch{ padding: 6px 0px 0px 0px; border: none; }
	form#frmSearch input{ margin: 0px; padding: 2px 5px; border: solid 1px #F78F1E; }
		form#frmSearch input#q{ width: 130px; color: #999999; }
		form#frmSearch input#bttq{ padding: 2px 8px; background-color: #F78F1E; background-image: url(../images/bttq-bg.jpg); background-repeat: no-repeat; background-position: 50%;  }
#flag{  }
	#flag img{ height: 15px; }
#cart{  }
	#cart img{ height: 17px; }
	
#elogo{
	position: absolute;
	left: 690px;
	top: -100px;
}

#header{ display: block; margin: 0px 0px 30px 30px; }
	#header h1{ margin: 0px 0px 0px 0px; }

ul#mainnav{ position: absolute; z-index: 1; float: left; width: 190px; margin: -10px 0px 30px 10px; padding: 0px; list-style: none; background-color: #FFFFFF; }
	ul#mainnav li{ position: relative; clear: both; display: block; margin: 0px 0px; list-style: none; }
		ul#mainnav li.toolbar{ height: 45px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 2px; }
			ul#mainnav li.toolbar a{ background-image: none; float: left; margin: 0px 5px 0px 0px; padding: 5px 5px 0px 0px; }
			ul#mainnav li.toolbar a#loginlink{ font-size: 11px; background-color: #F78F1E; color: #FFFFFF; margin-top: 4px; padding: 2px 7px; }
				ul#mainnav li.toolbar a#loginlink:hover{ background-color: #003876; }
		ul#mainnav li a{ 
			display: block; 
			text-decoration: none; 
			color: #F78F1E; 
			font-size: 14px; 
			padding: 10px 0px 10px 20px; 
			background-image: url(../images/bullet-e.jpg);
			background-repeat: no-repeat;
			background-position: 0px 10px;
		}
			ul#mainnav li a:hover{ color: #003876; /*padding-left: 30px;*/ }
		ul#mainnav li ul{ 
			margin: 0px; 
			padding: 0px; 
			/*position: absolute;
			left: 0px;
			top: 40px;	
			background-color: #FFFFFF; 
			z-index: 1; 
			border: solid 1px #F4F4F4;*/  
		}
			ul#mainnav li ul li{ margin: 0px; padding: 0px 0px 0px 0px; }
				ul#mainnav li ul li a{ 
					display: block; 
					padding: 2px 0px 2px 20px; 
					font-size: 13px; 
					color: #003876; 
					background-image: none; 
					border-bottom: solid 1px #F8F8F8;
				}
					ul#mainnav li ul li a:hover{ color: #F78F1E; }
#cartcount{ font-size: 10px; }					
					
#maincontent{ float: left; width: 620px;  padding: 0px 0px 10px 0px; margin: 10px 0px 20px 215px; }
#promotionalimage{ display: block; }
#link-requestcatalogue{
	clear: both; 
	float: none; 
	display: block;
	width: 600px; 
	height: auto; 
	margin: 10px 0px;
	color: #F78F1E;
	color: #003876;
	font-size: 14px; 
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
	#link-requestcatalogue:hover{ color: #F78F1E; }

#contactdetails{ list-style: none; }
#cataloguelogos{ list-style: none; }
	#cataloguelogos li{ float: left; margin: 10px 20px; }
		#cataloguelogos li a{ display: block; }
			#cataloguelogos li a img{ padding: 3px; border: solid 1px #F4F4F4; }
				#cataloguelogos li a:hover img{ border: solid 1px #999999; }
			#cataloguelogos li.text a{ display: inline; }
	
#promotionalpanels{ clear: both; display: block; margin: 15px 20px 20px 20px; padding: 0px; list-style: none; }
	#promotionalpanels li{ float: left; width: 300px; margin: 0px 5px; }
		#promotionalpanels h3{ margin: 0px; color: #F78F1E; }
		#promotionalpanels li h3{ display: block; margin: 0px 0px 5px 0px; }
			#promotionalpanels li h3 img{ clear: both; display: block; width: auto; border: none; }
		#promotionalpanels li img{ float: left; width: 150px; margin: 0px 5px 0px 0px; border: solid 1px #F4F4F4; }
		#promotionalpanels li a{ float: left; width: 140px; text-decoration: none; color: #003876; }
			#promotionalpanels li a:hover{ color: #F78F1E; }
		#promotionalpanels li.leftpanel{ float: left; width: 165px; margin: 0px 25px 0px 0px; }
		#promotionalpanels li.gallerypreview{ float: left; display: block; width: 307px; }
			#promotionalpanels li.gallerypreview img{ border: none; }
			#promotionalpanels li.gallerypreview h3{ display: block; width: 307px; margin: 0px; }
				#promotionalpanels li.gallerypreview h3 img{ clear: both; float: none; display: block; }
					#promotionalpanels li.gallerypreview div#gallerypreviewholder{ border: none; }
						#promotionalpanels li.gallerypreview div#gallerypreviewholder div{ width: 307px; }
							#promotionalpanels li.gallerypreview div#gallerypreviewholder div a{ float:left; width: 150px; margin: 0px 1px; }
								#promotionalpanels li.gallerypreview div#gallerypreviewholder div a img{ }
		#promotionalpanels li.rightcorner{ float: left; display: block; width: 300px; }
			#promotionalpanels li.rightcorner h3{ clear: both; display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
			#promotionalpanels li.rightcorner p{ clear: both; display: block; padding: 0px 0px 20px 0px; margin: 0px 0px 10px 0px; }
			#promotionalpanels li.rightcorner a{ clear: both; display: block; width: 100%; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom: solid 1px #E4E4E4; }
		#promotionalpanels li#newspanel{  }
			#promotionalpanels li#newspanel a{ float: left; }
				#promotionalpanels li#newspanel a.title{ display: block; font-size: 12px; font-weight: bold; }
				#promotionalpanels li#newspanel a.newsthumb{ margin-right: 15px; }
			#promotionalpanels li#newspanel p{ margin: 5px 0px; }
		#promotionalpanels li#promopanel{  }
			#promotionalpanels li#promopanel a{  }
				#promotionalpanels li#promopanel a.title{ display: block; font-size: 12px; font-weight: bold; }
			#promotionalpanels li#promopanel p{ margin: 5px 0px; }

#panels{ clear: both; display: block; margin: 50px 0px 0px 4px; }
	#panels div.panel{ 
		float: left; 
		width: 216px; 
		height: 249px; 
		margin: 0px 3px 0px 3px; 
		padding: 5px 0px;
		background-image: url(../images/panel_bg.jpg);
		background-repeat: no-repeat;
	}
		#panels div.panel h3{ margin: 10px 0px 20px 0px; color: #F78F1E; font-size: 22px; font-weight: bold; text-align: center; } 

#productslist{ list-style: none; }
	#productslist li{ float: left; width: 180px; height: 200px; margin: 0px 2px; }
		#productslist li.title{ clear: both; float: none; width: 600px; height: auto; font-size: 20px; margin: 0px 0px 10px 0px; }
		#productslist li a{ display: block; padding: 5px; border: solid 1px #F4F4F4; color: #003876; text-decoration: none; }
			#productslist li a:hover{ border: solid 1px #003876; }
			#productslist li a span{  }
				#productslist li a span.image{ display: block; height: 155px; text-align: center; }
					#productslist li a span.image img{ width: 90%; }
					#productslist li a:hover span.image img{ width: 100%; }
				#productslist li a span.ref{ display: block; text-align: center; height: 25px; }
	#productslist li.categorybox{ float: left; width: 140px; height: 160px; margin: 2px 2px; }
		#productslist li.categorybox a span.image{ display: block; height: 125px; text-align: center; }

#productdetails{ list-style: none; }
	#productdetails li{  }
		#productdetails li.title{ clear: both; float: none; width: 600px; height: auto; font-size: 20px; margin: 0px 0px 10px 0px; }
			#productdetails li.title a{ color: #003876; text-decoration: none; }	
				#productdetails li.title a:hover{ color: #F78F1E; }
		#productdetails li.details{ border: solid 1px #F4F4F4; padding: 10px; }
		#productdetails li span.image{ float: left; width: 295px; margin: 0px 10px 0px 0px; }
			#productdetails li span.image img{ display: block; max-width: 295px; }
		#productdetails li span.title{ 
			display: block; 
			margin: 5px 0px; 
			padding: 0px 0px 5px 0px;
			font-size: 13px; 
			font-weight: bold; 
			color: #F78F1E; 
			border-bottom: solid 1px #F78F1E; 
		}
		#productdetails li span.price{ display: block; margin: 10px 0px; font-size: 11px; font-weight: bold; }
		#productdetails li span.description{ display: block; margin: 10px 0px; font-size: 12px; }
		#productdetails li span.dimensions{ display: block; margin: 5px 0px; font-size: 12px; }
		#productdetails li span.impression{ display: block; margin: 5px 0px; font-size: 12px; }
		#productdetails li div#colourblock{ display: block; padding: 10px 0px 5px 0px; }
			#productdetails li div#colourblock span{ float: left; margin: 0px 5px 0px 0px; }
		#productdetails li span.materials{ display: block; margin: 5px 0px; font-size: 12px; }
			#productdetails li span label{ float: left; width: 80px; font-style: italic; }
		#productdetails li.form{ display: block; background-color: #F4F4F4; margin: 10px 0px 0px; }
			#productdetails li.form form{ display: block; margin: 0px 0px 0px; padding: 10px; }
				#productdetails li.form form ul{ list-style: none; }
					#productdetails li.form form ul li{ padding: 2px 0px; }
						#productdetails li.form form ul li.title{ font-size: 14px; font-weight: bold; }
						#productdetails li.form form ul li.submitrow{ border-top: solid 1px #E4E4E4; text-align: right; margin: 10px 0px 0px; padding: 10px 0px 0px; }
						#productdetails li.form form ul li label{ 
							float: left; 
							width: 100px; 
							margin: 0px 15px 0px 0px; 
							padding: 3px 0px 0px 0px;
							font-style: italic; 
							text-align: right;  
						}
						#productdetails li.form form ul li select{ width: 300px; font-size: 11px; }
						#productdetails li.form form ul li input[type=text]{ width: 295px; font-size: 11px; }
					#productdetails li.form form ul li#cart_user_fields ul{  }
						#productdetails li.form form ul li#cart_user_fields ul li{  }
							#productdetails li.form form ul li#cart_user_fields ul li.title{ font-size: 12px; margin: 0px; padding: 10px 0px 0px; }
							#productdetails li.form form ul li#cart_user_fields ul li input[type=text]{ width: 250px; font-size: 11px; }
					#productdetails li.form form ul li#cart_register_fields ul{  }
						#productdetails li.form form ul li#cart_register_fields ul li{  }
							#productdetails li.form form ul li#cart_register_fields ul li input[type=text]{ width: 210px; font-size: 11px; }
							
#promothumbs{  
	list-style-type: none;
	margin: 5px -5px;
	padding: 0;
}
	#promothumbs li{ float: left; margin: 5px; }
		#promothumbs li a{ display: block; width: 120px; padding: 5px; border: solid 1px #EEEEEE; }
			#promothumbs li a:hover{  }
			#promothumbs li a span{ display: block; }
				#promothumbs li a span.image{ margin: 0px 0px 10px; }
					#promothumbs li a span.image img{ width: 120px; }
				#promothumbs li a span.title{ border: none; text-align: center; font-size: 11px; }
					

#newsmenu{ display: block; clear: both; margin: 20px 0px 0px 0px; padding: 0px; border-top: solid 1px #E4E4E4; list-style: none; }
	#newsmenu li{ float: left; padding: 10px; width: 170px; text-align: center; }
	#newsmenu li img{ display: block; margin: 5px auto; }
	#newsmenu li a{ display: block; margin: 5px auto; }
	#newsmenu li.middle{ width: 220px; }
		#newsmenu li.middle a{  }

#newsarchive{ list-style: none; padding: 0px; }
	#newsarchive li{ border-bottom: solid 1px #E4E4E4; }
		#newsarchive li a{ display: block; padding: 5px 10px; font-size: 12px; color: #003876; }
			#newsarchive li a span{ display: block; font-size: 10px; color: #666666; }
			#newsarchive li a:hover{ text-decoration: none; background-color: #F4F4F4; }
			
#frmRequestCatalogue{  }
	#frmRequestCatalogue ul{ list-style: none; }
		#frmRequestCatalogue ul li{  }

#employees{ position: relative; display: block; width: 550px; margin: 10px auto; padding: 5px; list-style: none; border: solid 1px #E4E4E4; }
	#employees li{ float: left; margin: 5px; }
	#employees li ul#employeeslist{ margin: 0px; padding: 0px; border: none; list-style: none; }
		#employees li ul#employeeslist li{ width: 150px; text-align: center; }
			#employees li ul#employeeslist li a{ color: #333333; }
				#employees li ul#employeeslist li a:hover{ text-decoration: none; color: #F78F1E; }
				#employees li ul#employeeslist li a span{ display: block; padding: 3px; text-align: center; }
					#employees li ul#employeeslist li a span.name{ font-weight: bold; }
						#employees li ul#employeeslist li a span.name span{ display: block; font-weight: normal; font-style: italic; }
					#employees li ul#employeeslist li a span.email{ font-weight: normal; }
	#employees li#displaypane{ 
		float: none; 
		position: absolute; 
		left: -6px; 
		top: -6px; 
		display: block; 
		width: 540px; 
		padding: 10px; 
		background: rgb(255,255,255); 
		background: rgba(255,255,255,0.95); 
		border: solid 1px #E4E4E4;
	}
	#employees li#tabs{
		float: none;
		clear: both;
		display: block;
		height: 25px;
		margin: -5px -5px 5px;
		padding: 0px 5px 5px;
		background-color: #F4F4F4;
	}
		#employees li#tabs a{
			float: left;
			margin: 0px 2px;
			padding: 5px 10px;
			background-color: #F4F4F4;
			color: #999999;
			border-right: solid 1px #E4E4E4;
			border-bottom: solid 1px #E4E4E4;
			border-left: solid 1px #E4E4E4;
		}
			#employees li#tabs a:hover,#employees li#tabs a.selected{  
				text-decoration: none;
				background-color: #F78F1E;
				color: #181213;
			}
		#employees li#displaypane div{ float: left; }
			#employees li#displaypane div.imagepanel{ position: relative; width: 250px; height: 340px; margin: 0px 10px 0px 0px; }
				#employees li#displaypane div.imagepanel img{ position: absolute; left: 0px; top: 0px; }
			#employees li#displaypane div.profile{ width: 270px; }
				#employees li#displaypane div.profile span.name{ display: block; margin: 0px 0px 5px; padding: 0px 0px 5px; font-size: 13px; font-weight: bold; border-bottom: solid 1px; }
					#employees li#displaypane div.profile span.name span{ display: block; margin: 0px 0px 5px; padding: 0px 0px 5px; font-size: 11px; font-weight: normal;}
				#employees li#displaypane div.profile span.email{ display: block; padding: 5px 0px 10px; /*text-align: right;*/ }
				#employees li#displaypane div.profile span.bio{ display: block; font-size: 12px; }
				#employees li#displaypane div.profile span.close a{ 
					display: block; 
					margin: 10px 0px 0px; 
					padding: 3px; 
					font-weight: bold;
					text-align: right; 
				}
		
#galleryviewer{  }
	#galleryviewer img{ float: left; margin: 0px 10px 10px 0px; }
	#galleryviewer p{ float: left; font-size: 12px; }
#gallery{ list-style: none; }
	#gallery li{ float: left; width: 153px; height: 133px; margin: 5px; padding: 5px; border: solid 1px #E4E4E4; }
		#gallery li img{ display: block; width: 153px; }
		#gallery li span{ display: block; height: 30px; padding: 3px; text-align: center; }
						
#footer{
	position: absolute;
	left: 625px;
	top: 860px;
	font-size: 10px;
	color: #999999;
	text-align: right;
}
						
#usermgmtlist{ list-style: none; margin: 0px; padding: 0px; }
	#usermgmtlist li{  }
		#usermgmtlist li a{ display: block; margin-bottom: 1px; padding: 5px; background-color: #003876; font-size: 12px; color: #FFFFFF; font-weight: bold; }
			#usermgmtlist li a:hover,#usermgmtlist li a.selected{ background-color: #F78F1E; text-decoration: none; }
			
ul.cartblock{ list-style: none; margin: 0px 0px 20px; padding: 0px; }
	ul.cartblock li{ display: block; margin-bottom: 1px; padding: 5px; background-color: #FFFFFF; font-size: 11px; color: #003876; font-weight: normal; border-bottom: solid 1px #E4E4E4; }
		ul.cartblock li.title{ display: block; margin-bottom: 1px; padding: 5px; background-color: #003876; font-size: 12px; color: #FFFFFF; font-weight: bold; border: none; }
		ul.cartblock li span{ float: left; }
		ul.cartblock li span.date{ width: 70px; }
		ul.cartblock li span.title{ width: 360px; font-weight: bold; }
		ul.cartblock li span.quantity{ width: 100px; }
		ul.cartblock li span.link{ width: 40px; }
		ul.cartblock li span.details{ float: none; clear: both; display: block; padding: 10px 100px 10px 70px; font-size: 10px; background-color: #F8F8F8; }
		ul.cartblock li.actionbar{ text-align: center; }
			ul.cartblock li.actionbar a{ float: left; margin: 0px 10px; padding: 2px 20px; background-color: #F78F1E; color: #FFFFFF; font-size: 11px; font-weight: bold; border: none; }
				ul.cartblock li.actionbar a:hover{ background-color: #003876; color: #FFFFFF; text-decoration: none; }
		
	
						
#pagemenu{ clear: both; display: block; margin: 5px 0px 0px 33px; padding: 5px; list-style: none; width: 600px; }
	#pagemenu li{ float: left; padding: 5px; }
		#pagemenu li.summary{ display: none; visibility: hidden; }
		#pagemenu li a{ display: block; padding: 4px; text-decoration: none; color: #003876; width: 20px; text-align: center; }
			#pagemenu li a:hover{ background-color: #F78F1E; color: #003876; }
		#pagemenu li b{ display: block; padding: 4px; background-color: #F78F1E; color: #003876; width: 20px; text-align: center; }
				
				
/* $projector->console styles*/
div#consolepanel{
	position: fixed;
	bottom: 0;
	width: 100%;
}
div#consolebar,p.consolebar{
	display: block;
	margin: 30px 0px 0px 0px;
	padding: 10px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	font-size:11px;
}
div#console{
	font-size:10px;
	margin: 0px auto;
	padding: 10px;
	background-color: #181213;
	color: #FFFFFF;
	height: 400px;
	overflow: auto;
}
	div#console p{
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 0px;
		border-bottom: solid 1px #000000;
	}
		div#console p span{
			vertical-align: top;
		}
		div#console p span.timestamp{
			display: inline-block;
			margin: 0px 10px 0px 0px;
		}
		div#console p span.action{
			display: inline-block;
			width: 75%;
			margin: 0px 10px 0px 0px;
		}
		div#console p span.memory{
			display: inline-block;
			margin: 0px 0px 0px 0px;
		}
		
		div#console p span.error{ color: #FF3300; }
		div#console p span.warning{ color: #FFA790; }
		
		div#console p span.fail{
			color: #FF3300;
		}
		div#console p span.db-ok{
			color: #D4FFAA;
		}
		div#console p span.db-fail{
			color: #FF55AA;
		}
		div#console p span.db-security{
			color: #FF0000;
			font-size: 12px;
			font-weight: bold;
		}
		
		div#console p span.db-isqueryclean-ok{
			color: #00BFBF;
		}
		div#console p span.db-isqueryclean-fail{
			color: #FF0000;
			font-weight: bold;
		}

/* alternative styles */
#header{ position: relative; }
	/* christmas 2010 */
	/*#header #sittingsanta{ position: absolute; left: -80px; top: -120px; }
	#header #santahat{ position: absolute; left: 880px; top: -140px; }
	#header #baubles{ position: absolute; left: 875px; top: 110px; }*/
	
	/* 2011 */
	#header #lotusboy{ position: absolute; left: -20px; top: -90px; }
		
/* clearfix */
* html ul li a {
   height:1em;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}