* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #ccffff url(/images/bg.jpg) 0 0 repeat;
    font-size: 62.5%;
}

hr {
    color: #4473D0;
}

h1 {
    font-size: 1.3em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.1em;
}

img {
    border: 0;
}

li {
    list-style: none;
}

td {
    vertical-align: top;
}

p {
    margin: 5px 0;
}
a {
    color: #875712;
}
a:visited {
    color: #e1911e;
}
.clear {
    clear: both;
    height: 1px;
}
#outer {
    width: 964px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    font-size: 1.2em;
}

#header {
    height: 92px;
}

img.logo {
    float: left;
    margin: 20px 0 20px 30px;
}

.site-highlights {
    width: 200px;
    float: right;
    color: #006191;
    font-weight: bold;
    font-size: 1.1em;
    margin: 10px 0;
}

.site-highlights p {
    margin: 0;
}

#content-wrapper {
    position: relative;
    background: transparent url(/images/content-bg.png) 0 0 repeat-y;
}

#nav-left {
    position: absolute;
    top: 80px;
    left: 0;
}

.nav-meat {
    margin-top: -3px;
    /*padding: 10px 0;*/
    background: transparent url(/images/nav-bg.jpg) 0 0 repeat-y;
}

.nav-meat ul {
    /*border-top: 1px solid #62AAD0;*/
    min-height: 1%;
    /*list-style: disc inside;*/
}
.nav-meat li {
    border-top: 1px solid #C3EAF9;
    border-bottom: 1px solid #62AAD0;
    margin-left: 3px;
    margin-right: 8px;
    font-size: 1.1em;
    width: 195px;
    height: 1%;
}
.nav-meat li.first {
    border-top: 0 solid black;
}
.nav-meat li.last {
    border-bottom: 0 solid black;
    padding-bottom: 1px;
}
.nav-meat li a {
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    background: transparent url(/images/nav-bg-link.jpg) 0 0 repeat-y;
    text-decoration: none;
    color: #00527E;
    display: block;
}
.nav-meat li a:hover {
    background-position: 0 -20px;
}
.items-nav {
    /*margin-top: 10px;*/
}
.bed-example {
    text-align: center;
}
#content {
    padding: 0 40px 20px 0;
    margin-left: 225px;
    min-height: 700px;
}

.head-left {
    position: absolute;
    left: 0;
    top: 0;
}

.head-right {
    position: absolute;
    right: 0;
    top: 0;
}

#ch-middle {
    background: transparent url(/images/middle-middle.jpg) 0 0 repeat-x;
    padding-left: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
}

#ch-top {
    height: 26px;
    background: transparent url(/images/middle-top.png) 0 0 repeat-x;
}

#ch-bottom {
    height: 21px;
    background: transparent url(/images/middle-bottom.png) 0 0 repeat-x;
}

#footer {
    position: relative;
    height: 10px;
    background: transparent url(/images/middle-foot.png) 0 0 repeat-x;
}
.bottom-info {
    margin: 15px 30px;
    border-top: 5px solid #C57F19;
}

.foot-left {
    position: absolute;
    left: 0;
    top: 0;
}

.foot-right {
    position: absolute;
    right: 0;
    top: 0;
}
.blue-box {
    position: relative;
    margin-bottom: 10px;
}
.blue-header {
    background: transparent url(/images/gradient-dark-blue-banner.jpg) 0 0 repeat-x;
    color: #fff;
    padding-left: 20px;
    font-weight: bold;
    font-size: 1.1em;
    height: 30px;
    line-height: 30px;
}
.blue-header a {
    color: #fff;
}
.blue-left-corner {
    position:absolute;
    top: 30px;
    left: 0;
}
.blue-click-here {
    float: right;
}
.blue-price {
    width: 150px;
    height: 30px;
    float: right;
    color: #1F6D95;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    background: transparent url(/images/gradient-blue-price.jpg) 0 0 repeat-x;
}
.blue-inner {
    background: #F7F7F7 url(/images/shadow.gif) 0 0 repeat-x;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    margin-left: 15px;
    padding: 10px;
    height: 1%;
}
#titleBar {
    margin-left: 225px;
    color: #666;
}
#breadcrumbs {
    margin-bottom: 15px;
}
#breadcrumbs li  {
   display: inline;
    margin-left: 0;
    color: #999;
}
#breadcrumbs a {
    color: #999;
}
#notice {
    padding:10px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    background-color: yellow;
}
.site-info {
    width: 650px;
    float: left;
    margin: 20px 0;
    height: 20px;
    line-height: 20px;
}
.payment-methods {
   float: right;
    width: 225px;
    margin: 20px 0;
}
.payment-methods li {
    float: right;
   width: 40px;
    height: 25px;
}
.payment-methods li span {
    display: none;
}
li.visa {
	background: transparent url( /images/visa.gif ) 0 0 no-repeat;
}

