html, body { margin: 0; width: 100%; height: 100%;-webkit-font-smoothing: antialiased; }
.page { margin: 0 0 -537px 0; min-height: 100%; height: auto !important; height: 100%; background-color: #ffffff; }
body {
    background: #f1f0ef none repeat scroll 0 0;
    color: #3d3938;
    font-family: FrutigerNeue,Helvetica,Arial,sans-serif;
    font-size: 100.01%;
    line-height: 1.5;
    text-align: left;
}
/*@font-face {
    font-family: 'fontello';
    src: url('./fonts/fontello.eot?46746279');
    src: url('./fonts/fontello.eot?46746279#iefix') format('embedded-opentype'),
    url('./fonts/fontello.woff?46746279') format('woff'),
    url('./fonts/fontello.ttf?46746279') format('truetype'),
    url('./fonts/fontello.svg?46746279#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


.demo-icon
{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

a { color: #c60000; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
img { border: none; }

strong { font-weight: 900; }
label[for] { cursor: pointer; }
label { }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-center .align-right { text-align: right; }

nav, section, header, footer, article { display: block; }

/* Overwrite default placeholder text  */
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #423c3b; }
:-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #423c3b; }

/* Clear button extra padding */
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/* Clearfix */
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }


/* LAYOUT */
.content-inner { padding: 10px; background-color: #ffffff; }
.content-padding { position: relative; padding: 20px; }
.relative-container { position: relative; }
.tab-content { position: relative; z-index: 5; }

/* ICONS */
.icn-headlines { display: block; overflow: hidden; /*width: 14px; height: 11px; background: url('images/content/icn-filters.png') no-repeat 0 0; text-indent: -999px;*/ float: left; margin-top: 4px; }
.btn-filteraction.tab-active .icn-headlines { /*background-position: 0 -18px;*/ }

.icn-bodycopy { display: block; overflow: hidden; width: 15px; height: 12px; background: url('images/content/icn-filters.png') no-repeat -20px 0; text-indent: -999px; float: left; margin-top: 4px; }
.btn-filteraction.tab-active .icn-bodycopy { background-position: -20px -18px; }

.icn-characterlist { display: block; overflow: hidden; width: 11px; height: 13px; background: url('images/content/icn-filters.png') no-repeat -49px -1px; text-indent: -999px; float: left; margin-top: 5px; }
.btn-filteraction.tab-active .icn-characterlist { background-position: -49px -19px; }
a.label:hover .icn-characterlist, a.label.hover .icn-characterlist { background-position: -49px -19px; }
a.charlist-button.tab-active .icn-characterlist { background-position: -49px -19px;  }
.icn-browserpreview { display: block; overflow: hidden; width: 13px; height: 11px; background: url('images/content/icn-filters.png') no-repeat -69px 0; text-indent: -999px; float: left; margin-top: 4px; }
.btn-filteraction.tab-active .icn-browserpreview { background-position: -69px -18px; }

.icn-ordermsg { display: block; width: 18px; height: 22px; background: url('images/icn-ordermsg.png') no-repeat top left; text-decoration: none; text-transform: none; }
.icn-brchrome { display: block; overflow: hidden; width: 17px; height: 17px; background: url('images/icn-browsericons.png') no-repeat 0 0; text-indent: -9999px; }
.icn-brfirefox { display: block; overflow: hidden; width: 17px; height: 17px; background: url('images/icn-browsericons.png') no-repeat -23px 0; text-indent: -9999px; }
.icn-brexplorer { display: block; overflow: hidden; width: 17px; height: 17px; background: url('images/icn-browsericons.png') no-repeat -47px 0; text-indent: -9999px; }
.icn-bropera { display: block; overflow: hidden; width: 17px; height: 17px; background: url('images/icn-browsericons.png') no-repeat -70px 0; text-indent: -9999px; }
.icn-brsafari { display: block; overflow: hidden; width: 17px; height: 17px; background: url('images/icn-browsericons.png') no-repeat -91px 0; text-indent: -9999px; }
.icn-winxp { background-position: -4px -171px; }
.icn-win7 { background-position: -4px -146px; }
.icn-ff { background-position: -4px -3px; }
.icn-ie { background-position: -4px -75px; }
.icn-chrome { background-position: -4px -26px; }
.icn-safari { background-position: -4px -51px; }
.icn-macos { background-position: -4px -123px; }
.icn-lock { font-size: 15px;display: block; overflow: hidden; width: 12px; height: 27px; float: left;left: 13px;margin-right: 10px; margin-top: -2px;top: 8px;width: 18px;}
.secure-ssl { position: absolute; top: -5px; right: 20px; padding-right: 50px; color: #afaaa7; font-size: 12px; line-height: 78px; }
.icn-warningicn { display: block; overflow: hidden; width: 36px; height: 31px; background: url('images/icn-warningicon.png') no-repeat 0 0; }
.icn-securessl { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 55px; background: #e7e6e4; box-shadow: -3px 2px 5px -1px rgba(0, 0, 0, 0.3); }
.icn-securessl:before { position: absolute; top: 0; left: -5px; display: block; width: 0px; height: 0px; border-width: 5px 5px 0px 0; border-style: solid; border-color: transparent #bab8b3 transparent transparent; content: ""; }
.icn-securessl .icon-lock {color: #3d3938;font-size: 19px;left: 6px;position: absolute;top: -3px;}
.icn-download { display: block; width: 10px; height: 10px; background: url('images/cart/cart_symbols.png') no-repeat -5px -94px; }
.icn-add { position: absolute; top: 12px; left: 18px; display: block; overflow: hidden; width: 8px; height: 8px; background: url('images/icn-add.png') no-repeat 0 0; }

.browsericon-wrapper { float: left; margin: 3px 0 0 0px; width: 108px; }
.browsericon-wrapper > span:first-child { margin-left: 0; }
.browsericon-wrapper > span { float: left; margin-left: 5px; }
#simplemodal-container a {color:#ddd;}
.modal-content p { color: #888582; font-weight: bold; font-size: 13px; line-height: 1.5; }
/* FORM ELEMENTS */
.input-textarea { font-size: 12px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 1.5; }

/* BUTTONS */


.btn-edit { display: block; box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3); padding: 0 20px 0 31px; height: 32px; color: #ffffff; line-height: 32px; background: #2e2e2e url('images/icn-editcontent.png') no-repeat 14px 11px; }
.btn-edit:hover { text-decoration: underline; }

.btn-filteraction:first-child { border-left: 2px solid transparent; }
.btn-filteraction { position: relative; display: inline-block; padding: 0 8px 0 8px; height: 22px; border-left: 2px solid #e8e6e4; border-radius: 0; background-color: #fff; color: #3d3938; text-transform: uppercase; font-weight: 700; font-size: 10px; line-height: 22px; cursor: pointer; }
.btn-filteraction:hover { text-decoration: none; }
.btn-filteraction.tab-active { border-left: 2px solid transparent; border-radius: 4px; background-color: #3d3938; color: #ffffff; text-decoration: none; }
/* .btn-filteraction > span { position: absolute; top: 5px; left: 8px; } */
.btn-filteraction .char-number { position: static; color: #b2aaa7; }
.char-map-selector .btn-filteraction.hover { border-radius: 4px 4px 0 0; }

.btn-editclose { display: block; padding-left: 13px; /*background: url('images/icn-closeicon.png') no-repeat 0 49%;*/ line-height: 20px; }
.btn-editclose:hover { text-decoration: none; }
.btn-editclose span.icon-cancel-1 {padding-right: 6px;}

.btn-toggler { display: block; /*padding-left: 15px; background: url('images/icn-slidetoggle.png') no-repeat 0 5px;*/ color: #3d3938; }
.btn-toggler:hover { text-decoration: none; }
.btn-toggler span.icon-searcharrow {font-size: 8px;padding-right: 6px;vertical-align: middle;}
.btn-toggler.toggled { margin-bottom: 10px; background-position: 0 -9px; }
.btn-toggler.toggled span.icon-searcharrow {display: inline-block;transform: rotate(90deg);}
.btn-reset { display: block; padding-left: 15px; /*background: url('images/icn-remove.png') no-repeat 0 49%;*/ text-transform: uppercase; }
.btn-reset span.icon-cancel-1{padding-right:6px;}
.btn-reset:hover { text-decoration: none; }

.btn-default { display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 12px; height: 18px; border: 1px solid #b1aaa7; border-radius: 4px; background-color: #fff; color: #000000; font-weight: 900; font-size: 12px; line-height: 18px; }
.btn-default:hover { background-color: #f3f3f3; text-decoration: none; }

.btn-gray { display: inline-block; overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 28px; height: 18px; border-radius: 0; background-color: #afaaa7; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 12px; line-height: 18px; }
.btn-gray:hover { background-color: #bfbbb9; text-decoration: none; }

.btn-darksecondary { position: relative; display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 12px 0 20px; height: 14px; border: none; border-radius: 0; background-color: #000000; color: #ffffff; text-transform: uppercase; font-weight: normal; font-weight: 900; font-size: 10px; line-height: 14px; cursor: pointer; }
.btn-darksecondary:hover { text-decoration: none; }

.btn-blue { position: relative; display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0; margin-right: 20px; padding: 0 20px 0 35px; height: 32px; border: none; background: url('images/btn-blue.png') repeat-x 0 -32px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 32px; cursor: pointer; }
.btn-blue > .button-start { position: absolute; top: 0; left: 0; display: block; width: 13px; height: 32px; background: url('images/btn-blue.png') no-repeat 0 0; }
.btn-blue > .button-end { position: absolute; top: 0; right: -18px; display: block; width: 18px; height: 32px; background: url('images/btn-blue.png') no-repeat -3px -64px; }
.btn-blue > .icn-lock { position: absolute; top: 8px; left: 13px; }
.btn-blue.btn-withouticon { padding-left: 22px; font-weight: bold; font-size: 12px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }






.btn-defaultwfs { display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 12px; height: 18px; border: 1px solid #bec4cf; border-radius: 4px; background-color: #fff; color: #294d75; font-weight: 900; font-size: 12px; line-height: 18px; }
.btn-defaultwfs:hover { background-color: #d9dfea; text-decoration: none; }


/* SELECTS */
.select-secondary { display: block; overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0; padding: 3px 1px 3px 0; height: 14px; border: 1px solid #b1aaa7; border-radius: 4px; background: #fff; background: url('images/icn-selectsmarrow.png') no-repeat 100% 50%, -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%, #ffffff); color: #000000; font-weight: 700; font-size: 10px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 12px; -webkit-appearance: button; -webkit-padding-end: 12px; -khtml-padding-start: 4px; -webkit-padding-start: 4px; -moz-padding-end: 12px; -moz-padding-start: 4px; -webkit-padding-start: 4px; -khtml-padding-start: 4px; padding-start: 4px; padding-end: 12px; -moz-user-select: none; }
.select-secondary[disabled="disabled"] { background: url('images/icn-selectsmarrow.png') no-repeat 100% 50%, -webkit-linear-gradient(top, #e8e6e4 0%, #e8e6e4 100%, #e8e6e4); background-color: #e8e6e4; }

.select-secondarydark { text-transform: uppercase; display: block; overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0; padding: 3px 0; height: 14px; border: 1px solid #393938; border-radius: 4px; background: #393938; background: url('images/icn-selectsmarrowinvert.png') no-repeat 100% 50%, -webkit-linear-gradient(top, #393938 0%, #393938 100%, #393938); color: #fff; font-weight: 700; font-size: 10px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 14px; -webkit-appearance: button; -webkit-padding-end: 12px; -webkit-padding-start: 4px; -moz-padding-end: 4px; -moz-padding-start: 4px; -moz-user-select: none; }
.select-secondarydark option { background-color: #393938; color: #fff; }

/* CUSTOM SELECT BOXES IN FONT EDIT  */
.selection-wrapper { position: relative; float: left; }
.selection-wrapper .unit-select { position: absolute; top: 0; right: 0; z-index: 10; border-left: 1px solid #3a3a39; }
.unit-input { overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 3px 41px 3px 0; width: 29px; height: 14px; border: none; border-radius: 0; background-color: #000000; color: #ffffff; text-align: right; font-size: 10px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 15px; }
.unit-select { overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0; width: 36px; height: 20px; border: none; border-radius: 0; background: url('images/icn-selectwaterfall.png') no-repeat 100% 50%, -webkit-linear-gradient(top, #000000 0%, #000000 100%, #000000); background-color: #000000; color: #ffffff; font-size: 10px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 20px; -webkit-appearance: button; }
.style-select { overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 10px 0 3px; width: 85px; height: 20px; border: none; border-radius: 0; background: url('images/icn-selectwaterfall2.png') no-repeat 100% 50%, -webkit-linear-gradient(top, transparent 0%, transparent 100%, transparent); background-color: transparent; color: #ffffff; text-transform: uppercase; font-size: 10px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 20px; -webkit-appearance: button; }
.style-select option { background-color: #000; color: #ffffff; }
.unit-select option { background-color: #000; color: #ffffff; }

#licensesel + .newListSelected { width: 50px; }
#licensesel + .newListSelected .SSContainerDivWrapper { width: 48px; }
#formatsel + .newListSelected { width: 75px; }
#weightsel { max-width: 130px; }


#languagesel + .newListSelected a { color: #ffffff; }

/* FONT CONTAINER */
.product-tabs a:hover { text-decoration: none; }
.font-container { position: relative; margin-bottom: -58px; padding-bottom: 58px; height: 148px; }
.font-container ~ .catalog > .shadow-box-content { padding: 0; background-color: transparent; }
.font-container ~ .catalog .product-tabs { position: relative; margin: 0 0 0 20px; height: 58px; background: transparent; line-height: 58px; }
.font-container > .header-description { position: absolute; top: 15px; right: 0; z-index: 2; margin: 0; padding: 0 20px 3px 0; max-width: 280px; background-color: inherit; color: #ffffff; text-align: right; font-size: 12px; height: 120px; overflow: hidden; }
.header-description h1 { display: inline; margin: 0; padding: 0; border: none; color: #ffffff; text-decoration: none; text-transform: none; font-weight: normal; font-style: italic; font-size: 12px; line-height: inherit; }
.product-tabs .black { background-color: #3d3938; color: #ffffff; }
.font-description { position: relative; overflow: hidden; padding: 25px 25px 0 65px; }
.font-description h1 { position: relative; float: left; overflow: hidden; margin: 0; padding: 0; padding-right: 20px; max-width: 100%; border: none; color: #fff; text-transform: none; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 68px; line-height: 1.5; }
.font-description img { margin-top: 20px; }
.font-description h1 .itemprop-font-name { position: absolute; left: 0; top: -20px; font-size: 12px; }
.header-description a { color: #fff; font-weight: bold; }
#contentDescription { display: none; }
.shadow-box-content {background: #ffffff;}
.product-tabs span.right { background: transparent; }
.product-tabs span.right img { margin: 10px 0 0 4px; }
.shadow-box-content .product-tabs a.active { top: 0; padding: 0 19px; height: 58px; border: none; line-height: 68px; }
.shadow-box-content .product-tabs a { top: 10px; height: 48px; border: none; line-height: 48px; }
.description-text { margin: 8px 0 0 0; padding: 0 20px; font-style: italic; font-size: 14px; font-family: GenerisSerifComMedium,Georgia,Times,serif; line-height: 1.5; }

/* LICENSE SELECT */
.font-listing-head.license-selection { position: relative; padding: 23px 20px 80px 20px; border: #e7e6e4 2px solid; }
.font-listing-head.license-selection .fontcount { display: block; float: left; overflow: hidden; width: auto; text-overflow: ellipsis; white-space: nowrap; }
.font-listing-head.license-selection .fontname { display: block; float: left; max-width: 155px; overflow: hidden; text-overflow: ellipsis;}
.font-listing-head.license-selection label { /*float: left;*/ margin-right: 5px; color: #000; line-height: 22px; }
.licenses-quantity { position: relative; float: left; }
.licenses-quantity .select-secondary { /*width: 58px;*/ }
.pop-box { position: absolute; top: -1px; right: 0; display: block; width: 20px; height: 20px; border: 1px solid #f1f0ef; background-color: #e7e6e4; text-align: center; font-weight: 900; line-height: 20px; cursor: pointer; }
.pop-box > span { position: absolute; top: 50%; right: 100%; display: block; margin-top: -4px; width: 7px; height: 8px; background: url('images/icn-poparrow.png') no-repeat top left; }
.pop-box .pop-content { display: block; padding: 15px; width: 200px; border: 10px solid #000; background-color: #fff; }
.icn-closepop { position: absolute; top: 18px; right: 18px; display: block; overflow: hidden; width: 10px; height: 10px; background: url(images/icn-closepop.png) no-repeat 0 0; text-decoration: none; text-indent: -9999999px; cursor: pointer; }
.pop-inner { position: absolute; bottom: 100%; left: -115px; z-index: 999; display: none; margin-bottom: 4px; cursor: default; }
.pop-open .pop-inner { display: block; }
.pop-open .pop-content + .shadow-box-shadow { position: absolute; right: 0; bottom: -5px; left: 0; }
.pop-contentinner { text-align: left; }
.pop-content a { color: #a82b2b; }
.pop-content p { margin: 0 0 3px 0; color: #3d3938; font-size: 11px; }
.pop-content h3 { margin: 0 0 3px 0; color: #3d3938; text-transform: none; font-size: 14px; }
.pop-contentinner + span { position: absolute; top: 100%; left: 50%; overflow: hidden; margin-left: -7px; width: 14px; height: 7px; background: url(images/icn-popcontentarrow.png) no-repeat top left; }
.language { float: right; margin-left: 18px; }

/* PRODUCT LINE */
.product-actions { float: right; }
.product-actions .wishlist-button { float: left; }
.product-actions .btn-secondary { float: left; margin: 7px 0 0 -2px; }

/* MAP WRAPPER */
.map-wrapper .world-map { margin: 24px 0 20px 16px; }

/* DETAILS */
.btn-secondary { position: relative; display: inline-block; padding: 0 23px 0 20px; height: 26px; border: none; background: url('images/btnadd-body.png') repeat-x 0 0; color: #000; text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 24px; }
.btn-secondary:hover { text-decoration: none; }
.btn-secondary .btn-end { position: absolute; top: 0; right: 0; display: block; overflow: hidden; width: 15px; height: 26px; background: url('images/btnadd-end.png') no-repeat 0 0; text-indent: -9999px; }
.btn-secondary .btn-start { position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 16px; height: 26px; background: url('images/btnadd-start.png') no-repeat 0 0; text-indent: -9999px; }

/* GRID */
.grid { margin: 0; padding: 0; width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; vertical-align: baseline; font: inherit; font-size: 100%; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }
.grid th { padding: 5px 4px; text-align: left; font-weight: normal; font-size: 13px; }
.grid td { padding: 5px 4px; border-top: 2px solid #e7e6e4; text-align: left; font-weight: normal; font-size: 13px; line-height: 1.5; }
.grid tr:first-child td { border-top: none; }
.grid .pop-box { top: -11px; }

/* GRID CHARACTER LIST */
.grid-characterlist { float: left; width: 70px; height: 70px; text-align: center; text-transform: uppercase; font-size: 46px; line-height: 70px; }
.grid-characterlist span{ font: 100.01% FrutigerNeue,Helvetica,Arial,sans-serif; }

/* GRID - plain */
.grid-plain { margin: 0 0 15px 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; table-layout: fixed; vertical-align: baseline; font: inherit; font-size: 100%; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }
.grid-plain th { padding: 2px 5px 2px 0; background-color: transparent; color: #888582; text-align: left; text-transform: uppercase; white-space: nowrap; font-size: 12px; }
.grid-plain td { padding: 2px 5px 2px 0; border: none; color: #3d3938; text-align: left; text-transform: uppercase; white-space: nowrap; font-weight: bold; font-size: 12px; line-height: 1.5; }
.grid-plain .grid-percentages { color: #888582; }

/* GRID STATS */
.grid-stats { margin: 55px 0 15px 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; table-layout: auto; vertical-align: middle; font-size: 100%; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }
.grid-stats th { padding: 8px 20px; background-color: #e8e6e4; color: #3d3938; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 1; }
.grid-stats td { padding: 7px 20px; color: #3d3938; font-size: 11px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.grid-stats tbody tr + tr td { border-top: 2px solid #e8e6e4; }
.grid-stats tr:hover td { background-color: #f5f5f5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.grid-stats tbody { border-bottom: 2px solid #e8e6e4; }

/* ADD TO CART DROPDOWN */
.cart-addwrap { position: relative; float: left; }
.cart-addwrap:hover .dropdown-addtocart { display: block; }
.cart-addwrap:hover .dropdown-addtocart.no-dropdown { display: none; }
.dropdown-addtocart { position: absolute; top: 45px; left: 0; z-index: 9999; display: none; width: 183px; background-color: #f5f5f5; box-shadow: 0 2px 4px -1px #999; }
.dropdown-addtocart.cart-dropdown { width: 202px; }
.fonttype-wrapper + .fonttype-wrapper, .separator + .fonttype-wrapper { padding-top: 0; }
.dropdown-addtocart p { color: #000; font-size: 11px; line-height: 18px; }
.dropdown-addtocart label { color: #000; }
.checkbox-wrapper .red-label { color: #cc0000; }
.checkbox-wrapper { position: relative; margin-bottom: 2px; }
.checkbox-wrapper > label { display: block; font-size: 12px; cursor: pointer; }
.checkbox-wrapper input[type="radio"] { position: absolute; top: 3px; left: 0; margin: 0; padding: 0; }
.separator { overflow: hidden; width: 100%; height: 1px; background-color: #ffffff; text-indent: -9999px; }

/* WEB FONTS SELECT TOOLBAR */
.pageviews-quantity { position: relative; float: left; }

.webfonts-select { float: right; }
.webfonts-select .language { padding-left: 23px; border-left: 2px solid #cecece; }
#page-view + .newListSelected { width: 77px; }
#page-view + .newListSelected .SSContainerDivWrapper { width: 75px; }

/* SELECTS CORRECTIONS */
.licenses-quantity .select-secondary { float: left; }
#format .select-secondary { float: left; }
#language .select-secondarydark { float: left; text-transform: uppercase; }
#pageviews-quantity .select-secondary { float: left; }
.pageviews-quantity .select-secondary { float: left; width: 73px; }

/* CATALOG INFORMATION */
.catalogue-sidebar .price:first-child { margin-top: -5px; padding-top: 0; }
.catalogsub-line { border-bottom: 1px solid #e8e6e4; }
.catalogsub-line > p { margin: 17px 0; }
.catalogsub-line .pop-box { position: relative; float: right; margin: 16px 15px 12px 0; }
.catalogsub-line .wishlist { margin: 10px 0 10px 4px; }
.small-text { margin: 0 0 15px 0; padding: 20px 0 0 0; font-size: 10px; }
.suitable-label { margin: 0; padding: 0; display: block; width: 75px; word-wrap: break-word; }

.editable-wrapper { position: relative; display: table; white-space: nowrap; }
.editable-wrapper .editable-controls { position: absolute; top: 100%; left: -22px; z-index: 99; display: none; padding: 6px 12px; width: 666px; height: 20px; background: url('images/bg-waterfall.png') repeat 0 0; box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3); color: #ffffff; text-transform: uppercase; font-size: 10px; }
.editable-tag { position: absolute; top: 50%; left: -27px; margin-top: -15px; padding: 5px; width: 15px; background-color: #ffffff; text-align: center; line-height: 20px; }
.editable-inner { display: table-cell; vertical-align: middle; }
.editable-content { overflow: hidden; margin: 0 0 0 -15px; padding: 10px 15px; width: 645px; white-space: nowrap; line-height: 1.5em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.edit-lineheight { padding: 0 5px 0 8px; border-left: 1px solid #3e4139; }
.edit-lineheight .unit-input { width: 20px; }
.editable-style { float: left; padding: 0 0px 0 9px; border-left: 1px solid #3e4139; }
.editable-style label { float: left; margin-right: 5px; line-height: 20px; }
.edit-fontsize { padding: 0 5px 0 0; border-left: 1px solid #3e4139; }
.edit-fontsize select { float: left; }
.edit-openfeatures { padding: 0 10px 0 11px; border-left: 1px solid #3e4139; }

.edit-close { float: right; padding: 0 5px 0 14px; border-left: 1px solid #3e4139; }
.edit-color .color-picker-bg { float: left; width: 34px; background-color: #000000; }
.edit-color { padding: 0 5px 0 12px; width: 85px; border-left: 1px solid #3e4139; }
.sampler-matrix .btn-editclose { background-color: transparent; color: #ffffff; text-transform: uppercase; }

.cssbox-wrapper { display: none; }
.css-toggler { position: relative; margin: 0 10px 15px 10px; padding: 1px 10px 10px 10px; box-shadow: 0 5px 13px 0px rgba(0, 0, 0, 0.1); }
.css-toggler textarea { margin-top: 10px; padding: 5px; width: 670px; height: 100px; border: 1px solid #dbdbdb; box-shadow: inset 5px 6px 10px 0px rgba(0, 0, 0, 0.1); white-space: pre-line; -webkit-appearance: none; }
.css-toggler .btn-reset { position: absolute; top: 13px; right: 15px; font-size: 10px; }
.css-toggler .btn-toggler { margin: 10px 0 0 0; }
.css-toggler .toggled ~ .cssbox-wrapper { display: block; }
.tab-content .sampler-matrix-border-content { min-height: inherit; }

.editable-tags .editable-content { padding: 53px 60px 30px 74px; width: auto; height: auto; white-space: normal; word-break: break-all; padding-top: 15px; }
.editable-tags li.editable-content { overflow: visible; padding: 0; }
.editable-tags .editable-ul { padding: 0 60px 30px 90px; list-style: outside; list-style-type: disc; }
.catalog .sample-characters { margin-bottom: 20px; }
.editable-tags .editable-tag { top: 50px; margin-top: 0; }
.editable-ul ~ .editable-tag { top: 0; margin-top: 0; }
.edit-this { position: absolute; top: -92px; right: 50px; z-index: 10; }
.edit-this em { float: left; margin: 5px 17px 0 0; color: #918f8d; font-size: 16px; font-family: "FrutigerNeueHeavy"; }
.edit-this .btn-edit { float: left; }

/* browser preview */
.browser-preview { position: relative; margin-left: 10px; padding: 5px 20px; width: 670px; background-color: #e8e6e4; }
.browser-preview .select-toolbar { float: left; }
.browser-preview .select-toolbar + .select-toolbar { margin-left: 10px; }
.select-toolbar { position: relative; display: block; overflow: hidden; overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0; padding: 0 10px 0 7px; width: 190px; height: 18px; border: 1px solid #b1aaa7; border-radius: 4px; background: #fff; background: url('images/icn-selectsmarrow.png') no-repeat 100% 50%, -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%, #ffffff); color: #000000; text-overflow: ellipsis; white-space: nowrap; font-weight: 900; font-size: 12px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 18px; }
.toolbar-options { position: absolute; top: 100%; left: -1px; display: none; width: 207px; border: 1px solid #b1aaa7; border-top: 1px solid #b1aaa7; background: #fff; }
.select-toolbar:hover .toolbar-options { display: block; }
.select-toolbar:hover { border-bottom: none; border-radius: 4px 4px 0 0; }
.toolbar-selection { position: relative; overflow: hidden; padding-left: 21px; height: 18px; text-overflow: ellipsis; white-space: nowrap; font-weight: 900; font-size: 12px; line-height: 18px; }
.toolbar-selection > span { position: absolute; top: 0; left: 0; display: block; width: 18px; height: 20px; background-image: url('images/browser-preview-icons.png'); background-repeat: no-repeat; }
.toolbar-options .toolbar-selection > span { left: 7px; }
.toolbar-options .toolbar-selection { padding-left: 28px; border-top: 1px solid #b1aaa7; cursor: pointer; }
.toolbar-options .toolbar-selection:hover { background-color: #f5f5f5; }
.toolbar-options .toolbar-selection:first-child { border-top: none; }
.preview-wrapper { margin-bottom: 20px; padding-bottom: 35px; padding-left: 15px; width: 680px; overflow: hidden; }
.preview-wrapper .previewImgError { display: none; margin: 30px 20px; }
.preview-controls { position: absolute; top: 9px; right: 20px; width: 26px; height: 13px; }
.preview-controls > a { display: block; float: left; overflow: hidden; width: 8px; height: 13px; background-image: url('images/icn-fontpreview.png'); background-repeat: no-repeat; text-indent: -9999px; }
.preview-controls > a + a { margin-left: 10px; }
.preview-prev { background-position: -1px 0; }
.preview-next { background-position: -19px 0; }
.preview-prev.disabled { background-position: -1px -17px; }
.preview-next.disabled { background-position: -19px -17px; }

.cart-controls .arrow-anchor-box-shadow + .arrow-anchor-box-shadow { float: right; }
.sum .arrow-anchor-box-shadow { float: none; }

.letter-box { display: block; overflow: hidden; width: 70px; height: 70px; display: table-cell;}
.shipping-box { display: block; overflow: hidden; width: 70px; height: 70px; }
.desktop-font { background-color: #000; }
.web-font { background-color: #294d75; }

.icn-ship { display: inline-block; overflow: hidden; width: 10px; height: 10px; background: url('images/cart/icn-carticons.png') no-repeat 0 0; text-indent: -999px; zoom: 1; }
.icn-cartremove { display: inline-block; overflow: hidden; width: 11px; height: 11px; background: url('images/cart/icn-carticons.png') no-repeat -39px -1px; text-indent: -999px; zoom: 1; }

.cartitem-description { position: relative; overflow: hidden; padding-bottom: 20px; height: 50px; }
.cartitem-description .btn-default:hover, .cartitem-description .btn-defaultwfs:hover { background-color: #fff; }
.cartitem-description .btn-default, .cartitem-description .btn-defaultwfs { position: absolute; bottom: 0; left: 0; }
table.cart-summary { border-collapse: collapse; }
table.cart-summary tr:first-child td { border-top: none; }
table.cart-summary td { border-top: 1px solid #e8e6e4; vertical-align: top; font-weight: normal; font-size: 12px; padding: 0; }
table.cart-summary tr.promotional td { border-top: 0; }
table.cart-summary .select-secondary { display: inline-block; }
.form-field { position: relative; margin-bottom: 5px; }
.cartitem-description > a, .cartitem-description > .short-descr { font-weight: bold; font-size: 12px; }
.cartitem-description > .short-descr { font-weight: normal; }
.item-details .form-field:last-child { margin: 0; }
.item-details label { float: left; padding-right: 6px; width: 70px; text-align: right; font-size: 12px; }
.item-details select { float: left; }
.cart-summary th.font-details { padding-right: 78px; text-align: center; }
table.cart-summary .unit-price { text-align: right; }
table.cart-summary .item-cell { padding-left: 0; }
.cart-summary .align-center { text-align: center; }
.cart-summary .align-right { text-align: right; }
.cart-summary .gray { padding: 12px 10px; }
.cart-summary .action-cell { vertical-align: middle; text-align: center; }
table.cart-summary .voucher td:first-child { padding: 10px 13px; font-weight: bold; }
.voucher .voucher-form { display: block; width: 285px; }
#voucherError { display: none; text-transform: none; padding: 0; margin: 0; color: #cc0000; margin-left: 1px; margin-top: 2px; margin-bottom: 2px; }
.old-price { color: #000; text-decoration: line-through; }
.dropdown-addtocart p.cart-discount { color: #cc0000; }
.cart-discount { color: #cc0000; }
.discount-amount { color: #8b8784; }
table.cart-summary .voucher + tr td { border-top: none; }
table.cart-summary tfoot td:first-child { border-top: none; }
table.cart-summary .tfoot td-first { border-top: none; }
.sum .arrow-anchor-box-shadow.red-bright .txt { min-width: 94px; }
.cart tfoot td { vertical-align: middle; }
.cart tfoot .align-right { text-align: right; }
.cart .tfoot td { vertical-align: middle; }
.cart .tfoot .align-right { text-align: right; }

.page-content { float: right; width: 730px; }
.twocol-content { padding: 25px 20px; background-color: #fff; }
.v-rule { position: absolute; top: 0; left: 0; z-index: 0; width: 242px; height: 100%; border-right: #f1f0ef; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=4, Direction=180)"; }
.page-twocol .main-content { padding-bottom: 88px; }

.badge-web { display: block; padding: 0 4px; height: 18px; border: 1px solid #294d76; border-radius: 3px; background-color: #ffffff; color: #294d76; text-transform: uppercase; font-weight: 900; font-size: 11px; line-height: 18px; }
.catalog-font-sampler-meta-info + .badge-web { float: left; margin-top: 7px; }

.relative-cell { position: relative; }
.text-popup { cursor: pointer; }
.text-popup > span { display: none; }
.text-popup:hover > span { position: absolute; bottom: 100%; left: 16px; z-index: 999; display: block; margin: -6px 0 0 0; padding: 3px 7px; background-color: #000000; color: #ffffff; text-transform: none; white-space: nowrap; font-size: 12px; line-height: 1.5; }
.text-popup:hover > span:after { position: absolute; top: 100%; left: 50%; margin-left: -6px; width: 0; height: 0; border: solid transparent; border-width: 6px; border-color: rgba(0, 0, 0, 0); border-top-color: #000000; content: " "; pointer-events: none; }
.character-pager { margin: 0 10px; padding-top: 2px; }
.character-pager h2 { float: left; margin: 0px 0 0 20px; font-weight: bold; font-style: normal; font-size: 16px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }
.character-pager .pager { position: relative; z-index: 2; float: right; margin: 0 0 10px 0; }

.shadow-tabs .tab-content { padding: 30px 0 20px 0; }
.shadow-tabs .tab-navigation { position: relative; margin-top: 13px; border-bottom: 2px solid #e7e5e3; }
.shadow-tabs .tab-navigation > a { display: block; float: left; padding: 0 30px; height: 38px; background-color: #e8e6e4; color: #3D3938; text-transform: uppercase; font-weight: bold; font-size: 10px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 38px; }
.shadow-tabs .tab-navigation > a:hover { text-decoration: none; }
.shadow-tabs .tab-navigation > a.tab-active { position: relative; margin-top: -5px; height: 42px; background-color: #ffffff; box-shadow: -3px -3px 13px -4px rgba(0, 0, 0, 0.2), 8px -3px 7px -4px rgba(0, 0, 0, 0.1); line-height: 48px; }
.shadow-tabs .tab-navigation > a.tab-active::after { position: absolute; top: 100%; right: 0; left: 0; height: 3px; background-color: #fff; content: " "; }
.login-form h2 { margin: 0 0 25px 17px; }

.login-credentials { padding: 35px 30px 25px; background-color: #e7e6e4; }
.signup-form { padding: 35px 30px 25px; background-color: #e7e6e4; }
.credentials-wrapper { display: block; width: 337px; }
.credential-line { position: relative; padding-left: 137px; }
.credential-line > label { position: absolute; top: 3px; left: 0; display: block; width: 120px; color: #888582; text-transform: uppercase; word-wrap: break-word; font-weight: bold; font-size: 10px; }
.credential-line > label sup { vertical-align: 10%; line-height: 1; }
.credential-line .forgot-pass { display: block; margin-top: -7px; font-size: 13px; }

.field-wrapper { position: relative; margin-bottom: 13px; padding: 0 5px; }
.field-wrapper > .input-field { margin-left: -5px; }
.login-form form { display: block; }
.login-submit { padding: 23px 20px 0 0; }
.login-submit .arrow-anchor-box-shadow { float: left; margin-top: -3px; }

.savencontinue-submit { padding: 23px 20px 0 0; }
.savencontinue-submit .arrow-anchor-box-shadow { float: left; margin-top: -3px; }

.msg-attention > img { margin: 0 5px 0 0; vertical-align: -10%; }

/* validation message styling */
.text-area + span.field-validation-error { top: 16px; right: 13px; }
span.field-validation-error { position: absolute; top: 50%; right: 2px; margin-top: -12px; width: 24px; height: 24px; background: url('images/icn-errormsg.png') no-repeat center center; text-indent: -9999px; cursor: pointer; }
span.field-validation-error > span { position: absolute; top: -30px; right: 2px; display: none !important; padding: 2px 5px; border-radius: 2px 2px 0 2px; background: #000; color: #fff; text-indent: 0; white-space: nowrap; font-size: 12px; line-height: 22px; }
span.field-validation-error > span:after { position: absolute; top: 100%; right: 0; margin-left: -10px; width: 0; height: 0; border: solid transparent; border-width: 10px; border-top-color: #000; content: " "; pointer-events: none; }
span.field-validation-error:hover > span { display: block !important; }
.signup-form h3 { margin: 30px 0 15px 0; padding-bottom: 5px; border-bottom: 1px solid #cecece; }
.signup-form .credential-line { float: left; padding-left: 167px; width: 200px; }
.signup-form .credential-line > label { margin-top: 0; padding-top: 0; width: 160px; }
.signup-form .credential-line + .credential-line { margin-left: 80px; }
.signup-form .select-secondary { margin-left: -5px; width: 100%; }

.accountdata-wrapper .credential-line { float: left; padding-left: 137px; width: 150px; }
.accountdata-wrapper .credential-line > label { top: 6px; width: 130px; }
.accountdata-wrapper .credential-line + .credential-line { margin-left: 50px; }
.accountdata-wrapper .select-secondary { margin-left: -5px; width: 100%; }

.separated-text { margin-top: 6px; padding: 0 7px 0 0; font: italic normal normal 14px/24px GenerisSerifComMedium, Georgia, Times, serif; font-size: 12px; }

.reset-form { position: absolute; top: 22px; right: 100%; padding-left: 10px; width: 60px; vertical-align: middle; font-size: 13px; text-transform: uppercase; }
.reset-form strong { position: absolute; top: 0; left: 0; }

.section-block { position: relative; float: left; }
.sectionitem-wrapper { padding: 0 20px 36px 0; width: 198px; border-right: 1px solid #e5e4e0; }
.section-block + .section-block .sectionitem-wrapper { margin-left: -1px; padding: 0 20px 36px 20px; border-right: 1px solid #e5e4e0; border-left: 1px solid #e5e4e0; }
.section-block + .section-block h2 { padding: 11px 20px 10px 20px; }
.section-block + .section-block + .section-block .sectionitem-wrapper { padding: 0 0 36px 20px; border-right: none; }
.section-block + .section-block + .section-block h2 { padding: 11px 0 10px 20px; }
.section-block + .section-block + .section-block .btn-more { right: 10px; }
.section-block h2 { margin: 0; padding: 11px 0 10px 0; font-size: 20px; line-height: 1.5; }
.image-placeholder { overflow: hidden; width: 198px; height: 86px; border-top: 5px solid #000000; background-color: #e7e6e4; box-shadow: inset 3px 4px 10px 0px rgba(0, 0, 0, 0.3); }
.image-placeholder > img { display: block; margin: 0; padding: 0; width: 100%; }
.section-block p { margin: 15px 0 8px 0; color: #888582; font-weight: bold; font-size: 13px; }
.section-block .btn-more { position: absolute; right: 30px; bottom: 1px; }
.blocks-listing { margin-bottom: 24px; }

.btn-more { position: relative; display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 2px 0 6px; height: 16px; background-color: #afaaa7; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 16px; }
.btn-more:hover { text-decoration: none; }
.btn-more:after { position: absolute; top: 50%; left: 100%; margin-top: -8px; width: 0; height: 0; border: solid transparent; border-width: 8px; border-color: rgba(175, 170, 167, 0); border-left-color: #afaaa7; content: " "; pointer-events: none; }
.order-page { margin: 0; }
.grid-orders { margin: 0; padding: 0; width: 100%; border: none; border-spacing: 0; }
.grid-orders th + th + th { text-align: right; }
.grid-orders td + td + td { text-align: right; }
.grid-orders th { padding: 6px 20px; background-color: #3d3938; color: #fff; text-align: left; text-transform: uppercase; font-weight: normal; font-size: 10px; }
.grid-orders td { padding: 15px 20px; background-color: transparent; color: #3d3938; text-align: left; font-size: 12px; }
.grid-orders tbody .active-row { font-weight: bold; }
.grid-orders tbody .active-row ~ tr > td { padding: 10px 20px; border-top: 1px solid #e8e6e4; vertical-align: top; }
.grid-orders tbody.dark-table .active-row ~ tr > td { border-top: 1px solid #fff; }
.grid-orders tbody.dark-table tr td { background-color: #e8e6e4; }
.grid-orders tbody.dark-table tr + tr td { background-color: #e8e6e4; }

.order-image { overflow: hidden;  width: 48px; height: 48px; vertical-align: middle; }
.desktop-placeholder { background-color: #000000; }
.valuepack-placeholder { background-color: #c60000; }
.valuepack-placeholder  div.value-pack-previous-order { color: #ffffff; font-size: 30px; }
.valuepack-placeholder-cart { background-color: #c60000; height: 50px; width: 50px; }
.webfonts-placeholder { background-color: #294d75; }
.order-info { max-width: 400px; }
.order-description { float: left; width: 200px; }
.order-description > p { margin: 0 0 5px 0; }
.order-download { margin: 0; max-width: 400px; text-align: right; }
.order-download a { position: relative; float: right; overflow: hidden; margin: 0; padding-right: 20px; height: 15px; }
.order-download .icn-download { position: absolute; top: 0px; right: 1px; }
.order-download .icon-download {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #504b4a;font-size: 10px;}
.order-download-row .order-download-pack { clear: both; display: block; }
.order-download-row .order-download-pack a { height: auto; }
.js-tabletrigger { /*padding-left: 16px; background-image: url('images/icn-toggletable.png'); background-position: 0 -13px; background-repeat: no-repeat;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: background-position 0.3s ease; transition: background-position 0.3s ease; }
.js-tabletrigger span.icon-searcharrow {margin-right:4px;color: #000;display: inline-block;font-size: 10px;margin-left: -2px;vertical-align: top;}
.active-row .js-tabletrigger { /*background-position: 0 3px;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: background-position 0.3s ease; transition: background-position 0.3s ease; }
.active-row .js-tabletrigger span.icon-searcharrow {transform: rotate(90deg);}
.order-msg { position: relative; padding-left: 27px; }
.order-msg .icn-ordermsg { position: absolute; top: 0; left: 0; }
.submit-popup { margin-top: 20px; margin-bottom: 10px; }

.redmarked { color: #cc0000; }
.wrapper-titleicon { position: relative; padding-left: 72px; border-bottom: 2px solid #E7E6E4; }
.wrapper-titleicon .icn-warningicn { position: absolute; top: 1px; left: 20px; }

.wrapper-submenu { margin: 0; /*padding: 0 0 5px 35px;*/ list-style: none; }
.wrapper-submenu > li { background: transparent; }
.wrapper-submenu a { color: #932b2b; }
.wrapper-submenu a.current-item { font-weight: bold; }
.account-data .tab-navigation { padding: 29px 0 26px 10px; }
.account-data .tab-navigation a { position: relative; display: block; float: left; padding: 0 10px; height: 20px; color: #3d3938; text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 20px; }
.account-data .tab-navigation a:hover { text-decoration: none; }
.account-data .tab-navigation a.tab-active { border-radius: 3px; background-color: #3d3938; color: #ffffff; line-height: 20px; }
.account-data .tab-navigation a.tab-active:after { position: absolute; top: 100%; left: 50%; margin-left: -5px; width: 0; height: 0; border: solid transparent; border-width: 5px; border-color: rgba(61, 57, 56, 0); border-top-color: #3d3938; content: " "; pointer-events: none; }
.account-data .tab-navigation > span { float: left; margin: 0 9px; color: #e7e6e4; }
.account-title { margin-bottom: 1px; padding-left: 20px; }
.account-data .signup-form { padding: 20px 30px 20px 30px; }
.account-data .field-wrapper > p { margin: 0; color: #3d3938; font-size: 12px; line-height: 1.5; }
.accountdata-wrapper { position: relative; z-index: 1; padding: 20px 30px 20px 30px; min-height: 24px; background-color: #e7e6e4; }
.accountdata-wrapper h5 { margin: 3px 0 25px 0; padding-right: 120px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }
.account-info > p { position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; padding-left: 150px; width: 145px; font-size: 13px; line-height: 1.5; }
.account-info > p.larger-p-for-select { width: 150px; height: 24px;}
.account-info div > p { position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; padding-left: 150px; width: 145px; font-size: 13px; line-height: 1.5; }
.account-info div > p.larger-p-for-select { width: 150px; height: 24px;}
.account-info sup { vertical-align: 10%; line-height: 1; }
.data-label { position: absolute; top: 1px; left: 0; display: block; padding-right: 20px; width: 130px; color: #888582; text-transform: uppercase; word-wrap: break-word; font-weight: bold; font-size: 11px; }
.data-label.TextErrMsg { color: #cc0000; }
.modal-on body { overflow: hidden; }
.modal-context { position: fixed; top: 0; left: 0; z-index: 100; overflow: auto; width: 100%; height: 100%; background: url('images/modal-overlay.png') repeat 0 0; }
.modal-title { font-family: GenerisSerifComMedium,Georgia,Times,serif; font-size: 24px; line-height: 1.4em; font-style: oblique; font-weight: normal; margin: 0.25em 0 0.25em 0; padding-left: 22px; }
.modal-content { padding: 10px 0 0; }
.modal-close { position: absolute; top: 25px; right: 20px; display: block; width: 11px; height: 11px; background: url('images/icn-closepopup.png') no-repeat 0 0; cursor: pointer; }
.modal-close:hover, .modal-close:active { background-position: 0 -29px; color: #000; text-decoration: none; }
.modal-content h1 { margin: 0; padding: 0 0 5px 0; border: none; text-transform: none; font-weight: normal; font-style: italic; font-size: 20px; font-family: GenerisSerifComMedium, Georgia, Times, serif; }
.popup-content { padding: 0 15px; }


.controls-shadowbox { position: absolute; top: 0; right: 0; padding: 20px; background-color: #e8e6e4; }
.controls-shadowbox:after { position: absolute; top: 5px; left: 5px; z-index: -1; display: block; width: 5px; height: 40px; box-shadow: -3px 6px 10px 5px rgba(0, 0, 0, 0.2); content: " "; -webkit-transform: skew(2deg) rotate(-8deg); -moz-transform: skew(2deg) rotate(-8deg); -ms-transform: skew(2deg) rotate(-8deg); -o-transform: skew(2deg) rotate(-8deg); transform: skew(2deg) rotate(-8deg); }

.usage-component { position: relative; margin-bottom: 17px; padding: 0 15px 0 58px; height: 12px; clear: both; }
.usage-component > p { position: absolute; top: 50%; left: 0; margin: -5px 0 0 0; color: #888582; text-transform: uppercase; font-size: 11px; line-height: 1; }
.inner-scale { position: relative; height: 100%; background: url('images/scale-bg.png') repeat-x 0 50%; color: #3d3938; font-size: 11px; }
.inner-scale > span { position: absolute; top: 0; left: 0; display: block; margin-left: -15px; width: 30px; text-align: center; line-height: 14px; }
.inner-scale > span + span { left: 25%; }
.inner-scale > span + span + span { left: 50%; }
.inner-scale > span + span + span + span { left: 75%; }
.inner-scale > span + span + span + span + span { left: 100%; }

.fontstats-container { position: relative; padding-left: 51px; }
.webfont-example { position: absolute; top: 0; left: 0; overflow: hidden; width: 50px; height: 50px; background-color: #afaaa7; text-align: center; }
.webfont-inner { display: table-cell; overflow: hidden; width: 50px; height: 50px; vertical-align: middle; text-align: center; *display: block; *line-height: 50px; }
.webfont-inner > img { display: block; margin: 0 auto; max-width: 80%; vertical-align: middle; }
.fontstats-holder { position: relative; height: 50px; }
.fontstat-percentage { height: 100%; background-color: #e8e6e4; }
.webfonts-controls {display: none;  }
.webfonts-controls-inner { position: relative; position: absolute; top: 0; left: 0;  background: url('images/font-overlay.png') repeat 0 0; width: 100%; height: 100%; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.font-statinfo { position: absolute; top: 4px; right: 0; overflow: hidden; height: 28px;z-index: 9; }
.fontstats-container:hover .webfonts-controls, .active-statview .fontstats-container .webfonts-controls { display: block; color: #ffffff; }
.fontstats-container:hover .webfont-example, .active-statview .fontstats-container .webfont-example { background-color: #060000 !important; color: #fff; }
.fontstat-wrap + .fontstat-wrap { margin-top: 1px; }
.fontstats-container:hover .font-placeholder, .active-statview .fontstats-container .font-placeholder { color: #fff; width: 330px;}
.font-placeholder { padding: 0 15px; height: 50px; font-size: 26px; line-height: 50px; width: 610px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.font-placeholder > img { display: inline; vertical-align: middle; }
.fontstats-container .limit-exceeded { color: #ffffff; background: #cc0000 url('images/icn-exceeded.png') no-repeat 100% 50%; }
.wrapper-sorting { float: right; margin: 10px 0 0 0; max-width: 300px; }
.wrapper-sorting label { color: #3c3737;float: left;font-family: frutigerneue;font-size: 13px;font-weight: bold;margin: 0px 10px 0 4px; }
.wrapper-sorting .select-secondary { float: right; width: 130px; font-family: frutigerneue;font-size: 11px;font-weight: bold; -moz-appearance: none;-webkit-appearance: none;}
.fontstat-wrap { position: relative; }
.icn-addpg { background: url('images/icn-fontsstats.png') no-repeat 0 0; }
.icn-viewdetail { background: url('images/icn-fontsstats.png') no-repeat 0 -24px; }
.active-filter .icn-viewdetail { background-position: 0 -15px; }
.font-statinfo p { float: right; margin: 0; padding: 2px 13px; background-color: #000000; color: #afaaa7; text-transform: uppercase; font-size: 10px; line-height: 1; }
.stats-control { margin-top: -18px; }
.stats-control .btn-darksecondary > span { position: absolute; top: 4px; left: 7px; display: block; overflow: hidden; width: 8px; height: 6px; }
.stats-control .btn-darksecondary { float: right; }
.stats-control .btn-darksecondary + .btn-darksecondary { margin-right: 2px; }
.user-reg { display: block; }
.stats-text { position: relative; float: left; padding-left: 20px; width: 235px; }
.font-stats-da .fontstats-view .stats-text {width: 210px;}
.stats-text p { margin: 0 0 3px 0; color: #888582; font-size: 12px; }

.fontstats-view { display: none; padding: 0; }
.active-statview .fontstats-view { display: block; padding: 24px 0 20px 0; position: relative; min-height: 200px; }
.stats-additional { margin-top: 20px; }
.stats-additional a { font-size: 12px; }
.stats-additional .btn-blue { margin-bottom: 12px; }
.stats-chart { float: right; width: 420px; }
.fontstats-view .wrapper-sorting { max-width: 345px; }
#chart_div * { font-style: normal; font-size: 11px;  }
#chart_div { right: 2px; }
.fontstats-view .grid-stats th + th { text-align: right; }
.fontstats-view .grid-stats td + td { text-align: right; }
.fontstats-view .grid-stats { margin-bottom: 0; }
.scrollable-table { overflow-y: auto; max-height: 310px; }
.scrollable-table .grid-stats { margin-top: 0; }

.preloader { display: block; background: url('images/ajax-loader.gif') no-repeat 50% 50%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.form-notification { display: block; margin: 0; padding: 0; }
.form-notification h2 { font-size: 24px; }

.notifications-wrapper { width: 340px; /*margin-top: 28px;*/ }
.notifications-wrapper .checkbox-wrapper { padding: 0 0 15px 40px; }
.notifications-wrapper .checkbox-wrapper > label { color: #3c3737;font-family: frutigerneue;font-size: 13px; }
.notifications-wrapper .checkbox-wrapper > input[type="checkbox"] { position: absolute; top: 3px; left: 6px; margin: 0; padding: 0; }
.submit-holder { border-top: 2px solid #e8e6e4; padding: 20px 20px 20px 0; }

/* ADD PAGE VIEWS */
.pageview-add { position: relative; padding-left: 51px; }
.addpageview-example { position: absolute; top: 0; left: 0; overflow: hidden; width: 50px; height: 50px; background-color: #afaaa7; text-align: center; }
.addpageview-inner { display: table-cell; overflow: hidden; width: 50px; height: 50px; vertical-align: middle; text-align: center; *display: block; *line-height: 50px; }
.addpageview-inner > img { display: block; margin: 0 auto; max-width: 80%; vertical-align: middle; }
.fontstats-viewadd { position: relative; height: 50px; background-color: #e8e6e4; }
.fontstat-inner { padding: 10px 20px; }
.fontstat-inner > p { font-size: 11px; margin: 0; line-height: 1.3; padding: 0; color: #3d3938; }
.pageview-add + .pageview-add { margin-top: 1px; }
.pageviews-control { padding: 15px 0; border-bottom: 2px solid #e7e6e4; margin-bottom: 15px; }
.pageviews-control label { font-weight: bold; float: left; width: 120px; text-align: right; margin: 3px 5px 0 0; font-size: 11px; color: #888582; text-transform: uppercase; }
.pageviews-control .page-views-count-custom { float: left; margin: 0; padding: 0; width: 90px; }
.pageviews-control .page-views-separator { float: left; margin-left: 10px; margin-right: 10px; font-size: 11px; padding-top: 4px; }
.pageviews-control .select-secondary { float: left; width: 70px; }
.pageviews-control .addview-price { font-weight: normal; margin: 0; padding: 0 0 0 10px; float: right; width: 140px; text-align: right; font-size: 16px; color: #3d3938; }
.addview-price span { font-size: 11px; }
.addview-price strong{ color: #c00; }
.modal-content .addview-summary { font-weight: normal; margin: 0; padding: 0 20px 0 10px; text-align: right; font-size: 16px; color: #3d3938; }
.modal-content .addview-summary span { font-size: 11px; }
.addview-submit { text-align: right; padding: 15px 0; }
#checkoutmodal-wrapper {display:none;}
#cartpopupmodal-wrapper {display:none;}

/* ADD LICENSES VIEWS */
.addfontlicenses-example { float: left; overflow: hidden; width: 50px; height: 50px; background-color: #afaaa7; text-align: center; }
.addfontlicenses-inner { display: table-cell; overflow: hidden; width: 50px; height: 50px; vertical-align: middle; text-align: center; *display: block; *line-height: 50px; }
.addfontlicenses-inner > img { display: block; margin: 0 auto; max-width: 80%; vertical-align: middle; }
.fontlicenses-add { width: 100%; height: 50px; }
.fontstats-licenseadd { position: relative; height: 50px; background-color: #e8e6e4; width: 100%; }
.fontstat-inner { padding: 10px 20px; }
.fontstat-inner > p { font-size: 11px; margin: 0; line-height: 1.3; padding: 0; color: #3d3938; }
.fontlicenses-control { padding: 15px 0; border-bottom: 2px solid #e7e6e4; margin-bottom: 15px; }
.fontlicenses-control label { font-weight: bold; float: left; width: 140px; text-align: right; margin: 3px 5px 0 0; font-size: 11px; color: #888582; text-transform: uppercase; }
.fontlicenses-control .select-secondary { float: left; width: 92px; }
.fontlicenses-control .addview-price { font-weight: normal; margin: 0; padding: 0 20px 0 10px; float: right; width: 180px; text-align: right; font-size: 16px; color: #3d3938; }
.addfontlicense-price span { font-size: 11px; }
.fontlicense-submit { text-align: right; padding: 15px 0; }

#cartPopupModal .fontstats-licenseadd { float: left; width: 440px; }

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container { position: fixed; top: 0;   left: 0; z-index: 100; overflow: auto; width: 100%; height: 100%; }
.simplemodal-wrap { position: relative !important; z-index: 1001 !important; height: auto !important; margin: 50px auto;  !important; width: 740px !important; background: #fff; box-shadow: 0 30px 40px -15px #000; }
#checkoutmodal { padding: 45px 20px 10px 20px !important; }
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a.modalCloseImgReal {position: absolute; top: 25px; right: -40px; display: block; width: 11px; height: 11px; background: url('images/icn-closepopup.png') no-repeat 0 0; cursor: pointer;}
#simplemodal-container h3 {color:#84b8d9;}
#simplemodal-overlay { opacity: 1 !important;  background: url('images/modal-overlay.png') repeat 0 0; position: fixed; top: 0; left: 0; z-index: 100; overflow: auto; width: 100% !important; height: 100% !important; background: url('images/modal-overlay.png') repeat 0 0;}
#account-page .TextErrMsg2 { width: 100%; font-size: 10px; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; font-weight: bold;  color: #c00 !important; }
#ajax-spinner {display: none;}
.icn-download { display: block; width: 10px; height: 10px; background: url('images/cart/cart_symbols.png') no-repeat -5px -94px; }
.order-download a { position: relative; float: right; overflow: hidden; margin: 0; padding-right: 20px; height: 15px; }
.order-download { margin: 0; max-width: 400px; text-align: right; }
.order-msg .icn-ordermsg { position: absolute; top: 0; left: 0; }
.icn-ordermsg { display: block; width: 18px; height: 22px; background: url('images/icn-ordermsg.png') no-repeat top left; text-decoration: none; text-transform: none; }
.order-msg { position: relative; padding-left: 27px; }
.restricted-item.icn-ordermsg { float:left; margin: 0px 10px 0 0; }
div.edit-account-information h2.top-title { margin: 0 0 25px 17px; font-family: GenerisSerifComMedium,Georgia,Times,serif; font-size: 1.875em; line-height: 1.4em; font-style: oblique; }
.account-title { margin-bottom: 1px; padding-left: 20px; }
.account-data .tab-navigation { padding: 29px 0 26px 10px; }
.account-data .tab-navigation a.tab-active { border-radius: 3px; background-color: #3d3938; color: #ffffff; line-height: 20px; }
.account-data .tab-navigation a { position: relative; display: block; float: left; padding: 0 10px; height: 20px; color: #3d3938; text-transform: uppercase; font-weight: bold; font-size: 10px; }
.accountdata-wrapper { position: relative; z-index: 1; padding: 20px 30px 20px 30px; min-height: 24px; background-color: #e7e6e4; }
.controls-shadowbox { position: absolute; top: 0; right: 0; padding: 20px; background-color: #e8e6e4; }
.controls-shadowbox:after { position: absolute; top: 5px; left: 5px; z-index: -1; display: block; width: 5px; height: 40px; box-shadow: -3px 6px 10px 5px rgba(0, 0, 0, 0.2); content: " "; -webkit-transform: skew(2deg) rotate(-8deg); -moz-transform: skew(2deg) rotate(-8deg); -ms-transform: skew(2deg) rotate(-8deg); -o-transform: skew(2deg) rotate(-8deg); transform: skew(2deg) rotate(-8deg); }
.accountdata-wrapper h5 { margin: 3px 0 25px 0; padding-right: 120px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }
.account-info > p { position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; padding-left: 150px; width: 145px; font-size: 13px; line-height: 1.5; height: 20px; }
.account-info div > p { position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; padding-left: 150px; width: 145px; font-size: 13px; line-height: 1.5; word-break: break-all; }
.data-label { position: absolute; top: 1px; left: 0; display: block; padding-right: 20px; width: 130px; color: #888582; text-transform: uppercase; word-wrap: break-word; font-weight: bold; font-size: 11px; }

.btn-gray { display: inline-block; overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 28px; height: 18px; border-radius: 0; background-color: #afaaa7; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 12px; line-height: 18px; }
.account-data .tab-navigation > span { float: left; margin: 0 9px; color: #e7e6e4; }
.account-info sup { vertical-align: 10%; line-height: 1; }
.btn-gray:hover { background-color: #bfbbb9; text-decoration: none; }


div.accountdata-wrapper .reset-form { position: absolute; top: 25px; right: 100%; padding-left: 10px; width: 60px; vertical-align: middle; text-transform: uppercase; font-weight: bold; font-size: 11px; }
div.accountdata-wrapper .reset-form strong { position: absolute; top: 2px; left: -3px; font-size: 9px; }

.accountdata-wrapper .credential-line { float: left; padding-left: 137px; width: 150px; }
.credential-line { position: relative; padding-left: 137px; }

.accountdata-wrapper .credential-line > label { top: 6px; width: 130px; }
.accountdata-wrapper .credential-line + .credential-line { margin-left: 50px; }
.accountdata-wrapper .select-secondary { margin-left: -5px; width: 100%; }
.field-wrapper > .input-field { margin-left: -5px; }
.accountdata-wrapper .field-wrapper { width: 144px; }
.accountdata-wrapper .select-secondary { display: block; overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;  padding: 3px 9px 3px 0; height: 14px; border: 1px solid #b1aaa7; border-radius: 4px; background: #fff; background: url('images/icn-selectsmarrow.png') no-repeat 100% 50%, -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%, #ffffff); color: #000000; font-weight: 700; font-size: 10px; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; line-height: 14px; -webkit-appearance: button; -webkit-padding-end: 9px; -khtml-padding-start: 9px; -webkit-padding-start: 3px; -moz-padding-end: 9px; -moz-padding-start: 3px; -webkit-padding-start: 3px; -khtml-padding-start: 3px; padding-start: 3px; padding-end: 9px; -moz-user-select: none; width: 140px }
.wrapper-submenu { margin: 0; /*padding: 0 0 5px 35px;*/ list-style: none; }
.wrapper-submenu a { color: #932b2b; }
.wrapper-submenu > li { background: transparent; }
.wrapper-submenu a.current-item { font-weight: bold; }
#account-page span.right { float: right; }
.order-image { overflow: hidden; height: 48px; width: 48px; vertical-align: middle;  }
.desktop-placeholder { background-color: #000000; }
.webfonts-placeholder { background-color: #294d75; }
.user-info > :last-child { margin-bottom: 0; }
.signup-form div.field-wrapper { width: 190px; }
.InputButton:hover { cursor: pointer; }
.button-streching-middle span.send-new-password { width: 154px !important; }
#account-page span.right { float: right;  }
#account-page { float: right; }
.account-sidebar-wrapper { padding: 20px; position: relative; z-index: 1; float: left; margin-right: 10px; margin-left: -242px; padding: 20px;  width: 202px; background-color: #ffffff; }
.account-sidebar .left-menu li span.left-menu-arrow a { color: #3d3938; }
.separated-text { margin-top: 6px; padding: 0 7px 0 0; font: italic normal normal 14px/24px GenerisSerifComMedium, Georgia, Times, serif; font-size: 12px; }
.shadow-box-shadow-sidebar { clear: both; display: block; position: relative; z-index: 0; height: 10px; }
.leftframe-3cols { width: 242px; }
.account-sidebar .left-menu { margin-left: -20px; }
.v-rule { position: absolute; top: 0; left: 0; z-index: 0; width: 242px; height: 100%; border-right: #f1f0ef; background: #fff; -webkit-box-shadow: 0 2px 3px -1px #b0b0b0; -moz-box-shadow: 0 2px 3px -1px #b0b0b0; box-shadow: 0 2px 3px -1px #b0b0b0; }
.v-rule-right { position: absolute; top: 0; right: 0; z-index: 0; width: 244px; height: 100%; border-right: #f1f0ef; background: #fff; -webkit-box-shadow: 0 2px 3px -1px #b0b0b0; -moz-box-shadow: 0 2px 3px -1px #b0b0b0; box-shadow: 0 2px 3px -1px #b0b0b0; }

.page-sidebar { position: relative; z-index: 1; float: left; margin-right: 10px; margin-left: -242px; padding: 20px; width: 202px; background-color: #ffffff; }
.page-sidebar-right { position: relative; z-index: 1; float: right; }
#account-footer-shadow > .shadow-box-shadow + .shadow-box-shadow { position: absolute; top: 0; right: 0; left: auto; width: 690px; }
#account-footer-shadow > .shadow-box-shadow { position: absolute; top: 0; left: 0; width: 202px; }
#account-footer-shadow { height: 10px; }
.wrapper-titleicon { position: relative; padding-left: 72px; border-bottom: 2px solid #E7E6E4; }
.wrapper-titleicon .icn-warningicn {  position: absolute; top: 1px; left: 20px; }
.popup-content { padding: 0 15px; }
.modal-content p { color: #888582; font-weight: bold; font-size: 13px; line-height: 1.5; }
.submit-popup { margin-top: 30px; margin-bottom: 10px; }
.modal-title { font-family: GenerisSerifComMedium,Georgia,Times,serif; font-size: 24px; line-height: 1.4em; font-style: oblique; font-weight: normal; margin: 0.25em 0 0.25em 0; padding-left: 22px; }
#simplemodal-container a.modalCloseImgReal { position: absolute; top: 25px; right: -40px; display: block; width: 11px; height: 11px; background: url('images/icn-closepopup.png') no-repeat 0 0; cursor: pointer; }
.simplemodal-close { display: none; }
#simplemodal-container a.modalCloseImgReal:hover, #simplemodal-container a.modalCloseImgReal:active { background-position: 0 -29px; color: #000; text-decoration: none; }
.js-tabletrigger { /*padding-left: 16px; background: url('images/icn-toggletable.png') no-repeat 0 -13px;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: background-position 0.3s ease; }
.active-row .js-table-trigger { /*background-position: 0 3px;*/ }
.register-content .TextErrMsg { color: #c00 !important; }
.register-content .TextErrMsg2 { margin-left: 20px; float: left; color: #c00; }
.account-order-page .shadow-box-shadow { clear: both; }
.submit-holder .btn-greenbig { float: right; }

#addpageviewsmodal-wrapper { display: none; }
#addimpressionsmodal-wrapper { display: none; }
#simplemodal-container a.popup-font-name { color: #c60000; text-decoration: none; cursor: pointer; }
.fontstat-inner > p { font-size: 11px; margin: 0; line-height: 1.3; padding: 0; color: #3d3938; }
.modal-container { position: relative; z-index: 101; padding: 45px 20px 10px 20px; /*width: 490px;*/ }
.modalCloseImg { display: none; }
#addpageviewsmodal-wrapper { width: 530px; margin: 0 auto;}
#addimpressionsmodal-wrapper { width: 530px; margin: 0 auto;}
#checkoutmodal-wrapper a.repaybutton { color: #fff; }
#checkoutmodal-wrapper a.repaybutton:hover { text-decoration: none; }
#simplemodal-container { top: 0px !important; }
.modal-loader { padding: 15px 0; }
.edit-account-information  .signup-form .credential-line { width: 210px !important; }
.edit-account-information .TextErrMsg { padding-top: 2px; }
.order-image { display: table-cell; overflow: hidden; vertical-align: middle; text-align: center; width: 48px; height: 48px;}
.order-image-wrapper { display: block; float: left; width: 48px; height: 48px; margin: 0 10px 0 0; }
table.cart-summary .letter-box { text-align: center; vertical-align: middle; }
#account-page .order-image img{ display: block; margin: 0 auto; max-width: 80%; vertical-align: middle; }
#ajax-spinner-wrapper {display: block; height: 34px; background-color: #ffffff; margin: 0 auto; width: 100%; display: none; padding-top: 40px; }
#ajax-spinner-wrapper span { width: 0px; margin: 0 auto; display: block;  }
#ajax-spinner-wrapper-small {display: block; height: 34px; background-color: #ffffff; margin: 0 auto; width: 100%; display: none; padding-top: 40px; }
#ajax-spinner-wrapper-small span { width: 32px; margin: 0 auto; display: block;  }
.font-stats { background-color: #ffffff; display: block; }
#account-page .page-content { -webkit-box-shadow: 0 2px 3px -1px #b0b0b0; -moz-box-shadow: 0 2px 3px -1px #b0b0b0;   box-shadow: 0 2px 3px -1px #b0b0b0; position: relative; }
.breadcrumb-wrapper-for-shadow { -webkit-box-shadow: 0 2px 3px -1px #b0b0b0; -moz-box-shadow: 0 2px 3px -1px #b0b0b0;   box-shadow: 0 2px 3px -1px #b0b0b0; }
.blog-entry { -webkit-box-shadow: 0 2px 3px -1px #b0b0b0; -moz-box-shadow: 0 2px 3px -1px #b0b0b0;   box-shadow: 0 2px 3px -1px #b0b0b0; }
.page-content-fuser { -webkit-box-shadow: 0 2px 3px -1px #b0b0b0; -moz-box-shadow: 0 2px 3px -1px #b0b0b0;   box-shadow: 0 2px 3px -1px #b0b0b0; }
.font-services > .shadow-box-content { -webkit-box-shadow: 0 2px 3px -1px #b0b0b0; -moz-box-shadow: 0 2px 3px -1px #b0b0b0;   box-shadow: 0 2px 3px -1px #b0b0b0; }
.manufacturer-and-libraries { -webkit-box-shadow: 0 2px 3px -1px #b0b0b0; -moz-box-shadow: 0 2px 3px -1px #b0b0b0;   box-shadow: 0 2px 3px -1px #b0b0b0; }
.leftframe-9cols > .shadow-box > .shadow-box-content { -webkit-box-shadow: 0 2px 3px -1px #bbb; -moz-box-shadow: 0 2px 3px -1px #bbb;   box-shadow: 0 2px 3px -1px #bbb; }
.shadow-box-content.nested { -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0;   box-shadow: 0 0 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=0, Color=#000000);"; }
.cart-add-link-web { cursor: pointer; border: 0; color: #37628A; text-transform: uppercase; display: block; padding-top: 12px; font-weight: bold; padding-left: 15px; background: url(images/cart/blue_arrow_cart.png) no-repeat 0 16px; }
.cart-add-link-desktop { cursor: pointer; border: 0; color: #000000; text-transform: uppercase; display: block; padding-top: 12px; font-weight: bold; padding-left: 15px; background: url(images/cart/black_arrow_cart.png) no-repeat 0 16px; }
.cartitem-description { height: 62px; }
.value-pack-cart { background-color: #CC0000; color: #ffffff; font-size: 38px !important;}

/* CART NEW STYLE 2013 03 */
table.cart-summary tr.tfoot td { border: 0; }
table.cart-summary tr.tfoot .sum { border-top: #3d3938 5px solid; border-bottom: #e7e6e4 2px solid; font-weight: bold; font-size: 16px; text-transform: uppercase; text-align: left; padding: 5px 7px; }
table.cart-summary tr.tfoot .sum.align-right{text-align: right;}
table.cart-summary tr.tfoot td { padding: 3px 7px; color: #3d3938; }
table.cart-summary tr.tfoot .price { font-size: 16px; font-weight: normal; text-align: right; }
table.cart-summary tr.tfoot .voucher td { padding-left: 16px; text-transform: uppercase; }
table.cart-summary tr.tfoot .voucher input[type="text"] { width: 190px; border: 1px solid #dbdbdb; background: #FFFFFF; background-image: url('images/cart/input_shadow.png'); }
table.cart-summary tr.tfoot .voucher input[type="submit"] { border: none; text-align: left; text-transform: uppercase; width: 90px; background: #afaaa7 url('images/cart/submit-arrow.png') 68px -1px no-repeat; color: #fff; font-size: 11px; }

/* Offer Download */
table.cart-summary tr.tfoot .offer { padding-top: 20px; padding-bottom: 0; }
table.cart-summary tr.tfoot .offer span { font-weight: normal; }
table.cart-summary tr.tfoot td.offer a { display: block; padding-left: 20px; padding-top: 3px; height: 22px; background: #fff url(images/cart/cart_symbols.png) no-repeat -3px -66px; }

table.cart-summary td.edit-additional-td { border: 0; padding: 0; }
table.cart-summary tr.tfoot td.gray { padding: 12px 10px;}
table.cart-summary tr.tfoot td { border-top: 1px solid #e8e6e4; }
table.cart-summary tr.tfoot td:first-child  { border-top: none; border-bottom: none; }
table.cart-summary td.white-space-cart-wborder { border: 0; padding: 0; height: 10px; border-bottom: 1px solid #e8e6e4; }
table.cart-summary td.white-space-cart { border: 0; padding: 0; height: 10px; border: 0px; }
table.cart-summary tr.cart-summary-additional td.one-col-additional { width: 139px; padding: 0; padding-left: 20px; border: 0px;  border-right: 1px solid #e8e6e4; }
table.cart-summary tr.cart-summary-additional td.one-col-additional-first { width: 159px; padding: 0; border: 0px;  border-right: 1px solid #e8e6e4;  }
table.cart-summary tr.cart-summary-additional td.two-col-additional { padding: 0; padding-left: 20px; border: 0px;  border-right: 1px solid #e8e6e4; word-break: break-all; padding-right: 20px; }
table.cart-summary tr.cart-summary-additional td.three-col-additional { padding: 0; padding-left: 20px; border: 0px;  border-right: 1px solid #e8e6e4; word-break: break-all; padding-right: 20px; }
table.cart-summary tr.cart-summary-additional td.four-col-additional { padding: 0; padding-left: 20px;  border: 0;  }
table.cart-summary tr.cart-summary-agreements td { border: 0; border-right: 1px solid #e8e6e4; padding: 0; }
table.cart-summary tr.cart-summary-agreements td.second-agreement { padding-left: 20px; border: 0px; }

table.cart-summary tr.cart-summary-additional > td.name { text-transform: uppercase; color: #888582; padding-bottom: 10px; }
table.cart-summary tr.cart-summary-agreements > td.name { text-transform: uppercase; color: #888582; padding-bottom: 10px; }
table.cart-summary tr.cart-summary-additional div.name { text-transform: uppercase; color: #888582; padding-bottom: 3px; margin-top: 16px; }

div.all-steps-of-cart { margin-left: 10px; }
div.summary-intro-text{ margin-left: 20px; color: #888582; }
table.cart-summary td.action-cell div.icon_dl-summary { float: right; margin-right: 38px; }
table.cart-summary td.action-cell div.icon_cd-summary { float: right; margin-right: 38px; }
table.cart-summary td span.buy-now { float: right; }
table.cart-summary tr.tfoot .sum { border-top: #3d3938 5px solid; border-bottom: #e7e6e4 2px solid; font-weight: bold; font-size: 16px; text-transform: uppercase; text-align: left; padding: 5px 7px; }
table.cart-summary tr td.shipping-and-payment-details { height: 30px; text-transform: uppercase; border: 0; font-weight: bold; }
table.cart-summary tr td.buy-now-td { border: 0; }
table.cart-summary tr td  a.cart-additional-info { width: 80px; text-align: center; height: 17px; color: #ffffff; background-color: #AFAAA7; display: block; float: right; }
.arrow-anchor-box-shadow.red .peak, .arrow-anchor-box-shadow.red .txt { position: relative; }
div.addressinfo table.addresstable { width: 100%; }
div#payment-page-wrapper { margin: 10px; margin-left: 20px; margin-right: 20px; }
div#addressinfo-page-wrapper .addressinfo h2.title { font-family: GenerisSerifComMedium, Georgia,Times,serif;; font-size: 21px; font-style: italic; font-weight: normal; margin-bottom: 35px; margin-top: 15px; padding-bottom: 12px; text-transform: none; }
div#addressinfo-page-wrapper { margin: 10px; margin-left: 20px; margin-right: 20px; }
td.address-label { width: 150px; position: relative; }
td.address-label label { display: inline-block; width: 140px; color: #3D3938; text-transform: uppercase; word-wrap: break-word; position: absolute; top: 3px;
    left: 0; font-weight: bold; font-size: 10px; margin-top: 0; padding-top: 0; width: 160px; }
td.address-label  > label sup { vertical-align: 10%; line-height: 1; }
table.address input.input-field { width: 200px; }
table.address select.select-secondary { width: 200px !important; }
table.address { padding: 35px 30px 25px; background-color: #e7e6e4; width: 100%; }
table.address p.msg-attention { margin-top: 20px; }
table.address p.msg-attention { font-size: 12px; }
div.address-save .arrow-anchor-box-shadow input.txt { border: 0; height: 38px; margin: 0; padding-top: 0; width: auto; line-height: 38px; }

div.address-save { padding: 23px 0px 0 0; }
div.address-save  .arrow-anchor-box-shadow { float: left;  margin-top: -3px; }
div#cartPopupContent .cart-license-update-wrapper { display: block; height: 30px; }
div#cartPopupContent .cart-license-update-label, div.more-license-content .cart-license-update-label { display: block; float: left; margin-right: 5px; }
div.form-field label { text-transform: uppercase; color: #888582; font-weight: normal; font-size: 10px; padding-top: 2px; }
td.footer-label { color: #888582 !important; }
table.cart-summary tr.net-total-border td { border: 0; }
table.cart-summary tr.net-bottom-border td { border: 0; border-bottom: 1px solid #e8e6e4; }
div.modal-container div.modal-title { color: #000000; }
table.cart-summary td div.cartitem-description-summary { width: 270px; }
table.cart-summary td div.item-details-summary { width: 200px; }
table tr.hgray th { font-size: 10px; }
#add-variant-popup-modal-wrapper { display: none; }
div#add-variant-options label.variant-popup-label { margin: 0 5px 0 0; width: 140px; text-align: right; float: left; display: block; font-size: 11px; color: #888582; text-transform: uppercase; font-weight: bold; }
div#add-variant-options div.variant-popup-option { float: left; width: 200px; display: block; }
div#add-variant-options div.variant-popup-text { color: #3D3938; font-size: 11px; padding-top: 3px; }
div#add-variant-options { padding: 15px 0;  border-bottom: 2px solid #e7e6e4;  margin-bottom: 15px; }
div.variant-options-inner { display: table-cell; overflow: hidden; width: 50px; height: 50px; vertical-align: middle; text-align: center; }
div.variant-options-example { position: absolute; top: 0; left: 0; overflow: hidden; width: 50px; height: 50px; background-color: #afaaa7; text-align: center; }
div.variant-options-block { position: relative; padding-left: 51px; }
div.add-variant-data-label { padding: 15px 0 5px 0; color: #888582; font-weight: bold; font-size: 13px; line-height: 1.5; }
p.popup-font-name-special { padding-top: 8px; }
div.form-field  div.variant-popup-option { float: left; margin-right: 20px; }
div.form-field  div.variant-popup-option-licenses { width: 93px; float: left; display: block; }
div.form-field  div.variant-popup-separator { float: left; margin-right: 10px; font-size: 11px; padding-top: 4px; }
div.form-field  div.variant-popup-option-textbox { width: 60px; margin-top: -2px; display: block; float: left; }
table.cart-summary td.item-options { width: 225px; }
table.addresstable tr th { text-align: left; }
table.rowLine  tr td.content-to-right a { float: right; display: block; }
table.cart-summary tr.cart-summary-agreements input { float: left; display: block; margin: 0 }
table.cart-summary tr.cart-summary-agreements label { float: left; display: block; margin: -3px 0 10px 5px; width:380px; }
table.cart-summary td.buy-now-td span.buy-now { float: right; }
table.cart-summary tr.tr-block { height: 30px; }
.login-submit .btn-redset { float: right; }
.login-submit .btn-redset span.button-start { display: block; width: 7px; height: 32px; background: url('images/btn-redset2.png') no-repeat 0 0; float: left; }
.login-submit .btn-redset div.button-streching-middle { background: url('images/btn-redset2.png') repeat-x 0 -32px; display: block; float: left; height: 32px;  text-transform: uppercase; font-size: 10px; line-height: 32px; cursor: pointer; color: #fff; padding-right: 20px; padding-left: 5px; }
.login-submit .btn-redset span.button-end { display: block; width: 18px; height: 32px; background: url('images/btn-redset2.png') no-repeat 0 -64px; float: left; }
.login-submit .btn-redset { background: none; border: 0; }
.login-submit .btn-redset div.button-streching-middle span.button-text { padding-top: 1px; }

.savencontinue-submit .btn-redset { float: right; }
.savencontinue-submit .btn-redset span.button-start { display: block; width: 13px; height: 32px; background: url('images/btn-redset2.png') no-repeat 0 0; float: left; }
.savencontinue-submit .btn-redset div.button-streching-middle { background: url('images/btn-redset2.png') repeat-x 0 -32px; display: block; float: left; height: 32px;  text-transform: uppercase; font-size: 10px; line-height: 32px; cursor: pointer; color: #fff; }
.savencontinue-submit .btn-redset span.button-end { display: block; width: 18px; height: 32px; background: url('images/btn-redset2.png') no-repeat 0 -64px; float: left; }
.savencontinue-submit .btn-redset { background: none; border: 0; }
.savencontinue-submit .btn-redset div.button-streching-middle span.button-text { padding-top: 1px; }
button.btn-accept { border: 0; background: none;   }
button.btn-accept div.btn-accept-main { padding-right: 10px; height: 17px; background: url('images/btn-green.png') repeat-x 0 -34px; float: left; display: block; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 17px; text-align: center; }
button.btn-accept { margin-top: 4px; }
button.btn-accept div.btn-accept-rightside { height: 17px; background: url('images/btn-green.png') repeat-x 0 0px;  float: left; display: block; width: 10px; }
button.btn-accept div.btn-accept-leftside { height: 17px; background: url('images/btn-green.png') repeat-x 0 -69px;  float: left; display: block; width: 10px; }
button.btn-accept:hover { cursor: pointer; }
button.btn-accept:hover div.btn-accept-main { background: url('images/btn-green.png') repeat-x 0 -51px; }
button.btn-accept:hover div.btn-accept-rightside { background: url('images/btn-green.png') repeat-x 0 -17px; }
button.btn-accept:hover div.btn-accept-leftside { background: url('images/btn-green.png') repeat-x 0 -85px; }
button.btn-intocart:hover { cursor: pointer; }
button.btn-intocart { display: block; background: none; border: 0; height: 32px; float: right; padding-left: 0; padding-right: 0;  }
button.btn-intocart span.button-start { display: block; width: 49px; height: 32px; background: url('images/btn-intocart.png') no-repeat 0 0; float: left; }
button.btn-intocart div.btn-intocart-main { display: block; float: left; background: url('images/btn-intocart.png') repeat-x 0 -32px; font-weight: bold; font-size: 11px; line-height: 32px; text-decoration: none; text-transform: uppercase; height: 32px; color: #fff; padding-left: 10px; padding-right: 15px; }
button.btn-intocart span.button-end {  display: block; width: 18px; height: 33px; background: url('images/btn-intocart.png') no-repeat -3px -64px; float: left;}
div.submit-holder button.btn-greenbig { clear: both; float: left; display: block; background: none; border: 0; height: 31px; padding-left: 0; padding-right: 0; }
div.submit-holder button.btn-greenbig span.button-start { display: block; width: 13px; height: 31px; background: url('images/btn-greenbig.png') no-repeat 0 0; float: left; }
div.submit-holder button.btn-greenbig div.btn-greenbig-main { display: block; float: left; background: url('images/btn-greenbig.png') repeat-x 0 -32px; font-weight: bold; font-size: 12px; line-height: 32px; text-decoration: none; text-transform: uppercase; height: 31px; color: #fff;  }
div.submit-holder button.btn-greenbig span.button-end {  display: block; width: 18px; height: 31px; background: url('images/btn-greenbig.png') no-repeat -3px -64px; float: left;}
div.addview-submit button.btn-intocart-additem { }
button.btn-redset div.button-streching-middle span.button-text { font-size: 10px; }
table.cart-summary select.select-secondary { width: 90px; clear: both; display: block; }
div.new_customer  select.select-secondary { font-weight: normal; }
div.edit-account-information select.select-secondary { font-weight: normal; }
table.cart-summary .unit-price { width: 50px; }
div.form-field div.variant-popup-option-pageviews { width: 94px; float: left; display: block;  }
div.form-field select.select-secondary-pageviews { width: 70px }
div.simplemodal-wrap { overflow: visible !important; }
div.letter-box { position: relative; }
div.letter-box div.font-name-box { color: #ffffff; position: absolute; bottom: 4px; text-transform: uppercase; font-size: 11px; }
div.letter-box div.font-name-box.web { left: 22px; }
div.letter-box div.font-name-box.desktop { left: 12px; }
div.letter-box { height: 70px; }
table.cart-summary div.letter-box div.web-fonts-preview { margin-top: -5px; }
div.btn-intocart span.button-start { position: relative; }
.cart-loader-spinner { position: absolute; width: 47px; height: 38px; padding: 2px 0 0 7px; opacity: 0.6; background-color: #fff; display: none; }
a.go-to-cart:hover { cursor: pointer; }
a.go-to-cart { width: 160px; display: block; background: none; border: 0; height: 32px; float: right; padding-left: 0; padding-right: 0;  }
a.go-to-cart span.button-start { display: block; width: 49px; height: 32px; background: url('images/btn-intocart.png') no-repeat 0 0; float: left; }
a.go-to-cart div.go-to-cart-main { display: block; float: left; background: url('images/btn-intocart.png') repeat-x 0 -32px; font-weight: bold; font-size: 11px; line-height: 32px; text-decoration: none; text-transform: uppercase; height: 32px; color: #fff; padding-left: 10px; padding-right: 15px; }
a.go-to-cart span.button-end {  display: block; width: 18px; height: 32px; background: url('images/btn-intocart.png') no-repeat -3px -64px; float: left;}
span.aldready-in-cart-message { margin-left: 50px; display: block; float: left; font-size: 14px; color: #888582; }
div.address-save .btn-redset { float: right; }
div.address-save .btn-redset span.button-start { display: block; width: 13px; height: 32px; background: url('images/btn-redset2.png') no-repeat 0 0; float: left; }
div.address-save .btn-redset div.button-streching-middle { background: url('images/btn-redset2.png') repeat-x 0 -32px; display: block; float: left; height: 32px;  text-transform: uppercase; font-size: 10px; line-height: 32px; cursor: pointer; color: #fff; }
div.address-save .btn-redset span.button-end { display: block; width: 18px; height: 32px; background: url('images/btn-redset2.png') no-repeat 0 -64px; float: left; }
div.address-save .btn-redset { background: none; border: 0; }
div.address-save .btn-redset div.button-streching-middle span.button-text { padding-top: 1px; }
div.address-save .btn-redset div.button-streching-middle span.button-text { font-size: 10px; }
div#add-variant-options div.form-field select.select-secondary { width: 70px; }
label.search-format-bold { font-weight: bold; text-transform: uppercase; }
div#web-searchformat { border-top: 1px solid #FFFFFF; padding-top: 5px; margin-top: 5px; }
div.toggle-wo-margin { margin: 0; }
div.content div.toggle-content { margin-bottom: 20px; }button.btn-redset div.button-streching-middle span.button-text { font-size: 10px; }
.catalogsub-line { clear: both; }
div#ajax_spinner_popup { clear: both; margin: 0 auto; position: relative; display: block; width: 0px; }
div#ajax-spinner-wrapper-popup { clear: both; }
div#ajax-spinner-wrapper-popup div#ajax_spinner_popup div.spinner { top: 40px !important; }
div.ajax_spinner-account-data div.spinner { left: -20px !important; top: 10px !important; }
div.fontstats-view div.spinner { top: 90px !important; margin: 0 auto; }
div.cart-loader-spinner div.spinner { top: 16px !important; left: 16px !important; }
#ajax_spinner { display: none; }
.font-listing-head .fontcount { font-weight: bold; }
div.leftframe-9cols div.font-listing-head div { float: left; }
.font-listing-head .platform { margin-top: 10px; }
.font-format.pcmac { background-position: 0px 0px; }
.font-listing-head .font-format { margin-top: -6px; margin-left: 5px; display: block; width: 50px; height: 24px; float: right; }
.font-listing-head .spacer { background-color: #e7e6e4; margin: 10px 30px; height: 15px; width: 2px; }
.font-listing-head #format { line-height: 15px; height: 20px; padding-left: 20px;}
.font-listing-head-two .entries-per-page { padding: 0; }
.catalog .sampler-settings-panel .settings-option {  }
div.font-listing-head-two div.paging { float: right; }
div.font-listing-head-two div.paging .itemperpage { margin-left: 10px; }
div.paging div.entries-per-page { line-height: 13px; height: 26px; padding: 18px 5px; }
div.paging div.entries-per-page span { margin-top: 7px; }
div.paging div.entries-per-page div.itemperpage { margin-top: 0; }
div.pager-value .text-input-box { margin: 14px 10px 0px 0px; }
div.pager-value .paging-button-prior { color: #3d3938;font-size: 15px;margin: 12px 14px 0 0;text-decoration: none;background:none;}
.font-listing .world-selector { border: 0; }
.font-info-right .line { border-bottom: #e7e6e4 solid 1px; padding: 12px 0px; line-height: 20px; }
#format .newListSelected .selectedTxt { border-radius: 4px !important; border: 1px #AFAAA7 solid !important; }
#format .newListSelected div { background: url(images/content/fake-select-indicator.png) no-repeat scroll 60px 4px; display: block; font-size: 10px; padding: 2px 2px 1px 8px; text-align: left !important; width: 60px; margin: 0; font-weight: bold; }
div.format { line-height: 15px; }
div.format div.selectedTxt { color: #3d3938; }
div.format span.family-group-page-label { float: left; margin-right: 10px; margin-top: 8px; }
div.format span.flavor-filter { float: left; margin-right: 10px; margin-top: 6px; }
div.format span.formatSelector { float: left; }
.font-listing-head .format span.inactive { color: #c4c4c3; border-radius: 4px; border: 1px #AFAAA7 solid; cursor: pointer; font-weight: bold; font-size: 10px; padding: 2px 3px 1px 3px; }
.font-listing-head .format span.active { background-color: #3d3938; color: #fff; border-radius: 4px; border: 1px #3d3938 solid; font-weight: bold; font-size: 10px; padding: 2px 3px 1px 3px; }
span.formatSelector div.SSContainerDivWrapper { background-color: white !important; border: 1px #AFAAA7 solid; }
div.family-group-box .product-tabs a.gray { background-color: #afaaa7; color: #fff; border-top: 1px solid #efeeed; }
div.family-group-box .product-tabs a.active { background-image: none; line-height: 46px; height: 46px; background-color: #fff; color: #000; top: 0px; padding-top: 12px; border-color: #e7e6e4; border-width: 2px 1px 0 1px; border-style: solid; }
div.family-group-box .product-tabs a.red.active { color: #cc0000; }
div.font-tech-details div.font-tech-label { margin-bottom: 5px; }
div.add-page-views-from-details .cart-license-update-label { display: block; float: left; margin-right: 5px; }
div#addVariantPopupContent div.fontstats-licenseadd-without-example, div.more-license-content div.fontstats-licenseadd-without-example { padding-left: 0px; }
div#addVariantPopupContent div.fontstats-licenseadd-without-example .fontstat-inner, div.more-license-content div.fontstats-licenseadd-without-example .fontstat-inner { padding: 10px 20px; }
input.addToCartType { background-color: #e7e6e4; }
div.catalog div.leftframe-9cols div.right-align-filters { float: right; margin-left: 20px; }
select.disabledSelect { border: 1px solid #DDDDDD !important; }
.pageviews-control input.input-field { width: 70px; }

a.repaybutton span.button-start { display: block; width: 13px; height: 32px; background: url('images/btn-redset2.png') no-repeat 0 0; float: left; }
a.repaybutton div.button-streching-middle { background: url('images/btn-redset2.png') repeat-x 0 -32px; display: block; float: left; height: 32px;  text-transform: uppercase; font-size: 10px; line-height: 32px; cursor: pointer; color: #fff; }
a.repaybutton span.button-end { display: block; width: 18px; height: 32px; background: url('images/btn-redset2.png') no-repeat 0 -64px; float: left; }
a.repaybutton { background: none; border: 0; }
a.repaybutton div.button-streching-middle span.button-text { padding-top: 1px; }

div#checkoutmodal div.submit-popup { float: right; }
a.repaybutton div.button-streching-middle { display: block; float: left; width: 134px; text-align: left; padding-left: 5px;  text-align: center;  font-weight: bold;font-size: 12px;font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }
div#add-variant-options .addview-price { font-weight: normal; margin: 0; padding: 0 20px 0 10px; float: right; width: 130px; text-align: right; font-size: 16px; color: #3d3938; }
div#add-variant-options .addview-summary span { font-size: 11px; }
span.charmap-title { float: left; margin-left: 6px; }
span.headlines-selector { float: left; display: block; padding-right: 10px; }

span.body-copy-selector { float: left; display: block; padding-right: 10px; margin-left: 10px; }
span.char-map-selector  { display: block; float: left; margin-left: 10px; }
div.settings-option div.text-input-box-no-shadow { background: none !important; }
.catalog .sampler-settings-panel div.tab-navigation div.charmap-options-block { padding-left: 0px; }
div.paging div.pager-no-shadow { background: none; }
div.font-listing-head-two div.entries-per-page { padding: 14px 5px; }
#simplemodal-container  div.fontstat-add-new-product a.popup-font-name { color: #000000; font-size: 16px; }
#simplemodal-container  div.fontstat-add-new-product p.popup-font-catalog-number { color: #95928f; }
#simplemodal-container  div.fontstat-add-new-product { padding-top: 8px; }

#simplemodal-container  div.fontstat-update-product a.popup-font-name { color: #000000; font-size: 16px; }
#simplemodal-container  div.fontstat-update-product p.popup-font-catalog-number { color: #95928f; }
#simplemodal-container  div.fontstat-update-product { padding-top: 8px; }
textarea.sample-text-float { display: none; }
div.sample-text-float-options { display: none; }
div.previous-order-tab div.shorttext.orders { color: #3D3938; }
div.twocol-content h1.account-title { color: #3D3938; }

table.grid-orders tr.ajax-spin-content-block { display: none; }
table.grid-orders tbody tr.active-row ~ tr.ajax-spin-content-block > td { height: 100px; }
table.grid-orders tbody tr.ajax-spin-content-block div.spinner { top: 50px !important; margin: 0 auto; }
table.grid-orders tbody tr.order-download-row td { padding-bottom: 4px; }
table.grid-orders tbody tr.order-download-row.even td { border-top: 0; padding-top: 2px; padding-bottom: 10px; }
table.grid-orders tbody tr.order-download-row td { text-align: right; }
/*comment for checking*/
table#trademark-table { margin-right: 20px; }
table#trademark-table td { border-bottom: 1px solid #E1E1E1; }
div#search_ajax_loader div.spinner { margin: 0 auto; }
div#charts_ajax_loader div.spinner { margin: 0 auto; }
div#list_ajax_loader div.spinner { margin: 0 auto; }
div.searchcontainer-right div.search-result { padding-bottom: 30px; }
div.field-wrapper input.input-validation-error { border-color: #cc0000; }
div#search-content div.catalog-font-sampler div.badge-49  .sampler-matrix { padding-bottom: 0px; }
div#search-content { width: 708px; }
div#search-content .found-item .content-href {  }
div#payment-page-wrapper table.cart-summary { margin: 0; }
.shadow-box-content.blog-entry-detail { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -ms-filter: none; }
.webfont-kit-example { display: block; height: 30px; margin-bottom: 8px; margin-top: 20px; clear: both; }
div.webfont-kit-example div.webfont-kit-inner { display: table-cell; background-color: #a6a19d; height: 30px; width: 30px; margin-right: 1px; float: left; position: relative; vertical-align: middle; text-align: center; }
div.webfont-kit-example:hover { cursor: pointer; }
div.webfont-kit-example div.web-fonts-name { display: block; width: 610px; height: 26px; background-color: #dad8d6; float: left; padding-top: 4px; font-size: 14px; padding-left: 10px; font-weight: bold; }
div.twocol-content .introduction { font-size: 13px; }
div.webfont-kit-example  div.web-fonts-preview { margin-top: -8px; }
div.web-language-wrapper span.language-checkbox {  display: block; float: left; }

div.web-language-wrapper span.language-checkbox-title { font-size: 10px; text-transform: uppercase; font-weight: bold; display: block; float: left; margin-top: 3px; margin-left: 5px; }
div.web-language-wrapper { margin-left: 42px; clear: both; height: 20px;}
div.webfont-kit-page div.submit-holder { margin-top: 34px; }
div.desktop-plus-web-search-wrapper div.search-link-button { border: 1px solid #ffffff; display: block; padding: 0px 4px; height: 16px; background-color: #fff; color: #294d75; font-weight: 900; font-size: 10px; line-height: 16px; float: left; margin: 0px 2px; }
div.desktop-plus-web-search-wrapper div.search-link-button a { color: #294d75; }
div.desktop-plus-web-search-wrapper div.search-link-button:hover { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid #294d75; border-radius: 4px; background-color: #294d75; color: #ffffff; cursor: pointer; }
div.desktop-plus-web-search-wrapper div.search-link-button:hover a {  color: #ffffff; text-decoration: none; }
div.desktop-plus-web-search-wrapper { float: left; display: block; margin-right: 5px; margin-top: 10px; }
div.search-link-plus { margin: 0 4px; color: #000000; display: block; float: left; font-size: 11px; font-weight: bold; margin-top: 2px; line-height: 13px; }
div.web-language-wrapper span.language-variant-size { font-size: 10px; text-transform: uppercase; font-weight: bold; display: block; float: left; margin-top: 3px; margin-left: 5px; }
div.web-font-stats-header { margin-bottom: 1em; font-size: 16px; font-weight: bold; line-height: 1.75em; text-transform: uppercase; padding-bottom: 1em; border-bottom: 2px solid #E7E6E4; }
div.web-fonts-stat-second-header h2 { font-size: 24px; margin-bottom: 10px; float:left; }
button.btn-greenbig:hover { cursor: pointer; }
input.mColorPickerInput:hover { cursor: pointer; }
select.select-secondary { /*padding-right: 12px;*/ padding-top: 3px; padding-bottom: 3px; }
_:-ms-fullscreen, :root select.select-secondary { padding:0px; }
@-moz-document url-prefix() { select.select-secondary { padding-right: 4px; } div.form-field select.select-secondary { padding-right: 4px; } }
div.fontsetfeatures.right-tech, div.languagesupport.right-tech { margin-bottom: 25px; }
div.fontsetfeatures.right-tech p, div.languagesupport.right-tech p { text-transform: uppercase; font-weight: bold; }
.catalog .sampler-settings-panel div.color-picker-options { padding-right: 10px; }
div#dialog div.printer_header { float: right; margin-right: 15px; text-align: center; height: 22px; }
div#close-print-wrapper { margin: 0 auto; display: block; }
div#close-print-wrapper div.printer_footer { float: right; display: block; }
div.print_footer_wrapper, div.close_footer_wrapper { width: 50%; float: left; display: block; }
div#dialog div.print_button { display: block; padding: 2px 5px 2px 5px; background-color: #E7E6E4; border: 1px solid #fff; font-size: 14px; font-weight: bold; color: #ffffff; width: 60px; cursor: pointer; height: 16px; line-height: 16px; margin-bottom: 6px; font-family: Arial, sans-serif; }
div#dialog div.print_button:hover { cursor: pointer; }
div#print_iframe_div { display: none; }
input#dialog-button:hover { cursor: pointer; }
div.both-address-tabs .accountdata-wrapper .credential-line { margin-left: 0px; }
div.both-address-tabs .accountdata-wrapper .field-wrapper input { width: 154px; }
div.both-address-tabs .accountdata-wrapper .field-wrapper select { width: 154px; }
div.both-address-tabs div.accountdata-wrapper .reset-form strong { top: 0; }
div.both-address-tabs span.field-validation-error { right: 0px; width: 12px; }
div.page-wrapper .checkout form span.arrow-anchor-box-shadow.checkout-address { margin-top: 20px; padding-right: 6px; float: right; }
div#addressinfo-page-wrapper .account-info > p { margin: 0 20px 14px 0; }
div#addressinfo-page-wrapper .account-info div > p { margin: 0 20px 14px 0; }
div#addressinfo-page-wrapper .credential-line > label { font-size: 11px; color: #888582; text-transform: uppercase; }
div#addressinfo-page-wrapper p.float-p-address { float: left; margin: 0; padding: 0; width: auto; padding-top: 2px; }
div#addressinfo-page-wrapper p.float-p-select { float: left; }
div.license-height { height: 368px; }
div#addressinfo-page-wrapper p.description { width: auto; float: left; margin: 0; padding: 0; height: auto; padding-bottom: 20px; }
div.ff-design-quality { cursor: pointer; }

/*License tabs styles*/
div.leftframe-9cols div.font-listing-head div.license-tabs { float: left; display: block; height: 60px; margin: 8px 0 0 10px; }
div.leftframe-9cols div.font-listing-head div.license-tabs a.license-tab { float: left; }
div.leftframe-9cols div.font-listing-head div.license-tabs a.license-tab:hover { text-decoration: none; }
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab:hover { cursor: pointer; }
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div {     border-right: 1px solid #d5d2cc;
    clear: both;
    display: block;
    height: 40px;
    padding: 0 5px;
    text-align: center;
    width: 40px; /*background: url('images/license_icons/ext_license_icons.png');*/
}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.icon-digitalads {
    padding: 0 14px;
}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.icon-desktop_catalog {color: #b2b2b2;font-size: 36px;line-height: 38px;}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.icon-web_catalog { color: #b2b2b2;font-size: 36px;line-height: 38px;}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.icon-mobile_catalog { color: #b2b2b2;font-size: 30px;line-height: 38px;}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.icon-tablet_catalog {color: #b2b2b2;font-size: 30px;line-height: 38px;}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.icon-server_catalog {color: #b2b2b2;font-size: 30px;line-height: 38px; border-right:0 none;}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.icon-digitalads {color: #b2b2b2;font-size: 30px;line-height: 38px;}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.tab-desktop-license-image:hover { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.tab-web-license-image:hover { color:#000000;}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.tab-mobile-license-image:hover { color:#000000;}
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.tab-ebook-license-image:hover { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.tab-server-license-image:hover { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab div.tab-digitalads-license-image:hover { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .active div.tab-desktop-license-image { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .active div.tab-web-license-image { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .active div.tab-mobile-license-image { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .active div.tab-ebook-license-image { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .active div.tab-server-license-image { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .active div.tab-digitalads-license-image { color:#000000; }
div.leftframe-9cols div.font-listing-head div.license-tabs .license-tab h3.tab-license-title { position: relative; text-align: center; border-right: 0; background: none; clear: both; height: 20px; text-transform: uppercase; font-size: 10px; font-weight: bold; z-index: 100}
div.leftframe-9cols div.font-listing-head div.license-tabs div.tab-server-license div { border-right: 0;  }
div.leftframe-9cols div.font-listing-head div.description-text { float: left; width: 350px; }
a.license-tab span.font-box-arrow { display: none; }
a.license-tab.active span.font-box-arrow { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: -10px;
    color: #f1f0ef;
    display: block;
    font-size: 25px;
    height: 14px;
    position: absolute;
    transform: rotate(90deg);
    width: 62px;
    left:6px;
}
div.leftframe-9cols div.font-listing-head a.description-text-details { color: #CC0000; }


/*Add to cart popup styles for new licenses*/
table.cart-summary div.dropdown-addtocart { top: 22px; }
div.checkbox-wrapper p.buy-more { padding-left: 15px; padding-right: 15px; font-size: 12px;}
div.checkbox-wrapper p.buy-more.short { margin: 0.5em 0; font-size: 16px; line-height: 1.3em; font-style: italic; font-family: GenerisSerifComMedium,Georgia,Times,serif;}
div.checkbox-wrapper p.buy-more .discount { color: #c60000;}
div.checkbox-wrapper div.license-cart-block { clear: both; display: block; height: 42px; border-top: 1px solid #ffffff; padding-top: 13px; padding-left: 15px; }
div.checkbox-wrapper div.license-cart-block.top { border-top: 0px; height: 42px; border-bottom: 1px solid #ffffff; padding-top: 0px; margin-bottom: 1px; padding-left: 15px; }
div.checkbox-wrapper div.license-cart-block.top.no-border {border: none;}
div.checkbox-wrapper div.license-cart-block input { display: block; float: left; width: 12px; padding: 0; margin: 0; }
div.checkbox-wrapper div.license-cart-block div { display: block; float: left; }
div.checkbox-wrapper div.license-cart-block div.font-type { width: 100px; padding-left: 10px; white-space: nowrap; }
div.checkbox-wrapper div.license-cart-block div.font-type p { display: block; padding: 0; margin: 0; }
div.checkbox-wrapper div.license-cart-block div.font-type p.font-type-title { font-size: 12px; font-weight: bold; line-height: 12px; }
div.checkbox-wrapper div.license-cart-block div.font-type p.font-type-amount { float: left; margin-right: 4px; white-space: nowrap; }
div.checkbox-wrapper div.license-cart-block div.font-type-image { height: 40px; width: 40px; background: url('images/license_icons/ext_license_icons.png'); }
div.checkbox-wrapper div.license-cart-block div.font-type-image.extended {margin-top: -7px; margin-left: -2px; height: 50px; width: 46px;}
div.checkbox-wrapper div.license-cart-block div.font-type-image.desktop-web-img { background-position:  -272px 0px; }
div.checkbox-wrapper div.license-cart-block div.font-type-image.desktop-img { /*background-position: 0px -6px;*/ background: none;font-size: 40px;color: #000;font-weight: bolder;line-height: 20px;margin-left: -10px; }
div.checkbox-wrapper div.license-cart-block div.font-type-image.web-img { /*background-position: -55px -6px;*/background: none;font-size: 36px;line-height: 30px;margin-top: -8px;margin-left: -8px;  }
div.checkbox-wrapper div.license-cart-block div.font-type-image.digitalads-img { /*background-position: -55px -6px;*/background: none;font-size: 32px;line-height: 30px;margin-top: -4px;margin-left: -6px;  }
div.checkbox-wrapper div.license-cart-block div.font-type-image.app-img { /*background-position: -110px -6px;*/font-size: 30px;margin-top: -8px;background: none;  }
div.checkbox-wrapper div.license-cart-block div.font-type-image.epub-img { /*background-position: -164px -6px;*/ background: none;font-size: 29px;margin-top: -7px; }
div.checkbox-wrapper div.license-cart-block div.font-type-image.server-img { /*background-position: -220px -5px;*/background: none;font-size: 28px;margin-top: -7px; }

a.license-cart-more-control { clear: both; display: block; border-top: 1px solid #ffffff; height:25px; padding: 10px 10px 0 15px; }
a.license-cart-more-control div.more-options { float: left; text-align:center; margin-top:-3px; font-size:0.9em; font-weight:bold; }
a.license-cart-more-control div.font-type-image-small { float: right; margin-right:10px; margin-left: 0px; height: 20px; width: 14px; background: url('images/license_icons/ext_license_icons.png'); }
a.license-cart-more-control div.font-type-image-small.down-img { height: 6px !important; width: 10px !important; float:none !important; margin: -4px auto; background:none; /*background-position: -279px -106px;*/  }
a.license-cart-more-control div.font-type-image-small.app-img { /*background-position: -145px -98px;*/ background: none;font-size: 22px;margin-top: -6.5px;margin-right: 6px;  }
a.license-cart-more-control div.font-type-image-small.epub-img { /*background-position: -198px -98px;*/background: none;font-size: 22px;margin-top: -6.5px;margin-right: 6px; }
a.license-cart-more-control div.font-type-image-small.server-img { width:21px !important; /*background-position: -248px -98px;*/background: none;font-size: 22px;margin-top: -6.5px;margin-right: 6px; }
a.license-cart-more-control { color:#b1aaa7 }
a:hover.license-cart-more-control { color:#3d3938 }
a:hover.license-cart-more-control div.font-type-image-small.down-img { background-position: -279px -98px; }
a:hover.license-cart-more-control div.font-type-image-small.app-img { /*background-position: -122px -98px;*/ background: none;font-size: 22px;margin-top: -6.5px;margin-right: 6px; }
a:hover.license-cart-more-control div.font-type-image-small.epub-img { /*background-position: -175px -98px;*/ background: none;font-size: 22px;margin-top: -6.5px;margin-right: 6px; }
a:hover.license-cart-more-control div.font-type-image-small.server-img { width: 21px !important;background: none;font-size: 22px;margin-top: -6.5px;margin-right: 6px; }

div.checkbox-wrapper div.buy-more-image { display: block; clear: both; background: url('images/desktop_plus_web.png') no-repeat 0 0; width: 150px; height: 27px; margin-left: 15px; margin-bottom: 20px; }
p.charcount-text { clear: both; }
table.cart-summary div.cart-field { margin-top: 10px; }
table.cart-summary div.cart-field.right-border { border-right: 1px solid #E7E5E3; margin-right: 20px; }
table.cart-summary td.cart-prices { vertical-align: middle; background-color: #F5F2F1; }
table.cart-summary td.cart-prices div { float: right; padding-right: 10px; clear: both; }
table.cart-summary td.cart-prices-unit { vertical-align: middle; }
table.cart-summary td.cart-prices-unit div { float: right; padding-right: 10px; clear: both; }
table.cart-summary td.cart-item-edit div { float: left; padding-left: 10px; }
table.cart-summary td.delete-button { vertical-align: middle; }
table.cart-summary td.delete-button a { float: right; padding-right: 20px; }
.cart tfoot .sum #totalAmount { float: right; }
table.cart-summary td div.cart-field label { float: left; padding-right: 4px; text-align: left; }
table.cart-summary td div.cart-field div { float: left; }
table.cart-summary div.cart-edit-button div.edit-icon { background: url('images/license_icons/ext_license_icons.png') no-repeat -7px -98px; width: 22px; height: 20px; float: left; margin-top: 10px; clear: none; margin-left: 10px; }
table.cart-summary div.cart-edit-button p { float: left; display: block; margin-left: 10px; }
table.cart-summary div.cart-edit-button:hover { cursor: pointer; }
table.cart-summary div.cart-save-button { margin-top: 10px; margin-left: 10px; }
table.cart-summary div.cart-save-button:hover { cursor: pointer; }
table.cart-summary div.cart-save-button div.save-icon { width: 50px; height: 17px; background-color: #cc0000; color: #ffffff; text-align: center; padding: 0; text-transform: uppercase; font-size: 10px; line-height: 13px; padding-top: 4px; }

table.cart-summary div.icons-wrapper { text-align: center; height: 70px; }
table.cart-summary div.icons-wrapper div.cart-icons { margin-top: 10px; }
table.cart-summary div div.cart-icons { display: block; }
table.cart-summary div div.cart-icons div.icon-label { font-weight: bold; text-transform: uppercase; }
table.cart-summary div div.cart-icons div.exact-icon { display: block; float: none;}
table.cart-summary div div.web-icon-cart div.exact-icon { width: 40px; height: 40px;line-height: 40px;font-size: 38px; background: none; margin-left: 13px; color:#000000; }
table.cart-summary div div.desktop-icon-cart div.exact-icon { width: 40px; height: 40px; background: none; margin-left: 13px; line-height: 40px;font-size: 38px; color: #000000;}
table.cart-summary div div.mobile-icon-cart div.exact-icon { width: 40px; height: 40px; background: none; margin-left: 18px; font-size: 27px;}
table.cart-summary div div.epub-icon-cart div.exact-icon { width: 40px; height: 40px; background: none; margin-left: 18px; font-size: 27px; }
table.cart-summary div div.server-icon-cart div.exact-icon { width: 40px; height: 40px; background: none; margin-left: 18px; font-size: 27px;}
table.cart-summary div div.digitalads-icon-cart div.exact-icon { width: 40px; height: 40px; background: none; margin-left: 18px; font-size: 27px;}
table.cart-summary td div.cart-product-name { background-color: #e9e6e4; height: 36px; font-size: 14px; padding-top: 14px; padding-left: 15px; }
table.cart-summary td div.cart-product-name.single-item-product { padding-top: 4px; height: 46px; }
table.cart-summary td div.cart-product-name div.add-more-items-cart { color: #ffffff; font-weight: bold; font-size: 11px; text-transform: uppercase; }
table.cart-summary td div.cart-product-name div.add-more-items-cart:hover { cursor: pointer; }
table.cart-summary td div.cart-product-name div.add-more-items-cart div { float: left; display: block; }
table.cart-summary td div.cart-product-name div.add-more-items-cart div.cart-buym-button-main { background-color: #ffffff; color: #000000; padding-left: 10px; padding-right: 42px; height: 17px; padding-top: 1px; box-shadow: 0px 0px 3px 1px #ccc; margin-top: 3px; }
table.cart-summary td div.cart-product-name div.add-more-items-cart div.button-arrow { background: url('images/license_icons/license_button_peak.png') no-repeat 0 0px; width: 14px; height: 24px;  }
table.cart-summary td div.cart-summary-addwrap { position: relative; display: block; width: 200px; }
table.cart-summary td div.cart-summary-addwrap:hover { cursor: pointer; }
table.cart-summary td div.cart-summary-addwrap div.dropdown-addtocart { top: 16px; }
table.cart-summary td div.cart-summary-addwrap:hover div.dropdown-addtocart { display: block; }
table.cart-summary td div.edit-fields { float: left; }
div.questionBox { float: left; display: block; margin-left: 5px; background: url('images/license_icons/ext_license_icons.png') no-repeat -44px  -98px; width: 27px; height: 20px; margin-top: 1px; }
div.questionBox:hover { cursor: pointer; }
div.familyContentTitle { float: left; padding: 0; margin: 0; padding-top: 0px; font-size: 12px; text-transform: uppercase; line-height: 22px; }
div.familyContentTitle p { padding: 0; margin: 0; font-size: 12px; font-weight: normal; text-transform: none; }
div.params-edit { display: block; clear: both; }
div.params-edit div.edit-fields { float: left; display: block; }
div.params-edit div.questionBox { float: left; display: block; }
div.params-edit div.questionBox:hover { cursor: pointer; }
div.form-field-text { clear: both; }
div.license-td-wrapper p { margin: 0; padding: 0; }
div.license-td-wrapper p.license-paragraph { font-size: 11px; color: #A5A29F; }
div.license-td-wrapper p.license-paragraph:hover { cursor: pointer; }
div.license-td-wrapper p.license-paragraph a { font-size: 11px; color: #A5A29F; }
div.license-td-wrapper p.license-paragraph:hover a { text-decoration: none; }
div.license-td-wrapper { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
td.name-of-font { position: relative; }
div.cart-right-header-wrapper { display: block; float: left; }
/*checkout cart fixes*/
table.checkout-summary .unit-price { padding-right: 70px; text-align: right; }
table.checkout-summary div.letter-box div.web-fonts-preview { margin-top: -5px; }
table.checkout-summary th.price-header { border-bottom: 0; }
table.checkout-summary td.price-column { border-top: 0; }
/*font charts pages*/

#font-charts .shadow-box-content.default { padding-left: 40px; padding-right: 40px; }
#font-charts div.leftframe-charts { padding: 0; padding-left: 25px; padding-top: 15px; overflow: hidden; width: 640px; height: 81px; display: block; margin-top: 25px; }
#font-charts div.leftframe-charts a.font-sample { padding: 14px 10px 0px 20px; display: block; }
#font-charts div.leftframe-charts img { height: 40px; }
#font-charts p.no-result-found { padding-top: 20px; margin-bottom: 0; font-size: 14px; }
#font-charts div.font-chart-item { position: relative; display: block; }
#font-charts div.font-ranking { background: url(images/charts-shape.png) no-repeat 0 0; height: 60px; width: 60px; text-align: center; padding-top: 14px; font-size: 20px; font-weight: bold; color: #ffffff; }
#font-charts div.font-chart-item .badges { position: absolute; right: 10px; top: 12px; z-index: 9; }
#font-charts div.font-charts-listing div.detail { clear: both; }
#font-charts div#font-charts-header { border-bottom: 2px solid #E8E6E4; height: 60px; margin-top: 60px; margin-bottom: 30px; }
#font-charts div#font-charts-header h2 { margin: 0; padding: 0; height: 60px; display: block; float: left; width: 240px; margin-left: 20px; font-size: 16px; line-height: 1.75em; font-weight: bold; text-transform: uppercase; font-style: normal; font-family: FrutigerNeue,Helvetica,Arial,sans-serif; }
#font-charts div#font-charts-header p { float: left; height: 60px; display: block; width: 470px; padding: 0; margin: 0; }
#font-charts div#list-grid-switcher { float: right; width: 93px; height: 25px; }
#font-charts div#list-grid-switcher .tc-list { float: left;line-height: 25px; /*background: url('/css/images/font-list-icons.png') no-repeat -25px -94px;*/ width: 25px; height: 25px; font-size:24px;display: block; padding-right: 21px; border-right: 1px solid #e5e5e5;color:#c4c3c3;}
#font-charts div#list-grid-switcher .tc-list.active { /*background: url('/css/images/font-list-icons.png') no-repeat -25px -319px;*/ color:#3d3938;}
#font-charts div#list-grid-switcher .tc-grid { float: left; margin-left: 15px;line-height: 25px; /*background: url('/css/images/font-list-icons.png') no-repeat -25px -244px;*/ width: 25px; height: 25px; font-size:24px;color:#c4c3c3; display: block; }
#font-charts div#list-grid-switcher .tc-grid.active { /*background: url('/css/images/font-list-icons.png') no-repeat -25px -169px;*/ color:#3d3938; }
#font-charts div.fc-wrapper { float: right; width: 630px; }
#font-charts div.left-menu-area { float: right; width: 200px; }
#font-charts div.font-charts-listing .product-actions { float: right; }
a.tooltip_nw { overflow: hidden; white-space: nowrap; }
a.tooltip_nw:hover { text-decoration: none; }
.catalog-font-select .selector.web-badges:hover { text-decoration: none; }
.font-listing-head.license-selection .fontname.wfspacks { max-width: 430px; }
.font-container .arrow-large-anchor-box-wrap { position: absolute; float: none; right: 0px; top: 120px; }
span.price-container.price-stroked { text-decoration: line-through; }
.font-listing .price span.promotion-price { font-size: 16px; color: #c60000; padding-left: 4px; }
.font-chart-item .font-sample:hover { text-decoration: none; }
.stats-options { clear: both; margin-bottom: 20px; border-bottom: 2px solid #E7E6E4; padding-bottom: 15px; }
.wrapper-sorting.left { float: left; }
.wrapper-sorting.kit { float: left; margin-bottom: 15px; }
#account-page .spinner-more-padding { padding-top: 80px; }
.discount-promotional .priceItem { text-decoration: line-through !important; }
.discount-promotional .cart-promotion { color: #c00; }
.newsletter-head { height: 55px; display: block; }
.newsletter-head h3 { float: left; margin-right: 40px; }
.newsletter-head .ajax-spinner { float: left; margin-top: 30px; }
div.leftframe-9cols div.font-listing-head-two .typecast-try-link-wrapper { padding-top: 17px; float: right; }
div.leftframe-9cols div.font-listing-head-two .typecast-try-link-wrapper .typecast-try-text { float: left; }
div.leftframe-9cols div.font-listing-head-two .typecast-try-link-wrapper .typecast-try-img { margin-left: 5px; }
div.leftframe-9cols div.font-listing-head-two .typecast-try-link-wrapper .typecast-try-link { color: #3d3938; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 22px; }
.favorites-head { margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #e8e6e4; padding-left: 15px; }
.favorites-head .favorites-try-typecast { width: 100%; font-weight: bold; font-size: 12px; clear: both; }
.favorites-head .favorites-try-typecast span { float: left; }
.favorites-head .favorites-try-typecast div.questionBox { margin-top: 0px; }
.favorites-head .favorites-try-typecast div.questionBox:hover { cursor: pointer; }
.favorites-head .typecast-head-main { clear: both; }
.favorites-head .favorites-typecast-details { width: 270px; padding-right: 40px; border-right: #e7e6e4 2px solid; float: left; margin-top: 4px; margin-bottom: 4px; color: #888582; font-weight: bold; font-size: 11px; height: 35px; }
.favorites-head .favorites-typecast-buttons { float: left; margin-left: 20px; margin-top: 4px; margin-bottom: 4px; }
.favorites-head .favorites-typecast-buttons span { float: left; }
.favorites-head .favorites-typecast-buttons div { float: left; }
.favorites-head .favorites-typecast-buttons div .input-element { clear: both; }
.favorites-head .favorites-typecast-buttons div .input-element input { float: left; }
.favorites-head .favorites-typecast-buttons div .input-element span { float: left; }
.favorites-head .favorites-typecast-buttons .input-elements { margin-left: 5px; }
.favorites-head .favorites-typecast-buttons .favorites-open-typecast { margin-left: 20px; float: left; }
.favorites-head .favorites-typecast-buttons .favorites-open-typecast .icon { float: left; width: 43px; height: 38px; background: url(images/content/typecast_button.png) 0 1px no-repeat; }
.favorites-head .favorites-typecast-buttons .favorites-open-typecast:hover .icon { background: url(images/content/typecast_button.png) 0 -38px no-repeat; }
.favorites-head .favorites-typecast-buttons .favorites-open-typecast .txt { float: left; font: bold 11px FrutigerNeue,Helvetica,Arial,sans-serif; color: #888582; text-transform: uppercase; height: 19px; padding: 13px 15px 6px 12px; background: url(/css/images/content/arrow-shadow.png) 0px 0px repeat-x; }
.favorites-head .favorites-typecast-buttons .favorites-open-typecast .peak { float: left; width: 24px; height: 38px; background: url(/css/images/content/arrow-peak-shadow.png) 0 0 no-repeat; }
.favorites-head .favorites-typecast-buttons .favorites-open-typecast:hover .txt { background: url(/css/images/content/arrow-shadow.png) 0px -266px repeat-x; color: #ffffff; }
.favorites-head .favorites-typecast-buttons .favorites-open-typecast:hover .peak { background: url(/css/images/content/arrow-peak-shadow.png) 0px -351px repeat-x; }
.typecast-checkbox { float: left; margin-top: 12px; margin-right: 0; }
#favorites-content .favorite-itemline { position: relative; }
#favorites-content #ajax_spinner { margin-left: -42px; margin-top: 12px; float: left; }
.catalog .shadow-box-content.favorites { padding: 20px; padding-bottom: 2px; }
.font-listing.favorites .list { margin-left: 0px; }
.favorites-hint { color: #c60000; margin-bottom: 15px; display: none; }
.subscribe-newsletter-addwrap { position: relative; float: left; }
.shadow-box-content .subscribe-newsletter-addwrap a:hover { text-decoration: none !important; border: 0; color: #3d3938; }
.shadow-box-content .subscribe-newsletter-addwrap:hover a { text-decoration: none; border: 0; color: #3d3938; }
.subscribe-newsletter-macro { float: left; position: relative; display: block; height: 41px; color: #3D3938; }
.subscribe-newsletter-macro a { text-decoration: none; }
.subscribe-newsletter-macro .icon { float: left; width: 47px; height: 41px; background: url('/css/images/content/newsletter/left-newsletter.png') 0 0px no-repeat; }
.subscribe-newsletter-macro .envelope { margin-top: 4px; margin-left: 14px; font-size: 20px; }
.subscribe-newsletter-macro .txt { color: #3d3938; float: left; font: normal 13px FrutigerNeue,Helvetica,Arial,sans-serif; height: 23px; padding: 12px 15px 6px 10px; font-style: italic; background: url('/css/images/content/newsletter/middle-newsletter.png') repeat-x 0 0px; }
.subscribe-newsletter-macro .peak { float: left; width: 30px; height: 41px; background: url('/css/images/content/newsletter/arrows-newsletter.png') repeat-x 0 0px; }
.subscribe-newsletter-addwrap:hover .icon { background: url('/css/images/content/newsletter/left-newsletter.png') 0 -38px no-repeat; }
.subscribe-newsletter-addwrap:hover .envelope { color: #afaaa7;}
.subscribe-newsletter-addwrap:hover .txt { color: #e7e6e4; background: url('/css/images/content/newsletter/middle-newsletter.png') repeat-x 0 -38px; }
.subscribe-newsletter-addwrap:hover .subscribe-newsletter-macro .peak { background: url('/css/images/content/newsletter/arrows-newsletter.png') repeat-x 0 -38px; }
.newsletter-page { background: #ffffff; }
.dropdown-newsletter { display: none; position: absolute; top: 37px; left: 0; z-index: 9999; background-color: #e7e6e4; box-shadow: 0 2px 3px -1px #bbb; margin-right: 24px; }
.subscribe-newsletter-addwrap:hover .dropdown-newsletter { display: block;}
.subscribe-newsletter-addwrap.successful:hover .dropdown-newsletter { display: none;}
.dropdown-newsletter .newsletter-form { margin: 20px; margin-bottom: 10px; position: relative; margin-left: 24px; }
.dropdown-newsletter .InputFieldNew { border-radius: 2px; padding-left: 2px; border: 1px solid #b1aaa7; width: 42%; height: 16px; margin-right: 12px; float: left; margin-bottom: 10px; font-size: 10px; margin-left: -4px; }
.dropdown-newsletter .InputFieldNew.lastname-field { margin-right: 0px; float: right; }
.dropdown-newsletter .InputFieldNew.email-field { width: 100%; margin-bottom: 0; margin-right: 0px; }
.dropdown-newsletter .InputButton { text-transform: uppercase; background: none; border: 0; font-size: 11px; float: right; margin-top: 6px; font-weight: bold;  padding-right: 4px; }
.dropdown-newsletter .submit-arrow { height: 22px; width: 10px; float: right; background: url('/css/images/content/arrows_subscription.png') no-repeat 0px 12px; }
.ajax-spinner { float: left; margin-top: 20px;  margin-left: 20px; margin-right: 25px; }
.newsletter-header { position: absolute; top: 18px; right: 15px; }
.dropdown-newsletter .error-message { display: none; }
.error-newsletter { color: #c60000; font-size: 12px; margin-bottom: 15px; display: none; line-height: 1.5em; }
#font-chars-wrapper { width: 100%; }
#font-chars-wrapper #left-menu-area { float: left; }
#font-chars-wrapper #left-menu-area #left-menu { width: 178px; list-style-type: none; padding: 0; margin: 0; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; background-color: #e7e6e4; border: 1px solid #e7e6e4; border-radius: 5px; -moz-border-radius: 5px; }
#font-chars-wrapper #left-menu-area li { position: relative; font-weight: bold; font-size: 13px; color: #871414; padding-left: 25px; border-bottom: 1px solid #ffffff; padding-top: 9px; padding-bottom: 9px; }
#font-chars-wrapper #left-menu-area li a { color: #871414; }
#font-chars-wrapper #left-menu-area li.active a { color: #3d3938; }
#font-chars-wrapper #left-menu-area li.active .arrow { background: url('/css/images/font-list-icons.png') no-repeat -25px -25px; width: 9px; height: 19px; position: absolute; right: -10px; top: 9px; }
#font-chars-wrapper #left-menu-area li:first-child .arrow { top: 1px;  }
#font-chars-wrapper #left-menu-area li:first-child { padding-top: 0; }
#font-chars-wrapper #left-menu-area li:last-child { padding-bottom: 0; border-bottom: 0; }

#font-charts .font-chart-item.list-item .font-ranking { position: relative; float: left; top: auto; left: auto; margin-right: 10px; }
#font-charts .font-chart-item.list-item .font-details { float: left; width: 560px; }
#font-charts .font-chart-item.list-item .font-details div.leftframe-charts { width: 100%; }
#font-charts .font-chart-item.list-item .font-details .leftframe-charts { margin: 0; padding: 0; height: 54px; }
#font-charts .font-chart-item.list-item .font-details .catalog-font-sampler-meta-info { margin-left: 20px; clear: both; }
#font-charts .font-chart-item.list-item .catalog-font-sampler-meta-info span { color: #3d3938; }
#font-charts .font-chart-item.list-item .catalog-font-sampler-meta-info span.product-name { color: #871414; }
#font-charts .font-chart-item.list-item .product-actions .btn-secondary { margin-top: 0; }
#font-charts .font-chart-item.list-item { padding-bottom: 25px; border-bottom: 2px solid #e8e6e4; margin-bottom: 50px; }
#font-charts .font-chart-item.list-item .detail { margin-bottom: 0; }
#font-charts .font-chart-item.list-item .catalog-font-sample .sampler-matrix { padding-left: 20px; padding-top: 14px; }
#font-charts .font-chart-item.list-item .catalog-font-sample .sampler-matrix.web { padding-top: 10px; }
#font-charts .font-chart-item.grid-item { float: left; padding-right: 10px; margin-right: 0; margin-top: 12px; border-top: 1px solid #e8e6e4; padding-top: 35px; }
#font-charts .font-chart-item.grid-item div.font-ranking { height: 46px; }
#font-charts .font-chart-item.grid-item .font-details { clear: both; height: 150px; width: 100%; }
#font-charts .font-chart-item.grid-item .catalog-font-sample { padding: 0; width: 200px; height: 70px; overflow: hidden; margin-bottom: 10px; }
#font-charts .font-chart-item.grid-item .catalog-font-sample a { margin: 0 auto; }
#font-charts .font-chart-item.grid-item .catalog-font-sample a div { text-align: center; }
#font-charts .font-chart-item.grid-item .catalog-font-sample .sampler-matrix { float: none; }
#font-charts .font-chart-item.grid-item .catalog-font-sample .sampler-matrix div { text-align: center; }
#font-charts .font-chart-item.grid-item .catalog-font-sample .sampler-matrix img { float: none; margin: 0 auto; }
#font-charts .font-chart-item.grid-item .catalog-font-sampler-meta-info span { clear: both; display: block; text-align: center; }
#font-charts .font-chart-item.grid-item .catalog-font-sampler-meta-info span.product-name { color: #871414; }
#font-charts .font-chart-item.grid-item .catalog-font-sampler-meta-info span.product-count { color: #3d3938; }
#font-charts .font-chart-item.grid-item .catalog-font-sampler-meta-info { float: none; margin: 0 auto; }

#font-charts div.font-listing .font-chart-item.grid-item:nth-child(3),
#font-charts div.font-listing .font-chart-item.grid-item:nth-child(5),
#font-charts div.font-listing .font-chart-item.grid-item:nth-child(7) { border-top: 0; padding-top: 0; }

#font-chars-wrapper .font-listing { width: 630px; float: right; }
#list-grid-switcher .button { cursor: pointer; }
.font-chart-item.grid-item { display: none; }
#left-menu-area.scrolling { position: fixed; top: 0px; margin-top: 20px; }

/*new favorites design*/
#favorites-content { position: relative; margin-bottom: 25px; }
.favorites .wishlist { margin: 0; }
.favorites .add-small .price { padding-top: 0px; }
.favorites .list-item .wishlist-button { position: absolute; right: 5px; top: 13px; z-index: 9; margin-top: 1px; }
.favorites .favorite-itemline .add-small { display: none; position: absolute; right: 50px; top: 15px; z-index: 9; padding-right: 10px; border-right: 1px solid #c4bfbe; height: 21px; }
.favorites .favorite-itemline .add-small { display: block; }
.favorites .favorite-itemline .line-footer { display: none; }
.favorites .favorite-itemline:hover .line-footer { display: block; }
.font-listing .add-small .price { float: left; margin-right: 10px; margin-top: -5px; }
.font-listing .add-small .price span.price-container { font-size: 12px; font-weight: bold; }
.font-listing .add-small .price span.promotion-price { font-size: 12px; font-weight: bold; }
.font-listing .add-small .cart-addwrap .arrow-anchor-box-shadow { height: 16px; padding: 0; }
.font-listing .add-small .cart-addwrap .arrow-anchor-box-shadow .txt { background: none; background-color: #c60000; height: 15px; padding: 4px; padding-top: 1px; padding-bottom: 0; color: #ffffff; }
.font-listing .add-small .cart-addwrap:hover .catalog-font-family .txt { width: auto; min-width: 0; }
.font-listing .add-small .arrow-anchor-box-shadow.grid-item.active { height: 16px; padding: 0; }
.font-listing .add-small .arrow-anchor-box-shadow.active .txt { background: none; background-color: #60963e; height: 15px; padding: 4px; padding-top: 1px; padding-bottom: 0; color: #ffffff; }
.font-listing .add-small .arrow-anchor-box-shadow.active .peak { border-color: transparent transparent transparent #60963e;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    height: 0;
    width: 0; }
.font-listing .add-small .cart-addwrap .arrow-anchor-box-shadow .peak { background: url('/css/images/favorites_typecast.png') no-repeat -33px -199px; width: 12px; height: 16px; }
.font-listing .add-small .cart-addwrap .arrow-anchor-box-shadow.active .peak { background: none; background-color: #60963e; }
.favorites-views { position: absolute; right: 10px; top: 0px; font-size: 14px; }
.favorites-views span.button { cursor: pointer; font-weight: bold; }
.favorites-views span.button.tc-list { float: left; width: 25px; height: 24px;line-height: 24px; display: block; padding-right: 23px;   border-right: 1px solid #e5e5e5; color:#c4c3c3;font-size: 24px;}
.favorites-views span.button.tc-grid { float: left; margin-left: 14px; width: 29px; height: 25px; line-height: 25px;font-size: 24px; display: block; color:#c4c3c3;}
.favorites-views span.button.tc-list.active { color:#000000; }
.favorites-views span.button.tc-grid.active { color:#000000;}
.typecast-letter { border: 1px solid #eae8e6; background: #f2f2f2; padding-left: 4px; padding-right: 4px; float: left; margin-right: 5px; margin-top: 11px; font-size: 10px; line-height: 12px; }
.typecast-button:hover span { background: #ed6b3b; border: 1px solid #ee7041; color: #ffffff; }
.typecast-button span:hover { cursor: pointer; }
.typecast-button input:hover { cursor: pointer; }
.grid-item { width: 200px; height: 200px; float: left; margin-right: 30px; margin-top: 12px; }
.squareframe { width: 198px; height: 198px; float: left; position: relative; }
.squareframe .squareframe-footer { display: none; }
.squareframe.typecast-checkbox:hover { cursor: pointer; }
.squareframe:hover .squareframe-footer { display: block; }
.squareframe .catalog-font-sample .sampler-matrix, .squareframe .catalog-font-sample .sampler-hover { width: 100%; height: 80px; padding-top: 30px; }
.squareframe .catalog-font-sample .sampler-matrix { display: block; }
.squareframe .catalog-font-sample .sampler-hover { display: none; }
.squareframe .catalog-font-sample { width: 168px; height: 168px; display: block; padding: 15px; background-color: #ffffff; }
.squareframe .catalog-font-sample a { width: 100%; }
#favorites-content .squareframe .catalog-font-sample img { margin: 0 auto; }
.squareframe .wishlist-button { float: left; margin-top: 2px; }
.squareframe-footer { height: 21px; clear: both; display: block; width: 100%; text-align: center; }
.squareframe-footer-inner {  display: inline-block; zoom: 1; display*: inline; /* ie hack */ }
.squareframe-footer .add-small .cart-addwrap .arrow-anchor-box-shadow { /*background: url('/css/images/cart_pic.png') no-repeat 0 0;*/ font-size: 20px;  height: 18px;line-height: 18px;margin-right: 3px;width: 18px;color: #D22726;  text-decoration: none;}
.squareframe-footer .add-small .arrow-anchor-box-shadow.active { /*background: url('/css/images/cart/cart-green.png') no-repeat 0 0;*/ font-size: 20px;  height: 18px;line-height: 18px;margin-right: 3px;width: 18px;color: #70A153;  text-decoration: none; }
.catalog-font-sample .squareframe-footer .wishlist { padding: 0; width: 18px; height: 18px; }
.font-listing .add-small .arrow-anchor-box-shadow.active { padding: 0; }
.font-listing .squareframe-footer .price { float: left; margin-top: -7px; }
.font-listing .squareframe-footer .price span { display: block; clear: both; }
.favorites .favorite-itemline .squareframe-footer .add-small { display: block; height: 25px; position: relative; background: none; border-right: 0; left: 0; top: 0; float: left; border-right: 1px solid #d1cecd; margin-right: 10px; }
.squareframe.checked { border: 1px solid #e8e6e5; }
.squareframe.checked .catalog-font-sample { background-color: #e8e6e4; }
.squareframe.checked .catalog-font-sample .sampler-matrix { display: none; }
#favorites-content .squareframe.checked .catalog-font-sample .sampler-hover { display: block; }
.squareframe .t-orange { display: none; }
.squareframe.checked .t-orange { display: block; position: absolute; right: -7px; top: -7px; background: url('/css/images/t-orange.png') no-repeat 0 0; height: 32px; width: 32px; }
.squareframe .catalog-font-sampler-meta-info { margin-top: 0px; margin-bottom: 20px; width: 100%; text-align: center; height: 15px; overflow: hidden; }
.squareframe .catalog-font-sampler-meta-info span { font-size: 11px; }
.list-item .catalog-font-sampler-meta-info { margin-top: 12px; }
.list-item .catalog-font-sampler-meta-info span { font-size: 11px; }
.favorite-itemline .catalog-font-sampler-meta-info a span { color: #888582; text-decoration: none; }
.favorite-itemline.grid-item .catalog-font-sampler-meta-info a span { text-transform: uppercase; font-size: 10px; }
.favorites-long .leftframe-9cols { width: 942px; }
.favorites-long .leftframe-9cols .shadow-box { width: 942px !important; }
.favorites-long .leftframe-9cols .catalog-font-sample { width: 912px; }
.favorites-long .favorites-head .favorites-typecast-details { width: 440px; }
.favorites-long .favorites-head .favorites-typecast-buttons { margin-left: 90px; }
/*input errors*/
.BErrMsg { color: #c60000; }
.InputErrMsg { border: 1px solid #c60000 !important; }
/*newsletter redesign*/
.newsletter-table { margin-bottom: 50px; }
.newsletter-table table { width: 100%; }
.newsletter-table b { margin-right: 15px; }
.newsletter-table input[type="text"] { border: 1px solid #b1aaa7; border-radius: 3px; height: 20px; margin-bottom: 3px; width: 100%; }
.newsletter-table .BodyText b.required span { color: #cc0000; font-size: 16px; margin-left: 1px; }
.unsubscribe-table b { margin-right: 15px; }
.unsubscribe-table input[type="text"] { border: 1px solid #b1aaa7; border-radius: 3px; height: 20px; margin-bottom: 3px; width: 100%; }
.unsubscribe-table h3 { padding-bottom: 15px; width: 480px; border-bottom: 2px solid #e8e6e4; }
#refer-linotype { margin-bottom: 50px; width: 100%; }
#refer-linotype textarea { resize: none; width: 100%; height: 60px; padding-left: 7px; padding-top: 10px; border-radius: 3px; margin-bottom: 5px; }
#refer-linotype .copy-block { clear: both; }
#refer-linotype .copy-block p { font-weight: bold; }
#refer-linotype .copy-block .copy-button { border-radius: 3px; border: 1px solid #bfbab7; height: 28px; width: 99%; }
#refer-linotype .copy-block .copy-button span { float: left; padding-top: 3px; height: 25px; }
#refer-linotype .copy-block .copy-button span.copy-btn { background-color: #e7e6e4; width: 30%; text-align: center; text-transform: uppercase; }
#refer-linotype .copy-block .copy-button span.copy-btn:hover { cursor: pointer; }
#refer-linotype .copy-block .copy-button span.copy-btn span { display: inline-block; float: none; height: 17px; font-size: 10px; padding-top: 4px; font-weight: bold; }
#refer-linotype .copy-block .copy-button span.copy-btn img { margin-right: 7px; float: left; }
#refer-linotype .copy-block .copy-button span.copy-txt { text-align: center; width: 70%; font-size: 13px; padding-top: 4px; }
#refer-linotype .social-buttons { padding-top: 17px; }
#refer-linotype .social-buttons a { display: block; float: left; font-size: 12px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #e9e7e5; }
#refer-linotype .social-buttons a:hover { cursor: pointer; }
#refer-linotype .social-buttons a.twitter { border: 0; margin-right: 0; }
#refer-linotype .social-buttons a.facebook { background: url('/css/images/content/Fb.png') no-repeat 0 2px; padding-left: 24px; }
#refer-linotype .social-buttons a.twitter { background: url('/css/images/content/new_twitter.png') no-repeat 0 0px; padding-left: 30px; }
#refer-linotype .refer-submit { border: 0; background: none; cursor: pointer; float: right; padding: 0; margin: 0; margin-top: 5px; }
#refer-linotype .refer-submit span { border: 0; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #ffffff; background-color: #000000; height: 19px; display: block; float: left; padding-top: 5px; padding-left: 20px; padding-right: 20px;}
#refer-linotype .refer-submit span.peak { height: 24px; padding: 0; background: none; background: url('/css/images/content/newsletter_peak.png') no-repeat 0 -24px; width: 15px; }
#refer-linotype .refer-discount { border-top: 3px solid #cc0000; width: 99%; height: 40px; position: relative; font-style: italic; font-size: 22px; color: #cc0000; padding-top: 5px; }
#refer-linotype .refer-discount .percent-sign { height: 40px; width: 40px; right: -7px; top: -24px; position: absolute; /*background: url('/css/images/content/discount-percent.png') no-repeat 0 0px;*/ font-size:41px; }
#refer-linotype .referrer-email label { font-weight: bold; width: 29%; }
#refer-linotype .referrer-email input { border-radius: 3px; border: 1px solid #b1aaa7; height: 20px; width: 60%; float: right;}
#refer-linotype .referrer-email label span { color: #cc0000; font-size: 16px; margin-left: 1px; }
.newsletter-table .subscribe-submit { border: 0; background: none; cursor: pointer; float: right; padding: 0; margin: 0; margin-top: 5px; }
.newsletter-table .subscribe-submit span { border: 0; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #ffffff; background-color: #000000; height: 19px; display: block; float: left; padding-top: 5px; padding-left: 20px; padding-right: 20px;}
.newsletter-table .subscribe-submit span.peak { height: 24px; padding: 0; background: none; background: url('/css/images/content/newsletter_peak.png') no-repeat 0 -24px; width: 15px; }
.unsubscribe-table h3 { width: 100%; }
.unsubscribe-table .unsubscribe-submit { border: 0; background: none; cursor: pointer; float: right; padding: 0; margin: 0; margin-top: 5px; }
.unsubscribe-table .unsubscribe-submit span { border: 0; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #ffffff; background-color: #888582; height: 19px; display: block; float: left; padding-top: 5px; padding-left: 20px; padding-right: 20px;}
.unsubscribe-table .unsubscribe-submit span.peak { height: 24px; padding: 0; background: none; background: url('/css/images/content/newsletter_peak.png') no-repeat 0 0px; width: 15px; }
.unsubscribe-table table { width: 100%; }
#account-newsletter { width: 390px; margin-left: 20px; float: left; }
#main-newsletter { width: 420px; margin-left: 20px; float: left; }
.mailchimpArchive { width: 380px; }
.mailchimpArchive h2 { margin-bottom: 30px; }
.mailchimpArchive .campaign { font-size: 13px; margin-bottom: 20px; }
.mailchimpArchive .campaign a { padding-left: 100px; }
.mailchimpArchive.account-archive { width: 200px; }
.mailchimpArchive.account-archive .campaign a { clear: both; padding: 0; margin: 0; }
.cart-inwrap { position: relative; float: left; }
.encryptedLink { display: block; margin-bottom: 10px; }
.get-share-link { border: 0; background: none; cursor: pointer; float: right; padding: 0; margin: 0; margin-top: 5px; }
.get-share-link span { border: 0; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #ffffff; background-color: #000000; height: 19px; display: block; float: left; padding-top: 5px; padding-left: 20px; padding-right: 20px;}
.get-share-link span.peak { height: 24px; padding: 0; background: none; background: url('/css/images/content/newsletter_peak.png') no-repeat 0 -24px; width: 15px; }
#refer-linotype .ajax-spinner { float: right; margin-top: 20px; margin-right: 52px; }
div.field-wrapper select.input-validation-error { border-color: #c00; color: #c00; }
div.field-wrapper select.input-validation-error option { color: #3D3938; }
div.loupe-small-bottom { position: absolute; height: 21px; width: 20px; bottom: 9px; right: 9px; font-size:24px; color:#fff; text-shadow: 1px 1px 3px #000;}
/*blog menu submenu*/
.blog-menu ul.subfoldermenu { padding-left: 10px; }
.blog-menu .right-sub-menu { margin-bottom: 0px; }
.blog-menu .right-sub-menu ul.subfoldermenu li { background: none; font-weight: normal; margin-left: 55px; }
.blog-menu .right-sub-menu ul.subfoldermenu li.active { font-weight: bold; color: #c60000; }
.movie-font-sample { margin-top: 20px; }
.movie-font-sample td:first-child a { display: none; }
.webfont-sample {font-size: 48px; padding-right: 1em; white-space: nowrap; line-height: 2em;}
.webfont-sample.classic1 {color: #8e4b53;}
.webfont-sample.classic2 {color: #76655d;}
.webfont-sample.modern1 {color: #6e1429;}
.webfont-sample.modern2 {color: #5a4d47;}
.webfont-sample.typewriter1 {color: #6d99ab;}
.webfont-sample.typewriter2 {color: #7e8f97;}
.webfont-sample.heading1 {color: #275467;}
.webfont-sample.heading2 {color: #525860;}
.webfont-sample.casual1 {color: #534e5a;}
.webfont-sample.casual2 {color: #674783;}
.webfont-sample.calligraphy1 {color: #cb798a;}
.webfont-sample.calligraphy2 {color: #9b445b;}
.webfont-sample.classic-script1 {color: #825087;}
.webfont-sample.classic-script2 {color: #745d7a;}
.webfont-sample.retro1 {color: #7e162e;}
.webfont-sample.retro2 {color: #be2012;}
.webfont-sample.classic-rounded1 {color: #0b1e53;}
.webfont-sample.classic-rounded2 {color: #4f5154;}
.webfont-sample.casual-rounded1 {color: #b0b9d0;}
.webfont-sample.casual-rounded2 {color: #9d9ea2;}
.webfont-sample.modern-rounded1 {color: #275467;}
.webfont-sample.modern-rounded2 {color: #7f8c9a;}
.webfont-sample.classic-serif1 {color: #c8c1ba;}
.webfont-sample.modern-serif1 {color: #f16b6a;}
.webfont-sample.modern-slabserif1 {color: #d15642;}
.webfont-sample.classic-slabserif1 {color: #252221;}
.webfont-sample.classic-slabserif2 {color: #b7aaa4;}
.webfont-sample.stencil1 {color: #3c5465; }
.webfont-sample.stencil2 {color: #93d3e5; }
.webfont-sample.stencil3 {color: #bfc1c4; }
.webfont-sample.techno1 {color: #262626;}
.webfont-sample.techno2 {color: #97a2ac;}
.webfont-sample.techno3 {color: #009db2;}
.webfont-sample.pixel1 {color: #9dc2c8;}
.webfont-sample.pixel2 {color: #3c712c;}
.webfont-sample.pixel3 {color: #000000;}
.webfont-sample.multiline1 {color: #48a377;}
.webfont-sample.multiline2 {color: #203150;}
.webfont-sample.multiline3 {color: #88b29f;}
.webfont-sample.graffiti1 {color: #cc334a;}
.webfont-sample.graffiti2 {color: #12033c;}
.webfont-sample.graffiti3 {color: #80202e;}
.webfont-sample.retro1 {color: #6067bb;}
.webfont-sample.retro2 {color: #a2a7ac;}
.webfont-sample.retro3 {color: #2e3158;}
.webfont-sample.western1 {color: #252525;}
.webfont-sample.western2 {color: #b5d2b4;}
.webfont-sample.western3 {color: #bfc6cc;}
.webfont-sample.oldenglish1 {color: #16083d;}
.webfont-sample.oldenglish2 {color: #e3355a;}
.webfont-sample.oldenglish3 {color: #bac8d6;}
.webfont-sample.celebration1 {color: #3c4348;}
.webfont-sample.celebration2 {color: #e47353;}
.webfont-sample.celebration3 {color: #8d9598;}
.webfont-sample.poster1 {color: #53616f;}
.webfont-sample.poster2 {color: #d95355;}
.webfont-sample.poster3 {color: #a5aeb1;}
.webfont-sample.grunge1{color: #4c4c4e;}
.webfont-sample.grunge2{color: #ffd000;}
.webfont-sample.grunge3{color: #aaaaae;}


.webfont-sample a {color: inherit; font-size: 48px;}
/*fonts in use page*/
.fonts-in-use-block { width: 232px; float: left; display: block; margin-left: 5px; margin-right: 5px; }
.fiu-image { display: table; margin: 0 auto; margin-bottom: 10px; margin-top: 10px; }
.fiu-image div.fiu-block { display: block; width: 212px; }
.fiu-image div.fiu-block + div.fiu-block { display: none; }
.fiu-image div.fiu-block + div.fiu-block + div.fiu-block { display: none; }
#leftframe-9cols #collector-stripes { display: block; }
#leftframe-9cols #collector-stripes:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.fiu-text { color: #000000; font-size: 10px; padding-left: 10px; font-weight: bold; }
.fiu-text p { display: block; clear: both; padding: 0; margin: 0; }
.fiu-text span { display: block; float: left; margin-right: 5px; }
.fiu-image .shadow-box-content.image { border: 10px solid #E7E6E4 !important; text-align: center; background-color: #E7E6E4; }
.fiu-image .shadow-box-content { -webkit-box-shadow: none; box-shadow: none; padding: 0; }
.third-element-fui { display: block; clear: both; }
.fiu-block a { color: #ffffff; text-decoration: none; }
.fiu-block a:hover { text-decoration: none; }
.fiu-image div.fiu-block .blog-entry-image-description { padding-right: 22px; }

/*Right column content for CMS pages*/
.cnt-right-column { position: absolute; top: 0; right: -150px; width: 120px; text-align: center; margin: 0; padding: 0 10px; display: block; line-height: 1.375em; }
.cnt-right-column .block-item { display: block; }
.cnt-right-column .block-item { color: #000000; font-size: 11px; }
.cnt-right-column .block-item p { text-align: left; width: 70px; margin-top: 0px; margin-bottom: 0px; }
.cnt-right-column .block-item .family-block { padding: 0; padding-left: 10px; padding-right: 10px; width: 50px; height: 70px; vertical-align: middle; display: table-cell; margin-left: 35px; background-color: #000000; text-align: center; font-size: 18px; color: #ffffff; line-height: 18px; }
.cnt-right-column .block-item .family-title { margin-top: 4px; display: block; }
.cnt-right-column .block-item .block-link { margin-top: 20px; display: block; }
.cnt-right-column .block-item span { color: #ffffff; background-color: #B0AAA7; height: 16px; float: left; display: block; padding-left: 10px; padding-right: 5px; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 1.5em; }
.cnt-right-column .block-item span.peak { margin-right: 0; padding-right: 0px; background-color: transparent; background: url(/css/images/content/cms-triangle.png) no-repeat 0 0; width: 9px; height: 16px; }
.shadow-box-content .cnt-right-column .list-items { list-style-type: none; padding: 0; margin: 0; margin-top: 10px; margin-bottom: 10px; }
.shadow-box-content .cnt-right-column .list-items li { padding: 0; margin: 0; padding-bottom: 15px; }
.shadow-box-content .cnt-right-column .list-items li:before { content: ""; height: 10px; margin-left: 25px; margin-right: 35px; width: 70px; border-top: 2px solid #e7e6e4; clear: both; display: block; }
.shadow-box-content .cnt-right-column .list-items li:first-child:before { border-top: 0px; height: 0px; }
.shadow-box-content .cnt-right-column .list-items li p { margin: 0; }
.shadow-box-content .cnt-right-column .list-items li .font-sample { margin-top: 10px; margin-bottom: 10px; }
.shadow-box-content .cnt-right-column .list-items:before { content: ""; height: 10px; margin-left: 25px; margin-right: 35px; width: 70px; border-top: 2px solid #e7e6e4; clear: both; display: block; }
.shadow-box-content .cnt-right-column .list-items:after { content: ""; margin-left: 25px; margin-right: 35px; width: 70px; border-bottom: 2px solid #e7e6e4; clear: both; display: block; }
.shadow-box-content .cnt-right-column .list-items li p { font-size: 11px; line-height: 1.375em;}
.shadow-box-content .cnt-right-column .list-items li a { font-size: 11px; }

/*family items refactor*/
.main-content .catalog .font-listing-head.license-selection { margin-left: 10px; border: 0; background-color: #f1f0ef; }
.main-content .catalog .font-listing-head-two { margin-left: 40px; }
.main-content .catalog .font-listing-head .license-tabs { margin-left: 0px; float: left; }


.main-content .catalog .font-listing-head .helper-texts {
    display: table;
    float: left;
    margin-left: 6px;
    width: 378px;
}
.main-content .catalog .font-listing-head .helper-texts div { display: none; }
.main-content .catalog .sampler-settings-panel .settings-option { padding-left: 0px; }
.itemline_details { border-bottom: 1px solid #f1f0ef; padding: 10px; width: 922px; }
.itemline_details:first-child { border-top: 1px solid #f1f0ef; }
.itemline_details:hover { background-color: #f1f0ef; cursor: pointer; }
.itemline_details .itemline-row .detail { margin-bottom: 0; display: none; margin-top: 5px; }
.itemline_details .leftframe-9cols { width: 708px; }
.itemline_details:hover .itemline-row .detail { display: block; }
.list.familygroup .itemline_details .itemline-row .detail { display: none !important; }
.itemline-row { width: 690px; position: relative; }
.itemline_details:hover .itemline-row .catalog-font-sample .web-fonts-preview { color: rgb(0, 0, 0) !important; background-color: rgb(241, 240, 239) !important; }
.detail .product-actions { float: left; }
.catalog-font-sample { background: none; }
.itemline-row .catalog-font-sample { width: 630px; overflow: hidden; }
.product-actions .catalog-features { height: auto; }
.cart-addwrap:hover .catalog-font-family .txt { min-width: 108px; }
.itemline_details .sampler-hover { display: none; }
.itemline_details .sampler-matrix { display: block; }
.itemline_details:hover .sampler-hover { display: block; }
.itemline_details:hover .sampler-matrix { display: none; }
.itemline_details:hover .catalog-font-sample { background-color: #f1f0ef !important; }
.badge-49 .sampler-hover { width: 600px; overflow: hidden; min-height: 48px; float: left; position: relative; z-index: 0; margin-bottom: 0; }
.catalog-features .itemline-feature { display: none; clear: both; }
.itemline-items { display: block; clear: both; }
.itemline-buttons { display: block; margin-bottom: 10px; margin-left: 8px; }
.itemline-buttons div { float: left; margin-left: 12px; }
.product-actions .itemline-buttons div:first-child { margin-left: 0px; }
.itemline-buttons div.features-btn { margin-right: 7px; padding-right: 10px; border-right: 1px solid #f1f0ef; color: #888582; text-transform: uppercase; font-size: 10px; font-weight: bold; padding-top: 1px; padding-bottom: 1px; background: url("images/content/features-arrows.png") 0px 5px no-repeat; padding-left: 10px; }
.itemline-buttons div.features-btn.btn-no-border { border-right: 0; }
.itemline-buttons div.features-btn.active { background: url("images/content/features-arrows.png") 0px -12px no-repeat; }
.itemline-buttons div.languages-btn { margin-right: 10px; padding-right: 10px; border-right: 1px solid #f1f0ef; }
.itemline-buttons .wishlist { padding: 0; height: 17px; margin: 0; padding-left: 22px; color: #888582; text-transform: uppercase; font-weight: bold; }
.itemline-buttons .wishlist-button { margin-left: 0; margin-top: 0px; }
.font-listing .cart-addwrap .arrow-anchor-box-shadow { padding: 10px 0 0px 0; }
.catalog .sampler-matrix-border { border: 15px solid #ffffff; }
.catalog-items { height: 32px; }
.font-listing-head-buttons { padding-bottom: 40px; margin-bottom: 15px; border-bottom: 10px solid #f1f0ef; margin-left: 10px; margin-right: 10px; padding-left: 40px; padding-left: 30px; font-weight: bold;}
.font-listing-head-buttons ul#product-buttons { list-style-type: none; display: block; }
.font-listing-head-buttons ul#product-buttons li.product-btn { height: 20px; float: left; display: block; border-left: 1px solid #d5d2cc; padding-left: 10px; padding-right: 10px; font-size: 10px; text-transform: uppercase; line-height: 18px; }

.font-listing-head-buttons ul#product-buttons li.product-btn:first-child { border: 0; }
.font-listing-head-buttons ul#product-buttons li.product-btn:hover { cursor: pointer; }
.font-listing-head-buttons .charmap-options { display: none; }
.itemline-row .catalog-font-sampler-meta-info span.typefaces { font: 10px FrutigerNeue,Helvetica,Arial,sans-serif; text-transform: uppercase; color: #888582; font-weight: bold; }
.itemline-row .catalog-font-sampler-meta-info { margin-top:2px;margin-left: 8px; color: #888582; text-transform: uppercase; font-size: 10px; }
.itemline-row .catalog-font-sampler-meta-info a, .itemline-row .catalog-font-sampler-meta-info a:hover, .itemline-row .catalog-font-sampler-meta-info a:visited { color: #888582;  }
.itemline-row .catalog-font-sampler-meta-info h4 { margin: 0; padding: 0; font: 10px FrutigerNeue,Helvetica,Arial,sans-serif; float: left; color: #888582; text-transform: uppercase; line-height: 10px; }
.itemline-row .catalog-font-sampler-meta-info span.variants-count { margin-left: 6px; color: #888582; font-size: 10px; }
.itemline-row .catalog-font-sampler { clear: both; margin-top: 5px; margin-bottom: 5px; overflow: hidden; }
.itemline-row .catalog-font-select .selector { margin: 0; }
.itemline-row .catalog-font-select .selector.active { height: 30px; margin: 1px; margin-top: 0px; }
.itemline-row .catalog-font-select { top: 0; }
.itemline-row .font-listing .detail { height: auto; }
.itemline-row .catalog-font-select.single, .itemline-row .catalog-font-select.triple { margin-left: 7px; clear: both; padding: 0; } { margin-left: 7px; clear: both; padding: 0; }
.itemline-row .catalog-font-select .selector { margin: 1px; margin-top: 0px; }
.itemline-row .font-features, .itemline-row .language-extensions { margin: 1px; margin-top: 0; }
.rightframe-3cols.map-wrapper p { padding: 0; text-align: center; margin: 0; }
.rightframe-3cols.map-wrapper p.format { font-weight: bold; text-transform: uppercase; }
.shadow-box-content .product-tabs a.red { position: relative; }
.shadow-box-content .product-tabs a.red.active .valuepack-discount { position: absolute; display: block; width: 40px; height: 40px; /*background: url('/css/images/license_icons/ext_license_icons.png') no-repeat -7px -128px; top: -20px; right: 10px;*/ }
#search-content .itemline_details { width: 688px; clear: both; }
#search-content .catalog-font-sample { width: 650px; }
.addtobasket-block  { float: left; margin-bottom: 12px; }

/*product details refactor*/
.details-elem.technical-details { display: none; margin-left: 20px; width: 708px; }
ul#product-buttons li { position: relative; }
#product-buttons span.font-box-arrow {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #f1f0ef;display: none;font-size: 25px;height: 14px;left: 25px;position: absolute;right: 0;top: 18px;transform: rotate(90deg);}
ul#product-buttons li.tab-active span.font-box-arrow { display: inline-table; }
ul#product-buttons .pdf-sample a { display: block; height: 20px; line-height: 18px; padding-left: 25px; background: url("images/content/catalog/pdf-icon.png") 0px 0px no-repeat; }
#product-buttons li.pdf-sample { float: left; display: block; border-left: 1px solid #d5d2cc; padding-left: 10px; padding-right: 10px; font-size: 10px; text-transform: uppercase; }
li.select-box-charmap { position: relative; }
li.select-box-charmap .options { display: none; position: absolute; top: 18px; left: 0px; float: left; background: #3d3938; padding: 4px; z-index: 99; border-radius: 0 4px 4px 4px; }
li.select-box-charmap ul.options .option { font-size: 11px; line-height: 20px; white-space: nowrap; background: #fff; height: 20px; padding: 0px 10px; text-transform: none; }
li.select-box-charmap ul.options .option:first-child { padding-top: 20px; }
li.select-box-charmap ul.options .option:last-child { padding-bottom: 20px; }
li.select-box-charmap ul.options .option a { font: 11px/20px FrutigerNeueLight,Helvetica,Arial,sans-serif; color: #000; padding-right: 5px; }
li.select-box-charmap ul.options .option a:hover { color: #871414; }
li.select-box-charmap ul.options .option span { font: italic 10px/20px GenerisSerifCom,Georgia,Times,serif; color: #888582; }
span.familyName { padding-left: 5px; text-transform: uppercase; font-size: 13px; display: block; clear: both; font-weight: bold;}
div.wishlist-right { margin-bottom: 25px; margin-top: 15px; }
div.wishlist-right .wishlist { margin-left: 0; margin-top: 0; color: #3D3938; font-size: 12px; text-transform: none; }
p.suitable-label { text-transform: uppercase; font-weight: bold; width: auto; }
div.bottom-sep-block { padding-bottom: 50px; }
div.rightframe-3cols.map-wrapper span.bubbleInfo { width: 120px; margin: 0 auto; display: block; }
div.rightframe-3cols div.fontsetfeatures { clear: both; }
div.rightframe-3cols div.fontsetfeatures p { text-transform: uppercase; font-weight: bold; }
div.rightframe-3cols div.languagesupport p { text-transform: uppercase; font-weight: bold; }

/*search page button back to top*/
#back-to-top-button { margin-left: 2px; position: relative; padding-right: 30px; margin-top: 8px; display: none; z-index: 9; padding-left: 0px; /*background: url("/css/images/btp-arrow.png") no-repeat 9px 6px;*/ }
#back-to-top-button a { color: #888582; }

/*favorites page after redesign*/

#favorites-content .itemline-row { width: auto; }
#favorites-content .favorite-itemline .sampler-matrix { display: block; padding-bottom: 10px; }
#favorites-content .favorite-itemline .sampler-hover { display: none; padding-bottom: 10px; }
#favorites-content .favorite-itemline:hover .sampler-matrix { display: none; }
#favorites-content .favorite-itemline:hover .sampler-hover { display: block; }
#favorites-content .favorite-itemline:hover { background-color: #f1f0ef; cursor: pointer; }
#favorites-content .favorite-itemline:hover .catalog-font-sample { background-color: #f1f0ef; }

#favorites-content .favorite-itemline.list-item .catalog-font-sampler-meta-info { background-color: #f1f0ef; margin-left: 8px; color: #888582; text-transform: uppercase; font-size: 10px; }
#favorites-content .favorite-itemline.list-item .catalog-font-sampler-meta-info a { color: #888582; font-weight: bold; margin-left: 8px; font-size: 10px; }
#favorites-content .favorite-itemline.list-item .catalog-font-sampler { z-index: 0; clear: both; }
#favorites-content .favorite-itemline.list-item .catalog-font-sampler-meta-info { display: none; }
#favorites-content .favorite-itemline.list-item .sampler-matrix { width: 708px; }
#favorites-content .favorite-itemline.list-item .sampler-hover { width: 668px; overflow: hidden; }
#favorites-content .favorite-itemline.list-item .catalog-font-sample { width: 912px; }
#favorites-content .favorite-itemline.list-item { border-top: 1px solid #f1f0ef; margin-top: 20px; border-bottom: 1px solid #f1f0ef; }
#favorites-content > .favorite-itemline.list-item ~ .favorite-itemline.list-item { margin: 0; border-bottom: 1px solid #f1f0ef; border-top: 0; }

#favorites-content .favorite-itemline.grid-item:hover .catalog-font-sample .sampler-matrix { display: none; }
#favorites-content .favorite-itemline.grid-item:hover .catalog-font-sample .sampler-hover { display: block; }
#favorites-content .favorite-itemline.grid-item:hover .catalog-font-sample { background-color: #f1f0ef; }
#favorites-content .favorite-itemline.grid-item:hover { background-color: #f1f0ef; cursor: pointer; }

#account-page #favorites-content .favorite-itemline.list-item .catalog-font-sample { width: 630px; }
#account-page #favorites-content .favorite-itemline.list-item .sampler-matrix { width: 600px; }
#account-page #favorites-content .favorite-itemline.list-item .sampler-hover { width: 600px; }
#account-page #favorites-content .favorite-itemline.list-item .itemline-row { width: 660px; }

/*extended valuepack itemlines redesign*/
.catalog-f-ribbon { margin-left: -10px; margin-top: -10px; }
.catalog-f-ribbon img { margin-left: -10px; margin-top: -10px; }

/*product preview itemlines design*/
.catalog.font-listing > .itemline_details { border-top: 1px solid #f1f0ef; }
.catalog.font-listing > .itemline_details ~ .itemline_details { border-top: 0; }

/*Lightbox design*/
#lightbox-container-image-box:hover { cursor: pointer; }
#lightbox-nav #lightbox-nav-btnNext:hover { background: url("images/lightbox/next.gif") no-repeat center right transparent !important; }
#lightbox-nav #lightbox-nav-btnPrev:hover { background: url("images/lightbox/prev.gif") no-repeat center left transparent !important; }
#lightbox-secNav #lightbox-secNav-btnClose { /*background: url("images/lightbox/close.gif") no-repeat top right transparent !important; height: 30px;*/color: #555;  display: inline-block;font-size: 30px;height: 18px;margin-top: -4px;padding: 0;text-decoration: none;width: 31px; }
#lightbox-secNav #lightbox-secNav-btnClose img { display: none !important; }

/*Skyfonts design*/
.rightframe { float: left; }
#skyfonts { display: none; }
#skyfonts.product-active { display: block; margin-top: 3px; margin-bottom: 15px; clear: both; }
.itemline_details:hover #skyfonts { display: block; clear: both; }
.skyfonts-button { display: block; height: 30px; float: left; }
.skyfonts-button:hover { text-decoration: none; }
.skyfonts-button span { display: block; height: 30px; float: left; text-transform: uppercase; }
.skyfonts-button .txt { height: 24px; padding-top: 6px; padding-left: 20px; padding-right: 18px; background: url("images/skyfonts/skyfonts-sprite.png") repeat-x 0 -88px; color: #ffffff; }
.skyfonts-button .peak {  background: url("images/skyfonts/skyfonts-sprite.png") no-repeat 0 -60px; width: 17px; }

#skyfonts .skyfonts-button:hover .txt { background: url("images/skyfonts/skyfonts-sprite.png") repeat-x 0 -148px; color: #ffffff; }
#skyfonts .skyfonts-button:hover .peak { background: url("images/skyfonts/skyfonts-sprite.png") no-repeat 0 -117px; }
#skyfonts.disabled .skyfonts-button .txt { background: url("images/skyfonts/skyfonts-sprite.png") repeat-x 0 -31px; }
#skyfonts.disabled .skyfonts-button .peak { background: url("images/skyfonts/skyfonts-sprite.png") no-repeat 0 0px; }
#skyfonts.disabled .skyfonts-button .txt  .skyfonts-image { padding-left: 8px; padding-top: 2px; }

.skyfonts-history .skyfonts-head { display: block; clear: both; margin-bottom: 40px; }
.skyfonts-history .skyfonts-head img { width: 50px; height: 73px; float:right; padding: 0 15px 0 20px; border: 0; background: #fff; }
#skyfonts-tables .skyfont-table-wrap { width: 100%; margin-bottom: 1px; }
#skyfonts-tables .header { font-size: 12px; text-transform: uppercase; padding-left: 20px; padding-top: 4px; height: 24px; background-color: #3d3938; color: #ffffff; }
#skyfonts-tables .header:hover { cursor: pointer; }
#skyfonts-tables .header .font-count { margin-left: 3px; color: #cac8c2; }
#skyfonts-tables .header .font-count-right { float: right; margin-right: 15px; color: #cac8c2; font-weight: bold; font-size: 11px; margin-top: 3px; }
.skyfont-table-wrap .header-button { /*background: url(images/skyfonts-arrows.png) no-repeat 0 -20px; padding-left: 15px;*/ }
.skyfont-table-wrap .header-button span.icon-searcharrow {cursor: pointer;display: inline-block;font-size: 12px;margin-left: -4px;margin-right: 4px;margin-top: 0;vertical-align: text-top;}
#skyfonts-tables .skyfont-table-wrap.active .header { padding-left: 16px; }
#skyfonts-tables .skyfont-table-wrap.active .header-button { /*background: url(images/skyfonts-arrows.png) no-repeat 0 5px;*/ padding-left: 3px; }
#skyfonts-tables .skyfont-table-wrap.active .header-button span.icon-searcharrow {transform: rotate(90deg);display: inline-block;}
#skyfonts-tables .skyfonts-table { display: none; position: relative; width: 100%; padding-bottom: 20px;background:#f1f0ef; }
#skyfonts-tables .skyfont-table-wrap.active .skyfonts-table { display: block; }
#skyfonts-tables .skyfonts-table .sf-itemline { position: relative; }
#skyfonts .skyfonts-button .txt .skyfonts-image { padding-left: 8px; padding-top: 2px; }
#skyfonts-modal { clear: both; }
#skyfonts-modal .skyfonts-install-left { float: left; }
#skyfonts-modal .skyfonts-install-right { float: left; }
#skyfonts-modal .skyfonts-instructions .information { float: left; width: 300px; }
#skyfonts-modal .skyfonts-instructions .information.full-width { width: 100%; }
#skyfonts-modal .skyfonts-instructions .information p { clear: both; }
#skyfonts-modal .skyfonts-instructions .information p.message { width: 300px; margin-bottom: 20px; margin-top: 20px; font-size: 14px; }
#skyfonts-modal .skyfonts-instructions .information p.message span { font-size: 14px; }
#skyfonts-modal .skyfonts-instructions .information p.message.update-version { color: #c60000; }
#skyfonts-modal .skyfonts-instructions .information p.message.reinstall-client { color: #c60000; }
#skyfonts-modal .steps { margin-bottom: 20px; display: block; }
#skyfonts-modal .skyfonts-instructions img { display: block; float: left; margin-right: 40px; width: 102px; }
#skyfonts-modal .skyfonts-instructions h2 { font-family: GenerisSerifComMedium,Georgia,Times,serif; font-size: 20px; line-height: 24px; font-style: oblique; font-weight: normal; margin: 0;  text-transform: none; }
#skyfonts-modal .skyfonts-instructions .steps { padding: 0; margin: 0; margin-bottom: 15px; }
#skyfonts-modal .loading { clear: both; display: block; }
#skyfonts-modal .loading .step { display: block; float: left; margin-right: 13px; margin-left: 13px; width: 56px; text-align: center; }
#skyfonts-modal .loading .step-spinner { background: url("/css/images/skyfonts/loading-static.png") no-repeat 0 -6px; width: 30px; height: 6px; display: block; float: left; margin-top: 25px; }
#skyfonts-modal .loading .step-spinner.inprogress { background: url("/css/images/skyfonts/punkte_animation.gif"); }
#skyfonts-modal .loading .step.step1 { margin-left: 0; }
#skyfonts-modal .loading .step.step3 { margin-right: 0; }
#skyfonts-modal .loading .step .step-block { display: block; height: 52px; width: 56px; padding-top: 4px; border-radius: 4px 4px 4px 4px; background-color: #f1f0ef; color: #ffffff; font-size: 32px; text-align: center; }
#skyfonts-modal .loading .step.active .step-block { background-color: #3d3938; }
#skyfonts-modal .loading .step.active.current .step-block { background-color: #888582; }
#skyfonts-modal .loading .step .block-name { margin-top: 7px; font-size: 14px; display: block; line-height: 16px; }
#skyfonts-modal .skyfonts-actions { clear: both; margin-right: 25px; }
#skyfonts-modal .skyfonts-actions > div { float: right; }
#skyfonts-modal .skyfonts-license { margin-left: 115px; width: 380px; }
#skyfonts-modal .skyfonts-actions .skyfonts-input-labels { float: right; }
#skyfonts-modal .skyfonts-actions .skyfonts-input-labels span { float: right; font-weight: bold; font-size: 13px; }
#skyfonts-modal .skyfonts-actions .skyfonts-input-labels span.required { color: #c60000; }
#skyfonts-modal .skyfonts-actions .skyfonts-input-labels .skyfonts-email { padding-bottom: 10px; display: block; }
#skyfonts-modal .skyfonts-actions .skyfonts-inputs { float: right; margin-left: 10px; width: 285px; }
#skyfonts-modal .skyfonts-actions .skyfonts-inputs { float: right; margin-left: 10px; width: 285px; }
#skyfonts-modal .skyfonts-actions .skyfonts-inputs input { clear: both; display: block; width: 270px; margin-bottom: 7px; padding: 0; padding-left: 10px; }
#skyfonts-modal .skyfonts-actions .skyfonts-inputs .skyfonts-agreements input { float: left; width: auto; margin: 0; margin-top: 6px; }
#skyfonts-modal-wrapper .modal-container { width: 560px; padding: 60px; padding-left: 120px; padding-right: 0px; }
#skyfonts-download-modal-wrapper .modal-container { width: 560px; padding: 60px; padding-left: 120px; padding-right: 0px; }
#skyfonts-modal .skyfonts-actions .skyfonts-inputs .skyfonts-agreements span { margin-left: 5px; font-size: 12px; }
#skyfonts-modal .skyfonts-submit { display: block; height: 30px; float: right; margin-top: 5px; }
#skyfonts-modal .skyfonts-submit span { display: block; height: 30px; float: left; text-transform: uppercase; line-height: 18px; font-size: 12px; }
#skyfonts-modal .skyfonts-submit .txt { height: 24px; padding-top: 6px; padding-left: 20px; padding-right: 18px; background: url("/css/images/skyfonts/skyfonts-sprite.png") repeat-x 0 -88px; color: #fff; }
#skyfonts-modal .skyfonts-submit .peak { background: url("/css/images/skyfonts/skyfonts-sprite.png") no-repeat 0 -60px; width: 17px; }
#skyfonts-modal .skyfonts-actions .skyfonts-install-software { float: none; clear: both; display: block; margin-bottom: 5px; margin-left: 142px; }
#skyfonts-modal #skyfont-already-installed { margin-left: 142px; color: #39a1f3; font-size: 14px; display: block; }
#skyfonts-modal .skyfonts-update-button { margin-left: 142px; color: #39a1f3; font-size: 14px; display: block; }
#skyfonts-modal .skyfonts-install-software p { margin: 0; padding: 0; }
#skyfonts-modal p.download-title { float: left; display: block; padding: 0; margin: 0; clear: both; font-size: 16px; }
#skyfonts-modal .skyfonts-install-software span { display: block; height: 38px; float: left; text-transform: uppercase; font-size: 12px; line-height: 18px; }
#skyfonts-modal .skyfonts-install-software .txt { height: 28px; padding-top: 10px; padding-left: 30px; padding-right: 28px; background: url("/css/images/skyfonts/skyfonts-big-button.png") repeat-x 0 -45px; color: #fff; }
#skyfonts-modal .skyfonts-install-software .peak { background: url("/css/images/skyfonts/skyfonts-big-button.png") no-repeat 0 -2px; width: 22px; }
#skyfonts-modal-wrapper { display: none; }
#skyfonts-download-modal-wrapper { display: none; }
#skyfonts-modal .smb { display: none; }
#skyfonts-modal .smb.active { display: block; }
#download-os-app { float: left; }
#download-os-app a { color: #216485; font-size: 14px; }
#download-os-app div { float: left; margin-right: 20px; }
#download-application a.main { font-size: 16px; line-height: 18px; font-weight: bold; margin-left: 10px; color: #216485; }
#download-application { display: none; padding-left: 70px; width: 300px; }
#download-application p.download-info { font-size: 14px; }
p.message.installing span { display: none; }
.skyfonts-error { margin-top: 10px; width: 300px; }
.skyfonts-error p { line-height: 15px; }
.skyfonts-error p span { color: #c60000; font-size: 13px; display: none; }
span.skyfonts-error { display: none; }

.skyfonts-success { margin-top: 10px; width: 300px; }
.skyfonts-success p { line-height: 15px; }
.skyfonts-success p span { font-size: 13px; display: none; }

.skyfonts-auth-error { margin-top: 10px; width: 300px; margin-left: 70px; }
#skyfonts-modal a#skyfonts-sign-in { color: #39a1f3; }
#skyfonts-modal a#skyfonts-create-account { color: #39a1f3; }
.sf-info { padding-top: 5px; }
.sf-info .skyfonts-info-head { text-transform: uppercase; clear: both; }
.sf-info .skyfonts-info-head p { font-weight: bold; float: left; display: block; margin: 0; margin-right: 10px; width: 160px; padding: 0; padding-top: 5px; }
.sf-info .skyfonts-info-head img { float: left; display: block;  float: right; margin-right: 10px; }
.sf-info .skyfonts-info-text { clear: both; display: block; width: 200px; margin-top: 0; }
.sf-info .skyfonts-info-text a { color: #ffffff; text-decoration: underline; }
.sf-info .skyfonts-info-text a:hover { color: #ffffff; text-decoration: none; }
#sf-install { display: none; clear: both; }
#sf-license { display: none; clear: both; }
#sf-download { display: none; clear: both; }
#skyfonts-modal #skyfonts-license-text { font-size: 12px; padding: 15px; border: 1px solid #a2a2a2; width: 368px; margin-top: 20px; overflow-y: scroll; height:259px;}
#skyfonts-modal #sf-accept-license { display: block; height: 30px; float: right; margin-top: 5px; }
#skyfonts-modal #sf-accept-license .txt { height: 24px; padding-top: 6px; padding-left: 42px; padding-right: 40px; background: url("/css/images/skyfonts/skyfonts-sprite.png") repeat-x 0 -88px; color: #fff; }
#skyfonts-modal #sf-accept-license span { display: block; height: 30px; float: left; text-transform: uppercase; line-height: 18px; font-size: 12px; }
#skyfonts-modal #sf-accept-license .peak { background: url("/css/images/skyfonts/skyfonts-sprite.png") no-repeat 0 -60px; width: 17px; }
#skyfonts-modal #sf-license-agreement { color: #39a1f3; }
#skyfonts-modal #sf-print-license { background-color: #8b8888; color: #ffffff; padding-left: 40px; padding-right: 40px; padding-top: 4px; padding-bottom: 4px; margin-top: 9px; text-transform: uppercase; font-size: 12px; border: 0; }
#skyfonts-modal .skyfonts-actions .checking-message { margin-left: 80px; padding-top: 15px; display: block; clear: both; }
p.already-used span.errors, p.same-account span.errors, p.maximum-account span.errors { background: transparent url(/css/images/cart/attention.png) no-repeat scroll left center; color: #c00; display: block; height: 45px; padding: 20px 65px; padding-right: 0px; }
#skyfonts-forgot-link a { color: #39a1f3; font-size: 12px; }
#skyfonts-modal .smb.installing { float: left; }
#skyfonts-modal .smb.update-version { float: left; }
#skyfonts-modal .smb.reinstall-client { float: left; }
#skyfonts-modal .skyfonts-instructions .information p.click-download { margin-bottom: 0; padding-bottom: 0; }
#skyfonts-download-modal-wrapper #skyfonts-modal .skyfonts-instructions .information p { font-size: 13px; margin-bottom: 5px; }
#skyfonts-modal #skyfont-other-app { font-style: italic; margin-top: 20px; color: #8f8d8a; font-size: 13px; display: block; }
#skyfonts-modal .compatible-version { color: #8f8d8a; font-size: 13px;  }

/*SkyFonts account section*/
#sf_account_ajax_loader { right: 130px; top: 40px; position:absolute; }
.skyfonts-table .sf-itemline { position: relative; }
.skyfonts-table .itemline_details { width: 650px; padding-bottom: 0; position: relative; }
.skyfonts-table .itemline_details .leftframe-9cols { width: 650px; }
.skyfonts-table .itemline_details .itemline-row { width: 650px; }
.skyfonts-table .line-header { position: absolute; right: 5px; top: 8px; z-index: 9; padding-right: 10px; height: 16px;  }
.skyfonts-table .add-small { float: left; border-left: 1px solid #dfddd9; padding-left: 10px; }
.skyfonts-table .add-small .price { float: left; margin-right: 10px; margin-top: -5px; padding-top: 0px; }
.skyfonts-table .add-small .cart-addwrap { position: relative; float: left;}
.skyfonts-table .add-small .price span.price-container { font-size: 12px; font-weight: bold; }
.skyfonts-table .add-small .cart-addwrap .arrow-anchor-box-shadow { height: 16px; padding: 0; position: relative; float: left; display: block; }
.skyfonts-table .price span { font-size: 10px; }
.skyfonts-table .add-small .cart-addwrap .arrow-anchor-box-shadow .txt { background: none; background-color: #c60000; height: 15px; padding: 4px; padding-top: 1px; padding-bottom: 0; color: #fff; }
.skyfonts-table .add-small .cart-addwrap .arrow-anchor-box-shadow .peak { height: 16px; width: 12px; background: url('/css/images/favorites_typecast.png') no-repeat -33px -199px; }
.skyfonts-table .cart-addwrap:hover .catalog-font-family .txt { width: auto; min-width: 0; }
.skyfonts-table .reactivate-trial { float: left; margin-right: 10px; line-height: 13px; }
.skyfonts-table .reactivate-trial a { color: #50acf5; font-size: 13px; }
.skyfonts-table .time-left { margin-top: 1px;color: #50acf5; float: left; margin-right: 10px; line-height: 13px; font-size: 13px; }
.skyfonts-table .time-left-activated { color: #50acf5; float: left; margin-right: 10px; line-height: 13px; font-size: 13px; }
.skyfonts-table .machine { padding: 10px; font-size: 13px; border-bottom: 1px solid #f1f0ef; height: 20px; }
.skyfonts-table .machine .orderNum { float: left; font-weight: bold; margin-right: 5px; }
.skyfonts-table .machine .disconnect { float: right; }

.attention.sf-live { display: none; }
.attention.sf-live span { display: none; }
#sf-install { width: 450px; }
#sf_ajax_loader { margin: 0 auto; clear: both; width: 50px; height: 25px; padding-top: 25px; }

/*Account kit builder*/
.no-selected-fonts { display: none; float: left; color: #c60000; font-size: 13px; clear: both; margin-bottom: 10px; }

/*Family pages with all filter selection*/
.font-listing .price span.from-price { margin-right: 3px; font-size: 11px; }

/*Account manage payment method*/
#existing-cards-wrapper {
    display: block;
    padding: 20px;
    background-color: #e7e6e4;
}

#existing-cards-wrapper #existing-cards {
    display: block;
}

#existing-cards-wrapper #existing-cards .single-card {
    width: auto;
}

#existing-cards-wrapper #existing-cards .single-card .card-details .numbers .card-no {
    float: left;
}

#existing-cards-wrapper #existing-cards .single-card .card-details .numbers .card-exp-date-extended {
    float: left;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    margin-left: 50px;
}

#existing-cards-wrapper #existing-cards .exp-label {
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    width: 30px;
    display: block;
    float: left;
    margin-right: 10px;
}

#existing-cards-wrapper #existing-cards .exp-date {
    font-size: 22px;
    line-height: 24px;
}

#existing-cards-wrapper #existing-cards .single-card .edit-card {
    background-color: #888582;
}

#existing-cards {
    margin-top: 30px;
    display: none;
}

#existing-cards .single-card {
    width: 410px;
    height: 70px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 20px;
    position: relative;
    background-color: #bbbbbb;
}

#existing-cards .single-card:hover {
    cursor: pointer;
}

#existing-cards .single-card .buttons {
    position: absolute;
    right: -5px;
    top: -5px;
    display: block;
}

#existing-cards .single-card a {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: center;
    height: 20px;
    font-weight: bold;
    webkit-box-shadow: -1px 1px 3px 0px #777;
    -moz-box-shadow: -1px 1px 3px 0px #777;
    box-shadow: -1px 1px 3px 0px #777;
}

#existing-cards .single-card a:hover {
    text-decoration: none;
}

#existing-cards .single-card .select-card,
#existing-cards .single-card .default-card,
#existing-cards .single-card .auto-top-up {
    color: #888582;
    background-color: #ffffff;
    margin-right: 1px;
    display: none;
}

#existing-cards .single-card.default .default-card {
    display: block;
}

#existing-cards .single-card .edit-card {
    color: #ffffff;
    background-color: #cfcecd;
}

#existing-cards .single-card.selected .edit-card {
    background-color: #888582;
}

#existing-cards .single-card .card-details {
    padding-left: 35px;
    padding-top: 25px;
    color: #ffffff;
}

#existing-cards .single-card .card-details div {
    float: left;
}

#existing-cards .single-card .logo {
    margin-right: 20px;
    width: 108px;
    height: 70px;
    float: left;
    margin-left: 20px;
}

#existing-cards .single-card .card-details .numbers p {
    margin: 0;
    padding: 0;
}

#existing-cards .single-card .card-details .numbers .card-no {
    font-size: 22px;
    line-height: 24px;
}

#existing-cards .single-card .card-details .numbers .card-no .circles {
    width: 164px;
    height: 7px;
    background: url(images/circles.png) no-repeat 0 0;
    float: left;
    display: block;
    margin-top: 9px;
    margin-right: 15px;
}

#existing-cards .single-card .card-details .numbers .card-exp-date {
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
}

#existing-cards .single-card.selected .select-card {
    display: block;
}

#new-card .form-field input[type="text"] {
    font-size: 14px;
}

#new-card .form-field.card-number input {
    padding: 0 10px;
    margin: 0;
    float: left;
    margin-right: 10px;
    display: block;
    width: 286px;
    border: 1px solid #b1aaa7;
    border-radius: 3px;
    height: 24px;
}

#new-card .form-field.card-number div {
    float: left;
    margin-right: 8px;
    width: 28px;
    height: 19px;
    margin-top: 4px;
}

#new-card .form-field.card-security label {
    clear: both;
    display: block;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 14px;
    padding-top: 5px;
    margin-top: 10px;
}

#new-card .form-field.card-security div {
    display: block;
    float: left;
    margin-right: 17px;
}

#new-card .form-field.card-security div input, #new-card .form-field.card-security div select {
    padding: 0;
    margin: 0;
    display: block;
    width: 133px;
    height: 24px;
    border: 1px solid #b1aaa7;
    border-radius: 3px;
    float: left;
    padding-left: 10px;
    background: transparent;
}
#new-card .form-field.card-security div select{
    width: 80px;
    margin-left: 5px;
}

#new-card .form-field.card-security div.cvv input {
    float: left;
    margin-right: 3px;
}

#new-card .form-field.card-security div.cvv div.cvvPopBox {
    display: block;
    background: url('/css/images/license_icons/ext_license_icons.png') no-repeat -44px -98px;
    width: 27px;
    height: 20px;
    margin: 0;
    margin-top: 4px;
}

#new-card label {
    color: #3D3938;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

#account-new-card {
    padding-left: 20px;
    padding-top: 20px;
}

#account-new-card #new-card {
    margin-bottom: 23px;
    clear: both;
}

#account-new-card p.title {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    font-style: normal;
    margin-bottom: 40px;
    margin-top: 0px;
    float: left;
}

#account-new-card input[type="submit"] {
    height: 25px;
    background-color: #888582;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 50px;
    font-size: 11px;
    border: 0;
    line-height: 13px;
}

#account-new-card input[type="submit"]:hover {
    cursor: pointer;
}

div.autoUseCardPopBox {
    display: block;
    background: url('/css/images/license_icons/ext_license_icons.png') no-repeat -44px -98px;
    width: 27px;
    height: 20px;
    margin: 0;
    float: left;
}

#new-card .save-card {
    margin-top: 30px;
}

#new-card .save-card input {
    padding: 0;
    margin: 0;
    margin-right: 8px;
    display: block;
    float: left;
    margin-top: 2px;
}

#new-card .save-card > div {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    clear: both;
    display: block;
}

#new-card .save-card label {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    font-size: 14px;
    text-transform: none;
    color: #3d3938;
    width: 254px;
    margin-right: 22px;
}

#new-card .save-card .auto-use-card {
    margin-left: 13px;
}

#new-card .card-amex.active {
    background: url('images/creditcard-spritesheet.png') no-repeat -20px -20px;
}

#new-card .card-amex {
    background: url('images/creditcard-spritesheet.png') no-repeat -20px -182px;
}

#new-card .card-visa.active {
    background: url('images/creditcard-spritesheet.png') no-repeat -20px -79px;
}

#new-card .card-visa {
    background: url('images/creditcard-spritesheet.png') no-repeat -20px -241px;
}

#new-card .card-mastercard.active {
    background: url('images/creditcard-spritesheet.png') no-repeat -20px -138px;
}

#new-card .card-mastercard {
    background: url('images/creditcard-spritesheet.png') no-repeat -20px -300px;
}

div.autoUseCardPopBox:hover,
div.cvvPopBox:hover {
    cursor: pointer;
}

#ui-datepicker-div {
    padding: 0;
    border: 0;
}

#existing-cards div.form-buttons {
    position: absolute;
    bottom: -25px;
    left: 0;
    height: 24px;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #e7e6e4;
    display: none;
}

#existing-cards div.form-buttons a {
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    width: 215px;
    text-align: center;
    padding: 0;
    background-color: #888582;
    padding-top: 5px;
    height: 19px;
    border-right: 1px solid #e7e6e4;
}

#existing-cards div.form-buttons a:first-child {
    width: 217px;
}

#existing-cards div.form-buttons a:last-child {
    width: 216px;
    border-right: 0;
}

#existing-cards div.form-buttons a:hover {
    background-color: #3d3938;
}

#existing-cards .single-card.default div.form-buttons a.make-default {
    color: #afaaa7;
}

#existing-cards .single-card.default div.form-buttons a.make-default:hover {
    background-color: #888582;
}

#existing-cards-wrapper #existing-cards .single-card.selected {
    margin-bottom: 50px;
}


#existing-cards-wrapper #existing-cards .single-card.selected .numbers {
    display: block;
}

#existing-cards-wrapper #existing-cards .single-card .editable-data {
    display: none;
}

#existing-cards-wrapper #existing-cards .single-card.selected .editable-data {
    display: none;
}

#existing-cards-wrapper .single-card.selected .form-buttons {
    display: block;
}

.editable-data p {
    float: left;
    padding: 0;
    margin: 0;
    display: block;
    margin-right: 25px;
    font-size: 22px;
    line-height: 24px;
}

.editable-data div {
    float: left;
}

.editable-data div label {
    margin-right: 10px;
}

.editable-data div input {
    width: 103px;
    margin-right: 20px;
    padding-left: 10px;

}

#existing-cards .single-card.card-name-visa {
    background: url('/css/images/card-images.png') no-repeat no-repeat right -120px top -108px;
    background-color: #3355a6;
}

#existing-cards .single-card.card-name-master {
    background: url('/css/images/card-images.png') no-repeat no-repeat right -90px top -213px;
    background-color: #4361c3;
}

#existing-cards .single-card.card-name-amex {
    background: url('/css/images/card-images.png') no-repeat no-repeat right -120px top -10px;
    background-color: #4cbaea;
}

#existing-cards .single-card.card-name-visa .logo {
    background: url('/css/images/card-logos.png') no-repeat no-repeat -20px -451px;
    opacity: 1;
}

#existing-cards .single-card.card-name-master .logo {
    background: url('/css/images/card-logos.png') no-repeat no-repeat -20px -556px;
    opacity: 1;
}

#existing-cards .single-card.card-name-amex .logo {
    background: url('/css/images/card-logos.png') no-repeat no-repeat -20px -344px;
    opacity: 1;
}

#existing-cards .single-card.card-name-visa.inactive {
    background-color: #bbb;
}

#existing-cards .single-card.card-name-master.inactive {
    background-color: #bbb;
}

#existing-cards .single-card.card-name-amex.inactive {
    background-color: #bbb;
}

#existing-cards .single-card.card-name-visa.inactive .logo {
    background: url('/css/images/card-logos.png') no-repeat no-repeat -20px -128px;
    opacity: 0.7;
}

#existing-cards .single-card.card-name-master.inactive .logo {
    background: url('/css/images/card-logos.png') no-repeat no-repeat -20px -232px;
    opacity: 0.7;
}

#existing-cards .single-card.card-name-amex.inactive .logo {
    background: url('/css/images/card-logos.png') no-repeat no-repeat -20px -20px;
    opacity: 0.7;
}

/*Family available variations popup*/

.avl-formats {
    display: block;
    margin-left: 10px;
}

.avl-formats a {
    display: block;
    color: #E0E0E0;
}

.avl-formats a:hover {
    text-decoration: underline;
}

#automatic-license-management-wrapper {
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 2px solid #e8e6e4;
    margin-bottom: 25px;
}

#automatic-license-management {
    margin-left: 20px;
}

#automatic-license-management p.title {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    font-style: normal;
    margin-bottom: 35px;
    margin-top: 0px;
}

#automatic-license-management label {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    font-size: 14px;
    text-transform: none;
    color: #3d3938;
    width: 254px;
    margin-right: 15px;
    line-height: 18px;
}

#automatic-license-management input {
    padding: 0;
    margin: 0;
    margin-right: 8px;
    display: block;
    float: left;
    margin-top: 2px;
}

/* More licenses popup styling */
#simplemodal-container .simplemodal-wrap.more-licenses-popup { width: 530px !important; }
#simplemodal-container .more-licenses-popup a.modalCloseImgReal { top: 20px; right: 20px; }
#simplemodal-container .modal-content .fontlicenses-control { padding: 10px 0 10px; }
#more-page-views-popup-form { display: none; }
#more-licenses-popup-form { display: none; }
.shadow-box-content .product-tabs a h2{font-size:10px;color: #fff;line-height: 44px;}
.shadow-box-content .product-tabs a.active h2{font-size:10px;line-height:64px;color: #000;}
.shadow-box-content .product-tabs a.gray h2{color: #000;}
.fontcount h1{border: medium none;font-size: 13px;line-height: 16px;margin-bottom: 3px;padding-bottom: 0;}
#account-page #favorites-content .favorites-views span.button a {font-size:0px;display:block;width:25px;height:25px;}

.settings-sort { margin: 10px 18px 0 0; float: right; font-weight: 700; font-size: 10px; font-family: FrutigerNeue, Helvetica, Arial, sans-serif; line-height: 12px;}
.settings-sort select { width: 110px; display: inline; margin-left: 5px;}
.best_font_images {float:left;width:26%;margin: 34px 34px 0;}
.best_font_desc {float:left;width:64%;}
.best_selling_fonts {background:#ffffff;width:99%;border-top:5px solid #9b2219;height:144px;}

.best_font_desc h6 {color:#9b2219;margin-top: 22px;margin-bottom: 0;}

.rightbox p.top {margin-bottom:17px;}
.rightbox p {margin-bottom:30px;margin-top:30px;}

.innerrightbox p {margin-top:12px;margin-bottom:28px;}
.best_font_desc p {margin-bottom: 19px;}
.featured_box_image img {max-height: 100%;max-width: 100%;}
.highlighted_text {color:#c60000;}

.search_filter_box{
    overflow-y: auto;
    height: 259px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}


#main-stage-pic .nivo-caption
{
    display:none;
}

.account-login-popup input[type="text"]:first-child
{
    margin-top:16px;
}
.not-register
{
    width:100%;
}
.not-register span
{
    display: inline-block;
    float: left;
    margin-left: 62px;
    margin-right: 0;
    margin-top: 10px;
}
.not-register a
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f60000;
    margin-right: 0;
    margin-top: 7px;
    padding-left: 6px;
}

.favourite-items p
{
    background: #000 none repeat scroll 0 0;
    color: #fff;
    margin: 0;
    padding: 6px 12px 4px 12px;
    font-size: 16px;
    font-family: generisserifcom;
    font-style: italic;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
}


.minicart-item .cart-item-desc p
{
    margin:0px;
    background:none;
    color:#888582;
    padding: 0;
    font-style: normal;
    font-family:frutigerneue;
    font-size:12px;
    font-weight:bold;
    height:auto;
    line-height: 16px;
}

/*.view-checkout-btn a.checkout{
    background: #cc0000 none repeat scroll 0 0 !important;
    color: #fff !important;
    float: right !important;
    font-family: frutigerneue;
    font-size: 12px !important;
    font-weight: bold;
    margin-right: 1px !important;
    padding: 4px 10px !important;
    text-decoration: none;
    margin-right: 5% !important;
}
.view-checkout-btn span.icon-searcharrow
{
    color: #c00;
    font-size: 26px;
    position: absolute;
    right: -3px;
    top: 1.5px;
}*/
.more-minicart-products
{
    width:85% !important;
    padding:10px 16px 10px 11px;
    height: auto !important;
    border-bottom: 1px solid #f2f1f0;
    font-family: frutigerneue;
    font-size: 12px;
}
.more-favourite-products
{
    border-bottom: 1px solid #f2f1f0;
    font-family: frutigerneue;
    font-size: 12px;
    height: auto !important;
    padding: 8px 18px 12px;
    width: 88% !important;
}
.more-minicart-products a, .more-favourite-products a
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: none !important;
    line-height: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    color: #cc0000 !important;
}
.more-minicart-products span, .more-favourite-products span{color:#888582;margin-right: 2px;}
.favourite-item-details a.addtocart {
    background: #c00 none repeat scroll 0 0 !important;
    color: #fff !important;
    float: none !important;
    padding: 2px 6px !important;
    margin-right: 0 !important;
    font-size: 11px !important;
    cursor:pointer;
    margin-left: 10px;
    margin-right: 14px !important;
    font-family: frutigerneue;
    text-decoration:none;
}
.favourite-item-details span.item-price {color: #3f3b3a;
    font-family: frutigerneue;
    font-size: 12px;
    font-weight: normal;
    margin-left: 18px;
}
.favourite-item-details span.item-price span {color: #807e7d;margin-left: 2px;}
.favourite-item-details span.icon-searcharrow
{
    color: #c00;
    font-size: 17px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: 46px;
    top: 1px;
    width: 10px;
}
.favourite-item-details span.add-favourite
{
    border-left: 1px solid #cecac9;
    color: #9c9694;
    font-size: 14px;
    padding-left: 4px;
}
.favourite-item-details span.add-favourite span.remove_fav
{
    font-size: 14px !important;
    left: 1px !important;
    position: absolute !important;
    top: -2px !important;
}
.favourite-items span.icon-arrowdownnavigationhover
{
    color: #000;
    font-size: 22px;
    /*left: 30px;*/
    right:45px;
    position: absolute;
    top: -18px;
    transform: rotate(180deg);
}

.favourite-items ul
{
    width: 100%;
}
.favourite-items ul li { border-bottom: 1px solid #e7e6e4;
    height: 44px;
    padding: 13px 18px;
}
.favourite-items ul li:hover
{
    background:#f1f0ef;
}
.favourite-items ul div
{
    width:100% !important;
    height: auto !important;
    position:relative;
    margin-top:2px;
}
.favourite-items ul li:hover .favourite-item-details
{
    display: block !important;
}
.favourite-items ul li div.favourite-item-name
{
    font-size:18px;margin-top: 0;
}
.view-fav
{
    padding: 20px 18px !important;
    width: 88% !important;
    position:relative;
    height: 28px !important;
}
.view-fav a
{
    background: #afaaa7 none repeat scroll 0 0 !important;
    color: #fff !important;
    font-family: frutigerneue;
    font-size: 12px !important;
    font-weight: bold;
    margin-right: 0 !important;
    padding-bottom: 8px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 8px;
    text-align: center;
    text-decoration: none;
    width: 94%;
}
.view-fav span.icon-searcharrow
{
    color: #afaaa7;
    font-size: 27px;
    position: absolute;
    right: 2px;
    top: 18px;
}

.new-user span
{
    display: block;
    float: left;
    margin-right: 2px;
    margin-top: 3px;
    text-align: right;
    width: 64%;
    font-family: frutigerneue;
    font-size: 11px;
    color: #3d3938;
}

.minicart-items li.minicart-item:hover
{
    background:#f1f0ef
}
.minicart-items li.minicart-item:hover .cart-item-price {display:none;}
.minicart-items li.minicart-item:hover .remove-cart-item {display:inline-block;;}








/* tempory css code (need to use inline only) (03/08/2015) */
/*#main-stage-pic .nivo-imageLink .bg-darkblue
{
    background: #6D9DE7;
}
#main-stage-pic .nivo-imageLink .bg-lightblue
{
    background:#1DA1E2;
}
#main-stage-pic .nivo-imageLink .bg-brown
{
    background:#8D331B;
}
#main-stage-pic .nivo-imageLink .bg-darkgreen
{
    background:#11A47A;
}
#main-stage-pic .nivo-imageLink .bg-lightgreen
{
    background: #538d06 none repeat scroll 0 0;
}*/

#main-menu li.main:hover ul.submenu
{
    display: block !important;
}
#main-menu li.main:hover span.arrow
{
    display: inline !important;
}
/* end code */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .topHeader{margin: auto 10px;width: 98%;}
    .navigation-bar {margin: auto 10px;width: 98% !important;}
    #main-menu li.main a.main {padding:0 25px 0 0;}
    #corporate-menu {margin-left:0px;}
    #footer #font-sampler .fullwidthfooter {
        margin: 0 auto;
        width: auto;
    }
    /*.topHeaderMenu {
        float: right;
        width: 80%;
    }*/
    #footer-top-row {width: 88%;margin-left: 10%;}
    #footer-top-row:lang(fr) {width:98% !important; margin-left:0 !important;}
    #page-search-input-in:lang(en) {width:220px;}
    #page-search-input-in:lang(de) {width:210px;}
    #page-search-input-in:lang(fr) {width:150px;}
    #page-search-input-in:lang(es) {width:150px;}
    #main-menu li.main a.main:lang(es), #main-menu li.main a.main:lang(fr){
        padding: 0 15px 0 0;
    }
    .ac_results {
        width: 240px !important;
    }
    #page-search-form {width:auto !important;}
}
li.minicart-item div.cart-item-desc a.deleteItemHeader {background:none !important;font-size: 13px !important;text-decoration: none;}
li.invisible {display:none;}
#account-menu .favourite-item-name a.link-to-font {  background: none;padding-left: 0px; width: 100%;}
#account-menu .favourite-item-details .add-small {float:left; width: 90% !important;}
#account-menu .favourite-items li {height:55px !important;}
#account-menu .favourite-items a {background:none !important;padding-left:0px;height:auto;}
#account-menu .favourite-items a.catalog-font-family {border-right: 1px solid #c9c5c4;margin-right: 0;padding-right: 9px;}
#account-menu .favourite-item-details .add-small .price_with_vat {float: left;width: 38% !important;}
#account-menu .favourite-item-details .add-small .cart-inwrap, #account-menu .favourite-item-details .add-small .cart-addwrap {  float: left;width: auto !important;margin-top:0px;}
#account-menu .favourite-items .arrow-anchor-box-shadow .txt {  background-color: green !important;color: #fff !important;background: transparent;padding: 0 4px;line-height: 21px;}
#account-menu .favourite-items .add-to-cart .txt {  background-color: #c60000 !important;color: #fff !important;background: transparent;padding: 0 4px;line-height: 19px;height:auto;}
/*#account-menu .favourite-items .arrow-anchor-box-shadow .peak {background-color: green !important;background: transparent;}*/
#account-menu .favourite-items .add-to-cart .peak { border-color: transparent transparent transparent #c60000;
    border-style: solid;
    border-width: 10.5px 0 9.5px 12px;
    height: 0;
    width: 0;
}
#account-menu .shopping-minicart .attention { margin-left: 10px;padding-right: 0;width: auto;margin-top: 10px; height: 20px;}
.favourite-items .favourite-item-details .add-small .price_without_vat {float: left;width: auto !important;margin-right: 5px;margin-top:7px;}
#account-menu .arrow-anchor-box-shadow.active .peak {border-color: transparent transparent transparent #008000;
    border-style: solid;
    border-width: 10px 0 9px 12px;
    height: 0;
    width: 0;
}
#account-menu .favourite-items .view-fav a { background: #afaaa7 none repeat scroll 0 0 !important;height: 20px;
    line-height: 20px;
    margin-top: 0;
    padding: 5px;
}
#account-menu .favourite-items .view-fav a:after {
    border-color: rgba(175, 170, 167, 0) rgba(175, 170, 167, 0) rgba(175, 170, 167, 0) #afaaa7;
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: " ";
    height: 0;
    left: 88.8%;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    top: 41%;
    width: 0;
}
#account-menu .favourite-items .favourite-item-details .add-small span.price_vat {font-size:9px;color:#807e7d;}
#account-menu .favourite-items .favourite-item-details .add-small span.price-container {color: #3f3b3a;font-family: frutigerneue;font-size: 12px;}
#account-menu .favourite-items .favourite-item-details .cart-addwrap:hover .catalog-font-family .txt {min-width:48%;}
#account-menu .favourite-items .favourite-item-details .wishlist-button .remove_fav
{
    display: block;width:20px;height:18px;
}
#account-menu .favourite-items .favourite-item-details .wishlist-button
{
    background: rgba(0, 0, 0, 0) url("/css/images/content/wish-compare-icon.png") no-repeat scroll 0 -36px;
    cursor: pointer;
    float: left;
    height: 18px !important;
    margin-right: 0;
    margin-top: 8px;
    width: 10% !important;
}


/*#family-content .product-actions .itemline-buttons .wishlist-button .wishlist {background:none;}
#family-content .product-actions .itemline-buttons .wishlist-button .icon-add_to_favourite {color: #989592;font-size: 18px;padding-left:0px;margin-top:-4px;margin-top:-4px;}*/
.font-listing .product-tabs .icon-hilighter_green_discount:before {display: inherit; font-size: 0px;}
.font-listing .product-tabs a.red.active .icon-hilighter_green_discount:before {display:block !important;font-size:38px !important;}
.font-listing .product-tabs a.red.active .icon-hilighter_green_discount {background:none; color:#cc0000; position: absolute;right: 15px;top: -14px;}
#account-options .icon-desktop_catalog, #account-options .icon-web_catalog, #account-options .icon-login, #account-options .icon-cancel-1 { background:none; color: #323232;font-size: 19px;padding-top: 4px;line-height:28px;}
#account-options .icon-login span.txt, #account-options .icon-news_letter span.txt, #account-options .icon-cancel-1 span.txt{/*width:52%;*/line-height:28px !important; margin-left:5px !important;}
#account-options .icon-shoppingcart span.txt:lang(de){width:67%;}
#account-options .icon-shoppingcart span.txt:lang(fr){width:75%;}
#account-options .icon-shoppingcart span.txt:lang(es){width: 59%;}
#account-options .icon-cancel-1 span.txt{margin-left:10px !important;}
#family-content .product-actions .itemline-buttons .wishlist-button {font-size:17px;text-decoration:none;color: #989592;}
.cart-summary .deleteItem .icon-cancel { color: #a5a19f;font-size: 15px;background:none;}
.search-sidebar #search-input {position: relative;}
.search-sidebar #search-input span.icon-search {font-size: 13px;left: 3px;position: absolute;top: 1px;color:#aea9a6;}
.filters-wrapper span.icon-searcharrow {font-size: 7px;line-height: 10px;margin-left: -12px;padding-right: 3px;vertical-align: top;}
.search-sidebar #back-to-top-button .icon-left, #font-charts #font-chars-wrapper #back-to-top-button .icon-left {display: inline-block;font-size: 10px;transform: rotate(90deg);color:#939191;padding-right:10px;vertical-align: middle;margin-top:9px;}
#left-menu-area #left-menu li.active .icon-searcharrow {color:#e7e6e4;position: absolute;right: -1px;top: 4px;font-size:18px;background:none;}

/* Css changes for fontello icons */
ul.select-box li.select-box-content .label.tab-active .icon-arrow-combo
{
    font-size: 8px;
    line-height: 9px;
    margin-right: 3px;
    background:none;
}
#family-content .itemline-buttons div.features-btn {background:none;}
.itemline-buttons div.features-btn span.icon-searcharrow {
    font-size: 8px;
    line-height: 11px;
    margin-left: -13px;
    margin-right: initial;
    padding-right: 3px;
    vertical-align: text-top;
}
.itemline-buttons div.features-btn.active span.icon-searcharrow {
    display: inline-block;
    margin-top: 2px;
    transform: rotate(90deg);
}
#family-content .font-controls .btn-filteraction.tab-active .icon-headlines
{
    color:#d1d3d3;
}
#family-content .font-controls .btn-filteraction .icon-headlines
{
    font-size: 12px;
    height: 20px;
    line-height: 10px;
    color:#757271;
}
.settings-panel .body-copy-selector .icn-bodycopy {
    height: auto;
    margin-top: 0;
    text-indent: 0;
    background:none;
}
.settings-panel .body-copy-selector .icon-body-copy
{
    color: #5c5c5c;
    font-size: 13px;
}
.settings-panel .body-copy-selector .btn-filteraction.tab-active .icon-body-copy
{
    color:#d1d3d3;
}
#family-content #detail-content .details a.btn-edit {background-image:none; padding-left: 0;}
#family-content #detail-content .details span.icon-pencil {
    color: #c9c9c9;
    font-size: 8px;
    padding-right: 9px;
    padding-left:12px;
}

/* End Fontello Css code */

.quickCheckout::after {
    border-color: transparent transparent transparent #871414;
    border-style: solid;
    border-width: 17px;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    right: -34px;
    top: 0;
    width: 0;
}
.quickCheckout {
    background: #871414 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    clear: left;
    font:bold 11px FrutigerNeue,Helvetica,Arial,sans-serif;
    height: 34px;
    line-height: 34px;
    margin: 1px 0 0;
    padding: 0 6px 0 11px;
    position: relative;
    text-transform: uppercase;
    z-index: 99999;
    width: 165px;
    font-style: italic;
}
.quickCheckout:hover {text-decoration:none;}
.quickCheckout span {
    margin-right: 12px;
    display: inline-block;
    float: left;
    margin-top: 7px;
    padding-right: 12px;
    border-right: 1px solid #BA3F3F;
    height: 20px;
    line-height: 20px;
}
.activateQuickCheckout::after {
    border-color: transparent transparent transparent #afaaa7;
    border-style: solid;
    border-width: 17px;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    right: -34px;
    top: 0;
    width: 0;
}
.activateQuickCheckout {
    background: #afaaa7 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    clear: left;
    font: bold 11px FrutigerNeue,Helvetica,Arial,sans-serif;
    margin: 1px 0 0;
    padding: 10px 6px 10px 14px;
    position: relative;
    z-index: 99999;
    width: 160px;
}
.activateQuickCheckout:hover { text-decoration: none;}
.quick-login-btn::after, .quick-signup-btn::after, .addpayment-qchekout .save-card-btn::after {
    border-color: transparent transparent transparent #cc0000;
    border-style: solid;
    border-width: 12px;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    right: -24px;
    top: 0;
    width: 0;
}
.quick-login-btn, .quick-signup-btn, .addpayment-qchekout .save-card-btn {
    background: #c00 none repeat scroll 0 0;
    color: #fff;
    display: block;
    clear: left;
    font: bold 11px FrutigerNeue;
    height: 24px;
    line-height: 24px;
    margin: 1px 0 0;
    position: relative;
    width: 80px;
    float: right;
    margin-right: 38px;
    margin-top: 7px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.quick-signup-btn {width:148px;margin-top:10px;margin-right:5%;}
.addpayment-qchekout .save-card-btn {width:200px;margin-top:10px;margin-right:145px;}
.quickCheckoutBox {
    padding: 60px 95px 60px 90px;
    /*width: 424px;*/
    background: white;
    margin: 0 auto;
    margin-top: 10px;
}
#closebox {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer
}
#closebox .icon-cancel-1 {font-size: 24px;color: #3d3938;}
.quickCheckoutBox .quick-signin h1, .quickCheckoutBoxSignup .quick-signup h1, .addpayment-qchekout h1, .quick-forgetpaas h1
{
    border: none;
    font-size: 24px;
    font-family: generisserifcom;
    font-style: italic;
    color:#000000;
    padding-bottom: 0px;
    margin-bottom: 11px;
    margin-left: 73px;
    width: 80%;
    text-transform: capitalize;
    line-height: 20px;
    font-weight:normal;
}
.quickCheckoutBox .quick-signin .sign-msg, .quickCheckoutBoxSignup .quick-signup .sign-msg, .addpayment-qchekout .sign-msg {
    color:#3d3938;
    font-size: 14px;
    font-family: frutigerneue;
    margin-bottom: 14px;
    float: right;
    width: 81%;
    line-height: 18px;
}
.quickCheckoutBox .quick-forgetpaas .sign-msg
{
    margin-left: 68px;
}
.quickCheckoutBoxSignup .quick-signup .sign-msg {font-size: 13px;width: 71%;margin-right: 9.3%; margin-bottom: 9px;line-height:16px;}
.quickCheckicon {float:left; margin-top: 5px;}
.quickCheckoutBox .quick-signin, .quick-forgetpaas {margin-left:50px;}
.quickCheckoutBox .quick-signin .sign-msg span#showsignup, .quickCheckoutBoxSignup .quick-signup .sign-msg #showsignin {color:#cc0000;cursor:pointer;}
.quick-signin, .addpayment-qchekout {margin-left: 10px;display: block;}
.quick-signin label, .quickCheckoutBoxSignup label, .quick-forgetpaas label {
    font-size: 14px;
    font-family: frutigerneue;
    color: #3d3938;
    float: left;
    margin-top: 10px;
    text-align: right;
    height: 26px;
    width: 18%;
    line-height: 26px;
    font-weight: bold;
}
.quickCheckoutBoxSignup label {width:114px;margin-top:6px;height: 24px;line-height: 24px;font-size:13px;font-weight:normal;}
.quick-signin input, .quickCheckoutBoxSignup input, .quickCheckoutBoxSignup select, .quick-forgetpaas input {
    float: right;
    font-family: frutigerneue;
    width: 63%;
    margin-right: 1%;
    margin-top: 10px;
    padding: 4px 12px 4px 12px;
    height: 16px;
    line-height: 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #3d3938;
    font-size: 14px;
    border: 1px solid #b1aaa7;
}
.quickCheckoutBoxSignup input {width:176px;padding: 3px 4px 3px 4px;margin-top:6px;}
.quick-signin a.forgotpass
{
    width: 39%;
    margin-left: 80px;
    float: left;
    color: #cc0000 !important;
    font-size: 12px;
    margin-top: 7px;
    font-family: frutigerneue;
}
.quick-login-btn span.icon-lock { margin-right: 8px;font-size: 15px;}
.quickCheckoutBox .clearBox {display: block;}
.quick-signin span.clear {display:block;}
.quickCheckoutBoxSignup {
    padding:0 35px 50px 35px;
    background: white;
    margin-top: 10px;
}
.contact-left-sec, .signup-sec {float:left;width:50%;}
.contact-right-sec, .card-sec {float:right; width:47%;padding-right: 3%;}
.contact-right-sec select {
    width: 170px;
    margin-right: 0px;
    padding-right: 0;
    font-weight: normal;
    margin-top:6px;
    padding: 3px 4px 3px 4px;
}
.quickCheckoutBoxSignup .card-sec input[type='date']
{
    width: 14%;
    float: left;
    margin-right: 0px;
    margin-left: 13px;
}
.quickCheckoutBoxSignup .card-sec input[placeholder='MM/YYYY']
{
    width: 57px;
    font-style: italic;
    float: left;
    margin-right: 2px;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
}
.quickCheckoutBoxSignup .card-sec input[name='cvvno']
{
    width: 28px;
    /*float: left;*/
    margin-left: 4px;
    padding-left: 5px;
    padding-right: 5px;
}
.quickCheckoutBoxSignup .card-sec label.cvv_no
{
    width: 17%;
    float: left;
    margin-right: 0;
    margin-left: 18px;
}
.login-and-card .login-head
{
    width: 55%;
    text-align: left;
    margin-left: 39.5%;
    font-size: 13px;
    margin-top: 6px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact-left-sec, .contact-right-sec {padding-bottom:10px;border-bottom:1px solid #e6e6e6;}
.name-heading {
    /*display: inline-block;*/
    margin-left: 19.8%;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.quickCheckoutBoxSignup .quick-signup h1 {margin-left: 19.8%;text-transform: none;margin-top: 5px;}
.quickCheckoutBoxSignup .contact-left-sec input[placeholder]
{
    font-style: italic;
}
.quick-signup span.askcvv, .add-card-info span.askcvv {color:#cc0000;}
.contact-right-sec input, .login-and-card .card-sec input {width: 170px;margin-right: 0;}
.contact-right-sec label, .login-and-card .card-sec label {margin-right: 8px;margin-left: 1px;width:105px;}
.login-and-card .card-sec .login-head {margin-left: 38.3%;}
.quick-signup-btn span.icon-lock, .add-card-info .save-card-btn span.icon-lock {margin-right: 6px;font-size: 13px;}
.quickCheckoutBox .quick-signin h1, .addpayment-qchekout h1 {margin-left: 84px;}
.quick-forgetpaas h1 {margin-left: 71px;}
.quickCheckoutBox .quick-signin .sign-msg, .addpayment-qchekout .sign-msg {width: 71.5%;margin-right: 11%;}
.quickCheckoutBox .quick-signin label {width: 13%;}
.quick-forgetpaas label {width: 11%;}
.quickCheckoutBox .quick-signin input
{
    margin-right: 11%;
    padding-left: 4px;
    padding-right: 4px;
    width: 69.5%;
}
.quick-forgetpaas input {width:69%;margin-right:49px;}
.quickCheckoutBox .quick-signin .quick-login-btn {margin-right: 13.5%;}
.quick-forgetpaas .quick-login-btn {    width: 110px;
    margin-right: 64px;
    margin-top: 12px;
}
.cart-controls .activateQuickCheckout, .cart-controls .quickCheckout {float: right;margin-right: 23px;margin-top: 37px;cursor:pointer;}
.quick-checkout-btn {display:none;}
.quick-checkout-elem {float:right;}
.quick-checkout-elem:hover > a.quick-checkout-btn {display:block}
.catalog .cart .cart-controls .red-bright span.txt {min-width: 178px;}
.addpayment-qchekout .logged-user-info {width:242px;clear: both;margin-left: 20.8%;padding:10px 18px 8px 18px;background-color:#f1f0ef;position:relative;}
.addpayment-qchekout .logged-user-info .loggedin-heading {font-size:14px; color:#3d3938; font-weight:bold; text-transform: uppercase; font-family:frutigerneue;}
.addpayment-qchekout .logged-user-info .loggedin-user-email {font-size:14px; color:#3d3938; font-family:frutigerneue; font-style:italic;}
.addpayment-qchekout .logged-user-info .loggedin-usermenu {margin-left:0px;}
.addpayment-qchekout .logged-user-info .loggedin-usermenu li {line-height: 16px;}
.addpayment-qchekout .logged-user-info .loggedin-usermenu li a {font-size:14px; color:#cc0000 !important; font-family:frutigerneue;}
.addpayment-qchekout .logged-user-info .loggedin-usermenu li a:hover {text-decoration: none;}
.addpayment-qchekout .logged-user-info span.icon-login {position: absolute;font-size: 18px;top: 6px;right: 18px;}
.addpayment-qchekout .logged-user-info .loggedin-usermenu span.icon-submit-arrow-in-newsletter-form {font-size: 8px;vertical-align: middle;color: #3d3938;}
.addpayment-qchekout .add-card-info {width:79%;}
.addpayment-qchekout .add-card-info .login-head {
    margin-top: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 128px;
    margin-bottom:-6px;
}
.addpayment-qchekout .sign-msg {margin-right: 50px;line-height:18px;margin-bottom: 10px;}
.addpayment-qchekout h1 {margin-left: 129px;}
.addpayment-qchekout .add-card-info label {
    width: 23%;
    margin-top: 6px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    float: left;
}
.addpayment-qchekout .add-card-info input
{
    padding: 3px 4px 3px 4px;
    margin-top: 10px;
    width: 351px;
    margin-right: 0;
    margin-left: 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #b1aaa7;
}
.addpayment-qchekout .add-card-info input[placeholder='MM/YYYY'] {
    width: 95px;
    font-style: italic;
    float: left;
    margin-right: 2px;
    padding-left: 4px;
    padding-right: 4px;
}
.addpayment-qchekout .add-card-info label.cvv_no {
    width: 141px;
    float: left;
    margin-right: 0;
    margin-left: 18px;
}
.addpayment-qchekout .add-card-info input[name='cvvno'] {
    width: 79px;
    float: left;
    margin-left: 4px;
    padding-left: 5px;
    padding-right: 5px;
}
.addpayment-qchekout {
    padding-bottom:66px;
    padding-top:66px;
}
.addpayment-qchekout .help-icon
{
    position: absolute;
    right: 158px;
    bottom: 122px;
    cursor: pointer;
}
.searchcontainer-right .library-search-top .library-stext {float:left; width:80%;}
.searchcontainer-right .library-search-top .library-stext h1 {border:none; font-family: GenerisSerifComMedium;font-size: 24px;font-style: italic;font-weight: normal;text-transform: capitalize;margin-bottom: 0; padding-bottom: 0;}
.searchcontainer-right .library-search-top .library-stext p {margin-top:3px;font-family: frutigerneue;}
.searchcontainer-right .library-search-top .library-stext p span.see-moreText {cursor:pointer;}
.searchcontainer-right .library-search-top .library-slogo {float:right;margin-top:24px;}
.searchcontainer-right .library-search-top {border-bottom: 1px solid #f1f0ef;padding: 16px 20px 17px 16px;}
.searchcontainer-right .library-search-top span.rotate-arrow {-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    display: inline-block;
    vertical-align: sub;
}
.quickCheckoutBox input.errorfield, .errorfield
{
    border:1px solid #cc0000 !important;
    background: url("/css/images/icn-errormsg.png");
    background-repeat: no-repeat;
    background-position: right;
}

.quickcheckout-error { margin-top: 10px; width: 300px; }
.quickcheckout-error p { line-height: 15px; }
/*.quickcheckout-error p span { color: #c60000;font-size: 13px;display: none;width: 400px;border: 1px solid #c60000;border-radius: 4px;padding: 8px;margin-left: 124px; }*/
/*.quick-signin .quickcheckout-error p span, .quick-forgetpaas .quickcheckout-error p span { color: #c60000;font-size: 13px;display: none;width: 316px;margin-left: 80px;margin-top:12px; }*/
span.quickcheckout-error { display: none; }
.disabled-minicart-item {background-color: #f2f2f2;
    margin-left: 0;
}
.disabled-minicart-item ul, .disabled-minicart-item div {opacity: 0.4;pointer-events: none;}
.disabled-minicart-item span.loader-icon img {margin-left: 30px;}
.disabled-minicart-item span.loader-icon {display: inline-block;}
#family-content .product-actions .itemline-buttons .wishlist-button .icon-add_to_favourite {background:none; text-decoration: none;font-size: 17px; line-height: 18px;padding-left:0;}
.contact-right-sec .select-secondary[disabled="disabled"]
{
    background: url('/css/images/icn-selectsmarrow.png') no-repeat 100% 50%, -webkit-linear-gradient(top, #e8e6e4 0%, #e8e6e4 100%,#e8e6e4);
    background-color: #e8e6e4;
    background-image: none;
}
.quickcheckout-success { margin-top: 10px; width: 300px; }
.quickcheckout-success p { line-height: 15px; }
.quickcheckout-success p span { font-size: 13px; display: none; }

.quickcheckout-error p span {
    color: #c60000;
    font-size: 13px;
    display: none;
    width: auto;
    position: absolute;
    /*top: 40px;*/
    background: url('/css/images/cart/attention.png') no-repeat;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.login-form .quickcheckout-error p span.errors {
    top:100px;
    background-position: 240px 0px;height: 59px;padding-left: 170px;line-height: 50px;
}
.login-form .quickcheckout-error p span.emptyfields {
    top:100px;
    background-position: 240px 0px;height: 59px;padding-left: 120px;line-height: 50px;
}
.quickcheckout-create-account {position:relative;}
.quickcheckout-create-account span#ajax-loader {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 340px;
    bottom: 15px;
}
.quickCheckoutBox .login-form span#ajax-loader
{
    position: absolute;
    left: 380px;
    bottom: 15px;
}
.addpayment-qchekout span#ajax-loader {
    position: absolute;
    bottom: -43px;
    left: 290px;
}
.quickCheckoutBox .password-form span#ajax-loader
{
    position: absolute;
    right: 260px;
}
.quickcheckout-password-inputs .quickcheckout-error p span.errors {top:137px;background-position: 229px 0px;height: 59px;padding-left: 12px;line-height: 50px;}
.quickcheckout-password-inputs .quickcheckout-error p span.emptyfields {top:137px;background-position: 229px 0px;height: 59px;padding-left: 65px;line-height: 50px;}

.quickcheckout-password-inputs .quickcheckout-success p span.success{
    position: absolute;
    top: 140px;
    background: none;
    width: 360px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding-left: 76px;
    color: #00802b;
}
.quick-signup .quickcheckout-error span.EmptyFields
{
    position: absolute;
    height: 60px;
    top: 52px;
    background-position: 180px 0px;
    line-height: 50px;
    padding-left: 50px;
}
.quick-signup .quickcheckout-error span.PasswordMismatch
{
    position: absolute;
    height: 60px;
    top: 52px;
    background-position: 260px 0px;
    line-height: 50px;
    padding-left: 0px;
    left: -80px;
}
.quick-signup .quickcheckout-error span.Unknown
{
    position: absolute;
    height: 60px;
    top: 52px;
    background-position: 180px 0px;
    line-height: 50px;
    padding-left: 50px;
}
.quick-signup .quickcheckout-error span.AlreadyExist, .quick-signup .quickcheckout-error span.UserAlreadyExist
{
    position: absolute;
    height: 60px;
    top: 52px;
    background-position: 180px 0px;
    line-height: 50px;
    padding-left: 50px;
}
.create-form span.clear {
    display: block;
}
.popupcalender {z-index: 9999 !important; width: 143px !important;}
.popupcalender table, .popupcalender div.ui-datepicker-buttonpane {display: none;}
.popupcalender .ui-datepicker-title select {width: 100% !important;font-size: 12px !important;}
.popupcalender .ui-datepicker-header {
    width: 143px !important;
}
.account-dropdown a.logout {background: none !important;}
.account-dropdown a.logout span.txt {/*color: #888582 !important;*/}
.account-dropdown .ma-newsletter, .account-dropdown .icon-cancel-1 {padding-top: 2px !important;position: relative;}
.account-dropdown .ma-newsletter span.txt, .account-dropdown .icon-cancel-1 span.txt {position: absolute;top: 2px;width: 80%;}
.account-login-popup .new-user span {font-weight: normal;font-size: 11px;}
.disabledprice {left:165px;}
.minicart-items li .cart-item-image div.webfont-sample-text {
    background: #000 none repeat scroll 0 0;
    height: 30px !important;
    line-height: 24px !important;
    margin-top: 13px;
    text-align: center;
    width: 30px !important;
}
#account-options .icon-news_letter span.txt {margin-left:10px !important;}
.more-minicart-products span, .more-favourite-products span#fav-more-count { color: #c00 !important;margin:0px !important;font-size: 11px;}
#account-menu .favourite-items:lang(en) .view-fav a:after{left: 88%;margin-top: -7.7px;}
#account-menu .favourite-items:lang(fr) .view-fav a:after {left: 88.6%;margin-top:-7px;}
#account-menu .favourite-items:lang(es) .view-fav a:after {left: 88.4%;margin-top:-7px}
#account-menu .favourite-items:lang(de) .view-fav a:after {margin-top:-7px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #account-menu .favourite-items:lang(de) .view-fav a:after, #account-menu .favourite-items:lang(es) .view-fav a:after, #account-menu .favourite-items:lang(fr) .view-fav a:after {margin-top:-8px;}
}
.flash-banner {position:relative;width: 75.5%;float:left;margin-top:2.8px;}
.flashsale {padding-bottom:70px/*background: #ffffff;*/}
.flashsale h6{font-family: generisserifpro;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 25px;
    margin-left: 20px;
    color:#000000;
    margin-top: 24px;
}
.f-timer {bottom: 3px;
    left: -16px;
    position: absolute;
}
.f-description p{
    color: #514e4d;
    font-family: frutigerneue;
    font-size: 14px;
    margin: 0;
    /*text-shadow: 1px 0 #d7d6d6;*/
    line-height: 18px;
}
.f-description {margin-left: 52px;margin-top:11px;width:60%;}
.add-card-info span.clear {display: block;}
.featured_box_desc .seller-heading
{
    font-family: GenerisSerifComMedium;
    font-size: 23px;
    font-style: italic;
    line-height: 30px;
    margin-top: 0;
    color: #B2070D;
    float:left;
}
.featured_box_desc .update-status
{
    color: #3d3938;
    font-family: frutigerneue;
    font-size: 14px;
    margin: 7px 38px 0 14px;
    font-style: normal;
}
.featured_box_desc .detail-page
{
    float:right;
    margin-top: 5px;
}
.featured_box_desc .detail-page span.txt
{
    margin-top: 0.5px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 109px;
}
.promotion_page .flash-details {
    float: left;
    width: 24%;
}


.newfeaturedbox .featured_box_desc .font-chart-item {
    float: left;
    margin-right: 26px;
    width: 133px;
    text-align: center;
}
.newfeaturedbox .featured_box_desc .font-chart-item:last-child {
    margin-right: 0px !important;
    width: 124px;
}
.promotion_page .flash-details .flash-sales-container .full-size.white.social
{
    border:none;
}
.promotion_page .flash-details .flash-sales-container
{
    line-height: 1.43em;
}
.promotion_page .flash-details .flash-sales-container .full-size.white.social
{
    padding: 0;
    margin-left: -1px;
    width: 205px;
}

.promotion_page .flash-details .flash-sales-container .addthis_default_style .at300b,
.promotion_page .flash-details .flash-sales-container .addthis_default_style .at300bo,
.promotion_page .flash-details .flash-sales-container .addthis_default_style .at300m
{
    padding:0.8px 0.5px 0;
}
.promotion_page .flash-details .flash-sales-container .full-size.white.social a .at-icon-wrapper
{
    width:50px !important;
    height: 26px !important;
}
.promotion_page .flash-details .flash-sales-container .full-size.white.social a .at-icon-wrapper svg
{
    height:26px !important;
    width:22px !important;
}
.promotion_page .flash-details .flash-sales-container .arrow-anchor-box-shadow .txt
{
    width:121px;
    padding-right:32px;
    margin-left: -3px;
    padding-left: 3px;
}
.promotion_page .flash-details .flash-sales-container .arrow-anchor-box-shadow.gray.no-icon  .txt
{
    width:186px;
    height: 18px;
    margin: 0;
    padding: 13px 17px 4px 0;
}
.promotion_page .flash-details .flash-sales-container .sold-out
{
    padding: 10px 5px;
}
.promotion_page .flash-details .flash-sales-container .full-size
{
    width: 193px;
}
.promotion_page .flash-details .flash-sales-container .half-size
{
    width: 91px;
}
.promotion_page .flash-details .flash-sales-container .arrow-anchor-box-shadow .icon
{
    height:36px;
}
.promotion_page .flash-details .flash-sales-container .arrow-anchor-box-shadow .txt
{
    height:17px;
}
.promotion_page .flash-details .flash-sales-container .addthis_button_facebook span
{
    background: #005597 !important;
}
.promotion_page .flash-details .flash-sales-container .addthis_button_email span,
.promotion_page .flash-details .flash-sales-container .addthis_button_compact span
{
    background: #000000 !important;
}
.promotion_page .flash-details .flash-sales-container .arrow-anchor-box-shadow .icon.plain
{
    padding-left:3px;
}

.page-frame .page-sidebar ul.left-menu li.active
{
    position: relative;
}
.page-frame .page-sidebar ul.left-menu li span.icon-searcharrow
{
    display: none;
}
.page-frame .page-sidebar ul.left-menu li.active span.icon-searcharrow
{
    font-size: 15px;
    left: -7px;
    position: absolute;
    top: 6px;
    color: #d4d2cc;
    display: block;
}
.page-frame .page-sidebar ul.left-menu li.active .left-menu-arrow
{
    background: none;
}
#billing-address-tabs .accountdata-wrapper .attention.vat-required{
    width: 215px;
    padding-right: 0;
    background-size: 25px;
    padding-left: 30px;
    background-position: 0 0;
    line-height: 16px;
    padding-top: 0;
}
.manufacturer-and-libraries .library-list-teaser-info
{
    position: relative;
}
.manufacturer-and-libraries .library-list-teaser-info .icon-info_icon_red {
    color: #cc0000;
    font-size: 24px;
    left: -4px;
    position: absolute;
    top: -3px;
}
ul#product-buttons .pdf-sample a
{
    background:none;
}
ul#product-buttons .pdf-sample span.icon-file-pdf
{
    color: #000;
    float: left;
    font-size: 16px;
    margin-top: -4px;
}
.details-elem .tab-content .edit-this .btn-edit span.icon-pencil
{
    font-size: 8px;
    padding-right: 16px;
}
.details-elem .tab-content .edit-this .btn-edit {
    background-image: none;
    float: left;
    padding-left: 15px;
}
#characters-sampler-content .sample-characters .character-pager a.icon-left_arrow,
#characters-sampler-content .sample-characters .character-pager a.icon-right_arrow
{
    text-decoration:none;
    background: none;
    color: #3d3938;
    font-size: 15px;
    margin-top: 0;
    width: 20px;
}

label.license-frequency
{
    margin-left: 47px;
}
td.mls-notification
{
    padding: 0 !important;
}
td.mls-notification .mls-charge-msg
{
    background: #f6f2f1 none repeat scroll 0 0;
    border: 1px solid #e8e6e4;
    margin-top: 20px;
    padding-bottom: 16px;
    padding-left: 12px;
    padding-top: 16px;
}
td.mls-notification .mls-charge-msg p{
    color: #888582;
    font-size: 12px;
    margin:0px;
}
td.mls-notification .mls-charge-msg p:last-child
{
    margin-left:9px;
}
td.mls-notification .mls-charge-msg span.rec-charge
{
    color: #797572;
    font-size: 13px;
    font-weight: bold;
}#collector-stripes .blog-category-image .blog-category-logo.icon-fontoftheweek-sidebar {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     font-size: 72px;
     margin-left: 7px;
     margin-top: -5px;
 }
#collector-stripes .blog-category-image .blog-category-logo.icon-fontnews-sidebar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 59px;
    margin-left: 18px;
    margin-top: 2px;
}
#collector-stripes .blog-category-image .blog-category-logo.icon-fontfeatures-sidebar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 59px;
    margin-left: 18px;
    margin-top: 2px;
}
#collector-stripes .blog-category-image .blog-category-logo.icon-fontevents-sidebar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 59px;
    margin-left: 18px;
    margin-top: 2px;
}
/* CSS code for MLS */
label.license-frequency
{
    margin-left: 47px;
}
td.mls-notification
{
    padding: 0 !important;
}
td.mls-notification .mls-charge-msg
{
    background: #f6f2f1 none repeat scroll 0 0;
    border: 1px solid #e8e6e4;
    margin-top: 20px;
    padding-bottom: 16px;
    padding-left: 12px;
    padding-top: 16px;
}
td.mls-notification .mls-charge-msg p{
    color: #888582;
    font-size: 12px;
    margin:0px;
}
td.mls-notification .mls-charge-msg p:last-child
{
    margin-left:9px;
}
td.mls-notification .mls-charge-msg span.rec-charge
{
    color: #797572;
    font-size: 13px;
    font-weight: bold;
}
.cart-summary th.removeall-btn a.icon-cancel {
    color: #b0aba8;
    cursor: pointer;
    font-size: 16px;
    margin-left: 10px;
    margin-top: 2px;
    text-decoration: none;
    background: none;
}

.page-frame {
    margin-bottom: 0;
    padding: 0 0 0 242px;
    position: relative;
}
.main-content .clearfix
{
    display: block;
}
.searchbox
{
    left: 102%;
    position: absolute;
    top: -3px;
}
.searchbox input
{
    border: 1px solid #b2aaa6;
    border-radius: 3px;
    font-size: 11px;
    height: 14px;
    line-height: 14px;
    padding-bottom: 3px;
    padding-left: 22px;
    padding-top: 3px;
    width: 178px;
}
.wrapper-sorting .icon-search
{
    color: #b6b1ae;
    font-size: 11px;
    line-height: 26px;
    margin-left: 4px;
    position: absolute;
}
#webfonts .font-stats .fontstats-holder .webfonts-controls .clearfix
{
    display: inline-block;
}
.clearfix
{
    display: block;
}
.browser-preview .preview-controls
{
    width:30px;
}
.preview-prev.icon-searcharrow
{
    color: #000;
    margin-top: 2px;
    text-decoration: none;
    transform: rotate(180deg);
}
.preview-next.icon-searcharrow
{
    color: #000;
    line-height: 16px;
    margin-left: 0;
    text-decoration: none;
}
.browser-preview .preview-controls > a {
    background-image: none;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 15px;
    overflow: hidden;
    text-indent: 0;
    width: 15px;
}
div.checkbox-wrapper div.license-cart-block div.webpayonce-img
{
    background: none;
    font-size: 31px;
    height: 30px;
    line-height: 30px;
}
a.license-cart-more-control div.webpayonce-img
{
    background: none;
    font-size: 20px;
    line-height: 20px;
}
.shadow-box-content
{
    font-size: 14px;
}
@font-face {
    font-family: "fallback-font";
    src:  url("/css/fonts/AND-Regular.woff");
}
p.update-qty-popup-title
{
    margin-top:8px;
}
.dropdown-addtocart  div.checkbox-wrapper div.license-cart-block
{
    position: relative;
}
.font-type-image.extended.desktop-web-img.icon-ico-desktopandweb
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 139px;
    left: 35%;
    line-height: 50px;
    position: absolute;
    top: -45px;
}
.font-type-image.extended.desktop-web-img.icon-ico-desktopanddigitalad
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 139px;
    left: 34%;
    line-height: 50px;
    position: absolute;
    top: -45px;
}
.font-type-image.extended.desktop-web-img.icon-ico-desktopandapp
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 139px;
    left: 35%;
    line-height: 50px;
    position: absolute;
    top: -45px;
}
.font-type-image.extended.desktop-web-img.icon-ico-desktopandepub
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 139px;
    left: 35%;
    line-height: 50px;
    position: absolute;
    top: -45px;
}
.font-type-image.extended.desktop-web-img.icon-ico-desktopandserver
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 139px;
    left: 35%;
    line-height: 50px;
    position: absolute;
    top: -45px;
}

/*Family page redesign code*/
input[type=range]{
    /* fix for FF unable to apply focus style bug  */
    /*border: 1px solid white;*/

    /*required for proper track sizing in FF*/
    width: 300px;
}

input[type=range]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 0px;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ccc;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
    background: #ccc;
}


input[type=range]{
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ccc;
    margin-top: -10px;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}


input[type=range]::-ms-track {
    width: 300px;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ccc;
}

/*.font-container .arrow-large-anchor-box-wrap
{
    background: #e52006;
}
.font-container .arrow-large-anchor-box-wrap span
{
    background: none;
}*/
.font-container
{
    height: auto;
}
/* Blinking cursor */
#typed-cursor {
    -webkit-animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
    -ms-animation: blinker 1s linear infinite;
    -o-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
@keyframes blinker {
    50% { opacity: 0.0; }
}

/* CSS for homepage slider h1 styling (CSS Required to move in styleresponsive.css in next sprint) */
.mobile-slider .overlay-message h1{
    font-weight: normal;
}
#css3-slider span.overlay_text h1{
    font-weight: normal;
}
/* removed result from search label and li*/
.ac_results.showresult ul li:first-child{
    display: none;
}
@media only screen and (min-width: 800px){
    .showresult .result-title{
        display: none;
    }
}
.info-tabs .info-box #geninfo-box .col-sm-6 p.avail-license span.license-icons{
    float: left;
    width: 100%;
    margin-left: -.2em;
}
.info-tabs .info-box #geninfo-box .col-sm-6 p.avail-license span.license-icons span.icon-digitalads{
    font-size: 20px;
}
.info-tabs .info-box #geninfo-box .col-sm-6 p.avail-license span.license-icons span.icon-web_catalog{
    font-size: 20px;
    display: inline-block;
    width: 21px;
}
.icon_del.icon-cancel.removechilditems{
    margin-left: -15px;
    margin-top: -10px;
}
.deletionItems{
    padding:60px;
    text-align: center;
    font-size: 14px;
    font-style: italic;
}

#characters-sampler-content .uncoded-glyphs{
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 10px;
}
#tab3 .uncoded-glyphs.novailable-glyphs{
    text-align:center;
    font-size: 20px;
    margin-top:50px;
}
#characters-sampler-content .uncoded-glyphs img{
    max-width:760px;
}
#managing .manage-dw-fonts .manage-desktopfonts.first-element{
    margin-right:13px;
}
#managing .manage-dw-fonts .manage-webfonts.first-element{
    float:left;
}
#account-page #managing .manage-dw-fonts .manage-digitalads .manage-dw-fonts-desc{
    width: 78%;
}
#account-page #managing .manage-dw-fonts .manage-digitalads .manage-dw-fonts-desc .desc-text{
    width:78%;
}
.OverviewBanner{
    position: relative;
}
.OverviewBanner .digiads{
    float: left;
}
.OverviewBanner .digiads img{
    max-width: 128px;
    position: absolute;
    bottom: 0px;
}
.Tls-warning-msg{
    background: #ffffb3;
}
.Tls-warning-msg p{
    text-align: center;
    padding: 15px 0;
    margin: 0;
    font-size: 14px;
}
.Tls-warning-msg .close-warning{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    cursor: pointer;
}
body #header .header-wrapper-for-shadow{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

@media only screen and (max-width: 768px) and (min-width: 768px){
    .mobile-view .info-tabs .info-box #availlang-box .langauge-detail-desc {
        margin-top: 54vw;
        float: left;
        font-size: 2.3vw;
    }

}

.grecaptcha-badge {
    opacity:0 !important;
}
.recaptcha-tos {
    padding: 1rem 0 0 0;
    border-top: 1px solid #cecece;
}
.mobile-view .recaptcha-tos {
    font-size:0.8rem;
    color: #aaaaaa;
    margin-top: 1.5rem;
    border-top: 1px solid #555;
}

.mobile-view p.recaptcha-tos a {
    color: #f9f9f9;
}