﻿/**********************************************************************************
* 
* © 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: print.css
* Description: Print styles for www.www.freshfinance.us
*
***********************************************************************************/

/* Print edits/hide for print
----------------------------------------------------------------------------------*/

#logo h1, #nav, #nav-secondary, #nav-menu-link, #nav-actions, #nav-mobile, #nav-sub-m, #nav-sub, #nav-store, #slideshow, #sharethis, .video-container, #ctl00_frmUser, .basicform, .simpleform
    {
    display:none;
    }


/* Body 
----------------------------------------------------------------------------------*/
body
	{
	font-size:10pt !important;
	line-height:150%;
	color:#000;
	background:none;
	}


/* Base text
----------------------------------------------------------------------------------*/

h2
	{
	font-size:1.625em;
	color:#000;
	border-bottom-color:#c0c0c0;
	}

h3, h4, h5, h6
    {
    color:#000;
    }

h3
	{
	font-size:1.375em;
	}

h4
	{
	font-size:1.25em;
	}

h5
	{
	font-size:1.125em;
	}

h6, p, ul, ol, time, pre
	{
	font-size:1em;
	}


/* Tables 
----------------------------------------------------------------------------------*/

table th, table td
    {
    font-size:1em;
    }

table th
    {
    color:#000;
    background:none;
    border-bottom:1px solid #505050;
    }

table td
    {
    border-bottom-color:#c0c0c0;
    }


/* Container
----------------------------------------------------------------------------------*/

#container
	{
	overflow:auto;
	}


/* Header
----------------------------------------------------------------------------------*/

#header
    {
    float:none !important;
	width:100%;
	margin-bottom:2em;
	padding:0;
    background:none;
	border:none;
    }

#mast, #logo
    {
    float:none !important;
    width:auto;
    }

#logo img
    {
	display:block;
	min-width:150px;
	max-width:45%;
	max-height:150px;
    }


/* Main background
----------------------------------------------------------------------------------*/

#main
    {
    float:none !important;
	width:100%;
    padding:0;
    }


/* Content
----------------------------------------------------------------------------------*/

#content
	{
	float:none !important;
	}

.video-container
	{
	height:auto;
    margin:0;
    padding:0;
    overflow:auto;
	}


/* 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:1px solid #c0c0c0;
    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)
    {
    .tilelist li
        {
        width:180px;
        margin-right:19px;
        }

    .itemlist li a.iteminfo
        {
        float:left;
        width:148px;
        height:220px/*250px*/;
        margin-bottom:0;
        padding:16px;
        /*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:right;
    max-width:150px;
    /*height:174px;*/
    margin:0 0 0.5em 1.5em;
    /*border:1px solid #000;*/
    }

.itemlist strong
    {
    display:block;
    padding-bottom:0;
    font-size:1.125em;
    }

.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:1px solid #505050;
    }

/*ul.itemlist li:hover a.iteminfo
    {
    background:#daefff;
    }*/

.itemlist a.iteminfo:hover, .itemlist a.iteminfo:active, .itemlist a.iteminfo:focus
    {
    background:#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;
    }

.itemlist li a.itemadd:hover, .itemlist li a.itemadd:active, .itemlist li a.itemadd:focus
    {
    background:#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:99%;
        margin-right:0;
        }

    .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:left;
        width:148px;
        height:174px;
        margin:0 1.5em 0.5em 0;
        }
    
    .itemlist strong
        {
        font-size:1em;
        }

    .itemlist em
        {
        font-size:0.875em;
        }
    }

@media screen and (max-width:380px)
    {
    .itemlist li a.iteminfo img
        {
        float:none !important;
        max-width:148px;
        min-width:148px;
        height:auto;
        margin:0 auto 0.5em;
        }
    
    .itemlist strong, .itemlist em
        {
        text-align:center;
        }
    }


/* Section gallery
----------------------------------------------------------------------------------*/

.section li:first-child
	{
    border-top-color:#c0c0c0;
    }

.section li
	{
    border-bottom-color:#c0c0c0;
    }

.section img
	{
    border-color:#c0c0c0;
    }

.section strong
	{
	font-size:1.125em;
    }

.section span.jobtitle
    {
    font-size:1em;
    }

.section em
	{
    font-size:1em;
    }

.section li
	{
    border:1px solid #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;
    }


/* 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;
    }


/* Google map
----------------------------------------------------------------------------------*/

.map small
    {
    font-size:1em;
    }


/* Sidepane
----------------------------------------------------------------------------------*/

#supplemental
    {
    float:none !important;
    border-top-color:#c0c0c0;
    clear:both;
    }

#social
    {
    float:left;
    width:100%;
    padding-top:1em;
    padding-left:0;
    list-style:none;
    line-height:1em;
    border-top:1px solid #404040;
    }

#social li
    {
    float:left;
    padding:0.25em 0;
    clear:both;
    }

#social a
    {
    display:block;
    float:left;
    height:17px;
    padding:3px 30px 0 0;
    background-position:right top;
    background-repeat:no-repeat;
    border:none;
    }

#facebook a
    {
    background-image:url(/sitegraphics/eti-facebook.gif);
    }

#social a:hover
    {
    background-color:transparent;
    background-position:right bottom;
    }

#social a span
    {
    border-bottom:1px solid #a7c249;
    }

#social a:hover span
    {
    background-color:#d4e7f3;
    }


/* 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:none !important;
	width:100%;
    padding:1em 0 0;
    background:none;
	border-top:1px solid #505050;
    }

#footer p
    {
    color:#000;
    }


/* Print links
----------------------------------------------------------------------------------*/
	
#content a:after, #supplemental a:after, #sidepane a:after, #footer a:after
   {
   content:" (" attr(href) ")";
   border:none;
   }

#content a[href^="/"]:after, #supplemental a[href^="/"]:after, #sidepane a[href^="/"]:after, #footer a[href^="/"]:after
   {
   content:" (http://www.freshfinance.us" attr(href) ")";
   border:none;
   }

#content .summarylist a:after, #content .summarylist a[href^="/"]:after, #content .lb-gallery a:after, #content .lb-gallery a[href^="/"]:after
   {
   content:none;
   }