html, body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	}
/* */

.mouseBeOffMe {
border-top:    10px  solid #0f0f0f; 
border-bottom: 10px  solid #0f0f0f; 
border-left:   10px   solid #0f0f0f; 
border-right:  10px  solid #0f0f0f; 
}

.mouseBeOnMe {
border-top:    6px   solid #0f0f0f;
border-bottom: 14px  solid #0f0f0f; 
border-left:   10px  solid #0f0f0f; 
border-right:  6px   solid #0f0f0f;
}

.mouseBeDown {
border-top:    13px  solid #0f0f0f;
border-bottom: 7px   solid #0f0f0f; 
border-left:   13px  solid #0f0f0f; 
border-right:  7px   solid #0f0f0f;
}

.mouseBeUp {
border-top:    10px  solid #0f0f0f;
border-bottom: 10px  solid #0f0f0f; 
border-left:   10px  solid #0f0f0f; 
border-right:  10px   solid #0f0f0f;
}

.glow {  filter: Glow(Color=#555555, Strength=3)}

/* LAYOUT */


#wrapper {
	position: absolute;
	width: 780px;
	height: 504px;
	visibility: hidden;
	}
#printwrapper {
	position: absolute;
	width: 520px;
	height: 504px;
	visibility: hidden;
	}
#invoice {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -390px;
	margin-top: 0;
	margin-bottom: 30px;
	height: 600px;
	}
.centered {
	position: absolute;
	top: 50;
	left: 190;
	width: 400px;
	height: 504px;
	background-color: #000;	
	}		
.leftcol {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height: 504px;
	background-color: #000;	
	}
.rightinleftcol {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height: 504px;
	background-color: #000;	
	}
.centerrightcols {
	position: absolute;
	top: 0;	
	left: 260px;
	width: 520px;
	height: 504px;
	background-color: #000;
	}
.centercol {
	position: absolute;
	top: 0;
	left: 260px;
	width: 260px;
	height: 504px;
	background-color: #1e1e1e;
	}
.rightcol {
	position: absolute;
	top: 0;
	left: 520px;
	width: 260px;
	height: 504px;
	background-color: #333;
	}
.leftcolprint {
	position: absolute;
	top: 0;
	left: 0px;
	width: 260px;
	height: 504px;
	background-color: #1e1e1e;
	}
.centercolprint {
	position: absolute;
	top: 0;
	left: 260px;
	width: 260px;
	height: 504px;
	background-color: #333;
	}
.rightcolblack {
	position: absolute;
	top: 0;
	left: 520px;
	width: 260px;
	height: 504px;
	background-color: #000;
	}
.rightcolwide {
	position: absolute;
	top: 0;
	left: 520px;
	height: 504px;
	}
.righthalf {
	position: absolute;
	top: 0;
	left: 390px;
	height: 504px;
	width: 375px;
	padding-left: 15px;
	background-color: #333;
	}

/* On the invoice page, override the height of the columns */

#invoice .leftcol {
	height: 680px;
	background-color: #0f0f0f;	
	}
#invoice .centercol {
	height: 680px;
	}
#invoice .rightcol {
	height: 680px;
	}

/* On the invoice page, place the logo in the right place */

#invoice .leftcol .logo {
	position: absolute;
	top: 30px;
	left: 15px;
	}

/* popup styles */

.popupcol {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
	width: 260px;
	height: 100%;
	background-color: #333;
	}
.popupcol textarea {
	height: 285px;
	}
.popuplogo {
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
	}
.green-12 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: blink;
	color: #006600;
/*
	width: 350; font-size:11pt; font-family: Arial ; color: #006600; filter: dropshadow(color=ffffff, offx=33, offy=33, positive=1)
	FONT-SIZE: 12px; FILTER: DropShadow(Color=#006600, OffX=1, OffY=1, Positive=1); COLOR: #cccccc; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; HEIGHT: 1px;*/
}




.popupwide {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0px 15px 15px;
	width: 365px;
	height: 100%;
	background-color: #333;
	}

/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.popupcol { padding-right: 0px; width: 230px; }	
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.popupwide { padding-right: 15px; width: 345px; }	


/* GENERAL TEXT STLES */

a { cc:expression(window.status='');
	color: #a2a2a2;
	text-decoration: none;
	}

a:hover {
	color: #fff;
	}
	/* no  */
