/* ELEMENTS */ body {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 0 0 0; background: #FFFFFF; margin:0;} p {padding: 1em 0 0 0;} h1 {font-size: 2em; padding: 0.5em 0 0 10px;} h2 {font-size: 1.2em; padding: 0.6em 0 0 0;} h3, h4, h5, h6 {font-size: 1em; font-weight: bold; padding: 1em 0 0 0;} a {color: #0f3e80; text-decoration: underline;} a:hover {} a img {border: 0;} strong {font-weight: bold;} abbr, acronym {border: 0; cursor: help; font-weight: inherit;} del {display: block; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;} label {display: block; padding: 0 0 2px 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;} select {padding: 0 0x 0 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;} input, button {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: auto; overflow: visible;} /* header */ table#header {background: url(../images/common/top-bg.gif) top left repeat-x; height:92px; padding-bottom:10px;} table#header .panel p {} table#header #logo p { font-size: 1.75em; padding: 0;} div#logo a {float: left; display: block; width: 280px; height: 50px; text-indent: -999em; background: url(../images/common/logo_sg.gif) top left no-repeat;} #NewsLetter a {font: 10px Geneva, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none;} #NewsLetter a:hover {text-decoration: underline;} #NewsLetter span {padding: 0.3em 1.5em 0.1em 1.5em;} /* navigation */ #menuTab { background: #92b50a url(../images/common/bg_menuTab.gif) top repeat-x; margin: 0 0 6px 0;} #menuTab ul {list-style: none; margin:0 0 0 0; padding:0 0 0 0;} #menuTab ul li {display: block; float: left; height: 100%; font:bold 12px Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase;} #menuTab ul li#my-acc {float: right;} #menuTab ul li#my-acc a {background: url(../images/common/bg_menuTab_line.gif) top left no-repeat; color:#0f3e80;} #menuTab ul a {display: block; color: #FFFFFF; text-decoration: none; background: url(../images/common/bg_menuTab_line.gif) top right no-repeat;} #menuTab ul a:hover {color:#0066FF; text-decoration: none;} #menuTab ul a span {display: block; padding: 0.5em 1.5em 0.5em 1.5em;} /* LeftColumn Box */ #LeftColumn { background: #89daf7; float: left; margin:0 10px 0 0; width:270px;} #LeftColumn h2 {font:bold 16px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 0; color:#0f3e80; text-transform: none; margin:0; line-height:2em;} #LeftColumn strong {font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#0f3e80;} #SearchBox { background: #00aaff url(../images/common/bg_LeftColumn_Tab.gif) top right repeat-y;} #SearchBox_Tab { width:270px; Height:30px; background: #00aaff url(../images/common/bg_SearchBox_Tab.gif) top right repeat-y;} #SearchBox_Tab ul {list-style: none; margin:0 0 0 0; padding:0 0 0 0;} #SearchBox_Tab ul li {display: block; float: left; height: 100%; font:bold 14px Geneva, Arial, Helvetica, sans-serif; color:#0f3e80;} #SearchBox_Tab ul li#last {float: right;color: #FFFFFF;} #SearchBox_Tab ul li#last a {color: #FFFFFF; background: url(../images/common/icon_arrow_white.gif) top left no-repeat; text-decoration: none;} #SearchBox_Tab ul li#last a:hover { text-decoration: underline;} #SearchBox_Tab ul li#last span {display: block; padding: 0.8em 0.5em 0.2em 0;} #SearchBox_Tab ul span {display: block; padding: 0.5em 0.8em 0.2em 0.8em;} #Contact { width:270px; Height:60px; background: #00aaff url(../images/common/bg_Contact.gif) top right no-repeat;} #Contact h2 {font:bold 16px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 0; color:#0f3e80; text-transform: none; margin:0; line-height:18px;} #Contact span{ font:bold 16px Geneva, Arial, Helvetica, sans-serif; color:#444444; } #Contact a { font: 11px Geneva, Arial, Helvetica, sans-serif; color:#2162ca; text-decoration: none;} #Contact a:hover{ } #HolidaySpecials { background: #00aaff url(../images/common/bg_LeftColumn_Tab.gif) top right repeat-y;} #HolidaySpecials .dotsline {border-bottom:dotted 1px #cbcbcb;} #HolidaySpecials a { font:10px Geneva, Arial, Helvetica, sans-serif; text-align:center; color:#333333; text-transform: uppercase;text-decoration: none;} #HolidaySpecials a:hover{ color:#ff6600; text-decoration: underline;} #TopDestination { background: #00aaff url(../images/common/bg_LeftColumn_Tab.gif) top right repeat-y;} #TopDestination .dotsline {border-bottom:dotted 1px #cbcbcb;} #TopDestination h2 {font:bold 14px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 0; color:#0f3e80; text-transform: none; margin:0; line-height:18px;} #TopDestination a { font: 11px Geneva, Arial, Helvetica, sans-serif; color:#2162ca; text-decoration: none;} #TopDestination a:hover{ color:#ff6600; text-decoration: underline;} #TopDestination strong {font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#333333;} #Tools { background: #00aaff url(../images/common/bg_LeftColumn_Tab.gif) top right repeat-y;} #Tools ul {padding:0 7px 0 3px; margin:0px; list-style:none} #Tools .bg_list { background: url(../images/common/icon_arrow_grey.gif) no-repeat 0 8px; padding-left:10px;} #Tools .bg_list a { font: 11px Geneva, Arial, Helvetica, sans-serif; color:#2162ca; text-decoration: none; line-height:18px;} #Tools .bg_list a:hover {text-decoration: underline;} #Tools h2 {font:bold 14px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 0; color:#0f3e80; text-transform: none; margin:0; line-height:18px;} /*MainColumn Box */ #MainColumn { background: #FFFFFF; float: left; margin:0; width:540px;} #MainColumn h2 {font:bold 12px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 0; color:#0f3e80; text-transform: uppercase; margin:0;} #MainColumn strong {font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#41b800;} /*MainColumn Box SubPages*/ #MainColumnSubPages { background: #FFFFFF; float: left; margin:0; width:710px;} #MainColumnSubPages h1 {font:24px/22px Times New Roman,Verdana, arial, tahoma, helvetica, sans-serif; padding: 0 0 0 0; color:#0f3e80;margin:0;} #MainColumnSubPages h2 {font:bold 1em Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 5px; color:#0f3e80; margin:0; line-height:24px;} #MainColumnSubPages h3 {font:bold 12px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 0; color:#0f3e80; margin:0;} #MainColumnSubPages strong {font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#333333;} #MainColumnSubPages .note {font: 9px Geneva, Arial, Helvetica, sans-serif; color:#999999;} #MainColumnSubPages .price {font: 20px Verdana, Times New Roman, arial, tahoma, helvetica, sans-serif;; color:#ff5100;} #MainColumnSubPages span {font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#333333;} #MainColumnSubPages .dotsline {border-bottom: dotted 1px #999999; background-color: #F2F2F2;} #MainColumnSubPages a { color:#2162ca; text-decoration: none; line-height:18px;} #MainColumnSubPages a:hover {text-decoration: none; color:#ff6600;} #MainColumnSubPages .title {border-bottom: dotted 1px #F2F2F2; background-color: #cecece;} #MainColumnSubPages .botteds {border-bottom: dotted 1px #999999; background-color: #F2F2F2;} #MainColumnSubPages .morelinks { background-color: #cecece;} #MainColumnSubPages .smalltext { font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#333333;} /*RightColumn Box */ #RightColumn { background: #FFF; float: right; margin:0; width:180px; margin:0 0 0 5px; border:solid 1px#e9e9e9; } #RightColumn img {margin:0; vertical-align:top;} #RightColumn h2 {font:bold 12px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 0; color:#41b800; text-transform: uppercase; margin:0; line-height:18px;} #RightColumn strong {font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#333333;} #HolidaySpecials-s { background: #00aaff url(../images/common/bg_LeftColumn_Tab.gif) top right repeat-y;} #HolidaySpecials-s .dotsline {border-bottom:dotted 1px #cbcbcb;} #HolidaySpecials-s h2 {font:bold 14px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 0; color:#41b800; text-transform: none; margin:0; line-height:24px;} #HolidaySpecials-s a { font:11px Geneva, Arial, Helvetica, sans-serif; text-align:center; color:#0f3e80; text-decoration: none; text-align:center;} #HolidaySpecials-s a:hover{ color:#ff6600; text-decoration: none;} /*Box */ #box1 {margin: 10px 0 0 0; width:100%; background:#FFF; } #box1 strong{ color:#160906; text-transform:uppercase} #box1 h2 {font:bold 12px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 5px; color:#FFFFFF; text-transform: uppercase; margin:0; line-height:24px;} #box1 img{ vertical-align:middle} #box1 ul {padding:15px 7px 15px 10px; margin:0px; list-style:none} #box1 .bg_list { background: url(../images/common/icn_arrow_blue.gif) no-repeat 0 8px; padding-left:10px;} #box1 .bg_list a {color:#3b76cb; text-decoration: none; font-weight:bold;line-height:18px;} #box1 .bg_list a:hover {text-decoration: underline;} #box1 .title {width:100%; background-color: #00aaff;} #box1 .bg_tl {background:url(../images/common/box1_top_left.gif) no-repeat top left; width:100%;} #box1 .bg_tr {background:url(../images/common/box1_top_right.gif) no-repeat top right; width:100%; } #box1 .bg_bl {background:url(../images/common/box1_bottom_left_blue.gif) no-repeat bottom left; width:100%;} #box1 .bg_br {background:url(../images/common/box1_bottom_right_blue.gif) no-repeat bottom right; width:100%; } #box1 .bg_line { width:100%; background: url(../images/common/box1_bg_line.gif) repeat-y;} #box1 .bg_bt { width:100%; background: url(../images/common/box1_bottom.gif) no-repeat left bottom;} #box1 td {font:10px Geneva, Arial, Helvetica, sans-serif; text-align:center; color:#333333; text-transform: uppercase;} #box2 {margin: 10px 0 0 0; width:100%; } #box2 h2 {font:bold 12px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 5px; color:#FFFFFF; text-transform: uppercase; margin:0; line-height:24px;} #box2 td .spacer {padding: 0 5px 0 5px; } #box2 table .border {padding:0; border:solid 1px #bdbdbd; background: #f0f0f0;} #box2 td .title {padding: 0 5px 0 5px; background:#7a7a7a; } /* #box2 td .title {padding: 0 5px 0 5px; background:#cdcdcd url(../images/common/box1_bg_gradient.gif) repeat-x bottom left; } */ #box2 td .spacer {padding: 0 5px 0 5px; background: #f0f0f0;} #box2 td .list {width:50%; padding: 0 0 0 0; font:11px Geneva, Arial, Helvetica, sans-serif; border-bottom: dotted 1px #e0e0e0;} #box2 .price {color:#ff5100; } #box2 td .list a { width:100%; color:#2162ca; text-decoration: none; line-height:20px;} #box2 td .list a:hover {text-decoration: underline; } #box1 {margin: 10px 0 0 0; width:100%; background:#FFF; } #box1 strong{ color:#160906; text-transform:uppercase} #box1 h2 {font:bold 12px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 5px; color:#FFFFFF; text-transform: uppercase; margin:0; line-height:24px;} #box3 img{ vertical-align:middle} #box3 ul {padding:15px 7px 15px 10px; margin:0px; list-style:none} #box3 .bg_list { background: url(../images/common/icn_arrow_blue.gif) no-repeat 0 8px; padding-left:10px;} #box3 .bg_list a {color:#3b76cb; text-decoration: none; font-weight:bold;line-height:18px;} #box3 .bg_list a:hover {text-decoration: underline;} #box3 h2 {font:bold 16px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 5px; color:#FFFFFF; margin:0;} #box3 td {padding: 0 0 0 0; color:#FFFFFF; margin:0;} #box3 .bg_color {width:100%; background-color: #00aaff;} #box3 .bg_tl {background:url(../images/common/box1_top_left.gif) no-repeat top left; width:100%;} #box3 .bg_tr {background:url(../images/common/box1_top_right.gif) no-repeat top right; width:100%; } #box3 .bg_bl {background:url(../images/common/box1_bottom_left_blue.gif) no-repeat bottom left; width:100%;} #box3 .bg_br {background:url(../images/common/box1_bottom_right_blue.gif) no-repeat bottom right; width:100%; } #box3 a {color:#FFFFFF; text-decoration: none; font-weight:bold; line-height:18px;} #box3 a:hover {text-decoration: underline;} #box4 h2 {font:bold 16px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 5px; color:#FFFFFF; margin:0;} #box4 td {padding: 0 0 0 0; color:#FFFFFF; margin:0;} #box4 .bg_color {width:100%; background-color: #00aaff;} #box4 .bg_tl {background:url(../images/common/box1_top_left.gif) no-repeat top left; width:100%;} #box4 .bg_tr {background:url(../images/common/box1_top_right.gif) no-repeat top right; width:100%; } #box4 .bg_bl {background:url(../images/common/box1_bottom_left_blue.gif) no-repeat bottom left; width:100%;} #box4 .bg_br {background:url(../images/common/box1_bottom_right_blue.gif) no-repeat bottom right; width:100%; } #box4 a {color:#FFFFFF; text-decoration: none; font-weight:bold; line-height:18px;} #box4 a:hover {text-decoration: underline;} #LinkBox h2 {font:bold 16px Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 5px; color:#0f3e80; margin:0; line-height:24px;} #LinkBox .bg_color {width:100%; background-color: #f8f9f7; color:#999999;} /*Footer */ #FooterArea {margin: 10px 0 0 0; font:10px Geneva, Arial, Helvetica, sans-serif; color:#999999; border-top:solid 2px #e8e8e8;} #FooterArea a { color:#2162ca; text-decoration: none;} #FooterArea a:hover {text-decoration: underline; } #FooterArea .line {border-bottom:solid 2px #e8e8e8;} #FooterArea strong{ font: bold 10px Geneva, Arial, Helvetica, sans-serif; color:#666666;} /* featured Hotels */ table#Spacer { padding:0 0 10px 0;} #menu {} #menu td{ background:#5c83c1; border-top:1px solid #FFFFFF; padding-left:5px; color:#FFFFFF;} #menu a {color:#FFFFFF; text-decoration: none; font-weight:bold; line-height:18px; text-decoration:none;} #menu a:hover {background:#33518d; line-height:18px;} .hotels { margin-bottom:10px;} .hotels h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; margin:2px 0 2px 0; padding:0 0 0 10px; color:#0f3e80;} .hotels .colorbar1 { background-color:#853304;} .hotels .colorbar2 { background-color:#89daf7;} .hotels .name {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; margin:0 0 0 0; padding:0; color:#0f3e80; font-weight:bold; } .hotels .del-price { text-decoration:line-through;} .hotels .price { color:#FF0000; font-size:14px; font-weight:bold;} .hotels .line {background-color: #FFFFFF; background-image: url(../images/common/dotted-line.gif); background-repeat: repeat-x; background-position: left bottom;} .hotels a { text-decoration:none; color:#000000;} .hotels a:hover { text-decoration:underline; color:#ba1010;} .hotels a.book {text-decoration:none; background:#bcccdb; padding:3px 15px 3px 15px;} .hotels a.book:hover { text-decoration:underline;} #TandC {} #TandC td {font-size:10px; } #TandC .title {font-size:11px; font-weight:bold;} #Nav { } #Nav a {text-decoration:none; padding:2px 8px 2px 8px; color:#0f3e80; font-weight:bold;} #Nav a:hover {color:#FFFFFF;} #Nav .line { border-left:1px #FFFFFF solid;} #Nav .no-line { border-left:none;}