@mixin border-radius($r) {
	-moz-border-radius:$r;
	-webkit-border-radius:$r;
	border-radius:$r;
}

@mixin box-shadow() {
	-moz-box-shadow:0 1px 3px #aaa;
	-webkit-box-shadow:0 1px 3px #aaa;
	box-shadow:0 1px 3px #aaa;
}


#global-meta a#live-chat {
	margin-left:0;
}

#content #product-details h1 {
	margin-top: 20px;
}

#content .banner h1 {
	margin-bottom:0.5em;
	line-height:1;
	border:none;
	text-shadow: 1px 1px 0 #fff; float: left; font-family: 'HeroRegular'; font-size: 16px; color: #5d524c; font-weight: normal; letter-spacing: .2pt; display: block; padding: 11px 0 0 13px;
}

#no-script,#no-support {
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	padding:15px 0;
	font-size:12px;
	color:#f00;
	font-weight:bold;
	background:#fdd;
	border-bottom:2px solid #f00;
	z-index:999;
	a {
		color:#f00;
		text-decoration:underline;
	}
}

#home-link h1 {
	font-size:13px;
	font-weight:normal;
	display:inline;
}

img { display:inline; }

li.product.thumbnail {
	width:151px;
	height:165px;
	margin-right:23px;
	padding:0;
	overflow:hidden;

	a strong {
		letter-spacing:0;
		font-size:11px;
		overflow:hidden;
		white-space:pre;
		color:#534741;
		font-family:arial, helvetica;
	}

	a:hover strong { text-decoration:underline; }
}

#product-description {
	font-size:13px;
	color:#7f7f7f;

	a { color:#7ba3a7; }

	ul {
		padding-left:20px;
		li { list-style-type:disc; padding-bottom:5px; line-height:1.3; }
	}
}

div.admin-opts {
	position:absolute;
	font-weight:bold;
	color:#fdd;
	top:0;
	left:0;
	padding:2px 5px;
	border:2px solid #fee;
	float:left;
	background:#fffafa;
	&:hover {
		color:#faa;
		border:2px solid #faa;
		background:#fee;
		a { color:#faa; }
	}

	a {
		color:#fdd;
		padding:1px 5px;
		background:none;

		&:hover {
			color:#f00;
			background:#fdd;
		}
	}
}


/* Fix to allow variable width prices in layout header */
#global-meta ul { width:auto; }

p.code span { text-transform:uppercase; }

.ajax-form {
	position:relative;
	display:block;

	&.loading div.load { display:block; }
}

section.itm-options label,
li.p13n-row label,
ul.setup-fee label {
	float: left;
}

section.itm-options {

	& input.text {
		float: right;
	}
  & ul.yesno {
		padding: 5px 0 0 0;
		clear: both;
	}
	& ul.yesno li {
		float: left;
		width: auto;
		clear: none;
		padding: 0 0 0 47px;
	}
	& ul.yesno li.no { padding: 0 0 0 54px; }
	& ul.yesno label {
		float: none !important;
	}

}

ul#fc-p13n {
	display:none;
}

ul.p13n-body li.row {
	clear:both;
	margin-top:10px;
	list-style-type:none;
	padding:5px 0 0;
	margin:0;
	width:100%;
	float:none;
}

li.p13n-row {
	clear:both;
	margin-top:10px;
	list-style-type:none;
	padding:5px 0 0;
	margin:0;
	width:100%;
	float:none;
	display:none;

	label {
		float:left;
		line-height:1.5;
		span { padding-bottom:0; }
	}

	div.selector {
		float:right;
		width:140px;
		span { width:110px; }
	}

	span {
		clear:both;
		text-align:center;
		display:block;
		padding-bottom:20px;
	}
}

li.p13n-row, ul.p13n-body {
	input {
		float: right;
		width: 135px;
		border: solid 1px #e3dfde;
		color: #6e6e6e;
		padding: 4px;
		text-align: center;
		text-align:left;
		-moz-box-shadow:inset 0 0 3px #ececec;
		-webkit-box-shadow:inset 0 0 3px #ececec;
		@include border-radius(3px);
		background: url(/img/background/input.jpg) repeat #fff;
		position: relative;
		top: -3px;
	}
}

#order-form {
	label {
		font-family: 'HeroRegular';
		color: #4c423c;
		font-size: 14px;
		font-weight:normal;
	}
	.itm-options,.accessory {
		.select label {
			line-height:26px;
		}

		.monogram div.selector {
			width:80px;
			span { width:50px; }
		}

		div.selector {
			float:right;
			width:130px;
			span { width:100px; }
		}
	}

	#no-js {
		font-size:10px;
		font-weight:bold;
		color:#f00;
	}
}

