@import url("menu_styles.css");


body {
	margin: 0; padding: 0;
	background: #d9d5d6 url("../img/bg.jpg") repeat-x;
	font: normal 11px/18px verdana,arial,helvetica,sans-serif;
	color: #888888;
	text-align: center;
}

/* HOME */

.home_shop_promo {
	float: left;
	margin: 0 15px 0 15px;
}

#help { margin: 10px; background-image: none; background-color: #FFFFFF; }
#copyright { background-image: none; }

#header, #header_cart {
	position: relative;
	margin: 0; padding: 0;
	height: 79px; width: 272px;
	text-align: left;
	background: transparent url("../img/logo.gif") no-repeat;
}

#header_cart {
	background: transparent url("../img/logo_cart.gif") no-repeat;
}

#storeblock {
	position: absolute;
	top: 320px; left: 0;
}

#storenav {
	list-style: none;
	background: no-repeat;
	width: 599px; height: 130px; 
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/storenav.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
#storenav[id] {
  background: url('../img/storenav.png') no-repeat;
}

	#storenav li { float: left; text-align: center; margin-top: 56px; }
	#storenav li#earrings { width: 124px; }
	#storenav li#bracelets { width: 129px; }
	#storenav li#necklaces { width: 134px; }
	#storenav li#rings { width: 103px; }
	#storenav li#sets { width: 109px; }
	#storenav li a { color: #9e5d38; }

#wrapper {
	position: relative;
	margin: 0 auto; padding: 0;
	background-color: #fff;
	text-align: left;
	width: 800px;
}

.hide, #storenav span { position: absolute; left: -9999px; font-size: 0; }
#container { background-color: #fff; width: 800px; margin: 0 auto; text-align: left; }

#alpha { position: relative; float: left; width: 599px; }
#beta { float: right; width: 200px; }
#beta img { display: block; margin: 0; padding: 0; border: 0; }

#mailinglist { clear: both; margin: 0; padding: 0; line-height: 33px; height: 33px; background: #582D06 url("../img/mailinglist.gif") no-repeat left top; }
#mailinglist form { margin: 0 0 0 530px; }
#mailinglist #list { font-size: 13px; margin: 2px 0 0 0; width: 170px; vertical-align: middle;}
#mailinglist #signup { margin: 2px 0 0 0; vertical-align: middle; }

#footer { clear: both; overflow: auto; margin: 10px; padding: 0; }
#footer p { float: right; }
#footer #copyright p { float: left; display: inline; }

#body { width: 800px; }

#cartbody { 
	width: 700px;
	margin: 0 auto;
	padding: 30px 50px;
  background: url('../../img/navgradient_full.gif') 0 0 no-repeat;
}

#cartcontent {
	margin: 0 auto;
}

#left {
	float: left;
	width: 273px;
	padding: 30px 0;
	margin: 0;
	text-align: left;
  background: url('../img/navgradient_left.gif') 0 0 no-repeat;
}

#left img { margin-right: 20px; }

#right {
	float: left;
	width: 527px;
	padding: 30px 0;
	margin: 0;
  background: url('../img/navgradient_right.gif') 0 0 no-repeat;
}

#right p { padding-right: 20px; }

.itemimg {
	float: left;
	width: 200px;
	padding: 20px 0 0 0; margin: 0;
	text-align: center;
}

.itemdesc {
	float: left;
	width: 280px;
	padding: 0 0 5px 0;
	margin: 20px 0 0 10px;
}

.item_detailimg {
	width: 385px;
	padding: 0; margin: 0;
}

br { clear: both; }

#small_left, #small_right {
	margin: 0;
	padding: 20px 20px 20px 0;
	width: 190px;
	float: left;
	text-align: center;
}

#small_left img, #small_right img {
	margin-bottom: 10px;
}

#retailers_table { }

img, a.img {
	border: none;
	text-decoration: none;
}

#full_width_content { margin: 0 20px; }

.matching_item {
	width: 190px;
	padding: 0;
	margin: 0 0 20px 45px;
	text-align: center;
	float: left;
	display: inline;
}

/* GENERAL */

