/* general */
* {margin: 0; padding: 0; border: 0}
html, body {width: 100%; font: 62.5%/1.4 Tahoma, sans-serif; height: 100%}
body {font-size: 1.2em; min-height: 100% !important; height: 100%; color: #666666; background: #FFFFFF url('../../data/i/site/collage.jpg') no-repeat center top; text-align: left}
#page {height: auto !important; min-height: 100%; margin: 0 auto; z-index: 1; padding-left: 40px; padding-right: 40px; width: 920px; height: 100%}


/* top */
#top {width: 920px; height: 457px; padding-top: 30px}
#top .left {float: left; width: 350px}
#top .center {float: left; width: 399px; padding-top: 30px}
#top .right {float: left; padding-top: 20px; width: 121px}
#top .menu {float: left; padding-top: 40px; width: 920px; overflow: hidden}
#top .menu ul {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0}
#top .menu ul li {float: left; list-style-image: none; margin-right: 126px}
#top .menu ul li span, #top .menu table tr td span{font-style: italic; color: #606B6B; font-weight: bold}
#top .menu ul li.last {float: left; list-style-image: none; margin-right: 0}
#top .menu a {padding-right: 2px; font-style: italic; font-size: 1.1em; color: #44AC00; text-decoration: underline; font-weight: bold}
#top .menu a:hover {text-decoration: none}
#top .menu table {width: 920px}
#top .menu table tr td {text-align: center}
#top .img {float: left; text-align: center; width: 920px; padding-top: 20px}


/* content */
#content {clear: both; overflow: hidden}
#q {height: 295px; clear: both; overflow: hidden}


/* footer */
#footer {background: url('../../data/i/site/collage-bottom.jpg') no-repeat center bottom; clear: both; position: absolute;  z-index: 2; width: 100%; min-width: 1000px; height: 145px; margin: 0 auto; padding-top: 150px; margin-top: -295px}
#footer .text {margin: 0 auto 0; width: 920px; padding-left: 40px; padding-right: 40px}
#footer .text .left {width: 330px; float: left}
#footer .text .right { padding-top: 15px; width: 590px; float: left; overflow: hidden}
#footer .text .right ul {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0}
#footer .text .right ul li {float: left; list-style-image: none; margin-right: 36px}


/* content index */
#content .left, #content .right {width: 460px; float: left}
#content .left .news, #content .right .catalog {width: 460px; clear: both}
#content .left .news .left {float: left; overflow: hidden; width: 65px; color: #EE96BB; text-align: center}
#content .left .news .left .date {font-size: 3.0em}
#content .left .news .right {float: left; overflow: hidden; width: 385px; padding-right: 10px}
#content .left .news .right p {padding-top: 8px; font-size: 0.9em}
#content .right .catalog .left {float: left; width: 161px; height: 109px; margin-right: 10px}
#content .right .catalog .right { float: left; overflow: hidden; width: 289px}
#content .right .catalog .right .text {width: 269px; padding: 10px; background: #F7F9EC}
#content .right .catalog .right .text p {margin-bottom: 0; font-size: 0.9em}
#content .bottom {float: left; width: 920px}
#content .bottom .re {float: left; width: 260px; padding: 10px; background: #EDF6F9; margin-right: 40px; font-size: 0.9em}
#content .bottom .re p {margin-bottom: 0}
#content .bottom .re.last {margin-right: 0}


/* content */
#content .leftMenu {width: 250px; padding-right: 20px; padding-top: 40px; float: left; overflow: hidden}
#content .leftMenu ul {list-style: none; margin: 0; padding: 0}
#content .leftMenu ul li {background: url('../../data/i/site/arrow.gif') center left no-repeat; list-style-image: none; padding-left: 8px; margin-bottom: 10px; font-size: 0.9em}
#content .leftMenu ul li.three {background: none; list-style-image: none; padding-left: 15px}
#content .leftMenu ul li a {text-decoration: underline }
#content .leftMenu ul li a:hover {text-decoration: underline }
#content .leftMenu ul li.three a {background: none; color: #5A7070; text-decoration: underline}
#content .leftMenu ul li.three a:hover {color: #5A7070; text-decoration: underline}
#content .rightContent {width: 650px; float: left; overflow: hidden}
#content .rightContent ul, ol {padding-bottom: 0.8em}
#content .rightContent ul li, ol li {margin-bottom: 5px; margin: 0.5em 0; padding: 0 0 0 7px; list-style-type: none; behavior: expression( !this.before? this.before = this.innerHTML = '— ' + this.innerHTML : '' ); text-indent: 0.6em}
#content .rightContent ul li:before {content: '\2014\a0'}
#content .die {width: 630px; padding: 10px; background: #DCEEF4; margin-bottom: 15px}
#content .contentRight {padding-left: 100px; margin-bottom: 15px; font-size: 1.1em; font-style: italic}
#content .catalog .product {clear: both}
#content .catalog .product .left, #content .rightContent .catalogLeft {float: left; width: 262px; height: 160px; background: url('../../data/i/site/product.png') no-repeat}
#content .catalog .product .left img, #content .rightContent .catalogLeft img {margin-top: 5px; margin-left: 5px}
#content .catalog .product .right {float: left; width: 353px; padding-left: 15px}
#content .info table {margin-left: 1px; width: 99%; border-collapse: collapse; border: 1px solid #CFD5D8; margin-bottom: 15px}
#content .info table tr {padding: 5px; border: 1px solid #CFD5D8}
#content .info table tr td {padding: 5px; border: 1px solid #CFD5D8}
#guest, #subscribe {width: 230px; padding: 10px; background: #DCEEF4; margin-top: 30px}


/* style */
#content p {clear: both; margin-bottom: 15px}
h1 {color: #EB3682; font-size: 1.8em; font-weight: normal; margin-bottom: 20px}
h2 {color: #EB3682; font-size: 1.4em; font-weight: bold; margin-bottom: 3px}
h3 {color: #EB3682; font-size: 1.2em; font-weight: bold; margin-bottom: 3px}
h4 {color: #EB3682; font-size: 1em; font-weight: bold; margin-bottom: 3px}
a {color: #4AA800; text-decoration: underline}
a:hover {color: #4AA800; text-decoration: none}

.form label{display: block; clear: left; cursor: pointer; width: 244px; color: #000000; padding-bottom: 3px}
.form br {clear: left}
.form input, select {border: 1px solid #D5D5D5; background: #FAFAFA; margin-bottom: 15px; height: 18px; width: 212px}
.form input.radio {border: 0; margin: 0; width: 13px; height: 13px}
.form select {height: 20px}
.form input.submit {border: 1px solid #D5D5D5; font-size: 9pt; background: #FFFFFF;  color: #000000; font-weight: bold; height: 22px; width: 120px}
.form textarea {border: 1px solid #D5D5D5; margin-bottom: 9px; height: 125px; width: 408px; overflow: hidden; background: #FAFAFA}
.form img.kcpatcha{vertical-align: top; padding-bottom: 10px}

div.navact {background: #DCEEF4; color: #000000; padding: 4px; position: relative; text-decoration: none; font-size: 1.1em}
a.navact {font-size: 1.1em; padding-right: 4px}
.pageNavigation {padding: 10px 0; font-size: 0.85em}
.pageNavigation * {float: none; display: inline}
.pageNavigation a, .pageNavigation div {margin: 0 5px 0 0}


/* twitter */
.followme_r .followme{background: url(../../data/i/site/follow-me.png) no-repeat scroll left top; position: fixed; top: 150px; width: 30px; height: 130px; z-index: 5555; cursor: pointer; right: 0pt}
.followme_l .followme{background: url(../../data/i/site/follow-me.png) no-repeat scroll right top; position: fixed; top: 150px; width: 30px; height: 130px; z-index: 5555; cursor: pointer; left: 0pt}
.followus_r .followme{background: url(../../data/i/site/follow-us.png) no-repeat scroll left top; position: fixed; top: 150px; width: 30px; height: 130px; z-index: 5555; cursor: pointer; right: 0pt;}
.followus_l .followme{background: url(../../data/i/site/follow-us.png) no-repeat scroll right top; position: fixed; top: 150px; width: 30px; height: 130px; z-index: 5555; cursor: pointer; left: 0pt}
.ili_left{background:url(../../data/i/site/ilikeit.png) no-repeat top center; position: fixed; top: 267px; width: 29px; height: 10px; z-index: 5993; cursor: pointer; left: 0pt}
.ili_right{background:url(../../data/i/site/ilikeit.png) no-repeat top center; position: fixed; top: 267px; width: 29px; height: 10px; z-index: 5993; cursor: pointer; right: 0pt; color:#FFF; font-size:4px}
.ili_right{visibility:hidden;}	
.ili_left{visibility:hidden;}
.followme_r:hover .ili_right, .followme_l:hover .ili_left{visibility:visible}
.followus_r:hover .ili_right, .followus_l:hover .ili_left{visibility:visible}
.followme_r .followme, .followme_l .followme{_display:none}

/*
playback timings (ms):
  captures_list: 1958.613
  exclusion.robots: 0.112
  exclusion.robots.policy: 0.103
  RedisCDXSource: 0.609
  esindex: 0.009
  LoadShardBlock: 1942.394 (3)
  PetaboxLoader3.datanode: 1986.506 (5)
  CDXLines.iter: 13.314 (3)
  load_resource: 247.62 (2)
  PetaboxLoader3.resolve: 198.379 (2)
*/