/*
Theme Name: U-Design
Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220?ref=internq7
Description: A slick, powerful and clean theme U-Design provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive & mobile ready should you choose that option. The U-Design theme features include: unlimited colors, widgetized home page, over 500 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive U-Design support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Author: Andon
Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
Version: 2.4.3
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/


#logo {
    padding-left: 0px;
}

#logo h1 a, #logo .site-name a {
    padding-top: 10px;
}

#top-wrapper {
    height: 163px;
}

#main-menu {
    background: url("/images/global_nav_bg.png") top left repeat-x transparent;
    height: 43px;
    box-shadow: 0px 5px 8px #aaa;
    /* margin-bottom: 25px; */
}

#navigation-menu ul.sf-menu > li {
    background: url("/images/menu_sep.png") left 13px no-repeat transparent;
    padding-left: 20px;
    padding-right: 20px;
}
#navigation-menu ul#main-top-menu {
    background: url("/images/menu_sep.png") right 13px no-repeat transparent;
}

#navigation-menu ul.sf-menu > li > a > span {
    font-weight: bold;
    padding-top: 5px;
    text-align: center;
}

#navigation-menu ul.sf-menu  a > span > span {
    display: block;
    color: #999999;
    font-size: 10px;
    margin-top: -6px;
    font-weight: normal;
}


/* Top page column */

.home-cont-box h3 {
    color: #ed6d00;
    font-size: 18px !important;
    background: url("/images/col_header_bg.png") left 3px no-repeat transparent;
    padding-left: 55px;
}
.home-cont-box h3 span {
    font-size: 11px;
    padding-left: 5px;
}

/* bottom */

#bottom-bg {
    background: -moz-linear-gradient(top, #d56200, #ed6d00);
    background: -webkit-gradient(linear, center top, center bottom, from(#d56200), to(#ed6d00));
    background: linear-gradient(top center, #d56200 0%, #ed6d00 100%);
}

#bottom_2 {
    width: 360px;
}
#bottom_3 {
    width: 190px;
}

#bottom_address2 {
    margin-top: 56px;
}

#bottom h3 {
    margin-top: 8px;
    background: none;
    font-weight: bold;
    font-size: 21.5px !important;
    padding-bottom: 5px;
}
#bottom #bottom_product_menu  {
    margin-bottom: 0px;
    
}
#bottom #bottom_product_menu li {
    margin-left: 15px;
}

#footer-bg {
    background: -moz-linear-gradient(top, #a60d1f, #d01027);
    background: -webkit-gradient(linear, center top, center bottom, from(#a60d1f), to(#d01027));
    background: linear-gradient(top center, #a60d1f 0%, #d01027 100%);
}



/* slides */

#slide01 {
    position:absolute;
    top: 44px;
    right: 0px;
    background-color: #d01027;
    z-index: 9999;
    width: 600px;
    height: 80px;
    opacity: 0.4;
}

#slide01 p {
    color: #fff;
    font-size: 32px;
    padding-left: 30px !important;
    padding-top: 15px !important;
}


#c3-header .c3-slideshow {
    height: 450px;
}

#home-page-content #content-container {
    padding-top: 10px;
}

#c3-slider .slide-img {
    box-shadow: 0px 3px 5px #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
}



#home-page-content, #page-content {
    background: #fff;
}

/* common */

.entry h2 {
    background: url("/images/h1_bg.png") left top no-repeat transparent;
    font-size: 18px !important;
    color: #ed6d00;
    padding-left: 95px;
    padding-top: 3px;
    margin-top: 35px;
    margin-bottom: 10px;
}

.entry h2:nth-child(1) {
    margin-top: 0px;
}

.entry h2 span {
    display: block;
    font-size: 11px;
    margin-top: -3px;
}

.entry h3 {
    font-size: 18px !important;
    color: #ed6d00;
    margin-top: 20px;
}
.entry h3 span {
    font-size: 11px !important;
    padding-left: 5px;
}

.entry h4 {
    background-color: #ed6d00;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-right: 50%;
    text-align: center;
}

table.pretty {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
    border-left: 4px solid #d01027;
}

table.pretty th, table.pretty td {
    padding: 7px 10px;
    border: 1px solid #cccccc;
    vertical-align: middle;
}
table.pretty th {
    /* background: #EFECEC; */
    background: #f2f2f2;
    color: #ed6d00;
}

dl.pretty {
    margin: 10px 0px 30px 0px;
}
dl.pretty dt, dl.pretty dd {
    padding-top: 5px;
    padding-bottom: 5px;
}

