html,body{margin:0;padding:0}

body {font: 76% arial,sans-serif;
text-align:center;
background:#fff url(../assets/generic/cc_flock_winter_red.gif) repeat fixed;
}

body#bgwedding {background:url(../assets/generic/cc_flock_wedding.gif) repeat fixed;}

#container{
width:960px;
margin:10px auto 0 auto; 
text-align:left;
}

#header {
margin:0;
padding:0;
height:220px;
width:960px;
background:url(../assets/generic/top_paper.png) no-repeat;
}

#wrapper{
float:left;
width:100%; 
min-height:550px;
background:url(../assets/generic/wrapperbg.gif) repeat;
}

#cake{
float:left;
width: 340px;
}

#cake.big {width:540px;}


#middle {
float:left;
width:340px;
margin: 0 20px 0 240px;
}

#middle_full {
float:left;
width:690px;
margin: 0 10px 0 240px;
min-height:570px;
}

#middle_tiny {
float:left;
width:150px;
margin: 0 20px 0 230px;
}

#nav {
background: url(../assets/generic/nav_bg.png) no-repeat;
float:left;
width:270px;
margin-left:-980px;
}

#nav.wedding {background:url(../assets/generic/nav_bg_wedding.png) no-repeat;}

#footer{
background: url(../assets/generic/bottom_paper.png) top no-repeat;
height:150px;
clear:both;
width:100%;
margin:0 0 10px 0;
}

p {line-height:1.5em; text-align:left;}

a:link, a:visited {font-weight:bold; color:#b20838; text-decoration:none;}
a.grey:link, a.grey:visited {font-weight:bold; color:#95a1aa; text-decoration:none;}
a:hover, a:active {color:#000; text-decoration:none;}

b.pink {color:#e44b7e}
em, #cake em {font-weight:bold; color:#b20838}
em.question {font-size:1.3em;}
em.plain {font-weight:normal; color:#000;}
em.grey, #cake em.grey {color:#82909a;}

p.fl {float:left; clear:left;}


/* HEADER Layout Styles */

#header h1 {
float:left;
display:block;
background:  url(../assets/generic/cup-couture-valentines-2012.png) no-repeat;
text-indent:-9999px;
width:553px;
height:171px;
margin:45px 0 0 15px;
}

#get-in-touch {
float:right;
width: 290px;
margin:100px 50px 0 0;
padding:0;
}

#get-in-touch h3 {
float:right;
text-indent:-9999px;
background:url(../assets/generic/get-in-touch-black.png);
width:170px;
height:48px;
margin:0;
padding:0;
}

#get-in-touch p {
text-align:right;
float:right;
padding:0;
margin:0;
}

/* NAVIGATION Layout Styles */

#nav ul {
float:left;
margin:100px 0 0 40px;
padding:0; 
}

#nav ul li {
float:left;
list-style-type:none;
padding:0 0 5px 0;

}

#nav ul li.facebook {margin:20px 0 0 20px}
#nav ul li.vows {margin:5px 0 0 10px}

#nav ul li a {height:22px; width:196px; overflow:hidden; display:block; text-indent:-9999px;}
#nav ul li.winter a {height:28px; width:196px; overflow:hidden; display:block; text-indent:-9999px;}
#nav ul li.facebook a {height:59px; width:155px; overflow:hidden; display:block; text-indent:-9999px;}
#nav ul li.vows a {height:69px; width:168px; overflow:hidden; display:block; text-indent:-9999px;}
#nav ul li.fabulous a {height:102px; width:191px; overflow:hidden; display:block; text-indent:-9999px;}
#nav ul li.sws a {height:110px; width:199px; overflow:hidden; display:block; text-indent:-9999px;}
#nav ul li.rock a {height:97px; width:151px; overflow:hidden; display:block; text-indent:-9999px; margin-left:20px}
#nav ul li.sewe a {height:55px; width:202px; overflow:hidden; display:block; text-indent:-9999px; margin-left:5px}
#nav ul li.ggwg a {height:133px; width:133px; overflow:hidden; display:block; text-indent:-9999px; margin-left:25px}

