/************************************************

	INTHELAPOFLUXURY

	Global	
	Page
	Masthead & Nav
	Content
	Header
	Menu
	Footer
	Links
	Announcement
	Table basic
	Table simple
	Table plain
	Table layout
	Divs
	sub_menu


/***********************************************
	Colors
***********************************************/
.red { color: #B45535; }
.dim { color: #999999; }


/************************************************
	Global	
************************************************/
html {
/* for Firefox browsers */
	height: 100%; 
	margin-bottom: 0.1px; 
	font-size: 100%;
	}
h1 {
	font: normal 24px Arial, Helvetica, Geneva, sans-serif; 
	margin: 0;
	}
h2 {
	font: normal 21px Arial, Helvetica, Geneva, sans-serif; 
	margin: 30px 0 0 0;
	}
h3 {
	font: normal 18px Arial, Helvetica, Geneva, sans-serif; 
	margin: 30px 0 0 0;
	}
h4 {
	font: bold 15px Arial, Helvetica, Geneva, sans-serif; 
	margin: 0;
	}
td, th, select, textarea, input {
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	}

/***********************************************
	Page
***********************************************/
body {
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	color: #12205F;
	margin: 0;
	padding: 0;
	border: 0;
	background: #12205F url(https://www.inthelapofluxury.com/images/bgBody.jpg) center top repeat-y;
	}
#wrapper {
	margin: 0;
	position:relative;
	display:block;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: #FFFFFF url(https://www.inthelapofluxury.com/images/bgBodyBot.jpg) center bottom no-repeat;
	padding-bottom: 30px;
	}


/***********************************************
	Masthead & Nav
***********************************************/
#masthead {
	width: 100%;
	height: 150px;
	position:absolute;
	display:block;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	background: transparent url(https://www.inthelapofluxury.com/images/bgTop.gif) center top no-repeat;
	padding-top: 5px;
	text-align: center;
	}
#nav {
	margin: 0;
	padding: 15px 0 0 20px;
	border: 0;
	width: 570px;
	position:relative;
	}
#shadow_top {
	width: 100%;
	height: 430px;
	position:absolute;
	display:block;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
	background: #FFFFFF url(https://www.inthelapofluxury.com/images/bgShadow.jpg) center top no-repeat;
	}


/***********************************************
	Content
***********************************************/
#container {
	width: 790px;
	position:relative;
	display:block;
	top: 0;
	z-index: 1;
	}
#mainbody {
	width: 790px;
	position:relative;
	float:left;
	display:block;
	top: 0;
	left: 0;
	z-index: 2;
	background: #FFFFFF url(https://www.inthelapofluxury.com/images/bgContent.jpg) left top repeat-y;
	}


/***********************************************
	Header
***********************************************/
#shadow_masthead {
	width: 780px;
	height: 60px;
	position:absolute;
	float:left;
	display:block;
	top: 0;
	left: 5px;
	z-index: 4;
	background: transparent url(https://www.inthelapofluxury.com/images/bgShadowTop.jpg) center bottom no-repeat;
	}
#header {
	width: 780px;
	height: 90px;
	top: 60px;
	left:0;
	position:relative;
	display:block;
	text-align: left;
	}
#logo {
	position:relative;
	float: left;
	top: 0;
	left: 0;
	display:inline;
	}
#banner_masthead {
	position:relative;
	float: right;
	top: 0;
	left: 390;
	display:inline;
	padding-top: 5px;
	padding-right: 30px;
	text-align: center;
	}
#banner_masthead a {
	text-decoration: none;
	}
#breadcrumbs {
	width: 790px;
	height: 135px;
	display:block;
	position:relative;
	top: 70px;
	left: 0;
	background: transparent url(https://www.inthelapofluxury.com/images/bgNavTop.jpg) center top no-repeat;
	z-index: 5;
	}
#breadcrumbs .content {
	vertical-align: bottom;
	display:block;
	text-align: left;
	padding-top: 15px;
	padding-left: 33px;
	padding-right: 30px;
	}
#breadcrumbs a, #breadcrumbs a:visited {
	font-weight: normal;
	color: #535FAC;
}
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {
	font-weight: normal;
	color: #333333;
}


/***********************************************
	Maincontent
***********************************************/
#maincontent {
	width: 780px;
	min-height: 350px;
	display:block;
	position:relative;
	margin-top: 0;
	left: 0;
	clear:both;
	z-index: 9;
	text-align: left;
	}
#left {
	width: 570px;
	float: left;
	}
#right {
	width: 180;
	float: left;
	}
