@charset "utf-8";
/* CSS Document */


body {font-family:Verdana; font-size:14px; margin:0; background:#FFF; color:#333 }

a { color:#336699; font-family:Verdana; outline:none }
a:hover { color:#000 }

.input { background:#ededed }

body {
    text-align:left;
    background:#ffffff url(img/back_body.jpg) top left repeat-x; 
}


/*************** MASTHEAD **************/
#masthead{
    width:100%; height:90px; position:relative; margin:0 auto; border:0;
}
#navlist {
    position:absolute; top:54px; right:0; display:inline; list-style-type:none; 
    height:31px; line-height:31px; font-size:.8em; margin:0; padding:0;
    width:100%; text-align:right;
}
#navlist li {
    display:inline; margin:0; padding:0; border:0;
}
#navlist li a {
    text-decoration:none; text-transform:uppercase; color:white; padding:9px 12px; 
}
#navlist li a:hover {
    background:url(img/back_tabs.jpg); text-decoration:none;
}

div#wwwMenu{padding:0; margin:0; text-align:center; width:100%;}
#wwwMenu a {text-decoration:none; font-size:0.9em; color:#999999; margin-right:30px;} 
#wwwMenu a:hover{text-decoration:underline; color:#999999}



/*************** MASTHEAD - LOGIN **************/
table#login-top {
    font-size:0.9em; color:#FFF; float:right;
}
#login-top input#email, #login-top input#pwd { border:1px solid #CCC; }
#login-top input#email {width:104px;}
#login-top input#pwd {width:60px;}
#login-top input.submit{
    border:1px solid #6F7C7A; border-color:#6F7C7A #091614 #091614 #6F7C7A; background:#3D4947;
    font-size:.8em; font-weight:normal; text-transform:uppercase;  color:#FFF;width:40px; padding:0; margin:0;
}
#login-top th {text-align:right; padding:2px; font-weight:normal;}
#login-top td {padding:0; padding:2px}
#login-top h3 a {color: #c4261d; font-size: 1.5em;}

div#linkHome {
    float:left; height:54px; background-color:transparent; border:none; width:450px; top:0;
}
div#linkHome a {
    display:block; height:100%; width:100%; color:transparent; text-indent:-999px;
}
div#linkHome a:hover, div#linkHome a:active {color:transparent;}

#menu li.user-product { margin:0; padding:5px 0 3px 10px; text-indent:-10px; background:url(img/user_product_li_bgr.png) repeat-x top #666666; border-bottom:1px solid #999999; border-top:1px solid #666666 }
#menu li.user-product a { line-height:16px; padding:5px 0 5px 5px; color:#FFF; font-weight:bold }
#menu li.user-product a:hover { color:FFF }

#menu li.menu-customer { margin:0; padding:5px 0 3px 10px; text-indent:-10px; background:url(img/menu_customer_li_bgr.png) repeat-x right top #c4c4c4; border-bottom:1px solid #999999; border-top:1px solid #FFF }
#menu li.menu-customer:hover { background:url(img/menu_customer_li_bgr2.png) repeat-x right top #c4c4c4 }

#menu li.menu-customer a { line-height:16px; padding:5px 0 5px 5px; font-weight:bold }

div#menu-fill { height:90%; background:url(img/menu_fill_bgr.png) no-repeat bottom right #c4c4c4; border:none; padding:0; margin:0; color:#333333; position:absolute; top:0; left:0 }

div#menu { background:url(img/menu_bgr.png) repeat-y right #c7eca3; border:none; padding:0; color:#333333; margin:0px; font-family:Verdana; position:absolute; top:0 }

#menu ul { padding:0; margin:0; list-style:none }
#menu li { padding:0; margin:0; list-style:none }

#menu li a { color:#336699; margin:5px; font-weight:normal; padding:0; background:none; text-decoration:none; }
#menu li a:hover { color:#000; text-decoration:none }

#menu li.active-corp { padding:5px; margin:0 }

#menu ul.menu-template { margin:5px 0 0 0; padding:0; border-top:1px solid #999999; list-style:none; list-style-type:none }
#menu ul.menu-template li { padding:5px 5px 5px 20px; margin:0; font-size:12px; text-align:left; line-height:16px; list-style:none; list-style-type:none; text-indent:-10px; background:url(img/menu_li_bgr.png) no-repeat top left #ededed; border-top:1px solid #FFF; border-bottom:1px solid #999999 }
#menu ul.menu-template li:hover { background:url(img/menu_li_bgr2.png) no-repeat top left #FFF }
#menu ul.menu-template li a { font-weight:normal }