li.americanExpress {
	background: transparent url( /images/americanExpress.gif ) 0 0 no-repeat;
}

li.masterCard {
	background: transparent url( /images/masterCard.gif ) 0 0 no-repeat;
}

li.discover {
	background: transparent url( /images/discover.gif ) 0 0 no-repeat;
}

li.check {
	background: transparent url( /images/check.gif ) 0 0 no-repeat;
}
#faqs-page ol#toc li {
    margin-left: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}
ul#faqs {
    margin-top: 40px;
}
ul#faqs li {
    margin-bottom: 20px;
}
ul#faqs th.question-label {
    color: #0084c5;
}
ul#testimonials {
    margin-top: 30px;
}
#testimonials .label {
    font-weight: bold;
    color: #999;
}
#testimonials .data {
   padding-left: 20px;
}
#testimonials .story {
    border-left: 5px solid #ba781a;
    padding-left: 15px;
}
.contact-phone {
    width: 200px;
    float: left;
    margin: 15px 0;
}
.contact-address {
    width: 200px;
    float: left;
    margin-top: 25px;
}
.contact-phone .label {
    font-weight: bold;
    color: #0084c5;
}
table.survey-page-1 th {
    text-align: right;
    padding-right: 5px;
    color: #666;
    padding-bottom: 5px;
}
table.survey-page-1 td {
    padding-bottom: 5px;
}
.embedded-form {
    text-align: center;
    padding: 10px 0;
}
.localeSelector {
	cursor: pointer;
	position: relative;
	float: right;
	background-color: #99ff99;
	padding: 3px;
	border: 1px solid #006633;
	z-index: 97;
}

.localeSelector:hover {
	background-color: #9999ff;
}

.localeSelectorMenu {
	cursor: pointer;
	position: absolute;
	background-color: #99ff99;
	padding: 0;
	border: 1px solid #006633;
	z-index: 101;
}

div.localeSelectorMenu {
	padding: 3px 3px 3px 3px;
}

.localeSelectorMenu div:hover {
	background-color: #9999ff;
}

span.error, div.error {
	font-weight: bold;
	color: red;
	margin-left: 5px;
	background-image: url(/images/exclamation-16.png);
	background-repeat: no-repeat;
	padding-left: 20px;

}

span.error a, div.error a {
	color: red;
}

.editable-in-place {
	cursor: pointer;
	border: 1px dotted transparent;
}

.editable-in-place:hover {
	background-color: #ffffcc;
	border-color: #999999;
}

.edit-in-place {
	z-index: 100;
	padding: 5px;
	border: 2px inset #009999;
	background-color: #ffffff;
}

.edit-in-place input {
	font-size: 11px;
	margin-right: 3px;
	float: left;
	border: 1px solid #99ccff;
}

.edit-in-place textarea {
	height: 500px;
	width: 700px;
	font-size: 11px;
	padding: 5px;
	margin-right: 3px;
	border: 1px solid #99ccff;
}

.edit-in-place .buttons {
	display: block;
}

.edit-in-place a.edit-in-place-button {
	border: 1px outset #999999 !important;
	text-decoration: none !important;
	background-color: #99ccff !important;
	color: #000000 !important;
	float: right !important;
	padding: 2px !important;
	margin-right: 3px !important;
	font-size: 12px !important;
}

.edit-in-place.textarea a {
	margin-top: 5px;
}

.edit-in-place a.edit-in-place-button:hover {
	background-color: #ccffff;
}

.edit-in-place a.edit-in-place-button:active {
	border: 1px inset #999999;
}

.edit-in-place .localeSelector {
	display: inline;
	float: left;
	margin-right: 4px;
}

.edit-in-place .localeSelector img {
	width: 23px !important;
	height: 15px !important;
}

