/*
Theme Name:     Marsh Bellofram
Template:       marshbellofram
*/

/**
 * Development stylesheet.  Use this file for development purposes by adding this to your 'wp-config.php' file:
 * define( 'SCRIPT_DEBUG', true );
 * This allows you to build large-sized stylesheets with plenty notes and comments. Before releasing, compress
 * this file and replace the compressed CSS in the 'style.css' file.
 * @link http://www.cssdrive.com/index.php/main/csscompressor
 */

/* 20px base (see library/css for alternatives) */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{
    margin:0;
    padding:0;
    vertical-align:baseline;
    outline:none;
    font-size:100%;
    background:transparent;
    border:none;
    text-decoration:none
}
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    outline:none;
    font-size:100%;
    background:transparent;
    text-decoration:none
}
b, i, hr, u, center, menu, layer, s, strike, font, xmp {
    margin:0;
    padding:0;
    vertical-align:baseline;
    outline:none;
    font-size:100%;
    font-weight:normal;
    font-style:normal;
    background:transparent;
    border:none;
    text-decoration:none
}

y: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
font {
    color:#333
}
center {
    text-align:left
}
body {
    line-height:20px;
    font-family:Georgia, Times, "Times New Roman", serif;
    color:#333;
    background:#fff
}
h1, h2, h3, h4, h5, h6 {
    font-style:normal;
    font-weight:normal;
    margin:0 0 8px 0
}
h1 {
    font-size:1.8em
}
h2 {
    font-size:1.7em
}
h3 {
    font-size:1.55em;
}
h4 {
    font-size:1.4em
}
h5 {
    font-size:1.25em
}
h6 {
    font-size:1.1em
}
p {
    margin:0 0 20px 0
}
ol, ul {
    list-style:none
}
ul {
    list-style:disc;
    margin:0 0 20px 2.5em
}
ol {
    list-style-type:decimal;
    margin:0 0 20px 3em
}
ol ol {
    list-style:upper-roman
}
ol ol ol {
    list-style:lower-roman
}
ol ol ol ol {
    list-style:upper-alpha
}
ol ol ol ol ol {
    list-style:lower-alpha
}
ul ul, ol ol, ul ol, ol ul {
    margin-bottom:0
}
dl {
    margin:0 0 20px 5px
}
dl dt {
    font-weight:bold;
    margin:10px 0 0 0
}
dl dd {
    margin:5px 0 0 1.5em
}
strong {
    font-weight:bold
}
strong strong {
    font-weight:normal
}
em, cite {
    font-style:italic
}
em em, cite cite {
    font-style:normal
}
abbr {
    cursor:help
}
acronym {
    text-transform:uppercase;
    border-bottom:1px dashed #666;
    cursor:help
}
big {
    font-size:120%
}
small, sup, sub {
    font-size:80%
}
sup {
    vertical-align:baseline;
    position:relative;
    bottom:0.3em
}
sub {
    vertical-align:baseline;
    position:relative;
    top:0.3em
}
address {
    font-style:italic;
    margin:0 0 20px 0
}
li address, dd address {
    margin:0
}
blockquote {
    margin:0 25px;
    font-style:normal
}
blockquote em, blockquote cite {
    font-style:italic
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
a {
    cursor:pointer
}
a img {
    border:none
}
pre {
    overflow:auto;
    font:.9em Monaco, monospace, Courier, "Courier New";
    line-height:20px;
    margin-bottom:20px;
    padding:10px
}
code {
    font:.9em Monaco, monospace, Courier, "Courier New"
}
pre code {
    font-size:1em
}
ins, dfn {
    font-style:italic;
    text-decoration:none;
    border-bottom:1px solid #666
}
del {
    text-decoration:line-through
}
object {
    margin-bottom:20px
}
input, textarea {
    font-size:1em;
    font-family:Georgia, Times, "Times New Roman", serif;
    padding:4px
}
:focus {
    outline:none
}
form label {
    cursor:pointer
}
option {
    padding:1px 2px
}
table {
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom:20px
}
th, td {
    text-align:left
}
hr {
    margin-bottom:20px
}
img.wp-smiley {
    max-height:12px;
    margin:0;
    padding:0;
    border:none
}
.gallery {
    display:block;
    text-align:center;
    margin-bottom:20px !important
}
.alignleft, .left {
    float:left;
    margin-right:20px
}
.alignright, .right {
    float:right;
    margin-left:20px
}
.aligncenter, .center {
    display:block;
    margin:0 auto 20px auto
}
.alignnone, .block {
    clear:both;
    margin:0 0 20px 0
}
.clear {
    clear:both
}
img.alignleft, img.alignright {
    display:inline
}
blockquote.alignleft, blockquote .alignright {
    width:33%
}
/* Drop-downs (base styling for drop-down menus) */
div.menu ul {
    margin:0;
    padding:0;
    list-style:none;
    line-height:1.0
}
div.menu ul ul {
    position:absolute;
    top:-999em;
    width:10em;
    z-index: 999;
}
div.menu ul ul li {
    width:100%
}
div.menu li:hover {
    visibility:inherit
}
div.menu li {
    float:left;
    position:relative
}
div.menu a {
    display:block;
    position:relative;
    font-size: 11px;
}
div.menu li:hover ul, li.sfHover ul {
    left:0;
    top:10px;
    z-index:999
}
div.menu li:hover li ul, li.sfHover li ul {
    /*top:-999em*/
}
div.menu li li:hover ul, li li.sfHover ul {
    left:10em;
    top:0
}
div.menu li li:hover li ul, li li.sfHover li ul {
    top:-999em
}
div.menu li li li:hover ul, li li li.sfHover ul {
    left:10em;
    top:0
}
@font-face {
    font-family: 'Lobster';
    src: url('fonts/Lobster_1.3-webfont.eot');
    src: local('?'), url('fonts/Lobster_1.3-webfont.woff') format('woff'), url('fonts/Lobster_1.3-webfont.ttf') format('truetype'), url('fonts/Lobster_1.3-webfont.svg#webfontcOtP3oQb') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic-webfont.eot');
    src: local('?'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#webfontteNu5xOa') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Body */
body {
    margin: 0;
    padding: 0;
    font: normal 12px Arial, Verdana, sans-serif;
    background: #d9d9d9;
}
/**
* Elements
**************************************/
.page-template-bellofram-home .entry-content h1 {
    color: #961D34;
    font-size: 22px;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
    font-size: 34px;
    /*font-family: LeagueGothicRegular;*/
    margin-top: 16px;
}
.entry-content h2 {
    font-size: 30px;
}
.entry-content h3 {
    font-size: 24px;
}
.entry-content h4 {
    font-size: 24px;
    color: #aaa;
}
.entry-content h5 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 13px;
}
.entry-content h6 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
}
/* Paragraphs */
.entry-content p {
    margin: 13px 0 20px 0;
}
/* Links. */
a {
    color: #961D34;
    text-decoration: none;
}
a:hover {
    color: #333;
}
/* Blockquotes. */
blockquote {
    margin: 0 0 38px 0;
    padding: 20px 20px 0 20px;
    background: #fafafa;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 8px solid #e5e5e5;
}
.entry-content blockquote p, blockquote p {
    margin: 0 0 20px 0;
}
/* Hidden items. */
.hide-if-no-js, .hide, .singular-post .navigation-links {
    display: none;
}
/* Notes */
.note {
    border-right: 1px solid #d2e6f2;
    border-bottom: 1px solid #d2e6f2;
    border-left: 8px solid #d2e6f2;
    padding: 20px;
    background: #f1faff;
    color: #597787;
}
.note span.title, .download span.title, .alert span.title, .warning span.title {
    font-size: 30px;
    /*font-family: LeagueGothicRegular;*/
    text-transform: uppercase;
    display: block;
    margin: 0 0 20px 0;
}
.note span.title {
    color: #3880a8;
}
/* Downloads */
.download {
    border-right: 1px solid #def1d3;
    border-bottom: 1px solid #def1d3;
    border-left: 8px solid #def1d3;
    padding: 20px;
    background: #f6fff1;
    color: #637d53;
}
.download span.title {
    color: #6a8c55;
}
/* Alert/Warning */
.alert, .warning {
    border-right: 1px solid #e7e7c8;
    border-bottom: 1px solid #e7e7c8;
    border-left: 8px solid #e7e7c8;
    padding: 20px;
    background: #fffff1;
    color: #74744a;
}
.alert span.title, .warning span.title {
    color: #dc7a05;
}
/**
* Images
**************************************/

/* Entry Images */
.entry-content img {
    max-width: 100%;
}
.entry-content p img {
    padding-top:7px;
}
/* Thumbnails */
.page-template-products-page .hentry .news-thumbnail,
.archive .hentry .news-thumbnail
, .search .hentry .news-thumbnail, .page-template-popular .news-thumbnail {
    float: right;
    width: 100px;
    height: 75px;
    margin: 0 20px;
    background: #fff;
}
/* Gallery [gallery] */
.gallery-item {
    margin-left: 1px;
}
/* WP Captions [caption] */
.wp-caption {
    margin-top: 20px;
}
.wp-caption img {
    padding: 4px;
    border: 1px solid #e5e5e5;
    box-shadow: 2px #f7f7f7;
}
.wp-caption .wp-caption-text {
    padding: 0 20px;
    font-size: 11px;
    line-height: 18px;
    color: #333;
}
/* Tables */
/*.entry-content table {
        margin: 0 0 20px;
        width: 100%;
}
.entry-content table caption {
        padding: 0 0 19px;
        font-size: 24px;
        line-height: normal;
}
.entry-content table th {
        padding: 4px 10px 5px;
        border-top:1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        text-align: left;
}
.entry-content td {
        padding: 4px 10px 5px;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
}
.entry-content tfoot td {
        padding: 4px 10px 8px;
        border-bottom: 0;
}*/
/**
* Secondary Menu (above header)
**************************************/
#menu-secondary {
    width: 100%;
    height: 38px;
    background-color: #fff;
}
#menu-secondary .wrap {
    width: 980px;
    margin: 0 auto;
}
#menu-secondary #site-description {
    float: left;
    width: 300px;
    margin: 10px 0 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #961D34;
}
#menu-secondary div.menu {
    float: right;
    width: 980px;
}
#menu-secondary div.menu ul {
    /* float: right; */
    background:#ccc url(images/dotted-v.png) repeat-y;
    padding-left: 1px;
}
/* Special icons for menu items. */
/* Users can give a CSS Class to a menu item in the Menus screen in the admin. If no class was given,
 * default to the generic icon. */
