/*
BaSE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	Remember, keep it light: Speed is Important.
*/

.debug {
    display: none;
    visibility: hidden;
}

/* typography */
html {
    height: 100%;
}

body {
    color: #000000;
    font-family: 'Poppins', sans-serif;
    f-ont-size: 1.1em;
    f-ont-weight: 400;
    l-ine-height: 1.2em;
    font-weight: normal;
    height: 100%;
    min-height: 100%;
    z-index: 1;
}

.clear {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 10px;
    padding: 0;
}

.Title {
    margin-bottom:10px !important;
}

h1, h2, h6 {
    t-ext-transform: uppercase;
}

h1 {

    margin-top:10px;
}

h2 {
    color: #D84E46;
    font-size: 1em !important;
    font-weight: bold;
    margin-bottom: 10px;
}

input {
    font-size: 1em;
    font-weight: 400;
}

/* links */
a, a:visited, a:active, a:hover {
    color: #333333;
}




a {
    text-decoration: none;
}

    a:link {
        text-decoration: underline;
    }

    a:active {
        text-decoration: underline;
    }

    a:hover {
        text-decoration: underline;
    }

    a:visited {
    }




/* Box sizing. awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

img {
    max-width: 100%;
}
/*Basic layout */

.errorlabel {
    color: #CC0000;
}

.clear {
    clear: both;
}

#socialMediaIcons {
    display: none;
    visibility: hidden;
}

#outercontainer {
    width: 100%;
    margin-left: auto;
    margin-right: auto; 
    border: 1px solid #f4f4f4;
    position: absolute;
    min-height: 100%;
}

#outerheader {
    width: 100%;
    h-eight: 300px;
    p-osition: fixed;
    b-ackground-color: #333399;
    z-index: 80;
    background-repeat: repeat;
}

#container {
    ma-rgin-top: 160px;
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; /*border: 1px solid #f4f4f4;*/
    position: absolute;
    min-height: 100%;
    background-color:#eaeaea;
}


#cookie-bar {
     background-color:#f2b409;
     padding:4px;
     text-align:center;

}
.cb-enable {
    background-color:darkblue;
    color:white;
    margin-left:10px;
    dis-play:block;
    padding:5px;

}

a.cb-enable {
    color: white !important;
}

/*
header stuff
*/
#header {
    width: 100%;
    /*border-bottom:1px solid #ffffff;
    margin-bottom:3px;*/
    min-height: 90px;
    b-order: 1px solid #000000;
    margin-bottom: 10px;
    background-color:#ffffff;
    border-bottom:5px solid red;

}

#headertop {
    h-eight: 98px;
    b-ackground-color: #333399;
    margin-bottom:20px;
    clear:both;

}

.backtolist {
    clear: both;
    z-index:100;
}
    
    .headeraddress {
    border: 0px dotted #000000;
    padding: 5px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: -15px;
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
}

.demox {
    margin-bottom: 15px;
}

#logoholder {
    display: none;
}

    #logoholder img {
        max-width: 100%;
        height: auto;
        float: left;
        margin-top: 10px;
    }

#greyfooter {
    width:100%;
    /*height:100px;*/
    background-color:#747474;
    color:#ffffff;
    padding:10px;
    margin-bottom:10px;
    font-size:.8em;
}
#greyfooterleft {
    width:100%;
    float:left;
}
#greyfooterright {
    width: 100%;
    float: right;
}
  

    #menuholder {
        display: none;
    }

#menu {
    display: none;
}

#headeradvertholder {
    display: none;
}

#smallheadertext {
    float: left;
    width: 100%;
    m-argin-left: 10px;
    margin-top: -1px;
    color: #ffffff;
    font-size: 0.9em;
    height: 75px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #fff;
}


#smallheadercolor {
   
    background-color: #fff;
}

#smallphoneholder {
    display: block;
    float: left;
    m-argin-right: 10px;
    padding: 0px;
    /*padding-top: 15px;
    width:100px;*/
    z-index: 100;
    border: 0px solid #CC0000;
    margin-top: -55px;
    margin-left:20px;
}

