/* CSS Document */

/*Content */
#hero {float: left; width: 661px; height: 348px; z-index: 1;}
#map {position: absolute; width: 661px; height: 348px; z-index: 2;}
#flash {position: absolute; width: 661px; height: 348px; z-index: 3;}
#map iframe {position: absolute; width: 661px; height: 348px; z-index: 2; border:0;}
#breadcrumb {float: left; padding: 8px; background: #FBFBFB; border: 1px dashed #CCCCCC; width: 618px;}
#content-header {float: left; width: 636px; margin: 0 0 10px 0;}
#content #content-header h1 {margin: 6px 0 6px 0; padding: 0; font-size: 26px; color: #333333; font-weight: normal; border-bottom: none;}
#content #content-header h2 {margin: 0 0 10px 0; padding: 0; font-family: Arial; font-size: 15px; font-weight: bold; border-bottom: 2px solid #CCCCCC;}

#content-header2 {float: left; width: 868px; margin: 0 0 10px 0;}
#content #content-header2 h1 {margin: 6px 0 6px 0; padding: 0; font-size: 26px; color: #333333; font-weight: normal; border-bottom: none;}
#content #content-header2 h2 {margin: 0 0 10px 0; padding: 0; font-family: Arial; font-size: 15px; font-weight: bold; border-bottom: 2px solid #CCCCCC;}