#menu-secondary li.about {
    background: url(images/menu-secondary-icon-person.png) no-repeat 15px 14px;
}
#menu-secondary li.contact {
    background: url(images/menu-secondary-icon-envelope.png) no-repeat 15px 14px;
}
#menu-secondary li.loginout {  /* This item is automatically added by the theme. */
    background: url(images/menu-secondary-icon-key.png) no-repeat 15px 13px;
}
#menu-secondary li.about:hover, #menu-secondary li.about.sfHover {
    background: #ccc url(images/menu-secondary-icon-person.png) no-repeat 15px 14px;
}
#menu-secondary li.contact:hover, #menu-secondary li.contact.sfHover {
    background: #ccc url(images/menu-secondary-icon-envelope.png) no-repeat 15px 14px;
}
#menu-secondary li.loginout:hover, #menu-secondary li.loginout.sfHover {
    background: #ccc url(images/menu-secondary-icon-key.png) no-repeat 15px 13px;
}
#menu-secondary li a {
    padding: 13px 13px 14px;
    font: normal normal normal 10px/10px Arial, Verdana, sans-serif;
    color: #961D34;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    background: #fff url(images/dotted-v.png) repeat-y right top;
}
#menu-secondary li a:hover {
    background-color: #961D34;
    color: #fff;
}
#menu-secondary li.about a, #menu-secondary li.loginout a {
    padding-left: 29px;
}
#menu-secondary li.contact a {
    padding-left: 31px;
}
#menu-secondary li.current-menu-item {
    background-color: #ccc;
}
/* Drop-down styles */

#menu-secondary li:hover, #menu-secondary li.sfHover {
    background:  #961D34 url(images/dotted-h.png) repeat-x left bottom;
    color: #fff;
}
#menu-secondary li:hover ul, #menu-secondary li.sfHover ul {
    top: 37px;
    width: 170px !important;
    padding: 0 0 10px 0;
    background:#ccc url(images/secondary-menu-level-2.png) no-repeat 0 bottom;
    border: none;
}
#menu-secondary li li:hover ul, #menu-secondary li li.sfHover ul {
    top: 0;
    margin-left: 27px;
}
#menu-secondary li li, #menu-secondary li li:hover, #menu-secondary li li.sfHover {
    background: #ccc;
}
#menu-secondary li li a, #menu-secondary li.current-menu-item li a {
    padding-bottom: 15px;
    background: url(images/dotted-h.png) repeat-x left bottom;
}
#menu-secondary li li a:hover {
    background: #ccc url(images/dotted-h.png) repeat-x left bottom;
}
#menu-secondary li .sf-sub-indicator {
    display: none;
}
/**
* Header
**************************************/
#header {
    /*overflow: hidden;*/
    height: 155px;
}
#header .wrap {
    width: 980px;
    margin: 0 auto;
}
/* Site title */
#site-title {
    float: left;
    margin: 48px 0 0 0;
}
/* Header widget */
#header .sidebar {
    overflow: hidden;
    float: right;
    width: 484px;
    margin: 0 20px 0 0;
    display: inline;
}
#header .widget {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}
/* Search widget in header. */
#header .search {
    float: right;
    width: 484px;
    height: 28px;
    margin: 67px 0 0 0;
    display: inline;
    line-height: normal;
    background: url(images/bg-header-search.png) no-repeat;
}
#header .search .widget-title, #header .search label {
    display: none;
}
#header .search input {
    font: normal normal normal 11px/11px Arial, Verdana, sans-serif;
    border: none;
    margin: 0;
    padding: 0;
}
#header .search input.search-text {
    float: left;
    width: 380px;
    margin: 0 0 0 30px;
    display: inline;
    color: #999;
    background: #fff; /* IE Input /fix */
    padding: 7px 0 0 0; /* IE input fix */
}
#header .search input.search-submit {
    float: left;
    width: 74px;
    height: 28px;
    color: #fff;
    background: transparent;
}
#header .search input.search-submit::-moz-focus-inner { /* Removes Firefox extra padding for text in input button */
    border: 0;
    padding: 0;
}
#header .search input.search-submit:hover {
    cursor: pointer;
}
/**
* Primary Menu (below header)
**************************************/
#menu-primary {
    height: 69px;
    background: url(images/bg-header.png) repeat-x 0 -193px;
}
#menu-primary .wrap {
    width: 980px;
    margin: 0 auto;
    padding-top: 2px;
}
#menu-primary div.menu {
    float: left;
    width: 980px;
    background: url(images/bg-menu-primary-item-y.png) repeat-y;
}
#menu-primary ul {
    float: left;
    margin-left: 2px;
    width: 978px;
}
#menu-primary li {
    background: url(images/bg-menu-primary-item-y.png) repeat-y right top;
}
#menu-primary li a {
    padding: 18px 22px 18px 20px;
    font: normal normal normal 16px/16px Arial, Verdana, sans-serif;
    text-decoration: none;
    color: #fff;
}
#menu-primary li.current-menu-item a {
    background: url(images/primary-menu-current.png) no-repeat center bottom;
}
#menu-primary li a:hover, #menu-primary li.sfHover a {
    background-color: #090909;
}
/* Feed item. Users must give the CSS Class of 'feed' to move this to the right of the menu. */
#menu-primary li.feed {
    float: right;
    padding-right: 22px;
}
#menu-primary li.feed a {
    background: url(images/rss-icon.png) no-repeat right 21px;
}
#menu-primary li.feed a:hover {
    background-color: transparent;
    background: url(images/rss-icon.png) no-repeat right 21px;
    text-decoration: underline;
}
/* Drop-down styles */
#menu-primary li ul {
    width: 270px !important;
    margin-left: 0;
    padding-bottom: 10px;
    padding-right: 1px;
    background: url(images/primary-menu-level-2.png) no-repeat 0 bottom;
}
#menu-primary li:hover ul, #menu-primary li.sfHover ul {
    top: 52px;
}
#menu-primary li:hover li ul, #menu-primary li.sfHover li ul {
    top: -999em;
}
#menu-primary li li:hover ul, #menu-primary li li.sfHover ul {
    top: 0;
    left: 271px !important;
}
#menu-primary li li:hover li ul, #menu-primary li li.sfHover li ul {
    top: -999em;
}
#menu-primary li li li:hover ul, #menu-primary li li li.sfHover ul {
    left: 271px;
    top: 0;
}
#menu-primary li li {
    border-bottom: 1px solid #121212;
}
#menu-primary li li a {
    display: block;
    border-bottom: 1px solid #000;
    background: #090909;
}
#menu-primary li li a:hover, #menu-primary li li.sfHover a {
    background-color: #000;
}
#menu-primary li li li a, #menu-primary li li.sfHover li a {
    background-color: #090909;
}
#menu-primary li li li a:hover {
    background-color: #000;
}
/* Sub-nav indicator. */
#menu-primary a.sf-with-ul {
    padding-right: 41px;
}
#menu-primary li .sf-sub-indicator {
    overflow: hidden;
    position: absolute;
    top: 23px;
    right: 22px;
    width: 9px;
    height: 9px;
    text-indent: -9999em;
    background: url(images/primary-menu-arrows.png) no-repeat 0 0;
}
#menu-primary li.sfHover .sf-sub-indicator {
    background-position: 0 -9px;
}
#menu-primary li ul li .sf-sub-indicator {
    right: 20px;
    height: 9px;
    background-position: 0 -18px !important;
}
#menu-primary li ul li.sfHover .sf-sub-indicator {
    background-position: 0 -27px !important;
}
/**
* Container (wraps content and sidebars)
**************************************/
#container {
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
}
#container div.wrap {
    float: left;
    width: 980px;
}
/* Breadcrumb trail. */
.breadcrumbs {
    overflow: hidden;
    width: 980px;
    height: 50px;
    font: normal normal normal 11px/11px Arial, Verdana, sans-serif;
    color: #8f8f8f;
    background: url(images/bg-breadcrumb.jpg) no-repeat;
}
.breadcrumb-trail {
    padding: 18px 0 0 20px;
}
.breadcrumbs .sep {
    display: inline-block;
    width: 20px;
    height: 11px;
    color: transparent;
    background: url(images/breadcrumb-sep.png) no-repeat 8px 3px;
    text-indent: -9999em;
}
.breadcrumbs a {
    font-weight: bold;
    color: #961D34;
}
/**
* Content
**************************************/
#content {
    overflow: hidden;
    float: left;
    width: 600px;
    padding: 20px 0 22px 20px;/*
    background: url(images/bg-content.png) repeat-x;*/
}

.f{width:94%;}


.f p {
    font-size: 15px !important;
    line-height: 27px !important;
    margin: 0 0 20px;
}

