/* CSS Document */


/* ----- GENERAL TAGS ----- */

* {
margin: 0px;
padding: 0px;
} 

a:link, a:visited, a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #860c20;
	text-decoration: none;
	/*font-weight: normal;*/
	font-weight: bold; /* changed by dave */
	}	
a:hover {
	font-weight: bold;
	text-decoration: underline; /* added by dave */
	}
a.intext:link, a.intext:visited, a.intext:active  {
	font-weight: bold;
	}
a.subnavi:link, a.subnavi:visited, a.subnavi:active  {
	padding: 0 0 0 15px;
	}		
#pricerange a:link, #pricerange a:visited, #manufacturer a:link, #manufacturer a:visited {
	font-weight: normal;
	color: #666;
}
#pricerange a:hover, #manufacturer a:hover, .listsort a:hover {
	font-weight: normal;
	color: #fff;
	}
.listsort {
	width: 638px; /* dave: background image is 658px wide */
	height: 24px;
	background: url(../img/buttons/searchbox2.jpg) no-repeat;
	padding: 5px 0px 5px 20px; /* moved here (from html) by dave */
}
.listsort_inner { /* added by dave */
	width: 309px; 
	float: left;
}
.listsort a { /* added by dave */
	font-weight: normal;
	text-decoration: none;
}
.listsort .disabled { /* added by dave */
	color: #303030;
}

.textfield {
	padding: 5px 0 0 5px;
	height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000;
	border: 1px solid #666666;
	}
.button {
	font: normal normal 9pt Arial, Helvetica, sans-serif;
	}	
p, .txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000;
	}
.ph1 {
	padding: 10px 0 0 0;
	}	
.ph2, .ph3, .comments {
	padding: 5px 0 0 10px;
	}	
#manufacturer p, #pricerange p {
	color: #666666;
	}
br {
	line-height: 7px;
	}

.boxHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #860c20;
	padding: 7px 0px 7px 0px;
	}
	
img {
	behavior: url("/pngbehavior.htc");
	border: none;    
	}	

body {
	background-color: #000;
	background-image: url(../img/bg_main.jpg);
	background-repeat: repeat-x;
	 text-align: center; 
}
h3 {
	font: normal bold 8pt Arial, Helvetica, sans-serif ;
	color: #FFF;
	}
.h3black {
	padding: 0 0 0 10px;
	font: normal bold 8pt Arial, Helvetica, sans-serif ;
	color: #000;
	}	
h1 {
	font: normal bold 12pt Arial, Helvetica, sans-serif ;
	color: #000;
	}
h2  {
	padding: 0 0 0 10px;
	font: normal bold 10pt Arial, Helvetica, sans-serif ;
	color: #000;
	}
.comments, commentsbold {
	color: #999999;
	font-style: italic;
	}
.commentsbold {
	font-weight: bold;
	}			
/* ----- GENERAL CONTENT ----- */

.content_hp {
	width: 658px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_header.jpg);
	background-repeat: no-repeat;
	text-align: left; 
}	

.content_header {
	background-image: url(../img/bg_topHeader.jpg);
	background-repeat: no-repeat;
	width: 657px;
	height: 80px;
	margin-left: 1px;
	background-position: 217px 0px;
}
.SlimMetalBox {
	margin-top: 20px;
	width:212px;
	background-image: url(../img/bg_slimMetalBox.jpg);
	background-repeat: no-repeat;
		}
.SlimMetalBoxSub {
	margin-top: -80px;
	width:212px;
	background-image: url(../img/bg_slimMetalBoxSub.jpg);
	background-repeat: no-repeat;
		}
.MiddleMetalBoxSub {
	margin: -80px 0px 0px 12px;
	width:433px;
	background-image: url(../img/bg_middleMetalBox.jpg);
	background-repeat: no-repeat;
		}
.StandAloneMetalBoxSub {
	margin: -60px 0px 0px 1px;
	width:656px;
	background-image: url(../img/standalonemain.jpg);
	background-repeat: no-repeat;
		}					
.slimboxHeader, .MiddleBoxHeader, .StandAloneBoxHeader {
	padding: 18px 25px 0px 25px; /* dave added 25px */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000;
	font-weight: bold;
	}
.slimboxTopRound {
	height: 15px;
	}
.slimboxContent {
	background-image: url(../img/slinbox_bg.jpg);
	background-repeat: repeat-y;
	padding: 0px 5px 0px 7px;
	min-height: 237px; /* dave */
	}
.MiddleBoxContent {
	background-image: url(../img/middleBox_content_bg.jpg);
	background-repeat: repeat-y;
	padding: 0px 5px 0px 15px;
	min-height: 237px; /* dave */
	}
