@import url(reset.css); 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300, 300italic, 600);
/* =============================================================================
   Structure
============================================================================= */

html{background:#eee;min-width: 1025px;}
body{background:#eee;margin:0;padding:0;}
#container{margin:0 auto;width:1024px; background: #fff;padding-top: 55px; }
.wrap{margin:0 auto;width:1024px;position: relative;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/* =============================================================================
   Typography                                                                 
============================================================================= */

body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #4d4d4f;
letter-spacing: 0;
}

button, input, select, textarea {
font-family: 'Open Sans', sans-serif;
}

a,a:link,a:visited {
color:#c60b46;
}

a:hover,a:focus,a:active {
color:#f59f45;
}

h1 {
font-size: 30px;
font-weight: 300;
color: #272727;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 21px;
color: #c60b46;
font-weight: normal;
text-transform: none;
}

h4 {
font-size: 14px;
text-transform: none;
color: #c60b46;
font-weight: bold;
margin-top: 1em;
}

.internal h4 { color: #272727; }

.internal-content p { line-height: 24px; }

/* =============================================================================
   Header
============================================================================= */

header { 
background: #272727;
height: 55px;
position: fixed;
width: 100%;
z-index: 999;
}

header .wrap { background: #c70b46; }

header ul {
list-style:none;
margin:0;
padding:0;
}

.search_toggle { 
content: "";
background: url(../graphics/layout/search_icon.png) no-repeat center center;
cursor: pointer;
padding: 0;
width: 60px;
position: absolute;
top: 0;
height: 55px;
right: 0;
}
.search_toggle.search_open { background-color: #18070d; }

.search { 
display: none;
position: absolute;
top: 55px;
right: 0;
width: 300px;
padding: 10px;
z-index: 300;
background: #18070d;
}
.search input { background-image: none; width: 100%; border: none; background-color: rgba(255, 255, 255, 0.8); height: 30px; line-height: 1; padding: 11px 0 11px 12px; font-size: 14px; color: #455660; font-style: italic; }


/* =============================================================================
   Navigation
============================================================================= */
nav.dropdown { display: inline-block; position: relative; background: transparent; font-weight: 300; z-index: 999; margin-left: 45px; }
nav.dropdown ul { list-style: none; margin: 0; padding: 0; }
nav.dropdown li { position: relative; }
nav.dropdown a, nav.dropdown a:link, nav.dropdown a:visited { display: block; text-decoration: none; }

nav.dropdown ul li.fdpc_here > a { color: #000; }

nav.dropdown li:hover > a { text-decoration: none; }
nav.dropdown > ul { width: 100%; text-align: right; }
nav.dropdown > ul > li { display: inline-block; margin-left: -4px; }
nav.dropdown > ul > li > a { 
font-size: 15px; 
text-transform: uppercase; 
color: white; 
padding: 0 16px; 
line-height: 55px; 
background: transparent; 
width: 101%; /* Chrome Fix */ 
background: url(../graphics/layout/divider.jpg) no-repeat right center;
}
nav.dropdown > ul > li.last > a { background: none; }

nav.dropdown > ul > li.first { margin-left: 0; }
nav.dropdown > ul > li:hover > a { color: white; background: #18070d; }
nav.dropdown > ul ul { display: none; position: absolute; left: 0; width: 260px; padding: 0 0 20px; text-align: left; }

nav.dropdown > ul ul a { 
font-size: 12px;
text-transform: none;
font-weight: 400;
color: #fff !important;
padding: 12px 20px;
border-bottom: 1px solid #444; 
background: url(../graphics/layout/arrow.png) no-repeat 230px center #18070d;
}

nav.dropdown > ul ul li:hover > a { 
color: #c70b46 !important; 
position: relative; 
background: url(../graphics/layout/arrow-h.png) no-repeat 230px center #18070d;
}

nav.dropdown > ul ul li.first > a { padding-top: 12px; }
nav.dropdown > ul ul li.last > a { padding-bottom: 12px; }
nav.dropdown li:hover > ul { display: block; }
nav.dropdown > ul ul ul { left: 260px; margin-left: 0; top: 0px; padding-top: 0; }
nav.dropdown > ul ul ul a { color: #fff; background: rgba(0, 0, 0, 0.8); }
nav.dropdown > ul ul ul li:hover > a { color: white; background: #18070d; }

/* =============================================================================
   Spotlight
============================================================================= */

.sub-header .left {
width: 344px;
text-align: center;
padding-top: 73px;
}
.sub-header ul { list-style: none; padding: 0; margin: 0; }
.sub-header ul li { margin-bottom: 1em; }
.sub-header .collection_item_description { display: none; }

.quicklinks a:link, 
.quicklinks a:visited { 
font-weight: normal;
text-transform: uppercase;
font-size: 12px;
}
.quicklinks a:hover,
.quicklinks a:active {
color: #c60b46;
}
.quicklinks a:hover::before,
.quicklinks a:active::before {
content: "\2022";
padding-right: 5px;
}
.quicklinks a:hover::after,
.quicklinks a:active::after {
content: "\2022";
padding-left: 5px;
}

#logo { margin-bottom: 55px; }
#logo img { margin: 0; }


/*==========  Spotlight   ==========*/

.spotlight { width: 680px; position: relative; }

.spotlight ul { width: 680px; height: 476px; overflow: hidden; }

.spotlight ul li {
width: 680px;
height: 471px;
}

.fdpc_spotlight_text {
position: absolute;
top: 43%;
left: 0;
width: 100%;
text-align: center;
color: #fff;
height: 280px;
display: block;
}

.fdpc_spotlight .fdpc_spotlight_title {
font-size: 70px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
display: block;
}

.fdpc_spotlight_text_content {
position: absolute;
bottom: 0;
background: #000;
background: rgba(0,0,0,.7);
width: 100%;
padding: 40px 225px 30px 50px;
text-align: left;
font-size: 15px;
font-style: italic;
line-height: 19px;
opacity: 0;
-webkit-transition: all .25s ease-in;
   -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
     -o-transition: all .25s ease-in;
        transition: all .25s ease-in;
}
.fdpc_spotlight_text_content p {
font-size: 15px;
font-style: italic;
line-height: 19px;
}

.fdpc_spotlight_button {
font-size: 15px;
text-transform: uppercase;
background: #c70b46;
display: inline;
padding: 10px;
position: absolute;
right: 40px;
bottom: 50px;
-webkit-transition: all .25s ease-in;
   -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
     -o-transition: all .25s ease-in;
        transition: all .25s ease-in;
opacity: 0;
}

.fdpc_spotlight_button:hover { background: #ab093c; }

.spotlight ul li:hover .fdpc_spotlight_text_content,
.spotlight ul li:hover .fdpc_spotlight_button {
opacity: 1;
}

.spot-prev,
.spot-next {
width: 37px;
height: 67px;
display: block;
position: absolute;
top: 198px;
cursor: pointer;
z-index: 105;
}

.spot-prev { background: url(../graphics/layout/spot-left.png) no-repeat 0 0; left: 70px; }
.spot-next { background: url(../graphics/layout/spot-right.png) no-repeat 0 0; right: 70px; }


/*==========  Mission Statement  ==========*/

.homepage .sub-header .mission,
.homepage #main .mission {
width: 940px;
margin: 2.5em auto 3.5em;
border-bottom: 1px solid #eee;
}

.homepage .sub-header .mission h1,
.homepage #main .mission h1 {
float: left;
padding-left: 36px;
width: 300px;
}

.homepage .sub-header .mission p,
.homepage #main .mission p {
font-size: 18px;
color: #c60b46;
font-style: italic;
line-height: 27px;
margin-bottom: 2em;
padding-right: 120px;
float: left;
width: 640px;
}

/* =============================================================================
   Main
============================================================================= */

#main { 
width: 960px; 
margin: 0 auto 3em;
line-height: 24px;
}

#main .above_footer {
float: left;
margin-left: -40px;
}

#main .column {
width: 300px;
display: inline-block;
vertical-align: top;
margin: 0 10px;
padding: 0;
}

#main .column.legal-help { background: #e3e3e3; text-align: center; padding-bottom: 2em; float: right; }

#main .column h2 {
width: 100%;
background: #272727;
color: #fff;
margin-top: 0;
margin-bottom: 0;
height: 50px;
line-height: 50px;
padding-left: 30px;
font-weight: 300;
text-align: left;
}

#main .column .collection_item_label {
font-size: 14px;
text-transform: none;
color: #c60b46;
font-weight: bold;
margin-top: 1em;
}

#main .column .collection_item_description { font-style:normal; }

#main .column img { margin: 0; }

#main .column table {
width: 250px;
margin: 25px;
text-align: left;
font-size: 17px;
line-height: 36px;
border:none;
}

#main .column table tr {
border-bottom: 1px solid #d1d1d1;
}
#main .column table tr:last-child { border: none; }

#main .column table.content_data_table th, 
#main .column table.content_data_table td {
border-bottom: none;
padding: 0;
}

