/**
          RED: #832712;
        WHITE: #FFFFFF;
         NAVY: #38416F;
         GREY: #555555;
    DARK_GREY: #888888;
       SILVER: #E3E3E3;
        BLACK: #000000;
        BROWN: #65594D;
          TAN: #E6E1CD;

        SERIF: Georgia, "Bitstream Charter", serif;
   SANS-SERIF: Verdana, "Helvetica Neue", sans-serif;
*/


/* CSS Reset
 -----------------------------------------------------------------------------*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}



/* Fonts
 -----------------------------------------------------------------------------*/
body,
input,
textarea,
select,
option {
    color: #555555;
    font: normal normal normal 11px/1.25em Verdana, "Helvetica Neue", sans-serif;
}
a {
    color: inherit; text-decoration: none;
}
strong {
    font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3em;
    font-weight: bold;
    color: #38416F;
    margin: 0 0 8px 0;
}
h4,
h5,
h6 {
    line-height: 1.5em;
    font-weight: bold;
    color: #38416F;
    margin: 0 0 4px 0;
}
h1,
h2,
h3 {
    font-family: Georgia, "Bitstream Charter", serif;
}
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 9px; }



/* Forms
 -----------------------------------------------------------------------------*/
input,
textarea {
    border: 1px solid #555555;
    padding: 3px;
}
input[type=submit],
input[type=button],
input[type=image] {
    border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #2F2F2F; border-bottom: 1px solid #2F2F2F;
    padding: 2px 3px;
    color: #000000;
    background-color: #E3E3E3;
}
input[type=image] {
    border: 0;
}
input[type=checkbox] {
    position: relative;
    top: 0.15em;
    border-width: 0 !important;
}
select {
    border: 1px solid #555555;
    padding: 2px;
}
option {
    margin: 4px 0
}
em { font-style: italic; }
i { font-style: italic; }
ul {
    margin: 1em 0;
}

/* Structure
 -----------------------------------------------------------------------------*/
body {
    min-width: 980px;
/*    background-color: #E6E1CD;*/
}
#header,
#sidebar,
#breadcrumb,
#bottombar {
    clear: both;
    overflow: auto;
}
#header {
    height: 90px;
/*    width: 700px;*/
    padding: 0 48px 0 260px;
}
#wrapper {
    background-color: #E6E1CD;
/*    background: #FFFFFF url(/images/menu-background.png) scroll repeat-y top left;*/
    border-top: 1px solid #832712;
    overflow: auto;
    padding: 0 36px 0 24px;
}
#sidebar {
    float: left;
    width: 220px;
    padding: 19px 0 20px 0;
    overflow: auto;
}
#site-content {
/*    width: 700px;*/
    margin: 0 0 0 260px;
    padding: 0 0 48px;
}
#site-content.no-menu {
    margin: 0;
}
#breadcrumb {
    background-color: #555555;
    font: normal normal bold 0.9em/1.2em Verdana, "Helvetica Neue", sans-serif;
}
#footer {
    background: #65594D url(/images/logo_footer.png) no-repeat scroll left center;
    color: #FFFFFF;
    overflow: auto;
    border-top: 1px solid #E6E1CD;
}
#bottombar {
/*    width: 952px;*/
    padding: 4px;
}



/* Header
 -----------------------------------------------------------------------------*/
#logo {
/*    background: #832712 url(/images/logo.png) no-repeat scroll center center;*/
    background-color: #832712;
    border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
    cursor: pointer;
    height: 100px;
    left: 65px;
    position: absolute;
    top: 0;
    width: 130px;
    text-align: center;
    line-height: 90px;
}
#logo img {
    vertical-align: middle;
}
#header-divider {
    background-color: #832712;
    height: 1px;
    left: 80px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: -1;
}
#header-tabs {
    height: 52px;
    margin: 24px 0px 0;
    width: 60%;
}
#header-tab-list {
    overflow: auto;
    margin: 0;
}
#header-tab-list li {
    float: left;
