/** Prototype stylesheet **/
/* colors
 * Navy, text header: 	#06374E
 * Navy, footer:		#1e3d4f;
 * Teal: 				#529faf
 * Light-blue, borders	#9CC4C8
 * topBar 				#d9d8ec
 * sideShowNav  		#e2efef
 */

/** undo LiveSite code **/
.ls-canvas .ls-row .ls-row-clr {
  clear:	none;
}
.ls-canvas .ls-area {
  overflow:	visible;
}
.ls-canvas .ls-area-body {
  overflow:	visible;
}
.ls-canvas .ls-cmp-wrap {
  padding:	0;
}
.ls-canvas .iw_component {
  margin:	0;
}
#headerArea {
  width:100%;
}
#contentRow .ls-fxr {
  width: 	auto;
}
#leftColumnArea {
  display:	block;
}
#leftColumnArea .ls-area-body {
  width:	auto;
}
#rightColumnArea {
  display:	block;
  float:	none;
  width:	auto;
}
#rightColumnArea .ls-area-body {
  width:	auto;
}
#footerArea {
  width:100%;
}
/** End undo LiveSite **/

html,
body {
	margin: 			0;
	padding: 			0;
}
body {
	background:			url(/SWCode/cms_images/sop/fourpoints/V2/bg_grid.gif)  #9CC4C8;
	color: 				#06374E;
	font: 				normal normal 12px/1em arial,verdana,helvetica,sans-serif;
}
ul {
	padding-left: 		40px
}
li {
	margin-left: 		0px;
}
a {
	color: 				#529faf;
	text-decoration: 	none;
}
#wrapper {
	background-color: 	#fff;
	margin: 			0 auto;
	padding: 			0 13px;
	width: 				971px;
}

/** Start Header **/
#headerOuter {
    background-color: 	#06374E;
    border-bottom: 		11px solid #9CC4C8;
    height: 			101px;
    margin: 			0;
	position:			relative;
}
#logo {
	float: 				left;
	margin:				11px 0 0 11px;
	text-decoration: 	none;
}
#logo img {
	border: 0 none;
}
#topBar {
    float: 				right;
    height: 			20px;
}
#topBar li {
	color: 				#d9d8ec;
    float: 				right;
	font-size: 			11px;
	font-weight: 		bold;
	list-style-type: 	none;
    margin: 			0 2px;
	text-transform: 	capitalize;
}
	
}
#topBar li ul {
	display: 			none;
}
#topBar a {
    color: 				#d9d8ec;
}
.small_dd_indicator {
	background: 		url("/SWCode/cms_images/sop/fourpoints/V2/sprite.png") no-repeat scroll -5px 0 transparent;
    display: 			inline-block;
    height: 			6px;
    margin-left: 		4px;
    margin-right: 		6px;
    vertical-align: 	middle;
    width: 				8px;

}
#mainMenuBar {
	bottom: 			0;
	position:			absolute;
	right:				0;
}
#mainMenuBar a {
    color: 				#fff;
}
#mainMenuBar li {
    background: 		url("/SWCode/cms_images/sop/fourpoints/V2/arrow_large_orange.gif") no-repeat scroll 100% 19px transparent;
    color: 				#FFF;
    float:				left;
	font:				bold normal 26px/26px "Arial Narrow", arial, sans-serif;
    height: 			26px;
    list-style: 		none outside none;
    margin-right: 		12px;
    padding: 			4px 21px 4px 0;
	text-transform: 	uppercase;
    vertical-align: 	middle;
}
#mainMenuBar .divider {
	background: 		url(/SWCode/cms_images/sop/fourpoints/V2/sprite.gif) 0 0 scroll no-repeat;
	padding-right: 		0;
	width: 				1px;
}
#addressBar {
	padding:			20px 16px;
}
#addressBar h1 {
	color: 				#06374E;
    font-size: 			20px;
    font-weight: 		bold;
    margin: 			0 0 12px;
}
#addressBar address {
	color: 				#06374E;
    font-style: 		normal;
}
#pageNavigation {
	background-color:	#cae1e2;
    padding-left: 		10px;
	padding-top:		4px;
	zoom:				1 /* for IE6 */
}
#pageNavigation ul {
	list-style: 		none outside none;
    margin:				0;
    overflow:			hidden;
    padding: 			0;
}
#pageNavigation li {
	float: 				left;
	height: 			23px;
    margin: 			0 9px;
    padding: 			0;
}
#pageNavigation a {
	color: 				#06374E;
    display: 			block;
    font-size: 			11px;
    font-weight: 		bold;
    padding: 			0 11px 0 0;
	text-decoration: 	none;
    text-transform: 	uppercase;
}
#pageNavigation li span {
	line-height:		23px;
	padding: 			5px 0 5px 11px;
}
#pageNavigation .activeTab {
	background: url(/SWCode/cms_images/sop/fourpoints/V2/button_tabs.png) 100% -30px no-repeat scroll transparent;

}
#pageNavigation .activeTab span {
	background: url(/SWCode/cms_images/sop/fourpoints/V2/button_tabs.png) 0px 0px no-repeat scroll transparent;

}
/** End Header **/