.StandAloneBoxContent {
	background-image: url(../img/standa_content_bg.jpg);
	background-repeat: repeat-y;
	padding: 0px 5px 0px 15px;
	min-height: 237px; /* dave */
	}	
.MiddleBoxBotom {
	height: 12px;
	}		
.slimboxBottom {
	height: 8px;
	}
.slimboxHolder {
	width: 176px;
	margin-left: 19px;
	margin-top: 15px;
	}
.MiddleBoxHolder {
	width:395px;
	margin-left: 19px;
	margin-top: 15px;
	}
.StandAloneBoxHolder {
	width:620px;
	margin-left: 19px;
	margin-top: 15px;
	}				
.footer {
	height: 102px;
	background: url(../img/footer.jpg) no-repeat;
	margin-bottom: 25px;
	}	

.line {
	height: 18px;
	background: url(../img/hr_box.gif) repeat-x 0px 7px;
	}
.lineWhite {
	height: 18px;
	background: url(../img/hr_white_box.gif) repeat-x 0px 7px;
	}	
.juuce {
	width: 118px; 
	float: right; 
	position: relative; 
	top: 68px;
	}
.headphones2 {
	position: relative;
	height: 84px;
	width: 199px;
	left: 500px;
	top: -80px;
}	
	
/* ----- GENERAL FLOAT / MARGIN / CLEAR ----- */

.marTopTen {
	margin-top: 10px;
	}
.marginLeft12 {
	margin-left: 12px;
	}
.floatLeft {
	float: left;
	}
.clearLeft {
	clear:left;
	}		.fddfs {
	font-family: "Times New Roman", Times, serif;
}

	
/* ----- HP CONTENT ----- */
.floatMetalHP {
	float: left; 
	margin-left:11px;
	}
#blacknavigation {
	float: left;
	width: 150px;
	list-style:none;
	margin: 10px 0px 0px 1px;
}
#metalnavigation {
	margin: 19px 0px 0px 1px;
	}
.headphones {
	float: left;
	position:relative;
	top: -80px;
	width: 284px;
	top: 21px; 
	left: 245px;
}

/* ----- PRODUCT PAGE CONTENT ------*/


.inputtext {
	margin: 28px 0px 0px 20px; 
	height: 16px; 
	width: 130px; 
	border: none; 
	border-color: #FFF;
}
.inputsubmit {
	top: 0px;
	background: none; 
	border: none; 
	background-image: url(../img/buttons/search.gif); 
	width: 66px; 
	height: 31px; 
	position: relative; 
	left: 7px; 
	cursor: pointer;
}

* html .inputsubmit {
	top: 5px;
}
*+html .inputsubmit {
	top: 5px;
}
.productsSquare, .productsSquareSearch{
	padding-top: 34px;
	text-align: center;
	width: 99px;
	height: 56px;
	background-image:url(../img/prodpage_square.jpg);
	background-repeat: no-repeat;
	float:left; 
	margin-left: 1px;
}
.productsSquareSearch {
	margin: -48px 0 0 0;
	}
#manufacturer {
	float: left;
	}
#pricerange, .keywords {
	float:left; 
	margin: 0 0 0 20px;
	}
.filter_dave {
	float: left;
	margin: 0 0 0 20px;
}
.filter_dave h3 {
	text-transform: uppercase;
}
.filter_dave p, #breadcrumbs p {
	color: #999;
}
.filter_dave a:link, .filter_dave a:visited, #breadcrumbs a:link, #breadcrumbs a:visited {
	color: #999;
	font-weight: normal;
}
.filter_dave a:hover, #breadcrumbs a:hover {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
.filter_dave span.count {
	color: #666666;
	font-size: 7pt;
	margin: 0 0 0 2px;
}
.highlight a:link, .highlight a:visited {  /* added by dave */
	color: #ccc;
	font-weight: bold;
}
.highlight a:hover {  /* added by dave */
	color: #fff;
	font-weight: bold;
}

#breadcrumbs { /* added by dave */
	position: relative;
	top: -82px;
	margin: 0 0 0 10px;
	height: 0px;
}
#breadcrumbs .arrow { /* added by dave */
	color: #999;
	margin: 0 3px 0 3px;
}
		
.productBanner {
	float:left; 
	margin-left: 9px;
}	
.SearchRoundEdges {
	background: url(../img/buttons/roundmiddle.jpg) repeat-y;
	float: left; 
	margin: -48px 0 10px 14px;
}
.SearchRoundEdges_dave {
	background: url(../img/buttons/roundmiddle_dave.jpg) repeat-y;
	margin: 0 0 10px 0;
}
.GreySearchBox {
	margin: -48px 0 10px 14px;
}
.productContent {
	margin: -47px 0px 10px 0px; 
	height: 90px;
}
.productContentSearchResult {
	position: static;
	margin: -47px 0px 10px 0px; 
	height: auto;
	}