/* Posts. */
#content .hentry {
    float: left;
    width: 600px;
    margin: 0 0 0 20px;
    display: inline;
    font: normal normal normal 14px/24px Arial, Verdana, sans-serif;
    color: #777;/*
    background: url(images/bg-post.png) repeat-y;*/
}
/* Entry utility (above entry) */
.entry-utility {
    overflow: hidden;
    width: 590px;
    height: 30px;
    padding: 3px 10px 0 0;
    font: normal normal normal 11px/24px Arial, Verdana, sans-serif;
    text-align: right;
    color: #999;
    clear: both;
    margin: -40px 0 0;
}
.entry-utility a {
    margin: 10px 0 0 10px;
    padding: 0 0 0 18px;
    color: #999;
}
.entry-utility a.print-link {
    margin: 0 0 0 20px;
    background: url(images/print-icon.png) no-repeat 0 3px;
}
.entry-utility a.email-link {
    background: url(images/email-icon.png) no-repeat 0 3px;
}
.entry-utility a.shortlink {
    margin-right: 10px;
    padding: 0 0 0 17px;
    background: url(images/shortlink-icon.png) no-repeat 0 3px;
}
.entry-utility a.post-edit-link {
    margin-right: 10px;
    margin-left: 0;
    padding-left: 10px;
}
/* Entry title */
.entry-title {
    margin: 0;
    line-height: 48px;/*
    font-family: LeagueGothicRegular, Arial, Verdana, sans-serif;*/
    font-size: 36px;
    padding: 8px 20px 6px;
}
.entry-title a {
    color: #333;
}
/* Byline */
.byline {
    font-size: 10px;
    text-transform: uppercase;
    color: #aaa;
    padding: 0 20px 17px;
    line-height: normal;
}
.byline a {
    color: #dc7a05;
}
/* Entry content */
.entry-content {
    overflow: visible;
    padding: 0 20px;/*
    border-top: 3px double #e5e5e5;*/
}
/* Entry summary */
.entry-summary {
}
.archive .entry-summary, .search .entry-summary, #more-articles .entry-summary, .page-template-popular .entry-summary {
    margin: 0 20px;
}
/* Entry meta */
.entry-meta {
    clear: both;
    overflow: hidden;
    height: 32px;
    padding: 0 20px;
    font-size: 11px;
    color: #aaa;
    background: url(images/post-footer.png) no-repeat 0 bottom;
}
.entry-meta .share {
    display: inline-block;
    padding: 3px 0 3px 15px;
    background: url(images/share-icon.png) no-repeat 0 11px;
}
.entry-meta a {
    display: inline-block;
    padding: 3px 10px;
    color: #999;
    border-right: 1px solid #eee;
}
.singular-slideshow .entry-meta, .singular-video .entry-meta {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #2d2d2d;
    line-height: 18px;
    background: #000;
}
.singular-slideshow span.share, .singular-video span.share {
    display: block;
    float: left;
    padding: 2px 0 2px 55px;
    background: url(images/share-icon.png) no-repeat 40px 7px;
}
.singular-slideshow .entry-meta a, .singular-slideshow .entry-meta a {
    float: left;
    display: block;
    padding: 2px 10px;
    border-right: 1px solid #0c0c0c;
    color: #fff;
}
.singular-video .entry-meta {
    background: #090909;
}
.singular-video .entry-meta a {
    border-right: 1px solid #151515;
}
/* Entry tags (after singular posts) */
.entry-tags {
    float: left;
    width: 600px;
    margin: 10px 20px 0;
    display: inline;
}
.entry-tags a {
    display: inline-block;
    margin: 10px 8px 0 0;
    font-size: 11px !important;
    line-height: normal;
    background: #f8f8f8 url(images/tags.png) no-repeat 0 -52px;
}
.entry-tags a:hover {
    text-decoration: none;
}
.entry-tags a span {
    display: inline-block;
    padding: 6px 10px;
    background: url(images/tags.png) no-repeat right -78px;
}
/* Shortlink popup */
#cluetip-outer {
    position: relative;
    padding: 0 0 5px 0;
    background: url(images/bg-shortlink-popup-shadow.png) no-repeat right bottom;
}
h3#cluetip-title {
    margin: 0;
    padding: 18px 20px 15px;
    font: normal normal normal 12px/20px Arial, Verdana, sans-serif;
    color: #333;
    background: url(images/bg-shortlink-popup-title.png) no-repeat left 3px;
}
#cluetip-inner {/*
        border-top: 3px double #e5e5e5;*/
    padding: 20px;
    background: url(images/bg-shortlink-popup-inner.png) no-repeat left bottom;
}
#cluetip-inner div.tip {
    line-height: normal;
    height: 33px;
    background-color: transparent;
    background: url(images/bg-shortlink.png) no-repeat;
}
#cluetip-inner input {
    margin: 8px 18px 0 18px;
    padding: 0;
    width: 199px;
    font: normal normal normal 12px/12px Arial, Verdana, sans-serif;
    border: none;
    background: transparent;
    color: #961D34;
}
/* Pagination. */
.pagination, .page-links {
    clear: both;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
}
.page-links {
    padding: 7px 0 0 0;
}
.pagination .page-numbers, .page-links a {
    display: inline-block;
    margin: 0 5px 0 5px;
    padding: 6px 10px;
    border: 1px solid #e0e0e0;
    background: #fff url(images/pagination-gradient.png) repeat-x 0 bottom;
    box-shadow: 0px 2px 0px #f7f7f7;
    -moz-box-shadow: 0px 2px 0px #f7f7f7;
    -webkit-box-shadow: 0px 2px 0px #f7f7f7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.pagination {
    float: left;
    width: 600px;
    margin: 20px 0 0 20px;
    display:inline;
}
.pagination .page-numbers {
    margin: 0 10px 0 0;
}
/**
* Sidebars
**************************************/
#sidebar-primary, #sidebar-secondary {
    float: right;
    width: 340px;
    background: url(images/bg-sidebar-primary.png) no-repeat;
    color: #8f8f8f;
}
#sidebar-primary {
    padding: 20px 0 0;
}
#sidebar-secondary {
    clear: right;
    background: transparent;
}
#sidebar-primary a, #sidebar-secondary a {
    color: #961D34;
}
#sidebar-primary input, #sidebar-secondary input {
    font-family: Arial, Verdana, sans-serif;
    color: #8f8f8f;
}
/* Widgets */
#sidebar-primary .widget, #sidebar-secondary .widget {
    float: left;
    width: 300px;
    margin: 0 20px 20px;
    font-size: 12px;
    background: #f6f6f6 url(images/widget-bottom.png) no-repeat left bottom;
    display: inline;
}
#sidebar-primary .widget-inside, #sidebar-secondary .widget-inside {
    background: url(images/widget-top.png) no-repeat;
}
/* Widget Titles */
#sidebar-primary .widget-title, #sidebar-secondary .widget-title {
    margin: 0;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 24px;
    color: #8f8f8f;
}
/* Widget Unordered Lists */
.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: none;
}
.widget ul li {
    padding: 16px 20px 15px;
    line-height: 20px;
    background: url(images/widget-list-item.png) repeat-x;
}
.widget ul ul {
    padding: 15px 0 4px;
}
.widget li li {
    margin-bottom: 1px;
    border-bottom: 1px solid #e0e0e0;
    border-left: 5px solid #e0e0e0;
    padding: 10px 20px;
    background: #f2f2f2 url(images/bullet.png) no-repeat 10px 19px;
}
.widget li li li {
    background-color: #f6f6f6;
}
/* Widget Calendar */
.widget-calendar a {
    font-weight: bold;
}
.widget-calendar .widget-title, .widget-calendar .widget-title {
    padding: 14px 20px 16px;
    background: url(images/widget-list-item.png) repeat-x left bottom;
}
.widget-calendar .calendar-wrap {
    padding: 16px 20px 21px;
}
.widget-calendar table {
    margin: 0;
    width: 259px;
    border-right: 1px solid #e0e0e0;
    background: #e0e0e0;
}
.widget-calendar table caption {
    padding: 0 0 19px;
    font-size: 24px;
    /*font-family: LeagueGothicRegular;*/
    line-height: normal;
}
.widget-calendar th {
    padding: 4px 0 5px;
    border-top:1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    background: url(images/bg-sidebar-calendar-th.png) no-repeat 1px top;
}
.widget-calendar td {
    padding: 4px 10px 5px;
    border-bottom: 1px solid #e0e0e0;
    background: url(images/bg-sidebar-calendar-td.png) no-repeat 1px bottom;
}
.widget-calendar tfoot td {
    padding: 4px 10px 8px;
    border-bottom: 0;
    background: url(images/bg-sidebar-calendar-tfoot.png) no-repeat 0 bottom;
}
/* Widget Image Stream */
.image-stream .widget-inside div {
    padding: 12px 10px 21px;
}
.image-stream a {
    margin: 10px 0 0 10px;
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #fff;
}
.image-stream a img {
    margin: 5px 0 0 5px;
    width: 70px;
    height: 70px;
}
/* Widget Newsletter */
.widget-newsletter .newsletter-wrap {
    padding: 22px 20px 21px;
}
.widget-newsletter form {
    height: 33px;
    background: url(images/bg-sidebar-newsletter.png) no-repeat;
}
.widget-newsletter .newsletter-wrap form p {
    margin: 0;
}
.widget-newsletter .newsletter-wrap input {
    border: 0;
    padding: 0;
    margin: 6px 0 0;
}
.widget-newsletter .newsletter-wrap .newsletter-text {
    margin: 6px 0 0 10px;
    width: 154px;
    background: none;
}
.widget-newsletter .newsletter-wrap .newsletter-submit {
    margin: 0 0 0 17px;
    width: 76px;
    background: none;
    text-indent: -9999px;
    overflow: hidden;
    /* IE hide button text */
    color: transparent;
    text-transform: capitalize;
}
/* Widget Search Form */
#sidebar-primary .search-form, #sidebar-secondary .search-form {
    padding: 22px 20px 21px;
}
#sidebar-primary .search-form div, #sidebar-secondary .search-form div {
    height: 33px;
    background: url(images/bg-sidebar-search-form.png) no-repeat;
}
#sidebar-primary .search-form label, #sidebar-secondary .search-form label, #sidebar-primary .search-form .search-submit, #sidebar-secondary .search-form .search-submit {
    display: none;
}
#sidebar-primary .search-form .search-text, #sidebar-secondary .search-form .search-text {
    width: 80%;
    border: 0;
    margin: 7px 30px 0 10px;
    padding: 0;
}
/* Widget Term (Tags) Cloud */
p.term-cloud {
    margin: 0;
    padding: 22px 12px 11px 20px;
}
.term-cloud a {
    display: inline-block;
    margin: 0 8px 10px 0;
    font-size: 11px !important;
    line-height: normal;
    background: #fff url(images/tags.png) no-repeat 0 0;
}
.term-cloud a:hover {
    text-decoration: none;
}
.term-cloud a span {
    display: inline-block;
    padding: 6px 10px;
    background: url(images/tags.png) no-repeat right -26px;
}
/* Widget Texts */
.textwidget {
    padding: 16px 20px 0;
}
/* Widget UI-Tabs */
#sidebar-primary .ui-tabs, #sidebar-secondary .ui-tabs {
    margin: 0;
    padding: 2px 0 0;
    width: 100%;
}
#sidebar-primary .ui-tabs .ui-tabs-wrap, #sidebar-secondary .ui-tabs .ui-tabs-wrap {
    background: none;
}
#sidebar-primary .ui-tabs-nav, #sidebar-secondary .ui-tabs-nav {
    overflow: hidden;
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(images/bg-sidebar-ui-tabs-nav.png) repeat-x;
}
#sidebar-primary .ui-tabs-nav li, #sidebar-secondary .ui-tabs-nav li {
    float: left;
    padding: 0;
    background: url(images/bg-sidebar-ui-tabs-nav-item.png) repeat-y right top;
}
#sidebar-primary .ui-tabs-nav li a, #sidebar-secondary .ui-tabs-nav li a {
    float: left;
    margin: 0;
    padding: 20px 16px 20px 15px;
    font-size: 10px;
    line-height: normal;
    text-transform: uppercase;
    color: #8f8f8f;
    border: none;
}
#sidebar-primary .ui-tabs-nav li.ui-tabs-selected, #sidebar-secondary .ui-tabs-nav li.ui-tabs-selected {
    background-color: #f6f6f6;
}
#sidebar-primary .ui-tabs-nav li.ui-tabs-selected a, #sidebar-secondary .ui-tabs-nav li.ui-tabs-selected a {
    background: url(images/bg-sidebar-ui-tabs-nav-item-selected.png) no-repeat center top;
    border: none;
}
#sidebar-primary .ui-tabs-hide, #sidebar-secondary .ui-tabs-hide {
    display: none;
}
#sidebar-primary .ui-tabs .ui-tabs-panel, #sidebar-secondary .ui-tabs .ui-tabs-panel {
    clear: left;
    overflow: hidden;
    border: none;
}
#sidebar-primary .ui-tabs-panel li, #sidebar-secondary .ui-tabs-panel li {
}
#sidebar-primary .ui-tabs-panel li a, #sidebar-secondary .ui-tabs-panel li a {
    text-decoration: none;
    border: none;
}
#sidebar-primary .ui-tabs-panel li a:hover, #sidebar-secondary .ui-tabs-panel li a:hover {
    text-decoration: underline;
    border: none;
}
/* Widgets Common Styling */
.image-stream .widget-inside div, .widget-newsletter .newsletter-wrap, #sidebar-primary .search-form, #sidebar-secondary .search-form, p.term-cloud, .textwidget, #sidebar-primary .ui-tabs, #sidebar-secondary .ui-tabs {
    background: url(images/widget-list-item.png) repeat-x;
}
/* Widget IE disappearing background fix */
#sidebar-primary .widget-inside, #sidebar-secondary .widget-inside, .widget ul li, .image-stream .widget-inside div, .widget-newsletter .newsletter-wrap, #sidebar-primary .search-form, #sidebar-secondary .search-form, .textwidget, #sidebar-primary .ui-tabs, #sidebar-secondary .ui-tabs {
    height: 1%;
}
/**
* Comments
**************************************/
/* Comments template. */
#comments-template {
    float: left;
    width: 600px;
    margin: 20px 20px 0;
    background: url(images/comments-template.png) repeat-y 0 0;
    display: inline;
}
.comments-wrap {
    overflow: hidden;
    padding-bottom: 20px;
    background: url(images/comments-bottom.png) no-repeat 0 bottom;
}
/* Comments headers. */
#comments-number, .comments-header {
    font-size: 36px;
    /*font-family: LeagueGothicRegular;*/
    line-height: 48px;
    padding: 0 20px 8px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}
