/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
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, 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;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:70%; color:#53458f; background:url('/_images/bg/bg.jpg') no-repeat top center #fff;}
p { padding-bottom:15px;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { font-weight:bold; background:#f1f1f1; text-transform:capitalize;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
.fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.accordian div { background:#fff;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 19px; line-height:22px; color:#c43ec4; font-weight:bold; padding:0px 0px 10px 0px; font-family:"Times New Roman", Times, serif;}
h2 { font-size: 180%; color:#c43ec4; font-weight:bold; padding:0px 0px 5px 0px; font-family:"Times New Roman", Times, serif;}
h3 { font-size: 14px; color:#c43ec4; font-weight:bold; padding:0px 0px 5px 0px; font-family:"Times New Roman", Times, serif;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#backgroundFooter { width:100%; background:url('/_images/bg/footer.jpg') no-repeat bottom center;}
#container { width:980px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px; background:url('/_images/bg/container.jpg') no-repeat 250px 0px;}

#masthead { float:left; width:980px; height:165px; padding:10px 0px 0px 0px;}
	#masthead .logo { float:left; display:inline; margin:10px 0px 0px 15px;}

#masthead .quantities { position:relative; float:left; width:480px; padding:0px 0px 0px 8px;}
	#masthead label { position:relative; float:left; width:150px; height:106px;}
	#masthead label.hotPink { width:180px;}
	#masthead label img { position:absolute; top:0px; left:0px;}
	#masthead select { position:absolute; top:74px; left:44px; width:50px; padding:0px 0px 0px 5px; color:#53458f; font-size:13px; font-weight:bold; border:1px solid #e2dcd6; font-family:"Times New Roman", Times, serif;}
	#masthead .hotPink select { left:67px;}
	#masthead .fresco select { left:57px;}
	#masthead .addtoBasket { position:absolute; top:103px; left:181px; width:134px; height:25px;}

#masthead .purchase { position:relative; float:right; width:240px;}
	#masthead .purchase ul { position:absolute; top:130px; right:25px;}
	#masthead .purchase li { float:right; display:inline; font-size: 130%; color:#5b4e94; font-weight:bold; padding:0px 0px 0px 15px; font-family:"Times New Roman", Times, serif;}
	#masthead .purchase .first { background:url('/_images/form/listItem.gif') no-repeat 6px 3px;}
	#masthead .formbutton { float:right; display:inline; margin:10px 4px 0px 0px;}
	#masthead .clearBasket { position:absolute; top:128px; left:-20px; cursor:pointer; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:none; text-align:left; border:none; font-size:140%; color:#c43ec4; font-weight:bold; font-family:"Times New Roman", Times, serif;}

#content { float:left; width:960px; padding:0px 10px 0px 10px;}

	#content .intro { position:relative; float:left; width:190px; height:400px; padding:35px 30px 0px 390px; margin:0px 0px 20px 0px; background:url('/_images/bg/intro.jpg') no-repeat -20px -17px;}
	#content .intro p { font-size:12px; padding:0px 0px 10px 0px; line-height:17px; font-family:"Times New Roman", Times, serif; color:#c43ec4; font-weight:bold;}
	#content .intro .delivery { position:absolute; top:10px; right:15px;}
	#content .intro .save { position:absolute; top:80px; right:-30px; width: 70px; height: 70px;}

#content .giftList { float:left; width:960px; margin:0px 0px 15px 0px; background:url('/_images/bg/divider.gif') no-repeat bottom center;}
	#content .giftList li { float:left; display:inline; width:460px; padding:0px 10px 0px 10px;}
	#content .giftList li img { float:left;}
	#content .giftList li div { float:right; width:235px; padding:15px 0px 0px 0px;}
	#content .giftList .first div { padding:0px 0px 0px 0px;}
	#content .giftList li div p {  line-height:17px;}
	
.terms { padding:0px 0px 0px 0px; color:#988fbc;}

#footer { float:left; position:relative; width:980px; height:240px;}

	#footer div { float:left; width:460px; padding:20px 0px 0px 260px; color:#e2dee8; font-size:10px; text-align:center;}
		#footer div p { padding:0px 0px 2px 0px;}
		#footer div span, #footer div li { padding:0px 0px 0px 8px; background:url('/_images/bullets/footer.gif') no-repeat 2px 2px;}
		#footer div a { color:#e2dee8; font-weight:normal; text-decoration:underline;}
		#footer div ul { float:left; width:460px; text-align:center;}
		#footer div li { display:inline;}
		#footer div .first { padding:0px 0px 0px 0px; background:none;}

#footer .share { position:absolute; top:34px; left:10px; width:140px;}
#footer .share li { float:right; display:inline; padding:0px 0px 0px 4px;}
#footer .share .first { float:left; padding:0px 0px 0px 0px;}

#footer .backtoFilofax { position:absolute; top:-31px; right:3px; width:140px; height:60px;}

#content .reviews { float:left; width:700px; padding:0px 130px 20px 130px;}

#content .reviews li { position:relative; float:left; width:660px; padding:10px 19px 10px 19px; margin:0px 0px 15px 0px; border:1px solid #e2e2d8; background:#f2f2ea;}
#content .reviews li p { padding:0px 0px 5px 0px;}
#content .reviews li img { position:absolute; top:10px; right:10px; width:98px; height:17px;}