﻿body {
    font-family: 71% Verdana, Helvetica, sans-serif;
}

hr {
    border-style: solid;
    border-width: 0px;
    border-color: silver;
}

.sfPageTitle {
    border-top-style: solid;
    border-top-color: #BBBBBB;
    border-top-width: 3px;
    font-size: 14pt;
    font-weight: bold;
    color: #cc0000;
}

.sfhelp {
    font-size: 8pt;
    color: #666666;
    /*	color:#cc0000;*/
}

.sfHelpHeader {
    font-size: 14pt;
    font-weight: bold;
    /*	color:#31659C;*/
    color: #cc0000;
}

.LogoTagLineStyle {
    font-size: 12px;
    font-weight: bolder;
    color: #BBBBBB;
}

.GroupBox {
    /* width:100%; */
}

.GroupBoxLabel {
    color: #BBBBBB;
    /*	font-size: 12px;
	font-weight:bold; */
}

.sfField_ORDER_ID {
    font-weight: bold;
    color: Black;
}

.RohsCheckbox {
    text-align: center;
}

.sfCellDivider {
    font-weight: bold;
    color: white;
    background-color: #BBBBBB;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.sfPromptColumn {
    text-align: right;
    padding-right: 6px;
}

.sfField {
    color: black;
    border: 1px solid #BBBBBB;
}

.sfRequiredField {
    /*	width:100%; */
    color: black;
    /*background-color: #cc0000;*/
    border: solid 1 gray;
    border: 1px solid #BBBBBB;
    /*background: #FFFOE9; */
}

.sfLabel {
    vertical-align: middle;
    font-weight: normal;
    text-align: right;
    color: black;
}

.sfRequiredLabel {}

.sfRequired {
    color: #cc0000;
    text-align: right;
}

.sfFormTable {
    width: 100%;
}

.sfFormBlankCol {}

.FormLabelCol {
    text-align: right;
}

.sfFormRow {
    font-weight: normal;
    color: black;
    background-color: white;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}


/* Grid (used for data tables) */

.sfGridTable {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
    border-collapse: collapse;
}

.sfGridTable {}

.sfGridTable td {
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
}

.sfGridTable th {
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
}

.sfGridHeader {
    color: #636563;
    background-color: #F5F5F5;
    /*#BBBBBB;*/
}

.sfGridHeader a,
.sfGridHeader a:visited {
    color: #636563;
    text-decoration: none;
    font-weight: bold;
}

.sfGridHeader a:hover {
    color: #cc0000;
    text-decoration: underline;
    font-weight: bold;
}

.sfSortIndicator {
    float: none;
    display: inline;
    visibility: visible;
}

.sfGridCell {
    padding: 2px;
    text-align: right;
}

.sfGridRow {
    font-weight: normal;
    color: black;
    background-color: white;
}

.sfGridRowAlt {
    color: black;
    background-color: #FCFCFC;
}

.sfGridRowError {
    color: red;
    background-color: lemonchiffon;
}

.sfGridEdit {
    font-weight: normal;
    color: white;
    width: 96%;
    /*	background-color: #BBBBBB;*/
}

.sfGridCellText {}

.sfGridCellInt {
    text-align: right;
}

.sfGridCellDate {
    text-align: right;
}

.sfGridCellFloat {
    text-align: right;
}

.sfGridCellRowNumber {
    text-align: center;
}

.sfGridCellCheck {
    text-align: center;
}

.sfGridCellStatus {
    text-align: center;
}

.sfGridCellInput {
    width: 85%;
    padding: 3px;
    border: 1px solid #BBBBBB;
}

