@charset "UTF-8";
/*****************/
/*  Main Styles  */
/*****************/



/***::-  Common Styles  -::**/

.makeInvis {
	display: none;
}
.noBold {
  font-weight: normal;
}
.noMargin {
	margin: 0 !important;
}
.noPadding {
	padding: 0 !important;
}
DIV.clearBoth {
	clear: both;
	font-size: 1px;
	margin: 0;
	padding: 0;
}



/***::-  Page Top  -::***/

DIV.borderBackground {
  background-image: url(img/site-border.gif);
  background-position: -51px 176px;
  background-repeat: no-repeat;
	padding: 0 5px;
  margin: 0;
}
DIV.logoContainer {
  margin: 0;
  padding: 0;
}
DIV.logo {
  margin: 0;
  padding: 0;
}
IMG.logo {

}
TD.howToUseOurShop {
  padding: 0 5px 0 0;
}
TABLE.howToUseOurShop {
  border: 1px solid #633;
  float: left;
  background-color: #FFF5EC;
}
TABLE.howToUseOurShop TH, TABLE.howToUseOurShop TD {
  font-size: 10px;
  padding: 2px 4px;
}
TABLE.howToUseOurShop TH {
  padding-top: 1px;
  font-size: 13px;
  background-color: #911;
  border: 2px solid #740707;
  border-width: 1px 2px 0 2px;
  color: #fff;
}
TABLE.howToUseOurShop TD {
  border: 2px solid #BAA18B;
  border-width: 1px 2px 1px 2px;
}
TABLE.howToUseOurShop TD OL {
  margin: 0;
  padding: 3px 3px 6px 18px;
  font-weight: bold;
}
TABLE.howToUseOurShop TD UL {
  margin: 0;
  padding: 2px 0;
}
SPAN#basicTextNav {

}

/***::-  Search/Filters  -::***/
DIV#searchFilters {
  width: 1px;
  overflow: hidden;
  visibility: hidden;
}
DIV.searchFilters {
  background-color: #fff5ec;
  border: 1px solid #000;
  /*display: none; *//* JS has to make it visible */
  font-size: 10px;
  margin: 0;
  padding: 5px;
  white-space: nowrap;
}
/*
DIV.searchFiltersContainer {
  margin: 0;
  padding: 0;
  *//*position: relative;
  bottom: 10px;*//*
  height: 0;
  overflow: hidden;
}*/
/*
DIV.searchFilters * {
  vertical-align: middle;
}
DIV.searchFilters SPAN#searchFilters_sizes {
  display: none;
}
DIV.searchFilters SPAN#searchFilters_sizes_F, DIV.searchFilters SPAN#searchFilters_sizes_M, DIV.searchFilters SPAN#searchFilters_sizes_U {
  display: none;
}
DIV.searchFilters SELECT#category {
  width: 95% !important;
}*/
DIV.clearSearchFiltersLink {
  padding: 0;
  margin: 0;
}
DIV.clearSearchFiltersLink A.clearSearchFilters, DIV.clearSearchFiltersLink A.clearSearchFilters:VISITED {
  font-size: 0.8em;
  background-color: #fff5ec;
  border: 1px solid #000;
  border-bottom-color: #fff5ec;
  text-decoration: none;
  padding: 1px 5px;
  /*position: relative;
  top: 1px;
  right: 2px;*/
}
DIV#clearSearchFiltersLink {
  visibility: hidden;
}
DIV.clearSearchFiltersLink A.clearSearchFilters:HOVER, DIV.clearSearchFiltersLink A.clearSearchFilters:FOCUS, DIV.clearSearchFiltersLink A.clearSearchFilters:ACTIVE {
  background-color: #dfd5bc;
}
INPUT {
  cursor: pointer;
}
INPUT.searchTextBox {
  border:1px solid #A5ACB2;
  font-size:0.85em;
  padding:2px 21px 2px 4px;
  width: 345px;
}
INPUT.applyfilter {
  /*float: right;*/
  width: 100px;
  padding: 13px 0 14px 0;
  background-image: url(img/apply-filter.gif);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-color: transparent;
  border: 0;
  color: #546;
  font-size: 11px;
}
INPUT.applyfilter:HOVER,INPUT.applyfilter:FOCUS, INPUT.applyfilter:ACTIVE {
  background-position: 50% -50px;
}
TABLE.formTbl TD {

}



