/* 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; 
		vertical-align: baseline;
		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: #f7941e;
		}
	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(../webimage/bg.gif) 0 0 no-repeat;
			}
		#header h1 {
			padding: 26px 38px;
			}
			
			#header h2 {
				position: absolute;
				top: 43px;
				left: 320px;
				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;
			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 {
			padding: 25px 0 0;
			background: url(../webimage/bg.gif) 0 -177px no-repeat;
			text-align: center;
			}
			
			/* -- text */
			#main_body h2 {
				font: italic bold 1.8em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
				}

			/* -- product types */
			ul#product_types {
				padding: 25px 0 15px 41px;
				}
			ul#product_types li {
				float: left;
				width: 138px;
				margin: 0 23px 0 0;
				}
			ul#product_types li a {
				width: 138px;
				font: italic bold 1.5em/1.2 Helvetica, "Trebuchet MS", Arial, sans-serif;
				text-decoration: none;
				}
			ul#product_types li a:hover {
				color: #0075d1;
				text-decoration: underline;
				}
				
			/* -- licence types */
			ul#licence_types {
				height: 32px;
				background: url(../webimage/bg.gif) 0 -2095px no-repeat;
				font: italic 1.2em/2.8 Helvetica, "Trebuchet MS", Arial, sans-serif;
				}
			ul#licence_types li {
				display: inline;
				background: url(../webimage/bg-licence-type-divider.gif) right no-repeat;
				}
			ul#licence_types li.start, ul#licence_types li.end {
				background: none;
				}
			ul#licence_types li a {
				padding: 0 14px 0 8px;
				color: #0075d1;
				text-decoration: none;
				}
			ul#licence_types li a:hover {
				color: #f7941e;
				text-decoration: underline;
				}
				
				
		/* -- extra */
		#extra {
			padding: 0 2px;
			height: 354px;
			background: url(../webimage/bg.gif) 0 -2127px no-repeat;
			}
		#extra .col {
			position: relative;
			float: left;
			width: 260px;
			padding: 15px 40px;
			}
		#extra .col h3 {
			margin: 0 0 5px;
			color: #005594;
			font: italic bold 1.8em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
			}
		#extra .col h3 span {
			color: #666666;
			font: italic normal .8em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
			}
			
			#extra .trainer h3 {
				padding-left: 48px;
				background: url(../webimage/bg-australia.gif) no-repeat;
				}
				
			/* type */
			#extra .type h4 { font-size: 1.2em; font-style: italic; font-weight: normal; }
			#extra .type img {
				float: left; padding: 0 8px 0 0;
				}
			#extra .type a { font-size: 1.1em; }
			
			/* -- news */
			#extra .news ul {
				font-size: 1.1em;
				}
			#extra .news ul li {
				padding: 3px 0;
				}
			#extra .news ul li a {
				color: #000;
				font-weight: bold;
				}
			#extra .news ul li span {
				color: #000;
				font-size: .9em;
				}
				
			/* -- catalogue */
			#catalogue {
				padding: 15px 0 0;
				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;
				}
				
			
			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 select {
				width: 100%;
				}
			form.members_search button {
				float: left;
				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;
				}
				
			
			/* -- join newsletter */
			p#join {
				float: left;
				padding: 10px 0 0 10px;
				}
				
			/* -- rss icon */
			p#rss {
				position: absolute;
				top: 23px;
				left: 100px;
				}
				
			/* -- more news */
			p#more {
				float: left;
				padding: 10px 0 0;
				}

			
		/* -- footer */
		#footer {
			width: 942px;
			padding: 20px 46px 20px 42px;
			margin: 0 auto;
			background: url(../webimage/bg.gif) 0 -2481px no-repeat;
			color: #177bc2;
			font-size: 1.1em;
			}
		#footer span {
			float: right;
			}
		#footer a {
			color: #177bc2;
			}
		#footer span a {
			color: #177bc2;
			}


		/* -- thickbox styles */
	#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
	.TB_overlayMacFFBGHack { background: url(../images/macFFBgHack.png) repeat; }
	.TB_overlayBG { background: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
	#TB_window { position: fixed; z-index: 102; color: #000; display: none; text-align: left; top: 50%; left: 50%; background: #fff; }
	#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 #666666; border-left: 1px solid #666666; }
	#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 { text-align:left; }
	#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; /* -height/2 0 0 -width/2 */ }
	#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%; }
	#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
	
	
	* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
	
 	* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	
 	* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
 
 	* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }	


	#TB_window .close_bar { position: absolute; bottom: -10px; right: -10px; }
	#TB_window a.closelink { display: block; font-size: 1.1em; padding: 6px 35px 14px 0; }
	#TB_window div.closebutton { position: absolute; bottom: 0; right: 0; display: block; width: 30px; height: 30px; background: url(../images/fancy_closebox.png) no-repeat; text-indent: -999em; cursor: pointer; }	
	
	* html #TB_window div.closebutton {
		azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('#TB_window a#TB_closeWindowButton')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "/style/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
		);
	}
	
	
	#TB_window .specials_container { padding: 25px 15px 15px; }