﻿body {
  padding: 0;
  margin: 0 0 5px 0;
  font-family: "Gotham Book", Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  /*background: #fff url('/images/boardBG.jpg') no-repeat right 180px;*/
  background: #03030b;
  /*background: #000 url('/images/bgRepeat.png') repeat;*/
  height: 100%;
  font-size: 14px;
}

html,
body,
form {
  height: 100%;
}

.selectCheck {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}

.logoImage {
  height: 94px;
  width: 94px;
  text-align: center;
  position: relative;
}

#thumbPopup {
  z-index: 3;
}

#attributewrapper {
  position: relative;
}

/* Main positioning styles*/
#wrapper {
  margin: 0 auto;
  padding: 0;
  position: relative;
  background: #fff url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QO4aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcFJpZ2h0cz0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3JpZ2h0cy8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBSaWdodHM6TWFya2VkPSJGYWxzZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOkFFQzc4NDY3ODkxQkRFMTE4NTg2QUI2QTU0MzdCOEExIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk3RTZDQjhFREQ0NzExRTBCRTUwQ0E0ODRBQzhFQ0ZCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3RTZDQjhEREQ0NzExRTBCRTUwQ0E0ODRBQzhFQ0ZCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgxREFCNkQxOTA0MkQyRTMiIHN0UmVmOmRvY3VtZW50SUQ9InV1aWQ6QUVDNzg0Njc4OTFCREUxMTg1ODZBQjZBNTQzN0I4QTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAABA6wDAREAAhEBAxEB/8QAVwABAAMBAAAAAAAAAAAAAAAAAAYHCAoBAQAAAAAAAAAAAAAAAAAAAAAQAQABBAMBAAAAAAAAAAAAAAAHBrY3dwXHSIgRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AO32F8OxPrShLW4oFlgAAAAAAAAAAAAAAAAAAAAAAAAAiVM5frrV0R3hOYLdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABl32p8u9sA//2Q==") repeat-y 0 0;
}

#header {
  width: 100%;
  height: 150px;
  position: relative;
  /*border-bottom:#999 1px solid;*/
  /*background: #fff url('/images/header-repeat.jpg') repeat-x 50% 50%;*/
}

#metaheader {
  position: relative;
  /*width:1090px;*/
  height: 150px;
  margin: auto;
  /*background: #0ec2f3;*/
  /*background: #ededed url('/images/topColors.jpg') no-repeat top center;*/
}

#subheader {
  height: 43px;
  width: 100%;
  /*background: url('/images/navRepeat.jpg') repeat-x;*/
  background: transparent;
}

#metasubheader {
  height: 43px;
  margin: auto;
  background: #ededed url("/images/navBG.jpg") no-repeat center;
  border-top: #aaa 1px solid;
}

#search {
  width: 220px;
  height: 40px;
}

#topnav {
  float: right;
  margin-top: 6px;
  margin-right: 20px;
}

#middle {
  /* background: url('/images/bodyRepeat.jpg') repeat-y; */
  position: relative;
  min-height: 600px;
}

#sidemenu {
  padding: 20px 20px 120px 20px;
  width: 220px;
  float: left;
}

#content {
  min-height: 200px;
  padding: 20px 30px 30px 30px;
  float: right;
  *float: none;
  *margin-left: 220px;
}

#footer {
  margin: auto;
  /*width: 940px;*/
  height: 1px;
}

#developedby {
  margin-top: 20px;
  text-align: center;
  color: #666;
}

#footer a,
#footer a:link,
#footer a:visited {
  color: #ccc;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: none;
}

/* 
input.button
{
		color:#FFFFFF;
		font-weight:bold;
		height:19px;
		line-height:1.46em;
		padding: 0 6px;
		background: url('/images/buttonRepeat.jpg');
		cursor:pointer;
}*/
/* Login Components */
.loginFields {
  margin: 0px auto 4px;
  width: 182px;
  height: 25px;
  padding-left: 10px;
  border: 1px solid #ccc;
}

