/* ****************************************************************** */
/*
StayCity Site Template v3.0
CSS Page: Landing Pages v0.5
*/
/* ****************************************************************** */


/* ****************************************************************** */
/* SECTION :  PAGE HEADER */
/* ****************************************************************** */

h1 {
	font-size : 140%;
	padding : 8px 10px;
	background : url(../../images/common/main-heading-bg-grad.gif) repeat-x top;
}
h1 strong {
	/*color : #FC6F39;*/
	color : #5F5F5F;
}

/* Price Badge */

div.price-badge {
	width : 140px;
	height : 140px;
	position : absolute;
	top : 35px;
	right : 0;
	z-index : 101;
}
div.price-badge img {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 102;
}
div.badge-text {
	position : absolute;
	top : 30px;
	left : 0;
	z-index : 103;
}
div.badge-text p {
	text-align : center;
	color : White;
	margin : 0;
	line-height : 110%;
	width : 135px;
	font-weight : bold;
}
div.badge-text p.price {
	font-size : 220%;
	letter-spacing : -2px;
	line-height : 90%;
}
div.badge-text p.price span {
	font-size : 70%;
}

/* Image Rotator height tweak for landing pages */

#type-landing div.main-image-rotator {
	height : 272px;
}
#type-landing div.main-image-rotator div.usp {
	height : 272px;
}


/* ****************************************************************** */
/* SECTION :  LANDING PAGE GENERIC TEXT */
/* ****************************************************************** */

div.intro {
	margin : 20px 20px 20px 20px;
}
div.intro h2 {
	font-size : 110%;
	color : #4D4D48;
}
div.intro h2 strong {
	/*color : #FC6F39;*/
	color : #5F5F5F;
}
div.intro h3 {
	font-size : 110%;
	/*color : #FC6F39;*/
	color : #5F5F5F;
	margin : 20px 0 10px 0;
}
div.recommended-apts h3 strong {
	color : #FC6F39;
}
ul.ticks li {
	background : url(../../images/utility/icons/icon-tick.gif) no-repeat 0 3px;
	padding : 0 0 7px 25px;
	border-bottom : 1px solid #F1F1E7;
}
img.type-detail {
	float : right;
	margin : 0 0 5px 10px;
	border : 3px solid #D3D3BB;
}

/* ****************************************************************** */
/* SECTION :  RECOMMENDED APARTMENTS */
/* ****************************************************************** */

div.center-content {
	margin : 20px;
}

/* Tabs */

ul.tabs {
	float : left;
	display : none;
	margin : 20px 0 0 0;
	width : 614px;
}
ul.tabs li {
	float : left;
	padding : 0;
	margin : 0 1px 0 0;
	text-align : center;
}
ul.tabs li a:link,
ul.tabs li a:visited {
	background-color : #F1F1E7;
	display : block;
	color : #4D4D48;
	padding : 7px 15px;
	line-height : 120%;
	font-weight : bold;
	outline : 0;
	border : 1px solid #D3D3BB;
	border-bottom : 0;
}
ul.tabs li a:hover,
ul.tabs li a:active {
	background-color : #FC6F39;
	color : White;
	text-decoration : none;
	border : 1px solid #FC6F39;
	border-bottom : 0;
}
ul.tabs li a:link.active,
ul.tabs li a:visited.active {
	background : #D3D3BB;
	color : #4D4D48;
	border : 1px solid #D3D3BB;
	border-bottom : 0;
}

/* Basic Tab Panel Setup */

div.tab-panel {
	clear : left;
	background : #F1F1E7;
	border : 3px solid #D3D3BB;
	margin : 0 0 20px 0;
	width : 610px;
	padding : 10px 0 0 0;
}
div.tab-panel h3 {
	padding : 10px 0 10px 10px;
	margin : -10px 0 10px 0;
	background : #D3D3BB;
}
p.tab-overview {
	background : #D3D3BB;
	padding : 10px;
}

/* Apartment Specfic Tab Panels */

div.facilities {
	width : 213px;
	float : right;
	background : #F1F1E7;
	margin : 0 0px 20px 0;
}
div.facilities img {
	border : 3px solid #D3D3BB;
	margin : 0 0 10px 10px;
}
div.apt-types {
	width : 387px;
	float : left;
	background : #F1F1E7;
	/*border-bottom : 1px solid #D3D3BB;*/
}
div.tab-panel h4 {
	padding : 10px 0 10px 10px;
	font-weight : bold;
	line-height : 100%;
	border-bottom : 1px solid #D3D3BB;
	margin : 0 0 10px 0;
}
div.tab-panel h5 {
	font-weight : bold;
	/*line-height : 100%;*/
	margin : 20px 0 10px 10px;
	font-size : 90%;
}
div.apt-types p,
div.facilities p {
	margin : 0 10px 10px 10px;
}
div.apt-overview {
	float : right;
	width : 125px;
}
div.apt-overview p {
	margin : 0 0 10px 10px;
}
p.apt-price span {
	color : #339900;
	font-size : 150%;
	font-weight : bold;
}
p.apt-price strong {
	color : #339900;
}


/* ****************************************************************** */
/* SECTION :  MAP */
/* ****************************************************************** */

div.map {
	border : 3px solid #d3d3bb;
	background : #F1F1E7;
	width : 400px;
	height : 350px;
	margin : 0 0 20px 0;
	float : right;
}

