/* 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: #433f3c url(../images/bg.gif) top left repeat; color: #29221b; font: 11px Arial, Helvetica, sans-serif; }
a { color: #83edb6; font-weight: bold; }

#container { position: relative; width: 920px; padding: 0 20px 20px; margin: 35px 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 ***/
#index #container #flash { position: relative; clear: both; width: 920px; margin: 20px 0 0 0; height: 286px; }

#container #header { position: relative; clear: both; margin: 20px 0; width: 920px; height: 168px; }
#container #header strong { position: absolute; left: -9000px; }

#faqs #container #header { background-image: url(../images/header-faqs.jpg); margin-top: 20px; }
#order #container #header { height: 181px; background-image: url(../images/header-order.jpg); }
#privacy #container #header { background-image: url(../images/header-privacy.jpg); }
#contact #container #header { background-image: url(../images/header-contact.jpg); margin: 20px 0 0 0; }

#order #container #header_listing { position: relative; clear: both; margin: 20px 0; width: 920px; height: 168px; height: 181px; background-image: url(../images/header-listing.jpg); }
#order #container #header_listing strong { position: absolute; left: -9000px; }
#order #container #header_listing p { font:18px/24px Arial, Helvetica, sans-serif; color:#000; position:absolute; top:90px; left:40px; width:620px; }

#contact #container #header_ticket { position: relative; clear: both; margin: 20px 0; width: 920px; height: 168px; height: 181px; background-image: url(../images/header-ticket.jpg); }
#contact #container #header_ticket strong { position: absolute; left: -9000px; }
#contact #container #header_ticket p { font:18px/24px Arial, Helvetica, sans-serif; color:#000; position:absolute; top:90px; left:40px; width:620px; }

/*** MENU ***/
#container #menu { width: 100%; height: 99px; margin: -35px auto 6px auto; }
#container #menu li { position: relative; float: left; display: inline; width: 170px; height: 64px; margin: 0 6px 0 0; }
#container #menu li a { position: relative; display: block; width: 170px; height: 64px; margin: 17px 0 0 0; border-top: 18px solid #83edb6; 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-home { width: 217px; height: 99px; }
#container #menu #mnu-home a { width: 217px; height: 99px; margin-top: 0; border-top: none; background: url(../images/mnu-home.gif) top left no-repeat; }
#container #menu #mnu-order a { background-image: url(../images/mnu-order-details.gif); }
#container #menu #mnu-faqs { width: 169px; }
#container #menu #mnu-faqs a { width: 169px; background-image: url(../images/mnu-faqs.gif); }
#container #menu #mnu-contact a { background-image: url(../images/mnu-contactus.gif); }
#container #menu #mnu-privacy { margin: 0; }
#container #menu #mnu-privacy a { background-image: url(../images/mnu-privacypolicy.gif); }

#faqs #container #menu #mnu-faqs a,
#privacy #container #menu #mnu-privacy a,
#order #container #menu #mnu-order a,
#contact #container #menu #mnu-contact a { background-position: bottom; }


/*** COLUMNS (298x339) ***/
#container #columnbox { margin: 18px 0 0 0; }
#container #columnbox .column { border-top: 8px solid #28221b; }
#container #columnbox .column .button:hover { background-position: bottom left!important; }

#index #container #columnbox { width: 920px; height: 296px; }
#index #container #columnbox h2 { position: absolute; left: -9000px; }
#index #container #columnbox .column { position: relative; float: left; display: inline; line-height: 20px; }
#index #container #columnbox .column strong { display: block; }
#index #container #columnbox .column .button { position: absolute; width: 294px; height: 29px; bottom: 0; left: 0px; border-top: 7px solid #83edb6; background-position: top left; background-repeat: no-repeat; }
#index #container #columnbox .column .button strong { position: absolute; left: -9000px; }

#index #container #columnbox #index-contact { position: relative; width: 220px; height: 215px; padding: 73px 0 0 74px; margin: 0 18px 0 0; background: url(../images/bg-index-contactus.jpg) top left no-repeat; }
#index #container #columnbox #index-contact p { width: 200px; }
#index #container #columnbox #index-contact p.index-support { padding:122px 0 0 35px; width:100px; }
#index #container #columnbox #index-contact .button { background-image: url(../images/btn-index-contactus.gif); }

