body { background:#999; margin:0; padding:0; font-family: "BentonSansRE", Sans-Serif; font-size:12px; font-weight:normal; color:#000; line-height:1.5em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body { height: 100%; }
img { border:0; }
hr { border:0; border-top:1px solid #D4D4D4; height:1px; }
a { color:#BB0000; text-decoration:none; cursor:pointer; }
a.disabled { color:#999;}
a:hover { text-decoration:underline; }
strong{ font-weight:bold;}

.clearafter:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearafter { display: inline-block; }
* html .clearafter { height: 1%; }
.clearafter { display: block; }
h1, h2, h3{ color:#000;}

.plain:hover{ text-decoration:none;}
cite, em, blockquote{ font-style:italic;}
.caption{ font-size:11px; font-family:BentonSans, Sans-Serif; color:#666;}

h1,h2,h3 { color:#000; font-weight:normal; font-family:FranklinCondBold, Arial Narrow, Arial, Sans-Serif; line-height:1em; -webkit-font-smoothing: antialiased; }
h1 { font-size:40px; }
h2 { font-size:30px; }
h3 { font-size:25px; }

h1.big{ font-size:36px; line-height:1.1em;}
h3.big{ font-size:24px; line-height:1.1em; color:#000; font-family:FranklinCondBold, Sans-Serif; -webkit-font-smoothing: antialiased;}
h3.big span{ font-size:12px; font-family:FranklinCondBold, Sans-Serif; -webkit-font-smoothing: antialiased;}
button  {background:none; border:none; cursor:pointer; margin:0 0 1px; vertical-align:middle;}
.page{ width:960px; margin:0 auto -230px; padding:0; min-height:100%; height:auto !important;}
.tr{ text-align:right;}
.tl{ text-align: left;}

/* layouts */
.left-column{ float:left; width:120px; padding:10px 0 0 40px; overflow:hidden;}
.midle-column{ float:left; width:720px; padding:10px 40px 40px; overflow:hidden;}
.right-column{}

#main .black-bock{ display:none;}
#main{background: /*url(images/layout-bg.png) left top repeat-y */#FFF}

#front-page{ background:#fff;}
#front-page .midle-column{ padding:40px; width:880px;}
#front-page .left-column{ display:none;}
#front-page .right-column{ display:none;}

#catalog{background: /*url(images/layout-bg.png) left top repeat-y */#fff;}
#catalog .midle-column{ width:720px; overflow:hidden;}
#catalog .left-column{ padding:25px 0 0 25px; width:135px;}
#catalog .right-column{display:none;}
#catalog .black-bock{ display:none;}

#wide{ background:#fff;}
#wide .midle-column{ width:auto; float:none;}
#wide .left-column{ display:none;}
#wide .right-column{ display:none;}

#blog { background: #fff;}
#blog .content-box{ background:url(images/blog-dot.png) 640px top repeat-y #fff; margin:40px 0 0 0;}
#blog .left-column{ display:none;}
#blog .midle-column{ float:left; width:580px; padding:0 0 40px 40px; margin:0; font-family: BentonModernRE; font-style: normal; font-weight: normal; }
#blog .right-column{float:right; width:265px; padding: 0 40px 40px 0;}
#blog .black-bock{ height:auto; background:#fff;}
#blog .black-bock div div{ background:url(/local/styles/images/blog-head-bg.png) left top no-repeat #fff; font-family:FranklinCondLight, Sans-Serif; -webkit-font-smoothing: antialiased; text-align:left; border-top:none; height:135px; padding:17px 0 10px 615px; border-bottom:#000 solid 4px; font-size:22px; line-height:1.2em; color:#000; }

#family{ background:#fff;}
#family .midle-column{ width:720px; padding:20px 0 40px 40px;}
#family .black-bock{ border-bottom:#ccc solid 1px; color:#000; padding:40px 40px 0; position: relative;}
#family .left-column{ display:none;}
#family .right-column{ float:right; width:120px; padding:20px 40px 40px 0; color:#000;}

.jswarning { padding:5px; color:#FFF; background:#AE0000; text-align:center; }

#screenlock { width:100%; height:100%; position:fixed; top:0; left:0; background:#000;  _position:absolute; }

#alert-box { position:fixed; width:330px; top:10%; left:50%; margin:0 0 0 -158px; overflow:visible;}
#alert-head { background:#fff; color:#000;  position:relative;}
#alert-close { position:absolute; top:-12px; left:-12px; width:26px; height:26px; background:url(images/close-btn.png) no-repeat left top; text-indent:-500px; overflow:hidden; display:block; }
#alert-title { font-family:FranklinCondBold,Sans-Serif; font-size:20px; padding:15px 20px; line-height:1.2em; -webkit-font-smoothing: antialiased;}
#alert-content { background:#FFF; padding:0 20px 20px; color:#000; min-height:20px;overflow:hidden; }
#alert-content p{ margin:0;}
#alert-footer { display:none;}

.tooltip { font-size:12px; line-height:1.3em; }
.tooltip p { margin:0.2em 0; }
#tooltip { position:absolute; width:265px; }
#tooltip-top { height:15px; background:url(images/ascenderfonts.png) no-repeat -1325px 0; }
#tooltip-bottom { height:28px; background:url(images/ascenderfonts.png) no-repeat -1325px 100%; }
#tooltip-content { background:url(images/ascenderfonts.png) no-repeat -1325px -25px; padding:1px 20px; }

#popup { position:absolute; top:50px; left:50%; margin:0 0 0 -400px; width:800px;}
#popup-close { position:absolute; top:-12px; left:-12px; width:26px; height:26px; background:url(images/close-btn.png) no-repeat left top; }
#popup-title { color:#000; font-size:36px; padding:40px 40px 0; background:#fff; margin:0; font-family:FranklinCondBold,Sans-Serif; line-height:1em; -webkit-font-smoothing: antialiased; }
#popup-content { background:#FFF; padding:15px 40px 40px; }

.free-trial{ background:url(images/free-trial.png) left 11px no-repeat; padding:15px 0 0 104px; height:64px;}
.btn-tryit{ background:url(images/btn-tryit.png) left top no-repeat; width:97px; height:19px; display:inline-block; text-indent:-1000px;}

.price-list th{ padding:20px; border-bottom:#000 solid 1px; text-align:left; color:#000; font-size:12px; }
.price-list td{ padding:20px; background:#F2F2F2; border-bottom:#E5E5E5 solid 1px; color:#000; font-size:13px; vertical-align:top;}
.price-list h2{ margin:0 0 5px; padding:0;}

.use-small{ line-height:1.5em;}

/* Buttons */
.btn-search{ background-color:#B00; float:left; color:#FFF; cursor:pointer; font-size:12px; display:block; height:24px;padding: 0 6px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-left:9px;}
.btn-addtocart:hover{ background-position:left -17px;}
#btn-checkout{ background:#96CA00; width:90px; height:20px; display:block; text-align:center; color:#fff; padding:0; margin:10px 0 0 0; border:none; font-size:14px; cursor:pointer; float:right; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#btn-checkout:hover{ text-decoration:none; background:#7EB700;}
#btn-signin{ background:#959595; padding:1px 6px; text-transform:uppercase; color:#fff; font-size:11px; font-weight:bold; margin:0; border:none; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#signout-btn{ background:url(/local/styles/images/btn-logout.png) left top no-repeat #959595; width:56px; height:16px; padding:0; margin:0; border:none; cursor:pointer; overflow:hidden; text-indent:-1000px; position:absolute; right:17px; top:8px;}
.button{ background:url(images/btn.png) center top no-repeat #999; width:70px; border:none; height:22px; overflow:hidden; text-align:center; vertical-align:top; padding:0 0 2px; color:#FFF;}

/* Forms */
.textbox, select { background:#F9F9F9; border:1px solid #B3B3B3; padding:3px; vertical-align:middle; }
#alert-content .textbox{ width:200px;}
.formitem{ clear:both; padding:2px 0;}
.formitem label{ display:block; float:left; padding:0 10px 0 0; text-align:right; width:160px;}

/* Header */
#header{ background:#FFF;}
#your-account-btn {float:right; margin-right:40px; margin-top:14px;}
#your-account-btn a{ font-family: FranklinCondBold,Arial Narrow,Arial; font-style: normal; font-weight: normal; color:#BB0000; font-size:30px; }
#your-account-btn a:hover { color:black; text-decoration:none;}
.header-utils{ background:#292526; text-align:right; padding:4px 20px; color:#D4D3D4; font-size:11px; height:20px;}
.header-utils a{ color:#D4D3D4; padding:0 6px; font-size:11px;}
a.login{ color:#BB0000; font-weight:bold;}
.header{ padding:0; height:89px; overflow:hidden; background:#fff;}
.logo{ display:block; float:left; padding:24px 0 0 12px; }
.blurb{ float:left; width:250px; color:#707070; font-size:12px; margin:34px 0 0 10px;}
.promo{ display:block; float:right; margin:33px 40px 0 0; line-height:1.5em; font-size:13px; color:#000; min-width: 400px; text-align: right}
.cart-info{ background:url(images/icon-cart.png) left 50% no-repeat; margin:0; padding-right:22px; height:18px; font-size:18px; }
.main-menu{ background:#000; padding:0 30px 0 15px; height:49px;}
.catalog{ display:block; float:left; font-size:34px; line-height:38px; color:#FFF;}
.main-menu a:hover{ color:#D4D3D4; text-decoration:none;}
.menu{ float:left; padding:0;}
#header .menu a { font-family:FranklinCondensedPro, FranklinCondBold, Arial Narrow, Arial; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; }
.menu a { color:#999; display:block; float:left; text-align:center; font-size:26px; height: 49px; line-height: 49px; vertical-align: middle; }
.menu a.active{ background:url(images/menu-active-bg.png) 50% bottom no-repeat; color:#fff;}
.search{ float:right; padding:12px 0 0; width:200px;}
.searchform{ padding:0; margin:0;}
.searchbox{ background:#FFF; border:none; padding:4px; margin:0; color:#000;}
#searchform .inactive{ color:#B7B7B7;}

#content-block{ float:left; width:800px;}
.account-title{ font-size:36px; line-height:1.1em;}
.left-column ul{ list-style:none; padding:0 0 15px;}

/* Left Column */
.sub-cats{ padding:157px 0 0 0; font-size:13px;}
.sub-cats h3{ color:#000; font-size:24px; font-family:FranklinCondBold, Sans-Serif; margin:0; padding:0 0 5px 0; -webkit-font-smoothing: antialiased;}
.sub-cats ul{ margin:0; padding:0 0 25px; list-style:none;}
.sub-cats li{ padding:0 0 4px 0;}
.sub-cats span{ display:block; font-size:9px; line-height:1.0em;}
.sub-cats li.active{background:url(images/cat-sub-bg.png) left 4px no-repeat;}
.filter-block{ padding:0 0 25px;}
.filter-block label{display:block; margin:5px 0; color:#BB0000; cursor:pointer;}
.filter-block input[type=checkbox]{ margin:0 5px 3px 0; vertical-align:middle;}
.filter-block label span{ color:#808080; font-size:11px; display:block; padding:0 0 0 20px;}
.cat-filter{ padding:100px 0 0 0; font-size:13px;}
.cat-filter h3{ margin:0; padding:0 0 5px 0;}


/* Account navigation */
.account-nav{ padding:0; font-size:13px;}
.account-nav strong{ font-weight:bold;}
.account-nav h3{color:#000; font-size:24px; font-family:FranklinCondBold, Sans-Serif; font-weight:normal; margin:0; padding:0 0 5px 15px; -webkit-font-smoothing: antialiased;}
.account-nav ul{ margin:0; padding:0 0 20px; list-style:none;}
.account-nav li{  padding:0 0 10px 15px;}
ul.resource-list{ padding:0 0 5px;}
ul.resource-list li{ padding:0; font-size:11px; line-height:1.3em;}
.account-nav span{ display:block; font-size:10px; line-height:1.0em;}
.account-nav li.active{background:url(images/cat-sub-bg.png) left 4px no-repeat;}
.account-nav li.active a{font-weight:bold;}

#left-block{ float:left; width:200px;}
.l-box{  padding:0 0 20px; border-bottom:#EBEBEB solid 1px; margin:20px;}
.l-box h3{ font-weight:normal; margin:0; padding:0 0 10px 0; font-size:16px;}
.l-box ul{ margin:0; padding:0; list-style:none;}
.l-box a{ color:#000;}

.l-box-list{ padding:10px 0 0 0;}
.l-box-list ul{ margin:0; padding:0; list-style:none;}
.l-box-list li{ padding:1px 0;}
.l-box-list a{ color:#000;}

.family-list { margin:0; padding:0 0 0 0px; font-size:11px; list-style:none; text-align:left; }
.family-list li { line-height:1em; padding:4px 0; }
.family-list a { text-decoration:none;}
.family-list a:hover { color:#E11A1F;}
.family-list li.active a{ color:#BB0000; }
#family .right-column .family-list .children{ list-style:none; margin:0; padding:4px 0 0 10px; display:none; }
.family-list li a.active{ color:#000; font-weight:bold;}
.family-list li.active .children{ display:block;}
.family-list li.active .children a{ color:#000; font-weight:bold;}
.family-list li.active .children a:hover{ color:#E11A1F;}

/* Rigth Column */
#right-block{ float:right; width:200px; padding:0;}
.r-box{}
.signin-field{ padding:0 0 7px;}

.favorites h3{ margin:0; padding:0 0 0 20px; text-transform:uppercase; font-weight:bold; font-size:14px; background:url(images/icon-favorte.png) left 4px no-repeat;}
.favorites ul{ list-style:none; margin:0; padding:10px 0 0 0;}
.favorites li{ position:relative;}
.fav-name{ display:inline-block; width:145px; padding:0 20px 0 0; font-size:10px; line-height:16px; color:#282627; background:url(images/fav_open.png) right 3px no-repeat;}
.fav-remove{ position:absolute; right:0; top:4px; width:12px; overflow:hidden; background:url(images/fav_remove.png) left top no-repeat;}
.fav-remove:hover{ text-decoration:none;}

.cart-box h3{ margin:0; padding:0; text-transform:uppercase; font-weight:bold; font-size:14px;}
.cart-box ul{ margin:0; padding:10px 0 0 0; list-style:none;}
.cart-box li{ position:relative; padding:0 0 6px;}
.cart-info-name{ color:#282627; font-size:10px; line-height:14px; padding:0 50px 0 0; display:block;}
.cart-info-price{ position:absolute; right:0px; top:0px; display:block; font-size:11px;}
.cart-info-total{text-align:right; color:#000; padding:5px 0 0 0;}
.cart-info-total strong{ float:right; display:block; width:100%; font-size:18px;}

/* Navigation */
.nav-catalog{ background:#000; height:54px; color:#fff; position:relative;}
.nav-catalog a{ color:#fff;}
.cat-list{ font-size:13px; color:#808080; font-family:FranklinCondBold,Verdana,Arial,Sans-Serif; -webkit-font-smoothing: antialiased; }
.cat-list a{ display:block; float:left; text-align:center; color:#808080; padding:0 14px;}
.cat-list a:hover{ background:#262626; color:#AAAAAA; text-decoration:none;}
.cat-list a.active{ background:#F7F7F7; color:#000; font-weight:bold;}
.left-headline{ float:left; width:180px; height:44px; overflow:hidden; background:#FFF; color:#000; padding:10px 10px 0; font-weight:bold;}
.nav-item{ float:left; background:#54545A; width:200px; height:54px; padding:0; margin:0 0 0 1px; overflow:hidden;}
.nav-catalog .active{ background:#FFF;}
.nav-catalog .active a{ color:#000;}
.nav-item a{ font-size:28px; vertical-align:bottom; color:#D1D1D1; line-height:60px; display:block; padding:0 10px;}
.nav-item a:hover{ text-decoration:none; color:#FFF;}
.nav-catalog .active a:hover{ color:#000;}
.nav-item span{ font-size:10px; font-weight: normal;}
.nav-account{ float:right; width:190px; padding:0 0 0 10px; font-size:10px;}
.nav-account h3{ margin:0; padding:6px 0 0 0; text-transform:uppercase; font-size:10px;}
.signed-nav a{ text-decoration:underline; font-size:11px; padding:0 5px;}
#SignInText{ font-size:12px;}
#SignInText a{ text-decoration:underline;}
.usr-info a{ color:#FFF; background:none;}
.usr-info a:hover{ background:none;}

#SignInForm{ display:none; background:#444444; border-bottom:#000 solid 5px; border-left:#000 solid 5px; border-right:#000 solid 5px; width:160px;  padding: 15px 20px 20px; font-size:11px; height:170px; position:absolute; right:20px; top:0; color:#D4D3D4; z-index:100}
#SignInForm a{ color:#fff; text-decoration:underline;}
#SignInForm a:hover{ text-decoration:none;}
#SignInForm .textbox{ background:#E1E1E1; border:none; width:154px;}
.signin-buttons{ padding:2px 0 5px;}

#cart-box, #fav-box{background:#F0F0F0; border-bottom:#000 solid 5px; border-left:#000 solid 5px; border-right:#000 solid 5px; width:180px;  padding: 10px; font-size:11px; position:absolute; top:28px; color:#333; z-index:100}
#cart-box{right:109px;}
#fav-box{right:20px;}

#font-type{ width:154px; height:231px; margin:0 auto; padding:0 0 0 5px; overflow:hidden;}
#font-type a{ margin:0 5px 5px 0; background-image:url(images/ftype-bg.png); background-repeat:no-repeat; display:block; float:left; width:72px; height:72px; overflow:hidden; text-indent:-1000px;}
#cat-image a{ margin:0 0 15px 10px; background-image:url(images/ftype-bg.png); background-repeat:no-repeat; display:block; width:72px; height:72px; overflow:hidden; text-indent:-1000px;}
.type-serif { background-position:-358px 0;}
.type-serif:hover, #cat-image .type-serif{ background-position:-358px -72px;}
.type-sans-serif{  background-position:-285px 0;}
.type-sans-serif:hover, #cat-image .type-sans-serif{  background-position:-285px -72px;}
.type-slab{ background-position:-214px 0;}
.type-slab:hover, #cat-image .type-slab{ background-position:-214px -72px;}
.type-script{ background-position:-142px 0;}
.type-script:hover, #cat-image .type-script{ background-position:-142px -72px;}
.type-blackletter{ background-position:-72px 0;}
.type-blackletter:hover, #cat-image .type-blackletter{ background-position:-72px -72px;}
.type-symbol{ background-position:0 0;}
.type-symbol:hover, #cat-image .type-symbol{ background-position:0 -72px;}

#nav{ overflow:hidden; border-bottom:#616161 solid 1px; margin-bottom:20px;}
.nav-box{ border-left:#A1A2A4 solid 1px; display:block; overflow:hidden; float:left; padding:0 15px 10px; margin:0 0 0 -1px; text-decoration:none;}
.nav-title{ float:left; font-size:36px; color:#CCCCCC; padding:0 10px 0 0; line-height:38px;}
.nav-desc{ float:left; font-size:11px; white-space:nowrap; color:#7D7D7D; line-height:12px; padding:10px 0 0 0;}
#nav .active{ margin-bottom:-1px; padding-bottom:11px; background:#FFF; color:#000;}
#nav a.nav-box:hover, #nav a.nav-box:hover .nav-title, #nav .active .nav-title{ color:#000; text-decoration:none;}
.sub-nav{ padding:4px 0;}
.sub-nav a{ color:#7D7D7D;}
.sub-nav span{ padding:0 5px;}
#nav .sub-nav a.active{ color:#BB0000;}

/* Content */
.content{ float:left; width: 560px; padding:20px; overflow:hidden;}
.catalog-headline{color:#000; font-size:30px; margin-bottom:20px; line-height: 1.4em; }


/* Product */
#font-list{}
.prod-controls{ border-bottom:#EBEBEB solid 1px; padding:5px 0 2px;}
.prod-btn{ float:right; width:80px; padding:3px 0 0;}

.fav{ text-decoration:none; width:18px; height:18px; overflow:hidden; float:right;}
.fav a{display:block; width:18px; height:18px; background:url(images/icon-favorte.png) left top no-repeat; overflow:hidden; text-indent:1000px;}
.fav a.selected{ background-position:0px -18px;}
.fav a:hover{ background-position:0px -18px;}

.prod-box{ padding:20px 0 10px; border-bottom:#E7E7E7 solid 1px;}
.prod-header{ vertical-align: middle; line-height:17px; float:left; width:520px;}
.prod-name{ color:#000; font-size:12px; padding:0 7px 0 0;}
.prod-info{ color:#000; font-size:12px;}
.prod-price{ float:right; width:160px; text-align:right;}
.btn-addtocart{ background:url(/local/styles/images/btn-addtocart.png) left top no-repeat #6D6E71; float:right; width:80px; height:17px; overflow:hidden; padding:0; display:block; text-indent:-1000px; border:none; cursor:pointer; }
.prod-sample{ font-size:12px; color:#000; line-height:16px; padding:5px 0 0 10px; margin:0 0 0 -10px; overflow:hidden;}
.prod-sample a{ color:#000; text-decoration:none;}
.prod-sample a:hover{ text-decoration:none;}
.prod-sample .use-large{ font-size:50px; min-height:60px; white-space:nowrap; overflow:hidden; }
.prod-sample .use-medium{ font-size:50px; min-height:36px; white-space:nowrap; overflow:hidden; }
.small-text:first-line{ text-transform:uppercase;}

/* Family page */
.product-info{float:right; width:77px;}
.product-info .price{ float:left; width:60px; text-align:right; padding:0 9px 0 0;}
.product-info .favorite{ float:left; width:18px; height:18px;}
.product-info .favorite a{ display:block; width:18px; height:18px; background:url(images/icon-favorte.png) left top no-repeat; overflow:hidden; text-indent:-1000px;}
.product-info .favorite a.selected{ background-position:left -18px;}
.prod-button{ float:right; width:48px; height:18px;}
.btn-add-to-cart{ display:block; width:48px; height:18px; background:url(images/icon-add.png) left top no-repeat; text-indent:-1000px; overflow:hidden;}
.btn-add-to-cart-inactive{ display:block; width:48px; height:18px; background:url(images/icon-addgray.png) left top no-repeat; text-indent:-1000px; overflow:hidden;}
.added-to-cart{ background-image:url("images/icon-added.png") !important;}
.product-navigation{ margin:15px 0 -1px -15px;}
.product-navigation a{ display:block; float:left; padding:3px 15px 15px; font-size:14px;}
.product-navigation a.active{ background:url(images/family-menu-bg.png) center bottom no-repeat; font-weight:bold; color:#000;}
#family .right-column h3{ margin:0 0 10px; font-size:22px; font-family:FranklinCondBold, Sans-Serif; -webkit-font-smoothing: antialiased;}
#family .right-column ul{ margin:0; padding:0 0 25px; list-style:none; line-height:1.1em; overflow:hidden;}
#family .right-column li{ padding:4px 0; font-size:11px;}

table.form td, table.grid td { border-bottom:1px solid #E7E7E7;}
table.grid th{border-bottom:#000 solid 1px; text-align:left; color:#000; padding:5px 0; font-family:FranklinCondBold,Sans-Serif; font-size:14px; -webkit-font-smoothing: antialiased;}
table.grid td {padding:7px 0;}
table.form td.noborder { border-bottom:none; }
td.captionReq { font-weight:bold;  }
td.caption, td.captionReq { color:#666666; margin-right:10px; padding:8px 10px 8px 0; text-align:right; vertical-align:middle; font-family: FranklinCondBold, Helvetica, Arial; -webkit-font-smoothing: antialiased; font-size:11px; text-transform:uppercase; letter-spacing:2px; }

/* My Account */
ul.userNav li {  list-style-image:none; line-height:40px; height:40px; }
ul.userNav { list-style-type:none; float:left; margin:0; padding:20px;}
ul.userNav a { display:block;}

.icoUser { padding-left:35px; background:url(images/icoUser.jpg) no-repeat 0 50%; }
.icoHistory { padding-left:35px; background:url(images/icoHistory.jpg) no-repeat 0 50%; }
.icoHistory2 { padding-left:35px; background:url(images/icoHistory2.jpg) no-repeat 0 50%; }
.icoDownload { padding-left:35px; background:url(images/icoDownloads.jpg) no-repeat 0 50%; }
.icoReports{ padding-left:35px; background:url(images/icoReports.jpg) no-repeat 0 50%; }
.icoResources{ padding-left:35px; background:url(images/icoResources.jpg) no-repeat 0 50%; }
.icoData { padding-left:35px; background:url(images/icoData.jpg) no-repeat 0 50%; }
.icoPdf { padding-left:35px; background:url(images/icoPdf.jpg) no-repeat 0 50%; height:30px; display:block; line-height:30px; }
.pdf-icon { background: url(images/pdf.gif) left top no-repeat; padding-left: 25px;  min-height: 18px;margin-left: 25px; font-size: 13px }
.icoWebfonts { padding-left:35px; background:url(images/icoWeb.png) no-repeat 0 50%; }

.download-info { padding-bottom:20px; margin:10px 0 20px 0; border-bottom:1px solid #D4D4D4;}
.download-content { background:url(/local/styles/images/icoFont.jpg) no-repeat 0 50%; padding-left:70px; }

.grid tr{ text-align:left;}

.wf-renew{ position:absolute; right:0; top:0;}

/* Autocomplete: */
.autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:0px; margin:4px 0 0 5px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:0px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -5px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#BB0000; }

.paging { padding:10px; text-align:right; font-size:11px; }
.paging img { vertical-align:middle; }
.paging a, .paging strong { margin:0 3px; }
.paging a { text-decoration:underline; }

.cart th { font-weight:bold; font-size:14px; color:#000; padding:5px 0; border-bottom:1px solid #000; }
.cart th.tl{ text-align:left; white-space:nowrap;}
.cart td { padding:10px 0; border-bottom:1px solid #E5E5E5; color:#000; vertical-align:top; }
.cart td label{ font-size:11px; color:#000; overflow:visible;}
.cart td label strong{ font-size:12px; color:#000;}

.cp-name a{ font-weight:bold; font-size:13px; line-height:1.2em;}
.cp-price div{ font-size:12px; padding:2px 0 1px; color:#B3B3B3;}
.cp-price strong{ font-weight:bold; font-size:12px; color:#000;}
.cp-price span{ font-family:FranklinCondBold,Verdana,Arial,Sans-Serif; -webkit-font-smoothing: antialiased;}
.cart-sku { font-size:11px; color:#999; }
.cart-total { font-size:30px; line-height:1.2em; text-align:right; padding:20px 0; font-family:FranklinCondBold,Sans-Serif; color:#000; -webkit-font-smoothing: antialiased; }
.cart-total span{ font-family:FranklinCondBold,Sans-Serif; -webkit-font-smoothing: antialiased;}
.cart-total.loading { background: url(images/loader.gif) no-repeat 50%; }

.btn-green-big{ background:#39A800; display:block; color:#fff; font-weight:normal; font-family:"BentonSansRE", Sans-Serif; font-size:22px; line-height:1.0em; cursor:pointer; padding:5px 0; width:140px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn-green-big:hover{ text-decoration:none; background:#329102;}

.btn-add-font{ background:#9C9C9C; display:block; color:#fff; font-weight:normal; font-family:"BentonSansRE", Sans-Serif; font-size:12px; line-height:1.0em; cursor:pointer; padding:5px 0; width:76px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.btn-add-font:hover{ text-decoration:none; background:#868686;}

.btn-green-medium{ background:#39A800; display:block; color:#fff; font-family:BentonSansRE,Sans-Serif; font-weight:normal; font-size:18px; line-height:1.0em; cursor:pointer; padding:4px 0; width:120px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn-green-medium:hover{ text-decoration:none; background:#329102;}

.btn-green{ background:#39A800; display: inline-block; color:#fff; font-family:BentonSansRE,Sans-Serif; font-weight:normal; font-size:13px; cursor:pointer; padding:2px 0; width:90px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn-green:hover{ text-decoration:none; background:#329102;}

.btn-grey{ background:#B3B3B3; display: inline-block; color:#fff; font-family:BentonSansRE,Sans-Serif; font-weight:normal; font-size:13px; cursor:pointer; padding:2px 0; width:90px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn-grey:hover{ text-decoration:none; background:#A7A7A7;}

.cart-amounts { text-align:center; width:100px; }
.checkout-warning, .warning { background:#FEFF8F; padding:5px 10px; color:#000; font-size:12px; line-height:1.3em; border:5px solid #FFFFBF; }
.slist-warning{ background:#FEFF8F; padding:5px; color:#000; font-size:11px; border:5px solid #FFFFBF; margin-bottom:10px;}
.slist-warning ul{ margin:0; padding:0 0 0 15px;}
.slist-warning li{ margin:0; padding:0;}
.info { background:#FFFFCF url(images/information.png) no-repeat 8px 8px; padding:5px 10px 5px 30px; color:#000; font-size:12px; line-height:1.3em; border:1px solid #FEFF8F; }

/* Footer */
.footer{ width:960px; height:230px; margin:0 auto; position:relative; background:#000; color:#CCCCCC; font-size:11px; line-height:1.2em;}
.footer-logo{ float:left; width:181px; padding:15px 15px 0 0;}
.footer-column{ float:left; width:215px; padding:0 0 0 20px;}
.footer-column h3{ color:#fff; font-family:FranklinCondBold,Arial Narrow,Arial,Sans-Serif; font-weight:normal; font-size:18px; margin:0; padding:0 0 7px; -webkit-font-smoothing: antialiased;}
.footer-column p{ margin:0; padding:0 0 10px;}
.footer-column ul{ list-style:none; margin:0; padding:0 0 25px;}
.footer-column a{ color:#cccccc;}
.footer-column a:hover{ text-decoration:none;}
.footer-column a span{ color:#BB0000;}

.about-us h1{ font-size:55px; }
.about-us h2{ font-size:42px; margin-top:0; font-family:FranklinCondLight, Sans-Serif; font-weight:normal; -webkit-font-smoothing: antialiased; }
.about-us h3{ font-size:25px; margin-bottom:5px;}
.about-us h3 a{ padding: 0 20px; font-weight:normal; font-size:14px; font-family:"BentonSansRE", Sans-Serif; font-weight:normal;}

.introduction{ color:#000;}
.introduction h1{ font-size:45px; line-height:1.4em; margin-bottom:0; }
.introduction h2{ font-size:32px; line-height:1.2em; font-weight:normal; color:#000; font-family:FranklinCondLight, Sans-Serif; -webkit-font-smoothing: antialiased;}
.introduction h3{ border-bottom:#000 solid 1px; color:#000; margin:0; padding:20px 0 10px;}
.introduction p{ margin:0; padding:10px 0 0;}
.introd-table{ background:#F2F2F2; padding:20px 20px 7px; vertical-align:top; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#000; margin:20px 0 7px; font-size:13px;}
.introd-table th{ font-weight:bold; border-bottom:#000 solid 1px; padding:0 0 5px 0; text-align:left;}
.introd-table td{ border-bottom:#E0E0E0 solid 1px; padding:10px 0;}
.introd-table h4{ font-family:FranklinCondLight,Arial Narrow,Arial,Sans-Serif;  margin:0; padding:0; font-weight:normal; font-size:32px; line-height:1.0em; -webkit-font-smoothing: antialiased;}
.introd-table td span{ color:#808080; font-size:12px;}
.introduction .hosting h3{ font-family:BentonSansRE, Sans-Serif; border:none; font-size:14px; background:url(images/inst-bg.png) left 10px no-repeat; padding:10px 0 5px 20px;}
.introduction .hosting p{ padding:0 0 0 20px;}

/* Blog */
.cms-comment{ margin:0 0 10px; border-bottom:#CDCDCD solid 1px;}
.comm-heading{ font-family:FranklinCondBold,Sans-Serif; font-size:24px; line-height:1.1em; color:#000; -webkit-font-smoothing: antialiased;}
.cms-comment-authorname{ padding:0; margin:0; color:#000; font-size:18px; line-height:1.1em; font-weight:bold;}
.cms-comment-createdon{ color:#808080; font-size:11px; margin:0; padding:0;}
.blog-content-box{ padding:0 0 30px;}
#blog .midle-column h1{ font-size:30px; line-height:1.1em; margin:0; padding:0; font-family:FranklinCondBold,Sans-Serif; -webkit-font-smoothing: antialiased;}
#blog .midle-column h1 a{ color:#000;}
#blog .midle-column h1 a:hover{ text-decoration:none;}
#blog .blog-small{ color:#808080; font-size:11px; font-family:"BentonSansRE",Sans-Serif}

.twitter-block{ padding:0 0 20px;}
.twitter-block h3{ background:url(images/twitter-bg.png) left top no-repeat; margin:0 0 15px; padding:0 0 15px 40px; font-family:FranklinCondBold,Sans-Serif; -webkit-font-smoothing: antialiased; color:#000; border-bottom:#000 solid 1px; font-size:22px; line-height:1.1em;}
.twitter-block h3 a:hover{ text-decoration:none;}
.twitt-box{ color:#000; padding:0 0 10px; margin: 0 0 10px; border-bottom:#CDCDCD solid 1px;}
.twitt-box span{ font-size:11px; color:#818181;}

.blog-latest{ padding:0 0 40px;}
.blog-latest h3{ margin:0; padding:0 0 10px; font-family:FranklinCondBold,Sans-Serif; color:#000; border-bottom:#000 solid 1px; font-size:24px; line-height:1.1em; -webkit-font-smoothing: antialiased;}
.blog-latest a{ display:block; font-size:16px; line-height:1.1em; padding:8px 0; border-bottom:#CDCDCD solid 1px;}

.blog-latest-block{ padding:0 0 40px;}
.blog-prod-box{ border-bottom:#CDCDCD solid 1px; padding:0 0 10px; margin:0 0 10px;}
.blog-latest-block h3{ margin:0 0 10px; padding:0 0 10px; font-family:FranklinCondBold,Sans-Serif; color:#000; border-bottom:#000 solid 1px; font-size:24px; line-height:1.1em; -webkit-font-smoothing: antialiased;}
.blog-latest-head{ position:relative; font-size:11px; }
.blog-prod-price{ position:absolute; right:0; top:0; color:#818181;}

.size-manipulator{ background:#F0F0F0; padding:12px 10px 10px; height:27px; overflow: visible;}
.c-control { width:300px; }
.c-unit { font-weight:bold; font-size:11px; color:#000; float:left; margin:0 0 0 10px; display:block; padding:2px 5px; background:#fff; border-top:#848484 solid 1px; border-left:#C1C1C1 solid 1px; border-right:#C1C1C1 solid 1px; border-bottom:#E1E1E1 solid 1px; }
.c-handle { display:block; width:16px; margin:0; height:15px; cursor: col-resize; position:relative; background:url(images/handle-bg.png) no-repeat; }
.c-handle-container { background:url(images/size-bar-bg.png) 50% 50% no-repeat; width:141px; height:15px; margin:3px 0; float:left;}
.c-small-size{ font-size:10px; text-align:center; float:left; width:24px; line-height:1.0em; margin:6px 0 0;}
.c-large-size{ font-size:20px; text-align:center; float:left; width:30px; line-height:1.0em;}
.cat-desc{ margin:0; padding:0 0 15px;}
.cad-sort{ padding:0 0 20px 10px; font-size:12px; color:#000; text-align:left;}
.cad-sort a{ color:#000;}

.receipt-logo, .receipt-address, .receipt{ display:none;}
.receipt-print{ vertical-align:middle; line-height:1.8em; padding:0 0 15px; white-space: nowrap   }
.receipt-print a:hover{ text-decoration:none;}

.errors{ background:#F0F0F0; padding:10px 10px 10px 25px; margin-bottom:0; color:#69696B;}
.alert{ background:url(images/alert.png) 15px 50% no-repeat #FAF7D6; padding:15px 15px 15px 70px; }

.text{ visibility:hidden;}
.wf-inactive .text{ visibility:visible;}
.inactive{ font-family:"BentonSansRE", Sans-Serif;}

.subscribe-box{ border: #000 solid 1px; background: #fff; width: 260px; padding: 15px; position: absolute; top: 80px; right: 40px;}
.subscribe-box p{ margin: 0;}
#newsletter .textbox{ width: 268px;}
#newsletter .btn-small{ margin: 10px 0 0;}
.btn-small{ display: inline-block; background:#00A816; border-radius: 3px; border: none; color: #fff; font-size: 12px; line-height: 1.0em; padding: 4px 7px; zoom: 1; *display: inline;}
.btn-small:hover{ text-decoration: none; background: #039110;}
.form-error{ color: #ff0000; padding: 10px 0 0;}
.discount-prod{ position: relative; border-top: #000 solid 1px; margin: 15px 0 0; padding: 15px 65px 0 0;}
.discount-prod .btn-add-to-cart{ position: absolute; right: 0; top: 15px;}
.info-box { border: black solid 1px; margin: 5px 0; padding: 5px; font-size: 11px; color: black; background: #FFFEDE; }

.btn-green-w170{ background:#39A800; display:block; color:#fff; font-family:BentonSansRE,Sans-Serif; font-weight:normal; font-size:18px; line-height:1.0em; cursor:pointer; padding:4px 0; width:170px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn-green-w170:hover{ text-decoration:none; background:#329102;}

.promo-inner{ position: relative; padding: 0 70px 0 100px; float: right}
.promo-cart{ position: absolute; left: 0; top: 0; margin-top: -2px;}
.promo-user{ max-width: 200px;}
.promo-btn{ position: absolute; right: 0; top: 0; }

@media print {

/* Print Style Sheet */
.header{ display:none;}
.main-menu{ display:none;}
h1{ display:none;}
.left-column{ display:none;}
#catalog .midle-column{ width:auto; float:none;}
.footer{ display:none;}
.receipt{ display:block;}
.receipt-logo{ display:block; text-align:left; padding:40px 0 10px;}
.receipt-address{ display:block; text-align:left; padding:0 0 0 21px; font-size:11px; color:#666; line-height:1.3em; float:left;}
.receipt-bill-address{ padding:0 0 0 21px;}
h2{ display:block; text-align:right; font-size:40px; margin-top:0;}
.receipt-print{ display:none;}
.size-manipulator{ display:none;}

}

.redirect-overlay { display:table; position:fixed; top:0; left:0; right:0; bottom:0; height:100%; width:100%; table-layout:fixed; text-align:center; }
.redirect-overlay__inner { display:table-cell; vertical-align:middle; background-color:rgba(0, 0, 0, .9); }
.redirect-overlay__wrapper { max-width:662px; margin:0 auto; margin-top: -30px; }
.redirect-overlay img { max-width:288px; vertical-align:middle; display:inline-block; }
    .redirect-overlay img + img { width:320px; max-width:100%; margin-left: 5px; }
.redirect-overlay h1 { color:#fff; font-size: 24px; }
.redirect-overlay p { color:#fff; font-family: 'BentonModernRE', Sans-Serif; font-size: 14px; line-height: 1.5; max-width: 80%; margin: 0 auto; }
.redirect-overlay span { display:block; white-space:nowrap; margin-bottom:45px; color:#fff; font-size: 22px; }
.redirect-overlay a { color:#fff; text-decoration:underline; }
    .redirect-overlay a:hover { text-decoration:none; }
p.redirect-explanation { margin:0; position:absolute; bottom:30px; left:0; right:0; text-align:center; max-width:100%; }