/* Reset ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
ol, ul { list-style: none; }
pre {font:italic normal 9px Georgia;
}
#wrapper .reset-margin { margin:0 !important; }
#wrapper .reset-padding { padding:0 !important; }
#wrapper .reset-bg { background:none !important; }
.clear { clear:both; }
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* Generic ---------- */
.button01 { padding:4px 8px; background-color:#112140; color:#fff; border:0; font:italic normal 14px Georgia; cursor:pointer;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.button02 { padding:8px 12px; background-color:#4068a1; color:#fff; border:0; font:italic normal 14px Georgia; cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; }
.button02:hover { background-color:#85b5e7; }
.textinput, textarea { border:1px solid #bfcfd7; padding:8px 10px; font-size:12px; color:#333;
-webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
/* panos p iframe select image*/
.textinput, iframe { border:1px solid #bfcfd7;
-webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.textinput, select { border:1px solid #bfcfd7;
-webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.imagecaptcha, image { border:1px solid #bfcfd7; font-size:12px; color:#333;
-webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
label { color:#a5a5a5; font-size:12px; }
.error { border-color:#f00; }
* { outline:none; }
body { text-align:center; font:normal 13px Arial, Helvetica, sans-serif; color:#2c297c; background:#103865 url(../images/bodybg.jpg) repeat; }
#holder { background:url(../images/fullbg.jpg) no-repeat center 0; }
a { color:#0099c8; }
a:hover { text-decoration:none; }
#wrapper { width:960px; text-align:left; margin:0 auto; }
#holder { padding:40px 0; }
/* Typography ---------- */
.primary-header { color:#fff; font:italic bold 28px Georgia; padding:0 0 10px; margin:0 0 20px; border-bottom:1px solid #fff; }
.secondary-header { color:#33bede; font:italic normal 24px Georgia; margin:0 0 14px; }
/* Header ---------- */
#header { position:relative; z-index:2; }
#header-upper { overflow:hidden; }
#header-upper fieldset { display:block; float:right; margin:14px 0 0; }
#header-upper .textfield { background:rgba(18, 27, 59, 0.5) url(../images/topsearch.png) no-repeat center 0; border:0; color:#7a7fc3; font:italic normal 14px Georgia; padding:4px 8px; width:230px; display:block; float:left; height:18px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#header-upper .button01 { display:block; float:left; margin:0 0 0 4px; height:26px; }
#logo { display:block; float:left; }
#nav { padding:46px 0 16px; }
#nav > li { float:left; margin:0 1px; position:relative; }
#nav > li > span > a { color:#b1c3fd; text-decoration:none; padding:6px 10px; display:block; font:bold 22px Arial; }
#nav > li:hover > span > a { background-color:rgba(103, 125, 196, 0.76); color:#fff; height:27px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#nav > li > span { display:block; padding:5px 5px 7px; height:39px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-top-left-radius:8px;
border-top-right-radius:8px;
border-bottom-left-radius:0;
border-bottom-right-radius:0; }
#nav > li:hover > span { background:url(../images/navarrow.png) no-repeat 14px bottom; }
#nav > li:hover > span.hassub { background-color:rgba(18, 24, 48, 0.8); }
#nav > li:hover .subnav { display:block; }
#nav .subnav { display:none; background-color:rgba(18, 24, 48, 0.8); position:absolute; z-index:2; top:51px; width:100%; padding:0 5px; width:265px;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
border-top-left-radius:0;
border-top-right-radius:8px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4); }
#nav .subnav li a { font:normal 18px Arial; color:#7e8fc8; text-decoration:none; }
#nav .subnav li a:hover { color:#fff; }
#nav .subnav ul { padding:6px 12px 0; }
#nav .subnav li { background:url(../images/subnav.gif) repeat-x 0 0; padding:12px 0 10px; }
#nav .subnav li:first-child { background:none; padding:10px 0; }
#nav > li:hover .subnav2 { display:block; }
#nav .subnav2 { display:none; background-color:rgba(18, 24, 48, 0.8); position:absolute; z-index:2; top:51px; width:100%; padding:0 5px; width:265px;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
border-top-left-radius:0;
border-top-right-radius:8px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4); }
#nav .subnav2 li a { font:normal 18px Arial; color:#7e8fc8; text-decoration:none; }
#nav .subnav2 li a:hover { color:#fff; }
#nav .subnav2 ul { padding:6px 12px 0; }
#nav .subnav2 li { background:url(../images/subnav.gif) repeat-x 0 0; padding:12px 0 10px; }
#nav .subnav2 li:first-child { background:none; padding:10px 0; }
#nav .subnav2 li:nth-child(2){ background:url(../images/subnav2.gif) repeat-x 0 0; padding:15px 0 10px; }
#nav .subnav2 li:nth-child(8){ background:url(../images/subnav2.gif) repeat-x 0 0; padding:15px 0 10px; }
#nav > li:hover .subnav3 { display:block; }
#nav .subnav3 { display:none; background-color:rgba(18, 24, 48, 0.8); position:absolute; z-index:2; top:51px; width:100%; padding:0 5px; width:265px;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
border-top-left-radius:0;
border-top-right-radius:8px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4); }
#nav .subnav3 li a { font:normal 18px Arial; color:#7e8fc8; text-decoration:none; }
#nav .subnav3 li a:hover { color:#fff; }
#nav .subnav3 ul { padding:6px 12px 0; }
#nav .subnav3 li { background:url(../images/subnav.gif) repeat-x 0 0; padding:12px 0 10px; }
#nav .subnav3 li:first-child { background:none; padding:10px 0; }
#nav .subnav3 li:nth-child(6){ background:url(../images/subnav2.gif) repeat-x 0 0; padding:15px 0 10px; }
/* Main ---------- */
#main { padding:20px 10px; background-color:rgba(190, 201, 255, 0.2); margin:16px 0; /*min-height:580px;*/
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.box { padding:30px; background:#fff url(../images/gradient.png) repeat-x 0 bottom;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.obligatory { color:#4880b3; }
/* Promo Area ---------- */
.promoheader { overflow:hidden; }
.promoheader-left { width:580px; float:left; }
.promoheader-right { width:240px; text-align:center; float:right; }
.promoheader h2,
.promorow h2 { font-size:22px; color:#0099cc; margin:0 0 20px; }
.promoheader p,
.promorow p { margin:0 0 20px; }
.promorow { overflow:hidden; background:url(../images/promorow.gif) repeat-y 280px 0; }
.promorow li { width:260px; float:left; padding:20px 20px 0; }
.promorow li:first-child { padding:20px 20px 0 0; }
.promorow .promo02 { background:url(../images/HTML5.png) no-repeat 10px 0; }
.promorow .promo02 h2 { padding:0 0 0 50px; }
.promorow .promo03 { background:url(../images/arrowbig.png) no-repeat 18px 16px; }
.promorow .promo03 h2 { padding:0 0 0 78px; }
.promorow h3 { color:#787878; font-size:14px; font-weight:normal; margin:10px 0; }
.promorow .button { background:#868ca6 url(../images/postorder.png) no-repeat 110px 9px; color:#fff; padding:6px 32px 6px 10px; text-decoration:none; display:inline-block; font-size:15px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.promorow .button:hover { background:#f5ff81 url(../images/postorder.png) no-repeat 110px -15px; color:#2c297c; }
.link14px { font-size:14px; }
.whychoose { background:url(../images/why.png) no-repeat right 0; line-height:32px; font-family:Georgia; padding:0 40px 0 0; display:inline-block; font-style:italic; }
.promoheader-right p { color:#a1a6be; font:bold 14px Arial; margin:10px 0; }
.promoheader-right img { -webkit-box-shadow:0 0 10px #c4c4c4;
-moz-box-shadow:0 0 10px #c4c4c4;
box-shadow:0 0 10px #c4c4c4 }
.addpromo { float:right; color:#fff; font: italic normal 18px Georgia; display:block; width:163px; height:52px; padding:8px 26px 0 86px; background:url(../images/add.png) no-repeat 0 0; }
/* Fixes & Installations & Order form ---------- */
.whats-new { vertical-align:middle; padding:8px; }
.whats-new td { padding:12px 18px; border-bottom:1px solid #fff; font-size:12px; }
.whats-new tr { background-color:#f3f3f4; }
.tabular.order-form td { vertical-align:middle; padding:8px; }
.tabular th { font:italic bold 14px Georgia; color:#0099cc; padding:6px 18px; }
.tabular td { padding:12px 18px; border-bottom:1px solid #fff; font-size:12px; }
.tabular tr { background-color:#f3f3f4; }
.tabular .header { background:none !important; }
.tabular tr:hover{ background-color:#e7effe; }
.tabular h2 { font-size:16px; font-weight:normal; color:#2c297c; margin:0 0 8px; }
.tabular.order-form h2 { position:relative; padding-left:40px; margin:0; }
.tabular p { color:#666; }
.tabular p a { color:#666; }
.tabular .locked { text-indent:-9999px; display:block; width:19px; height:26px; background:url(../images/locks.png) no-repeat -43px 0; margin:0 auto; }
.tabular tr:hover .locked { background-position:0 0; }
.tabular .unlocked { text-indent:-9999px; display:block; width:19px; height:26px; background:url(../images/locks.png) no-repeat -43px -33px; margin:0 auto; }
.tabular tr:hover .unlocked { background-position:0 -34px; }
.tabular .button02 { background-color:#b8c0e0; padding:4px 10px; margin-top:12px; }
.tabular tr:hover .button02 { background-color:#5a6073; }
.tabular .price { color:#ccc; font-size:24px; }
.tabular tr:hover .price { color:#0099cc; }
.tabular .plus { width:18px; height:20px; background:url(../images/plus-minus.png) no-repeat -27px 0; display:block; text-indent:-9999px; margin:0 0 4px; }
.tabular tr:hover .plus { background-position:-2px 0; }
.tabular .minus { width:18px; height:10px; background:url(../images/plus-minus.png) no-repeat -27px -20px; display:block; text-indent:-9999px; }
.tabular tr:hover .minus { background-position:-2px -20px; }
.tabular .tick { width:32px; height:32px; display:inline-block; position:absolute; top:-6px; left:0px; }
.tabular tr:hover .tick { background:url(../images/tick.png) no-repeat 0 0; }
.tabular td td { border:0; }
.tabular tr:hover td td { background-color:#e7effe; }
.tabular .with-border { border-bottom:1px solid #e3e3e3; }
.secondaryfiles { padding:12px 0; border-top:2px solid #e7effe; margin-top:20px; }/*border-bottom:2px solid #e7effe;*/
.secondaryfiles h3 { margin:0 0 12px; color:#364168; text-align:center; font:italic bold 16px Arial; }
.secondaryfiles h3 a { color:#364168; }
.footernotes { padding:16px 0 0; border-top:1px solid #9aa3bf; margin:22px 0 0; overflow:hidden; color:#b6c3ff; font:normal 14px Georgia; }
.footernotes em span { color:#18d4f7; }
.footernotesleft { float:left; width:500px; border-right:1px solid #9aa3bf; padding:0 20px 0 50px; }
.footernotesright { float:left; width:348px; padding:0 0 0 20px; }
.footernotes .info { background:url(../images/info.png) no-repeat 0 0; }
.sum { border-bottom:2px solid #e7effe; padding:10px 8px; overflow:hidden; }
.sum .price { color:#0099cc; font-size:24px; float:right; display:block; width:138px; text-align:right; }
.sum .total { color:#797979; font:italic bold 18px Georgia; float:right; display:block; margin:4px 0 0; }
.section { margin:14px 0; position:relative; }
.section .column { float:left; margin:0 14px 0 0; }
.section label { color:#666; display:block; padding:0 0 2px; }
.section .textinput { width:230px; }
/* panos p image */
.section .imagecaptcha { width:88px; }
#formfields { padding:20px; border-bottom:2px solid #e7effe; }
#formfields fieldset { padding:0 0 0 70px; }
#formfields .secondary-header { color:#0099cc; font-size:18px; font-weight:bold; }
.errormsg { padding:0 0 0 5px; background:url(../images/errormsg.png) no-repeat 0 9px; position:absolute; z-index:100; right:0; margin:16px 0 0; width:156px; }
.errormsg span { background-color:#ffcccc; color:#ff3333; display:block; padding:6px 10px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.section .infosmall { position:relative; top:4px; }
.section .infosmall span { position:absolute; top:-12px; left:18px; display:none;padding:0 0 0 5px; background:url(../images/infosmallarrow.png) no-repeat 0 9px; width:136px; z-index:101; }
.section .infosmall:hover span { display:block; }
.section .infosmall strong { padding:6px 10px; display:block; background-color:#f5ff81; font-weight:normal;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#payment { padding:20px; }
#payment .secondary-header { color:#0099cc; font-size:18px; font-weight:bold; }
#payment ul { overflow:hidden; margin:0 0 0 40px; }
#payment li { float:left; width:200px; text-align:center; margin:0 0 0 10px; width:240px; height:200px; position:relative; font-size:15px; }
#payment .type { display:block; font-size:16px; background:#f1f3f9 url(../images/tick2.png) no-repeat 10px -33px; height:46px; line-height:46px; color:#2c297c; }
#payment li:hover .type { background:#fff url(../images/tick2.png) no-repeat 10px 8px; }
#payment .postorder { background:#868ca6 url(../images/postorder.png) no-repeat 110px 9px; color:#fff; padding:6px 32px 6px 10px; text-decoration:none; display:inline-block; position:absolute; bottom:0; left:54px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#payment li:hover .postorder { background:#f5ff81 url(../images/postorder.png) no-repeat 110px -15px; color:#2c297c; }
#payment .payinfo { display:block; background:url(../images/payinfo.png) no-repeat center 8px; padding:40px 0 0; }
#payment .payinfo a { font:italic normal 14px Georgia; color:#33bede; }
#paymentCustom { padding:20px; }
#paymentCustom .secondary-header { color:#0099cc; font-size:18px; font-weight:bold; }
#paymentCustom ul { overflow:hidden; margin:0 0 0 40px; }
#paymentCustom li { float:left; width:200px; text-align:center; margin:0 0 0 10px; width:240px; height:120px; position:relative; font-size:15px; }
#paymentCustom .type { display:block; font-size:16px; background:#f1f3f9 url(../images/tick2.png) no-repeat 10px -33px; height:46px; line-height:46px; color:#2c297c; }
#paymentCustom li:hover .type { background:#fff url(../images/tick2.png) no-repeat 10px 8px; }
#paymentCustom .postorder { background:#868ca6 url(../images/postorder.png) no-repeat 110px 9px; color:#fff; padding:6px 32px 6px 10px; text-decoration:none; display:inline-block; position:absolute; bottom:0; left:54px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#paymentCustom li:hover .postorder { background:#f5ff81 url(../images/postorder.png) no-repeat 110px -15px; color:#2c297c; }
#paymentCustom .payinfo { display:block; background:url(../images/payinfo.png) no-repeat center 8px; padding:40px 0 0; }
#paymentCustom .payinfo a { font:italic normal 14px Georgia; color:#33bede; }
/* Content ---------- */
h1 { overflow:hidden; }
h1 span { float:right; color:#f5ff81; }
#content h2 { color:#0099cc; font:italic bold 18px Georgia; margin:0 0 14px; }
#content h3 { color:#9ba0b4; font:italic bold 14px Georgia; margin:0 0 14px; }
#content p { margin:16px 0; }
#content p a { color:#33bede; }
#content ul { margin:16px 0; }
#content li { margin:2px; background:url(../images/bullet01.gif) no-repeat 0 6px; padding:0 0 0 10px; }
.actions { overflow:hidden; margin:20px 0 0; }
.actions li { float:right; overflow:hidden; }
.actions li a { display:block; padding:4px 22px 4px 4px; font:italic normal 12px Georgia; text-decoration:none; margin-left:20px; color:#99ccff; }
.actions .print { background:url(../images/print.gif) no-repeat right center; }
.actions .save { background:url(../images/save.gif) no-repeat right center; }
.actions .send { background:url(../images/send.gif) no-repeat right center; }
#content h6 { color:#0099cc; font:italic bold 18px Georgia; margin:0 0 2px; }
#content hr {border: 2px solid #65a6ad;width: 100%;margin: 3px auto;}
/* jQuery Tools ---------- */
.scrollable { position:relative; overflow:hidden; }
.scrollable .items { width:20000em; position:relative; }
.items div { float:left; }
.items a { }
.items img { border:3px solid #778cc4; display:block; float:left; margin:0 12px 0 0; }
.items img:hover { border-color:#f5ff81; cursor:pointer; }
.content-carousel { position:relative; margin:20px 49px; padding:10px 20px; width:744px; background:url(../images/carouselgrad.png) repeat-x 0 0;
webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-webkit-box-shadow:0 5px 0 #c4c4c4;
-moz-box-shadow:0 5px 0 #c4c4c4;
box-shadow:0 5px 0 #c4c4c4; }
.content-carousel .next,
.content-carousel .prev { position:absolute; width:26px; height:71px; text-indent:-9999px; display:block; top:30px; cursor:pointer; }
.content-carousel .prev { left:-49px; background:url(../images/carousel-controls.png) no-repeat 0 -83px; }
.content-carousel .prev.disabled { background-position:0 0; }
.content-carousel .next { right:-49px; background:url(../images/carousel-controls.png) no-repeat -57px -83px; }
.content-carousel .next.disabled { background-position:-57px 0; }
.tooltip { display:none; height:28px; width:129px; padding:17px 0 0 26px; color:#fff; font:italic normal 16px Georgia; background:url(../images/carousel-tooltip.png) no-repeat; text-align:left; }
.modal { display:none; z-index:10000; background-color:#f6f6f6; padding:32px; text-align:left;
webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px; }
.modal .close { background-image:url(../images/close.gif); position:absolute; right:8px; top:8px; cursor:pointer; height:21px; width:21px; }
.modalcolumn { width:252px; float:left; margin:0 0 0 20px; }
.modalcolumn:first-child { margin:0; }
.modal .section { overflow:hidden; }
.modal .textinput { margin:0 0 10px; }
.modal textarea { width:228px; height:74px; }
.modal .buttons { text-align:right; }
.modal label { padding:0 0 4px 10px; }
.modalmsg { color:#666; font-size:12px; margin:10px 0; }
.modal .secondary-header { color:#0099cc; }
#intro { position:relative; z-index:1; }
#intro h1 { background-color:#2e3963; font:italic normal 28px Georgia; padding:0 8px; display:inline; color:#fff; }
#intro ul { margin:20px 0; }
#intro ul li { color:#011028; margin:2px 0; font-size:15px; font-style: italic; padding:2px 0 2px 20px; background:url(../images/arrow.png) no-repeat 0 center; }
#intro-carousel > div { display:none; position:absolute; top:0; left:0; height:342px; }
#intro-carousel .intro-content { position:absolute; right:90px; top:24px; width:410px; }
#intro-carousel .intro-content2 { position:absolute; right:90px; top:24px; width:310px; }
#intro-carousel { position:relative; width:960px; height:342px; }
#intro .backward, #intro .forward { position:absolute; z-index:999; width:45px; height:45px; display:block; cursor:pointer; text-indent:-9999px; top:150px; }
#intro .backward { background:url(../images/intro.png) no-repeat 0 -46px; left:10px; }
#intro .backward:hover { background-position:0 0; }
#intro .forward { background:url(../images/intro.png) no-repeat -46px -46px; right:10px; }
#intro .forward:hover { background-position:-46px 0; }
#intro .backward.disabled,
#intro .forward.disabled { display:none; }
#intro .slidetabs { display:none; }
#description { font-size:26px; font-family:"Trebuchet MS"; position:relative; z-index:1; background:url(../images/description.png) no-repeat 0 0; margin:-67px 10px -16px; height:67px; line-height:67px; color:#fff; padding:0 0 0 70px; }
#intro .button { font:bold 22px Arial; background-color:#f5ff81; color:#7a9ec9; text-decoration:none; padding:6px 18px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:4px 4px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:4px 4px 0 rgba(0, 0, 0, 0.3);
box-shadow:4px 4px 0 rgba(0, 0, 0, 0.3); }
#intro .submsg { color:#fdeb31; position:absolute; right:-30px; bottom:-10px; }
/* Awards & Reseller ---------- */
#awards { background:#fff url(../images/awards.png) no-repeat center 0; padding:40px 10px 10px; width:764px;
webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none; }
#awards img { border:0 !important; cursor:default; }
#awards .prev,
#awards .next { top:58px; }
#resellers-header { background:url(../images/resellers.png) repeat-x 0 0; color:#6f6db3; font-family:"Trebuchet MS"; padding:30px 0 20px 44px; overflow:hidden; position:relative; width:876px; margin:-20px 0 0 -20px;
webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px; }
.row { overflow:hidden; background:url(../images/row.png) repeat-y 299px 0; margin:0 0 20px; font-family:"Trebuchet MS"; }
.row li { float:left; width:255px; padding:0 0 0 30px; }
.row p { color:#6f6db3; }
.logoholder { padding:6px 6px 16px 6px; background:url(../images/logo-holder.png) repeat-x 0 0; margin:0 0 10px; width:243px; }
.logoholderC { padding:6px 6px 16px 6px; background:url(../images/logo-holder.png) repeat-x 0 0; margin:0 0 10px; width:243px; }
.row p strong,
#resellers-header p strong { color:#2c297c; display:block; font-weight:normal; margin:0 0 10px; }
#resellers-header .logoholder { float:left; }
#resellers-header p { float:left; margin:0 0 0 16px; width:170px; }
#resellers-header h2,
.row h2 { color:#2c297c; font-size:18px; margin:0 0 10px; font-weight:normal; }
#resellers-header h2 { margin:0 0 10px 271px; }
.visit { font-size:12px; background-color:#b7bdd7; color:#fff; text-decoration:none; padding:2px 4px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.reseller-info { background:url(../images/becomereseller.png) no-repeat 0 0; color:#fff; font:italic normal 14px Georgia; width:800px; height:30px; margin:0 00 15px; padding:10px 0 0 70px; }
.reseller-info a { float:right; background-color:#eeff35; color:#121832; text-decoration:none; margin:-2px 10px 0 0; padding:4px 10px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
/* Search Results ---------- */
.info-result { background:url(../images/info.png) no-repeat 0 0; padding:10px 20px 0 50px; display:block; color:#364168; font:italic bold 16px Arial; min-height:40px; margin:0 0 6px; }
.info-result strong { color:#121833; }
.search-results { background-color:#121833; padding:20px; margin:0 0 16px; overflow:hidden;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.search-results label { color:#fff; display:block; font:italic normal 16px Georgia; padding:0 0 6px; }
.search-results .textfield { background:#44517d url(../images/topsearch.png) no-repeat center 0; width:250px; color:#9bc9fc; font:normal 18px Arial; border:0; padding:4px 8px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
.search-input { float:left; width:290px; }
.search-filters { float:left; width:600px; }
.search-filters label { margin:0 0 6px; }
.search-filters span { margin:0 34px 0 0; color:#9bc9fc; font:normal 16px Georgia; }
.search-filters .button01 { float:right; background-color:#f5ff81; color:#121832; margin:-6px 0 0; }
/* Paging ---------- */
.paging { padding:0 200px; margin:20px 0 0; text-align:center; font-family: "Trebuchet MS"; }
.paging li { display:inline; font-size:12px; }
.paging .prev + li > a { border-left:1px solid #121c3c; }
.paging li a { color:#99ccff; text-decoration:none; padding:4px 10px;border-right:1px solid #121c3c; }
.paging .prev { margin:0 46px 0 0; border:0; }
.paging .next { margin:0 0 0 46px; border:0; }
.paging .prev a { border:0; background:url(../images/prev.gif) no-repeat 0 center; padding:0 0 0 14px; }
.paging .next a { border:0; background:url(../images/next.gif) no-repeat right center; padding:0 14px 0 0; }
.paging .active { color:#121c3c; }
/* F.A.Q. ---------- */
#faqlist li { margin:10px 0; }
/* panos entry li h2*/
#faqlist li h2 { font-size:18px; color:#fff; }
#faqlist a { display:inline-block; background:#3a4868 url(../images/faqlist.png) no-repeat 8px 7px; padding:4px 10px 4px 30px; font-size:18px; color:#fff; text-decoration:none; }
#faqlist .selected { background:#1b2948 url(../images/faqlist.png) no-repeat 8px 7px; }
#faqlist a:hover { background-position:8px -140px; color:#eeff35; }
/* panos entry 2 lines */
#faqlist span a { display:inline-block; background:none; padding:4px 10px 4px 10px; font-size:100%; color:#1b2948; text-decoration:underline; }
#faqlist span a:hover { color:#1b2948; text-decoration:none;}
/*#faqlist .box { display:inline-block; padding:4px 10px 4px 30px; font-size:18px; color:#fff; text-decoration:none; }*/
/*panos change .faqentry { margin:20px 0; border-bottom:1px solid #6d7492; padding:0 0 30px; position:relative; }*/
.faqentry { margin:20px 0; padding:0 0 30px; position:relative; }
.faqentry:first-child { margin-top:0; }
.faqentry h2 { font-size:18px; }
.faqentry h2 a { text-decoration:none; }
.faqentry a { text-decoration:none; }
.faqentry .date { color:#9ba0b4; font:italic bold 14px Georgia; margin:-10px 0 10px; display:block; }
/* panos entry float:right*/
.faqentry .more { position:absolute; right:0; bottom:0; background:#9ba0b3 url(../images/more.png) no-repeat 78px center; padding:4px 22px 4px 8px; color:#fff; text-decoration:none; font-size:14px;float:right;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:0;
border-bottom-right-radius:0; }
/* Contact ---------- */
#contact { overflow:hidden; }
#contact-main { float:left; width:320px; padding:0 0 0 30px; }
#contact-main p { color:#fff; font:italic normal 16px Georgia; margin:0 0 12px; }
#contact-main li { padding:12px 0 12px 60px; color:#fff; font:italic normal 16px Georgia; margin:20px 0; }
#contact-main li a { color:#fff; }
#contact-main .email { background:url(../images/contactemail.png) no-repeat 4px center; }
#contact-main .voice { background:url(../images/contactvoice.png) no-repeat 0 center; }
#contact-main .fax { background:url(../images/contactfax.png) no-repeat 0 center; }
#contact-main .contact-details { color:#011028; font:italic normal 15px Arial; }
#contact-map { float:right; background-color:#3a4868; width:522px; padding:20px 20px 8px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#contact-map a { float:right; display:block; background:url(../images/lens.gif) no-repeat right center; padding:8px 40px 8px 0; font:italic normal 14px Georgia; margin:10px 0 0; }
#contactmsg { float:left; background:url(../images/contactmsg.png) no-repeat right 26px; padding:0 8px 0 0; }
#contactmsg p { background-color:#98a1c7; padding:22px 54px 22px 34px; font:italic normal 18px Georgia; color:#fff; width:180px; line-height:1.3em;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#contactform { overflow:hidden; padding:0 0 0 72px; }
#contactform label { display:block; padding:0 0 8px 12px; }
#contactform .textinput { width:220px; }
#contactform div { float:left; width:266px; margin:0 0 16px; }
#contactform textarea { width:486px; height:150px; }
#contactform .buttons { text-align:right; width:512px; }
/* Pricelist ---------- */
#pricelist > li { background:url(../images/arrow.png) no-repeat 10px 22px; padding:18px 18px 18px 34px; border-bottom:1px solid #2f426a; font:italic normal 16px Georgia; color:#fff; }
#pricelist > li:hover { background-color:#7f8fd4; }
#pricelist h3 { background-color:#2e3963; font:italic normal 28px Georgia; padding:0 8px; display:inline; }
#pricelist td { padding-right:10px; vertical-align:top; }
#pricelist ul { overflow:hidden; width:546px; }
#pricelist ul.single { width:180px; }
#pricelist ul li { float:left; width:180px; margin:0 0 0 2px; }
#pricelist .quantity { display:block; background:url(../images/quantity.png) repeat-x 0 0; text-align:center; line-height:29px; }
#pricelist .price { display:block; color:#264b7f; font:normal 24px Arial; background:url(../images/price.png) repeat-x 0 bottom; text-align:center; line-height:59px; }
#pricelist .price1 { display:block; color:#264b7f; font:normal 24px Arial; background:url(../images/price.png) repeat-x 0 bottom; text-align:center; line-height:44px; }
#pricelist .price2 { display:block; color:#264b7f; font:normal 24px Arial; background:url(../images/price.png) repeat-x 0 bottom; text-align:center; line-height:66px; }
#pricelist h4 { color:#f5ff81; font:italic bold 22px Georgia; }
#pricelist td p { margin:10px 0; }
#pricelist-contact { padding:14px 34px; color:#b6c3ff; font-size:14px; }
#pricelist-contact em { color:#33bede; font:italic normal 18px Georgia; }
#pricelist-contact em a { color:#33bede; }
#pricelist-contact .order { float:right; font:bold 22px Arial; background-color:#f5ff81; color:#7a9ec9; text-decoration:none; padding:6px 18px;
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:4px 4px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:4px 4px 0 rgba(0, 0, 0, 0.3);
box-shadow:4px 4px 0 rgba(0, 0, 0, 0.3); }
/* Footer ---------- */
#footer { overflow:hidden; padding:26px 16px 16px 36px; background-color:rgba(0, 0, 0, 0.2);
webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#footer-content { float:left; width:600px; }
#footer-content li { padding:0 0 8px; margin:0 0 8px; border-bottom:1px solid #3e4c73; }
#footer-content li a { color:#b6c3ff; text-decoration:none; }
#footer-content li a:hover { color:#fff; }
#footer-sidebar { float:right; width:270px; }
#footer-sidebar ul { margin:0 0 30px; }
#footer-sidebar li { margin:0 0 4px; }
#footer-sidebar li a { color:#b6c3ff; font:italic normal 14px Georgia; }
#footer-sidebar li a:hover { color:#fff; }
#footer-sidebar p { color:#4571ab; font:italic normal 14px Georgia; margin:0 0 10px; }
#footer-sidebar fieldset { overflow:hidden; }
#footer-sidebar .textfield { background:#44587a url(../images/topsearch.png) no-repeat center 0; border:0; color:#fff; font:italic normal 14px Georgia; padding:4px 8px; width:160px; display:block; float:left; height:18px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px; }
#footer-sidebar .button01 { width:80px; display:block; float:left; margin:0 0 0 4px; height:26px; }
#copyright { overflow:hidden; margin:30px 0 0; padding:0 10px; }
#copyright p { float:left; color:#4571ab; font-size:12px; }
#copyright ul { float:right; }
#copyright li { float:left; background:url(../images/copyright.gif) no-repeat left center; padding:0 0 0 12px; margin:0 0 0 8px; font-size:14px; }
#copyright li:first-child { background:none; margin:0; padding:0; }
#copyright li a { color:#c6c7d8; }
/* panos p aggreement */
#agreement {text-align:center; font:normal 13px Arial, Helvetica, sans-serif; color:#2c297c;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */