/*	1. COLORS
 *	----------------------------------------------
 *	green		=		#035912
 *	red			=		#b2180b
 * 	cream		=		#e5e9be
 *  grey		+		#b4af99
*/


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		list-style: none; 
		}	
 	
	table { 
		border-collapse: collapse; 
		border-spacing: 0; 
		}

	ol, ul { 
		list-style: none; 
		}

	q:before, q:after, blockquote:before, blockquote:after { 
		content: ""; 
		}
		
	:focus {
		outline: 0;
		}
		
	legend {
		display: none;
		}
		
	hr {
		height: 1px;
		border: 1px solid #CCC;
		}
		
	th {
		text-align: left;
		color: #035912;
		}		
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		}

	.clearfix {
		display: inline-block;
		}

	* html .clearfix {
		height: 1%;
		}

	.clearfix {
		display: block;
		}


/*	3. LINKS
 *	----------------------------------------------
*/

    a {
		color: #035912;
	   }	 
	
	a:link, a:active, a:visited, a:hover {
		color: #035912;
		}
		
	a:hover {
		text-decoration: none;
		}			

		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/

	body {
		padding: 20px;
		font: 75%/1.5 "Trebuchet MS", "Lucida Grande", Arial, Helvetica;
		color: #444;
		background: #fff;
		}


	h1, h2, h3, h4, h5, h6 {
		color: #035912;
		}
		
	h1 {
		font-size: 2.6em;
		font-family: "Times New Roman", Times, serif;
		color: #b2180b;
		}
		
	h2, h3 {
		font-family: Helvetica, Arial, Times;
		font-weight: normal;
		}	
		
	h2 {
		font-size: 1.7em;
		margin: 0 0 .3em;
		color: #035912;
		}
		
	h3 {
		font-size: 1.6em;
		margin: 0 0 .2em;
		color: #035912;
		}
		
	h4 {
		color: #035912;
		margin: 0 0 .5em;
		font-size: 1.1em;
		}
		
	h5 {
		color: #035912;
		}
		
	h6 {
		color: #035912;
		}						
		
	label {
		font-size: 1.1em;
		clear: both;
		display: block;
		margin: 3px 0;
		}
		
	button {
		background:none repeat scroll 0 0 #B2180B;
		color:#E5E9BE;
		cursor:pointer;
		padding:3px 5px;
		border: 0;
		margin: 3px 0;
		}
		
	textarea {
		font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica;
		font-size: 12px; 
		}	
		
	p { 
		margin: 0 0 .5em; 
		}

	/*	ERRORS  - DO NOT REMOVE, MAY EDIT!!!
	 *	----------------------------------------------
	*/

	div.sbError
	{
		display: inline-block;
		width: auto !important;
		margin: 0 0 1em;
		padding: 8px 10px 8px 35px;
		border: 1px solid #ffacad;
		background: #ffd5d5 url(../images/alert-icon.gif) 10px 50% no-repeat;	
		color: #d23755;
	}
	
	/* 
	   cart vouchers important message 
	   note do not remove !important or it will revert to old styling
	*/
	div.messageBox
	{
		display: inline-block;
		width: auto !important;
		margin: 0 0 1em !important;
		padding: 8px 10px !important;
		border: 1px solid #ffacad !important;
		background-color: #ffd5d5 !important;
		color: #d23755 !important;
	}
	div.messageBoxShade
	{
		border: none !important;
		padding: 0 !important;
		font-size: 12px !important;
	}
	div.messageBoxShade ul,
	div.messageBoxShade ul li
	{
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
	}
	h2.messageBoxHeading
	{
		margin: 0 !important;
		padding: 0 !important;
		text-indent: 0 !important;
		color: #035912 !important;
		font-size: 1.4em !important;
	}