body {
    background-color: #ffffff;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    font-size: 9pt !important;
    color: #000;
}

div.header_padding {
    padding: 0px 5px;
}
.header_bg4 {
    padding: 0px 5px 0px 5px;
}

div.additional-info-heading {
    border-bottom:1px solid #ccc;
    font-weight:bold;
    margin-bottom:5px;
    padding-bottom:2px;
    margin-top:10px;
}

div.additional-info-content {
    text-align:left;
    width:350px;
}
.spiffyTable {
   background-color: #eee;
}

div.messagesOuter {
   margin-bottom: 10px;
}
div.messages {
   border: solid 1px #aaa;
   background-color: #eee;
   margin: 0px;
   padding: 10px;
}

h5.messages {
   margin: 3px;
}

.bnMenuUnavailable {
    color: #999;
}

div.bnBlockMenu ul {
    list-style-type: none;
    margin: 2px 5px 7px 5px;
    padding: 0;
}

div.bnBlockMenu li {
    margin-top: 1px;
}

div.bnBlockMenu .bnHeading {
    font-weight: bold;
    font-size: 13px;
}

.bnRightBlockContainer {
    margin: 0;
    padding: 0 0 0 11px;
    width: 150px;
}

.bnPageFooter {
    margin-bottom:5px;
}
.bnPageContent .bnPageFooter{
    margin:0;
}
.bnPageButtonBar {
    padding:5px;
    background: none repeat scroll 0 0 #EEEEEE;
}

.bnPageButtonBar .bnButton a, .bnPageButtonBar .bnButton input{
    padding:5px;
}

.bnPageButtonBar a, .bnPageButtonBar input{
    padding:0px 5px;
}

.bnPage {
    padding:0 5px;
}

.bnPageHeader {
    padding: 5px 0;
}

.bnPageHeaderBar {
    background: #eee;
    border-bottom: 1px solid #ddd;
}
.bnPageHeaderLinks {
  padding: 0px 5px;
  border-left: 1px solid #999;
}
.bnPageContentInner {
}

.bnPageTitleBar {
    padding: 5px 5px 10px 5px;
    border-bottom: 2px solid #a03;
}
.bnPageTitleBarLeft{ float:left;}
.bnPageTitleBarRight{ float:right;}



table.bnMergeQuickAssignment tr td input:hover,
div.bnMergeSearchCriteria input:hover,
table.bnMerge tr td input:hover {
  border: 1px solid #A00;
}

table.bnMergeQuickAssignment tr td input,
div.bnMergeSearchCriteria input,
table.bnMerge tr td input {
  border: 1px solid #999;
}
table.bnMerge tr td {
  font-size: 9px;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}
table.bnMerge tr th {
/*  font-size: 12px; */
  text-align: left;
  border-bottom: 1px solid #333;
}
table.bnMerge td,
table.bnMerge th {
  padding: 4px 4px;
}

/*
    HP CC 16-NOV-08
    Added style for the logo bar
*/
table.bnLogoBar {
  background-color: #CCCCCC;
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: black black black black;
  color: #FFFFFF;
}

table.bnCustomerMergeSearchResult th {
    font-size: 12px;
    border-bottom: 2px solid #c10009;
}

table.bnCustomerMergeSearchResult th, table.bnCustomerMergeSearchResult td {
    padding: 2px 5px;
}

table.bnCustomerMergeSearchResult td {
    border-bottom: 1px solid #ccc;
}

* {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

table{
    text-align:left;
}

td {
    font-size: 9pt;
}

input {
    font-size: 8pt;
}

h2.brandsHeader {
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 2px;
}

h3.pageHeading {
    font-size: 12pt;
}

.pageSubHeading{
    font-size:1.1em;
    font-weight:bold;
    margin-left:5px;
}

th {
    font-size: 9pt;
    font-weight: bold;
}

tr.odd {
    background-color: #fff;
}

tr.even {
    background-color: #eee;
}

a:link {
    text-decoration: none;
    color: #000;
}

a:visited {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
    color: #E10609;
}

a:active {
    text-decoration: underline;
    color: #E10609;
}

.header-bg {
    background-color: #000;
}

.header-bg2 {
    background-color: #eee;
}

.header-bg3 {
    background-color: #eee;
}

.header-login {
    font-size: 9pt;
}

.header-search {
    font-size: 9pt;
}

.top-line {
    border-top: solid 1px #000;
}

.bottom-line {
    border-bottom: solid 1px #000;
}

.opentable {
    background-color: #eee;
    width: 100%;
    padding: 2px;
    border: solid 1px #aaa;
    margin: 5px 0 0 0;
}

.orderstatusfilterbox {
    background-color: #eee;
    width: 100%;
    padding: 2px;
    border: solid 1px #aaa;
    margin: 0px;
}

.orderstatuskitbox {
    background-color: #eee;
    width: 100%;
    padding: 2px;
    border: solid 1px #aaa;
    margin: 0px;
}

.rowoddcolodd {
    background-color: #fff;
}

.rowoddcoleven {
    background-color: #F8F8F8;
}

.rowevencolodd {
    background-color: #F8F8F8;
}

.rowevencoleven {
    background-color: #eee;
}

.matrixkeycolor {
    border: solid 1px #000;
    width: 10px;
    height: 10px;
}

.matrixbox {
    border: solid 1px #000;
    width: 19pt;
}

.opentable2 {
    background-color: #fff;
    width: 100%;
    padding: 2px;
    border: solid 1px #aaa;
    margin: 5px 0 0 0;
}

.central-area {
    font-size: 12pt;
    text-align: left;
}

.opentable-bg {
    background-color: #fff;
}

.opentable-bg2 {
    background-color: #fff;
}

.opentable2-bg {
    background-color: #000;
}

.opentable2-bg2 {
    background-color: #eee;
}

.index-bg2 {
    background-color: #000;
}

.index-bg3 {
    background-color: #666;
}

.index-title {
    color: #FFF;
    font-weight: bold;
}

.index-foot-bg {
    background-color: #000;
}

.index-foot-bg2 {
    background-color: #eee;
}

.article-bg2 {
    background-color: #000;
}

.article-bg3 {
    background-color: #666;
}

.article-title {
    color: #FFF;
    font-weight: bold;
}

.article-posted {
    color: #FFF;
}

.article-posted a:link {
    color: #FFF;
    text-decoration: underline;
}

.article-posted a:visited {
    color: #FFF;
    text-decoration: underline;
}

.article-posted a:hover {
    color: #FFF;
    text-decoration: underline;
}

.pn-title {
    font-weight: bold;
}

.pn-content-title {
    font-size: 150%;
    font-weight: bold;
}

.pn-pagetitle {
    color: #000;
    font-weight: bold;
    font-size: small;
}

.pn-content-page-title {
    color: #000;
    font-weight: bold;
}

.type4 {
    color: #000;
    font-weight: bold;
}

.darkrow {
    background-color: #aaa;
}

.title {
    color: #000;
    font-weight: bold;
}

.content {
    background: none;
    color: #000;
}

.storytitle {
    background: none;
    color: #666;
    font-weight: bold;
}

.storycat {
    background: none;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

.boxtitle {
    color: #666;
    font-weight: bold;
}

.boxcontent {
    color: #000;
}

.option {
    color: #000;
    font-weight: bold;
}

.tiny {
    color: #000;
}

.caption {
    color: #E10609;
}

.button-red {
    color: #FFF;
    background-color: #D00;
    border: 1px outset #D00;
    -moz-border-radius: 5px;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
}

.button-red:hover {
    background-color: #F4393B;
    border: 1px inset #C10507;
}

.ARPageLink {
    font-weight: bold;
}

.ARoverdue {
    font-weight: bold;
    color: #E10609;
}

.statementColHeading {
    font-weight: bold;
    border-bottom: solid 1px #000;
}

.remitFieldName {
    font-weight: bold;
}

.claimsColHeading {
    font-weight: bold;
    border-bottom: solid 1px #000;
}

.ARHelpLink {
    color: #E10609;
}

.bold {
    font-weight: bold;
}

/*
    HP CC 18-OCT-08
    Added additional styles -- claimHeading and claimLabel, for the Claim Wizard Page
*/
.claimHeading {
    font-size: 12pt;
}

.claimLabel {
    font-size: 12pt;
    font-weight: bold;
}

.ARSelectText {
    font-size: 12pt;
}

.ARSelectBox {
    background-color: #eee;
}

.ARSettlement1 {
    color: #FCA43A;
    font-weight: bold;
}

.ARSettlement2 {
    color: #6E7EE5;
    font-weight: bold;
}

.ARRowLit {
    background-color: #D6DCFF;
}

.ARNinetyBg {
    background-color: #FF7777;
    border: solid 1px #000;
}

.ARSixtyBg {
    background-color: #FFA3A3;
    border: solid 1px #000;
    border-left: 0px;
}

.ARThirtybg {
    background-color: #FDD;
    border: solid 1px #000;
    border-left: 0px;
}

.ARPageHeading {
    color: #000;
    font-weight: bold;
    font-size: 14pt;
}

.ARSmallText {
    font-size: 9pt;
}

/*
    HP CC 16-NOV-08
    Added style for notes
*/
.noteSmall {
    font-size: 8pt;
}

.ARrowOdd {
    background-color: #eee;
}

.ARrowEven {
    background-color: #aaa;
}

.errorBar {
    background-color: #D00;
    color: #EEE;
    font-weight: bold;
    font-size: 12pt;
    text-align: left;
}

.creditWarning {
    color: #E10609;
    font-weight: bold;
    font-size: 12pt;
}

/*
    HP CC 16-NOV-08
    Added style for the "Important" text
*/
.importantText {
    color: #E10609;
    font-weight: bold;
    font-size: 10pt;
}

.headerText {
    font-weight: bold;
    font-size: 10pt;
}

.ARsearchTitle {
    font-size: 14pt;
    font-weight: bold;
    background-color: #B6BEF2;
}

.borderTopLeft {
    border-top: solid 1px #000;
    border-left: solid 1px #000;
}

.borderTopRight {
    border-top: solid 1px #000;
    border-right: solid 1px #000;
}

.borderBottomLeft {
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
}

.borderBottomLeftShade {
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    background-color: #eee;
}

.borderBottomRight {
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
}

.borderBottomRightShade {
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    background-color: #eee;
}

.borderBottom {
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
}

.borderLeftBottomRight {
    border-right: solid 1px #000;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
}

#cart-order-clone-order-details {
    border: solid 1px #aaa;
    margin: 5px;
}

#cart-order-clone-customer {
    background-color: #eee;
    border-bottom: solid 1px #aaa;
}

