/**********************************************************************************
* 
* © 2014 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: base.css
* Description: Base styles for www.freshfinance.us
*
***********************************************************************************/

/* Auxilliary style sheets
----------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700italic,700&subset=latin,latin-ext);
@import url(flexslider.css);
@import url(jquery-lightbox-0.5.css);


/* Body 
----------------------------------------------------------------------------------*/
*
    {
    margin:0;
    padding:0;
    font-size:100%;
	font-family:inherit;
    }

@media screen and (max-width:480px)
    {
    html
		{
        -webkit-text-size-adjust:none; /* prevent text resize in iPhones */
        }
    }

body
	{
	font:normal 100% "Lato", Arial, Helvetica, sans-serif;
	color:#000/*#c0c0c0*/;
	line-height:1.5em;
	background:#fff/*#000*/;
	}

#caution-container
    {
    margin:0 auto;
    width:100%;
    font-size:1em;
    color:#000;
    text-align:center;
    background:#ff0;
    }

#IEreminder p
    {
    padding:4px 0;
	font-size:1em;
    color:#000;
    text-align:center;
    }

#IEreminder a
	{
	color:#999;
	text-decoration:none;
	border-bottom:1px solid #999;
	}

#IEreminder a:hover, #IEreminder a:active
	{
	color:#000;
	background:none;
	border-bottom:1px solid #000;
	}

object, iframe
    {
    display:block;
	max-width:100%;
    margin:0.5em 0 1.5em;
    }

*:first-child+html embed
    {
    margin:0.5em 0 1.5em;
    }

* html embed
    {
    margin:0.5em 0 1.5em;
    }


/* Base text
----------------------------------------------------------------------------------*/

h1
	{
	font-size:1em;
	line-height:1em;
	}

h1 a
    {
    display:block;
    width:141px/*142px/*188px*/;
    height:60px/*80px*/;
    background:no-repeat left top url(/sitegraphics/freshfinance-logo-m.png);
    background-size:100%;
    }

h1 a:hover, h1 a:active, h1 a:focus
    {
    background-position:left bottom;
    border:none;
    }

h1 a:focus
    {
    outline:#fff dotted 1px;
    }

h1 span
    {
    position:absolute;
    left:-999em;
    }

h2
	{
	margin-bottom:0.5125em;
	padding-bottom:0.15em;
	/*font-style:italic;
	font-weight:normal;*/
	font-size:1.625em;
	/*font-family:Georgia, "Palatino Linotype", Palatino, serif;*/
	color:#505050/*#fff*/;
	line-height:1.10em;
	border-bottom:1px solid #c0c0c0/*#404040*/;
	}

h3, h4, h5, h6
    {
    font-weight:bold;
    /*color:#fff;*/
    }

h3
	{
	font-size:1.375em;
	/*font-family:Georgia, "Palatino Linotype", Palatino, serif;*/
	}

h4
	{
	font-size:1.25em;
	}

h5
	{
	font-size:1.125em;
	}

h3 + h3, h3 + h5, h5 + h3, h5 + h5
    {
    margin-top:1.5em;
    }

h6, p, ul, ol, time, pre
	{
	font-size:1em;
	}

p
	{
	padding-bottom:1.5em;
	}

ul, ol
    {
    padding:0 0 1.5em 2em;
    }

time
    {
	padding-bottom:1.5em;
	font-style:italic;
	color:#666;
    }

blockquote
	{
	margin:0 1.5em;
	}

pre
    {
    padding:1em;
    margin-bottom:1.5em;
    background:#f1f1f1;
    border:1px solid #c0c0c0;
    white-space:pre-wrap; /* css-3 */
    white-space:-moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space:-pre-wrap; /* Opera 4-6 */
    white-space:-o-pre-wrap; /* Opera 7 */
    word-wrap:break-word; /* Internet Explorer 5.5+ */
    }

ul ul, ol ul, ol ol, ol ul ul
    {
    padding-bottom:0;
    font-size:1em;
    }

ol ol
    {
    list-style:lower-alpha;
    }

ol ol ol
    {
    list-style:lower-roman;
    }

@media screen and (min-width:481px)
    {
    body
	    {
	    line-height:1.3125em;
	    }
	
	h2
	    {
	    font-size:1.5em;
	    }
	
    h3
	    {
	    font-size:1.25em;
	    }
    	
    h4
	    {
	    font-size:1.125em;
	    }

    h5
	    {
	    font-size:1em;
	    }
    	
    h6, p, ul, ol, time, pre
	    {
	    font-size:0.875em;
	    }
	}


/* Links
----------------------------------------------------------------------------------*/

a
	{
	color:#6e8030/*#a7c249*/;
	text-decoration:none;
	border-bottom:1px solid #6e8030/*#a7c249*/;
	}

a:hover, a:active, a:focus
	{
	color:#000/*#fff*/;
	background-color:#ecf3d4/*transparent*/;
	/*border-bottom-color:#fff;*/
	}

a:active
    {
    outline:none;
    }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    {
    text-decoration:none;
    border:none;
    }

h1 a:hover, h1 a:active, h1 a:focus
    {
    background-color:transparent;
    }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    {
    color:#000/*#fff*/;
    border-bottom:1px solid #6e8030/*#fff*/;
    }


/* Tables 
----------------------------------------------------------------------------------*/

table
    {
    width:100%;
    margin:0.5em 0 1.5em;
    border:none;
    border-collapse:collapse;
    clear:both;
    }

table th, table td
    {
    vertical-align:top;
	padding:0.125em 8px;
    font-size:0.875em;
    text-align:left;
    }

table th
    {
    color:#fff;
    background:#505050;
    /*border-bottom:1px solid #21460c;*/
    }