#nav li.winter a:link, 
#nav li.winter a:visited {background:url(../assets/nav/winter-red.png) no-repeat;}
#nav li.winter a:hover, 
#nav li.winter a:active {background-position: 0 -28px;}

#nav li.home a:link, 
#nav li.home a:visited {background:url(../assets/nav/home-red.png) no-repeat;}
#nav li.home a:hover, 
#nav li.home a:active {background-position: 0 -22px;}

#nav li.taster a:link, 
#nav li.taster a:visited {background:url(../assets/nav/taster-red.png) no-repeat;}
#nav li.taster a:hover, 
#nav li.taster a:active {background-position: 0 -22px;}

#nav li.weddings a:link, 
#nav li.weddings a:visited {background:url(../assets/nav/wedding-red.png) no-repeat;}
#nav li.weddings a:hover, 
#nav li.weddings a:active {background-position: 0 -22px;}

#nav li.cakes a:link, 
#nav li.cakes a:visited {background:url(../assets/nav/cakes-red.png) no-repeat;}
#nav li.cakes a:hover, 
#nav li.cakes a:active {background-position: 0 -22px;}

#nav li.special a:link, 
#nav li.special a:visited {background:url(../assets/nav/special-events-red.png) no-repeat;}
#nav li.special a:hover, 
#nav li.special a:active {background-position: 0 -22px;}

#nav li.order a:link, 
#nav li.order a:visited {background:url(../assets/nav/cake-your-day-red.png) no-repeat;}
#nav li.order a:hover, 
#nav li.order a:active {background-position: 0 -22px;}

#nav li.faq a:link, 
#nav li.faq a:visited {background:url(../assets/nav/faq-red.png) no-repeat;}
#nav li.faq a:hover, 
#nav li.faq a:active {background-position: 0 -22px;}

#nav li.hello a:link, 
#nav li.hello a:visited {background:url(../assets/nav/hello-red.png) no-repeat;}
#nav li.hello a:hover, 
#nav li.hello a:active {background-position: 0 -22px;}

#nav li.comm a:link, 
#nav li.comm a:visited {background:url(../assets/nav/commissions-red.png) no-repeat;}
#nav li.comm a:hover, 
#nav li.comm a:active {background-position: 0 -22px;}

#nav li.facebook a:link, 
#nav li.facebook a:visited {background:url(../assets/nav/facebook.png) no-repeat;}
#nav li.facebook a:hover, 
#nav li.facebook a:active {background-position: 0 -59px;}

#nav li.vows a:link, 
#nav li.vows a:visited {background:url(../assets/home/vows.gif) no-repeat;}
#nav li.vows a:hover, 
#nav li.vows a:active {background-position: 0 -69px;}

#nav li.fabulous a:link, 
#nav li.fabulous a:visited {background:url(../assets/home/fabulous_proud.gif) no-repeat;}
#nav li.fabulous a:hover, 
#nav li.fabulous a:active {background-position: 0 -102px;}

#nav li.sws a:link, 
#nav li.sws a:visited {background:url(../assets/home/sws_proud.gif) no-repeat;}
#nav li.sws a:hover, 
#nav li.sws a:active {background-position: 0 -110px;}

#nav li.rock a:link, 
#nav li.rock a:visited {background: url(../assets/generic/rock-my-wedding.gif) no-repeat;}
#nav li.rock a:hover, 
#nav li.rock a:active {background-position: 0 -97px;}

#nav li.sewe a:link, 
#nav li.sewe a:visited {background: url(../assets/home/sewe.gif) no-repeat;}
#nav li.sewe a:hover, 
#nav li.sewe a:active {background-position: 0 -55px;}

#nav li.ggwg a:link, 
#nav li.ggwg a:visited {background:  url(../assets/generic/ggwg.png) no-repeat;}
#nav li.ggwg a:hover, 
#nav li.ggwg a:active {background-position: 0 -133px;}

