/****************************************************************/
/********************** BRANDING PANEL **************************/
.brandingOuter {
   height:102px;
   vertical-align:top;
   width: 100%;
   clear: both
}

/***************************************************************/
.brandingPanel {
   margin: 0px;
   background-image: url('../images/header.jpg') ;
   padding: 0px;
   width: 100%;
   height:102px;
}

/****************************************************************/
/********************** ROOM PANEL ******************************/
.roomOuter {
   width: 100%;
   clear: both;
}

/***************************************************************/
.roomPanel {
   border-collapse: collapse;
   padding: 0px;
   width: 100%;
   text-align: left;
	background-color: #b1dbf0;
}

.rooms {
   width: 100%;
}

.rooms td{
   padding: 0px;
   font-size:12px;
   font-weight:bold;
   text-align:center;
   color : #ffffff;
}

.rooms img{
   padding: 0px;
   margin: 0px;
   border: 0px;
   display: block;
}

/************************* TEXT ROOMS *************************/
.rooms a.room{
   color : #102b51;
   text-decoration : none;
   display: block;
   border-right: 3px solid #25769e;

   padding: 5px;
   padding-top: 10px;
   background-color: #b1dbf0;
   font-weight: bold;
   font-size: 11px;
   text-align:center;
   vertical-align:middle;
   height:20px;
}

.rooms a.room:hover, .rooms a.roomSelected  {
	color : #102b51;
	text-decoration : none;
	display: block;
   border-right: 3px solid #25769e;

	padding: 5px;
   padding-top: 10px;
	font-weight: bold;
	background-color: #fff;
   font-size: 11px;
   text-align:center;
   height:20px;
}

/****************************************************************/
/********************** INFO PANEL ******************************/
.infoPanelOuter {
   background-color: #91ccea;
	background-color: #b1dbf0;
}

.infoPanel{
   height: 23px;
   border: 0px solid;
}

.infoPanel td{
   color:#000;
}

.infoPanel .infoLeftTD{
   width:224px;
}

.infoPanel .textBold{
	font-size: 12px;
   font-weight: bold;
   padding-right:5px;
   padding-left:5px;
}

.infoPanel .smallText{
	font-size: 11px;
   font-weight: normal;
   color:#102b51;
}

.infoPanel a, .infoPanel a:visited{
   color:#000;
	text-decoration : none;
}

.infoPanel a:hover{
	text-decoration : underline;
}

.infoPanel .viewCartText{
	font-size: 12px;
   font-weight: bold;
}

.infoPanel a.viewCart, .infoPanel a.viewCart:visited{
   color:#000;
	text-decoration : none;
}

.infoPanel a.viewCart:hover{
	text-decoration : underline;
}
/****************************************************************/
/********************** LEFT PANEL ******************************/
.leftPanelOuter {
   vertical-align:top;
   background-color: #91ccea;
   width:224px;
   height: 100%;
}

/***************************************************************/
.leftPanel {
   border-collapse: collapse;
   color: #CC0033;
   text-align: left;
   border:0px solid #000;
   margin:auto;
   width:224px;
}

.leftPanel td {
   font-size: 12px;
   padding: 5px;
}

.leftPanel td.title {
	font-size: 14px;
	line-height: 16px;
	color: #102b51;
	font-weight: normal;
}

.leftPanel td.arrow{
   padding: 8px;
}

/************************* TEXT CATEGORY *************************/
.leftPanel a.category, a.category:visited{
	text-decoration : none;
	font-size: 13px;
	font-weight: bold;
	color: #102b51;
	line-height: 14pt;
	letter-spacing: normal;
}

.leftPanel a.category:hover,
.leftPanel a.categorySelected
{
	text-decoration : none;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 14pt;
	letter-spacing: normal;
}

.leftPanel .categorySelected{
	color : #c09f54;
	text-decoration : none;
	font-weight: bold;
}

/************************* TEXT SUB CATEGORY *************************/
.subCat {
   padding: 0px;
   border-collapse: collapse;
   vertical-align:top;
   width: 100%;
}

.subCat td.subCatNotSelected{
   padding: 5px;
   font-size: 12px;
   font-weight: bold;
}

.subCat td.subCatNotSelected{
	color: #102b51;
}

.subCat td.subCatSelected{
	color: #fff;
}

.subCat a.subCategory {
	text-decoration : none;
	font-weight: bold;
	color: #102b51;
	line-height: 14pt;
	letter-spacing: normal;
}

.subCat a.subCategory:hover,
.subCat a.subCategorySelected {
	text-decoration : none;
	font-weight: bold;
	color: #fff;
	line-height: 14pt;
	letter-spacing: normal;
}
/****************************************************************/
/********************** LEFT PANEL CALLOUT **********************/
.leftPanelCalloutOuter {
   vertical-align:top;
   background-color: #d5d5d5;
   width:225px;
   height: 100%;
}

/***************************************************************/
.leftPanelCallout  {
   width:100%;
   margin:auto;
   height: 100%;
}

.leftPanelCallout  td {
   padding: 5px;
   text-align:center;
}

.leftPanelCallout  td.heading{

}

.leftPanelCallout  a.title{
}

.leftPanelCallout  a.title:hover
{
}

/****************************************************************/
/********************** RIGHT PANEL CALLOUT **********************/
.rightPanelCalloutOuter {
   vertical-align:top;
   width:350px;
   height: 100%;
   background-color:#fff;
}

/***************************************************************/
.rightPanelCallout {
   width:100%;
   margin:auto;
   height: 100%;
}

.rightPanelCallout td{
}

.rightPanelCallout img{
}

.rightPanelCallout td.heading {
}

.rightPanelCallout  a.title{
}

.rightPanelCallout  a.title:hover
{
}

/****************************************************************/
/************************* PAGER PANEL **************************/
.pagerPanel{
   padding: 0px;
   width: 100%;
   background-color: #fff;
   margin:auto;
}

.pagerPanel td{
}

/***************************************************************/
.pagerDisplay{
   padding: 0px;
   border:0px solid #000;
   border-collapse: collapse;
   width: 400px;
   text-align:right;
   float:right;
}

.pagerDisplay td.back{
   width: 100px;
   text-align: left;
}

.pagerDisplay td.prev{
   width: 70px;
   text-align: left;
}

.pagerDisplay td.next{
   width: 50px;
   text-align: right;
}

.pagerDisplay td.display{
   text-align: center;
}

.pagerDisplay a:link, .pagerDisplay a:visited{
	color : #000;
}

/*************************** PATH ********************************/
.pagerPanel td.path{
   font-size: 11px;
   color: #000;
   font-weight: bold;
   padding:5px;
}

/****************************************************************/
/************************* FOOTER PANEL **************************/
.footerOuter {
   height:26px;
   vertical-align:bottom;
   background-color:#3d88ab;
}

/***************************************************************/
.footerPanel {
   background-image: url('../images/footer.jpg') ;
   border-collapse: collapse;
   padding: 0px;
   width: 100%;
   height:26px;
}

.footerPanel td {
	font-size: 7pt;
	line-height: 10pt;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
}

.footerPanel  a{
   font-size:9px;
   text-decoration:none;
   color:#ffffff;
   font-weight: bold;
}

.footerPanel a:hover{
   text-decoration:underline;
   color:#FFFFFF;
}