/* We are resetting all browser style. hopefully giving a more consistent style experience between browsers */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1 {
	margin-bottom:10px;
}

body {
	line-height: 1;
	font: 90% "Lucida Grande", verdana;
	background: #fff;
/*	padding-top: 8px;	
	padding-left:8px;	
	padding-right:8px;*/
	padding: 8px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

.header img {
	margin:5px;
}

.footer {
	background: #8B1E25;
	color: #fff;
/*	border-top: 1px solid #444;*/
}

.footer_column {
/*	float: left;*/
	display: block;
	padding-top: 10px;
/*	padding-right:50px;*/
	width:auto;
	font-size:70%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.footer_image {
	padding-right:10px;
	float: right;
	font-size:100%;
}

.footer a {
	color: #FFF;
}

.footer a:visited {
	color: #FFF;
}
.required {
	color: #F00;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

p {
	margin-top:10px;
	margin-bottom:10px;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 
End Reset of Styles 
Start main stylesheet
*/

a
{
	text-decoration: none;
	color: #00D;	
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #00D;
}

input, select, textarea
{
	border: 1px solid gray;
	width:200px;
}


h3
{
	clear:both;
}

h2
{

}

.aboutSubHead
{
	margin-top:20px;
	margin-bottom:0px;
	padding: 0px;
}

.aboutText
{

}

.header {
/*	background-color: #3B2E25;*/
	background-color:#8B1E25;
	background-image: url('/images/head_grad.png');
	/*margin-top:20px;
	margin-left:20px;
	margin-right:20px;*/
	height:85px;
	font-family:Times, serif;
	}

.menuSearchBar input, .menuSearchBar select
{
	width: auto;
}

.menuSearchBar {
	background-color: #AAA;
	background-image: url('/images/menu_bg.png');
	background-repeat: repeat-x;
	/*width:100%;*/
	font-family: Arial, Helvetica, Verdana, sans-serif;	
	margin-bottom:0px;
	height:28px;
/*	padding-top:2px;*/
}


.headerMenu li {
	display:block;
	width:100px;
	height:28px;
	line-height:28px;
	float: left;
	margin:0;
	padding:0;
	/*text-align: center;*/
}

.headerMenu a {
	display:block;
	/*padding-top: 3px;*/
	width: 100px;
/*	padding-bottom:3px;*/
	background:inherit;
	color:#000;
/*	text-transform:uppercase;*/
	text-decoration: none;
	text-align: center;
}
.tradeOnlyText {
	color:#777;
	font-size:90%;
}
.headerMenu a:visited {
	color: #000;
}

.headerMenu a:hover {
	background: #000;
	color:#FFF;
	text-decoration: none;
}

/*.headerMenu li a div
{
	background:inherit;
	height:18px;
	color:#000;
	text-transform: uppercase;
	padding-top:5px;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;	
}

.headerMenu li a:hover div
{
	background:#000;
	color:#FFF;
	text-decoration: none;
}*/


.headerSearch {
	padding-top:4px;
	margin-right:2px;
	float:right;
	height:23px;
}

.clear {
	clear:both;
	
}

.rightBar {
	display:block;
	float:right;
	position: absolute;
	right:0;
	top:10px;
	width:151px;
	padding: 0px;
	margin: 0px;
	font-size: 95%;
}

.headerCartQuantity {
	float:right;
	
}

.leftBar {
	display:block;
	float:left;
	position: absolute;
	left:0;
	top:10px;
	width:151px;
	padding:0px;
/*	font-size: 95%;*/
}

dl.leftMenu dt {
	font-weight: bold;
	margin-top:10px; 
	margin-bottom:0px;
	width: 140px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color:#8B1E25;
	background-image: url('/images/grad.png');
	background-repeat: repeat-x;	
	color: #EEE;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	font-size: 110%;		
	font-family:Times, serif;
	font-weight: normal;
}

dl.leftMenu dt.rightHead {
/*	background-color: #ffb900;
	color: #000;*/
}

dl.leftMenu dt.rightHead a {
	/*color: #000;*/
}

dl.leftMenu dt a {
	color: #FFF;
}

dl.leftMenu dd {
	font-size: 80%;
	width: 150px;
	margin: 0px;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;	
	border-right: 1px solid #DDD;	
	background: #EEE;
/*	padding-left:5px;*/
}

.rightBar dl dd {
	width: 150px;
/*	padding-left: 5px;
	padding-right: 5px;*/
}

.leftBar dl.leftMenu dd a {
	display:block;
	width:140px;
	padding-left:10px;
	padding-top: 3px;
	padding-bottom: 3px;
/*	font-size: 85%;*/
	background: #EEE;
	color: #000;
}

dl.leftMenu dd .text {
	display:block;
	width:140px;
	padding-left:10px;
	padding-top: 3px;
	padding-bottom: 3px;
/*	font-size: 85%;*/
	background: #EEE;
	color: #000;
}
.marginText {
	margin:0px;
	padding:0px;
	margin-left:5px;
	margin-right: 5px;
}
dl.leftMenu dd input {
	width:138px;
	margin-right:5px;
	margin-bottom:3px;
}

.leftBar dl.leftMenu dd a:visited {
	color: #000;
}

.leftBar dl.leftMenu dd a:hover {
	text-decoration: none;
	background: #55F;
	color: #FFF;
}

div.rightBar dt, div.rightBar dd {
/*	border-right: none
	border-left: 1px solid #DDD;	*/
}
.margin_below
{
	margin-bottom:5px;
}


.featuredName {
	padding:5px;
	width: 140px !important;
}

.featuredImage {
}

.marginAbove {
	padding-top:10px;
}

.dottedAbove {
	border-top: 1px dotted gray;
	width: 100%;
}

dd.featuredDesc {
	padding: 5px;
	width: 140px !important;	/*for some reason this is being done before the one that comes before it, which means that this width is being overwritten. hence: important! */

}

.featuredDesc a {
	display: inline;
	width: auto;
	padding: auto;
	color: #55F;
}

.featuredDesc a:hover {
	text-decoration: underline;
}

.mainPage {
	position: relative;	/* making this relative so that the left bar can be position absolutely and will move with the header changing size*/
	background: #FFF;
	padding-top:20px;
	min-height: 700px;
	height:auto !important;
	height:700px;
/*	margin-left:20px;
	margin-right:20px;*/
}

.mainContent {
	/*float: left;*/
	display:block;
	padding-left:170px;
	padding-right:170px;
	width:auto;
	font-size:80%;
	text-align:justify;
}

.special {
	color:#8B1E25;
	font-weight: bold;
}

.rangeText {
	text-align: justify;
	max-width:630px;
}

.productBox, .homeProductBox {
	display:block;
	float: left;
	/*border: 1px solid #BBB;*/
	padding-top: 5px;
	padding-left: 5px;	
	padding-right: 5px;	
	margin: 5px 10px 5px 0px;
	width:300px;
	/*font-size:90%;*/
	height: 120px;
	background: #F0f0f0;
	overflow: hidden;
	text-align:left;
}

.homeProductBox {
	width: 130px;
	height:185px;
	text-align: center;
	margin: 0px 5px 5px 0px;
	margin-bottom:100px;
	border: 0px #AAA solid;	
	background: #FFF;

}
.range_box {
/*	background: #000;
	width:100%;*/
	height: 230px;
	overflow: hidden;
	margin-bottom: 0px;
}

.bundle_box {
/*	float:left;*/
/*	background: #F0f0f0;*/
	width:400px;
/*	height: 200px; */
/*	overflow: hidden;*/
	margin: 0px 0px 0px 25px;
	border: 2px #AAA dotted;	
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 15px;	
/*	height:120px;	*/
/*	white-space: nowrap;*/
	overflow: visible;
	position:relative; 
}

.bundleTitle
{
	margin-left:140px;
	text-transform: uppercase;
	font-weight: bold;
}

.bundleTitle a {
	color: #8B1E25;
}

.bundleTitle a:visited {
	color: #8B1E25;
}

.bundlethumb {
	padding-right:10px;
}
.productThumbnail {
	width:100px;
	height:100px;
	text-align: center;
	float:left;
	margin:5px;
	margin-right:10px;
}


.bundleCaption, .bundleDescription {
	border-bottom: 1px dotted gray;
	margin-bottom:5px;
	padding-bottom:5px;
	margin-left: 140px;
}

.bundleDescription {
	border: none;
}
.homeProductThumbnail {
	display: block;
	text-align: center;
	width: 100px;
	height: 100px;
	margin: auto;
}

.productBoxTitle, .productBoxSKU {
	margin: 0;
	padding: 0;
}

.productBoxStockLevel {
	margin: 5px;
}

.productBoxPrice {
	margin: 5px;
	margin-right:0px;
}
.productThumbImage {
	border: 1px solid #BBB;
	margin: auto;
}
.productImage {
	border: 1px solid #BBB;
	margin: 0;
	padding: 0;
/*	width: 300px;*/
}

.productImageBox {
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}

.browseCardsText {
	margin-top: 10px;
	font-size:90%;
}
.productText {
	float: left;
	width: 320px;
}
.pageTitle {
	font-family:Times, serif;
/*	font-weight:bold;*/
	font-weight: normal;
	font-size:27pt;
	color:#8B1E25;
	margin-bottom:10px;
}

.rangeTitle {
	font-family:Times, serif;
	font-weight:normal;
	font-size:18pt;
	color: gray; 
	border-bottom:2px dotted #AAA;
	margin-top:10px;
	margin-bottom: 5px;
}

.rangeTitle a {
	color: #777;
}

.rangeTitle a:visited {
	color: #777;
}

a.range_link
{
	color:#000;
}

.productTitle, .productPrice, .productStockLevel, .productRef, .productCaption, .productArtist, .productRange, .productTradePrice, .productBuy
{
	padding: 0;
	margin: 0;
	margin-bottom: 1px;
}

.productTitle {
	font-weight:bold;
	font-size:110%;
}

.productPrice {
}
.productStockLevel {

}
.productRef {
	
	margin-bottom: 10px;
}
.productCaption {
/*	font-style: italic;	*/
}

.productArtist {
	margin-top:10px;
}
.productRange {
}
.productBuy {
	margin-top: 5px;
}

.productBuyInput {
	background-color: #ffb900;  /*yellow  
	background-color: #88F;*/
/*	color: #ffffff;*/
	#000;
	width: 75px;
	border: 2px outset gray;

/*	border: 1px solid black;*/
}

.productBuyQuantity {
	width:25px;
	text-align: center;
}
.categoryPath {
	font-weight: bold;
	margin-bottom:20px;
}

.productTradePrice {
	/*font-size:120%;*/
}



.quantityBox {
	width:50px;
}

tr.heading th
{
	background-color:#88F;
	text-align:left;
	height: 30px;
	vertical-align:middle;
}

tr.bundle_top
{
	border-top: 1px solid #AAA;	
}

tr.bundle_row
{
	/* no border */
	

}

tr.cart_row
{
	border-top: 1px solid #AAA;	
}

tr.cart_row td
{
	padding-top:3px;
	padding-bottom:3px;
}

tr.update_row
{
	border-top: 1px solid #AAA;
}

tr.total td
{
	font-size:120%;
}
.quantity_input {
	width:40px;
}

.quantity_update {
	width: auto;
}

.billing_address {
	margin-right:300px;
	float:left;
	margin-bottom: 40px;
}

.delivery_address {
	float:left;
	margin-bottom: 40px;	
}

td.orderFormEntry {
	text-align: right;
}

.orderFormLine td {
	vertical-align: top;
	text-align: right;
}

.orderFormEntry input{
	width:200px;
}
.orderFormEntry select{
	width:200px;
}
.orderFormEntry textarea{
	width:200px;
}

.orderButton {
	text-align: right;
}

/*form dl {width: 800px; padding: 10px; text-align: left;}
form dt {float: left; width: 150px; padding: 5px; text-align: right; font-weight: normal; color: #000000;}
form dd {display:block; clear:left; padding:5px; text-align: left;}
form dd p {margin:0px; clear:left;}*/

form ul {width: 800px; padding: 10px; text-align: left;}
li.formPair {display: block; width: 800px; clear:both; }
.formPair li {float:left; width: 600px }
li.label {width:150px; text-align:right; padding-right:10px}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
	}

.zoomIcon
{
visibility: hidden; 
position: absolute; 
right:1px; 
top:1px;
}
div.imageZoom
{
	position: relative;
	float:left;
}
a.imageZoom:hover .zoomIcon
{
	visibility: visible;
}