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

.xxx {
}

/**********************************************************/
#branding {
   height:108px;
   border: 0px solid red;
   background-image: url("images/infinity_banner.jpg");
   
}

/**********************************************************/
#rooms {
   padding-top: 34px; /* Previous 41 */
   font-size: 12px;
   color: #fff;
   margin-left: 20px;
}

#rooms div {
   color:#fff;
   text-align: center;
}

#rooms div.first,
#rooms div.middle,
#rooms div.last
{
   float:left;
   //height:20px;
}

#rooms div a {
   text-decoration: none;
   color:#fff;
   padding-top:8px;
   padding-bottom:7px;
   padding-left:7px;
   padding-right:7px;
   font-weight: normal;
   display:block;
}

#rooms a:hover,
#rooms a.selected{
   color:#008ad3;
   padding-bottom:5px;
   text-decoration: none;
   background-color:#000;
   border: 0px solid red;
}

#rooms a.selected {
   color:#000;
   padding-bottom:8px;
   background-color:#fff;
   text-decoration: none;
}

#rooms img{
}

/****************************************************************/
#categories {
   font-size: 12px;
   text-align: left;
   margin-top: 10px;
   border: 0px solid red;
}

#categories div {
   margin:6px 5px 3px 5px;
}

#categories div a {
   display:block;
   margin-left:20px;
   padding: 3px;
   text-decoration:none;
   color: #7F7F7F;
	font-weight: normal;
   border: 0px solid green;
}

#categories div a:hover{
	color: #008AD3;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

#categories div.selected a{
	color: #008AD3;
	text-decoration: none;
	font-weight: bold;
}

/****************************************************************/
#subCategories {
   border: 0px solid #000;
   margin-right: 10px;
   color:#fff;
}

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

#subCategories div a {
   text-decoration:none;
   font-size: 12px;
}

#subCategories div a:hover,
#subCategories div.selected a
{
   font-size: 12px;
   text-decoration: none;
   color: #008AD3;
   font-weight: bold;
}

/********************** BODY CONTENT ******************************/
#fatList{
   border: 1px solid #EAEAEA;
   margin: 0 0 0 7px;
   padding: 5px;
   background-color: #EAEAEA;
   min-height:460px;
   _height:460px;
}

#fatList .title{
   color: #000000;
   padding-bottom: 5px;
   font-size: 13px;
}

#fatList img{
}

#fatList a:link, #fatList a:visited{
}

#fatList a:hover{
}

/**********************************************************/
#footer{
   height:25px;
   text-align: left;
   font-size:9px;
   padding-top:5px;
}

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

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

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

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

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

#genericForm .formFieldValue .submit{
   background: #878787;
   color: #fff;
}

#genericForm .formInputBox{
   width:250px;
}

#genericForm .formInputCountryCode{
   width:30px;
}

#genericForm .formInputBoxSmall{
   width:210px;
}

#genericForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}

/***********************HOME PAGE***********************************/
#homePage{
   border:0px solid red;
   margin-top: 5px;
}

#homePage #box{
   border:0px solid blue;
   float: left;
   margin-right: 5px;
   width: 239px;
}

#box #boxTop{
   border:0px solid #000;
   background-color:  #A9A9A9;
   height: 239px;
   overflow: hidden;
   margin-bottom: 5px;
}

#box #boxBottom{
   border:0px solid #000;
   background-color: #EAEAEA;
   height: 239px;
}

#box #boxBottom #title{
   padding-bottom:5px;
   font-size: 16px;
   border: 0px solid #000;
   color: #008ad3;
}

#box #boxBottom #title a{
   color: #008ad3;
}

#box #boxBottom #desc{
   color: #666666;
   border:0px solid #000;
}

#homePageBottom{
   border:0px solid red;
   margin-top: 5px;
}

#homePageBottom #boxLeft{
   float: left;
   border: 0px solid blue;
   background-color:  #EAEAEA;
   width: 728px;
   height: 70px;
   margin-right: 5px;
}

#homePageBottom #boxLeft .desc {
   padding: 10px 20px;
   width: 200px;
   float: left;
   text-align: left;
}

