/*--------------------------*/

/*       Standards	    */

/*--------------------------*/


/* body class */

html {
	background-color: #fff;
	font-size: 9pt; 
}

body, p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

.bodyclass {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


table, tr, td {
	border-collapse: collapse; 
	padding: 0; 
	margin: 0; 
}



/* TEMPLATE */

.right { float: right }
.left  { float: left  }

#template-content { width: 987px; margin:0 auto; position:relative; top:170px; display:table} 
#template-left    { width: 180px; padding: 0px; vertical-align: top; position:relative; z-index:2} 
#template-main    { width: 797px; padding: 0 0 0 10px; border: 0; display:block; position:relative; z-index:1}  

#right_spacer {width:10px;}



/* GENERIC STYLES */

ul { margin: 15px 25px;}

a, a:link, a:visited,
a.links_main, a.links_main:link, a.links_main:visited { 
	font-weight: normal;
	color: #ff44aa;
	text-decoration: none;
}
a:hover, a.links_main:hover { 
	color: #da0a68;
	text-decoration: underline;
}

.font_error { font-weight: bold;    font-size: 10pt;    color: #ff0000; }

.buttonstyle {
	background-image: url(/images/ilovefancydress/subsubcat_bg.jpg);
	background-repeat: repeat-x;
	height: 26px;
	padding: 0 10px;
	color: #fff;
	border: 1px solid #999;
	font-weight: bold;
	margin: 2px 0;
}
.buttonstyle:hover {
	cursor: pointer;
	background-image: url(/images/ilovefancydress/subsubcat_bg_over.jpg);
	color: #fff;
}
	
input.btnhov { 
	border-color: ;
}


/* small text class */
.small_main {
	font-weight : normal;
	font-size : 8pt;
}

/* input field class */
.font_input {
	border-style:inset;
	border-width:1px;
	border-color: #999;
	margin: 2px 0;
}




/*---------------------
  
     TOP SECTION     

---------------------*/

#login_tbl {display: none}

/* HEADER */

#header-container{ display: block; width:100%; position: absolute; left:0; background-color: #000}
#header{
	display: block;
	width:987px;
	margin:0 auto;
	position: relative;
	height:164px;
	background-image: url(/images/ilovefancydress/header_bg.jpg);
	background-repeat: no-repeat;
}

#logo { position: absolute; }
#logo img { border: 0; margin-top: 31px }
#slogan {position:absolute; top: 140px; margin-left: 177px; color: #da0a68; font-family: Arial Black, Gadget, sans-serif;}

#rightHeader{
	float:right;
	height:164px;
	width: 650px;
	background-image: url(/images/ilovefancydress/contact_bg.png);
	background-repeat: no-repeat;
	background-position: 322px 0pt;
}
#topMenu { 
	float:right;
	width: auto;
	padding: 0 10px;
}

#userMenu { position:relative; color:#ff44aa; float:right; display:block; height:auto; width:650px; right: 120px; line-height:35px; }
#userMenu a { margin: 0 10px; color:#ff44aa; height: 35px; display: inline-block; padding-top: 10px; }

#userOptions { float:left; margin: 7px 0; vertical-align:top; }
	#loginMsg_tbl { float:left; margin:10px 10px; font-size: 9pt; font-weight:bold;}
#userLinks { float:right; margin: 7px 0; vertical-align:top;}
	#link-basket { 
		padding-left: 40px;
		background-image: url(/images/ilovefancydress/shoppingBag.png);
		background-repeat: no-repeat;
	}
	#link-login  {  }

#contact { color: #fff; float:right; clear:both; display:block; position:relative; top: 0px; right: 120px; width: 180px;}
#contact span { display:block; font-weight: notmal; font-family: Arial Black, Gadget, sans-serif; font-size: 12px;}
#contact span#number { font-size: 14pt; line-height: 14px; }
#contact span#openTimes { color:#ff44aa;  margin-top: 5px}

 #searchbox    { display:block; position:relative; top: -4px; text-align:right; float:right; clear:both; width: 490px}
	#search_hdr {color:#ff44aa;font-size: 14pt; font-family: Courier New, Courier, monospace; font-weight:bold;}
	#btn-search   { width: 27px;  height: 30px; border: 0; top: 10px; position:relative}
	#search-field { width: 270px; height: 22px; border: 0; margin: 0px 2px 2px 10px; color:#666; line-height:22px;}
 