#index #container #columnbox #index-contact div { display:none; margin-left:-10000px; }

#index #container #columnbox #index-contact p#content-callus-free { position:absolute; top:92px; left:105px; font:bold 20px Arial, Helvetica, sans-serif; color:#fff;  }
#index #container #columnbox #index-contact p#content-callus-int { position:absolute; top:143px; left:105px; font:bold 20px Arial, Helvetica, sans-serif; color:#fff;  }

#index #container #columnbox #index-contact p em { display:none; margin-left:-100000px; }

#index #container #columnbox #index-locate { width: 213px; height: 200px; padding: 88px 0 0 81px; margin: 0 18px 0 0; background: url(../images/bg-index-locateorder.jpg) top left no-repeat; }
#index #container #columnbox #index-locate input { width: 179px; height: 14px; padding: 2px; margin: 0 0 10px 0; border: 1px solid #768064; font: 11px Arial, Helvetica, sans-serif; color: #555645; }
#index #container #columnbox #index-locate .button { background-image: url(../images/btn-index-locateorder.gif); }

#index #container #columnbox #index-chat { width:294px; height:288px; background:url(../images/chat-offline.jpg) no-repeat 0 0; }


#contact #container #columnbox { position: relative; width: 920px; height: 523px; }
#contact #container #columnbox .column { position: relative; display: inline; float: left; width: 294px; height: 494px; margin: 0 5px 0 0; } 
#contact #container #columnbox .column h2 { position: absolute; left: -9000px; }
#contact #container #columnbox .column .button { position: absolute; display: block; width: 294px; height: 29px; bottom: 0; left: 0px; background-position: top left; background-repeat: no-repeat; border-top: 7px solid #83edb6; }
#contact #container #columnbox .column .button strong { position: absolute; left: -9000px; }

#contact #container #columnbox #phonesupport { width: 217px; height: 398px; padding: 96px 0 0 77px; background: url(../images/bg-contact-phonesupport.jpg) top left no-repeat; }
#contact #container #columnbox #phonesupport p { margin: 0 0 10px 0; }
#contact #container #columnbox #phonesupport strong { display: block; }
#contact #container #columnbox #phonesupport .button { background-image: url(../images/btn-index-contactus.gif); }
#contact #container #columnbox #phonesupport .email { position: absolute; top: 230px; left: 105px; }

#contact #container #columnbox #phonesupport div { display:none; margin-left:-10000px; }

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


#contact #container #columnbox #emailsupport { width: 214px; height: 342px; padding: 152px 0 0 80px; background: url(../images/bg-contact-emailsupport.jpg) top left no-repeat; }
#contact #container #columnbox #emailsupport p strong { color: #000; }
#contact #container #columnbox #emailsupport .title,
#contact #container #columnbox #emailsupport label { position: absolute; left: -9000px; }
#contact #container #columnbox #emailsupport p { margin: 0 0 7px 0; }
#contact #container #columnbox #emailsupport .subject { margin-top: 46px; }
#contact #container #columnbox #emailsupport input { width: 170px; height: 14px; padding: 2px; border: 1px solid #474034; margin: 0 0 0 9px; font: 11px Arial, Helvetica, sans-serif; color: #474034; background-color: #f9efe0; }
#contact #container #columnbox #emailsupport textarea { width: 170px; height: 79px; padding: 2px; margin: 0 0 0 9px; border: 1px solid #474034; font: 11px Arial, Helvetica, sans-serif; color: #474034; background-color: #f9efe0; }
#contact #container #columnbox #emailsupport .button { background-image: url(../images/btn-index-locateorder.gif); }

