#menu {
  position: relative;
  width: 100%;
  background: url('../images/menuBarBackground.png');
  height: 25px;
}
#menu #menuItemHolder {
  position: relative;
  width: 950px;
  height: 100%;
  text-align: center;
  z-index: 5;
}
#menu #phone {
  position: absolute;
  right: -212px;
  top: -63px;
  width: 150px;
  color: #696969;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: "Maison Neue Light", Helvetica, Arial, Sans-Serif, sans-serif;
}
#menu #skuSearch {
  position: absolute;
  right: -212px;
  top: -40px;
  width: 150px;
}
#menu #skuSearch #skuSearchBox {
  float: left;
  background: #f4f4f4;
  border: none;
  margin: 0;
  width: 110px;
  padding: 3px;
  height: 19px;
  text-align: center;
  font-family: "Maison Neue Medium", Helvetica, Arial, Sans-Serif, sans-serif;
  font-weight: 500;
  font-style: normal;
  border: 1px solid #ededed;
  -webkit-transition-property: border;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  font-size: 12px;
  color: #696969;
}
#menu #skuSearch #skuSearchBox:focus {
  border: 1px solid #d3d3d3;
}
#menu #skuSearch #skuSearchSubmit {
  float: left;
  background: #ededed;
  border: none;
  height: 16px;
  background: url('../images/menu/searchButton.png') center center no-repeat #dbdbdb;
  margin-left: 2px;
  width: 11px;
}
#menu #skuSearch #skuSearchSubmit:hover {
  background-color: #bcbcbc;
  -webkit-transition: background 0.2s ease;
}
#menu #skuSearch #skuSearchSubmit:active {
  background-color: #ededed;
  -webkit-transition: background 0.1s ease;
}
#menu a {
  font-size: 13px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #696969;
  cursor: pointer;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0);
  -moz-text-shadow: 0px 0px 1px rgba(0, 0, 0, 0);
  -webkit-text-shadow: 0px 0px 1px rgba(0, 0, 0, 0);
}
#menu .menuItem,
#menu #menuItemAccount,
#menu #menuItemAccountSignedIn #menuItemShoppingCart,
#menu #logout {
  display: inline-block;
  height: 24px;
  cursor: pointer;
  line-height: 24px;
  width: 140px;
  text-align: center;
  padding-top: 1px;
}
#menu .menuItem a,
#menu #menuItemAccount a,
#menu #menuItemAccountSignedIn #menuItemShoppingCart a,
#menu #logout a {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: 500;
  font-style: italic;
}
#menu .menuItem a:hover,
#menu #menuItemAccount a:hover,
#menu #menuItemAccountSignedIn #menuItemShoppingCart a:hover,
#menu #logout a:hover {
  color: black;
}
#menu #dropDownContainer {
  display: none;
  position: absolute;
  z-index: 5;
  background: url('../images/menu/menuBackground.png');
  width: 100%;
  top: 25px;
  left: 0;
  height: 248px;
}
#menu #dropDownContainer #bottomBorder {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: url('../images/menu/menuBar.png');
}
#menu #dropDown {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  height: 0px;
}
#menu #dropDown .logo {
  float: left;
}
#menu #dropDown .menuItem {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0);
  float: left;
  height: 120px;
  min-width: 100px;
  -webkit-transition: opacity .3s;
}
#menu #dropDown .menuItem:hover {
  opacity: .8;
}
#menu #dropDown .menuItem img {
  margin: 0 auto;
}
#menu #dropDown .label {
  position: absolute;
  bottom: 0;
  color: #696969;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  text-align: center;
  width: 100%;
}
#menu #bridalDropDown .logo {
  background: url('../images/menu/bridal/bridalDrop.png');
  width: 375px;
  height: 198px;
  margin-top: 26px;
  margin-left: 100px;
}
#menu #bridalDropDown #bridalEngagementRings {
  margin-top: 22px;
  width: 354px;
  height: 205px;
}
#menu #bridalDropDown #bridalEngagementRings img {
  margin-top: 30px;
}
#menu #bridalDropDown #bridalWeddingBands {
  margin-top: 83px;
  width: 300px;
  height: 137px;
}
#menu #jewelryDropDown .logo {
  background: url('../images/menu/jewelry/jewelryDrop.png') no-repeat;
  width: 159px;
  height: 87px;
  margin-top: 72px;
  margin-left: 48px;
}
#menu #jewelryDropDown .menuItem {
  margin-top: 63px;
}
#menu #jewelryDropDown #jewelryRings {
  width: 106px;
  margin-left: 51px;
}
#menu #jewelryDropDown #jewelryBracelets {
  width: 152px;
  margin-right: 15px;
}
#menu #jewelryDropDown #jewelryNecklaces {
  width: 80px;
}
#menu #jewelryDropDown #jewelryPendants {
  width: 70px;
}
#menu #jewelryDropDown #jewelryBrooches {
  margin-right: 10px;
}
#menu #jewelryDropDown #jewelryCufflinks img {
  margin-top: 27px;
}
#menu #magnificentDropDown {
  position: relative;
}
#menu #magnificentDropDown .logo {
  background: url('../images/menu/magnificent/magnificentDrop.png');
  width: 225px;
  height: 65px;
  margin-top: 59px;
  margin-left: 114px;
}
#menu #magnificentDropDown #magnificentLinks {
  position: absolute;
  left: 156px;
  top: 142px;
}
#menu #magnificentDropDown #magnificentLinks .linkColumn {
  float: left;
  text-align: left;
  width: 80px;
  line-height: 24px;
}
#menu #magnificentDropDown #magnificentLinks a {
  color: #696969;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  -webkit-transition: color .5s;
  transition: color .5s;
}
#menu #magnificentDropDown #magnificentLinks a:hover {
  color: #458bbd;
}
#menu #magnificentDropDown #magnificentLinks a:active {
  color: #696969;
}
#menu #magnificentDropDown #magnificentNecklace {
  float: left;
  background: url('../images/menu/magnificent/necklace.png');
  width: 432px;
  height: 225px;
  margin-left: 16px;
}
#menu #magnificentDropDown #magnificentEarrings {
  float: left;
  background: url('../images/menu/magnificent/earrings.png');
  width: 340px;
  height: 214px;
  margin-left: 15px;
}
#menu #diamondsDropDownBackground {
  position: relative;
  background: url('../images/menu/diamonds/diamond.png') no-repeat center center;
  width: 1174px;
  height: 247px;
  margin: 0 auto;
}
#menu #diamondsDropDownBackground .text {
  font-family: Georgia, Times, "Times New Roman", serif;
  position: absolute;
  left: 340px;
  top: 150px;
  color: #696969;
  font-size: 13px;
  font-style: italic;
  text-align: center;
  line-height: 20px;
}
#menu #diamondsDropDownBackground .text:hover {
  color: #458bbd;
}
#menu #diamondsDropDownBackground .text:active {
  color: #696969;
}
#menu #featuredDropDown .text {
  font-family: Georgia, Times, "Times New Roman", serif;
  position: absolute;
  color: #458bbd;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#menu #featuredDropDown .text:hover {
  color: #53aae8;
}
#menu #featuredDropDown .text:active {
  color: #458bbd;
}
#menu #featuredDropDown #pearls {
  position: relative;
  float: left;
  background: url('../images/menu/featured/pearls.png') center left no-repeat;
  width: 1200px;
  height: 248px;
}
#menu #featuredDropDown #pearls .text {
  left: 152px;
  top: 150px;
}
#menuItemAccount {
  position: absolute;
  right: -188px;
  top: 0;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #458bbd;
  cursor: pointer;
}
#menuItemAccount:hover {
  color: black;
}
#accountInfo {
  font-family: Georgia, Times, "Times New Roman", serif;
  position: absolute;
  right: -210px;
  top: 0px;
}
#accountInfo #menuItemAccountSignedIn,
#accountInfo #menuItemShoppingCart,
#accountInfo #logout {
  display: inline-block;
  width: auto;
  font-size: 13px;
}
#accountInfo #accountButton,
#accountInfo #menuItemShoppingCart a {
  color: #458bbd;
}
#accountInfo #accountButton:hover,
#accountInfo #menuItemShoppingCart a:hover {
  color: #000;
}
#accountInfo #accountButton:active,
#accountInfo #menuItemShoppingCart a:active {
  color: #458bbd;
}
#accountInfo .menuSplitter {
  color: #696969;
}
#accountInfo #menuItemAccountSignedIn {
  font-style: italic;
  color: #cecece;
}
#backFade {
  display: none;
  position: fixed;
  opacity: .55;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: #ffffff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #212121 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #212121));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #212121 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #212121 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #212121 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #ffffff 0%, #212121 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#212121', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#loginPopUp {
  display: none;
  position: fixed;
  z-index: 7;
  background: #fff;
  left: 50%;
  top: 50%;
  margin-top: -186px;
  margin-left: -242px;
  width: 482px;
  height: 370px;
  border: 1px solid #ccc;
  font-family: Georgia, Times, "Times New Roman", serif;
}
#loginPopUp .closeButton {
  position: absolute;
  top: -5px;
  right: -5px;
  background: url('../../images/x.png') no-repeat center center #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #727272;
}
#loginPopUp .closeButton:hover {
  box-shadow: 0px 0px 15px #424242;
}
#loginPopUp #forgotPasswordDisplay {
  display: none;
}
#loginPopUp #loginTitle,
#loginPopUp #forgotPasswordTitle {
  font-style: italic;
  font-size: 25px;
  color: #77787B;
  margin: 28px 0 25px 0;
  letter-spacing: 1px;
  text-align: center;
}
#loginPopUp input {
  font-family: Georgia, Times, "Times New Roman", serif;
  background: #f5f6f6;
  text-align: center;
  border: none;
  padding: 8px;
  outline: none;
  width: 240px;
  font-size: 15px;
  color: #494949;
  margin: 18px auto 0 auto;
  display: block;
  letter-spacing: 1px;
}
#loginPopUp #forgotPasswordLink {
  font-size: 12px;
  color: #7B7C7F;
  cursor: pointer;
  text-align: center;
  margin: 10px auto 0 auto;
  font-style: italic;
  letter-spacing: 1px;
}
#loginPopUp #forgotPasswordLink:hover {
  color: #696969;
}
#loginPopUp #forgotPasswordLink:active {
  color: #979797;
}
#loginPopUp .submit {
  margin: 31px auto 0 auto;
  width: 159px;
  height: 35px;
  background: url('../images/loginSubmitButton.png');
}
#loginPopUp .submit:hover {
  opacity: .8;
}
#loginPopUp .submit:active {
  background: 1;
}
#loginPopUp .errorMessage {
  height: 10px;
  font-size: 12px;
  color: #da6e70;
  text-align: center;
  letter-spacing: 1px;
  margin: 14px 0 27px 0;
}
#loginPopUp #forgotPasswordDisplay #forgotPasswordTitle {
  margin: 76px 0 0 0;
}
#loginPopUp #forgotPasswordDisplay .submit {
  margin-top: -34px;
}
#loginPopUp #forgotPasswordDisplay #backToLogin {
  font-size: 12px;
  color: #696969;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center;
  margin-top: 61px;
  letter-spacing: 1px;
}
#loginPopUp #forgotPasswordDisplay #backToLogin:hover {
  color: #979797;
}
#loginPopUp #forgotPasswordDisplay #backToLogin:active {
  color: #696969;
}
#loginPopUp #registerFooter {
  text-align: center;
  color: #7B7C7F;
  font-style: italic;
  letter-spacing: 1px;
}
#loginPopUp #registerFooter a {
  font-style: normal;
  color: #458bbd;
}
#shoppingBag {
  display: none;
  position: absolute;
  right: 5px;
  top: 21px;
  background: #fff;
  width: 340px;
  border: 1px solid #e5e5e5;
  border-top: 0;
  opacity: .95;
}
#shoppingBag .loading {
  margin: 20px auto;
}
#shoppingBag .shoppingBagItem {
  position: relative;
  padding: 20px;
  height: 80px;
  border-bottom: 1px solid #e5e5e5;
}
#shoppingBag .emptyBag {
  color: #979797;
  font-style: italic;
  text-align: center;
  margin: 30px 0;
}
#shoppingBag .closeButton {
  position: absolute;
  background: url('../images/x.png') center center #ffffff no-repeat;
  width: 15px;
  height: 15px;
  right: 3px;
  top: 3px;
  border-radius: 7px;
}
#shoppingBag .closeButton:hover {
  background-color: #ccc;
}
#shoppingBag .closeButton:active {
  background-color: #fff;
}
#shoppingBag .picture {
  width: 82px;
  height: 79px;
  background: white;
  float: left;
}
#shoppingBag .picture img {
  max-width: 82px;
  max-height: 79px;
}
#shoppingBag .title {
  float: left;
  font-family: "Maison Neue Medium", Helvetica, Arial, Sans-Serif, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  margin-bottom: 15px;
  margin-left: 10px;
  width: 200px;
}
#shoppingBag .info {
  float: left;
  font-size: 12px;
  text-align: left;
  margin-left: 10px;
}
#shoppingBag .infoTitle {
  font-weight: bold;
}
#shoppingBag .infoValue {
  font-family: "Maison Neue Medium", Helvetica, Arial, Sans-Serif, sans-serif;
}
#shoppingBag .buttons {
  clear: both;
  padding: 10px 0;
}
#shoppingBag .buttons .checkout {
  display: inline-block;
  background: #9DC0E2;
  color: #fff;
  padding: 9px 25px;
  cursor: default;
  font-size: 14px;
  letter-spacing: 1px;
}
#shoppingBag .buttons .checkout:hover {
  opacity: .8;
}
#shoppingBag .buttons .checkout:active {
  opacity: 1;
}