/*    width: 80px;*/
    font-weight: bold;
    padding: 3px 12px;
    color: #832712;
    text-align: center;
    font-size: 0.9em;
}
#header-tab-list li.selected {
    background-color: #832712;
    border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 10px;
    color: #FFFFFF;
}
#header-tab-list-content {
    background-color: #832712;
    padding: 10px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 10px;
    border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0;
    font-size: 0.9em;
}
.header-tab-list-content-q-wrapper {
    margin: 0 38px 0 0;
}
#header-tab-list-content #q {
    font: normal normal normal 12px Georgia,"Bitstream Charter",serif;
    width: 100%;
}
#header-tab-list-content #search {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    width: 24px;
    height: 23px;
    margin-top: -1px;
    float: right;
}
#header-quick-menu {
    font: normal normal bold 1.33em Georgia, "Bitstream Charter", serif;
    text-transform: lowercase;
    color: #38416F;
    float: right;
    text-align: right;
}
#header-top-menu {
    margin: 0 auto;
}
#header-top-menu li a {
    color: #38416F;
}
#header-top-menu sup#ideabook_count,
#header-top-menu sup#cart_count {
    font: normal normal bold 9px Verdana,"Helvetica Neue",sans-serif;
    margin: 0 0 0 3px;
}
#header-quick-menu {
    float: right;
/*    clear: right;*/
    margin: 24px 0 0;
}
#header-top-menu li,
#header-quick-menu li {
    float: right;
    margin: 0 0 0 12px;
}
#header-quick-menu a {
    color: #832712;
}



/* Menu
 -----------------------------------------------------------------------------*/
#sidebar {

}
#sidebar h2 {
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 1px;
    margin: 2em 0 0;
}
#sidebar .menulist {
    margin: 0 auto;
}
#sidebar .menulist img.close-menu {
    cursor: pointer;
    float: right;
    position: relative;
    top: 3px;
    margin: 0 0 0 8px;
}
#sidebar .menulist li.flyout {
    background: transparent url(/images/menu-arrow-right.png) no-repeat right center;
    padding: 1px 0 2px;
}
#sidebar .menulist li.flyout-none {
    padding: 1px 0 2px;
}
#sidebar .menulist li.flyout:hover {
    background: transparent url(/images/menu-arrow-right-hover.png) no-repeat right center;
}
#sidebar .menulist li > h3 {
    text-align: right;
    margin: 0;
    font: normal normal normal 11px/15px Verdana, "Helvetica Neue", sans-serif;
    color: #555555;
    font-weight: normal;
    padding: 0;
    cursor: default;
}
#sidebar .menulist li > h3 a {
    cursor: pointer;
}
#sidebar .menulist li img.flyout-trigger {
    width: 12px;
    height: 12px;
}
#sidebar .menulist li.flyout img.flyout-trigger {
    cursor: pointer;
}
#sidebar div.flyout-container {
    z-index: 10000;
    display: none;
    opacity: 0.0;
    position: absolute;
    margin: -24px 0 0 234px;
    width: 400px;
    padding: 10px;
    background-color: #65594D;
    border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
}
#sidebar div.flyout-container div.flyout-container-button {
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    float: right;
    width: 70px;
    height: 1.75em;
    line-height: 1.75em;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    background-color: #FFFFFF;
    color: #65594D
}
#sidebar div.flyout-container h3 {
    font-size: 1.2em;
    padding: 0;
    color: #FFFFFF;
    margin: 0 0 8px;
}
#sidebar div.flyout-container div.column-container {
    margin: 0 0 0;
    background-color: #FFFFFF;
    border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
    overflow: auto;
}
#sidebar div.flyout-container div.column {
    width: 180px;
    padding: 0 10px 10px 10px;
    float: left;
}
#sidebar div.flyout-container div.column h4 {
    font-family: Georgia, "Bitstream Charter", serif;
    font-size: 1em;
    margin: 16px 0 0;
}
#sidebar div.flyout-container div.column h4:first-child {
    margin-top: 8px;
}
#sidebar div.flyout-container div.column ul {
    margin: 0 10px;
}
#sidebar div.flyout-container div.column ul li {
    font-size: 0.9em;
    line-height: 1.4em;
}



/* Bread Crumb
 -----------------------------------------------------------------------------*/
#breadcrumb table {
    margin: 0;
}
#breadcrumb table td {
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #E6E1CD;
    padding: 0 24px 0 16px;
    background: transparent url(../images/breadcrumb.png) no-repeat scroll center right;
}
#breadcrumb ul li:last-child {
    background-image: none;
}


/* Footer
 -----------------------------------------------------------------------------*/
#footer .section {
    float: left;
    width: 220px;
    margin: 10px 20px;
}
#footer .section + .section {
    width: 310px;
}
#footer .section.livehelp {
    width: 310px;
}
#footer .right-section-container .section {
    width: 50%;
    background-color: #F00;
    margin: 0;
    float: left;
}
#footer .section h2 {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    color: #FFFFFF;
}
#footer .section ul {
    margin: 8px 0 8px 12px;
}
#footer .section ul li {
    margin: 4px 0 4px 12px;
    background: transparent url(/images/diamond.png) no-repeat scroll left center;
    padding: 0 0 0 14px;
}
#footer .section ul + h2 {
    margin-top: 32px;
}

