/* Site Layout Styles
 * Updated:  30 Apr 2008 @ 4.00pm
 * Author: Matthew Holmes <www.ivt.com.au>
 ---------------------------------------------*/

/* -- reset css [http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/] */
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, ul, fieldset, form, label, legend, 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;
	}

/*table {
	vertical-align: middle;
	border: 0;
	}*/
	
	
	body {
		background: url(../webimage/bg-body.gif) top repeat-x;
		color: #666;
		font: normal 62.5%/1.6 Tahoma, Arial, Helvetica, sans-serif;
		}
		
		
		/* -- links */
		a {
			color: #dc2a19;
			}
		a:hover {
			color: #dc2a19;
			text-decoration: none;
			}
		a:focus {
			outline: none;
			}
		a img {
			border: 0;
			}


		sup
                {
                        font-size: 9px !important;
			vertical-align: top;
                }

		
		/* -- structure
		---------------------------------------------*/
		#container {
			width: 1000px;
			margin: 0 auto;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/sb/styles/standard/webimage/bg-container.png');
			}
		#container[id] {
			background: url(../webimage/bg-container.png) top no-repeat;
			}
			
			#wrapper {
				width: 949px;
				padding: 6px 2px 6px 0;
				margin: 0 auto;
				background: #fff;
				}
			
			/* 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%;
 				}
			
			
			/* -- header [logo, navigation, search] */
			#header {
				position: relative;
				width: 950px;
				height: 107px;
				margin: 0 auto;
				}
				
				/* logo */
				#header h1 {
					padding: 21px 0 0 28px;
					}
					
					
				/* phone */
				div#phone {
					position: absolute;
					top: 24px;
					left: 350px;
					font-size: 1.6em;
					display: none;
					}
					
				/* login details */
				div#login {
					position: absolute;
					top: 32px;
					right: 320px;
					}
				
				
				/* main navigation */
				ul#nav {
					position: absolute;
					bottom: 0;
					right: 6px;
					height: 42px;
					width: 555px;
					/*background: url(../webimage/btn-nav2.gif) no-repeat;
					*/}
				#nav li {
					float: left;
					margin: 0;
					padding: 0;
					height: 42px;
					}
				#nav li a {
					float: left;
					display: block;
					height: 42px;
					text-indent: -999em;
					background: url(../webimage/btn-nav2.gif) no-repeat;
				
					}

					/* default navigation */
					#nav li a.products { width: 86px; background-position: 0 0; }
					#nav li a.industry { width: 84px; background-position: -86px 0; }
					#nav li a.techpapers { width: 106px; background-position: -170px 0; }
					#nav li a.application { width: 101px; background-position: -275px 0; }
					#nav li a.rental { width: 71px; background-position: -376px 0; }
					#nav li a.calibration { width: 98px; background-position: -447px 0; }
					#nav li a.catalogues { width: 99px; background-position: -545px 0; }
					#nav li a.contactus { width: 95px; background-position: -644px 0; }
					
					/* hover navigation */
					#nav li a.products:hover { width: 86px; background-position: 0 -42px; }
					#nav li a.industry:hover { width: 84px; background-position: -86px -42px; }
					#nav li a.techpapers:hover { width: 106px; background-position: -170px -42px; }
					#nav li a.application:hover { width: 101px; background-position: -275px -42px; }
					#nav li a.rental:hover { width: 71px; background-position: -376px -42px; }
					#nav li a.calibration:hover { width: 98px; background-position: -447px -42px; }
					#nav li a.catalogues:hover { width: 99px; background-position: -545px -42px; }
					#nav li a.contactus:hover { width: 95px; background-position: -644px -42px; }
					
					/* on state navigation */
					#nav li.on a.products { width: 86px; background-position: 0 -42px; }
					#nav li.on a.industry { width: 84px; background-position: -86px -42px; }
					#nav li.on a.techpapers { width: 106px; background-position: -170px -42px; }
					#nav li.on a.application { width: 101px; background-position: -275px -42px; }
					#nav li.on a.rental { width: 71px; background-position: -376px -42px; }
					#nav li.on a.calibration { width: 98px; background-position: -447px -42px; }
					#nav li.on a.catalogues { width: 99px; background-position: -545px -42px; }
					#nav li.on a.contactus { width: 95px; background-position: -644px -42px; }
					
					#nav ul { display: none; }
					
				/* search */
				form#search {
					position: absolute;
					top: 28px;
					right: 53px;
					width: 242px;
					}
				form#search input {
					width: 180px;
					padding: 2px;
					margin-right: 3px;
					border: 1px solid #ddd;
					}
				form#search button {
					width: 52px;
					height: 22px;
					border: 0;
					background: url(../webimage/btn-search.gif) no-repeat;
					text-indent: -999em;
					cursor: pointer;
					}
					
					
			/* -- banner */
			ul#banner {
				height: 103px;
				margin-left: 7px;
				width: 945px;
				}
			ul#banner li {
				float: left;
				margin: 0 5px 0 0;
				}
				
			ul#banner li a.bannerLink { 
				width: 152px;
				height: 103px;
				overflow: hidden;
				display: block;
				text-indent: -999em;
				cursor: pointer;
				}
				
			ul#banner li a.bannerLink:hover {
				background-position: 0 -103px;
				}
				
				
				
			/* -- product [abc menu system] */
			#products {
				height: 40px;
				background: url(../webimage/bg-product-abc.gif) no-repeat;
				}
			#products ul {
				padding-left: 32px;
				}
			#products ul li {
				float: left;
				background: url(../webimage/bg-abc-divider.gif) right no-repeat;
				}
			#products ul li.start {
				display: block;
				padding: 8px 10px;
				font-size: 1.6em;
				}
			#products ul li.end {
				background: none;
				}
			#products ul li a {
				display: block;
				padding: 8px 10px;
				font-size: 1.6em;
				text-decoration: none;
				}
			#products ul li a:hover {
				text-decoration: underline;
				}
				
			.products_category_table {
				width: 100%;
				}
				
			.products_category_table td {
				border-bottom: 1px solid #ddd;
				padding: 6px 0 11px;
				}
			.products_category_table table td {
				border: 0;
				padding: 0;
				}
				
			.products_category_table table td img {
				float: right;
				margin-left: 5px;
				}			
				
				
			/* -- main body [welcome, latest product, latest news, feature products] */
			#main_body {
				margin: 6px 0 20px;
				font-size: 1.1em;
				background: #fff url(../webimage/bg-main-body.gif) -35px 0 no-repeat;
				}
				
				/* main title */
				#title {
					position: relative;
					height: 50px;
					margin: 0 0 6px;
					background: url(../webimage/bg-main-title.gif) 0 -32px no-repeat;
					}
				
				/* content */
				#content {
					float: right;
					width: 696px;
					padding: 15px 25px;
					}
				#content p {
					margin: 0 0 10px;
					}
				#content table tbody ul li a {
					color: #666;
					text-decoration: none;
					}
				#content table tbody ul li a:hover {
					color: #DC2A19;
					text-decoration: underline;
					}				
				#first_row ul li {
					padding: 0 0 5px 20px;
					background: url(../webimage/list-style-square.gif) 6px 7px no-repeat;
					}
				
				/* sidebar */
				#sidebar {
					float: left;
					width: 165px;
					padding-left: 10px;
					}
					
					/* side navigation */
					#sidebar ul {
						padding: 15px 0 0;
						}
					#sidebar ul li {
						border-bottom: 1px solid #ddd;
						}
					#sidebar ul li a {
						display: block;
						padding: 7px 7px 7px 25px;
						font-size: 1.1em;
						text-decoration: none;
						background: url(../webimage/icon-arrow.gif) 7px 13px no-repeat;
						}
					#sidebar ul li.on a {
						padding: 5px 7px 5px 25px;
						color: #999;
						font-weight: bold;
						font-size: 1.3em;
						}
					#sidebar ul ul {
						display: none;
						}
					
				/* common elements */
				h2#main_title {
					position: relative;
					top: 12px;
					left: 25px;
					}
				p.path {
					display: none;
					}
				p.breadcrumb {
					padding: 0;
					}
					
					
					/* product styles */
					h2#content_title, h3#content_title {
						margin: 25px 0 15px;
						color: #2c0c74;
						font-size: 1.6em;
						}
					h3#content_title {
						margin: 0;
						font-size: 1.3em;
						}
					div#content_description {
						float: left;
						width: 430px;
						}
					div#content_image {
						float: right;
						width: 218px;
						padding: 10px 0 0;
						text-align: center;
						}
						
						/* product headings */
						div.col h3 {
							margin: 0 0 10px;
							}
						h4#random_title {
							font-size: 1.2em;
							color: #bd190a;
							}
						
						/* product menu */
						ul.subsection_tabs {
							width: 650px;
							height: 30px;
							margin: 0 0 15px;
							/*background: url(../webimage/btn-content-menu.gif) no-repeat;*/
							background: #cbcaca url(../webimage/bg-content-menu.gif) repeat-x;
							}
						ul.subsection_tabs li {
							float: left;
							background: url(../webimage/bg-subsection-divider.gif) no-repeat;
							}
						ul.subsection_tabs li a {
							display: block;
							padding: 6px 15px;
							color: #777;
							text-decoration: none;
							}
						ul.subsection_tabs li a.selected {
							color: #dc2d1d;
							font-weight: bold;
							}
							
							/* default */
							/*ul.subsection_tabs li a.product_info { width: 98px; background-position: 0 0; }
							ul.subsection_tabs li a.accessories { width: 92px; background-position: -98px 0; }
							ul.subsection_tabs li a.application_notes { width: 115px; background-position: -190px 0; }
							ul.subsection_tabs li a.service_support { width: 115px; background-position: -305px 0; }
							ul.subsection_tabs li a.faqs { width: 56px; background-position: -420px 0; }*/
							
							/* hover */
							/*ul.subsection_tabs li a.product_info:hover { width: 98px; background-position: 0 -30px; }
							ul.subsection_tabs li a.accessories:hover { width: 92px; background-position: -98px -30px; }
							ul.subsection_tabs li a.application_notes:hover { width: 115px; background-position: -190px -30px; }
							ul.subsection_tabs li a.service_support:hover { width: 115px; background-position: -305px -30px; }
							ul.subsection_tabs li a.faqs:hover { width: 56px; background-position: -420px -30px; }*/
						
						/* description - image */
						div#first_row {
							padding: 0 0 10px;
							}
						
						/* feature benefits - applications */
						#second_row {
							background: url(../webimage/bg-col-divider.gif) no-repeat;
							}
						div#second_row .col {
							float: left;
							width: 186px;
							padding: 10px 15px 25px;
							border-top: 1px solid #ddd;
							}
						div#second_row .col3 {
							border: 0;
							width: 100px;
							padding: 10px 0 10px 45px;
							}

						/* included items - literature - accessories */
						#third_row {
							background: url(../webimage/bg-col-divider.gif) no-repeat;
							}
						div#third_row .col {
							float: left;
							width: 186px;
							padding: 10px 15px 25px;
							border-top: 1px solid #ddd;
							}
							
						/* list style */
						.col ul li {
							padding: 0 0 5px 20px;
							background: url(../webimage/list-style-square.gif) 6px 7px no-repeat;
							}
							
						/* files */
						ul.files_list li {
							padding: 0 0 10px;
							background: none;
							}
						ul.files_list li img {
							margin-right: 5px;
							vertical-align: middle;
							}
						ul.files_list li span.file_size, .buy_field_wrap {
							display: none;
							}
							
						/* product listing */
						table.products_list_table {
							width: 100%;
							}
						table.products_list_table td {
							padding: 10px 0;
							border-bottom: 1px solid #ddd;
							}
						table.products_list_table ul,
						#content ul {
							margin: 15px 0;
							}
					        table.products_list_table ul li,
						#content ul li {
							padding: 0 0 2px 20px;
							background: url(../webimage/list-style-square.gif) 6px 7px no-repeat;
							}

						#content ul#content_menu li
						{
							padding-left: 0 !important;
							background: none !important;
						}		
							
						/* rent me button */
						a.form-link {
							float: left;
							display: block;
							width: 134px;
							height: 26px;
							margin: 0 0 10px;
							background: url(../webimage/btn-make-enquiry.gif) no-repeat;
							text-indent: -999em;
							}
							
							
						/* site map */
						ul.sitemap_level1 {
							padding-left: 15px;
							list-style: disc;
							}
							
							
						/* search */
						div.search_form {
							padding: 0 0 15px;
							}
						div.search_form form legend,
						div.search_form form label {
							display: none;
							}
							
							
			/* -- contact details */
			#contact_details {
				padding: 20px 40px;
				border-top: 2px solid #ddd;
				font-size: 1.1em;
				}
				
				#contact_details ul {
					text-align: center;
					}
				#contact_details li {
					float: left;
					width: 33%;
					}
				#contact_details li.phone {
					font-size: 1.5em;
					font-weight: bold;
					}
					
					
			/* -- footer [developed by, copyright] */
			#footer {
				padding: 20px 0;
				background: #eee url(../webimage/bg-footer.gif) top no-repeat;
				font-size: 1.1em;
				}
			#footer a {
				color: #666666;
				}
				
				/* developed by */
				p#developed {
					float: right;
					padding: 0 20px;
					}
					
				/* copyright */
				p#copyright {
					float: left;
					padding: 0 20px;
					}


