@charset "utf-8";


html {
    font-family: "Georgia";
    overflow-x: scroll;
    overflow-y: scroll;}

H1 {
    display:inline;
    font-size: 10px;
    font-weight: 100;
}

H2 {
    display:inline;
    color: #823c16;
    font-size: 10px;
    font-weight: 100;
}

H3 {
    display:inline;
    font-size: 10px;
    font-weight: 100;
}

H4 {
    display:inline;
    font-size: 10px;
    font-weight: 100;
}


strong {
    display:inline;
    font-size: 10px;
    font-weight: 100;

}

body {
	margin: 3px 3px 0;
	padding: 0;
	line-height: 1.3;
	font: 12px "Georgia";
	font-weight: normal;
	background: #fff;
	color: #823c16;
	text-align: left;
}

a, a:link, a:visited {
	color: #823c16;
	text-decoration: none;
}

#UpperText1 {
        position: absolute;
        left: 245px;
        top: 470px;
	border: 0px;

}

#UpperText2 {
        font: 10px Arial;
	text-align: center;
        position: absolute;
        left: 10px;
        top: 103px;
        width: 200px;

}


#hat {

        position: absolute;
        left: 1140px;
        top: 3px;
        z-index: -1;

}


#hand {

        position: absolute;
        left: 1140px;
        top: 20px;

}



#UpperText3 {
	font: 10px Georgia;
        font-size: 10px;
	text-align: left;
        position: absolute;
        left: 60px;
        top: 20px;
        width: 360px;
	border: 1px solid #d3d3d3;

}

#UpperText4 {
        font: 10px Georgia;
	text-align: center;
        position: absolute;
        left: 400px;
        top: 460px;
        width: 300px;
	border: 1px solid #d3d3d3;

}

#UpperText5 {
        font: 10px Arial;
	text-align: center;
        position: absolute;
        left: 1125px;
        top: 127px;
        width: 120px;
	border: 1px solid #d3d3d3;

}

#LEFTNAV {
        font: 12px Arial;
	text-align: left;
        position: absolute;
        left: 30px;
        top: 126px;
        width: 120px;

}

#UpperText6 {
        font: 10px Arial;
        position: absolute;
        left: 780px;
        top: 480px;
        z-index: 1;
        width: 160px;
	border: 1px solid #d3d3d3;
}

div#here {
    font-size: 18px;
    position: absolute;
    left: 350px;
    top: 164px;
}

div#cookie-tower {
    position: absolute;
    left: 490px;
    top:  262px;
}

#newgalleryfooter {
	color: #823c16;
        position: absolute;
	left: 270px;
        top: 470px;
}

#topnavleft {
        font: Georgia;
	color: #823c16;
        position: absolute;
	left: 210px;
        top: 110px;
}

#topnavright {
        display:inline;
        white-space: nowrap;
        font: Georgia;
	color: #823c16;
        position: absolute;
	left: 645px;
        top: 110px;
}



#bottomnavleft {
        font: Georgia;
	color: #823c16;
        position: absolute;
	left: 20px;
        top: 470px;
}

#bottomnavright {
        font: Georgia;
	color: #823c16;
        position: absolute;
        text-align: center;
        width: 300px;
	left: 400px;
        top: 410px;
}

#content {
    margin: 0px auto;
    width: 777px;
    height: 100%;
    text-align: center;
    padding: 0px;
    border: 0px;
    z-index: 2}


div#title1 {
    color: #823c16;
    font-size: 30px;
    position: absolute;
    left: 320px;
    top: -23px;
}

div#gallerytitle1 {
    text-align: center;
    color: #823c16;
    font-size: 12px;
    position: absolute;
    left: 400px;
    top: 150px;
}

div#contacttitle1 {
    white-space:nowrap;
    color: #823c16;
    font-size: 30px;
    position: absolute;
    left: 270px;
    top: 10px;
}

div#faqtitle1 {
    color: #823c16;
    font-size: 30px;
    position: absolute;
    left: 430px;
    top: 20px;
}

div#abouttitle1 {
    white-space:nowrap;
    color: #823c16;
    font-size: 30px;
    position: absolute;
    left: 270px;
    top: 25px;
}

