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

Title : Newcastle Pro Sound
URL : Company URL

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

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


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

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin: 0; padding: 0; }

html { overflow: moz-scrollbars-vertical; }

body {
	margin: 0;
	padding: 0;
	font: 0.9em/1.6em Arial, Helvetica, sans-serif;
	color: #666;
	background: #FFF;
}

h1 { font: 1.6em Helvetica, arial, Verdana, Tahoma, sans-serif; color: #000000; }
h2 { font: 1.4em Helvetica, arial, Verdana, Tahoma, sans-serif; }
h3 { font: 1.2em Helvetica, arial, Verdana, Tahoma, sans-serif; }

p, td, li {
	font: 1em/1.6em Arial, Helvetica, sans-serif;
	color: #333;
}

a {
	color: #ca0003; 
	text-decoration: none;
}

a:hover {
	color: #369acc;
	text-decoration: underline;
}

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

fieldset { border: 0; }

legend { display: none; }

#contentwrap img { border: 0; }

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

#wrapper {
	width: 100%;
	min-width: 1004px;
	text-align: left;
	vertical-align: top;
	background: url('/persistent/templateimages/bg_lhscolumn.gif') repeat-y 0 0;
	overflow: hidden;
}

#subwrapper {
	width: 100%;
	height: 100%;
	background: url('/persistent/templateimages/rhs_bgcolumn.gif') repeat-y 100% 0;
}

#headerwrap {
  width: 100%;
	height: 155px;
	background: #df0207 url('/persistent/templateimages/bg_header.gif') repeat-x 0 0;
	overflow: hidden;
}

 #logowrap {
   float: left;
	 width: 546px;
	 overflow: hidden;
 }

   #logowrap img {
	   border: 0;
	 }
 
 #headerad {
   float: right;
	 width: 408px;
	 overflow: hidden;
 }

#toolbarwrap {
  width: 100%;
	height: 44px;
	background: #1f1f1f url('/persistent/templateimages/bg_menu.gif') repeat-x 0 0;
	overflow: hidden;
}

 #searchwrap {
   float: left;
	 margin-left: 10px;
	 overflow: hidden;
 }
 
 	#searchwrap input.searchInput {
		float: left;
		width: 140px;
		height: 20px;
		margin: 0;
		margin-top: 10px;
		font-size: 0.8em;
		color: #CCC;
		background-color: #404040;
		border: 1px solid #000;
		overflow: hidden;
	}
 
 	#searchwrap a {
		float: left;
		margin-top: 7px;
		width: 28px;
		overflow: hidden;
	}
 
 	#searchwrap a img {
		border: 0;
	}
 
 #navwrap {
  float: right;
	width: 400px;
	margin-right: 20px;
	overflow: hidden;
 }
 
 	#navwrap ul {
    float: right;
		margin: 0;
		padding: 0;
		list-style: none;
	}
 
 	 #navwrap ul li {
	   float: left;
		 margin: 0;
		 padding: 0;
		 font: bold 13px/44px Helvetica, arial, Verdana, Tahoma, sans-serif;
		 color: #292929;
	 }
 
 	 	#navwrap ul li a {
		  font: normal 13px/44px Helvetica, arial, Verdana, Tahoma, sans-serif;
		  color: #FFF;
		}
 
 	 	#navwrap ul li a:hover {
		  color: #FFF;
			text-decoration: underline;
		}

#bodywrap {
  width: 100%;
	overflow: hidden;
}

 #lhs {
   float: left;
	 width: 187px;
 }
 
 	.lhsbox_title {
	  height: 35px;
		padding: 7px 10px 0;
		font: bold 0.9em Helvetica, arial, Verdana, Tahoma, sans-serif;
		color: #000;
		text-transform: uppercase;
		background: #f2cd02 url('/persistent/templateimages/lhs_bgtitle.gif') no-repeat 0 0;
	}
 
 	.lhsbox_body {
		padding: 7px 10px;
		color: #FFF;
	}
	
	.ccwrap {
	  padding-left: 10px;
	}
 
 #rhs {
   float: right;
	 width: 188px;
	 font: normal 0.8em Helvetica, arial, Verdana, Tahoma, sans-serif;
	 overflow: hidden;
 }
 
 	.rhsbox_title {
	  width: 174px;
		height: 41px;
		margin: 10px auto 0;
		display: block;
	}
 
 	.rhsbox_body,
	.rhsbox_body_login {
	  width: 164px;
		margin: 0 auto;
		padding: 5px 5px 10px;
		color: #FFF;
	}
 
 	.rhsbox_body_white {
	  width: 164px;
		margin: 0 auto;
		padding: 5px 5px 10px;
		color: #000;
		background: #FFF;
	}
 
 	.rhsbox_body_links {
	  width: 174px;
		margin: 0 auto;
		padding: 5px 0px 10px;
		color: #FFF;
		background-color: #3d3d3d;
	}
	
	 .rhsbox_body_links ul {
	   margin: 0;
		 padding: 0 0 0 30px;
		 list-style-type: square;
	 }
	
	 .rhsbox_body_links ul li {
	   font: normal 10px/16px arial;
		 color: #d70008;
		 text-align: left;
	 }
	
	 .rhsbox_body_links a,
	 .rhsbox_body a,
	 .rhsbox_body_login a {
	   color: #FFF;
		 text-decoration: underline;
	 }
 
 	  .rhsbox_body_login form {
			padding: 0 0 10px;
			color: #FFF;
			display: block;
			overflow: hidden;
		}
 
 	  .rhsbox_body_login form label {
			float: left;
			font: normal 10px/16px arial;
			margin-bottom: 5px;
		}
 
 	  .rhsbox_body_login form input.memberInput {
			float: right;
			width: 110px;
			margin-bottom: 5px;
			font: normal 11px arial;
			color: #FFF;
			background-color: #333;
			border: 1px solid #000;
		}
		
		.rhsbox_body_login .memberSubmit img {
		  float: right;
			border: 0;
		}
	 
	 span.minicart_checkout {
	   font: bold 16px/24px Helvetica, arial, Verdana, Tahoma, sans-serif;
		 text-align: right;
		 display: block;
		 border-top: 1px solid #FFF;
	 }
 
 #middlewrap {
	 margin: 0 208px 0 207px;
 }
 
  #contentwrap {
		width: 99%;
		padding: 20px 0;
		font: normal 0.8em Helvetica, arial, Verdana, Tahoma, sans-serif;
		text-align: left;
		overflow: hidden;
	}
	
	#copyright {
	  font-size: 0.75em;
		text-align: center;
	}

