/* ****************************************************************** */
/*
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;
}
div.apart-intro {
	border-top : 1px solid #D3D3BB;
	border-bottom : 1px solid #D3D3BB;
}
div.apart-intro-text {
	width : 330px;
	float : left;
}
div.apart-intro h2 {
	padding : 0px 20px 20px 0;
	margin : 20px 0 10px 10px;
	border-bottom : 1px dotted #D3D3BB;
	font-size : 110%;
	font-weight : bold;
	line-height : 120%;
}
div.apart-intro li a:link,
div.apart-intro li a:visited {
	padding : 0 0 0px 16px;
	margin : 0 0 5px 0px;
	background : transparent url(../../images/utility/bullets/bullet-doublearrow-grey.gif) no-repeat scroll 0 5px;
}
div.apart-intro li a.selected:link,
div.apart-intro li a.selected:visited {
	color : #BB0900;
}




/* ****************************************************************** */
/* SECTION :  APARTMENT INDEX */
/* ****************************************************************** */

div.apartments {
	border-top : 1px solid #D3D3BB;
	padding : 0px 20px 40px 20px;
}

div.apt-detail {
	border-bottom : 1px solid #D3D3BB;
}

div.apt-detail div.col1 {
	width : 360px;
	float : left;
	padding : 0 0 20px 0;
	margin : 20px 20px 0px 0px;
	display : inline;
}
div.apt-detail div.col2 {
	width : 230px;
	float : left;
	padding : 0 0 20px 0;
	margin : 20px 0px 0px 0px;
	display : inline;
}
div.apt-detail div.col1 h3 {
	margin : 0 0 10px 0;
}
div.apt-detail div.col1 li {
	background : url(../../images/utility/icons/icon-tick.gif) no-repeat 0 5px;
	padding : 5px 0px 0px 22px;
	border-top : 1px dotted #C8C8AE;
}
div.apt-detail div.col2 img {
	border : 2px solid #C8C8AE;
	margin : 0 0 10px 0;
	float : left;
}
div.apt-detail .euro {
	color : #339900;
	font-size : 150%;
}
div.apt-detail .price {
	color : #339900;
	font-size : 200%;
}


/* ****************************************************************** */
/* SECTION :  LANDING PAGE INDEX */
/* ****************************************************************** */

div.landing-matrix {
	border-top : 1px solid #D3D3BB;
	padding : 20px 0px 0px 20px;
	width : 636px;
}
div.landing-type {
	width : 295px;
	float : left;
	margin : 0px 20px 20px 0;
	display : inline;
	padding : 0 0 20px 0;
	border-bottom : 1px dotted #D3D3BB;
	display : inline;
}
div.landing-type img {
	border : 2px solid #C8C8AE;
	margin : 0 0 10px 0;
}
div.landing-type h3 {
	font-size : 90%;
	line-height : 120%;
	margin : 0 0 5px 0;
	font-weight : bold;
}
div.landing-type h3 strong {
	/*color : #FC6F39;*/
	color : #5F5F5F;
}
ul.arrows li {
	background : url(../../images/utility/bullets/bullet-doublearrow-grey.gif) no-repeat 0 11px;
	padding : 5px 0 5px 16px;
	border-top : 1px dotted #D3D3BB;
}

div.all-landing {
	width : 600px;
}
div.all-landing h3 {
	margin : 0px 0 20px 0;
}

/* ****************************************************************** */
/* SECTION :  CALENDAR */
/* ****************************************************************** */

div.calendar {
	border-top : 1px solid #D3D3BB;
	padding : 20px 0px 20px 20px;
	width : 636px;
}
div.calendar ul {
	margin : 10px 0 20px 0;
	float : left;
}
div.calendar ul li {
	width : 295px;
	float : left;
	height : 80px;
	margin : 0 20px 0px 0;
	padding : 10px 0 10px 0;
	border-top : 1px dotted #D3D3BB;
	display : inline;
}
div.calendar ul li:hover {
	background : #EEF5F8;
}
div.calendar ul li img {
	float : left;
	display : inline;
	margin : 4px 10px 0 0;
}
div.calendar ul li span {
	float : left;
	margin : 0px 0px 0 0;
	padding : 0px 20px 0 0px;
	width : 180px;
	font-size : 100%;
	display : block;
	
}



/* ****************************************************************** */
/* SECTION :  APARTMENTS VS HOTELS */
/* ****************************************************************** */