div.RoundedCorner{background: #0f0f0f;height: 504px}
b.rtop, b.rbottom{display:block;background: #000}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #0f0f0f}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
	
p {
	line-height: 15px;
	margin: 0;
	}
p.new {
	margin-top: 15px;
	}
p.halfnew {
	margin-top: 5px;
	}
p.grey { 
	color: #a2a2a2;
}
.error {
	color: #f30;
	}
.columnhead p {
	margin-bottom: 5px;
	}

ul.nobullets {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 15px;
	color: #fff;
	}	
ul.nobullets li {
	margin-bottom: 5px;
	}
	
a.highlight {
	color: #fff;
}
	
/* IMAGES */

img {
	border: 0;
	}
	
/* for the pagination arrows, move them over. */

.arrows {
	margin-left: 6px;
	width: 40px;
	height: 12px;
	vertical-align: -3px;
	}
	
/* CONTENT REGIONS */
	
.columnhead {
	position: absolute;
	top: 0;
	left: 0;
	margin: 28px 15px 6px 15px;
	width: 230px;
	height: 40px;
	}
.columnlead {
	position: absolute;
	top: 74px;
	left: 0;
	width: 260px;
	height: 75px;
	}
.forcebottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 260px;
	padding: 0 15px 6px 15px;
	}
.columnbody {
	position: absolute;
	top: 149px;
	left: 0;
	padding: 0 15px 5px 15px;
	width: 230px;
	height: 254px;
	}
.columnbodytall {
	position: absolute;
	top: 149px;
	left: 0;
	width: 230px;
	height: 294px;
	padding: 0 15px 5px 15px;
	}
.columnfoot {
	position: absolute;
	top: 408px;
	left: 0;
	margin: 0px 15px 0px 15px;	
	width: 230px;
	height: 40px;
	}
.columnlowerfoot {
	position: absolute;
	top: 425px;
	left: 0;
	margin: 0px 15px 0px 15px;	
	width: 230px;
	height: 40px;
	}
.columnpolicies {
	position: absolute;
	top: 450px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 230px;
	height: 41px;
	color: #666666;
	}
.columnpolicieswhite {
	position: absolute;
	top: 450px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 230px;
	height: 41px;
	color: #FFFFFF;
	z-index: 100;
	}
.columnrtwlinks {
	position: absolute;
	top: 20px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 230px;
	height: 41px;
	color: #666666;
	}
.columnviewall {
	position: absolute;
	top: 445px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 70px;
	height: 41px;
	}
.columnscrollviewall {
	position: absolute;
	top: 445px;
	left: 180px;
	margin: 7px 15px 0px 15px;
	width: 70px;
	height: 41px;
	}
.columnpagenumbers {
	position: absolute;
	top: 460px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 230px;
	height: 41px;
	}
.columnmessage {
	position: absolute;
	top: 350px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 230px;
	height: 41px;
	}
.columnusmessage {
	position: absolute;
	top: 360px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 230px;
	height: 41px;
	}
.columnukmessage {
	position: absolute;
	top: 375px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 230px;
	height: 41px;
	}
.columnprivateclosetmessage {
	position: absolute;
	top: 170px;
	left: 0;
	margin: 7px 15px 0px 15px;
	width: 230px;
	height: 41px;
	}
	
	.columnfrprivateclosetmessage {
		position: absolute;
		top: 127px;
		left: 0;
		padding: 0 15px 5px 15px;
		width: 230px;
		height: 254px;
	}	
	
/* scrollbar settings for IE 5.5+ */

.rulesshortscroll, .rulesmedscroll, .rulestallscroll, .largescroll, .rulesventiscroll, .rulesukreviewscroll, .rulesukinvoicescroll   {
	scrollbar-base-color: #1E1E1E;
	scrollbar-track-color: #1E1E1E;
	scrollbar-face-color: #3F3F3F;
	scrollbar-highlight-color: #3F3F3F;
	scrollbar-3dlight-color: #555;
	scrollbar-darkshadow-color: #1E1E1E;
	scrollbar-shadow-color: #2C2C2C;
	scrollbar-arrow-color: #1E1E1E;
}

/* set the basic settings for all the regions with gray rules above and below */

.rulesshortscroll, .rulesmedscroll, .rulestallscroll, .rulesventiscroll, .ruleselastic, .rulebelowelastic, .rulesukreviewscroll, .rulesukinvoicescroll, .rulesukreviewaddress {
	border-top: 1px;
	border-right:  0px;
	border-bottom: 1px;
	border-left:  0px;
	border-color: #3a3a3a;
	border-style: solid;
	}
	
/* now the specifics for each size of scrollable region*/

.rulesshortscroll {	
	width: 230px;
	height: 100px;
	overflow: auto;
	padding-top: 5px;
 	padding-right: 16px; /* value for Mac IE, real value for other browsers below */
 	}
.rulesmedscroll {
	width: 230px;
	height: 161px;
	overflow: auto;
	padding-top: 5px;
 	padding-right: 16px; /* value for Mac IE, real value for other browsers below */
 	}
.rulesukreviewscroll {
	width: 230px;
 	height: 120px;
	overflow: auto;
	padding-top: 5px;
 	padding-right: 16px; /* value for Mac IE, real value for other browsers below */
 	}
.rulesukinvoicescroll {
	width: 230px;
 	height: 116px;
	overflow: auto;
	padding-top: 5px;
 	padding-right: 16px; /* value for Mac IE, real value for other browsers below */
 	}
.rulestallscroll {
	width: 230px;
	height: 188px;
	overflow: auto;
	padding-top: 5px;
 	padding-right: 16px; /* value for Mac IE, real value for other browsers below */
 	}
.rulesventiscroll {
	width: 230px;
	height: 260px;
	overflow: auto;
	padding-top: 5px;
 	padding-right: 16px; /* value for Mac IE, real value for other browsers below */
 	}
.largescroll {
	width: 360px;
	overflow: auto;
	height: 454px;
	margin: 30px -15px 15px 0;
 	padding-right: 16px; /* value for Mac IE, real value for other browsers below */
  	}
 	
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesshortscroll { padding-right: 0px; width: 230px; }	
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesmedscroll { padding-right: 0px; width: 230px; }	
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulestallscroll { padding-right: 0px; width: 230px; }	
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesventiscroll { padding-right: 0px; width: 230px; }	
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesukreviewscroll { padding-right: 0px; width: 230px; }	
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulesukinvoicescroll { padding-right: 0px; width: 230px; }
.largescroll { padding-right: 0px; width: 100%; }	
/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.forcebottom { padding-right: 0px; width: 230px; }	


/* Add padding so that paragraphs don't crash into the scrollbar */

.rulesshortscroll p, .rulesmedscroll p, .rulestallscroll p , .rulesukreviewscroll p, .rulesukinvoicescroll p, .rulesventiscroll p, .rulesventiscroll p.new {
	padding-right: 5px;
	}
.largescroll p {
	padding: 0 15px 0 0;
	}
	
/* non-scrolling regions */

.noruleselastic {
	width: 230px;
	padding: 6px 0 0 0;
	}
.ruleselastic {
	padding-top: 5px;
	padding-bottom: 10px;
	width: 230px;
	}
.rulebelowelastic {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-color: #3a3a3a;
	border-style: solid;
	padding: 5px 0;
	width: 230px;
	}
.ruleaboveelastic {
	border-top: 1px;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	border-color: #3a3a3a;
	border-style: solid;
	padding: 5px 0;
	width: 230px;
	}
.rulebelowshort {
	border-top: 0px;
	border-right:  0px;
	border-bottom: 1px;
	border-left:  0px;
	border-color: #3a3a3a;
	border-style: solid;
	padding: 5px 0;
	width: 230px;
	height: 93px;
 	}
 .rulesukreviewaddress {
 	padding-top: 5px;
 	padding-bottom: 0px;
 	width: 230px;
 	height: 120px;
 	}

table.sizeguide {
	padding: 2px;
	spacing: 6px;
	color: #a2a2a2;
	background-color: #333;
	border: 1px;
	border-color: #999999;
	border-style: solid;
	font-size: 11px;
}

tr.border {	
	background-color: #333;
	border-top: 1px;
	border-color: #999999;
	border-style: solid;
	font-size: 11px;
}

td.border {	
	background-color: #333;
	border-left: 1px;
	border-right: 0px;
	border-bottom: 1px;
	border-top: 1px;
	border-color: #999999;
	border-style: solid;
	font-size: 11px;
}

td.bordernotop {	
	background-color: #333;
	border-left: 1px;
	border-right: 0px;
	border-bottom: 1px;
	border-top: 0px;
	border-color: #999999;
	border-style: solid;
	font-size: 11px;
}

td.borderrightnotop {	
	background-color: #333;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-top: 0px;
	border-color: #999999;
	border-style: solid;
	font-size: 11px;
}

td.borderrighttop {	
	background-color: #333;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-top: 1px;
	border-color: #999999;
	border-style: solid;
	font-size: 11px;
}



table.borderbutton {
	padding: 2px;
	spacing: 0px;
	border: 1px;
	cursor: hand;
	cursor: pointer;
	color: #a2a2a2;
	border-color: #a2a2a2;
	border-style: solid;
	font-size: 11px;
}

table.borderbuttonon {
	padding: 2px;
	spacing: 0px;
	border: 1px;
	cursor: hand;
	cursor: pointer;
	color: #fff;
	border-color: #fff;
	border-style: solid;
	font-size: 11px;
}

/* \ real value for all browsers except Mac IE, which will ignore the following rule */
.rulebelowshort { height: 83px; }	

.rulebelowshort .rulebelowelastic {
	padding: 0;
	}

/* code to do left & right alignment on one line */
/* need to be different lengths to keep for the product pages and review.asp */
.reviewleft {
	width: 115px;
	line-height: 15px;
	}
.reviewright {
	width: 65px;
	margin-right: 5px;
	float: right;
	text-align: right;
	line-height: 15px;
 	}

.reviewextraleft {
	width: 155px;
	line-height: 15px;
	}
.reviewminusright {
	width: 25px;
	margin-right: 5px;
	float: right;
	text-align: right;
	line-height: 15px;
 	}


.left {
	width: 120px;
	line-height: 15px;
	}
.right {
	width: 60px;
	margin-right: 5px;
	float: right;
	text-align: right;
	line-height: 15px;
 	}

.rightnomargin {
	width: 62px;
	float: right;
	text-align: right;
	line-height: 15px;
 	}

.rulebelowelastic .leftright {
	line-height: 20px;
	padding-bottom: 5px;
	}
.rulebelowelastic .right {
	width: 102px;
	}
.print {
	position: absolute;
	top: 457px;
	left: 220px;
	color: #666666;
 	}

	
/* STYLES TO CONTROL CONTENT WITHIN SCROLL REGIONS */

/* container for product variations */

.variation {
	margin: 15px 0 0 0;
	}

/* container if there is no meta description for the product. Used in the cart. */

.variationnometa {
	margin: 5px 0 0 0;
	}

.variationnomargin {
	margin: 0 0 0 0;
}

/* used for radio buttons, checkboxes, or key per varation */

.legend {
	float: left;
	text-align: left;
	width: 15px;
	}
	
/* Indent the left edge of product descriptions to clear the radio button/checkboxes */
.description {
	margin-left: 20px;
	}
.variation .left, .variationnometa .left, .variationnomargin .left  {
	margin-left: 20px;
	}

/* If there are no checkboxes/radio buttons */

.variationnocontrols {
	margin: 15px 0 0px 0;
	}
.variationnocontrols .description {
	margin-left: 0px;
 	}

/* FORM STYLES */	

form {
	margin: 0;
	padding: 0;
	}

/* styles for divs that hold form elements and labels */

.formrowlabelaboveblank {
	margin-bottom: 4px;
	clear: both;
	height: 36px;
	}
.formrowlabelabove {
	margin-bottom: 4px;
	clear: both;
	height: 35px;
	}
.formrowlabelabovehidden {
	margin-bottom: 4px;
	clear: both;
	height: 35px;
	display: none;
	}
.formrowelastic {
	margin-bottom: 4px; /* consider removing this. */
	}	
.formrownolabel {
	margin-bottom: 4px;
	clear: both;
	height: 20px;
	}
.formfloatL {
	float: left;
	width: 111px;
	}
.formfloatR {
	float: right;
	width: 111px;
	}
.formfloatL200 {
	float: left;
	width: 200px;
	}
.formfloatL3qtr {
	float: left;
	width: 165px;
	}
.formfloatR200 {
	float: right;
	width: 200px;
	}		
.formfloatqtr {
	float: left;
	width: 55px;
	}

.formfloatRqtr {
	float: right;
	width: 55px;
	}

/* style for text form buttons on each page */
	
.formbuttons {
	margin-top: 10px;
	color: #5a5a5a;
	width: 230px;
	}

.availability {
	color: #fff;				
	}

/* basic styles for form elements */

select {
	font-family: verdana;
	border: 0px;
	font-size: 11px;
	height: 15px;
	margin: 0;
	padding: 0;
	background-color: #999;
	}
select.subjecterror {
	color: #f30;
	width: 230px;
	}
select.subject {
	width: 230px;
	}
select.card {
	width: 107px;
	}
select.date {
	width: 51px;
	}
select.dateError {
	color: #f30;
	width: 51px;
	}
select.cardError {
	color: #f30;
	width: 107px;
	}
textarea {
	width: 230px;
	font-family: verdana;
	font-size: 11px;
	border: 1px;	
	margin: 0;
	padding: 0;
	background-color: #999;
	}
input {
	font-family: verdana;
	border: 0px;
	font-size: 11px;
	height: 15px;
	margin: 0;
	padding: 0;
	}	
input.field {
	width: 230px;
	border: 1px;
	background-color: #999;
	margin-bottom: 2px;
	}
.formfloatL input.field {
	width: 111px;
	}		
.formfloatR input.field {
	width: 111px;
	}		
.formfloatqtr input.field {
	width: 51px;
	}
.formfloatqtr select {
	width: 51px;
	}	
input.fieldtwofifths {
	width: 40px;
	border: 1px;
	background-color: #999;
	margin-bottom: 2px;
	}		
input.fieldthreefifths {
	width: 63px;
	border: 1px;
	background-color: #999;
	margin-bottom: 2px;
	}		

input.fieldqtr {
	width: 51px;
	border: 1px;
	background-color: #999;
	margin-bottom: 2px;
	}		
input.field3qtr {
	width: 171px;
	border: 1px;
	background-color: #999;
	margin-bottom: 2px;
	}		
td {
	font-size: 11px;
	}

/* LIGHTBOX */

.lightbox {
	position: absolute;
	left: 0;
	top: 0;
	}
.lightbox1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 325px;
	}
