/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@import url('../css/normalize.css');
@import url('../css/bootstrap.css');

html, button, input, select, textarea {
    color: #555;
}

.wrap {
width:960px;
margin:0 auto 20px;
position:relative;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #454545;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
	height:75px;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* =============================================================================
   FDP Resets
============================================================================= */

.content_image_box {
border-color: transparent;
border-width: 0;
background-image: none;
background-color: transparent;
width: auto;
}

.oldie .content_image_box {
display:inline;
}

/* =============================================================================
   Structure
============================================================================= */

html {
  background: url('../graphics/layout/bg.png') repeat top center #353535;
  color:#fff;
  height: 100%;
}

body {
margin: 0;
padding:0;
height: 100%;

font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.67em;
}

.group {
margin: 0 auto;
padding: 0;
width: 960px;
position: relative;
}
   .group:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }

/* Helper Classes */

.left { float: left; }
.right { float: right; }
.clear {clear: both; }

.clear { clear: both; height: 0; }

h1, h2, h3, h4, h5, h5 {}

#logo {
padding:10px 0 20px;
}

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

body {

}

button, input, select, textarea {

}

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

header .locations_website_title,
header .location div,
span.location_facebook_label,
span.location_twitter_label,
span.location_linkedin_label
{
display:none;
}

.location div.location_social_media {
display:block;
position:absolute;
right:0;
top:34px;
z-index:940 !important;
}

.location div.location_social_media div {
float:left;
}

span.location_facebook_link a,
span.location_twitter_link a,
span.location_linkedin_link a{
background-color:transparent;
background-image: url('../graphics/layout/sprite.png');
background-repeat:no-repeat;
width:16px;
height:16px;
overflow:hidden;
display:block;
margin-left:18px;
}

span.location_facebook_link a{background-position: 0 0;}

	span.location_facebook_link a:hover {background-position: 0 -25px;}

span.location_twitter_link a {background-position: -25px 0;}

	span.location_twitter_link a:hover {background-position: -25px -25px;}

span.location_linkedin_link a {background-position: -50px 0;}

	span.location_linkedin_link a:hover {background-position: -50px -25px;}

/* =============================================================================
   Search
============================================================================= */



/* =============================================================================
   Navigation
============================================================================= */

header nav {
	display:block;
	width:960px;
	height:55px;
	background:#ebebeb;
	color:#4d4d4d;
	margin-bottom:20px;
	position:relative;
	z-index:9999;
	zoom:1;
	}
	
nav ul.dropdown li a {
	font-family: 'Arvo', serif;
	text-transform:none;
}