/* Comments */
#comments {
    padding: 8px 0 0;
    height: 1%;
    /* font-size: 0; IE top spacing fix */
    background: url(images/comments-top.png) no-repeat 0 0;
    overflow: hidden;
}
/* Comment pagination. */
.comments-nav {
    float: right;
    line-height: 29px;
    margin: 10px 20px;
}
.comments-nav .page-numbers {
    font-size: 10px;
    text-transform: uppercase;
    color: #777;
    margin-right: 10px;
}
.comments-nav .prev {
    background: url('images/comments-nav.gif') no-repeat;
    display: inline-block;
    height: 29px;
    text-indent: -9999px;
    width: 29px;
    margin-left: 10px;
}
.comments-nav .next {
    background: url('images/comments-nav.gif') -39px 0 no-repeat;
    display: inline-block;
    height: 29px;
    text-indent: -9999px;
    width: 29px;
    margin-left: 10px;
}
/* Comment list. */
ol.comment-list, .comment-list ol {
    list-style: none;
    margin: 0;
}
ol.comment-list {
    margin: 1px 1px 8px 1px;
    border-top: 1px solid #e5e5e5;
}
.comment-list li {
    padding: 20px 0px 0 0px;
    border-bottom: 1px solid #e5e5e5;
}
.comment-list li li {
    border-top: 1px solid #e5e5e5;
    border-bottom: none;
}
.comment-wrap {
    overflow: hidden;
    background: #fff url(images/comment-bg.png) repeat-x 0 bottom;
}
.comment-list li .comment-wrap {
    padding: 0 20px;
}
.comment-list li li .comment-wrap {
    padding-left: 40px;
}
.comment-list li li li .comment-wrap {
    padding-left: 60px;
}
.comment-list li li li li .comment-wrap {
    padding-left: 80px;
}
.comment-list li li li li li .comment-wrap {
    padding-left: 100px;
}
.comment-list li li li li li li .comment-wrap {
    padding-left: 120px;
}
.comment-list li li li li li li li .comment-wrap {
    padding-left: 140px;
}
.comment-list li li li li li li li li .comment-wrap {
    padding-left: 160px;
}
.comment-list li li li li li li li li li .comment-wrap {
    padding-left: 180px;
}
.comment-list li li li li li li li li li li .comment-wrap {
    padding-left: 200px;
}
ol.comment-list .avatar {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 4px;
    background: #fff;
    border: 1px solid #eee;
}
.comment-meta {
    margin: 0 0 10px 90px;
    padding: 0 0 14px 0;
    font: normal normal normal 11px/20px Arial, Verdana, sans-serif;
    color: #ccc;
    border-bottom: 1px dotted #e5e5e5;
    height: 1%; /* IE5-7 */
}
.comment-author cite {
    font: normal normal bold 12px/22px Arial, Verdana, sans-serif;
    color: #777;
}
.comment-author a {
}
.comment-reply-link {
    float: right;
    display: block;
    padding-left: 14px;
    background: url(images/reply-icon.png) no-repeat 0 6px;
    margin: 0;
}
* html .comment-reply-link {
    margin: -20px 0 0;
    height: 1%; /* IE5-6 */
}
*+html .comment-reply-link {
    margin: -20px 0 0;
    display: inline-block; /* IE7not8 */
}
.comment-reply-link:after { /* FF, IE8, O, S, etc. */
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.comment-text {
    margin: 0 0 0 90px;
    font-size: 12px;
    line-height: 20px;
    color: #777;
}
.comment-text p {
    margin-bottom: 20px;
}
/**
* Respond (comments form area)
**************************************/
#respond {
    padding: 0 1px;
}
#reply-title {
    margin: 0;
    padding: 0 19px 8px;/*
    border-bottom: 3px double #e5e5e5; */
    font-size: 36px;
    /*font-family: LeagueGothicRegular;*/
    line-height: 48px;
}
#respond form {
    overflow: hidden;
    padding: 20px 19px 4px 19px;
    background: #fffff1;
    border-bottom: 1px solid #e5e5e5;
}
#respond label {
    display: block;
    padding: 0 0 10px 20px;
    font-size: 12px;
    color: #bbb;
}
#respond p {
    margin: 0 0 15px;
}
#respond p.req label {
    color: #777;
}
#respond input[type="text"], #respond input[type="email"], #respond input[type="url"] {
    display: block;
    width: 230px;
    height: 33px;
    padding: 0 20px;
    font: normal normal normal 12px/20px Arial, Verdana, sans-serif;
    color: #961D34;
    background: url(images/respond-input.png) no-repeat 0 0;
    border: none;
}
/* @todo Find a way to get rounded corners cross browser. */
/* Note that the textarea can be different widths if we're using something like a full-width template. */
#respond textarea {
    width: 93%;
    padding: 20px;
    font: normal normal normal 12px/20px Arial, Verdana, sans-serif;
    color: #333;
    border: 1px solid #dedecc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#submit {
    width: 97px;
    height: 54px;
    font-size: 30px;
    font-family: LeagueGothicRegular, Arial;
    color: #fff;
    background: url(images/submit-button.png) no-repeat 0 0;
    border: none;
}
#submit:hover {
    cursor: pointer;
}
/**
* Footer
**************************************/
#footer {
    width: 100%;
    background: #111 url(images/bg-footer.png) repeat-x;
}
/**
* Home Page Template
**************************************/

/* Home template sections. */
.category-section, #more-articles {
    float: left;
    width: 600px;
    margin: 20px 0 0 20px;/*
    background: url(images/bg-post.png) repeat-y;*/
    color: #777;
    display: inline;
}
.category-section-wrap, #more-articles .section-wrap {
    float: left;
    width: 600px;
    overflow: hidden;
    background: url(images/comments-bottom.png) no-repeat 0 bottom;
    padding: 0 0 23px 0;
}
.category-section .category-title, #more-articles .section-title {
    line-height: 48px;
    font-size: 30px;
    /*font-family: LeagueGothicRegular;*/
    padding: 8px 20px;
    margin: 0;
    background: url(images/comments-top.png) no-repeat 0 0;/*
    border-bottom: 3px double #e5e5e5; */
}
.category-section .category-title a {
    color: #777;
}
.category-section .hentry {
    float: left;
    width: 270px;
    background: transparent;
    margin: 0 20px;
    display: inline;
}
.category-section .entry-title {
    font-family: Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 14px 0 14px 0;
    padding: 0 0 14px 0;
    border-bottom: 1px dotted #e5e5e5;
}
.category-section .entry-title a {
    color: #961D34;
}
.category-section img.news-thumbnail, #more-articles img.news-thumbnail {
    float: right;
    width: 100px;
    height: 75px;
    margin: 6px 0 10px 20px;
    background: #fff;
}
.category-section .entry-summary {
    font-size: 12px;
    line-height: 20px;
}
.category-section .post-list {
    list-style: none;
    float: right;
    width: 270px;
    margin: 0 20px 0 0;
    padding: 0;
}
.category-section .post-list li {
    padding: 0;
    margin: 14px 0 0;
    border-bottom: 1px dotted #e5e5e5;
}
.category-section .post-list a {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #666;
}
.category-section .post-list .entry-meta {
    padding: 0;
    line-height: 20px;
    color: #aaa;
    background: transparent;
}
.category-section .post-list .entry-meta a {
    font-size: 11px;
    font-weight: normal;
    color: #aaa;
    background: transparent;
    border: none;
    padding: 0;
}
#more-articles .hentry {
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 20px;
    background: none;
    display: inline;
}
.page-template-products-page .hentry .news-thumbnail,
#more-articles img.news-thumbnail, .archive .hentry img.news-thumbnail, .search .hentry img.news-thumbnail, .page-template-popular .hentry img.news-thumbnail {
    margin: 20px;
}
#more-articles .entry-title, .archive .entry-title, .search .entry-title, .page-template-popular .entry-title {
    font-family: Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 7px 0;
    padding: 14px 20px 0;
}
#more-articles .entry-title a, .archive .entry-title a, .search .entry-title a, .page-template-popular .entry-title a {
    color: #961D34;
}
#more-articles .byline, .archive .byline, .search .byline, .page-template-popular .byline {
    padding: 4px 0 17px;
    margin: 0 140px 14px 20px;
    color: #aaa;
    border-bottom: 1px dotted #e5e5e5;
}
#more-articles .byline a, #more-articles .published, .archive .byline a, .archive .published, .search .byline a, .search .published, .page-template-popular .byline a, .page-template-popular .published {
    margin: 0 10px 0 0;
    padding: 0 0 0 18px;
    color: #aaa;
}
#more-articles .published, .archive .published, .search .published, .page-template-popular .published {
    background: url(images/calendar-icon.png) no-repeat 0 1px;
}
#more-articles a.comments-link, .archive a.comments-link, .search a.comments-link, .page-template-popular a.comments-link {
    background: url(images/comments-link-icon.png) no-repeat 0 1px;
}
#more-articles a.shortlink, .archive a.shortlink, .search a.shortlink, .page-template-popular a.shortlink {
    background: url(images/shortlink-light-icon.png) no-repeat 0 2px;
}
/**
* Archive Template
**************************************/
.archive .hfeed, .error-404 .hfeed, .search .hfeed, .page-template-popular .hfeed {
    float: left;
    width: 600px;
    margin: 20px 0 0 20px;
    padding: 0 0 22px 0;
    background: url(images/comments-bottom.png) no-repeat 0 bottom;
    display: inline;
    overflow: hidden;
}
.archive .loop-meta, .search .loop-meta, .page-template-popular .loop-meta {
    float: left;
    width: 100%;
    color: #777;/*
    background: url(images/bg-post.png) repeat-y;*/
}
.archive .loop-title, .search .loop-title, .page-template-popular .loop-title {
    line-height: 48px;
    font-size: 30px;
    /*font-family: LeagueGothicRegular;*/
    padding: 8px 0;
    margin: 0;/*
    background: url(images/comments-top.png) no-repeat 0 0;*/
    background-color: transparent;/*
    border-bottom: 3px double #e5e5e5; */
}
.archive .loop-description, .search .loop-description, .page-template-popular .loop-description {
    float: left;
    width: 100%;/*
    border-bottom: 1px solid #e5e5e5;*/
    line-height: 20px;
    height: 1%;
}
.archive .loop-description p, .search .loop-description p, .page-template-popular .loop-description p {/*
        margin: 13px 20px 15px;*/
}
.archive .loop-description img.avatar {
    float: left;
    margin: 20px;
    display: inline;
}
.archive .hentry, .search .hentry, .page-template-popular .hentry {
    margin: 0;/*
    border-bottom: 1px solid #e5e5e5;*/
    font-size: 12px;
    line-height: 20px;
}
/**
* Error 404 Template
**************************************/