/***::-  Main Area  -::***/

/* Main Container CSS */
.topLeftCurve, .topRightCurve, .bottomLeftCurve, .bottomRightCurve {
	background-image: url(img/main-content-bkg.gif);
}
.topLeftCurve {
	background-position: 0 0;
}
.topRightCurve {
	background-position: 100% 0;
}
.bottomLeftCurve {
	background-position: 0 100%;
}
.bottomRightCurve {
	background-position: 100% 100%;
}
TABLE.topBorder, TABLE.bottomBorder, DIV.mainArea {
	width: 100%;
}
TABLE.topBorder IMG, TABLE.topBorder IMG {
	border: 0;
}

.mainBkgFill {
	background-color: #FCE5CE;
}
DIV.mainContentContainer {
  width: 100%;
}
DIV.mainAreaContainer {
	width: auto;
  margin-left:205px;
  position: relative;
  top: 5px;
}
DIV.mainArea {
	background-color: #FCE5CE;
	margin: 0;
	padding: 0;
}
DIV.mainAreaAdjust {
  position: relative;
  top: -10px;
}
BODY.ABOUT DIV.mainAreaAdjust {
  padding-left: 10px;
  padding-right: 10px;
}
DIV.infoHdr {
  color: #c70000;
  font-weight: bold;
  font-size: 1.2em;
}
DIV.infoList {
  width: 85%;
}


/***::- Costume Items -:: ***/

TABLE.costumeListItem {
	border: 1px solid #700;
	background-color: #fff;
	margin: 5px;
	width: 96%;
  font-size: 10pt;
}
TABLE.costumeListItem TH.costumeListItemHeader {
	padding: 5px 10px;
	background-color: #911;
  color: #fff;
}
TABLE.costumeListItem TH.costumeListItemHeader DIV {
	font-size: 110%;
}
TABLE.costumeListItem TH.costumeListItemHeader H2 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}
TABLE.costumeListItem TD.costumeListPhotoCell {
	padding: 2px;
 /* border: 1px solid #bbb;
  border-width: 1px 0 0 1px;*/
}
TABLE.costumeListItem TD.costumeListPhotoCell IMG {
	margin: 0;
}
TABLE.costumeListItem TD.costumeListDetailCell {
	padding: 8px;
	/*border-left: 1px dotted #c00;*/
   border: 1px solid #bbb;
   border-width: 1px 1px 0 0;
}
TABLE.costumeListItem TD.moreDetailsCell {
	/*border-left: 1px dotted #c00;*/
   border: 1px solid #bbb;
   border-width: 1px 1px 0 0;
	padding: 0;
}
TABLE.costumeListItem TD.moreDetailsCell DIV {
	padding: 0;
	margin: 0;
}
A.moreDetails, A.moreDetails:VISITED {
	display: block;
	background-image: url(img/costume-details-button.gif);
	width: 120px;
}
A.availability, A.availability:VISITED {
	display: block;
	background-image: url(img/complete-costumes-avail-bt.gif);
	width: 180px;
}
A.availabilityDetails {
	display: block;
	background-image: url(img/costume-available-lng.gif);
	width: 220px;
}
A.moreDetails, A.moreDetails:VISITED, A.availability, A.availability:VISITED, A.availabilityDetails, A.availabilityDetails:VISITED {
	background-repeat: no-repeat;
	background-position: 50% 0;
	line-height: 14px;
	height: 14px;
	text-decoration: none;
	border: 0;
	color: #546;
	padding: 8px 0;
	margin: 0;
}
A.availability:HOVER, A.moreDetails:HOVER, A.availabilityDetails:HOVER {
	background-position: 50% -50px;
	color: #060;
}
TD.hireDetailsCell {
  border: 1px solid #bbb;
  border-top: 0;
	background-color: #fff;
  color: #000;
}
TABLE.hireDetails {
  width: 100%;
}
TABLE.hireDetails TD {
  width: 16%;
  font-size: 8pt;
}
TABLE.hireDetails TD.wide {
  width: 26%;
}
A.costumeLink, A.costumeLink:VISITED {
  text-decoration: none;
  border: 0;
}
DIV.CostumeAvailHdr {
  color: #a00;
  font-size: 12px;
  padding: 8px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #600;
}
DIV.CostumeAvailSurround {
  width: 94%;
  background-color: #fff;
  border: 1px solid #600;
  padding: 0 1%;
  margin: 15px 0;
}