div.apts-v-hotels {
	border-top : 1px solid #D3D3BB;
	padding : 20px 0px 20px 20px;
	width : 636px;
}
div.apts-v-hotels ul {
	margin : 20px 0 20px 0;
	float : left;
}
div.apts-v-hotels ul li {
	width : 295px;
	float : left;
	height : 50px;
	margin : 0 20px 0px 0;
	padding : 10px 0 10px 0;
	border-top : 1px dotted #D3D3BB;
	display : inline;
}
div.apts-v-hotels ul li:hover {
	background : #EEF5F8;
}
div.apts-v-hotels ul li img {
	float : left;
	display : inline;
	margin : 0 10px 0 0;
}
div.apts-v-hotels ul li span {
	float : left;
	margin : 5px 0px 0 0;
	padding : 0 20px 0 0px;
	width : 180px;
	font-size : 110%;
	display : block;
	background : url(../../images/utility/icons/icon-tick.gif) no-repeat right 0;
}
div.customer-focus {
	width : 616px;
	margin : 20px 0 0 0;
	border : 1px solid #D7D7DA;
}
div.focus-box {
	width : 153px;
	height : 325px;
	float : left;
	/*background : #F1F1E7;*/
	border-right : 1px dotted #D7D7DA;
	position : relative;
}
div.focus-box:hover {
	background : #EEF5F8;
}
div.focus-box h3 {
	font-size : 90%;
	font-weight : bold;
	padding : 10px 0 10px 10px;
	background : url(../../images/common/main-heading-bg-grad.gif) repeat-x top;
}
div.focus-box p {
	padding : 10px;
	margin : 0;
}
div.focus-box p.bottom-link {
	position : absolute;
	bottom : 0;
}


div.focus-box2 {
	width : 153px;
	height : 207px;
	float : left;
	/*background : #F1F1E7;*/
	border-right : 1px dotted #D7D7DA;
	position : relative;
}
div.focus-box2:hover {
	background : #EEF5F8;
}
div.focus-box2 h3 {
	font-size : 90%;
	font-weight : bold;
	padding : 10px 0 10px 10px;
	background : url(../../images/common/main-heading-bg-grad.gif) repeat-x top;
}
div.focus-box2 p {
	padding : 10px;
	margin : 0;
}
div.focus-box2 p.bottom-link {
	position : absolute;
	bottom : 0;
}
div.focus-box3 {
	width : 153px;
	height : 275px;
	float : left;
	/*background : #F1F1E7;*/
	border-right : 1px dotted #D7D7DA;
	position : relative;
}
div.focus-box3:hover {
	background : #EEF5F8;
}
div.focus-box3 h3 {
	font-size : 90%;
	font-weight : bold;
	padding : 10px 0 10px 10px;
	background : url(../../images/common/main-heading-bg-grad.gif) repeat-x top;
}
div.focus-box3 p {
	padding : 10px;
	margin : 0;
}
div.focus-box3 p.bottom-link {
	position : absolute;
	bottom : 0;
}


/* ****************************************************************** */
/* 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;
}



/* ****************************************************************** */
/* SECTION :  FAQs */
/* ****************************************************************** */

ul.faq-accordion {
	/*border-top : 1px dotted #C8C8AE;*/
}
ul.faq-accordion li {
	border-bottom : 1px dotted #C8C8AE;
	padding : 0 0 0 0;
	margin : 0;
	background : none;
}

ul.faq-accordion li a:link,
ul.faq-accordion li a:visited {
	font-family : Arial, Helvetica, sans-serif;
	background : transparent url(../../images/utility/bullets/bullet-plusminus.gif) no-repeat 9px 15px;
	font-size : 150%;
	color : #4D4D48;
	display : block;
	padding : 5px 5px 5px 25px;
}
ul.faq-accordion li a:hover,
ul.faq-accordion li a:active {
	background : #FC6F39 url(../../images/utility/bullets/bullet-plusminus.gif) no-repeat 9px -85px;
	color : White;
	text-decoration : none;
}
ul.faq-accordion li a.selected:link,
ul.faq-accordion li a.selected:visited {
	background : transparent url(../../images/utility/bullets/bullet-plusminus.gif) no-repeat 9px -35px;
}
ul.faq-accordion li a.selected:hover,
ul.faq-accordion li a.selected:active {
	background : #FC6F39 url(../../images/utility/bullets/bullet-plusminus.gif) no-repeat 9px -135px;
	color : White;
}

ul.faq-accordion div.answer {
	padding : 0 20px 0px 25px;
}

/* Reset internal list-item formatting */
div.answer ul {
	margin : 0;
	padding : 0 0 10px 0;
}
div.answer ul li {
	margin : 0;
	padding : 0 0 5px 16px;
}
div.answer p {
	font-size : 110%;
}
div.answer li {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 110%;
	line-height : 150%;
	font-style : normal;
	color : #5F5F5F;
	padding : 0 0 0 18px;
	margin : 0 0 5px 0;
	background : transparent url(../../images/utility/bullets/bullet-disc.gif) no-repeat scroll 0 7px;
	border : 0;
}
div.answer li a:link,
div.answer li a:visited {
	display : inline;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 100%;
	color : #FC6F39;
	display : inline;
	background : none;
	padding : 0;
}
div.answer li a:hover,
div.answer li a:active {
	color : #BB0900;
	text-decoration : underline;
}




/* ****************************************************************** */
/* SECTION :  ABOUT STAYDUBLIN */
/* ****************************************************************** */

div.family ul {
	margin : 10px;
}




/* ****************************************************************** */
/* SECTION :  CONTACT */
/* ****************************************************************** */

div.contact-details {
	width : 308px;
	float : left;
	margin : 0 0 20px 0;
	padding : 0 20px 0 0;
	border-right : 1px dotted #C8C8AE;
}

div.contact-form {
	width : 266px;
	float : right;
	padding : 0 0 0 20px;
	margin : 0 0 20px 0;
}

div.contact-form label {
	width : 100px;
	float : left;
	clear : left;
}
div.contact-form input.btn {
	font-size : 110%;
	margin : 20px 0 0 0;
}

div.contact-form h3,
div.contact-details h3 {
	margin : 0px 0 20px 0;
	padding : 0 0 5px 0;
	border-bottom : 1px dotted #C8C8AE;
}
div.contact-form h3 strong,
div.contact-details h3 strong {
	/*color : #FC6F39;*/
	color : #5F5F5F;
}

div.contact-details h4 {
	margin : 20px 0 10px 0;
	font-size : 100%;
	font-weight : bold;
}
div.contact-details h4 strong {
	/*color : #FC6F39;*/
	color : #5F5F5F;
}

dl {
	margin : 0 0 20px 0;
}
div.contact-details dt {
	font-size : 70%;
	float : left;
	width : 110px;
	clear : left;
	line-height : 30px;
}
div.contact-details dd {
	font-size : 70%;
	/*font-weight : bold;*/
	line-height : 30px;
}

div.contact-details dd span {
	font-size : 130%;
	font-weight : bold;
	color : #339900;
}
p.icon-phone {
	background : url(../../images/utility/icons/icon-phone.gif) no-repeat 0 0px;
	padding : 0 0 0 22px;
	line-height : 16px;
}
p.icon-email {
	background : url(../../images/utility/icons/icon-email.gif) no-repeat 0 2px;
	padding : 0 0 0 22px;
	line-height : 16px;
	margin : 0 0 20px 0;
}

ul.ticks li {
	background : url(../../images/utility/icons/icon-tick.gif) no-repeat 0 8px;
	padding : 8px 0 9px 25px;
	border-top : 1px dotted #D3D3BB;
	margin : 0;
}




div.special-offers {
	border-top : 1px solid #D3D3BB;
	
	width : 285px;
	padding : 20px;
}
div.special-offers2 {
	border-top : 1px solid #D3D3BB;
	float : right;
	width : 280px;
	padding : 20px;
}
img.so-illustration {
	float : right;
	border : 3px solid #C8C8AE;
}
div.special-offer-detail {
	border : 1px solid #FC6F39;
	width : 283px;
	margin : 20px 0 20px 0;
	background : #F1F1E7;
}
div.special-offer-detail h4 {
	background : #FC6F39;
	color : White;
	padding : 5px;
	font-weight : bold;
}
div.special-offer-detail p {
	font-family : Arial, Helvetica, sans-serif;
	margin : 5px;
	font-size : 90%;
}



div.special-offer-detail2 {
    float : left;
	border : 1px solid #FC6F39;
	width : 280px;
	margin : 10px 0 20px 0;
	background : #F1F1E7;
}

div.special-offer-detail2 h4 {
	background : #FC6F39;
	color : White;
	padding : 5px;
	font-weight : bold;
}

div.special-offer-detail2 p {
    float : left;
	font-family : Arial, Helvetica, sans-serif;
	margin : 5px;
	font-size : 90%;
}