/* 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 {
			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;
					}				
				#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;
					}