body{margin:0px; font-family:Arial, Helvetica, sans-serif; color:#3E403D; font-size:12px; text-decoration:none; line-height:16px; background:#E3E2D3; } .common_div{width:100%;} img{border:0;} .bold{font-weight:bold;} .clr{clear:both;font-size:0; line-height:0; height:0px;} div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li { margin : 0; padding : 0; } .h3{font-size:18px; font-weight:normal; color:#8199A9; padding-bottom:20px;} a{color:#838383; text-decoration:none;} a:hover{text-decoration:underline;} #main{width:980px; height: auto; margin:0 auto; } #maincontainer{width:958px; background:url(../images/con_bg.jpg) repeat-y 0 0; padding-left:10px; padding-right:12px; } .common_div_form{width:250px; padding-left:90px;} /*---------- HEADER----------*/ #header{width:958px; height: 50px; border-bottom:1px solid #FFFFFF; background:url(../images/header_bg.jpg) left top repeat-x;} #header #logo{width:772px; height:38px; float:left; padding-right:12px; text-align:right; padding-top:9px; border-bottom:3px solid #FFFFFF; } #header #design{width:166px; height:36px; float:left; padding-top:14px; display:block; } /*---------- Contant ----------*/ #flash{padding-bottom:1px; width:100%;} #container{width:932px; height:auto; background:url(../images/contant_bg.jpg) repeat-x 0 0; padding-top:32px; padding-left:26px; padding-bottom:35px;} #container #leftcontainer{width:590px; height:auto; padding-right:39px; float:left; border-right:1px solid #CCCCCC; } #container #rightcontainer{width:250px; height:auto; float:left; padding-left:46px; } #apart_map{width:231px; height:161px;} #map_left{width:5px; height:33px; float:left; background:url(../images/map_left.jpg) no-repeat;} #map_center{width:209px; height:25px; float:left; background:url(../images/map_center.jpg) repeat-x; font-size:16px; color:#ffffff; padding-left:12px; padding-top:8px;} #map_right{width:5px; height:33px; float:left; background:url(../images/map_right.jpg) no-repeat;} #map_bottom{width:231px; height:128px;} #map_quick{width:214px; height:auto; padding-left:17px; padding-top:27px;} h2{font-size:12px; color:#3e403d; font-weight:bold;} #map_quick select{margin-top:5px;} #link_ext1{color:#8199A9; text-decoration:underline; padding-right:15px; background:url(../images/arrow.jpg) no-repeat right 4px;} #link_ext2{color:#8199A9; text-decoration:underline;} /*---------- CSS ----------*/ h1{font-size:20px; font-weight:normal; color:#8199A9; padding-bottom:20px;} #read_more{ color:#8199A9; text-decoration:none; padding-right:15px; background:url(../images/arrow.jpg) no-repeat right 4px; } a.read_more_a {color:#8199A9; text-decoration:underline; padding-right:15px; background:url(../images/arrow.jpg) no-repeat right 4px;} a.read_more_a:hover{text-decoration:none;} /*---------- FOOTER----------*/ #footer{width:943px; height:25px; padding-top:15px; border-top:1px solid #CCCCCC; padding-left:7px; padding-right:8px; color:#838383; font-size:11px;} #footer .left{width:430px; height:auto; padding:0px; float:left; } #footer .right{width:300px; height:auto; padding:0px; float:right; text-align:right;} #footerbottom{width:960px; height:25px; padding-top:12px; padding-right:20px; background:url(../images/bottom_bg.jpg) no-repeat 0 0; padding-bottom:10px; text-align:right; font-size:11px;} /*---------- contact.html ----------*/ #conn_text{width:590px; height:auto;} #conn_text_left{width:94px; height:auto; float:left;} #conn_text_right{width:496px; height:auto; float:left;} #conn_text_right a{color:#8199a9; text-decoration:underline;} #conn_text_right a:hover{text-decoration:none;} /*---------- 303-mutual-heights-cape-town.html ----------*/ #pho_gallery{width:230px; height:auto; padding-bottom:14px;} #pho_gallery .box1{width:65px; height:65px; float:left; margin-right:10px; padding:1px; border:1px solid #cccccc; margin-bottom:13px;} #pho_gallery .box2{width:65px; height:65px; float:left; margin-right:10px; padding:1px; border:1px solid #cccccc; margin-bottom:13px;} #pho_gallery .box3{width:65px; height:65px; float:left; padding:1px; border:1px solid #cccccc; margin-bottom:13px;} .mezzaine{width:227px; height:258px; border:1px solid #cccccc;} #facilities1{width:590px; height:26px; margin-bottom:4px; font-size:11px;} #fac1{width:120px; height:22px; float:left; background:url(../images/fac1.jpg) left top no-repeat; padding-left:30px; padding-top:4px;} #fac2{width:103px; height:22px; float:left; background:url(../images/fac2.jpg) left top no-repeat; padding-left:23px; padding-top:4px;} #fac3{width:156px; height:22px; float:left; padding-top:4px; background:url(../images/fac3.jpg) left top no-repeat; padding-left:21px;} #fac4{width:120px; height:22px; float:left; padding-top:4px; background:url(../images/fac4.jpg) left top no-repeat; padding-left:17px;} #facilities2{width:590px; height:26px; font-size:11px;} #fac5{width:133px; height:22px; float:left; background:url(../images/fac5.jpg) left top no-repeat; padding-left:32px; padding-top:4px;} #fac6{width:127px; height:22px; float:left; background:url(../images/fac6.jpg) left top no-repeat; padding-left:26px; padding-top:4px;} #fac7{width:151px; height:22px; float:left; background:url(../images/fac7.jpg) left top no-repeat; padding-left:24px; padding-top:4px;} #rates_apart{width:586px; height:29px; border:1px solid #cecece; background:url(../images/rate_bg.jpg) repeat-x left top; color:#000000;} #rates_apart_1{width:173px; height:23px; float:left; padding-left:7px; padding-top:6px;} #rates_apart_2{width:172px; height:23px; float:left; padding-top:6px;} #rates_apart_3{width:169px; height:23px; float:left; padding-top:6px;} #rates_apart_4{width:65px; height:23px; float:left; padding-top:6px;} .rates_apart_tab{width:586px; height:auto; border:1px solid #cecece; padding-top:6px; padding-bottom:6px; border-top:none; line-height:22px;} .rates_apart_tab_1{width:173px; height:auto; float:left; padding-left:7px;} .rates_apart_tab_2{width:172px; height:auto; float:left;} .rates_apart_tab_3{width:169px; height:auto; float:left;} .rates_apart_tab_4{width:65px; height:auto; float:left;} #rates_apart_bottom{width:588px; height:auto;} #rates_apart_bottom1{width:180px; height:40px; padding-top:8px; float:left;} #rates_apart_bottom1new{width:220px; height:40px; padding-top:8px; float:left;} #rates_apart_bottom2{width:300px; height:40px; padding-top:8px; float:right; text-align:right; padding-right:3px;} #read_more2{color:#8199A9; text-decoration:underline; padding-right:15px; background:url(../images/arrow.jpg) no-repeat right 4px;} #read_more3{color:#8199A9; text-decoration:underline; padding-right:15px; background:url(../images/arrow.jpg) no-repeat right 4px;} #read_more4rates{color:#8199A9; font-weight:bold; text-decoration:underline; padding-right:15px; background:url(../images/arrow.jpg) no-repeat right 4px;} /*---------- 105 Doric Facilities, 808 Devonshire, 903 Devonshire, 406 Walborough ----------*/ #facilities1options3{width:590px; height:26px; margin-bottom:4px; font-size:11px;} #fac1options3{width:120px; height:22px; float:left; background:url(../images/fac1.jpg) left top no-repeat; padding-left:30px; padding-top:4px;} #fac3options3{width:156px; height:22px; float:left; padding-top:4px; background:url(../images/fac3.jpg) left top no-repeat; padding-left:21px;} #fac6options3{width:127px; height:22px; float:left; background:url(../images/fac6.jpg) left top no-repeat; padding-left:26px; padding-top:4px;} #facilities2options3{width:590px; height:26px; font-size:11px;} #fac7options3{width:151px; height:22px; float:left; background:url(../images/fac7.jpg) left top no-repeat; padding-left:24px; padding-top:4px;} #facaircon{width:151px; height:22px; float:left; background:url(../images/fac2.jpg) left top no-repeat; padding-left:24px; padding-top:4px;} /*---------- 505 and 105 Doric Facilities ----------*/ #fac1optionsrow1{width:130px; height:22px; float:left; background:url(../images/fac1.jpg) left top no-repeat; padding-left:30px; padding-top:4px;} #fac3optionsrow1{width:140px; height:22px; float:left; padding-top:4px; background:url(../images/fac3.jpg) left top no-repeat; padding-left:21px;} #fac6optionsrow1{width:127px; height:22px; float:left; background:url(../images/fac6.jpg) left top no-repeat; padding-left:26px; padding-top:4px;} #fac1optionsrow2{width:151px; height:22px; float:left; background:url(../images/fac7.jpg) left top no-repeat; padding-left:24px; padding-top:4px;} #fac2optionsrow2{width:85px; height:24px; float:left; background:url(../images/dishwasher.jpg) left top no-repeat; padding-left:24px; padding-top:4px;} #fac3optionsrow2{width:127px; height:26px; float:left; background:url(../images/wheelchair.jpg) left top no-repeat; padding-left:24px; padding-top:4px;} /*---------- Westside ----------*/ #facilities1west{width:590px; height:26px; margin-bottom:4px; font-size:11px;} #fac1west{width:120px; height:22px; float:left; background:url(../images/fac1.jpg) left top no-repeat; padding-left:30px; padding-top:4px;} #fac2west{width:103px; height:22px; float:left; background:url(../images/fac2.jpg) left top no-repeat; padding-left:23px; padding-top:4px;} #fac3west{width:156px; height:22px; float:left; padding-top:4px; background:url(../images/fac3.jpg) left top no-repeat; padding-left:21px;} #fac6west{width:127px; height:22px; float:left; background:url(../images/fac6.jpg) left top no-repeat; padding-left:26px; padding-top:4px;} #facilities2west{width:590px; height:26px; font-size:11px;} #fac7west{width:151px; height:22px; float:left; background:url(../images/fac7.jpg) left top no-repeat; padding-left:24px; padding-top:4px;} /*---------- 303 Mutual Heights ----------*/ #facilities1mut303{width:590px; height:26px; margin-bottom:4px; font-size:11px;} #fac1mut303{width:120px; height:22px; float:left; background:url(../images/fac1.jpg) left top no-repeat; padding-left:30px; padding-top:4px;} #fac2mut303{width:103px; height:22px; float:left; background:url(../images/fac2.jpg) left top no-repeat; padding-left:23px; padding-top:4px;} #fac3mut303{width:110px; height:22px; float:left; padding-top:4px; background:url(../images/fac3.jpg) left top no-repeat; padding-left:21px;} #fac4mut303{width:120px; height:22px; float:left; padding-top:4px; background:url(../images/fac4.jpg) left top no-repeat; padding-left:17px;} #facilities2mut303{width:590px; height:26px; font-size:11px;} #fac5mut303{width:133px; height:22px; float:left; background:url(../images/fac5.jpg) left top no-repeat; padding-left:32px; padding-top:4px;} #fac6mut303{width:127px; height:22px; float:left; background:url(../images/fac6.jpg) left top no-repeat; padding-left:26px; padding-top:4px;} #fac7mut303{width:151px; height:22px; float:left; background:url(../images/fac7.jpg) left top no-repeat; padding-left:24px; padding-top:4px;} /*---------- apartment-map.html ----------*/ #mutual_height{width:286px; height:153px; margin:0; padding-left:4px; padding-right:4px; padding-top:8px; padding-bottom:7px;} h4{font-size:18px; color:#8199a9; font-weight:normal;} #mutual_body {width:286px; height:93px; border:1px solid #cccccc; border-left:none; border-right:none; margin-top:5px; padding-top:10px; padding-bottom:10px;} #mutual_bodyleft{width:127px; height:84px; float:left; padding:1px; border:1px solid #cccccc;} #mutual_bodyright{width:145px; height:88px; float:left;} #first_mu{width:66px; height:88px; float:left; padding-left:12px;} #sec_mu{width:67px; height:88px; float:left;} #mutual_bottom {width:286px; height:auto; text-align:right; padding-top:3px; color:#3e403d;} #mutual_bottom a{color:#3e403d; text-decoration:underline;} #mutual_bottom a:hover{text-decoration:none;} /*---------- attractions bubble ----------*/ #attractions_map{width:286px; height:153px; margin:0; padding-left:4px; padding-right:4px; padding-top:8px; padding-bottom:7px;} h4{font-size:18px; color:#8199a9; font-weight:normal;} #attractions_body {width:286px; height:93px; border:1px solid #cccccc; border-left:none; border-right:none; margin-top:5px; padding-top:10px; padding-bottom:10px;} #attractions_bodyleft{width:127px; height:84px; float:left; padding:1px; border:1px solid #cccccc;} #attractions_bodyright{width:145px; height:88px; float:left;} #first_attractions{width:133px; height:88px; float:left; padding-left:12px;} #attractions_bottom {width:286px; height:auto; text-align:right; padding-top:3px; color:#3e403d;} #attractions_bottom a{color:#3e403d; text-decoration:underline;} #attractions_bottom a:hover{text-decoration:none;} /*---------- apartment-map.html ----------*/ #booking_enquiry{width:375px; height:auto;} #booking_enquiry_form{width:375px; height:auto; padding-top:23px;} .field{width:375px; height:20px; margin-bottom:10px;} .fieldleft{width:157px; height:20px; float:left;} .fieldright{width:216px; height:20px; float:left;} .fieldright input{width:214px; height:18px; border:1px solid #cccccc; background:url(../images/input_bg.jpg) repeat-x;} .fieldleftdate{width:157px; height:20px; float:left;} .fieldrightdate{width:196px; height:20px; float:left;} .fieldrightdate input{width:194px; height:18px; border:1px solid #cccccc; background:url(../images/input_bg.jpg) repeat-x;} .datepic{width:20px; height:auto; float:left; text-align:right; padding-top:2px;} .datepic img{cursor:pointer;} .fieldright select{width:216px; height:20px; border:1px solid #cccccc;} .red{color:#cb1201;} .fieldleft1{width:157px; height:20px; float:left;} .fieldright1{width:216px; height:20px; float:left;} .fieldright1_one{width:48px; height:20px; float:left;} .fieldright1_one select{width:46px; height:20px;} .fieldright1_two{width:104px; height:20px; float:left;} .fieldright1_two select{width:104px; height:20px;} .fieldright1_three{width:62px; height:20px; float:right;} .fieldright1_three select{width:62px; height:20px;} .field3{width:375px; height:79px; margin-bottom:24px;} .fieldleft3{width:157px; height:79px; float:left;} .fieldright3{width:216px; height:79px; float:left;} .fieldright3 textarea{width:214px; height:77px; border:1px solid #cccccc; background:url(../images/textarea_bg.jpg) repeat-x;} .fieldleft4{width:157px; height:20px; float:left;} .fieldright4{width:201px; height:20px; float:left;} .fieldright4_one{width:41px; height:20px; float:left;} .fieldright4_two{width:71px; height:20px; float:left;} .fieldright4_two input{width:47px; height:18px; border:1px solid #cccccc; background:url(../images/input_bg.jpg) repeat-x;} .fieldright4_three{width:53px; height:20px; float:left;} .fieldright4_four{width:46px; height:20px; float:left;} .fieldright4_four input{width:48px; height:18px; border:1px solid #cccccc; background:url(../images/input_bg.jpg) repeat-x;} .code{width:351px; height:21px; text-align:right; padding-right:7px; padding-bottom:3px;} .code_error{width:272px; height:21px; padding-bottom:3px; padding-left:86px;} #code1{width:156px; height:20px; float:left; text-align:right;} #code2{width:142px; height:20px; float:left; text-align:right;} #code2 input{width:126px; height:18px; border:1px solid #cccccc; background:url(../images/input_bg.jpg) repeat-x;} #code3{width:60px; height:20px; float:left; text-align:right;} #code3 input{width:50px; height:20px; border:1px solid #cccccc; background:url(../images/input_bg.jpg) repeat-x; font-size:11px;} /*---------- self-catering-apartments-cape-town ----------*/ #self_catering_left_box{ padding-left:2px; padding-right:1px; padding-top:29px; width:574px;} .self_catering_left_common_box{ margin-bottom:1px; border-top:1px solid #cccccc; width:571px; height:auto; display:block; cursor:pointer;text-decoration:none; background-image:url(../images/whitebg.jpg); background-repeat:repeat-x;} .self_catering_left_common_box1{ margin-bottom:1px; border-top:1px solid #cccccc; width:571px; height:auto; display:block; cursor:pointer;text-decoration:none; background-image:url(../images/whitebg.jpg); background-repeat:repeat-x; background-color:#e4e0e0;} .self_catering_left_common_box .read_more2{ color:#424441; text-decoration:underline; padding-right:10px; background:url(../images/arrow1.gif) no-repeat right 4px; } .self_catering_left_common_box1 .read_more2{ color:#424441; text-decoration:none; padding-right:10px; background:url(../images/arrow1.gif) no-repeat right 4px; } .self_catering_left_common_box1 a.read_more2:hover{ color:#424441; text-decoration:underline; } .self_catering_common_box_padding{ padding-bottom:9px;} .self_catering_left_common_box:hover{background-color: #CCCCCC; display:block; } .self_catering_title{ padding-top:10px; padding-bottom:10px;} .self_catering_left_tiitle{ width:292px; float:left;} .self_catering_right_tiitle{ width:279px; float:right; text-align:right;} .self_catering_left_image_box{ width:200px; padding:1px; border:1px solid #cccccc; float:left; margin-right:16px; margin-bottom:10px;} .self_catering_right_content_box{float:right; width:350px; padding-top:14px; } .self_catering_right_content_box_text{padding-top:16px;} .self_catering_right_content_box_text2{padding-top:4px; text-align:right;} .self_catering_right_content_box_text2 a{ text-decoration:underline; color:#424441;} .self_catering_right_content_box_text2 a:hover{ text-decoration: none;} .read_more1{ color:#8199A9; text-decoration:underline; padding-right:10px; background:url(../images/arrow.gif) no-repeat right 4px; } /*---------- rates ----------*/ #rates{ width:583px; margin-top:30px; border:1px solid #cecece; border-bottom:none;} #rates_top_box{width:583px; height:29px; background:url(../images/rate_bg.jpg) repeat-x left top; color:#000000;} #rates_top_box_1{width:144px; height:23px; float:left; padding-top:6px; padding-left:7px;} #rates_top_box_2{width:123px; height:23px; float:left; padding-top:6px;} #rates_top_box_3{width:126px; height:23px; float:left; padding-top:6px;} #rates_top_box_4{width:122px; height:23px; float:left; padding-top:6px;} #rates_top_box_5{width:60px; height:23px; float:left; padding-top:6px;} .rates_box{width:581px; height:auto; padding-top:6px; padding-bottom:6px; line-height:22px; display:block; border:1px solid #FFFFFF; border-bottom:1px solid #cccccc; cursor:pointer; } .rates_box1{width:581px; height:auto; padding-top:6px; padding-bottom:6px; line-height:22px; display:block; border:1px solid #FFFFFF; border-bottom:1px solid #cccccc; background:url(../images/whitebg.jpg) repeat-x bottom; background-color:#e4e0e0;cursor:pointer; } .rates_col1{width:144px; height:23px; float:left; padding-left:7px; height:auto;} .rates_col2{width:122px; height:23px; float:left;height:auto;} .rates_col3{width:128px; height:23px; float:left;height:auto;} .rates_col4{width:120px; height:23px; float:left;height:auto;} .rates_col5{width:60px; height:23px; float:left;height:auto;} /*----------------- tab ------------*/ .indentmenu{ width: 100%; /*leave this value as is in most cases*/ height:22px; overflow:hidden; } .indentmenu ul{list-style-type: none; padding:0px; margin:0px;} .indentmenu li{float:left; list-style:none; padding:0px; margin:0px; padding-right:1px;} .indentmenu li a{display:block; float:left; text-align:center; color:#FFFFFF; font-size:14px; text-decoration:none; padding-left:5px; padding-bottom:5px; background:url(../images/tab_left.jpg) no-repeat left top; cursor:pointer;} .indentmenu li a span{ float:left; display:block; padding-top:2px; padding-right:5px; padding-bottom:5px; background:url(../images/tab_right.jpg) no-repeat right 0px; } .indentmenu li a:hover{ color:#FFFFFF; text-decoration:none; background:url(../images/tab_left_hover.jpg) no-repeat left top; } .indentmenu li a:hover span{ color:#FFFFFF; text-decoration:none; background:url(../images/tab_right_hover.jpg) no-repeat right 0px; } .indentmenu li a.selected{ color:#FFFFFF; text-decoration:none; background:url(../images/tab_left_hover.jpg) no-repeat left top; } .indentmenu li a.selected span{ color:#FFFFFF; text-decoration:none; background:url(../images/tab_right_hover.jpg) no-repeat right 0px; } #petsdivcontainer{border:1px solid #5F7DA1; width:579px; border-top:4px solid #5F7DA1; height: 368px; margin-bottom:1em}