/*
Theme Name: TGI Web
Author: dnnsldr for Mosaic Group LLC
Author URI: http://www.mosaicteam.com
Version: 1.0
*/
/*global resets*/
* {margin:0; padding:0}
ol, ul, li{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
img {border:none}
.clear { clear: both; }
.left {    float: left; }
.right { float: right; }

a {text-decoration: none; color: #882d40;}
a:hover {text-decoration: underline;}


body {  
    text-align:center; /*For IE6 Shenanigans*/ ;
    background: #b2ac6d url(/images/header-background.png) repeat-x;
    color: #3e3e3e;
    font-family: Helvetica, arial, sans-serif;
	
}  
   
#wrapper{  
    width:960px;  
    margin:0 auto;  
    text-align:left;  
}

#header {
	background: url(/images/header.jpg) no-repeat;
	height: 175px;
}
#main {
	margin-bottom: 20px;
}
.columns {
	float: left;
}

#content {
	float: left;
	background: #f0eeef;
	border: 1px solid #86283c;
	
}
.content-home {
	width: 730px;
}
.content-interior {
	width: 730px;
	padding-bottom: 30px;
}
#content h2 {
	padding: 10px 0 10px 30px;
	color: #fff;
	background: #4c4d53;
	border:1px solid #FFF;
	
}
#content h5 {
	padding: 10px 20px;
	color: #000053;
}
#home-column1 {
	width: 265px;
	margin-left: 30px;
	float: left;
	margin-bottom: 30px;
}

#home-column1 p {
	padding: 20px 0 0 0px;
	font-size: 12px;
	line-height: 18px;
}
ul.image-rows {
	list-style: none;
	margin-top: 15px;
}
.image-rows li {
	padding: 10px 5px 10px 0;
	display: inline;
}
#home-column2 {
	width: 280px;
	float: left;
	/*margin: 0 75px 30px 80px;*/
	margin: 0 0 30px 0;
}

/************************
Partners
************************/
#partners {
	margin-bottom: 30px;
}
#partners ul {
	list-style: none;
	margin-top: 10px;
}
#partners li {
	display: inline;
	padding: 5px;
	
}
#partners li img {
	border: 1px solid #616161;
	margin-bottom: 7px;
	height: 25px;
	
}
#partners li img:hover {
	filter: alpha(opacity=80);
	opacity:.8;
	-moz-opacity: 0.8;
} 
#partners li h3 {
	display: none;
}


/***********************
Sidebars
***********************/
#sidebar {
	float: left;
	background: #f0eeef;
	border: 1px solid #86283c;
	margin-right: 15px;
	
}
.sidebar-home {
	width: 200px;
}
.sidebar-interior {
	width: 200px;
	padding: 0px 0 30px 0;
}
#sidebar img {
	padding: 10px;
}
#sidebar ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar .tabs li {
	padding: 0;
}
#sidebar .tabs li a {
	padding:10px;
	background:#86283c;
	color:#fff;
	border:1px solid #FFF;
	font-weight:bold;
	font-size: 14px;
	display: block;
}
#sidebar .tabs li a:hover {
	background: #732737;
	text-decoration: none;
}
#sidebar .tabs li a.active {
	background: #4c4d53;
}
#content_2, #content_3, #content_4 { display:none; }


.login {
	margin: 10px 0;
}
#sidebar p.welcome{
	padding: 10px 0 10px 0px;
	text-align: center;
	font-size: 14px;
	
}

#sidebar ul {
	margin: 5px 0;
}
#sidebar li {
	padding: 5px;
	font-size: 12px;
}
#sidebar p {
	padding: 5px 0 5px 0;
	font-size: 10px;
}
#sidebar h4 {
	padding:5px;
	background:#4c4d53;
	color:#fff;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}
/********sidebar forms*****/

ol.sidebar-forms {
float:left;
padding: 0;
margin: 0;
list-style-type:none;
width:200px;
}
ol.sidebar-forms li {
clear:left;
float:left;
line-height:18px;
margin-bottom:10px;
width:200px;
}
ol.sidebar-forms label {
cursor:pointer;
display:block;
float:left;
line-height:18px;
padding-right:15px;
text-align:left;
font-size: 12px;
color: #636467;
width: 50px;
}

ol.sidebar-forms input {
width:90px;
margin: 0;
padding: 0;
}
ol.sidebar-forms li input.radio {width: 15px; border: none;}
ol.sidebar-forms textarea {
height:20em;
width:150px;
}
ol.sidebar-forms li.buttons  {
margin-left: 100px;

}
ol.sidebar-forms .error {
display:block;
margin: 0.25em 0 0 95px;
font-size: 12px;
color: #86201e;
}
ol.sidebar-forms .alert{
display:block;
margin: 0.25em 0 0 95px;
font-size: 12px;
color: #86201e;
}



/*********************
Accordian
*********************/
#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
}

.accordion_headings{
	padding:5px;
	background:#4c4d53;
	color:#fff;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#5C616A;
}

.accordion_child{
	padding:15px;
}

.header_highlight{
	background:#86283c;
}
.header_highlight:hover {
	background: #86283c;
}