.error-404 .hentry {
    margin: 0;
}
.error-404 h1 {
    line-height: 48px;
    padding: 8px 20px;
    background: url(images/comments-top.png) no-repeat;
}
/**
* Feature area (page-home.php, video.php, slideshow.php)
* #feature is a wrapper for the section that sits above the content and sidebars.
**************************************/

/* Featured area. */
#feature {
    float: left;
    width: 980px;
    height: 588px;
    background: #111 url(images/feature.png) repeat-x;
    overflow: hidden;
}
.singular-video #feature, .singular-slideshow #feature {
    height: auto;
    background: #1f1f1f;
}
/* Featured sidebar. */
#sidebar-feature {
    float: right;
    width: 340px;
    padding: 0 0 40px 0;
    background: #111 url(images/feature-sidebar.png) repeat-x;
}
#sidebar-video, #sidebar-slideshow {
    float: right;
    width: 340px;
    padding: 0 0 40px 0;
    background: #1f1f1f;
}
#sidebar-feature .widget-title {
    margin: 0 0 20px 0;
    padding: 50px 40px 34px;
    border-bottom: 1px solid #464646;
    line-height: 24px;
    font-size: 16px;
    background: #333 url(images/feature-sidebar-widget-title.png) repeat-x;
    color: #8f8f8f;
}
#sidebar-feature .hentry {
    width: 260px;
    margin: 20px 40px 0;
    background: transparent;
    border-bottom: 1px dotted #4b4b4b;
}
#sidebar-feature .hentry img {
    float: right;
    width: 100px;
    height: 75px;
    margin: 0 0 20px 20px;
}
* html #sidebar-feature .hentry img {
    margin: 0 0 0 20px;
    height: 1%; /* IE5-6 */
}
*+html #sidebar-feature .hentry img {
    margin: 0 0 0 20px;
    display: inline-block; /* IE7not8 */
}
#sidebar-feature .entry-title {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 20px;
}
#sidebar-feature .hentry .entry-title a {
    color: #fff;
}
#sidebar-feature .byline {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 10px;
    line-height: 20px;
    color: #777;
}
#sidebar-feature a.view-more {
    display: inline-block;
    width: 95px;
    height: 33px;
    padding: 5px 0 0;
    margin: 40px 0 0 40px;
    font-size: 12px;
    color: #8f8f8f;
    text-align: center;
    vertical-align: bottom;
    background: url(images/view-more.png) no-repeat 0 0;
    overflow: hidden;
}
#sidebar-feature a.view-more:hover {
    color: #fff;
}
/**
* Slideshows
**************************************/

/* Slideshows. */
.slideshow-set {
    float: left;
    width: 600px;
    margin: -3px 0 20px -20px;
    border-top: 5px solid #000;/*
    border-bottom: 3px double #e5e5e5; */
    color: #ccc;
    display: inline;
}
.singular-slideshow .slideshow-set {
    width: 640px;
    border: none;
    margin: 0;
}
.slideshow-items {
    float: left;
    width: 100%;
    height: 395px;
}
.singular-slideshow .slideshow-items {
    margin: 0;
    height: 425px;
}
.slideshow-item {
    float: left;
    width: 100%;
    height: 395px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: none;
    position: relative;
    z-index: 97;
}
.singular-slideshow .slideshow-item {
    height: 425px;
}
.slideshow-set img {
    width: 100%;
    border: none;
    padding: 0;
    z-index: 98;
}
.slideshow-caption {
    position: absolute;
    float: left;
    top: 363px;
    left:0; /* Required for IE */
    width: 100%;
    font-size: 11px;
    line-height: 18px;
    z-index: 99;
}
.singular-slideshow .slideshow-caption {
    top: 393px;
    left: 0;
}
/* Button to control the caption. */
.slideshow-caption-control {
    float: right;
    margin-right: 20px;
    padding: 3px 0 0 10px;
    width: 67px;
    height: 24px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    background: url(images/caption-control.png) no-repeat 0 0;
}
/* Button class when the caption is open. */
.slideshow-caption-control-open {
    background-position: 0 -27px;
}
/* Caption text for the slideshow. */
.slideshow-caption-text {
    clear: right;
    height: 44px;
    padding: 20px;
    background: #000;
}
/* Wrapper for all slideshow controls. */
.slideshow-controls {
    float: left;
    width: 100%;
    height: 55px;
    background: url(images/slider-controls.png) repeat-x 0 0;
    overflow: hidden;
}
/* Slideshow pagination. */

.slideshow-controls .slideshow-pager {
    float: left;
    width: 490px;
    padding-top: 6px;
    overflow: hidden;
}
.slideshow-controls .slideshow-pager a {
    float: left;
    padding: 12px 21px 12px 20px;
    font-size: 12px;
    font-weight: bold;
    background: url(images/slider-controls.png) no-repeat right -61px;
    color: #fff;
}
/* Slideshow prev/next nav. */
.slideshow-controls .slideshow-nav {
    float: right;
    width: 78px;
    margin: 0 10px 0 0;
    display: inline;
}
.slideshow-controls a.slider-prev {
    float: left;
    width: 29px;
    height: 29px;
    margin: 16px 10px 0 0;
    background: url(images/slider-controls.png) no-repeat 0 -126px;
    text-indent: -9999em;
    overflow: hidden;
}
.slideshow-controls a.slider-next {
    float: left;
    width: 29px;
    height: 29px;
    margin: 16px 10px 0 0;
    background: url(images/slider-controls.png) no-repeat 0 -181px;
    text-indent: -9999em;
}
/* Home template slideshow */
.page-template-home .slideshow-set {
    width: 640px;
    margin: 0;
    border: none;
    background: transparent;
}
.page-template-home .slideshow-items, .page-template-home .slideshow-item {
    height: 425px;
    padding: 108px 0 0;
    background: transparent;
}
.page-template-home .slideshow-items .entry-title {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 35px 40px 25px;
    background: #494949 url(images/slideshow-title.png) repeat-x 0 0;
    overflow: hidden;
}
.slideshow-set .entry-title a {
    color: #fff;
}
.page-template-home img {
    position: absolute:
        left: 0;
    top: 108px;
}
.page-template-home .slideshow-caption {
    top: 356px;
}
.page-template-home .slideshow-caption-text {
    height: 105px;
    padding: 32px 40px 40px;
    font-size: 18px;
    line-height: 28px;
    color: #ccc;
}
.page-template-home .slideshow-controls .slideshow-pager {
    width: 530px;
}
/* Singular slideshows */


/**
* Videos and Slideshows (singular view of the post type)
**************************************/

