@charset "utf-8";
/* CSS Document */
*{padding: 0; margin: 0; outline: none; }
body{font-family:Arial, Helvetica, sans-serif;font-size:12px; color: #00000; background-color:#e6e8eb;}
ul{list-style:none;}
.results {list-style:square;margin-left:20px}
select, input, textarea{font-family:Arial, Helvetica, sans-serif;font-size:11px;}
img{border:0;}
a{color:#000000;cursor:pointer !important}
a:hover {cursor:pointer !important} 
p{margin:8px 0px 8px 0px;}

.noshow {display:none !important;height:0px;width:0px;color:#ffffff}
.hide {display:none}
#renderText {width:270px;height:110px;background-color:#ffffff}
#jewelryExplorer {width:520px;height:130px;background-color:#ffffff}
#jewelryExplorerBig {width:724px;height:451px;background-color:#ffffff}

#animThumb {width:94px;height:94px;background-color:#ffffff;cursor:pointer !important}
#animation {width:385px;height:325px}

h1{font-size:22px;padding-bottom:3px;margin-bottom:5px;background:url(http://www.maevona.com/images/main/h1-bg.gif) left bottom no-repeat;}
h2{font-size:11px;color:#546276; text-transform:uppercase; }
#top {font-size:11px;padding:5px;width:800px;margin:0px auto 0px auto;text-align:right}
#main{margin:2px auto 0px auto;width:800px;border-top:5px solid #546276;}
#inner  
{
    padding:5px;
    background-color:#546276;}
#header{  background-color:#959eab;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}

#identity{float:left;width:160px;}
#identity img{vertical-align:middle;}
.sep{padding:4px}
.rich{display:none;width:1px;height:1px;color:#ffffff;font-size:1px}

/*Menu*/
#top-menu{height:34px;width:590px;float:left;}
#top-menu ul{height:34px;position:relative;float:left;overflow:hidden;}
#top-menu ul li{height:34px;float: left;margin-left:-1px;line-height:34px;}
#top-menu ul li.sep{}
#top-menu ul li a{display:block;padding:0px 7px 0px 7px;
                  text-decoration:none;
                  text-transform:uppercase;
                  letter-spacing:-1px;
                  word-spacing:2px;
                  font-family:Verdana,Arial, Helvetica, sans-serif;
                  font-size:11px;color:#000000;}
#top-menu ul li a:hover,
#top-menu ul li a.active{color:#ffffff; background:url(http://www.maevona.com/images/main/menu-item-select.gif) center center no-repeat;}
#social{float:left;padding-top:7px;width:40px;}

#main-content
{
    background-color:#ffffff;
    float:left;
    width:754px;
    /*height:362px;*/
}

#main-content-page
{
    background-color:#ffffff;
    float:left;
    width:790px;
    /*height:362px;*/
}

#sub-menu-container
{
 border-top:2px solid #546276;
 padding:10px 10px 4px 10px;
}

#sub-menu-container-page
{
 border-top:0px;
 padding:Opx;
 
}

#sub-menu
{
margin-top:5px;
}
.inner{float:left;}

#sub-menu li
{
    padding-left:9px;
    text-transform:uppercase;
    margin-bottom:5px;
}
#sub-menu li a
{
text-decoration:none;
font-size:10px;
font-family:Verdana;
}
#sub-menu li:hover,
#sub-menu li.active
{
    background:url(http://www.maevona.com/images/main/arrow-bulet.gif) left center no-repeat;
}

#thumbnails
{
    width:520px;
    height:160px;
    margin-left:200px;
    border-left:1px solid #546276;
    border-right:1px solid #546276;
}

#thumbnailsBig
{
    width:800px;
    height:450px;
    margin-left:0px;
  
}


#thumb-list{height:130px;}
#thumb-container
{
    width:528px;
    height:130px;
    overflow:hidden;  
    position:relative; 
    z-index:4000;
 }

.slider{height:10px;width:530px;position:relative;}
.bar{background-color:#8c8c8c;position:absolute;top:4px;height:2px;width:100%;}
.drag{position:absolute;left:30px;height:10px;width:12px;background-color:#8c8c8c;}


#thumb-controls
{
    margin-top:4px;
    margin-right:8px;
    text-align:right;   
 }
.button
{
    width:60px;
    border:0px;
    background-color:#546276; 
    color:#ffffff;
    font-weight:bold;
    padding:2px 0px 2px 0px;
    cursor:pointer !important;
}

#picture-frame
{
    width:410px;
    height:370px;
    float:left;    
}
#picture-frame img{margin:0px;padding:0px;}
.item-detail {font-family:georgia;width:80%;margin-left:30px;font-size:13px}
#item-info
{
    margin-left:425px;
    width:310px;
    margin-top:15px;
}
#item-info .inner{height:235px;}


#item-thumb
{
 text-align:right;
 float:right;
 width:113px;
 height:121px;
 background:url(http://www.maevona.com/images/main/zoombox.png) 0px 0px no-repeat; 
}

.item-scroll
{
height: 270px;
overflow: auto;
padding: 8px;
}




#main-menu
{
    width:36px;
    margin-left:754px;
      
}
#main-menu ul li 
{
    background:url(http://www.maevona.com/images/main/main-menu-top2.gif) 0px 0px no-repeat; 
    width:36px;
    padding-top:7px;
    margin-bottom:2px;
    text-transform:uppercase;
    /*
    writing-mode:tb-rl;
    layout-flow:  vertical-ideographic;
    */
    
}
 #main-menu ul li a span{
     background:url(http://www.maevona.com/images/main/main-menu-items.gif) 0px 0px no-repeat; 
     width:8px;
     display:block;
     overflow:hidden;
     text-indent:-900px;
     font-size:1px;
     padding:0px;
 }
  #main-menu ul li.design a span{background-position:0px 0px;height:42px;cursor:pointer !important}
  #main-menu ul li.details a span{background-position:-9px 0px;height:40px;cursor:pointer !important}
  #main-menu ul li.story a span{background-position:-18px 0px;height:39px;cursor:pointer !important}
  #main-menu ul li.matching a span{background-position:-27px 0px;height:59px;cursor:pointer !important}
  #main-menu ul li.viewmap a span{background-position:-36px 0px;height:54px;cursor:pointer !important}
  #main-menu ul li.viewall a span{background-position:-45px 0px;height:51px;cursor:pointer !important}
  #main-menu ul li.search a span{background-position:-54px 0px;height:44px;cursor:pointer !important}
 
 #main-menu ul li a
{
    

    display:block;
    padding:8px 0px 15px 15px;
    background:url(http://www.maevona.com/images/main/main-menu-bottom2.gif) 0px 100% no-repeat; 
    text-decoration:none;
    color:#000000;
}
 #main-menu ul li a div{ width:10px; white-space:pre-wrap;}
 
#main-menu ul li:hover
{
background-position:-72px 0px; 
 }
#main-menu ul li.active
{
background-position:-36px 0px; 
 }
 
 
 #main-menu ul li:hover a
{
    background-position:-72px 100%; 
} 
 
  #main-menu ul li.active a
{
    background-position:-36px 100%; 
}

#footer
{
    font-size:10px;
    text-transform:uppercase;   
    padding:5px 10px 10px 0px;
 }
#footer a{text-decoration:none;font-size:9px;}

#footer-inner{ float:left;}

#footer-copy{ float:right;}

.clearer,
.clearer-right
{clear: both; float:none;height: 0; line-height: 0; font-size: 0;overflow:hidden;}
.clearer-right{clear: right; }
.space{width:1px;height:1px;overflow:hidden;font-size:1px;}