/* tag and repeated styles */
/*html {background-image: url(../images/bg_solid.png); background-repeat: repeat;}*/
body {/*background-color: #005389;*/ min-height: 400px; background-image: url(../images/bg.png); background-repeat: repeat-x; background-color: #979797; padding-top: 10px; padding-bottom: 20px; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #FFFFFF;}
a:link {color: #9ea5ff;}
a:visited {color: #999999;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; font-weight: bold; color: #9ea5ff; margin-top: 0px; margin-bottom: 2px; font-variant: small-caps; letter-spacing: .05em;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #9ea5ff; font-weight: normal; margin-top: 0px; margin-bottom: 2px; font-variant: small-caps; letter-spacing: .05em;}
h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #9ea5ff; font-weight: normal; margin-top: 10px; margin-bottom: 2px; font-variant: small-caps; letter-spacing: .05em;}
p {margin-top: 5px; line-height: 130%; letter-spacing: .05em;}
.divider {width: 880px; height: 2px; background-image: url(../images/divider.png);}
.bottom {height: 20px; width: 880px; background-image: url(../images/bottom.png); clear: both;}
.floatRight {float: right;}

/* body styles */
#container {width: 880px; margin: auto;}

/* header and menu styles*/
#headerContainer { width: 880px; height: 50px; clear: both;}
#headerCornerLeft {width: 20px; height: 50px; background-image: url(../images/header_left_corner.png); background-repeat: no-repeat; float: left;}
#headerCornerRight {width: 20px; height: 50px; background-image: url(../images/header_right_corner.png); background-repeat: no-repeat; float: left;}
#headerBody {width: 840px; height: 50px; background-image: url(../images/header_bg.png); float: left;}
#logo {width: 173px; height: 50px; float: left; background-image: url(../images/logo-a.png);}
#logo h1 {display: none;}
#logo a {display: block; width: 173px; height: 50px;}
#menu {height: 50px; width: auto; float: right; line-height: 50px;}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; text-decoration: none; color: #FFFFFF;} 
#frontContent {width: 850px; padding: 15px; background-color: #000000; clear: both; overflow: auto;}
#frontContent hr{background-color: #CCCCCC; color: #CCCCCC; border: 0px; width: 300px; height: 1px;}
#subMenu {margin-top: 20px; margin-bottom: 20px;}
#subMenu a:link, #subMenu a:visited {color: #FFFFFF;}
#retailerForm {padding-left: 4px;}
#retailerForm p{margin-top: .5em; margin-bottom: .5em;}
#retailerForm form{margin: 0px; padding: 0px;}
#catalogMenu {position: relative;}
#flash {position: absolute; z-index: 1;}

/*elements for the catalog items section*/
#itemsContainer {display: none; width: 880px; height: 232px; background-color: #000000; clear: both;}
#gemsContainer {width: 880px; height: 232px; background-color: #000000; clear: both;}
#itemsLeftButton {width: 9px; height: 212px; float: left; background-color: #FFFFFF;}
#itemsRightButton {width: 9px; height: 212px; margin-left: 2px; float: right; background-color: #FFFFFF;}
#items {width: 860px; height: 212px; float: left; overflow: hidden; white-space: nowrap;}
.item {height: 212px; width: 212px; float: left; background-image: url(../images/loading_image.jpg); background-color:#FFFFFF; margin-left: 2px;}
.item a:link, .item a:visited {display: block; height: 212px; width: 212px;}
#itemsBottomButtons {height: 20px; background-image: url(../images/itemsbottombg.gif); clear:left;}
#itemsBottomLeftButton {font-size: 16px; font-weight: bold; color: #000000; float: left; width:400px; padding-left: 10px; text-transform:uppercase;}
#itemsBottomRightButton {font-size: 16px; font-weight: bold; color: #000000; float: right; width: 400px; text-align: right; padding-right: 10px; text-transform:uppercase;}
#itemsBottomLeftButton a {text-decoration: none; color: #000000; width: 400px;}
#itemsBottomRightButton a {text-decoration: none; color: #000000; width: 400px;}

/* Item Details */
#detailsContainer {position: absolute; z-index: 2; display: none; left: 50%; top: 75px; width: 700px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; margin-left: -350px;}
#detailsTop {position: relative; width: 700px; height: 30px; background-image: url(../images/details_top.png);}
#details {width: 678px; /*min-height: 250px;*/ overflow: auto; background-color: #000000; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; padding-left: 10px; padding-right: 10px; clear: both;}
#details ul {list-style-type: circle; margin-top: .5em; margin-bottom: .1em; list-style-image: url(../images/checkbullet.png);}
/*#details li {margin-left: 1em; padding-left: 3px;}*/
#detailsBottom {width: 700px; height: 30px; background-image: url(../images/details_bottom.png); clear: both;}
div#detailsTop p {position: absolute; top: 1px; right: 20px; width: 20px; height: 20px; background-image: url(../images/details_close.png); margin: 0px; padding: 0px;}
div#detailsTop p a{ display: block; height: 20px; width: 20px;}
#detailsPhoto { margin-left: 20px; margin-bottom: 10px; float: right;}
#printDetailsPhoto {float: right;}
#printEmail {clear:both; margin-top: 15px;}
#newsletter {width: 500px; background-color: #9ea5ff; padding: 5px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px; text-align: center; white-space: nowrap; border: 1px solid #FFFFFF; font-weight: bold; color: #42456a;}
#newsletter form{margin: 0px;}
#emailFail {margin-bottom: 15px; margin-left: auto; margin-right: auto; padding: 5px; width: 30%; background-color: #FFCCCD; border: 2px solid #990000; text-align: center; color: #990000;}
#emailSent {margin-bottom: 15px; margin-left: auto; margin-right: auto; padding: 5px; width: 30%; background-color: #9ea5ff; border: 2px solid #FFFFFF; text-align: center; color: #42456a;}
#contactContainer {float: left; background-color: #000000; background-image: url(../images/black_bg.jpg); padding: 10px; border: 1px solid #666666; margin-right: 10px; margin-bottom: 5px; width: 250px; color: #ffffff;}
#contactContainer h2{color: #9ea5ff;}
#contactContainer a{color: #9ea5ff;}
#catalogGems {width: 880px; height: 315px; background-image: url(../images/gems_title.jpg);}
#catalogGemsDescription {width: 350px; /*height: 200px;*/ position: absolute; top: 100px; right: 25px; line-height: 2em; font-weight: bold;}