﻿/*------------------------------------------------*/
/* SKIN_OVERRIDES */
/*------------------------------------------------*/
#content
{
    max-width: none;
}

/*------------------------------------------------*/
/* BOOTSTRAP_OVERRIDES */
/*------------------------------------------------*/

.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active
{
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


body
{

}
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding: 0;
}*/
.container
{
    /* padding-left: 25px;
    padding-right: 25px;
    max-width: 1020px;*/
}
.row
{
    margin-left: 0;
    margin-right: 0;
}
/*#contentWrapper a:link, #contentWrapper a:visited
{
    text-decoration: underline;
}
#contentWrapper a:focus, #contentWrapper a:hover
{
    text-decoration: none;
    color: #d00;
}*/
a:link, a:visited
{
    text-decoration: underline;
}
a:focus, a:hover
{
    text-decoration: none;
    color: #d00;
}
/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/
.container > .navbar-header, .container > .navbar-collapse
{
    margin-left: 0;
    margin-right: 0;
}
#navToggleWrap
{
    padding: 8px;
    float: right;
    max-width: 25%;
}
.navbar-toggle {
    margin: 0;
    background-color: #3b0000 !important;
    background-image: none;
    border: thin solid #550000 !important;
    border-radius: 4px;
    padding: 9px 9px 9px 9px;
    position: relative;
}

/* Site Navigation */
#mainnav_bkgrd {
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    color: #FFFFFF !important;
    max-width: 1024px;
    border-radius: 15px;

    /*background-image: url('Images/mainnav_background.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
        background-color: #4b0000;
    */
    
}
#mainnav {
    background-color: #550000;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    border-radius: 10px;
}
    #mainnav a {
        font-weight: normal;
        text-decoration: none;
        font-size: 16px;
    }

#mainnav > li > a:focus, #mainnav > li > a:hover, #mainnav > li.active > a {
    background-color: #3b0000;
    color: #FFFFFF;
    margin: 5px 5px 0px 5px;
}
#mainnav .dropdown-menu .dropdown .glyphicon {display: none;}

