/* -- Gilroy Gardens - December 2011 | Katelynn Stein -- */ /* -- Global -- */ body{ background: #e6f2fd url(/images/structure/bg-body-home.jpg) no-repeat center -20px; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; } body.internal{ background: #e6f2fd url(/images/structure/bg-body-internal.jpg) no-repeat top center; } body.internal #dirt {background: url(/images/structure/bg-dirt-internal.png) no-repeat bottom center; padding-bottom:18px; margin-bottom:-16px;} body.dino1{ background: #000 url(/images/structure/bg-body-dino1.jpg) no-repeat top center; } body.dino2{ background: #000 url(/images/structure/bg-body-dino2.jpg) no-repeat top center; } body.dino3{ background: #000 url(/images/structure/bg-body-dino3.jpg) no-repeat top center; } p{ margin: 0; padding: 0 0 15px 0;} p img{padding: 5px;} h1 { color: #520180; font-family:'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 24px; line-height: normal; text-transform:uppercase; margin-bottom:8px; } h2 { color: #373737; font-family:'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 18px; line-height: normal;} h3 { color: #520180; font-weight: normal; font-size: 20px; line-height: normal;} a { color: #4C8307; text-decoration: none;} a:hover { text-decoration: underline;} a.triangle{ text-decoration: none; background: url('/images/bullet-arrow.gif') left no-repeat; padding-left: 10px; font-weight: normal;} a.triangle:hover{ text-decoration: underline;} a.head{ font-weight:bold; font-size:1.4em; } ul{ padding-left:23px; } ul li{ margin:3px 0; list-style:none; background:url(/images/bullet.png) no-repeat 0 3px; padding-left:15px; } ul li.green{ list-style-image: url('/images/bullet-arrow-green.gif'); margin-bottom: 5px;} ol li{ list-style: decimal; margin-bottom: 5px;} em{ font-style:italic; } hr{ height: 1px; border: 0; color: #ccc; background-color: #ccc; } iframe{ border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border:6px solid #000; } b{ font-weight:bold; } .header{ color: #00529b; font-weight: normal; font-size: 20px; line-height: normal;} .subheader{font-size: 16px;font-weight: bold;} .hidden{display:none;} .date{ font-size:11px; font-style:italic; color:#2f2f2f; } .req{color: #ff0000; font-weight: bold;} .small {font-size:10px; color:#ccc !important; font-weight:normal;} .blue{color: #012c5f;} /* -- Main Layout -- */ #wrapper{ } #header, #content, #footer, #copyright, #logobar, #featuredproducts, #marketing{ margin: 0 auto; width: 1044px; clear: both; z-index: 25; } /*.internal #header, .internal #content, .internal #footer, .internal #copyright, .internal #logobar, .internal #featuredproducts, .internal #marketing{ float: left; width: 100%; clear: both; z-index: 25; margin:0; }*/ .container { width: 960px; margin: 0 auto; position: relative; z-index: 25; } #header{} #header .container { z-index: 100; width: 940px; margin: 0 auto; position: relative;} #header .container .h1 { width: 386px; height: 144px; /*background: url('/images/structure/bg-logo.png') top left no-repeat;*/ position: relative; float:left; z-index: 95; } #header .container .h1 a{ width: 211px; height: 112px; display: block; background: url('/images/structure/logo-main.png') top left no-repeat; text-indent: -9999em; margin:4px 0 0 65px; } .daytime-microsite #header .container .h1{ background:transparent; } .daytime-microsite #header .container .h1 a{ height: 84px; background: url('/images/structure/logo-main-daytime.png') top left no-repeat; margin:23px 0 0 23px; } .find-a-cure-microsite #header .container .h1 { background: none; } .find-a-cure-microsite #header .container .h1 a{ width: 285px; height: 117px; display: block; background: url('/images/structure/logo-forthecure.png') top left no-repeat; text-indent: -9999em; margin:5px 0 0 10px; } .dinosaursalive-microsite #header .container .h1 { background: none; } .dinosaursalive-microsite #header .container .h1 a{ width: 386px; height: 75px; display: block; background: url('/images/structure/logo-main-dino.png') top left no-repeat; text-indent: -9999em; margin:23px 0 0 0; } #header .right{ float:right; width:460px; margin-right:12px; } /* --- TICKETS AND SEASON PASS BUTTONS --- */ #header .right .buttons{ float:left; margin-top:10px; } #header .right .buttons a{ display:block; float:left; height:73px; background-position:0 0; text-indent:-999em; } #header .right .buttons a:hover{ background-position:0 -73px; } #header .right .buttons a.tickets{ width:106px; background-image: url(/images/buttons/tickets.png); } #header .right .buttons a.season{ width:184px; background-image: url(/images/buttons/season-passes.png); } #header .right .buttons a.contact{ width:165px; background-image: url(/images/contact-us.png); } #header .right .buttons a.contact:hover{ background-position: 0 -70px; } #header .right .promo-container{ float:right; position:relative; margin-top:28px; } /* -- My Cart Button -- */ #header .right .promo-container a.cart{ color:#6a2c90; font-weight:bold; font-size:14px; display:block; padding-top:4px; } #header .right .promo-container a.cart:hover{ text-decoration:none; } #header .right .promo-container a.cart span.cart-text{ display:block; background:url(/images/buttons/my-cart.png) no-repeat; width:86px; height:23px; float:left; text-indent:-9999px; margin-top:-4px; cursor:pointer; } #header .right .promo-container a.cart:hover span.cart-text{ background-position:0 -23px; } /* -- Promo Code -- */ #header .right .promo-container form{ margin-top:7px; } #header .right .promo-container label{ position:absolute; font-size:11px; font-style:italic; top:28px; left:7px; cursor:text; } #header .right .promo-container input[type=text]{ width:109px; height:20px; border:0; background:url(/images/form/input/promo.gif) no-repeat; float:left; font-size:11px; font-style:italic; padding:2px 7px; line-height: 18px; } #header .right .promo-container input[type=submit]{ border:0; width:31px; height:24px; background:url(/images/form/go.png) no-repeat; text-indent:-9999em; float:left; cursor:pointer; font-size:1px; color:#28AD00; } #header .right .promo-container input[type=submit]:hover{ background-position:0 -24px; } #header .right .calendar-msg{ display:block; color:#6a2c90; text-transform:uppercase; background:url(/images/icon_calendar.png) no-repeat; height:20px; padding-left:22px; float:left; line-height: 1.6em; margin-top:6px; width:98%; } #header .right .calendar-msg:hover{ text-decoration:none; } #header #searchbar{ position: absolute; right: 15px; top: 18px; } #header #searchbar label{ position:absolute; font-size:11px; font-style:italic; top:4px; left:7px; cursor:text; } #header #searchbar .textfield{ padding:2px 7px; width: 170px; height: 18px; border:1px solid #cecece; border-right:0; font-size:11px; font-style:italic; float:left; line-height:18px; } #header #searchbar .searchbutton{ background:url(/images/form/search-button.gif) no-repeat; border:0; width:32px; height:24px; text-indent:-999em; float:left; cursor:pointer; color:#fff; font-size:1px; } #header #searchbar .searchbutton:hover{ background-position:0 -24px; } /* --- HOMEPAGE --- */ #marketing .container{ height: 438px; width: 1044px; position: relative; overflow:hidden; } .internal #marketing .container{ height: auto; text-align:center; } #marketing .container .leftborder{ width: 10px; height: 428px; position: absolute; left: 52px; bottom: 9px; background: url('/images/structure/border-panel-left.png') top left no-repeat; z-index:999;} /*#marketing .container .leftborder.internal{ background: url('/images/structure/border-panel-left-internal.png') top left no-repeat;}*/ #marketing .container .rightborder{ width: 10px; height: 428px; position: absolute; right: 52px; bottom: 9px; background: url('/images/structure/border-panel-right.png') top left no-repeat; z-index:999;} .internal #marketing .container .leftborder{ bottom:0; background: url('/images/structure/border-panel-left-internal.png') top left no-repeat; } .internal #marketing .container .rightborder{ bottom:0; background: url('/images/structure/border-panel-right-internal.png') top left no-repeat; } .daytime-microsite #marketing .container .leftborder{ background: url('/images/structure/border-panel-left-daytime.png') top left no-repeat; } .daytime-microsite #marketing .container .rightborder{ background: url('/images/structure/border-panel-right-daytime.png') top left no-repeat; } #marketing .container .bottomborder{ width: 920px; height: 70px; position: absolute; left: 62px; bottom: 0; background: url('/images/structure/border-panel-bottom.png') top left no-repeat; z-index:999; text-indent:-9999em; } .daytime-microsite #marketing .container .bottomborder{ background: url('/images/structure/border-panel-bottom-daytime.png') top left no-repeat; } .internal #marketing .container .bottomborder{ bottom: -7px; background: url('/images/structure/border-panel-bottom-internal.png') top left no-repeat; } .daytime-microsite.internal #marketing .container .bottomborder{ bottom:-7px; } .internal #marketing .container .bottomborder.flat{ background: url('/images/structure/border-panel-bottom-flat.png') bottom left no-repeat; height:32px; } /*#marketing .container.micro .rightborder.internal{ background: url('/images/structure/border-panel-right-micro.png') top left no-repeat;} #marketing .container.micro .leftborder.internal{ background: url('/images/structure/border-panel-left-micro.png') top left no-repeat;}*/ .holidaylights-microsite #marketing .container .rightborder{ background: url('/images/structure/border-panel-right-holidaylights.png') top left no-repeat;} .holidaylights-microsite #marketing .container .leftborder{ background: url('/images/structure/border-panel-left-holidaylights.png') top left no-repeat;} .internal.holidaylights-microsite #marketing .container .rightborder{ background: url('/images/structure/border-panel-right-holidaylights-int.png') top left no-repeat;} .internal.holidaylights-microsite #marketing .container .leftborder{ background: url('/images/structure/border-panel-left-holidaylights-int.png') top left no-repeat;} .holidaylights-microsite:not(.internal) #marketing .container .bottomborder{ background: url('/images/structure/border-panel-bottom-holidaylights.png') top left no-repeat; } .for-the-cure-microsite #marketing .container .rightborder{ background: url('/images/structure/border-panel-right-micro.png') top left no-repeat;} .for-the-cure-microsite #marketing .container .leftborder{ background: url('/images/structure/border-panel-left-micro.png') top left no-repeat;} .dinosaursalive-microsite #marketing .container .rightborder{ background: url('/images/structure/border-panel-right-dinomicro.png') top left no-repeat;} .dinosaursalive-microsite #marketing .container .leftborder{ background: url('/images/structure/border-panel-left-dinomicro.png') top left no-repeat;} .dinosaursalive-microsite:not(.internal) #marketing .container .bottomborder{ background: url('/images/structure/border-panel-bottom-dino.png') top left no-repeat;} .dino1 #marketing .container .leftborder{ bottom:0; background: url('/images/structure/border-panel-left-dino1.png') top left no-repeat; } .dino1 #marketing .container .rightborder{ bottom:0; background: url('/images/structure/border-panel-right-dino1.png') top left no-repeat; } .dino2 #marketing .container .leftborder{ bottom:0; background: url('/images/structure/border-panel-left-dino2.png') top left no-repeat; } .dino2 #marketing .container .rightborder{ bottom:0; background: url('/images/structure/border-panel-right-dino2.png') top left no-repeat; } .dino3 #marketing .container .leftborder{ bottom:0; background: url('/images/structure/border-panel-left-dino3.png') top left no-repeat; } .dino3 #marketing .container .rightborder{ bottom:0; background: url('/images/structure/border-panel-right-dino3.png') top left no-repeat; } /* -- Content Area -- */ #content{ margin:-1px auto 0; } #content .container{ width: 890px; position: relative; margin: 0 auto; background:#fff; padding:15px; padding-bottom:60px; } .internal #content .container{ padding:8px 0; width:920px; padding-bottom:60px; min-height: 215px; } .leftside{ width: 212px; float: left; } .leftside.home{ width: 273px; margin: 0; padding: 0;} .middle{ width:482px; margin:0 12px; padding-bottom:20px; float:left; } .middle.wide{ width:667px; float:right; margin:0 27px 0 12px; } .middle.full{ width:96%; float:right; } .rightside{ width: 200px; float: right; } .rightside.home{ width: 593px; padding: 0 10px; margin: 0;} /* .rightside.home{ width: 592px; padding: 0 10px; margin: 0;} */ .rightside.home a {float:left; width:296px; height:162px;} .rightside.home a.rollover {display: block; float: left; width: 283px; height: 154px; overflow: hidden; margin: 4px 6.5px; border-radius: 12px; position: relative;} .rightside.home a.rollover div.rollover_copy { display: none; position: absolute; width: 283px; height: 154px; text-align: center; color: #fff; background: #000; } .rightside.home a.rollover:hover div.rollover_copy {display: table; font-size: 12px; line-height: 18px;} .rightside.home a.rollover div.rollover_copy .center { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; } /* -- Internal Template -- */ .title{ float:right; background:url(/images/structure/bg-title.jpg) no-repeat; width:653px; height:34px; padding:7px 25px; } .title h1{ float:left; font-family:'Open Sans', Arial, sans-serif; font-weight:600; text-transform:uppercase; color:#fff; font-size:24px; padding:0; margin:0; line-height: 23px; float:left; } .middle h1{ float:left; } .alternating{ height:25px; display:block; text-indent:-99999em; position:absolute; z-index:1005; bottom:40px; right:283px; } .alternating:hover{ background-position:0 -25px; } .alternating.selected{ background-position:0 -50px; } .alternating.video{ background-image:url(/images/buttons/btn-video.gif); width:53px;} .alternating.slideshow{ background-image:url(/images/buttons/btn-slideshow.gif); width:90px; right:345px; } /* -- Widget -- */ .widget{ float:left; width:167px; background:url(/images/structure/bg-widget.gif) repeat-x bottom left; border:1px solid #d6d6d6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:20px 15px; margin:12px 0; } .rightside .widget{ float:right; border-top-right-radius:0; -moz-border-top-right-radius:0; -webkit-border-top-right-radius:0; border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; } .leftside .widget{ float:left; border-top-left-radius:0; -moz-border-top-left-radius:0; -webkit-border-top-left-radius:0; border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; } .widget h2{ font-size:16px; color:#17439b; font-family:'Open Sans',Arial, sans-serif; font-weight:600; margin-bottom:5px; } .widget h3{ font-size:13px; color:#17439b; font-family:'Open Sans',Arial, sans-serif; font-weight:600; margin-bottom:5px; } /* -- Legend -- */ .widget .color{ float:left; clear:both; width:15px; height:15px; border:1px solid #D6D6D6; margin:8px 6px 8px 0; } .widget .hours{ float:left; margin-top:9px; width:85%; } /* -- Subnav Area -- */ .print-and-go{ padding:20px 10px 20px 20px; border-right:1px solid #d6d6d6; width:168px; margin-top:-32px; font-size:11px; line-height:14px; } .print-and-go h3{ text-indent:-9999em; background:url(/images/headers/print-and-go.gif) no-repeat; width:171px; height:82px; margin-bottom:8px; } a.buy-now-sm{ display:block; clear:both; margin-top:10px; text-indent:-9999em; width:112px; height:26px; background:url(/images/buttons/buy-now-small.gif); } a.more-info-sm{ display:block; clear:both; margin-top:10px; float:left; text-indent:-9999em; width:117px; height:26px; background:url(/images/buttons/more-info-small.png); } a.buy-now-sm:hover, a.more-info-sm:hover{ background-position:0 -26px; } .subnav{ padding-left:0; float:left; width:100%; padding-bottom:0; } .subnav li{ list-style:none; background:transparent; padding:0; margin:0; } .subnav li a{ display:block; padding:8px 6px 8px 20px; font-size:15px; font-family: "Open Sans", Arial, sans-serif; color:#52016a; border-right:1px solid #d6d6d6; border-top:1px solid #e3d8e5; width:172px; background:url(/images/structure/bg-subnav-link.gif) repeat-x bottom left; font-weight:300; } .subnav li a.last{ border-bottom:1px solid #e3d8e5; } .subnav li a:hover, .subnav li a.selected{ text-decoration:none; background:url(/images/structure/bg-subnav-hover.gif) no-repeat; width:168px; color:#fff; border:0; padding-bottom:9px; padding-right:41px; } .subnav li a.twoline{ padding:10px 8px 10px 20px; width:170px; } .subnav li a.twoline:hover, .subnav li a.twoline.selected{ background:url(/images/structure/bg-subnav-hover-twoline.gif) no-repeat; padding-bottom:11px; padding-right:41px; } .subnav li a.threeline:hover, .subnav li a.threeline.selected{ background:url(/images/structure/bg-subnav-hover-threeline.gif) no-repeat; } .subnav li a.last:hover{ padding-top:9px; } .subnav li a.twoline.last:hover{ padding-top:11px; } .wait-less.widget{ margin-top:0; width:167px; border-top-right-radius:0; -moz-border-top-right-radius:0; -webkit-border-top-right-radius:0; font-size:11px; line-height:14px; } .wait-less.widget h2{ font-size:30px; font-family:"Open Sans", Arial, sans-serif; color:#17439b; font-weight:600; line-height:28px; margin-bottom:10px; } .wait-less.widget img{ float:left; margin-right:10px; } a.go-back, a.more-info-txt{ color:#f8981d; font-weight:bold; font-size:14px; display:block; float:right; margin-top:8px; } a.go-back:hover, a.more-info-txt:hover{ text-decoration:none; color:#2390CF; } .title a.go-back{ margin-top:5px; } a.more-info-txt{ float:left; } /* -- Youtube Page -- */ .hidden{ visibility:hidden; } .video-thumbs{ width:592px; margin:0 auto; } .video-thumbs div{ width:140px; margin-right:5px; float:left; text-align:center; } .video-thumbs div.selected{ width:148px; } .video-thumbs div.selected img{ border:4px solid #17439B; } /* -- Downloads -- */ .download-item{ border:1px solid #17439B; padding:5px; float:left; border-radius:5px; border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-right:25px; margin-bottom:25px; text-align:center; } .download-item h3 a{ color:inherit; } .download-item h3 a:hover{ text-decoration:none; } /* -- Directions -- */ #map_canvas{ border:1px solid #ABADB3; margin-top:20px; } .get-directions{ display:block; float:left; width:152px; height:26px; text-indent:-9999em; color:#fff; font-size:1px; background:url(/images/buttons/get-directions.gif) no-repeat; border:0; cursor:pointer; margin-top:38px; } .get-directions:hover{ background-position:0 -26px; } .adp-directions{ width:100%; } .adp-placemark{ background:#D0E9FA; border:0; } .adp-placemark td{ padding:10px; } .adp-summary{ font-style:italic; } .tickets .dropdown{ border-color:#853185 !important; background-color:#853185 !important; background-image:url(/assets/main/images/bg-dropdown-purple.jpg) !important; } .tickets a.more-info-sm.arr{ background-image: url(/assets/main/images/purple-arrow.png) !important; } .tickets .dropdown .select{ background-image: url(/assets/main/images/bg-dropdown-purple.png) !important; } /* -- List Item -- */ .listingitem-top{ background:url(/images/structure/bg-listing-top.gif) no-repeat; float:right; margin-right:21px; width:679px; height:7px; } .listingitem{ background:url(/images/structure/bg-listing-bottom.gif) no-repeat bottom left; padding-bottom: 10px; margin: 0 20px 25px 0; width: 660px; float:right; clear:right; padding:10px; padding-top:4px; } .listingitem.nobg{ background:transparent; margin-bottom:15px; } /*.middle.wide .listingitem{ margin-right:0; } .middle.wide .listingitem-top{ margin-right:1px; }*/ .listingitem img.image{ border:1px solid #d6d6d6; float:left; margin-right:10px; } .listingitem .header{ font-size: 20px; float:left; font-family:'Open Sans', Arial, sans-serif; color:#17439b; width:57%; margin-bottom:14px; line-height:22px; } .listingitem .blogdate{ font-size:11px; font-style:italic; color:#2f2f2f; } .listingitem .header a{ text-decoration: none; color:#52016a; } .listingitem .header a:hover{color: #ad4cad; text-decoration:none;} .listingitem .text{ float: left; width:71%; } .listingitem .text.largetext{ width:64% !important; } .listingitem .text.wide{ width:100%; } .listingitem .text.wide .header{ width:100%; } .rating{ float: right; } .rating-box { width:69px; height: 36px; float:right; font-size:0; line-height:0; background:url(/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(/images/bkg_rating.gif) 0 100% repeat-x; } .events{ display:none; float:right; clear:right; width:680px; } .data-table{ width:100%; padding:4px 8px; background:#fff; border:1px solid #ABADB3; } .data-table td{ padding:5px; text-align:center; } .data-table th{ padding:5px 5px 0; text-align:center; } /* -- FAQs -- */ .listingitem.questions{ background:url(/images/structure/bg-listing-bottom-sm-gradient.gif) no-repeat bottom left; margin-bottom:12px; } .questions .header{ margin-bottom:4px; } .questions .answer{ margin-top:8px; float:left; } a.faq{ width:97%; display:block; min-height:16px; position:relative; padding-right:17px; } a.faq span{ position:absolute; top:3px; right:0; width:16px; height:16px; background:url(/images/plus-minus.png); display:block; } a.faq span.active{ background-position:0 -16px; } .answer{ display:none; } /* -- Ride Detail Page -- */ .desc{ font-size:16px; line-height:22px; } table.description{ border:0; width:100%; } table.description td{ padding:8px 0; } hr{ border:0; height:1px; background-color:#d6d6d6; } .note{ font-size:10px; color:#137ae3; } /* -- Auction Page -- */ .bidgrid{ margin:15px 0; font-size: 14px; line-height: 18px; } .bidgrid td{ padding:10px; } .bidgrid tr:nth-child(even){ background: #E9E9E9; } .bidgrid th{ padding:5px 10px; border-bottom: 1px solid #00529B; color:#00529B; text-transform: uppercase; font-family: "Open Sans",sans-serif; font-size: 16px; } .bidgrid th{ padding:5px 10px; border-bottom: 1px solid #00529B; color:#00529B; text-transform: uppercase; font-family: "Open Sans",sans-serif; font-size: 16px; } .bidgrid td.logos img{ max-width: 46%; padding:2%; } /* -- Hours Page -- */ .calendar{ border:1px solid #5A9EE7; padding:5px; float:left; border-radius:5px; border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-left:25px; margin-bottom:25px; } .calendar .month{ background:#5A9EE7; padding:6px; text-transform:uppercase; color:#fff; margin-bottom:1px; text-align:center; font-size:18px; font-family:'Open Sans', Arial, sans-serif; } .calendar .day{ float:left; margin:1px; padding:3px 5px; width:14px; height:16px; text-align:center; cursor:pointer; } .calendar .day.wk{ background:#D6D6D6; cursor:text; } /* -- Reservations Widget -- */ .check-availability{ display:block; border:0; color:#fff; font-size:1px; text-indent:-99999em; width:122px; height:39px; background:url(/images/buttons/btn-check-availability.gif); cursor:pointer; margin-bottom:10px; } .check-availability:hover{ background-position:0 -39px; } #titleChildrenFree{ font-style:italic; font-size:11px; } /* -- Accordion Controls -- */ #accordion{margin: 0; padding: 0;} /* -- Graphic Buttons -- */ a.learnmoreblue{ width: 84px; height: 17px; overflow: hidden; background: url('/images/buttons/learnmore.jpg') top left no-repeat; text-indent: -9999em; display: block;} a.learnmoreblue:hover { background-position: 0 -17px;} /* -- Overlay -- */ #overlay { background:#fff; color:#000; width:526px; height:auto; display:none; padding:50px; border: #ccc solid 1px;} .contentWrap { overflow: auto;} .overlay div.close { background-image:url('/images/buttons/close.gif'); position:absolute; right:5px; top:5px; cursor:pointer; width:20px; height:20px;} /* -- Form -- */ .form{ padding: 15px 15px 15px 15px; margin:0 auto;} .form.requestform{padding: 0; margin: 0; width: 420px;} .form.loginform{padding: 10px; margin: 0 auto; width: 200px; border: #ccc 1px solid;} .form label{ font-weight: normal; display:block; padding:8px 17px 8px 8px; background:#d0e9fa; float:left; border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; } .form label span {color: #ff0000; font-weight: bold;} .formRow{ margin-top: 10px; float: left; width:100%;} .formRow label, input, select {margin-left: 0; } .formItem { width: 48%; float: left;} .formItem.rightside { width: 200px; margin-bottom: 0;} .formItem .wrapColor, .formItemLong .wrapColor{ width: 91%; padding:4px; background:#d0e9fa; float:left; clear:both; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-top-right-radius:5px; -moz-border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; } .formItemLong .wrapColor{ width: 93%; } .formItem .textfield, .formItemLong .textfield, .formItem .textfieldsmall, .formItem select{ width:92%; height: 20px; padding:4px 8px; } .formItem select{ height:39px; } .formItem .phone01{ height: 20px; width:20%; padding:4px 8px; } .formItem .phone02{ height: 20px; width:34%; padding:4px 8px; } .formItem .textfield-small{ width: 50px;} .formItem .dropdown{ height: 27px;} .formItemSmall{ width: 40px; float: left;} .formItemSmall .textfield{ width: 30px;} .formItemLong { width: 98%; float: left;} .formItemLong .textfield{ width:95%; } .formItemLong.border {border-bottom: #ccc 1px solid; padding-bottom: 5px;} .formItemLong .textfield2{ width: 200px; height: 20px;} .formItemLong .textfield-small{ width: 50px;} .formItemLong .textarea { width:95%; padding:4px 8px;} .formItemLong .dropdown{ height: 23px;} .city{ width: 220px; float: left;} .city .textfield{ width: 200px; height: 20px;} .state{ width: 60px; float: left;} .state .dropdown{ height: 23px;} .zipcode{ width: 50px; float: left;} .zipcode .textfield{ width: 50px; height: 20px;} .phone{ width: 220px; float: left;} .phone .textfield{ width: 30px; height: 20px;} .phone .textfield2{ width: 35px; height: 20px;} .formItemLong .submit{ font-size:1px; text-indent:-9999em; width:89px; height:26px; background:url(/images/buttons/submit.gif); border:0; cursor:pointer; float:left; color:#fff; } .formItemLong .submit:hover{ background-position:0 -26px; } input:focus{ outline:none; } /* -- Footer -- */ #footer { line-height: normal; padding: 0; margin-bottom:-50px;} #footer .container{ width: 926px; background:url(/images/structure/bg-footer.png) no-repeat; height:141px; margin-bottom:150px; position:relative; } #footer .container .social{ position:absolute; width:552px; height:39px; background:url(/images/structure/bg-social.gif) no-repeat; top:-54px; right:33px; padding:10px 15px 5px; } #footer .container .social a.media{ display:block; float:left; text-indent:-99999em; height:38px; } #footer .container .social a.media:hover{ background-position:0 -38px; } #footer .container .social a.mobile{ background-image:url(/images/buttons/mobile.png); width:44px; } #footer .container .social a.facebook{ background-image:url(/images/buttons/facebook.png); background-repeat: none; background-position: 7px 0; width:52px; } #footer .container .social a.facebook.media:hover{ background-position: 7px -38px; } #footer .container .social a.twitter{ background-image:url(/images/buttons/twitter.png); width:45px; } #footer .container .social a.instagram{ background-image:url(/images/buttons/instagram.png); width:38px; } #footer .container .social .tweet{ float:left; margin-left:15px; font-size:11px; color:#000; width:390px; } #footer .container .social .tweet img{ float:left; margin-right:8px; border:1px solid #d9d8d8; margin-bottom:10px; } #footer .container .social .tweet span{ font-size:10px; color:#6d6d6d; font-style:italic; } #footer .container .sponsors{ padding-top:8px; float:left; text-align:center; width:215px; margin-left:34px; height:140px; } #footer .container .advertisement{ padding-top:6px; } #footer .container .logo-footer{ float: left; width: 50px; height: 34px; background: url('/images/structure/logo-footer.png') top left repeat-x;} #footer .container .links{ padding:8px 35px 0 0; float: left; line-height: 18px; font-size: 12px; margin-left:38px; width:133px; } #footer .container .links h2{ margin-bottom:4px; } #footer .container .links a{color: #4c4c4c; text-decoration: none;} #footer .container .links a:hover{color: #7c02a0; text-decoration: none;} #footer .container .belowFooter{ float:left; margin-top:10px; width:100%; color:#bfc4d2; font-size:11px; } .microsite #footer .container .belowFooter{ display:none; } #footer .container .belowFooter img{ float:left; } #footer .container .belowFooter .copyright{ border-left:1px solid #fff; float:left; padding: 5px 8px; margin-left:8px; } #footer .container .belowFooter .copyright a{ color:#fff; } #footer .container .belowFooter .lowerLinks{ float:right; text-transform:uppercase; text-align:right; } #footer .container .belowFooter .lowerLinks a{ color:#fff; } #msg{ clear:both; } #msg ul{ padding-left:40px; } #msg li{ list-style:disc; background:transparent; padding-left:0; } #msg{ border:1px solid #EE3A43; color:#EE3A43; background:#fde6e7; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:8px; } .error h5{ background:#EE3A43; border-top-right-radius:8px; -moz-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; border-top-left-radius:8px; -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; padding-left:10px; } /*.white-wrap{ position:absolute; float: right; min-height: 140px; top:70px; right:0; padding: 15px; z-index:10; background: #fff; background: rgba(255,255,255,.9); color: #000; font-size: 14px; border-top-left-radius:8px; -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-bottom-left-radius:8px; -moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; } .white-wrap.wide{ width: 62%; } .white-wrap.noright{ min-height:184px; min-width:395px; } ul.anythingBase li.panel .white-wrap.noright .buttons{ right:13px; } ul.anythingBase li.panel .white-wrap.noright .buttons a{ float:right; min-width: 120px; text-align: center; } ul.anythingBase li.panel .white-wrap.noright .buttons a.buy-now{ margin-right: 0; } ul.anythingBase li.panel .white-wrap.noright .buttons a.more-info{ clear: right; margin-top: 5px; } ul.anythingBase li.panel .white-wrap.noright .buttons a.more-info:hover{ } .white-wrap h3, .white-wrap h3 em{ color: #ee4743; line-height: 23px; font-weight: bold; font-size: 22px; text-transform: uppercase; font-family: "Open Sans", sans-serif; } ul.anythingBase li.panel .white-wrap .buttons{ bottom: -20px; } .white-wrap .ride-logo{ margin-bottom: -58px; margin-top: 14px; }*/ /* SIDE COUNTDOWN STYLES */ /*.ecd_paper{ position:fixed; top:200px; right:-10px; z-index:10000; width:322px; } .ecd_paper a.arrow{ background:url(/images/countdown/arrow.gif) left center; width:21px; height:110px; float:left; } .ecd_paper_wrap { overflow:hidden; background:#fff url(/images/countdown/bg.jpg) repeat-x bottom left; border:1px solid #d6d6d6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .ecd_paper_wrap .inner-wrap { float:left; padding: 10px 22px 10px 24px; width: 79%; } .ecd_paper_msg { color:#888888; font-size:11px; } .ecd_paper_msg span{ color:#283c99; font-size:16px; font-family:'Open Sans', Arial, sans-serif; font-weight:600; } .hasCountdown{ padding-top: 12px; } .countdown_row { clear: both; overflow:auto; width: 100%; padding: 0px 2px; text-align: center; } .countdown_section { width:24.5%; display: block; float: left; font-size: 12px; text-align: center; color:#c84606; font-family:'Open Sans', Arial, sans-serif; font-weight:bold; line-height:16px; } .countdown_amount{ color:#faaf3a; font-size:40px; }*/ .ecd_paper{ width:348px; } .ecd_paper a.arrow{ background:url(/images/countdown/arrow.gif) left center; width:21px; height:110px; float:left; } .ecd_paper_wrap { overflow:hidden; background:#3eb6ba; border: 1px solid #3eb6ba; box-shadow: inset 0 0 2px rgba(255,255,255,.75); -moz-box-shadow: inset 0 0 2px rgba(255,255,255,.75); -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.75); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .ecd_paper_wrap .inner-wrap { float:left; padding: 7px 12px 13px 16px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ecd_paper_msg span{ color:#fff; font-size:12px; font-family:'Open Sans', Arial, sans-serif; font-weight:600; } .hasCountdown{ padding-top: 12px; } .countdown_row { clear: both; overflow:auto; width: 100%; padding: 0px 2px; text-align: center; } .countdown_section { width:24.5%; display: block; float: left; font-size: 12px; text-align: center; color:#fff; font-family:'Open Sans', Arial, sans-serif; font-weight:600; line-height:16px; } .countdown_amount{ color:#fff; font-size:32px; line-height:24px; } .white-wrap .left{ float:left; max-width:375px; } .white-wrap .right{ float:right; } .white-wrap{position:absolute; min-height: 184px; float: right; min-width: 395px; padding: 0; background: transparent; width: 400px; box-sizing: border-box; right: 40px; top: 27px; z-index: 10; color:#000; font-size: 14px; } .white-wrap > img{ float: left; width: 100%; } .ecd_paper{ clear: both; width: 100%; font-family: Arial,sans-serif; } .ecd_paper_wrap{ background: #0eb2ff; border-radius: 0; border: 0; box-shadow:0 0 0; overflow: hidden; } .countdown_section{ width:24.5%; display: block; float: left; padding: 0; margin: 0; border: 0; font-size: 15px; text-transform: uppercase; font-weight: 300; line-height:23px; font-family: Arial,sans-serif; } .countdown_amount{ font-size: 45px; line-height:35px; } .countdown_section:not(:last-child) .countdown_amount:after{ display: block; margin-right: -3px; float: right; content:":"; } .countdown_section:last-child{ display: block; } .white-wrap .buttons{ position: static !important; float: right; margin-top: 25px; } .white-wrap .buttons a.buy-now{ color: #2eb603; margin-right: 10px; } /* -- Stylesheet Update Area 2014 -- */ /* -- (trying to move to more modern methods) -- */ .btn-grey{ display: block; float: left; border-radius: 4px; border:1px solid #fff; padding: 0 13px; font:600 17px/32px "Open Sans",sans-serif; text-transform: uppercase; color:#178be7; text-shadow:1px 1px #fff; background: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9'); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d9d9d9)); background: -moz-linear-gradient(top, #ffffff, #d9d9d9); background: -ms-linear-gradient(top, #ffffff 0%, #d9d9d9 100%); box-shadow: 0 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5); } .btn-grey:hover{ text-decoration: none; background: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bfbfc0'); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bfbfc0)); background: -moz-linear-gradient(top, #ffffff, #bfbfc0); background: -ms-linear-gradient(top, #ffffff 0%, #bfbfc0 100%); } .btn-grey img{ vertical-align: middle; margin-top: -2px; } /* -- Responsive Structure -- */ .resp .hidden{ display: none; } .resp .left{ float: left !important; } .resp .right{ float: right !important; } .resp.tickets{ margin-left: -12px; } .resp img{ max-width: 100%; } .resp .fourth{ width:23.5%; } .resp .half{ width:49.5%; } .resp .third{ width:32.6%; } .resp .two-thirds{ width:66.4%; } .resp .full{ width:100%; } .resp .col, .resp a.col { display: block; float:left; margin-left:1%; padding:0 0.75%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; } .resp .row{ clear:both; position: relative; } .resp .row .col:first-child { margin-left:0; } .tickets .dropdown{ padding: 0 32px; margin: -16px -22px 18px; border: 1px solid #1643a2; background:#1d54b4 url(/images/bg-dropdown.jpg) repeat-x left bottom; color:#fff; text-transform: uppercase; font: 600 24px/60px "Open Sans",sans-serif; border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; } .tickets .dropdown .select{ height:31px; width: 224px; padding-left: 10px; overflow: hidden; background:url(/assets/main/images/bg-dropdown.png) no-repeat; font-size: 12px; margin-top: 12px; line-height: 30px; } .tickets .dropdown .select select{ background: transparent; border: 0; width:110%; outline: none; -webkit-appearance: none; } .tickets .featured { background: #fff; padding:15px 0; } .tickets .shadow { box-shadow: 0 0 46px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 46px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 46px rgba(0, 0, 0, .8); position: relative; z-index: 150; } .tickets .shadow.listingitem { padding: 20px; text-align: left; } .tickets .featured img.large{ border: 1px solid #d6d6d6; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .tickets .desc{ font-size: 14px; } .tickets .desc h1{ text-transform: none; } .tickets .desc strong{ font-size: 16px; } .tickets a.more-info-sm{ clear: none; margin-left: 10px; } .tickets .price{ color:#2eb600; font-weight: bold; font-style: italic; font-size: 40px; } .tickets .price label{ color:#808080; font-size:16px; font-weight: normal; font-style: normal; line-height: 25px; } .tickets .price sup{ font-size: 24px; line-height: 36px; } .tickets .price .sale{ color:#3d3d3d; font-style: normal; text-decoration:line-through; font-size: 20px; line-height: 22px; } .tickets .listingitem{ margin: 0; width: 100%; min-height: 296px; position: relative; text-align: center; background:#fff url(/images/structure/bg-widget.gif) repeat-x bottom left; border:1px solid #d6d6d6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .tickets .listingitem .cover-link{ position: absolute; top:0; left: 0; width:100%; height:100%; } .tickets h3{ font-weight: 600; font-family: "Open Sans"; margin-bottom: 10px; } .tickets .listingitem .buy-now-sm{ float: none; margin:25px auto 5px; } .tickets .listing { margin-bottom: 15px; } .tickets .col{ margin-bottom: 15px; } .tickets .col.full{ width:auto; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tickets a.listingitem:hover{ text-decoration: none; } .tickets .details{ background: #fff; } .tickets a.more-info-sm.arr{ background: url(../images/blue-arrow.png) no-repeat; width: 23px; height: 23px; float: right; margin: 20px 0 -12px; } .bg-opacity{ display: none; opacity:0; position: fixed; top: 0; left: 0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index: 100; }