/*
 * $Id: styles.css 279 2009-01-20 00:43:16Z jreed $
 */

/* HD/FT selectors */
.pageRightColumn {
	border: 1px solid #000;
	width: 716px;
	padding: 15px 26px;
	}

.siteCredit {
  font-size: 10px;
  color: #559DD6;
  margin: 15px 7px 15px 15px;
  text-align: right;
  float: right;
}

.siteCredit a {
  color: #559DD6;
}

.siteCreditLogo {
  float: left;
  margin: 0;
  background: url("/images/neFooterLogo.jpg") top right no-repeat;
  height: 45px;
  width: 55px;
}

/* misc selectors */
.hidden {
  visibility: hidden;
}

#breadCrumb {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 12px;
  text-transform: uppercase;
}

#breadCrumb a {
  padding: 2px 0 0 0;
  text-decoration: none;
}

#breadCrumb .breadCrumbHighlight{
  font-weight: bold;
  /*color: red;*/
}

#breadCrumb .breadCrumbSpecial {
  color: red;
}

/* NEOLITH IMPORTED SELECTORS */

.error {
  color: red;
  margin: 2.5em 1em 0 10px;
  padding: 0 1em;
  border: 2px solid #ff0000;
  line-height: 34px;
  width: 500px;
}

.userMsg {
  color: #FFF;
  margin: 2.5em 1em 0 10px;
  padding: 0 1em;
  border: 2px solid #FFF;
  line-height: 34px;
  width: 500px;
}

.error strong {
  color: white;
  background-color: red;
  padding: 0.5em;
  margin: 0 1em 0 -1em;
}

div.datamenu {
  padding: 0 10px;
  margin: 4px 0 0 0;
  float: right;
  width: 250px;
  text-transform: uppercase;
  text-align: right;
  font-size: 11px;
}

.datamenu a, .datamenu a:visited, p.datamenu {
  padding: 2px 5px;
  text-decoration: none;
  font-weight: normal;
}
.datamenu a:hover {
  text-decoration: underline;
}

/*table selectors*/
table {
  font-size: 11px;
  padding: 0;
  margin: 1em;
  border-collapse: collapse;
  line-height: 1.5em;
}
tr,td {
  border-bottom: 1px solid #333333;
  padding: 0 0.5em;
  margin: 0;
}
td a, td a:visited {
  display: block;
  width: 100%;
}
td a:hover {
  text-decoration: underline;
}
.rowhead {
  background-color: #000;
  color: #FCDD24;
}
.rowhead a, .rowhead a:visited {
  color: #FCDD24;
}
.rowhead a:hover, .rowhead td[onclick]:hover {
  color: #EEE600;
}
.rowodd {
  background-color: #444;
}
.roweven {
  background-color: #333;
}

.cellcenter, tr.rowodd td.cellcenter, tr.roweven td.cellcenter  {
  text-align: center;
}
.cellleft, tr.rowodd td.cellleft, tr.roweven td.cellleft {
  text-align: left;
}
.cellright, tr.rowodd td.cellright, tr.roweven td.cellright {
  text-align: right;
}

/*fieldset selectors*/
.fieldgroup {
  margin: 0;
  padding: 0 10px;
}
.fieldset {
  clear: both;
}
.fieldname {
  float: left;
  width: 100px;
  text-align: left;
  padding: 5px 10px;
  font-weight: bold;
}
.fieldnamesmall {
  font-weight: normal;
}
.fieldvalue {
  float: left;
  padding: 5px 10px;
}
.fieldnameempty {
  float: left;
  width: 100px;
  padding: 5px 10px;
}
.fieldvalueempty {
  float: left;
  padding: 5px 10px;
}

.fieldvalue em {
  font-style: italic;
}

.fielderror {
  color: red;
  padding: 5px 0;
}
.fielderror img {
  padding: 0;
  margin: 0;
  float: left;
}
.fielderror p {
  padding: 0 0 0 3px;
  margin: 5px 0 0 0;
  float: left;
}
form {
  margin: 0;
  padding: 0;
}

/*attribute selectors*/
[onclick] {
  cursor: pointer;
}

.prodTopBox {
  height: 400px;
}

.prodSpecs {
  float: left;
  width: 373px;
  margin: 0 0 0 33px;
}

.prodPicBox {
  float: left;
  margin: 0;
  width: 310px;
}

.prodPicBox p {
  text-align: center;
  font-size: 14px;
  margin: 10px 0;
	}

.prodArtist, .prodTitle, .prodDate, .prodPrice, .prodBuyNow {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	}

.prodTitle, .prodDate, .prodPrice, .prodBuyNow {
	display: inline;
	}

.prodInfo, .prodTechInfo {
  margin: 20px 0;
}

.prodPrice {
}

.prodBuyNow {
  padding: 0 0 0 45px;
	}

.prodBuyNow a, .prodBuyNow a:visited {
	color: #f00;
	padding: 10px;
}

.prodBuyNow a:hover {
	background: #f00;
	color: #fff;
	}

.prodTechInfo {
}

.prodOtherPics {
	margin: 0;
	}

.prodThumb {
  float: left;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin: 9px 9px 0 0;
  height: 94px;
  width: 94px;
  }

