body.site { margin:0px; background-color:white; background-image:url('images/gold-light.jpg'); }
body.admin { margin:0px; background-color:white; }
.montage { position:absolute; top:0px; left:0px; width:100%; height:272px; text-align:left; background-image:url('images/home-header-bg.jpg'); background-repeat:repeat-x;}
.top-nav-home { position:relative; width:862px;  height:48px; }
.top-nav { position:relative; width:100%;  height:48px; background-image:url('images/gold.jpg');}
.top-nav-admin { position:relative; width:100%;  height:48px; background-image:url('images/grey.jpg'); }
.footer-nav-home { position:absolute; top:650px; left:0px; width:100%; height:18px; background-image:url('images/gold.jpg'); background-repeat:repeat-x; }
.footer-nav { width:100%; height:18px; background-image:url('images/gold.jpg');  background-repeat:repeat-x; }
.footer-links { padding-left:90px; }
.catalog { position:absolute; top:262px; left:0px; width:610px; height:375px; }
.catalog img {}
.catalog-text { position:absolute; top:228px; left:0px; width:265px; }
.footer-text { width:862px; height:100px; font: normal 10px Verdana; text-align:center; padding-top:10px; }

/* ! Column positions and widths  */
.home-callout { background-color:white; width:428px; height:378px; } /* width:259 */
.col-1 { position:absolute; left:754px; padding-left:4px;}
.col-1 .catalog-text { left:4px; width:261px;  }
.col-2 { position:absolute; left:0px; padding-left:21px; } /* left:305 */
.col-2 .catalog-text { left:21px; width:244px;  }
.col-3 { position:absolute; left:315px; } /* left:610 */

.col-1, .col-2 { top:-10px; }

/* this column currently hidden */
.col-4 { position:absolute; left:870px; } 

