﻿
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section { margin: 0;padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block; }
strong { font-weight: bold; }
em { font-style: italic; }

/* UPDATED CLEARFIX */
.clearfixList > li:after,
.groupList > li:after,
.clearfix:after,
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfixList > li,
.groupList > li,
.clearfix,
.group { *min-height: 1px; }

/* typography */
p { margin: 12px 0; }
caption, th, td { vertical-align: middle; }

/* body area */
form > .content_full_width.content_body { width: 720px; margin: 10px; }

/* buttons */
button { cursor: pointer; }
div[id$="pnlCheckout"] .bStoreButton { width: 100%; }

/* language panel */
.languagePicker.content_full_width { padding: 3px 10px; }

/* login */
#pnlLoginWrapper { width: 460px; margin: 0 auto; }
#pnlLoginWrapper tbody td { min-height: 21px; }
#pnlLoginWrapper tbody td + td > span { font-size: 10px; color: #db0025; visibility: visible; opacity: 1; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; }
#pnlLoginWrapper tbody td + td > span.valid { opacity: 0; visibility: hidden; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s linear; -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear; }
#pnlLoginWrapper tbody td + td > span input[type="image"] { padding-right: 5px; }
#emailPassword * { vertical-align: middle; }

/* JQUI dialog */
.ui-dialog { box-shadow: 4px 7px 9px rgba(0, 0, 0, 0.5); }
.ui-dialog h1 { color: #fff; font-size: 16px; margin: 0; }
.ui-dialog .LightboxEmail { text-align: center; float: none; white-space: nowrap; margin: 0; }
.ui-dialog .LightboxEmail input { margin: 0; min-height: 14px; vertical-align: top; font-size: 9px; margin: 0; width: 40%; }

/* mini shopping cart */
#miniCart { float: right; }

/* CMT Segments */
.infrWebEditor { overflow: scroll; }
.editorPanel { overflow: auto; padding: 8px; }

/* STUFF ADDED UNTIL WE FIGURE OUT WHAT TO DO WITH THE THEMES */
.UserInput { height: 18px; clear: both; background-color: #1c5b84; font-size: 11px; font-family: Arial; color: #fff; }
.UserInput th { font-size: 10px; font-weight: bold; white-space: nowrap; }
.UserInput thead th, .UserInput tbody td, .UserInput tfoot th, .UserInput tfoot td { padding: 3px; vertical-align: top; }
.UserInput tfoot .Keyline th { padding: 0; }
.UserInput th a { font-weight: bold; }
.UserInput tbody tr td { border: 1px solid #fff; border-width: 1px 0 0 1px; vertical-align: middle; background-color: #eee; color: #5d5d5d; }
.UserInput label { font-weight: bold; }
.UserInput img { margin-left: 3px; vertical-align: bottom; }
.UserInput select, .UserInput input { font-size: 9px; }

/* data pager */
.UserInput tfoot a:first-child, .UserInput tfoot a + span, .UserInput tfoot a + a, .UserInput tfoot span + a { padding-right: 3px; }
.UserInput tfoot a, .UserInput tfoot a + span { color: #fff; font-weight: bold; }
.UserInput tfoot a + span { color: #f90; }
.UserInput tfoot a[disabled] { font-weight: normal; }
.UserInput tfoot a[disabled]:hover { text-decoration: none; }

.ActivityList { margin: 10px 0; clear: both; background-color: #fff; font-size: 11px; color: #fff; }
.ActivityList th { padding: 2px 10px; background-color: #1c5b84; font-size: 12px; font-weight: bold; }
.ActivityList th a { font-weight: bold; }
.ActivityList tbody tr td { padding: 3px; border: 1px solid #fff; border-width: 1px 0 0 1px; color: #5d5d5d; }
.ActivityList label { font-weight: bold; }
.ActivityList img { margin-left: 3px; vertical-align: bottom; }
.ActivityList select, .ActivityList input { font-size: 11px; }
table .remove { min-width: 20px; }

/* login form */
#pnlLoginWrapper input[type="text"], #pnlLoginWrapper input[type="password"] { width: 35%; }

/* below hero navigation */
.panelUserMenu > div  { padding-top: 4px; }

/* search box height */
.tabContainer.productSearchControl .ajax__tab_body { min-height: 122px; }

/* page progress indicator */
#PageProgressIndicator.content_full_width { position: relative; margin: 0; padding: 0; }
#PageProgressIndicator > div { position: absolute; right: 10px; top: 0; }

.Keyline th { font-size: 0; line-height: 0; height: 0; border: 0; }
.UserInput th .linkUserInputHeader, .UserInput tfoot .linkUserInputHeader, .UserInput th a, tfoot a { color: #fff; }

/* jquery ui calendars */
div.ui-datepicker { font-size: 12px; }
.ui-datepicker-append { padding: 0 5px; font-size: 10px; color: #000; }

/* product results table */
#increase, #decrease, .hasDatepicker ~ .ui-datepicker-trigger { font-size: 16px; line-height: 13px; cursor: pointer; vertical-align: middle; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.UserInput tbody td button { font-size: 12px; text-align: center; }



/* cart summary/promotions */
#checkoutSummary { position: relative; padding: 5px; background-color: #1C5B84; color: #fff; }
#checkoutSummary > table { margin-right: 5px; width: auto; float: right; clear: none; margin-bottom: 25px; }
#checkoutSummary > table tfoot th { text-align: right; }
#checkoutSummary > table tfoot td { text-align: right; width: 0; }
#checkoutSummary > table tfoot tr:last-child > * { border-top: 1px solid rgba(255, 255, 255, 0.5); padding-top: 7px; padding-bottom: 0; }

#checkoutSummary > .promotions { display: block; float: left; max-width: 550px; line-height: 16px; margin-bottom: 25px; }
#checkoutSummary > .promotions span > div { margin-top: 5px; }
#checkoutSummary > .promotions h5 { font-size: 16px; }
#checkoutSummary > .promotions ul { display: inline-block; padding: 7px; }
#checkoutSummary > .promotions ul button { float: left; }
#checkoutSummary > .promotions ul p { float: left; max-width: 350px; padding-left: 10px; }

#checkoutSummary #pnlResellersReferenceNumber { position: absolute; bottom: 5px; right: 5px; }
#checkoutSummary #pnlResellersReferenceNumber input { font-size: 11px; width: 143px; }

/* fixes admin management panels */
.ajax__tab_panel > div > .panelFormHeader { margin: 0; }


/* debug information optionally displayed at the bottom of the page */
#pnlDebug {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 5px;
    background-color: #333;
    border-radius: 5px 5px 0 0;
    left: 50%;
    width: 730px;
    margin-left: -370px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: #fff;    
}

#pnlDebug h3 {
    margin-right: 10px;
    display: inline-block;
    font-weight: normal;
    font-size: small;
    margin: 0;
    color: #fff;
}