table td
    {
    /*margin-bottom:-1px;*/
    /*line-height:1.7085em; /* corrected line-height for added border property, since negative margins don't work */
    border-bottom:1px solid #c0c0c0/*#404040*/;
    }

/* correct sizing when user incorrectly adds paragraph tags with CMS inside table cells */

table th p, table td p, table td ul, table td ol
    {
    font-size:1em;
    line-height:1.5em;
    }


/* Images 
----------------------------------------------------------------------------------*/

img
    {
	display:block;
	max-width:100%;
	margin-bottom:1.5em;
	border:none;
    }

.imageleft, .imageright, .imagecenter, .imagefull
    {
    /*border:1px solid #666;*/
    clear:both;
    }

.imageleft, .imageright
    {
    max-width:51%;
    font-style:italic;
    }

.imageleft, .imagesticky
    {
    float:left;
    margin-right:1.5em;
    }

.imageright
    {
    float:right;
    margin-left:1.5em;
    }

@media screen and (max-width:560px)
    {
    .imageleft, .imageright
        {
        float:none !important;
        max-width:100%;
		margin:0 auto 1.5em;
        }
    }

.imageleft img, .imageright img
    {
	margin-bottom:0.5em;
    }

.imagecenter
	{
	margin:0 auto 1.5em;
	}


/* HTML 5 element fixes
----------------------------------------------------------------------------------*/

header, nav, section, article, aside, footer, time, audio, video, canvas, figure, figcaption, mark
    {
    display:block;
    }


/* Container
----------------------------------------------------------------------------------*/

#container
	{
	position:relative; /* this needs to be in place if "overflow:hidden" is used, or IE7 will crap the bed */
	width:100%;
	overflow:hidden;
	}


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

#header
    {
    position:fixed;
    float:left;
	width:90%;
	height:auto;
	/*margin-bottom:1em;*/
	padding:14px 5%;
    background:#fff/*#1a1a1a*/;
	border-width:0 0 4px;
	border-style:solid;
	border-color:#4289c9/*#01669a*/;
	z-index:3;
    }

#mast, #logo
    {
    float:left;
    width:auto;
    }

#mast
    {
    width:100%;
    }

#logo img
    {
	display:none;
    }

#header-supplemental
    {
    /*display:none;*/
    float:right;
    }

#social
    {
    float:right;
    margin-top:40px;
    padding:0;
    list-style:none;
    line-height:1em;
    }

#social li
    {
    float:left;
    padding-left:1em;
    }

#social a
    {
    display:block;
    height:24px;
    background-repeat:no-repeat;
    background-image:url(/sitegraphics/freshfinance-socialicons.gif);
    border:none;
    }

#facebook a
    {
    width:24px;
    background-position:left top;
    }

#linkedin a
    {
    width:28px;
    background-position:right top;
    }

#social a:hover
    {
    background-color:transparent;
    }

#social a span
    {
    position:absolute;
    left:-999em;
    }

#social a:hover span
    {
    }

#phone, #tagline
    {
    display:none;
    }

@media screen and (min-width:481px)
    {
    #header
		{
	    width:92%;
	    padding:14px 4%;
        }
    }


/* Navigation
----------------------------------------------------------------------------------*/

#nav
    {
    display:none;
    }

#nav-menu-link
    {
    position:fixed/*absolute*/;
    top:0;
    right:5%;
    margin-bottom:1.5em;
	z-index:4;
    }

#nav-m
    {
    padding:1.375em 0 0;
    font-size:0.875em;
    line-height:1em;
    }

#nav-mobile
    {
    width:80%;
    margin:0 auto 1.5em;
    }

#nav-mobile ul
    {
    padding:0;
    line-height:1em;
    list-style:none;
    }

#nav-mobile li
    {
    border-width:0 0 1px;
    border-style:solid;
    border-color:#c0c0c0;
    }

#nav-mobile li:first-child
    {
    border-width:1px 0;
    }

#nav-mobile li a
    {
    display:block;
    padding:0.5em 2%;
    border:none;
    }

#nav-mobile li a:hover, li #nav-mobile a:active, li #nav-mobile a:focus
    {
    /*background-color:#0c0c0c;*/
    }

@media screen and (max-width:280px)
    {
    #nav-menu-link
		{
        position:static;
		margin:0 0 1em 4%;
        }
    }

@media screen and (min-width:481px)
    {
    #nav-menu-link
		{
        right:4%;
        }
    }


/* Banner
----------------------------------------------------------------------------------*/

#banner, #slideshow
    {
	display:none;
    }


/* Main background
----------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:90%;
    margin-top:92px;
    padding:20px 5% 0;
    }

@media screen and (min-width:481px)
    {
    #main
		{
	    width:92%;
	    padding:20px 4% 0;
        }
    }


/* Content
----------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:100%;
	}

.video-container
	{
	position:relative;
	max-width:100%;	
	margin-bottom:1.5em;
    padding-bottom:56.25%; /* 16/9 ratio */
    /*padding-top:30px; /* IE6 workaround*/
    height:0;
    overflow:hidden;
	clear:both;
	}

.video-container iframe, .video-container object, .video-container embed
	{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:98.5%;
	}

@media screen and (min-width:601px)
    {
    .video-container
	    {
        max-width:600px;
        padding-bottom:337.5px; /* 16/9 ratio */
	    }
	
	.video-container iframe, .video-container object, .video-container embed
	    {
        max-height:337.5px;
	    }
    }

#popup-container
    {
    margin:1em;
    }