body#bghome a#navhome,
body#bgtaster a#navtaster,
body#bgcakes a#navcakes,
body#bgwedding a#navwed,
body#bgcomms a#navcomms,
body#bgspecial a#navspecial,
body#bgorder a#navorder,
body#bgfaq a#navfaq,
body#bghello a#navhello
{background-position: 0 -22px;}

body#bgwinter a#navwinter {background-position: 0 -28px;}

#twitter {
float:right;
margin:0;
text-align:right;
width:220px;
}


/* MIDDLE Layout Styles */
#middle h3, #middle_full h3 {
margin:0;
padding:0;
text-indent:-9999px;
width:325px;
height:53px;
}

#middle h3.hello {background: url(../assets/home/well-hello-red.gif) no-repeat;}
#middle h3.intro {background: url(../assets/titles/intro.gif) no-repeat;}

#middle_full h3.cakes {background: url(../assets/titles/cakes-red.gif) no-repeat;}
#middle_full h3.weddingcakes {background: url(../assets/titles/wedding-collection.gif) no-repeat; width:462px; height:54px;}
#middle_full h3.weddinggallery {background: url(../assets/titles/wedding-gallery.gif) no-repeat; width:462px;}
#middle_full h3.commissions {background: url(../assets/titles/commissions-red.gif) no-repeat;}
#middle_full h3.special_events {background: url(../assets/titles/special-events-red.gif) no-repeat;}
#middle_full h3.order {background: url(../assets/titles/cake-your-day-red.gif) no-repeat;}
#middle_full h3.faq {background: url(../assets/titles/faq-red.gif) no-repeat; width:450px;}
#middle_full h3.hello {background: url(../assets/home/well-hello-red.gif)) no-repeat;}
#middle_full h3.thanks {background: url(../assets/titles/thanks-red.gif) no-repeat;}
#middle_full h3.oops {background: url(../assets/titles/oops-red.gif) no-repeat;}

#middle_full h3.wintercollection {background: url(../assets/titles/winter-collection-2011.gif) no-repeat; width:375px; height:62px;}

#middle_full h3.vouchers {background: url(../assets/titles/gift-vouchers.gif) no-repeat; height:85px; width:690px; margin-top:10px; float:left;}

#middle_full h3.classiccakes {background: url(../assets/titles/cakes/classic.gif) no-repeat; margin-left:10px;}
#middle_full h3.premiumcakes {background: url(../assets/titles/cakes/premium.gif) no-repeat; margin-left:10px;}
#middle_full h3.seasonalcakes {background: url(../assets/titles/cakes/seasonal.gif) no-repeat; margin-left:10px;}

#middle_full ul {
float:left;
display:inline;
margin:0;
padding:0; 
width:100%;
}

#middle_full ul li {
float:left;
list-style-type:none;
padding:0 0 10px 0;
}

#middle_full ul li a {height:45px; width:223px; overflow:hidden; display:block; text-indent:-9999px;}
#middle_full ul li.mn_classic a.live {background:url(../assets/nav/cakes/classic_black.gif) no-repeat}
#middle_full ul li.mn_premium a.live {background:url(../assets/nav/cakes/premium_black.gif) no-repeat}
#middle_full ul li.mn_seasonal a.live {background:url(../assets/nav/cakes/seasonal_black.gif) no-repeat}

#middle_full li.mn_classic a:link, 
#middle_full li.mn_classic a:visited {background: url(../assets/nav/cakes/classic.gif) no-repeat;}
#middle_full li.mn_classic a:hover, 
#middle_full li.mn_classic a:active {background-position: 0 -45px;}

#middle_full li.mn_premium a:link, 
#middle_full li.mn_premium a:visited {background: url(../assets/nav/cakes/premium.gif) no-repeat;}
#middle_full li.mn_premium a:hover, 
#middle_full li.mn_premium a:active {background-position: 0 -45px;}