/** Start Content Asides **/
#contentRow {
	overflow:			hidden;
}
#leftColumnArea {
 	background-color: 	#F5F5F5;
    float: 				left;
    height: 			100%;
	padding: 			10px 14px 0;
    width: 				192px;
}
#leftColumnArea dl {
	padding: 			0;
}
#leftColumnArea dt,
#leftColumnArea dd {
	border-top:			1px dotted #999;
	font-size:			14px;
	font-weight:		bold;
	margin: 			0;
	padding:			8px 14px;
}
#leftColumnArea dt {
	color: 				#529faf
}
#leftColumnArea dd {
	color:				#05374e;
}
#leftColumnArea dt a,
#leftColumnArea dd a {
	font-size:			inherit;
	font-weight:		inherit;
	text-decoration:	none;
}
#leftColumnArea dt a {
	color:				#529faf;
}
#leftColumnArea dd a {
	color:				#05374e;
}
#leftColumnArea .first-child,
#leftColumnArea dd:first-child,
#leftColumnArea dt:first-child {
	border-top: none 	0px;
}
#rightColumnArea h2,
#leftColumnArea h3{
	color: 				#06374E;
	font: 				normal bold 18px/1em "Clarendon LT Std", "Clarendon Std","Clarendon", "Bookman Old Style", Georgia, serif;
}
#leftColumnArea p {
	font-size: 			12px;
}
#roomsmod {
	margin-top: 		30px;
	padding:			8px 14px;
}
#roomsmod h2 {
	margin: 			14px 0;
}
#roomsmod form {
	margin:				5px 0;
}
#roomsfield div,
#adultsfield div,
#adultsfield,
#checkin,
#checkout {
	margin: 8px 0 5px;
}
#BestRateLink {
	display:			block;
	margin:				15px 0;
}
div#searchForPackages {
	background-color:	#ddebec;
	border:				0 none;
    color: 				#06374E;
    font-size: 			11px;
    margin: 			0 14px 10px;
    padding: 			10px 5px;
	width:				auto;
}
.additionalLinks {
	padding: 			8px 14px;
}
.additionalLinks p {
	margin: 			0 0 5px;
}
.additionalLinks a {
	font-size: 			11px;
}
.hotelFactSheet span{
	background: 		url("/SWCode/cms_images/sop/fourpoints/V2/sprite.gif") no-repeat scroll -39px 0 transparent;
	display:			inline-block;
	height:				12px;
	margin: 			0 5px 0 0;
	vertical-align:		middle;
	width:				10px;
}
/** End Content Asides **/

/** Start Content Main **/
.rightColumnComponent {
	padding: 14px;
}
.ls-1st .rightColumnComponent {
	padding: 0;
}
#rightColumnArea {
	border-left: 		220px solid #F5F5F5;
	/*margin-left: 		220px;*/
}
#slideShow{
	float:				left;
	height: 			210px;
	width:				548px;
}
#slideShow img {
	border: none 0px;
	height:				210px;
	width:				548px;
}
#slideShowNavColumn{
    background-color: 	#E2EFEF;
    height: 			30px;
    margin-left: 		548px;
    padding: 			12px;
    position: 			relative;
    width: 				179px;
	top:				140px;
}
#slideShowNav {
	bottom: 			0;
    line-height: 		1.5em;
    position: 			absolute;
}
.offer {
	background-color:	#ddebec;
	margin:				10px 0;
	overflow:			hidden;
	padding:			14px 14px 14px 100px;
}
.offer h3 {
	margin-top: 0;
	line-height: 16px;
}
#contentArea .thumb {
	float:				left;
	margin-left:		-86px;
}
/** End Content Main **/