#cart-order-clone-order-items {
    padding: 10px;
}

#cart-order-clone-items-table, #cart-order-clone-total {
    border-bottom: solid 1px #000;
    width: 60%;
    padding: 5px;
}

#cart-order-clone-siblings {
    background-color: #eee;
    border: solid 1px #aaa;
    margin: 5px;
    padding: 10px;
}

.bnOrderHeaderSection {
    padding: 4px 0px;
}

.bnOrderHeaderSection table td{
    vertical-align:top;
}

.OrderHeaderInfo {
    padding-top:5px;
    vertical-align:top;
    width:150px;
}

.OrderOptionInput {
    font-size: xx-small;
}

.OrderConfirmInput {
    border: 1px solid #BBBBBB;
    background: none;
    padding: 3px;
}

a.orderProgress:link {
    text-decoration: none;
    color: #000;
}

a.orderProgress:visited {
    text-decoration: none;
    color: #000;
}

a.orderProgress:hover {
    text-decoration: underline;
    color: #00CC00;
}

a.orderProgress:active {
    text-decoration: underline;
    color: #00FF00;
}

.ent_input {
    width: 200px;
}

table.entCalendar {
    width: 115px;
    height: 115px;
    background-color: #eee;
    padding: 3px;
}

table.entCalendar th {
    background-color: #666;
}

table.entCalendar td {
    padding: 1px;
    text-align: center;
    cursor: pointer;
}

td.curMonth {
    background-color: #ccc;
}

td.diffMonth {
    background-color: #aaa;
}

td.today {
    background-color: #eaa;
}

td.selected {
    background-color: #d90;
}

#selected {
    font-weight: bold;
}

table.entCalendar span {
    font-weight: bold;
    font-variant: small-caps;
}

span.entCalendarArrow {
    cursor: pointer;
}

span.entCalendarArrow:hover {
    color: #d90;
}

td.inclass {
    color: #339;
}

.calendar-day-today {
    background: #FFCCCC;
    padding-right: 2px;
    padding-left: 1px;
    padding-top: 3px;
    padding-bottom: 1px;
    font-size: xx-small;
}

.calendar-day {
    background: #E0E0E0;
    padding-right: 2px;
    padding-left: 1px;
    padding-top: 3px;
    padding-bottom: 1px;
    font-size: xx-small;
}

.calendar-dow {
    font-size: xx-small;
    color:        #555555;
}

.calendar-month {
    font-size: xx-small;
    background: #E0E0E0;
    border: 1px solid #D0D0D0;
}

.calendar-month-current {
    font-size: xx-small;
    border: 1px solid #D0D0D0;
    background: #FFCCCC;
}

.error-cross {
    display: inline;
}

.error-cross:hover {
    cursor: hand;
}

.error-box {
    background-color: #CCCCCC;
    display: none;
    width: 250px;
    right: 250px;
    position: absolute;
    color: black;
    border: 1px solid #999999;
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    margin-left: 5px;
    margin-top: 5px;
}

.error-message {
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 5px;
    font-size: 11px;
}

.error-title {
    background-color: #AAAAAA;
    border-bottom: 1px solid #BBBBBB;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-weight: bold;
    font-size: 11px;
    color: darkred;
}
/*****************
 * Dynamic Menus *
 *****************/

.bnMenu {
    position:relative;
    zoom:1;
}

/*to fix IE bug which can't render the menu block sometimes*/
* html .bnMenu { padding-bottom: 1px; }

.bnMenu ul {
  padding: 0;
  margin: 0;
  list-style-type:none;
  width: 125px;
/*  background-color: inherit;  */
}
.bnMenu li {
  height: 100%;
    position:relative;
}
/* hack for IE5.5 */
* html .bnMenu ul {margin-left:-16px; ma\rgin-left:-2px;}

.bnMenu li {
  width: 125px;
  margin: 0;
  padding: 0;
  position:relative;
}
.bnMenu li:hover {
/*  background-color: #eee; */
  width: 125px;
  z-index: 10;
  position: relative;
}

.bnMenu li li:hover {
/*  background-color: #eee; */
  width: 125px;
  z-index: 20;
  position: relative;
}
/* get rid of the table */
.bnMenu table {
   position: absolute;
   border-collapse: collapse;
   margin: 0;
   border: 0;
   padding: 0;
   top: 0;
   left: 0;
   z-index: 1;
/*   font-size: 0;  */
}

.bnMenu a, .bnMenu a:visited {
  display:block;
  text-decoration:none;
  height: 100%;
  width: 125px;
  text-indent: 5px;
  border-width: 0;
}
.bnMenu ul ul {
  background: #eee;
  width:140px;
  left: 135px;
}
.bnMenu ul ul ul {
  background: #eee;
  width:140px;
  left: 140px;
}
.bnMenu ul ul a, .bnMenu ul ul a:visited {
  width: 140px;
  background: #eee;
/* sub menu background color */
  text-indent: 5px;
  margin-left: 0;
}
/* hack for IE5.5 */
* html .bnMenu a, * html .bnMenu a:visited {
   background: inherit;
   width:125px;
   w\idth:124px;
}

* html .bnMenu a:hover {
   background: #ccc;
   text-decoration: none;
   font-weight: bold;
}
/* fix hover bg bug -o0 */
.bnMenu ul ul a:hover {
   background: #ccc;
}
.bnMenu ul a:hover {
   background: #ccc;
}

.bnMenu :hover > a,
.bnMenu :hover > a:visited {
    background: #ccc;
    font-weight: bold;
}
.bnMenu ul :hover  {
    /* hover color */
    background: #eee;
}
.bnMenu ul ul {
    visibility:hidden;
    position:absolute;
    top: -1px;
    left:135px;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.bnMenu ul :hover ul,
.bnMenu ul li:hover ul,
.bnMenu ul a:hover ul {
    visibility:visible;
}
.bnMenu ul :hover ul ul,
.bnMenu ul li:hover ul ul,
.bnMenu ul a:hover ul ul {
    visibility:hidden;
}
.bnMenu ul :hover ul :hover ul,
.bnMenu ul li:hover ul li:hover ul,
.bnMenu ul a:hover ul a:hover ul {
    visibility:visible;
}
.bnMenu a.bnMenuUnavailable:visited,
.bnMenu a.bnMenuUnavailable,
.bnMenu a.bnMenuUnavailable:link,
.bnMenu a.bnMenuUnavailable:hover {
  color: #999;
}

/**** Base Footer ***/
div#bnFooter {
    margin:0px;
    border-top:1px solid #CCC;
    padding-top:10px;
    margin-top:5px;
}
div#bnFooterBottom {
    background:#FFFFFF;
    padding:2px;
}
div#bnFooter div.bnLinks {
    margin-top:2px;
}
div#bnFooter div.bnPacificBrands {
    float:right;
    padding-right:5px;
    font-size:11px;
}
div#bnFooter div.bnPacificBrands ul, div#bnFooter div.bnPacificBrands li {
    margin:0pt;
    padding:0pt;
}
div#bnFooter div.bnPacificBrands img {
    margin-bottom:-4px;
}
div#bnFooter div.bnPacificBrands li.bnWebSite {
    color:#999999;
    font-size:12px;
    list-style-type:none;
    text-align:right;
    margin:4px 0;

}
div#bnFooter div.bnCopyright a, div#bnFooter div.bnCopyright a:visited, div#bnFooter div.bnPacificBrands a, div#bnFooter div.bnPacificBrands a:visited {
    color:#999999;
}
div#bnFooter div.bnCopyright a:hover, div#bnFooter div.bnPacificBrands a:hover {
    color:#CC0000;
}
div#bnFooter div.bnPacificBrands li.bnLearnMore {
    color:#999999;
    font-size:9px;
    list-style-type:none;
    padding-top:2px;
    text-align:right;
}
div#bnFooter div.bnPacificBrands li.bnLearnMore a {
    font-size:9px;
}
div#bnFooter div.bnCopyright {
    color:#999999;
    font-size:9px;
    padding:5px 5px 10px;
}
div#bnFooter div.bnLinks li {
    border-left:1px solid #999999;
    display:inline;
    list-style-type:none;
    padding:0px 5px;
}
div#bnFooter div.bnLinks li.bnFirst {
    border:0pt none;
}
div#bnFooter div.bnLinks ul, div#bnHeaderTopButtons ul {
    margin:0pt;
    padding:0pt;
}

div#bnFooter div.bnPacificBrands a {
background-image: url('../../../themes/Brands/images/pacificbrands.gif');
background-repeat:no-repeat;
background-position:top right;
padding-top: 20px;
width: 200px;
text-align:right;
display:block;
float:right;
}

/*** article formating ***/
.formatstory_informant, .formatstory_informant p {
   padding-left: 10px;
   padding-right: 10px;
}
.formatstory_informant{
    padding-top: 10px;
}

/*Entitlements Progress */
div#bnEntitlementsProgressMessagesOuter {
  width: 100%;
  margin-bottom: 20px;
}
div#bnEntitlementsProgress {
  background-color: #DAE8E0;
  /*
  border-left: 4px solid #f1c109;
  border-right: 4px solid #f1c109;
  */
}

div#bnEntitlementsProgressInner {
  padding: 7px;
  padding: 7px;
}
b.bnEntitlementsProgressInnerBorder b.bnB1,
b.bnEntitlementsProgressInnerBorder b.bnB2,
b.bnEntitlementsProgressInnerBorder b.bnB3,
b.bnEntitlementsProgressInnerBorder b.bnB4  {
  background-color: transparent;
}
b.bnEntitlementsProgressInnerBorder b.bnB1 {
  border-left: 2px solid #f1c109;
  border-right: 2px solid #f1c109;
}
b.bnEntitlementsProgressInnerBorder b.bnB2 {
  border-left: 1px solid #f1c109;
  border-right: 1px solid #f1c109;
}
b.bnEntitlementsProgressInnerBorder b.bnB3 {
/*  border-left: 1px solid #f1c109;
  border-right: 1px solid #f1c109; */
}
b.bnEntitlementsProgressInnerBorder b.bnB4 {
}