.nicebutton
    {
    position:relative;
	padding:0.25em 0.375em;
    font-weight:bold;
    font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#4289c9;
	border:2px solid #4289c9;
    /*background:#202020;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#202020));
    background:-webkit-linear-gradient(top, #505050, #202020); 
    background:-moz-linear-gradient(top, #505050, #202020);
    background:-ms-linear-gradient(top, #505050, #202020);
    background:-o-linear-gradient(top, #505050, #202020);
    background:linear-gradient(top, #505050, #202020);
    -pie-background:linear-gradient(top, #505050, #202020);
	border:1px solid #66b2cb;*/
	-moz-border-radius:3px/*0.5em*/;
	-webkit-border-radius:3px/*0.5em*/;
	border-radius:3px/*0.5em*/;
    }

.nicebutton:hover, .nicebutton:active, .nicebutton:focus
    {
    color:#4289c9;
	background-color:#202020;
	border-color:#202020;
    /*color:#fff;
	background:#404040;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#404040));
    background:-webkit-linear-gradient(top, #666, #404040);
    background:-moz-linear-gradient(top, #666, #404040);
    background:-ms-linear-gradient(top, #666, #404040);
    background:-o-linear-gradient(top, #666, #404040);
    background:linear-gradient(top, #666, #404040);
	-pie-background:linear-gradient(top, #666, #404040);
	border:1px solid #c5e7f2;*/
    }

.textbox, .shorttextbox
    {
    margin:0 0.75em 1em;
    padding:1px;
    }

.shorttextbox
    {
    width:3em;
    }

.checkbox input, .radiobutton input
    {
    margin-right:0.5em;
    }

.button, .formButton
	{
	margin:0 8px 1.5em 0;
	padding:0 3px;
	font-size:0.875em;
	overflow:visible; /* correct IE6/IE7's incorrect padding on buttons */
	}


/* Summary/Item list
--------------------------------------------------------------------------------*/

ul.itemlist, ol.itemlist
    {
    float:left;
    width:100%;
    font-size:1em;
    list-style:none;
    margin:0.5em 0 1.5em;
    padding:0;
    clear:both;
    }

.itemlist li
    {
    position:relative;
    float:left;
    /*width:180px;*/
    margin:0 19px 1.5em 0;
    /*border:1px solid #505050;*/
    }

.tilelist li
    {
    width:100%;
    margin-bottom:1.5em;
    text-align:center;
    border:2px solid #c0c0c0/*#404040*/;
    /*box-sizing:border-box;*/
    }

/*.itemlist li ul
    {
    list-style:none;
    padding:0 0 1.5em 0.5em;
    }

.itemlist li li
    {
    position:static;
    float:none !important;
    width:auto;
    margin:0;
    border:none;
    }

.itemlist li li label input
    {
    margin-right:0.5em;
    }*/

.itemlist li a.iteminfo
    {
    position:relative;
    display:block;
    /*float:left;*/
    margin-bottom:0;
    /*padding:16px;*/
    /*background:transparent;*/
    border:none;
    /*overflow:hidden;*/
    }

.tilelist li a.iteminfo
    {
    float:none !important;
    width:auto;
    height:auto;
    padding:1em;
    overflow:hidden;
    }

@media screen and (min-width:381px)
    {
    .tilelist li
        {
        text-align:left;
        }
    }

@media screen and (min-width:481px)
    {
    ol.tilelist
        {
        margin-left:9px;
        }
    
    .tilelist li
        {
        width:311px;
        margin-right:9px;
        margin-left:9px;
        }

    .itemlist li a.iteminfo
        {
        float:left;
        width:311px;
        height:198px/*250px*/;
        margin-bottom:0;
        padding:0;
        /*background:transparent;*/
        border:none;
        overflow:hidden;
        }
    }

.itemlist li a.itemadd
    {
    position:relative;
    display:block;
    float:left;
    width:100%;
    margin-bottom:0;
    padding:10px 0;
    /*background:transparent;*/
    border:none;
    overflow:hidden;
    }

/* hack to accommodate IE7's and IE6's special needs */

*:first-child+html .itemlist li a
    {
    cursor:pointer;
    }

* html .itemlist li a
    {
    cursor:pointer;
    }

.itemlist li span
    {
    position:relative;
    display:block;
    float:left;
    width:100%;
    /*width:96%;
    padding:1em 2% 2%;*/
    }

.itemlist li span.warning
    {
    float:none !important;
    width:100%;
    padding:0 0 1em;
    }

.itemlist li span.itemprice
    {
    position:relative;
    display:block;
    float:none;
    width:auto;
    height:auto;
    padding:1em 0 0 0;
    font-weight:bold;
    color:#4d9a4d;
    }

.itemlist li img
    {
    float:none;
    max-width:311px;
    /*height:174px;*/
    margin:0;
    /*border:1px solid #000;*/
    }

.itemlist strong
    {
    position:relative;
    top:-2em/*-3em*/;
    display:block;
    height:1em/*2em*/;
    padding:0.5em;
    font-size:1em/*1.125em*/;
    line-height:1em;
    color:#000;
    text-align:center;
    background-color:#a7c249;
    background-color:rgba(167,194,73,0.9);
    z-index:2;
    }

.itemlist em
    {
    padding-bottom:16px;
    font-style:normal;
    font-size:1em;
    /*color:#333;*/
    }

.itemlist p strong
    {
    display:inline;
    font-size:1em;
    }

.itemlist p em
    {
    padding:0;
    font-style:italic;
    font-size:1em;
    }

.itemlist em p
    {
    font-size:1em;
    }

.itemlist li a.itemadd span
    {
    display:block;
    width:100px;
    margin:0 auto;
    padding-top:4px;
    height:20px;
    font-size:12px;
    color:#dadada;
    text-align:center;
    background:url(/sitegraphics/eti-webstore-but-add.gif) no-repeat left top;
    border:none;
    overflow:hidden;
    }

.tilelist li:hover
    {
    border-color:#6e8030/*#fff*/;
    }

/*ul.itemlist li:hover a.iteminfo
    {
    background:#daefff;
    }*/

