/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}html{overflow:-moz-scrollbars-vertical;}a{outline:none;}
.clear{ clear: both; font-size: 0; height: 0; line-height: 0; }

body { background: #525933; color: #555645; font: 11px Arial, Helvetica, sans-serif; }
a { color: #2a3e19; font-weight: bold; }

#container { position: relative; width: 966px; margin: 30px auto; border: 1px solid #706d65; background: #fff; }
#container .separator { position: relative; width: 902px; height: 16px; margin: 0 auto; background: url(../images/separation.gif) top left repeat-x; clear: both; }

/*** HEADER ***/
#container #header { position: relative; width: 960px; height: 186px; margin: 2px auto 0 auto; }
#container #header a { position: absolute; display: block; width: 960px; height: 100px; top: 2px; left: 2px; } 
#container #header span { position: absolute; left: -9000px; }

#index #container #header { height: 103px; background: url(../images/header-index.jpg) top left no-repeat; }
#faqs #container #header { background: url(../images/header-faqs.jpg) top left no-repeat; }
#privacy #container #header { background: url(../images/header-privacy.jpg) top left no-repeat; }
#contact #container #header { background: url(../images/header-contact.jpg) top left no-repeat; }
#order #container #header { background: url(../images/header-order.jpg) top left no-repeat; }

#index #container #flash { position: relative; width: 960px; height: 255px; margin: 0 auto; background: url(../images/flash.jpg) top left no-repeat; border-bottom: 1px solid #8c8d81; }

/*** MENU ***/
#container #menu { width: 960px; height: 52px; margin: 2px auto 0 auto; padding-bottom: 2px; border-bottom: 1px solid #8c8d81; }
#container #menu li { position: relative; float: left; display: inline; width: 238px; height: 52px; margin: 0 2px 0 0; }
#container #menu li a { position: relative; display: block; width: 238px; height: 52px; background-position: top left; background-repeat: no-repeat; }
#container #menu li a strong { position: absolute; left: -9000px; }
#container #menu li a:hover { background-position: bottom left; }

#container #menu #mnu-order { width: 239px; }
#container #menu #mnu-order a { width: 239px; background-image: url(../images/mnu-order-details.jpg); }
#container #menu #mnu-faqs a { background-image: url(../images/mnu-faqs.jpg); }
#container #menu #mnu-contact { width: 239px; }
#container #menu #mnu-contact a { background-image: url(../images/mnu-contact-us.jpg); }
#container #menu #mnu-privacy { margin: 0; }
#container #menu #mnu-privacy a { background-image: url(../images/mnu-privacy-policy.jpg); }

/*** COLUMNS (298x339) ***/
#container #columnbox .column .button:hover { background-position: bottom left!important; }
#container #columnbox .column .button strong { position: absolute; left: -9000px; }

#index #container #columnbox { width: 904px; height: 339px; padding: 132px 30px 0 32px; background: url(../images/bg-columnbox-index.jpg) top left no-repeat; position:relative; }
#index #container #columnbox h2 { position: absolute; left: -9000px; }
#index #container #columnbox .column { position: relative; float: left; display: inline;  }
#index #container #columnbox .column h3, #index #container #columnbox .column em { position: absolute; left: -9000px; }
#index #container #columnbox .column .button { position: absolute; width: 282px; height: 42px; top: 264px; left: 8px; background-position: top left; background-repeat: no-repeat; }

#index #container #columnbox #index-contact { position: relative; width: 194px; height: 110px; padding: 229px 0 0 104px; margin: 0 5px 0 0; background: url(../images/bg-index-contact.jpg) top left no-repeat; }
#index #container #columnbox #index-contact .button { background-image: url(../images/btn-contactus-index.gif); }
#index #container #columnbox #index-contact p#content-callus-free { position:absolute; top:115px; left:98px; font:bold 20px Arial, Helvetica, sans-serif; color:#000;  }
#index #container #columnbox #index-contact p#content-callus-int { position:absolute; top:157px; left:98px; font:bold 20px Arial, Helvetica, sans-serif; color:#000;  }

#index #container #columnbox #index-locate { width: 225px; height: 219px; padding: 120px 0 0 73px; margin: 0 5px 0 0; background: url(../images/bg-index-locate.jpg) top left no-repeat; }
#index #container #columnbox #index-locate input { width: 179px; height: 14px; padding: 2px; margin: 0 0 27px 0; border: 1px solid #768064; font: 11px Arial, Helvetica, sans-serif; color: #555645; }
#index #container #columnbox #index-locate .button { background-image: url(../images/btn-locate-index.gif); }

#index #container #columnbox #index-chat-online { width: 298px; height: 339px; position:absolute; right:30px; top:132px; background:url(../images/chat-offline.jpg) no-repeat 0 0; }
#index #container #columnbox #index-chat-online a { display:block; width:298px; height:339px; }
#index #container #columnbox #index-chat-online a img { float:left; }


#contact #container #columnbox { position: relative; width: 904px; height: 523px; padding: 0 28px; margin: 0 0 20px;}
#contact #container #columnbox .column { position: relative; display: inline; float: left; width: 298px; height: 523px; margin: 0 5px 0 0; } 
#contact #container #columnbox .column h2 { position: absolute; left: -9000px; }
#contact #container #columnbox .column .button { position: absolute; display: block; width: 282px; height: 42px; top: 473px; left: 9px; background-position: top left; background-repeat: no-repeat; }

#contact #container #columnbox #phone { background: url(../images/bg-contact-phone.jpg) top left no-repeat; }
#contact #container #columnbox #phone p { position: absolute; left: -9000px; }
#contact #container #columnbox #phone .button { background-image: url(../images/btn-contactus-index.gif); }
#contact #container #columnbox #phone .email { position: absolute; top: 230px; left: 105px; }

#contact #container #columnbox #phone span#content-callus-free { position:absolute; top:116px; left:101px; font:bold 20px Arial, Helvetica, sans-serif; color:#000;  }
#contact #container #columnbox #phone span#content-callus-int { position:absolute; top:156px; left:101px; font:bold 20px Arial, Helvetica, sans-serif; color:#000;  }
#contact #container #columnbox #phone span#content-callus-free strong, #contact #container #columnbox #phone span#content-callus-int strong  { display:none; margin-left:-10000px; }


#contact #container #columnbox #emailsupport { width: 262px; height: 426px; padding: 97px 18px 0; background: url(../images/bg-contact-email.jpg) top left no-repeat; }
#contact #container #columnbox #emailsupport p strong { color: #000; }
#contact #container #columnbox #emailsupport .title { margin: 20px 0 10px 0; font-weight: bold; color: #074600; }
#contact #container #columnbox #emailsupport .input { margin: 0 0 5px 0; text-align: right; }
#contact #container #columnbox #emailsupport .input input { width: 170px; height: 14px; padding: 2px; border: 1px solid #858685; margin: 0 0 0 9px; font: 11px Arial, Helvetica, sans-serif; color: #555645; }
#contact #container #columnbox #emailsupport .input span { float: left;  }
#contact #container #columnbox #emailsupport textarea { width: 255px; height: 110px; padding: 2px; border: 1px solid #858685; font: 11px Arial, Helvetica, sans-serif; color: #555645; }
#contact #container #columnbox #emailsupport .button { background-image: url(../images/btn-contact-submit.gif); }

#contact #container #columnbox #chat-online { width: 298px; height: 523px; margin: 0; background:url(../images/chat-c-offline.jpg) no-repeat 0 0; }

#order #container #columnbox { position: relative; width: 100%; }
#order #container #columnbox .column { position: relative; display: inline; float: left; width: 298px; height: 200px; margin: 0 5px 0 0; } 
#order #container #columnbox .column .button { position: absolute; width: 185; height: 42px; top: 320px; left: 126px; background-position: top left; background-repeat: no-repeat; background-image: url(../images/btn-locate-order.gif); }
#order #container #columnbox .column .button strong { position: absolute; left: -9000px; }
#order #container #columnbox .text { position: absolute; top: 0; left: 0;text-align: left; }
#order #container #columnbox form p { text-align: right; margin: 0 0 26px 0; }
#order #container #columnbox form label { position: absolute; left: -9000px; }
#order #container #columnbox form input { width: 177px; height: 14px; padding: 2px; border: 1px solid #858685; margin: 0 0 0 9px; font: 11px Arial, Helvetica, sans-serif; color: #555645; }
#order #container #columnbox .button { width: 185px; }

#order #container #columnbox #searchbyname { position: relative; width: 310px; padding: 175px 30px 0 0; }
#order #container #columnbox #searchbyemail { position: relative; width: 310px; padding: 175px 30px 0 0; margin: 0 0 0 53px; }
#order #container #columnbox #searchbyemail .button { top: 270px; }


/*** CONTENT BOX ***/
#container .content h2 { margin: 0 0 20px 0; font-size: 20px; font-weight: bold; color: #223413; }
#container .content h3 { font-weight: bold; color: #223413; }
#container .content p { color: #34342f; margin: 0 0 30px 0; }
#container .content ul { margin: 0 0 40px 20px; }

#faqs #container .content { position: relative; width: 610px; padding: 60px 45px 50px 305px; background: url(../images/bg-faqs.jpg) top left no-repeat; }
#faqs #container .content p strong { display: block; color: #000; }

#faqs #container .content #email { position: absolute; top: 465px; left: 80px; }
#faqs #container .content #deco { position: absolute; width: 255px; height: 265px; bottom: 0; left: 30px; background: url(../images/img-deco-faqs.jpg) top left no-repeat; }

#faqs #container .content .button { position: absolute; width: 219px; height: 42px; top: 500px; left: 10px; background: url(../images/btn-contactus-faqs.gif) top left no-repeat; }
#faqs #container .content .button:hover { background-position: bottom; }
#faqs #container .content .button strong { position: absolute; left: -9000px; }

#faqs #container .content span strong { display:none; margin-left:-10000px; }
#faqs #container .content span#content-callus-free { position:absolute; top: 352px; left:74px; font:bold 20px Arial, Helvetica, sans-serif; color:#000; }
#faqs #container .content span#content-callus-int { position:absolute;  top: 392px; left:74px; font:bold 20px Arial, Helvetica, sans-serif; color:#000; }

#privacy #container .content { position: relative; width: 786px; padding: 85px 95px 75px 85px; background: url(../images/bg-privacy.jpg) center 50px no-repeat; }
#privacy #container .content #deco { position: absolute; width: 270px; height: 172px; bottom: 0; right: 0; background: url(../images/img-deco-privacy.jpg) top left no-repeat; }

#contact #container .content { position: relative; width: 553px; height: 73px; padding: 230px 50px 0 357px; background: url(../images/bg-contact.jpg) top left no-repeat; }
#contact #container .content h2 { position: absolute; left: -9000px; }

#contact p.ticket-error { font:12px Arial, Helvetica, sans-serif; color: #555645; padding:0 0 10px 0; }
#contact p.ticket-error strong { font-size:16px; }

#contact table.ticket-table { border:2px solid #474836; width:380px; margin: 20px; float:left; }
#contact table.ticket-table th { background:#474836; color:#aee655; font:bold 12px Arial, Helvetica, sans-serif; border-bottom:1px solid #8b785c; padding:3px; }
#contact table.ticket-table td { border-bottom:1px solid #8b785c; padding:3px; }

#contact table.table-ticketmsg { border:2px solid #474836; width:507px; margin:20px 0 0 0; float:left; }
#contact table.table-ticketmsg th { background:#474836; color:#aee655; font:bold 12px Arial, Helvetica, sans-serif; border-bottom:1px solid #8b785c; padding:3px; }
#contact table.table-ticketmsg th.tbl-message { font-size:14px; padding:5px 3px; border-bottom:3px solid #8b785c }
#contact table.table-ticketmsg th em { color:#fff; font-style:normal; }
#contact table.table-ticketmsg td { border-bottom:1px solid #8b785c; padding:3px; }
#contact table.table-ticketmsg th.tbl-ticket-date { width:140px; }
#contact table.table-ticketmsg th.tbl-ticket-kind { width:80px; }

#order #container .content { position: relative; width: 742px; padding: 50px 109px;  margin: 0 auto; background: url(../images/bg-order.jpg) center 155px no-repeat; }
#order #container .content h2 { margin: 0 0 10px 0; }

#order .listing_table { width:916px; margin: 20px auto; border:2px solid #474836; } 
#order .listing_table td, #order .listing_table th { padding:3px; }
#order .listing_table th.tbl-date { width:80px; }
#order .listing_table th.tbl-site { width:260px; }
#order .listing_table th.tbl-type { width:100px; }
#order .listing_table th.tbl-order { width:150px; }
#order .listing_table th.tbl-amount { width:60px; }
#order .listing_table th.tbl-help { width:100px; }
#order .listing_table th.tbl-details { width:124px; }
#order .listing_table th { background:#474836; color:#aee655; font:bold 12px Arial, Helvetica, sans-serif; border-bottom:2px solid #474836 }
#order .listing_table td { border-bottom:2px solid #8b785c; font:11px Arial, Helvetica, sans-serif; }
#order .listing_table td a { color:#517e01; font-weight:bold; }
#order .listing_table td a:hover { color:#aee753; }
#order .listing_table p.notfound { width: 896px; padding: 20px 0; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#29221b; text-align: center; }

#order table.tbl-receipt { width:600px; border:2px solid #474836; margin:20px auto; }
#order table.tbl-receipt th { padding:10px 3px; background:#474836; color:#aee655; font:bold 14px Arial, Helvetica, sans-serif; border-bottom:2px solid #474836; text-align:center; }
#order table.tbl-receipt td { padding:3px; font:12px Arial, Helvetica, sans-serif; color: #29221b; }
#order table.tbl-receipt td.receipt-bill { width:91px; text-align:right; border-bottom:1px solid #474836; border-right:1px solid #474836; padding-bottom:40px; }
#order table.tbl-receipt td.receipt-billinfos { width:200px; border-bottom:1px solid #474836; border-right:1px solid #474836; padding-bottom:40px; }
#order table.tbl-receipt td.receipt-details { width:91px; text-align:right; border-bottom:1px solid #474836; border-right:1px solid #474836; padding-bottom:40px; }
#order table.tbl-receipt td.receipt-detailsinfos { width:200px; border-bottom:1px solid #474836; padding-bottom:40px; }
#order table.tbl-receipt td.receipt-spacer { border-bottom:1px solid #474836; }
#order table.tbl-receipt td.receipt-cc { text-align:right; height:50px; }
#order table.tbl-receipt td.receipt-qty { border-bottom:1px solid #474836; border-right:1px solid #474836; width:100px; }
#order table.tbl-receipt td.receipt-product { border-bottom:1px solid #474836; border-right:1px solid #474836; width:350px; }
#order table.tbl-receipt td.receipt-amount { border-bottom:1px solid #474836; width:132px; }
#order table.tbl-receipt td.receipt-total { border-right:1px solid #474836; text-align:right; height:80px; }
#order a.receipt-print { display:block; width:229px; height:52px; background:url(../images/btn-printversion.jpg) no-repeat 0 0; margin:10px 0 20px 552px; clear:both; }
#order a.receipt-print:hover { background-position: bottom; }
#order a.receipt-print span { display:none; margin-left:-10000px; }

/*** FOOTER ***/
#container #footer { width: 900px; margin: 0 auto; padding: 25px 0; }
#container #footer p { margin: 0 0 3px 0; }
#container #footer a { color: #313526; font-weight: normal; text-decoration: none; }
#container #footer a:hover { text-decoration: underline; }
#container #footer strong { color: #527e01; }
#container #footer #hackersafe { display: block; float: right; width: 98px; height: 27px; background: url(../images/logo-hacker-safe.gif) top left no-repeat; }
#container #footer #hackersafe strong { position: absolute; left: -9000px; }

/* Operating hours */
#faqs #container .content span#content-callus-weekend{ position:absolute;  top: 420px; left:53px; font-family:Arial, Helvetica, sans-serif; color:#2D251A; font-size: 11px; line-height: 13px;}
#contact #container #columnbox #phone span#content-callus-weekend{ position:absolute;  top: 185px; left:75px; font-family:Arial, Helvetica, sans-serif; color:#2D251A; font-size: 11px; line-height: 13px; }
#index #container #columnbox #index-contact p#content-callus-weekend { position: absolute; top:185px; left:76px; font-size: 11px; font-weight: normal; color: #2D251A; line-height: 13px;}