/*** ESSENTIAL STYLES ***/
ul.dropdown, ul.dropdown * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
ul.dropdown {
	line-height:	1.0;
}
ul.dropdown ul {
	z-index:9;
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
ul.dropdown ul li {
	width:			100%;
}
ul.dropdown li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
ul.dropdown li {
	float:			left;
	position:		relative;
}
ul.dropdown a {
	display:		block;
	position:		relative;
}
ul.dropdown li:hover ul {
	left:			0;
	top:			55px; /* match top ul list item height */
	z-index:		99;
}
ul.dropdown li:hover li ul {
	top:			-999em;
}
ul.dropdown li li:hover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.dropdown li li:hover li ul {
	top:			-999em;
}
ul.dropdown li li li:hover ul {
	left:			200px; /* match ul width */
	top:			0;
}

/* Fix for dropdown line height for propper wrapping of links */
ul.dropdown li ul li a {
	line-height: 18px !important;
	padding:15px 5px 15px 20px !important;
	height:auto !important;
}

/* Styles */

ul.dropdown {
	float:left;
	margin-bottom:	1em;
	padding: 0;
}

/* Tier 1 */
.dropdown li {
	display:block;
	border-right:1px solid #b4b4b4;
	float:left;
	height:55px;
	position: relative;
}
.dropdown li.last {
	border-right:0;
}

.dropdown li a, .dropdown li a:visited {
	border-top:	0 none;
	text-decoration:none;
	color: #4d4d4d;
	padding: 0 30px;
	font-size:14px;
	line-height:55px;
	height:55px;
	display:block;
}

.dropdown li:hover, .dropdown li:hover a, .dropdown li:hover a:visited,
.dropdown li a:focus, .dropdown li a:hover, .dropdown li a:active {
	background:#fff;
	color:#4d87ab;
	outline:0;
}

	/* Tier 2 */
	
	.dropdown li ul {
	height:auto;
	background:#fff;
	padding:6px 0 10px 0;
	visibility: hidden;
	}
	
	.dropdown li ul li{
	display:block;
	height:auto;
	border:0 none;
	padding:0 10px;
	width:180px;
	float:none;
	position: relative;
	}
	
	.dropdown li:hover ul li a, .dropdown li:hover ul li a:visited {
		height:auto;
		padding: 10px 0;
		color:#4d4d4d;
		font-size:12px;
		border-top:1px solid #b4b4b4;
		float:none;
		line-height:1.4em;
	}
	
	.dropdown li:hover ul li.first a,
	.dropdown li:hover ul li:first-child a {
		border-top:0;
	}
	
	.dropdown li:hover  ul li a:hover, .dropdown li:hover  ul li a:active {
		color:#4d87ab;
	}

.dropdown li ul li ul {
	position: absolute;
	left: 180px;
	top: -5px; 
}





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

#spotlight {
background:transparent url('../graphics/layout/hr.png') repeat-x center bottom;
	width: 900px;
	height: 360px;
	position: relative;
}

#spotlight ul li {
	width: 900px;
	height: 300px;
	overflow: hidden;
	background: transparent !important;
}

#spotlight .collection_item_label,
#spotlight .collection_item_description { display: none; }

#spotlight_nav {
position: absolute;
bottom: 20px;
left: 4px;
width: 898px;
text-align: center;
z-index: 9000;
line-height:16px;
}

   #spotlight_nav a {
   text-indent: -9999px;
   display: inline-block;
   background: transparent url('../graphics/layout/sprite.png') -200px 0;
	color: black;
	text-decoration: none;
	width: 14px;
	height: 14px;
	margin: 0 2px 0 3px;
	text-align: center;
	outline: 0;
   }

      .lt-ie8 #spotlight_nav a {
      text-indent: 0;
      line-height: 0;
      font-size: 0;
      }

   #spotlight_nav a.activeSlide {
   background-position: -200px -25px;
   }

/* =============================================================================
   Content
============================================================================= */

#content_wrapper {
background:transparent url('../graphics/layout/hr.png') repeat-x center bottom;
}

	#internal #content_wrapper {
		background:transparent url('../graphics/layout/hr.png') repeat-x center 0;
		}
	
	div.hr {
		background:transparent url('../graphics/layout/hr.png') repeat-x center bottom;
		height:10px;
		clear:both;
	}
		

h1, h2, h3, h4, h5, h6 {
color:#4d87ab;
font-weight:400;
font-family: 'Arvo', serif;
text-transform:uppercase;
margin-top:0;
margin-bottom:20px;
}

h3.content_news_article_headline, h4.content_news_article_by_line, div.content_news_article_content, div.content_news_article_source {
font-family: Verdana, sans-serif;
text-transform:none;
font-size:12px;
}

a, a:visited {
text-decoration:none;
color:#4d87ab;
}
	a:hover, a:active {
	color:#353535;
	}

#content {
background: #EBEBEB;
color:#4d4d4d;
padding:30px;
}

	#client_content {
	padding-top:40px;
	}

.collection_item_description, .collection_item_gallery_description {
font-style:normal;
line-height: 1.67em;
}

.content_gallery_wrapper .collection_gallery_table{
width:100%;
}

/****************
 * MAX STUFF
 */

.order_details_total .summary_value {
	color: #4d4d4d !important;
}

