﻿
/************************* FONTS *******************/
H1{padding-bottom: 25px}


/************************* BULLET INDENT *******************/
DIV.bullet-arrow{margin-top: -5px; padding: 0px 0px 10px 0px}
DIV.bullet-arrow-zero-margin{margin-top: 0px}
DIV.bullet-arrow P, DIV.bullet-arrow A{color: #101010; font-size: 12px; line-height: 15px}
DIV.bullet-arrow A{color: #000}
DIV.bullet-arrow P{padding: 0px 0px 6px 15px; background: url(../graphics/bullet-arrow-black.png) no-repeat 0px 4px}


/************************* BULLET DASH *******************/
DIV.bullet-dash{margin: -5px 0px 10px 0px}
P.bullet-dash{color: #000; font-size: 12px; line-height: 14px; padding: 0px 0px 3px 25px; background: url(../graphics/bullet-dash-black.png) no-repeat 10px 7px}


/************************* BULLET CIRCLE *******************/
DIV.bullet-circle{margin: 0px 0px 5px 0px}
DIV.bullet-circle P{color: #000; font-size: 12px; line-height: 14px; padding: 0px 0px 6px 25px; background: url(../graphics/bullet-circle-black.png) no-repeat 10px 4px}


/************************* ABOUT PAGE *******************/
#about{padding: 25px 0px 10px 0px}
#about-inner{position: relative}
#about-left{margin: 0px 270px 0px 0px}
DIV.about{margin: 0px 0px 25px 0px; padding: 20px 20px 5px 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e0e0e0}

#about-right{width: 250px; margin: 0px 0px 0px -250px; padding: 350px 0px 0px 0px; position: absolute; left: 100%; top: 0px; background: url(../graphics/bg-about.jpg) no-repeat 0px 0px}	
#about-right-inner{width: 220px; padding: 10px 15px 0px 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #000}	
#about-right-inner P.main-header{color: #e8e8e8; font-size: 14px; line-height: 14px; letter-spacing: 0px; font-weight: bold; padding: 0px 0px 5px 0px}
#about-right-inner P.main{color: #fff}


/************************* CONTACT PAGE *******************/
#contact{padding: 25px 0px 25px 0px}
#contact-inner{position: relative}
#contact-left{margin: 0px 270px 0px 0px}

FORM.contact-table{width: 100%}
FORM.contact-table FIELDSET{padding: 20px 20px 5px 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e0e0e0}
FORM.contact-table DIV.contact-left{color: #000; font-size: 12px; line-height: 15px; text-align: right; font-weight: bold; width: 28%; padding: 0px 10px 0px 0px; clear: both; float: left}
FORM.contact-table DIV.message-label{padding-top: 30px}
FORM.contact-table DIV.contact-left SPAN.error{color: #be0000; font-weight: bold}

FORM.contact-table DIV.contact-right{width: 69%; padding: 0px 0px 10px 0px; float: right}
FORM.contact-table INPUT, FORM.contact-table TEXTAREA{color: #000; font-size: 12px; line-height: 12px; width: 98%; padding: 0px; border: solid 1px #a0a0a0; background: #fff}
FORM.contact-table TEXTAREA{line-height: 16px; height: 90px}
FORM.contact-table SELECT, FORM.contact-table OPTION{font-size: 12px; line-height: 12px; padding: 0px; border: solid 1px #a0a0a0}
FORM.contact-table INPUT.spam{width: 100px}
FORM.contact-table INPUT.submit{width: 105px; height: 26px; margin-top: 10px; cursor: pointer; border: none; background: url(../graphics/button-submit.png)}

#contact-right{width: 220px; margin: 0px 0px 0px -250px; padding: 10px 15px 0px 15px; position: absolute; left: 100%; top: 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #000}	
#contact-right P.main-header{color: #e8e8e8; font-size: 14px; line-height: 14px; letter-spacing: 0px; font-weight: bold; padding: 0px 0px 5px 0px}
#contact-right P.main{color: #fff}


/************************* FAQ PAGE *******************/
#faq{padding: 25px 0px 0px 0px}
DIV.faq-question{padding: 0px 0px 0px 100px; position: relative}
P.faq-question-left{color: #fff; font-size: 12px; line-height: 16px; font-weight: bold; text-align: center; width: 80px; padding: 5px; position: absolute; left: 0px; top: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #be0000}
P.faq-question-right{color: #fff; font-size: 12px; line-height: 16px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #000}	
P.faq-question-right SPAN.italic{color: #fff}
	
DIV.faq-answer{margin: 8px 0px 28px 0px; padding: 0px 0px 0px 100px; position: relative}
P.faq-answer-left{color: #000; font-size: 12px; line-height: 16px; text-align: center; width: 80px; padding: 5px; position: absolute; left: 0px; top: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #c8c8c8}
P.faq-answer-right{color: #000; font-size: 12px; line-height: 16px}	


/************************* EASY STEPS PAGE *******************/
#easy-steps{padding: 25px 0px 25px 0px}

DIV.five-steps{min-height: 0px; padding: 0px 0px 10px 0px; border: solid 1px #000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}

DIV.five-steps-inner-left{width: 70%; padding-left: 10px; float: left}

DIV.five-steps-inner-right{width: 25%; margin-right: 10px; padding: 15px 0px 15px 0px; float: right; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e0e0e0}
DIV.five-steps-inner-right P{margin-left: 15px; margin-right: 15px}
P.five-steps-inner-details{text-align: right}

DIV.five-steps-arrow{height: 43px; margin: 10px 0px 10px 0px; background: url(../graphics/bg-arrow.png) no-repeat center center}

DIV.easy-steps{width: 31.7%; min-height: 290px; margin: 0px 0px 25px 0px; padding: 15px 0px 0px 0px; float: left; border: solid 1px #c0c0c0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff}
DIV.easy-steps-spacer{width: 2%; height: 100px; float: left}
DIV.easy-steps P{margin-left: 15px; margin-right: 15px}
DIV.easy-steps P.intro-header{color: #000}

P.easy-steps-summary{color: #000; font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: 0px}


/************************* PRODUCT / TOOLKIT PAGE *******************/
#toolkit{padding: 25px 0px 25px 0px}
#toolkit-inner{position: relative}

IMG.img-toolkit{margin: 0px 0px 15px 15px; float: right; border: solid 1px #c0c0c0}

#toolkit-inner-price-box{width: 263px; margin: 0px 0px 15px 15px; padding: 10px 0px 10px 0px; clear: both; float: right; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #000}
P.price-large, P.price-large SPAN{color: #fff; font-size: 24px; line-height: 24px; text-align: center; font-weight: bold; letter-spacing: 0px}
P.price-large SPAN{color: #f03000}
P.download-now{color: #fff; font-size: 11px; line-height: 11px; text-align: center; padding: 15px 0px 15px 0px}
P.button-buy{text-align: center}

#toolkit DIV.five-steps{padding: 0px; background: url(../graphics/icon-everything-included.png) no-repeat right center}
DIV.included-components{margin: 0px 0px 10px 0px; padding: 0px 170px 0px 30px; position: relative}
DIV.included-components P.component-number{position: absolute; left: 10px; top: 1px}
DIV.included-components P.main{padding: 0px}
DIV.included-components P.main A{color: #000; line-height: 15px; text-decoration: none}
DIV.included-components P.main A:hover{color: #0099ff}

DIV.toolkit-steps{padding: 0px 0px 0px 45px}
DIV.toolkit-step-1{background: url(../graphics/toolkit/bg-step-1.png) repeat-y 0px 0px}	
DIV.toolkit-step-2{background: url(../graphics/toolkit/bg-step-2.png) repeat-y 0px 0px}
DIV.toolkit-step-3{background: url(../graphics/toolkit/bg-step-3.png) repeat-y 0px 0px}
DIV.toolkit-step-4{background: url(../graphics/toolkit/bg-step-4.png) repeat-y 0px 0px}
DIV.toolkit-step-5{background: url(../graphics/toolkit/bg-step-5.png) repeat-y 0px 0px}

DIV.toolkit-upgrade{background: url(../graphics/toolkit/bg-side-upgrade.png) repeat-y 0px 0px}

DIV.toolkit-steps-inner{margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px; border-bottom: solid 1px #888}
DIV.toolkit-steps-inner-top{padding: 8px 0px 0px 0px; border-top: solid 1px #888}

DIV.toolkit-steps P.summary-format, DIV.toolkit-steps P.summary-format A{color: #000; font-size: 12px; line-height: 12px}
DIV.toolkit-steps P.summary-format{text-align: right; padding: 8px 30px 8px 0px}
DIV.toolkit-steps P.summary-format-word{background: url(../graphics/icon-word.png) no-repeat right center}
DIV.toolkit-steps P.summary-format-pdf{background: url(../graphics/icon-pdf.png) no-repeat right top}
DIV.toolkit-steps P.summary-format-ppt{background: url(../graphics/icon-powerpoint.png) no-repeat right center}	
	
DIV.toolkit-steps-inner-indent{margin: 0px 0px 8px 15px; padding: 8px 0px 0px 0px; border-top: solid 1px #a0a0a0}
DIV.toolkit-steps-inner-indent-top{border-top: none}

	
P.back-to-top{text-align: right; margin: 30px 0px 30px 0px}
P.back-to-top A{color: #0099ff; font-size: 12px; line-height: 12px; text-decoration: none}
	

#toolkit-summary{width: 55%; margin: 10px 0px 0px 0px; padding: 20px 20px 5px 20px; position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e0e0e0}
#toolkit-summary-price{margin: -90px 0px 0px -185px; position: absolute; left: 100%; top: 100%}
#toolkit-summary-price P, #toolkit-summary-price P SPAN{color: #000; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: 0px}
#toolkit-summary-price P{text-align: right; padding: 0px 10px 20px 0px}


/************************* WHY EASY 9001 PAGE *******************/
#why{width: 85%; padding: 25px 0px 5px 0px}
DIV.why{margin: 0px 0px 20px 0px; padding: 15px 15px 0px 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e0e0e0}
#why-money-back{padding: 0px 0px 15px 75px; background: url(../graphics/icon-money-back.png) no-repeat 0px 0px}
#why-lowest-price{padding: 0px 0px 15px 75px; background: url(../graphics/icon-lowest-price.png) no-repeat 0px 10px}
P.why-sub-header{color: #303030; font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: 1px; padding: 0px}


/************************* HOW TO BUY PAGE *******************/
#how{padding: 25px 0px 10px 0px}
DIV.how{width: 32%; min-height: 310px; margin: 0px 0px 20px 0px; padding: 15px 0px 0px 0px; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e0e0e0}
DIV.how-inner{padding: 0px 15px 0px 15px}
DIV.how-spacer{width: 2%; height: 100px; float: left}

DIV.how P.intro-header{color: #303030; font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: 0px}
DIV.how IMG{width: 100%; height: auto; margin: 0px 0px 15px 0px}


/************************* TESTIMONIALS PAGE *******************/
#testimonials{padding: 25px 0px 0px 0px}
#testimonials-left, #testimonials-right{width: 47.5%; float: left}
#testimonials-right{float: right}
DIV.testimonials{margin: 10px 0px 35px 0px; padding: 0px 0px 0px 45px; background: url(../graphics/quote-left.png) no-repeat 0px 0px}
DIV.testimonials-inner{padding: 0px 45px 0px 0px; background: url(../graphics/quote-right.png) no-repeat right top}
	

/*********************** AFFILIATES *******************/
#affiliates{padding: 25px 0px 25px 0px; position: relative}
#affiliates-left{margin: 0px 330px 0px 0px}
#affiliates-right{width: 300px; height: 436px; margin: 6px 0px 0px -300px; position: absolute; left: 100%; top: 25px}	
#affiliates-signup{width: 150px; height: 29px; position: absolute; left: 135px; top: 15px}
#affiliates-login{width: 70px; height: 21px; position: absolute; left: 215px; top: 55px}
	

/*********************** TERMS + PRIVACY *******************/
#legal{width: 80%; padding: 25px 0px 15px 0px}
P.legal{color: #101010; font-size: 12px; line-height: 15px; text-align: justify; padding: 0px 0px 15px 0px}

P.legal-download{color: #0099ff; font-size: 14px; line-height: 14px; margin: 0px 0px 15px 0px; cursor: pointer}
#refund-request-div, #price-match-div{margin: -5px 0px 15px 0px; padding: 18px 15px 18px 15px; border: solid 1px #c0c0c0; display: none; background: #fff}
#refund-request, #price-match{color: #000; font-size: 12px; line-height: 12px; width: 75%; padding: 5px; margin: 0px 0px 10px 0px; border: solid 1px #c8c8c8; display: block}
#refund-submit, #price-submit{color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: 0px; text-align: center; width: 60px; padding: 5px; cursor: pointer; display: block; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #be0000}
#refund-throbber, #price-throbber{margin: 15px 0px -5px 5px; display: none}


/*** FOXYCART ***/
#body data-fc-context='{"cart_is_fullpage":true}'


