/***
   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/jeb_header.gif");
}

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

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

#rooms a:hover,
#rooms a.selected{
   color:#009ea0;
   text-decoration: none;
}

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

#rooms img{
}

/****************************************************************/
#categories {
   font-size: 12px;
   text-align: left;
   margin-top:20px;
}

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

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

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

/****************************************************************/
#categories #subCategories {
   margin: 0 10px 0 0 ;
   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: #009ea0;
   font-weight: bold;
}

/********************** BODY CONTENT ******************************/
#fatList{
   border:0px solid blue;
   padding: 15px 28px;
   color:#666666;
}

#fatList ul li{
   line-height: 12pt;
   border: 0px solid red;
}

#fatList .title{
   color: #009EA0;
   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:135px;
}

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

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

#genericForm .formInputBox{
   width:243px;
}

#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;
}

#box #boxBottom #title a{
   color: #009EA0;
}

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

#homePageBottom{
   border:0px solid red;
}

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

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

#homePageBottom #boxLeft .desc {
   padding: 10px 20px;
   width: 200px;
   float: left;
}
/***********************ABOUT US PAGE***********************************/
#aboutUsPage{
   border:0px solid red;
   margin-top: 5px;
   margin-bottom:5px;
}

#aboutUsPage #boxLeft{
   border:0px solid blue;
   width: 481px;
   float:left;
}

#aboutUsPage #boxRight{
   border:0px solid blue;
   width: 485px;
   float:left;
}

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

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


#boxLeft #boxBottomAbout{
   border:0px solid blue;
   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;
}


/**********************************************************/
#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: #009EA0;
   border:0px solid #000;
}

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

#boxBottomInner #title{
   padding-bottom:5px;
   font-size: 14px;
   font-weight: normal;
   color: #009EA0;
}

#boxBottomInner #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;
}

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

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

#descriptionForm .description {
   width: 230px;
}

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

#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;
}
/**************************** PRODUCTS ******************************/
#thumbList{
   border:0px solid red;
   float: left;
}

#thumbList #boxProductLeft{
   border:0px solid blue;
   width: 213px;
   height: 480px;
   margin-right: 5px;
   padding-left:20px;
   padding-top:23px;
   float:left;
   background-color: #EAEAEA;
   overflow: auto;
}

#thumbList #boxProductLeft div{
   padding:5px 0px;
}

#thumbList #boxProductLeft #boxProductInner{
   border:0px solid blue;
   color: #009EA0;
   padding-left: 3px;
}

#thumbList #boxProductLeft #title {
   line-height: 200%;
}

#thumbList #boxProductRight{
   background-color: #EAEAEA;
   padding-top:20px;
   float: left;
   width: 486px;
   height: 483px;
   overflow: auto;
}

/**************************** PRODUCT DETAIL ******************************/
#productDetail div {
   padding-top: 5px;
   border: 0px solid #000;
}

#productDetail #description {
   line-height: 15px;
   width: 405px;
   border: 0px solid #000;
   color: #666666;
   padding-bottom: 10px;
}

#productDetail #description p {
   border: 0px solid #000;
   color: #666666;
}

#contentDetail #description {
   line-height: 15px;
   width: 400px;
   border:0px solid #000;
}

#contentDetail #description p {
   border: 0px solid #000;
   color: #666666;
}

/**************************** GALLERY ******************************/
#galleryMain{
}

#galleryMain #boxGalleryLeft {
   border:0px solid blue;
   width: 235px;
   height: 500px;
   margin-right: 5px;
   float:left;
   overflow:auto;
   background-color: #EAEAEA;
   padding-left: 18px;
   padding-top: 20px;
}

#galleryMain #boxGalleryLeft div{
   padding:5px 0px;
   color: #666666;
}

#galleryMain #boxGalleryLeft #title{
   line-height: 200%;
}

#galleryMain #boxGalleryLeft div a{
   text-decoration: underline;
}

#galleryMain #boxGalleryLeft #boxGalleryInner {
   padding-left: 8px;
}

#galleryMain #boxGalleryRight{
   background-color: #EAEAEA;
   border:0px solid #000;
   overflow: auto;
   width: 466px;
   height: 500px;
   padding-top: 20px;
   float:right;
}

#galleryDetail #description {
   line-height: 15px;
   width: 300px;
}

/**************************** CONTACT ******************************/
#contactPage{
   border:0px solid red;
}

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

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

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

#boxContactInner #title{
   padding-bottom:5px;
   font-size: 14px;
   font-weight: normal;
   color: #009EA0;
   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;
}

.imageContainer .relatedPictureBox{
   border: 0px solid red;
}

.imageContainer .relatedPictureBox a{
   border: 0px solid red;
}

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

#boxRight {
}

#boxRight .title {
 color: #666666;
 padding: 10px 10px 10px 20px;
 font-size:12px;
}

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

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



/****************************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:#009EA0;
   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:#009EA0;
}

#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;
}

#contentDetail, #contactusDetail {
   padding:20px;
}

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

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

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

/***************** PICTURES USING TABLE FOR VERTICAL ALIGNMENT************************/
div.relatedPictures {
   float: left;
   width: 140px;
   margin:0 0 0 5px;
   padding:0 !important;
}

#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:3px solid #EAEAEA;
   border-top:0;
}

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

div.attachment {
    margin:15px 0;
}

a.attachment {
    text-decoration:underline;
}