#contact #container #columnbox #chatlive { width: 294px; height: 494px; background: url(../images/chat-c-offline.jpg) top left no-repeat; }
#contact #container #columnbox #chatlive .button { background-image: url(../images/btn-index-startchatting.gif); }
#contact #container #columnbox #chatlive .status { position: absolute; width: 123px; height: 19px; top: 60px; left: 0; padding: 0 0 0 77px; color: #fff; line-height: 18px;  }
#contact #container #columnbox #chatlive .status span { position: absolute; display: block; width: 67px; height: 100%; top: 0; left: 0; background-color: #609a04; }
#contact #container #columnbox #chatlive .offline { color: #8b785c; }
#contact #container #columnbox #chatlive .offline span { background-color: #940512; }

#order #container #columnbox { position: relative; width: 100%; }
#order #container #columnbox .column { position: relative; display: inline; float: left; width: 294px; height: 281px; margin: 0 19px 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; }
#order #container #columnbox form p { margin: 0 0 12px 0; }
#order #container #columnbox form label { display: block; font-weight: bold; margin: 0 0 3px 0; }
#order #container #columnbox form input { width: 177px; height: 14px; padding: 2px; border: 1px solid #858685; font: 11px Arial, Helvetica, sans-serif; color: #555645; }

#order #container #columnbox #searchbyname { width: 215px; height: 164px; padding: 88px 0 0 79px; background: url(../images/bg-searchbyname.jpg) top left no-repeat; }
#order #container #columnbox #or { height: 282px; background: url(../images/bg-order-or.jpg) top left no-repeat; border-bottom: 8px solid #28221b; }
#order #container #columnbox #or p { position: absolute; left: -9000px; }
#order #container #columnbox #searchbyemail { width: 215px; height: 164px; padding: 88px 0 0 79px; background: url(../images/bg-searchbyemail.jpg) top left no-repeat; margin: 0; }
#order #container #columnbox #searchbyname .button,
#order #container #columnbox #searchbyemail .button { position: absolute; display: block; top: 252px; left: 0; width: 294px; height: 29px; background: url(../images/btn-submitinfo.gif) top left no-repeat; border-top: 9px solid #83edb6; }


/*** CONTENT BOX ***/
#container .content h2 { margin: 0 0 20px 0; font-size: 20px; font-weight: bold; color: #62b798; }
#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: 920px; padding: 20px 0; background: url(../images/bg-faqs.jpg) top left no-repeat; }
#faqs #container .content p { width: 850px; padding: 35px; background: url(../images/bg-faqs-parag.jpg) top left repeat-x; border-top: 1px solid #64664e; margin: 0; }
#faqs #container .content p strong { display: block; color: #000; }
#faqs #container .content p a { color: #64664e; }

#privacy #container .content { position: relative; width: 880px; padding: 20px 20px 100px; margin: 20px 0 0 0; background: url(../images/bg-faqs-parag.jpg) top left repeat-x; }
#privacy #container .content a { color: #62b798; }
#privacy #container #deco { position: absolute; width: 184px; height: 141px; bottom: 0; right: 0; background: url(../images/privacy-deco.jpg) top left no-repeat; }

#contact #container .content { position: relative; width: 577px; height: 110px; padding: 50px 10px 0 333px; background: url(../images/bg-contact.jpg) top left no-repeat; }
#contact #container .content h2 { font-size: 20px; color: #62b798; margin-bottom: 5px; }
#contact #container .content p { line-height: 18px; }

#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 #433c32; width:380px; margin:0 30px 0 0; float:left; }
#contact table.ticket-table th { background:#433c32; color:#83edb6; 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 #433c32; width:507px; margin:0 0 0 0; float:left; }
#contact table.table-ticketmsg th { background:#433c32; color:#83edb6; 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 { width: 920px; height: 197px; margin: 20px 0 0 0; background: url(../images/bg-order-retrieve.jpg) top left no-repeat; position:relative }
#order #container .content p { position: absolute; left: -9000px; }
#order #container .content p#content-callus-free { position:absolute; top:96px; left:381px; font:bold 16px Arial, Helvetica, sans-serif; color:#000;  }
#order #container .content p#content-callus-int { position:absolute; top:96px; left:707px; font:bold 16px Arial, Helvetica, sans-serif; color:#000;  }
#order #container .content p#content-callus-free strong, #order #container .content p#content-callus-int strong { display:none; margin-left:-10000px; }