b.bnEntitlementsProgressOuterBorder b.bnB1,
b.bnEntitlementsProgressOuterBorder b.bnB2,
b.bnEntitlementsProgressOuterBorder b.bnB3,
b.bnEntitlementsProgressOuterBorder b.bnB4  {
  background-color: #009900;
}
b.bnEntitlementsProgressOuterBorder b.bnB1 {
  margin: 0 5px;
}
b.bnEntitlementsProgressOuterBorder b.bnB2 {
  margin: 0 3px;
}
b.bnEntitlementsProgressOuterBorder b.bnB3 {
  margin: 0 2px;
}
b.bnEntitlementsProgressOuterBorder b.bnB4 {
  margin: 0 1px;
  height: 2px;
}
div#bnEntitlementsProgressOuter {
  margin-right: 3px;
}

b.bnB1,
b.bnB2,
b.bnB3,
b.bnB4 {
  display: block;
  overflow: hidden;
  height: 1px;
}

td.ba_ent_employee_heading1 {
    background: #FFFF00;
}

td.ba_ent_employee_heading2 {
    border-bottom:  1px solid #000000;
}

td.ba_ent_employee_row {
    border-bottom:  1px dotted #CCCCCC;
}

/***** Message *****/
div.cc_notice, div.cc_error, div.bnError, div.bnNotice, div.bnWarning {
    padding:10px;
    padding-left:30px;
    margin-bottom:5px;
}
div.bnError, div.cc_error{
    background: #CC0000 url('../../../images/smilies/icon4.gif') no-repeat 10px 10px;
    font-size:12px;
}

div.bnNotice, div.cc_notice{
    background: #379B3C url('../../../images/smilies/icon3.gif') no-repeat 10px 10px ;
}

div.bnNotice p, div.bnError p, div.bnWarning p{
    width:100%;
    margin:0;
    padding:0;
    font-weight:bold;
    color:#000;
}

div.bnWarning {
    background: #FCA43A url('../../../images/smilies/icon41.gif') no-repeat 10px 8px ;
}

.bnErrorMessage{
    color:#CC0000;
}

div.bnAddedProduct {
    background-color:#FFFF66;
    padding:6px;
    margin:2px;
    text-align:center;
}
div.bnAddedProduct p a {
    border-bottom:1px dotted #333333;
    font-size:inherit;
    font-weight:inherit;
    text-decoration:none;
}
div.bnAddedProduct p a:hover {
    color:#CC0000;
}

div.bnAddedProduct p {
    padding:0;
    margin:0;
    font-size:14px;
    font-weight:bold;
}
div.bnError ul{
    color: #FFF;
    list-style:none;
    padding:0 0 0 10px;
    margin:5px 0 0 0;
}

/* COST CENTRE ADMIN SCREEN */

div.cc_heading h1{
    font-size:14px;
}
div.cc_notice, div.cc_error{
    width:85%;
    font-weight:bold;
    color:white;
}

div.cc_heading{
    border-bottom:2px solid #ccc;
    float:left;
    width:90%;
}

div.cc_heading h1{
    display:inline;
    float:left;
    margin-bottom:0px;
}

div.cc_heading a {
    float:right;
    padding-top:7px;
    padding-right:20px;
}
div.cc_clear, .clearer{
    clear:both;
}
table.cc_table{
    width:90%;
    margin-bottom:10px;
}
table.cc_table td{
    padding:5px;
}
table.cc_table td.index{
    width:10%;
}
table.cc_table td.code{
    width:35%;
}
table.cc_table td.desc{
    width:35%;
}
table.cc_table td.options{
    width:15%;
}
div#cc_page{
    padding:0 10px;
}

#cc_wrapper{
}
#cc_edit{
}
#cc_edit label{
    display:block;
    text-align:left;
}
#cc_edit input.text,  #cc_edit textarea{
    margin-bottom:5px;
    border: 1px solid #ccc;
    width: 200px;
    padding:5px;
}
#cc_edit input.submit{
    margin-top:5px;
    border: 2px solid #CCC;
}
div.cc_status{
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    color:#FFFFFF;
    font-size:10px;
    font-weight:bold;
    padding:2px 1px;
    text-align:center;
    text-transform:uppercase;
    width:62px;
}
div.cc_enabled{
    background:#379B3C none repeat scroll 0 0;
}

div.cc_disabled{
    background:#AB0214 none repeat scroll 0 0;
}
#cc_wrapper{
}
#cc_edit{
}
#cc_edit label{
    display:block;
        text-align:left;
}
#cc_edit input.text,  #cc_edit textarea{
    margin-bottom:5px;
        border: 1px solid #ccc;
            width: 200px;
                padding:5px;
}
#cc_edit input.submit{
    margin-top:5px;
        border: 2px solid #CCC;
}
/* END COST CENTRE ADMIN SCREEN */

.centrebox_loader{
    width:16px;
    height:16px;
    margin:0px;
}

.sidebox_loader{
    margin: 10px 10px 10px 50px;
}

#ent_status img{
    width:15px;
}

.brandsCentrebox{
    text-align: center;
    padding:5px;
    border: 1px solid;
}

/* CSS For News Articles - Start */
.bnNewsArticleImage {
    float:right;
}
.bnNewsArticleImage img {
    max-height:150px;
    max-width:150px;
    margin:10px;
}
.bnNewsArticleContent {
    margin:10px;
}
.bnNewsArticleTitle{
  background: #b0b0b0 url('../../../themes/Brandsnet/images/loggedin/c-header2-cap.gif') no-repeat top right;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  height:15px;
  padding:6px;
}

.bnNewsArticleTitle .title{
    float:left;
}

.bnNewsArticleTitle .readmore, .bnNewsArticleTitle .date{
    float:right;
    margin-right:15px;
}

.bnNewsArticleIndex {
    margin-bottom: 10px;
}
.bnNewsArticleReadMore {
  position: absolute;
  right: 10px;
  top: 0px;
  padding:5px;
}
.bnNewsArticleFooter {
    clear: both;
}
/* CSS For News Articles - Stop */


.bnEmployeeCodeConfig .form{
    margin: 0px 20px;
}

.bnEmployeeCodeConfig .form label{
    display:block;
    padding-bottom:5px;
    color:#555555;
    font-weight:bold;
}

.bnEmployeeCodeConfig .form label i{
    font-weight:normal;
}

.bnEmployeeCodeConfig .form input.text, select.text{
    width:200px;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:10px;
    -moz-border-radius: 3px;
}

.bnEmployeeCodeConfig .bnPageFooterBar {
    border-top:1px solid #CCCCCC;
}

#tl-index-employee-create select{
    width:185px;
}
.bnPageHeader {
    padding: 5px 0;
}

ul.bnProductCategoryView{
    list-style: none;
    padding:0;
    margin:auto;
    text-align: center
}

ul.bnProductCategoryView li{
    display:-moz-inline-box;    /* FF2 */
    display:inline-block;
    width:200px;
    vertical-align:bottom
    margin: auto;
    margin-bottom:5px;
}

ul.bnProductCategoryView li{
    padding:0;
    margin:0;
    margin-bottom:5px;
    /display:inline
}
.bnProductCategoryView img{
    padding:5px;
}
.bnProductCategoryView a{
    float:left;
    width:100%;
}
.bnProductCategoryView .caption{
    float:left;
    width:100%;
}
.bnProductAdditionalImage{
    text-align:center;
    border:1px solid #cccccc;
    padding:5px;
    display:block;
    margin-bottom: 10px; 
    width:100px;
    height:80px;
}

.bnProductAdditionalImageBottom{
    border:1px solid #cccccc;
    margin-top:10px;
    margin-right:10px;
    float:left;
    padding:5px;
    width:100px;
}
.bnProductImage{
    padding:10px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    width:320px;
}
a.bnProductAdditionalImage span{
    float:right;
    position:relative;
    z-index:1;
}
a.bnProductAdditionalImage span{
    right: -10px;
}
a.bnProductAdditionalImage span img{
    width:10px;
}
.zoom{
    border:0px;
    position:absolute;
}
a.bnProductImage .zoom{
    left:-20px;
    width:20px;
}
a.bnProductAdditionalImage .zoom{
    left:-23px;
    width:14px;
}
.bnProductImage .caption{
    color:#CCCCCC;
}
.bnProductDescriptionBlock{
    margin:0 0 10px;
}
.bnProductWrapper{
    margin-bottom:10px;
    margin-top:5px;
}
.bnProductImageWrapper{
    margin:0 10px 5px 0;
    float:left;
}
.bnProductThumb{
    width:110px;
}
.bnProductMatrixWrapper{
    float:right;
    margin-right:10px;
    text-align:center;
}
.bnProductMatrixWrapper table{
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}
.bnProductMatrixWrapper .legend, .bnInventoryNav{
    margin-bottom:10px;
    clear:both;
}
.bnProductMessage p, .bnProductMessage a{
    font-weight:bold;
    text-align:center;
}

.bnProductDetails{
    overflow:hidden;zoom:1;
    min-height:250px;
}
* html .bnProductDetails{
    height: expression( this.scrollHeight < 251 ? "250px" : "auto" ); /* sets min-height for IE */
}

.bnProductDetails ul{
    padding:0;
    padding-left:20px;
    margin:0;
}
.bnProductImageWrapperMain{
    height:320px;
    width:320px;
    border:1px solid #CCCCCC;
}

.bnContactMessage{
    width:350px;
    height:200px;
}
.bnContactEmail{
    padding-left:10px
}
.bnContactType{
   margin:0; list-style:none;
   padding:10px;
}

ul.bnContactList{
    text-align:left
}
ul.bnContactList li{
    width:270px;
    text-align:left;
    margin-right:20px;
}
.bnContactOption{
    height:100px;
    margin-left:20px;
}

