body{  background-color: #929292;  min-height: 469px;  margin: 0;  padding: 0;  color: #727272;  font-family: "Trebuchet MS" , "Arial";  font-size: 18px;  font-style: normal;  font-weight: normal;  letter-spacing: -0.25px;}
input{  font-size: 18px; }
html, body{  height: 100%;}
a img{  border: none;}
a:focus{  outline: none;}
a, a:visited{  color: #BA6D10;  text-decoration: none;}
a:hover{  color: #BA6D10;  text-decoration: underline;}
img{  border: 0 none;}
p{  margin-top: 11px;  line-height: 20px;}
hr{  border: none;  color: silver;  background-color: silver;  height: 1px;   margin: 0px 0px 2px;  padding: 0;}
h1{  color: #585858;  font-family: "Trebuchet MS";  font-size: 24px;  font-weight: bold;  margin-top: 5px;  margin-bottom: 8px;  padding: 0;  text-transform: uppercase;}
h2{  color: #474646;  font-family: "Trebuchet MS";  font-size: 20px;  font-weight: bold;  margin-top: 16px;  margin-bottom: 0;  padding: 0;}
h3{  color: #474646;  font-family: "Trebuchet MS";  font-size: 18px;  font-weight: bold;  margin-top: 16px;  margin-bottom: 0;  padding: 0;}
h4, h5, h6{  color: #474646;  font-family: "Trebuchet MS";  font-size: 16px;  font-weight: bold;  margin-top: 16px;  margin-bottom: 0;  padding: 0;}

/*====================*/
#sheetwrapper{  margin: 0;  padding: 0;  min-width: 910px;  background-image: url(/local/images/body_bg.png);  background-repeat: repeat-x;  background-color: #929292;  background-attachment: scroll;  background-position: left top;  position: relative;}
#page{  margin: 0 auto;  padding: 0 5px 5px;  width: 900px;  position: relative;}

/* header */
#header{  margin: 0 0;  padding: 0;  height: 185px;  position: relative;  width: 100%;   background-color: Transparent; }
#title{  margin: 0;  padding: 0;  position: absolute;  top: 0;  left: -20px;}
#search{  background-image: url(/local/images/search_pnl.png);  background-repeat: no-repeat;  width: 432px;  height: 100px;  left: 468px;  top: 37px;  position: absolute;  z-index: 10;}
#search input{  background-image: url(/local/images/search_input.png);  background-repeat: no-repeat;  background-color: Transparent;  font-size: 21px;  border: 0 none;  position: relative;  left: 0;  top: 54px;  margin: 0 0 0 52px;  padding: 7px 14px 0 60px;  height: 30px;  width: 223px;}
#search input:focus{  background-position: 0 -37px;  outline: 0;}
#search button{  background-image: url(/local/images/btn_go.png);  background-repeat: no-repeat;  background-color: Transparent;  position: absolute;  left: 359px;  top: 55px;  width: 64px;  height: 35px;  padding: 35px 0 0 0;  overflow: hidden;  margin: 0;  outline: none;  border: 0 none;  cursor: pointer;}
#search button:hover{  background-position: 0 -35px;}
#searchpad{  background-image: url(/local/images/pad.png);  background-repeat: no-repeat;  width: 89px;  height: 85px;  left: 9px;  top: 4px;  position: absolute;  z-index: 11;}
#accountbar{  color: #E8CE80;  font-size: 12px;  font-weight: bold;  letter-spacing: 0;  left: 300px;  top: 150px;  width: 600px;  text-align: right;  position: absolute;  z-index: 11;}
#accountbar a{  color: #E8CE80;  letter-spacing: 0;}
#myfontsstar{  margin: 0;  padding: 0;  position: relative;  top: 3px;}

/* body */
#body{  margin: 0;  padding: 0;  background-color: White;}
#maincontentwrapper{  margin: 0;  padding: 0;  background-image: url(/local/images/main_content_top_gr.png);  background-repeat: repeat-x;  background-attachment: scroll;  background-color: White;  background-position: left top;  width: 629px;  min-height: 200px;  float: left;}
#maincontent{  margin: 0;  padding: 20px 30px 0 30px;}

/* sidebar */
#pagecontent{  width: 900px;  min-height: 318px; position: relative;}
#sidebar{  margin: -2px 0 0 0;  width: 271px;  min-height: 320px;  overflow: visible;  position: relative;  z-index: 100;  float: right;}
#sidebarabc{  background-image: url(/local/images/abc_bg.png);  background-repeat: repeat-x;  background-position: left top;  width: 271px; height: 320px;  position: relative;}
#abcleftborder{  background-image: url(/local/images/abc_left_border.png);  background-repeat: no-repeat;  width: 1px;  height: 320px;  left: 0;  top: 0;  position: absolute;  z-index: 10;}
#abcrightborder{  background-image: url(/local/images/abc_right_border.png);  background-repeat: no-repeat;  width: 1px;  height: 320px;  left: 270px;  top: 0;  position: absolute;  z-index: 10;}
#bynameimg{  position: absolute;  top: 18px;  left: 19px;}
#bycategoryimg{  position: absolute;  top: 288px;  left: 19px;}
#categorylist ul{  margin: 0;  padding: 0;  list-style-type: none;}
#categorylist li{  background-image: url(/local/images/category_item.png);  background-repeat: no-repeat;  width: 233px;  height: 25px;  margin: 0;  padding: 0 0 0 38px;}
#categorylist li a{  line-height: 25px;  font-size: 16px;  font-weight: normal;  color: #5F5F5F;}
#categorylistbottom{  background-image: url(/local/images/category_items_btm.png);  background-repeat: no-repeat;  width: 271px;  height: 24px;}
#abc{  top: 51px;  left: 1px;  width: 258px;  height: 221px;  padding: 10px 0 0 12px;  position: relative;}
#abc ul{  margin: 0;  padding: 0;  list-style-type: none;}
#abc ul li{  margin: 0;  padding: 0;  float: left;}
#abc ul li a{  background-image: url(/local/images/abc_item.png);  background-repeat: no-repeat;  width: 33px;  height: 33px;  margin: 3px 4px 4px 3px;  overflow: hidden;  display: block;  text-align: center;  line-height: 33px;  text-decoration: none;color: #7A7A7A;  font-size: 24px;}
#abc ul li a:hover{  background-position: 0 -33px;}

/* vault */
#vault{  margin: 0;  padding: 0;  background-image: url(/local/images/vault_gr.png);  background-repeat: repeat-x;  background-attachment: scroll;  background-color: White;  background-position: left bottom;  height: 53px;  width: 900px;  position: relative;}
#vaultleftedge{  background-image: url(/local/images/vault_left_edge.png);  background-repeat: no-repeat;  width: 9px;  height: 16px;  left: 0;  top: 37px;  position: absolute;  z-index: 10;}
#vaultrightedge{  background-image: url(/local/images/vault_right_edge.png);  background-repeat: no-repeat;  width: 9px;  height: 16px;  left: 891px;  top: 37px;  position: absolute;  z-index: 10;}
#vaultnavigationbar{  background-image: url(/local/images/vault_bg.png);  background-repeat: no-repeat;  position: relative;  top: 12px;  left: 12px;  width: 874px;  height: 28px;  letter-spacing: 0;  font-size: 14px;  font-weight: bold;  color: White;  text-transform: uppercase;  text-indent: 17px;  line-height: 28px;}
#vaultnavigationbar a{  letter-spacing: 0;  color: White;  padding: 0 1px;}

/* footer */
#footerimage{  background-image: url(/local/images/footer_image.png);  background-repeat: no-repeat;  background-position: center;  padding-top: 2px;  position: relative;  height: 215px;}

/* navigation bar */
#bodytopleftedge{  background-image: url(/local/images/body_top_left_edge.png);  background-repeat: no-repeat;  height: 66px;  width: 10px;  left: 0;  top: 0;  position: absolute;  z-index: 10;}
#bodytoprightedge{  background-image: url(/local/images/body_top_right_edge.png);  background-repeat: no-repeat;  height: 66px;  width: 10px;  left: 890px;  top: 0;  position: absolute;  z-index: 10;}
#navigationbarwrapper{  margin: 0;  padding: 0;  background-image: url(/local/images/body_top_gr.png);  background-repeat: repeat-x;  background-color: White;  background-attachment: scroll;  height: 66px;  width: 900px;  position: relative;}
#navigationbar ul{  margin: 0;  padding: 0;  list-style-type: none;}
#navigationbar ul li{  float: left; margin: 0;  padding: 0;}
#navigationbar ul li a{  background-image: url(/local/images/menu.png);  background-repeat: no-repeat;  display: block;  height: 66px;  overflow: hidden;  padding-top: 66px;}
#navigationbar{  height: 66px; width: 596px;  overflow: hidden;  padding: 0 0 0 0px;  position: relative;}
#navigationbar ul li a#top50{  background-position: -0 0;  width: 122px;}
#navigationbar ul li a#top50:hover{  background-position: 0 -66px;  width: 122px;}
#navigationbar ul li a#top50_selected{  background-position: 0 -132px;  width: 122px;}
#navigationbar ul li a#new{  background-position: -122px 0;  width: 93px;}
#navigationbar ul li a#new:hover{  background-position: -122px -66px;  width: 93px;}
#navigationbar ul li a#new_selected{  background-position: -122px -132px;  width: 93px;}
#navigationbar ul li a#categories{  background-position: -215px 0;  width: 177px;}
#navigationbar ul li a#categories:hover{  background-position: -215px -66px;  width: 177px;}
#navigationbar ul li a#categories_selected{  background-position: -215px -132px;  width: 177px;}
#navigationbar ul li a#links{  background-position: -392px 0;  width: 106px;}
#navigationbar ul li a#links:hover{  background-position: -392px -66px;  width: 106px;}
#navigationbar ul li a#links_selected{  background-position: -392px -132px;  width: 106px;}
#navigationbar ul li a#help{  background-position: -498px 0;  width: 94px;}
#navigationbar ul li a#help:hover{  background-position: -498px -66px;  width: 94px;}
#navigationbar ul li a#help_selected{  background-position: -498px -132px;  width: 94px;}

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

/*===============*/
#fontscount{  margin-left: 10px;  margin-bottom: 5px;}
#categorydescription{  font-size: 0.9em; }

/* Font-item */
.font-item{  border: 0px dotted red;  clear: both;  padding: 4px 0px; font-size: 13px;  letter-spacing: 0;}
.font-item.alt{  background: #B5C9CF;}
.font-item h3{  margin: 0 0 4px 0;}
.font-item h3 a{  color: #1C82A2;}
.font-img{  border: 0 none;  background: #FFF;  overflow: hidden;  min-height: 50px;  padding: 0;}
.font-img a{  display: block;}
.font-item hr{  border: none;  color: silver;  background-color: silver;  height: 1px;   margin: 0px 0px 2px;  padding: 0;}
.font-links{  color: #BA6D10;  padding: 2px;  font-size: 12px;}
.ratingbox{  width: 150px;  float: right;  text-align: right;  padding: 2px;}
.rated, .rating{  padding: 0;}
.rating strong{  padding: 0 2px;}
.ratepict{  padding: 1px;  position: relative;  top: 2px;  cursor: pointer;}
.ratingbox img{  margin: 0;  vertical-align: baseline;  display: inline;  padding: 0;  border: 0;  background: none;}
.rating a, .rating a:hover, .rating a:hover img{  border: 0;  margin: 0;  padding: 0;}
br.clear {   height:1px;   clear:both; }

/* FORMS */
input.text {border:1px solid #999999; width:120px; padding:2px 1px 2px 1px; margin:0 0 1px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; }
.select {border:1px solid #999999; width:45px; padding:1px; margin:0 0 1px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

.button {  font-weight: bold;  background-color:#eee;  border:1px solid gray;   color: #5F5F5F;  cursor:pointer;  font-size:15px; margin:0;  padding:5px;  position: relative;}
.button:hover {  color: #FFF;  background-color: #545454;}
.button:focus{  outline: none; }
form {margin:0; padding:0; }

/* Font Preview: */
.fontpreviewlinks {  padding: 10px 10px 10px 10px;  font-weight:bold;}
.fontpreviewlinks a{  margin-right: 35px;  padding: 0 0 0 28px;    cursor: pointer;  background-repeat: no-repeat;}
.fontpreviewlinks a:hover{  background-position: 0 -24px; }

/* Comment Box */
#comments{  padding: 5px 0 0;}
.commenttext{  font-size: 15px;  padding: 10px 10px 10px; }  
 .comment {  margin: 5px 0 0;  border: solid 1px silver; }
.commentheader{  border-bottom:1px solid #ccc;   background:#eee;   text-align:left;   padding:4px;   font-size: 14px; }
.comment .nickname{  font-size: 16px;  float: left;}
.comment .button{  float: right;  height: 20px;  padding: 0px 0 2px;  font-size: 14px; }
.comment .cmntcheckbox, .comment .cmntcheckboxlbl{  float: right; }
.comment .cmntcheckbox{  margin-right: 30px;}
.comment .cmntdate{  padding-right: 20px;  float: right; }
.addcommentform .text{   margin: 5px 0;   width:500px;   height:150px;}

/* Password Recovery */
.pwdrecoveryform{  padding: 0 0 0 100px;  }
.pwdrecoveryform .text{   width: 200px;}

/* CMS */
.cms-pageeditor{  font-size: 16px; }
.cms-label{  font-size: 13px;}

/* === */
#downloadallbuttoncontainer{  padding: 20px;  text-align: center;      }
#downloadallbutton{  font-size: 1.2em;     }

/* === */
.fontpreview { border:0px dotted red; padding:10px; background:#CCCCCC; }
.fontpreview .text { width:380px; font-size:18px; padding:3px; background:#FFF url(/local/images/fieldbg.gif) repeat-x; }
.fontpreview .previewimg { background:#FFF; margin-top:10px; overflow:hidden; }
.fontpreviewfields select, .fontpreviewfields input { vertical-align:middle; }

.big-promo { float:right; width:245px; margin:-25px -27px 5px 0; }

.magnifier { position:absolute; top:0; left:0; width:200px; height:200px; z-index: 1000 }
.magnifier-eye { position:absolute; bottom:0; left:0; width:50px; height:50px; border:1px solid #707070; }
.magnifier-img { position:absolute; top:0; right:0; width:150px; height:150px; border:5px solid #707070; overflow:hidden; background:#E3E8EC; }
.magnifier-image { position:absolute; top:0; left:0; }

.pageheader-signin {font-size:11px; padding:5px; text-align:right; }

.formitem { clear:both; margin:1px 0pt; padding:1px 0pt 0pt 120px; }
.formitem .text { font-size: 18px; margin: 0 5pt 0 0; }
.formitem .label { display:block; float:left; margin:2px 2pt 0pt -110px; padding:0pt; text-align:right; width:135px;}

.formitem .formfieldcomment{  font-size: 14px;   position: relative;  top: -2px;}

/* = */
.tc { text-align:center; }
.resultinfo { border-bottom:1px solid #ccc; background:#eee; text-align:left; padding:4px; font-size: 14px; }
.resultinfo .button {  font-size: 12px;  padding: 2px; }
.paging  {  clear:both; }
.paging a, .paging strong, .paging b  {  border:1px solid #ccc;   background-color:#eee;   color: #7A7A7A;  font-size:15px; margin:0 1px;  padding:5px 6px;  line-height:2.5em; }
.paging a:hover  {  background:#545454;   color: #FFF;  text-decoration:none; }
.paging strong, .paging b { color:#FFF; background:#545454; }

#innersearchformbutton{   top: -1px; }

.designer{font-size:12px; text-align:center; padding: 0; margin:0; color:#727272;}
.designer a{color:#727272;} 

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

#loader { position:fixed; top:0; left:0; background:#F1F1F1; padding:5px 10px 5px 2px; color:#585858; font-weight:bold; z-index:100001; font-size:12px;}

.facebook-tab { padding:15px 10px;}
.facebook-tab h3 {  margin:0; padding:0;font-size: 15px;}
.facebook-tab p { line-height:1.3em; margin-top:5px;color:#737373; font-size: 13px;}