#full {
	width: 780px;
	float: left;
	}
#left .content {
	padding: 0 30px;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	text-align: left;
	}
#center .content {
	padding: 0 30px;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	text-align: left;
	}
#right .content {
	padding: 0 30px 0 0;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	text-align: left;
	}
#full .content {
	padding: 0 30px;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	text-align: left;
	}


/***********************************************
	Footer
***********************************************/
#paddingbottom {
	margin-top: 20px;
	}
#menu_bottom {
	width: 780px;
	height: 120px;
	bottom: 0;
	position:relative;
	background: transparent url(https://www.inthelapofluxury.com/images/bgNavBot.jpg) center bottom no-repeat;
	z-index: 2;
	}
#menu_bottom table {
	width: 100%;
	text-align: center;
	padding-top: 93px;
	}
#shadow_bottom {
	width: 790px;
	height: 5px;
	display:block;
	position:relative;
	top: 0;
	left: 0;
	background: transparent url(https://www.inthelapofluxury.com/images/bgShadowBot.jpg) center bottom no-repeat;
	z-index: 100;
	clear:both;
	}
#subfooter {
	color: #333333;
	padding: 0 0 144px 0;
	margin: 0;
	font: normal 11px Arial, Helvetica, Geneva, sans-serif; 
	clear: both;
	text-align: center;
	}
#subfooter a {
	font: normal 11px Arial, Helvetica, Geneva, sans-serif; 
	text-decoration: none;
	color: #535FAC;
	}
#footer a:hover {
	text-decoration: underline;
	color: #333333;
	}


/***********************************************
	Banner
***********************************************/
#banner {
	margin: 0;
	padding: 0;
	border: 0;
	width: 800px;
	background-color: #FFFFFF;
	}
#banner img {
	float: left;
	}

	
/***********************************************
	Links
***********************************************/
a,  a:visited {
	font-weight: normal;
	color: #535FAC;
	text-decoration: none;
	}
a:hover, a:active, a:focus {
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
	}

#checkout_steps {
	font: normal 11px Arial, Helvetica, Geneva, sans-serif; 
	}
#checkout_steps a,  #checkout_steps a:visited {
	font: normal 11px Arial, Helvetica, Geneva, sans-serif; 
	font-weight: normal;
	color: #535FAC;
	text-decoration: none;
	}
#checkout_steps a:hover, #checkout_steps a:active, #checkout_steps a:focus {
	font: normal 11px Arial, Helvetica, Geneva, sans-serif; 
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
	}


/***********************************************
	Divs
***********************************************/
.clear, .clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	}
#thumbnails {
	margin: 18px 24px;
	text-align: center;
	color: #333333;
	font-size: 11px;
	}
#thumbnails a:link, #thumbnails a:link {
	color: #333333;
	font-size: 11px;
	text-decoration: none;
	}
#thumbnails a:hover {
	color: #4657A7;
	}
#thumbnails .cover {
	float: left;
	width: 120px;
	min-height: 100px;
	margin: 0 10px 30px 0;
	text-align: center;
	}
#thumbnails .bed {
	float: left;
	width: 210px;
	min-height: 100px;
	margin: 0 10px 30px 0;
	text-align: center;
	}
#caption {
	font-size: 11px;
	}


/***********************************************
	My Divs
***********************************************/
img {
	border: 0;
	}
.left, .alignleft {
	text-align: left;
	}
.right, .alignright {
	text-align: right;
	}
.floatleft {
	float: left;
	border: 0;
	margin: 0 18px 12px 0;
	padding: 0;
	}
.floatright {
	float: right;
	border: 0;
	margin: 0 0 12px 18px;
	padding: 0;
	}
.small {
	font: normal 11px Arial, Helvetica, Geneva, sans-serif; 
	}
.sidebar {
	padding-top: 62px;
	}	
.error { 
	color: #B45535;
	}	


/************************************************
	Top Menu
************************************************/
#masthead a.mainlevel {
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
#masthead a.mainlevel:hover {
	text-decoration: none;
	color: #777777;
}
#masthead .mainlevel,
#menu_bottom .mainlevel  {
	text-decoration: none;
	color: #CCCCCC;
	font-size: 15px;
	font-weight: normal;
	text-transform: lowercase;
	padding-left: 3px;
	padding-right: 3px;
}