.itemlist a.iteminfo:hover, .itemlist a.iteminfo:active, .itemlist a.iteminfo:focus
    {
    background-color:#6e8030/*#1a1a1a*/;
    }

.itemlist li a.iteminfo:hover img
    {
    /*border-color:#e5df98;*/
    }

.itemlist a:hover strong, .itemlist a:hover em, .itemlist a.iteminfo:hover span.itemprice
    {
    color:#fff;
    background-color:#6e8030/*#83983a*/;
    background-color:rgba(118,137,53,0.9)/*rgba(131,152,58,0.9)*/;
    }

.itemlist li a.itemadd:hover, .itemlist li a.itemadd:active, .itemlist li a.itemadd:focus
    {
    background-color:#6e8030/*#1a1a1a*/;
    }

/*ul.itemlist li a.itemadd:hover span:hover
    {
    background:url(/sitegraphics/eti-webstore-but-add.gif) left center no-repeat;
    }*/

.itemlist li a.itemadd:active span, .itemlist li a.itemadd:focus span
    {
    padding-top:5px;
    height:19px;
    background:url(/sitegraphics/eti-webstore-but-add.gif) no-repeat left bottom;
    }

@media screen and (max-width:480px)
    {
    .itemlist li
        {
        width:100%;
        margin-right:0;
        -moz-box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	    box-sizing:border-box;
        }

    .itemlist li a.iteminfo
        {
        float:none !important;
        width:auto;
        height:auto;
        padding:1em;
        }

    .itemlist li a.itemadd
        {
        position:relative;
        display:block;
        float:left;
        width:100%;
        margin-bottom:0;
        padding:10px 0;
        background:transparent;
        border:none;
        overflow:hidden;
        }

    /* hack to accommodate IE7's and IE6's special needs */

    *:first-child+html .itemlist li a
        {
        cursor:pointer;
        }

    * html .itemlist li a
        {
        cursor:pointer;
        }

    .itemlist li a.iteminfo span
        {
        float:none !important;
        width:100%;
        padding:0;
        }

    .itemlist li a.iteminfo span.itemprice
        {
        position:relative;
        display:block;
        float:none;
        width:auto;
        height:auto;
        padding:1em 0 0 0;
        font-weight:bold;
        color:#4d9a4d;
        }

    .itemlist li a.iteminfo img
        {
        float:right;
        max-width:180px;
        margin:0 0 0.5em 1.5em;
        }
    
    .itemlist strong
        {
        top:auto;
        height:auto;
        padding:0;
        font-size:1.125em;
        color:#a7c249;
        background-color:transparent;
        z-index:1;
        }

    .itemlist em
        {
        font-size:0.875em;
        }
    
    .tilelist li:hover
        {
        border-color:#6e8030/*#505050*/;
        }
    
    .itemlist a:hover strong
        {
        background-color:transparent;
        background-color:rgba(131,152,58,0.0);
        }
    }

@media screen and (max-width:380px)
    {
    .itemlist li a.iteminfo img
        {
        float:none !important;
        max-width:100%;
        height:auto;
        margin:0 auto 0.5em;
        }
    
    .itemlist strong, .itemlist em
        {
        text-align:center;
        }
    }


/* Product layout
--------------------------------------------------------------------------------*/

#addtocart
    {
    float:left;
    /*width:250px;*/
    }

#addtocart table td
    {
    border-bottom:none;
    }

#addtocart table td label
    {
    padding-left:4px;
    font-size:1em;
    }

#addtocart label, #addtocart .textbox, #addtocart .button
    {
    font-size:1em;
    }

#addtocart label
    {
    margin:0 0.25em 1.5em 0;
    }

#addtocart .textbox
    {
    width:28px;
    margin:0 0 1.5em;
    padding:1px;
    }

#addtocart .button
    {
    display:block;
    margin-bottom:1.5em;
    padding:0 3px;
    line-height:1em;
    clear:both;
    visibility:visible; /* override IE's incorrect application of padding */
    }

@media screen and (max-width:480px)
    {
    #addtocart table td label, #addtocart label, #addtocart .textbox, #addtocart .button
        {
        font-size:0.875em;
        margin-bottom:1.3125em;
        }
    }

#product-options
    {
    float:right;
    width:289px;
    margin-left:1.5em;
    }

#productimage
    {
    /*max-width:289px;*/
    }

#product-images
    {
    width:100%;
    padding:0;
    list-style:none;
    line-height:1em;
    }

#product-images img
    {
    max-width:289px;
    }

#product-thumbnails
    {
    float:left;
    width:100%;
    padding:0;
    list-style:none;
    line-height:1em;
    }

#product-thumbnails li
    {
    float:left;
    margin-right:0.5em;
    }

#product-thumbnails img
    {
    width:50px;
    border:2px solid #505050;
    }

#product-thumbnails a:hover img
    {
    border-color:#e5df98;
    }

@media screen and (max-width:940px)
    {
    #product-thumbnails
        {
        display:none;
        }
    }

@media screen and (max-width:600px)
    {
    #product-options
        {
        float:none !important;
        width:100%;
        margin:0;
        }
    
    #product-images img
        {
        max-width:100%;
        margin:0 auto 1.5em;
        }
    }

.productcell
    {
    float:left;
    width:100%;
    margin-bottom:1.5em;
    border-bottom:1px solid #505050;
    }

.productcell img
    {
    float:right;
    margin:0 0 1.5em 1.5em;
    max-width:150px;
    }

#productlistbox
    {
    margin-bottom:1.5em;
    }

#productlistbox label
    {
    display:block;
    font-weight:bold;
    font-size:1em;
    }


/* Section gallery
----------------------------------------------------------------------------------*/

.section
	{
    width:100%;
    padding-left:0;
    font-size:1em;
    list-style:none;
    }