.loginButton {
  width: 50px;
}

.forgotPassword {
  font-style: italic;
  color: #be1e24;
}

.forgotPassword:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* Search Components */
.watermarkOn {
  color: #888;
  font-style: italic;
}

.comingSoon {
  text-align: center;
  margin-top: 25px;
}

/* edit categories */
#editCategories {
  list-style: none;
  font-weight: bold;
  color: #282828;
}

#editCategories li {
  margin-bottom: 10px;
}

#editCategories li ul {
  list-style-type: none;
  list-style-image: none;
  margin-top: 6px;
  color: #be1e24;
}

#editCategories li ul li {
  margin-bottom: 5px;
}

.categoryName {
  width: 540px;
  height: 45px;
  padding: 10px;
  border: solid 1px #777;
  background-color: #fff;
  position: relative;
}

.categoryName div {
  float: left;
  margin: 5px 5px 0px 5px;
}

.categoryName h2 {
  margin-top: -3px;
  margin-bottom: 0;
  margin-left: 5px;
}

.subcategoryInner {
  border: solid 1px #ccc;
  background-color: #eee;
  padding: 5px;
  width: 480px;
  height: 28px;
}

.subcategoryInner div {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.catname,
.caturl {
  width: 200px;
}

.categoryName .url,
.subcategoryInner .url {
  font-weight: normal;
  color: #999;
  float: right;
  max-width: 230px;
  height: 15px;
  overflow: hidden;
}

/* item summary */
.itemSummaryBlock {
  height: 330px;
  width: 215px;
  background: url("/images/productBottom.jpg") no-repeat bottom center;
  border: 1px solid #ccc;
  float: left;
  position: relative;
  padding: 20px;
  margin: 0 -1px -1px 0;
  text-align: center;
  overflow: hidden;
}

.itemSummaryBlock img {
  margin: 0 auto;
  max-width: 175px;
}

.itemSummaryBlockDetails {
  height: 80px;
}

.itemSummaryBlockDetails h3 {
  margin: 0;
}

.itemSummaryBlockDetails p {
  margin-top: 5px;
}

.itemSummaryBlockThumb {
  height: 185px;
}

.itemSummaryIcon {
  min-height: 80px;
  background: url("/images/productbottom.jpg") repeat-x bottom left;
  border: 1px solid #ccc;
  float: left;
  position: relative;
  padding: 25px 5px 15px 25px;
  margin: 0 0 6px 0;
  text-align: left;
  overflow: hidden;
}

.itemSummaryIconThumb {
  padding-top: 5px;
  height: 50px;
  width: 80px;
}

.itemSummaryIcon img {
  margin: 0 auto;
}

.itemSummaryIconName {
  width: 360px;
  font-size: 1.2em;
}

.itemSummaryIconName a, .itemSummaryIconName a:link, .itemSummaryIconName a:visited {
  color: #000;
  text-decoration: none;
}

.itemSummaryIconPrice {
  font-size: 1.1em;
  text-align: right;
  padding-top: 20px;
}

.itemSummaryIconDescription {
  color: #ccc;
}

.itemSummaryIconButton {
  padding: 15px 10px 20px 10px;
  text-align: right;
}

table.itemSummaryList {
  width: 100%;
  border: 1px solid #000;
}

table.itemSummaryList tr {
  border-bottom: 1px solid #ccc;
}

table.itemSummaryList tr:last-child td {
  border-bottom: 1px solid #000;
}

table.itemSummaryList thead tr,
table.itemSummaryList th {
  border-left: none;
  border-right: none;
}

table.itemSummaryList td,
table.itemSummaryList th {
  padding: 5px 8px;
}

.itemSummaryListPrice {
  text-align: right;
}

.itemSummaryListButton {
  text-align: right;
}

.soldout {
  text-transform: uppercase;
  font-weight: bold;
}

/* Item Views */
.viewButtons {
  float: right;
  margin: 0 10px 10px;
}

.viewButtons input {
  height: 32px;
  width: 32px;
  padding: 0;
  margin-right: 5px;
  cursor: pointer;
}

.ViewBlock {
  background-image: url("/images/viewBlock.png");
}

.ViewIcon {
  background-image: url("/images/viewIcon.png");
}

.ViewList {
  background-image: url("/images/viewList.png");
}

.ViewPerPagePanel {
  float: left;
}

/* Map */
#map {
  height: 300px;
  margin-bottom: 15px;
}

