/*
Theme Name: Flexestand 2018
Theme URI: http://www.flexestand.com/
Description: Flexestand theme for WordPress.
Author: Pad Creative Ltd
Version: 2.0
*/

/*
                                   .MMM
                                   .MMM
                                   .MMM
                                   .MMM
  ,MMMMMMMM .  MMMMMMMMM    MMMMMMMMMMM
 MMMMMMMMMMMM.MMMMMMMMMMM.MMMMMMMMMMMMM
MMMM    .8MMMMMMM    .MMMMMMM?    .MMMM
MMM      .MMMMMM      .MMMMMM.     ~MMM
MMM.      MMMMMM.      MMMMMM.    .7MMM.
MMMM.   .MMMMMMMM    .MMMMMMMM.  .+MMMM.
MMMMMMMMMMMMO.MMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMM.. .+MMMMMM MMM. MMMMMMMM.
MMM
MMM
MMM               Pad Creative - design
MMM               www.padcreative.co.uk

*/


/* 
	Reset CSS Styles 
*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

fieldset { border-style: hidden; border-width: 0; }

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong { font-weight: bold; }
em { font-style: italic; }

* { margin:0; padding:0; } 

html { background-image: url(images/bg_strip_grass.jpg); background-repeat: repeat-x; background-color: #407e3b; }

body { color: #4f4f4f; font-size: 62.5%; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; line-height: 150%; background-color: transparent; text-align: center; margin: 0; padding: 0; background-image: url(images/clouds_8bit.png); background-position: center top; background-repeat: repeat-x; }

h1 { font-size: 3em;   font-weight: bold;   line-height: 1.2em; margin: 0 0 10px;    color: #00579d; letter-spacing: -0.5px; font-family: "signika", "gesta", Helvetica, Arial, SunSans-Regular, sans-serif; } 
h2 { font-size: 2.6em; font-weight: normal; line-height: 1.2em; margin: 20px 0 10px; color: #00579d; letter-spacing: -0.5px; font-family: "signika", "gesta", Helvetica, Arial, SunSans-Regular, sans-serif; } 
h3 { font-size: 2em;   font-weight: bold;   line-height: 1.2em; margin: 20px 0 10px; color: #8fc73e; font-family: "signika", "gesta", Helvetica, Arial, SunSans-Regular, sans-serif; } 
h4 { font-size: 2em;   font-weight: normal; line-height: 1.2em; margin: 20px 0 3px;  color: #8fc73e; } 
h5 { font-size: 1.4em; font-weight: bold;   line-height: 1.3em; margin: 20px 0 3px;  color: #00579d; text-transform: uppercase; } 
h6 { font-size: 1.4em; font-weight: bold;   line-height: 1.3em; margin: 20px 0 3px;  color: #ffc20e; } 

p, li { font-size: 1.3em; line-height: 1.4em; } 
p { margin-bottom: 15px; }

a:link, a:visited, a:active { color: #e6007f; text-decoration: none; } 
a:hover { color: #00579d; text-decoration: none; } 

::selection { background: #71c8f0; /* Safari */ }
::-moz-selection { background: #71c8f0; /* Firefox */ }




/* 
	 Background and containers 
 	 --------------------------------------------------------------------
*/

div#container { text-align: left; margin: 20px auto; width: 980px; } /* Change the master width here and on #left, #main and #right */
div#pageholder { background-color: #fff; behavior: url(scripts/pie/PIE.htc);

	/* Rounded Corners */
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 17px;
	-moz-border-radius-bottomleft: 17px;
	-webkit-border-radius: 15px 15px 17px 17px;
	border-radius: 15px 15px 17px 17px;

	/* Shadow */
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); 
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
div#contentholder { padding: 20px 28px; }

/* 
	 Header 
 	 --------------------------------------------------------------------
*/

div#header { width: 100%; height: 140px; position: relative; z-index: 800 }

/* Call Now */
div#call-now { position: absolute; top: 0; right: 0; width: 176px; height: 122px; background-image: url(images/call_now.png); background-repeat: no-repeat; }

/* Logo */
div#logo { position: absolute; top: 20px; left: 18px; }

