/* ==========================================================================
   global
   ========================================================================== */
html, body
{
    height: 100%;
}

body
{
    background-color: #F1F2F1;
    font: 14px Helvetica,Arial,Verdana,sans-serif;
    color: #7d7d7d;
    margin: 0;
    padding: 0;
}

:focus
{
    outline: none;
}

a
{
    outline: none;

    color: #7d7d7d;
}

table
{
    border-collapse: collapse;
}

ul, ol
{
    list-style: none;
}

img
{
    border: 0;
}

h1, h2, h3
{
    color: #E87722;
    margin: 10px 0;
}

    h1.rpt
    {
        margin-top: 0px;
        margin-bottom: 10px;
    }

h1
{
    font-size: 1.7em;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size: 1.2em;
}

hr
{
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    border: none;
}

.aspNetDisabled, a.aspNetDisabled:hover
{
    color: #ccc;
}

fieldset
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* ==========================================================================
   common
   ========================================================================== */
.font12
{
    font-size: 12px;
}

#wrapper
{
    width: 960px;
    background-color: #fff;
    margin: 0 auto;
}

#SFwrapperSF
{
    width: 960px;
    background-color: #E9E9E9;
    margin: 0 auto;
}

.storefrontbody
{
    background-color: #F1F2F1;
    font: 14px Helvetica,Arial,Verdana,sans-serif;
    color: #3e3e3e;
    margin: 0;
    padding: 0;
}

.container
{
    width: 900px;
    margin: 0 auto;
}

.orange
{
    color: #E87722;
}

.red
{
    color: red;
}

.gray
{
    color: #7d7d7d;
}

.white
{
    color: white;
}

.hidden
{
    display: none;
}

.textCenter
{
    text-align: center;
}

.textLeft
{
    text-align: left;
}

.textRight
{
    text-align: right;
}

.textTop
{
    vertical-align: top;
}