.bright { border-right:solid #DEC9AC 1px; }
.bleft { border-left:solid #DEC9AC 1px; }
.columns { position:relative; top:224px; left:0px; background-color:white; width:100%; height:378px; }
.column-content { padding:15px 20px 10px 20px; font: normal 10px/13px Verdana; color:#666666; }
.catalog .column-content { font: normal 12px/17px Verdana;}

.col-1 .column-content, 
.col-2 .column-content { font: normal 12px/17px Verdana;}

.callout-left {
	display:block;
	height:52px;
	background: #93131E;
	color:#fff !important;
	padding:10px 20px;
	font-size:12px;
	line-height:17px;
	position:relative;
	}
.callout-left span {
	font-size:16px;
	}
.callout-left .left-bg {
	position:absolute;
	display:block;
	width:40px;
	height:72px;
	background:transparent url('images/callout-left-bg.png') 0 0 no-repeat;
	left:-30px;
	top:0px;
	}
	
.callout-right {
	display:block;
	height:52px;
	background: #EBDECD;
	color:#000 !important;
	padding:10px 20px;
	font-size:12px;
	line-height:17px;
	position:relative;
	}
.callout-right span {
	font-size:16px; 
	}
.callout-right .right-bg {
	position:absolute;
	display:block;
	width:40px;
	height:72px;
	background:transparent url('images/callout-right-bg.png') 0 0 no-repeat;
	right:-30px;
	top:0px;
	}
	
.callout-left:hover, .callout-right:hover {
	text-decoration:none;
	}
.callout-left:hover { background:#A3333E; }
.callout-left:hover .left-bg { background-position:-40px 0px; }
	
.callout-right:hover { background:#FbEEDD; }
.callout-right:hover .right-bg { background-position:-40px 0px;	}

.column-content p { margin:10px 0 0 0; }
.column-content img.pad { margin:5px 0 0 0; }
a { text-decoration:none; color:blue; }
a:hover { text-decoration:underline; }
a:visited { color:blue; }
.ship { font: bold 13px/16px Verdana; color:black; padding:10px; background-color: #ebdecd; display:block; border-top: 1px solid #bc9258; margin-top: 5px;}
.titlebar-bg { background-image:url('images/titlebar.jpg'); height:69px; background-repeat:no-repeat; background-color:#a8a8a8; border-bottom:solid #BD9359 1px;}
.titlebar-bg-admin { background-image:url('images/titlebar.jpg'); height:69px; background-repeat:no-repeat; background-color:#a8a8a8; border-bottom:solid #666666 1px;}
.titlebar { padding-left:197px; }
.title-text { padding:30px 0px 0px 219px; font: bold 18px Verdana; color:black; }
.col-quote { position:relative; top:0px; left:0px; background-color:white; width:200px; border-right:solid #DEC9AC 1px; vertical-align:top; padding:0px; }
.col-quote.no-pad { padding:0; }
.col-quote-admin { position:relative; top:0px; left:0px; background-color:white; width:200px; vertical-align:top; padding:0px; }
.col-text { padding:30px 20px 30px 20px; }
.floatright { float:right; margin:0px 10px 10px 10px; clear:right; }
.col-body-full { background-color:white; padding: 30px 20px 20px 20px; font: normal 10px/15px Verdana; color:#666666; vertical-align:top; width:662px; }
.col-body { background-color:white; padding: 30px 20px 50px 20px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; width:580px; border-right:solid #DEC9AC 1px;}
.col-body-admin { background-color:white; padding: 30px 20px 20px 20px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; width:580px; border-right:solid #DEC9AC 1px;}
.col-body-no-margin { background-color:white; padding: 0px 0px 0px 0px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; width:580px; border-right:solid #DEC9AC 1px;}
.col-body-small-top-margin { background-color:white; padding: 10px 20px 50px 20px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; width:580px; border-right:solid #DEC9AC 1px;}
.col-body-small-topbottom-margin { background-color:white; padding: 10px 20px 20px 20px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; width:580px; border-right:solid #DEC9AC 1px;}
.col-body-secondary { background-color:white; padding: 10px 20px 20px 20px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; width:580px; border-right:solid #DEC9AC 1px;}
.col-body-qty { background-color:white; padding: 30px 20px 20px 20px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; width:580px; }
.sizechart td { font: normal 10px/16px Verdana; color:#666666; border-bottom:solid #F0F0F0 1px; padding:2px 0px 2px 5px; }
.sizechart td.dark-top { font: normal 10px/16px Verdana; color:black; border-bottom:solid #cccccc 1px; padding:2px 0px 2px 5px; }
.sizechart td.dark { font: normal 10px/16px Verdana; color:#666666; border-bottom:solid #cccccc 1px; padding:2px 0px 2px 5px; }
.sizechart td.header { font: bold 10px/16px Verdana; color:white; background-image:url('images/gold.jpg');  padding:2px 0px 3px 5px; }

.label { font: bold 10px/13px Verdana; color:#8D6538; padding-right:20px; vertical-align:top; }
.login { border:solid #DEC9AC 1px; }
.login td { padding:10px 10px 0px 10px; }

.q { font: bold 12px/16px Verdana; color:#BD9359; }
.a { padding:5px 10px 20px 20px;}

.notice { font: normal 10px/14px Verdana; color:black; }
.content { background-color:white; }
.footer { background-image:url('images/gold-light.jpg'); }
.gold { font-weight: bold; color:#8D6538; }
.black { color:black; }
.black-normal { color:black; font: normal 12px/16px Verdana;}
.grey { color:#666666; }
.error { color:red; font-weight:bold; } 
.warning { color:black; font-weight:normal; }
.usps-warning { background-color: orange; padding:5px 10px; margin: 0 0 20px 0;}
.warning-message { color:black; font-weight:normal; }
.usps-address { background-color:white; padding:5px; margin:0 10px; }

li { color: #BD9359; }
ol.grey { padding-left:0px; margin-left:23px; margin-top:0px; padding-top:0px; }
ol.grey li { color: #666666; }
td { font: normal 10px/16px Verdana;  color:#666666;}
.divider-bar { padding: 0px 20px 0px 20px; border-top:solid #DEC9AC 1px; vertical-align:top; background-image:url('images/gold-light.jpg'); font: bold 10px/16px Verdana; color:black; }
.asterisk { color: red; }

.contact td { padding:0px 0px 7px 0px; vertical-align:top; }
input, textarea { width:200px; }
input.narrow { width:120px; }
input.short { width:60px; }
input.state { width: 30px; }
input.go { width: 40px;}
select.addr-select { width: 180px; margin: 0 10px 0 0;}

/* Safari hack (I know, either I stink or tables stink or both) */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	p.p-select { margin: 0}
}

/* IE hacks */
p.p-select { _margin-top: -1px}
form { _margin: 0; _padding: 0;}

input.r { width:15px; }
input.button { width:92px; }
input.full { width:180px; }
input.log-input{ width: 94px; height: 48px;}
.btn { width:50px; }

.date { font-weight: bold; color:#8D6538; }

.col-quote a { margin: 0 0 0 18px; }

.col-sidebar { position:relative; top:0px; left:0px; background-color:white; width:260px; padding: 30px 20px 20px 20px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; }
.col-sidebar.no-pad { padding:0; }
.col-sidebar.no-top-pad { padding-top:0; }
.col-sidebar-admin { position:relative; top:0px; left:0px; background-color:white; width:160px; padding: 30px 20px 20px 20px; font: normal 10px/16px Verdana; color:#666666; vertical-align:top; }
.policy-title { font: bold 11px/16px Verdana; color:#BD9359; padding-top:20px; }

.username { width:697px; padding:20px 0px 0px 0px; text-align:right; font: bold 11px/16px Verdana; color:white; }

.instruct { font: bold 12px/16px Verdana; color:#BD9359; padding:10px 0px 10px 0px; }
.error-text { font: bold 12px/16px Verdana; color:red; padding:10px 0px 10px 0px; }

.ship-date { position:absolute; top:63px; left:650px; font: normal 10px/13px Verdana; }
.order-date { font: bold 13px/16px Verdana; color:black; }

.stepnum { font: bold 12px Verdana; color:black; }
.stepdesc { color: #BD9359; font: bold 12px/16px Times; }
.order-sidebar { padding: 0px 20px 30px 20px; font: normal 10px/18px Verdana; }
.goldserif { color: #BD9359; font: normal 11px/14px Times; }

.change-links {color: black; font-size: 11px; padding:15px 15px 5px 15px; }

.col-quote .change-links p,
.change-links p { 
	margin: 3px 0 0 3px; padding:0; 
}

ul.checkboxes { color: #BD9359; list-style-image: url('images/checkbox.gif'); }
ul.checkboxes li { padding-bottom:10px; }

.steps { position:absolute; top:34px; left:225px; }
.step-sel   { color:black; font: bold 11px Verdana; text-align:center; }
.step-unsel { color:white; font: bold 11px Verdana; text-align:center; }

.add-form { border:solid #DEC9AC 1px; padding:5px; }

table.summary td { background-color:#ffffff; padding:0px; }
table.summary-under td { background-color:#ffffff; border-bottom: solid 1px black; padding:0px; font-weight:bold;}
table.summary-over td { background-color:#ffffff; border-top: solid 1px black; padding:0px; font-weight:bold;}
table.summary-solid td { background-color:#cccccc; padding:0px; font-weight:bold; color:black; }
table.summary-hilite td { background-color:#dedede; padding:0px; font-weight:bold;}
table.summary-bold td { background-color:#ffffff; padding:0px; font-weight:bold; color:black; }
table.confirm td { background-color:#ffffff; vertical-align:top; }
table.confirm td.title { background-color:#ccc; font-weight:bold; color:#333; line-height: 3em; font-size: 12px; text-shadow: -1px -1px 0px #eee; }
table.confirm td.content { padding:10px 0px 10px 0px; vertical-align:top; } 
.style { width:100px; }

table.order-summary td { color:black; }

.solid { background-color:#cccccc; padding:0px; font-weight:bold;}
table.order-summary td.bar-top-thick { background-color:black; color:white; padding:1px 2px 1px 2px; }
.bar-top { border-top: solid 1px black; }
.bar-dotted { border-top: dotted 1px black; }

table.summary-solid td.due { color:white; background-color:black; padding:1px 2px 1px 2px; }

.popup { padding:10px; font: normal 10px/15px Verdana; }
.popup-title { font: bold 13px/16px Verdana; color:black; }

table.confirmation td { padding-bottom:5px; }

h2 { color: #8D6538; font: bold 16px Times New Roman, serif; margin:0; padding:0; }
p.topzero { margin-top:0; }

/* home page animation cross-fade */
#home-slides { margin: 0; width: 862px; height: 272px; position: relative; }
#h1, #h2 { width: 862px; height: 272px; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat;}
#h1 { z-index: 0; }
#h2 { z-index: 0; }

#udma { background-color:white; position:absolute; top: 400px; left: 820px; width: 310px; height: 230px; }

/* updates to overview page */
.main, .sidebar { font: normal 10px/16px Verdana; color:#666666; vertical-align:top; }
.content-wrap { width:800px; }

.main strong { color:black; }

.sidebar { display:block; float:left; width: 199px; padding:10px 0; }
.sidebar h4 { margin:0; padding:0; text-align:center; text-transform:uppercase; font-weight:normal; word-spacing:1px; font: normal 10px/16px Verdana; color:#666666;  }
#costume-categories { list-style-type:none; display:block; width:163px; margin:0px auto; padding:0px; }
#costume-categories li { display:block; height:69px; width:163px; margin-bottom:4px; position:relative; }
#costume-categories h5 { display:block; width:85px; position:absolute; bottom:10px; left:8px; font: normal 10px/16px Verdana; color:#000; margin:0; padding:0; word-spacing:-2px;  }
	/* costume category images */
	#costume-categories .item-1 { background:url(images/costume-cat1.jpg) top left no-repeat; }
	#costume-categories .item-2 { background:url(images/costume-cat2.jpg) top left no-repeat; }
	#costume-categories .item-3 { background:url(images/costume-cat3.jpg) top left no-repeat; }
	#costume-categories .item-4 { background:url(images/costume-cat4.jpg) top left no-repeat; }
	#costume-categories .item-5 { background:url(images/costume-cat5.jpg) top left no-repeat; }
	#costume-categories .item-6 { background:url(images/costume-cat6.jpg) top left no-repeat; }
	#costume-categories .item-7 { background:url(images/costume-cat7.jpg) top left no-repeat; }
	#costume-categories .item-8 { background:url(images/costume-cat8.jpg) top left no-repeat; }

.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.image-replace { display:block; text-indent:-9999px; padding:0; }


.main { display:block; float:left; width:588px; border:1px solid #e8c8ab; border-width:0 1px; position:relative; }
.col-content { padding:0 20px; width:350px; } 
.main .item-1 { padding-bottom:10px; position:relative;}
.main .item-2 { padding-bottom:40px; min-height:380px; }
.main .col-wrap { position:relative; }
#new-in-twenty-eleven { width:588px; height:150px; background:white url(images/new-in-2011.jpg) top left no-repeat; }

#sizing-sets { position:absolute; top:165px; right:24px; } 
#style-number-breakdown { position:absolute; top:-3px; left:0px; } 
#star { float:right; margin-top:-15px; } 
.col-quote { width: 205px; }
.col-quote p { padding:20px 20px 0; }
.col-quote strong { color:black; }
.col-quote p a { font-weight:bold; margin-left:0; }

#catalog-note { position:absolute; top: 260px; left: 810px; width: 290px; background-color: #BD9359; border-width:1px; border-style: solid; border-color: #DEC9AC; padding:15px; font: normal 11px/16px Verdana; color:#fff; z-index:100;}

.text_shadow {
	text-shadow: 1px 1px 2px #111; 
}

.box_shadow { 
     -moz-box-shadow: 0px 0px 6px #666; 
  -webkit-box-shadow: 0px 0px 6px #666; 
          box-shadow: 0px 0px 6px #666; 
          -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
              filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.box_round {
     -moz-border-radius: 12px; 
  -webkit-border-radius: 12px; 
          border-radius: 12px; 
}

.box_gradient {
  background-color: #665544;
  background-image: -moz-linear-gradient(top, #665544, #BD9359); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #665544),color-stop(1, #BD9359)); 
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#665544, endColorstr=#BD9359, GradientType=0); 
}

#facebook {
	position:absolute;
	top: 7px;
	left: 920px;  /* 990 */
	z-index:1;
	color: white;
	text-decoration: none;
	font: bold 11px 'Times New Roman',serif;
	letter-spacing: 1.5px;
	padding: 5px 0 0 0;
}

#facebook img {
	margin:-5px 0 0 5px;
	vertical-align:middle;
}

#facebook:hover {
	color: black;
}
.step-list {
	padding-top: 15px;
}

.step {
	float: left;
	width: 85px;
	margin: 0 0px 0 0px;
	background-color: #eee;
}
.step.current {
	background-color: #ddd;
	border-bottom: 2px solid #333;
}
.step.current  div {
	background-color: #ccc;
}

.step div {
	font-weight: bold;
	color: #333;
	background-color: #ddd;
	padding: 2px 0 2px 5px;
}
.step p {
	margin:5px;
	padding:0;
	height: 6.5em;
}
.step div.thispage {
	background-color: white;
	color: #666;
	font-weight: normal;
	font-size: 9px;
	text-align:center;
	margin:0;
	padding:0;
}
div.next {
	float: left;
	width: 15px;
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #bc9258;
}

/* buttons to add items to quantity page */

.add-styles { 
	margin-left: 24px;
}
.col-quote a.new-button {
	margin:0;
}
a.new-button {
	display: inline-block;
	background-color: #bc9258;
	padding: 2px 10px;
	   -moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	        border-radius: 3px; 
	color: white;
	font-weight:bold;
	border: 1px outset #555;
     -moz-box-shadow: inset -3px -3px 3px #9a7036; 
  -webkit-box-shadow: inset -3px -3px 3px #9a7036; 
          box-shadow: inset -3px -3px 3px #9a7036; 
}
a.new-button:hover {
	text-decoration: none;
	background-color: #cda369; /* darker: #ab8147; */
	text-shadow: -1px -1px 0px #888;
	border: 1px inset #555;
     -moz-box-shadow: inset 3px 3px 3px #ab8147; 
  -webkit-box-shadow: inset 3px 3px 3px #ab8147; 
          box-shadow: inset 3px 3px 3px #ab8147; 
}
.add-styles {
	margin-bottom: 10px;
	margin-top: 10px;
}

.qty-instructions { font-size:14px; }

a.inline { 
	color: white !important;
	text-shadow: -1px -1px 0px #888	;
	display: inline-block;
	background-color: #bc9258;
	padding: 2px 10px;
	   -moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	        border-radius: 3px; 
	font-weight:bold;
	border: 1px outset #555;
	margin: 5px 0;
	line-height: 1.7em;
	font-size:11px;
	vertical-align: middle;
     -moz-box-shadow: inset -3px -3px 3px #9a7036; 
  -webkit-box-shadow: inset -3px -3px 3px #9a7036; 
          box-shadow: inset -3px -3px 3px #9a7036; 
}
a.inline:hover {
	text-decoration: none;
	background-color: #cda369; /* darker: #ab8147; */
	text-shadow: -1px -1px 0px #888;
	border: 1px inset #555;
     -moz-box-shadow: inset 3px 3px 3px #ab8147; 
  -webkit-box-shadow: inset 3px 3px 3px #ab8147; 
          box-shadow: inset 3px 3px 3px #ab8147; 
}
h3.side,
h1.side {
	color: #aaa; /* efc58b; deb47a; cda389; bc9258; ab8147; 9a7036; */
	font: normal 20px/24px 'Georgia';
	text-shadow: 0px 1px 0px #666;
	margin:0;
}
img.side {
	position:relative;
	left:-15px;
	top: -10px;
	padding:0;
}