.bnCalendar{
    font-size: 10px; padding: 0px 2px; width: 70px;
}
.bnCalendarSelector{
    cursor: pointer; border: 1px solid #999; vertical-align: bottom; margin-bottom: 2px; margin-left: 5px;
}

.bnCalendarTime{
    width: 115px;
}

.bnProductSelectionSingleMode select{ margin-left: 1px;}
.bnProductSelectionSingleMode select option.generic{ color: red; }
.bnProductSelectionSingleMode .bnProductQuantity{
    text-align:center;
    width:30px;
    border: 2px solid #8F8F8F;
    background-color:#BFBFBF;
}
.bnProductSelectionSingleMode th{
    width:100px;
    border-bottom:1px solid #AA0033;
    padding-bottom:5px;
    padding-right:5px;
}
.bnProductSelectionSingleMode td{
    padding-top:5px;
    padding-right:5px;
}
.bnProductSelectionSingleMode td.cartImage, .bnProductSelectionSingleMode th.cartImage{
    width:15px;
}
.bnSubHeader { padding:5px; }
.bnSubHeader .HeaderLeft { float:left; padding-right:10px;}
.bnSubHeader .HeaderLeft a {border-right: 1px solid #666; padding:0 5px;font-size:inherit;}
.bnSubHeader .HeaderLeft a.last{border:0; padding:0}
.bnSubHeader .HeaderRight{ float:right; }
.bnSubHeader .HeaderRight a {border-right: 1px solid #666; padding:0 5px;}
.bnSubHeader .HeaderRight span{padding:0 5px;}
.bnSubHeader .HeaderRight a.last{border:0; padding:0}
.bnSubHeader .clear{ clear:both; }
.bnSubHeader .HeaderRight span.normal {border-right: 1px solid #666; padding:0 5px;}
.bnSubHeader .HeaderRight span.last{border:0; padding:0}

#bnHeaderAccountSelectionError{
    color:#CC0000;
}
div.bnNavigation{
    border-top: 2px solid #000088;
    background-color: #DFDFDF;
    padding:3px;
    height:15px;
}
div.bnNavigation ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    float:right;
}
div.bnNavigation .bnDescription{
    float:left;
}
div.bnNavigation ul li{
    padding:0px;
    color:#7F7F7F;
    display:inline;
}

div.bnNavigation ul li a{
    padding: 1px;
    cursor:pointer;
    color:#800000;
}

div.bnNavigation ul li{
    padding: 1px;
    cursor:default;
}
div.bnNavigation ul li a:hover {
    background-color:#5F5F5F;
    color:white;
    text-decoration:none;
}
.bnTradingLevel{
    padding:0;
    margin:0;
    height: 65px;
}
.bnTradingLevel select{
    width:150px;border:1px solid #ccc; padding:1px;
}
.bnTradingLevel label{
    display: block;
    margin-bottom: 5px;
    font-weight:bold;
}
.bnTradingLevel input.levelInput{
    width:110px;
    padding: 3px;
    border: 1px solid #ddd;
}

.bnTradingLevel .calendar_wrapper input{
    width:70px;
}

.bnTradingLevel input.search-more{
    background: #FFFFFF url('../../../images/collapse.gif')  no-repeat 115px 48%;
    cursor:pointer;cursor:hand;
    padding-right:15px;
}

.bnTradingLevel input.search-loader{
    background: transparent url('../../../images/loading-mini.gif') no-repeat 98% 48%;
}

.calendarButton{
    cursor:pointer;
    border:0;
    padding:0;
}
#customer_change{
/float:left;
}
.bnTradingLevel table{padding:0; margin:0; height: 10px;}

.bnPageHeaderBarLeft{
    padding:3px;    
    margin-left:3px;
}
.bnPageHeaderBarLeft a.special{
    display:block;
    float:left;
    padding:3px 6px;
    border-right:1px solid #CCCCCC;
}
.bnPageHeaderBarLeft a.last{
    border:0;
}
.bnPageHeaderBarRight{
    float:right;
    margin-right:3px;
}
.bnPageHeaderBarLeft div.text{
    float:left;
}
.bnPageHeaderBarLeft div.legend{
    float:left;
}
#bnPageForm{
    padding:0; margin:0;
}
.bnInventoryNav{
    list-style:none;
    margin:0;
    padding:0;
    margin:1px;
    text-align:inherit;
}
.bnInventoryNav li{
    display:inline;
    padding:3px;
}
.bnInventoryNav li span{
    border:1px solid #000000;
    font-size:12px;
    display:inline-block;
    height:12px;
    width:12px;
    margin-right:2px;
    position:relative;
    top:2px;
}

.mandatory{
    color:red;
}
.bnVAOptions .errorMessage{
    color:red;
    display:block;
}
.bnVAOptions table{
    border-bottom: 1px solid rgb(204, 204, 204); margin: 0pt; padding: 0pt; width: 100%; text-align: left;
}
.bnVAOptions table tr{
    margin-bottom:5px;
}
.bnVAOptions th{
    width:200px;
}
.bnVAOptions div{
    text-align:left;
}
.bnVAOptions td{
    text-align:left;
    padding:2px;
}
.bnVAOptions td.option{
    text-align:right;
    width:150px;
    vertical-align:top;
}
.bnVAOptions td.value{
    text-align:left;
}

.bnVAOptions td.quote{ font-weight:bold }
.bnVAOptions td.prompt{ font-weight:normal}

/**
 * Brandsnet Administration Styles
 * Inspired by Alan's 1001 shades of grey
 */

.ba_heading1 {
    font-size:13pt;
    font-weight:bold;
    margin:2px;
    padding:2px;
}

h3.ba_heading1,
h2.ba_heading1,
h1.ba_heading1 {
}

div.ba_heading1 {
}

th.ba_heading1 {
    text-align:left;
}

caption.ba_heading1 {
    text-align:left;
}
.ba_heading2 {
    font-size:11pt;
    font-weight:bold;
    padding:2px;
    margin-bottom:2px;
    border:solid 1px #ccc;
    background-color:#ddd;
}

h4.ba_heading2,
h3.ba_heading2,
h2.ba_heading2 {}
div.ba_heading2 {}
th.ba_heading2 { text-align:left;}
caption.ba_heading2 { text-align:left; }

.ba_heading3 {
    font-size:9pt;
    font-weight:bold;
    background-color:#ddd;
    border:solid 1px #ccc;
    padding:2px;
}

h5.ba_heading3,
h4.ba_heading3,
h3.ba_heading3 {}
div.ba_heading3 {}
th.ba_heading3 { text-align:left; }
caption.ba_heading3 { text-align:left; }

/*
 * Labels
 * Typical used to label form inputs
 * Usually as <td class="ba_label">label</td>
*/
.ba_label {
    font-size:9pt;
    font-weight:bold;
    text-align:right;
    vertical-align:top;
    border:solid 1px #ccc;
    background-color:#eee;
    padding-right:5px;
}

/* td containing input */
td.ba_cell {
    border:solid 1px #ccc;
    background-color:#eee;
}

/* Alternating Rows */
.ba_row1 {
    border:solid 1px #ccc;
}
.ba_row2 {
    border:solid 1px #ccc;
    background-color:#eee;
}

/* Inputs, Textarea etc */
.ba_input {
    border:solid 1px #ccc;
    font-size:9pt;
    color:#666;
}

/* Form Buttons */
input.ba_button {
    border: solid 1px #ccc;
    cursor: pointer;
    cursor: hand;
}
input.ba_button:hover {
    background-color:#eee;
}


/* Error Messages */
td.ba_error {
    border:solid 1px #ccc;
    background-color:#eee;
    color:#E00;
    padding:2px;
    margin:2px;
}
.ba_error:before { content: "\2620\0020"; }

/* Highlight Required Fields */
.ba_required:before {
    content: "\002A";
    color:#D00;
}

#pi { position:absolute; bottom:3px; right:8px; }
#pi:before {
    content: "\03A0";
    font-size:8pt;
    color:#eee;
}

/* Widget css until resource handler fixed */
.bn-widget-block-division-opened {
    width: auto;
    height: auto;
    display: block;
    border: 5px solid #ddd;
    padding: 1.0em 0.7em 1.0em 0.7em;
    background: #eeeeee;
}

.bn-widget-block-division-closed {
    display: none;
}

a.bn-widget-block-division-opened:hover {
    background: #eeeeee;
}

a.bn-widget-block-division-closed:hover {
    background: #ffffff;
}

a.bn-widget-block-division-opened {
    border: 3px solid #eeeeee;
    position: relative;
    top: 0.7em;
    display: inline;
    margin: 0px 0.7em 0px 0.7em;
    padding: 0.2em 0.7em 0.3em 0.7em;
    color: #660000;
    background: #eeeeee;
}

a.bn-widget-block-division-closed {
    border: 0px solid #fff;
    position: relative;
    top: 0.7em;
    display: inline;
    margin: 0px 0.7em 0px 0.7em;
    padding: 0.2em 0.7em 0.3em 0.7em;
    color: #660000;
    background: #eeeeee;
}

.bn-widget-block-division {
/*   margin: 0px 20px 20px 20px;*/
}



/**
 * bn-widget-block-fold style
 **/
.bn-widget-block-fold {
}
.bn-widget-block-fold-title {
   position:relative;
   top:7px;
   display: inline;
   margin: 0px 10px;
   color: #666;
   background: #FFF;
   text-decoration: none;
}
.bnProductDetails .bn-widget-block-fold-title{
    margin:0;
}
.bn-widget-block-fold-title:hover {
    text-decoration:none;    
}
.bn-widget-block-fold-closed {
   margin-bottom: 1em;
}
.bn-widget-block-fold-opened div.bn-widget-block-fold-content {
   display: block;
   border: 1px solid #ddd;
   padding: 14px 10px 10px 10px;
}
.bnProductDetails .bn-widget-block-fold-opened div.bn-widget-block-fold-content {
    border:none;
    padding:10px 0 0;
    margin-bottom:5px;
}
.bn-widget-block-fold-closed div.bn-widget-block-fold-content {
   display: none;
}
p.bn-widget-block-fold-content {
   width: 100%;
}
.bn-widget-block-fold-image {
   border: none;
   vertical-align: text-top;
}

