/*
Theme Name: Active Lives
Author: Creative Clicks	
Author URI: http://www.creativeclicks.co.uk/
Version: 1.0
*/
@charset "UTF-8";
/* CSS Document */

body { 
font-family: 'Lato', sans-serif;
font-weight:300;
font-size: 16px;
color: #000;
background: url(images/bg.png) #f9fdff;
text-align: left; 
line-height: 1.7em; 
}

#wrapper { 
width: 1000px; 
margin: auto; 
margin-top:20px;
background:white;
border-left:10px solid white ;
border-right:10px solid white ;
box-shadow: 0 0 10px #e6e6e6;
border:1px solid #e1e1e1;
} 

#content a:link { color: #a32822; text-decoration: none;}
#content a:active { color: #a32822; text-decoration: none;}
#content a:visited { color: #a32822; text-decoration: none;}
#content a:hover { color:#000; text-decoration: underline;}
#content a:visited:hover { color: #000; text-decoration: underline;}

.logo {
float:left;
border:none;
position:relative; 
z-index:3;
margin: -150px 0 0 0;
}
.logo a:link { 
border:none;
}

.tel {
display:block; 
position:relative;
float:right;
width:350px;
margin: -105px 0 0 0;
text-align:right;
font-size:13px;
font-weight:400;
line-height:1.5em;
color:#777;
}

.mastimage {
position:relative;	
z-index:1;
top:0;
}

#content {
float:left;
width:960px;
margin: 0 0 0 0;
padding:20px;
}

section {
float:left;
padding:10px;
width:260px;
display:block;
border: 1px solid #ececec;
min-height:220px;
font-size:15px;
text-align:center;

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;

-moz-box-shadow: 0 0 8px #f1f1f1;
-webkit-box-shadow: 0 0 8px#f1f1f1;
box-shadow: 0 0 8px #f1f1f1;
}

section.first {
background-repeat:no-repeat;	
}

section.middle {
margin: 0 45px 0 55px;
}

section.last {
margin: 0 0 0 14px;
}

h1 {
font-size: 32px; 
font-weight:900; 
margin: 0 0 0 0;
padding:0px;
line-height:1.6em;
color:#9a0c0c; 
}

section h2 { 
font-size: 16px;
font-weight:900;
margin: 10px 0 10px 0;
color:#444;
}

h2 { 
font-size: 19px;
font-weight:700;
margin: 10px 0 10px 0;
color:#0d7abd;
}

h3 {
font-size: 16px;
font-weight:700;
color:#6c6753; 
margin: 15px 0 10px 0;
}

.social {
float:right;
}

