body {
	width: 900px;
	margin: 10px auto;
	background: url(images/background.gif);}
	
a, p, form, input, h1, h2 { padding: 0; margin: 0;}
	
p 	{ font: 10px/16px Verdana; color: #666; margin-bottom: 10px;}
a 	{ font: 10px Verdana; color: #f385b4; text-decoration: none;}
h1 	{ font: bold 14px Verdana; color: #ec068d; margin-bottom: 10px;}
h2 	{ font: bold 12px Verdana; color: #f189b5; margin-bottom: 5px;}
h3 	{ font: bold 11px Verdana; color: #ec068d; margin-bottom: 5px;}
li 	{ font: 11px/22px Verdana; color: #ec068d;}
b 	{ color: #f189b5;}

a:hover,
.sectionIndex #index,
.sectionAbout #about,
.sectionProducts #products,
.sectionArtwork #artwork,  
.sectionContact #contact,
.sectionTerms #terms {
	color: #ec1995;}
	
input,
textarea {
	border: solid 1px #f49ac0;
	background: #FFF url(images/input.gif) repeat-x left top;
	font: 11px monospace;
	padding: 2px;
	color: #999;}
	
#button {
	border-style: none;
	background: #FFF;
	padding: 0;}
	
.sectionProducts #button {
	float: left;
	clear: left;}
	
img { border-style: none;}

#viewing 		{ padding-bottom: 5px; width: 500px;}
#viewing a		{ font: 10px Verdana; color: #b6b6b6;}
#viewing a:hover{ text-decoration: underline;}
p#viewing 		{ font: 10px Verdana; color: #999;}
		
/************************************************************************************************ MASKHEAD */

#maskhead {
	background: url(images/maskheadBG.gif) no-repeat;
	width: 900px;
	height: 123px;
	float: left;
	position: absolute;
	margin-top: 0;}
	
#nav {
	width: 472px;
	height: 47px;
	float: left;
	padding: 78px 0 0 168px;}

#nav a {
	margin-right: 19px;}	
	
#details {
	width: 260px;
	height: 115px;
	float: left;
	padding-top: 10px;}
	
#search { padding-top: 10px;}	
#search input { margin: 0 15px;}
	
/************************************************************************************************ CONTENT */	
	
#main {	
	width: 900px;
	position: absolute;
	margin-top: 123px;
	float: left;}

#contentFoot {
	width: 640px;
	padding-bottom: 10px;
	float: left;
	background: url(images/contentBG.gif) no-repeat bottom;}
	
#content {
	background: #FFF;
	width: 600px;
	min-height: 740px;
	padding: 10px 20px 0;
	float: left;}
	
.block { 
	float: left;
	width: 600px;}
	
/*********************************************************************************************** Artwork Pages */

.block50    { width: 46%; float: left; padding: 10px 2%;}
.blockPrint { width: 600px; float: left; margin: 20px 0;}
.blockPrint p, .blockPrint h2 { margin-left: 170px;}

.whiteText { font: 8px Verdana; color: #FFF; padding: 3px;}
.blackText { font: 8px Verdana; color: #000; padding: 3px;}

.printImg 	{ float: left;}
.file_type 	{ float: right; width: 550px;}	
.artImage 	{ width: 111px; height: 191px; float: left; margin-right: 5px;}

.print 		{ background: url(images/artwork_dept/print.jpg);}
.file 		{ background: url(images/artwork_dept/file.jpg);}
.fonts 		{ background: url(images/artwork_dept/fonts.jpg);}
.pantone 	{ background: url(images/artwork_dept/pantone.jpg);}
	
/************************************************************************************************ FOOTER */	
	
#footer {
	width: 620px;
	padding: 10px;
	float: left;
	clear: both;
	text-align: center;}
	
#footer p {
	color: #FFF;
	font-size: 10px;
	color: #c0d6de;}
	
#footer img {
	float: right;
	margin-right: 10px;}

/************************************************************************************************ CATAGORIES */
	
#catsFoot {
	background: url(images/catsBG.gif) no-repeat bottom;
	padding-bottom: 10px;
	width: 130px;
	float: left;}
	
#cats {
	background: #f06dba url(images/cats.gif) repeat-x;
	width: 110px;
	float: left;
	padding: 0 10px;}
	
#cats p 		{ line-height: 15px;}	
#cats a 		{ color: #FFF; font: 10px Verdana; line-height: 15px;}
#cats a:hover	{ text-decoration: underline;}
	
/************************************************************************************************ Microsite Page */

.microsite_btns { float: left; margin: 0 20px;}

/************************************************************************************************ About Us Page */

.aboutImage { float: right; margin: 20px;}

/************************************************************************************************ Products Page */

#azArrow { float: right; margin: 20px 0 20px 20px;}
	
/************************************************************************************************ Index Page */

#indexImage 	{ float: right;}
#featureImage 	{ float: left; margin: 0 20px;}

