/* -----------------------------------------
   Page Content Styles
----------------------------------------- */
html, body { background-color: #EAE3D2; }
br, .clear { clear: both; }
a:hover { color: #F69321; text-decoration: underline; }
button, .button {
    background-color: #EAE3D3;
    border: 1px solid #cdbd97;
    color: #222;
    border-radius: 3px;
    font-weight: bold;
}
.postfix.button {
    padding: 0;
    background-color: #EAE3D3;
    border: 1px solid #cdbd97;
}
button:hover, button:focus, .button:hover, .button:focus { background-color: #cdbd97; border: 1px solid #cdbd97; }
button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #eae3d3; border-color: #cdbd97; color: #333; }
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus { background-color: #eae3d3; color: #333; }
.button:hover { text-decoration: none; }

#main-content button, #main-content .button { line-height: 12px; font-size: 12px; padding: 6px 10px; border-radius: 3px; }
/*#main-content button.postfix, #main-content .button.postfix { border-top-left-radius: 0; border-bottom-left-radius: 0; }*/

#main-heading .publishdate { display: none; }
.mandatory { color: #c60f13; }
.boxLeft { float: left; width: 48%; }
.boxRight { float: right; width: 48%; }
.nav-left { float: left; }
.nav-right { float: right; }

/* Reduce z-index so dropdowns appear over banner arrows */
#top-banner .bx-wrapper .bx-controls-direction a { z-index: 10; }
#top-banner .bx-wrapper .bx-viewport { box-shadow: none; }
#top-banner .bx-wrapper .bx-viewport { border: none; }

#main-content #Bookmarks, #main-content .page-related { display: none; } 

#container { background-color: #FFF; margin-top: 5px; }
#company-logo { text-align: center; margin-bottom: 10px; }
#company-logo img { max-height: 62px; }

#page-content { padding-bottom: 15px; }
#page-content #main-heading { margin-bottom: 10px; }
#page-content #main-heading h1 { font-size: 24px; margin: 0 0 5px 0; }
#page-content ul, #page-content ol { margin-left: 15px; }

#main-content {
    font-size: 12px;
    color: #222;
    line-height: 1.5em;
    padding-bottom: 15px;
}
#main-content p ul { margin-left: 15px; }
#main-content p ol { margin-left: 20px; }
#main-content textarea { font-size: 12px; }
#main-content .content-image { margin-bottom: 15px; }

#home-page #main-content { min-height: 0; }
#home-page .content-feed { margin-bottom: 0; }
#home-page .content-feed .content-feed-heading { font-size: 16px; border-bottom: 2px solid #f69321; margin-bottom: 15px; }

#non-responsive #container { width: 1000px; }

#non-responsive #top-menu { min-width: 960px; }

/* -----------------------------------------
   User
----------------------------------------- */
#user { text-align: center; margin: 10px 0 5px 0; padding: 0 5px; }
#user ul { margin: 0; padding: 0; display: inline-block; float: none; }
#user ul li { font-size: 12px; }

/* -----------------------------------------
   Header
----------------------------------------- */
#header { padding: 15px 0; background-color: #0B52A0; }

#social-media ul { margin: 0; display: inline-block; }
#social-media ul li:first-child { margin-left: 0; }
#social-media a { font-size: 16px; }

#website-search form { margin: 0; }
#website-search input, #website-search button { margin: 0; font-size: 12px; height: 28px; }
#website-search button { line-height: 26px; }
#website-search input[type="text"] { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#login-button { margin: 7px 0 0 0; font-size: 12px; line-height: 19px; } 


/* -----------------------------------------
   Footer
----------------------------------------- */
#footer .divide { border-top: 1px solid #ccc; margin: 0 10px 20px 10px; }
#contact-address, #contact-us { float: left; font-size: 12px; line-height: 20px; margin-bottom: 20px; }
#contact-address { margin-right: 9%; width: 40%; }
#contact-us { width: 50%; }

#image-carousel { text-align: center; }
#image-carousel .hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#image-carousel ul { margin: 0; padding: 0; display: inline-block; }
#image-carousel li { margin: 0 0 15px 0; width: 50%; }
#image-carousel li:first-child { margin-left: 0; }
#image-carousel li a {
    height: 60px;
    display: block;
}
#image-carousel .training {
    width: 74px;
    background-image: url('/Resource/Template/BPF/content/img/training.gif');
}
#image-carousel .plastbook {
    width: 60px;
    background-image: url('/Resource/Template/BPF/content/img/energy-blue.png');
    background-repeat: no-repeat;
}
#image-carousel .plastipedia {
    width: 145px;
    background-image: url('/Resource/Template/BPF/content/img/plastipedia.gif');
}
#image-carousel .industry {
    width: 122px;
    background-image: url('/Resource/Template/BPF/content/img/industry.gif');
}
#image-carousel .shop {
    width: 79px;
    background-image: url('/Resource/Template/BPF/content/img/shop.gif');
}
#image-carousel a:hover { background-position: 0 -60px; }

