/* general elements */
html {
    min-height: 101%; /* always vertical scrollbar */
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0C2862;
    text-align: center;
    background-color: #FFFFFF;
    margin: 5px 0;
}

.main-body {
    text-align: left;
    width: 1000px;
    margin: auto;
}

.main-body .main-content {
    padding: 0px;
    margin-left: 0px;
}

img {
    border: 0px;
}

/* page content elements */
.page-content {
    float: left;
    text-align: left;
    width: 960px;
    padding: 5px 15px 20px 25px;
}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 0px;
    height: 0px;
    margin-top: 0px
}

.contentDescription {
    float: left;
    padding: 0px 0px 5px 15px;
    width: 733px;
}

/* spacings */
.sbSpacing {
    float: right;
    margin-right: 10px;
}

.sb,.sbl {
    padding-top: 0px;
    width: 186px;
}

.sb {
    float: right;
}

.sbl {
    float: left;
}

.sbn {
    float: right;
    padding-top: 0px;
    width: 370px;
}

/* content box */
.contentBox {
    background: transparent url(/www/images/web/b2bDefault/contentBackground753.gif) repeat-y top left;
    float: left;
    width: 753px !important;
    width: 753px;
    padding-right: 0px;
    margin-right: 0px;
    overflow: visible;
}

.contentBoxTitle {
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 15px 0px 0px 20px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%; /* IE Holly Hack */
}

.contentBox_body {
    background: transparent url(/www/images/web/b2bDefault/contentBackground753.gif) no-repeat bottom left;
    margin-right: 0px; /* interior-padding right */
    padding: 0px 20px 20px 20px; /* mirror .contentBox_head right/left */
}

.contentWideBox_body {
    background: transparent url(/www/images/web/b2bDefault/contentBackground953.gif) no-repeat bottom left;
    margin-right: 0px; /* interior-padding right */
    padding: 0px 20px 20px 20px; /* mirror .contentBox_head right/left */
}

.contentWideBox {
    background: transparent url(/www/images/web/b2bDefault/contentBackground953.gif) no-repeat top left;
    float: left;
    width: 953px !important; /* intended total box width - padding-right(next) */
    width: 953px; /* IE Win = width - padding */
    padding-right: 0px; /* the gap on the right edge of the image (not content padding) */
    margin-right: 0px; /* use to position the box */
    overflow: visible;
}

.contentWideBoxTitle {
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 15px 0px 0px 20px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%; /* IE Holly Hack */
}

.contentNarrowBox {
    background: transparent url(/www/images/web/b2bDefault/contentBackground560.gif) no-repeat top left;
    margin-left: 13px;
    float: left;
    width: 560px !important; /* intended total box width - padding-right(next) */
    width: 560px; /* IE Win = width - padding */
    padding-right: 0px; /* the gap on the right edge of the image (not content padding) */
    margin-right: 0px; /* use to position the box */
    overflow: visible;
}

.contentNarrowBoxTitle {
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 15px 0px 0px 20px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%; /* IE Holly Hack */
}

.contentNarrowBox_body {
    background: transparent url(/www/images/web/b2bDefault/contentBackground560.gif) no-repeat bottom left;
    margin-right: 0px; /* interior-padding right */
    padding: 0px 20px 20px 20px; /* mirror .contentBox_head right/left */
}

/* sidebars */
.sideBar {
    background: transparent url(/www/images/web/b2bDefault/sidebarBackground.gif) no-repeat top left;
    float: right;
    width: 186px !important; /* intended total box width - padding-right(next) */
    width: 186px; /* IE Win = width - padding */
    padding-right: 1px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px; /* use to position the box */
}

.sideBarWide {
    background: transparent url(/www/images/web/b2bDefault/sidebarBackground370.gif) no-repeat top left;
    float: right;
    width: 370px !important; /* intended total box width - padding-right(next) */
    width: 370px; /* IE Win = width - padding */
    padding-right: 1px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px; /* use to position the box */
}

.sideBarBoxTitle {
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 5px 20px 0px 20px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%; /* IE Holly Hack */
}

.sideBar_body {
    background: transparent url(/www/images/web/b2bDefault/sidebarBackground.gif) no-repeat bottom left;
    margin-right: 0px; /* interior-padding right */
    padding: 10px 10px 20px 20px; /* mirror .sideBar_head right/left */
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    color: #0C2862;
}

.sideBarWide_body {
    background: transparent url(/www/images/web/b2bDefault/sidebarBackground370.gif) no-repeat bottom left;
    margin-right: 0px; /* interior-padding right */
    padding: 10px 10px 20px 20px; /* mirror .sideBar_head right/left */
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    color: #0C2862;
}

.sideBar_title {
    background: transparent url(/www/images/web/sidebarLine.gif) no-repeat bottom center;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF6600;
    letter-spacing: -1;
    padding: 3px 0px 10px 0px;
}

.sideBarWide_title {
    background: transparent url(/www/images/web/sidebarLine370.gif) no-repeat bottom center;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -1;
    padding: 3px 0px 10px 0px;
    color: #FF6600;
}

/* Design Elements */
.side-left {
    float: left;
    background-color: #FF0000;
    width: 3px;
}

.side-right {
    float: right;
    background-color: #00FF00;
    width: 3px;
}

.downloadButtons td {
    font-size: 11px;
}

div.downloadPic img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
}

div.downloadPic {
    height: 40px;
}

div.paging {
    width: 713px;
    text-align: right;
}

/* error messages */
.error {
    color: red;
    font-weight: bold;
    font-size: 11px
}

.errorTitle {
    color: red;
    font-weight: bold;
    font-size: 12px
}

.errorField {
    border: 2px solid red;
}

.errorBox {
    border: 2px solid red;
    padding: 0 20px;
    clear: both;
    width: auto;
    margin: 10px 0;
    background-color: white;
}

/* confirmation */
.confirmation {
    color: green;
    font-weight: bold;
    font-size: 11px;
}

.confirmationBox {
    border: 2px solid green;
    padding: 0 20px;
    clear: both;
    width: auto;
    margin: 10px 0;
    background-color: white;
}