/* Bottom Bar
 -----------------------------------------------------------------------------*/
#bottombar-mini-menu {
    float: left;
    overflow: auto;
    margin: 0.25em 0;
/*    line-height: 12px;*/
}
#bottombar-mini-menu li {
    float: left;
    margin: 0 16px 0 0;
}
#bottombar-mini-menu li img {
    height: 10px;
    width: auto;
}
#bottombar-locale {
    overflow: auto;
}
#bottombar-locale li {
    float: right;
    margin: 0 0 0 16px;
}
#bottombar-copyright-notice {
    clear: both;
}



/* Content
 -----------------------------------------------------------------------------*/
.dialog { display: none; }
.ui-dialog .ui-dialog-titlebar {
    display: none;
}
img.hr {
    height: 1px;
    width: 80%;
    display: block;
    padding: 0;
    margin: 1em auto;
    border: 0;
}
.dotted-hr {
    height: 0px;
    clear: both;
    border-top: 1px dotted #CCCCCC;
}
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.small { font-size: .75em; }
.dotted-underline { border-bottom: 1px dotted #555555; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.red { color: #832712; }
.navy { color: #38416F; }
.italic { font-style: italic; }
.serif { font-family: Georgia, "Bitstream Charter", serif; }
.sans-serif { font-family: Verdana, "Helvetica Neue", sans-serif; }
.none { display: none !important; }
.invisible { visibility: hidden !important; }
.opaque {
    opacity:0.0;
    filter:alpha(opacity=0);
}
.page-content-header {
    background: #FFFFFF none no-repeat scroll top right;
    border: 1px solid #832712;
    border-top: 0;
    border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
    padding: 10px;
}
.page-content-footer {
/*    background: #FFFFFF none no-repeat scroll top right;
    border: 1px solid #832712;
    border-bottom: 0;
    border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;*/
    padding: 10px;
    margin: 0 0 -48px;
}
.page-content-header > h1,
.page-content-footer > h1 {
    font: normal normal bold 1.75em/2.33em Georgia, "Bitstream Charter", serif;
    text-align: right;
    clear: right;
    text-transform: lowercase;
}
.page-content-header h2,
.page-content-footer h2 {
    margin: 20px 0 0px;
}
.page-content-header p,
.page-content-footer p {
    line-height: 1.66em;
}
.page-content-header img.float-right,
.page-content-footer img.float-right {
    margin: 0 0 8px 8px;
}
.page-content-header img.float-left,
.page-content-footer img.float-left {
    margin: 0 8px 8px 0;
}
.red-upper-serif {
    font: normal normal bold 11px/17px Georgia, "Bitstream Charter", serif !important;
    color: #832712 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}
.grey-upper-serif {
    font: normal normal bold 11px/17px Georgia, "Bitstream Charter", serif !important;
    color: #555555 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}
#page-content-header-crossfade img {
}
#page-content-header-crossfade {
    margin: -10px -10px 0 0;
    width: 350px;
    height: 184px;
    text-align: right;
    float: right;
}
.crossfade-header-placeholder {
    display: none;
}
.content-header-data,
.content-footer-data {
    line-height: 18px;
}
.content-header-data h1 a, .content-header-data h2 a, .content-header-data h3 a, .content-header-data h4 a, .content-header-data h5 a, .content-header-data h6 a,
.content-footer-data h1 a, .content-footer-data h2 a, .content-footer-data h3 a, .content-footer-data h4 a, .content-footer-data h5 a, .content-footer-data h6 a, {
    text-decoration: inherit;
    color: inherit;
}
.content-header-data p + p,
.content-footer-data p + p {
    margin: 18px 0 0;
}
.crossfade-header-link {
    position: relative;
    float: right;
    top: -48px;
    z-index: 11000;
    display: block;
    clear: right;
}
ul.page-content-header-breadcrumb {
    margin: -2em 0 2em;
    text-align: right;
}
ul.page-content-header-breadcrumb li {
    display: inline;
    font: normal normal bold 1em/1em Verdana, "Helvetica Neue", sans-serif;
    text-transform: lowercase;
    color: #38416F;
}
ul.page-content-header-breadcrumb li:after {
    content: ' → ';
}
ul.page-content-header-breadcrumb li:last-child:after {
    content: ' ↑';
}
div#sort-options {
    font: normal normal bold 0.9em/1em Verdana, "Helvetica Neue", sans-serif;
    text-align: right;

}
.page-content-header div.option-bar ul.menu2,
.page-content-header div.option-bar ul.menu4,
.page-content-header div.option-bar ul.menu5 {
    overflow: auto;
    margin: 0 10px 10px;
}
.page-content-header div.option-bar ul.menu2 li,
.page-content-header div.option-bar ul.menu4 li,
.page-content-header div.option-bar ul.menu5 li {
/*    float: left;*/
    display: inline-block;
    vertical-align: top;
    font: normal normal bold 0.95em/1.66em Verdana, "Helvetica Neue", sans-serif;
    color: #832712;
    width: 163px;
    margin: 2px 6px;
}
.page-content-header div.option-bar ul.menu2 li { width: 50%; }
#site-content .two-column {
    float: left;
    overflow: auto;
    width: 50%;
}




