@charset "utf-8";

/*************************************************************
	2-campaign-layout.css
*************************************************************/

/*The path depends on DIR at targetHTML*/
body { behavior:url("/english/common/csshover3.htc"); }

sup {
	font-size: 77%;
	vertical-align: text-top;
}

.availability-note {
	margin-top: 5px;
	display: block;
}

ul.note {
	font-size: 65%;
	color: #333;
	float: left;
}

ul.note li {
	display: inline;
	margin-left: 10px;
}

ul.note li.first-item {
	margin-left: 0 !important;
}


/*************************************************
				mainconts
*************************************************/

.mainconts {
	padding-top: 40px;
}

.mainconts h2 {
	margin-bottom: 20px;
}

.mainconts .headline-description {
	font-size: 77%;
	line-height: 1.4;
	margin-bottom: 15px;
	width: 550px;
}

.mainconts .term-text {
	font-size: 100%;
	font-weight: bold;
	color: #ffe649;
	margin-bottom: 12px;
}

.mainconts .campaign-list-nav {
	width: 726px;
	margin-bottom: 30px;
}

.mainconts .campaign-list-nav li {
	float: left;
	display: inline;
	margin-left: 3px;
}

.mainconts .campaign-list-nav li.first-item {
	margin-left: 0;
}

.mainconts .campaign-list-nav li a {
	overflow: hidden;
}

.mainconts .campaign-list-nav li a,
.mainconts .campaign-list-nav li span {
	background-image: url(../images/campaign_nav.gif);
	width: 240px;
	height: 29px;
	display: block;
	text-indent: -9999px;
}

.mainconts .campaign-list-nav li.discounted-rent a {
	background-position: 0 0;
}

.mainconts .campaign-list-nav li.discounted-rent a:hover {
	background-position: 0 -29px;
}

#discounted-rent .mainconts .campaign-list-nav li.discounted-rent span {
	background-position: 0 -29px;
}

.mainconts .campaign-list-nav li.no-processing-fee a {
	background-position: 480px 0;
}

.mainconts .campaign-list-nav li.no-processing-fee a:hover {
	background-position: 480px -29px;
}

#no-processing-fee .mainconts .campaign-list-nav li.no-processing-fee span {
	background-position: 480px -29px;
}

.mainconts .campaign-list-nav li.free-rent a {
	background-position: 240px 0;
}

.mainconts .campaign-list-nav li.free-rent a:hover {
	background-position: 240px -29px;
}

#free-rent .mainconts .campaign-list-nav li.free-rent span {
	background-position: 240px -29px;
}

.mainconts .plan-area {
	width: 940px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 2px solid #ffe649;
}

.mainconts .plan-area .residence-name {
	display: block;
	margin-bottom: 3px;
}

.mainconts .plan-area .residence-name li {
	display: inline;
}

.mainconts .plan-area .residence-name h3 {
	background: url(../../common/images/arrow_horizontal.gif) no-repeat 0 50%;
	display:inline;
	vertical-align: bottom;
	padding: 0 0 3px 12px;
}

.mainconts .plan-area .residence-name h3 a {
	color: #ffe649;
	font-weight: bold;
}

.mainconts .plan-area .residence-name .address {
	clear: both;
	font-size: 77%;
	color: #333;
	margin-left: 10px;
}

.mainconts .plan-area .access {
	background: url(../../common/images/list_icon_disc_black.gif) no-repeat 0 0.35em;
	color: #333;
	padding-left: 11px;
	font-size: 77%;
}

.mainconts .plan-area .main-feature li {
	background: url(../../common/images/list_icon_disc_white.gif) no-repeat 0 0.35em;
	color: #fff;
	display: inline;
	padding-left: 11px;
	margin-right: 10px;
	font-size: 77%;
}

.mainconts .name-area {
	width: 717px;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-bottom: 5px;
	border-bottom: 2px solid #ffe649;
}

.mainconts .name-area .residence-name {
	display: block;
	margin-bottom: 3px;
}

.mainconts .name-area .residence-name li {
	display: inline;
}

.mainconts .name-area .residence-name h3 {
	background: url(../../common/images/arrow_horizontal.gif) no-repeat 0 50%;
	display:inline;
	vertical-align: bottom;
	padding: 0 0 3px 12px;
}

.mainconts .name-area .residence-name h3 a {
	color: #ffe649;
	font-weight: bold;
}

.mainconts .name-area .residence-name .address {
	clear: both;
	font-size: 77%;
	color: #333;
	margin-left: 10px;
}

.mainconts .name-area .main-feature li {
	background: url(../../common/images/list_icon_disc_white.gif) no-repeat 0 0.35em;
	color: #fff;
	display: inline;
	padding-left: 11px;
	margin-right: 10px;
	font-size: 77%;
}

.campaign_img {
	float: right;
	margin-right:10px;
}


/********************************************************
				Discounted Rent
********************************************************/

