/* Holideals.gr CSS */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-align: left; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
sup { vertical-align: super; }
a, a:hover, a:active, a:visited, input { outline: none }
/* end of reset css*/

body { color: #333; line-height: 1.2em; font-size: 12px; font-family: verdana, arial; background: url(../images/bg_gradient.jpg) repeat-x 0 0 #1078AA; }
b, strong { font-weight: bold; }
p { margin: 0 0 8px 0; line-height: 1.6em;}
a, a:hover, a:active, a:visited { color: #0066CC; }
input { font-family: verdana, arial; }

#wrapper { margin: 0 auto; padding: 0 0 0 0; }
#inner { width: 1000px; margin: -1px auto 0 auto; position: relative; }
#top_bg { background: url("../images/header-images-winter.jpg") no-repeat scroll center 0 transparent; height: 367px; left: 350px; position: absolute; top: 1px; width: 710px; z-index: -1; }
#header { height: 140px; }
#logo { padding: 10px 0 0 0; position: relative; }
#logo strong { color: #fff; display: block; margin-left: 15px; margin-top: -7px; display: block; }
#left { float: left; margin-right: 10px; width: 678px; }
#right { float: left; width: 300px; }

/* ------------------------------- MENU ---------------------------*/
#menu { margin: 0; overflow: hidden; height: 59px; background: url('../images/menu_background.png') no-repeat 0 0 transparent; }
#menu .menu_inner { margin:5px 0 0 0;}
#menu ul { margin: 1px 0 0 5px; float: left; position: relative;}
#menu li { float: left; margin: 0; -moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0px 0;border-radius: 5px 5px 0 0;}
#menu li.line { background: url("../images/menu_line.png") no-repeat 0 0; width: 2px; height: 50px; padding: 0; margin: 0; }
#menu li a, #menu li a:hover, #menu li a:active, #menu li a:visited { background: url(../images/menu-icons.png) no-repeat top left; display: block; padding: 17px 12px 19px 10px; text-decoration: none; color: #666; font-family: 'Trebuchet MS', Verdana, Arial; font-size:15px; font-weight: bold; }
#menu li.selected, #menu li:hover, #submenu { background-color: #B91A8A !important; }
#menu li.line:hover {background: url("../images/menu_line.png") no-repeat 0 0 !important; }
#menu li.selected a, #menu li.selected a:hover, #menu li.selected a:active, #menu li.selected a:visited, #menu li a:hover { color: #fff; }

#menu li.deals a{background-position: 12px -173px; padding-left:38px;}
#menu li.deals.selected a, #menu li.deals a:hover{background-position: 12px -223px;}
#menu li.hotels a{background-position: 12px -273px; padding-left:40px;}
#menu li.hotels.selected a, #menu li.hotels a:hover{background-position: 12px -322px;}
#menu li.flights a{ background-position: 12px 15px; padding-left:40px;}
#menu li.flights.selected a, #menu li.flights a:hover{background-position: 12px -32px;}
#menu li.cars a{background-position: 12px -79px; padding-left:40px;}
#menu li.cars.selected a, #menu li.cars a:hover{background-position: 12px -125px;}

#submenu {overflow: hidden;display: block;margin: -10px 0 10px 0; padding: 10px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
#submenu li {float: left; margin:0 20px 0 12px;}
#submenu li a, #submenu li a:hover, #submenu li a:active, #submenu li a:visited { font-weight: bold; color: #fff; text-decoration: none; }
#submenu li a:hover, #submenu li.selected a {color:#FAFF91; }

/* ------------------------------- SOCIAL BUTTONS ---------------------------*/
#facebook-like-btn { float: left; margin: 18px 0 0 8px; width: 87px; overflow: hidden; }
#plus-btn { float: left; margin: 18px 0 0 10px; width: 32px; }

/* ------------------------------- SEARCH ---------------------------*/
#search { float: right; padding: 0; margin: 10px 5px 0 0; }
#search form { width: 228px; overflow: hidden; margin:3px 0 0 0; }
#search .searchbox { border: 1px solid #fff; font-size: 12px; color: #666; line-height: 1.6em; width: 170px; padding: 3px 5px; float: left; height:20px; }
#search .searchbtn { height: 30px; width: 35px; background: none; border: none; cursor: pointer; margin-left: 6px; float: left; }

/* ------------------------------- CONTENT ---------------------------*/
#content { clear:left; margin:0 0 0 0 !important; background: #fff; position: relative;}
#main {padding: 5px; }

/* ------------------------------- SLIDER ---------------------------*/
#sliderbox_wrapper {margin: 0 0 10px 0; }
#sliderbox { width: 678px; height: 275px; border: 1px solid #D6D6D6; background: url(../images/grey_gradient.jpg) repeat-x 0 0 white; position: relative; }
#sliderbox #slider { margin: 10px 0 0 10px; height: 225px; }
#sliderbox .slide { overflow: hidden; width: 658px; height: 225px; }
#sliderbox .slide img { border: 1px solid #ccc; float: left; margin-right: 20px; padding: 1px; }
#sliderbox .slide .info { float: left; width: 282px; }
#sliderbox .slide h3 { color: #BF1B8E; font-size: 25px; margin: 5px 0 12px; line-height: 1em; }
#sliderbox .slide p { /*color: #5F8C00; */ font-size: 13px; margin-bottom: 8px; line-height: 1.4em; margin-bottom: 8px; }
#sliderbox .slide p strong { color: #5F8C00; }
/* ------------------------------- BUTTONS ---------------------------*/
.big-button { margin-top: 10px; }
.bigbtn { background: url('../images/green_button.png') no-repeat 0 0; width: 216px; height: 72px; display: block; padding: 10px 0 0 10px }
.bigbtn, .bigbtn:hover, .bigbtn:active, .bigbtn:visited { color: #FFFFFF; font-size: 14px; padding: 22px 0 0 38px; text-decoration: none; line-height: 1.6em; }
.bigbtn:hover {}
.bigbtn span { font-size: 20px; }
.medbtn { background: url('../images/green_button.png') no-repeat 0 0; width: 216px; height: 72px; display: block; padding: 10px 0 0 10px }
.medbtn, .medbtn:hover, .medbtn:active, .medbtn:visited { color: #FFFFFF; font-size: 14px; padding: 22px 0 0 22px; text-decoration: none; line-height: 1.6em; }
.medbtn span { font-size: 20px; }

/* ------------------------------- NEWSLETTER ---------------------------*/
#newsletter_wrapper {margin:0 0 10px 0;}
#newsletter { width: 298px; height: 275px; border: 1px solid #D6D6D6; background: url(../images/grey_gradient.jpg) repeat-x 0 0; position: relative; }
#newsletter h3 { position: absolute; left: 0; top: 6px; width: 320px; background: url(../images/newsletter_label.png) no-repeat -2px -4px; height: 70px; font-size: 18px; font-weight: bold; color: #fff; padding: 16px 0 0 15px; line-height: 1.2em; }
#newsletter .nsltr-email { float: right; }
#newsletter p.info { float: left; margin: 5px 0 0; width: 218px; line-height: 140%; }
#newsletter .inner { padding: 65px 8px 8px 8px !important; }
.newsletter-success em { font-style: italic; }
.newsletterform { width: 270px; margin: 8px 0 0 0; position: relative; }
.newsletterform label { display: block; float: left; width: 92px; padding: 12px 0 0 0; }
.newsletterform .container { margin: 0 0 6px 0; overflow: hidden; }
.newsletterform .emailbox { background: url(../images/input.png) no-repeat 0 0; width: 176px; height: 34px; margin: 2px 0 0 0; float: left; }
.newsletterform .newsletter-email { margin: 6px 0 0 6px; padding: 2px; width: 155px; color: #666666; font-family: verdana,arial; border: 1px solid #fff !important; }
.newsletterform .newsletter-city { width: 160px; font-family: verdana,arial; margin: 7px 0 0 6px; color: #666666; border: none !important; }
.selectbox { width: 174px; background: url(../images/input.png) no-repeat 0 0; height: 32px; float: left; }
.newsletterform .newsletter-submit { float: right; color: white; background: none; font-size: 13px; width: 165px; height: 40px; cursor: pointer; border: none; background: url(../images/purple_button.png) no-repeat 0 0; font-weight: bold; }
#newsletter .error { color: #AE327D; }
#newsletter .error-label { background: none repeat scroll 0 0 #ffffcc; border: 1px solid #AE327D; color: #AE327D; padding: 5px; position: absolute; left: 185px; width: 135px; top: 50px; font-weight: bold; background: #FFFFCC; }
#newsletter-message { color: #5F8C00; font-weight: bold; display: block; }
#newsletter .newsletter-loading { display: block; height: 20px; margin: 7px 0 0; }
#newsletter .newsletter-success { display: none; margin: 20px 0 0; color: #666; }

/* ------------------------------- SIDEBAR ---------------------------*/
#right .sidebar { border: 1px solid #D6D6D6; background-color: #fff; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari and chrome */ -khtml-border-radius: 5px; /* Linux browsers */ border-radius: 5px;}
#right .box { position: relative; margin-bottom: 4px; }
#right .box h3 { background: url("../images/green_label.png") no-repeat scroll -3px -3px transparent; color: #FFFFFF; font-size: 17px; height: 44px; left: 0; padding: 10px 0 0 10px; position: absolute; top: 0; width: 323px; line-height: 1.2em; font-weight:normal }
#right .box .inner { padding-top: 54px; }
#right .box ul.single { display: block; }
#right .box ul.half { width: 140px; float: left; }
#right .box ul.half .last a { color: red }
#right .box ul.half.first { margin-right: 0 }
#right .box ul.two-columns { overflow: hidden; }
#right .box ul.two-columns li { width: 130px; float: left; margin-right: 15px; }
#right .box ul li { padding-bottom: 4px; border-bottom: 1px solid #eee; margin-bottom: 4px; }
#right .box ul li a, #right .box ul li a:active, #right .box ul li a:visited { color: #333; text-decoration: none; }
#right .box ul li a:hover, #right .box ul li.selected a { color: #AE327D; }
#right .box ul li span.count { color: #999; font-size: 11px; }
#right .otherbox { border-top: 1px solid #ddd; position: relative; margin-bottom: 0px; padding: 5px 0 !important; }
#right .otherbox h4 { font-size: 13px; font-weight: bold; color: #333; padding: 8px 5px; }
/*#right .otherbox .inner { padding: 0 !important; }*/
#right .otherbox ul li { padding-bottom: 4px; border-bottom: 1px solid #eee; margin-bottom: 4px; }
#right .otherbox ul li a, #right .box ul li a:active, #right .box ul li a:visited { color: #333; text-decoration: none; }
#right .otherbox ul li a:hover, #right .box ul li.selected a { color: #AE327D; }

.box-inner-heading { color: #555; font-weight: bold; margin-bottom: 11px; }

.inactive, #right .box ul li a.inactive { color: #999; }

.inner { padding: 8px; }

/* ------------------------------- OFFERBOX ---------------------------*/
.offerbox { margin: 0 6px 15px 0; padding: 0; float: left;}
.offerbox.last {  }
.offerbox .offerbox_inner { width: 218px; height: 365px;  background-color: #ffffff; border: 1px solid #ddd; }
.offerbox .offerbox_inner:hover { background-color: #eee; }
.offerbox img { margin: 0 0 0 1px; }
.offerbox h4 { background: url("../images/offer_label.gif") no-repeat scroll -2px -2px transparent; color: #FFFFFF; font-size: 11px; height: 22px; padding: 6px 0 0 6px; width: 212px; font-weight: normal;}
.offerbox .details { padding: 5px; font-size: 11px }
.offerbox p { line-height: 1.2em; height: 95px; margin: 0; }
.offerbox .price { border-bottom: 1px solid #DDDDDD; color: #AE327D; margin: 12px 4px 0; padding: 5px 0 8px; text-align: right; }
.offerbox .price span { font-size: 22px; }
.offerbox label { margin: 0 0 2px; }
.offerbox em { color: #86AC17; font-weight: bold; font-size: 14px; font-style: normal; }
.offerbox .offer-expires { width: 115px; border-right: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 5px; float: left; }
.offerbox .offer-expires em { font-size: 13px !important; }
.offerbox .offer-discount { width: 70px; float: left; padding: 5px 5px 4px 5px; border-bottom: 1px dotted #ddd; text-align: center; }
.offerbox .offer-discount label { text-align: center; }
.offerbox .offer-buys { width: 115px; float: left; padding: 5px; border-right: 1px dotted #ddd; }
.offerbox .offer-company { width: 70px; float: left; padding: 5px 2px; }
.offerbox .offer-image { position: relative; height:120px; }
.offerbox .ribbon { z-index: 10; position: absolute; top: 0; left: 1px; height: 100px; width: 100px; }
.offerbox .ribbon.new { background: url(../images/ribbons.png) no-repeat 0 0; }
.offerbox .ribbon.hot { background: url(../images/ribbons.png) no-repeat 0 -100px; }
.offerbox .ribbon.expire { background: url(../images/ribbons.png) no-repeat 0 -200px; }
.offerbox.sponsored .offerbox_inner {background-color: #FFFFDD; border-color:#aa0505;}
.offerbox.sponsored h4 {background: #aa0505; font-weight: bold;}
.offerbox.sponsored .price {color: #aa0505;}
/* ------------------------------- FOOTER ---------------------------*/

#footer { margin: 0 auto 0 auto !important; width: 1000px; position: relative;}
#footer_top { background: url(../images/footer_top_bg.png) no-repeat 0 0; width:1000px; height:35px}
#footer_bottom { background: url(../images/footer_bottom_bg.png) no-repeat 0 0; width:1000px; height:8px}
#footer_inner { background-color:#FFFFFF; position: relative; }
#footer_container { padding: 15px 10px 5px 10px;  position: relative;}
#footer .section { float: left; margin-right: 10px; margin-left: 20px;}
#footer .section.info { width: 690px; }
#footer .section.last { margin-right: 0 !important; }
#footer ul#footer_social_media { margin: 10px 0 0 44px; }
#footer ul#footer_social_media li { float: left; margin: 0 8px; }
#footer .section h4 { color: #AE327D; margin: 0 0 8px; padding: 0 0 2px; font-size: 12px; font-weight: bold; }
#footer .section ul li { display: block; margin: 0 0 8px 0; }
#footer .section ul li a, #footer .section ul li a:active, #footer .section ul li a:visited { text-decoration: none; }
#footer .section ul li a:hover { text-decoration: underline; }
#footer #footer_nav {display: block; overflow: hidden; padding: 0 0 12px 0; margin: 0 30px 15px 30px; border-bottom:1px solid #ddd;}
#footer #footer_nav li {float:left; margin-right: 25px; }
#footer #footer_nav li.last {margin-right: 0; }
#footer #footer_nav li li {float: none; margin-bottom: 4px; margin-right: 0; border-bottom: 1px solid #eee;}
#footer #footer_nav li li.last {border-bottom: none}
#footer #footer_nav li a, #footer #footer_nav li a:hover, #footer #footer_nav li a:active, #footer #footer_nav li a:visited {color: #AE327D;font-size: 14px;font-weight: bold;margin-bottom:12px;display: block; text-decoration: none;}
#footer #footer_nav li a:hover {text-decoration: underline !important;}
#footer #footer_nav li li a, #footer #footer_nav li li a:hover, #footer #footer_nav li li a:active, #footer #footer_nav li li a:visited {color:#666; font-size: 13px; margin-bottom:6px; font-weight: normal;}

#footer #rss { background: url("../images/rss.png") no-repeat scroll 28px 0 transparent; display: block; padding: 3px 0; text-decoration: none; }
#footer #rss:hover { text-decoration: underline; }
.text { margin-bottom: 12px; line-height: 1.5em; }
#copyright { margin: 5px 28px 0px 28px;text-align: right;position: relative;border-top: 1px solid #ccc;padding-top: 5px;color: #666;}

/* ------------------------------- HEADINGS ---------------------------*/
h1 { border-bottom: 1px solid #CCC; margin: 0 0 20px; padding: 15px 10px 10px 3px; color: #AE327D; font-size: 20px; font-weight: bold; line-height:1.2em}
h1.heading, .heading { background: #82AF2E; padding: 12px 10px; font-size: 14px; color: #fff; }
h2 { border-bottom: 1px solid #CCC; margin: 0 0 15px; padding: 15px 10px 10px 3px; color: #AE327D; font-size: 16px; font-weight: bold; }
.heading a, .heading a:hover, .heading a:active, .heading a:visited { color: #ffffff; font-size: 14px; text-decoration: none }
.heading h1 {color: #fff; border: none; margin: 0; padding: 0px; font-size: 1.2em; line-height: 1em;}

.results-count {font-size: 14px; padding: 8px 0 0 5px;color: #333333; margin: 3px 0 0 0; background: #EEE; padding: 10px;}

#controls { margin: 8px 0 0 10px; overflow: hidden; }
#controls li { background: url("../images/offer_numbering_up.png") no-repeat scroll 0 0 transparent; color: #333333; float: left; height: 22px; padding: 3px; width: 24px; }
#controls li.current { background: url("../images/offer_numbering_roll.png") no-repeat scroll 0 0 transparent; }
#controls li a, #controls li a:hover, #controls li a:active, #controls li a:visited { color: #fff; text-decoration: none; display: block; margin: 1px 0 0 6px; }

#sorting-buttons { margin: 8px 0 10px 0 !important; }
#sorting-buttons ul { overflow: hidden; }
#sorting-buttons li { background: url("../images/button_bg.png") repeat-x scroll 0 0 #CCCCCC; border: 1px solid #DDDDDD; float: left; margin-right: 3px; padding: 8px 5px; }
#sorting-buttons li a, #sorting-buttons li a:active, #sorting-buttons li a:visited { color: #333; text-decoration: none; }
#sorting-buttons li a:hover, #sorting-buttons li.selected a { color: #AE327D }
#sorting-buttons li.first { padding: 2px 10px; text-align: center; }
#sorting-buttons li.first a { font-size: 11px; line-height: 1.1em; }
#sorting-buttons li.first span { display: block; }

#deal_main_details .left { float: left; margin: 0px 15px 0 0; width: 325px; }
#deal_main_details .left .social_info { display: block; margin: 5px 0 0; height: 38px; }
#deal_main_details .social_buttons { margin: 0px 10px 0px 0; float: left; }
#deal_main_details .social_buttons li { display: inline; margin-right: 3px; }
#deal_main_details .info { float: left; width: 335px; padding: 8px 0 0; font-size: 14px; line-height: 1.6em; }
.deal_image.noimage { width: 320px; height: 200px; text-align: center; background: #eee; }
.deal_image.noimage img { margin: 15% auto; }
.deal_image img { background: #eee; }

#sub-details { background: url(../images/offer_details_bg.png) repeat-x 0 0; height: 60px; border: 1px solid #ddd; margin: 10px 0 25px 0; }
#sub-details ul { margin: 10px 0 0 30px; }
#sub-details li { float: left; margin-right: 30px; text-align: center; border-right: 1px solid #CCC; padding: 0 35px 0 20px; }
#sub-details li .vsm-title { display: block; margin: 0 0 8px; text-align: center; }
#sub-details li.deal-vsm-company { margin-right: 0 !important; border-right: none !important; padding-right: 0 !important; }
#sub-details li.deal-vsm-company .vsm-title { display: block; margin: 0 0 3px !important; text-align: center; }
#sub-details li em { color: #AE327D; font-size: 16px; font-weight: bold; font-style: normal; }
#deal_head { padding: 7px 0 10px 60px; position: relative; }
#deal_head .alarm { background: url("../images/clock.png") no-repeat scroll 0 0 transparent; height: 45px; left: 5px; position: absolute; top: -18px; width: 48px; }

#deal-more-left { float: left; width: 245px; margin-right: 20px; }
#deal-more-left .address { width: 245px; word-wrap: break-word; }
#deal-more-right { float: left; width: 400px; line-height: 150%; }
#deal-more-right li { margin: 0 0 6px 0; }
#deal-more-details { margin: 0 0 20px 0; }
#deal-more-details .address label { margin: 8px 0 3px 0; display: block; font-weight: bold; }

#fb-comments { margin: 30px 0 0 0; }
.fb-line { margin: 5px 0 10px 0; }

.deal-more-options { float: left; font-size: 13px; margin: 2px 5px 2px 0; }

.buy-button { margin-top: 20px; float: right; }
.buy-button a { background: url('../images/green_button_s.png') no-repeat 0 0; width: 170px; height: 45px; display: block; padding: 10px 0 0 10px; }
.buy-button a, .buy-button a:active, .buy-button a:visited { color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 16px 0 0 37px; text-decoration: none; }
.buy-button span { font-size: 20px; }

.deal-price { color: #AE327D; font-size: 11px; margin: 20px 10px 0; text-align: right; }
.deal-price span { font-size: 28px; font-weight: bold; }
.deal-heading { background: #82AF2E; padding: 6px 5px; padding: 12px 10px 12px 60px; font-size: 14px; color: #fff; overflow: hidden; }
.deal-heading h1, .deal-heading h2 { font-size: 14px; color: #fff; border: none; padding: 0; margin: 0; font-weight: normal; }
.deal-heading .right { float: right }

#map { border: 1px solid #D8D8D8; height: 220px; width: 240px; }

.selected_filters { color: #555; margin: 5px 0; padding: 0 0 14px 5px; }
.selected_filters strong { color: #AE327D !important; }
.selected_filters_bg { padding: 10px 0 10px 0; margin: 10px 0 15px 5px; }
.selected_filters ul { display: inline; }
.selected_filters li { display: inline; margin-right: 10px; }
.selected_filters li a, .selected_filters li a:active, .selected_filters li a:visited { text-decoration: none; font-size: 13px; color: #999; font-weight: bold; }
.selected_filters li a:hover { color: #AE327D; }

.success { color: #5F8C00; font-weight: bold; }

#more-destinations-btn { margin: 5px 0 0 0; text-align: right; }
#more-destinations-btn a, #more-destinations-btn a:active, #more-destinations-btn a:visited { text-decoration: none; color: #86AC17; text-align: right; }
.destinations-box a, .destinations-box a:active, .destinations-box a:visited { color: #444; text-decoration: none; line-height: 20px; margin: 0 3px 0 0; }
.destinations-box a:hover { color: #AE327D; text-decoration: underline; }

/* ------------------------------- DESTINATIONS PAGE ---------------------------*/
h2.section { background: url("../images/s_grey_bg.png") repeat-x scroll 0 0 transparent; border-bottom: 1px solid #DDDDDD; margin: 0 0 5px; padding: 8px; color: #AE327D; }
h2.section a, h2.section a:active, h2.section a:visited { text-decoration: none; color: #AE327D; font-size: 13px; font-weight: bold; margin: 4px 0; }
h2.section a:hover { text-decoration: underline; }
h3.section { border-bottom: 1px solid #EEEEEE; margin: 0 0 3px 8px; padding: 0 0 6px; }
h3.section a, h3.section a:active, h3.section a:visited { text-decoration: none; color: #333; font-size: 12px; margin: 5px 0; }
h3.section a:hover { text-decoration: underline; }

.half-column { float: left; width: 49%; margin: 0 10px 10px 0; }
.half-column.last { margin: 0 0 10px 0; }

/* ------------------------------- CONTACT FORM ---------------------------*/
#contact-form form { background: #eee; border: 1px solid #ccc; padding: 10px; width: 608px; }
#contact-form h3 { margin: 5px 0 5px 0 !important; font-size: 16px; font-weight: bold; }
#contact-form legend, #contact-form label { display: block; margin: 0 0 2px 0; }
#contact-form input, #contact textarea { display: block; margin: 0 0 10px 0; }
#contact-form input.cityField {position: absolute;width: 0;height: 0;margin: 0;padding: 0;border: 0;}
.big-purple-btn { background: url(../images/purple_button.png) no-repeat 0 0; width: 166px; height: 41px; border: none; color: white; font-size: 14px; cursor: pointer; }
form .error { color: red; margin: 0 0 0 5px; }


#related_offers { background: url(../images/grey_gradient.jpg) repeat-x 0 0; padding: 12px 10px; font-size: 14px; color: #333; font-weight: bold; margin: 0 0 10px 0; }

a.no-underline, a.no-underline:active, a.no-underline:visited { text-decoration: none; }
a.no-underline:hover { text-decoration: underline; }

.g-plus1 { float: left; margin: 6px 0 0 0; width: 92px; }

#more_offers_box {clear:both;float:none}
#more_offers_lnk, #more_offers_lnk:active, #more_offers_lnk:visited { color: white; text-decoration: none; display: block; text-align: center; }
#more_offers_lnk:hover { text-decoration: none; cursor: pointer; }
#more_offers_btn { display: block; }


.roundedbox_btn { background: url(../images/green_button_full.png) no-repeat 0 0; height:45px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; margin: 0 0 10px 0; display: block;}
.roundedbox_btn:hover {  }
.roundedbox_lnk, .roundedbox_lnk:active, .roundedbox_lnk:visited { color: white; text-decoration: none; display: block; text-align: center; }
.roundedbox_lnk:hover { text-decoration: none; cursor: pointer; }

#ofnum { display: none; }

#minoan_banner { background: #0A2341; text-align: center; padding: 5px 0; }

.deal-comp-box { float: left; margin: 0 30px 30px 0; width: 140px; }
.deal-comp-box.last { margin-right: 0px !important; }
.deal-comp-img { border: 1px solid #ccc; text-align: center; padding: 5px; height: 32px; }
.deal-comp-title, .deal-comp-site { display: block; text-align: center; }
.deal-comp-title { margin: 3px 0 2px 0; }
.deal-desc-single { padding-left: 6px; }

.left-inner { padding-left: 8px; }

.emphasized { color: #588701; background: #FAFAFA; padding: 10px; border: 1px solid #EEE; }

.bigtext { font-size: 15px; font-weight: bold; color: #AE327D; }

.box_container li { border: 1px solid #ccc; padding: 10px; margin-right: 10px; width: 190px; float: left; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; height: 210px; text-align: center; background: #fafafa; }
.box_container li.last { margin-right: 0 !important; }
.box_container li img { margin: 0 0 10px 0; }

#how-works em { margin: 0 0 15px 0; display: block; text-align: center; }

.subscribe-box { border: 1px solid #ccc; padding: 10px; margin-right: 10px; width: 300px; float: left; height: 80px; background: url(../images/email.png) no-repeat 260px 10px #fafafa;}
.subscribe-box p { width: 235px }

.facebook-box { border: 1px solid #ccc; padding: 10px; width: 300px; float: left; height: 80px; overflow:hidden; background: #fafafa; }

#view-destinations-box { margin: 5px 0 0 0 }
#view-destinations-box a, #view-destinations-box a:active, #view-destinations-box a:visited { color: #AE327D }
#view-destinations-box a:hover { text-decoration: underline }

#mainheading { position: absolute; top: 114px; left: 82px; }

.specialcatbox { margin: 0 0 4px 0 }

.notfound { background: url(../images/cross.png) no-repeat left 0; margin: 20px 0 0 5px; padding: 5px 0 0 55px; }

/* ------------------------------- SORTING LINKS ---------------------------*/
#sorting {background:url(../images/sort.png) transparent no-repeat center left;	margin-left: 5px; padding-left: 27px; margin-bottom:20px; margin-top:30px}
#sorting li {display:inline; }
#sorting li a, #sorting li a:active, #sorting li a:visited {text-decoration:none}
#sorting li.selected a, #sorting li a:hover {color:#AE327D; text-decoration:underline}
#sorting .clean, #sorting .clean li:hover{	background:none !important;	margin:0 2px; padding:0;}

/* ------------------------------- GENERIC STYLES ---------------------------*/
.clear { clear: both; float: none; }
.bl { display: block; }
.centeredbox { text-align: center; }
.emphasisbox { background: url(../images/grey_gradient.jpg) repeat-x 0 0; padding: 20px; }
.right { text-align: right; }
.center { text-align: center; }
span.grey { color: #999; font-size: 11px; }
.fl { float: left; }
.fr { float: right; }
.imgframe { border: 1px solid #CCCCCC; padding: 1px; }
.col1 { color: #86AC17 !important; }
.basecol { color: #80AD2C; }
.seccol { color: #AE327D; }
.seccol-emphasized { color: #AE327D; font-weight: bold; }
.seccolheading { margin: 0 0 10px; padding: 15px 10px 10px 3px; color: #AE327D; font-size: 16px; font-weight: bold; }
.hidden { display: none; }
.loading { background: url("../images/ajax-loader.gif") no-repeat scroll center 0 transparent; }
.space { margin: 10px 0; }
p.text {line-height: 1.5em}

/* ------------------------------- ROUNDED ---------------------------*/
.rounded {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

/* ------------------------------- CONTEST ---------------------------*/
#contestpage p {line-height:1.6em; margin: 0 0 10px 0; font-size:14px}
#contestpage h2 {color:#B73283; font-size:20px; border:none;padding:0;margin: 0 0 12px 0; line-height: 1.2em;}
#contestpage h3 {color:#B73283; font-size:17px; border:none;padding:0;margin: 0 0 12px 0; line-height: 1.2em;font-weight: bold;}
#contestbox {position: relative;}
#contestbox h1 {color:#B73283; font-size:25px; text-align: center;border:none;padding:0;margin: 0 0 4px 0; line-height: 1.2em;}
#contestbox p {color:#B73283; font-size:21px; text-align: center;}
#contestbox p span {font-size:25px}
#content-heading {position: absolute;top:253px;left:15px;width: 945px;}
#contestpage .social_info { display: block; margin: 20px 0 0; height: 38px; }
#contestpage .social_buttons { margin: 0px 10px 0px 0; float: left; }
#contestpage .social_buttons li { display: inline; margin-right: 3px; }
#contestpage .contestinfo {font-size:15px;line-height:1.4em;text-align: justify;}
#contestpage .leftcol {width:450px;float:left}
#contestpage .rightcol {width:480px; float:right}
#contestform input, #contestform select { }
#contestform #submit_btn {margin:10px 0 0 0 }
#contestform .errormsg {padding: 6px 3px;display: block;margin: 0 0 5px; height:14px; float: left;}

.conteststep {background: #eee;border:1px solid #ccc; padding:20px}

.seperator {border-top:1px solid #ccc; margin: 30px 0}

#ajaxpage h1 {border: none; font-size:22px}
#ajaxpage ol li {margin-bottom: 10px;background: url(../images/bullet-green.png) no-repeat 0 -4px;padding: 0 0 0 25px;}


.ui-widget {line-height: 1.2em; font-size: 12px; font-family: verdana, arial;}

/* ------------------------------- MANAGE SUBSCRIPTION ---------------------------*/
.form-list-option {border: 1px solid #ccc; padding: 10px; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; background: #fafafa; margin:0 0 8px 0}
.form-list-option label {font-size: 13px;font-weight: bold;color: #06C;}
.form-list-option p {margin: 6px 0 0 25px; color:#444}

.confirmationmsg  {background: #E5F7E3 url(../images/check.gif) no-repeat;background-position: 7px 8px;border: 1px solid #C5E1C8;color: #005E20;padding: 7px 7px 7px 35px;margin-bottom: 15px;}
#unsubscribe-box {border-top:1px solid #ccc; padding: 10px 0 0 0; margin:50px 0 0 0;}

.centered-banner {margin:20px 0; text-align: center;}

.side-banner{ position: absolute; top: 140px;}
.side-banner.left-side{left: -178px;}
.side-banner.right-side { right: -146px;}
