body{
  left:0px;
  background: #fefefe;
  
  height: 100%;
}


html,body {height: 100%; padding:0px; margin: 0px;}

.pageheight{ height: 100%; }

#outer{
	width: 100%;
	height: 100%;
	/*background-color: #fc0000;*/
	padding: 0px;
	margin : 0px;
	
}





#mainContentArea{

    height: 543px;
    width: 990px;
    
    margin-left: auto ;
    margin-right: auto;
    
    text-align: left;
	
   
}

#logo{
	float: left;
	width: 990px;
	height: 34px;
	background: url('../images/logo.jpg') no-repeat;
	border-top: 1px solid #cccccc;
	margin-bottom: 4px;
	cursor: pointer;
}

#topMenuArea{

	float: left;
	width: 100%;
	height: 24px;
	background: white; 
	margin-top: 2px;

}

#topMenuAreaBG{

	float: left;
	width: 797px;
	height: 21px;
	background: white; 
	
	margin-left: 33px;

}	




#bottomMenuArea{

	float: left;
	width: 100%;
	height: 20px;
	background: white; 
	border-top: 1px solid #efefef;
	
	margin-top: 2px;

}

#bottomMenuAreaBG{

	float: right;
	width: 100%;
	height: 20px;
	
	margin-top: 2px;
	background: #dddddd;
	
	

}	

#leftsideMenuArea{

	float: left;
	width: 180px;
	height: 440px;
	background: #fefefe;
	margin-top: 2px;

}

#leftsideMenuArea ul { 

	margin:0px; 
	padding: 0px; 
	list-style: none; 
	margin-left: 0px; 
		
	font-size: 11px;
	font-family: Arial;
	
	line-height: 170%;
	margin-top: 20px;
}




#leftsideMenuArea ul li {  text-indent : 15px;  border: 1px solid transparent; display: block;  width: 145px; }



#leftsideMenuArea ul li a{ color: #201f79; text-decoration:none;  width: 145px; display: block;   border: 1px solid transparent;  }
#leftsideMenuArea ul li a:hover{   background-color: #fafafa;  border: 1px solid #cccccc; }

a.selectedLeftMenu { background: url(../images/rightArrow.gif) 2px 6px no-repeat;   border: 1px solid #cccccc;  }
a.selectedLeftMenu:hover{ background: url(../images/rightArrow.gif) 2px 6px no-repeat;   border: 1px solid RED; }



#rightsideContent{

	float: right;
	width: 797px;
	height: 440px;
	background: white;
	background: white;
	margin-top: 2px;


}



#fullWidthContent{

	float: right;
	width: 100%;
	height: 430px;
	background: white;
	background: white;
	margin-top: 2px;


}


#orLink{

	float: left;
	width: 40%;
	height: 18px;
	background: white;
	background: url(../images/or.png) 0px 0px no-repeat;
	
	font-size: xX-small;
	font-family: Arial; 
	color: #bbbbbb;
	
	text-indent: 120px; 
	cursor: pointer;
}

#orLink a{   text-decoration:none; color: #BBBBBB; margin-top: 4px; text-indent: 100px;}

#rightProductImage{

	float: left;
	width: 333px;
	height: 432px;
	background: #fc3399 no-repeat; 
	border-bottom:1px solid white;
	

}
#leftProductImage{
	
	float: right;
	width: 323px;
	height: 250px;
	background: WHITE no-repeat; 
	


}
#ProductText{
	float: right;
	width: 475px;
	min-height: 133px;
	background: #888888; 
	border-top:2px solid white;
	

}

#ProductInnerText{
	
	
	width: 90%;
	margin-top: 20px;
	margin-left : auto;
	margin-right : auto;
	
	
	
	font-size: 11px;
	text-align:justify;
	/*text-justify: newspaper;*/
	
	font-family: Arial;
	color: white;
	font-weight: 600;
	
	

}


#decorativeUnderImage{

	float: right;
	width: 323px;
	height: 45px;
	background : #aaaaaa;
	border-top: 2px solid white;

}


#submenuArea{

	float: left;
	width: 150px;
	height: 297px;
	background: #cccccc; 
	border-left:2px solid white;
	border-right:1px solid white;
}

#submenuArea ul { 

	margin:0px; 
	padding: 0px; 
	list-style: none; 
	margin-left: 45px; 
	margin-top: 25px; 
	
	font-size: 11.5px;
	font-family: Arial;
	line-height: 150%;
	
}


#submenuArea ul li { color: white; }
#submenuArea ul li a{ color: black; text-decoration:none; }
#submenuArea ul li a:hover{ color: white; }