/***::- Grid View -::***/
TABLE.gridViewItem DIV.mainItem {
	border: 1px solid #700;
	background-color: #fff;
	padding: 0;
	margin: 10px;
  color: #fff;
}
TABLE.gridViewItem DIV.mainItemTitle {
	padding: 5px 10px;
	background-color: #911;
  border-top: 1px solid #c44;
	border-bottom: 1px dotted #c44;
}
TABLE.gridViewItem DIV.priceInfo {
	background-color: #911;
  border-top: 1px solid #a22;
	border-bottom: 1px solid #c44;
	font-size: 11px;
	padding: 3px 5px;
	white-space: nowrap;
}
TABLE.gridViewItem IMG {
	margin: 3px;
}
TABLE.gridViewItem A.detailLink, TABLE.gridViewItem A.detailLink:VISITED {
	display: block;
	border-top: 1px solid #ccc;
	font-size: small;
	background-image: url(img/costume-availability.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	color: #333;
	text-decoration: none;
	padding: 4px 7px;
	margin: 0;
}
TABLE.gridViewItem A.detailLink:HOVER {
	background-position: 0 -55px;
	color: #911;
}
TABLE.PrevNext TD {
	width: 33%;
	line-height: 30px;
	height: 20px;
}
TABLE.PrevNext DIV.nextPrevWrapper {
	width: 120px;
}
TABLE.PrevNext A, TABLE.PrevNext A:VISITED {
	display: block;
	background-image: url(img/complete-costumes-next-prev.gif);
	background-position: 50% 0;
	background-repeat: no-repeat;
	font-variant: small-caps;
	/*border: 1px solid #969;*/
	color: #546;
	line-height: 25px;
	height: 25px;
	width: 70px;
}
TABLE.PrevNext A:HOVER, TABLE.PrevNext A:FOCUS {
	background-position: 50% -50px;
	color: #060;
	/*border: 1px solid #A8A;*/
}
A.switchViews, A.switchViews:VISITED, A.basketReturnToList, A.basketReturnToList:VISITED {
 	display: block;
	background-image: url(img/costume-available-lng.gif);
  background-position: 50% 0;
  background-repeat: no-repeat;
	width: 220px;
  text-decoration: none;
  padding: 7px 0;
  color: #911;
}
A.switchViews:HOVER, A.switchViews:ACTIVE, A.basketReturnToList:HOVER, A.basketReturnToList:ACTIVE {
	background-position: 50% -50px;
	color: #060;
}

A.basketReturnToList {
  width: 200px !important;
}


/***::- Basket and Payment -::***/

/** these are the basket summary class **/
DIV.basketOuter {
	/*position: absolute;
	top: 0;
	right: 0;
	width: 350px;
	white-space: nowrap;*/;
  width: 96%;
  margin-left: 20px;
}
DIV.basketContents {
	/*background-image: url(img/basket-summary-bkg.gif);*/
	background-repeat: no-repeat;
	background-position: bottom left;
	font-size: 90%;
	line-height: 1.4em;
	height: 1.4em;
	padding: 3px 0 5px 0;
}
/** end basket summary classes **/
TABLE.costumeBasket {
	border: 1px solid #611;
	background-color: #fff;
  color: #000;
}
TH.costumeBasketHeader {
	padding: 3px;
	font-size: 1.2em;
}
TABLE.deliveryDetails {
	width: 100%;
}
TABLE.deliveryDetails TD {
  color: #000;
	width: 25%;
}
TABLE.deliveryDetails TD.inputCell {
	width: 25%;
}
TABLE.deliveryDetails TABLE.deliveryDetailsTable {
	width: 75%;
}

INPUT.CheckoutSubmitButton, A.basketReturnToList {
  background-color: transparent;
	background-image: url(img/checkout-button-bkg.gif);
	background-repeat: repeat-x;
	background-position: 50% 0;
  border: 0;
	margin: 0;
  font-weight: bold;
  height: 25px;
  width: 200px;
}
INPUT.CheckoutSubmitButton:HOVER {
	background-position: 50% -50px;
	color: #060;
}
INPUT.CheckoutSubmitButtonFinal {
	font-size: 13px;
  background-image: url(img/checkout-button-bkg-wide.gif);
  width: 400px;
}
TABLE.basketBreakdown {
  border-bottom: 1px dotted #999;
}
TABLE.basketBreakdown TH, TABLE.deliveryDetails TH, DIV.basketSummary {
	font-size: 95%;
	padding: 2px 10px;
	background-color: #911;
	border-top: 1px dotted #999;
  color: #fff;
}
TABLE.deliveryDetails TH {
	border-bottom: 1px dotted #999;
}
DIV.basketSummary {
	background-color: #911;
}
TABLE.basketBreakdown TD, TABLE.deliveryDetails TH {
	font-size: 85%;
	padding: 2px 10px;
	border-top: 1px dotted #999;
}
TD.costumeBasketTotalCell .hireDetails {
	background-color: #911;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	line-height: 1.7em;
	height: 1.7em;
	padding: 4px;
  color: #fff;
}
TD.costumeBasketTotalCell .PayPalButton {
	background-color: #911;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
TD.costumeBasketTotalCell .PayPalButton INPUT {
	background-color: #911;
	border: 1px solid #888;
	padding: 2px 5px;
	margin: 3px;
}
TD.costumeBasketTotalCell .PayPalButton P {
	font-size: 80%;
}
TABLE.deliveryDetails TD {
	padding: 2px 5px;
}
TABLE.deliveryDetails LABEL {
	font-size: 90%;
}
TABLE.deliveryDetails INPUT {
	border: 1px solid #711;
}
DIV.collectionOption {
  margin: 8px 0;
  padding: 5px 10px;
  background-color: #fee4af;
  border: 1px solid #ffaa00;
}


/***::-  Nav  -::***/
SPAN#basicTextNav {
  /* only visible to non-JS browsers */
}
DIV.mainNavigation {
	margin: 0;
	padding: 0 20px 0 0;
  clear:both;
  position: relative;
  top: 2px;
  min-width: 990px;
}
DIV.mainNavigation A, DIV.mainNavigation A:VISITED, DIV.buttonTabStyle {
	display: block;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 8px 0 0 0;
	color: #000;
	text-decoration: none;
}
DIV.mainNavigation A, DIV.mainNavigation A:VISITED {
	float: right;
}
DIV.buttonTabStyle {
  float: left;
}
DIV.mainNavigation A:HOVER, DIV.mainNavigation A:FOCUS, DIV.mainNavigation A:ACTIVE {
	color: #C00;
}
/*DIV.mainNavigation A:HOVER, DIV.mainNavigation A:FOCUS,*/
DIV.mainNavigation A.medBtnInactive, DIV.mainNavigation A.medBtnInactive:VISITED,
DIV.mainNavigation A.thinBtnInactive, DIV.mainNavigation A.thinBtnInactive:VISITED {
	background-position: -401px 0;
}
/*DIV.mainNavigation A.wideBtn:HOVER, DIV.mainNavigation A.wideBtn:FOCUS,*/
DIV.mainNavigation A.wideBtnInactive, DIV.mainNavigation A.wideBtnInactive:VISITED {
	background-position: -400px 0;
}
DIV.mainNavigation A.wideBtn, DIV.mainNavigation A.wideBtn:VISITED {
	background-image: url(img/medieval-scroll-wide-btn.gif);
	width: 302px;
}
DIV.mainNavigation A.medBtn, DIV.mainNavigation A.medBtn:VISITED,DIV.buttonTabStyle {
	background-image: url(img/medieval-scroll-med-btn.gif);
	width: 238px;
}
DIV.mainNavigation A.thinBtn, DIV.mainNavigation A.thinBtn:VISITED {
	background-image: url(img/medieval-scroll-thin-btn.gif);
	width: 191px;
}
DIV.sideNavContainer {
  padding-top: 5px;
  width:200px;
  float:left;
}
A.sideNavMain, A.sideNavMain:VISITED, A.navItem, A.navItem:VISITED {
  background-image: url(img/side-nav-bkg.gif);
  background-position: 0 0;
	font-size: 13px;
  padding: 2px 5px 4px 0;
	color: #009;
  display: block;
  width: 195px;
}
FORM#searchBox {
  /*
  background-image: url(img/side-nav-bkg.gif);
  background-position: 0 0;
  padding: 2px 0 4px 0;
	color: #009;
  display: block;
  width: 200px;  
  */
	font-size: 13px;
}
A.sideNavMain:HOVER, A.sideNavMain:FOCUS, A.navItem:HOVER, A.navItem:FOCUS {
	color: #C00;
}
A.sideNavSub {
  display: block;
  width: 195px;
  padding-right:5px;
	background-color: #FCE5CE;
}
DIV.sideNavEnd {
  background-image: url(img/side-nav-bkg.gif);
  background-position: 0 100%;
  margin-bottom: 10px;
  padding: 4px 0 0 0;
  font-size: 1px;
}
FORM#searchBox {
  padding: 0;
  margin: 0;
}
DIV.mainNavigation INPUT.searchTextBox {
  width: 150px;
  float:left;
  margin-left: 5px;
  padding-left: 0;
  padding-right: 0;
  cursor: text;
}
DIV.mainNavigation INPUT.submit {
	background-image: url(img/contact-form-btn.gif);
	background-position: 0 -2px;
  background-repeat: repeat-x;
	display: block;
  width: 60px;
	font-size: 12px;
	color: #fff;
  border: 1px solid #333;
}
DIV.sideNavContainer INPUT.submit:HOVER {
	background-position: 0 -52px;
  color: #911;
}