#main .above_footer [class*="column"] + [class*="column"]:last-child { float: left; }

#main .above_footer table [class*="column"] + [class*="column"]:last-child { float: none; }

/*==========  News Articles  ==========*/

#main .mission {
border-top: 1px solid #eee;
padding: 30px 0 0;
position: relative;
}

#main .mission .news_articles {
font-size: 18px;
color: #c60b46;
font-style: italic;
line-height: 27px;
margin-bottom: 1em;
padding-right: 120px;
float: left;
width: 640px;
}

#main .mission div.news_articles ul li h3.content_news_article_headline {
font-size: 17px;
text-transform: none;
font-style: italic;
font-weight: 300;
}
#main .mission div.news_articles ul li span.content_news_article_by_line {
color: #272727; 
}

#main .mission div.news_archives { text-align: right; }

#main .mission div.news_articles ul li { margin-bottom: 1em; }

.news-prev,
.news-next {
width: 37px;
height: 53px;
display: block;
position: absolute;
top: 30px;
cursor: pointer;
}

.news-prev { background: url(../graphics/layout/news-left.jpg) no-repeat 0 0; right: 40px; }
.news-next { background: url(../graphics/layout/news-right.jpg) no-repeat 0 0; right: 0px; }

/* =============================================================================
   Footer
============================================================================= */