.lightbox2 {
	position: absolute;
	left: 325px;
	top: 0;
	width: 325px;
	}
.lightbox3 {
	position: absolute;
	left: 650px;
	top: 0;
	width: 325px;
	}
.lightbox4 {
	position: absolute;
	left: 975px;
	top: 0;
	width: 325px;
	}
.lightbox5 {
	position: absolute;
	left: 1300px;
	top: 0;
	width: 325px;
	}
.lightbox6 {
	position: absolute;
	left: 1625px;
	top: 0;
	width: 325px;
	}
.lightbox7 {
	position: absolute;
	left: 1950px;
	top: 0;
	width: 325px;
	}
.lightbox8 {
	position: absolute;
	left: 2275px;
	top: 0;
	width: 325px;
	}
.lightbox9 {
	position: absolute;
	left: 2600px;
	top: 0;
	width: 325px;
	}
.lightbox10 {
	position: absolute;
	left: 2925px;
	top: 0;
	width: 325px;
	}

.lightbox11 {
	position: absolute;
	left: 3250px;
	top: 0;
	width: 325px;
	}

.lightbox12 {
	position: absolute;
	left: 3575px;
	top: 0;
	width: 325px;
	}

.lightbox13 {
	position: absolute;
	left: 3900px;
	top: 0;
	width: 325px;
	}

