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


/* Body 
----------------------------------------------------------------------------------*/

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

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

#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;
    border:none;
    }

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

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

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


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

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

h1 a
    {
    display:block;
    width:160px;
    height:60px;
    background:no-repeat left top url(/sitegraphics/truckinglogs-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*/ #000 dotted 1px;
    }

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

h2
    {
    margin-bottom:0.5125em;
    padding-bottom:0.15em;
    font-weight:700;
    font-size:1.875em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    color:#666;
    line-height:1.10em;
    text-transform:uppercase;
    border-bottom:1px solid #c0c0c0;
    }

h3, h4
    {
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    line-height:1em;
    text-transform:uppercase;
    }

h3, h4, h5, h6
    {
    font-weight:700;
    }

h3
    {
    font-size:1.5em;
    }

h4
    {
    font-size:1.375em;
    }

h5
    {
    font-size:1.25em;
    }

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

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

.xtarget:target
    {
    margin-top:-112px;
    padding-top:112px;
    }

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

p
    {
    padding-bottom:1.5em;
    }

ul, ol
    {
    /*position:relative;
	left:2em;
    overflow:hidden;*/
    padding:0 0 1.5em 2em;
    }

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

.daterange
    {
    display:inline-block;
    }

#eventlist time, #eventlist-side time
    {
    padding:0;
    }

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.75em;
        }

    h3
        {
        font-size:1.375em;
        }

    h4
        {
        font-size:1.25em;
        }

    h5
        {
        font-size:1.125em;
        }

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


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

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

a:hover, a:active, a:focus
    {
    color:#000;
    background-color:#ddf3d5;
    }

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;
    border-bottom:1px solid #467f2f;
    }


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

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

table tr:nth-child(odd)
    {
    background-color:#f1f1f1;
    }

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

table th
    {
    color:#fff;
    background-color:#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;*/
    }

/* 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, table td time
    {
    font-size:1em;
    line-height:1.5em;
    }

@media screen and (min-width:481px)
    {
    table th, table td
        {
        font-size:0.875em;
        }

    table th p, table td p, table td ul, table td ol, table td time
        {
        line-height:1.3125em;
        }
    }


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

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

h2 + img
    {
    margin-top:1em;
    }

h3 + img, h5 + img, h3 + .imageleft, h5 + .imageleft, .imagesticky
    {
    margin-top:0.3125em;
    }

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

.imageleft, .imageright, .imageleftsmall, .imagerightsmall, .imagecenter
    {
    margin:0 auto 1.5em;
    }

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

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

@media screen and (min-width:281px)
    {
    .imageleftsmall, .imagerightsmall
        {
        max-width:51%;
        }

    .imageleftsmall
        {
        float:left;
        margin-right:1.3125em;
        }

    .imagerightsmall
        {
        float:right;
        margin-left:1.3125em;
        }
    }

@media screen and (min-width:481px)
    {
    img
        {
        margin-bottom:1.3125em;
        }

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

    .imageleft
        {
        float:left;
        }

    .imageleft, .imagesticky
        {
        margin-right:1.3125em;
        }

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

    .imagecenter
        {
        margin-bottom:1.3125em;
        }
    }


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

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


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

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

@media screen and (min-width:768px)
    {
    #container-intro
        {
        /*background-repeat:no-repeat;
        background-position:center 92px;
        background-image:url(/sitegraphics/truckinglogs-banner.jpg);
        background-size:1906px 350px;*/
        }
    }


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

#header
    {
    position:fixed;
    top:28px;
    float:left;
    width:90%;
    height:auto;
    padding:14px 5%;
    background-color:#fff;
    border-width:0 0 4px;
    border-style:solid;
    border-color:#666;
    z-index:2;
    /*-moz-box-shadow:0 8px 8px -8px #202020;
	-webkit-box-shadow:0 8px 8px -8px #202020;
	box-shadow:0 8px 8px -8px #202020;*/
    }

#logo
    {
    float:left;
    }

#logo img
    {
    display:none;
    }

