/**
 * @fileoverview:   Lane Global Stylesheet
 * @author:         Chris Casciano
 * @company:        Schematic, Inc.
 * @version:        1.0
**/

/* Css Reset
------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size:100%;
	background-color: #fff;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

hr {
    border: none;
    border-top: 1px solid #C7C5C0;
    height: 1px;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
   clear: both;
   height: 1px;
   line-height: 1px;
   padding: 0;
   margin: 0;
}
.l_clear {
    clear:left;
    height: 1px;
    line-height: 1px;
}
.r_clear {
    clear:right;
    height: 1px;
    line-height: 1px;
}

.clearfix:after { 
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: block;
}

/* Base Layout Grid
------------------------------------------------ */

body {
	background-color: #d3d1cc;
}

div.sliceWrap {
}

div.slice {
	width: 934px;
	margin: 0 auto;
	padding: 0 14px;
	display: block;
}

div.slice:after { 
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div#headerWrap {
	background-color: #ffffff;
    position: relative;
    z-index: 2;
    top: 0px;
    left: 0px;
    height: 91px;
}

div#pageWrap {
	background-color: #ebe8df;	
    position: relative;
    z-index: 1;
}

div#page {
    padding: 0 0 30px 0;
}

div#footerWrap {
	background-color: #c2bdae; /* same as body */
}

div.left {
    float: left;
    display: inline;
}

div.right {
    float: right;
    display: inline;
}

/* Sitewide Typography
------------------------------------------------ */

body {
	color: #301d0d;
	font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
}

h1 
{
    font-size: 31px;
	color: #301d0d;
	font-weight: normal;
	font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
}

h1.pageTitle {
	padding: 20px 16px;
}

h1.pageTitle .sep,
h1.pageTitle a,
h1.pageTitle a:visited {
	color: #be3037;
	text-decoration: none;
}

h1.pageTitle .sep {

}

h1.pageTitle a:hover,
h1.pageTitle a:active {
    color: #be3037;
    text-decoration:underline;
}

h2 {
	color: #c2bdae;
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

h3 {
	color: #000;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

h4 {
	color: #9c978a;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 1em;
}

h5, h6 {
    color: #000;
    margin-bottom: 1em;
}

p, blockquote, dl, table, pre, address {
	margin-bottom: 1em;
	line-height: 1.5em;
}

ul, ol {
	margin-left: 2.5em;
	margin-bottom: 1em;
	line-height: 1.5em;
}

li ul, li ol 
{
    margin-bottom: 0;
}

#page ul li {
    list-style-type: disc;
}

#page ol li {
    list-style-type: decimal;
}

a:link, a:visited {
    color: #301d0d;
}

a:hover, a:active {
    color: #be3037;
}


dt {
    font-weight: bold;
}

dd {
    margin-left: 2.5em;
}


/* table layout */
table {
	border-collapse: collapse;
}

th,
td {

}
th {
	text-align: left;
	color: #301d0d;
	background: #ebe8df;
}
caption {
	font-weight: bold;
	color: #000;
}

    /* ::::: Utility Styles ::::: */
p.note {
    color: #7b9299;
    font-weight: bold;
}
.disclaimer {
    margin:1.5em 15px;
    font-size:63%;
}

/* form styling */

input.text,
input.password,
input.file,
textarea {
	font-size: 1em;
	padding: 2px 4px;
	color: #301d0d;
	background: #fff;
	border: 1px solid #301d0d;
	font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
}

input.text.error,
input.password.error,
input.file.error    
textarea.error {
	border-color: #be3037;
}

label.error,
p.error {
    color: #be3037;
}

input.checkbox {
}

select {
	font-size: 1em;
	color: #301d0d;
	background-color: #fff;
	border: 1px #301d0d solid;
	font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
}

select option {
}

select option:active {
}

input.btn,
input.submit {
	font-size: 10px;
	padding: 2px 4px;
	color: #fff;
	background-color: #be3037;
	border:1px #be3037 solid;
    text-transform: uppercase;
	cursor: pointer;
	font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
}

