/* Elements */
body { margin: 0px auto; text-align: center; padding: 0px; font-family: Verdana, Arial; font-size: 12px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
fieldset {  }

/* Base Overrides */
.siControlPanel { width: 962px; padding: 5px 13px; margin: 0px auto; }
.siPortalModuleContainerView .rdMiddle .rdCenter { padding: 5px 7px 7px 7px !important; }
.siPortalModuleContainerView, .siPortalModuleContainerEdit, .siContentZoneName { padding-top: 12px !important; }


/* Layout IDs */
#Wrapper { width: 988px; margin: 0px auto; padding: 0px; }
#Header { width: 988px; height: 140px; background: url(../Images/Header.jpg) no-repeat top left; }
#Print-Header { width: 988px; height: 140px; display: none; }
#Header-Menu { float: left; width: 930px; height: 18px; padding: 10px 58px 7px 0px; color: #FFF; font-weight: 900; }
#Header-Logo { float: left; width: 263px; height: 77px; padding: 3px 0px 25px 42px; }
#Header-Search { float: left; width: 393px; height: 29px; padding: 38px 58px 38px 232px; }
#Header-Checkout { width: 988px; }
#Menu { width: 988px; height: 38px; padding: 2px 0px; }
#Stage { width: 988px; }
#Stage-Header { width: 958px; height: 45px; padding: 3px 15px 3px 3px; border-bottom: dotted 1px #666; }
#Footer { width: 938px; height: 63px; padding: 20px 30px; background: url(../Images/Footer.gif) no-repeat left bottom; }
#Logos { width: 988px; height: 124px; text-align: center; }


/* Full Layout / Checkout */
#Stage-Top { width: 962px; padding: 0px 13px; }
#Stage-Full { width: 962px; padding: 0px 13px; text-align: left; }
#Stage-Bottom { width: 986px; padding: 0px 1px; text-align: left; }

/* Product Layout */
#Stage-Product-Top { float: left; width: 962px; padding: 0px 13px; text-align: left; }
#Stage-Product-Left { float: left; width: 745px; padding: 0px 10px 0px 0px; text-align: left; }
#Stage-Product-Right { float: right; width: 233px; text-align: left; }
#Stage-Product-Bottom { float: left; width: 986px; padding: 0px 1px; text-align: left; }

/* Right Side Layout */
#Stage-Layout { width: 988px; text-align: left; }
#Stage-Main { float: left; width: 625px; padding: 0px 13px; }
#Stage-Main-Top { float: left; width: 625px; }
#Stage-Main-Middle { float: left; width: 625px; }
#Stage-Main-Middle-Left { float: left; width: 305px; }
#Stage-Main-Middle-Right { float: right; width: 305px; }
#Stage-Main-Bottom { float: left; width: 625px; }
#Stage-Right { float: right; width: 324px; padding: 0px 13px 0px 0px; }
#verisign { padding-top: 25px; }

/* Links */
#Header-Menu a, #Header-Menu a:link { color: #FFF; }

/* Modules */
.container-newslettersignup { height: 98px; padding-top: 403px; background: url(../Images/Background-EmailSignup.gif) no-repeat bottom center; overflow: hidden; }
.container-card { float: left; padding: 2px 15px 2px 60px; line-height: 16px; vertical-align: middle; width: 220px; }
.container-card-full { width: 100% !important; }
.container-card .line1  { font-weight: 900; color: #2D4E8D; }
.container-card .line2 { font-size: 11px; font-weight: 500; }
.container-card .line3 { font-size: 11px; font-weight: 500; }
.container-card .line4 { font-size: 11px; font-weight: 500; }
a .container-card .line1 { font-weight: 900; color: #2D4E8D; }
a .container-card .line2 { color: #000; font-size: 11px; }
a .container-card .line3 { color: #000; font-size: 11px; }
a .container-card .line4 { color: #000; font-size: 11px; }
.container-myprofile { background: url(../Images/Icon-MyProfile.gif) no-repeat top left; }
.container-shipaddress { background: url(../Images/Icon-ShipAddress.gif) no-repeat top left; }
.container-billaddress { background: url(../Images/Icon-BillAddress.gif) no-repeat top left; }
.container-shipaddressselected { background: #DFEBFF url(../Images/Icon-ShipAddressSelected.gif) no-repeat top left; }
.container-warningicon { background: url(../Images/Icon-Warning.gif) no-repeat #FFC center left; border: solid 1px #A00; color: #A00; padding: 5px 5px 5px 55px; line-height: 18px; }
.container-warningicon .warning-header { float: left; padding-bottom: 5px; font-size: 16px; font-weight: 900; }
.container-warningicon .warning-body { color: #000; float: left; }

/* Error Messages */
.ErrorMessage1 { display: block; padding: 5px 0px; color: #A00 !important; font-weight: 900; float: left; width: 100%; }
.ErrorMessageSummary { display: block; padding: 5px; color: #A00 !important; background-color: #FFFFD5; border: solid 1px #A00; }
.ErrorMessageHeader { display: block !important; background: url(../Images/Icon-Error.png) no-repeat center left; padding-left: 20px; font-size: 16px; font-weight: 900; padding-bottom: 5px; }

/* Module Table */
.StandardTable { border: solid 1px #898989; border-bottom: none; border-collapse: separate !important; width: 100%; }
.AlternateTable { border-color: #2D4E8D; }
.CartTable { border-color: #2D4E8D; }

/* Module Table Header */
.StandardTable .HeaderRow { background-color: #898989; color: #000; }
.StandardTable .HeaderCell { padding: 5px; }
.StandardTable .AlternateRow { background-color: #EFEFEF; }
.StandardTable .AlternateRow .Cell { border-bottom: none; }
.StandardTable .EZRow { background-color: #F0F8EF; }
.StandardTable .EZRow .Cell {  }
.StandardTable .SummaryRow { background-color: #DEDEDE; }
.StandardTable .SummaryRow .Cell { border-top: solid 1px #000; }
.StandardTable .DiscountRow { background-color: #D7ECD5; color: #1F3F1D; }
.CheckoutTable .HeaderRow { background-color: #898989; color: #FFF; }
.AlternateTable .HeaderRow { background-color: #2D4E8D; }
.AlternateTable .HeaderCell { padding: 2px; color: #FFF; }
.CartTable .HeaderRow { background-color: #2D4E8D; color: #FFF; line-height: 20px; }
.CartTable .Row { line-height: 15px; }



/* Module Table Cells */
.StandardTable .Cell { border-bottom: solid 1px #898989; padding: 5px; }
.CartTable .Cell { border-bottom-color: #2D4E8D; }
.StandardTable .FirstCell { padding-left: 20px; }
.StandardTable .LastCell { text-align: right; padding-right: 20px; }

/* Dock Styles */
#Stage .RadDock .rdContent { line-height: normal !important; }

/* Menu */
#Menu ul { float: left; margin: 0px; padding: 0px; }
#Menu ul li {float: left; display: block; margin-left: 2px; padding: 12px 0px; list-style:none; background: url(../Images/menu-orange-right.gif) no-repeat top right; }
#Menu ul li a { padding: 12px 25px; background: url(../Images/menu-orange-left.gif) no-repeat; color: #FFF;  text-decoration: none;  }
#Menu ul li a:hover { text-decoration: none; }

#Menu .LI2 { background-image: url(../Images/menu-green-right.gif); }
#Menu .LI2 a { background-image: url(../Images/menu-green-left.gif); }
#Menu .LI3 { background-image: url(../Images/menu-red-right.gif); }
#Menu .LI3 a { background-image: url(../Images/menu-red-left.gif); }
#Menu .LI4 { background-image: url(../Images/menu-purple-right.gif); }
#Menu .LI4 a { background-image: url(../Images/menu-purple-left.gif); }
#Menu .LI5 { background-image: url(../Images/menu-gold-right.gif); }
#Menu .LI5 a { background-image: url(../Images/menu-gold-left.gif); }
#Menu .LI6 { background-image: url(../Images/menu-bluegreen-right.gif); }
#Menu .LI6 a { background-image: url(../Images/menu-bluegreen-left.gif); }

.RadMenu_AB .rmItem { height: 38px; line-height: 38px !important; border-right: solid 2px #FFF; cursor: pointer !important; background: url(../Images/menu-right.gif) no-repeat right top;  vertical-align: middle;  }
.RadMenu_AB .rmLink { padding: 0px 0px 0px 25px !important; background: url(../Images/menu-left.gif) no-repeat left top; cursor: pointer !important; }
.RadMenu_AB .rmLink:hover { text-decoration: none; }
.RadMenu_AB .rmText { padding: 0px 30px 0px 0px !important; color: #FFF; text-transform: uppercase;  text-align: center; }
.RadMenu_AB .rmLast { border-right: none; }

/* Custom Menu Images */
.RadMenu_AB .row1item1 { background-image: url(../Images/menu-orange-right.gif); }
.RadMenu_AB .row1item1 .rmLink { background-image: url(../Images/menu-orange-left.gif); }
.RadMenu_AB .row1item2 { background-image: url(../Images/menu-green-right.gif); }
.RadMenu_AB .row1item2 .rmLink { background-image: url(../Images/menu-green-left.gif); }
.RadMenu_AB .row1item3 { background-image: url(../Images/menu-red-right.gif); }
.RadMenu_AB .row1item3 .rmLink { background-image: url(../Images/menu-red-left.gif); }
.RadMenu_AB .row1item4 { background-image: url(../Images/menu-purple-right.gif); }
.RadMenu_AB .row1item4 .rmLink { background-image: url(../Images/menu-purple-left.gif); }
.RadMenu_AB .row1item5 { background-image: url(../Images/menu-gold-right.gif); }
.RadMenu_AB .row1item5 .rmLink { background-image: url(../Images/menu-gold-left.gif); }
.RadMenu_AB .row1item6 { background-image: url(../Images/menu-bluegreen-right.gif); }
.RadMenu_AB .row1item6 .rmLink { background-image: url(../Images/menu-bluegreen-left.gif); }

/* Input */
.RadInput input { float: left; }

/* Sitemap */
.RadSiteMap { width: 90% !important; margin: 0px auto !important; }
.RadSiteMap .rsmLevel .rsmItem .rsmTemplate { padding: 5px; margin: 0px; border-top: solid 5px #FFF; border-right: solid 5px #FFF; }
.RadSiteMap .rsmLevel .rsmItem .rsmTemplate a { color: #2D4E8D; font-size: 14px; }
.RadSiteMap .rsmLevel .rsmItem .rsmList { padding: 3px 5px 3px 15px; margin: 0px; border-right: solid 5px #FFF; }
.RadSiteMap .rsmLevel .rsmItem .rsmList .rsmItem .rsmList { border-right: none; }
.RadSiteMap .rsmLevel .rsmItem .rsmList .rsmItem { width: 100%; font-size: 12px; }
.RadSiteMap .rsmLevel .rsmItem .rsmList .rsmItem a { color: #000; font-size: 12px;  }
.RadSiteMap .rsmLevel .rsmItem .rsmList .rsmItem .rsmList .rsmItem a { font-size: 11px; font-weight: 500; }

/* Header Search */
.Header-Search-Textbox { padding-top: 6px !important; padding-bottom: 6px !important; }

/* Checkout Table */

/* Footer Links */
#Footer table { margin: 0px auto; color: #666; }
#Footer table a, #Footer table a:link, #Footer table a:visited, #Footer table a:active, #Footer table a:hover { color: #666 !important; }

/* Modal Windows */
.modal-container { width: 320px;}
.modal-header {background-color: #036; display: block; padding: 10px 0; margin: 20px 0px 0px 0px; text-align: center; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: #fff; font-size: 20px; font-weight: bold;}
.modal-body { background-color: #FFF; color: #666; font-size: 13px; line-height: 1.5em; padding: 10px; width: 300px; }
    
.modal-form input {border-radius: 5px; display: block; margin: 0px auto; padding: 8px; width:270px;}
.modal-form .modal-field { color: #036; }
.modal-button { background: #036; color: #fff; width: 292px !important; }

/* Order Details Table */
.custOrderDetails table { width: 100%; }
.custOrderDetails tr th { text-align: left; display: table-cell; }
.custOrderDetails table th,
.custOrderDetails table td { text-align: left; }
.custOrderDetails table th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase; }

@media screen and (max-width: 600px) {
    .custOrderDetails table tr { display: block; }
    .custOrderDetails table tbody td { display: block; }
    .custOrderDetails table { display: block; width: 100%; }
    .custOrderDetails table thead tr th.rgHeader { display: flex; flex-direction: column; width: 70%; float: left; }
    .custOrderDetails table tbody tr.rgRow { display: flex; flex-direction: column; width: 100%; float: right; }
    .custOrderDetails table thead { display: block; width: 50%; }
}