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

Title : B J Harris Trading
URL : http://www.bjharris.com.au/

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

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


/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }

body { 
	font: normal 11px/18px Verdana, Helvetica, sans-serif;
	color: #000;
	background-color: #e2dccf;
	background-image: url(/persistent/templateimages/bg.jpg);
	background-repeat: repeat-x;
}

fieldset { border: 0; }

img { border: 0; }

h1 {
	font: 17px/25px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
h2 {
	color:#666666;
	font: bold 13px Verdana,Arial,Helvetica,sans-serif;
	padding:10px 0 20px;
	text-transform:uppercase;
}

h3 {
	color:#454545;
	font: bold 12px Verdana,Arial,Helvetica,sans-serif;
	padding:10px 0 15px;
	}

p, td {}

ul,li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	margin-bottom:15px;
	margin-left:10px;
	padding-left:10px;
}


a {
	text-decoration: underline;
	font: normal bold 11px/18px Verdana, Helvetica, sans-serif;
	color: #9a0039;
}
a:visited {
	text-decoration: underline;
	font: normal bold 11px/18px Verdana, Helvetica, sans-serif;
	color: #9a0039;
}
a:hover {
	text-decoration: none;
	font: normal bold 11px/18px Verdana, Helvetica, sans-serif;
	color: #9a0039;
}
a:active {
	text-decoration: none;
	font: normal bold 11px/18px Verdana, Helvetica, sans-serif;
	color: #9a0039;
}


hr {
	border: none;
	border-top: 1px solid #EAEAEA;
	color: #FFFFFF;
	}


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

/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/

#container {
	width: 760px;	
	margin: 0px auto;
	margin-top: 20px;
	border: 1px solid #979085;
}

#header {
	width: 760px;
	height: 130px;
	/*padding: 20px;*/
	background-color: #fff;
}

		#logo {
		width: 532px;
		float: left;
		margin-left: 23px;
		margin-top: 27px;
		}
		
		#home {
		width: 189px;
		height: 90px;
		float: right;
		margin-right: 15px;
		margin-top:35px;
		font: normal bold 11px/18px Verdana, Helvetica, sans-serif;
		color: #7d7463;
		text-align: right;
		}

#banner {
	width: 760px;
	height: 176px;
	background-color:#FFFFFF;
	padding-bottom: 2px;
	border-bottom: 5px solid #9a0039;
	/*vertical-align: middle;*/
}
		a.header {
		color: #7d7463;
		text-decoration: none;
		}
		
		a.header:hover {
		color: #7d7463;
		text-decoration: underline;		
		}
		
#flashcontent {
	width: 760px;
	height: 179px;

}


#contentWrap {
	width: 760px;
	height: 450px;
	background-image:url(/persistent/templateimages/contentBg.jpg);
	background-repeat:repeat-y;
	padding-top: 15px;
}

html>body #contentWrap {
	height: auto;
}

	#content {
		width: 470px;
		float: left;
		padding-left: 25px;
		padding-right: 20px;
		background: #fff url(/persistent/templateimages/steam_bg.jpg) bottom right no-repeat;
	}


	#suppliers {
		width: 196px;
		float: right;
		padding-left:13px;
		padding-right:13px;
	}
	

#defaultContentWrap {
	width: 760px;
	min-height: 450px;
	padding-top: 15px;
	background: #fff url(/persistent/templateimages/steam_bg.jpg) bottom right no-repeat;
}

