/***
   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/bw_header.jpg");

}

/**********************************************************/
#rooms {
   padding-top: 34px;
   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:#DE0122;
   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: 16px;
}

#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: #D01601;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

#categories div.selected a{
	color: #D01601;
	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:150px;
}

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

#subCategories div a:hover,
#subCategories div.selected a
{
   font-size: 12px;
   text-decoration: none;
   color: #D01601;
   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;
}

/*********************** SUBCOLUMNS ***********************************/
.subcolumns { width: 100%; overflow:hidden; }
.c25l {float: left; _display:inline;  }
.c25r {float: right; margin-left: -5px; _display:inline; }
.c25l, .c25r { width: 25%;overflow:hidden;}
.subc  { padding: 0 5px; }
.subcl { padding: 0 5px 0 0;}
.subcr { padding: 0 0 0 5px; }

/* avoid growing widths */
* html .subc,
* html .subcl,
* html .subcr { word-wrap: break-word; overflow:hidden;  }
  
/*********************** HOMEPAGE ***********************************/
#homePage{
   margin-top: 5px;
}

#homePage .subcl .boxTop{
   height: 239px;
   background-color:  #fff;
   overflow: hidden;
   margin-bottom: 5px;
}

#homePage .subcl .boxBottom{
   background-color: #EAEAEA;
   height: 239px;
}

#homePage .subcl .boxBottom #title{
   padding-bottom:5px;
   font-size: 16px;
   color: #d01601;
}

#homePage .subcl .boxBottom #title a{
   color: #d01601;
}

#homePage .subcl .boxBottom #desc{
   color: #666666;
}

#homePageBottom #boxLeft{
   margin-top: 5px;
   float: left;
   background-color:  #EAEAEA;
   width: 724px;
   height: 70px;
   margin-right: 5px;
   margin-bottom: 5px;
}

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

#homePageBottom #boxLeft #homeBottomLeft,  #homeBottomLeft {
   color: #D01601;
   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;
}

#homePageBottom #boxRight {
   margin-top: 5px;
   float: left;
   background-color: #EAEAEA;
   width: 242px;
   height: 70px;
   _height: 80px;
}

#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{
   border:0px solid red;
   margin-top: 5px;
}

#aboutUsPage #boxLeft{
   border:0px solid blue;
   width: 486px;
   height: 500px;
   float:left;
   overflow:hidden;
}

#aboutUsPage #boxRight{
   width: 485px;
   height: 500px;
   float:left;
   overflow:hidden;
}

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

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


#boxLeft #boxBottomAbout{
   border:0px solid blue;
   width: 486px;
   height: 310px;
}

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

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

#bottomContainer {
   border:0px solid blue;
}

#bottomContainer #boxLeft{
   border:0px solid blue;
   background-color:#EAEAEA;
      width: 972px;
   height:70px;
   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:#909090;
   line-height:1.5em;
   background-color: #EAEAEA;
   height: 480px;
   overflow: auto;
}

#right #col1 #col1_inner h2 {
   color:#D01601;
   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:#D01601;
}

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

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

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

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

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

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

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

/***************** PICTURES USING TABLE FOR VERTICAL ALIGNMENT************************/
#right #col2 .relatedPictures {
   float: left;
   margin:0 0 0 5px;
}

#right #col2 table.tblRelatedPictures {
   height:auto !important;
   width:auto !important;
   border-collapse:collapse;
}

#right #col2 table.tblRelatedPictures td{
   width:65px;
   height:65px;
   background:#fff;
   vertical-align:center;
   text-align:center;
   border:5px solid #EAEAEA;
   border-bottom:6px solid #EAEAEA;
   border-top:0;
}

#right #col2 table.tblRelatedPictures td img{
   margin:auto;
}

/**************************** 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;
} 

div.attachment {
    margin:15px 0;
}

a.attachment {
    text-decoration:underline;
}