* { margin: 0; padding: 0; font-size: 100.01%; }

/* Common styles */
html { height: 100%; overflow-y: scroll; }
body { font: 10.5pt/1.4 Arial, sans-serif; background: white; color: #222222; }
img { border: 0; }
p { margin: 0; margin-bottom: 1.5em; }
ul { list-style-type: none; }
sup { font-size: 7pt; }

h1, h2, h3, h4 { margin-bottom: 1em; }
h1 { font-size: 260%; margin: 0 0 0.8em 0; }

ul { padding: 0; margin:0; }
ul li { list-style-type: none; }

a { color: #a52985; }
a:hover { color: #e4076e !important; }

.clear { clear: both; line-height: normal; }
.clickable { cursor: pointer; cursor: hand; }
.small { font-size: 8pt; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* layout */
.layout-wrapper { min-width: 990px; position: relative; }
.layout { padding: 40px 6%; padding-bottom: 50px; margin: 0 auto; }
.content { padding-bottom: 30px; }

/* head */
div.head { position: relative; width: 100%; z-index: 100; margin-bottom: 10px; }
div.head p.logo a { display: block; width: 94px; height: 60px; background: url(/images/3q_logo.gif) no-repeat; }
div.head p.logo a span { display: none; }
div.head p.address { position: absolute; font-size: 8pt; padding-top: 1.6em; right: 120px; color: #808080; text-align: right; }
div.head p.hotline { position: absolute; padding-top: 1.6em; font-size: 8pt; left: 120px; line-height: 1.4; }
div.head p.hotline span { font-weight: bold; }
div.head p.catalog { position: absolute; font-size: 8pt; top: 1.6em; right: 0; }
div.head p.catalog i { position: absolute; width: 30px; height: 40px; background: url(/images/catalog_icon_s.png) no-repeat; margin: -0.5em 8px 0 -38px; cursor: pointer; }
div.head p.catalog span { color: #808080; display: block; }

/* menu */
div.menu ul li.selected.opened {font-weight:bold;}
div.menu ul li.selected strong{font-weight:bold;lette-spacing:-1px;font-size:13px;}


div.menu-wrap { position: relative; width: 100%; z-index: 9999; }
div.menu { position: relative; width: 100%; background: url(/images/menu_bg.gif) black top repeat-x; font-size: 8pt; color: white; }
div.menu a { color: #CCC !important; text-decoration: none; outline: none; letter-spacing: -1px;font-size: 13px;}
div.menu a:hover { color: white !important; text-decoration: none; }
div.menu ul li { float: left; }

div.menu ul li a.menu_width_fixed,strong.menu_width_fixed{padding-left:0 !important;padding-right:0 !important;text-align:center;}

div.menu ul li a, div.menu ul li strong { position: relative; height: 15px; float: left; display: block; padding: 5px 12px 8px; }
div.menu ul li strong { font-weight: normal; cursor: default; }
div.menu ul li s { position: absolute; width: 14px; height: 8px; background: url(/images/menu_arrow.png) 0 0 no-repeat; bottom: -8px; left: 50%; margin-left: -7px; z-index: 9998; display: none; }
div.menu ul li.selected s { display: block; }
div.menu ul li.opened a { color: white !important;font-weight:bold; }
div.menu ul li.opened s { display: block; background-position: -14px 0; }
div.menu ul li.current s { display: none; }

div.menu ul.root { float: left; padding-left: 6%; }
div.menu ul.root li { margin-right: 16px; }
div.menu ul.root li a, div.menu ul.root li strong { padding-left: 0; padding-right: 0; }
div.menu ul.root.selected li a { color: white; }
div.menu ul.root.selected li a:hover { color: #009ddf !important; }

div.menu ul.categories { position: relative; float: left; margin-left: -3px; }

div.menu li.line { position:relative; width: 1px; height: 20px; background-color: #4c4c4c; top: 50%; left: 0px; margin-top: 5px; }

div.menu ul.categories li a:hover,
/*
div.menu ul.categories li.selected a,
div.menu ul.categories li strong */
{ color: #009ddf !important; }
div.menu ul.categories li.selected a:hover { color: white !important; }
div.menu ul.categories.show { display: block; }

div.menu ul.links { float: right; padding-right: 6%; }
div.menu ul.links li:last-child a, div.menu ul.links li:last-child strong { padding-right: 0; }

div.products-nav { position: relative; width: 100%; z-index: 8999; background: url(/images/menu-nav-bg.png) repeat-x bottom #000; border-top: solid 1px #333333; display: none; }
div.products-nav.opened { display: block; }
div.products-nav { overflow: hidden; }
div.products-nav ul { padding: 15px 6%; font-size: 7pt; line-height: 1.3; height: 84px; }
div.products-nav ul li { position: relative; float: left; text-align: center; width: 61px; margin-right: 34px; height: 90px; }
div.products-nav ul li a,
div.products-nav ul li strong { display: block; text-decoration: none; outline: none; }
div.products-nav ul li s { position: absolute; width: 14px; height: 8px; background: url(/images/menu_arrow.png) -28px 0 no-repeat; z-index: 9998; display: none; bottom: -17px; left: 50%; margin-left: -7px; }
div.products-nav ul li span.title { font-weight: normal; display: block; color: #CCC; margin-top: 8px; font-size:11px;}
div.products-nav ul li:hover img { opacity: 0.8; }
div.products-nav ul li:hover span.title { color: white; }
div.products-nav ul li.selected img { cursor: default; opacity: 0.8; }
div.products-nav ul li.selected s { display: block; }
div.products-nav ul li.selected span.title { color: #FFF; font-weight:bold; }
div.products-nav .close { position: absolute; width: 15px; height: 15px; background: url(/images/i-close.png) no-repeat; cursor: pointer; right: 15px; top: 15px; }
div.products-nav .close:hover { background-position: -15px 0; }

/* footer */
div.footer { position: relative; margin-top: 20px; font-size: 8pt; }
div.footer p.copyright { position: relative; margin-left: -1.1em; float: left; padding-right: 40px; }
div.footer p.address { color: #808080; float: left; }

p.path { margin: 0; font-size: 9pt; }

/* announces */
div.announce { padding-left: 6%; }
div.announce a.close { position: absolute; width: 15px; height: 15px; cursor: pointer; top: 10px; right: 10px; background-repeat: no-repeat; }
div.announce a.close:hover { background-position: -15px 0; }

#expo2011 { height: 70px; background-color: #faea14; line-height: 1.3; overflow: hidden; }
#expo2011 a.close { background-image: url(/images/expo2011/i-close.png); }
#expo2011 div.title { float: left; color: #2978bd; }
#expo2011 div.title a.logo { width: 174px; height: 56px; float: left; background: url(/images/expo2011/cephe_logo.png) no-repeat; margin: 6px 30px 6px 0; }
#expo2011 div.title p { margin: 18px 0; float: left; }
#expo2011 div.ticket { float: right; width: 40%; height: 70px; background: url(/images/expo2011/arrow.png) #2978bd no-repeat; }
#expo2011 div.ticket p { margin: 18px 0; margin-left: 70px; color: white; }
#expo2011 div.ticket a { color: white; }
#expo2011 div.ticket a:hover { color: #faea14 !important; }

#aushan2011 { background-color: #e4076e; line-height: 1.1; overflow: hidden; }
#aushan2011 a.title { display: inline-block; white-space: nowrap; color: white; text-decoration: none; font-size: 14pt; font-weight: bold; padding: 0.7em 0; outline: none; float: left; }
#aushan2011 a.title:hover { color: #faea14 !important; }
#aushan2011 a.close { background-image: url(/images/aushan2011/i-close.png); }
#aushan2011 div.aushan { float: right; font-size: 8pt; border-left: solid 1px #ef6aa8; padding: 0 0 0 20px; margin: 1.3em 10% 0 0; }
#aushan2011 div.aushan .aushan-logo { display: block; width: 80px; height: 20px; background: url(/images/aushan2011/aushan-logo.png) 0 -31px no-repeat; margin-bottom: 7px; }
#aushan2011 div.aushan p { margin: 0; margin-bottom: -2px; color: white !important; }






#mail2011 { background-color:  #2e38a7; line-height: 1.1; overflow: hidden; }
#mail2011 a.title { display: inline-block; white-space: nowrap; color: white; text-decoration: none; font-size: 14pt; font-weight: bold; padding: 0.7em 0; outline: none; float: left; }
#mail2011 a.title:hover { color: #faea14 !important; }
#mail2011 a.close { background-image: url(/images/mail2011/i-close.png); }
#mail2011 div.mail { float: right; font-size: 8pt; border-left: solid 1px #2e38a7; padding: 0 0 0 20px; margin: 1.3em 10% 0 0; }
#mail2011 div.mail .mail-logo { display: block; width: 120px; height: 30px; background: url(/images/mail2011/mail-logo.png) 0 0px no-repeat; margin-left: 160px; }
#mail2011 div.mail p { margin: 0; margin-bottom: -2px; color: white !important; }






div.under-construction { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 8pt; background-color: #22acea; line-height: 19px; background: url(/images/uc-ptr.png) center repeat-x; overflow: hidden; }
div.under-construction span { background-color: black; line-height: 19px; display: inline-block; color: #ffae00; width: 205px; }

/* buttons */
/* Buttons */
.skew-button { position: relative; cursor: pointer; width: auto; display: inline-block; text-decoration: none; margin: 0; background: url(/images/skew-buttons.png); text-align: center; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; overflow: hidden; outline: none; padding: 0 0 0 15px; font-size: 8pt; height: 34px; background-position: 0 0; margin-left: -4px; }
.skew-button .title { color: white; display: block; padding: 0 15px 0 0; background: url(/images/skew-buttons.png); background-position: 100% 0; height: 34px; line-height: 32px; }
.skew-button:hover { background-position: 0 -34px; }
.skew-button:hover .title { background-position: 100% -34px; }
.skew-button:active { background-position: 0 -68px; }
.skew-button:active .title { background-position: 100% -68px; line-height: 34px; color: #90a8c2; text-shadow: -1px -1px 1px #2b205f; filter: dropshadow(color=#2b205f, offx=1, offy=1);  }

.unselected { -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }


.footnote{
       font-size:11px;
}

p.inform{font-size:7pt;text-align:center;margin-bottom:1px;opacity:0.6;}