div#tsandcstitle1 {
    color: #823c16;
    font-size: 30px;
    position: absolute;
    left: 270px;
    top: 20px;
} 

{
    color: #823c16;
    font-size: 30px;
    position: absolute;
    left: 270px;
    top: 20px;
}

div#text1 {
    font-size: 16px;
    position: absolute;
    width: 900px;
    left: 200px;
    top: 50px;
}

div#question1 {
    color: #823c16;
    font-size: 11px;
    position: absolute;
    height: auto;
    width: 500px;
    text-align: left;
    left: 520px;
    top: 130px;
}

div#question2 {
    white-space:nowrap;
    color: #823c16;
    font-size: 11px;
    position: absolute;
    height: auto;
    width: 305px;
    text-align: left;
    left: 20px;
    top: 550px;
}

div#indextext1 {
    font-size: 16px;
    position: absolute;
    width: 900px;
    left: 200px;
    top: 50px;
}


div#contacttext1 {
    font-size: 16px;
    position: absolute;
    width: 900px;
    left: 200px;
    top: -90px;
}

div#delivery-text1 {
    text-align: left;
    font-size: 10px;
    width: 650px;
    position: absolute;
    left: 535px;
    top: 130px;
}


div#text2 {
    font-size: 20px;
    position: absolute;
    left: 10px;
    top: 540px;
}

div#text3 {
    font-size: 18px;
    position: absolute;
    left: 100px;
    top: 464px;
}

div#text4 {
    font-size: 18px;
    position: absolute;
    left: 780px;
    top: 464px;
}

div#flickr {
    position: absolute;
    left: 134px;
    top: 125px;
    z-index: 5;
}

div#left-main-picture {
    position: absolute;
    left: 13px;
    top:  125px;
    z-index: -1;
}


div#right-main-picture {
    position: absolute;
    left: 690px;
    top:  125px;
    z-index: -1;
}


div#contact-us-text1 {
    text-align: left;
    width: 700px;
    font-size: 12px;
    position: absolute;
    left: 510px;
    top: 130px;
}



div#first-gallery-picture {
    background: #fff url(./buy-cake/images/shadow_back.gif) no-repeat;
    display:inline;
    position: absolute;
    border: 1px solid #d3d3d3; 
    left: 3px;        
    top: 135px;

}

div#GalleryCaption {
    font-size: 14px;
    position: absolute;
    left: 50px;
    top: 470px;
}

#gallerynav {
        font: Georgia;
        display:inline;	
        color: #489cfc;
	font-size: 14px;
	display: inline;
        text-align: left;
        position: absolute;
        left: 10px;
        top: 95px;
}

div#contactpreviousImage {
    position: absolute; 
    height: auto;       
    width: auto;    
    left: 20px;
    top: 540px;
}

div#contactnextImage {
    position: absolute; 
    height: auto;       
    width: auto;
    left: 470px;
    top: 540px;
}


div#previousImage {
    position: absolute; 
    height: auto;       
    width: auto;    
    left: 10px;
    top: 465px;
}


div#nextImage {
    position: absolute; 
    height: auto;       
    width: auto;
    left: 470px;
    top: 465px;
}

div#cartImage {
    position: absolute; 
    height: auto;       
    width: auto;
    left: 210px;
    top: 425px;
}

div#contactpreviousImage {
    position: absolute; 
    height: auto;       
    width: auto;    
    left: 170px;
    top: 300px;
}


div#contactnextImage {
    position: absolute; 
    height: auto;       
    width: auto;
    left: 300px;
    top: 300px;
}

div.previous a {
    font-color: #black;
    font-size: 12px;
    position: absolute;
    height: auto;
    width: 600px;
    left: 525px;
    top: 470px;
}


div.next a {
    color: #black;
    font-size: 12px;
    position: absolute;
    height: auto;
    width: 600px;
    left: 940px;
    top: 470px;
}

div.gallerylink-1 a {
    font-size: 16px;
    position: absolute;
    left: 500px;
    top: 140px;
}

div.gallerylink-2 a {
    font-size: 16px;
    position: absolute;
    left: 660px;
    top: 140px;
}