footer {
background: url(../graphics/layout/bg-footer.jpg) repeat-x bottom left #060708; 
padding-top: 37px; 
font-size: 13px;
color: #fff;
line-height: 18px;
min-height: 270px;
position: relative;
}

footer a:link,
footer a:visited { color: #fff !important; text-decoration: underline; }

footer a:hover,
footer a:active { text-decoration: none; }

footer .wrap {
padding-left: 42px;
padding-right: 42px; 
min-height: 233px;
}

footer #logo { float: left; margin-right: 68px; }

footer #logo img { width: 106px; margin: 0; }

footer div.locations { float: left; }

.locations_website_title { display: none; }

div.locations div.location { float: left; margin-right: 70px; max-width: 150px; }

div.locations div.locations_website_title, div.locations div.locations_additional, div.locations div.location {
padding: 0;
}
div.locations div.locations_website_title, div.locations span.location_phone_label, div.locations span.location_email_label, div.locations span.location_facebook_label, div.locations span.location_twitter_label, div.locations span.location_linkedin_label {
display: none; 
}

div.location_title {
color: #c60b46;
text-transform: uppercase;
font-size: 24px;
padding-bottom: 10px;
font-weight: 400;
white-space: nowrap;
}


/*==========  Social Media  ==========*/

.social_media { 
position: absolute;
right: 0;
}

.social_media ul { list-style: none; padding: 0; margin: 0; }

.social_media .collection_item_description,
.social_media .collection_item_label { display: none; }

.social_media ul li { display: inline-block; }

.social_media ul li:hover { opacity: 0.8; }


/*==========  Copyright Information  ==========*/

p.copyright {
text-align: center;
width: 940px;
position: absolute;
bottom: 5px;
font-size: 13px; 
}

/* =============================================================================
   Internal
============================================================================= */

.internal .sub-header { margin-bottom: 2em; }

.internal #logo {
margin-bottom: 110px;
}
.internal footer #logo {
margin-bottom: 0;
}


