/*
Theme Name:         Colortrac
Theme URI:          http://www.colortrac.com
Description:        Colourtrac 2012 Website
Version:            v0.9
Author:             Soap Media
Author URI:         http://www.soapmedia.co.uk
*/

@charset "utf-8";

#navigation:after,
#footer:before {border-radius:7px 7px 0 0;content:'';display:block;width:96%;margin:0 2%;height:7px;background:#1C9EE8;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.3);background-size:100% 5px}
#footer:before {border-radius:0 0 7px 7px}
object { max-width:100% }

/* -------- FORMS */
form input,
form textarea,
form .cf-box-group,
form select,
form .radio-group {background:#FFF;width:96.8%;border:1px solid #bfbfbf;border-radius:3px;padding:1.6%;color:#8a8a8a;font-family:Arial, Helvetica, sans-serif;font-size:13px;margin:0;box-shadow:inset 0 1px 3px #DDD}

form.cform fieldset {padding:20px;border:1px dashed #DDD;margin-bottom:20px}
form.cform fieldset legend {padding:0 10px}
form.cform fieldset ol {margin-bottom:0}
form.cform fieldset ol li:last-child {margin-bottom:0}
form.cform ol {padding:0;list-style:none}
form.cform ol li {position:relative;margin-bottom:10px}
form.cform ol li label {display:block;padding-right:20%;line-height:1.2em;margin-bottom:7px}
form.cform ol li label span,
form.cform ol li.cf-box-title {font-size:15px;font-family:museo-sans,Arial,Helvetica,sans-serif;font-weight:500;line-height:20px}
form.cform ol li select {width:100%}
form.cform ol li.cf-box-group {overflow:hidden}
form.cform ol li.cf-box-group input {width:auto;float:right;margin:0;height:20px;clear:both}
form.cform ol li.cf-box-group label {width:90%;float:left;line-height:20px;padding-right:0;margin-bottom:0}
form.cform ol li.cf-box-group label span {font-size:13px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;}
form.cform ol li .cf_error {border-color:#d70065}
form.cform ol li span.reqtxt,
form.cform ol li span.emailreqtxt {display:inline-block;position:absolute;top:0;right:0;color:#768500;line-height:20px} /* #328dc6 */
form.cform ol li img.captcha { margin-top:10px }
form.cform p.cf-sb {text-align:right}
form.cform p.cf-sb input {width:auto}
.cf_hidden {display:none}
.cf_info {text-align:center;border-width:1px;border-style:solid;border-radius:4px;display:none;padding:10px;margin-bottom:20px}
.cf_info.failure {display:block;background:#eecedd;border-color:#edc2d6;color:#d70065}
.cf_info.success {display:block;background:#f2f5d9;border-color:#ced0b9;color:#768500}

/* -------- GLOBAL TAGS */
html {background:#0f1010}
body {font-family:Arial,Helvetica,sans-serif;background:#FFF url(images/main_bkg.jpg) no-repeat top center;font-size:13px;margin:0;color:#404040}
hr {line-height:23px;margin:0 0 22px 0;border:none;border-bottom:1px solid #e6e6e6;height:0;clear:both}

/* -------- GLOBAL CLASSES */
img.left, .alignleft {margin: 0 1.5em 1.5em 0;}
img.right, .alignright {margin: 0 0 1.5em 1.5em;}
p.linklove {display:none}
p.opening,
p.intro {font-size:14px;text-transform:uppercase;color:#222;font-weight:700;font-family:museo-sans,Arial,Helvetica,sans-serif}
.queries {display:block;position:fixed;top:95px;left:20px;font-size:80px;line-height:80px;opacity:0.2;color:#000;letter-spacing:-0.04em}
.admin-bar .queries {top:123px}
ul.strip,
ol.strip {list-style:none;padding:0}

/* -------- LINKS */
a {color:#8c9831;text-decoration:none} /* #328dc6 */
a:hover {color:#532872} /* #1b5f89 */

/* -------- HEADINGS */
h1,h2,h3,h4,h5,h6,legend {margin:0 0 23px 0;color:#4b2f5f;line-height:23px;font-family:museo-sans,Arial,Helvetica,sans-serif} /* #328dc6 */
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-weight:inherit} /* color:#328dc6 */
/* h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:inherit;opacity:0.8} */
h1 {font-size:42px;line-height:46px;font-weight:100}
h2 {font-size:32px;line-height:46px;font-weight:100}
h3,legend {font-size:21px;font-weight:300}
h4 {font-size:15px;font-weight:700} /* color:#404040 */
h5 {font-size:14px;font-weight:700}
h6 {font-size:13px;font-weight:700}

/* -------- DEFINITION LIST */
dl dt {float:left;width:140px;text-align:right;font-weight:bold;padding-right:10px;clear:both}
dl dd {margin-left:150px}

/* -------- ROWS */
.row {padding:0 0px}
.row .inner {width:100%;max-width:960px;min-width:324px;margin:0 auto}

/* -------- LAYOUT */
#content {width:70%;margin-bottom:40px}
#content.right      {float:right}
#content.left       {float:left}
#content.full       {width:100%}
#content.landing    {width:63%}

#sidebar {width:26%;margin-bottom:40px}
#sidebar.right      {float:right}
#sidebar.left       {float:left}
#sidebar.landing    {width:33%}

#footer {clear:both}

/* -------- LAYOUT - SINGLE PRODUCT */
#reviews {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:10px;line-height:19px}
.star-row {display:inline;padding-right:10px}
.star-row img {vertical-align:middle;display:block;float:left;margin-right:4px}

#product-spec {width:100%;border-spacing:4px;border-collapse:separate}
#product-spec td,
#product-spec th {padding:10px}
#product-spec thead th {text-align:center;font-weight:bold;font-size:20px;font-family:museo-sans,Arial,Helvetica,sans-serif}
#product-spec thead th small {display:block;font-size:13px}
#product-spec tbody tr:nth-child(2n+1) {background:#f5f5f5}
#product-spec tbody th {text-align:right;font-weight:bold}
#product-spec tbody td {text-align:center}

.pika-stage {margin-bottom:20px;text-align:center}
.pika-stage img {max-width:100%}

.pika-thumbs {margin-bottom:60px;padding-left:20px;list-style:none;overflow:hidden}
.pika-thumbs li {float:left;margin:0 20px 20px 0;border:1px solid #d9d9d9;padding:1px;background:#FFF;box-shadow:0 1px 1px #DDD;cursor:pointer}
.pika-thumbs li:hover {border-color:#a9bf00} /* #328dc6 */
.pika-thumbs li .clip {width:106px;height:67px;overflow:hidden}
     
.pika-stage .caption,
.pika-imgnav,
.pika-counter,
.pika-textnav,
.pika-tooltip,
.pika-loader {display:none}

.related_videos li { height:25px; line-height:25px; padding-left:35px; margin-bottom:10px; background:url("images/icon_video.png") no-repeat left }
.related_documents li { height:25px; line-height:25px; padding-left:35px; margin-bottom:10px; background:url("images/icon_document.png") no-repeat left }

#sidebar .faux-button {display:block;margin-bottom:10px;text-align:left}
#sidebar .faux-button.grey {background-image:url("images/icon_download_arrow.png"); background-repeat:no-repeat; background-position:right 50%}

#menu-tabs {padding-left:20px;margin:0;overflow:hidden;position:relative;z-index:2;bottom:-1px}
#menu-tabs li {display:block;float:left;margin-right:20px}
#menu-tabs li a {display:block;background:#f2f2f2;padding:12px;float:left;border:1px solid #d9d9d9;border-radius:3px 3px 0 0;line-height:13px;box-shadow:inset 1px 1px 0 #FFF, inset -1px 1px 0 #FFF}
#menu-tabs li.active a {background:#FFF;border-bottom-color:#FFF}

#content .holder table:last-child {margin-bottom:0}
#content .scanner-list .holder table h3 {margin-bottom:0}

#tabbed-content {margin-bottom:40px;overflow:hidden}
#tabbed-content .content {padding:20px;border-radius:3px;border:1px solid #dadada}

#content table {width:100%;border-spacing:4px;border-collapse:separate;margin-bottom:23px}
#content table td,
#content table th {padding:7px}
#content table thead th {text-align:center;font-weight:bold;}
#content table tbody tr:nth-child(2n+1) {background:#f2f2f2}
#content table.strip tbody tr:nth-child(2n+1) {background:none}

/* -------- LAYOUT - NAVIGATION */
#navigation {min-height:18px;background:#333 url(images/tall_navigation_bkg.png) repeat-x bottom;box-shadow:0 0 4px rgba(0,0,0,0.5)}
#navigation ul {list-style:none;padding:0 0 0 2px;margin:0;background:url(images/navigation_ridge.png) no-repeat left;overflow:hidden}
#navigation ul li {padding:0 2px 0 0;background:url(images/navigation_ridge.png) no-repeat right;float:left;height:62px;margin:0}
#navigation ul li a {line-height:10px;font-family:museo-sans,Arial,Helvetica,sans-serif;font-weight:700;color:#b2b2b2;text-transform:uppercase;text-shadow:0 -1px 1px #060607;display:block;padding:30px 12px 15px 12px;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#navigation ul li a:hover {padding:30px 12px 20px 12px;color:#FFF;background:rgba(255,255,255,0.03)}

body.scanner #content.left,
body.software #content.left {width:58%}
body.scanner #sidebar.right,
body.software #sidebar.right {width:38%}

ul#sidenav {border-top:1px solid #e6e6e6}
ul#sidenav > li > a {border-bottom:1px solid #e6e6e6}
ul#sidenav li ul {border-bottom:1px solid #e6e6e6}

ul#sidenav,
ul#sidenav ul {padding:0;list-style:none}
ul#sidenav li a {display:block;padding-left:15px;background:url("images/nav_icon_plus.gif") no-repeat left 50%} /* color:#328dc6; */
ul#sidenav li ul {display:none}
ul#sidenav li.current-menu-ancestor ul,
ul#sidenav li.current-menu-item ul {display:block}
ul#sidenav li ul li a {color:#404040;background-image:none}
ul#sidenav li ul ul li {padding-left:15px}
ul#sidenav li ul ul li a {padding-left:20px;background:url("images/nav_icon_step.gif") no-repeat top left}
ul#sidenav li ul ul li a {color:#595959}
ul#sidenav li.current-menu-item > a {color:#532872} /* #d70065 */

.scanner-list .holder {position:relative;overflow:hidden}
.scanner-list .holder table {width:100%}
.scanner-list .holder table tr td {vertical-align:middle}
.scanner-list .holder table tr td img {max-width:none;margin-right:20px}
.scanner-list .holder table tr td p {margin:0 20px 0 0}
.scanner-list .holder table tr td p strong {display:inline-block;margin:0 10px 0 0;font-size:21px;font-weight:300;color:#328dc6;line-height:23px;font-family:museo-sans,Arial,Helvetica,sans-serif}
.scanner-list .holder table tr td p strong a {font-weight:inherit}
.scanner-list .holder table tr td a.faux-button {display:inline-block}

/* -------- BUTTON LIST */
.button-list li {margin-bottom:8px;text-align:left}
.button-list li a {position:relative;display:block;font-weight:700;font-size:13px;padding:5px 5px 5px 9px;display:block;line-height:19px}
.button-list li a span {position:absolute;right:5px;display:inline-block;background:rgba(0,0,0,0.2);border-radius:3px;width:27px;text-align:center}

/* -------- MODULE - LATEST POSTS */
#latest-posts ul {list-style:none;padding:0;border-top:1px solid #e6e6e6}
#latest-posts ul li {border-bottom:1px solid #e6e6e6;line-height:19px;padding:7px 0}
#latest-posts ul li a {display:block}
#latest-posts ul li a:hover {} /* color:#328dc6 */

/* -------- POST TYPE - VIDEO */
.type-video { margin:0 0 3% 0; border-radius:4px; background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; padding:3%; overflow:hidden }
.type-video .entry { position:relative }
.type-video .entry img.screencap { display:block; border:none; max-width:200px; float:left; margin:0 3% 0 0 }
.type-video .entry img.flag { position:absolute; top:10px; left:10px }
.type-video .entry p:last-of-type { margin-bottom:0 }
.video-player { margin-bottom:30px; border-radius:4px; background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; padding:2%; text-align:center }
.videopress-placeholder { width: 100% !important; }

/* -------- POST TYPE - POST */
.type-post {margin-bottom:40px}
.type-post h4 {padding-left:22px;background:url("images/icon_information.gif") no-repeat left}

/* -------- LAYOUT - BANNER */
#banner {padding-top:50px;padding-bottom:50px;position:relative;/*border-bottom: 1px solid #ADADAD*/;margin-bottom: 1px;}
#banner #feature-logos {float:right;position:absolute;right:0;top:50px;width:400px;height:64px}
#banner #feature-logos img {float:right;margin-left:15px}
#banner #searchform {position:absolute;right:201px;bottom:50px;width:212px;text-align:right}
#banner #searchform input#s {width:156px;padding:0;height:30px;margin:0; padding-left:6px;}
#banner #searchform #searchsubmit {width:38px;padding:0;height:32px;margin:0 0 0 6px; vertical-align:top}
#banner #print-share {position:absolute;bottom:56px;right:421px;width:200px;}
#banner #print-share ul {width:100%}

#sidebar #feature-logos {text-align:center;margin-top:50px}
#sidebar #feature-logos img {display:inline-block;margin:10px}

/* -------- PPC PRODUCTS LIST */
#sidebar ul.icon-features {overflow:hidden}
ul.icon-features li {float:left;width:48px;height:48px;background:#EEE;margin:0 4px 4px 0}
ul.icon-features li:last-child {margin-right:0}

/* -------- LAYOUT - SINGLE MFP */
.mfp-viewer { text-align:center; padding:30px; border-radius:4px; border:1px solid #e5e5e5; margin-bottom:20px; box-shadow:0 1px 2px #ddd, 0 0 300px #ebebeb }

#mfp-spec {width:100%;border-spacing:4px;border-collapse:separate}
#mfp-spec td,
#mfp-spec th {padding:10px}
#mfp-spec thead th {font-size:20px;font-family:museo-sans,Arial,Helvetica,sans-serif;text-align:left !important}
#mfp-spec tbody tr:nth-child(2n+1) {background:#f5f5f5}

/* -------- LAYOUT - HOMEPAGE */
#ideal-purposes {overflow:hidden;margin-bottom:40px}
#ideal-purposes .purpose {float:left;width:17%;text-align:center;padding:0 1.5%}
#ideal-purposes .purpose h3 {min-height:69px}
#ideal-purposes .purpose img {margin-bottom:23px}
#ideal-purposes .purpose p {margin-bottom:0}

#product-helper {width:92%;font-weight:300;padding:24px 4%;margin-bottom:40px}
#product-helper b {font-weight:700}

#latest-news ul {border-top:1px solid #e6e6e6}
#latest-news ul li {border-bottom:1px solid #e6e6e6;line-height:30px}

#latest-events ul {border-top:1px solid #e6e6e6}
#latest-events ul li {border-bottom:1px solid #e6e6e6;line-height:30px}

#home-feature {margin-bottom:40px}
#home-feature .slides {padding-bottom:30px;max-width:960px}
#home-feature .slides .slide { min-height:196px; max-width:960px }
#home-feature .slides .slide h2 {font-size:42px}
#home-feature .slides .slide p:last-child {margin-bottom:0}
#home-feature .slides .slide div.image { position:relative; float:right; border:1px solid #DDD; border-radius:3px; margin-left:20px; background:#FFF; padding:3px }
#home-feature .slides .slide div.image img { display:block }
#home-feature .slides .slide div.image a.faux-button { position:absolute; bottom:20px; right:20px }

#feature-picker
    {
    list-style:none;
    padding:0;
    background-color:#a6a6a6;
    background: -moz-linear-gradient(top, #a6a6a6 0%, #8e8e8e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6a6a6), color-stop(100%,#8e8e8e));
    background: -webkit-linear-gradient(top, #a6a6a6 0%,#8e8e8e 100%);
    background: -o-linear-gradient(top, #a6a6a6 0%,#8e8e8e 100%);
    background: -ms-linear-gradient(top, #a6a6a6 0%,#8e8e8e 100%);
    background: linear-gradient(top, #a6a6a6 0%,#8e8e8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#8e8e8e',GradientType=0 );
    border-radius:3px;
    box-shadow:inset 0 -1px 1px rgba(0,0,0,0.3);
    margin-bottom:0;
    height:55px;
    }
#feature-picker li
    {
    width:25%;
    float:left;
    display:table;
    }
#feature-picker.admin li
    {
    width:20%;
    }
#feature-picker li a
    {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:55px;
    padding:0 10px;
    font-size:18px;
    line-height:17px;
    color:#FFF;
    font-weight:700;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    text-align:center;
    font-family:museo-sans,Arial,Helvetica,sans-serif;
    margin:0;
    position:relative;
    }
#feature-picker li:first-child  a {border-radius:3px 0 0 3px}
#feature-picker li:last-child   a {border-radius:0 3px 3px 0}
#feature-picker li:hover a,
#feature-picker li.current a
    {
    background-color:#a5b33a;
    background: -moz-linear-gradient(top, #a5b33a 0%, #8d9932 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5b33a), color-stop(100%,#8d9932));
    background: -webkit-linear-gradient(top, #a5b33a 0%,#8d9932 100%);
    background: -o-linear-gradient(top, #a5b33a 0%,#8d9932 100%);
    background: -ms-linear-gradient(top, #a5b33a 0%,#8d9932 100%);
    background: linear-gradient(top, #a5b33a 0%,#8d9932 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5b33a', endColorstr='#8d9932',GradientType=0 );
    box-shadow:inset 0 -1px 1px rgba(0,0,0,0.3);
    }
#feature-picker li:hover a:after,
#feature-picker li.current a:after {content:'';display:block;width:0;height:0;border:11px solid transparent;border-bottom-color:#a5b33a;position:absolute;top:-22px;right:50%;margin-right:-11px}

/* -------- LAYOUT - BREADCRUMBS */
#glass-bar {border-bottom:1px solid #d9d9d9;background:rgba(255,255,255,0.4);border-radius:4px;padding:10px;margin-bottom:50px;font-size:12px;overflow:hidden}
#glass-bar #breadcrumbs {width:80%;float:left;line-height:20px}
#glass-bar #breadcrumbs a {}
#glass-bar #breadcrumbs span {padding:0 7px}

#print-share {width:20%;float:right}
#print-share ul {padding:0;list-style:none;margin:0}
#print-share ul li {float:right;line-height:20px}
#print-share ul li a {display:block;height:20px;width:20px;margin-left:10px;text-indent:-9999px;background-repeat:no-repeat;background-position:right}
#print-share ul li a:hover {color:#8c9831}
#print-share ul li a.print      {background-image:url("images/icon_small_print.png")}
#print-share ul li a.like       {background-image:url("images/icon_small_like.png")}
#print-share ul li a.twitter    {background-image:url("images/icon_small_twitter.png")}
#print-share ul li a.facebook   {background-image:url("images/icon_small_facebook.png")}
#print-share ul li a.google     {background-image:url("images/icon_small_google.png")}
#print-share ul li a.linkedin   {background-image:url("images/icon_small_linkedin.png")}

#page-header {margin-bottom:50px}
#page-header * {text-shadow:0 -1px 1px #FFF}

#content .fifty {width:48%}
#content .fifty.left {float:left;margin-right:2%}
#content .fifty.right {float:right;margin-left:2%}

#office-list .office {border-top:1px solid #d9d9d9;padding:15px 0;overflow:hidden}
#office-list .office h4 {margin-bottom:10px;font-weight:300} /* color:#328dc6 */
#office-list .office dl dt {width:50%;float:left;text-align:left;margin:0;padding:0}
#office-list .office dl dd {width:50%;float:right;text-align:right;margin:0;padding:0}

/* -------- PAGINATION */
#page-navigation {display:block;overflow:hidden}
#page-navigation div {width:50%;float:left}
#page-navigation div.previous {text-align:right}
#page-navigation div a span {display:inline-block}

/* -------- PRODUCT FINDER */
#product-finder {background:#f2f2f2}
#product-finder .headings-holder {background:#4b2f5f;padding:1px 20px;border-radius:5px 5px 0 0;border-bottom:1px solid #1f567a}
#product-finder .headings-holder h2 {color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.3);font-weight:500;margin-top:20px;font-size:28px;line-height:31px;margin-bottom:10px}
#product-finder .headings-holder p {color:#c9c1cf;text-shadow:0 1px 0 rgba(0,0,0,0.3)}
#product-finder .form-holder {background:#f2f2f2;border:1px solid #d9d9d9;border-top:0;border-radius:0 0 5px 5px;padding:20px 20px 0 20px}
#product-finder .form-holder .faux-button {margin-bottom:15px;width:100%;padding-right:0;padding-left:0}
#product-finder .form-holder p.ipa {font-size:11px;color:#656565;text-align:right;padding-right:24px;line-height:1.4em;background:url(images/mini_padlock.gif) no-repeat right}

/* -------- MODULE - COMMENTS */
#comments ol ul {list-style:none}
#comments li h3 a {display:inline-block;width:15px;height:15px;text-indent:-9999px;margin-left:10px}
#comments li h3 a.comment-author-email  {background:url("images/icon_small_email.png")}
#comments li h3 a.comment-reply-link    {background:url("images/icon_small_reply.png")}
#comments li h6 {position:absolute;top:20px;right:20px;font-weight:300}
#comments li p:last-child {margin-bottom:0}
#comments ol ul.children {background:url("images/comment_indent.png") no-repeat 9px 4px}

#respond form p.form-submit input {width:auto}
#respond form p.comment-form-rating .radio-group {display:block}
#respond form p.comment-form-rating .radio-group label {margin-right:4px}
#respond form p.comment-form-rating .radio-group input {width:auto;margin-right:10px}

.holder {border-radius:4px;box-shadow:inset 0 -1px 1px rgba(0,0,0,0.3);margin-bottom:20px;padding:20px;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.holder.white {background:#FFF;}
.holder.grey {background:#F2F2F2;}
.holder p:last-child {margin-bottom:0}

.holder.supplier {position:relative;}
.holder.supplier p {position:absolute;top:20px;right:20px}
.holder.supplier p a {background:url("images/icon_small_arrow_right.png") no-repeat right 50%;padding-right:20px}
.holder.supplier table {width:100%;border-spacing:4px;border-collapse:separate}
.holder.supplier table thead th {background:#e6e6e6;border-bottom:1px solid #b6b6b7;font-weight:bold}
.holder.supplier table tbody td {width:33%}
.holder.supplier table td,
.holder.supplier table th {padding:5px 8px}

/* -------- MODULE - FOOTER */
#footer {min-height:40px;background:#0f0f0f;text-align:center}
#footer .inner {padding:30px 0}
#footer .inner h2 {text-transform:uppercase;background-size:contain;color:#b2b2b2;font-size:21px;text-shadow:0 1px 1px rgba(0,0,0,0.5);height:50px;padding-top:20px;background:url("images/footer_flare.png") no-repeat bottom center;line-height:23px;font-weight:300;margin-bottom:40px}
#footer .inner p {color:#4c4c4c}
#footer .inner a {color:#808080}
#footer .inner .social {height:32px;color:#b2b2b2;font-size:21px;font-weight:300;font-family:museo-sans,Arial,Helvetica,sans-serif}
#footer .inner .social a {opacity:0.5}
#footer .inner .social a:hover {opacity:1}
#footer .inner .social a img {vertical-align:middle;margin:-5px 2px 0 2px}

/* -------- BUTTONS */
a.faux-button {display:inline-block}
.faux-button a {color:#FFF}

.faux-button,
form button,
form input[type=submit]
    {
    /* background-image:url(images/button_sprite.png);
    background-repeat:repeat-x; */
    color:#FFF !important;
    font-weight:700;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    border:none;
    text-align:center;
    border-radius:3px;
    box-shadow:inset 0 -1px 1px rgba(0,0,0,0.3);
    font-family:museo-sans,Arial,Helvetica,sans-serif;
    margin:0;
    }
    
.faux-button:hover, form button:hover, form input[type=submit]:hover
    {
    cursor:pointer;
    }

.faux-button.blue, form button.blue, form input[type=submit].blue, .sendbutton, #respond p.form-submit input
    {
    background-color:#328dc6;
    background: -moz-linear-gradient(top, #328dc6 0%, #2978bb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#328dc6), color-stop(100%,#2978bb));
    background: -webkit-linear-gradient(top, #328dc6 0%,#2978bb 100%);
    background: -o-linear-gradient(top, #328dc6 0%,#2978bb 100%);
    background: -ms-linear-gradient(top, #328dc6 0%,#2978bb 100%);
    background: linear-gradient(top, #328dc6 0%,#2978bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328dc6', endColorstr='#2978bb',GradientType=0 );
    }
    
.faux-button.blue:hover, form button.blue:hover, form input[type=submit].blue:hover, .sendbutton:hover, #respond p.form-submit input:hover
    {
    background-color:#70afd7;
    background: -moz-linear-gradient(top, #70afd7 0%, #5ba0d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70afd7), color-stop(100%,#5ba0d0));
    background: -webkit-linear-gradient(top, #70afd7 0%,#5ba0d0 100%);
    background: -o-linear-gradient(top, #70afd7 0%,#5ba0d0 100%);
    background: -ms-linear-gradient(top, #70afd7 0%,#5ba0d0 100%);
    background: linear-gradient(top, #70afd7 0%,#5ba0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70afd7', endColorstr='#5ba0d0',GradientType=0 );
    }
    
.faux-button.green, form button.green, form input[type=submit].green, .sendbutton, #respond p.form-submit input
    {
    background-color:#a5b33a;
    background: -moz-linear-gradient(top, #a5b33a 0%, #8d9932 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5b33a), color-stop(100%,#8d9932));
    background: -webkit-linear-gradient(top, #a5b33a 0%,#8d9932 100%);
    background: -o-linear-gradient(top, #a5b33a 0%,#8d9932 100%);
    background: -ms-linear-gradient(top, #a5b33a 0%,#8d9932 100%);
    background: linear-gradient(top, #a5b33a 0%,#8d9932 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5b33a', endColorstr='#8d9932',GradientType=0 );
    }
    
.faux-button.green:hover, form button.green:hover, form input[type=submit].green:hover, .sendbutton:hover, #respond p.form-submit input:hover
    {
    background-color:#8c9831;
    background: -moz-linear-gradient(top, #8c9831 0%, #78822b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c9831), color-stop(100%,#78822b));
    background: -webkit-linear-gradient(top, #8c9831 0%,#78822b 100%);
    background: -o-linear-gradient(top, #8c9831 0%,#78822b 100%);
    background: -ms-linear-gradient(top, #8c9831 0%,#78822b 100%);
    background: linear-gradient(top, #8c9831 0%,#78822b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c9831', endColorstr='#78822b',GradientType=0 );
    }

.faux-button.pink, form button.pink, form input[type=submit].pink
    {
    background-color:#d70065;
    background: -moz-linear-gradient(top, #d70065 0%, #b80157 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d70065), color-stop(100%,#b80157));
    background: -webkit-linear-gradient(top, #d70065 0%,#b80157 100%);
    background: -o-linear-gradient(top, #d70065 0%,#b80157 100%);
    background: -ms-linear-gradient(top, #d70065 0%,#b80157 100%);
    background: linear-gradient(top, #d70065 0%,#b80157 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70065', endColorstr='#b80157',GradientType=0 );
    }
    
.faux-button.pink:hover, form button.pink:hover, form input[type=submit].pink:hover
    {
    background-color:#eb80b2;
    background: -moz-linear-gradient(top, #eb80b2 0%, #dc80ab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb80b2), color-stop(100%,#dc80ab));
    background: -webkit-linear-gradient(top, #eb80b2 0%,#dc80ab 100%);
    background: -o-linear-gradient(top, #eb80b2 0%,#dc80ab 100%);
    background: -ms-linear-gradient(top, #eb80b2 0%,#dc80ab 100%);
    background: linear-gradient(top, #eb80b2 0%,#dc80ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb80b2', endColorstr='#dc80ab',GradientType=0 );
    }
    
.faux-button.purple, form button.purple, form input[type=submit].purple
    {
    background-color:#4b2f5f;
    background: -moz-linear-gradient(top, #4b2f5f 0%, #3d264d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b2f5f), color-stop(100%,#3d264d));
    background: -webkit-linear-gradient(top, #4b2f5f 0%,#3d264d 100%);
    background: -o-linear-gradient(top, #4b2f5f 0%,#3d264d 100%);
    background: -ms-linear-gradient(top, #4b2f5f 0%,#3d264d 100%);
    background: linear-gradient(top, #4b2f5f5 0%,#3d264d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b2f5f', endColorstr='#3d264d',GradientType=0 );
    }
    
.faux-button.purple:hover, form button.purple:hover, form input[type=submit].purple:hover
    {
    background-color:#402851;
    background: -moz-linear-gradient(top, #402851 0%, #342142 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#402851), color-stop(100%,#342142));
    background: -webkit-linear-gradient(top, #402851 0%,#342142 100%);
    background: -o-linear-gradient(top, #402851 0%,#342142 100%);
    background: -ms-linear-gradient(top, #402851 0%,#342142 100%);
    background: linear-gradient(top, #402851 0%,#342142 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#402851', endColorstr='#342142',GradientType=0 );
    }

.faux-button.grey, form button.grey, form input[type=submit].grey
    {
    background-color:#a6a6a6;
    background: -moz-linear-gradient(top, #a6a6a6 0%, #8e8e8e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6a6a6), color-stop(100%,#8e8e8e));
    background: -webkit-linear-gradient(top, #a6a6a6 0%,#8e8e8e 100%);
    background: -o-linear-gradient(top, #a6a6a6 0%,#8e8e8e 100%);
    background: -ms-linear-gradient(top, #a6a6a6 0%,#8e8e8e 100%);
    background: linear-gradient(top, #a6a6a6 0%,#8e8e8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#8e8e8e',GradientType=0 );
    }
    
.faux-button.grey:hover, form button.grey:hover, form input[type=submit].grey:hover
    {
    background-color:#d3d3d3;
    background: -moz-linear-gradient(top, #d3d3d3 0%, #c7c7c7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#c7c7c7));
    background: -webkit-linear-gradient(top, #d3d3d3 0%,#c7c7c7 100%);
    background: -o-linear-gradient(top, #d3d3d3 0%,#c7c7c7 100%);
    background: -ms-linear-gradient(top, #d3d3d3 0%,#c7c7c7 100%);
    background: linear-gradient(top, #d3d3d3 0%,#c7c7c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#c7c7c7',GradientType=0 );
    }

.faux-button.small, form button.small, form input[type=submit].small                    {padding:6px 10px; font-size:14px}
.faux-button.medium, form button.medium, form input[type=submit].medium,
.sendbutton, #respond p.form-submit input                                               {padding:10px;font-size:17px}
.faux-button.large, form button.large, form input[type=submit].large                    {padding:14px;font-size:22px}

/* -------- PPC PRODUCTS LIST */
#ppc-products-list {border-bottom:1px solid #d9d9d9}
#ppc-products-list .product {border-top:1px solid #d9d9d9;clear:both;padding:23px 0;overflow:hidden}
#ppc-products-list .product ul.icon-features {padding:0;list-style:none}
#ppc-products-list .product ul.icon-features li {float:left;width:48px;height:48px;background:#EEE;margin:0 5px 5px 0}
#ppc-products-list .product h4 {margin:23px 0 10px 0}
#ppc-products-list .product .faux-button {float:right}

/* -------- IE8 FIXES */
.ie8 form.cform ol li input.cf-box-b {border:none;padding:0}
.ie8 form.cform input.sendbutton,
.ie8 .faux-button {border-bottom:1px solid #8f0144}

/* -------- IE7 FIXES */
.ie7 form.cform ol li input.cf-box-b {border:none}
.ie7 form.cform input.sendbutton,
.ie7 .faux-button {border-bottom:1px solid #8f0144}

/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
.reveal-modal-bg
    { 
    position: fixed; 
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0; 
    }

.reveal-modal
    {
    visibility: hidden;
    top: 100px; 
    left: 50%;
    margin-left: -255px;
    width: 450px;
    background: #FFF;
    position: absolute;
    z-index: 101;
    padding: 30px 30px 7px 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    }

.reveal-modal.small     {width: 300px;margin-left:-180px}
.reveal-modal.medium    {width: 450px;margin-left:-255px}
.reveal-modal.large     {width: 600px;margin-left:-330px}
.reveal-modal.xlarge    {width: 800px;margin-left:-430px}

.reveal-modal .close-reveal-modal
    {
    font-size: 20px;
    line-height: 10px;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #aaa;
    font-weight: bold;
    cursor: pointer;
    }
    
.mqs {display:block;height:10px;position:fixed;bottom:0;right:0;left:0}

  .slides_container {
    width:470px;
    height:170px;
  }
  .slides_container div {
    width:470px;
    height:170px;
    display:block;
  }


@media only screen and (max-width: 960px)
    {
    .mqs {background-color:red}
    #content .fifty {width:100%}
    #ideal-purposes .purpose {width:46%;padding:0 2%}
    #navigation ul li a {font-size:12px;line-height:12px;padding:30px 8px 12px 8px;font-weight:500}
    #navigation ul li a:hover {padding:30px 8px 17px 8px}
    }

@media only screen and (max-width: 768px)
    {
    .mqs {background-color:orange}
    #breadcrumbs {display:none}
    #print-share {width:100%}
    #banner #feature-logos {width:150px}
    #content {width:64%}
    #sidebar {width:32%}
    body.scanner #sidebar.right,
    body.scanner #content.left {width:48%}
    #footer .inner h2 {font-size:16px;line-height:18px}
    #feature-picker li a {font-size:15px}
    #navigation ul {padding:0;background:none}
    #navigation ul li {padding:0;background:none;margin:6px;height:auto}
    #navigation ul li a {line-height:10px;display:block;padding:6px 10px;border-radius:4px;background:rgba(0,0,0,0.1)}
    #navigation ul li a:hover {padding:6px 10px;background:rgba(0,0,0,0.2)}
    .scanner-list .holder table tr td {display:block;width:100%}
    .scanner-list .holder table tr td.image {text-align:center;padding-bottom:20px !important}
    .scanner-list .holder table tr td.button {display:none}    
    }
    
@media only screen and (max-width: 640px)
    {
    .mqs {background-color:yellow}
    #content,
    #sidebar,
    body.scanner #sidebar.right,
    body.scanner #content.left {float:none;width:100%;clear:both}
    }

@media only screen and (max-width: 520px)
    {   
    .mqs {background-color:green}
    #searchform {display:none}
    #banner #feature-logos {display:none}
    #ideal-purposes .purpose {width:100%}
    #menu-tabs {padding-left:10px}
    #menu-tabs li {margin-right:10px}
    #menu-tabs li a {padding:10px;line-height:10px}
    }

@media only screen and (max-width: 400px)
    {
    .row.inner{
        float:left;
        min-width:0px;
        width:90% !important;
        margin:0 5% !important;
    }
    #print-share{
        bottom: 0;
        float: left;
        position: absolute;
        width: 200px;
    }
    .mqs {background-color:blue}
    #glass-bar {display:none}
    }
    








.icon--distributor {
    display: block;
    width:13px;
    height:18px;
    background:url('images/padlock.png') no-repeat center center;
    background-size:100% auto;
    margin:-3px auto 0 auto;
}

@media screen and (max-width:767px) {
    .scanner-list .holder table,
    .scanner-list .holder tbody,
    .scanner-list .holder table tr,
    .scanner-list .holder table img {
        display: block !important;
        max-width:100% !important;
        margin-left: auto !important;
        margin-right: auto !important;        
    }
}