/* 
    Document   : site
    Created on : Aug 4, 2009, 3:11:53 PM
    Author     : NAPCO Web Dept
    Description:
        Site-specific CSS goes here.  Right now this is limited
        to color changes, but anything can go here.  Keep sections separated
        according to the corresponding common css files.
*/


/* 
    ARTICLE.CSS
*/

/* ORANGE DARK WAS EF4C13 */

#article div.pagination div.next,
#article div.pagination div.prev {
border: 1px solid #FF6600;
}

#article #related,
#staticpage #related {
border-right: 1px solid #FF6600;
}

#article div.pagination div.next a,
#article div.pagination div.prev a {
color: #FF6600;
}

#article-industrycenter-tab ul li a:hover, #article-industrycenter-tab ul li a.tab-hover,
#item-industrycenter-tab ul li a:hover, #item-industrycenter-tab ul li a.tab-hover,
#slideshow-industrycenter-tab ul li a:hover, #slideshow-industrycenter-tab ul li a.tab-hover,
.article-industrycenter-tab-bookstore div.book a {
background: #FF6600 url("/includes/images/menu_hover.jpg") repeat-x 50% 50%;
}


/*
    BLOG.CSS
*/

div.blog-entry h2,
div.blog-entry h2 a {
color: #333333;
}

div.blog-preview h2,
div.blog-preview h2 a {
color: #FF6600;
}

#blog-header h2,
#blog-header h2 a,
div#additional-information div#additional-about ul li a,
div#additional-blogs div h5 a,
#center div#blog-content div.blog-links a,
div.blog-preview div.blog-links ul li a strong,
div.blog-entry ul.comments li a {
color: #FF6600;
}

div.blog-preview h1,
div.blog-preview h1 a {
color: #333333;
}

div#additional-information div#additional-about {
background: #FFFFFF url("/images/pm-blog-grad.jpg") repeat-x top right;
}


/*
    COMMON.CSS
*/

body { }

div#page {
margin: 0px 10px;
}

div#header {
padding-left: 0px;
width: 975px;
height: 85px;
}

div#header div#logo {
height: 70px;
padding: 15px 30px 0px 0px
}

div#header div#logo div#logo-inner {
height: 70px;
padding: 0px
}

div#header div#search,
div#header div#search-left,
div#header div#search-right {
display: none;
}

#breadcrumb, #breadcrumb a ,
.text-highlight,
#center div.companies h3 {
color: #FF6600;
}

#options ul li a,
.share-menu a, .tools a,
.pagination strong,
a.text-highlight, p a.text-highlight, .externalicon,
#book div ul, #book div ul li a {
color: #FF6600;
}

div#footer-pub-bar {
background: #000000 url("/includes/images/blue_grad.jpg") repeat-x 50% 50%;
}

input.button-submit {
background: #FF6600 url("/includes/images/menu_hover.jpg") repeat-x 50% 50%;
}

#text a.people, #slideshow a.people,
#text a.place, #slideshow a.place {
border-bottom: 1px dotted #333333;
color: #FF6600;
}

input.button-link {
background-color: #FF0000;
}

#header-above a {
font-weight: bolder;
color: #000000;
font-style: italic;
}

#sidebar div#twitter a {
font-weight: normal;
color: #333333;
}

.normalHeadline {
color: #333333 !important;
}

.boldHeadline {
font-weight: normal !important;
font-size: 14px !important;
color: #003970 !important;
}


/*
    INDEX.CSS
*/

#tabs-content div h2 a,
#book div ul li a,
#tabs-content #tab-display h4 a,
#tabs-content #tab-display h3 a,
#communities div.community h4.last-link a,
#poll a {
color: #FF6600;
}

#tabs-content div.featured-list ul > li > a {
/* tab headlines */
display: block;
width: 96%;
padding: 0 2%;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
line-height: 1.3em;
}

#tabs-content div.featured-list ul > li > a:hover {
/* tab headlines */
background-color: #E3F3FB;
border-top: 1px solid #B4D6E7;
border-bottom: 1px solid #B4D6E7;
}

#tabs-content div.featured-list ul li.first-child a {
/* tab headlines */
font-size: 14px;
font-weight: normal;
}


/*
    INDUSTRYCENTER.CSS
*/

#industry-center-content div.industry-center-article h3,
#industry-center-content div.industry-center-article h3 a,
#industry-center-content h4,
#industry-center-content h4 a,
#industry-center-content-tab ul li a:hover {
color: #FF6600;
}

#industry-center-content h2 {
background: #004D7E url("/includes/images/blue_grad.jpg") repeat-x 50% 50%;
}

#industry-center-content-tab {
background: #004D7E url("/includes/images/blue_grad.jpg") repeat-x 50% 50%;
}


/*
    NEWSLETTER.CSS
*/

div.newsletter-intro h3 a{
color: #FF6600;
}


/*
    JQUERY-UI-1.7.1.CUSTOM.CSS
*/

