/* 
   Butterfly Bakery : MASTER STYLESHEET
   DUSZA Limited, http://www.dusza.co.uk/
   Richard Geddes, August 07

   FOUNDATIONS                                                                                     FOUNDATIONS ::
----------------------------------------------------------------------------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*border: 1px solid #ff0;*/
}
html {
	overflow: auto;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #444;
	background:		#fff url(../images/main-bg.jpg) left top repeat-x;
}
a {
	text-decoration: none;
}
li {
	list-style-type: none;
}
img {
	border :none;
}
div#wrapper {
	display: block;
	text-align: center;
	border:3px solid #999;
}
div#wrap{
	margin: 0 auto;
	text-align: left;
	width: 1050px;
	background: #FFF url('../images/bg.jpg') center top no-repeat scroll;
overflow:hidden;	
}
div#container {
	
}

/*   HEAD                                                                                     HEAD ::
----------------------------------------------------------------------------------------------------------------- */
div#header {
	float: left;
	width: 960px !important;
	width: 980px;
	height: 30px;
	margin: 0 45px !important;
	margin: 0 0 0 38px;
}
div#header p{
	float: left;
	font-size: 1.1em;
	margin: 15px 0 0 20px;
}
div#header p a{
	color: #FFF;
}
div#header p a:hover{
	text-decoration: underline;
}
div#header h1 {
	position: absolute;
	left: -9999px;
}
div#header ul.links {
	float: right;
	margin: 15px 5px 0px 0px;
}
div#header ul.links li {
	display: inline;
	font-size: 1.1em;
}
div#header ul.links a {
	color: #fff;
}
div#header ul.links a:hover {
	text-decoration: underline;
}

/*   NAV+PROMO                                                                                     NAV+PROMO ::
----------------------------------------------------------------------------------------------------------------- */

div#promo {
	float: left;
	width: 960px;
	min-height: 330px !important;
	height: auto !important;
	height: 330px; /* FIX IE */
	margin: 8px 45px 0px 45px;
	background: #FFF url('../images/headerImg.jpg') top left no-repeat;
	position:relative;
}
div#promo h2 a {
	background:			url(../images/order-online.jpg) right bottom no-repeat;
	width:				167px;
	height:				155px;
	position:			absolute;
	left:				343px;
	bottom:				0px;
	display:			block;
	text-indent:		-9999px;
}


a.skip {
	display: none;
}

/*   GENERAL BODY                                                                               GENERAL BODY ::
----------------------------------------------------------------------------------------------------------------- */
	
div.seperator {
	float: left !important;
	margin: 5px 45px 0px 45px;
	width: 960px;
	height: 34px;
	background: url('../images/navRepeat.gif') top left repeat-x;
}
div.seperator ul.links li{
	float: left;
	display: inline;
}
div.seperator ul.links li a{
	text-indent: -9999px;
	float: left;
	height: 34px;
}
div.seperator ul.links li a#navhome{
	float: left;
	width: 64px;
	background: url('../images/navbuttons/home.gif') left top no-repeat;
}
div.seperator ul.links li a#navspecial{
	float: left;
	width: 120px;
	background: url('../images/navbuttons/special.gif') left top no-repeat;
}
div.seperator ul.links li a#navcupcake{
	float: left;
	width: 104px;
	background: url('../images/navbuttons/cupcake.gif') left top no-repeat;
}
div.seperator ul.links li a#navorder{
	float: left;
	width: 92px;
	background: url('../images/navbuttons/order.gif') left top no-repeat;
}
div.seperator ul.links li a#navgallery{
	float: left;
	width: 59px;
	background: url('../images/navbuttons/gallery.gif') left top no-repeat;
}
div.seperator ul.links li a#navpricing{
	float: left;
	width: 71px;
	background: url('../images/navbuttons/pricing.gif') left top no-repeat;
}
div.seperator ul.links li a#navcontact{
	float: left;
	width: 82px;
	background: url('../images/navbuttons/contact.gif') left top no-repeat;
}
div.seperator ul.links li a#navhome:hover,
body#home div.seperator ul.links li a#navhome,
div.seperator ul.links li a#navspecial:hover,
body#special div.seperator ul.links li a#navspecial,
div.seperator ul.links li a#navcupcake:hover,
body#cupcake div.seperator ul.links li a#navcupcake,
div.seperator ul.links li a#navorder:hover,
body#order div.seperator ul.links li a#navorder,
div.seperator ul.links li a#navcontact:hover,
body#contact div.seperator ul.links li a#navcontact,
div.seperator ul.links li a#navgallery:hover,
body#gallery div.seperator ul.links li a#navgallery,
div.seperator ul.links li a#navpricing:hover,
body#pricing div.seperator ul.links li a#navpricing
{
	background-position: 0 -34px;
}

