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

p		{ font: 11px Verdana; color: #666; line-height: 20px; margin-bottom: 10px;}
a		{ font: 11px Verdana; color: #155a74; text-decoration: none;}
a:hover { color: #00bce4;}
h1  	{ font: bold 14px Verdana; color: #00bce4; margin-bottom: 10px;}
h2  	{ font: bold 12px Verdana; color: #155a74; margin-bottom: 5px;}
li 		{ font: 11px Verdana; color: #666; margin-bottom: 10px;}
b		{ font: bold 11px Verdana; color: #374637;}

input, textarea { font: 10px Verdana; color: #999;}


/************************************************************************************* Layout */
	
body { 
	background: url(images/bg.gif) repeat-x;
	margin: 0px;}
	
#background {
	width: 100%;
	float: left;
	background: url(images/background-bg.gif) repeat-x bottom;}
		
#main {
	width: 940px;
	margin: 0px auto;}
	
#wrapper {
	width: 940px;
	float: left;
	padding-bottom: 51px;	
	background: url(images/wrapper-bg.gif) no-repeat bottom;}
		
#maskhead {
	width: 940px;
	height: 191px;
	margin: 0px auto;
	background: url(images/banner.jpg) no-repeat;}
	
#content {
	width: 780px;
	float: right;
	position: relative;
	top: -20px;}
	
#leftBar {
	width: 160px;
	float: left;
	min-height: 470px;
	text-align: right;
	margin-bottom: 80px;}
	
#footer {
	width: 760px;
	height: 30px;
	padding: 0px 0px 0px 180px;
	clear: both;}
	
#topbar{
	width: 940px;
	height: 36px;
	float: left;}
	
#rightBar {
	width: 290px;
	float: right;
	margin: 5px 0px 0px 20px;}
	
.block {
	width: 736px;
	padding: 5px 24px 5px 20px;
	float: left;
	clear: both;}
	
	
/************************************************************************************* Nav */


#enquireNow { margin-top: 20px;}

#leftBar ul { list-style: none;}

#nav a { 
	width: 120px; 
	float: right; 
	font: bold 11px Verdana; 
	color: #155a74; 
	padding: 5px 20px; 
	display: block;}
	
#subnav { 
	display: none; 
	background: url(images/submenu-bg.png); 
	position: absolute; 
	left: 150px; 
	float: right;
	width: 107px;
	height: 260px;
	padding: 5px 8px 0px 12px;
	list-style: none;
	text-align: left;}
		
#dropdown { position: relative;}
#dropdown a { font: bold 11px Verdana; color: #155a74; position: relative;}
	
#subnav a { 
	width: 100px; 
	float: left; 
	font: bold 11px Verdana; 
	color: #155a74; 
	padding: 5px 0px; 
	display: block;}
	
#dropdown:hover #subnav { display: block;}

#nav a:hover,
.sectionIndex #nav .index,
.sectionAbout #nav .about,
.sectionProducts #nav .products,
.sectionArtwork #nav .artwork,
.sectionContact #nav .contact,
.sectionTerms #nav .terms { color: #00bce4;}

#subnav a:hover { color: #FFF;}

#cats { width: 420px; float: left; margin: 0px 0px 20px 0px;}
.cat { width: 129px; height: 129px; float: left; background: #f90; margin: 5px;}

.football { background: url(images/IconSet.jpg) 0px 0px;}
.football:hover { background: url(images/IconSet.jpg) 0px 129px;}

.basketball { background: url(images/IconSet.jpg) -129px 0px;}
.basketball:hover { background: url(images/IconSet.jpg) -129px 129px;}

.volleyball { background: url(images/IconSet.jpg) -258px 0px;}
.volleyball:hover { background: url(images/IconSet.jpg) -258px 129px;}

.rugbyball { background: url(images/IconSet.jpg) -387px 0px;}
.rugbyball:hover { background: url(images/IconSet.jpg) -387px 129px;}

.tennisball { background: url(images/IconSet.jpg) -516px 0px;}
.tennisball:hover { background: url(images/IconSet.jpg) -516px 129px;}

.beachball { background: url(images/IconSet.jpg) -645px 0px;}
.beachball:hover { background: url(images/IconSet.jpg) -645px 129px;}

.boule { background: url(images/IconSet.jpg) -774px 0px;}
.boule:hover { background: url(images/IconSet.jpg) -774px 129px;}

.golfball { background: url(images/IconSet.jpg) -903px 0px;}
.golfball:hover { background: url(images/IconSet.jpg) -903px 129px;}

.cricketball { background: url(images/IconSet.jpg) -1032px 0px;}
.cricketball:hover { background: url(images/IconSet.jpg) -1032px 129px;}


	
/************************************************************************************* Bits */


#details { float: left; width: 540px; height: 36px; background: url(images/details.gif) no-repeat top right;}
#logo { float: left; width: 560px; height: 120px;}

#search {
	height: 30px;
	float: right;
	width: 280px;
	margin: 6px 20px 0px 0px;}
	