html>body #defaultContentWrap {
	height: auto;
}
	
		#defaultContent {
		width: 709px;
		padding-left: 25px;
		padding-right: 20px;
		vertical-align: top;
	}
	
	
				/*
				----------------------------------------------------------------------------- 
				CONTENT STYLES
				-----------------------------------------------------------------------------*/
				
				.imageRight {
					float: right;
					margin: 0 0 10px 20px;
					}
					
				.imageLeft {
					float: left;
					margin: 0 10px 20px 0;
					}	
				
				.imageRightBorder {
					float: right;
					margin: 0 0 10px 20px;
					border: 1px solid #dcdcdc;
					}
					
				.imageLeftBorder {
					float: left;
					margin: 0 10px 20px 0;
					border: 1px solid #dcdcdc;
					}	
				
				
				.imgBorder {
					border: 1px solid #dcdcdc;
					}
					
				.linkBorder img{
					border: 2px solid #dcdcdc;
					display: block;
					}
					
				.linkBorder:hover img{
					border: 2px solid #9C9487;
					}
				
				.productTable {
					border: 1px solid #EAEAEA;
					}
					
					.productTableRedRow {
						background-color: #960139;
						padding: 15px 5px;
						color: #FFFFFF;
						}
						
						.productTableRedRow td, .productTableRedRow p {
							color: #FFFFFF;
							font-weight: bold;
							}
					
					.productTableGreyRow {
						background-color: #EAEAEA;
						padding: 5px;
						}
						
					.productTable td {
						padding: 5px;
						border: 1px solid #EAEAEA;
						}
						
					.productTable p {
						margin-bottom: 0;
						}
						
					.productTableBackToTop {
						border: none;
						}
#footer {
	width: 760px;
	height: 47px;
	background-image: url(/persistent/templateimages/footerBg.jpg);
	background-repeat:repeat-x;
	color: #FFF;
}

		#footerLeft {
		width: 523px;
		float: left;
		padding: 15px 0px 0px 15px;
		}
		
		#footerRight {
		width: 209px;
		float: right;
		text-align: right;
		padding: 15px 13px 0px 0px;
		}
			
			#footerRight a {
			color: #FFFFFF;
			}
			#footerRight a:link {
			text-decoration: none;
			}
			#footerRight a:hover {
			text-decoration: underline;
			}


#footerContact {
	width: 760px;
	margin: 0px auto;
	color: #696969;
}

.footerBold {
	text-align: left;
	font-weight: bold;
}

		





					/*
					----------------------------------------------------------------------------- 
					MAIN NAVIGATION MENU
					-----------------------------------------------------------------------------*/
					
					#navbar {
						width: 756px;
						height: 44px;
						/*padding: 2px;*/
						background-image: url(/persistent/templateimages/navBg.jpg);
						background-repeat:repeat-x;
						border: 2px solid #fff;
					}

					
					#nav, #nav ul {
						width: 752px;
						height: 44px;
						list-style: none;
						padding: 0;
						margin: 0 0 0 10px;
						z-index: 2;
						}
						
					#nav li {
						float: left; 
						padding: 0;
						margin: 0;
						color: #FFFFFF;
						list-style: none;
						}
					
					#nav li a {  /*top level item*/
						font: 12px Verdana, Arial, Helvetica, sans-serif;
						display: block;
						list-style: none;
						text-decoration: none;
						padding: 16px 15px 16px 14px;
						font-weight: bold; 
						text-transform: none;
						color: #fff;
						}
					
					#nav li a.normal {
						color: #FFFFFF;
						}
					#nav li a.selected {
						color: #e5ddcc;
						}
						
					#nav li a:hover {  
						color: #342d1d;
						}
					
					
					#nav li ul {  /*drop down list*/
						position: absolute;
						left: -950em;  /*hides submenu by default*/
						height: auto;
						width: 214px;
						margin: 0px 0px 0px 10px;
						padding: 0px;
						color: #FFFFFF;
						background-color:#AAA393;
						border-top: 1px solid #CDC9BE;
						border-left: 1px solid #CDC9BE;
						border-right: 1px solid #CDC9BE;
						z-index: 2;
						}
						
					#nav li ul li  {  /*drop down list item*/
						margin: 0px;
						width: 200px;
						padding: 0;
						}
						
					#nav li ul li a {  
						font-size: 10px;
						display: block;
						text-decoration: none;
						padding: 6px 4px 6px 8px;
						margin: 0;
						color: #FFFFFF;
						border-bottom: 1px solid #CDC9BE;
						font-weight: bold;
						width: 200px;
						text-transform:none;
						}
					
					#nav li ul li a:hover{
						color: #FFFFFF;
						background-color:#92897C;
						}
						
					#nav li li {
						width: 214px; }
					
					#nav li ul ul {
						margin: -1.90em 0 0 15em; }
					
					#longMenu { display: block; width: 155px; height: 10px; position: relative; top: -11px; left: 30px; }
					
					
					#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; }