/* Ideabook Overlay
 -----------------------------------------------------------------------------*/
.ideabook-overlay-bg, .ideabook-overlay-fg {
    position: absolute;
    height: 2.8em;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    font: normal normal bold 1.2em/2.8em Georgia, "Bitstream Charter", serif;
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
    margin: -64px auto 0;
    color: #E3E3E3;
    cursor: pointer;
}
.ideabook-overlay-bg {
    background-color: #000000;
}


/* Share This Page
 -----------------------------------------------------------------------------*/
div#share {
    width: 130px;
    position: fixed;
    right: 0;
    right: -110px;
    bottom: 100px;
    background-color: #FFFFFF;
    border: 1px solid #832712;
    border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
    border-right: 0;
/*    overflow: auto;*/
}
div#share div#minmax {
    float: left;
    width: 20px;
    background-color: #E3E3E3;
    border-right: 1px solid #888888;
    border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
}
div#share div#minmax img {
    cursor: pointer;
}
ul#share-links {
    margin-left: 21px;
/*    overflow: hidden;*/
}
ul#share-links li {
    font: normal normal normal 1em/16px Verdana, "Helvetica Neue", sans-serif;
    height: 16px;
    margin: 8px 0 8px 4px;
    padding: 0 0 0 22px;
    color: #38416F;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 0.9em;
}
ul#share-links li#twitter { background: transparent url(/images/social-bookmarks.png) no-repeat scroll 0 -5120px; }
ul#share-links li#facebook { background: transparent url(/images/social-bookmarks.png) no-repeat scroll 0 -1600px; }
ul#share-links li#myspace { background: transparent url(/images/social-bookmarks.png) no-repeat scroll 0 -3536px; }
ul#share-links li#email { background: transparent url(/images/social-bookmarks.png) no-repeat scroll 0 -1488px; }
ul#share-links li#delicious { background: transparent url(/images/social-bookmarks.png) no-repeat scroll 0 -1040px; }
ul#share-links li#gplus { background: transparent url(/images/social-bookmarks.png) no-repeat scroll 0 -5792px; }
ul#share-links li#pinterest {
    padding-left: 0;
}
ul#share-links li#pinterest img {
    vertical-align: middle;
    margin-right: 2px;
}
ul#share-links li#facebook {
/*    padding-left: 0;*/
}


/* Tag Cloud
 -----------------------------------------------------------------------------*/
.tag-container {
    float: right;
    width: 253px;
    margin: 0;
}
.tag-cloud {
    overflow: hidden;
    height: 110px;
    text-align: center;
}
.tag {
    display: inline;
}
.tag a {
    color: #E3E3E3;
    white-space: nowrap;
    text-transform: lowercase;
    cursor: pointer;
    margin: 0 10px;
    text-align: center;
    font: normal normal bold 15px/22px Georgia,"Times New Roman", serif;
}
.tag a:hover {
    color: #FFFFFF;
}
.tag-text {
    margin: 22px 0 0 0;
    padding: 5px 30px;
    width: 193px;
    height: 118px;
    overflow: hidden;
    color: #FFFFFF;

    background: transparent url(/images/verse-header-parens.png) no-repeat center top;
}



.dialog-container {
    padding: 10px;
}
input.error {
    background-color: #f2c9c9;
}


