/*
     FILE ARCHIVED ON 16:36:42 Mar 24, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:59:35 Mar 7, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
html, body { height: 100%; padding:0; margin:0; font-family: "Lucida Sans unicode", Sans-Serif; color:#121212; font-size:13px; line-height:1.5em; background: #fff;}
.page-box{background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/header-bg.png) left top repeat-x #FFF; width:100%; height:100%; margin:0; padding:0;}
img{ border:none;}
a{ color:#0691e1; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:underline;}
textarea, select{ vertical-align:middle; background:#FFFFF1; border:1px solid #B3B3B3;}
.textbox{ padding:5px; margin:2px 0;  vertical-align:middle; background:#FFFFF1; border:1px solid #B3B3B3; width:250px;}
hr { border:0; border-top:1px solid #D4D4D4; height:1px; }
form{ margin:0; padding:0;}
button{ border:none; cursor:pointer; background:none; vertical-align:middle; padding:0; margin:0;}
table{ font-family:'Lucida Sans Unicode', Sans-Serif; font-size:13px;}
table th{ text-align:left;}

h1, h2, h3, h4 { font-weight:normal;  color:#000; margin:1em 0 0.5em 0; font-family: "Gill Sans Bold", Arial, Sans-Serif;}
h1 { font-size:22px; }
h2 { font-size:17px; }
h3 { margin:1em 0 0.5em 0; font-size:17px; }
h4{ font-size:16px;}
p{ margin:5px 0 10px;}

.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left;}

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

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

#page { width:977px; overflow:visible; margin:0 auto -179px; min-height:100%; height:auto !important; height:100%; position:relative;}

/* Header */
.header-box{ height:131px; overflow:hidden; position:relative; padding-left:20px}
.logo{ float:left; width:266px; margin-left:10px;}

#searcharea{ float:right; width:366px; height:50px; margin-right:12px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/search-bg.png) right top no-repeat; }
.searchbox{ background:none; border:none; font-size:16px; padding:2px 10px; margin:10px 7px 0 10px; width:218px; height:25px;}
#search-btn{ border:none; margin:9px 0 0; padding:0; text-indent:-1000px; overflow:hidden; width:95px; vertical-align:top; height:30px; background:none; cursor:pointer;}