.TableLogin {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.sfLoginInfoPanel {
    width: 100%;
}

.LoginForm {
    text-align: center;
}


/**************************************************************************
                                MAIN MENU
 **************************************************************************/

.sfMainMenuTable {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.sfMenuMenuHeader {
    color: #636563;
    background-color: #F0F0F0;
    font-weight: bold;
    border: 1px solid #BBBBBB;
    /*
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	
*/
}

.sfMainMenuCol1 {
    vertical-align: top;
    width: 40%;
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #BBBBBB;
}

.sfMainMenuCol2 {
    vertical-align: top;
    width: 30%;
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #BBBBBB;
}

.sfMainMenuCol3 {
    vertical-align: top;
    width: 30%;
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #BBBBBB;
    border: 1px solid #BBBBBB;
}

.MainMenuCol3 {
    vertical-align: top;
    width: 25%;
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #BBBBBB;
    border: 1px solid #BBBBBB;
}

.sfMainMenuCol3 a {
    text-align: left;
}

.PrivColumn {
    vertical-align: top;
    width: 250px;
}

.sfPageNavigator {
    /*font-size:8pt;*/
}

.DisabledLink {
    color: Gray;
}

.sfErrorText {
    color: #AA0000;
    font-size: 12pt;
    text-align: right;
}

.sfErrorBanner {
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    width: 100%;
    background-color: lemonchiffon;
    color: #AA0000;
    font-size: 9pt;
    text-align: center;
    padding: 0.5em;
    margin: 1em 1em 1em 1em;
}

.TableLeadTimeHeader {
    /* margin-left:10%; */
    width: 100%;
}

.TableLeadTime {
    /* margin-left:10%; */
    /*width:100%;*/
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    border-collapse: collapse;
}

.TablePrivMask {
    /* margin-left:10%; */
    width: 100%;
}

.sfTableAddressPanelOuter {
    width: 100%;
}

.ColumnAddressPanelOuter {
    vertical-align: top;
}

.sfTableAddressPanelInner {}

.sfColumnAddressPanelInner {}


/*
.sfSubmitButton
{
	font-size: 12px;
	font-family: "arial";	
	border: 1px solid #D5D5D5;
	color: #00529B;
	background: #fff;
	cursor: pointer;
}
*/

.sfMainMenuLink {
    color: #ff0000;
    position: relative;
    float: right;
    top: -28px;
    left: -30px;
}

.ButtonPanel {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
}

.TableOrderDetails {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    border-collapse: collapse;
}

.CellNotes {}

.sfColumnOrderInfo {
    border-style: solid;
    border-width: 1px;
    border-color: Silver;
    border-collapse: collapse;
    text-align: center;
}

.sfColumnOrderInfo a:link,
.sfColumnOrderInfo a:visited {
    color: #cc0000;
    text-decoration: none;
    font-weight: normal;
}

.sfColumnOrderInfo a:hover {
    color: cc0000;
    text-decoration: underline;
    font-weight: normal;
}

.sfOrderHeaderInfoTable {
    width: 100%;
    border-style: solid;
    border-width: 0px;
    border-collapse: collapse;
}

.CellField {
    width: 100%;
}

.FooterDateGenerated {
    width: 100%;
    border-top-style: none;
    border-top-color: silver;
    border-top-width: 1px;
    font-size: 7pt;
}

.TableOrderHistory {
    width: 100%;
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    border-collapse: collapse;
}

.hidden {
    visibility: hidden;
}

.sfDividerTop {
    visibility: hidden;
    width: 100%;
    border-top-style: solid;
    border-top-color: #BBBBBB;
    border-top-width: 3px;
    height: 1px;
    color: white;
    background-color: white;
    font-size: 0px;
    margin: 0px;
}

.sfDividerMiddle {
    width: 100%;
    border-top-style: solid;
    border-top-color: silver;
    border-top-width: 1px;
    height: 1px;
    color: white;
    background-color: white;
    font-size: 0px;
    margin: 0px;
}

.sfDividerBottom {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-color: #BBBBBB;
    border-bottom-width: 3px;
    height: 1px;
    color: white;
    background-color: white;
    font-size: 0px;
    margin: 0px;
}


/* Standard Form */

.sfFormDiv {
    /* margin:1em 1em 1em 1em; */
}


/* ADDRESS PANEL - Used in Profile and Change Ship Address forms */

.sfAddressPanel {}

.sfAddressPanel.Required {}

.sfAddressPanel {}

.sfAddressPanel.RequiredLabel {}

.sfAddressPanel.Label {
    color: red;
}

.sfAddressPanel.Field {
    width: auto;
    border: solid 1 gray;
}

.sfAddressPanel.RequiredField {
    width: auto;
    border: solid 1 gray;
}

.sfBegin {
    width: Auto;
}

.sfBegin th {
    text-align: center;
}

.sfChangeLink {}

.sfProductFilterTable {}

.sfProductFilterTable input {
    width: 100%;
}

.sfFieldsetLabel {
    color: #cc0000;
    font-size: 8pt;
    font-weight: normal;
}

.sfProductDetailsForm {}

.sfFormColPrompt {
    text-align: right;
}

.sfRegisterSuccess {
    /*
	background-color:#E7EFF7;
*/
    /*color:#cc0000;*/
    color: #cc0000;
    width: 706px;
    height: 28px;
    padding-top: 6px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 10pt;
    margin-left: 2px;
    margin-right: 2px;
}

.sfWelcome {
    text-align: center;
    display: block;
    color: #cc0000;
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
    height: 28px;
    font-weight: bold;
    font-size: 12pt;
}

.sfAssocProductHelp {
    padding-left: 10px;
    background-color: #cc0000;
    color: White;
    margin-bottom: 0px;
}

.sfLoginInputCol {
    text-align: left;
}

.sfLoginPromptCol {
    width: 70px;
    text-align: right;
}

.sfLoginPrompt {
    font-size: 12pt;
    font-weight: normal;
    padding-left: 20px;
    text-align: center;
    display: block;
}

.sfLoginTitle {
    font-size: 13pt;
    color: #000000;
    text-align: left;
}

.sfCustomLogin {
    width: 800px;
    padding: 0px;
    margin-left: 20px;
}

.sfCustomLogin .sfDividerTop {
    visibility: hidden;
}

.sfCustomLogin .sfDividerBottom {
    visibility: hidden;
}

.sfCustomLogin input[type="text"] {
    /* border: solid 1px #AAAAAA; */
}

.sfLoginHelp {
    text-align: left;
}

.sfNotRegisteredTitle {
    margin-top: 32px;
    font-size: 13pt;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.sfNotRegisteredHelp {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.sfCustomLogin .sfDividerMiddle {
    width: 270px;
    margin-left: 10px;
    margin-right: 10px;
}

.sfCustomLoginTable {
    border: 1px solid #CCC;
}

.sfCustomLoginTable tr {
    border: 1px solid #CCC
}

.sfCustomLoginHelpCol {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.sfWrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}