/* - - - - - - - - - - - - - - - - - - - - -

Title : BOC Instruments
URL : http://bocinstruments.com.au

Author : SiteSuite Australasia
Designer : Erin Kim
Author URL : http://www.sitesuite.com.au


- - - - - - - - - - - - - - - - - - - - - */

/* PNG Fix */
#menu_bg, #flash, #footer_bg, #top_lhs, #content_wrapper, #contentD_wrapper, #contentD_wrapper, img { behavior: url(/persistent/js/iepngfix.htc) }

/*

----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html {
	padding: 0;
	margin: 0;
	}

body {
	font: 12px/18px arial, helvetica, sans-serif;
	margin: 0 ;
	padding: 0;

	}
	
img {
	border: 0;
	}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}



td {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height: 1.3;
}

a {
color: #054d85;
text-decoration:underline;

}

a:hover {
text-decoration: none;

} 

hr {
width: 100%;
height: 1px;
color: #666666;
border: 1px dotted;
margin: 5px 0 5px 0;

}
	
#stats {
display: none;
height: 0;
line-height: 0;
}

img {

}

/*
----------------------------------------------------------------------------- 
HEADINGS
-----------------------------------------------------------------------------*/

h1 {
	font: normal 18px Arial, Helvetica, serif;
	color: #01616b;
	margin: 5px 0 5px 0;}
	
h2 {
	font: bold 14px Arial, Helvetica, serif;
	color: #054d85;	}

h3 {
	font: bold 12px/14px Arial, Helvetica, serif;
	color: #015eab;
	font-weight: 600;
	}


/*
----------------------------------------------------------------------------- 
 
-----------------------------------------------------------------------------*/

#main_wrapper {
width: 974px;
margin: 0 auto;
background: url(../siteimages/main_wrapper_bg.gif) repeat-y;

} 

	#main_container {
	width: 940px;
	margin: 0 auto;
	
	} 
	
		#top_header {
		width: 928px;
		height: 135px;
		margin: 0 auto;
		background: #e9ecec url(../siteimages/top_right_img.jpg) no-repeat;
		background-position: right;
		
		} 
		
		#menu_wrapper {
		height: 55px;
		border-top: 1px solid #FFFFFF;
		width: 928px;
		background: url(../siteimages/menu_bg.gif) repeat-x; 
		margin: 0 auto;
		} 
		
		#container_wrapper {
		width: 928px;
		margin: 0 auto;
		border-top: 1px solid #FFFFFF;
		background: url(../siteimages/container_wrapper_bg.jpg) repeat-y;
		background-position: left;
		} 
		
			#lhs {
			float: left;
			width: 219px;			
			} 
			
				#product_title {
				width: 219px;
				height: 32px;
				border-bottom: 1px solid #FFFFFF;
				
				} 
			
			#rhs {
			float: right;
			width: 708px;
			
			} 
			
				#flash {
				width: 708px;
				height: 250px;
				background-color: #393939;
				} 
				

				#content {
				padding: 15px;
				width: 678px;
				text-align: left;
				
				} 
				
				#contentD {
				width: 708px;
				padding: 0;
				
				} 
				
				#store_title {
				height: 26px;
				background-color: #000000;
				width: 692px;
				border-bottom: 1px solid #FFFFFF;
				padding: 6px 8px 0 8px;
				
				} 
				
					#store_name {
					float: left;
					width: 200px;
					color: #FFFFFF;
					font: 16px Arial, Helvetica, sans-serif;
					
					} 
					
					#crumb {
					color: #4cbfd6;
					float: right;
					width: 400px;
					text-align: right;
					} 
					
					#crumb a {
					color: #4cbfd6;
					text-decoration: none;
					
					} 
					
					#crumb a:hover {
					color: #FFFFFF;
					
					} 
				
				#store_content {
				padding: 15px;
				
				} 
				
				div.product-item {
				text-align: center;
				
				} 
				
				div.product-item a {
				text-decoration: none;
				font-weight: bold;
				color: #454545;
				font-size: 14px;
				
				} 
				
				.thumb {
				border: 1px solid #c4c4c4;
				
				} 
				
				.imagethumb {
				border: 1px solid #c4c4c4;
				
				} 
	
	#footer_bg {
	width: 974px;
	height: 93px;
	background: url(../siteimages/footer_bg.gif) no-repeat;
	
	} 

		#footer {
		width: 928px;
		height: 41px;
		margin: 0 auto;
		background-color: #a7dfea;
		border-top: 2px solid #FFFFFF;
		padding-top: 25px;
		color: #5a7074;
		font: 11px Arial, Helvetica, sans-serif;
		} 
		
			#footer_lhs {
			float: left;
			width: 445px;
			padding-left: 15px;
			
			} 
			
			#footer_lhs a {
			text-decoration: underline;
			color: #5a7074;
			
			} 
			
			#footer_lhs a:hover {
			text-decoration: none;
			
			} 
			
			#footer_rhs {
			float: right;
			width: 430px;
			padding-right: 15px;
			text-align: right;			
			} 


/*
----------------------------------------------------------------------------- 
Main Menu
-----------------------------------------------------------------------------*/


.mainNavItem {
	font-size: 14px;
	text-align: center;
	vertical-align:middle;
	color: #FFFFFF;


}

#mainNavItemSelected  {
color: #333333;
	}
	

	
