/********************** PAGE STYLES **********************/
.panel { border: 1px solid #CED5DB; padding: 5px 5px 5px 10px; margin: -1px 0 10px; position: relative; clear: both; z-index: 10; }
.panel TABLE { width: 100%; line-height: 140%; font-size: 95%; }
.panel TABLE TH EM { font-weight: normal; font-style: normal; }
.panel TABLE TH { border-top: none; white-space: nowrap; padding: 6px; }
.panel TABLE TD { padding: 6px; border-top: 1px solid #DBDFE3; }

/** MANAGEMENT **/
.blocks { width: 720px; clear: both; } .blocks, .blocks li { list-style: none; margin: 0; padding: 0; display: block; } .blocks li { float: left; width: 210px; margin: 0 2px 2px 0; } .blocks li a { border: 1px solid #FFF; text-decoration: none; padding-left: 15px; display: block; height: 70px; } .blocks li a em { text-decoration: underline; font-style: normal; padding-top: 5px; display: block; } .blocks li a:hover em { text-decoration: none; color: #0F2031; font-weight: bold; } .blocks li a.selected em { text-decoration: none; color: #0F2031; font-weight: bold; } .blocks li .small { padding: 3px 0 3px 1px; font-weight: normal; line-height: 1.3em; font-size: 100%; display: block; color: #0F2031; } .blocks a:hover { border: 1px solid #CED5DB; } .blocks .selected, .blocks .selected:focus, .blocks a:active, .blocks .selected:hover { background: #FFF; border: 1px solid #CED5DB; } .header { background: #F4F4F4; margin: 12px 0; width: 725px; float: left; clear: both; } .header .title { font-weight: normal; letter-spacing: normal; line-height: 30px; margin-left: 5px; font-size: 100%; width: 490px; float: left; padding: 0; } .header .title b { font-weight: bold; } .header .contact { float: left; line-height: 30px; width: 220px; text-align: right; } .header .contact a { padding: 0 10px; } .bio { width: 725px; float: left; clear: both; } .bio img { float: left; margin: 5px 15px 5px 0; } .bio p { display: inline; padding: 0; margin: 0; }

/** CONTACT US **/
#jHelperTipContainer { display: none; } .jHelperTipClose { background: url(../images/close-gray.gif) no-repeat 0 right !important; text-indent: -999em; overflow: hidden; position: absolute; cursor: pointer; height: 75px; right: 3px; top: 3px; } .tip { position: relative; background: url(../images/indicator-map.gif) no-repeat left top; display: block; width: 180px; } .tip p { border-bottom: 1px solid #333; border-right: 1px solid #999; padding: 0 0 4px 6px; margin: 0 0 0 6px; font-size: 95%; display: block; } .tip b { border-right: 1px solid #999; padding-top: 2px; line-height: 20px; text-indent: 11px; display: block; } .location { cursor: pointer; }

/** CHANNELONLINE **/
.supplier { cursor: pointer; color: #0D7AD9; width: 458px; display: block; clear: both;  } 
.supplier LI { background: #FFFFFF; border-top: 1px solid #DBDFE3; } 
.supplier:HOVER LI { background: #FFFFE8; border-top: 1px solid #DBDFE3; } 
.supplier A { text-decoration: none; display: block; } 
.supplier A:HOVER, .supplier:HOVER LI A { text-decoration: underline; color: #CC3333; } 
.description { width: 458px; display: block; clear: both; } 
.description P { line-height: 1.4em; padding: 5px 0; } 
.description P IMG { float: left; margin-right: 10px; }
A.company { display: block; clear: both; line-height: 25px; width: 100%; text-decoration: none; color: #0F2031; margin-bottom: 5px; }
A.company:HOVER { color: #0F2031; } 
A.company U { color: #0D7AD9; text-decoration: underline; padding-left: 2px; } 
A.company:HOVER U { color: #CC3333 !important; } 
A.company IMG { margin-right: 5px; float: left; } 
.label { width: 123px; font-size: 95%; }
.fillment { width: 110px; } 
.file { width: 70px; }
.price { width: 150px; } 
.supplier-table { display: block; clear: right; }
.supplier-table UL, .supplier-table LI { list-style-type: none; margin: 0; padding: 0; line-height: 28px; } 
.supplier-table LI { float: left; height: 28px; } 
#legend { width: 458px; font-size: 95%; } 
#legend LI { background: #FFF url(../images/tabFadeTile.png) repeat-x 0 0; text-align: center; line-height: 30px; height: 32px; } 

/** EVENTS **/
.events { width: 100%; } .events td { vertical-align: top; padding: 10px 5px 10px 5px; border-bottom: 2px solid #F0F4F7; } .events th { background: #F0F4F7; line-height: 20px; padding: 2px 5px; color: #333; border: none; }

/** NEWS **/
.panel { border-bottom: 1px solid #CED5DB; border-right: 1px solid #CED5DB; border-left: 1px solid #CED5DB; margin-bottom: 10px; padding: 10px 15px; clear: both; display: block; } .news .panel li { display: block; margin-bottom: 5px !important; line-height: 150%; } .panel li .date { float: left; width: 75px; height: 20px; } ul.tabs li.archive { float: right; overflow: hidden; } ul.tabs li.archive a { text-decoration: underline !important; background: none; font-weight: normal; color: #0D7AD9; line-height: normal; } ul.tabs li.archive a span { background: #FFF; } ul.tabs li.archive a:hover { text-decoration: none !important; color: #0D7AD9 !important; }

/** CUSTOMERS **/
#featured-success-story { margin-bottom: 10px; }
#featured-success-story td { padding: 10px; }
#featured-success-story h2 { margin: 0px; padding: 0px; }
.success-story { }
.accordion-bar { background: #F0F4F7; border: 1px solid #cccccc; cursor: pointer; font-weight: bold; font-size: 14px; margin-bottom: 10px; padding: 10px; width: 908px; }
.accordion-bar span { background: url(../images/toggle.gif) no-repeat right center; display: block; }

/* CONTACT */
.qtip-content { font-size: 11px; }
.qtip-title { background: #ffffff !important; float: right; width: 10px; }