/**********************************************************************************
* 
* © 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.fargosound.com
*
***********************************************************************************/

/* Print edits/hide for print
----------------------------------------------------------------------------------*/

#logo h1, #nav, #nav-menu-link, #nav-actions, #nav-mobile, #nav-sub-m, #nav-sub, #nav-store, #slideshow, #sharethis, .video-container, #supplemental, #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;
	font-family:"NexaLightRegular", Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.10em;
	border-bottom:1px solid #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
    {
    color:#000;
    background:none;
    border-bottom:1px solid #505050;
    }

table td
    {
    border-bottom-color:#c0c0c0;
    }


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

#container
	{
	overflow:auto;
	}


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

#header
    {
    position:static;
    float:none !important;
	width:100%;
	margin-bottom:2em;
	padding:0;
    background:none;
	border-width:0;
    }

#mast, #logo
    {
    float:none !important;
    }

#logo img
    {
	display:block;
	min-width:150px;
	max-width:31%;
	max-height:150px;
    }

#header-supplemental
    {
    }


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

#main
    {
    float:none !important;
	width:100%;
	margin:0;
    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;
        }
    }


/* 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 li
	{
    border-color:#c0c0c0;
    }


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

.lb-gallery a
	{
	border-color:#c0c0c0;
	}


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

.map iframe
    {
    border-color:#c0c0c0;
    }


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

#supplemental
    {
    float:none !important;
    padding-top:1em;
    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 #86b34b;
    }

#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 #fff;
    }

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


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

#footer
    {
    float:none !important;
	width:100%;
    padding:1em 0 0;
    background:none;
	border-top:1px solid #505050;
    }


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

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

.simpleform label
    {
    font-family:"NexaLightRegular", Arial, Helvetica, sans-serif;
    color:#fff;
    }

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

.simpleform .textbox, .simpleform textarea
    {
    padding:0.25em;
    color:#c0c0c0;
    background:#141414;
    border:1px solid #404040;
    -moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
    }

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

.simpleform textarea
    {
    width:230px;
    height:100px;
    }

.simpleform .textbox::selection
    {
    background-color:#333;
    }

.simpleform .textbox::-moz-selection
    {
    background-color:#333;
    }

.simpleform textarea::selection
    {
    background-color:#333;
    }

.simpleform textarea::-moz-selection
    {
    background-color:#333;
    }

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

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

.simpleform .button
	{
	padding:0.25em 0.375em;
    font-weight:bold;
    font-size:0.875em;
    color:#e5e5e5;
    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 #86b34b;
    -moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	}

.simpleform .button:hover, .simpleform .button:active, .simpleform .button: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 #def1c5;
	behavior:url(/pie/PIE.htc); /* work-around to force CSS3 behavior in IE8/7 */
    cursor:pointer;
    }

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


/* 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.fargosound.com" 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;
   }