/* reset stylesheet */
html,body,p,ul,ol,dl,li,h1,h2,h3,h4,img{margin:0;}

a{outline:none}
img{border:0}
/*  img, div { behavior: url(iepngfix.htc);border:0} fixing IE6+ png recognition problem */

/* Layout ==============================*/ 

body{background:url(../images/background_solid.png)}
#wrapper{width:875px; margin-left:auto; margin-right:auto; position:relative}
body.welcome #wrapper{width:875px}
#shadow{position:absolute; width:875px; background:url(../images/page_shadow.png) repeat-y; left:0px;}
#efmheader{background:url(../images/efmheader2.png) no-repeat; width:875px; position:relative;padding-bottom:10px}
#efmheader h1{padding-top:20px;text-align:center;}
#efmheader-bottom{background: url(../images/header-bottom.jpg) no-repeat; padding-top:30px}
.indexheader {background: #ced2d6 url(../images/headlight.png) 50% 0% no-repeat;margin:0px;height:200px;width:778px;margin-left:11px;}
#page, .page_main{margin-left:15px; margin-right:15px; padding-left:50px; padding-right:50px}
#innerwrapper {width:630px}
#page_bottom{width:875px; height:30px; background:url(../images/page_bottom2.png) no-repeat;background-position:50% 100%}
#logo {float:left;padding-left:12px;}
#flavor {background-image:url(../images/flavors.png); background-repeat:no-repeat; width:200px; height:200px; position:absolute; left:670px; top:500px}
#coupon-pop {width:545px;margin:0 auto;background:white;}
#seal {position:absolute;top:160px;left:720px}

/* Sidebar ==============================*/ 

#rside-testimonial{float:right;width:267px;height:325px;right:65px;font-size:11px}
#rside{float:right;width:375px;height:270px;right:40px;top:80px}
#rside h2 {font-size:16px;font-weight:bold;}
#rside2{float:left;width:400px;height:300px;}
#rside-test {float:left;width:375px;height:300px;}
#rside2 .index-quote {padding-top:4px;font-style:italic;padding-left:55px;}
#rside3{float:right;width:375px;height:260px;right:55px;top:10px}
#rside p.testimonial{color:rgb(51,51,51);font-style:italic;font-weight:normal; padding-top:12px; width:350px;}
#rside p.testimonial em{color: rgb(52, 146,205);font-size:12px;padding-left:75px;text-align:right;}
#links{letter-spacing:-3px;word-spacing:-3px;margin-top:300px;}
#links a {color:white;}
.testimonial-person {color:rgb(52,146,205);padding-left:110px;font-style:italic;}

/* Button classes ==============================*/ 

.bigbutton a{display:block;background-image:url(../images/lg-dlbutton.png); background-repeat:no-repeat; background-position:left top;width:277px;height:123px;margin:0 auto;top:30px;}
.bigbutton a:hover{background-position: left -129px;}
.dl a{display:block;background-image:url(../images/dlbutton.png); background-repeat:no-repeat; background-position:left top;height:90px;margin:0 auto;top:30px;margin-top:20px;margin-left:20px;}
.dl a:hover{background-position: left -98px;}
.bigbutton3 a{display:block;background-image:url(../images/dlbutton3.png); background-repeat:no-repeat; background-position:left top;width:277px;height:105px;margin:0 auto;top:30px;}
.bigbutton3 a:hover{background-position: left -109px;}
.bigbutton4 a{display:block;background-image:url(../images/dlbutton3.png); background-repeat:no-repeat; background-position:left top;width:277px;height:105px;margin:0 auto;top:30px;}
.bigbutton4 a:hover{background-position: left -109px;}
.testimonial-person {color:rgb(52,146,205);padding-left:110px;font-style:italic;}
.dl3 a{display:block;background-image:url(../images/greydl.png); background-repeat:no-repeat; background-position:left top;width:277px;height:50px;margin:0 auto;top:10px;}
.dl3 a:hover{background-position: left -65px;}
.getlicense a{display:block;background-image:url(../images/get-license-key.png); background-repeat:no-repeat; background-position:left top;width:277px;height:40px;margin:0 auto;top:10px;}
.getlicense a:hover{background-position: left -49px;}

.faq_dl_button a{background-image:url(../images/download_button.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:50px; padding-top:25px}
.faq_dl_button {padding-bottom:20px}
.faq_dl_button a:hover{background-position:0px -40px; text-decoration:underline}
/*   topic ================ */

#topic {width:780px;margin:0 auto;}
#topic ul{margin-left:30px; padding-right:50px; list-style:square}
#topic li{padding-bottom:10px}
#topic h1 {font-weight:bold;font-size:22px;padding-top:30px;margin-left:20px;}
#topic p, #topic h2 {margin-right:50px;padding-bottom:5px;margin-left:20px;}
#topic h2 {font-size:16px;font-weight:bold;padding-top:20px;}
#topic h3 {font-size:16px;font-weight:bold;margin-left:20px;padding-bottom:10px;}
#topic h4 {font-size:13px;font-weight:bold;}
#ctasection .index-box-image {margin-top:15px;margin-left:110px;float:left;}
#topic .indexpage {font-size:15px;font-weight:bold;font-style:italic;padding-top:1px;}
#ctasection{overflow:hidden;}
#ctasection .macwin-img{margin-left:50px;}
#ctasection .macfriendly{font-size:13px;font-weight:bold;padding-left:10px;}
#index-content {width:290px;padding-bottom:20px}
#links{position:relative;padding-top:50px}
#emailform {margin-left:170px;width:200px;height:100px;}

/*  welcome1 test page */

#topic-welcome1 {margin:0 auto;}
#ctasection-welcome1 {overflow:hidden;}
#ctasection-welcome1 .index-box-image {margin-top:15px;float:left;}
.welcome1-h {font-weight:bold;font-size:23px;padding-bottom:30px;padding-top:15px;margin-left:30px;}
#left-welcome1 {float:left;}
.ul-welcome1 {padding-bottom:30px;font-weight:bold;}
#middle-welcome1 {float:left;width:340px;margin-left:30px;}
#middle-welcome1 .index-quote {padding-top:4px;font-style:italic;padding-left:45px;}
#right-welcome1 {float:left;padding-left:10px;width:290px;}
.logo-welcome1 {float:left;}
#left-welcome1 {float:left;margin-left:30px;}
.img-center-welcome1 {display:block;margin:0 auto;padding-bottom:15px;} /*//////MUST provide width="xx" to the image */
.testimonial-welcome1 {font-style:italic;margin-left:110px;margin-bottom:2px;}
.testimonial-person-welcome1 {color:rgb(52,146,205);padding-left:180px;font-style:italic;}

/* Typography */

body{font-family:'Lucida Grande',Verdana,Helvetica,Arial,sans-serif; font-size:12px; line-height:20px; color:#222} 
p{margin-bottom:10px}
a{text-decoration:underline; color:#339}
a:hover{color:#903}
a:active{border:none}
h1{font-size:20px; font-weight:normal;margin-bottom:9px}
h2{font-size:13px; font-weight:bold; margin-bottom:9px}
.img-center {display:block;margin:0 auto;}
.center {text-align:center}
.inline {display:inline-block;text-decoration:none}
.underline {text-decoration: underline}
.padb10{padding-bottom:10px;}
.padb25{padding-bottom:25px;}
.padtop10 {padding-bottom:10px;}
.marginleft30{margin-left:30px;}
.clear {clear:both;}
#topic .margin-left50{margin-left:50px;padding-bottom:5px;}

/* nav ============================================*/

#headersection{overflow:hidden;display:block;}
#navt{padding-top:20px;float:right;padding-right:13px;height:20px;}
#navt li {display:inline;list-style-type:none;}
#navt li a{text-align:center; background-color:#399; color:#fff; display:inline; padding:20px 8px 5px 8px; font-size:12px; letter-spacing:1px; font-weight:lighter; text-decoration:none}
#navt li a:active, #navt li a:hover{background-color:#9999CC;}
#home a#chome, #freesoftware a#cfreesoftware, #contact a#ccontact, #download a#cdownload, #buy a#cbuy, #faq a#cfaq, #details a#cdetails, #screenshots a#cscreenshots {background-color:#9999CC;}

/* Store ===================================== */

.submit {background-image:url(../images/cart-green.jpg); background-repeat:no-repeat; background-position:left top;width:135px;height:35px;margin:0 auto;color:transparent; border: 0;}
.submit:hover{background-position: left -35px;cursor:pointer;}

#productDescription {width:100%;display:inline-block;padding-top:10px;}
#term {float:left;padding-top:20px;}
#term p {margin-right:7px;}
#value {float:left;padding-top:20px;}
#pricing {float:left;}
#dollar{text-align:center;}
#dollar1{font-size:28px;padding-bottom:10px;text-align:center;}
sup {font-size:13px;}
#col1 {margin-left:50px;float:left;}
#col2 {padding:10px 2px 5px 20px;float:left;}
.line1 {font-size:18px;color:black;}
.description {text-align:left;line-height:7px;}
.value-after-colon {text-align:left;padding-left:5px;line-height:7px;}
.super{vertical-align:super;font-size:11px;}
.dollarCurrency{font-size:20px;font-weight:bold;}

/* instruction pages ============================== */ 

.imageBox {float:left;margin-left:20px;}
.productDescription {width:100%;display:inline-block;padding-top:10px;}
.heading-line1 {font-size:22px;padding-top:30px;padding-bottom:15px;margin-left:200px;font-family:georgia,serif;font-weight:normal;font-style:italic;color:#484848;}
.heading-line2 {margin-left:200px;font-size:14px;font-weight:normal;}
img.one {width:80px;height:73px;background: url(../images/sprites/dl-explorer.png) 0 0;}
img.two {width:80px;height:68px;background: url(../images/sprites/dl-explorer.png) 0 -70px;}
img.three {width:80px;height:73px;background: url(../images/sprites/dl-explorer.png) -192px 0;}
img.four {width:80px;height:68px;background: url(../images/sprites/dl-explorer.png) -192px -72px;}
img.step1image {width:278px;height:186px;background: url(../images/sprites/dl-explorer.png) left -155px;}
img.step2image {width:310px;height:160px;background: url(../images/sprites/dl-explorer.png) left -350px;}
img.step3image {width:312px;height:256px;background: url(../images/sprites/dl-explorer.png) -10px -516px;}
img.step4image {width:300px;height:172px;background: url(../images/sprites/dl-explorer.png) left -780px;}
img.firefox1 {width:315px;height:151px;background: url(../images/sprites/dl-firefox.png) left -157px;}
img.firefox2 {width:267px;height:139px;background: url(../images/sprites/dl-firefox.png) left -310px;}
img.firefox3 {width:299px;height:229px;background: url(../images/sprites/dl-firefox.png) left -454px;}
.instruc-line1 {font-family:georgia,serif;font-size:16px;color:black;font-style:italic;}
.instruct-line2  {float:left;padding-top:20px;}
.number-column {float:left;}
.description-column {float:left;width:360px;margin-left:15px;}
.img-col {float:left;width:290px;}
.description-column p.instr-description {float:left;width:300px;margin-right:10px;}

/* Footer ============================== */ 

#awards li {display:inline;}
#awards .pad-left{margin-left:100px;}
#awards .pad-right{margin-right:0px;}
#awards .middle{padding-left:100px;padding-right:100px;padding-bottom:20px;}
#footer{background:url(../images/background_solid.png); font-size:9px; text-align:center}
#footer ul {display:inline; color:#777}
#footer ul a {color:#777; text-decoration:none}
#footer ul li a:hover {text-decoration:underline}
#currency_list a{display:block; color:#000; margin:0}
#currency_list a:hover{color:#FFF; background-color:#000; text-decoration:none;}
.down_arrow{border:none; text-decoration:none}
.flag{border:none; padding:0px 6px 0px 0px; margin:0px 0px 0px 4px}
#currency_list{background-color:#FFF; border:1px solid #333; height:200px; width:300px; overflow:auto; display:none;margin-left:400px;}


/* Tabs on Details page */

div.faq-content{border:#48f solid 1px;clear:left;padding:1em;}
ol#toc{height:2em;list-style:none;margin:0;padding:0;}
ol#toc a{background:#399 url(tabs.gif);color:#fff;display:block;float:left;height:2em;padding-left:10px;text-decoration:none;}
ol#toc a:hover{background-color:#3af;background-position:0 -120px;}
div.faq-content img{float:left; margin:0 10px 10px 0;}
ol#toc a:hover span{background-position:100% -120px;}
ol#toc li{float:left;margin:0 1px 0 0;}
ol#toc li.current a{background-color:#48f;background-position:0 -60px;color:#fff;font-weight:bold;}
ol#toc li.current span{background-position:100% -60px;}
ol#toc span{background:url(tabs.gif) 100% 0;display:block;line-height:2em;padding-right:10px;}



/* --------------- Lightbox code ---------------- */
.lightbox{position:fixed;top:0;left:-999em;height:100%;width:100%;text-align:center;z-index:1;}
.lightbox:target{left:0;}
.lightbox.target{left:0;}
.lightbox .dark{position:fixed;height:5000px;width:5000px;margin:-2500px;background:#000;opacity:.3;filter:alpha(opacity=30);}
.lightbox img{position:relative;vertical-align:bottom;margin-top:120px;background:#fff;padding:5px;border:1px solid #000;-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;}
.lightbox .title{background:#fff;position:fixed;text-align:center;padding:18px;border-bottom:1px solid;-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;}
.lightbox:target .title{top:0;left:0;right:0;}
.lightbox.target .title{top:0;left:0;right:0;}
.lightbox .x{width:32px;height:32px;background:url(../images/close.png);position:fixed;cursor:pointer;}
.lightbox:target .x{top:10px;right:10px;}
.lightbox.target .x{top:10px;right:10px;}
#closebox, #closebox:focus{position:fixed;width:32px;height:32px;right:10px;top:10px;z-index:2;outline:none;}