#searchBox {
	height: 17px;
	float: left;
	width: 176px;
	padding: 5px 8px 0px 8px;
	margin-right: 10px;
	background: url(images/search-input-bg.gif) no-repeat;
	font: 11px Verdana; color: #999;}
	
#searchBtn { margin-top: 5px;}


/************************************************************************************* Footer */
	
#footer p 		{ font: 10px Verdana; color: #3b8099; line-height: 18px;}
#footer a 		{ font: 10px Verdana; color: #FFF;}
#footer a:hover { color: #3b8099;}
#footer img 	{ margin: 10px 10px 0 0;}


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

#QE { 
	float: right; 
	width: 250px;
	height: 238px; 
	background: url(images/QE-bg.jpg) no-repeat; 
	text-align: right;
	padding: 40px 20px 0px 20px;}
	
#QE input, #QE textarea { padding: 1px; float: right; margin: 0px 0px 0px 4px; border: solid 1px #7f9db9; background: #FFF url(images/input-bg.gif) no-repeat;}	
#QE input 		{ width: 175px; height: 14px;}
#QE textarea 	{ width: 240px; height: 80px;}
#QE #QEsubmit 	{ padding: 0px; margin: 6px 0px 0px 0px; width: 72px; height: 20px; border-style: none;}
#QE p 			{ color: #FFF; margin-bottom: 8px;}


/************************************************************************************** Search Results */


.resultsItem {
	width: 16%; 
	float: left; 
	margin: 0% 2%; 
	height: 190px;
	text-align: center; 
	display: inline;}
	
.showing {
	width: 100%;
	text-align: center;
	float: left;
	clear: both;}
	
.similar a  {
	font: 10px verdana; 
	color: #FFF; 
	background: #014864; 
	border-top: solid 1px #6b9aab;
	border-right: solid 1px #00374b;
	border-bottom: solid 1px #00374b;
	border-left: solid 1px #6b9aab;
	margin: 0px 1px 1px 0px;
	padding: 3px 0px;
	float: left;
	width: 144px;}
	
.similar a:hover  { 
	color: #fff;}
	
.similar { 
	text-align: center;
	float: left;}
	
	
/************************************************************************************** Item Page */


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

.blockRight {
	padding: 0px 30px 10px 0px;
	width: 420px;
	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.jpg) no-repeat; float: left; padding: 25px 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: 72px; 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: #fff;}
.price_matrix  p	{ font: bold 11px verdana; color: #fff; margin-bottom: 0px;}
.matrix_box         { float: left; border: solid 1px #FFF;}
.matrix_quantity	{ text-align: center; background: #155a74; width: 65px; padding: 5px; border-bottom: 1px solid #FFF;}
.matrix_price 		{ text-align: center; background: #b5dee2; width: 65px; padding: 5px;}
.matrix_header 		{ width: 100%; float: left; padding: 3px;}


/************************************************************************************* Products Page */

.prodColumns { width: 22%;  float: left; padding-left: 2%;}	
.prodColumns a { font: 11px Verdana; color: #666; width: 100%; margin: 3px 0px; float: left;}
.prodColumns a:hover { color: #00bce4;}

/************************************************************************************* 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);}


/************************************************************************************** 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: 220px;}

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

.popCalendar {
	visibility: visible;
	z-index: 999;
	position: absolute;
	left: -500px;
	top: 0px;
	width: 174px;
	height: 189px;
	border-style: none;}
	
	
/************************************************************** 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;}