.mainNavItemLast { 
font-size: 14px; 
text-align: center;
vertical-align:middle;
}

#nav, #nav ul {
	list-style: none;
	line-height: 10px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}
	
#nav li {
	padding: 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	 }

#nav li a {
	display: block;
	text-decoration: none;
	padding: 19px 15px 26px 15px;
	border-right: 1px solid #54bfd5;
	
}

#nav li a:hover {
	color: #333333;
}

#nav li ul a, #nav li ul a:visited {
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #009cbe;
	border-left: 1px solid #009cbe;
	border-right: 1px solid #009cbe;
	color: #FFFFFF;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	width: 170px;
	background-color: #009cbe;
	background-image: none;
	text-transform: capitalize;
	}
	
#nav li ul a:hover { 
	color: #56e7f6;
	background-color: #009cbe;
	}

#nav li ul li { 
	background-image: none;
	border-top: 1px solid #FFFFFF;}

#nav li {
	float: left;
	padding: 0;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 182px;
	margin: 0;
	padding: 0;
	}

#nav li li {
	width: 182px;
	}

#nav li ul ul {
	margin: -2.1em 0 0 181px;
	}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left: auto;
	z-index: 500;
	}

#nav li:hover, #nav li.sfhover { 
	color: #FFFFFF;
	}

#nav li ul li:hover, #nav li ul li.sfhover { 
	background-image: none;
	background-color: #aedbdb;
	}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background-position: 0 0;
	}
#subNav a:hover {
	color: #000000;
	text-decoration:none;
	}

ul#subNav  {
	margin: 0 auto;
	padding: 0;
	width: 181px;
	list-style: none;
	}


ul#subNav li {
	width: 181px;
	display: block;
	padding: 0;
	margin: 0;
	min-height: 35px;
	border-bottom: 1px solid #b2dce6;

	}


		ul#subNav li a {
			display: block;
			padding-left: 14px;
			padding-right: 9px;
			padding-top: 2px;
			padding-bottom: 4px;
			margin: 0;
			color: #504f4f;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			}
			
		ul#subNav li.subnav_selected a{
			color: #FFFFFF;
			}

ul#subNav li.parentItem {
	border-bottom: 1px solid #DBDBDB;
	background: none;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 0;
	}
		ul#subNav li.parentItem a {
			color: #e3e5e8;
			padding: 0 8px 8px 8px;
			border-bottom: 1px solid #DBDBDB;
			}
	
ul#subNav li.parentItem {
	border-bottom: 1px solid #DBDBDB;
	background: none;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 0;
	}

	
ul#subNav li ul {

	margin: 0;
	padding: 0;
	width: 145px;

	}
	ul#subNav li ul li, ul#subNav li.subnav_selected ul li  {
		border-bottom: none;
		margin: 0;
		padding-top: 1px;
		padding-bottom: 1px;

		}
		
		ul#subNav li ul li a, ul#subNav li.subnav_selected ul li a {
			font-weight: normal;
			padding: 0px 2px 0px 27px;
			color: #FFFFFF;
			}
			
		html>body ul#subNav li ul li a, html>body ul#subNav li.subnav_selected ul li a {
			font-weight: normal;
			padding: 0px 2px 0px 27px;
			color: #FFFFFF;
			}	
			
		ul#subNav li.subnav_selected ul li.subnav_selected a {
			color: #333333;
			font-weight: normal;
			}


input, select, textarea {
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	}	


#storenavitems {
width: 219px;
color: #000000;
padding: 0;
margin: 0;
height: 235px;
}
							
.hidestorenav {
padding: 0;
margin: 0;

} 

							/* -------- Sub nav -------- */		
							
							#subNavP a {
							color: #000000;
							padding-left: 18px;
							
							} 
							
							#subNavP a:hover {
								color: #000000;
								text-decoration:none;
								}
							
							ul#subNavP  {
								float: left;
								padding: 0;
								list-style: none;
								margin: 0;
								color: #000;
								width: 219px;
								}
							
							
							ul#subNavP li {
								display: block;
								padding: 0;
								margin: 0;
								color: #000;
								list-style: none;
								height: 25px;
								border-bottom: 1px solid #FFFFFF;						
								}
							
							
									ul#subNavP li a {
										display: block;
										margin: 0;
										color: #000;
										text-decoration: none;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 12px;
										text-transform: none;
										font-weight: normal;
										line-height: 22px;
										}
										
									ul#subNavP li a:hover {
									color: #01a3b4;
									
									} 
										
									ul#subNavP li.subnav_selected a{
										color: #000;
										text-decoration: underline;
										}
							
							ul#subNavP li.parentItem {
								border-bottom: 1px solid #DBDBDB;
								background: none;
								list-style: none;
								font-weight: bold;
								text-transform: none;
								display: block;
								padding: 0;
								}
									ul#subNavP li.parentItem a {
										color: #e3e5e8;
										padding: 0 8px 8px 8px;
										}
								
.border_left {
border-left: 1px dotted #4cbed6;
padding-left: 20px;

} 

#search {
width: 182px;
margin: 0 auto;
padding-bottom: 30px;

} 

#search_title {
width: 182px;
margin: 0 auto;
height: 24px;
background: url(../siteimages/search.gif) no-repeat;
margin-top: 20px;
} 