.lightbox14 {
	position: absolute;
	left: 4225px;
	top: 0;
	width: 325px;
	}

.lightbox15 {
	position: absolute;
	left: 4550px;
	top: 0;
	width: 325px;
	}

.lightbox16 {
	position: absolute;
	left: 4875px;
	top: 0;
	width: 325px;
	}

.lightbox17 {
	position: absolute;
	left: 5200px;
	top: 0;
	width: 325px;
	}

.lightbox18 {
	position: absolute;
	left: 5525px;
	top: 0;
	width: 325px;
	}

.lightbox19 {
	position: absolute;
	left: 5850px;
	top: 0;
	width: 325px;
	}

.lightbox20 {
	position: absolute;
	left: 6175px;
	top: 0;
	width: 325px;
	}

.lightbox21 {
	position: absolute;
	left: 6500px;
	top: 0;
	width: 325px;
	}

.lightbox22 {
	position: absolute;
	left: 6825px;
	top: 0;
	width: 325px;
	}

.lightbox23 {
	position: absolute;
	left: 7150px;
	top: 0;
	width: 325px;
	}

.lightbox24 {
	position: absolute;
	left: 7475px;
	top: 0;
	width: 325px;
	}

.lightbox25 {
	position: absolute;
	left: 7800px;
	top: 0;
	width: 325px;
	}

