@charset "utf-8"; /* CSS Document */ body { background-color:#242E0A; /* background-image:url(images/back.gif); background-repeat:repeat-x; */ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#515151; padding-top:10px; padding-bottom:10px; } p {line-height:12pt} * html p {line-height:10pt} h1 {margin:5px 0 3px; padding:0; color:#a7cf38; font:bold 19px Arial, Helvetica, sans-serif} h2 {color:#00316D; font:normal 16px Arial, Helvetica, sans-serif;margin:8px 0 2px; padding:0; font-weight:bold;} h3 {color:#5894D3; font:normal 14px Arial, Helvetica, sans-serif;margin:4px 0 2px; padding:0; } form p {margin:3px 0 3px; padding:0} a:link {color:#1074C2; text-decoration:none; } a:hover {color:#1074C2; text-decoration:underline; } a:visited {color:#1074C2; text-decoration:none; } a.view:link {color:#1074C2; text-decoration:none; font-weight:bold; } a.view:hover {color:#1074C2; text-decoration:underline; font-weight:bold; } a.view:visited {color:#1074C2; font-weight:bold; } a.next:link {color:#1074C2; text-decoration:none; font-weight:bold; font-size:12px; } a.next:hover {color:#1074C2; text-decoration:underline; font-weight:bold; font-size:12px; } a.next:visited {color:#1074C2; font-weight:bold; font-size:12px; } .imgfloat {float:left; border:none; position:relative} #villa-heading {width:758px; position:relative; float:right; margin-left:9px; padding-bottom:33px;} #villa-heading h1 { text-transform:uppercase; margin-top:27px !important; margin-top:28px; } .villa-head-desc { color:#fcb414; font-size:12px} .villa-featured {width:220px; float:left; margin:5px 10px 5px 0px !important; margin:5px 10px 5px 0px !important; padding:5px; background-color:#F4F5F7; border:1px solid #E9E9E9} .villa-featured img {width:208px; height:auto; padding:5px; border:1px solid #D5E6BF; background-color:#ffffff} .villa-featured span {color:#0099FF; font-size:12px} /* ------------------ layout ---------------- */ #maincontainer{ width: 996px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ } #topsection{ background: #556821; height: 164px; background-image:url(images/back_top.gif); background-repeat:repeat-x; } #toplogo{ width:250px; float:left; } * html #toplogo{ width:240px; float:left; } #topheading{ margin-top:50px; width:600px; float:left; text-align:center; } .desc_heading { font-size:14px; } #topheading h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#E7E6BE; text-transform:uppercase; margin-top:27px; font-size:20px;} #topdescrip{ width:600px; text-align:center; color:#FFFFFF; float:left; } #topsection h1{ margin: 0; padding-top: 15px; } #topfont { position:relative; background-image:url(images/thailand-villas.jpg); background-repeat:no-repeat; height:165px; float:left; width:745px; } #topfont h1{ color:#fff; font-size:12px; font-weight:normal; margin-top:0px; padding:2px 4px 0 0; text-align:right; text-transform:uppercase; } #contentwrapper{ float: left; width: 100%; background-color:#EAECEF; } #kanancolumn{ margin-left: 250px; /*Set left margin to LeftColumnWidth*/ background-image:url(images/back_right.gif); background-position:center 243px; background-repeat:repeat-x; margin-top:-3px; } * html #kanancolumn{ background-position:center 245px; } * html #kanancolumn{ margin-top:-3px; } #isicolumn{ float: left; width: 250px; /*Width of left column*/ margin-left: -996px; /*Set left margin to -(MainContainerWidth)*/ background-image:url(images/back_left.gif); background-repeat:repeat-x; } * html #isicolumn{ margin-top:-3px; } #newsfeed h2 { font-size:12px;	} #dalamkanan{ float:right; width:220px; } #dalamkiri{ float:left; width:486px; } #footer{ clear: left; width: 100%; background-image:url(images/back_bawah.gif); color: #FFF; text-align: center; padding: 4px 0; } #footer a{ color:#FFFFFF; } #footer a:hover{ color:#FFFFFF; text-decoration:underline; } #footer a:visited{ color:#FFFFFF; } .innertube{ margin: 14px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; } .box { border:1px #CCCCCC solid; margin-bottom:12px; } .box_tittle { padding:2px; background-image:url(images/box_back.gif); font-weight:bold; text-transform:uppercase; padding:6px; color:#02234C; } .box_content { padding:5px; } .box_more { margin-top:3px; padding-top:3px; border-top:1px #CCCCCC dotted; } .main_box_left { float:left; width:236px; } .main_box_right { float:left; width:236px; margin-left:10px; } .box_menu_left { margin-top:2px; padding-top:3px; margin-bottom:10px; border-top:1px #CCCCCC dotted; } * html .box_menu_left { margin-top:3px; padding-top:3px; margin-bottom:-5px; } .sub_title { font-weight:bold; text-transform:uppercase; color:#02234C; font-size:12px; } b { color:#02234C; } * html #logo { margin-bottom:1px; } /* -------------- menu --------------- */ .indentmenu{ margin-top:1px; font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 0; padding: 0; float: left; width: 100%; /*width of menu*/ background: #EAECEF url(imagges/indentbg.gif) center center repeat-x; font-size:11px; } .indentmenu li{ display: inline; } .indentmenu li a{ float: right; color: #48596B; /*text color*/ padding: 6px 41px 10px; text-decoration: none; /*border-right: 1px solid #564c66; dark purple divider between menu items*/ font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/kanan_line.gif) top left no-repeat; } * html .indentmenu li a{ padding: 9px 41px; } .indentmenu li a:visited{ color: #48596B; } .indentmenu b{ font-size:12px; color:#48596B; } .indentmenu li a:hover{ color: #48596B !important; /*text color of selected and active item*/ padding-top: 8px; /*shift text down 1px for selected and active item*/ padding-bottom: 6px; /*shift text down 1px for selected and active item*/ background: #E0E2E4 url(imjages/indentbg2.gif) center center repeat-x; text-decoration:none; } * html .indentmenu li a:hover{ padding-top: 10px; padding-bottom: 8px; } .indentmenu #home a{ /*currently selected tab*/ border-color: #D25A0B; /*Brown color theme*/ background:url(images/df.gif) top left no-repeat; } .indentmenu #home a:hover{ /*currently selected tab*/ background: #E0E2E4 ; } .area-promote {width:160px; height:80px; margin:8px 0 8px} .area-promote a {display:block; width:150px; height:70px; padding:5px; color:#fff} .area-promote span {font-size:14px; font-weight:bold} .samui-promote {background:url(images/sam.gif) no-repeat top left; text-align:right} .phuket-promote {background: url(images/phket.gif) no-repeat top left; text-align:left} .lombok-promote {background: url(images/lmbk.gif) no-repeat top left; text-align:right} img {border:none;} .img_border { border:1px #CCCCCC solid; padding:1px; margin-right:10px; margin-bottom:5px; margin-top:2px; } .img_map { border:1px #CCCCCC solid; padding:1px; margin-right:10px; margin-top:6px; } .img_main {width:475px; height:auto; padding:5px; border:1px solid #D5E6BF; background-color:#ffffff;} .img_gallery { border:1px #CCCCCC solid; padding:5px; margin:1px; margin-bottom:4px; background-color:#ffffff; } /*detail villa */ table.tengah {color:#000000;background-color:#fff;padding:0px; margin-bottom:8px;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;border-bottom: 0px solid gray;border-right: 0px solid #cccccc;} table.tengah th, table.tengah td {padding:4px;border-top: 0px solid #cccccc;border-left: 0px solid #cccccc;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;} #villa-center ul { margin:0; padding:5px 0 10px 0; list-style-type:none } #villa-center li {margin:0;padding:5px 5px 5px 19px;background:transparent; border-bottom:1px solid #CCCCCC; } #villa-center li a {color:#0099FF; text-decoration:blink} #villa-center li a:hover {color:#003366; text-decoration:none} #villa-center li img {border:none} h2.title-villas {color:#FF8F00} span.biru {color:#2175BC; font-size:12px;} .under { padding-top:5px; } .font12 { font-size:12px; } /* css */ .cssform p{ width: 300px; clear: left; margin: 0; padding: 1px 0 4px 0; padding-left: 155px; /*width of left column containing the label elements*/ height: 1%; } .cssform label{ font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ } .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; } .cssform textarea{ width: 250px; height: 150px; } /*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */ * html .threepxfix{ margin-left: 3px; } /* form styling ----------------------------------------*/ form{ padding:0px; margin-top:10px; margin-left:5px; margin-right:10px; } input, textarea, select { background: #FFF url(images/text.gif) repeat-x bottom; border: 1px solid #CCC;font-family:Arial, Helvetica, sans-serif; font-size: 1em;} textarea{ background:#FFF url(images/textarea.gif) repeat-x bottom; } input:focus, textarea:focus, select:focus{ border:1px solid #FFF; } #submit{ background:#fff url(images/button.gif) no-repeat bottom; clear:left; width:71px; height:21px; color:#000066; font-weight:bold; border:0px #FFFFFF solid; margin-top:1px; padding-bottom:4px; letter-spacing:1px; font-family:Verdana, Arial, Helvetica, sans-serif; } * html #submit{ padding-bottom:0px; } #submit_form{ background:#fff url(images/button_sub.gif) no-repeat bottom; clear:left; width:83px; height:21px; color:#000066; font-weight:bold; border:0px #EAECEF solid; margin-top:10px; padding-bottom:4px; font-family:Verdana, Arial, Helvetica, sans-serif; } * html #submit_form{ padding-bottom:0px; } #submit_clear{ background:#fff url(images/button_clear.gif) no-repeat bottom; clear:left; width:100px; height:21px; color:#000066; font-weight:bold; border:0px #EAECEF solid; margin-top:10px; padding-bottom:4px; font-family:Verdana, Arial, Helvetica, sans-serif; } * html #submit_clear{ padding-bottom:0px; } .drop { width:120px; } .uppercase { text-transform:uppercase; width:105px; margin-left:20px; margin-top:5px; } .bdr_out { border-width:thin; border-style:solid; padding:1px; border-color:#F0F6E9; } .kotk_villa {padding:2px; border:1px #DDD solid; margin-bottom:5px; background-color:#F4F5F7; }