/* Interaction states
----------------------------------*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-state-hover a, .ui-state-hover a:hover,
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #FF6600; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #FF6600; color: #FF6600; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #FF6600; }

/* Mediablock Tabs
----------------------------------*/
.mediablock .ui-state-active a, .mediablock .ui-state-active a:link, .mediablock .ui-state-active a:visited { background: #FF6600 url("/includes/images/menu_hover.jpg") repeat-x 50% 50%; }
.mediablock .ui-state-highlight a, .mediablock .ui-widget-content .ui-state-highlight a { color: #FF6600; }


/*
    MAGAZINE.CSS
*/
#magazine div.stack-blocks h4 a,
#magazine h4.last-link a {
color: #FF6600;
}


/*
    NAV.CSS
*/

div#navigation {
margin-top: 0px;
font-size: 12px;
font-weight: bold;
}

#navigation {
background: #004D7E url("/includes/images/menu.jpg") repeat-x 50% 50%;
color: #FFFFFF;
}

.sf-navbar li,
.sf-navbar li ul li div a:hover {
background: #006599 url("/includes/images/blue_grad.jpg") repeat-x 50% 50%;
color: #FFFFFF;
}

.sf-navbar li a {
padding: 0px 23px;
line-height: 22px;
text-decoration: none;
}

/* Nav changes to match Monika's table-based nav */

.sf-navbar li a[title="Home"] {
padding-right: 20px;
padding-left: 21px;
}

.sf-navbar li a[title="Market Centers"] {
padding-right: 24px;
padding-left: 24px;
}

.sf-navbar li a[title="Specials"] {
padding-right: 22px;
padding-left: 22px;
}

.sf-navbar li a[title="Supplier Catalogs"] {
padding-right: 25px;
padding-left: 25px;
}

.sf-navbar li a[title="Blogs"] {
padding-right: 21px;
padding-left: 21px;
}

.sf-navbar li a[title="News"] {
padding-right: 20px;
padding-left: 21px;
}

.sf-navbar li a[title="Distributor Services"] {
padding-right: 26px;
padding-left: 26px;
}

.sf-navbar li a[title="FAQ"] {
padding-right: 21px;
padding-left: 20px;
}

/* end of nav changes */


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
top: 22px;
}

.sf-navbar li:hover,
.sf-navbar li:hover > a,
.sf-navbar li.sfHover,
.sf-navbar li.sfHover > a,
.sf-navbar li a:focus, .sf-navbar li a:hover, .sf-navbar li a:active {
background: #FF6600 url("/includes/images/menu_hover.jpg") repeat-x 50% 50%;
color: #FFFFFF;
}

.sf-navbar li ul {
/* sub-nav bar - IE6 soils itself without this was 44em */
width: 51.0em;
}

.sf-navbar li ul li,
.sf-navbar li li:hover,
.sf-navbar li li:hover > a,
.sf-navbar li li.sfHover,
.sf-navbar li li.sfHover > a,
.sf-navbar li li a:focus, .sf-navbar li li a:hover, .sf-navbar li li a:active {
background: #FFFFFF url("/includes/images/ui-bg_inset-hard_100_ffffff_1x300.png") repeat-x left top;
}

.sf-navbar li ul li div {
/* sub-sub-nav bar */
width: 25%;
float: left;
}

.sf-navbar li ul li div strong {
background: #CCCCCC url("/includes/images/sect_head_grad.jpg") repeat-x 50% 50%;
border-bottom: 1px solid #CCC;
color: #004D7E;
}


/*
    SEARCH.CSS
*/

#search-results-profile div.next, #search-results-profile div.prev,
#search-results div.pagination ul li li a:hover,
#search-result-sort a.active {
background: #FF6600 url("/includes/images/menu_hover.jpg") repeat-x 50% 50%;
}

.refine-search li:hover, .refine-search li.refineHover,
.refine-search a:focus, .refine-search a:hover, .refine-search a:active,
#search-results div.search-results-count {
background: #004D7E url("/includes/images/blue_grad.jpg") repeat-x 50% 50%;
color: #FFFFFF;
}

#search-results a.search-result-headline, div.search-result img.search-result-image + a {
color: #FF6600;
}


/*
    WIDGETS.CSS
*/

#blog-comments ul li a,
#most-block-tab ul li:first-child,
#most-block-tab ul li.first-child,
#search-widget div ul li a,
#tme-block ul,
#toc-block ul {
color: #333333;
}

#most-block-tab ul li a:hover,
#most-block-tab ul li a.tab-hover {
background: #004D7E url("/includes/images/blue_grad.jpg") repeat-x 50% 50%;
}

#search-widget h3 {
color: #FF6600;
}

#search-widget div ul li {
border-left: 1px solid #FF6600;
}


/*
    LEGACY v3.CSS
*/

.about {
clear: both;
float: left;
margin: 10px 5px;
}

.about img {
float: left;
width: 60px;
margin-right: 5px;
}

.about span {
display: block;
float: left;
width: auto;
}

h2.collectionTitle {
clear: left;
}