#footer #footer-lower { line-height: 16px; padding: 15px 0 10px 0; }
#footer #copyright, #footer #address { font-size: 11px; text-align: center; }
#footer abbr { font-size: 100%; }

#footer-menu ul { margin: 0; list-style: none; text-align: center; line-height: 10px; margin-top: 5px; }
#footer-menu ul li { font-size: 11px; margin-left: 15px; padding: 5px 0; }
#footer-menu ul li:first-child {  margin-left: 0; }

#powered-by { text-align: center; margin-bottom: 20px; }
#powered-by img { margin-right: 5px; }
#powered-by a { font-size: 10px; }

/* -----------------------------------------
   Search Boxes
----------------------------------------- */
/*#search-boxes { margin: 15px 0; }*/
#search-boxes h5 { font-size: 16px; border-bottom: 2px solid #f69321; margin-bottom: 20px; }
#search-boxes form, #search-boxes input { margin: 0; }
#search-boxes input { height: 2.3125em; }
#search-boxes .postfix { height: 2.3125em; font-size: 12px; line-height: 0; }
#search-boxes button { margin: 0; }
#search-boxes .panel { margin: 15px 0 10px; border: none; background-color: #FFF; padding: 0; }
#search-boxes .panel:first-child { margin-top: 0; }
#search-boxes form { font-size: 14px; }