#homePageBottom #boxLeft #homeBottomLeft,  #homeBottomLeft {
   color: #008AD3;
   padding: 15px 0px 5px 15px;
   font-size: 13px;
   font-weight: bold;
   font-family: Arial, Verdana;
}

#homeBottomLeft {
   padding: 15px 0px 5px 25px;
}

#homePageBottom #boxLeft #homeBottomLinks,  #homeBottomLinks {
   padding-left: 25px;
   float:left;
}

.bottomLinksWrapper {
   overflow:hidden;
   margin-bottom:5px;
}

#homePageBottom #boxRight {
   border: 0px solid #000;
   float: left;
   background-color: #EAEAEA;
   width: 238px;
   height: 70px;
}

#homePageBottom #boxRight div.title{
   font-size: 12px;
   color: #666;
   font-weight: normal;
}

.homeCalloutBottom {
   width: 214px;
   float: left;
   padding: 5px 0px 0px 20px;
   margin-right:10px;
}

/***********************ABOUT US PAGE***********************************/
#aboutUsPage{
   margin-top: 5px;
   overflow:hidden;
   zoom:1;
}

#aboutUsPage #boxLeft{
   width: 481px;
   float:left;
   margin-right:5px;
}

#aboutUsPage #boxRight{
   width: 485px;
   float:right;
}

#boxLeft #boxTopAbout{
   border:0px solid red;
   background-color:  #EAEAEA;
   width: 481px;
   height: 170px;
   margin-bottom: 5px;
}

#boxTopAbout #descBold{
   color: #008ad3;
   font-size: 13px;
   border:0px solid #000;
}


#boxLeft #boxBottomAbout{
}

#boxLeft #boxBottomAbout #boxBottomInner {
   float:left;
   border: 0px solid #000;
   background-color: #EAEAEA;
   width: 238px;
   height: 320px;
   overflow:hidden;
}

#boxLeft #boxBottomAbout #boxBottomInner img{
   margin:auto;
}

#boxBottomInner #title {
   padding-bottom:5px;
   font-size: 14px;
   font-weight: normal;
   color: #008AD3;
   border:0px solid #000;
}

#boxBottomInner #desc{
   color: #666666;
   border:0px solid #000;
}


#boxRight #boxRightInner {
   border: 0px solid #000;
   background-color: #EAEAEA;
   float: left;
   width: 240px;
   height: 495px;
}

#boxRight #boxRightInner #title{
   padding-bottom:5px;
   font-size: 14px;
   font-weight: normal;
   color: #008AD3;
   border:0px solid #000;
}

#boxRight #boxRightInner #desc{
   color: #666666;
   border:0px solid #000;
}

#bottomContainer {
   margin-top:5px;
   _margin-top:0;
   overflow:hidden;
   background-color:#EAEAEA;
   _height:75px;
   min-height:70px;
}

#bottomContainer #boxLeft{
   width: 972px;
   text-align: left;
}

#bottomContainer #boxLeft .desc {
   padding: 10px 20px;
   width: 200px;
   border: 0px solid red;
   float: left;
   test-align:left;
} 
/**************************** ENQUIRY FORM *************************/
#enquiryForm {
   float: left;
	width: 710px;
   background-color: #EAEAEA;
   height: 465px;
	padding: 0px 0px 15px 15px;
   color: #878787;
   margin-left: 7px;
}

#descriptionForm{
   float: left;
	width: 256px;
   background-color: #EAEAEA;
   height: 470px;
   margin-left: 5px;
   padding: 10px 0px 0px 20px;
   color: #878787;
}

/**************************** PRODUCT ******************************/

#leftInner{
   float: left;
	width: 325px;
   background-color: #EAEAEA;
   height: 455px;
   margin: 5px 0px 0px 5px;
	padding: 0px 0px 15px 20px;
}

#leftInner .title{
   font-size: 18px;	 
   padding-bottom: 15px;
	color: #009EA0; 
}

