/*CORE BASE STYLES*/

/*COLORS
black: 050505
white: ffffff
red: ff0000
*/

BODY {
	margin:0; 
	padding:0; 
	background:#050505; 
	text-align:center; 
	font:100% Lucida,"Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
	font:100% Palatino,"Palatino Linotype","Book Antiqua","New York",serif; 
	color:#fff; 
	}
P, UL, OL {
	margin:2px 0 10px 0; 
	line-height:1.3em; 
	}
P {

	}
UL {
	padding:0 0 0 15px; 
	list-style-type:disc; 
	}
UL UL {
	margin:0; 
	}
OL {
	padding:0 0 0 15px; 
	list-style-type:decimal; 
	}
OL OL {
	margin:0; 
	}
A {
	text-decoration:underline; 
	}
A:LINK {
	color:#ACBFBF; 
	}
A:VISITED {
	color:#738080; 
	}
A:HOVER {
	color:#BFFFFF; 
	}
A:ACTIVE {
	color:#ACBFBF; 
	}
H1, H2, H3, H4, H5, H6 {
	margin:2px 0 10px 0; 
	padding:0; 
	text-transform:uppercase; 
	line-height:1.3em; 
	color:#f00; 
	font:100% normal Palatino,"Palatino Linotype","Book Antiqua","New York",serif; 
	}
/*H1 { 
	font-size:200%; 
	}
H2 {
	font-size:160%; 
	}
H3 {
	font-size:140%; 
	}
H4 {
	font-size:100%; 
	}
H5 {
	font-size:90%; 
	}
H6 { 
	font-size:85%; 
	}*/
INPUT, SELECT, TEXTAREA {
	font:100% Palatino,"Palatino Linotype","Book Antiqua","New York",serif; 
	}

/*SPECIFIC PAGE SECTION STYLES*/

#firstBlock, #navigation, #logo, #siteTools, #subscription {
	position:absolute; 
	font-size:76%; 
	box-sizing:content-box; 
	}
#page {
	position:relative; 
	width:840px; 
	margin:0 auto; 
	padding:0; 
	text-align:left; 
	}
#firstBlock {
	top:172px; 
	left:0; 
	margin:0; 
	padding:0 16px; 
	background:url(../images/bg-glow-side.gif) 0 0 repeat-y; 
	width:840px; 
	voice-family:"\"}\""; 
	voice-family:inherit; 
	width:808px; 
	}
	html>body #firstBlock {
		width:808px;
		} 
#contentWrapper {	
	
	}
#content {
	position:relative; 
	float:right; 
	overflow:hidden; 
	padding:15px 20px; 
	height:200px; 
	/* http://tantek.com/CSS/Examples/boxmodelhack.html */
	width:265px; 
	voice-family:"\"}\""; 
	voice-family:inherit; 
	width:225px; 
	}
	html>body #content {
		width:225px; 
		height:auto; 
		/* http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml */
		min-height:200px; 
		} 
#subscription {
	bottom:0; 
	left:0; 
	overflow:hidden; 
	padding:55px 10px 5px 20px; 
	background:url(../images/bg-email.gif) no-repeat; 
	font-size:100%; 
	width:265px; 
	height:90px; 
	voice-family:"\"}\""; 
	voice-family:inherit; 
	width:235px; 
	height:30px; 
	}
	html>body #subscription {
		width:235px; 
		height:30px; 
		} 
#supplementWrapper {
	float:left; 
	width:543px; 
	}
#supplement {
	
	}
#bottomNav {
	clear:both; 
	margin:0 -16px; 
	padding:0 16px; 
	background:#050505 url(../images/bg-glow-bot.gif) no-repeat; 
	width:840px; 
	voice-family:"\"}\""; 
	voice-family:inherit; 
	width:808px; 
	}
	html>body #bottomNav {
		width:808px;
		} 
#footer {
	clear:both; 
	margin:0 -16px; 
	padding:15px 16px; 
	background-color:#050505; 
	text-align:center; 
	text-transform:uppercase;  
	font-size:11px; 
	width:840px; 
	voice-family:"\"}\""; 
	voice-family:inherit; 
	width:808px; 
	}
	html>body #footer {
		width:808px;
		} 
#navigation {
	z-index:100; 
	top:105px; 
	left:0; 
	height:30px; 
	font-size:69%; 
	} 
#siteTools {
	top:135px; 
	padding:5px 16px 0 16px; 
	background:url(../images/bg-glow-top.gif) no-repeat; 
	width:840px; 
	height:37px; 
	voice-family:"\"}\""; 
	voice-family:inherit; 
	width:808px; 
	height:32px; 
	}
	html>body #siteTools {
		width:808px;
		height:32px; 
		} 
#logo {
	top:0; 
	left:0; 
	width:100%; 
	background:url(../images/fine-jewelers.gif) 98% 100% no-repeat; 
	text-align:center; 
	}

/* SECTION-SPECIFIC STYLES */

#subscription INPUT {
	width:150px; 
	}
#subscription #buttonGo {
	width:47px; 
	height:19px; 
	margin:0 0 -7px 5px; 
	}
#siteTools #toolButtons {
	float:left; 
	}
#toolButtons UL {
	list-style-type:none; 
	margin:0; 
	padding:0; 
	}
#toolButtons LI {
	float:left; 
	padding:0; 
	}