#header-supplemental
    {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:28px;
    padding:0 5%;
    /*text-align:right;*/
    background-color:#dadada;
    z-index:3;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

#tagline
    {
    display:none;
    }

#phone
    {
    position:fixed;
    right:0;
    bottom:24% /*13%*/;
    padding:0;
    z-index:2;
    }

#phone a
    {
    display:block;
    width:36px/*40px*/;
    height:50px/*56px*/;
    padding:10px;
    background:#fff no-repeat center center url(/sitegraphics/truckinglogs-phone.png);
    background-size:36px 50px/*40px 56px*/;
    border-width:4px 0 4px 4px;
    border-style:solid;
    border-color:#666;
    -moz-border-radius:1em 0 0 1em;
    -webkit-border-radius:1em 0 0 1em;
    border-radius:1em 0 0 1em;
    }

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

#search
    {
    float:right/*left*/;
    margin-top:34px;
    /*padding-top:4px;*/
    }

#search label
    {
    position:relative;
    top:3px;
    display:inline-block;
    width:20px;
    height:20px;
    margin-bottom:0;
    padding-bottom:0;
    font:700 0.875em "Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    background:no-repeat url(/sitegraphics/truckinglogs-search.png);
    background-size:100%;
    }

#search label span
    {
    position:absolute;
    left:-999em;
    }

#search .textbox
    {
    width:86px/*100px*/;
    padding:0.125em 0.25em;
    margin:0 0 0 0.25em;
    background:#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;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

#search .btn-search
    {
    position:relative;
    top:-2px;
    margin:0 0 0 0.25em;
    padding:0.25em 0.25em 0.125em;
    font:700 0.875em "Fira Sans", Arial, Helvetica, sans-serif;
    color:#6bc048;
    text-transform:uppercase;
    background-color:#333;
    border:1px solid #333;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

#search .btn-search:hover, #search .btn-search:active
    {
    color:#0c0c0c;
    background-color:#6bc048;
    border:1px solid #6bc048;
    cursor:pointer;
    }

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

    #phone
        {
        font-size:0.875em;
        }
    
    #search label
        {
        top:0;
        display:inline-block;
        width:auto;
        height:auto;
        background:none;
        }

    #search label span
        {
        position:static;
        left:auto;
        }
    
    #search .btn-search
        {
        font-size:0.75em;
        }
    
    #search .textbox
        {
        width:180px;
        }
    }

@media screen and (min-width:768px)
    {
    #phone
        {
        /*display:none;*/
        position:static;
        right:auto;
        bottom:auto;
        float:right;
        /*margin-top:34px;*/
        margin:6px 0 0 0.625em;
        padding:1px 0 2px 0.875em;
        font-size:0.875em;
        line-height:1em;
        border-left:1px solid #666;
        }

    #phone a
        {
        display:inline;
        width:auto;
        height:auto;
        padding:0;
        color:#000;
        background:none;
        border:none;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
        }

    #phone a:hover, #phone a:active, #phone a:focus
        {
        background:none;
        border:none;
        cursor:text;
        }

    #phone span
        {
        position:static;
        left:auto;
        }
    }


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

#nav, #nav-sub
    {
    display:none;
    }

#nav
    {
    position:fixed;
    top:122px/*92px*/;
    right:0;
    float:right;
    width:100%;
    border-width:0 0 4px;
    border-style:solid;
    border-color:#666;
    z-index:2 !important;
    }

#nav ul
    {
    padding:0;
    font:700 1em "Fira Sans", Arial, Helvetica, sans-serif;
    list-style-type:none;
    text-transform:uppercase;
    }

#nav li
    {
    float:left;
    width:100%;
    }

#nav li:first-child
    {
    }

#nav a
    {
    display:block;
    padding:0.4375em 5% 0.3125em;
    color:#505050;
    background-color:#fff;
    border:none;
    }

#nav a:hover, #nav a:focus
    {
    color:#0c0c0c;
    background-color:#6bc048;
    }

#nav-top
    {
    /*position:fixed;
    top:0;
    left:0;
    width:100%;
    height:28px;
    padding:0 5%;
    text-align:right;
    background-color:#dadada;
    z-index:3;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;*/
    }

#nav-top ul
    {
    float:right;
    padding:0;
    font:700 0.875em "Fira Sans", Arial, Helvetica, sans-serif;
    list-style-type:none;
    text-transform:uppercase;
    }

#nav-top li
    {
    float:left;
    }

#nav-top li:first-child
    {
    margin-left:0;
    }

#nav-top a  
    {
    display:inline-block;
    height:28px;
    padding:7px 0.75em 0;
    /*color:#0072cf;*/
    border:none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

#nav-top #cart a
    {
    padding-left:38px;
    background-repeat:no-repeat;
    background-position:10px 5px;
    background-image:url(/sitegraphics/truckinglogs-cart.png);
    background-size:22px 18px;
    }

#nav-top a:hover, #nav-top a:focus
    {
    color:#000;
    background-color:#6bc048;
    }

#nav-top #payment a:hover, #nav-top #payment a:focus
    {
    background-position:10px -16px;
    }

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

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

#nav-m .nicebutton  
    {
    padding-right:30px;
    background-repeat:no-repeat;
    background-position:50px 6px;
    background-image:url(/sitegraphics/truckinglogs-menulines.png);
    background-size:20px 42px;
    }

#nav-m .nicebutton:hover, #nav-m .nicebutton:focus
    {
    background-position:50px -23px;
    }

#nav-actions
    {
    float:left;
    width:100%;
    }

#nav-actions ul
    {
    padding:0;
    font:700 1em "Fira Sans", Arial, Helvetica, sans-serif;
    list-style-type:none;
    }

#nav-actions li
    {
    float:left;
    width:100%;
    }

#nav-actions a
    {
    display:block;
    height:109px;
    margin:0 auto 1.5em;
    padding:82px 10px 0;
    color:#fff/*#505050*/;
    text-align:center;
    background-repeat:no-repeat;
    background-position:center 10px;
    border:2px solid #fff/*#505050*/;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

#documents-logs a
    {
    width:139px;
    background-image:url(/sitegraphics/truckinglogs-tile-logs.png);
    }

#documents-envelopes a
    {
    width:157px;
    background-image:url(/sitegraphics/truckinglogs-tile-envelopes.png);
    }

#documents-bills a
    {
    width:142px;
    background-image:url(/sitegraphics/truckinglogs-tile-bills.png);
    }

#documents-binders a
    {
    width:172px;
    background-image:url(/sitegraphics/truckinglogs-tile-binders.png);
    }

#nav-actions a:hover, #nav-actions a:focus
    {
    color:#ddf3d5/*#000*/;
    background-color:#363c34;
    border-color:#ddf3d5/*#000*/;
    }

#nav-products
    {
    display:block;
    margin-bottom:1.5em;
    border:1px solid #c0c0c0;
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

#nav-products h5
    {
    margin-bottom:0.5em;
    padding:0.5em 12px 0.4375em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    background-color:/*#ddf3d5*/#f1f1f1;
    border-width:1px 0;
    border-style:solid;
    border-color:#c0c0c0;
    }

#nav-products h5:first-child
    {
    border-width:0 0 1px;
    }

#nav-products h5 a
    {
    /*color:#000;*/
    }

#nav-products h5 a:hover, #nav-products h5 a:focus
    {
    /*color:#467f2f;*/
    background-color:transparent;
    /*border-color:#467f2f;*/
    }

#nav-products > ul
    {
    padding:0 12px 1em;
    list-style-type:none;
    }

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

#nav-mobile h3
    {
    margin-bottom:0.75em;
    }

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

#nav-mobile .xtarget:target
    {
    margin-top:-112px;
    padding-top:112px;
    }

#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 3%;
    border:none;
    }

#nav-mobile li a:hover, li #nav-mobile a:active, li #nav-mobile a:focus
    {
    }

#nav-mobile li li a
    {
    padding-left:1.25em;
    }

#nav-mobile li li a:before
    {
    content:"\00bb\00a0";
    }

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

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

@media screen and (min-width:481px)
    {
    #nav
        {
        top:120px;
        width:50%;
        border-width:0 0 4px 4px;
        }

    #nav-menu-link
        {
        right:4%;
        }

    #nav-actions li
        {
        width:50%;
        }
    }

@media screen and (min-width:768px)
    {
    #nav
        {
        width:44%;
        }
    
    #nav-actions
        {
        /*width:40%;*/
        }
    
    #nav-actions li
        {
        width:22%/*48%*/;
        margin-left:4%;
        }
    
    #nav-actions li:first-child
        {
        margin-left:0;
        }
    
    /*#nav-actions li:nth-child(2n+1)
        {
        margin-left:0;
        }*/

    #documents-logs a, #documents-envelopes a, #documents-bills a, #documents-binders a
        {
        width:100%;
        }
    
    #documents-logs a
        {
        background-size:60%;
        }
    
    #documents-envelopes a
        {
        background-size:68%;
        }
    
    #documents-bills a
        {
        background-size:60%;
        }
    
    #documents-binders a
        {
        background-size:78%;
        }
    
    #nav-products
        {
        display:block;
        float:left;
        width:26%;
        margin-bottom:1.5em;
        border:1px solid #c0c0c0;
        -moz-border-radius:3px;
	    -webkit-border-radius:3px;
	    border-radius:3px;
        -moz-box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	    box-sizing:border-box;
        }
    
    #nav-products h5
        {
        margin-bottom:0.5em;
        padding:0.5em 0.5em 0.4375em;
        font-family:"Fira Sans", Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        background-color:/*#ddf3d5*/#f1f1f1;
        border-width:1px 0;
        border-style:solid;
        border-color:#c0c0c0;
        }

    #nav-products h5:first-child
        {
        border-width:0 0 1px;
        }

    #nav-products h5 a
        {
        /*color:#000;*/
        }

    #nav-products h5 a:hover, #nav-products h5 a:focus
        {
        /*color:#467f2f;*/
        background-color:transparent;
        /*border-color:#467f2f;*/
        }
    }


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

#banner
    {
    display:none;
    }

#promo
    {
    /*display:none;*/
    width:90%;
    margin-top:120px;
    padding:10px 5%;
    background-color:#6bc048;
    }

#promo p
    {
    padding:0;
    text-transform:uppercase;
    }

/*#promo .promo-holiday
    {
    font-weight:700;
    }*/

#promo p strong
    {
    margin:0 0.25em;
    padding:0.25em 0.5em;
    border:1px solid #000;
    }

@media screen and min-width:768px)
    {
    #promo
        {
        width:92%;
        padding:10px 4%;
        }
    }


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

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

#promo + #main
    {
    margin-top:0;
    }

#container-intro #main
    {
    background-color:#1a1a1a/*#eaeaea*/;
    }

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

@media screen and (min-width:768px)
    {
    #container-intro #main
        {
        height:350px;
        background-repeat:no-repeat;
        background-position:center top;
        background-image:url(/sitegraphics/truckinglogs-banner02-m.jpg);
        }
    }


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

#content, #content-full
    {
    float:left;
    width:100%;
    }

#intro-page-title, #intro-page-content
    {
    color:#fff;
    }

#intro-page-bannercontent
    {
    display:none;
    }

#slideshow
    {
    display:none;
    }

#content-log-select
    {
    padding:0;
    list-style-type:none;
    }

.btn-callout, .btn-frm-callout, .btn-callout-large, .btn-cart-continue
    {
    padding:0;
    font:700 1em "Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    }

.btn-callout a, .btn-frm-callout, .btn-callout-large, .btn-cart-continue
    {
    display:inline-block;
    margin-bottom:1em;
    padding:0.3125em 0.5em 0.25em;
    color:#202020;
    background-color:#6bc048/*#fff*/;
    border:/*1px*/2px solid #6bc048/*#666*/;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

.store-content .btn-frm-callout
    {
    margin-right:12px;
    margin-left:12px;
    }

.btn-frm-callout, .store-content .simpleform .btn-frm-callout, .btn-callout-large
    {
    margin:0 0.5em 1em 0;
    }

.btn-callout-large, .btn-cart-continue
    {
    padding:0.625em 0.75em 0.5em;
    font-size:1.5em;
    }

table .btn-frm-callout
    {
    margin:0.25em 0;
    padding:0.125em 0.25em;
    font:400 1em "Lato", Arial, Helvetica, sans-serif;
    text-transform:none;
    }

.btn-product-return a
    {
    padding-left:0;
    }

.btn-callout span
    {
    display:inline-block;
    margin-left:0.25em;
    padding:0.3125em 0.5em 0.25em;
    color:#fff;
    background-color:#6bc048;
    }

.btn-product-return span
    {
    margin-right:0.5em;
    padding:0.3125em 0.5em 0.25em;
    -moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
    }

.btn-callout a:hover, .btn-callout a:focus, .btn-frm-callout:hover, .btn-frm-callout:focus, .btn-callout-large:hover, .btn-callout-large:focus, .btn-cart-continue:hover, .btn-cart-continue:focus
    {
    color:#6bc048/*#0c0c0c*/;
    background-color:#202020/*#6bc048 /*#ccc/#b0b0b0*/;
    border-color:#202020/*#0c0c0c*/;
    cursor:pointer;
    }

.btn-callout a:hover span, .btn-callout a:focus span
    {
    color:#6bc048;
    background-color:#202020;
    }

.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%;
    }

.content-block
    {
    float:left;
    width:100%;
    padding:0;
    font-size:1em;
    list-style-type:none;
    }

.content-block ol, .content-block ul
	{
	padding-bottom:1.5em;
	}

.content-block ul
	{
	list-style-type:disc;
	}

.content-block > li
	{
	margin-bottom:1.5em;
	}

.btn-wfg, .btn-return
    {
    font:700 1.0625em "Montserrat", Arial, Helvetica, sans-serif;
    text-transform:capitalize;
    }

.btn-wfg a, .btn-return a
    {
    position:relative;
    display:inline-block;
    color:/*#202020*/ #fff;
    background-color:#0072cf;
    border:none;
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    }

.btn-wfg a
    {
    margin-bottom:1.5em;
    padding:0.875em 3em 0.625em 1em;
    }

.btn-return a
    {
    padding:0.875em 1em 0.625em 3em;
    }

.btn-wfg span, .btn-return span
    {
    position:absolute;
    top:0;
    display:inline-block;
    padding:0.625em 1.375em;
    text-indent:-999em;
    background-color:#d9edf8;
    background-repeat:no-repeat;
    background-image:url(/sitegraphics/truckinglogs-btn-arrows.png);
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    }

.btn-wfg span
    {
    right:0;
    background-position:-45px 15px /*center*/;
    }

.btn-return span
    {
    left:0;
    background-position:12px 15px /*center*/;
    }

.btn-wfg a:hover, .btn-wfg a:focus, .btn-return a:hover, .btn-return a:focus
    {
    color:#202020;
    background-color:#d9edf8;
    }

.btn-wfg a:hover span, .btn-wfg a:focus span, .btn-return a:hover span, .btn-return a:focus span
    {
    background-color:#0072cf;
    }

.mlsframe
    {
    width:100%;
    }

#popup-container
    {
    margin:1em;
    }

.nicebutton
    {
    position:relative;
    padding:0.3125em 0.375em 0.25em;
    font-weight:700;
    font-size:1em;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    background-color:#333;
    border:2px solid #333;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    cursor:pointer;
    }

.nicebutton:hover, .nicebutton:active, .nicebutton:focus
    {
    color:#202020;
    background-color:#6bc048;
    border-color:#6bc048;
    }

.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:1em;
    overflow:visible; /* correct IE6/IE7's incorrect padding on buttons */
    }

@media screen and (min-width:481px)
    {
    .btn-wfg, .btn-return
        {
        /*font-size:0.9375em;*/
        }

    .content-block ol, .content-block ul, .textbox, .shorttextbox, .button, .formButton, table .btn-frm-callout
        {
	    font-size:0.875em;
	    }
    }

@media screen and (min-width:671px)
    {
    .video-container
        {
        max-width:670px /*600px*/;
        padding-bottom:377.5px; /*337.5px; /* 16/9 ratio */
        }

    .video-container iframe, .video-container object, .video-container embed
        {
        max-height:377.5px /*337.5px*/;
        }
    }

@media screen and (min-width:768px) 
    {
    #container-intro #content
        {
        /*height:350px;*/
        }

    #intro-page-title, #intro-page-content
        {
        /*display:none;*/
        }
    
    #intro-page-title
        {
        border:none;
        }
    
    #container-intro #slideshow
        {
        display:block;
        float:right;
        width:58%;
        }

    #intro-page-bannercontent
        {
        display:block;
        float:right;
        margin:1em 1em 0 0;
        font:700 2.5em "Fira Sans", Arial, Helvetica, sans-serif;
        color:#fff;
        text-transform:uppercase;
        text-shadow:0 0 4px #0c0c0c;
        }

    #intro-page-bannercontent span
        {
        display:block;
        font-size:0.75em;
        font-weight:400;
        }
    
    #container #content
        {
        /*float:right;
        width:70%;*/
        }
    
    .btn-cart-continue
        {
        float:right;
        clear:right;
        }

    #wfg-current-openings
        {
        float:right;
        margin:0 0 1.5em 1.5em;
        border:1px solid #c0c0c0;
        max-width:40%;
        }

    #wfg-current-openings h3
        {
        padding:8px 10px;
        color:#fff;
        background-color:#0072cf;
        }

    #wfg-current-openings p, #wfg-current-openings h5 {
        padding-left:16px;
        padding-right:16px;
        }

    .content-block > li
        {
        float:left;
        width:48%;
        }

    .content-block > li:nth-child(odd)
        {
        float:left;
        clear:left;
        }

    .content-block > li:nth-child(even)
        {
        float:right;
        clear:right;
        }
    }


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

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

.itemlist li
    {
    position:relative;
    float:left;
    width:100%;
    margin-bottom:1.5em;
    }

.tilelist li
    {
    /*text-align:center;*/
    /*padding:1em;*/
    border:1px solid #c0c0c0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    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;
    margin-bottom:0;
    border:none;
    }

.tilelist li a.iteminfo
    {
    float:none !important;
    width:auto;
    height:auto;
    padding:1em;
    overflow:hidden;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

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

.itemlist li span
    {
    width:100%;
    padding:0;
    }

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

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

.itemlist li img
    {
    float:right;
    max-width:51%;
    /*max-height:150px;*/
    margin:0 0 0.5em 1.5em;
    }

.itemlist strong, .itemlist em
    {
    /*text-align:center;*/
    }

.itemlist strong
    {
    display:block;
    padding-bottom:0;
    font-size:1.25em;
    }

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

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

.tilelist .product-rating
    {
    display:inline-block;
    }

.itemlist p strong
    {
    display:inline;
    }

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

.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 #467f2f;
    }

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

.itemlist a.iteminfo:hover, .itemlist a.iteminfo:active, .itemlist a.iteminfo:focus
    {
    /*background:#467f2f;*/
    }

.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 (min-width:481px)
    {
    .itemlist strong
        {
        font-size:1.125em;
        }

    .itemlist em
        {
        font-size:0.875em;
        }
    }

@media screen and (min-width:768px)
    {
    .tilelist li
        {
        width:47%/*31.3%*/;
        height:286px;
        margin-left:3%;
        }
    
    #supplemental-featured
        {
        display:block;
        float:left;
        width:26%;
        margin-bottom:1.5em;
        -moz-box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	    box-sizing:border-box;
        }
    
    #supplemental-featured .tilelist li
        {
        width:100%;
        margin-left:0;
        }
    
    .tilelist li:nth-child(2n+1)
        {
        margin-left:0;
        }

    .itemlist li a.iteminfo
        {
        height:100%;
        }

    .itemlist li img, .tilelist li img
        {
        float:none;
        max-width:100%;
        max-height:150px;        
        margin-right:auto;
        margin-left:auto;
        /*border:1px solid #000;*/
        }
    }


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

.products-sort
    {
    float:left;
    width:100%;
    margin-bottom:1.5em;
    padding:0.5em 0.75em;
    list-style-type:none;
    /*color:#fff;*/
    background-color:#e5e5e5;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

.products-sort li
    {
    margin-top:1em;
    }

.products-sort li:first-of-type
    {
    margin-top:0;
    }

.products-sort label
    {
    margin-right:0.25em;
    }

.products-sort select
    {
    margin-right:1.5em;
    padding:0.125em 0 0.125em 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:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    }

.products-sort select option
    {
    padding:0.125em 0.5em;
    }

.btn-sort
    {
    padding:0.25em 0.25em 0.25em 24px;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:4px 5px;
    background-size:20px;
    border:1px solid #c0c0c0;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
    }

.sort-list
    {
    background-image:url(/sitegraphics/truckinglogs-icon-list.png);
    }

.sort-tiles
    {
    background-image:url(/sitegraphics/truckinglogs-icon-tiles.png);
    }

.btn-sort:hover, .btn-sort:focus
    {
    color:#6bc048;
    background-color:#202020;
    border:1px solid #202020;
    cursor:pointer;
    }

.products-paging
    {
    text-align:center;
    }

.products-paging a
    {
    padding:0.5em 0.75em;
    border:none;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
    }

.products-paging a:hover, .products-paging a:focus
    {
    color:#0c0c0c/*#fff*/;
    background-color:#6bc048/*#467f2f*/;
    }

.product-rating
    {
    height:16px;
    padding:0 0 0 85px;
    line-height:1em;
    background:no-repeat left top url(/sitegraphics/truckinglogs-rating.png);
    }

p.product-rating, .store-content .product-rating
    {
    margin-bottom:1.5em;
    }

.tilelist em.product-rating
    {
    padding-bottom:0;
    }

.review-content em.product-rating
    {
    padding-bottom:0;
    }

.product-rating span
    {
    /*position:absolute;
    left:-999em;*/
    }

.rating-0
    {
    background-position:left top;
    }

.rating-0_5
    {
    background-position:left -16px;
    }

.rating-1
    {
    background-position:left -32px;
    }

.rating-1_5
    {
    background-position:left -48px;
    }

.rating-2
    {
    background-position:left -64px;
    }

.rating-2_5
    {
    background-position:left -80px;
    }

.rating-3
    {
    background-position:left -96px;
    }

.rating-3_5
    {
    background-position:left -112px;
    }

.rating-4
    {
    background-position:left -128px;
    }

.rating-4_5
    {
    background-position:left -144px;
    }

.rating-5
    {
    background-position:left -160px;
    }

.product-rating a
    {
    margin-left:0.75em;
    }

#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 */
    }

#product-image a:hover, #product-image a:focus
    {
    -moz-cursor:zoom-in;
	-webkit-cursor:zoom-in;
	cursor:-moz-zoom-in;
	cursor:-webkit-zoom-in;
    cursor:url(/sitegraphics/truckinglogs-zoom.png), auto;
    background-size:24px;
    }

#product-options
    {
    width:100% !important;
    margin-bottom:1.5em;
    /*padding:1em;*/
    border:1px solid #c0c0c0;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;  
    }

#product-options fieldset
    {
    padding:0;
    border:none;
    }

#product-options ol
    {
    padding:0 12px;
    font-size:1em;
    list-style-type:none;
    }

#product-options li
    {
    margin-bottom:1em;
    }

#product-options h5, #product-options legend
    {
    display:block;
    width:100%;
    margin-bottom:0.5em;
    padding:10px 12px;
    font-weight:700;
    font-size:1.25em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    line-height:1em;
    text-transform:uppercase;
    background:#e5e5e5;
    border:none;
    -moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

#product-options label
    {
    display:block;
    margin:0/* 12px*/;
    font-size:1em;
    }

#product-options label:first-of-type
    {
    font-weight:700;
    }

#product-options select, #product-options .textbox, #product-options .mediumtextbox, #product-options .shorttextbox
    {
    margin:0 0/*12px 1em*/;
    padding:0.125em 0 0.125em 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:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    }

.products-sort li
    {
    margin-right:1.5em;
    }

#product-options select option
    {
    padding:0.125em 0.5em;
    }

#product-options .radiochecklabel
    {
    display:block;
    margin-left:0;
    padding:0/* 12px*/;
    font-size:1em;
    }

#product-options .radiochecklabel input
    {
    margin-right:5px;
    }

.btn-products
    {
    display:block;
    margin:0 0/*12px*/ 16px;
    padding:0.3125em 0.25em 0.25em;
    font:700 1em "Fira Sans", Arial, Helvetica, sans-serif;
    color:#0c0c0c;
    text-transform:uppercase;
    background-color:#6bc048;
    border:1px solid #6bc048;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

.btn-products:hover, .btn-products:focus  
    {
    color:#6bc048;
    background-color:#333;
    border:1px solid #333;
    cursor:pointer;
    }

#product-price
    {
    margin:0/* 12px*/;
    padding:0;
    font-weight:700;
    font-size:1.125em;
    }

#product-price span
    {
    color:#288028;
    }

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

.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;
    }

@media screen and (min-width:481px)
    {
    .products-sort li
        {
        float:left;
        margin-top:0;
        }
    
    #product-price
        {
        font-size:1em;
        }
    
    #addtocart table td label, #addtocart label, #addtocart .textbox, #addtocart .button
        {
        font-size:0.875em;
        margin-bottom:1.3125em;
        }
    }

@media screen and (min-width:601px)
    {
    #product-options
        {
        float:right;
        width:/*40%*/100% !important;
        margin:0 0 1.5em/* 1.5em*/;
        clear:right;
        }

    #product-image
        {
        display:inline-block;
        max-width:50%;
        /*margin:0 0 1.5em;*/
        clear:none;
        }
    }

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


/* Store layout
----------------------------------------------------------------------------------*/

#nav-myaccount
    {
    float:left;
    width:100%;
    }

#nav-myaccount ul
    {
    padding:0;
    list-style-type:none;
    }

.store-content
    {
    margin-bottom:1.5em;
    /*padding:1em;*/
    border:1px solid #c0c0c0;
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	clear:both;
    }

.store-content h3
    {
    position:relative;
    margin-bottom:0.625em;
    padding:0.5em 12px 0.4375em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    background-color:#eaeaea/*#ddf3d5/#f1f1f1*/;
    border-width:0 0 1px;
    border-style:solid;
    border-color:#c0c0c0;
    }

.store-content h3 a
    {
    position:absolute;
    top:0.5em;
    right:0.5em;
    display:inline-block;
    margin-bottom:1em;
    padding:0.125em 0.5em 0.0625em;
    font-size:0.625em;
    color:#202020;
    background-color:#6bc048;
    border:2px solid #6bc048;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

.store-content h3 a:hover, .store-content h3 a:focus
    {
    color:#6bc048;
    background-color:#202020;
    border:2px solid #202020;
    }

.store-content h5, .store-content p, .store-content .simpleform, .store-content time, .store-content > ol, .store-content .btn-callout-large
    {
    margin:0 12px;
    }

.store-content .content-block
    {
    margin:0;
    }

.store-content .simpleform
    {
    width:auto;
    }

.store-content .simpleform p.warning
    {
    margin:0;
    }

.store-content .simpleform .textbox
    {
    width:100%;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

.store-content .btn-callout-large
    {
    float:left;
    margin-bottom:1em;
    }

.store-content div
{
    margin:0 12px;
}

#account-history ol:first-of-type
    {
    padding:0;
    list-style-type:none;
    }

#account-history ol:first-of-type li
    {
    border-width:1px 0 0;
    border-style:solid;
    border-color:#c0c0c0;
    padding-bottom:1em;
    }

#account-history ol:first-of-type li:first-child
    {
    border-width:0;
    /*padding:0;*/
    }

#account-history h5
    {
    margin:0 0 0.5em;
    padding:0.375em 12px;
    background-color:#eaeaea;
    }

.store-container
    {
    padding:1em;
    background-color:#b4e59e; /*rgb(121, 241, 125);*/
    border:1px solid #6bc048; /*rgb(6, 195, 35) solid;*/
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    /*-moz-box-shadow:0 0 13px 4px rgb(128,128,128);
    -webkit-box-shadow:0 0 13px 4px rgb(128,128,128);
    box-shadow:0 0 13px 4px rgb(128,128,128);*/
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

.order-details
    {
    /*padding-bottom:1em;
    background:#b4e59e;
    border-bottom:1px #6bc048 solid;
    -moz-box-shadow:0 0 13px 4px rgb(128,128,128);
    -webkit-box-shadow:0 0 13px 4px rgb(128,128,128);
    box-shadow:0 0 13px 4px rgb(128,128,128);*/
    }

.order-details .itemprice
    {
    font-weight:700;
    font-size:1.125em;
    }

.itemprice{
    text-align:center;
}

.review
    {
    border:1px #6bc048 solid;
    padding:15px;
    background:#b4e59e;
    margin-bottom:1.5em;
    width:75%;
    }

.cartItem
    {
    border:1px #6bc048 solid;
    padding:15px;
    background:#fff;
    /*-moz-box-shadow:0 0 13px 4px rgb(128,128,128);
    -webkit-box-shadow:0 0 13px 4px rgb(128,128,128);
    box-shadow:0 0 13px 4px rgb(128,128,128);*/
    /*border:1px #6bc048 solid; 
    padding:15px;
    background:#b4e59e;
    -moz-box-shadow:inset 0px 0px 9px 2px rgb(128,128,128);
    -webkit-box-shadow:inset 0px 0px 9px 2px rgb(128,128,128);
    box-shadow:inset 0px 0px 9px 2px rgb(128,128,128);*/
    }

.checkoutForm
    {
    /*border:1px #6bc048 solid;
    padding:15px;
    background:#b4e59e;*/
    /*-moz-box-shadow:0 0 13px 4px rgb(128,128,128);
    -webkit-box-shadow:0 0 13px 4px rgb(128,128,128);
    box-shadow:0 0 13px 4px rgb(128,128,128);*/
    }

.checkoutForm input[type="text"]
    {
    /*width:90%;*/
    }

#frm-payment-types
    {
    max-width:40%;
    }

.info-box
    {
    padding:0;
    list-style-type:none;
    }

.info-box li
    {
    border:1px #6bc048 solid;
    margin:0 0 1.5em 1.5em;
    padding:15px;
    background:#b4e59e;
    float:left;
    margin-left:1.5em;
    width:45%;
    min-height:200px;
    /*-moz-box-shadow:0 0 13px 4px rgb(128,128,128);
    -webkit-box-shadow:0 0 13px 4px rgb(128,128,128);
    box-shadow:0 0 13px 4px rgb(128,128,128);*/
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

.info-box li:first-child
    {
    margin-left:0;
    }

.totalBox
    {
    margin-bottom:1.5em;
    padding:1em;
    background-color:#eaeaea;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

.totalBox p
    {
    font-weight:700;
    padding:0;
    }

.totalBox strong, .totalBox .total-final
    {
    font-size:1.5em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    }

.totalBox .total-final
    {
    margin-top:1.5em;
    }

.totalBox #_spanTotal
    {
    color:#288028;
    }

.shippingBox
    {
    clear:right;
    float:right;
    padding:1em;
    }

.imageClass
    {
    /*max-width:200px;
    display:inline-block;
    float:left;*/
    }

.prod-image
    {
    float:left;
    display:inline-block;
    padding-right:10px;
    }

.itemTable
    {
    width:50%;
    display:inline-block;
    }

.tileDiv
    {
    width:375px;
    height:200px;
    display:inline-block;
    }

.listDiv
    {
    width:100%;
    height:auto;
    clear:both;
    padding:1px;
    }

.searchInfo
    {
    float:right;
    }

@media screen and (min-width:601px)
    {
    #nav-myaccount li
        {
        float:left;
        margin-right:0.5em;
        }
    
    #account-billing, #account-shipping
        {
        width:48%;
        }
    
    #account-password
        {
        width:38%;
        }
    
    #account-history
        {
        width:58%;
        }
    
    #account-billing, #account-history
        {
        float:left;
        clear:left;
        }
    
    #account-shipping, #account-password
        {
        float:right;
        clear:right;
        }
    }

@media screen and (min-width:768px)
    {
    #account-history time, #account-history .order-status
        {
        width:48%;
        -moz-box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	    box-sizing:border-box;
        }
    
    #account-history time
        {
        float:left;
        margin-right:0;
        }
    
    #account-history .order-status
        {
        float:right;
        margin-left:0;
        text-align:right;
        }
    
    .checkoutform
        {
        float:left;
        width:66%;
        clear:none;
        }
    
    /*.checkoutform > ol
        {
        width:42%;
        }
    
    .checkoutform > ol:nth-child(even)
        {
        float:left;
        margin-right:5%;
        clear:left;
        }
    
    .checkoutform > ol:nth-child(odd)
        {
        float:right;
        margin-left:5%;
        clear:right;
        }*/
    
    #frm-payment-types
        {
        max-width:80%;
        }
    
    .totalBox
        {
        float:right;
        width:25%;
        text-align:right;
        }
    
    .checkout-warning
        {
        text-align:right;
        clear:right;
        }
    }


/* 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:#6bc048;
    }

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


/* Section galleries
----------------------------------------------------------------------------------*/

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

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

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

.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
    {
    float:right;
    margin:0 0 1.3125em 1.3125em;
    border:1px solid #c0c0c0;
    clear:both;
    }

.section strong
    {
    font-weight:700;
    font-size:1.375em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    }

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

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

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

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

@media screen and (min-width:481px)
    {
    .section li
        {
        margin-bottom:1.3125em;
        border:1px solid #c0c0c0;
        -moz-border-radius:0.3125em;
        -webkit-border-radius:0.3125em;
        border-radius:0.3125em;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        }

    .section a
        {
        -moz-border-radius:0.3125em;
        -webkit-border-radius:0.3125em;
        border-radius:0.3125em;
        }

    .section span
        {
        width:auto;
        padding:1.25em 1.25em 0;
        }

    .section img    
        {
        max-width:220px /*180px*/;
        }

    .section strong
        {
        font-size:1.25em;
        }

    .section em
        {
        font-size:0.875em;
        }

    .section li:hover
        {
        border-color:#6bc048;
        }
    }


/* Magnetic gallery
----------------------------------------------------------------------------------*/

.magnetic
    {
    float:left;
    width:100%;
    padding:0;
    list-style-type:none;
    clear:both;
    }

.magnetic li
    {
    float:left;
    width:50%;
    height:100px;
    margin-bottom:1.5em;
    }

.magnetic li img    
    {
    margin:0 auto;
    }

@media screen and (min-width:481px)
    {
    .magnetic li
        {
        width:auto;
        margin-right:1.5em;
        }
    }


/* Paired galleries
----------------------------------------------------------------------------------*/

.pairedlist 
    {
    float:left;
    width:100%;
    margin-bottom:1.5em;
    padding:0;
    font-size:1em;
    list-style-type:none;
    }

h3 + .pairedlist    
    {
    margin-top:1.5em;
    }

.pairedlist li
    {
    float:left;
    width:100%;
    padding:1em;
    border-width:0 0 1px;
    border-style:solid;
    border-color:#c0c0c0 /*#404040*/;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

.pairedlist li:first-child
    {
    border-width:1px 0;
    }

.pairedlist img
    {
    margin:0 auto 0.5em;
    }

.pairedlist strong, .pairedlist em
    {
    display:block;
    text-align:center;
    }

.pairedlist strong
    {
    font:700 1.25em "Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    }

.pairedlist em
    {
    font-style:normal;
    font-size:1em;
    }

@media screen and (min-width:481px)
    {
    .pairedlist strong
        {
        font-size:1.125em;
        }

    .pairedlist em
        {
        font-size:0.875em;
        }
    }

@media screen and (min-width:768px)
    {
    .pairedlist li
        {
        width:48%;
        }

    .pairedlist li, .pairedlist li:first-child
        {
        margin-bottom:1.5em;
        border-width:1px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        }

    .pairedlist li:nth-child(odd)
        {
        float:left;
        clear:left;
        }

    .pairedlist li:nth-child(even)
        {
        float:right;
        clear:right;
        }

    .pairedlist img
        {
        /*float:right;
        max-width:50%;
        margin:0 0 0.5em 1.5em;*/
        }

    .pairedlist strong, .pairedlist em
        {
        text-align:left;
        }
    }


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

.map
    {
    width:80%;
    margin:0 auto 1.5em;
    clear:both;
    }

.map iframe
    {
    width:100%;
    height:350px;
    margin-bottom:0.2em;
    border:1px solid #c0c0c0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

@media screen and (min-width:481px)
    {
    }

@media screen and (min-width:768px)
    {
    .map iframe
        {
        height:340px;
        }
    }


/* Supplemental
----------------------------------------------------------------------------------*/

.supplemental
    {
    float:left;
    width:90%;
    padding:1.5em 5% 0.5em;
    /*border-top:1px solid #c0c0c0;*/
    }

.supplemental h3
    {
    margin-bottom:0;
    font-size:1.625em;
    line-height:1em;
    color:#505050;
    text-transform:uppercase;
    /*clear:both;*/
    }

.btn-supplemental
    {
    padding:0;
    font:700 1.375em "Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    }

.btn-supplemental a
    {
    display:inline-block;
    margin-bottom:1em;
    padding:0.3125em 0.5em 0.25em;
    color:#6bc048;
    background-color:#333;
    border:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    }

.btn-supplemental a:hover, .btn-supplemental a:focus
    {
    color:#0c0c0c;
    background-color:#6bc048 /*#ccc/#b0b0b0*/;
    }

/*#supplemental-documents
    {
    background-color:#e5e5e5;
    }

#supplemental-documents ul
    {
    padding:0;
    font:700 1em "Fira Sans", Arial, Helvetica, sans-serif;
    list-style-type:none;
    }

#supplemental-documents li
    {
    float:left;
    width:100%;
    }

#supplemental-documents a
    {
    display:block;
    height:109px;
    margin:0 auto 1.5em;
    padding:82px 10px 0;
    color:#505050;
    text-align:center;
    background-repeat:no-repeat;
    background-position:center 10px;
    border:2px solid #505050;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

#documents-logs a
    {
    width:139px;
    background-image:url(/sitegraphics/truckinglogs-tile-logs.png);
    }

#documents-envelopes a
    {
    width:157px;
    background-image:url(/sitegraphics/truckinglogs-tile-envelopes.png);
    }

#documents-bills a
    {
    width:142px;
    background-image:url(/sitegraphics/truckinglogs-tile-bills.png);
    }

#documents-binders a
    {
    width:172px;
    background-image:url(/sitegraphics/truckinglogs-tile-binders.png);
    }

#supplemental-documents a:hover, #supplemental-documents a:focus
    {
    color:#000;
    border-color:#000;
    }*/

#supplemental-holidaysale
    {
    /*color:#fff;*/
    background-color:#dadada;
    }

#supplemental-featured-intro
    {
    border-bottom:1px solid #c0c0c0;
    }

#supplemental-featured-intro img
    {
    /*display:none;*/
    }

#supplemental-holidaysale h3, #supplemental-featured-intro h3
    {
    margin-bottom:0.5em;
    }

#supplemental-holidaysale h3
    {
    color:#000;
    }

#supplemental-featured-intro .heading-featured
    {
    margin-top:24px;
    font-size:1.25em;
    clear:both;
    }

#supplemental-special
    {
    background-color:#eaeaea;
    }

#supplementalcontact
    {
    /*display:none;*/
    background-color:#b4e59e /*#8be565*/;
    border-top:10px solid #6bc048;
    }

#supplementalcontact img
    {
    max-width:120px;
    margin-right:10%;
    margin-left:10%;
    }

#supplementalcontact p, #supplementalcontact ul
    {
    width:48%;
    /*margin-right:10%;
    margin-left:10%;*/
    }

#supplementalcontact p
    {
    float:left;
    }

#supplementalcontact ul
    {
    float:right;
    padding-left:0;
    list-style-type:none;
    }

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

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

@media screen and (min-width:481px)
    {
    .supplemental
        {
        width:92%;
        padding:1.5em 4% 0.5em;
        }

    .supplemental h3
        {
        font-size:1.5em;
        }

    .btn-supplemental
        {
        font-size:1.3125em;
        }

    /*#supplemental-documents h3, #supplemental-documents p
        {
        text-align:center;
        }

    #supplemental-documents li
        {
        width:50%;
        }*/

    #supplemental-holidaysale
        {
        padding-top:0;
        padding-bottom:0;
        }
    
    #supplemental-holidaysale img
        {
        margin-bottom:0;
        }

    #supplemental-holidaysale h3
        {
        margin-top:1em;
        }

    #supplementalcontact .map
        {
        float:right;
        width:54%;
        margin:0 0 0 1.5em;
        }

    #supplementalcontact .map iframe
        {
        height:300px;
        }

    #supplementalcontact img, #supplementalcontact p, #supplementalcontact ul
        {
        margin-right:0;
        margin-left:0;
        }
    }

@media screen and (min-width:768px)
    {
    /*#supplemental-documents li
        {
        width:25%;
        }*/
    
    #supplemental-special img
        {
        margin-bottom:0;
        }
    
    #supplemental-thanks
        {
        height:280px;
        background:no-repeat center top url(/sitegraphics/truckinglogs-intro-thankyou-m.jpg);
        }
    
    #supplemental-thanks h3, #supplemental-thanks p
        {
        width:60%;
        }
    
    #supplemental-thanks h3
        {
        font-size:1.875em;
        color:#000;
        }
    
    #supplemental-thanks p
        {
        margin-top:50px;
        color:#fff;
        }

    #supplementalcontact
        {
        display:block;
        }
    
    #supplementalcontact .map
        {
        width:64%;
        }

    #supplementalcontact ul
        {
        float:left;
        width:20%;
        }

    /*#supplementalcontact li
        {
        border-width:0 0 1px;
        border-style:solid;
        border-color:#5ba410;
        }
    
    #supplementalcontact li:first-child
        {
        border-width:1px 0;
        }
    
    #supplementalcontact li a
        {
        display:block;
        padding:0.125em 0.25em;
        border:none;
        }*/
    }


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

#footer
    {
    float:left;
    width:90%;
    padding:1em 5% 0;
    background-color:#fff;
    border-top:4px solid #666;
    }

/*#footer p
    {
	color:#c0c0c0;
    }

#footer a
    {
    color:#9e967b;
    border-bottom-color:#9e967b;
    }

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

#social
    {
    float:left;
    width:100%;
    padding-top:1em;
    padding-left:0;
    list-style:none;
    line-height:1em;
    border-top:1px solid #c0c0c0;
    }

#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 #005b98;
    }

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

@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:700;
    font-size:1.5em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    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;
    }

.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:#f1f1f1 /*#1a1a1a*/;
    border:1px solid #c0c0c0 /*#505050*/;
    }

.basicform fieldset ol ol ol, .basicform fieldset ol ol ul, .basicform fieldset ol ul ul
    {
    background:#e5e5e5 /*#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:#505050 /*#c0c0c0*/;
    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
    {
    }

.basicform fieldset label
    {
    display:block;
    font-weight:700;
    font-size:1em;
    }

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

.basicform fieldset .text-nofield, .basicform fieldset .textbox, .basicform fieldset .mediumtextbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
    {
    margin:0 0 1.5em;
    font-size:1em;
    }

.basicform fieldset .textbox, .basicform fieldset .mediumtextbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
    {
    padding:0.25em;
    background:#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;
    -moz-border-radius:0.1875em;
    -webkit-border-radius:0.1875em;
    border-radius:0.1875em;
    /*behavior:url(/pie/PIE.htc); /* work-around to force CSS3 behavior in IE8/7 */
    }

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

.basicform fieldset .mediumtextbox
    {
    width:8em;
    }

.basicform fieldset .shorttextbox
    {
    width:4em /*5%*/;
    }

.basicform fieldset select
    {
    width:auto;
    padding:0.125em 0 0.125em 0.25em;
    /*-webkit-appearance:none;*/
    }

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

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

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

.basicform fieldset fieldset
    {
    padding-bottom:1.5em;
    }

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

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

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

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

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

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

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

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

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

.basicform fieldset .btn-form
    {
    margin:0 8px 1em 0;
    padding:0.3125em 0.375em 0.25em;
    font-weight:700;
    font-size:1em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    color:#202020;
    text-transform:uppercase;
    background-color:#6bc048;
    border:2px solid #6bc048;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    cursor:pointer;
    }

.basicform fieldset .btn-form:hover, .basicform fieldset .btn-form:active, .basicform fieldset .btn-form:focus
    {
    color:#6bc048;
    background-color:#202020;
    border-color:#202020;
    }

@media screen and (min-width:481px) 
    {
    .basicform fieldset legend
        {
        font-size:1.375em;
        }

    .basicform fieldset ol, .basicform fieldset ul
        {
        border-top:1px solid #c0c0c0 /*#505050*/;
        }

    .basicform fieldset ol ol, .basicform fieldset ol ul
        {
        border-right:1px solid #c0c0c0 /*#505050*/;
        border-left:1px solid #c0c0c0 /*#505050*/;
        }

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

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

    .basicform fieldset li li
        {
        border-bottom:none;
        }

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

    .basicform fieldset .text-nofield, .basicform fieldset .textbox, .basicform fieldset .mediumtextbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
        {
        font-size:0.875em;
        }

    .basicform fieldset .textbox, .basicform fieldset .mediumtextbox, .basicform fieldset .shorttextbox, .basicform fieldset select, .basicform fieldset textarea
        {
        margin:4px 0 6px;
        vertical-align:text-top;
        }

    .basicform fieldset .text-nofield
        {
        display:block;
        margin-bottom:1.3125em;
        }

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

    .basicform fieldset .mediumtextbox
        {
        width:8em;
        }

    .basicform fieldset .shorttextbox
        {
        width:4em /*5%*/;
        }

    .basicform fieldset fieldset
        {
        padding-bottom:0.5em;
        }

    .basicform fieldset fieldset legend, .basicform fieldset fieldset.subtextboxes legend
        {
        padding-top:6px;
        font-size:0.875em;
        text-transform:none;
        }

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

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

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

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

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

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


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

.simpleform
    {
    width:100%;
    margin-bottom:1.5em;
    clear:both;
    }

.simpleform ol, .simpleform ul
    {
    padding-left:0;
    font-size:1em;
    list-style:none;
    }

.simpleform ol ol, .simpleform ol ul
    {
    margin:4px 0 10px;
    padding-bottom:0;
    background:#f1f1f1;
    border:1px solid #c0c0c0;
    }

.simpleform li
    {
    margin-bottom:1.5em;
    }

.checkoutform .simpleform li
    {
    margin-bottom:1em;
    }

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

.simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform select, .simpleform textarea, .simpleform .checkbox, .simpleform .button
    {
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    }

.simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform select, .simpleform textarea
    {
    width:100%;
    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:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

.simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox
    {
    margin:0;
    }

.simpleform .mediumtextbox
    {
    width:8em;
    }

.simpleform .shorttextbox
    {
    width:4em /*5%*/;
    }

.simpleform select
    {
    width:auto;
    padding:0.125em 0 0.125em 0.25em;
    /*-webkit-appearance:none;*/
    }

.simpleform option
    {
    padding:0.125em 0.5em;
    }

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

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

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

.simpleform .btn-form
    {
    margin:0 8px 1em 0;
    padding:0.3125em 0.375em 0.25em;
    font-weight:700;
    font-size:1em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    color:#202020;
    text-transform:uppercase;
    background-color:#6bc048;
    border:2px solid #6bc048;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    cursor:pointer;
    }

.simpleform .btn-form:hover, .simpleform .btn-form:active, .simpleform .btn-form:focus
    {
    color:#6bc048;
    background-color:#202020;
    border-color:#202020;
    }

@media screen and (min-width:481px)
    {
    .simpleform label, .simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform textarea, .simpleform .fileupload, .simpleform .btn-form
        {
        font-size:0.875em;
        }

    .simpleform .textbox, .simpleform .mediumtextbox, .simpleform .shorttextbox, .simpleform textarea, .simpleform .checkbox, .simpleform .btn-form
        {
        margin-bottom:1.3125em;
        }
    }

@media screen and (min-width:601px)
    {
    .simpleform .textbox, .simpleform textarea
        {
        width:40%;
        }
    
    .checkoutform .textbox, .checkoutform textarea
        {
        width:100%;
        }
    
    .checkoutform .textbox, .checkoutform .mediumtextbox, .checkoutform .shorttextbox
        {
        margin:0;
        }
    }


/* 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, .content-store input.textbox-focus, .content-store select.textbox-focus, .content-store textarea.textbox-focus
    {
    border:1px solid #467f2f;
    }


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

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

.hr
    {
    margin-bottom:1.5em;
    border-top:1px solid #c0c0c0;
    clear:both;
    }


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

.warning, .basicform fieldset label.warning, .errorText
    {
    font-weight:700;
    color:#dd2c00;
    }

.basicform fieldset .warning-border, .simpleform .warning-border
    {
    border-color:#dd2c00;
    }

.normal
    {
    font-weight:normal;
    }

.success
    {
    font-weight:700;
    color:#288028/*#37af37*/;
    }

#printtext span
    {
    display:block;
    margin-top:0.75em;
    }

.hidden
    {
    display:none;
    }

.yellowStar
    {
    display:inline;
    margin-bottom:0;
    }

.review-content
    {
    margin-bottom:1.5em;
    /*padding:1em;*/
    border:1px solid #c0c0c0;
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	clear:both;
    }

.review-content h3
    {
    position:relative;
    margin-bottom:0.625em;
    padding:0.5em 12px 0.4375em;
    font-family:"Fira Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    background-color:/*#ddf3d5*/#f1f1f1;
    border-width:0 0 1px;
    border-style:solid;
    border-color:#c0c0c0;
    }

/*.review-content p   
    {
    padding:5px;
    }*/

#reviewinfo
    {
    padding:5px;
    }

/*.product-category-nav
    {
    list-style:none;
    }

.product-nav-item
    {
    text-decoration:none;
    border-bottom:none;
    }*/