#discounted-rent .mainconts {
	padding-bottom: 40px;
}

#discounted-rent.listings-main-box {
	padding-top: 30px;
}

#discounted-rent.listings-main-box first-item {
	padding-top: 0 !important;
}

.listings-main-box .inquiry-btn {
	background: url(../images/campaign_inquiry_btn.gif) no-repeat 0 0;
	width: 62px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.listings-main-box .inquiry-btn:hover {
	background-position: 0 -30px;
}

.listings-main-box #back {
	
}

.listings-box {
	background: #bfc4ca;
	border: 10px solid #797b82;
	margin-bottom: 10px;
	border-collapse: inherit;
}

.listings-box .item {
}

.listings-box .first-list {
	border-left: none;
}

.listings-box .item .box:hover {
	background: #ffffff url(../images/campaign_box_bg_on.gif) no-repeat 0 0;
}

.listings-box .item .box {
	background: #ecedef url(../images/campaign_box_bg_off.gif) no-repeat 0 0;
	width: 443px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #797b82;
	border-left: 1px solid #797b82;
	vertical-align: top;
	display: block;
}

.building-item {
	padding-top: 10px;
	display: block;
}

.building-item h4 {
	color: #333;
	font-size: 85%;
	font-weight: bold;
	display: block;
	width: 210px;
}

.building-item h4 a {
	color: #333;
}

.building-item .img-area {
	float: left;
}

.img-area .building-img {
	margin-right: 15px;
	vertical-align: bottom;
}

.building-item .text-area {
	float: left;
}

.text-area {
	height: 156px;
	line-height: 1em;
	position: relative;
}

.text-area h4,
.text-area .title,
.text-area .value {
	color: #333;
}

.text-area .title {
	font-weight: bold;
	font-size: 68%;
	display: inline;
}

.text-area .value,
.text-area .pre-price {
	display: inline;
}

.element-type,
.element-rent,
.element-deposit,
.element-processing-fee,
.element-size {
	display: block;
}

.element-type .value,
.element-deposit .value,
.element-processing-fee .value,
.element-size .value {
	font-size: 68%;
}

.element-rent .value {
	font-size: 110%;
	color: #ba0000;
}

.element-rent .pre-price {
	font-size: 65%;
}

.element-size {
	margin-bottom: 15px;
}

.listings-sub-box {
	width:727px;
	padding-top: 30px;
}

.listings-sub-box first-item {
	padding-top: 0 !important;
}

.listings-sub-box .inquiry-btn {
	background: url(../images/campaign_inquiry_btn.gif) no-repeat 0 0;
	width: 62px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.listings-sub-box .inquiry-btn:hover {
	background-position: 0 -30px;
}

#discounted-rent .note li {
	float: left;
	margin-left: 0;
}

#discounted-rent .note .first-item {
	float: none;
	display: inherit;
}


/********************************************************
				No Processing Fee
********************************************************/

#no-processing-fee .mainconts {
	padding-bottom: 50px;
}

#no-processing-fee .listings-main-box {
	padding-top: 25px;
}

#no-processing-fee .mainconts .name-area {
	position: relative;
}

#no-processing-fee .mainconts .name-area .residence-name {
	padding-bottom: 5px;
}

#no-processing-fee .mainconts .name-area .main-feature {
	float: left;
}

#no-processing-fee .mainconts .name-area .main-feature li {
	line-height: 1.4;
}

#no-processing-fee .mainconts .name-area .main-feature li {
	float: left;
	display: inline;
}

#no-processing-fee .mainconts .name-area .main-feature li.first-item {
	float: none;
	display: inherit;
}

#no-processing-fee .mainconts .name-area .red {
	color: #ba0000;
	position: absolute;
	right: 72px;
	bottom: 0;
	margin-bottom: 5px;
}

#no-processing-fee .mainconts .name-area .inquiry-area {
	position: absolute;
	right: 62px;
	bottom: 0;
	margin-bottom: 5px;
}


/********************************************************
				Free Rent & No Processing Fee
********************************************************/

#free-rent .mainconts {
	padding-bottom: 50px;
}

#free-rent .listings-main-box {
	padding-top: 25px;
}

#free-rent .mainconts .name-area {
	position: relative;
}

#free-rent .mainconts .name-area .residence-name {
	padding-bottom: 5px;
}

#free-rent .mainconts .name-area .main-feature {
	float: left;
	width: 520px;
}

#free-rent .mainconts .name-area .main-feature li {
	line-height: 1.4;
}

#free-rent .mainconts .name-area .main-feature li {
	display: list-item;
}

#free-rent .mainconts .name-area .main-feature li.first-item {
}

#free-rent .mainconts .name-area .red {
	color: #ba0000;
	position: absolute;
	right: 72px;
	bottom: 0;
	margin-bottom: 5px;
}

#free-rent .mainconts .name-area .inquiry-area {
	position: absolute;
	right: 62px;
	bottom: 0;
	margin-bottom: 5px;
}