ul.yes-no {
	padding-bottom:30px;
	li.no { padding: 0 0 0 54px; }
}

input.text.invalid-field {
	background:#fdd;
}

#order-form section.error {
	width:90%;
	margin:0 auto;
	color:#f00;
	font-size:small;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
	display:none;
}

a.personalize-button {
	margin:10px auto;
}

#order-form strong {
	font-weight:normal;
	span#no-js { display:block; text-align:center; }
}

ul.p13n-body { padding:0; }

li.btn {
	float:none;
	padding:0; margin:0;
	width:100%;
	text-align:center;
}

#add-to-cart {
	cursor:pointer;
}

#reviews p.star-rating span {
	text-indent:-10em;
	overflow:hidden;
	display:block;
	width:73px;
	height:13px;
	padding:0;
	margin:0;
	background:url(/images/ratings.png);

	&.rating-2 { background-position:0 -13px; }
	&.rating-3 { background-position:0 -26px; }
	&.rating-4 { background-position:0 -39px; }
	&.rating-5 { background-position:0 -52px; }
}

ul.setup-fee {
	clear:both;
	padding-top:20px;
}

#backordered {
	font-size:smaller;
	h4 { font-size:100%; }
	.message { color:#f00; font-weight:bold; display:none; }
}

/* Cart styles */

#cart {
	margin-bottom:20px;

	tr.header th {
		font-weight:normal;
		text-align:left;
		color:#7f7f7f;
		font-size:13px;
		padding-bottom:9px;
	}

	tr.no-removable td.desc {
		padding-bottom:5px;
	}

	tr.even { background:#eff6f7; }

	.desc { width:504px; }
	.qty  { width:55px; }
	.total {
		padding-left:30px;
		width:64px;
		padding-right:19px;
	}

	td { padding:0; min-height:100px; }

	td.desc  {
		padding-top:6px;
		
		img {
			padding:4px;
			border:1px solid #e5e5e5;
			background:white;
			margin:0 0 9px 9px;
			float:left;
		}

		span.place-holder {
			display:block;
			height:52px;
			width:70px;
			float:left;
		}

		h3 {
			letter-spacing:1px;
			display:block;
			padding:3px 0 0 0;
			font-size:13px;
			line-height:18px;
			font-family:'HeroRegular';
			color: #7f7f7f;
		}
		
		aside{
			float:right; 
			width:408px;

			p {
				margin:0;
				padding:0;
			}
			
			p.p13n {
				font-size:10px;
				color:#7f7f7f;
			}
		}
	}

	td.qty { 
		vertical-align:top;
		padding-top:7px;
		p { margin:0; }

		div {
			font-size:13px;
			color:#7f7f7f;
			padding-top:23px;
			text-align:center;
		}
		
		form { padding:0 3px 0 0px; position:relative;}
	}

	tr.not-removable {
		td.qty {
			padding-top:0;	
			vertical-align:middle;
			div { padding:0;	}
		}
	}

	td.total {
		text-shadow:1px 1px 0 #fff;
		color:#527f83;
		font-family:'HeroRegular';
		font-size:14px;
		line-height:24px;
		vertical-align:middle;
	}

	
} /* #cart */

.total-cost-checkout {
	width:202px;
}

.cost-category {
	width:120px;
}
.cost-value {
	width:64px;
}


#shipping-discount {
	color:#a31e1e; 
}

#shipping-flatrate-total {
	#shipping-flatrate {
		color:#595;
	}
}

#your-cart-details {
	height:auto;
	margin-bottom:10px;
	#shipping-info, #coupon-code {
		p {
			text-align:left;
			padding-top:8px;
		}
	}
}

#coupon-code { width:90%; }

#coupon-response {
	font-size:11px;
	display:none;	
	text-align:left;
	width:110%;
	&.good { color:#070; }
	&.bad { color:#f00; }
}

#coupon-applied {
	position:relative;
	padding-top:5px;
	display:none;
	
	h4 {
		color:#5b8589;
		font-family:'HeroRegular';
		font-size:13px;
		font-weight:normal;
	}
	h5 {
		color:#94c2c5;
		font-family:'HeroRegular';
		font-size:13px;
		font-weight:normal;
	}
	a {
		cursor:pointer;
		position:absolute;
		top:5px;
		right:20px;
		font-size:10px;
		color:#8f8b88;
		text-decoration:underline;
	}
}