div.gallerylink-3 a {
    font-size: 16px;
    position: absolute;
    left: 820px;
    top: 140px;
}

div.gallerylink-4 a {
    font-size: 16px;
    position: absolute;
    left: 500px;
    top: 250px;
}

div.gallerylink-5 a {
    font-size: 16px;
    position: absolute;
    left: 660px;
    top: 250px;
}


div.gallerylink-6 a {
    font-size: 16px;
    position: absolute;
    left: 820px;
    top: 250px;
}

div.gallerylink-7 a {
    font-size: 16px;
    position: absolute;
    left: 500px;
    top: 360px;
}


div.gallerylink-8 a {
    font-size: 16px;
    position: absolute;
    left: 660px;
    top: 360px;
}

div.gallerylink-9 a {
    font-size: 16px;
    position: absolute;
    left: 820px;
    top: 360px;
}

div.gallerylink-10 a {
    font-size: 16px;
    position: absolute;
    left: 980px;
    top: 140px;
}

div.gallerylink-11 a {
    font-size: 16px;
    position: absolute;
    left: 980px;
    top: 250px;
}

div.gallerylink-12 a {
    font-size: 16px;
    position: absolute;
    left: 980px;
    top: 360px;
}


div.link-1 a {
    font-size: 16px;
    position: absolute;
    left: 483px;
    top: 135px;

}

div.link-2 a {
    font-size: 16px;
    position: absolute;
    left: 643px;
    top: 135px;
}


div.link-3 a {
    font-size: 16px;
    position: absolute;
    left: 803px;
    top: 135px;
}

div.link-4 a {
    font-size: 16px;
    position: absolute;
    left: 400px;
    top: 190px;
    z-index: 5;
}

div.link-5 a {
    font-size: 16px;
    position: absolute;
    left: 643px;
    top: 245px;
}


div.link-6 a {
    font-size: 16px;
    position: absolute;
    left: 803px;
    top: 245px;
    z-index: 5;
}

div.link-7 a {
    font-size: 16px;
    position: absolute;
    left: 483px;
    top: 355px;
}


div.link-8 a {
    font-size: 16px;
    position: absolute;
    left: 643px;
    top: 355px;
}

div.link-9 a {
    font-size: 16px;
    position: absolute;
    left: 803px;
    top: 355px;
}

div.link-10 a {
    font-size: 16px;
    position: absolute;
    left: 967px;
    top: 135px;
}

div.link-11 a {
    font-size: 16px;
    position: absolute;
    left: 967px;
    top: 245px;
}

div.link-12 a {
    font-size: 16px;
    position: absolute;
    left: 967px;
    top: 355px;
}

div.link-13 a {
    font-size: 16px;
    position: absolute;
    left: 3px;
    top: 135px;
}

div.link-14 a {
    font-size: 16px;
    position: absolute;
    left: 3px;
    top: 245px;
}


div.link-15 a {
    font-size: 16px;
    position: absolute;
    left: 3px;
    top: 355px;
}

div.link-16 a {
    font-size: 16px;
    position: absolute;
    left: 163px;
    top: 135px;
}

div.link-17 a {
    font-size: 16px;
    position: absolute;
    left: 163px;
    top: 245px;
}


div.link-18 a {
    font-size: 16px;
    position: absolute;
    left: 163px;
    top: 355px;
}

div.link-19 a {
    font-size: 16px;
    position: absolute;
    left: 323px;
    top: 135px;
    z-index: 4;
}

div.link-20 a {
    font-size: 16px;
    position: absolute;
    left: 323px;
    top: 245px;
}

div.link-21 a {
    font-size: 16px;
    position: absolute;
    left: 323px;
    top: 355px;
}

div.link-22 a {
    position: absolute;
    left: 900px;
    top: 470px;
}

#intro-blurb {
        text-align: center;
        font-size: 12px;
        font-weight: 100;
        position: absolute;
	left:390px;
        top: 125px;
	height: 373px;
        width: 400px;
}

#secondfooter {
	margin-left: 40px;
	font-size: 10px;
	list-style: none;	
	color: #823c16;
        width: 1000px;
	position: absolute;
        left: 90px;
        top: 515px;
}