.section li:first-child
	{
    border-top:1px solid #c0c0c0/*#404040*/;
    }

.section li
	{
    border-bottom:1px solid #c0c0c0/*#404040*/;
    }

.section a
	{
    display:block;
    width:100%;
    border-bottom:none;
    overflow:hidden;
    }

.section span
	{
    display:block;
    width:92%;
    padding:1.25em 4%;
    overflow:hidden;
    }

.section img
	{
    margin:0 auto 1.25em;
    border:1px solid #404040;
    clear:both;
    }

.section strong
	{
    /*font-weight:normal;*/
	font-size:1.125em;
	/*font-family:Georgia, "Palatino Linotype", Palatino, serif;*/
    }

.section span.jobtitle
    {
    width:auto;
    padding:0;
    font-style:italic;
    font-size:0.875em;
    overflow:auto;
    }

.section em
	{
    display:block;
	margin-bottom:1.25em;
    font-style:normal;
    font-size:0.875em;
    color:#666;
    }

.section a:hover, .section a:active, .section a:focus, .section a:hover em, .section a:active em, .section a:focus em
	{
    /*background:#e5e5e5;*/
    color:#fff;
    }

.section a:hover img, .section a:active img, .section a:focus img
	{
    border-color:#a7c249;
    }

@media screen and (min-width:481px)
    {
    .section li
	    {
        border:1px solid #c0c0c0/*#404040*/;
        margin-bottom:1.5em;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        }
    
    .section span
	    {
        width:auto;
        padding:1.25em 1.25em 0;
        }
    
    .section img
	    {
        float:right;
		max-width:180px;
        margin:0 0 1.25em 1.25em;
        }
	
	.section li:hover
		{
        border-color:#a7c249;
        }
    }


/* Events list
----------------------------------------------------------------------------------*/

.nav-events
    {
    float:left;
    width:100%;
    margin-bottom:1em;
    }

.nav-events label, .nav-events select
    {
    font-size:1em;
    margin-bottom:1.5em;
    }

@media screen and (max-width:480px)
    {
    .nav-events label, .nav-events select
        {
        font-size:0.875em;
        }
    }

.nav-events ul
    {
    padding-left:0;
    list-style:none;
    }

.nav-events .eventlist-prev
    {
    float:left;
    }

.nav-events .eventlist-next
    {
    float:right;
    }

.nav-events a
    {
    display:block;
    width:40px;
    height:20px;
    background-image:url(/sitegraphics/events-arrows.gif);
    border:none;
    }

.nav-events .eventlist-prev a
    {
    background-position:left top;
    }

.nav-events .eventlist-next a
    {
    background-position:right top;
    }

.nav-events .eventlist-prev a:hover, .nav-events .eventlist-prev a:active, .nav-events .eventlist-prev a:focus
    {
    background-position:left bottom;
    }

.nav-events .eventlist-next a:hover, .nav-events .eventlist-next a:active, .nav-events .eventlist-next a:focus
    {
    background-position:right bottom;
    }

.nav-events a span
    {
    position:absolute;
    left:-999em;
    }

.events-month
    {
    padding:0.25em;
    /*margin-bottom:0.5em;*/
    background:#2c2c2c;
    clear:both;
    }

.events-list img
    {
    max-width:80px;
    }


/* Lightbox galleries
----------------------------------------------------------------------------------*/

.lb-gallery
	{
	float:left;
	width:100%;
	margin-bottom:1.5em;
	}

.lb-gallery ul, .lb-gallery ol
	{
	padding:0;
	line-height:1em;
	list-style:none;
	}

.lb-gallery li
	{
	float:left;
	padding:0 0.625em 0.625em 0;
	}

.lb-gallery a
	{
	display:block;
	border:2px solid transparent/*#c0c0c0*/;
	}

.lb-gallery a:hover, .lb-gallery a:active, .lb-gallery a:focus
	{
	border-color:#a7c249;
	}

.lb-gallery a img
	{
	display:block;
	margin:0;
	}


/* Google map
----------------------------------------------------------------------------------*/

.map
    {
    float:left;
	width:100%;
    margin-bottom:1.5em;
    clear:both;
    }

@media screen and (max-width:600px)
    {
    .map
        {
        float:none !important;
	    width:80%;
		margin:0 auto 1.5em;
        }
    }

.map iframe
    {
    width:99.5%;
    height:380px;
    margin-bottom:0.2em;
    border:1px solid #c0c0c0/*#404040*/;
    }

.map small
    {
    font-size:0.875em;
    }


/* Sidepane
----------------------------------------------------------------------------------*/

#supplemental
    {
    float:left;
    width:100%;
    padding-top:1em;
    border-top:1px solid #c0c0c0/*#404040*/;
    }

#agentlogin, #subscribelink
    {
    margin-bottom:1.5em;
    border-bottom:1px solid #c0c0c0/*#404040*/;
    }


/* Blogs
----------------------------------------------------------------------------------*/

#blog-infopanel
    {
    float:left;
    width:/*96%*/100%;
    margin:0 0 1.5em 0;
    padding:/*2%*/1em 0 0;
    /*background-color:#d4e7f3;*/
    border-width:1px 0;
    border-style:solid;
    border-color:/*#306ea4*/#c0c0c0;
    /*-moz-border-radius:0.3215em;
	-webkit-border-radius:0.3215em;
	border-radius:0.3215em;*/
	/*behavior:url(/pie/PIE.htc); /* work-around to force CSS3 behavior in IE8/7 */
    }

#blog-infopanel h3
    {
    /*margin-bottom:0.875em;*/
    }

.authorinfo
    {
    float:left;
    width:100%;
    }

.authorimage
    {
    -moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	/*behavior:url(/pie/PIE.htc); /* work-around to force CSS3 behavior in IE8/7 */
    }