/** Bottom Menu **/
#menu_bottom {
	font-weight: normal;
}
#menu_bottom a.mainlevel  {
	text-decoration: none;
	text-transform: none;
	font-size: 11px;
	color: #535FAC;
}
#menu_bottom a.mainlevel:hover  {
	text-decoration: none;
	text-transform: none;
	font-size: 11px;
	color: #333333;
}
#masthead .navspacer, #menu_bottom .navspacer {
	color: #CCCCCC;
}

/************************************************
	Announcement
************************************************/
.announcement {
	margin: 0;
	padding: 0 0 24px 0;
	margin: 0;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	color: #333333;
	}
.announcement img {
	float: right;
	margin: 0 0 12px 20px;
	padding: 0;
	border: 0px dotted #999999;
	}
.announcement h2 {
	color: #000000;
	padding: 0;
	margin: 0 0 6px 0;
	}
.announcement h3 {
	color: #000000;
	padding: 0;
	margin: 0 0 6px 0;
	}
.announcement.small {
	font-size: 10px;
	}

/************************************************
	Table basic
************************************************/
table.basic { 
	border: 1px solid #999999; 
	}
table.basic td { 
	background: #FFFFFF;
	padding: 3px 5px;
	color: #333333;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	text-align: left;
	vertical-align: middle;
	border-right: 1px solid #E5E5E5;
	border-bottom: 2px solid #E5E5E5;
	}
table.basic th { 
	background-color: #EEEEEE;
	color: #333333;
	padding: 3px 5px;
	font: normal 12px Arial, Helvetica, Sans-Serif; 
	text-align: left;
	vertical-align: middle;
	border-right: 1px solid #E5E5E5;
	border-bottom: 2px solid #E5E5E5;
	}
table.basic textarea, table.basic select, table.basic input, input   { 
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	}
table.basic td.aligncenter, table.basic th.aligncenter {
	text-align: center;
	}
table.basic td.alignright, table.basic th.alignright {
	text-align: right;
	}
table.basic th.error { 
	color: #B45535;
	}	
	
/************************************************
	Table simple
************************************************/
table.simple { 
	border: 0; 
	}
table.simple td { 
	padding: 3px 5px;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	text-align: left;
	vertical-align: top;
	}
table.simple th { 
	padding: 3px 5px;
	font: bold 12px Arial, Helvetica, Sans-Serif; 
	text-align: left;
	vertical-align: top;
	}
table.simple td.aligncenter, table.simple th.aligncenter {
	text-align: center;
	}
table.simple td.alignright, table.simple th.alignright {
	text-align: right;
	}
table.simple td.alignrightbottom, table.simple th.alignrightbottom {
	text-align: right;
	vertical-align: bottom;
	}
table.simple td.alignrightmiddle, table.simple th.alignrightmiddle {
	text-align: right;
	vertical-align: middle;
	}
table.simple td.alignmiddle, table.simple th.alignmiddle {
	text-align: center;
	vertical-align: middle;
	}

/************************************************
	Table plain
************************************************/
table.plain { 
	border: 0; 
	}
table.plain td, table.plain th { 
	padding: 3px 5px;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	text-align: left;
	vertical-align: top;
	}
table.plain textarea, table.plain select, table.plain input, input   { 
	font: normal 12px Arial, Helvetica, Geneva, sans-serif; 
	}
table.plain td.small { 
	padding: 2px 5px;
	font: normal 11px Arial, Helvetica, Sans-Serif; 
	}
table.plain textarea.small, table.plain select.small, table.plain input.small, input.small   { 
	font: normal 11px Arial, Helvetica, Geneva, sans-serif; 
	}

/************************************************
	Table layout
************************************************/
table.layout {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}
table.layout td { 
	text-align: left;
	vertical-align: top;
	border: 0;
	margin: 5px;
	padding: 0;
	}

/************************************************
	sub_menu
************************************************/
#sub_menu { 
	padding: 0; 
	border-bottom: 0 solid #999; 
	margin: 5px 0 0 0; 
	}
#sub_menu li { 
	list-style: none; 
	}
#sub_menu li a { 
	display: block; 
	color: #333333; 
	background: transparent url(https://www.inthelapofluxury.com/images/bgBodyBot.jpg) center top no-repeat;
	width: 180px;
	padding: 6px;
	border: 1px solid #CCCCCC;
	margin: 0 0 2px 0; 
	font-weight: normal; 
	text-decoration: none; 
	letter-spacing: 0.5px;
	}	
#sub_menu li a.sub { 
	background-color: #F4F4F4; 
	width: 175px; 
	padding: 6px;
	}	
#sub_menu li a:hover, #sub_menu li .active { 
	font-weight: bold; 
	}