#aboutsubfooter {
	font: 10px Georgia;
        text-align: center;
	position: absolute;
        left: 10px;
        top: 485px;	
        color: #ff0099;
}

#cupcakessubfooter {
	font: 10px Georgia;
        width: 400px;
        text-align: center;
	position: absolute;
        left: 680px;
        top: 20px;	
        color: #823c16;
	border: 1px solid #d3d3d3;
}


#contactsecondfooter {
	margin-left: 40px;
	font-size: 10px;
	list-style: none;	
	color: #823c16;
        width: 900px;
	position: absolute;
        left: 100px;
        top: 520px;
}

.current {
    color: #823c16;
}
a:hover {
	color: #ff0099;/*border-bottom: 1px dotted #333;*/
}
img {
	border: 0;
}
p {
	text-align: left;
	line-height: 1.4;
	font-size: 11px;
}
.clear {
	clear: both;
}
.highlight {
	color: #ff0099;
}
#logo {
        position: absolute;
        left: 520px;
        top: 10px;
	z-index: 3;
}


#search {
	color: #823c16;
	font-size: 17px;
	display: inline;
        position: absolute;
        left: 300px;
        top: 462px;
}





/* Everything that needs centered */
#nav, #wrapper, #quicklinks, #footer, #basket, #common, #intro {
	width: 993px;
	margin: 0 auto;
	clear: both;
}
/**/
#nav {
        display:inline;	
        color: #489cfc;
	font-size: 14px;
	display: inline;
        text-align: left;
        position: absolute;
        left: 300px;
        top: 95px;
}

#nav ul {
	text-transform: uppercase;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 2.6;
        margin-left: 0px;
        text-align: center;
        width: 1100px;
}
#nav ul li {
	display: inline;
	margin: 0 0 0 20px;
	padding: 0;
    
}
form {
    margin: 0;
    padding: 0;
}
#nav ul#user {
	color: #823c16;
	float: right;
	font-size: 11px;
        width: 0px;
        text-align: right;
}
#nav ul#user li {
	color: #823c16;
}
#nav a, #nav a:link, #nav a:visited {
	color: #823c16;
	text-decoration: none;
}
#nav a:hover {
	color: #ff0099;
}
#quicklinks {
	margin-top: 0px;
}
#quicklinks img {
	margin-right: 5px;
}
#quicklinks img.last {
	margin-right: 0;
}


#aboutusintro {
        font-weight: 100;
        position: absolute;
	left: 13px;
        top: 124px;
        width: 1200px;
        background: url('../images/background.jpg') no-repeat;
	height: 373px;
	border: 1px solid #cccccc;
}

#tandcsintro {
        font-weight: 100;
	font-size: 12px;
        position: absolute;
	left: 550px;
        top: 124px;
        width: 600px;
        background: url('../images/background.jpg') no-repeat;
	height: 575px;
	border: 1px solid #cccccc;
}

#flickrintro {
        font-weight: 100;
        position: absolute;
	left: 13px;
        top: 124px;
        background: url('../images/background.jpg') no-repeat;
	height: 573px;
        z-index: 1;
}


#footer {
	position: absolute;	
        color: #823c16;
	font-size: 14px;
        left: 200px;
        top: 500px;
}

#aboutfooter {
	position: absolute;	
        color: #823c16;
        width: 800px;
	font-size: 14px;
        left: 200px;
        top: 500px;
}




#flickrfooter {
	position: absolute;
        left: 210px;
        top: 610px;	
        color: #823c16;
	font-size: 14px;
}

#lowerfooter {
	position: absolute;
        left: 200px;
        top: 510px;	
        color: #823c16;
	font-size: 14px;
}

#contactfooter {
	position: absolute;
	padding: 20;
        left: 350px;
        top: 510px;	
        color: #823c16;
	font-size: 12px;
        text-decoration: none;
}

#tandcsfooter {
	position: absolute;
	padding: 20;
        width: 800px;
        left: 50px;
        top: 400px;	
        color: #823c16;
	font-size: 12px;
        text-decoration: none;
}