ul.pagination {
	clear:both;
	float:right;
	padding:0 30px 10px;
	li {
		font-size:13px;
		float:left;
		padding:0 10px;
		color:#7f7f7f;
		a {
			color:#52554d;
			text-decoration:underline;
		}
		a:hover {
			color:#7ba3a7;
		}
	}
	
}

li#read-more {
	color:#52554d;
}
label.msg { position:relative; top:3px; line-height:20px; }

#cart,#contact-form,#shipping-information {
	input.invalid-field,
	textarea.invalid-field {
		color:#f00;
		background:#fee;
	}
}

#contact-form p.error {
	color:#f00;
	font-size:13px;
	text-align:center;
	display:none;
}


.notices {
	width:90%;
	margin:10px auto;
	font-weight:bold;
}

.notices.good,
.notices.bad {
	border:1px solid;
	padding:0;
}

.notices div {
	border:3px solid;
	padding:10px 20px;
}

.notices h3 {
	font-weight:bold;
	font-size:15px;
	margin:0;
	padding:0;
}

.notices ul {
	padding:0 10px;
	margin:0;
}

.notices p {
	margin:0;
	padding:0;
}

.notices li { list-style-type:disc; }

.notices.good { border-color:#7cc576; }
.notices.good div { border-color:#ebfce9; background:#ccf1c8; }
.notices.good h3 { color:#16500b; }
.notices.good p,
.notices.good li { color:#71a165; }

.notices.bad { border-color:#f00; color:#f00; }
.notices.bad div { border-color:#ffe2e2; background:#ffb1b1; }
.notices.bad h3 { color:#f00; }

section.contact-form-response {
	float:left;
	margin:0;
	padding:0;
	width:420px;
}

#basket-price {
	width:10px;
}

p.email-newsletter label {
	display:inline;
}

.qtip-content {
	font-size:13px;
}

#shipping-area-code {
	margin-top:2px;
}

section.to-our-customers {
	position:relative;
	aside.image {
		float:left;
		padding:0;
		height:150px;
		border:1px solid #f00;
		width:160px;
	}
}

button#add-to-cart {
	border:none;
	margin:1px 0 0 33px;
	display:block;
	overflow:hidden;
	text-indent:-99em;
	height: 30px; width: 173px;
	background: url(img/navigation/global.png) no-repeat -1027px 0;
}

#category-subtitle {
	font-size:13px;
	color:#7f7f7f;
}

#neutral {
	font-size:13px;
	color:#7f7f7f;
	float:right;
	padding-right:20px;
}

#category-about {
	width:95%;
	font-size:13px;
	color:#7f7f7f;
}

.fancy-dialog {
	width:510px;
	padding:10px 20px;
	margin:10px;
	color:#767676;

	h2, h3, h4 {
		color: #4c423c;
		padding-bottom:7px;
		display: block;
		font-family: 'HeroRegular';
		font-weight: bold;
		font-size:20px;
		letter-spacing: 0.2pt;
		text-shadow: white 1px 1px 0px;
		border-bottom:4px double #dad7d6;
		margin-bottom:3px;
	}

	h2 {
		margin-top:0;
		margin-bottom:10px;
	}

	h4 {
		font-size: 16px;
		margin-top:25px;
	}

	section {
		padding:10px;
		* {
			color:#767676;
			text-shadow -1px -1px 0 #fff;
		}
	}

	ul { padding-left:10px; }
	li { list-style-type:disc; }
}

#cart-empty,#search-empty {
	width:94%;
	h2 {
		color:#857d78;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		margin:0;
		line-height:1.5;
	}
}

#cart-empty h2 { padding:90px 0 110px 0; }
#search-empty h2 { padding:25px 0 0; }

#page-404 {
	color:#857d78;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin:0;
	width:94%;
	border-bottom:4px double #e5e5e5;
	padding:30px 0 15px;
	margin-bottom:80px;

	h2 {
		color: #4c423c;
		display: block;
		font-family: 'HeroRegular';
		font-weight: bold;
		font-size:25px;
		letter-spacing: 0.2pt;
		text-shadow: white 1px 1px 0px;
	}

	a { color:#649196; }

}

#btn-save-shipping,#btn-save-billing {
	background: url(img/navigation/global.png) no-repeat -346px 0 transparent;
	display: block;
	height: 30px;
	border:none;
	margin: 0 0 0 38px;
	text-indent: -99em;
	width: 173px;
	cursor:pointer;
}

#btn-save-billing {
	background: url(img/navigation/global.png) no-repeat -170px 0 transparent;
}

.shipping-banner {
	float:none;
}