div#body {
	float: left;
	display: inline;
	width: 1050px;
	background: #FFF url('../images/contentRepeat.gif') left top repeat-y;
	margin: 30px 45px 0px 0px !important;
	margin: 30px 45px 0px 45px;
	clear: both;
}
div.col_1{
	margin-left: 45px;
}
div.col_1, div.col_2, div.col_3 {
	float: left;
	padding-bottom: 10px;
	position:relative;
}
div.col_1 h2, div.col_2 h2, div.col_3 h2 {
	position: absolute;
	left: -9999px;
}
div.col_1 h3, div.col_2 h3, div.col_3 h3 {
	margin: 4px 0px 0px;
	color: #d3c490;
}
div.col_1 p, div.col_2 p, div.col_3 p {
	margin: 0px 12px 0px 0px;
	line-height: 1.4em;
	color:#c74b97;
}
div.col_2 p.small {
	float: left;
	display: inline;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0px 0px 5px 16px;
}
div.col_2 ul{
	float: left;
}
div.col_2 ul li{
	float: left;
	clear: left;
	margin-top: 10px;
}
div.col_2 ul li ul li{
	float: left;
	clear: left;
	margin-top: 10px;
}
div.col_1 a.more, div.col_2 a.more, div.col_3 a.more {
	color: #3e3e3e;
	height: 13px;
	font-weight: bold;
	line-height: 1.2em;
	padding-right: 15px;
	background: url('../images/more.gif') right -18px no-repeat;
	float: left;
}
div.col_1 a.clearleft, div.col_2 a.clearleft, div.col_3 a.clearleft{
	clear: left;
}
div.col_1 a.more:hover, div.col_2 a.more:hover, div.col_3 a.more:hover {
	color:#c74b97;
}
div.col_2 a{
	color:#3e3e3e;
}
div.col_1 a:hover, div.col_2 a:hover, div.col_3 a:hover {
	color: #3e3e3e;
	text-decoration: underline;
}
div.col_1 a.inline, div.col_2 a.inline, div.col_3 a.inline {
	margin: 0px;
}
div.col_1 hr, div.col_2 hr, div.col_3 hr {
	display: none;
}
img.main_border {
	float: left;
	margin: 5px 8px 0px 0px;
	border: 2px solid #cf5ba2;
}
img.regular_border {
	float: left;
	margin: 5px 8px 0px 0px;
	border: 2px solid #cf5ba2;
}
img.main_border:hover, img.regular_border:hover {
	border: 2px solid #9b4379;
}


/*   BODY COL 1                                                                             BODY COL 1 ::
----------------------------------------------------------------------------------------------------------------- */

div.col_1 {
	width: 240px;
	background: #FFF;
	display: inline;
}
div.col_1 img#title {
	margin-left: 10px;
}
div.col_1 div.occasion{
	float: left;
	width: 220px;
	margin: 0px 5px 8px 12px !important;
	margin: 0px 5px 8px 6px; /* FIX IE */
}
div.col_1 div.occasion h3 {
	font-family: Georgia;
	float: left;
	width: 100px;
	font-size: 1.2em;
	color: #3e3e3e;
}

/*   BODY COL 2                                                                             BODY COL 2 ::
----------------------------------------------------------------------------------------------------------------- */

div.col_2 {
	float: left;
	width: 440px !important;
	width: 400px; /* FIX IE */
	margin-top: 35px;
	padding: 0 15px 0 15px;
	display: inline;
}
div.col_2 img {
	margin-left: 12px;
}