input.submit:hover, input.submit:active, input.submit:focus {

}

a.btn:link, a.btn:visited { /* unique button styles */
    display: block;
    position:relative;
    height: 25px;
    width: auto;
    float: left;
    margin: 0 4px 0 0;
    padding: 0 15px 0 7px;
    color: #fff;
    line-height: 25px;
    font-size: 10px;
    font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    text-decoration: none;
    background: transparent url(../../img/cmn/sprite_buttons.gif) no-repeat 0 0;
}

a.btn:hover, a.btn:active { /* currently no hover state */
}

a.btn .endcap {
    display: block;
    background: inherit;
    width: 7px;
    height:25px;
    left: auto;
    right:0;
    top:0;
    padding-right: 7px;
    line-height: 21px;
    text-align: right;
    background: transparent url(../../img/cmn/sprite_buttons.gif) no-repeat right 0;
    _right:-1px;
}

a.btn2:link, a.btn2:visited { 
    background: transparent url(../../img/cmn/sprite_buttons.gif) no-repeat 0 -30px;
}

a.btn2 .endcap {
    background: transparent url(../../img/cmn/sprite_buttons.gif) no-repeat right -30px;
}

a.btn3:link, a.btn3:visited {
    color: #7b9299 !important;
    background: transparent url(../../img/cmn/sprite_buttons.gif) no-repeat 0 -60px;
}

a.btn3 .endcap {
    background: transparent url(../../img/cmn/sprite_buttons.gif) no-repeat right -60px;
}

a.btn4:link, a.btn4:visited {
    background: #fff url(../../img/cmn/sprite_buttons.gif) no-repeat 0 -100px;
}
a.btn4 .endcap {
   background-position:right -100px;
}
a.btn5:link, a.btn5:visited {
   background: #fff url(../../img/cmn/sprite_buttons.gif) no-repeat 0 -140px;
}
a.btn5 .endcap {
   background-position:right -140px;
}   
a.btn6:link, a.btn6:visited {
   background: #fff url(../../img/cmn/sprite_buttons.gif) no-repeat 0 -180px;
}   
a.btn6 .endcap {
   background-position:right -180px;
}
a.btn6 .endcap {
   background-position:right -180px;
}   

a.btn7:link, a.btn7:visited {
    background: #fff url(../../img/cmn/sprite_buttons.gif) no-repeat 0 -220px;
    color:#7b9299 !important;
}
a.btn7 .endcap {
    background-position:right -220px;
}
span.btn7 {
    clear: none;
    float: left;
    position: relative;
    height:23px;
}
span.btn7 .btn1 {
    display: inline-block;
    position:relative;
    height: 23px;
    width: auto;
    margin: 0;
    cursor: pointer;
    padding: 0 4px 0 3px;
    line-height: 25px;
    font-size: 10px;
    top: 0;
    font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    text-decoration: none;
    color: #f8f8f8;
    border:none;
    background: #fff url(../../img/cmn/sprite_buttons.gif) no-repeat 0 0;
}
span.btn7 .endcap {
   background: #fff url(../../img/cmn/sprite_buttons.gif) no-repeat right 0;
   cursor: pointer;
   height:23px;
   width:10px;
   left:auto;
} 
a.btn8:link, a.btn8:visited {
    background: transparent url(../../img/cmn/sprite_buttons.gif) no-repeat 0 -260px;
}
a.btn8 .endcap {
    background-position:right -260px;
    right:-3px;
}


h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {
    text-decoration: none;
    color: #7b9299;
}

span.arrow {
    color: #7b9299;
}

a.arrow, ul.arrow a {
     text-decoration: none;
    background: transparent url(../../img/cmn/icon_arrow_gray.gif) no-repeat 100% 6px;
    padding: 0 9px 0 0;
    color: #7b9299;
}

a.arrow:hover, a.arrow:active, ul.arrow a:hover, ul.arrow a:active,  h3 a:active,  h3 a:hover, h4 a:active,  h4 a:hover {
    text-decoration: underline;
    color: #be3037;
}

