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

/***************************************************************/
.brandingPanel {
   margin: 0px;
   padding: 0px;
   width: 100%;
   height:140px;
}

.headerRow2{
   background-image: url('../images/header_bar.jpg');
   background-repeat: repeat-x;
   height:23px;
}

.bodySideShade {
    width:99.5%;
}

/****************************************************************/
/********************** ROOM PANEL ******************************/
.roomOuter {
   height:100%;
   vertical-align:top;
   width: 180px;
   background-color: #666666;  
   border: 0px solid #c2c1c1;   
}

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

.roomPanel td{
   vertical-align: top;  
   padding:0px 0px 0px 0px;
}

.roomPanel td.member{
   vertical-align: bottom;  
   padding:0px 0px 0px 0px;
   border: 1px solid #999;
}

.rooms {
}

.rooms td{
   vertical-align: top;  
   padding:0px 0px 5px 5px;
}

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

/************************* TEXT ROOMS *************************/
.rooms a.room{
   color : #202020;
   text-decoration : none;
   border: 0px solid #c2c1c1;
   padding: 3px;
   font-weight: bold;
   font-size: 14px;	   
   letter-spacing: 1px;
   display: block;
}

.rooms a.room:hover, .rooms a.roomSelected  {
	color : #999999;
   text-decoration : none;
   border: 0px solid #c2c1c1;
   padding: 3px;
   font-weight: bold;
   font-size: 14px;	   
   letter-spacing: 1px;
   display: block;
}

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

.infoPanel{
   height: 23px;
   border: 0px solid;
   background-color: #636363;   
}

.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:#000;
}

.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{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	border: 1px solid #ffe65b;
	font-weight: bold;
   text-align:center;
   text-decoration:none;
   display:block; 
   color: #ffe65b;

}

.infoPanel a.viewCart:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	border: 1px solid #ffffff;
	font-weight: bold;
   text-align:center;
   text-decoration:none;
   display:block; 
   color: #ffffff;
}
/****************************************************************/
/********************** LEFT PANEL ******************************/
.leftPanelOuter {
   vertical-align:top;
   background-color: #91ccea;
   width:224px;
   height: 100%;
}

/***************************************************************/
.leftPanel {
   border-collapse: collapse;
   color: #666666;
   text-align: left;
   border:0px solid #fff;
   margin:auto;
   width:180px;
}

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

.leftPanel td.title {
	font-size: 12px;
	line-height: 16px;
	color: #000066;
	font-weight: normal;
}

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

/************************* TEXT CATEGORY *************************/
.leftPanel a.category, a.category:visited{
   color: #202020; 
	text-decoration : none;              
	font-size: 12px;                     
	font-weight: bold;                   
	line-height: 12pt;           
	letter-spacing: 1px;
	display: block; 	 
}

.leftPanel a.category:hover,
.leftPanel a.categorySelected
{
	color: #999999;
	text-decoration : none;              
	font-size: 12px;                     
	font-weight: bold;                   
	line-height: 12pt;           
	letter-spacing: 1px;
	display: block; 
}

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

.leftPanel .categoryFilterTitle{
	font-size: 15px;
	color : #000;
	text-decoration : none;
	display: block;
	border: 0px solid #c2c1c1;
	font-weight: bold;
	background-color: #aedcb0;
}
/************************* TEXT SUB CATEGORY *************************/
.subCat {
   padding: 0px;
   border-collapse: collapse;
   vertical-align:top;
   width: 100%;
}

.subCat td.subCatNotSelected{
   padding: 2px;
   font-size: 11px;
   font-weight: bold;
}

.subCat td.subCatNotSelected{
	color: #000;
}

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

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

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

/***************************************************************/
.leftPanelCallout  {
   width:100%;
   margin:auto;
   height: 100%;
   margin-left: 20px;   
}

.leftPanelCallout  td {
   padding: 2px;
   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%;
   color: #000;
   margin:auto;
}

.pagerPanel td{
   padding: 2px;
   color: black;
}

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

.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: #000000;
   text-decoration : underline;
}

.pagerDisplay a:hover{
   color: #ffffff;
   text-decoration : underline;
}

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

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

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

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

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

.pagerDisplayDetail a:link, .pagerDisplayDetail a:visited{
   color: #000000;
   text-decoration : underline;
}

.pagerDisplayDetail a:hover{
   color: #ffffff;
   text-decoration : underline;
}

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

/************************* FOOTER PANEL **************************/
.headerOuter {
   height:20px;
   vertical-align:top;
}
.headerPanel {
   border-collapse: collapse;
   background-image: url('../images/header.png') ;
   background-repeat: no-repeat;
   padding: 0px;
   height:20px;
   width: 925px;
   margin:auto;
   text-align:center;
}

/************************* FOOTER PANEL **************************/
.contentOuter {
   border-collapse: collapse;
   margin:auto;
   width: 925px;
   background-image: url('../images/contentBG.png') ;
   background-repeat: repeat-y;
}
.contentPanel {
   width: 905px;
   margin: 0px 10px;
   text-align:center;
}

/************************* FOOTER PANEL **************************/
.footerOuter {
   vertical-align:top;
   border-collapse: collapse;
   padding: 0px;
   width: 925px;
   margin:auto;
   background-image: url('../images/footer.png') ;
   background-repeat: no-repeat;
}

/***************************************************************/
.footerPanel {
   height:40px;
   text-align:center;
}

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

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

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