@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------
* Filename: common.css
* Desciption: Global CSS
* Version: 1.0.0 (2010-12-16)YYYY-MM-DD
* Website: http://www.iproperty.com.my
* Author: hEng

Links Blue: #002D6A #003575
Hover Blue: #0000ee


-----------------------------------------------------------------------*/

/*---------------------------------------------------------------------
BASICS ELEMENTS
-----------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {padding: 0px}


body {
  font-family: Arial, Verdana, Times, Verdana, Times, sans-serif; 
  font-size: 9pt;
  margin: 0 auto;
  color: #555555;
  text-align: center; /* for IE */
  background:#f2f2f2;  
  background-position:center; 
  background-repeat:repeat-y;
  background-attachment:fixed;
  background-image: url(/images/common/body_bg.gif);
  }
  
  
#MYContainer
{text-align:left; margin:0 auto; background: #FFFFFF;}

 /*#MYContainer{
    width: 1000px; background: #FFFFFF; overflow:auto;z-index:1;}*/
    
#MYContainer{
width: 1000px;margin-left:auto;margin-right:auto;overflow: hidden;z-index:1;}
/*  
* html #MYContainer {
   \width: 1055px; (for IE5 and IE6 in quirks mode)
   margin-left:auto;margin-right:auto;
   w\idth: 1000px;  (for IE6 in standards mode ) 
} 
*/  
/*#MYContainer{ width:1000px; position:relative; z-index:1;}*/
  

@-moz-document url-prefix() {
body {
  background-image: url(/images/common/body_bg2.gif);
  }
}

