/* CSS Document */
body, html
{
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

#container { width: 760px; margin: 0px auto; position: relative; }
#header { width: 760px; height: 125px; margin: 0; background-color: #FFFFFF; z-index: 1000 !important; }
#logo { float: right; margin: 15px 0 15px 0; }
#logo a img { border: none; }
#menu { float: left; width: 760px; height: 30px; margin: 0; border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; z-index: 1000 !important; }

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 120px;
  list-style: none;
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
	z-index: 1000 !important;	
}

html>body #container #header #menu ul#navmenu ul { top: 30px; }

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	z-index: 1000 !important;
}

/* Root Menu */
ul#navmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #FFF;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	padding: 6px 12px 8px 12px;
	color: #42B9CF;
	font-weight: bold;
	font-size: 16px;
	border-right: 1px dashed #CCC;
}
html>body #container #header #menu ul#navmenu li a { padding: 5px 12px 6px 12px; }
html>body #container #header #menu ul#navmenu li ul li a { padding: 8px 12px 8px 12px; }

ul#navmenu a#active {
 color: #E89511;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #E89511;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background-color: #42B9CF;
  color: #FFF;
	border-right: none;
	font-size: 12px;
	z-index: 1000 !important;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background-color: #E89511;
	color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

#wrapper { width: 760px; }
#left { float: right; width: 200px; min-height: 450px; height: 450px; background-image: url(../images/left_img_bg.jpg); background-position: bottom; background-repeat:no-repeat; background-color: #B7E3F0; text-align: left; }
#left p { margin: 0; padding: 30px 0 0 0; line-height: 140%; }
#left a { color: #184F85; text-decoration: none; }
#left a:hover { background-color: #184F85; color: #FFFFFF; }
#left h1 { font-size: 30px; padding: 20px 00 2px 0; border-bottom: 1px dashed #FFF; color: #EF6C8B; text-align: left; margin: 0 0 10px 10px; }
#right { float: left; width: 560px; height: 450px; display: block; }
#right h1 { margin:0; padding:0; font-size: 1.8em; font-family: Georgia, "Times New Roman", Times, serif; color: #C34538; font-weight: normal; }
#right p { margin: 10px 0 0 0; padding: 0; line-height: 150%; }

#home-header { width: 573px; height: 193px; background-image: url(../images/home_header_img.jpg); background-repeat: no-repeat; }
#home-header #swf { float: left; width: 320px; margin: 25px 0 0 35px; }
#furniture, #quilt, #accessories { float: left; margin: 15px 0 15px 0 }
#furniture a.textlink, #quilt  a.textlink, #accessories a.textlink { font-size: 1.4em; color: #C34538; background-color: #FEFFE5; text-decoration: none; }
#furniture a.textlink:hover, #quilt  a.textlink:hover, #accessories a.textlink:hover { color: #FFFFFF; background-color: #C34538; }
#furniture, #quilt { margin-right: 17px; }
#furniture a.textlink { padding: 10px 19px 10px 19px; display: block;}
#quilt a.textlink { padding: 10px 33px 10px 33px; display: block;}
#accessories a.textlink { padding: 10px 7px 10px 7px; display: block;}
hr { clear: both; border-bottom: 1px dashed #CCC; color: #FFFFFF; background-color: #FFFFFF; border-top: none; border-left: none; border-right: none; }
.panel1 { margin: 15px 0 0 0; float: left; height: 100px; width: 188px; border-right: 1px dashed #CCCCCC; }
.panel2 { margin: 15px 0 0 10px; float: left; height: 100px; width: 177px; }
.panel3 { margin: 15px 0 0 10px; padding-left: 10px; float: left; height: 100px; width: 178px; border-left: 1px dashed #CCCCCC; }
.panel1 h2, .panel2 h2, .panel3 h2 {margin:0; padding:0; font-size: 1.4em; color: #10487D; font-weight: normal; }
.panel1 ul { margin: 0; padding: 12px 0 0 15px; list-style: square; }
.panel1 a, .panel2 a, .panel3 a { color: #C34538; }
.panel1 a:hover, .panel2 a:hover, .panel3 a:hover { background-color: #C34538; color: #FFFFFF; text-decoration: none; }

#footer { background-color: #FFFFFF; clear: both; padding: 10px 0 10px 0; }
#footer ul { background-color: #A8B238; width: 760px; height: 30px; display: block; list-style-type: none; margin: 0; padding: 0; }
#footer ul li { margin: 0; padding: 0; float: right; font-weight: bold; font-size: 14px; }
#footer ul li a { color: #FFF; padding: 7px 10px 7px 10px; display: block; text-decoration: none; }
#footer ul li a:hover { background-color: #798028; color: #FFF; }
#footer h1 { font-size: 12px; color: #CCCCCC; font-weight: normal; margin: -16px 0 0 0; padding: 0; }
#footer p { text-align: right; margin: 10px 0 0 0; padding: 0; color: #CCCCCC; }
#footer p a { color: #999999; text-decoration: none; }
#footer p a:hover { color: #666666; }

#mySlideshow
{
	width: 560px;
	height: 450px;
	background-color: #FFF;
	z-index: -1000; margin: 0; padding: 0;
}
html>body #container #wrapper #right #mySlideshow { z-index: 1; }

.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;
}

.jdSlideshow img
{
	border: 0;
	margin: 0;
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #FFF;
	background-repeat: no-repeat;
}

.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/loading.gif');
}

.jdSlideshow .slideInfoZone
{
	display:none;
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #111;
	color: #fff;
	text-indent: 0;
}

.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	font-size: 12px;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	font-size: 11px;
	margin: 2px 5px;
	color: #eee;
}

.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url('images/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background: url('images/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url('images/fleche2.png') no-repeat top right;
}