@charset "utf-8";
/* CSS Document */

img, form, input, p, h1, h2, h3, textarea { padding: 0px; margin:0px; border-style: none;}

p 							{ font: 11px/18px Verdana; color: #989898; margin-bottom: 15px;}
input, option, select 		{ font: 11px verdana; color: #999;}
h1 							{ font: bold 14px Verdana; color: #b54fa5; margin-bottom: 10px;}
h2 							{ font: 12px Verdana; color: #0097da; margin-bottom: 5px;}
a 							{ font: 11px/18px Verdana; color: #b252a3; text-decoration: none;}
a:hover 					{ color: #2aade2;}


/************************************************************************************** layout styles */

body {
	width: 957px;
	margin: 0px auto;
	font: 11px/18px Verdana; color: #989898;}
	
#wrapper { 
	width: 957px;
	position: absolute;
	margin-top: 162px;
	float: left;
	background: url(images/wrapper.gif) repeat-y;}
	
#leftbar {
	float: left;
	width: 184px;
	background: url(images/leftbar.gif) no-repeat;}	
	
#main {
	float: right;
	width: 773px;}
	
#content {
	float: right;
	width: 753px;
	padding: 20px 20px 0px 0px;
	min-height: 570px;}
	
.block {
	padding: 0px 20px 10px 0px;
	width: 750px;
	float: left;}
	
.blockFull {
	width: 753px;
	padding: 0px 20px 10px 20px;
	float: left;
	display: inline;}
	
#indexBlock {
	width: 480px;
	float: left;
	padding: 0px 20px;}

.sectionIndex #content {
	background: url(images/girl.jpg) no-repeat 95% 100%;}
	
.sectionAboutUs #content {
	background: url(images/about-bg.jpg) no-repeat 95% 100%;}	


/************************************************************************************** toptab styles */
	
#toptab {
	width: 640px;
	height: 30px;
	margin: 0px 142px 0px 144px;
	padding: 0px 15px;}	
	
#contactLink {
	width: 437px;
	height: 30px;
	float: left;
	text-indent: -5000px;
	background: url(images/iconSet.gif) no-repeat;}
	
#contactLink:hover { background-position: 0px -30px;}	

#search {
	height: 30px;
	float: right;}
	
#searchBox {
	width: 100px;
	float: left;
	margin: 5px;
	padding: 2px;
	font: 11px verdana;
	color: #999;}
	
	
/************************************************************************************** maskhead styles */	

#maskhead {
	background:url(images/maskhead.gif) no-repeat;
	width: 957px;
	height: 162px;
	float: left;
	position: absolute;
	top: 0px;}
	
#logo { 
	margin-top: 16px;
	float: left;}	
		
#cats {
	width: 539px;
	height: 20px;
	float: right;
	margin: 89px 10px 0px 0px;
	display: inline;}
	
#cats a {
	height: 20px;
	float: left;
	text-indent: -5000px;}
	
#chocolate { background: url(images/iconSet.gif) 0px -60px; width: 97px; }
#chocolate:hover { background-position: 0px -80px;}
#sweets { background: url(images/iconSet.gif) -97px -60px; width: 72px;}
#sweets:hover { background-position: -97px -80px;}
#mints { background: url(images/iconSet.gif) -169px -60px; width: 63px;}
#mints:hover { background-position: -169px -80px;}
#gum { background: url(images/iconSet.gif) -232px -60px; width: 123px;}
#gum:hover { background-position: -232px -80px;}
#fruit { background: url(images/iconSet.gif) -355px -60px; width: 113px;}
#fruit:hover { background-position: -355px -80px;}
#drinks { background: url(images/iconSet.gif) -468px -60px; width: 71px;}
#drinks:hover { background-position: -468px -80px;}


/************************************************************************************** footer styles */
	
#foot {
	float: right;
	width: 755px;
	height: 22px;
	padding: 18px 15px 15px 25px;
	background: url(images/foot.gif) no-repeat;}
	
#foot p { color: #FFF; text-align: center;}
#foot a { color: #FFF; text-decoration: underline;}

#foot img { margin: 10px 0 0 10px;}


/************************************************************************************** nav styles */	

#nav {
	width: 151px;
	float: right;
	height: 165px;
	padding: 63px 0px 0px 14px;}
	
#nav a {
	height: 21px;
	width: 129px;
	display: block;
	float: left;
	margin: 0px 0px 1px 0px;
	text-indent: -5000px;}
		
#home { background: url(images/iconSet.png) 0px -100px;}
.sectionIndex #home, #home:hover { background-position: -130px -100px;}
#about { background: url(images/iconSet.png) 0px -122px;}
.sectionAbout #about, .sectionAboutUs #about, #about:hover { background-position: -130px -122px;}
#products { background: url(images/iconSet.png) 0px -144px;}
.sectionProducts #products, #products:hover { background-position: -130px -144px;}
#artwork { background: url(images/iconSet.png) 0px -166px;}
.sectionArtwork #artwork, #artwork:hover { background-position: -130px -166px;}
#contact { background: url(images/iconSet.png) 0px -188px;}
.sectionContact #contact, #contact:hover { background-position: -130px -188px;}
#terms { background: url(images/iconSet.png) 0px -210px;}
.sectionTerms #terms, #terms:hover { background-position: -130px -210px;}
	

/************************************************************************************** extras styles */

#extras {
	width: 118px;
	float: right;
	margin-right: 22px;
	height: 350px;
	padding-left: 1px;
	display: inline;
	padding-top: 10px;}
	
