s/*
Theme Name: Comm-Chem
Theme URI:
Version: 2013.3.6
Description: Comm-Chem Materials Pty Ltd Worpdress Theme
Author: Comm-Chem Materials Pty Ltd
Author URI:
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { min-width: 960px; font-family: Helvetica, Arial, sans-serif; line-height: 22px; font-size: 14px; letter-spacing: -0.1px; color: #5b5b5b; background: url(images/body-bg.png); }
a { text-decoration: none; color: #205b7c; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #205b7c; line-height: 1em; font-family: 'Bebas Neue', 'bebas_neueregular', Helvetica, Arial, sans-serif; text-shadow: none; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #205b7c; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 15px; }
h6 { font-size: 13px; }
p { padding-bottom: 20px; line-height: 1.2em; padding-top: 15px;}
/*strong { font-weight: bold; color: #205b7c; }*/
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; }
input[type=text],input[type=tel],input[type=email], input.text, input.title, select,textarea { background-color: #fff0; border: 1px solid #a9a9a9; padding: 0 10px; height: 36px; color: #aeaeae; line-height: 36px; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #24bbc2; color: #000; }
input, textarea, select { font-family: Arial, Verdana, sans-serif; }
.widget input#s, .widget input#searchsubmit { width: 100%; }
img#about-image { float: left; margin: 3px 8px 8px 0px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input[type=submit] { padding: 0 28px 4px 13px !important; }
input[type=submit] { cursor: pointer; font-weight: lighter !important; font-family: Arial, Verdana, sans-serif; font-size: 19px; padding: 0 28px 0 13px; line-height: 34px; margin: 7px 14px 7px 0; height: 38px; background: url(images/button-arrow-white.png) no-repeat right center #205B7C; border: 1px solid transparent; color: #fff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.button { cursor: pointer; font-weight: lighter !important; font-family: Arial, Verdana, sans-serif; font-size: 19px; padding: 0 28px 0 13px; line-height: 34px; float: left; display: block; margin: 7px 14px 7px 0; height: 38px; background: url(images/button-arrow-white.png) no-repeat right center #24bbc2; border: 1px solid transparent; color: #fff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.button-2 { cursor: pointer; font-weight: lighter !important; font-family: Arial, Verdana, sans-serif; font-size: 19px; padding: 0 28px 0 13px; line-height: 34px; float: left; display: block; margin: 7px 14px 7px 0; height: 38px; background: url(images/button-arrow-black.png) no-repeat right center #fff; border: 1px solid #a9a9a9; color: #545454; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.button-3 { cursor: pointer; font-weight: 500; line-height: 18px !important; letter-spacing: 0; text-transform: uppercase; font-size: 13px; padding: 2px 20px 2px 5px; display: block; height: 23px; float: left; display: block; background: #205b7c url(images/arrow-button.png) no-repeat right center !important; color: #fff !important; border: none !important; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; }
.button-4 { cursor: pointer; font-weight: 500; line-height: 18px !important; letter-spacing: 0; text-transform: none; font-size: 14px; padding: 2px 50px 2px 15px; display: block; height: 23px; float: left; display: block; background: #205b7c url(images/arrow-button.png) no-repeat right center !important; color: #fff !important; border: none !important; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; }
input[type=submit]:hover, .button:hover { text-decoration: none; background-color: #0087ba !important; box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); }
.button-2:hover { text-decoration: none; background-color: #eee !important; box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); }
.button-3:hover { cursor: pointer; font-weight: 500; line-height: 18px !important; letter-spacing: 0; text-transform: uppercase; font-size: 13px; padding: 2px 20px 2px 5px; display: block; height: 23px; /* float:right; */ display: block; text-decoration: none; background: #eee url(images/arrow-button-hover.png) no-repeat right center !important; color: #000 !important; border: none !important; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; }
.button-4:hover { background-color: #0083c1 !important; text-decoration: none; }
h2.title { margin-bottom: 15px; clear: both; font-size: 30px; text-transform: uppercase; line-height: 30px; font-family: 'Bebas Neue', 'bebas_neueregular', Arial; }
h2.title .icon { float: left; margin: 0 15px 0 0; }
ul#top-menu > li > a, ul#top-menu ul li a, .service .thumbnail img { -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/


.container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
#header { position: absolute; z-index: 999; left: 0; right: 0; padding: 10px 0; background: #1a2341; }
.header-logo-container:before, .header-logo-container:after {content: ''; display: block; clear: both;}
.header-logo-container{margin-bottom: 15px;}
#logo { float: left; display: block; width: 24%; }
#logo img { display: inline-block; }
#secondary-logo { float: right; display: block; width: 37%; position: relative; }
#logosecondary- img { display: inline-block; }
.nav-container:before { content:'';clear: both; display: block; }
.nav-container:after { content:'';clear: both; display: block; }
ul#top-menu { float: left; position: relative; clear: both; }
ul#top-menu a { font-size: 14px; line-height: 18px; color: #fff; text-decoration: none; }
ul#top-menu a:hover, ul#top-menu > li.sfHover > a { color: #fff; }
ul#top-menu > li { float: left; padding: 0px 0px 0px 1px; }
ul#top-menu > li:first-child { padding-left: 0 !important; }
ul#top-menu > li > a { padding: 3px 13px; border: 1px solid transparent; }
ul#top-menu > li:hover > a { border: 1px solid #2e5371; }
ul#top-menu > li.current_page_item > a { border: 1px solid #62677c; }
ul#top-menu > li.current_page_item > a, ul#top-menu > li.current-menu-item > a { color: #fff !important; }
/*ul#top-menu > li.menu-item-has-children > a:hover { border-bottom: 3px solid transparent !important; }*/
ul#top-menu ul { width: 189px; background: #1a2341; top: 86px !important; padding: 0 0; overflow: visible; margin-left: 14px; z-index: 9999; display: none; }
ul#top-menu ul li > ul { background-color: #778899; }
ul#top-menu ul li a { padding: 5px 10px; width: 100%; border: 1px solid #62677c; }
ul#top-menu ul li.current_page_item a,  ul#top-menu ul li a:hover { }
ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { top: 57px !important; left: 190px !important; }
ul#top-menu.nav ul { margin-top: -57px; margin-left: 0px; position: absolute; top: -999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
ul#top-menu.nav li { position: relative; }
ul#top-menu.nav a { display: block; }
ul#top-menu.nav li:hover ul, ul#top-menu.nav li.sfHover ul { left: 0px; top: 50px; }
ul#top-menu.nav li:hover li ul, ul#top-menu.nav li.sfHover li ul { top: -999em; }
ul#top-menu.nav li li:hover ul, ul#top-menu.nav li li.sfHover ul { left: 192px; top: 0px; }
ul#top-menu.nav li:hover ul, ul#top-menu.nav li li:hover ul { top: -999em; }
ul#top-menu.nav li li { float: none !important; display: block; padding: 0px; height: auto !important; }
ul#top-menu.nav li ul { width: 191px; z-index: 1000; }
ul#top-menu.nav li li a:link, ul#top-menu.nav li li a:visited { display: block; height: auto; /*float: left;*/ }
ul#top-menu.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.submenu { margin-top: -55px!important; margin-left: 0px!important; }
#additional-info { float: right; position: relative; }
.search-icn-container {display: inline-block; position: relative; padding-right: 15px; line-height: 26px; border-right: 1px solid #fff;}
.search-display {position: absolute; top: 30px; right: 26px; display: block !important;}
#additional-info i {cursor: pointer; font-size: 20px; color: #fff; }
#search-form { /*float: left; padding: 10px 13px 10px 0; border-right: 1px solid #3a425c;*/ display: none; }
/*#search-form #searchinput { border-radius: 0 !important; line-height: 15px; color: white; float: left; width: 100px; height: 15px; border: 1px solid #62677c; background: transparent; font-size: 10px; padding: 2px; }*/
#search-form #searchinput { padding: 0 23px; font-style: italic; background: #000c; border: 1px solid #fff0; margin: 0px; }
#search-form #searchinput:focus { color: #aeaeae; }
#search-form #searchsubmit { display: none; border-radius: 0 !important; background: #205b7c url(images/search_btn-bg.png) no-repeat center center; width: 16px; height: 15px; border: 1px solid #205b7c; margin-left: 4px; float: left; }
#search-form #searchsubmit:hover { background: #fff url(images/search_btn-bg-hover.png) no-repeat center center; width: 16px; height: 15px; border: 1px solid #205b7c; margin-left: 4px; float: left; }
#et-social-icons { display: inline-block; margin: 0 10px; line-height: 26px;}
#et-social-icons a { margin-left: 5px; display: inline-block; }
/*HOMEPAGE*/
#main-slider { clear: both; position: relative; }
#quote { text-align: center; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-top: 38px; padding-bottom: 25px; }
#quote-inner h3 { color: #3b3b3b; font-family: Helvetica, Arial, sans-serif; font-size: 28px; }
#quote-inner p { color: #24BBC2; font-size: 18px; }

.section .distributor-notice {
    padding: 10px;
    border-top: 4px solid #1b2145;
    border-bottom: 4px solid #1b2145;
    background: #fff;
}

/*.section .action-phrase{
    padding: 10px;
   
    background: #fff;
}*/
.section .distributor-notice p {
    padding: 24px 0;
    font-size: 18px;
    text-align: center;
}
.section .distributor-notice .distributor-notice-capacitor {
    float: left;
    margin-right: 10px;
}
.section .distributor-notice .distributor-notice-icar-logo {
    float: right;
    margin-left: 10px;
}

li#menu-item-16{
    border-left: 1px solid #e6e6e6;
}

#content-area { padding-top: 20px; background: #fff; }
.featured-content { width: 100%; margin-bottom: 75px; clear: both; line-height: 30px; }
.featured-content > .thumb { float: left; margin: 0 28px 0 0; }
.services { padding: 10px 0 50px; color: #000000; }
.services-content { display: block; position: relative; }
.service { background: #205b7c; overflow: hidden; max-width: 300px; height: 177px; border: 1px solid #c6c6c6; position: relative; display: block; float: left; margin: 0 0 0 20px; }
.service:first-child { margin-left: 0; }
.service:hover { text-decoration: none; background: #0b2d40; }
.service .title { font-weight: lighter; font-family: Helvetica, Arial, sans-serif; padding: 13px 10px; z-index: 2; color: #fff; position: absolute; bottom: 0px; left: 0; right: 0; font-size: 18px; height: 48px; width: 100%; background: transparent url(images/service-title-bg.png) repeat; }
.service .thumbnail { background: transparent url(images/polygon-hover.png) no-repeat 0 0; display: block; overflow: hidden; width: 300px; height: 177px; }
.service:hover .thumbnail img { -moz-transform: scale(2.5) rotate(50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(2.5) rotate(50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(2.5) rotate(50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(2.5) rotate(50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(2.5) rotate(50deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
#homepage-widgets { padding: 0 0 20px; overflow: hidden; }
.main-widget { font-size: 10px; float: left; width: 100%; margin: 0; position: relative; }
.main-widget h3.title { font-weight: 400; margin-bottom: 15px; font-size: 18px; font-family: Helvetica, Arial, sans-serif; }
.main-widget.advanced_recent_posts_widget .post-title { font-weight: normal !important; display: table; padding-bottom: 10px; font-size: 14px; line-height: 18px; }
.main-widget.advanced_recent_posts_widget { font-size: 10px !important; line-height: 10px; }
.main-widget.advanced_recent_posts_widget ul li { margin-bottom: 0px; border-bottom: none !important; width: 31.333% !important; display: inline; float: left; margin-left: 1% !important; margin-right: 1% !important; }
.main-widget.advanced_recent_posts_widget img { margin-top: 0 !important; }
.advanced_recent_posts_widget .post-entry p { line-height: 1em; }
/*PAGES*/
#breadcrumbs { line-height: 1em; color: #205b7c; font-size: 30px; font-family: 'Bebas Neue', 'bebas_neueregular', Helvetica, Arial, sans-serif; padding: 20px 0 0; margin-bottom: 10px; }
/*
#category-name { text-align: center; padding-top: 38px; background: url(images/top-category-bg.png) no-repeat top center; }
#category-inner { background: url(images/bottom-category-bg.png) no-repeat bottom center; padding-bottom: 28px; }

h1.category-title { color: #205b7c; font-size: 28px; font-family: "Bebas Neue","bebas_neueregular",Arial; }*/
h1.category-title { clear: both;
    font-family: "Bebas Neue","bebas_neueregular",Arial;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 27px;
    text-transform: uppercase;}

p.description { font-size: 18px; font-family: Helvetica, Arial, sans-serif; }
#content { padding: 0 0 20px; background: #ffffff; margin-top: 0; }
#left-area, #sidebar { padding-top: 0; }
.fullwidth #left-area { width: 100%; margin-left: 0; margin-right: 0; }
.post { padding: 0 0 20px; }
.post-thumbnail { display: block; float: left; position: relative; margin-right: 20px; margin-top: 6px; }
.post p.meta-info { padding-bottom: 9px; padding-top: 9px; font-family: Helvetica, Arial, sans-serif; font-size: 15px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-bottom: 11px; }
.post p.meta-info a, p.description a { text-decoration: none; }
#left-area .post ul { list-style: none; padding: 0; margin: 0 0 33px; }
#left-area .post ul li { }
#left-area .post hr { margin-bottom: 25px; border-bottom: 0 !important; height: 0 !important; border-left: 0 !important; border-right: 0 !important; }
.post ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; }
.post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; }
.post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
.post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; }
.form-allowed-tags { display: none !important; }
.post-edit-link { display: none !important; }
#related-product { padding-top: 20px; border-top: 1px solid #dfdfdf; }
#related-product ul.product { margin: 0 -1%; }
#related-product ul.product li { margin-bottom: 50px; min-height: 158px; }
#related-product ul.product li img { border: 1px solid #dfdfdf; margin: 2px 0 5px; }
#related-product ul.product li h3 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; }
#product-categories { /* padding-top:20px; */ }
#product-categories ul.product { margin: 0; }
#product-categories ul.product li { padding: 20px 0; border-top: 1px solid #dfdfdf; }
#product-categories ul.product li:first-child { padding: 20px 0; border-top: 0px solid #dfdfdf; }
#product-categories ul.product li .product-thumbnail { float: left; margin: 0 10px 0 0; width: 300px; }
#product-categories ul.product li h3 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; margin-bottom: 15px; }
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

h3#comments { color: #1d1d1d; font-size: 28px; font-family: Helvetica, Arial, sans-serif; margin-bottom: 20px; }
#comment-wrap { margin-top: -18px; padding: 42px 35px 0 0; }
.comment-body-outer { border: 1px solid #f0f0f0; margin-bottom: 25px; background: url(images/comment-top-bg.png) repeat-x; }
.comment-body { background: #fff; padding: 18px 14px 12px 100px; position: relative; background: url(images/comment-bottom-bg.png) bottom left repeat-x; }
.avatar-box { position: absolute; top: 17px; left: 19px; padding: 6px 0 0 6px; }
.avatar-overlay { position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: url(images/avatar-overlay.png) no-repeat; }
.comment-date { font-size: 12px; color: #d4d4d4; font-family: Georgia, serif; font-style: italic; float: right; }
span.fn, span.fn a { font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: #1d1d1d; text-decoration: none; }
span.fn a:hover { color: #111; text-decoration: none; }
.comment-arrow { position: absolute; bottom: -19px; right: 45px; background: url(images/comment-arrow.png) no-repeat; width: 18px; height: 19px; }
.reply-container { float: right; }
.comment ul.children { padding-left: 100px; }
#commentform textarea#comment { width: 100%; }
#commentform input[type=text] { width: 38%; }
#commentform input[type=text], #commentform textarea { resize: vertical; background: url(images/comment-inputs-bg.png) repeat-x; border: 1px solid #f0f0f0; color: #AEAEAE; font-size: 13px; padding: 12px 10px 12px 20px; }
#commentform input[type=text]:focus, #commentform textarea:focus { color: #000; }
#commentform .hidden { display: none; }
li.comment #respond textarea { width: 91% !important; }
li.comment #respond input[type=text] { width: 48% !important; }
#trackbacks { margin-bottom: 20px; }
#trackbacks h3#comments, #respond h3#comments { margin-bottom: 5px; }
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer { clear: both; color: #fff; background: #1a2341; font-size: 10px; }
#footer .developer-logo{ margin:-9px 0 -7px 10px !important;}
#footer h4 { display: none; }
#footer .container { padding: 10px 15px; }
#footer-widgets { line-height: 14px; padding: 10px 0 0px; float: none; width: 100%; text-align: left; display: block; margin-left: 0px; }
.footer-widget ul.menu li { display: block; float: left; width: 50%; }
.footer-widget ul.menu li ul { width: 100%; padding-left: 10px; }
.footer-widget ul.menu li ul li { width: 100%; }
.footer-widget ul.menu li a { color: #fff; }
#footer-bottom { line-height: 9px; clear: both; padding: 15px 0; }
#footer-bottom a { color: #fff; }
#footer-bottom .widgettitle { font-family: Helvetica, Arial, sans-serif; color: #fff; }
#footer-bottom ul.menu { margin: 0; list-style: none; }
#footer-bottom ul.menu li { display: inline-block; border-left: 1px solid #fff; margin: 0 0 5px; list-style: none; padding: 0 5px 0 6px; }
#copyright { text-align: left; margin-left: 0px; }
.footer-copyright { float: left; margin-right: 10px; }
#developer { text-align: right; text-align: left; }
.footer-developer { float: right; margin-left: 10px; }
.developer-logo { margin: -15px 0px -7px 10px !important; }
/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

.widget { width: 100%; padding-bottom: 25px; font-size: 12px; }
.widget h3.title { font-size: 30px; background: #0087b9; text-indent: 15px; line-height: 1.4em; padding: 0; margin: 0; color: #fff; }
.widget ul { background: #d6f3fe; padding: 10px 15px 30px; }
.widget ul li { padding: 0; display: block; line-height: 1em; }
.widget ul li a { color: #434343; padding: 9px 4px; display: block; text-decoration: none; font-family: Helvetica, Arial, sans-serif; }
.widget ul.menu > li > a { color: #205b7c; font-weight: bold; font-family: 'MyriadProRegular', Helvetica, Arial, sans-serif; font-size: 12px; }
.widget ul li a:hover { color: #000; }
.widget ul li ul { padding: 0 0 0 10px; }
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display: inline; float: left; margin-right: 15px; }
img.alignright { display: inline; float: right; margin-left: 15px; }
/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; }
#wp-calendar td { padding: 3px 5px; color: #9f9f9f; }
#wp-calendar td#today { color: #ffffff; }
#wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 15px 12px 0px; }
.wp-pagenavi { position: relative; font-family: Helvetica, Arial, sans-serif; color: #1d1d1d; font-size: 14px; text-align: center; padding: 15px 33px 0 0; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 12px !important; margin: 2px; text-decoration: none; border: 1px solid #eaeaea !important; background-color: #205b7c; color: #fff; ; font-weight: lighter !important; color: #1d1d1d; font-size: 14px; }
.wp-pagenavi a:visited { padding: 5px 12px; margin: 2px; text-decoration: none; border: 1px solid #eaeaea; background-color: #fff; font-size: 14px; background-color: #205b7c; color: #fff; }
.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important; border: none !important; background-color: #205b7c; color: #fff; font-size: 14px; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 12px !important; margin: 2px; font-weight: bold; background-color: #f6f6f6 !important; border: 1px solid #eaeaea !important; color: #1d1d1d !important; font-size: 14px; font-weight: lighter !important; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active { background-color: #205b7c; color: #fff; }
a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; }
.foursixeight { margin: 0px 0px 15px 84px; }
.et_pt_blogentry { position: relative; }
.media-description { display: none; position: absolute; bottom: 63px; left: -58px; width: 140px; padding: 15px 15px 8px; z-index: 30; background: #fff; border: 1px solid #f0f0f0; border-bottom: 1px solid #d1d1d1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); font-family: Georgia, serif; font-size: 12px; color: #24BBC2; font-style: italic; }
.media-arrow { display: block; position: absolute; width: 14px; height: 8px; bottom: -8px; left: 80px; background: url(images/media-arrow.png) no-repeat; }
#et-control-panel { position: fixed; left: 0px; top: 94px; width: 169px; z-index: 9000; color: #9f9f9f; text-shadow: 1px 1px 1px #fff; background: url(images/control-panel-bottom.png) no-repeat bottom left; padding-bottom: 18px; }
#control-panel-main { background: url(images/control-panel-mainbg.png) repeat-y; -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; border-top-right-radius: 14px; }
#et-control-close { background: url(images/control-panel-closebutton.png) no-repeat; position: absolute; top: 17px; right: -41px; width: 45px; height: 40px; display: block; }
.control-open { background: url(images/control-panel-openbutton.png) no-repeat !important; }
#et-control-inner { background: url(images/control-inner.png) no-repeat; padding: 16px 16px 0px 16px; }
#et-control-panel h3.control_title { font-size: 15px; padding: 2px 0 10px; float: left; }
#et-control-panel p { font-style: italic; font-family: Georgia, serif; font-size: 10px; }
.et-sample-setting { display: block; width: 29px; height: 29px; position: relative; float: left; margin: 0 4px 4px 0; text-indent: -9999px; }
.et-sample-setting span.et-sample-overlay { background: url(images/control-link-overlay.png) no-repeat; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
#et-sample-color1 { background: #6a8e94; }
#et-sample-color2 { background: #8da49c; }
#et-sample-color3 { background: #b0b083; }
#et-sample-color4 { background: #859a7c; }
#et-sample-color5 { background: #c6bea6; }
#et-sample-color6 { background: #b08383; }
#et-sample-color7 { background: #a4869d; }
#et-sample-color8 { background: #f5f5f5; }
#et-sample-color9 { background: #4e4e4e; }
#et-sample-color10 { background: #556f6a; }
#et-sample-color11 { background: #6f5555; }
#et-sample-color12 { background: #6f6755; }
#et-sample-texture1 { background: url(images/body-bg2.png) 14px 13px; }
#et-sample-texture2 { background: url(images/body-bg3.png); }
#et-sample-texture3 { background: url(images/body-bg4.png); }
#et-sample-texture4 { background: url(images/body-bg5.png); }
#et-sample-texture5 { background: url(images/body-bg6.png); }
#et-sample-texture6 { background: url(images/body-bg7.png); }
#et-sample-texture7 { background: url(images/body-bg8.png); }
#et-sample-texture8 { background: url(images/body-bg9.png); }
#et-sample-texture9 { background: url(images/body-bg10.png); }
#et-sample-texture10 { background: url(images/body-bg11.png) 139px 104px; }
#et-sample-texture11 { background: url(images/body-bg12.png); }
#et-sample-texture12 { background: url(images/body-bg13.png) 14px 14px; }
#et-sample-texture13 { background: url(images/body-bg14.png); }
#et-sample-texture14 { background: url(images/body-bg15.png); }
#et-sample-texture15 { background: url(images/body-bg16.png); }
#et-sample-texture16 { background: url(images/body-bg17.png); }
.et-control-colorpicker { background: url(images/control-panel-colorpicker.png) no-repeat; width: 18px; height: 19px; display: block; float: right; }
.et-font-control { margin-top: 9px; }
.colorpicker { z-index: 10000; }
#et_control_header_font, #et_control_body_font { width: 73px; }
#comment-wrap .navigation { padding: 10px 0; }
.nav-previous { float: left; }
.nav-next { float: right; }
h3#reply-title small { display: block; }
h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }
#commentform input[type=text] { width: 40%; display: block; padding: 5px; }
#commentform textarea#comment { width: 100%; }
.commentlist #respond textarea#comment { width: 91% !important; }
.commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }
.comment_navigation_bottom, .comment_navigation_top { padding-bottom: 12px; }
#featured #slides { height: 332px; }
#media-slides { height: 60px !important; }
.media-slide { width: 507px !important; }
.et_embedded_videos { display: none; }
.js #featured #slides, .js #featured-modest { background: url(images/ajax-loader.gif) no-repeat center; }
.js #featured .slide, .js #featured-modest .slide { display: none; }
.service .thumb a { display: block; }
#featured .flex-direction-nav li a { z-index: 99; }
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 1%; margin-right: 1%; }
.grid_3 { width: 23%; }
.grid_6 { width: 48%; }
.grid_9 { width: 73%; }
.grid_12 { width: 98%; position: relative; }
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.grid_1 { width: 6.333%; }
.grid_2 { width: 14.666%; }
.grid_4 { width: 31.333%; }
.grid_5 { width: 39.666%; }
.grid_7 { width: 56.333%; }
.grid_8 { width: 64.666%; }
.grid_10 { width: 81.333%; }
.grid_11 { width: 89.666%; }
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.prefix_3 { padding-left: 25%; }
.prefix_6 { padding-left: 50%; }
.prefix_9 { padding-left: 75%; }
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.prefix_1 { padding-left: 8.333%; }
.prefix_2 { padding-left: 16.666%; }
.prefix_4 { padding-left: 33.333%; }
.prefix_5 { padding-left: 41.666%; }
.prefix_7 { padding-left: 58.333%; }
.prefix_8 { padding-left: 66.666%; }
.prefix_10 { padding-left: 83.333%; }
.prefix_11 { padding-left: 91.666%; }
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.suffix_3 { padding-right: 25%; }
.suffix_6 { padding-right: 50%; }
.suffix_9 { padding-right: 75%; }
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.suffix_1 { padding-right: 8.333%; }
.suffix_2 { padding-right: 16.666%; }
.suffix_4 { padding-right: 33.333%; }
.suffix_5 { padding-right: 41.666%; }
.suffix_7 { padding-right: 58.333%; }
.suffix_8 { padding-right: 66.666%; }
.suffix_10 { padding-right: 83.333%; }
.suffix_11 { padding-right: 91.666%; }
.et_pt_blogentry { border-bottom: 2px solid #e7e7e7; padding: 25px 0px 15px; }
.et_pt_blogentry:first-child { padding: 0!important; }
.post.news { padding: 0!important; }
.news-thumb { padding: 0px 20px 18px 0px; }
h2.et_pt_title { padding-top: 18px; }
.news-more { height: 14px; }
.advanced_recent_posts_widget ul li { min-height: 142px; }
.right-thumb { float: right!important; margin-left: 20px; margin-right: 0px!important; }
#socialite { float: right; }
#gform_1 .gform_heading { background: #0087ba; padding: 2px 9px; margin-bottom: 0px!important; width: 100%!important; }
#gform_1 .gform_heading h3 { color: #fff; font-size: 24px; font-weight: normal; font-family: 'Bebas Neue', 'bebas_neueregular', Helvetica, Arial, sans-serif; }
#gform_1 ul li.gfield { padding-left: 16px!important; }
.gform_wrapper .datepicker { width: 63% !important; }
#gform_wrapper_1 input[type=text], #gform_wrapper_1 input[type=url], #gform_wrapper_1 input[type=email], #gform_wrapper_1 input[type=tel], .gform_wrapper input[type=number], #gform_wrapper_1 input[type=password] { line-height: 15px; height: 27px; background: #f8f8f8; }
#gform_1 .gform_body { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding-top: 18px; }
#gform_1 textarea.medium { background: #f8f8f8; border: 1px solid #a9a9a9!important; height: 80px; }
#gform_wrapper_1 { margin: 0!important; }
#field_1_7 { margin-bottom: 0px!important; }
#gform_1 .gform_footer { margin: 0!important; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; height: 89px; }

.wpcf7-form .top_label li.gfield.gf_right_half {
    clear: right !important;
    float: right;
}
.wpcf7-form .top_label li.gfield.gf_left_half {
    clear: left !important;
    float: left;
}
.wpcf7-form .top_label li.gfield.gf_right_half {
    margin: 0 0 8px;
    width: 49%;
}
.wpcf7-form li, .wpcf7-form form li {
    list-style: outside none none !important;
    margin-left: 0 !important;
    overflow: visible;
}
.wpcf7-form .gform_footer {
    clear: both;
    margin: 16px 0 0;
    padding: 16px 16px 10px;
}

.wpcf7-form .gform_heading { background: #0087ba; padding: 10px; margin-bottom: 0px!important; width: 100%!important; }
.wpcf7-form .gform_heading h3 { color: #fff; font-size: 24px; font-weight: normal; font-family: 'Bebas Neue', 'bebas_neueregular', Helvetica, Arial, sans-serif; }
.wpcf7-form ul li.gfield { padding-left: 16px!important; }
.gform_wrapper .datepicker { width: 63% !important; }
#gform_wrapper_1 input[type=text], #gform_wrapper_1 input[type=url], #gform_wrapper_1 input[type=email], #gform_wrapper_1 input[type=tel], .gform_wrapper input[type=number], #gform_wrapper_1 input[type=password] { line-height: 15px; height: 27px; background: #f8f8f8; }
.wpcf7-form .gform_body { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;  }

.wpcf7-form textarea.medium { background: #f8f8f8; border: 1px solid #a9a9a9!important; height: 80px; }
#gform_wrapper_1 { margin: 0!important; }
#field_1_7 { margin-bottom: 0px!important; }
.wpcf7-form .gform_footer { margin: 0!important; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; height: 89px; }

#gform_submit_button_1 { font-family: arial; color: #5b5b5b !important; font-size: 14px; box-shadow: 1px 1px 1px #F0F0F0; padding: 0px 25px!important; border: 2px solid #EDEDED; background: #F0F0F0; background: linear-gradient(top, #FBFBFB, #F0F0F0); background: -ms-linear-gradient(top, #FBFBFB, #F0F0F0); background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#F0F0F0)); background: -moz-linear-gradient(top, #FBFBFB, #F0F0F0); margin-left: 16px; text-transform: uppercase; font-weight: bold!important; }
#gform_submit_button_1:hover { color: #14396A !important; background: #468CCF; background: linear-gradient(top, #468CCF, #63B8EE); background: -ms-linear-gradient(top, #468CCF, #63B8EE); background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE)); background: -moz-linear-gradient(top, #468CCF, #63B8EE); }
.contact_address { font-size: 12px; }
.contact_address img { margin-bottom: 56px; margin-top: 14px; }
.wk-accordion-default .toggler { background: url(images/plus.png) 0% 6px no-repeat!important; padding: 12px 0px 12px 41px !important; border-radius: 0px!important; box-shadow: 0px!important; color: #656363!important; }
.wk-accordion-default .toggler.active { background: #0087b9 url(images/minus.png) 0% 6px no-repeat!important; color: #fff!important; text-shadow: 0px!important; }
#pssubpages-2 ul li a { color: #205b7c; font-weight: bold; }
.bullet-list { list-style-type: square!important; color: #205b7c; padding-left: 55px!important; }
.bullet-list li span { color: #000; }
.bullet-list li { padding-left: 16px!important; margin-bottom: 0px; padding-top: 20px!important; }
.arrow li span { color: #000; }
.arrow li { padding-left: 10px!important; padding-top: 0px!important; padding-bottom: 2px!important; border: none!important; list-style-image: url('images/list-arrow.png'); }
.product .arrow { margin-left: 18px; }
.arrow li a { color: #000; }
.cat-content p { margin-bottom: 0px!important; }
#taxonomy-2 ul > li > a { font-weight: bold; color: #205b7c; }
ul.children > li > a { font-weight: normal!important; color: #000!important; }
.product-single h1 { font-size: 18px; margin-bottom: 16px; }
#specs-table tr td a { color: #fff; }
#specs-table tr td { text-align: center; border: 1px solid #fff; color: #fff; }
#specs-table tr th { text-align: center; }
.tbl-header th { background: #8dc641; color: #fff; border: 1px solid #fff; }
tr.tbl-odd td { background: #0083c0; }
tr.tbl-even td { background: #1b5a7d; }
.product-img { margin-bottom: 5px; }
.contact_left { float: left; width: 48%; }
.contact_right { float: right; width: 48%; }
.tp-caption { white-space: normal !important; }
tr td { border: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; }
td { //background: none repeat scroll 0 0 #0083C0;
}
th { background: none repeat scroll 0 0 #8DC641; border: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; }
.product-single table { width: 100% !important }
.xenon-child { width: 50%; margin: 0 auto; }
.left-half { float: left; width: 49%; }
.right-half { float: right; width: 49%; }
.right-half h2 { margin-top: 35px; }
.page-id-14 #left-area { padding-top: 0; }
.page-id-14 #left-area .et_lb_text_block.et_lb_first { margin: 0 0 15px 2%; }
.slider-read-more { width: 90px; display: block; }


.tp-caption.main_title{ text-transform:uppercase; max-width:317px !important; width:317px !important;}
.tp-caption.main_description{ max-width:317px !important; width:317px !important;}
.tp-caption a{ background:url(images/banner-arrow.jpg) no-repeat; width:35px; height:32px; text-indent:-9999px;}
#fcompany-email a{color:#fff !important;}
.catdesc img{width:150px !important;}
.tp-bannershadow.tp-shadow2{display:none;}
.entry.post.clearfix.product-single table tr td a {
    background: url("images/pdf_icon.png") no-repeat scroll 5px rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    text-decoration: underline;
/*padding:0 20px 0 0;*/
}
.cat-desc {
    float: left;
    width: 65%;
}
.cat-img {
    float: left;
    margin: 0 1% 0 0;
    width: 34%;
}
@media only screen and ( max-width: 515px ) {
	.cat-img{ width:100%; margin:0 0 15px;}
	.cat-desc { width:100%;}
}
/**
*   Overrides
*/
.full-width-section {
   /*  margin-left: -215px !important;
    margin-right: -215px !important;
    width: auto !important;
    position: relative !important; */
}


/**
* RS Custom Style
*/
#site-wrapper {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    box-shadow: 0px 2px 30px #888;
}
div#site-wrapper {
 	-webkit-box-shadow: -1px 0px 27px 20px rgba(224,229,208,1);
 	-moz-box-shadow: -1px 0px 27px 20px rgba(224,229,208,1);
 	box-shadow: -1px 0px 27px 20px rgba(224,229,208,1);
}
#header:before {
    content: '';
    position: absolute;
    top: 0;
    right: -300px;
    bottom: 0;
    left: 40%;
    background: #000;
    opacity: 0.04;
    filter: alpha(opacity=5);
    transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
}
#top-menu:before {
    content: '';
    position: absolute;
    background-color: #01539e;
    margin: 0 -999999px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0 99999px;
}
#header ul#top-menu.nav li:last-child {
    border-right: 1px solid #fff;
}
.banner-top-area {
    position: relative;
}
.banner-top-area:before {
    content: '';
    position: absolute;
    right: -100px;
    top: 0;
    bottom: 0;
    left: 50%;
    background: #fff;
    opacity: 0.05;
    filter: alpha(opacity=5);
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
}

/**
*   Slider
*/
body .ms_arrows {
    max-width: 1170px;
    margin: 0 auto;
    background: #333;
    position: relative;
    height: 100%;
}

.motoslider_wrapper .mpsl-edit-btn {
    left: 50%;
}

/*Transition and Effects*/

#search-form,
.product-list-items .product-box .product-image,
.product-image span,
.product-image .thumb-overlay,
.product-image .thumb-overlay .thumb-overlay-inner .product-navigation a {
	-webkit-transition: all 650ms cubic-bezier(0.300, 0.440, 0.020, 1.000) !important;
	   -moz-transition: all 650ms cubic-bezier(0.300, 0.440, 0.020, 1.000) !important;
	     -o-transition: all 650ms cubic-bezier(0.300, 0.440, 0.020, 1.000) !important;
	        transition: all 650ms cubic-bezier(0.300, 0.440, 0.020, 1.000) !important; /* custom */

	-webkit-transition-timing-function: cubic-bezier(0.300, 0.440, 0.020, 1.000) !important;
	   -moz-transition-timing-function: cubic-bezier(0.300, 0.440, 0.020, 1.000) !important;
	     -o-transition-timing-function: cubic-bezier(0.300, 0.440, 0.020, 1.000) !important;
	        transition-timing-function: cubic-bezier(0.300, 0.440, 0.020, 1.000) !important; /* custom */
}
.distributor-notice-capacitor img {
    width: 120px;
    height: 120px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 80px;
}

.news-list a{
    text-transform: uppercase;  
    display: block;
    font-weight: bold;
}

.responsive-table {
     overflow: auto; 
     max-width: 100%; 
     max-height: 100%;
     display: block;
     float: none;
     clear: both;
}