﻿
/* STATIC FILE STYLES
------------------------------------------- */

    /* ::::: About ::::: */
.roundCol.about, .roundCol.contact, .roundCol.errorPage {
    margin:0 0 15px;
    padding:20px 0 15px;
    overflow:hidden;
}
.about a:hover, .contact a:hover, .errorPage a:hover {
    text-decoration:underline;
    color:#be3037;
}
a.btn:hover {
    color:#fff;
    text-decoration:none;
}
h2, h3 {
    color:#7b9299;
    font-size:24px;
}

.oneCol {
    background: #fff;
    margin: 0;
    padding: 0 16px;
}

.oneCol cite {
    display:block;
    color:#666;
    font-size:10px;
    font-style:italic;
    margin:0 !important;
    padding:0 !important;
    line-height:12px !important;
}

.oneCol p, .oneCol dt, .oneCol dd, .oneCol li {
    font-size: 12px;
}

.oneCol h3 {
    font-size:18px;
    margin-top:1em;
}

.threeCol {
    padding:0 0 0 14px;
    font-size:80%;
}
form.customerService {
    font-size:80%;
    margin-bottom: 1.2em;
}
.latches img {
    vertical-align: middle;
}
.latches img#circular {
    padding-left: 30px;
}
.threeCol .col {
    float:left;
    overflow:hidden;
    width:295px;
    margin:0 10px 0 0;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:90%;
}
.threeCol .family p, .threeCol .option p {
    color:#666;
    font-size:11px;
    line-height:13px;
    /*margin:1em .5em 1em .2em;*/

}
.threeCol .indexViewAlt {
    font-size:16px;
    clear:none;
}

.threeCol .hdr {
    font-size:23px;
    font-family:Arial, Sans-Serif;
}
.threeCol .hdr.hdr4 {
   color:#c54249;
}
.threeCol .hdr.hdr5 {
   color:#d3a218;
}
.threeCol .hdr.hdr6 {
   color:#7b9299;
}
.threeCol .hdr a {
    background:none;
    color:inherit;
    text-decoration:none;
}
.threeCol .hdr a:hover {
    color:inherit;
    text-decoration:underline;
}


    /* ::::: FBN Family ::::: */
.doubleCol {
    float:left;
    position:relative;
    z-index:0;
    width:610px;
    overflow:hidden;
    }

.doubleCol .buttons .btn {
    margin:0 5px 0 0;
}

.fbnBrands {
    width:590px;
}

.fbnBrands p {
    font-size:95%;
}

.brandList {
    display: block;
    position: relative;
    margin: 20px 0 40px;
    padding: 0;
    overflow:hidden;
    clear:both;
}
.brandList li {
    list-style:none !important;
    display: block;
    position: relative;
    float: left;
    margin: 0pt 10px 0 5px;
    padding: 0;
    height: 18px;
    line-height: 18px;
    font-family: Geneva, tahoma, sans-serif;
    font-size: 11px;
    width:175px;
}
.brandList li a {
    color: #7b9299;
    text-decoration: none;
    background: transparent url(../../img/cmn/icon_arrow_gray.gif) no-repeat 98% 5px;
    padding: 0 9px 0 0;
}

.brandList li a:hover {
    text-decoration: underline !important;
}

    /* ::::: Contact Us ::::: */

.contactInfo {
    margin:3em 0;
    clear:both;
}
.contactInfo dt, .contactInfo dd {
}
.contactInfo dt {
}
.contactInfo dd {
    margin:0 0 1.5em;
}

.threeCol .col.rgt {
    float:right;
}
.contactUsForm fieldset, .customerService fieldset {
    width:75%;
    line-height:1.3em;
}
.contactUsForm fieldset input.text, .contactUsForm fieldset textarea, .contactUsForm fieldset select,
.customerService fieldset input.text, .customerService fieldset textarea, .customerService fieldset select {
    border:1px solid #301D0D;
}
.contactUsForm div.privacy {
    margin-top: .2em;
}
.customerService div.privacy, .customerService div.note {
    margin-top: 1em;
}
.contactUsForm fieldset.actions, .customerService fieldset.actions {
    padding-top: 1em;
}
.contactUsForm fieldset select, .customerService fieldset select {
    width:100%;
}
.contactUsForm fieldset label, .customerService fieldset label {
   margin:1em 0 .1em .15em;
}

