/* basic style/rules */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #203847; color: #fff; text-shadow: none; } ::selection { background: #203847; color: #fff; text-shadow: none; } a, a:visited { color: #2e4859; text-decoration: none } a:hover { color: #de4025; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* default browser font-size: 16px; */ body {margin-top:130px} /* site rules */ header, footer, nav {display: block; width: 100%; float: none;} .topHeader, nav ul, .holder, .infooter {width: 953px; margin: 0 auto;} .sprite, .topHeader .logo a, .da-arrows span {background: transparent url('http://www.bootsnall.com/res/images/home/sprite.jpg') 0 0 no-repeat} .holder h1, .holder h2, .absolute {color: #2e4859; font-size: 1.3em; font-weight: bold; font-family: "Raleway"} .leftSide {width:100%; margin-right: -310px; float: left; } /* background: red; */ .content {margin-right: 332px; position: relative; width: auto; overflow: visible} .rightSide {position: relative; z-index: 1; display: block} .sidebar {width: 300px; float: left; position: relative; display: block; } /* background: yellow */ section.top{padding: 0.875em} section.about {text-align: left; font-family: "Raleway"; margin-bottom:15px;} section.about p {padding-bottom:12px} .flr {float: right;} .fll {float: left;} /* top header */ header .topHeader {position: relative} .absolute {position: absolute; top:-5.5em; right:10px; font-size: 0.75em; z-index: 9999; text-transform: uppercase} .absolute h1 {font-size: 1em; margin: 0; display: inline; padding:0;} .topHeader .logo {float: left; width: 192px; margin: 0.5em 0; height:100px; margin: 1em 0 0;} .topHeader .logo a {display: block; width: 100%; height: 98px; text-indent: -9999px} .topHeader .flr {margin-top: 0; height: auto; position: relative; width: 299px; text-align: right; padding-right: 10px} .topHeader .shares{position: absolute; bottom:0; right:0; width: 100%; padding-right:5px; top:22px;} .bottomHeader {position: absolute; top:54px; width: 100%; max-height: 71px} .twitter-follow-button {position: relative; top:0; padding-left: 5px; padding-right: 9px} #___plusone_0 {position: relative; } .subscribe {position: relative; margin-top: 2px} .subscribe > a img {border-right: 5px solid #2272c9;} .newSearch {border: 1px solid #DDDDDD; float: left; height: 41px; left: 5.3em; line-height: 50px; padding: 0 0 0 10px; position: relative; top: 12px; width: 326px;} form.newSearch input.text, html > body.article form.newSearch input.text {background: none repeat scroll 0 0 transparent; border: medium none; font-size: 0.9em; left: 10px; line-height: normal; padding: 0.35em; position: absolute; top: 8px;} form.newSearch input.submit {background: none repeat scroll 0 0 transparent; height: 28px; left: 284px; position: absolute; top: 7px; width: 42px; } .form.newSearch input {border: medium none; font-size: 22px;} /* navigation */ nav {color: white; padding: 0.75em 0; font-size:0.81em; } /* font-size:13px; padding: 12px */ nav, .menu ul.sub-menu {background: #203847; } nav { background: #203847; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNjc3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTM5NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d6777 0%, #213948 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d6777), color-stop(100%,#213948)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4d6777 0%,#213948 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4d6777 0%,#213948 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4d6777 0%,#213948 100%); /* IE10+ */ background: linear-gradient(top, #4d6777 0%,#213948 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6777', endColorstr='#213948',GradientType=0 ); /* IE6-8 */ } nav:after {content:""; clear: both; display: block; float: none; width: 100%;} nav a, nav a:visited {color: white; text-decoration: none; font-weight: bold; padding: 0.2em} /* padding: 0 2px */ nav a:hover {color: white; text-decoration: underline;} nav li {display: inline} .menu li {position: relative; float: left; padding-right:4px} .menu li:hover a {text-decoration: underline;} .menu ul.sub-menu { position: absolute; padding: 0.8em 0 0; width: auto; min-width: 125px; z-index:9999; top:1.3em; left:0px; display: none} /* display: none; */ .menu ul.sub-menu li {display: block; clear: both; float: none; padding: 0.75em 0.5em } .menu ul.sub-menu li:hover {background: #182c39} .menu ul.sub-menu a:hover, .menu li:hover ul li a {text-decoration: none;} .menu li:hover ul.sub-menu {display: block} .menu li:after {content: " | "} .menu ul.sub-menu li:after, .menu li:last-child:after{content: "";} .menu li.parent-menu-item a {background: url("../../res/images/home/arrow-menu.png") no-repeat scroll 100% 10px transparent; padding-right: 12px;} .menu li.parent-menu-item ul a {background: none; padding-right:0;} /* destinations */ .destinations {display: none; position: fixed; left:0; top:168px; margin: 0px;} .destinations dt {background: #cadbdc; text-align: center; margin: 0; padding: 0.5em 1.8em; color: #2e4859; margin-bottom: 0.5em; font-weight: bold;} .destinations dd, .destinations ul, .destinations li{margin: 0; padding:0; list-style: none; text-align: left} .destinations li {padding-left: 30px; background:transparent; margin-bottom: 0.5em; font-size: 0.95em; position: relative;} .destinations li i.fa {font-size: 23px; position: absolute; top:0; left:0; color: #a6bf56} .boxLinks.nombottom i.fa {position:absolute; top:2px; left:8px; font-size:39px; color: #a6bf56} /* carousel */ .carousel {overflow: hidden; margin-bottom: 1em} .carouselHolder {width: 100%; height: 379px; overflow: hidden;} .carouselHolder img {max-width: 100%; height: auto; width: auto;} .carousel .headline { background: #333; background: rgba(0,0,0, .7); position: absolute; right: 0; top: 59%; width: 66%; padding: 0.3em 1em; z-index: 999; height: auto; width: 100%; box-sizing: border-box; padding: 0.5em 1em; border-radius: 0; min-height: 150px; } .carousel h2 { font-size: 1.6em; line-height: 1.3; margin:0; word-spacing: 0.07em; font-weight: normal} .carousel h2 a, .carousel h2 a:visited, .carousel h2 a:hover {font-family:"Raleway"; color: white; text-decoration: none !important} .carousel .headline p {color: white; font-size: 0.86em; font-style: normal; font-weight: normal; line-height: 1.3; margin: 0; padding: 0.5em 0; position: relative; top: 0; width: auto;} .carousel a.more {color: #CF503C; text-decoration: underline; text-transform: uppercase; font-size: 0.75em; font-weight: bold;} nav.tabs {background: #203847; padding:0; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9999} .tabs a, .tabs a:visited {padding: 0.7em 0.813em; color: white; float: left; position: relative} .tabs a.selected, .tabs a:hover {background: #666;} .tabs li a{float: left; font-family: georgia, serif} .carouselHolder li {width: 621px; height: 379px; overflow: hidden; float: left;} .tabs a span.arrow {width: 100%; height: 13px; position: absolute; top:-13px; left: 0; display: none; background: url(../../res/images/home/arrow.png) 50% 0 no-repeat} .tabs a.selected span.arrow {display: block} /* boxlinks */ .boxLinks section {width: 48%; overflow: hidden; position: relative} /* border: 1px solid #203847; */ .boxLinks section h1, .boxLinks section h2{ margin: 0 auto; text-align: left; padding-left:0; text-align: center} .boxLinks figcaption a {position: absolute; right:0; width: auto; padding: 0.1em 1.2em; background-color: white; background: rgba(255,255,255, 0.75); bottom:0;} .boxLinks header { padding:0.5em 0; margin-bottom: 0; position: relative; }/* border-bottom: 1px solid #203847; */ .boxLinks header img {position: absolute; left:7px; top:3px} .boxLinks figure img {width: 300px; height: 200px; } .logoSmall svg {width: 126px} /* movie */ .movie h1, .movie h2{margin: 0} .movie header{margin: 0.5em 0 0} /* aside */ .mapHolder {padding: 0.7em; overflow: hidden; margin-bottom: 1em} .rounded8 {border-raius: 8px; -moz-border-radius: 8px; -webkit-border-raius: 8px;} .grayBordered {border: 1px solid #dadada;} section.top input, .text {box-shadow: 1px 1px 6px #CCCCCC inset; display: block; padding: 9px; width:250px} section.top h2 {margin: 0 0 0.5em} .map {height: 266px; overflow: hidden;} aside .boxLinks section {width: 100%;} /*.boxLinks section.fll header{background-position: -220px -129px}*/ /* footer */ /* footer {padding-top: 1em; border-top: 1.75em solid #203847; color: #2e4859} footer dt {text-transform: uppercase} footer dl {float: left; margin: 0 3em 1em 0} footer dl:last-child{margin:0} footer dt {font-weight: bold;} */ /* grid and margins */ .mbottom, header, footer, .holder, .boxLinks {margin-bottom: 1em} .clear.mbottom {margin-bottom: 0; height: 1em; overflow: hidden;} footer dl ul, footer dl li, footer dd, .carousel ul, .carousel li{list-style: none; margin: 0; padding: 0;} footer {margin-bottom:0;} /* green footer */ .greenFooter .bnaLogoGreen, .greenFooter .fFacebook, .greenFooter .fTwitter {} .greenFooter { margin-top: 65px; display: block; clear: both; width: 100%; border-top: 4px solid #d4d4d4; position: relative; font-family: 'Verdana', 'Arial', _sans-serif; text-align: center; } .gfHeader, .gfFooter {} .greenFooter .fHolder {margin:0 auto; width: 953px; text-align: left; position: relative;} .gfHeader {padding: 20px 0;border-top:1px solid #94aa4d; border-bottom: 1px solid #d3ee7b; background: #a6bf56; color: black} .gfHeader a, .gfHeader a:visited, .gfHeader a:link {color: black; text-shadow: 1px 1px 1px #d0ea7c; font-weight: normal; display: inline; } .gfHeader a:hover {text-decoration: underline;} .gfHeader dl {float: left; font-size: 0.7em; margin: 0; word-spacing: -2px; clear: both} .gfHeader dd a {display: block; margin: 0 0 3px;} .gfHeader dt {font-weight: normal; float: left; margin-right: 1em; color: #333335} .gfHeader dd {float: left;} .gfFooter {padding: 0; border-top: 1px solid #1e2833; background: #3d4e64; color: #e1e1e1} .gfFooter p.phone, body.article p.phone { font-size: 32px; margin:0; padding:0; line-height: 32px;} .gfFooter p.copyrights {line-height: 32px; font-size: 12px; text-shadow: 1px 1px 1px #354356; float: right; margin:0; padding:0;} .greenFooter .bnaLogoGreen { display: block; height: 107px; left: 760px; position: absolute; top: -76px; width: 195px;} .greenFooter .bnaLogoGreen a {display: block; height: 107px; } .gfFooter p, .gfFooter ul, .gfFooter li {float: left; list-style: none; margin:0; padding:0;} .gfFooter .bottomSocial a {display: block; width: 38px; height: 38px; text-indent: -9999px } .greenFooter ddl, .greenFooter dd, .greenFooter dd{margin-left:0;} .gfHeader dd * {white-space: nowrap} .greenFooter .bnaLogoGreen svg {width: 193px} .gfFooter .bottomSocial {margin-left:103px;} .gfFooter .bottomSocial li {padding-left:15px;} /* end of new green footer */ /* carousel functions */ .da-slider{width: 100%; min-width: 621px; height: 415px; position: relative; overflow: hidden; } .da-slide{position: absolute; width: 100%; height: 100%; top: 0px; left: 100px; text-align: left; } .da-slide-current{z-index: 1000; left:0; } .da-slider-fb .da-slide{left: 100%; } .da-slider-fb .da-slide.da-slide-current{left: 0px;} .da-slide .da-link, .da-slide .da-img{position: absolute; } .da-slider-fb .da-slide .da-link{left: 10%; opacity: 1; } .da-slide h2{color: #fff; /* font-size: 66px;*/ z-index: 10; } .da-slide p{width: 45%; top: 155px; color: #916c05; font-size: 18px; line-height: 26px; height: 80px; overflow: hidden; font-style: italic; font-weight: 400; font-style: italic; } .da-slide .da-img{text-align: center; height: 379px; overflow: hidden } .da-slide .da-link{top: 270px; /*depends on p height*/ border-radius: 30px; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border: 8px solid rgba(255,255,255,0.8); padding: 2px 20px 0px; font-size: 18px; line-height: 30px; width: 80px; text-align: center; background: rgba(255,255,255,0.2); } .da-slide .da-link:hover{background: rgba(255,255,255,0.3); } .da-arrows{-moz-user-select: none; -webkit-user-select: none;} .da-arrows span{text-indent: -9999px; position: absolute; top: 45%; height: 30px; width: 28px; border-radius: 8px; background-color: transparent; cursor: pointer; z-index: 2000; opacity: 0; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); -webkit-transition: opacity 0.4s ease-in-out 0.2s; -moz-transition: opacity 0.4s ease-in-out 0.2s; -o-transition: opacity 0.4s ease-in-out 0.2s; -ms-transition: opacity 0.4s ease-in-out 0.2s; transition: opacity 0.4s ease-in-out 0.2s; } .da-slider:hover .da-arrows span{opacity: 1;} .da-arrows span.da-arrows-prev{ left: 15px; background-position: -227px -97px } .da-arrows span.da-arrows-next{right: 15px; background-position: -227px -32px} .da-arrows span.da-arrows-prev:hover{background-position: -227px -65px } .da-arrows span.da-arrows-next:hover{background-position: -227px 0} .da-slide-current .da-link{left: 10%; opacity: 1;} .da-slide-current .da-img{left: 0; opacity: 1;} .tabs a{cursor: pointer;} /* indie movie button */ .indieMovie .defaultNavigation {background: none !important; border: none !important; position: absolute; width: 152%; text-align: center; padding-top: 8px;} .indieMovie .defaultNavigation .btn.btnblue.indieButton, .indieMovie .defaultNavigation .btn.btnblue.indieButton:visited {font-size: 18px; padding: 8px 10px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #1D71C7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#de8623), to(#c34e0a)); background-image: -webkit-linear-gradient(top, #de8623, #c34e0a); background-image: -o-linear-gradient(top, #de8623, #c34e0a); background-image: linear-gradient(to bottom, #de8623, #c34e0a); background-image: -moz-linear-gradient(top, #de8623, #c34e0a); background-repeat: repeat-x; border-color: #c34e0a #de8623 #de8623; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de8623', endColorstr='#c34e0a',GradientType=0 ); } .indieMovie .defaultNavigation .btn.btnblue.indieButton:hover {background-color: #c34e0a !important} .indieMovie {padding-bottom: 38px} @media only screen and (max-width: 980px) { .indieMovie .defaultNavigation {width: auto; position: relative} .indieMovie {padding-bottom: 0px} } /* indie movie button */ /* this is on the end */ .clear {display: block; clear: both; float: none;} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* window */ #mask { position:absolute; left:0; top:0; z-index:10000; background-color:#000; display:none; } .window {text-align: left; position:absolute; left:0; top:-5px; width:100%; height:auto; display:none; z-index:10001; padding:0px; border: 1px solid #cccccc; background-color:#ffffff; } .window .title {background: #333; color: #999; font-size: 14px; padding: 8px 25px; overflow: hidden;} .window .close{float: right; font-weight: 700; } .window .title a {color: #999; text-decoration: none;} .window .title a:hover {color: white} .window .title p{margin:0; padding:0;} .window form {padding: 1em 25px;} .window form input[type="text"] {width: 70%;} .window form * {float: left; margin-right:0.5em; color: #444;} .window form *:last-child {margin:0;} .window form input[type="submit"]{background: none repeat scroll 0 0 #DE4025; border: 1px solid white; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); color: white; float: right; font-weight: normal; padding: 2px 18px; position: relative; right: 34px; top: 9px;} .placeholder {color: #888 !important;} /* * jQuery UI CSS Framework 1.8.18 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.18 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Autocomplete 1.8.18 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.18 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* ads */ .ad1{ height: 90px; left: 19%; margin-bottom: 1em; position: absolute; width: 728px; z-index: 9999; } .ad2 {height:250px; overflow: hidden;} .adExists {height:90px; margin-bottom:1em;} /* right widget */ body.bnaHome .mapIndie {position: relative;} body.bnaHome .mapIndie .preloader {background: transparent url('http://cdn.bootsnall.com/preload.png'); height: 22px; left: 50%; margin-left: -12px; position: absolute; top: 25%; width: 24px;} #indie-widget section.top.grayBordered {border: none;} body.bnaHome #indie-widget .as-input, body.bnaHome #indie-widget input#rtw_new_location_widget {overflow: hidden; width:172px; border:none; background: #DEEC85; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 3px; color: #33343C !important; font-size:13px; font-weight: 500; padding: 8px 10x; font-family: sans-serif;} /* rtw_new_location_widget */ body.bnaHome #indie-widget {width: 300px; display: none; position: relative;} body.bnaHome #indie-widget .iframeWidget {min-height: 211px; margin-bottom: 4px; background: #3f4f66; padding-top:20px; width: 90.55%;} body.bnaHome #indie-widget ul.as-selections li.as-original {width: auto;} body.bnaHome #indie-widget ul.as-selections {width: 200px;} #indie-widget ul.as-selections {background: none transparent;} body.bnaHome #indie-widget h2 {color: white; font-size: 28px; line-height: 33px; margin-bottom: 15px;} body.bnaHome #indie-widget section.top.grayBordered {width: 70%; margin: 0 auto; padding-bottom: 14px;} body.bnaHome #indie-widget li.as-selection-item {padding: 2px 7px 2px 10px !important} #indie-widget .button {border-radius: 4px 4px 4px 4px; position: absolute; width: 172px; left: 50%; top:163px; margin-left: -94px; box-shadow: 1px 1px 1px; font-size: 12.5px; font-weight: 600; letter-spacing: 1px; padding: 13px 9px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); font-family: sans-serif; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.5); color: black; text-decoration: none; border: 1px solid #484848; text-transform: uppercase; text-align: center; background-color: #bebebe; background-image: -moz-linear-gradient(top, #fefefe 0%, #bebebe 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#bebebe)); background-image: -webkit-linear-gradient(top, #fefefe 0%,#bebebe 100%); background-image: -o-linear-gradient(top, #fefefe 0%,#bebebe 100%); background-image: -ms-linear-gradient(top, #fefefe 0%,#bebebe 100%); background-image: linear-gradient(to bottom, #fefefe 0%,#bebebe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#bebebe',GradientType=0 ); display: block; margin: o auto; letter-spacing: 1px; } #indie-widget a.button:hover, .button:hover { background: #d5d5d5; /*-webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; */ } .newSearch button.search { padding: 6px 13px; border: none; position: absolute; width: 42px; height: 28px; right: 10px; background: #2172c4; top: 7px; color: white; } .mapIndie img.routeBigger {display: none} /* right widget */ /* responsive design */ @media only screen and (min-width: 1300px) { .destinations{display: block} } @media only screen and (max-width: 1300px) { .destinations{display: none !important} .topHeader .shares {top: 42px;} } @media only screen and (max-width: 980px) { .rightSide {clear: both} .sidebar {float: none; clear: both; /*padding-top: 1em; */} .topHeader, nav ul, .holder, .infooter {width: 621px} .leftSide, .content {margin-right:0;} .leftSidebar {float: left; width: 50%} .facebookBox {float: right;} .sidebar {width: auto;} .map {height: 255px} footer dl {margin: 0 4em 1em 0} .ad1, .adExists {display: none;} .gfFooter .bottomSocial {clear: left; float: none !important; margin: 0 auto; width: 107px;} .gfFooter p.phone, body.article p.phone {font-size: 27px; width: 100%; text-align: center; margin-bottom: 25px;} .gfFooter p.copyrights {float: none; clear: both; text-align: center; padding: 10px 0 10px} .greenFooter .bnaLogoGreen {display: none;} .greenFooter .fHolder {width: auto; padding: 0 1em;} .newSearch {display: none;} aside .boxLinks section { display: none; } img {image-rendering: optimizeQuality} body.bnaHome .boxLinks section {width: 100%; float: none; margin: 0 auto 1em} body.bnaHome .boxLinks figure img {width: 100%; height: auto} .mapIndie img {float:right;} .mapIndie img.routeSmall, .facebookBox {display: none;} .mapIndie img.routeBigger {display: block;} .topHolder .leftSidebar {width: auto; float: none;} body .greenFooter {margin-top: 0;} .movie iframe {width: 100% !important; height: 349px !important;} } @media only screen and (max-width: 699px) { body {font-size: .9em} .topHeader, nav ul, .holder, .infooter {width: 95%; padding: 0 0.5em} .topHeader .shares {right:0;} .da-slider {max-width: 100%; min-width: 100px; height: 312px} .carousel h2 {font-size: 1.5em; width: 85%;} .rightSide {width: auto; margin: 0 auto} section.top input {width: 95%} .map img, .movie iframe {width: 100% !important} .leftSidebar, .facebookBox {float: none; width: auto;} .da-slide .da-img, .carouselHolder img {width: 100%} .facebookBox, .fb_reset {display: none;} footer dl {margin-bottom: 1em; margin-right: 2em} .absolute {right:23px; top:-8.5em} .topHeader .flr {position: absolute; top:0; right:10px} .mapIndie {text-align: center;} aside .boxLinks section { display: none; margin: 0 auto; width: 300px;} body.bnaHome #indie-widget .iframeWidget {position: relative;} body.bnaHome #indie-widget .button {margin-left: -96px} .leftSidebar, .topHolder .leftSidebar {width: 300px; margin: 0 auto;} .mapIndie img.routeSmall {display: block;} .mapIndie img.routeBigger {display: none;} } @media only screen and (max-width: 600px) { footer dl:nth-child(3n+1) {clear: left} .carousel .headline p {display: none;} .carousel .headline {bottom:10px; top:auto; min-height: inherit;} nav.tabs {display: none;} } @media only screen and (max-width: 528px) { .boxLinks section {width: 100%; clear: both; margin: 0 auto 1em} .boxLinks figure { position: relative;} /* width: 300px; */ aside .boxLinks section {margin-bottom:0;} .topHeader h1 {float: none; margin: 0 auto;} .topHeader .shares {position: relative; padding: 0.5em 0; top:0;} .topHeader .flr {height: auto; float: none; text-align: center; width: 100%; padding-right:0; clear: left; padding-top:5px; position: relative; padding-left:15px } .carousel h2 {font-size: 1em; top: 75%;} .da-slider {height: 210px} .da-arrows span {opacity:1} .window {top:0px} .window form input[type="submit"] {right: 14%;} body {margin-top:172px;} .absolute {display: none;} } @media only screen and (max-width: 385px) { .carouselHolder img {height: 200px} } @media only screen and (max-width: 320px) { .boxLinks section, .aside .boxLinks section {width: 100%; clear: both; margin: 0 auto 1em} #___plusone_0 {display: none;} } .nombottom {margin-bottom: 0 !important;}