.singular-video .entry-content, .singular-slideshow .entry-content {
    border: none;
}
.singular-slideshow .entry-content {
    padding: 0;
}
.singular-video .post-1, .singular-slideshow .post-1 {
    float: left;
    width: 640px;
    padding: 0;
    margin: 0;
    background: #111;
}
.singular-slideshow .post-1 {
    background: #222;
}
.singular-video .post-1 .video-title, .singular-slideshow .post-1 .slideshow-title {
    margin: 0;
    padding: 32px 40px 28px;
    background: #111 url(images/singular-feature-title.png) repeat-x;
}
.singular-video .post-1 .video-title a, .singular-slideshow .post-1 .slideshow-title a {
    color: #fff;
}
.singular-video .post-1 .entry-content {
    padding: 0 40px;
}
.singular-video .post-1 .entry-content p {
    margin: 0;
    padding: 13px 0;
}
.singular-video .post-1 .entry-content p.video-wrap {
    line-height: 0;
    padding: 0;
    margin: 0 0 0 -40px;
}
.singular-video .post-1 .entry-content p.video-wrap object, .singular-video .post-1 .entry-content p.video-wrap object embed, .singular-video .post-1 .entry-content p.video-wrap iframe {
    width: 640px !important;
    margin: 0;
    padding: 0;
}
/**
* Tabs
**************************************/
.ui-tabs {
    float: left;
    width: 600px;
    margin: 20px 20px 0;/*
    background: url(images/bg-post.png) repeat-y 0 0;*/
}
#sidebar-video .ui-tabs, #sidebar-slideshow .ui-tabs {
    width: 340px;
    margin: 0;
    background: transparent;
}
/* Tabs wrap */
.ui-tabs .ui-tabs-wrap {
    background: url(images/comments-bottom.png) no-repeat 0 bottom;
}
#sidebar-slideshow .ui-tabs-wrap, #sidebar-video .ui-tabs-wrap {
    background-image: none;
}
/* Tabs nav */
.ui-tabs-nav {
    overflow: hidden;
    margin: 0;
    padding-left: 20px;
    list-style: none;
    background: #fff url(images/ui-tabs-top.png) no-repeat 0 0;
}
#sidebar-slideshow .ui-tabs-nav, #sidebar-video .ui-tabs-nav {
    margin: 0 0 20px;
    padding: 0;
    background: #181818 url(images/feature-sidebar-ui-nav.png) repeat-x;
    border-left: 1px solid #2a2a2a;
    height: 1%;
}
.ui-tabs-nav li {
    float: left;
    margin: 1px 0 0 0;
}
.ui-tabs-nav li a {
    float: left;
    padding: 16px 19px 15px 19px;
    font-size: 16px;
    color: #8f8f8f;
    border-bottom: 1px solid #e5e5e5;
}
#sidebar-slideshow .ui-tabs nav li, #sidebar-video .ui-tabs nav li {
    margin: 0;
}
#sidebar-slideshow .ui-tabs-nav li a, #sidebar-video .ui-tabs-nav li a {
    padding: 50px 40px 34px;
    border: none;
    border-right: 1px solid #2a2a2a;
    line-height: 24px;
    color: #fff;
}
.ui-tabs-nav li.ui-tabs-selected a {
    background: #fff;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}
#sidebar-slideshow li.ui-tabs-selected a, #sidebar-video li.ui-tabs-selected a {
    background: url(images/ui-tabs-current.png) no-repeat center bottom;
}
/* Tabs panel */
.ui-tabs-hide {
    display: none;
}
.ui-tabs .ui-tabs-panel {
    clear: left;
    overflow: hidden;
}
#sidebar-slideshow .ui-tabs-panel, #sidebar-video .ui-tabs-panel {
    background: transparent;
}
/* Lists in the tabs after singular posts. */
.ui-tabs .ui-tabs-panel ul.alignleft, .ui-tabs .ui-tabs-panel ul.alignright {
    width: 259px;
    margin: 0;
    padding: 35px 20px 38px;
    list-style: none;
    color: #c2c2c2;
    border-right: 1px dotted #e5e5e5;
}
.ui-tabs .ui-tabs-panel ul.alignright {
    border: none;
}
.ui-tabs-panel li {
    padding: 0 0 0 10px;
    font: normal normal normal 12px/20px Arial, Verdana, sans-serif;
    background: url(images/bullet.png) no-repeat 0 8px;
}
.ui-tabs-panel li a {
    color: #666;
    border-bottom: 1px dotted #e5e5e5;
    text-decoration: none;
}
.ui-tabs-panel li a:hover {
    border-bottom: 1px dotted #c2c2c2;
}
#sidebar-slideshow .ui-tabs-panel .hentry, #sidebar-video .ui-tabs-panel .hentry {
    width: 260px;
    margin: 20px 40px 0;
    padding: 0;
    border-bottom: 1px dotted #4b4b4b;
    background: transparent;
}
#sidebar-slideshow .hentry img, #sidebar-video .hentry img {
    float: right;
    width: 100px;
    height: 75px;
    margin: 0 0 20px 20px;
}
* html #sidebar-slideshow .hentry img, *html #sidebar-video .hentry img {
    margin: 0 0 0 20px;
    height: 1%; /* IE5-6 */
}
*+html #sidebar-slideshow .hentry img, *+html #sidebar-video .hentry img {
    margin: 0 0 0 20px;
    display: inline-block; /* IE7not8 */
}
#sidebar-slideshow .entry-title, #sidebar-video .entry-title {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 20px;
}
#sidebar-slideshow .hentry .entry-title a, #sidebar-video .hentry .entry-title a {
    color: #fff;
}
#sidebar-slideshow .byline, #sidebar-video .byline {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 10px;
    line-height: 20px;
    color: #777;
}
/*=============*/
body {
    background: #d8d8d8;
    font-size: 12px;
}
.hentry {
    font-size: 12px;
}
#container {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px #595959;
    -webkit-box-shadow: 0 0 5px#595959;
    box-shadow: 0 0 5px #595959;
}
#content-fullwidth {/*
        float: left;*/
    width: 890px;
    background-color: #FAFAFA;
    margin: 20px auto;
    padding: 0;
}
#content-fullwidth .post-news {
    width: 820px;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin: 10px 40px;
    padding: 20px 10px;
    -moz-box-shadow: 3px 3px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 3px 3px 5px #888;
}
#content .post-news {
    width: 560px;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin: 10px 10px 10px 0;
    padding: 20px 10px;
    -moz-box-shadow: 3px 3px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 3px 3px 5px #888;
}
#content-fullwidth .hentry {
    width: 862px;
    margin: 10px auto;
}
.main-content {
    margin: 0 auto;/*
    padding: 20px 40px;*/
}
#content-fullwidth .main-content {
    width: 870px;
    margin: 0 auto;
}
#header {
    background: url(https://www.marshbellofram.com/wp-content/uploads/2012/05/header-bg1.png) repeat-x;
    height: 182px;
    width: 100%;
}
#site-title {
    float: left;
    margin: 10px 0 0 0;

    height: 95px;
    width: 370px;
}
#searchone {
    margin-top: 40px;
    position: relative;
    top: 3px;
}
/********************************
        Type
********************************/
h1 {
    font-size: 23px;
    font-weight: bold;
}
h2 {
    font-size: 18px;
}
.ital {
    font-style: italic;
}
/********************************
        Slider and slider nav section
********************************/
#slider-container {
   /* overflow: hidden; */
    width: 980px;
    height: 352px;
    margin: 0 auto;
}
.tab-nav{
    background: #961C33;
    position: relative;
    width: 275px;
    float: left;
    height: 352px;
    max-height: 352px;

}
.tab-nav a {
    color: #fff;
    font-size: 12px;
}
.tab-nav a:hover {
    color: #ccc;
}
.tab-nav li {
    background: url(https://www.marshbellofram.com/wp-content/uploads/2012/05/slide-nav-bg.png) no-repeat;
    list-style: none;
    height: 29px; /*352 height divided by 12 items*/
}
.tab-nav li a {
    display: block;
    width: 235px;
    padding: 0 10px;
    line-height: 29px;
}
/********************************
        secondary sub-nav headers
********************************/
.secondary-header-logo {
    display: block;
    background-repeat: no-repeat;
    margin: 0 auto;
    height: 78px;
    width: 980px;
    z-index: 1;
}
body.blog-3 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/belgas.png);
}
.secondary-header-logo {/*
    background-image: url(images/bellofram-pcd.png);*/
      background-image: url(images/MBNEW.png);
     background-position: center center;
}
body.blog-5 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/atc-digitec.png);
}
body.blog-6 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/diversified-electronics.png);
}
body.blog-7 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/bellofram-corp.png);
}
body.blog-8 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/thermo-couple-products.png);
}
body.blog-9 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/bellofram-silicones.png);
}
body.blog-11 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/automatic-timing-and-controls.png);
}
body.blog-12 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/servo-tek.png);
}
body.blog-13 .secondary-header-logo {
    background-image: url(https://www.marshbellofram.com/imgs/logos/marsh.png);
}
/********************************
        Sidebar
********************************/
#sidebar {
    overflow: hidden;
    float: right;
    width: 300px;
    padding: 40px 15px 22px 15px;
}
#sidebar-news  {
    display: block;
    float: right;
    width: 175px;
    padding: 20px 35px 22px 35px;
    margin-right: 40px;
    margin-top: 30px;
    border: 1px solid #ccc;
    -moz-box-shadow: 3px 3px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 3px 3px 5px #888;
}
#sidebar-news h2 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #961D34;
}
/********************************
        Buttons - Sub pages
********************************/
.le-buttons {
    float: left;
    width: 600px;
}
.le-buttons li {
    list-style: none;
    display: inline;
}
.le-buttons a {
    text-decoration: none;
}
/********************************
        img elements
********************************/
img.alignright {
    float:right;
    margin:0 0 1em 1em
}
img.alignleft {
    float:left;
    margin:0 1em 1em 0
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.alignright {
    float:right;
}
.alignleft {
    float:left;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.inside-img {
    -moz-box-shadow: 3px 3px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 3px 3px 5px #888;
    background: #fff;
}
/********************************
        footer
********************************/
#footer {
    background: #971E35 url(https://www.marshbellofram.com/wp-content/uploads/2012/05/footer-bg.png) repeat-x bottom left;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 11px;
}
#footer p.left {
    float: left;
    padding: 0 30px;
    text-align: left;
    margin: 0;
    position: relative;
    top: -35px;
}
#footer p.right {
    float: right;
    padding: 0 30px;
    text-align: right;
    margin: 0;
    position: relative;
    top: -35px;
}
#footer .wrap {
    display: block;
    padding-top: 100px;
    width: 980px;
    margin: 0 auto;
    background: url(https://www.marshbellofram.com/wp-content/uploads/2012/05/footer-bg.png) repeat-x bottom left;
    text-align: center;
}
#footer a {
    font-size: 11px;
    color: #fff;
    line-height: 18px;
}
#footer a:hover {
    text-decoration: underline;
}
.footer-wrapper {
    width: 980px;
    margin: 0 auto;
    padding: 0 10px 0 0;
}
.footer-nav {
    float: left;
    width: 475px;
    height: 16px;
    padding: 10px 0 20px 0;
}
.footer-nav a:hover {
    text-decoration: underline;
}
.footer-nav li {
    padding: 10px 10px 10px 0;
    list-style-type: none;
    display: inline;
    color: #fff;
}/*
.copyright {
        float: right;
        width: 100%;
        padding: 25px 0;
        text-align: center;
        color: #fff;
}*/
.copyright a:hover {
    text-decoration: underline;
}
.footer-logo {
    background-image: url(https://www.marshbellofram.com/wp-content/uploads/2012/05/footer-logo.png);
    background-repeat: no-repeat;
    height: 97px;
    width: 246px;
    margin-top: 25px;
}
/********************************
        Belgas elements
********************************/
/*  Product blocks inner*/
.product-block {
    float: left;
    width: 820px;
    border: 1px solid #ccc;
    margin: 10px 0 10px 0;
    padding: 20px;
    -moz-box-shadow: 3px 3px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 3px 3px 5px #888;
}
.product-block h2.entry-title {
    color: #961d34 !important;
    font-size: 21px;
    margin: 0;
    padding: 10px 0;
}
.product-block-home p {
    width: 820px;
}
.product-block p {
    width: 820px;
}
.product-block a.request-red {
    clear: both;
    float: right;
    margin: -15px 10px 0 0;
}

/*.singular-products .product-block{
width:auto;
padding:0;
float:none;
display:inline-block;
vertical-align:middle;
margin:0 20px;
box-shadow:none;
border:none;
}*/
.ms-global-search_form p{
display: none;
}
.singular-products .product-block + a img{vertical-align:middle;}

.product-block form{
    position: fixed;
    background: #fff;
    width: 300px;
    padding: 20px 30px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.4);
    top: 50vh;
    left: 50vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .product-block .gform_wrapper{
    margin: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.3);
    display: none;
max-width:none;
width:100vw;
height:100vh;
  }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{width:100% !important;}

.product-block .download-link-wrap{display:none; margin:0;}

#gforms_confirmation_message_1{display:none;}

.product-block .predownload-form, .product-block form input[type="submit"]{
text-decoration: none;
background: #961D34;
color: #fff;
text-transform: uppercase;
display: inline-block;
padding: 5px 8px;
border-radius: 4px;
font-size: 10px;
box-shadow: 1px 0px 1px rgba(0,0,0,0.6);
border:none;
cursor:pointer;
float:right;
clear:both;
}

.product-block form .gform_footer{text-align:center;}

/* Product block home */
.product-block-home a, .product-block a {
    color: #961D34;
    text-decoration: underline;
    /*font-size: 21px;*/
}
.product-block-home {
    float: left;
    width: 820px;
    padding: 10px 20px 10px 20px;
}
/********************************
        Distributors elements
********************************/
.states-list {
    text-align: center;
}
.states-list a {
    color: #961D34;
}
.states-list li {
    list-style: none;
    display: inline;
}
/********************************
        Contact page elements
********************************/