#footer ul#livehelplog {
    background-color: #FFFFFF;
    width: 270px;
    height: 140px;
    margin: 0 10px;
    padding: 10px;
    overflow: auto;
    resize: vertical;
    color: #555555;
}
#footer input#livehelpmsg {
    width: 270px;
    border: 0;
    margin: 0 10px;
    padding: 3px 10px;
    font: normal normal normal 12px Georgia,"Bitstream Charter",serif;
    border-top: 1px solid #65594D;
}
#footer input#livehelpmsg[disabled] {
    font: normal normal bold 11px Georgia,"Bitstream Charter",serif;
    color: #832712;
    background-color: #E3E3E3;
}
#footer ul#livehelplog li span.employee-name,
#footer ul#livehelplog li span.customer-name {
    font: normal normal bold 12px Verdana,"Helvetica Neue",sans-serif;
}
#footer ul#livehelplog li span.employee-name {
    color: #832712;
}
#footer ul#livehelplog li span.customer-name {
    color: #38416F;
}
#footer ul#livehelplog li {
    font: normal 12px Georgia,"Bitstream Charter",serif;
    margin: 0;
    padding: 8px 0;
}
#footer ul#livehelplog li +li {
    border-top: 1px solid #E3E3E3;
}
#info-bar {
    top: 0; left: 0; right: 0;
    background-color: #832712;
    background-color: #ffffd7;
    height: 27px;
    height: 0px;
    text-align: left;
    color: #111111;
    padding: 0 12px;
    font: normal normal normal 11px/27px Verdana,"Helvetica Neue",sans-serif;
    position: fixed;
    z-index: 11000;
    border-bottom: 0px solid #65594D;
}
#info-bar a {
    color: #000099;
    text-decoration: underline;
}
#info-bar img {
    vertical-align: middle;
    position: relative;
    top: -2px;
}
#admin-menu-bar {
    top: 0; left: 0; right: 0;
    background-color: #832712;
    background-color: #222222;
    height: 23px;
    text-align: right;
    color: #FFFFFF;
    padding: 0 24px;
    font: normal normal normal 12px/23px Verdana,"Helvetica Neue",sans-serif;
    position: fixed;
    z-index: 11000;
}
#admin-menu-bar .admin-quick-menu {
    position: relative;
    margin: 0;
}
#admin-menu-bar .admin-quick-menu li img {
    vertical-align: middle;
    position: relative;
    top: -1px;
}
#admin-menu-bar li:hover .admin-quick-menu {
    display: block;
}
#admin-menu-bar .admin-quick-menu li {
    float: right;
    width: 130px;
    padding: 0 12px 0 0;
}
#admin-menu-bar ul.admin-quick-menu li ul.admin-sub-menu {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #888888;
    border-top: 0px;
    overflow: auto;
    margin: 0 -12px 0 0;
    padding: 5px;
    display: none;
}
#admin-menu-bar ul.admin-quick-menu li:hover ul.admin-sub-menu {
    display: block;
}
#admin-menu-bar .admin-sub-menu li {
    font: normal normal normal 11px Verdana,"Helvetica Neue",sans-serif;
    padding: 6px 8px;
}
#admin-menu-bar .admin-sub-menu li + li {
    border-top: 1px solid #E3E3E3;
}
div#http-error {
    font: normal normal normal 13px/20px Georgia,"Bitstream Charter",serif;
    padding: 30px 0 0 0;
}
div#http-error h1 {
    font-size: 20px;
    line-height: 30px;
}

/***********************************************************************************************************************
 *
 * BBCode
 *
 **********************************************************************************************************************/

.content-header-data a {
    color: #38416F;
    text-decoration: underline;
}
.content-header-data hr {
    height: 1px;
    padding: 0;
    margin: 1em auto;
    display: block;;
    clear: none;
    border: 0;
    background: transparent url(/images/horizontal-rule.png) no-repeat scroll center center;
}
div.bbcode-img-caption {
    text-align: center;
    font-style: italic;
    background-color: #F3F3F3;
    border: 1px solid #CCCCCC;
    margin: 16px;
}
div.bbcode-img-caption > div {
    padding: 0px 5px 3px;
}

/***********************************************************************************************************************
 *
 * Matching, Similar, and Recent Products
 *
 **********************************************************************************************************************/

h3.msr {
    font: normal normal normal 20px/30px Georgia,"Bitstream Charter",serif;
    color: #832712;
    margin: 42px 0 0;
    border-bottom: 1px solid #832712;
    clear: both;
}
div.msr {
    overflow: auto;
    font: normal normal normal 11px/17px Verdana, Arial, sans-serif;
}

