@charset "UTF-8";

/* index */
h3.hd_Twitter{ margin: 0; padding: 0; background: url(../images/site/hd_sweetTweet.png) center no-repeat; height: 26px; text-indent: -9999px;}

#twitterWidget{ position: relative; width: 120px; height: 165px; margin-right: auto; overflow: hidden; margin-left: auto;}

#contentIndex{ width: 500px; height: 420px; margin-left: 350px; background: url(../images/site/c_homeShopImage.jpg) no-repeat 0px 15px;}

#indexRotation{ margin-top: 20px; position: relative; width: 170px; height: 170px;}
#indexRotatorWrapper{ width: 170px; height: 170px;}
#rotator{ list-style-type: none; margin: 0; padding: 0;}
#rotator li{ position: absolute; left: 0; top: 0;}
#rotator li a{ display: block; width: 170px; height: 170px;}	

/* ================== About section pages  */
#contentOurStory{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px; overflow: auto;}
#contentOurStory p{ width: 250px; margin-left: 270px;}


#contentOurEthics{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px; overflow: auto;}
#contentOurEthics h3{ width: 280px; margin-left: 240px;  text-align: center; 
                      font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.9em;}
#contentOurEthics p{ width: 250px; margin-left: 260px;}


.tb_friendsGrid, .tb_pressGrid{ width: 90%; margin: 0 auto; margin-top: 20px; }
.tb_friendsGrid td{ text-align: center; padding: 3px;}

.tb_pressGrid{ width: 90%; margin: 0 auto; text-align: center; }
.tb_friendsGrid td{ text-align: center; padding: 3px;}


.hd_important{ text-indent: -9999px; background: url(../images/site/hd_privacy.jpg) 30px 0px no-repeat; height: 87px;}
#termsText{ width: 90%; margin: 0 auto;}
#termsText p{ width: 100%; text-indent: 0;}
#termsText address{ font-size: 0.8em; width: 200px; margin: 10px auto;}

/* ================== FAQ  */
.hd_FAQ{ text-indent: -9999px; width: 159px; height: 93px; background: url(../images/site/hd_faq.jpg) no-repeat; margin-left: 10px;}



/* ================== Shop section pages  */
.hd_delivery{ text-indent: -9999px; background: url(../images/site/hd_delivery.jpg) 30px 0px no-repeat; height: 78px;}
.shippingGrid{ width: 90%; margin-left: auto; margin-right: auto; border: 1px solid; border-collapse: collapse; }
.shippingGrid td{ border: 2 solid #CCC; padding: 2px;}
.shippingGrid tr.altRow{ background: #f6f6f6;}

/* ================== Stores section pages  */
#storesTeaser{ width: 250px; height: 205px; background: url(../images/site/storesTeaser.jpg) no-repeat;
               margin-top: 100px; margin-left: 50px; float: left;}
#storesTeaser a{ display: block; width: 250px; height: 205px; text-indent: -9999px;}


#contentStoresMain{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px; 
                    background: url(../images/site/c_storesFinderTeaser.jpg) 5px 15px no-repeat;}
#contentStoresMain p{ width: 200px; margin-left: 330px; margin-top: 40px;}
#contentStoresMain a.findStore{ display: block; width: 85px; height: 75px; text-indent: -9999px; position: absolute;
                                top: 40px; left: 230px; }

#contentStoresMain .coventGardenCafePdf{ margin-left: 330px; margin-top: 10px;}
#contentStoresMain .storesCakes{ margin-left: 20px;}


#contentAvailableInStore{width: 550px; height: 310px; position: absolute; top: 53px; left: 325px;
                         background: url(../images/site/c_yummyTreats.jpg) 30px 20px no-repeat; overflow: auto;}
#contentAvailableInStore p{ width: 280px; margin-left: 240px;}
#contentAvailableInStore h3{ color: #e82f84; width: 280px; margin-left: 240px; font-size: 0.8em; margin-bottom: 0;}
.hd_cupCakes{ background: url(../images/site/hd_cupCakes.jpg) no-repeat; height: 15px; text-indent: -9999px;}
.hd_babyCandyCakes{ background: url(../images/site/hd_babyCandyCakes.jpg) no-repeat; height: 15px; text-indent: -9999px;}
.hd_candyShakes{ background: url(../images/site/hd_candyShakes.jpg) no-repeat; height: 15px; text-indent: -9999px;}
.hd_greatCoffee{ background: url(../images/site/hd_greatCoffee.jpg) no-repeat; height: 15px; text-indent: -9999px;}
.hd_idealGift{ background: url(../images/site/hd_giftBox.jpg) no-repeat; height: 15px; text-indent: -9999px;}