/*
----------------------------------------------------------------------------- 
Store Navigation
-----------------------------------------------------------------------------*/


/*
----------------------------------------------------------------------------- 
Store
-----------------------------------------------------------------------------*/

.product_table th {
  color: #005481;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #BAB9D9;
}

td.product-item {
  height: 1px;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #333;
	overflow: hidden;
}

.input_txt { border: 1px solid #ADADAD; }

.btn_addcart { position: relative; top: 7px; margin: 0; padding: 0; }

.checkout_input {
	border: 1px solid #333;
}

.checkout_button {
  background-color: #ebebeb;
	border: 1px solid #333;
}

.checkout_table_bgcol {
  background: #333;
}

.checkout_table_bgcol tr {
  background: #FFF;
}

.checkout_table_bgcol tr td.checkout_toprow {
  background: #ebebeb;
}

.message {
  padding: 5px;
	font-weight: bold;
	background: #CCFFCC;
	border: 3px solid #33A42A;
}

div.breadcrumbswrap {
	width: 100%;
	height: 25px;
	border-bottom: 1px dotted #CCC;
}

div.products { overflow: hidden; }

div.product-item {
	width: 100%;
	margin: 0 auto;
	min-height: 230px;
	height: auto;
	margin-bottom: 10px;
	text-align: center;
	border-right: 1px solid #CCC;
	overflow: hidden;
}

 div.product-item a {
   color: #333;
	 font-weight: bold;
 }
 
 span.product_name {
   font: bold 12px arial;
 }
 
 span.product_link {
   display: none;
 }
 
 .product_imagewrap {
   float: right;
	 width: 300px;
 }
 
 	.product_imagewrap img.product_icons {
	  float: left;
		width: 17px;
		height: 17px;
	}
 
 	.product_imagewrap a {
	  float: left;
	  padding-top: 2px;
		font: 0.9em Helvetica, arial, Verdana, Tahoma, sans-serif;
		color: #999;
	}
 
 .product-img {
   float: right;
 }
 
 h1.product_title {
   font: 2em Helvetica, arial, Verdana, Tahoma, sans-serif;
 }
 
 div.product_pricewrap {
	 width: 300px;
	 height: 25px;
 }
 
 span.product_price {
   font: 1.6em Helvetica, arial, Verdana, Tahoma, sans-serif;
   color: #FF0000;
 }
 
 span.qtywrap {
   float: left;
	 padding: 1px 10px 0 0;
 }
 
 a.product_addCart {
	 float: left;
	 width: 79px;
	 height: 21px;
	 margin: 0;
   padding: 0;
	 line-height: 0;
	 overflow: hidden;
 }








		/* left nav styles start */
.sf-menu, .sf-menu * {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
	z-index: 100; }
/* .sf-menu { line-height:	1.0; } */
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 187px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 187px; }
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu a {
	display: block;
	position: relative;
	text-decoration: none; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 0; /* match top ul list item height */
	z-index: 99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 187px; /* match ul width */
	top: 0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 187px; /* match ul width */
	top: 0; }
.sf-menu { float: left; }
.sf-menu li {
	/* background: #FFFFFF; */
	border-bottom: 1px solid #2b2b2b;
	float: left;
	position: relative; }
.sf-menu li a {
	text-decoration: none;
	color: #ffffff;
	padding: 4px 10px 4px 5px;
	font: normal 12px Arial, Helvetica, sans-serif; }
.sf-menu li ul { 
	border-top: 1px solid #2b2b2b;
	border-right: 1px solid #2b2b2b;
	border-left: 1px solid #2b2b2b;
	z-index: 100; }
.sf-menu li li a { 
	padding: 5px 15px 5px 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff; }
.sf-menu li li { background: #5b5b5b; }
.sf-menu li li li { background: #7f7e7e; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #ffffff;
	background: #b10207 url(/persistent/templateimages/bg_primary_nav_arrow.gif) right center no-repeat;
	text-decoration: none; }
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width: 187px; }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left: 187px; /* match ul width */
	top: 0; }
		/* left nav styles end */