﻿* {
	margin:0px;
	padding:0px;
}
body {
	margin:0 auto 0 auto;
	padding:0px;
	background:#020202 url('images/bg.jpg') no-repeat center top;
}
.clear {
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
hr {
	margin:0 0 20px 0;
	padding:0;
	background:url('images/hrbg.gif') no-repeat; 
	height:8px;
	border:0;
}
.pink {
	color: #ff0042;
}
#bookmarkbox {
	margin:1px 0 0 0;
	padding:0px;
	width:110px;
	height:12px;
	float:right;
}
#bookmark {
	margin:0;
	padding:0 0 0 20px;
	width:110px;
	background:url('images/bookmark.gif') no-repeat left center;
	font: normal normal normal 12px Arial;
	border:0;
}
.list {
	padding:0 0 0 40px;
	background:url('images/bullet.gif') no-repeat left center;
	font: normal normal bold 11px/20px Arial;
}
/*-------------------------H1-------------------------*/
h1 {
	margin:0 auto 0 auto;
	padding:0 10px 0 10px;
	width:790px;
	height:20px;
	background:#121212;
	font: normal normal bold 11px/20px Arial;
	color: #676767;
	border-left:5px #000000 solid;
	border-right:5px #000000 solid;
	border-bottom:5px #000000 solid;
}
/*-------------------------Wrapper-------------------------*/
#wrapper {
	margin:0 auto 0 auto;
	width:800px;
}
/*-------------------------Header-------------------------*/
#logo {
	margin:54px auto 20px auto;
	float:left;
}
/*-------------------------Navigation-------------------------*/
#navigation {
	margin:0 0 20px 0;
	width:440px;
	float: left;
}
#navigation ul {
	list-style:none;
	color: #ffffff;
}
#navigation ul li {
	padding: 0 10px 0 0;
	float: left;
}
#navigation ul a {
	font: normal normal normal 12px Arial;
	color: #ffffff;
	text-decoration: none;
}
#navigation ul a:hover{
	color:#ff0042;
}
#navigation ul .currentpage a {
	color:#ff0042;
}
/*-------------------------Contact-------------------------*/
#contact {
	margin:3px 0 20px 0;
	width:360px;
	font: normal normal normal 12px Arial;
	color: #ffffff;
	float:right;
	text-align:right;
}
#contact a {
	color:#ff0042;
	text-decoration:none;
}
#contact a:hover {
	text-decoration:underline;
}
/*-------------------------Divider-------------------------*/
#divider {
	margin:0 auto 20px auto;
	width:800px;
	height:30px;
	background:#000000 url('images/divider.gif') no-repeat;
}
/*-------------------------Container-------------------------*/
#container {
	margin:0 auto 20px auto;
	padding:5px;
	width:790px;
	background:#ffffff;
}
/*-------------------------Banner-------------------------*/
#bannertop {
	margin:0 auto 5px auto;
	padding:0;
	height:104px;
	width:790px;
}
#banner {
	margin:0 auto 0 auto;
	padding:0;
	height:152px;
	width:790px;
}
/*-------------------------Content-------------------------*/
#content {
	margin:0 auto 0 auto;
	padding:0 20px 0 20px;
	width:750px;
}
#content h2 {
	margin:0 auto 20px auto;
	font: normal normal bold 11px/20px Arial;
	color: #000000;
}
#content h2 a {
	color:#ff0042;
	text-decoration:none;
}
#content h2 a:hover {
	text-decoration:underline;
}
#content p {
	margin:0 auto 20px auto;
	font: normal normal bold 11px/20px Arial;
	color: #000000;
}
#content p a {
	color:#ff0042;
	text-decoration:none;
}
#content p a:hover {
	text-decoration:underline;
}
/*-------------------------Home-------------------------*/
#homeintro {
	padding:20px 0 20px 20px;
	width:520px;
	font: normal normal bold 11px/20px Arial;
	color: #000000;
	float:left;
}
#homeintro h1 {
	padding:0 0 20px 0;
	width:520px;
	font: normal normal bold 13px Arial;
	color:#ff0042;
	float:left;
}
#homeintro a {
	color:#ff0042;
	text-decoration:none;
}
#homeintro a:hover {
	text-decoration:underline;
}
#homeimg {
	float:right;	
}
#golfumbrellas {
	margin:0 20px 20px 0;
	width:172px;
	height:187px;
	float:left;
}
#golfumbrellas a {
	padding:158px 10px 0 10px;
	background:url('images/golf-umbrellas-bw-bg.jpg') no-repeat;
	font: normal normal normal 12px/30px Arial;
	text-decoration:none;
	color: #ffffff;
	display:block;
	text-transform:uppercase;;
}
#golfumbrellas a:hover {
	background:url('images/golf-umbrellas-bg.jpg') no-repeat;
	font: normal normal normal 12px/30px Arial;
	color:#ff0042;
}
#walkingumbrellas {
	margin:0 20px 20px 0;
	width:172px;
	height:187px;
	float:left;
}
#walkingumbrellas a {
	padding:158px 10px 0 10px;
	background:url('images/walking-umbrellas-bw-bg.jpg') no-repeat;
	font: normal normal normal 12px/30px Arial;
	text-decoration:none;
	color: #ffffff;
	display:block;
	text-transform:uppercase;;
}
#walkingumbrellas a:hover {
	background:url('images/walking-umbrellas-bg.jpg') no-repeat;
	font: normal normal normal 12px/30px Arial;
	color:#ff0042;
}
#telescopicumbrellas {
	margin:0 20px 20px 0;
	width:172px;
	height:187px;
	float:left;
}
#telescopicumbrellas a {
	padding:158px 10px 0 10px;
	background:url('images/telescopic-umbrellas-bw-bg.jpg') no-repeat;
	font: normal normal normal 12px/30px Arial;
	text-decoration:none;
	color: #ffffff;
	display:block;
	text-transform:uppercase;;
}
#telescopicumbrellas a:hover {
	background:url('images/telescopic-umbrellas-bg.jpg') no-repeat;
	font: normal normal normal 12px/30px Arial;
	color:#ff0042;
}
#parasols {
	margin:0 0 20px 0;
	width:172px;
	height:187px;
	float:left;
}
#parasols a {
	padding:158px 10px 0 10px;
	background:url('images/parasols-bw-bg.jpg') no-repeat;
	font: normal normal normal 12px/30px Arial;
	text-decoration:none;
	color: #ffffff;
	display:block;
	text-transform:uppercase;;
}
#parasols a:hover {
	background:url('images/parasols-bg.jpg') no-repeat;
	font: normal normal normal 12px/30px Arial;
	color:#ff0042;
}
/*-------------------------Category-------------------------*/
#catbox {
	margin:0 20px 20px 0;
	width:172px;
	background:url('images/categorybg.jpg') no-repeat center top;
	float:left;
}
#catbox img {
	padding:5px;
}
#catboxlast {
	margin:0;
	width:172px;
	background:url('images/categorybg.jpg') no-repeat center top;
	float:left;
}
#catboxlast img {
	padding:5px;
}
#catproductitle {
	margin:20px 0 10px 0;
	padding:0 10px 0 10px;
	width:152px;
	height:30px;
	background:#000000;
}
#catproductitle a {
	font: normal normal normal 12px/30px Arial;
	color: #ffffff;
	text-decoration:none;
	text-transform:uppercase;;
	display:block;
}
#catproductitle a:hover {
	color:#ff0042;
}
#catproductprice {
	font: normal normal normal 12px Arial;
	color: #000000;	
	text-align:left;
}
#catproductprice .price {
	font: normal normal bold 12px Arial;
	color:#ff0042;
}
/*-------------------------Product-------------------------*/
#productleft {
	width:362px;
	float:left;
}
#productright {
	width:368px;
	float:right;
}
#productimgbox {
	width:362px;
	height:300px;
	background:url('images/productbg.jpg') no-repeat;
}
#productimgbox img {
	padding:8px;
}
#imgeenlarge {
	margin:10px 0 0 0;
	width:112px;
	height:52px;
	background:#000000;
	font: normal normal bold 12px/52px Arial;
	color: #ffffff;
	text-align:center;
	text-transform:uppercase;
}
#imgeenlarge a {
	padding:0 0 0 24px;
	background:url('images/enlarge.jpg') no-repeat left center;
	font: normal normal bold 12px/52px Arial;
	color: #ffffff;
	text-decoration:none;
	display:block;
}
#pricetable {
	width:368px;
	font: normal normal bold 12px Arial;
	color: #ffffff;
	text-align:center;
	text-transform:uppercase;
}
#pricetable .col1 {
	margin:0 0 1px 0;
	padding:10px 0 0 0;
	width:56px;
	height:42px;
	background:#ff0042;
	float:left;
}
#pricetable .col2 {
	margin:0 0 1px 0;
	padding:20px 0 0 0;
	width:52px;
	height:32px;
	background:#000000;
	float:left;
}
#pricetable .col3 {
	margin:0 0 1px 0;
	padding:20px 0 0 0;
	width:52px;
	height:32px;
	background:#464646;
	float:left;
}
#pricetable .enquire {
	margin:0 0 1px 0;
	background:#ff0042;
	float:right;
}
#pricetable .enquire a {
	padding:20px 0 0 0;
	width:156px;
	height:32px;
	font: normal normal bold 12px Arial;
	color: #ffffff;
	text-decoration:none;
	display:block;
}
#priceinfo {
	margin:20px 0 0 0;
	width:368px;
	font: normal normal bold 11px Arial;
	color: #000000;	
}
#priceinfo .pink {
	color: #ff0042;
}
#productinfo {
	width:368px;
	font: normal normal bold 11px Arial;
	color: #000000;	
}
#productinfo .left {
	width:184px;
	font: normal normal bold 11px/20px Arial;
	color: #ff0042;	
	float:left;
}
#productinfo .right {
	width:184px;
	font: normal normal bold 11px/20px Arial;
	color: #000000;	
	float:right;
}
/*-------------------------Contact-------------------------*/
#contactbox {
	margin:0 0 20px 0;
	padding:8px;
	width:750px;
	height:443px;
	background:url('images/contactbg.jpg') no-repeat;
	float:left;
}
#contactmessage {
	margin:0;
}
#contactmessage p {
	text-align:center;
	font: normal normal bold 11px Arial;
	color:#ff0042;	
}
#contactmessage p.error {
	text-align:center;
	font: normal normal bold 14px Arial;
	color:#ff0042;	
}
#contacttable {
	padding:0;
	width:734px;
	font: normal normal bold 11px/40px Arial;
	color:#ff0042;	
}
td {
	padding:0 10px;
	border-top:1px #000000 dotted;
}
.trgrey {
	background:#ffffff;
}
input {
	border:1px #000000 dotted;
	padding:4px;
	font: normal normal bold 11px Arial;
	color:#ff0042;	
	width:300px;
}
textarea {
	margin:10px 0;
	border:1px #000000 dotted;
	padding:4px;
	font: normal normal bold 11px Arial;
	color:#ff0042;	
	width:300px;
	height:80px;	
}
.submit {
	margin:10px 0;
	padding:4px;
	height:30px;
	width:120px;
	font: normal normal bold 12px Arial;
	text-transform:uppercase;
	background:#000000;
	color:#ffffff;	
	border:0;
}
.enquiryextra {
	margin:0 0 10px 0;
	font: normal normal normal 10px Arial;
	color:#000000;	
}
.nodisplay {
	display:none;
	visibility:hidden;
}
/*-------------------------Footer-------------------------*/
#footer {
	margin: 0 auto 20px auto;
	width:400px;
	font: normal normal normal 12px Arial;
	color: #ffffff;
	text-align:left;
	float:left;
}
#footer a {
	color:#ff0042;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#publisher {
	margin: 0 auto 20px auto;
	width:400px;
	font: normal normal normal 12px Arial;
	color: #ffffff;
	text-align:right;
	float:right;	
}
#publisher a {
	color:#ff0042;
	text-decoration:none;
}
#publisher a:hover {
	text-decoration:underline;
}


