#middle_full li.mn_seasonal a:link, 
#middle_full li.mn_seasonal a:visited {background: url(../assets/nav/cakes/seasonal.gif) no-repeat;}
#middle_full li.mn_seasonal a:hover, 
#middle_full li.mn_seasonal a:active {background-position: 0 -45px;}


/* MIDDLE_full Layout Styles */

#middle_full h4.choice a {
height:190px; 
width:220px; 
overflow:hidden; 
display:block; 
text-indent:-9999px; 
float:left
}

#middle_full h4.choice.classicchoice a:link,
#middle_full h4.choice.classicchoice a:visited {background:url(../assets/cakes/classic_choice.jpg) no-repeat;}
#middle_full h4.choice.classicchoice a:hover,
#middle_full h4.choice.classicchoice a:active {background-position: 0 -190px;}

#middle_full h4.choice.premiumchoice a:link,
#middle_full h4.choice.premiumchoice a:visited {background:url(../assets/cakes/premium_choice.jpg) no-repeat;}
#middle_full h4.choice.premiumchoice a:hover,
#middle_full h4.choice.premiumchoice a:active {background-position: 0 -190px;}

#middle_full h4.choice.seasonalchoice a:link,
#middle_full h4.choice.seasonalchoice a:visited {background:url(../assets/cakes/seasonal_choice.jpg) no-repeat;}
#middle_full h4.choice.seasonalchoice a:hover,
#middle_full h4.choice.seasonalchoice a:active {background-position: 0 -190px;}



#middle_full div.indcake {
float:left;
margin: 5px 0 20px 0;
}


#middle_full img {float:left; margin:10px 0 0 0; padding:0; border:none;}
#middle_full img.lb {float:left; margin-right:10px;}
#middle_full img.fr {float:right; margin-left:10px;}

#middle_full img.gallery {
	background:#fff;
	padding:3px;
	margin:0 6px 6px 0;
	}
	
#middle_full a:link img.gallery, #middle_full a:visited img.gallery {border:1px solid #82909a;}	
#middle_full a:hover img.gallery, #middle_full a:active img.gallery  {background:#82909a; border:1px solid #fff;}

#middle_full p.desc {
float:left; 
margin:0 0 0 15px; 
width:500px;
line-height:1.5em;
}

#middle_full p.wide {
float:left; 
width:auto;
line-height:1.7em;
margin:0; 
}

#middle_full h6 {
float:left;
margin:5px 0 0 10px;
padding:0;
text-indent:-9999px;
width:326px;
height:28px;
}

#middle_full h6.vanilla {background: url(../assets/titles/cakes/vanilla.gif) no-repeat;}
#middle_full h6.decchoc {background: url(../assets/titles/cakes/decadent-chocolate.gif) no-repeat;}
#middle_full h6.snowflake {background: url(../assets/titles/cakes/snowflake.gif) no-repeat;}
#middle_full h6.raspberry {background: url(../assets/titles/cakes/raspberry.gif) no-repeat;}
#middle_full h6.carrot {background: url(../assets/titles/cakes/carrot.gif) no-repeat;}
#middle_full h6.caramel_apple {background: url(../assets/titles/cakes/caramel_apple.gif) no-repeat;}
#middle_full h6.champagne {background: url(../assets/titles/cakes/champagne.gif) no-repeat;}
#middle_full h6.moment {background: url(../assets/titles/cakes/moment.gif) no-repeat;}
#middle_full h6.wintercup {background: url(../assets/titles/winter-cupcakes.gif) no-repeat; height:32px;}
#middle_full h6.winterbrownies {background: url(../assets/titles/winter-brownies.gif) no-repeat; height:32px;}
#middle_full h6.winterpops {background: url(../assets/titles/winter-cakepops.gif) no-repeat; height:38px;}
#middle_full h6.winterpopsad {background: url(../assets/titles/winter-cakepops-ad.gif) no-repeat; height:38px;}
#middle_full h6.meringues {background: url(../assets/titles/winter-meringues.gif) no-repeat; height:32px;}
#middle_full h6.littlebox {background: url(../assets/titles/littlebox.gif) no-repeat; height:41px;}

