@import url("/shared/css/slimbox2/slimbox2.css");

/* Generic Classes */
.floatLeft 		{ float:left;   }
.floatRight 	{ float: right; }
.clearBoth 		{ clear:both;   }
.mantraLogo { width: 150px; height:61px; float:left;}
.mantraHotelsLogo { width:210px; height:55px; display:block; background-image:url(Images/BreakFreeHotelsResortsApartments.jpg); margin:0 auto; text-align:center; }
.innerContainer { width: 855px; margin-left:auto; margin-right:auto;}
/* Generic Classes */
.sloganLine { margin-top:22px; height:1px; float:right; border-bottom: 1px solid rgb(0, 132, 203); }


/* Core Layout */
body { 
	background-image:url(Images/background.jpg); 
	background-repeat:no-repeat; 
	background-position :center top;
	margin:0px;
	padding:0px;
	
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #636363;

	/* document specify line-height 20, however not sure about changing global line-height */
	/* line-height:20pt; */
	
	/* IE Centering */
	text-align:center;
}
div, table, td { border:0; margin:0; padding:0; }
div.admincontainer { border: 3px double #CEEAF8; } 
div.admincontainertitle  { background: #E5F4F9 none repeat scroll 0 0}
html { margin:0px; padding:0px; }
#mainContainer {
	width: 940px;	
	margin-left: auto; margin-right: auto; margin-top:0px;
	text-align:left;
}
/* Core Layout */
#header {/* height: 550px;*/ width: 874px; margin-bottom:7px;}
	#header #headerTop {height:115px; }
	#header .mantraLogo {padding:29px 0px 0px 20px; margin-left:10px;}
	#header #rtHeader {float: right; text-align:right;}
	#header .siteLogin {font-size:10pt; color:#EE2424;}
	#header .siteLogin a {font-size:10pt; color:#EE2424; text-decoration:none; font-weight:normal;}

	#dnn_headerSearchBoxPane { 
		background-image:url(Images/SearchBoxBg.gif); 
		background-repeat:no-repeat; 
		width:/*278*/ 280px; height: 41px;
		margin-bottom:20px;
	}

.searchSubmitBtn {}


/* ============================= Page Image ============================= */
#headerImagePane { 
	height: 450px; width: 875px; 
	background-repeat:no-repeat; 
	background-image:url(Images/border-background.gif);
	padding:10px !important; /* margin:20px 0px 0px 0px !important; */
}
#headerImagePaneContainer {
	height: 430px; width:855px; background-repeat:no-repeat;
}
	
#mantraMsg { 
		margin:300px 0px 0px 0px;  top:300px; 
		height:56px; width : 618px;
		
		
		/* position: absolute;*/  /* stupid dnn menu wont show in absolute */ float:left; 
		text-align:right;
		background-image:url(Images/white-strip-background-image.png);
		background-repeat:repeat-x;
		padding-top:10px;
} 


#mantraMsg div { height:56px;}
#mantraMsg .Normal { font-size:18px; }

.blankBg {background:none; }
/* List of images for header */

/* Header Image Right Pane */
#dnn_headerImageRightPane ,#headerImageRightPane 
{
	/* margin:0px 0px 0px 620px; /*   padding:120px 0px 0px 650px; */
	/* position:absolute; */ float:right; top:0px;
	width:  205px;  /* 235px; */
	height:  400px; /* 430px; */
	padding: 15px;
	 background-image:url(Images/red-background-book-panel.png);
}

/* ============================= Page Image ============================= */