td.portal_item_title {
	text-align: center;
}

.catalog_order_details_wrapper .catalog_order_section_content_indented {
padding-left: 0px !important;
}

.summary_label, .summary_value {
	font-weight: bolder;
	padding-top: 20px;
}
.catalog_order_details_section .catalog_order_items_reorder_button {
	margin-top: -2.54em !important;
}

.item td {
	padding: 4px 10px;
}

.fdpc_designready_pricing_table .fdpc_even td {
	background: white !important;
}

.fdpc_designready_pricing_table .fdpc_odd td {
	background: #f9f9f9 !important;
}

ul.radiolist li input, ul.checklist li input {
	margin-top: -4px;
}

ul.radiolist li, ul.checklist li {
	margin-bottom: 4px;
}










#client_content {
margin-bottom:40px;
}

#gallery,
#utilities {
clear:both;
padding-bottom:20px;
}

#subnav {
float:left;
width:195px;
padding-right:0px;
margin-bottom: 40px;
padding-top: 40px;
}

#subnav ul {
list-style:none;
padding:10px 10px;
margin:0;
}

	#subnav ul li {
	padding-bottom:10px;
	}

#internal #client_content {
width:665px;
float:right;
}

.title {
border-bottom:1px dashed #4D4D4D;
font-size:20px;
padding:0 0 10px 0;
margin:0;
text-align:center;
}


/* =============================================================================
   Utilities
============================================================================= */

#utilities .content_image_box {
margin-bottom:20px;
}

#utilities .collection_item_label a, #utilities .collection_item_gallery_label a {
display:block;
font-weight:400;
font-family: 'Arvo', serif;
text-transform:uppercase;
font-size:18px;
margin-bottom:20px;
}

#utilities ul{
width:940px;
margin:0;
padding:0;
list-style: none;
}

#utilities ul li {
width:195px;
float:left;
text-align:center;
padding-left:40px;
}

#utilities ul li.first,
#utilities ul li:first-child {
padding-left:0;
}

/* Fix for specific width on default content to avoid widows and 2nd line wrapping */
	#utilities ul li:first-child {
		width:224px;
	}
	#utilities ul li+li {
		width: 200px;
	}
	#utilities ul li+li+li {
		width: 188px;
	}

/* =============================================================================
   Static Gallery
============================================================================= */

#gallery {
padding-top:20px;
padding-bottom:20px;
}

	#gallery table {
	table-layout:fixed;
	width:900px !important;
	overflow:hidden;
	}

#gallery .content_gallery_wrapper {
width:100%;
}

#gallery td {
width:160px;
table-layout:fixed;
padding-left:25px;
}

#gallery td:first-child,
#gallery td.first {
padding-left:0;
}

#gallery img {
width:100%;
height:auto;
}
	
	#gallery table.collection_gallery_table {
	display:block;
	word-break: break-all;
	table-layout:fixed;
	width:900px;
	overflow:hidden;
	}

/* =============================================================================
   Bottom Content
============================================================================= */

.row {
padding-top:30px;
}

.col {
float:left;
overflow:hidden;
}

.row .col:first-child,
.row .col.first {
padding-left:0;
}

.col1 {
width:900px;
}

.col2 {
width:430px;
padding-left:35px;
}

.col3 {
width: 270px;
padding-left:35px;
}

.col4 {
width:195px;
padding-left:40px;
}

.col5 {
padding-left: 25px;
width: 160px;
}

div.fdpc_tweet_image {
padding:5px;
}

.fdpc_tweet_content {
margin-left:0;
}

.fdpc_tweet_meta {
margin-left:0;
}

div.news_articles ul li {
margin-bottom:20px;
}

h3.content_news_article_headline {

}

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

footer {
padding: 20px 30px;
margin-top:20px;
background: #EBEBEB;
color:#4d4d4d;
text-align:center;
font-size:10px;
}

footer div.locations div.locations_website_title, footer div.locations div.locations_additional, footer div.locations div.location {
padding:0;
}

