/* Generic / Reused styles */
html{ background-image:url(/images/bg_html.jpg); background-repeat:repeat; margin:0; padding:0;}
body{ background-image:url(/images/bg_body.jpg); background-repeat:repeat-x; margin:0; padding:0; }
html, body, div, p, li, a{ font-family:Garamond, Georgia, "Times New Roman", Times, serif; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.2em; font-size:14px; color:#fff; }
a{ cursor:pointer; }
p{ padding:0 0 8px 0; }
h1{ font-size:28px; color:#582700; font-variant:small-caps; }
table, td, th{ vertical-align:top; }
fieldset, form {
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.catalog-table { vertical-align:middle; }

.clear{ clear:both; float:none; }
.left{ float:left; }
.right{ float:right; }
.leftAlign{ text-align:left; }
.rightAlign{ text-align:right; }
.centerAlign, td.centerAlign{ text-align:center; }
.needMarRight{ margin:0 7px 0 0; }
.needMarLeft{ margin:0 0 0 -2px; }
.needMarBoth{ margin:0 7px 0 7px; }
.smallCaps{ font-variant:small-caps; }

.smallCaps a { color:#572700; float:left; }
.spaceImgH6{ padding:0 3px 0 3px; }

/* Container & Shadow Styles */
#container{ width:994px; margin:0 auto; text-align:center; padding-top:22px; }
#shadow_top{ margin-top:30px; width:994px; height:7px; background-image:url(/images/img_fade_top.png); background-repeat:no-repeat; }
#shadow_bottom{ width:978px; margin:0 auto; height:7px; background-image:url(/images/img_fade_bottom.png); background-repeat:no-repeat; }
#shadow_bottom_noFooter{  width:988px; height:7px; background-image:url(/images/img_fade_bottom.png); background-repeat:no-repeat; }
#middle{ width:994px; background: transparent; background-image: url(/images/img_fade_middle.png); background-repeat:repeat-y; text-align:left; }
a.siteDesign {color:#fff; font-size:10px; float:right; font-family:Arial, Helvetica, sans-serif;}

/* Navigation & Header styles */
#navigation{ position:relative; height:26px; top:0; right:7px; width:981px; z-index:50; text-align:right; background: url(/images/navBg.gif) repeat-x; }
#navigation ul{ padding:4px 15px 0 0; margin:0; float:right; }
#navigation ul li{ display:inline; background-image:url(/images/Img_nav_divider.png); background-repeat:no-repeat; background-position:right; padding:0 18px; }
#navigation ul li ul li{ padding: 2px 5px; margin:0; background: #100809; }
#navigation ul li#lastNav{ background-image:none; padding:0 0 0 18px;}
#navigation ul li, #navigation ul li a{ color:#fff; text-decoration:none; font-variant:small-caps; font-size:14px; }
#navigation ul li a:hover{ text-shadow: 0 0 5px #FF0000; }

#header{ background-image:url(/images/img_header_inner.jpg); background-repeat:no-repeat; height:86px; }
#header-collections{ background-image:url(/images/img_header_collections.jpg); background-repeat:no-repeat; height:86px; margin:0 0 0 7px; }
#header-room-gallery{ background-image:url(/images/img_header_room-gallery.jpg); background-repeat:no-repeat; height:86px; margin:0 0 0 7px; }
#contentArea, #header{ margin:0 0 0 7px; position:relative; }
#site-search { float:right; width: 137px; }
#searchbox { float:right; width:150px; margin:3px 0 0 0; height:17px; padding:0; border:0; background: url("/images/searchBg.png") no-repeat;  }
.searchfield { font-size:11px; background:transparent; color:#777; float:left; margin-left:7px; margin-top:1px; width:120px; border:0; height:17px; }
.searchbutton { width:18px; margin:-1px 0 0 0; height:17px; cursor:pointer; background: url("/images/searchBtn.png") no-repeat; border:0; }

#collections-title { margin:43px 0 0 50px; position:absolute; width: 500px; }
#collections-title h2 { float:left; margin:0; padding:8px 0 0 9px; font-variant:small-caps; font-size:14px; color:#ffda93; }

/* Content Area Styles */
#content{ position:absolute; top:120px; right:75px; z-index:20; width:400px; }
.gallery_icon{ width:85px; margin-left:20px; text-align:center; }
.gallery_icon_img, .gallery_icon_text{ text-align:center; }
.gallery_icon_text{ padding:12px 0 12px 0; font-variant:small-caps; }
.gallery_icon_text a{ font-size:14px; color:#f0f0d8; text-decoration:none; }
.gallery_icon_text a:hover{ text-decoration:underline; }
#condensedContentArea { position:relative; }
#condensedContent_twoCol_wImg, #condensedContent_twoCol_wImg_scroll, #condensedContent_fullPage, #condensedCms_twoCol_wImg{ background-color:#f0f0d8; width:980px; margin:0 0 0 7px; position:relative; }
#condensedContent_twoCol_wImg .gallery_icon_text a, #fullpage_content .gallery_icon_text a, #condensedContent_twoCol_wImg, #fullpage_content{ color:#572700; }
#twoCol_wImg_content, #twoCol_wImg_content_scroll{ width:477px; padding:10px 0 0 0; }
#twoCol_wImg_content .item_thumb{ width:235px; }
#fullpage_content{ padding:10px 0 0 0; height:394px; }
#fullpage_content .item_thumb{ width:245px; }
#pagination{ padding:0; margin:0 auto; width:55px; }
#condensedContent_fullPage h1{ margin:10px 0 8px 37px; }
table#productDetailsTable{ width:240px; margin:20px 10px 10px 10px; font-size:12px; }
table#productDetailsTable td{ background-color:#f2ecd5; color:#572700; border:1px solid #ede1d2; }
table#productDetailsTable #altColors { background-color:#582700; color:#eee1c5; }
table#productDetailsTable #altColors a{ color:#eee1c5; }
#product_overview { width:523px; }
#product_overview_middle { float:left; width:180px; margin:10px 0 0 10px; padding:0; color:#311e17; }
#product_overview_middle h1 { color:#311e17; margin-left:0;  }
#twoCol_cms_img{ z-index:0; position:relative; /* */ }
#twoCol_cms_content{ z-index:1; position:absolute; color:#FFF; width:315px; padding:0 0 0 25px; margin:130px 0 0 515px; float:right; }
#twoCol_cms_content_scroll{ color:#FFF; width:315px; margin:130px 0 0 515px; padding:0 0 0 25px; float:right; position:absolute; }
#twoCol_cms_content_locations{ background:transparent; position:absolute; color:#FFF; width:980px; padding:0; margin:0; float:left; }
#twoCol_cms_content_locations_scroll{ background:transparent; color:#FFF; width:370px; height:370px; margin:0; padding:10px 0 0 0; float:left; position:relative; overflow-x:hidden; overflow-y:auto; }
#twoCol_cms_content p, #twoCol_cms_content_scroll p, #twoCol_cms_content h2, #twoCol_cms_content_scroll h2, #twoCol_cms_content a, #twoCol_cms_content_scroll a { color:#fff; padding:0 20px 0 0; } 
#twoCol_cms_content_locations_scroll h1 { margin-left:0; }
h1, #twoCol_cms_content h1{ color:#FFF; margin-left:-20px; font-size:2em; font-variant:small-caps; }
table#productDetailsTable td table.tblNoBorder, table#productDetailsTable td table.tblNoBorder td{ border:none; }
textarea.cms_form_textarea, input.cms_form_textfield, select.cms_form_textfield{ border:1px solid #361601; color:#000; background-color:#FFFFEF; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; padding:3px; }
textarea.cms_form_textarea{ width:291px; }
input.cms_form_textfield, select.cms_form_textfield{ width:100px; }
#print-share { position:absolute; top:50px; float:right; right:25px; z-index:100; }
#print-share ul li { display:inline; width:150px; height:21px; }
.accessoryTable p, #contentTopHeader h1 {color:#572700;}
#contentTopHeader h1 {margin:0;}

.ie-map-right { background:#000;}


/* Homepage Slideshow styles */
.slideshow { height: 634px; width: 980px; margin:0 5px 0 0; background: url("/images/img_home_noText.jpg") no-repeat;  }
.slideshow img { padding:0; border:none; }


/* Footer Styles */
#footer{ background-image:url(/images/img_footer_inner.jpg); background-repeat:no-repeat; margin:0 0 0 7px; width:980px; height:144px; }
#footer-collections{ background-image:url(/images/img_footer_collections.jpg); background-repeat:no-repeat; margin:0 0 0 7px; width:980px; height:144px; }
#footer-room-gallery{ background-image:url(/images/img_footer_room-gallery.jpg); background-repeat:no-repeat; margin:0 0 0 7px; width:980px; height:144px; }
#footer_content_constrain, #footer_content{ text-align:left; width:640px; color:#fff; margin:18px 0 0 0; }
#footer_content_constrain{ width:560px; padding:0 40px 0 40px; }
#footer_letter{ width:58px; height:40px; margin:0 -20px 0 0; }
#footer_divider{ width:2px; height:110px; margin:24px 0 0; background-image:url(/images/img_footer_divider.png); background-repeat:no-repeat; }
#footer_logo{ width:286px; height:98px; text-align:center; margin:20px 0 0 24px; }
#footer_logo_level-1, #footer_logo_level-2{ width:286px; height:98px; text-align:center; z-index:100; margin:507px 0 0 660px; position:absolute; }
#footer_logo_online-retailers{ width:286px; height:98px; text-align:center; z-index:100; margin:421px 0 0 660px; position:absolute; }

/* Flash Divs */
#flash_home{ width:980px; height:440px; z-index:11; }

/* Drop Downs */
/* all lists */
#nav, #nav ul { list-style: none; line-height: 1; }
#nav a { display: block; /*width: 10em;*/ }
/* all list items */
#nav li { float: left; width: auto; /* width needed or else Opera goes nuts */ }
/* second-level lists */
#nav li ul { position: absolute; margin:0 0 0 -4px; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li ul li{ width:9em; border-bottom:1px solid #565656; background-color:#603931; padding:3px; }
/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#navigation ul li ul li a { font-variant:normal; }


/*
#nav, #nav ul { list-style: none; line-height: 1; }
#nav a { display: block;  }
#nav li { float: left; width: auto; }
#nav li ul { position: absolute; margin:0 0 0 -4px; left: -999em; }
#nav li ul li{ width:13em; font-size:11px; border-bottom:1px solid #6f5b60; border-top:1px solid #6f5b60; padding:0; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#navigation ul li ul li a { font-variant:normal; }
#content { clear: left; color: #ccc; }
*/


/* backgrounds */
/*
#bg_room_gallery1{ background-image:url(/images/rand/accessories.jpg); background-repeat:no-repeat; width:980px; height:440px; }
#bg_room_gallery2{ background-image:url(/images/rand/ashfied.jpg); background-repeat:no-repeat; width:980px; height:440px; }
#bg_room_gallery3{ background-image:url(/images/rand/candeliere.jpg); background-repeat:no-repeat; width:980px; height:440px; }
#bg_room_gallery4{ background-image:url(/images/rand/enclave.jpg); background-repeat:no-repeat; width:980px; height:440px; }
#bg_room_gallery5{ background-image:url(/images/rand/tahiti.jpg); background-repeat:no-repeat; width:980px; height:440px; }
*/

#bg_room_gallery1{ background-image:url(/images/img_roomGallery.jpg); background-repeat:no-repeat; width:980px; height:634px; }
#bg_room_gallery2{ background-image:url(/images/img_roomGallery.jpg); background-repeat:no-repeat; width:980px; height:634px; }

#bg_collections1{ background-image:url(/images/img_collections.jpg); background-repeat:no-repeat; width:980px; height:634px; }
#bg_collections2{ background-image:url(/images/img_collections.jpg); background-repeat:no-repeat; width:980px; height:634px; }

/* Misc styles */
#pushDownPrev{ padding:164px 0 0 0; }
/*  */

/* scrollbar */
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 20px;
background: #ffffff url(../images/scrollbar.png) -36px 0px repeat-y;
/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
any scrollbar when images cannot load. */
}
.vscrollerbarbeg {
/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
height: 20px !important;
/* ...unless we force the size using an !important decleration */
/* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/
/* this may be fixed by the time Safari 3.0 is released. */
width: 20px;
background: url(../images/scrollbar.png) -108px -32px no-repeat;
}
.vscrollerbarend {
/* height of this element should be set */
height: 20px;
width: 20px;
background: url(../images/scrollbar.png) -108px 0px no-repeat;
}

.vscrollerbase {
width: 20px;
background: #ebebeb url(../images/scrollbar.png) 0px 0px repeat-y;
}
.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 20px;
height: 20px !important; /*Again, the safari fix, normally this line is not needed.*/
background: url(../images/scrollbar.png) -81px -28px no-repeat;
}
.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 20px;
width: 20px;
background: url(../images/scrollbar.png)  -81px 0px no-repeat;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {
height: 0px; background-color: white;
}
.hscrollerbar {
height: 0px; background-color: black;
}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 20px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 8px;
height: 2px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #ebebeb;
}


/* Scroll Bar Master Styling Ends Here */

/* Accessory ScrollBar Styles */


.accessoryScrollBar .vscrollerbar {
width: 20px;
background: #18130d;
}

.accessoryScrollBar .vscrollerbasebeg {
width: 20px;
height: 1px !important; 
background: #18130d;
}
.accessoryScrollBar .vscrollerbaseend {
height: 2px;
width: 20px;
background: #18130d;
}

/* properties for scroller jog box, just in case */
.accessoryScrollBar .scrollerjogbox {
width: 8px;
height: 2px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #18130d;
}
.accessoryScrollBar .vscrollerbase {
width: 9px;
background: transparent;
border: 2px solid #18130d;
}