#detailDescription{
   float: left;
	 width: 375px;
   background-color: #EAEAEA;
   height: 470px;
   margin: 5px 0px 5px 5px;
}

#detailDescription .description{
	 padding: 25px 10px 0px 10px;
	 line-height: 18px;
	 font-size: 13px;
}


/**************************** PROJECTS ******************************/
#projectsPage{
   border: 0px solid red;
   margin-left: 5px;
}

#projectsPage #boxProjects{
   border:0px solid blue;
   height: 470px;
   background-color: #EAEAEA;
   float:left;
   width: 238px;
   margin-right:6px;
}

#boxProjects #boxProjectsInner{
   border:0px solid #000;
}

#boxProjects #boxProjectsInner #desc{
   border:0px solid #000;
   line-height: 200%;
   color: #878787;
}
/****************************COL1 & COL2 ******************************/
#right #col1{
   width: 230px;
   float:left;
   border:0px solid red;
}

#right #col1 #col1_inner{
   margin: 0 5px;
   padding:20px 0 0 20px;
   color:#009EA0;
   line-height:1.5em;
   background-color: #EAEAEA;
   height: 480px;
   overflow: auto;
}

#right #col1 #col1_inner h2{
   color:#008AD3;
   font-size:12px;
   font-weight:bold;
}

#right #col1 a{
   color: #7F7F7F;
}


#right #col2 {
   background-color: #EAEAEA;
   overflow: auto;
   height: 500px;
   width: 541px;
   float: left;
   color: #666666;
   overflow-x:hidden;
}

#right #col2 h2{
   font-weight:bold;
   font-size:12px;
   color:#008AD3;
}

#right #col2 .picture {
   width:350px;
   height:350px;
   float:left;
   padding:0;
   padding:0;
}

#right #col2 .picture img{
   padding:0;
   margin:0 auto;
   display:block;
}

#right #col2 table {
   width:350px;
   height:350px;
   padding:0;
   margin:0;
}

#right #col2 table td{
   padding:0;
   vertical-align:center;
   text-align:center;
   margin:0;
   background-color:#fff;
}

.centered {
}

#right #col2 .relatedPictures {
   float: left;
   width: 140px;
   margin:5px 0 0 10px;
}

#right #col2 .relatedPicture { 
   float: left;
   margin: 0 2px 2px 2px;
   height:65px;
   width:65px;
}

#right #col2 .relatedPicture img{ 
}

#productDetail, #galleryDetail, #contentDetail, #contactusDetail, #projectDetail  {
   padding:20px 10px;
}

#right #col2 #description {
   line-height: 15px;
   padding-bottom:10px;
}

#boxProductInner{
}   

#boxProductInner a.selected{
   color: #008AD3;
   font-weight: bold;
}   


/**************************** CONTACT ******************************/
#contactPage{
   margin-left: 5px;
   float:right;
}

#contactPage #boxContact{
   border:0px solid blue;
   width: 251px;
   height: 233px;
   background-color: #EAEAEA;
   float:left;
}

#boxContact #boxContactInner{
   border:0px solid #000;
}

#boxContactInner #title{
   padding-bottom:5px;
   font-size: 14px;
   font-weight: normal;
   color: #000000;
   border:0px solid #000;
}

#boxContactInner #desc{
   color: #A7A7A7;
   border:0px solid #000;
}

div.imageContainer{
   float: left;
   padding-right: 5px;
   border: 0px solid red;
}

div.imageContainer #productImage a{ 
   float: left;
   border: 0px solid red;
}

/*******************************************************************/

#boxRight {
}

#boxRight .title { 
 color: #D35136;
 padding: 10px 10px 10px 20px;
 font-size: 13px;
 font-weight: bold;
}

#boxRight .search {
   padding: 0px 5px 0px 20px;
   float: left;
}   

#boxRight .vertMiddle {
   padding: 0px 0px 0px 0px;
   float: left;
}   

#footerTitle{
   float:right;
   padding-right: 3px;
   padding-left: 3px;
}

.borderRight{
   border-right: 1px solid #666666;
}

#imageDescription {
   padding-top:10px;
}