.page-title-image { margin-left: 20px; text-align: left; }

/* CART */

ul#error_box {
	background-color: #f0f0f0;
	border: 1px solid #b00;
	padding: 15px 20px;
	margin: 0 0 15px;
}

ul#error_box li {
	float: none;
	text-align: left;
}
	
table.cart {
	margin: 10px 0 0;
	width: 100%;
	border-collapse: collapse;
}


table.cart td { padding: 4px 8px; }

table.cart tr.header th {
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 0 8px 0 8px;
}

table.cart tr td { background-color: #fff; }
table.cart tr.item td { background-color: #fff; }
table.cart tr td.img { background-color: #fff; }

table.cart tr.footer td {
	background-color: #fff;
	padding: 5px 8px 0;
	font-weight: bold;
}

table.cart tr.subtotal td { border-top: 1px solid #ddd; }
table.cart tr.shipping td, table.cart tr.tax td { border: none; }
table.cart tr.total td { color: #906; }

table.cart tr td.tally, table.cart tr th.tally { text-align: right; }

div#continueshop {
	float: left;
	width: 150px;
	padding: 20px 0;
	text-align: left;
}

div.cartbuttons {
	float: right;
	text-align: right;
	padding: 20px 0;
	width: 300px;
}
#bottombox {
	clear: both;
	padding: 15px 0 5px;
	overflow: auto;
	width: 610px;
	\width: 694px;
	w\idth: 610px;
	border: 2px solid #54C4F0;
	border-width: 2px 0;
	text-align: right;
}

#bottombox div.cartbuttons { padding: 20px 0; }

#cards, #cards2 {
	clear: both;
	padding: 20px 0;
	text-align: right;
}

#cards2 {
	padding: 0; margin: 0;
	width: 260px;
}
	
/*---- CHECKOUT ----*/

.hide { position: absolute; left: -9999px; font-size: 0; }

.inline {
	display: inline;
	vertical-align: text-bottom;
}
.clear { clear: both; }
.nofloat { float: none; }
.floatright { float: right; }

.ship_left, .ship_right {
	width: 340px;
}

.ship_left {
	float: left;
	padding: 0 0 10px 0;
}

.ship_right {
	float: right;
	margin: 0;
	padding: 0 0 12px 0;
}


/*---- CONTACT PAGE/FORMS ----*/

#map { border: 1px solid #888888; margin: 10px 0 20px 0; }

#contactform { margin-top: 10px; }

fieldset {
	border: 0;
	padding: 0 0 15px;
}

fieldset.adjtolog { padding: 9px 0 15px; }

label {
	display: block;
	padding: 0 0 6px;
}

#shiprate label { display: inline; }

/* TYPOGRAPHY */

h3 {
	font: bold 16px/16px verdana,arial,helvetica,sans-serif;
	color: #5B4D45;
}

p {
	font: normal 11px/18px verdana,arial,helvetica,sans-serif;
	color: #888888;
	text-align: left;
}

#left p {
	padding: 0 20px;
}

p.itemname, p.collection, p.desc {
	font: normal 11px/14px verdana,arial,helvetica,sans-serif;
	color: #888888;
	margin: 0 0 5px 0; padding: 0;
}
p.itemname {
	font-weight: bold;
}
p.collection, .italic {
	font-style: italic;
}
p.collname {
	font: bolder 14px/16px verdana,arial,helvetica,sans-serif;
	color: #B6C3C6;
	margin: 10px 0 0 0; padding: 0;
}

#left p.matching {
	font: normal 11px/14px verdana,arial,helvetica,sans-serif;
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 150px;
	text-align: center;
	font-weight: bold;
}

.ship_left p, .ship_right p {
	font: normal 11px/14px verdana,arial,helvetica,sans-serif;
	margin: 0; padding: 0;
}

#right p.no_inventory {
	padding: 0;
}

.bold { font-weight: bold; }

/* FOR RETAILERS */

ul#for_retailers_resources { list-style: none outside none; padding: 0; margin: 0 0 0 20px;}
ul#for_retailers_resources li { float: none; text-align: left; padding: 5px 0 5px 30px; margin: 0 0 5px 0; overflow: auto;}

