/*palepink*:FFE6E4/
/*darkpink:FF8F9F*/
/*palegreen:EAFFE1*/
/*darkerpink:FF7E7E*/

BODY
{
    background-color: black;
    text-align: center;
}
A:link
{
    text-decoration: none;
    color: black;
    border-width: 0;
}
A:active
{
    text-decoration: none;
    color: black;
    border-width: 0;
}
A:visited
{
    text-decoration: none;
    color: black;
    border-width: 0;
}
A:hover
{
    text-decoration: none;
    color: black;
    border-width: 0;
}

h1
{
    position: relative;
}
.forcewhite A:link
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
.forcewhite A:active
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
.forcewhite A:visited
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
.forcewhite A:hover
{
    text-decoration: none;
    font-weight: bold;
    border-width: 0;
}

.whitetable
{
    padding: 3px;
    background-color: white;
}

.navbuttonbox
{
    padding: 0px 5px 0px 10px;
    width: 460px;
}

.sectionhead
{
border: 0px 0px 1px 0px;
border-color: #FF7E7E;
}

.itembox
{
    position: relative;
    clear: both;
    border:0px;
    width: 460px;
    padding: 3px;
    background-color: white;
}

img
{
    border: 0px;
    padding:0px;
    margin:0px;
    background-color: transparent;
}

.main
{
    margin-bottom: 10px;

}

table
{
    margin: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position:relative;
}

tr
{
    margin:0px;
}
#container
{
    width: 820px; /* changed from 793px -Casey*/
    margin-left:auto;
    margin-right:auto;
    text-align: left;
    padding: 0px;
    background-color: black;
    border: solid black 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position:relative;
    top: -5px;
}


#header
{
    text-align: right;
    padding: 0px;
    position: relative;
}

#headerbar
{
    position:relative;
    right: 30px;
    top: 125px;
    margin-top:-2px;
}


#header a:link , #header a:active, #header a:visited, #header a:hover
{
    color: white;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    line-height:33px;
}

.tuttext
{
    letter-spacing: 0px;
    text-indent: 15px;
    margin-top: 5px;
}

#copyrightnotice
{
    font: normal 10px/15px "Trebuchet MS", Verdana, Arial, sans-serif;
    line-height: 15px;
    text-indent: 20px;
    color:#777777;
    margin-bottom: 30px;
    text-transform:uppercase;
    letter-spacing:1px;
    position: relative;
    top: 10px;
}