/* form in a dom window context.. some of this might be globally applicable */
form.windowed {
    margin-top: 20px;
}

form.windowed fieldset {
    width: 95%;
}

form.windowed input.text, form.windowed textarea, form.windowed select {
    border: 2px #c1beb8 inset;
    color: #666;
    background-color: #f5f5f4;
    width: 100%;
}

form.windowed input.checkbox, form.windows input.radio {
    background-color: #f5f5f4;
}

form.windowed label {
    margin-top: 1em;
    display: block;
}

form.windowed p label {
    display: inline;
}

form.windowed span.required {
    color: #D93F03;
}

form.windowed p.help {
    font-size: 0.75em;
    margin-top: 0;
}

/* two column form */
/*form.multicol fieldset {
    margin-left: 50%;
    width: 45%;
}

form.multicol fieldset.first-child {
    margin-left: 0;
    float: left;
    display: inline;
}
*/

/* Header
------------------------------------------------ */
div#header {
    position: relative;
    height: 98px; /*114px;*/
    padding: 0;
    top: 0px;
    left: 0px;
}

div#logo {
    position: absolute;
    left: 0;
    top: 5px;/*66px; */
}

#logo a {
    background: url(../../img/cmn/logo_eee.jpg) 0 0 no-repeat;
    width: 196px;
    height: 82px; 
    display: block;
}

#logo a span {
    display: none;
}    

div#auxNav
{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 47px;
    width: 500px;    
}

#auxNav ul
{
    /*
    position: absolute;
    top: 22px;
    right: 0;
    margin: 0;
    
    margin: 14px 0 0 23px;
    height: 34px;
    */
    margin: 14px 0 0 73px;
    height: 29px;
    width: 422px;
    display: block;
}

#header li {
    float: left;
    display: inline;
    height: 28px;
}

#auxNav li a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    margin: 0 0 0 5px;
    font-style: italic;
    border-left: 1px solid #bbbbb9;
    padding: 0 5px 0 5px;
    font-weight: bold;
    border-left-color: #C61130;
}    

#auxNav li a:link, #auxNav li a:visited {
    color: #BF2F37;
    text-decoration: none;    
}

#auxNav li a:hover, #auxNav li a:active {
    text-decoration: underline;  
}
/*
#auxNav li a#findStore {
    border: none;
    padding-left: 0;
}
#auxNav li a#findStore:hover, #auxNav li a#findStore:active {    
}
*/
#auxNav li a#designPlan
{
    border: none;
    padding-left: 0;
    padding-right: 5px;
}
#auxNav li a#designPlan:hover, #auxNav li a#designPlan:active {    
}

#auxNav div.searchBox
{
    position: absolute;
    top: 51px;
    right: 2px;
    width: 237px;
    height: 34px;
    background-color: #EBE8DF;
}

div.searchField {
    width: 137px;
    height: 25px;
    position: relative;
    float: left;
    display: inline;
    left: 5px;
    top: 0px;
}



.searchBox input.searchTerm
{
    background-position: 0 0;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../../img/cmn/bg_searchTerm.gif') repeat-x 0 0;
    width: 146px;
    height: 25px;
    padding: 0;
    line-height: 100%;
    font-size: 65%;
    font-style: italic;
    text-align: left;
    padding: 3px 0 0 0;
    color: #301d0d;
    position: absolute;
    left: 8px;
    top: 0;
    margin-top: 10px;
}

.searchField .left {
    width: 7px;
    height: 25px;
    background: url(../../img/cmn/bg_searchFieldLeft.gif) 0 0 no-repeat;
    position: absolute;
    left: 3px;
    top: 0;
    right: 85px;
    margin-top: 10px;
}

.searchField .right {
    width: 7px;
    height: 25px;
    background: url(../../img/cmn/bg_searchFieldRight.gif) 0 0 no-repeat;
    position: absolute;
    left: 153px;
    top: 0;
    margin-top: 10px;
}

