body {background:rgb(255,255,255) url(../images/bg-body.gif) top center repeat-y;}
p {color:rgb(51,51,51);}
h3 {color:rgb(0,112,178);}
a {color:rgb(0,181,229);}


/* Header */
#header {background:rgb(0,67,110) url(../images/bg-header.gif) top left no-repeat;}
#header h1 {background:transparent url(../images/h1-clearpack.gif) top left no-repeat;}
#header p a.login {background:transparent url(../images/bg-login.gif) top left no-repeat;}
#header p a.prefs {background:transparent url(../images/bg-mydetails.gif) top left no-repeat;}
#header p a.logout {background:transparent url(../images/bg-logout.gif) top left no-repeat;}

/* Navigation */
#n-home a:link, #n-home a:visited {background:transparent url(../images/n-home.gif) 0 -25px no-repeat;}
#n-about a:link, #n-about a:visited {background:transparent url(../images/n-about.gif) 0 -25px no-repeat;}
#n-catalogue a:link, #n-catalogue a:visited {background:transparent url(../images/n-catalogue.gif) 0 -25px no-repeat;}
#n-contact a:link, #n-contact a:visited {background:transparent url(../images/n-contact.gif) 0 -25px no-repeat;}
#n-faq a:link, #n-faq a:visited {background:transparent url(../images/n-faq.gif) 0 -25px no-repeat;}
#header ul a:hover {background-position:0px 0px;}

/* Content */
#cp-home #content h2 { background:rgb(0,120,174) url(../images/h2-home.gif) top left no-repeat;}
#cp-about #content h2 {background:rgb(0,120,174) url(../images/h2-about.gif) top left no-repeat;}
#cp-catalogue #content h2 {background:rgb(0,120,174) url(../images/h2-catalogue.gif) top left no-repeat;}
#cp-contact #content h2 { background:rgb(0,120,174) url(../images/h2-contact.gif) top left no-repeat;}
#cp-faq #content h2 { background:rgb(0,120,174) url(../images/h2-faq.gif) top left no-repeat;}
#cp-links #content h2 { background:rgb(0,120,174) url(../images/h2-links.gif) top left no-repeat;}
#cp-login #content h2 { background:rgb(0,120,174) url(../images/h2-login.gif) top left no-repeat;}
#cp-prefs #content h2 { background:rgb(0,120,174) url(../images/h2-mydetails.gif) top left no-repeat;}
#cp-cart #content h2 { background:rgb(0,120,174) url(../images/h2-shoppingcart-wide.gif) top left no-repeat;width:780px;}
#cp-checkout #content h2 { background:rgb(0,120,174) url(../images/h2-shoppingcart.gif) top left no-repeat;}


/* From Catalogue */
#images {background:rgb(255,203,0) url(../images/bg-productimage.gif) no-repeat top left;}
#fromcatalogue h3, #cp-checkout h3 {font-family:helvetica, arial, "lucida grande", verdana, "lucida sans", lucida, "bitstream vera sans", geneva, sans-serif;}
#fromcatalogue h4 {color:rgb(0,181,229);}
#fromcatalogue h4 strong {color:rgb(0,0,0);}
#fromcatalogue h4 em {color:rgb(153,153,153);}
#fromcatalogue p {color:rgb(102,102,102);}

/* View The Catalogue */
#viewcatalogue {background:transparent url(../images/bg-viewcatalogue.gif) 0 10px no-repeat; }
body#cp-cart #viewcatalogue, body#cp-checkout #viewcatalogue  {background:transparent url(../images/bg-backcatalogue.gif) 0 10px no-repeat; }
body#cp-catalogue #viewcatalogue {background:transparent url(../images/bg-viewcart.gif) 0 10px no-repeat; }

/* Footer */
#footer {background:rgb(0,67,110) url(../images/bg-footer.gif) top left no-repeat;}
#footer p {color:rgb(128,161,183);}
#footer a:link, #footer a:visited {color:rgb(128,161,183);border-bottom:1px solid rgb(64,114,146);}
#footer a:hover, #footer a:active {color:rgb(255,255,255);border:0;}


/* Pulled out color information from extra.css */
#tblCart {
	color:rgb(51,51,51);
	}
	
#tblCart .tblHdr th {
	border-bottom: 1px solid rgb(204,204,204);
	}
	
#cart-total th {
	border-top:2px solid rgb(204,204,204);
	}

#cat-list a:link,
#cat-list a:visited {
	background:transparent url(../images/li-arrow.gif) left center no-repeat;
	color:rgb(51,51,51);
	}

#cat-list a:hover,
#cat-list a:active {
	background:transparent url(../images/li-arrow-hover.gif) left center no-repeat;
	color:rgb(0,181,229);
	text-decoration:underline;
	}

#product-list li a {
	background:transparent url(../images/bg-productlist-off.gif) center left no-repeat;
	color:rgb(102,102,102);
}
	
#product-list li a:hover {
	background:rgb(0,67,110) url(../images/bg-productlist.gif) center left no-repeat;
	color:rgb(255,255,255);
	}
	
.cart-nav {
	background:red url(../images/bg-cartnav.gif) top left no-repeat;
	}

.cart-update:link,
.cart-update:visited {
	width:126px;
	background:transparent url(../images/cartnav-update.gif) 0 -50px no-repeat;
	}

.cart-checkout:link,
.cart-checkout:visited {
	width:170px;
	background:transparent url(../images/cartnav-checkout.gif) 0 -50px no-repeat;
	}

#itemsummary h4 {
	color:rgb(0,112,178);
	}

#itemsummary dl dt {
	color:rgb(102,102,102);
	}

#itemsummary dl dd {
	border-bottom:1px solid rgb(204,204,204);
	}
	
#itemsummary .divider {
	border-top: 1px solid  rgb(204,204,204);
	margin:0px;
	}

	THE CSS BELOW APPLIES TO SEO PROCEDURES CARRIED OUT
	PLEASE DO NOT ALTER OR DELETE
	

.bot-links{
	color:#6aa1b7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 10px 30px 20px 100px;
}

a.bot-links{
	color:#6aa1b7;
	font-size:11px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:20px;
}

.bot-links a:hover {
text-decoration:underline;
}

a.sw-bottom  { 
	font-size: 8px;
	text-align:center;
	font-family: Geneva, Verdana, Helvetica, sans-serif;
	color: #6aa1b7;
	text-transform:uppercase;
	text-decoration:none;
	padding: 5px 50px 5px 0px;
	
}