/* Item Details */
#itemDetails h1 {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
  padding-right: 50px;
  font-size: 1.54em;
}

.attributes {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  background-color: #f9f9f9;
  padding: 15px;
}
.attributes h2 {
  margin-top: 0;
}

#itemDetails .attributeName {
  float: left;
  width: 75px;
  padding-top: 6px;
  font-size: 0.8em;
}

#itemDetails .attributeControl {
  margin-left: 75px;
  margin-bottom: 3px;
  padding-top: 6px;
}

.notAvailable {
  top: 2em;
  left: -5em;
  color: #fff;
  display: block;
  position: absolute;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.06em;
  background-color: #A00;
  padding: 0.5em 5em 0.4em 5em;
  text-shadow: 0 0 0.75em #444;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  font: bold 16px/1.2em Arial, Sans-Serif;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-45deg) scale(0.75, 1);
  z-index: 10;
}

.notAvailable:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: -0.3em -5em;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  border: 2px rgba(255, 255, 255, 0.7) dashed;
}

#price {
  width: 100px;
  background-color: #FFFFFF;
  font-size: 1.3em;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 5px 5px 3px 5px;
  border-style: outset;
  border-width: thin;
  width: 100px;
  display: none;
}

.shirtsize {
  margin-left: 10px;
  width: 50px;
}

.shirtCount {
  font-weight: bold;
  color: Green;
}

.shirtCount.under {
  color: Red;
}

.shirtCount.over {
  color: inherit;
}

.AddToCart {
  background-image: url("/images/addCartOff.png");
  height: 25px;
  width: 141px;
}

.AddToCart:hover {
  background-image: url("/images/addCartOn.png");
  cursor: pointer;
}

/* Cart */
table.cart {
  width: 100%;
}

tr.orderItem td,
tr.coupon td {
  border-top: 1px solid #cccccc;
  padding: 12px 5px 5px 5px;
}

tr.orderItem img {
  margin-top: -5px;
}

.orderItemName,
.couponName {
  color: #000;
  font-size: 1.2em;
  min-width: 175px;
}

.orderItemName a {
  color: #000;
  font-size: 1em;
}

.orderItemUnitPrice {
  text-align: right;
}

.orderItemPrice,
.couponPrice {
  font-size: 1.3em;
  background-color: White;
  text-align: right;
  min-width: 60px;
}

.orderItemAttributes {
  color: #888888;
}

tr.orderItemUnder td {
  border-top: 1px solid #e6e6e6;
  padding: 5px 5px 5px 5px;
}

tr.couponbottom td {
  padding: 5px 5px 5px 5px;
}

tr.orderItemUnder td a,
tr.couponbottom td a {
  color: #009BFE;
}

.orderItemDetails {
  color: #888888;
}

.orderItemRemove {
  font-weight: bold;
  color: #009bfe;
}

#shipping td {
  border-top: 1px solid #cccccc;
  background-color: #f9f9f9;
}

#shipping td {
  padding: 20px 5px 20px 10px;
}

#totalShipping {
  font-size: 1.3em;
  text-align: right;
}

#cartTotal {
  float: right;
  text-align: right;
  width: 125px;
  padding-right: 25px;
}

#cartTotal label {
  color: #888;
  font-size: 0.85em;
}

#totalLabel {
  color: #888;
  font-size: 0.85em;
  margin-right: 4px;
}