dl.pretty dt {
    float: left;
    color: #ed6d00;
    width: 95px;
    border-bottom: 1px dotted #ccc;
}
dl.pretty dd {
    border-bottom: 1px dotted #ccc;
    margin-left: 95px;
}


/* pages */


/* about us */
#cert-list {
    margin-top: 20px;
    clear:both;
}

#cert-list img {
    border: 1px solid #ccc;
}
#cert-list > div:nth-child(1) {
    padding-top: 60px;
}

.pp_social {
    display: none;
}

/* product */

#premix .message {
    color: #000;
    font-size: 25px !important;
}
#premix .message span {
    color: #ed6d00;
    font-size: 50px !important;
    padding: 0px 5px;
    vertical-align: -7px;
    font-family: sans-serif;
}

#premix {
    
}

#premix ul {
    list-style: none;
    margin-bottom: 20px;
}

#premix ul li {
    margin-left: 30px;
    margin-bottom: 8px;
}

#premix ul li strong {
    font-size: 20px;
    display: block;
    margin-left: -30px;
}
#premix ul li strong span {
    color: #ed6d00;
    font-size: 27px;
    font-family: sans-serif;
    padding-right: 15px;
    vertical-align: -2px;
}


.product-list .one_third img {
    border: 1px solid #ccc;
}

.product-list .pitem {
    /* margin-bottom: 20px;*/
    margin-top: 20px;
}
.product-list .pitem h3 {
    margin-top: 10px;
}
.product-list dl {
    float: right;
    border: 1px solid #ed6d00;
    padding: 7px;
    width: 185px;
    margin-right: 50px;
}
.product-list dl dt {
    float: left;
    width: 65px;
    text-align: center;
    border-right: 1px solid #ed6d00;
    margin-right: 10px;
}
.product-list span.pname {
    color: #ed6d00;
}



/* side area */

#sidebarSubnav h3.widgettitle {
    font-size: 18px !important;
    color: #fff;
    background: url("/images/side_title_bg.png") left top no-repeat transparent;
    /* background-color: #933f36; */
    /* background: -moz-linear-gradient(left, #933f36, #fff); */
    padding: 6px 0px 7px 15px;
    height: 21px;
}

#sidebarSubnav p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.textwidget span.phone, #contact span.phone {
    font-weight: bold;
    font-size: 20px;
    color: #ed6d00;
    padding-left: 35px;
    background: url("/images/phone_icon.png") left center no-repeat transparent;
}
#contact span.fax {
    font-weight: bold;
    font-size: 20px;
    color: #ed6d00;
    padding-left: 35px;
    background: url("/images/fax_icon.png") left center no-repeat transparent;
}


.pbanner {
    border: 1px solid #ccc;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.pbanner a {
    /* background-color: #ccc; */
    display: block;
    background: -moz-linear-gradient(top, #fff, #f2f2f2);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f2f2f2));
    background: linear-gradient(top center, #fff 0%, #f2f2f2 100%);
}
.pbanner h4 {
    font-size: 16px !important;
    color: #ed6d00;
    float: left;
    width: 183px;
    padding-left: 10px;
    margin-top: 10px;
}
.pbanner h4 span {
    font-size: 10px;
    display: block;
    margin-top: -3px;
}
.pbanner img {
    width: 77px;
    height: 51px;
}

body.page-id-20 div#sidebarSubnav div#text-8.widget.widget_text.substitute_widget_class {
    display: none;
}

#contact img {
    opacity: 0.75;
}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			44px; /* match top ul list item height */
	z-index:		99;
}


/**************************************************/
/*    Added by GOBIES    Sep 24th, 2015           */
/**************************************************/

/* for Contact Form  7 */
#contact-form table {
    width: 100%;
}
#contact-form table th {
    width: 150px;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    background: #eeeeee;
    border: 1px solid #cccccc;
}
#contact-form table td {
    padding: 10px 10px 10px 20px;
    vertical-align: top;
    border: 1px solid #cccccc;
}
#contact-form span.required {
    color: #ff0000;
    padding-left: 5px;
}

/* button of the inquery form */
.orange-button {
    text-align: center;
}
.orange-button a, .orange-button input {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #faa51a, #f47a20) repeat scroll 0 0;
    border: 1px solid #da7c0c;
    border-radius: 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    outline: medium none;
    padding: 0.3em 1.5em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.orange-button a:hover, .orange-button input:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f88e11, #f06015) repeat scroll 0 0;
    text-decoration: none;
}