/* =body*/ body { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; background-color:#000000;} a { color:#006699; text-decoration:none; outline:0;} a:hover { color:#FF6600; text-decoration:none;} a:active, a:focus { color:#CC0000; text-decoration:none; width:0; height:0;} h1, h2, h3, h4, p, b { margin:0px; padding:0px} ul, li, ol, label, label input, label span { margin:0px; padding:0px} form, form input, form label { margin:0px; padding:0px;} /******START OF HOME PAGE STYLES******/ /****** =header******/ #homeHeader {font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#044F82; width:900px; margin: 0px auto;} /* =logo*/ #homeLogo {width:300px; height:245px; text-align:left; vertical-align:top; float:left; clear:right;} /* =homeBanner*/ #homeBanner {width:600px; height:245px; float:right;} /* =mainNav*/ #mainNav{font-size:0.65em; color:#FFFFFF; background-color:#007392; padding:5px 9px; clear:both;} #mainNav a { color:#FFFFFF;} #mainNav a:hover { color:#FFCC00;} #mainNav a:active, #mainNav a:focus { color:#FFCC00;} #mainNav ul {padding:0px; margin:0px;} #mainNav li {display: inline; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; list-style-type: none; border-right:1px solid #66CCCC;} #mainNav ul li.last { border-right:0px solid #66CCCC; margin-right:-10px; padding-right:-10px;} /*********** =container***********/ #container{ background-color:#FFFFFF; width:900px; margin: 0px auto; overflow:auto;} /****** =homeContainer1******/ #homeContainer1 { background-color:#FFFFFF; overflow:auto;} /* =homeContainer1_leftColl*/ #homeContainer1_leftColl { width:555px; float:left; } /* =vacation_themes*/ #vacation_themes { background-color:#DCDDDE; padding:9px 0px 9px 9px; width:537px; height:152px;} #vacation_themes_head { width:100%; height:21px} #vacation_themes h1 { font-size:0.9em; color:#268FD1; width:250px; margin:0px; padding:0px; float:left; clear:right;} #vacation_themesLinks a{ color:#666666;} #vacation_themesLinks a:hover { color:#000000;} #vacation_themesLinks a:active, #vacation_themesLinks a:focus { color:#000000;} #vacation_themesLinks { width:100%; padding-top:7px;} #vacation_themesLinks ul{width:524px; list-style-type:none; margin:0px; padding:0px; display:block;} #vacation_themesLinks li{ float:left; margin:0px; padding:0px; display:block;} #vacation_themesLinks h3{margin:0px; padding: 0px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 0.65em; letter-spacing:1px; font-weight:normal;} #vacation_themesLinks h3 img{ width:100px; display:block; margin-bottom:3px;} #theme_slider_item { width:104px;} #theme_slider_item img { border-top:4px solid #FFFFFF; border-right:2px solid #FFFFFF; border-bottom:4px solid #FFFFFF;border-left:2px solid #FFFFFF;} #theme_slider_txt{ padding-left: 2px;} /* =subNav*/ #subNav { padding-top:10px;} /* =subNav_leftColl*/ #subNav_leftColl{ width:457px; float:left} /* =home_bookingBox*/ #home_bookingBox{ width:329px; float:left; padding-left:9px; clear:right;} /* =booking_form*/ #booking_form { margin:0px 0px 0px 0px; padding:0px; background-color:#EFEFEF; display:block;} #booking_form h1 { font-size:0.8em; color:#FFFFFF; font-weight:normal; background-image:url(../images/booking-h1-bkg.gif); background-repeat:no-repeat; background-position:left top; margin:0px; padding:1px 0px 0px 12px; height:19px; } #booking_form label, #booking_form label span { font-size:0.75em; display:block; margin:0px; padding:0px 0px 2px 0px;} #booking_form label select { border:1px solid #999999 ;margin:0px; padding:0px} #booking_form label select:hover { border-color:#003366;} #booking_form label select:active, select:focus { border-color:#990000;} #booking_form label img { border:none;} #hbField_left { width:200px; height:120px; float:left; background-color:#EFEFEF; overflow:hidden; clear:right; margin:0px 0px -2px 0px; padding:5px 0px 0px 8px; border:0px solid #EFEFEF; border-left:1px solid #00A0C8; display:block;} #hbField_right { width:115px; height:118px; float:right; background-color:#EFEFEF; overflow:hidden; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; border:0px solid #EFEFEF; border-right:1px solid #00A0C8; display:block;} #bookingBttn { height:19px; clear:both; background-color:#EFEFEF; border-left:1px solid #00A0C8; border-right:1px solid #00A0C8; border-bottom:1px solid #00A0C8} #bookingBttn input{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#FFFFFF; width:88px; height:19px; background-image:url(../images/proceed-bkg.gif); background-repeat:no-repeat; background-color:#EFEFEF; border:0px solid #EFEFEF; float:right; margin:0px; padding:2px 0px 0px 0px; display:block; cursor:pointer; } #resort_hotel{ width:180px;} #room { width:135px; } #meal { width:85px; } #arrival_date { width:75px;} #departuredate { width:75px;} /* =booking_form*/ /* =map*/ #map { width:107px; float:right; padding-top:20px;} #map a { color:#00A0C8} #map h3 { font-size:0.9em; text-align:center; width:107px; margin:0px; padding:0px; display:block;} #map h3 img { display:block; margin:0px auto 5px auto; border:0px solid #FFFFFF;} /*********** =map2 for index2**********/ #map2 { width:98px; float:right; height:108px;} #map2 a { color:#00A0C8} #map2 h3 { font-size:0.75em; text-align:center; width:98px; margin:0px; padding:0px; display:block;} #map2 h3 img { display:block; margin:10px auto 3px auto; border:0px solid #FFFFFF;} /*********** =home_bookingBox2 for index2***********/ #home_bookingBox2{ width:442px; float:left; padding-left:9px; clear:right;} /* =booking_form*/ #booking_form2 { margin:0px; padding:0px; background-color:#EFEFEF; display:block;} #booking_form2 h1 { font-size:0.8em; color:#FFFFFF; font-weight:normal; background-image:url(../images/booking2-h1-bkg.gif); background-repeat:no-repeat; background-position:left top; margin:0px; padding:1px 0px 0px 12px; height:19px; } #booking_form2 label, #booking_form2 label span { font-size:0.75em; display:block; margin:0px; padding:0px 0px 2px 0px;} #booking_form2 label select { border:1px solid #999999 ;margin:0px; padding:0px} #booking_form2 label select:hover { border-color:#003366;} #booking_form2 label select:active, select:focus { border-color:#990000;} #booking_form2 label img { border:none;} #hbField_left2 { width:270px; height:120px; float:left; background-color:#EFEFEF; overflow:hidden; clear:right; margin:0px 0px -2px 0px; padding:5px 0px 0px 10px; border:0px solid #EFEFEF; border-left:1px solid #00A0C8; display:block;} #hbField_right2 { width:130px; height:105px; float:right; background-color:#EFEFEF; overflow:hidden; margin:0px 0px 0px 0px; padding:20px 12px 0px 0px; border:0px solid #EFEFEF; border-right:1px solid #00A0C8; display:block;} #bookingBttn2 { height:19px; clear:both; background-color:#EFEFEF; border-left:1px solid #00A0C8; border-right:1px solid #00A0C8; border-bottom:1px solid #00A0C8} #bookingBttn2 input{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#FFFFFF; width:88px; height:19px; background-image:url(../images/proceed-bkg.gif); background-repeat:no-repeat; background-color:#EFEFEF; border:0px solid #EFEFEF; float:right; margin:0px; padding:2px 0px 0px 0px; display:block; cursor:pointer; } #resort_hotel2{ width:250px; height:} #room2 { width:170px; } #meal2 { width:170px; } #arrival_date2 { width:100px;} #departuredate2 { width:100px;} /********** =booking_form2 for index2**********/ /* =subNav_bottom*/ #subNav_bottom{ clear:both; padding-top:20px; padding-right:5px; overflow:auto;} #subNav_bottom a { color:#333333;} #subNav_bottom a:hover { color:#000000;} #subNav_bottom a:active, #subNav_bottom a:focus { color:#000000;} #maldives { width:160px; float:left; clear:right;} #maldives h1 { font-size:0.7em; color:#FFFFFF; font-weight:normal; background-color:#3C86BA; height:20px; margin:0px; padding:8px 0px 0px 6px; display:block;} #maldives ul { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; margin:5px 9px; padding:0px; display:block;} #maldives li { margin:0px 0px 0px 18px; padding:2px 0px; list-style-type:none; list-style-image:url(../images/bullet.gif); } /* =tAdvice*/ #tAdvice { width:187px; float:right;} #tAdvice h1 { font-size:0.7em; color:#FFFFFF; background-color:#3C86BA; font-weight:normal; height:20px; margin:0px; padding:8px 0px 0px 9px; display:block;} #tAdvice ul { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; margin:5px 9px; padding:0px; display:block;} #tAdvice li { margin:0px 0px 0px 18px; padding:2px 0px; list-style-type:none; list-style-image:url(../images/bullet.gif);} /* =extra_links*/ #extra_links { width:95px; margin-left:165px; _margin-left:162px;} #extra_links a { color:#0069A1; display:block;} #extra_links a:hover { color:#003366;} #extra_links a:active, #extra_links a:focus { color:#003366;} #extra_links ul { font-family:Arial, Helvetica, sans-serif; color:#0069A1; font-size:0.75em; list-style-type:none; margin:0px; padding:0px;} #extra_links li { padding:8px 0px 0px 39px; margin:0px 0px 3px 0px; display:block;} #extPhoto { width:56px; height:21px; background-image:url(../images/photos-bkg.gif); background-repeat:no-repeat; display:block} #extVideos { width:56px; height:21px; background-image:url(../images/videos-bkg.gif); background-repeat:no-repeat; display:block} #extMusic { width:56px; height:21px; background-image:url(../images/music-bkg.gif); background-repeat:no-repeat; display:block} /* =subNav_main*/ #subNav_main { width:98px; float:right; overflow:auto;} #subNav_main a{ color:#0875AD;} #subNav_main ul{width:90px; list-style-type:none; margin:0px; padding:0px 0px 0px 5px;} #subNav_main li{ float:left; width:85px; margin:0px; padding:0px;} #subNav_main h3{margin:0px 0px 5px 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 0.7em;} #subNav_main h3 img{ display:block; border:0px #FFFFFF solid; margin-bottom:3px;} /* =homeContainer1_leftColl End*/ /* =homeContainer1_rightColl*/ #homeContainer1_rightColl { width:335px; float:right; padding-left:8px;} /* =homeDate*/ #homeDate { font-family:Arial, Helvetica, sans-serif; color:#8C8C8C; font-size:0.7em; background-color:#EFEFEF; width:332px; height:20px; text-align:right; margin-bottom:7px;} #homeDate p { margin:0px 0px 0px 0px; padding:3px 9px 0px 0px;} #helpSearch_container { width:335px; height:80px; margin-bottom:8px;} /* =home_liveHelp*/ #home_liveHelp { width:72px; float:left; clear:right;} #home_liveHelp span img{ margin-top:2px; border:none;} /* =simple_search*/ #simple_search { width:249px; float:right; padding:35px 9px 0px 0px;} #search_form { text-align:left; width:230px; height:40px; margin:0px; padding:0px; float:right;} #search_form h3, #search_form h4 { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; display:block;} #search_form h3 { font-size:0.8em; color:#333333; letter-spacing:1px; float:left; clear:right; margin:0px; padding:0px;} #search_form h4 { font-size:0.7em; font-weight:normal; color:#666666; float:right; margin:1px 0px 0px 0px; padding:0px 20px 0px 0px;} #search_form h4 a { color:#666666;} #search_form h4 a:hover { color:#333333;} #search_form h4 a:active, #search_form h4 a:focus { color:#333333;} ##search_form label { margin:0px; padding:0px;} #search_form label input { margin:0px; padding:0px; float:left; border:1px solid #999999; } #search_form label input:hover { border-color:#003366;} #search_form label input:active, #search_form input:focus { border-color:#990000;} .searchBox { width:180px; height:20px; margin:0px; padding:0px;} .go_btn { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; letter-spacing:1px; color:#FFFFFF; background-color:#2666A1; width:28px; height:22px; margin:0px; padding:1px -1px 1px 1px ; border-left:none; cursor:pointer;} /* =news_updates*/ #news_updates { font-family:Arial, Helvetica, sans-serif; text-align:left; background-color:#EFEFEF; width:335px; margin-bottom:5px;} #news_updates a { color:#333333;} #news_updates a:hover { color:#000000;} #news_updates a:active, #news_updates a:focus { color:#000000;} #news_updates h1 { font-size:0.8em; color:#FFFFFF; font-weight:normal; background-color:#FFFFFF; background-image:url(../images/news-h1-bkg.gif); background-repeat:no-repeat; background-position:left top; height:20px; padding:4px 0px 0px 9px; margin:0px; display:block;} #news_updates ol { padding:7px 15px 5px 9px; margin:0px; list-style-type:none; display:block;} #news_updates li { margin:0px; padding:0px; display:block; clear:both; min-height:82px; _height:82px;} #news_updates h4 { font-size:0.75em; color:#333333; margin:0px; padding:3px 0px; display:block;} #news_updates em { font-size:0.65em; color:#666666; font-style:normal; margin:0px; padding:0px 0px 1px 0px; display:block;} #news_updates .txt { font-size:0.7em; font-weight:normal; padding:0px; display:block; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; } #news_updates .txt img { margin:0px 10px 3px 0px; padding:0px; display:block; float:left;} /* =home_newsLetter*/ #home_newsLetter {font-family:Arial, Helvetica, sans-serif; text-align:left; background-color:#EAEAEA; width:335px; height:109px;} #home_newsLetter h1 { font-size:0.8em; color:#FFFFFF; font-weight:normal; background-color:#FFFFFF; background-image:url(../images/news-h1-bkg.gif); background-repeat:no-repeat; background-position:left top; height:20px; padding:4px 0px 0px 9px; margin:0px; display:block;} #homeSubscribe-form { margin:0px; padding:0px 15px 0px 9px;} #homeSubscribe-form label { margin:0px; padding:0px;} #homeSubscribe-form label input { margin:0px; padding:0px; float:left; border:1px solid #999999;} #homeSubscribe-form label input:hover { border-color:#003366;} #homeSubscribe-form label input:active, input:focus { border-color:#990000;} #homeSubscribe-form span { font-size:0.75em; margin:0px; padding:0px 0px 2px 0px; display:block;} #home_newsLetter em { font-size:0.75em; color:#088CBD; font-style:normal; margin:0px; padding:5px 0px 10px 9px; display:block;} .subscribeBox {width:220px; height:20px; margin:0px; padding:0px;} #email {width:220px; height:20px; margin:0px; padding:0px;} .submit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; letter-spacing:1px; color:#FFFFFF; background-color:#0875AD; width:60px; height:22px; margin:0px; padding:1px 1px 1px 3px ; border-left:none; cursor:pointer;} /* =homeContainer1_rightColl End*/ /****** =homeContainer1 End******/ /****** =homeContainer2******/ #homeContainer2 { background-color:#FFFFFF; overflow:auto;} /* =topTen_box-homeContainer2_leftColl*/ #topTen_box { width:685px; float:left;} /* =topTen_mainNav*/ #topTen_mainNav { overflow:auto;} #topTen_mainNav a { color:#FFFFFF} #topTen_mainNav a:hover { color:#FFFF00;} #topTen_mainNav .topTen_mainNav_selected { color:#FFCC00; } #topTen_mainNav a:active, #topTen_mainNav a:focus { color:#FFFF00;} #topTen_mainNav h4 { font-size:0.7em; font-weight:normal; color:#FFFFFF; background-color:#FFFFFF; background-image:url(../images/bestt-h1-bkg.gif); background-position:left top; background-repeat:no-repeat; width:432px; height:17px; margin:0px; padding:3px 0px 0px 6px; display:block} #topTen_mainNav b { font-weight:normal; margin:0px; padding:0px;} #topTen_mainNav ol {font-weight:normal; list-style-type:none; margin:0px; padding:0px 0px; display:inline;} #topTen_mainNav li { margin:0px 5px 0px 0px; padding:0px 5px 0px 5px; display:inline; display:inline; height:15px;} .bestNav { border-right:1px solid #FFFFFF; display:block; height:10px;} #bestResorts { border-right:1px solid #FFFFFF; display:block; height:10px;} #best_Cityhotels { border-right:1px solid #FFFFFF; display:block; height:15px;} #liveabords {display:block; } /* =topTen_subNav*/ #topTen_subNav { font-size:0.65em; color:#0875AD; height:14px; padding:4px; background-color:#D3D4D6;} #topTen_subNav a { color:#0875AD; padding-bottom:2px;} #topTen_subNav a:hover { background-image:url(../images/hover-line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:2px;} #topTen_subNav .topTen_subNav_selected { background-image:url(../images/hover-line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:2px;} #topTen_subNav a:active, #topTen_subNav a:focus { background-image:url(../images/hover-line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:2px;} #topTen_subNav ol { margin:0px; padding:5px 0px 0px 0px; display:inline;} #topTen_subNav li { margin:0px 8px 0px 0px; padding:0px 8px 0px 0px; _padding:0px 6px 0px 0px; display:inline; border-right:1px solid #70A5BA;} #topTen_subNav ol li.last { border-right:0px solid #0875AD; margin-right:-8px; padding-right:-8px;} /* =topTen_infoBox*/ #topTen_infoBox { background-color:#EFEDED; padding:9px; float:left } #topTen_infoBox_leftColl { width:263px; padding-right:10px; float:left;} #topTen_infoBox_leftColl a { color:#666666;} #topTen_infoBox_leftColl a:hover { color:#000000;} #topTen_infoBox_leftColl .topTen_infoBox_leftColl_selected { color:#000000;} #topTen_infoBox_leftColl a:active, #topTen_infoBox_leftColl a:focus { color:#000000;} #topTen_infoBox_leftColl ol { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#666666; list-style-type:none; margin:0px; padding:0px; display:block; line-height:15px;} #topTen_infoBox_leftColl li { margin:0px 0px 1px 0px; padding:0px; display:block;} #topTen_infoBox_rightColl {font-size:0.75em; color:#666666; background-color:#FFFEF2; padding:9px; width:376px; height:162px; float:right;} #topTen_infoBox_rightColl h3 { font-size:0.75em; color:#0060B9; margin:0px; padding:0px 0px 3px 0px; display:block;} /* #topTen_infoBox_rightColl p { font-size:0.75em; color:#666666; height:120px; margin:0px; padding:0px; display:block} */ #topTen_infoBox_rightColl img { float:left; margin-right:9px; width:140px; display:block;} #topTen_infoBox_rightColl span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; color:#FF8000; background-color:#FFFEF2; border:none; background-repeat:no-repeat; margin:0px; padding:4px 4px 4px 4px; display:block;} #topTen_infoBox_rightColl span a { color:#FF8000;} #topTen_infoBox_rightColl span a:hover { color:#FF3300;} #topTen_infoBox_rightColl span a:active, #topTen_infoBox_rightColl span a:focus { color:#FF3300;} /* =homeContainer2_leftColl End*/ /* =homeContainer2_righColl*/ #win_currency_flight { font-family:Arial, Helvetica, sans-serif; padding:22px 9px 0px 9px; width:197px; float:right; } #win_currency_flight span { margin:0px; padding:0px 0px 13px 0px; display:block; width:197px;} #win_currency_flight img { display:block; width:184px;} #win_currency_flight ul { list-style-type:square; font-size:0.7em; color:#FF8000; padding:0px 0px 10px 9px; border-bottom:1px solid #088CBD;} #win_currency_flight ul a { color:#FF8000; } #win_currency_flight ul a:hover { color:#FF3300; } #win_currency_flight li { margin:0px 0px 0px 15px; padding:0px; vertical-align:middle; } #win_currency_flight h4 { font-size:0.75em; color:#2666A1; letter-spacing:1px; margin:5px 0px 0px 0px; padding:0px; clear:both; height:37px; display:block; clear:both;} #win_currency_flight h4 img { margin-right:3px; border:none; width:47px; float:left; display:block} #win_currency_flight h4 a { color:#2666A1;} #win_currency_flight h4 a:hover { color:#003399;} #win_currency_flight h4 a:active, #win_currency_flight h4 a:focus { color:#003399;} /* =homeContainer2_righColl End*/ .clearfix{ clear:both; visibility: hidden;} /****** =homeContainer2 End******/ /****** =homeContainer3******/ #homeContainer3 { background-color:#FFFFFF; padding:12px 0px 0px 9px; height:228px;} /* = spOffer_Boxhome-Container3_leftColl*/ #spOffer_Box { width:507px; float:left; clear:right; } #spOffer_head { width:498px; height:17px; padding:3px 0px 0px 9px; background-image:url(../images/spOffer-h1-bkg.gif); background-color:#FFFFFF; background-repeat:no-repeat; background-position:left top;} #spOffer_Box a { color:#FF8000;} #spOffer_Box a:hover { color:#CC0000;} #spOffer_Box a:active, #spOffer_Box a:focus { color:#CC0000;} #spOffer_head h1 { font-size:0.8em; font-weight:normal; color:#FFFFFF; margin:0px; padding:0px; width:200px; display:block; float:left; clear:right;} #spOffer_head span { font-size:0.8em; color:#FF8000; text-align:right; letter-spacing:3px; margin:0px; padding:0px 5px; width:200px; display:block; float:right; } #spOffer_infoBox { background-color:#FFFEF2; border:1px solid #F77500; padding-top:9px; width:505px; height:195px;} #spOffer_infoBox ol { margin:0px; padding:0px; list-style-type:none; display:block;} #spOffer_infoBox li { margin:0px; padding:0px; list-style-type:none; display:block; _margin-bottom:-20px} #spOffer_infoBox img { margin:0px 9px 9px 9px; _margin:0px 9px 9px 4px; float:left; clear:right;display:block; } #spOffer_infoBox .txt { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#666666; margin:0px; padding:0px 15px 0px 0px; width:283px; display:block; float:right; background: #FFFEF2; /* declare background color for container to avoid distorted fonts in IE while fading */} #spOffer_infoBox h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#0060B9; margin:0px 0px 10px 0px; padding:0px; width:298px; display:block; float:right; background: #FFFEF2; /* declare background color for container to avoid distorted fonts in IE while fading */} #spOffer_infoBox .book { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#FF9900; text-align:left; display:block; float:left; } #spOffer_infoBox .book a { padding:8px 0px 0px 2px; color:#FF9933; } #spOffer_infoBox .book a:hover { color:#FF3300; } #spOffer_infoBox .book a:active, #spOffer_infoBox .book a:focus { color:#FF3300;} /* =weather_Box-homeContainer3_rightColl*/ #weather_Box { width:371px; padding-left:10px; float:right;} #weather_head { width:362px; height:17px; padding:3px 0px 0px 9px; background-image:url(../images/weather-h1-bkg.gif); background-color:#FFFFFF; background-repeat:no-repeat; background-position:left top;} #weather_head h1 { font-size:0.8em; font-weight:normal; color:#FFFFFF; margin:0px; padding:0px; } #weather_info { background-color:#EFF0F0; padding:20px 0px 0px 9px; height:164px;} #weather_info ol { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; list-style-type:none; display:block;} .day1{ width:155px; height:60px; display:block; float:left; margin-bottom:20px; line-height:15px;} .day2 { width:155px; height:60px; display:block; float:left; margin-bottom:20px; line-height:15px;} .day3{ width:155px; height:60px; display:block; clear: left; float:left; margin-bottom:20px; line-height:15px;} .day4 { width:155px; height:60px; display:block; float:left; margin-bottom:20px; line-height:15px;} .day1, .day3 { margin-right:20px;} #weather_info li {font-size:9px; list-style-type:none; _line-height:15px; white-space:normal;} #weather_info h2 { font-size:11px; margin:0px; padding:0px 0px 3px 0px; display:block; height:15px;} #weather_info img { margin:0px 10px 0px 0px; width:40px; display:block; float:left; clear:right; } #weather_info ul { list-style-type:none; margin:0px; _margin:-3px 0px 0px 0px; padding:0px; display:block; float:right;} #weather_info ul { margin:-2px 0px 0px 0px; padding:0px; _margin:0px 0px -2px 0px;} #weather_footer { background-color:#E3E3E4; height:22px;} #weather_footer em { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#666666; font-style:normal; display:block; float:right; margin:4px 9px 0px 0px; _margin:4px 4px 0px 0px} /****** =homeContainer3 End******/ /****** =featured_box******/ #featured_box { background-color:#FFFFFF; padding:12px 9px 0px 9px; height:215px;} #featured_box_head { height:17px; padding:3px 0px 0px 9px; background-image:url(../images/featured-h1-bkg.gif); background-color:#FFFFFF; background-repeat:no-repeat; background-position:left top;} #featured_box_head h1 { font-size:0.8em; font-weight:normal; color:#FFFFFF; margin:0px; padding:0px; width:200px; display:block; float:left; clear:right;} #featured_box_head h1 a { color:#FFFFFF;} #featured_box_head h1 a:hover { color:#FFCC00;} #featured_box_head a:active, #featured_box_head span a:focus { color:#FFCC00;} #featured_box_head span { font-size:0.8em; color:#0069A1; text-align:right; letter-spacing:3px; margin:0px; padding:0px 5px; width:300px; display:block; float:right; } #featured_box_head span a { color:#0069A1;} #featured_box_head span a:hover { color:#CC0000;} #featured_box_head a:active, #featured_box_head span a:focus { color:#CC0000;} #featured_info_box {height:178px; padding:8px; border:1px solid #36B8DB; } #featured_box ol { list-style-type:none; height:175px; margin:0px; display:block;} /*#featured_box ol a { color:#FF8000;} #featured_box ol a:hover { color:#FF3300;} #featured_box ol a:active, #featured_box ol a:focus { color:#FF3300;}*/ #featured_box li { width:412px; list-style-type:none; margin:0px; padding:0px 20px 0px 0px; display:block; float:left;} #featured_box img { width:175px; margin-right:10px; float:left;} #featured_box a img{ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } #featured_box a: img : hover { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; } #featured_box h2{ font-size:1em; color:#088CBD; background-color:#FFFFFF; margin:0px; padding:0px 0px 10px 0px; display:block;} #featured_box a h2 { font-size:1em; color:#088CBD; background-color:#FFFFFF; margin:0px; padding:0px 0px 10px 0px; display:block;} #featured_box a:hover h2 { color:#FF9900; } #featured_box .txt { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#666666; margin:0px; padding:0px; display:block; background-color:#FFFFFF;} #featured_box .more_details { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#FF8000; margin:0px; padding:0px; display:block;} #featured_box .more_details a:hover{ color:#FF3300; } /* =featured_box End*/ /****** =homeAd_box******/ #homeAd_box { background-color:#FFFFFF; padding:12px 9px 12px 9px; } /****** =footer******/ #footer{ width:900px; margin: 0px auto; padding:6px 0px 12px 0px;} #footer span { font-family:Arial, Helvetica,; font-size:0.7em; color:#CCCCCC; background-color:#000000; margin:0px; padding:0px;} #footer a { color:#99CCFF;} /****** =topten IE jQuery TAB******/ /* 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... */ .tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .tabs-nav { display: none; } } /* Skin */ .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; } .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .tabs-nav li { float: left; margin: 0 0 0 0px; min-width: 20px; /* be nice to Opera */ } .tabs-nav a, .tabs-nav a span { display: block; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 0px; } .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #27537a; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: left; text-decoration: none; white-space: nowrap; /* required in IE 6 */ } .tabs-nav .tabs-selected a { color: #000000; } .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { outline: 0; /* prevent dotted border in Firefox */ } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { } .tabs-nav a span { width: 10px; /* IE 6 treats width as min-width */ min-width: 10x; height: 10px; /* IE 6 treats height as min-height */ min-height: 10px; padding-top: 0px; padding-right: 0; } *>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .tabs-nav .tabs-selected a span { padding-top: 1px; } .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { } .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .tabs-nav .tabs-disabled { opacity: .4; } .tabs-container { padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 0px; } .tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; } /* =topTen_mainNav*/ .topTen_mainNav {background-color:#FFFFFF; background-image:url(../images/bestt-h1-bkg.gif); background-position:left top; background-repeat:no-repeat;} .topTen_mainNav a { color:#FFFFFF} .topTen_mainNav a:hover { color:#FFFF00;} .topTen_mainNav .topTen_mainNav_selected { color:#FFCC00; } .topTen_mainNav a:active, #topTen_mainNav a:focus { color:#FFFF00;} .topTen_mainNav h4 { font-size:0.7em; font-weight:normal; color:#FFFFFF; background-color:#FFFFFF; background-image:url(../images/bestt-h1-bkg.gif); background-position:left top; background-repeat:no-repeat; width:432px; height:17px; margin:0px; padding:3px 0px 0px 6px; display:block} .topTen_mainNav b { font-weight:normal; margin:0px; padding:0px;} .topTen_mainNav ol {font-weight:normal; list-style-type:none; margin:0px; padding:0px 0px; display:inline;} .topTen_mainNav li { margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; display:inline; display:inline; height:15px;} .bestNav { border-right:1px solid #FFFFFF; display:block; height:10px;} /* =topTen_subNav*/ .topTen_subNav { color:#333333; background-color:#D3D4D6; padding-left: 4px; } .topTen_subNav a { color:#0875AD; padding-bottom:2px;} .topTen_subNav a:hover { background-image:url(../images/hover-line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:2px;} .topTen_subNav a:active, .topTen_subNav a:focus { background-image:url(../images/hover-line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:2px;} .topTen_subNav ul { margin:0px; padding:5px 0px 0px 0px; display:inline; } .topTen_subNav li { display:inline; border-right:1px solid #70A5BA;} .topTen_subNav ul li.last { border-right:0px solid #0875AD; } /* .topTen_subNav li { margin:0px 8px 0px 0px; padding:0px 8px 0px 0px; _padding:0px 6px 0px 0px; display:inline; border-right:1px solid #70A5BA;} .topTen_subNav a { color:#0875AD; padding-bottom:2px;} .topTen_subNav a:hover { background-image:url(../images/hover-line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:2px;} .topTen_subNav .topTen_subNav_selected { background-image:url(../images/hover-line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:2px;} .topTen_subNav a:active, #topTen_subNav a:focus { background-image:url(../images/hover-line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:2px;} .topTen_subNav ul { margin:0px; padding:5px 0px 0px 0px; display:inline;} .topTen_subNav li { margin:0px 8px 0px 0px; padding:0px 8px 0px 0px; _padding:0px 6px 0px 0px; display:inline; border-right:1px solid #70A5BA;} .topTen_subNav ul li.last { border-right:0px solid #0875AD; margin-right:-8px; padding-right:-8px;} /* =topTen_infoBox_leftColl *color: #00ff00; targets IE6 and IE7 _color: #0000ff; targets IE6, not read by IE7 */ .topTen_infoBox { background-color:#EFEDED; margin-left:-4px; _margin-right:4px; /* IE6 */ float:left; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; width: auto; height: auto; } .topTen_infoBox_leftColl { width:263px; padding-right:4px; padding-left:4px; float:left; border-top:0px; } .topTen_infoBox_leftColl a { color:#666666;} .topTen_infoBox_leftColl a:hover { color:#000000; background-image:url(); background-position:bottom; background-repeat:repeat-x;} .topTen_infoBox_leftColl .topTen_infoBox_leftColl_selected { color:#000000;} .topTen_infoBox_leftColl a:active, .topTen_infoBox_leftColl a:focus { color:#000000;} .topTen_infoBox_leftColl ol { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#666666; list-style-type:none; margin:0px; padding:0px; display:block; line-height:1em; } .topTen_infoBox_leftColl li { margin:0px 0px 0px 0px; padding:0px; display:block; border-right:0px; } .topTen_infoBox_rightColl {font-size:0.75em; color:#666666; background-color:#FFFEF2; padding:9px; min-width:376px; _width:372px; height:160px; } .topTen_infoBox_rightColl h3 { font-size:0.75em; color:#0060B9; margin:0px; padding:0px 0px 3px 0px; display:block;} /* #topTen_infoBox_rightColl p { font-size:0.75em; color:#666666; height:120px; margin:0px; padding:0px; display:block} */ .topTen_infoBox_rightColl img { float:left; margin-right:9px; width:140px; display:block;} .topTen_infoBox_rightColl span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; color:#FF8000; background-color:#FFFEF2; border:none; margin:0px; padding:4px 4px 4px 4px; display:block;} .topTen_infoBox_rightColl span a { color:#FF8000;} .topTen_infoBox_rightColl span a:hover { color:#FF3300; background-image:url(); background-position:bottom; background-repeat:repeat-x; } .topTen_infoBox_rightColl span a:active, .topTen_infoBox_rightColl span a:focus { color:#FF3300;} /* =homeContainer2_leftColl End*/ /* =Spry*/ @charset "UTF-8"; /* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ background-color:#FFFFFF; background-image:url(../images/bestt-h1-bkg.gif); background-position:left top; background-repeat:no-repeat; } .TabbedPanels_in { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .TabbedPanelsTabGroup { margin: 0px; padding: 0px; } .TabbedPanelsTabGroup_in { margin: 0px; padding: 0px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTab { position: relative; text-align:center; float: left; padding: 4px 10px; margin: 0px 0px 0px 0px; font: bold 0.7em sans-serif; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; outline: 0; } .TabbedPanelsTab_in { text-align:center; position: relative; float: left; padding: 4px 0px; margin: 0px 0px 0px 0px; font: bold 0.7em sans-serif; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; outline: 0; } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHover { color: #FFFFFF; } .TabbedPanelsTabGroup_in .TabbedPanelsTabHover { color: #666666; background-image:url(../images/hover-line.gif); background-position:center bottom; background-repeat:repeat-x; padding-bottom:2px;} /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelected { color:#FFCC00; } .TabbedPanelsTabGroup_in .TabbedPanelsTabSelected { color:#3366FF; background-image:url(../images/hover-line.gif); background-position:center bottom; background-repeat:repeat-x; padding-bottom:2px; } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTab a { color: black; text-decoration: none; } .TabbedPanelsTab_in a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroup { clear: both; border-left: solid 1px #CCC; border-right: solid 1px #999; } .TabbedPanelsContentGroup_in { clear: both; background-color:#EFEDED; float:left; width: auto; height: auto; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContent { padding: 4px; } .TabbedPanelsContent_in { padding-right:4px; padding-left:4px; border-top:0px; } .TabbedPanelsContent_in a { color:#666666;} .TabbedPanelsContent_in a:hover { color:#000000; background-image:url(); background-position:bottom; background-repeat:repeat-x;} .TabbedPanelsContent_in_selected { color:#000000; background-image:url(); background-position:bottom; background-repeat:repeat-x;} .TabbedPanelsContent_in .TabbedPanelsContent_in { color:#000000;} .TabbedPanelsContent_in a:active, .TabbedPanelsContent_in a:focus { color:#000000;} .TabbedPanelsContent_in ol { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#666666; list-style-type:none; margin:0px; display:block; width:263px; float:left; } .TabbedPanelsContent_in li { margin:0px; display:block; border-right:0px; padding-top: 2px; padding-right: 0px; _padding-left: 4px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } .TabbedPanelsContentVisible_in { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } .VTabbedPanels_in .TabbedPanelsTabGroup_in { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } .VTabbedPanels_in .TabbedPanelsTab_in { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTabSelected { background-color: #FFFFFF; border-bottom: solid 1px #999; } .VTabbedPanels_in .TabbedPanelsTabSelected_in { background-color: #EEE; border-bottom: solid 1px #999; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } .VTabbedPanels_in .TabbedPanelsContentGroup_in { clear: none; float: left; padding: 0px; width: 30em; height: 20em; }