/* General */
body, html {height:100%;}
body { font-family: Arial, Sans-Serif; font-size:13px; line-height:1.5em; color:#666; margin:0;padding:0; background-color:#FFF;min-width:960px;}
form { margin:0; padding:0; }
img { border:0; }
a { color:#FF0000; text-decoration:none; cursor:pointer; }
a:hover {color:#FF0000; text-decoration:underline;}
input, textarea, select { font-family:Arial, Sans-Serif; }
hr { border:0; border-top:1px solid #D4D4D4; height:1px; }

h1, h2, h3, h4 { font-weight:normal; color:#000; margin:1em 0 0.5em 0; }
h1 { font-size:18px; }
h2 { font-size:17px; }
h3 { margin:1em 0 0.5em 0; font-size:18px; font-weight:normal;}

#body-wrapper button { background:none; border:0; vertical-align:middle; cursor:pointer; margin:0 0 1px 0; padding: 0; }


/* Layout */
#body-wrapper {background: #FFF url("images/header-bg.png") repeat-x; width:100%;margin:0 0 -185px; min-height:100%; height:auto !important;}
#header-container, #page-container, #footer-wrapper { margin: 0 auto;}
#header-container { height:150px;width:940px;}
#page-container { min-height:500px;width:940px;padding:0 0 185px;}
#content-without-padding {width:940px;}
#content-with-padding {width:820px;padding:10px 0 0 120px;}
#footer-wrapper{width:940px;}
#footer-container { height:165px; background: transparent url("images/footer-bg.png") repeat-x;margin-top:20px;}
#about-info-help-admin {background-color:#FF0000;}
#content-cms-page {padding:10px 120px 0; width:700px;}
#blog-articles{border-right:1px solid #b6b6b6;float:left;padding-right:20px;width:580px;}
#blog-sidebar-right{width:200px;padding-left:19px;float:right;}

/* Header */
.header-logo {display:block;float:left;}
.header-title {background:url("images/berthold-title.gif") no-repeat scroll 0 0 #000000;display:block;float:left;height:8px;margin:9px 20px 0 10px;overflow:hidden;text-indent:-1000px;width:157px;}
.header-menu { float:right;font-weight: bold; font-size: 12px;margin:3px 0 1px 5px; padding:0; list-style-type: none; height:21px;}
.header-menu li {float: left;margin-left:30px;}
.header-menu a {color:#FFF;display:block;overflow:hidden;text-indent:-1000px;margin-top:2px;}
.header-menu a:hover {text-decoration: none;}
.header-menu extra-item {background:#ff0000;padding:0 3px;}
.header-menu-webfonts{background:url(/local/styles/images/top-small-menu.gif?v=20140219) no-repeat -30px 0; width:75px;}
.header-menu-ps1{background:url(/local/styles/images/top-small-menu.gif) no-repeat -5px 0; width:110px;}
.header-menu-designers{background:url(/local/styles/images/top-small-menu.gif) no-repeat -135px 0; width:60px;}
.header-menu-about{background:url(/local/styles/images/top-small-menu.gif) no-repeat -220px 0; width:40px;}
.header-menu-help{background:url(/local/styles/images/top-small-menu.gif) no-repeat -285px 0; width:28px;}
.header-menu-cart{background:url(/local/styles/images/top-small-menu.gif) no-repeat -340px 0; width:110px;}
.header-menu-admin{background:url(/local/styles/images/top-small-menu.gif) no-repeat -472px 0; width:40px;}
.header-menu-signout{background:url(/local/styles/images/top-small-menu.gif) no-repeat -540px 0; width:50px;}

/* Main menu */
.main-menu {float:left;margin:36px 0 0 14px;padding:0;list-style-type: none;display:block;width:500px;}
.main-menu li {float: left; }
.main-menu li a {background:url("images/main-menu.png") no-repeat scroll left top transparent;display:block;height:31px;overflow:hidden;text-indent:-1000px;}
.main-menu .btn-home {width:140px;}
.main-menu .btn-home:hover, .active-home {background-position:0 -31px !important; }
.main-menu .btn-new{width:140px;}
.main-menu .btn-new:hover, .active-new{background-position:0 -31px !important;}
.main-menu .btn-fonts{background-position:-141px 0; width:106px;}
.main-menu .btn-fonts:hover, .active-fonts {background-position:-141px -31px !important; }
.main-menu .btn-typestyle{background-position:-247px 0; width:158px;}
.main-menu .btn-typestyle:hover, .active-typestyle {background-position:-247px -31px !important; }
.main-menu .btn-blog{background-position:-405px 0; width:78px;}
.main-menu .btn-blog:hover, .active-blog {background-position:-405px -31px !important; }

/* Search */
.search-wrapper {float:right;margin-top:20px;width:300px;}
.search-wrapper .inactive {color:#D3D3D3;}
.search-field {border:medium none;color:#000;float:left;font-size:12px;font-weight:bold;height:13px;margin:15px 15px 0 0;padding:7px 10px;width:220px;}
.search-btn {background:url("images/go-btn.png") no-repeat scroll 0 0 transparent;border:medium none;display:block;float:right;height:25px;margin-top:16px;text-indent:-1000px;width:39px;/*IE7 hack*/font-size:0;line-height: 0;}
.search-btn:hover { background-position:0 -25px; cursor:pointer; }

/* Footer */
.footer-logo {display:block;float:left;}
.footer-menu-container {float: left;width:475px;}
.footer-menu {font-size:12px; font-weight:bold;margin:40px 0 0; padding:0; list-style-type: none;}
.footer-menu-link {margin: 15px 0 0 39px;display: inline-block;font-size: 14px;}
.footer-menu li {float: left;margin-left:36px;}
.footer-menu a {color:#e0e0e0;display:block;overflow:hidden;text-indent:-1000px;margin-top:2px;}
.footer-menu a:hover {text-decoration: none;}
.footer-info {display:block;float:right;height:60px;margin-top:40px;width:400px;}
.footer-photos {background:url("images/footer-photo.jpg") no-repeat scroll 0 0 #000000;display:block;float:left;height:60px;margin-right:15px;overflow:hidden;text-indent:-1000px;width:137px;}
.footer-bottom {float:left;margin-top:33px;font-size:12px;width:100%;}
.footer-bottom .copyright-text {float:left;color:#A9A9A9; position: relative; top: 1px; }
.footer-bottom .legal-text {float:left;color:#e0e0e0; position: relative; top: 1px; }
.footer-bottom .red-square {float:left;background-color:#FF0000;display:inline-block;height:11px;overflow:hidden;text-indent:-1000px;width:11px;margin:4px 16px 0; position: relative; top: 1px; }
.footer-info .title { color:#B1AEAE;font-weight:bold; font-size:12px;margin:0 0 7px;}
.footer-info .text {color:#8D8D8D;font-size:11px;line-height:150%;}
.footer-menu-home{background:url(/local/styles/images/bottom-small-menu.gif) no-repeat 0 0; width:60px;}
.footer-menu-fonts{background:url(/local/styles/images/bottom-small-menu.gif) no-repeat -90px 0; width:35px;}
.footer-menu-blog{background:url(/local/styles/images/bottom-small-menu.gif) no-repeat -160px 0; width:26px;}
.footer-menu-designers{background:url(/local/styles/images/bottom-small-menu.gif) no-repeat -220px 0; width:62px;}
.footer-menu-about{background:url(/local/styles/images/bottom-small-menu.gif) no-repeat -307px 0; width:38px;}
.footer-menu-help{background:url(/local/styles/images/bottom-small-menu.gif) no-repeat -380px 0; width:28px;}

/* DB Credits */
.db-credits{ font-family: Georgia; font-size: 12px; font-weight: normal; color: #A9A9A9; position: relative; padding: 0 0 0 26px; float: left;}
.db-credits:hover{ color: #FFF;}
.db-credits a{ color: #A9A9A9; line-height:21px; text-decoration: none; font-weight: normal;}
.db-credits:hover a{ text-decoration: none; color: #D53C27;}
.db-logo{ display: block; position: absolute; left: 0; top:1px; width: 26px; height: 20px; overflow: hidden; background: #ccc; background: url(images/db-grey-red.png) 0 0 no-repeat;}
.db-credits:hover .db-logo{ background-position: 0 -20px;}
.db-logo img{ margin: 0 0 0 50px;}

/* FORMS: */
.textbox, select, textarea { background:#FFFFF1; border:1px solid #B3B3B3; padding:3px; }
.textbox, select { width:200px; vertical-align:middle; }

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

/* Autocomplete: */
.autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; 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; }

.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; }

/* Type Tester: */
#tt-form { position:relative; margin:10px 0; background:#F0F0F0;  overflow:visible; height:62px; color:#ffffff;width:820px;}
#tt-box-samples { width:91px; float:left; border-left:0; position:relative;  padding:17px 0 0 12px ; height:45px; }
#tt-box-sampletext { width:310px; float:left; }
#tt-box-fontsize { width:170px; float:left; }
#tt-box-fit { width:80px; float:left; border-left:0; }
#tt-box-color { width:45px; float:left;padding-top:16px; }
#tt-box-reset { width:35px; float:left; margin-top:16px;}
#tt-slider { border:1px solid #b3b3b3; width:110px; background:#b3b3b3; height:1px; margin:13px 0 5px 0; float:left; }
#tt-lbl-fontsize { text-align:right;  font-weight:bold; margin:4px 5px 0 0; text-transform:uppercase; font-size:12px; color:#b3b3b3;}
#tt-reset { display:block; margin:5px; text-decoration:underline; color:#666; }
#tt-text { width:280px; color:#000; padding:6px 6px; font-weight:bold; border: 1px solid #b3b3b3; }
.tt-label { color:#666; font-variant:small-caps; font-size:11px; }
.tt-box {  padding:3px 0 0 12px ;  }
.tt-active { height:64px; z-index:1001;}
#tt-sampleselection { position:absolute; top:62px;  background:#F0F0F0; z-index:100; width:820px; }
#tt-sampleselection a { color:#666; }
#tt-sampleselection a:hover { text-decoration:underline; }
#tt-sampleselection h3 { margin:0 0 10px 0; padding:0; }
#tt-sampleselection ul { list-style-type:none; margin:0; padding:0; }
#tt-textstrings, #tt-languages { float:left; margin:10px; padding:10px; }
#tt-textstrings { width:165px; }
#tt-languages { width:535px;  padding-left:50px; }
#tt-languages ul { width:33%; float:left; margin-left:0;}
#controler-container{ position:relative; padding: 16px 0; margin:20px 0; border-bottom:#ccc solid 1px;}
  .c-control { width:170px; float:left; padding: 0 0 0 0px; }
  .c-control h4{ font-size:14px;}
  .c-unit { font-weight:normal; font-size:16px; color:#000; text-align:right; }
  .c-handle { display:block; width:21px; margin:-6px 0 0 0; height:13px; cursor:pointer; position:relative; background:url(/local/styles//images/slider-arrow.png) no-repeat; }
  .c-handle1 { display:block; width:21px; margin:-6px 0 0 0; height:13px; position:relative; background:url(/local/styles/images/slider-arrow-disabled.png) no-repeat; }
  .c-handle-container { border:1px solid #D4D5D8; width:136px; background:#E4E4E4; height:5px; margin:7px 0 5px 0; float:left;}
 
 /* Color picker: */
.colorpicker { width:356px; height:176px; overflow:hidden; position:absolute; background:url(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(colorpicker/colorpicker_overlay.png);}
.colorpicker_color div div { position:absolute; top:0; left:0; width:11px; height:14px; overflow:hidden; background:url(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(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(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(colorpicker/custom_rgb_r.png); top:52px; left:212px;}
.colorpicker_rgb_g { background-image:url(colorpicker/custom_rgb_g.png); top:82px; left:212px;}
.colorpicker_rgb_b { background-image:url(colorpicker/custom_rgb_b.png); top:112px; left:212px;}
.colorpicker_hsb_h { background-image:url(colorpicker/custom_hsb_h.png); top:52px; left:282px;}
.colorpicker_hsb_s { background-image:url(colorpicker/custom_hsb_s.png); top:82px; left:282px;}
.colorpicker_hsb_b { background-image:url(colorpicker/custom_hsb_b.png); top:112px; left:282px;}
.colorpicker_submit { position:absolute; width:22px; height:22px; background:url(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;}
 #colorpicker, #colorpicker2 {  width:23px; height:0px; position:relative; cursor:pointer; }
 #colorpicker div, #colorpicker2 div {border: 1px solid #000; width:15px; height:15px; position:absolute; top:3px; left:3px; }
 #colorpicker2 div{position:absolute; top:13px; left:10px;}
 
.prod { border-top:1px solid #D4D4D4; padding:0; }
.prod-info { padding-top:3px; float: left;}
.prodprice{padding:3px 5px 0 0;float:right; text-align:right; font-weight: bold; font-size:14px; }
.prod-controls { position:absolute; top:0; right:0; }
.prod-controls img { vertical-align:middle; margin:0 5px; }
.prod-image { margin:0; overflow:hidden; min-height:100px; }
.msrp { color:red; text-decoration:line-through; }
.prod-from { color:#000; padding-right:0px; }
.light { color:#999; }

/* Other */
#loader { position:fixed; top:0; left:0; background:#000; padding:5px 10px 5px 2px; color:#FFF; font-weight:bold; z-index:100001; }
.jswarning { padding:5px; color:#FFF; background:#AE0000; text-align:center; }
.ico-exclamation{background:url(images/ico-exclamation.png) no-repeat; padding-left: 20px;}

/* JQuery Popup */
#screenlock{width:100%; height:100%; position:fixed; top:0; left:0; background:#000;}

#popup {position:absolute; top:0; left:40%; width:689px; margin:100px 0 20px -230px; z-index:1001; padding: 10px;}
#popup-title{ width:100%; color:#000; font-size:14px; font-weight:bold; padding-bottom:10px; border-bottom:5px solid #000; margin-bottom:10px; }
#popup-content{}
#popup-close{background:url("images/btn-close.png") no-repeat scroll 0 0 transparent;display:block;height:29px;overflow:hidden;position:absolute;right:5px;text-indent:-1000px;top:5px;width:29px;}
.popup-header, .popup-footer {height:9px; width:100%;display:block;}
.popup-header{background:transparent url("images/popup-top-bg.png") no-repeat 0 0;}
.popup-content-wrapper{background:transparent url("images/popup-sides-bg.png") repeat-y 0 0;min-height:200px;padding:25px 35px;}
.popup-footer{background:transparent url("images/popup-bottom-bg.png") no-repeat 0 0;}

.f-sampleimg { padding:20px 0 0 0; overflow:hidden; }
.f-paging { text-align:right; margin:10px; font-size:11px; }
.f-paging a, .f-paging strong { margin:0 4px; }
.f-paging a { text-decoration:underline; color:#666; }

.title-cms-page {color:#000000;font-size:16px;font-weight:bold;}
.content-title h1{font-size:20px;}

/* Blog */
.blog-post{margin-bottom:40px;}
.blog-title{font-size:20px;font-weight:normal;margin:0 0 10px 0;}
.blog-title a {color:#000;}
.blog-date{color:#303030;}
.blog-comments a{color:#FF0000;}
.blog-comments a:hover{color:#000;}
.blog-subtitle{font-size:16px;font-weight:normal;padding:0 0 15px 0;border-bottom:1px solid #b6b6b6;margin:0;}
.blog-menu{list-style:none outside none;margin:0 0 20px;padding:0;}
.blog-menu li{border-bottom:1px solid #B6B6B6;padding:5px 0 6px;}
.blog-menu li a{color:#FF0000;}
.blog-links{list-style:none outside none;margin:0;padding:0;}
.blog-links li{float:left;}
.cms-comment{ margin:0 0 10px; border-bottom:#CDCDCD solid 1px;}
.comm-heading{ font-weight:bold; font-size:17px; color:#000;}
.cms-comment-authorname{ padding:0; margin:0; color:#000; font-weight:bold;}
.cms-comment-createdon{ color:#808080; font-size:11px; margin:0; padding:0;}
.formitem{ clear:both; padding:2px 0;}
.formitem label{ display:block; float:left; padding:0 10px 0 0; text-align:right; width:160px;}

blockquote { padding:10px 10px 10px 70px; margin:10px; background:#EEE url(images/lquote.gif) no-repeat 10px 10px; }
.quote-close { background:url(images/rquote.gif) no-repeat 100% 100%; padding:0 60px 10px 0; margin-bottom:10px; }
.photogallery { margin:20px 0; }
.photogallery a { display:block; float:left; width:120px; height:120px; margin:10px; border:#ccc solid 1px; overflow:hidden; text-align:center;}
.photogallery a:hover{ border:#FF0000 solid 1px;}

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

/* Print Style */
@media print {
  .noprint { display:none; }
  #body-wrapper { background-image: none; }
  #page-container { width:98%; }
  #popup { width:95%; margin:0; top:0; left:0; padding:20px; background:#FFF; }
  #screenlock { display:none; }
  .popup-header, .popup-content-wrapper, .popup-footer { background:none; }
}

.ico-cart{background:url(images/cart.png) no-repeat top right; padding-right: 24px;}