
/*****************/
/*  Main Styles  */
/*****************/


DIV.loadingNav {
	position:absolute;
	top:170px;
	left:50%;
}
DIV.clearBoth {
  font-size:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  clear:both !important;
}


/***::-  Common Styles  -::**/

.makeInvis {
	display: none;
}
INPUT.submit {
	cursor: pointer;
}
INPUT.submit:HOVER {
	background-color: #FFCC33;
	color: #C00 !important;
}
INPUT:HOVER, TEXTAREA:HOVER, SELECT:HOVER {
	background-color: #FDB;
	color: #700 !important;
}

SELECT {
	vertical-align: middle;
}

/***::-  Page Top  -::***/

DIV.logo {
	background-image: url(img/complete-costumes-lgo-bkg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 120px;
	height: 120px;
	margin: 0;
	/*border-bottom: 1px solid #002;*/
}
IMG.logo {
	float: left;
	position: absolute;
	top: 5px;
	left: 5px;
}
P.specialOffer {
	position: absolute;
	top: 38px;
	right: 10px;
	width: 500px;
	font-size: small;
}



/***::-  Main Area  -::***/

DIV.homePageIMG {
  width: 600px;
  height: 350px;
  background-position:50% 50%;
  background-repeat: no-repeat; 
}
TD.mainBorderTopLeft {
	padding: 0;
	margin: 0;
	width: 10px;
	line-height: 10px;
	height: 10px;
	font-size: 2px;
}
TD.mainBorderTopLeft IMG {
	margin: 0;
	padding: 0;
	border: 0;
}
TD.mainBorderTop {

}
TD.mainBorderTop DIV.borderFill {
	background-position: top;
	background-image:url(img/main-border-top.gif);
	background-repeat: repeat-x;
	line-height: 10px;
	height: 10px;
	font-size: 2px;
	width: 100%;
	padding: 0;
	margin: 0;
}
/*
TD.mainBorderTop {
	background-position: top;
	background-image:url(img/main-border-top.gif);
	background-repeat: repeat-x;
	line-height: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	font-size: 2px;
}*/
TD.mainBorderLeft {
	background-position: left;
	background-image: url(img/main-border-left-bkg.gif);
	background-repeat: repeat-y;
	width: 10px;
	padding: 0;
	margin: 0;
	font-size: 8px;
}

DIV.mainArea {
	padding: 5px 1% 12px 1%;
}
TD.mainAreaCell {
	background-color: #f3eef5;
}
SPAN.bulletOuter {
	color: #f5ceff;
	font-size: 35%;
}
SPAN.bulletInner1 {
	color: #deb8ed;
	font-size: 75%;
}
SPAN.bulletInner2 {
	color: #9b78a9;
	font-size: 95%;
}
SPAN.bulletInner3 {
	color: #636;
	font-size: 105%;
}

/***::-  Top Nav -::***/

DIV.topNavOuter {
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	top: 100px;
	width: 100%;
}
A.topNavButton, A.topNavButton:VISITED {
	display: block;
	float: right;
	background-image: url(img/top-nav-button-bkg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 150px;
	/*line-height: 22px;*/
	height: 22px;
	font-size: 10px;
	text-decoration: none;
	color: #555;
	position: relative;
	width: 130px; 
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}
A.topNavButton:HOVER {
	background-position: bottom left;
	color: #fff;
}
A.topNavButton SPAN {
	padding-right: 10px;
	position: relative;
	top: 5px;
}
SPAN.breaker {
	display:none;
}
DIV.hdrNavOuter {
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	top: 0px;
  right: 365px;
	width: 100%;
}
A.hdrNavButton, A.hdrNavButton:VISITED {
	display: block;
	float: right;
	background-image: url(img/header-nav-button.gif);
	background-repeat: no-repeat;
	background-position: 0 -69px;
	color: #333;
  font-weight: bold;
	width: 150px;
	/*line-height: 22px;*/
	height: 21px;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	width: 130px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}
A.hdrNavButton:HOVER {
	background-position: 0 -2px;
	color: #fff;
}
A.hdrNavButton SPAN {
	padding-right: 10px;
	position: relative;
	top: 4px;
}

/***::-  Side Nav -::***/
TD.gapFiller {
	background-image: url(img/complete-costumes-lgo-bkg.jpg);
	background-repeat: repeat-x;
	background-position: 0 -120px;
	padding: 0;
	margin: 0;
	width: 10px;
	/*line-height: 10px;*/
	height: 10px;
	font-size: 2px;
}
TD.sideNav, TD.mainBorderTopLeft, TD.mainBorderTop {
	background-image: url(img/complete-costumes-lgo-bkg.jpg);
	background-repeat: repeat-x;
	background-position: 0 -120px;
}
TD.sideNav {
	background-position: 0 -130px !important;
}

TD.sideNav {
	padding: 50px 0 10px 0px;
	margin: 0;
	background-color: #f0f0f0;
}
TD.sideNav A.sideNavMain {
	line-height: 1.5em !important;
	height: auto !important;
	padding: 5px 5px 5px 5px !important;
}
TD.sideNav A, TD.sideNav A:VISITED {
	display: block;
	margin: 4px 0 0 10px;
	padding: 0 5px;
	font-size: 12px;
	width: 190px;
	color: #006;
	text-decoration: none;
	/*background-color: #d3bfda;
	padding: 7px 10px;	
	border: 1px solid #a28fa9;
	border-left: 1px solid #c7b3ce;
	border-top: 1px solid #ead5f1;*/
}
TD.sideNav A {
	background-image: url(img/side-nav-button-purp.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #969;
	/*border-right: 1px solid #969;*/
	/*line-height: 30px;*/
	height: 30px;
}
DIV.quickSearchBox {
	padding: 6px 0 6px 0;
}
TD.sideNav A:HOVER {
	background-image: url(img/side-nav-button-purp.gif);
	background-position: 0 -120px;
	color: #606;
}
TD.sideNav A.sideNavSub, TD.sideNav A.sideNavSub:VISITED {
	display: block;
	margin: 0 0 0 10px;
	font-size: 10px;
	width: 189px;
	color: #006;
	text-decoration: none;
	background-color: #FFF;
	background-image:url(img/side-nav-sub-fade.gif);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: normal;
	height: auto;
	padding: 5px;
	border-left: 1px solid #303;
	border-bottom: 1px solid #303;
}
TD.sideNav A.sideNavSub:HOVER {
	background-position: 0 -220px;
	color: #606;
}
TD.sideNav DIV.sideNavEnd {
	width: 200px;
	margin: 0 0 0 10px;
	padding: 0;
	background-image: url(img/side-nav-end.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/** Search & Quick Search **/
FORM.quickSearch {
	margin: 12px 0;
}
FORM.quickSearch LABEL, TABLE.costumeSearch LABEL {
	font-size: small;
	padding: 0;
}
FORM.quickSearch INPUT, TABLE.costumeSearch INPUT {
	font-size: medium;
	width: 175px;
	padding: 2px;
	margin: 3px 5px;
	border: 1px solid #606;
}
TABLE.costumeSearch SELECT  {
	font-size: medium;
	padding: 2px;
	margin: 3px 5px;
	border: 1px solid #606;
}
FORM.quickSearch INPUT:HOVER, TABLE.costumeSearch INPUT:HOVER, TABLE.costumeSearch SELECT:HOVER {
	/*background-color: #fef;*/
	border-color: #B9B;
	color: #000;
}
FORM.quickSearch INPUT.submit, TABLE.costumeSearch TD.costumeSearchCell INPUT.submit {
	border: 0;
	background-color: transparent;
	background-image: url(img/search-submit-button.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100px;
	height: 25px;
	font-weight: bold;
	color: #606;
}
FORM.quickSearch TABLE {
	margin: 0;
	padding: 0;
	width: 200px;
}
FORM.quickSearch TH {
	padding: 0;
	margin: 0;
	background-image: url(img/side-nav-button-purp.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border-bottom: 1px solid #606;
	white-space: nowrap;
	font-weight: normal;
}
FORM.quickSearch TD {
	white-space: nowrap;
	padding: 5px 0;
	margin: 0;
	background-image:url(img/side-nav-sub-fade.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-left: 1px solid #606;
	border-bottom: 1px solid #606;
}
FORM.quickSearch TD.endOfQuickSearch {
	background-image: url(img/side-nav-end.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: 0;
}
TABLE.costumeSearch {
	border: 0;
}
TABLE.costumeSearch TH.costumeSearchHeader {
	background-image: url(img/table-header-curve.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 10px;
	font-size: large;
	border-right: 1px solid #606;
	border-bottom: 1px solid #B8B;
}
TABLE.costumeSearch TD.costumeSearchCell {
	border-color: #606;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	background-color: #f2e7f6;
	padding: 2px 3px;
}
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: 30px;
	height: 30px;
	width: 100px;
}
TABLE.PrevNext A:HOVER {
	background-position: 50% -40px;
	color: #606;
	/*border: 1px solid #A8A;*/
}
A.switchViews,  A.switchViews:VISITED, A.refineSearch, A.refineSearch:VISITED {
	display: block;
	background-image: url(img/complete-costumes-lng-rnd-b.gif) !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
	font-variant: small-caps;
	font-size: 12px;
	width: 250px!important;
	line-height: 30px;
	height: 30px;
	color: #546;
	text-decoration: none;
}
A.switchViews:HOVER, A.refineSearch:HOVER  {
	background-position: 50% -40px;
	color: #606;
}


/* * { border: 1px solid #F00; } */
A.searchLink, A.searchLink:VISITED {
	display: inline !important;
	border: 0  !important;
	background-image: none !important;
	padding: 1px !important;
	margin: 0 5px 0 5px !important;
	font-size: x-small !important;
	color: #00F !important;
}
A.searchLink:HOVER {
	color: #63A !important;
}




/*
TD.sideNav A, TD.sideNav A:VISITED {
	display: block;
	margin: 2px 5px;
	font-size: 12px;
	width: 180px;
	color: #006;
	border: 1px solid #006;
	background-color: #e9e9e9;
	background-position: 0 0; 
	background-repeat: repeat-x;
	padding: 7px 10px;
	text-decoration: none;
}
TD.sideNav A:HOVER {
	background-position: 0 -50px;
}
TD.sideNav A.sideNavBlue {
	background-image: url(img/side-nav-button-lblu.gif);
}
TD.sideNav A.sideNavPurple {
	background-image: url(img/side-nav-button-purp.gif);
}*/

/***::-  Costumes  -::***/

TABLE.costumeListItem {
	border: 1px solid #a7a;
	background-color: #fff;
	margin: 5px;
	width: 75%;
}
TABLE.costumeListItem TH.costumeListItemHeader {
	padding: 5px 10px;
	background-color: #f4f4f4;
	border-bottom: 1px dotted #aaa;
}
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;
}
TABLE.costumeListItem TD.costumeListPhotoCell IMG {
	margin: 0;
}
TABLE.costumeListItem TD.costumeListDetailCell {
	padding: 8px;
	border-left: 1px dotted #aaa;
}
TABLE.costumeListItem TD.moreDetailsCell {
	border-left: 1px dotted #aaa;
	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: 200px;
}
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% -40px;
	color: #606;
}
/*
TABLE.costumeListItem TD.moreDetailsCell A, TABLE.costumeListItem TD.moreDetailsCell A:VISITED {
	border: 1px solid #969;
	line-height: 1.5em;
	height: 1.5em;	
	background-image: url(img/costume-button-bkg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	color: #333;
	text-decoration: none;
	padding: 4px 7px;
	margin: 0 3px;
	position: relative;
	top: 1px;
}
TABLE.costumeListItem TD.moreDetailsCell A:HOVER {
	background-position: 0 -100px;
	color: #fff;
}*/
TABLE.costumeListItem TD.costumeListDetailCell TABLE {

}
TABLE.costumeListItem TD.costumeListDetailCell TABLE TH {
	font-weight: bold;
	font-size: 12px;
	padding-right: 8px;
	white-space: nowrap;
	width: 11%;
}
TABLE.costumeListItem TD.costumeListDetailCell TABLE TD {
	font-size: 12px;
	width: 22%;
	white-space: nowrap;
}
TABLE.costumeDetailItem A.photoLink, TABLE.costumeDetailItem A.photoLink:VISITED {
	background-color: transparent;
	display: block;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}
TABLE.costumeDetailItem A.photoLink:HOVER {
	border: 2px dotted #33C;
	display: block;
	padding: 2px;
}
TABLE.costumeDetailItem A IMG {
	border: 0;
}
TABLE.hireDetails {
	width: 100%;
}
TABLE.hireDetails TD {
	white-space: nowrap;
	margin: 0;
	padding: 5px 2px;
	background-color: #e8dfec;
	border-top: 1px dotted #999;
	font-size: 11px;
	white-space: nowrap;
	line-height: 1.8em;
	height: 1.8em;
}
/*
TABLE.hireDetails TD DIV {
	padding: 5px 0 5px 0;
}
TABLE.hireDetails TD DIV A {
	
}*/
A.pageLnk, A.pageLnk:VISITED, B.pageLnk {
	/*background-color: #EEF;
	border: 1px solid #66B;
	color: #009;	padding: 2px 5px;
	text-decoration: none;*/	
	margin: 2px 2px 2px 2px;
	font-size: 12px;
	width: 180px;
	color: #006;
	background-color: #d3bfda;
	padding: 2px 5px;
	text-decoration: none;
	border: 1px solid #a28fa9;
	border-left: 1px solid #c7b3ce;
	border-top: 1px solid #ead5f1;
}
B.pageLnk {
	margin-left: 4px; 
	margin-right: 4px;
}
A.pageLnk:HOVER {
	background-color: #e6d8ea;
	color: #FFF;
}
DIV.pagination {
	padding: 3px 0 25px 0;
}
A.costumeFile, A.costumeFile:VISITED {
	background-color: #d3bfda;
	color: #006;
	border: 1px solid #006;
	margin: 3px 10px 3px 10px;
	line-height: 40px;
	padding: 3px 10px 3px 10px;
	font-size: small;
	text-decoration: none;
}
A.costumeFile:HOVER {
	background-color: #606;
	color: #fef;
	border-color: #EEF
}
DIV.itemsInSameCat {
	font-size: 10px;
	color: #666;
	margin-bottom: 20px;
}
DIV.itemsInSameCat A, DIV.itemsInSameCat A:VISITED {
	color: #00c;
}
DIV.itemsInSameCat A:HOVER, DIV.itemsInSameCat A:FOCUS {
	color: #c0c;
}

/***::- Grid View -::***/
TABLE.gridViewItem DIV.mainItem {
	border: 1px solid #909;
	background-color: #fff;
	padding: 0;
	margin: 10px;
}
TABLE.gridViewItem DIV.mainItemTitle {
	padding: 5px 10px;
	background-color: #f4f4f4;
	border-bottom: 1px dotted #aaa;
}
TABLE.gridViewItem DIV.priceInfo {
	background-color: #e8dfec;
	border-top: 1px dotted #999;
	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 #969;
	font-size: small;
	background-image: url(img/costume-button-bkg.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 -100px;
	color: #fff;
}

/***::- Basket and Payment -::***/
DIV.basketOuter {
	position: absolute;
	top: 0;
	right: 0;
	width: 350px;
	white-space: nowrap;
}
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: 8px 15px 5px 15px;	
}
TABLE.costumeBasket {
	border: 1px solid #636;
	background-color: #fff
}
TH.costumeBasketHeader {
	padding: 3px;
	font-size: 100% !important;
}
TABLE.deliveryDetails {
	width: 100%;
}
TABLE.deliveryDetails TD {
	width: 25%;
}
TABLE.deliveryDetails TD.inputCell {
	width: 25%;
}
TABLE.deliveryDetails TABLE.deliveryDetailsTable {
	width: 75%;
}
INPUT.CheckoutSubmitButton {
	background-image: url(img/checkout-button-bkg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 2px solid #606 !important;
	margin: 0;
}
INPUT.CheckoutSubmitButton:HOVER {
	background-position: 0 -67px;
	color: #FFF !important;
}
INPUT.CheckoutSubmitButtonFinal {
	font-size: 13px;
	/*border-width: 2px !important;*/
}
TABLE.basketBreakdown TH, TABLE.deliveryDetails TH, DIV.basketSummary {
	font-size: 95%;
	padding: 2px 10px;
	background-color: #ede;
	border-top: 1px dotted #999;
}
TABLE.deliveryDetails TH {
	border-bottom: 1px dotted #999;
}
DIV.basketSummary {
	background-color: #e8dfec;
}
TABLE.basketBreakdown TD, TABLE.deliveryDetails TH {
	font-size: 85%;
	padding: 2px 10px;
	border-top: 1px dotted #999;
}
TD.costumeBasketTotalCell .hireDetails {
	background-color: #ede;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	line-height: 1.2em;
	height: 1.2em;
	padding: 4px;
}
TD.costumeBasketTotalCell .PayPalButton {
	background-color: #ede;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
TD.costumeBasketTotalCell .PayPalButton INPUT {
	background-color: #FFF;
	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 #939;
}

/***::-  Contact  -::***/
DIV.contactFormOuter {
	padding: 15px 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 #339;
	color: #339;
	font-size: 12px;
}
DIV.contactFormOuter TD INPUT.submit {
	background-image: url(img/complete-costumes-lng-rnd-b.gif);
	background-position: 50% -1px;
	padding: 3px 10px;
	font-size: 12px;
	color: #009;
}
DIV.contactFormOuter TD INPUT.submit:HOVER {
	background-position: 50% -41px;
}
B.contactHighlight {
	color: #F33;
}

/***::-  Statements  -::***/
DIV.statementMain {
	background-image: url(img/complete-costumes-lgo-bkg.jpg);
	background-repeat: repeat-x;
	background-color: #f0f0f0;
}
DIV.infoHdr {
	font-size: large;
	font-weight: bold;
}
DIV.infoList {
	width: 75%;
}
OL.infoList LI {
	margin-top: 3px;
	margin-bottom: 3px;
}

/***::- Other -::***/
DIV.completeCostumesDescription {
	width: 90%;
	border: 1px solid #909;
	background-color: #FEF;
	font-size: x-small;
	padding: 3px;
}

/***::-  Footer  -::***/

.footer {
	background-image: url(img/complete-costumes-ftr-bkg.gif);
	background-repeat: repeat-x;
	background-position: 0 -5px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #313;
	color: #313;
	font-size: small;
	font-variant: small-caps;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 3px;
}
.footer B {
	font-weight: normal;
}
.footer A {
	color: #31A;
	text-decoration: none;
}
.footer A:HOVER, .footer A:ACTIVE {
	color: #61C;
	text-decoration: underline;
}
.footer SPAN {
	position: absolute;
}
.siteVersion {
	color: #888;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
}
DIV.footerInformationText, H3.footerInformationText {
	font-size: 8pt;
	margin: 0;
	padding: 0;
}
H3.footerInformationText {
	margin-bottom: 7px;
}
A.footerRelatedLink {
	white-space: nowrap;
}





/** Full Category List Page **/

DIV.completeCategoryList {

}

DIV.completeCategoryList SPAN.n {
	display: none;
}

DIV.completeCategoryList > UL {
	padding-top: 30px;
}

DIV.completeCategoryList > UL > LI > UL {
	padding-bottom: 12px;
	padding-top: 5px;
}



DIV.completeCategoryList A:HOVER, DIV.completeCategoryList A:ACTIVE {
	font-size: larger;
}