.newsletter-subscribe { margin: 15px 0; }
.newsletter-subscribe .heading { font-size: 16px; border-bottom: 2px solid #f69321; margin-bottom: 20px; }
.newsletter-subscribe p { margin: 10px 0; }

.join-now h4 {
    border-bottom: 2px solid #f69321;
    font-size: 16px;
    margin-bottom: 25px;
}
.join-now a { display: block; }
.join-now a:hover { text-decoration: none; }
.join-now a i { float: right; }
.join-now i { margin-top: -3px; }

/* -----------------------------------------
   Search Panels
----------------------------------------- */
#search-panels a:hover { text-decoration: none; }
#search-panels a:hover h5 { color: #f69321; }

/* -----------------------------------------
   Banners
----------------------------------------- */
/* Just display the first banner if js is disabled */
.no-js #home-page .top-banner > .banners > div { display: none; }
.no-js #home-page .top-banner > .banners > div:first-child { display: block; }
#home-page .slideshow-wrapper { height: 252px; }
#home-page .orbit-container { margin-bottom: 15px; } 

/* Fixes arrow borders in Firefox */
.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { border-style: solid; }
.orbit-container .orbit-timer.paused > span { border-style: solid; }
.orbit-container .orbit-slides-container img { border-radius: 3px; }

#BannerTop, #BannerBottom, #BannerLeft { text-align: center; margin-bottom: 10px; }
#left-banner img { margin-bottom: 10px; }
#BannerLeft img, #BannerRight img { margin-top: 15px; border-radius: 3px; }

/* -----------------------------------------
   Search Boxes
----------------------------------------- */
.websitesearch-list [class*='search-item'] { margin-bottom: 15px; }
.websitesearch-list [class*='search-synopsis'] { display: block; }


/* -----------------------------------------
   Content Feed
----------------------------------------- */
.content-feed { font-size: 12px; margin-bottom: 10px; /*border-bottom: 1px solid #ccc;*/ }
.content-feed .content-feed-heading {
	font-size: 18px;
    border-bottom: 2px solid #0B52A0;
}
.content-feed .content-feed-heading span {  }
.content-feed .content-feeds { padding: 5px 0; }
.content-feed ul:first-child { border-top: none; padding-top: 0; }
#page-content .content-feed ul { list-style: none;  padding-top: 5px; margin-bottom: 5px; margin-left: 0; }

/* -----------------------------------------
   Content Category
----------------------------------------- */
.content-category-item { margin-bottom: 10px; }
.content-category-title {
    font-size: 18px;
    border-bottom: 2px solid #0B52A0;
}
.content-category-title span {color: #80CC28; }
.content-category-item-image { float: left; margin-right: 10px; }
.content-category-item-image img { max-width: 25px; }
.content-category-item > .content-category-item-title h3 { font-size: 12px; }
.content-category-item-title h3 { font-weight: normal; }

/* -----------------------------------------
   Products
----------------------------------------- */
#products h4 {
    font-size: 18px;
    border-bottom: 2px solid #0B52A0;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#products .product-list-item-image { margin-bottom: 10px; text-align: center; }
#products .product-list-item-content { line-height: 1.5; }
#products .product-list-item-content .product-list-item-title { font-weight: bold; font-size: 14px; margin-bottom: 5px; }
#products .product-list-item-member-price { font-size: 12px; margin-bottom: 5px; font-weight: bold; }
#products .product-list-add-to-basket a {
    border-radius: 3px;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5625em;
    padding-top: 0.625em;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    transition: background-color 300ms ease-out 0s;

    background-color: #00529B;
    border-color: #003768;
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-align: center;
    text-decoration: none;
}

/* -----------------------------------------
   Sitemap
----------------------------------------- */
#ctl00_cphMainContent_tvContent table { margin: 5px 0; }
#ctl00_cphMainContent_tvContent table td { padding: 0 5px; white-space: normal !important; }

/* -----------------------------------------
   Modal Progress Bar
----------------------------------------- */
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.70; }
.updateProgressBox {
    border: 1px solid #0B52A0;
    background-color:#FFFFFF;
    position:absolute;
    width:350px;
    height:100px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.updateProgressBox-message { margin-top: 13px; text-align: center; }

/* -----------------------------------------
   Message Box
----------------------------------------- */
.messageBox_Information, .messageBox_Warning, .messageBox_Failed, .messageBox_Help {
    clear:both;
    color:#222;
    margin: 10px 0;
    padding: 10px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    
}
.messageBox_Information > .messageBox_Information, .messageBox_Warning > .messageBox_Warning, .messageBox_Failed > .messageBox_Failed, .messageBox_Help > .messageBox_Help {
    border: none;
    padding: 0;
}
.messageBox_Information, .messageBox_Warning, .messageBox_Failed {clear:both; color:#222; margin-bottom:10px; padding:5px;}
.messageBox_Information {background-color: #c8e9f1;}
.messageBox_Warning { background-color: #f9de8b; }
.messageBox_Failed { background-color: #e99974; }
.messageBox_Help { background-color: #FFEACF; }
.messageBox_Information img, .messageBox_Warning img, .messageBox_Failed img, .messageBox_Help img { float: left; margin: 0; padding: 0; }
.messageBox_Information h3, .messageBox_Warning h3, .messageBox_Failed h3, .messageBox_Help h3 { margin: 0; padding: 0; }
.messageBox_Information p, .messageBox_Warning p, .messageBox_Failed p, .messageBox_Help p { margin: 0; padding: 0; }
.messageBox_Information ul, .messageBox_Warning ul, .messageBox_Failed ul, .messageBox_Help ul { list-style-position: outside; list-style-type: disc; padding-left: 40px; }
.messageBox_Information li, .messageBox_Warning li, .messageBox_Failed li, .messageBox_Help li { line-height: 1.5em; }
.messageBox_Text { margin-left:50px!important; padding:2px 3px 4px 1px; }
.messageBox_Text h3 { color: #222; }

/* -----------------------------------------
   Forms
----------------------------------------- */
table { margin-bottom: 10px; border: none; width: auto; }
table.Result { width: 100%; }
table th { text-align: left; }
table tr, table tr:nth-of-type(2n) { background: transparent; }
table tr td { padding: 0.5625em 0.625em; font-size: 12px; }

.PageTop, .PageBottom { margin: 0 0 10px 0; width: 100%; border: none; }
.PageTop td, .PageBottom td { padding: 2px; }
.PageTop td.left, .PageBottom td.left { float: left; text-align: left; }
.PageTop td.center, .PageBottom td.center { text-align: center; } 
.PageTop td.right, .PageBottom td.right { float: right; text-align: right; }

/* -----------------------------------------
   Fields
----------------------------------------- */
.field { display: inline-block; margin: 3px 0; width: 98%; }
.field .label, .fieldLarge .label,
.field label, .fieldLarge label {
    padding: 0 10px 2px 0;
    width: 135px;
    background-color: transparent;
    color: #333;
    text-align: left;
    font-size: 12px;
    display: inline-block;
    white-space: normal;
    font-weight: normal;
    float: left;
    margin: 8px 0 0 0;
}
.field input[type="text"], .fieldLarge input[type="text"], 
.field input[type="password"], .fieldLarge input[type="password"], 
.field input.text, .fieldLarge input.text, 
.field input.title, .fieldLarge input.title, 
.field input[type="file"], .fieldLarge input[type="file"] {
    width: 288px;
    font-size: 12px;
    margin: 0;
    height: 30px;
    padding: 6px;    
}
.fieldLarge textarea { width: 288px; height: 80px; }

.field select { width: 288px; padding: 5px; display: inline-block; border: 1px solid #ccc; margin: 0; color: rgba(0, 0, 0, 0.75); height: 30px; }

.field .radioButton {
    display: inline-block;
    margin: 0;
    width: auto;
    padding-bottom: 10px;
    background: none;
    border: none;
    margin-top: 6px;
}
.field .radioButton tbody tr { float: left; }
.field .radioButton input[type="radio"] { padding: 0; margin-top: 0; display: inline-block; float: left; margin-right: 5px; }
.field .radioButton td { padding: 0; display: inline-block; }
.field .radioButton label { width: auto; margin: 0 10px 0 0; float: left; font-size: 12px; }

.field .radioButton tbody tr { float: left; }
.field .radioButton input[type="radio"] { padding: 0; margin-top: 0; float: left; margin-right: 5px; }
.field .radioButton td { padding: 0; display: inline-block; }
.field .radioButton label { width: auto; margin: 0 10px 0 0; float: left; font-size: 12px; }

.website-form-textbox-full-width-label .field .label { width: 62%; margin-bottom: 10px; }

.website-form-check-box-single table { width: 100%; }
.website-form-check-box-single table tbody tr td { padding: 0; }
.website-form-check-box-single input[type="checkbox"] { float: left; text-align: left; margin-right: 10px; padding-top: 2px; }
.website-form-check-box-single label { float: left; margin: 0; vertical-align: top; text-align: left; width: 95%; }

/* -----------------------------------------
   Field Read Only
----------------------------------------- */
.fieldReadOnly {
    display: block;
    float: left;
    margin: 0;
    overflow: visible;
    padding: 3px;
    width: 100%;
}
.fieldReadOnly .label {
    background-color: transparent;
    color: #222;
    width: 135px;
    text-align: left;
    font-size: 12px;
    white-space: normal;
    display: inline-block;
    padding: 0;
    font-weight: normal;
    vertical-align: top;
}
.fieldReadOnly .text { width: 165px; white-space: normal; display: inline-block; }

.custom-field-checkbox .checkBoxList { width: auto; }
.custom-field-checkbox .checkBoxList td { padding: 5px; }
.custom-field-checkbox .checkBoxList label { float: none; margin: 0; padding: 0; vertical-align: top; }
.custom-field-checkbox .checkBoxList input[type="checkbox"] { margin: 0 5px 0 0; padding: 0; }

.custom-field-textboxwithinternationalcallingcodeprefix prefix {
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    width: auto !important;
}
.custom-field-textboxwithinternationalcallingcodeprefix input {
    width:253px !important;
}

.listboxwithprefix prefix {
    clear:left;
    display:block;
}

/* -----------------------------------------
   User Registration
----------------------------------------- */
.wizard-user-registration table tbody tr td { padding: 2px; }
.wizard-user-registration .wizardTitle { font-weight: bold; font-size: 15px; }
.wizard-user-registration .stepCurrent { background-color: #00529B; color: #FFF; }
.wizard-user-registration .stepCompleted { background-color: #ccc; }
.wizard-user-registration .stepNotCompleted { background-color: #eee; color: #000; }
.wizard-user-registration .stepBreak { background-color: #FFF; width: 10px; }

.stepNotCompleted, .stepCompleted, .stepCurrent, .stepBreak {
    width: 25px;
    height: 25px;
    padding: 3px 0;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
}
.stepNotCompleted a:hover, .stepCompleted a:hover, .stepCurrent a:hover, .stepBreak a:hover {
    text-decoration: none;
    color: #F69321;
}

.wizard-user-registration .left,
.wizard-user-registration .right { display: block; margin-bottom: 10px; }
.wizard-user-registration .left { text-align: left; }
.wizard-user-registration .right { text-align: right; }

/* -----------------------------------------
   reCAPTCHA
----------------------------------------- */
#recaptcha_widget_div, #recaptcha_table { width: auto !important; }
#recaptcha_table #recaptcha_response_field { margin-bottom: 0 !important; }
#recaptcha_widget_div #recaptcha_image { height: auto !important; width: auto !important; }
#recaptcha_table .recaptcha_image_cell { width: auto !important; }
#recaptcha_widget_div #recaptcha_response_field { width: 100% !important; }
#recaptcha_logo, #recaptcha_tagline { display: none; }

/* -----------------------------------------
   Related Pages
----------------------------------------- */
.page-related .page-related-title { font-weight: bold; display: block; margin-bottom: 5px; }
.page-related .page-related-item { margin-bottom: 5px; }
.page-related-item .page-related-item-synopsis { display: block; color: #333; margin-left: 20px; }

/* -----------------------------------------
   Related Articles
----------------------------------------- */
.article-related { margin-top: 10px; }
.article-related .article-related-title {
    color: #00529b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.article-related span { display: block; }
.article-related .article-related-item-title { display: inline-block; }
.article-related .article-related-item { margin-bottom: 10px; }

/* -----------------------------------------
   Related Category
----------------------------------------- */
.category-related .category-related-title {
    color: #00529b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.category-related .category-related-item-synopsis { display: block; }

/* -----------------------------------------
   Related Media Items
----------------------------------------- */
.media-related .media-related-title {
    color: #00529b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.media-related .media-related-item { display: block; margin-bottom: 5px; }

/* -----------------------------------------
   Directory Listing
----------------------------------------- */
.directory-alphabet ul { text-align: center; }
.directory-alphabet ul li { display: inline-block; padding-right: 10px; }
.directory-list .directory-search-item {
    border-top: 1px solid #ccc;
    padding: 10px 0 5px 0;
    margin-bottom: 5px;
    display: block;
    line-height: 1.6;
}
.directory-list .directory-search-item ul { margin-bottom: 0; }
.directory-list .directory-search-item br { display: none; }
.directory-list .directory-search-item img {  }
.directory-list .directory-search-item:first-child { border-top: none; }
.directory-list .directory-search-item-distance { width: 95%; display: inline-block; }
.directory-list .directory-search-item-title {
    display:inline-block;
    font-size:17px;
    font-weight:bold;
    line-height:1;
    margin:2px 0 5px;
    width: 48%;
}
.directory-list .directory-search-item-address { display: block; }
.directory-list .bpf-member { display: inline-block; width: 50%; vertical-align: top; }
.directory-list .directory-search-item-title .title { display: inline-block; width: 50%; }
/*.directory-list .directory-search-item-title a { display: block; }*/
.directory-search-item-description { display: block; font-style: italic; color: #00529b; width: 75%; }
.directory-list .directory-search-item-telephone,
.directory-list .directory-search-item-fax { display: block; }

.directory-list .directory-search-item-contact { font-size:0; padding-top:5px }
.directory-list .directory-search-item-contact-left,
.directory-list .directory-search-item-contact-right {
    width: 50%;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}

.directory-category-breadcrumb .directory-category-breadcrumb-spacer { padding: 0 5px; }

/* -----------------------------------------
   Directory Detail
----------------------------------------- */
.directory-detail-contact-us-form { margin-top: 15px; }
.directory-detail .directory-detail-website-profile { display: block; margin-top: 10px; }

.directory-detail .directory-detail-address { display: block; margin-bottom: 10px; }
.directory-detail-telephone, .directory-detail-fax, .directory-detail-email, .directory-search-item-website, .directory-detail-bpf-member {
    display: block;
    line-height: 1.6;
}
#GoogleMap {
    width: 100% !important;
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#GoogleMap img { max-width: inherit; }
#directory-detail-right span {
    display: block;
    font-size: 12px;
    line-height: 1.5em;
}
#directory-detail-right img { margin-bottom: 10px; }

/* -----------------------------------------
   Directory Groups
----------------------------------------- */
.group-directories { margin: 10px 0; }
.group-directories .group-directories-title {
    font-weight: bold;
    display: block;
    font-size: 17px;
    border-bottom: 2px solid #0B52A0;
    color: #0B52A0;
    margin: 0 0 10px 0;
    padding: 5px 0;
}
.group-directories .group-directory {
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0;
    padding: 10px 0;
    line-height: 14px;
}

#main-content .group-directory { width: 25%; display: inline-block; margin-bottom: 15px; vertical-align: top; padding: 0 15px 0 0; }

/* -----------------------------------------
   Directory Categories
----------------------------------------- */
.directory-categories { margin: 10px 0; }
.directory-categories .directory-categories-title {
    font-weight: bold;
    font-size: 17px;
    border-bottom: 2px solid #0B52A0;
    color: #0B52A0;
    margin: 0 0 10px 0;
    padding: 5px 0;
}
.directory-categories .directory-categories-link {
    width: 50%;
    display: inline-block;
    font-size: 12px;
    padding: 5px 0;
    vertical-align: top;
}

.directory-category ul { list-style: none; }

/* -----------------------------------------
   Categories Search
----------------------------------------- */
.category-search ul { list-style: none; }
.category-search .directory-category ul li span { padding: 0 3px; }

/* -----------------------------------------
   Directory Groups
----------------------------------------- */
.directory-groups .directory-groups-title {
    font-weight: bold;
    font-size: 17px;
    border-bottom: 2px solid #0B52A0;
    color: #0B52A0;
    margin: 0 0 10px 0;
    padding: 5px 0;
    display: block;
}
.directory-groups .directory-group-link {
    font-size: 12px;
    margin-bottom: 10px;
}

/* -----------------------------------------
   Directory Detail (Right)
----------------------------------------- */
#directory-detail h3 { border-bottom: 2px solid #0B52A0; }
.directory-detail-logo { margin-bottom: 10px; }
.directory-detail-website-profile, .directory-profile-right { font-size: 12px; line-height: 1.6; }
.directory-detail-address { margin-bottom: 10px; display: block; }
.directory-detail-telephone, .directory-detail-fax, .directory-detail-email, .directory-search-item-website, .directory-detail-bpf-member { display: block; line-height: 1.6; }
#directory-social-media { margin: 10px 0; }
#directory-social-media a { margin-right: 3px; }
#GoogleMap iframe { width: 100%; }

.directory-profile-right { margin-top: 20px; }

#googlemap { width: 200px !important; height: 250px !important; border: 1px solid #ccc; display: block; }
#GoogleMap, .googleMap { border: 1px solid #ccc; }
#googlemap img, #GoogleMap img { max-width: none !important; }

/* -----------------------------------------
   Content Share
----------------------------------------- */
.content-share { margin-bottom: 15px; }
#share .content-share-title {
    display: block;
    color: #0B52A0;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 2px solid #0B52A0;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#share a { display: inline-block; font-size: 24px; margin-right: 15px; }
#share a:hover { text-decoration: none; }

/* -----------------------------------------
   Event Booking Single/Multiple
----------------------------------------- */
#event-booking-single tr.odd, #event-booking-single tr.even,
#event-booking-multiple tr.odd, #event-booking-multiple tr.even { background-color: transparent; }

#event-booking-single table.charge-list, #event-booking-multiple table.charge-list,
#event-booking-single table.booking-attendees, #event-booking-multiple table.booking-attendees { border: 1px solid #ccc; border-collapse: collapse; }

#event-booking-single table.charge-list th,
#event-booking-single table.booking-attendees th,
#event-booking-multiple table.charge-list th { border-bottom: 1px solid #ccc; background-color: #e1e1e1; }
#event-booking-multiple table.booking-attendees th { border-bottom: 1px solid #ccc; background-color: #e1e1e1; }

#event-booking-single table.charge-list tbody tr td,
#event-booking-multiple table.charge-list tbody tr td { border-top: 1px solid #ccc; line-height: 1.5em; }

#event-booking-single table.booking-attendees tbody tr td, 
#event-booking-multiple table.booking-attendees tbody tr td { border: none; border-bottom: 1px solid #ccc; line-height: 1.5em; }

#event-booking-single .charge-list .total, #event-booking-multiple .charge-list .total,
#event-booking-single .charge-list .vat, #event-booking-multiple .charge-list .vat,
#event-booking-single .charge-list .vat-percent, #event-booking-multiple .charge-list .vat-percent,
#event-booking-single .charge-list .net, #event-booking-multiple .charge-list .net { text-align: right; }

/* -----------------------------------------
   Event Prices Table
----------------------------------------- */
#event-prices-table table.Result { border: 1px solid #ddd; width: 100%; }
#event-prices-table table.Result th.title { width: 50%; }
#event-prices-table table.Result th.price { width: 25%; }
#event-prices-table table.Result th.action { width: 25%; }
#event-prices-table table.Result td { vertical-align: middle; padding: 3px; }
#event-prices-table table.Result td.action { text-align: right; } 
#event-prices-table table.Result td.action .field, #event-session-prices-table table.Result td.action .field { width: auto; margin: 0 10px 0 0; float: none; }
#event-prices-table table.Result select, #event-session-prices-table table.Result select { margin: 0 auto; }
#event-prices-table table.Result input[type="submit"], #event-session-prices-table table.Result input[type="submit"] { float: right; margin-top: 4px; font-size: 9px; }

.charge-list, .booking-attendees { border: none; }

/* -----------------------------------------
   Content Search
----------------------------------------- */
#content-search-list [class$="-search-item"] {
    margin-bottom: 10px;
}
#content-search-list .article-search-item-title,
#content-search-list .article-website-search-publish-on { display: block; }
#content-list-search input[type="submit"].content-list-search { float: right; margin-top: 4px; margin-right: 2px; }


/* Forum List
****************************************/
.forum-search-button { float: right; margin: 0; }

.forum-list .forum-item { margin-bottom: 15px; }
.forum-item-title img { display: none; }


/* Forum Threads
****************************************/
.forum-threads-thread {
    border: 1px solid #0b52a0;
    border-radius: 3px;
    margin-bottom: 15px;
    background-color: #ddd;
    padding-bottom: 5px;
}

.forum-threads-thread-even .forum-threads-thread-title, .forum-threads-thread-odd .forum-threads-thread-title {
    /*border: 1px solid #5793CA;*/
    border-bottom: 2px solid #f69321;
    background-color: #0b52a0;
    padding: 5px 10px;
}
.forum-threads-thread .forum-threads-thread-title a { color: #FFF; }
.forum-threads-thread .forum-threads-thread-title a:hover { text-decoration: underline; color: #f69321; }
.forum-threads-thread-even .forum-threads-thread-title img, .forum-threads-thread-odd .forum-threads-thread-title img { display: none; }
.forum-threads-thread-message {
    padding: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #5793CA;
    background-color: #FFF;
}
.forum-threads-thread-postedon, .forum-threads-thread-lastpost, .forum-threads-thread-actions {
    padding: 0 10px;
    margin: 0;
}
.forum-threads-thread-lastpost, .forum-threads-thread-postedon { float: left; width: 100%; }
.forum-threads-thread-actions { display: inline; width: 300px; }
.forum-threads-thread-actions .forum-threads-seperator { color: #888; }

.page-content .forum-threads .publishdate { display: inline; }

/* Forum Thread
****************************************/
.forum-thread-add-content {
    margin-bottom: 10px;
}
.forum-thread-add-content p { margin-bottom: 0; }
.forum-breadcrumb { margin-bottom: 10px; }
.forum-actions { color: #A1A1A1; margin-bottom: 10px; }
.forum-thread-content {
    margin-top: 10px;
    margin-bottom: 10px;
}
.forum-thread-content p { margin-top: 10px; padding: 0 10px; }
/*.forum-thread-content .forum-thread-title { background-color: #5793CA; color: #FFF; padding: 3px 10px; margin-bottom: 10px; font-size: 18px; }*/
.forum-thread-content .forum-thread-message, .forum-thread-content .forum-thread-image { padding: 0 0 10px 0; }
.forum-thread-content .forum-thread-image img { border: 1px solid #ccc; }
.forum-thread-content .forum-actions-bottom {
    padding: 5px 0;
    text-align: right;
}
.forum-actions-bottom .created-by { display: inline-block; float: left; width: 250px; text-align: left; }
.forum-actions-bottom .created-by-name { color: #0b52a0; display: inline-block }

/* Add Forum Thread
****************************************/
.forum-thread-form .field label { width: 100px; }
.forum-thread-form .fieldLarge label { width: 103px; }
.forum-thread-form .field input[type="text"], .forum-thread-form .fieldLarge textarea { width: 530px; font-size: 12px; }

/* Forum Thread Post
****************************************/
.forum-thread-post {
    background-color: #ddd;
    border: 1px solid #0b52a0;
    border-radius: 3px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.forum-thread-post-top { padding: 5px 10px; border-bottom: 2px solid #f69321; background-color: #0b52a0; color: #FFF; }
.forum-thread-post-top .post-by { float: left; }
.forum-thread-post-top .post-on { float: right; }
.forum-thread-post-bottom .moderated-by { float: left; padding-left: 10px; }
.forum-thread-post .forum-thread-post-message {
    border-bottom: 1px solid #5793CA;
    background-color: #FFF;
    padding: 10px;
    margin-bottom: 5px;
}
.forum-thread-post-postedon, .forum-thread-post-actions {  float: left; width: 658; padding: 0 0 0 10px; }
.forum-thread-post-actions { float: right; padding-right: 10px; }

/* Add Forum Thread Post
****************************************/
.forum-thread-post-threadmessage,
.forum-thread-post-replyto,
.forum-thread-post-form .forum-thread-post-content { padding: 5px; border: 1px solid #ccc; background-color: #eee; margin-bottom: 10px; }

/* Join BPF Industry Directory
****************************************/
#join-bpf-industry-directory .category-tree-view table { margin: 0; }
#join-bpf-industry-directory .category-tree-view table td { padding: 0; }
#join-bpf-industry-directory .category-tree-view table td:first-child { vertical-align: top; }
#join-bpf-industry-directory .category-tree-view input[type="checkbox"] { margin: 4px 5px; }

@media only screen and (min-width: 420px) { #image-carousel li { width: 33%; margin: 0 0 15px 0; } #footer-menu li { display: inline-block; } }
@media only screen and (min-width: 480px) { .directory-postcode-search-form .field.distance .label { width: 135px; } }
@media only screen and (min-width: 560px) { #image-carousel li { width: auto; margin: 0 0 15px 15px; } }

/* Medium Grid */
@media only screen and (min-width: 640px) { #website-search { margin-top: 10px; } #company-logo { text-align: left; margin-bottom: 0; } }

@media only screen and (min-width: 940px) {
    /* Fixes directory profile Google map delaying column ordering */
    #center { float: none; width: 490px; display: inline-block; }
    #right { vertical-align: top; }
    
    #user { text-align: right; margin: 7px 0 0 0; }
    #user ul { display: block; float: right; }
    
    #container {
	    min-width: 1000px;
	    width: 1000px;
	    background-color: #FFF;
	    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        margin: 5px auto 10px auto;
        border-radius: 10px;
    }
    #header { border-top-left-radius: 10px; border-top-right-radius: 10px; }
    
    #company-logo img { max-height: 50px; max-width: none;  }

    #contact-address, #contact-us { width: auto; margin-bottom: 0; }
    #footer #copyright, #footer #address { text-align: left; }
    #footer-menu ul { text-align: left; float: right; margin-top: 0; }
    
    #main-content { min-height: 350px; }

    .content-feed { font-size: 12px; margin-bottom: 10px; border-bottom: none; }
    #content-feed-main { padding: 0 10px; }
    
    #recaptcha_widget_div { width: 440px; }
    #recaptcha_logo, #recaptcha_tagline { display: block; }


/* Content Table
****************************************/
.content-page-table table { margin: 10px 0; width: 100% !important; display: block; }
.content-page-table td { font-size: 9px; }
.content-page-table td { word-break: normal; }


/* You Tube Container
****************************************/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
}

/* Chrome image fix 
****************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    table img {max-width: none;}
}