.lightbox26 {
	position: absolute;
	left: 8125px;
	top: 0;
	width: 325px;
	}

.lightbox27 {
	position: absolute;
	left: 8450px;
	top: 0;
	width: 325px;
	}

.lightbox28 {
	position: absolute;
	left: 8775px;
	top: 0;
	width: 325px;
	}

.lightbox29 {
	position: absolute;
	left: 9100px;
	top: 0;
	width: 325px;
	}

.lightbox30 {
	position: absolute;
	left: 9425px;
	top: 0;
	width: 325px;
	}

.lightbox31 {
	position: absolute;
	left: 9750px;
	top: 0;
	width: 325px;
	}

.lightbox32 {
	position: absolute;
	left: 10075px;
	top: 0;
	width: 325px;
	}

.lightbox33 {
	position: absolute;
	left: 10400px;
	top: 0;
	width: 325px;
	}

.lightbox34 {
	position: absolute;
	left: 10725px;
	top: 0;
	width: 325px;
	}

.lightbox35 {
	position: absolute;
	left: 11050px;
	top: 0;
	width: 325px;
	}

.lightbox36 {
	position: absolute;
	left: 11375px;
	top: 0;
	width: 325px;
	}

.lightbox37 {
	position: absolute;
	left: 11700px;
	top: 0;
	width: 325px;
	}