/* --- Forms */

input.button
{
	padding: 3px 10px;
	margin: 0;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #c93227;
	color: #fff;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
}

input.button:hover
{
	background: #6048a8;
	color: #fff;
}

/* --- Events */

#frontPageEvents
{
	float: left;
	width: 350px;
}

#upcomingEvents
{
	float: right;
	width: 280px;
	margin: 55px 0 0;
}

#upcomingEvents ul
{
	margin: 20px 0;
	padding: 0;
}


#upcomingEvents ul li
{	
	margin: 0 0 1em;
	padding: 0 0 0 25px;
	list-style: none;
	background: url(images/event-icon.gif) 0 8px no-repeat;
}

ul.categoryList,
ul.eventsList,
ul.suitesList
{
	margin: 0;
	padding: 0;
}

ul.categoryList li,
ul.eventsList li,
ul.suitesList li
{
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

ul.categoryList li img.eventListImage,
ul.eventsList li img.eventListImage,
ul.suitesList li img.eventListImage
{
	-moz-box-shadow:0 3px 3px #DDDDDD;
	border:1px solid #DDDDDD;
	float:left;
	margin:5px 20px 5px 0;
	padding:5px;
}

#eventSearch
{
	margin: 1em 0 0 0;
}

button.SubmitButton,
button.CancelButton,
button.BackToEvent
{
	padding: 3px 10px;
	margin: 0;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #c93227;
	color: #fff;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
}

button.SubmitButton:hover,
button.CancelButton:hover,
button.BackToEvent:hover
{
	background: #6048a8;
	color: #fff;
}

form.registrationForm br
{
	display: none;
}

form.registrationForm legend
{
	display: none;
}

form.registrationForm .state
{
	margin: 0 !important;
	padding: 0 !important;
}

form.registrationForm ol,
form.registrationForm ul
{
	margin: 0 !important;
	padding: 0 !important;
}

form.registrationForm ul li
{
	list-style: none !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

form.registrationForm label
{
	display: block;
	margin: 3px 0;	
}

form.registrationForm .receive_email input
{
	margin: 0 5px 0 0;	
}

form.registrationForm button.SubmitButton
{
	margin: 10px 0;
}

table.registrations_table i
{
	color: #27479e !important;
}

table.registrations_table 
{ 
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
}

table.registrations_table th, 
table.registrations_table td
{ 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding: 5px; 
	text-align: left; 
	color: #777; 
}

input#reserveAdditionalPlaces
{
	width: 30px;
}

#userSignupMessageElement div
{
	display: inline-block;
	width: auto !important;
	margin: 1em 0 !important;
	padding: 8px 10px !important;
	border: 1px solid #ffacad !important;
	background-color: #ffd5d5 !important;
	color: #d23755 !important;
}

#loginForm
{
	margin: 1em 0;
}

#loginForm #forgottenPasswordNote
{
	margin: .5em 0;
}
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 #DDDDDD;
	padding:5px;
}

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 #FF6600;
	padding:5px;
}