/** Start Footer **/
#footerRow {
	background-color: 	#1e3d4f;
    border-top: 		11px solid #9CC4C8;
	color:				#fff;
	font-size:			10px;
	padding: 			0px 20px;
	position: relative;
}
#footerRow a {
	color: 				#fff;
	font-size:			inherit;
}
#globalFooterBrandNavigatorContainer {
	float: 				right;
}
#globalFooterBrandBar {
	margin-top:			40px;
}
/** End footer **/

div.sh_slideShow img {
	display: none;
	position: relative;
}

div.sh_slideShow img.sh_current {
	display: inline;
}

#languages {
	position: relative;
}

#languages ul {
	background-color: #9DC4C9;
	padding: 5px;
	z-index: 1000;
  display: none;
  left: -2px;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 15px;
	color: #06374E !important;
}

#languages ul li {
float:none !important;
display: block;
margin: 2px 0;
}
#languages ul li a {
	color: #06374E !important;
}

#topBar li.divider {
  width: 1px;
  background-color: #93AAC3;
}

#topDestinationsList {
	display: none;
	position: absolute;
	z-index: 1000;
	background-color: white;
	width: 510px;
	border: 1px solid #EFEFEF;
	padding: 5px;
}

#globalFooterLegal { position: relative; }

#region a { display: block; }

.region_NA, .region_All {
	float: left;
	width: 125px;
}

body { position: relative; }

.sh_current { display: block !important; }
.sh_caption { display: none; }

#banner { height: 210px;}
#slideShow { float: left; width: 548px; }
.sh_slideShow { width: 548px; float: left; height: 210px; }
#caption { background-color: #E2EFEF; height: 186px; float: none; margin-left: 548px; width: 179px; padding: 12px; }


.buttonBegin { 
        background: url('/SWCode/cms_images/sop/fourpoints/V2/4pointsBtnv2.gif') no-repeat scroll 0 0;
        position: absolute;
        display: block;
        top: 0;
        left: -5px;
        width: 5px;
        height: 24px;
      }
      
      .buttonEnd {
        background: url('/SWCode/cms_images/sop/fourpoints/V2/4pointsBtnv2.gif') no-repeat scroll 0 -47px;
        position: absolute;
        display: block;
        top: 0;
        right: -5px;
        width: 5px;
        height: 24px;
      }
      
      .reserveBtn {
        background-color: #9cc5c9;
        color: #06374E;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
        padding: 6px 0px 6px;
        font-weight: bold;
        float: right;
      }
	  
#banner { position: relative; }

#resformsubmit {
	  background: url("/SWCode/cms_images/sop/fourpoints/V2/4pointsRBtn.gif") no-repeat scroll top left;
	  width: 100px;
	  height: 24px;
	  text-align: center;
	  color: #06374E;
	  text-transform: uppercase;
	  font-weight: bold;
	  display: block;
	  border: 0px;
	  font-size: 11px !important;
}

.linkBullet { font-weight: bold; text-transform: capitalize; }

#brandNavigatorContainer #brandNavIframeShim {
    border: medium none;
    display: none;
    height: 187px;
    left: -10px;
    position: absolute;
    top: -210px;
    width: 142px;
    z-index: 200;
}

#brandNavBrandList {
    background-color: #D6EBEC;
    border: 1px solid #B5B599;
    padding: 8px 0;
    width: 142px;
}

#brandNavBrandList {
    color: #666666;
    display: block;
    font-size: 11px;
    left: -10px;
    margin: 0;
    position: absolute;
    text-align: left;
    top: -210px;
    visibility: hidden;
    z-index: 1000;
}

#brandNavBrandList a {
	color: #06374E !important;
	display: block;
	margin: 3px 5px;
}

#otherStarwoodBandsContainer {
	position: relative;
}

#imageFlash { float: left; }

#languageSelectorTrigger, #signIn {
	cursor: pointer;
}