@CHARSET "UTF-8";
html {background: #002143;}
body {
margin:0;
color:#666;
font:11px/16px Verdana, Geneva, sans-serif;
min-width:320px;
background:#fff url(../img/bg-main.png) repeat-x 0 666px;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:none;
}
.home {background:#fff;}
img{vertical-align:middle;}
strong {font-weight:bold;}
em {font-style:italic;}
p {margin-bottom:10px;}
a{color:#f06d29;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
a:active {background-color: transparent;}
input,
textarea,
select{
font:100% Arial, Helvetica, sans-serif;
vertical-align:middle;
color:#000;
}
input[type="submit"]:hover {cursor:pointer;}
ul li {list-style-type:none;}
ol li {
list-style-type:decimal;
list-style-position:outside;
}
.clear {clear:both;}
h1{
font-size: 23px;
line-height:25px;
font-weight: bold;
color:#002b5c;
text-transform:uppercase;
margin:0 0 5px;
}
h2{
font-size: 23px;
line-height:25px;
font-weight: bold;
color:#002b5c;
margin:0 0 5px;
}
h3{
font-size:15px;
line-height:17px;
color:#002b5c;
font-weight:normal;
margin:0 0 5px;
}
.right-align{text-align:right;}
.left-align{text-align:left;}
.normal-weight{font-weight: normal;}
.alt-row{
background-color: #F8F8F8;
overflow: hidden;
}
.float-column{
float: left;
position: relative;
}
.wrapper{
width:100%;
position:relative;
overflow:hidden;
}
.w1{
position:relative;
z-index:2;
}
.banner-wrap {
width:100%;
position:absolute;
left:0;
top:0;
background:#000;
height:666px;
text-align:center;
}
.banner-wrap img {
width:1560px;
height:auto;
}
#header {
max-width:1000px;
padding:11px 0 0;
margin:0 auto;
position:relative;
z-index:105;
}
.top-block {
width:100%;
padding:0 0 10px;
}
.top-holder {
float:right;
margin:0 -2px 0 0;
}
.logos {
float:left;
padding:0;
margin:0;
list-style:none;
}
.logos li {
display:inline-block;
vertical-align:middle;
padding:0 8px;
}
.logos li img {vertical-align:top;}
.social-networks {
padding:0;
margin:5px 0 0 15px;
list-style:none;
float:left;
}
.social-networks li {
float:left;
margin:0 0 0 7px;
}
.social-networks a {
display:block;
text-indent:-9999px;
overflow:hidden;
width:25px;
height:25px;
}
.social-networks .enews {background:url(../img/bg-social.png) no-repeat;}
.social-networks .facebook {background:url(../img/bg-social.png) no-repeat -32px 0;}
.social-networks .twitter {background:url(../img/bg-social.png) no-repeat -64px 0;}
.top-block a.search {
text-indent:-9999px;
overflow:hidden;
display:none;
width:40px;
height:35px;
background-size:23px 23px;
position:absolute;
top:0;
right:0;
}
.search-form {
float:left;
width:260px;
height:29px;
background:url(../img/bg-text.png) no-repeat;
margin:4px 0 0 12px;
}
.search-form input[type="text"] {
float:left;
background:none;
border:none;
font:12px/14px Verdana, Geneva, sans-serif;
color:#23436b;
padding:6px 12px 7px;
width:206px;
margin:0;
-webkit-border-radius:0;
border-radius:0;
-webkit-appearance:none;
}
.search-form input[type="image"]{
width:17px;
height:17px;
overflow:hidden;
border:none;
background:url(../img/bg-submit.png) no-repeat;
cursor:pointer;
margin:5px 9px 0 0;
padding:0;
float:right;
position:relative;
text-indent:-9999px;
font-size:0;
line-height:0;
-webkit-border-radius:0;
border-radius:0;
-webkit-appearance:none;
}
.nav-bar {
padding:0 280px;
margin:0 -280px;
background:url(../img/bg-nav.png) 50% 0;
height:61px;
}
.logo {
background:url(../img/logo.png) no-repeat;
width:116px;
height:133px;
text-indent:-9999px;
overflow:hidden;
float:left;
margin:-41px 0 0 5%;
}
.logo a {
display:block;
height:100%;
}
.nav-holder .opener {
width:40px;
height:35px;
}
#nav {
padding:0;
margin:1px 0 0;
list-style:none;
float:right;
border-right:1px solid #000;
}
#nav > li {
float:left;
border-left:1px solid #000;
}
.sfContentBlock{
float:none;
}
#nav li {position:relative;}
#nav > li > a {
display:block;
text-indent:-9999px;
overflow:hidden;
height:38px;
text-decoration:none;
background:url(../img/bg-nav2.png) no-repeat;
}
#nav > li > a:hover,
#nav > .active > a,
#nav > li.hover > a {background-image:url(../img/bg-nav2-hover.png);}
#nav .stadium-information {
background-position:-1px 0;
width:191px;
}
#nav .parking-and-directions {
background-position:-193px 0;
width:190px;
}
#nav .host-an-event {
background-position:-384px 0;
width:141px;
}
#nav .event-tickets {
background-position:-526px 0;
width:144px;
}
#nav .contact-us {
background-position:-671px 0;
width:118px;
}
.nav-holder .opener,
#nav .close {
display:none;
text-indent:-9999px;
overflow:hidden;
}
#nav .close {height:25px;}
#nav .drop {
display:none;
width:193px;
position:absolute;
top:38px;
left:50%;
margin-left:-115px;
padding:0 18px 23px;
z-index:100;
background:url(../img/drop-t.png) no-repeat 10px 0;
font-size:9px;
line-height:11px;
font-weight:bold;
text-transform:uppercase;
}
#nav .drop ul {
display:none;
width:180px;
position:absolute;
top:0;
left:100%;
padding:10px 7px 8px 5px;
background:url(../img/drop-info-t.png) no-repeat 100% 0;
font-size:10px;
line-height:12px;
font-weight:normal;
text-transform:none;
z-index:100;
}
#nav .bullet {
display:inline-block;
vertical-align:top;
background:url(../img/bullet7.png) no-repeat;
width:4px;
height:6px;
margin:5px 0 0 3px;
line-height:5px;
}
#nav a:hover .bullet,
#nav li.active > a .bullet {
background:url(../img/bullet8.png) no-repeat;
width:5px;
height:6px;
}
#nav .drop:after,
#nav .drop:before{
content:'';
position:absolute;
height:28px;
left:0;
bottom:0;
width:100%;
background:url(../img/drop-b.png) no-repeat;
z-index:-1;
}
#nav .drop:after{
top:4px;
height:auto;
bottom:28px;
background:url(../img/drop-c.png) repeat-y;
}
#nav .drop ul:after,
#nav .drop ul:before{
content:'';
position:absolute;
height:16px;
left:0;
bottom:0;
width:100%;
background:url(../img/drop-info-b.png) no-repeat 100% 0;
z-index:-1;
}
#nav .drop ul:after{
top:10px;
height:auto;
bottom:16px;
background:url(../img/drop-info-c.png) repeat-y 100% 0;
}
#nav .drop ul li {
background:none;
padding:0 0 8px;
text-align:left;
overflow:hidden;
}
#nav .drop > li {
float:none;
width:100%;
text-align:center;
padding:2px 0 0;
background:url(../img/bg-border5.png) repeat-x 50% 0;
}
#nav .drop > li:first-child {background:none;}
#nav .drop a {
color:#002b5c;
text-align:center;
padding:10px 5px 8px;
height:auto;
width:auto;
display:block;
text-decoration:none;
}
#nav .drop ul a {
color:#fff;
height:auto;
width:auto;
text-align:left;
background:none;
padding:0;
}
#nav .drop ul a:hover,
#nav .drop ul .active a {
color:#9cf;
background:none;
}
#nav .drop > li > a:hover,
#nav .drop > .active > a,
#nav .drop > li.hover > a {background:url(../img/drop-hover.png) repeat-y 50% 0;}
#nav .btn-back{
position:absolute;
top:7px;
left:6px;
cursor:pointer;
text-indent:-9999px;
overflow:hidden;
display:none;
width:43px;
height:23px;
background-size:43px 23px;
}
.cycle-gallery:before {
position:absolute;
left:0;
top:-19px;
width:100%;
height:21px;
background:url(../img/bg-shadow6.png) no-repeat 50% 0;
content:'';
}
.cycle-gallery {
position: relative;
margin:0 auto 84px;
padding:0 23px;
max-width:952px;
z-index:1;
}
.gallery-block {
position:absolute;
top:100%;
left:3px;
right:3px;
background:url(../img/bg-gallery-block.png) no-repeat 50% 0;
height:24px;
padding:9px 12px 16px;
margin:-20px 0 0;
z-index:20;
}
.gallery-block:after,
.gallery-block:before {
content:'';
position:absolute;
background:url(../img/bg-gallery-arrow.png) no-repeat;
width:27px;
height:66px;
left:-5px;
top:-17px;
}
.gallery-block:after {
background-position:-28px 0;
left:auto;
right:-5px;
}
.gallery-holder {
padding:7px 0 0;
position:relative;
margin:0 4px;
background:url(../img/bg-gallery-t.png) repeat-x;
z-index:10;
}
.gallery-holder:after,
.gallery-holder:before {
content:'';
position:absolute;
right:100%;
top:0;
bottom:0;
background:url(../img/bg-gallery-border.png) no-repeat;
width:7px;
}
.gallery-holder:after {
background-position:-10px 0;
right:auto;
left:100%;
}
.cycle-gallery .mask {
position: relative;
overflow: hidden;
width:100%;
z-index:2;
}
.cycle-gallery .mask .slideset {
width: 99999px;
float: left;
}
.cycle-gallery .slide {
float: left;
position:relative;
}
.cycle-gallery .slide img {
width:100%;
height:auto;
}
.cycle-gallery .btn-prev,
.cycle-gallery .btn-next {
position:absolute;
top:50%;
left:-18px;
margin-top:-67px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/bg-prev.png) no-repeat;
width:45px;
height:124px;
text-decoration:none;
z-index:1;
}
.cycle-gallery .btn-next {
left:auto;
right:-18px;
background:url(../img/bg-next.png) no-repeat;
}
.cycle-gallery .pagination {
float:left;
margin:5px 0 0 0;
position:relative;
z-index:10;
}
.cycle-gallery .pagination ul {
padding:0;
margin:0;
list-style:none;
overflow:hidden;
}
.cycle-gallery .pagination li {
float:left;
margin:0 5px 0 0;
}
.cycle-gallery .pagination a {
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../img/bg-switcher.png) no-repeat;
height:15px;
width:13px;
text-decoration:none;
}
.cycle-gallery .pagination a:hover,
.cycle-gallery .pagination .active a {
background-position:0 -15px;
margin:1px 0 0;
}
.cycle-gallery .text-block {
position:absolute;
top:65px;
right:0;
width:409px;
}
.cycle-gallery h2 {
font-size:36px;
line-height:44px;
color:#fff;
margin:0 0 16px 55px;
text-transform:uppercase;
text-shadow:2px 2px 5px #5b62bf;
}
.cycle-gallery h2 > span {
display:block;
font-size:19px;
line-height:21px;
color:#9cf;
margin:0 0 4px;
letter-spacing:3px;
}
.cycle-gallery .desc {
float:right;
position:relative;
}
.cycle-gallery .desc-holder {
background:url(../img/bg-opacity2.png);
font-size:14px;
line-height:22px;
color:#7dabd9;
padding:16px 10px 18px 9px;
width:366px;
}
.cycle-gallery .desc img {
position:absolute;
width:24px;
height:100%;
top:0;
left:-24px;
}
.cycle-gallery .desc p {margin:0;}
.cycle-gallery .more {
float:right;
margin:0 1px 0 0;
background:url(../img/bg-more.png) no-repeat;
height:24px;
padding:0 12px 0 9px;
position:relative;
text-transform:uppercase;
line-height:24px;
font-weight:bold;
font-size:11px;
color:#002b5c;
text-decoration:none;
}
.cycle-gallery .more:after {
position:absolute;
right:-10px;
top:0;
background:url(../img/bg-more2.png) no-repeat;
width:10px;
height:24px;
content:'';
}
.cycle-gallery .more:hover {background:url(../img/more-hover.png) no-repeat;}
.cycle-gallery .more:hover:after {background:url(../img/more-hover2.png) no-repeat;}
.cycle-gallery .more:before {
position:absolute;
top:50%;
right:0;
background:url(../img/bullet.png) no-repeat 100% 0;
width:11px;
height:7px;
content:'';
margin-top:-3px;
}
.cycle-gallery .button-text{
left:-9999px;
position:absolute;
top:-9999px;
}
.event-block {
margin:0 auto 2px;
background:url(../img/bg-opacity.png) repeat-x;
padding:21px 0 10px;
max-width:1560px;
position:relative;
}
.event-holder {
max-width:1000px;
margin:0 auto;
position:relative;
min-height:53px;
}
.event-block:after {
position:absolute;
top:-5px;
left:0;
width:100%;
background:url(../img/bg-border.png) repeat-x;
height:2px;
content:'';
}
.event-block:before {
position:absolute;
bottom:-1px;
left:0;
width:100%;
background:url(../img/bg-border.png) repeat-x;
height:2px;
content:'';
}
.event-block .upcoming {
float:left;
width:61px;
position:relative;
z-index:1;
background:url(../img/event-top.png) no-repeat;
text-align:center;
color:#fff;
padding:12px 10px 16px;
letter-spacing:1px;
text-transform:uppercase;
margin:0 -100% 0 -6px;
font:bold 12px/14px "Trebuchet MS", Helvetica, sans-serif;
text-shadow:1px 1px 2px #000;
}
.event-block .upcoming > strong {
font-size:9px;
line-height:11px;
display:block;
margin:0 -1px;
}
.event-block .upcoming:before {
position:absolute;
bottom:0;
left:0;
z-index:-1;
background:url(../img/event-b.png) no-repeat;
height:9px;
width:100%;
content:'';
}
.event-block .upcoming:after {
position:absolute;
top:43px;
bottom:9px;
left:0;
z-index:-1;
background:url(../img/event-c.png) repeat-y;
height:auto;
width:100%;
content:'';
}
.event-block .upcoming:link {
text-decoration: none;
}
.event-list {
float:left;
width:100%;
}
.event-list > ul {
padding:0;
margin:0 84px 0 75px;
list-style:none;
text-align:justify;
letter-spacing:-4px;
}
.event-list > ul:after {
content:'';
display:inline-block;
vertical-align:top;
width:100%;
height:0;
font-size:0;
line-height:0;
position:relative;
overflow:hidden;
}
.event-list > ul > li {
display:inline-block;
vertical-align:top;
width:24%;
background:url(../img/box-b.png) repeat-x 0 100%;
padding:0 0 7px;
position:relative;
margin:0 0.45%;
letter-spacing:0;
}
.event-box:after,
.event-box:before,
.event-list > ul > li:after,
.event-list > ul > li:before {
content:'';
position:absolute;
width:6px;
bottom:7px;
top:0;
background:url(../img/box-lr.png) no-repeat;
left:-6px;
}
.event-box:after,
.event-box:before {
background:url(../img/box-corner.png) no-repeat;
height:7px;
top:auto;
bottom:-7px;
}
.event-box:after,
.event-list > ul > li:after {
left:100%;
background-position:-7px 0;
}
.event-box {
display:block;
z-index:1;
position:relative;
background:url(../img/box-t.png) no-repeat 50% 0;
padding:3px 0 0;
text-decoration:none;
text-align:left;
}
.event-box .holder {
display:table;
width:100%;
}
.event-box .date {
display:table-cell;
vertical-align:middle;
width:42px;
text-align:center;
text-transform:uppercase;
color:#fc9;
padding:3px 4px 0 0;
background:url(../img/bg-border2.gif) repeat-y 100% 0;
font:bold 11px/13px Arial, Helvetica, sans-serif;
text-shadow:1px 1px 2px #000;
}
.event-box .date > strong {
display:block;
font-size:26px;
line-height:24px;
}
.event-box .button {
display:table-cell;
vertical-align:middle;
width:22px;
background:#0d538b;
}
.event-box .button span {
display:inline-block;
vertical-align:middle;
text-indent:-9999px;
overflow:hidden;
background:url(../img/bg-button.png) no-repeat;
width:22px;
height:42px;
text-decoration:none;
}
.event-box .title {
display:table-cell;
vertical-align:middle;
height:42px;
font-size:11px;
font-weight:normal;
line-height:13px;
color:#9cf;
margin:0;
padding:0 10px 0 8px;
}
.event-box:hover {background-image:url(../img/box-hover-t.png);}
.event-box:hover .title {color:#fff;}
.event-block .btn-view {
float:left;
background:url(../img/bg-view.png) no-repeat;
width:41px;
height:34px;
padding:7px 19px 5px 15px;
text-transform:uppercase;
color:#fff;
text-decoration:none;
margin:1px 0 0 -80px;
font:bold 18px/20px "Trebuchet MS", Helvetica, sans-serif;
text-shadow:1px 1px 2px #4d230d;
}
.event-block .btn-view > span {
font-size:11px;
line-height:13px;
display:block;
margin:0 0 -2px;
}
.event-block .btn-view:hover {background-position:0 -46px;}
#main {
width:100%;
overflow:hidden;
padding:15px 0 0;
}
.home #main {background:#fff url(../img/bg-main.png) repeat-x;}
.main-holder {
max-width:988px;
margin:0 auto;
}
.boxes {
margin:0 -10px 32px;
overflow:hidden;
padding:0 2px;
}
.boxes .box {
float:left;
width:322px;
margin:0 0 0 8px;
background:url(../img/bg-shadow.png) no-repeat 50% 0;
padding:22px 0 0;
}
.boxes .box:first-child {margin-left:0;}
.boxes .box .visual {
overflow:hidden;
text-align:center;
margin:0 0 -2px;
}
.boxes .visual img {
max-width:100%;
height:auto;
}
.boxes .desc {
display:block;
width:301px;
position:relative;
z-index:1;
background:url(../img/desc-t.png) no-repeat;
padding:11px 8px 16px 16px;
text-decoration:none;
margin-left:-3px;
}
.boxes .desc:before {
position:absolute;
bottom:0;
left:0;
z-index:-1;
background:url(../img/desc-b.png) no-repeat;
height:8px;
width:100%;
content:'';
}
.boxes .desc:after {
position:absolute;
top:35px;
bottom:8px;
left:0;
z-index:-1;
background:url(../img/desc-c.png) repeat-y;
height:auto;
width:100%;
content:'';
}
.boxes .title{
display:block;
overflow:hidden;
font-weight:normal;
font-size:15px;
line-height:17px;
color:#9cf;
margin:0;
padding:0 0 1px;
}
.boxes .btn-go {
float:right;
color:#fff;
text-transform:uppercase;
text-decoration:none;
padding:0 21px 0 0;
margin:2px 0 0;
background:url(../img/bullet2.png) no-repeat 100% 1px;
font:bold 14px/16px Verdana, Geneva, sans-serif;
}
.boxes .desc:hover .btn-go {background-position:100% -49px;}
.boxes .desc:hover {background-image:url(../img/desc-hover-t.png);}
.boxes .desc:hover:after {background-image:url(../img/desc-hover-c.png);}
.boxes .desc:hover:before {background-image:url(../img/desc-hover-b.png);}
.about-block {
overflow:hidden;
text-align:center;
color:#002b5c;
padding:0 0 37px;
font-size:17px;
line-height:21px;
}
.about-block h2 {
text-transform:uppercase;
letter-spacing:4px;
color:#002b5c;
margin:0 0 4px 1px;
position:relative;
font:23px/25px Arial, Helvetica, sans-serif;
display:table;
width:100%;
}
.about-block h2:before,
.about-block h2:after {
content:'';
display:table-cell;
vertical-align:middle;
background:url(../img/bg-line2.png) no-repeat 100% 50%;
font-size:0;
line-height:0;
}
.about-block h2:before {background:url(../img/bg-line.png) no-repeat 0 50%;}
.about-block h2 span {
display:table-cell;
text-align:center;
vertical-align:top;
width:1px;
white-space:nowrap;
padding:0 18px;
}
.about-block p {margin:0;}
.about-block .desc {
overflow:hidden;
padding:0 80px;
}
.ad-space {
overflow:hidden;
text-align:center;
position:relative;
padding:17px 0 11px;
}
.ad-space:before,
.ad-space:after {
position:absolute;
top:0;
left:0;
right:0;
background:url(../img/bg-shadow2.png) no-repeat 50% 0;
height:16px;
content:'';
}
.ad-space:before {
top:auto;
bottom:0;
background:url(../img/bg-shadow3.png) no-repeat 50% 0;
height:15px;
}
.ad-space img {
max-width:100%;
height:auto;
}
.container {
max-width:998px;
margin:0 auto;
/* position:relative;*/
}
.container-holder {
margin:-52px 0 0;
padding:0 0 24px;
position:relative;
z-index:1;
background:#fff;
float:left;
width:100%;
}
.container-holder {
background: url(../img/bg-container.png) repeat-y;
width: 100%;
margin: -52px -8px 0 -9px;
padding: 0 9px 24px 9px;
float: left;
position: relative;
z-index: 1;
}
.container:after,
.container:before {
content:'';
background:url(../img/bg-container.png) repeat-y;
width:9px;
height:100%;
position:absolute;
top:0;
right:100%;
}
.container:after {
background-position:-10px 0;
right:-9px;
}
#content {
float:left;
width:100%;
}
.content-holder {margin:24px 38px 0 245px;}
.content-text {padding:0 0 22px 11px;}
#content h1 {
font-weight:bold;
font-size:23px;
line-height:25px;
color:#002b5c;
text-transform:uppercase;
margin:0 0 15px;
letter-spacing:3px;
}
#content h1 span {text-transform:none;}
#content p {margin:0 0 10px;}
.products-block {width:100%;}
#products-block-condensed{width:80%;}
.products-block h3 {
font-weight:normal;
font-size:16px;
line-height:18px;
color:#002b5c;
padding:0 0 7px;
margin:0 0 18px 10px;
width:689px;
background:url(../img/bg-border2.png) repeat-x 0 100%;
}
.products-block sup {
font-size:8px;
line-height:11px;
position:absolute;
top:-2px;
right:-5px;
}
.products-block .desc span {position:relative;}
.product-list {
padding:0;
margin:0 -30px 0 6px;
list-style:none;
}
.product-list:after,
.products-block:after {
content:'';
display:block;
clear:both;
}
.content-text .product-list li {
display:inline-block;
vertical-align:top;
width:160px;
margin:0 2px 7px 0;
background:url(../img/product-t.png) no-repeat -7px 0;
position:relative;
z-index:1;
padding:13px 7px 17px 6px;
text-indent:0;
}
#products-block.product-list ul li{
text-indent:0;
}
.product-list li:after,
.product-list li:before{
content:'';
position:absolute;
height:17px;
left:-3px;
bottom:0;
width:100%;
background:url(../img/product-b.png) no-repeat;
z-index:-1;
}
.product-list li:after{
top:17px;
height:auto;
bottom:17px;
background:url(../img/product-c.png) repeat-y;
}
.product-list .visual {
overflow:hidden;
margin:0 0 11px;
}
.product-list .visual img {vertical-align:top;}
#content .product-list h4 {
text-transform:uppercase;
font-weight:bold;
font-size:13px;
line-height:15px;
color:#002b5c;
padding:0 10px 7px;
margin:0 0 5px;
float:none;
background:url(../img/bg-border3.gif) no-repeat 50% 100%;
}
.product-list .desc {
overflow:hidden;
padding:0 9px 11px;
text-align:center;
font-size:11px;
line-height:13px;
color:#002b5c;
min-height:85px;
}
.product-list .desc > strong {
display:block;
font-weight:bold;
margin:0 0 3px;
}
.product-list .go {
text-decoration:none;
float:left;
text-transform:uppercase;
color:#fff;
text-align:center;
background:url(../img/bg-go.png) no-repeat;
height:25px;
width:158px;
margin:0 0 -3px;
font:bold 12px/27px Arial, Helvetica, sans-serif;
}
.product-list .go:hover {background-position:0 -25px;}
.product-list .go > span {
padding:0 15px 0 0;
background:url(../img/bullet5.png) no-repeat 100% 1px;
}
#sidebar {
float:left;
width:208px;
padding:70px 0 20px;
background:url(../img/bg-sidebar2.png) no-repeat;
margin:0 0 0 -100%;
}
.accordion {
padding:0;
margin:0 0 48px;
list-style:none;
background:url(../img/sep2.png) no-repeat 0 100%;
font-size:10px;
line-height:12px;
font-weight:bold;
text-transform:uppercase;
}
.accordion li {
background:url(../img/sep2.png) no-repeat;
padding:2px 0 0;
}
.accordion .opener {
float:left;
padding:10px 5px 8px;
text-align:center;
color:#036;
text-decoration:none;
width:198px;
}
.telephone {color:#002b5c;}
.accordion .opener:hover,
.accordion .active > a {
position:relative;
z-index:1;
background:url(../img/hover-t.png) no-repeat;
margin:0 -27px -14px;
padding:10px 32px 22px;
color:#fff;
font-weight:bold;
}
.accordion .active > a {background:url(../img/active-t.png) no-repeat 1px 0;}
.accordion .opener:hover:after,
.accordion .active > a:after {
position:absolute;
bottom:0;
left:6px;
z-index:-1;
background:url(../img/hover-b.png) no-repeat;
height:13px;
width:100%;
content:'';
}
.accordion .active > a:after {
background:url(../img/active-b.png) no-repeat;
left:6px;
}
.accordion .opener:hover:before,
.accordion .active > a:before {
position:absolute;
top:26px;
bottom:13px;
left:8px;
z-index:-1;
background:url(../img/hover-c.png) repeat-y;
height:auto;
width:100%;
content:'';
}
.accordion .active > a:before {
background:url(../img/active-c.png) repeat-y;
left:8px;
}
.accordion .slide {
position:relative;
overflow:hidden;
background:#e2e6ec;
width:100%;
padding:0 0 3px;
}
.accordion .slide ul {
padding:0;
margin:0;
list-style:none;
font-size:10px;
line-height:12px;
text-transform:none;
font-weight:normal;
}
.accordion .slide ul li {background:url(../img/sep3.png) no-repeat;}
.accordion .slide ul a {
display:block;
text-align:center;
padding:8px 5px 9px;
color:#036;
text-decoration:none;
}
.accordion .slide ul a:hover,
.accordion .active-state a {
background:url(../img/bg-hover.png) repeat-y;
font-weight:bold;
}
.visual-banner {
overflow:hidden;
margin:0 0 0 24px;
padding:0 0 13px;
background:url(../img/bg-shadow5.png) no-repeat 0 100%;
}
.visual-banner img {vertical-align:top;}
#footer {
width:100%;
overflow:hidden;
background:#002143 url(../img/bg-footer.png) repeat-x;
}
.footer-holder {
max-width:998px;
margin:0 auto;
position:relative;
padding:58px 32px 10px;
background:#024 url(../img/bg-footer-t.png) repeat-x;
}
.footer-holder:after,
.footer-holder:before {
content:'';
position:absolute;
left:-25px;
background:url(../img/bg-footer-lr.png) no-repeat;
top:0;
bottom:0;
width:57px;
}
.footer-holder:after {
left:auto;
right:-25px;
background-position:-58px 0;
}
.footer-content {
overflow:hidden;
margin:0 0 17px;
font-family:Arial, Helvetica, sans-serif;
}
.footer-content .column {
float:left;
width:21.3%;
margin:0 0 0 3.6%;
}
.footer-content .column:first-child {margin-left:0;}
.footer-content h2 {
font-weight:bold;
text-transform:uppercase;
font-size:14px;
line-height:16px;
color:#9fd3ff;
margin:0 0 6px;
letter-spacing:2px;
}
.footer-content h2 a {
text-decoration:none;
color:#9fd3ff;
}
.footer-content h2 a:hover {text-decoration:underline;}
.menu {
padding:0 0 20px;
margin:0;
list-style:none;
overflow:hidden;
font-size:11px;
line-height:13px;
}
.menu li {padding:0 0 2px;}
.menu a {
text-decoration:none;
color:#9cf;
}
.menu a:hover {text-decoration:underline;}
.address {
display:block;
font-style:normal;
padding:0 0 15px;
width:192px;
font-size:11px;
line-height:15px;
color:#9cf;
margin:-1px 0 0;
}
.contact-list {
overflow:hidden;
margin:0;
font-size:11px;
line-height:13px;
color:#9cf;
}
.contact-list dt {
float:left;
font-weight:bold;
margin:0 4px 0 0;
color:#99ccff;
}
.contact-list dd {
margin:0 0 2px;
}
.contact-list dd a {
text-decoration:none;
color:#9cf;
}
.contact-list dd a:hover {text-decoration:underline;}
.nav-list {
padding:0 0 1px;
margin:0;
list-style:none;
overflow:hidden;
text-align:center;
font-size:12px;
line-height:14px;
font-weight:bold;
text-transform:uppercase;
}
.nav-list li {
display:inline-block;
padding:0 17px 12px 18px;
}
.nav-list a {color:#9fd3ff;}
.alt-block {
text-align:center;
overflow:hidden;
font-size:12px;
line-height:14px;
color:#9fd3ff;
padding:0 10px 38px;
font-style:normal;
}
.alt-block a {
text-decoration:none;
color:#9fd3ff;
}
.alt-block a:hover {text-decoration:underline;}
.logo-list {
padding:44px 0 80px;
margin:0;
list-style:none;
position:relative;
z-index:5;
text-align:center;
background:url(../img/bg-shadow4.png) no-repeat 50% 0;
}
.logo-list li {
display:inline-block;
vertical-align:middle;
margin:0 12px 10px 15px;
}
.container-holder:after,
#header:after,
.top-block:after,
.nav-bar:after,
.accordion li:after,
.main-holder:after,
.boxes:after {
content:'';
display:block;
clear:both;
}
/* Akavit desktop overrides */
.page-overlay{
position:absolute;
top:0;
left:0;
background:#000;
width:100%;
height:100%;
display:none;
z-index:104;
}
/* Special case for accordion where opener is a link */
.accordion .opener-top {
float:left;
padding:10px 5px 8px;
text-align:center;
color:#036;
text-decoration:none;
width:198px;
}
.accordion .opener-top:hover,
.accordion .active > a {
position:relative;
z-index:1;
background:url(../img/hover-t.png) no-repeat;
margin:0 -27px -14px;
padding:10px 32px 22px;
color:#fff;
font-weight:bold;
}
.accordion .opener-top:hover:after,
.accordion .active > a:after {
position:absolute;
bottom:0;
left:6px;
z-index:-1;
background:url(../img/hover-b.png) no-repeat;
height:13px;
width:100%;
content:'';
}
.accordion .opener-top:hover:before,
.accordion .active > a:before {
position:absolute;
top:26px;
bottom:13px;
left:8px;
z-index:-1;
background:url(../img/hover-c.png) repeat-y;
height:auto;
width:100%;
content:'';
}
/* Event Calendar */
#event-calendar h3{
background:url("../img/bg-bar-calendar-header.jpg") no-repeat top left transparent;
height:31px;
width:693px;
margin:10px 0 0 12px;
padding:6px 0 0 10px;
font-weight:bold;
color:#FFF;
text-transform:uppercase;
}
.header-block{
width:693px;
height:31px;
margin-bottom:30px;
}
.header-block:before{
background:url("../img/img-event-header-shadow.png") no-repeat top left transparent;
width:708px;
height:13px;
display:block;
content:"";
position:relative;
top:10px;
}
#content .product-list h4 {
text-transform:uppercase;
font-weight:bold;
font-size:13px;
line-height:15px;
color:#002b5c;
padding:0 10px 7px;
margin:0 0 5px;
float:none;
background:url(../img/bg-border3.gif) no-repeat 50% 100%;
}
#event-calendar .desc{
font-size:12px;
line-height:1.25em;
}
#event-calendar .desc{
font-size:12px;
line-height:1.25em;
min-height:85px;
}
#event-calendar .desc h4{
font-size:16.66px;
}
.search-form {
float:left;
width:260px;
height:29px;
background:url(../img/bg-text.png) no-repeat;
margin:4px 0 0 12px;
}
.search-form input[type="text"] {
float:left;
background:none;
border:none;
font:12px/14px Verdana, Geneva, sans-serif;
color:#23436b;
padding:6px 12px 7px;
width:206px;
margin:0;
}
.search-form input[type="submit"]{
width:17px;
height:17px;
overflow:hidden;
border:none;
background:url(../img/bg-submit.png) no-repeat;
cursor:pointer;
margin:5px 9px 0 0;
padding:0;
float:right;
position:relative;
text-indent:-9999px;
font-size:0;
line-height:0;
}
.search-form input[type="submit"]:hover {cursor:pointer;}
/* Begin Form element */
textarea {
resize: none;
border: 1px solid #C6C6C6;
border-radius: 1px 1px 1px 1px;
box-shadow: 1px 15px 16px #DBDBDB inset;
color: #CCCCCC;
display: block;
float: left;
height:78px;
padding: 6px 0 0 8px;
width: 321px;
}
.comment {
margin: 20px 0;
}
.form-submit {
background: url("../img/bg-go.png") no-repeat scroll 0 0 transparent;
float: left;
font: bold 12px/27px Arial,Helvetica,sans-serif;
height: 25px;
margin: 15px 0 0 202px;
text-align: center;
text-decoration: none;
width: 158px;
}
.form-submit:hover{
background-position: 0 -25px;
}
.form-submit .submit {
background: url("../img/bullet5.png") no-repeat scroll 100% 1px transparent;
padding: 0 15px 0 0;
color: #FFFFFF;
font-weight:bold;
text-transform: uppercase;
font-size:12px;
border:none;
margin:5px;
}
.hidden-modal{
display:none;
position:relative;height:516px; width:683px;
-webkit-box-shadow: 0 3px 6px 1px #000;
box-shadow: 0 3px 6px 1px #000;
}
.hidden-modal-top{
color:#002b5c;
text-transform: uppercase;
text-align:center;
padding-top:100px;
}
.hidden-modal-top h1{
background: url("../img/img-thankyou-modal-h1.png") no-repeat bottom transparent;
font-size:65px;
letter-spacing:10px;
padding-bottom:35px;
}
.hidden-modal-top h2{
font-size:31px;
padding:6px 75px;
line-height:1.25;
font:'Arial',Helvetica,sans-serif;
letter-spacing:5px;
}
.hidden-modal-bottom{
height:154px;
width:487px;
background-color:#002b5c;
color:#FFF;
position:absolute;
bottom:0;
font-size:19.5px;
padding:28px 98px;
line-height:2;
text-align:center;
}
.hidden-modal-bottom:before{
background: url("../img/img-shadow-thankyou-modal.png") no-repeat top left transparent;
content:"";
display:block;
width:683px;
height:26px;
position:absolute;
left:-25px;
top:-26px;
}
.hidden-modal #phone{
color:#99c7f5;
}
div.lightbox-hidden{
display: none;
width: auto;
height: 100%;
position: relative;
margin: 0 auto;
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
background-color: none;
}
div.lightbox-hidden img{
width:auto;
height:100%;
position: relative;
margin: 0 auto;
display:block;
}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:516px; width:683px; color:#bbb; background-color:#FFF;}
#simplemodal-container .simplemodal-data {padding:0;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:44px; height:45px; display:inline; z-index:3200; position:absolute; top:3px; right:2px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
/* Container */
#simplemodal-gallery {height:80%; width:80%; color:#bbb; background-color:none; max-width:1000px;}
#simplemodal-gallery .simplemodal-data {padding:0;}
#simplemodal-gallery code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-gallery a {color:#ddd;}
#simplemodal-gallery a.modalCloseImg {background:url(../img/x-sm.png) no-repeat; width:25px; height:27px; display:inline; z-index:3200; position:absolute; top:2%; right:0; cursor:pointer; background-size:contain;}
#simplemodal-gallery h3 {color:#84b8d9;}
/* Container */
#simplemodal-stadium {height:80%; width:80%; color:#bbb; background-color:#fff;}
#simplemodal-stadium .simplemodal-data {padding:0;}
#simplemodal-stadium code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-stadium a {color:#ddd;}
#simplemodal-stadium a.modalCloseImg {background:url(../img/x-sm.png) no-repeat; width:25px; height:27px; display:inline; z-index:3200; position:absolute; top:0; right:0; cursor:pointer; background-size:contain;}
#simplemodal-stadium h3 {color:#84b8d9;}
.slider-container{
/* defaults for resposive height container */
position: relative;
width: 100%;
height: 0;
/* 39% being the ratio we are maintaining
* calculated by looking at the image
* ratio: 400/1024 = ~0.39 */
padding: 0 0 46.6% 0;
/*-webkit-box-shadow: inset 0px 0px 1px 5px #002958;
box-shadow: inset 0px 0px 1px 5px #002958; */
}
.outer-slider-container{
height:400px;
margin-bottom:20px;
}
.outer-slider-container:before{
background: url("../img/img-gallery-top-shadow.png") no-repeat top left;
width:692px;
height:27px;
content:"";
display:block;
position:relative;
overflow:visible;
margin-top:-25px;
}
.slider-container:after{
background: url("http://www.sportsauthorityfieldatmilehigh.com/resources/img/img-gallery-shadow-after.png") no-repeat top left;
height:5px;
width:100%;
content:"";
display:block;
position:relative;
background-size:contain;
top:4px;
}
.iosSlider {
width: 100%;
/* this height ends up being your maximum height,
* if you want it to scale forever, set it to
* a very high number */
height: 1150px;
}
#iosSlider-page{
outline:4px solid #002958;
}
#iosSlider-modal{
outline: 5px solid #002958;
}
.iosSlider .slider {
width: 100%;
height: 100%;
}
.iosSlider .slider .item {
float: left;
width: 100%;
}
.iosSlider .slider .item img {
width: 100%;
height: auto;
}
/* controls */
.slider-container .prevContainer {
position: absolute;
top: 0;
left: 0;
width: 100px;
padding: 0 0 19.5% 0;
z-index: 10;
}
.slider-container .prevContainer .prev {
background:url("../img/btn-prev-slide.png") no-repeat top left;
position: absolute;
bottom: -50%;
left: 0;
width: 100%;
height: 70%;
}
.slider-container .nextContainer {
position: absolute;
top: 0;
right: 0;
width: 100px;
padding: 0 0 19.5% 0;
z-index: 10;
}
.slider-container .nextContainer .next {
background:url("../img/btn-next-slide.png") no-repeat top right;
position: absolute;
bottom: -50%;
right:0;
width: 100%;
height: 70%;
}
.gallery-modal .slider-container .nextContainer .next, .gallery-modal .slider-container .prevContainer .prev {
bottom:-70%;
}
.selectorsBlock {
position: absolute;
width: 100%;
height: auto;
}
.gallery-modal .selectorsBlock {
position:relative;
}
#simplemodal-gallery .simplemodal-wrap{
overflow: hidden !important;
}
.selectorsBlock .selectors {
position: relative;
top: 0;
left: 0;
margin: 1% auto;
width: 100%;
height: 40%;
}
.selectorsBlock .selectors .item {
position: relative;
top: 0;
left: 0;
float: left;
width: auto;
height: auto;
margin: 0 0 0 .56%;
display:block;
}
.selectorsBlock .selectors .item img{
opacity:.6;
position:relative;
display:block;
}
.selectorsBlock .selectors .item.first{
margin:0;
}
.selectorsBlock .selectors .selected {
opacity:100%;
}
.selectorsBlock .selectors .selected img{
opacity:1.0;
outline: 2px solid #F06D29;
}
.selectorsBlock .selectors .selected:after {
background: url("../img/img-gallery-thumb-shadow.png") no-repeat top left transparent;
content:"";
display:block;
width:100%;
padding-bottom:10%;
background-size:cover;
margin-top:2px;
}
.gallery-modal{
display: none;
position: absolute;
height: 100%;
width: 100%;
}
#simplemodal-gallery .gallery-modal{
width: 98.5%;
height: auto;
padding:1.5%;
background-color:#FFF;
position:absolute;
}
#simplemodal-gallery .gallery-modal .slider-container .item{
width: 100%;
height: auto;
}
.gallery-modal-trigger{
display: block;
padding-top:.4%;
}
.selectorsBlock#selectorsBlock-modal .selectors .item {
position: relative;
top: 0;
left: 0;
float: left;
width: 16%;
height: auto;
margin: 0 0 0 .8%;
}
.selectorsBlock#selectorsBlock-modal .selectors .item:first-child {
margin: 0;
}
.selectorsBlock#selectorsBlock-modal .selectors .item img{
width: 100%;
height: auto;
}
.iosSlider .slider .item .caption {
background-color:#002958;
border:1% solid #0c1927;
bottom: 0;
left: 0;
padding: 2%;
position: absolute;
text-align: left;
width: 96%;
}
.iosSlider .slider .item .caption span {
color: #99ccff;
font-size:14px;
left: 0;
position: relative;
text-shadow: 0 -1px 0 #333333;
top: 0;
z-index: 1;
}
.slider-container.modalBtnContainer {
position: absolute;
top: 0;
right: 0;
width: 100px;
padding: 0 0 19.5% 0;
z-index: 10;
}
.slider-container .modalBtnContainer .btn-gallery-modal{
position: absolute;
bottom: -11%;
right:-94%;
width: 100%;
height: 24%;
}
.selectors#selectors-modal{
margin-top:2%;
}
/* Form */
.content-form{
height:100%;
width:650px;
padding-top:5px;
clear:both;
}
.form-field {
font-family: "Arial",Helvetica,sans-serif;
height: 26px;
margin: 20px 0;
}
.form-field label {
display: inline-block;
float:left;
width: 150px;
color:#002b5c;
text-align:right;
margin:7px 12px 5px 40px;
font-family:"Verdana",sans-serif;
}
.form-field-text {
color: #cccccc;
display: block;
float:left;
height: 27px;
padding: 2px 0 0 8px;
width: 321px;
box-shadow: 2px 7px 12px #DBDBDB inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #c6c6c6;
}
.form-error{
color: #cccccc;
display: block;
float:left;
height: 27px;
padding: 2px 0 0 8px;
width: 321px;
box-shadow: 2px 7px 12px #DBDBDB inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:2px solid red;
}
.form-field-text .phone1, .form-field-text .phone2{
width:38px;
margin-right:5px;
}
.form-field-text .phone3{
width:55px;
}
.form-field-text input, select, textarea{
color: #333333;
}
.form-field textarea:focus, .form-field input:focus{
color: #333333;
border:2px solid #afd3f7;
}
.form-field-text.zip{
width:50px;
}
#guests{
width:195px;
}
#select-guests{
background:url('../img/img-dropdown-arrow.png') no-repeat 175px top transparent;
width:250px;
}
#radiogroup{
padding-top:8px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}
.form-field-text.date{
width:186px;
}
/* Gallery */
#gallery{
margin:0;
}
/* Dynamic Search */
.content-text h4 {
font-size: 100%;
font-weight: bold;
color:#666;
margin-bottom:5px;
}
#content p {
margin: 0 0 10px;
}
#in-content-search{
margin:0;
}
.container-letters{
margin-top:50px;
}
.container-letters ul li{
background:url("../img/bg-letter-box.png") no-repeat top left transparent;
background-position:0 0;
height:34px;
width:31px;
margin:0 2px;
float:left;
list-style:none;
position: relative;
}
.container-letters ul li:hover{
background-position:0 -34px;
}
.container-letters ul li:hover a{
color:#99c7f5;
}
.container-letters a{
color:#002b5c;
display:block;
width:100%;
height:100%;
padding-top:20%;
font-weight:bold;
font-size:19.12px;
text-decoration:none;
text-align:center;
text-indent:0;
}
#menubar{
margin: 0;
padding: 0
}
#menubar li ul{
background: #002b5b;
margin: 0;
padding-top:5px;
padding-bottom:15px;
min-width:98px;
position: absolute;
visibility: hidden; /* IMPORTANT!! This property needs to be present for the plugin to work! And no, */
/* display:none will NOT do! */
}
#menubar li ul li{
float: none;
display: inline;
}
#menubar li ul li a{
width: auto;
color: #99ccff;
font-size:10.73px;
padding:8px 10px 0 13px;
font-weight: normal;
}
#menubar li ul li a:hover{
color:#FFF;
}
p.indent{
padding-left:30px;
}
.back-to-top{
background: url("../img/btn-back-to-top.png") no-repeat scroll 0 0 transparent;
width:65px;
height:80px;
position:fixed;
margin-left:697px;
margin-top:10%;
display:none;
cursor:pointer;
}
.letter-results{
margin:125px 0 0 0;
}
.letter-header-bar{
background: url("../img/bg-border2.png") repeat-x scroll 100% transparent;
}
.letter-results h4{
color:#002b5c;
text-transform:uppercase;
}
.letter-results h5{
font-weight:bold;
padding-left:30px;
}
.letter-header{
background: url("../img/img-letter-headers.png") no-repeat top left;
width:38px;
height:46px;
margin-top:20px;
left:2px;
}
#letter-a{
background-position:0 0;
}
#letter-b{
background-position:0 -46px;
}
#letter-c{
background-position:0 -92px;
}
#letter-d{
background-position:0 -138px;
}
#letter-e{
background-position:0 -184px;
}
#letter-f{
background-position:0 -230px;
}
#letter-g{
background-position:0 -276px;
}
#letter-h{
background-position:0 -322px;
}
#letter-i{
background-position:0 -368px;
}
#letter-j{
background-position:0 -414px;
}
#letter-k{
background-position:0 -460px;
}
#letter-l{
background-position:0 -506px;
}
#letter-m{
background-position:0 -552px;
}
#letter-n{
background-position:0 -598px;
}
#letter-o{
background-position:0 -644px;
}
#letter-p{
background-position:0 -690px;
}
#letter-q{
background-position:0 -736px;
}
#letter-r{
background-position:0 -782px;
}
#letter-s{
background-position:0 -828px;
}
#letter-t{
background-position:0 -874px;
}
#letter-u{
background-position:0 -920px;
}
#letter-v{
background-position:0 -966px;
}
#letter-w{
background-position:0 -1012px;
}
#letter-x{
background-position:0 -1058px;
}
#letter-y{
background-position:0 -1104px;
}
#letter-z{
background-position:0 -1150px;
}
.search-form input[type="submit"]:hover {cursor:pointer;}
/* Begin Form element */
textarea {
resize: none;
border: 1px solid #C6C6C6;
border-radius: 1px 1px 1px 1px;
box-shadow: 1px 15px 16px #DBDBDB inset;
color: #CCCCCC;
display: block;
float: left;
height:78px;
padding: 6px 0 0 8px;
width: 321px;
}
.comment {
margin: 20px 0;
}
.form-submit {
background: url("../img/bg-go.png") no-repeat scroll 0 0 transparent;
float: left;
font: bold 12px/27px Arial,Helvetica,sans-serif;
height: 25px;
margin: 15px 0 0 202px;
text-align: center;
text-decoration: none;
width: 158px;
}
.form-submit:hover{
background-position: 0 -25px;
}
.form-submit .submit {
background: url("../img/bullet5.png") no-repeat scroll 100% 1px transparent;
padding: 0 15px 0 0;
color: #FFFFFF;
font-weight:bold;
text-transform: uppercase;
font-size:12px;
border:none;
margin:5px;
}
.hidden-modal{
display:none;
position:relative;height:516px; width:683px;
-webkit-box-shadow: 0 3px 6px 1px #000;
box-shadow: 0 3px 6px 1px #000;
}
.hidden-modal-top{
color:#002b5c;
text-transform: uppercase;
text-align:center;
padding-top:100px;
}
.hidden-modal-top h1{
background: url("../img/img-thankyou-modal-h1.png") no-repeat bottom transparent;
font-size:65px;
letter-spacing:10px;
padding-bottom:35px;
}
.hidden-modal-top h2{
font-size:31px;
padding:6px 75px;
line-height:1.25;
font:'Arial',Helvetica,sans-serif;
letter-spacing:5px;
}
.hidden-modal-bottom{
height:154px;
width:487px;
background-color:#002b5c;
color:#FFF;
position:absolute;
bottom:0;
font-size:19.5px;
padding:28px 98px;
line-height:2;
text-align:center;
}
.hidden-modal-bottom:before{
background: url("../img/img-shadow-thankyou-modal.png") no-repeat top left transparent;
content:"";
display:block;
width:683px;
height:26px;
position:absolute;
left:-25px;
top:-26px;
}
.hidden-modal #phone{
color:#99c7f5;
}
div.lightbox-hidden{
display: none;
width: auto;
height: 100%;
position: relative;
margin: 0 auto;
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
background-color: none;
}
div.lightbox-hidden img{
width:auto;
height:100%;
position: relative;
margin: 0 auto;
display:block;
}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:516px; width:683px; color:#bbb; background-color:#FFF;}
#simplemodal-container .simplemodal-data {padding:0;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:44px; height:45px; display:inline; z-index:3200; position:absolute; top:3px; right:2px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
/* Container */
#simplemodal-gallery {height:80%; width:80%; color:#bbb; background-color:none; max-width:1000px;}
#simplemodal-gallery .simplemodal-data {padding:0;}
#simplemodal-gallery code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-gallery a {color:#ddd;}
#simplemodal-gallery a.modalCloseImg {background:url(../img/x-sm.png) no-repeat; width:25px; height:27px; display:inline; z-index:3200; position:absolute; top:2%; right:0; cursor:pointer; background-size:contain;}
#simplemodal-gallery h3 {color:#84b8d9;}
/* Container */
#simplemodal-stadium {height:80%; width:80%; color:#bbb; background-color:#fff;}
#simplemodal-stadium .simplemodal-data {padding:0;}
#simplemodal-stadium code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-stadium a {color:#ddd;}
#simplemodal-stadium a.modalCloseImg {background:url(../img/x-sm.png) no-repeat; width:25px; height:27px; display:inline; z-index:3200; position:absolute; top:0; right:0; cursor:pointer; background-size:contain;}
#simplemodal-stadium h3 {color:#84b8d9;}
.slider-container{
/* defaults for resposive height container */
position: relative;
width: 100%;
height: 0;
/* 39% being the ratio we are maintaining
* calculated by looking at the image
* ratio: 400/1024 = ~0.39 */
padding: 0 0 46.6% 0;
/*-webkit-box-shadow: inset 0px 0px 1px 5px #002958;
box-shadow: inset 0px 0px 1px 5px #002958; */
}
.outer-slider-container{
height:400px;
margin-bottom:20px;
}
.iosSlider {
width: 100%;
/* this height ends up being your maximum height,
* if you want it to scale forever, set it to
* a very high number */
height: 1150px;
}
#iosSlider-page{
outline:4px solid #002958;
}
#iosSlider-modal{
outline: 5px solid #002958;
}
.iosSlider .slider {
width: 100%;
height: 100%;
}
.iosSlider .slider .item {
float: left;
width: 100%;
}
.iosSlider .slider .item img {
width: 100%;
height: auto;
}
/* controls */
.slider-container .prevContainer {
position: absolute;
top: 0;
left: 0;
width: 100px;
padding: 0 0 19.5% 0;
z-index: 10;
}
.slider-container .prevContainer .prev {
background:url("../img/btn-prev-slide.png") no-repeat top left;
position: absolute;
bottom: -50%;
left: 0;
width: 100%;
height: 70%;
background-size:contain;
}
.slider-container .nextContainer {
position: absolute;
top: 0;
right: 0;
width: 100px;
padding: 0 0 19.5% 0;
z-index: 10;
}
.slider-container .nextContainer .next {
background:url("../img/btn-next-slide.png") no-repeat top right;
position: absolute;
bottom: -50%;
right:0;
width: 100%;
height: 70%;
background-size:contain;
}
.gallery-modal .slider-container .nextContainer .next, .gallery-modal .slider-container .prevContainer .prev {
bottom:-70%;
}
.selectorsBlock {
position: relative;
width: 100%;
height: auto;
}
.gallery-modal .selectorsBlock {
position:relative;
}
#simplemodal-gallery .simplemodal-wrap{
overflow: hidden !important;
}
.selectorsBlock .selectors {
position: absolute;
top: 0;
left: 0;
margin: 1% auto;
width: 100%;
height: 40%;
}
.selectorsBlock .selectors .item {
position: relative;
top: 0;
left: 0;
float: left;
width: auto;
height: auto;
margin: 0 0 0 0.9%;
display:block;
}
.selectorsBlock .selectors .item img{
opacity:.6;
position:relative;
display:block;
}
.selectorsBlock .selectors .item.first{
margin:0;
}
.selectorsBlock .selectors .selected {
opacity:100%;
}
.selectorsBlock .selectors .selected img{
opacity:1.0;
outline: 2px solid #F06D29;
}
.selectorsBlock .selectors .selected:after {
background: url("../img/img-gallery-thumb-shadow.png") no-repeat top left transparent;
content:"";
display:block;
width:100%;
padding-bottom:10%;
background-size:cover;
margin-top:2px;
}
.gallery-modal{
display: none;
position: absolute;
height: 100%;
width: 100%;
}
#simplemodal-gallery .gallery-modal{
width: 98.5%;
height: auto;
padding:1.5%;
background-color:#FFF;
position:absolute;
}
#simplemodal-gallery .gallery-modal .slider-container .item{
width: 100%;
height: auto;
}
.gallery-modal-trigger{
display: block;
padding-top:.4%;
}
.selectorsBlock#selectorsBlock-modal .selectors .item {
position: relative;
top: 0;
left: 0;
float: left;
width: 16%;
height: auto;
margin: 0 0 0 .8%;
}
.selectorsBlock#selectorsBlock-modal .selectors .item:first-child {
margin: 0;
}
.selectorsBlock#selectorsBlock-modal .selectors .item img{
width: 100%;
height: auto;
}
.iosSlider .slider .item .caption {
background-color:#002958;
border:1% solid #0c1927;
bottom: 0;
left: 0;
padding: 2%;
position: absolute;
text-align: left;
width: 100%;
}
.iosSlider .slider .item .caption span {
color: #99ccff;
font-size:14px;
left: 0;
position: relative;
text-shadow: 0 -1px 0 #333333;
top: 0;
z-index: 1;
}
.slider-container.modalBtnContainer {
position: absolute;
top: 0;
right: 0;
width: 100px;
padding: 0 0 19.5% 0;
z-index: 10;
}
.slider-container .modalBtnContainer .btn-gallery-modal{
position: absolute;
bottom: -11%;
right:-94%;
width: 100%;
height: 24%;
}
.selectors#selectors-modal{
margin-top:2%;
position: relative;
}
/* Form */
.content-form{
height:100%;
width:650px;
padding-top:5px;
clear:both;
}
.form-field {
font-family: "Arial",Helvetica,sans-serif;
height: 26px;
margin: 20px 0;
}
.form-field label {
display: inline-block;
float:left;
width: 150px;
color:#002b5c;
text-align:right;
margin:7px 12px 5px 40px;
font-family:"Verdana",sans-serif;
}
.form-field-text {
color: #cccccc;
display: block;
float:none;
height: 27px;
padding: 2px 0 0 8px;
width: 321px;
box-shadow: 2px 7px 12px #DBDBDB inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #c6c6c6;
}
.form-field-text#phone1, .form-field-text#Phone2{
width:38px;
margin-right:5px;
}
.form-field-text#Phone3{
width:55px;
}
.form-field-text input, select, textarea{
color: #333333;
}
.form-field textarea:focus, .form-field input:focus{
color: #333333;
border:2px solid #afd3f7;
}
.form-select{
color: #cccccc;
border:1px solid #c6c6c6;
display: block;
float: left;
height: 27px;
padding: 0;
width: 58px;
box-shadow: 2px 7px 12px #DBDBDB inset;
overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.form-select select{
background:url('../img/img-dropdown-arrow.png') no-repeat 40px top transparent;
border: 0 none;
border-radius: 0 0 0 0;
margin:0;
width:100px;
height:27px;
line-height:27px;
padding:5px;
}
.select-guests {
background: url("../img/img-dropdown-arrow.png") no-repeat scroll 175px top transparent;
width: 250px;
}
.form-field-text.zip{
width:50px;
}
#guests{
width:195px;
}
.form-select select.select-guests{
background:url('../img/img-dropdown-arrow.png') no-repeat 175px top transparent;
width:250px;
}
.form-submit input{
background: url("../img/bullet5.png") no-repeat scroll 100% 1px transparent;
border: medium none;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin: 5px;
padding: 0 15px 0 0;
text-transform: uppercase;
}
#radiogroup{
padding-top:8px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}
.form-field-text.date{
width:186px;
}
/* Gallery */
#gallery{
margin:0;
}
/* INTERNAL PAGE GUI IN-HOUSE */
#sidebar{
min-height:800px;
}
.content-text{
font: 11.7px/16px Verdana,Geneva,sans-serif;
}
/* 1-column layout */
.content-text h3{
font-weight:normal;
font-size:16px;
line-height:18px;
color:#002b5c;
padding:2em 0 7px;
margin:.5em 0 10px 0;
width:100%;
background:url(../img/bg-border2.png) repeat-x 0 100%;
}
.internal-hero{
width:689px;
margin:0 auto;
}
.internal-hero-image{
width:689px;
height:204px;
margin:0 auto;
}
.internal-hero:before{
display:block;
content:"";
margin-left:auto;
margin-right:auto;
width:689px;
height:15px;
background:url('../img/img-shadow-hero-before.png') no-repeat bottom center;
}
.internal-hero:after{
display:block;
content:"";
width:707px;
height:23px;
position:relative;
left:-10px;
background:url('../img/img-bar-hero-after.png') no-repeat;
}
/* Overview */
.overview-hero:after {
background: url("../img/img-bar-hero-after-orange.png") no-repeat scroll 0 0 transparent;
content: "";
display: block;
height: 63px;
left: -12px;
top:-40px;
position: relative;
width: 715px;
}
.overview-hero:before {
background: url("../img/img-shadow-hero-before.png") no-repeat scroll center bottom transparent;
content: "";
display: block;
height: 15px;
margin-left: auto;
margin-right: auto;
width: 100%;
position: relative;
top: -0.5%;
}
.overview-hero {
margin: 2% auto;
width: 689px;
height:325px;
}
.overview-heading{
text-align:center;
position: relative;
overflow: visible;
background: url("../../images/default-source/site-images/bg-blue-bar-status-temp-sfvrsn-2.png") no-repeat scroll center bottom transparent;
background-size:contain;
}
#content .overview-heading h1{
background-color: white;
display: inline;
float: none;
letter-spacing: .2em;
margin: 0;
padding: 0 2%;
}
/* 2-column layout */
.content-text-left-column{
width:451px;
float:left;
overflow:hidden;
}
.content-text-right-column{
width:199px;
float:left;
margin-left:35px;
margin-top:50px;
}
.content-text-right-column:after{
background-image:url('../img/img-shadow-right-column.png');
width:199px;
height:21px;
display:block;
position: absolute;
content:"";
}
.content-text-right-column h3{
font-weight:bold;
font-size:12px;
line-height:18px;
color:#002b5c;
padding-bottom:2px;
padding-top:5px;
margin:10px 0 2px 0;
text-transform:uppercase;
background:none;
}
.content-text .content-text-right-column h4{
font-weight:bold;
font-size:12px;
color:#002b5c;
padding-top:5px;
margin-top:10px;
background:none;
}
.content-text-right-column .telephone {
color: #f06d29;
}
.content-text-right-column-menu{
color:#002b5c;
background-color:#e5f1fc;
padding:5px 15px 20px 15px;
}
.content-text .letter-results ul li{
list-style-position: inside;
list-style-type: disc;
margin: 0.6em 0 0.6em 2em;
text-indent: -1em;
}
.content-text .content-clamshell li{
list-style-type:none;
margin: 0;
text-indent:0;
}
.content-text .content-clamshell li ul li{
list-style-position: inside;
list-style-type: disc;
margin: 0.6em 0 0.6em 2em;
text-indent: -1em;
}
.content-text .container-letters ul li{
list-style-type:none;
margin: 0;
}
.content-text ul li{
list-style-position: inside;
list-style-type: disc;
margin: 0.6em 0 0.6em 2em;
text-indent: -1em;
}
.products-block ul li {
text-indent: 0;
margin:0;
}
.content-text-right-column-menu ol li {
list-style-image: url('../img/img-side-panel-docs.png');
list-style-position: inside;
list-style-type: disc;
margin: 0 0;
}
.content-text-right-column-menu ol li a {
color: #002b5c;
display: inline;
vertical-align: top;
}
.content-text-right-column-menu ul li a{
color:#002b5c;
display: inline;
vertical-align:top;
}
.content-text-right-column-top{
width:199px;
height:25px;
overflow:hidden;
margin-bottom:11px;
}
.content-text-right-column-top .btn {
background: url("../img/btn-right-column.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
float: left;
font: bold 12px/25px Arial,Helvetica,sans-serif;
height: 25px;
margin: 0 0 -3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 199px;
}
.content-text-right-column-top .btn:hover {
background-position:0 -25px;
}
.content-text-right-column-top .btn > span {
background: url("../img/bullet5.png") no-repeat scroll 100% 1px transparent;
padding: 0 20px 0 0;
}
.content-text-right-column-top .btn:after{
background-image:url('../img/img-shadow-btn.png');
width:199px;
height:14px;
display:block;
position: absolute;
content:"";
}
/* Begin Clamshell Styles */
.content-clamshell .header{
height:36px;
background:url("../../resources/img/bg-clamshell.jpg") repeat-x;
color:#002b5c;
font-weight:bold;
font-size: 12px;
}
.content-clamshell .header:hover{
background:url("../../resources/img/bg-clamshell-hover.jpg") repeat-x;
}
.content-clamshell .active .header{
background:url("../../resources/img/bg-clamshell-hover.jpg") repeat-x;
}
.content-clamshell .opener{
color:#002b5c;
height:26px;
width:97.1%;
background:url("../../resources/img/bg-clamshell-arrow.jpg") no-repeat top right;
float:left;
padding-left: 3%;
padding-top: 10px;
text-decoration: none;
}
.content-clamshell .opener:hover{
background:url("../img/bg-clamshell-arrow-hover.jpg") no-repeat top right;
text-decoration: none;
}
.content-clamshell .active .opener{
background:url("../img/bg-clamshell-arrow-hover.jpg") no-repeat top right;
}
.content-clamshell .slide{
width:690px;
padding:10px 0 35px 10px;
}
.two-column-body{
width:100%;
height:100%
}
.body-column{
width:50%;
float:left;
height:auto;
}
.body-column .right-column{
width:295px;
margin-left:40px;
height:auto;
}
.right-column-img{
padding:0 7%;
float:right;
}
.content-text h4 {
font-size: 100%;
font-weight: bold;
color:#666;
margin-bottom:5px;
}
.right-column-img .btn{
background: url("../img/btn-lrg-right-column.png") no-repeat scroll 0 0 transparent;
background-position:0 0;
color: #FFFFFF;
float: left;
font: bold 12px/25px Arial,Helvetica,sans-serif;
height: 33px;
margin:0;
text-align: right;
text-decoration: none;
text-transform: uppercase;
width: 100%;
position:relative;
left:-6px;
top:-25px;
}
.right-column-img .btn.small-btn{
width:100px;
}
.right-column-img .btn:hover{
background-position:0 -33px;
}
.right-column-img .btn > span {
background: url("../img/bullet5.png") no-repeat scroll 100% 1px transparent;
padding: 0 20px 0 0;
margin-right:15px;
}
.container-quicklinks{
position:relative;
color: #002B5C;
font-weight: bold;
text-align: center;
text-transform: uppercase;
padding-top: 97px;
}
.container-quicklinks img{
clip: rect(0, 100px, 95px, 0);
left: 50%;
margin-left: -33.5%;
position: absolute;
top: 0;
}
.container-quicklinks img:hover{
clip: rect(95px, 100px, 190px, 0);
top: -97px;
}
.quicklinks-table td {
vertical-align: top;
width: 100px;
}
.form-field-text.phone3.digits.required, .form-field-text.phone3 {
float: left;
width: 55px;
}
.form-field-text.phone1.digits.required, .form-field-text.phone2.digits.required, .form-field-text.phone2, .form-field-text.phone1 {
margin-right: 5px;
width: 38px;
float:left;
}
.form-field-text.digits {
width: 50px;
}
.contact-us-table, .contact-us-table tr, .contact-us-table td, .contact-us-table tbody {
clear: both;
float: none;
height: auto;
}
.contact-us-table tr{
display: table-row;
}
.contact-us-table td{
display: table-cell
}
.floating-img-content img{
float:right;
padding:2%;
}
.form-field-radio input { margin: 8px; margin-right: 2px;}
/* Start @media queries */
@media only screen and (min-width: 768px) {
#nav li.hover > ul {display:block;}
.page-overlay{display:none !important;}
}
/* TABLET OVERRIDES */
@media only screen and (max-width: 1000px) {
.logo {
background-image:url(../img/logo-1.png);
width:80px;
height:92px;
margin:-20px 0 0 0;
}
#nav .stadium-information {
background-position:-12px 0;
width:167px;
}
#nav .parking-and-directions {
background-position:-206px 0;
width:165px;
}
#nav .host-event {
background-position:-397px 0;
width:115px;
}
#nav .event-tickets {
background-position:-540px 0;
width:116px;
}
#nav .contact-us {
background-position:-683px 0;
width:94px;
}
.cycle-gallery .text-block {
top:12px;
}
.cycle-gallery h2 {
font-size:26px;
line-height:34px;
margin-bottom:8px
}
.cycle-gallery h2 > span {
font-size:17px;
line-height:19px;
}
.event-block {text-align:center;}
.boxes .box {
float:none;
margin:0 auto;
}
.boxes .box:first-child {margin-left:auto;}
.container-holder {margin-top:-40px;}
.container:after,
.container:before {display:none;content:' ';}
#sidebar {padding-top:45px;}
.logo-list {
margin:0 -29px;
padding-left:29px;
padding-right:29px;
}
#nav .host-an-event {
background-position: -397px 0;
width: 115px;
}
.overview-hero:after {
background-size: contain;
display: block;
height: auto;
left: -1.7%;
padding: 4.39%;
position: relative;
top: -2em;
width: 100%;
}
.overview-hero:before {
display: block;
height: 15px;
margin-left: auto;
margin-right: auto;
width: 100%;
position: relative;
top: -0.1em;
background-size:cover;
}
.overview-hero {
height: 0;
margin: 2% 3%;
padding-bottom: 45%;
width: 100%;
}
.overview-hero img {
width:96%;
}
.overview-heading{
background-size:cover;
}
.internal-hero:after {
background-size: cover;
display: block;
height: 23px;
left: -0.85em;
position: relative;
top: -0.7em;
width: 103%;
}
.internal-hero:before {
background-size: cover;
display: block;
height: 15px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -0.2em;
width: 100%;
}
.internal-hero {
margin-left:2%;
width: 100%;
}
.internal-hero img{
margin: 0 auto;
width: 100%;
height:auto;
}
.header-block:before {
background-size: contain;
height: 13px;
top: 1.1em;
width: 95%;
}
.header-block {
background-size: contain;
height: auto;
margin-bottom: 0;
width: 100%;
}
#event-calendar h3 {
width: 95%;
background-size:cover;
margin-left:0;
}
.body-column {
width:100%;
}
.right-column-img {
float: left;
margin: 0 auto;
padding: 5% 0 0;
position: relative;
}
.right-column-img img{
width:100%;
height:auto;
display:block;
}
.right-column-img .btn {
width:102.5%;
}
.quicklinks-table{
display:block;
float:none;
width:100%;
}
.quicklinks-table tbody {
width: 100%;
}
.content-form{
width:100%;
}
.form-field label {
display: block;
float: none;
margin: 0;
padding: 3% 0 1%;
text-align: left;
}
.form-field{
margin:3em 0;
width:90%;
}
.form-field-text{
width:97%;
}
.form-submit{
margin:3em 0;
}
.form-field textarea{
width:98%;
}
table.RadCalendar, table.RadCalendar thead, table.RadCalendar tbody, table.RadCalendar tfoot, table.RadCalendar th, table.RadCalendar td, table.RadCalendar tr{
float:none;
margin:0;
}
table.RadCalendar{
display:table;
}
table.RadCalendar tr{
display:table-row;
}
table.RadCalendar td{
display:table-cell;
}
table.RadCalendar thead{
display:table;
width: 100%;
}
table.RadCalendar thead th{
display:table-cell;
}
table.RadCalendar thead tr{
display:table-row;
}
table.RadCalendar .rcTitlebar{
display:table-cell;
}
table.RadCalendar tbody {
display: table;
width: 100%;
}
.rcTable tr {
clear:both;
width:278px;
}
.rcTable .rcInputCell{
width:70% !important;
}
.content-text-left-column {
padding: 2%;
width: 94%;
}
.content-text-right-column {
width:98%;
margin-left:0;
}
content-text-right-column-menu ul li{
float:left;
}
.content-text-right-column h3 {
clear:both;
}
.content-text-right-column-menu .docs {
margin:6px 15px;
float:left;
}
.content-text h3 {
clear:both;
float:none;
}
.content-text-right-column:after {
display:none;
}
.selectorsBlock .selectors .item {
margin: 0 0.4%;
width: 16%;
}
.selectorsBlock .selectors .item img {
width: 100%;
}
.selectorsBlock .selectors {
margin:0.5em auto;
}
.iosSlider .slider .item .caption span{
font-size:1em;
}
.outer-slider-container:before {
display:none;
}
.slider-container:after{
width:100%;
background-size:contain;
}
.slider-container .modalBtnContainer .btn-gallery-modal{
display:none;
}
.outer-slider-container {
height: auto;
margin-bottom: 10%;
width: 100%;
}
}
/* MOBILE OVERRIDES */
@media only screen and (max-width: 767px) {
body {
background-image:none;
font-size:10px;
line-height:12px;
}
.banner-wrap {display:none;}
#header {
padding:0;
border:1px solid #000;
background:#003a7c url(../img/bg-header.png) repeat-x 0 100%;
background-size:1px 35px;
height:35px;
}
.top-block {
width:auto;
padding:0;
}
#event-calendar h3 {
margin-top:5%;
}
.top-holder {
float:none;
margin:0;
}
.search-form,
.social-networks,
.logos {display:none;}
.top-block a.search {
display:block;
background:url(../img/ico-search.png) no-repeat 50% 50%;
}
.nav-bar {
margin:0;
padding:0 40px 0 0;
background:none;
height:auto;
}
.logo {
background-image:url(../img/logo-m.png);
background-size:100% 100%;
width:189px;
height:10px;
margin:12px 0 0 11px;
}
.logo a {
display:block;
height:100%;
}
.nav-holder {
float:right;
width:40px;
border:solid #000;
border-width:0 1px 0 2px;
}
.nav-holder .opener {
display:block;
background:url(../img/bg-opener.png) no-repeat;
background-size:100% 100%;
}
#nav {
margin:0;
border:none;
position:absolute;
top:100%;
left:-1px;
right:-1px;
background:#002b5c;
display:none;
}
#nav > li {
float:none;
border:none;
border-top:1px solid #000;
}
#nav > li > a {background:url(../img/bg-nav-m.png) no-repeat 50% 0;}
#nav > li > a:hover,
#nav > .active > a,
#nav > li.hover > a {background-image:url(../img/bg-nav-m.png);}
#nav .stadium-information {
background-position:50% 14px;
width:auto;
}
#nav .parking-and-directions {
background-position:50% -24px;
width:auto;
}
#nav .host-an-event {
background-position:50% -61px;
width:auto;
}
#nav .event-tickets {
background-position:50% -99px;
width:auto;
}
#nav .contact-us {
background-position:50% -137px;
width:auto;
}
#nav .home {
display: none;
}
#nav .close:hover,
#nav .close {
display:block;
background:url(../img/bg-close.png) no-repeat 50% 0 !important;
background-size:818px 25px !important;
}
#nav .drop ul,
#nav .drop {
width:auto;
position:static;
margin:0 20px;
padding:0;
background:#d9dfe7;
font:bold 13px/15px Verdana, Arial, sans-serif;
}
#nav .drop ul {
margin:0;
font-weight:normal;
text-transform:none;
background:url(../img/sep5.png) no-repeat 50% 0;
padding:4px 0 0;
}
#nav .drop:after,
#nav .drop:before,
#nav .drop ul:after,
#nav .drop ul:before{display:none;content:' ';}
#nav .drop > li {background:url(../img/sep5.png) no-repeat 50% 0;}
#nav .drop li:first-child {background-image:none;}
#nav .drop ul li {
padding:2px 0 0;
background:#eceff3 url(../img/sep4.png) no-repeat 50% 0;
}
#nav .drop ul li.hover > a,
#nav .drop ul li.active > a,
#nav .drop ul a,
#nav .drop a {
display:block;
color:#036;
text-align:center;
padding:15px 5px;
}
#nav .bullet {display:none;}
#nav .btn-back {background:url(../img/ico-btnback.png) no-repeat;}
.cycle-gallery:before {display:none;content:' ';}
.cycle-gallery {
margin-bottom:5px;
padding:0;
}
.gallery-block {
left:0;
right:0;
background-image:url(../img/bg-gallery-block-m.png);
background-size:795px 37px;
height:20px;
padding:8px 8px 9px;
top:auto;
bottom:-4px;
margin:0;
}
.gallery-block:after,
.gallery-block:before {display:none;content:' ';}
.gallery-holder {
padding:0;
margin:0;
background:none;
}
.cycle-gallery .btn-prev,
.cycle-gallery .btn-next,
.gallery-holder:after,
.gallery-holder:before {display:none;content:' ';}
.cycle-gallery .pagination li {margin:0 3px 0 0;}
.cycle-gallery .pagination a {
background-image:url(../img/bg-switcher-m.png);
height:11px;
width:12px;
}
.cycle-gallery .pagination a:hover,
.cycle-gallery .pagination .active a {
background-position:0 -12px;
margin:0;
}
.cycle-gallery .text-block {display:none;}
.cycle-gallery .more {
background-image:url(../img/bg-more-m.png);
height:20px;
padding:0 11px 0 7px;
line-height:20px;
font-size:9px;
}
.cycle-gallery .more:after {
right:-8px;
background-image:url(../img/bg-more2-m.png);
width:8px;
height:20px;
background-size:8px 20px;
content:' ';
}
.cycle-gallery .more:hover {background-image:url(../img/more-hover-m.png);}
.cycle-gallery .more:hover:after {background-image:url(../img/more-hover2-m.png);content:' ';}
.event-block {
margin:0 auto 2px;
background:#004071 url(../img/bg-event.png) repeat-x;
background-size:1px 97px;
padding:6px 8px;
position:relative;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.event-holder {min-height:0;position:static;}
.event-block .upcoming {
display:block;
width:auto;
float:none;
background:none;
text-align:left;
color:#99c7f5;
padding:0 70px 0 0;
letter-spacing:1px;
text-transform:capitalize;
margin:0 0 10px;
font:14px/17px Verdana, Arial, sans-serif;
}
.event-block .upcoming > strong {
font-size:14px;
line-height:17px;
display:inline;
margin:0;
font-weight:normal;
}
.event-block .upcoming:before,
.event-block .upcoming:after {display:none;content:' ';}
.event-box .date {
width:32px;
padding:1px 4px 0 0;
font-size:8px;
line-height:11px;
}
.event-box .date > strong {
font-size:16px;
line-height:16px;
}
.event-box .button {
width:15px;
background:#1d537e;
}
.event-box .button span {
background:url(../img/bg-button-m.png) no-repeat;
width:15px;
height:26px;
background-size:15px 26px;
}
.event-box .title {
height:26px;
font-size:8px;
line-height:9px;
padding:0 4px;
}
.event-block .btn-view {
position:absolute;
background:url(../img/arrow1.png) no-repeat 100% 50%;
background-size:14px 16px;
width:auto;
height:14px;
padding:0 17px 2px 0;
margin:0;
font-size:11px;
line-height:14px;
text-shadow:1px 1px 2px #4d230d;
right:8px;
top:10px;
z-index:20;
}
.event-block .btn-view > span {
font-size:11px;
line-height:14px;
display:inline;
margin:0;
}
.event-block .btn-view:hover {background-position:100% 50%;}
.event-list {
float:none;
width:auto;
}
.event-list > ul {margin:0 -5px;}
.event-list > ul > li {
width:48%;
margin:0 .9%;
}
#main {padding:0;}
.home #main {background:none;}
.boxes {
margin:0 0 17px;
padding:0;
}
.boxes .box {
width:320px;
background:url(../img/bg-shadow.png) no-repeat 50% -17px;
padding:5px 0 0;
}
.boxes .desc {
width:auto;
background:url(../img/desc-t-m.png) repeat-x;
padding:10px 8px 14px 16px;
margin:0;
background-size:1px 36px;
}
.boxes .desc:hover:before,
.boxes .desc:before {
background:url(../img/desc-b-m.png) repeat-x;
height:3px;
width:100%;
content:' ';
}
.boxes .desc:after {
top:36px;
bottom:3px;
background:#001c3c;
content:' ';
}
.boxes .title{
font:14px/16px Verdana, Arial, sans-serif;
color:#9cf;
margin:0;
}
.boxes .desc:hover {background-image:url(../img/desc-hover-t-m.png);}
.boxes .desc:hover:after {background:#003066;content:' ';}
.about-block {
padding:0 0 25px;
font-size:9px;
line-height:11px;
}
.about-block h2 {
margin:0 0 4px;
font:18px/21px Arial, Helvetica, sans-serif;
}
.about-block h2 span {padding:0 7px;}
.about-block p {margin:0;}
.about-block .desc {padding:0 15px;}
.ad-space {padding:7px 10px 6px;}
.ad-space:before,
.ad-space:after {background-image:url(../img/bg-shadow2-m.png);height:5px;content:' ';}
.ad-space:before {background-image:url(../img/bg-shadow3-m.png);content:' ';}
.container-holder {
margin:0 0 0;
float:none;
}
#content {
float:none;
width:auto;
}
.content-holder {margin:5% 0 0 0;}
.content-text {padding:0; margin:0 1%;width:96%;}
#content h1 {
font-size:12px;
line-height:15px;
margin:0 0 15px;
}
#content p {margin:0 0 10px;}
.products-block h2 {
font-size:13px;
line-height:16px;
margin:0 0 18px;
}
.products-block sup {
font-size:8px;
line-height:11px;
position:absolute;
top:-2px;
right:-5px;
}
.products-block .desc span {position:relative;}
.product-list {
margin-left: -1em;
margin-right: 0;
width: 110%;
}
.content-text .product-list li {
margin: 0 0 7px;
text-align: center;
width: 144px;
}
.product-list .visual {
padding-left:1em;
}
.product-list li:after {
top:12px;
}
div.lightbox-hidden img {
height: 80%;
}
#simplemodal-stadium {
height:50%;
}
.product-list .visual img {
margin-left: -5%;
}
.product-list li:after,
.product-list li:before{
height:20px;
left:0;
background-image:url(../img/product-b-m.png);
background-size:160px 20px;
content:' ';
}
.product-list li:after{
height:auto;
background-image:url(../img/product-c-m.png);
background-size:161px 1px;
bottom:20px;
content:' ';
}
.header-block:before {
display:none;
}
#content .product-list h3 {
font-size:11px;
line-height:14px;
padding:0 20px 5px;
margin:0 0 4px;
}
.product-list .desc {
padding:0 8px 9px;
font-size:8px;
line-height:11px;
}
.product-list .go {
width:100%;
}
.product-list .go:hover {background-position:0 -25px;}
.product-list .go > span {
padding:0 15px 0 0;
background:url(../img/bullet5.png) no-repeat 100% 1px;
}
#sidebar {display:none;}
#footer {
width:100%;
overflow:hidden;
background:#002143 url(../img/bg-footer.png) repeat-x;
}
.footer-holder {
background:none;
padding:10px 16px 0;
}
.footer-holder:after,
.footer-holder:before {display:none;background:none;content:' ';}
.footer-frame {
overflow:hidden;
margin:0 0 10px;
}
.footer-content {
float: left;
margin: 0 10% 0 0;
}
.sfContentBlock{
float:none;
}
.footer-content .column {
float:none;
width:auto;
margin:0;
}
.footer-content h2 {
font:8px/10px Verdana, Arial, sans-serif;
color:#9cf;
margin:0;
letter-spacing:0;
padding:0 0 8px;
}
.nav-list a,
.footer-content h2 a {
color:#9cf;
text-decoration:underline;
}
.nav-list a:hover,
.footer-content h2 a:hover {text-decoration:none;}
.menu {display:none;}
.footer-content .address,
.footer-content .contact-list {display:none;}
.nav-list {
font:8px/10px Verdana, Arial, sans-serif;
margin:0 5% 0 0;
width:45%;
text-transform:uppercase;
text-align:left;
}
.nav-list li {
display:block;
padding:0 0 8px;
}
.alt-block {
font-size:9px;
line-height:13px;
color:#69c;
padding-bottom:10px;
}
.alt-block a {color:#69c;}
.logo-list {
padding:14px 0 20px;
background-image:url(../img/bg-shadow4-m.png);
}
.logo-list li {
display:inline-block;
vertical-align:middle;
margin:0 5px 5px;
}
.logo-list img {
width:28px;
height:auto;
}
.quicklinks-table td {
vertical-align: top;
width: 8em;
margin-bottom:2em;
}
#menubar li ul{
z-index:100;
top: 2.75em;
}
/* Akavit mobile overrides */
.overview-hero:after {
background-size: cover;
content: "";
display: block;
height: auto;
left: -1%;
padding: 4.39%;
position: relative;
top: -2em;
width: 100%;
}
.overview-hero:before {
background: url("../img/img-shadow-hero-before.png") no-repeat scroll center bottom transparent;
content: "";
display: block;
height: 15px;
margin-left: auto;
margin-right: auto;
width: 100%;
background-size:contain;
}
.overview-hero {
height: 0;
left: 0;
margin: 2% 0 0 -7%;
padding-bottom: 53%;
width: 115%;
}
.overview-hero img {
width:100%;
}
.container-holder{
background:none;
}
#content h1{
font-size:1.75em;
line-height:1;
}
.overview-heading{
background-size:cover;
}
.overview-hero:after {
background-size: cover;
left: -1.7%;
top: -2em;
}
.overview-hero:before {
background-size:cover;
top: -0.2em;
}
tr + tr { margin-top:1em; }
.quicklinks-table{
margin-bottom:0;
}
.letter-results {
margin: 11em 0 0;
}
.container-letters {
margin-top: 5%;
}
.internal-hero:after {
background-size: cover;
display: block;
height: 0;
left: -5%;
padding: 5%;
position: relative;
top: -0.5em;
width: 110%;
}
.internal-hero:before {
display: block;
height: 15px;
margin-left: auto;
margin-right: auto;
width: 100%;
background-size:cover;
}
.internal-hero {
height: 0;
left: 0;
margin: 2% 0 0 -7%;
padding-bottom: 40%;
width: 115%;
}
.internal-hero img{
width:100%;
height:auto;
}
.content-text h3{
margin: 0.5em 0;
padding: 1em 0 7px;
}
.back-to-top {
background: none repeat scroll 0 0 #002B5C;
display: none;
height: 3.5em;
margin-left: -2em;
margin-top: 35em;
position: fixed;
width: 105%;
}
.back-to-top:before {
color: #71B7F5;
content: "back to top";
display:block;
font-size: 1.5em;
margin-top: 3%;
text-align: center;
text-transform:uppercase;
}
.content-clamshell .header {
width:98%;
height:3em;
background-size:contain;
padding: 1% 0;
overflow:hidden;
}
.content-clamshell .opener {
background-size: contain;
float: right;
height: 2.5em;
margin-top: -1%;
padding-right: 25%;
width: 70%;
font-size: 90%;
}
.content-clamshell .header:hover, .content-clamshell .active .header {
width:98%;
height:3em;
background-size:contain;
padding: 1% 0;
overflow:hidden;
}
.content-clamshell .opener:hover, .content-clamshell .active .opener{
background-size: contain;
float: right;
height: 2.5em;
margin-top: -1%;
padding-right: 25%;
width: 70%;
}
.content-clamshell .slide {
padding: 5%;
width: 88%;
}
.content-clamshell {
margin-top: 7%;
}
#content .overview-heading h1{
padding:0;
}
.overview-heading {
background:none;
text-align:left;
}
.outer-slider-container:before{
display:none;
}
.top-holder .search-form {
display: inline;
float: left;
height: auto;
margin: 0 0 0 100%;
position: absolute;
width: 0;
}
.top-holder .search-form input[type="image"] {
background: url("../img/ico-search.png") no-repeat scroll 50% 50% transparent;
display: block;
height: 35px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 40px;
margin:0;
}
}
/* Retina Display Images */
@media ( -webkit-min-device-pixel-ratio : 1.5 ) and (max-width: 767px),
( min-resolution : 144dpi ) and (max-width: 767px){
#header {background:url(../img/bg-header-2x.jpg);}
.top-block a.search {background-image:url(../img/ico-search-2x.jpg);}
.logo {background-image:url(../img/logo-m-2x.jpg);}
.nav-holder .opener {background-image:url(../img/bg-opener-2x.jpg);}
#nav > li > a {
background-image:url(../img/bg-nav-m-2x.jpg);
background-size:202px 164px;
}
#nav .close {background-image:url(../img/bg-close-2x.jpg);}
#nav .btn-back {background-image:url(../img/ico-btnback-2x.jpg);}
.gallery-block {background-image:url(../img/bg-gallery-block-m-2x.jpg);}
.cycle-gallery .pagination a {
background-image:url(../img/bg-switcher-m-2x.jpg);
background-size:12px 23px;
}
.cycle-gallery .more {
background-image:url(../img/bg-more-m-2x.jpg);
background-size:281px 20px;
}
.cycle-gallery .more:after {background-image:url(../img/bg-more2-m-2x.jpg);}
.cycle-gallery .more:hover {background-image:url(../img/more-hover-m-2x.jpg);}
.cycle-gallery .more:hover:after {background-image:url(../img/more-hover2-m-2x.jpg);}
.event-box .button span {background:url(../img/bg-button-m-2x.jpg) no-repeat;}
.event-block .btn-view {background-image:url(../img/arrow1-2x.jpg);}
.boxes .desc {background-image:url(../img/desc-t-m-2x.jpg);}
.boxes .desc:hover {background-image:url(../img/desc-hover-t-m-2x.jpg);}
.product-list li {background-image:url(../img/product-t-m-2x.jpg);}
.product-list li:before{background-image:url(../img/product-b-m-2x.jpg);}
.product-list li:after{background-image:url(../img/product-c-m-2x.jpg);}
.product-list .go {background-image:url(../img/bg-go-m-2x.jpg);}
}