#submenuArea ul li ul{ margin: 0px; padding:0px; text-align: left; margin-bottom: 4px;}

#submenuArea ul li ul li.selected { margin: 0px; padding:0px; color: white;  margin-left: 15px; }
#submenuArea ul li ul li a { margin: 0px; padding:0px; color: black;  margin-left: 15px; text-decoration:none;}

#submenuArea ul li ul li a:hover{ color: white; }


#cbs{
	float: left;
	width: 100%;
	height: 28px;
	background: url('../images/cbs.gif') -50px 0px no-repeat;
	
}

#greyTop{

	float: left;
	width: 160px;
	height: 10px;
	background: #eeeeee;
	
}

#homeicon{
	float: left;
	width: 30px;
	height: 40px;
	background: url('../images/homei1.jpg') white 0px 0px no-repeat;
	margin-right: 10px;
	
	cursor: pointer;
}


.menuTab, .menuTab_architect {
	float: left;
	width: 139px;
	height: 20px;
	
	font-weight: 600;
	font-size: 11px;
	
	font-family: arial;
	
	
}

.menuTab_architect { width: 200px;  background: #666666;}

.menuTab a, .menuTab_architect a {
	
	display: block;
	height: 20px;
	width: 138px;
	color: #999999;
	background: #fafafa;
	line-height: 170%; 
	
	
	 text-decoration: none;
	 
	 /*
	 border-top: 1px solid #cccccc;
	 border-bottom: 1px solid #cccccc;
	 border-left: 1px solid #cccccc;
	 border-right: 1px solid transparent;
	 */
	 
	 
	 text-align: center;


}

.menuTab_architect a { background: #666666; color: white; width: 201px; }

.menuTab a:hover{ background: #efefef;	color: #666666;  }

.menuTab_architect a:hover{ background: #cdcdcd; }

#topMenuAreaBG .selectedMenuTab{ background: #efefef; color: #666666; }




.menuTabBottom {

	padding: 0px;
	margin: 0px;
	float: right;
	width: 110px;
	height: 20px;
	
	font-weight: 600;
	font-size: 11px;
	
	font-family: arial;
	
	display: block;
	
	
	
	
}



.menuTabBottom a {
	display: block;
	height: 20px;
	width: 109px;
	color: #999999;
	
	line-height: 170%; 
	text-decoration: none;
	 
	 text-align: center;


}

.menuTabBottom .selectedMenuTab, .menuTabBottom a:hover{ background: #efefef; color: #666666; }


#leftsideMenuArea .offersLink { background: #f2f2f2 ; color: #777777; }
#leftsideMenuArea .offersLink:hover { background: #f2f2f2 ; color: #680808; border:1px solid transparent;}












	

/* services  */

#servicesBG, #showroomBG, #companyBG, #contactBG, #designerBG, #thankyouBG, .showcaseBG{
	margin-top: 12px;
	float: left;
	width: 100%;
	height: 410PX;
	
	border-top: 1px solid #cccccc;
	/* border: 1px solid red */
	
	
	
}


#servicesBG{ background: url('../images/services.jpg') 0px 30px no-repeat;	}
#showroomBG{ background: url('../images/map.gif')  20px no-repeat;	cursor:pointer; }
#companyBG{background: url('../images/company.jpg')   0px 17px no-repeat;	}
#contactBG{background: url('../images/contact.jpg')   0px 17px no-repeat;	}
#designerBG{background: url('../images/designer.jpg') #cccccc  0px 17px no-repeat; color: white;	}
#thankyouBG{background: url('../images/thankyou.jpg') #cccccc  0px 17px no-repeat; color: white;	}





.showcaseBG{ height: 380px; margin-top: 5px; color: #333; font-family: Arial; font-size: 10px; border: none;  }


#halfPageText, #serviceshalfPageText, #designerPageText{
	margin-top: 5px;
	float: right;
	width: 410px;
	margin-right: 10px;
	

	
	text-align: justify;
	
	font-family: Arial, Verdana;
	font-size: 12px;
	
	color: #666666; 
	
	
	
	
}


#designerPageText{ 

	margin-top: 33px; 
	width: 515px;
	margin-right: 15px;
	



}

.topIndented{ 

	float: right;
	width: 88%;
	margin-left: 11%;
	margin-bottom: 10px;

}


#designerPageText a{ color :#222222; text-decoration: none;  font-weight: 600;}
#designerPageText a:hover{ text-decoration: none;  color: blue; }



#serviceshalfPageText{width: 300px; margin-top: 20px;}
#designerBG #serviceshalfPageText{ color: #333333;  background: white;}
#halfPageText a { text-decoration : none; color: #660000; }
#halfPageText a:hover { text-decoration : none; color: blue; }


#openingHours{
	margin-top: 27px;
	float: right;
	width: 197px;
	
	
	height: 361px;

	background: white 0px 0px no-repeat;
	margin-right: 100px;
	
	border-left: 25px solid white; 
	
	font-family: Arial;
	font-size: 12px;
	
	color: #555555;
	
	
	
	
}




#directions{
	margin-top: 30px;
	float: right;
	width: 600px;
	
	
	height: 361px;

	background: url('../images/directions.jpg') -180px 0px no-repeat;
	
	
	
}


#indexBar {

	float: left; 
	height: 27px;
	width: 100%;
	
	border-top: 1px solid #cccccc; 
	background: #ededed;
	
	margin-top: 10px; 
	

}