/* Top Menu */
div#top-menu { position: absolute; bottom: 0px; left: 18px; z-index: 1000 } 
div#top-menu ul { list-style-type: none; float: right; } 
div#top-menu ul li { font-size: 1.5em; font-weight: bold; float: left; margin-right: 12px; position: relative }
div#top-menu ul li.menu-item-last { margin-right: 0px; }
div#top-menu ul li a { color: #fff; padding: 6px 12px; display: block; behavior: url(scripts/pie/PIE.htc); 

	/* Rounded Corners */
	-moz-border-radius-topleft: 6px; 
	-moz-border-radius-topright: 6px; 
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-bottomleft: 0px; 
	-webkit-border-radius: 6px 6px 0px 0px; 
	border-radius: 6px 6px 0px 0px;
	
	/* Gradient Background */
	background: #84b83b; /* Old browsers */
	background: -moz-linear-gradient(left, #168944 0%, #d1d935 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#168944), color-stop(100%,#d1d935)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #168944 0%,#d1d935 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #168944 0%,#d1d935 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #168944 0%,#d1d935 100%); /* IE10+ */
	background: linear-gradient(left, #168944 0%,#d1d935 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#168944', endColorstr='#d1d935',GradientType=1 ); /* IE6-9 */
} 
div#top-menu ul li a:hover {
	/* Gradient Background */
	background: #84b83b; /* Old browsers */
	background: -moz-linear-gradient(left, #168944 0%, #84b83b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#168944), color-stop(100%,#84b83b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #168944 0%,#84b83b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #168944 0%,#84b83b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #168944 0%,#84b83b 100%); /* IE10+ */
	background: linear-gradient(left, #168944 0%,#84b83b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#168944', endColorstr='#84b83b',GradientType=1 ); /* IE6-9 */
} 
div#top-menu ul li.current-menu-item a,
div#top-menu ul li.current_page_parent a,
div#top-menu ul li.current-page-ancestor a { color: #168944; background: #84b83b; }

/* Top Menu - Sub Menu */
div#top-menu ul.sub-menu {  column-count: 2; margin:0px auto; position:absolute; left:-999em; text-align:left; border: 1px solid #ccc; border-top: none; padding: 10px 0px 8px; behavior: url(scripts/pie/PIE.htc);
  
    /* Gradient background */  
    background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
  
    /* Rounded Corners */
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px; 
    -webkit-border-radius: 0px 6px 6px 6px;
    border-radius: 0px 6px 6px 6px;
    
    /* Shadows */
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); 
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); 
}
div#top-menu ul.sub-menu li ul.sub-menu { column-count: 1; margin: 0; position: relative; left: 0; border: 0; padding: 0 0 0px 0; background: transparent;  
	/* Rounded Corners */
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
    
    /* Shadows */
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); 
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); 
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); 
}



div#top-menu ul li ul.sub-menu li { clear: both; }
div#top-menu ul li:hover ul.sub-menu  { left:-1px;top:auto; z-index: 20000; float: none; }
div#top-menu ul li:hover ul.sub-menu li { font-size: 0.85em; line-height: 1.3em; font-weight: bold; padding: 3px 12px; float: none; clear: both; position: static /* for IE7 z-index bug */;}



div#top-menu ul li:hover ul.sub-menu li ul.sub-menu li { font-size: 1em; font-weight: normal; padding: 3px 16px; }
div#top-menu ul li:hover ul.sub-menu li a { padding: 0; background: transparent; white-space: nowrap; color: #888; behavior: url(scripts/pie/PIE.htc);
	
	 /* Rounded Corners */
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-radius: 0 0 0 0px;
    border-radius: 0px;
}
div#top-menu ul li:hover ul.sub-menu li a:hover { color: #84b83b; } 
div#top-menu ul li:hover ul.sub-menu li.show-all { margin-top: 8px; }
div#top-menu ul li:hover ul.sub-menu li.show-all a { border: 1px solid #888; border-width: 1px 0px; padding: 2px 2px; font-weight: bold; }
div#top-menu ul li:hover ul.sub-menu li.sub-title { padding: 4px 0 3px 12px; font-weight: bold; color: #84B83B; }
div#top-menu ul li:hover ul.sub-menu li.sub-title ul.sub-menu { padding-top: 2px; }


div#top-menu ul li#menu-item-2288 { display: none; }




/* 
	 Left Column Generics
 	 --------------------------------------------------------------------
*/