#orderTotal {
  font-size: 1.3em;
  color: #000;
  font-weight: bold;
}

#plusTax {
  color: #888;
  font-size: 0.85em;
  margin-right: -25px;
}

.checkout input {
  border: 1px solid #ccc;
  font-family: Arial;
  margin: 3px;
  margin-left: 0;
  padding: 3px;
}

.checkout select {
  margin: 3px;
  margin-left: 0;
}

.watermark {
  color: #A6A6A6;
  font-style: italic;
}

#checkoutButton {
  float: right;
  padding-top: 10px;
  padding-right: 20px;
}

/* Attributes */
#attributes {
  margin: 0;
  padding: 0;
}

#attributes li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

#attributes ul {
  padding-left: 5px;
  margin-left: 0;
}

/* Backend stuff */
#pageButtons button {
  background-image: url("buttonRepeat.jpg");
  background-repeat: repeat-x;
}

.pageButtons {
  position: absolute;
  top: 8px;
  right: 35px;
}

/* custom classes */
.product {
  float: left;
  width: 200px;
  height: 210px;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 10px;
}

.error,
.validate {
  color: #FF0000;
  font-weight: normal;
}

.info {
  color: #008000;
}

.help {
  color: #000000;
  font-style: italic;
}

.question {
  text-align: right;
}

ul.simplelist {
  margin: 0;
  padding: 0;
}

ul.simplelist li {
  list-style: none;
  position: relative;
}

ul.menu {
  margin: 14px 10px 0px 0px;
  padding: 0;
  float: right;
}

ul.menu li {
  margin: 0px 10px;
  position: relative;
  display: inline;
}

ul.menu a,
ul.menu a:link,
ul.menu a:visited {
  font-size: 1em;
  /*font-weight:bold;*/
  color: #0262a2;
}

fieldset {
  background-color: #F2FBFB;
  border: solid 1px #507D82;
  margin: 0;
  margin-bottom: 10px;
  padding: 5px;
  width: 250px;
  *position: relative;
  *padding-top: 20px;
  display: block;
}

legend {
  color: #3F251C;
  font-weight: bold;
  *position: absolute;
  *top: -10px;
  *left: 10px;
  *margin-top: 10px;
}

.tdcenter,
tr.tdcenter td {
  text-align: center;
}

.tdright {
  text-align: right;
}

.clear {
  clear: both;
}

.photoleft {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

.photoright {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}

.norecords {
  color: Red;
  text-align: center;
}

/* products */
.result {
  margin-top: 0px;
  margin-left: 160px;
  width: 250px;
  height: 100px;
  border: dashed 2px #000000;
  background-color: #FFFFFF;
  padding: 8px;
  text-align: center;
  z-index: 20;
}

ul.resources {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}

ul.resources li {
  display: inline;
  padding-right: 5px;
}

.LogoList {
  margin-left: 44px;
}

.inactiveLogo {
  color: #f00;
}

/* coupon codes */
#codes, #codes th, #codes td {
  border: solid 1px #ccc;
  padding: 10px;
}

#codes a, #codes a:link, #codes a:visited {
  font-weight: normal;
  color: #005c7d;
}

/* Categories */
#categoryHeader h2 {
  font-size: 1.4em;
  margin: 0;
  margin-bottom: 15px;
}
#categoryHeader h2 > a {
  color: #000;
  text-decoration: none;
}

#categories {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#categories a {
  color: #282828;
}

#categories li {
  margin-bottom: 10px;
}

#categories li ul {
  list-style-type: none;
  list-style-image: none;
  margin-top: 6px;
}

#categories li ul a {
  font-weight: normal;
  color: #0262a2;
}

#categories li ul li {
  margin-bottom: 5px;
}

/* Registration */
.attendee {
  line-height: 1.5rem;
}

.attendee > .close {
  display: none;
}

.attendee:hover > .close {
  display: block;
}
