@charset "utf-8";
/* CSS Document */

body{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:12px; margin:0; padding:0; color:#562A0D}
a img{border:none}

input{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}

.clear{clear:both; font-size:0; line-height:0; float:none !important}


ul{list-style:none; margin:0; padding:0}

.mainframe{width:990px; margin:0 auto; border:solid 1px #998771}

.title{text-align:center; background:#FFF; height:83px; padding-top:32px}
	.title .cart{position:absolute; top:0; margin:10px 0 0 900px; *margin:10px 0 0 210px}

.dot{background:url(../images/dot.gif); height:2px; font-size:0; line-height:0}

.mainmenu{height:45px; background:#DDFFF8; text-align:center; padding-left:20px; vertical-align:middle; padding-top:20px}
	.mainmenu a{margin-right:4px}

.footer{background:#DDFFF8; height:40px; text-align:center; border-top:solid 1px #998771}

.step{background:#ffffff}
	.step .large{float:left}
	.step .content{float:right; width:300px; padding:40px; padding-bottom:0}

.step0{}
	.step0 img{margin:-32px 0 -28px 0}

.step1{height:342px; *height:339px; margin-top:55px }
.step1content{margin-left:0; padding-right:25px !important}
	.step1content .select{margin-top:15px}
		.step1content .select .selector{float:left}

.step2{padding-top:60px; height:332px; *height:290px; width:350px}
	.step2 h2{font-size:13px; margin:0; font-style:italic}
	.step2 p{margin-top:0}
	.step2 img{margin-bottom:10px}
	
.step2content{margin-left:0; padding-right:25px !important}
	.step2content .select{margin-top:12px; float:left}
		.step2content .selector{margin-left:30px}

.step3{height:259px; *height:262px}

.step3content{margin-left:0; padding-right:25px !important}
	.step3content .select{}
		.step3content .selector, .step3content .textbox{margin-right:10px}
			.step3content .selector ul{*margin-left:-160px !important}
	.step3content p{font-style:italic; margin-top:20px; margin-bottom:10px}
	.step3content .thumb{margin-top:85px *margin-top:15px !important}
	.step3content .textbox input{*margin-left:0 !important}

.decoration{ margin-top:20px !important; margin-left:4px !important}
	.decoration img{margin-left:8px !important}

.design{padding-top:55px!important}
	.design .thumb{margin-left:6px; margin-top:30px}

.step4{margin-top:96px; *margin-top:41px; padding-bottom:6px; *padding-bottom:10px}
	.step4content .selector ul{*margin-left:-250px !important}
.step4content{margin-bottom:8px; padding-right:25px !important}
	.step4content span{margin:5px 0}

.step4_l{float:left; background:url(../images/about_dotted_line.gif) no-repeat right; padding-top:20px; padding-left:14px; font-style:italic; padding-right:50px; *padding-right:40px}
	.step4_l dt{margin-left:30px; *margin-top:10px}
	.step4_l dl{float:left; line-height:25px; font-size:14px; margin-right:50px; margin-left:10px}
	.step4_l div{text-transform:uppercase; font-weight:bold; font-style:normal}
		.step4_l a{position:absolute; margin-top:360px; margin-left:-465px; *margin-left:-465px; text-transform:uppercase; font-weight:bold; text-decoration:none; color:#562A0D}
			.step4_l a:hover{color:#548F8E}

.order{}
	.order .select{height:30px; margin-bottom:20px}
		.order .select ul{*margin-left:-250px}
		.order .selector4 ul{*margin-left:-125px}
	.order .control{margin-top:66px}

.order2{background:#CADBD3}
	.order2left{with:400px; float:left; font-size:14px}
		.order2left .select{height:30px}
		.order2left .textbox3{float:right !important}
		.order2left .textbox2{display:inline-block; float:left; margin:0 5px}
		.order2left span{float:left}
		.order2left p{line-height:20px}
		.order2leftbottom{padding:10px 0 0 10px}
	.order2right{float:left; margin-left:50px; width:550px; line-height:15px}
#		.order2right .textbox{border:none; border-bottom:solid 1px #755435; background:none; line-height:18px !important; height:18px; text-align:left}
#		.order2right textarea{border:solid 1px #755435; width:500px; background:#CADBD3; height:150px}
#		.order2right p{line-height:20px}
#		.order2right font{font-size:10px}
#		.order2right .control{text-align:right; height:40px}
	
.select{}
	.select font{float:left; line-height:25px; font-size:15px}
	.select div{float:right; margin-left:5px}

.select2{clear:both}
	.select2 font{display:block; width:100%; margin:10px 0}
	.select2 div{float:left}

.select3{}
	.select3 font{line-height:17px}

.selector{font-size:11px}
	.selector span{background:url(../images/drop_down.gif) no-repeat; width:185px; height:27px; display:inline-block; cursor:pointer; line-height:24px; text-align:center; text-transform:uppercase; color:#4C3621}
	.selector ul{text-transform:uppercase; color:#4C3621; background:#E3ECE9; border:solid 2px #B2C9C3; position:absolute; width:180px; padding:5px; line-height:20px; display:none; margin-top:0px; *margin:25px 0 0 -186px}
		.selector ul a{display:block; color:#4C3621; text-decoration:none; padding-left:5px}
			.selector ul a:hover{background:#B2C9C3}

.selector2{}
	.selector2 span{background:url(../images/drop_down2.gif) no-repeat; width:160px}
	.selector2 ul{*margin:25px 0 0 -130px; width:150px}
	
.selector3{}
	.selector3 span{background:url(../images/drop_down3.gif) no-repeat; width:245px}
	.selector3 ul{width:245px; *margin:25px 0 0 -340px}

.selector4{float:left !important; margin-left:25px !important}
	.selector4 span{background:url(../images/drop_down4.gif) no-repeat; width:120px}
	.selector4 ul{width:120px; *margin:25px 0 0 -340px}

.textbox{background:url(../images/textbox.gif) no-repeat; width:240px; height:25px; text-align:center; padding-top:2px}
	.textbox input{width: 200px; border: 1px solid #b6ccc7; background:#E0EBE6; color:#562A0D; text-align:left; *margin-left:-20%}

.textbox2{width:46px; background:url(../images/textbox2.gif) no-repeat}
	.textbox input{width:75%}

.textbox3{float:left !important; margin-left:25px !important}

.textbox4{float:left !important; margin-left:39px !important}

.textbox5{background:url(../images/textbox3.gif) no-repeat; width:240px}

.thumb{margin-top:40px; *margin-top:-2px; clear:both; margin-left:-10px}
	.thumb img{cursor:pointer; margin:5px 0 5px 8px}
	
.control{margin-top:7px; margin-left:-5px}
.control0{text-align:right}

.about{background:#ffffff; padding:57px 30px 10px 30px}
	.about div{float:left; }
	.about .left{width:325px; height:500px; line-height:18px; background:url(../images/about_dotted_line.gif) no-repeat right; margin-right:25px}
		.about .left img{margin-bottom:10px}
	.about .center{width:515px; height: 550px; padding-right:40px; font-size:14px}
	.about .right{padding-left:35px; background:url(../images/about_dotted_line.gif) no-repeat left; height:440px}
		.about .right img{margin-bottom:10px}

.faq{width:440px !important}
	.faq ul{margin-left:7px; font-size:14px; font-style:italic}
	.faq li{margin-bottom:15px}
	.faq a{color:#562A0D; text-decoration:none; font-size:14px; font-style:italic}
		.faq a:hover{color:#548F8E}
	.faq div a{font-style:normal; font-size:14px; font-weight:bold}
		
.flavors{width:460px !important; padding-right:0 !important; margin-top:-10px; font-size:14px}
	.flavors dl{float:left; margin-right:10px; height:360px; font-style:italic; line-height:23px}
	.flavors dt{margin-bottom:-10px}
	.flavors dd{margin:0; padding-left:3px}
	.flavors_l{background:url(../images/flavors_dotted_line.gif) no-repeat right bottom; padding-right:40px; margin-right:30px !important; margin-left:-20px !important}
	.flavorslink a{position:absolute; margin-top:325px; margin-left:-410px; *margin-left:-400px; text-transform:uppercase; font-weight:bold; text-decoration:none; color:#562A0D; font-size:12px}
	.flavorslink a:hover{color:#548F8E}
	
.ordersooncontent img{margin-top:100px !important}
.gallerysooncontent img{margin-left:-90px; margin-top:100px !important; text-align:center}
.gallerysooncontent a img{margin:0 !important; margin-left:10px !important}
.login2{background-image:url(../images/loginbg.jpg); background-repeat:no-repeat; background-position:center; padding:20px 0 0 0}
.login{background-color:#CADBD3; padding-top:30px;}
	.login2 img{margin-bottom:10px}
	.login2 .select{height:40px}
	.login2 a{color:#562A0D; text-decoration:none; font-size:14px}
	.login2 a:hover{color:#548F8E}
	.login2 .new{width:320px; float:left; padding:40px 0 40px 130px}
	.login2 .create{width:320px; float:left; padding:40px 0 40px 90px}
	.login2 .btnsubmit{float:right}

.thank{background:#CADBD3; text-align:center; padding:100px 0}

.header_row {
  background: #C7EDF6; 
  text-align: center;
  }

.row0 {
  background: #FFFFFF; 
  text-align: center; 
  }
.row1 {
  background: #C7EDF6; 
  text-align: center;
  }   

.result_link {
  background: #FFFFFF; 
  text-align: center;
}

.edit_cake { color:#562A0D; text-decoration:none; font-size:12px }
  a.edit_cake:hover { color:#548F8E; text-decoration: underline; }
  
.admin_menu { color:#562A0D; text-decoration:none; font-size:14px }
  a.admin_menu:hover { color:#548F8E; text-decoration: underline; }  
  
.fieldname {
  color:#562A0D;
  background: #E4EDE8;
  text-align: right;
  vertical-align: top;
  }
.fieldvalue {
  color:#562A0D;
  text-align: left;
  }  
  
.cakeselect {font-size:11px}