/*
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 '980' 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 'Appliances' with you chosen Appliances (this can be more then one word).
10. Goto 'http://code.google.com/apis/maps/signup.html' and make a google maps api key, replace the current key in the navigation
(ABQIAAAAZrX4GjOicLzCnhnaaP9tIxT2C41cQeQcezX9b3j1RNmmRSGEchRTdrpUsajj-sg6pnA_BlyjW78zdg)

..THE END
 */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#cbcbe3;/* <---- (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:10px auto 0;
}

#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:#567C15; /* <---- (step 6) Change this colour for the main button colour */
	height:20px;
	color:#ffffff;
	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:#af282e; /* <---- (step 7) Change this colour for the rollover button colour */
color:#ffffff;
}


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

}

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

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

#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:400px;
	width:310px;
	margin-left:10px;
	background:url(graphics/mid-enq.jpg) top left no-repeat;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 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 */