/* commissions titles Layout Styles */
#middle_full h6.redvelvet {background: url(../assets/titles/cakes/comms/red_velvet_wedding.gif) no-repeat; margin-left:0;}
#middle_full h6.giant {background: url(../assets/titles/cakes/comms/giant_cupcake.gif) no-repeat; margin-left:0;}
#middle_full h6.corporate {background: url(../assets/titles/cakes/comms/corporate.gif) no-repeat; margin-left:0;}
#middle_full h6.premiere {background: url(../assets/titles/cakes/comms/film-premiere-red.gif) no-repeat; margin-left:0; width:416px;}
#middle_full h6.festival {background: url(../assets/titles/cakes/comms/film-festival-red.gif) no-repeat; margin-left:0; width:416px; }
#middle_full h6.kir {background: url(../assets/titles/cakes/comms/kir-red.gif) no-repeat; margin-left:0; width:416px; }

/* CAKE Layout Styles */
#cake h3 {
float:left;
margin:0;
padding:0;
text-indent:-9999px;
width:335px;
height:59px;
}

#cake h3.cakemoment {background:url(../assets/home/cake-of-the-moment.gif) no-repeat;}
#cake h3.comingsoon {background:url(../assets/titles/coming-soon.gif) no-repeat; height:61px; margin-bottom:5px;}
#cake h3.weddinghome {background: url(../assets/titles/wedding-collection-home.gif) no-repeat; width:449px; height:75px; margin-top:15px;}
#cake h3.cakenews {background:url(../assets/home/cupcake-news.gif) no-repeat;}
#cake h3.taster {background: url(../assets/titles/taster.gif) no-repeat;}
#cake h3.xmas {background: url(../assets/home/winter-collection.gif) no-repeat; margin:5px 0 0 0;}
#middle_full h3.xmas {background: url(../assets/home/winter2010.gif) no-repeat; margin:50px 0 0 0; height:59px}
#cake h3.lovecake {background: url(../assets/home/lovecake.gif) no-repeat; margin:5px 0 0 0;}

#cake h5.ggwf {
text-indent:-9999px;
background: url(../assets/home/fabulous.gif) no-repeat;
width:273px;
height:181px;
float:left;
margin:5px 0 0 0;
padding:0;
}

#cake h5.ggwf a {
width:273px;
height:181px;
display:block;
overflow:hidden;
border:none;
}

#cake h4 {
font-size:1.1em;
font-style:italic;
color:#b20838;
margin:0;
padding:0 0 0 5px;
}

#cake p {
margin:0;
padding:0 0 0 5px;
float:left;
}

#cake em {color:#000; font-weight:normal;}

#cake img {float:left; border:none; margin:0; padding:0;}

#cake div.gold_frame {
width:230px;
height:250px;
float:left;
}

#cake div.gold_frame.right {
float:right;
}

#cake div.sqgold_frame {
width:127px;
height:140px;
float:left;
}

#cake div.ltgold_frame {
width:105px;
height:140px;
float:left;
}

#cake div.pewter_frame {
width:180px;
height:140px;
float:left;
}

#cake div.ltsilver_frame {
width:96px;
height:140px;
float:left;
}
	
/* FOOTER Layout Styles */

#footer ul {
display:inline;
float:left;
margin:50px 0 0 0;
padding:5px 0; 
width:770px;
}

#footer ul li {
text-align:left;
font-size:0.9em;
float:left;
list-style-type:none;
padding:0 10px;
border-right:2px solid;
line-height:2;
background: url(../assets/generic/bnav_bg.png) repeat;
}

#footer ul li a:link, #footer ul li a:visited {color:#000} 
#footer ul li a:hover, #footer ul li a:active {color:#666} 

#footer ul li.first {padding-left:0;}
#footer ul li.last, #footer ul li.noborder {border:none;}

