html { font-size: 100.01%; }
body { font-size: 62.5%; font-family: verdana, arial, helvetica, sans-serif; border-top: 3px solid #11A1DB; background: #fafafa; }
/* Text Elements */
a { color: #0F5179; }
a:hover { text-decoration: none; }
a.button { padding: 5px 10px; width: auto; float: right; display: block; margin: 10px 0; background: url(/a/rfp/images/destinationguide/button-bg.png) repeat-x; text-decoration: none; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; border: 1px solid #415415; }
img.search { position: relative; bottom: -3px; left: -5px; }
a.button:hover { background: #6e8e23; }
div.result a.button { padding: 3px 10px; position: absolute; right: 0; top: -7px; }
p { margin-bottom: 1em; font-size: 1.1em; }
h2.section { margin-bottom: 1em; color: #0F5179; font-size: 1.5em; position: relative; border-bottom: 1px dotted #000; font-weight: bold; clear: both; }
h2.section a { text-decoration: none; }
h2.section a.button.search { margin: 0 0 3px; background: url(/a/rfp/images/csn-button-sprite.png) repeat-x 0 -50px; font-size: 10px; position: absolute; right: 0; bottom: 0; }
h2.section a.button.search:hover { background: #0b4965; }
/* hyperlink */
.cboxElement { border-bottom: 1px dotted #0F5179; text-decoration: none; cursor:pointer; }
/* Structure */
div.logo { height: 55px; background: url(/a/rfp/images/destinationguide/dg-logo.jpg) no-repeat 0 5px; }
div.logo a { height: 45px; text-indent: -99999px; display: block; }
ul.menu { list-style-type: none; }
ul.menu a { display: block; }
div.utility { padding: 8px 0; }
div.utility ul.menu { float: right; }
div.utility ul.menu li { margin-left: 10px; float: right; }
div.utility ul.menu a { margin-top: 15px; text-decoration: none; color: #404040; }
div.top-nav li.home a { width: 27px; background: url(/a/rfp/images/destinationguide/home.png) no-repeat 5px 0 !important; float: left; text-indent: -99999px; }
div.top-nav ul.menu.breadcrumbs li { padding-right: 5px; background: url(/a/rfp/images/destinationguide/breadcrumb-seperator.png) no-repeat 100% 0; float: left; border: none; }
div.top-nav ul.menu.breadcrumbs li.active a { color: #fff; }
div.top-nav ul.menu.breadcrumbs a { color: #849eae; }
div.top-nav ul.menu.breadcrumbs a:hover { background: none; color: #fff; }
div.top-nav { height: 27px; background: url(/a/rfp/images/destinationguide/nav-bg-01.png) 0 0 repeat-x; }
div.top-nav ul.menu li { float: right; border-left: 1px solid #000; }
div.top-nav ul.menu a { padding: 6px 10px; color: #fff; text-decoration: none; }
div.top-nav ul.menu a:hover { background: #0F5179; }
#pagination {clear: both;margin: 20px 0;text-align: center; }
.home div.header { margin: 0; height: 275px; background: #0f5179 url(/a/rfp/images/destinationguide/highlights-bg-1.png) top left repeat-x; position: relative; }
.home div.middle { margin: 10px 0; background: url(/a/rfp/images/destinationguide/main-content-bg.jpg) repeat-y; border-top: 3px solid #bec7ce; border-bottom: 3px solid #bec7ce; }
.custom div.middle { margin: 10px 0; background: #bdc6cd url(/a/rfp/images/destinationguide/highlights-bg.png) repeat-x; }
.custom div.content-surround { margin: 5px; padding: 5px; background: #fff url(/a/rfp/images/destinationguide/content-block-bg.png) repeat-x; }
.custom div.custom-header { padding: 5px 0; width: 100%; border-bottom: 1px dotted #000; height: 30px; position: relative; z-index: 500; }
.custom div.custom-header h1 { float: left; font-size: 1.4em; font-weight: bold; }
.custom div.share-bar { float: right; }
.custom div.content { margin: 10px 0; padding: 5px; position: relative; z-index: 400; }
.custom div.content h2 { font-size: 1.3em; font-weight: bold; }
.custom div.content div#pnlBanner img { display: block; margin: 0 auto 12px; }
.custom div.custom-images { margin-bottom: 10px; }
.custom div.custom-images ul { display: none; }
.custom div.fg-toolbar { padding: 10px; }
.custom div.dataTables_length { float: left; margin-left: 140px; margin-top: 3px; }
.custom div.dataTables_filter { float: right; }
.custom table.data-grid { width: 100%; }
.custom table.data-grid td { border-collapse: collapse; }
.custom table.data-grid td.right { text-align: right; }
.custom div.data-grid { clear: both; position: relative; }
.custom table.data-grid { border-collapse: collapse; }
.custom table.data-grid th, .custom table.data-grid td { padding: 5px; border: 1px solid #AED0EA; }
.custom table.data-grid th div { position: relative; overflow: visible; padding-right: 16px; }
.custom table.data-grid th#thSelectHeader div { padding-right: 0; }
.custom table.data-grid th span { display: block; position: absolute; right: 0; top: 0; }
.custom table.data-grid th div.hover { cursor: pointer; }
.custom table.data-grid th input, .custom table.data-grid td input { margin: 3px; }
.custom #request-quote.reposition { position: absolute; top: 0; left: 10px; }
.custom #error-msg { color: Red; }
th.first span.css_right { display: none !important; }
/* Custom page child/sibling links list */
.custom div.content div.general-lists { margin: 0 20px 10px; float: right; padding: 0; }
.custom div.content div.general-lists ul { background: #EEF6F9; border: 1px solid #ccc; width: 300px; padding: 10px; margin-bottom: 10px; }
.custom div.content div.general-lists.horizontal { margin: 0 10px; padding: 0; background: none; border: none; float: left; width: 100%; }
.custom div.content div.general-lists.horizontal ul { margin: 0 0 10px 0; overflow: hidden; width: auto; border: 0; background-color: transparent; padding: 0; margin-bottom: 0; }
.custom div.content div.general-lists.horizontal ul li { margin-right: 10px; margin-bottom: 5px; float: left; }
/* Custom page suppliers list profile view */
table.custom-suppliers-profile { width: 100%; border-spacing: 5px; }
table.custom-suppliers-profile td { padding: 10px; width: 50%; margin:5px; background-color: #F1F7FB; border: 1px solid #AED0EA; font-size: 1.1em; vertical-align:top; }
table.custom-suppliers-profile td img { width: 160px; }
table.custom-suppliers-profile td a { display: block; clear: both; margin-bottom: 10px; }
table.custom-suppliers-profile td .photo { overflow: hidden; width: 160px; height: 100px; }
table.custom-suppliers-profile td .photo img { height: 100%; }
table.custom-suppliers-profile td a.button { font-size: 8pt; width: 138px; margin: 5px 0 0 0; clear: none; float: none; }
table.custom-suppliers-profile td .left { float: left; margin: 0 10px 10px 0; }
table.custom-suppliers-profile td dl dt { font-weight: bold; float: left; padding-right: 3px; }
table.custom-suppliers-profile td dl dd.listing-text { line-height: 1.65em; }
div.content { padding: 10px 0 10px 10px; }
div.more-headlines ul { margin-left: 30px; list-style-type: none; }
div.more-headlines a { margin-right: 10px; }
div.featured-destinations { width: 637px; height: 328px; position: relative; top: -10px; left: -7px; float: left; background: #000; overflow: hidden; }
h2.featured-destinations { padding: 5px 10px; width: 617px; background: url(/a/rfp/images/destinationguide/nav-bg-01.png) 0 0 repeat-x; color: #fff; font-size: 1.2em; position: relative; top: -10px; left: -7px; }
div.featured-destinations div.thumbs { width: 637px; position: absolute; bottom: 0; left: 0; border-top: 1px solid #fff; }
div.dg-banners { min-width: 300px; margin: 10px auto 0 auto; text-align: center; }
div.dg-banner { margin-bottom: 10px; }
div.browse-venues { padding: 10px; float: left; overflow: hidden; color: #fff; }
div.browse-venues h1 { margin: 0 0 5px; font-size: 1.3em; font-weight: bold; }
div.browse-venues h2 { width: 100%; margin: 5px 0; font-size: 1.1em; color: #fff; font-weight: bold; clear: both; float: left; }
div.browse-venues p.heading { margin: 0 0 5px; clear: both; font-size: 1.1em; font-weight: bold; }
div.browse-venues ul { margin: 0 0 10px 0; width: 500px; color: #fff; list-style-type: disc; clear: both; overflow: auto; padding-left: 15px; }
div.browse-venues li { margin: 0; width: 30%; float: left; }
div.browse-venues a { color: #c3d3dc; text-decoration: none; font-size: 1.05em; }
div.browse-venues a:hover { border-bottom: 1px dotted #fff; color: #fff; }
div.header div.custom-content { width: 425px; height: 275px; position: absolute; top: 0; right: 0; overflow: hidden; }
div.content div.custom-content { padding: 10px; width: 617px; position: relative; top: -20px; left: -7px; background: #ced4da url(/a/rfp/images/destinationguide/custom-content-bg.png) repeat-x; border-bottom: 1px solid #959595;}
div.header div.custom-content object { border: 0; }
div.info-graphic { width: 100%; height: 300px; }
div.share-bar { text-align: center; }
/* Image Rotation */
div.anythingSlider { display: block; margin: 0 auto; position: relative; overflow: visible !important; /* needed for Opera and Safari */ }
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
.content .anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; max-width: 32766px; margin-left: 0; }
.anythingBase .panel { position: relative; background: transparent; display: block; overflow: hidden; float: left; }
/* Navigation */
.content ul.thumbNav { margin-left: 0; height: 330px; background: url(/a/rfp/images/destinationguide/thumb-nav-bg.png) repeat-y; list-style-type: none; position: absolute; top: 0; left: 0; }
ul.thumbNav li { width: 72px; height: 40px; overflow: hidden; background: url(/a/rfp/images/destinationguide/thumb-nav-bg.png) repeat; border-bottom: 1px solid #000; position: relative; }
ul.thumbNav a { width: 500px; min-width: 500px !important; position: absolute; top: 4px; left: 5px; text-decoration: none; }
ul.thumbNav a.active { background: #000; }
ul.thumbNav a:hover { color: #fff; }
ul.thumbNav a img.thumb { width: 125px; float: left; display: block; }
ul.thumbNav a.cur { }
ul.thumbNav a.cur span.thumb img { opacity: 1 !important; }
ul.thumbNav span.thumb { width: 60px; height: 30px; float: left; overflow: hidden; border: 1px solid #000; }
ul.thumbNav a.cur span.thumb { border: 1px solid #fff; }
ul.thumbNav span.thumb img { width: 80px; }
ul.thumbNav span { width: auto; display: block; float: left; }
ul.thumbNav span.name { padding: 5px 0; margin-left: 20px; width: 400px; color: #fff; float: left; font-size: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.thumbNav a.cur span.name, ul.thumbNav a:hover span.name { color: #fff; }
div.description { width: 565px; background: url(/a/rfp/images/destinationguide/featured-navigation-bg.png); color: #fff; position: absolute; bottom: -95px; right: 0; border-top: 1px solid #000; }
div.description p { padding: 10px; margin: 0; }
div.description h2 { font-size: 1.5em; font-weight: bold; }
div.description span.profile { width: 150px; position: absolute; top: -26px; right: 0; background: url(/a/rfp/images/destinationguide/view-profile.png) no-repeat; z-index: 1; }
div.description span.request-quote { width: 150px; position: absolute; top: -26px; right: 140px; background: url(/a/rfp/images/destinationguide/request-quote.png) no-repeat; z-index: 0; }
div.description span.request-quote a { text-indent: -5px; }
div.description a { padding: 5px 10px; text-decoration: none; color: #fff; display: block; text-align: center; text-transform: uppercase; }
/* Controls */
span.arrow { text-indent: -99999px; }
span.arrow a { width: 15px; height: 15px; display: block; }
span.arrow.back { position: absolute; top: 10px; right: 100px; display: block; }
span.arrow.back a { background: url(/a/rfp/images/destinationguide/image-rotator-controls.png) no-repeat 0 -15px; }
span.arrow.back a:hover { background: url(/a/rfp/images/destinationguide/image-rotator-controls.png) no-repeat -15px -15px; }
span.arrow.forward { position: absolute; top: 10px; right: 10px; display: block; }
span.arrow.forward a { background: url(/a/rfp/images/destinationguide/image-rotator-controls.png) no-repeat 0 -30px; }
span.arrow.forward a:hover { background: url(/a/rfp/images/destinationguide/image-rotator-controls.png) no-repeat -15px -30px; }
div.featured-destinations a.start-stop { width: 15px; height: 15px; top: 10px; right: 53px; position: absolute; display: block; text-indent: -9999px; }
div.featured-destinations a.start-stop { background: url(/a/rfp/images/destinationguide/image-rotator-controls.png) no-repeat 0 0; }
div.featured-destinations a.start-stop:hover { background: url(/a/rfp/images/destinationguide/image-rotator-controls.png) no-repeat -15px 0; }
div.featured-destinations a.start-stop.playing { background: url(/a/rfp/images/destinationguide/image-rotator-controls.png) no-repeat 0 -45px; }
div.featured-destinations a.start-stop.playing:hover { background: url(/a/rfp/images/destinationguide/image-rotator-controls.png) no-repeat -15px -45px; }
div.anythingSlider .anythingControls { outline: 0; display: none; }
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; }
div.featured-destinations div.anythingSlider ul.anythingBase li { width: 637px !important; height: 324px !important; }
div.general-lists { padding: 10px; }
div.general-lists ul { margin-left: 10px; list-style-type: none; }
div.general-lists h3 { padding: 0 0 5px 0; margin: 10px 0; font-size: 1.3em; border-bottom: 1px dotted #000; font-weight: bold; }
div.general-lists a:hover { text-decoration: none; }
div.newsletter {padding:10px;margin-left:10px;}
div.result { margin-bottom: 10px; position: relative; }
div.result h3 { padding: 5px 0; font-size: 1.2em; font-weight: bold; }
div.result img.thumbnail { margin: 0 10px 10px 0; width: 75px; height: 75px; background: #ccc; display: block; float: left; }
ul.two-column { width: 100%; list-style-type: none; float: left; }
ul.two-column li { margin-bottom: 5px; width: 48%; float: left; }
ul.four-column { width: 100%; list-style-type: none; float: left; }
ul.four-column li { width: 24%; float: left; }
div.result h3 a { text-decoration: none; }
div.result p { width: 260px; float: left; }
div.result-content-wrapper { padding: 5px 0; border-top: 1px dotted #ccc; }
table.highlights { margin: 0 0 0 10px; width: 250px; float: right; }
table.highlights td { text-align: right; }
/* Brand and Directory Page Carousel Skin */
.destination-guide.custom .jcarousel-container { width: 920px; margin: 15px 0; }
.destination-guide.custom .jcarousel-direction-rtl { direction: rtl; }
.destination-guide.custom .jcarousel-container-horizontal { width: 920px; }
.destination-guide.custom .jcarousel-clip { overflow: hidden; height: 250px; }
.destination-guide.custom .jcarousel-item { width: 300px; height: 250px; }
.destination-guide.custom .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; }
.destination-guide.custom .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.destination-guide.custom .jcarousel-item-placeholder { background: #fff; color: #000; }
.destination-guide.custom .jcarousel-next-horizontal { position: absolute; top: 105px; right: -24px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/a/rfp/images/destinationguide/next-horizontal.png) no-repeat 0 0; }
.destination-guide.custom .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(/a/rfp/images/destinationguide/prev-horizontal.png); }
.destination-guide.custom .jcarousel-next-horizontal:hover, .destination-guide.custom .jcarousel-next-horizontal:focus { background-position: -33px 0; }
.destination-guide.custom .jcarousel-next-horizontal:active { background-position: -64px 0; }
.destination-guide.custom .jcarousel-next-disabled-horizontal, .destination-guide.custom .jcarousel-next-disabled-horizontal:hover, .destination-guide.custom .jcarousel-next-disabled-horizontal:focus, .destination-guide.custom .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.destination-guide.custom .jcarousel-prev-horizontal { position: absolute; top: 105px; left: -24px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/a/rfp/images/destinationguide/prev-horizontal.png) no-repeat 0 0; }
.destination-guide.custom .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(/a/rfp/images/destinationguide/next-horizontal.png); }
.destination-guide.custom .jcarousel-prev-horizontal:hover, .destination-guide.custom .jcarousel-prev-horizontal:focus { background-position: -32px 0; }
.destination-guide.custom .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.destination-guide.custom .jcarousel-prev-disabled-horizontal, .destination-guide.custom .jcarousel-prev-disabled-horizontal:hover, .destination-guide.custom .jcarousel-prev-disabled-horizontal:focus, .destination-guide.custom .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
/* Share Bar */
ul.share-bar { margin: 10px 0 10px 42px; padding: 0; list-style-type: none; position: relative; height:30px; }
ul.share-bar li { margin: 0; float: left; width: 45px; height: 30px; }
ul.share-bar a { padding: 15px; display: block; text-decoration: none; border-bottom: 0; }
ul.share-bar li div.sub { width: 210px; height: 135px; position: absolute; left: 0; top: 30px; display: none; }
ul.share-bar li div.sub div.social-buttons { position: absolute; bottom: 20px; left: 20px; }
ul.share-bar li div.sub div.social-link { position: absolute; left: 100px; bottom: 20px; }
ul.share-bar li div.sub div.social-link a { background: none; padding: 0; display: inline; }
.custom-header .share-bar { margin: 0; }
li.facebook a, li.facebook div.sub { background: #3b5999; }
li.facebook a { background: #3b5999 url(/a/rfp/images/share-bar-icons.png) 50% 2px no-repeat; }
li.facebook div.sub { background: #3b5999 url(/a/rfp/images/share-bar-icons-large.png) 132px 40px no-repeat; }
li.twitter a, li.twitter div.sub { background: #2199cd; }
li.twitter a { background: #2199cd url(/a/rfp/images/share-bar-icons.png) 50% -22px no-repeat; }
li.twitter div.sub { background: #2199cd url(/a/rfp/images/share-bar-icons-large.png) 115px -155px no-repeat; }
li.linkedin a, li.linkedin div.sub { background: #3071b1; }
li.linkedin a { background: #3071b1 url(/a/rfp/images/share-bar-icons.png) 50% -46px no-repeat; }
li.linkedin div.sub { background: #3071b1 url(/a/rfp/images/share-bar-icons-large.png) 115px -363px no-repeat; }
li.google a, li.google div.sub { background: #000; }
li.google a { background: #000 url(/a/rfp/images/share-bar-icons.png) 50% -72px no-repeat; }
li.google div.sub { background: #000 url(/a/rfp/images/share-bar-icons-large.png) 116px -559px no-repeat; }
li.virtual a, li.virtual div.sub { background: #333; }
li.virtual a { background: #333 url(/a/rfp/images/share-bar-icons.png) 50% -98px no-repeat; }
li.website a, li.website div.sub { background: #666; }
li.website a { background: #666 url(/a/rfp/images/share-bar-icons.png) 50% -123px no-repeat; }
li.email a, li.email div.sub { background: #999; }
li.email a { background: #999 url(/a/rfp/images/share-bar-icons.png) 50% -148px no-repeat; }
.fb_edge_widget_with_comment span.fb_edge_comment_widget { left: -400px !important; }
/* Form Elements */
div.cv-dropdown.sort { margin-bottom: 10px; float: right; }
.hide { display: none; }
.image-left { margin: 0 10px 10px 0; float: left; }
.image-right { margin: 0 0 10px 10px; float: right; }
.article { margin-bottom: 10px; }
.article ul { margin: 10px 0 10px 12px; font-size: 1.1em; clear: both; }
.article li { margin: 0 0 5px; }
.article img { max-width: 100%; }
.content ul { margin-left: 15px; }
/* Top Destination Ad */
.custom-content.top-dg-ad { width: 425px; height: 275px; }
.custom-content.top-dg-ad .description { bottom: 0; width: 355px; }
.custom-content.top-dg-ad .description h2 a { text-align: left; padding-bottom: 0; text-transform: none; }
.custom-content.top-dg-ad .description p { padding-top: 5px; }
.custom-content.top-dg-ad .gradient-overlay { position: absolute; top: 0; left: 0; width: 75px; height: 275px; background: url(/a/rfp/images/top-dg-ad-gradient.png) no-repeat 0 0; }
/* Search Result Promos */
.promo-results { padding: 8px 0 0 0; overflow: hidden; margin: 0 -8px; width: 970px; clear: left; }
.promo-wrapper { background: #fff; border: 1px solid #dfe2e5; border-radius: 3px; float: left; margin: 8px; overflow: hidden; width: 304px; height: 198px; }
.promo-wrapper:hover { background: #fff; border: 1px solid #bbb; box-shadow: 0 0 5px #bbb; box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s ease; }
.promo-wrapper .promo { width: 304px; display: block; overflow: hidden; position: relative; cursor: pointer; border: 0; height: 151px; outline: 0; }
.promo-wrapper.premium { height: 414px; }
.promo-wrapper.premium > a.promo { height: 367px; }
.promo-wrapper .promo-image { height: 215px; overflow: hidden; position: relative; background: url(/a/rfp/images/no-promotion-image.png) no-repeat 50% 50%; }
.promo-wrapper .promo-image img { position: absolute; display: block; height: 100%; left: -20px; }
.promo-wrapper .promo-details { padding: 12px 12px 0 12px; }
.promo .promo-details h2 { font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 1.3em; font-weight: normal; line-height: 1.4; margin-bottom: 1px; color: #27658a; overflow: hidden; text-transform: capitalize; max-height: 38px; }
.promo a.promo-button { font-size: 1.1em; display: inline-block; padding: 5px 20px; font-weight: bold; color: #fff; border: 1px solid #6b9d36; background: #7bac40; margin-bottom: 15px; text-decoration: none; border-radius: 3px; }
.promo .promo-details a.promo-button:hover { background: #6b9d36; }
.promo .promo-details p { font-size: 1em; line-height: 1.6; margin: 0; color: #666; }
.promo .promo-details .purchase-info { position: absolute; bottom: 0; height: auto; padding-bottom: 8px; }
.promo .promo-details .purchase-info h3 { font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 1.3em; font-weight: bold; color: #28abdf; padding: 8px 12px; margin: 0 -12px; width: 282px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 0; line-height: 1; }
.promo .venue-location { padding: 12px 12px 10px 12px; background: #e9eff3; }
.promo .venue-location h4 { font-weight: bold; color: #27658a; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 1.25em; line-height: 1.25; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.promo .venue-location p { font-size: 1.15em; line-height: 1.5; font-family: Arial, Helvetica, Geneva, sans-serif; margin: 2px 0 0 0; color: #27658a; }
.promo .venue-location span.location-icon { display: block; width: 12px; height: 16px; float: left; background: url(/a/rfp/images/csn-sprite.png) -160px -127px no-repeat; }
.promo ul.promo-category { position: absolute; z-index: 1; list-style: none; margin: 0; padding: 0; }
.promo ul.promo-category li { float: left; width: 85px; margin-left: 6px; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;text-transform: uppercase; font-size: .8em; line-height: 1.1em; padding: 8px 6px; font-weight: bold; color: #fff; text-shadow: none; background: url(/a/rfp/images/csn-promo-category-bg-sprite.png) 0 0 repeat-x; height: 9px; position: relative; overflow: hidden; box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
.promo ul.promo-category li:first-child { margin-left: 0; }
.promo ul.promo-category li.trending { background-position: 0 0; }
.promo ul.promo-category li.exclusive { background-position: 0 -25px; }
.promo ul.promo-category li.ending-soon { background-position: 0 -50px; }
.promo ul.promo-category li.planner { background-position: 0 -75px; text-align: center; font-size: 1em; line-height: 1; }
.promo ul.promo-category li span.category-icon { float: left; margin-top: -4px; margin-right: 4px; display: block; width: 12px; height: 15px; background: url(/a/rfp/images/csn-sprite.png) 0 0 no-repeat; }
.promo ul.promo-category li.trending span.category-icon { background-position: -99px -39px; }
.promo ul.promo-category li.for-you span.category-icon { background-position: -129px -38px; }
.promo ul.promo-category li.exclusive span.category-icon { background-position: -129px -38px; }
.promo ul.promo-category li.ending-soon span.category-icon { background-position: -159px -37px; }
.promo ul.promo-category li.planner span.category-icon { display: none; }
/* Promo Buttons */
.promo-wrapper .promo-action-bar { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; overflow: hidden; list-style: none; margin: 0 12px; padding: 0; width: 280px; border-top: 1px solid #eee; }
.promo-wrapper .promo-action-bar .secondary-button a { padding: 8px 0 8px 2px; outline: 0; }
.promo-wrapper .promo-action-bar .primary-button a { padding: 8px 0; float: right; outline: 0; }
.promo-wrapper .promo-action-bar li a { border: 0; color: #444; display: block; float: left; text-decoration: none; width: 140px; box-sizing: border-box; }
.promo-wrapper .promo-action-bar li a span { background: #f8f8f8; border: 1px solid #d7dee3; border-radius: 3px; display: block; height: 16px; padding: 6px 12px; text-align: center; }
.promo-wrapper .promo-action-bar .secondary-button a span { background: none; border: 0; color: #707070; text-align: left; padding: 6px 0; float: left; }
.promo-wrapper .promo-action-bar .primary-button a span { background: #7bac40; border: 1px solid #6b9d36; color: #fff; padding: 6px 0; }
.promo-wrapper .promo-action-bar .secondary-button a span:hover { background: none; color: #2093cd; transition: all 0.15s ease; }
.promo-wrapper .promo-action-bar .primary-button a span:hover { background: #6b9d36; transition: all 0.15s ease; }
.promo-wrapper .promo-action-bar .primary-button.disabled a { cursor: default; outline: 0; }
.promo-wrapper .promo-action-bar .primary-button.disabled a span { background: #b8b8b8 url(/a/rfp/images/csn-promo-disabled-button-bg.png) 0 0 repeat-x; border: 1px solid #a8a8a8; color: #666; }
.promo-wrapper .promo-action-bar .primary-button.disabled a span:hover { cursor: default; }
/* DG - City Tab Promos */
.city-promo-wrapper.content-block { padding: 0; background: transparent; margin-bottom: 0; }
.city-promo-wrapper.content-block .promo-wrapper.premium { margin: 0 0 10px 0; width: 576px; height: 185px; position: relative; }
.city-promo-wrapper.content-block .promo-wrapper { width: 576px; margin: 0 0 10px 0; height: 170px; position: relative; }
.city-promo-wrapper.content-block .promo-wrapper.premium .promo .venue-location { width: 290px; float: right; }
.city-promo-wrapper.content-block .promo .promo-image { width: 275px; float: left; height: 185px; }
.city-promo-wrapper.content-block .promo-wrapper.premium .promo-image img { left: -10px; }
.city-promo-wrapper.content-block .promo { width: auto; height: auto; max-height: none; margin: 0; text-decoration: none; }
.city-promo-wrapper.content-block .promo-wrapper.premium > a.promo { width: auto; height: auto; max-height: none; margin: 0; }
.city-promo-wrapper.content-block .promo .promo-details { height: 55px; position: relative; bottom: auto; }
.city-promo-wrapper.content-block .promo .promo-image + .promo-details { width: 277px; float: left; position: relative; height: 69px; }
.city-promo-wrapper.content-block .promo .promo-details h2 { font-size: 1.2em; }
.city-promo-wrapper.content-block .promo-wrapper.premium .promo .promo-details .purchase-info { padding-bottom: 0; }
.city-promo-wrapper.content-block .promo-wrapper .promo .promo-details .purchase-info { padding-bottom: 0; bottom: 5px; }
.city-promo-wrapper.content-block .promo .promo-details .purchase-info h3 { width: 552px; }
.city-promo-wrapper.content-block .promo .promo-image + .promo-details .purchase-info h3 { width: 277px; }
.city-promo-wrapper.content-block .promo.premium .promo-image ul.promo-category { width: 86px; }
.city-promo-wrapper.content-block .promo.premium .promo-image ul.promo-category li { margin: 0 0 4px 0; }
.city-promo-wrapper + .search-link { margin-top: 0; }
.city-promo-wrapper.content-block .promo-wrapper .promo-action-bar { width: 565px; position: absolute; left: 12px; bottom: 0; list-style: none; margin: 0; padding: 0; }
.city-promo-wrapper.content-block .promo-wrapper.premium .promo-action-bar { right: 12px; left: auto; width: 290px; }
.city-promo-wrapper.content-block .promo-wrapper .promo-action-bar .primary-button a span { padding-top: 5px; padding-bottom: 5px; }
/* DG - Region Promos */
.city-promo-wrapper.region-promo-wrapper.content-block { padding: 0 15px; background: transparent; }
.city-promo-wrapper.region-promo-wrapper.content-block .promo-wrapper { width: 589px; }
.city-promo-wrapper.region-promo-wrapper.content-block .promo-wrapper.premium .promo-action-bar li a { width: 145px; }
.city-promo-wrapper.region-promo-wrapper.content-block .promo-wrapper .promo-action-bar .secondary-button a { width: 425px; }
.city-promo-wrapper.region-promo-wrapper.content-block .promo-wrapper.premium .promo-details { width: 290px; }
.city-promo-wrapper.region-promo-wrapper.content-block .promo-wrapper .promo-details .purchase-info h3 { width: 565px; }
.city-promo-wrapper.region-promo-wrapper.content-block .promo-wrapper.premium .promo-details .purchase-info h3 { width: 290px; }
/* CSN Header */
.csn-header-wrapper { margin: 0 0 10px 0; overflow: hidden; border-bottom: 1px solid #d1dde3; background: #fff; }
.csn-header { overflow: hidden; width: 950px; margin: 0 auto; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
.csn-header ul { list-style: none; margin: 0; padding: 0; float: left; }
.csn-header li { float: left; margin-right: 1px; }
.csn-header li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1; border-bottom-width: 0; text-decoration: none; }
.csn-header .main-nav li a { width: 140px; padding: 15px 0; border-bottom: 0; text-align: center; }
.csn-header .main-nav li a:hover { background-color: #eef4f5; }
.csn-header .nav-icon { display: block; width: 27px; height: 27px; margin: 0 auto 6px auto; background: url(/a/rfp/images/csn-sprite.png) no-repeat -2px -1px; position: relative; }
.csn-header .nav-icon .new-callout { background: url(/a/rfp/images/new-nav-ca.png) no-repeat 0 0; width: 28px; height: 13px; position: absolute; top: -4px; right: -23px; text-indent: -9999px; }
.csn-header .supplier-icon { background-position: -182px -92px; }
.csn-header .promotion-icon { background-position: -212px -92px; }
.csn-header .destination-icon { background-position: -242px -92px; }
.csn-header .logo-wrapper { padding: 16px 25px 15px 0; float: left; }
.csn-header .logo-wrapper a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1; width: 242px; color: #666; font-style: italic; text-align: left; padding: 0; font-weight: normal; border-bottom-width: 0; text-decoration: none; }
.csn-header .logo-wrapper .logo { display: block; margin-bottom: 6px; width: 242px; height: 26px; background: url(/a/rfp/images/cvent-supplier-network-logo.png) no-repeat 0 50%; text-indent: -9999px; }
.csn-header .logo-wrapper .tagline { padding-left: 1px; }
.csn-header .utility-nav { float: right; padding: 15px 0 0 0; }
.csn-header .utility-nav li { padding: 2px 10px; margin: 4px 0; }
.csn-header .utility-nav li.sign-up { padding: 0; margin: 1px 0; }
.csn-header .utility-nav li.sign-up a { display: block; color: #fff; background: #11a2db; padding: 7px 10px; border-bottom-width: 0; }
.csn-header .utility-nav li.sign-up a:hover { background: #22b3ec; }
.csn-header .utility-nav li.last { padding-right: 0; border-left: 1px solid #dde9ee; }
.csn-header .utility-nav li a { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1; padding: 2px 0; border-bottom-width: 0; }
.csn-header .active { background: #eef4f5; font-weight: bold; }
.csn-header .chatDiv { position: absolute; bottom: 8px; right: 0; }
.csn-header .chatDiv a { border-bottom-width: 0; color: #fff; font-size: 1em; line-height: 1; display: block; padding: 6px 10px; background: #90ae2b; }
.csn-header .chatDiv a:hover { background: #9ab92e; }
.breadcrumb-wrapper { overflow: hidden; margin-top: -2px; margin-bottom: 8px; }
.breadcrumb-nav { list-style-type: none; margin: 0; padding: 0; float: left; font-size: 1em; }
.breadcrumb-nav li { float: left; }
.breadcrumb-nav li a { float: left; display: block; color: #a8afb5; border-bottom-width: 0; cursor: pointer; }
.breadcrumb-nav li a:hover { color: #387194; }
.breadcrumb-nav li.active a { color: #387194; }
.breadcrumb-nav .breadcrumb-icon { float: left; display: block; width: 15px; height: 15px; background: url(/a/rfp/images/csn-sprite.png) no-repeat 0 0; }
.breadcrumb-nav .home-icon { background-position: -127px -99px; }
.breadcrumb-nav .arrow-right-icon { background-position: -68px -99px; }
.breadcrumb-nav .home a { text-indent: -9999px; width: 15px; }
.breadcrumb-nav .home-icon:hover { background-position: -158px -99px; }
.breadcrumb-nav .shortcut-link { padding-right: 6px; }
.breadcrumb-nav .shortcut-link a { color: #387194; font-weight: bold; }
.breadcrumb-nav .arrow-left-icon { background-position: -98px -99px; }
.breadcrumb-nav .shortcut-link + .home { border-left: 1px solid #caced1; padding-left: 5px; }
/* Ajax Loader */
.csn-ajax-loader { margin: 0 auto; padding: 0 0 10px 0; clear: both; width: 85px; overflow: hidden; }
.csn-ajax-loader .ui-loading-icon { float: left; display: block; width: 20px; height: 20px; margin: 0; background: url(/a/rfp/images/ajax-loader-20.gif) no-repeat center; }
.csn-ajax-loader .status { float: left; display: block; text-transform: uppercase; color: #aaa; font-size: 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; margin: 5px 0 0 5px; }
.cv-csn-ajax-loader-overlay { position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(250,250,250,0.6); background-image: url(/a/rfp/images/ajax-loader.gif);background-repeat: no-repeat; background-position: center 80px; }
/* Back to top */
.cv-csn-back-to-top { position: fixed; right: 0; bottom: 50%; z-index: 9999; box-shadow: 0 0 3px #eee; }
.cv-csn-back-to-top a { display: block; width: 60px; color: #fff; border: 0; text-transform: uppercase; font-weight: bold; text-align: center; background: #c5c9ce; padding: 15px 0; font-size: 11px; }
.cv-csn-back-to-top .back-to-top-icon { display: block; width: 30px; height: 30px; background: url(/a/rfp/images/csn-sprite.png) -90px -60px no-repeat; margin: 0 auto; }
/*Search box css*/
.cv-csn-search-box-container { float: right; position: relative; margin: 12px 15px 0 0; }
.cv-csn-search-box-container input { border: 1px solid #ccc; border-right: 0px; border-radius: 4px 0 0 4px; padding: 2px 25px 2px 4px; height: 24px; width: 200px; float: left }
.cv-csn-search-box-container input::-ms-clear { display: none; width : 0; height: 0; }
.cv-csn-search-box-container .search-icon { float: left; display: block; cursor: pointer; height: 24px; padding: 3px; border-left: 0px; background: #1BA0DA; border-radius: 0 4px 4px 0; }
.cv-csn-search-box-container .search-icon span { display: block; width: 22px; margin: 2px 5px; height: 20px; background: url(/a/planner-side/sprites/cv-icon-sprite.png) -120px -659px no-repeat;}
.cv-csn-search-box-container .text-remove-icon { position: absolute; top: 6px; cursor: pointer; text-align: center; line-height: 12px; font-size: 12px; border-radius: 15px; left: 208px; display: block; height: 20px; width: 20px; background: url(/a/planner-side/sprites/cv-icon-sprite.png) 0 -600px no-repeat; }
/** table header style*/
#dgSupplierView table.data-grid th div.hover { cursor: default; }
#dgSupplierView table.data-grid th.sortable div.hover { cursor: pointer; }
.custom table.data-grid th.sortable .DataTables_sort_icon { float: right; position: absolute; top: 50%; margin-top: -7px; width: 15px; height: 15px; background-image: url(/a/rfp/images/jquery-ui/ui-icons_2e83ff_256x240.png); background-repeat: no-repeat; background-position: -132px -2px; }
.custom table.data-grid th.sortable.desc .DataTables_sort_icon { background-position: -68px -22px; }
.custom table.data-grid th.sortable.asc .DataTables_sort_icon, .custom table.data-grid th.sortable.desc .DataTables_sort_icon { margin-top: 0px; }
.custom table.data-grid th.sortable.asc .DataTables_sort_icon { background-position: -3px -22px; }
/*Supplier load link*/
a.cv-csn-load-more-link{ margin: 0 auto; width: 120px;display: block; padding: 10px 0 0 0; }
/* Sriracha header styles*/
a {
text-decoration: none;
border-style: none;
}
.headerWrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
min-width: 950px;
z-index: 20;
background: #e9edef;
border-bottom: solid 1px #cad0d3;
}
.wrapper {
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
background: #e9edef;
top: 0;
left: 0;
width: 100%;
position: relative;
z-index: 1;
margin: 0 auto;
}
.headerLogo {
display: block;
width: 125px;
float: left;
margin: 10px 40px 6px 20px;
}
.logo {
display: block;
background: url(/a/rfp/images/CSN-logo_113.png) no-repeat 0 0;
text-indent: -9999px;
width: 114px;
height: 37px;
border-style:none;
}
.navList {
list-style: none;
margin:auto;
}
.navItem {
float: left;
display: inline-block;
}
.navLink {
display: block;
float: left;
padding: 13px 15px 7px;
margin-top: 11px;
color: #333;
font-weight: 400;
font-size: 16px;
border-style: none;
}
.navLink:hover {
color: #00a0dd;
}
.activeTab {
background: #fff;
color: #333;
font-weight: 700;
border-top: 3px solid #00a0dd;
border-left: 1px solid #cad0d3;
border-right: 1px solid #cad0d3;
margin-bottom: -1px;
padding: 10px 20px 11px;
}
.activeTab:hover {
border-top: 3px solid #00a0dd;
border-left: 1px solid #cad0d3;
border-right: 1px solid #cad0d3;
}
.secondaryNavListWrapper {
float: right;
margin-right: 5px;
}
.secondaryNavLink {
margin: 8px 0 5px;
color: #00a0dd;
}
.breadCrumbBar {
background: #fff;
color: #0099e0;
text-align: center;
font-size: 16px;
padding: 10px;
font-weight: 400;
position: relative;
z-index: 1;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.sriracha-discover-tab-new {
background: #4099da;
padding: 2px 6px;
font-size: 11px;
font-family: 'Lato';
color: #fff;
border-radius: 8px;
position: relative;
top: -8px;
left: 2px;
}
.notificationBannerContainer {
position: relative;
background: #0080ee;
padding: 10px 40px;
}
.notificationMessageContainer, .notificationMessageContainer p {
font-family: "Brandon Text",sans-serif;
font-weight: 700;
font-size: 16px;
text-align: center;
color: #fff;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px;
}
.notificationMessageContainer a {
font-family: "Brandon Text",sans-serif;
font-weight: 700;
font-size: 16px;
text-align: center;
color: #fff;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: underline;
cursor: pointer;
}
.notificationMessageContainer a:hover {
color: #ffd166;
}
.closeNotificationBanner:hover {
color: #fff;
text-decoration: none;
}
.closeNotificationBanner:before {
content: "\e935";
font-size: 15px;
font-family: 'cvticons';
font-style: normal;
font-weight: 400;
line-height: 1.6;
}
.closeNotificationBanner {
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
padding: 13px 15px 13px 11px;
font: 0/0 transparent;
text-decoration: none;
cursor: pointer;
}
@font-face {
font-family: 'Brandon Text';
src: url(/a/rfp/font/Brandon-text/brandon-text-700.woff) format('woff');
font-weight: 700;
}
@font-face {
font-family: 'cvticons';
src: url('/a/planner-side/font/icomoon/cvticons.woff2') format('woff2'),
url('/a/planner-side/font/icomoon/cvticons.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* Sriracha header breadcrumb styles */
.breadcrumbWrapperNew {
clear: both;
width: 100%;
min-width: 950px;
overflow: hidden;
padding: 10px 0;
background: #fff!important;
margin-bottom: 10px;
box-shadow: 0 1px 7px #888888;
position:relative;
margin-top:-1px;
}
.breadcrumb-content {
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 100%;
max-width: 950px;
position: relative;
z-index: 1;
margin: 0 auto;
}
.breadCrumbItemLink {
color: #00a0dd;
font-size: 16px;
text-decoration: none;
margin-left:5px;
}
.breadcrumbIcon {
float: left;
display: block;
width: 25px;
height: 25px;
background: url(/a/rfp/images/csn-sprite.png) no-repeat 0 0;
}
.arrowRightIcon {
background-position: -170px -148px;
}
.homeIcon {
background-position: -190px -149px;
}