/***********************
Buttons
***********************/
.button {
	padding: 4px 7px;
	color: #fff;
	background: #882d40;
	margin: 0 5px;
}
.button:hover {
	text-decoration: none;
	background: #732737;
}


/************************
	forms
************************/
form {
	margin-top: 3px;
}
fieldset {
	margin: 15px 15px 35px 15px;
	width: 300px;
}
.section {
	width: 350px;
	float: left;
	
}
legend {
	margin-left: 10px;
}
legend span {
	font-size: 10px;
}
td {
	padding: 3px 10px;
}
tr {
	vertical-align: middle;
}

ol.forms {
	float: left;
	list-style: none;
	
}
.forms li {
	float: left;
	clear: left;
	width: 290px;
}
.forms label {
	float: left;
	width: 100px;
	display: block;
	padding-right: 15px; 
	text-align: right;
	margin-top: 10px;
}
.forms input {
	width: 160px;
	border: 1px solid #882d40;
	margin: 7px 0 4px;
	padding: 5px;
	
}
.forms .submit {
	margin-left: 20px;
	
}
.steps select {
}

select {
	border: 1px solid #882d40;
}

input {
	border: 1px solid #882d40;
	margin: 7px 0 4px;
	padding: 5px;
}
.steps input { /* unbreak our search form */
	margin: 0px 0px 0px;
	padding: 0px;
}

.steps input.cBox { 
	margin-bottom: 0px; 
	width: 25px;
}

.steps li {
	padding-bottom:5px;
}

.search-form {
	margin-left: 50px;
	width: 340px;
}
.search-form img {
	float: left;
	padding-right: 30px;
}
.search-form p {
	padding-left: 20px;
}
.steps {
	border-bottom: 1px solid #d3d09e;
	padding: 20px 0 5px 0;
}
.steps h4 {
	margin-bottom: 10px;
}
.steps ul{
	margin: 20px 0 20px 70px;
}

.steps input {
	width: 250px;
	/*margin-bottom: 20px;*/
	float: left;
}

.short-input {
	width: 95px;
	float: left;
	margin-bottom: 15px;
	border: none;
}
.short-input span {
	font-size: 10px;
}

.short-input input {
	margin: 3px 10px 3px 0;
	width: 75px;
}

select {
	background: #fff;
	color: #882d40;
	margin-right: 10px;
	/*width: 50px;*/
	/*margin: 5px;*/
	
}
.search-button input {
	background: #882d40;
	color: #fff;
	width: 80px;
	height: 25px;
	float: right;
	border: 1px solid #fff;
	margin: 20px 0 20px 0;
	cursor: pointer;
}
/****************
	Tables
****************/

.strong { font-weight: 700; padding-right: 15px; padding-left: 10px; }

/****************
	Hotel Listings
****************/
.listing {
	border: 1px solid #000033;
	padding: 10px;
	margin: 15px 22px 0 22px;
	/*position: relative; //removing the position to fix ie7*/
}
.listing h3 {
	font-size: 14px;
}
.listing h4 {
	margin-bottom: 10px;
}
.listing.even {
	background: #f5f5f7;
}
.listing.odd {
	background: #d8d9da;
}


.platinum_tile {
	border: 5px solid #fff;
	border-style:double;
	padding: 5px;
	height: 120px;
	color: #fff;
	
}
.platinum_tile .hotel-desc p{
	font-size: 12px;
	height: 80px;
	overflow: hidden;
	font-size: 14px;
}
.platinum_tile .hotel-desc h3 a {
	font-size: 20px;
	color: #b2ac6d;
}
.listing.platinum_tile {
	background: #2C354A;
	
}
.badge {
	top: -15px;
	left: -20px;
	z-index: 1000;
	position: absolute;
	
}

.thumb {
	/*background: url(/images/no-photo.png) no-repeat;*/
	/*border: 1px solid #3e3e3e;*/
	height: 102px;
	width: 102px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}