/**
 * bn-widget-tab configuration
 **/

       .bn-tab {
         width: 100%;
          padding: 8px 10px 0px 10px;
       /* border-bottom: 1px solid #333;*/
         font-weight: bold;
      }

       .bn-tab-content {
         border-top: 1px solid #333;
        /* border-left: 1px solid #333;
         border-right: 1px solid #333;
         border-bottom: 1px solid #333;*/
       }

       .bn-tab-selected-hover,
       .bn-tab-selected {
         background: #eee;
         font-weight: bold;
         display: inline;
         position: relative;
         bottom: -1px;
         color: #000;
         border-left: 1px solid #333;
         border-top: 1px solid #333;
         border-right: 1px solid #333;
         border-bottom: 1px solid #fff;
         padding: 8px 10px 0px 10px;
/*         height: 0em; */
       }

       .bn-tab-unselected-hover {
         background: #a03;
         color: #fff;
         font-weight: normal;
         display: inline;
         position: relative;
         border: 1px solid #a03;
         padding: 6px 8px 0px 8px;
         cursor: pointer;
       }

       .bn-tab-unselected {
         color: #fff;
         background: #888;
         position: relative;
         border-left: 1px solid #333;
         border-right: 1px solid #333;
         border-top: 1px solid #333;
         border-bottom: 1px solid #333;
         font-weight: normal;
         padding: 4px 8px 0px 8px;
         display: inline;
      }


/****************
 * Form Layouts *
 ****************/
.bnFormPaymentCardDetails {
}
.bnFormItem {
  padding: 0 0 0px 0;
/*  height: 2em; */
}
.bnFormItemTotal .bnFormLabel,
.bnFormItem .bnFormLabel {
  display: block;
  height: auto;
  float: left;
  clear: left;
  width: 180px;
}
.bnFormItemTotal .bnFormContent,
.bnFormItem .bnFormContent {
  margin-left: 0px;
}
.bnFormItemTotal .bnFormLabel {
  font-weight: bold;
}
.bnFormItemTotal .bnFormContent {
  border-top: 1px solid #ddd;
  font-weight: bold;
}

.bnFormContent .bnFormLabel {
  display: inline;
  width: auto;
/*  float: none; */
}

/*
.bnFormContent input {
   background: #eee;
}
*/
.bnFormRequired {
  vertical-align: top;
  color: #ee000a;
  margin-right: 5px;
}

.bnFormError {
  margin-left: 180px;
  margin-bottom: 10px;
  font-size: 9px;
  display: block;
}
.bnFormContent em {
  font-style: normal;
}
.bnFormError em {
  color: #ee000a;
  font-weight: bold;
  font-style: normal;
}
.bnFormStatus {
  color: #333;
  margin-left: 10px;
  display: block;
  height: auto;
  font-size: 9px;
}
.bnFormStatus .bnFormContent,
.bnFormStatus .bnFormError {
  font-size: inherit;
  margin-left: 0;
}
.bnFormSubsection {
  margin-top: 20px;
  margin-bottom: 10px;
}
.bnFormSubsection .bnFormSubsectionTitle {
  margin-left: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
.bnFormSubsection .bnFormSubsectionContent {
  margin-left: 40px;
}
.bnFormPaymentMethodCode {
  vertical-align: middle;
}
.bnFormPaymentMethodTitle {
  vertical-align: middle;
}
.bnFormPaymentDetail .bnFormContent {
  margin-left: 180px;
  display: block;
  height: auto;
/*  width: 155px; */
  width: 13em;
  text-align: right;
}

.bnFormPaymentDetail .bnFormItemTotal .bnFormLabel {
    text-align: right;
    padding-right: 20px;
}

.bnFormPaymentMethodSelected, bnFormAddressSelected {
    background: #ddd;
}
.bnFormPaymentMethodUnselected, .bnFormAddressUnselected {
    padding: 5px;
    background: #e5e5e5;
}
.bnFormPaymentMethodDetailSelected, .bnFormAddressDetailSelected {
    margin: 0 5px 5px 5px;
    border: 1px solid #ddd;
/*    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5; */
}
.bnFormPaymentMethodDetailUnselected, .bnFormAddressDetailUnselected{
    margin: 0;
    display: none;
}

.bnOrderPaymentsTitle,
.bnOrderAddressesTitle {
  background-color: #ddd;
  border: 1px solid #ccc;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: bold;
  margin-top: 10px;
  margin-right:10px;
}
.bnOrderPayments {
/*  padding: 5px 10px; */
/*  border: 1px solid #CCC; */
  padding: 2px 10px 5px 25px;
}
.bnOrderAddress {
    width: 98%;
    margin-top: 5px;
}
.bnOrderAddressTitle, .bnFormPaymentMethod {
  background: #e5e5e5;
  padding: 2px 5px;
  border: 1px solid #ddd;
  margin-bottom: 3px;
  margin-top: 3px;
  cursor: pointer;
  cursor: hand;
}
.bnOrderAddressTitleHighlight {
  background: #ddd;
}
.bnOrderAddressDetails {
    padding: 0px 10px 5px 30px;
}
.bnOrderAddressDetailsHidden {
    display: none;
    padding: 0px 10px 20px 10px;
}
.bnOrderAddressInfoWide {
    padding: 1px 1px 1px 10px;
}
.bnOrderAddressInfo {
    width: 330px;
    float: left;
    padding: 1px 1px 1px 10px;
}
.bnOrderAddressLabel {
    width: 65px;
    float: left;
}
.bnOrderAddressDetail {
    width: 200px;
    float: left;
}
.bnOrderAddressError {
    padding: 5px 0px 10px 10px;
    font-weight: bold;
    color: red;
    font-size: 10px;
}
.spacer {
    clear: both;
}
.iError {
  border: 1px solid red;
}


.bn-range-selected {
  border: 1px solid #FF0000;
}

.bn-range-unselected {
  border: 1px solid #0000FF;
}

.bnContainer {
   border: 0px solid #0ff;
   position: relative;
   width: 100%;
   color: #333;
   margin-bottom: 10px;
   padding: 0;
}
/* Outer Border Region */
.bnContainer .bnContent {
    position: relative;
    z-index: 1000;
    margin: 0;
    padding: 0;
/*  Fix gecko border bug padding */
    padding: 1px;

}
/* Inner Border Region */
.bnContainer .bnContentInner {
   margin: 0px;
    /* Fix gecko border bug less than  width less padding above else see transparent border */
/*    margin: 17px 5px; */
/*    background: #08c; */
}
.bnContainer .bnEdge {
    position: absolute;
    overflow: hidden;
}

.bnContainer .bnVertical {
    height: 20px;
    padding: 0;
    margin: 0;
    left: 20px;
    right: 20px;
    overflow: hidden;
}
.bnContainer .bnVertical div {
   margin: 0;
   padding: 0;
   height: 20px;
   background-color: #08c;
}
.bnContainer .bnHorizontal {
    position: relative;
    /* padding fix */
    margin: 12px -1px;
    padding: 0px 10px;
    background-color: #08c;
}
.bnContainer .bnCorner {
   position: absolute;
   width: 20px;
   height: 20px;
/*   color: #08c; */
   overflow: hidden;
}

.bnContainer .bnCorner div {
   position: relative;
   font-size: 150px;
   font-family: arial, helvetica;
   color: #08c;
}
.bnContainer .bnTop div {
   top: -65px;
}
.bnContainer .bnLeft div {
   left: -8px;
}
.bnContainer .bnRight div {
   left: -25px;
}
.bnContainer .bnBottom div {
   top: -80px;
}

.bnContainer .bnTop {
   top: 0;
}
.bnContainer .bnLeft {
   left: 0;
}
.bnContainer .bnBottom {
   bottom: 0;
}
.bnContainer .bnRight {
   right: 0;
}
* html .bnContainer .bnRight {
   right: -1px;
}

/** SHOPPING CART **/

/** Table Defaults **/
.scDetails, .scStyleView, .scColourView, .scDetailView, .scWarningView, .scWarehouseView, .scKitView, .scFooter {
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-collapse: collapse;
  width: 100%;
}
.scFooter {
    margin-bottom: 15px;
}

/** Headings **/
.scHeader {
 /* background: #EEEEEE;
  border-top: 2px solid #CCCCCC;*/
  width: 100%;
/*  margin-bottom: 5px;*/
}
.scHeader td {
  padding: 0px 4px;
}
tr.scLineHead th {
  font-weight: normal;
  padding: 0px 5px 5px 5px;
  border-bottom: 1px solid #666;
}
th.scRemove a { font-weight: bold; }


/** Loading **/
.scLoading, .ocLoading {
  margin: 5px 0px 25px 0px;
  text-align: center;
  color: #BBB;
}
.scLoading img, .ocLoading img {
  margin: 10px;
}

/** Columns **/
.scLineStyle td, .scLineColour td, .scLineItem td, .scKitItem td, .scKit td {
  padding: 2px 5px 0px 5px;
}
.scProduct, .scStyle, .scColour, scKitName { text-align: left; }
.scRemove, .scQuantity, .scSize, .scFit, .scThreshold, .scStart, .scStop, .scAvailable, .scWarehouse { text-align: center; }
.scValue, .scEmployee, .scEmployer { width: 80px; text-align: right; }
.scRemove { width: 45px; }
.scQuantity { width: 30px; }

.scKitName {
    background:#EEEEEE none repeat scroll 0% 50%;
    border-top:2px solid #CCCCCC;
    border-bottom:2px solid #CCCCCC;
    margin-bottom:5px;
}

td.scQuantity, td.scProduct, td.scStyle, td.scColour, td.scSize, td.scFit, td.scThreshold, td.scEmployee, td.scEmployer, td.scStart, td.scStop, td.scAvailable, td.scWarehouse, td.scWarning, td.scValue {
  border-left: 1px dotted #D9D9D9;
}
td.scQuantity input {
    width: 25px;
}

/** Default View - Note: can only hide rows by default, hiding td's goes wacked.  **/
.scDefaultView tr { display: none; }

/** Style View **/
.scStyleView tr.scLineColour, .scStyleView tr.scLineItem, .scStyleView tr.scKitItem, .scStyleView tr.scKit, .scStyleView .scColour, .scStyleView .scSize, .scStyleView .scFit, .scStyleView .scThreshold, .scStyleView .scEmployee, .scStyleView .scEmployer, .scStyleView .scStart, .scStyleView .scStop, .scStyleView .scAvailable, .scStyleView .scWarehouse, .scStyleView .scWarning {
  display: none;
}
.scStyleView, .scStyleView tr.scLineStyle, .scStyleView .scStyle {
  display: '';
}
.scStyleView .scStyle { width: 211px; }

/** Colour View **/
.scColourView tr.scLineStyle, .scColourView tr.scLineItem, .scColourView tr.scKitItem, .scColourView tr.scKit, .scColourView .scSize, .scColourView .scFit, .scColourView .scThreshold, .scColourView .scEmployee, .scColourView .scEmployer, .scColourView .scStart, .scColourView .scStop, .scColourView .scAvailable, .scColourView .scWarehouse, .scColourView .scWarning {
  display: none;
}
/** This is intentional by alan -o0**/
.scColourView tr.scLineColour, .scColourView tr.scLineStyle, .scColourView .scStyle, .scColourView .scColour {
 display: '';
}
.scColourView .scStyle { width: 100px; }
.scColourView .scColour { width: 100px; }


/** Detail View **/
.scDetailView tr.scLineStyle, .scDetailView tr.scLineColour, .scDetailView tr.scKitItem, .scDetailView tr.scKit, .scDetailView .scWarehouse, .scDetailView .scWarning {
    display: none;
}
.scDetailView tr.scLineItem, .scDetailView .scColour, .scDetailView .scSize, .scDetailView .scFit, .scDetailView .scThreshold, .scDetailView .scEmployee, .scDetailView .scEmployer, .scDetailView .scStart, .scDetailView .scStop, .scDetailView .scAvailable {
  display: '';
}
.scDetailView .scStyle { width: 70px; }
.scDetailView .scColour { width: 80px; }
.scDetailView .scSize, .scDetailView .scFit, .scDetailView .scThreshold, .scDetailView .scEmployee, .scDetailView .scEmployer { width: 30px; }
.scDetailView .scStart, .scDetailView .scStop, .scDetailView .scAvailable { width: 110px; text-align:center; }

/** Warning View  **/
.scWarningView tr.scLineStyle, .scWarningView tr.scLineColour, .scWarningView tr.scKitItem, .scWarningView tr.scKit, .scWarningView .scStart, .scWarningView .scStop, .scWarningView .scAvailable {
    display: none;
}
.scWarningView tr.scLineItem, .scWarningView .scColour, .scWarningView .scSize, .scWarningView .scFit, .scWarningView .scThreshold, .scWarningView .scEmployee, .scWarningView .scEmployer, .scWarningView .scWarehouse, .scWarningView .scWarning {
  display: '';
}
.scWarningView .scStyle { width: 70px; }
.scWarningView .scColour { width: 80px; }
.scWarningView .scSize, .scWarningView .scFit, .scWarningView .scThreshold, .scWarningView .scEmployee, .scWarningView .scEmployer, .scWarningView .scEmployee, .scWarningView .scEmployer, .scWarningView .scEmployee, .scWarningView .scEmployer { width: 20px; }
.scWarningView .scWarning { width: 150px; }

/** Warehouse View  **/
.scWarehouseView  tr.scLineStyle, .scWarehouseView tr.scLineColour, .scWarehouseView tr.scKitItem, .scWarehouseView tr.scKit, .scWarehouseView .scStart, .scWarehouseView .scStop, .scWarehouseView .scAvailable, .scWarehouseView .scWarning {
  display: none;
}
.scWarehouseView tr.scLineStyle, .scWarehouseView tr.scLineColour, .scWarehouseView .scStart, .scWarehouseView .scStop, .scWarehouseView .scAvailable, .scWarehouseView .scWarning {
  display: '';
}

.scWarehouseView .scStyle { width: 70px; }
.scWarehouseView .scColour { width: 80px; }
.scWarehouseView .scSize, .scWarehouseView .scFit, .scWarehouseView .scThreshold, .scWarehouseView .scEmployee, .scWarehouseView .scEmployer { width: 30px; }
.scWarehouseView .scWarehouse { width: 120px; }


/** Kit View **/
.scKitView tr.scLineStyle, .scKitView tr.scLineColour, .scKitView tr.scLineItem, .scKitView .scWarehouse {
    display: none;
}
.scKitView tr.scKitItem, .scKitView .scColour, .scKitView .scSize, .scKitView .scFit, .scKitView .scThreshold, .scKitView .scEmployee, .scKitView .scEmployer, .scKitView .scStart, .scKitView .scStop, .scKitView .scAvailable, .scKitView .scWarning {
  display: '';
}
.scKitView .scStyle { width: 70px; }
.scKitView .scColour { width: 80px; }
.scKitView .scSize, .scKitView .scFit, .scKitView .scThreshold, .scKitView .scEmployee, .scKitView .scEmployer { width: 30px; }
.scKitView .scStart, .scKitView .scStop, .scKitVIew .scAvailable { width: 110px; text-align:center; }



/** CHECKOUT **/
.bnOrderHeader {
  margin: 0px 0px;
  width: 100%;
}
.bnOrderHeader td {
  vertical-align: bottom;
  height: 20px;
}
.bnOrderHeader select {
  font-size: 10px;
}


/** Headers **/
.bnOrderHeaderTitle a {
    font-weight: bold;
    text-decoration: none;
}
.bnOrderHeaderTitle img {
  vertical-align: bottom; margin-bottom: 2px; margin-left: 5px; margin-right: 5px;
  border: none;
}


.bnOrderHeaderSection {
    border-top: #E0E0E0 1px solid; padding: 4px 0px;
}
.bnOrderHeaderSectionHide {
    display: none;
}
.bnOrderHeaderSectionShow {
  padding: 10px 0px 10px 25px;
}

.bnOrderDiscount {
  margin-top: 5px;
}
.bnOrderDiscount span {
  border: 1px solid #DDD;
  padding: 5px 10px 5px 10px;
  margin: 0px 10px 0px 0px;
  vertical-align: middle;
  height: 20px;
}
.bnOrderDiscount input, .bnOrderDiscount select {
  font-size: 10px;
  vertical-align: middle;
}

/** Table Defaults **/
.ocDetails, .ocStyleView, .ocColourView, .ocDetailView, .ocWarningView, .ocWarehouseView, .ocKitView, .ocHeader, .ocFooter {
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-collapse: collapse;
}
.ocDetailView{
    width:100%;
}
.ocHeader {
  background: #EEEEEE; border-top: 2px solid #CCCCCC; padding: 10px; padding-top: 2px; padding-bottom: 6px; margin-bottom: 10px;
  border-collapse: none;
}
#bnCheckoutPayment .ocHeader{
    width:100%;
}
.ocFooter {
  margin-bottom: 15px;
}