div.col_2 img.gallery_image {
	margin: 12px 12px 0 0;
}
div.col_2 h3, div.col_2 h1 {
	float: left;
	width: 400px;
	font-size: 2.4em;
	line-height: 1em;
	margin: 2px 20px 30px 16px;
	display:inline;
}
div.col_2 h3 span.first_line{
	font-family: Georgia;
	color: #C74B97;
	font-weight: normal;
	width: 400px;
	margin-right: 20px;
}
div.col_2 h1 {
	margin-top: 18px;
	color: #d3c490;
}
div.col_2 h4 {
	font-size: 1.6em;
	color: #3e3e3e ;
	margin: 10px 0px 8px 16px;
}
div.col_2 p {
	color: #3e3e3e;
	font-size: 1.2em;
	margin: 0px 10px 15px 16px;
	float: left;
	display: inline;
}
div.col_2 p.sub{
	float: left;
	clear: left;
	display: inline;
	font-size: 1em;
	width: 380px;
	margin: 0 0 0 16px;;
}
div.col_2 p.error {
	padding: 5px 0 15px 0 !important;
	margin:0 !important;
}
div.col_2 p span.error{
	font-size:0.9em;
	line-height:0.9em;
	font-weight: bold;
	color: #824070;

}
div.col_2 ol {
	float: left;
	font-size: 1.2em;
	margin: 5px 16px 0px 20px !important;
	margin: 5px 16px 0px 10px; /* FIX IE */
}
div.col_2 ol li {
	float:left !important;
	float: none;
	clear:left;
	color: #3e3e3e;
	list-style-type: decimal !important;
	list-style-type: none;
	line-height: 1.4em;
	margin: 0px 0px 5px;
	width: 400px !important;
	width: 350px;
}
div.col_2 ul {
	margin: 0px 0px 15px 18px;
	font-size: 1.2em;
}
div.col_2 li.nested {
	float: left;
	list-style-type: none;
}
div.col_2 ul.nested {
	float:left;
	clear: left;
	margin-bottom: 10px;
	font-size: 1em;
	
}
div.col_2 ul.nested.terms li {
	list-style-type: circle;
	width: 300px !important;
	width: 250px;
}
div.col_2 h3.page_container_title {
	float: left;
	background: #fff;
	color: #3e3e3e;
	padding: 2px 0px 0px;
	margin: 0px 0px 0px 18px !important;
	margin: 0px 0px 0px 9px; /* FIX IE */
	font-family: Georgia;
	font-size: 1.8em;
	line-height: 1.6em;
}
div.col_2 div.page_container {
	float: 							left !important;
	float: 							none; /* FIX IE */
	margin: 						0px 10px 10px 18px !important;
	margin: 						0px -10px 10px 9px; /* FIX IE */
	width: 							422px;
	padding: 						0px 10px 10px 0px;
	border-top: 					2px solid #fff;

}
div.col_2 div.page_container p, div.col_2 div.page_container a {
	margin: 						0px;
}
div.col_2 div.page_container h4 {
	margin:							0px;
	clear:							both;
	color:							#000;
}
div.col_2 div.page_container p {
	margin: 						0 20px 10px 0;
	width: 							280px;
}
div.col_2 div.page_container div.price {
	font-weight: 					bold;
	color: 							#C74B97;
	font-size:						1.2em;
	float: 							right;
	margin-top:						-1.2em;
	margin-right:					25px;
}

div.col_2 div.page_container p.wide{
	width: 							400px;
}
div.col_2 div.page_container img {
	margin: 						5px 10px 0px 0px;
}
div.col_2 div.page_container img.opening {
	margin: 						0px;
	float: 							right;
}
div.col_2 div.page_container h4 {
	text-transform: 				uppercase;
	font-size: 						1.2em;
	color: 							#C74B97;
}
div.col_2 form {
	float: 							left;
	margin: 						0px 10px 30px 16px !important;
	margin: 						0px 10px 30px 8px; /* FIX IE */
	width: 							400px;
}
div.col_2 fieldset {
	float: 							left;
	width: 							400px;
	border: 						0px;
}
div.col_2 fieldset p{
	display: inline;
	width: 196px;
	float: left;
	margin: 0 2px 5px 2px;
}
div.col_2 fieldset p span{
	float: left;
	width: 50px;
}
div.col_2 legend {
	display: none;
}
div.col_2 label {
	float: left;
	background: #fff;
	color: #3E3E3E;
	font-size: 1.6em;
	padding: 0px 2px;
	margin: 0px 0px 5px 0px;
	width: 400px;
	font-family: Georgia;
	display: inline;
}
div.col_2 label.prizeDraw{
	font-size: 1.1em;
	width: 350px;
	margin-top: 2px;
}
div.col_2 input.prize{
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 3px;
	background: #FFF !important;
}
div.col_2 label.error {
	color: #824070;
}
div.col_2 span.small {
	font-size: 0.6em;
}
div.col_2 img.required {
	margin: 2px 0px -2px 2px;
}
div.col_2 img.required_label {
	margin: 5px 0px -2px 4px;
}
div.col_2 input, div.col_2 select, div.col_2 textarea {
	float: left;
	background: #ebcee4 !important;
	border: 2px solid #fff;
	color: #3E3E3E;
	font-size: 1.4em;
	padding: 2px;
	margin: 2px 0px 10px 0;
	width: 400px;
	font-family: Arial, Verdana, sans-serif;
	display: inline;
}
div.col_2 input.flavour {
	color: #3E3E3E;
	font-size: 1.4em;
	width: 200px;
	font-family: Arial, Verdana, sans-serif;
float:none !important;	
}
div.col_2 fieldset p input.radio{
	float: left;
	width: 50px;
	background: #FFF !important;
}
div.col_2 select {
	width: 408px !important;
	width: 400px; /* FIX IE */
}
div.col_2 textarea {
	overflow: auto;
}
div.col_2 div#dob {
	float: left;
	display: block;
	width: 435px !important;
	width: 427px; /* FIX IE */
}
div.col_2 select.date {
	float: left;
	width: 133px !important;
	width: 131px; /* FIX IE */
}
div.col_2 select.date.day {
	margin-left: 0px;
}
div.col_2 input.submit {
	float: left;
	clear: left;
	margin: 10px 7px 0px 3px;
	width: auto !important;
	font-weight: bold;
	font-size: 1.2em;
	color: #3e3e3e;
	text-transform: uppercase;
	cursor: pointer;
	padding: 2px;
	border: 1px solid #3e3e3e;
}
div.col_2 input.paypal_button {
	float: left;
	margin: 10px 7px 0px 3px;
	width: auto !important;
	font-weight: bold;
	font-size: 1.2em;
	color: #3e3e3e;
	text-transform: uppercase;
	cursor: pointer;
	padding: 2px;
	border: 1px solid #3e3e3e;
}

