body{
background-color:#ffffff;
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}

a{
color:#002859;
font-family:Verdana, Arial, 'sans-serif';
font-size:12px;
text-decoration: none;
outline: 0;
}

td.main a{
color:#002859;
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
text-decoration: none;
}

td.main_news a{
color:#002859;
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
text-decoration: none;
}

table.right a{
color:#002859;
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
text-decoration: none;
}

a.catfontname{
color:#002859;
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
text-decoration: none;
font-weight:bold;
}

a.leftcat_notsel{
color:#000000;
}

a.leftcat_notsel:hover{
color:#002859;
}

a.leftcat_sel{
color:#002859;
font-weight:bold;
}

a.leftcat_sel:hover{
color:#000000;
}

.orange{
color:#002859;
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
}

.red{
color:#ff0000;
}

td{
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
}
tr.top{
height:69px;
background-image:url('../images/fontshop/top.png');
}

.topcat{
background-color: #b8cadb;
height:27px;
border: 1px solid #ffffff;
}

.lite{
background-color: #f4f7fa;
border: 1px solid #ffffff;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
}

.dark{
background-color: #b8cadb;
height:19px;
border: 1px solid #ffffff;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
}

.underline{
border-width: 1px; 
border-style: dotted;
border-color: #000000;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
}
td.left{
background-image:url('../images/fontshop/left_line.png');
background-position:left;
background-repeat:repeat-y;
width:9px;
}
td.right{
background-image:url('../images/fontshop/right_line.png');
background-position:right;
background-repeat:repeat-y;
width:8px;
}
tr.bottomline{
background-image:url('../images/fontshop/bottom_bg.png');
}

td.separate{
background-image:url('../images/fontshop/separate.png');
background-repeat:repeat-x;
background-position:center;
}

td.bottom{
height:45px;
}

.main{
border: 1px solid #b8cadb;
padding: 10px;
}

.main_news{
padding: 10px;
}

.leftcat{
width:185px;
border: 1px solid #ffffff;
border-top-width: 0px;
}

.rightcat{
width:165px;
border: 1px solid #ffffff;
border-top-width: 0px;
padding: 10px;
padding-top:5px;
}

