body, div, p, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea, a, li { font-family: verdana, arial, sans-serif; }
body, th, td, input, select, textarea, p, li { font-size: 12px; }
code, pre { font: 12px "courier new", courier, monospace; }

html,body { margin:0;padding:0;height:100%; }
body { background:#cab589 url(/images/backgrounds/topBack.png) repeat-x top left;color:#000; }

h1 { font:normal 20px times new roman, times, serif;color:#b78418;text-transform:uppercase;margin:0 0 -4px 0;border:1px solid white;border-width:11px 1px 0 1px;padding-top:17px; }
	h1.About { background:url(/images/headers/about.png) no-repeat top left; }
	h1.Designers { background:url(/images/headers/designers.png) no-repeat top left; }
	h1.Rings { background:url(/images/headers/rings.png) no-repeat top left; }
	h1.Bracelets { background:url(/images/headers/bracelets.png) no-repeat top left; }
	h1.Earrings { background:url(/images/headers/earrings.png) no-repeat top left; }
	h1.Necklaces { background:url(/images/headers/necklaces.png) no-repeat top left; }
	h1.Sculptures { background:url(/images/headers/sculptures.png) no-repeat top left; }
	h1.Other { background:url(/images/headers/other.png) no-repeat top left; }
	h1.MyTilden { background:url(/images/headers/mytilden.png) no-repeat top left; }
	h1.Contact { background:url(/images/headers/contact.png) no-repeat top left; }
	h1.Privacy { background:url(/images/headers/privacy.png) no-repeat top left; }
	h1.Terms { background:url(/images/headers/terms.png) no-repeat top left; }
h2 { font-size:14px;margin:0; }
	h2.faq { font:normal 18px times new roman, times, serif;margin:10px 0 0 68px;color:white;text-transform:uppercase;color:white; }
	h2.Privacy { font:normal 20px times new roman, times, serif;color:#b78418;text-transform:uppercase;padding-top:17px;margin-bottom:-10px; }
h3 { font-size:12px;margin:0; }

p { margin:15px 0 0 0; }

a { color:#634604;font-weight:bold;text-decoration:none; }
a:hover { color:#bb9f4b; }
a:focus { border:0 !important;outline:none !important; }

.required { color:#44683e;font-size:10px; }
.clear { clear:both;height:1px;overflow:hidden; }
.noFloat { margin:0 !important;padding:0 !important;border:0 !important;float:none; }
.pngfix { behavior:url(/javascript/iepngfix.htc); }

#container {
	position:relative;
	margin:0 auto;
	height:auto !important;
	height:100%;
	min-height:100%;
	background:url(/images/backgrounds/contentBack.png) repeat-y top center;
}

#navBar { background:url(/images/backgrounds/topBack.png) repeat-x top left;height:121px; }

#headerNav { width:914px;margin:0 auto;background:url(/images/backgrounds/baseline.gif) repeat-x top left; }
	#headerNav .headerphone { float:left;width:101px;height:24px;background:url(/images/misc/phone.png);text-indent:-9000em; }
	#headerNav .headeraddress { float:right;width:308px;height:23px;background:url(/images/misc/address.png);text-indent:-9000em; }

#nav { width:910px;margin:19px auto; }
	#nav .icon { width:105px;float:left; }
	#nav .topRow { width:805px;float:right;margin-top:5px; }
	#nav .logo { width:236px;height:25px;text-indent:-9000em;background:url(/images/misc/logo.png);float:left; }
	#nav .myTilden { float:right;width:248px; }
		.myTilden a { display:block;background:url(/images/nav/myTilden.gif) no-repeat top left;width:105px;height:19px;text-indent:-9000em; }
		.myTilden input { 
			border:1px solid #c7b37d;
			background:#f1ecde;
			color:#b6973d;
			width:100px;
			font-size:11px;
			font-weight:bold;
			padding:1px 3px;
			float:right;
			margin:-18px 35px 0 0;
		}
		.myTilden input.noFloat { width:29px !important;float:right;margin-top:-19px !important; }

#content { width:970px;margin:0 auto;padding-bottom:38px; }

#whiteCopy { 
	width:870px;
	margin:0 auto;
	background:url(/images/backgrounds/whiteContent.png) repeat-y top center;
	padding:0 29px 7px 29px;
	font:normal 11px/20px verdana, arial, sans-serif;
	position:relative;
	color:#565656;
}
	#whiteCopy p { font:normal 11px/20px verdana, arial, sans-serif; }
	.whiteCap { background:url(/images/structural/whiteCap.png) no-repeat top center;width:928px;height:18px;margin:0 auto;margin-top:5px; }
	.whiteBase { background:url(/images/structural/whiteBase.png) no-repeat top center;width:928px;height:18px;margin:0 auto;margin-bottom:5px; }
	.homeLeft { width:495px;float:left;margin-left:-11px; }
	.homeRight { width:375px;float:right;padding-top:187px; }
		.homeRight p { margin-bottom:0; }
	
	.sku_search { 
		background:url(/images/backgrounds/searchBack.png) no-repeat;
		width:239px;height:46px; 
		position:absolute;
		top:132px;right:101px;
		z-index:19;
	}
		.sku_search input { font:normal 20px verdana, arial, sans-serif;color:#b6973d;width:160px;height:24px;padding:0 0 3px 6px;margin:7px 0 0 9px; }
		.sku_button input { width:auto;height:auto;margin:-28px 9px 0 0;padding:0;float:right; }
		
	.introHeader { 
		position:absolute;
		top:-14px;right:4px;
		text-indent:-9000em;
		z-index:9;
		background:url(/images/headers/home.png) no-repeat;
		width:422px;height:193px;
	}
			
	.productPhoto { float:right;margin:-47px -11px 25px 30px; }
	.divider { background:#c3c3c3;height:1px;overflow:hidden;width:847px;margin:0 auto;margin-top:20px; }
	p.sku { color:#838383;font:normal 15px times new roman, times, serif !important; }

	.productButtons { margin:10px 0 -10px 0; }
	.productButtons a { background-position:top center;height:21px;text-indent:-9000em;display:block;float:left;overflow:hidden; }
	.productButtons a:hover { background-position:bottom center; }
		a.productReturn { background:url(/images/buttons/view-more-of-this-product-type.gif);width:252px;margin-left:95px; }
		a.productDesigner { background:url(/images/buttons/view-more-from-this-designer.gif);width:238px;margin:0 18px; }
		a.productWishlist { background:url(/images/buttons/add-to-my-wishlist.gif);width:154px; }
		a.staff { background:url(/images/buttons/back-to-our-people.gif);width:162px;margin-left:354px; }
		a.email { background:url(/images/buttons/contact-via-e-mail.gif);width:153px;margin-left:18px; }
		a.designers { background:url(/images/buttons/view-all-designers.gif);width:153px;margin-left:359px; }
		a.back-home { background:url(/images/buttons/back-to-home.gif);width:184px;margin-left:344px; }
	
	.relatedItems { width:857px;margin:3px auto;margin-bottom:17px;border:1px solid #bfab81;background:#b3a079;padding:1px; }
		.relatedItems .inside { background:#e6dbc1;padding:10px 10px 0 10px; }
		.inside img { background:#c6b692;padding:2px;border:1px solid #a98d52;margin:0 10px 10px 0; }
		
	.catFloat, .faqFloat { float:left;margin:0 10px 9px 0;width:159px; }
		.catFloat img { margin:0 !important; }	
		.catFloat p, p.caption { margin:0 auto;font-size:11px;text-align:center;width:139px;background:#d6c9aa;padding:5px; }
		.catFloat em { display:block;font-size:10px;color:#947638;font-style:normal; }
		.catFloat a, .faqFloat a { color:#965e35;text-transform:capitalize; }
		.catFloat a:hover, .faqFloat a:hover { color:#553128; }
		p.caption { width:275px;line-height:17px !important;font-size:10px;color:#947638;padding-bottom:7px; }
		p.caption strong { font-size:12px;color:#694c1f; }
	.faqFloat { float:none;width:100%; }
		.faqFloat p { margin:0;padding:5px 2px 2px 2px;font-size:10px;color:#9b7345;line-height:16px; }
		.faqFloat input, .faqFloat textarea { border:1px solid #c7b37d;background:#f1ecde !important;color:#b6973d;width:300px;font-size:11px;padding:3px;float:left;margin:0 15px 0 0 ; }
	.faqBetween { border:1px solid #b3a079;border-left:0;border-right:0;background:#bfab81;height:1px;overflow:hidden;margin:0 -10px 10px -10px; }
	.smaller input { width:175px;margin-bottom:8px; }
	.smaller textarea { width:476px; }
	.smaller label { float:left;width:100px;font-size:11px;color:#694c1f;padding:3px 0 0 3px; }
	.smaller .vcard { width:210px;float:right;font-size:11px;background:#d6c9aa;padding:15px 7px 5px 7px;font-size:10px;color:#9b7345;line-height:16px;text-align:center;margin-right:8px; }
	.smaller .vcard strong { font-size:13px; }
	.smaller .vcard .tel { margin:5px 0 10px 0;font:bold 20px times new roman, times, serif;color:#b1773a; }
	

	.brownBar { padding:5px;background:#d6c9aa; }
		.brownBar select { float:right;border:1px solid #bea782;background:#f3efe6;padding:3px 2px;font-size:11px;color:#9b7345; }
	
#foot {
	position:absolute;
	bottom:0;
	width:100%;
	border-top:8px solid #cab589;
	background:url(/images/backgrounds/footBack.png) repeat-x bottom left;
}

#homeFoot { background:#e6dbc1 url(/images/misc/trIcon.png) no-repeat center center; }
#homeNav { width:938px;margin:0 auto; }
	#homeNav a { height:133px;display:block;background-repeat:no-repeat;text-indent:-9000em;float:left; }
	#homeNav a.rings { width:91px;background-image:url(/images/nav/rings.png);margin:0 53px 0 32px; }
	#homeNav a.bracelets { width:153px;background-image:url(/images/nav/bracelets.png);margin-right:46px; }
	#homeNav a.designers { width:184px;background-image:url(/images/nav/designers.png);margin:0 28px 1px 0; }
	#homeNav a.earrings { width:140px;background-image:url(/images/nav/earrings.png);margin-right:33px; }
	#homeNav a.necklaces { width:163px;background-image:url(/images/nav/necklaces.png);margin:0; }

#footer {
	width:970px;
	margin:0 auto;
	height:31px;
	color:#8c8c8c;
	font-size:10px;
	letter-spacing:2px;
}

	#footer p { letter-spacing:0;float:left;font-size:10px;margin:9px 0 0 27px; }
  #footer strong { letter-spacing:0; }
	#footer a { color:#c3c2c1;letter-spacing:0; }
	#footer a:hover { color:#fff; }
	#footer .footNav { float:right;margin:9px 27px 0 0; }
	
	
.hidden { display:none; }
.unhidden { display:block; }
.nofloat { float:none !important;border:0 !important;padding:0 !important;margin:0 !important;width:auto !important;height:auto !important;background:transparent !important; }
	
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


/* Clearfix for Self Clearing Blocks
------------------------------------------ */

.clearfix:after {
    content: " "; 
    font-size: 0;
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* For IE-Mac */
/*\*//*/
.clearfix {display: inline-block;}
/**/

/* Hides from IE-mac - for everyone else \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