#copyrightnotice A:link
{
    text-decoration: none;
    color:#777777;
    border-width: 0;
}
#copyrightnotice A:active
{
    text-decoration: none;
    color:#777777;
    border-width: 0;
}
#copyrightnotice A:visited
{
    text-decoration: none;
    color:#777777;
    border-width: 0;
}
#copyrightnotice A:hover
{
    text-decoration: none;
    color:#777777;
    font-weight: normal;
    border-width: 0;
}
#navbox
{
    float:left;
    width: 192px;
    margin-right:20px;
    margin-top:-20px;
    text-align: left;
    padding: 0px 20px 20px 20px;
    background-color: black;
    border-color: #2F2F2F;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.rightedge
{
    border-color: #000000;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    padding-right:15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.toptab
{
    position:relative;
    top:-5px;
    border:0px;
    margin:0px;
    height:14px;
    padding:0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.bottomtab
{
    position:relative;
    top:-11px;
    border:0px;
    margin-top:0px;
    margin-bottom:0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.step
{
    float:right;
    margin-left: 15px;
    padding-left: 15px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#supply
{
    float: right;
    background-color: black;
    text-align: center;
    letter-spacing: 1px;
    width: 200px;
    color: white;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;

    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    margin-left: 20px;
    padding-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.atomic
{
    background-color:white;
    border:0;
    position: relative;
    left:5px;
    top:-10px;
    margin:0px;
    padding:0px 10px 15px 15px;
}

.atomic A:hover
{
    background-color: #dddddd;
}

.adminblock
{
    width:300px;
    overflow:scroll;
}

.noback
{
    background-color: transparent;
}

.noback A:hover
{
    background-color: transparent;
}

.cupcake
{
    background-color:#BFBFBF;
    border:0;
    position: relative;
    left:5px;
    top:-10px;
    margin:0px;
    padding:0px 10px 15px 15px;
}

.cupcake A:hover
{
    background-color: #999999;
}

.gallerytable
{
    background-color:#000000;
    border:0;
    position: relative;
    left:5px;
    top:-6px;
    margin:0px;
    padding:0px 10px 15px 15px;
}

.fronttable
{
    background-color:#FFFFFF;
    border: 3px solid #660000;
    position: relative;
    margin:0px 0px 0px 5px;
    padding:0px 0px 0px 0px;
}

.whitetable
{
    background-color:#FFFFFF;
    border: 3px solid #000000;
    position: relative;
    margin:0px 0px 0px 5px;
    padding:0px 0px 0px 0px;
}
.news
{
    background-color: #FFB6B6;
    border:0;
    position: relative;
    left:5px;
    top:-10px;
    margin:0px;
    padding:0px 10px 15px 15px;
}


.button
{
    background-color: black;
    text-align: center;
    letter-spacing: 5px;
    width: 150px;
    padding:5px;
    height: 30px;
    color: white;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    border-color: black;
    border-style: solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;

}
.button a:link
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
.button a:active
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
.button a:visited
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
.button a:hover
{
    text-decoration: none;
    color: white;
    border-width: 0;
}

#navhello
{
    background-color: #222222;
    color: white;
    width: 160px;
    height: 30px;
  
    letter-spacing: 1px;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 10px;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    margin-right: -10px;
}


#adminmenuhead
{
    background-color: #FFB6B6;
    width: 160px;
    text-align: center;
    letter-spacing: 1px;

    height: 15px;
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    margin-right: -10px;
}

#clubmenuhead
{
    background-color: #FFB6B6;
    color: black;
    width: 160px;
    text-align: center;
    letter-spacing: 1px;
    height: 30px;

    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    margin-right: -10px;
}

#learnmenuhead
{
    background-color: #FFB6B6;
    color: black;
    width: 160px;
    text-align: center;
    letter-spacing: 1px;

    height: 15px;

    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    margin-right: -10px;
}

#storemenuhead
{
    background-color: #FFB6B6;
    color: black;
    width: 160px;
    text-align: center;
    letter-spacing: 1px;

    height: 15px;

    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    margin-right: -10px;
}


#othermenuhead
{
    background-color: #FFB6B6;
    color: black;
    width: 160px;
    text-align: center;
    letter-spacing: 1px;
    height: 15px;

    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    margin-right: -10px;
}

#navbox A
{
    padding: 2px;
}
#navbox A:link
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
#navbox A:active
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
#navbox A:visited
{
    text-decoration: none;
    color: white;
    border-width: 0;
}
#navbox A:hover
{
    text-decoration: none;
    color: white;
    font-weight: bold;
    border-width: 0;
    background-color: #222222;
}

#navbox ul
{
    list-style-type:none;
    list-style-position:outside;
}

#navbox li
{

    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    word-spacing: 1px;
    line-height: 16px;
    margin-left: -35px;
    margin-top: 3px;
    color: white;
}

.red
{
  color: red;
}

.googlepack
{

    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    word-spacing: 1px;
    line-height: 13px;
    margin-left: 0px;
    margin-top: 3px;
    color: white;
}

#content
{
    float: right;
    width: 560px;
    position: relative;
    top:-30px;
    text-align: left;
    margin-top:-10px;
    margin-right:10px; /* These two items were above the */
    margin-left:-20px; /* "margin-top" in the list. -Casey*/
    padding: 0px 0px 20px 0px;
    background-color: black;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}



#blurb
{
    float: left;
    width: 240px;

    margin-right:30px;
    margin-left: 0px;
    text-align: left;
    padding: 0px 30px 20px 0px;
    background-color: white;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    line-height: 17px;
}

#savescheme
{
    float: right;
    width: 90px;
    height: 30px;
    position: relative;
    top: -75px;
    left: -40px;
    text-align: left;
    padding: 0px 10px 0px 0px;
    background-color: white;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

#schemeblurb
{
    float: right;
    width: 120px;
    height: 30px;
    position: relative;
    top: -115px;
    left: 0px;
    margin-left:0px;
    margin-bottom:-115px;
    text-align: left;
    padding: 0px 0px 0px 0px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.title
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    word-spacing: -1px;
    line-height: 20px;
}

.title2
{
    color: #8A2E30;
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    word-spacing: -1px;
    line-height: 24px;
}

.smalltitle
{
    background-color: transparent;

    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    word-spacing: -1px;
    padding: 8px;
}

.alignl
{
    float: left;
    margin-right: auto;
}

.alignr
{
    float: right;
    margin-left: auto;
}

.smalltitlered
{
    color: #8A2E30;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    word-spacing: 0px;
}

.smalltitle2
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    word-spacing: -1px;
    line-height: 20px;
}

.freebietopper
{
        border-bottom: 2px solid #FF7E7E;
        margin-bottom: 10px;
}

.smallertitle
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
        word-spacing: -1px;
    font-weight: bold;
       line-height: 14px;
}

.smallnotice
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
        word-spacing: -1px;
    font-weight: bold;
       line-height: 14px;
   padding: 0px 40px 0px 40px;
}

.pink
{
     color: #FF7E7E;
}

.smallertitler
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    align: right;
}

.smallertitle2
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;

}

.smallertext
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;

}
.tinytext
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;

}

