/***********************************************/
/* HTML tag styles - Aussie Humbug   */
/***********************************************/ 

/* Set a level playing field */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* feeds IE 5* PC the correct width due to its non-standard box model - FF hack */
html {height:100%}
body {min-height:101%}


/* STYLE CONTAINER DIV ------------------------------- */

#container {
	margin: 1px auto; /* distance from top of screen */
	width: 766px; 
	position: relative; 
	background-color: #fff;
	border: 1px solid #fff;
	/* background-image:  url(../images/bgGreen.jpg);*/
		
}
 
/* -------------------END OF CONTAINER DIV--------------------- */

/* STYLE HEADER DIV ------------------------------- */

#header {
	background-image:  url(../images/banner-humbug.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	height: 97px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 150%;	
	/*padding-top: 25px; /* distance of text from top of banner */
	
}

#header img{
	float: left;
	
}

/* ------------- END HEADER DIV --------------------- */



body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	font-size: 110.01%;
}

a{
	color: #333;
	text-decoration: underline;
	
}

a:link{
	color: #333;
	text-decoration: underline;
	
}

a:visited{
	color: #000;
	text-decoration: underline;
	
}

a:hover{
	color: #000;
	text-decoration: underline;
	background-color: #eee;
	
}

h1{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 120%;
 	color: #334d55;
 	margin: 0px;
 	padding: 0px;
}

h2{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 114%;
 	color: #334d55;
 	margin-top: 3px;
 	padding: 0px;
	background-color: #fff;
}

h3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 background-color: #fff;
}

/***********************************************/
/* Content Layout Div */
/***********************************************/

#content{
	float: left;
  	width: 75%;
  	text-align: justify;
	padding: 0 10px 0 5px;
	font-size: 88.01%;
	
	
}

.content p{
	padding: 0 0 0 0;
}


.content a {
	text-decoration: underline;
	color: #000;
	background-color: #fff;
		
}

.content a:hover, #content a:active, #content a:focus {
	color: #00ff00;
	text-decoration: underline;
	background-color: #fff;
	
}

#content h1{
 	font-size: 125%;
 	color: #000;
 	margin: 0;
	padding-top: 0;
 	padding-left: 0;
	padding-bottom: 10px;
	font-weight: bold;
		
}

.pagemarker {
 	font-size: 50%;
 	color: #000;
 	margin: 0;
	padding-top: 0;
 	padding-left: 10px;
	font-weight: normal;
		
}

/************* #Pic styles **************/

#pic{
	width: 760px;
	margin-right: 3px;
	margin-left: 3px;
	text-align:center;
}

/************* #Marker styles **************/

#marker{
	margin-right: 8px;
	margin-left: 8px;
	text-align: left;
	background-color: #eee;
	padding-bottom: 5px;
}

#marker h1{
	background-color: #eee;

}
	
/************* #Top Nav styles **************/

#topNav{
	height: 21px;
	background-color: #cccccc;
	font-weight: normal;
	font-size: .95em;
	margin-left: 7px;
	margin-right: 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;	 
}

#topNav img{
 	display: block;
}

/************** .feature styles ***************/

.feature{
	padding: 0px 10px 10px 5px;
	font-size: 80%;
	width: 98%;
}

.feature p{
	padding: 4px 0 4px 0;
}

#feature h1{
	padding: 10px 0 5px 0;
	text-align: left;
	font-size: 100.01%;
	color: #266C24;

}

.feature h2{
	padding: 5px 0 5px 0;
	margin-left: 0;
	text-align: left;
	font-size: 110.01%;
	color: #266C24;
	background-color: #fff;
}


.feature img{
	margin: 3px 0 0 0;
	/* border: 1px solid #666; */
}

.feature a {
	text-decoration: underline;
	color: #000;
	background-color: #fff;
		
	}

.feature a:hover, #feature a:active, #feature a:focus {
	color: #00ff00;
	text-decoration: underline;
	background-color: #fff;
	
	}
	
/*********** #Feature unordered list styles ***********/

ul.TickList {
  list-style-image: url(../images/tick-green.gif);
  margin: 5px 0 0 55px;
  line-height: 22px;
  
}

/************** #ad styles **************/

#ad{
	margin: 0 3px 0 0;
	float:right;
	width: 21%;
	padding: 10px 2px 0 0;
	font-size: 66%;
	text-align: left;
	border-left: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
		
}


#ad p{
	padding: 2px 8px 2px 5px;
}

#ad h1{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 135%;
 color: #266C24;
 margin: 0px;
 padding: 2px 8px 0 3px;
 text-align:left;
 background-color: #ccc;

}


#ad a {
	text-decoration: underline;
	color: #000;
	background-color: #fff;
		
	}

#ad a:hover, #ad a:active, #ad a:focus {
	color: #000;
	text-decoration: none;
	background-color: #fff;
		
	}
	
#ad img{
	padding: 2px 0 2px 10px;
	/*border: 1px dashed #cc9900;*/
}


/************* #Copyright styles ***************/

#copyright {
	font-family: Verdana,Arial,sans-serif;
	width: 760px; 
	background-image:  url(../images/footerBg.jpg);
	background-color: #fff;
	border-top: 1px dotted #ccc;
	clear: both;
	font-size: 60%;
	color: #999;
	padding: 6px 0 0 5px;
	text-align: left;
	
}

#copyright a {
	text-decoration: none;
	color: #999;
	background-color: #fff;
		
}

#copyright a:hover, #copyright a:active, #copyright a:focus {
	background-color: #fff;
	color: #000;
	text-decoration: underline;
		
}








ul#productList {
	margin: 0 30px 10px 30px;
}
ul#productList li {
	margin: 5px 0;
}
ul#productList li a {

}
ul#productList li a:hover {

}

form#frmCart table.striped {margin: 20px auto;}
table.striped {
	margin: 20px 0;
	border: 1px solid #000;
	padding: 10px;
	background-color: #fff;	
}
table.striped tr.odd {
	background-color: #9fbfa7;
}
table.striped tr.even {
	background-color: #6f9f77;
}
table.striped td {
	padding: 5px;
}
table.striped td a {
	color: #000;
	background-color: transparent;
}
table.striped td a:hover {
	color: #000;
	background-color: transparent;
}
table.striped th, table.striped th a {
	color: #000;
}
td#cart-buttons {
	text-align: center;
}
td#cart-buttons img, td#cart-buttons input {
	padding: 10px;
} 
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

table.form-layout-table {
	margin: 20px 0;
	border: 1px solid #000;
	padding: 10px;
	background-color: #fff;	
	
}

table.form-layout-table td {
	padding: 5px;
}

table.form-layout-table label {
	display: block;
	text-align: right;
}