footer div.locations div.locations_website_title, footer div.locations span.location_phone_label, footer div.locations span.location_email_label, footer div.locations span.location_facebook_label, footer div.locations span.location_twitter_label, footer div.locations span.location_linkedin_label {
font-weight:400;
}

footer div.location div.location_info {
display:none;
}

footer div.location div {
display:inline;
}


footer div.locations div.location_title:after,
footer div.locations div.location_address:after,
footer div.locations div.location_phone:after
{
content:'\2022';
}

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

.checkout_process_steps_list {clear:right;}

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

h1, h2, h3, h4, h5, h6 {
line-height:20px;
}

#subnav .title {
text-align:left;
}

h5.form_title {
font-weight:400;
}

#utilities { padding-top: 40px; }

#client_content { padding-top: 0; }

#internal #client_content {
padding-top: 40px;
}

#slider { width: 900px; height: 300px; }

#spotlight {
overflow:hidden;
}

#spotlight ul,
#spotlight ul li {
list-style:none;
margin:0;
padding:0;
}

#client_content, .fdpc_twitter,
#gallery, .e2ma_signup_form,.news_archives {
	margin-bottom:20px;
}

div.form_field select {
margin-bottom:10px;
}

hr {
margin:0 0 20px;
}


#utilities .content_image_box {
margin: 0 auto 20px;
}

.e2ma_login_container {
margin-top:0;
}

#no_pending_proofs_message {
clear:both;
}

table.express_order tr.item td {
padding-right:5px;
}

div#thumb_container span {
color:#4D87AB;
text-indent:40px;
display:block;
padding:10px 0;
}

div#thumb_container {
border-color:#4D87AB;
background-color:#fff;
}
.dlItemContentsContainer {
min-height:260px;
}


#search {
position: absolute;
right:0;
}

#search {
	top: 140px;
}

nav #search {
	top: -40px;
}

#search .fdpc_search_form_input {
	text-indent: 26px;
}
/*
#search input[type="text"]{
background-color: #454545 !important;
height: 20px;
line-height: 20px;
font-size: 0.9em;
width: 180px;
padding-left: 10px;
position: absolute;
right: 0;
top: 0;
border: 1px solid #242424;
outline: 0 none;
color: #8F8F8F;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background-image: none !important;
margin-right: 7px;
padding-right: 30px;
}

#search input[type="submit"] {
background: url('../graphics/layout/search.png') no-repeat center center transparent;
outline: 0 none;
text-indent: -9999px;
position: absolute;
right: 10px;
top: 0;
width: 32px;
text-shadow: none;
border: none;
border-radius: 0;
height: 30px;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
}
*/

header { position: relative; }

.top_nav {
position: absolute;
top: 10px;
right: 0;
text-align: right;
}

.top_nav ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
height: 20px;
}
.top_nav ul li { float: left; padding: 0 8px; }

.top_nav .content_image_box, .top_nav .collection_item_description { display: none; }

.top_nav a:link, .top_nav a:visited {
font-weight: normal;
font-size: 10px;
color: #EBEBEB;	
}

.top_nav a:hover, .top_nav a:active {
color: #4D87AB;
}

#gallery .collection_item_label, #gallery .collection_item_gallery_label,
#gallery .collection_item_description, #gallery .collection_item_gallery_description {
text-align: left;
}

#gallery td { padding-left: 20px; }

#gallery p { word-break: normal; }

#utilities .content_image_box {
margin: 0 auto 12px !important;
float: none !important;
}

.anythingSlider-default {
padding: 0 0 60px 0 !important;
}

#gallery, #utilities {
padding-bottom: 0; 
}

.btn, input[type="submit"], input[type="reset"], .fdpc_designready_item_actions a {
padding: 12px 12px 13px;
}

#subnav ul li.here a { color: #353535; }

#subnav .title {
text-align: left;
}

#client_content .title { 
border-bottom: none;
text-align: left;
}

