/*------------------------------------------------------------------------------
    Global Styles
*/
html, body {
    padding: 0;
    margin: 0;
    border: 0;
}
html {
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;
}
body {
    font-family: Verdana, Arial, sans-serif;
    font-size:11px;
    background-color:#FFFFFF;
    background-image:url(/img/layout/background.png);
    background-repeat:repeat-x;
}
a img {
    border:none;
}
a {
    color:#D5911D;
    text-decoration:none;
}
a:hover {
    color:#600D0B;
    text-decoration:underline;
}


.js {
    display:none;
}

h3 {
    margin:1.3em 0 0.5em;
    font-size:12px;
}
h4 {
    margin:0.5em 0;
    font-size:11px;
}

/*------------------------------------------------------------------------------
    IE6 PNG fix. Enable if needed.
*/
/*
* html img {
    behavior: url('/css/pngfix.htc');
}
*/


/*------------------------------------------------------------------------------
    Primary Layout Containers
*/
#Container {
    width:780px;
    background:white;
    min-height:300px;
    margin:0 auto;
    border-bottom:8px solid black;
}
#ContainerWrap {
    width:800px;
    margin:0 auto;
    background:url(/img/layout/background_wrap.png) top left repeat-y;
}
#Content {
    float:left;
    width:540px;
    padding-left:20px;
    padding-bottom:20px;
}
#Footer {
    width:780px;
    text-align:center;
    margin:1em auto 2em;
}


/*------------------------------------------------------------------------------
    Header and Nav
*/
#Header {}
#Header #Logo {
    float:left;
    padding-left:20px;
}
#Header #FlagNav {
    float:right;
    padding-right:20px;
    padding-top:4px;
}
#Header .languages {
    font-size:9px;
    border-bottom:1px solid #DDD;
    padding-bottom:2px;
    margin-bottom:2px;
}
#Header #FlagNav img.flag {
    vertical-align: middle;
    display:none;
}
#Header #FlagNav .links {
    font-size:9px;    
}
#Header #FlagNav .links a {
    color:#888888;
    text-decoration:none;
}
#Header #FlagNav .links a:hover {
    text-decoration:underline;
}
#Header #FlagNav .disclaimer {
    font-size:9px;
    color:#888888;
}

/*------------------------------------------------------------------------------
    Main Navigation
*/
#Navigation {
    background:url(/img/layout/header_nav_bg.png) top left no-repeat;
    width:780px;
    height:38px;
    border-bottom:8px solid black;
}
#Navigation .sep {
    float:left;
    background:url(/img/layout/header_nav_sep.png) top left no-repeat;
    width:3px;
    height:38px;
}
#Navigation .primaryNode {
    float:left;
    position:relative;
}
#Navigation .primaryTitle {
    color:white;
    font-size:12px;
    font-weight:bold;
    height:38px;
    cursor:pointer;
    width:127px;
    text-align:center;
}
#Navigation .primaryTitle.last {
    background:none;
    width:130px;
}
#Navigation .primaryTitle.last a {
    width:130px;
}
#Navigation .primaryTitle.hover span,
#Navigation .primaryTitle.hover a {
    background:white;
    color:black;
}
#Navigation .primaryTitle span,
#Navigation .primaryTitle a {
    display:block;
    padding-top:12px;
    height:26px;
    width:127px;
    color:white;
    text-decoration:none;
}
#Navigation .secondaryNode,
#Navigation .tertiaryNode {
    position:absolute;
    width:175px;
    background:white;
}
#Navigation .tertiaryNode {
    top:0;
    left:174px;
}
#Navigation a.secondaryLink,
#Navigation a.tertiaryLink,
#Navigation .secondaryMenu .secondaryTitle {
    display:block;
    padding:7px 0 7px 2em;
    color:black;
    font-size:9px;
    font-weight:bold;
    border:1px solid #DDD;
    order-bottom-color:white;
    border-bottom:none;
    cursor:pointer;
    width:155px;
}
#Navigation a.secondaryLink.last,
#Navigation a.tertiaryLink.last {
    border-bottom:1px solid #DDD!important;
}
#Navigation a.secondaryLink:hover,
#Navigation a.tertiaryLink:hover,
#Navigation .secondaryMenu .title:hover {
    background:#CCC;
    text-decoration:none;
}
#Navigation .secondaryMenu {
    position:relative;
    z-index:110;
}
#Navigation .primaryNode {
    z-index:100;
}
#Navigation a.secondaryLink {
    width:155px;
}

