/*
THEME NAME: eSquiggles
THEME URI: 
DESCRIPTION: 
VERSION: 1
AUTHOR: Adam Kerr
AUTHOR URI: 
TAGS: 

*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* Tooltip Support */
@import url('library/styles/jquery.qtip.css');


/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
/*---------------------------------------------------------------- FIXES */
#wrapper	{overflow:hidden;}
.cat-item-8	{display:none;}
.applink	{float:right!important;}
/* SOCIAL */
#my-social {float:left;margin-top:-5px;}
#my-social ul	{margin:0px; padding:0px; list-style:none;}
#my-social ul li	{display:block; float:left;}
#my-social ul li a	{display:block; width:32px; height:32px;margin-right:8px;}
.delicious	{background: transparent url(img/icons/delicious.png) no-repeat 0 0;}
.digg		{background: transparent url(img/icons/digg.png) no-repeat 0 0;}
.stumble	{background: transparent url(img/icons/stumbleupon.png) no-repeat 0 0;}
.reddit		{background: transparent url(img/icons/reddit.png) no-repeat 0 0;}
.facebook	{background: transparent url(img/icons/facebook.png) no-repeat 0 0;}
.rss		{background: transparent url(img/icons/rss.png) no-repeat 0 0;}

.smallvideo	{margin-top:0px;margin-right:auto;margin-left:auto;padding:0px; text-align:center;width:188px;margin-bottom:0px;}
.smallvideo span {border:1px solid #E7E7E7;}
.imgright	{float:right; margin: 0px 0px 10px 10px;}
.imgleft	{float:left; margin: 0px 10px 10px 0px;}
body		{background:#ffffff url(img/bg_lines_repeat.gif) repeat-x 0 0;}

body
{
    /*background:#ffffff url(img/bg_repeat-wide.jpg) repeat-x center top;*/
    color:#4A4D4F;
    font-size:0.9em;
    }
    
 /*   ALT STYLE -------------------------------------------------------------------------*/   
    
.page #main,.blog #main,.singular #main	{ background:transparent url(img/page_bg.png) no-repeat center top;}
.page #main,.blog #main,.singular  #main
{
    width:978px;
    padding:2px 0 0 0!important;
    margin-top:16px;
}

.page #container-wide,.blog #container-wide,.singular #container-wide    {margin-left:24px;margin-right:24px;}
.page #container,.blog #container,.singular #container	{margin-left:24px;}
.page .aside,.blog .aside,.singular .aside  {margin-right:24px;}

/*.slug-home #wrapper	{background:url(img/fade.jpg) no-repeat center 472px;}*/


 /*   END ALT STYLE -------------------------------------------------------------------------*/  

/*   HEADINGS -------------------------------------------------------------------------*/
h1	{font-size:26px;margin-bottom:20px;}
h2	{font-size:20px;margin-bottom:16px;}
h3	{font-size:18px;margin-bottom:12px;}
h4	{font-size:16px;margin-bottom:8px;}
h5	{font-size:14px;margin-bottom:4px;}

h1.entry-title	{
    font-family:Arial,sans-serif;
    font-size:26px;
    font-weight:bold;
    line-height:24px;
    padding:0 0 20px 0;
    }
h2.entry-title {
    font-family:Arial,sans-serif;
    font-size:20px;
    font-weight:bold;
    line-height:24px;
    padding:0 0 6px 0;
    margin-bottom:0px;
}
.entry-content h1	{
    font-family:Arial,sans-serif;
    font-size:26px;
    font-weight:bold;
    padding:0px 0 20px 0;
}
.entry-content h2 {
    font-family:Arial,sans-serif;
    font-size:20px;
    font-weight:bold;
    padding:15px 0 10px 0;
    border-bottom:1px solid #DDE3E8;
    color:#AD3332;
}
.entry-content h3 {
    font-size:18px;
    padding:0px 0 5px 0;
    color:#4A4D4F;
}
.entry-content h4 {
    font-size:16px;
    font-family:Arial,sans-serif;
    font-weight:bold;
    margin-bottom:15px;
    padding-top:10px;
    padding-bottom:5px;
    border-bottom:1px solid #DDE3E8;

}
/*   MENU -----------------------------------------------------------------------------*/

.children-icon 	{background:transparent url(img/children_icon.gif) no-repeat 95% center;}
.star-icon 	{background:transparent url(img/star_icon.gif) no-repeat 95% 6px;}
.children .children	{margin-top:-6px;border-top:none!important;}

/*   END MENU -------------------------------------------------------------------------*/


/*   HOMEPAGE -------------------------------------------------------------------------*/

body.slug-home #main
{
    overflow:visible;
    width:930px;
    padding-top:26px;
    background-image:none;

}

.button	{
	border: 1px solid #7d2f2d;
	background: #AD3332;
	padding: 8px 14px;
	display:block;
	text-align:center;
	color: #ffffff!important;
	text-decoration: none;
	font-size: 12px;
	cursor:pointer;
	font-weight:bold;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius:8px; /* Linux browsers */
	/*box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	text-shadow: #fff 0px 1px 1px;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#AD3332), to(#932c2b));
	background: -moz-linear-gradient(top,  #AD3332,  #932c2b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD3332', endColorstr='#932c2b');
	}
	.button:hover
	{
	background: #932c2b;
	}
	.buttoninner
	{
	border: 1px solid #7d2f2d;
	padding: 5px 10px!important;
	display:block;
	text-align:center!important;
	color: #ffffff!important;
	text-decoration: none;
	cursor:pointer;
	margin-top:5px;
	font-size: 12px;
	font-weight:bold;
	background: #AD3332;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius:8px; /* Linux browsers */
	/*box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	text-shadow: #fff 0px 1px 1px;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#AD3332), to(#932c2b));
	background: -moz-linear-gradient(top,  #AD3332,  #932c2b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD3332', endColorstr='#932c2b');
	    
	}
	.buttoninner:hover
	{
	background: #932c2b;
	color: #f4d2d2;
	}
	
.red	{color:#AD3332;}
.blue	{color:#5895c8;}
.green	{color:#7db38d;}


.mobile	{margin:0px -35px 10px 4px!important;}
.matrix	{clear:both;padding-bottom:0px;padding-top:20px;width:100%;}
.matrix a	{ position:relative;padding-top:10px;color:#686464; text-decoration:none; z-index:99;font-size:0.8em;padding-left:14px;margin:0px auto; display:block;text-align:left; width:230px; height:23px;background: url(img/matrix_icon.jpg) no-repeat 0 0; }
.matrix a:hover	{color:#AD3332;}
.matrix	hr	{position:relative; top:16px;margin:0px!important;}
hr	{border-top: 1px solid #e7e7e7;height:0px;position:relative; z-index:0;}
.applink	{list-style:none; padding:0px;margin:0px; }
.applink li	{float:left;}
.applink li a	{font-size:12px;display:block;text-decoration:none;text-shadow:0px -1px 0px #5f1b1b; color:#fff;padding:11px 28px 12px 0; /*_padding:11px 28px 0px 0px!important;*/}
.col	{    position:relative;    z-index:0!important;}
/*.applink li a.buttoninner	{padding: 8px 14px!important;margin-top:4px;_padding:4px 14px 4px 14px!important;}*/
 .applink li a:hover   {color: #f4d2d2;}
.redbg	{
    	border: 1px solid #7d2f2d;
	background: #AD3332;
    	padding: 8px 14px;
	display:block;
	min-width:90px;
	text-align:center;
	color: #ffffff!important;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius:8px; /* Linux browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#AD3332), to(#932c2b));
	background: -moz-linear-gradient(top,  #AD3332,  #932c2b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD3332', endColorstr='#932c2b');
}
	.redbg:hover
	{
	background: #932c2b;
	}
.bluebg		{background:#5895c8;
		border:1px solid #355c7d;	
	padding: 8px 14px;
	display:block;
	min-width:90px;
	text-align:center;
	color: #ffffff!important;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius:8px; /* Linux browsers */
		background: -webkit-gradient(linear, left top, left bottom, from(#5895c8), to(#44739b));
		background: -moz-linear-gradient(top,  #5895c8,  #44739b);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5895c8', endColorstr='#44739b');
}
.bluebg:hover	{background:#44739b;}
.greenbg	{background:#7db38d;
		border:1px solid #476851;
		padding: 8px 14px;
	display:block;
	min-width:90px;
	text-align:center;
	color: #ffffff!important;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius:8px; /* Linux browsers */
		background: -webkit-gradient(linear, left top, left bottom, from(#7db38d), to(#5c8769));
		background: -moz-linear-gradient(top,  #7db38d,  #5c8769);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db38d', endColorstr='#5c8769');
    }
.greenbg:hover	{background:#5c8769;}
.threecol,.fourcol	{clear:both;display:block;width:100%; }
.fourcol	{margin-top:50px;}
.quadbox
{
    border-radius: 8px; /* CSS3 */
    -webkit-border-radius: 8px; /* Safari and chrome */
    -moz-border-radius: 8px; /* Firefox */
    -khtml-border-radius:8px; /* Linux browsers */
    background:#fff;
    border:1px solid #e7e7e7;
    width:215px;
    height:196px;
    padding:12px 0px;
    float:left;
    display:block;
    clear:none;
    margin-right:20px;
}
.quadbox p	{padding:0px 16px;margin-bottom:10px;line-height:1.5em;}
.quadbox ul	{line-height:1.3em;font-size:0.75em;margin:0px;padding:0px 16px;}
.quadbox ul li	{
    background: url(img/bullet_small.gif) no-repeat left 1px;
    padding:0px 0px 10px 18px;
    border-bottom:1px dashed #ccc;
    margin-left:0px;
    margin-top:10px;
    list-style:none;
    }
    .quadbox ul li:last-child	{border-bottom:none;}
.about a,.videoarea a,.clientbox a	{font-weight:bold;}
.videoarea a.biglink	{clear:both;display:block;position:relative;text-align:center;top:30px;}
a.biglink	{padding:0px 10px;font-weight:bold;font-size:11px;top:-35px;}
.clientbox a.biglink	{position:relative;clear:both;top:-10px; text-align:center; display:block;}
.fourcol .about p	{font-size:0.75em;line-height:1.3em;}
.fourcol .clientbox p	{text-align:left; padding:0px!important;}
.fourcol .recentnews a	{}
.quadbox a	{color:#4A4D4F;text-decoration:none;}
.quadbox a:hover	{text-decoration:underline;color:#AD3332;}
.quadbox h2	{margin-top:-36px;padding-bottom:12px;font-size:1em;font-weight:bold;color:#6b7174;}
.buy_button	{display:none;position:absolute;right:-42px; top:-15px;}

.col {
    width:240px;
    padding:20px 20px;
    float:left;
    display:block;
    overflow:visible;
    height:220px;
    background:#ecebe8 url(img/boxgrad.gif) repeat-x 0 0;
    margin-right:42px;
    border-radius: 12px; /* CSS3 */
    -webkit-border-radius: 12px; /* Safari and chrome */
    -moz-border-radius: 12px; /* Firefox */
    -khtml-border-radius:12px; /* Linux browsers */
    box-shadow: 1px 1px 2px #e8e8e8;
    -webkit-box-shadow: 1px 1px 2px #e8e8e8;
    -moz-box-shadow: 1px 1px 2px #e8e8e8;
    border:1px solid #ddd8d8;

    }
.lastbox	{margin-right:0px;}
.col h2	{font-size:1.2em;font-weight:bold;margin-bottom:12px; width:240px;display:block;}
.col span	{clear:both; font-weight:bold;clear:both; display:block;float:left; width:140px;font-size:0.75em; line-height:1.3em; padding-left:4px;}
.col a.bluebg,.col a.redbg,.col a.greenbg	{float:left;clear:both;margin-top:10px;line-height:8px;}
.box_link	{
    clear:both;
    display:block;
    float:right;
    position:relative;
    right:-50px;
    top:-182px;
}
ul.box-list	{
    float:left;
    display:block;
    font-size:0.75em;
    line-height:1.2em;
    list-style:none;
    margin:6px 0 14px 0px;
    padding:0 0 0 0px;
    text-shadow:0 1px 1px #FFFFFF;
    width:140px;
}
ul.box-list li 	{ background: url(img/bullet_small.gif) no-repeat left 1px;
    padding:0px 0px 5px 18px; margin:0px; list-style:none;}
.col ul.box-list li	{background: url(img/bullet_small_grey.gif) no-repeat left 1px;}


.lastbox .box_link	{top:-183px;}
.slug-home .hentry	{clear:both;}

/*   END OF HOMEPAGE -------------------------------------------------------------------------*/



/* -----------------------------------------------------------Lists------*/

.question	{font-size:1.25em; font-weight:bold; letter-spacing:-1px; text-shadow:0px 1px 0px #eee; line-height:1.2em;}
li.question {font-size:1em; line-height:1.4em;font-weight:normal;letter-spacing:0px;}
ul.leftlist
{
    float:left; width:45%;clear:both;
}
ul.leftlistnone	{float:left; width:45%;}

.main-aside ul.xoxo li ul li
{
    background: url(img/bullet_small.gif) no-repeat left 3px;
    padding:0px 0px 5px 18px;
    margin:0px;
    list-style:none;
}
/* -----------------------------------------------------------BREADCRUMBS*/
.breadcrumb	{
    margin-top:0px;
    margin-bottom:30px;
    font-size:0.75em;
    padding:6px 0px;
    color:#666666;
    font-weight:bold;
    text-shadow:0 1px 0px #fff;
    
   /* border-radius: 6px;
     line-height:18px;
    -webkit-border-radius: 6px; 
    -moz-border-radius:6px;
    -khtml-border-radius:6px; 
    border:1px solid #EBEFF2;
    background:#f5f8fa;
    padding:4px 10px;*/
	}
	
    .breadcrumb a,.breadcrumb a:visited	{ text-decoration:none;color:#AD3332;}
    .breadcrumb a:hover	{ color:#666666;text-decoration:underline;}
    


/* ----------------------------------------------------------- Blog  */

.post	{margin-bottom:30px;}
.post .button	{}
.more-link	{float:right;margin-bottom:10px;font-size:12px!important;}
.post-thumbnail,.pagethumb	{display:block;margin:8px 0;clear:both;}
.post-thumbnail img {border:1px solid #ccc;}
.pagethumb img {border:2px solid #e9e9e9;}

/* ----------------------------------------------------------- END Blog  */

.gallery-item	{width:160px!important;margin-right:20px!important;}
.gallery-item img	{border-width:1px!important;}
#holdstuff	{float:left; clear:none;}
.entry-content{clear:both;}
.closebutton	{position:relative;top:-8px!important;}
.entry-content dl	{margin:0px;}

.entry-content img {
    margin: 0 0 8px 0;
    
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
img.aligncenter,img.alignright,img.alignleft
{
    border:1px solid #ccc;
   /* box-shadow: 0px 1px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5);*/
}
.borderless	{border:none!important;}
.entry-content em	{font-weight:bold;text-shadow:0 1px 0 #E4E4E4;color:#53616F;}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}
/* Tooltip Buttons ---------------------------------------------------------------------------------------*/


.tip
{
    background:#fff;
    padding:5px 10px;
    font-size:18px;
    border:3px solid #AD3332;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius:5px; /* Linux browsers */
    }
.dropdown	{
	position:relative; 
	left:220px;
	top:190px;
	}
    .date-time	{
	position:relative; 
	left:220px;
	top:140px;}
    .sections-tabs	{
	position:relative; 
	left:220px;
	top:260px;}
    .send-receive
    {
	position:relative;
	left:20px;
	top:55px;
    }
    .attach
     {
	position:relative;
	left:20px;
	top:210px;
    }

/* Custom Sidebar Widgets ---------------------------------------------------------------------------------------*/
.legend	{padding:0px 0 10px 0;}
.legend	div	{display:block;margin:4px 0px;}
.legend .redbox,.legend .bluebox,.legend .greebox	{margin:0px;}
.legend	span	{font-size:11px; font-weight:bold;}    
.pdf_icon { background: url(img/pdf.gif) no-repeat left 0px!important;padding-left:24px!important;}
.pdf_big { background: url(img/pdf_big.png) no-repeat left 0px!important;height:34px;line-height:28px !important;padding-left:40px !important;}

h4.buytext	{width:120px;display:block;float:right;margin-top:20px; border-bottom:none!important;}
#text-13	{display:none;}

/* BLOCKQUOTES -------------------------------------------------------------------------------------------*/

blockquote
{
    color:#686D6F;
    font-size:1em;
    text-shadow:0 -1px 0 #EEEEEE;
    text-indent:-16px;
    clear:both;
    margin-top:2em;
}
blockquote p{line-height:1.4em;}
/* STANDARD QUOTES */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before { content: open-quote;font-size:2em; }
q:after  { content: close-quote;font-size:2em; }

/* SAFARI SUPPORT */

q:before   { content: '\201C'; }
q:after    { content: '\201D'; }
q q:before { content: '\2018'; }
q q:after  { content: '\2019'; }

/* BLOCKQUOTES */

blockquote * { quotes: none; }
blockquote > *:before { content: '\201C';font-size:3em;vertical-align:bottom;position:relative; left:-6px; top:6px; font-style:normal!important;}
blockquote > *:after  { content: '\201D';font-size:3em;vertical-align:bottom;position:relative; left:5px; top:16px; font-style:normal!important;}
blockquote q:before   { content: '\2018';font-size:4em; }
blockquote q:after    { content: '\2019';font-size:4em; }
cite
{
    color:#53616F;
    font-size:0.8em;
    font-weight:bold;
    font-style:normal;
    margin-left:3em;
}

#slider .attachment-thumbnail	{border:1px solid #eee;margin-bottom:6px;}

.borderless,.borderless td,.borderless th,.borderless tr	{border:none;}

/*-------------------   Client Slider   ---------------*/

#slide_contain {
height:156px;
overflow:hidden;
padding:0px 10px;
width:162px;
}
#slider ul, #slider li {
list-style:none outside none;
margin:0;
padding:0;
}
#slider, #slider li {
height:156px;
margin:0;
overflow:hidden;
padding:0 !important;
width:162px;
}
#prevBtn, #nextBtn {
position:relative;
z-index:101;
}
#slider	{margin-left:26px!important;}
#slider li	{margin:0px auto; text-align:center;}
#prevBtn a, #nextBtn a	{display:block!important;}
#prevBtn
{
    left:-15px;
    top:-70px;
    float:left;
}
 #nextBtn	{ float:right;right:-15px;top:-70px;}
 #nextBtn a	{display:block; width:28px; height:28px; text-indent:-999em;background:url(img/next_over.gif) no-repeat 0 0; }  
 #prevBtn a	{display:block; width:28px; height:28px; text-indent:-999em;background:url(img/previous_over.gif) no-repeat 0 0; }
 
  #prevBtn a:hover	{background:url(img/previous.gif) no-repeat 0 0;}
   #nextBtn a:hover	{background:url(img/next.gif) no-repeat 0 0;}
.blog .entry-content p	{margin-bottom:0px;}

/*  MATRIX TABLE --------------------------------------------------------------------------------------------------------------- */

.matrixtable	{
    background:#fff;
    font-size:12px;
    width:100%;
}
.matrixtable td.blank:hover,.matrixtable td.blank		{color:#4A4D4F!important;background:#ffffff;font-size:14px;}
    
.matrixtable td,.matrixtable th	{cursor:help; padding:0.2em 0.4em;vertical-align:middle;}
.matrixtable th	{font-size:13px!important;vertical-align:middle;background:#AD3332; color:#eee;text-shadow:0 -1px 0 #5F1B1B; padding:0.5em 0.4em; text-align:center;}
td.betterhover, .matrixtable tbody tr:hover
{
	/*background: #AD3332;*/background:#ECECE9;
}
 .matrixtable th.whiteth	{background:#fff!important;border:0px solid #fff!important;}
.matrixtable tr:hover td.blank	{background:#ECECE9; font-weight:bold;color:#AD3332!important;text-shadow:0px 1px 0px #fff;}
.matrixtable tr:hover td.section	{background:#ECECE9;}
.matrixtable td.section	{font-weight:bold; text-align:center;color:#AD3332;text-shadow:0px 1px 0px #fff;cursor:auto;background:#ECECE9;}
.matrixtable img	{display:block;float:left; padding:0 5px 0 0; margin:0px!important;}

/*  FEATURE LIST --------------------------------------------------------------------------------------------------------------- */

.toggleTop	{font-size:16px;display:block;font-weight:bold; padding:9px 15px; border:1px solid #ccc; cursor:pointer;margin-top:-1px; background:#fcfcfc url(img/expand.gif) no-repeat 99% 8px;color:#AD3332!important;text-shadow:0px -1px 0px #ffffff;}
.toggleTop .tag	{display:block;color:#666;clear:both;width:80%; line-height:1.4em;text-shadow:0px -1px 0px #ffffff;font-size:12px; font-weight:bold;margin-top:3px;margin-bottom:0px;}
.feature-title	{float:left;margin-bottom:4px;text-shadow:0px 1px 0px #fff;}
.toggleTop:hover,.active	{background-color:#f4f4f4;}
.active	{background:#f4f4f4 url(img/collapse.gif) no-repeat 99% 8px!important;}
.rep	{padding:12px 20px;border:1px solid #CCCCCC;margin-top:-1px;border-top:0px;}
.colourcodes	{float:right;margin-right:20px;margin-top:0px;width:80px;}
.colourcodes div	{margin-right:5px!important;}
.redbox		{background:#AD3332;display:block;float:right;width:15px; height:15px;border:1px solid #999;text-indent:-999em;margin:0 !important;}
.bluebox	{background:#5895c8;display:block;float:right;width:15px; height:15px;border:1px solid #999;text-indent:-999em;margin:0 !important;}
.greenbox	{background:#7db38d;display:block;float:right;width:15px; height:15px;border:1px solid #999;text-indent:-999em;margin:0 !important;}

/* HOW IT WORKS  --------------------------------------------------------------------------------------------------------------- */
.step strong	{font-size:1.3em;padding-bottom:14px;display:block; }
.step ul	{}
.step	{float:left;margin-right:2%;width:44%;height:168px;margin-bottom:20px;_width:42%;}
.step h2	{padding-top:0px!important;} 
.margin-right-reset	{margin-right:0px!important;}
.numbers	{float:right;margin-right:-6px;margin-top:-37px;}


/* 5 REASONS  --------------------------------------------------------------------------------------------------------------- */
ol.points	{padding-left:20px;}
ol.points li {
padding-bottom:20px;
font-size:1.2em;
font-weight:bold;
color:#AD3332;
}
ol.points li p {
color:#222222;
font-size:0.8em;
font-weight:normal;
}
ol.points ol li	{padding-bottom:0px; line-height:1.2em;font-size:0.8em;font-weight:normal;color:#4A4D4F;}
ol.points h4.title	{font-size:1.1em;color:#AD3332;font-weight:normal;}

/*  CONTACT FORM   */
.wpcf7 .button	{float:right;padding:6px 10px;margin-top:10px;}
span.wpcf7-not-valid-tip  {
background:#fff;
border:1px solid #FF0000;
font-size:11px!important;
height:16px;
left:0!important;
line-height:15px;
padding:2px;
position:absolute;
top:-4px!important;
width:100%!important;
}
.wpcf7 input, .wpcf7 textarea	{}

/*   ADD TO ANY SHARE ICONS  */
.addtoany_share_save_container{margin:16px 0}ul.addtoany_list{display:inline;position:relative;top:-48px;list-style-type:none;margin:0!important;padding:0!important;text-indent:0!important}ul.addtoany_list li{background:none!important;border:0;display:inline!important;line-height:32px;list-style-type:none;margin:0!important;padding:0!important}ul.addtoany_list li:before{content:""}ul.addtoany_list li a{padding:0 5px}ul.addtoany_list img{float:none;border:0;margin:0;padding:0;vertical-align:middle}ul.addtoany_list a img{opacity:.7}ul.addtoany_list a:hover img,ul.addtoany_list a.addtoany_share_save img{opacity:1}a.addtoany_share_save img{border:0;width:auto;height:auto}
ul.addtoany_list span	{font-size:0.75em;padding-right:8px;color:#666666;}