#menu p { margin:10px; padding:0; color:#FFF; font-size:13px; border-bottom:2px solid #cccccc; font-weight:bold }
#menu p.collapsed { margin:10px; padding:0; color:#FFF; font-size:13px; cursor:pointer; border-bottom:2px solid #cccccc; font-weight:bold }

#idMenuProfile, #idMenuImages, #idMenuFileTransfer { margin:0; padding:0; height:23px; line-height:23px; text-indent:5px; background:url(img/menu_customer_li_bgr.png) repeat-x right top #999999; border-bottom:1px solid #999999; border-top:1px solid #FFF }
#idMenuProfile:hover, #idMenuImages:hover, #idMenuFileTransfer:hover { background:url(img/menu_customer_li_bgr2.png) repeat-x right top #999999 }

#menuOrdersUL .order-find input { margin:0 4px }
#menuOrdersUL .order-find .submit { font-size:12px; font-weight:bold; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }

#menuOrdersUL li { margin:0; padding:0; height:23px; line-height:23px; text-indent:8px; background:url(img/menu_customer_li_bgr.png) repeat-x right top #999999; border-bottom:1px solid #999999; border-top:1px solid #FFF }
#menuOrdersUL li:hover { background:url(img/menu_customer_li_bgr2.png) repeat-x right top #999999 }

#menuBalanceUL li { margin:0; padding:0; height:23px; line-height:23px; text-indent:8px; background:url(img/menu_customer_li_bgr.png) repeat-x right top #999999; border-bottom:1px solid #999999; border-top:1px solid #FFF }
#menuOrdersUL li:hover { background:url(img/menu_customer_li_bgr2.png) repeat-x right top #999999 } 

#menuOrdersUL li span { line-height:23px; letter-spacing:-1px; font-size:10px; font-weight:bold }

#zetaprints1 a { color:#FFF; border:none; text-transform:capitalize }
#zetaprints1 a:hover { color:#FFF; text-decoration:underline }
#menu h2 { border-top:1px solid #cccccc }

#menu div { padding:0; margin:0 }

#feedback { margin:0; padding:0; background:url(img/menu_customer_li_bgr.png) repeat-x right top #c4c4c4; border-bottom:1px solid #FFF; border-top:1px solid #FFF }
#feedback li { padding:0; margin:0 }
#feedback span { font-weight:bold; color:#333; line-height:25px }
#feedbackForm textarea { width:170px; height:70px; font-size:10px; margin:4px; float:left }
#feedback input { margin:0 20px 10px 0; font-size:11px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }

table.pagination { margin:0; padding:0; width:100%; background:url(img/menu_customer_li_bgr2.png) repeat-x top #c4c4c4; border:none; border-top:1px solid #999999; color:#333333 }
table.pagination a { font-size:90%; font-weight:bold; color:#336699 }
table.pagination td { vertical-align:middle; padding:10px 0 }
table.pagination .middle .submit { background-image:url(img/show_btn.png); width:57px; height:24px; font-size:11px; border:none; font-family:Verdana; font-weight:bold; color:#FFF }
table.pagination .left, .right { width:100px }

table.pagination .left a { margin-left:10px; line-height:23px; font-weight:bold; text-decoration:none; font-size:13px; color:#336699; text-align:center }
table.pagination .left a:hover { color:#000; background:#FFF; text-decoration:none }
table.pagination .right a { margin-right:10px; line-height:23px; font-weight:bold; text-decoration:none; font-size:13px; color:#336699; text-align:center }
table.pagination .right a:hover { color:#000; text-decoration:none }


div#tagsFound { margin:0; width:97%; padding:15px; background:#f5f5f5; border-bottom:1px solid #999999 }
div#tagsFound .tags { padding:10px 10px 0 10px; border:none; line-height:18px }
div#tagsFound ul { margin:0; padding:0; background:#f5f5f5; border:none }
div#tagsFound li { list-style-type:none; display:inline; padding:5px }
div#tagsFound a { color:#336699; font-size:14px; margin:15px 0; font-weight:normal; text-decoration:none }
div#tagsFound a:hover { color:#000; text-decoration:none }
div#tagsFound span { color:#336699; font-size:12px; font-weight:normal }

table.template { background:url(img/grey_grad_bgr.png) repeat-x top #FFF; border-top:5px solid #FFF; border-bottom:1px solid #999999 }
table.template th.prod { font-size:23px; font-family:Arial; font-weight:normal; color:#336699; line-height:27px; padding-left:20px; background:url(img/grey_grad_bgr.png) repeat-x top #FFF }

table.template td.menu { font-size:12px; vertical-align:top; padding-left:20px }
.place-order a, .view-orders a { width:150px; height:23px; line-height:23px; font-weight:bold; text-decoration:none; font-size:12px; letter-spacing:0; color:#FFF; text-align:center; background:url(img/template_menu_a_bgr.png) no-repeat top left; display:block; margin-bottom:5px }
.place-order a:hover, .view-orders a:hover { color:#FFF; background:url(img/template_menu_a_bgr.png) no-repeat bottom left; text-decoration:none }

table.template .thumb { display:inline; margin-left:15px; background:none }
table.template .thumb img { border:1px solid #333; margin-bottom:15px }

table.template tr, td { background:none; background-image:none }

div.tags { font-size:13px; margin:10px; overflow:hidden }
div.tags a { color:#336699; margin-left:10px; font-weight:normal; text-decoration:none }
div.tags a:hover { color:#000; font-weight:normal; text-decoration:none }

.thumb .tags { margin-left:15px }

h1 { color:#336699; background:url(img/h1_bgr.png) repeat-y left; font-family:Arial; margin:0; padding:0 10px 0 15px; line-height:49px; font-size:28px; font-weight:normal;; border-bottom:1px solid #999999; text-decoration:none }
h1 a { color:#336699; font-family:Arial; text-decoration:none }
h1 a:hover { color:#000; text-decoration:none }

h2.red, span.red, h3.red, h4.red, b.red { color:#336699; font-weight:normal; font-family:Arial }

h2.red { line-height:30px; border-bottom:1px solid #999999 }

ul.user-catalogues { margin:0; padding:0; clear:both; border-left:1px solid #999999 }
ul.user-catalogues li { margin:0; padding:10px; clear:both; list-style-type:none; font-weight:bold; background:url(img/tags_template_li_bgr.png) repeat-x top #FFF; border-bottom:1px solid #999999 }
ul.user-catalogues li:hover { background:url(img/tags_template_li_bgr2.png) repeat-x top #FFF }

div#container { padding-left:16em; margin-right:20px }
div#container hr.red { border:none; border-top:2px solid #EEE; border-bottom:2px solid #EEE }
div#container hr.red-bottom { border:none; border-bottom:2px solid #EEE; clear:both; padding-top:30px }
div#container hr { border:none; border-collapse:collapse; clear:both }

div#menu hr { border:none; border-collapse:collapse; clear:both }

div.content { width:100%; margin:0; padding:0 }
div.content a { text-decoration:none }
div.content a:hover { text-decoration:underline }
div.content .form { margin:0 }
div.content .order { padding:3px 6px; font-size:12px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }

div.content .help { padding:0; margin:0; width:100%; background:url(img/grey_grad_bgr.png) repeat-x top #FFF; border-top:5px solid #FFF; border-bottom:1px solid #999999 }
div.content .help p { padding:15px; margin:0 }

.login-page .order { padding:3px 6px; font-size:12px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }
.login-page .submit { padding:3px 6px; font-size:12px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }
div.content .order { padding:3px 6px; font-size:12px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }
input#orderButton { width:76px; height:32px; line-height:32px; font-size:18px; text-align:center; font-family:Verdana; color:#fff; background:url(img/order_bgr.png) no-repeat top left #FFF; border:none }
div.content .submit { padding:3px 6px; margin-top:5px; font-size:12px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }
div.content .preview { width:179px; height:32px; line-height:32px; margin-top:5px; font-size:18px; text-align:center; font-family:Verdana; color:#FFF; background:url(img/preview_bgr.png) no-repeat top left #FFF; border:none }
.pagination .submit-padded-left { background-image:url(img/show_btn.png); width:57px; height:24px; margin:4px 0 4px 10px; font-size:11px; border:none; font-family:Verdana; font-weight:bold; color:#FFF }
input.submit-padded-left { padding:3px 6px; margin:2px 2px 2px 20px; font-size:12px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }
input.submit-padded { padding:3px 6px; margin:5px; font-size:12px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }


div.order-list-menu { padding:15px; background:url(img/grey_grad_bgr.png) repeat-x top #FFF; border-top:5px solid #FFF }
.order-list-preview img { border:1px solid #333; margin:0 0 0 15px }

div.help h4 { font-family:Arial; font-weight:normal; color:#336699; line-height:25px; font-size:18px; padding:15px 0 0 15px; margin:0 }
h3.page-name { font-family:Arial; font-weight:normal; color:#336699; line-height:27px; font-size:23px; border-bottom:1px solid #999999; padding:5px 0; margin:0 }
h2, h3 { font-family:Arial; font-weight:normal; color:#336699; line-height:27px; font-size:23px; border-bottom:1px solid #999999; padding:5px 0; margin:0 }

#newFileForm .file { width:210px }
#newFileForm .submit-padded-left { padding:3px 6px; font-size:12px; font-family:Verdana; color:#FFF; background:#6699cc; border:1px solid #285b8e }

div#tagsTemplate {width:95%;}
div#tagsTemplate ul { margin:5px 20px 10px 0; padding:0; float:left; width:35%; border-left:1px solid #999999 }
div#tagsTemplate li { list-style-type:none; padding:8px; margin:0; border-bottom:1px solid #999999; background:url(img/tags_template_li_bgr.png) repeat-x top #FFF }
div#tagsTemplate li:hover { background:url(img/tags_template_li_bgr2.png) repeat-x top #FFF }
div#tagsTemplate li h2 { padding:0; margin:0; line-height:30px; color:#336699; font-family:Arial; font-weight:normal; font-size:20px; background-image:none }
div#tagsTemplate a { text-decoration:none }
div#tagsTemplate a:hover { color:#000; text-decoration:underline }

div#imageList { padding:0; margin:0 }
#imageList .image-thumb { padding:5px; font-size:12px; border:1px solid #999999; background:url(img/grey_grad_bgr.png) repeat-x top #FFF }
.image-menu span { padding:0; margin:0 3px 0 3px; line-height:18px; font-weight:bold; font-size:11px; letter-spacing:-1px; font-family:Verdana; color:#336699; text-decoration:none }
.image-thumb span.info { padding:0; margin:0 5px 10px 0; line-height:20px }
td.bottom { font-weight:bold; text-align:center }
.image-thumb .img-size { padding:0; margin:2px 5px 0 0 }

th.more-templates { padding:10px 0 10px 0; text-align:center }
th.more-templates a { font-size:20px; font-family:Arial; color:#336699; font-weight:bold; text-decoration:none }

div#tags2-wrapper { padding:15px; margin:0; background:#f5f5f5; border-bottom:1px solid #999999 }
div#tags2 { color:#000; font-size:12px; font-weight:bold }
div#tags2 a { color:#336699; font-weight:normal; margin-left:10px; text-decoration:none }
div#tags2 a:hover { color:#000 }

div.image-field { clear:both; margin:0 }
div.image-title { width:98%; font-family:Arial; color:#336699; font-size:18px; border-top:1px solid #999999; background:url(img/tags_template_li_bgr.png) repeat-x top #FFF; padding:5px 10px; font-weight:normal; clear:left }
div.image-title span { padding-left:10px; color:#000; font-weight:normal; font-size:11px; float:right }

#menuPrinter { width:98%; background:url(img/user_product_li_bgr.png) repeat-x top #666666; border-bottom:2px solid #999999; border-top:2px solid #666666; margin:0; padding:5px }
#menuPrinter ul { margin:0; color:#999999; padding:0; list-style-type:none }
#menuPrinter li { display:inline; padding:0 5px; font-size:0.9em; text-transform:uppercase }
#menuPrinter a { color:#FFF; text-decoration:none }
#menuPrinter a:hover { color:#FFFF66; text-decoration:none }

#idMenuOrders li a { color:#FFF; line-height:30px; padding-left:10px }
#idMenuOrders li a:hover { color:#FFFF66 }

#register div { font-size:12px; line-height:16px; font-weight:bold; padding:0 7px 7px 7px; color:#FFF; border-bottom:2px solid #FFF }
#register a { color:#FFF; font-family:Arial; font-size:18px; line-height:30px; font-weight:normal; margin:10px 0; border:none; text-decoration:none }
#register a:hover { color:#FFF; text-decoration:underline }

div.noprn a { color:#336699; text-decoration:none }
div.noprn a:hover { color:#000; text-decoration:underline }

.padded-block-left span { color:#336699; font-weight:bold; text-decoration:none }
.padded-block-left span:hover { color:#000; text-decoration:underline }
.padded-block-left span b { color:#336699; font-weight:bold; text-decoration:none }
.padded-block-left span b:hover { color:#000; text-decoration:underline }


div.content table.order { width:auto; margin:0; line-height:16px; color:#000; background:url(img/grey_grad_bgr.png) repeat-x top #FFF; border:none }
div.content table.order th { width:auto; text-align:left; background:none }
div.content table.order td { width:auto; padding:5px; background:none }
div.content table.order input { background:#FFF }
div.content table.order textarea { background:#FFF }
div.content table.order select { background:#FFF }
table#order-rego input.order, table#order-login input.order {color:#c4261d}
