/*============== Skin.css by WoW Interactive - 2015 =========================*/
/*============== Developed by Stephen Cowling - Technical Director ==============================*/

body {
    font-family: 'Open Sans', sans-serif;
}

/*Fixes DNN Box Sizing Issue*/

#ControlBar, #ControlBar *, .actionMenu * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#ControlBar {
    height: 53px !important;
}


#header-fixed .admin {
    top: 53px;
    z-index: 9;
}

img {
    height: auto;
    max-width: 100%;
}

/*==================== Start Custom Layout & Markup Styles =================================*/

#header-fixed {
    background-color: #5a5a5a;
    padding-bottom: 8px;
    padding-top: 8px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: fixed;
width: 100%;
clear: both;
top: 0px;
z-index: 100;

}

    #header-fixed a,
    #header-fixed a:link,
    #header-fixed a:visited,
    #header-fixed a:hover,
    #header-fixed a:active {
        color: #fff;
    }
    
    
        .headpane-btn { background-color: #2cb7ea;
                padding-bottom: 10px;
                padding-top: 10px;
                color: #fff;
                font-size: 18px;
                text-align: center;
                display: block;
}

    .headpane-btn:hover { background-color: #363636;
    }

    .headpane-btn a,
    .headpane-btn a:link,
    .headpane-btn a:visited,
    .headpane-btn a:hover,
    .headpane-btn a:active { color: #fff;
                             font-size: 18px;
                             font-family: 'Lato', sans-serif;
    }

header { padding-bottom: 15px;
         padding-top: 15px;
}

#navbar { background-color: #2cb7ea;
}

.navbarpad { margin-bottom: 15px;}

#searchbox { background-color: #fff;
             -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 6px;
margin-top: 8px;
}

    #searchbox input { width: 135px;
                       margin-right: 10px;
                       border: 0px none;

    }

#bannerarea { background-color: #ebebeb;
              
}

#featurearea { border-bottom: 1px #363636 solid;
               border-top: 1px #363636 solid;}

footer { background-color: #363636;
         color: #fff;
         border-top: 1px #ebebeb solid;
         margin-top: 15px;
         padding-bottom: 15px;
}

    footer p,
    footer .Normal { color: #fff;
    }

    footer h2,
    footer h3,
    footer h4,
    footer h5,
    footer h6 { color: #fff;
    }

    footer a,
    footer a:link,
    footer a:visited,
    footer a:hover,
    footer a:active { color: #fff;
    }


.footerlegal { text-align: center;}


/*==================== Start Custom Skin Styles =================================*/


/*============= Start Custom Cart Nav Styles ===========*/

#itcartnav .NodeStyle { font-weight: normal;
                       }
                       
    /*==== Cart Overrides =====*/

    .catalog .product {
    margin: 1em 0.9em;
    min-width: 250px;
    border: 1px #ebebeb solid;
}       

.titlewrap {
    max-width: 210px;
    margin: 0px auto 0px auto;
    min-height: 76px;
}

.catalog .product h4 a {
    font-weight: 700;
    font-size: 16px;
    color: #252525;
    line-height: auto;
    white-space: normal;
}                

.co-thumb img { width: 210px;
height: 210px;}

.img-thumbnail { width: 210px;
height: 210px;}

.co-price-or {
    color: #ec7d52;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding-top: 10px;
}             

/*==================== Start Custom Body & Paragraph Styles ====================*/

figcaption { font-size: 12px; color: #acacac; font-style: italic; text-align: center; margin-top: 10px; margin-bottom: 10px; }

p, .Normal, td { 
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}

.site-lists ul,
.site-lists ol,
.site-lists li,
.site-lists li li,
.site-lists li li li {
    font-size: 14px;
    list-style: square outside none;
    margin-bottom: 8px;
    margin-left: 25px;
    text-align: left;
}

UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

 .dnnDropDownList .selected-item a,
 .dnnDropDownList .selected-item a:link,
 .dnnDropDownList .selected-item a:visited,
 .dnnDropDownList .selected-item a:hover,
 .dnnDropDownList .selected-item a:active {
  height: auto !important;
}


/*==================== Start Custom Heading Styles ============================*/

.Head {
    border-bottom: none;
}

.SubHead {
}

h1,
h2,
h3,
h4,
h5,
h6 { text-transform: uppercase;
}

h1 {
    color: #2cb7ea;
}

h2 {
    color: #363636;
}

h3 {
    color: #027abd;
}

h4 {
    color: #363636;
}

h5 {
    color: #027abd;
}

h6 {
    color: #363636;
}

/*==================== Start Custom Link Styles ============================*/

a:link {
    color: #027abd;
}
/* unvisited link */
a:visited {
    color: #027abd;
}
/* visited link */
a:hover {
    color: #363636;
}
/* mouse over link */
a:active {
    color: #027abd;
}
/* selected link */

/*==================== Start DNN Buttons =========================================*/

.dnnActionPadding {width: 100%;}

.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
    border-color: #0e8dbb;
    background: #2cb7ea !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important;
    text-shadow: none !important;
    font-weight: normal !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: 10px;
    padding: 15px;
    font-size: 18px;
    text-transform: uppercase;
}

    .dnnPrimaryAction:hover,
    .dnnFormItem input[type="submit"]:hover,
    a.dnnPrimaryAction:hover {
        background: #0e8dbb !important;
        border-color: #2cb7ea;
        border: 1px #2cb7ea solid;
    }


.dnnSecondaryAction,
.dnnFormItem input[type="submit"],
a.dnnSecondaryAction {
    border-color: #fff;
    background: #027abd !important;
    font-family: 'Lato', sans-serif;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important;
    text-shadow: none !important;
    font-weight: normal !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: 10px;
     padding: 15px;
    font-size: 18px;
    text-transform: uppercase;
}

    .dnnSecondaryAction:hover,
    .dnnFormItem input[type="submit"]:hover,
    a.dnnSecondaryAction:hover {
        background: #ebebeb !important;
        border-color: #027abd;
        border: 1px #027abd solid;
        color: #027abd !important;
    }


/*==================== Start Custom Navigation Styles ============================*/

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: #fff;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: transparent;
    }

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color: #fff;
  background-color: #4a5c5c;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #2cb7ea;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

    .dropdown-menu > li > a:hover {  background-color: #2cb7ea;
                                     color: #fff;
    } 

#navbar .navbar {
    position: relative;
    /* min-height: 50px; */
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

/*============= START DEVICES ===============================*/


/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

      body {
         /* BLUE */
    }
     .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
    }

     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color: #4a5c5c;
}

          .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
  color: #fff;
}
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

       body {
        /* RED */
    }

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

     body {
        /* YELLOW */
    }

     .SiteLogo { margin-top: 20px;
}
header {margin-top: 54px;}


    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
      body {
         /* PURPLE */
    }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
       body {
         /* GREEN */
    }

    }