﻿html
{
	height: 100%;
}

body
{
	height: 100%;
	padding: 0;
	margin: 0;
	background: url(Images/page_bg1.gif) repeat-x center top;
	position: relative;
}

body, th, td, input, select, textarea
{
	font: 11px Verdana;
	color: #787267;
}

a { color: #279195; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; }

form
{
	display: inline;
	padding: 0;
	margin: 0;
}

input.input-text,
textarea,
select
{
	border: 1px solid #a4abb1;
	font-size: 9px;
	padding: 3px;
}

select
{
	padding: 2px;
}

.required { color:#f00; }

/* ------------------------------------------- */

div#modulesContainer
{
}

div.promo1,
div.promo2,
div.promo3
{
	font-size: 0;
}

div.page
{
	width: 780px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
}

div.page-inner
{
	background: #fff;
}

div.header
{
	position: relative;
	height: 77px;
}

div.logo
{
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 10;
}


div#giftboxOverlay
{
	position: absolute;
	text-align: right;
	right: 24px;
	top: 35%;
	font-size: 10px;
}

div.giftbox
{
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 10;
}

div.topnav
{
	background: #C0C1C4;
	height: 19px;
	padding: 6px 8px 0 8px;
	text-align: right;
	color: #fff;
}

div.membernav
{
	margin: 1px 0 0 0;
	background: #c8e3ec url(images/memberbarlogo.gif) no-repeat left top;
	height: 17px;
	padding: 3px 6px 0 6px;
	color: #6197b3;
	position: relative;
}

div.topnav a
{
	color: #fff;
}

div.membernav a
{
	color: #6197b3;
}

div.content
{
	position: relative;
	margin: 6px 0 0 0;
	padding: 0 0 6px 0;
}

div.loginBox
{
	background: #e4d2ae;
	width: 165px;
	margin: 0 0 6px 0;
	color: #898277;
}

div.browsegifts
{
	background: #dfeef5;
	width: 165px;
}

div.searchgifts
{
	margin: 6px 0 0 0;
	background: #dfeef5;
	top: 205px;
	width: 165px;
}

div.searchgifts table
{
	border-collapse: collapse;
}

div.searchgifts td
{
	padding: 6px 6px 0 0;
	vertical-align: middle;
}

div.newsletter
{
	margin: 6px 0 0 0;
	width: 165px;
	top: 285px;
	background: #deebdf;
}

div.promo2,
div.promo3,
div.shopbybrand
{
	margin: 6px 0 0 0;
}

div.footer
{
	background: #E5E7E8;
	color: #a39ba3;
	font-size: 10px;
	padding: 10px;
	line-height: 1.5em;
}

div.footer a
{
	color: #a39ba3;
}

table.content-columns
{
	border-collapse: collapse;
	width: 100%;
}

td.content-column
{
	vertical-align: top;
	padding: 6px 0;
}

td.content-column-left
{
	padding-right: 6px;
}

td.content-column-right
{
	width: 100%;
}

div.home-columns
{
	position: relative;
	width: 100%;
}

div.home-column-left
{
	float: left;
}

div.home-column-right
{
	float: right;
}

.clearBoth, .clear-both { clear: both; }

div.loginBox div.itemList,
div.browsegifts div.itemList,
div.searchgifts div.itemList,
div.newsletter div.itemList
{
	padding: 0 6px 6px 6px;
}

div.loginBox div.item,
div.browsegifts div.item,
div.searchgifts div.item,
div.newsletter div.item
{
	margin: 6px 0 0 0;
}

div.loginBox div.item-right,
div.newsletter div.item-right
{
	text-align: right;
}

div.breadcrumb
{
	font-size: 10px;
	color: #a39ba3;
	height: 21px;
	padding: 7px 0 0 4px;
}

div.breadcrumb a
{
	color: #a39ba3;
}

div.copyheading
{
	font-size: 14px;
	margin: 6px 0;
}

div.copyimage
{
	float: right;
	margin: 0 0 4px 4px;
}

div.productlist div.item
{
	position: relative;
	float: left;
	margin: 0 16px 10px 0;
	width: 130px;
	height: 168px;
	overflow: hidden;
	font-size: 10px;
	color: #a1a1a1;
}

div.productlist a
{
	color: #a1a1a1;
	text-decoration: none;
}

div.productlist div.thumbnail
{
	width: 130px;
	height: 95px;
}

div.productlist span.brand,
div.productlist span.range
{
	font-weight: bold;
}

div.productlist div.buttons
{
	font-size: 0;
	text-align: center;
	display: none;
}

div.productlist div.blurb
{
	padding: 2px 0 0 0;
}

div.productlist div.special span.price
{
	text-decoration: line-through;
}

div.productlist div.special
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 130px;
	height: 13px;
	padding: 0;
	background: #f5ccdd;
	color: #000;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	font-size: 9px;
	text-align: center;
	font-weight: bold;
}

/*
div.productlist div.price
{
	position: absolute;
	top: 70px;
	right: 2px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

div.productlist div.price a
{
	color: #000;
}

div.productlist div.price table
{
	border-collapse: collapse;
}

div.productlist div.price table td,
div.productlist div.price table th
{
	padding: 0;
	vertical-align: bottom;
	text-align: center;
	color: #000;
	font-size: 0;
}

td.ptagt
{
	background: url(images/50x1_black.gif) repeat-x bottom;
}

div.productlist div.price table th
{
	font-size: 10px;
	background: #fff;
	font-weight: bold;
	vertical-align: middle;
	height: 18px;
}
*/

div.productlist div.price
{
	position: absolute;
	top: 67px;
	right: 2px;
}

div.productlist div.price div.pricevalue
{
	position: absolute;
	top: 11px;
	left: 0;
	width: 64px;
	text-align: center;
	color: #696969;
	font-weight: bold;
}

div.productlist div.price div.pricevalue a
{
	color: #696969;
}

#dhtmltooltip
{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 100;
	border: solid 1px #B5B8BB;
	color: #999999;
	padding: 10px;
	background: #fff;
	-moz-border-radius: 10px;
}

div.product div.productLeft
{
	float: left;
	width: 280px;
}

div.product div.productRight
{
	float: left;
	width: 300px;
	margin-left: 6px;
}

div.product div.name
{
	color: #279195;
	font-weight: bold;
	font-size: 12px;
}

div.product div.data
{
	font-size: 10px;
	color: #acacac;
}

div.product div.description
{
	font-size: 10px;
	color: #acacac;
	margin-bottom: 1em;
}

div.product table.cart
{
	margin-top: 1em;
	font-size: 10px;
	border-collapse: collapse;
}

div.product table.cart input
{
	font-size: 10px;
	color: #279195;
}

div.product table.cart td
{
	font-size: 10px;
	padding: 3px 8px 0 0;
	vertical-align: middle;
	color: #279195;
}

div#alertContainer
{
	/*background: #ffb url(images/alertbg.gif) repeat-x left top;*/
	background: #ffb;
	border-bottom: solid 4px #ee9;
	color: #919354;
	margin-bottom: 6px;
	padding: 6px 5px 5px 5px;
}

div#loginContainer
{
	background: #fff;
	font-size: 10px;
	color: #83a4b4;
}

table.address
{
	border-collapse: collapse;
}

table.address th,
table.address td
{
	padding: 0 4px 2px 0;
}

table.address th
{
	text-align: left;
	padding: 2px 4px 2px 0;
	font-size: 10px;
}

div.myheader
{
	background: #e4d2ae;
	height: 18px;
	padding: 6px 0 0 6px;
	border-bottom: solid 4px #dac18f;
	margin: 8px 0;
	color: #4e483b;
}

div.mysubnav
{
	background: #dac18f;
	padding: 8px 0 0 4px;
}

div.mysubnav ul
{
	padding: 3px 0;
	margin: 0;
	list-style: none;
	border-bottom: solid 1px #dac18f;
}

div.mysubnav li
{
	list-style: none;
	margin: 0;
	display: inline;
}

div.mysubnav li a
{
	padding: 3px 8px 3px 8px;
	background: #f8f3e9;
	margin-left: 3px;
	color: #6c5a49;
}

div.mysubnav li a:hover
{
	background: #fff;
	text-decoration: none;
}

div.mysubnav li a.current
{
	background: #fff;
	border-bottom: solid 1px #fff;
}

div.mysubcontent
{
	border: solid 1px #dac18f;
	border-top: 0;
	padding: 6px;
}

table.cartitems
{
	border-collapse: collapse;
	width: 100%;
}

table.cartitems th,
table.cartitems td
{
	padding: 2px;
	white-space: nowrap;
}

table.orderlist td
{
	padding: 4px;
	vertical-align: top;
}

table.cartitems thead th
{
	background: #e4d2ae;
	color: #4e483b;
	padding: 4px;
	padding-top: 7px;
	border-bottom: solid 4px #dac18f;
}

table.cartitems tbody td
{
	border-bottom: solid 1px #ccc;
	background: #f7f7f7;
	font-size: 10px;
}

table.cartitems tbody tr.mod2-1 td
{
	background: #fcfcfc;
}

table.cartitems .description,
table.cartitems .date
{
	width: 100%;
	text-align: left;
}

table.cartitems tfoot th
{
	text-align: right;
	font-weight: bold;
	font-size: 10px;
}

table.cartitems td.total input,
table.cartitems tfoot input
{
	border-style: dashed;
}

table.cartitems td.del
{
	padding: 0;
}

div.address
{
	border: dashed 1px #dac18f;
	border-left: solid 4px #dac18f;
	overflow-x: wrap;
	font-size: 10px;
	padding: 4px;
	background: #fcfcfc;
}

div.address table
{
	border-collapse: collapse;
}

div.address th
{
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

div.address td
{
	padding: 2px;
	vertical-align: top;
}

div#delivery-billable-container,
div#delivery-previous-container,
div#delivery-new-container,
div#giftwrap-new-container
{ display: none; }

div.checkoutprogress
{
	background: #f7f7f7;
	margin-bottom: 6px;
}

div.checkoutprogress table
{
	border-collapse: collapse;
}

div.checkoutprogress th
{
	width: 100%;
	background: #e4d2ae;
	padding: 0;
}

div.checkoutprogress td
{
	padding: 0 8px;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 10px;
	color: #4e483b;
}

div.checkoutprogress td.highlight
{
	background: #e4d2ae;
}

div.checkoutprogress td.sep { padding:0; font-size:0; }

ul.invoiceextras
{
	margin-top: 1em;
	margin-bottom: 1em;
}

div#tellAFriendContainer
{
	padding: 6px 0;
}

div#tellAFriendContainer div.heading
{
	background: #c9deca;
	padding: 6px;
	font-size: 12px;
	color: #678f6a;
}

div#tellAFriendContainer div.form
{
	padding: 6px 0 6px 6px;
	background: #deebdf;
}

table.tellafriend
{
	border-collapse: collapse;
}

table.tellafriend th,
table.tellafriend td
{
	padding: 0 6px 0 0;
}

table.tellafriend th
{
	font-size: 9px;
	text-align: left;
	padding: 0 0 2px 0;
	color: #678f6a;
}

table.tellafriend input
{
	padding: 2px;
}

div#forgotPasswordContainer
{
	position: absolute;
	right: 0;
	top: 0;
	width: 530px;
	background: #dfeef5;
	vertical-align: top;
	height: 20px;
	overflow: hidden;
}

div#forgotPasswordContainer div.forgotInput
{
	position: absolute;
	top: 1px;
	_top: 0;
	left: 16px;
}

div#forgotPasswordContainer div.forgotButton
{
	position: absolute;
	top: 2px;
	left: 184px;
}

div#forgotPasswordContainer input.input-text
{
	border: none;
}

.pagenavContainer
{
	padding: 4px 0;
	float: right;
	font-size: 10px;
	font-weight: bold;
}

.pagenavContainer .pagenav
{
	float: left;
	padding: 0 2px 0 0;
}

.pagenavContainer a
{
	display: block;
	border: solid 1px #DFEEF5;
	background: #DFEEF5;
	color: #8E97C8;
	padding: 0 2px;
	text-decoration: none;
}

.pageCurrent a
{
	border-color: #8E97C8;
	background: #8E97C8;
	color: #fff;
}

.pagenavContainer a:hover
{
	background: #fff;
	color: #8E97C8;
}

table.contactform
{
	border-collapse: collapse;
	width: 70%;
	margin: 0 auto;
}

table.contactform th
{
	vertical-align: top;
	text-align: right;
	padding: 10px 6px 0 6px;
	background: #dac18f;
	color: #4e483b;
	white-space: nowrap;
}

table.contactform td
{
	vertical-align: top;
	padding: 6px 6px 0 6px;
	background: #f7f7f7;
	width: 100%;
}

.orderpaydetails { border-collapse: collapse; }
.orderpaydetails th, .orderpaydetails td { padding: 3px 5px; }
.orderpaydetails th { text-align: right; font-weight: bold; background-color: #E4D2AE; }
.orderpaydetails td { background-color: #F7F7F7; }
