/* $Id */

body
{
	line-height: 16px;
}

/* hn.css overrides */
a.weeBrown
{
	font-size: 10px;
	font-weight: normal;
	color: #684F40;
}

.titleBrown.white
{
	color: white;
}

td.leftColumn01
{
	background-color: #e6eff0;
	padding-top: 12px;
}

td.leftColumn01, td.leftColumn01 a, td.leftColumn01 .titleBrown
{
	color: #4e6172;
	letter-spacing: 0;
}

.leftIndent
{
	margin: 0 0 7px;
	padding-left: 18px;
}

td.leftColumn01 p.leftIndent.odd
{
	background-color: #dae7e9;
}

td.leftColumn01 p.leftIndent
{
	margin-bottom: 2px;
}

a.cardType
{
	display: block;
}

a.cardType.even
{
}

a.cardType.current
{
}

a.cardType div
{
}

a.cardType:hover
{
}

a.cardType img
{
}

a.cardType:hover img
{
}

a.cardType div
{
}

#site
{
	background-image: url(/shop/images/background-site.gif);
	background-repeat: repeat-y;
	width: 782px;
	padding: 0 13px 0 11px;
	border: 0px solid black;
}

div.error
{
	border: 2px solid #cf7454;
	background-color: #ded4c8;
	padding: 8px;
	padding-left: 42px;
	background-image: url(/shop/images/stop.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	margin-bottom: 24px;
	width: 532px;
	min-height: 24px;
}

div.error.smaller
{
	width: 300px;
}

div.content
{
	margin-left: 22px;
	margin-right: 100px;
	padding: 10px 0;
	padding-top: 12px;
	color: #684F40;
}

div.content.noTop
{
	padding-top: 0;
}

div.noRight
{
	margin-right: 22px;
}

td.rightColumn01
{
	padding-bottom: 10px;
	padding-top: 22px;
}

td.rightColumn01
{
	padding-top: 0;
}

td.rightColumn03
{
	padding-top: 12px;
	padding-bottom: 10px;
	height: 155px;
}

div.largeBrown
{
	margin-top: 10px;
	margin-bottom: 20px;
}

div.regBrown
{
	margin-top: 6px;
	padding-top: 8px;
	margin-bottom: 14px;
	clear: left;
}

#classic div.regBrown
{
	border-top-style: none;
	margin-bottom: 8px;
}

#petite div.regBrown
{
	margin-bottom: 6px;
}

div.regBrown a
{
	color: #684F40;
}

div.thumb
{
	float: left;
	margin-left: 16px;
	margin-bottom: 24px;
}

#petite div.thumb
{
	margin-bottom: 12px;
}

#classic div.thumb
{
	margin-left: 44px;
}

div.thumb.first, #classic div.thumb.first
{
	margin-left: 0;
}

div.thumb img
{
	border: 1px solid #684F40;
}

div.thumb.noborder img, div.thumb.noborder a:hover img
{
	border-style: none;
}

div.thumb a:hover img
{
	border: 1px solid #9D8474;
}

div.thumb a, div.thumb a:visited
{
	color: #6A5142;
	display: block;
	text-decoration: none;
	margin-top: 1px;
	font-size: 10px;
	margin-bottom: 2px;
	white-space: nowrap;
}

div.thumb a:hover
{
	text-decoration: underline;
	color: #9D8474;
}

td.divider
{
	background-color: white;
	height: 8px;
}

div.rightStep
{
	float: right;
	width: 130px;
	padding-right: 20px;
	white-space: no-wrap;
	margin-bottom: 12px;
	margin-left: 24px;
}

div.rightStep div.titleBrown
{
	margin-bottom: 6px;
}

td.rightColumn01.fullWidth
{
	width: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#card
{
	display: block;
	background-repeat: no-repeat;
}

#cardList
{
	color: #684F40;
}

#cardList a
{
	display: block;
	width: 36px;
	float: left;
	margin-top: 28px;
}

#cardList a.goLink
{
	width: auto;
	white-space: nowrap;
	font-size: 12px;
	margin-top: 0;
	float: none;
}

#cardList a.goLink.left
{
	clear: none;
	float: left;
}

#cardList a.contact
{
	display: inline;
	font-weight: bold;
	float: none;
}

#cardList img:hover, #cardList span:hover
{
	cursor: pointer;
}

#leftColumnContent
{
	overflow: hidden;
}

#debug
{
	position: absolute;
	top: 0;
	height: 48px;
	background-color: #dddddd;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.cardSelector
{
	float: left;
	width: 100px;
	margin-right: 18px;
	margin-top: 12px;
	margin-bottom: 18px;
}

div.cardSelector span
{
	font-weight: bold;
	font-size: 11px;
}

div.cardSelector img
{
	display: block;
	border: 1px solid #bab6ae;
}

div.cardSelector img:hover
{
	border: 1px solid #98a5a2;
}

div.cardSelector span:hover
{
	text-decoration: underline;
}

div.cardSelector div.quantity
{
	margin-top: 12px;
}

div.cardSelector div.quantity span
{
	font-weight: normal;
}

/* sampler-specific */
div.cardSelector.sampler
{
	width: 223px;
	margin-right: 0;
	margin-top: 12px;
	padding: 2px 6px;
	margin-left: 18px;
}

div.cardSelector.sampler img, div.cardSelector.sampler img:hover
{
	border-style: none;
}

div.cardSelector.sampler div.quantity
{
	margin-top: 8px;
}

div.cardSelector.sampler div.samplerText
{
	float: right;
	font-size: 10px;
	margin-right: 0;
	text-align: justify;
	width: 100px;
	color: #666;
	line-height: 13px;
}

div.cardSelector.sampler div.samplerText h2
{
	font-size: 10px;
	color: #684F40;
	margin: 0;
}

#cardList div.cardSelector.sampler img:hover, #cardList div.cardSelector.sampler span:hover
{
	cursor: default;
}

div.cardSelector.sampler span:hover
{
	text-decoration: none;
}

#classicSelector #cardOptions
{
	color: #625350;
}

#classic #cardOptions
{
	width: 264px;
	text-align: left;
	float: right;
	margin-right: 18px;
	margin-top: 26px;
	font-size: 11px;
}

#cardOptions a.contact
{
	font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#personalize
{
	font-size: 12px;
	width: 590px;
	margin: 12px 0;
	color: #684F40;
}

#personalize h1
{
	display: inline;
}

#personalize h1, #confirm h1, #payment h1, #cardStylesHeader h1
{
	font-size: 13px;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 6px;
}

#personalize div.question
{
	margin-bottom: 6px;
}

#personalize a
{
	text-decoration: none;
	color: #5b4538;
}

#personalize a:hover
{
	text-decoration: none;
}

#personalize input[type=radio]
{
	/*margin-left: 24px;*/
}

#personalize div.question a
{
	margin-left: 6px;
	font-weight: bold;
}

#personalizeStep1, #personalizeStep2, #cardStyles
{
	display: none;
}

#cardOptions
{
	font-size: 9px;
	width: 590px;
	text-align: center;
	margin-top: 6px;
}

#classic #personalizeTypeOptions
{
	width: 100%;
}

#personalizeTypeOptions
{
	margin-left: 22px;
}

#cardStyles
{
	clear: left;
	width: 590px;
}

#classic #cardStyles
{
	width: 100%;
}

#cardStyles td
{
	white-space: nowrap;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

input, select
{
	height: auto;
}

#orderSummary
{
	width: 280px;
}

#orderSummary, #customerInfo, #moneris
{
	border-collapse: collapse;
	margin-bottom: 18px;
}

#orderSummary th, #orderSummary td
{
	border: 1px solid #CAC1B6;
	padding: 4px;
}

#orderSummary th, #customerInfo th, #moneris th
{
	font-size: 12px;
	text-align: left;
	background-color: #BBB3A8;
	/*background-image: url(/shop/images/background-ordersummary-tr-set.gif);*/
	background-repeat: repeat-x;
}

#orderSummary th.quantity, #orderSummary td.quantity
{
	text-align: center;
}

#orderSummary th.price, #orderSummary td.price
{
	text-align: right;
}

#orderSummary tr.set td
{
	background-color: #ded4c8;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	background-image: url(/shop/images/background-ordersummary-tr-set.gif);
	background-repeat: repeat-x;
}

#orderSummary tr.set td a.delete
{
	float: right;
	border-style: none;
	padding-right: 20px;
	background-image: url(/shop/images/trash.png);
	background-position: top right;
	background-repeat: no-repeat;
	line-height: 16px;
}

#orderSummary tr.subtotal td
{
	background-color: #ded4c8;
	font-weight: bold;
}

#orderSummary tr.subtotal.odd td
{
	background-color: #cac1b6;
}

#orderSummary td img
{
	border: 1px solid #CAC1B6;
}

#thanks #orderSummary
{
	width: 100%;
}

#customerInfo, #moneris
{
	border: 1px solid #CAC1B6;
	width: 430px;
}

#thanks #customerInfo, #thanks #moneris, #thanks #phone
{
	width: 100%;
}

#customerInfo td, #customerInfo th, #moneris td, #moneris th, #phone td, #phone th
{
	padding: 3px;
}

#customerInfo tr.odd td, #moneris tr.odd td
{
	background-color: #ded4c8;
}

#customerInfo tr.buttons td
{
	border-top-color: #CAC1B6;
	border-left-style: none;
}

#customerInfo tr.test td
{
	background-color: #deb7a4;
}

#customerInfo tr.error td
{
	background-color: #deb7a4;
}

#customerInfo tr.odd.error td
{
	background-color: #cfab99;
}

#customerInfo td.error
{
	background-image: url(/shop/images/field-error.png);
	background-repeat: no-repeat;
	background-position: center right;
}

#confirmInformation
{
	display: none;
}

#confirmInformation > td
{
	background-color: #88B6BB;
	background-image: url(/shop/images/background-confirm.gif);
	background-repeat: repeat-x;
	border: 3px solid white;
}

#confirmInformation td h1
{
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 4px;
	text-align: center;
	text-shadow: #5D8E94 1px 1px 2px;
}

#thanks
{
	margin-right: 24px;
}

#customerInfo td label, #moneris td label
{
	color: #666;
}

label
{
	cursor: pointer;
}

label.error
{
	color: #c00;
}

#processing, div.processing
{
	position: absolute;
	width: 400px;
	height: 230px;
	background-image: url(/shop/images/processing-order.png);
	visibility: hidden;
}

#processing img, div.processing img
{
	margin-left: 176px;
	margin-top: 96px;
}

#personalizeTypeOptions
{
	margin-top: 6px;
	border: 1px solid #cfc8b7;
	padding: 8px;
	background-color: #D8D4CB;
	display: none;
}

#personalizeTypeOptions h1
{
	margin-top: 0;
	margin-bottom: 12px;
}

#personalizeTypeOptions h1 select
{
	font-size: 14px;
}

#personalizeTypeOptions p
{
	margin-bottom: 6px;
}

#cardStyles table
{
	border: 1px dotted #cfc8b7;
	width: 100%;
}

#cardStyles td
{
	padding: 3px;
}

#cardStylesHeader h1
{
	padding-left: 24px;
	background-image: url(/shop/images/crown.gif);
	background-repeat: no-repeat;
	line-height: 18px;
}

#eventDetails
{
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #cdc9c1;
	padding-left: 24px;
}

table.icons tr td
{
	text-align: center;
	padding: 4px;
}

table.icons tr.borderBottom td
{
	border-bottom: 1px solid #BAB6AF;
}

table.icons tr.radios td
{
	padding-top: 0;
}

table.icons tr.radios td input, table.icons a
{
	margin: 0;
}

#shoppingCart
{
	margin-left: 14px;
	margin-top: 6px;
}

#phone
{
	border: 3px solid #333;
	background-color: #88B6BB;
	background-image: url(/shop/images/background-confirm.gif);
	background-repeat: repeat-x;
	color: #333;
}

#phone th
{
	color: white;
	background-color: #659BA1;
	border-bottom: 3px solid #333;
	padding: 4px;
	font-size: 13px;
}

#phone td
{
	text-align: center;
	font-size: 12px;
}

#typesetters
{
	display: none;
	float: right;
	width: 115px;
	margin: 25px 0;
	margin-top: 4px;
	padding: 4px;
	font-size: 10px;
	color: #999;
	line-height: 13px;
}

#typesetters h2:first-child
{
	margin-top: 0;
}

#typesetters h2
{
	font-size: 10px;
	margin-bottom: 0;
	color: #684F40;
}

#typesetters a
{
	white-space: nowrap;
}

#typesettersMore
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 420;
	background-color: #88B6BB;
	background-image: url(/shop/images/background-confirm.gif);
	background-repeat: repeat-x;
	border: 3px solid #eee;
	padding: 12px;
	width: 300px;
	display: none;
}

#typesettersMore h2
{
	margin-top: 0;
}

#typesettersMore p
{
	margin-bottom: 0;
	margin-top: 12px;
}

#typesettersMore a
{
	font-weight: bold;
	color: white;
}

#etiquette
{
	float: right;
	margin-right: 15px;
	margin-top: 16px;
}

#refresh
{
	background-image: url(/shop/images/refresh.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 16px;
	height: 16px;
	display: block;
	width: 80px;
}

#quantities
{
	float: right;
	clear: right;
	margin-top: 48px;
	margin-right: 18px;
}

#links
{
	width: 100%;
	clear: both;
}

#links img:hover
{
	cursor: default;
}


div.footer
{
	margin-bottom: 18px;
}

td.petitePadding
{
	padding-right: 96px;
}

#pager
{
	clear: both;
	text-align: right;
	margin-top: 12px;
	font-size: larger;
	color: #cbc3b9;
}

#pager a, #pager span
{
	margin-left: 4px;
}

#pager a
{
	color: #514a41;
}

#pager a:hover
{
	color: #684F40;
}

#steps
{
	background-color: #d8d4d3;
	background-image: url(/shop/images/steps-background.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 4px;
	height: 18px;
	padding-left: 22px;
	line-height: 18px;
	border-bottom: 8px solid white;
	text-align: right;
	text-transform: lowercase;
}

#steps span, #steps a
{
	color: white;
	line-height: 18px;
	font-size: 12px;
	margin-left: 48px;
}

#steps a.current, #steps span.current
{
	margin-right: 14px;
	line-height: 20px;
	background-image: url(/shop/images/steps-check.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 18px;
	color: #a4aeb8;
}

#steps span.cart a
{
	text-transform: uppercase;
	font-weight: bold;
	color: #625350;
	margin-right: 12px;
	font-size: 10px;
	margin-left: 0px;
}

#classicSelector
{
	float: left;
	width: 264px;
	margin: 10px 0 25px 0;
	padding: 10px;
	font-size: 11px;
}

#classicSelector h1
{
	font-size: 12px;
}

#classicSelector p
{
	margin-top: 18px;
	margin-bottom: 0;
}

#classicSelector a
{
	white-space: nowrap;
}

#classicCard
{
	float: left;
	margin-right: 48px;
}

#pager span
{
	text-decoration: underline;
}

#pager span.no-underline
{
	text-decoration: none;
}