.contactUsForm fieldset .btn, .customerService fieldset .btn {
    clear: none;
    float: left;
    position: relative;
    height:23px;
}
.contactUsForm fieldset .btn .btn1, .customerService fieldset .btn .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;
}
.contactUsForm fieldset .btn .endcap, .customerService fieldset .btn .endcap {
   background: #fff url(../../img/cmn/sprite_buttons.gif) no-repeat right 0;
   cursor: pointer;
   height:23px;
   width:10px;
   left:auto;
}   

.mod {
    overflow:hidden;
    margin:0 0 30px 40px;
    width:240px;
    font-size:16px;
}
.mod .modThumb {
    float:left;
    width:75px;
    height:75px;
    margin:0 10px 10px 0;
}
.col .mod p {
    line-height:1.3em;
    clear:none;
    font-size:70%;
}
.mod .btn {
    clear:both;
}
.mod form {
    clear:both;
}
.mod fieldset {
    overflow: hidden;
}
.mod .text {
    float:left;
    margin-right:5px;
    font-size:11px;
    padding:3px 14px 2px 4px;
}

.mod fieldset div {
    overflow: hidden;
}

.mod fieldset .btn7 {
    clear: none;
    float: left;
    width: 57px;
    position: relative;
    height:23px;
}

.mod span.btn6 {
    display:inline-block;
    position:relative;
    height:23px;
    width:70px;
    top:0;
}
.mod input.btn6 {
    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 -180px;
}
.mod .btn6 .endcap {
   background: #fff url(../../img/cmn/sprite_buttons.gif) no-repeat right -180px;
   cursor: pointer;
   height:23px;
   width:11px;
   left:auto;
   bottom:auto;
   /*_top:0;*/
}   

.note {
    font-size:11px;
    line-height:15px;
    clear:both;
}


    /* ::::: FBN Partners ::::: */
.partnerList {
    overflow:hidden;
    height:50px;
    margin:0;
    width:635px;
}
.partnerList li {
    list-style:none !important;
    float:left;
    margin:0 30px 0 0;    
}
.partnerList li a {
    display:block;
    height:40px;
    text-indent:-9999px;
    background:#fff url(../../img/content/sprite_partnerLogos.gif) no-repeat 0 0;
}
.partnerships .partnerThumb {
    display:block;
    height:40px;
    text-indent:-9999px;
    background:#fff url(../../img/content/sprite_partnerLogos.gif) no-repeat 0 0;
}
.partnerships .partnerCL {
    background-position:0 0;
    width:155px;
}
.partnerships .partnerEB {
    background-position:-185px 0;
    width:120px;
}
.partnerships .partnerNG {
    background-position:-345px 0;
    width:120px;
}
.partnerships .partnerSa {
    background-position:-485px 0;
    width:120px;
 }

    /* ::::: In the Press ::::: */