div.col_2 input:focus, div.col_2 select:focus, div.col_2 textarea:focus {
	background: #D9ADCE !important;
	color: #3e3e3e;
}
div.col_2 input.error, div.col_2 select.error, div.col_2 textarea.error {
	border: 2px solid #824070;
}
div.col_2 img.msg {
	margin: 0px 0px 5px 10px;
}
div.col_2 img.book {
	margin: 15px 0px 10px 0px;
}
div.col_2 span.pricing_title, div.col_2 span.pricing {
	float: left;
	width: 88px;
	padding: 2px 5px;
	border: 2px solid #333;
	margin-right: -2px;
}
div.col_2 span.pricing_title {
	font-weight: bold;
	border-bottom: 0px;
	margin-top: 5px;
}
div.col_2 span.pricing {
	margin-bottom: 10px;
}
div.paging {
	float: left !important;
	float: none; /* FIX IE */
	width: 420px;
	margin: 0px -3px 10px 18px !important;
	margin: 0px -3px 10px 9px; /* FIX IE */

}
div.paging a, div.paging p {
	float: 				left;
	margin: 			0px;
	font-size: 			1.2em;
	width: 				40px;
}
div.paging a {
	text-decoration: 	none;
	color: 				#3e3e3e;
}
div.paging a:hover {
	background: 		#fff;
	color: 				#252424;
}
div.paging p.results {
	width: 				320px;
	text-align: 		center;
}
div.paging a.next, div.paging p.next {
	float: 				right;
	text-align: 		right;
}

div.col_2 a.clearleft {
	clear: 				left;
}

/* Order form elements */
div#order_selection h3,
div#order_giftbox h3,
div#order_giantcake h3,
div#order_seasonal h3,
h3.recipient_form,
h3.customer_form {
	font-family:		Georgia;
	color:				#C74B97 			!important;
	font-size:			1.7em 				!important;
	margin:				10px 0px 			!important;
	padding: 			0 0 3px 0;	
	border-bottom:		1px solid #F4DBEA;
}
div#order_selection h4 {
	clear:				left;
	margin:				0;
	font-size:			1.2em;
	margin: 			0 0 0 5px;
}
div#order_selection ul {
	color:				#000;
	margin:				5px 20px;
}
div#order_selection ul li {
	list-style-type:	disc;
	margin:				3px 0;
	width:				250px;
}
div#order_selection ul li span.unit_price {
	font-style:			italic;
	margin-left:		100px;
}
div#order_selection p {
	display:			block;
	width:				400px;
	padding:			0 5px 15px 5px;
}
div#order_selection input.flavour {
	float:				left !important;
	width:				10px;
	margin-right:		15px;
	background:			transparent !important;
}
div#order_selection label.flavour_label {
	font-size:			1.2em;
	font-family: 		Arial, "sans-serif";
	width:				160px;
}
div#order_selection label.preferred_flavours {
	margin-bottom:		10px;
	clear:				left;
}
div#order_giftbox div#price_giftbox,
div#order_giantcake div#price_giantcake,
div#order_selection div#price_selection,
div#order_seasonal div#price_seasonal,
div#price_total {
	display:			block;
	clear:				left;
	color:				#000;
	font-size:			1.3em;
	padding:			2px 10px 2px 5px;
	background-color:	#F4DBEA;
	width:				390px;
	margin-bottom:		15px;
	border-bottom:		1px solid #EBCEE4;
	color: 				#444;
	text-align:			right;
}
div#order_giantcake input.tickbox {
	width:				30px;
	clear:				left;
	padding-right:		10px;
	background:			transparent !important;	
}
div#order_giantcake label {
	clear:				left;
}
div#order_giantcake label.options {
	font-family:		Arial, "sans-serif";
	font-size:			1.3em;
	clear:				none;
	width:				300px;
}
div.col_2 p {
	font-style:			normal;


}
body#order div.col_2 p {
	width:				400px !important;
}
div.col_2 p.delivery {
	display:			block;
	height:				auto;
	font-style:			italic;
	margin:				0 0 20px 0;
	overflow:			hidden;
}
div.col_2 p.seasonal {
	margin:				0 0 20px 0;
}
div.col_2 p.order_summary {
	margin:				0 0 5px 10px;
}
div.col_2 p.delivery_summary {
	margin:				0 0 25px 10px;
}
div.col_2 div.paypal {
	background:			url(../images/paypal.gif) left top no-repeat;
	width:				196px !important;
	float:				right;
	height:				67px;
	text-indent:		-9999px;
	
}

