/*
Theme Name: U-Design
Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220?ref=internq7
Description: A slick, powerful and clean theme.
Author: Andon
Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
Version: 1.2.0
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.
*/

.back-to-top a {
margin-right: 20px;
}

#logo {
top: 15px;
left: 0;
padding-left: 30px;
}

#c3-header .c3-slideshow {


width: 960px;
left: 0px;
outline-width: 0px;
}

#c3-slider {
width: 940px;
outline-width: 0px;
overflow: hidden;
}

.c3-slide-img-wrapper {
background: #000;
padding: 0;
width: 940px;
outline-width: 0px;
overflow: hidden;
}

h1#pagetitle {
 width: 32%;
 float: left;
 margin-left: 40px;
}
h4#subhead {
 width: 33%;
 float: left;
 clear: left;
 font-size: 28px;
 line-height: 50px;
 padding-left: 50px;
 color: #f0f0f0;
 padding-bottom: 15px;
 padding-top: 0;
 margin-top: 0;

}

img#subimage {
  margin-right: 90px;
  margin-top: 10px;
}

#gmap {
  float: right;
  margin-right: 10px;
}

.formleft {
 width: 22%;
 float: left;
 clear: right;
 margin-top: 10px;
}
.formright {
 width: 75%;
 float: right;
 padding-bottom: 10px;
}

input.wpcf7-text, span.wpcf7-form-control-wrap textarea {
  padding: 5px;
  border-radius: 5px;
  background-color: #f0f0f0;
}	

div.productBox h4 {
  margin-top: 0;
}

div.productBox h2 {
  color: #1c1c1c;
  background-color: #e0e0e0;
margin-top: 10px;
padding: 10px;
}

div.productBox {
  border: 1px solid rgba(0,0,0,0.3);
   border-radius: 10px 10px 10px 10px;
   background: rgba(0,0,0,0.04);
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;

  margin-bottom: 20px;
}

div.productWrapper {
border-bottom: 1px dashed #c0c0c0;
}

h1#pagetitle {
	margin-left: 30px;

}

#frontbox1 {
  padding: 10px 50px;
  background-color: #f7f7f7;
  border-radius: 10px;
  border: 2px solid #f7f7f7;
  width: 80%;
 margin: 0 auto;
line-height: 2.0em;
}

#frontbox1 h5 {
 font-size: 1.2em;
 line-height: 2.0em;
 color: #aaa;
margin-top: 0;
}


.promobox1 {
       background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;
       background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEEEE));
       margin-left:0 !important;
       margin-right:0 !important;
       border:1px solid #BBBBBB;
      background-color: #EEEEEE;
      width:90%;
       color:#333333;
      border-radius: 10px;
      padding: 10px 20px;
margin-bottom: 20px;
}





#page-content, #content-container, #bottom-bg {

    display: block;

}


#home-page-content, #bottom {
 padding-left: 20px;
}

div.nutritionlogin {
  border: 1px solid #0FA1D4;
  padding: 5px;
  min-height: 199px;
}




/* --------------------------------------------------
   General Panel Styles
   -------------------------------------------------- */

.panel3 {
background-image:url("img/help.png");
background-position:top left;
background-repeat:no-repeat;
color:#ffffff;
height:210px;
padding:4px 8px;
position:fixed;
top:200px;
width:200px;
z-index:10099;
box-shadow:-2px 2px 5px #cccccc;
}

/* --------------------------------------------------
   Positioning: Slide from right
   -------------------------------------------------- */

.right3 {
border-left-style:solid;
border-width:6px;
right:-180px;
text-align:right;
transition:right .2s ease-out;
-moz-transition:right .2s ease-out;
-webkit-transition:right .2s ease-out;
-o-transition:right .2s ease-out;
}

.right3:hover {
cursor:pointer;
right:0;
transition:right .4s ease-out;
-moz-transition:right .4s ease-out;
-webkit-transition:right .4s ease-out;
-o-transition:right .4s ease-out;
}

/* --------------------------------------------------
   Color Schemes
   -------------------------------------------------- */

/* --------------------------------------------------
   Blue
   -------------------------------------------------- */

.blue {
background-color:#288ad3;
border-color:#107dce;
}

.blue:hover {
border-color:#0871b5;
}
.orange {
background-color:#ff781a;
border-color:#ff6900;
}

.orange:hover {
border-color:#de5d00;
}