/*------------------------------------------------------------------------------
    Left Nav
*/
#LeftNav {
    float:left;
    width:219px;
    border-right:1px solid #AAA;    
    padding-bottom:20px;
}
#LeftNav .leftBox {
    border:1px solid #D8D8D8;
    border-right:none;
}
#LeftNav .leftBox .header {
    font-size:12px;
    font-weight:bold;
    height:21px;
    padding-top:5px;
    padding-left:1em;
    background:#D8D8D8;
}
#LeftNav .leftBox .header.international {
    padding-top:0;
    height:26px;
}
#LeftNav .leftBox .header a {
    color:black;
}
#LeftNav .leftBox .content {
    padding:0.25em 1em;
    font-size:10px;
}
#LeftNav .leftBox ul {
    margin:0 0 0 1em;
    padding:0;
}
#LeftNav .leftBox li {
    margin:0.3em 0;
    padding:0;    
}

/*------------------------------------------------------------------------------
    Home    
*/
#Home {
    min-height:380px;
    _height:380px;
}
.homeColumn {
    float:left;
    width:245px;
    padding-right:20px;    
}
.homeImage {
    display:block;
    border:1px solid #444444;
}
#Home .linkList {
    line-height:16px;
}
#Home .linkList a {
    display:block;
    float:left;
    background:url(/img/layout/bullet_orange.png) 0 4px no-repeat;
    font-size:10px;
    font-weight:bold;
    padding-left:10px;
    padding-right:15px;
}

/*------------------------------------------------------------------------------
    Content    
*/
#ContentHeader,
#Content .subHeader {
    font-weight:bold;
    font-size:12px;
    margin:1em 0;
}
#Content .bodyHeading {
    font-weight:bold;
    font-size:12px;
    color:#666;
    border-bottom:1px solid #999;
    margin:2em 0 1em;
    position:relative;
}
#Content .bodyHeading a.top {
    position:absolute;
    top:0;
    right:0.5em;
    font-size:9px;
}

#ContentHeader .return {
    padding-left:1em;
    font-size:10px;
    font-weight:normal;
}

#Content .download { /* used on copy pages, not download page */
    margin:1em 0;
    margin-right:30px;
    margin-left:10px;
    padding:0.5em;    
    background:#F4F4F4;
}
#Content .download .title {
    font-size:12px;
}
#Content .download .description {
    padding:0 20px;
}

#Content .link {
    margin:1em 0;
    margin-right:30px;
    margin-left:10px;
    padding:0.5em;
    background:#F4F4F4;
    font-size:12px;
}


#TextBody {
    padding-right:20px;
}
#TextBody p {
    text-align:justify;
    line-height:140%;
    font-size:11px;    
    padding-right:20px;
}


#ContentHorizNav {
    border-top:1px solid #D8D8D8;
    background:#D8D8D8;
    position:relative;
    left:-20px;
    width:560px;
    font-size:10px;
}
#ContentHorizNav.suppliers {
    width:780px;
    left:-30px;
}
#ContentHorizNav .title {
    height:20px;
    padding-top:6px;
    padding-left:1em;
    font-weight:bold;
    font-size:12px;
}
#ContentHorizNav .items {    
    padding-left:2em;    
    padding-bottom:6px;
}
#ContentHorizNav a {
    font-size:10px;
    color:black;
    margin-right:0.76em;
    text-decoration:underline;
}

