/************************* SUB-MENU FOR MANUALS AND GUIDES *******************/
UL.sub-menu{height: 25px; padding: 7px 0px 7px 0px}
UL.sub-menu LI{margin: 0px 0px 0px 5px; float: right}
UL.sub-menu LI A{color: #000; font-size: 12px; line-height: 12px; font-weight: bold; text-decoration: none; display: block; height: 17px; border: solid 1px #c8c8c8; padding: 6px 20px 0px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(../graphics/bg-nav-active.png) repeat-x center center}
UL.sub-menu LI A.active, UL.sub-menu LI A:hover{color: #fff; height: 19px; padding: 6px 21px 0px 21px; border: none; background: url(../graphics/bg-nav.png) repeat-x center center}
UL.sub-menu-responsive{margin: -35px 0px 20px 0px; display: none; position: relative; z-index: 50}
UL.sub-menu-responsive LI{margin: 0px 0px 5px 0px}
UL.sub-menu-responsive LI A{color: #000; font-size: 12px; line-height: 12px; font-weight: bold; text-decoration: none; display: block; height: 17px; border: solid 1px #c8c8c8; padding: 6px 20px 0px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(../graphics/bg-nav-active.png) repeat-x center center}
UL.sub-menu-responsive LI A.active, UL.sub-menu-responsive LI A:hover{color: #fff; height: 19px; padding: 6px 21px 0px 21px; border: none; background: url(../graphics/bg-nav.png) repeat-x center center}
#sub-menu-manuals{padding-right: 140px}
#sub-menu-guides{padding-right: 20px}
/************************* MANUALS PAGE *******************/
DIV.manuals-template{min-height: 225px; padding: 0px 0px 0px 205px; position: relative}
DIV.manuals-template IMG.product-image{width: 170px; height: auto; padding: 10px 10px 5px 5px; border: solid 1px #c8c8c8; position: absolute; left: 0px; top: 3px}
DIV.manuals-template IMG.product-image-form{width: 170px; height: auto; padding: 5px 5px 5px 5px; border: solid 1px #c8c8c8; position: absolute; left: 0px; top: 3px}
DIV.manuals-template P.header-green{padding: 0px 0px 5px 2px}
DIV.manuals-template P.download-now{font-weight: bold; font-style: italic; padding-top: 10px}
DIV.manuals-template-individual{margin-bottom: 25px; padding-bottom: 10px; border-bottom: solid 1px #a0a0a0}
DIV.included-yes-no{padding: 0px 0px 12px 0px}
DIV.included-yes-no P{line-height: 15px; padding: 0px 0px 6px 35px}
DIV.included-yes-no P.yes{color: #000; background: url(../graphics/icon-green-tick.png) no-repeat 5px 0px}
DIV.included-yes-no P.no{color: #808080; background: url(../graphics/icon-gray-cross.png) no-repeat 5px 2px}
DIV.samples{margin: 10px 0px 10px 0px}
DIV.samples-left{width: 102px; padding: 0px 0px 15px 0px; float: left}
DIV.samples-left IMG{width: 90px; border: solid 1px #a0a0a0; margin: 0px 0px 2px 0px; padding: 5px; background: #fff}
DIV.samples-left A{font-size: 11px; line-height: 12px}
DIV.samples-right{width: auto; margin: 0px 0px 0px 120px}
DIV.product-samples-left{width: 86px; padding: 0px 0px 15px 0px; float: left}
DIV.product-samples-left IMG{width: 50px; border: solid 1px #a0a0a0; margin: 0px 0px 2px 0px; padding: 5px; background: #fff}
DIV.product-samples-left A{font-size: 11px; line-height: 12px}
DIV.product-checkout{margin: 10px 0px 30px 0px; padding: 0px 0px 30px 0px; border-bottom: solid 1px #a0a0a0; position: relative}
DIV.download-price{width: 50%; float: left}
DIV.download-price P.header-green{padding: 0px 0px 5px 2px}
DIV.download-now{width: 50%; margin: 0px 0px 0px -50%; float: right}
DIV.download-now P.download-now{font-weight: bold; font-style: italic; padding: 0px 0px 2px 0px}
DIV.download-now P.main{padding: 0px}
/************************* COMPARE MANUALS PAGE *******************/
#color-key{margin: 0px 0px 20px 0px; padding: 15px 0px 10px 0px; border: solid 1px #c8c8c8; border-left: none; border-right: none; display: none}
#color-key DIV.color-key{width: 25px; height: 25px; margin: 0px 10px 5px 0px; clear: both; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
#color-key DIV.color-key-1, P.th-color-key-1{background: #ff0000}
#color-key DIV.color-key-2, P.th-color-key-2{background: #ff4000}
#color-key DIV.color-key-3, P.th-color-key-3{background: #ff8000}
#color-key DIV.color-key-4, P.th-color-key-4{background: #ffc000}
#color-key P.color-key{color: #305880; font-size: 12px; line-height: 12px; font-weight: bold; padding: 6px 0px 0px 0px; float: left}
P.th-color-key{display: none; width: 25px; height: 25px; margin: 0px auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
TABLE.compare{width: 100%; border-right: solid 1px #c8c8c8}
TABLE.compare TH{color: #fff; font-size: 12px; line-height: 15px; text-align: left; font-weight: bold; padding: 5px 10px 5px 10px; background: #07a7e3}
TABLE.compare TD{font-weight: bold; padding: 5px 10px 5px 10px; border-left: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8}
TABLE.compare .col-1{font-weight: bold; width: 30%}
TABLE.compare TD.col-1{background: #eee}
TABLE.compare TD.col-1 SPAN.small-italic{font-size: 11px; font-weight: normal; font-style: italic}
TABLE.compare .col-2, TABLE.compare .col-3, TABLE.compare .col-4, TABLE.compare .col-5{text-align: center; width: 17.5%}
TABLE.compare TD.compare-header{color: #fff; font-weight: bold; padding: 5px 10px 5px 11px; background: #787878}
/************************* GUIDES + INFORMATION PAGES *******************/
P.header-information-border{padding-top: 15px; border-top: solid 1px #c8c8c8}
P.header-guides-border, P.guides-bottom{margin-top: -10px; padding-top: 20px; border-top: solid 1px #c8c8c8}
P.guides-bottom{font-style: italic}
DIV.bullet-dot{padding: 0px 0px 12px 0px}
DIV.bullet-dot P{color: #000; line-height: 15px; padding: 0px 0px 5px 30px; background: url(../graphics/bullet-dot.png) no-repeat 15px 6px}
DIV.product-checkout-small{margin: 0px 0px 10px 0px}
/************************* CONTACT PAGE *******************/
FORM.contact-table{margin: 0px 0px 25px 0px}
FORM.contact-table FIELDSET{padding: 20px 20px 10px 20px; border: solid 1px #c8c8c8}
FORM.contact-table DIV.contact-left{color: #000; font-size: 12px; line-height: 15px; text-align: right; font-weight: bold; width: 28%; padding: 3px 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: #ff0000; 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: 2px; border: solid 1px #c8c8c8; 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: 97px; height: 19px; margin-top: 10px; cursor: pointer; border: solid 1px #b0b0b0; background: url(../graphics/button-send-message.png)}
#contact-box{padding: 15px 20px 0px 20px; border: solid 1px #c8c8c8; background: #f0f0f0}
#contact-box-left{width: 50%; float: left}
#contact-box-right{width: 50%; float: right}
/************************* AFFILIATES PAGE *******************/
DIV.numbered-indent{padding: 0px 0px 15px 20px}
DIV.numbered-indent P{line-height: 15px; padding: 0px 0px 2px 0px}
/************************* TERMS PAGE *******************/
#refund-request-div{margin: -5px 0px 15px 0px; padding: 18px 15px 18px 15px; border: solid 1px #c0c0c0; display: none; background: #fff}
#refund-request{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{color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; 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{margin: 15px 0px -5px 5px; display: none}
/*** FOXYCART ***/
#body data-fc-context='{"cart_is_fullpage":true}'