/*---------------------
  
     LEFT SECTION     

---------------------*/

#catMenu_tbl {position: relative;}

#catMenu_hdr {display:none; color:#ff44aa; font-family: Courier New, Courier, monospace; font-weight:bold; font-size: 14pt; padding: 10px 5px 0}

ul.makeMenu,
ul.makeMenu ul,
ul.makeMenu li { list-style:none; padding: 0; margin: 0; position:relative; z-index: 3; }

ul.makeMenu > li {
    background-image: url(/images/ilovefancydress/btn_cat_a.png);
    background-repeat: no-repeat;
    background-position: left 0;
    margin: 10px 0;
}
ul.makeMenu > li > a{
    background-image: url(/images/ilovefancydress/btn_cat_b.png);
    background-repeat: no-repeat;
    background-position: left 0;
    height: 33px;
    line-height: 33px;
    display:block;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 11pt;
    margin-left: 14px;
}


ul.makeMenu ul > li {
    background-image: url(/images/ilovefancydress/btn_subcat_a.png);
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 14px;
	position:relative;
	z-index:3;
}
ul.makeMenu ul > li > a{
    background-image: url(/images/ilovefancydress/btn_subcat_b.png);
    background-repeat: no-repeat;
    background-position: left 0;
    height: 24px;
    line-height: 24px;
    display:block;
    border: 0;
    color: #333;
    font-size: 9pt;
}
ul.makeMenu ul > li:hover {
    background-image: url(/images/ilovefancydress/btn_subcat_a_over.png);
    background-repeat: no-repeat;
    background-position: 1 0;
}
ul.makeMenu ul > li:hover > a,
ul.makeMenu ul > li > a:hover{
    background-image: url(/images/ilovefancydress/btn_subcat_b_over.png);
    background-repeat: no-repeat;
    background-position: left 0;
    color: #fff;
    text-decoration:none;
}

ul.makeMenu ul li:hover > ul {
    display: block;
    position: absolute;
	z-index: 4;
    margin-left: 155px;
    margin-top: -24px;
}
ul.makeMenu ul ul {
    display: none;
}
ul.makeMenu ul ul > li {
    background-image: none;
    padding-left: 0;
    width: 155px;
    min-width: 100px;
}
ul.makeMenu ul ul > li > a{
    background-image: url(/images/ilovefancydress/subsubcat_bg.jpg);
    background-repeat: repeat-x;
    height: 24px;
    line-height: 24px;
    display:block;
    border: 0;
    color: #fff;
    font-size: 9pt;
    padding: 0 10px;
}
ul.makeMenu ul ul > li:hover > a,
ul.makeMenu ul ul > li > a:hover{
    background-image: url(/images/ilovefancydress/subsubcat_bg_over.jpg);
    background-repeat: repeat;
    color: #fff;
    text-decoration:none;
}
ul.makeMenu ul ul  ul > li {
    width: auto;
    min-width: 155px;
}

#logos_tbl {
    position:relative;
    vertical-align:bottom;
    bottom:0;
}

/*---------------------
  
     
	 MAIN SECTION     

---------------------*/

/* HOME */

