/* RESET STYLE */ * {margin:0; padding:0; list-style:none; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#3c3c3c; outline:none; border:none} body {font-size:11px; background:#044484} a {text-decoration:none; color:#0681ba} a:hover {text-decoration:underline} select, input, textarea {font-family:Verdana; font-size:11px; border:#c5c4c1 solid 1px} h2 {margin:0 0 17px; background:url(../images/bgd_h2.gif) bottom repeat-x; padding:0 0 5px} h3 {font-size:11px; padding:0 0 10px} h4, h4 a {color:#7c4f00; font-size:12px; font-weight:bold; text-transform:uppercase; padding:0 0 5px} h5 {font-size:14px; padding:15px 0 5px} img {border:none} p {line-height:16px} iframe {border:none} .clear {line-height:0; height:0; clear:both} /********** Common Structure (for all templates) *******/ #subHoian1, #subHoian2 {background:#0680ba url(../images/bgd_subbody.gif) repeat-x} #subQuynhon1, #subQuynhon2 {background:#c8573a url(../images/bgd_subbody_quynhon.gif) repeat-x} #subOcean1, #subOcean2 {background:#00a6b9 url(../images/bgd_subbody_ocean.gif) repeat-x} #subHalong1, #subHalong2 {background:#dc2338 url(../images/bgd_subbody_halong.gif) repeat-x} #subDanang1, #subDanang2 {background:#a12e70 url(../images/bgd_subbody_danang.gif) top repeat-x} #subHotram {background:#b2bb1e url(../images/bgd_subbody_hotram.gif) repeat-x} #subNinhbinh {background:#c61b81 url(../images/bgd_subbody_ninhbinh.gif) top repeat-x} #subSapa {background:url(../images/bgd_subbody_sapa.gif) top repeat-x} /*#subDanang {background:#a12e70 url(../images/bgd_subbody_danang.gif) top repeat-x}*/ /**** Container ************/ #container {width:927px; text-align:left; background:url(../images/bgd_container.gif) 0 0 repeat-y; margin:auto; position:relative} #subHoian1 .innerContainer, #subHoian2 .innerContainer{background:url(../images/bgd_subcontainer_hoian.gif) 0 0 no-repeat;} #subHalong1 .innerContainer, #subHalong2 .innerContainer{background:url(../images/bgd_subcontainer_halong.gif) 0 0 no-repeat;} #subQuynhon1 .innerContainer, #subQuynhon2 .innerContainer{background:url(../images/bgd_subcontainer_quynhon.gif) 0 0 no-repeat;} #subOcean1 .innerContainer, #subOcean2 .innerContainer{background:url(../images/bgd_subcontainer_ocean.gif) 0 0 no-repeat;} #subDanang1 .innerContainer, #subDanang2 .innerContainer{background:url(../images/bgd_subcontainer_danang.gif) 0 0 no-repeat;} /**** Header ************/ #header {width:927px; overflow:hidden; position:relative;} #logo {float:left; width:180px; overflow:hidden; margin:0 0 0 15px; display:inline} /**** Header for home page************/ #logoHome {width:180px; height:244px; position:absolute; z-index:999; left:15px; top:33px} #bannerHeader {width:897px; padding:0 0 0 15px} #photoSlice {width:897px; padding:0 0 0 15px} #photoSlice div {width:897px} .photo {width:731px; float:left} #topNav {background:#044484 url(../images/bgd_top.gif) 0 100% no-repeat; width:100%; overflow:hidden; clear:both} #topNav ul {float:right; padding:8px 0 12px; margin:0 20px} #topNav li {font-weight:bold; padding:0 0 0 3px; display:inline} #topNav li.symbol {font-weight:normal; color:#fff} #topNav li a {color:#fff} #nav {width:907px; height:27px; overflow:hidden; display:block; border:none; margin:1px 0 0 15px} #nav li {float:left; background:url(../images/bgd_lev_partition.gif) 100% 0 repeat-y} #nav li.last {background:none} #nav li img {display:block; padding:0 1px 0 0} ul.submenu {width:108px; padding:0 10px 0 0; margin:0 0 0 -11px; font-size:12px; position:absolute; top:309px; z-index:1000; overflow:hidden} ul.submenu li {font-weight:bold; height:27px; background:url(../images/bgd_submenu.gif) 0 0 repeat-x; padding:0; margin:0} ul.submenu a {display:block; color:#015a92; padding:4px 14px; height:19px} ul#newsletterMenu {width:190px} ul#lifespaMenu {width:120px} ul#servicesMenu {width:130px} ul#mediaMenu {width:150px} /**** Main************/ #main {width:897px; background:url(../images/bgd_main.gif) 0 0 repeat-x; margin:0 15px; padding:4px 0 0; overflow:hidden} .content {width:897px; background:url(../images/bgd_home_info.gif) 100% 100% no-repeat; overflow:hidden} /*********** intropage *********/ .flashContainer {width:900px; height:600px; overflow:hidden; display:block; position:relative;} .flashContainer dl { width:140px; height:56px; position:absolute; top:20%; left:46%; z-index:1; margin:-40px 0 0 -65px} .flashContainer dt { font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; display:block; padding:0 0 5px 50px; text-align:center; color:#fff;} .flashContainer dd { display:block; text-align:center;} /***********homepage************/ #contextual {background:#e5e5e5; float:left; width:226px; overflow:hidden; padding:5px 0 20px;} #contextual p {color:#7c4f00; padding:3px 15px 0 0; text-align:right} #contextual ul {width:226px; overflow:hidden} #contextual li {width:82px; float:left; padding:3px 0 5px 15px} #contextual dt {padding:0 0 3px} #contextual dl dt a {color:#7c4f00; font-weight:bold} #contextual dt.last {padding:0 0 3px 15px} #contextual dd.last {background:url(../images/bgd_line_01.gif) left repeat-y; padding:0 0 0 15px} /*form Search Room */ .SearchRoom{background:url(../images/bgd_top_SearchRoom.gif) no-repeat 0 0; height:auto!important; min-height:100px; height:100px; width:194px; margin:10px 0 0 15px;} .SearchRoom form.frmSearchRoom{background:url(../images/bgd_middle_SearchRoom.gif) repeat-y;} #innermain {width:659px; float:left; margin:22px 0 0 28px; padding:0 28px 30px 0} #innermain p {padding:5px 10px 5px 0} #innermain .slogan {text-align:center; margin:20px 0 0} #innermainIndex ul {padding:0 10px 5px 15px} #innermainIndex li {background:url(../images/bullet_amenities.gif) 0 7px no-repeat; padding:3px 5px 3px 10px} #innermainIndex {width:647px; float:left; margin:22px 0px 0 24px; padding:0 0 30px; overflow:hidden;} #innermainIndex .slogan {text-align:center; margin:20px 0 0} #innermainIndex .blockIntro{background:url(../images/bgd_innermainIndex.gif) no-repeat left bottom; width:647px; padding:0 0 20px; overflow:hidden; margin-bottom:30px;} #innermainIndex .blockIntro h3{ font-size:29px; color:#966002; font-family:"Times New Roman", Times, serif; font-style:italic} #innermainIndex .blockOffer { background:url(../images/bgd_specialOffer.gif) no-repeat left bottom; width:630px; overflow:hidden} #innermainIndex .blockOffer h3{font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#966002; font-size:22px; font-weight:100} #innermainIndex .blockPhoto{width:288px; overflow:hidden; float:left; padding:2px 18px 0 0;} #innermainIndex .blockNews{width:340px; overflow:hidden; float:left;} /* block Intro */ .blockIntroCont{width:647px; overflow:hidden;} .infoIntro{width:600px; margin:10px 0 0 0;} .infoIntro p{ margin:0 0 10px 0;} .blockIntroCont img { padding:5px 0} .listImgIntro{width:618px;} #innermainIndex .listImgIntro { padding:10px 0} #innermainIndex .listImgIntro li {display:inline; background:none; padding-right:15px;} /* block News */ .blockNews h3{padding:0;} .blockNews a.viewAll{text-transform:uppercase; font-weight:bold; background:url(../images/icon_Viewall.gif) no-repeat 0 4px; padding:0 0 0 10px; float:right; margin:10px 20px 0 0;} .blockNews a.viewAll:hover{color:#966002; text-decoration:none; background:url(../images/icon_Viewall_hover.gif) no-repeat 0 4px; padding:0 0 0 10px;} .blockNewsCont{padding:10px 0 10px 10px; overflow:hidden; background:url(../images/dot_line_news.gif) repeat-x 0 100%; width:308px;} .blockNewsCont p.imgNews{float:left; background:url(../images/bgd_visu_news.gif) no-repeat 0 0; margin:0 10px 0 0; width:65px;} .blockNewsCont p.imgNews a:hover{cursor:pointer;} .blockNewsCont img{padding:2px;} .blockNewsCont .infoNews{float:left; width:233px;} .infoNews a.title{color:#015a92; font-weight:bold; background:url(../images/bullet_news.gif) no-repeat 0 5px; padding:0 0 0 10px;} .infoNews a:hover{text-decoration:none; color:#7C4F00} #innercontent {width:659px; float:left; margin:22px 28px 30px} #innercontent p {padding:5px 10px 5px 0} #innercontent table {background:url(../images/bgd_h2.gif) bottom repeat-x; margin:0 0 10px} .list {padding:0 10px 5px 15px} .list li {background:url(../images/bullet_amenities.gif) 0 7px no-repeat; padding:3px 0 3px 12px} .contentTitle, .contentTitle p{color: #7C4F00; font-size: 12px; font-weight: bold; text-transform: uppercase;} .lnkDownload{overflow: hidden; width: 659px; padding: 10px 0 0 0;} .contentLogo{float: left; padding: 0 5px 5px 0;} #frmcontact {padding:0 0 0 20px; width:230px; float:left} #frmcontact p {padding:3px 0; display:block} #frmcontact label {width:120px} #frmcontact input {width:200px; height:16px; border:1px solid #ccc} #frmcontact option {color:#002d56; width:200px; padding:2px} #frmcontact select {color:#002d56; width:200px} #frmcontact textarea {width:200px; height:60px; border:1px solid #ccc} #frmcontact .submit {width:75px; height:28px; border:0; margin:10px 0 0; float:left} sup {font-size:10px; color:#0681ba} .required {font-size:10px; display:block; text-align:right; clear:both} .aplication p {padding:0 0 20px} /* form search */ #contextual .reservations{width:194px; height:188px;} #contextual h3, .lev2 h3 {color:#7c4f00; font-size:1.4em; padding:15px} .content .frmReservations {background:url(../images/bgd_frmSearch.gif) no-repeat; padding:5px 0; overflow:hidden; width:206px; margin:20px 0 0 15px;} #contextual .frmReservations p{padding:0 0 5px 7px; overflow:hidden; float:left; width:194px;} #contextual .frmReservations li{width:194px; padding:3px 0 5px 5px;} #contextual .frmReservations li.depart{width:194px; padding:3px 0 5px 0px;} #contextual .frmReservations li.boxTwoCol{width:94px; float:left; height:37px; overflow:hidden;} #contextual .frmReservations li.boxThreeCol{width:61px; float:left;} #contextual .frmReservations label{font-weight:bold;} #contextual .frmReservations input.btnCheck {background:url(../images/btn_Check.gif); width:154px; height:43px; border:none; margin:5px 0 0 19px; cursor:pointer} #contextual .frmReservations select, input{margin:4px 0 0 0;} .boxThreeCol select{width:50px; height:17px;} .boxOneCol select{width:183px; height:17px;} /*twister*/ .twister{margin:10px 0 0 15px;} .twister a{ padding:0 10px 0 0} /*.logoTripadvisor {margin:10px 0 0 15px;}*/ a.logoTripadvisor {width:153px; height:30px; background:url(../images/hoian/Tripadvisor_logo.png) no-repeat 0 0; display:block} /**** Footer ************/ #footer {color:#fff; background:#044484 url(../images/bgd_bottom.gif) 0 0 no-repeat; padding:9px 0 10px 625px; margin:0} #footer span {font-weight:bold; color:#fff} #footer a {color:#fff} /**** Sitemap ************/ #sitemap ul {padding:6px 0 0} #sitemap li {background:url(../images/bullet_newsother.gif) 0 7px no-repeat; padding:3px 0 3px 12px} #sitemap div {width:140px; overflow:hidden; float:left; padding:10px 10px 0 0; height:160px} #subpage #container {background:url(../images/bgd_subpage.gif) 0 0 repeat-y} /*#subHoian #container {background:url(../images/bgd_subcontainer_hoian.gif) 0 0 no-repeat}*/ #subHoian1 #container {background:url(../images/bgd_Bottomcontainer_hoian.gif) 0 0 repeat-y;} #subHoian2 #container {background:url(../images/bgd_Bottomcontainer_hoian_small.gif) 0 0 repeat-y;} #subHoian1 #topNav, #subHoian2 #topNav {background:#3ca6d6 url(../images/bgd_subtop.gif) 0 100% no-repeat} #subHoian1 #footer, #subHoian2 #footer {background:#0680ba url(../images/bgd_subbottom.gif) 0 0 no-repeat} #subQuynhon1 #container {background:#c8573a url(../images/bgd_bt_quynhon.gif) 0 0 repeat-y} #subQuynhon2 #container {background:#c8573a url(../images/bgd_bt_quynhon_small.gif) 0 0 repeat-y} #subQuynhon1 #topNav, #subQuynhon2 #topNav {background:#c8573a url(../images/bgd_subtop_quynhon.gif) 0 100% no-repeat} #subQuynhon1 #footer, #subQuynhon2 #footer {background:#c8573a url(../images/bgd_subbottom_quynhon.gif) 0 0 no-repeat} #subOcean1 #container {background:url(../images/bgd_Bottomcontainer_ocean.gif) 0 0 repeat-y} #subOcean2 #container {background:url(../images/bgd_Bottomcontainer_ocean_small.gif) 0 0 repeat-y} #subOcean1 #topNav, #subOcean2 #topNav {background:#03b7cb url(../images/bgd_subtop_ocean.gif) 0 100% no-repeat} #subOcean1 #footer, #subOcean2 #footer {background:#00a4b6 url(../images/bgd_subbottom_ocean.gif) 0 0 no-repeat} #subHotram #container {background:url(../images/bgd_subcontainer_hotram.gif) 0 0 repeat-y} #subHotram #topNav {background:#b2bb1e url(../images/bgd_subtop_hotram.gif) 0 100% no-repeat} #subHotram #footer {background:#b2bb1e url(../images/bgd_subbottom_hotram.gif) 0 0 no-repeat} #subHalong1 #container {background:url(../images/bgd_Bottomcontainer_halong.gif) 0 0 repeat-y} #subHalong2 #container {background:url(../images/bgd_Bottomcontainer_halong_small.gif) 0 0 repeat-y} #subHalong1 #topNav, #subHalong2 #topNav {background:#f6273f url(../images/bgd_subtop_halong.gif) 0 100% no-repeat} #subHalong1 #footer, #subHalong2 #footer {background:#da2337 url(../images/bgd_subbottom_halong.gif) 0 0 no-repeat} #subNinhbinh #container {background:url(../images/bgd_subcontainer_ninhbinh.gif) 0 0 repeat-y} #subNinhbinh #topNav {background:#fa22a2 url(../images/bgd_subtop_ninhbinh.gif) 0 100% no-repeat} #subNinhbinh #footer {background:#c11a7d url(../images/bgd_subbottom_ninhbinh.gif) 0 0 no-repeat} #subSapa #container {background:url(../images/bgd_subcontainer_sapa.gif) 0 0 repeat-y} #subSapa #topNav {background:#118e75 url(../images/bgd_subtop_sapa.gif) 0 100% no-repeat} #subSapa #footer {background:#01634e url(../images/bgd_subbottom_sapa.gif) 0 0 no-repeat} #subDanang1 #container {background:#a12e70 url(../images/bgd_Bottomcontainer_danang.gif) 0 0 repeat-y} #subDanang2 #container {background:#a12e70 url(../images/bgd_Bottomcontainer_danang_small.gif) 0 0 repeat-y} #subDanang1 #topNav, #subDanang2 #topNav {background:#a12e70 url(../images/bgd_subtop_danang.gif) 0 100% no-repeat} #subDanang1 #footer, #subDanang2 #footer {background:#a12e70 url(../images/bgd_subbottom_danang.gif) 0 0 no-repeat} /*** Aplication ***/ #innerAplication {width:615px; float:left; margin:22px 0 0 24px; padding:0 0 30px} #innerAplication ul {width:569px; overflow:hidden; padding:0 0 0 18px} #innerAplication li {float:left; margin:0 5px 0 0} #innerAplication li a {display:block; padding:6px 14px; background:#015e98; color:#fff; font-weight:bold} #innerAplication li a:hover, #innerAplication li a.active {background:#e5e5e5; color:#015e98; text-decoration:none} #innerAplication form {width:593px; border:1px solid #015e98; overflow:hidden; padding:10px} #innerAplication form p {width:593px; overflow:hidden; padding:0 0 10px} #innerAplication form label {float:left; font-weight:bold; padding:0 5px 0 0; width:333px} #innerAplication form label span {font-weight:normal; font-style:italic} #innerAplication form input {float:left; width:249px; padding:1px 1px 1px 2px} #innerAplication form select {float:left; width:250px; padding:1px 0 1px 2px} #innerAplication form textarea {float:left; width:249px; padding:1px 1px 1px 2px} #innerAplication form h3 {text-align:center; font-size:14px; color:#015e98} #innerAplication form h3.education {padding:20px 0 10px} #innerAplication form h4 {font-size:12px; padding:10px 0} #innerAplication form h4 span {font-weight:normal; font-style:italic} #innerAplication form .col05 input {width:15px; margin:0 4px 0 0; border:0} #innerAplication form .col05 label {width:25px} #innerAplication form input.btnNextCareer {width:63px; height:25px; border:0; float:right} #innerAplication form input.btnSubmit {width:63px; height:25px; border:0; float:right} #innerAplication form p.btnAdd {padding:0 0 0 30px} #innerAplication form .step3 textarea {width:585px} #innerAplication form .employmentHis li textarea {width:91px; margin:0; padding:2px 0 2px 2px; height:28px} #innerAplication .employmentHis {width:593px; overflow:hidden; padding:10px 0} .employmentHis li {float:left; padding:0 8px 0 0} .employmentHis li.col06 {width:98px; padding:0} .col01 {width:20px; font-weight:bold} .col02 {width:98px} .col03 {width:98px} .col04 {width:98px} .col05 {width:98px} /**** hoian page ************/ .lev2 {width:182px; background:#e5e5e5; float:left} .lev2 .last {border:none} .lev2 ul {width:153px; margin:7px 0 0 15px} .lev2 li {font-weight:bold;border-bottom:1px solid #fff; padding:7px 0 7px 10px} .lev2 li a {color:#0580b9; background:url(../images/bullet_lev2.gif) 0 3px no-repeat; padding:0 0 0 20px} .lev2 li a:hover {color:#7c4f00; background:url(../images/bullet_lev2_active.gif) 0 3px no-repeat; padding:0 0 0 20px; text-decoration:none} .lev2 .active {color:#7c4f00; background:url(../images/bullet_lev2_active.gif) 0 3px no-repeat; padding:0 0 0 20px} #subpage .lev2 li a {padding:0 0 0 15px} #subpage .lev2 li {padding:7px 0 7px 0} .livingroom {width:659px; display:block; margin:0 0 10px; overflow:hidden} .livingroom p {padding:2px 0 10px!important} .livingroom div {width:114px; float:left; margin:0 12px 0 0; background:url(../images/bgd_visu_living.gif) 0 0 no-repeat} .livingroom div img {padding:2px 7px} .livingroom .contentVisu {width:530px; float:left; background:none; margin:0} .news {width:659px; display:block; margin:0 0 10px; overflow:hidden} .news div {padding:10px 0 !important} .news .imgResortNews{width:100px; padding:2px 17px 2px 0; float:left} .news .contentnews {width:542px; float:left; background:none; margin:0} .news .contentMeetingNews{width:659px; background:none; margin:0} .news .name { color:#3C3C3C; font-weight:bold; margin-right:30px; display:block} .news .country { color:#3C3C3C; margin-right:30px; display:block} .news .date { color:#3C3C3C; font-style:italic; display:block } .amenities {margin:7px 0 0 103px} .amenities p span {font-weight:bold; padding:5px 0} .amenities ul {width:220px; float:left; padding:5px 0 7px} .amenities li {background:url(../images/bullet_amenities.gif) 0 5px no-repeat; padding:2px 0 2px 10px} .amenities .amenities01 {width:300px; padding:5px 5px 0 0} .amenities .btnmake {margin:15px 0 0 155px} .amenities .caption {color:#7c4f00; font-weight:bold; text-transform:uppercase; padding:0 0 5px; background:none} .amenities .btncontact {padding:10px 0 5px; background:none} .lifeResort {margin:0 0 55px} .lifeResort p {padding:5px 0; line-height:18px } .lifeResort ul {padding:20px 0 0; margin:0 0 0 -5px} .lifeResort li {width:114px; float:left; margin:0 7px 0 0; background:url(../images/bgd_visu_living.gif) 0 0 no-repeat} .lifeResort li img {padding:2px 7px} /******** Rates room *************/ .booknow {padding:10px 0 0 0;} #innermainIndex .booknow ul {width:513px; overflow:hidden; margin:0 0 7px -8px; padding:0} #innermainIndex .booknow li {color:#7c4f00; background:none; font-weight:bold; text-transform:uppercase; float:left} .booknow li a {color:#015a92; margin:0; background:url(../images/bullet_arrow.gif) 0 4px no-repeat; padding:0 0 0 8px; text-decoration:underline; text-transform:none} .booknow li a:hover {text-decoration:none} .tblbooknow {width:613px; background:url(../images/bgd_tit_tbl.gif) bottom repeat-x; padding:0 0 2px} .tblbooknow .tblTitle {background:#ebf2f6 url(../images/bgd_tit_tbl.gif) bottom repeat-x; padding:0 0 5px} .tblbooknow .tbltext {text-align:center} .tblbooknow .changebgd {background:#e4e4e4} .tblbooknow .tblspecial {text-align:center} .tblbooknow .tblspecial a {text-decoration:underline} .tblbooknow .tblspecial a:hover {text-decoration:none} .tblbooknow .tblTitle th {color:#015a92; font-weight:bold; padding:8px 0 6px 10px} .tblbooknow tr th {text-align:left; font-weight:normal; padding:0 0 0 10px} .tblbooknow tr {margin:1px 0; background:#f4f5f5} .tblbooknow tr td {text-align:center; color:#000; padding:8px 0 6px} .tblbooknow tr td span {font-size:10px} .newsOther { width:610px;} .newsOther ul {padding:12px 0 0} .newsOther li {background:url(../images/bullet_amenities.gif) 0 7px no-repeat; padding:3px 5px 3px 10px} /*******photo *********/ .photo {width:642px; position:relative} .photo li {width:166px; height:115px; float:left; padding:19px 19px 15px; border:1px solid #444; margin:0 6px 6px 0; text-align:center; overflow:hidden} .photo li dt img {padding:0 0 5px; text-align:center} .photo li dd {text-align:center} /************ paging ************/ #paging {text-align:center} .paging{overflow:hidden; width:659px; text-align:center;} .paging span{margin:0 5px;} .paging a:hover, .paging a.active{color: #3C3C3C;} /*****popupPhoto*****/ .popupPhoto {background:#fff; padding:19px 19px 10px; border:3px solid #444; position:absolute; top:0; left:0; text-align:center; display:none; z-index:1000} .popupPhoto img {margin:0 auto 10px} /*tip*/ .tipPopup {width:auto; height:auto; position:absolute; top:0; left:0; z-index:10000; visibility:hidden; overflow:hidden; text-align:left;} .tipPopupFrame {position:absolute; top:0; left:0; z-index:10000; display:none; filter:alpha(opacity=0)} .tipPopup img {display:block; width:auto; float:left; border:1px solid #fff} .hidden {display:none} #contact_info {width:310px;float:left; border-right:1px #ccc solid} /*Life Spa Programmes */ .toggler {color:#7c4f00; font-size:12px; font-weight:bold; text-transform:uppercase; padding:5px; background:#eee; border:1px solid #f5f5f5; border-left:1px solid #f5f5f5} .element p {margin:0; padding:4px} .float-right {padding:10px 20px; float:right} .right {font-size:10px} /*separator*/ .separatorH {background:url(../images/bgd_h2.gif) top repeat-x; padding:10px 0 0} .separatorV {background:url(../images/bgd_line_01.gif) left repeat-y; padding:0 0 0 15px; margin:0 0 0 15px; height:0px; min-height:0px; height:auto} /**** Begin alert class css rules *********/ .alertClassBox {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#000; background:#fff url(../images/_alert_bar.gif) 0 0 repeat-x; border:1px solid #ccc; height:auto; position:absolute; top:-200px; left:-200px; padding:2px; visibility:hidden; z-index:999} .alertClassBox p {margin:0; padding:5px 3px 3px; clear:both; color:#ff0000} .alertClassBox a.closeImage {width:8px; height:8px; background:url(../images/btn_close.gif) -1px 0 no-repeat; float:right; display:block; cursor:pointer} .alertClassIframe {position:absolute; top:-200px; left:-200px; visibility:hidden; z-index:998} /**** Photogallery *********/ .zoomPhoto {width:658px; margin:0 auto; padding:0; text-align:center} .zoomPhoto img {border:1px solid #444; margin:0 auto} .zoomPhoto ul {text-align:center; padding:8px 0 0} .zoomPhoto li {display:inline; font-weight:bold; padding:0 5px} .zoomPhoto .name {font-weight:normal} .morePhotos {width:629px; overflow:hidden; background:#eee; padding:10px 8px 0 10px; margin:10px 0 0} .smScrollContent {width:629px; overflow:hidden; padding:0 0 10px; position:relative} .smScrollContent a {float:left; border:1px solid #044484; margin:0 9px 0 0} .smScrollContent a:hover {border:1px solid #c41425} .smScrollContent a.selected {border:1px solid #c41425} #hScroller {width:629px; float:left; background:url(../images/bgd_slide.gif) top left repeat-x; overflow:hidden; display:inline} #hScroller div {float:left} #hScroller #hSlideBarContainer {width:613px; padding:1px 0; background:url(../image/btn_slider.gif) 0 0 repeat-x; overflow:hidden} #hScroller #hSlideBarContainer a {width:19px; float:left; margin:0; padding:0} *|html #hScroller #hSlideBarContainer a img {margin:4px 0 0} /***** Special Offer Site *******/ .faq {background:url(../images/bgd_offerbottom.gif) no-repeat bottom left;width:630px; margin:10px 0 0; padding-bottom:10px;} /*block Question*/ .faq dl {background:url(../images/bgd_offer_repeaty.gif) repeat-y;width:630px; line-height:15px;} .faq dl dt, .faq dl dd { background:url(../images/bgd_offer_repeaty.gif) repeat-y;float:none} .faq dl dt {font-size:1.1em; font-weight:bold; color:#b80029; background:url(../images/bgd_offerTitle.gif) no-repeat; overflow:hidden; line-height:17px; height:32px;} .faq dl dt a {display:block; text-decoration:none;} .faq dl dt a span {float:left; display:inline; padding:8px 15px; color:#015a92} .faq dl dt a span.iconOpen { float:right; width:15px; height:15px; background:url(../images/uiIcon.gif) 10px -7px no-repeat; display:block; padding:10px;} /*.faq dl dt a span {background:url(../images/uiIcon.gif) 0 -15px no-repeat; display:block; padding:0 10px 3px 25px;}*/ .faq .contOffer{overflow:hidden; padding:0 0 10px} .faq .contOffer .innercontOffer{float:left; width:260px; overflow:hidden; margin:0 15px 0 0} .faq .contOffer .last{background:url(../images/bgd_line_01.gif) repeat-y scroll left center transparent; margin:0 0 0 15px; padding:0 0 0 15px;} .faq .innercontOffer li{width:230px} .faq .contOffer p{margin-left:10px; padding:0} .faq h4{margin-top:5px} #innermainIndex .faq .contOffer ul{padding:0} .faq dl dt.current a span.iconOpen {background:url(../images/uiIcon.gif) -5px 10px no-repeat; padding:5px 3px;} /*block Answer*/ .faq dl dd{ width:580px; padding:0px 17px} .faq dl dd p{padding:0 0 14px} .faq dl dd ul, .faq dl dd ol{margin:0 0 0 20px} .faq dl dd li {float:left; width:550px; display:inline;} /***flashIntro***/ .flashIntro {width:650px; height:493px; overflow:hidden; position:relative; background-color:#fff;} .flashIntro .btnClose {background:url(../images/btn_close_fl.gif) no-repeat 0 0; width:29px; height:25px; display:block; position:absolute; top:1px; right:0; z-index:1000;} .flashIntro .btnClose:hover {text-decoration:none;} .message {width:300px!important; display:block; color:#0580B9; background:#fff; padding:10px; border:1px solid #0580B9 } /**/ #innercontent .btnmakeP {width:132px; overflow:hidden; padding:15px 0 0 0; margin:0 auto}