#indexBar ul { float: left; list-style:none; padding: 0px; margin:0px;  margin-top: 5px; margin-left: 0px; }
#indexBar ul li { 

	float: left; 
	width: 20px; 
	height: 15px;
	
	text-align: center; 
	margin-left: 3px ;
	font-family : Arial; 
	font-size: 11px; 
	
	border: 1px solid white;
	cursor:pointer;
	
	
	background: #444444; 
	color: white;
	display: block;
	border: 1px solid #cccccc;

}

#indexBar ul li a { color: #444444; text-decoration: none; display: block; } 

#indexBar ul li a:hover { 

	background: #444444; 
	border: 1px solid #444444;
	color: white; 

} 

a.selectedTopTip{ 

	background: #444444; 
	border: 1px solid #444444;
	color: white; 

}


#indexBar ul a.selectedShowcase{ 

	background: #b8c8c8; 
	border: 1px solid #b8c8c8;
	height: 14px;
	
	color: white; 
	display: block;
	font-weight: 600;

}

#thumbnailArea {


	float: left;
	width: 370px;
	height: 362px;
	background: #efefef; 
	margin-top: 10px;

}

#showcaseThumbnailArea {


	float: left;
	width: 145px;
	height: 355px;
	background: white; 
	margin-top: 10px;
	margin-left: 395px;
	
	/* for IE */
  
  /* CSS3 standard 
  opacity:0.9;
filter:alpha(opacity=90);  */
}





#keypointsArea, #keypointsArea_wall {


	float: left;
	width: 170px;
	height: 364px;
	background: #efefef; 
	margin-top: 10px;
	
	
	
	background: url('../images/spaceQuotes.gif') 0px -20px no-repeat ;

}

#keypointsArea_wall {  background: url('../images/wallQuotes.gif') 0px -20px no-repeat ;}


#textWithThumbnailArea{

	float: right;
	
	margin-top: 10px;
	width: 430px;
	height: 362px;
	background: #efefef; 
	font-size: 12px;


}

.showcaseBG #textWithThumbnailArea{

margin-top: 0px;
height: 380px;

}



.thumbnail{

	float: left;
	width: 80px;
	height: 80px;
	
	margin-top: 7px;
	margin-left: 7px;


}



#showcaseThumbnailArea .thumbnail{

	float: left;
	width: 60px;
	height: 60px;
	
	margin-top: 7px;
	margin-left: 7px;
	
	border: 1px solid #cccccc;


}


.toptipsThumbnailTextTitle{

float: right;
width: 90%;
margin-right: 5%;
height: 28px;
margin-bottom: 17px;
margin-top: 10px;

background: url('../images/tooltipsBG.jpg') ;

font-size: 15px;
color :#555555;

border-bottom: 1px solid #cccccc;



}

.descriptionTitle{

float: right;
width: 90%;

height: 28px;
margin-bottom: 10px;
margin-top: 10px;

text-indent: 5px;
line-height: 195%;

background: #555555;

font-size: 14px;
color :white;





}




.thumbnailText{

	float: right;
width: 90%;
margin-right: 5%;
height: 25px;

text-align: justify;





}

.showcaseBG .thumbnailText{ font-size: 12px; margin-top: 0px;}




	  
	  .yui-skin-sam .yui-tt .bd {
  background-color:#fff;
  color: #fff;
}


.yui-skin-sam .yui-tt .bd {
  border-color: #fff;
} 




.thumbnailText a{ color: #003399; text-decoration: none; }



a img { border: none;}


.hoverImage{

	float:left;
	width: 15px;
	height: 15px;
	margin-top: 15px;
	margin-left: 15px;
	background: url( ../images/dots.png) 0px 0px;
	cursor: pointer;
	
}

.hoverImage:hover{ background: url( ../images/dots.png) 0px -17px; }