/** Headings **/
tr.ocHeadRow th {
  font-weight: normal;
  padding: 0px 5px 5px 5px;
  border-bottom: 1px solid #666;
}

tr.ocHeadRow{
    width:100%;
}

/** Columns **/
.ocStyleRow td, .ocColourRow td, .ocLineRow td, .ocKitItem td, .ocKit td {
  padding: 2px 5px 2px 5px;
}
.ocProduct, .ocStyle, .ocColour, ocKitName { text-align: left; }
.ocRemove, .ocQuantity, .ocSize, .ocFit, .ocThreshold, .ocStart, .ocStop, .ocWarehouse, .ocDiscount, .ocOverride { text-align: center; }
.ocNet, .ocEmployee, .ocEmployer, .ocTrade, .ocList, .ocValue { text-align: right; }
.ocValue { width: 80px; }
.ocRemove { width: 25px; }
.ocQuantity { width: 25px; }
.ocNet { width: 50px; }
.ocList { width: 50px; }
.ocOverride { width: 55px; }
.ocDiscount { width: 55px; }
.ocStyle { width: 65px; }
.ocEmployee, .ocEmployer { width: 50 px;}
.ocDiscount input { width: 35px; height: 18px; background: #FFFFFF; border: 1px solid #AAA; }
.ocOverride input { width: 40px; height: 18px; background: #FFFFFF; border: 1px solid #AAA; }

.ocDetailView .ocSize, .ocDetailView .ocFit { width: 30px; }
.ocKitView .ocSize, .ocKitView .ocFit, .ocKitView .ocThreshold { width: 30px; }
.ocTrade { width: 40px; }
.ocKitView{ width:100%; }
.ocKitName {
    background:#EEEEEE none repeat scroll 0% 50%;
    border-top:2px solid #CCCCCC;
    border-bottom:2px solid #CCCCCC;
    margin-bottom:5px;
}

td.ocQuantity, td.ocProduct, td.ocStyle, td.ocColour, td.ocSize, td.ocFit, td.ocThreshold, td.ocList, td.ocDiscount, td.ocOverride, td.ocTrade, td.ocEmployee, td.ocEmployer, td.ocNet, td.ocValue {
  border-left: 1px dotted #D9D9D9;
}

.ocColourView .ocColour { width: 100px; }
.ocDetailView .ocColour { width: 75px; }
.ocKitView    .ocColour { width: 75px; }

/** VA **/
.ocVAtext {font-size: 11px;}

/** Default View - Note: can only hide rows by default, hiding td's goes wacked.  **/
.ocDefaultView tr { display: none; }

/** Hide Trade **/
.ocHideTrade .ocTrade { width: 0px; display: none }

/** Style View **/
table.ocColourView, table.ocDefaultView, table.ocStyleView, table.ocDetailView{ width:100%}
.ocStyleView tr.ocColourRow, .ocStyleView tr.ocLineRow, .ocStyleView tr.ocKitItem, .ocStyleView tr.ocKit, .ocStyleView .ocColour, .ocStyleView .ocSize, .ocStyleView .ocFit, .ocStyleView .ocThreshold, .ocStyleView .ocStart, .ocStyleView .ocStop, .ocStyleView .ocWarehouse, .ocStyleView .ocWarning, .ocStyleView .ocEmployee, .ocStyleView .ocEmployer {
  display: none;
}
.ocStyleView, .ocStyleView tr.ocStyleRow, .ocStyleView .ocStyle {
  display: '';
}

/** Colour View **/
.ocColourView tr.ocStyleRow, .ocColourView tr.ocLineRow, .ocColourView tr.ocKitItem, .ocColourView tr.ocKit,  .ocColourView .ocSize, .ocColourView .ocFit, .ocColourView .ocThreshold, .ocColourView .ocStart, .ocColourView .ocStop, .ocColourView .ocWarehouse, .ocColourView .ocWarning, .ocColourView .ocEmployee, .ocColourView .ocEmployer{
  display: none;
}
.ocColourView tr.ocColourRow, .ocColourView tr.ocStyleRow, .ocColourView .ocStyle, .ocColourView .ocColour {
  display: '';
}

/** Detail View **/
.ocDetailView tr.ocStyleRow, .ocDetailView tr.ocColourRow, .ocDetailView tr.ocKitItem, .ocDetailView tr.ocKit, .ocDetailView .ocWarehouse, .ocDetailView .ocWarning, .ocDetailView tr.ocThreshold, .ocDetailView tr.ocEmployee, .ocDetailView tr.ocEmployer {
    display: none;
}
.ocDetailView tr.ocLineRow, .ocDetailView .ocColour, .ocDetailView .ocSize, .ocDetailView .ocFit, .ocDetailView .ocStart, .ocDetailView .ocStop {
  display: '';
}

/** Kit View **/
.ocKitView tr.ocStyleRow, .ocKitView tr.ocColourRow, .ocKitView tr.ocLineRow, .ocColourView .ocSize, .ocColourView .ocFit, .ocColourView .ocStart, .ocColourView .ocStop, .ocColourView .ocWarehouse, .ocColourView .ocWarning {
    display: none;
}
.ocKitView tr.ocLineRow, .ocKitView .ocColour, .ocKitView .ocSize, .ocKitView .ocFit, .ocKitView .ocThreshold, .ocKitView .ocStart, .ocKitView .ocStop, .ocKitView .ocEmployee, .ocKitView .ocEmployer{
  display: '';
}


.ocStyleView .ocOrderWarning  { display: ''; }
.ocStyleView .ocStyleWarning  { display: ''; }
.ocStyleView .ocColourWarning { display: none; }
.ocStyleView .ocLineWarning   { display: none; }
.ocStyleView .ocKitWarning    { display: none; }

.ocColourView .ocOrderWarning  { display: ''; }
.ocColourView .ocStyleWarning  { display: none; }
.ocColourView .ocColourWarning { display: ''; }
.ocColourView .ocLineWarning   { display: none; }
.ocColourView .ocKitWarning    { display: none; }

.ocDetailView .ocOrderWarning  { display: ''; }
.ocDetailView .ocStyleWarning  { display: none; }
.ocDetailView .ocColourWarning { display: none; }
.ocDetailView .ocLineWarning   { display: ''; }
.ocDetailView .ocKitWarning    { display: none; }

.ocKitView .ocOrderWarning  { display: ''; }
.ocKitView .ocStyleWarning  { display: none; }
.ocKitView .ocColourWarning { display: none; }
.ocKitView .ocLineWarning   { display: ''; }
.ocKitView .ocKitWarning    { display: ''; }

/** Additional Info Box **/
.bnAdditionalInfo {
    padding: 0px;
    border-collapse: collapse;
    width:400px;
}
.bnAdditionalInfo td {
    padding: 2px 2px;
    vertical-align: top;
}

.bnAdditionalInfo .linedivider,
.bnAdditionalInfo .typedivider {
}
.bnAdditionalInfo .typedivider hr,
.bnAdditionalInfo .linedivider hr {
}
.bnAdditionalInfo .typedivider hr {
}
.bnAdditionalInfo .linedivider hr {
}

.bnAdditionalInfo .attrib {
    width: 200px;
    font-weight: bold;
}
.bnAdditionalInfo .colour,
.bnAdditionalInfo .fit,
.bnAdditionalInfo .size{
    width: 150px;
}
.bnAdditionalInfo .value {
    text-align: right;
    width: 120px;
}

.bnWYSIWYG {
   width: 99%;
}
    height: 2px;



/**  New Admin **/

/* newAdminMenu Width (combined) */
dl#newAdminMenu {
/*  width: 14em;*/
width: 12em;
}

/* Level 0 newAdminMenu buttons apart from dashboard) */
dl#newAdminMenu dt {
    cursor: pointer;
    margin: 2px 0;
    height: 20px;
    line-height: 20px;
    text-align: left;
    padding-left: 10px;
    color: #655F56;
    font: bold 11px Arial, Helvetica, sans-serif;
    border: 1px solid #FFC671;
    background: #FFD18C;
}