#siteTools #toolSearch {
	float:right;
	padding:4px 0 0 20px;  
	width:265px; 
	height:90px; 
	voice-family:"\"}\""; 
	voice-family:inherit; 
	width:245px; 
	height:30px; 
	}
	html>body #toolSearch {
		width:245px; 
		height:30px; 
		} 
#siteTools #toolSearch INPUT {
	width:150px; 
	}
#siteTools #toolSearch #buttonSearch {
	width:68px; 
	height:19px; 
	margin:0 0 -7px 5px; 
	}
#footer A:LINK, #footer A:VISITED {
	color:#ccc; 
	}
#footer A:HOVER, #footer A:ACTIVE {
	color:#fff; 
	}
#footer UL {
	list-style-type:none; 
	}
#footer LI {
	float:left; 
	padding:0 8px 0 7px; 
	}
#name {
	float:left; 
	padding:0; 
	width:440px; 
	}
#name LI {
	float:right; 
	padding:0 10px 0 15px; 
	background:url(../images/bullet-white.gif) 0 4px no-repeat; 
	}
#name LI + LI {
	background-image:url(../images/spacer.gif); 
	}
#contact {
	float:left; 
	padding:0; 
	width:350px; 
	}
#contact LI {
	padding:0 10px 0 15px; 
	background:url(../images/bullet-white.gif) 0 4px no-repeat; 
	}
#footerLinks, #copyright {
	float:left; 
	padding:0; 
	color:#ccc; 
	font:9px Arial, Helvetica, sans-serif; 
	}
#footerLinks {
	width:315px; 
	}
#footerLinks LI {
	float:right; 
	background:url(../images/divider-white.gif) 0 0 repeat-y; 
	}
#footerLinks LI + LI {
	background-image:url(../images/spacer.gif); 
	}
#copyright {
	width:475px; 
	}
#copyright LI {
	
	}
#bottomNav UL {
	list-style-type:none; 
	margin:0; 
	padding:0; 
	}
#bottomNav LI {
	float:left; 
	padding:7px 4px 0 0; 
	}
#content TABLE {
	font-size:131%;
	}
#content TD {
	padding:5px;
	font-size:76%;
	}
.note {
	font-size:smaller; 
	font-style:italic; 
	line-height:1.1em; 
	}

/* Begin Son of Suckerfish Dropdown Menu 
http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#navigation, #navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#navigation {
	padding:0 0 0 16px; 
	}

#navigation a {
	display: block;
	/*width: 10em;*/
	text-decoration:none; 
}

#navigation li { /* all list items */
	float: left;
	padding:0 4px 0 0; 
	/*width: 10em;*/ /* width needed or else Opera goes nuts */
}

#navigation li li { 
	border-bottom:1px solid #999; 
	padding:3px 21px 3px 15px; 
	width:150px; 
	voice-family:"\"}\""; 
	voice-family:inherit; 
	width:114px; 
	}
	html>body #navigation li li {
		width:114px; 
		} 

#navigation li ul { /* second-level lists */
	position: absolute;
	background: #050505;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-left:5px solid #999; 
	border-right:1px solid #999; 
}

#navigation li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 150px;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* End Son of Suckerfish Dropdown Menu */

/* Begin CSS Image Rollover 
 http://www.wellstyled.com/css-nopreload-rollovers.html 
 Modification: no background images used, only changing background color behind PNG text cutout */

#navigation LI A, #siteTools LI A, #bottomNav LI A {
	display:block; 
	margin:0; 
	padding:0; 
	overflow:hidden; 
	background-color:#fff; 
	}
#navigation LI.current A {
	background-color:#f00; 
	}
#navigation LI A:hover, #navigation LI.current A {
	background-color:#f00; 
	}
#navigation LI LI A, #navigation LI LI A:HOVER, #navigation LI.current LI A, #navigation LI.current LI A:HOVER {
	background-color:#000; 
	}
#siteTools LI A {
	background-color:#434242; 
	}
#siteTools LI A:hover {
	background-color:#000; 
	}
#bottomNav LI A {
	background-color:#555; 
	}
#bottomNav LI A:hover {
	background-color:#3E0B0A; 
	}
#bottomNav LI.myLinks A {
	background-color:#3E0B0A; 
	}
#bottomNav LI.myLinks A:hover {
	background-color:#555; 
	}

/* End CSS Image Rollover */

/* PNG Transparency Hack for older IE versions 
 http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html */
#navigation IMG, #siteTools IMG, #bottomNav IMG {
	behavior:url('/includes/pngbehavior.htc');
	}

/* http://www.positioniseverything.net/easyclearing.html */
#navigation UL:after, #bottomNav UL:after, #siteTools:after, #toolButtons UL:after, #contentWrapper:after, #footer:after, #contact:after, #footerLinks:after, #copyright:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
	}

#heading {
	margin:-15px -20px; 
	background-color:#222; 
	}
#heading h1 {
	margin:0 0 20px 0; 
	padding:15px 20px 10px 20px; 
	}
#sortBox {
	position:absolute; 
	top:10px; 
	right:15px; 
	}
#sortBox select {
	width:150px; 
	}
.grid td {
	background-color:#333; 
	}
.productPhoto {
	height:135px; 
	}
.productName {
	text-transform:uppercase; 
	font-weight:bold; 
	}
.productTeaser {
	text-transform:uppercase; 
	}
.productPrice {
	
	}
#contentBanner {
	margin:5px 0 5px 10px; 
	}