@charset "utf-8";
@import '/styles/cardstyle.css';
@import '/styles/content.css';
@import '/styles/fancydress.css';
@import '/styles/forms.css';
@import '/styles/header.css';
@import '/styles/helium.css';
@import '/styles/navigation.css';
@import '/styles/sweets.css';
@import '/fancy_dress/facefiles/facebox.css';

@media only screen and (max-device-width: 480px) {html .dysingle120_container:hover .rollover,html .dysingle_container:hover .rollover,html .dydouble_container:hover .rollover,html .dyspan_container:hover .rollover,html .L6:hover .rollover,html .L7:hover .rollover,html .L8:hover .rollover,html .L9:hover .rollover,html .L10:hover .rollover,html .L11:hover .rollover,html .fdsingle_container:hover .rollover,html .fdspan_container:hover .rollover,html .fdextra_container:hover .rollover,html .rollover{display:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {html .dysingle120_container:hover .rollover,html .dysingle_container:hover .rollover,html .dydouble_container:hover .rollover,html .dyspan_container:hover .rollover,html .L6:hover .rollover,html .L7:hover .rollover,html .L8:hover .rollover,html .L9:hover .rollover,html .L10:hover .rollover,html .L11:hover .rollover,html .fdsingle_container:hover .rollover,html .fdspan_container:hover .rollover,html .fdextra_container:hover .rollover,html .rollover{display:none}}

.pngfix {volume:inherit}/*a fake attribute should prevent cleancss from removing the class that srequired for our ie6 png fix*/
img {border:0}
.page {width:960px; margin:0 auto 0 auto; position:relative}
.nav {width:180px; float:left; overflow:hidden; margin-top:7px}
html > body .nav {margin-top:1px}
.main {width:600px; float:left; overflow:hidden}
.rightcolumn {width:180px; float:left; overflow:hidden}
.copyright {width:960px; height:50px; margin:0 auto 0 auto; text-align:center; font-size:11px; padding:15px 0 15px 0; clear:both}
.ProductsTable {float:left; width:600px; text-align:center; display:block}
.pbanimage img {border:1px solid #ccc; margin:10px 0 2px 0}/* Adds an outline to PBAN images on dynamic pages */
.PageContent {width: 95%; height: auto; padding: 20px 20px 10px 20px; margin: 20px auto; display: block; overflow: hidden;}
.PageContent p {font-size: 12px;}
.PageContent h1 {font-size: 18px; color: #555;}
.PageContent a {text-decoration: underline; color: #222;}

.page .span {width:780px; float:left; min-height:50px; overflow: visible; z-index: 150;}
.page .span > a {width:100%; float:left; text-align:center} /* Center back links */
.page .span .page_divider_span {width:100%} /* full width dividers */

body {
	color:#333;
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
	background-image:url(/images/_sitedesign/header/bg.png);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#d8ecff;
	}
a {
	outline:0;
	color:#333;
	font-style:normal;
	text-decoration:none}

h1, h2, h3 {
	border:0;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:0;
	text-decoration:none;
	font-size:10px;
	color:#666}
	
form {margin:0; padding:0}

/*======== Page Title/Header ========*/
.pageheader,
.bodyheader,
.headertext,/*these selector is still used on a few static pages like halloween*/
.Pageheadertitle {height:auto; width:auto; margin:0; text-align:center; background-image:url(/images/_sitedesign/header/pagetitlebg.jpg)}
.dyspan_container .pageheader{background:none;text-shadow:none;padding:0}
.Pageheaderimage, .pageheader, .bodyheader, .headertext {color:#FFF; font-size:22px; padding:8px 0 6px 0; display:block; text-shadow:#222 0px 0px 2px}
.headertext h1 {color:#FFF; font-size:22px; text-shadow:#222 0px 0px 2px}
#fd_wrapper .headertext {background-image:none; text-shadow:none; color:#333}
#fd_refresh .headertext {background-image:none; text-shadow:none; color:#333; padding:0} /*Sale page header title fix*/
.Pageheadertitle span {color:#FFF; font-size:22px; padding:8px 0 6px 0; display:block; text-shadow:#222 0px 0px 2px}
.Pageheadertitle {position:relative}
.Pageheadertitle .stars {position:absolute; display:block; background:url(/images/_sitedesign/header/stars-title.png); left:425px; top:0px; height:40px; width:163px}
.span .Pageheadertitle .stars {left:625px}
.Pageheaderimg {text-align:center}

/*======== Top Text (above page title and under the tabs)========*/
.headertitle {
	width:770px;
	margin:0 auto 0 auto;
	text-align:left;
	overflow:hidden;
	height:15px;
	line-height:15px; /*Prevents second line from showing when zoomin in or out*/
	padding:0 0px 0 190px;
	color:#666;
	font-size:10px}
.headertitle h1 {color:#666}

/*These styles are for the remaining few static pages on the site
/themes/helium-balloons.asp
/sky_lanterns/sky_lanterns.asp
/default.asp
/fancy-dress/fancy-dress.asp
/banners/default.asp
/sweets/default.asp*/

.tblheadertitle p {display:none}
.tblheadertitle div,
.tblheadertitle h1 {width:600px; height:15px; line-height:15px; overflow:hidden; padding:0 180px 0 180px; font-size:10px; color:#666}
.tblheadertitle div h1 {padding-left:0px}

/*=========== Links under Navigation / Standard Mini Links / Skyscraper Links ============*/
.server,
.cont {float:left; position:relative; margin:0 0 8px 0; border:1px solid #d4d4d4; overflow:hidden; width:160px}
.nav .cont, .nav .server {margin:8px 0 0 0}
.server .title,
.cont .title {position:absolute; width:150px; left:0px; text-align:left; height:50px; padding:8px 0 0 8px; font-size:15px; font-weight:bold; color:#666}
.server .title {font-size:12px}
.cont:hover {border:1px solid #1573ca; background-color:#1573ca; z-index:2; display:block}
.cont:hover img {opacity:0.8; filter:alpha(opacity=80)}
.cont .txt a {display:block; width:160px; height:50px; line-height:12px}
.cont .txt {position:absolute; width:150px; left:0px; text-align:left; height:50px; padding:28px 0 0 8px; font-size:11px; color:#777}
.cont > .txt {font-size:9px}

#advert .cont:hover .txt,
#advert .cont:hover .txt2,
.cont:hover .txt,
.cont:hover .title {color:#1573ca; display:block; z-index:2}

/*============= Skyscraper Adverts ==============*/
/*== Skyscraper styles also use .cont class ==*/
#advert {width:162px; position:relative; color:#666; margin-left:18px}
#advert #advert {margin-left:0px}
#advert div.product, #advert div.product_p11 {width:160px; margin:0 0 8px 0}
#advert .txt,
#advert .txt2 {position:absolute; width:150px; left:0px; text-align:left; height:50px; padding:10px 0 0 10px; font-size:12px; color:#666}
#advert .txt2 {padding-top:16px}
#advert .top {width:160px; text-align:left; padding:5px 0 5px 0; border:1px solid #eee; margin:0 0 8px 0}
#advert .top p {padding:0 0 0 10px; margin:0px; font-size:11px}

#advert .cont .bar {display:0}
#advert .cont a > .bar {!important dispay:visible; position:absolute; bottom:0px; left:0px; line-height:28px; height:28px; width:140px; background-image:url(/images/_sitedesign/nav_closed_blue.png); background-repeat:no-repeat; background-position:0px -1px; color:#fff; font-size:11px; text-align:right; padding:0 20px 0 0}

#advert .cont, #advert .sky_container {height:auto !important} /*removes in line code for heights*/

.sky_container {
	position:relative;
	width:160px;
	margin-bottom:8px;
	text-align:center;
	overflow:hidden;
	border:1px solid #eee}
	
.sky_container:hover {border:1px solid #1573ca; background-color:#1573ca}
.sky_container:hover img {opacity:0.8; filter:alpha(opacity=80)}

.sky_bar .dy_arrow,
.sky_container .dy_arrow,
.sky_bar_wanted .dy_arrow {display:none}
.sky_bar, .sky_bar_wanted {width:160px; height:auto; padding:0; text-align:right}

.sky_label,
.sky_label_desc,
.sky_label_wanted,
.sky_label_wanted_coming_soon {
	background-image:url(/images/_sitedesign/nav_closed_blue.png);
	background-position:0px -3px;
	left:0px;
	width:152px;
	padding:4px 7px 4px 7px;
	position:relative;
	bottom:0;
	height:18px;
	overflow:hidden}

.sky_label a,
.sky_label_desc a,
.sky_label_wanted a {font-size:14px; font-weight:bold; text-shadow:#222 0px 0px 3px; float:left; width:150px; height:18px; line-height:18px; text-align:left; color:#fff; letter-spacing:-1px}


/*===================== Link Containers =======================*/
.L1B,
.dysingle120_container,
.dysingle_container,
.dydouble_container,
.dydouble_container100,
.dyspan_container,
.L6,
.L7,
.L8,
.L9,
.L10,
.L11,
.L12,
.L13,
.L14,
.L15,
.fdsingle_container,
.fddouble_container,
.fdextra_container,
.fdspan_container,
.product_double,
.product_span,
.product_140
{	margin:10px 4px 0 4px;
	position:relative;
	float:left;
	padding:0;
	border:1px solid #d4d4d4;
	text-align:center;
	overflow:hidden}

html>body .L1B,	
html>body .dysingle120_container,
html>body .dysingle_container,
html>body .dydouble_container,
html>body .dydouble_container100,
html>body .dyspan_container,
html>body .L5,
html>body .L6,
html>body .L7,
html>body .L8,
html>body .L9,
html>body .L10,
html>body .L11,
html>body .L12,
html>body .L13,
html>body .L14,
html>body .L15,
html>body .fdsingle_container,
html>body .fddouble_container,
html>body .fdextra_container,
html>body .fdspan_container,
html>body .product_double,
html>body .product_span,
html>body .product_140
{margin:10px 4px 0 4px}
	
.L1B {height:124px; width:190px}	
.dysingle120_container {height:144px; width:190px}
.dysingle_container {height:174px; width:190px}
.dydouble_container, .product_double {height:174px; width:290px}
.dydouble_container100 {height:126px; width:288px}
.dyspan_container {height:150px; width:590px}
.l5 {float:left; width:100%; clear:both; height:1px; margin:0}
.L6 {height:198px; width:290px}
.L7 {height:273px; width:290px}
.L8 {height:208px; width:250px;}
.L9 {height:273px; width:380px;}
.L10 {height:182px; width:770px;}
.L11 {height:247px; width:770px}
.L12 {height:198px; width:590px}
.L13 {height:226px; width:190px}
.L14 {height:226px; width:290px}
.L15 {height:174px; width:188px; margin: 10px 0px 0px 4px !important;}
.fdextra_container {height:223px; width:390px}
.fdsingle_container {height:223px; width:190px}
.fddouble_container {height:223px; width:288px}
.fdspan_container {height:200px; width:592px}
.product_140 {height:220px; width:138px}
.dyback {float:left; text-align:center; width:100%; height:auto; padding:10px 0 10px 0}

/*======== Fixing single containers for 4 accross :[ ========*/
.dysingle_container, .dysingle120_container, .L1B, .L1A, .L1C, .L13 {}


/*======== Link Label ========*/
.link_label,
.dysingle_label,
.dyspan_label,
.dydouble_label,
.dydouble_label100,
.dysingle120_label,
.dyextra_label,
.bar_cat,
.fddouble_label {
position:absolute;
left:0;
bottom:0;
width:100%;
min-width:190px;
padding:4px 10px 4px 10px;
background-image:url(/images/_sitedesign/header/linkbg.jpg);
text-align:left;
height:18px;
overflow:hidden;
z-index: 50;}
.dyspan_label, .link_label {width:270px}
.L10_label, .L11_label {width:365px}

.link_label a,
.dyspan_label a,
.dydouble_label a,
.dydouble_container .label a,
.dydouble_label100 a,
.dyspan_label a,
.dysingle_label a,
.dysingle120_label a,
.dydouble120_labela,
.sky_label a,
.dysingle250_label a,
.dyextra_label a,
.fddouble_label a,
.dydouble_label a,
.bar_cat a
{font-size:14px; font-weight:bold; color:#FFF; display:block; text-shadow:#222 0px 0px 2px; line-height:18px; overflow:hidden}



/*======== Link mop ups ========*/
.L1B a.link,
.dysingle120_container:hover a.link,
.dysingle_container:hover a.link,
.dydouble_container:hover a.link,
.dyspan_container:hover a.link,
.L6 a.link,
.L7 a.link,
.L8 a.link,
.L9 a.link,
.L10 a.link,
.L11 a.link,
.L12 a.link,
.L13 a.link,
.L14 a.link,
.L15 a.link,
.fdsingle_container:hover a.link,
.fddouble_container:hover a.link,
.fdextra_container:hover a.link,
.fdspan_container:hover a.link
{position:absolute; left:0px; height:100%; width:100%; z-index:100}

/*======== Link Stars ========*/
.L1B:hover .stars,
.dysingle120_container:hover .stars,
.dysingle_container:hover .stars,
.fdsingle_container:hover .stars,
.L15:hover .stars {display:0}

.dydouble_container:hover .stars,
.dyspan_container:hover .stars,
.L6:hover .stars,
.L7:hover .stars,
.L8:hover .stars,
.L9:hover .stars,
.L10:hover .stars,
.L11:hover .stars,
.L12:hover .stars,
.L13:hover .stars,
.L14:hover .stars,
.fddouble_container:hover .stars,
.fdextra_container:hover .stars,
.fdspan_container:hover .stars,
.product_double:hover .stars,
.product_span:hover .stars,
.product_140:hover .stars
{position:absolute; display:block; background:url(/images/_sitedesign/header/stars.png); background-repeat:no-repeat; width:100%; height:50px; left:0px; top:-10px}

.L8:hover .stars {background-position: -35px 0px;}
.L9:hover .stars {background-position: 95px 0px;}
.L10:hover .stars, .L11:hover .stars {background-position: 95px 0px;}





/*======== Link Call to Action Button ========*/
.calltoaction {display:0; position:absolute; z-index:2}
.L1B:hover .calltoaction,
.dysingle120_container:hover .calltoaction,
.dysingle_container:hover .calltoaction,
.L13:hover .calltoaction,
.L15:hover .calltoaction,
.fdsingle_container:hover .calltoaction {display:block; background-image:url(/images/_sitedesign/header/shopnow-small.png); top:4px; left:108px; width:80px; height:22px; z-index: 60;}

.dydouble_container:hover .calltoaction,
.dyspan_container:hover .calltoaction,
.L6:hover .calltoaction,
.L7:hover .calltoaction,
.L8:hover .calltoaction,
.L9:hover .calltoaction,
.L10:hover .calltoaction,
.L11:hover .calltoaction,
.L12:hover .calltoaction,
.L14:hover .calltoaction,
.fdspan_container:hover .calltoaction,
.fddouble_container:hover .calltoaction,
.fdextra_container:hover .calltoaction {display:block; background-image:url(/images/_sitedesign/header/shopnow.png); top:4px; left:176px; width:110px; height:29px; z-index: 60;}

.dyspan_container:hover .calltoaction,
.fdspan_container:hover .calltoaction {left:478px}
.fdextra_container:hover .calltoaction {left:276px}
.fddouble_container:hover .calltoaction {left:176px}
.L8:hover .calltoaction {left:135px}
.L9:hover .calltoaction {left:265px}
.L10:hover .calltoaction {left:660px}
.L11:hover .calltoaction {left:660px}
.L12:hover .calltoaction {left:478px}

.dyspan_container:hover .calltoaction,.fdspan_container:hover .calltoaction{left:478px}
.fdextra_container:hover .calltoaction{left:276px}
.fddouble_container:hover .calltoaction{left:176px}

/*Result Sets*/
#itemsperpagecont {float:left; display:inline; overflow:hidden}
#itemsperpage, #itemsperpage select{margin-top:4px; font-size:12px; color:#666}

/*Sweet Search Box*/
/*#searchDietary{float:left; width:160px; font-size:12px; color:#666}
.searchDietaryOption{float:left; width:35px; height:35px; margin:5px 0 5px 0}
.searchDietaryIcon{float:left; margin-left:5px; width:30px}*/

/*========== Older Product Containers =========*/	
div.product, /*fancy dress accessories*/
div.product_sale, /*sale page*/
div.product_sweet, /*sweet pages*/
div.product_cat,
div.product_double,
div.product_span,
div.product_overlap,
div.product_small,
div.product_large,
div.product_xlarge,
div.product_tall,
div.product_medtall,
div.product_140, /*sweet home page*/
div.product_150,
div.product_600,
div.product_300,
div.product_400,
div.product_pban, /*pban link on most range pagess*/
div.product_pban_P2B,
div.product_lant16,
div.product_lant12,
div.product_lant8,
div.product_card {
	float:left;
	margin:0 5px 10px 5px;
	text-align:center;
	overflow:hidden;
	display:inline;
	position:relative;
	z-index:0}
	
div.product,
div.product_overlap {height:214px; width:190px}
div.product_150 {height:214px; width:150px; margin:10px 0 10px 0}
div.product_300 {height:214px; width:290px}
div.product_400 {height:214px; width:390px}
div.product_600 {height:214px; width:600px; margin:0 0 10px 0}
div.product_tall   {height:438px; width:190px}
div.product_large  {height:438px; width:290px}
div.product_xlarge {height:438px; width:390px}
div.product_lant16  {height:315px; width:240px}
div.product_lant12  {height:315px; width:190px}
div.product_lant8 	{height:315px; width:140px}

/*= DYNAMIC PRODUCT CONTAINERS =*/
div.product_p00, div.product_p01, div.product_p02, div.product_p03, div.product_p10, div.product_p11, div.product_p12, div.product_p13, div.product_p20, div.product_p21, div.product_p22, div.product_p23, div.product_p30, div.product_p31, div.product_p32, div.product_p33, div.product_p40, div.product_p41, div.product_p42, div.product_p43, div.product_p60, div.product_p61, div.product_p62, div.product_p63, div.product_p90, div.product_p81, div.product_p82, div.product_p83, div.product_pc1, div.product_pc2
 {
	float:left;
	margin:5px 5px 8px 5px;
	text-align:center;
	overflow:hidden;
	display:inline;
	position:relative;
	z-index:0}
	
div.product_p00 {width:140px; height:169px} 
div.product_p01 {width:150px; height:219px; margin:0 0 10px 0}  
div.product_p02 {width:140px; height:269px} 
div.product_p03 {width:140px; height:369px}
  
div.product_p10 {width:190px; height:169px} 
div.product_p11 {width:190px; height:219px} 
div.span .product_p11 {width:180px}  
div.product_p12 {width:190px; height:269px}
div.product_p13 {width:190px; height:439px}

div.product_p20 {width:200px; height:169px; margin:0 0 10px 0} 
div.product_p21 {width:200px; height:219px; margin:0 0 10px 0}
div.product_p22 {width:200px; height:269px; margin:0 0 10px 0}
div.product_p23 {width:200px; height:369px; margin:0 0 10px 0}
 
div.product_p30 {width:290px; height:169px} 
div.product_p31 {width:290px; height:219px} 
div.product_p32 {width:290px; height:269px} 
div.product_p33 {width:290px; height:369px}

div.product_p40 {width:390px; height:169px}
div.product_p41 {width:380px; height:219px}
div.product_p42 {width:390px; height:269px}
div.product_p43 {width:390px; height:443px}

/*the heights here are smaller as only two lines are required for the product description*/
div.product_p60 {width:590px; height:153px}
div.product_p61 {width:590px; height:203px}
div.product_p62 {width:590px; height:269px}
div.product_p63 {width:590px; height:369px}

div.product_p80 {width:750px; height:169px}
div.product_p81 {width:750px; height:219px}
div.product_p82 {width:750px; height:269px}
div.product_p83 {width:750px; height:369px}

/* DYNAMIC PRODUCT CONTAINERS FOR FULL SPAN PAGES */
div.product_ps10, div.product_ps11, div.product_ps12, div.product_ps13, div.product_ps20, div.product_ps21, div.product_ps22, div.product_ps23
 {  float:left;
	margin:5px 5px 8px 5px;
	text-align:center;
	overflow:hidden;
	display:inline;
	position:relative;
	z-index:0}

div.product_ps10 {width:250px; height:184px}
div.product_ps11 {width:250px; height:219px}
div.product_ps12 {width:250px; height:269px}
div.product_ps13 {width:250px; height:369px}

div.product_ps20 {width:380px; height:144px} 
div.product_ps21 {width:380px; height:219px}
div.product_ps22 {width:380px; height:269px}
div.product_ps23 {width:380px; height:369px}







/* Personalised Card Product */
div.product_pc1 {width:188px; height:219px; margin: 5px 3px 8px 4px}
div.product_pc2 {width:188px; height:219px; margin: 5px 3px 8px 4px}

/* CUSTOM L1C / L2C  Links */

.L1C, .L2C {float:left; height:85px; margin:0px 5px 0px 5px; overflow:hidden} /*margin:0px 5px 15px 5px*/

.L1C {width:190px}
.L2C {width:290px; margin:0px 5px 5px 5px}

.L2C_con, .LC1_con {position:relative; height:85px}
.L1C_con {width:190px}
.L2C_con {width:290px}

.L1C_txt, .L2C_txt {position:absolute; height:auto; font-size:13px; font-weight:bold; color:#FFF; z-index:99; text-align:center}
.L1C_txt a, .L2C_txt a {color:#FFF}
.L1C_txt  {width:110px; height:35px; margin:23px 0px 0px 74px}   
.L2C_txt  {width:150px; height:35px; margin:33px 0px 0px 115px}

/*== Custom Product Containers ==*/
div.product_sweet {/*height:238px; increased to allow for two lines for product name*/height:244px; width:190px; margin:10px 5px 10px 5px; z-index:0}
div.product_cat {height:193px; width:170px; margin:10px 15px 10px 15px}
div.product_sale {height:229px; width:190px}

/*===== Product Images =====*/
#product > img {margin:0 auto 0 auto; overflow:hidden; text-align:center}
#product_sweet > img {z-index:0}

/*===== Products Labels =====*/
div.label {
	min-height:19px;
	text-align:center;
	overflow:hidden;
	position:absolute;
	bottom:22px;
	left:0px;
	width:100%;
	background-image:url(/images/_sitedesign/trans.png)
	}	
.label_description {font-size:12px}
.label_red {color:#F00}
.price_strike {text-decoration:line-through}

.product_overlap div.label {height:26px; bottom:34px}
.product_sweet .label {bottom:20px}
.product_cat .label {bottom:28px}
.product_140 .label {bottom:0px; font-size:11px}
.product_sweet .label div {font-size:11px; color:#777; overflow:hidden; line-height:16px; height:20px}

div.label_dep {
	min-height:19px;
	background:#FFF;
	text-align:center;
	overflow:hidden;
	position:absolute;
	padding:1px 0 1px 0;
	bottom:22px;
	left:0px;
	width:100%}
	
/*========== Buttons + BARS ==========*/
div.buttons {
	height:20px;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0px;
	left:0px
}
	
div.buttons_lg {
	height:26px;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0px;
	left:0px}
	
.product_overlap div.buttons {
	height:32px;
	width:auto;
	padding:0 10px 0 0;
	text-align:right;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px}
	
.product_sweet div.buttons {
	position:absolute;
	height:19px;
	width:120px;
	padding:0;
	text-align:right;
	overflow:hidden;
	bottom:0px;
	left:60px}

.buttons img {padding:0 1px 0 1px}
.product_sweet .buttons img {padding:0 0 0 4px}

/*========== Sweet Price ==========*/
.product_sweet .price {
	position:absolute;
	left:10px;
	bottom:0px;
	height:19px;
	line-height:19px;
	color:#e03120;
	font-weight:bold;
	overflow:hidden;
	margin:0;
	font-size:16px}
	
/*========== Personalised Banners ==========*/
.pban {float:left; width:600px; text-align:center}	
.pban img {max-width:600px; vertical-align:middle}
.pban div {float:left; width:auto; padding:0 5px 0 5px}

.product_pban, product_pban_P2B, .product_pban_P3B  {
	position:relative;
	float:left;
	margin:5px 5px 8px 5px;
	text-align:center;
	overflow:hidden;
	display:inline;
	position:relative;
	z-index:0;
}
.product_pban_P2B img{top: 10px;}
.product_pban {height:190px; width:590px; background-image:url(/images/_sitedesign/pban_bg.jpg); background-repeat:no-repeat; padding:0px 0 0 0}
.product_pban_P2B {height:160px; width:290px; margin:10px 5px 0px 5px !important;}
.product_pban_P3B {height:190px; width:590px; background-image:url(/images/_sitedesign/pban_bg.jpg); background-repeat:no-repeat; padding:0px 0 0 0}

.product_pban .label {position:absolute; left:0px; top:160px; height:30px}
.product_pban_P2B .label {position:absolute; left:0px; top:120px; height:30px; width: 290px !important;}
.product_pban, product_pban_P2B, .product_pban_P3B, .stock_sticker_wl {display:none; position:relative}

.bannerdrop {width:273px; margin:5px auto 0px auto; height:30px}
.bd_button {float:left; margin:2px 0 0 7px; height:30px}
.bd_stock {float:left; color:#499300; width:auto; height:30px}
.bannerbdr {border: 1px solid #dfdfdf !important;}

/*========== Personalised Cards ==========*/

div.product_card	{height:265px; width:188px; background: url(/images/cards/card_bg_slice.png) repeat-x bottom; margin: 0px 2px 20px 2px; z-index: 1;}

.pcardgal { position: absolute; top: 0px; left: 0px; height: 263px; width: 188px; z-index: 50; }

.product_card img {position: relative; z-index: 1;}
.product_card {border: 1px solid #e5e5e5;}
.product_card:hover {border: 1px solid #cf98e6;}

.invite_shadow img { -moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; box-shadow: 2px 2px 2px #CCC; }

.product_card_p4, .product_card_p2 { height: 219px; width: 152px; text-align: center; padding: 17px 0px 0px 0px; margin: 0px auto; z-index: 1;}
.product_card_p4 { background: url(/images/cards/cardbg_p4.png) no-repeat;}
.product_card_p2 { background: url(/images/cards/cardbg_p2.png) no-repeat;}

.product_card_p4 img, .product_card_p2 img { z-index: 50;}

.product_card_l4, .product_card_l2 { height: 140px; width: 188px; text-align: left; padding: 0px; margin: 0px; z-index: 1;}
.product_card_l4 { background: url(/images/cards/cardbg_l4.png) no-repeat; background-position: 1px 44px; padding: 52px 0px 0px 2px;}
.product_card_l2 { background: url(/images/cards/cardbg_l2.png) no-repeat; background-position: 1px 44px; text-align: center; padding: 52px 0px 0px 0px;}

.product_card_l4 img, .product_card_l2 img { z-index: 50;}


div.buttons_card { height:23px; width:100%; text-align:center; position:absolute; bottom:-1px; left:0px }
div.buttons_card_gal { height:23px; width:100%; text-align:center; position:absolute; bottom: 11px; left:0px }
div.label_card { min-height:19px; text-align:center; overflow:hidden; position:absolute; bottom:22px; left:0px; width:100%; background-image:url(/images/_sitedesign/trans.png) }

	
.product_pc1 div.label {bottom: 31px; background-image: none;}
.product_pc2 div.label {bottom: 31px; background-image: none;}

.L8_card_container {position: relative; width: 250px; height: 208px; overflow: hidden; display: block;}

.imgleft, .imgcenter, .imgright, .img_center_bg, .img_right_bg, .img_left_bg {position: absolute; margin: 0px; padding: 0px; overflow: hidden; display: block;}
.imgleft img, .imgcenter img, .imgright img {width: 100%; height: 100%; overflow: hidden; display: block; z-index: 50;}

.img_center_bg {bottom: 19px; left: 62px; z-index: 10; width: 127px; height: 187px; background-image: url(/images/cards/card_link_3d.png); background-repeat: no-repeat;}
.img_left_bg, .img_right_bg { z-index: 2; width: 106px; height: 155px; background-image: url(/images/cards/card_link_3d_angle.png); background-repeat: no-repeat;}
.img_left_bg {bottom: 15px; left: 5px;}
.img_right_bg {bottom: 15px; right: 5px;}

.imgleft, .imgright {top: 15px; left: 5px; width: 96px; height: 135px;}
.imgcenter {top: 15px; left: 5px; width: 117px; height: 165px}



.ori_icon {margin: 0px 0px 0px 0px; display: inline;}
.photo_upload {position: absolute; top: 0px; right: 0px; width: 60px; height: 62px; background-image: url(/images/cards/photo_upload.png); z-index: 200;}

#screenshot {position:absolute; padding: 0px; text-align: center; display: none; color:#fff; z-index: 200;}
#screenshot img {border: 3px solid #a744d9;}

/*========== Stock Display ========== */
.stock_due, .stock_in {position:absolute; background-image:url(/images/_sitedesign/trans.png); font-size:11px; width:100%; min-width:150px; height:18px; padding:4px 5px 0px 5px; font-weight:normal; bottom:64px; top:auto; text-align:center}
.stock_due {color:#FF0000}
.stock_in {color:#499300}
.stk_in {position:absolute; left:14px; top:-1px; height:20px; width:20px}
.stk_due {position:absolute; background-image:url(/images/_sitedesign/stock_due.png); left:20px; top:0px; height:20px; width:20px}



/*========== Stickers / Flashes / Pings ========== */

.pban_price {
	position:absolute;
	left:190px;
	top:128px;
	width:100px;
	height:30px;
	color:#333;
	font-weight:bold;
	font-size:15px}

.sale_sticker,
.sale_sticker_star,
.sale_sticker_link,
.sale_sticker_120,
.text_sticker,
.logo_sticker,
.price_sticker,
.stock_sticker,
.stock_sticker_wl,
.date_sticker, 
.fd_listing_sticker
{
position:absolute;
left:0px;
top:0px;
background-image:url(/images/_menu/pos_blue.png);
background-repeat:no-repeat;
width:60px;
height:60px;
color:#FFF;
font-size:14px;
text-align:center;
z-index:1}

.date_sticker {background-image:url(/images/_sitedesign/trans.png); width:100%; min-width:150px; height:22px; color:#FF0000; padding:6px 5px 0px 5px; font-size:11px; font-weight:normal; bottom:65px; top:auto}
.sale_sticker {background-image:url(/images/_menu/ping_red.png)}
.sale_sticker_star {background-image:url(/images/_menu/pos_red_star.png)}
.sale_sticker_120 {background-image:url(/images/_menu/ping_red.png); top:63px; left:2px; line-height: 15px;}
.sale_sticker_link {background-image:url(/images/_menu/ping_red.png); top:95px; left:2px}

.fd_listing_sticker {background-image:url(/images/_menu/ping_fdred.png); top: 182px; left:122px; font-size: 13px; line-height: 18px; padding: 13px 0px 0px 1px; text-shadow: #1f1f1f 1px 1px 2px;}
	.sticker-bold {font-size: 19px; font-weight: bold;}

.text_sticker {background-image:url(/images/_menu/ping_red.png); top:0px; right:0px; left:auto}
.logo_sticker {background-image:none; width:auto; height:auto; overflow:visible}
.stock_sticker {background-image:none; overflow:visible; top:140px; width:90px; height:30px; left:10px}
.stock_sticker_wl {background-image:none; overflow:visible; top:120px; width:90px; height:30px; left:10px}
.sticker_right {left:auto; top:0px; right:0px}

.sale_sticker_star div {text-shadow:#571505 0 1px 3px;padding:14px 3px 0 0; line-height: 15px;}

.price_sticker div,
.price_sticker_blue div,
.sale_sticker_link,
.sale_sticker_120,
.price_sticker_blue_right div,
.sale_sticker div,
.text_sticker div {padding:13px 3px 0 0; text-shadow:#2389c9 0px 1px 3px}

.sale_sticker div,
.sale_sticker_link,
.sale_sticker_120, 
.text_sticker div
 {text-shadow:#571505 0px 1px 3px}

 
 
/*========== Notify Modal ========== */

.notifyme {width:600px; height:auto; margin:0px auto}
.not_header {float:left; width:600px; height:50px; margin:0px 0px 10px 0px}
.not_form {float:left; width:600px; height:auto; margin:10px 0px 10px 0px}
.not_label {float:left; width:auto; padding:6px 10px 3px 15px; min-width:70px; text-transform:uppercase; color:#999; font-size:11px}
.not_confirm {float:left; width:600px; height:20px; padding:20px 0px 20px 0px; text-align:center; border:1px dashed #DDD}

/*========== Payment Styles ==========*/
.boxredouterline {border:1px solid #F00} 
.productheader {color:#111; font-weight:bold; background-position:5px; left:5px; position:relative; height:auto; width:auto}

/*========== Box Divider ==========*/
.boxdiv_wrapper {
float:left;
width:600px;
height:auto;
margin:5px 0px 5px 0px;
}

.boxdiv_header {
float:left;
width:600px;
height:6px;
background-image:url(/images/_sitedesign/div_header.png);
background-repeat:no-repeat;
}

.boxdiv_content {
float:left;
width:600px;
height:auto;
background-image:url(/images/_sitedesign/div_slice.png);
background-repeat:repeat-y;
}

.boxdiv_footer {
float:left;
width:600px;
height:32px;
background-image:url(/images/_sitedesign/div_footer.png);
background-repeat:no-repeat;
}

/*========== SMALL Box Divider ==========*/
.boxdiv_small_wrapper {
float:right;
width:160px;
height:auto;
margin:12px 0px 5px 0px;
}

.boxdiv_small_header {
float:left;
width:160px;
height:5px;
background-image:url(/images/character_shop/divider_small_top.png);
background-repeat:no-repeat;
}

.boxdiv_small_content {
float:left;
width:140px;
padding:5px 10px 10px 10px;
height:auto;
line-height:1.4em;
background-image:url(/images/character_shop/divider_small_slice.png);
background-repeat:repeat-y;
color:#666;
}

.boxdiv_small_content a:hover {color:#F00}
.boxdiv_small_footer {
float:left;
width:160px;
height:14px;
background-image:url(/images/character_shop/divider_small_bottom.png);
background-repeat:no-repeat}

/*===== Tag Cloud =====*/
.tag_cloud {padding:5px 10px 5px 10px; text-align:center; overflow:hidden}
.tag_cloud a:hover {background:#429bed; color:#FFF}

/*===== NEW ping =====*/
.new_tableware {position:absolute; left:3px; top:3px; background-image:url(/images/_sitedesign/new_tableware.png); background-repeat:no-repeat; width:46px; height:17px}

/* ===== Delights Home page ===== */

#page-wrap						{float:left; width:780px; margin:10px 0px 10px 0px; 
								  padding:0px 0; overflow:hidden; display:inline}

#slider							{width:780px; height:200px; overflow:hidden;
								  position:relative; margin:0px 0; border:1px solid #EEE}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{width:780px; position:relative}

.slide							{padding:0px 0px; width:780px; float:left; position:relative; height:200px; overflow:hidden}
.slide h1						{font-family:Helvetica, Sans-Serif; font-size:30px; letter-spacing:-1px;
								  color:#ac0000}
.slide p						{color:#999; font-size:12px; line-height:22px; width:300px}
.slide img						{position:absolute; top:20px; left:400px}
#slider-stopper					{position:absolute; top:0px; right:20px; background:#2f81cb; color:white;
								  padding:3px 8px; font-size:10px; text-transform:uppercase; z-index:1000}
								  
#home {float:left; width:777px; height:auto; overflow:hidden; display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 3px}

.home_content {float:left; width:184px; height:350px; overflow:hidden; display:inline; margin:0px 5px 0px 5px; padding:0px}

.del_party a, .del_fancydress a, .del_sweets a, .del_personalised a, .del_baby a,
.del_toys a, .del_wedding a, .del_seasonal a, .del_stationery a {
	float:left;
	width:184px;
    text-decoration:none;
    background:#EAEAEA;
    padding:2px;
	color:#777;
	clear:both;
	
}
.del_party h1, .del_fancydress h1, .del_sweets h1, .del_personalised h1, .del_baby h1,
.del_toys h1, .del_wedding h1, .del_seasonal h1, .del_stationery h1 {
    font-size:18px;
	margin:0px;
}
.del_party p, .del_fancydress p, .del_sweets p, .del_personalised p, .del_baby p,
.del_toys p, .del_wedding p, .del_seasonal p, .del_stationery p {
    float:left;
	font-size:11px;
	margin:4px 5px 5px 5px;
	clear:both;
	width:175px;
}

.del_title {
	float:left;
    font-size:17px;
	margin:4px 0px 0px 5px;
	font-family:Helvetica, Arial, Tahoma, sans-serif;
	letter-spacing:-0.2px;
	
}								  


.tweet_top {float:left; width:162px; height:9px; margin-top:10px; background-image:url(/images/delights/twit_top.png); background-repeat:no-repeat; overflow:hidden}
.tweet_content {float:left; width:152px; height:auto; background-image:url(/images/delights/twit_slice.png); background-repeat:repeat-y; padding:0px 5px 0px 5px; overflow:hidden}
.tweet_bot {float:left; width:162px; height:50px; background-image:url(/images/delights/twit_bot.png); background-repeat:no-repeat; overflow:hidden}

.tweet, .query {
  color:#555;
  font-family:Helvetica, Arial, sans-serif;
  font-size:11px;
  width:154px; 
  margin:0px auto 0px auto;
  line-height:14px}
.tweet .tweet_list, .query .tweet_list {-webkit-border-radius:0.5em; list-style-type:none; margin:0; padding:0}	
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {text-transform:uppercase}
.tweet .tweet_list li, .query .tweet_list li {overflow-y:auto; overflow-x:hidden; padding:0.5em}
.tweet .tweet_list li a, .query .tweet_list li a {color:#50a9fb}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {padding-right:.5em; float:left}	  
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {vertical-align:middle}
.tweet_text {color:#555; visibility:visible}

/* ===== Hanging Lanterns ===== */
.lantern_header {height:250px; margin:5px 0px 15px 0px; background-image:url(/images/hanging_lanterns/_ttl_header_hanging_lanterns.JPG); background-repeat:no-repeat}
.lantern_watch {position:absolute; left:0px; bottom:70px}
.lantern_gallery {position:absolute; left:0px; width:590px; bottom:0px; height:70px; background-image:url(/images/hanging_lanterns/gal_bg.JPG); background-repeat:no-repeat}
.lantern_gallery_th {float:left; height:55px; width:55px; margin:7px 10px 8px 10px}

/* ===== Payment Page ===== */
.pay_card, .pay_post {float:left; width:590px; background-image:url(/images/_sitedesign/login_blue_gradient.jpg); background-repeat:repeat-x; background-position:bottom; overflow:hidden; border:1px solid #DEDEDE; margin:10px 0px 20px 0px}
.pay_post {background-image:none}
.pay_hdr {float:left; width:550px; height:20px; font-size:28px; padding:10px 20px 20px 10px; color:#70ace4; background-image:url(/images/_sitedesign/pay_secure.png); background-repeat:no-repeat; background-position:top right}
.pay_content {float:left; width:570px; height:auto; min-height:20px; padding:10px; font-size:11px; line-height:16px; color:#555}
.pay_button {float:left; width:560px; height:25px; padding:15px; text-align:center}


/* ===== Halloween Holding Pages ===== */
.content-text {margin:10px 0 0 5px; padding:0; float:left}
.content-header {margin:0; padding:0; font-size:1.4em; font-weight:bold}
.content-text a {color:#FF3300; text-decoration:none !important}
.content-text a:hover {text-decoration:underline !important}

/* ===== Fancy Dress Costume Text Links in the Footer ===== */
#fd_lnk_footer, #fd_lnk_footer2 {margin:0 auto 0 auto; width:600px; display:inline; overflow:hidden; text-align:center}
#fd_lnk_footer ul, #fd_lnk_footer2 ul {list-style:none}
#fd_lnk_footer li, #fd_lnk_footer2 li {display:inline}
#fd_lnk_footer a, #fd_lnk_footer2 a {font-size:11px}
#fd_lnk_footer a:hover,  #fd_lnk_footer2 a:hover {color:#F30}
#fd_lnk_footer2 {margin-top:50px; width:560px; padding-right:40px; float:left}

/* ===== Facebook Addons ===== */
fd_counter {
	position:relative;
	width:160px;
	height:183px;
	overflow:hidden}
.digit_day, .digit_hour, .digit_min, .digit_sec {float:left; width:27px; height:20px; text-align:right; letter-spacing:4px}
.digit_day {margin-left:6px}
.digit_hour {margin-left:11px}
.digit_min {margin-left:9px}
.digit_sec {margin-left:10px}

#countdown_dashboard {
	position:absolute;
	left:6px;
	top:140px;
	width:160px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#395a9d;
	font-size:15px;
	padding:0px 0px 0px 0px;
	letter-spacing:2px;
	text-align:center}

.dash {
	width:31px;
	height:20px;
	float:left;
	margin-left:6px;
	position:relative;
	overflow:hidden}

.dash .digit {
	font-family:Helvetica, Arial, Tahoma , sans-serif;
	font-size:11pt;
	float:left;
	width:10px;
	text-align:center;
	color:#395a9d;
	position:relative;
	margin-left:2px;
	overflow:hidden}
	
/* BANNER CREATOR */

#pban_wrapper { position: relative; width: 580px; height: auto; margin: 20px auto; border: 1px solid #EEE; padding: 10px; overflow: hidden; }
#pban_img { position: relative; width: 580px; min-height: 174px; overflow: hidden;}
#pban_controls { position: relative; width: 540px; height: auto; min-height: 300px; overflow: hidden; padding: 20px;}
#pban_tip { position: relative; width: 410px; padding: 5px; margin: 10px 80px 0px 80px; border: 1px solid #EEE; font-size: 10px; text-align: center; color: #999; line-height: 14px;}

.pban_layer1, .pban_layer2, .pban_layer3, .pban_layer4 { position: absolute; width: 420px; height: 174px; overflow: hidden; margin: 0px 80px 0px 80px;}
.pban_layer1 { z-index: 99;}
.pban_layer2 { z-index: 98;}
.pban_layer3 { z-index: 97;}
.pban_layer4 { z-index: 96;}