/* -- CSS RESET -- */
html, body, div, span, applet, object, iframe, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, 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 {margin: 0;padding: 0; border: 0;outline: 0;font-size: 100%;vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
/* -- BEGIN CSS -- */
{ padding: 0; margin: 0; }
body {background: url(../images/backrounds/surface11.jpg) no-repeat fixed center top black;font-family: Arial, Helvetica, sans-serif; color: #FFF; min-height:100%; line-height:1.3; font-size:0.8125em;}
img {border:none;
max-width:100%;}
.img_thumb {
border: 3px solid #003366;
margin: 5px;
}
/* -- FONT STYLES -- */
h1 {font-size:1.5em /*24px /16px*/; margin: 0 0 5px 0;font-family: myriad-pro,sans-serif;
font-style: normal;
font-weight: 300;}
h2 { font-size:1.0em /*17px /16px*/; margin: 0 0 5px 0;font-family:myriad-pro,sans-serif;
font-style: normal;
font-weight: 300;}
h3 {font-size:1.1em; margin: 0 0 5px 0;font-family: myriad-pro,sans-serif;
font-style: normal;
font-weight: 300;}
h4 { font-size:1em /*18px /16px*/; margin:0 0 5px 0;font-family: myriad-pro,sans-serif;
font-style: normal;
font-weight: 300;}
#diving h4 { font-size:0.875em; margin:0 0 5px 0; text-decoration:underline;}
h5 {font-size: 1.0625em;}
h6 {font-size:1.0625em /*17px /16px*/; margin: 0 0 5px 0;font-family:myriad-pro,sans-serif;
font-style: normal;
font-weight: 700;}
h7 {font-size:1.2em; font-weight:400;font-family: myriad-pro,sans-serif; font-style: normal; margin: 0 0 0px 0;}/*menu title*/
h8 {font-size:0.75em; font-weight:100; margin: 0 0 0px 0;}
h9 {font-size:1em; text-decoration:underline; color:#3CF}
h10 {font-size:1.5em; margin: 0 0 0px 0;font-family: myriad-pro,sans-serif;
color: #fff;
font-style: normal;}
h15 {font-size:1.2em; margin: 0 0 0px 0;font-family: myriad-pro,sans-serif;
color: #3CF;
font-style: normal;}
h11 {font-size:1.2em; margin: 0 0 0px 0;font-family: myriad-pro,sans-serif;
color: #09F;
font-style: normal;}
h12 {font-size:1.1em; font-weight:bold; color: #FFF}
h20 {font-size:1.5em; color: #F00;}
h21 {font-size:1.5em; color: #FFF;}
p{ margin:0; padding-top:2px; padding-left:10px; padding-right:10px; font-size:1em; line-height:1.35em; font-family: myriad-pro,sans-serif; text-align:justify; }
.result_sort { font-size:0.9375em /*15px /16px*/; padding:15px 0;}
a { color:#FFF; text-decoration:none;}
a:hover { color:#CC3333; text-decoration:underline;}
a:visted { color:#FFF; text-decoration:none;}
.redlink a{ color: #CC3333; text-decoration:underline;}
.redlink a:hover { color:#CC3333; text-decoration:none;}
.whitelink a{ text-decoration:underline;}
.whitelink a:hover { color:#CC3333; text-decoration:underline;}
p.product_page_rating {font-size: 1.1em;height: 18px !important;}
p.product_page_rating em {display: block;float: left;font-weight: bold;font-style:normal;padding: 0;width: 50px;}
.red_highlight { color:#CC3333; font-weight:bold; font-style:italic;}
.readmore_btn { color:#000; padding: 2px 5px; font-size:11px; font-style:italic; font-weight:bold; border:none; text-transform:uppercase; display:inline-block; margin-top:2px; text-decoration:none !important;}
.readmore_btn:hover { color:#000; background:#818181; cursor:pointer; text-decoration:none; }
/* -- PAGE PANELS -- */
#page_wrapper { margin: 0 auto; width:100%; max-width:975px;min-width:975px; position: relative;padding-bottom: 3em;}
.content_wrapper {width:100%; max-width:975px; min-width:975px; clear: both;height: auto;float:left;margin:15px 0 0 0;}
.main_content { clear: both; width:100%; max-width: 740px; min-width: 740px; margin: 0 0 3px 0;}
.main_content_full_width { clear: both; width:98.974%; max-width: 970px; min-width: 970px; margin: 0 0 3px 0; overflow: auto;}
.columnbox { margin: 0 0 3px 0 ; width:22.564% ;max-width: 220px;min-width: 220px;}
.inner_leftcolumn {width:22.564% ;max-width: 220px;min-width: 220px; float: left; }
/*columns*/
.column1 { background:url(../images/general/boxfade.png) repeat-x #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0 ; width:32%; max-width: 225px; padding:1%; float:left; min-height:475px;}
.column2 { background:url(../images/general/boxfade.png) repeat-x scroll top #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0; width:32%; max-width: 225px; padding:1% 1%; float:left; min-height:475px;}
.column3 { background:url(../images/general/boxfade.png) repeat-x scroll top #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0; width:32%; max-width: 225px; padding:1%; min-height:475px;}
.column4 { background:url(../images/general/boxfade.png) repeat-x #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0 ; width:31.693989%; max-width: 225px; padding:1%; float:left; min-height:262px;}
.column5 { background:url(../images/general/boxfade.png) repeat-x scroll top #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0; width:31.693989%; max-width: 225px; padding:1% 1%; float:left; min-height:262px;}
.column6 { background:url(../images/general/boxfade.png) repeat-x scroll top #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0; width:31.693989%; max-width: 225px; padding:1%; min-height:262px;}
.column7 { background:url(../images/general/boxfade.png) repeat-x #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0 ; width:31.693989%; max-width: 225px; padding:1%; float:left; min-height:102px;}
.column8 { background:url(../images/general/boxfade.png) repeat-x scroll top #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0; width:31.693989%; max-width: 225px; padding:1% 1%; float:left; min-height:100px;}
.column9 { background:url(../images/general/boxfade.png) repeat-x scroll top #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0; width:31.693989%; max-width: 225px; padding:1%; min-height:100px;}
.column10 { background:url(../images/general/boxfade.png) repeat-x #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0 ; width:31.693989%; max-width: 225px; padding:1%; float:left; min-height:325px;}
.column11 { background:url(../images/general/boxfade.png) repeat-x scroll top #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0; width:31.693989%; max-width: 225px; padding:1% 1%; float:left; min-height:325px;}
.column12 { background:url(../images/general/boxfade.png) repeat-x scroll top #414141; overflow: auto; border: 2px solid #414141; margin: 0 0 1% 0; width:31.693989%; max-width: 225px; padding:1%; min-height:325px;}
#info { overflow:auto;}
.product_information_facts { width:31.3432835% ; max-width:210px; min-width:210px; float:right; padding-top:7px;}
.product_description { float:left; width:68.6567164% ;max-width:480px; min-width:480px; padding-top:10px; padding-left:10px; font-size:1.05em; line-height:1.3em; font-family: myriad-pro,sans-serif; text-align:justify;}
.product_description2 { float:left; width:98% ;max-width:690px; padding-top:10px; padding-left:10px; font-size:1.05em; line-height:1.3em; font-family: myriad-pro,sans-serif; text-align:justify;}
.prices_box { width:41.7910447%; max-width:280px; float:right; padding:10px 0 0 20px;}
.trip_price { font-size:1.5em;}
.trip_price b{ font-size: 1.5em;font-weight: bold;padding: 0 0 0 80px;}
.buttons {margin: 0;padding: 15px 0 0;}
.quote_280{ background:url(../images/general/quote_mark.png) no-repeat scroll 0 5px transparent; float:right; border-top:1px solid #fff; border-bottom:1px solid #fff; font-family:Georgia, Times New Roman, Times, serif; font-size:14px; font-style:italic; padding: 5px 0 0 25px; clear:right; margin:30px 10px 0 0; width:280px;}
.noquote_280{float:right; border-top:0px solid #fff; border-bottom:0px solid #fff; font-family:Georgia, Times New Roman, Times, serif; font-size:14px; font-style:italic; padding: 5px 0 0 5px; clear:right; margin:10px 10px 0 0; width:280px;}
.quote_techniques{ background:url(../images/general/techniques.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, Times New Roman, Times, serif; font-size:14px; font-style:italic; padding: 50px 0 0 25px; clear:right; margin:30px 10px 0 0; width:270px;}
.quote_photo{ background:url(../images/general/tie5.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, Times New Roman, Times, serif; font-size:14px; font-style:italic; padding: 50px 0 0 25px; clear:right; margin:30px 10px 0 0; width:55.2238%;max-width:370px;}
.photo_icon{ background:url(../images/general/photoicon.png) no-repeat scroll 0 5px transparent; float:left; margin:0px 10px 0 0; padding: 0px 0px 0 50px; width:40%;max-width:50px;}
.quote_report{ background:url(../images/general/tr.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding: 50px 0 0 25px; clear:right; margin:30px 10px 0 0; width:270px;}
.quote_review{ background:url(../images/general/kr.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding: 50px 0 0 25px; clear:right; margin:30px 10px 0 0; width:270px;}
.quote_video{ background:url(../images/general/tie5.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding: 50px 0 0 25px; clear:right; margin:30px 10px 0 0; width:220px;}
.quote_martyn{ background:url(https://www.scubatravel.com/photography/photographers/martyn.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding: 170px 0 0 25px; clear:right; margin:20px 10px 0 0; width:220px;}
.quote_alex{ background:url(https://www.scubatravel.com/photography/photographers/alex.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding: 170px 0 0 25px; clear:right; margin:30px 10px 0 0; width:220px;}
.quote_duxy{ background:url(https://www.scubatravel.com/photography/photographers/duxy.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding: 170px 0 0 25px; clear:right; margin:30px 10px 0 0; width:220px;}
.quote_martin{ background:url(https://www.scubatravel.com/photography/photographers/martin.png) no-repeat scroll 0 5px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding: 170px 0 0 25px; clear:right; margin:30px 10px 0 0; width:220px;}
.quote_column{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding: 50px 0 0 25px; clear:right; margin:30px 10px 0 0; width:220px;}
.quote_200{ no-repeat:scroll 0 0px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; padding: 0px 0 0 0px; clear:right; margin:0px 0px 0 0; width:200px;}
.emma_200{ no-repeat:scroll 0 0px transparent; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; padding: 0px 0 0 0px; clear:right; margin:0px 0px 0 0; width:200px;}
.quote_600{ background:url(../images/general/quote_mark.png) no-repeat scroll 0 5px transparent; border-top:1px dotted #818181; border-bottom:1px dotted #818181; padding: 5px 0 0 25px; margin:0 0 20px 40px; width:600px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:20px; font-size:13px;}
.quote_600 a{ color:#CC3333;}
.quote_600 a:hover{ color:#CC3333; text-decoration:underline;}
.quote_rdc{ no-repeat:scroll 0 5px transparent; border-top:1px dotted #818181; border-bottom:1px dotted #818181; padding: 5px 0 0 25px; margin:0 0 20px 40px; width:600px; line-height:20px; font-size:14px;}
.quote_rdc a{ color:#CC3333;}
.quote_rdc a:hover{ color:#CC3333; text-decoration:underline;}
.title_quote_680 { font-size:14px; padding:0; margin:0 0 3px 40px; font-weight: bold;}
.details{ float:right; padding: 10px 0 0 0; clear:right; margin:0; width:310px;}
.columns {
-webkit-column-count:2;
-moz-column-count:2;
}
/*Take It Easy*/
.take{ font-family:'NewBerolinaW01-Regular'; font-size:1.25em;}
.take2{ font-family:'NewBerolinaW01-Regular'; font-size:1.35em; color: #3CF;}
.impact{ font-family:'Impact W01'; font-size:1.25em;}
.impact2{ font-family:'Impact W01'; font-size:1em; color: #3CF;}
/*Read More*/
.more {
display: none;
border-top: 1px solid #666;
border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
text-decoration: none;
color: #003366;
padding-left: 8px;
background: transparent url(down.gif) no-repeat left; }
a.hideLink {
background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
border-bottom: 1px dotted #36f; }
/* -- REUSABLE CLASSES -- */
.none {background-color:#FFF;}
.black80 {background:url(../images/general/blue80.png) repeat;}
.black {background:url(../images/general/black.png) repeat;}
.boxfade {background:url(../images/general/boxfade3.png) repeat-x scroll top #006699; overflow: hidden; border: 1px solid #003366;}
.left_col_icon {float: left; padding: 2px 4px 0 0;}
.width_725 { width:100%; max-width:735px; float:left;}
.width_460 { width:100%; max-width:460px; float:left;}
.width_475 { width:100%; max-width:475px; float:left;}
.width_360 { width:100%; max-width:360px; float:left;}
.width_500 { width:100%; max-width:495px; float:left;}
.width_240 { width:100%; max-width:240px; float:right;}
.width_news { width:100%; max-width:240px; float:right; }
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255,0,0,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
}
.itemlist {clear: both; margin:20px 0 20px 20px;}
.itemlist img { float:left; max-width:100%;}
.itemlist p {float: left; line-height: 1.4em; margin: 0 0 0 10px ; padding: 0; width: 500px; }
.itemlist2 p {float: left; line-height: 1.4em; margin: 0 0 0 10px ; padding: 0; width: 90%; }
.itemlist p a{ font-style:italic; text-decoration:underline;}
.right { float:right;}
.left { float:left;}
.clear { clear:both;}
.clear_left { clear:left;}
.clear_right { clear:right;}
.fb_btn{ float:left;}
.addthis_btn { float:left;}
.pad5px { height:5px;}
.pad20 { height:20px;}
.pad100 { height:100px;}
.pad_left_bottom { padding: 0 0 5px 5px;}
.pad_top_right_bottom { padding: 5px 15px 5px 0;}
.pad_10_50 { padding:10px 50px;}
.indent { margin-left:50px;}
.social_bookmarks { float:right; padding: 4px 5px 0 0; height:23px;}
.input_btn { background:#FFF; padding: 2px 5px; font-size:11px; font-style:italic; font-weight:bold; border:none; text-transform:uppercase; }
.input_btn:hover { background:#818181; cursor:pointer; }
.inner_pad { padding:20px;}
.nitrox { background: url("../images/general/free_nitrox.png") no-repeat scroll 0 0 transparent;height: 80px; position: absolute; right:57.15%; width: 150px; z-index: 100;}
.ssi { background: url("../../freediving/images/ssi.png") no-repeat scroll 0 0 transparent;height: 80px; position: absolute; right: 332px; top: 52px; width: 150px; z-index: 100;}
/* -- MAP LABELS --*/
#world-map a.region-map-label {background:url(../images/general/grey80.png) repeat scroll 0 0 transparent; color:#FFF;display:block;font-size:14px;padding:3px 5px;text-decoration:none; font-weight:bold;}
#world-map a.region-map-label:hover {color:#FFFFFF !important;text-decoration:underline;}
#world-map a.region-map-label-big { background:url(../images/general/grey80.png) repeat scroll 0 0 transparent; color:#FFF;display:block;font-size:20px;padding:3px 5px;text-decoration:none; font-weight:bold;}
#world-map a.region-map-label-big:hover {color:#FFFFFF !important;text-decoration:underline;}
/* -- LISTS -- */
.news_item{margin:0; font-size:12px;padding-bottom:5px; clear:both;}
.news_item_date{ font-style:italic; float: left; width:45px;}
.news_item_title { float: right;width: 182px; margin:0 0 6px 0; }
.news_item_title a{color:#FFF; text-decoration:underline;}
.news_item_title a:hover{color:#CC3333; }
.pad10_bottom { margin-bottom:10px;}
ul.list1{ margin:0 0 10px 0; font-size:12px;}
ul.list1 li { padding-bottom:5px;}
ul.list1 li i{ font-weight:normal;}
ul.list1 li a{ color:#FFF; text-decoration:underline;}
ul.list1 li a:hover{ color:#CC3333;}
ul.list2{ margin:0 0 10px 0; font-size:12px;}
ul.list2 li { padding:0 0 5px 5px;}
ul.list2 li i{ font-weight:normal;}
ul.list2 li a{ color:#FFF; text-decoration:none;}
ul.list2 li a:hover{ color:#CC3333; text-decoration:underline;}
#sprite {width:100%;max-width: 196px; height:128px;background: url(../images/icons/icons4.png); margin:0; padding: 0;position: relative;}
#sprite li {margin:0;padding:0;list-style:none;position:absolute;top:50;}
#sprite li, #sprite a {height: 131px; display: block;}
#sprite_boat {left:0px;width:67px;}
#sprite_plane {left:65px;width:67px;}
#sprite_resort {left:135px;width:67px;}
#sprite_login {left:0px;width:67px; top:-67px }
#sprite_photo {left:65px;width:67px; top:-67px}
#sprite_tek {left:135px;width:67px; top:-67px}
ul.highlights { padding:0 0 10px 30px;}
ul.highlights li { background:url(../images/general/tick.png) no-repeat 0 0; padding:0 0 4px 25px;}
ul.photohighlights li { background:url(../images/general/takeiteasy.png) no-repeat 0 0; padding:0 0 4px 30px;}
ul.highlights2 { padding:0 0 0 2px;}
ul.highlights2 li { background:url(../images/general/tick.png) no-repeat 0 0; padding:0 0 7px 25px;}
ul.highlights3 { padding:10px 10px 10px 10px;}
ul.highlights3 li { background:url(../images/icons/boat2.png) no-repeat 0 0; padding:0 0 7px 25px;}
ul.facts {padding:0 0 20px 0;}
ul.facts li {padding:0 0 4px 12px;}
ul.dive_facts { list-style: disc outside none; margin-left:30px; padding:0 0 20px 0;}
ul.dive_facts li {padding:0 60px 10px 0;}
ul.testimonials { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:0 0 0px 0;}
ul.testimonials li {padding:0 0 0px 12px;}
.name_sig { font-weight:bold; display:block;}
ul.med{ margin:0 0 0 10px; padding: 0 0 10px 50px; }
ul.med li{ list-style:disc outside none; }
ul.wrecks{ margin:0 0 0 10px; padding: 0 0 10px 50px;}
ul.wrecks li{ list-style:decimal;padding:0 0 20px 0;}
/* -- HEADER -- */
.header { width: 100%; max-width: 975px;float: left; height: 180px; margin: 0px 0 5px 0;}
#phonenumber { width:100%; max-width:400px; float:right; clear:right; margin: 0px 0px 5px 0;}
/* -- PAGE TITLE FOR SEO -- */
a.whatwedo {color:#FFFFFF;display:block;font-size:10px;height:35px;}
a.whatwedo:hover {color:#FFFFFF;}
.whatwedopos {bottom:0;position:absolute;}
/* -- FOOTER -- */
.footer {width: 965px;float: left;padding: 0;margin: 0; padding:5px;}
.footerclear { height:10px; clear:both; position: relative;}
#footer_icons {width: 580px; height:45px;background: url(../images/general/footer_sprite.png); margin:0; padding: 0;position: relative;}
#footer_icons li {margin: 0; padding: 0; list-style: none;position: absolute; top: 0;}
#footer_icons li, #footer_icons a {height: 45px; display: block;}
#atol {left: 0; width: 50px;}
#iata {left: 50px; width: 50px;}
#aito {left: 100px; width: 50px;}
#pa {left: 150px; width: 50px;}
#st {left: 200px; width: 50px;}
#climate {left: 250px; width: 50px;}
#bsac {left: 300px; width: 50px;}
#padi {left: 350px; width: 50px;}
.footer-info {float: left;margin: 5px 0 0 10px;padding: 5px;width: 220px; font-size:11px; }
.footer-info a{color: #FFFFFF;}
.footer-info ul{list-style:outside;}
/* -- DATE PICKER CSS -- */
table.jCalendar {border: 1px solid #000;background: #aaa;border-collapse: separate;border-spacing: 2px; margin-left: 2px;}
table.jCalendar th {background: #333;color: #fff;font-weight: bold;padding: 3px 5px;}
table.jCalendar td {background: #ccc;color: #000;padding: 3px 5px;text-align: center;}
table.jCalendar td.other-month {background: #ddd;color: #aaa;}
table.jCalendar td.today {background: #666;color: #fff;}
table.jCalendar td.selected {background: #f66;color: #fff;}
table.jCalendar td.selected.dp-hover {background: #f33;color: #fff;}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td { background: #fff;color: #000;}
table.jCalendar tr.selectedWeek td {background: #f66;color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb;color: #888;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover {background: #bbb;color: #888;}
/* For the popup */
div.dp-popup {position: relative;background: #fff;border: 1px solid #666666;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;}
div#dp-popup {position: absolute;z-index: 199;}
div.dp-popup h2 {font-size: 12px;text-align: center;margin: 2px 0;padding: 0; color:#000;}
a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}
/* -- SPRY VALIDATION CSS -- */
/*select*/
.selectRequiredMsg, .selectInvalidMsg {display: none;}
.selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg {display: inline;color: #CC3333;}
/*checkbox*/
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{ display: none;}
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMinSelectionsState .checkboxMinSelectionsMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg { display: inline;color: #CC3333;}
/*textarea*/
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {display:none;}
.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg { display: inline;color: #CC3333; border: 1px solid #CC3333; }
.textareaValidState textarea, textarea.textareaValidState { background-color:#B8F5B1;}
textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea { background-color:#FF9F9F;}
.textareaFocusState textarea, textarea.textareaFocusState { background-color:#FFFFCC;}
.textareaFlashState textarea, textarea.textareaFlashState{color:red !important;}
/*textfield*/
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg { display: none;}
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {display: inline; color: #CC3333; padding-left: 10px; font-size:13px; }
.textfieldValidState input, input.textfieldValidState { background-color: #B8F5B1; }
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input { background-color: #FF9F9F; }
.textfieldFocusState input, input.textfieldFocusState { background-color: #FFFFCC; }
.textfieldFlashText input, input.textfieldFlashText { color: red !important; }
/* -- HOLIDAY SEARCH BOX -- */
.search_radoptions {margin-bottom: 10px;font-size: 12px; }
.search_radoptions input, .search_radoptions label {cursor: pointer;margin: 0;padding: 0;}
.search_row {margin-bottom: 7px;font-size: 14px;}
.search_box_item {border: 1px solid #CCCCCC;}
.search_box_item_l {border: 1px solid #CCCCCC;margin: 0 0 0 10px;}
.search_box_side_menu {border: 1px solid #CCCCCC;margin: 0 0 0 10px;width: 200px;}
.searchBtn {background: url(../images/general/search_btn.jpg) no-repeat scroll 0 0 transparent;border: medium none;cursor: pointer;height: 21px;width: 70px; margin:3px 0;}
.goBtn {background: url(../images/general/go_btn.jpg) no-repeat scroll 0 0 transparent;border: medium none;cursor: pointer;height: 19px;width: 34px;}
/* -- NIVO SLIDER GENERAL CSS -- */
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block; position:absolute;z-index:50;height:100%;}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:20px;background:#414141;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */ z-index:89;}
.nivo-caption p {padding:8px;margin:0;}
.nivo-caption a {display:inline !important; padding: 10px 0 0 0;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
/* Caption styles */
.new-caption {position:relative;left:0px;bottom:15px;background:#414141;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */ z-index:89;}
.new-caption p {padding:2px;margin:0;}
.new-caption a {display:inline !important; padding: 10px 0 0 0;}
.new-html-caption {display:none;}
/* -- CUSTOM SLIDER CSS HOME PAGE-- */
#slider-wrapper {background: #414141;width:100%;height:100%;margin:0 0 5px 0;padding:3px; position: relative;}
#slider {position:relative;width:100%;height:100%;margin:0;background:url(../images/slider/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;display:block;}
.nivo-controlNav {position:absolute;left:260px;bottom:-42px;}
.nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/slider/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/slider/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:5px;}
a.nivo-prevNav {left:5px;}
.nivo-caption { text-shadow:none;font-family: Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;}
.nivo-caption a { color:#fff;text-decoration:underline;font-style:italic;font-weight:normal;font-size:16px;}
.nivo-caption a:hover { color:#CC3333;}
/* -- CUSTOM SLIDER CSS HEIGHT 420-- */
#slider_wrapper_420 {background: #414141;width:726px;height:420px;margin:0 0 5px 0;padding:3px;}
#slider_420 {position:relative;width:726px;height:420px;margin:0;background:url(../images/slider/loading.gif) no-repeat 50% 50%;}
/* -- CUSTOM SLIDER CSS HEIGHT 420-- */
#slider_wrapper_240 {background: #003366 ;max-width:400px;max-height:240px;margin:0 0 5px 15px;padding:3px;}
#slider_240 {position:relative;max-width:400px;max-height:240px;margin:0;background:url(../images/slider/loading.gif) no-repeat 50% 50%;}
/* -- CUSTOM SLIDER CSS HEIGHT 400 x 400-- */
#slider_wrapper_400 {background: #414141;max-width:400px;max-height:400px;margin:0 0 5px 0;padding:3px;}
#slider_400 {position:relative;max-width:400px;max-height:400px;margin:0;background:url(../images/slider/loading.gif) no-repeat 50% 50%;}
/* -- CUSTOM SLIDER CSS HEIGHT 420-- */
#slider_wrapper_photo {background: #414141;width:300px;height:170px;margin:0 0 5px 0;padding:3px;}
#slider_wrapper_review {background: #414141;width:400px;height:250px;margin:0 0 5px 0;padding:3px;}
#slider_wrapper_techniques {background: #414141;width:400px;height:300px;margin:0 0 5px 0;padding:3px;}
#slider_photo {position:relative;width:300px;height:170px;margin:0;background:url(../images/slider/loading.gif) no-repeat 50% 50%;}
#slider_review {position:relative;width:400px;height:250px;margin:0;background:url(../images/slider/loading.gif) no-repeat 50% 50%;}
#slider_techniques {position:relative;width:400px;height:300px;margin:0;background:url(../images/slider/loading.gif) no-repeat 50% 50%;}
/*
* jQuery FlexSlider v2.0
* https://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* https://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/* -- SHADOW BOX CSS -- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family: Tahoma, Geneva, sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:30%;margin-top:-12px;width:100%;text-align:center; color:#666;}
#sb-loading-inner span{background: url(../images/shadowbox/loading.gif) no-repeat;padding-left:220px;display:inline-block;}
#sb-body,#sb-loading{background-color:#ffffff;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/shadowbox/close.png);}
#sb-nav-next{background-image:url(../images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause{background-image: url(../images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/* HOME PAGE SPECIAL OFFERS BOX */
#offers_container {margin: 0 auto; text-align:center;}
#offers_container a{}
#offers_container a:hover{ text-decoration:none; }
.offers_img {border:1px solid #ffffff;}
.offers_stepcarousel{position: relative; overflow: scroll; width: 100%; height: 80%; }
.offers_stepcarousel .offers_belt{position: absolute; left: 0;top: 0;}
.offers_stepcarousel .panel{float: left; overflow: hidden; margin: 0 0px 0 0; width: 100%; }
.offers_stepcarousel .panel:hover{ background:#2c2c2c !important; }
.offers_stepcarousel .panel p strong { font-size: 20px;}
.prev_btn { background:url(../images/home/arrow_left_home.png) no-repeat; float:left; height:30px; width:30px; margin-left:10px; cursor:pointer;}
.prev_btn:hover { background:url(../images/home/arrow_left_home.png) -30px 0 no-repeat; }
.next_btn { background:url(../images/home/arrow_right_home.png) no-repeat; float:right; height:30px; width:30px; margin-right:10px;cursor:pointer; }
.next_btn:hover { background:url(../images/home/arrow_right_home.png) -30px 0 no-repeat; }
.see_all_offers { background: none repeat scroll 0 0 #FFFFFF;border: 3px solid #818181;color: #000000;font-size: 11px;font-style: italic;font-weight: bold;/*line-height: 30px;*/float:left;margin:0 0 0 18px;padding: 3px 8px;text-transform: uppercase;width: 100px;}
.see_all_offers:hover { background:#414141; color:#000;}
/*-- SEARCH TABS -- */
.smalltab {font-size:11px; }
.smalltab_ul li { width:auto; min-width:46px !important;}
.smalltab_ul a span { min-width:26px!important; width:auto;min-height: 20px !important; padding-left: 7px !important;padding-right: 0px !important;}
/* -- JQUERY TABS CSS --*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide { display: none; }
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav { display: none; }
}
/* Skin */
.ui-tabs-nav {font-size: 14px;}
.ui-tabs-panel {}
.ui-tabs-nav {list-style: none; margin: 0; padding: 0; }
.ui-tabs-nav:after { display: block; clear: both; content: " ";}/* clearing without presentational markup, IE gets extra treatment */
.ui-tabs-nav li { float: left; padding-right: 3px; margin: 0; min-width: 84px; /* be nice to Opera */}
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0px; background:url(../images/general/tabs3.png) no-repeat; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.ui-tabs-nav a { margin: 2px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color:#FFF; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */}
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #FFF;}
.ui-tabs-nav a:hover { color: #CC3333; text-decoration: none; }
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #FFF; border-top: 1px solid #414141; border-right:1px solid #414141; border-left:1px solid #414141; border-top-right-radius: 10px;}
.ui-tabs-nav a span { width: 70px; /* IE 6 treats width as min-width */ min-width: 70px; height: 24px; /* IE 6 treats height as min-height */ min-height: 24px; padding-top: 6px; padding-right: 10px; padding-left: 10px;}
*>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -151px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -101px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer;}
.ui-tabs-disabled { opacity: .4;filter: alpha(opacity=40);}
.ui-tabs-panel { border: 1px solid #006699; padding: 5px; overflow:auto; background:url(../images/general/boxfade3.png) repeat-x scroll top #006699; border-top-right-radius: 10px;/* declare background color for container to avoid distorted fonts in IE while fading */}
.ui-tabs-loading em {padding: 0 0 0 20px; background: url(../images/shadowbox/loading.gif) no-repeat 0 50%;}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block;}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */display: inline-block;}
/* -- SEARCH RESULTS TABLE -- */
table#availability.search_results {border-collapse: collapse; font-size:11px; text-align:left; margin:5px 0 0 10px;}
.search_results a {text-decoration:none; }
.search_results a:hover {text-decoration:underline; }
.search_results h1 {font-size: 18px;margin: 0;padding: 0 0 6px; color:#FFF;}
.search_results th{text-align:left;font-size: 12px;padding: 2px 0;border-bottom:1px solid #FFF;}
.search_results tr { font-size:12px;}
.search_results tr.ok:hover {background-color: #003366; cursor: pointer;}
.search_results tr.full {font-style:italic;}
.search_results tr.full:hover {background-color: none; cursor: default;}
.search_results td {padding: 5px 0;vertical-align: top;border-bottom:1px dotted #FFF;}
.search_results tr.toplink:hover { background-color:none;}
.search_results td.toplink {border-bottom: none;font-weight:bold;padding:0 0 20px 2px;text-align:right;}
.search_results td:hover {}
/*trip status*/
.offer {background-color: #FF0000;font-style: italic; padding: 2px 7px;}
.FULL {color:#9f9f9f;}
.limited {color:#e15b02;font-weight:bold;}
.available {color:#7fc035;font-weight:bold;}
/* -- QUOTE FORM CSS -- */
.quote_form form p { margin: 0; }
.quote_form form p.note { margin-left: 170px; font-size: 90%; color: #333; }
.quote_form form fieldset { margin: 10px 0; padding: 10px; border: #818181 1px dotted; }
.quote_form form legend { font-weight: bold; font-size:1.1em; padding:0 15px; }
.quote_form form fieldset div { padding: 0.25em 0; }
.quote_form label,
.quote_form span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
.quote_form label.error,
.quote_form span.error { color: #C00; }
.quote_form label em,
.quote_form span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
.quote_form input.error { border-color: #C00; background-color: #FEF; }
.quote_form input:focus,
.quote_form input.error:focus,
.quote_form textarea:focus { background-color: #FFC; border-color: #FC6; }
.quote_form div.controlset label,
.quote_form div.controlset input { display: inline; float: none; }
.quote_form div.controlset div { margin-left: 170px; }
.quote_form div.buttonrow { margin: 20px 0 20px 170px; }
.quote_form .select_quote { border:1px solid #CCCCCC;}
/* -- HOLIDAY FORM CSS -- */
.holiday_form form p { margin: 0; }
.holiday_form form p.note { margin-left: 170px; font-size: 90%; color: #333; }
.holiday_form form fieldset { margin: 10px 0; padding: 10px; border: #818181 1px dotted; }
.holiday_form form legend { font-weight: bold; font-size:1.1em; padding:0 15px; }
.holiday_form form fieldset div { padding: 0.25em 0; }
.holiday_form label,
.holiday_form span.label { margin-right: 10px; padding-right: 10px; width: 80px; display: block; float: left; text-align: right; position: relative; }
.holiday_form label.error,
.holiday_form span.error { color: #C00; }
.holiday_form label em,
.holiday_form span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
.holiday_form input.error { border-color: #C00; background-color: #FEF; }
.holiday_form input:focus,
.holiday_form input.error:focus,
.holiday_form textarea:focus { background-color: #FFC; border-color: #FC6; }
.holiday_form div.controlset label,
.holiday_form div.controlset input { display: inline; float: none; }
.holiday_form div.controlset div { margin-left: 170px; }
.holiday_form div.buttonrow { margin: 20px 0 20px 170px; }
.holiday_form .select_quote { border:1px solid #CCCCCC;}
/* -- PRODUCT STEP CAROSEL CSS -- */
#carouselcontainer {margin: 0 auto; width: 98%;font-size:12px;text-align:left;}
#carouselcontainer a{}
#carouselcontainer a:hover{ text-decoration:none; }
.carousel_img {border:2px solid #818181;}
.carousel_img:hover {border:2px solid #2c2c2c;}
.carousel_img a p {
float:left;
margin: 0;
padding: 0;
font-size: 0.75em;
color: #bdc3c7
}}
.stepcarousel{position: relative; z-index:94; overflow: scroll; height: 120px; }
.stepcarousel .belt{position: absolute; z-index:95; left: 0;top: 0;}
.stepcarousel .panel{float: left; overflow: hidden; margin: 5px 5px 5px 5px; width: 120px; max-height:110px; }
/* -- INSURANCE TABLES -- */
table.insurance { margin: 0 0 20px 30px;}
table.insurance tr{}
table.insurance td{ border:1px solid #818181; padding:3px; text-align:center;}
table.insurance .bg { background-color:#333333; }
table.insurance .i_header{ border: medium none;font-size: 14px;font-weight: bold;padding: 10px 0 5px;text-align: left;}
table.insurance_schedule {margin: 0 0 20px 30px; font-size:11px;}
table.insurance_schedule tr{}
table.insurance_schedule td{ border:1px solid #818181; padding:3px;}
table.insurance_schedule .bg { background-color:#333333; }
table.insurance_schedule .i_header{ border: medium none;font-size: 14px;font-weight: bold;padding: 10px 0 5px;}
.highlightbox { border:1px solid #818181; padding:5px; margin:30px 0 30px 50px; width: 600px;}
/* -- TRAVEL INFO LIST STYLES-- */
#tinfolist { float:left; clear:both; padding:10px 40px; }
.tinfo { float:left; margin:20px; display: block;text-align: center;width: 120px; }
#tinfo img { float: left;}
/* -- RSS NEWS STYLES --*/
.item {border: 1px dotted #CCCCCC;margin: 10px 0 0 50px;padding: 10px;width: 600px;}
.item p a{color:#FFF; text-decoration:underline;}
.item p a:hover{color:#CC3333; text-decoration:underline;}
/* -- RDC LOGO LIST -- **/
.rdc_list_item {display: block;float: left;height: 120px;margin: 10px 0;text-align: center;width: 120px;}
/* -- RDC TRIP DISPLAY -- */
.product_item { border:1px dotted #CCCCCC; margin:0 0px 10px 15px; padding:6px; width:677px; overflow: auto; }
.product_image { float:left; width:190px; }
.product_text {float:left;width:345px;}
.product_text_photo {float:left;width:450px; font-weight:normal;}
.product_text h2 {font-size:18px;padding: 0;}
.product_text h2 a {font-weight:bold; font-size:20px;}
.product_text h2 a:hover {text-decoration:none;}
.product_text p {padding:0 0 10px 0; text-decoration:none; font-size:14px;}
.product_book {float:right;width:120px;}
.product_book_photo {float:left;width:120px; font-size:24px;}
.product_book p {height:70px;padding:0 0 20px 0;text-align:center;width:120px; font-weight:normal;}
.product_book p strong {display:block;font-size:20px;line-height:32px;text-align:center;font-weight:bold;}
/* -- RESORT RESULTS STYLE -- */
.resort_item_line {border-bottom:1px dotted #CCCCCC; float:left; padding:0; width:677px;}
.resort_item { border-bottom:1px dotted #CCCCCC; float:left; padding:10px 0; width:677px; }
.resort_image { float:left; width:190px; }
.resort_text {float:left;width:360px;}
.resort_text h2 {display:block;font-size:18px;line-height:20px;text-align:left;font-weight:bold;}
.resort_text h20 {font-size:18px;line-height:20px;text-align:left;}
.resort_text h2 a:hover {text-decoration:none;}
.resort_text p {height:75px; padding:0;width:355px;}
p.rating { height:18px !important; }
.resort_price {float:right;width:120px;}
.resort_price p {height:70px;padding:0 0 20px 0;text-align:center;width:120px; font-weight:normal;}
.resort_price p strong {display:block;font-size:20px;line-height:32px;text-align:center;font-weight:bold;}
.special_offer_price {float:right;width:120px;}
.special_offer_price p {height:70px;padding:0 0 12px 0;text-align:center;width:120px; font-weight:normal; font-size:14px;}
.special_offer_price p strong {display:block;font-size:30px;line-height:40px;text-align:center;font-weight:bold;}
/* -- Itinerary RESULTS STYLE -- */
.itinerary_text {float:left;width:480px;}
.itinerary_item_line {border-bottom:1px dotted #CCCCCC; float:left; padding:0; width:677px;}
.itinerary_item { border-bottom:1px dotted #CCCCCC; float:left; padding:10px 0; width:677px; }
.itinerary_image { float:left; width:190px; }
.itinerary_text h2 {display:block;font-size:18px;line-height:20px;text-align:left;font-weight:bold;}
.itinerary_text h20 {font-size:18px;line-height:20px;text-align:left;}
.itinerary_text h2 a:hover {text-decoration:none;}
.itinerary_text p {height:75px; padding:0;width:485px;}
/* Drop down Search Menu*/
/* COMMON CLASSES */
.break { clear:both; }
/* SEARCH FORM */
#searchform {
position:relative;
font-size:12px;
border-width:5px;
right:0px;
}
#searchform div { color:#eeeeee; }
#searchform div input { font-size:13px; padding:10px; width:160px; }
#suggestions{
position:absolute; right:-16px; width:320px; display:none;
z-index:99;
}
#suggestionsleft{
position:absolute; width:320px; display:none;
z-index:99;
}
/* SEARCHRESULTS */
#searchresults { border-width:2px; border-color:#919191; border-style:solid; width:300px; background-color:#a0a0a0; font-size:11px; line-height:14px; float:left;}
#searchresults a { display:block; background-color:#e4e4e4; clear:right; height:60px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img {
float:left;
padding:5px 10px;
width: 70px;
height: 50px;
}
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:0px; margin-right:5px;
background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }
/* _______________________________________
01 MENU BAR
_______________________________________ */
.megamenu_wrapper,
.megamenu_wrapper_full {
margin:0 auto;
display:block;
position: absolute;
z-index:500;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
}
.megamenu_wrapper {
width: 100%;
max-width:975px;
top: 165px;
}
.megamenu_wrapper_full {
width: 100%;
}
.megamenu_container {
width:100%;
margin:20px auto;
height:30px;
}
.megamenu_wrapper .megamenu_container {
width:100%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.megamenu_wrapper_full .megamenu_container {
width: 96%;
padding: 0 2% 0 2%;
}
.megamenu_container .megamenu {
list-style:none;
width:960px;
margin:0 auto;
padding: 0;
}
.megamenu > li {
float:left;
position:relative;
margin-right:5px;
border:none;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-o-transition: background .3s;
-ms-transition: background .3s;
transition: background .3s;
}
.megamenu li.menuitem_fullwidth {
position: static !important;
}
.megamenu > li > a {
outline:0;
padding: 9px 15px 11px 15px;
text-decoration:none;
display:block;
}
.megamenu > li .menuitem_drop {
padding-right:27px;
}
.megamenu > li.menuitem_nodrop > a {
padding-bottom:10px;
}
/* Right aligned menu item */
.megamenu > li.menuitem_right {
float:right;
right:0;
margin-right:0;
}
/* Menu Button (Mobiles) */
.megamenu li.megamenu_button {
display: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.megamenu li.megamenu_button_active {
background:#000000;
}
/* _______________________________________
02 DROP DOWN MENU
_______________________________________ */
/* Drop Downs Containers */
.megamenu .dropdown_1column,
.megamenu .dropdown_2columns,
.megamenu .dropdown_3columns,
.megamenu .dropdown_4columns,
.megamenu .dropdown_5columns,
.megamenu .dropdown_fullwidth {
margin:0;
left:-999em;
position:absolute;
opacity:0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: opacity .3s .2s;
-moz-transition: opacity .3s .2s;
-o-transition: opacity .3s .2s;
-ms-transition: opacity .3s .2s;
transition: opacity .3s .2s;
}
/* Drop Downs Sizes */
.megamenu .dropdown_1column {width: 135px;padding:15px 14px 15px 15px;}
.megamenu .dropdown_2columns {width: 290px;padding:15px 11px 15px 15px;}
.megamenu .dropdown_3columns {width: 445px;padding:15px 8px 15px 15px;}
.megamenu .dropdown_4columns {width: 600px;padding:15px 5px 15px 15px;}
.megamenu .dropdown_5columns {width: 755px;padding:15px 2px 15px 15px;}
.megamenu .dropdown_fullwidth {
width: 945px;
padding:15px 0 15px 15px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
}
/* Showing Drop Down on Mouse Hover - Left aligned */
.megamenu li:hover .dropdown_1column,
.megamenu li:hover .dropdown_2columns,
.megamenu li:hover .dropdown_3columns,
.megamenu li:hover .dropdown_4columns,
.megamenu li:hover .dropdown_5columns {
opacity:1;
left:-1px;
top:32px;
}
.megamenu li:hover .dropdown_fullwidth {
opacity:1;
left:10px;
top:50px;
}
.megamenu_wrapper_full .megamenu li:hover .dropdown_fullwidth {
left:50%;
margin-left:-481px;
}
/* Showing Drop Down on Mouse Hover - Right aligned */
.megamenu_wrapper .megamenu li:hover .dropdown_right,
.megamenu_wrapper_full .megamenu li:hover .dropdown_right {
left:auto;
right:-1px;
}
.megamenu_wrapper .megamenu li.menuitem_right:hover .dropdown_fullwidth {
left:auto;
right:8px;
}
.megamenu_wrapper_full .megamenu li.menuitem_right:hover .dropdown_fullwidth {
left:auto;
right:50%;
margin-right:-481px;
}
/* Columns Sizes */
.megamenu .col_one_sixth,
.megamenu .col_one_fifth,
.megamenu .col_one_quarter,
.megamenu .col_one_third,
.megamenu .col_two_fifths,
.megamenu .col_half,
.megamenu .col_three_fifths,
.megamenu .col_two_thirds,
.megamenu .col_three_quarters,
.megamenu .col_four_fifths,
.megamenu .col_five_sixths,
.megamenu .col_full {
float: left;
margin-left: 2%;
}
.megamenu .col_one_sixth {width:14.66667%;}
.megamenu .col_one_fifth {width:18%;}
.megamenu .col_one_quarter {width:23%;}
.megamenu .col_one_third {width:31.33333%;}
.megamenu .col_two_fifths {width:38%;}
.megamenu .col_half {width:48%;}
.megamenu .col_three_fifths {width:58%;}
.megamenu .col_two_thirds {width:64.66667%;}
.megamenu .col_three_quarters {width:73%;}
.megamenu .col_four_fifths {width:78%;}
.megamenu .col_five_sixths {width:81.33333%;}
.megamenu .col_full {width:98%;}
/* IMPORTANT */
/* Use the firstcolumn class for the first element of a new row of content */
.megamenu .firstcolumn {
margin-left: 0;
clear: left;
}
/* _______________________________________
03 CONTENT STYLING
_______________________________________ */
.megamenu p,
.megamenu ul,
.megamenu li,
.megamenu h2,
.megamenu h3 {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.2em;
text-align:left;
}
.megamenu p {
margin:0;
margin-bottom:18px;
}
.megamenu .strong {
font-weight:bold;
}
.megamenu .italic {
font-style:italic;
}
.megamenu h2,
.megamenu h3 {
margin-top:5px;
}
.megamenu h2 {
font-weight:400;
font-size:18px;
margin-bottom:10px;
padding-bottom:5px;
}
.megamenu h3 {
font-weight:200;
font-size:16px;
margin-bottom:5px;
padding-bottom:5px;
}
.megamenu h4 {
font-weight:200;
font-size:16px;
margin-bottom:5px;
padding-bottom:5px;
}
.megamenu li a {
text-decoration:none;
}
.megamenu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
margin-top:18px;
}
/* Icon paragraphs */
.megamenu .help,
.megamenu .favorite,
.megamenu .mail,
.megamenu .print {
padding-left:36px;
margin-bottom:18px;
}
.megamenu .help {background:url("../img/help.png") no-repeat 0 2px;}
.megamenu .favorite {background:url("../img/favorite.png") no-repeat 0 2px;}
.megamenu .mail {background:url("../img/mail.png") no-repeat 0 2px;}
.megamenu .print {background:url("../img/print.png") no-repeat 0 2px;}
/* Images styles */
.megamenu .imgshadow_dark,
.megamenu .imgshadow_light {
padding:4px;
margin-top:5px;
}
.megamenu .img_left { /* Image sticks to the left */
float:left;
margin:5px 15px 5px 0;
}
.megamenu .img_right { /* Image sticks to the right */
float:right;
margin:5px 0 5px 15px;
}
/* Box styles */
.megamenu li .black_box,
.megamenu li .dark_grey_box {
margin: -8px 0 18px 0;
color: #eeeeee;
text-shadow: 1px 1px 1px #000;
padding:8px 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Standard lists styles */
.megamenu li ul {
list-style:none;
padding:0;
margin:0 0 12px 0;
}
.megamenu li ul li {
font-size:12px;
line-height:1.2em;
position:relative;
text-shadow: 1px 1px 1px #000000;
padding:0;
margin:0;
float:left;
text-align:left;
width:100%;
}
.megamenu li ul li a {
padding:0;
}
/* Greybox lists styles */
.megamenu li .greybox li {
margin:0 0 4px 0;
padding:4px 6% 4px 6%;
width:88%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* Other lists styles */
.megamenu li .plus li {
margin:0 0 4px 0;
padding:0 0 0 20px;
float: left;
}
/* Social Icons */
.megamenu li ul.social {
list-style:none;
margin:0;
padding:0;
}
.megamenu li ul.social li {
padding-top:5px;
margin:0 12px 12px 0;
float:left;
position:relative;
display:inline;
width:32px;
}
.megamenu li ul.social li img {
border:none;
}
.megamenu li ul.social li:hover {
padding-top:5px;
margin:-1px 12px 12px 0;
}
.megamenu li ul.social li span {
display:none;
}
/* 2-Levels Drop Down */
.megamenu .dropdown_flyout {
min-width: 120px;
}
.megamenu .levels,
.megamenu .levels ul {
padding: 0;
margin: 0;
list-style: none;
}
.megamenu .levels a {
display: block;
width: 10em;
}
.megamenu .levels li {
float: left;
}
.megamenu .levels li ul {
position: absolute;
top:-23px;
margin:15px 0 0 4px;
padding:6px 12px;
left: -999em;
z-index: 9999;
opacity:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: opacity .3s .2s;
-moz-transition: opacity .3s .2s;
-o-transition: opacity .3s .2s;
-ms-transition: opacity .3s .2s;
transition: opacity .3s .2s;
}
.megamenu .levels li:hover > ul {
left: 96%;
opacity:1;
}
/*-----------------------------------------
07 DARK THEME
_______________________________________ */
.megamenu_dark_theme .megamenu_container > ul > li:hover,
.megamenu_dark_theme .megamenu_container > ul > li.menuitem_nodrop:hover {
background-color:#161616;
}
.megamenu_dark_theme .megamenu_container > ul > li > a {
color:#eee;
text-shadow: 1px 1px 1px #000000;
}
.megamenu_dark_theme ul p,
.megamenu_dark_theme ul ul,
.megamenu_dark_theme ul li,
.megamenu_dark_theme ul h2,
.megamenu_dark_theme ul h3,
.megamenu_dark_theme .megamenu_container > ul > li:hover > a {
color:#ffffff;
}
.megamenu_dark_theme ul li .menuitem_drop,
.megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
background-image:url("../img/arrow_down2.png");
background-repeat:no-repeat;
background-position: right 17px;
}
.megamenu_dark_theme .megamenu > li > div,
.megamenu_dark_theme ul .levels li ul {
background:#333;
border:2px solid #666;
border-top: none;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#0A0A0A));
background: -webkit-linear-gradient(top, #333, #0A0A0A);
background: -moz-linear-gradient(top, #333, #0A0A0A);
background: -o-linear-gradient(top, #333, #0A0A0A);
background: -ms-linear-gradient(top, #333, #0A0A0A);
background: linear-gradient(top, #333, #0A0A0A);
}
.megamenu_wrapper_vertical .megamenu_dark_theme .megamenu > li > div,
.megamenu_dark_theme ul .levels li ul {
border:1px solid #000000;
}
.megamenu_dark_theme ul h2,
.megamenu_dark_theme ul h3 {
border-bottom:1px solid #666;
}
.megamenu_dark_theme ul .imgshadow_dark,
.megamenu_dark_theme ul .imgshadow_light {
background:#FFFFFF;
border:1px solid #333333;
-webkit-box-shadow:0 0 5px #000000;
-moz-box-shadow:0 0 5px #000000;
box-shadow:0 0 5px #000000;
}
.megamenu_dark_theme ul .imgshadow_light {
border:1px solid #777777;
}
.megamenu_dark_theme ul li .black_box,
.megamenu_dark_theme ul li .dark_grey_box {
background-color:#0A0A0A;
-webkit-box-shadow:inset 0 0 3px #000000;
-moz-box-shadow:inset 0 0 3px #000000;
box-shadow:inset 0 0 3px #000000;
}
.megamenu_dark_theme ul li .greybox li {
background:#0A0A0A;
border:1px solid #000000;
}
.megamenu_dark_theme ul li .greybox li:hover {
background:#141414;
border:1px solid #111111;
}
.megamenu_dark_theme ul li .plus li {
background: url("../img/plus_dark.png") left 6px no-repeat;
}
.megamenu_dark_theme ul .levels a.parent,
.megamenu_dark_theme ul .levels a.parent:hover {
background: url("../img/arrow_right2.png") right center no-repeat;
}
.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent,
.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent:hover {
background: url("../img/arrow_left2.png") left center no-repeat;
}
.megamenu_dark_theme ul .contact_form input:focus,
.megamenu_dark_theme ul .contact_form textarea:focus,
.megamenu_dark_theme ul .contact_form select:focus {
box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
-moz-box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
-webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
border:1px solid #333333;
}
.megamenu_dark_theme ul .contact_form input:hover,
.megamenu_dark_theme ul .contact_form textarea:hover,
.megamenu_dark_theme ul .contact_form select:hover {
-webkit-box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
-moz-box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
}
.megamenu_dark_theme ul .contact_form input,
.megamenu_dark_theme ul .contact_form textarea,
.megamenu_dark_theme ul .contact_form select {
color: #FFFFFF;
background-color:#222222;
border:1px solid #0A0A0A;
}
.megamenu_dark_theme ul .contact_form input.button {
background-color:#1E1E1E;
border:1px solid #0A0A0A;
color:#cccccc;
}
.megamenu_dark_theme ul .contact_form input.button:hover {
color:#eeeeee;
background-color:#222222;
border:1px solid #000000;
}
/* Link Color Effect */
.megamenu_container .megamenu li:hover div a {
-webkit-transition: color .3s;
-moz-transition: color .3s;
-o-transition: color .3s;
-ms-transition: color .3s;
transition: color .3s;
}
/* Black */
.megamenu_black {
background: #000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#2a2a2a));
background: -webkit-linear-gradient(top, #000, #2a2a2a);
background: -moz-linear-gradient(top, #000, #2a2a2a);
background: -o-linear-gradient(top, #000, #2a2a2a);
background: -ms-linear-gradient(top, #000, #2a2a2a);
background: linear-gradient(top, #000, #2a2a2a);
border: 10px 0px 0px 0px ;
}
.megamenu_dark_theme .megamenu_black li:hover div a {color:#CCC;}
.megamenu_dark_theme .megamenu_black li:hover div a:hover {color:#0099ff;}
.megamenu_dark_theme .megamenu_black li ul li a:hover {color:#0099ff;}
/* No left & right borders if full width menu bar */
.megamenu_wrapper_full .megamenu_container {
border-left:none;
border-right:none;
}
/* _______________________________________
09 MOBILE DEVICES
_______________________________________ */
.megamenu_dark_theme .megamenu_container .megamenu > li.noactive,
.megamenu_dark_theme .megamenu_container .megamenu > li.noactive:hover,
.megamenu_light_theme .megamenu_container .megamenu > li.noactive,
.megamenu_light_theme .megamenu_container .megamenu > li.noactive:hover {
background:none;
border:none;
}
/*-----------------------------------------
CSS Pop Up
-------------------------------------------*/
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002;
/*------------------------------------
Xmas Crackers
---------------------------------------*/
.slide-out-div {
padding: 20px;
width: 250px;
background: url(../images/home/bg.jpg) no-repeat; height:147px; width:250px; padding:10px; text-align:left;
height:108px;
border: 1px solid #29216d;
z-index: 9001;
}
.handle {
background: url(../images/home/bg.jpg) no-repeat; height:147px; width:250px; padding:10px; text-align:left;
}
/*---------Pop Up-----------*/
a.back{
width:256px;
height:73px;
position:fixed;
bottom:15px;
right:15px;
background:#fff url(images/codrops_back.png) no-repeat top left;
z-index:1;
cursor:pointer;
}
a.activator{
width:153px;
height:150px;
position:absolute;
top:0px;
left:0px;
background:#fff url(images/clickme.png) no-repeat top left;
z-index:1;
cursor:pointer;
}
.overlay{
background:transparent url(images/overlay.png) repeat top left;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:100;
}
.box{
position:fixed;
top:-200px;
left:30%;
right:30%;
background-color:#fff;
color:#7F7F7F;
padding:20px;
border:2px solid #ccc;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
-moz-box-shadow: 0 1px 5px #333;
-webkit-box-shadow: 0 1px 5px #333;
z-index:101;
}
.box h1{
border-bottom: 1px dashed #7F7F7F;
margin:-20px -20px 0px -20px;
padding:10px;
background-color:#FFEFEF;
color:#EF7777;
-moz-border-radius:20px 20px 0px 0px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-khtml-border-top-left-radius: 20px;
-khtml-border-top-right-radius: 20px;
}
a.boxclose{
float:right;
width:26px;
height:26px;
background:transparent url(images/cancel.png) repeat top left;
margin-top:-30px;
margin-right:-30px;
cursor:pointer;
}
/*---------------Snow----------*/
.snowflake {
position: absolute;
text-align: center;
z-index: 9999;
top: -100px;
width: 1em;
height: 1em;
color: white;
font-size: 16px;
text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 2px;
/* We use the following properties to apply the fade and drop animations to each snowflake.
Each of these properties takes two values. These values respectively match a setting
for fade and drop.
*/
-webkit-animation-iteration-count: infinite, 20;
-webkit-animation-direction: normal, normal;
-webkit-animation-timing-function: linear, ease-in;
}
.snowflake span {
position: absolute;
display: block;
width: 1em;
height: 1em;
/* We use the following properties to adjust the clockwiseSpin or counterclockwiseSpin
animations on each snowflake.
The createASnowflake function determines whether a flake has the
clockwiseSpin or counterclockwiseSpin animation.
*/
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: 50% -100%;
}
.snowflake.tiny {
font-size: 0.5em;
}
.snowflake.small {
font-size: 1em;
}
.snowflake.medium {
font-size: 2em;
}
.snowflake.large {
font-size: 3em;
}
.snowflake.massive {
font-size: 7em;
}
/* Hides a snowflake towards the very end of the animation */
@-webkit-keyframes fade {
/* Show a snowflake while into or below 85 percent of the animation and hide it, otherwise */
0% { opacity: 1; }
85% { opacity: 1; }
100% { opacity: 0; }
}
/* Makes a snowflake fall from -50px to 650px pixels in the y-axis */
@-webkit-keyframes drop {
0% { -webkit-transform: translate(0px, -50px); }
100% { -webkit-transform: translate(0px, 650px); }
}
/* Rotates a snowflake from -50 to 50 degrees in 2D space */
@-webkit-keyframes clockwiseSpin {
0% { -webkit-transform: rotate(-50deg); }
100% { -webkit-transform: rotate(50deg); }
}
/* Rotates it from 50 to -50 degrees in 2D space */
@-webkit-keyframes counterclockwiseSpin {
0% { -webkit-transform: rotate(50deg); }
100% { -webkit-transform: rotate(-50deg); }
}
/** CSS Fixed Tab Styles **/
.container
{
margin: 30px auto;
width: 900px;
height:200px;
padding: 30px;
background: #111;
}
hr
{
clear: both;
border: 0;
height: 0;
margin: 0 0 20px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #222;
}
.fixedtab
{
position: fixed;
float: left;
width: 450px;
height:300px;
top: 150px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.lefttab
{
left: -410px;
}
.lefttab:hover
{
left: 0;
cursor: pointer;
}
.righttab
{
right: -410px;
}
.righttab:hover
{
right: 0;
cursor: pointer;
}
.fixedtab .tab
{
float: left;
width: 24px;
padding: 30px 8px;
margin: 15px 0 0 0;
}
.fixedtab .tab span.notification
{
position: absolute;
top: 4px;
padding: 3px 5px;
line-height: normal;
color: #FFF;
font-size: 11px;
background: #B02B2C;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.lefttab .tab span.notification
{
right: -10px;
}
.righttab .tab span.notification
{
left: -10px;
}
.lefttab .tab
{
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.righttab .tab
{
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.fixedtab .green
{
background: #9C0;
}
.fixedtab .blue
{
background: #09F;
}
.fixedtab .tabcontent
{
float: left;
width: 360px;
height: 200px;
padding: 25px;
background: #FFF;
color: #555;
overflow-y: scroll;
}
.lefttab .tabcontent
{
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.righttab .tabcontent
{
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}