#shipping-information {
	section.saved {
		display:none;
		width:94%;
		margin:0 0 30px;
		padding:0 10px;
		font-size:13px;

		address {
			font-style:normal;
			color:#595959;
		}
		
		p {	float:right; }
	}

	a.edit {
		float:right;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		background:#53564d;
		color:#fff;
		display:none;
		padding:8px 10px;
		margin:5px;
		@include border-radius(2px);
		cursor:pointer;

		&:hover {
			background:#5d6157;
			text-decoration:none;
		}
	}

	p.shipping-method {
		float:right;
	}
}

a#copy-shipping {
	text-decoration:underline;
	font-size:13px;
}

#billing .banner { clear:both; float:none; }

.checkout-errors {
	font-size:13px;	
	font-weight:bold;
	float:left;
	width:400px;
	color:#f00;
	margin-top:10px;
	margin-left:10px;
	display:none;
}

section#return {
	text-align:center;
	color:#7f7f7f;
	font-size:13px;
	margin:0;
	padding:0 0 10px;
}

#qty-calculator {
	font-size:10px;
	font-family:Helvetica, arial;
	text-decoration:underline;
}

/* Remove bullets from KA popup*/
#windown-content li {
	list-style-type:none;
}

#return-policy-1,
#return-policy-2,
#return-policy-3,
#return-policy-4 {
	text-decoration:underline;
}


ul#security-list {
	text-align:center;
	margin:0; padding:0;

	li#verisign {
		image-replace:url(images/tl_white.gif);
		float:none;
		margin:0 auto;
	}
}

a.see-full-image {

	margin-right: 12px;

	img {
		behavior: url(/assets/scripts/PIE.htc);
		padding: 5px;
		margin: 0 0 0 0;
		border: 1px solid #e5e5e5;
		background: #fff;
		-moz-box-shadow: 0px 1px 2px #d6d6d6;
		-webkit-box-shadow: 0px 1px 2px #d6d6d6;
		box-shadow: 1px 1px 3px #d6d6d6;
		margin-top:10px;
	}

}

a.see-full-image.last {
	margin-right: 0px;
}


a#see-full-image {
	position:relative;
	height:auto;
	opacity:1;
	display:block;
	background:none;
	text-indent:0;

	img {
		opacity:1;
	}

	span {
		display:none;
		position:absolute;
		width:100%; height:100%;
		top:0; left:0;
		background:url(img/icon/zoom-in.png) 50% 50% no-repeat;
		opacity:0;
		-transition-property:opacity;
		-webkit-transition-duration:1s;
		-moz-transition-duration:1s;
	}

	&:hover span {
		display:block;
		opacity:1;
		-webkit-transition-duration:.33s;
		-webkit-transition-delay:.25s;
		-moz-transition-duration:.33s;
		-moz-transition-delay:.25s;
	}

	img {
		behavior: url(assets/scripts/PIE.htc);
		padding: 5px;
		margin: 0 0 0 0;
		background: #fff;
		-moz-box-shadow: 0px 1px 2px #d6d6d6;
		-webkit-box-shadow: 0px 1px 2px #d6d6d6;
		box-shadow: 1px 1px 3px #d6d6d6;
		/*margin-bottom:20px;*/
	}

}

li#stock {
	image-replace:url(images/products/in-stock.gif);
	position:relative;
	top:-3px;
}

li#stock.out-of-stock {
	image-replace:url(images/products/out-of-stock.gif);
}

#email-form {

	padding:0;
	margin:0;
	height:auto;
	background:#ece9e7;
	scroll:none;
	
	div.captcha {
		display:block;
		background:#fff;
		clear:both;
		width:463px;
		height:111px;
		margin:0 auto;
	}

	p { clear:both; }

	div.captcha {
	}

	p.submit {
		input#send-email {
			left:0;
			margin:0 auto;
			display:block;
			width:173px;
			padding:0;
		}
		text-align:center;
		padding:10px 0;
		margin:0;
	}

	#email-response {
		text-align:center;
		font-weight:bold;
		color:#070;
		text-align:center;
		font-size:12px;
		padding:5px 0 10px;
	}

	#email-response.bad {
		color:#f00;
	}

	form {
		/*height:476px;*/
	}
}

ul.share-features {
	li {
		float:left;
		width:95px;
	}

	#tweet-it {
		top:0; right:0;
	}

	#email-it, #tweet-it, #like-it {
	  a {
			position:relative;
			top:0; left:0;
		}
	}

}

#order-total-divider { border-bottom: solid 1px #dcdad9; }

.module.ship-method {
	height:270px;
}