.home_cat_tbl { height: 174px; display:block;margin: 3px 0 5px;}
.home_cat_tbl td { width: 263px;}
.home_cat_tbl img {border:1px solid #666;position:absolute;}

.home_cat_tbl p {position:relative; display: block; margin: 130px 0 0 1px; width: 250px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    background-image: url(/images/ilovefancydress/trans_pixel_pink.png);
    background-repeat: repeat;
}
.home_cat_tbl p,
.home_cat_tbl p a {color: #fff; font-weight: bold}   

#template-main h2 {color:#ff44aa; font-family: Courier New, Courier, monospace; font-size: 14pt; font-weight:bold;}

.home_prod_tbl {border:1px solid #ccc; margin-bottom: 15px; width: 150px;}
.home_prod_info_tbl {
    background-image: url(/images/ilovefancydress/trans_pixel_pink.png);
    background-repeat: repeat;
    border-collapse: collapse;
    border:0;
}
.home_prod_info_tbl td {padding: 2px 10px; font-size: 9pt;}
.home_prod_info_tbl td.price { font-size: 11pt; font-weight:bold; color: #ff44aa;}

#catprods_hdr a {position:relative; display: block; margin: 10px 0 0 2px;
	width: 260px;
    height: 45px;
    line-height: 45px;
    padding: 0px;
    background-image: url(/images/ilovefancydress/trans_pixel_pink.png);
    background-repeat: repeat;
    color: #fff;
	font-weight: bold
} 
#catprods_hdr table a {
    height: 120px;
	margin: 10px 0 0 0;
} 
#catprods_hdr table a img{
	border: 1px solid #666;
} 

/* RESULTS FILTER OPTIONS */

#hdr_results {
	display:block;
	width:785px;
	font-weight: bold;
	font-size: 9pt;
	background-image: url(/images/ilovefancydress/subsubcat_bg.jpg);
	color: #fff;
	height: 21px;
	padding: 4px 0 0 5px
}

#pageDisplayed { font-weight: bold;}
#pageDisplayed a { color: #ff44aa; text-transform: underline;}

#sortBy-container { float:right;}

	#sortBy-container form { float:left;}
	select.font_input[name=sortType],
	select.font_input[name=imageType] {
		float:left;
		font-size:12px;
		color: #666;
		margin-right: 4px;
		margin-top: -1px;
		border-width: 1px
	}
	#sortBy-txt { float:left; margin-right: 10px; color: #fff; font-weight: bold;}   


#catprods_tbl > tbody > tr > td.column_main > font {display:none; color:transparent; text-align:center}
#catprods_tbl > tbody > tr > td.column_main > font > b {color:#ff0000; display:block;}

input.buttonstyle[value="Continue Shopping"] {width: 160px!important}

/* LOAD, SAVE and CANCEL BUTTONS */
#shopcart_tbl input[value="Save"],
#shopcart_tbl input[value="Load"],
#shopcart_tbl input[value="Cancel"] { 
	display: inline-block;
	width: 100px!important;
}
#shopcart_tbl input[value="Save"]:hover,
#shopcart_tbl input[value="Load"]:hover,
#shopcart_tbl input[value="Cancel"]:hover { 
}

#shopcart_tbl input[value="Amend Basket"],
#shopcart_tbl input[value="Checkout"] { 
	display: inline-block;
	width: 140px!important;
}

/*---------------------
  
    BOTTOM SECTION     

---------------------*/   

#template-footer { width: 100%; position:relative; top:170px; background-color: #fff}

#footer_container {
	width: 100%;
	height: 194px;
	margin: 0 auto;
	display: inline-block;
	/*
	background-image: url(/images/ilovefancydress/footer_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat
	*/
} 
#footer_container table {
	width: 920px;
	height: 115px;
	display: block;
	color: #fff;
	margin: 0 auto;
	margin-top:38px
} 
#footer_container table td {
	text-align:left;
	vertical-align:top;
}   
#footer_container table td#footer_col1 {width:141px; padding-right:20px; }
#footer_container table td#footer_col2 {width:158px; padding: 0 20px }
#footer_container table td#footer_col3 {width:108px; padding: 0 20px }
#footer_container table td#footer_col4 {padding: 0 20px }
#footer_container table td#footer_col5 {width:178px; padding: 0 20px 0 40px; color: #ff44aa; }   


/*---------------------
  
    GOOGLE CHROME, SAFARI and other WEBKIT BROWSERS     

---------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#userLinks,
	#userOptions { margin: 4px 0 7px; }
}