/* Text if JS not enabled */

div.map p.map-alert {
	text-align : center;
	margin : 60px 50px 0 50px;
	font-weight : bold;
}

/* Marker Item Setup */

div.map-locations {
	background : #F1F1E7;
	border : 3px solid #D3D3BB;
	border-right : 0;
	width : 207px;
	height : 350px;
	float : left;
}
div.map-locations h3 {
	padding : 7px;
	color : #4d4d48;
	background : #D3D3BB;
}

/* Marker Item List */

div.map-locations li {
	padding : 10px 0 0 25px;
	margin : 0 0 0 10px;
	background : no-repeat 0 13px;
}
div.map-locations li.map-a { background-image : url(../../images/utility/mapmarkers/marker-a.gif); }
div.map-locations li.map-b { background-image : url(../../images/utility/mapmarkers/marker-b.gif); }
div.map-locations li.map-c { background-image : url(../../images/utility/mapmarkers/marker-c.gif); }
div.map-locations li.map-d { background-image : url(../../images/utility/mapmarkers/marker-d.gif); }
div.map-locations li.map-e { background-image : url(../../images/utility/mapmarkers/marker-e.gif); }
div.map-locations li.map-f { background-image : url(../../images/utility/mapmarkers/marker-f.gif); }
div.map-locations li.map-g { background-image : url(../../images/utility/mapmarkers/marker-g.gif); }
div.map-locations li.map-h { background-image : url(../../images/utility/mapmarkers/marker-h.gif); }


/* ****************************************************************** */
/* SECTION :  SIDEBAR MODULES */
/* ****************************************************************** */

/* Setup */

div.sidebar-module {
	border : 3px solid #D3D3BB;
	margin : 20px 0 20px 20px;
	background : #F1F1E7;
	width : 282px;
}
div.sidebar-module h3 {
	padding : 7px;
	color : #4d4d48;
	background : #D3D3BB;
}

/* Reviews */

div.review {
	border-bottom : 1px solid #D3D3BB;
	padding : 10px 10px 0 10px;
}
img.quote {
	float : left;
	margin : 5px 10px 0px 0;
}

/* Accordion */

div.sidebar-module ul.accordion {
	margin : 0;
	padding : 0;
}
div.sidebar-module ul.accordion li {
	margin : 0;
	padding : 0;
	border-bottom : 1px solid #D3D3BB;
	background : none;
}
div.sidebar-module ul.accordion li a:link,
div.sidebar-module ul.accordion li a:visited {
	background : transparent url(../../images/utility/bullets/bullet-plusminus.gif) no-repeat 9px 10px;
	display : block;
	color : #4D4D48;
	padding : 4px 0 3px 22px;
	outline : 0;
}
div.sidebar-module ul.accordion li a:hover,
div.sidebar-module ul.accordion li a:active {
	display : block;
	background : #FC6F39 url(../../images/utility/bullets/bullet-plusminus.gif) no-repeat 9px -90px;
	color : White;
	text-decoration : none;
}
div.sidebar-module ul.accordion li a.selected:link,
div.sidebar-module ul.accordion li a.selected:visited {
	background : transparent url(../../images/utility/bullets/bullet-plusminus.gif) no-repeat 9px -40px;
}
div.sidebar-module ul.accordion li a.selected:hover,
div.sidebar-module ul.accordion li a.selected:active {
	background : #FC6F39 url(../../images/utility/bullets/bullet-plusminus.gif) no-repeat 9px -140px;
	color : White;
}
div.sidebar-module ul.accordion li p {
	font-size : 100%;
	padding : 0 10px 10px 22px;
	margin : 0;
}





/* ****************************************************************** */
/* SECTION :  APARTMENTS */
/* ****************************************************************** */

a.gallery:link,
a.gallery:visited {
	border : 2px solid #D3D3BB;
	margin : 0 0 10px 10px;
	float : left;
}
a.gallery:hover,
a.gallery:active {
	border : 2px solid #FC6F39;
}
a.gallery img {
	width : 105px;
	height : 75px;
}

a.results-gallery:link,
a.results-gallery:visited {
	border : 2px solid #D3D3BB;
	margin : 2 2 2px 2px;
	float : left;
}
a.results-gallery:hover,
a.results-gallery:active {
	border : 2px solid #FC6F39;
}
a.results-gallery img {
	width : 160px;
	height : 50px;
}

body#type-apartments div.pp_pic_holder img {
	margin: 0 20px;
}





/* ****************************************************************** */
/* SECTION :  APARTMENT PAGE HEADERS */
/* ****************************************************************** */

div.apart-intro {
border-bottom:1px solid #D3D3BB;
border-top:1px solid #D3D3BB;
}
div.apart-intro-text {
float:left;
width:330px;
}
div.apart-intro h2 {
border-bottom:1px dotted #D3D3BB;
font-size:110%;
font-weight:bold;
line-height:120%;
margin:0 0 10px 10px;
padding:20px 20px 20px 0;
}
div.apart-intro p {
margin:10px;
}
div.apart-intro p.apart-price {
font-size:80%;
font-weight:bold;
}
div.facilities ul li {
background:transparent url(../../images/utility/bullets/bullet-disc.gif) no-repeat scroll 10px 8px;
padding:0 0 0 25px;
}