#order .listing_table { width:916px; border:2px solid #433c32; } 
#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:#433c32; color:#83edb6; font:bold 12px Arial, Helvetica, sans-serif; border-bottom:2px solid #433c32 }
#order .listing_table td { border-bottom:2px solid #8b785c; font:11px Arial, Helvetica, sans-serif; }
#order .listing_table td a { color:#7ed9a6; font-weight:bold; }
#order .listing_table td a:hover { color:#000; }
#order .listing_table p.notfound { padding:2px 5px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#29221b }

#order table.tbl-receipt { width:600px; border:2px solid #433c32; margin:0 auto; }
#order table.tbl-receipt th { padding:10px 3px; background:#433c32; color:#83edb6; font:bold 14px Arial, Helvetica, sans-serif; border-bottom:2px solid #433c32; 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 #433c32; border-right:1px solid #433c32; padding-bottom:40px; }
#order table.tbl-receipt td.receipt-billinfos { width:200px; border-bottom:1px solid #433c32; border-right:1px solid #433c32; padding-bottom:40px; }
#order table.tbl-receipt td.receipt-details { width:91px; text-align:right; border-bottom:1px solid #433c32; border-right:1px solid #433c32; padding-bottom:40px; }
#order table.tbl-receipt td.receipt-detailsinfos { width:200px; border-bottom:1px solid #433c32; padding-bottom:40px; }
#order table.tbl-receipt td.receipt-spacer { border-bottom:1px solid #433c32; }
#order table.tbl-receipt td.receipt-cc { text-align:right; height:50px; }
#order table.tbl-receipt td.receipt-qty { border-bottom:1px solid #433c32; border-right:1px solid #433c32; width:100px; }
#order table.tbl-receipt td.receipt-product { border-bottom:1px solid #433c32; border-right:1px solid #433c32; width:350px; }
#order table.tbl-receipt td.receipt-amount { border-bottom:1px solid #433c32; width:132px; }
#order table.tbl-receipt td.receipt-total { border-right:1px solid #433c32; text-align:right; height:80px; }
#order a.receipt-print { display:block; width:210px; height:49px; background:url(../images/btn-receipt-print.gif) no-repeat 0 0; margin:25px 0 0 552px; clear:both; }
#order a.receipt-print:hover { background-position:0 -49px; }
#order a.receipt-print span { display:none; margin-left:-10000px; }

/*** MISC ***/
#text { width: 920px; height: 26px; margin: 23px 0 0 0; background: url(../images/txt-index.gif) top left no-repeat; }
#text strong { position: absolute; left: -9000px; }

/*** FOOTER ***/
#footer { width: 920px; margin: 35px auto; padding: 20px; background: #fff; }
#footer ul { position: relative; width: 920px; height: 32px; margin: 0 0 15px; }
#footer ul li { position: relative; float: left; width: 178px; height: 32px; margin: 0 7px 0 0; }
#footer ul li a { display: block; width: 158px; height: 25px; padding: 0 0 0 14px; font-weight: bold; color: #fff; background-color: #656058; border-top: 7px solid #83edb6; line-height: 25px; text-decoration: none; }
#footer ul li a span { color: #ace655; }
#footer ul li a:hover { background-color: #000; }
#footer ul .last { margin: 0; }

#footer p { margin: 0 0 3px 0; }
#footer strong { color: #527e01; }
#footer #hackersafe { display: block; float: right; width: 98px; height: 27px; background: url(../images/logo-hacker-safe.gif) top left no-repeat; }
#footer #hackersafe strong { position: absolute; left: -9000px; }


/*** Support hours ***/
#index #container #columnbox #index-contact p#content-callus-weekend{position: absolute; top:168px; left:79px; font-size: 11px; font-weight: normal; color: #fff; line-height: 13px; display: block; z-index:  100;}
#contact #container #columnbox #phonesupport span#content-callus-weekend{position:absolute;  top: 195px; left:85px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size: 11px; line-height: 13px;}