/* Site Layout Styles
 * Updated:  Date @ Time
 * Author: Firstname Lastname <company url>
 * ---------------------------------------------*/

	/* -- core 
 	 ---------------------------------------------*/
	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 { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		list-style: none;
		}

	/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */ height: 1%; }
	*+ html .clearfix { height: 1%; }
	
	html { overflow:-moz-scrollbars-vertical; }
	body { 
		background: #00518b;
		color: #000;
		font: 62.5%/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
	/* -- links */
	a {
		color: #f60;
		}
	a:hover {
		text-decoration: none;
		}

	
	/* -- layout
 	 ---------------------------------------------*/
	#container {
		width: 1030px;
		margin: 30px auto 0;
		background: url(../webimage/bg-container.gif) repeat-y;
		}
		
		/* -- header */
		#header {
			position: relative;
			height: 133px;
			background: url(../images/bg.gif) 0 0 no-repeat;
			}
		#header h1 {
			padding: 26px 38px;
			}
			
			
		      	#header h2 {
                                position: absolute;
                                top: 43px;
                                left: 275px;
				color: #000;
                                font: bold 1.4em/1.4 Helvetica, "Trebuchet MS", Arial, sans-serif;
                                text-align: center;
                                }
                        #header h2 span { color: #00518b; font-style: normal; display: block; font-size: 1.3em; }	
	
			#header form {
				position: absolute;
				bottom: 10px;
				right: 46px;
				}
			#header form input {
				padding: 3px;
				border: 1px solid #ccc;
				font-size: 1.1em;
				font-style: italic;
				font-weight: bold;
				}
			
		/* -- navigation */
		#nav {
			position: relative;
			height: 44px;
			background: url(../webimage/bg.gif) 0 -133px no-repeat;
			}
		#nav ul {
			padding-left: 41px;
			}
		#nav li {
			float: left;
			background: url(../webimage/bg-nav-divider.gif) top right no-repeat;
			}
		#nav li.end {
			background: none;
			}
		#nav li a {
			float: left;
			display: block;
			padding: 20px 20px 16px;
			color: #fff;
			font: italic 1.3em/0 Helvetica, "Trebuchet MS", Arial, sans-serif;
			text-decoration: none;
			}
		#nav li a:hover, #nav li a.on {
			color: #f7941e;
			}
		#nav li a.on { 
			font-weight: bold;
			}
			
			/* -- licence type drop down */
			#nav ul#licence_type_drop {
				position: absolute;
				top: 0;
				right: 50px;
				z-index: 99;
				}
			#licence_type_drop li {
				background: none;
				}
			#licence_type_drop li a {
				float: none;
				padding: 20px 50px 20px 90px;
				background: url(../webimage/btn-arrow.gif) top right no-repeat;
				}
			#licence_type_drop ul {
				position: absolute;
				top: 38px;
				left: -999em;
				margin: 0;
				padding: 10px 0;
				background: #999;
				-moz-opacity: 0.9;
				opacity: 0.9;
				filter: alpha(opacity=90);
				}
			#licence_type_drop li li {
				float: none;
				margin: 0;
				padding: 0;
				}
			#licence_type_drop li li a {
				float: none;
				width: 180px;
				height: auto;
				padding: 12px 20px;
				background: none;
				}
			#licence_type_drop li:hover ul ul,
			#licence_type_drop li.hover ul ul {
				left: -999em;
				}
			#licence_type_drop li:hover ul,
			#licence_type_drop li.hover ul {
				left: auto;
				}
			#licence_type_drop li:hover a,
			#licence_type_drop li.hover a {
				color: #f7941e;
				}
			#licence_type_drop li:hover li a,
			#licence_type_drop li.hover li a {
				color: #fff;
				}
			#licence_type_drop li:hover li a:hover,
			#licence_type_drop li.hover li a:hover {
				color: #f7941e;
				}
		
			
		/* -- main body */
		#main_body {
			background: url(../webimage/bg.gif) left bottom no-repeat;
			}
		#inner_main_body {
			min-height: 450px;
			padding: 15px 0 215px;
			background: url(../webimage/bg-main-body.gif) 0 0 no-repeat;
			}
		* html #inner_main_body { height: 550px; }
			
			/* -- side navigation */
			#side {
				float: left;
				width: 188px;
				padding: 15px 41px;
				}
			#side_nav li {
				width: 188px;
				border-bottom: 1px solid #ccc;
				}
			#side_nav  li a {
				display: block;
				padding: 6px 0 6px 22px;
				color: #f60;
				font-size: 1.1em;
				}
			#side_nav  li li {
				border: 0;
				}
			#side_nav  li li a {
				padding: 3px 0 3px 22px;
				}
			#side_nav  li li li a {
				padding: 3px 0 3px 40px;
				}
			#side_nav  li.on a, #side_nav  li li.on a, #side_nav  li li li.on a {
				color: #005594;
				font-weight: bold;
				text-decoration: underline;
				background: url(../webimage/bg-subnav-dot.gif) 8px 13px no-repeat;
				}
			#side_nav  li.off a, #side_nav  li li.off a, #side_nav  li li li.off a {
				font-weight: normal;
				text-decoration: none;
				}
			#side_nav  li li.on a, #side_nav  li li li.on a,
			#side_nav  li li.off a, #side_nav  li li li.off a {
				background: none;
				}
			
			
			/* -- content */
			#content {
				float: right;
				width: 680px;
				padding: 15px 41px 0 0;
				font-size: 1.1em;
				}
			/*#content ul {
				padding: 0 0 0 15px;
				}
			#content li {
				list-style: disc;
				}*/
			#content p {
				padding: 5px 0;
				}
			#content h2#content_title {
				margin: 15px 0 5px;
				color: #005594;
				font: italic bold 1.8em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
				}
			#content h2#content_title span {
				color: #666666;
				font-size: .7em;
				}
			#content h3#content_title_files {
				margin: 8px 0;
				padding: 15px 0 0;
				background: url(../webimage/divider.gif) top left no-repeat;
				color: #005594;
				font: italic bold 1.2em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
				}
			#content ul#other_product_list {
				margin: 0 0 25px;
				padding: 0;
				}
			#content ul#other_product_list li {
				list-style: none;
				padding: 0 0 10px;
				}
			#content ul#other_product_list li img {
				margin-right: 10px;
				vertical-align: middle;
				}
			#content #image {
				float: right;
				width: 250px;
				margin: 12px 0 0 15px;
				}
			#content #image img {
				padding: 3px;
				border: 1px solid #ccc;
				}
			#content #image #price img {
				border: 0;
				padding: 0;
				}
			#content #image #pack {
				padding: 10px 0;
				font-weight: bold;
				font-size: 1.3em;
				}
			#content ul.sitemap_level1 {
				padding: 0 0 0 15px;
				}
			#content ul.sitemap_level2 {
				padding-left: 30px;
				}
			#content ul.sitemap_level3 {
				padding-left: 45px;
				}
			#content ul.sitemap_level4 {
				padding-left: 60px;
				}
			#content ul.sitemap_level1 li {
				list-style: disc;
				}
			#content ul.sitemap_level1 li a {
				font-size: 1.3em;
				font-weight: bold;
				}	
			#content ul.sitemap_level1 li li a {
				font-weight: normal;
				font-size: 1em;
				}
			#thumbnails ul {
				margin: 0;
				padding: 15px 0 0;
				list-style: none;
				}
			#thumbnails li {
				float: left;
				padding: 0;
				margin: 0 5px 0 0;
				list-style: none;
				}
				
			/* -- catalogue */
			h3#catalogue_title {
				margin: 25px 0 0;
				padding-left: 10px;
				color: #005594;
				font: italic bold 1.8em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
				}
			h3#catalogue_title span {
				color: #666666;
				font: italic normal .8em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
				}
			#catalogue {
				padding: 10px 0 0 10px;
				font-size: 1.1em;
				}
			#catalogue a {
				font-weight: bold;
				}
			#catalogue img.image {
				float: left;
				margin-right: 15px;
				}
			#catalogue ul {
				padding: 10px 0 0;
				}
			#catalogue ul li img {
				vertical-align: middle;
				margin-right: 5px;
				}
			#catalogue .file_size { display: none; }
				
			#price {
				position: relative;
				margin: 10px 0 0;
				padding: 15px 0 0;
				background: url(../webimage/divider.gif) top left no-repeat;
			 	
			
				}
			#price input {
				display: none;
				}
			#price img {
				vertical-align: middle;
				margin-right: 5px;
				}
			#price span {
				color: #005594;
				font-size: 1.2em;
				font-weight: bold;
				}
			#price span.noshow_inc_gst {
				font-size: .9em;
				}
			#price span.oldPrice span { font-size: 11px; position: absolute; top: 35px; right: 65px; }	
				
			p.path { display: none; }
			p#note {
				color: #666666;
				font-size: .9em;
				}
			
		
		/* -- footer */
		#footer {
			width: 950px;
			padding: 0 40px 20px;
			margin: 0 auto;
			color: #177bc2;
			font-size: 1.1em;
			}
		#footer span {
			float: right;
			}
		#footer a {
			color: #177bc2;
			}
		#footer span a {
			color: #177bc2;
			}
			
		

		/* -- signup form styles */
		form#signup_form, form#signup_form fieldset{ margin:0; padding:0; border:0} form#signup_form legend{ display:none} form#signup_form fieldset fieldset legend{ display:block; margin:0} form#signup_form .required{ font-weight:bold} form#signup_form ol{ margin:0; padding:0; list-style:none} form#signup_form li{ clear:both; margin:0 0 .75em; padding:0} form#signup_form label{ float:left; width:110px; margin-right:5px; text-align:right} form#signup_form label:after{ content:":"} form#signup_form .state{ float:left; margin:0 0 .75em} form#signup_form ul{ margin:0; padding:0; list-style:none} form#signup_form li li{ float:left; width:55%; margin:0; padding:0; clear:none} form#signup_form .receive_email, form#signup_form .security_code_fieldset, form#signup_form .interests{ margin-left:115px} form#signup_form .state label, form#signup_form .receive_email label, form#signup_form .interests label{ display:inline; width:auto; margin:0} form#signup_form .interests li{ width:30%} form#signup_form .state label:after, form#signup_form .receive_email label:after, form#signup_form .interests label:after{ content:""} form#signup_form button{margin-left:115px;border-color:#999 #333 #333 #999;border-style:solid;border-width:1px 1px 1px 1px;background:#d4d0c8 url(../webimage/bg_btn.gif) repeat-x;width:auto;padding:3px;color:#333;font-weight:bold}form#signup_form ul{padding:0;}form#signup_form li{list-style: none;}form#signup_form{padding:10px 0 0;}p.error{color: #ffb60f;font-size:1.3em;}form#signup_form li#nopadding {padding: 0;margin: 0;clear:none;}
		
		/* -- info form styles */
		form#info_form, form#info_form fieldset{ margin:0; padding:0; border:0} form#info_form legend{ display:none} form#info_form fieldset fieldset legend{ display:block; margin:0} form#info_form .required{ font-weight:bold} form#info_form input{ margin: 5px; }form#info_form textarea{ margin: 5px; }form#info_form label{ float:left; width:110px; margin: 5px; text-align:right} form#info_form label:after{ content:":"} form#info_form .state{ float:left; margin:0 0 .75em} form#info_form .receive_email, form#info_form img { margin-left:5px; } form#info_form .state label, form#info_form .receive_email label, form#info_form .interests label{ display:inline; width:auto; margin:0} form#info_form .state label:after, form#info_form .receive_email label:after, form#info_form .interests label:after{ content:""} form#info_form button{border-color:#999 #333 #333 #999;border-style:solid;border-width:1px 1px 1px 1px;background:#d4d0c8;padding:3px;color:#333;font-weight:bold}form#info_form .cancel{display:none;}form#info_form .submit{float:left; margin-left: 125px; width:auto; }form#info_form{padding:10px 0 0;}
			
		/* -- thickbox styles */
		#TB_overlay{  position:fixed;  z-index:100;  top:0px;  left:0px;  height:100%;  width:100%}.TB_overlayMacFFBGHack{background:url(../webimage/macFFBgHack.png) repeat}.TB_overlayBG{ background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75}* html #TB_overlay{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}#TB_window{ position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%}* html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}#TB_window img#TB_Image{ display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666}#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left}#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right}#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right}#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px}#TB_title{ background-color:#e8e8e8; height:27px}#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}#TB_ajaxContent.TB_modal{ padding:15px}#TB_ajaxContent p{ padding:5px 0px 5px 0px}#TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px}* html #TB_load{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}#TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%}* html #TB_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px}
		
		
		 /* -- product styles */
		table.products_category_table, table.products_list_table {width: 100%;margin: 20px 0 0;text-align: center;} table.products_category_table td, table.products_list_table td {padding: 0 0 20px;width: 150px;}
		table.products_category_table div.cat_list_frame, table.products_list_table div.prod_list_frame { width: 140px; }
		
		/* -- shopping cart */
		table.cart_table{width:100%;margin: 20px 0 0;border-collapse:collapse;border-top:1px solid #ddd;border-left: 1px solid #ddd;}table.cart_table th,table.cart_table td{padding:5px; border-bottom:1px solid#ccc;border-right: 1px solid #ccc;text-align: center;}table.cart_table th.cart_header{font-size:1.3em;background: #eee;}td.cart_price{color: #f60;}
		input.button, input.submit {border-color:#999 #333 #333 #999;border-style:solid;border-width:1px 1px 1px 1px;background:#d4d0c8 url(../webimage/bg_btn.gif) repeat-x; }
		
		
		/* -- find trainers styles */
		form.members_search {
			margin: 20px 0 0;
			}
		form.members_search li {
			clear: both;
			margin: 0 0 .75em;
			}
		form.members_search label {
			float: left;
			display: block;
			width: 80px;
			margin-right: 5px;
			text-align: right;
			}
		form.members_search button {
			border-color: #999 #333 #333 #999;
			border-style: solid;
			border-width: 1px 1px 1px 1px;
			background: #d4d0c8 url(../webimage/bg_btn.gif) repeat-x;
			text-transform: uppercase;
			font-weight: bold;
			}
			
		div#search_for_title {
			margin: 20px 0 0;
			}

		table.dealer_standard_headers, table.dealer_gold_headers {
			margin: 20px 0 0;
			border-collapse: collapse;
			border-top: 1px solid #ddd;
			border-left: 1px solid #ddd;
			}
		table.dealer_standard_headers th,
		table.dealer_standard_headers td,
		table.dealer_gold_headers th,
		table.dealer_gold_headers td {
			padding: 5px 10px;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			text-align: left;
			}
		table.dealer_standard_headers th,
		table.dealer_gold_headers th {
			background: #eee;
			font-size: 1.3em;
			}
		table.dealer_gold_headers th {
			background: #00518b;
			color: #fff;
			}
		table.dealer_gold_headers td img { vertical-align: middle; margin-right: 10px; }
		
		
		.fieldset_title,
		.order_details_header {
			padding: 10px 0 0;
			color: #005594;
			font: italic bold 1.2em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
			}
			
		.form {
			padding: 10px 0 0;
			}
		.form th {
			text-align: right;
			vertical-align: text-top; 
			}
		.form th,
		.form td {
			padding: 0 5px 5px 0;
			}	
			
		.plain th {
			text-align: right;
			}
		.plain th,
		.plain td {
			padding: 0 5px 5px 0;
			}
	
		.search_form legend,
		.search_form label {
			display: none;
			}	
		.search_form {
			padding: 20px 0;
			}
		
		#product_tabs { display: none; }
		#form_DeliveryInstructions textarea { width: 200px; height: 80px; }