div#left { width: 144px; float: left; margin: 0 30px 30px 0; padding: 0 0 120px; background-image: url(images/book_your_demo.png); background-position: left bottom; background-repeat: no-repeat; }
div#left h2 { }
.cufon-loading div#left h2 { visibility: hidden !important; }
.cufon-ready div#left h2 { letter-spacing: -2px; }
div#left h3 { font-size: 1.4em; font-weight: bold; margin: 0 0 6px; color: #00579d }
div.left-menu { margin-bottom: 20px; }
div.left-menu ul { margin: 0 0 15px; }
div.left-menu ul li { margin: 0 0 5px; line-height: 1.2em; list-style-type: none; }
div.left-menu ul li a { color: #828282; }
div.left-menu ul li a:hover { color: #8fc73e; }

div.case-studies-menu ul li { position: relative; margin: 0 0 20px; }
div.case-studies-menu ul li img { display: block; line-height: 0; overflow: hidden; }
div.case-studies-menu ul li a div.image { display: block; line-height: 0; border: 1px solid #ddd; border-bottom: 0 }
div.case-studies-menu ul li a:hover div.image { border: 1px solid #8fc73e; border-bottom: 0 }
div.case-studies-menu ul li h4 { position: absolute; bottom: 0; left: 0; font-size: 0.9em; width: 132px; margin: 0; }
div.case-studies-menu ul li a h4 { padding: 5px; display: block; color: #fff; background-color: #00579d; background: rgb(0, 87, 157); /* The Fallback */ background: rgba(0, 87, 157, 0.8); border: 1px solid #ddd; border-top: 0; }
div.case-studies-menu ul li a:hover h4 { background: rgb(0, 69, 124); /* The Fallback */ background: rgba(0, 87, 157, 1); color: #8fc73e; border: 1px solid #8fc73e; border-top: 0; }


/* 
	 Breadcrumbs
 	 --------------------------------------------------------------------
*/

div#crumbs { font-size: 1.2em; font-weight: bold; color: #888; padding: 4px 6px; margin-bottom: 20px; behavior: url(scripts/pie/PIE.htc);

	/* Rounded Corners */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
    
    /* Gradient background */
    background: #e4e4e4; /* Old browsers */
	background: -moz-linear-gradient(left,  #e4e4e4 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e4e4e4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e4e4e4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e4e4e4 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e4e4e4 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(left,  #e4e4e4 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    
}
div#crumbs a { color: #00579d; }
div#crumbs a:hover { color: #8fc73e; }


/* 
	 Main Column Generics
 	 --------------------------------------------------------------------
*/

div#main { width: 432px; padding-bottom: 20px; float: left; }
div.kits div#main, div.bundles div#main, div.accessories div#main, div.case-studies div#main, div.grids div#main { width: 750px; }

div.home div#main h1 { font-size: 3.4em; margin-bottom: 25px; }
div.home div#main h1 span { display: block; font-weight: normal; }

div.grids div#main h1 { margin-bottom: 20px; }
div.grids div#main ul.grid { float: left; clear: both; margin: 0; }
div.grids div#main ul.grid li { float: left; width: 165px; list-style-type: none; margin: 0 20px 20px 0; /* background-color: #00579d; */	 }
div.grids div#main ul.grid li a { display: block; }
div.grids div#main ul.grid li img { margin-bottom: 5px; width: 165px; height: auto; display: block; }
div.grids div#main ul.grid li a img { border: 1px solid #ddd; }
div.grids div#main ul.grid li a:hover img { border: 1px solid #e6007f; }
div.grids div#main ul.grid li.last-in-row { margin: 0; clear: right; }
div.grids div#main ul.grid li.first-in-row { clear: left; }
div.grids div#main ul.grid li p { font-size: 0.9em; line-height: 1.2em; margin: 0 0 10px; color: #828282; }

div.case-studies div#main ul.grid li { width: 134px; }
div.case-studies div#main ul.grid li img { width: 134px; }
div.case-studies div#main div.description p.price, div.case-studies div#main div.description p.features, div.case-studies div#main div.description p.kit { font-size: 1.6em; color: #e6007f; line-height: 1.3em; margin-bottom: 5px; font-family: "signika", "gesta", Helvetica, Arial, SunSans-Regular, sans-serif; }
div.case-studies div#main div.description p.features { margin-bottom: 20px; }

div.home div#main ul.grid { margin-bottom: 20px; }
div.home div#main ul.grid li { width: 134px; margin: 0 15px 15px 0; }
div.home div#main ul.grid li img { margin-bottom: 0; width: 134px; }
div.home div#main div.description p.price, div.home div#main div.description p.kit, div.home div#main div.description p.client { font-size: 1.6em; color: #e6007f; line-height: 1.3em; margin-bottom: 5px; }
div.home div#main div.description p.kit { margin-bottom: 20px; }

div.home div#main div.client-logos ul.grid li { float: none; width: 288px; margin: 0; }
div.home div#main div.client-logos ul.grid li span { float: left; width: 134px; height: 134px; margin: 0 20px 20px 0; text-align: center; line-height: 134px; display: block }
div.home div#main div.client-logos ul.grid li img { width: 114px; vertical-align: middle; }
div.home div#main div.client-logos ul.grid li span.last-in-row { margin: 0; clear: right; }


div#main div.description p.price { font-size: 2.8em; color: #e6007f; line-height: 0.9em; }
div#main div.description p.price span.price-from { font-size: 0.55em; font-weight: bold; color: #4f4f4f; display: block; }
div#main div.description p.price span.price-details { font-size: 0.45em; color: #888; display: block; }
div#main div.description p.price span.price-detail { font-size: 0.65em; }

/* Bundles */
div#main div.description.bundle h1 { margin: 0 0 5px; }
div#main div.description.bundle h2 { color: #4f4f4f; font-size: 1.8em; margin: 0 0 25px; }
div#main div.description.bundle h3 { color: #00579d; font-size: 2.6em; font-weight: normal; line-height: 1.2em; letter-spacing: -0.5px; margin: 20px 0 10px; }
div#main div.description.bundle h4 { font-size: 1.6em; font-weight: bold; color: #4f4f4f; margin-bottom: 10px; }
div#main div.description.bundle p.standard-price { font-size: 1.55em; color: #4f4f4f; line-height: 0.9em; margin-bottom: 10px; }
div#main div.description.bundle p.bundle-price { font-size: 2.8em; color: #e6007f; line-height: 0.9em; margin-bottom: 5px; }
div#main div.description.bundle p.savings { color: #888; }
div#main div.bundles main-image img { max-width: 430px; }
embed, iframe, object, video {
    margin-bottom: 1.6em;
    width: 430px;
    vertical-align: middle;
}
div#main ul.bundle-list { margin: 0 0 20px; border-top: 1px solid #bbb;  }
div#main ul.bundle-list li { margin-bottom: 5px; list-style-type: none; line-height: 1em; margin: 0 14px 0px 0; border-bottom: 1px solid #bbb; padding: 5px 2px; }

/* Bundles on Kit Page */
div#main div.bundles-menu ul { margin: 0; }
div#main div.bundles-menu ul li { float: left; margin: 0 12px 12px 0; position: relative; list-style-type: none; }
div#main div.bundles-menu ul li.end-of-row { margin: 0; }
div#main div.bundles-menu ul li.start-of-row { clear: left; }
div#main div.bundles-menu ul li img { display: block; line-height: 0; overflow: hidden; }
div#main div.bundles-menu ul li a div.image { display: block; line-height: 0; border: 1px solid #ddd; border-bottom: 0 }
div#main div.bundles-menu ul li a:hover div.image { border: 1px solid #8fc73e; border-bottom: 0 }
div#main div.bundles-menu ul li h4 { position: absolute; bottom: 0; left: 0; font-size: 0.9em; width: 87px; margin: 0; }
div#main div.bundles-menu ul li a h4 { padding: 5px; display: block; color: #fff; background-color: #00579d; background: rgb(0, 87, 157); /* The Fallback */ background: rgba(0, 87, 157, 0.8); border: 1px solid #ddd; border-top: 0; }
div#main div.bundles-menu ul li a:hover h4 { background: rgb(0, 69, 124); /* The Fallback */ background: rgba(0, 87, 157, 1); color: #8fc73e; border: 1px solid #8fc73e; border-top: 0; }


/* Bundles page */
div#main .bundles-section { clear: both; }

/* Examples page */
div#main .examples-section { clear: both; }

div#main div.row { margin-bottom: 30px; }
div#main div.columns { float: left; clear: both; }
div#main div.column { float: left; margin-right: 30px; }
div#main div.column-one { width: 154px; }
div#main div.column-two { width: 288px; }
div#main div.column-three { width: 432px; }
div#main div.column-four { width: 600px; }
.home div#main div.column-two { width: 285px; }
div#main div.column-five { width: 750px; }
div#main div.column-end { margin-right: 0; clear: right; }

div#main p.intro { font-size: 1.6em; font-family: "signika", "gesta", Helvetica, Arial, SunSans-Regular, sans-serif; color: #828282; margin-bottom: 20px; }

div#main ul { margin: 0 0 15px 17px;} 
div#main li {  margin-bottom: 8px; list-style-type: disc; }
div.kits div#main li, div.accessories div#main li { margin-bottom: 3px; line-height: 1.2em; }


div#main div.main-image { margin-bottom: 15px; }

div#main div.stand-configs { float: left; clear: both; margin-bottom: 20px; }
div#main div.stand-configs ul { margin: 0 }
div#main div.stand-configs ul li { float: left;/*  width: 60px;*/ margin-right: 20px; list-style-type: none; }
div#main div.stand-configs ul li.last { margin-right: 0; }
div#main div.stand-configs img { /* width: 60px; height: auto; */ }
div#main div.stand-configs a img:hover { opacity: 0.8; }
div#main div.stand-configs p.configs { font-weight: bold; }

div#main div.choose-accessories { margin-bottom: 20px; float: left; clear: both; }
div#main div.choose-accessories ul { margin: 0; float: left; clear: both; }
div#main div.choose-accessories ul li { float: left; width: 130px; list-style-type: none; line-height: 1em; margin: 0 14px 0px 0; }
div#main div.choose-accessories ul li.top a { border-top: 1px solid #bbb; }
div#main div.choose-accessories ul li a { border-bottom: 1px solid #bbb; padding: 5px 2px; display: block }
div#main div.choose-accessories div.accessories-image { margin-bottom: 10px; }

div#main div.choose-size { clear: both; margin-bottom: 20px; }
div#main div.choose-size ul { margin: 0; }
div#main div.choose-size ul li { list-style-type: none; font-size: 1em; }
div#main div.choose-size ul li h4 { font-size: 1.5em; font-weight: bold; }
div#main div.choose-size ul li p { font-size: 1.3em; font-weight: normal; }

div#main div.text-image-listings { margin-bottom: 20px; }
div#main div.text-image-listings ul { margin: 0; float: left; clear: both; }
div#main div.text-image-listings ul li { list-style-type: none; font-size: 1em; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #bbb; float: left; clear: both; }
div#main div.text-image-listings ul li.last { border-bottom: 0; }
div#main div.text-image-listings ul li div.text-content { width: 196px; margin-right: 30px; float: left; clear: left; }
div#main div.text-image-listings ul li div.image-content { width: 206px; float: right; clear: right; }
div#main div.text-image-listings ul li div.image-content div.image-one { margin-right: 20px; float: left; }
div#main div.text-image-listings ul li div.image-content div.image-two { float: right; }
div#main div.text-image-listings h2 { margin: 0 0 20px; }
div#main div.text-image-listings ul li h3 { margin: 0 0 3px; font-size: 1.6em; }
div#main div.text-image-listings ul li p { margin: 0; }
/* Tips and ideas */
div#main div.more-tips-and-ideas h2 a { color: #00579d; }
div#main div.more-tips-and-ideas h2 a:hover { color: #e6007f; }

div.tips-ideas div#main h1 { margin-bottom: 20px; }
div.tips-ideas div#main div.text-image-listings ul li div.text-content { width: 432px; }
div.tips-ideas div#main div.text-image-listings ul li div.image-content { width: 288px; }
div.tips-ideas div#main div.text-image-listings ul li h3 { margin: 0 0 3px; font-size: 2em; }


div#main div.slideshow { margin-bottom: 40px; }
div#main div.slideshow ul { margin: 0; }
div#main div.slideshow ul li { list-style-type: none; margin: 0; }
div#main div.slideshow ul li img { line-height: 0; display: block }
div.home div#main div.slideshow { height: 360px; overflow: hidden }


div#main div.form-free-guide { padding: 10px; margin-bottom: 20px; behavior: url(scripts/pie/PIE.htc);

	/* Rounded Corners */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	/* Gradient background */
    background: #008649; /* Old browsers */
	background: -moz-linear-gradient(45deg, #008649 0%, #d8e037 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#008649), color-stop(100%,#d8e037)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #008649 0%,#d8e037 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #008649 0%,#d8e037 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #008649 0%,#d8e037 100%); /* IE10+ */
	background: linear-gradient(45deg, #008649 0%,#d8e037 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008649', endColorstr='#d8e037',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

div#main div.form-free-guide div.form-content { padding: 10px; behavior: url(scripts/pie/PIE.htc);
    
    /* Rounded Corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    
	/* Gradient background */
	background: #d8e037; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #d8e037 0%, #008649 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d8e037), color-stop(100%,#008649)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #d8e037 0%,#008649 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #d8e037 0%,#008649 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #d8e037 0%,#008649 100%); /* IE10+ */
	background: linear-gradient(45deg,  #d8e037 0%,#008649 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e037', endColorstr='#008649',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

div#main div.form-free-guide div.form-content h3 { margin: 0 0 10px; color: #fff; }

div#main div.form-free-guide dl { margin-bottom: 10px; }
div#main div.form-free-guide dt { text-align: left; margin: 0 0 2px 0; overflow: hidden; }
div#main div.form-free-guide dd { margin: 0 0 10px 0; } 
div#main div.form-free-guide label { font-size: 1.3em; font-weight:bold; color: #fff; }
div#main div.form-free-guide label span.detail { font-size: 0.75em; color: #fff; font-weight: normal; }
div#main div.form-free-guide input.wpcf7-text { width: 98%; height: 24px; background-color: #fff; padding: 0 1%; border: solid 0px #ccc; }
div#main div.form-free-guide input,
div#main div.form-free-guide textarea,
div#main div.form-free-guide select { font: 12px/15px Arial, Helvetica, sans-serif; color: #4d4b5a; }
div#main div.form-free-guide .wpcf7-response-output { background-color: #fff; font-size: 1.2em; font-weight: bold; padding: 8px; }
div#main div.form-free-guide .wpcf7-validation-errors { background-color: #fff; font-size: 1.2em; font-weight: bold; }
div#main div.form-free-guide .wpcf7-mail-sent-ok { background-color: #fff; font-size: 1.2em; font-weight: bold; }
div#main div.form-free-guide .wpcf7-not-valid-tip { top: 0px; left: 0;  width: 98%; }


div#main div.form-free-guide div.buttons { clear: both; padding-top: 5px; }
div#main div.form-free-guide div.buttons input.button { padding: 7px; border: solid 1px #fff; background-color: #e6007f; text-align: center; font-size: 1.5em; line-height: 1em; color: #fff; text-decoration: none; display: block; font-weight: normal; cursor: pointer; behavior: url(scripts/pie/PIE.htc);
	
	/* Rounded Corners */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;

    /* Shadows */
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
div#main div.form-free-guide div.buttons input.button:hover { background-color: #ad078c; }


div#main div.testimonial { margin-bottom: 30px; }

div#main div.accessories-sub-page { margin: 0 0 20px; }
div#main div.accessories-sub-page ul { margin: 0; }
div#main div.accessories-sub-page ul li { list-style-type: none; margin: 0 0 5px;  }



div#main table.home-table {  }
div#main table.home-table th { font-size: 2em; font-weight: bold; line-height: 1.2em; margin: 20px 0 10px; color: #8fc73e; font-family: "signika", "gesta", Helvetica, Arial, SunSans-Regular, sans-serif; }
div#main table.home-table th.column-1 { color: #ffc20e }
div#main table.home-table th.column-2 { padding-left: 7px; }
div#main table.home-table th.column-3 { color: #e6007f; padding-left: 7px; }
div#main table.home-table td { font-size: 1.3em; line-height: 1.3em; padding: 7px 7px 7px 7px; border-right: 1px solid #ddd; }
div#main table.home-table td.column-1 { padding-left: 0 }
div#main table.home-table td.column-3 { border-right: 0; padding-right: 0 }


/* Home page */
div#main div.home-columns div.column { width: 124px; margin-right: 15px; }
div#main div.home-columns div.column ul li { line-height: 1.3em; }
div#main div.home-columns div.column h3 { margin-top: 0; }

div#main div.home-text { background-color: #E6007F; padding: 15px 15px 1px 15px; }
div#main div.home-text p { color: #fff; font-size: 1.5em; line-height: 1.4em; }
div#main div.easy-steps h2 { color: #E6007F; font-size: 2.6em; font-weight: bold; margin-top: 0; }
div#main div.easy-steps ul { margin: 0 0 20px; }
div#main div.easy-steps ul li { margin: 0 0 15px; font-family: "signika", "gesta", Helvetica, Arial, SunSans-Regular, sans-serif; font-size: 1.6em; list-style-type: none; }

div#main div.home-kit-examples { margin-bottom: 30px; }
div#main div.home-kit-examples div.kit-example { margin-bottom: 25px; }
div#main div.home-kit-examples h2 { margin-top: 0px; clear: both; }
div#main div.home-kit-examples p { margin-bottom: 0px; }
div#main div.home-kit-examples img { float: left; }
div#main div.home-kit-examples a img { border: 1px solid #ddd; }
div#main div.home-kit-examples a img:hover { border: 1px solid #8fc73e; }
div#main div.home-kit-examples img.image-1 { margin-right: 16px; }

/* Contact Page */
div#main div.google-map { padding-top: 10px; }

/* Images */
div#main img.alignnone { margin-bottom: 15px; } 
div#main img.alignright { float: right; clear: both; margin-top: 3px; margin-bottom: 15px; margin-left: 15px; } 
div#main img.alignleft { float: left; clear: both; margin-top: 3px; margin-bottom: 15px; margin-right: 15px; }


p.edit-link { position: absolute; top: 50%; right: 0; }
p.edit-link a { display: block; padding: 8px; color: #fff; background-color: #e6007f; behavior: url(scripts/pie/PIE.htc); border: 2px solid #fff; border-width: 3px 0 3px 3px;

	/* Shadows */
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
}
p.edit-link a:hover { background-color: #00579d; border-color: #e6007f; }

/* 
	 Right Column Generics
 	 --------------------------------------------------------------------
*/

div#right { width: 288px; float: right; }


/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div#footer { width: 100%; clear: both; padding: 20px 0; behavior: url(scripts/pie/PIE.htc);

	/* Rounded Corners */
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;
	
	/* Gradient Background */
	background: #0687c4; /* Old browsers */
	background: -moz-linear-gradient(top,  #0687c4 0%, #00559b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0687c4), color-stop(100%,#00559b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0687c4 0%,#00559b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0687c4 0%,#00559b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0687c4 0%,#00559b 100%); /* IE10+ */
	background: linear-gradient(top,  #0687c4 0%,#00559b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0687c4', endColorstr='#00559b',GradientType=0 ); /* IE6-9 */
}
div#footer div.footer-content { padding: 0 28px; }
div#footer div.column { width: 23%; float: left; margin-right: 2%; }
div#footer div.column-end { margin-right: 0px; }

div#footer h2 { color: #fff; font-size: 1.6em; line-height: 1em; font-weight: bold; margin: 0 0 8px; }
div#footer p,
div#footer li { font-size: 1.2em; line-height: 1.3em; color: #fff; }
div#footer ul { margin: 0 0 15px 17px; }
div#footer li { margin-bottom: 2px; list-style-type: disc; } 
div#footer li a { padding-right: 10px; color: #fff; background-image: url(images/icon_arrow.png); background-repeat: no-repeat; background-position: right 3px; }
div#footer li a:hover { color: #f6b93c; background-position: right -57px; }
div#footer p a { color: #fff; }
div#footer p a span { color: #fff; } 
div#footer p a:hover { color: #f6b93c; }


/* 
	 Misc 
 	 --------------------------------------------------------------------
*/

div.clear { clear: both; } 
li.clear { clear: both; }

/* Clearfix */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


/* 
	 Buttons - master styles 
 	 --------------------------------------------------------------------
*/




/* 
	 Forms - master styles 
 	 --------------------------------------------------------------------
*/

/* CV Upload */
div.wpcf7 { }

#eModal-Overlay { background: #ee4036; }
#eModal-Container { background:#ee4036; }

/*
* Easy Modal
* http://wizardinternetsolutions.com/project/easy-modal/
* v 0.9.0.6
* Default Theme
*/
#eModal-Overlay {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black url(loader.gif) no-repeat scroll center center;
	z-index:1000;
}
#eModal-Container {
	position:absolute;
	border:5px solid #fff;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:20px;
	color:#fff;
	background:#ee4036;
	z-index:1001;
}
#eModal-Container #close {
	position:absolute;
	top:-15px;
	right:-15px;
	background:#fff;
	border:2px solid #333;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	color:#000;
	width:20px;
	height:20px;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	font-size:20px;
}
#eModal-Container .eModal-title{color:#fff;font-size:20px;line-height:20px;margin:0;padding:5px 0 3px 10px;text-align:left;}
#eModal-Container p{margin:0;}
#eModal-Container .wpcf7-form-control-wrap{width:95%;margin:0;}
#eModal-Container .wpcf7-form-control-wrap input, #eModal-Container .wpcf7-form-control-wrap textarea{width:100%;height: 22px; margin:0;padding:0 2px;display:inline;border:none;}
#eModal-Container .wpcf7-form-control-wrap textarea{height:175px;}
#eModal-Container .modal-close{background:url(close.png) no-repeat transparent;cursor:pointer;display:inline;height:20px;position:absolute;right:-12px;top:-12px;width:20px;z-index: 3200;}
#eModal-Container .modal-close:hover{background-image:url(close_hover.png);}
#eModal-Container .wpcf7-response-output{bottom:-65px;left:-1.5%;position:absolute;width:90%;background:#ee4036;color:#fff;}
#eModal-Container .wpcf7-not-valid-tip{background:#666;color:#fff;border:1px solid #FF0000;bottom:-3px;font-size:10pt;left:0;padding:0;position:absolute;top:-3px;width:100%;z-index:100;}
#eModal-Container .wpcf7-submit{margin-top:0px;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; float: none; width: 60px; padding: 6px 0; border: solid 0px #a72d31; border-color: #f6b93c #a72d31 #a72d31 #f6b93c; background-color: #a72d31; text-align: center; font-size: 1.2em; line-height: 1em; color: #fff; text-decoration: none; display: block; text-transform: uppercase; font-weight: normal;
}
#eModal-Container .wpcf7{margin:0;width:90%;}

#eModal-Container { text-align: left; }
#eModal-Container h1 { font-size: 2.6em; line-height: 1.2em; font-weight: 300; margin: 0px 0 10px; }
#eModal-Container p { color: #e8dabd; margin: 0px 0 15px; }
#eModal-Container p a { color: #f6b93c; }
#eModal-Container p a:hover { color: #fff; }



div#main div.cv_upload { background-color: #ee4036; padding: 10px 10px 0; margin-bottom: 0px; }
div#main div.cv_upload h3 { font-size: 2.2em; font-weight: normal; color: #fff; padding-bottom: 4px; border-bottom: 1px dotted #fff; }
div#main div.cv_upload p { font-size: 1.2em; color: #e8dabd; }
div#wpcf7-f77-w1-o1 { background-color: #ee4036; width: 280px; margin-bottom: 25px; }

    
div#wpcf7-f77-p78-o1,
div#wpcf7-f77-p187-o1 { background-color: #ee4036; width: 300px; margin-bottom: 25px; }
div#wpcf7-f77-p78-o1 form, 
div#wpcf7-f77-p187-o1 form{ padding: 10px 10px 0; }


div#wpcf7-f120-p121-o1 { background-color: #fff; width: 100%; margin-bottom: 25px; }
div#wpcf7-f120-p121-o1 input.text-field { border: 1px solid #ccc; width: 90%; }
div#wpcf7-f120-p121-o1 textarea { border: 1px solid #ccc; width: 90%; }
div#wpcf7-f120-p121-o1 form { padding: 0; }
div#wpcf7-f120-p121-o1 h3 { padding-top: 10px; color: #ee4036; }
div#wpcf7-f120-p121-o1 div.radio-btn { color: #4d4b5a; margin-bottom: 12px; font-size: 1.3em; }
div#wpcf7-f120-p121-o1 div.radio-btn span.wpcf7-list-item { margin: 0 10px 0 0; }
div#wpcf7-f120-p121-o1 label { color: #4d4b5a; }
div#wpcf7-f120-p121-o1 input.radios { border: 0px solid #ccc; width: auto; }
div#wpcf7-f120-p121-o1 .wpcf7-response-output { font-size: 1.5em; padding: 5px 7px; font-weight: bold; border-width: 0px; background-color: #ee4036; color: #fff; margin: 10px 0; width: 90%; }
div#wpcf7-f120-p121-o1 .wpcf7-validation-errors { background-color: #ee4036; }
div#wpcf7-f120-p121-o1 .wpcf7-mail-sent-ok { background-color: #398f14; }
div#wpcf7-f120-p121-o1 .wpcf7-not-valid-tip { top: -4px; left: 0; width: 100%; border-width: 0px; background-color: #ee4036; color: #fff; }



















/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}