#footer a, #footer a:link, #footer a:visited {
	color: #d6d6d6;
	text-decoration: none;
}
#footer #sublinks a, #footer #sublinks a:link, #footer #sublinks a:visited {
	color: #823c16;
}
#footer a:hover, #footer #sublinks a:hover {
	color: #ff0099;
}
#footer ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
        width: 100%;
    
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer #sublinks {
	display: inline;
	text-transform: uppercase;

}
#footer #sublinks li {
	margin-left: 0px;
	color: #823c16;
	margin-right: 0px;
	margin: 0 0 0 28px;
}
/*
 *	Images w/ drop shadow
 */
.dropShadow {
	background: #fff url(../images/shadow_r.gif) top right no-repeat;
	padding: 0px 8px 0 0;
	float: left;
	position: relative;
       display:inline;
}
.wrap {
	background: #fff;
	border: 1px solid #d3d3d3;
	padding: 3px;
}
.image {
	padding-bottom: 8px;
	background: #fff url(../images/shadow_b.gif) bottom left no-repeat;
}
.br {
	background: #fff url(../images/shadow_br.gif) no-repeat top;
	position: absolute;
	width: 8px;
	padding-bottom: 1px;
	height: 10px;
	bottom: 0px;
	right: 1px;
	z-index: 2;
}
/*
 *	Page Specifics
 */
#intro {
        
        position: absolute;
	left: 0px;
        top: 127px;
        background: url('../images/background.jpg') no-repeat;
	height: 343px;
	border: 1px solid #cccccc;
}

#galleryintro {
        font-weight: 100;
        position: absolute;
	left: 1px;
        top: 127px;
        background: url('../images/background.jpg') no-repeat;
	height: 333px;
	width: 1120px;
	border: 1px solid #cccccc;
}


#intro p {
        position: absolute;
	left: 350px;
        top: 20px;
	margin: 5px 0px 0 0;
	padding: 0;
	line-height: 1.7;
	font-size: 14px;
	text-align: center;
	float: left;
	width: 200px
        z-index: 1;
}
#intro p span {
        z-index: 1;
	color: #ff0099;
	font-size: 11px;
	font-weight: bold;
}
#common {
	background: url('../images/background.gif') top right no-repeat;
	border: 1px solid #cccccc;
}
.common {
	height: 530px;
}
#common #content {
	margin: 5px 10px 0 0;
	width: 305px;
	float: left;
	text-align: left;
        display: inline;
}
#common #content {
	margin: 0;
	padding: 0 0 5px 0
	line-height: 1;
	font-size: 28px;
	text-align: left;
	font-weight: normal;
	font-family: Georgia, Verdana, sans-serif;
}
#common #content p {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-size: 10px;
	text-align: right;
	float: right;
	text-align: left;
	display: inline;
}
#common p span {
	color: #ff0099;
	font-size: 11px;
	font-weight: bold;
}
#common .dropShadow {
	margin-top: 82px;
	margin-left: 5px;
}
#common ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#common ul li {
	text-align: left;
}
#common ul#account {
	margin-top: 20px;
	line-height: 2.4;
}


div.enquiry-form  {
    font-size: 12px;
    position: absolute;
    left: 630px;
    top: 130px;

}


div#email-address {

    white-space: nowrap;
    font-size: 12px;
    position: absolute;
    left: 0px;
    top: 57px;

}

div#submit-button {

    white-space: nowrap;
    position: absolute;
    left: 130px;
    top: 330px;

}

div#links {
    white-space:nowrap;
    color: #823c16;
    font-size: 13px;
    position: absolute;
    height: auto;
    width: auto;
    text-align: left;
    left: 20px;
    top: 100px;
}

div#contactaddress {
    color: #823c16;
    font-size: 12px;
    position: absolute;
    height: auto;
    width: 200px;
    text-align: left;
    left: 900px;
    top: 150px;
}

div#RecipeBox {
    color: #823c16;
    font-size: 12px;
    position: absolute;
    height: auto;
    width: 505px;
    text-align: center;
    left: 200px;
    top: 45px;
    border: 1px solid #cccccc;
}