.contentImages .image {
    float:left;
    margin-right:20px;
    margin:1em 20px 1em 0;
}
.contentImages .image img {
    display:block;
    border:1px solid #666;
}
.contentImages img.thumbnail {
    display:inline!important;
}

.swatchPanel {    
    padding-bottom:1em;
}
.swatchPanel img {
    margin:2px;
}
#SwatchHover {
    position:absolute;
    border:2px solid #444;
}
#SwatchHover img {
    border:1px solid #EEE;    
}

.logoBox img {
    display:block;
}

#Content #GoogleMap {
    width:520px;
    height:400px;
    border:2px solid #777777;
}


/*------------------------------------------------------------------------------
    Downloads Page   
*/
#Content .downloadLink { 
    margin:2em 0 0;
}
#Content .downloadDesc {
    margin:0;
    padding:0 2em;
}

/*------------------------------------------------------------------------------
    Suppliers    
*/
#Suppliers {    
    font-size:14px;
    margin-bottom:1em;
    line-height:150%;
}
#SupplierNav {
    border-bottom:1px solid #AAAAAA;
}
.sectionLink {
    padding-right:8px;
}
.supplierSectionHeader {
    font-size:18px;    
    color:#444;
    border-bottom:1px solid #444;
    margin:1em 0 0.5em;
}
.supplierCountryHeader {
    font-size:14px;
    color:#444444;
    border-bottom:1px solid #999999;
    margin-left:1em;
}

.supplier {
    margin:1em 0 2em;
    margin-left:2em;
}
.supplierName {
    font-weight:bold;
    font-size:14px;
    background:#F1F1F1;
    padding:4px;
}
.supplierAddress, .supplierContacts {
    padding-left:1em;
}
.supplierAddress {
    font-size:14px;
}
.supplierContacts table {
    border-collapse: collapse;
    font-size:12px;
}
.supplierContacts table td {
    padding:0;
}
.supplierContacts .type {
    font-weight:bold;
    font-size:10px;
    padding-right:10px;
}

.supplierName .name {
    display:block;
    float:left;
    width:375px;
}
.supplierName .details {
    float:right;
    font-size:12px;
    line-height:100%;
    text-align:right;
}
.supplierName .details .section {
    font-weight:normal;
}

#Suppliers .searchCount {   
    margin:1em; 
    font-size:14px;
    color:#666;
}

#SearchForm .column {    
    float:left;    
    padding-right:2em;
}
#SearchForm div.submit {
    clear:left;
}
#SearchForm label {
    display:block;
    font-size:10px;
    font-weight:bold;
}
#SearchForm div.input {
    margin:0.5em 0;
}




/*------------------------------------------------------------------------------
    News and Events
*/
#News .item,
#Events .event {
    margin:1.5em 0;
    padding-bottom:1.5em;
    border-bottom:2px dotted #D8D8D8;
}
#News .title,
#Events .title {
    font-size:12px;
    font-weight:bold;
}
#News .date,
#Events .date {
    font-size:85%;
    color:#666666;
    padding-bottom:1em;
}

#Event .title,
#NewsItem .title {
    font-size:14px;
    font-weight:bold;
    margin:0.5em 0;
}
#Event label {
    display:block;
    float:left;
    width:80px;
}
#Event .details,
#Events .details {
    clear:left;
    padding-top:1em;
    font-size:12px;
}

#NewsItem .posted {
    font-size:9px;
}




/*------------------------------------------------------------------------------
    Browser Links
*/
#browserLinks {
    text-align:right;
    margin:5px;
}


/*------------------------------------------------------------------------------
    Flash Messages
*/

#flash-message,
#error-message {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    background:#FFFFCC;    
    padding:0.5em 0;
    border-top:1px solid #AEAF62;
    border-bottom:1px solid #AEAF62;
}