.lightbox38 {
	position: absolute;
	left: 12025px;
	top: 0;
	width: 325px;
	}

.lightbox39 {
	position: absolute;
	left: 12350px;
	top: 0;
	width: 325px;
	}

.lightbox40 {
	position: absolute;
	left: 12675px;
	top: 0;
	width: 325px;
	}

.lightbox41 {
	position: absolute;
	left: 13000px;
	top: 0;
	width: 325px;
	}

.lightbox42 {
	position: absolute;
	left: 13325px;
	top: 0;
	width: 325px;
	}


.anchors {
	position: absolute;
	top: 250px;
	left: 278px;
	}
.autoscroll_r {
	position: absolute;
	top: 28px;
	left: 283px;
	}
.autoscroll {
	position: absolute;
	top: 460px;
	left: 283px;
	}
.autoscroll_body_front {
	position: absolute;
	top: 460px;
	right: 20px;
	z-index: 101;
	}
.autoscroll_body_fr_back {
	position: absolute;
	top: 475px;
	right: 20px;
	z-index: 100;
	}
.autoscroll_body_back {
	position: absolute;
	top: 460px;
	right: 20px;
	z-index: 100;
	}
.photo_note {
	position: absolute;
	top: 450px;
	left: 15px;
	}

	
/* thumbnail positions */
	
.thumbnail1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	}
.thumbnail2 {
	position: absolute;
	top: 168px;
	left: 0;
	width: 130px;
	}
.thumbnail3 {
	position: absolute;
	top: 336px;
	left: 0;
	width: 130px;
	}
.thumbnail4 {
	position: absolute;
	top: 0;
	left: 130px;
	width: 130px;
	}
.thumbnail5 {
	position: absolute;
	top: 168px;
	left: 130px;
	width: 130px;
	}
.thumbnail6 {
	position: absolute;
	top: 336px;
	left: 130px;
	width: 130px;
	}

.thumbnail1-6 {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	}
.thumbnail2-6 {
	position: absolute;
	top: 168px;
	left: 0;
	width: 130px;
	}
.thumbnail3-6 {
	position: absolute;
	top: 336px;
	left: 0;
	width: 130px;
	}
.thumbnail4-6 {
	position: absolute;
	top: 0;
	left: 130px;
	width: 130px;
	}
.thumbnail5-6 {
	position: absolute;
	top: 168px;
	left: 130px;
	width: 130px;
	}
.thumbnail6-6 {
	position: absolute;
	top: 336px;
	left: 130px;
	width: 130px;
	}

.thumbnail1-4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height:  252px;
	}
.thumbnail2-4 {
	position: absolute;
	top: 252px;
	left: 0;
	width: 130px;
	height:  252px;
	}
.thumbnail3-4 {
	position: absolute;
	top: 0;
	left: 130px;
	width: 130px;
	height:  252px;
	}
