@charset "utf-8";
@import url("header.css");
@import url("privatelabel.css");
@import url("interior.css");
@import url("admin.css");

/*	COLORS TO FIND AND REPLACE	*/
/*
MAIN COLOR:
DARK BLUE
#003468

SECONDARY COLOR:
BRIGHT PINK
#DE1148

ADDITIONAL MINIMAL COLOR:
LIGHT BLUE
#0071A8
*/


body {
	/*background-color:#f5f5f4;*/
	color:#3a3a3a;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	background:none;
	/*background-image: url(/template_images/body/bg_page_gears_pl.gif);
	background-repeat: no-repeat;
	background-position: center 110px;*/
}
a {
	color:#0071a8;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.cursorPointer{
	cursor:pointer;
}
.reqd, .reqdField{
	font-weight:bold;
	color:#003468;
}

/* 4 rounded corners */
/*.rounded, #CONTENTWRAP, #FOOTER, #NAVIGATION, .all-four-rounded-corners {*/
.rounded, .all-four-rounded-corners {
	background-color:#e9e9e8;
	border:1px solid #b7b7b7;
	padding:10px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*	because the design has a dual grey border with a white interior after some padding
	we set that up here	*/
.bgbox, #CONTENT{
	background-color:#fff;
	display:block;
	padding:5px;
}


/*	unfortunately an additional div needed to place the background gradient	*/
/*	ended up having to use this div for the gears or they were hidden by the bg color necessary for IE to display the bg image. */


/*	The main wrapper so that we can assign widths if need be */
body.defaultpl #WRAPPER{
	width:98%;
/*width: 992px;*/
}
body.hoteldetail.popup #WRAPPER{
	min-width:725px!important;
	width:725px!important;
}
/*#CONTENTWRAP{
	width:505px;
	float:left;
}*/
body.hoteldetail.popup #CONTENTWRAP{
	min-width:705px!important;
	width:705px!important;
}
#WRAPPER{
	width:98%;
	/*
	min-width:992px;
	width: 992px;
	*/
	/*	STILL NEED TO DECIDE ON EXPANDING WIDTH	
		FOR sure will use this in the admin pages	*/
	/*width:90%;*/
}

/*	BULLETS IN CONTENT AREA	*/
#CONTENT ol{
	margin-left: 5px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	clear:both;
	list-style:none;
}
#CONTENT ol ol {
	margin-left:0px;
	margin-bottom:0px;
}
#CONTENT ol li, #CONTENT ul li {
	list-style:none;
	margin-left: 10px;
	padding-left: 10px;
	background-image: url(/images/common/bullets/chevron.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	display:block;
	line-height:14px;
	zoom:1;
}


/*	For the Homepage "Mapping" and "Main" are the two columns */
body.defaultpl #MAPPING{
	clear:none;
	float:left;
	width:586px;
}
body.defaultpl #MAIN{
	clear:none;
	/*float:right;*/
	margin-left:auto;
	margin-right:auto;
	width:230px;
}
body.defaultpl #QUICKSEARCH, body.defaultpl #CONTENTWRAP{
	margin-top: 0px!important;
}
#NEWMAP, #FEATUREDDEST, #QUICKSEARCH, #CLAIMPROFILE, #ENEWSTILE, #LIVECHATTILE, #NAVIGATION, #FOOTER{
	margin-top: 18px!important;
}


/*	HOMEPAGE specific divs	*/

#FEATUREDDEST object{
	background-color:#f5f5f4;}

#MAIN .widthHalf{
	width:164px;
}
#CLAIMPROFILE{
	padding:15px;
	height:80px;
	background-image: url(../empowermint_images/home/bg_compare.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#CLAIMPROFILE h3{
	margin-top:-.2em;
	font-size:18px;
	letter-spacing:-.05em;
}
#CLAIMPROFILE p{
	margin-top:.5em;
}
#CLAIMPROFILE a, #CLAIMPROFILE strong{
	font-weight:bold;
}
#ENEWSTILE img, #LIVECHATTILE img{
	border: 1px solid #fff;
}
#ENEWSTILE{
	float:left;
}
#LIVECHATTILE{
	float:right;
}


/*	INTERIOR PAGES	*/

#CONTENTWRAP{
	width:415px;
	float:left;
}

/*	INTERIOR RIGHT COLUMN (navigation column)	*/
#NAVIGATION{
	width:208px;
	float:right;
}
#NAVIGATION .bgbox{
	padding:0px;
}


/*	Footer Global styles	*/

#FOOTER {
	font-size: 9px;
	margin-bottom: 5px;
}

#FOOTER h5 {
	float: right;
	display: table-cell;
	font-size: 10px;
	font-weight: normal;
	color:#666666;
}
#FOOTER ul, #FOOTER h5 {
	background-color:#FFF;
	display:block;
}
#FOOTER li {
	display: inline;
}
#FOOTER a {
	background-color: #FDFDFD;
	margin: 0px 0px 0px 5px;
	border: 1px solid #FDFDFD;
	float: left;
	color: #99b3cc;
	font-weight: bold;
	padding: 5px 2px 5px 2px;
	text-decoration:none;
}
#FOOTER a:hover {
	background-color: #e3ecf4;
	border: 1px solid #e3ecf4;
	color:#0071a8;
}




/*	
Stephën Miessner 
smiessner@empowerMINT.com
*/