.main-content-contact {
    margin: 0 auto;
    padding: 20px 20px
}
.contact-info-wrapper {
    margin: 0 auto;
    padding: 25px 0 0 200px;
}
.contact-block {
    float: left;
    width: 325px;
}
/********************************
        Literature page elements
********************************/
.lit-grouping li {
    list-style: none;
}
.lit-grouping, .lit-grouping a {
    color: #961D34;
    font-size: 14px;
}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 18px;
}
.entry-content {
}
ul.catlist {
    margin: 0;
 padding: 0;
}
body.home ul.catlist{
   margin-top: 20px;
}
body.home img.alignright{
   margin-left: 15px !important;
}
.category-list {
    /*width: 48%;*/
    height: 52px;
    display: block;
    clear: both;
    margin: 0 0 10px;
}
.subcatlist .category-list {
    margin: 0;
}
.category-list .prodimg img {
}
.category-list .prodimg {
    float: left;
    border: 1px solid #ccc;
    height: 50px;
    width: 50px;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
}
ul.subcatlist {
    margin-left: 20px;
    list-style: none;
    margin-bottom: 10px;
}
.subcatlist .prodimg {
    float: left;
    border: 1px solid #ccc;
    height: 30px;
    width: 30px;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
}
a.cat, a.subcat {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #961d34;
    padding: 17px 0;
}
a.subcat {
    color: #666;
    padding: 9px 0;
}
a.cat:hover, a.subcat:hover {
    color: #333;
    text-decoration: none;
}
/*menu*/
/* =Menu
-------------------------------------------------------------- */
.secondary-inner-nav {
    clear: both;
    display: block;
    width: 965px;
    margin: 0 auto 6px;
    z-index: 9999
}
.secondary-inner-nav ul {
    font-size: 13px;
    list-style: none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
}
.secondary-inner-nav li {
    float: left;
    position: relative;
}
.secondary-inner-nav a {
    color: #000000;
    display: block;
    line-height: 3.333em;
    padding: 12px 15px;
    font-size: 12px;
    text-decoration: none;
}
.secondary-inner-nav a:hover {
    color: #961D34;
}
.secondary-inner-nav ul ul {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 44px;
    left: 0;
    width: 220px;
    z-index: 99999;
}
ul.sub-menu {
    z-index: 9999 !important;
    display:none;
    position:relative;/* By Ashok */
    left:0px;
    top:-22px;
    width:245px;

}
#menu-homepage-left-side-nav{
   margin:0px;
}
#menu-homepage-left-side-nav ul.sub-menu{
    left:217px !important;
}
.homecontent{
    width:900px important;
}
.secondary-inner-nav ul ul ul {
    left: 100%;
    top: 0;
}
.secondary-inner-nav ul ul a {
    background: #333;
    border-bottom: 1px dotted #ddd;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 200px;
    z-index: 9999;
}
.secondary-inner-nav li:hover > a {
        background: #e4e4e4;
}
.secondary-inner-nav ul ul a:hover {
    background: #666;
    color: #FFF
}
.secondary-inner-nav ul ul :hover > a,
{
}
.secondary-inner-nav ul ul li:hover > a,
{
    /* background: #f9f9f9; Show a solid color for older browsers
    background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
    background: -o-linear-gradient(#f9f9f9, #e5e5e5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax
    background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
    color: #373737;*/
}
.secondary-inner-nav ul li:hover > ul {
    display: block;
}
.secondary-inner-nav .current-menu-item > a,
.secondary-inner-nav .current-menu-ancestor > a,
.secondary-inner-nav .current_page_item > a,
.secondary-inner-nav .current_page_ancestor > a {
}
#map {
    display: block;
    clear: both;
}
#map-states {
    width: 150px; float: left;
    margin-bottom: 60px;
}
#map-states table, #map-states table td, #map-states table th, #map-states p{
    padding: 0;
    margin: 0;
}
#worldmap a {
    font-size: 11px;
}
#map-states a {
    display: block;
    font-size: 10px;
    padding: 2px 6px;
    margin: 0;
    border-bottom: 1px solid #CCC;
}
#map-states a:hover {
    color: #666;
    border-bottom: 1px dashed #ccc;
}
#map-main {
    float: left; width: 648px; margin: 10px 0 0 10px;
}
#map-bottom {
    display: block;
    width: 100%;
    clear: both;
}
#map-bottom p {
    font-size: 11px;
}
#map-bottom .StateName, #map-bottom .StateName_cm {
    margin-top: 15px;
}
#map-bottom .top {
    float: right;
    padding: 3px;
    margin-right: 80px;
}
#map-main hr {
    color: #999
}
.StateName_cm, .cityname_cm, .DEI_State, .PCD_State, .ATC_state {
    font-weight: bold;
}
.StateName_cm, .PCD_State, .DEI_State, .PCD_State, .ATC_state {
    color: #961D34;
}
.cityname_cm{
    font-style: italic;
}
.regional_text_cm, .distributor_info_cm,.StateName_cm, .cityname_cm, .DEI_State {
    margin-top: 0;
    padding-top: 0;
}
input, select, textarea {
    color: #666;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.ufo-radiogroup-row { /*option buttons row*/
    float: left;
    display: inline;
    margin-left: 10px;
}
.ufo-radiogroup-row label {
    display: inline !important;
}
.formrow {
    display: block;
    margin-top: 15px;
}
.ufo-cell-right {
}
.ufo-cell-center {
}
#content-fullwidth .loop-meta, #content-fullwidth .hfeed {
    width: 890px !important;
}

.taxonomy.taxonomy-types #content-fullwidth  .loop-meta{



/*padding-right: 200px;*/

position: relative;min-height: 110px;
}
body.search #content-fullwidth .entry-summary {
    margin-left: 0;
}
.product-block td {

}

.archive .loop-description{
    width: 77%;
}

/* UPDATED ON JUNE 19 2013  */

#catlist{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
}
#catlist ul{
  padding-left:15px;
        margin:0 0 15px !important;
        width:200px;
}
#catlist ul li{
  list-style-type:square;
  color:#333;
}

/********************************
       Silicon Slider and slider nav section
********************************/

#slider-container .slider_silicon{
  width: 702px;
  float: left;
        height: 294px;
  background-color:#CCC;
}
#slider-container .tab-nav2{
        right: 0px !important;
        height:294px !important;
}
#slider-container .silicon-tab{
        height:294px !important;
}
#slider-container .menu-silicon-home-container{
        height:294px !important;
}
#slider-container .sub-menu{
    left:245px !important;
    z-index:50000 !important;
}
#menu-silicon-home{
    margin:0px !important;
}
#menu-silicon-home li{

}
.tab-nav2{
    background: #961C33;
    position: relative;
    width: 275px;
    float: left;
    height: 352px;
    max-height: 294px;

}
.tab-nav2 a {
    color: #fff;
    font-size: 12px;
}
.tab-nav2 a:hover {
    color: #ccc;
}
.tab-nav2 li {
    background: url(https://www.marshbellofram.com/wp-content/uploads/2012/05/slide-nav-bg.png) no-repeat;
    list-style: none;
    height: 29px; /*352 height divided by 12 items*/
}
.tab-nav2 li a {
    display: block;
    width: 235px;
    padding: 0 10px;
    line-height: 29px;
}

/********************************
       Capability Gallery
********************************/

#capability_gallery{
    width:900px;
    min-height:1000px;
    margin: 55px auto 0px;
    position:relative;
  }
  #capability_gallery .capGallery{
    margin-bottom:20px;
    width:280px;
    padding:3px;
    border:solid 1px #CCC;
    -moz-box-shadow: 0 0 5px #d5d0cf;
    -webkit-box-shadow: 0 0 5px #d5d0cf;
    box-shadow: 0 0 5px #d5d0cf;
    position:relative;
  }
  #capability_gallery .capGallery p{
    margin:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#585858;
    line-height:17px;
    text-align:justify;
  }
  #capability_gallery .capGallery div{
    padding:5px 10px;
    background:#f0f0f0;
    margin-top:3px;
    font-size:12px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    line-height:20px;
    font-weight:bold;
  }
  #capability_gallery .box1{
    position:absolute;
    left:0px;
    top:0px;
  }
  #capability_gallery .box2{
    position:absolute;
    left:305px;
    top:0px;
  }
  #capability_gallery .box3{
    position:absolute;
    left:610px;
    top:0px;
  }
  #capability_gallery .box4{
    position:absolute;
    left:0px;
    top:487px;
  }
  #capability_gallery .box5{
    position:absolute;
    left:305px;
    top:453px;
  }
  #capability_gallery .box6{
    position:absolute;
    left:610px;
    top:521px;
  }
  #capability_gallery .box7{
    position:absolute;
    left:0px;
    top:1011px;
  }
  #capability_gallery .box8{
    position:absolute;
    left:305px;
    top:926px;
  }
  #capability_gallery .box9{
    position:absolute;
    left:610px;
    top:1144px;
  }
  #capability_gallery .box10{
    position:absolute;
    left:305px;
    top:1413px;
    margin-bottom:20px;
  }

#tab-description .panel h2{
        margin-top:75px !important;
}
.galleryThumb{
          position:relative;
          left:-7px;

  }
  .galleryThumb a{
    text-align:center;
    display:block;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
                padding-bottom:10px;
  }
        .galleryThumb a span{
         text-align:center;
         font-size:11px;

        }
  .galleryThumb a:hover{
    color:#F00;
  }
  .galleryThumb a img{
    border:solid 1px #ccc;
    padding:2px;
                width:150px !important;
                height:107px !important;
  }
