/* Site Elements -------------------------------------------------------------------------------*/ /* Header -------------------------------------------------------------------------------*/ xbody { background:url(/images/2016/background.gif) 0 0 repeat-x; } header { width:100%; height:129px; background:#fff; z-index:999; box-shadow: 0 2px 5px #999; } #site_header { position:relative; width:960px; height:89px; margin:0 auto; padding-top:5px; display:block; float: none; clear: both; overflow:hidden; background:#fff; } #site_header:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header a[rel="home"] { position:absolute; z-index:2; top:20px; left:10px; width:358px; height: 62px; overflow:hidden; } #site_header em { position:relative; z-index:1; width:740px; height: 70px; display:block; float: left; clear: left; overflow:hidden; line-height:37px; font-size:33px; font-family:Arial,Helvetica,Sans-Serif; font-style:normal; color:#FFFFFF; text-indent:360px; /* 380px */ } #site_header em sub { position:absolute; z-index:2; top:0px; right:5px; width: 20px; height: 20px; display:block; background:url(/images/winter/sm.gif) 0px 1px no-repeat; } #site_header em cite { position:absolute; z-index:2; top:34px; right:0px; width: 400px; height: 18px; display:block; line-height:16px; font-size:14px; font-family:Arial,Helvetica,Sans-Serif; font-style:italic; color:#FFFFFF; text-indent:60px; /* border:1px solid #00FF00; */ } #site_header ol { width:220px; height: 50px; display:block; float:right; clear:right; margin:1px 8px 0 0; } #site_header ol span { display:none; } #site_header ol li { width: 45px; height: 50px; margin:0 5px 5px 0; display:block; list-style:none; float:right; } #site_header ol li a { width: 48px; height: 48px; display:block; border-radius:50%; box-shadow:2px 2px 5px #999; } /* Inactive Season Icons */ #site_header ol li a[rel="winter"] { background: url(/images/2016/icon-winter-dim.png) no-repeat; } #site_header ol li a[rel="spring"] { background: url(/images/2016/icon-spring-dim.png) no-repeat; } #site_header ol li a[rel="summer"] { background: url(/images/2016/icon-summer-dim.png) no-repeat; } #site_header ol li a[rel="fall"] { background: url(/images/2016/icon-fall-dim.png) no-repeat; } /* ACTIVE Season Icons */ .winter #site_header ol li a[rel="winter"] { background: url(/images/2016/icon-winter.png) no-repeat; } .spring #site_header ol li a[rel="spring"] { background: url(/images/2016/icon-spring.png) no-repeat; } .summer #site_header ol li a[rel="summer"] { background: url(/images/2016/icon-summer.png) no-repeat; } .fall #site_header ol li a[rel="fall"] { background: url(/images/2016/icon-fall.png) no-repeat; } /* HOVER Season Icons */ #site_header ol li a:hover { color:#dae3f1; } #site_header ol li a[rel="winter"]:hover { background: url(/images/2016/icon-winter.png) no-repeat; } #site_header ol li a[rel="spring"]:hover { background: url(/images/2016/icon-spring.png) no-repeat; } #site_header ol li a[rel="summer"]:hover { background: url(/images/2016/icon-summer.png) no-repeat; } #site_header ol li a[rel="fall"]:hover { background: url(/images/2016/icon-fall.png) no-repeat; } /* Navigation -------------------------------------------------------------------------------*/ #site_navigation { position:relative; width: 960px; height: 40px; margin:0 auto; } #site_navigation:before { content: "\e607"; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_navigation:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #search-dialog-box { position:fixed; z-index:9999; top:150px; left:33%; background:#6d88b8; display:none; width:525px; height:50px; border:1px solid #fff; border-radius: 10px; box-shadow: 0 3px 5px #999; } #search-dialog-box fieldset { display:block; position:absolute; left:50px; top:5px; width:200px; color:#fff; } #search-dialog-box fieldset input { display:block; position:absolute; left:10px; top:7px; width:300px; height: 28px; color:#fff; text-align:left; background:none; font-size:22px; font-weight:normal; } #search-dialog-box #site-navigation-focus { display:block; position: absolute; left:10px; top:10px; } #search-dialog-box #site-navigation-close { display:block; position: absolute; right:10px; top:16px; } .search-dialog-backdrop { display:none; z-index:9998; position:fixed; width:100%; height:100%; left:0; top:0; background-color:#fff; opacity:0.5; } /* The placeholder text was gray. Adding this makes it whiter. */ ::-webkit-input-placeholder { /* Chrome */ color: #ddd; font-weight:normal; font-style: italic; } :-ms-input-placeholder { /* IE 10+ */ color: #ddd; font-weight:normal; font-style: italic; } ::-moz-placeholder { /* Firefox 19+ */ color: #ddd; font-weight:normal; font-style: italic; opacity: 1; } :-moz-placeholder { /* Firefox 4 - 18 */ color: #ddd; font-weight:normal; font-style: italic; opacity: 1; } #site_navigation_date { position:absolute; left:747px; top:75px; width:220px; text-align:center; color: #004990; font-weight:bold; z-index:200; } #site_navigation_preview { position:absolute; left:20px; top:3px; width:180px; text-align:right; color: #dae3f1; font-weight:bold; z-index:101; } #site_navigation_glass { position:absolute; right:20px; top:8px; width:20px; text-align:right; color: #fff; font-size:21px; z-index:9999; cursor:pointer; cursor:hand; } /* Footer -------------------------------------------------------------------------------*/ #site_footer { width: 100%; margin-top:10px; float: none; clear: both; overflow:hidden; background:url(/images/site/footer_top.png) center top repeat-x; } #site_footer:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div { width: 100%; margin-top:50px; padding-bottom:20px; background:url(/images/site/footer_body.png) repeat; } #site_footer div:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol { width:960px; margin:0 auto; } #site_footer div ol:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol ul { min-height:180px; padding:20px 50px 0; display:block; float: left; } #site_footer div ol ul:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol ul:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol ul li { display:block; list-style:none; color:#004F85; } #site_footer div ol ul li a { color:#004F85; } #site_footer div ol ul li a:hover { color:#5FB1BF; text-decoration:underline; } #site_footer div ol ul.alpha { width:200px; padding-left:0px; clear: left; } #site_footer div ol ul.alpha li.bolt { padding:0 0 5px 15px; background:url(/images/site/footer-bolt.jpg) 0px 2px no-repeat; line-height:15px; font-size:12px; } #site_footer div ol ul.alpha li a[rel="login"] { width:180px; height: 22px; margin:5px 0 0 15px; display:block; background-color:#8CABCF; text-align:center; line-height:22px; font-size:18px; color:#FFFFFF; } #site_footer div ol ul.alpha li a[rel="login"]:hover { background-color:#5FB1BF; text-decoration:none; } #site_footer div ol ul.beta { width:415px; border-left:2px solid #A1BAD8; border-right:2px solid #A1BAD8; } #site_footer div ol ul.beta li { padding-bottom:30px; float: left; } #site_footer div ol ul.beta li a { display:block; float: none; clear: both; line-height:25px; font-size:12px; } #site_footer div ol ul.beta li.alpha { width: 190px; clear: left; } #site_footer div ol ul.beta li.beta { width: 130px; } #site_footer div ol ul.beta li.gamma { width: 90px; clear:right; } #site_footer div ol ul.beta li.copy { padding:0; float: none; clear: both; text-align:center; line-height:15px; font-size:11px; } #site_footer div ol ul.beta li.copy em { display:block; font-style:normal; } #site_footer div ol ul.gamma { width:140px; padding-right:0; float:right; clear:right; } #site_footer div ol ul.gamma li a { width:110px; height: 40px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/2016/footer-social_media.jpg) no-repeat; } #site_footer div ol ul.gamma li a[rel="facebook"] { background-position:0px -0px; } #site_footer div ol ul.gamma li a[rel="twitter"] { background-position:0px -40px; } #site_footer div ol ul.gamma li a[rel="youtube"] { background-position:0px -80px; } #site_footer div ol ul.gamma li a[rel="iPhone"] { background-position:0px -120px; } #site_footer div ol ul.gamma li a[rel="instagram"] { background-position:0px -160px; } #site_footer div ol ul.gamma li a em { display:block; text-indent:-9999px; } #site_footer .mobileLink { text-transform: uppercase; text-decoration: none !important;background-color: #8CABCF; color: #FFFFFF !important; display: block; font-size: 18px; height: 22px; line-height: 22px; text-align: center; width: 180px;} #site_footer .mobileLink:hover { background:#5fb1bf; } #site_footer .mobileLinkLI { margin-left:120px;padding-bottom:20px !important;} .offer { padding:5px; margin:10px 0; background:#fff; border:1px solid #903; } .offer ul { margin-left:10px; } .offer li { margin-left:10px; } .offer p { margin-left:10px; } .container#inside { background:none; margin-top:66px; } /* .winter .container .container .contentArea { margin-top:132px; } */