/**********************************************
 ******************* MASTER *******************
**********************************************/

/* Created: 2 Dec 2009 & 3 PM
 * Author: Joshua Deidun <www.ivt.com.au>
*/

/*	TOC
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. Structure
*/

/*------ IMPORT STYLESHEETS ------*/
	@import "thickbox.css";

/*	1. COLORS
 *	----------------------------------------------
 *	green		=		#83AD1B
 *	red			=		#CB042D
 * 	blue		=		#192C71
*/


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, caption { 
		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;
		}
		
	/* 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 {
		text-decoration: none;
	   }	 
	
	a:link, a:active, a:visited, a:hover {
		color: #4F6DD8;
		outline: none;
		}
		
	a:visited {
		color: #E60532;
		}	
		
	a:hover {
		text-decoration: underline;
		color: #83AD1B;
		}			

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


	h1, h2, h3, h4, h5, h6 {
		color: #CB042D;
		}
		
	h1 {
		font-size: 3.5em;
		line-height: 1; 
		}
		
	h2, #donate h1 {
		font-size: 1.9em;
		margin: 0 0 .2em;
		}
		
	h3 {
		font-size: 1.7em;
		margin: 0 0 .2em;
		}
		
	h4 {
		font-size: 1.3em;
		margin: 0 0 .2em;
		}
		
	h5 {
		font-size: 1.3em;
		margin: 0 0 .5em;
		}					
		
	label {
		font-size: 1.1em;
		}
		
	p { 
		margin: .8em 0; 
		}	
		
	blockquote {
		padding: 10px 0 0 28px;
		background: url(../images/blockquote.png) 0 5px no-repeat;
		font-style: italic;
		}
		
	textarea, input {
		font-family: Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		font-size: 12px;
		}									
		

/*	5. STRUCTURE
 *	----------------------------------------------
*/	
	
	body {
		margin: 0;
		font: 62.5%/1.5 Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		color: #0F1A43;
		background: #e2e8f8 url(../images/bg-body.gif) repeat;
		}
		
	/*----------------------------------------*/
	/*-------------- CONTAINER ---------------*/
	/*----------------------------------------*/
		#container { 
			width: 980px; 
			margin: 28px auto;
			background: #fff url(../images/bg-container3.gif) 0 0 repeat-y; 
			}

		/*-------------------------------------*/
		/*-------------- HEADER ---------------*/
		/*-------------------------------------*/
			#header { 
				height: 206px;
				text-align: center;
				margin: 0 5px 0 4px;
				}
		
			/* --- logo */
			#header h1 a {
				padding: 15px 0; 
				color: #192C71; 
				display: block;
				width: 100%;
				}
			
			/* --- navigation */
			#header ul#nav { 
				width: 970px; 
				height: 28px; 
				padding: 0; 
				background: url(../images/bg-nav.gif) repeat-x;
				}
				
			#header ul#nav li { 
				float: left; 
				height: 28px;
					
				}
				
			#header ul#nav li a { 
				float: left; 
				display: block; 
				height: 20px; 
				cursor: pointer; 
				color: #fff; 
				font-size: 1.3em; 
				font-weight: bold; 
				padding: 4px 17px; 
				}
				
			#header ul#nav li a:hover, #header ul#nav li.on a {
				background: url(../images/bg-nav-hover.gif) repeat-x; 
				text-decoration: none; 
				cursor: pointer;
				}
				
			#header ul#nav li a#home { 
				padding: 4px 17px 4px 20px;
				}	
			
			#header ul#nav li.login a { 
				padding: 5px 0 0 45px;
				background: url(../images/lock_open.png) 25px 5px no-repeat;
				}
				
			#header ul#nav li.search { 
				float: right; 
				font-size: 12px; 
				}
				
				#header ul#nav li.search form {
					width: 181px;
					margin: 1px;
					background: url(../images/search.png) 0 4px no-repeat;
					}
				
				#header ul#nav li.search form input {
					width: 140px;
					padding: 4px 5px 3px; 
					border: 2px solid #444; 
					background: #fff;
					float: right;
					line-height: 1;
					}	
		
		/*--------------------------------------*/
		/*-------------- CONTENT ---------------*/
		/*--------------------------------------*/
		#content { 
			font-size: 1.2em; 
			float: left;
			width: 970px; 
			margin: 0 5px 0 3px;
			}
			
			#content .left { 
				float: left; 
				width: 213px; 
				padding: 25px 25px 25px 12px; 
				}
				
				#content .left ul#menu {
				float: left;
				display: block;
				width: 213px;
				margin-bottom: 15px;
				}
				
				#content .left ul#menu li a {
					padding: 6px 0 6px 15px;
					background: url(../images/arrow.gif) 0 11px no-repeat;
					display: block;
					text-decoration: none;
					width: 192px;
					border-bottom: 1px dashed #ccc;	
					}
					
				#content .left ul#menu li a:hover {
				 	color: #83AD1B;
					}
					
				#content .left ul#menu li a:visited {
				 	color: #E60532;
					}
					
				#content .left ul#menu li a:visited:hover {
				 	color: #83AD1B;
					}
					
				#content .left ul#menu li li a {
					padding: 4px 0 4px 31px;
					background: url(../images/arrow.gif) 16px 8px no-repeat;
					display: block;
					text-decoration: none;
					width: 176px;	
					}
					
				#content .left ul#menu li li li a {
					padding: 3px 0 3px 47px;
					background: url(../images/arrow.gif) 32px 8px no-repeat;
					display: block;
					text-decoration: none;
					width: 160px;	
					}
					
				#content .left div#login {
					padding: 0 0 15px 0;
					margin: 0;
					border-bottom: 1px dashed #ccc;
					width: 213px;
					float: left;
					}						
				
			#content .right { 
				float: right; 
				width: 675px;
				margin: 20px 0;
				padding: 10px 20px;
				border-left: 1px dashed #ccc;
				min-height: 300px;
				height:auto !important;
				height: 300px;
				}
				
				#content .right #record_img {
				float: right;
				padding: 6px;
				border: 1px solid #ccc;
				margin: 0 0 15px 15px;
				}
				
				#content .right ul {
				margin: 10px 0;
				}
				
				#content .right ul li {
				padding: 3px 0 3px 17px;
				background: url(../images/bullets.gif) 0px 8px no-repeat;
				}
				
				
				
				/* files_list */
				#content .right ul.files_list { list-style: none; margin: 10px 0; padding: 0; }
				#content .right ul.files_list li { margin: 0; padding: 3px 0; list-style: none; background: none; }
				#content .right ul.files_list img { vertical-align: middle; margin: 0 5px 0 0; border: 0; }
				
				/* --- sitemap */
				#content .right ul.sitemap_level1 { padding: 0; }
				#content .right ul.sitemap_level1 li { margin: 0; padding: 0 0 0 17px; background-position: 0 6px; }
				#content .right ul.sitemap_level1 li.sitemap_level1 a { font-size: 13px; }
				#content .right ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 a { font-weight: 100; font-size:13px; margin-top: -10px; }
				#content .right ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 { margin: 3px 0 0 5px; }
				#content .right ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 a { font-weight: 100; font-size: 11px; margin-top: -10px; }
				#content .right ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 { margin: 3px 0 0 5px; }
				
				/* --- search form */
				#content .right ul.search_list a { text-decoration: none; }
				#content .right ul.search_list li { background-position: 0 17px; border-bottom: 1px dashed #ccc; }
				#content .right .search_form button { width: 66px; height: 24px; background: url(../images/btn-bg.gif); cursor: pointer; margin:0; padding: 0 0 3px; border:0; color: #fff; }
				#content .right .search_form form { background: url(../images/mag-glass.gif) 7px 6px no-repeat; margin: 0 0 10px; }
				#content .right .search_form form input { width: 450px; margin: 0; padding: 4px 5px 2px 25px; border: 1px solid #dedede; background: none; color: #666; }
				#content .right .search_form legend, #content .right .search_form label { display: none; }
				
				/* --- my account */
				table#loginDetails { margin: 0 0 15px; border: 0; }
				table#loginDetails th,  table#loginDetails td { text-align: left; padding: 5px 10px 5px 0; border: 0; }
				table#loginDetails tr { border: 0; }
				
				a.my_logout { display: block; width: 66px; height: 22px; background: url(../images/btn-bg.gif); cursor: pointer; margin: 5px 0; padding: 2px 0 0; border:0; color: #fff; text-align: center; text-decoration: none; }
				a.logout { float: right; display: block; width: 66px; height: 22px; background: url(../images/btn-bg.gif); cursor: pointer; margin: 5px 0; padding: 2px 0 0; border:0; color: #fff; text-align: center; text-decoration: none; }
				a.myaccount { float: left; display: block; width: 80px; height: 22px; background: url(../images/btn-bg-myaccount.gif); cursor: pointer; margin: 5px 0; padding: 2px 0 0; border:0; color: #fff; text-align: center; text-decoration: none; }
				
				
				/* ----- enquiry form */
				form#info_form { margin: 20px 0; }
				form#info_form #formpage_0 { margin-top: 15px; }
				form#info_form legend,  form#signup_form legend { display: none;  }
				form#info_form fieldset fieldset legend { display: block; }
				form#info_form input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #0F1A43; background: none; font-size: 11px; }
				form#info_form textarea { width: 250px; height: 100px; margin: 3px 0; padding: 4px 5px; border: 1px solid #0F1A43; }
				form#info_form select { margin: 3px 0; }
				form#info_form ol, form#info_form ul,  form#signup_form ol { margin: 0; padding: 0; list-style: none; }
				form#info_form li,  form#signup_form ol li { clear: both; margin: 0 0 .75em; padding: 0px; list-style: none; background: none; }
				form#info_form label,  form#signup_form label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; }	
				form#info_form ul,  form#signup_form ul { margin: 0; padding: 0; list-style: none; }
				form#info_form li li,  form#signup_form li li { float: left; width: 48%; margin: 0; padding: 0; clear: none; list-style: none; background: none; }
				form#info_form .state li,  form#signup_form .state li { list-style: none; }
				form#info_form .security_code_fieldset { margin-left: 0px; }
				form#info_form .security_code_fieldset input { width: 246px; }
				form#info_form .security_code_fieldset legend { font-weight: bold; margin: 5px 0px; }
				form#signup_form .security_code_fieldset { margin-left: 115px; }
				form#info_form .state label,  form#info_form .receive_email label { display: inline; width: auto; margin: 0; padding: 0px; }
				form#info_form .state label:after,  form#info_form .receive_email label:after { content: ""; }
				form#signup_form .receive_email { width: 300px; }
				form#signup_form .receive_email label { width: 300px; }
				form#info_form .receive_email legend { font-weight: bold; margin: 5px 0px; }
				form#info_form .receive_email label { float: left; margin: 0; font-weight: normal; }
				form#info_form .receive_email input { float: left; }
				form#info_form .receive_email li { float: left; background: none; }
				form#info_form .interests legend { font-weight: bold; margin: 5px 0px; }
				form#info_form .interests label { display: inline; margin: 0; font-weight: normal; }
				form#info_form .interests li { background: none; padding: 0px; }
				form#info_form .form_caption legend { font-weight: bold; margin: 5px 0px; }
				form#info_form .form_caption label { display: inline-block; margin: 0; font-weight: normal; }
				form#info_form .form_caption li { display: block; background: none; padding: 0px; }
				form#info_form table#form_info_buttons { width: 264px; margin-left: 115px;  }
				form#info_form .submit, form#signup_form button { width: 66px; height: 24px; background: url(../images/btn-bg.gif); cursor: pointer; margin: 5px 0; padding: 0 0 3px; border:0; color: #fff; }
				form#signup_form button { margin-left: 115px; }
				form#info_form .wide { display: block; width: 100%; }
				form#info_form img { margin: 5px 115px; }	
				form#info_form div input.input_medium_off { margin-left: 115px; }
				
				/* ---- signup_form */
				form.signup_form { margin: 20px 0; }
				form.signup_form input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #0F1A43; background: none; font-size: 11px; }
				form.signup_form select { margin: 3px 0; }
				form.signup_form label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; }	
				form.signup_form select#c_Country { width: 262px; }
				form.signup_form input.submit { width: 66px; height: 24px; background: url(../images/btn-bg.gif); cursor: pointer; margin: 5px 0; padding: 0 0 3px; border:0; color: #fff; }
				form.signup_form .receive_email legend { font-weight: bold; margin: 5px 0px; }
				form.signup_form .receive_email label { float: left; margin: 0; font-weight: normal; width: 250px; }
				form.signup_form .receive_email input { float: left; width: 15px; margin: 4px 5px 3px 0; }
				form.signup_form .receive_email li { float: left; background: none }
				
				/* ---- update details form */
				span.form { margin: 20px 0; }
				span.form input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #0F1A43; background: none; font-size: 11px; }
				span.form select { margin: 3px 0; }
				span.form label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; }	
				span.form select#c_Country { width: 262px; }
				span.form input.submit { width: 66px; height: 24px; background: url(../images/btn-bg.gif); cursor: pointer; margin: 5px 0; padding: 0 0 3px; border:0; color: #fff; }
			
				#update-form form { margin: 20px 0; }
				#update-form input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #0F1A43; background: none; font-size: 11px; }
				#update-form select { margin: 3px 0; }
				#update-form label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; }	
				#update-form select#c_Country { width: 262px; }
				#content .right #update-form ul  { margin: 0; }
				#content .right #update-form ul li { margin: 0; padding: 0; clear: none; list-style: none; background: none; }
				#update-form button { margin: 5px 115px; width: 66px; height: 24px; background: url(../images/btn-bg.gif); cursor: pointer; padding: 0 0 3px; border:0; color: #fff; }
				
				#passwordForm ol { display: inline-block; }
				#passwordForm ol li { display: inline-block; }
				#passwordForm label { float: left; width: 135px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; }
				#passwordForm input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #0F1A43; background: none; float: left; }
				#passwordForm button { width: 66px; height: 24px; background: url(../images/btn-bg.gif); cursor: pointer; margin: 5px 0; padding: 0 0 5px; border:0; color: #fff; }
				
				/* ---- donation */
				#donate table.form { margin: 15px 0; }
				#donate table.form table, #donate table.form tr, #donate table.form th, #donate table.form td { 
					border: 1px solid #0F1A43;
					}
				
				#donate table.form td { padding: 0; }
				#donate table.form table { margin: 0; }
				#donate table.form table td { padding: 4px; }	
				#donate table.form th { background-color: #CB042D; color: #FFF; font-size: 1.2em; font-weight: bold; border: 1px solid #0F1A43; border-bottom: none; padding: 4px; }
				#donate table.form table th { text-align: left; background: #ccc; color: #0F1A43; }	
				#donate form table .submit { width: 100px; height: 22px; background: url(../images/btn-bg-big.gif); cursor: pointer; margin: 5px 0; padding: 0 0 2px; border:0; color: #fff; text-align: center; text-decoration: none; }	
					
				#donate .input_smaller_off, #donate .input_smaller_on, #donate .input_small_off, #donate .input_small_on { background: #fff!important; padding: 3px; border: 1px solid #0F1A43; width: 70px; }
				
				
				/* ---- cart elements */
				
				.form table { margin: 10px 0 0; }
				.form table th { text-align: left; padding: 4px 2px; }
				.form table td { text-align: left; padding: 4px;  }
				.form table { width: 100%; color: #0F1A43 !important; }
			
				.order_details_header, table.cart_table th.cart_header
				{
					
					background-color: #CB042D; color: #FFF; font-size: 1.2em; font-weight: bold; border: 1px solid #0F1A43; padding: 4px;
				}
				
				.text th { text-align: center; background: #ccc; color: #0F1A43 !important; padding: 4px !important; border: 1px solid #0F1A43 !important; }
				.text td { border: 1px solid #0F1A43; }
			
				th.cart_labels 
				{
					text-align: center;
					 background: #ccc;
				}
			
				table.cart_table 
				{
					width: 100%;
					border: 1px solid #0F1A43;
					border-collapse: collapse;
				}
			
				table.cart_table th,
				table.cart_table td 
				{
					padding: 5px;
					border: 1px solid #0F1A43;
				
					color: #0F1A43;
				}
			
				table.cart_table td input 
				{
					border: 1px solid #0F1A43;
					
				}
			
			
				.order_details_table { border: 1px solid #0F1A43; border-top: none; }
				.order_details_table td { padding: 5px; }

			
				#shippingaddress_div table 
				{
					margin-top: 15px;
					
					width:100%;
					height: 40px;
				
				}
			
				#shipping_address 
				{
					margin: 10px 0px 10px 0px;
				}
			
				#addressdetails_div th 
				{
					text-align: left;
				}
			
				#delivery_shipping_div th 
				{
					text-align: left;
				}
				
				table.cart_table td { text-align: center; }
				table.cart_table .cart_cell_line { border: none; border-bottom: 1px solid #0F1A43; text-align: center; }
				table.cart_table .cart_labels { background-color: #ccc; }
				.order_details_table { border: 1px solid #0F1A43; border-top: none; }
				.order_details_table td { padding: 5px; }
				.button, .submit, .inputSubmit { width: 100px; height: 22px; background: url(../images/btn-bg-big.gif); cursor: pointer; margin: 5px 0; padding: 0 0 2px; border:0; color: #fff; text-align: center; text-decoration: none; }
				.list td { border: #0F1A43 1px solid; padding: 2px; height: 20px; }
				.list th { border: #0F1A43 1px solid; padding: 2px; height: 20px; text-transform: uppercase; }
				.text th { padding: 2px; }
				.fieldset_title { display: none; }
				.plain table th { float: left; padding: 5px; }
				.priceConversionButton { display: none; }
	
			
	
				input.input_small_off, 
				input.input_medium_off, 
				input.input_large_off,
				textarea.textarea_small_off,
				textarea.textarea_medium_off,
				textarea.textarea_large_off 
				{
					border:1px solid #0F1A43;
					padding:5px;
				}
			
				input.input_small_off, 
				input.input_small_on 
				{
					width: 200px;
				}
			
				input.input_small_on, 
				input.input_medium_on, 
				input.input_large_on,
				textarea.textarea_small_on,
				textarea.textarea_medium_on,
				textarea.textarea_large_on 
				{
					border:1px solid #0F1A43;
					padding:5px;
				}
			
				input.input_medium_off, 
				input.input_medium_on 
				{
					width: 300px;
				}
			
				input.input_large_off, 
				input.input_large_on 
				{
					width: 350px;
				}
			
				textarea.textarea_small_off,
				textarea.textarea_small_on 
				{
					width: 350px;
					height: 80px;
				}
			
				textarea.textarea_medium_off,
				textarea.textarea_medium_on 
				{
					width: 350px;
					height: 150px;
				}
			
				textarea.textarea_large_off,
				textarea.textarea_large_on 
				{
					width: 350px;
					height: 300px;
				}

				.cart input.button { width: 120px; height: 22px; background: url(../images/btn-bg-large.gif); cursor: pointer; margin: 5px 0; padding: 0 0 2px; border:0; color: #fff; text-align: center; text-decoration: none; }
				input.step3 { width: 170px; height: 22px; background: url(../images/btn-bg-xlarge.gif); cursor: pointer; margin: 5px 0; padding: 0 0 2px; border:0; color: #fff; text-align: center; text-decoration: none; }
				 
				input.shipping  { width: 150px; height: 22px; background: url(../images/btn-bg-shipping.gif); cursor: pointer; margin: 5px 0; padding: 0 0 2px; border:0; color: #fff; text-align: center; text-decoration: none; }				
					
	
			/* hidden elements */
			.addthis, .path { 
				display: none; 
				}

				fieldset.radio input,
				fieldset.receive_email input
				{
					width: auto !important;
					margin: 0 !important;
					padding: 0 !important;
					border: 0 !important;
				}
				fieldset.receive_email label
				{
					width: auto !important;
				}
		
		/*-------------------------------------*/
		/*-------------- FOOTER ---------------*/
		/*-------------------------------------*/
		#footer { position: relative; margin: 0; padding: 40px 5px 0 4px; background: url(../images/bg-container.gif) 0 -1906px no-repeat; font-size: 1.1em; width: 971px; height: 53px; float: left; text-align: center; }
		
		#footer a#member { position: absolute; top: 8px; left: 365px; }
		#footer a { color: #960320; }
		#footer a:hover { color: #E60532; }
		#footer a:visited { color: #960320; }
		#footer p { margin: 0 0 .3em; }