.textMiddle
{
    vertical-align: middle;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.top
{
    vertical-align: top;
}

.center
{
    margin: 0 auto;
}

.underLine
{
    text-decoration: underline;
}

.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.clear
{
    clear: both;
}

.middle
{
    vertical-align: middle;
}

.m10
{
    margin: 10px;
}

.mt5
{
    margin-top: 5px;
}

.mt10
{
    margin-top: 10px;
}
.mt20
{
    margin-top: 20px;
}
.ml10
{
    margin-left: 10px;
}

.mr10
{
    margin-right: 10px;
}

.mr15
{
    margin-right: 15px;
}
.mb0
{
    margin-bottom: 0;
}
.mb5
{
    margin-bottom: 5px;
}

.mb10
{
    margin-bottom: 10px;
}

.pr10
{
    padding-right: 10px;
}

.pr15
{
    padding-right: 15px;
}

.pr35
{
    padding-right: 35px;
}

.pt10
{
    padding-top: 10px;
}

.pt20
{
    padding-top: 20px;
}

.pb5
{
    padding-bottom: 5px;
}

.pb10
{
    padding-bottom: 10px;
}

.pl5
{
    padding-left: 5px;
}

.pl10
{
    padding-left: 10px;
}

.pl20
{
    padding-left: 20px;
}

.pl30
{
    padding-left: 30px;
}

.pl50
{
    padding-left: 50px;
}

.pl60
{
    padding-left: 60px;
}

.pl80
{
    padding-left: 80px;
}
.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix
{
    display: inline-table;
    display: block;
}

.infoTable td, .infoTable th
{
    padding: 3px 7px 2px;
}

.tblExceptions>tbody>tr>td,.tblExceptions>thead>tr>th {
    padding: 0px;
    text-align: center;
}

.infoTable .ajax__calendar_container td, .infoTable .ajax__calendar_container th
{
    padding: 0px;
}

.tblExceptions>tbody>tr>td,.tblExceptions>thead>tr>th {
    padding: 0px;
    text-align: center;
}

.infoTable .ajax__calendar_container td, .infoTable .ajax__calendar_container th
{
    padding: 0px;
}

.infoAltTable td, .infoAltTable th
{
    padding: 3px 7px 2px;
    border: 1px solid #ccc;
}

.infoAltTable th
{
    font-weight: bold;
    text-align: center;
    background: #717073;
    color: #fff;
}

.infoAltTable tr.odd
{
    background: #e6e7e8;
}

.infoAltTableSF td, .infoAltTableSF th
{
    border: 1px solid #ccc;
}

.infoAltTableSF th
{
    font-weight: bold;
    text-align: center;
    background: #717073;
    color: #fff;
}

.infoAltTableSF tr.odd
{
    background: white;
}

.infoAltTableDetail td, .infoAltTableDetail th
{
    padding: 3px 7px 2px;
    border: 1px solid #ccc;
}

.infoAltTableDetail th
{
    font-weight: bold;
    text-align: center;
    background: #E87722;
    color: #fff;
}

.infoAltTableDetail tr.odd
{
    background: #e6e7e8;
}

.infoHeadLink
{
    color: #fff;
}

.reportsDdlPos
{
    margin-top: 8px;
}

.reportsDdl
{
    width: 318px;
}

.reportsBtnPos
{
    margin-top: 8px;
    margin-bottom: 10px;
}

.reportsDiv
{
    padding-top: 10px;
}

.reportsExport
{
    width: 318px;
    margin-right: 6px;
}

.watermarkfield
{
    position: relative;
    margin-bottom: 5px;
}

.watermarkfield label
{
    position: absolute;
    left: 0;
    top: 0;
    color: #B2B2B2;
    padding: 2px 0 0 5px;
}

.watermarkfield textarea, .watermarkfield input[type="text"]
{
    border: 1px solid #CCCCCC;
    color: #7d7d7d;
}

.watermarkfield select
{
    border: 1px solid #CCCCCC;
    cursor: default;
    color: #7d7d7d;
}

.validationSummary ul
{
    padding-left: 0;
    margin-left: 0;
}

.grayHeader
{
    color: #3e3e3e;
}
.CustomizeLabel
{
    width: 250px;
    border: 1px solid #ccc;
    padding: 2px;
    display: block;
}
.LargeCustomizeLabel
{
    width: 300px;
    border: 1px solid #ccc;
    padding: 2px;
    display: block;
}
/* ==========================================================================
   Button Styles
   ========================================================================== */
.btnXXSmall, .btnXXSmallB, .btnXSmall, .btnSmall, .btnMedium, .btnLarge, .btnXLarge, .btnLargeActive
{
    border: 0 none;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    background: #717073;
    font-size: 12px;
    height: 22px;
    vertical-align:bottom;
}

.btnLargeActive
{
    background: #E87722;
}
.btnXXSmall
{
    width: 35px;
}

.btnXXSmallB
{
    width: 52px;
}

.btnXSmall
{
    width: 85px;
}

.btnSmall
{
    width: 100px;
}

.btnMedium
{
    width: 150px;
}

.btnLarge
{
    width: 200px;
}

.btnXLarge
{
    width: 420px;
}
.linkSmall, .linkSmall98, .linkMedium
{
    border: 0 none;
    color: #FFF!important;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    background: #717073;
    font-size: 12px;
    height: 22px;
    width: 150px;
    text-decoration:none;
    line-height:22px;
    display:inline-block;
}
.linkSmall
{
    width: 100px;
}
.linkSmall98
{
    width: 98px;
}
.linkMedium
{
    width: 150px;
}
/* ==========================================================================
   Popup Styles
   ========================================================================== */
.modalBackground
{
    background: #000;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.popupXSmall, .popupSmaller, .popupSmall, .popupMedium, .popupXMedium, .popupXXMedium, .popupFAQLarge, .popupLarge, .popupXLarge, .popupXXLarge, .popupXXMediumWithHeight, .popupXMediumWithHeight
{
    background: #fff;
    border: 3px solid #738699;
    padding: 10px;
    overflow: auto;
}

.popupXSmall
{
    width: 250px;
}
.popupSmaller
{
    width: 380px;
}
.popupSmall
{
    width: 400px;
}

.popupXXMedium
{
    width: 450px;
}

.popupXMedium
{
    width: 500px;
}

.popupMedium
{
    width: 550px;
}

.popupXXMediumWithHeight
{
    width:600px;
    height:500px;
}

.popupXMediumWithHeight
{
    width:550px;
    height:450px;
}

.popupFAQLarge
{
    width: 658px;
}

.popupLarge
{
    width: 750px;
}

.popupXLarge
{
    width: 850px;
}

.popupXXLarge
{
    width: 930px;
    height:500px;
}


#popLogOff
{
    height: 200px;
    padding: 30px;
    display: inline-block;
}
/* ==========================================================================
   Master
   ========================================================================== */
#contentPlaceHolder
{
    width: 900px;
    margin: 0 auto;
    padding-bottom: 20px;
    min-height: 400px;
    overflow: hidden;
}

#header
{
    width: 900px;
    margin: 0 auto;
    height: 80px;
}

.logo
{
    display: block;
    width: 192px;
    height: 70px;
    float: left;
    margin-left: 20px;
}

    .logo img
    {
        display: block;
    }

#userName
{
    float: left;
    width: 200px;
    margin-top: 25px;
    margin-left: 50px;
}

#searchBox1
{
    float: right;
    width: 200px;
    height: 33px;
    background: transparent url(../images/search_box1.jpg) no-repeat 0 0;
    overflow: hidden;
    margin-right: 30px;
    margin-top:15px
}
    #searchBox1 input[type="text"]
    {
        color: Gray;
        border: 0;
        margin-top: 8px;
        margin-left: 15px;
        width: 140px;
        float: right;
        background-color:transparent;
    }

    #searchBox1 input[type="image"]
    {
        margin-top: 8px;
        margin-right: 10px;
        float: right;
    }

#searchBox
{
    float: right;
    width: 193px;
    height: 33px;
    background: transparent url(../images/search_box.gif) no-repeat 0 0;
    overflow: hidden;
    margin-right: 30px;
}

    #searchBox input[type="text"]
    {
        color: #ccc;
        border: 0;
        margin-top: 8px;
        margin-left: 15px;
        width: 140px;
        float: right;
    }

    #searchBox input[type="image"]
    {
        margin-top: 8px;
        margin-right: 10px;
        float: right;
    }

#topNav
{
    padding-left: 100px;
    background: #717073;
}

.topMenuItem
{
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    color: #fff;
    font-size: 14px;
}

#subNav
{
    padding-left: 100px;
    border-bottom: 2px solid #ccc;
    overflow: hidden;
}

.subMenuItem
{
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    font-size: 14px;
    color: #7d7d7d;
}

#breadCrumbs
{
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
}
 #breadCrumbs a
    {
        text-decoration:none;
    }
    #breadCrumbs a:visited
    {
        color: #7d7d7d;
    }

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

    #breadCrumbs label
    {
        color: #E87722;
    }

#userProfile .container
{
    width: 720px;
    margin: 0 auto;
}

#userProfile .btns
{
    padding-left: 38px;
}

#clientProfiles
{
    width: 668px;
    margin: 0 auto;
}

.filterButton
{
    padding: 0 10px;
    border: 1px solid #738699;
    cursor: pointer;
}

.filterButtonSelected
{
    padding: 0 10px;
    border: 1px solid #E87722;
    color: #E87722;
}


#productList
{
    margin: 0 auto;
    width: 98%;
}

    #productList select
    {
        color: #7d7d7d;
    }

#productFilter
{
    margin-top: 10px;
    margin-bottom: 5px;
}

    #productFilter label
    {
        float: left;
    }

.tdProduct
{
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 12px;
}

.dataPagerLink
{
    color: #7d7d7d;
}

.dataPagerLinkSelected
{
    color: #E87722;
    font-weight: bold;
    text-decoration:none;
}

.TableOfRowData
{
    width: 100%;
    font-size: 13px;
    margin-top: 15px;
}
.ProgramDescription td
{
    padding-top: 14px;
}
.ProgramDescription p
{
    margin-top:0px;
}
/* ==========================================================================
   Customization
   ========================================================================== */
.customizeTitle
{
    font-size: 1.2em;
    font-weight: bold;
}

.customizePageSelection
{
    float: left;
    width: 100px;
}

    .customizePageSelection input[type="image"]
    {
        border: 1px solid #ccc !important;
    }

.customizePreviewPanel
{
    float: left;
    margin: 0 10px;
    width: 505px;
}

.customizeFields
{
    float: left;
    width: 275px;
}

.customizeFieldsStorefront
{
    float: left;
    width: 320px;
}

.customizePreviewImage
{
    border: 1px solid #ccc;
    padding: 2px;
    width: 504px;
    overflow-x: auto;
    overflow-y: hidden;
}

/*.customizePreviewImage img
{
    max-width: 500px;
}*/

.imgListBrochure
{
    max-height: 412px;
}

.imgListNonBrochure
{
    max-width: 500px;
}

.customizePreviewImageStorefront
{
    border: 1px solid #ccc;
    padding: 2px;
    width: 604px;
    overflow-x: auto;
    overflow-y: hidden;
}

.customizePreviewImageStorefront img
{
    width: 100%;
    max-width: 600px;
}

.customizeButton
{
    float: right;
    margin-top: 10px;
    width: 275px;
}

.shippingContainer
{
    width: 900px;
    margin: 0 auto;
}

.shippingTable td
{
    border: 1px solid #808080;
    border-collapse: collapse;
}

.shippingTable th
{
    border: 1px solid #808080;
    background: #cfcfcf;
    text-align: center;
    border-top: 0px;
}

.searchContainer
{
    float: left;
    width: 180px;
    height: 400px;
    border: 1px solid #E87722;
}

.orderHistory
{
    float: left;
    width: 700px;
    margin-left: 10px;
}

.orderhistoryTable td, .orderhistoryTable th
{
    padding-bottom: 7px;
    padding-left: 6px;
}
 
.orderhistoryTable th
{
    text-align: left;
}

.orderhistoryTablePersonal td, .orderhistoryTablePersonal th
{
    padding-bottom: 7px;
    padding-left: 6px;
}
 
.orderhistoryTablePersonal th
{
    text-align: left;
}
/* Admin Reports*/

#rightPanel
{
    float: left;
    margin-left: 10px;
    width: 98%;
    /* overflow-x: auto; */
	overflow-y: hidden;
}

    #rightPanel select
    {
        color: #7d7d7d;
    }

.reports
{
    margin-left: 20px;
    width: 638px;
    overflow-x: auto;
}


.main_view
{
    background: url("../images/banner_frame.png") no-repeat scroll left top transparent;
    height: 245px;
    width: 570px;
    float: left;
    position: relative;
    margin-top: 6px;
}

.window
{
    overflow: hidden;
    position: relative;
    height: 216px;
    margin: 14px 9px 14px 10px;
    width: 511px;
}

.image_reel
{
    left: 0;
    position: absolute;
    top: 0;
    height: 216px;
}

    .image_reel img
    {
        float: left;
    }

.paging
{
    bottom: 178px;
    height: 53px;
    line-height: 53px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 38px;
}

    .paging a
    {
        border-bottom: 1px solid white;
        display: block;
        font-size: 18px;
        height: 53px;
        line-height: 53px;
        text-decoration: none;
        width: 38px;
        background-image: url("../images/image_rotate_non_active.png");
        color: #FFFFFF;
    }

        .paging a.active
        {
            background-image: url("../images/image_rotate_active.png");
            font-weight: bold;
        }

#imgSort
{
    border: 1px solid #ccc;
    width: 630px;
    padding: 0 0 10px 10px;
    margin:10px 0;
}

    #imgSort ul li
    {
        float: left;
        width: 140px;
        height: 57px;
        margin: 10px 10px 0 0;
        padding: 2px;
        border: 1px solid #ccc;
        cursor: move;
        position:relative;
    }

    #imgSort ul
    {
        line-height: 0px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #imgSort ul li.border
        {
            border: 1px solid #444;
        }

.bannerImage
{
    position: relative;
}
.deleteBannerImage
{
    position: absolute;
    right: 1px;
    top: 1px;
    width: 8px;
    background: #D42F0B;
    line-height:normal;
}

.deleteBanner
{
    position: absolute;
    right: 11px;
    top: 1px;
    width: 8px;
    background: #D42F0B;
}

dl#login
{
    width: 260px;
    margin-left: 23px;
}

    dl#login dd
    {
        height: 190px;
    }


dl#myLinks dd
{
    height: 190px;
}

dl#fulfillmentNews, dl#industryNews
{
    width: 290px;
}

dl#myLinks, dl#recommendedProducts
{
    width: 295px;
}

    dl#fulfillmentNews dd, dl#industryNews dd, dl#recommendedProducts dd
    {
        min-height: 180px;
    }
    dl#myLinks a
{
   text-decoration:none;
}
.boxContent
{
    height: 180px;
    overflow-y: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.myLinkscontent
{
    height: 190px;
    overflow-y: auto;
    overflow-x: hidden;
}

dl.corner
{
    background: url("../images/c_tl.gif") no-repeat scroll left top #717073;
    margin: 0;
}

    dl.corner dt
    {
        background: url("../images/c_tr.gif") no-repeat scroll right top transparent;
        color: #FFF;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }

    dl.corner dd
    {
        background: #fff;
        margin: 0;
        border-left: 1px solid #a09fa1;
        border-right: 1px solid #a09fa1;
    }

        dl.corner dd.bottom
        {
            padding: 0;
            background: url("../images/c_bl.gif") no-repeat scroll left bottom #fff;
            height: 16px !important;
            min-height: 16px !important;
            border: 0;
        }

            dl.corner dd.bottom div.br
            {
                height: 16px;
                background: url("../images/c_br.gif") no-repeat scroll right bottom transparent;
                padding: 0 16px;
            }

                dl.corner dd.bottom div.br p
                {
                    height: 15px;
                    border-bottom: 1px solid #a09fa1;
                    margin: 0;
                    z-index: -10;
                }


dl.storefrontcorner
{
    background: url("../images/c_tl_New.gif") no-repeat scroll left top #717073;
    margin: 0;
}

    dl.storefrontcorner dt
    {
        background: url("../images/c_tr_New.gif") no-repeat scroll right top transparent;
        color: #FFF;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }

    dl.storefrontcorner dd
    {
        background: #fff;
        margin: 0;
        border-left: 1px solid #a09fa1;
        border-right: 1px solid #a09fa1;
    }

        dl.storefrontcorner dd.bottom
        {
            padding: 0;
            background: url("../images/c_bl_New.gif") no-repeat scroll left bottom #fff;
            height: 16px !important;
            min-height: 16px !important;
            border: 0;
        }

            dl.storefrontcorner dd.bottom div.br
            {
                height: 16px;
                background: url("../images/c_br_New.gif") no-repeat scroll right bottom transparent;
                padding: 0 16px;
            }

                dl.storefrontcorner dd.bottom div.br p
                {
                    height: 15px;
                    border-bottom: 1px solid #a09fa1;
                    margin: 0;
                    z-index: -10;
                }

.required
{
    color: red;
    font-weight: bold;
}

.reportCondition .ajax__calendar_container
{
    z-index: 3000;
}

.tdProduct
{
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
    padding-top: 20px;
}

.ProductInformationDes td
{
    padding-bottom: 20px;
    padding-left: 20px;
}

.tddesstyle
{
    width: 24%;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

.FloatDivTop
{ width: 900px; 
  position:absolute; 
  height: 550px; 
  text-align:center;  
  top: 100px; 
  z-index: 9999999; 
  background-color:White; 
  filter:alpha(opacity=70);  
  -moz-opacity:0.7;  
  -khtml-opacity: 0.7;  
  opacity: 0.7;  
  border: 1px solid #093; 
}

.FloatDivMiddle
{ width: 900px; 
  position:absolute; 
  height: 600px; 
  text-align:center;  
  top: 300px; 
  z-index: 9999999; 
  background-color:White; 
  filter:alpha(opacity=70);  
  -moz-opacity:0.7;  
  -khtml-opacity: 0.7;  
  opacity: 0.7;  
  border: 1px solid #093; 
}
.shippingDataMethod
{
    margin:0 0 10px 10px;
}

td.linkButtonCell>a {
    margin-bottom: 10px;
    display: block;
}

div.pnlHelpContent {
    padding-left: 10px;
}

div.pnlHelpTitle, div.pnlHelpContent {
    margin-top: 8px;
    margin-bottom: 8px;
}

    div.pnlHelpTitle > span {
        font-weight: bold;
        min-width: 500px;
        display: inline-block;
    }

    div.pnlHelpTitle > a {
        text-decoration: underline;
        color: blue;
    }

    div.pnlHelpContent > ul {
        list-style-type: disc;
        margin-left: 25px;
    }

        div.pnlHelpContent > ul > li {
            margin-top: 10px;
        }
.lastLogin {
    text-align: right; 
    padding-right: 35px; 
    padding-bottom: 4px;
}