#utilities .collection_item_description, #utilities .collection_item_gallery_description { font-size: 13px; }

#utilities ul li {
width: 200px;
padding-left: 35px;
}

.dlCategoriesTitle dlTitle { display: none; }

.fdpc_designready_gallery_table .fdpc_designready_item { background: #ffffff; }

table.express_order, table.express_order tr, table.express_order td {
background: #ffffff !important; }

.dlItem { background: #ffffff; }

.dlItemDetailsPhotoContainer a:hover .dlDetailsPhoto {
border: 0 none;
}

.item {
padding-top: 20px;
margin-bottom: 20px;
border-top: 1px solid #CECECE;
background: #ffffff;
margin: 0 !important;
}

#catalog.catalog_display_list form ul.catalog li {
padding: 20px 10px;
}

.item_title a { font-weight: bold; }

.category_title {
color: #4D87AB;
font-weight: 400;
font-family: 'Arvo', serif;
font-size: 20px;
margin-bottom: 5px; 
}

ul.radiolist li { padding: 0 !important; }

.order_list_table { width: 100%; }

table#content_online_proof thead tr {
background: #DDD;
}


footer .location div.location_social_media { display: none; }
header .location div.location_social_media div { display: block; }

.dlCategoryMenuItemDetails { background: #ebebeb; }

.social_media {
position: absolute;
right: 0;
top: 30px;
}
.social_media ul { list-style: none; margin: 0; padding: 0; }
.social_media ul li { display: inline-block; }
.lt-ie8 .social_media ul li { float: left; }

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

#gallery img {
width: 150px;
height: 100px;
vertical-align: top;
}

#gallery .subcontent span {
width: 150px !Important;
margin: 0 !important;
height: 100px;
}

#gallery td { vertical-align: top; }

.lt-ie8 header { z-index: 9999; }
.lt-ie8 nav { z-index: 9998; }


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

/* IE 9 */

.gt-ie8 button, .gt-ie8 input, .gt-ie8 select { font-size: 10px; }

/* IE7-8 */
.lt-ie9 button, .lt-ie9 input, .lt-ie9 select { font-size: 10px; }
.lt-ie9 INPUT[type='submit'], .lt-ie9 INPUT[type='reset'] { padding-top: 8px; }
.lt-ie9 .fdpc_designready_item_actions a { padding-top: 8px; padding-bottom: 23px; }

/* firefoxes */
@-moz-document url-prefix() {.form_row_submit button, .form_row_submit input, .form_row_submit select { height: 34px;} }


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

#catalog {
position:relative;
margin:1.14em 0;
}

#catalog_order_details th {
padding:4px 10px;
}

#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;
}

table.express_order tr.category,table.express_order tr.category td {
background:transparent none;
}

.item_volume_price,.item_description,.item_subtotal,div.catalog_display_express p.continue_button,.fdpc_designready_header,.fdpc_designready_filters,.continue_button,form,h4.dlLocationStack,.dlSearchToolEntryContainer,.dlCategoriesContainer,div.portal_login div.form_row_submit,div.form_row_submit,.content_location,.dlListTools,#dlTools,#catalog,div.calendar_section {
margin-bottom:20px;
}

.dlCategoriesContainer,.dlCategoriesTitle,.dlCategoriesTitle h4,div.portal_login div.form_row_submit,div.form_row_submit,h5.form_title {
background:transparent;
color:#4D87AB;
font-weight:400px;
font-size:16px;
padding-left:0;
border:0 none;
}

.item_thumbnail img,table.express_order img {
width:80px;
height:auto!important;
margin:0 6px;
}

table.express_order tr.item td.catalog_item_unit_price {
max-width:78px!important;
overflow:hidden;
}

.fdpc_designready_filters,.dlListHeadingContainer,div.catalog_display_express p.continue_button,table.express_order th {
background:#353535;
font-weight:400;
color:#fff;
}

.dlListHeadingContainer a {
color:#fff;
}