.tb_locatorGrid{ width: 75%; margin: 0 auto; margin-top: 10px;}
.tb_locatorGrid img{ padding-bottom: 10px; }
.hd_candyStores{ text-indent: -9999px; background: url(../images/site/hd_candyStores.jpg) 30px 0px no-repeat; height: 95px; 
                 width: 320px; margin-bottom: 0px;}
.tb_locatorGrid img{ margin: 0 auto;}
.tb_locatorGrid address{ font-size: 0.8em;}


#contentFranchising{width: 550px; height: 328px; position: absolute; top: 53px; left: 325px;
                         background: url(../images/site/c_franchisingJoinUs.jpg) 15px 20px no-repeat; overflow: auto;}
#contentFranchising p{ width: 280px; margin-left: 240px;}

#openingTimes{ margin-top: 22px; margin-left: 236px;}

/* ================== Contact page and form  */
#contentContact{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px;}
#contactLeft{ float: left; width: 210px; margin-left: 10px;}
#contactRight{float: right; width: 320px;}

.hd_contactUs{ background: url(../images/site/hd_contactUs.jpg) no-repeat; height: 65px; text-indent: -9999px; margin-top: 20px;
               margin-bottom: 10px;}

#contact{ margin-top: 30px;}
#contact ol{ margin: 0; margin: 0; list-style: none;}
#contact label{ float: left; width: 90px; font-size: 0.9em; font-weight: bold;}
#contact li{ padding: 7px 0px;}
#contact .last{ text-align: right;}
.contactDetails{ font-size: 0.8em; font-weight: bold;}

#contact .textField, #contact textarea{ background: #e0e0e0; border: 0; padding: 5px; width: 180px;
            font-family: Arial, Helvetica, sans-serif; font-size: 14px;}


#contentThankyou{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px;}
#contentThankyou h3{ text-indent: -9999px; background: url(../images/site/c_thankYou.jpg) no-repeat; width: 528px; height: 272px;
                     margin-left: 15px;}

/* ================== Corporate pages */
#corporateTeaser{ width: 250px; height: 235px; background: url(../images/site/c_corporateTeaser.jpg) no-repeat;
                  margin-top: 80px; margin-left: 50px; float: left;}  				  
				  
#contentCorporateMain{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px;}

.weddingsLink{ display: block; width: 300px; height: 310px; position: absolute; top: 0px; left: 270px; text-indent: -9999px;}
.corporateEnter{ display: block; width: 110px; height: 100px; text-indent: -9999px; position: absolute;
                                top: 140px; left: 140px;}

#contentCorporate{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px; overflow: auto;}
#contentCorporate p{ width: 280px; margin-left: 260px;}

#contentCorporate #corporate_rotation{ width: 226px; float: left; padding-top: 35px; padding-left: 10px;}

#contentWeddings{ width: 550px; height: 323px; position: absolute; top: 53px; left: 325px;
                   background: url(../images/site/c_weddings.jpg) 300px 18px no-repeat; overflow: auto;}
#contentWeddings p{ width: 250px; margin-left: 20px; padding: 0;}

.hd_weddings{ background: url(../images/site/hd_weddings.jpg) no-repeat; text-indent: -9999px; height: 158px; margin-bottom: 0;
              margin-top: 5px; margin-left: 20px;}

#contentCustomers{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px;
                   background: url(../images/site/c_customers.jpg) 5px 10px no-repeat; overflow: auto;}
#customerList{ width: 170px; margin-left: 360px; padding-top: 5px;}
#customerList ul{ margin-left: 10px; padding-left: 10px; font-size: 0.8em}

/* ================== Gallery pages */
#gallerySelection{ float: left; margin-left: 55px; margin-top: 40px; width: 235px; height: 300px;}

#contentGallery{ padding-top: 20px; width: 900px; height: 480px; }
#galleryInner{  margin-left: 160px;}


#galleryPosition{ position: absolute; top: 60px; left: 350px; width: 508px; height: 300px;}
#galleryFrame{position: relative;  background: url(../images/site/c_galleryFrame.jpg) no-repeat; width: 438px; height: 295px; margin-left: 40px;}


/* ================== Tv Popup */
#animationFrame{ margin-left: auto; margin-right: auto; width:740px; height: 560px; background: url(../images/site/tvPopUpBg.jpg) no-repeat;
                 padding-top: 110px; padding-left: 45px;}


/* ================== Shakes page */
#shakeTeaser{ width: 255px; height: 255px; background: url(../images/site/c_TreatYourself.jpg) no-repeat;
                  margin-top: 80px; margin-left: 50px; float: left;} 

#contentShakes{width: 550px; height: 310px; position: absolute; top: 53px; left: 325px; background: url(../images/site/c_shakes_rotation.gif) 30px 20px no-repeat;}

#contentShakes h3{ color: #e82f84; width: 280px; margin-left: 240px; font-size: 0.8em; margin-bottom: 0;}
#contentShakes p{ width: 280px; margin-left: 240px;}