/* SubnewAdminMenu's */
dl#newAdminMenu dd {
    border: 0px solid #eee;
    margin: 0px;
    padding-left: 5px;
    text-align: left;
    list-style-type: none;
}

/* SubnewAdminMenu's */
dl#newAdminMenu ul {
    text-align: left;
    list-style-type: none;
    margin: 0 0 0 0px;
    padding-left: 15px;
/*  width: 13em;*/
}


/* Sub newAdminMenu Text Properties etc. */
dl#newAdminMenu li a, dl#newAdminMenu dt a {
    color: #000;
    text-decoration: none;
    font: 11px Arial, Helvetica, sans-serif;
    display: block;
    border: 0 none;
    height: 100%;
}

dl#newAdminMenu dt#newAdminDashboard {
    color: red;
    border: 1px solid #85B2DE;
    background: #A9C9E8;
}

dl#newAdminMenu dt#newAdminChangeCustomer {
    color: red;
    border: 1px solid #CCF81C;
    background: #E2FB7F;
}

/* Dashboard Properties
dl#newAdminMenu {
    cursor: pointer;
    margin: 2px 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #85B2DE;
    background: #a9c9e8;
} */

/* Hover Properties */
dl#newAdminMenu li a:hover {
    border-left: 1px solid #ffe5bf;
    font: 11px Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #ffe5bf;
}

/* left <td> for the blocks */
#newAdminBlocks {
/*  width: 15em;*/
    padding: 0 5 0 0px;
    margin: 0px;
/*  order-right: 1px solid #ccc;*/
/*  width:12.5em;*/
    width:12em;
    margin-left:5px;
    padding-left:5px;
}

#newAdminBody {
    padding: 10px;
}

.tabButton {
    border: 0px;
    background: #fff;
    color: #4388CD;
}

.tabButton:hover {
    border: 0px;
    background: #fff;
    color: #000;
}

.blockTableA {
    border:  5px solid #E8FFD1;
    margin:  0 0 0 5px;
    padding: 0 0 0 0px;
}

.blockTableAHeading {
background-color: #E8FFD1;
    color: #000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
}

.blockTableABottom {
    background-color: #E8FFD1;
    color: #333;
    text-align: right;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.blockTableARow {
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-bottom: 1px dotted #333;
    padding-left: 5px;
    padding-right: 5px;
}

.iframe_heading {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 5px;
}

.ba_ent_heading2 {
    font-size:11pt;
    font-weight:bold;
    padding:2px;
    margin-bottom:2px;
}

.ba_ent_heading3 {
    font-size:11pt;
    font-weight:bold;
    padding:2px;
    margin-bottom:2px;
    background-color:#FFF;
}

table.ba_ent {
    font-size:11pt;
    font-weight:bold;
    padding:2px;
    background-color:#A9C9E8;
    color:#333333;
}

/* Alternating Rows */
.ba_ent_row1 {
    font-weight:normal;
    text-align:center;
    color:#666666;
    background-color:#FFFFFF;
}
.ba_ent_row2 {
    font-weight:normal;
    text-align:center;
    color:#666666;
    background-color:#FFFFFF;
    border-top:  1px dotted #CCCCCC;
}

.ba_ent_heading {
    color:#666666;
    text-decoration:underline;
}

.ba_ent_heading4 {
    color:#666666;
    text-decoration:none;
}

.ba_ent_content {
    font-weight:normal;
    text-align:center;
    color:#666666;
    background-color:#FFFFFF;
}

.ba_ent_maint_heading4 {
    color:#666666;
    text-decoration:none;
    text-align:center;
}

table.ba_ent_maint {
    font-size:11pt;
    font-weight:bold;
    padding-left:6px;
    padding-right:6px;
    background-color:#DAE8E0;
    color:#333333;
    padding-bottom:6px;
}

/* Alternating Rows */
tr.ba_ent_maint_row1 {
    font-weight:normal;
    text-align:center;
    color:#666666;
    background-color:#FFFFFF;
    cursor:pointer;
    cursor:hand;
}

td.ba_ent_maint_row1 {
}

tr.ba_ent_maint_row2 {
    font-weight:normal;
    text-align:center;
    color:#666666;
    background-color:#FFFFFF;
    border-top:  1px dotted #CCCCCC;
    cursor:pointer;
    cursor:hand;
}

td.ba_ent_maint_row2 {
    border-top:  1px dotted #CCCCCC;
}

.ba_ent_maint_row1:hover {
    background-color:#EEEEEE;
}

.ba_ent_maint_row2:hover {
    background-color:#EEEEEE;
}

table.ba_ent_maint_tab {
    font-size:11pt;
    font-weight:bold;
    background-color:#FFFFFF;
    color:#333333;
}

.ba_ent_maint_tab_heading_selected {
    font-size:14pt;
    font-weight:normal;
    background-color:#A9C9E8;
    height:30px;
    color:#FFFFFF;
    text-align:center;
    border-top: 1px solid #43698F;
    border-left: 1px solid #43698F;
    border-right: 1px solid #43698F;
}

.ba_ent_maint_tab_heading {
    font-size:14pt;
    font-weight:normal;
    background-color:#FFFFFF;
    height:30px;
    color:#A9C9E8;
    text-align:center;
    border-top: 1px solid #43698F;
    border-left: 1px solid #43698F;
    border-right: 1px solid #43698F;
}

.ba_ent_maint_tab_heading:hover {
    background-color:#D4E4F4;
    color:#FFFFFF;
}

.ba_ent_content_heading {
    font-weight:bold;
    border-bottom: 1px solid #DAE8E0;
    text-align:left;
}

.ba_ent_label {
    font-size:9pt;
    text-align:left;
}

.ba_ent_label_right {
    font-size:9pt;
    text-align:right;
}

td.ba_ent_cell {
}

.ba_ent_input {
    border:solid 1px #ccc;
    font-size:9pt;
    color:#666;
    width:200px;
}

.ba_ent_select {
    border:solid 1px #ccc;
    font-size:9pt;
    color:#666;
    width:200px;
}

input.ba_ent_button {
    border: solid 1px #ccc;
    cursor: pointer;
    cursor: hand;
}
input.ba_ent_button:hover {
    background-color:#eee;
}

/* Content Maintenace- Start */
.dd-hide {
    display: none;
}

.hideSelect {
    visibility: hidden;
}

.content-div_height {
    height:20px;
}

.ajax-loading {
    background: url('../../../images/loading-small.gif') no-repeat center;
}

/* Content Maintenace - End */
/* Ajax login */
#loginBox{
    opacity:1;
    display: none;
    top: 150px;
    left:32%;
    position:absolute;
    z-index:999;
    background-color:#FFF;
    border: 3px solid #AAAAAA;
    width:410px;
    padding:10px 20px;
}
.loginBoxAction{
    text-align:center;
    margin-top:10px;
}
#loginBox p{
    padding-left:20px;
    line-height:18px;
    background: transparent url('../../../images/loading-mini.gif') no-repeat 0 2px;
}
#loginBox p.error{ 
    background: transparent url("../../../images/smilies/icon4.gif") no-repeat scroll 1px 2px;
}