.threeCol .sideCol {
    background: #f6f7f4 url(../../img/cmn/bg_rnd_press_top.png) no-repeat left top;
    position:absolute;
    width:290px;
    float:none;
    top:15px;
    right:0;
    z-index:1;
    padding:15px 0;
}
.threeCol .sideCol .endcap {
    background: transparent url(../../img/cmn/bg_rnd_press_bot.png) no-repeat left bottom;
    height:15px;
    width:290px;
}
.threeCol .sideCol h3 {
    margin:0 12px;
}
.sideCol h6 {
    color:#be2f37;
    font-size:11px;
    font-weight:normal;
    margin:5px 12px 15px;
}
.sideCol ul {
    margin:10px 12px;
    padding:0;
}
.sideCol ul li {
    list-style:none !important;
    line-height:13px;
    margin:0 0 8px;
    padding:0;
}
.sideCol ul li a, .sideCol p a {
    color: #7b9299;
    font-size:12px;
    text-decoration: none;
    background: transparent url(../../img/cmn/icon_arrow_gray.gif) no-repeat 99% 5px;
    padding: 0 10px 0 0;
}
.sideCol ul.bgIcon li a span { display: none; } /* for IE bg image; see ie.css */
.sideCol .hdr a:hover {
    color:inherit;
}
.sideCol a:visited {
    color: #7b9299;
}
.sideCol a:hover {
    text-decoration:underline;
    color:#be3037;
}
.sideCol .current, .sideCol a.current:visited {
    color: #bf2f37;
}
.sideCol a.current {
    background: none;
    font-weight: bold;
    padding-right: 0;
}
.sideCol ul li cite {
    display:block;
    color:#666;
    font-size:10px;
    font-style:italic;
    margin:0 !important;
    padding:0 !important;
    line-height:12px !important;
}
.sideCol h2, .details h2 {
    color: #7b9299;
}
.sideCol.toolbar h2 {
    margin: 15px 12px 0;
} 
.sideCol p {
    margin: 20px 12px 0;
}
.info {
    overflow: hidden;
    margin:0 0 10px;
}
.cover {
    float: left;
    font-size: 10px;
    width: 117px;
}
.cover p {
    text-align: center;
}
.cover p a {
    background: url(../../img/cmn/icon_arrow_gray.gif) no-repeat 99% 5px;
    color: #7b9299;
    padding-right: 10px;
    text-decoration: none;
}

.cover p a:hover {
    color:#be3037;
    text-decoration: underline;
}
.details {
    color: #666;
    font-family: Arial, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
    font-weight: bold;
    float: left;
    margin-bottom: 10px;
    width: 554px;
}
.details h2 {
    margin: 10px 0 5px;
}
.gridViewWrap p {
    font-size: 11px;
}

/* ::::: Press Image Overlay ::::: */
#pressImage {
    padding: 15px;
    position: relative;
}
#pressImage a.closeDOMWindow {
    cursor: pointer;
    position: absolute;
    padding: 5px;
    top: 0;
    text-decoration: underline;
    right: 5px;
}
#pressImage img {
    margin: 20px 0 15px;
}
#pressImage h4 {
    margin: 0;
}
#pressImage p {
    font-size: 11px;
    width: 100%;
}
#pressImage .details {
    float: none;
}

/* ::::: Customer Service ::::: */
.custService {
    padding: 15px;
    overflow: hidden;
    width: 902px;
    margin: 0 0 15px 0;
}
.custService img.hero {
    float: left;
    width: 643px;
}

.custService p, .custService span, .custService li {
    font-size: 12px;
}

.custService .col2{
    float: right;
    overflow: hidden;
    width: 236px;
}

.custService h5 {
    color: #BE2F37;
    font-size: 12px;
    margin-bottom: .2em;
}

.custService h6 {
    font-size: 12px;
}

.altModule {    
    background: #F5F5F2 url(../../img/cmn/bg_promotions_top.png) no-repeat 0 0;
    position: relative;
    width: 206px;
    float: right;
    z-index: 1;
    padding: 15px;
    padding-bottom: 15px;
    min-height: 268px;
    height: auto !important;
    height: 268px;
}

.altModule .endcap {
    background: transparent url(../../img/cmn/bg_promotions_btm.png) no-repeat 0 0;
    height:8px;
    width:236px;
    _bottom: -10px;
}

.custService .altModule h3 {
    margin-bottom: .2em;
}

.custService ul {
    margin: 0 0 1em 0;
    list-style-type: none;
}

#page .custService ul li {
    list-style-type: none;
}

.custService li a {
    text-decoration: none;
    background: transparent url(../../img/cmn/icon_arrow_gray.gif) no-repeat 100% 6px;
    padding: 0 9px 0 0;
    color: #7b9299;
}

.custService li a:hover, .custService li a:active {
    color: #be3037;
    text-decoration: underline;
}

.custService h3 a:link, .custService h3 a:visited, .custService li a:link, .custService li a:visited {
    color: #7b9299;
}

