/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
------------------------------------------------------------------------------*/
html { overflow-y: scroll; }
body { font: 62.5%/2em "Lucida Grande", Arial, Helvetica, sans-serif; background: #62646B url(../images/bg_body.png) repeat-x; background-attachment: fixed; color: #333; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
a, a:visited { color: #960101; text-decoration: none; }
a:hover, a:active { color: #960101; text-decoration: underline; }
a.plain, a.plain:visited, a.plain:active { color: #666; text-decoration: none; }
a.plain:hover { color: #666; text-decoration: underline; }
h1,h2,h3 { font-family: "Rockwell", Lucida Grande, Arial, Helvetica, sans-serif; color: #457f63; }
h1 { font-size: 18px; font-weight: bold; margin-bottom: 6px; }
h2 { font-size: 16px; font-weight: bold; margin-bottom: 3px; }
h3 { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
h5 { font-size: 20px; font-weight: bold; margin-bottom: 2px; }
p { margin-bottom: 20px; }

/*Cookies*/
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.2em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1em 1em 1em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:13px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.1em;padding-bottom:4px}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.7em .7em .7em .7em;font-size:1em;font-weight:700;border-width:3px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:1;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:434px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:-2px}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:.4em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}.cc-floating.cc-theme-classic{padding:1.2em}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:6px}.cc-theme-classic .cc-btn:last-child{min-width:120px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{margin:0;padding:.6em 2.8em;height:100%}


/* 1.5 Individual Styles
------------------------------------------------------------------------------*/
a.affiliations {font-family: "Rockwell", Lucida Grande, Arial, Helvetica, sans-serif ; color: #457f63; font-size: 14px; font-weight: bold; margin-bottom: 3px; text-decoration: none; }
a.affiliations:hover {text-decoration: underline;}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.homepage { background: url(../images/bg_wrapper-home.png) center top repeat-y; }
.inner-page { background: url(../images/bg_wrapper-inner.png) center top repeat-y; }
.container { position: relative; width: 991px; margin: 0 auto; font-size: 1.2em; border-left: 1px solid #737779; border-right: 1px solid #737779; }


/* 2.2 Header
------------------------------------------------------------------------------*/

#header { position: relative; height: 137px; background: #000 url(../images/bg_header.jpg) left top repeat-x; }
#header .site-name { display: block; position: relative; top: 15px; left: 25px; overflow: hidden; width: 195px; height: 104px; }
.header-banner { display: block; position: absolute; top: 21px; right: 25px; width: 728px; height: 90px; }
.header-hp-headline { display: block; position: absolute; top: 33px; right: 176px; width: 566px; height: 78px; }
.header-facebook { display: block; position: absolute; top: 24px; right: 25px; width: 119px; height: 38px; }
.header-twitter { display: block; position: absolute; top: 70px; right: 25px; width: 119px; height: 38px; }

/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation { z-index: 100; position: relative; }
#navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#menu { font-size: 12px; }
#menu li { position: relative; float: left; height: 39px; width: 157px; line-height: 37px; text-align: center; }
li.first { width: 46px !important; }
#menu li a { display: block; height: 100%; width: 100%; font-weight: bold; background: #363636 url(../images/bg_menu.png) no-repeat; color: #D9DDE8; }
#menu li a:hover,
#menu li:hover a.topmenu,
#menu li.current a.topmenu { background-position: left -39px; text-decoration: none; color: #FFE47A; }
li.last { width: 160px !important; }
li.first a { background-image: url(../images/bg_menu-first.png) !important; }
li.first a span { visibility: hidden; }
li.last a { background-image: url(../images/bg_menu-last.png) !important; }
.submenu { z-index: 100; display: none; position: absolute; left: 0; top: 39px; text-align: left; font-size: 10px; border-bottom: 1px solid #414243; box-shadow: #000 2px 2px 3px; -webkit-box-shadow: #000 2px 2px 3px; -moz-box-shadow: #000 1px 3px 6px; }
.submenu li { width: 194px !important; height: 28px !important; line-height: 28px !important; text-align: left !important; border-top: 1px solid #414243; }
.submenu li a { padding: 0 12px; width: 170px !important; background: #505152 !important; text-transform: none !important; }

/* 2.4 Content
------------------------------------------------------------------------------*/

#content-wrapper { z-index: 0; clear: both; background: url(../images/bg_content-wrapper.png) repeat-x; }
#content-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content { width: 600px; padding: 0 10px 40px 25px; float: left; }


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar { width: 325px; padding-bottom: 20px; float: right; }
.inner-page #sidebar { padding-top: 20px; }


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer { clear: both; padding: 46px 35px 56px; font-size: 10px; line-height: 1.9; background: url(../images/bg_footer.png) repeat-x; color: #929292; }
#footer a { color: #929292; }
#footer a:hover { color: #C9AD53; text-decoration: none; }
.quarters:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.quarter { float: left; width: 199px; padding: 0 41px 0 0; text-align: left; background: url(../images/bg_quarter.png) 214px 6px no-repeat; }
.quarter p { margin: 0; }
.no-back { background: none !important; }
.last-q { padding-right: 0; }
.quarter h3 { margin: 2px 0 2px; font-size: 13px; font-weight: bold; color: #B3AF88; }
.footer-p { clear: both; margin: 24px 0 0; padding: 24px 0 0; text-align: center; line-height: 24px !important; background: url(../images/bg_footer-p.png) left top no-repeat; color: #666; }
.footer-p a { color: #666 !important; }
.footer-p a:hover { color: #929292 !important; }
.footer-p span { float: right; }
.footer-p span img { float: right; margin-left: 12px; }

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home page
------------------------------------------------------------------------------*/

#showcase {
   padding: 32px 25px 32px 25px;
}

/* Sliders */
.slider-wrapper { position: relative; float: left; }
.arr-l,
.arr-r { display: block; position: absolute; top: 105px; width: 34px; height: 103px; }
.arr-l:hover,
.arr-r:hover { text-decoration: none; }
.arr-l { left: 20px; background: url(../images/btn_arr-l.png); }
.arr-r { right: 18px; background: url(../images/btn_arr-r.png); }
.arr-l span,
.arr-r span { visibility: hidden; }
.slider { float: left; width: 614px; font-size: 11px; }
.slider:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.slider img { float: right; }
.slider .btn { width: 334px; }
.slider .btn span { width: 272px; }
.slider a { color: #EDE479; }
.slider-content { float: left; width: 355px; padding: 19px 0 19px 19px; }
.slider-content p { font-size: 13px; font-style: italic; color: #DFDFDF; line-height: 21px; margin-bottom: 18px; }
.slider-1 { background: #0B0B08; color: #DFDFDF; }
.slider-1 h2 { font-size: 21px; margin-bottom: 8px; margin-top: 3px; color: #EDE479; }
.slider-2 { background: #0B0B08; color: #DFDFDF; }
.slider-2 h2 { font-size: 21px; margin-bottom: 8px; color: #EDE479; }
.slider-3 { background: #0B0B08; color: #DFDFDF; }
.slider-3 h2 { font-size: 21px; margin-bottom: 8px; color: #EDE479; }
.slider-4 { background: #0B0B08; color: #DFDFDF; }
.slider-4 h2 { font-size: 21px; margin-bottom: 8px; color: #EDE479; }
.slider-5 { background: #0B0B08; color: #DFDFDF; }
.slider-5 h2 { font-size: 21px; margin-bottom: 8px; color: #EDE479; }
.slider-6 { background: #0B0B08; color: #DFDFDF; }
.slider-6 h2 { font-size: 21px; margin-bottom: 8px; color: #EDE479; }
.scrollable { position: relative; height: 200px; width: 614px; overflow: hidden; }
.scrollable .items { position: absolute; width:20000em; }
.slider-wrapper .navi { position: absolute; bottom: -16px; right: 0; z-index: 15; }
.slider-wrapper .navi a { float: left; display: block; width: 8px; height: 8px; margin-left: 8px; text-align: left; text-indent: -666em; background: url(../images/bg_navi.png) no-repeat; }
.slider-wrapper .navi a:hover, .slider-wrapper .navi a.active { background-position: 0 -8px; }

/* Highlights */
.highlights { float: right; width: 307px; height: 200px; overflow: hidden; }
.highlights .item { width: 307px; height: 62px; margin-bottom: 7px; overflow: hidden; }
.highlights .item img { display: block; }

.separator { margin-bottom: 23px; padding-bottom: 23px; background: url(../images/bg_separator-1.png) left bottom no-repeat; }
.no-margin { margin: 0 !important; }
.share-p { margin: -3px 0 10px; }

/* Buttons */
.btn { display: inline-block; text-align: center; font-weight: bold; color: #000 !important; }
.btn:hover { text-decoration: none; color: #000; }
.btn span { display: inline-block; }
.btn-slider { height: 27px; line-height: 24px; font-size: 13px; font-style: normal; margin-top:-4px; }
.btn-slider span { height: 25px; padding: 0 30px; border: 1px solid #ffc; background: #dfc73e url(../images/bg_btn-slider.png) repeat-x; }
.btn-slider:hover span { border: 1px solid #f0f2f2; background: #CDD1D2 url(../images/bg_btn-slider.png) left -27px repeat-x; }
.btn-1 { height: 27px; line-height: 24px; font-size: 13px; border: 1px solid #595958;  margin-top:-4px;}
.btn-1 span { height: 25px; padding: 0 14px; border: 1px solid #ffc; background: #dfc73e url(../images/bg_btn-1.png) repeat-x; }
.btn-1:hover span { border: 1px solid #f0f2f2; background: #CDD1D2 url(../images/bg_btn-1.png) left -27px repeat-x; }
.btn-2 { height: 53px; line-height: 49px; font-size: 16px; border: 1px solid #595958; }
.btn-2 span { height: 51px; padding: 0 14px; border: 1px solid #ffc; background: #dfc73e url(../images/bg_btn-2.png) repeat-x; }
.btn-2:hover span { border: 1px solid #f0f2f2; background: #bfc5c5 url(../images/bg_btn-2.png) left -53px repeat-x; }
.btn-3 { height: 18px; line-height: 16px; font-size: 9px; border: 1px solid #595958;  margin-top: 5px;}
.btn-3 span { height: 16px; padding: 0 9px; border: 1px solid #ffc; background: #dfc73e url(../images/bg_btn-3.png) repeat-x; }
.btn-3:hover span { border: 1px solid #f0f2f2; background: #CDD1D2 url(../images/bg_btn-3.png) left -27px repeat-x; }
.btn-4 { height: 53px; line-height: 49px; font-size: 16px; border: 1px solid #595958; margin-bottom: -12px; }
.btn-4 span { height: 51px; padding: 0 14px; border: 1px solid #ffc; background: #dfc73e url(../images/bg_btn-2.png) repeat-x; }
.btn-4:hover span { border: 1px solid #f0f2f2; background: #bfc5c5 url(../images/bg_btn-2.png) left -53px repeat-x; }
.block { display: block !important; }
.block span { display: block !important; }

/* Sidebar columns */
.sidebar-col-1 { position: relative; padding: 8px 30px 0 55px; line-height: 1.6; font-size: 11px; }
.sidebar-col-1 .hp-icon { position: absolute; left: 0; top: 12px; width: 42px; height: 46px; }
.sidebar-col-1 h4 { font-family: "Rockwell", Lucida Grande, Arial, Helvetica, sans-serif; font-size: 15px; color: #069; font-weight: bold;}
.sidebar-col-1 h4 a { color: #069; }
.sidebar-col-1 p { margin-bottom: 9px; }
.images { padding: 6px 0; }
.images img { display: block; margin-bottom: 8px; }
.sidebar-col-2 { position: relative; padding: 0 25px 0 35px; font-size: 11px; line-height: 1.5; background: url(../images/bg_sidebar.png) no-repeat; color: #666; }
.sidebar-col-2 .side-icon { position: absolute; left: 5px; top: 5px; }
.sidebar-col-2 h4 { font-family: Lucida Grande, Arial, Helvetica, sans-serif; height: 30px; margin: 0 0 15px; line-height: 28px; font-size: 13px; color: #bfebd2; font-weight: bold;}
.sidebar-col-2 p { margin-bottom: 14px; }
.sidebar-col-2 .separator { margin-bottom: 14px; padding-bottom: 16px; }
.resourcebanners {padding: 3px 0 4px 0; }
.side-form { height: 24px; margin: 0 0 14px; }
.email-text { float: left; width: 207px; height: 22px; margin: 0 4px 0 0; padding: 0 8px; border: 1px solid #b2b2b2; color: #b2b2b2; }
.notify { display: block; }
.error { color: #960101; }

/* 3.2 Inner page
------------------------------------------------------------------------------*/
#breadcrumb { height: 22px; margin: 20px 0 30px; font: bold 11px/22px Arial, Helvetica, sans-serif; color: #83908d; }
#breadcrumb a { float: left; padding: 0 16px 0 8px; background: url(../images/bg_breadcrumb-1.png) right top no-repeat; color: #83908d; }
#breadcrumb a:hover { text-decoration: none; color: #333; }
#breadcrumb span { float: left; padding: 0 16px 0 8px; background: url(../images/bg_breadcrumb-2.png) right top no-repeat; }

.highlight { position: relative; padding-left: 138px; line-height: 1.5; font-size: 11px; }
.highlight h2 { font-size: 14px; margin-bottom: 1px; }
.highlight p { margin-bottom: 12px; }
.highlight-image { position: absolute; left: 0; top: 1px; }

.programs { position: relative; padding-left: 148px; line-height: 1.6; font-size: 11px; }
.programs p { margin-bottom: 4px; }
.programs-image { position: absolute; left: 0; top: 5px; }
.programs-commission { position: absolute; left: 0; top: 58px; }

.bestcommissions-firstimage { position: relative; padding-bottom:16px; }
.bestcommissions-image { position: relative; top: -15px; }

.bestprograms-image { position: relative; padding-top:6px; padding-bottom:3px; }

.networks { position: relative; padding-left: 148px; line-height: 1.6; font-size: 11px; }
.networks p { margin-bottom: 5px; }
.networks-image {position: absolute; left: 0; top: 1px; }
.networks-commission {position: absolute; left: 0; top: 82px; }

/* 4. OPACITY
--------------------------------------------------------------------------------
==============================================================================*/
.opacity5 {opacity:0.5;filter:alpha(opacity=50); }
.opacity5:hover {opacity:1;filter:alpha(opacity=100); }
.opacity6 {opacity:0.6;filter:alpha(opacity=60); }
.opacity6:hover {opacity:1;filter:alpha(opacity=100); }
.opacity7 {opacity:0.7;filter:alpha(opacity=70); }
.opacity7:hover {opacity:1;filter:alpha(opacity=100); }
.opacity8 {opacity:0.8;filter:alpha(opacity=80); }
.opacity8:hover {opacity:1;filter:alpha(opacity=100); }