﻿
/***
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}

/**********************************************************/
#branding {
   height:122px;
   border-bottom: 0px solid #000;
   text-align: left;
}

/**********************************************************/
#rooms {
   font-size:15px;
   border:0px solid red;
   font-weight:bold;
   background-color:#7a9edb;
   height:30px;
}

#rooms div {
   color:#27273F;
   float:left;
   padding:5px;
   width:100px;
   border-right: 1px solid #fff;
   text-align: center;
   height:20px;
}

#rooms div.first {
}

#rooms div.middle{
}

#rooms div.last {
}

#rooms a {
   text-decoration: none;
}

#rooms a:hover,
#rooms a.selected{
   
}

#rooms a.selected{
   font-weight:bold;
   text-decoration: underline;
}

#rooms img{
}

/****************************************************************/
#categories {
   font-size: 11px;
   text-align: left;
   color: #000066;
   float:left;   
   margin-top: 10px;
}

#categories div {
   margin:0px 5px 10px 5px;
}

#categories div a {
   font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
   font-size: 11px; 
   font-style: normal; 
   font-weight: normal; 
   color: #1B9E7C
}

#categories div a:hover{
	color : #CC0000;
	text-decoration : underline;
}

#categories div.selected a{
	color : #CC0000;
	font-weight: normal;
	text-decoration : none;	
}

#categories div.arrow
{
   float:left;
   padding: 5px 0px 0px 0px;;   
}

/****************************************************************/
#subCategories {
   font-size: 10px;
   text-align: left;
   color: #000066;
   float:left; 
   padding-left:6px;
   border: 0px solid #000;   
}

#subCategories div {
   color:#fff;
   margin:0px 5px 5px 5px;
}

#subCategories div a {
   font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
   font-size: 10px; 
   font-style: normal; 
   font-weight: normal; 
   color: #1B9E7C
}

#subCategories div a:hover
{
	color : #CC0000;
	text-decoration : underline;
}

#subCategories div.selected a
{
	color : #CC0000;
	text-decoration : underline;
}

#subCategories div.arrow
{
   float:left;
   padding: 5px 0px 0px 0px;;   
}

/********************** BODY CONTENT ******************************/
#fatList{
   border:0px solid blue;
}

#fatList p, span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}

#fatList .title{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;  
  color: #1B9E7C;
  letter-spacing: 1px;
  padding: 0px 0px 10px 0px;
}

#fatList img{
}

#fatList a:link, #fatList a:visited{
  color : #ff0000;
}

#fatList a:hover{
}

.productTableBorder td {
   border: 1px solid #ccc;
   border-collapse: collapse;
}   
/**********************************************************/
#footer{
   background-color:#D6E3C9;
   height:25px;
}

#footerPanel {
   border-collapse: collapse;
   padding: 0px;
   width: 810px;
   margin:auto;
   text-align:center;
}

#footerPanel .smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: #666666;
	word-spacing: 0em;
	letter-spacing: 0.75px;
}

/********************** SEARCH PANEL ******************************/
#genericForm{
   border:0px solid #000;
}

#genericForm td{
   padding:8px;
   padding-left:0px;
   vertical-align: top;
}

#genericForm .formTitle, .formTitle{
   font-size: 14px;
   font-weight: bold;
}

#genericForm .formFieldLabel{
   font-weight: bold;
   width:150px;
}

#genericForm .formFieldValue{
   font-size: 12px;
}

#genericForm .formInputBox{
   width:250px;
}

#genericForm .formInputCountryCode{
   width:30px;
}

#genericForm .formInputBoxSmall{
   width:210px;
}

#genericForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}
/**********************************************************/
.bodyContentPanel{
   padding: 5px;
   vertical-align:top;
   width: 100%;
   text-align:top;
}

.bodyContentPaneltitle{
	color: #F4AD15;
	font-size: 15px;
	font-weight: bold;
}

#fatList .bodyContentPanelHeading{
	color: #1B9E7C;
	font-size: 12px;
	font-weight: bold;
}

.bodyContentPanelText{
	vertical-align: top;
	text-align: left;
	line-height: normal;
}

.bodyContentPanelTextBold{
	line-height: 15px
	font-weight: bold;
	font-weight: bold;
}
//*************************** CART BUTTON *************************************
a.detailCart{
   cursor: hand;
   color : #000;
   font-size: 10px;
   font-weight: bold;   
   text-decoration : none;
   padding: 2px;
   background-color: #e4e4e4;
   text-align:center;
   font-weight:bold;
   border: 3px solid #666666;
   margin-top:3px;
   cursor: pointer;
   cursor: hand;   
}