footer {
width:980px;
padding:10px; 
background:#444;
color:#888;
margin:40px auto 0 auto;
font-size:11px;
text-align:center;
}
footer a, a:visited { color: #888; font-weight: normal;}
footer a:hover {text-decoration:none; color: #000;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;	}

#header {
width:1000px;
padding:0;
height:430px;
margin: 120px auto 0 auto;
background:white;
border-bottom:10px solid #0d7abd;
}

/*//////////////////////////////////navigation/////////////////////////////*/
nav {
position:relative;	
z-index:2;
width:1000px;
height:50px;
background:#a32822;
/*background-image:url(images/nav.png);*/
margin:0 0 0 0;
}

ul nav { padding: 0; margin: 0;}
li nav { padding: 0; margin: 0;}

nav li 
{
float: left;
margin:0 0 0 0;
display:block;
display:inline;
}

nav ul {
list-style-type: none; 
padding: 0;
margin: 6px 0 0 0; 
display:block;
float:left;
}

nav a
{
color:#fff;
text-decoration: none;
font-weight:300;
font-size: 19px; 
display:block;
padding: 1px 11px 1px 16px;
border-right:1px inset #831711;
}

nav li#active { color: white; }
nav a:hover, nav a:visited:hover { 
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
color:#f2f2f2;
text-decoration:none;
}

nav a:visited {color:#fff;}
/*current page highlight link*/
nav ul li.current_page_item a {font-weight:bold;}


/*Cart top menu*/
.cart-icon {
float:left;
margin: 10px 0 0 10px;	
}

#containerCart {
width:1000px;
margin:auto;	
}

nav.cart {
float:right;
width:270px;
height:30px;
background:#fff;
background-image:url(images/trolley.png);
background-position:top left;
background-repeat:no-repeat;
margin:0 0 0 0;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border:1px solid #ececec;
}

ul nav.cart { padding: 0; margin: 0;}
li nav.cart { padding: 0; margin: 0;}

nav.cart li 
{
float: left;
margin:0 0 0 0;
display:block;
display:inline;
}

nav.cart ul {
list-style-type: none; 
padding: 0;
margin: 0 0 0 0; 
display:block;
float:right;
}

nav.cart a
{
color:#000;
text-decoration: none;
font-weight:400;
font-size: 13px; 
display:block;
padding: 2px 8px 0 4px;
border-right:0;
}

nav.cart li#active { color: #000; }
nav.cart a:hover, nav.cart a:visited:hover { 
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
color:#a32822;
text-decoration:none;
}

nav.cart a:visited {color:#000;}

/*current page highlight link*/
nav.cart ul li.current_page_item a {font-weight:bold;}
/*stop cart menu*/


/*Footer menu*/
nav.footer {
width:650px;
height:auto;
margin:0 auto 0 auto;
background: none;
}

ul nav.footer { padding: 0; margin: 0;}
li nav.footer { padding: 0; margin: 0;}

nav.footer li 
{
float: left;
margin:0 0 0 0;
display:block;
display:inline;
}

nav.footer ul {
list-style-type: none; 
padding: 0;
margin: 0 0 0 0; 
display:block;
float:left;
}

nav.footer a
{
color:#fff;
text-decoration: none;
font-weight:400;
font-size: 13px; 
display:block;
padding: 0px 10px 0 10px;
border-right:1px solid #ccc;
}

nav.footer li#active { color: #fff; }
nav.footer a:hover, nav.footer a:visited:hover { 
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
color:#ccc;
text-decoration:none;
}

nav.footer a:visited {color:#fff;}
/*current page highlight link*/
nav.footer ul li.current_page_item a {font-weight:bold; color:#888;}
/*stop footer menu*/

nav.woocommerce-breadcrumb {
background: none;
width:800px;
}

nav.woocommerce-breadcrumb a:link, nav.woocommerce-breadcrumb a:visited, nav.woocommerce-breadcrumb a:active {
color:#333 !important;
text-decoration: none;
font-weight:300;
font-size: 14px; 
display:block;
padding: 1px 15px 1px 0px;
border-right:0px;
float:left;
}

/*Woo Styles*/
.related ul.products li.product img, .upsells.products ul.products li.product img, .related ul li.product img, .upsells.products ul li.product img{
height: auto;
width: 250px !important;
}

#header.title {
width: 200px;
border-bottom:0;
height:100%;
margin:0;
}


.clearer {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px; 
}

/*Form and Contact Page*/
#address {
width:450px;
float:left;	
display:block;
}

#form {
width:450px;
float:left;	
display:block;
}

/*Form wrapper*/
#gform_wrapper_2 .gfield_required {
color:red !important;
}

#gform_wrapper_1 {	
width:280px;
margin:0;
}

#gform_wrapper_2, #gform_confirmation_wrapper_2 {
width:900px;
margin-top:0px;	

padding:10px;
}

#gform_wrapper_2 .gform_description {
color:#444 !important;
font-weight:bold;	
}





#gform_wrapper_2 select
{
height:50px !important;
padding:25px !important;	
border:1px solid #999;	
font-size:14px;
}
.gform_confirmation_message {
color:#444;	
font-size:24px;
}

#gform_wrapper_2 label {
color:#444;	
font-size:14px;
}

.ginput_container {
width:350px;	
}

.gform_wrapper input, .gform_wrapper textarea, input, textarea {
border:1px solid #999;	
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
height:40px;
font-size:16px !important;
color: #94374d;
padding:4px;
}

.gform_wrapper select, select {
border:1px solid #999;	
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
height:40px;
font-size:18px !important;
color: #94374d;
}

.button.gform_button {
cursor: pointer; 
background:#444;	
color:white;
color: #fff;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;	
}

#gform_submit_button_1:hover, #gform_submit_button_2:hover {
cursor: pointer;
background:#444;
color: #fff;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;		
}

.button.gform_previous_button:hover, .button.gform_next_button:hover {
cursor: pointer; 
background:#444;	
color:white;
color: #fff;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;	
}


.blank{display:none;}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


#wrapper img {
-moz-box-shadow: 0 0 8px #888;
-webkit-box-shadow: 0 0 8px#888;
box-shadow: 0 0 8px #888;	
}

/*default WP stuff*/

/*Images */
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 0 10px 10px;
	display: inline;
	clear:right;
	}

img.alignleft {
	padding: 0;
	margin: 0 10px 10px 0;
	display: inline;
	clear:left;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/**/