#content { top: 6px; float: left; 	width: 868px; background: #FFFFFF;padding: 18px 10px 10px 10px; z-index: 1;}
#content h1 {margin: 0 0 6px 0; font-size: 20px;  font-weight: normal; }
#content h1.blankheader {margin: 0 0 6px 0; font-size: 24px;  font-weight: normal;  border-bottom: none;}
#content h2 {margin: 0 0 10px 0; font-size: 14px; color: #666666;  font-family: Arial, Helvetica, sans-serif;}
#content h3 {margin: 0 0 10px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
#content p {margin: 0 0 15px 0; line-height: 18px;}
#content p .orange {color:#F60; }
#content ul {margin: 0 0 15px 0; padding: 0;}
#content li {list-style:none; background: url(/images/icon-plus.gif) no-repeat 0px 5px; margin: 0; padding: 0 0 0 19px; font-size: 11px; line-height: 18px;}
.content-300 {float: left;	width: 308px; margin: 0 20px 0 0;}
.content-600 {float: left; width: 636px; margin: 0 0 15px 0;}
.content-900 {float: left; width: 868px; margin: 0 0 15px 0;}
.post-300 {float: left; width: 308px; background-color: #FBFBFB; borlder-bottom: 1px #CCCCCC dashed; padding: 5px 0 0 0; margin: 0 0 5px 0;}
.post-300 ul {float: left; margin: 0; padding: 0;}
.post-600 {float: left; width: 636px; background-color: #FBFBFB; border-bottom: 1px #CCCCCC dashed; padding: 5px 0 0 0; margin: 0 0 15px 0; }
.post-900 {float: left; width: 868px; background-color: #FBFBFB; border-bottom: 1px #CCCCCC dashed; padding: 5px 0 0 0; margin: 0 0 15px 0; }
.special {float: left; width: 308px; background-color: #FBFBFB; border-bottom: 1px #CCCCCC dashed; margin: 0 0 20px 0;}
.special-600 {float: left; width: 636px; background-color: #FBFBFB; border-bottom: 1px #CCCCCC dashed; margin: 0 0 10px 0;}
.special-600 ul {float: left; width: 370px; margin: 0; padding: 0;}
.special-more { font-size: 11px; float: left; margin: 0 5px 0 5px;}
ul.inline {float: left; margin: 0 0 15px 0; padding: 0;}
#content ul.inline li {float: left; list-style:none; background: url(/images/icon-plus.gif) no-repeat 0px 5px; margin: 0 20px 0 0; padding: 0 0 0 14px; font-size: 11px; line-height: 18px;}
.gallery {margin: 0 0 20px 0; float: left;}
.gallery img {}
a.overflow166x125 {width: 155px; height: 115px; overflow: hidden; float: left; margin: 0 10px 10px 0;  border: #999999 double 4px;  }
a.overflow80x60 {width: 80px; height: 60px; overflow: hidden; float: left; margin: 0 11px 10px 0;  border: #999999 double 4px;  }
a.overflow50x50 {width: 50px; height: 50px; overflow: hidden; float: left; margin: 0 11px 10px 0;  border: #999999 double 4px;  }
.gallery-video {}
.gallery-video img {float: left; margin: 0 11px 10px 0; width: 272px; height: 210px;}
#surfarisuggestor { color: #CCCCCC; }
.facebook { border-top: 2px #CCCCCC; border-bottom: 2px #CCCCCC;}


/******************************/
/****** FULLSCREEN MUMS *******/
/******************************/

#fullscreen #breadcrumb {float: left; padding: 8px; background: #FBFBFB; border: 1px dashed #CCCCCC; width: 848px;}
#fullscreen #content #content-header {float: left; width: 868px; margin: 0 0 10px 0;}
#fullscreen #content #content-header h1 {margin: 6px 0 6px 0; padding: 0; font-size: 26px; color: #333333; font-weight: normal; border-bottom: none;}
#fullscreen #content #content-header h2 {margin: 0 0 10px 0; padding: 0; font-family: Arial; font-size: 15px; font-weight: bold; border-bottom: 2px solid #CCCCCC;}
#fullscreen #content { top: 6px; float: left; 	width: 868px; background: #FFFFFF;padding: 18px 10px 10px 10px; z-index: 1;}
#fullscreen #content h1 {margin: 0 0 6px 0; font-size: 20px;  font-weight: normal; }
#fullscreen #content h1.blankheader {margin: 0 0 6px 0; font-size: 24px;  font-weight: normal;  border-bottom: none;}
#fullscreen #content h2 {margin: 0 0 10px 0; font-size: 14px; color: #666666;  font-family: Arial, Helvetica, sans-serif;}
#fullscreen #content h3 {margin: 0 0 10px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
#fullscreen #content p {margin: 0 0 15px 0; line-height: 18px;}
#fullscreen #content p .orange {color:#F60; }
#fullscreen #content ul {margin: 0 0 15px 0; padding: 0;}
#fullscreen #content li {list-style:none; background: url(/images/icon-plus.gif) no-repeat 0px 5px; margin: 0; padding: 0 0 0 19px; font-size: 11px; line-height: 18px;}
#fullscreen #content .content-300 {float: left;	width: 410px; margin: 0 20px 30px 0;}
#fullscreen #content .content-600 {float: left; width: 869px; margin: 0 0 15px 0;}
#fullscreen #content .content-900 {float: left; width: 868px; margin: 0 0 15px 0;}
#fullscreen #content .post-300 {float: left; width: 400px; background-color: #FBFBFB; borlder-bottom: 1px #CCCCCC dashed; padding: 5px 0 0 0; margin: 0 0 20px 0;}
#fullscreen #content .post-300 ul {float: left; margin: 0; padding: 0;}
#fullscreen #content .post-600 {float: left; width: 636px; background-color: #FBFBFB; border-bottom: 1px #CCCCCC dashed; padding: 5px 0 0 0; margin: 0 0 15px 0; }
#fullscreen #content .special {float: left; width: 400px; background-color: #FBFBFB; border-bottom: 1px #CCCCCC dashed; margin: 0 0 30px 0;}
#fullscreen #content .special-600 {float: left; width: 636px; background-color: #FBFBFB; border-bottom: 1px #CCCCCC dashed; margin: 0 0 10px 0;}
#fullscreen #content .special-600 ul {float: left; width: 370px; margin: 0; padding: 0;}
#fullscreen #content .special-more { font-size: 11px; float: left; margin: 0 5px 0 5px;}
#fullscreen #content .viewmore {float: right; margin: 6px 0 0 0;}

/* Extras */
.border {float: left; margin: 0 16px 6px 0; border: #999999 double 4px; background:#FFFFFF;}
.minimap {float: right;}
.minimap-small {float: right; width: 30px; margin: 0 5px 0 0;}
.flag {float: right; width: 30px; height: 21px;}
.small {clear: left; font-size: 10px;}
.caption {float: left; width: 230px; margin: 0 10px 10px 0;font-size: 11px;}
.viewmore {float: right; margin: 6px 0 0 0;}
.left {float: left;}
.right {float: right !important;}
.price {color: #FF6600;}
.quote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color:#666666; line-height: 24px; margin: 10px 0 10px 0;}

.blog-date { font-size: 10px; color:#333333; margin: -10px 0 10px 0;}
.filter {float: right; padding: 4px; margin: 10px 0 0 0; height: 80px;}
.filter input {color: #FF0000;}
.commenticon {margin: 3px 5px 0 0; }
.comment {background-color: #FBFBFB; border-bottom: 1px #CCCCCC dashed; margin: 0 0 10px 0;}

/* Class Colors */


.greydark {color:#666666;}
.grey { color:#CCCCCC;}
.grey-bold {color:#CCCCCC; font-weight: bold;}
.green {color: #33CC00; font-weight: bold;}
.green-bold {color: #33CC00; font-weight: bold;}
.green-highlight {color: #A2F92B}
.red { color:#FF0000;}
.red-bold {color:#FF0000; font-weight: bold;}
.orange {color: #FF6600;}
.orange-bold {color: #FF6600; font-weight: bold;}
.blue {color: #2368d2;}
.blue-bold {color: #2368d2; font-weight: bold;} 



/* Sidebar */

#sidebar {position: absolute; width: 227px; background: url(/images/menu-bg.jpg) no-repeat 0px 135px; z-index: 3;	left: 667px; top: -49px;}
#logo {width: 227px; height: 150px; background:url(/images/logo-bg.gif) no-repeat ; }
#menu-wrap {float: left; width: 227px; .height: 300px; min-height: 300px;}
#menu {float: left; width: 227px; color: #FFFFFF; }
#menu a {height: 71px; width: 209px; display: block;}
#menu a:hover img {visibility:hidden;}
.menu1 {margin: 0 0 0 7px; height: 71px; width: 209px; background: url(/images/menu1-hover-suggester.gif); }
.menu2 {margin: 0 0 0 7px; height: 71px; width: 209px; background: url(/images/menu2-hover-news.gif); }
.menu3 {margin: 0 0 0 7px; height: 71px; width: 209px; background: url(/images/menu3-hover-eyecandy.gif); }
#submenu {float: left; width: 193px; padding: 0 8px 0 26px; margin: 0; }
#submenu a {color: #95d24a;}
#submenu h1 {margin: 10px 0 6px 0px; font-size: 20px;  color: #FFFFFF;  font-weight: normal;  border-bottom: 2px solid #666666; width: 170px;}
#submenu h2 {margin: 0 0 10px 0px; font-family: Arial; font-size: 15px; font-weight: bold; color: #FFFFFF; }
#submenu ul {margin: 0 0 0 0; padding: 0; }
#submenu li {padding: 0 0 0 19px; list-style:none; background: url(/images/icon-plus-white.gif) no-repeat 0px 5px;}

/* Side Modules */
#utility {float: left; height: 47px; background:#393939; width: 227px;}

.module {float: left; width: 227px;  color: #FFFFFF;}
.module-expand {padding: 10px 0 0 26px; width: 201px; float: left; background: url(/images/module-bg-runner.gif) repeat-y;}
.module-expand a {color: #95d24a;}
.module-expand a:hover {color: #95d24a; text-decoration: underline;}
.module-expand h1 {margin: 10px 0 6px 0px; font-size: 20px;  color: #FFFFFF;  font-weight: normal;  border-bottom: 2px solid #666666; width: 170px;}
.module-expand h2 {margin: 0 0 10px 0px; font-family: Arial; font-size: 15px; font-weight: bold; color: #FFFFFF; }
.module-expand ul {clear: left; margin: 0 0 15px 0; padding: 0; }
.module-expand li {padding: 0 0 0 19px; list-style:none; background: url(/images/icon-plus-white.gif) no-repeat 0px 5px;}

.module-address {float: left; background: url(/images/module-bg.gif); width: 201px; height: 188px; padding: 20px 0 0 26px; color: #FFFFFF;}
.module-address ul {clear: left; margin: 0 0 15px 0; padding: 0; }
.module-address li {padding: 0 0 0 19px; list-style:none; background: url(/images/icon-plus-white.gif) no-repeat 0px 5px;}
.module-address a {color: #95d24a;}
.module-address input.subscribe {width: 130px; font-size: 12px; color:#333333;}

.module-checksurf a:hover img {visibility:hidden;}
.module-checksurf a {float: left; width: 227px; height: 101px; display: block;}
.module-checksurf {float: left; width: 227px; height: 101px; background: url(/images/module-checksurf-hover.jpg); }
.module-surfshop a:hover img {visibility:hidden;}
.module-surfshop a {float: left; width: 227px; height: 198px; display: block;}
.module-surfshop {float: left; width: 227px; height: 198px; background: url(/images/module-surfshop-hover.jpg); }

.module-getinearly2009 a:hover img {visibility:hidden;}
.module-getinearly2009 a {float: left; width: 227px; height: 178px; display: block;}
.module-getinearly2009 {float: left; width: 227px; height: 178px; background: url(/images/module-getinearly-hover.jpg); }

.module-balisummer a:hover img {visibility:hidden;}
.module-balisummer a {float: left; width: 227px; height: 178px; display: block;}
.module-balisummer {float: left; width: 227px; height: 178px; background: url(/images/module-balisummer-hover.jpg); }

.module-pricecrash a:hover img {visibility:hidden;}
.module-pricecrash a {float: left; width: 227px; height: 178px; display: block;}
.module-pricecrash {float: left; width: 227px; height: 178px; background: url(/images/module-pricecrash-hover.jpg); }

.module-handhu a:hover img {visibility:hidden;}
.module-handhu a {float: left; width: 227px; height: 178px; display: block;}
.module-handhu {float: left; width: 227px; height: 178px; background: url(/images/module-handhu-hover.jpg); }

.module-cheapmaldives2 a:hover img {visibility:hidden;}
.module-cheapmaldives2 a {float: left; width: 227px; height: 178px; display: block;}
.module-cheapmaldives2 {float: left; width: 227px; height: 178px; background: url(/images/module-maldivescheap-hover.jpg); }

.module-pricecrash2 a:hover img {visibility:hidden;}
.module-pricecrash2 a {float: left; width: 227px; height: 178px; display: block;}
.module-pricecrash2 {float: left; width: 227px; height: 178px; background: url(/images/module-escape-hover.jpg); }


.module-firewire a:hover img {visibility:hidden;}
.module-firewire a {float: left; width: 227px; height: 178px; display: block;}
.module-firewire {float: left; width: 227px; height: 178px; background: url(/images/module-firewire-hover.jpg); }
.module-surfguide-maldives a:hover img {visibility:hidden;}
.module-surfguide-maldives a {float: left; width: 227px; height: 178px; display: block;}
.module-surfguide-maldives {float: left; width: 227px; height: 178px; background: url(/images/surfguide-maldives-hover.jpg); }
.module-surftrip a:hover img {visibility:hidden;}
.module-surftrip a {float: left; width: 227px; height: 178px; display: block;}
.module-surftrip {float: left; width: 227px; height: 178px; background: url(/images/surftrip-maldives-hover.jpg); }
.module-forum a:hover img {visibility:hidden;}
.module-forum a {float: left; width: 227px; height: 101px; display: block;}
.module-forum {float: left; width: 227px; height: 101px; background: url(/images/module-forum-hover.jpg); }
.module-surfcond a:hover img {visibility:hidden;}
.module-surfcond a {float: left; width: 227px; height: 153px; display: block;}
.module-surfcond {float: left; width: 227px; height: 153px; background: url(/images/module-surfcond-hover.jpg); }
.module-greenroom a:hover img {visibility:hidden;}
.module-greenroom a {float: left; width: 227px; height: 178px; display: block;}
.module-greenroom {float: left; width: 227px; height: 178px; background: url(/images/module-greenroom-hover.jpg); }
.module-firstaid a:hover img {visibility:hidden;}
.module-firstaid a {float: left; width: 227px; height: 178px; display: block;}
.module-firstaid {float: left; width: 227px; height: 178px; background: url(/images/module-firstaid-hover.jpg); }
.module-insurance a:hover img {float: left; visibility:hidden;}
.module-insurance a {float: left; width: 227px; height: 178px;}
.module-insurance {float: left; width: 227px; height: 178px; background: url(/images/module-insurance-hover.jpg); }
.module-maldivessale a:hover img {visibility:hidden;}
.module-maldivessale a {float: left; width: 227px; height: 178px; display: block;}
.module-maldivessale {float: left; width: 227px; height: 178px; background: url(/images/module-maldivessale-hover.jpg); }

.module-hudhuran a:hover img {visibility:hidden;}
.module-hudhuran a {float: left; width: 227px; height: 178px; display: block;}
.module-hudhuran {float: left; width: 227px; height: 178px; background: url(/images/module-hudhuranfushi-hover.jpg); }

.module-hudhuran2 a:hover img {visibility:hidden;}
.module-hudhuran2 a {float: left; width: 227px; height: 178px; display: block;}
.module-hudhuran2 {float: left; width: 227px; height: 178px; background: url(/images/module-hudhuranfushi2-hover.jpg); }

.module-oceandancer a:hover img {visibility:hidden;}
.module-oceandancer a {float: left; width: 227px; height: 178px; display: block;}
.module-oceandancer {float: left; width: 227px; height: 178px; background: url(/images/module-oceandancer-hover.jpg); }

.module-cheapmaldives a:hover img {visibility:hidden;}
.module-cheapmaldives a {float: left; width: 227px; height: 178px; display: block;}
.module-cheapmaldives {float: left; width: 227px; height: 178px; background: url(/images/module-cheapmaldives-hover.jpg); }

.module-sumatrasale a:hover img {visibility:hidden;}
.module-sumatrasale a {float: left; width: 227px; height: 178px; display: block;}
.module-sumatrasale {float: left; width: 227px; height: 178px; background: url(/images/module-sumatrasale-hover.jpg); }

.module-2for1newcale a:hover img {visibility:hidden;}
.module-2for1newcale a {float: left; width: 227px; height: 178px; display: block;}
.module-2for1newcale {float: left; width: 227px; height: 178px; background: url(/images/module-2for1newcale-hover.jpg); }

/* Buttons */
a.btn-red  {float: right; background-color: #FF3300; padding: 4px; border: #FFFFFF inset 2px; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 11px;}
a:hover.btn-red {background-color: #FF3300; text-decoration: none; color:#FFFFFF;}
a.btn-orange  {float: right; background-color: #FF6600; padding: 4px; border: #FFFFFF inset 2px; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 11px;}
a:hover.btn-orange {background-color: #FF6600; text-decoration: none; color:#FFFFFF;}
a.btn  {float: right; background-color: #FFFFFF; padding: 4px; border: #FFFFFF inset 2px; color: #666666; text-decoration: none; font-weight: bold; font-size: 11px;}
.quoteprice {display: block; width: 300px; background-color: #A2F92B; padding: 8px; margin: 0 0 20px 0;border: #FFFFFF inset 2px; color: #333333; text-decoration: none; font-weight: normal; font-size: 14px;}
a:hover.btn {background-color: #2368d2; text-decoration: none; color:#FFFFFF;}
.btn-iefix {margin: 0; padding: 0; height: 20px;} /* Fixs btn margin in IE */

.btn-enquiry a:hover img {visibility:hidden;}
.btn-enquiry a {width: 150px; height: 26px; display: block;}
.btn-enquiry {width: 150px; height: 26px; background: url(/images/btn-enquiry-hover.gif); }

.btn-availability a:hover img {visibility:hidden;}
.btn-availability a {float: right; width: 179px; height: 26px; display: block;}
.btn-availability {float: right; width: 179px; height: 26px; background: url(/images/btn-availability-hover.gif); }
.btn-availability-small a:hover img {visibility:hidden;}
.btn-availability-small a {float: right; width: 147px; height: 20px; display: block;}
.btn-availability-small {float: right; width: 147px; height: 20px; background: url(/images/btn-availability-small-hover.gif); }
.btn-product-small a:hover img {visibility:hidden;}
.btn-product-small a {float: right; width: 147px; height: 20px; display: block;}
.btn-product-small {float: right; width: 147px; height: 20px; background: url(/images/btn-product-small-hover.gif); }
.btn-checkprices a:hover img {visibility:hidden;}
.btn-checkprices a {float: left; width: 150px; height: 26px; display: block;}
.btn-checkprices {float: left; width: 150px; height: 26px; background: url(/images/btn-check-prices-hover.gif); }
.btn-confirmquote a:hover img {visibility:hidden;}
.btn-confirmquote a {float: left; width: 150px; height: 26px; display: block;}
.btn-confirmquote {float: left; width: 150px; height: 26px; background: url(/images/btn-confirmquote-hover.gif); }
.btn-quickquote a:hover img {visibility:hidden;}
.btn-quickquote a {float: left; width: 150px; height: 26px; display: block;}
.btn-quickquote {float: left; width: 150px; height: 26px; background: url(/images/btn-quickquote-hover.gif); }

.btn-onspecial a:hover img {visibility:hidden;}
.btn-onspecial a {float: left; width: 150px; height: 26px; display: block;}
.btn-onspecial {float: left; width: 150px; height: 26px; background: url(/images/btn-onspecial-hover.gif); }

.btn-talknow a:hover img {visibility:hidden;}
.btn-talknow a {float: left; width: 200px; height: 26px; display: block;}
.btn-talknow {float: left; width: 200px; height: 26px; background: url(/images/btn-talknow-hover.gif); }

.btn-checkprices-small a:hover img {visibility:hidden;}
.btn-checkprices-small a {float: left; width: 117px; height: 20px; display: block;}
.btn-checkprices-small {float: left; width: 117px; height: 20px; background: url(/images/btn-checkprices-small-hover.gif); }
.btn-surftrips a:hover img {visibility:hidden;}
.btn-surftrips a {float: left; width: 158px; height: 26px; display: block;}
.btn-surftrips {float: left; width: 158px; height: 26px; background: url(/images/btn-surftrips-hover.gif); }
.btn-specials a:hover img {visibility:hidden;}
.btn-specials a {float: left; width: 150px; height: 26px; display: block;}
.btn-specials {float: left; width: 150px; height: 26px; background: url(/images/btn-specials-hover.gif); }
.btn-moreinfo a:hover img {visibility:hidden;}
.btn-moreinfo a {float: right; width: 120px; height: 26px; display: block;}
.btn-moreinfo {float: right; width: 120px; height: 26px; background: url(/images/btn-moreinfo-hover.gif); }
.btn-book a:hover img {visibility:hidden;}
.btn-book a {float: right; width: 85px; height: 26px; display: block;}
.btn-book {float: right; width: 85px; height: 26px; background: url(/images/btn-book-hover.gif); }

#maptoggle {float: left; font-size: 10px; width: 126px; padding: 5px 0 0 45px; }
#maptoggle img {display: block;}
#maptoggle a {color: #95d24a;}
#mapview a {float: left; height: 75px; width: 126px; display: block;}
#mapview a:hover img {visibility:hidden;}
#mapview {background: url(/images/mapview-hover.gif); height: 75px; width: 126px;}
#flashtoggle {float: left; font-size: 10px; width: 126px; padding: 5px 0 0 45px; }
#flashtoggle img { display: block;}
#flashtoggle a {color: #95d24a;}
#flashview a {float: left; height: 75px; width: 126px; display: block;}
#flashview a:hover img {visibility:hidden;}
#flashview {background: url(/images/slideshowview-hover.gif); height: 75px; width: 126px;}*/

/* Google Map */

#map a {text-decoration: none; color: #0066CC; background-color: transparent;}
#map a:hover {color: #F60; background-color: transparent;}
#map h1 {font-weight: bold; font-size: 16pt; color: #369; border-bottom: 2px solid #369;}
.IW { width: 350px;}
.IWContent {height: 120px; overflow:auto;}
.IWCaption {font-weight: bold; font-size: 12pt; color: #369; border-bottom: 2px solid #369;}
.IWFooter {margin-top: 5px; font-size: 8pt; }
.IWFooterZoom {}
.IWDirections{background-color:#FFF;}
div.markerTooltip {color: black;background-color: white;white-space: nowrap;margin: 0;padding: 2px 4px;border: 1px solid black;}


/* Form Style */
.filter select { padding: 3px; font: 12px arial; border: 1px solid #DDDDDD; color: #333333;}
.filter select:hover { border: 1px solid #AFB9C4; color: #333333;}
.filter form {float: left;}
.filter-text {float: left; padding: 3px; font-weight: bold;}
#form h3 { border-bottom: 1px dashed #CCCCCC; background: url(../images/arrow-intrinsic.gif) top left no-repeat; margin-bottom: 10px; }
.colour { color: #5F7389; font-weight: bold; }
.formtext {padding: 3px 10px 3px 10px; width: 220px;} 
.formsubmitie7fix {overflow: visible; padding: 5px; .padding: 5px; margin: 20px 0 0 0;} 


/* Check Prices Table */
table#checkprices { background: #FFFFFF; float: left;}
table#checkprices tr { border-bottom: #CCCCCC dashed 1px;}
table#checkprices td { border-bottom: #CCCCCC dashed 1px; padding: 0 0 0 8px; height: 36px; }
table#checkprices td.header {background: #FBFBFB; border: 1px solid #CCCCCC; font-weight: bold;}

/*iBox*/
table#ibox h1 {margin: 0 0 6px 0; font-size: 20px;  font-weight: normal;  border-bottom: 2px solid #CCCCCC;}
table#ibox h2 {margin: 0 0 10px 0; font-size: 14px; color: #666666;  font-family: Arial, Helvetica, sans-serif;}


/* Resort Calender For Booking Form */
#resort-form {float: left; padding: 8px; background: #FBFBFB; border: 1px dashed #CCCCCC; margin-bottom: 30px; }
.resort-form {float: left; padding: 8px; background: #FBFBFB; border: 1px dashed #CCCCCC; margin-bottom: 30px; }
#resort-calender {clear: left; width: 636px;}
#resort-calender td { border: #CCCCCC 1px solid; text-align: center;}
.resort-header { background: #2368d2; color:#FFFFFF; font-weight: bold;}
.resort-subheader { background: #CCCCCC; color: #000000; font-size: 9px;} 
#resort-calender td a {background: #FFFFFF; display: block; height: 40px; padding: 5px;}
#resort-calender td a span .black{color: #000000;}
#resort-calender td a:hover {background: #2368d2; display: block; height: 40px; padding: 5px; color: #FFFFFF; text-decoration: none;}
td.surfcondition-excellent {background-color: #FF0000;}
td.surfcondition-good {background-color: #ff9900;}
td.surfcondition-fair {background-color: #ffcc00;}
td.surfcondition-poor {background-color: #ffff99;}
.surf-level {float: right; }
.table-surf-conditions {padding: 8px; background: #FBFBFB; border: 1px dashed #CCCCCC; margin-bottom: 20px; }
.table-surf-conditions td {width: 40px; height:24px;}
.table-legend {float: left; padding: 8px; background: #FBFBFB; border: 1px dashed #CCCCCC; margin-bottom: 30px; }
td-surflevel {width: 142px;}
td.surflevel-1 {width: 24px; background: url(/images/wave-icon.gif) no-repeat;}
td.surflevel-2 {width: 48px; background: url(/images/wave-icon.gif) repeat-x;}
td.surflevel-3 {width: 72px; background: url(/images/wave-icon.gif) repeat-x;}
td.surflevel-4 {width: 96px; background: url(/images/wave-icon.gif) repeat-x;}
td.surflevel-5 {width: 120px; background: url(/images/wave-icon.gif) repeat-x;}
td.surflevel-6 {width: 144px; background: url(/images/wave-icon.gif) repeat-x;}
td.gap {width: 20px;}
#content ul li h3 {margin: 0px; }
.table-bigsurf-conditions {padding: 8px; background: #FBFBFB; border: 1px dashed #CCCCCC; margin-bottom: 20px; }
.table-bigsurf-conditions td {}


#publisher {float: right;}
/* Surf Conditions Table */



#suggester {
	height: 348px;
	background-color: #FFF;
	border: #CCC 1px solid;
}
#suggester #header {
	height: 63px;
}
#suggester #progress  {
	height: 61px;
	background-image: url(../images/suggester_progress_bg.jpg);
	background-repeat: no-repeat;
}
#suggester #main {
	background-image: url(../images/suggester_main_bg.jpg);
	background-repeat: no-repeat;
	height: 205px;
}
#suggester #main #date {
	width: 147px;
	float: left;
	border-right: #CCC 1px solid;
}
#suggester #main #experience {
	width: 303px;
	float: left;
	border-left: solid #FFF 1px;
	border-right: solid #CCC 1px;
}
#suggester #main #type {
	width: 126px;
	float: left;
	border-left: solid #FFF 1px;
}
#suggester #main .box{
	height: 184px;
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px;
}
#suggester #main #date label {
	display: block;
	width: 70px;
	float: left;
	height: 30px;
	text-align: left;
	vertical-align: bottom;
}
#suggester #main #date select {
	float: left;
	height: 30px;
	width: 65px;
	overflow: hidden;
}
#suggester #main #experience label {
	display: block;
	width: 120px;
	float: left;
	height: 30px;
	text-align: left;
	vertical-align: bottom;
}
#suggester #main #experience select {
	float: left;
	height: 25px;
	width: 120px;
	overflow: hidden;
	margin-bottom: 5px;
}
#suggester #main #experience span {
	display: block;
	height: 30px;
	float: left;
	width: 160px;
}
#suggester #main #type span {
	display: block;
	height: 30px;
}

/* Promo Bar */
#pagepeel-bg 	{ top: 80px; margin: auto; width: 900px; background: #FFFFFF; }
#pagepeel		{ float: left; background: url('/images/gie2011/bgpeel-small.jpg') no-repeat bottom right #FFFFFF; width: 900px; height: 241px;}

#getinearlybar  {
background-image: url("/images/gie2011/banner-footer.png"); 
background-position: bottom;
background-repeat: no-repeat;
height: 61px;
margin:0 0 0 -5px;
position:fixed;
bottom: 0;
width:910px;
z-index:50;
}