@charset "utf-8";

.wrapper.landing { color: #a3a3a3; min-height: 600px; overflow: visible; }
.s2, .sc2 { background-image: url('../../images/layout/bg-top-s2hots.3H0Hg.jpg'); }
/*.wowc, .wow { background-image: url('../../images/layout/bg-top-wowc.jpg'); }*/
.wowc, .wow { background-image: url('../../images/layout/bg-top-wowx4.0UqF1.jpg'); }
.blizzcon { background-image: url('../../images/layout/bg-top-blizzcon-2013.0KNdF.jpg'); }
.d3 { background-image: url('../../images/layout/bg-top-d3.3isK5.jpg'); }

.landing .welcome { width: 500px; padding: 0 0 0 102px; }
.landing .welcome h2,
.landing .welcome h3 { color: #a3a3a3; font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; font-size: 26px; line-height: 1.1; font-weight: normal; margin: .5em 0 2.5em 0; }
.landing .welcome h3 { font-weight: bold; color: #fff; margin: 0 0 1em 0; }
.landing .welcome h3 strong { color: #fff; }
.landing .welcome h2 strong { font-weight: normal; color: #fff; }
.landing .welcome .button1 { padding: 0 12px 0 0; }

.d3 .landing .welcome h2 { width: 420px; }
.information-kiosk { margin: 6em 0; padding: 0 0 0 100px; line-height: 1.1; position: relative; z-index: 2; }
.information-kiosk li { margin: 0 0 1.5em 0; line-height: 1.1; list-style: none; }
.information-kiosk li a { color: #0070a1; display: inline-block; padding-left: 20px; line-height: 16px; background: url("../../images/icons/tooltip-help-small.1JAhu.png") no-repeat left center; cursor: pointer; }
.information-kiosk li.selected a,
.information-kiosk li a:hover,
.information-kiosk li a:focus { color: #a3a3a3; }
.information-kiosk li a strong { display: inline-block; font-weight: normal; width: 380px; padding-bottom: 1px; }
.information-kiosk li.selected a strong { padding-bottom: 0; border-bottom: 1px solid #4f4f4f; }

.more-info { display: none; position: absolute; z-index: 50; top: 0; left: 500px; border: 1px solid #4f4f4f; background: #090b0c; background: rgba(0,0,0,.35); padding: 12px; width: 450px; }
.more-info h4 { font: bold 16px/1.1 "Trebuchet MS", Arial, sans-serif; color: #a3a3a3; margin: 0 0 1em 0; text-transform: none; }
.more-info ul li { padding-left: 20px; background: url("../../images/icons/arrows.1M2Vr.png") no-repeat 0 -189px; }
.more-info .close { cursor: pointer; position: absolute; top: 0; right: 0; display: block; width: 16px; height: 16px; overflow: hidden; background: url("../../images/icons/close.2UHGR.png") no-repeat center center; }

.guestpass .landing h3, .guestpass .landing label { color: #b9b9b9; }
.guestpass .landing label { display: block; width: 100%; text-align: center; }
.guestpass .form-row { text-align: center; }
.guestpass p { font-size: 16px; }
.guestpass p strong { font-size: 18px; }

.why { margin-top: 20px; background: url("../../images/icons/new-window.2b4LF.png") 0px 47% no-repeat; padding: 8px 0px 8px 16px; }
.why a { color: #697489; }
.why a:hover { color: #DCDCDC; }

.explain { margin-top:30px; }

.landing .welcome-raf { width: 500px; padding: 0 0 0 102px; }
.landing .welcome-raf p { margin-bottom: 1em; }
.landing .welcome-raf h2,
.landing .welcome-raf h3 { color: #a3a3a3; font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; font-size: 26px; line-height: 1.1; font-weight: normal; margin: .5em 0 1em 0; }
.landing .welcome-raf h3 { font-weight: bold; margin: 2em 0 1em 0; }
.landing .welcome-raf h2 strong { font-weight: normal; color: #fff; }
.landing .welcome-raf .button1 { padding: 0; }

.quick-bnet-faq { margin-top: 50px; font-size: 14px; }
.quick-bnet-faq dd { padding-left: 24px; }
.quick-bnet-faq dd ul { margin: 0; padding: 0; }
.quick-bnet-faq dd li { list-style-type: disc; list-style-position: outside; margin-top: 12px; }

.download-client { margin: 40px 0 0 100px; line-height: 45px }

.landing .ah-landing { padding-bottom: 70px; }
.landing .ah-landing h2 { margin-bottom: 30px; }
.landing .ah-landing h2.description { margin-bottom: 10px; }
.landing .ah-landing p { margin: 24px 0; font-size: 13px; }
.landing .ah-landing .primal { margin: 24px 0 14px; font-size: 16px; }
.landing .ah-landing .primal-first { margin: 14px 0; font-size: 16px; }
.landing .ah-landing .primal-title { margin: 30px 0 0; font-size: 16px; font-weight: bold; }
.landing .ah-landing .middle { margin: 14px 0; }
.landing .ah-landing .sub { margin: 0; font-size: 14px; font-weight: bold; }
.landing .ah-landing p.margin-0 { margin: 0; }
.landing .ah-landing ul li{ margin-left: 15px; display: list-item; list-style: outside disc; }
.landing .ah-landing ol li{ display: list-item; list-style: inside decimal; }
.landing .ah-landing .columns-2 .column { width: 240px; }
.landing .ah-landing .columns-2 .column .ui-button span { width: 210px; }
.landing .ah-landing .columns-2 .column .ui-button span span{ width: 182px; }
.landing .ah-landing .column-left { padding-right: 10px; }
.landing .ah-landing .column-right { padding-left: 5px; }

.download a { margin-right: 1em; color: #014663; display: inline-block; height: 32px; line-height: 32px; padding-left: 36px; position: relative; z-index: 1; }
.download a:hover,
.download a:focus,
.download a:active { color: #007ca5; }
.download a.disabled-download,
.download a.disabled-download:hover,
.download a.disabled-download:focus,
.download a.disabled-download:active { color: #7f7e7d; cursor: default; }
.download a .icon { display: block; width: 32px; height: 32px; overflow: hidden; background: url("../../images/icons/os.3ViP4.png") no-repeat 0 0; position: absolute; z-index: 2; top: 0; left: 0; }