#smallmenuholder {
    display: block;
    float: right;
    m-argin-right: 10px;
    padding: 0px;
    /*padding-top: 15px;
    width:100px;*/
    z-index: 100;
    border: 0px solid #000000;
    margin-top: -60px;
}


#littlemenu {
    z-index: 100;
    top: 68px;
    height: 100%;
    width: 420px;
    position: absolute;
    right: -410px;
}

#littlemenu {
    z-index: 100;
    top: 68px;
    height: 100%;
    width: 420px;
    position: absolute;
    right: -410px;
}

#littlemenuinner {
    height: 100%;
    width: 380px;
    background-color: #082a27;
    float: right;
}

.monthlycost {
    font-size: 1.3em;
    font-weight: bold;
    color: cadetblue;
    letter-spacing: 3pt;
}


#littlemenuclose {
    height: 40px;
    width: 40px;
    background-color: #B6C40D;
    color: #ffffff;
    float: left;
    margin-top: 20px;
    text-align: center;
}

    #littlemenuclose a {
        color: #ffffff;
    }

ul.littlemenuitems {
    color: #ffffff;
    list-style-type: none;
    margin-top: 20px;
    margin-left: 0px;
    padding-left: 20px;
}


    ul.littlemenuitems li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        margin-left: 0px;
        border-bottom: 1px solid #ffffff;
    }

    ul.littlemenuitems a {
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
    }

    ul.littlemenuitems .active li:hover {
        background-color: #9Da62a;
    }


#MainNav {
    display: none;
    visibility: hidden;
}

#innercontent {
    margin: 5px;
}


#usercontrolled {
    margin-top:10px;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}

    #usercontrolled img {
        width: 100%;
        height: auto;
        margin-top:10px;
    }

    #usercontrolled h2 {
        color:black;
    }

    .homeCatImage {
    width: 100%;
    background-size: contain;
    height: auto;
}

.homeCatHeaderSmall {
    display: block;
    visibility: visible;
    width: 100%;
    b-ackground-color: #333399;
    color: white;
    padding: 5px;
    margin-bottom: 5px;
}

    .homeCatHeaderSmall a {
        text-decoration: none;
        color: white !important;
    }

.homeCatHeaderStandard {
    display: none;
    visibility: hidden;
}

.homeCatImageHolder {
    width: 100%;
    b-ackground-color: #000000;
}

.homeCatText {
    padding: 5px;
}

#shopsection {
    margin: 5px;
}

#shoplisting H2 {
    margin: 0px;
    margin-bottom:5px;
    t-ext-align: center;
}

    #shoplisting H2 a {
        font-size: 1.1em;
        color: #cc0101;
    }


#shopsection h1 {
    
    margin-bottom: 10px;
}

#shopsection H3 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 0px;
}

h2.unitlabel {
    font-size: 1.3em !important;
    font-weight: bold !important;
    margin-bottom: 10px;
}

.TNHolder {
}


#pictureone {
    text-align: center;
}

#picturetwo {
    text-align: center;
}

.ViewGallery {
    clear: both;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

a.lnkViewGallery {
    display: block;
    padding: 5px;
    color: #ffffff;
    b-ackground-color: #333399;
    m-argin-top: 10px;
    m-argin-bottom: 10px;
    width: 100%;
}

.ViewGalleryBorderBottom {
    clear: both;
    text-align: center;
    /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;*/
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.Pictures {
    clear: both;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}


.Picutres img {
    margin-left: auto;
    margin-right: auto;
}

#pictureone img {
    display: block;
}


.CostContainer {
    width: 100%;
    float: left;
}

.CostText {
    /*position: relative;*/
    width: 65%;
    float: left;
    margin-bottom: 10px;
}

.CostButton {
    width: 100px;
    position: relative;
    float: right;
}

#detail img {
    width: 100%;
}

a.moreinfo {
    color: darkblue;
    font-size:1.1em;
    font-weight:bold;
}

.productlisting img {
    width: 98%;
}



.CHB_RadioButtons label {
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 0.9em;
}

.CHB_RadioButtons td {
    padding-bottom: 10px;
}

table.CHB_RadioButtons {
    margin-top: 20px;
}