.searchBox input.searchBtn
{
    background-position: 0 0;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../../img/cmn/bg_searchBtn.gif') no-repeat 0 0;
    color: #fff;
    font-family: Arial, "Lucida Grand" , "Lucida Sans Unicode" , sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    width: 65px;
    height: 20px;
    padding: 10 15px 0 0;    
    /*
    padding: 10 7px 0 0;
    padding: 0px 2px 0px 0px;
    */
    float: right;
    display: inline;
    cursor: pointer;
    line-height: 12px;
    position: absolute;
    margin-top: 10px;
    top: 0px;
    left: 173px;
    text-align: left;
}



/* Main Navigation
------------------------------------------------ */

ul#nav {
    position: absolute;
    top: 51px;
    left: 194px;
    margin: 0;
    height: 34px;
    width: 505px;
}

#nav li {
    position: relative;
    border-left: 1px solid #e5e5e5;
    margin: 0 1px 0 0;
}

#nav li.first {
    border: none;
}

#nav a.topLevel, #nav a.topLevel span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 10; /* set z-index */
    cursor: pointer; /* fixes IE6 bug */
    color: #ffffff;
 }
 
 #nav a.topLevel:hover, #nav a.topLevel:active {
    color: #ffffff;
 }  


#nav li, #nav a.topLevel, #nav a.topLevel span {
    display: block;
    height: 37px;
}

#nav a.topLevel, #nav a.topLevel span {
    width: 132px; 
}

#nav a.topLevel {
    left: 1px;   
}

#nav li#familyRm {
    width: 134px;
}

#nav li#familyRm a.topLevel, #nav li#familyRm span {
    width: 132px;
}

#nav li#bedroom {
    width: 97px;
}

#nav li#bedroom a.topLevel, #nav li#bedroom span {
    width: 95px;
}

#nav li#diningRm {
    width: 128px;
}

#nav li#diningRm a.topLevel, #nav li#diningRm span {
    width: 126px;
}

#nav li#allFurniture {
    width: 127px;
}

#nav li#allFurniture a.topLevel, #nav li#allFurniture span {
    width: 125px;
}

#nav li#designPlan {
    width: 110px;
}

#nav li#designPlan a.topLevel, #nav li#designPlan span {
    width: 108px;
}

#nav a.topLevel:hover {
    border: none;
}

#nav a.topLevel span {
    z-index: 20;
    background-image: url(../../img/cmn/sprite_mainNav.png);
    background-repeat: no-repeat;
}

#nav li#familyRm a span {
    background-position: 0 0;
}

#nav li#familyRm a:hover span, #nav li#familyRm a:active span, #nav li#familyRm:hover a span, #nav li#familyRm.sfhover a span, #nav li#familyRm.current a span {
    background-position: 0 -37px;
}

#nav #bedroom span {
    background-position: 0 -74px;
}

#nav #bedroom a:hover span, #nav #bedroom a:active span, #nav li#bedroom:hover span, #nav li#bedroom.sfhover span {
    background-position: 0 -111px;
}

#nav li#diningRm span {
    background-position: 0 -148px;
}

#nav #diningRm a:hover span, #nav #diningRm a:active span, #nav li#diningRm:hover a span, #nav li#diningRm.sfhover a span {
    background-position: 0 -185px;
}

#nav li#allFurniture span {
    background-position: 0 -222px;
}

#nav #allFurniture a:hover span, #nav #allFurniture a:active span, #nav li#allFurniture:hover a span, #nav li#allFurniture.sfhover a span {
    background-position: 0 -259px;
}

#nav li#designPlan a span {                 
    background-position: 0 -296px;
}

#nav #designPlan a:hover span, #nav #designPlan a:active span, #nav li#designPlan:hover a span, #nav li#designPlan.sfhover a span {
    background-position: 0 -333px;
}

#nav li ul { 
    position: absolute;
    z-index: 9999;
    width: 164px;
    top: 37px;
    left: -9999em;
    background: url(../../img/cmn/bg_dropNav.gif) 0 bottom no-repeat;
    opacity: 0.95;
    filter: alpha(opacity=95);
    margin: 0;
    padding: 0 0 8px 0;
}

