/* CSS for regular Browsers like Mozilla, Opera, etc. */

html, body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: rgb();
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	}

/* LAYOUT */


/* header style */	
h1 {
	color: rgb(51,51,51);
	font-weight: bold;	
	font-size: 12px;
}

/* regular text styles */
.textstyle_bodytext {
	color: rgb(102, 102, 102);
	font-size: 11px;
}
	
/* centers divs and tables in browser window */	
/*.center
{
text-align: center;	
}

.center table
{
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
text-align: left;
}
*/

.centered_div
{ 
text-align: center;
}

.centered_table
{ 
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
text-align: left;
}

.leftaligned_table
{ 
margin-top: auto;
margin-bottom: auto;
text-align: left;
}

	
#wrapper {
	position: absolute;
	width: 780px;
	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;	
	}
.centerrightcols {
	position: absolute;
	margin-left: 15px;
	margin-top: 13px;
	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;
	}
.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;
	}
.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 {
	color: #990099;
	text-decoration: none;
	}

/*
a:hover {
	color: #fff;
	}
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;
	vspace: 0;
    hspace: 0;
}
	
/* for the pagination arrows, move them over. */

.arrows {
	margin-left: 6px;
	width: 40px;
	height: 12px;
	vertical-align: -3px;
	}
	
/* CONTENT REGIONS */
.arts_and_fashion_galas {
	position: relative;
	top: 154px;
	left: 380px;
	width: 294px;
	height: 21px;
}

.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: 430px;
	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;
	}	
	
/* 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: 0px;
	border-right:  0px;
	border-bottom: 0px;
	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: 471px; /* this setting is overwritten below for Mac IE*/
	height: 416px;
	overflow: auto;
	padding-top: 0px;
 	padding-right: 0px; /* value for Mac IE, real value for other browsers below */
	padding-left: 0px;
	padding-bottom: 0px;
	color: #333333 /* AJa 20050403: set the new text color */
 	}
.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: 471px; }
/* \ 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.borderbutton {
	padding: 2px;
	spacing: 0px;
	border: 1px;
	cursor: hand;
	cursor: pointer;
	border-color: #a2a2a2;
	border-style: solid;
	font-size: 10px;
}

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

/* \ 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: 118px;
	line-height: 15px;
	}
.right {
	width: 62px;
	margin-right: 5px;
	float: right;
	text-align: right;
	line-height: 15px;
 	}
.rulebelowelastic .leftright {
	line-height: 20px;
	padding-bottom: 5px;
	}
.rulebelowelastic .right {
	width: 102px;
	}

	
/* 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;
	}

/* 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 {
	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: 10px;
	height: 15px;
	margin: 0;
	padding: 0;
	background-color: #999;
	}
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: 10px;
	border: 1px;	
	margin: 0;
	padding: 0;
	background-color: #999;
	}
input {
	font-family: verdana;
	border: 0px;
	font-size: 10px;
	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: 10px;
	}

/* 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;
	}

.lightbox19 {
	position: absolute;
	left: 6175px;
	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;
	}

.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;
	}
	
/* style to overlay the key on top of the thumbnails */

.gridkey {
	position: absolute;
	top: 2px;
	left: 4px;
	color: #333;
	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;	
	}