/******************************************************************************************************
HTML ELEMENTS
******************************************************************************************************/
body { margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; background-color: #ffffff; text-align:center; }
p { color: #000000; font-family: verdana; font-size: 12px; font-weight: normal; text-decoration: none; }
div { color: #000000; font-family: verdana; font-size: 12px; font-weight: normal; text-decoration: none; }
th { color: #000000; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; text-align: left; }
td { color: #000000; font-family: verdana; font-size: 12px; font-weight: normal; text-decoration: none; }
sup { font-size: 7px; }
h1 { color: #000000; font-family: verdana; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; text-transform: uppercase; letter-spacing: 3px; }

/******************************************************************************************************
CUSTOM CLASSES
******************************************************************************************************/
.big { color: #000000; font-family: verdana; font-size: 16px; font-weight: bold; text-decoration: none; }
.small { color: #666666; font-family: verdana; font-size: 10px; font-weight: normal; text-decoration: none; }
.error { color: #ff0000; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
.navigation { text-transform:lowercase; letter-spacing: 3px;}
.title { color: #000000; font-family: verdana; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; text-transform: uppercase; letter-spacing: 3px; }
.instructions { color: #000000; font-family: verdana; font-size: 12px; font-weight: normal; text-decoration: none; padding: 10px 15px 10px 15px; }
table.guts { border-left: solid 1px #7F7E83; border-right: solid 1px #7F7E83; }
table.subnavs { width: 200px; margin: 0px 20px 0px 0px; }
td.subnavs { padding: 5px 5px 5px 5px; background:#eeeeee; }
table.thumbs { border: solid 1px #eeeeee; }
td.borders { background:#eeeeee; height: 1px;}
.line { background: #eeeeee; }
.border { background: #eeeeee; }
.thumb { background: #eeeeee; }
.mtop { border-top: solid 1px #7F7E83; }
.mbottom { border-bottom: solid 1px #7F7E83; }
.mleft { border-left: solid 1px #7F7E83; }
.mright { border-right: solid 1px #7F7E83; }

/******************************************************************************************************
LINK ELEMENTS
******************************************************************************************************/
a { color: #3366cc; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
a:link { color: #3366cc; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
a:visited { color: #3366cc; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
a:hover { color: #8d95a6; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
a.add2cart { color: #000000; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #eeeeee; text-align: center; padding: 2px 1px 2px 1px; width: 130px; border: 2px solid #cccccc; }
a.add2cart:link { color: #000000; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #eeeeee; text-align: center; padding: 2px 1px 2px 1px; width: 130px; border: 2px solid #cccccc; }
a.add2cart:visited { color: #000000; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #eeeeee; text-align: center; padding: 2px 1px 2px 1px; width: 130px; border: 2px solid #cccccc; }
a.add2cart:hover { color: #000000; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #cccccc; text-align: center; padding: 2px 1px 2px 1px; width: 130px; border: 2px solid #eeeeee; }
a.button { color: #666666; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #eeeeee; text-align: center; padding: 2px 1px 2px 1px; width: 110px; border: 2px solid #cccccc; margin: 5px 0px 5px 0px; }
a.button:link { color: #666666; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #eeeeee; text-align: center; padding: 2px 1px 2px 1px; width: 110px; border: 2px solid #cccccc; margin: 5px 0px 5px 0px; }
a.button:visited { color: #666666; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #eeeeee; text-align: center; padding: 2px 1px 2px 1px; width: 110px; border: 2px solid #cccccc; margin: 5px 0px 5px 0px; }
a.button:hover { color: #666666; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #cccccc; text-align: center; padding: 2px 1px 2px 1px; width: 110px; border: 2px solid #eeeeee; margin: 5px 0px 5px 0px; }
a.small { color: #3366cc; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none; }
a.small:link { color: #3366cc; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none; }
a.small:visited { color: #3366cc; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none; }
a.small:hover { color: #8d95a6; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none; }

/******************************************************************************************************
FORM ELEMENTS
******************************************************************************************************/
.text { color: #000000; font-family: verdana; font-size: 12px; font-weight: normal; background-color: #ffffff; }
.textlong { width: 220px; color: #000000; font-family: verdana; font-size: 12px; font-weight: normal; background-color: #ffffff; }
.textarea { color: #000000; font-family: verdana; font-size: 12px; font-weight: normal; background-color: #ffffff; }
.select { color: #000000; font-family: verdana; font-size: 12px; font-weight: normal; background-color: #ffffff; }
.submit { color: #000000; font-family: verdana; font-size: 12px; font-weight: bold; background-color: #c0c0c0; text-align: center; padding: 1px 1px 1px 1px; }
.submited { color: #ffffff; font-family: verdana; font-size: 12px; font-weight: bold; background-color: #000000; text-align: center; padding: 1px 1px 1px 1px; }

/******************************************************************************************************
LAYER CLASSES
******************************************************************************************************/
#ProductName { visibility: visible; z-index: 66; font-size: 14px; font-weight: bold; text-align:center; }
#ProductPrice { visibility: visible; z-index: 66; font-size: 14px; font-weight: bold; text-align:center; }

/******************************************************************************************************
MENU ELEMENTS
******************************************************************************************************/
ul { padding: 0; margin: 0; list-style: none; background: #3366cc; z-index:99;}
li { float: left; position: relative; width: 10em; background: #3366cc; text-align:left; z-index:99;}
li ul { display: none; position: absolute; top: 20px; left: 0; background: #3366cc; z-index:99; }
li>ul { top: auto; left: auto;  z-index:99;}
li:hover ul, li.over ul { display: block; }
#HomeNavigation  { background: #3366cc; width: 490px;  z-index:99;}
#FullNavigation  { background: #3366cc; width: 480px; z-index:99; }
.home { padding: 5px 5px 5px 5px; width: 235px; }
.full { padding: 5px 5px 5px 5px; width: 150px; }
a.main { color: #ffffff; font-family: verdana; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }
a.main:link { color: #ffffff; font-family: verdana; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }
a.main:visited { color: #ffffff; font-family: verdana; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }
a.main:hover { color: #8d95a6; font-family: verdana; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }
.group  { color: #ffffff; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
a.item { color: #ffffff; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: none; }
a.item:link { color: #ffffff; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: none; }
a.item:visited { color: #ffffff; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: none; }
a.item:hover { color: #8d95a6; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: none; }