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

p		{ font: 11px/18px Verdana; color: #989898; margin-bottom: 15px;}
a		{ font: 11px/18px Verdana; color: #DAB306; text-decoration: none;}
a:hover	{ color: #647628;}
h1  	{ font: bold 16px Verdana; color: #DAB306; margin-bottom: 15px;}
h2 		{ font: bold 12px Verdana; color: #647628; margin-bottom: 3px;}
h3 		{ font: bold 12px Verdana; color: #647628; padding-top: 5px;}
li 		{ font: 11px Verdana; color: #FFF; margin-bottom: 5px;}
b		{ font: bold 11px Verdana; color: #647628;}
li  	{ font: 11px/18px Verdana; color: #DAB306; margin-bottom: 5px;}

textarea, input { font: 11px verdana; color: #999;  padding: 2px;}

body { 
	background: #FFF url(images/bg-new.gif) repeat-x;
	width: 920px;
	margin: 0px auto;
	font: 11px Verdana; 
	color: #989898;}
	
#wrapper {	
	width: 920px;
	position: absolute;
	margin-top: 356px;
	float: left;}
	
#header { 
	width: 920px;
	height: 90px;	
	position: absolute;
	margin-top: 0px;
	float: left;}
	
#details {
	float: right;
	margin: 5px 150px 0px 0px;}

#logo {
	float: left;
	margin: 20px 0px 0px 20px;}
	
#content { 
	width: 900px;
	padding: 0px 10px;
	float: left;
	background: #FFF url(images/content-bg.gif) no-repeat;}
	
#foot { 
	float: left;
	height: 70px;
	width: 880px;
	padding: 0 20px;}

.block {
	float: left;
	clear: both;
	width: 840px;
	padding: 25px 30px 0px 30px;}
	
#viewing {
	float: left;
	width: 880px;
	padding: 10px 10px 0px;}
	
/*********************************************************************** Banners */

#banner { 
	width: 900px;
	height: 175px;
	margin-left: 10px;
	position: absolute;
	margin-top: 126px;}
	
#controls:hover { color: #FFF;}

	
/*********************************************************************** Navigation */

#nav {
	float: right;
	width: 600px;
	height: 45px;
	background: url(images/nav-bg.gif) no-repeat;}
	
#nav a 			{ font: 11px Verdana; color: #fff; text-decoration: none; margin: 0px 13px;}

#nav a:hover,
#cats a:hover,
.sectionIndex #home,
.sectionBlog #blog,
.sectionProducts #products,
.sectionAbout #about,
.sectionTerms #terms { color: #cf0;}

#nav p			{ font: 11px Verdana; color: #cf0; text-decoration: none; margin: 10px 50px;}


/*********************************************************************** Catagory Navigation */

#catNav { 
	width: 920px;
	height: 36px;
	position: absolute;
	margin-top: 90px;}
	
#catNav a 		{ font: 12px Verdana; color: #fff; text-decoration: none; margin: 0px 16px;}
#catNav a:hover { color: #cf0;}	
#catNav p		{ font: 12px Verdana; color: #cf0; text-decoration: none; margin: 10px 10px;}


/*********************************************************************** Footer */

#foot img { 
	float: right;
	margin-right: 10px;}
	
#foot p { 
	float: left;
	text-align: left;
	padding-left: 10px;}
		
/*********************************************************************** Extras Navigation */
	
#extras { 
	width: 880px;
	height: 53px;
	padding: 1px 20px;
	background: url(images/extras-bg.gif) no-repeat;
	position: absolute;
	margin-top: 301px;}
	
#extras a { float: left; width: 162px; height: 49px; margin-right: 0px;}
	
#extrasOne 			{ background: url(images/iconSet.gif) 0px 0px;}
#extrasOne:hover 	{ background-position: 0px -49px;}	
#extrasTwo  		{ background: url(images/iconSet.gif) -162px 0px;}
#extrasTwo:hover 	{ background-position: -162px -49px;}	
#extrasThree		{ background: url(images/iconSet.gif) -324px 0px;}
#extrasThree:hover 	{ background-position: -324px -49px;}	
#extrasFour 		{ background: url(images/iconSet.gif) -486px 0px;}
#extrasFour:hover 	{ background-position: -486px -49px;}


/*********************************************************************** Search Bar */

#search 	{ margin: 15px 10px 0px 0px; float: right;}
#searchBox 	{ width: 130px; height: 14px; float: left; border: solid 1px #83b100; padding: 2px;}	
#searchBtn 	{ float: right; margin-left: 5px; padding: 0px; border-style: none;}


