@charset "UTF-8";

/* original text color was #acaaaa */

body{ font: 15px/1.2em Arial, Helvetica, sans-serif; color: #333;
      margin: 0; padding: 0; background: #FFF url(../images/site/background_full.jpg) top center no-repeat;}

.bgRight{ background: #FFF url(../images/site/backgroundRight.jpg) top center no-repeat;}
.bgRightIndex{ background: #FFF url(../images/site/backgroundRightIndex.jpg) top center no-repeat;}
.bgRightGallery{ background: #FFF url(../images/site/backgroundRightGallery.jpg) top center no-repeat;}
.bgClear{ background: #FFF url(../images/site/backgoundClear.jpg) top center no-repeat;}
.active{color: #ff78af;}


#logo a{ display: block; width: 357px; height: 136px; text-indent: -9999px;}
#logoMain a{ display: block; width: 357px; height: 136px; text-indent: -9999px;}

p{  font-size: 0.8em; width: 90%; margin: 0 auto;}
p strong{ color: #6c6c6c;}

a{ color: #ff78af;}
a:hover{ color: #a3a3a3; }

a img{ border: 0;}

.pink_text{ color: #e45595;}
.noIndent{ text-indent: 0;}

.clear{ clear: both;}

.error{ color: #ff78af;}

.introTextImg img{ float:left;  margin-bottom: 15px; margin-top: 25px;}

/* navigation */
#navInner{ float: left; width: 420px; margin-top: 125px; margin-left: 115px; z-index: 1000; overflow: visible;}
#navInner a:hover{ color: #ff78af;}
#navInner a.active{ color: #ff78af;}
/*#navInner ul{ margin: 0; padding: 0; list-style: none;}
#navInner li{ display: inline; float: left; padding: 0px 7px;  text-align: center;}
#navInner a{ text-decoration: none; color: #808080; font-weight: bold;} 
*/

/* digi header */

#navInnerDigi{ float: left; width: 420px; margin-top: 125px; margin-left: 115px; z-index: 1000; overflow: visible;}
#navInnerDigi a:hover{ color: #ff78af;}
#navInnerDigi a.active{ color: #ff78af;}
#navInnerDigi ul{ margin: 0; padding: 0; list-style: none;}
#navInnerDigi li{ display: inline; float: left; padding: 0px 7px;  text-align: center;}
#navInnerDigi a{ text-decoration: none; color: #808080; font-weight: bold;}

/* items and search block */
#items{ float: left; width: 70px; height: 65px; background: url(../images/site/shoppingBagHeader.png) no-repeat;}
#items a{ font-size: 0.80em; color: #FFF; text-decoration: none; margin-top: 33px; margin-left: 10px; float: left;}
#items a:hover{ text-decoration: underline;}

#search{ float: right; width: 160px; height: 30px; padding-top: 25px; margin-top: 10px;}
#search input{ border: 1px solid #FFF;}
#search a{ font-weight: bold; color: #a3a3a3; text-decoration: none;}
#search a:hover{ color: #ff78af}

/* sub nav */
#twitterTop{ width: 170px; height: 26px; margin-top: 45px; background: url(../images/site/tweetTop.png) no-repeat;}
#twitterMiddle{ width: 170px; height: 197px; background: url(../images/site/tweetMiddle.jpg) no-repeat;}
#twitterBottom{ width: 170px; height: 25px; background: url(../images/site/tweetBotton.jpg) no-repeat;}

#indexFlash{ margin-top: 20px;}


#subNavTop{ width: 209px; height: 30px; margin-top: 50px; background: url(../images/site/subNavTop.jpg) no-repeat;}
#subNavMiddle{ width: 209px; height: 192px; background: url(../images/site/subNavMiddle.jpg) no-repeat;}
#subNavBottom{ width: 209px; height: 34px; background: url(../images/site/subNavBottom.jpg) no-repeat;}

/* used in product listings - shop */
#subMenuTop{ width: 210px; height: 46px; margin-top: 50px; background: url(../images/site/subMenuTop.jpg) top no-repeat; padding-left: 5px;}
#subMenuTop a{ width: 210px; height: 46px; display: block; text-indent: -9999px;}
#subMenuMiddle{ width: 209px; height: 192px; background: url(../images/site/subMenuMiddle.jpg) no-repeat; margin-left: 10px;}
#subMenuBottom{ width: 209px; height: 34px; background: url(../images/site/subMenuBottom.jpg) no-repeat; margin-left: 10px;}

/* sub nav links */ 
#subNavLinks{ width: 150px; margin: 0 auto;}
#subNavLinks ul{ margin: 0; padding: 0; list-style: none;}
#subNavLinks li{ padding: 3px;}
#subNavLinks a{ text-decoration: none; color: #ff78af; font-weight: bold;}
#subNavLinks a:hover{ color: #808080;}
#subNavLinks a.active{ color: #808080;}


#subNavLinks_OurRange{ width: 150px; margin: 0 auto; height: 192px; overflow: auto;}
#subNavLinks_OurRange ul{ margin: 0; padding: 0; list-style: none;}
#subNavLinks_OurRange li{ padding: 3px;}
#subNavLinks_OurRange a{ text-decoration: none; color: #ff78af; font-weight: bold;}
#subNavLinks_OurRange a:hover{ color: #808080;}
#subNavLinks_OurRange a.active{ color: #808080;}


/* sub nav cakes/categories */
#subNavLinksCakes_Cat{ width: 150px; margin: 0 auto; height: 192px; overflow: auto;}
#subNavLinksCakes_Cat ul{ margin: 0; padding: 0; list-style: none;}
#subNavLinksCakes_Cat li{ padding: 3px;}
#subNavLinksCakes_Cat a{ text-decoration: none; color: #ff78af; font-weight: bold;}
#subNavLinksCakes_Cat a:hover{ color: #808080;}
#subNavLinksCakes_Cat a.active{ color: #808080;}



/* checkout link */
#checkoutLink{ position: absolute; top: 330px; left: 95px;}

/* content area */
#content{ width: 550px; height: 310px; position: absolute; top: 53px; left: 325px; overflow: auto;}
#content h4{ margin-left: 20px; margin-bottom: 5px;}


/* external */
#external ul{ margin: 0; padding: 0; list-style: none;}
#external li{ display: inline; float: left; width: 33%; text-indent: -9999px;}
#external a.twitter{ display: block; width: 50px; height: 50px; background: url(../images/site/icon_twitter.png) no-repeat;}
#external a.flickr{ display: block; width: 50px; height: 50px; background: url(../images/site/icon_flickr.png) no-repeat;}
#external a.facebook{ display: block; width: 50px; height: 50px; background: url(../images/site/icon_facebook.png) no-repeat;}


/* footer navigation */
#footerNav{ font-size: 13px;}
#footerNav ul{ margin: 0; padding: 0; list-style: none;}
#footerNav li{ display: inline; float: left; width: 14%; text-align: center;}
#footerNav a{ text-decoration: none; color: #808080; font-weight: bold;} 
#footerNav a:hover{ color: #ff78af;}
#footerNav a.active{ color: #ff78af;}


/* by */
#by .designBy{ display: block; width: 35px; height: 20px; text-indent: -9999px; float: left; margin-left: 90px;}
#by .developedBy{ display: block; width: 50px; height: 20px; text-indent: -9999px; float: right;}




/* index page*/
#welcome img{ border: 0;}