.productSquareTitle1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
}
.productSquareTitle2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
}
.productSquareTitle_dave {
	font-family:Arial, Helvetica, sans-serif;
	/* font-size set in page */
	color: #FFFFFF;
}
.productlistcontent {
	padding: 5px 10px 5px 10px;
}
.productthumbnail {
	border: 1px solid #CCCCCC;
	text-align: center;
	width: 120px;
	float: left;
	}
.productdescription {
	padding-left: 10px;
	width: 300px;
	float: left;
	}
.listbox {
	background-image: url(../img/productlist_content.jpg);
	background-repeat: repeat-y; 
}
.listbox_blank {
	background-image: url(../img/productlist_blank_content.jpg);
	background-repeat: repeat-y; 
}
.producttitle, .producttitle a:link, .producttitle a:visited, .producttitle a:hover, .producttitle a:active {
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 5px;
}
.priceshop {
	text-align: center;
	}
.priceshop p {
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 5px;
}
.pricecontent {
	float:left; 
	margin-left: 42px; 
	text-align: center; 
	width: 70px;
}
.shopcontent {
	float:left; 
	margin-left: 20px; 
	text-align: center; 
	width: 70px;
}			
/* ----- BLACK NAVIGATION HORIZONTAL ----- */			

#blacknavigation_horizontal {
	margin: 11px 0px 0px 5px;
	text-decoration: none;
	list-style: none;
	}
#blacknavigation_horizontal span {
	margin-left: -4px;
	}
	
/* ----- METAL NAVIGATION HORIZONTAL ----- */	

#metalnavigation_horizontal span {
	margin-left: -4px;
}	
#metalnavigation_horizontal {
	position: relative;
	top: -84px;
	margin: -6px 0px 0px 5px;
	text-decoration: none;
	list-style: none;
	}





/* ---------- EVERYTHING UNDER HERE WAS ADDED BY DAVE --------- */

/* product info */
table.productinfo {
	border-collapse: collapse;
}
table.productinfo th {
	padding: 2px 10px 2px 0px;
}
table.productinfo td {
	padding: 2px 0px 2px 0px;
}

/* main specs */
table.mspec {
	width: 100%;
	border-collapse: collapse;
}
table.mspec td, table.mspec th {
	padding: 4px 5px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
}
table.mspec th {
	font-weight: bold;
}

/* exteneded specs */
table.espec {
	width: 100%;
	border-collapse: collapse;
}
table.espec th {
	padding: 3px 5px;
	border: solid 1px #ccc;
	color: #222;
	background-color: #e5e5e5;
	text-align: left;
	text-transform: uppercase;
}
table.espec td {
	padding: 3px 5px;
	border: solid 1px #ccc;
	vertical-align: top;
}
table.espec td.label {
	font-weight: bold;
}

/* ***** 'content' pages ***** */
.StandAloneBoxContent, .MiddleBoxContent {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000;	
}
.StandAloneBoxContent h2, .MiddleBoxContent h2 {
	padding: 1em 0;
	color: #555;
}
.StandAloneBoxContent h3, .MiddleBoxContent h3 {
	color: Black;
	padding: 0 0 1em 0;
}
.StandAloneBoxContent p, .MiddleBoxContent p {
	padding-bottom: 1em;
}
.StandAloneBoxContent ul, .MiddleBoxContent ul {
	padding: 0 0 1em 2em;
}
.StandAloneBoxContent .label {
	font-weight: bold;
	float: left;
	width: 150px;
}
.StandAloneBoxContent input, .StandAloneBoxContent select {
	padding: 2px;
	font-size: 8pt;
	margin-bottom: 0.5em;
}
.permission {
	float: left;
	margin: 0 1em;
}
.permission input, .radio input {
	margin: 0;
}
.compulsory {
	color: #860c20;
}
/* shopping cart */
table.cart {
	border-collapse: collapse;
}
table.cart td {
	padding: 2px 1.5em 2px 2px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
table.cart th {
	padding: 5px 1.5em 5px 2px;
}
table.cart input {
	margin: 0;
}
/* messages */
.message_error, .Error {
	color: Red;
}
.message_confirm, .Confirmation {
	color: Green;
}
/* order confirmation */
table.orderdetails th {
	padding: 2px 2em 2px 0;
	vertical-align: top;
}
table.orderdetails td {
	padding: 2px 2em 2px 0;
}

table.privacy td {
	border: solid 1px #ccc;
	padding: 1px 2px;
	vertical-align: top;
}

/* dreamtheatre link */
.dreamtheatre {
	float: left;
	margin: 78px 0 0 20px;
}
.dreamtheatre a {
	color: #000;
	font-weight: normal;
	font-size: smaller;
}
.dreamtheatre a:hover {
	color: #000088;
	text-decoration: none;
}