html { background:#FFF;}
body { text-align:center;}
#header,#contents,#footer{ color:#3d3636;text-align:left;width:960px;margin:0 auto;}
*/
/*===== 4: accordion =================================*/
#contents { overflow:hidden;border-bottom: 1px solid #ddd;}
/*title*/
#contents div.title { cursor: pointer;width:800px;border-top: 1px solid #ddd;color:#3d3636;height:40px;overflow:hidden;}
#contents div.title h2{ display:inline;float:left;}
#contents div.title h2 img{ vertical-align:middle;margin:4px 15px 4px 10px;}
#contents div.title p{ line-height:25px;display:block;margin:1px 0;}
#contents span { margin-left:10px;}
#contents span img { margin-bottom:3px;}
#contents div.title img{ vertical-align:middle;}
#contents .main{ height: 300px;margin:0px 0 0px 10px; }
#contents div.selected { border-bottom: 1px dotted #ddd;}
.company{
font: verdana;
font-size:10px;
margin-bottom: 10px;
}
.main{
height:100%;
}
.wrapper{
width:800px;
}
/*===== 12: thickbox =================================*/
#TB_overlay { position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000;filter:alpha(opacity=95);-moz-opacity: 0.95;opacity: 0.95;}
* html #TB_overlay { /* ie6 hack */
position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position: fixed;z-index: 102;display:none;text-align:left;top:50%;left:50%;padding-top:30px;}
* html #TB_window { /* ie6 hack */
position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');padding-top:60px;}
#TB_title { height:32px;width:900px;text-align:right;}
#TB_ajaxContent { clear:both;overflow: hidden;}
#TB_load { position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; }
* html #TB_load { /* ie6 hack */
position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect { z-index:99;position:fixed;top: 0;left: 0;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect{ /* ie6 hack */
position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent { clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;background:transparent;}
/*===== 1: universal reset =================================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body{line-height: 1;}
table{border-collapse:collapse;border-spacing:0;empty-cells: show;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: '';content: none;}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/* remember to highlight inserts somehow! */
ins{text-decoration: none;}
del{text-decoration: line-through;}
/* remember to define focus styles! */
:focus {outline: 0;}
hr{ display:none;}
img ,a img{border: none;vertical-align: bottom;background:none;}
a{outline:0; text-decoration:none;}
#intro{
width: 810px;
padding: 0 5px;
border: 10px solid transparent;
}
/*===== 2: Font reset =====================================*/
/*Copyright (c) 2008, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version: 2.5.1*/
body { font:13px/1.6 "?? ?????", Osaka, "?????? Pro W3",Arial, Helvetica, sans-serif; *font-size: 81.25%;/* IE6&IE7 */}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*===== 4: HELPER CLASS =====================================*/
.clear,.title,.main,#contents div{ zoom:1;}/*for IE 5.5-7*/
.clear:after,.title:after,.main:after,#contents div:after{ content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clear,.title,.main,#contents div{ display: inline-block; }/* exlude MacIE5 \*/
* html .clear,* html .title,* html .main,* html #contents div{ }
.clear,.title,.main,#contents div{display:block;width:700px;}/* end MacIE5 */
.clear {font:verdana;font-size:11px;}
.gems-galery{
width:800px;
}
.htabs{ overflow:hidden; }
.htabs h2 a{
font-size:0.917em;
font-weight:bold;
padding: 7px;
color:#d00;
font-family:"museo 700","goodpro-widelight";
}
.htabs h2 a:hover{
color: #000;
}
.htabs li{
float:left;
margin-top:2px;
padding: 3px 2px 0 0;
overflow:hidden;
}
.tabs .bullet{
border-right:1px solid #e00;
color:#d00;
font: bold 1em Georgia,"Times New Roman",Times,serif;
margin: 0px 4px 4px 0;
padding-right:4px;
clear:right;
display:block;
float:left;
height:17px;
overflow:hidden;
text-align:right;
width:10px;
}
.bmod .bullet{
background-color:#fff;
margin:-9px 6px 0 -10px;
padding:8px;
}
.tabs{
margin-top:2px;
overflow:hidden;
}
.tabs li{
background-color:#EEEEEE;
clear:both;
margin:4px 0;
padding:9px;
font-family: "NuvoOT-medi";
}
.tabs li a:hover{
padding-left:1px;
}