#product-review {

	position:relative;
	width:672px;

	h2 {
		font-family:'HeroRegular';
		color:#5d524c;
		background:#e7f1f2;
		padding:10px 20px;
		font-size:larger;
		margin-bottom:16px;
	}

	label {
		display:block;
		color:#767676;
		margin-bottom:5px;
		font-size:12px;
	}

	p.first-name, p.last-name {
		width:217px;
		float:left;

		input {
			width:167px;
			height:25px;
			padding:0 10px;
			background:url(/images/inputbox_bg.png) repeat-x;
			border:1px solid #e0e0e0;
			@include border-radius(3px);

			&.invalid-field {
				background:url(/images/inputbox_bg_invalid.png) repeat-x #fee9e9;
			}
		}
	}

	p.rating {
		clear:both;
		padding-bottom:15px;
	}

	p.body {
		clear:both;
		width:405px;
		textarea {
			width:404px;
			height:110px;
			background:url(/images/inputbox_bg.png) repeat-x;
			border:1px solid #e0e0e0;
			@include border-radius(3px);
			&.invalid-field {
				background:url(/images/inputbox_bg_invalid.png) repeat-x #fee9e9;
			}
		}
	}

	p.disclaimer {
		float:left;
		padding-right:20px;
		label {
			display:inline;
			line-height:30px;
		}
	}

	p.submit input {
		image-replace:url(images/btn_submit_review.png);
		border:none;
		cursor:pointer;
	}

	aside {
		position:absolute;
		padding:20px;
		height:212px;
		top:55px;
		right:0;
		width:208px;
		background:url(/images/review_box_bg.png);
		@include border-radius(3px);
		-moz-box-shadow:0 1px 2px #c5c5c5;
		-webkit-box-shadow:0 1px 2px #c5c5c5;

		h3 {
			font-family:'HeroRegular';
			font-weight:bold;
			color:#609195;
			border-bottom:3px double #dbd8d7;
			padding-bottom:20px;
			margin-bottom:15px;
			font-size:17px;
		}
		
		h4 {
			font-family:'HeroRegular';
			color:#534741;
			font-size:13px;
			margin-bottom:15px;
		}

		img {
			padding:4px;
			background:#fff;
			border:1px solid #dbd8d7;
			@include border-radius(3px);
			@include box-shadow;
			display:block;
			margin:0 auto;
		}
	}

	.response {
		font-size:12px;
		padding-top:5px;
		text-align:left;
		width:415px;
		display:none;	
		padding-bottom:10px;
		font-weight:bold;

		&.good { color:#070; }
		&.bad { color:#f00; }

		ul { padding-left:20px; }
		ul li { list-style-type:disc; line-height:1.3; }
	}
}

section#coupon-search {
	position:relative;
	form#search-form {
		position:absolute;
		top:0; right:0;
	}
}

#order-errors {
	width:654px;
	font-size:14px;
	padding:10px;
	border-bottom:2px solid #f00;
	border-top:2px solid #f00;
	margin-bottom:20px;
	color:#f00;

	p {
		color:#f00;
		margin:0; padding:0;
		a {
			color:#f00;
			text-decoration:underline;
		}
	}

	h3 {
		font-weight:bold;
	}

	ul {
		margin:10px;
		padding-left:20px;

		li {
			list-style-type:disc;
			line-height:1.5;
		}
	}
}

#internationalCustomersDialog h4 {
	border-bottom:none;
}

#shipping-info {
	text-align:center;
	a.internationalCustomers {
		display:block;
		clear:both;
	}

	#shipping-zip-label {
		color:#4c423c;
    font-family: 'AmericanTypewriterRegular';
		font-size:13px;
		display:inline-block;
	}

	#shipping-zip {
		display:inline-block;
		height:15px;
		font-size:13px;
		width: 87px;
		border: solid 1px #e3dfde;
		color: #6e6e6e;
		padding: 4px;
		text-align: center;
		-moz-box-shadow:inset 0 0 3px #ececec;
		-webkit-box-shadow:inset 0 0 3px #ececec;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: url(/img/background/input.jpg) repeat #fff;
	}
}

#usd-note span {
	font-size:10px;
}

div.ycd-top,
div.ycd-bottom {
	height:100%;
}

div.ycd-bottom {
	padding:10px 0;
}


#select-shipment-type {
	width:auto;
}

#error-live-chat {
	padding:0;
	display:block;
	margin:40px auto;
	text-indent:-99999px;
	background:url(/img/navigation/global.png) -330px -74px no-repeat;
	width:120px;
	height:26px;
}