.thumbnail4-4 {
	position: absolute;
	top: 252px;
	left: 130px;
	width: 130px;
	height:  252px;
	}
.colgrey {
	position: absolute;
	top: 0;
	left: 0px;
	width: 252px;
	height: 504px;
	background-color: #1e1e1e;
	}

.colgreymini {
	position: absolute;
	top: 0px;
	left: 306px;
	width: 22px;
	height: 504px;
	background-color: #1e1e1e;
	}

.colgreymini2 {
	position: absolute;
	top: 0px;
	left: 284px;
	width: 22px;
	height: 504px;
	background-color: #333;
	}

.colblackmini {
	position: absolute;
	top: 0;
	left: 260px;
	width: 22px;
	height: 504px;
	background-color: #000;
	}


.thumbnail1-3border {
	position: absolute;
	top: 3px;
	left: 0px;
	width: 250px;
	height:  162px;
	border-top: 1px;
	border-right:  1px;
	border-bottom: 1px;
	border-left:  1px;
	border-color: #a2a2a2;
	border-style: solid;
	}
.thumbnail2-3border {
	position: absolute;
	top: 171px;
	left: 0px;
	width: 250px;
	height:  162px;
	border-top: 1px;
	border-right:  1px;
	border-bottom: 1px;
	border-left:  1px;
	border-color: #a2a2a2;
	border-style: solid;
	}
.thumbnail3-3border {
	position: absolute;
	top: 339px;
	left: 0px;
	width: 250px;
	height:  162px;
	border-top: 1px;
	border-right:  1px;
	border-bottom: 1px;
	border-left:  1px;
	border-color: #a2a2a2;
	border-style: solid;
	}

.thumbnail1-3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height:  168px;
	}
.thumbnail2-3 {
	position: absolute;
	top: 168px;
	left: 0;
	width: 260px;
	height:  168px;
	}
.thumbnail3-3 {
	position: absolute;
	top: 336px;
	left: 0;
	width: 260px;
	height:  168px;
	}
	
.thumbnail1-4v {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height:  126px;
	}
.thumbnail2-4v {
	position: absolute;
	top: 126px;
	left: 0;
	width: 260px;
	height:  126px;
	}
.thumbnail3-4v {
	position: absolute;
	top: 252px;
	left: 0;
	width: 260px;
	height:  126px;
	}

.thumbnail4-4v {
	position: absolute;
	top: 378px;
	left: 0;
	width: 260px;
	height:  126px;
	}

/* style to overlay the key on top of the thumbnails */

.gridkey {
	position: absolute;
	top: 2px;
	left: 4px;
	color: #333;
	z-index: 100;
	}

.viewallkey {
	position: absolute;
	top: 2px;
	left: 4px;
	color: #a2a2a2;
	z-index: 100;
	}

.debug {
	position: absolute;
	top: 2px;
	left: 4px;
	color: #000;
	z-index: 100;
	}

.gridphoto_note {
	position: absolute;
	top: 150px;
	left: 4px;
	color: #fff;
	z-index: 100;
	}


/* UGLY SPACER HACKS */
	
.spacer {
	clear: both;
	height: 1px;
	font-size: 1px;	
	}
.spacer5 {
	clear: both;
	height: 5px;
	font-size: 1px;	
	}		
.spacer10 {
	clear: both;
	height: 10px;
	font-size: 1px;	
	}	
.spacer15 {
	clear: both;
	height: 15px;
	font-size: 1px;	
	}	
/* product page invisible divs */

	#nextAll {
		display: none;
	}
	#nextSort1 {
		display: none;
	}
	#nextSort2 {
		display: none;
	}
	#nextSort3 {
		display: none;
	}
	#nextSort4 {
		display: none;
	}
	#nextSale {
		display: none;
	}

	#available {
		display: none;
	}
	#availablesoon {
		display: none;
	}
	#backorder {
		display: none;
	}
	#possiblyavailable {
		display: none;
	}
	#unavailable {
		display: none;
	}
	#moreinformation {
		display: none;
	}
	
	#contactitem {
		display: none;
	}

	#selectsize {
		display: none;
	}

	#photounavailable {
		display: none;
	}
	#preorder {
		display: none;
	}	

	#contactitemjewelry {
		display: none;
	}
	
	#orderconfirmation {
		display: none;
	}
	
	#printlogo {
		display: none;
	}