.menu-box{ position:absolute; right:0; bottom:14px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/menu-left-bg.png) left bottom no-repeat; padding-left:19px;}
.menu{background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/menu-right-bg.png) right bottom no-repeat #000; padding-right:19px; height:36px; overflow:hidden;}
.menu a{ font-family: "Gill Sans Bold", Arial, Sans-Serif; color:#fff; display:block; padding:8px 15px; font-size:17px; float:left;}
.menu a:hover{ color:#21C7F8; text-decoration:none;}

.formitem { clear:both; padding:1px 0 0 180px; margin:1px 0; }
.formitem .label { display:block; float:left; width:165px; text-align:right; margin:2px 0 0 -170px; _margin:2px 0 0 -85px; padding:0; text-transform:none; font-size:inherit; }

/* Content */
.content-box{ padding:14px 12px 179px;}
#content{ padding:15px 0 60px;}

.left-block{ float:left; width:700px; overflow:hidden; border-right:#DEDDD4 solid 6px; padding:0 35px 0 0; min-height:330px;}
.left-block h2{ margin-top:0;}
.right-block{ float:left; width:212px; padding:0 0 20px; margin:0 0 0 -6px; border-left:#DEDDD4 solid 6px;}
.right-block h2{ margin:0 0 15px;}

.cms-content{ float:left; width:680px; overflow:hidden; border-right:#DEDDD4 solid 6px; padding:0 35px 0 20px; min-height:330px;}
.cms-sidebar{ float:right; width:192px; padding:0 0 0 20px; margin:0;}

.prod { border-top:1px solid #D4D4D4; padding:5px 0;}
.prod-info { padding:5px; position:relative; }
.prod-controls { position:absolute; top:0; right:0; width:120px; }
.prod-controls img { vertical-align:middle; margin:0 5px; }
.prod-image { margin:8px 0; white-space: nowrap;}
.prod-image a:hover{ text-decoration:none;}
.underline { border-bottom:1px solid #0078C0; }
.underline:hover { border-bottom:0px dotted #0078C0; }
.msrp { color:red; text-decoration:line-through; }
.prod-from { color:#000; padding-right:0px;}
.light { color:#999; }

/* Fonts Navigation */
  
#webfonts-nav{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/webfonts-nav-bg.png) right top no-repeat; padding:21px 0 0 15px; position:relative;}
.webfonts-nav-box{ background:#F4F4F4; border-bottom:#CACACA solid 1px; border-top:#CACACA solid 1px; border-left:#CACACA solid 1px; padding:0 15px 15px 15px;}
#webfonts-nav li a{ color:#0078C0; display:inline; padding:0;}
#webfonts-nav li{ border:none; padding:0 0 0 14px;}
#webfonts-nav li.active{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/webfonts-nav-active.gif) left top no-repeat; margin:0 0 0 -25px; padding:0 0 0 39px; border:none; }
#webfonts-nav .active a{ background:none; padding:0; color:#000;}  
#webfont{ margin:20px 0 0 0;}
.btn-add-to-cart{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-add-cart.png) left top no-repeat; width:110px; height:27px; overflow:hidden; margin:5px auto 0; text-indent:-10000px; display:block;}

.cat-filter{ padding:0 0 15px;}
.cat-filter h3{ font-size:13px; margin:0; padding:15px 0 3px; color:#54504A;}
.cat-select{ width:170px; border:#CDCCC4 solid 1px; background:#fff; padding:3px 5px;}
.cat-select option[selected]{ background:#E7E6DB;}

/* Sign In */
#loginarea { overflow:visible; margin:0; padding:0 0 0 878px; position:relative; }
.signin-box{background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/sign-left-bg.png) left top no-repeat; padding:0 1px 0 21px;}
.signin{background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/sign-right-bg.png) right top no-repeat #fff; padding:3px 21px 0 0; height:28px; white-space:nowrap;}
#signin-link {}
#signin-btn { width:63px; height:23px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-signin-form.png) no-repeat 0 0; text-indent:-1000px; display:block; margin:0 10px 0 0; overflow:hidden; float:left; }
.login-box{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/user-menu-left-bg.png) left top no-repeat; padding-left:12px; position:absolute; right:0; top:0;  z-index:100;}
.login{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/user-menu-right-bg.png) right top no-repeat; height:210px; width:280px; padding:0 12px 0 0;}
.signin-buttons { padding:5px; }
a.signinform-close{ display:block; position:absolute; right:36px; bottom:11px; color:#000; text-transform:uppercase; font-size:11px; text-decoration:none; border:none;}

.signedin { height:55px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/user-signedin-bg.png) repeat-x; font-size:14px; }
.signedin-w { height:55px; }
.signedin-w2 { padding:15px 0 0 15px; }
.signedin-user { padding:5px 0 5px 28px; position:relative; }
#user-icon { position:absolute; top:5px; left:-4px; width:17px; height:17px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/ascenderfonts.png) no-repeat -290px -79px; text-indent:-500px; overflow:hidden; display:block; }
.signedin a { margin:0 4px; }

/* Tool Tip */
.tooltip { font-size:12px; line-height:1.3em; }
.tooltip p { margin:0 0 10px; }
#tooltip { position:absolute; width:262px; }
/*#tooltip-top { height:15px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/tooltip-bg.png) no-repeat 0 0; }
#tooltip-bottom { height:28px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/tooltip-bg.png) no-repeat 0 100%; }*/
#tooltip-content { background:#F7F7E0; border:#54504A solid 1px; padding:15px 15px 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 5px #7E7D79; -moz-box-shadow:0 0 5px #7E7D79; box-shadow:0 0 5px #7E7D79; }


/* Product Page */
.addtocart-btn { background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-buy-font.png) no-repeat left top; float:right; width:141px; height:32px; overflow:hidden; padding:0; margin:0; line-height:0; font-size:0; text-indent:-1000px; display:block; }
.addtocart-btn-family{background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-web-family.png) no-repeat left top; float:right; width:175px; height:44px; overflow:hidden; padding:0; margin:0; line-height:0; font-size:0; text-indent:-1000px; display:block; }
.btn-addtocart{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-buyweblicense.png) no-repeat left top; width:97px; height:27px; overflow:hidden; padding:0; margin:0; line-height:0; font-size:0; text-indent:-1000px; display:block; }
.select-btn { background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/select-btn.png) no-repeat 0px 0px; width:125px; height:29px; overflow:hidden; text-indent:-10000px; display:block; margin:18px auto 0; }
.btn-buywebfont { background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/ascenderfonts.png) no-repeat 0 -257px; width:184px; height:29px; overflow:hidden; text-indent:-500px; }
.btn-try-it{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-tryit.png) no-repeat left top; width:108px; height:31px; overflow:hidden; display: block; text-indent:-1000px; overflow:hidden;}
.btn-webfonts{ display:block; cursor:pointer; text-align:center; background:#0691E1; color:#fff; font-family: "Gill Sans Bold", Arial, Sans-Serif; padding:3px 0; line-height:1.2em; font-size:14px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.btn-webfonts:hover{ text-decoration:none;}
.btn-webfonts-plus{ display:block; text-align:center; cursor:pointer; background:#8E8D8A; color:#fff; font-family: "Gill Sans Bold", Arial, Sans-Serif; padding:5px 0; line-height:1.2em; font-size:14px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.btn-webfonts-plus:hover{ text-decoration:none;}
.btn-webfonts-plus-small{ display:block; text-align:center; cursor:pointer; background:#0691E1; color:#fff; font-family: "Gill Sans Bold", Arial, Sans-Serif; padding:3px 0; line-height:1.2em; font-size:13px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.btn-webfonts-plus-small:hover{ text-decoration:none;}
.btn-preview-small{ display:block; text-align:center; cursor:pointer; background:#39B54A; color:#fff; font-family: "Gill Sans Bold", Arial, Sans-Serif; padding:3px 0; line-height:1.2em; font-size:13px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn-preview-small:hover{ text-decoration:none; color:#2B8938;}
.btn-webfonts-utils{ display:block; text-align:center; cursor:pointer; background:#8E8D8A; color:#fff; padding:0 3px; font-size:12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn-webfonts-utils:hover{ text-decoration:none; background:#78766C;}
.btn-webfonts-big{display:block; cursor:pointer; background:#0691E1; color:#fff; font-family: "Gill Sans Bold", Arial, Sans-Serif; padding:3px 0; text-align:center; line-height:1.2em; font-size:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.btn-small{  display:block; line-height:1.6em; text-align:center; cursor:pointer; background:#0691E1; color:#fff; padding:0 3px; font-size:12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn-small:hover{ text-decoration:none; background:#0681C8;}
.btn-webfont{ display:block; font-family:"Gill Sans Bold", Arial, Sans-Serif; color:#fff; padding:4px 0; font-size:14px; font-weight:bold; text-align:center; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-bg.png) left top repeat-x; text-shadow:0 1px 1px #484848; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 0 #114868; -moz-box-shadow:0 1px 0 #114868; box-shadow:0 1px 0 #114868;}
.btn-webfont:hover{ text-decoration:none; background-position:left bottom; color:#fff;}
.btn-webfont span{ color:#CDE3F0; font-size:13px; font-family:"Lucida Sans unicode",Sans-Serif; font-weight:normal; text-shadow:none;}
.btn-preview{ display:block; width:173px; height:31px; margin:20px auto 0;}

a.linkbtn, .button { vertical-align:middle; background:#58C7FF; border:0; color:#FFF; font-weight:bold; font-size:14px; text-decoration:none; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:15px; line-height:1.8em; padding:6px 10px; }
a.linkbtn:hover, .button:hover { background:#525252; }

.tab-box{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/tab-box-bg.png) left top repeat-x #F5F4F2; padding:10px 20px; margin:20px 0 0 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0; }
.f-nav{ list-style:none; margin:0 0 0 -31px; padding:0; font-family: "Gill Sans Bold", Arial, Sans-Serif; font-weight:bold; font-size:14px;}
.f-nav li{ padding:0 0 0 30px;}
.f-nav li.active{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/tab-bg.gif) left 50% no-repeat;}
.f-nav li.active a{ color:#000;}
.f-nav a{ display:block; padding:4px 5px; border-bottom:#D7D7D4 solid 1px;}

.f-description { font-size:12px; line-height:1.4em; }
.f-addtocart { width:175px; float:right; margin:0; padding:0;}
.f-msrp { color:red; text-decoration:line-through; text-align:center; font-size:15px; }
.f-price { font-size:19px; color:#000; text-align:center; }
.f-tabs { }
.f-tabs ul { list-style-type:none; margin:0; padding:0; }
.f-tabs li { width:150px; float:left; display:block; text-align:center; height:36px; padding:0 7px 0 0; }
.f-tabs a { display:block; padding:5px 0 5px; height:26px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/f-tab-separator.png) no-repeat; margin-left:-7px; }
.f-tabs .first a { background-image:none; }
.f-tabs .active { background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/f-tab-corner.png) no-repeat 100% 100%; }
.f-tabs .active a { background:#000; color:#FFF; }
.f-sampleform { padding:15px; background:#F4F3F2; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.f-sampleimg { padding:20px 0 0 0; overflow:hidden; }
#tab-content { margin-bottom:20px; }
#related-products div:first-child { border-top:0; }
.f-otflist { list-style-type:none; margin:0; padding:0; width:150px; font-size:12px; float:left; }
.f-otflist li { border-bottom:1px solid #D4D4D4; padding:2px 4px; }
.f-otflist li:last-child { border:0; }
.f-otflist a { display:block; }
.f-paging { text-align:right; margin:20px 0 0 0; padding:20px 10px 0 0; font-size:12px; font-family:"lucida Sans unicode", Verdana, Sans-Serif; }
.f-paging a, .f-paging strong { margin:0 4px; }
.f-paging a { text-decoration:underline; color:#666; }
#OTF-Image { width:570px; float:right; border:0px solid #CCC; }
.f-info { margin:0; padding:0 0 10px; list-style-type:none; font-size:16px; border-bottom:#ccc solid 1px; }
.f-title{ margin:0; padding:0 0 15px; float:left; width:475px; line-height:1.1em;}
.f-info li { margin:0 19px 0 0; padding:3px 0; font-family:"lucida Sans unicode", Verdana, Sans-Serif; font-size:13px; float:left; width:320px; }
.t-info { margin:0 20px 20px 20px; width:270px; font-size:12px; }
.t-info td { padding:4px; border-bottom:1px solid #D4D4D4; }
.t-info .t-lbl { text-align:right; width:120px; color:#000; vertical-align:top; font-family: "Gill Sans Bold",Arial,Sans-Serif; font-size:13px;}
.upsell { background:#FFF8E2 url(/web/20130324163642/http://www.fontslive.com/af/images/ui/free.png) no-repeat 30px 10px; color:#000; padding:25px 5px 5px 130px; height:100px; border-bottom:1px dashed #CCC; font-size:17px; line-height:1.6em; }
.webfont-top { position:relative; background:#FFF8E2 url(/web/20130324163642/http://www.fontslive.com/global/icons/48/web.png) no-repeat 10px 50%; padding:10px 5px 10px 70px; border-bottom:1px dashed #CCC; font-size:15px; line-height:1.6em; }
.webfont-top p { padding:0; margin:0; }
.webfont-css { padding:4px; font-size:14px; font-family:Courier New; }
.family-top { background:#EEE; color:#000; padding:10px; border-bottom:0px dashed #CCC; font-size:12px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.f-specimen {  }
.f-specimensize { color:#999; text-align:right; font-size:14px; vertical-align:middle; padding:0 5px; width:30px; }
.f-specimentext { white-space:nowrap; width:628px; padding:5px; }

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

#rndr-menu ul{ list-style:none; margin:20px 0 0 0; padding:0 0 0 49px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/brwsr-bg.png)left bottom no-repeat; border-bottom:#D9D9D9 solid 1px;}
#rndr-menu li{ float:left;}
#rndr-menu a{ display:block; padding:0 20px 12px 20px; line-height:24px; width:140px; margin:0; border-left:#D9D9D9 solid 1px; font-family:"Gill Sans Bold",Arial,Sans-Serif; font-size:20px; text-decoration:none; color:#000; }
#rndr-menu a:hover{ color:#0072BF;}
#rndr-menu a span{ font-size:16px; color:#777777; font-family:"Garamond Regular",Georgia,Serif}
#rndr-menu a.active{ background:#fff; margin:0 0 -1px 0; padding:0 20px 13px 20px;}

/* Cart */
#cart-summary, #checkout-options, #Register, #SignIn, #confirmation{ font-family: "lucida Sans unicode", Verdana, Sans-Serif; font-size:14px;}
#cart td { padding:10px 0; border-bottom:1px solid #D0CFCA; vertical-align: middle;}

.cart-sku { font-size:14px; color:#999; }
.cart-total { font-size:24px; font-weight:bold; text-align:right; padding:18px 20px; font-family:"Gill Sans Bold",Arial,Sans-Serif; color:#000; }
.cart-amounts { text-align:center; width:100px; }
.checkout-warning, .warning { background:#FEFF8F; padding:5px 10px; color:#000; font-size:16px; line-height:1.3em; border:5px solid #FFFFBF; }
.slist-warning{ background:#FEFF8F; padding:5px; color:#000; font-size:14px; 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(/web/20130324163642/http://www.fontslive.com/local/styles/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; }

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

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

#popup { position:absolute; top:50px; left:50%; margin:0 0 0 -463px; width:926px; background:#FFF;-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
#popup-close { cursor:pointer; position:absolute; top:-12px; right:-10px; width:32px; height:33px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/pop-up-close-bg.png) no-repeat left top; }
#popup-title { color:#444343; font-size:20px; font-family:"Gill Sans Bold",Arial,Sans-Serif; padding:25px 33px 0; margin:0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0; }
#popup-content { background:#FFF; padding:20px; margin:0 10px 10px 10px;}

#alert-box { background:#fff; position:fixed; width:316px; top:10%; left:50%; margin:0 0 0 -155px; overflow:visible; padding:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#alert-head {}
#alert-close { cursor:pointer; position:absolute; top:-12px; right:-10px; width:32px; height:33px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/pop-up-close-bg.png) no-repeat left top;  display:block; text-indent:-1000px; overflow:hidden;}
#alert-title {  color:#444343; font-size:14px; font-family:"Gill Sans Bold",Arial,Sans-Serif; padding:10px; background:#E6E6E6; margin:0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; }
#alert-content { padding:1px 12px 12px; color:#000; min-height:60px; font-family: "lucida Sans unicode", Verdana, Sans-Serif; font-size:13px; }
#alert-footer { display:none;}

.free-trial{ background:#197095; color:#fff; margin:0 -20px; padding:20px;}
.free-trial h3{ font-size:26px; color:#fff; margin:0; padding:0}
.free-trial p{ margin:0; padding:15px 0 0;}
.free-trial-left{ float:left; width:620px;}
.web-choices{ margin:0 -10px;}
.web-choice{ vertical-align:top; width:25%; background:#F2F2F2; padding:15px; border:#fff solid 5px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-align:center; }
.web-title{ font-family:"Gill Sans Bold",Arial,Sans-Serif; text-transform: uppercase; color:#999; font-size:22px;}
.web-price{ font-family:"Gill Sans Bold",Arial,Sans-Serif; padding:15px 0 7px; }
.web-visitors{ font-family:"Gill Sans Bold",Arial,Sans-Serif; line-height:18px; font-size:18px; padding:8px 0;}
.web-btn{ width:97px; margin:0 auto;}
.web-info{ color:#666666; font-size:16px; line-height:17px; padding:0; text-transform:uppercase;}

ul.userNav li {  list-style-image:none; line-height:34px; height:34px; vertical-align:middle; border-bottom:#DEDDD4 solid 1px; }
ul.userNav { list-style-type:none; margin:0 0 30px; padding-left:0; border-top:#DEDDD4 solid 1px; }
ul.userNav a { display:block;}

.icoUser { padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoUser.gif) no-repeat 0 50%; }
.icoHistory { padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoHistory.jpg) no-repeat 0 50%; }
.icoHistory2 { padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoHistory2.jpg) no-repeat 0 50%; }
.icoDownload { padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoDownloads.jpg) no-repeat 0 50%; }
.icoReports{ padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoReports.jpg) no-repeat 0 50%; }
.icoResources{ padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoResources.jpg) no-repeat 0 50%; }
.icoData { padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoData.jpg) no-repeat 0 50%; }
.icoPdf { padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoPdf.jpg) no-repeat 0 50%; height:30px; display:block; line-height:30px; }
.icoWebfonts { padding-left:35px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icoWeb.png) no-repeat 0 50%; }

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

.warningBox, .successBox { padding:10px 10px 10px 45px;  margin-bottom:10px; }
.warningBox { background:#FFEBB7 url(/web/20130324163642/http://www.fontslive.com/local/styles/images/warning.png) no-repeat 10px 50%; border-bottom:1px solid #FF7E39;}
.successBox { background:#DFFFE0 url(/web/20130324163642/http://www.fontslive.com/local/styles/images/success.png) no-repeat 10px 50%; border-bottom:1px solid #349738;}

/*form - table*/
table.form td, table.grid td { border-top:1px solid #D0CFCA;}
table.grid td { padding:4px 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: Trebuchet MS, Helvetica, Arial; font-size:11px; text-transform:uppercase; font-weight:bold; letter-spacing:2px; }

/* Color picker: */
.colorpicker { width:356px; height:176px; overflow:hidden; position:absolute; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_background.png); font-family:Arial, Helvetica, sans-serif; display:none;}
.colorpicker_color { width:150px; height:150px; left:14px; top:13px; position:absolute; background:#f00; overflow:hidden; cursor:crosshair;}
.colorpicker_color div { position:absolute; top:0; left:0; width:150px; height:150px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/colorpicker_overlay.png);}
.colorpicker_color div div { position:absolute; top:0; left:0; width:11px; height:14px; overflow:hidden; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/colorpicker_select.gif) no-repeat; margin:-5px 0 0 -5px;}
.colorpicker_hue { position:absolute; top:13px; left:171px; width:35px; height:150px; cursor:n-resize;}
.colorpicker_hue div { position:absolute; width:35px; height:9px; overflow:hidden; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/colorpicker_indic.gif) left top; margin:-4px 0 0 0; left:0px;}
.colorpicker_new_color { position:absolute; width:60px; height:30px; left:213px; top:13px; background:#f00;}
.colorpicker_current_color { position:absolute; width:60px; height:30px; left:283px; top:13px; background:#f00;}
.colorpicker input { background-color:transparent; border:1px solid transparent; position:absolute; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#898989; top:4px; right:11px; text-align:right; margin:0; padding:0; height:11px;}
.colorpicker_hex { position:absolute; width:72px; height:22px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_hex.png) top; left:212px; top:142px;}
.colorpicker_hex input { right:6px;}
.colorpicker_field { height:22px; width:62px; background-position:top; position:absolute;}
.colorpicker_field span { position:absolute; width:12px; height:22px; overflow:hidden; top:0; right:0; cursor:n-resize;}
.colorpicker_rgb_r { background-image:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_rgb_r.png); top:52px; left:212px;}
.colorpicker_rgb_g { background-image:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_rgb_g.png); top:82px; left:212px;}
.colorpicker_rgb_b { background-image:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_rgb_b.png); top:112px; left:212px;}
.colorpicker_hsb_h { background-image:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_hsb_h.png); top:52px; left:282px;}
.colorpicker_hsb_s { background-image:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_hsb_s.png); top:82px; left:282px;}
.colorpicker_hsb_b { background-image:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_hsb_b.png); top:112px; left:282px;}
.colorpicker_submit { position:absolute; width:22px; height:22px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/custom_submit.png) top; left:322px; top:142px; overflow:hidden;}
.colorpicker_focus { background-position:center;}
.colorpicker_hex.colorpicker_focus { background-position:bottom;}
.colorpicker_submit.colorpicker_focus { background-position:bottom;}
.colorpicker_slider { background-position:bottom;}

/* Footer */
.footer-box{ width:100%; position:relative; z-index:1000; height:170px; padding:0; background:#D8D7D4; border-top:#B0AFAC solid 9px; }
.footer-utils{ z-index:1000; position:relative; width:957px; margin:0 auto;}
.footer-utils-box{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/f-utils.gif) right bottom no-repeat; height:38px; overflow:hidden; position:absolute; right:0; bottom:0; width:230px;}
.rss-feed{ color:#000; font-size:17px; font-weight:bold; text-shadow: 0 1px 1px #F4F4F2; font-family:"Gill Sans Bold",Arial,Sans-Serif; padding:0 0 0 25px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icn-rss.png) left top no-repeat;}
.twitter{ color:#000; font-size:17px; font-weight:bold; text-shadow: 0 1px 1px #F4F4F2; font-family:"Gill Sans Bold",Arial,Sans-Serif; padding:0 0 0 20px; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icn-twitter.png) left top no-repeat;}
.rss-feed:hover, .twitter:hover{ text-decoration:none;}

.footer{ width:913px; margin:0 auto; padding:30px 0 0;}
.footer-menu{ font-size:17px; line-height:17px; padding:0 0 15px; font-family:"Gill Sans Bold",Arial,Sans-Serif;}
.footer-menu a{ color:#000; padding:0 15px 0 0; text-shadow: 0 1px 1px #F4F4F2; }
.footer p{ padding:0; margin:0; font-size:14px; line-height:14px; font-family:"lucida Sans unicode", Sans-Serif; font-size:12px;}

/* DevBridge logo */
#db-logo { display: inline; margin: 0 5px 0 0; position: relative; top: 4px; }
#db-logo .db1 { background-image: url(/web/20130324163642/http://www.fontslive.com/local/styles/images/db-grey-red.png); width: 23px; height: 20px; background-repeat: no-repeat; background-color: Transparent; overflow: hidden; margin: 0; padding: 0; outline: none; border: none; border-width: 0; cursor: pointer; display: inline-block; }
#db-logo:hover .db1 { background-position: 0 -20px; }
#db-logo .db2, #db-logo .db3 { position: relative; top: -5px; color: #A9A9A9; font-family:  "Lucida Sans unicode", Sans-Serif; font-size: 13px; text-decoration: none; font-weight: normal; margin:0; padding:0; text-transform: none; font-style: normal; }
#db-logo:hover .db2 { text-decoration: none; color: #D53C27; text-decoration: none; }
#db-logo:hover .db3 { color: #000000; text-decoration: none; }

/* User Info bar */
.user-block{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/user-menu-left-bg.png) left top no-repeat; padding-left:24px; margin:0 0 0 20px;}
.user-utils{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/user-menu-r-bg.png) right top no-repeat #FFF; padding-right:24px; height:37px; overflow:hidden;}
.user-left-block{ float:left; line-height:19px; padding: 4px 0 0 7px; vertical-align:middle; font-size:16px;}
.user-left-block a{ padding:0 20px 0 5px; font-size:12px; font-family:Verdana, Sans-Serif; vertical-align:middle; display:inline-block; margin:0 2px; padding: 0 7px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
a.signout:hover{ background:#545454; color:#F9F9F6; text-decoration:none;}
.btn-usr-nav{ background:#0691E1; color:#fff;}
.btn-usr-nav:hover{ text-decoration:none; background:#0681C8;}
.signout{background:#333333; color:#fff;}
.user-right-block{ float:right; padding:2px 0 0; text-align:right; line-height:20px; vertical-align:middle;}
.user-right-block span{ vertical-align:middle;}
.user-right-block .price{ padding:0 10px;}
.cart-icon{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/icn-cart.png) left 1px no-repeat; width:24px; height:22px; display:inline-block;}

/* Typetester */
  #controler-container{ position:relative; padding: 20px; margin:20px 0 5px; background:#F4F3F2; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; }
  .c-control { width:170px; float:left; padding: 0 0 0 7px; }
  .c-control h4{ font-size:14px; margin-top:5px}
  .c-unit { font-weight:normal; font-size:14px; color:#000; text-align:right; font-family:arial, Sans-Serif;}
  .c-handle { display:block; width:21px; margin:-4px 0 0 0; height:13px; cursor:pointer; position:relative; background:url(/web/20130324163642/http://www.fontslive.com/local/images/slider-arrow.png) no-repeat; }
  .c-handle-container { border:1px solid #D4D5D8; width:130px; background:#FFF; height:5px; margin:7px 0 5px 0; float:left;}

  #colorpicker, #colorpicker2 { background:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/select.png) no-repeat; width:36px; height:36px; position:relative; cursor:pointer; }
  #colorpicker div, #colorpicker2 div { background:url(/web/20130324163642/http://www.fontslive.com/local/styles/colorpicker/select.png) no-repeat -3px -3px; width:30px; height:30px; position:absolute; top:3px; left:3px; }

.web-fonts{ padding-left:20px; width:680px;}
.web-fonts table.grid td{ padding:4px 8px;}
.web-fonts-help{}
.web-fonts-help img{ border:#22211C solid 1px; margin:15px 0;}
.new-project-fields label{ line-height:1.1em; padding-top:10px; display:block;}
.new-project-fields label span{ color:#7D7D7D; font-size:11px;}
.web-fonts-help .tip{ background:#FFFFF1; padding:10px; margin:0 0 20px 0; color:#736203; font-size:13px;}
#step1,#step2, #step3{ background:#000; color:#fff; font-size:16px; padding:5px 10px; margin:30px 0; }

.webfonts-box{ background:#F5F4F2; padding:25px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative;}
.webfonts-box th, #fnt-checkboxes th{ vertical-align:bottom; border-bottom:#000 solid 3px; text-align:left; padding:0 0 5px 0; color:#000; font-size:16px; font-family:"Gill Sans Bold", Arial, Sans-Serif;}
.webfonts-box table.grid td{ padding:5px 0;}
.webfonts-box .separator{ padding:7px 0;}
.webfonts-box .separator div{ border-bottom:#D0CFCA solid 1px; line-height:1px; font-size:1px;}
.webfonts-upgrade{ vertical-align:middle;}

.webfonts-nav h3{}
.webfonts-nav ul{ list-style:none; margin:0; padding:0 0 15px; border-top:#E6E6E6 solid 1px;}
.webfonts-nav li{ padding:7px 0; line-height:1.0em; border-bottom:#E6E6E6 solid 1px;}
.webfonts-nav a{ display:block;}
.webfonts-nav span{ color:#808080; font-size:11px;}
.webfonts-tips{ float:left; width:282px; margin:15px 0 0 30px; padding:10px 30px 14px 15px; white-space:nowrap; background:#F4F4F2; border:#E6E6E6 solid 1px; color:#666666; font-size:11px; line-height:1.3em;}
.webfonts-tips h3{ color:#000; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/tips.png) left top no-repeat; margin:0; padding:0 0 5px 20px; font-size:14px; line-height:1.6em;}
.webfonts-tips ul{ list-style:none; margin:0; padding:0 0 0 13px;}

.web-fonts-list td{ padding:4px 0;}
.subsets{ padding:10px 0 0 20px;}
.new-project-select{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/project-bg.png) left bottom repeat-x; vertical-align:middle; font-size:24px; margin:0 0 20px; padding:5px 10px; line-height:1.2em; border:#E1E1E1 solid 1px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.new-project-select label{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/project-arrow.png) left 50% no-repeat; padding:0 0 0 25px; display:block; cursor: pointer;}
.new-project-select label.active{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/project-arrow01.png) left 50% no-repeat;}
.new-project-select input[type="radio"]{ margin:0 84px 0 -100px;}
.project-box{ background:#FFFFF1; border:#D1D1CB solid 1px; width:50%; padding:7px 15px; margin:0 0 8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.project-box h4{ margin-top:0;}
.project-box label{ display:block; margin:2px 0;}

/* Price Plans */
  .plans{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/plans-bg.png) 50% top no-repeat; width:955px; height:586px;}
  #popup-content .plans{ width:auto; height:auto; margin:-30px 0 -33px; padding:0; background:none;}
  #popup-content .plans-container{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/plans-bg-popup.png) -45px top no-repeat; margin:0; padding:0 0 40px;}
  .plans-container{ padding:40px 0 0 5px;}
  .plans-logo{ margin-bottom:40px;}
  .plans-box{ padding:28px 41px 41px 40px;}
  #popup-content .plans-box{ padding:10px 0 3px;}
  .plans-box h1{ margin:0; padding:0; line-height:1.2em; color:#000; font-size:24px; font-family:"Gill Sans Bold",Arial,Sans-Serif; font-weight:bold;}
  .plans-form{ float:right;}
  .plans-form label{ color:#666666;}
  
  .plan{ float:left; width:212px; height:360px; margin:0 6px 0 0; text-align:center;}
  .plan-top-box{ height:210px;}
  .plan h3{ color:#403730; font-size:17px; text-transform: uppercase; font-family:"Gill Sans Bold",Arial,Sans-Serif; font-weight:bold; margin:0 20px 20px; padding:20px 0 10px;}
  .plan h4{ font-size:34px; font-family:"Gill Sans Bold",Arial,Sans-Serif; font-weight:bold; color:#000; padding:0; margin:0; line-height:1.0em}
  .plan .empty h4, .plan .empty h4 span { color:#DDDAD0;}
  .plan .free-title{ color:#A83F19;}
  .plan h4 .small{ font-size:16px; color:#808080; font-family:"Lucida Sans unicode",Sans-Serif; font-weight:normal; line-height:1.0em;}
  .btn-plans{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-plan.gif) 50% top no-repeat; display:block; width:120px; height:30px; margin:25px auto; overflow:hidden; text-indent:-1000px;}
  .empty .btn-plans{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/btn-plan-empty.gif) 50% top no-repeat;}
  .plan ul{ list-style:none; margin:0; padding:2px 0 0; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/plan-list-bg.gif) left top repeat-x;}
  .plan li{ padding:2px 0 0; background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/plan-list-bg.gif) left bottom repeat-x; white-space:nowrap; line-height:1.8em; height:29px; vertical-align:middle;}
  .plan img{ margin-top:1px;}

.errors{ background:#FDF4B3;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:10px; margin:25px 0 20px; }
.inactive{ color:#B5B5B5;}
.inactive .textbox{ border:#D1D1D1 solid 1px; background:#fff; color:#B5B5B5;}
.alert{ background:url(/web/20130324163642/http://www.fontslive.com/local/styles/images/alert.png) 10px 15px no-repeat #FDF4B3; padding:15px 15px 15px 36px; font-size:11px; line-height:1.3em;}