@media screen and (max-width:560px)
    {
    .authorimage
        {
        float:left !important;
        max-width:31%;
        margin:0 1.5em 1.5em 0;
        }
    }

#blog-infopanel time
    {
    }

#viewallblogs
    {
    /*display:inline-block;*/
    margin-top:1em;
    padding-top:1em;
    /*border-top:1px solid #c0c0c0;*/
    }

#viewallblogs a:hover, #viewallblogs a:active, #viewallblogs a:focus
    {
    background-color:transparent;
    border-bottom-color:#000;
    }

#blog-comment
    {
	/*font-size:0.75em;*/
	}
	
#blog-comments
    {
    width:100%;
    margin-bottom:1em;
    padding:0.3125em 0 0.3125em;
    border-bottom:1px solid #c0c0c0;
    }


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

#footer
    {
    float:left;
    width:90%;
    padding:1em 5% 0;
    /*background:#1a1a1a;*/
	border-top:4px solid #4289c9/*#01669a*/;
    }

#footer p
    {
    padding-bottom:0.25em;
    /*color:#c0c0c0;*/
    }

/*#footer a:hover, #footer a:active, #footer a:focus
    {
    color:#fff;
    background-color:transparent;
    border-bottom-color:#fff;
    }*/

#footer-links
    {
    padding:0 0 0.25em;
    list-style:none;
    }

#footer-links li
    {
    float:left;
    padding:0 1.25em 0.75em 0;
    }

@media screen and (min-width:481px)
    {
    #footer
		{
	    width:92%;
	    padding:1em 4% 0;
        }
    }


/* Forms 
----------------------------------------------------------------------------------*/

.basicform
    {
    width:100%;
    margin:0 auto 1.5em;
    clear:both;
    }

#main-secured .basicform
    {
    width:80%;
    }

.basicform fieldset
    {
    padding:0;
    border:none;
    }

.basicform fieldset legend
    {
    padding:0;
	font-weight:bold;
    font-size:1.25em;
    /*font-family:Georgia, "Times New Roman", Times, serif;*/
    border:none;
    }

.basicform legend + h5
    {
    margin-top:1.5em;
    }

.basicform fieldset ol, .basicform fieldset ul
    {
    margin-top:0.5em;
    padding-left:0;
    font-size:1em;
    list-style:none;
    border-top:1px solid #c0c0c0/*#404040/*#505050*/;
    }

.basicform fieldset ol.numbered
    {
    padding:0 0 1.5em 2em;
    font-size:1em;
    list-style:decimal;
    border:none;
    }

.basicform fieldset ol ol, .basicform fieldset ol ul
    {
    margin:4px 0 10px;
    padding-bottom:0;
    background:#1a1a1a;
    border-right:1px solid #c0c0c0/*#404040/*#505050*/;
    border-left:1px solid #c0c0c0/*#404040/*#505050*/;
    }

.basicform fieldset ol ol ol, .basicform fieldset ol ol ul, .basicform fieldset ol ul ul
    {
    background-color:#dadada/*#202020*/;
    }

.basicform fieldset ol ol li, .basicform fieldset ol ul li
    {
    padding:4px 8px;
    }

.basicform fieldset ol ol li.noinput, .basicform fieldset ol ul li.noinput
    {
    font-style:italic;
    font-size:1em;
    color:#c0c0c0/*#404040*/;
    line-height:1.5em;
    }

.basicform fieldset .accordion-collapsed
    {
    position:absolute;
    left:-999em;
    width:100%;
    }

.basicform fieldset .accordion-revealed
    {
    left:auto;
    }

.basicform fieldset ol.numbered li
    {
    padding-left:0;
    border:none;
    }

.basicform fieldset li
    {
    padding:4px;
    border-bottom:1px solid #c0c0c0/*#404040*/;
    }

.basicform fieldset label
    {
    position:relative;
    top:6px;
    display:inline-block;
    width:41%;
    padding:0 1% 10px 0;
    font-size:1em;
    vertical-align:top;
    }

.basicform fieldset .required
    {
    color:#f30;
    }

.basicform fieldset .text-nofield
    {
    font-size:1em;
    }

.basicform fieldset .textbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
    {
    margin:4px 0 6px;
    padding:0.25em;
    font-size:1em;
    /*color:#c0c0c0;*/
    background-color:#fff/*#dadada*/;
    -moz-box-shadow:inset -1px 1px 0.125em #e5e5e5;
    -webkit-box-shadow:inset -1px 1px 0.125em #e5e5e5;
    box-shadow:inset -1px 1px 0.125em #e5e5e5;
    border:1px solid #c0c0c0/*#404040*/;
    -moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
	/*behavior:url(/pie/PIE.htc); /* work-around to force CSS3 behavior in IE8/7 */
    vertical-align:text-top;
    }

.basicform fieldset .textbox
    {
    width:55%;
    }

.basicform fieldset .shorttextbox
    {
    width:5%;
    }

.basicform fieldset select
    {
    width:auto;
    padding:0 1px;
    }

.basicform fieldset select option
    {
    padding-right:0.5em;
    }

.basicform fieldset textarea
    {
    width:55%;
    height:100px;
    }

.basicform fieldset fieldset, .basicform fieldset fieldset legend
    {
    padding:0;
    border:none;
    }

/* star hack to accommodate IE6's and IE7's special needs */

*:first-child+html .basicform fieldset fieldset legend
    {
    margin:0 0 0 -7px;
    }

.basicform fieldset fieldset
    {
    padding-bottom:4px;
    }

.basicform fieldset fieldset legend, .basicform fieldset fieldset.subtextboxes legend
    {
    padding-top:6px;
    font-weight:normal;
    font-size:1em;
	font-family:"Lato", Arial, Helvetica, sans-serif;
    white-space:pre-line;
    }