#page-content-header-image-caption {
    position: absolute;
    right: 0;
    margin: 140px  0;
    width: 200px;
    text-align: right;
    padding: 0 10px;
    background-color: #000000;
    color: #FFFFFF;
    height: 24px;
    font: normal normal bold 11px/24px Verdana,"Helvetica Neue",sans-serif;
    border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
    z-index: 9999999;
    opacity: 0;
    filter: alpha(opacity = 0);
    float: right;
}



#contact-dialog .contact-dialog-right-column {
    clear: right;
    width: 296px;
    height: 196px;
    overflow: auto;
    float: right;
    margin: 6px 24px 0 0;
}
#contact-dialog .contact-dialog-right-column h2 {
    font: normal normal bold 1.8em/1.8em George, "Bitstream Charter", serif;
    text-align: right;
    margin: 0 0 5px;
    color: #832712;
}
#contact-dialog .contact-dialog-right-column p {
    margin: 0 0 10px;
    text-align: right;
}
#contact-dialog .contact-dialog-right-column p b {
    color: #38416F;
    text-transform: lowercase;
}

#contact-dialog .contact-dialog-main-column {

}

#contact-dialog .contact-dialog-main-column div label {
    display: block;
    font: normal normal bold 11px/17px Georgia, "Bitstream Charter", serif;
    color: #38416F;
    text-transform: uppercase;
    margin: 18px 0 3px;
}
#contact-dialog .contact-dialog-main-column div input,
#contact-dialog .contact-dialog-main-column div textarea {
    border: 1px solid #AAAAAA;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    font: normal normal normal 12px/18px Georgia, "Bitstream Charter", serif;
    color: #222222;
    padding: 4px;
}
#contact-dialog .contact-dialog-main-column div input {
    height: 18px;
    width: 316px;
    color: #000000;
}
#contact-dialog .contact-dialog-main-column div input:focus,
#contact-dialog .contact-dialog-main-column div textarea:focus {
    border-color: #888888;
}
#contact-dialog .contact-dialog-main-column div textarea {
    height: 108px;
    width: 640px;
    resize: vertical;
}
#contact-dialog .contact-dialog-main-column div.error label {
    color: #832712;
    background: transparent url(/images/icons/error.png) no-repeat scroll left center;
    padding-left: 24px;
}
#contact-dialog .contact-dialog-main-column div.error input,
#contact-dialog .contact-dialog-main-column div.error textarea {
    background-color: #FFEEEE;
    color: #832712;
}
#contact-dialog .contact-dialog-main-column div input#send {
    width: auto;
    display: block;
    font: normal normal normal 11px/1.25em Verdana, "Helvetica Neue", sans-serif;
    margin: 12px auto 6px;
    background-color: #E3E3E3;
    color: #222222;
    height: auto;
    padding: 4px 14px;
    border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #2F2F2F; border-bottom: 1px solid #2F2F2F;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#contact-dialog p.error {
    background-color: #EEE7E7;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    padding: 18px;
    color: #832712;
    border: 1px solid #832712;
    margin: 12px 36px;
    font: normal normal normal 12px/20px Georgia, "Bitstream Charter", serif;
}
#contact-dialog-success p {
    font: normal normal normal 1.1em/1.6em Georgia, "Bitstream Charter", serif;
    margin: 18px 0;
    text-align: center;
}
#dialog-site-feedback textarea {
    height: 108px;
    width: 640px;
    resize: vertical;
    border: 1px solid #e3e3e3;
    margin: 1em 0 0;
}
#dialog-site-feedback p {
    margin: 1em 0;
}
#dialog-site-feedback textarea:focus {
    border: 1px solid #888888;
}
#dialog-site-feedback a {
    color: #832712;
}
#dialog-site-feedback a:hover {
    text-decoration: underline;
}
#dialog-site-feedback textarea.error {
    background-color: #FFEEEE;
    color: #832712;
}
#dialog-feedback-thank-you p {
    margin: 18px 0;
}
#ordering-steps {
    overflow: auto;
    margin: 12px auto 12px;
    max-width: 864px;
}
#ordering-steps li {
    float: left;
    width: 25%;
    text-align: center;
    max-width: 216px;
}
#ordering-steps li img {
    width: 100%;
    height: auto;
    max-width: 196px;
}
.dialog p + p {
    margin-top: 1.5em;
}
#dialog-welcome a, #dialog-goog a {
    color: #832712;
}
#dialog-welcome a:hover, #dialog-goog a:hover {
    text-decoration: underline;
}
#dialog-welcome h2, #dialog-goog h2 {
    font-size: 17px;
}
#dialog-welcome p, #dialog-goog p {
   font: normal normal normal 14px/23px Georgia, "Bitstream Charter", serif;
}
#dialog-welcome img, #dialog-goog img {
    margin: 0 12px 0 0;
}
h2#customization-steps {
    font: normal normal bold 18px/24px Georgia,"Bitstream Charter",serif;
    border: 0;
    clear: none;
    text-transform: uppercase;
    margin: 36px 0 0;
    color: #832712;
    color: #38416F;
    text-align: center;
}
.rp-dialog {
    font: normal normal normal 14px/21px Georgia,"Bitstream Charter",serif;
}
.rp-dialog h3 {
    font-size: 16px;
}
.rp-dialog a {
    color: #832712;
}
.rp-dialog p {
    margin: 0 0 21px 0;
}
.rp-dialog img {
    float: right;
    margin: 0 12px 12px 12px;
}
#share-email-container label {
    font-weight: bold;
    line-height: 22px;
}
#share-email-container .form-field {
    font-weight: block;
    margin: 6px 0;
}
#share-email-container .form-field input,
#share-email-container .form-field textarea {
    width: 100%;
    border: 1px solid #E3E3E3;
    font: normal normal normal 13px/23px Georgia,"Bitstream Charter",serif;
    margin: 0;
}
#share-email-container .form-field input:focus,
#share-email-container .form-field textarea:focus {
    border: 1px solid #AAAAAA;
}
.title-button {
    background-color: #FFFFFF;
    border: 1px solid #832712;
    border-radius: 3px;
    cursor: pointer;
    font: normal normal normal 10px Verdana,"Helvetica Neue",sans-serif;
    padding: 3px 8px;
    margin-left: 8px;
    position: relative;
    top: -3px;
}