h1{display: block; font-weight: bold; font-size:17px; color:#003575}
h2{display: block; font-size: 12px; font-weight: bold;}
h3{display: block; font-size: 12px; font-weight: bold;}
h4{display: block; font-size: 14px; font-weight: bold; }
h5{display: block; font-size: 12px; font-weight: bold; color:#003575;}
h6{display: block; font-size: 12px; font-weight: bold;}

.paragraph{font-size: 12px; padding:0 8px 0 0; text-align:left}
.paragraph a{text-decoration: none; color: #003575; font-size:12px;}
.paragraph a:hover {text-decoration: none; color: #0000ee; font-size:12px;}

p.sidebar-txt{  display: block; font-size: 11px; padding:8px 0 0 10px; width:128px; float:left; color:#555555}
p.sidebar-txt a{  font-size: 11px; color: #003575;}
p.sidebar-txt a:hover{ font-size: 11px; color: #0000ee; }

p.picture-txt{ display:inline-block; font-size: 12px; padding: 7px 0px 12px 0; color:#555555;  border-bottom: dotted 1px #c8c8c8; margin:0 8px 0px 8px}
p.picture-txt img{ margin:5px 10px 0px 0; float:left}

p.picture2-txt{ display:inline-block; font-size: 12px; padding: 0px 0px 12px 0; color:#555555;  margin:0 8px 0px 8px}
p.picture2-txt img{ margin:5px 10px 0px 0; float:left}

p.desc-txt{padding-left:12px; margin-bottom:10px}
p.grey-txt{ display: block; font-size: 12px; padding: 12px 0 0 18px; color:#555555;}
.grey-txt{ display: block; font-size: 12px; padding: 12px 0 0 18px; color:#555555;}

.BlueBold9 { font-size: 11px; font-weight: bold; color: #003575; padding:10px 0 0 5px}
.BlueBold9 a { font-size: 11px; font-weight: bold; color: #003575; padding:10px 0 0 5px}
.BlueBold9 a:hover { font-size: 11px; font-weight: bold; color: #0000ee; padding:10px 0 0 5px}

.font-grey11{ display: inline-block; font-size: 11px; color:#555555;}
.font-grey10{ font-size: 10px; color:#555555; line-height:5px}

.BlueBold14 { font-size: 14px; font-weight: bold; color: #003575; padding:6px 0 0 22px; display: block;}
.BlueBold14-2 { font-size: 14px; font-weight: bold; color: #003575; padding:6px 0 0 15px}
.BlueBold14-3 { font-size: 14px; font-weight: bold; color: #003575; padding:10px 0 0 0px}
.GreyBold12 { font-size: 12px; font-weight: bold; color: #555555; padding:0; position:absolute; display: block; padding:0 8px 0 2px;}
.gtsblue12 { font-size: 12px; color: #000000; padding:0 150px 0 0; font-weight:normal;}


.title-blue12{display: block; font-size: 12px; font-weight: bold; color:#003575; padding: 0 0 5px 0;}
.title-blue12 a{ display: block; font-size:12px; color:#003575; right:0; text-decoration:none;  padding:0}
.title-blue12 a:hover{ display: block; font-size:12px; color:#0000ee; right:0; text-decoration:none;}

.font-blue12{display: block; font-size: 12px; color:#003575; padding: 0 0 5px 0; text-align:left; line-height:15px}
.font-blue12 a{ display: block; font-size:12px; color:#003575; right:0; text-decoration:none;  padding:0}
.font-blue12 a:hover{ display: block; font-size:12px; color:#0000ee; right:0; text-decoration:none;}

.title-red16{display: block; font-size: 16px; font-weight: bold; color:#990000; padding: 0 0 12px 0; margin:0}

.title-grey12{display: block; font-size: 12px; font-weight: bold; color:#555555; padding-bottom:5px}
.title-orange11{display: block; font-size: 11px; font-weight: bold; color:#ff6600; padding-bottom:5px}

.title-white11 { font-size: 11px; font-weight: bold; color: #ffffff; }
.title-white12 { font-size: 11px; font-weight: bold; color: #ffffff; }
.title-white12-tab { font-size: 12px; font-weight: bold; color: #ffffff; background-color:#666666; margin:0 0 10px 0}
.font-white12-tab { font-size: 10px; font-weight: bold; font-style:italic; color: #ffffff; background-color:#51973f; padding:3px 0 0 4px; height:15px; margin:0 5px 0 5px}

.font-grey11-right { font-size:11px; color:#555555; text-decoration:none;  padding-right:5px;  clear:both; float:right}
.font-grey11-right2 { font-size:11px; color:#555555; text-decoration:none; padding-left:3px; vertical-align:top; }

.readmore { display: block; font-size:11px; color:#003575; right:0; text-decoration:none; text-align:right; padding-top:5px}
.readmore a{ display: block; font-size:11px; color:#003575; right:0; text-decoration:none; text-align:right; }
.readmore a:hover{ display: block; font-size:11px; color:#0000ee; right:0; text-decoration: none; text-align:right;}


.readmore_tab { font-size:9px; color:#003575; text-decoration:none;  display: inline; right:0; float:right; position:absolute;}
.readmore_tab a{ font-size:9px; color:#003575; text-decoration:none; font-weight:normal; padding:2px 5px 0 0;}
.readmore_tab a:hover{ font-size:9px; color:#0000ee; text-decoration: none;}

.readmore-white_tab { font-size:9px; color:#ffffff; text-decoration:none;  display: inline; right:0; float:right; position:absolute;}
.readmore-white_tab  a{ font-size:9px; color:#ffffff; text-decoration:none; font-weight:normal; float:right; padding:2px 5px 0 0;}
.readmore-white_tab  a:hover{ font-size:9px; color:#ffffff; text-decoration: none;}

.page_no{ font-size:10px; color:#003575; text-decoration:none; display:inline; float:right; position:absolute; right:0; padding-right:8px}

.developer_title{width:400px; float:left; padding-bottom:15px}
.developer_logo{float:right; padding-bottom:15px}

.space_btm{padding-bottom:5px}


.star {color:red; font-size:9px}
.textbox2 {border:1px solid #b2b2b2;  height:18px; width:450px; }
.textbox3 {border:1px solid #b2b2b2;  height:18px; width:130px; }
.textbox4 {border:1px solid #b2b2b2;  height:18px; width:65px; }
.textbox5 {border:1px solid #b2b2b2;  height:18px; width:300px; }
.textarea5 {border:1px solid #b2b2b2;   width:300px; }
.textarea3 {border:1px solid #b2b2b2;   width:130px; }
.textarea {border:1px solid #b2b2b2;   width:450px; }
.checkbox2{ margin-top:5px}
.checkbox3{ margin-top:5px}


.switch_btn{display: block; font-size: 11px; font-weight: bold; color:#003575; padding: 5px 0 0 0; float:right}
.switch_btn a{ display: block; font-size:11px; color:#003575; right:0; text-decoration:none;  padding:0}
.switch_btn a:hover{ display: block; font-size:11px; color:#0000ee; right:0; text-decoration:none;}


.partnership_ctrl { text-align:right; line-height:17px; padding-right:5px;}
/*.list {background-image: url(images/common/grey_bullet.gif); background-repeat: no-repeat; background-position: left; padding-left:10px; list-style:none; text-decoration:none;	line-height:13px;}*/
ul.list{color:#555555;}/*sprite image*/
ul.list li a{font-size:12px; color:#003575; text-decoration:none; margin-left:10px; vertical-align:top;  padding-left:22px; 
			 background: url(/images/common/icons_sprite.png) no-repeat -217px -86px; display:inline-block; line-height:20px}
ul.list li a:hover{font-size:12px; color:#0000ee; text-decoration:none;}

ul.list01{color:#555555; padding-left:33px; list-style-image: url(../images/common/bulletarrow.png);  line-height:17px}
ul.list01 li a{font-size:12px; color:#003575; text-decoration:none; vertical-align:top; line-height:18px}
ul.list01 li a:hover{font-size:12px; color:#0000ee; text-decoration:none;}

ul.list2{color:#555555; padding:0 0 10px 30px; float:left; list-style-image: url(/images/common/bulletarrow.png); }
ul.list2 li a{font-size:12px; color:#003575; text-decoration:none; vertical-align:top}
ul.list2 li a:hover{font-size:12px; color:#0000ee; text-decoration:none;}

ul.list3 {}
ul.list3 li{font-size:11px; color:#003575; text-decoration:none; float:left; padding-left:15px}
ul.list3 li a{font-size:11px; color:#003575; text-decoration:none; float:left;}
ul.list3 li a{font-size:11px; color:#003575; text-decoration:none; float:left; clear:both;}
ul.list3 li a:hover{font-size:11px; color:#0000ee; text-decoration:none;}

ul.list4 {font-size: 12px; padding:0 0 0 12px; color: #555555;}
.list4-head { width:120px; display:inline-block; vertical-align:top; padding-bottom:5px; font-weight:bold}
.list4-head2 { width:75px; display:inline-block; vertical-align:top; padding-bottom:5px}
.list4-cont { width:420px; display:inline-block; padding-bottom:5px}

ul.list5 {font-size: 12px; padding:0 0 0 12px; color: #555555; width:559px;}
ul.list5 li{ border-bottom:1px dotted #cccccc; padding:5px 0 5px 0;}
.list5-col1{ width:253px; display:inline-block}
.list5-col2{ width:210px; display:inline-block}
.list5-col3{ width:65px; }

ul.list6 {font-size: 12px; padding:0 0 0 12px; color: #555555; width:217px}
ul.list6 li{ padding:3px 0 0 0; }
ul.list6 li a{font-size:12px; color:#003575; text-decoration:none; vertical-align:top}
ul.list6 li a:hover{font-size:12px; color:#0000ee; text-decoration:none;}
.list6-col1{ width:63px; display:inline-block}
.list6-col2{ width:140px; display:inline-block; vertical-align:top; font-weight:bold}
.list6-col3{ width:123px; display:inline-block; font-size: 11px;}
.list6-col4{ width:90px; display:inline-block; vertical-align:top; font-size: 11px;}

ul.list7 {font-size: 12px; padding:0 0 0 12px; color: #555555;}
.list7-head { width:220px; display:inline-block; vertical-align:top; padding-bottom:5px}
.list7-head2 { width:210px; display:inline-block; vertical-align:top; padding-bottom:5px}
.list7-cont { width:330px; display:inline-block; padding-bottom:5px}

ul.list8 {font-size: 12px; padding:0 0 0 12px; color: #555555; width:370px}
ul.list8 li{ padding:3px 0 0 0; }
ul.list8 li a{font-size:12px; color:#003575; text-decoration:none; vertical-align:top}
ul.list8 li a:hover{font-size:12px; color:#0000ee; text-decoration:none;}
.list8-col1{ width:63px; display:inline-block}
.list8-col2{ width:300px; display:inline-block; vertical-align:top; font-weight:bold}
.list8-col3{ width:123px; display:inline-block; font-size: 11px;}
.list8-col4{ width:90px; display:inline-block; vertical-align:top; font-size: 11px;}

ul.list9 {font-size: 12px; padding:0 0 0 12px; color: #555555; width:298px}
ul.list9 li{ padding:3px 0 0 0; }
ul.list9 li a{font-size:12px; color:#003575; text-decoration:none; vertical-align:top}
ul.list9 li a:hover{font-size:12px; color:#0000ee; text-decoration:none;}
.list9-col1{ width:63px; display:inline-block}
.list9-col2{ width:220px; display:inline-block; vertical-align:top; font-weight:bold}

.list-spectitle{display: block; font-size: 12px; font-weight: bold; color:#555555; padding:0 0 5px 10px}
ul.list-spec{color:#555555; padding-left:33px; list-style-image: url(/images/common/bulletarrow.png);  line-height:15px}
ul.list-spec li a{font-size:12px; color:#555555; text-decoration:none; vertical-align:top; line-height:18px}
ul.list-spec li a:hover{font-size:12px; color:#555555; text-decoration:none;}


/*#agent-contact-tab{position:fixed!important;*position:absolute;right:0!important;top:40%!important;display:block!important;
background:url(/images/common/contact_agent.png) 0 0 no-repeat!important;width:30px!important;height:150px!important;z-index:100001!important;text-indent:-9000px!important;
padding:0!important;}*/

#agent-contact-tab{position:fixed!important;*position:absolute;right:0!important;top:40%!important;display:block!important;
background: url(/images/common/contact_agent.png)  no-repeat 0 0; important;width:28px!important;height:141px!important;z-index:100001!important;text-indent:-9000px!important;padding:0!important;}
#agent-contact-tab:hover { position:fixed!important;*position:absolute;right:0!important;top:40%!important;display:block!important;
background: url(/images/common/contact_agent.png)  no-repeat -29px 0; important;width:30px!important;height:141px!important;z-index:100001!important;text-indent:-9000px!important;padding:0!important;}

#agent-developer-tab{position:fixed!important;*position:absolute;right:0!important;top:40%!important;display:block!important;
background: url(/images/common/contact_developer.png)  no-repeat 0 0; important;width:28px!important;height:175px!important;z-index:100001!important;text-indent:-9000px!important;padding:0!important;}
#agent-developer-tab:hover { position:fixed!important;*position:absolute;right:0!important;top:40%!important;display:block!important;
background: url(/images/common/contact_developer.png)  no-repeat -29px 0; important;width:30px!important;height:175px!important;z-index:100001!important;text-indent:-9000px!important;padding:0!important;}

.btn_email{left: 8px; float:left; cursor: pointer; display: block; height: 16px; width: 18px; background: url(/images/common/btn_enquiry.gif)  no-repeat 0 0; margin-right:10px}
.btn_fax{left: 8px; float:left; cursor: pointer; display: block; height: 16px; width: 18px; background: url(/images/common/btn_enquiry.gif)  no-repeat -17px 0; margin-right:10px}
.btn_web{left: 8px; float:left; cursor: pointer; display: block; height: 16px; width: 18px; background: url(/images/common/btn_enquiry.gif)  no-repeat -36px 0; margin-right:10px}


.checkbox{padding:8px 5px 0 0; float:left;}

.hr {
  height: 0;
  font-size: 0;
  line-height: 15px;
  width: 90%;
  margin: 2px 8px 8px 8px;
  float:left;
}

.dotted {
  border-bottom: dotted 1px #c8c8c8;
  display:block;
}

.dotted2 {
  border-bottom: dotted 1px #c8c8c8;
  display:block;
  margin:8px 0 8px 0;
}

.dashed {
  border-bottom: dashed 1px #dddddd;
}

/*---------------------------------------------------------------------
ICONS
-----------------------------------------------------------------------*/
.icons-sidebar{margin:0px 5px 30px 2px; float:left}

/*---------------------------------------------------------------------
TOP HEADER
-----------------------------------------------------------------------*/
#topline { background: url(/images/common/topline_bg.gif) repeat-x; width: 100%; margin: 0 auto; height: 7px; position: absolute; z-index:12; top:0px; left:0;}
#topheader { margin:0 auto; width: 1000px; height: 35px; position:relative;  z-index:10;}
.topmenu { width: 480px; font-size:11px; font-weight:bold; text-align:right; position:absolute; right:200px; padding-top:10px;}
.topmenu a{ text-decoration:none; color:#003575;}
.topmenu a:hover{ text-decoration:none; color:#0000ee;}
/*--------------netwrok nav---------------*/
.network {background: url(/images/common/b-network.gif);  width: 208px; font-size:11px; height:30px; position:absolute; right:0; z-index:10;}
/*LEVEL ONE*/
ul.networkNav                         { list-style-type: none;  margin: 0; padding: 0; z-index:10; }
ul.networkNav li                      { font-weight: bold; float: left; zoom: 1;  height:27px;}
ul.networkNav a:hover		          {   }
ul.networkNav a:active                { color: #ffffff; }
ul.networkNav li a                    { display: block; padding: 5px 7px 0 50px;  color: #ffffff; text-decoration:none;  margin-top:0px; }
ul.networkNav li:last-child a         { border-right: none;} /* Doesn't work in IE */
ul.networkNav li.hover,
ul.networkNav li:hover                { color: #000; position:relative;}
ul.networkNav li.hover a              { color: #ffffff; font-size:11px; font-weight:bold;}

/*LEVEL TWO*/
ul.networkNav ul 					  { width: 208px;  visibility: hidden; position: absolute; top: 100%; list-style-type: none; margin:0; padding:0px; z-index:3;}
ul.networkNav ul li 				  { font-weight: normal;  background: #003575;  border-bottom: 1px solid #366199; float: none; text-align:left; white-space: nowrap;}
ul.networkNav ul li a				  { display: block; padding: 6px 10px 0 10px; color: #ffffff; text-decoration:none;  border-right: 1px solid #7eb103; margin-top:0px;}
ul.networkNav ul li a:hover           { background-color:#dfdfdf; height:21px; color:#000000}

#logoheader { margin:0 auto; width: 1000px; height:83px; position:relative;  z-index:9;}/*Logo header position*/
.topLogo { width: 243px; height:63px; float:left; padding:5px 0 0 16px}
.b468_60 {width:468px;  float: left; padding: 5px 0 0 10px;}/*Top header 468x60 Banner*/

/*--------------My iproperty nav---------------*/
#myiprop { top: 52px; right:0; font-size:11px; font-weight:bold; position:absolute; float:left; z-index:9; }
/* LEVEL ONE */
ul.myipropNav                         { list-style-type: none; width:266px; right:0;}
ul.myipropNav li                      { font-weight: bold; float: left; zoom: 1;  height:23px;}
ul.myipropNav a:hover		          {   }
ul.myipropNav a:active                { color: #ffffff; }
ul.myipropNav li a                    { display: block; padding: 0 7px 0 7px;  color: #003575; text-decoration:none;  border-right: 0px solid #001f67;}
ul.myipropNav li:last-child a         { border-right: none;} /*Doesn't work in IE*/
ul.myipropNav li:hover                { color: black; position:relative; }
ul.myipropNav li:hover a              { color: #000000; }

/* LEVEL TWO */
ul.myipropNav ul 					  { width: 120px;  visibility: hidden; position: absolute; top: 100%; list-style-type: none; margin:0; padding:0px; color:#0000FF;}
ul.myipropNav ul li 				  { font-weight: normal;  background: #dfdfdf;  border-bottom: 1px solid #ccc; float: none; text-align:left; white-space: nowrap; }
ul.myipropNav ul li a				  { display: block; padding: 4px 10px 0 6px;  color: #000000; text-decoration:none;  margin-top:0px;}
ul.myipropNav ul li a:hover           { background-color:#eeeeee; height:19px }

/*---------------------------------------------------------------------
MAIN NAVIGATION MENU
-----------------------------------------------------------------------*/
#mainMenu { background:url(/images/common/topmenu_bg.png) left top; width:1000px; height:42px; z-index:3; margin:0 auto; position:relative}
/* LEVEL ONE */
ul.dropdown                         { list-style-type: none;  margin: 0 auto; padding: 0 0 0 5px; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;  height:37px; border-right: 1px solid #366199; }
ul.dropdown a:hover		            {   }
ul.dropdown a:active                { color: #ffffff; }
ul.dropdown li a                    { display: block; padding: 4px 10px;  color: #ffffff; text-decoration:none; line-height:29px; }
ul.dropdown li:last-child a         { border-right: none;} /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: url(/images/common/topmenu_rollover.png) left top;  color: black; position:relative; }
ul.dropdown li.hover a              { color: black;}


ul.dropdown li.current             { color: black;}
ul.dropdown li.current a            { background: url(/images/common/topmenu_rollover.png) left top;  color: black;}

/* LEVEL TWO */
ul.dropdown ul 						{ width: 155px;  visibility: hidden; position: absolute; top: 100%; list-style-type: none; padding:0;  margin:0; z-index:10;}
ul.dropdown ul li 					{ font-weight: normal;  background: #dfdfdf;  border-bottom: 1px solid #ccc; border-top: 0px solid #000; float: none; 
									  border-right: none; text-align:left; white-space: nowrap;  z-index:10;}	 
                                    IE 6 & 7 Needs Inline Block
ul.dropdown ul li a					{ border-right: 0px solid #000000;}  
ul.dropdown li.current li a         { background: #dfdfdf;  color: black;}
ul.dropdown li.current li:hover  a   { background: url(/images/common/topmenu_rollover.png) left top;  color: black; position:relative; }

/* LEVEL THREE
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }*/

#menubuy{ background: url(/images/common/topmenu_actived_bg.png); height:37px; width:65px; border-right:1px solid #63a2f3}
#menubuy a:hover{ background: url(/images/common/topmenu_rollover.png) left top;  color: black; position:relative; }
#menurent { background: url(/images/common/topmenu_actived_bg.png); height:37px; width:65px; border-right:1px solid #63a2f3}
#menurent a:hover{ background: url(/images/common/topmenu_rollover.png) left top;  color: black; position:relative; }
#menusell { width:65px}
#menunewdev { background: url(/images/common/topmenu_actived_bg.png); }
#menunewdev a:hover{ background: url(/images/common/topmenu_rollover.png) left top;  color: black; position:relative; }




/*---------------------------------------------------------------------
MAIN SEARCHBOX
-----------------------------------------------------------------------*/
#searchbox { background:url(/images/common/image_sprite.png); margin:0 auto; width: 990px; height: 211px; margin-top:8px; text-align:left;  z-index: 2; padding:10px 0 0 0} /*sprite image*/
.search_title {width: 943px; height: 15px; padding: 0 20px 13px 17px; font-size: 16px; color:#02285e; margin: 0 auto; overflow: hidden;  font-weight:normal}
.searchtab_title { margin: 0; padding: 4px 0 0 0; font-size: 12px;}
.searchbox_title {width:650px; margin: 0; padding: 10px 0 10px 30px; font-size: 14px;}
div#search_list { width: 943px; height: 215px; margin: 0 auto; position: relative}
div#search_list ul { position: absolute; top: 0; list-style: none;	padding: 0; margin: 0;}
ul#tabs { left: 0; z-index: 2; width: 248px;}
ul#tabs li {font-size: 10px; font-family: Arial;}
ul#tabs li a {color: #222; text-decoration: none; width: 235px; display: block; padding: 0 0 0 12px; height: 36px; outline: none;
			  background:  url(/images/common/image_sprite.png) no-repeat -714px -224px;}
ul#tabs li a:hover {text-decoration: none; background:  url(/images/common/image_sprite.png) no-repeat -714px -272px;}
ul#tabs li a.current {background:  url(/images/common/image_sprite.png) no-repeat -714px -314px; color: #FFF;}
ul#tabs li a.current:hover {text-decoration: none; cursor: default;}
ul#output {right: 0; width: 709px; height: 168px;  background:  url(/images/common/image_sprite.png) no-repeat 0 -224px;}
ul#output li {position: absolute; width: 709px; height: 215px;}
ul#output li a {text-decoration:none;}

.search_descareapanel{width:400px; height:60px; border:1px solid #cfcfcf; 
                    line-height:20px; background:#fff; z-index:1000; position:absolute; overflow:auto; padding-left:10px; visibility: hidden;}
.search_readmorepanel {width:160px; height:180px; border:1px solid #cfcfcf; top: 30px; left: 500px; 
                    line-height:28px; background:#fff; z-index:1000; position:absolute; float:left; overflow:auto; padding-left:10px; visibility: hidden;}
.search_stateareapanel{ width:595px; height:323px; border:1px solid #cfcfcf; top: 74px; left: 35px;
font-family: Arial, Verdana, Times, Verdana, Times, sans-serif; line-height:28px; background:#fff; z-index:1000; position:absolute}
.search_statepanel{width:160px; height:280px;  float:left; overflow:auto; padding-left:10px;}
.search_statepanel a { width:160px; height:280px; text-decoration:none; color:#000}
.search_statepanel a:hover{ background-color:#01489d; width:160px; height:30px;  padding:5px; color:#fff; font-weight:bold;}
.search_areapanel{ width:415px; height:280px; float:left; overflow:auto; padding-left:10px; }


.search_footerpanel{width:595px; height:36px; background:#01489d;  color:#fff; padding:7px 0 0 0; clear:both}
.search_footerpanel-left{text-align:left; width:390px; height:36px; background:#01489d;  color:#fff; float:left}
.search_footerpanel-left a{ text-decoration:none; color:#fff}
.search_footerpanel-left a:hover{ text-decoration:underline; color:#fff}
.global_icon{ width:45px; height:35px; background: transparent url(/images/common/global_icon.png) no-repeat; float:left}

.search_footerpanel-right{width:200px; height:36px; background:#01489d;  color:#fff; text-align:right; float:right}
.search_footerpanel-right a{ text-decoration:none; color:#fff}
.search_footerpanel-right a:hover{ text-decoration:underline; color:#fff}
.next-arrow {width: 24px; height: 21px; cursor: pointer; background: transparent url(/images/common/icons_sprite.png) no-repeat -211px 0; float:right; margin:5px 5px 0 3px}/*sprite image*/
.next-arrow:hover {background-position: -211px -21px;}
.next-arrow:active {background-position: -211px 0;}


/*Property For Sale*/

.search_txtbox { color:#333333; font-size: 16px; position:absolute; left: 30px; outline-color:transparent; border:none; padding:3px 30px 4px 8px;
				 background: url(/images/common/image_sprite.png) no-repeat 0 -396px; width:575px; height:36px;}/*sprite image*/
.search_button{cursor: pointer; height: 40px; width: 36px; position:absolute; right:66px; background: url(/images/common/image_sprite.png) no-repeat -722px -393px;} 				 				 				 
.selection_box { width:680; height:80px; left:30px; padding-left:20px}
.main_listbox {font-weight:bold; line-height:20px; float:left; padding-top:45px; margin-left:10px}
.listbox {border:1px solid #cfcfcf; outline-color:transparent; height:20px;}
.listbox2 {border:1px solid #cfcfcf; outline-color:transparent; height:20px; width:70px}
.search_btn { float:left; padding:0px 13px 0 0; top:90px; position:absolute; right:0;}
.cimb_btn {width:710px; text-decoration:none; border:none; top:138px; left:32px; position:absolute}
.searchbox_radiobox {width:679px; margin: 0; padding: 12px 0 8px 30px; font-size: 12px;}
.box_peel {width:31px; height:37px; margin: 0; float:right; position:absolute; right:0; padding:0; top:0; background: url(/images/common/image_sprite.png)  no-repeat -724px -355px;}/*sprite image*/
.box_peel:hover { width:121px; height:109px; background-position: -755px -355px; }



.searchbox_radiobox_txt {padding: 0 15px 0 0; font-size: 12px; font-weight:bold}
.current_btn {float:right; padding:3px 15px 0 0}

/*---------------------------------------------------------------------
CONTENT BODY
-----------------------------------------------------------------------*/
#main {width: 1000px;  top:10px; left:5px; position:relative; display:inline-block}
/*Left sidebar*/
#sidebar { width: 143px; float: left; border:1px solid #dddddd;  text-align: left; position:relative; padding-bottom:10px;}
.sidebar-content{width:145px; color:#555555; float:left; padding:0 0 20px 0}
.sidebar-tabbed {background: url(/images/common/image_sprite.png) no-repeat -610px -399px; height:25px; width:133px; padding:10px 0 0 8px; }/*sprite image*/
.sidebar-tabbed2 {background: url(/images/common/sidebar-tabbed2.gif) no-repeat; height:40px; width:133px; padding:10px 0 0 8px}
.textbox {border:1px solid #b2b2b2;  height:20px; width:130px; margin:10px 0 5px 5px}
.side-space{margin:0 0 0 2px; padding-top:45px}
.b120_120 {width:120px; height:120px; float: left; padding:15px 0 0 11px}/*Sidebar Spot Banner 120x120*/
.b120 {width:120px; float: left; padding:15px 0 0 11px}/*Sidebar Spot Banner 120x120*/

/*iproperty everywhere*/
ul.iprop_everywhere{ width:135px; list-style:none; margin:0 3px 0 10px;}
ul.iprop_everywhere li{ float:left; margin:8px 13px 0 0}


/*Inside-page Left Sidebar*/
#sidebar2 { width: 143px; float: left; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align: left; position:relative; }
.sidebar-content-bg{width:143px; color:#555555; float:left; background-color:#f4f4f4; border:1px solid #dddddd; padding:0 0 5px 0}
.sidebar-content-bd{width:143px; color:#555555; float:left; padding:0 0 20px 0; border:1px solid #dddddd; margin-top:20px}
/*Text Form*/ 
ul.side_textfield{ list-style:none; width:130px; margin:10px 0 5px 5px;}
ul.side_textfield li{ height:20px; width:130px; height:100%; color:#555555; font-weight:bold; font-size:11px; line-height:15px; padding:0 0 13px 0}
.side_textbox {border:1px solid #b2b2b2;  height:18px; width:130px;}
.side_selectbox {border:1px solid #b2b2b2; height:20px; width:132px; font-size:12px;}


#main-container{ text-align: left; width: 845px; float: left; position:relative; display:inline-block;}
#main-content{width:525px; float:left; left:10px; position:relative}
#main-content2{width:665px; float:left; left:10px; position:relative}/*For inside Listing pages*/
#main-content3{width:835px; float:left; left:10px; position:relative;}/*For inside Mapview & gallery pages*/
#main-content4{width:582px; float:left; left:10px; position:relative;}/*For inside property details pages*/


.box-525w {width:523px; top: 0px; border:1px solid #dddddd; float:left; margin:0 0 10px 0; padding-bottom:5px}/*all the 525 width boxes*/
.box-525w-2 {width:523px; height:235px; top: 0px; border:1px solid #dddddd; float:left; margin:0 0 10px 0; padding-bottom:5px}/*all the 525 width boxes*/
.box-525w-featured {width:523px; height:310px; top: 0px;  border:1px solid #dddddd; float:left; margin:0 0 10px 0;}/*for 525 width Carousel boxes*/
.tabbed {background: url(/images/common/gradient_bar.gif) repeat-x; height:35px; padding:10px 0 0 12px; position:relative;}/*all the gradients tabs*/
.tabbed2 {background: url(/images/common/gradient_bar.gif) repeat-x; height:25px; padding:10px 0 0 8px; position:relative}
.tabbed3 {height:17px; padding:10px 0 0 12px; position:relative}
.tabbed4 {background: url(/images/common/gradient_bluebar.gif) repeat-x; height:25px; padding:10px 0 0 12px; position:relative; border:1px solid #003575; margin:10px 0 0 0; color:#ffffff
}
.tabbed_orange{background: url(/images/common/gradient_orangebar.gif) repeat-x; height:25px; padding:10px 0 0 12px; position:relative; color:#ffffff}
.tabbed_green {background: url(/images/common/gradient_green_bar.gif) repeat-x; height:35px; padding:10px 0 0 12px; position:relative; color:#FFFFFF}/*all the gradients tabs*/
.tabbed_blue {background: url(/images/common/tabbed_blue.png) repeat-x; height:26px; padding:6px 0 0 8px; position:relative; color:white; font-weight:normal}
.tabbed_blue2 {background: url(/images/common/tabbed_blue.png) repeat-x; height:20px; padding:4px 0 0 12px; position:relative; color:white; font-weight:normal; margin-top:3px}
.tabbed_blue_right { font-size:12px; color:#ffffff; text-decoration:none; display:inline; float:right; position:absolute; right:0; padding-right:8px}
.tabbed_white { height:30px; padding-left:12px; position:relative;}
.tabbed_white2 { height:30px; position:relative;}
.tabbed_underline { height:18px; border-bottom:1px solid #dddddd; padding:0 0 0 0; margin-bottom:8px}
.tabbed_blue_selectbox {height:17px; font-size:11px; padding:0; margin:0 auto}
.pagination_footer { height:28px; padding:3px 0 0 8px; border:1px solid #dddddd; margin-top:5px; float:right; width:655px} 
.pagination_footer2 { height:28px; padding:3px 0 0 8px; border:1px solid #dddddd; margin-top:5px; float:right; width:825px} 
.tabbed_res {height:31px; padding:16px 0 10px 13px; position:relative; color:#003575;}
.tabbed_res2 {height:31px; padding:8px 0 15px 13px; position:relative; color:#003575;}

ul.pagination{ font-size:10px; color:#003575; text-decoration:none; right:0; float:right; padding-right:5px; }
ul.pagination li{ font-size:10px; color:#003575; text-decoration:none;  border:1px solid #003575;  float:left; margin:6px 2px 2px 2px; }
ul.pagination li a{ font-size:10px; color:#003575; text-decoration:none; float:left; padding:0 3px 0 3px;}
ul.pagination li a:hover{ font-size:10px; color:#ffffff; text-decoration:none; background:#003575; float:left; padding:0 3px 0 3px;}
ul.pagination li.active{ font-size:10px; color:#ffffff; text-decoration:none; border:1; background:#003575;  padding:0 3px 0 3px;}


ul.icons_listing{  color:#003575; text-decoration:none; right:0; position:absolute; margin:0; top:5px; padding:3px 0 0 0}
ul.icons_listing li{ color:#003575; text-decoration:none; float:left; padding:5px 10px 0 0; color:#555555; font-weight:bold;}
ul.icons_listing li a{ text-decoration:none;}
ul.icons_listing li.bedroom{ background: url(/images/common/icon_bedroom.png) no-repeat; width:28px; height:25px; padding:0}
ul.icons_listing li.bathroom{ background: url(/images/common/icon_bathroom.png) no-repeat; width:20px; height:25px; padding:0}

ul.icons_listing2{  color:#555555; text-decoration:none; right:0; float:right; padding-right:2px;  margin-top:3px}
ul.icons_listing2 li{ color:#555555; text-decoration:none; float:left; padding:0px 10px 0 0; }
li.bedroom2{ font-size:12px; color:#555555;  line-height:25px; font-weight:bold; background: url(/images/common/icon_bedroom.png) no-repeat; width:50px; height:22px; text-align:right; padding-left:10px;}
li.bathroom2{ font-size:12px; color:#555555;  line-height:25px; font-weight:bold; background: url(/images/common/icon_bathroom.png) no-repeat; width:35px; height:22px; text-align:right;}

ul.icons_listing3 {color:#003575; text-decoration:none; right:0; margin:0; padding:0}
ul.icons_listing3 li{ color:#003575; text-decoration:none; float:left; padding:5px 10px 0 0; color:#555555; font-weight:bold;}
ul.icons_listing3 li.bedroom{ background: url(/images/common/icon_bedroom.png) no-repeat; width:28px; height:25px; padding:0}
ul.icons_listing3 li.bathroom{ background: url(/images/common/icon_bathroom.png) no-repeat; width:20px; height:25px; padding:0}



.box-260w-left {width:258px;  border:1px solid #dddddd; float:left; margin:0 0 10px 0; position:relative; padding-bottom:8px}/*all the 260 width left boxes*/
.box-260w-right {width:258px;  border:1px solid #dddddd; float:left; margin:0 0 10px 5px; position:relative; padding-bottom:8px;}/*all the 260 width right boxes*/

.box-170w-left {width:169px; height:315px; border:1px solid #dddddd; float:left; margin:0 0 10px 0; position:relative; padding-bottom:8px;}
.box-170w-right {width:170px; border:1px solid #dddddd; float:left; margin:0 0 10px 5px; position:relative; padding-bottom:8px}

.box-330w-left {width:328px;  border:1px solid #dddddd; float:left; margin:0 0 10px 0; position:relative; padding-bottom:8px}/*all the 330 width left boxes*/
.box-330w-right {width:328px;  border:1px solid #dddddd; float:left; margin:0 0 10px 5px; position:relative; padding-bottom:8px;}/*all the 330 width right boxes*/

.box-500w {width:488px;  border:1px solid #dddddd; float:left; height:313px; margin-top:10px}/*all the 500 width left boxes*/
.box-500w-left {width:488px;  border:1px solid #dddddd; float:left; margin:10px 0 0 0; height:230px}/*all the 335 width left boxes*/
.box-335w-right {width:333px;  border:1px solid #dddddd; float:right; margin:10px 0 0 10px; height:230px}/*all the 335 width right boxes*/
.box-145w { width: 143px; float: left; border:1px solid #dddddd;  text-align: left; height:713px; margin-top:10px}




#box-242w{width:242px; float:right; right:0; position: relative; margin-bottom:20px}
.box-242w-border {width:240px; border:1px solid #dddddd; margin-bottom:10px;  float:right; padding-bottom:10px}
.box-242w-greenborder {width:240px; border:1px solid #529A38; margin-bottom:10px;  float:right; padding-bottom:10px}
.box-242w-none {width:240px; float:right;}
.box-242w-border2 {width:240px; border:1px solid #dddddd; margin-bottom:10px;  float:right; padding:6px 0 6px 0; background-color:#eaeaea}

.box2-prev-next {background-color:#f5f5f5; height:22px; margin-bottom:10px; font-size:11px; color:#003575; padding:5px 0 0 8px; width:656px; float:left}
.box-prev-next {background-color:#f5f5f5; height:22px; margin-bottom:10px; font-size:11px; color:#003575; padding:5px 0 0 8px; width:574px; float:left}
ul.btn-prev-next{float:left; position:absolute}
ul.btn-prev-next li{float:left;}
ul.btn-prev-next li.btn-prev{left: 8px; float:left; cursor: pointer; display: block; height: 19px; width: 19px; background: url(/images/common/nav-button-sprite_small.png)  no-repeat -20px 0; margin:0 2px 0 2px}
ul.btn-prev-next li.btn-prev:hover { background-position: 0 0; }
ul.btn-prev-next li.btn-next{left: 8px; float:left; cursor: pointer; display: block; height: 19px; width: 19px; background: url(/images/common/nav-button-sprite_small.png)  no-repeat -40px 0; margin:0 2px 0 2px}
ul.btn-prev-next li.btn-next:hover { background-position: -60px 0;}
ul.btn-prev-next li a{ color:#003575; text-decoration:none; vertical-align:middle}
ul.btn-prev-next li a:hover{ color:#0000ee; text-decoration:none}
ul.btn-prev-next li.btn-refresh{cursor: pointer; display: block; height: 19px; width: 19px; background: url(/images/common/btn_refresh.png)  no-repeat -19px 0;}
ul.btn-prev-next li.btn-refresh:hover { background-position: 0 0;}
ul.btn-prev-next li.btn-gate{ margin:0 2px 0 245px;}

.box-582w {width:582px;  border:0px solid #dddddd; float:left; position:relative}
.box-582w-border{width:580px; top: 0px;  border:1px solid #dddddd; float:left; margin:0 0 10px 0; padding-bottom:8px;}
.box-582w-border-in{width:562px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;  float:left;  margin:8px 0 8px 0; padding-bottom:8px;}
.box-582w-greenborder {width:580px; top: 0px;  border:1px solid #529A38; float:left; margin:0 0 10px 0; padding-bottom:8px;}
.box-582w-none{width:580px;  float:left; }
.top-bottom-line {width:562px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;  float:left;  margin:8px 0 8px 0; padding:8px 0 8px 0;}
.box-582w2 {width:580px; top: 0px;  border:1px solid #529A38; float:left; margin:0 0 10px 0; padding-bottom:8px; }
.newline {float:left;clear:both}

#fragment-7, #fragment-8, #fragment-9, #fragment-10, #fragment-11, #fragment-12, .fragment { border: 1px solid #dddddd; padding: 1em 8px 8px 10px; background: #fff; margin-bottom:8px; float:left; width:562px;}

ul.btn-share-all{float:right; padding:7px 4px 0 0;}
ul.btn-share-all li{float:left}
ul.btn-share-all li a{ color:#003575; text-decoration:none; font-size:11px; vertical-align:sub}
ul.btn-share-all li a:hover{ color:#0000ee; text-decoration:none}
ul.btn-share-all li.btn-share{float:left; cursor: pointer; display: block; height: 21px; width: 14px; background: url(/images/common/btn-share-all.png)  no-repeat 0 0; margin:0 2px 0 2px}
ul.btn-share-all li.btn-print{float:left; cursor: pointer; display: block; height: 21px; width: 18px; background: url(/images/common/btn-share-all.png)  no-repeat -13px 0; margin:0 2px 0 2px}
ul.btn-share-all li.btn-shortlist{float:left; cursor: pointer; display: block; height: 21px; width: 12px; background: url(/images/common/btn-share-all.png)  no-repeat -31px 0; margin:0 2px 0 2px}
ul.btn-share-all li.btn-email{float:left; cursor: pointer; display: block; height: 21px; width: 19px; background: url(/images/common/btn-share-all.png)  no-repeat -44px 0; margin:0 2px 0 2px}


.btn-emailalert {cursor: pointer; display: block; height: 26px; width: 145px; background: url(/images/common/btn_emailalert.gif)  no-repeat 0 0; margin-bottom:5px}
.btn-emailalert:hover { background-position: 0 -26px; }

.col-260w-left {width:241px; float:left; position:relative; border-right:dotted 1px #c8c8c8; padding-left:12px}
.col-260w-right {width:235px;  float:left; margin:0 0 10px 5px; position:relative; padding:0 0 8px 12px}

.col-350w-left {width:330px; float:left; position:relative; border-right:dotted 1px #c8c8c8}
.col-200w-right {width:220px;  float:left; margin:0 0 0 5px; position:relative; padding:0 0 8px 0}

.
#box-665w-container {width:665px; top: 0px; float:left; margin: 3px 0 0 0}/*all the 663 width boxes*/
.box-665w {width:663px;  margin: 0 0 12px 0; border:1px solid #dddddd; position:relative; clear:both;}/*all the 663 width boxes*/
.box-665w-inside {width:663px; height:220px; margin: 0; border:1px solid #dddddd; position:relative; margin-bottom:10px}/*all the 663 width boxes*/
.box-665w-listing {width:663px;  border:1px solid #dddddd; position:relative; display:inline-block; padding-bottom:12px}
.box-665w-listing-featured {width:663px;  border:1px solid #adadad; position:relative; display:inline-block; padding-bottom:12px}
.box-645w {width:645px;  margin: 0 0 12px 0; border:1px solid #dddddd; position:relative; clear:both;}/*all the 663 width boxes*/
.box-listing-photo {float:left; padding:8px 0 0 0;}
.box-listing {float:left; padding:8px 0 0 8px;}

.map-listing-photo {float:left; padding:8px 0 0 8px; width:50px;}
.map-listing-content {float:left; padding:2px 0 0 4px; width:140px;}
.map-listing-featured {float:left; padding:2px 0 2px 4px; width:200px;}

.box-listing-left {padding:7px 0 0 0; clear:both; }
.box-listing-right {float:right; padding:8px 10px 0 0; width:180px;}
.box-listing-img {float:left; padding:0 0 8px 8px;}
.boxblue-665w-listing {width:663px;  border:1px solid #003575; position:relative; display:inline-block; padding-bottom:12px; border-top:0}
.box-665w-bg {width:656px;  border:1px solid #dddddd; display:inline-block; background-color: #f3f3f3; padding: 7px 0 7px 7px; margin-bottom:10px}

/*For Art Living Video Box*/
.box-665w-none{ width:665px; margin-top:5px; border:0px solid #000; }
.box_215w {width:208px; height:161px; border:1px solid #dddddd; float:left; margin:0 7px 25px 0; background-color: #f3f3f3; padding-left:7px} 
.box_215w-2 {width:208px; height:161px; border:1px solid #dddddd; float:right; background-color: #f3f3f3; padding-left:7px; margin-bottom:25px;}
.box_199w {width:199px; position:absolute; margin:7px 0 0 0;}
.video_pic{width:199px; border:1px solid #fff; padding:0; display:block}
.video_play{width:185px; bottom:0; padding:2px 0 2px 14px;  opacity:0.8; filter:alpha(opacity=60); position:absolute; 
			background: url(/images/common/video_arrow.png) no-repeat 4px 4px #000000; color:#fff}
.video_time{right:0; bottom:0; padding:2px 5px 2px 5px; position:absolute; color:#fff}
.video_desc {position:relative; top:127px; color:#555555}
.video_desc a{ display: block; font-size:12px; color:#555555; right:0; text-decoration:none;  padding:0}
.video_desc a:hover{ display: block; font-size:12px; color:#0000ee; right:0; text-decoration:none;}

.pic_gallery{ margin: 35px 12px 5px 12px}
/*
.pic_gallery img {height: 387px; width: 268px;}
*/

/*Start detail page Gallery view - carousel classes*/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 1px solid black;*/
width: 387px; /*Width of Carousel Viewer itself*/
height: 268px; /*Height should enough to fit largest content's height*/
float: left;
margin: 25px 12px 5px 12px
/*margin: 0 0 5px 0;*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 387px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img { width: 387px; height: 268px;}
/*End detail page Gallery view - carousel classes*/

.glryNav {float: right; padding: 11px 78px 0 0;}
.widget { width: 199px; position: relative; }
.overlay { 
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: url(/images/common/black75.png);
    background: rgba(0,0,0,0.2); 
    text-align: center; 
}        
.widget-button { 
    position: relative; 
    padding: 4px 16px; background: black; border: 1px solid white; color: white; text-decoration: none; 
    -moz-box-shadow: 0 0 20px white; -webkit-box-shadow: 0 0 20px white; box-shadow: 0 0 20px white; font-weight:bold}
.widget-button:hover { color: #00baff; font-weight:bold}

.widget2 { width: 533px; position: relative; font-size:16px} 



.pic_gallery{ margin: 35px 12px 5px 12px}

ul.box-listing-right-child {float:left; text-align:left; margin-left:5px; clear:both;}
ul.box-listing-right-child li {float:left; text-align:left; margin-left:5px;}
.box-listing_featured {padding:7px 0 0 0; font-weight:bold; }
.box-listing_featured2 {font-weight:bold; padding-top:5px;}
.box-listing_featured-right {padding:0 8px 0 0; font-weight:bold;  position:absolute; margin:0; right:0; float:right;}

#box-835w-container {width:835px; top: 0px; float:left; margin: 0; display:inline-block}/*all the 835 width boxes*/
.box-835w {width:833px;  margin: 0; border:1px solid #dddddd; position:relative;}/*all the 835 width boxes*/
.box-835w-none {width:835px;  margin: 0; position:relative;}/*all the 835 width boxes*/
.box-835w-left {width:833px;  border:1px solid #dddddd; float:left; margin:10px 0 0 0; height:230px}/*all the 335 width left boxes*/


.box-415w {width:410px; margin: 10px 0 0 0; border:1px solid #dddddd; float:left; position:relative; display:inline-block; padding-bottom:3px}
.box-415w-right {width: 410px; margin: 10px 0 0 0; border:1px solid #dddddd; float:right; position:relative; display:inline-block; padding-bottom:3px}

.box-228w {width:228px; margin: 10px 0 0 0; float:left; position:relative; display:inline-block; padding-bottom:3px}
.box-228w-sub {width:210px; margin: 10px 0 0 0; border:1px solid #dddddd; float:left; position:relative; display:inline-block; padding-bottom:3px}
.box-228w-sub-inforwindow {width:210px; margin: 10px 0 0 0; float:left; position:relative; display:inline-block; padding-bottom:3px}

.box-603w-right {width: 603px; margin: 10px 0 0 0; float:right; position:relative; display:inline-block; padding-bottom:3px}

.box-603w-nav {width: 603px; margin: 10px 0 0 0; position:relative; display:inline-block; padding-bottom:0px;}
.mapNav-panel {width: 603px; font-size:13px; height:26px; position:relative; right:0; z-index:2; float: right;}
ul.mapNav                         { list-style-type: none;  margin: 0 auto; padding: 0 0 0 5px; float:right}
ul.mapNav li                      { font-weight: bold; float: left; zoom: 1;  background: url(/images/common/menu_mapNav_bg.png) left top;left top; height:26px; width:140px}
ul.mapNav a:hover		          {   }
ul.mapNav a:active                { color: #ffffff; }
ul.mapNav li a                    { display: block; padding: 4px 10px;  color: #555555; text-decoration:none; line-height:20px; }
ul.mapNav li:last-child a         { border-right: none;} /* Doesn't work in IE */
ul.mapNav li.hover,
ul.mapNav li:hover                { color: black; position:relative; background: url(/images/common/menu_mapNav_bg_hover.png) left top;}
ul.mapNav li.hover a              { color: black;}


ul.mapNav li.current             {  background: url(/images/common/topmenu_rollover.png) left top; color: black;}
ul.mapNav li.current a            { background: url(/images/common/topmenu_rollover.png) left top;  color: black;}

/* LEVEL TWO */
ul.mapNav ul 						{ width: 815px; height:120px; visibility: hidden; position: absolute; top: 100%; list-style-type: none; right:0; background: #eaeaea; padding:10px; }
ul.mapNav ul.tab1 					{ width: 805px; height:230px; visibility: hidden; position: absolute; top: 100%; list-style-type: none; 
									  padding:10px 15px 10px 15px;  margin:0 auto; z-index:10; right:-280px}
ul.mapNav ul.tab2				    { width: 805px; height:120px; visibility: hidden; position: absolute; top: 100%; list-style-type: none; 
									  padding:10px 15px 10px 15px;  margin:0 auto; z-index:10; right:-140px;}
ul.mapNav ul li 					{ font-weight: normal; background:none; float: none; border-right: none; text-align:left; white-space: nowrap;  z-index:10; width: 835px;}	
ul.mapNav ul li:hover 	            { background: #eaeaea;}
                                    IE 6 & 7 Needs Inline Block
ul.mapNav ul li a					{ border-right: 0px solid #000000;}  
ul.mapNav li.current li a           { background: #eaeaea;  color: black;}
ul.mapNav li.current li:hover  a    { background: url(/images/common/topmenu_rollover.png) left top;  color: black; position:relative; }

.sl_map { width:220px; height:230px; float:left; border-right:1px solid #d6d6d6; padding-right:10px; color:#555555}
.sl_map_list {line-height:23px; padding-top:8px; float:left; width:95px; }
.sl_color_txt{ padding-left:20px; padding-top:10px}
.leg_green01{ width:18px; height:18px; background-color:#def5c8; float:left; border:1px solid #ffffff;}
.leg_green02{ width:18px; height:18px; background-color:#99ff33; float:left; border:1px solid #ffffff;}
.leg_green03{ width:18px; height:18px; background-color:#33cc00; float:left; border:1px solid #ffffff;}
.leg_green04{ width:18px; height:18px; background-color:#999900; float:left; border:1px solid #ffffff;}
.leg_green05{ width:18px; height:18px; background-color:#666600; float:left; border:1px solid #ffffff;}
.leg_red{ width:18px; height:18px; background-color:#ff0000; float:left; border:1px solid #ffffff;}
.leg_pink{ width:18px; height:18px; background-color:#8e35ef; float:left; border:1px solid #ffffff;}
.leg_yellow{ width:18px; height:18px; background-color:#ffff00; float:left; border:1px solid #ffffff;}
 
.sc_map { width:200px; height:230px; float:left; border-right:1px solid #d6d6d6; padding:0 10px 0 10px; color:#555555}


.sr_map { width:340px; height:230px; float:left;  padding-left:10px; color:#555555}
.sr_map_list {line-height:23px; padding-top:8px; float:left;}
.sr_map_btn {line-height:23px; padding-top:8px; float:right; width:120px; right:0}
.sr_map_btn2 {line-height:23px; padding-top:8px; float:right; width:60px; right:0}
.sr_map_checkbox{line-height:23px; padding-top:3px; float:left; width:0px;}


.sl_map_list01 {line-height:23px; padding-top:8px; float:left; width:206px;}
.sl_map_list01 {line-height:23px; padding-top:8px; float:left; width:180px;}
.btn-shopping{cursor: pointer;  height:33px; width:33px; background: url(/images/marker/amenity_shopping.png); margin:0 0 8px 15px; vertical-align:sub;}
.btn-populated{cursor: pointer; height: 33px; width: 33px; background: url(/images/marker/amenity_populated.png); margin:0 0 8px 15px; vertical-align:sub;}
.btn-tranportation{cursor: pointer; height: 33px; width: 33px; background: url(/images/marker/amenity_tranportation.png); margin:0 0 8px 15px; vertical-align:sub}
.btn-worship{cursor: pointer; height: 33px; width: 33px; background: url(/images/marker/amenity_worship.png); margin:0 0 8px 15px; vertical-align:sub}
.btn-hospital{cursor: pointer; height: 33px; width: 33px; background: url(/images/marker/amenity_hospital.png); margin:0 0 8px 15px; vertical-align:sub}
.btn-school{cursor: pointer; height: 33px; width: 33px; background: url(/images/marker/amenity_school.png); margin:0 0 8px 15px; vertical-align:sub}
.btn-restaurant{cursor: pointer; height: 33px; width: 33px; background: url(/images/marker/amenity_restaurant.png); margin:0 0 8px 15px; vertical-align:sub}

.homevalue_list {line-height:23px; padding-top:8px; float:left; width:820px;}
.homevalue_colorbox {width:30px; text-align:center; float:left; margin:0 2px 0 2px}
.homevalue_color1{ width:25px; height:25px; background-color:#3752a3; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color2{ width:25px; height:25px; background-color:#4e67c3; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color3{ width:25px; height:25px; background-color:#5672d3; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color4{ width:25px; height:25px; background-color:#6485f0; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color5{ width:25px; height:25px; background-color:#5689c8; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color6{ width:25px; height:25px; background-color:#53b1e4; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color7{ width:25px; height:25px; background-color:#52caef; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color8{ width:25px; height:25px; background-color:#6dcddd; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color9{ width:25px; height:25px; background-color:#83cfc3; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color10{ width:25px; height:25px; background-color:#9dd4ad; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color11{ width:25px; height:25px; background-color:#c3dc77; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color12{ width:25px; height:25px; background-color:#c4dc7a; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color13{ width:25px; height:25px; background-color:#d7e15e; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color14{ width:25px; height:25px; background-color:#ebed82; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color15{ width:25px; height:25px; background-color:#f0d806; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color16{ width:25px; height:25px; background-color:#f3ec18; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color17{ width:25px; height:25px; background-color:#fec30d; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color18{ width:25px; height:25px; background-color:#f8a01a; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color19{ width:25px; height:25px; background-color:#f5841e; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color20{ width:25px; height:25px; background-color:#f26122; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color21{ width:25px; height:25px; background-color:#fd4624; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color22{ width:25px; height:25px; background-color:#ed1e24; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color23{ width:25px; height:25px; background-color:#c0070d; border:1px solid #ffffff; margin:3px 0 3px 0}
.homevalue_color24{ width:25px; height:25px; background-color:#8c0005; border:1px solid #ffffff; margin:3px 0 3px 0}


.box-603w-map {width: 596px; height: 600px; border:1px solid #dddddd; position:relative; display:inline-block; padding-bottom:3px; float:right}


ul.arrow_gallery{ font-size:11px; color:#003575; text-decoration:none; right:0; float:right; padding-right:5px; }
ul.arrow_gallery li{ font-size:11px; color:#003575; text-decoration:none;  border:0px solid #003575;  float:left; margin:6px 8px 2px 2px;}
ul.arrow_gallery li a{ font-size:11px; color:#003575; text-decoration:none; float:left; padding:5px 3px 0 3px;}
ul.arrow_gallery li a:hover{ font-size:11px; color:#ffffff; text-decoration:none; background:#003575; float:left; padding:0 3px 0 3px;}
ul.arrow_gallery li.active{ font-size:11px; color:#ffffff; text-decoration:none; border:1; background:#003575;  padding:0 3px 0 3px;}
ul.arrow_gallery li.txt{ font-size:11px; color:#003575; text-decoration:none; float:left; padding:5px 3px 0 3px;}

.boxgrey2-665w {width:663px; margin: 8px 0 0 0; border:1px solid #003575; border-bottom:0; position:relative; background-color:#f3f3f3; height:40px; padding-top:0}
.boxgrey-665w {width:663px;  margin: 8px 0 0 0; border:1px solid #dddddd; border-bottom:0; position:relative; background-color:#f3f3f3; height:40px; padding-top:0}/*all the 663 width boxes*/
.boxgrey-665w-featured {width:663px;  margin: 8px 0 0 0; border:1px solid #adadad; border-bottom:0; position:relative; background-color: #dddddd; height:40px; padding-top:0}
.alertbox_orange {border:3px solid #ffca8f; height:29px;  padding:5px 0 0 8px; position:relative; margin:0 0 3px 0}
.OrangeBold13 { font-size:13px; font-weight:bold; color:#ff811a; text-decoration:none; display: inline; right:0; }
.OrangeBold13 a { font-size:13px; font-weight:bold; text-decoration:none; color:#ff811a; }
.OrangeBold13 a:hover { font-size:13px; font-weight:bold; text-decoration:none; color:#0000ee;}

/*.OrangeBold12 { font-size:12px; font-weight:bold; color:#ff811a; text-decoration:none; display: inline; right:0; float:right; padding:4px 8px 0 0; position:absolute;}*/
.OrangeBold12 { font-size:12px; font-weight:bold; color:#ff4e1f; text-decoration:none; display: inline; right:0; float:right; padding:15px 15px 0 0;}
.OrangeBold12 a { font-size:12px; font-weight:bold; text-decoration:none; color:#ff4e1f; }
.OrangeBold12 a:hover { font-size:12px; font-weight:bold; text-decoration:none; color:#0000ee;}

/*Suqare Banner 300x250*/
#b300_250{width:300px; float:right; margin-bottom:20px;}
.b300_250{width:300px; float:right; margin-bottom:20px;}

/*Suqare Banner 300x250*/
#b160_600{height:600px; width:160px; float:right; margin-bottom:20px}
.box-160w{width:158px; border:1px solid #dddddd; margin-bottom:12px}
.box-160w-sub{width:158px; border-bottom:1px solid #dddddd; padding:10px 0 5px 0; display:inline-block}

/*Featured Property TAB*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {display: none;}}

/*Hide useless elements in print layouts*/
@media print {.ui-tabs-nav {display: none;}}

/*Skin*/
.ui-tabs-nav, .ui-tabs-panel {font-family: Arial, Verdana, Times, Verdana, Times, sans-serif; font-size: 12px;}
.ui-tabs-nav {list-style: none; margin: 0; padding: 0 0 0 4px;}
.ui-tabs-nav:after { display: block; clear: both; content: " ";/*clearing without presentational markup, IE gets extra treatment*/}
.ui-tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /*be nice to Opera*/}
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 10px; background: url(/images/common/tab.png) no-repeat;}
.ui-tabs-nav a { margin: 1px 0 0; /*position: relative makes opacity fail for disabled tab in IE*/ padding-left: 0; color: #555555; font-weight: bold;
				 line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /*required in IE 6 */ outline: 0; /*prevent dotted border in Firefox*/}
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #555555;}
.ui-tabs-nav a span { width: 70px; /*IE 6 treats width as min-width*/ min-width: 70px; height: 22px; /*IE 6 treats height as min-height*/ 
					  min-height: 18px; padding-top: 8px; padding-right: 0;}
*>.ui-tabs-nav a span { /*hide from IE 6*/ width: auto; height: auto;}
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited 
{ /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active 
{ /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40);}
.ui-tabs-panel { border-top: 1px solid #dddddd; padding: 1em 8px 5px 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
.ui-tabs-loading em { padding: 0 0 0 20px; background: url(/images/common/loading.gif) no-repeat 0 50%;}

/* Additional IE specific bug fixes*/
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block;}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    							   display: inline-block;}
								   
								   
/*Listing Gallery Map TAB*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs2-hide {display: none;}}

/*Hide useless elements in print layouts*/
@media print {.ui-tabs2-nav {display: none;}}



/*Skin*/

.ui-tabs2-nav, .ui-tabs2-panel {font-family: Arial, Verdana, Times, Verdana, Times, sans-serif; font-size: 14px;}
.ui-tabs2-nav {list-style: none; margin: 0; padding: 0 0 0 20px;}
.ui-tabs2-nav:after { display: block; clear: both; content: " ";/*clearing without presentational markup, IE gets extra treatment*/}
.ui-tabs2-nav li { float: left; margin: 0 2px 0 1px; min-width: 84px; /*be nice to Opera*/}
.ui-tabs2-nav a, .ui-tabs2-nav a span { display: block; padding: 0 10px; background: url(/images/common/tab.png) no-repeat;}
.ui-tabs2-nav a { margin: 1px 0 0; /*position: relative makes opacity fail for disabled tab in IE*/ padding-left: 0; color: #555555; font-weight: bold;
				 line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /*required in IE 6 */ outline: 0; /*prevent dotted border in Firefox*/}
.ui-tabs2-nav .ui-tabs2-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #555555;}
.ui-tabs2-nav a span { width: 90px; /*IE 6 treats width as min-width*/ min-width: 75px; height: 22px; /*IE 6 treats height as min-height*/ 
					  min-height: 22px; padding-top: 10px; padding-right: 0;}
*>.ui-tabs2-nav a span { /*hide from IE 6*/ width: auto; height: auto;}
.ui-tabs2-nav .ui-tabs2-selected a span { padding-bottom: 1px;}
.ui-tabs2-nav .ui-tabs2-selected a, .ui-tabs2-nav a:hover, .ui-tabs2-nav a:focus, .ui-tabs2-nav a:active {background-position: 100% -150px;}
.ui-tabs2-nav a, .ui-tabs2-nav .ui-tabs2-disabled a:hover, .ui-tabs2-nav .ui-tabs2-disabled a:focus, .ui-tabs2-nav .ui-tabs2-disabled a:active { background-position: 100% -100px;}
.ui-tabs2-nav .ui-tabs2-selected a span, .ui-tabs2-nav a:hover span, .ui-tabs2-nav a:focus span, .ui-tabs2-nav a:active span { background-position: 0 -50px;}
.ui-tabs2-nav a span, .ui-tabs2-nav .ui-tabs2-disabled a:hover span, .ui-tabs2-nav .ui-tabs2-disabled a:focus span, .ui-tabs2-nav .ui-tabs2-disabled a:active span { background-position: 0 0;}
.ui-tabs2-nav .ui-tabs2-selected a:link, .ui-tabs2-nav .ui-tabs2-selected a:visited, .ui-tabs2-nav .ui-tabs2-disabled a:link, .ui-tabs2-nav .ui-tabs2-disabled a:visited 
{ /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;}
.ui-tabs2-nav a:hover, .ui-tabs2-nav a:focus, .ui-tabs2-nav a:active,
.ui-tabs2-nav .ui-tabs2-deselectable a:hover, .ui-tabs2-nav .ui-tabs2-deselectable a:focus, .ui-tabs2-nav .ui-tabs2-deselectable a:active 
{ /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
.ui-tabs2-disabled { opacity: .4; filter: alpha(opacity=40);}
.ui-tabs2-panel { height:38px;  background: url(/images/common/tab-details-bg.png) no-repeat;
/* declare background color for container to avoid distorted fonts in IE while fading */}
.ui-tabs2-loading em { padding: 0 0 0 20px; background: url(/images/common/loading.gif) no-repeat 0 50%;}

/* Additional IE specific bug fixes*/
* html .ui-tabs2-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block;}
*:first-child+html .ui-tabs2-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    							   display: inline-block;}							   
.ui-tabs2-panel2 { height:38px;  background: url(/images/common/tab-details-bg2.png) no-repeat;}							   
		
	
/*Project of the Month*/		
.pro_month_box{ width:194px; height:47px; display:block; font-size:11px; color:#555555; padding:0 8px 0 8px}				   

/*For Rent Page*/
.iProp-forRent{padding:0 8px 0 8px;}
.iProp-areasearch{padding:0 8px 0 8px;}

ul.list-table{ float:left; color:#555555; font-weight:bold; text-decoration:none; width:515px; padding:6px 0 0 8px; height:21px; background-color:#f3f3f3; border:1px solid #dddddd; border-left:0;border-right:0;}
ul.list-table li { float:left; text-decoration:none; padding:0 0 0 8px}
ul.list-table li.header{width:160px; padding:0 0 0 0px;}
ul.list-table li.header2{width:97px; padding:0 0 0 0px;}

ul.list-table2{ float:left; color:#555555; text-decoration:none;  padding:6px 0 0 8px; height:13px}
ul.list-table2 li { float:left; text-decoration:none; padding:0 0 0 8px}
ul.list-table2 li.header{width:160px; padding:0 0 0 0px;}
ul.list-table2 li.header2{width:160px; padding:0 0 0 0px;}
ul.list-table2 li.header3{width:97px; padding:0 0 0 0px;}
ul.list-table2 li a {text-decoration:none; color: #003575; vertical-align:top}
ul.list-table2 li a:hover {text-decoration:none;  color: #0000ee;}

ul.list-recentsearch{ float:left; text-align:left; color:#555; font-weight:bold; text-decoration:none; width:440px; padding:5px 0 0 6px; height:20px; 
					  background-color:#f3f3f3; border:1px solid #dddddd; border-left:0; border-right:0;}
ul.list-recentsearch li { float:left; text-decoration:none; padding:0 0 0 8px; font-size:11px}
ul.list-recentsearch li.header{width:300px; padding:0 0 0 0px;}
ul.list-recentsearch li.header2{width:55px; padding:0 0 0 0px;}
ul.list-recentsearch li.header3{width:55px; padding:0 0 0 0px; float:right;}

ul.list-recentsearch2{ float:left; text-align:left; color:#555; text-decoration:none;  padding:6px 0 0 8px; height:20px; font-size:11px; width:440px; border-bottom:1px solid #ddd;}
ul.list-recentsearch2 li { text-decoration:none; padding:0 0 0 8px}
ul.list-recentsearch2 li.header{float:left; text-align:left; width:300px; padding:0 0 5px 0; list-style-position:inside;}
ul.list-recentsearch2 li.header2{float:left; text-align:left; width:82px; padding:0 0 5px 0; }
ul.list-recentsearch2 li.header3{float:left; text-align:left; width:50px; padding:0 0 5px 0; float:right; }
ul.list-recentsearch2 li a {text-decoration:none; color: #003575; vertical-align:top;}
ul.list-recentsearch2 li a:hover {text-decoration:none;  color: #0000ee;}

/*Featured Content*/
div#feature_content {width: 525px; height: 146px; margin: 0 auto; overflow: hidden; position: relative;}
div#feature_content ul { position: absolute; top: 0; list-style: none;	padding: 0; margin: 0;}
.featuredtab_title { margin: 0; padding: 9px 0 0 0; font-size: 14px;}
ul#tabsfeatured { left: 0; z-index: 2; width: 199px;}
ul#tabsfeatured li {font-size: 11px; font-family: Arial;}
ul#tabsfeatured li a {color: #222; text-decoration: none; width: 199px; display: block; padding: 0 0 0 12px; height: 49px; outline: none;
			  background:  url(/images/common/featured_tab.png) no-repeat; line-height:30px}
ul#tabsfeatured li a:hover {text-decoration: none; background:  url(/images/common/featured_tab_hover.png) no-repeat;}
ul#tabsfeatured li a.current {background:  url(/images/common/featured_tab_current.png); color: #FFF;}
ul#tabsfeatured li a.current:hover {text-decoration: none; cursor: default;}
ul#outputfeatured {right: 0; width: 314px; height: 215px; position: relative;}
ul#outputfeatured li {position: absolute; width: 314px; height: 215px;}
ul#outputfeatured li a {text-decoration:none;}

#featured_box{ width:310px; height:146px; background-image:url(/images/common/featured_content_maybank.gif); float:right}
.featured_box-1 { float:left;  padding:58px 0 0 15px}
.featured_box-2 {float:right; width:178px; padding:103px 0 0 0; font-size:10px;  text-align:center; color:#003575}
.featured_box-2 a{font-size:10px; line-height:11px; text-align:center; color:#003575}
.featured_box-2 a:hover{ font-size:10px; line-height:11px; text-align:center; color:#0000ee}

.article_box {width:300px; padding:10px 0 0 8px; height:120px; color: #555555;}
.virtual_box {width:90px; padding:15px 0 0 9px; float:left; margin:0; text-align:center}
.virtual_box img { padding:2px; color: #555555; border: 1px solid #dddddd;}
.virtual_box span{font-size: 11px; font-weight: normal; color:#003575; padding: 2px 0 0 0; }
.virtual_box-2 {width:304px; float:right; margin-top:13px; padding:0; border-top: dotted 1px #c8c8c8;}
.virtual_box-2 span{ float:right; padding:5px 12px 0 0; }
/*END Featured Content*/

/*property event*/
.propertyevent_box{width:258; height:79px; position:relative;  border-bottom: dotted 1px #c8c8c8;}
.calendar { width:53px; height:57px; background: url(/images/common/icons_sprite.png) no-repeat -155px -38px; position: relative; float:left; margin:5px 12px 0 10px;}/*sprite image*/
.calendar_month { font-size: 11px; font-family: Arial, Verdana, Times, Verdana, Times, sans-serif; color: #FFFFFF; font-weight: bold; padding:3px 0 0 16px} 
.calendar_date { color: #555555; font-family: Arial, Verdana, Times, Verdana, Times, sans-serif; font-size: 12px; font-weight: bold; padding:7px 0 0 12px; line-height:12px;}
.calendar_day { color: #555555; font-family: Arial, Verdana, Times, Verdana, Times, sans-serif; font-size: 9px; font-weight: none; padding:2px 0 0 8px;}
.latestevents-txt{font-size: 12px; padding: 2px 5px 0 0; width:175px; height:75px; color:#555555; float:left}


/*Radio Box*/
input.radiobox {float: left; margin: 0 5px 0 0; }
ul.radioboxopt {list-style:none; margin:8px 0 0 8px;}
ul.radioboxopt li {list-style:none; margin:5px 0 0 0;}




/*Button Sets*/
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */float: inherit;width:auto;margin-right:5px;}
a:link.buttonBlue , a:visited.buttonBlue , a:hover.buttonBlue , a:active.buttonBlue {
background: transparent url(/images/common/buttons/button_aBlue.png) no-repeat top left;
display: block; float: right; font: normal 11px arial, sans-serif; color:#FFFFFF;
font-weight:bold;
line-height: 16px; /* This value + 4px + 6px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 18px; /* Width of left menu image */
text-decoration: none;
margin-right: 3px;
}

a.buttonBlue span{
background: transparent url(/images/common/buttons/button_spanBlue.png) no-repeat top right;
display: block; line-height: 20px; padding: 4px 17px 6px 0; /*Set 11px below to match value of 'padding-left' value above*/
}


a:link.buttonBlue2 , a:visited.buttonBlue2 , a:hover.buttonBlue2 , a:active.buttonBlue2 {
background: transparent url(/images/common/buttons/button_aBlue.png) no-repeat top left;
display: block; float: left; font: normal 11px arial, sans-serif; color:#FFFFFF;
font-weight:bold;
line-height: 16px; /* This value + 4px + 6px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 18px; /* Width of left menu image */
text-decoration: none;
margin-right: 3px;
margin-left:7px
}

a.buttonBlue2 span{
background: transparent url(/images/common/buttons/button_spanBlue.png) no-repeat top right;
display: block; line-height: 20px; padding: 4px 17px 6px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.guides_tab {left: 0; cursor: pointer; display: block; height: 35px; width: 157px; background: url(/images/common/guides_tab.png)  no-repeat 0 0; float:left; margin-top:10px}
.guides_tab:hover { background-position: -15px 0;}
.guides_tab2 {left: 0; cursor: pointer; display: block; height: 35px; width: 157px; background: url(/images/common/guides_tab.png)  no-repeat 0 -35px; float:left; margin-top:10px}
.guides_tab2:hover { background-position: -15px -35px;}
.guides_tab3 {left: 0; cursor: pointer; display: block; height: 35px; width: 157px; background: url(/images/common/guides_tab.png)  no-repeat 0 -70px; float:left; margin-top:10px}
.guides_tab3:hover { background-position: -15px -70px;}



/*SLIDER*/
.slider-wrap								{ width: 488px; position: absolute; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 488px; height: 255px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; position: relative; width: 488px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border-right: 1px solid white; border-left: 1px solid white;}
#movers-row									{ margin: -22px 0 0 82px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(/images/transpBlack.png); padding: 5px 10px 10px 10px; height: 32px;  position: relative; z-index: 9999; color: white;}
.photo-meta-data span 						{ font-size: 12px; }
.cross-link									{ display: block; width: 82px; margin-top:-33px; position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(/images/icon-uparrowsmallwhite.png) top center no-repeat;}



/*recent search floating box*/
#floatMess {position:absolute; top:200px; float: right; right:175px; width:320px; height:323px; border:2px solid #4d9339; background-color:#fff; color:#ccc; padding:0; text-align:left; z-index:1000}
#close_message{float:right; cursor:pointer; z-index:1000; position:relative;  width:24px; height:24px; }

/*---------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------*/
#popularLinks {width: 1000px; position:relative; padding:50px 0 0 0; display:inline-block}
.box-970w {width:970px;  border:0px solid #dddddd; margin-left: 15px; padding:20px 0 5px 0px; float:left; border-bottom: dotted 1px #c8c8c8;}/*all the 970 width boxes*/
.footer_title_grey12{ font-size: 12px; font-weight: bold; color:#555555; float:left;}

ul.footer-list{list-style:none; line-height:13px; color:#aaaaaa; line-height:18px; float:left; padding:10px 0 0 100px;}
ul.footer-list li a{ font-size:11px; color:#aaaaaa; text-decoration:none;  float:left;  clear:both}
ul.footer-list li a:hover{font-size:11px; color:#0000ee; text-decoration:none; text-align:left}

.dotted-footer {border-bottom: dotted 1px #c8c8c8; display:block; padding-top:5px}

.footer {width: 1000px;	padding:50px 0 0 0; text-align: center; float:left; font-size:11px;}
.footer ul {margin: 0; padding: 0; list-style-type: none; }
.footer ul li { display: inline; }
.footer ul li a { text-decoration: none; border-right:1px solid #dfdfdf; margin-right: 5px; padding-right: 5px; position:relative; color: #aaaaaa}
.footer ul li a:hover { text-decoration:none; color:#0000ee}

#copyright { width:1000px; margin: 20px 0 30px 0; text-align: center;  float: left;  font-size:11px; color: #aaaaaa; text-decoration:none;}
#copyright a{font-size:11px; color: #aaaaaa; text-decoration:none}
#copyright a:hover { text-decoration:none; color:#0000ee}





/* Advertiser's Corner */
#acpanel1 { /*main image*/
  width: 840px;height: 251px;position: relative;float: left;
  background: #F1F2F2 url(/images/advertiser/achead.jpg) top left no-repeat;}
#acsubpgpanel1 { /*main image for sub pages*/
  width: 840px;height: 116px;position: relative;float: left;
  background: #F1F2F2 url(/images/advertiser/acsubhead.jpg) top left no-repeat;}
#acpanel2 { /*main image*/
  width: 840px;height: 500px;position: relative;float: left;margin: 0;}
#acmenuOLD { /*menu buttons*/
  width: 840px;height: 41px;position: relative;float: left;margin: 0;}
#acfindout {width: 100px;height: 60px;position: relative;float: right;margin: 56px 35px 0 0;font-weight: bold;text-align: center;}
#acsubfindout {width: 100px;height: 60px;position: relative;float: left;margin: 63px 0 0 210px;font-weight: bold;text-align: center;}
#aclogin {width: 514px;height: 91px;position: relative;margin: 126px 0 0 320px;background: url(/images/advertiser/acloginbg.jpg) top left no-repeat;}
#acsublogin {width: 514px;height: 91px;position: relative;margin: 15px 0 0 320px;background: url(/images/advertiser/acloginbg.jpg) top left no-repeat;}
#aclink1 {margin: 5px 0 0 10px;position: relative;float: left;}

#acbuttons { /*6 green button panels*/
  background: url(/images/advertiser/acpanel.png) top left no-repeat;width: 275px;height: 85px;position: relative;float: left;margin: 5px 5px 0 0px;}
#acsubmenu {float:right;width: 275px;position: relative;margin:20px 5px 0 0;}
#acsubbuttons { /*6 green button panels*/
  background: url(/images/advertiser/acpanel.png) top left no-repeat;
  width: 275px;height: 85px;position: relative;float: right;margin-bottom: 5px;}
#accontent {width: 530px;padding: 0;margin-top:20px;float: left;position: relative;}
TABLE.aclogin {width: 500px;border: 1px;padding: 0;margin-top:5px;float: right;}  
TABLE.acbuttons{width: 260px;margin-top:5px;margin-left: 10px;padding: 0;}   
#acpanelleft {width: 530px;float: left;position: relative;}
#buttons {float: left;}

.WhiteBold14{font-size: 14pt;font-weight: normal;color: #FFFFFF;}

.link4 {font-size:8pt; font-weight: normal; color:#000000; line-height:14px;}
a.link4{text-decoration:none}
a.link4:hover{text-decoration:underline;} 

.White9{font-size: 9pt;color: #FFFFFF;
}

a.White9, a.White9:visited {text-decoration:underline;color: #FFFFFF;}
a.White9:hover, a.White9:active{text-decoration:none;color: #FFFFFF;} 

a.link2{color:#002D6A;text-decoration:none;font-size:8pt; }
a.link2:visited{color:#002D6A;}
a.link2:hover{color:#002D6A; text-decoration:underline;} 

.OrangeBold12{ font-size: 12pt; font-weight: bold; color: #FF6600;}
a.OrangeBold12:visited {color: #FF6600;}
a.OrangeBold12:hover {color: #FF6600; text-decoration:underline;} 

.BlackBold8{font-size: 8pt;color: #000000;font-weight: bold;}

.search{font-size: 11px;color: #333333;}



/*---------------------------------------------------------------------
Start Previous common.css ELEMENTS
-----------------------------------------------------------------------*/

/* Copied from old common.css */
.PhotoMainCondo {width:  543px;height: 407px;}
.norm{font-size : 10pt;	color : Black;}
hr {border: 1px dotted #D6D6D6; margin-bottom: 3px; color: #707070;} 
.moreListings {padding-right:7px;font-size: 10px;color: #002D6A;}
.plain { padding: 10px;  height: 51%;  display: table;  font-weight: bold;  width:830px;}
.noofpages { float: right;   text-align: right;}
.prev {	padding:3px 5px;	margin-right:5px;	text-align:center;	font-size: 10px; color: #6D6F71; cursor: pointer;		float:right;}
.next {	padding:3px 5px;	margin-right:5px;	text-align:center;	font-size: 10px;	color: #002D6A;	cursor: pointer;	float:right;	}
.pageon {	padding:3px 5px;	margin-right:5px;	float:left;	text-align:center;	background:#002D6A;	font-size: 10px;
	color: #FFFFFF;	border:#002D6A solid 0.1pt;	cursor: pointer;	}
.page { padding:3px 5px;	margin-right:5px;	float:left;	text-align:center;	background:#FFFFFF;	font-size: 10px;
	color: #002D6A;	border:#002D6A solid 0.1pt;	cursor: pointer;	}
.ui-tabs-panel2 {border: 4px solid #c2cddb; padding: 9px;  margin-top: -3px;
    background: #EFF0F0 url(http://pictures2.iproperty.com.my/images/common/Mainsearch_bg1.jpg); /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-panel3 {border: 1px solid #c2cddb; padding: 0;  margin-top: 0;
    background: #EFF0F0 url(http://pictures2.iproperty.com.my/images/common/Mainsearch_bg1.jpg);
}
.small{	font-size : 8pt; color : Black;}
.tab5 { /*blue tab panel */
 background-image:url(http://pictures2.iproperty.com.my/images/common/subtabblue.png); margin-top:-5px; padding: 3px 7px 0 10px;height: 26px;}
 .tab5New { /*blue tab panel */background-image:url(http://pictures2.iproperty.com.my/images/common/subtabblue.png);	height:20px;	margin-top:-5px;	padding: 3px 7px 0 0px;}
 .White8{ font-size: 9pt; color: #FFFFFF;}
 a.White8, a.White8:visited {text-decoration:underline;color: #FFFFFF;}
a.White8:hover, a.White8:active{text-decoration:none;color: #FFFFFF;} 
.BlueBold11{ font-size: 11pt; font-weight: bold; color: #002D6A;}
h1 {font-size: 13pt; color:#004276; padding: 3px 0px 0px 2px;}
.BlackBold11{ font-size: 11pt; font-weight: bold; color: #000000;}
a {color:#004276;text-decoration:none;}
td.v-default {vertical-align: middle;}
.RedBold9{font-size: 9pt;color: #ED1C24;font-weight: bold;}
.RedBold10{ font-size: 10pt; color: #ED1C24; font-weight: bold;}
.icondo-linkssearch{ font-size: 9pt; color: #002D6A;  line-height:20px;  vertical-align:top;}
.iCondo{font-size:9pt;line-height:13px;text-align:justify;color:#FFFFFF;}
.iCondo_header{font-size:16px;color:#FFFFFF;}
.icondo-desc{ font-size: 9pt;  color: #000000;}
.icondo-title{  font-size: 9pt;  font-weight: bold;  color: #002D6A;}
.icondo-condotitle{ /*condo detail titles*/ font-size: 14pt;  font-weight: bold;  color: #002D6A;}
.col1_nodivider {	width:auto;	float:left;	font-size: 11px;	font-weight: bold;	line-height:16px;	color: #FFFFFF;}
.col2icondophoto {width: 20%;	float:right;	text-align:right;	background-image: url(http://pictures2.iproperty.com.my/images/common/white_bullet.png);
	background-repeat:no-repeat;	background-position:right;	font-size: 10px;	color: #ffffff;	vertical-align:middle;}
	.moreListings2 {	font-size: 10px;  color: #ffffff;	padding-right:20px;	text-align:right;	line-height:18px;
	background-image: url(http://pictures2.iproperty.com.my/images/common/white_bullet.png);	background-repeat:no-repeat;	background-position:right;}
.tab5icondo { /*blue tab panel , for icondo*/ background-color:#004b8e;	width: 100%; float: left; }
Table.ticondo { width: 157px;background: url(http://pictures2.iproperty.com.my/images/common/bg_image.png) top left no-repeat; margin: 0;} 
#panel3-leftCol {width: 545px; float: left;}
.panel-border2 { border: 1px solid #CCCCCC; padding-bottom: 15px; margin-bottom:15px;}
.ui-normal_panelReview { padding-right: 5px; background: #FFFFFF; }
.bluepanel_tab { height:24px;	max-height:22px;	background-color:#004b8e;	height:25px;	margin-top:-5px;	padding: 3px 7px 0 10px;}
.titleGreen{font-size: 11px;	color: #669933;	}
TD.TD-H-110{ height: 118px;}
TD.PADDING13{ padding-left:20px; padding-right:25px; padding-top:0px;  padding-bottom:0px;  text-align:left;}
TD.PADDING14{ padding-left:20px; padding-right:5px; padding-top:3px; padding-bottom:2px; text-align:left; vertical-align:top;}
TD.PADDING15{ padding-left:15px; padding-right:5px; padding-top:3px; padding-bottom:2px;  text-align:left; vertical-align:top;}
TD.PADDING16{ padding-left:10px; padding-right:5px; padding-top:3px; padding-bottom:2px; text-align:left; vertical-align:top;}
TD.PADDING16a{ padding-left:16px;  padding-right:5px;  padding-top:3px;  padding-bottom:2px;  text-align:left;  vertical-align:top;}
img.photoCondo {	border: none;  width: 125px;  height: 90px;  margin-left: 14px;  margin-right: auto;  margin-top: 3px;  }
#icondo_header{	text-align: center;	width: 840px;	height: 175px;
	background-image: url(http://pictures2.iproperty.com.my/images/common/icondo_header.png);	background-repeat: no-repeat;	background-position:center;}
#icondosearch_container{text-align: center;	width: 835px;	margin:auto;	height: 200px;	padding-top:10px; }
#icondo_searchbox{	width: 393px;	height: 200px;	margin: auto; padding: 0 10px;
background-image:url(http://pictures2.iproperty.com.my/images/common/icondosearch_bg.png);	background-repeat: no-repeat;	float:left;}
#icondo_searchbyname{	width: 393px;	height: 200px;	margin: auto; padding: 0 10px;	background-image:url(http://pictures2.iproperty.com.my/images/common/icondosearchbyname_bg.png);
background-repeat: no-repeat;	color:#333333;	font-size: 11px;	text-decoration:none;	text-align:left; float:right;}
#panel-registration{width:545px;height:68px;background:url(http://pictures2.iproperty.com.my/images/common/bg-registration.gif) top left no-repeat;float:left;margin: 5px 0 5px 0;}  
#prcontent1{width: 460px;float:right;margin: 17px 0 0 0;text-align: left;}
#prcontent2{width: 460px;float:left;margin: 17px 0 0 0;text-align: left;}
#prcontent3{width: 195px;height: 130px;float:left;margin: 0 5px 0 0;text-align: left;background:#29367B;padding: 3px;}     
.list-magazine {background-image: url(http://pictures2.iproperty.com.my/images/common/orange_bullet.png);	background-repeat: no-repeat;
	background-position: left;	padding-left:10px;	list-style:none;	text-decoration:none;	line-height:15px;}
.WhiteBold9{ font-size: 9pt; font-weight: bold; color: #FFFFFF;}
.moreListings1 {/*sits on black background/panel*/ padding-right:15px;font-size: 10px;color: #FFFFFF;}
.col2 {width: 35%;	float:right;	text-align:right;	background-image: url(http://pictures2.iproperty.com.my/images/common/blue_bullet.png);
	background-repeat:no-repeat;	background-position:right; padding-right:8px;	font-size: 10px;	color: #002D6A;}
.BlueBold9-magazine{ font-size: 9pt; font-weight: bold; color: #002D6A;}
table.TBL-W-706 {width: 706px;float: left;vertical-align: bottom;margin-top: 10px;}
.panel-1column { width: 700px; /*height: 260px;*/ position: relative; float: left;  border: 0px solid #CCCCCC;
  margin-bottom: 10px;  margin-top: -7px;}
  #divider { margin-left:5px;	background-image: url(http://pictures2.iproperty.com.my/images/common/divider-v.gif);background-repeat:repeat-y;
	background-position:centre; width: 10px;	max-width: 15px;	height:1450px;	max-height: 200%;	float:left;	position:relative;	}
	.body_title {	font-size: 11px; color: #002D6A;}
.body_title a { text-decoration: none;}
.OrangeBold8{ font-size: 8pt; font-weight: bold; color: #FF6600;}
#bluepanel_tab {height:24px;max-height:22px;background: url(http://pictures2.iproperty.com.my/images/common/subtabblue.png);}
.WhiteBold8{font-size: 8pt;font-weight: bold;color: #FFFFFF;}
.tab5My { /*blue tab panel */margin-top:0px;padding: 3px 7px 0 10px;text-align: top;height: 20px;}
.table-title {padding-left:5px;padding-top:3px;padding-bottom:3px;font-family:Segoe UI, Verdana, Arial;text-align:center;vertical-align:middle;font-weight:bold;color:#0478c1;background-color:#dae8fb;border-left:solid 1px #e9f7fb; border-right:solid 1px #e9f7fb; border-bottom: solid 1px #e9f7fb;border-top: solid 1px #e9f7fb;}
.table-content {padding-left:5px;padding-top:3px;padding-bottom:3px;font-family:Segoe UI, Verdana, Arial;text-align:center;vertical-align:middle;color:#747475;background-color:#e7f1fc;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom: solid 1px #ffffff;border-top: solid 1px #ffffff;}
.normal {	font-size: 9pt;	color: #333333;}
.panel3-rightCol { width: 280px; float: right; margin: 7px 2px 0 0;}
.list_desc {font-size: 9px;	color: #666666;	padding-left:10px;	line-height:15px;}
/* New style rules */
strong{font-weight: bold;}
/*p{margin: 13px 0;}*/
.pspace{margin: 13px 0;}
table.norm td{padding:5px;}
ul.norm{list-style: disc; margin-left: 26px; padding-left: 13px;font-size:inherit;}
ol.norm{list-style: decimal; margin-left: 26px; padding-left: 13px;font-size:inherit;}
.feedbackform table{margin:13px auto; background: #f7f7f7;border:1px solid #000;}
.feedbackform td{padding:10px;}
.feedbackform input{padding:2px;}
h5 a{text-decoration:none;}
.plain a{text-decoration:none;color:#004276;}
.aclogin input{padding:2px;}
.aclogin select{padding:1px;}
#accontent ul{margin:12px 0;}
#accontent p{padding:0;}
#accontent .BlueBold9{padding-left:0;}
#accontent .BlueBold9 a{padding-left:0;}
#acpanelleft td{padding:3px;}
#acpanelleft input{padding:2px;}
#acpanelleft input[type=radio]{margin:3px 5px;}
#acpanelleft select{padding:1px;}
#icondo_searchbox input,#icondo_searchbox select{padding:2px;}
.mag-paysub input,.mag-paysub select{padding:2px;}
#listing_container{margin:0 6px;}
.alphaList {  cursor: pointer;  margin-left: 4px;  margin-right: 4px;  text-decoration: underline;  font-weight: normal;  float: left;}
a:link.buttonOrange , a:visited.buttonOrange , a:hover.buttonOrange , a:active.buttonOrange {
background: transparent url(http://pictures2.iproperty.com.my/images/common/buttons/button_aOrange.png) no-repeat top left;
display: block; float: left; font: normal 11px arial, sans-serif; color:#FFFFFF; font-weight:bold;
line-height: 16px; /* This value + 4px + 6px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 26px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}

a.buttonOrange span{
background: transparent url(http://pictures2.iproperty.com.my/images/common/buttons/button_spanOrange.png) no-repeat top right;
display: block; line-height: 20px;
padding: 4px 22px 6px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
.GreyBold8{ font-size: 8pt; font-weight: bold;  color: #1A1A1A;}

/* Placeholder Landing page*/
.home-content{ overflow:hidden; margin:0 0 32px}
.rounded-box{ padding:8px 0 0 20px; width:254px; float:left }
.rounded-inner-box{ padding:0 0 8px}
.mid-rounded-box{ border-right:0px solid #e5e5e5; padding:15px 0; background:url(http://pictures2.iproperty.com.my/images/common/papper.jpg)  no-repeat bottom;}
.mid-rounded-box ul{ }
.mid-rounded-box ul li{ margin:8px 0; list-style:none; margin-left:40px}
.mid-rounded-box ul li a{ color:#404040; font-weight:bold;}
/*end*/

/* Grid Paging Element */
#size { float: right; height: 17px; line-height: 17px;}
.size { border: 1px Solid #000; cursor: pointer; margin-left: 2px; margin-right: 2px; line-height: 15px;
  font-size: 11px; width: 26px;  float: left;  text-align: center;  color: #FFF;  background-color: #0066CC;}
.size:hover {  color: #333;}
.sizeon { border: 1px Solid #000;  cursor: pointer;  margin-left: 2px;  margin-right: 2px;  line-height: 15px;
  font-size: 11px;  width: 25px;  float: left;  text-align: center;  font-weight: bold;  color: #FFF;  background-color: #333;}
.totalfound {  float: left;  text-align: left;}
Table.findbypopularity {
    background: url("http://pictures2.iproperty.com.my/images/common/findbypopularity_panel.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 10px;
    height: 104px;
    line-height: 23px;
    padding: 15px;
    width: 264px;
}
.White14 {
    color: #FFFFFF;
    font-size: 14pt;
}
/* ------------------ */

/* Dialog
----------------------------------*/
.ui-dialog {position: relative; padding: .2em; width: 300px; background-color:#ffffff; }
.ui-dialog .ui-dialog-titlebar {background-color:#565759; padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog .ui-dialog-titlebar-close { background:url(http://pictures2.iproperty.com.my/images/dialog/my-title-close.gif) no-repeat; margin: 2px 2px 0px 0px; width: 16px; height: 16px;position:absolute;	top: 6px;	right: 7px;	cursor:pointer;}
.ui-dialog .ui-dialog-titlebar-close-hover { background:url(http://pictures2.iproperty.com.my/images/dialog/my-title-close.gif) no-repeat; margin: 2px 2px 0px 0px; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-resizable-n {cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background:#8cc63f }
.ui-dialog .ui-resizable-s {cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background:#565759;  }
.ui-dialog .ui-resizable-e {cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%;   background:#565759; }
.ui-dialog .ui-resizable-w {cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%;  background:#565759; }
.ui-dialog .ui-resizable-ne {cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px;background:#565759; }
.ui-dialog .ui-resizable-se {cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px;   }
.ui-dialog .ui-resizable-sw {cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px;}
.ui-dialog .ui-resizable-nw {cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px;  background:#565759; }
.ui-dialog .ui-dialog-buttonpane button { margin-bottom:4px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*=== End ui.dialog.css ===*/

/*=== Start ui.resizable.css ===*/

/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/*=== End ui.resizable.css ===*/

.hd5 {font-size:1em; font-weight:normal; font-style:normal; font-size: 12px; font-weight: bold; color:#002D6A;}

/* Old Searchbox Skin */
.ui-tabs2-panel-old {border: 4px solid #c2cddb;padding: 5px;margin-top: 0px;background: #EFF0F0 url(http://pictures2.iproperty.com.my/images/common/Mainsearch_bg1.jpg);margin-bottom:15px;}
Table.searchTBL {width: 545px;height: 145px;border-collapse: collapse; /*to remove all cell padding from all tables */
  font-weight: bold; border: 0px solid black; margin: 0; padding: 0; }
/*---------------------------------------------------------------------
End Previous common.css ELEMENTS
-----------------------------------------------------------------------*/


.mapListContnr {
    display: block;
    float: left;
    height: 609px;
    overflow: auto;
    position: relative;
    width: 232px;
    margin: 47px 0 0 0;
}

.loader { position: relative; background: url(http://pictures2.iproperty.com.my/images/loadingAni.gif) no-repeat center center;
  height: 16px; width: 16px; top: 0; left: 0;}


/*---Start Jslider style---*/
#gallery_container { background-color:#f5f5f5; border:1px solid #e0dfdf; margin-right:2px}

.lof-slidecontent, .lof-slidecontent a {
	color:#FFF;	
	width: 533px;
}
.lof-slidecontent a.readmore{
	color:#58B1EA;
	font-size:95%;
	
}
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
	margin: 0 auto;
	text-align: center;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
	background:#FFF
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	/*background:transparent url(/images/common/load-indicator.gif) no-repeat scroll 50% 50%;*/
}
.lof-main-outer{
	position:relative;
	height:400px;
	width:533px;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:350px;
	/*background:url(/images/common/bg_trans.png);*/
	height:100px;
	/* filter:0.7(opacity:60) */
	padding:10px;
}
.lof-main-item-desc p{
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3{
	padding:0;
	margin:0
}
.lof-main-item-desc h2{
	padding:0;
	margin:15px 0 0 0px;
}
.lof-main-item-desc h3 a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-main-item-desc h3 a:hover{

	text-decoration:underline;
}
.lof-main-item-desc h3 i {
	font-size:70%;
}

/* main flash */
ul.gallery{
	/* margin-right:auto; */
	overflow:hidden;
	/*background:transparent url(/images/common/load-indicator.gif) no-repeat scroll 50% 50%;*/
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
}

ul.gallery li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	float:left;
	position:relative;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.gallery li img{
	padding:0px;	
}

/* item navigator */
.lof-navigator-wapper {
	position:relative;
	margin-left:25px;
	/*background:url(/images/common/transparent_bg.png) repeat;*/
	padding:10px 0 10px 0;
}
.lof-navigator-outerGallery, .lof-navigator-outer{
	position:relative;
	z-index:100;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
ul.lof-navigatorGallery, ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigatorGallery li, ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;

}
ul.lof-navigatorGallery li img, ul.lof-navigator li img{
	border:#f5f5f5 solid 2px;	
}
ul.lof-navigatorGallery li.active img, ul.lof-navigator li.active img, ul.lof-navigatorGallery li:hover img, ul.lof-navigator li:hover img {
	border:#003675 solid 2px;
}

.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
    margin-top: 5px;
	display:block;
	width:37px;
	height:36px;
	color:#FFF;
	cursor:pointer;

}
.lof-navigator-wapper .lof-next {float:left; text-indent:-999px; margin-right:5px; background:url(/images/common/arrow.png) no-repeat 0 0;}
.lof-navigator-wapper .lof-next:hover {background-position: 0 -36px;}
.lof-navigator-wapper .lof-previous {float:left; text-indent:-999px; margin-left:5px; background:url(/images/common/arrow.png) no-repeat 0 -72px;}
.lof-navigator-wapper .lof-previous:hover {background-position: 0 -108px;}

 /*---End Jslider style---*/
 
 /*--Image Overlay Archive Listing--*/
 div.imageOverlay{background: url(/images/semiTransparentOverlay.png) repeat 0 0;position: absolute;bottom: 0;
			left: 0;width: 100%;text-decoration: none;}
.ie div.imageOverlay{background-image: none;background-color: #666;	zoom: 1;}
.ie6 div.imageOverlay{height: 1%;}
div.imageOverlay a{	color: #fff;display: block;	text-decoration: none;padding: 2px 5px;	zoom: 1;}
div.imageOverlay h3	{margin-bottom: 0;}
div.imageOverlay p{color: #fff;	margin: 0 5px 5px 5px;}
		
 /*--End Image Overlay Archive Listing--*/
 
 /*--Google map static map--*/

		
#map{cursor:pointer;}
#map_overlay{position:absolute; background-color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.85; filter:alpha(opacity=85); -moz-opacity:0.85;
              padding:8px; width:250px; top:160px; left:135px; color:#fff; text-align:center; text-decoration:underline}
#map_overlay p{ margin:0; font:bold 12px arial}
 /*--End Google map static map--*/


/*=== Start jcarousel featured skin ===*/
.jcarousel-agentcontainer{position: relative;  height:163px; margin-left:3px}
.jcarousel-maincontainer{position: relative;  height:215px; margin-left:3px}
.jcarousel-skin-mainfeatured { width: 660px;  border:0px solid #000 }
.jcarousel-skin-featured { width: 620px; margin-left:auto; margin-right:auto;}
.jcarousel-skin-listing1 { width: 400px; margin-left:auto; margin-right:auto;}
/*Small Horizontal Buttons*/
.jcarousel-next-horizontal { position: absolute; top: 183px; right: 2px; width: 24px; height: 21px; cursor: pointer; background: transparent url(/images/common/icons_sprite.png) no-repeat -211px 0;}/*sprite image*/
.jcarousel-next-horizontal:hover {background-position: -211px -21px;}
.jcarousel-next-horizontal:active {background-position: -211px 0;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 0;}

.jcarousel-prev-horizontal { position: absolute; top: 183px; left: 443px; width: 24px; height: 21px; cursor: pointer; background: transparent url(/images/common/icons_sprite.png) no-repeat -211px -42px;}/*sprite image*/
.jcarousel-prev-horizontal:hover { background-position: -211px -63px;}
.jcarousel-prev-horizontal:active { background-position: -211px -42px;}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 0;}

/*Big Horizontal Buttons*/
.jcarousel-next-big-horizontal { display: block; height: 36px; width: 37px; background: url(/images/common/arrow.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 37px; cursor: pointer; outline: 0; background-position: 0 0; right: 0;}
.jcarousel-next-big-horizontal:hover { background-position: 0 -36px;}
.jcarousel-prev-big-horizontal { display: block; height: 36px; width: 37px; background: url(/images/common/arrow.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 37px; cursor: pointer; outline: 0; background-position: 0 -72px; left: 0;}
.jcarousel-prev-big-horizontal:hover { background-position: 0 -108px;}

.FeatProp_container {float:inherit; border:0px solid #000} 
.FeatProp_desc { width:160; padding-left:4px; text-align:left; } 
.FeatProp_bg {margin: 0;} 
img.photo {  border: none; width:207px; margin-right:10px}
img.newdevphoto {  border: none; width:245px; margin-right:10px}


/*sprite image*/
.top_icon_android{cursor: pointer; display: block; height: 14px; width: 12px; background: url(/images/common/icons_sprite.png)  no-repeat 0 -154px; float:left; margin-right:3px}
.top_icon_mobile{cursor: pointer; display: block; height: 14px; width: 12px; background: url(/images/common/icons_sprite.png)  no-repeat 0 -122px; float:left; margin-right:3px}
.top_icon_blog{cursor: pointer; display: block; height: 14px; width: 12px; background: url(/images/common/icons_sprite.png)  no-repeat 0 -138px; float:left; margin-right:3px}
.top_icon_iphone{cursor: pointer; display: block; height: 14px; width: 12px; background: url(/images/common/icons_sprite.png)  no-repeat 0 -105px; float:left; margin-right:3px}
.top_icon_ipad{cursor: pointer; display: block; height: 14px; width: 12px; background: url(/images/common/icons_sprite.png)  no-repeat 0 -89px; float:left; margin-right:3px}
.top_icon_adv{cursor: pointer; display: block; height: 14px; width: 13px; background: url(/images/common/icons_sprite.png)  no-repeat 0 -73px; float:left; margin-right:3px}

/*myiprop*/
.icon_signin{cursor: pointer; display: block; height: 13px; width: 15px; background: url(/images/common/icons_sprite.png)  no-repeat -17px -92px; float:left; margin-right:3px}
.icon_register{cursor: pointer; display: block; height: 13px; width: 15px; background: url(/images/common/icons_sprite.png)  no-repeat -17px -108px; float:left; margin-right:3px}
.icon_manigfied{cursor: pointer; display: block; height: 12px; width: 13px; background: url(/images/common/icons_sprite.png)  no-repeat -17px -124px; float:left; margin-right:3px}
.icon-myiproparrow{cursor: pointer; display: block; height: 8px; width: 11px; background: url(/images/common/icons_sprite.png)  no-repeat -19px -139px; float:right; margin-top:4px}

/*Flag*/
.hk_flag{cursor: pointer; display:block; height: 13px; width: 17px; background: url(/images/common/icons_sprite.png) no-repeat -22px 0; float:left; margin-top:3px}
.sg_flag{cursor: pointer; display:block; height: 13px; width: 17px; background: url(/images/common/icons_sprite.png) no-repeat -22px -13px; float:left; margin-top:3px}
.my_flag{cursor: pointer; display:block; height: 13px; width: 17px; background: url(/images/common/icons_sprite.png) no-repeat -22px -26px; float:left; margin-top:4px}
.india_flag{cursor: pointer; display:block; height: 13px; width: 17px; background: url(/images/common/icons_sprite.png) no-repeat -22px -39px; float:left; margin-top:4px}
.phli_flag{cursor: pointer; display:block; height: 13px; width: 17px; background: url(/images/common/icons_sprite.png) no-repeat -22px -52px; float:left; margin-top:4px}
.iprop_flag{cursor: pointer; display:block; height: 13px; width: 17px; background: url(/images/common/icons_sprite.png) no-repeat -22px -65px; float:left; margin-top:4px}
.indo_flag{cursor: pointer; display:block; height: 13px; width: 17px; background: url(/images/common/icons_sprite.png) no-repeat -22px -78px; float:left; margin-top:4px}

/*Searchbox*/
.arrow_down{cursor: pointer; display:block; height: 13px; width: 19px; background: url(/images/common/icons_sprite.png) no-repeat -126px -188px; vertical-align:text-top; float:right}
.current_btn {float:right; margin:3px 15px 0 0; cursor: pointer; display:block; height: 36px; width: 44px; background: url(/images/common/icons_sprite.png) no-repeat -154px -99px;}
.cimblogo{cursor: pointer; display:block; height: 19px; width: 120px; background: url(/images/common/icons_sprite.png) no-repeat 0 -185px; float:left; }

/*what's news*/
.icon-sidebar-question{cursor: pointer; display:block; height: 17px; width: 17px; background: url(/images/common/icons_sprite.png) no-repeat 0 0; float:left; margin:0px 5px 30px 0}
.icon-sidebar-video{cursor: pointer; display:block; height: 16px; width: 16px; background: url(/images/common/icons_sprite.png) no-repeat 0 -18px; float:left; margin:0px 5px 30px 0}
.icon-sidebar-android{cursor: pointer; display:block; height: 17px; width: 16px; background: url(/images/common/icons_sprite.png) no-repeat 0 -36px; float:left; margin:0px 5px 30px 0;}
.icon-sidebar-tools{cursor: pointer; display:block; height: 16px; width: 14px; background: url(/images/common/icons_sprite.png) no-repeat 0 -55px; float:left; margin:0px 5px 30px 0}

/*Amenities*/
.map_pic_search{margin-left:25px; width:203px; height:140px; float:left; background:url(/images/common/image_sprite.png) no-repeat -495px -441px;}/*sprite image*/
.transbox{ background:url(/images/common/image_sprite.png) no-repeat 0 -441px; width: 440px; height: 92px; float:left;  position:absolute; right:0; margin:15px 17px 0 0; padding:15px 15px 15px 25px}/*sprite image*/
.amenities_box{font-size:12px; color:#555; width:146px; float:left;}
.amenities_box span{font-size:12px; color:#003575; height:20px; margin-top:15px; display:block}
.amenities_box span:hover {color:#0000ee}
.schools_icon{background:url(/images/common/icons_sprite.png) no-repeat -44px 0; width:28px; height:32px; float:left;}
.transportation_icon{background:url(/images/common/icons_sprite.png) no-repeat -72px 0; width:28px; height:32px; float:left}
.shopping_icon{background:url(/images/common/icons_sprite.png) no-repeat -100px 0; width:28px; height:32px; float:left}
.place_eat_icon{background:url(/images/common/icons_sprite.png) no-repeat -128px 0; width:28px; height:32px; float:left}
.hospitals_icon{background:url(/images/common/icons_sprite.png) no-repeat -156px 0; width:28px; height:32px; float:left}
.worship_icon{background:url(/images/common/icons_sprite.png) no-repeat -184px 0; width:28px; height:32px; float:left}

/*iProp Eveywhere*/
.icon_email{background:url(/images/common/icons_sprite.png) no-repeat -45px -38px; width:32px; height:44px; float:left}
.icon_rss{background:url(/images/common/icons_sprite.png) no-repeat -80px -38px; width:32px; height:44px; float:left}
.icon_twitter{background:url(/images/common/icons_sprite.png) no-repeat -115px -38px; width:32px; height:44px; float:left}
.icon_share{background:url(/images/common/icons_sprite.png) no-repeat -45px -88px; width:32px; height:44px; float:left}
.icon_facebook{background:url(/images/common/icons_sprite.png) no-repeat -80px -88px; width:32px; height:44px; float:left}
.icon_iphone{background:url(/images/common/icons_sprite.png) no-repeat -115px -88px; width:32px; height:44px; float:left}
.icon_ipad{background:url(/images/common/icons_sprite.png) no-repeat -45px -138px; width:32px; height:44px; float:left}
.icon_blog{background:url(/images/common/icons_sprite.png) no-repeat -80px -138px; width:32px; height:44px; float:left}
.icon_android{background:url(/images/common/icons_sprite.png) no-repeat -115px -138px; width:32px; height:44px; float:left}	
.icon_camera{background:url(/images/common/icons_sprite.png) no-repeat -18px -150px; width:10px; height:10px; float:right; margin:4px 0 0 5px}		


/*maybank adv*/
.maybank_adv01{background:url(/images/common/image_sprite2.gif) no-repeat 0 0; width:134px; height:130px; float:left; margin-left:7px}
.maybank_adv02{background:url(/images/common/image_sprite2.gif) no-repeat -134px 0; width:169px; height:130px; float:left; }
.maybank_adv03{background:url(/images/common/image_sprite2.gif) no-repeat -319px 0; width:213px; height:130px; float:left; }

/*others*/
.btn_register{background:url(/images/common/image_sprite2.gif) no-repeat -312px -130px; width:161px; height:31px; margin:0 auto}
.icon_tools_bg{background:url(/images/common/image_sprite2.gif) no-repeat 0 -132px; width:298px; height:31px;  padding:8px 0 15px 13px; color:#003575;}
.icon_investmentguides_bg{background:url(/images/common/image_sprite2.gif) no-repeat 0 -188px; width:298px; height:31px;  padding:8px 0 15px 13px; color:#003575;}
.advertiser{background:url(/images/common/image_sprite2.gif) no-repeat -311px -164px; width:139px; height:83px;}
.IFRA_award{background:url(/images/common/image_sprite2.gif) no-repeat -477px -130px; width:120px; height:120px; margin-left:6px}

/*End sprite image*/



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/common/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/common/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/common/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/common/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/common/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/common/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/common/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/common/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/common/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/common/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/common/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/common/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/common/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/common/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/common/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/common/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/common/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/common/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/common/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/common/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/common/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/common/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*
 * jQuery UI Autocomplete 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */

	.ui-autocomplete {
		max-height: 300px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 300px;
	}	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.14
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	border: 1px solid #aaaaaa; background: #fff; font-weight: bold;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
	text-align:left;
	cursor:pointer;
	color:#000;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	background-color:#01489d; width:100%; color:#fff; font-weight:bold;
}