@CHARSET "UTF-8";
body, html{ height: 100%; }
body{
color:#333;
/* font-family: 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif; */
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:140%;
background-color:#f4f4f4;
background-attachment: fixed;
}
#wrap{ }
/*--------------------------------
customize
---------------------------------*/
/* MAIN TYPOGRAPHY */
small, sup, sub { font-size: 85%; }
big { font-size: 125%; line-height: 120%; }
h1, h2, h3, h4{ font-weight:normal; letter-spacing:-1px; }
h1{ font-size:2em; }
h2{ font-size:1.6em; }
h3{ font-size:1.2em; }
h4{ font-size:1em; }
strong{ color:#444; }
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}
a{ color:#336699; text-decoration:none; cursor:pointer; }
a:hover, a.hover{ color:#bb2f2f;}
table{ border: none; }
ul, ol, dir, menu { list-style:none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Controlsthe BR tag, which makes the WRAPPER float stretch for GECKO */
.clearfix {display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
:focus { -moz-outline-style: none; outline:none; }
*::-moz-selection { background-color:#4C5767; color:#fff; }
img{ border:none; }
.floatl{ float:left; }
.floatr{ float:right; }
.highlight { background-color: lightBlue; }
#overlay{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color:#000; cursor: default; }
html>/**/body #overlay{ background:url(../images/trans-bg.png) 0 0 repeat; }
* html #overlay{ position: absolute; background-color:#000; height:expression(document.body.clientHeight + "px"); }
#preloader{ display:none; position: fixed; z-index:100; top:50%; right:50%; margin:-50px -50px 0 0; width:100px; height:100px; background:#fff url(../images/ajax-loader.gif) center no-repeat; -moz-border-radius:6px; }
* html #preloader{ position:absolute; margin:0 -50px 0 0; }
#wrap{ width: 950px; margin:0 auto; }
/* Start custom button CSS here
---------------------------------------- */
.btn { display:inline-block; background:none; margin:0; padding:2px 1px; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#444; cursor:pointer; }
* html button.btn { padding-bottom:1px; }
html:not([lang*=""]) button.btn { margin:0 -3px; }
.btn span { display:block; background:#ddd url(../images/bg-button.gif) repeat-x 0 0; margin:0; padding:0px 0px; border-left:1px solid #ccc; border-right:1px solid #bbb; }
* html .btn span{ padding-top:0; }
.btn span span{ padding:6px .8em; border-width:0; font-weight:bold; border-top:1px solid #ccc; border-bottom:1px solid #bbb; }
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { color:#000; border-color:#80b6e9 !important; cursor:pointer; }
.btn:active span{ background-position:0 -395px; outline:none; }
button::-moz-focus-inner { border: 0; }
button{ font-family:Arial, Helvetica, sans-serif; }
button.btn1{ width:120px; height:35px; padding-bottom:3px; color:#574a0f; font-size:1.2em; font-weight:bold; overflow:hidden; border:none; background:url(../images/button1.png) 0 0 no-repeat; }
button.btn1:hover{ background-position:0 -35px; color:#4a3f0d; }
button.btn1:active{ background-position:0 -70px; color:#4a3f0d; padding-bottom:1px; -moz-outline-style: none; outline:none; }
/*--------------------------------
Form elements
---------------------------------*/
fieldset{ border:0 none; position:relative; }
form div.item{ margin-bottom:12px; width:100%; position:relative; }
form label{ float:right; color:#444; margin-bottom:2px; width:90px; line-height:1.75em; }
input, textarea{ color:#444; width:260px; font-family: 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif; font-size:1em; padding:4px; }
input{ border:1px solid #ccc; padding:6px 4px; }
input[disabled], textarea[disabled]{ color:#888; }
textarea{ overflow:auto; width:345px; font-family: 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif; border:1px solid #ccc; }
input:focus, textarea:focus{ border-color:#336699; }
form div.buttons button{ float:left; cursor:pointer; }
#contactForm{ width:450px; }
#contactForm label{ font-size: 1.4em; font-weight:bold; -moz-opacity:0.99; }
#contactForm input{ }
#contactForm .marked{ border:1px solid #BD2A20; }
#contactForm .buttons{ margin-right:90px; overflow:hidden; }
#contactForm #submit_btn{ float:right; width:114px; height:35px; background:url(../images/tbn_send.gif) 0 0 no-repeat; border:none; text-indent:-555px; }
#contactForm #submit_btn:hover{ background-position:0 -35px; }
#contactForm #form_status{ float:left; color:#999; text-align:left; line-height:35px; font-weight:bold; width:230px; height:40px; }
#contactForm #form_status.error{ color:#BD2A20; }
#contactForm #form_status.success{ background:url(../images/sent.gif) left 0 no-repeat; }
/*--------------------------------
header
---------------------------------*/
#header{ font-size:1em; background-color:#000; }
#header .content{ width:950px; direction:rtl; margin:0 auto; padding:0 15px; position:relative; background-color:#000; }
#header .top{ height:49px; xoverflow:hidden; position:relative; z-index:1; }
#header a.logo{ float:right; margin:10px 0 0; width:146px; height:49px; background:url(../images/logo.gif) 0 -50px no-repeat; overflow:hidden; }
#header a.logo:hover{ background-position:0 0; }
#header ul#main_menu{ font-size:1.1em; }
#header ul#main_menu li{ float:left; padding:10px 22px 0 0; }
#header ul#main_menu li a{ color:#707070; font-size:1em; font-weight:bold; }
#header ul#main_menu li a:hover{ color:#FFF; }
#header ul#main_menu li.active a{ color:#FFF; }
#header .papers{ height:508px; width:100%; margin-top:-170px; bottom:-96px; background:url(../images/top_bg.jpg) right 0 no-repeat; position:relative; }
#header .papers .text{ color:#A1A1A1; position:absolute; top:220px; right:482px; width:370px; padding-top:60px; background:url(../images/whatis.jpg) right 0 no-repeat; }
/*--------------------------------
content
---------------------------------*/
#cont_wrap{ width:950px; direction:rtl; margin:120px auto 60px; padding:10px 15px; position:relative; }
#cont_wrap .ad{ width:290px; text-align:center; float:left; margin-top:-40px; font-size:1.6em; color:#5e8c35; }
/* Documents */
#cont_wrap .documentsWrap{ float:right; width:610px; }
#cont_wrap .documentsWrap dl{ margin-bottom:40px; }
#cont_wrap .documentsWrap dl dt{ background:#e4e4e4 url(../images/cat_corner.gif) 0 0 no-repeat; font-size:1.7em; margin-bottom:11px; padding:6px; letter-spacing:-0.5px; border-bottom:1px solid #d4d4d4; }
#cont_wrap .documentsWrap dl dt a{ float:left; width:19px; height:18px; background: url(../images/moveUp.gif) 0 0 no-repeat; }
#cont_wrap .documentsWrap dl dd{ clear:both; zoom:1; margin-bottom:5px; font-weight:bold; background:url(../images/dot_underline.gif) 0 90% repeat-x; margin-right:28px; position:relative; }
#cont_wrap .documentsWrap dl dd.sub{ background:none; margin:0px 0 10px; }
#cont_wrap .documentsWrap dl dd div{ float:left; font-weight:bold; padding-right:2px; background-color:#F4F4F4; color:#777; }
#cont_wrap .documentsWrap dl dd div a{ font-size:1em; }
#cont_wrap .documentsWrap dl dd div b{ padding:0 8px; }
#cont_wrap .documentsWrap dl dd div span{ float:none; position:static; font-size:1em; padding:0 2px 0 0; margin:0 0 0 18px; display:inline-block; }
#cont_wrap .documentsWrap dl dd div del{ margin-left:5px; color:#bbb; }
#cont_wrap .documentsWrap dl dd span{ float:right; color:#888; font-size:1.1em; padding-left:10px; background-color:#F4F4F4; position:absolute; right:-28px; top:0 }
#cont_wrap .documentsWrap dl dd a{ background-color:#F4F4F4; font-size:1.1em; padding:3px 0; }
#cont_wrap .documentsWrap dl dd dl{ margin:0 0 16px; }
#cont_wrap .documentsWrap dl dd dl dd dl{ margin:16px 20px 0 0; }
#cont_wrap .documentsWrap dl dd dl dt{ background-color:#e4e4e4; font-size:1em; padding:3px 6px; height:1%; zoom:1; margin-bottom:8px; }
#cont_wrap .documentsWrap dl dd dl dd{ margin-right:28px; position:relative; height:1%; }
#cont_wrap .documentsWrap dl dd dl dt span{ position:static; float:none; font-size:1.2em; background:none; color:#555555; font-size:1.1em; letter-spacing:0; opacity:0.99; }
#cont_wrap .documentsWrap dl dd dl dd span{ position:absolute; right:-28px; top:0; }
#cont_wrap .documentsWrap dl dd dl dd div span{ position:static; }
#cont_wrap .col2{ float:left; clear:left; color:#555; width:260px; padding:15px; margin-bottom:30px; background-color:#e4e4e4; position:relative; -moz-border-radius:6px; }
.qs_label{ display:none; }
#cont_wrap .col2 input{ width:250px; -moz-border-radius:4px; }
#cont_wrap .secure{ background:url(../images/secure_buy.png) 0 0 no-repeat; width:82px; height:88px; float:left; position:relative; margin:-60px 0 0 0; }
* hTML #cont_wrap .secure{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/secure_buy.png"); }
#cont_wrap .col2 img.creditCards{ margin:40px auto 0; display:block; }
#cont_wrap .col2 .vcard{ margin:14px 0; }
#cont_wrap .col2 .vcard .fn{ font-weight:bold; }
#cont_wrap .col2 h2{ display:block; margin-bottom:10px; }
#cont_wrap .col2 p{ padding:10px 0 10px 10px; }
#cont_wrap .col2 strong.amp{ display:block; margin-top:10px; padding:10px 0 10px 8px; color:#555; font-size:1.2em; border-bottom:1px dashed #AAA; border-top:1px dashed #AAA; }
#cont_wrap .col2 ul.categories{ }
#cont_wrap .col2 ul.categories li{ display:block; }
#cont_wrap .col2 ul.categories li a{ display:block; height:1%; padding:4px 20px 2px 0; background:url(../images/bullet.gif) right -31px no-repeat; }
#cont_wrap .col2 ul.categories li a:hover{ background-position:right 7px; }
#cont_wrap.article .col2{ left:0; }
#cont_wrap #sidemenu{ position:absolute; left:15px; }
#cont_wrap .col2.type2{ background:none; padding:0 15px; text-align:center; }
#getFirefox{ margin-top:8px; width:134px; height:28px; display: -moz-inline-stack; display: inline-block; background:url(../images/get_firefox.png) 0 0 no-repeat; overflow:hidden; }
#getFirefox:hover{ background-position:0 -28px; }
#docModalBox{ display:none; direction:rtl; position:fixed; width:860px; height:620px; margin:-310px -440px 0 0; top:50%; right:50%; background-color:#fff; padding:10px; -moz-border-radius:6px; z-index:100; }
* html #docModalBox{ position:absolute; margin:30px -440px 0 0; width:800px; height:550px; }
#docModalBox button{ position:absolute; top:-18px; left:0; width:67px; height:14px; border:none; background:url(../images/closeBtn.gif) 0 0 no-repeat; cursor:pointer; }
#docModalBox button:hover{ background-position:0 -14px; }
#docModalBox button.action{ width:116px; height:17px; left:auto; right:0; }
#docModalBox button.buy{ background:url(../images/buyDocBtn.gif) 0 -0 no-repeat; }
#docModalBox button.download{ background:url(../images/downloadDocBtn.gif) 0 0 no-repeat; }
#docModalBox button.action:hover{ background-position:0 -17px; }
#getModalBox{ display:none; direction:rtl; position:fixed; width:500px; xheight:500px; margin:-210px -256px 0 0; top:50%; right:50%; background-color:#F4F4F4; border:6px solid #fff; -moz-border-radius:6px; z-index:100; }
* html #getModalBox{ position:absolute; margin:0 -250px 0 0; }
#getModalBox button.close{ position:absolute; top:-26px; left:0; width:67px; height:14px; border:none; background: url(../images/closeBtn.gif) 0 -0 no-repeat; cursor:pointer; }
#getModalBox button.close:hover{ background-position:0 -14px; }
#getModalBox h2.title{ font-weight:normal; font-size:2em; height:58px; text-indent:-999px; color:#fff; background:#000 url(../images/getDocTitle.jpg) right 0 no-repeat; margin-bottom:10px; overflow:hidden; }
#getModalBox form{ padding:10px; }
#getModalBox form fieldset{ padding-bottom:10px; }
#getModalBox form fieldset div{ overflow:hidden; margin-bottom:5px; }
#getModalBox form fieldset strong{ float:right; width:80px; }
#getModalBox form fieldset span{ float:right; width:395px; }
#getModalBox form fieldset.user_details div.item{ width:225px; }
#getModalBox form div.item{ margin-bottom:8px; }
#getModalBox form div.item label{ font-size: 1em; width:55px; font-weight:bold; -moz-opacity:0.99; }
#getModalBox form div.item input{ padding:2px; width:160px; background:url(../images/dot_underline.gif) 0 1.4em repeat-x; border:none; }
#getModalBox form div.item p{ display:block; }
#getModalBox form div.checkbox label{ float:none; width:auto; }
#getModalBox form div.checkbox input{ background:none; float:right; width:auto; margin:0 0 0 8px; }
html>/**/body #getModalBox form div.checkbox input{ margin:5px 0 0 8px; }
#getModalBox form #form_status{ float:right; color:#BD2A20; font-weight:bold; line-height:2.7em; }
form div.tos{ margin-bottom:4px; width:100%; clear:both; }
form div.tos label{ float:none; }
form div.tos div{ height:88px; font-size:0.9em; padding:8px 11px; overflow:hidden; border:1px dashed #bbb; background:#E7E7E7 url(../images/tos_bg.gif) 0 bottom repeat-x; overflow-y:auto; }
.tos h3{ font-size:1.2em; color:#333; font-weight:bold; margin-bottom:8px; }
.tos ul{ margin-bottom:20px; }
.tos ul li{ list-style:outside; list-style-type:decimal; padding-right:2px; margin:0 25px 5px 0; }
#getModalBox.download h2.title{ background-position:right bottom; }
/*--------------------------------
articles
---------------------------------*/
#cont_wrap.articles div.articles{ width:610px; }
#cont_wrap.articles div.articles .article{ border-bottom:1px dotted #ccc; padding-bottom:32px; margin-bottom:30px; }
#cont_wrap.articles div.articles .article.last{ border:none; }
#cont_wrap.articles div.articles h2{ font-size:1.8em; color:#444; }
#cont_wrap.articles div.articles h2 a { color:#444; }
#cont_wrap.articles div.articles p{ padding:10px 0; color:#555; }
#cont_wrap.articles div.articles .article ol{ list-style:decimal; margin-right:23px; }
#cont_wrap.articles div.articles .article ol li{ margin-bottom:12px; }
#cont_wrap.articles div.articles a.readmore{ font-size:1.2em; font-weight:bold; position:relative; top:10px; }
/*--------------------------------
article
---------------------------------*/
#cont_wrap.article{ }
#cont_wrap.article div.article{ float:right; width:620px; text-align:justify; }
#cont_wrap.article div.article h1{ display:block; font-size:2.4em; text-align:right; line-height:1em; margin-bottom:30px; }
#cont_wrap.article div.article h2{ display:block; font-size:1.5em; margin:30px 0 0; }
#cont_wrap.article div.article p{ padding:10px 0; }
#cont_wrap.article div.article small{ display:block; line-height:1.3em; font-weight:bold; margin-top:30px; }
#cont_wrap.article div.article ul{ list-style:disc; margin:10px 25px 10px; }
#cont_wrap.article div.article ul li{ margin-bottom:6px; }
#cont_wrap.article div.article ol{ list-style:decimal; margin:10px 25px 10px; }
/* 404 */
.error404{ width:500px; padding:30px; margin:20px auto; background-color:#E7E7E7; }
.error404 h2{ }
.error404 a{ font-weight:bold; font-size:1.1em; }
/*--------------------------------
footer
---------------------------------*/
#footer{ width:950px; margin:0 auto; color:#999; padding:25px 0 25px; }
#footer .content li{ float:right; padding-left:8px; margin-left:8px; border-left:1px solid #ccc; }
#footer .content li.last{ border:none; }
#footer .content li img{ position:relative; top:-4px; }