/* Headings */
h1, h2, h3, h4, h5, h6 { color: #0084cb; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; }
h1 { margin-top: 0px; margin-bottom: 40px; font-size: 36px; color: #ee2424; }
h2 { font-size: 20px; color: #ee2424; }
h3 { font-size: 20px; color: #898989; }
h4 { font-size: 14px; }
/* Headings */

/* Main Content Area */
#mainContent 		{ clear:both; }
	#leftContent 	{ width: 560px; float:left;  margin:0px;  line-height:18px;}				/* Left side content */
	#rtContent 	 	{ /* padding-top:20px; */ margin:0px; float:right; width:240px; line-height:18px;}                  /* Right side content */
	#rtContent img 	{ margin:0px; padding:0px; }
    #mainContent #leftContent .Normal, #rtContent .Normal { font-size: 12px; }

	/* oneColumn class */
	.oneColumn #leftContent { width:880px;		}
	.oneColumn #rtContent 	 { display: none;	}


/* Main Content Area */


#tagLine { height:30px; margin-bottom: 30px; width:940px; margin:0 auto; text-align:center;}
#tagLine .Normal { font-size:20pt; }
#tagLine .tagLine,
#tagLine .tagLineBold {
    color: #ee2424; 
    font-size:24px;    
}
#dnn_footerBrandMessagePane {}

/* Search Results */
#searchResults { margin-bottom: 60px; }
/* Search Results */

/* Footer */
#footer {  background:url(images/FooterBg.jpg) repeat-x; background-position:top center; padding-top:25px; margin-top:20px; clear:both;}
	.footerContent 	 
	{
	        text-align:center;
	        width: 940px;
	        margin-left : auto; margin-right: auto;
    }
    #footer a, .footerLinks a:link, .footerLinks a:visited {color:#999999;}
    #footer .footerLinks a:hover {color: #636363; text-decoration:none;}
	#footer .featureLink, #footer .featureLink {color:#636363;}
    #footer .footerLinks {color:#999999; margin-top:10px; line-height:18px; font-size:9pt;margin-bottom:20px;}
	.footerLogo {width: 220px; margin-left:auto; margin-right:auto; text-align:center;}
	#footerLogo {margin-bottom: 20px; width:100%;}
	#footerLogo span {display: block; width:0; height:0; overflow:hidden;}
	#footer .floatLeft {margin-left:120px;}
/* Footer */
    

a, a:link, a:visited { border:0px none; }

/* ======================== Specific Table Classes ======================= */
table {
		/* set cellspacing to 0 for all tables */
		/* any other value not xbrowser compatible */
		
}

/* 2 Columns of Content */
table.tbl2ColumnsContent { font-size:12px; line-height:18px;table-layout:fixed;  }
table.tbl2ColumnsContent td { padding:0px 0px 40px; vertical-align:top;  }
table.tbl2ColumnsContent img { margin:0px; padding:10px 0px 0px 0px; }
table.tbl2ColumnsContent h2 { width:165px; margin:0px 0px 8px 0px; border:0px;}
table.tbl2ColumnsContent p {margin:0px; padding:0px; border:0px;}

table.tbl2ColumnsContent .tblIcon { width: 47px; height:50px; margin:0px; padding:0px;}

/* Table: At a glance */
table.tblataglance {  border: 1px solid #e6e6e7; font-size:10pt; color:#636363; width:100%; border-collapse:collapse;}
table.tblataglance th { font-weight:normal; font-size:14px; color:#0084cb; text-align:center; padding:6px; vertical-align:top; border:1px solid #e6e6e7; }
table.tblataglance th p { margin: 0px; }
table.tblataglance .rowHeader { font-size:14px; color:#0084cb; text-align:center;}
table.tblataglance td { font-size:12px; color:#636363; border:1px solid #e6e6e7; padding:6px; vertical-align:top;}

/* Copy with image */
table.tblCopyWithImage { font-size:12px; }
table.tblCopyWithImage h3 { margin:0px; margin-top:28px;}
table.tblCopyWithImage h2 { margin: 17px 0px 19px 0px; }
table.tblCopyWithImage td { vertical-align:top; line-height:18px;padding-bottom:20px; }
table.tblCopyWithImage img { margin-right:32px; }

/* Table Contact Form */
table.tblContactUs { 
			 font-size:10pt; 
			text-align:left;
			background:url(Images/icons/icon-contactus.jpg) no-repeat;
			background-position:right 10px;
			vertical-align:top;
			line-height: 18px;
}
table.tblContactUs .rowTitle { font-weight:bold; width:150px;font-size:12px;}
table.tblContactUs td        { vertical-align:top; }

/* ======================== Specific Table Classes ======================= */

a img, img {border:0px;}
table.std {font-size:12px;}
table.std h2 {margin:30px 0px 0px 30px;}
table.std p {padding-left:30px; margin-top:7px; line-height:18px;}

/* ======================== RHS Secondary Content Pane =================== */
/* Icons */
.icon-download { 
	background: url(images/icons/icon-download.jpg) no-repeat top left;
 	height: 35px;
	text-align:left;
	padding-left:56px;
	padding-top:10px;
	vertical-align:middle;
}

.icon-smallDownload { 
	background: url(images/icons/icon-smallDownload.jpg) no-repeat top left;
	font-size:12px; 
	height:18px;
	text-align:left;
	padding-left:25px;
	vertical-align:middle;
}

.icon-specialNotice { 
	background:url(Images/icons/icon-redNotice.jpg) no-repeat;		
	padding-left: 56px; padding-top: 20px;
	height: 30px;
	text-align:left;
}

.icon-reviewHeading {
	background:url(Images/icons/icon-reviewHeading.jpg) no-repeat;
	padding-left: 56px; padding-top:10px;
	height: 35px;
	text-align:left;
}
/* Icons */
/* ======================== RHS Secondary Content Pane =================== */

.ControlError 
{
    color: Red;
    font-size: 8pt;
    font-weight: bold;
}


/* ======================== Form Styling ================================== */
 
.doveForm 
{
background:url(/Portals/1/Assets/LandingPages/Dove/form-background.gif) no-repeat;
width:706px;
color:#636363;
font-size:12px;
}
 
 
.doveForm table td {padding:8px 0;}
.doveForm label {color:#636363;font-size:12px;}

.doveForm .NormalTextBox, .stdForm select, stdform textarea 
{
background-color:#F9F8F8;
border:1px solid #EBEBEB;
width:250px;
}
 

.stdForm { font-size:12px; color:#636363; }

.stdForm table td { padding:8px 0px 8px 0px; }
.stdForm label { font-size:12px; color:#636363; }

.stdForm .NormalTextBox, .stdForm Select,  stdForm textarea { border:1px solid #ebebeb; background-color:#f9f8f8; width:250px;}
.stdForm .CommandButton { color:#ffffff; text-align:center;}
.stdForm a.CommandButton:active, .stdForm a.CommandButton:link, .stdForm a.CommandButton:visited 
{
     color: #ffffff; 
     font-weight:bold;
     text-decoration:none;
	 padding-left:5px;
}
/* ======================== Form Styling ================================== */

/* ======================== Menu Styling ================================== */
/* Sample Horizontal menu */
/* Visit our site at http://www.dnnpages.com */

/*    ---------- Centering menu items from css ------------ robin.stemp@mantragroup.com.au */
#DNNPagesMenu 
{
    /*overflow:hidden;*/
    text-align:center;
    width:100%;
    padding:0px 0px 0px 0px;
    margin-top:2px;
    margin-bottom:50px;
    clear:both;
    height:40px;
}

#DNNPagesMenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:transparent;
	/* -------------- centering ------------- */
	margin:0 auto;
	text-align:center;
	position:relative;
	/* -------------- centering ------------- */
	z-index: 1000;
}
.ulDNNPages {
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:transparent;
	z-index: 0;
	z-index: 1000;
}
#DNNPagesMenu ul li {
	margin-top:0px;
	margin-bottom:0px;
    padding:0px;
	list-style:none;
	background-color:transparent;
	float:left;
	text-align:center;
	line-height:22px;
	z-index: 1000;
	position:relative;
}
#DNNPagesMenu ul li ul li 
{
    right:0;
    clear:both;
}
#DNNPagesMenu ul li a, #DNNPagesMenu ul li a:hover, #DNNPagesMenu ul li a:visited {
    font-size:11px;
    color:#EDEAE1;
    font-weight:bold;
	text-decoration:none;
	padding:0px 0px 0px 0px;
    font-weight:normal!important;
    z-index: 1000;
    /*display:table;*/
    border-right:0 none;
}


#DNNPagesMenu ul li .over,
#DNNPagesMenu ul li .subover
{
	display:none;
}

#DNNPagesMenu ul li .standard,
#DNNPagesMenu ul li .substandard
{
	display:block;
}

/* Top menu */
#DNNPagesMenu ul li:hover .over,
#DNNPagesMenu ul li.lihover .over
{
	display:block;
}

#DNNPagesMenu ul li:hover .standard,
#DNNPagesMenu ul li.lihover .standard
{
	display:none;
}
/*~ Top menu */

/* Sub menu */
#DNNPagesMenu ul li ul li:hover .subover,
#DNNPagesMenu ul li ul li.lihover .subover
{
	display:block;
}

#DNNPagesMenu ul li ul li:hover .substandard,
#DNNPagesMenu ul li ul li.lihover .substandard
{
	display:none;
}
/*~ Sub menu */

/* level 2 menus */
#DNNPagesMenu ul li ul 
{
	position:absolute;
	/*top:36px;*/
	left:0px;
	z-index: 1001!important;
	display:none;
}

/*#li5890 {z-index:1!important;}
#li6164 {z-index:1!important;}
#li5873 {z-index:1!important;}
#li5873 {z-index:1!important;}
#li6197 {z-index:1!important;}
#li5955 {z-index:1!important;}
#li5897 {z-index:1!important;}
#li7 {z-index:1!important;}
*/
.ulDNNPages_lvl0
{
/*	margin:0px;
	padding:0px;
	list-style:none;
	background-color:transparent;
	width: 100%;
	z-index: 1001!important;*/
}

/*#DNNPagesMenu ul li ul li {
	background-color:#eae7e2;
	width:100%;
	float:none;
	padding:0;
	margin:0;
	z-index: 1001!important;
}
*/
#DNNPagesMenu ul li:hover ul, 
#DNNPagesMenu ul li.lihover ul,
#DNNPagesMenu ul li ul li.lihover
{
	display:block;
	z-index: 1001!important;
}
/*#DNNPagesMenu ul li ul li a, 
#DNNPagesMenu ul li ul li a:active, 
#DNNPagesMenu ul li ul li a:visited, 
#DNNPagesMenu ul li ul li a:hover
{
	color:#6D6D55;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
	z-index: 1001!important;
	display:table;
}
*/
/* Level 3 menus */
/*#DNNPagesMenu ul li:hover ul li ul, 
#DNNPagesMenu ul li ul li.lihover,
#DNNPagesMenu ul li.lihover ul li ul 
{
	display:none;
	top:0px;
}

#DNNPagesMenu ul li:hover ul li:hover ul, 
#DNNPagesMenu ul li.lihover ul li.lihover ul {
	display:block;
	left:100%;
}
#DNNPagesMenu ul li ul li a:hover
{
    color:#a0a615!important;
    z-index: 1010;
}
*/
.liaselected
{
	color:#a0a615 !important;
}

/*#DNNPagesMenu ul li ul li:hover,
#DNNPagesMenu ul li ul li.lihover {
	color:#a0a615!important;
	font-weight:normal;
	padding:0;
	margin:0;
}
*/
.DNNPagesMenuFirstItem 
{
	padding-top: 0px !important;
}
.DNNPagesMenuLastItem 
{
	padding-bottom: 0px !important;
}
/* ======================== Menu Styling ================================== */

Body 
{
    font-family:Arial, Helvetica, sans-serif;	
}

#mantraMsg { display:none; }

/* ---------------------------- Headings ---------------------------- */
h1, h2, h3, h4, h5 { font-family:Arial, Helvetica, sans-serif; color:#EE2424 }
h1 { font-size: 36px;  color: #ee2424; }
h2 { font-size: 20px; color: #636363; }
h3 { font-size: 20px; color: #898989; }
h4 { font-size: 14pt; }


/* ------------------------- Heading Links -------------------------- */
h2 a,
h2 a:link,
h2 a:visited,
h2 a:active {
    color: #EE2424;
    border-bottom: solid 1px #FFFFFF;
}
h2 a:hover {
    color: #EE2424;
    border-bottom: solid 1px #EE2424;
}


/* ---------------------------- Headings ---------------------------- */

/* ------------------------------- Body Copy ------------------------ */
#mainContent { color: #636466; }
#mainContent a:link, #mainContent a:visited { color:#ee2424; }
/* ------------------------------- Body Copy ------------------------ */

.Normal, .NormalDisabled { font-family:Arial, Helvetica, sans-serif; }


table.tblataglance { }
table.tblataglance th {  color:#ee2424;}

/* Booking form */
#searchBookForm h2 {color:#ffffff; font-family:Tahoma, Geneva, sans-serif; font-size:24px;}
#searchBookForm label {display:block; color:#ffffff; font-family: Tahoma, Geneva, sans-serif; font-size: 12px;}
#searchBookForm input {color:#999999; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; vertical-align:middle; margin-bottom:10px;}
#searchBookForm select {color:#999999; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; width:50px;}
#searchBookForm .numAdults {margin-right:15px;}
#searchBookForm .numChildren {margin-right:15px;}
#searchBookForm .numInfants {}
#searchBookForm .white { color: #FFFFFF; margin-bottom: 27px !important;}
#searchBookForm .submitBtn {margin:20px 10px 20px; float:right;}
#searchBookForm .floatLeft {float:left;}
#searchBookForm .dateInput {width:174px;}
#searchBookForm .selectInput {width:55px;}

#searchBookForm .dateselector { width: 200px; }
#searchBookForm .dateselector .label { display: block; color: #ffffff; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; }
#searchBookForm .dateselectorRow { text-align: right; }
#searchBookForm .dateselector select.date { width: 88px; margin-left: 2px; }
#searchBookForm .dateselector select.monthyear { width: 88px; }
#searchBookForm .dateselector .calendarbutton { cursor: pointer; margin-left: 2px; vertical-align: top; margin-top: 1px;}
/* Booking form */

/* Search Box */
#headerSearchBox input.SearchTextBox {border:2px solid #ebebeb; width:200px; height:auto; color:#898989; font-size:9pt;}
#headerSearchBox {text-align:left; margin:10px 0px 15px 30px;}
#controlErrorBox {text-align:center;}
/* Search Box */


/* Calendar */
.ajaxcalendar{position:relative;z-index:1000;}
.ajaxcalendar .ajax__calendar_active .ajax__calendar_day{border-color:#0066CC;color:#0066CC;background:#EDF9FF;}
.ajaxcalendar .ajax__calendar_active .ajax__calendar_month{border-color:#0066CC;color:#0066CC;background:#EDF9FF;}
.ajaxcalendar .ajax__calendar_active .ajax__calendar_year{border-color:#0066CC;color:#0066CC;background:#EDF9FF;}
.ajaxcalendar .ajax__calendar_body{height:138px;width:176px;position:relative;margin:0px 0px 0px 5px;padding:0px;}
.ajaxcalendar .ajax__calendar_container{padding:4px;position:relative;cursor:default;width:188px;font-size:11px;border:1px solid #646464;color:#000000;background:#FFFFFF;z-index:1200;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajaxcalendar .ajax__calendar_container table{font-size:11px;padding: 0px;margin: 0px}
.ajaxcalendar .ajax__calendar_container table tr td{padding: 0px;margin: 0px}
.ajaxcalendar .ajax__calendar_day{height:17px;width:18px;cursor:pointer;color:#26292B;background:#F2F3F2;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;text-align:center;}
.ajaxcalendar .ajax__calendar_dayname{height:17px;width:17px;text-align:center;padding:4px;background:#BEDAEB;color:#000000;border:none;}
.ajaxcalendar .ajax__calendar_days,
.ajaxcalendar .ajax__calendar_months,
.ajaxcalendar .ajax__calendar_years{top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajaxcalendar .ajax__calendar_footer{height:15px;border-top:1px solid #F5F5F5;}
.ajaxcalendar .ajax__calendar_header{width:175px;margin:0px 10px;padding:8px 0px 3px 0px;height:25px; }
.ajaxcalendar .ajax__calendar_hover .ajax__calendar_day{background:#007BC4;color:#FFFFFF;}
.ajaxcalendar .ajax__calendar_hover .ajax__calendar_month{border-color:#DAF2FC;color:#0066CC;background:#EDF9FF;}
.ajaxcalendar .ajax__calendar_hover .ajax__calendar_title{color:#0066CC;}
.ajaxcalendar .ajax__calendar_hover .ajax__calendar_today{color:#0066CC;}
.ajaxcalendar .ajax__calendar_hover .ajax__calendar_year{border-color:#DAF2FC;color:#0066CC;background:#EDF9FF;}
.ajaxcalendar .ajax__calendar_month{height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajaxcalendar .ajax__calendar_next{cursor:pointer;width:16px;height:16px;float:right;background:url(Images/Buttons/ajax-calender-next.gif) #FFFFFF no-repeat 0px 0px;}
.ajaxcalendar .ajax__calendar_other .ajax__calendar_day{border-color:#FFFFFF;color:#959595;background:#FFFFFF;}
.ajaxcalendar .ajax__calendar_hover .ajax__calendar_other .ajax__calendar_day{background:#007BC4;color:#FFFFFF;}
.ajaxcalendar .ajax__calendar_other .ajax__calendar_year{border-color:#FFFFFF;color:#959595;background:#FFFFFF;}
.ajaxcalendar .ajax__calendar_prev{cursor:pointer;width:16px;height:16px;float:left;background:url(Images/Buttons/ajax-calender-prev.gif) #FFFFFF no-repeat 0px 0px;margin-top:0px;}
.ajaxcalendar .ajax__calendar_title{cursor:pointer;font-weight:bold;color:#000000;}
.ajaxcalendar .ajax__calendar_today{cursor:pointer;padding-top:3px;margin-left:-20px;}
.ajaxcalendar .ajax__calendar_year{height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajaxcalendar .ajax__calendar_line_through .ajax__calendar_day{border-color:#FFFFFF;color:#959595;background:#FFFFFF;text-decoration:line-through;cursor:default;}
.ajaxcalendar .ajax__calendar_disabled .ajax__calendar_day{border-color:#FFFFFF;color:#959595;background:#FFFFFF;text-decoration:line-through;cursor:default;}
/* Calendar */

/* Building Contact Details */
#buildingContactDetails a {color:#ee2424;}
#buildingContactDetails {margin-left:auto; margin-right:auto; text-align:center;}
#buildingContactDetails .title {font-size:12pt; font-weight:bold; color:#ee2424;line-height:12pt;}
#buildingContactDetails .footerAddress {font-size:10pt; color:#636363;line-height:15px;}
#buildingContactDetails .rating {margin: 5px 0px 10px;}
#buildingContactDetails .rating * {margin:0px; padding:0px; list-style:none;}
#buildingContactDetails ul.stars {overflow:hidden;}
#buildingContactDetails ul li {display:inline;}
#buildingContactDetails ul li img {width:15px; height:12px;}
#buildingContactDetails ul li.starEmpty {background-image: url(Images/Sprites/starSprite.gif); background-repeat:no-repeat; background-position: 0 0;}
#buildingContactDetails ul li.starFilled {background-image: url(Images/Sprites/starSprite.gif); background-repeat:no-repeat; background-position: 0 -62px;}
#buildingReservations .reservationCall {font-size:16pt; color:#636363;}
#buildingReservations .reservationPhone {font-size:16pt; color:#EE2424;}
/* Building Contact Details */

/* Resort Filmstrip Selectors */
/* The header of the filmstrip - shown above the gallery proper. */
.filmstrip h2 {
    margin-left: 8px;
}
/* The primary mechanism of the filmstrip - the main imageScroller div,
   the belt and panel that compose the slider, and sub-panel selectors
   that implement borders/backgrounds/labels/etc. around each image. */
.filmstrip .imageScroller {
    background-color: #F5F5F5;
    position: relative;
    width:  100%;
}
.filmstrip .imageScroller .stepcarousel {
    position: relative;
    overflow: scroll;
    height: 190px;
}
.filmstrip .imageScroller .stepcarousel .belt {
    position: absolute;
    left: 0;
    top: 0;
}
.filmstrip .imageScroller .stepcarousel .panel {
    float: left;
    overflow: hidden;
    margin: 4px 15px 0px 4px;
    width: 210px;
}
.filmstrip .imageScroller .stepcarousel .panel .imageContainer {
    background-color: #FFFFFF;
    padding: 4px 4px 4px 4px;
    border: solid 1px #D7D7D7;
}    
.filmstrip .imageScroller .stepcarousel .panel img {
    width: 200px;
    height: 150px;
}
.filmstrip .imageScroller .stepcarousel .panel .imageDescription {
    padding: 8px 0px 0px 16px;
    font-size: 12px;
}
/* Separates the gallery from the navigation area */
.filmstrip .imageScroller .separatorLine {
    position: relative; 
    border-top: solid 1px #FFFFFF; 
    margin: 10px 9px 0px 9px;
}
/* The navigation part of the filmstrip - left & right buttons. Both
   buttons are tri-state (enabled, hover, disabled) base on hover and
   the current scroll position in the gallery. */
.filmstrip .imageScroller .navigationPane {
    position: relative;
}
.filmstrip .imageScroller .navigationPane .buttonPane {
    margin: 8px 20px 8px 20px;
    vertical-align: middle;
}
.filmstrip .imageScroller .navigationPane .buttonPane .label {
    vertical-align: middle;
    margin: 2px 10px 8px 10px;
}    
   
.filmstrip .imageScroller .navigationPane .buttonPane a {
    background-repeat: no-repeat;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    display: block;
    height: 18px;
    width: 50%;
}
.filmstrip .imageScroller .navigationPane .buttonPane a.left {
    background-image: url('/shared/images/filmstrip/filmstrip_arrow_left.gif');
    background-position: left;
    padding-left: 28px;
}
.filmstrip .imageScroller .navigationPane .buttonPane a.left:hover {
    background-image: url('/shared/images/filmstrip/filmstrip_arrow_left_selected.gif');
}
.filmstrip .imageScroller .navigationPane .buttonPane a.right {
    background-image: url('/shared/images/filmstrip/filmstrip_arrow_right.gif');
    background-position: right;
    padding-right: 28px;
}       
.filmstrip .imageScroller .navigationPane .buttonPane a.right:hover {
    background-image: url('/shared/images/filmstrip/filmstrip_arrow_right_selected.gif');
}
.filmstrip .imageScroller .navigationPane .buttonPane a.leftDisabled,
.filmstrip .imageScroller .navigationPane .buttonPane a.leftDisabled:link,
.filmstrip .imageScroller .navigationPane .buttonPane a.leftDisabled:visited,
.filmstrip .imageScroller .navigationPane .buttonPane a.leftDisabled:hover,
.filmstrip .imageScroller .navigationPane .buttonPane a.leftDisabled:active {
    background-image: url('/shared/images/filmstrip/filmstrip_arrow_left_disabled.gif');
    background-position: left;
    padding-left: 28px;
    color: #9F9F9F;
}
.filmstrip .imageScroller .navigationPane .buttonPane a.rightDisabled,
.filmstrip .imageScroller .navigationPane .buttonPane a.rightDisabled:link,
.filmstrip .imageScroller .navigationPane .buttonPane a.rightDisabled:visited,
.filmstrip .imageScroller .navigationPane .buttonPane a.rightDisabled:hover,
.filmstrip .imageScroller .navigationPane .buttonPane a.rightDisabled:active {
    background-image: url('/shared/images/filmstrip/filmstrip_arrow_right_disabled.gif');
    background-position: right;
    padding-right: 28px;
    color: #9F9F9F;
}
/* Resort Filmstrip Selectors */

/********************************************************
        SOCIAL BUTTONS    
********************************************************/

#pagelinks{	
	width:60px;	
	position:fixed;
	left:10px;
	top:25px;
	margin:0px 5px 0;	
	}

#pagelinks li{
	/*background:url(/images/bg_pagelinks_li.png) 0 bottom no-repeat;*/
	padding:0 0 16px;
	margin:0 0 2px;
	}
#pagelinks > div {
	height:77px;
	/*background: url("/images/bg_pagelinks_li.png") no-repeat scroll 0 bottom transparent;*/
}
#pagelinks .twitter-box { margin-left:1px; }
#pagelinks .facebook-box { margin-left:4px; margin-top: 2px; }
#pagelinks .google-box { margin-left:5px; }