@import url('//fonts.googleapis.com/css?family=Rock+Salt|Bubblegum+Sans|Kavoon|Abel');
/* RESET ALL HTML TO BASE */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
/* END HTML 5, START CORE SETUP */
* {margin: 0;}
html,body{height: 100%;}
/* div {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} */
body {font:normal 1em/1.3em "Abel",Helvetica,Arial,sans-serif;color:#544f43;background:url('../images/global/rrdc-page-bg.jpg') top center repeat-x #001b3a;}
ol, ul{list-style:none;list-style-type:none;}
ol, ul{margin:0 0 10px 0;float:left;}
ul li{position:relative;}
ul.blocks li{box-sizing:border-box;}
ul.blocks li a > img{max-width:110%;max-height:170px;}
ol.numbered, ol.numbered > li{list-style-type:decimal;}
ol.numbered ol, ol.numbered ol li, ul ol, ul ol li{list-style-type:none !important;}
ol.numbered{margin:0 0 0 15px;}
ul li,ol li{width:100%;float:left;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/* SET UP BASE TYPOGRAPHIC STYLES AND CLASSES */
h1, h2, h3, h4, h5, h6{margin:8px 0 5px 0;font-weight:normal;}
h2{padding:0 0 3px 0;}
p{margin:8px 0 12px 0;font-size:100%;line-height:160%;}
em{font-style:italic;}
.hl1,.hl2,.hl3,.hl4,.hl5{font-family:"Rock Salt", cursive, "Helvetica", Helvetica, Arial, sans-serif;color:#cc0033;margin-left:-15px;text-shadow:1px 1px 0 rgba(255,255,255,.8),2px 3px 8px rgba(0,0,0,0.25);-moz-text-shadow:1px 1px 0 rgba(255,255,255,.8),2px 3px 8px rgba(0,0,0,0.25);-webkit-text-shadow:1px 1px 0 rgba(255,255,255,.8),2px 3px 8px rgba(0,0,0,0.25);-o-text-shadow:1px 1px 0 rgba(255,255,255,.8),2px 3px 8px rgba(0,0,0,0.25);}
.hl1{width:100%;font-size:26px;line-height:40px;margin:0 0 10px 0;}
.hl2{font-size:20px;line-height:28px;margin:0 0 5px 0;color:#0073ac;}
.hl3{font-size:24px;line-height:30px;margin:0 0 5px 0;color:#0073ac;}
.hl4{font-size:18px;line-height:24px;margin:5px 0;color:#0073ac;}
.hl5{font-size:80%;line-height:150%;margin:5px 0;color:#0073ac;}
.sh1,.sh2,.sh3,.sh4,.sh5{font:normal 100%/100% "Bubblegum Sans", Helvetica, Arial, sans-serif;color:#F60;float:left;margin:0 0 5px 0;text-shadow: 1px 1px .4px #FFF, 1px 1px 4px rgba(0,0,0,.25);}
.sh1{font-size:400%;line-height:85%;letter-spacing:-2px;text-transform:uppercase;margin:0 0 5px 0;}
.sh2{font-size:200%;line-height:110%;color:#0073ac;}
.sh3{font-size:155%;line-height:110%;color:#0073ac;}
.sh4{font-size:130%;line-height:110%;text-shadow: 1px 1px .4px #FFF, 1px 1px 2px rgba(0,0,0,0.6);color:#0073ac;}
.sh5{font-size:60px;}
.co1{font-size:16px;margin:5px 0;}
.co2{font-size:16px;}
.co3{font-size:14px;}
.co1,.co2,.co3{font-style:italic;color:#069;}
div#sidebar .co1,div#sidebar .co2,div#sidebar .co3{margin-left:0;}
a{text-decoration:none;color:#0074ae;}
a:hover{color:#2fb8f8;}
strong{font-weight:bold;}
fieldset{border:1px solid #999;padding:0 5px 10px 5px;}
small{font-size:80%;line-height:100%; }
sup{font-size:50%;position:absolute;margin-top:-5px;}
input.focused{color:#666 !important;}
/* NEW ALERT VIEW */
body.alert{padding-top:40px;position:relative;}
body.alert div#alert{width:100%;height:40px;color:#FFF;text-align:center;font-weight:bold;font-size:130%;line-height:40px;box-sizing:border-box;background:#C00;box-shadow:0 -20px 20px rgba(0,0,0,.5) inset;position:absolute;top:0;left:0;}
body.alert div#alert a{color:#FFC;}
/* #### BASE DOM STRUCTURE #### */
div#wrap{width:100%;height:100%;min-height:100px;position:relative;background:url('../images/global/rrdc-topwater-tile.jpg') top center repeat-x;z-index:0;}
div#wrap div#main{width:1220px;height:100%;margin:0 auto;position:relative;z-index:100;}
div#wrap div#main div#header{width:1220px;height:200px;position:absolute;top:0;left:0;background:url('../images/global/rrdc-coral-top.png') 200px bottom no-repeat;}
div#wrap div#main div#header > nav{width:100%;position:relative;}
div#wrap div#main div#header div#logo{width:200px;height:200px;text-align:center;float:left;background:url('../images/global/rrdc-top-left-coral.png') right bottom no-repeat;}
div#wrap div#main div#header div#logo #rrdc-logo{position:relative;}
div#wrap div#main div#header div#logo a{width:200px;height:130px;margin:0 0 10px 0;float:left;text-indent:-3000px;background:url('../images/global/rainbow-reef-logo.png') center 10px no-repeat;}
div#wrap div#main div#content{width:1220px;float:left;margin:200px 0 0 0;position:relative;background:url('../images/global/rrdc-left-sidebar-tile.png') 128px top repeat-y transparent;}
div#wrap div#main div#content > div.coral,
div#wrap div#main div#content div#inner > div.coral{width:5px;height:5px;position:absolute;left:150px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background:rgba(0,0,0,.5);}
div#wrap div#main div#content div#inner > div.coral{left:auto;right:15px;}
div#wrap div#main div#content div.coral::after{content:"";width:50px;height:50px;margin:-50px;position:inherit;background:rgba(0,0,0,.2);}
div#wrap div#main div#content div#inner div.coral::after{content:"";width:50px;height:50px;position:inherit;background:rgba(0,0,0,.05);}
div#wrap div#main div#content div#inner{width:1220px;float:left;background:url('../images/global/rrdc-right-sidebar-tile.png') top right repeat-y;}
div#wrap div#main div#content div#inner div#mainarea{min-height:600px;padding:0 0 150px 0;position:relative;z-index:50;}
div#wrap div#main div#content div#inner div#mainarea,
div#wrap div#main div#content div#inner div.globalbanner{width:990px;margin:0 40px 0 0;float:right;background:url('../images/global/rrdc-content-bg-tile.jpg') top left repeat-y #f0ebd9;}
div#wrap div#main div#content div#inner div.globalbanner{height:130px;}
div#wrap div#main div#content div#inner div#mainarea ul#breadcrumb{position:absolute;top:-5px;}
div#wrap div#main div#content div#inner div#mainarea ul#breadcrumb > li{width:auto;margin:0 3px 0 0;padding:0 10px 0 0;font-size:85%;font-style:italic;color:#666;float:left;}
div#wrap div#main div#content div#inner div#mainarea ul#breadcrumb > li.link{background:url("../images/global/breadcrumb-separator.png") right center no-repeat;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide{width:730px;padding:20px 0 0 0;float:left;}
body.hasGlobalBanner div#wrap div#main div#content div#inner div#mainarea div#leftSide{padding:0;}
body.home div#wrap div#main div#content div#inner div#mainarea div#leftSide{padding:0;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide{width:100%;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.pkgdisplay{width:700px;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide div.content{width:75%;float:left;position:relative;z-index:100;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide div.lefcontent,
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide div.sidebar{width:25%;float:left;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide div.sidebar{width:24%;margin:2% 1% 0 0;float:right;position:relative;z-index:90;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar{width:250px;float:right;position:relative;z-index:-1;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar.pkgdisplay{width:290px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.newsevents{}
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.newsevents img{width:100%;}

body.hasGlobalBanner div#wrap div#main div#content div#inner div#mainarea div#sidebar{margin-top:-130px;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.product div#sidebar{z-index:10;}

div#wrap div#main div#content div#inner div#mainarea div#sidebar div.free-dive-guides{overflow:hidden;margin:0;padding:15px 0 24px 0;background:url('../images/banners/free-dive-guides-lobster.png') top right no-repeat;position:relative;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.free-dive-guides > p .sh1,
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.free-dive-guides > p .sh2,
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.free-dive-guides > p .sh3{width:100%;line-height:80%;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.free-dive-guides .sh4{width:55%;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.coral1{height:200px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.coral2{height:100px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar div.coral3{height:100px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar div#coralbanners{width:245px;height:730px;position:absolute;top:0;background:url('../images/global/rrdc-sidebar-coral-holder-wide.png') top left no-repeat transparent;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners{width:225px;margin:32px 0 0 0;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners > li{width:100%;float:left;position:relative;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div{padding:5px 10px;position:absolute;top:0;left:18px;background:url('../images/banners/banner-background-blue.jpg') left center no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;overflow:hidden;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div.green{color:#FFF;background:url('../images/banners/banner-background-green.jpg') left center no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div.orange{background:url('../images/banners/banner-background-orange.jpg') left center no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li#top{height:341px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li#top div{width:188px;height:295px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li#mid{height:175px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li#mid div{width:207px;height:132px;left:6px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li#bot{height:145px;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li#bot div{width:198px;height:133px;left:13px;}
/* OVERRIDES FOR IMAGES AS BACKGROUNDS */
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div img.background{position:absolute;top:0;left:0;z-index:0;}
/* OVERRIDES FOR THE SUBHEAD FONTS */
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div .sh1,
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div .sh2,
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div .sh3,
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div .sh4{color:#FFF !important;text-shadow: 2px 2px .4px #036;position:relative;z-index:50;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div a{color:#FFF;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div .sh3{line-height:130%;}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#side-banners li > div p span{float:left;clear:left;margin-right:5px;line-height:95%;}
div#wrap div#main div#content div#footer{width:100%;height:100px;position:absolute;bottom:-10px;left:0;z-index:100;background:url("../images/navigation/navigation-footer-coral-bg.png") center top no-repeat;}
div#wrap div#main div#content div#footer div.lCol{width:960px;float:left;padding:50px 0 0 40px;font-size:75%;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
div#wrap div#main div#content div#footer div.lCol p{margin:0;padding:0;}
div#wrap div#main div#content div#footer div.lCol div.copyright{width:70%;float:left;padding:0 0 0 10%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
div#wrap div#main div#content div#footer div.lCol div.social{width:30%;float:left;}
div#wrap div#main div#content div#footer div.lCol div.social ul.blocks{width:100%;float:left;}
div#wrap div#main div#content div#footer div.lCol div.social ul.blocks > li{width:40px;float:left;margin:0 15px 0 0;}
div#wrap div#main div#content div#footer div.lCol div.social ul.blocks > li img.icon{width:100%;}
div#wrap div#main div#content div#footer div.rCol{width:260px;float:left;text-align:right;padding:30px 20px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
div#wrap div#main div#content div#footer div.rCol img.icon{float:right;margin:-5px 0 0 10px;}
div#wrap div#main div#leftcol{width:200px;position:absolute;left:-5px;top:150px;}
div#wrap div#main div#leftcol div#phone{width:200px;height:38px;margin:-15px 0 0 0;position:relative;text-align:center;float:left;text-indent:-3000px;background:url('../images/global/rainbow-reef-phone-number.png') center top no-repeat;}
div#wrap div#lightbeams{width:100%;height:320px;position:absolute;top:0;background:url('../images/global/rrdc-underwater-beams.jpg') top center no-repeat;z-index:10;}
/* EXTRA DOM ELEMENTS */
div#wrap div#main div#content div#inner div#mainarea span.polaroid{width:240px;position:relative;display:block;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid > span.wrap{height:40px;float:left;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid > span.wrap.one{width:200px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid > span.wrap.two{width:205px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid > span.wrap.three{width:210px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid > span.wrap.four{width:215px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid > span.wrap.five{width:220px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid > span.wrap.six{width:225px;height:50px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.alignR{display:inline;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.alignR > span.wrap{float:right;clear:right;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid img.image{position:absolute;left:-10px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.alignR img.image{margin-top:-20px;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide span.polaroid.alignR img.image{left:490px;}

div#wrap div#main div#content div#inner div#mainarea span.polaroid.large{width:250px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large > span.wrap{height:50px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large > span.wrap.one{width:245px;margin-top:-30px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large > span.wrap.two{width:250px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large > span.wrap.three{width:255px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large > span.wrap.four{width:260px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large > span.wrap.five{width:265px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large > span.wrap.six{width:270px;height:80px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large img.image{position:absolute;left:-10px;}
div#wrap div#main div#content div#inner div#mainarea span.polaroid.large.alignR img.image{margin-top:-20px;left:720px;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide span.polaroid.large.alignR img.image{left:auto;}

div#wrap div#main div#content div#inner div#mainarea .callout,
body div#modal div#content .callout{width:285px;margin:0 0 5px 0;padding:0 5px;text-align:center;float:left;}
div#wrap div#main div#content div#inner div#mainarea .callout.text{margin:0 0 0 15px;padding:15px 0 10px 0;float:right;border:10px solid rgba(255,102,0,.4);border-width:10px 0;}
div#wrap div#main div#content div#inner div#mainarea .callout.alignL{margin:0 15px 5px 0;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide .callout{width:300px;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide div.sidebar .callout{width:90%;line-height:120%;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide .callout.clipboard{width:170px;position:relative;}
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard{width:170px;min-height:270px;margin:0 0 -15px 10px;padding:55px 20px 0 23px;text-align:center;float:left;position:relative;background:url("../images/callouts/callout-clipboard-bg.png") top left no-repeat;}
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .hl2{line-height:24px;margin:0}
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard ul.bulleted > li{width:100%;padding:2px 0 8px 20px;text-align:left;background:url("../images/global/icons/checkmark.png") left 5px no-repeat;}
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard ul.bulleted > li p{margin:0;}
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard ul.bulleted > li.unchecked{background-image:url("../images/global/icons/checkmark-unchecked.png");}
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard ul.bulleted > li.nocheck{padding:0;background:none;}
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .hl1,
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .hl2,
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .hl3,
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .hl4,
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .hl5,
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .sh1,
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .sh2,
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .sh3,
div#wrap div#main div#content div#inner div#mainarea .callout.clipboard .sh4{line-height:100%;}

/* CLEARFIX */
.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {width:100%;display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* ##### NAVIGATION MENUS ##### */
div#wrap div#main div#header ul#mainNav{margin:10px 0 0 0;}
div#wrap div#main div#header ul#mainNav li.stick{width:200px;height:200px;margin:0;float:left;background:url('../images/navigation/header-stick.png') 60px top no-repeat;-moz-background-size:auto 85%;-webkit-background-size:auto 85%;background-size:auto 85%;}
div#wrap div#main div#header ul#mainNav li.stick.first{}
div#wrap div#main div#header ul#mainNav li.stick.first div#crab{width:111px;height:65px;margin:120px 0 0 0;position:relative;background:url('../images/navigation/navigation-crab-base.png') left top no-repeat;}
div#wrap div#main div#header ul#mainNav li.stick.first div#crab div.claw{position:absolute;top:27px;left:10px;}
div#wrap div#main div#header ul#mainNav li.stick.first div#crab div.claw.left{width:42px;height:28px;animation:crabClawL ease-in-out 6s infinite;-webkit-animation:crabClawL ease-in-out 6s infinite;-o-animation:crabClawL ease-in-out 6s infinite;transform-origin: 0 20% 0;-webkit-transform-origin: 0 20% 0;background:url('../images/navigation/navigation-crab-left-claw.png') left top no-repeat;}
div#wrap div#main div#header ul#mainNav li.stick.first div#crab div.claw.right{width:50px;height:42px;left:auto;top:25px;right:10px;animation:crabClawR ease-in-out 8s infinite;-webkit-animation:crabClawR ease-in-out 8s infinite;-o-animation:crabClawR ease-in-out 8s infinite;transform-origin: 200% 20% 0;-webkit-transform-origin: 200% 20% 0;background:url('../images/navigation/navigation-crab-right-claw.png') left top no-repeat;}
/* CONDITIONS BANNER TOP */
div#wrap div#main div#header div.banner{position:absolute;top:5px;right:5px;z-index:-1;}
div#wrap div#main div#header div.banner ul#current{width:auto;padding:0 10px;float:left;border:1px solid #036;background:rgba(255,255,255,.65);border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
div#wrap div#main div#header div.banner ul#current > li{width:auto;margin:0 10px 0 0;float:left;font-size:80%;color:#333;}
div#wrap div#main div#header div.banner ul#current > li label{float:left;margin:0 5px 0 0;}
div#wrap div#main div#header div.banner div.cuda{position:relative;float:right;}
div#wrap div#main div#header div.banner div.cuda img.base{float:left;position:relative;z-index:2;}
div#wrap div#main div#header div.banner div.cuda img.tail,
div#wrap div#main div#header div.banner div.cuda img.fin{position:absolute;}
div#wrap div#main div#header div.banner div.cuda img.tail{top:2px;left:-23px;z-index:1;animation:cudaFin ease-in-out 4s infinite;-webkit-animation:cudaFin ease-in-out 4s infinite;transform-origin:100% 40% 0;-webkit-transform-origin:100% 40% 0;}
div#wrap div#main div#header div.banner div.cuda img.fin{top:29px;right:61px;z-index:3;animation:cudaFin ease-in-out 4s infinite;-webkit-animation:cudaFin ease-in-out 4s infinite;transform-origin:100% 40% 0;-webkit-transform-origin:100% 40% 0;}
/* TV BANNER TOP */
div#wrap div#main div#header div#drypak{width:160px;height:115px;float:right;margin:45px 10px 0 -10px;background:url("/assets/images/callouts/callout-dry-bag-tablet.png") top left no-repeat;}
div#wrap div#main div#header div#drypak > div.tablet{width:120px;height:81px;background:url("/assets/images/callouts/callout-white-tablet-base.png") top left no-repeat;}
div#wrap div#main div#header div#drypak > ul.screen{width:104px;height:76px;margin:20px 0 0 27px;position:relative;background:rgba(0,0,0,.9);}
div#wrap div#main div#header div#drypak > ul.screen > li{width:104px;height:76px;color:#FFF;text-align:center;position:absolute;top:0;left:0;}
div#wrap div#main div#header div#drypak > ul.screen > li.banner{font-size:85%;line-height:95%;background:url("/assets/images/callouts/callout-screen-purple-bg.jpg") top left no-repeat;}
div#wrap div#main div#header div#drypak > ul.screen > li.banner a{color:#FFF;}
div#wrap div#main div#header div#drypak > ul.screen > li.banner a > span{width:100%;float:left;}
@keyframes crabClawL {
	50% {
		transform: rotate(3deg);
	}
}
@keyframes crabClawR {
	50% {
		transform: rotate(4deg);
	}
}
@-webkit-keyframes crabClawL {
	50% {
		-webkit-transform: rotate(3deg);
	}
}
@-webkit-keyframes crabClawR {
	50% {
		-webkit-transform: rotate(4deg);
	}
}
@keyframes cudaFin {
	70% {
		transform: rotate(8deg);
	}
}
@keyframes cudaFin {
	70% {
		transform: rotate(8deg);
	}
}
@-webkit-keyframes cudaFin {
	70% {
		-webkit-transform: rotate(8deg);
	}
}
@-webkit-keyframes cudaFin {
	70% {
		-webkit-transform: rotate(8deg);
	}
}
div#wrap div#main div#header ul#mainNav li.stick.second{width:150px;margin:0 10px 0 -10px;}
div#wrap div#main div#header ul#mainNav li.stick.third{}
div#wrap div#main div#header ul#mainNav li.stick.fourth{margin-left:-20px;}
div#wrap div#main div#header ul#mainNav li.stick ul.signs li{width:auto;float:none;text-align:center;margin:10px 0;background:brown;}
div#wrap div#main div#header ul#mainNav li.stick ul.signs li a{color:#FFF;margin:0 0 10px 0;}
div#wrap div#main div#header ul#mainNav li.stick ul.signs li p{width:auto;margin:0 0 10px 0;padding:0 0 0 25px;float:left;background:url('../images/navigation/boards-start-cap.png') left top no-repeat;position:relative;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
div#wrap div#main div#header ul#mainNav li.stick ul.signs li p > span.new{padding:3px;color:#FC0;font-size:60%;position:absolute;left:5px;top:0;border-radius:20px;background:green;text-shadow:1px 1px 1px rgba(0,0,0,.4),1px 1px 2px rgba(0,0,0,.4);transform:rotate(-20deg);-webkit-transform:rotate(-20deg);}
div#wrap div#main div#header ul#mainNav li.stick ul.signs li p span.board{margin:0;padding:0;float:left;line-height:25px;background:url('../images/navigation/boards-tile-bg.jpg') left top repeat-x;}
div#wrap div#main div#header ul#mainNav li.stick ul.signs li p span.board a{font:normal 11px/25px "Rock Salt","Comic Sans MS", Comic Sans MS, cursive, Helvetica, Arial, sans-serif;letter-spacing:.5px;color:#FFF;position:relative;right:-35px;background:url('../images/navigation/boards-endcap.png') right center no-repeat;text-shadow:1px 2px 1px rgba(0,0,0,.8);-moz-text-shadow:0 0 1px #fff,1px 2px 1px rgba(0,0,0,.8);-webkit-text-shadow:0 0 1px #fff,1px 2px 1px rgba(0,0,0,.8);-o-text-shadow:0 0 1px #fff,1px 2px 1px rgba(0,0,0,.8);}
div#wrap div#main div#header ul#mainNav li.stick ul.signs li p span.board a > span{position:relative;left:-35px;}
div#wrap div#main div#header ul#mainNav li.stick ul.signs li p span.board a:hover{color:#FC0;}

div#wrap div#main div#header ul#mainNav li.stick ul.signs li.divegear{margin-top:70px;-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);}
/* ###LIGHT BEAMS#### */
div#wrap div.beam{position:absolute;top:0;}
div#wrap div.beam.left{}
div#wrap div.beam.center{}
div#wrap div.beam.right{}
/* ##### SIDE NAVIGATION ##### */
div#wrap div#main div#leftcol ul#sidenav{padding:5px 0 0 0;float:left;}
div#wrap div#main div#leftcol ul#sidenav li{width:200px;height:auto;float:left;text-align:center;position:relative;z-index:1200;}
div#wrap div#main div#leftcol ul#sidenav li > p{width:auto;padding:0 0 0 28px;float:left;background:url('../images/navigation/boards-start-cap.png') left top no-repeat;position:relative;}
div#wrap div#main div#leftcol ul#sidenav li > p span.board{margin:0;padding:0;float:left;line-height:25px;background:url('../images/navigation/boards-tile-bg.jpg') left top repeat-x;}
div#wrap div#main div#leftcol ul#sidenav li > p span.board a{margin:0 0 0 -35px;padding:0 35px 0 0;font:normal 12px/25px "Rock Salt","Comic Sans MS", Comic Sans MS, cursive, Helvetica, Arial, sans-serif;letter-spacing:.5px;color:#FFF;background:url('../images/navigation/boards-endcap.png') right center no-repeat;position:relative;right:-35px;text-shadow:1px 2px 1px rgba(0,0,0,.8);-moz-text-shadow:1px 2px 1px rgba(0,0,0,.8);-webkit-text-shadow:1px 2px 1px rgba(0,0,0,.8);-o-text-shadow:1px 2px 1px rgba(0,0,0,.8);}
div#wrap div#main div#leftcol ul#sidenav li > p span.board a:hover{color:gold;}
div#wrap div#main div#leftcol ul#sidenav li.moray{height:170px;margin:0 0 -20px 0;padding:20px 0 0 0;background:url('../images/navigation/moray-eel-nav.png') center top no-repeat;}
div#wrap div#main div#leftcol ul#sidenav li.spotted-ray{height:84px;padding:12px 0 0 0;background:url('../images/navigation/spotted-ray-nav.png') center top no-repeat;}
div#wrap div#main div#leftcol ul#sidenav li.shark{height:130px;padding:100px 0 0 0;background:url('../images/navigation/shark-nav.png') center top no-repeat;}
div#wrap div#main div#leftcol ul#sidenav li.angelfish{height:50px;margin:-40px 0 0 0;padding:110px 0 0 0;background:url('../images/navigation/angelfish-nav.png') center top no-repeat;}
/* ##### BARRACUDA ##### */
div#wrap div#barracuda-banner{position:absolute;top:3px;left:50%;margin-left:-100px;z-index:20;}
div#wrap div#barracuda-banner ul.scroller{width:450px;height:25px;padding:10px 0;position:relative;background:rgba(0,0,0,.3);overflow:hidden;}
div#wrap div#barracuda-banner ul.scroller li{position:absolute;top:0;}
div#wrap div#barracuda-banner ul.scroller li a{color:#FFF;}
div#wrap img#barracuda{width:170px;height:45px;position:absolute;top:80px;left:-170px;z-index:10;}
/* ##### VARIOUS AREAS ##### */
div#wrap div#main div#content div.callout{}
div#wrap div#main div#content div.callout.polaroid{width:225px;min-height:200px;}
div#wrap div#main div#content div.callout.polaroid.leftedge{margin-left:-15px;}
/* ####starburst pagecurl#### */
div#wrap div#main div#content div.starburst{width:120px;height:120px;padding:15px 0 0 0;text-align:center;color:#FFF;font-size:120%;position:absolute;right:-15px;bottom:-45px;background:url("../images/global/starburst-sticker-bg.png") top left no-repeat;-moz-transform:rotate(8deg) scale(.8);-webkit-transform:rotate(8deg) scale(.8);-o-transform:rotate(8deg) scale(.8);transform:rotate(8deg) scale(.8);}
div#wrap div#main div#content div.starburst.large{-moz-transform:rotate(8deg) scale(1);-webkit-transform:rotate(8deg) scale(1);-o-transform:rotate(8deg) scale(1);transform:rotate(8deg) scale(1);}
div#wrap div#main div#content div.starburst.lTilt{-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);}
div#wrap div#main div#content div.starburst .price{width:100%;float:left;text-align:center;font:normal 200%/100% "Kavoon", Helvetica, Arial, sans-serif;text-shadow:1px 1px 6px rgba(0,0,0,.6),4px 4px 6px rgba(0,0,0,.2);}
div#wrap div#main div#content div.starburst .price > small,
div#wrap div#main div#content div.starburst .price > b{font-size:50%;}
div#wrap div#main div#content div.starburst > small{width:100%;float:left;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);}
div#wrap div#main div#content div.starburst > small.sub{width:75px;margin:3px 0 0 0;}
div#wrap div#main div#content div.starburst img.curl{position:absolute;bottom:13px;right:-2px;}
div#wrap div#main div#content div.starburst.alignL,
div#wrap div#main div#content div.starburst.alignR{position:static;}
div#wrap div#main div#content div.starburst.fixedL{right:auto;left:-30px;}
div#wrap div#main div#content div.starburst.fixedB{top:auto !important;bottom:-20px !important;}
body div#wrap div#main div#content div.starburst.green{color:#FFF;background-image:url("../images/global/starburst-sticker-bg-lime.png");}
body div#wrap div#main div#content div.starburst.tangerine{color:#FFF;background-image:url("../images/global/starburst-sticker-bg-tangerine.png");}
body div#wrap div#main div#content div.starburst.aqua{color:#FFF;background-image:url("../images/global/starburst-sticker-bg-blue.png");}
body div#wrap div#main div#content div.starburst.fuschia{color:#FFF;background-image:url("../images/global/starburst-sticker-bg-fuschia.png");}
body div#wrap div#main div#content div.starburst.purple{color:#FFF;background-image:url("../images/global/starburst-sticker-bg-purple.png");}
div#wrap div#main div#content div.starburstwrap{width:80px;height:100px;float:right;}
/* #### STARBURST PAGECURL VARIATIONS #### */
/* ##### WIDE FORMAT STARBURST ##### */
div#wrap div#main div#content div.starburst.wide{width:144px;height:125px;right:-15px;bottom:-45px;color:#FFF;font-size:125%;background:url("../images/global/starburst-sticker-wide-bg.png") top left no-repeat;-moz-transform:rotate(2deg) scale(.8);-webkit-transform:rotate(2deg) scale(.8);-o-transform:rotate(2deg) scale(.8);transform:rotate(2deg) scale(.8);}
div#wrap div#main div#content div.starburst.wide.large{-moz-transform:rotate(2deg) scale(1);-webkit-transform:rotate(2deg) scale(1);-o-transform:rotate(2deg) scale(1);transform:rotate(6deg) scale(1);}
div#wrap div#main div#content div.starburst.wide .price{font-size:230%;line-height:60%}
div#wrap div#main div#content div.starburst.wide a .price{font-size:180%;line-height: 70%;}
div#wrap div#main div#content div.starburst.wide.green{background-image:url("../images/global/starburst-sticker-wide-bg-lime.png");}
div#wrap div#main div#content div.starburst.wide.tangerine{background-image:url("../images/global/starburst-sticker-wide-bg-tangerine.png");}
div#wrap div#main div#content div.starburst.wide.aqua{background-image:url("../images/global/starburst-sticker-wide-bg-blue.png");}
div#wrap div#main div#content div.starburst.wide.fuschia{background-image:url("../images/global/starburst-sticker-wide-bg-fuschia.png");}
div#wrap div#main div#content div.starburst.wide.purple{background-image:url("../images/global/starburst-sticker-wide-bg-purple.png");}
div#wrap div#main div#content div.starburst.wide img.curl{position:absolute;bottom:16px;right:1px;}
div#wrap div#main div#content div.starburstwrap.wide{width:100px;height:105px;float:right;}
div#wrap div#main div#content div.starburst > small{margin:5px 0 0 0;}
div#wrap div#main div#content div.starburst.wide > small{margin:0;}
div#wrap div#main div#content div.starburst.wide > small.sub{width:75px;margin:3px 0 0 15px;}
/* ##### EXTRA WIDE FORMAT STARBURST ##### */
div#wrap div#main div#content div.starburst.xwide{width:180px;height:125px;right:-20px;bottom:-45px;color:#FFF;font-size:125%;background:url("../images/global/starburst-sticker-xwide-bg.png") top left no-repeat;-moz-transform:rotate(2deg) scale(.8);-webkit-transform:rotate(2deg) scale(.8);-o-transform:rotate(2deg) scale(.8);transform:rotate(2deg) scale(.8);}
div#wrap div#main div#content div.starburst.xwide.large{-moz-transform:rotate(2deg) scale(1);-webkit-transform:rotate(2deg) scale(1);-o-transform:rotate(2deg) scale(1);transform:rotate(6deg) scale(1);}
div#wrap div#main div#content div.starburst.xwide .price{font-size:230%;line-height:60%}
div#wrap div#main div#content div.starburst.xwide a .price{font-size:180%;line-height: 70%;}
div#wrap div#main div#content div.starburst.xwide.green{background-image:url("../images/global/starburst-sticker-xwide-bg-lime.png");}
div#wrap div#main div#content div.starburst.xwide.tangerine{background-image:url("../images/global/starburst-sticker-xwide-bg-tangerine.png");}
div#wrap div#main div#content div.starburst.xwide.aqua{background-image:url("../images/global/starburst-sticker-xwide-bg-blue.png");}
div#wrap div#main div#content div.starburst.xwide.fuschia{background-image:url("../images/global/starburst-sticker-xwide-bg-fuschia.png");}
div#wrap div#main div#content div.starburst.xwide.purple{background-image:url("../images/global/starburst-sticker-xwide-bg-purple.png");}
div#wrap div#main div#content div.starburst.xwide img.curl{position:absolute;bottom:16px;right:1px;}
div#wrap div#main div#content div.starburstwrap.xwide{width:100px;height:105px;float:right;}
div#wrap div#main div#content div.starburst.xwide > small{margin:0;}
div#wrap div#main div#content div.starburst.xwide > small.sub{width:60%;padding:5px 10px;font-size:65%;}
/* ##### PIN FORMAT STARBURST ##### */
div#wrap div#main div#content div.starburst.pin{width:128px;height:124px;padding:20px 0 0 0;background:url("../images/global/starburst-sticker-pin-bg.png") top left no-repeat;-moz-transform:rotate(-2deg) scale(.8);-webkit-transform:rotate(-2deg) scale(.8);-o-transform:rotate(-2deg) scale(.8);transform:rotate(-2deg) scale(.8);}
div#wrap div#main div#content div.starburst.pin.large{-moz-transform:rotate(-2deg) scale(1);-webkit-transform:rotate(-2deg) scale(1);-o-transform:rotate(-2deg) scale(1);transform:rotate(-2deg) scale(1);}
div#wrap div#main div#content div.starburst.pin.green{background-image:url("../images/global/starburst-sticker-pin-bg-lime.png");}
div#wrap div#main div#content div.starburst.pin.tangerine{background-image:url("../images/global/starburst-sticker-pin-bg-tangerine.png");}
div#wrap div#main div#content div.starburst.pin.aqua{background-image:url("../images/global/starburst-sticker-pin-bg-blue.png");}
div#wrap div#main div#content div.starburst.pin.fuschia{background-image:url("../images/global/starburst-sticker-pin-bg-fuschia.png");}
div#wrap div#main div#content div.starburst.pin.purple{background-image:url("../images/global/starburst-sticker-pin-bg-purple.png");}
div#wrap div#main div#content div.starburst.pin img.curl{position:absolute;bottom:20px;right:2px;}
div#wrap div#main div#content div.starburstwrap.pin{width:100px;height:105px;float:right;}
/* STARBURST LINK */
div#wrap div#main div#content div.starburst a{width:100%;margin:2px 0 0 0;float:left;color:#FFF;text-shadow:1px 1px 5px rgba(0,0,0,.8),1px 1px 10px rgba(0,0,0,.8);-moz-text-shadow:1px 1px 5px rgba(0,0,0,.8),1px 1px 10px rgba(0,0,0,.8);-webkit-text-shadow:1px 1px 5px rgba(0,0,0,.8),1px 1px 10px rgba(0,0,0,.8);}
div#wrap div#main div#content div.starburst a:hover{color:#ffe866;}
div#wrap div#main div#content div.starburst a span.price{font-size:150%;}
div#wrap div#main div#content div.starburst a span,
div#wrap div#main div#content div.starburst a small{display:block;line-height:110%;margin:0 0 5px 0;}
div#wrap div#main div#content div.starburst a .sub{margin:0 30px 0 0;}
/* ####SIDEBAR OVERRIDES#### */
div#sidebar p{}
div#sidebar img.polaroid{margin:0 0 -20px -20px;}
/* BASIC BLOCKED BRICKS */
div#wrap div#main div#content div.block{width:98%;float:left;position:relative;}
div#wrap div#main div#content div.block.twoCol{width:50%;}
div#wrap div#main div#content div.block.threeCol{width:33%;}
body ul.blocks,
div#wrap div#main div#content ul.blocks{width:100%}
div#wrap div#main div#content ul.blocks > li{width:100%;}
div#wrap div#main div#content ul.blocks > li div.starburst{top:5px;right:-10px;}

div#wrap div#main div#content ul.blocks.promos{}
div#wrap div#main div#content ul.blocks.promos > li{margin: 1% 0 3% 0;position:relative;}
div#wrap div#main div#content ul.blocks.promos > li p{line-height:120%;}
div#wrap div#main div#content ul.blocks.promos > li h4.sh3{padding:0 3%;}
div#wrap div#main div#content ul.blocks.promos > li a.link{position:relative}
div#wrap div#main div#content ul.blocks.promos > li a.link::after{content:"";width:30px;height:30px;background:url("/assets/images/global/new-global-sprites.svg");background-position:-60px -30px;background-size:120px auto;position:absolute;}

/* BAMBOO BLOCKED BRICKS */
div#wrap div#main div#content div.block.bamboo{margin:0 0 35px 0;padding:0 3%;background:rgba(0,153,255,.025);-moz-box-shadow:0 50px 70px rgba(0,153,255, 0.4) inset,0 0 5px rgba(0,153,255,.5);-webkit-box-shadow:0 50px 70px rgba(0,153,255, 0.4) inset,0 0 5px rgba(0,153,255,.5);box-shadow:0 50px 70px rgba(0,153,255, 0.4) inset,0 0 5px rgba(0,153,255,.5);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
div#wrap div#main div#content div.block.bamboo::before,
div#wrap div#main div#content div.block.bamboo::after{content:"";width:110%;height:20px;margin:-1% 0 15px -5%;float:left;background:url("../images/global/bamboo-tile-horiz.png") top left repeat-x;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;-moz-box-shadow:1px 5px 5px rgba(0,0,0,.4),0 -5px 5px rgba(0,0,0,.6) inset;-webkit-box-shadow:1px 5px 5px rgba(0,0,0,.4),0 -5px 5px rgba(0,0,0,.6) inset;box-shadow:1px 5px 5px rgba(0,0,0,.4),0 -5px 5px rgba(0,0,0,.6) inset;}
div#wrap div#main div#content div.block.bamboo::after{margin:15px 0 -1% -5%;background:url("../images/global/bamboo-tile-horiz.png") top right repeat-x;}
/* STACKED BRICKS */
div#wrap div#main div#content ul.bricks{margin:10px 0 0 0;width:98%;}
div#wrap div#main div#content ul.bricks > li{width:100%;margin:0 0 20px 0;padding:5px 5px 0 10px;float:left;border:1px solid #FFF;position:relative;background:rgba(255,255,255,.3);border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;box-shadow:1px 1px 8px 2px rgba(0, 0, 0, 0.4);-moz-box-shadow:1px 1px 8px 2px rgba(0, 0, 0, 0.4);-webkit-box-shadow:1px 1px 8px 2px rgba(0, 0, 0, 0.4);-o-box-shadow:1px 1px 8px 2px rgba(0, 0, 0, 0.4);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
div#wrap div#main div#content ul.bricks > li.inset{padding-left:200px;position:relative;}
div#wrap div#main div#content ul.bricks > li.inset div.left,
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide .callout.left{width:180px;position:absolute;left:0;}
div#wrap div#main div#content div#inner div#mainarea div#leftSide.wide p.left{margin-left:-180px;}

div#wrap div#main div#content ul.bricks > li div.starburst{top:-30px;right:-20px;}

div#wrap div#main div#content ul.bricks.icon > li{position:relative;}
div#wrap div#main div#content ul.bricks.icon > li > div.icon{width:70px;height:70px;float:right;}
div#wrap div#main div#content ul.bricks.icon li img.icon{position:absolute;right:-10px;top:-20px;z-index:100;}
/* ONE COL FORMAT */
div#wrap div#main div#content ul.bricks.oneCol,
div#wrap div#main div#content ul.bricks.oneCol > li,
div#wrap div#main div#content ul.bricks > li.oneCol{width:100%;}
/* TWO COL FORMAT */
div#wrap div#main div#content ul.bricks.twoCol > li,
div#wrap div#main div#content ul.bricks > li.twoCol{width:48%;}
div#wrap div#main div#content ul.bricks.twoCol li:nth-child(even){float:right;}
/* THREE COL FORMAT */
div#wrap div#main div#content ul.bricks.threeCol,
div#wrap div#main div#content ul.bricks.threeCol > li,
div#wrap div#main div#content ul.bricks > li.threeCol{width:32%;}
div#wrap div#main div#content ul.bricks > li.threeCol.double{width:65%}
div#wrap div#main div#content ul.bricks > li.noborder{padding:0;border:none;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

div#wrap div#main div#content ul.bricks li.twoCol ul.bulleted.oneCol{width:150px;}
div#wrap div#main div#content ul.bricks li.twoCol ul.bulleted.oneCol > li{width:100%;}
div#wrap div#main div#content ul.bricks li.twoCol ul.bulleted.twoCol > li{width:50%;margin:0;}
/* THICKBOX */
div#tbShadow {width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:#002940;z-index:2000;}
div#tbFrame {width: 10px;height:10px;margin:0 auto;cursor:pointer;position:absolute;left:50%;top:100px;z-index:2200;border:20px solid rgba(0,0,0,0.5);border-radius:30px 30px 30px 30px;}
div#tbFrame.noborder{border:none;}
div#tbFrame > iframe {border-radius: 6px 6px 6px 6px;overflow:hidden;}
div#tbClose {width: 20px;height: 20px;cursor: pointer;background: url("../images/global/icons/icon-thickbox-close.png") no-repeat scroll left top transparent;position: absolute;z-index: 2400;}
/* FEATURED STAFF */
div#wrap div#main div#featuredstaff{width:300px;height:150px;padding:30px 0 0 0;font-size:80%;line-height:110%;color:#FFF;position:absolute;right:0;}
div#wrap div#main div#featuredstaff h2.title{width:100%;margin:-3px 0 0 0;float:left;font:italic 120%/100% "Bubblegum Sans";color:#C00;text-align:center;-moz-text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,2px 2px 5px rgba(0,0,0,.8);-webkit-text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,2px 2px 5px rgba(0,0,0,.8);text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,2px 2px 5px rgba(0,0,0,.8);}
div#wrap div#main div#featuredstaff > img{margin:0 0 0 10px;}
div#wrap div#main div#featuredstaff *{margin:0;padding:0;}
div#wrap div#main div#featuredstaff p{margin:0 0 6px 0;font-size:120%;-webkit-text-shadow:1px 1px 2px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.4);-moz-text-shadow:1px 1px 2px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.4);text-shadow:1px 1px 2px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.4);}
div#wrap div#main div#featuredstaff div.polaroid{width:85px;height:120px;margin:5px 10px 0 -15px;float:left;border:4px solid #FFF;overflow:hidden;-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.6);-moz-box-shadow:2px 2px 6px rgba(0,0,0,.6);box-shadow:2px 2px 6px rgba(0,0,0,.6);}
div#wrap div#main div#featuredstaff div.polaroid img{width:100%;}
/* ####DYNAMIC BOARD GRAPHIC#### */
div#wrap div#main div#content .driftwood{width:auto;padding:0 0 0 28px;float:left;background:url('../images/navigation/boards-start-cap.png') left top no-repeat;position:relative;}
div#wrap div#main div#content .driftwood > span.board{margin:0;padding:0;float:left;line-height:25px;background:url('../images/navigation/boards-tile-bg.jpg') left top repeat-x;}
div#wrap div#main div#content .driftwood > span.board > .title{margin:0 0 0 -35px;padding:0 35px 0 0;font:normal 12px/25px "Rock Salt","Comic Sans MS", Comic Sans MS, cursive, Helvetica, Arial, sans-serif;letter-spacing:.5px;color:#FFF;background:url('../images/navigation/boards-endcap.png') right center no-repeat;position:relative;right:-35px;text-shadow:1px 2px 1px rgba(0,0,0,.8);-moz-text-shadow:1px 2px 1px rgba(0,0,0,.8);-webkit-text-shadow:1px 2px 1px rgba(0,0,0,.8);-o-text-shadow:1px 2px 1px rgba(0,0,0,.8);}
/* ####FORM ELEMENTS#### */
div#wrap div#main div#content textarea.text,
div#wrap div#main div#content input.text,
div#wrap div#main div#content select{padding:3px 4px;border:1px solid rgba(0,0,0,.2);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
div#wrap div#main div#content input.text.date{width:80px;margin:0 5px 0 0;}
div#wrap div#main div#content input.text.num{width:30px;margin:0 5px 0 0;}
div#wrap div#main div#content img.icon{float:left;margin:0 5px 0 0;}
div#wrap div#main div#content select{padding:3px 5px 3px 2px;}
div#wrap div#main div#content .rounded-button{padding: 5px 8px;color: #FFFFFF;border:1px solid #030;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;background: url("../images/global/button-background-green.jpg") bottom center repeat-x #0dad76;cursor:pointer;}
div#wrap div#main div#content .rounded-button:hover{color:gold;font-size:105%;text-shadow:1px 1px 2px rgba(0,0,0,0.8);-webkit-transition: all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
/* ####BULLETED LISTS#### */
div#wrap div#main ul.bulleted{width:100%;margin:10px 0 20px;float:left;}
div#wrap div#main ul.bulleted > li{margin:2px 0 5px 0;float:left;line-height:100%;box-sizing:border-box;}
div#wrap div#main ul.bulleted > li h1,
div#wrap div#main ul.bulleted > li h2,
div#wrap div#main ul.bulleted > li h3,
div#wrap div#main ul.bulleted > li h4{font-family:"Bubblegum Sans";font-weight:bold;color:#666;}
div#wrap div#main ul.bulleted > li h1:not(.nofloat){font-size:200%;line-height:130%;}
div#wrap div#main ul.bulleted > li h2:not(.nofloat){font-size:170%;line-height:120%;}
div#wrap div#main ul.bulleted > li h3:not(.nofloat){font-size:130%;line-height:110%;}

div#wrap div#main div#content ul.profile li ul.bulleted,
div#wrap div#main div#content ul.profile li ul.bulleted > li{width:100%;float:left;margin:.5% 0;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
div#wrap div#main div#content ul.profile li ul.bulleted.gridB > li{width:50%;}
div#wrap div#main div#content ul.profile li ul.bulleted.gridC > li{width:33%;}
div#wrap div#main div#content ul.profile li ul.bulleted.gridD > li{width:25%;}
div#wrap div#main div#content ul.profile li ul.bulleted > li p{margin:0;padding:0;}

div#wrap div#main div#content ul.profile li div#user_bio ul{width:100%;float:left;}
div#wrap div#main div#content ul.profile li div#user_bio ul > li{padding:0 0 0 15px;line-height:160%;position:relative;}
div#wrap div#main div#content ul.profile li div#user_bio ul > li::before{content:"";width:30px;height:30px;background:url("../images/global/global-sprites.svg") left top no-repeat;position:absolute;left:-15px;top:0;}

ul.bulleted > li h1,
ul.bulleted > li h2,
ul.bulleted > li h3,
ul.bulleted > li h4{margin:0;padding:0;}


div#wrap div#main ul.bulleted.fullwidth{clear:both;}
div#wrap div#main ul.bulleted.inset{width:415px;}
div#wrap div#main ul.bulleted > li{width:auto;margin:0 15px 0 0;padding-left:10px;box-sizing:border-box;background:url("../images/global/list-bullet.png") left 8px no-repeat;}
div#wrap div#main ul.fullwidth > li{width:100%;margin:0;}
div#wrap div#main ul.twoCol > li{width:50%;margin:0;}
div#wrap div#main ul.twoCol > li:nth-child(even){margin:0;}
div#wrap div#main ul.twoCol > li p{margin:0 0 5px 0;}
div#wrap div#main ul.twoCol > li:nth-child(2n){margin:0;}
div#wrap div#main ul.twoCol > li:nth-child(2n+1){clear:left;}

div#wrap div#main div#content div#leftSide ul.oneCol{width:62%;}/*OVERRIDE*/
div#wrap div#main div#content div#leftSide ul.oneCol > li{width:100%;}/*OVERRIDE*/
div#wrap div#main div#content div#leftSide.wide ul.twoCol > li{width:45%;}/*OVERRIDE*/
div#wrap div#main div#content div#leftSide.wide ul.twoCol > li.double{width:100%;}
ul.bricks li ul.twoCol > li{width:48%;}/*OVERRIDE TWO INSIDE BRICKS*/
ul.bricks li ul.twoCol.narrow{width:310px;float:left;}/*OVERRIDE TWO INSIDE BRICKS WHERE LABELS USED*/
ul.bricks li ul.twoCol.narrow > li{width:50%;}
ul.threeCol > li{width:30%;float:left;text-align:left;}
ul.threeCol > li:nth-child(3n),
div#wrap div#main div#content div#leftSide ul.threeCol > li:nth-child(3n){margin:0;}
div#wrap div#main div#content div#leftSide ul.threeCol > li:nth-child(3n+1){clear:left;}
div#wrap div#main div#content div#leftSide.wide ul.threeCol > li{width:33%;margin:5px 18px 5px 5px;}
div#wrap div#main div#content div#leftSide.wide ul.bricks li ul.threeCol > li{margin:0;}
div#wrap div#main div#content div#leftSide ul.fourCol > li{width:25%;}
div#wrap div#main div#content div#leftSide ul.fourCol > li:nth-child(4n+1){clear:left;}
div#wrap div#main div#content ul.fiveCol > li,
div#wrap div#main div#content div#leftSide ul.fiveCol > li{width:20%;}
div#wrap div#main div#content div#leftSide ul.fiveCol > li:nth-child(5n+1){clear:left;}
/* READERS CHOICE AWARD BLOCK */
div#wrap div#main div#content div.readerschoice{width:410px;margin:10px 0;float:right;}
div#wrap div#main div#content div.readerschoice img.logo{margin:0 0 10px 0;float:left;}
div#wrap div#main div#content div.readerschoice img.idol{width:80px;margin:0 10px 0 -60px;float:left;}
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice{width:340px;margin:-10px 0 10px 20px;float:right;}
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice img.logo{width:100%;}
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice ul.readerschoice{margin:10px 0 10px 0;}
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice ul.readerschoice,
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice ul.readerschoice > li{padding:0 0 0 10px;text-align:left;position:relative;}
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice ul.readerschoice > li p,
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice ul.readerschoice > li small{margin:0 0 10px 0;font-size:85%;line-height:100%;}
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice ul.readerschoice > li::before{content:"";width:25px;height:60px;background:url("/assets/images/elements/element-readers-choice-idol.png") top left no-repeat;transform:rotate(-4deg);-moz-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;position:absolute;left:-15px;top:-5px;}
div#wrap div#main div#content div#inner div#mainarea div.callout.readerschoice ul.readerschoice > li:nth-child(even)::before{transform:rotate(-10deg);}

div#wrap div#main div#content div#inner ul.nofloat{}
div#wrap div#main div#content div#inner ul.nofloat > li{clear:left;}
/* ###CHECKBOX BULLETED LISTS #### */
ul.bulleted.checkbox{margin:1% 4% 2% 4%;}
ul.bulleted.checkbox > li{width:100%;margin:0;padding:.5% 0;position:relative;background:none;}
ul.bulleted.checkbox > li::before{content:"";width:30px;height:30px;position:absolute;left:-26px;top:0;background:url("../images/global/global-sprites.svg") -90px 0 no-repeat;}
/* ###CIRCLE CALLOUTS#### */
.circled{padding:3% 2% !important;position:relative;}
.circled::before{content:"";width:115%;height:115%;margin:-6% 0 0 -8%;position:absolute;z-index:-1;top:0;left:0;background:url("../images/global/global-circle-bg-orange.svg") center center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);transform:rotate(-3deg);}
.circled.blue::before{background-image:url("../images/global/global-circle-bg-blue.svg");}
.circled.green::before{background-image:url("../images/global/global-circle-bg-green.svg");}
.circled.rot1::before{-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);transform:rotate(1deg);}
.circled.rot2::before{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);transform:rotate(2deg);}
.circled.rot3::before{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg);}
.circled.rot4::before{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);transform:rotate(4deg);}
.circled.rot-1::before{-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);transform:rotate(-1deg);}
.circled.rot-2::before{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);transform:rotate(-2deg);}
.circled.rot-3::before{}
.circled.rot-4::before{-webkit-transform:rotate(-4deg);-moz-transform:rotate(-4deg);transform:rotate(-4deg);}

/* #### CSS3 ANIMATION CLASSES #### */
.floatIt{
	transform-origin:200% 50%;
	-webkit-transform-origin:200% 100%;
}
#rrdc-logo.floatIt{
	transform-origin: 150% 50% 0;
	-webkit-transform-origin: 150% 50% 0;
}

.floatIt.sm {
	animation:floatItSm ease-in-out 6s infinite;
	-webkit-animation:floatItSm ease-in-out 6s infinite;
	-o-animation:floatItSm ease-in-out 6s infinite;
}
.floatIt.med {
	animation:floatItMed ease-in-out 7s infinite;
	-webkit-animation:floatItMed ease-in-out 7s infinite;
	-o-animation:floatItMed ease-in-out 7s infinite;
}
.floatIt.lrg {
	animation:floatItLrg ease-in-out 8s infinite;
	-webkit-animation:floatItLrg ease-in-out 8s infinite;
	-o-animation:floatItLrg ease-in-out 8s infinite;
}
@keyframes floatItSm {
	50% {
		transform: translate(0,10px) rotate(1deg);
	}
}
@keyframes floatItMed {
	50% {
		transform: translate(3px,25px) rotate(3deg);
	}
}
@keyframes floatItLrg {
	50% {
		transform: translate(5px,40px) rotate(4deg);
	}
}
@-webkit-keyframes floatItSm {
	50% {
		-webkit-transform: translate(0,10px) rotate(1deg);
	}
}
@-webkit-keyframes floatItMed {
	50% {
		-webkit-transform: translate(3px,25px) rotate(3deg);
	}
}
@-webkit-keyframes floatItLrg {
	50% {
		-webkit-transform: translate(5px,40px) rotate(4deg);
	}
}
.floatIt.del1{animation-delay:100ms;-webkit-animation-delay:100ms;}
.floatIt.del2{animation-delay:200ms;-webkit-animation-delay:200ms;}
.floatIt.del3{animation-delay:300ms;-webkit-animation-delay:300ms;}
.floatIt.del5{animation-delay:500ms;-webkit-animation-delay:500ms;}
.floatIt.del10{animation-delay:1000ms;-webkit-animation-delay:1000ms;}
.floatIt.del15{animation-delay:1500ms;-webkit-animation-delay:1500ms;}
.floatIt.del20{animation-delay:2000ms;-webkit-animation-delay:2000ms;}
.floatIt.del25{animation-delay:2500ms;-webkit-animation-delay:2500ms;}
.floatIt.del30{animation-delay:3000ms;-webkit-animation-delay:3000ms;}
.delay1{animation-delay:1000ms !important;-webkit-animation-delay:1000ms !important;}
.delay2{animation-delay:2000ms !important;-webkit-animation-delay:2000ms !important;}
.delay3{animation-delay:3000ms !important;-webkit-animation-delay:3000ms !important;}
/* #### SCALE CLASSES #### */
.zoomIt{
	animation:zoomIt ease-in-out 3s infinite;
	-webkit-animation:zoomIt ease-in-out 3s infinite;
	-o-animation:zoomIt ease-in-out 3s infinite;
}
@keyframes zoomIt {
	50% {
		color:#FF3;
		transform:scale(1.2,1.2) rotate(-20deg);
		-ms-transform:scale(1.2,1.2 rotate(-20deg)); /* IE 9 */
		text-shadow:1px 1px 2px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.5);
	}
}
@-webkit-keyframes zoomIt {
	50% {
		color:#FF3;
		-webkit-transform:scale(1.2,1.2) rotate(-20deg); /* Safari and Chrome */
		text-shadow:1px 1px 2px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.5);
	}
}

/* ##### AVELO STYLING ##### */
body div#wrap div#main div#content img.avelo-card{max-width:150px;margin:0 10px 5px -30px;float:left;}
body div#wrap div#main div#content img.avelo-dive-tank{max-width:100px;margin:0 10px 5px -30px;float:left;}
body div#wrap div#main div#content img.avelo-dive-center{max-width:300px;position:absolute;right:10%;top:3%;}
body div#wrap div#main div#content div#leftSide img.avelo-polaroid-header{width:100%;}
body div#wrap div#main div#content div#sidebar img.avelo-dive-center{width:100%;position:relative;top:auto;right:auto;}
body div#wrap div#main div#content ul.blocks.bulleted.avelo{margin:2% 0 0 0;}
body div#wrap div#main div#content ul.blocks.bulleted.avelo > li{padding:0 6% 0 15%;list-style-type:none;background:none;}
body div#wrap div#main div#content ul.blocks.bulleted.avelo > li img.icon{max-width:60px;position:absolute;left:5%;}
body div#wrap div#main div#content ul.blocks.bulleted.avelo.gridB{}
body div#wrap div#main div#content ul.blocks.bulleted.avelo.gridB > li{padding:0 3% 0 7%;}
body div#wrap div#main div#content ul.blocks.bulleted.avelo.gridB > li img.icon{left:0;top:-2%;}

/* #### ROTATION CLASSES #### */
body div#wrap div#main .rotate-1{transform:rotate(-1deg) !important;-webkit-transform:rotate(-1deg) !important;-moz-transform:rotate(-1deg) !important;-o-transform:rotate(-1deg) !important;-ms-transform:rotate(-1deg) !important;}
body div#wrap div#main .rotate-2{transform:rotate(-2deg) !important;-webkit-transform:rotate(-2deg) !important;-moz-transform:rotate(-2deg) !important;-o-transform:rotate(-2deg) !important;-ms-transform:rotate(-1deg) !important;}
body div#wrap div#main .rotate-3{transform:rotate(-3deg) !important;-webkit-transform:rotate(-3deg) !important;-moz-transform:rotate(-3deg) !important;-o-transform:rotate(-3deg) !important;-ms-transform:rotate(-3deg) !important;}
body div#wrap div#main .rotate-4{transform:rotate(-4deg) !important;-webkit-transform:rotate(-4deg) !important;-moz-transform:rotate(-4deg) !important;-o-transform:rotate(-4deg) !important;-ms-transform:rotate(-4deg) !important;}
body div#wrap div#main .rotate-5{transform:rotate(-5deg) !important;-webkit-transform:rotate(-5deg) !important;-moz-transform:rotate(-5deg) !important;-o-transform:rotate(-5deg) !important;-ms-transform:rotate(-5deg) !important;}
body div#wrap div#main .rotate-6{transform:rotate(-6deg) !important;-webkit-transform:rotate(-6deg) !important;-moz-transform:rotate(-6deg) !important;-o-transform:rotate(-6deg) !important;-ms-transform:rotate(-6deg) !important;}
body div#wrap div#main .rotate-7{transform:rotate(-7deg) !important;-webkit-transform:rotate(-7deg) !important;-moz-transform:rotate(-7deg) !important;-o-transform:rotate(-7deg) !important;-ms-transform:rotate(-7deg) !important;}
body div#wrap div#main .rotate-8{transform:rotate(-8deg) !important;-webkit-transform:rotate(-8deg) !important;-moz-transform:rotate(-8deg) !important;-o-transform:rotate(-8deg) !important;-ms-transform:rotate(-8deg) !important;}
body div#wrap div#main .rotate-9{transform:rotate(-9deg) !important;-webkit-transform:rotate(-9deg) !important;-moz-transform:rotate(-9deg) !important;-o-transform:rotate(-9deg) !important;-ms-transform:rotate(-9deg) !important;}
body div#wrap div#main .rotate-10{transform:rotate(-10deg) !important;-webkit-transform:rotate(-10deg) !important;-moz-transform:rotate(-10deg) !important;-o-transform:rotate(-10deg) !important;-ms-transform:rotate(-10deg) !important;}
body div#wrap div#main .rotate1{transform:rotate(1deg) !important;-webkit-transform:rotate(1deg) !important;-moz-transform:rotate(1deg) !important;-o-transform:rotate(1deg) !important;-ms-transform:rotate(1deg) !important;}
body div#wrap div#main .rotate2{transform:rotate(2deg) !important;-webkit-transform:rotate(2deg) !important;-moz-transform:rotate(2deg) !important;-o-transform:rotate(2deg) !important;-ms-transform:rotate(2deg) !important;}
body div#wrap div#main .rotate3{transform:rotate(3deg) !important;-webkit-transform:rotate(3deg) !important;-moz-transform:rotate(3deg) !important;-o-transform:rotate(3deg) !important;-ms-transform:rotate(3deg) !important;}
body div#wrap div#main .rotate4{transform:rotate(4deg) !important;-webkit-transform:rotate(4deg) !important;-moz-transform:rotate(4deg) !important;-o-transform:rotate(4deg) !important;-ms-transform:rotate(4deg) !important;}
body div#wrap div#main .rotate5{transform:rotate(5deg) !important;-webkit-transform:rotate(5deg) !important;-moz-transform:rotate(5deg) !important;-o-transform:rotate(5deg) !important;-ms-transform:rotate(5deg) !important;}
body div#wrap div#main .rotate6{transform:rotate(6deg) !important;-webkit-transform:rotate(6deg) !important;-moz-transform:rotate(6deg) !important;-o-transform:rotate(6deg) !important;-ms-transform:rotate(6deg) !important;}
body div#wrap div#main .rotate7{transform:rotate(7deg) !important;-webkit-transform:rotate(7deg) !important;-moz-transform:rotate(7deg) !important;-o-transform:rotate(7deg) !important;-ms-transform:rotate(7deg) !important;}
body div#wrap div#main .rotate8{transform:rotate(8deg) !important;-webkit-transform:rotate(8deg) !important;-moz-transform:rotate(8deg) !important;-o-transform:rotate(8deg) !important;-ms-transform:rotate(8deg) !important;}
body div#wrap div#main .rotate9{transform:rotate(9deg) !important;-webkit-transform:rotate(9deg) !important;-moz-transform:rotate(9deg) !important;-o-transform:rotate(9deg) !important;-ms-transform:rotate(9deg) !important;}
body div#wrap div#main .rotate10{transform:rotate(10deg) !important;-webkit-transform:rotate(10deg) !important;-moz-transform:rotate(10deg) !important;-o-transform:rotate(10deg) !important;-ms-transform:rotate(10deg) !important;}
body div#wrap div#main .rotate90{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);}
body div#wrap div#main .rotate-90{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);}
/* ##### GLOBAL CLASSES ##### */
.burst{text-align:center;background:url("../images/callouts/callout-sidebar-radial-burst-orange.png") center center no-repeat;background-size:100% 100%;}
.burst.green{background-image:url("../images/callouts/callout-sidebar-radial-burst-green.png");}
.burst.blue{background-image:url("../images/callouts/callout-sidebar-radial-burst-blue.png");}
div.burst p{text-align:left;}
div.burst.leftalign{text-align:left;}
div#wrap div#main div#content div#inner div#mainarea .callout.centered{padding:3% 0;}
div.centered.burst p{text-align:center;}
div.burst .sh1,
div.burst .sh2,
div.burst .sh3,
div.burst .sh4,
div.burst .sh5{width:100%;line-height:100%;}
body div#wrap div#main div#content .burst.sticker{padding:20px 0 10px 0 !important;background-image:url("../images/global/burst-sticker-bg-orange.png");}
div#wrap div#main div#content .burst.sticker *{color:#FFF !important;}
body div#wrap div#main div#content .burst.cantdothat{position:relative;}
body div#wrap div#main div#content .burst.cantdothat div.pointer{width:0;height:100px;overflow:hidden;position:absolute;left:73%;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out;}
body div#wrap div#main div#content .burst.cantdothat div.pointer.open{width:100px;}
.arrowlink,.hl2 a, .hl3 a, .hl4 a, .hl5 a{padding:0 10px 0 0;background:url("../images/navigation/navigation-link-arrow.png") right center no-repeat;}
.arrowlink:hover,.hl2 a:hover,.hl3 a:hover,.hl4 a:hover,.hl5 a:hover{padding:0 15px 0 0;text-shadow:1px 1px 0 rgba(255,255,255,0.5),-1px -1px 0 rgba(0,0,0,0.4),1px 1px 4px rgba(0,0,0,0.6);background-image:url("../images/navigation/navigation-link-arrow-hover.png");}
div.block.table{margin:10px 0 15px;border:1px solid #333;border-width:1px 1px 0 0;}
div.block.table div.row{width:100%;float:left;border-bottom:1px solid #333;}
div.block.table div.row.header{color:#FFF;font-size:80%;font-style:italic;text-align:center;background:rgba(0,102,153,.85);}
div.block.table div.row div.col{min-height:40px;width:25%;padding:1% .5% .5% .5%;float:left;text-align:center;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
div.block.table div.row.header div.col{min-height:auto;}
div.block.table div.row div.col p{width:100%;}
div#wrap div#main div#content div.block.table div.row div.col p.burst{margin:-3% 0 0 -10%;padding:8%;text-align:center;position:absolute;}
div.block.table.sixCol div.row div.col{width:16.6666%;border-left:1px solid #333;}

/* MODAL WINDOW */
body div#modal{display:none;}
body div#modal::before{content:"";width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;right:0;background:rgba(0,51,102,.8);z-index:100;box-shadow:0 0 1000px 100px rgba(0,0,0,.4) inset;}
body div#modal > div.content{margin-left:-400px;width:800px;padding:1% 2%;color:#000;position:absolute;top:10%;left:50%;z-index:120;background:rgba(255,255,255,.9);border:2px solid #FFF;-webkit-box-shadow:0 0 20px rgba(0,0,0,.8),0 0 5px rgba(0,0,0,.4);-moz-box-shadow:0 0 20px rgba(0,0,0,.8),0 0 5px rgba(0,0,0,.4);box-shadow:0 0 20px rgba(0,0,0,.8),0 0 5px rgba(0,0,0,.4);border-radius:20px;}
body div#modal > div#content p{font-size:110%;line-height:160%;}
body div#modal > div#content .sh2,
body div#modal > div#content .sh3{line-height:125%;}
body div#modal > div#content .sh4{line-height:100%;}

body div#modal > div.content .hdn{display:none;}

/* ################################### */
/* ###### CUSTOMER RESERVATION STYLING T. MARONEY 07.19.2024 ###### */
body div#modal > div.content input[type=text],
body div#modal > div.content input.text{width:100%;margin:0;padding:1% 2%;border:1px solid rgba(0,0,0,.6);background:#FFF;font-size:120%;line-height:120%;border-radius:25px;}
body div#modal > div.content input.sm,
body div#modal > div.content select.sm{width:15%;min-width:50px;}
body div#modal > div.content input.xsm,
body div#modal > div.content select.xsm{width:5%;min-width:20px;border-radius:5px;}
body div#modal > div.content input.med,
body div#modal > div.content select.med{width:40%;min-width:100px;}
body div#modal > div.content input.med-lrg,
body div#modal > div.content select.med-lrg{width:70%;min-width:100px;}
body div#modal > div.content input.lrg,
body div#modal > div.content select.lrg{width:85%;min-width:200px;}

body div#modal > div.content span.errorblock{min-width:120px;margin:-3% 0 0 -4%;padding:1%;color:#fff;font-size:80%;line-height:80%;background:red;border:1px solid #fff;position:absolute;border-radius:10px 10px 10px 0;box-shadow:2px 2px 10px rgba(0,0,0,.4);z-index:50;display:inline !important;}

body div#modal > div.content input[type=button],
body div#modal > div.content input[type=submit],
body div#modal > div.content .button{min-width:100px;cursor:pointer;position:relative;z-index:100;}

body div#modal > div.content div.dayresult{width:100%;float:left;clear:both;position:relative;}
body div#modal > div.content div.dayresult p{width:100%;}
body div#modal > div.content div.dayresult span.special{padding:5px 10px;border-radius:20px;text-shadow:1px 1px 5px rgba(0,0,0,.6);background:limegreen;color:#fff;transform:rotate(4deg);}
body div#modal > div.content div.dayresult span.special.blackfriday{margin:-10px 0 0 6px;font-family:Arial, Helvetica, sans-serif;font-size:20px;line-height:120%;border-radius:10px;background:#000;border:8px solid darkred;border-width:0 8px 0 8px;display:inline-block;}
body div#modal > div.content div.dayresult span.special.janfeb25,
body div#modal > div.content div.dayresult span.special.fabulousfebruary20,
body div#modal > div.content div.dayresult span.special.marchmadness20,
body div#modal > div.content div.dayresult span.special.awesomeapril20,
body div#modal > div.content div.dayresult span.special.marvelousmay20{margin:-15px 0 0 -30px;font-size: 14px;font-family: Arial,helvetica,sans-serif;line-height: 100%;text-shadow: 1px 1px 1px rgba(0,0,0,.8);transform: rotate(3deg);border: 1px solid #fff;position: absolute;display: inline-block;box-shadow: 2px 2px 8px rgba(0,0,0,.5);background: green;}
body div#modal > div.content div.dayresult span.special.fabulousfebruary20{background:#09F;}
body div#modal > div.content div.dayresult span.special.awesomeapril20{margin:-11px 0 0 -8px;position:relative;background:mediumpurple;}
body div#modal > div.content div.dayresult span.special.awesomeapril20::before,
body div#modal > div.content div.dayresult span.special.awesomeapril20::after{content:"🌷";width:20px;height:20px;margin:0 0 0 -5px;font-size:20px;line-height:100%;display:inline-block;}
body div#modal > div.content div.dayresult span.special.awesomeapril20::after{margin:0 -5px 0 0;}
body div#modal > div.content div.dayresult span.special.marvelousmay20{margin:0 0 0 -3px;position:relative;display:inline-block;background:dodgerblue;}
body div#modal > div.content div.dayresult span.special.marvelousmay20::after{margin:0 -5px 0 0;}
body div#modal > div.content div.dayresult span.special.marvelousmay20::before,
body div#modal > div.content div.dayresult span.special.marvelousmay20::after{content:"\01F334";width:20px;height:20px;margin:0 0 0 -5px;font-size:20px;line-height:100%;display:inline-block;}
body div#modal > div.content div.dayresult span.special.marvelousmay20::after{margin:0 -5px 0 0;}

body div#modal > div.content div.table,
body div#modal > div.content div.table > div.row,
body div#modal > div.content div.table > div.row > div{width:100%;margin:0;padding:0;float:left;box-sizing:border-box;}
body div#modal > div.content div.table > div.row > div input[type=checkbox]{width:20px;height:20px;}

body div#modal > div.content div.table.found_trips{width:48%;margin:0 1% 3% 0;border:1px solid rgba(0,0,0,.2);}
body div#modal > div.content div.table.found_trips.AM{background:rgba(255,150,30,.1);position:relative;}
body div#modal > div.content div.table.found_trips.PM{float:right;background:rgba(50,0,150,.1);position:relative;}
body div#modal > div.content div.table.found_trips.AM::after,
body div#modal > div.content div.table.found_trips.PM::after{content:"\25BC AM";width:auto;height:20px;font-size:24px;letter-spacing:-.5px;font-family:"Bubblegum Sans";color:rgba(255,150,30,1);position:absolute;right:-10px;top:-12px;}
body div#modal > div.content div.table.found_trips.PM::after{content:"\25BC PM";color:rgba(50,0,150,1);}

body div#modal > div.content div.table.found_trips > div.row:nth-child(even){background:rgba(0,0,0,.1);}
body div#modal > div.content div.table.found_trips > div.row > div{width:15%;padding:1.5% .5% 0 .5%;}
body div#modal > div.content div.table.found_trips > div.row > div:nth-child(1),
body div#modal > div.content div.table.found_trips > div.row > div:nth-child(2){width:50%;padding-bottom:0;font-size:1em;}
body div#modal > div.content div.table.found_trips > div.row > div:nth-child(3),
body div#modal > div.content div.table.found_trips > div.row > div:nth-child(4){width:auto;padding-top:0;}
body div#modal > div.content div.table.found_trips > div.row > div:nth-child(5){width:85%;padding-top:0;}
body div#modal > div.content div.table.found_trips > div.row > div:nth-child(3){clear:left;}
body div#modal > div.content div.table.found_trips > div.row > div span.icon.dos{margin:-2px 3px 0 -20px;padding:1px 3px;text-transform:uppercase;font-size:.8em;line-height:100%;color:#fff;border:1px solid #fff;border-radius:6px;background:#ccc;box-shadow:1px 1px 5px rgba(0,0,0,.5);cursor:pointer;}
body div#modal > div.content div.table.found_trips > div.row > div span.icon.dos.ow{background:cadetblue;}
body div#modal > div.content div.table.found_trips > div.row > div span.icon.dos.aow{background:darkred;}

body div#modal > div.content div.table.found_trips > div.row > div span.icon{}
body div#modal > div.content div.table.found_trips > div.row > div span.icon.time{margin:-3px 0 0 2px;padding:.85% 2%;display:inline-block;color:#FFF;font-size:.85em;line-height:100%;text-shadow:1px 1px 2px rgba(0,0,0,.8);border:.1em solid #fff;box-shadow:2px 2px 6px rgba(0,0,0,.4),-5px -5px 15px rgba(0,0,0,.3) inset;border-radius:20px;background:grey;transform:rotate(-3deg);}
body div#modal > div.content div.table.found_trips > div.row > div span.icon.time.AM{background:rgba(255,185,30,1);}
body div#modal > div.content div.table.found_trips > div.row > div span.icon.time.AMlate{background:rgba(240,102,0,1);}
body div#modal > div.content div.table.found_trips > div.row > div span.icon.time.PM{background:rgba(0,204,255,1);}
body div#modal > div.content div.table.found_trips > div.row > div span.icon.time.PMlate{background:rgba(0,137,183,1);}

body div#modal > div.content div.table{width:100%;float:left;}
body div#modal > div.content div.table > div.row{}
body div#modal > div.content div.table > div.row > div{width:50%;}
body div#modal > div.content div.table > div.row > div p{margin:.5% 0 1% 0;padding:0;}
body div#modal > div.content div.table > div.row > div p label{width:20%;margin:0 5px 0 0;text-align:right;display:inline-block;}
body div#modal > div.content div.table > div.row > div p label::after{content:":";}

body div#modal > div.content div.table.stripeinfo{position:relative;}
body div#modal > div.content div.table.stripeinfo div.StripeElement{width:48%;margin:0 2% 0 0;float:left;}
body div#modal > div.content div.table.stripeinfo button#submit{margin:3% 0 2% 0;padding:.5% 2%;float:right;font-size:200%;line-height:100%;color:#fff;cursor:pointer;background:#41a83e;box-shadow:3px 3px 10px rgba(0,0,0,.5);border:1px solid #FFF;border-radius:30px;}
body div#modal > div.content div.table.stripeinfo > div.stripe_error{width:80%;margin:10% 10% 10% -40%;position:absolute;left:50%;border:4px solid red;border-radiu:20px;background:rgba(255,255,255,.85);}

body div#modal > div.content div.table.stripeinfo div .loading{position:relative;}
body div#modal > div.content div.table.stripeinfo div .loading::before{content:'';width:30px;height:30px;background:url('/assets/images/global/global-icon-loading.gif') top left no-repeat;background-size:30px auto;margin:-5px 0 0 -35px;position:absolute;display:inline-block;}

body div#modal > div.content div.table.creditcardinfo{margin:4% 0 0 0;}
body div#modal > div.content div.table.creditcardinfo > div.row > div{width:100%;}
body div#modal > div.content div.table.creditcardinfo > div.row > div p{margin:.25% .5%;}
body div#modal > div.content div.table.creditcardinfo > div.row > div p label{width:15%;}

body div#modal > div.content div.table.creditcardinfo div#terms_and_conditions{line-height:100%;}
body div#modal > div.content div.table.creditcardinfo div#terms_and_conditions input[type=checkbox]{width:30px;height:30px;}
body div#modal > div.content div.table.creditcardinfo div#terms_and_conditions p{margin:0 0 1% 0;line-height:100%;}

body div#modal > div.content div.blocks.trip_totals{width:100%;float:left;}
body div#modal > div.content div.blocks.trip_totals input.changetrips{background:#666;font-size:80%;line-height:100%;}

body div#modal > div.content div.blocks.trip_totals div.table.checkout,
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row,
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div{border:1px solid rgba(0,0,0,.4);border-width:0 0 0 1px;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row{border-width:0 0 1px 0;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.header{background:rgba(0,0,0,.2);font-style:italic;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div{width:15%;padding:0 .5%;text-align:center;border-width:0 1px 0 0;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div:nth-child(1){text-align:left;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div:nth-child(2){width:11%;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div:nth-child(3){width:45%;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div:nth-child(4),
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div:nth-child(5){width:7%;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div:last-child{float:right;}

body div#modal > div.content span.promo{max-width:50px;margin:0;padding:3px 4px;float:left;font-size:.6em;line-height:100%;font-weight:bold;letter-spacing:-.5px;color:#fff;border-radius:20px;background:green;position:absolute;right:0;}
body div#modal > div.content span.promo.blackfriday{margin:-10px 0 0 6px;font-family:Arial,Helvetica,sans-serif;font-size:9px;border-radius:5px;background:#000;border:1px solid darkred;border-width:0 5px 0 5px;display:inline-block;transform:rotate(3deg);}


body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.gearrental,
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.totals{}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.gearrental > div:nth-child(1),
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.totals > div:nth-child(1){width:85%;text-align:right;}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.gearrental > div:nth-child(2){width:15%}
body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.totals > div:nth-child(2){width:15%}

body div#modal > div.content form[name=reserve_trip]{}
body div#modal > div.content form[name=reserve_trip] ul.initial{}
body div#modal > div.content form[name=reserve_trip] ul.initial > li{}
body div#modal > div.content form[name=reserve_trip] ul.initial > li p{margin:0;}
body div#modal > div.content form[name=reserve_trip] ul.initial > li:nth-child(odd){clear:left;}
body div#modal > div.content form[name=reserve_trip] ul.initial > li:nth-child(1) ul.blocks,
body div#modal > div.content form[name=reserve_trip] ul.initial > li:nth-child(2) ul.blocks{}
body div#modal > div.content form[name=reserve_trip] ul.initial > li:nth-child(1) ul.blocks > li,
body div#modal > div.content form[name=reserve_trip] ul.initial > li:nth-child(2) ul.blocks > li{width:auto;}
body div#modal > div.content form[name=reserve_trip] ul.initial > li:nth-child(1) ul.blocks > li:nth-child(1),
body div#modal > div.content form[name=reserve_trip] ul.initial > li:nth-child(2) ul.blocks > li:nth-child(1){width:60%;}

body div#modal > div.content > span{width:100%;float:left;clear:left;}
body div#modal > div.content > span#close{width:25px;height:25px;padding:8px 0 0 8px;color:#fff;font-family:arial;background:rgba(0,0,0,.5);border:1px solid #fff;border-radius:25px;cursor:pointer;position:absolute;right:-8px;top:-8px;}

body div#modal > div.content{}
body div#modal > div.content ul.divers_snorkelers{float:left;}
body div#modal > div.content ul.divers_snorkelers > li{}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer{margin:0 0 5% 0;padding:2%;position:relative;border:1px solid rgba(0,0,0,.2);background:#FFF;box-shadow:2px 2px 8px rgba(0,0,0,.4);}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.remove{padding:3px;position:absolute;top:0;right:0;border:1px solid rgba(0,0,0,.5);}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.row > div{width:50%;}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.row > div.equipment,
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.row > div.nitrox{width:100%;}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.row > div.equipment,
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.row > div.nitrox{margin:4% 0 2% 0;}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.row > div p > label{width:100%;text-align:left;}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.row > div p > input.text{}

body div#modal > div.content ul.divers_snorkelers > li div.table.customer.snorkelerdetails{}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer.snorkelerdetails > div.row > div{width:50%;}
body div#modal > div.content ul.divers_snorkelers > li div.table.customer > div.row > div input.lrg{min-width:0;}

body div#modal > div.content div.divers_snorkelers_info{float:left;}
body div#modal > div.content div.blocks.error{width:300px;padding:2%;margin-left:-150px;position:absolute;z-index:100;left:50%;background:rgba(255,255,255,.95);border:4px solid red;border-radius:20px;box-shadow:2px 5px 10px rgba(0,0,0,.85);}
body div#modal > div.content div.blocks.error > span.close{width:15px;height:15px;padding:4px;line-height:100%;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:20px;border:1px solid #fff;box-shadow:2px 2px 8px rgba(0,0,0,.4);position:absolute;right:-10px;top:-10px;cursor:pointer;}

body div#modal > div.content.booktrip img.unlimited{width:150px;margin:-20px -20px 0 0;float:right;}

body div#modal > div.content ul.promotions{}
body div#modal > div.content ul.promotions > li{}
body div#modal > div.content ul.promotions > li > p{margin:1% 0 2% 0;line-height:120%;}

/* ##### MAINTENANCE CLASSES BELOW ##### */
body ul.blocks.nopad{}
body ul.blocks.nopad li{padding:0;}

.button{width:auto;margin:2% 0;padding:1% 3%;color:#FFF;font-size:120%;font-weight:bold;background:#F60;-webkit-text-shadow:1px 1px 5px rgba(0,0,0,.8);-moz-text-shadow:1px 1px 5px rgba(0,0,0,.8);text-shadow:1px 1px 5px rgba(0,0,0,.8);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:2px solid #FFF;-webkit-box-shadow:1px 2px 10px rgba(0,0,0,.8);-moz-box-shadow:1px 2px 10px rgba(0,0,0,.8);box-shadow:1px 2px 10px rgba(0,0,0,.8);}
.button.godiving{padding:5px 15px 5px 65px;line-height:100%;border-radius:50px;position:relative;background:#690;box-shadow:0 -10px 10px rgba(0,0,0,.4) inset,10px 10px 20px rgba(0,0,0,.4)}
.button.godiving::before{content:"";width:30px;height:30px;position:absolute;left:20px;top:0;background:red;scale:2.2;transform:rotate(-2deg);background:url('/assets/images/global/new-global-sprites.svg') top left no-repeat;background-size:120px auto;background-position:-30px -30px;}
.button *,.button:hover{color:#FFF;}
.button.grey,
.button.green{font-weight:normal;color:#fff;background:#CCC;-webkit-box-shadow:1px 2px 10px rgba(0,0,0,.3);-moz-box-shadow:1px 2px 10px rgba(0,0,0,.3);box-shadow:1px 2px 10px rgba(0,0,0,.3);border:1px solid #FFF;}
.button.green{background:darkgreen;}
.button.nowrap{white-space:nowrap;}

.alignL{float:left !important;}
.alignR{float:right !important;}
.centered{text-align:center !important;}
.nofloat{float:none !important;}
.noclear{clear:none !important;}
.clearL{clear:left !important;}
.clearR{clear:right !important;}
.marginL5{margin-left:5px !important;}
.marginL10{margin-left:10px !important;}
.marginL15{margin-left:15px !important;}
.marginL20{margin-left:20px !important;}
.marginL25{margin-left:25px !important;}
.marginL30{margin-left:30px !important;}
.marginL35{margin-left:35px !important;}
.marginL40{margin-left:40px !important;}
.marginL45{margin-left:45px !important;}
.marginL50{margin-left:50px !important;}
.marginL-5{margin-left:-5px !important;}
.marginL-10{margin-left:-10px !important;}
.marginL-15{margin-left:-15px !important;}
.marginL-20{margin-left:-20px !important;}
.marginL-25{margin-left:-25px !important;}
.marginL-30{margin-left:-30px !important;}
.marginL-35{margin-left:-35px !important;}
.marginL-40{margin-left:-40px !important;}
.marginL-45{margin-left:-45px !important;}
.marginL-50{margin-left:-50px !important;}
.marginL-60{margin-left:-60px !important;}
.marginL-70{margin-left:-70px !important;}
.marginL-80{margin-left:-80px !important;}
.marginL-90{margin-left:-90px !important;}
.marginL-100{margin-left:-100px !important;}
.marginR5{margin-right:5px !important;}
.marginR10{margin-right:10px !important;}
.marginR15{margin-right:15px !important;}
.marginR20{margin-right:20px !important;}
.marginR25{margin-right:25px !important;}
.marginR30{margin-right:30px !important;}
.marginR-5{margin-right:-5px !important;}
.marginR-10{margin-right:-10px !important;}
.marginR-15{margin-right:-15px !important;}
.marginR-20{margin-right:-20px !important;}
.marginR-25{margin-right:-25px !important;}
.marginR-30{margin-right:-30px !important;}
.marginR-35{margin-right:-35px !important;}
.marginR-40{margin-right:-40px !important;}
.marginR-45{margin-right:-45px !important;}
.marginR-50{margin-right:-50px !important;}
.marginR-60{margin-right:-60px !important;}
.marginR-70{margin-right:-70px !important;}
.marginR-80{margin-right:-80px !important;}
.marginR-90{margin-right:-90px !important;}
.marginR-1000{margin-right:-100px !important;}
.marginT5{margin-top:5px !important;}
.marginT10{margin-top:10px !important;}
.marginT15{margin-top:15px !important;}
.marginT20{margin-top:20px !important;}
.marginT25{margin-top:25px !important;}
.marginT30{margin-top:30px !important;}
.marginT35{margin-top:35px !important;}
.marginT40{margin-top:40px !important;}
.marginT45{margin-top:45px !important;}
.marginT50{margin-top:50px !important;}
.marginT-5{margin-top:-5px !important;}
.marginT-10{margin-top:-10px !important;}
.marginT-15{margin-top:-15px !important;}
.marginT-20{margin-top:-20px !important;}
.marginT-25{margin-top:-25px !important;}
.marginT-30{margin-top:-30px !important;}
.marginT-35{margin-top:-35px !important;}
.marginT-40{margin-top:-40px !important;}
.marginB10{margin-bottom:10px !important;}
.marginB15{margin-bottom:15px !important;}
.marginB20{margin-bottom:20px !important;}
.marginB25{margin-bottom:25px !important;}
.marginB30{margin-bottom:30px !important;}
.marginB35{margin-bottom:35px !important;}
.marginB40{margin-bottom:40px !important;}
.marginB-10{margin-bottom:-10px !important;}
.marginB-15{margin-bottom:-15px !important;}
.marginB-20{margin-bottom:-20px !important;}
.marginB-25{margin-bottom:-25px !important;}
.marginB-30{margin-bottom:-30px !important;}
.marginB-35{margin-bottom:-35px !important;}
.marginB-40{margin-bottom:-40px !important;}
.w10perc{width:10% !important;;}
.w20perc{width:20% !important;;}
.w30perc{width:30% !important;;}
.w40perc{width:40% !important;;}
.w50perc{width:50% !important;;}
.w60perc{width:60% !important;;}
.w70perc{width:70% !important;;}
.w80perc{width:80% !important;;}
.w90perc{width:90% !important;;}
.w100perc{width:100% !important;;}
.w110perc{width:110% !important;}
.w120perc{width:120% !important;}
.w130perc{width:130% !important;}
.w140perc{width:140% !important;}
.w150perc{width:150% !important;}
.small{font-size:80%;line-height:70%;}
.smaller{font-size:60%;line-height:60%;}
.smallest{font-size:40%;line-height:40%;}
.large{font-size:140%;line-height:100%}
.larger{font-size:175%;line-height:100%}
.largest{font-size:200%;line-height:150%}
.hidden{display:none;}
.blue{color:#0073AC !important;}
.red{color:#C03 !important;}
.orange{color:#F60 !important;}
.gold{color:#FC0 !important;}
.green{color:#669900;}

/* FB FEED */
div#wrap div#main div#content div.fb-page{width:400px;float:left;}

/* NEW CONSTRUCTS */
ul.gridB,
ul.gridB >li,
ul.gridC,
ul.gridC > li,
ul.gridD,
ul.gridD > li,
div.gridB,
div.gridC,
div.gridD,
div.gridB > div,
div.gridC > div,
div#wrap div#main div#content ul.gridB,
div#wrap div#main div#content ul.gridB >li,
div#wrap div#main div#content ul.gridC,
div#wrap div#main div#content ul.gridC > li,
div#wrap div#main div#content ul.gridD,
div#wrap div#main div#content ul.gridD > li,
div#wrap div#main div#content div.gridB,
div#wrap div#main div#content div.gridC,
div#wrap div#main div#content div.gridD,
div#wrap div#main div#content div.gridB > div,
div#wrap div#main div#content div.gridC > div,
div#wrap div#main div#content div.gridD > div{width:100%;margin:0;padding:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.gridB > li,
div#wrap div#main div#content ul.gridB > li,
div#wrap div#main div#content ul.blocks.gridB > li,
div#wrap div#main div#content div.gridB > div{width:50%;padding:0 3% 0 2%;}
ul.gridB > li:nth-child(2n+1),
div#wrap div#main div#content ul.gridB > li:nth-child(2n+1),
div#wrap div#main div#content div.gridB > div:nth-child(2n+1){clear:left;}
ul.gridC > li,
div#wrap div#main div#content ul.gridC > li,
div#wrap div#main div#content ul.blocks.gridC > li,
div#wrap div#main div#content div.gridC > div{width:33%;padding:0 2% 0 1%;}
ul.gridD > li,
div#wrap div#main div#content ul.gridD > li,
div#wrap div#main div#content ul.blocks.gridD > li,
div#wrap div#main div#content div.gridD > div{width:25%;padding:0 2% 0 1%;}
div#wrap div#main div#content ul.gridD > li:nth-child(4n+1){clear:left;}

ul.gridB > li.double,
div#wrap div#main div#content ul.gridB > li.double,
div#wrap div#main div#content ul.blocks.gridB > li.double,
div#wrap div#main div#content div.gridB > div.double{width:100%;clear:both;}
ul.gridC > li.double,
div#wrap div#main div#content ul.gridC > li.double,
div#wrap div#main div#content ul.blocks.gridC > li.double,
div#wrap div#main div#content div.gridC > div.double{width:66%;}
ul.gridC > li.triple,
div#wrap div#main div#content ul.gridC > li.triple,
div#wrap div#main div#content ul.blocks.gridC > li.triple,
div#wrap div#main div#content div.gridC > div.triple{width:100%;}
ul.gridD > li.double,
div#wrap div#main div#content ul.gridD > li.double,
div#wrap div#main div#content ul.blocks.gridD > li.double,
div#wrap div#main div#content div.gridD > div.double{width:50%;}
ul.gridD > li.triple,
div#wrap div#main div#content ul.gridD > li.triple,
div#wrap div#main div#content ul.blocks.gridD > li.triple,
div#wrap div#main div#content div.gridD > div.triple{width:75%;}

div#wrap div#main div#content ul.blocks.starburstbuttons{width:112%;margin:0 0 30px -8%;}
div#wrap div#main div#content ul.blocks.starburstbuttons > li{width:28%;margin:0 5% 0 0;padding:0 5.5% 0 2%;min-height:20px;color:#FFF;text-align:right;line-height:120%;-moz-text-shadow:1px 1px 3px rgba(0,0,0,.8);-webkit-text-shadow:1px 1px 3px rgba(0,0,0,.8);text-shadow:1px 1px 3px rgba(0,0,0,.8);position:relative;box-shadow:3px 3px 10px rgba(0,0,0,.5),1px 1px 5px rgba(0,0,0,.25),0 -40px 60px rgba(0,51,102,.5) inset;border:1px solid #FFF;-moz-border-radius:40px 0 0 40px;-webkit-border-radius:40px 0 0 40px;border-radius:40px 0 0 40px;background:#39C;}
div#wrap div#main div#content ul.blocks.starburstbuttons > li .hl1,
div#wrap div#main div#content ul.blocks.starburstbuttons > li .hl2,
div#wrap div#main div#content ul.blocks.starburstbuttons > li .hl3,
div#wrap div#main div#content ul.blocks.starburstbuttons > li .hl4,
div#wrap div#main div#content ul.blocks.starburstbuttons > li .sh1,
div#wrap div#main div#content ul.blocks.starburstbuttons > li .sh2,
div#wrap div#main div#content ul.blocks.starburstbuttons > li .sh3,
div#wrap div#main div#content ul.blocks.starburstbuttons > li .sh4{color:#FFF;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;}
div#wrap div#main div#content ul.blocks.starburstbuttons > li > div.starburst{margin:-5px 0 0 0;position:absolute;left:80%;top:-5px;z-index:100;}
/* RESPONSIVE */
.desktopBP,.mobileBP{width:100%;height:0;float:left;display:none;}
/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 240px) and (max-width: 479px) {
	body div#modal > div.content div.dayresult span.special.awesomeapril20{float:right;margin:-5px 0 6px -8px;}
	body div#modal > div.content div.dayresult span.special.marvelousmay20{float:right;margin:-5px 0 6px -8px;}
}


/* SMARTPHONES LANDSCAPE
@media only screen and (max-width: 767px) {
	.mobileBP{display:block;}
	.hl1{font-size:140%;line-height:150%;}
	div,span,ul,ul>li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
	div#wrap{overflow-x:hidden;}
	div#wrap div#main,
	div#wrap div#main div#content,
	div#wrap div#main div#content div#inner,
	div#wrap div#main div#content div#inner div#mainarea,
	div#wrap div#main div#content div#inner div#mainarea div#leftSide{width:100%;height:auto;min-height:auto;margin:0;padding:0;float:left;position:static;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
	div#wrap div#main div#leftcol{display:none;}
	
	div#wrap div#main div#content div#inner div#mainarea{padding-bottom:20%;}
	
	body.home div#wrap div#main div#content div#inner div#mainarea div#leftSide{padding:0 2%;}
	body.home div#wrap div#main div#content div#inner div#mainarea aside,
	body.home div#wrap div#main div#content div#inner div#mainarea div#sidebar{display:none;}
	
	div#wrap div#main div#content{background:none;position:relative;}
	div#wrap div#main div#content div#inner{margin-top:200px;}
		div#wrap div#main div#content div#inner h1.hl1{width:auto;}
		div#wrap div#main div#content div#inner h1.hl1::before{content:"";width:220px;height:100px;float:left;position:static;}
	div#wrap div#main div#header{width:100%;z-index:1;background-position:0 bottom;}
	div#wrap div#main div#header div#logo{background:none;position:absolute;left:10px;top:180px;}
		div#wrap div#main div#header div#logo p{margin:0;padding:0;}
		
		div#wrap div#main div#header ul#mainNav{width:100%;}
		div#wrap div#main div#header ul#mainNav li.stick{width:27%;margin:0 0 0 -3%;}
		div#wrap div#main div#header ul#mainNav li.stick:nth-child(1){margin:0;}
		div#wrap div#main div#header div#drypak{position:absolute;right:-10px;top:50px;z-index:-1;-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);}
	
	
	div#wrap div#main div#content div#footer{width:100%;height:auto;padding:8% 0 4% 0;background-position:15% top;}
	div#wrap div#main div#content div#footer div.lCol,
	div#wrap div#main div#content div#footer div.rCol{width:70%;margin:0;padding:0;float:left;}
	div#wrap div#main div#content div#footer div.rCol{width:30%;text-align:left;}
	
	div#wrap div#main div#content div#footer div.lCol div.copyright{width:80%;margin:0;padding:0;}
	div#wrap div#main div#content div#footer div.lCol div.social{width:20%;}
		div#wrap div#main div#content div#footer div.lCol div.social ul.social > li{width:40%;margin:0;padding:0 5% 5% 0;}
		
	div#wrap div#main div#mobileNav{width:100%;height:auto;background:#003366;position:fixed;bottom:0;z-index:199;-webkit-box-shadow:0 -10px 20px rgba(0,0,0,.6) inset;-moz-box-shadow:0 -10px 20px rgba(0,0,0,.6) inset;-ms-box-shadow:0 -10px 20px rgba(0,0,0,.6) inset;-o-box-shadow:0 -10px 20px rgba(0,0,0,.6) inset;box-shadow:0 -10px 20px rgba(0,0,0,.6) inset;}
	div#wrap div#main div#mobileNav ul{width:100%;margin:0;padding:0;}
	div#wrap div#main div#mobileNav ul > li{width:25%;padding:1% 2% 1% 1%;float:left;text-align:center;}
	div#wrap div#main div#mobileNav ul > li a{color:#FFF;text-align:center;font-family:"Bubblegum Sans";font-size:120%;line-height:150%;}
	div#wrap div#main div#mobileNav ul > li a:hover{color:rgba(255,153,0,1);}
	
	div#wrap div#lightbeams{z-index:-1;}
}

/* TABLETS PORTRAIT
@media only screen and (min-width: 768px) {
	.desktopBP{display:block;}
}
*/