html{padding: 0px; margin: 0px;}
img{border: none; }

h1{color: #582c69; font-size: 12px;}
h2{
color: #582c69; 
font-size: 13px; 
 font-family: Arial, helvetica, sans-serif; 
font-variant: normal; 
font-weight: bold; 
line-height: 1.5; 
text-align: left; 
text-transform: none; 
word-spacing: -1px; 
margin: 0; 
padding: 0; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
vertical-align: bottom; 
}
h3{font-size: 12px; font-weight: bold; }
#mainWrapper{position: relative; }

body{font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; line-height: 1.5em; margin-top: 25px; background-color: #D1D2D4; background-position: 0 0; background-repeat: repeat; }

#bannerWrapper{margin-top: -20px; margin-left: -10px;}
#banner{margin-top: -5px; margin-left: 1px;}

#pageFooter{
margin-left: 10px; 
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size: 9px; 
text-transform: none; 
padding-top: 5px; 
color: #666666; 
}

#pageFooter {
	clear: both;
} 

#pageFooterWrapper{
margin-top: 40px; 
width:100%; 
position: relative;
}

#pageFooter{
text-align: left; 
width: 350px; 
float: right;
margin-right: 15px;
}

#pageHeader{padding-right: 40px; padding-left: 40px; padding-top: 50px; background-position: 100% 0px; background-repeat: no-repeat; padding-bottom: 0; }

#pageHeaderWrapper{padding-bottom: 15px; }

.footer-img{margin-left: 0px;}

a:link, a:visited{font-weight: normal; text-decoration: none; color: #582c69; }

a:hover, a:active{text-decoration: none; color: #582C69; }

#canvas {
width: 700px;  

}

#pagecontent{min-height: 350px; padding-bottom: 0;}

#contentWrapper {
background-color: #d1d2d4; position: relative; width: 700px;  
padding-bottom: 0;
}

#content {
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size: 12px; 
color: #4B4B4B; 
width: 700px;
float: left;
position: relative;
top: -27px;         
left: 160px;
margin-top: 40px;
}

#content p{
font-size: 10px;
}

/* page content tag settings */
#pagecontent{float: left; clear: left; margin-left: -20px; margin-top: 0; width: 700px;}


#topmenuContainer{
margin-top: -117px; 	
width: 540px;
margin-left: -20px;
}

/* navigation hover up menu */
#popupmenu{
	float: left; /* to keep the other floating objects contained*/
	position: relative; /* This can also be fixed or absolute*/
	width: 554px;
	/*Format */
	background-color:#939598;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        margin-top: 100px;
}

#popupmenu ul{

	float: left;
	white-space: nowrap;
	margin: 0;  
	padding: 0;  
	
}

* html #ie6 li:hover ul, * html #ie6 li.sfhover ul {
	left: -999em;
}

* html #ie6 li:hover ul ul, * html #ie6 li.sfhover ul ul {
	left: -999em;
}

* html #ie6 li ul ul {
	margin: -1em 0 0 10em;
}

#popupmenu li{
width: 86px;
border-right: solid 2px #d1d2d4;
font-size: 11px;
font-family: arial, helvetica, sans-serif;
}


#popupmenu a
{
letter-spacing: 1px;
}

#popupmenu li ul
{
background-color:#d1d2d4; 
padding:0px; 
margin:0px;
}

/* add more for each extra submenu level*/
#popupmenu ul li,
#popupmenu ul li ul li,
#popupmenu ul li ul li ul li,
#popupmenu ul li ul li ul li ul li
{ 
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	position: relative;  
	
}
/* add more for each extra submenu level*/
#popupmenu ul li ul,
#popupmenu ul:hover li ul li ul,
#popupmenu ul:hover li ul li ul li ul,
#popupmenu ul:hover li ul li ul li ul li ul
{ 
	display: none;
	z-index: 1000;
}

div #popupmenu ul li ul 
{}

/* First submenu level*/
#popupmenu  > ul > li:hover > ul{
	display: block; /*unhide it*/
	float: right;	
	position: absolute; /* It needs to be absolute for the effect to work.*/
	width: 7em;
        top: -40px;
        background-color: #d1d2d4;
	bottom: 15px; /* This places the the bottom of the ul 1.1em from the bottom of the enclosing li. This is the important part of the effect.*/
}

/* targets IE7 only - valid CSS */
*:first-child+html #ie6 li:hover ul{ left: 0px;}

* html #ie6 li:hover ul, * html #ie6 li.sfhover ul {
	left: -999em;
       display: block;
       margin-top: -60px;
}

* html #ie6 li a:hover{border-left: 0px; margin-right: 0px; width: 84px;}

* html #ie6 li.purple a:hover{width: 84px; border-right: 0px;}

* html #ie6, * html #ie6 ul {
	white-space: nowrap;
	margin: 0;  
	padding: 0;  
}

/*contact us hover state */
#popupmenu .positions
{position: relative;
 top: 38px;
height: 1em;

}


/* For the remaining submenu levels*/
/* add more for each extra submenu level*/
#popupmenu ul li ul li:hover ul,
#popupmenu ul li ul li ul li:hover ul,
#popupmenu ul li ul li ul li ul li:hover ul{
	float: right;
	display: block;
	position: absolute;
	width: 7em;
	left: 6em;
	bottom: 3px; /* Required with some value or the effect will not work*/
}
#popupmenu ul li:hover ul li{ 
	display: block;
 	float: left;   
 	width: 100%;
 	border-right: none;
}

#popupmenu ul li a{
	width: 78px; /*width is so it highlights the entire button */
	float: left;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
    padding: 0 .5em 0 .5em;
	margin-left: -2px;
}