.basicform fieldset fieldset legend .wrap
    {
    display:block;
    width:590px;
    white-space:normal;
    }

.basicform fieldset fieldset.subtextboxes legend
    {
    font-weight:bold;
    }

.basicform fieldset fieldset label
    {
    display:block;
    top:0;
    width:auto;
    margin-left:42%;
    padding:0 0 0 4px;
    font-weight:normal;
    font-size:1em;
    }

.basicform fieldset fieldset.subtextboxes label
    {
    display:inline-block;
    width:42%;
    margin:0;
    padding:0;
    font-size:1em;
    /*vertical-align:top;*/
    }

.basicform fieldset fieldset label input, .basicform fieldset fieldset.longlist span.checkbox input
    {
    margin-right:5px;
    }

.basicform fieldset fieldset.longlist legend
    {
    padding:0 0 1em 0;
    }

.basicform fieldset fieldset.longlist label, .basicform fieldset fieldset.longlist span.checkbox
    {
    float:left;
    width:33%;
    margin:0;
    padding:0;
    font-size:1em;
    /*vertical-align:top;*/
    }

.basicform fieldset fieldset.longlist span.checkbox label
    {
    display:inline;
    float:none;
    width:auto;
    margin:0;
    padding:0;
    font-size:1em;
    /*vertical-align:top;*/
    }

.basicform fieldset .button
	{
	margin:0 8px 1em 0;
	padding:0.25em 0.375em;
    font-weight:bold;
    font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#4289c9;
	border:2px solid #4289c9;
	/*color:#fff;
    background:#202020;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#202020));
    background:-webkit-linear-gradient(top, #505050, #202020); 
    background:-moz-linear-gradient(top, #505050, #202020);
    background:-ms-linear-gradient(top, #505050, #202020);
    background:-o-linear-gradient(top, #505050, #202020);
    background:linear-gradient(top, #505050, #202020);
    -pie-background:linear-gradient(top, #505050, #202020);
	border:1px solid #66b2cb;*/
	-moz-border-radius:3px/*0.5em*/;
	-webkit-border-radius:3px/*0.5em*/;
	border-radius:3px/*0.5em*/;
	}

.basicform fieldset .button:hover, .basicform fieldset .button:active, .basicform fieldset .button:focus
    {
    color:#4289c9;
	background-color:#202020;
	border-color:#202020;
    /*color:#fff;
	background:#404040;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#404040));
    background:-webkit-linear-gradient(top, #666, #404040);
    background:-moz-linear-gradient(top, #666, #404040);
    background:-ms-linear-gradient(top, #666, #404040);
    background:-o-linear-gradient(top, #666, #404040);
    background:linear-gradient(top, #666, #404040);
	-pie-background:linear-gradient(top, #666, #404040);
	border:1px solid #c5e7f2;*/
	cursor:pointer;
    }

@media screen and (max-width:480px)
    {
    .basicform fieldset ol, .basicform fieldset ul
        {
        border:none;
        }

    .basicform fieldset ol ol, .basicform fieldset ol ul
        {
        border:1px solid #505050;
        }

    .basicform fieldset ol ol li, .basicform fieldset ol ul li
        {
        padding:4px 8px;
        }

    .basicform fieldset ol ol li.noinput, .basicform fieldset ol ul li.noinput
        {
        line-height:1.3125em;
		font-size:0.875em;
        }

    .basicform fieldset ol.numbered li
        {
        padding-left:0;
        border:none;
        }

    .basicform fieldset li
        {
        padding:0;
        border:none;
        }
        
    .basicform fieldset label, .basicform fieldset li label
        {
        display:block;
        font-weight:bold;
        font-size:0.875em;
        }
	
	.basicform fieldset label
        {
        position:relative;
        top:0;
        width:auto;
        padding:0;
        }
	
	.basicform fieldset .text-nofield, .basicform fieldset .textbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
        {
        margin:0 0 1.3125em;
        font-size:0.875em;
        }

    .basicform fieldset .text-nofield
	{
		display:block;
		}
	
	.basicform fieldset .textbox
        {
        width:88%;
        }

    .basicform fieldset textarea
        {
        width:88%;
        }

    .basicform fieldset fieldset legend, .basicform fieldset fieldset.subtextboxes legend
        {
        padding-top:0;
        font-size:0.875em;
        }

    .basicform fieldset fieldset legend .wrap
        {
        width:100%;
        }

    .basicform fieldset fieldset label
        {
        margin-left:0;
        padding:0;
        font-size:0.875em;
        }

    .basicform fieldset fieldset.subtextboxes label
        {
        display:block;
        width:auto;
        font-size:0.875em;
        }

    .basicform fieldset fieldset.longlist label, .basicform fieldset fieldset.longlist span.checkbox
        {
        float:none;
        width:auto;
        font-size:0.875em;
        }

    .basicform fieldset fieldset.longlist span.checkbox label
        {
        font-size:0.875em;
        }

    .basicform fieldset .button
	    {
	    font-size:0.875em;
	    }
    }


/* Simple form
----------------------------------------------------------------------------------*/

.simpleform label, .simpleform .textbox, .simpleform textarea
    {
    display:block;
    font-size:1em;
    }

.simpleform .textbox, .simpleform textarea, .simpleform .checkbox, .simpleform .button
    {
    margin-bottom:1.3125em;
    }

.simpleform .textbox, .simpleform textarea
    {
    padding:0.25em;
    background:#fff;
    -moz-box-shadow:inset -1px 1px 0.125em #e5e5e5;
    -webkit-box-shadow:inset -1px 1px 0.125em #e5e5e5;
    box-shadow:inset -1px 1px 0.125em #e5e5e5;
    border:1px solid #c0c0c0;
    -moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
    }