/***::- Costume Links -::***/
DIV.itemsInSameCat A, DIV.itemsInSameCat A:VISITED {
  white-space: nowrap;
}
DIV.itemsInSameCat A:HOVER, DIV.itemsInSameCat A:FOCUS {
  
}

/***::-  Contact  -::***/
DIV.contactFormOuter {
	padding: 5px 40px 5px 80px;
}
DIV.contactFormOuter TH {
	padding: 2px;
	font-size: 11px;
}
DIV.contactFormOuter TD {
	padding: 2px;
}
DIV.contactFormOuter TD INPUT, DIV.contactFormOuter TD TEXTAREA, DIV.contactFormOuter TH SELECT {
	border: 1px solid #600;
	color: #339;
	font-size: 12px;
}
DIV.contactFormOuter TD INPUT.submit {
	background-image: url(img/contact-form-btn.gif);
	background-position: 0 -2px;
   background-repeat: repeat-x;
	padding: 3px 10px;
	font-size: 12px;
	color: #fff;
}
DIV.contactFormOuter TD INPUT.submit:HOVER {
	background-position: 0 -52px;
   color: #911;
}
B.contactHighlight {
	color: #F33;
}


/***::-  Footer  -::***/

.footer {
  width: auto;
	color: #fff;
	font-size: smaller;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 3px 3px 0 3px;
}
.footer B {
	font-weight: normal;
}
.footer A {
	color: #fff;
	text-decoration: none;
}
.footer A:HOVER, .footer A:ACTIVE {
	color: #f00;
	text-decoration: underline;
}
.footer SPAN {
	position: absolute;
}
.siteVersion {
	color: #b88;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	margin-top: 10px;
	padding-top: 0;
}
H3.footerInformationText {
  margin-top: 0px;
  font-size: 9pt;
  color: #fff;
  font-weight: normal;
}
SPAN.footerDivider {
  position: relative;
  font-size: 8pt;
  color: #fdd;
  padding: 0 5px;
}
DIV.footerRelatedLinks {
  margin: 6px 0 10px 0;
  padding: 0;
  font-size: 9pt;
}
DIV.footerRelatedLinks A, DIV.footerRelatedLinks A:VISITED {
  text-decoration: underline;
}




INPUT.submit {
  cursor: pointer;
}
.blackLinks A, .blackLinks A:VISITED {
  color: #000;
}
.blackLinks A:HOVER, .blackLinks A:FOCUS, .blackLinks A:ACTIVE {
  color: #f00;
}