/*
Once upon a time in a land far far away...

1. Duplicate the folder 'master_service' in '\\Ascari\private\Spidersnet\SpidersNet\websites2000\_Product_promotor'.
2. Rename the Duplicate Folder to the customer’s name.
3. Save the images for the 'header.jpg' & 'main-image.jpg'  into the graphics folder of the newly duplicated folder (overwrite old images). 
4. Search entire site for '915' and replace with the customers ID from ClickEdit.
5. Change the 'background-colour:' below in the 'body' tag.
6. Change the Navigation button 'background-colour:' in  #nav ul li a 
7. Change the Navigation rollover button 'background-colour:' in  '#nav ul li a:hover'.
8. In 'navigaion.asp' change the more_information.asp anchor link text to something relevant (currently 'Products and Services') .
9. Search entire site and Find and replace the Word 'golf course and pro shop' with you chosen golf course and pro shop (this can be more then one word).

..THE END
 */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color: #d7f9c1  ;/* <---- (step 5) Change this colour for the main background*/

}

* {
border:none;
margin:0;
padding:0;
}

h1 {
font-size:16px;
}

a {
color:#333;
font-weight:bolder;
}

a:hover {
color:#000;
}

#wrapper {
background-color:#FFFFFF;
width:1000px;
position:relative;
border-left:10px solid #fff;
border-right:10px solid #fff;
padding-top:10px;
margin:0 auto 0;
height:100%;
}

#nav {
width:996px;
height:30px;
margin-top:10px;
padding-left:4px;
}

#nav ul {
border:0;
list-style-type:none;
text-align:center;
margin:0;
padding:0;
_width:370px;
_float:left;
}

#nav ul li {
display:block;
float:left;
text-align:center;
margin:0;
padding:0;
}

#nav ul li a {
	background-color:#d7f9c1; /* <---- (step 6) Change this colour for the main button colour */
	height:20px;
	color:#000;
	text-decoration:none;
	display:block;
	text-align:center;
	margin-right:10px;
	font-size:14px;
	letter-spacing:1px;
	border:#bdbcbd 1px solid;
	padding:6px 10px 4px;
}

#nav ul li a:hover {
background-color:#333333; /* <---- (step 7) Change this colour for the rollover button colour */
color:#FFF;
}


#nav ul li .home {
_width:64px;

}

#header {
width:1000px;
height:160px;
}

#header h1 {
width:1000px;
height:160px;
background:url(graphics/header.jpg) top center no-repeat;
cursor:pointer;
}

#header h1 span {
visibility:hidden;
}

#content {
margin-top:10px;
margin-bottom:10px;
width:1000px;
min-height:580px;
}

#footer {
width:1000px;
height:30px;
float:left;
clear:both;
text-align:center;
padding-top:10px;
background:transparent url(graphics/footer.gif) top center no-repeat;
padding-bottom:4px;
margin-top:10px;
}


#footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#left-info {
width:720px;
min-height:580px;
float:left;
margin-left:3px;
}

#left-about {
width:350px;
height:519px;
float:left;
clear:both;
background:url(graphics/intro.gif) top center no-repeat scroll;
margin-top:0;
margin-bottom:4px;
overflow:hidden;
padding:40px 10px 10px;
}

#right {
width:270px;
min-height:580px;
float:right;
margin-right:3px;
}

#right-details {
width:260px;
padding-left:10px;
padding-top:40px;
height:125px;
float:left;
clear:both;
background:url(graphics/right-details.gif) top center no-repeat;
line-height:140%;
margin-bottom:10px;
text-transform:capitalize;
}

#right-map {
width:250px;
height:345px;
float:left;
clear:both;
background:url(graphics/find-us.gif) top center no-repeat;
padding:40px 10px 10px;
}

#right-google {
width:250px;
height:345px;
}

#right-map input {
border:1px solid #333333;
background-color:#fff;
color:#333333;
padding:1px;
}

#mid-enq {
	float:left;
	height:420px;
	width:310px;
	margin-left:10px;
	background:url(graphics/mid-enq.jpg) top left no-repeat;
	padding:50px 10px 10px;
}

#mid-enq label {
width:60px;
display:block;
float:left;
}

#mid-enq input {
margin-bottom:4px;
margin-top:4px;
width:230px;
}

#mid-enq textarea {
width:230px;
}

#mid-image {
	width:330px;
	height:180px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

/* item layout */
.itemtable {
width:710px;
max-width:710px;
margin:0;
padding:0;
}

.itemtable td {
border-style:none;
}

.price {
color:red;
font-weight:700;
}

.viewlink {
color:#a0a0a0;
text-decoration:none;
font-weight:700;
}

.viewlink:hover {
color:red;
}

input,textarea {
border:1px solid #333333;
}


.departmentheader,.categoryheader {
width:700px;
float:left;
clear:both;
margin-bottom:5px;
padding:4px;
}

#phone {
padding-right:5px;
padding-top:4px;
font-size:16px;
font-weight:700;
float:right;
}

#nav ul li .num {
width:260px;
background:url(graphics/nav-con.gif) top center no-repeat;
padding-top:10px;
height:32px;
text-align:right;
padding-right:10px;
}

#nav ul li .num span {
display:block;
font-size:20px;
}

.home a {
width:1000px;
height:42px;
display:block;
background:url(graphics/btnmore.gif) top center no-repeat;
}

.home a:hover {
background:url(graphics/btnmore-over.gif) top center no-repeat;
}

.home a span {
visibility:hidden;
}

.more a {
width:1000px;
height:42px;
display:block;
background:url(graphics/btnhome.gif) top center no-repeat;
}

.more a:hover {
background:url(graphics/btnhome-over.gif) top center no-repeat;
}

.more a span {
visibility:hidden;
}

.itemadvert {
position:relative;
float:left;
width:680px;
height:150px;
background:url(graphics/service-item-bg.gif) top left no-repeat;
margin-bottom:10px;
padding:10px;
}

.itemphoto {
position:absolute;

top:20px;
left:10px;

height:120px;
width:160px;

border:1px solid #999999;
padding:2px;
}

.itemtitle {
color:#000040;
float:right;
width:500px;
_width:490px;
font-weight:700;
font-size:16px;
margin-top:10px;
_margin-right:10px;
}

.itemprice {
font-weight:700;
color:#000;
float:right;
width:230px;
margin-left:5px;
display:none;
}

.itembriefdescription {
width:490px;
height:125px;
font-size:12px;
float:right;
margin-right:10px;

}

.itemmoreinfo {
color:#000;
display:none;
}

.itemmoreinfo a {
color:#fff;
text-decoration:none;
width:90px;
position:absolute;
top:53px;
left:236px;
font-weight:700;
display:block;
height:18px;
border:1px solid #333333;
background-color:#333333;
text-align:center;
padding-top:3px;
}

.itemmore a:hover {
color:#333;
background-color:#FFFFFF;
}/* CSS Document */