#extras img { margin-bottom: 20px;}
	
	
/************************************************************************************** Contact Us Page */

#contactBox 		{ width: 70%; float: left; padding: 1%; border: 1px dotted #CCC;}
#contactBox div		{ float: left; width: 42%; padding: 0% 4%;}	
#contactBox input,
#contactBox textarea 	{ margin: 0px 5px 5px 0px; border:1px solid #CCC; padding: 2px;}

#contactBox #contactSubmit { float: left; clear: both; border-style: none; padding: 0px; margin-left: 240px;}

#address { float: right; width: 23%; padding-right: 1%; margin-top: 50px;}

.popCalendar {
	visibility: visible;
	z-index: 999;
	position: absolute;
	left: -500px;
	top: 0px;
	width: 174px;
	height: 189px;
	border-style: none;}
	
	
/************************************************************************************** Search Results */

.blockSearch {
	float: left;
	clear: both;
	width: 840px;
	padding: 5px 30px 0px 30px;}	

.resultsItem {
	width: 16%; 
	float: left; 
	margin: 0% 2%; 
	height: 190px;
	text-align: center; }
	
.showing {
	width: 100%;
	text-align: center;
	float: left;
	clear: both;}
	
.similar a  {
	font: 10px verdana; 
	color: #EACEE6; 
	background: #B471A8; 
	border-top: solid 1px #BE80B2;
	border-right: solid 1px #A45B94;
	border-bottom: solid 1px #A45B94;
	border-left: solid 1px #BE80B2;
	margin: 0px 1px 1px 0px;
	padding: 3px 0px;
	float: left;
	width: 147px;}
	
.similar a:hover  { 
	color: #fff;}
	
.similar { 
	background: #C184B5;
	text-align: center;
	float: left;}
	
/************************************************************************************** Item Page */

.blockLeft {
	padding: 0px 0px 10px 30px;
	width: 270px;
	float: left;}

.blockRight {
	padding: 0px 30px 10px 0px;
	width: 400px;
	float: right;}
	
#itemImage { float: left; margin-bottom: 10px;}
#itemThumb { margin: 5px; float: left;}
#itemImages { width: 250px; float: left;}
.request { border-style: none; padding:0px; margin: 10px 0px;}

.altProducts {
	width: 100px;
	margin: 20px;
	padding: 3px;
	float: left;
	text-align: center;
	display: inline;}
	
#bookmark{ margin: 10px 350px 20px 0px; float: left; clear: both;}


/************************************************************************************** Quick Quote */

#QQ         { width: 265px; background: url(images/QQ-bg.gif) no-repeat; float: left; padding: 30px 0px;}
#QQ p       { color: #FFF;}
#QQ div		{ float: left; width: 115px; padding-left: 10px;}
#QQ input 	{ width: 100px; height: 14px; float: left; padding: 1px; margin-bottom: 2px;}
#QQ #submit { width: 33px; height: 20px; border-style: none; float: right; padding: 0px; margin: 0px 15px 0px 0px;}


/************************************************************************************** Price Matrix Styles */

.price_matrix 		{ width: 100%; margin: 0px 0px 10px; float: left; background: #FFF;}
.price_matrix  b	{ font: bold 11px verdana; color: #ececec;}
.price_matrix  p	{ font: bold 11px verdana; color: #abaaaa; margin-bottom: 0px;}
.matrix_box         { float: left; border: solid 1px #FFF;}
.matrix_quantity	{ text-align: center; background: #009ddc; width: 65px; padding: 5px; border-bottom: 1px solid #FFF;}
.matrix_price 		{ text-align: center; background: #ececec; width: 65px; padding: 5px;}
.matrix_header 		{ width: 100%; float: left; padding: 3px;}


/************************************************************************************* Artwork Pages */

.sectionArtwork table p { margin-bottom: 0px;}
.block50Left    { width: 44%; float: left; padding: 10px 3% 10px;}
.block50Right   { width: 44%; float: left; padding: 10px 3% 10px;}
.Print p, .Print h2 { margin-left: 170px;}

.whiteText  { font: 10px Verdana; color: #FFF; padding: 3px 0px;}
.blackText  { font: 10px Verdana; color: #000; padding: 3px 0px;}

.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);}


/************************************************************************************* Microsite Page */

.microsite_btns {
	float: left;
	margin: 0px 20px;}
	

/************************************************************************************** Quick Enquiry Styles */		

#QE { 
	float: right; 
	width: 180px;
	height: 216px; 
	padding: 35px 20px 0px; 
	background: url(images/QE-bg.gif) no-repeat; 
	text-align: right;
	margin-top: 1px;}
	
#QE input 		{ padding: 1px; width: 110px; height: 16px; float: right; margin: 0px 0px 0px 5px;}
#QE textarea 	{ padding: 1px; width: 170px; height: 83px; float: right; margin: 0px 0px 0px 5px;}
#QE #QEsubmit 	{ padding: 0px; margin: 8px 0px 0px 0px; width: 52px; height: 16px; clear: both;}
#QE p 			{ color: #FFF; margin-bottom: 8px;}


/************************************************************** Livehelp */

#floatLayer {
	position: fixed; 
	left: 0px; 
	top: 0px; 
	visibility: hidden; 
	z-index: 5000;
	float: left;}
	
#InitiateText {
	position: relative; 
	left: 30px; 
	top: 110px; 
	width: 275px; 
	height: 35px; 
	z-index: 5001; 
	text-align: center; 
	font: 14px bold Verdana;}