.special tr td{ vertical-align:middle}
.product-block-custom-upper{border-collapse:collapse; border:solid 1px #961d34 !important; font-size:12px; }
.product-block-custom-upper  tbody tr td{padding:4px 2px;border:solid 1px #aeaeae!important; text-align:center;}
.product-block-custom-upper  tbody tr:first-child{ background: #961d34 !important; }
.product-block-custom-upper  tbody tr:first-child:hover{ background: #961d34 !important; }
.product-block-custom-upper  tbody tr:first-child td{ color: #fff;  }
.product-block-custom-upper  tbody tr.odd{ background: #e6e6e6; }
.product-block-custom-upper  tbody tr:nth-child(odd) { background: #e6e6e6; }
.product-block-custom-upper  tbody tr:hover{ background: #e8c9aa; }


.product-block-custom-upper tr td{font-size:12px;}

.product-block-custom{border-collapse:collapse !important;}
.product-block-custom  tbody tr td{padding:4px 0px; border:none; font-size:12px !important; }
.product-block-custom a{
                        padding-right:20px;
      display:inline-block;
      margin-left:5px;
      background:url(images/shopping_cart_icon.png) no-repeat right;
  }
.product-block-custom  tbody tr:first-child{ background: #961d34 !important; }
.product-block-custom  tbody tr:first-child:hover{ background: #961d34 !important; }
.product-block-custom  tbody tr:first-child td{ color: #fff; }
.product-block-custom  tbody tr.odd{ background: #e6e6e6; }
.product-block-custom  tbody tr:nth-child(odd) { background: #e6e6e6; }

.product-block-custom  tbody tr:hover{ background: #e8c9aa; }
.frow a{
  background:none !important;
}
#menu-secondary-items li ul{
 background:#ccc !important;
}
.product-block{
     margin-top:25px;
}
.images{
   height:365px;
   min-height: 365px !important;
   height:auto !important;
}

/* ************************  BELLO FRAM CORPORATION  ***********************************  */
@font-face
{
        font-family:'Bauhaus';
        src: url('fonts/bauhaus_93.ttf');
}
@font-face
{
        font-family:'Calibri';
        src: url('fonts/calibri.ttf');
}
@font-face
{
        font-family:'tw_cen_mt';
        src: url('fonts/tw_cen_mt.ttf'),
             url('fonts/tw_cen_mt.eot');

}
.home-table tr th{
        font-family:'Bauhaus';
        font-size: 14px;
        font-weight: normal;
}
#post-5{
         font-family:'Calibri';
         font-size: 14px;
}
.home-table tr td{
        font-family:'tw_cen_mt';
}
h1.logo-text{ font-family:'Bauhaus'; font-size: 40px; font-weight:bold;}
h3.sub-text{  font-family:'Calibri'; font-size: 20px; font-weight:bold;}

#content-bellofram {
}
.content-left {
  color: #000000;
  float: left;
  padding-top: 30px;
  width: 600px;
  background:#fff;
        line-height:20px;
}
.content-left h1 {
  line-height:35px;
  text-align:center;
}
.content-left h1 span {
  display:block;
}
.right-content {
  float:right;
  width: 306px;
  background:#fff;
  padding-top:10px;
  min-height:627px;
}
.container {
  border: 1px solid #CCCCCC;
  box-shadow: 0 3px 18px #B2B2B2;
  margin: auto;
  width: 852px;
}
.cntent-bottom {
  background:#fff;
  color:#262626;
        border-top:solid 3px #eaeaea;
}
.cntent-bottom table {
  border: 1px solid #7A8A8A;
  margin-left: 10px;
  border-radius:5px;
  float:left;
}
.righttable {
  margin:0 0 0 26px;
  padding-left:10px;
}
.cntent-bottom th {
  text-align:center;
  color: #FFFFFF;
  padding: 6px;
  text-align: left;
  text-transform: uppercase;/*   width: 117px;*/
}
.cntent-bottom thead {
  background:#8b181b;
  background: none repeat scroll 0 0 #8B181B;
  border-radius: 5px 5px 0 0;
  display: block;
}
.cntent-bottom td {
  padding: 6px;
  text-transform: uppercase;
}
.cntent-bottom td li {
  line-height:24px;
}
.cntent-bottom tbody {
  display: block;
}
.para {
  margin-right:55px;
  width:200px;
  padding-top:30px;
  float:right;
  text-align:center;
}
#slider-image{
  /*width:92%;*/
  height:626px;
  margin:0 auto;
  border-radius:5px;
  position: relative;
  right: -73px;
  top: -21px;
}
#bello-nav-bar{
  list-style:none;
  padding:0px;
  margin:0 0 0px 0;
  height:30px;
}
#bello-nav-bar li{
  float:left;
  margin-right:5px;
}
#bello-nav-bar li:last-child{
        margin-right:0px !important;
}
#bello-nav-bar li a{
  padding:7px 12px;
  background-color:#951e34;
  border-radius:5px;
  color:#FFF;
  text-decoration:none;
  font-size:14px;
        border:solid 1px #000;
        font-weight:bold;
        font-family:'Bauhaus';
}
#bello-nav-bar li a:hover{
  background-color:#000;
}

/************************* OCT-30-2013 *******************************/
.table-spacing tr td{ height:30px;}

.secondary-header-logo {
  padding-top: 30px !important;
}

.blog-3 #sidebar a:nth-of-type(1) img {
  display: none !important;
}

.globalblog_title,
.globalsearch_comment{
   display: none;
}
#content-fullwidth .hentry.globalsearch_post{
    width: 94%;
    margin-left: 0;
}
.globalsearch_header{
   margin: 0 !important;
}

.clear{border-bottom: 1px solid #e7e7e7;
    clear: both;
    float: none;
    height: 1px;
    margin-bottom: 26px;
    margin-top: 31px;
    padding-top: 14px;}
.homepagelist ul.subcatlist{
  margin-left: 10px;

}

.mixx {display:none !important;}

/************************* HOME page additions *******************************/
#company {width:100%; float:left; position:relative;}
.company_list {width:25%; float:left; position:relative;}
#home_image, #home_image_silicones {display:none;}
.table_mobile {display:none;}
#box_row {width:100%; float:left; position:relative; }
.box {width:31% !important; float:left; position:relative; font-size: 12px !important; color: #585858; line-height: 17px !important; margin-left: 13px; }
#post-1624 .entry-title {display:none;}
.thumb {width:18%; float:left; position:relative; padding:0 5px; margin-left: 5px; height: 165px;}
#menu-item-213 a {font-size: 11px;}

/************************* MOBILE *******************************/
@media screen and (max-width: 990px) {
    #slider-container {width:950px; margin:0;}
    .tab-nav, .tab-nav2 {width:100%;}
    .tab-nav li, .tab-nav2 li {background-image: none; border-bottom: 1px solid #ffffff;}
    #container {width: 900px !important;}
    #container div.wrap { width: 100%;}
    .breadcrumbs {width:100%;}
    #header .wrap { width: 100%;}
    #searchone {margin-top:30px !important;}
    .order_btn {margin-top:20px !important; margin-left:20px !important;}
    #home_image {display:block !important; width:100%; height: 400px; float: left; background: url(images/home_image.jpeg); margin-left:-40px;}
    #home_image_silicones {display:block !important; width:100%; height: 294px; float: left; background: url(https://www.marshbellofram.com/bellofram-silicones/files/2014/03/01-MOD2.jpg); }
    .slider, .slider_silicon {display:none;}
}

@media screen and (max-width: 850px) {
    #container div.wrap { width: 100%;}
    #slider-container {width:750px; margin:0;}
    #container {width: 750px !important;}
    #searchone {margin-top:30px !important;}
    .order_btn {margin-top:18px !important; margin-left:20px !important;}    
    #home_image {display:none !important;}
    #content-fullwidth, #content-fullwidth .main-content {width:96% !important;}
    .tab-nav ul.sub-menu, .tab-nav2 ul.sub-menu {display:none !important;}
    .table_mobile {display:block;}
}

@media screen and (max-width: 720px) {
    #container div.wrap { width: 100%;}
    #header {background: url(images/header_bg_mobile.png) repeat-x; }
    #slider-container {width:600px; margin:0;}
    #container {width: 600px !important;}
    #footer .wrap {background-color: #971E35; background-image: none; width: 100%;}
    #footer p.left {top: -65px;}
    #footer p.right {text-align: left; float: left;}
    #searchone {display:none;}
    #content-fullwidth .loop-meta {width:96% !important;}
    .product-block  {width:60% !important;}
    .product-block p { width: 520px; }
    .mobile_space {display:none;}
    .order_button {display: none;}
    /************************* WOOCOMMERCE *******************************/
    .pro_single {width: 100% !important;}    
    .woocommerce div.product div.images {min-height: 0px !important;}
}

@media screen and (max-width: 667px) {
    .blog-1 .secondary-header-logo, .blog-4 .secondary-header-logo, .blog-3 .secondary-header-logo, .blog-5 .secondary-header-logo, .blog-6 .secondary-header-logo, .blog-7 .secondary-header-logo, .blog-8 .secondary-header-logo, .blog-9 .secondary-header-logo, .blog-11 .secondary-header-logo, .blog-12 .secondary-header-logo, .blog-13 .secondary-header-logo {display:block !important;  width:600px !important;}
    
}

@media screen and (max-width: 650px) {
    #slider-container {width:450px; margin:0;}
    #container {width: 450px !important;} 
    .slider {display:none;}
    .tab-nav, .tab-nav2 {width:100%; height: 360px; max-height: 360px;}  
    .company_list {width:50% !important; height:279px !important;} 
    .tab-nav li, .tab-nav2 li {background-image: none; border-bottom: 1px solid #ffffff;}    
    #site-title {width:320px !important;}  
    .blog-9 #site-title img {width:480px !important;}
    .entry-content {padding: 0 10px !important;}
    #content .hentry {width:100% !important; margin:0px;}
    #content {width:90% !important; padding: 0px;}
    .home #content {padding: 20px 0 22px 20px !important;}
    .secondary-header-logo {display:none;}
    
    .hfeed {width:96% !important;}
    .page-template-default .entry-content img { max-width: 96% !important; height: 96% !important;}
    .pmobile {display:none;}
    #searchone {display:none;}
    
    .hfeed h1 {line-height:28px; font-size:26px;}
    /************************* other subpages and home pages *******************************/
    #content-fullwidth, #content-fullwidth .hentry, .main-content, #content-fullwidth .loop-meta, #content-fullwidth .hfeed, .product-block  {width:96% !important;}
    .product-block {margin-left: -10px; padding: 10px;}
    .archive .loop-description {width: 96%;}
    .product-block p { width: 220px; }
    .size-full, .wp-image-916, .wp-image-1038, .wp-image-194, .wp-image-460, .wp-image-394, .wp-image-2275, .wp-image-1083, .wp-image-1082, .wp-image-1081, .wp-image-1077, .wp-image-1078, .wp-image-1079, .wp-image-1068 {width: 96%; height: 96%;}
    .blog-1 .secondary-header-logo, .blog-4 .secondary-header-logo, .blog-3 .secondary-header-logo, .blog-5 .secondary-header-logo, .blog-6 .secondary-header-logo, .blog-7 .secondary-header-logo, .blog-8 .secondary-header-logo, .blog-9 .secondary-header-logo, .blog-11 .secondary-header-logo, .blog-12 .secondary-header-logo, .blog-13 .secondary-header-logo {display:block !important;  width:480px !important;}
    .category-list .prodimg {border:none !important;}
    .blog-9 .entry-title {line-height: 24px;}
    .box {width:100% !important; height:100% !important; margin-left:0px;}
    .box img {margin-left:15%;}
    #capability_gallery { width: 100%; }
    .thumb {width:46% !important; margin-left:0px;}
    
}

@media screen and (max-width: 450px) {
    #slider-container {width:320px; margin:0;}
    #container {width: 320px !important;}    
    .slider {display:none;} 
    .tab-nav {width:100%;}
    .main_logo {width:320px !important; float:right !important; margin-left: 20px !important;}
    .main_logo_silicones {width:320px !important; float:right !important; margin-top: 20px !important; height:43px !important;}
    .order_btn {float:right !important; margin-top:18px !important; margin-right:50px !important;} 
    #searchone {/*margin:5px 70px 5px 0 !important;*/ display:none;} 
    .company_list {width:100% !important; padding-left:10px; height:100% !important;}   
    .blog-1 .secondary-header-logo, .blog-4 .secondary-header-logo, .blog-3 .secondary-header-logo, .blog-5 .secondary-header-logo, .blog-6 .secondary-header-logo, .blog-7 .secondary-header-logo, .blog-8 .secondary-header-logo, .blog-9 .secondary-header-logo, .blog-11 .secondary-header-logo, .blog-12 .secondary-header-logo, .blog-13 .secondary-header-logo {display:block !important;  width:320px !important;}
    ul.catlist {width:96% !important; float:left !important;}
    .prodimg img {width:130px !important;}
    .category-list .prodimg { height: 130px !important; width: 130px !important; padding: 7px 0px;}
    a.cat, a.subcat {float:none !important;}
    .box img {margin-left:0px;}
    .blog-9 #site-title img {width:320px !important;}
    .thumb {width:46% !important; margin-left:0px;}
    
}