/*
#d3d3d3 - lgt gray
#a3a3a3 - gray
#666666 - dark gray
#cc9933 - gold
#996633 - dark gold
*/
body { color: #666; font-family: "Trebuchet MS", sans-serif; font-size: 70%; text-align: center; }
a { color: #996633; text-decoration: none; }
a:hover { text-decoration: underline; }
h2 { color: #996633; font-size: 2em; }
h3, h4 { color: #cc9933; font-weight: bold; }
form br { display: none; }
form p br { display: block; }
.clear { clear: both; }
#container { position: relative; width: 771px; margin-left: auto; margin-right: auto; background: url(../img/bg-container.png) repeat-y; }
#header { height: 192px; text-align: left; margin-bottom: 10px; background: url(../img/header.png) no-repeat; }
#header h1 { position: relative; width: 133px; height: 109px; top: 35px; left: 30px; }
#header h1 span { position: absolute; width: 100%; height: 100%; background: url(../img/logo.png) no-repeat; }
#members { position: absolute; top: 60px; right: 120px; }
#dealers { position: absolute; top: 60px; right: 25px; }
#login { display: none; position: absolute; top: 0; right: 0; }
#search { position: absolute; top: 100px; right: 25px; text-align: right; }
#search label { color: #fff; }
#search .text { border: 0; width: 110px; height: 16px; padding: 1px; line-height: 18px; border: 1px solid #846e22; background: url(../img/bg-input.png) repeat-x; }
#search .submit { vertical-align: top; }
#content { width: 727px; margin-left: auto; margin-right: auto; text-align: left; background: url(../img/bg-content.png) no-repeat; }
#content .bottom { clear: both; height: 10px; background: url(../img/bg-content.png) bottom no-repeat; }
#content2 { width: 727px; margin-left: auto; margin-right: auto; text-align: left; background: none; }
#body { padding: 30px; }
#body h2 { margin-bottom: 0.5em; }
#body h3,
#body p { margin-bottom: 1em; }
#body strong { font-weight: bold; }
#body em { font-style: italic; }
#body ul { margin-bottom: 1em; padding-left: 1.5em; list-style: disc; }
#body ol { margin-bottom: 1em; padding-left: 2em; list-style: decimal; }
#body form label { display: block; margin-bottom: 0.5em; }
#body form select { display: block; }
#body form .text { display: block; width: 100%; }
#body form .error { color: red; }
#body form#contact { width: 300px; float: left; margin-right: 20px; }
#body form#account { width: 300px; }
#body form#login2 { width: 300px; }
#body form#forgot { width: 300px; }

#page img { margin: 10px; }

.collection { width: 319px; float: left; }
.collection a { position: relative; display: block; width: 319px; height: 110px; overflow: hidden; cursor: hand; }
.collection a span { position: absolute; width: 100%; height: 100%; background: url(../img/bg-collection.gif) no-repeat; }
.collection p { color: #996633; text-align: right; }
.collection2 { margin-left: 27px; }
.collection3 { overflow: auto; }
.collection3 div { position: relative; width: 727px; height: 258px; overflow: hidden; margin-bottom: 1em; }
.collection3 div img { position: absolute; top: 5px; left: 5px; width: 717px; height: 248px; }
.collection3 div span { position: absolute; width: 100%; height: 100%; background: url(../img/bg-collection3.gif) no-repeat; }
.collection3 p { width: 570px; float: left; }
.collection3 img { float: left; }

.gemstone { width: 157px; float: left; margin-left: 12px; }
.gemstone a { position: relative; display: block; width: 157px; height: 102px; overflow: hidden; cursor: hand; }
.gemstone a span { position: absolute; width: 100%; height: 100%; background: url(../img/bg-gemstone.gif) no-repeat; }
.gemstone p { color: #996633; text-align: right; }
.gemstone2 { margin-left: 0; }

.advert { width: 120px; float: left; margin-left: 14px; }
.advert a { display: block; width: 120px; height: 141px; overflow: hidden; border: 1px solid #cc9933; }
.advert p { color: #996633; text-align: right; }
.advert p span { display: block; color: #666; }
.advert2 { margin-left: 0; }

.dealer { clear: left; }
.dealer div { float: left; width: 295px; margin: 0 0 20px 20px; }
.dealer img { float: left; margin: 0 0 20px 0; }
.dealer h3 { font-size: 1.5em; }
.dealer p { text-align: left; }

.banner2 { margin-bottom: 10px; }
.banner3 { margin-right: 7px; }

#right { display: inline; width: 210px; text-align: right; float: right; }
#right h3 { position: relative; width: 167px; height: 11px; text-align: left; margin: 0 0 20px 47px; font-size: 1px; }
#right h3 span { position: absolute; width: 100%; height: 100%; background: url(../img/header-alternative.png) no-repeat; }
#right p { margin: 5px 0; }
#right a img { margin: 0 0 14px 14px; border: 1px solid #d3d3d3; }
#right a.selected img { border: 1px solid #cc9933; }

#left { display: inline; width: 440px; float: left; }
#left form { text-align: right; }
#left img { float: left; }
#left h3,
#left h4 { color: #996633; }

#suggest { clear: both; }
#suggest h3 { position: relative; width: 115px; height: 10px; overflow: hidden; font-size: 1px; }
#suggest h3 span { position: absolute; width: 100%; height: 100%; background: url(../img/header-related.png) no-repeat; }
#suggest object { width: 300px; height: 125px; }

#footer { position: relative; height: 76px; background: url(../img/footer.png) no-repeat; }
#footer p { padding-top: 45px; text-transform: uppercase; color: #fff; }
#footer object { position: absolute; right: 25px; top: 45px; }

#menu { position: absolute; top: 170px; left: 45px; width: 727px; text-align: left; z-index: 100; }
.menu a { padding: 2px 15px 2px 5px; font-weight: bold; text-transform: uppercase; background: url(../img/menu.gif) right no-repeat; }
.menu a.last { background: none; }
.menu ul a { background: none; }
.menu ul a.submenu { background: url(../img/arrow.gif) right no-repeat; }

#sitemap a { text-transform: uppercase; }
#sitemap ul { margin-left: 1em; }