a.detailCart:hover{
   color: #cc0000;
}

a.addedCart{
   cursor: hand;
   color : #ffe85e;
   font-size: 12px;
   font-weight: bold;   
   text-decoration : none;
   padding: 2px;
   background-color: #666666;
   text-align:center;
   font-weight:bold;
   border: 3px solid #808080;
   margin-top:3px;
   cursor: pointer;
   cursor: hand;   
}

a.addedCart:hover{
   color: #ffe85e;
}

/********************** CART TABLE ******************************/
.cartTable{
   width: 98%;
   margin:5px;;
}

.cartTable td{
   color: #666666;
   vertical-align:top;
   border: 1px solid #d6e3c9;
   padding:5px;
}

.cartTable td.noBorder{
   border: 0px solid #cccccc;
}

.cartTable td.headerRow{
   font-size: 12px;
   font-weight: bold;
}

.cartTable .textBold {
   font-weight: bold;
}

.cartTable a.cartButton1{
   font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
   font-size: 10px; 
   font-style: normal; 
   font-weight: normal; 
   color: #666666; 
   text-decoration : underline;
}

.cartTable a.cartButton1:hover{
	color : #CC0000;
	text-decoration : underline;
	cursor: pointer; 
}
/********************** billingDetailsForm******************************/
.billingDetailsForm{
   border: 1px solid #d6e3c9;
   width:100%;
   text-align: left;
}

.billingDetailsForm td{
   padding: 8px;
}


/********************** CART TABLE ******************************/
.cartFooter{
   width: 100%;
   margin:auto;
}

.cartFooter td{
   padding:5px;
   padding-top:5px;
   text-align:right;
}

.cartFooter a.cartButton1{
   cursor: hand;
   color : #000;
   font-size: 10px;
   font-weight: bold;   
   text-decoration : none;
   padding: 2px;
   background-color: #e4e4e4;
   text-align:center;
   border: 3px solid #666666;
   margin-top:3px;
   cursor: pointer;
}

.cartFooter a.cartButton1:hover{
	color : #CC0000;
	text-decoration : underline;
	cursor: pointer; 
}

.cartFooter .shippingText{
   border-collapse: collapse;
   vertical-align: middle;
   text-align: center;   
   background-image: url('../images/product_bg.gif') ;
   color: #ffffff;
}

/********************** PAYMENT METHODS ******************************/
.paymentMethods{
   width: 90%;
   margin:auto;
}

.paymentMethods td{
   color: #000000;
   vertical-align:top;
   border: 1px solid #666666;
   padding:5px;
}

.paymentMethods .fieldLabel{
   font-weight:bold;
}

.paymentMethods .fieldValue{
}
/***********************************/
.cartHeading{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;  
  color: #1B9E7C;
  letter-spacing: 1px;
  padding: 0px 0px 10px 0px;   
}

/********************** CART BODY ******************************/
.cartBody{
   overflow:auto; 
   margin:7px; 
   padding-right: 10px;
   border:0px solid red; 
}

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

.cartBody .formTitle{
   font-size: 12px;
	color: #1b9e7c;
   font-weight: bold;	
}

.cartBody .formFieldLabel{
   width: 100px;
   font-size: 10px;
	color: #666666;
   font-weight: bold;	
}

.cartBody .description{
	line-height: 18px;
	color: #666666;
}

.cartBody .inputBox2 {
   width: 200px;
   color: #666666;
   border: 1px solid #cccccc;
   background-color: #F5F8F1;
}

.cartBody .inputBox3 {
   width: 250px;
   color: #666666;
   border: 1px solid #cccccc;
   background-color: #F5F8F1;
}

.cartBody .checkBox1 {
   width: 20px;
   color: #666666;
	border: 1px solid #cccccc;
   background-color: #F5F8F1;
}

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

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

.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;
   width:80px;
	border: 0px solid #000;
}

.infoPanel a.viewCart, .infoPanel a.viewCart:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
   text-align:center;
   text-decoration:none;
   display:block; 
   color: #000;

}

.infoPanel a.viewCart:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
   text-align:center;
   text-decoration:none;
   display:block; 
   color: #cc0000;
}
/****************************************************************/
.saveIframe0{
   width: 0px;
   height:0px;
   border: 10px solid blue;
   display: none;
}

.saveIframe1{
   width: 900px;
   height:100px;
   border: 10px solid #fff;
}