input.input_small_off, 
input.input_small_on 
{
	width: 200px;
}

input.input_medium_off, 
input.input_medium_on 
{
	width: 250px;
}

input.input_large_off, 
input.input_large_on 
{
	width: 300px;
}

textarea.textarea_small_off,
textarea.textarea_small_on 
{
	width: 300px;
	height: 80px;
}

textarea.textarea_medium_off,
textarea.textarea_medium_on 
{
	width: 300px;
	height: 150px;
}

textarea.textarea_large_off,
textarea.textarea_large_on 
{
	width: 300px;
	height: 300px;
}

	/*	CART - DO NOT REMOVE, MAY EDIT!!!
 *	----------------------------------------------
*/	
	.timeRemaining
	{
		margin: 0 0 15px;
	}
	table.cart_table,
	table.text
	{
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #ddd;
	}
	table.cart_table th,
	table.cart_table td,
	table.text th,
	table.text td
	{
		padding: 0.4em !important;
		border: 1px solid #ddd;
		background-color: #eee;
		text-align: left;
	}
	table.cart_table th.cart_labels,
	table.cart_table td,
	table.text td
	{
		background-color: #fff !important;
	}
	table.cart_table td input /* quantity field */
	{
		padding: 5px;
		border: 1px solid #ddd;
	}
	div.plain table th,
	div.plain table td
	{
		padding: 0.4em;
		text-align: left;
	}
	
	/* order form */
	.fieldset_title,
	.order_details_header
	{
		margin: 0 0 1em;
		border-bottom: 1px solid #ddd;
		font-weight: bold;
	}
	.form th
	{
		font-weight: normal;
		text-align: left;
	}
	div.form label
	{
		display: inline;
		float: none;
	}
	div.form label input.checkbox
	{
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
	}