.itemScroller	{ margin: 10px 0;}
.feature		{ margin: 10px 10px 10px 0px;}
.smallPrint		{ margin-top: 30px;}

.hotItem 		{ width: 21%; padding: 0% 1%;  float: left; text-align: center;}
.hotItem a 		{ font-size: 9px; line-height: 14px;}
.hotItem b 		{ color: #666;}	
.hotItem img	{ margin-bottom: 3px;}

/************************************************************************************************ EXTRAS */	

#extrasFoot {
	background: url(images/extrasBG.gif) no-repeat bottom;
	padding-bottom: 10px;
	width: 130px;
	float: left;}
	
#extras {
	background: #f8cbde url(images/extras.gif) repeat-x;
	width: 110px;
	float: left;
	padding: 0 10px;
	height: 610px;}
	
/*********************************************************************************************** CONTACT */

#contactBtm { width: 100%; float: left; clear: both; text-align: center;}
#contactBtm input{ border-style: none;}
#address { width: 540px; padding: 0px 30px; margin-top: 30px; float: left;}
#addressLondon { width: 34%; float: left;}
#addressCornwall { width: 30%; float: left;}
#addressDetails { width: 35%; float: left; text-align: right;}

.popCalendar {
	visibility: visible;
	z-index: 999;
	position: absolute;
	left: -500px;
	top: 0;
	width: 174px;
	height: 189px;
	border-style: none;}

/******************************************************************* Search Results ****************************************************/
	
.resultsItem {
	width: 23%;
	padding: 1%; 
	float: left;
	text-align: center;
	height: 180px;}

.resultsItem a 		{ font-size: 9px;}
.resultsItem b 		{ color: #666;}	
.resultsItem img	{ margin-bottom: 3px; }

.showing 	{ width: 100%; text-align: center; padding: 15px 0;}
.info 		{ float: left;}

/******************************************************************* ITEM PAGE ****************************************************/

#itemImage { float: left;}
#itemThumb { margin: 5px; float: left;}
#itemImages { width: 250px; float: left;}
.request { border-style: none; padding: 0; margin: 10px 0;}

.blockleft {
	padding-bottom: 10px;
	width: 250px;
	float: left;}

.blockright {
	padding-bottom: 10px;
	width: 323px;
	float: right;
	font: 11px Verdana;}

.altProducts {
	width: 100px;
	height: 140px;
	margin: 3px;
	padding: 3px;
	float: left;
	text-align: center;
	display: inline;
	background: #FFF;}
	
#extras h2 { color: #FFF; font: bold 11px Verdana;}
	
/************************************************************* Quick Enquiry ****************************************************/	

#QuickEnquiry p  		{ color: #FFF;}
#QuickEnquiry input 	{ margin-bottom: 5px;}
#QuickEnquiry #submit 	{ float: right; padding: 0px; margin: 5px 0 15px 0px; border: none;}
#QuickEnquiry h2 		{ color: #FFF; margin-bottom: 10px;}
#QuickEnquiry a  		{ color: #FFF; margin-top: 5px; float: right; font: bold 12px Verdana;}	
	
/************************************************************* Quick Quote ****************************************************/
	
#QQ         { width: 250px; height: 167px; background: url(images/QQ-bg2.gif) no-repeat; float: left; padding-top: 35px; margin: 20px 0 10px; clear: left;}
#QQ p		{ color: #FFF;}
#QQ div		{ float: left; width: 42%; padding: 0% 0% 0% 5%;}
#QQ input 	{ margin-right: 5px; padding: 2px; border: 1px solid #2e6b7a;}
#QQ #submit { border-style: none; float: right; padding: 0;}
 
/******************************************************************* Price Matrix Styles ****************************************************/

.price_matrix 		{ width: 320px; margin: 12px 0; float: left; background: #FFF;}
.price_matrix  h2	{ color: #ec068d;}
.price_matrix  b	{ font: bold 11px verdana; color: #FFF;}
.price_matrix  p	{ font: bold 11px verdana; color: #ec068d; margin: 2px; padding: 0;}
.matrix_box         { float: left; width: 60px; margin-right: 1px; display: inline;}
.matrix_quantity	{ text-align: center; background: #ee39a3; width: 54px; padding: 3px;}
.matrix_price 		{ text-align: center; background: #fbeaf1; width: 54px; padding: 3px;}
.matrix_header 		{ width: 100%; float: left; padding: 3px;}

/************************************************************** Livehelp */

#floatLayer {
	position: fixed; 
	left: 0; 
	top: 0; 
	visibility: hidden; 
	z-index: 5000;
	float: left;}
	
#InitiateText {
	position: relative; 
	left: 30px; 
	top: 145px; 
	width: 275px; 
	height: 35px; 
	z-index: 5001; 
	text-align: center; 
	font: 14px bold Verdana;}