/*********************************************************************** Index Page */

#indexImage { float: right; margin: 0px 0px 0px 20px;}

#catBtns  	{ width: 320px; float: right; margin: 0px 0px 0px 20px;}
#catBtns a 	{ width: 99px; height: 119px; float: left; margin: 2px; text-indent: -5000px;}

#scroller 	{ float: left;}

#clothes 	{ background: url(images/clothes.jpg) no-repeat;}
#towels 	{ background: url(images/towels.jpg) no-repeat;}
#headwear 	{ background: url(images/headwear.jpg) no-repeat;}
#tees 		{ background: url(images/tees.jpg) no-repeat;}
#bags 		{ background: url(images/bags.jpg) no-repeat;}
#balls 		{ background: url(images/balls.jpg) no-repeat;}
#prizes 	{ background: url(images/prizes.jpg) no-repeat;}
#umbrellas 	{ background: url(images/umbrellas.jpg) no-repeat;}
#gloves		{ background: url(images/gloves.jpg) no-repeat;}


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

#QE { 
	float: right; 
	width: 250px;
	height: 220px; 
	padding: 20px 10px 0px; 
	background: url(images/QE-bg.jpg) no-repeat; 
	text-align: right;
	margin: 0px 0px 20px 20px;}
	
#QE input 		{ width: 160px; height: 14px; float: right; border: solid 1px #b4b4b4; padding: 2px; margin: 0px 0px 0px 5px;}
#QE textarea 	{ width: 160px; height: 83px; float: right; border: solid 1px #b4b4b4; padding: 2px; margin: 0px 0px 0px 5px;}
#QE #QEsubmit 	{ padding: 0px; margin: 8px 0px 0px 0px; width: 29px; height: 13px; clear: both; border-style: none;}
#QE p 			{ color: #989898; margin-bottom: 15px;}

	
/*********************************************************************** Brands */

#brands { 
	float: left;
	width: 880px;
	margin: 10px 10px 10px;
	padding: 5px 10px;
	background: #f4f4f4;}
	
#brands a { width: 160px; height: 80px; float: left; margin: 0px 8px; text-indent: -5000px;}

#nike			{ background: url(images/iconSet.gif) 0px -98px;}
#nike:hover		{ background-position: 0px -178px;}
#dunlop 		{ background: url(images/iconSet.gif) -160px -98px;}
#dunlop:hover	{ background-position: -160px -178px;}
#callaway 		{ background: url(images/iconSet.gif) -320px -98px;}
#callaway:hover	{ background-position: -320px -178px;}
#titleist 		{ background: url(images/iconSet.gif) -480px -98px;}
#titleist:hover	{ background-position: -480px -178px;}
#pinnacle 		{ background: url(images/iconSet.gif) -640px -98px;}
#pinnacle:hover	{ background-position: -640px -178px;}


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

.prodColumns { width: 20%;  float: left;}	
.prodColumns a { font: 11px Verdana; color: #989898; width: 100%; margin: 3px 0px; float: left;}
.prodColumns a:hover { color: #DAB306;}


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

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

/************************************************************** About Us Page */
	
#flash1 { float: right; margin-left: 30px;}


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

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

#address { float: right; width: 20%; 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;}

/************************************************************** Item Page */

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

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

.altProducts {
	width: 100px;
	margin: 10px;
	padding: 3px;
	float: left;
	text-align: center;}
	
#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 div		{ float: left; width: 115px; padding-left: 10px;}
#QQ input 	{ width: 100px; height: 14px; float: left; border: solid 1px #b4b4b4; padding: 2px; margin-bottom: 4px;}
#QQ #submit { width: 66px; height: 16px; border-style: none; float: right; padding: 0px; margin: 18px 25px 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: #abaaaa; width: 70px; padding: 5px; border-bottom: 1px solid #FFF;}
.matrix_price 		{ text-align: center; background: #ececec; width: 70px; padding: 5px;}
.matrix_header 		{ width: 100%; float: left; padding: 3px;}


/************************************************************** Feature Pages */
	
.productBlock {
	margin: 0px 0px 15px 0px;
	width: 840px;
	background: url(images/tabBg.gif) no-repeat;
	float: left;
	height: 187px;}
	
.productTop 		{ width: 820px; float: left; height: 20px; padding: 3px 10px 0px;}
.productTop a		{ color: #FFF; float: right;}
.productTop a:hover	{ text-decoration: underline;}
.productTop b		{ color: #FFF;}

.featureItem {
	width: 16%; 
	float: left; 
	margin: 1% 2%; 
	height: 170px;
	text-align: center; }