.dlSortByLabel,.dlToolEntryLink a,.dlSearchNameLabel,.dlSearchNumberLabel {
line-height:30px;
}

.dlSortBy form {
margin-bottom:0;
}

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

.item_pricing th {
width:100px;
}

table.calendar thead th {
background:#353535;
}

table.express_order tr.item td {
padding-bottom:20px;
}

table.calendar,.dlItemDetailsPhotoContainer img.dlDetailsPhoto,.dlPhotoContainer img.dlPhoto {
border:0 none;
}

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

.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;
}

.fdpc_policy_links a:link,
.fdpc_policy_links a:visited {
   color: #404040;
}

/* 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;
   oveflow:scroll;
}


/* =============================================================================
|   Form Reset                                                                 |
============================================================================= */

button, input, select {
   height: auto;
   font-size: 12px;
   line-height: 14px;
   }

button, input { padding: 2px 10px; }

input.content_login_portal_password, input.content_login_portal_username, .form_row_submit {
   width: 100%;
   }

.dlCategoriesTitle h4, .dlListHeadingContainer a,  { color: #333; }

div.required_form_label { color: #EF3A35; }

div.portal_login { clear: both; }

.progressbarloading { color: #000; }

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

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 */
   }
   
.text_above strong,.text_above em,.text_above b,.text_above i{ vertical-align: top; }
.text_above {display:block; padding-bottom:8px;}


.ui-dialog {z-index:10002;}

.ui-widget-overlay {z-index:10001;z-index: 10001; height: 100%; position: fixed;}

.ui-button-icon-primary {position:absolute;top: 0;left: 0;}

.ui-dialog .ui-dialog-titlebar-close span {margin:0;}

.ui-button-icon-only .ui-icon {top: 0;left: 0;}

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

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}


nav.subnav {background: none !important;}



/* ==========================================================================
   Product Page
   ========================================================================== */
 
#product #client_content {
    font-size:13px;
    line-height:1.5em;
}

#product .title {
    position:relative;
    font-weight:600;
    font-size:30px;
    color:#353535;
    background:rgba(255, 255, 255, 0.6);
    z-index:20;
    padding:20px 26px;
    line-height:1em;
}

#product .fdpc_design_col1, #product .fdpc_design_col2 {
    float:left;
}

#product .fdpc_design_col1 {
    width:496px;
    margin-left:20px;
    padding-top:30px;
}

#product .fdpc_design_col2 {
    width:350px;
    margin-left:34px;
}

#product .fdpc_product_content {
    margin-bottom:36px;
}

#product .fdpc_product_message {
    border-top:1px solid #000;
    padding-top:36px;
}

#product .fdpc_product_image img:first-child {
    margin-top:-64px;
}

#product .fdpc_design_col2 .fdpc_product_testimonial ul {
    margin-left:0;
    padding-left:0;
}

#product .fdpc_design_col2 .fdpc_product_testimonial .collection_item_label {
    font-weight:400;
    opacity:0.8;
    font-style:italic;
    font-size:14px;
    line-height:1.5em;
    margin-bottom:1.5em;
}
#product .fdpc_design_col2 .fdpc_product_testimonial .collection_item_description {
    text-align:right;
    font-size:13px;
}

#product form {
    width:250px;
    margin:0 auto;
}

#product .fdpc_design_col2 .fdpc_product_testimonial .content_image_box {
    float:right;
    margin-left:10px;
}

#product select, #product textarea, #product input[type=text], #product input[type=password], #product input[type=datetime], #product input[type=datetime-local], #product input[type=date], #product input[type=month], #product input[type=time], #product input[type=week], #product input[type=number], #product input[type=email], #product input[type=url], #product input[type=search], #product input[type=tel], #product input[type=color] {
    width:100%;
    font-size:1em;
}