div#order_seasonal {
padding-top:			10px;
	clear:				left;
}
div#order_selection,
div#order_giftbox {
	margin-top:			20px;
}
/*   BODY COL 3                                                                             BODY COL 3 ::
----------------------------------------------------------------------------------------------------------------- */

div.col_3 {
	float: 				left;
	width: 				250px !important;
	width: 				230px;
}
div.col_3 div.cupcakes {
	float: 				left !important;
	display: 			inline;
	margin: 			0px 0px 5px 24px !important;
	margin: 			0px -3px 5px 14px; /* FIX IE */
}
div.col_3 div.cupcakes img {
	margin: 			5px 10px 5px 0px;
}
div.col_3 a img{
	margin-left: 		24px;
}
div.col_3 a.facebook {
	display:			block;
	background:			url(../images/facebook-link.jpg) left top no-repeat;
	width:				200px;
	height:				140px;
	text-indent:		-9999px;
}
div.col_3 a.twitter {
	display:			block;
	background:			url(../images/twitter-link.jpg) left top no-repeat;
	width:				200px;
	height:				130px;
	text-indent:		-9999px;
}
div.col_3 div.socialmedia {
	clear:left;
	margin:				0 0 0 20px;
	padding:			10px 0 0 0;
}

div.dupFix {
	float: 				left;
	width: 				1px;
	height: 			0px;
	line-height: 		0px;
	visibility: 		hidden;
	display: 			none !important;
	display: 			block;
}

/*   FOOTER                                                                             FOOTER ::
----------------------------------------------------------------------------------------------------------------- */

div#footerWrap{
	float: left !important;
	float: none;
	width: 1050px;
	padding-top: 25px;
	background: url('../images/navBg.gif') left top no-repeat;
	margin: 0 0 0 0 !important;
	margin: 0 -3px 0px 45px; /* FIX IE */
}
div#footer{
	float: left;
	display: inline;
	margin: 0px 0 0px 45px;
	padding: 10px 0 5px 0;
	width: 960px !important;
	background: #D073AE;
}
div#footer p#first{
	font-size: 1.2em;
	display: inline;
}
div#footer p{
	width:500px;
	font-size: 1em;
	margin: 0 -3px 5px 20px;
}
div#footer a{
	color: #FFF;
}
div#footer a:hover{
	text-decoration: underline;
}
div#footerWrap a#credit {
	float: right;
	width: 132px;
	height: 54px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/dusza.gif') top left no-repeat;
	margin-right: 45px;
}
div#footerWrap a#credit:hover {
	background-position: bottom left;
}
div#footer div#copyright {
	float: left;
	margin: 8px 0px 0px 125px;
}
div#footer div#copyright p, div#footer div#copyright a {
	color: #000;
	line-height: 1.6em;
}
div#footer a:hover, div#footer div#copyright a:hover {
	color: #fff;
	text-decoration: underline;
}
div#footer ul {
	float: right;
	margin: 8px 0px 0px 0px;
}
div#footer li {
	float: left;
	color: #000;
}
div#footer ul a {
	margin: 0px 5px 0px 5px;
	color: #000;
}
div#credit_links{
	float: right;
	width: 220px;
	display: inline;
	margin-top: 15px;
}