.addtobasket {
    display: block;
    padding: 8px;
    ma-rgin-right: 5px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    margin-top: 10px;
}

.productlisting {
}

/* Registration form */

#RegForm {
    margin: 10px;
}

.RegForm_Label {
    margin-top: 5px;
}

.RegForm_Input {
    width: 100%;
}

.RegForm_InputText {
    width: 100%;
}

.RegForm_InputButton {
    padding: 5px;
    color: #ffffff;
    background-color: #333399;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
}

a.RegForm_InputButton {
    padding: 5px;
    color: #ffffff;
    background-color: #333399;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
}


/* End Registration form */
.productlistImage input {
    width: 100%;
}

.productlistText {
    padding: 5px;
}

    .productlistText h2 {
        color: #000000;
        font-size: 1.5em !important;
    }


#searchholder {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 400px;
    min-height: 80%;
}

.searchfield {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 3px;
}

.searchbutton {
    width: 18%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: darkblue;
    visibility: hidden;
    display: none;
}

.searchicon {
    width: 18%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: darkblue;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: /*whatever width you want*/;
}

.list_item_container {
    width: 800px;
    height: 80px;
    padding: 5px 0;
    border: 1px solid #cccccc;
}

.image {
    max-width: 60px;
    max-height: 60px;
    margin-right: 10px;
    float: left;
}

    .image img {
        max-width: 60px;
        max-height: 60px;
    }

.description {
    font-style: italic;
    font-size: 0.7em;
    color: gray;
    fl-oat: right;
    margin-right: 10px;
}

.label {
    font-size: 0.8em;
    color: gray;
}

#basket {
    margin-top: 20px;
    margin-bottom: 20px;
}

    #basket h2 {
        font-size: 2em !important;
        color: #333399;

    }


.orderitem {
    width: 100%;
    b-order: 1px solid #cccccc;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    height: 150px;
}

.orderimage {
    width: 25%;
    border: 0px solid #cccccc;
    float: left;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
}


.ordertext {
    width: 73%;
    b-order: 1px solid #cccccc;
    float: right;
    height: 150px;
}

.orderitemremove {
    margin-top: 10px;
    background-color: ffffff;
    color: #000000;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

#orderTotals {
    float: right;
    font-size: 1.5em;
}

#orderTotalsHolder {
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #000000;
    border-bottom: 3px double #000000;
}

#orderButtons {
    margin-top: 10px;
}

.OrderButton {
    margin-top: 10px;
    color: #ffffff;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    text-align: center;
}

    .OrderButton a:hover {
        color: #ffd800;
    }


.FieldTitle {
    float: left;
    width: 90%;
    background-color: #ffffff;
    margin-right: 5px;
    padding: 3px;
    font-weight: bold;
}

.FieldInput {
    fl-oat: left;
    margin-right: auto;
    margin-left: auto;
    width: 96%;
}

.FieldInputText {
    border: 1px solid #CCCCCC;
    width: 100%;
    padding: 5px;
}


.fieldpair {
    margin-bottom: 5px;
}

.rblInput label {
    margin-left: 5px;
    margin-right: 5px;
}

#orderholder {
    max-width: 700px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.orderpreamble {
    font-size: 0.8em;
    color: #333333;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    b-ackground-color: #e0dede;
}

.orderpreamble a {
    
    color: #000000;
    
}



#linkspage a {
    color: #cc0101;
}

#navbot {
}

    #navbot a {
        font-weight: bold;
    }

#detail h2 {
    color: #000000;
    font-size: 1.3em !important;
    margin-bottom: 10px;
}

#detail h1 {
   
    margin-bottom: 10px;
}

#pictureone P {
    margin-top: 5px;
    font-size: x-small;
    font-family: Verdana,Arial,sans-serif;
    text-align: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.radiobuttonlist label {
    margin-left: 10px;
    margin-right: 35px !important;
}

#headertop {
    cursor: pointer;
}

#usercontrolled {
    margin-bottom:10px;
}

.home-detail-text {
    margin: 10px;
    padding: 5px;
    background-color: #ffffff;
    /* float: left; */
    /* width: 48%; */
}

.contactTextBox {
    padding: 5px;
    width:100%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}