#nav li:hover ul, #nav li.sfhover ul { 
    left: -4px;
}

#nav ul li, #nav ul a {
    height: auto;
}

#nav ul li {
    display: block;
}

#nav ul li {
    line-height: 1.2em;
    font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
    font-size: .8em;
    margin: 0;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-bottom: none;
    background: #ffffff;
    padding: 2px 0 2px 14px;
    width: 148px;
}

#nav ul li.top {
    background: url(../../img/cmn/bg_dropNav.gif) 0 0 no-repeat;
    height: 16px;
    width: 164px;
    padding: 0;
    border: none;
}

#nav ul li.first a {
    margin: 10px 0 0 0;
}

#nav ul a { 
    color: #474541;
    font-family: Georgia, serif; 
    font-size: 80%;
    width: auto;
}

#nav ul a:link, #nav ul a:visited {
    text-decoration: none;
}

#nav ul a:active, #nav ul a:hover {
    text-decoration: underline;
}

#nav ul a.altLink, a.altLink {
    color: #e64205;
    background: transparent url(../../img/cmn/icon_arrow_red.gif) no-repeat 100% 12px;
    display: inline;
    padding-right: 8px;
}

#nav a.altLink.first {
    padding-top: 8px;
    margin: 5px 0 0 0;
}

/* Footer
------------------------------------------------ */
div#footer {
    padding: 30px 14px;
    position: relative;
}

#footer ul {
    float:left;
    display: inline;
    width: 170px;
    height: 120px;
    border-left: 1px solid #cbc7ba;
    margin: 0;
    padding: 0 10px 0 30px; 
}

#footer ul.firstChild {
    border: none;
    padding-left: 38px;
}

#footer ul li {
    margin: -5px 0 0 0;
}

#footer ul a {
    font-size: .7em;
    line-height: 1em;
    color: #e7e5df;
}

#footer ul a:link, #footer ul a:visited {
    text-decoration: none;
}

#footer ul a:hover, #footer ul a:active {
    text-decoration: underline;
}

/* Rounded Corners
------------------------------------------------ */

.endcap {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.roundCol {
    width: 932px;
    position: relative;
    background: #fff url(../../img/cmn/bg_rnd_column_top.png) no-repeat top left;
    zoom: 1;
}

.roundCol .endcap {
    width: 932px;
    height: 20px;
    background: url(../../img/cmn/bg_rnd_column_bot.png) no-repeat bottom left;
}

/* Lightboxes
------------------------------------------------ */
.lightboxContent {
    display: none;
}

#DOMWindow {
    color: #666;
    background-color: #fff;
    font-size: 0.9em;
    margin: 0 0 0 -8px;
}

#DOMWindow h1.pageTitle {
    padding: 0 16px;
    margin: 0;
    color: #7b9299;
}

#DOMWindow .bodywrap {
    width: auto;
}

#DOMWindow p {
    font-size: 0.8em;
    margin-top: 1em;
}

#DOMWindow input.text, #DOMWindow textarea, #DOMWindow select {
    border: 2px #c1beb8 inset;
    color: #666;
    background-color: #f5f5f4;
    width: 100%;
    margin:.3em 0 .2em;
}

#DOMWindow p.help {
    font-size: 0.75em;
    margin-top: 0;
}

#DOMWindow p.help strong {
    font-weight: normal;
    color: #be3037;
}

#DOMWindow .closeDOMWindow {
    cursor: pointer;
    display: block;
    background: url(../../img/cmn/icon_close_lightbox.png) 0 0 no-repeat;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent:-9999px;
    margin:0;
    padding:0;
}

#DOMWindow .btn.closeDOMWindow {
    display: block;
    position:relative;
    height: 25px;
    width: auto;
    float: left;
    margin: 0 4px 0 0;
    padding: 0 15px 0 7px;
    color: #fff;
    line-height: 25px;
    font-size: 10px;
    text-indent:0;
    font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    text-decoration: none;
    background: transparent url(../../img/cmn/sprite_buttons.gif) no-repeat 0 0;
}