@charset "utf-8";
/* CSS Document */


/* RESET + USEFUL CLASSES
 ------------------------------------- */
*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	font: 13px/20px  Arial, verdana, FreeSans, sans-serif;
	color: #0c0c0c;
	background-image: url(../images/pagebg.jpg); background-repeat:repeat-x;
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
p {
	margin-bottom: 10px;	
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
acronym { border-bottom: dotted 1px #9f9f9f; cursor: help}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* utility classes */
.alignleft {float: left;}
.alignright {float: right;}
.center {margin: 0 auto;}
.textleft {text-align: left;}
.textright {text-align: right;}
.text-center {text-align: center;}


.clear {display: block; width: 100%; height: 1px; clear: both; margin-top: -1px;} /* clears floated elements */

/* sorting images inline content */
img.alignright, a.alignright, span.image_caption.alignright {margin: 10px 0 10px 10px;}
img.alignleft, a.alignleft, span.image_caption.alignleft {margin: 10px 10px 10px 0;}

.line_breaker {
	height: 1px;
	border-bottom: solid 1px #9f9f9f;
	margin: 40px 0;
	clear: both;
}


a:active, a:visited, a:link { color:#003399; text-decoration:none; }
a:hover {color:#472021; text-decoration: underline;}

/* GRID & LAYOUT
 ------------------------------------- */
#wrap {width:1000px; margin:0 auto;}
#Header {width:100%; float:left; height:124px; background: url(../images/topbg.jpg) no-repeat; clear:both;}
#Header .LogoDiv {width:229px; float:left;}
#Header .TopNavDiv {width:771px; float:left; text-align:right; padding-top:20px;}

/*----- top menubar -----*/
#top-menubar { width:500px; float:right; text-align:right;}
#top-menubar ul { margin:0px;  padding:0px; list-style:none; margin-left: 0px; } 
#top-menubar li{ display:inline; margin:0; font-weight:bold; color:#ffffff; font-size:14px; text-transform:uppercase; padding:0 10px 0 10px; }


#top-menubar li a:visited, #top-menubar li a:link { color:#ff0099; text-decoration:none; }
#top-menubar li a:hover {color:#fff; text-decoration:none;}


/*----- top menubar End -----*/

.mainImageArea {width:100%; clear:both; float:left;}
.mainImageArea .FlashArea {width:719px; height:320px; float:left;}
.mainImageArea .RightArea {width:245px; height:41px; float:left; background:url(../images/rightArt.jpg) no-repeat; padding:279px 0 0 36px; }


.ViewCollections { float:left; display: block; width:198px; height: 28px; background: url(../images/btn_viewCollection.png) no-repeat 0 0; cursor:pointer;}
.ViewCollections:hover{ background-position: 0 -28px;}
.ViewCollections span{display: none;}

.CustomerReview { float:left; display: block; width:198px; height: 28px; background: url(../images/btn_customerreview.png) no-repeat 0 0; cursor:pointer; margin:15px 0 20px 0;}
.CustomerReview:hover{ background-position: 0 -28px;}
.CustomerReview span{display: none;}

.ContentArea {width:100%; clear:both; float:left; margin-top:10px;}
.WelcomeSection {width:100%; clear:both; float:left;}

.welcomeArea {width:719px; float:left;}

.contactArea {width:245px; float:left; padding:0 0 0 36px;}

.contactArea .ByEmail { width:198px; height:28px; float:left; padding:7px 0 0 36px; background: url(../images/icon-email.png) no-repeat left top; font-size:14px;}
.contactArea .ByCell { width:198px; height:28px; float:left; padding:7px 0 0 36px; background: url(../images/icon-cell.png) no-repeat left top; font-size:14px;}

.textforContact { width:198px; float:left; padding:0 0 0 36px; font-size:12px;}

.TitleDiv {width:100%; height:46px; float:left; }

.faqDiv { width:705px; float:left; padding:0px 10px 10px 0; /*border: 1px solid #c6c6c6;*/}
.FaqText { width:685px; float:left;}

.faqDiv ul { margin:0px;  padding:0px; margin-left: 30px; list-style-image:url(../images/Bullet.png); } 

.BotomScroller {width:100%; clear:both; }

#footer { width:1000px; clear:both; float:left; margin-top:35px; padding:10px 0px 20px 0 ; border-top: 3px solid #231f20;}
#footer .bottom-menubar {width:719px; float:left;}
#footer .SocialIcons {width:245px; float:right; text-align:right;}
/*----- bottom menubar -----*/
.bottom-menubar { width:500px; float:right; text-align:left; color:#666666;}
.bottom-menubar ul { margin:0px;  padding:0px; list-style:none; margin-left: 0px; } 
.bottom-menubar li{ display:inline; margin:0; font-weight:bold; color:#666666; font-size:12px; text-transform:uppercase; padding:0 10px 0 10px; }


.bottom-menubar li a:visited, .bottom-menubar li a:link { color:#ec008c; text-decoration:none; }
.bottom-menubar li a:hover {color:#666666; text-decoration:none;}
.justify { text-align:justify;}

/*----- productDetails -----*/
.CostumedetailsMain {width:620px; height:500px; clear:both; float:left; color:#d8d8d8;}
.CostumedetailsMain .productTitle {width:100%; clear:both; float:left; border-bottom:2px solid #282728; margin-bottom:10px; padding-bottom:5px; font-size:18px; color:#ff80cb; font-weight:bold; }
.CostumedetailsMain .subtitle {color:#3bb1eb; font-weight:bold;}
.CostumedetailsMain .productImage {width:300px; float:left;}
.CostumedetailsMain .productDesc {width:320px; float:left; margin-left:0px;}
.CostumedetailsMain .Smalldesc{ margin:10px 0 10px 0; text-align:justify;}
.CostumedetailsMain ul { margin:0px;  padding:0px; margin-left: 30px; list-style-image:url(../images/Bullet.png); } 
.SizeTable {border:1px solid #282728;}
.SizeTable td { text-align:center; background-color:#414040; border-bottom:1px solid #363636;}
.SizeTable th { background-color:#323232;}
.SizeTable .textright {text-align: center; font-weight:normal; font-size:11px;}
.SizeTable .rowColor { background-color: #282828; border-bottom:#000;}
.SizeTable .note {font-size:11px; color:#bce9ff; }
.CostumedetailsMain .PriceDiv { margin-top:20px;}
.CostumedetailsMain .PriceDiv .Ourprice { font-size:16px; color:#ffaa4e; font-weight:bold;}

.buyBtn { float:left; display: block; width:90px; height: 34px; background: url(../images/btn_buy.png) no-repeat 0 0; cursor:pointer;}
.buyBtn:hover{ background-position: 0 -34px;}
.buyBtn span{display: none;}


/*----- Innerpage -----*/
.mainImageArea .MainContentArea {width:719px; float:left; min-height:700px; background: url(../images/innerContentBg.png) repeat-x top left;}
.InnerPageTitleDiv {width:719px; height:82px; clear:both;}
.mainImageArea .RightBar {width:245px; float:left;}
.InnerContent { width:699px; float:left; clear:both; padding:0 10px 0 10px;}
.CostumesPage { width:699px; float:left; clear:both;}
.CostumesPage ul { margin:0px;  padding:0px; list-style:none; margin-left:0px; } 
.CostumesPage li{ display:inline; float:left; margin:0; }
.CostumesPage li .liGridBorderRight {width:174px; height:280px; text-align:center; }
.CostumesPage li .liGridBorderLeft {width:174px; height:280px; text-align:center; }
.CostumesPage li .ThumbImage { width:147px; height:160px; background: url(../images/scrollbg.png) repeat-x; margin-left:14px; }
.SpacerDiv {float:left; clear:both; width:100%; height:20px;}
.CostumesPage .productTable { margin-left:10px;}
.CostumesPage .productTable td { text-align:center; }
.CostumesPage .ThumbImage { width:147px; height:160px; background: url(../images/scrollbg.png) repeat-x; }
.productTable .moreinfo { font-weight:normal; font-size:11px; padding:2px 0 2px 0;}
.productTable .CostumeName { font-weight:bold; font-size:12px; padding:2px 0 2px 0;}
.productTable .CostumePrice { font-weight:normal; font-size:12px; color:#ab0000; padding:2px 0 2px 0;} 
.productTable .BuyNowDiv { padding:2px 0 2px 35px;}

.Question { float:left; clear:both; width:95%;  background:url(../images/Question-24.png) left top no-repeat; min-height:24px; padding-left:20px; font-weight:bold;}

.AnswerDiv { float:left; clear:both; width:95%; padding-left:20px; margin-bottom:20px;}