@charset "utf-8";
body { background: url(../images/page-bg.jpg) repeat-x top center #6b6f7a;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;color: #fff; } /*  cursor: url('../images/pointer-bird.cur'), auto; */
a {outline: none;text-decoration:none;} 
a:hover {text-decoration:none;}
img {border:none;}
.cleaner {clear:both;height:1px;font-size:1px;border:none;margin:0; padding:0;background:transparent;}
.arial {font-family:Arial, Helvetica, sans-serif;}
.wrap {width: 960px;margin: 0 auto;min-height:600px; }
.inner-wrap {min-height: 600px;margin-top: 25px;padding-top: 25px;}
.scroller-wrap {min-height: 600px;padding-top: 25px;}

.landing {background-image: url(../images/home-trees-wgray.jpg);background-repeat: no-repeat;height: 465px;width: 606px;margin: 45px auto;}
/* was: background-image: url(../images/home-trees.png);
however, ie7 did not like transparent PNGs w/ the opacity/fade effects and added a black outline to the trees.
ie7 DID like a PNG or JPG w/the gray background in place, or a transparent GIF.
 */ 
.landing a {display: block;height: 464px;width: 605px;text-indent: -5000px;}
.logo {background-image: url(../images/logo.png);height: 32px;width: 127px;margin: 40px auto 45px;}
.logo a {display: block;width: 128px;height: 33px;text-indent: -5000px;}

#socialmedia-wrapper {position:absolute; width: 960px;margin: 0 auto; height:1px; } /* background-color:#cccccc; */
/* #socialmedia { position:absolute; left:930px; top:47px; width:66px; height:28px; } */
#socialmedia { position:absolute; right:44px; top:-24px; width:66px; height:28px; }
#socialmedia a { margin-left:2px; margin-right:2px; }

/*menus, navs*/ 
#navlist, #subnavlist, #handsnavlist {float:left;width:100%;position:relative;overflow:hidden;}
#subnavlist, #handsnavlist {clear:both;margin:25px 0;}
#handsnavlist {clear:both;margin:27px 0 25px;}
#navlist ul, #subnavlist ul, #handsnavlist ul  {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;}
 
#navlist li, #subnavlist li, #handsnavlist li  {float:left;list-style:none;margin:0;position:relative;right:50%;}
/* #navlist li {height: 14px;padding:0 25px;} */
#navlist li {height: 14px;padding:0 15px;}
#subnavlist li {height: 94px;}
#handsnavlist li {height: 94px;}

#navlist li a, #subnavlist li a, #handsnavlist li a{display:block;margin:0;padding:0;background-repeat:no-repeat;text-indent:-5000px;}
#navlist li a {line-height:14px;}
#subnavlist li a{line-height:92px;}
#handsnavlist li a{line-height:94px;width: 101px;}

#navlist  a:hover, #navlist #current {background-position:0 -14px;height:14px;display:block;}
#subnavlist  a:hover, #subnavlist #current {background-position:0 -92px;height:92px;display:block;}
#handsnavlist  a:hover, #handsnavlist #current {background-position:0 -94px;height:94px;display:block;}

.menu-jewels, .menu-jewels a {width: 44px;}
.menu-jewels a {background-image: url(../images/menu/jewels.png);}
.menu-hands, .menu-hands a {width: 138px;}
.menu-hands a{background-image: url(../images/menu/hands.png);}
.menu-seen, .menu-seen a {width: 78px;}
.menu-seen a{background-image: url(../images/menu/as-seen.png);}
.menu-events, .menu-events a {width: 126px;}
.menu-events a{background-image: url(../images/menu/events.png);}
.menu-find, .menu-find a {width: 52px;}
.menu-find a{background-image: url(../images/menu/find.png);}
.menu-stores, .menu-stores a {width: 45px;}
.menu-stores a{background-image: url(../images/menu/stores.png);}
.menu-cart, .menu-cart a {width: 105px;}
.menu-cart a{background-image: url(../images/menu/cart.png);}
.menu-social-twitter, .menu-social-twitter a {width: 28px;}
.menu-social-twitter a {background-image: url(../images/twitter.gif);} 
.menu-social-facebook, .menu-social-facebook a {width: 28px;}
.menu-social-facebook a {background-image: url(../images/facebook.gif);} 
.menu-socialmedia-placeholder {width: 66px;}

.submenu-pearl, .submenu-pearl a{width: 103px;}
.submenu-pearl a {background-image: url(../images/menu/sub-temp.jpg);}
.submenu-turquoise, .submenu-turquoise a{width: 90px;}
.submenu-turquoise a{background-image: url(../images/menu/turquoise.jpg);}
.submenu-coral, .submenu-coral a {width: 90px;}
.submenu-coral a {background-image: url(../images/menu/coral.jpg);}
.submenu-smoky, .submenu-smoky a {width: 92px;}
.submenu-smoky a {background-image: url(../images/menu/smoky.jpg);}
.submenu-carnelian, .submenu-carnelian a {width: 90px;}
.submenu-carnelian a {background-image: url(../images/menu/carnelian.jpg);}
.submenu-photo, .submenu-photo a {width: 90px;}
.submenu-photo a {background-image: url(../images/menu/photo.jpg);}
.submenu-bracelets, .submenu-bracelets a {width: 91px;}
.submenu-bracelets a {background-image: url(../images/menu/bracelets.jpg);}
.submenu-earrings, .submenu-earrings a{width: 91px;}
.submenu-earrings a{background-image: url(../images/menu/earrings.jpg);}
.submenu-layers, .submenu-layers a {width: 92px;}
.submenu-layers a {background-image: url(../images/menu/layers.jpg);}
.submenu-viewall {position:absolute; top:80px; left:900px;}
.submenu-viewall a{color:#ccc;font-family:'trajan pro',"Times New Roman", Times, serif;font-size:9px;}
.submenu-viewall a:hover{color:#fff;}

.handsmenu-jamie a {background-image: url(../images/menu/about-jamie.jpg);}
.handsmenu-jordan a {background-image: url(../images/menu/about-jordan.jpg);}
.handsmenu-marcelle a {background-image: url(../images/menu/about-marcelle.jpg);}
.handsmenu-mk a {background-image: url(../images/menu/about-mk.jpg);}
.handsmenu-sherri a {background-image: url(../images/menu/about-sherri.jpg);}

/*product nav*/
.category-wrap .page-nav {text-transform:uppercase;font-size: 10px;text-align: center;}
.category-list-wrap .page-nav {text-transform:uppercase;font-size: 9px;padding-left:230px;padding-bottom: 10px;}
.page-nav a {color: #B2B2B2;}
.page-nav a:hover {color: #fff;}

/*prev/next nav*/
.date-nav {width:200px;margin: 0 auto 15px;position: relative;height: 25px;}
.date-nav a {font-size: 10px;color: #fff;}
.date-nav .button-previous, .date-nav .button-next {float:left;width:100px;}
.date-nav .button-previous a,.date-nav .button-next a {display:block;}
.date-nav .button-previous a{background: url(../images/events/button-prev.png) no-repeat;padding-left: 15px;}
.date-nav .button-next a{background: url(../images/events/button-next.png) no-repeat top right;text-align:right;padding-right:15px;}
.emailprint {position: absolute;left: 382px;top: 6px;width: 150px;height: 25px;z-index: 2;}
.emailprint a {margin: 0 15px;font-size: 14px;}

.footer {font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #B2B2B2;margin: 25px auto;float:left;width: 100%;position: relative;}
.footer ul {list-style: none;margin: 0;padding: 0;clear:left;float:left;position:relative;left:50%;text-align:center;}
.footer ul li {display:block;list-style:none;margin:0;padding:0;float:left;position:relative;right:50%;}
.footer ul li a {display:block;padding: 0 15px;color: #B2B2B2;text-decoration:none;}
.footer ul li a:hover{color: #fff;}
.footer ul.ul-footer-credits { font-size: 10px; }


/*buttons*/
.cart-buttons {width: 100%;border-top: 1px double #fff;padding: 5px 0;margin-top: 10px;}
.cart-buttons a{margin-bottom:5px;display: block;text-indent: -5000px;}
/*
.addtocart {background-image: url(../images/button-addtocart-lightgray.png); height: 11px;width: 152px;}
.shoppingcart {background-image: url(../images/button-shoppingcart-lightgray.png); height: 12px;width: 102px;}
.sendtofriend {background-image: url(../images/button-sendtofriend-lightgray.png); height: 12px;width: 117px;}
*/
.addtocart {background-image: url(../images/button-addtocart-dark.png); height: 11px;width: 152px;}
.shoppingcart {background-image: url(../images/button-shoppingcart-dark.png); height: 12px;width: 102px;}
.sendtofriend {background-image: url(../images/button-sendtofriend-dark.png); height: 12px;width: 117px;}


/*scrolling content*/
#scroller {width:960px;height:312px;overflow:hidden;}
.button-up {background: url(../images/events/up.png) no-repeat;height: 10px;width: 20px;text-indent: 0px;margin-bottom: 10px;}
.button-down {background: url(../images/events/down.png) no-repeat;height: 10px;width: 20px;text-indent: 0px;}
.button-up span, .button-down span {height: 10px;width: 20px;display: block;}
.scroll-hr {float: left;width: 430px;background-color: #fff;height: 1px;margin: 25px 20px 10px;}
.scroll-buttons {float: left;width: 20px;margin-top: 15px;}

#gallery {width:960px;height:120px;overflow:hidden;}

/*shop pages*/
.jewels-gallery {margin: 0 auto 100px;height: 229px;width: 229px;clear: both;}
.category-inner {font-family: 'trajan pro', Arial, Helvetica, sans-serif;}

/*category page*/
.category-wrap {width: 625px;margin: 0 auto;font-family: 'trajan pro', Arial, Helvetica, sans-serif;min-height: 600px;}
.category-wrap .product-thumb-wrap {width: 175px;float: left;}
.category-wrap  .product-thumb-block {float: left;margin: 0 17px 18px;text-align: center;}

/*category list page*/
.category-list-wrap {width: 765px;margin: 0 auto;font-family: 'trajan pro', Arial, Helvetica, sans-serif;min-height: 600px;}
.category-list-wrap .product-thumb-wrap {width: 545px;float: right;}

.category-list-wrap  .product-thumb-block {float: left;margin: 0 15px 18px;text-align: center;width: 104px;font-size: 10px;height: 150px;}
p.p-product-thumb-block {text-align: center;font-size: 10px; margin: 0;padding: 0;clear: both;}

/*product thumbs*/
.product-thumb-sm {float: left;}/*small thumbs width:45px*/
.product-thumb-sm img{width:45px;overflow:hidden;border: 2px solid #B2B2B2;}

.product-extraimages-thumb-sm {float: left; margin:5px;}
.product-extraimages-thumb-sm img{overflow:hidden;border: 2px solid #B2B2B2;}

.product-thumb-med {float: left;}/*small thumbs width:45px*/
.product-thumb-med img{height: 100px;width: 100px;overflow: hidden;border: 2px solid #B2B2B2;}
.product-thumb-block a {color:#fff;}
.product-thumb-sm img:hover, .product-thumb-med img:hover {border: 2px solid #fff;}

/*product image*/
.cat-prod-image {border: 7px solid #B2B2B2;float: left;width: 175px;}
.cat-prod-image:hover {border: 7px solid #fff;float: left;width: 175px;}

/*product text*/
.cat-prod-description {float: left;}
.category-wrap .prod-text {margin-bottom: 3px;padding-bottom: 25px;padding-right: 50px;padding-left: 10px;clear: both;width: 175px;}
.category-list-wrap .prod-text {margin-bottom: 3px;padding-bottom: 25px;clear: both;width: 175px;text-align: center;}

.prod-text p{margin:0;padding:0;}
.prod-name a, .prod-text a{font-size:14px;color: #fff;text-transform:uppercase;}

.prod-description {font-family:Arial, Helvetica, sans-serif;font-size:12px;color: #fff;}

.prod-hr {border-top: 1px solid #fff;margin-bottom: 15px;}

.product-thumb-block p {margin: 0;padding: 0;clear: both;}
.hands-content, .find-us-content {color: #fff;font-family: Helvetica, Arial, sans-serif;width: 675px;margin: 0 auto;text-align: center;min-height: 600px;}
.hands-content h1 {font-size: 12px;}
.hands-content a {color: #58BFE7;}

/*events*/
.left-col {width: 480px;border-right: 1px solid #fff;min-height: 600px;}
.right-col {width: 480px;min-height: 600px;}
.event-month {margin-bottom:25px;}
.event-month h1 {font-size: 12px;text-align: center;padding: 10px 25px;background: #3F3F3F;border: 1px solid #8C8C8C;width: 100px;margin: 0 auto;}

.event-box {width: 85%;margin: 0 auto;border-bottom: 1px solid #B2B2B2;padding: 10px 0;font-size: 12px;line-height: 11px;}
.event-label {background: url(../images/events/event.png) no-repeat;padding-left: 50px;}
.when-label {background: url(../images/events/when.png) no-repeat;padding-left: 50px;}
.time-label {background: url(../images/events/time.png) no-repeat;padding-left: 42px;}
.venue-label {background: url(../images/events/venue.png) no-repeat;padding-left: 52px;}
.description-label {background: url(../images/events/description.png) no-repeat;padding-left: 96px;line-height: 14px;}
.event-box p {margin: 0 0 4px;}

/*find us page*/
.map-wrap {background-image: url(../images/map.png);background-repeat: no-repeat;background-position: top center;height: 209px;clear: both;margin-top: 50px;padding-top: 25px;}
.map-wrap p {width: 150px;text-align: right;float: left;font-size: 12px;}
.find-us-content {font-size: 14px;line-height: 18px;}
.find-us-content a {color: #58BFE7;}

/*stores page*/
.col-a, .col-b, .col-c {width: 320px;}
.store-box {height: 135px;margin: 0 auto;margin-bottom: 15px;padding: 10px 10%;text-align: center;}
.col-a .store-box {border-right:1px solid #fff;}
.col-c .store-box {border-left:1px solid #fff;}

.store-box h2 {font-size: 16px;margin: 0;padding: 0;}
.store-box p {font-size: 14px;margin: 0;padding: 0;line-height: 22px;}
.store-box a {color: #fff;}

/*as seen on*/
.photodiv{float: left;margin-bottom: 25px;}
.photodiv img{padding:0 60px;border-right: 1px solid #fff;margin-bottom:25px;height: 120px;cursor: hand;cursor: pointer;}
#thumbBox{position: absolute;left: 0;top: 0;width: auto;padding: 20px 15px;background: #B2B2B2  url(../images/close.jpg) no-repeat right top;visibility: hidden;z-index: 10;cursor: hand;cursor: pointer;}
#thumbLoading{position: absolute;visibility: hidden;border: 1px solid black;background-color: #EFEFEF;padding: 10px;font: bold 14px Arial;z-index: 5;}

#container { position: relative;width: 840px; overflow: hidden;margin:0 auto;}

.content { float: left;text-align:center;}
.photodiv {width:280px;}
.photodiv h1, .photodiv h2 {font-family:'trajan pro',"Times New Roman", Times, serif;font-weight:400;text-align:center;margin:0;padding:0;}
.photodiv h1 {font-size:13px;}
.photodiv h2 {font-size:10px;}

#scrollnavwrap {width: 840px;position: relative;}
#scrollNavprev, #scrollNavnext {height: 120px;width: 12px;display: block;text-indent: -5000px;position: absolute;background-repeat: no-repeat;background-position: center;}
#scrollNavprev {background-image: url(../images/prev.png);left: 0px;}
#scrollNavnext {background-image: url(../images/next.png);left: 940px;}

/*--------------------- START table styles ---------------------*/
.td { text-align: left; } /* default alignment */
.td-right { text-align: right; }
.td-center { text-align: center; }
.td-left { text-align: left; }
.tr-even { background:#ffffff; }
.tr-odd { background:#f0f0f0; }
/*--------------------- END table styles ---------------------*/