.simpleform .textbox
    {
    width:198px;
    margin-left:0;
    }

.simpleform textarea
    {
    width:55%;
    height:100px;
    }

.simpleform .checkbox, .simpleform .checkbox input
    {
    float:left;
    }

.simpleform .checkbox input
    {
    padding-right:0.5em;
    }

.simpleform .button
	{
	display:block;
	margin-right:8px;
	padding:0 4px;
	font:1em Arial, Helvetica, sans-serif;
	overflow:visible; /* fix IE7's/IE6's incorrect application of padding */
	clear:both;
	}

@media screen and (max-width:480px)
    {
    .simpleform label, .simpleform .textbox, .simpleform textarea, .simpleform .fileupload, .simpleform .button
        {
        font-size:0.875em;
        }
    }


/* CMS created form
----------------------------------------------------------------------------------*/

.bodyText td
    {
    vertical-align:top;
    border:none;
    }

.bodyText th, .bodyText td
    {
    padding:0;
    font-size:1em;
    text-align:left;
    }

.bodyText .formitems_heading
    {
    padding-top:0.75em;
    font-weight:bold;
	font-size:1.125em;
    }

.bodyText th p, .bodyText td p, .bodyText .formitems_label
    {
    font-size:1em;
    }

.bodyText .formitems_label, .bodyText .formitems
    {
    padding:0.5em 0.25em;
    border-width:1px 0;
    border-style:solid;
    border-color:#c0c0c0;
    }

.bodyText .formitems_label
    {
    width:41%;
    }

.bodyText .formitems
    {
    width:55%;
    }

.bodyText .formfields
    {
    padding:0.25em;
    font-size:1em;
    border:1px solid #c0c0c0;
    -moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
	behavior:url(/pie/PIE.htc); /* work-around to force CSS3 behavior in IE8/7 */
    }

.buttonStyle
    {
    padding:0.25em 0.375em;
    font-weight:bold;
    font-size:1em;
    color:#fff;
    background:#333;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333));
    background:-webkit-linear-gradient(top, #666, #333); 
    background:-moz-linear-gradient(top, #666, #333);
    background:-ms-linear-gradient(top, #666, #333);
    background:-o-linear-gradient(top, #666, #333);
    background:linear-gradient(top, #666, #333);
    -pie-background:linear-gradient(top, #666, #333);
    border:1px solid #66b2cb;
    -moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	behavior:url(/pie/PIE.htc); /* work-around to force CSS3 behavior in IE8/7 */
    }

.buttonStyle:hover, .buttonStyle:active, .buttonStyle:focus
    {
    color:#fff;
    background:#505050;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#808080), to(#505050));
    background:-webkit-linear-gradient(top, #808080, #505050);
    background:-moz-linear-gradient(top, #808080, #505050);
    background:-ms-linear-gradient(top, #808080, #505050);
    background:-o-linear-gradient(top, #808080, #505050);
    background:linear-gradient(top, #808080, #505050);
	-pie-background:linear-gradient(top, #808080, #505050);
	border:1px solid #c5e7f2;
	behavior:url(/pie/PIE.htc); /* work-around to force CSS3 behavior in IE8/7 */
    cursor:pointer;
    }

@media screen and (max-width:480px)
    {
    .bodyText .formitems_heading
        {
	    font-size:1em;
        }
    
    .bodyText .formitems_label, .bodyText .formitems
        {
        display:block;
        float:left;
        width:100%;
        padding:0;
        border-width:0;
        box-sizing:border-box;
        clear:both;
        }
    
    .bodyText .formitems_label
        {
        margin-top:0.5em;
        }
    
    .bodyText .formfields
        {
        position:relative;
        margin-bottom:0.5em;
        padding:0.25em;
        font-size:1em;
        }
    
    .bodyText th p, .bodyText td p, .bodyText .formitems_label, .bodyText .formitems
        {
        font-size:0.875em;
        }
    }


/* Mailing list form
----------------------------------------------------------------------------------*/

#frm-mailinglist
    {
    margin-bottom:1.5em;
    }

#frm-mailinglist ol
    {
    padding-left:0;
    font-size:1em;
    list-style:none;
    }

#frm-mailinglist label
    {
    display:block;
    margin-top:0.5em;
    font-size:1em;
    }

#frm-mailinglist .textbox
    {
    width:198px;
    margin:0 0 1em;
    padding:1px;
    font-size:1em;
    }

#frm-mailinglist .button
	{
	margin:0 8px 1.5em 0;
	padding:0 3px;
	font-size:1em;
	overflow:visible; /* correct IE6/IE7's incorrect padding on buttons */
	}


/* Form field dynamic styles
----------------------------------------------------------------------------------*/

.basicform fieldset .textbox-focus, .basicform fieldset .shorttextbox-focus, .basicform fieldset select.focus, .basicform fieldset textarea.focus, .simpleform .textbox-focus, .bodyText .textbox-focus, .orderbox input.textbox-focus, .orderbox select.textbox-focus, .orderbox textarea.textbox-focus
    {
    border:1px solid #a7c249;
    }


/* Horizontal rules
----------------------------------------------------------------------------------*/

hr
	{
	visibility:hidden;
	height:1%;
	clear:both;
	}

.hr
	{
	margin-bottom:1.5em;
	border-top:1px dotted #000;
	}


/* Miscellaneous
--------------------------------------------------------------------------------*/

.warning, .errorText
    {
	font-weight:bold;
	color:#f30;
    }

.basicform fieldset .warning-border
    {
    border-color:#f30;
    }

.normal
    {
	font-weight:normal;
    }

.success
    {
    font-weight:bold;
	color:#37af37;
    }

.hidden
    {
    display:none;
    }