﻿/* Elements */
body { margin: 0px auto; text-align: center; padding: 0px; font-family: Arial; font-size: 13px; line-height: 19px; background-color: #FFF; color: #333; }
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: 0px 0px 2px 1px !important; }
.siPortalModuleContainerView, .siPortalModuleContainerEdit, .siContentZoneName { padding-top: 12px !important; }
.PortalModule p { line-height: 19px !important; }


/* Layout IDs */
#WhiteShell { width: 100%; background: #FFF url(../Images/Background-PageHeader.jpg) no-repeat top center; text-align: left; }
#Checkout-WhiteShell { width: 100%; background: #FFF url(../Images/Background-CheckoutHeader.gif) repeat-x top left; text-align: left; }
#Wrapper { width: 990px; margin: 0px auto; padding: 0px; }
#Header { width: 990px; height: 287px; padding-top: 8px; }
#Checkout-Header { width: 990px; height: 132px; }
#Print-Header { width: 990px; height: 101px; display: none; }
#Header-Logo { float: left; width: 435px; height: 132px; padding: 0px 0px 0px 175px; }
#Checkout-Logo { float: left; width: 435px; height: 132px; padding: 0px; }
#Header-Menu { float: left; width: 380px; height: 109px; padding: 20px 0px 7px 0px; color: #333; font-weight: 700; }
#Header-Process { float: left; width: 500px; height: 51px; padding: 51px 0px 30px 50px; color: #FFF; font-weight: 700; }
#Menu {float: left; padding: 125px 0px 10px 215px; }
#TollFree { width: 293px; height: 20px; float: left; padding: 12px 0px 18px 0px; text-align: center; }
#Header-Checkout { width: 988px; }
#WhiteShell Stage { background: url(../Images/Background-Content.png) repeat-x top left; }
#Stage { width: 990px; padding: 8px 0px; }
#Stage-Header { width: 958px; height: 30px; padding: 10px 15px; border-bottom: dotted 1px #666; }
#Footer { width: 930px; height: 94px; padding: 40px 30px 20px 30px; margin: 0px auto; background: url(../Images/Background-Footer.png) no-repeat top left; color: #FFF; }
#Logos { width: 935px; height: 124px; text-align: center; margin: 0px auto; }
#verisign { padding-top: 25px; }


/* Layout */
#Stage-Layout { width: 990px; }

/* Middle 3 Col */
#Stage-Home-Left { width: 210px; float: left; padding: 0px 4px 0px 9px }
#Stage-Home-Center { width: 410px; padding: 0px 18px 0px 10px; float: left; }
#Stage-Home-Right { width: 320px; float: left; overflow: hidden; }
#Stage-Home-Right .rdContent { overflow: hidden; }

/* Full Layout / Checkout  */
#Stage-Top { width: 971px; padding: 0px 8px 0px 9px; }
#Stage-Full { width: 971px; padding: 0px 8px 0px 9px; text-align: left; }
#Stage-Bottom { width: 971px; padding: 0px 8px 0px 9px; text-align: left; }

/* 2 Col Layout */
#Stage-Left { float: left; width: 637px; padding: 0px 10px 0px 9px; text-align: left; }
#Stage-Right { float: right; width: 314px; padding: 0px 8px 0px 10px; text-align: left; }
#Stage-Left-HA { float: left; width: 739px; padding: 0px 0px 0px 9px; text-align: left; }
#Stage-Right-HA { float: right; width: 230px; padding: 0px 0px 0px 10px; 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; }

/* Links */
#Header-Menu a, #Header-Menu a:link { color: #333; font-size: 13px;  }

/* Modules */
.container-newslettersignup { height: 146px; padding-top: 150px; background: url(../Images/Background-EmailSignup.gif) no-repeat top center; overflow: hidden; }
.container-card { float: left; padding: 2px 15px 2px 60px; line-height: 16px; vertical-align: middle; width: 220px; }
.container-card .Header4 { line-height: 24px; }
.container-card input { padding: 5px 0px 0px 0px; }
.container-card-full { width: 100% !important; }
.container-card .line1 { font-weight: 700; color: #323489; }
.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: 700; color: #323489; }
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; }

/* Error Messages */
.ErrorMessage1 { display: block; padding: 5px 0px; color: #A00 !important; font-weight: 700; 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 top left; padding-left: 20px; font-size: 16px; font-weight: 700; padding-bottom: 5px; }

/* Module Table */
.StandardTable { border: solid 1px #1F185B; border-bottom: none; border-collapse: separate !important; width: 100%; }
.AlternateTable { border-color: #323489; }

/* Module Table Header */
.StandardTable .HeaderRow { background-color: #1F185B; color: #FFF; }
.CheckoutTable .HeaderRow { background-color: #1F185B; color: #FFF; }
.AlternateTable .HeaderRow { background-color: #33268D; }
.StandardTable .HeaderCell { padding: 5px; }
.AlternateTable .HeaderCell { padding: 2px; color: #FFF; }

/* Module Table Cells */
.StandardTable .Cell { border-bottom: solid 1px #1F185B; padding: 5px; }
.StandardTable .FirstCell { padding-left: 20px; }
.StandardTable .LastCell { text-align: right; padding-right: 20px; }


/* Menu */
#Menu ul { float: left; margin: 0px; padding: 0px; }
#Menu ul li {float: left; display: block; margin: 0px; padding: 0px; list-style:none; }
#Menu ul li a { padding: 0px; text-decoration: none; color: #FFF; font-size: 14px; font-weight: 700; }
#Menu ul li a:hover { text-decoration: none; }

#Menu ul li.LI1 { width: 80px; text-align: left; }
#Menu ul li.LI2 { width: 113px; text-align: center; }
#Menu ul li.LI3 { width: 134px; text-align: center; }
#Menu ul li.LI4 { width: 158px; text-align: center; }
#Menu ul li.LI5 { width: 154px; text-align: center; }

.RadMenu_SO .rmItem, .RadMenu_SO .rmItem .rmText { padding: 0px 0px 5px 0px !important; }
.RadMenu_SO .rmLink, .RadMenu_SO .rmLink:hover, .RadMenu_SO .rmLink:active, .RadMenu_SO .rmLink:visited { color: #FFF; padding: 0px !important; font-size: 14px; font-weight: 700; cursor: pointer !important; text-align: center; }
.RadMenu_SO .rmLink:hover, .RadMenu_SO .rmLink:hover .rmText { text-decoration: none !important; cursor: pointer !important; }
.RadMenu_SO .row1item1 .rmLink .rmText  { width: 105px !important; }
.RadMenu_SO .row1item2 .rmLink .rmText  { width: 90px; }
.RadMenu_SO .row1item3 .rmLink .rmText  { width: 130px; }
.RadMenu_SO .row1item4 .rmLink .rmText  { width: 162px; }
.RadMenu_SO .row1item5 .rmLink .rmText  { width: 155px; }

/* 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: #323489; 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: 400; }

/* Header Search */
.Header-Search-Textbox { padding-top: 6px !important; padding-bottom: 6px !important; }

/* Footer Links */
#Footer table a, #Footer table a:link, #Footer table a:visited, #Footer table a:active, #Footer table a:hover { color: #FFF !important; }

.modal-container { width: 320px;}
.modal-header {background-color: #33268D; 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: #33268D; }
.modal-button { background: #33268D; color: #fff; width: 292px !important; }