/* --- Contacts + Regisration */

#info_form table font,
form.signup_form table font 
{ 
	color: inherit; 
}

form#signup_form legend,
form#passwordForm legend,
#info_form .receive_email legend 
{
	display: none;
}

span.form form label,
form.signup_form label,
form#info_form label,
form#passwordForm label, 
form#forgotten_username_form label,
form#signup_form label,
form#update-form label,
div#password_form form th
{
	text-align: left;
	display: block;
	margin: 3px 0;
}

#info_form span input,
form.signup_form table font input,
#info_form table font label input, 
.receive_email span
{
	margin: 0 3px; 
}

#info_form fieldset img
{
	margin: 0 0 5px 0;
}

form#signup_form fieldset
{
	border: 0 !important;
}

form.signup_form table .select_large_off,
form.signup_form table .select_large_on
{
	width: 200px;
}

form.signup_form .receive_email label span
{
	margin: 0 5px;
}

div#password_form form td
{
	display: block;
}

p#forgotenPassword
{
	margin: 1em 0;
}

form#signup_form ol,
form#update-form ol,
form#forgotten_username_form ol,
form#passwordForm ol,
.signup_form
{
	margin: 15px 0;
}

.signup_form th
{
	font-weight: normal;
	text-align: left;
	padding: 0 5px 0 0;
}

.signup_form td
{
	padding: 3px 0;
}

.signup_form td input
{
	margin: 0 3px 0 0;
}

#signup_form iframe,
.signup_form iframe,
#update-form iframe
{
	width: 370px;
}

form.signup_form fieldset fieldset span
{
	display: block;
}