.pagbar
{

    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    word-spacing: -1px;
    top: -10px;
    line-height: -10px;
    padding: 0px;
}


.medsans
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
}

.medcaps
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.medcaps2
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 16px;
    text-transform: uppercase;
}

.capsspread
{
    color: white;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 8px;
    line-height: 13px;
    text-transform: uppercase;
}


.tutmenu
{
    color: #661111;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.tutcommand
{
    color: #777777;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.smallcaps
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cat
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-left: 20px;
    line-height: 20px;
}



.price
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 20px;
    line-height: 24px;
}

.addcart
{
    float:left;
    margin-bottom: 10px;

}
.note
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    line-height: 16px;
    margin-top: 2px;
}
.faq
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    line-height: 16px;
    margin-top: 2px;

}

.floatleft
{
    float: left;
    margin-right: 10px;
}
.license
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    line-height: 16px;
    margin-top: 2px;
    margin-left: 20px;
}

.license:first-line
{
    margin-left: 0px;
}
.down
{

    position:relative;
    top:15px;
}


#content p
{
    color: black;
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    line-height: 15px;

}


#content ul
{
    list-style-type:square;
    list-style-position:outside;
    color: #FF8F9F;
    margin-top: -5px;
}

#content li
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 1px;
    line-height: 13px;
    margin-left: -20px;
    margin-top: 3px;
}

#supply ul
{
    list-style-type: none;
    list-style-position:outside;
    color: white;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px;
    border-color: white;
}

#supply li
{
    color: white;
    text-transform: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 2px;
    font-weight:normal;
}

.carttable
{
    border-color: #FF8F9F;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
}



.carttable2
{
    border-color: #FF8F9F;
    border-style: solid;
    border-width: 3px 0px 1px 0px;
}

.recordlist
{
    width: 500px;
    height: 15px;
    margin-top: 8px;
    border-bottom: 1px solid #FF7E7E;

}

.fieldlabel
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;

    float:left;
    padding: 0px 3px 0px 3px;

}

.fieldcontents
{
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 300px;
    text-align: right;
    float:right;

}

.orderstable
{
    width: 500px;
    padding: 2px;
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0px;
}

.orderstable td
{
    border-color: #FF8F9F;
    border-style: solid;
    padding: 2px;
    margin: 0px;
    border-width: 0px 0px 1px 0px;
}

.columntitle
{
    font-weight: bold;
}

.aligncenter
{
    text-align: center;
}

.alignright
{
    text-align: right;
}

.alignleft
{
    text-align: left;
}