/* HOTEL CHOCOLAT CSS */
/* STANDARD HTML STYLES
-------------------------*/
body {margin:5px 0 5px 0; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#2E2623; background-color:#0099FF; background-image:url(../images/bodybgblue.jpg) }
h1 {margin:0; padding:0; font-weight:normal; color:#2E2623; font-family:"Times New Roman", Times, serif}
h2 {margin:0; padding:0; font-weight:normal; font-size:18px;}
h3 {margin:0; padding:0; font-weight:normal;line-height:24px;}
h4 {margin:0; padding:0; font-weight:normal; font-size:12px}
.style1 {color: #FFFFFF; font-family: Arial;
font-size: 10px}
.blueyy {color: #00ccff; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
font-style: italic;}
.redddy {color: #f13202; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
font-style: italic;}
.yeyooo {color: #ffcc00; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
font-style: italic;}
.style6 {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
}
.nextsubheading {font-family: Arial;
color:#FFFFFF;
font-size: 16px;
font-weight: bold;
}
a:link { text-decoration:none; color:#413025}
a:visited { text-decoration:none; color:#413025}
a:hover { text-decoration:underline; color:#000000}
form {padding:0; margin:0; z-index:0}
p {line-height:160%; padding:0; margin:0}
label.hidden { display:none}
/* MAIN HOLDING STYLES
-------------------------*/
#contentHEADER {width:770px; margin:0 auto 0 auto;}
#contentMAIN {width:770px; margin:0 auto 0 auto; background-color:#FFFFFF;}
#holder_MAIN { clear:both; width:770px; margin:0}
#holder_NAVIGATION {float:left; width:220px;}
#holder_HOME {float:left; width:549px; margin:0 1px 0 0}
#holder_CENTRE {float:left; margin:0 0 0 15px; padding:0 0 10px 0; width:534px; border-right:1px solid #EAEAEA; background-color:#FFFFFF; }
#holder_CENTREFULL {float:left; padding:0 0 0 15px;}
#holder_FOOTER{clear:both; padding:4px 0 0 0}
/*HEADER STYLES
-------------------------*/
#holder_HEADER {background:#000000; color:#E5E1DB; overflow:hidden; height:200px}
.menu ul#holder_SEARCH {float:right; width: 225px;} .menu input#search {margin:8px 0 0 0; font-size:11px; border:1px solid #ffffff; width: 100px;} #holder_SEARCH input#go {margin:8px 14px 0 0;}
#holder_LOGO {float:left}
#holder_BASKET{float:right; margin:0 10px 0 0; width:525px}
#basket { font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:12px; text-align:right; padding:15px 0 2px 0}
#basket a{ color:#FFFFFF; padding:6px} #basket a:visited{ color:#FFFFFF; padding:6px} #basket img { vertical-align:middle}
#service_links {text-align:right;padding:10px 5px 0 0; background:url(../images/service_links_bg.gif) repeat-x} #service_links a{ color:#E5E1DB; padding:4px}
/*tian*/
#change_country {color:#FFFFFF;position:absolute; display:none; background-image:url(file:///C|/Documents%20and%20Settings/rishi%20puttoo/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/HC_change_country_UK.jpg); width:135px; height:20px; text-align:left; padding: 6px 0 1px 3px; margin-left:0px; vertical-align:middle;}
#change_country a{color:#000000; padding:6px}
#holder_CRUMB { color:#413025; clear:both; height:25px; font:10px Arial, Helvetica, sans-serif; } #holder_CRUMB img {vertical-align:middle;}
#crumb {padding:10px 10px 4px 0; float:left; margin-left:5px}
#previous {padding:4px 0;float:right}
.crumby { color:#FFFFFF; font:10px Arial, Helvetica, sans-serif; }
/*HOME PAGE STYLES
-------------------------*/
.linkLOCATION img{width:100%}
.linkLOCATION_TEXT{ background:url(../images/linkLOCATION_TEXT_bg.jpg) repeat-x; margin:1px 0 0 0; position:relative}
.linkLOCATION_TEXT H1{ font-size:20px; padding:14px;}
.linkLOCATION_TEXT H3{ font-size:20px;}
.linkLOCATION_TEXT p {padding:0 25px 14px 14px;}
#flashVIEWER { position:relative; }
/*NAVIGATION STYLES
-------------------------*/
#holder_NAVIGATION h2 { font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; padding:6px 10px 6px 10px; font-weight:normal }
#holder_NAVIGATION p {padding:0 10px 10px 10px; margin:0}
#holder_NAVIGATION p a{text-decoration:underline} #holder_NAVIGATION p a:visited{text-decoration:underline} #holder_NAVIGATION p a:hover{text-decoration:none}
.leftNAVIGATION {width:220px; clear:both; color:#413025; background:#EEE8D3; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:13px; margin:1px 0 1px 0}
.leftNAVIGATION h2 {font-size:22px; padding:8px 0 8px 0}
.leftNAVIGATION ul {margin:0; padding:0 0 10px 0; width:220px; list-style:none}
.leftNAVIGATION ul li {font-size:13px; border-top: 1px solid #FBF9F4; background:url(images/ilink_bg.gif) no-repeat; margin:0; padding:3px 0 5px 25px; }
.leftNAVIGATION ul li:hover { background:#f7f4e9 url(images/ilink_bg.gif) no-repeat}
.leftNAVIGATION a{text-decoration:none}
.leftNAVIGATION a:visited{text-decoration:none}
.leftNAVIGATION a:hover{text-decoration:none}
.leftNAVIGATION ul li.selected { background:#eae2c9 url(../images/leftNAVIGATION_selected.gif) top no-repeat; margin:0; padding:3px 10px 5px 25px;font-weight:bold;}
.leftNAVIGATION ul li.selected ul { margin:10px 0 0 0 ; padding:0 0 10px 0;width:150px}
.leftNAVIGATION ul li.selected ul li{ font-size:13px; border-bottom:none; padding:2px 0 2px 0px; }
/* pale blue nav */
.leftNAVIGATION_blue {width:220px; clear:both; color:#413025; background:#7497E8; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:13px; margin:1px 0 1px 0}
.leftNAVIGATION_blue h2 {font-size:22px; padding:8px 0 8px 0}
.leftNAVIGATION_blue ul {margin:0; padding:0 0 10px 0; width:220px; list-style:none}
.leftNAVIGATION_blue ul li {font-size:13px; border-top: 1px solid #FBF9F4; background:url(../images/ilink_bg_white.gif) no-repeat; margin:0; padding:3px 0 5px 25px; }
.leftNAVIGATION_blue ul li:hover { background:#f7f4e9 url(../images/leftNAVIGATION_selected_white.gif) no-repeat}
.leftNAVIGATION_blue a{text-decoration:none; color:#FFFFFF}
.leftNAVIGATION_blue a:visited{text-decoration:none; color:#FFFFFF}
.leftNAVIGATION_blue a:hover{text-decoration:none; color:#413025}
.leftNAVIGATION_blue ul li.selected { background:#0072bc url(../images/leftNAVIGATION_selected_white.gif) top no-repeat; margin:0; padding:3px 10px 5px 25px;font-weight:bold;}
.leftNAVIGATION_blue ul li.selected ul { margin:10px 0 0 0 ; padding:0 0 10px 0;width:150px}
.leftNAVIGATION_blue ul li.selected ul li{ font-size:13px; border-bottom:none; padding:2px 0 2px 0px; }
/*-------------end pale blue navigation --------------*/
/* pale green nav */
.leftNAVIGATION_green {width:220px; clear:both; color:#413025; background:#669900; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:13px; margin:1px 0 1px 0}
.leftNAVIGATION_green h2 {font-size:22px; padding:8px 0 8px 0}
.leftNAVIGATION_green ul {margin:0; padding:0 0 10px 0; width:220px; list-style:none}
.leftNAVIGATION_green ul li {font-size:13px; border-top: 1px solid #FBF9F4; background:url(../images/ilink_bg_white.gif) no-repeat; margin:0; padding:3px 0 5px 25px; }
.leftNAVIGATION_green ul li:hover { background:#f7f4e9 url(../images/leftNAVIGATION_selected_green.gif) no-repeat}
.leftNAVIGATION_green a{text-decoration:none; color:#FFFFFF}
.leftNAVIGATION_green a:visited{text-decoration:none; color:#FFFFFF}
.leftNAVIGATION_green a:hover{text-decoration:none; color:#413025}
.leftNAVIGATION_green ul li.selected { background:#0072bc url(../images/leftNAVIGATION_selected_green.gif) top no-repeat; margin:0; padding:3px 10px 5px 25px;font-weight:bold;}
.leftNAVIGATION_green ul li.selected ul { margin:10px 0 0 0 ; padding:0 0 10px 0;width:150px}
.leftNAVIGATION_green ul li.selected ul li{ font-size:13px; border-bottom:none; padding:2px 0 2px 0px; }
/*-------------end pale green navigation --------------*/
/* pale red nav */
.leftNAVIGATION_red {width:220px; clear:both; color:#413025; background:#990000; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:13px; margin:1px 0 1px 0}
.leftNAVIGATION_red h2 {font-size:22px; padding:8px 0 8px 0}
.leftNAVIGATION_red ul {margin:0; padding:0 0 10px 0; width:220px; list-style:none}
.leftNAVIGATION_red ul li {font-size:13px; border-top: 1px solid #FBF9F4; background:url(../images/ilink_bg_white.gif) no-repeat; margin:0; padding:3px 0 5px 25px; }
.leftNAVIGATION_red ul li:hover { background: #660000 url(../images/leftNAVIGATION_selected_red.gif) no-repeat}
.leftNAVIGATION_red a{text-decoration:none; color:#FFFFFF}
.leftNAVIGATION_red a:visited{text-decoration:none; color:#FFFFFF}
.leftNAVIGATION_red a:hover{text-decoration:none; color:#413025}
.leftNAVIGATION_red ul li.selected { background:#0072bc url(../images/leftNAVIGATION_selected_red.gif) top no-repeat; margin:0; padding:3px 10px 5px 25px;font-weight:bold;}
.leftNAVIGATION_red ul li.selected ul { margin:10px 0 0 0 ; padding:0 0 10px 0;width:150px}
.leftNAVIGATION_red ul li.selected ul li{ font-size:13px; border-bottom:none; padding:2px 0 2px 0px; }
/*-------------end pale red navigation --------------*/
.NoResults ul {margin:0; padding:0 0 0px 0;list-style:none}
.NoResults ul li {border-top: 1px solid #FBF9F4; background:url(../images/ilink_bg.gif) no-repeat; margin:0; padding:3px 0 0px 25px; }
/*Dark Brown*/
.BLOCK_style_1{background:#4E566D; margin:0 0 1px 0; color:#FFFFFF;}
.BLOCK_style_1 ul {margin:0 0 0 17px; padding:7px 10px 15px 10px;} .BLOCK_style_1 ul li { list-style:url(../images/BLOCK_style_3_li.gif); padding:0 0 3px 0}
.BLOCK_style_1 h2 a:link {color:#FFFFFF; font-weight:normal } .BLOCK_style_1 h2 a:visited {color:#FFFFFF; font-weight:normal }
.BLOCK_style_1 h3 {font-size:11px;line-height:14px;}
.BLOCK_style_1 a{color:#ffffff;} .BLOCK_style_1 a:visited{color:#ffffff;}
/*Mustard */
.BLOCK_style_2{background:#4788B0; margin:0 0 1px 0; color:#FFFFFF;}
.BLOCK_style_2 a{color:#ffffff;} .BLOCK_style_2 a:visited{color:#ffffff;}
/*Cream */
.BLOCK_style_3{background:#EEE8D3 url(../images/BLOCK_style_3_bg.jpg) right top no-repeat; margin:0 0 1px 0; color:#413025;}
.BLOCK_style_3 p { border-bottom:1px solid #FBF9F4}
/*Pastel White */
.BLOCK_style_4{background:#CFE0F4; margin:0 0 1px 0; color:#3E342F}
.BLOCK_style_4 img { vertical-align:middle;}
.BLOCK_style_4_basket {font-size:18px; padding:10px; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; }
.BLOCK_style_4_basket a:link{ text-decoration:none} .BLOCK_style_4_basket a:visited{ text-decoration:none} .BLOCK_style_4_basket a:hover{ text-decoration:underline}
.BLOCK_style_4 ul {margin:0 0 0 17px; padding:7px 10px 15px 10px;} .BLOCK_style_4 ul li { list-style:url(../images/BLOCK_style_4_li.gif); padding:0 0 3px 0}
.BLOCK_style_4 li a{ text-decoration:underline} .BLOCK_style_4 li a:visited{ text-decoration:underline} .BLOCK_style_4 li a:hover{ text-decoration:none;}
/*Pure White */
.BLOCK_style_5{background:#fcfbf; margin:0 0 1px 0; color:#3E342F; border-left:1px solid #EAEAEA; }
.BLOCK_style_5 img { vertical-align:middle; padding:0 10px 0 0}
.BLOCK_style_5 ul {margin:0 0 0 0px; padding:7px 10px 15px 10px;} .BLOCK_style_5 ul li { list-style:none; padding:0 0 3px 0}
.BLOCK_style_5 li a{ text-decoration:underline} .BLOCK_style_5 li a:visited{ text-decoration:underline} .BLOCK_style_5 li a:hover{ text-decoration:none;}
/*CATEGORY STYLES
-------------------------*/
.catHEADER_TEXT{}
.catHEADER_TEXT h1{ font-size:25px; padding:0px 10px 5px 0; border-bottom:1px solid #EAE9E9}
.catHEADER_TEXT h2 { font-size:20px; font-family:"Times New Roman", Times, serif; padding:15px 25px 15px 15px;}
.catHEADER_TEXT p {padding:5px 25px 10px 0;}
.catHEADER_TEXT a {text-decoration:underline;} .catHEADER_TEXT a:visited {text-decoration:underline;} .catHEADER_TEXT a:hover {text-decoration:underline;} .catHEADER_TEXT a:link {text-decoration:underline;}
.catSUBDESCRIPTION { background:#E9EDF3; width:525px; margin:5px 0 0 0; overflow:hidden; position:relative}
.catSUBDESCRIPTION h2 {padding:10px 10px 5px 0px; font-size:20px; font-family:"Times New Roman", Times, serif}
.catSUBDESCRIPTION h2 a {padding:10px 10px 5px 10px;}
.catSUBDESCRIPTION p {padding:5px 30px 10px 10px;}
.catSUBDESCRIPTION img {float:right; border-left:1px solid #ffffff; margin:0 0 0 20px}
.catSUBDESCRIPTION a {text-decoration:underline} .catSUBDESCRIPTION a:visited {text-decoration:underline} .catSUBDESCRIPTION a:hover {text-decoration:none;}
.catSUBTITLE {font-family:"Times New Roman", Times, serif; font-size:20px; margin:5px; padding:9px; line-height:50px }
.catSUBDESCRIPTION ul {margin:0 0 0 15px; padding:7px 10px 15px 10px; clear:both; overflow:hidden; position:relative;}
.catSUBDESCRIPTION_title {font:20px/180% "Times New Roman", Times, serif; padding:0 25px 0 10px}
.catSUBDESCRIPTION ul li { list-style:url(../images/BLOCK_style_4_li.gif); padding:0 0 3px 3px; float:left;width:230px;}
.style7 {font-size: 12px}
.catHOLDER {font-size:13px; clear:both; padding:0}
.catHOLDER ul {float:left; margin:0; padding:18px 0 18px 0; border-top:1px solid #EAE9E9; height:300px;width:272px; background-image:url(../images/aaa.gif); background-repeat:no-repeat;} /*height:280px;*/
.catHOLDER li {list-style:none; width:235px; margin:0 0 0 15px}
.catHOLDER h2 {color:#4E413B; font-family:"Times New Roman", Times, serif; font-size:18px; padding:5px 0 5px 0}
.catSELECTION_LINK {padding:0 0 5px 0;font-size:11px;}
.catSELECTION_LINK {color:#7A736D;} .catSELECTION_LINK a:link{color:#7A736D} .catSELECTION_LINK a:visited{color:#7A736D}
.catADDTOBASKET {padding:5px 0 0 0}
.catADDTOBASKET a:link{text-decoration:underline;} .catADDTOBASKET a:visited{text-decoration:underline;} .catADDTOBASKET a:hover{ text-decoration:none;}
.catREFERENCE {color:#9B938C; font-size:11px; padding:10px 0 0 0 } .catREFERENCE img { vertical-align:middle; float:left}
.availdateREFERENCE {color:#8B0000; font-size:10px; padding:10px 0 0 0 } .availdateREFERENCE img { vertical-align:middle; float:left}
/* Category page filters*/
.categoryFILTERS_a {color:#413025; clear:both; padding:7px 15px 10px 0;}
.categoryFILTERS_a ul{margin:0; padding:0} .categoryFILTERS_a ul li{ list-style:none;}
.categoryFILTERS_b {background:#EAE7E2; overflow:hidden; position:relative; color:#333333; clear:both; padding:0; height: 32px; }
.categoryFILTERS_b a{text-decoration:underline;} .categoryFILTERS_b a:visited{text-decoration:underline;} .categoryFILTERS_b a:hover{text-decoration:none;}
.categoryFILTERS_b ul{margin:0; padding:7px 0 0} .categoryFILTERS_b ul li{float:left; list-style:none; text-align:center; padding:2px 0 2px 0}
.catPAGENO {width:253px; text-align:center;} .catPAGENO_selected {font-weight:bold; background:#FAF9F8; border:1px solid #D3D3D3; padding:0 4px 0 4px; }
.catPAGENP {width:140px}
/*PRODUCT STYLES
-------------------------*/
.delivery_text{color: #990033;margin-bottom:5px;} /*darkred*/
#prodHOLDER {padding:10px 0 0 0; clear:both;}
.prodPRICE {font-size:13px; font-weight:bold;}
#prodDETAILS {width:260px; float:left; padding:0 15px 0 0} #prodDETAILS ul{margin:0; padding:0} #prodDETAILS ul li{ list-style:none}
#prodIMAGES {width:250px; float:left;}
ul#prodIMAGE_ALT {margin:0; padding:0; clear:both;} ul#prodIMAGE_ALT li{list-style:none; float:left; margin:0 5px 0 0; padding:0; height:68px; width:68px; border:1px solid #EDE4DE} #prodIMAGE_ALT img {height:66px; width:66px; padding:1px}
ul#prodPAGEOPTIONS {clear:both; padding:15px 0 0 0; margin:0;} ul#prodPAGEOPTIONS li { list-style:none} #prodPAGEOPTIONS img { vertical-align:middle;}
#prodBUYINGOPTIONS {background:#EDE4DE; border:1px solid #CECAC8; margin:20px 0 15px; clear:both;}
#prodBUYINGOPTIONS h3 {background:#635852; border:1px solid #86776F; color:#FFFFFF;font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:4px; padding:5px 10px 5px 10px;} #prodBUYINGOPTIONS h3 a{color:#FFFFFF;} #prodBUYINGOPTIONS h3 a:visited{color:#FFFFFF;}
#prodBUYINGOPTIONS table {width:260px; margin:4px;} #prodBUYINGOPTIONS table td {padding:5px}
#prodBUYINGOPTIONS table input.quantity{border:1px solid #B8B0AD; width:25px; text-align:center;}
#QuantityBox {background:#666; border:1px solid #CECAC8; margin:20px 0 15px 12px; clear:both;}
#QuantityBox h3 {background:#333; color:#FFFFFF;font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 10px 5px 10px;} #prodBUYINGOPTIONS h3 a{color:#FFFFFF;} #prodBUYINGOPTIONS h3 a:visited{color:#FFFFFF;}
#prodDELIVERYOPTIONS {background:#FDFAF2; border:1px solid #E2D8B4; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; clear:both; }
#prodDELIVERYOPTIONS h3 {background:#E2D8B4; font-size:12px; color:#413025; font-weight:bold; margin:4px; padding:5px 10px 5px 10px;}
#prodDELIVERYOPTIONS table {width:260px; margin:4px; background:#FFFFFF} #prodDELIVERYOPTIONS table th {text-align:left; background:#F2ECD9; padding:5px; font-size:10px} #prodDELIVERYOPTIONS table td {padding:5px} #prodDELIVERYOPTIONS table td.deliveryoption{width:110px}
#prodDELIVERYOPTIONS p{padding:4px; color:#9B938C;}
.prodUPSELL {clear:both; padding:2px 10px 0px 0px;}
.prodUPSELL_SUBTITLE { color:#2E2623; font-size:18px; font-family: "Gill Sans MT", Arial, Helvetica; padding:10px 10px 10px 0; clear:both }
.prodUPSELL ul{width:475px; margin:5px; padding:20px 0 0 30px; border-top:1px solid #EAE9E9; clear:both }
.prodUPSELL ul li {float:left; width:125px; list-style: none outside url(http://www.hotelchocolat.co.uk/images/core/ic_bullet.gif); position:relative; padding:3px 0 3px 0px; margin: 0;}
.prodUPSELL a{ text-decoration:underline} .prodUPSELL a:visited{ text-decoration:underline} .prodUPSELL a:hover{ text-decoration:none}
/*CONTENT & ARTICLE PAGE STYLES
----------------------------------*/
.holder_ARTICLE h1{ font-size:25px; padding:0 10px 5px 0; border-bottom:1px solid #EAE9E9}
.holder_ARTICLE_NO_BORDER { font-size:15px; padding:10px 10px 5px 0;line-height:18px;}
.holder_ARTICLE h2 { font-size:20px; font-family:"Times New Roman", Times, serif; padding:10px 25px 0 0}
.holder_ARTICLE_NO_BORDER h2 { font-size:20px; font-family:"Times New Roman", Times, serif; padding:10px 25px 10px 0}
.holder_ARTICLE_NO_BORDER.bodyTextSmall{font-size:80%;}
.holder_ARTICLE h3,.holder_ARTICLE_NO_BORDER h3 { font-size:18px; font-family:"Times New Roman", Times, serif; padding:15px 15px 10px 0}
.holder_ARTICLE h4,.holder_ARTICLE_NO_BORDER h4 { font-size:16px; font-family:"Times New Roman", Times, serif; padding:15px 15px 10px }
.holder_ARTICLE a, .holder_ARTICLE a:visited{text-decoration:underline;}
#div_ARTICLE { padding:10px 0 15px 0;}
#div_ARTICLE.catSUBDESCRIPTION h2 {padding:10px 10px 5px 5px; font-size:20px; font-family:"Times New Roman", Times, serif}
#div_ARTICLE table {clear:both;}
#div_ARTICLE table.table_style1{ background:#eae7e2}
#div_ARTICLE table.table_style1 th { background:#5d574e; text-align:left; color:#fff; font-size:13px }
#div_ARTICLE table.table_style1 td {border-top:1px solid #fff}
#div_ARTICLE table.table_style1 tr.shade td { background:#d5d1cb url(../images/table_shade_bg.gif) bottom repeat-x;}
.emailSUBSCRIPTION { background:#EBE7E6 url(../images/emailSUBSCRIPTION_bg.gif) no-repeat; width:215px; color:#322823; margin:10px 5px 20px 20px;}
.emailSUBSCRIPTION ul { margin:0; padding:5px 15px} .emailSUBSCRIPTION ul li { list-style:none; padding:0 0 8px 0}
#email_subscription{width:165px; border:1px solid #E3DFDD; background:#ffffff}
.emailSUBSCRIPTION_LOWER {clear:both; margin:0 5px 0 14px; border-top:1px dotted #CECECE; background: #EBE7E6; height:85px}
.emailSUBSCRIPTION_LOWER p { padding:15px 20px 10px 15px; margin:0}
.emailSUBSCRIPTION_LOWER ul { margin:0; padding:5px 20px 0 15px} .emailSUBSCRIPTION_LOWER ul li {list-style:none;float:left; padding:0 5px 0 0 }
.emailSUBSCRIPTION_LOWER_subtitle {padding:5px 20px 0 15px;}
#email_subscribe_lower{width:145px; border:1px solid #E3DFDD; background:#ffffff}
.emailSECURITY {background:#F9F9F9; border-top:1px dotted #CECECE;clear:both; margin:0 5px 0 14px;}
.emailSECURITY p { padding:5px 20px 10px 15px; margin:0}
/*Login / My Account / Basket / Checkout Styles */
#orderpositionsDIV {background:#E0DBD5; clear:both; margin-bottom:10px; height:35px}
.error { color:#990033}
#CUST_login{ background: url(../images/CUST_login_bg.jpg) top repeat-x}
#CUST_basket { background:#F9F9F8}
#CUST_basket_reminder {}
#CUST_separate_address {background:#333; color:#fff; padding:5px}
#CUST_separate_address a, #CUST_separate_address a:visited {color:#fff; font-weight:bold;}
#CUST_shipping {}
#CUST_shipping th { border-bottom:1px solid #A9A4A2;}
#CUST_shipping td.border {border-bottom:1px solid #EAE9E9; padding:2px 0}
.CUST_basket_image { border:1px solid #E3E0DE; width:140px; }
.CUST_basket_details {padding:0 20px 0 10px}
.CUST_table {background:#F0EEED; }
.CUST_table th { background:#857D7A; text-align:left; color:#fff}
#order_address { background:url(../images/order_address_bg.jpg) no-repeat; margin:10px 0 0; padding:20px 15px; height:110px}
#order_message { background:url(../images/order_message_bg.jpg) no-repeat; margin:5px 0 0; padding:25px 85px 5px 25px; height:130px}
.holder_QUESTIONNAIRE { background:#ECE9E7; padding:5px 10px 10px}
.holder_QUESTIONNAIRE ul{list-style:none; margin:10px 0 0; padding:0; border-top:1px solid #C4BEBA }
.holder_QUESTIONNAIRE ul li { padding:0 0 10px 0; }
.holder_QUESTIONNAIRE ul li ul { margin:10px 0 0 24px; border:1px solid #C4BEBA; background:#FAFAF9; padding:10px 10px 5px 10px; width:50%}
#TABLE_quickorder { clear:both; background:#F0EEED;}
#TABLE_quickorder th { background:#857D7A; text-align:left; color:#fff}
.paymentTABLE {background:#F0EEED}
/*FOOTER STYLES
-------------------------*/
#footerA{height:30px; background:#1D1817; color:#FFFFFF; font-size:13px; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; clear:both; overflow:hidden;} #footerA ul {margin:0; padding:5px 10px 0 10px;} #footerA ul li { float:left; list-style:none; margin:0; padding:0;} #footerA ul li#email input {margin:0 10px 0 63px; font-size:11px; border:1px solid #ffffff; width:180px}
#footerB{background:#003366; margin:2px 0 2px 0; overflow:hidden; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; clear:both; height:29px}
#footerB a{color:#FFFFFF;}
#footerB a:visited{color:#FFFFFF}
#footerB ul {margin:0; padding:0}
#footerB ul li {list-style:none; float:left; border-right:#938A84 1px solid; padding:5px 0 8px 0}
#footerB ul li h4 {padding:2px 7px 0 7px; font-size:11px;}
#footerC{background:#F9F8F7 url(../images/holder_PAGEOPTIONS_bg.gif) repeat-x;clear:both;overflow:hidden; height:50px;}
#footerC ul{float:left; width:153px; margin:0; padding:10px 0 10px 0; border-right:1px solid #FFFFFF}
#footerC ul.customer_services li { list-style:url(http://www.hotelchocolat.co.uk/images/core/ic_bullet.gif); margin:5px 0 0 22px}
#footerC ul li#ic_email { list-style:url(http://www.hotelchocolat.co.uk/images/core/ic_email.gif);}
#footerC ul li#ic_print { list-style:url(http://www.hotelchocolat.co.uk/images/core/ic_print.gif)}
#footerC ul li#ic_bookmark { list-style:url(http://www.hotelchocolat.co.uk/images/core/ic_bookmark.gif)}
ul#holder_PAGEOPTIONS { background:#F2F0ED url(../images/holder_PAGEOPTIONS_bg.gif) repeat-x; margin:0; padding:6px 0 0 0;height:110px;}
ul#holder_PAGEOPTIONS li{margin:0 0 0 30px; padding:0 0 2px 0;}
#footerC ul li#awards {list-style:none; padding:10px 0 10px 0}
#footerD{color:#8C837F; padding:10px 0 10px 10px;clear:both; overflow:hidden; position:relative}
#footerD ul{ margin:0; padding:0 0 20px 0; }
#footerD ul li{ float:left; list-style:none}
#footerD ul#links_footer { width:560px; float:left}
#footerD ul#logos_footer { width:195px; float:left}
#footerD ul#address_footer { clear:both; padding:10px 0 0 0}
#footerD ul li#securityLOGO{ float:right}
#footerD a.paraspar{color:#888888}
#footerD a:visited.paraspar {color:#888888}
ul#socialBOOKMARKS { clear:both; margin:5px 0 0; padding:10px;background:#FFFFFF; overflow:hidden;border: 1px #EAE9E9 solid; width:510px;list-style-type: none;}
#socialBOOKMARKS li {float:left;}
#socialBOOKMARKS li.delicious{background:url(../images/delicious.gif) no-repeat; padding:0 10px 0 20px}
#socialBOOKMARKS li.digg{ background:url(../images/digg.gif) no-repeat; padding:0 10px 0 20px}
#socialBOOKMARKS li.reddit{ background:url(../images/reddit.gif) no-repeat; padding:0 10px 0 20px}
#socialBOOKMARKS li.facebook{ background:url(../images/facebook.gif) no-repeat; padding:0 10px 0 20px}
#socialBOOKMARKS li.stumbleupon{ background:url(../images/stumbleupon.gif) no-repeat; padding:0 10px 0 20px}
/* common styling */
.menu {margin:1px 0 1px 0; font-size:11px; background:#003366; color:#B6B2B0; clear:both; height:35px; }
.menugreen {margin:1px 0 1px 0; font-size:11px; background:#669900; color:#B6B2B0; clear:both; height:35px; }
.menured {margin:1px 0 1px 0; font-size:11px; background:#990000; color:#B6B2B0; clear:both; height:35px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; overflow:hidden;}
.menu ul {padding:0; margin:8px 0 0 0;;list-style-type: none; }
.menu ul li {float:left; }
.menu ul li ul {display: none; width: 200px;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#3E342F}
.menu ul li:hover ul {background:#E5E4E3; display:block; position:absolute; top:130px; margin:0 0 0 5px; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; z-index:5}
.menu ul li:hover ul li {clear:both;font-weight:bold; text-align:left; width:180px}
.menu ul li:hover ul li a.hide {color:#fff; }
.menu ul li:hover ul li:hover a.hide {color:#3E342F}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#3E342F; padding:5px 10px 7px 10px}
.menu ul li:hover ul li a:hover {background: url(../images/menu_hover_bg.gif) repeat-y; color:#3E342F}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:0; z-index:5}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
/* Used on H2's & H3's throughout the site */
h2.noleftmargin{margin-left:0px;padding-left:0px;}
h3.noleftmargin{margin-left:0px;padding-left:0px;}
h2.norightmargin{margin-right:0px;padding-right:0px;}
h3.norightmargin{margin-right:0px;padding-right:0px;}
h3.basketName{margin:0px;padding:0px;padding-bottom:5px;}
h2.myaddress{margin:0px;padding:0px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px #DDDDDD solid;}
h2.thinborder{font-size:16px;margin-bottom:0px;line-height:18px;padding-bottom:0px;}
h3.recipient{padding-left:10px;padding-top:5px;}
h3.payment{padding:5px;}
h3.delivery_title{ font-family: "Gill Sans MT", Arial, Helvetica, sans-serif; margin:0px; padding:0px; padding-bottom:5px; }
/* Old styles */
.navTwo{color:white;}
.bodyTextblkWhite{color:#fff}
.textField2{border:1px #CCCCCC solid;}
.textfield2{border:1px #CCCCCC solid;}
.recipient_text{padding-left:15px;}
.emailprint{font-size:9px;}
/****************************/
#overlayBox{z-index:999;top:0px;left:0px;position:absolute;width:100%;height:200%;background-color:black;filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;}
#overlayContent{z-index:999;width:400px;height:300px;top:200px;left:200px;position:absolute;background-color:White;padding:0px;}
.suitable{padding-bottom:5px; margin-bottom:5px; border-bottom:1px #DDDDDD solid;font-size:20px; font-family:"Times New Roman", Times, serif}
.error{color:#990033;}
#emailFRIEND{background:#f0eeed;border-bottom:5px #fff solid;}
#emailFRIEND h1{padding:5px 0 0 17px}
#emailFRIEND p { padding:5px 0 10px 17px}
.splitArticle{float:left;width:480px;margin-left:20px;}
.splitArticleDark{float:left;width:240px;margin-left:5px;padding:10px;background:#f0eeed;}
.fadeInIFRAME{border:0px;width:400px;height:300px;}
#fadeInARTICLE{height:240px;width:400px;overflow:auto;background-color:white;}
#fadeInARTICLEDETAILS{width:350px;padding:10px;padding-top:0px;padding-bottom:0px;}
h3.delivery{font-size:14px;padding-top:0px;}
/* Enrolment page styles*/
.error_alt{color:#ff0000;font-size:12px;}
#enrolment h1 { padding:5px 0 0 10px; font:22px font-family:Arial, Helvetica, sans-serif;color:#2E2623; display:none; }
#enrolment_selection {margin:5px 0 0 0;}
.enrolment_INSTR { padding:10px; width:208px; font-size:15px; color:#2E2623}
.enrolment_INSTR2 {padding:10px; width:208px; font-size:15px; color:#2E2623}
.enrolment_INSTR h2 {font:50px font-family:Arial, Helvetica, sans-serif;color:#2E2623 }
.enrolment_INSTR h3 {font:18px "Gill Sans MT", Arial, Helvetica, sans-serif; padding:6px 0 12px 0}
.enrolment_INSTR h4 { font:bold 30px Arial, Helvetica, sans-serif; padding:0 0 20px 0;color:#2E2623 }
.enrolment_INSTR2 h2 {font:50px font-family:Arial, Helvetica, sans-serif;color:#2E2623 } .enrolment_INSTR2 h3 {font:20px Arial, Helvetica, sans-serif; padding:6px 0 12px 0} .enrolment_INSTR2 h4 { font:bold 30px Arial, Helvetica, sans-serif; padding:0 0 20px 0;color:#2E2623 }
.enrolment_INSTR_SEL {border:2px solid #A49E9A; clear:both; margin:0 0 5px 5px; overflow:hidden; font:11px Arial, Helvetica, sans-serif; color:#2E2623}
.enrolment_INSTR_SEL div {float:left; width:120px; } .enrolment_INSTR_SEL div p {padding:5px 10px 0 5px}
.enrolment_Data{padding-top:15px;font:11px Arial, Helvetica, sans-serif; color:#2E2623}
.enrolment_Data2{padding-left:7px;padding-top:15px;font:14px Arial, Helvetica, sans-serif; color:#2E2623;}
.enrolment_Title{font:15px Arial, Helvetica, sans-serif; color:#2E2623;font-weight:bold;}
table#enrolment {background: url(../images/pod_graphic_bg.jpg) bottom left #ffffff no-repeat;}
#contentMAINOffer {background: url(../images/pod_graphic_bg.jpg) bottom left #ffffff no-repeat; width:770px; margin:0 auto 0 auto;}
table #enrolment tbody tr td .enrolment_Data h3, table #Table2 h3, table #enrolment h3 {font-size:20px; padding:20px 0 5px 0 }
td.enrolment_Data{padding:0 0 0 14px;}
#purist_imageHeader {clear: both; background-image:url(/images/articles/purist_bg_image.jpg); height:238px; width:771px; margin:5px 0;}
#purist_imageDetails {background:#000000; width:260px; float:right; height:238px; filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;color:#FFFFFF;border-left:2px #CCCCCC solid;}
#purist_imageDetails2 {width:250px; xheight:238px;color:#FFFFFF;position:absolute;padding-left:518px;padding-top:10px;}
#purist_imageDetails2 h2 {margin:0 0 0 0; padding:7px 11px 7px;font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:25px;}
#purist_imageDetails2 p {margin:0 0 0 0; padding:7px 11px; }
#purist_imageDetails2 a {color:White;}
#purist_Story {clear: both; background-image:url(/images/articles/purist_1bg.jpg); height:165px; width:771px; margin:0 0 15px 0; color:#FFFFFF;}
#purist_Story h2{margin:0 0 0 0; padding: 15px 15px 0 15px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:200%;}
#purist_Story h3{margin:0 0 0 0; padding: 7px 15px 0 15px; font-family:"Times New Roman", Times, serif; }
#purist_Story p{margin:0 0 0 0; padding: 7px 15px 15px 15px; }
#purist_productHolder ul {list-style: none; margin:0 0 0 0; padding:0 0 0 3px;}
#purist_productHolder li{display:inline; float:left; width:180px; margin:15px 6px 5px 6px; }
#purist_productHolder li h2{margin:0; padding:0; text-align:center; font-family:"Times New Roman", Times, serif; font-weight:bold;}
#purist_productHolder li h3{margin:0; padding:0; text-align:center; font-family:"Times New Roman", Times, serif; font-size:130%;}
#purist_productHolder li p{margin:0; padding:4px 12px 0 12px; line-height:120%; }
#purist_productHolder {clear: both; background-image:url(/images/articles/purist_product_bg.jpg); height:386px; width:771px;}
#rabot_Story {clear: both; background-image: url(/images/articles/rabot_story_bg.jpg); background-repeat:no-repeat; height:220px; width:771px; margin:0 0 15px 0; color:#000000;}
#rabot_Story h2{margin:0 0 0 0; padding: 15px 15px 0 15px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:200%;}
#rabot_Story h3{margin:0 0 0 0; padding: 7px 15px 0 15px; font-family:"Times New Roman", Times, serif; }
#rabot_Story p{margin:0 0 0 0; padding: 7px 15px 15px 15px; }
#currentADDRESSES {background-color:#F9F6F3;}