#product .fdpc_product_action .collection_item_label a, #product .btn, #product input[type=submit] {
    display:inline-block;
    font-family:Arvo, serif;
    color:#fff;
    background:#4d87ab;
    font-weight:600;
    text-transform:uppercase;
    font-size:20px;
    height:44px;
    line-height:44px;
    text-shadow:none;
    letter-spacing:.05rem;
    -webkit-border:8px;
    -moz-border:8px;
    -ms-border:8px;
    -o-border:8px;
    border-radius:8px;
    padding:0 16px;
}

#product .fdpc_product_action .collection_item_label a:hover, #product .btn:hover, #product input[type=submit]:hover {
    color:#fff;
    background:#555759;
}

#product .fdpc_product_action .collection_item_description {
    display:none;
}

#product .fdpc_product_action ul.content_collection_items {
    margin-left:0;
    padding-left:0;
    list-style:none;
    text-align:center;
}

#product .fdpc_product_testimonial ul {
    list-style:none;
    margin-left:0;
    padding-left:0;
}

#product .fdpc_product_testimonial ul li {
    background:#fff url(../graphics/layout/quote.png) no-repeat 10px 10px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding: 20px 20px 10px;
}

#product .fdpc_product_testimonial ul div.collection_item_label {
    font-weight:400;
    font-style:italic;
    margin-right:130px;
}

#product .fdpc_product_testimonial ul div.collection_item_description {
    color:#515151;
    text-align:right;
    margin-right:130px;
}

#product .fdpc_product_testimonial .content_image_box, #product .fdpc_product_testimonial .content_image img {
    width:110px!important;
    height:auto;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

#product .fdpc_product_testimonial .content_image_box {
    float:right;
}

#product #content form {
    width:auto;
}

#product .fdpc_product_image, #product .fdpc_product_action ul.content_collection_items li {
    margin-bottom:20px;
}

#product .fdpc_product_image .content_image img, #product .fdpc_design_col2 .fdpc_product_testimonial .content_image_box img, #product .fdpc_product_testimonial .content_image img {
    margin:0;
}

#product .fdpc_design_col2 .fdpc_product_testimonial h4, #product .fdpc_product_testimonial, .fdpc_product_testimonial h1, .fdpc_product_testimonial h2, .fdpc_product_testimonial h3, .fdpc_product_testimonial h4, .fdpc_product_testimonial h5, .fdpc_product_testimonial h6 {
    color:#d95413;
}

#product .fdpc_product_form {
	background: rgba(255, 255, 255, 0.6);
	padding:1px 20px 2px;
}

#product .fdpc_product_action h5.form_title {
	text-align:center;
	position: relative;
	font-weight: 600;
	color: #353535;
	z-index: 20;
	padding: 20px 26px;
	font-size: 20px;
	border-bottom:1px solid #777;
}

#product div.form_label {
	font-family:'Arvo', serif;
	font-weight:400;
}

#product select, #product textarea, #product input[type=text], #product input[type=password], #product input[type=datetime], #product input[type=datetime-local], #product input[type=date], #product input[type=month], #product input[type=time], #product input[type=week], #product input[type=number], #product input[type=email], #product input[type=url], #product input[type=search], #product input[type=tel], #product input[type=color] {
	width: 300px;
}

#product .fdpc_product_image img:first-child {
	margin-top:-70px;
}

#product .fdpc_product_form {
background: rgba(255, 255, 255, 0.6);
padding:1px 20px 2px;
}

#product .fdpc_product_action h5.form_title {
text-align:center;
position: relative;
font-weight: 600;
color: #353535;
z-index: 20;
padding: 20px 26px;
font-size: 20px;
border-bottom:1px solid #777;
}

#product div.form_label {
font-family:'Arvo', serif;
font-weight:400;
}

#product select, #product textarea, #product input[type=text], #product input[type=password], #product input[type=datetime], #product input[type=datetime-local], #product input[type=date], #product input[type=month], #product input[type=time], #product input[type=week], #product input[type=number], #product input[type=email], #product input[type=url], #product input[type=search], #product input[type=tel], #product input[type=color] {
width: 300px;
}