.pdf_icon { background: url('../img/pdf_icon_small.gif') bottom left no-repeat; }
.page_icon { background: url('../img/page_icon_small.gif') bottom left no-repeat; }

.note {
	border: 1px solid #888888;
	background-color: #F5F5F5;
	margin: 20px;
}

#how-to-order-instructions { margin-top: 10px; }

/* PRESS */

ul#press_resources { list-style: none outside none; padding: 0; margin: 0; }
ul#press_resources li, ul#press_resources li.pr { display: inline; width: 205px; float: left; text-align: left; padding: 25px 0 5px 45px; margin: 0 10px 20px 0; overflow: auto; }
ul#press_resources li.pr { width: auto; float: none; display: block; }

.pdf_icon_large { background: url('../img/pdf_icon_large.gif') bottom left no-repeat; }
.page_icon_large { background: url('../img/page_icon_large.gif') bottom left no-repeat; }
.zip_icon_large { background: url('../img/zip_icon_large.gif') bottom left no-repeat; }

/* RETAILERS */

#stateslist { margin: 0 0 12px 0; padding: 0; }
#stateslist a { color: #64869f; text-decoration: underline; }
#stateslist a:hover { text-decoration: none; }

.name, .details {
	font: normal 11px/14px verdana,arial,helvetica,sans-serif;
	margin: 0 0 12px 0; padding: 0;
}

.name {
	font-weight: bold;
	margin: 0;
}

.state {
	font: bold 13px/12px verdana,arial,helvetica,sans-serif;
	text-transform: uppercase;
	color: #5B4D45;
}

.state a, .state a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #5B4D45;
}

/* EVENTS */

.event {
	width: 400px;
	margin: 0 0 20px 0;
}

.eventname, h2 {
	margin: 0 0 8px 0; padding: 0;
	font: bold 13px/12px verdana,arial,helvetica,sans-serif;
	text-transform: uppercase;
	color: #5B4D45;
}

.eventname span {
	font: bold 13px/12px verdana,arial,helvetica,sans-serif;
	color: #888888;
	text-transform: none;
}

.event span a {
	color: #64869f;
	font: bold 13px/26px verdana,arial,helvetica,sans-serif;
	text-decoration: underline;
	margin-left: 10px;
}
.eventdesc {
	margin: 0;
	padding: 10px;
	background-color: #EAF0E1;
	border: 1px dashed #bbb;
}
.eventinfo {
	margin: 0; padding: 3px;
	text-align: right;
}
#noinfo .eventinfo a, #noinfo .eventinfo {
	color: #ccc;
	text-decoration: none;	
}

/* CONTACT */

.contact h2 {
	color: #5B4D45;
	font: bold 13px/12px verdana,arial,helvetica,sans-serif;

	display: inline;
}


/* LINKS */

a, a:link, a:visited {
	color: #64869f;
	outline: none;
}

a:hover { color: #565656; }

#nav a {
	font: normal 11px/30px arial,helvetica,sans-serif;
	text-decoration: none;
}

.itemdesc a, 
.itemdesc a:visited, 
.item_detaildesc a, 
.item_detaildesc a:visited, 
#continueshop a, 
#continueshop a:visited,
.cartbuttons input, 
input.form {
	font: normal 12px/12px arial,helvetica,sans-serif;
	color: #5B4D45;
	background-color: #54C4F0;
	text-decoration: none;
	padding: 2px 3px;
	border: none; 
}

.itemdesc a, 
.itemdesc a:visited, 
.item_detaildesc a, 
.item_detaildesc a:visited, 
#continueshop a, 
#continueshop a:visited {
	padding: 2px 7px;
}

.item_detaildesc {text-align: left; margin-bottom: 10px;}

.itemdesc a:hover, 
.item_detaildesc a:hover, 
#continueshop a:hover,
.cartbuttons input:hover, 
input.form:hover {
	color: #fff;
	text-decoration: none;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

#left .matchingitem a {
	text-decoration: none;
}

/* PAGER */

#pager { text-align: right; margin-right: 10px;}

.item_detaildesc a { margin-left: 20px; }