.internal-content { width: 680px; padding-right: 40px; }

.masthead { 
position: relative;
height: 267px;
width: 680px;
overflow: hidden;
margin-bottom: 40px;
}

.masthead h1 {
font-size: 45px;
color: #fff;
width: 100%;
text-align: center;
position: absolute;
top: 100px;
left: 0;
}

.internal h1.quicklink-header {
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;
width: 176px;
margin: 0 auto 0.7em;
white-space: nowrap;
}

/*==========  Subnavigation  ==========*/

nav.subnav {
background: #f6f6f6; 
width: 267px;
margin-left: 27px;
margin-bottom: 75px;
text-align: left;
}

nav.subnav ul li { 
margin-bottom: 0; 
border-bottom: 1px solid #fff; 
padding: 12px 20px;
}

nav.subnav ul li.fdpc_section {
background: url(../graphics/layout/plus.png) no-repeat 245px 15px;
-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;
}

nav.subnav ul li.fdpc_section:hover,
nav.subnav ul li.fdpc_here.fdpc_section {
background: url(../graphics/layout/minus.png) no-repeat 245px 15px;
}

nav.subnav ul li a:link,
nav.subnav ul li a:visited {
color: #000000;
font-size: 13px;
font-weight: bold;
display: block;
text-transform: uppercase;
}

nav.subnav ul li a:hover,
nav.subnav ul li a:active,
nav.subnav ul li:hover > a,
nav.subnav ul li.fdpc_here > a {
color: #c60b46;
}

nav.subnav ul ul { padding-top: 10px; }

nav.subnav ul ul li {
background: none;
border: none;
padding: 5px 20px;
}

nav.subnav ul ul li a::before {
content: "\2022";
padding-right: 5px; 
margin-left: -10px;
}

nav.subnav ul ul li a:link,
nav.subnav ul ul li a:visited {
text-transform: none;
}

/**** BEGIN displaying only the menu within the currently active heirarchy *****/

ul.subnav ul.fdpc_level_1 { display: none; }
ul.subnav li.fdpc_here ul.fdpc_level_1 { display: block; }
ul.subnav ul ul.fdpc_level_2 { display: none; }
ul.subnav ul li.fdpc_here ul.fdpc_level_2 { display: block; }
ul.subnav ul ul ul.fdpc_level_3 { display: none; }
ul.subnav ul ul li.fdpc_here ul.fdpc_level_3 { display: block; }

/**** END displaying only the menu within the currently active heirarchy *****/

/* =============================================================================
   Media Queries
============================================================================= */

@media only screen and (max-width: 940px) { 

} 



/* =============================================================================
   Policy Links Styling
============================================================================= */

.fdpc_design_footer {
position: absolute;
bottom: 0;
width: 940px;
}


.ui-widget-overlay {
position: fixed;
z-index: 9998;
}

.fdpc_policy_modal.ui-dialog { z-index: 9999; }



.fdpc_policy_links {
   width: 100%;
   height: 32px;
   padding: 0;
   font-size: .75em;
   line-height: 32px;
   text-align: center;
   color: #fff;
}

.fdpc_policy {
   display: inline-block;
   margin: 0 5px;
}

/* Adding privacy policy scroll feature */

.ui-dialog {
   position:fixed;
   top:50%;
   margin-top:-250px; /* .ui-dialog must be fixed + top 50% */
}

.ui-dialog-titlebar {
   z-index:2;
}

.fdpc_policy_modal {
   max-height:500px;
   overflow:scroll;
}


/* =============================================================================
   General QA
============================================================================= */

.internal-content.right ul {
    list-style: disc !important;
    padding-left: 40px;
    margin: 15px 0;
}

/* =============================================================================
   Browser QA
============================================================================= */