.navbar-inner {
    background-position: center top;
    background-image: url('Images/header_background.png');
    background-repeat: repeat-x;
    background-attachment: fixed;
    max-width: 1200px;
}
.collapse.in
{
    display: block;
}
.navbar-nav > li > .dropdown-menu
{
    margin-bottom: 10px;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > div > a:focus,
.navbar-default .navbar-nav > li > div > a:hover,
.navbar-default .navbar-nav > li > div > ul > li > a:focus,
.navbar-default .navbar-nav > li > div > ul > li > a:hover,
.navbar-nav > li.hover > a, .navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li:focus > a, .navbar-default .navbar-nav > li:hover > a

{
    background-color: #3b0000;
    color: #f4ecd9;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover
{
    background-color: #550000;
}

.navbar-collapse {
    max-height: none;
}

.nav > li > a
{
    /*padding: 17px 8px 10px;*/
    padding-left: 8px;
    padding-right: 8px;
}

.dropdown-menu > li > a
{
    color: #800000;
    font-size: 13px;
}

/*.navbar-toggle .icon-barWrap, .navbar-toggle .icon-barText*/
.icon-barWrap, .icon-barText
{
    display: block;
    float: right;
    color: #cccccc;
}
.navbar-toggle .icon-barText
{
    margin-left: 5px;
    margin-top: -3px;
}


/*------------------------------------------------*/
/* END OF NAVIGATION */
/*------------------------------------------------*/

/*------------------------------------------------*/
/* END OF BOOTSTRAP_OVERRIDES */
/*------------------------------------------------*/


/*------------------------------------------------*/
/* GOOGLE CUSTOM SEARCH */
/*------------------------------------------------*/
#Wrapper .gsib_a
{
    padding: 0 6px !important;
}

#Wrapper input.gsc-search-button, #Wrapper input.gsc-search-button:hover, #Wrapper input.gsc-search-button:focus
{
    height: 25px;
    margin-top: 2px;
    min-width: 13px;
    padding: 5px 17px;
    width: 50px;
}
.csc-cursor {float: left; margin: 20px 10px;}
.gsc-cursor-page {padding: 5px 10px;}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	color: #660000;
	background-color: #FFFAE5;
    border-color: #FFFFFF;
    cursor: pointer;
}
/*------------------------------------------------*/
/* END OF GOOGLE CUSTOM SEARCH */
/*------------------------------------------------*/


img
{
    max-width: 100%;
    height: auto;
}
/*------------------------------------------------*/
/* END OF ALL SCREEN SIZES */
/*------------------------------------------------*/

@media only screen and (min-width: 768px)
{
    .desktop
    {
    }
    .mobile
    {
        display: none;
    }
    
    .headerimage a.desktop
    {
        display: block;
    }

    .headerimage a.mobile
    {
        display: none;
    }

    #mainnav_bkgrd
    {
        /*min-height: 60px;
        padding-bottom: 6px; */
    }

    .searchbox
    {
        height: 24px;
    }

    .glyphicon
    {
        display: none;
    }
    /* Secondary level */
    .nav > li > ul
    {
    }
    .navbar li:focus > ul, .navbar li:hover > ul
    {
        display: block;
        /*z-index: 850;*/
        width: auto;
    }

    /* Tertiary level */
    .navbar li ul li ul
    {
        left: 225px;
        top: -8px;
        padding: 15px 5px;
        border-left: 1px solid #ddd;
    }
}


/* Portrait tablet to landscape and smaller */
@media (max-width: 960px)
{
}

@media only screen and (max-width: 767px)
{
    .desktop
    {
        display: none;
    }
    .mobile
    {
    }

    img
    {
        max-width: 100%;
        height: auto;
    }

    #topper_menu
    {
        width: 100%;
        text-align: center;
        margin: 4px 0 0;
    }

    .headerimage
    {
        padding: 5px 10px 0;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .headerimage a.desktop
    {
        display: block;
        width: 100%;
    }
    .headerimage a.mobile
    {
        display: none;
    }

    .searchbox
    {
        width: 70%;
        float: left;
        padding: 0 15px;
        height: 35px;
    }
    .search_textfield, #dnn_dnnSearchMobile_txtSearch
    {
        width: calc(100% - 52px);
        height: 100%;
    }
    .searchInputContainer
    {
        height: 100%;
        width: 100%;
    }
    a.search_button:link, a.search_button:visited
    {
        padding-top: 12px;
    }
    .search_button
    {
    }
	a.dnnSearchBoxClearText {
left: calc(100% - 80px) !important;
top: 3px;
}

	ul.searchSkinObjectPreview {left: 0; right: auto; max-width: 300px;}
    
    .navbar-nav ul, .nav > li > ul
    {
        position: relative;
        width: 100% !important;
    }
    /*------------------------------------------------*/
    /* BOOTSTRAP_OVERRIDES */
    /*------------------------------------------------*/
    .dropdown-menu > li > a
    {
        white-space: normal;
    }
    .glyphicon
    {
        display: block;
        background-color: #3b0000;
        border-radius: 2px;
        float: right;
        margin-top: -9px;
        padding: 10px 25px 10px 10px;
    }

    /*------------------------------------------------*/
    /* END OF BOOTSTRAP_OVERRIDES */
    /*------------------------------------------------*/
    .navbar li:hover > ul
    {
        display: none;
    }
}

@media only screen and (max-width: 600px)
{
    /*.headerimage img
    {
        margin-top: -100px;
    }*/
    
    .headerimage a.desktop
    {
        display: none;
    }

    .headerimage
    {
        margin: 0 0 5px;
    }
    .headerimage a.mobile
    {
        display: block;
        background-size: 100%;
        max-width: 469px;
        margin: 0 auto;
    }
}

    /* Landscape phones and down */
@media (max-width: 480px)
{
    #Body
    {
        margin: 0;
        padding: 0;
    }

    .content_products ul li
    {
        width: 98%;
    }

    .LoginPanel
    {
        width: 90%!important;
    }

    .headerimage
    {
    }

    #header
    {
        background-image: none;
    }

    #header a
    {
        /*margin: 0 20px;*/
    }
}

@media (max-width: 400px)
{
    .icon-barText
    {
        display: none;
    }
    .headerimage > a
    {
        min-height: 75px;
        max-height: 75px;
    }
}