.custService h3 a:hover, .custService h3 a:active, .custService li a:hover, .custService li a:active {
    color: #be3037;
}

.custService h3.alt1 {
    color: #C54249;
}

.custService h3.alt2 {
    color: #D3A218;
}

.custService h5 {
    font-size: 14px;
}

/* ::::: Furniture Brands Family ::::: */

.fbnBrands .description {
    padding-bottom: 1em;
}

.fbnBrands .fbLink {
    padding-bottom: 2.2em;
}

.brands {
    margin-left: 0;
    margin-right: 14px;
    overflow: hidden;
}

#page ul.brands li {
    list-style-type: none;
    float: left;
    margin: 0 12px 0 0;
    padding: 0;
    position: relative;
    width: 180px;
}

.brands li h3 {
    font-size: 17px;
    margin-top: 10px;
    position: relative;
}

.brands li a.thumb {
    color: #7B2633;
    position: absolute;
    text-decoration: none;
    top: 0;
}

.brands li p {
    padding-bottom: 1.5em;
 }
 
.threeCol .family, .threeCol .option {
    /*background: #F2F2F2;*/
    padding-top: 12px;
}

.threeCol .family p, .threeCol .option p {
    margin-top: 11px;
}

.threeCol .option {
    margin-bottom: 20px;
    padding-bottom: 12px;
}
    

    /* ::::: Partnerships ::::: */

.partnerships {
}
.partnerships ul {
    margin:0 0 1em;
    padding:0;
}
.partnerships ul li {
    list-style:none !important;
    overflow:hidden;
    width:600px;
    padding:0 0 20px;
    margin:0 0 20px;
}
.partnerships ul li h3 {
    font-size:20px;
    line-height:24px;
    clear:both;
}
.partnerships ul li .partnerThumb {
    float:left;
    margin:0 15px 15px 0;
}
.partnerships ul li p {
    margin:0 0 .5em 170px;
}
.partnerships ul li a {
    margin:0;
    padding:0;
}
/*
.partnerships ul li a.partnerThumb {
    clear: none;
    margin-bottom: 5px;
}
*/
.releaseInfo {
    border-top: 1px solid #333;
    padding-top: 1em;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 1.4em;
}

    /* ::::: Customer Service ::::: */
.custService {
}
.custService .oneCol {}

.custService .oneCol .careSection {
    margin:0 0 2em;
}
.custService .oneCol h3 {
    font-size:18px;
    margin-top:1em;
}
.custService .oneCol h4 {
    font-size:90%;
    font-weight:bold;
    margin:.5em 0 .25em;
}
.custService .oneCol ul, .custService .oneCol ol {
    margin:.5em 16px;
    line-height:1.1em;
}

.custService .oneCol .characteristics {
    margin-left:0;
}

/* Jon & Kate Promo */
.promoCopy { width: 500px; display: inline; float: left}
img.portrait { position: relative; display: inline; float: right; width: 312px; }
.clear { clear: both; }

div#promoCols {
    padding-right: 0;
}

#promoCols ul {
    position: relative;
    list-style-type: none;
    overflow: hidden;
    display: block;
    clear: both;
    margin-left: -14px;
}

#promoCols li {
    width: 293px;
    margin: 0 0 10px 13px;
    display: inline;
    list-style-type: none;
    float: left;
}

#promoCols p{ 
    margin-right: 14px;
}

/* FAQ */
.faqHeader
{
    /* color: #7b9299; */
    font-size: 14px;    
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}
.faqContactUsHeader
{
    color: #B82028;
    font-size: 12px;
    font-family: Arial;
    font-style: italic;
    background-color: #F5F5F4;
}
.faqQuestion, .faqQuestion a {
    font-style: italic;
    font-weight: normal;
    padding-left: 10px;
    display: inline-block;
}
.faqAnswerQuestion, .faqAnswerQuestion a {
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
    display: inline-block;
}
.faqAnswer, .faqAnswer a, .faqAnswer td  {
    padding-left: 20px;
    display: inline-block;
}
.SearchFAQForm input.text {
    border:1px solid #301D0D;
}