/* Modern =================================================================== */
td.subcontent.collection_gallery_column.left {
    width: auto;
}
   

/* IE (.ie) ================================================================= */

   

/* IE9 (.ie9) =============================================================== */

.ie9 div.locations div.location { margin-right: 70px; }   

/* IE8 (.ie8) =============================================================== */

   

/* IE8 & IE7 (.oldie) ======================================================= */

.oldie footer .wrap { min-height: 270px; }

.oldie footer #logo img { width: auto; }  

.oldie div.locations div.location { margin-right: 70px; }

/* IE7 (.ie7) =============================================================== */

.ie7 header { position: static; }

.ie7 .container { padding-top: 0; }

.ie7 nav.dropdown > ul > li,
.ie7 .social_media ul li  { display: inline; }

.ie7 .fdpc_spotlight_text_content,
.ie7 .fdpc_spotlight_button { display: none !important; }

.ie7 .sub-header .mission h1,
.ie7 #main .mission h1 { width: 250px; }
.ie7 .sub-header .mission p,
.ie7 #main .mission .news_articles { width: 525px; }

.ie7 #main .column h2 { width: 270px; }

.ie7 .sub-header .left { width: 300px; }

.ie7 .internal-content {
width: 640px;
}

/* =============================================================================
   FDP Styles
============================================================================= */

#catalog{margin:1.14em 0;position:relative;}
#catalog_order_details th{padding:4px 10px;}
#internal div.dlCategoriesContainer h4{color:#edecea;font-size:1.1em;margin:0;}
#message_details .value{padding-left:10px;}
#order_details_cart_actions,.dlItemDetailsFormSubmitContainer,.dlItemDetailsCategory{font-size:.9em;}
.catalog_order_details_section .catalog_order_items_reorder_button{bottom:0;clear:both;margin-top:-1.14em;position:relative;right:0;}
.column_title,table#content_online_proof tbody tr td{padding:4px 10px 4px 0;}
.dlItemDetailsPhotoContainer img.dlDetailsPhoto,.dlPhotoContainer img.dlPhoto{border-color:rgba(0,0,0,0.1);}
.dlListHeadingContainer a{color:#edecea;}
div.dlSpecifyDetailsLinkContainer a:hover,div.dlSpecifyDetailsLinkContainer a:active{background:#edecea;color:#B78B90;}
div.form_row_submit,table#content_online_proof thead tr,#internal h5.form_title,div.dlItemDetailsHeading,div.dlSpecifyDetailsLinkContainer a:link,div.dlSpecifyDetailsLinkContainer a:visited,.dlListHeadingContainer,.dlCategoriesTitle{background:#e8e8e6;color:#edecea;font-size:.9em;}
h5.form_title{clear:both;}
table.content_data_table td.row_odd,table.express_order p.category_title,#catalog_order_details th,.catalog_order_details_wrapper .catalog_order_section_row .catalog_order_section .catalog_order_section_title,#message_details .label.online_proof_details_label,table.express_order td.order_details_subtotal_value,table.express_order td.order_details_tax_value,table.express_order td.order_details_total_value,.dlItemDetailsFormHeading,.dlItemDetailsCategory{background:transparent;color:#555;vertical-align:middle;}
table.express_order tr.category,table.express_order tr.category td{background:transparent none;}



/* =============================================================================
   Sticky Footer -- Comment In If Desired
============================================================================= */
/*
*  {
   margin: 0;
   }

html, body {
   height: 100%;
   }

.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto (footer-height); /* the bottom margin is the negative value of the footer's height *//*
   background: black url('../graphics/bg.jpg') no-repeat top center;
   }

.push   {
   height: (footer-height); /* .push must be the same height as footer */
   }

/*Opera Fix*//*
body:before {
   content:"";
   height:100%;
   float:left;
   width:0;
   margin-top:-32767px;
   }

* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;}
.ir:before{content:"";display:block;height:100%;width:0;}
.hidden{display:none!important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
a,a:visited{text-decoration:underline;}
.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:"";}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
img{max-width:100%!important;}
@page{margin:.5cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
}