body#bghome a#bnavhome,
body#bgtaster a#bnavtaster,
body#bgcakes a#bnavcakes,
body#bgwinter a#bnavwinter,
body#bgwedding a#bnavwedding,
body#bgcomms a#bnavcomms,
body#bgspecial a#bnavspecial,
body#bgorder a#bnavorder,
body#bgfaq a#bnavfaq,
body#bghello a#bnavhello
{color:#e44b7e; text-decoration:none;}

#credits {
float:right;
clear:right;
width:145px;
margin:-30px 10px 0 0;
}

#credits p {
font-size:0.9em;
font-weight:bold;
padding:0;
margin:0;
}

#accreditations {
margin:30px 200px 0 20px;
padding:0;
width:230px;
float:right;
}

#accreditations p {
float:left;
font-size:0.9em;
font-style:italic;
}

#accreditations ol {
display:inline;
margin:0;
padding:0; 
width:100%;
}

#accreditations ol li {
float:right;
list-style-type:none;
padding:0;
margin:0 5px 0 0;
}

#accreditations ol li a {height:47px; width:48px; overflow:hidden; display:block; text-indent:-9999px;}

#accreditations li.twenty a:link, 
#accreditations li.twenty a:visited {background: url(../assets/generic/twentynine.gif) no-repeat;}
#accreditations li.twenty a:hover, 
#accreditations li.twenty a:active {background-position: 0 -47px;}

#accreditations li.hotel a:link, 
#accreditations li.hotel a:visited {background: url(../assets/generic/hotel-du-vin.gif) no-repeat;}
#accreditations li.hotel a:hover, 
#accreditations li.hotel a:active {background-position: 0 -47px;}

/* FORM Layout Styles */

form#cakeform {
padding:10px; 
font-size:1em; 
width: 90%;
}

form#cakeform p {
font-size:1em; 
color:#000; 
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#cakeform .fl {float:left;}

form#cakeform fieldset#hidden {
display:none;
}

form#cakeform fieldset#feedback p {padding:4px; margin:0;}

form#cakeform fieldset {
display:block; 
border:1px dotted #000; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em; 
font-size:1em; 
}

form#cakeform fieldset:hover {
border:1px dotted #b20838;
background:url(../assets/generic/formbg.gif);
}

form#cakeform legend {
font-size:0.9em; 
font-weight:bold; 
border:1px solid #000; 
margin-bottom:15px; 
padding:6px; 
background:#b20838; 
color:#FFF;
}

* html form#cakeform legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#cakeform label {
clear:left; 
display:block; 
float:left; 
width:200px; 
text-align:left; 
padding-right:10px; 
color:#000; 
margin-bottom:0.5em;}

form#cakeform input {
border:1px solid #000; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#ede5d4;
color: #000;
float:left;
}

fieldset#interest input {
width: 20px;
padding-top: 0.5em; 
}

form#cakeform input:hover { background:#fff; border:1px solid #b20838; color:#000;}
form#cakeform input:focus {background:#fff; border:1px solid #b20838; color:#000;}

form#cakeform select {margin:0 0 1em 0.5em;}

form#cakeform textarea {
width:410px; 
height:10em; 
border:1px solid #000; 
padding:0.5em; 
overflow:auto;
background:#ede5d4;
color:#000;
float:left;
}

form#cakeform textarea:hover { background:#ede5d4; border:1px solid #000; color:#000;}
form#cakeform textarea:focus {background:#ede5d4; border:1px solid #b20838; color:#000;}


form#cakeform #button1, form#cakeform #button2 {
color:#000; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background:#b20838; 
border:1px solid; 
border-color:#999 #999 #333 #333;
}

form#cakeform #button1:hover, form#cakeform #button2:hover {
color:#fff; 
background:#000; 
border:1px solid; 
border-color:#666 #666 #999 #999; }

h4.tk-wedding {font-family: "jbt-annabelle-1","jbt-annabelle-2",sans-serif; font-size:26px; font-weight:normal;}
p.tk-wedding {font-size:24px;}