.bnPagination a, .bnPagination span{
    border:1px solid #DFDFDF;
    padding:0.2em 0.5em;
}
.bnPagination b{
    border:1px solid #7F7F7F;
    padding:0.2em 0.5em;
}
.bnPagination span{
    color:#BFBFBF;
}
.bnPagination span.info{
    display:inline-block;
    width:100px;
    color:black;
    border:none;
    font-weight:bold;
}
.bnPagination span.info2{
    margin-left:10px;
    width:200px;
    display:inline;
    border:none;
}
#bnRangeSelect input{
    padding:0px;
    position:relative;
    top:5px;
    /top:3px;
    padding-left:5px;
}
.bnRangeCollection{
        text-align:left;
}
.bnRangeCollection span{
        font-weight:bold;
}
.bnProductList .bnProductBreadcrumbs, .bnProductList .bnProductBreadcrumbsAdditional{font-size:xx-small}
.bnProductBreadcrumbs{}
.bnProductBreadcrumbsAdditional div{ margin-left:17px; }
.bnProductList .bnProductBreadcrumbs span,.bnProductList .bnProductBreadcrumbsAdditional span{
    width:8px;
    background-position:-448px -3px;
    width:8px;
    font-size:xx-small;
}
.bnProductBreadcrumbs span, .bnProductBreadcrumbsAdditional span{
    display:inline-block;
    background-image:url("../../../images/icons_sprite.png");
    background-position:-448px center;
    background-repeat:no-repeat;
    padding:0 2px;
    width:10px;
    display:inline-block;
    font-size:13px;
    font-weight:bold;
    white-space:nowrap;
}
.bnProductBreadcrumbs a.show-more, .bnProductBreadcrumbs a.show-more:visited {
    display:inline-block;
    background-image:url("../../../images/icons_sprite.png");
    background-position:-720px center;
    background-repeat:no-repeat;
    padding:0 2px;
    width:10px;
    font-size:12px;
    font-weight:bold;
    white-space:nowrap;
    text-decoration:none;
}
.bnProductBreadcrumbs a.show-more:hover {
    background-position:-593px center;
    text-decoration:none;
}

.bnMatrixHeader{
    display:inline-block;
    width:10px;
    background-image: url('../../../images/icons_sprite.png');
    background-position:-899px center;
    background-repeat:no-repeat;
    padding-right:3px;
    cursor:pointer;
}

.bnProductLegendRow{
    display:inline-block;
    width:10px;
    background-image: url('../../../images/icons_sprite.png');
    background-position:-899px center;
    background-repeat:no-repeat;
    padding-right:3px;
    cursor:pointer;
}

.bnProductLegendBlock .bn-widget-block-fold-title{
    margin:0;
}

/* Scroller Mootools CSS*/
.scrollerMoo{
    position: relative;
    height: 100%;
    float:left;
}
.scrollerMooWrapper{
    position:relative;
    height:296px;
    white-space: nowrap;
    overflow: hidden;
}

.scrollerMooItem{
    display: inline;
    text-align: left;
}
/* From jd.gallery start*/
.scrollerMoo a.right, .scrollerMoo a.left{
    cursor: pointer;
    filter:alpha(opacity=20);
    opacity: 0.2;
    height:10px;
    width:100px;
    display:block;
    border:1px solid #ccc;
    width:110px;
}
* html .scrollerMoo a.right, * html .scrollerMoo a.left{
    filter:alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* this works in IE6, IE7, and IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* this works in IE8 only */
}
.scrollerMoo a.right:hover, .scrollerMoo a.left:hover {
    filter:alpha(opacity=80);
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* this works in IE6, IE7, and IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /* this works in IE8 only */
}
.scrollerMoo a.left{
    background: url('../../../images/fold-up.gif') no-repeat center center;
    margin-bottom:5px;
}
* html .scrollerMoo a.left { background: url('../../../images/fold-up.gif') no-repeat center center; margin-bottom:5px;}

.scrollerMoo a.right{
    background: url('../../../images/fold-opened.gif') no-repeat center center;
    margin-top:5px;
}
* html .scrollerMoo a.right { background: url('../../../images/fold-opened.gif') no-repeat center center; margin-top:5px;}
/*  END  Scroller Mootools */

#bnKitSideBox a.next{
    display:block;
    width:95%;
    margin:5px 0;
    border:1px solid #ccc;
    padding:3px;
    text-align:center;
}
#bnKitSideBox td.status{
    width:18px;
    background: transparent url('../../../images/smilies/icon41.gif') no-repeat 4px 2px;
}
#bnKitSideBox table{margin-bottom:10px;}
#bnKitSideBox ul{margin:0;margin-left:10px;padding:0;}
#bnKitSideBox td{ padding:3px; }
#bnKitSideBox td.Under_Group_Purchase,
#bnKitSideBox td.Over_Group_Purchase,
#bnKitSideBox td.Over_Purchase,
#bnKitSideBox td.Under_Purchase,
#bnKitSideBox td.Over_Entitlement{
    background: transparent url('../../../images/global/red_dot.gif') no-repeat 7px 5px;
}
#bnKitSideBox td.Compulsory, #bnKitSideBox td.Mandatory{
    background: transparent url('../../../images/smilies/icon41.gif') no-repeat 4px 2px;
}
#bnKitSideBox td.On_Track, #bnKitSideBox td.Within_Entitlement{
    background: transparent url('../../../images/global/green_dot.gif') no-repeat 7px 5px;
}
#bnKitSideBox a.bn-widget-block-fold-title{
    margin:0;
    background: 0;
    position:none;
    top:0;
}
#bnKitSideBox div.bn-widget-block-fold-content{
    border:0;
    padding:5px 10px 10px;
}
.unavailable{
    opacity:0.3;
    filter:alpha(opacity=30);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* this works in IE6, IE7, and IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)"; /* this works in IE8 only */
}
.bnAdditionalInfoOrderSelected .bn-widget-block-fold-title{
    margin:0;
}
.bnAdditionalInfoOrderSelected div.bn-widget-block-fold-content{
    border:none;
}
.bnProductsAdditional a, .bnProductsAdditional a:link, .bnProductsAdditional a:hover {
}
.bnSideSection{
    padding:5px;
 }
h2.bnHeaderSideSection{
   margin:0;
   padding:5px 0;
   font-size:12px;
}
form.bnProductSearchForm{
    margin:0; padding:0;
}
.bnProductSearchForm .inputbox{
    width:100px;
    border:1px solid #B0B0B0;
    padding:3px;
}
.bnProductSearchForm .inputbutton{ 
    margin:2px;
    margin-top:4px;
}
.bnSideSectionLink{
    background-color:#EEEEEE;
    display:block;
    padding:5px;
    text-align:center;
}
.bnMenuWrapper{
    margin-bottom:5px;
}
.bnSurvey{
    border: 1px dotted #ccc;
    font-size:12px;
    margin:0 auto 10px;
    padding:10px;
    text-align:center;
    width:400px;
}
.bnSurvey h2, .bnSurvey a.heading{
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:10px 0 10px;
}
.bnSurvey .bnSurveyQuestions{
    text-align:left;
    padding-top:5px;
}
.bnQuestion label.question{
    display:block;
    padding:10px 0 5px;
    color:#555555;
    font-weight:bold;
}
.bnSurveyOptions{
    margin:10px 0px;
    height:10px;
}
.bnSurvey #survey_form{
    padding:0;
    margin:0;
}
.bnSurveyOptions #delay{
    float:left;
}
.bnSurveyOptions input{
    float: right;
}
.bnQuestion label.first{
    padding:0px 0 5px;
}
.bnSurvey textarea{
    width:100%;
    height:50px;
    border:1px solid #CFCFCF;
}
.bnSurveyAdmin form{
    margin: 10px;
}

.bnSurveyAdmin form label.heading{
    display:block;
    padding-bottom:5px;
    color:#555555;
    font-weight:bold;
}

.bnSurveyAdmin form label i{
    font-weight:normal;
}

.bnSurveyAdmin form input.checkbox{
    padding:5px;
    margin-bottom:10px;
}

.bnSurveyAdmin form input.text,.bnSurveyAdmin form select, .bnSurveyAdmin form .checkbox{
    width:200px;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:10px;
    -moz-border-radius: 3px; 
}
.bnSurveyAdmin form select{
    width:212px;
}