/*
 
CSS Document
Client: Hanks Jams
Author: Paul Maher

Powered by SiteSuite Australasia
www.sitesuite.com.au 

*/


/*------------- Layout -------------*/

body {
		margin: 15px;
		background-color: #FFF;}
		
#head {
		height: 80px;
		width: 320px;
		padding-left: 20px;
		background-image: url(/persistent/templateimages/logo.gif);
		background-position: top left;
		background-repeat: no-repeat;}
		
#jams {
		height: 80px;
		width: 460px;
		background-color: #FFF;
		text-align: right;}
		
#headjam1 {
		padding: 0 15px 0 0;}
		
#headjam2 {	
		padding: 0 25px 0 30px;}
		
#headjam3 {	
		padding: 0 15px 0 30px;}	
		
#headjam4 {	
		padding: 0 15px 0 35px;}
		
#headjam5 {	
		padding: 0 30px 0 25px;}
		
#headjam6 {	
		padding: 0 50px 0 5px;}	
		
#menubg {
		height: 26px;
		width: 770px;
		background-image: url(/persistent/templateimages/menubg.gif);
		background-repeat: repeat-x;}
		
#menucell {
		background-color: #FFF;
		padding: 0px 10px 0px 10px;
		text-align: center;}
		
#main {
		width: 522px;
		padding: 30px 20px 10px 20px;
		vertical-align: top;}
		
#pic {
		width: 200px;
		padding-left: 8px;
		vertical-align: top;}
		
#cart {
		width: 722px;
		padding: 30px 20px 10px 20px;
		vertical-align: top;}
		
#footer {
		width: 770px;
		padding: 35px 0px 10px 0px;
		text-align: center;
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		font-weight: normal;}
		
#sitesuite {
		font: 10px, Verdana, Arial, Helvetica, sans-serif;
		color: #CCC;
		text-align: center;}
		
#sitesuite {
		font: 10px, Verdana, Arial, Helvetica, sans-serif;
		color: #CCC;
		text-decoration: none;}
		
#sitesuite:hover{
		color: #999;
		text-decoration: none;}
		

/*------------- Form -------------*/

#button {
		background-color: #FFF;
		border: 1px solid #E5E5E5;
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;}
		
input {
		background-color: #FFF;
		border: 1px solid #E5E5E5;
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		padding: 1px;
		color: #8C7BC6;}
		
select {
		background-color: #FFF;
		border: 1px solid #E5E5E5;
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;}

textarea {
		background-color: #FFF;
		border: 1px solid #E5E5E5;
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		scrollbar-arrow-color:#8C7BC6;
		scrollbar-base-color: #8C7BC6;
		scrollbar-dark-shadow-color: #333;
		scrollbar-track-color:#FFF;
		scrollbar-face-color:#E5E5E5;
		scrollbar-shadow-color: #8C7BC6;
		scrollbar-highlight-color: #FFF;
		scrollbar-3d-light-color:#FFF;}


/*------------- Content -------------*/

#main h1 {
		font: 14px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		text-transform: uppercase;
		font-weight: bold;}
		
#main h2 {
		font: 12px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		text-transform: uppercase;
		font-weight: bold;}
		
#main h3,h4,h5,h6,h7 {
		font: 12px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		font-weight: bold;}
		
#main p,td,li {
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		line-height: 160%;
		color: #000;}
		
#main a {
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		text-decoration: none;}	
		
#main a:hover {
		color: #333;
		text-decoration: none;}
		
/*------------- Cart Content -------------*/		


#cart {
		width: 722px;
		padding: 30px 20px 10px 20px;
		vertical-align: top;}		

#cart h1 {
		font: 14px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		font-weight: bold;}
		
#cart h2 {
		font: 12px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		text-transform: uppercase;
		font-weight: bold;}
		
#cart h3,h4,h5,h6,h7 {
		font: 12px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		font-weight: bold;}
		
#cart p,td,li {
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		line-height: 160%;
		color: #000;}
		
#cart a {
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		text-decoration: none;}	
		
#cart a:hover {
		color: #333;
		text-decoration: none;}
		
#checkout_table_bgcol {
		border: 1px solid #E5E5E5;}
		
#checkout_toprow {
		background-color: #8C7BC6;
		font-weight: bold;}
			
		
/*------------- Menu -------------*/

#menu {
		font: 11px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		font-weight: bold;
		text-decoration: none;}	
		
#menu:hover {
		color: #333;
		text-decoration: none;}	

#footmenu {
		font: 9px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		font-weight: normal;
		text-decoration: none;}	
		
#footmenu:hover {
		color: #333;
		text-decoration: none;}	
		
#footer a{
		font: 9px, Verdana, Arial, Helvetica, sans-serif;
		color: #8C7BC6;
		font-weight: normal;
		text-decoration: none;}	
		
#footer a:hover {
		color: #333;
		text-decoration: none;}