.edit-in-place.textarea .localeSelector {
	margin-top: 5px;
}

.tooltipped {
	cursor: help;
}

#tooltip {
	background-color: #ffffcc;
	border: 1px solid #666666;
	padding: 2px;
	max-width: 200px;
	z-index: 97;
}

#hiddenNotice,
#unpublishedNotice {
	position: fixed;
	top: 0;
	left: 0;
	text-transform: uppercase;
	width: 100%;
	padding: 20px;
	text-align: center;
	font-size: 50px;
	background-color: #cccccc;
	border-bottom: 1px solid #999999;
	opacity: 0.4;
	z-index: 10000;
}

#lutraDebugger {
	position: fixed;
	top: 50px;
	left: 200px;
	padding: 10px;
	background: #ffcccc;
	border: 1px solid #ff3333;
}

#lutraDebugger a.close {
	float: right;
	border: 1px outset #cccccc;
	padding: 2px;
	cursor: pointer;
	text-decoration: none;
}

#lutraDebugger a:hover.close {
	background: #ccffcc;
}

#lutraDebugger a:focus.close {
	border: 1px inset #cccccc;
}

#lutraDebugger ul {
	list-style: none;
	font-weight: bold;
	clear: right;
}

#lutraDebugger ul li {
	padding: 3px;
}

#lutraDebugger ul li.odd {
	background: #ffaaaa;
	border-top: 1px solid #dd0000;
	border-bottom: 1px solid #dd0000;
}

#lutraDebugger ul li.odd.last {
	border-bottom: none;
}
#metaBar {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 25px;
	text-align: center;
	background-color: blue;
	padding: 5px 0;
	color: white;
	border-top: 2px inset black;
	text-decoration: none;
	display: block;
	font-size: 12px;
	z-index: 3000;
}

#metaBar.editing {
	height: 100px;
}

#metaBarTitle {
	padding-left: 5px;
}

#metaBar #currentTags li {
	float: left;
	width: 250px;
	list-style-type: none;
	margin: 2px;
	padding: 2px;
	padding-top: 0;
	margin-top: 0;
}

#metaBar #metaTags  li {
	width: 250px;
	float: left;
	list-style-type: none;
	margin: 2px;
	padding: 2px;
}

#metaBar ul li textarea {
	width: 250px;
	text-align: left;
}

#metaBar .button {
	float: left;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border: 1px #a9a9a9;
	text-decoration: none;
	vertical-align: middle;
}

#metaBar .enabled {
	background: #e1ddc8 url(/admin/images/button.gif) repeat-x;
	color: #0a1f62;
	border-style: outset;
}

#metaBar .enabled:hover {
	background: #f1e3d5 url(/admin/images/button-hover.gif) repeat-x;
}

#metaBar .enabled:active {
	border-style: inset;
}

#metaBar .disabled {
	background: #d8d8d7 url(/admin/images/button-disabled.gif) repeat-x;
	color: #777;
	border-style: dotted;
	cursor: default;
}

#metaButtons {
	border: 1px solid blue;
	float: left;
	width: 150px;
	margin-top: 5px;
	text-align: left;
	padding-left: 5px;
}

#metaBarMessage {
	font-size: .9em;
	font-weight: bold;
	line-height: 35px;
	float: right;
	vertical-align: middle;
	margin-right: 4px;
	padding: 3px;
	width: 80px;
	color: green;
	background-color: #FAEBD7;
	border: 1px solid white;
	text-align: center;
}

a#showInAdmin {
	background-color: #FFA500;
	padding: 5px 0;
	color: black;
	border-top: 1px dotted black;
	text-decoration: none;
	float: right;
	width: 150px;
	margin-right: 5px;
}

a#showInAdmin:hover {
	background-color: #FFD53C;
}
/* for clumping */
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	display: block;
}

#prevLink {
	left: 0;
	float: left;
	background: url( /includes/lightbox/images/prevlabel.gif ) left 0 no-repeat;
}

#nextLink {
	right: 0;
	float: right;
	background: url( /includes/lightbox/images/nextlabel.gif ) right 0 no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding: 0 10px;
}

#imageData #imageDetails {
	width: 100%; /*float: left;*/
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageDetails #closeButton {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha( opacity = 60 );
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
	height: 1%; /* End hide from IE-mac */
}
	