/* The on state for the link when you are on the submenu.
This should be before the hover state for the link itself*/
#popupmenu ul li:hover > a{
	background-color: #d1d2d4;
	color: #ffffff;
	width: 80px;
}
#popupmenu ul li a:hover
{ 
	background-color: #d1d2d4; 
	color: #582C69;
	width: 76px;
    margin-left: -2px;
}

#popupmenu .width
{width: 150px;}

* html #popupmenu .width {width: 80px;}

#popupmenu ul li ul li a{ 
	float: none;
	border: none;
 	background-color: #d1d2d4;
 	color: #ffffff;
 	font-size: 12px;
     	white-space: normal;
 	white-space: nowrap;
 	line-height: 20px;
 }

#popupmenu ul li ul li:first-child a{
	border-width: 1px;
}

li .red-tab
{
width: 78px;
height: 17px;
padding-bottom: 1px;
background-color: #582C69;
color: #fff;
font-size: 12px;
}

.red-tab a:hover
{
color: #ffffff;
}

 .purple_subtitle { 
 color: #582C69; 
 font-size: 10.5px; 
 font-family: Arial, helvetica, sans-serif; 
 font-variant: normal; 
 font-weight: normal; 
 line-height: 1.35; 
 text-align: left; 
 text-transform: none; 
 text-indent: 0; 
 margin: 0; 
 padding: 0;
 }


.subtitles { 
color: #582C69; 
font-size: 12px; 
 font-family: Arial, helvetica, sans-serif; 
font-variant: normal; 
font-weight: normal; 
line-height: 1.35; 
text-align: left; 
text-transform: none; 
word-spacing: -1px; 
margin: 0; 
padding: 0; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
vertical-align: bottom; 
}

.purple_titles { color: #582C69; font-size: 12px; font-family: Arial; font-weight: bold; font-variant: normal; line-height: 1.25; text-align: left; text-transform: none; word-spacing: -1px; vertical-align: bottom; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; }

#popupmenu li.purple a:hover {
background-color: #582C69; 
padding-left: 4px;        
margin-left: 0px;
}

/* ie6 fix for width of menu */
* html #popupmenu {width: 640px;}

* html #popupmenu li a{width: 86px;}
* html #popupmenu li a:hover{width: 88px;}

* html #popupmenu li.purple a{
padding-left: 6px;
padding-right: 6px;
margin-right: 0;
}

* html #popupmenu li.purple a:hover {
padding-left: 4px;  
padding-right: 8px;   
margin-right: 0;
}

li .background-purp a:hover
{
background-color: #582C69;
color: #fff;

}

.abc{
border-left: solid 2px #d1d2d4; 
border-right: solid 1px #d1d2d4;
}




/* ----------------- end hover menu --------*/

/* ----------------- rotating banner --------*/
#rotating-banner{
}

#rotating-banner a{
position: absolute;
left: 360px;
top: -1px;
}


/*-------------- expand color choices css ----------------*/
.msg_list {
margin: 0px;
padding: 0px;
width: 345px;

}

/* ----------------- GALLERY SECTION ----------------- */

/*picture description off */
#main-picture-title
{display: none;}

#main-picture, .picture-full {
width: 350px;
}

/* webapp list */
ul#webapp6760pagination{list-style-type: none; cursor: pointer;}
ul#webapp6760pagination li{display: inline;}

.msg_head {
cursor: pointer;
position: relative;
left: 40px;
width: 330px;
}
p.msg_head{width: 300px; float: left; clear: left;}

.msg_body p{
width: 330px;
margin-left: 40px;
}

.msg_body img{
width: 330px;
margin-left: 30px;
}

#tagContent{
background-color: #e4e4e4;
width: 350px;
min-height: 350px;
line-height: 1.3em;
font-size: 10.5px;
padding: 0px;
margin: 0px;
float: left; 
}


.indent{
padding: 40px;
padding-top: 21px;
padding-bottom: 0;
}

#tagContent p{
padding-bottom: 0;
}

* html .indent{
padding: 0;
}

* html #tagContent{
width: 400px;
}

ul#webapp6760pagination{margin: 0; margin-left: 40px; padding: 0; clear: left; width: 280px;}

/* wood and metal */

#furniture_large_image{height: 350px; width: 350px;}

#main_img{
width: 350px;
height: 350px;
position: absolute; 
top: 0;
right: 20px;
padding-bottom: 0;
}

#detail_container{
background-color: #e4e4e4;
width: 270px;
float: left;
padding: 40px;
padding-top: 36px;
padding-bottom: 0;
margin-bottom: 0;
}

#furniture_div{
min-height: 300px;
margin: 0;
padding: 0;
}

#metalWrapper #tagContent{min-height: 350px; margin: 0; padding: 0;}
#metalWrapper #pageHeaderWrapper{padding-bottom: 0; }
#metalWrapper #contentWrapper{padding-bottom: 0; }
#metalWrapper #content{padding-bottom: 0; }
#metalWrapper #pagecontent{}
#metal_list{margin-left: -20px;}
#left_block{padding: 0; margin: 0; }

#woodWrapper #tagContent{min-height: 350px; margin: 0; padding: 0;}
#woodWrapper #pageHeaderWrapper{padding-bottom: 0; }
#woodWrapper #contentWrapper{padding-bottom: 0; }
#woodWrapper #content{padding-bottom: 0; }
#woodWrapper #pagecontent{}
#wood_list{margin-left: -20px;}
#wood{width: 700px;}
.indent{width: 280px;}
/* ie7 fixes */


/* targets IE7 only - valid CSS */
*:first-child+html #content{margin-top: 40px;}