div.page_title{
border-bottom-color:#002859;
border-bottom-style:solid;
border-bottom-width: 1px;
color:#002859;
font-size:16px;
font-weight:bold;
padding-bottom:5px;
padding-top:5px;
}
a.top{
color: #7e7e7e;
margin-left:10px;
margin-right:10px;
}
a.top_sel{
color: #002859;
margin-left:10px;
margin-right:10px;
}
input.search{
width:140px;
height: 16px;
border: 1px solid #002859;
color:#000000;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
a.advanced{
color:#000000;
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
text-decoration: underline;
}

.even{
background-color: #FFFFFF;
}

.odd{
background-color: #F4F4F4;
}

table.catalog tr.head td{
background-color: #e9e9e9;
color:#000000;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
font-weight:bold;
}

table.catalog tr.head td.gray{
color:#8c8c8c;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
font-weight:normal;
}

table.advsearch td.gray{
color:#8c8c8c;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
font-weight:normal;
}

table.catalog tr.bottom{
background-color: #d4d4d4;
}

table.catalog tr.bottom a{
color:#434343;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
}


table.catalog td.advsearch{
border: 1px solid #84a2bc;
padding: 10px;
}

table.advsearch td{
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
}

.azclass{
padding: 6px;
color:#84a2bc;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
}

.azclass_sel{
padding: 5px;
color:#002859;
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
font-weight:bold;
}

.fromto{
color:#84a2bc;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
}

.fromto a{
color:#84a2bc;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
text-decoration: underline;
}

.fromto a.sel{
color:#002859;
font-family:Verdana, Arial, 'sans-serif';
font-size:12px;
font-weight:bold;
text-decoration: none;
}

.searchbox{
border: 1px solid #84a2bc;
color:#8c8c8c;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
width:460px;
}

.filterbox{
border: 1px solid #84a2bc;
color:#8c8c8c;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
}

.imagetitle{
padding: 0px;
}

.titletext{
color:#8c8c8c;
font-family:Verdana, Arial, 'sans-serif';
font-size:14px;
}

.dark_gray{
background-color: #d4d4d4;
}

.dark_gray a{
color:#434343;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
}

.product_title{
color:#434343;
font-family:Verdana, Arial, 'sans-serif';
font-size:16px;
font-weight:bold;
}

.supplier_small{
color:#434343;
font-family:Verdana, Arial, 'sans-serif';
font-size:10px;
/*padding-left: 20px;*/
}

a.small{
font-size:10px;
text-decoration: underline;
font-family:Verdana, Arial, 'sans-serif';
}

a.smallnu{
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}

.product_head{
background-color: #e1e1e1;
font-family:Verdana, Arial, 'sans-serif';
color:#808080;
font-size:10px;
font-weight:bold;
}

.book_head{
background-color: #e1e1e1;
font-family:Verdana, Arial, 'sans-serif';
color:#000000;
font-size:14px;
font-weight:bold;
}

.prices{
background-color: #f2f2f2;
}

td.title{
background-color:#e9e9e9;
font-weight:bold;
text-align:center;
}
.mandatory{
color:#fc7018;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

div.error{
background-color:#FFFFFF;
border-color: #f2f2f2;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width:250px;
margin: 5;
padding: 10;
}

.input, .textarea{
border: 1px solid #002859;
color:#000000;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}

.product_price{
color:#002859;
font-size:12px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

.short_desc{
/*color:#7f7f7f;*/
color:#000000;
font-size:9px;
font-family:Verdana, Arial, 'sans-serif';
}

.p_name{
color:#002859;
font-size:12px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

.light_grey{
background-color:#e1e1e1;
}

.dark_grey{
background-color:#d0d0d0;
}

.box_price{
color:#000000;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

.p_delivery{
background-color: #f2f2f2;
color:#7f7f7f;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
}

.p_desc{
background-color: #fbfbfb;
}

table.cart{
/*border: 1px solid #8c8c8c;border-top-width: 0px;*/
}
table.cart td{
color:#7f7f7f;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
.cat_link{
color:#0b559e;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
.cart_supplier{
color:#a3a3a3;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
.cart_top{
border: 0px solid #ffffff;
}
.cart_head{
background-color: #ffffff;
color:#656565;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}

input.license{
border: 1px solid #809dbb;
color:#000000;
font-size:9px;
font-family:Verdana, Arial, 'sans-serif';
}

span.license_eq{
color:#002859;
}

div.msg{
color:#002859;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

.cart_stotal{
color:#002859;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

tr.total td{
background-color: #e3e3e3;
color:#727272;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}

tr.total span.total{
color:#727272;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

tr.total span.total_price{
color:#002859;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

.cbox{
color:#727272;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
.cbox_black{
color:#000000;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}

.cbox_bottom{
color:#727272;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
border: 1px dotted #727272;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
}

.cart_side,.cart_side a{
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
}

.total_orange{
color:#002859;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
font-weight:bold;
}

.cat_link_orange{
color:#fc7018;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}

table.login{
color:#666666;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
}
table.login input, table.register input, table.register select{
/*width:140px;
height: 15px;*/
border: 1px solid #000000;
color:#000000;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
}
table.register td{
color:#000000;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
table.login a{
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
}
.dottedborder{
border-width: 1px; 
border-style: dotted;
border-color: #000000;
}
.margin_h{
margin-bottom: 2px;
height: 20px;
}
.margin{
margin-bottom: 2px;
}
table.ccard input, table.ccard select{
height: 17px;
/*border: 1px solid #000000;*/
color:#000000;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
}
table.ccardreal input, table.ccardreal select{
height: 17px;
border: 1px solid #000000;
color:#000000;
font-size:11px;
font-family:Verdana, Arial, 'sans-serif';
}
table.ccard td{
color:#000000;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
table.advsearch tr.head{
background-color:#e9e9e9;
font-weight:bold;
}
.link_black{
color:#000000;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
input.orange{
border: 1px solid #002859;
color:#000000;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}
.newsletter{
width:150px;
height: 14px;
border: 1px solid #4c4c4c;
color:#4c4c4c;
font-size:10px;
font-family:Verdana, Arial, 'sans-serif';
}

.product_info{
background-position:bottom;
background-repeat:no-repeat;
}

.bold{
font-weight:bold;
}

.textarea_big{
font-family:Verdana, Arial, 'sans-serif';
font-size:15px;
background-color:#F6FFA2;
border-color: #002859;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}

.sampletop, .sampletop table{
background-color:#002859;
color:#ffffff;
}

.left_dott{
border-width: 2px; 
border-style: dotted;
border-color: #000000;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
}

.top_bottom_dott{
border-width: 2px; 
border-style: dotted;
border-color: #000000;
border-left-width: 0px;
border-right-width: 0px;
}

.textarea_sample{
font-family:Verdana, Arial, 'sans-serif';
font-size:15px;
height:120px;
width:100%;
}

.box_sample{
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
}

.font_sample{
font-family:Verdana, Arial, 'sans-serif';
font-size:11px;
width:100%;
}

.tabitem{
float: left;
width: 150px;
height: 140px;
text-align: center;
}

#tabscontainer .ui-widget-content, #tabscontainer2 .ui-widget-content{
height: 160px;
overflow: auto;
width: 540px;
background-color: #FFFFFF;
}

/* Helvetica Page #helvetica-page */
#helvetica-page h3, #neue-helvetica-page h3, #web-fonts-page h3, #chinese-page h3{font-weight: normal; margin-bottom: 2px;}
#helvetica-page hr, #neue-helvetica-page hr, #web-fonts-page hr, #chinese-page hr{margin-top: 0; height: 1px; background-color: #BFC7D2; border: none;}
#helvetica-page p, #neue-helvetica-page p, #web-fonts-page p, #chinese-page p{line-height: 16px;}
#helvetica-page a, #neue-helvetica-page a, #web-fonts-page a{font-weight: bold;}
#chinese-page a{font-weight: normal;}
#chinese-page a.mail{font-weight: bold;}
#helvetica-page em, #neue-helvetica-page em, #web-fonts-page em, #chinese-page em{color: #999999;}
#helvetica-page a.button{display: block; width: 270px; height: 31px; margin: 30px 0 45px 0; background: url('/images/imgs/helvetica/fontshop_button_m.png') 0 0 repeat-x; line-height: 31px; color: #fff; font-size: 12px;}
#helvetica-page a.button span, #neue-helvetica-page a.button span{float: left;}
#helvetica-page a.button .left{display: block; float: left; width: 22px; height: 31px; background: url('/images/imgs/helvetica/fontshop_button_l.png') 0 0 no-repeat;}
#helvetica-page a.button .right{display: block; float: right; width: 10px; height: 31px; background: url('/images/imgs/helvetica/fontshop_button_r.png') 0 0 no-repeat;}

#neue-helvetica-page a.button{display: block; width: 300px; height: 31px; margin: 30px 0 45px 0; background: url('/images/imgs/neue-helvetica/fontshop_button_m.png') 0 0 repeat-x; line-height: 31px; color: #fff; font-size: 12px;}
#neue-helvetica-page a.button .left{display: block; float: left; width: 22px; height: 31px; background: url('/images/imgs/neue-helvetica/fontshop_button_l.png') 0 0 no-repeat;}
#neue-helvetica-page a.button .right{display: block; float: right; width: 10px; height: 31px; background: url('/images/imgs/neue-helvetica/fontshop_button_r.png') 0 0 no-repeat;}

#web-fonts-page ul{padding: 8px 0; list-style: none; overflow: hidden;}
#web-fonts-page ul li{color: #002859; font-size: 11px; line-height: 14px;}
#web-fonts-page  p strong{display: block; padding: 10px 0 0 0;}
#web-fonts-page .grey, #chinese-page .grey{color: #696969;}
#web-fonts-page .colored{color: #002859;}
.slide-link{display: inline; width: 110px; text-align: center; position: absolute; bottom: 15px; right: 15px; background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 5px; margin: 0; opacity: 0.6; cursor: pointer; text-decoration: none;}
.slide-link.hover{opacity: 1;}
.top-text{margin-top: 0; margin-bottom: 14px; font-weight: normal; color: #58585A; font-size: 13px; font-family: Verdana, Arial; line-height: 20px; text-align: center;}
td.main .top-text a{font-size: 13px;}
.top-right-contact{position: relative; width: 207px; height: 69px; border: none; background: url('/images/fontshop/1top_address.png') no-repeat center center;}
.top-right-contact div{position: relative; width: 207px; height: 69px;}
.top-right-contact div a{display: block; position: absolute; top: 38px; right: 40px; font-family: Verdana; font-size: 14px; font-weight: bold; color: #fff;}

#two-boxes{width: 100%; overflow: hidden; margin-bottom: 20px;}
#two-boxes h2{margin: 0; padding: 0;}
#two-boxes h2 a{display: block; width: 279px; height: 65px;}
.web-box, .custom-box{width: 279px; float: left; border: 1px solid #002859;}
.web-box{margin-right: 10px;}
.web-box h2{height: 65px; width: 279px%; background: url('../images/fontshop/WF-HEADER_font.jpg') no-repeat center center; text-indent: -9999px;}
.custom-box h2{height: 65px; width: 279px%; background: url('../images/fontshop/CUSTOM-HEADER_font.jpg') no-repeat center center; text-indent: -9999px;}
#two-boxes p{padding-left: 20px;}
#two-boxes .centered{font-size: 13px; margin: 9px 0 14px 0;}
#two-boxes .centered a{color: #000; font-size: 13px; margin: 9px 0 14px 0;}
#two-boxes  ul{list-style: none; padding: 0 0 0 10px;}
#two-boxes  ul li{line-height: 15px;}

#three-vertical-boxes{overflow: hidden; margin: 0 0 20px 0;}
#three-vertical-boxes div{float: left; width: 182px; height: 435px; border: 1px solid #01224D; color: #01224D;}
#three-vertical-boxes div h3{text-align: center; text-transform: uppercase; margin: 8px 0 10px 0; font-size: 13px; font-weight: bold;}
#three-vertical-boxes ul{list-style: none; padding: 0; margin: 0;}
#three-vertical-boxes ul li{text-align: center;}
#three-vertical-boxes ul li a{line-height: 16px; color: #01224D;}
#three-vertical-boxes .first, #three-vertical-boxes .second{margin-right: 10px;}
#three-vertical-boxes .first,
#three-vertical-boxes .third{background-color: #d9dee4;}

.heading{margin: 10px 0 12px 0;}
#contact-us-page h3{margin: 20px 0 0 0; font-size: 12px;}
#contact-us-page p{line-height: 16px; margin-bottom: 32px;}
#contact-us-page table{width: 100%; margin: 6px 0 0 0; padding-bottom: 16px;}
#contact-us-page table.contacts-1{width: 480px;}
#contact-us-page table p{margin: 0;}
#contact-us-page table span{display: block; text-align: right;}

#about-us-page span{color: #FF7019;}
#about-us-page a{font-weight: bold; color: #000;}

.custom-fonts-page h3{font-weight: normal; margin-bottom: 2px;}
.custom-fonts-page hr{background-color: #BFC7D2; height: 1px; margin-top: 0; border: none;}
.custom-fonts-page p{line-height: 16px; word-spacing: -1px;}
.custom-fonts-page ul{padding-left: 0; margin-bottom: 20px;}
.custom-fonts-page li{list-style-position: inside;}
.custom-fonts-page span.grey{color: #999999;}
@media all and (max-width: 960px){
tr.top a img,.main_table,.slider-wrapper{width:100% !important;}
.main_table tbody tr:first-child td,.main_table tbody tr:first-child td table tbody td img,.main_table tbody tr:nth-child(2) td table tbody tr td{display:block;width:100%;}
.main_table tbody tr:nth-child(2) td.left{display:none;}
.main_table tbody tr:nth-child(2) td table tbody tr td.main{max-width:300px;}
td.leftcat,td.main,td.rightcat{display:block;width:100%;float:none;}
.web-box, .custom-box,.tabitem{float:none;}
#three-vertical-boxes div{width:100%;float:none;}
td.main div.body img,#slider.nivoSlider a.nivo-imageLink img{width:100% !important;}
.main_table tr:last-child td table tbody tr td{width:100%;display:block;float:none;}
.main{padding:0px;}
}