#sidebar { display: none; }
#site-content { margin-left: 0; }
#wrapper {
    border-top: 0;
}
#horizontal-menu {
    margin: 24px 0 0;
    height: 36px;
	background: #832712 url(/www2.documentsanddesigns.com/images/red-to-dark-grad.png) scroll repeat-x top left;
}
#horizontal-menu #h-menu {
    padding: 0 0 0 54px;
    height: 36px;
	width: 100%;
}
#horizontal-menu #h-menu td.menu-item {
    display: inline-block;
    text-align: left;
    color: #FFFFFF;
    padding-right: 16px;
    padding-left: 16px;
    height: 36px;
}
#horizontal-menu #h-menu td.menu-item h1 {
    font: normal normal bold 12px/36px Georgia,"Bitstream Charter",serif;
  color: #FFFFFF;
}
#horizontal-menu #h-menu td.menu-item:hover {
    background-color: #E6E1CD;
    background: #832712 url(../images/menu-tile-bg.png) scroll repeat-x top left;
}
#horizontal-menu #h-menu td.menu-item:hover h1 {
    color: #38416F;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1 {
    position: absolute;
    z-index: 9999;
    background: #FFFFFF url(../images/menu-tile-bg.png) scroll repeat top left;
    border: 1px solid #832712;
    border-top: 0;
    display: none;
    padding: 0 16px 16px;
    margin-top: -8px;
    margin-left: -17px;
    border-radius: 3px;
    border-top-left-radius: 0; border-top-right-radius: 0;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.active {
    display: block;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.four-col { width: 890px; }
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.three-col { width: 668px; }
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.two-col { width: 445px; }
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.one-col { width: 223px; }
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1 li {
    display: inline-block;
    text-align: left;
    padding: 0;
    margin: 0 16px 0 0;
    vertical-align: top;
    width: 202px;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1 > li {
    width: 208px;
    padding-left: 10px;
    margin: 0 0 20px;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.four-col > li:nth-child(4n+2),
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.four-col > li:nth-child(2n+1),
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.three-col > li:nth-child(2n),
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.three-col > li:nth-child(3n+1),
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1.two-col > li:nth-child(2n+1) {
    border-right: 1px solid #DDDDDD;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1 li h2 {
    font: normal normal bold 12px/12px Verdana,"Helvetica Neue",sans-serif;
    font: normal normal bold 10px/10px Verdana,"Helvetica Neue",sans-serif;
    text-transform: uppercase;
    margin: 16px 0 6px;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1 li ul.sub-menu-level-2 {
    font: normal normal normal 11px/17px Verdana,"Helvetica Neue",sans-serif;
    margin: 0;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1 li ul.sub-menu-level-2 li a {
    color: #666666;
}
#horizontal-menu #h-menu td.menu-item ul.sub-menu-level-1 li ul.sub-menu-level-2 li a.red {
    color: #832712;
}



.bx-wrapper .bx-caption span {
    font: normal normal bold 11px Verdana,"Helvetica Neue","sans-serif";
    color: #222222;
    padding: 10px;
}


#recentlyviewed li, #matching li, #dialog-matching-products li {
    text-align: center;
    width: 210px;
    line-height: 210px;
    height: 210px;
}

#recentlyviewed li img, #matching li img, #dialog-matching-products li img {
    vertical-align: middle;
}

.bxslider-prev {
    display: block;
    float: left;
    position: relative;
    top: -120px;
}
.bxslider-next {
    display: block;
    float: right;
    position: relative;
    top: -120px;
}
.bx-next.disabled,
.bx-prev.disabled { display: none; }
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -999999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

div.error {
    border: 1px solid #D69B55;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    padding: 16px 20px;
    font: 11px/18px Verdana,"Helvetica Neue",sans-serif;
    color: #222222;
    background-color: #EAC0C0;
    margin: 24px;
}
div.error ul {
    margin: 0;
    padding: 0;
}
div.error ul li {
    font: normal normal normal 13px/23px Georgia,"Bitstream Charter",serif;
    font: 12px/24px Verdana,"Helvetica Neue",sans-serif;
}
.grey-thin-sans-serif {
    font: normal normal normal 20px/40px "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing: 0.02em;
    font: normal normal normal 20px/40px Century Gothic, sans-serif;;
    color: #38416F;
    color: #832712;
    color: #222222;
}
div.option-bar {
    background-color: #FFFFFF;
    padding: 12px;
/*    border: 1px solid #832712;*/
/*    border-radius: 5px;*/
}
div.option-bar ul.category-menu {
}
div.option-bar ul.category-menu li {
    display: inline-block;
    width: 250px;
    padding: 4px;
    font-weight: bold;
    font: normal normal bold 12px/18px Verdana,"Helvetica Neue",sans-serif;
}
div.option-bar ul.category-menu li a {
    color: #832712;
}
div.option-bar ul.category-menu li a:hover {
    text-decoration: underline;
}



.pagination-bar {
    overflow: auto;
    margin: 20px 0 0;
    padding: 4px;
    clear: both;
}
ul.pagination {
    margin: 20px 0;
    text-align: right;
    float: right;
    margin: 0;
}
ul.pagination li {
    border: 1px solid #555555;
    text-align: center;
    font: normal normal bold 0.9em/2em Verdana, "Helvetica Neue", sans-serif;
    color: #65594D;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    background-color: #FFFFFF;
    margin: 0;
    display: inline;
    padding: 4px 6px;
    margin: 0 2px;
    cursor: pointer;
}
ul.pagination li.selected {
    background-color: #65594F;
    color: #FFFFFF;
    cursor: default;
}
ul.pagination li.ellipsis {
    background-color: transparent;
    border:0;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    cursor: default;
}
ul.pagination li:hover {
    background-color: #E3E3E3;
}
ul.pagination li.selected:hover {
    background-color: #65594F;
}
ul.pagination li.ellipsis:hover {
    background-color: transparent;
}



table.option-bar {
    width: 100%;
    margin: 24px 0 0;
    
}
table.option-bar tr td {
    padding: 4px 12px;
    background-color: #FFFFFF;
    border: 1px solid #832712;
}
table.option-bar tr td:first-child {
    font: normal normal normal 20px/40px "Trebuchet MS", Helvetica, sans-serif;
    color: #38416F;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
table.option-bar tr td ul.category-menu {
    width: 100%;
}
table.option-bar tr td ul.category-menu li {
    display: inline-block;
    width: 240px;
    font: normal normal bold 12px/18px Georgia,"Bitstream Charter",serif;
    color: #832712;
    margin: 12px 0
}

div#wrapper { }
div#wrapper h1, div#wrapper h2, div#wrapper h3, div#wrapper h4, div#wrapper h5, div#wrapper h6 { margin-top: 24px; }
div#wrapper p { margin: 12px 0; font: normal normal normal 13px/21px Georgia,"Bitstream Charter",serif; }
div#wrapper a { color: #832712; }
div#wrapper > table:first-child {
    background-color: #FFFFFF;
	width: 100%;
}
div#wrapper > table:first-child td {
	padding: 0 24px 12px;
	border: 1px solid #832712;
	border-top: 0;
}
table#products {
    margin: 24px 0;
}
table#products td { 
    padding: 6px 6px;
/*    text-align: center;*/
	width: 240px;
}