/*fonts should be used
font-family:'Frutiger Neue W01 Bd', sans-serif; font-weight:normal;
font-family:'Frutiger Neue W01 Book', sans-serif; font-weight:normal;
font-family:'Frutiger Serif LT W01', sans-serif; font-weight:normal;
font-family:'FrutigerNeueLTW01-CnMd', sans-serif; font-weight:normal;*/
html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-weight: normal; font-size: 13px; font-family: 'Frutiger Neue W01 Book' , sans-serif; line-height: 1.5em; color: #646664; border: 0; }

/*default layout*/
header, hgroup, nav, section, aside, article, figure, footer { display: block; }
.page { padding: 0; width: 100%; margin: 0; height: inherit; /*UNCOMMENT THIS LINE BEFORE FINAL RELEASE *height:100%;*/ }

strong, b { font-family: 'Frutiger Neue W01 Bd' , sans-serif; font-weight: normal; }
img { border: none; }
a { color: #404ab3; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }

/*validation*/
input[type="password"]:required { border-color: #88a; box-shadow: 0px 0px 3px rgba(0,0,255,0.5); }

/*basic reset*/
table { width: 100%; border-collapse: collapse; }
h1, h2, h3, h4, h5, p, dl, dt, dd { padding: 0px; margin: 0px; }
ul, ol, li, menu { list-style: none; padding: 0px; margin: 0px; }
ins { text-decoration: none; vertical-align: middle; margin: 0px 5px; }
a, button, input[type="submit"], input[type="button"], button { cursor: pointer; }

/* mozilla bug */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input:-moz-placeholder {
    color: #AAB0B5;
}

/*typo*/
h1 { font-family: 'FrutigerNeueLTW01-CnMd' , sans-serif; font-weight: normal; font-size: 20px; text-transform: uppercase; color: #808294; margin-bottom: 8px; }
h2 { font-family: 'Frutiger Neue W01 Book' , sans-serif; font-weight: normal; font-size: 16px; line-height: 18px; color: #808294; margin-bottom: 5px; }
h3 { font-family: 'Frutiger Neue W01 Book' , sans-serif; font-weight: normal; font-size: 14px; line-height: 16px; color: #3c3c3c; margin: 25px 0px 15px; }
p { font-size: 12px; line-height: 14px; }

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* modal */
.lb_overlay {background: url(images/modal-background.png);}

/*buttons*/
.login-button { border: none; position: relative; display: inline-block; border-radius: 2px; font-family: 'Frutiger Neue W01 Bd' , sans-serif; font-weight: normal; font-size: 10px; line-height: 21px; height: 20px; text-transform: uppercase; padding: 0px 5px; background-color: #f53d3d; color: #fff; margin-left: 15px; }
.login-button:hover { text-decoration: none; background-color: #d63232; }
.login-button:active { top: 1px; }
.button-small { border: none; position: relative; display: inline-block; border-radius: 2px; font-family: 'Frutiger Neue W01 Bd' , sans-serif; font-weight: normal; font-size: 9px; line-height: 15px; height: 15px; text-transform: uppercase; padding: 0px 5px; background-color: #6979d7; color: #fff; }
.button-small:hover { text-decoration: none; background-color: #5262c1; }
.button-small:active { top: 1px; }
.button-warn { border: none; position: relative; display: inline-block; border-radius: 2px; font-family: 'Frutiger Neue W01 Bd' , sans-serif; font-weight: normal; font-size: 9px; line-height: 15px; height: 15px; text-transform: uppercase; padding: 0px 5px; background-color: #f53d3d; color: #fff; }
.button-warn:hover { text-decoration: none; background-color: #d63232; }
.button-warn:active { top: 1px; }
.button { border: none; position: relative; display: inline-block; border-radius: 4px; font-family: 'Frutiger Neue W01 Bd' , sans-serif; font-weight: normal; font-size: 14px; line-height: 27px; height: 27px; text-transform: uppercase; padding: 0 10px; color: #fff; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAJklEQVQI12P4//+/AxMDA8N/OMGAykUj/uEVI5P1jypG4XckugcBcz8yYZey+NoAAAAASUVORK5CYII=') left top repeat-x #485dc5; }
.button:hover { text-decoration: none; background-color: #1c29a7; }
.button:active { top: 1px; }
.delete-action { border: none; position: relative; display: inline-block; border-radius: 4px; font-family: 'Frutiger Neue W01 Bd' , sans-serif; font-weight: normal; font-size: 14px; line-height: 27px; height: 27px; text-transform: uppercase; padding: 0 10px; color: #fff; background-color: #f53d3d; }
.delete-action:hover { text-decoration: none; background-color: #d63232; }
.delete-action:active { top: 1px; }

/*inputs, selects*/
.textbox { border: 1px solid #a4a7a4; height: 30px; vertical-align: middle; border-radius: 4px; font-size: 16px; padding: 0px 3px; color: #474747; width: 280px; }
.editbox { border: 1px solid #fcbbc3; height: 20px; vertical-align: middle; border-radius: 4px; font-size: 12px; padding: 0px 3px; color: #474747; width: 280px; box-shadow: 0px 0px 3px #bd001a; }
.textarea { display: none; border: 1px solid #fcbbc3; height: 40px; vertical-align: middle; border-radius: 4px; font-size: 12px; padding: 0px 3px; color: #878a87; width: 280px; box-shadow: 0px 0px 3px #bd001a; }
select { -webkit-appearance: button; -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; -moz-appearance: button; -moz-padding-end: 4px; -moz-padding-start: 2px; -moz-user-select: none; background: url('images/select.png'), -webkit-linear-gradient(top, #fff 0%, #fff 100%); background: url('images/select.png'), -moz-linear-gradient(top, #fff 0%, #fff 100%); background-position: 98% center; background-repeat: no-repeat; height: 32px; border-radius: 4px; border: 1px solid #a4a7a4; color: #878a87; font-size: 16px; cursor: pointer; overflow: hidden; padding: 2px; white-space: nowrap; }
input[type="checkbox"] { margin: 0px 5px; }
input[type="radio"] { vertical-align: top; }

/*header*/
header { height: 113px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAABxCAIAAACSvv5lAAAAIUlEQVQ4y2NgGAXDCvxHBaP8Uf4of5Q/aPgBIYXIaLDxAYttiAHwTD8pAAAAAElFTkSuQmCC') 0 0 repeat-x; overflow: hidden; position: relative; z-index: 1; }
.header-inner { height: 100%; width: 960px; margin: 0px auto; position: relative; }
.header-topbar { height: 29px; overflow: hidden; color: white; font-size: 11px; text-align: right; line-height: 29px; }
.profile-link { color: #495db5; padding: 0px 3px; margin-left: 5px; border-left: 1px dotted #495db5; border-right: 1px dotted #495db5; }
.header-topbar a { color: #fff; margin-left: 5px; }
.header-topbar a:hover { color: #cacaca; }
.header-content { height: 84px; overflow: hidden; position: relative; }
.header-content span { font-weight: normal; font-size: 27px; font-family: 'Frutiger Serif LT W01' , Arial; color: #505471; margin-left: 236px; float: left; line-height: 82px; }
.logo { display: block; position: absolute; left: 0; top: 50%; margin-top: -18px; }


/*full width layout*/
.full-content { width: 960px; margin: -113px auto -135px; padding: 0; min-height: 100%; height: auto !important; height: 100%; }
.full-box { width: 960px; margin: 0px auto; padding: 113px 0 175px; }
.full-box h1 { color: #3c3c3c; font-size: 26px; line-height: 36px; font-family: 'FrutigerNeueLTW01-CnMd' , sans-serif; font-weight: normal; margin-top: 30px; text-transform: none; }
.full-box p { font-size: 14px; }

/*two columns layout*/
.content-inner { padding: 113px 0 135px; }
.content-section { width: 960px; margin: -113px auto -135px; padding: 0; min-height: 100%; height: auto !important; height: 100%; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpifPToEQMSYGJABaTyAQIMANB0ArDpUDKZAAAAAElFTkSuQmCC') 172px 0 repeat-y; }
aside { float: left; width: 172px; padding-bottom: 30px; }
.right-bar { float: right; width: 740px; padding: 40px 0px; position: relative; }

/*footer*/
footer { background: #000; height: 135px; overflow: hidden; position: relative; z-index: 1; }
.footer-inner { height: 100%; width: 960px; margin: 0px auto; position: relative; color: #fff; }
.footer-inner p { position: absolute; right: 0; bottom: 10px; text-align: right; }
.footer-inner img { position: absolute; left: 0; bottom: 10px; }

/*global table styles*/
.caption { background-color: #505370; text-align: left; color: #fff; font-size: 16px; font-family: 'Frutiger Neue W01 Bd' , sans-serif; font-weight: normal; line-height: 18px; text-transform: uppercase; padding: 20px 0px; border-bottom: 1px solid #2c3951; text-indent: 20px; }
.table { border-style: none solid solid solid; border-width: 1px; border-color: #e2e2e2; }
.table tr:nth-child(2n+2) { background-color: #E8ECEE; }
.table thead { background-color: #a4a7a4; color: #e0e0e0; border-left: 1px solid #a4a7a4; border-width: 1px; border-color: #a4a7a4; border-style: none solid none solid; }
.table th { text-align: left; padding: 5px 10px; font-size: 12px; position: relative; white-space: nowrap; font-weight: normal; }
.table td { padding: 5px 10px; font-size: 12px; border-left: 1px solid #e2e2e2; word-wrap: normal; }
.table td:first-child { border-left: none; }
.th-color { color: #e0e0e0; }
.th-color:hover { color: #fff; text-decoration: none; }

/*ascending sorting*/
.a-ascending, .a-descending { color: #e0e0e0; }
.a-ascending:hover, .a-descending:hover { color: #fff; text-decoration: none; }
.th-ascending { display: inline-block; background: url('images/icn-arrow.png') 0 0 no-repeat; overflow: hidden; width: 9px; height: 8px; margin-left: 5px; vertical-align: middle; }
.a-ascending:hover > .th-ascending { background-position: 0 -15px; }

/*descending sorting*/
.th-descending { display: inline-block; background: url('images/icn-arrow.png') 0 -7px no-repeat; overflow: hidden; width: 9px; height: 8px; margin-left: 5px; vertical-align: middle; }
.a-descending:hover > .th-descending { background-position: 0 -22px; }

/*sidebar menu & archives list*/
.sidebar-menu { margin-top: 75px; }
.sidebar-menu > li { margin-bottom: 2px; }
.sidebar-menu > li > a { display: block; font-family: 'FrutigerNeueLTW01-CnMd' , sans-serif; font-weight: normal; line-height: 30px; text-transform: uppercase; background-color: #e1e1e1; color: #505370; padding: 0px 10px; }
.sidebar-menu > li > a:hover { background-color: #505370; color: #e1e1e1; text-decoration: none; }
.sidebar-menu > li > a.activemenu { background-color: #505370; color: #e1e1e1; }
.archive-list { margin: 50px 0px; }
.archive-list a { font-size: 14px; }

/*submenu*/
.sub-menu { }
.sub-menu > li > a { padding-left: 25px; line-height: 30px; color: #505370; font-family: 'FrutigerNeueLTW01-CnMd' , sans-serif; font-weight: normal; }
.sub-menu > li > a.active-sub { background: url('images/sub-active.png') no-repeat 15px center; }

/*data rotator navigation*/
.data-navigation { margin-top: 30px; }
.data-navigation a:hover { color: #f53d3d; text-decoration: none; }
.data-navigation a { font-family: 'Frutiger Neue W01 Bd' , sans-serif; font-weight: normal; }
.nav-number { margin: 0px 5px; font-size: 12px; display: inline-block; }
.nav-first { margin-right: 10px; }
.nav-last { margin-left: 10px; }
.nav-active { color: #f53d3d; font-size: 14px; }

/*admin filters*/
.filter-line { margin: 25px 0px 20px; position: relative; }
.filter-line span { vertical-align: middle; }
.filter-line label { vertical-align: middle; cursor: pointer; }
.filter-line input[type="checkbox"] { vertical-align: middle; }

/*tooltip*/
.showtip { position: relative; text-decoration: none !important;}
.showtip:hover > span { display: inline; }
.tooltip { display: none; position: absolute; bottom: 30px; left: 0px; width: 220px; word-break: break-all; text-align: left; text-decoration: none !important; padding: 4px 10px; border: 1px solid #196ba9; background-color: #d5e6f5; border-radius: 4px; line-height: 14px; font-size: 12px; color: #646664; }
.tooltip:after, .tooltip:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.tooltip:after { border-top-color: #d5e6f5; border-width: 10px; left: 20%; margin-left: -10px; }
.tooltip:before { border-top-color: #196ba9; border-width: 11px; left: 20%; margin-left: -11px; }


/*breadcrumbs*/
.breadcrumbs { margin-bottom: 25px; }
.breadcrumbs li:first-child { margin-left: 0px; }
.breadcrumbs li { display: inline; margin-left: 5px; }
.breadcrumbs li span { margin-right: 5px; }

/*popup boxes*/
.delete-confirmation { background-color: #fff; padding: 30px 20px 40px 20px; }
.delete-confirmation p { margin-bottom: 20px; font-size: 14px; }
.delete-confirmation a { margin-right: 10px; }
.mask { position: absolute; z-index: 9000; background-color: #000; display: none; top: 0px; left: 0px; opacity: 0.8; filter: alpha(opacity= 80 ); }
#poped-box .window { position: absolute; top: 20%; display: none; z-index: 9999; padding: 20px; }

/*success/error messages*/
.success-message { background: url('images/ok-icon.png') no-repeat 10px center #00853F; padding: 10px 5px 10px 40px; margin: 10px 0px; color: #fff; font-size: 14px; }
.error-message { background: url('images/error-icon.png') no-repeat 10px center #C12543; padding: 10px 5px 10px 40px; margin: 10px 0px; color: #fff; font-size: 14px; }
.warning-box { background: url('images/error-icon.png') no-repeat 10px center #DDDD45; padding: 10px 5px 10px 40px; margin: 10px 0px; color: #212121; font-size: 14px; }
.validation-box { position: relative; }
.warning-box { background: url('images/error-icon.png') no-repeat 10px center #DDDD45; padding: 10px 5px 10px 40px; margin: 10px 0px; color: #212121; font-size: 14px; }

.agree-to-terms > span.error { position: absolute; top: 20px; left: 11px; }
span.field-validation-error { color: #d63232; width: 300px !important; text-align: left !important; margin-left: 10px; }
#change-password-form span.password-validation { margin-top: 4px; }
input.input-validation-error { box-shadow: 0px 0px 3px #bd001a; border-color: #fcbbc3; }
select.input-validation-error { box-shadow: 0px 0px 3px #bd001a; border-color: #fcbbc3; }
.textbox:focus { box-shadow: 0px 0px 3px #bd001a; border-color: #fcbbc3; }
.performance-sorting span.field-validation-error { position: absolute; top: 33px; left: -10px; }
div.top-validation .field-validation-error { top: 8px; }
.sorting-calendars span.field-validation-error { position: absolute; left: -10px; top: 32px; }

/*additional classes*/
.full-select { width: 100%; }
.state-select { width: 80px; }
input[type="text"].shorten { width: 120px; margin-left: 5px; }

#why-sign-up { width: 350px; }
#why-sign-up li{ list-style: circle; width: 350px; }

#sing-in-table td { padding-bottom: 5px; }

/*from old portal*/
.paging-limiting { margin-top: 20px; float: left; }
.paging-info { font-family: 'Frutiger Neue W01 Book' , Trebuchet MS; font-size: 13px; font-weight: normal; color: #838696; display: inline-block; vertical-align: middle; }
.paging-navigation { margin-left: 5px; display: inline-block; vertical-align: middle; }
.verbiage { height: 16px; line-height: 12px; display: inline-block; vertical-align: middle; }
.pagesize-input { margin: 0 10px; width: 60px; height: 23px; font-size: 12px; }

.pager-back { background: url('images/pagination-navigation.png') no-repeat 4px 3px; font-size: 0; line-height: 0; display: block; text-indent: -9999px; overflow: hidden; width: 16px; height: 16px; display: block; cursor: pointer; float: left; }
.pager-forward { background: url('images/pagination-navigation.png') no-repeat -10px 3px; font-size: 0; line-height: 0; display: block; text-indent: -9999px; overflow: hidden; width: 16px; height: 16px; display: block; cursor: pointer; float: left; }
.pager-forward:hover { background-position: -10px -12px; }
.pager-back:hover { background-position: 4px -12px; }

.secondary-navigation { list-style-type: none; padding: 0; margin: 52px 0 0; font-family: 'FrutigerNeueLTW01-CnMd' , Trebuchet MS; font-weight: normal; font-size: 14px; }
.secondary-navigation > .menu-item { background: #e2e2e2 url(images/secondary-navigation-shadow.png) repeat-y -50px top; }
.secondary-navigation > .menu-item a { color: #505471; padding: 10px; display: block; text-transform: uppercase; }
.secondary-navigation > .menu-item.current { background-color: #505470; background-position: right top; }
.secondary-navigation > .menu-item.current > a { color: #e2e2e2; }
.subnavigation { background: White url(images/sidebar-shadow.png) repeat-y right top; list-style-type: none; padding: 0; margin: 0; font-family: Frutiger Neue LT Pro Regular, Trebuchet MS; font-weight: normal; font-size: 12px; }
.subnavigation .menu-item a { background: url(images/subnavigation-current-item.png) no-repeat -100px center; color: #808294; padding-left: 25px; text-transform: none; }
.subnavigation .menu-item.current a { background-position: 13px center; }

.modal { background: #fff; display: none; width: 670px; padding: 0; color: #3c3c3c; border-top: 1px solid #4c4c4c; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.modal .modal-header { background: #737373 url('images/modal-header-bg.png') repeat-x left top; height: 34px; border: 1px solid #818181; border-right: #696969; border-left-color: #696969; }
.modal .modal-title { color: #fff; font: normal 15px 'FrutigerNeueLTW01-CnMd' , 'Arial Narrow' , Arial, sans-serif; font-size: 1.5em; line-height: 34px; text-shadow: 1px 1px 1px #4c4c4c; float: left; padding: 0 10px; }
.modal .modal-close { background: url('images/modal-close.gif') no-repeat left top; display: block; width: 13px; height: 14px; float: right; font-size: 0; text-indent: -9999px; cursor: pointer; margin: 10px; }
.modal .modal-content { padding: 20px; }
.modal .modal-close:hover, .modal .modal-close:focus { background-position: 0 -14px; }
.modal h3 { color: #606060; font: normal 17px 'FrutigerNeueLTW01-CnMd' , 'Arial Narrow' , Arial, sans-serif; }
.modal form.f-default { background: none; border: none; padding: 0; margin: 0; }
.modal .f-actions { margin-top: 15px; }
.modal input.text { width: 300px; }
input.text, textarea.text { border: solid 1px #a4a7a4; background-color: #fdfdfd; border-radius: 2px; color: #505471; padding: 6px 9px; margin: 0; width: 300px; }
.f-label { display: block; font-size: 12px; }

/*autocomplete*/
.autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 6px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 0; }
.autocomplete { border: 1px solid #999; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; border: solid 1px #a4a7a4; border-radius: 2px; width: 318px !important; }
.autocomplete .selected { background-color: #e9e9e9; }
.autocomplete strong { color: #495db5; font-weight: bold; }
.autocomplete div { height: 29px; line-height: 29px; padding: 0 10px; cursor: default; }

/**/
.add-vendor-action { background: url('images/add-new-vendor-action.png') no-repeat left top; display: block; width: 181px; height: 34px; float: right; cursor: pointer; font-size: 0; line-height: 0; text-indent: -9999px; }
.add-vendor-action:hover, .add-vendor-action:focus { background-position: left -34px; }
#main-navigation { list-style-type: none; float: right; margin: 23px 0 0; line-height: 31px; padding: 0; font-family: 'FrutigerNeueLTW01-CnMd' , Trebuchet MS; font-weight: normal; font-size: 20px; }
#main-navigation .menu-item { float: left; }
#main-navigation .menu-item.current > :first-child { color: #db0747; }
#main-navigation .menu-item > :first-child { color: #878787; padding: 15px 14px; }
.new-vendor { float: right; margin-top: -20px; }

#user-menu { background: black; height: 29px; line-height: 29px; color: #fff; font-family: 'Frutiger Neue W01 Book' , Trebuchet MS; font-weight: normal; font-size: 12px; text-align: right; }
#user-menu-content { width: 946px; padding: 0 7px; margin: 0 auto; }
#user-menu a { color: #8c9bf2; }
#user-menu .greeting { padding-right: 10px; float: right; color: #fff; }
#user-menu-items { list-style-type: none; padding: 0; margin: 0; float: right; }
#user-menu-items .menu-item { background: url('images/user-menu-separator.png') no-repeat left center; float: left; }
#user-menu-items .menu-item > a { padding: 0 10px; display: block; height: 29px; line-height: 29px; }
#user-menu-items .menu-item .logout-link { font-family: 'Frutiger Neue W01 Book' , Trebuchet MS; font-size: 10px; font-weight: normal; text-transform: uppercase; cursor: pointer; width: 57px; height: 29px; line-height: 29px; text-align: center; padding-right: 0; }
#user-menu-items .menu-item .logout-link .text { background-color: #f53d3d; color: White; text-shadow: 1px 1px 1px black; padding: 4px 7px; border-radius: 2px; }
#user-menu-items .menu-item .logout-link:hover .text { background-color: #f06167; text-decoration: none; }

.login-box{}
.login-box .left-block{ width: 650px; float: left;}
.login-box .right-block{ width: 300px; float: right;}
.login-form{ margin: 0; padding: 0;}
.form-wrapper{ margin: 0 0 10px;}
.password-box{}
.block-indent{ margin-left: 160px}
.signup-form .block-indent label{ text-align: left}
input::-webkit-input-placeholder { color: #BDBDBD}

.footer-inner > a {
    margin-left: -51px;
    position: absolute;
    left: 50%;
    bottom: 7px;
    font-size: 12px;
    color: #ffffff;
}
.footer-inner > a:hover {
    text-decoration: underline;
}

.site-message {
    color: red;
    font-size: 1em;
    line-height: 1.1em;
    margin-right: 4em;
    margin-top: 1em;    
}

/* FontShop specific styles */
@font-face {
    font-family: SeroWebProExtraLight;
    src: url('/Content/fonts/SeroWebPro-Extralight.eot') format('eot'), 
        url('/Content/fonts/SeroWebPro-Extralight.woff') format('woff');
}
@font-face {
    font-family: YogaSansWebPro;
    src: url('/Content/fonts/YogaSansWebPro.eot') format('eot'), url('/Content/fonts/YogaSansWebPro.woff') format('woff');
}
@font-face {
    font-family: YogaSansWebProBold;
    src: url('/Content/fonts/YogaSansWebPro-Bold.eot') format('eot'), url('/Content/fonts/YogaSansWebPro-Bold.woff') format('woff');
}
.fontshop aside {
    background-color: #ffde00;
    padding-left: 3%;
    height: 100vh;
    width: 20%;
}
.fontshop .right-bar {
    margin: 0 20px 0 0 ;
    width: 72%;
}
.fontshop a {
    color: #000;
    text-decoration: underline;
}
body.fontshop {
    color: #262626;
    font-family: YogaSansWebPro;
    font-size: 18px;
}
.fontshop td {
    font-family: YogaSansWebPro;
    font-size: 16px;
}
.fontshop .activity-summary td:first-child {
    color: #262626;
    font-size: 16px;
    padding: 0;
}
.fontshop th {
    color: #262626;
    font-family: YogaSansWebProBold;
    font-size: 16px;
}
.fontshop .th-color {
    color: #262626;
}
.fontshop .activity-summary th {
    background-color: #fff;
    color: #262626;
    font-family: YogaSansWebProBold;
    font-size: 16px;
}
.fontshop .activity-summary td {
    color: #262626;
    font-family: YogaSansWebPro;
    font-size: 16px;
}
.fontshop .edit-account td {
    font-size: 16px;
}
.fontshop .a-ascending, .fontshop .a-descending {
    color: #262626;
}
.fontshop .table thead {
    background-color: #d9d9ca;
}
.fontshop .table tr.gridrow_alternate {
    background-color: #ebeae3;
}
.fontshop .content-section {
    width: 100%;
}
.fontshop .header-content { 
    background-color: #FFDE00; 
}
.fontshop .header-content span {
    float: none;
    font-family: SeroWebProExtraLight, sans-serif;
    font-size: 34px;
    margin-left: 75%;
    text-align: right;
}
.fontshop .header-inner {
    width: 100%;
}
.fontshop .content-section {
    background: none;
}
.fontshop caption {
    background-color: #fff;
    border: none;
    color: #262626;
    font-family: YogaSansWebProBold;
    font-size: 18px;
    padding: 0;
    text-indent: 0;
    text-transform: none;
}
.fontshop footer {
    background-color: #ffffff;
}
.fontshop .footer-inner p {
    color: rgba(110, 110, 60, 0.5);
}
.fontshop .footer-inner p {
    font-size: 18px;
}
.fontshop h1 {
    color: #262626;
    font-family: YogaSansWebProBold;
    font-size: 26px;
    text-transform: none;
}
.fontshop h2 {
    color: #262626;
    font-family: YogaSansWebProBold;
    font-size: 18px;
}
.fontshop .sorting-time {
    clear: left;
    float: none;
    width: auto;
}
.fontshop .sorting-time h5 {
    color: #262626;
    font-family: YogaSansWebProBold;
    font-size: 16px;
}
.fontshop label {
    color: #262626;
    font-family: YogaSansWebProBold;
    font-size: 16px;
}
.fontshop .dev-label {
    color: #262626;
    font-family: YogaSansWebPro;
    font-size: 16px;
}

.fontshop p {
    color: #262626;
    font-family: YogaSansWebPro;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 1em;
}
.fontshop h4 {
    font-family: YogaSansWebProBold !important;
    font-size: 18px !important;
}
.fontshop input {
    background-color: #f9f8f3;
    border: 1px solid transparent;
    border-radius: 0;
    font-family: YogaSansWebPro;
    font-size: 18px;
    padding: 0 15px;
    transition: border-color 150ms;
}
.fontshop input[type=text] {
    height: 45px;
}
.fontshop input[type=email] {
    height: 45px;
}
.fontshop input[type=password] {
    height: 45px;
}
.fontshop input[type=checkbox] {
    background: none;
    border: none;
    box-sizing: border-box;
    color: #acac9f;
    display: inline-block;
    line-height: normal;
    margin: 3px 0.5ex;
    padding: 0;
    vertical-align: baseline;
}
.fontshop .textbox {
    border-color: none;
    width: 310px;
}
.fontshop .textbox:focus {
    border-color: none;
    box-shadow: none;
}
.fontshop .editbox {
    border-color: none;
    box-shadow: none;
}
.fontshop .editbox:focus {
    border-color: none;
    box-shadow: none;
}

.fontshop #why-sign-up {
    margin-left: 1.5em;
    position: relative;
}
.fontshop #why-sign-up li {
  list-style: outside none none;
}
.fontshop #why-sign-up li::before {
    background-color: #ffde00;
    content: " ";
    display: inline-block;
    height: 0.625em;
    left: -1.5625em;
    margin: 0.375em 0;
    position: absolute;
    
    transition: color 150ms ease 0s, border-color 150ms ease 0s, background-color 150ms ease 0;
    width: 0.625em;
}
.fontshop .full-box {
    margin-left: 8%;
}
.fontshop .button {
    background-color: #ffffff;
    border: 4px solid #ffde00;
    border-radius: 0;
    box-sizing: border-box;
    color: #262626;
    display: inline-block;
    font-family: YogaSansWebProBold;
    font-size: 16px;
    height: 45px;
    line-height: 37px;
    margin: 30px auto;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}
.fontshop .button:hover {
    background-color: #ffde00;
    color: #000000;
}
.fontshop .button-small {
    background-color: #ffde00;
    border-radius: 0;
    color: #262626;
    font-family: YogaSansWebPro;
    font-size: 16px;
    padding: 4px 10px;
    text-transform: none;
}
.fontshop .button-warn {
    background: none;
    color: red;
    font-family: YogaSansWebPro;
    font-size: 16px;
    text-decoration: underline;
    text-transform: none;
}
.fontshop .button#sign-in-submit {
    margin: 0;
}
.fontshop .form-wrapper.block-indent {
    margin-left: 0;
}
a.reset-password-fontshop {
    color: rgba(110, 110, 60, 0.5);
    font-size: 16px;
    position: relative;
    text-decoration: underline;
    
}

.fontshop .sidebar-menu li {
    margin: 30px 0;
}
.fontshop .sidebar-menu li a {
    background-color: #ffde00;
    color: #262626;
    font-family: YogaSansWebPro;
    font-size: 18px;   
    text-decoration: none; 
    text-transform: none;
}
.fontshop .sidebar-menu li a.activemenu {
    background-color: #f0d000;
    font-family: YogaSansWebProBold;

}

.fontshop .header-topbar a.login-button {
    background-color: #000000;
    color: #ffde00;
    content: "Log Out";
    text-decoration: underline;
    text-transform: none;
}
.fontshop .header-topbar a {
    color :#fff;
    text-decoration: none;
}
.fontshop .button-small {
    text-decoration: none;
}
.fontshop .warning-box {
    background-color: #ffde00;
}

.fontshop .ui-datepicker .ui-widget-header {
    background: none;
}
.fontshop .ui-datepicker .ui-datepicker-header {
    background-color: #ffde00;
    color: #262626;
    font-family: YogaSansWebProBold;
}
.fontshop .ui-state-default, .fontshop .ui-state-default {
    background-color: rgba(110, 110, 60, 0.05);
}

.fontshop .signup-form label {
    color: rgba(110, 110, 60, 0.5);
    font-family: YogaSansWebPro;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    
}

.fontshop .error-message {
    background-color: #ffde00;
}