.otherProdThumb {
  float: left;
  height: 50px;
  width: 50px;
}

/* checkout */

input.cartFormSubmitUpdateCheckout {
	color: #f00;
	font-weight: bold;
	}

form.cartForm .fieldgroup {
  margin: 0;
  padding: 0;
 	}
	
form.cartForm .fieldset {
  margin: 0;
  padding: 0;
  clear: both;
}

form.cartForm .fieldname {
  float: left;
  width: 20px;
  text-align: left;
  padding: 0 0 0 0;
  font-weight: normal;
}

form.cartForm .fieldvalue {
  padding: 0;
}

form.cartForm .fieldnameempty {
  float: left;
  width: 100px;
  padding: 0;
}
form.cartForm .fieldvalueempty {
  float: right;
  padding: 0;
}

.cartFormRemove_product {
	padding: 0 0 0 20px;
	}

.cartBox{
}

.checkoutPageTitle {
  text-align: center;
}

.cartFreeShipping {
  text-align: right;
}

.cartProdHeaderBox {
  background-color: #A3A3A3;
  color: #fff;
  height: 14px;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase; 
  margin: 5px 0 0 0;
}

.cartProductBox {
  margin: 0;
  padding: 0;
}

.cartProductRow {
  background-color: #C4C4C4;
  margin: 5px 0 0 0;
  padding: 5px 0;
  clear: both;
}

.cartNoProduct {
  font-weight: normal;
  color: red;
}

.cartTotalBox {
  background: #E0E0E0;
  padding: 5px;
  margin: 5px 0 0 0;
}

.cartButtonBox {
  padding: 3px 0 0 5px;
  margin-top: 5px;
}

.cartButtonSubBox {
  float: right;
  margin-right: 10px;
  text-align: right;
}

.cartRevButtonBox {
  padding: 3px 0 0 5px;
  margin-top: 5px;
}

.cartRevButtonSubBox {
  float: left;
  margin-right: 10px;
  text-align: left;
}

.cartTotalSubBox {
  padding-left: 492px; /* to line up with cartProdPrice */
}

.cartRevTotalSubBox {
  padding-left: 432px; /* to line up with cartProdPrice */
}

.cartTotalMeta {
  width: 100px;
  float: left;
  text-align: right;
}

.cartTotalValue {
  width: 80px;
  float: left;
  text-align: right;
}

.taxRateString {
  font-size: 8px;
  float: left;
  clear: left;
}
.cartProdHeadRemove, .cartProdRemove {
  float: left;
  width: 80px;
}

.cartProdHeadSpace, .cartProdSpace {
  float: left;
  width: 20px;
}

.cartProdHeadName {
  float: left;
  width: 392px;
}

.cartProdName {
  float: left;
  width: 220px;
}

.cartProdNameInfo {
	font-weight: bold;
	text-transform: uppercase;
	}

.cartProdImage {
  float: left;
  width: 177px;
}

.cartProdRevHeadName, .cartProdRevName {
  float: left;
  width: 392px;
}

.cartProdHeadQty, .cartProdQty {
  float: left;
  width: 40px;
  text-align: center;
}

.cartProdQty select {
	margin: 0 auto;
	display: block;
	width: 100%;
	}

.cartProdHeadPrice, .cartProdPrice {
  float: left;
  width: 80px;
  text-align: right;
}

.cartProdHeadTotal, .cartProdTotal {
  float: left;
  width: 80px;
  text-align: right;
}

.cartTotalSubTotal {
}

.cartTotalShipping {
}

.cartTotalTax {
}

.cartTotalTotal {
}

.reviewInfoBox {
}

.reviewInfoShip {
  width: 50%;
  height: 100%;
  float: left;
}

.reviewInfoBill {
  width: 50%;
  height: 100%;
  float: left;
}

.reviewInfoLeft {
  height: 100%;
  float: left;
}

.reviewInfoRight {
  margin: 0 0 0 6px;
  height: 100%;
  float: left;
}

.reviewInfoBillLeft {
  width: 50%;
  height: 100%;
  float: left;
}

.reviewInfoBillRight {
  width: 50%;
  height: 100%;
  float: left;
}

.reviewCheckBox {
  width: 100%;
  float: left;
}

/* end checkout */

/* browse page */
form.browse {
	width: 215px;
	float: left;
	font-size: 11px;
	}
	
form.browse select {
  width: 140px;
  margin: 2px 0 0 0;
  padding: 0;
}

form.browse .fieldset {
  margin: 0;
  padding: 0;
}

form.browse .fieldgroup {
  margin: 0;
  padding: 0;
}

form.browse .fieldname {
	width: 53px;
	padding: 5px 10px 5px 0;
	}
	
form.browse .fieldvalue {
  margin: 0;
  padding: 0;
}

div.browse {
	clear: both;
	}
/* end browse page */

#backgroundPopup {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

#popupContact {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding: 25px 10px 10px 10px;
	font-size:13px;
	margin: 0 auto;
}

#popupContactClose {
	font-size:14px;
	line-height:14px;
	right:5px;
	top:5px;
	position:absolute;
	color:#000;
	display:block;
}