.thumb img { border: 1px solid #3e3e3e;}

.price-list {
	float: right;
	width: 180px;
	text-align: right;
}
.price-list p {
	padding-bottom: 10px;
}

.price-list .rating {
	margin-bottom: 10px;
}
/****************
	Hotel Profile
****************/

ul.profile-edit {
	list-style: none;
	
}
.profile-edit li {
	display: inline;
}

.profile-edit li a {
	color: #fff;
	background-color: #882d40;
	text-decoration: none;
	padding: 4px 10px;
	
}
.profile-edit li a.current {
	background: #fff;
	color: #882d40;
	font-weight: 700;
}

.profile-edit a:hover {
	color: #fff;
	background-color: #732737;
	text-decoration: none;
}
.full {
	margin-bottom: -15px;
}
/*****************
	Hotel Details
*****************/
.main-photo {
	width: 320px;
	float: left;
	margin: 0 10px 20px 0;
}
.detail-info {
	float: left;
	width: 280px;
}
.address p {
	line-height: 18px;
	padding-bottom: 5px;

}
.details-price {
	margin: 20px 0;
}
.details-price p {
	padding-bottom: 5px;
}

.detail-rating {
	float: left;
	margin-bottom: 10px;

}
.detail-rating p {
	margin-bottom: 5px;
}

.detail-rating p span {
	font-size: 10px;
	padding-left: 5px;
	margin-right: 15px;
}

.long-desc {
	margin-top: 10px;
	/*width: 580px;*/
	border-bottom: #b2ac6d;
}
.long-desc h4 {
	background: #5C616A;
	color: #fff;
	padding: 5px;
}
.long-desc p {
	line-height: 20px;
	padding-bottom: 10px;
	font-size: 13px;
}

.amenitiesCol1 ul {
	list-style: disc;
	list-style-position: outside;
	float: left;
	margin: 0 20px 20px 30px;
	width: 200px;
}
.amenitiesCol1 li {
	padding-bottom: 5px;
	font-style: italic;
	font-size: 13px;
}

.amenitiesCol2 ul {
	list-style: disc;
	list-style-position: outside;
	float: left;
	margin: 0 20px 20px 30px;
	width: 200px;
}
.amenitiesCol2 li {
	padding-bottom: 5px;
	font-style: italic;
	font-size: 13px;
}
.detail-rating {
	float: left;
}


/*********************
Slideshow
*********************/
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#slide-wrapper {width:320px; margin:0px auto; display:none; height: 410px;}
#slide-wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:315px; height:300px; padding:2px; background:#000; }
#information {position:absolute; bottom:0; width:316px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:315px}
#image img {position:absolute; z-index:25; width:auto; width: 315px;}
.imgnav {position:absolute; width:25%; height:300px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:300px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/images/link.gif) center center no-repeat}
#thumbnails {padding-top:5px;}
#slideleft {float:left; width:20px; height:81px; background:url(/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:266px; margin:0 5px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/***********************
Video Player
************************/
.video-player {
	float: right;
	width: 320px;
}

/**********************
Specials
**********************/

.specials {
	border: 1px solid #000033;
	padding: 10px;
	margin: 15px 22px 0 22px;
}
.specials h3 {
	font-size: 14px;
	margin-bottom: 10px;
	color: #86283c;
}
.specials h4 {
	margin-bottom: 10px;
}
.specials.even {
	background: #f5f5f7;
}
.specials.odd {
	background: #d8d9da;
}
.specials p {
	font-size: 12px;
}


/***********************
Footer
***********************/

#footer {
	background: url(/images/footer-background.png) repeat-x;
	height: 88px;
}
#footer .info {
	text-align: center;
	color: #882d40;
	padding-top: 30px;
	font-size: 11px;
	
}

.error { color:#aa0000; }
.statusMsg { color:green; }

h3.pageTitle { font-family:sans-serif; padding-bottom:10px; }

.back-button {
	margin: 10px 0 0 20px;
}

span#cityLabel {display:none;}
span#cityLabel.Unhidden {display:inline;}
span#cityFieldContainer {display:none;}
span#cityFieldContainer.Unhidden {display:inline;}
select#cityField { width: 200px; }

span#stateLabel {display:none;}
span#stateLabel.Unhidden {display:inline;}
span#statePleaseWait {display:none; font-size:10px;}
span#statePleaseWait img {padding-right:10px;}
span#cityPleaseWait {display:none; font-size:10px;}
span#cityPleaseWait img {padding-right:10px;}
span#stateFieldContainer {display:none;}
span#stateFieldContainer.Unhidden {display:inline;}
select#stateField { width: 200px; }

#breadcrumb { padding:5px 0; padding-left:12px; width: 460px; font-size:13px; }
#breadcrumb a { font-style:italic; font-weight:bold; }
#breadcrumb a:link { color:#86283c; }
#breadcrumb a:visited { color:#86283c; }
#breadcrumb a:visited { color:#86283c; }

.page-list {
	padding: 5px 0; margin-left: 12px;
}
/****************
	Agent Listings
****************/
.agent-listing {
	/*width: 405px;*/
	border: 1px solid #000033;
	padding: 10px;
	margin: 15px 22px 0 22px;
}
.agent-listing h3 {
	margin-bottom: 15px;
	color: #000033;
	font-size:100%;
}
.agent-listing.even {
	background: #f5f5f7;
}
.agent-listing.odd {
	background: #d8d9da;
}

.agent-thumb {
	background: url(/images/no-photo.png) no-repeat;
	border: 1px solid #3e3e3e;
	height: 100px;
	width: 100px;
	float: left;
	margin-right: 10px;
}
.agent-desc {
	float: left;
	width: 200px;
	margin-right: 30px;
}
.agent-desc p {
	font-size: 12px;
	padding-bottom:10px;
	overflow: hidden;
}

.shortAmenitiesCol1 {
	font-size:10px;
	float:left;
	text-align:left;
	width: 170px;
	height: 345px;
}

.shortAmenitiesCol2 {
	font-size:12px;
	float:left;
	text-align:left;
	width: 170px;
	height: 345px;
}

IMG.tooltip { padding-left:2px; }
#tt .bd {  /* body of tooltips */
	background-color: #fff79f;
	text-align: left;
}

#advancedOptions.hidden {
	height:0px;
	overflow:hidden;
}