/* This Style Sheet deals general element of the site plus alternate colours
   for common elements.*/

@import url(partykits.css); /* 	This is an external style sheet that deals with elements specific to the party page*/
@import url(checkout.css); /* 	This is an external style sheet that deals with elements specific to the party page*/

html {margin: 0; padding: 0;}
body { margin: 0; padding: 0;
		font: 12pt/1em Times;
		color: #000;
		background: #fff; }

p { margin: 0 0 10px 0; padding: 0; }
p b a, p b a:visited {color: #234;}
h1 { position: relative;
	 top: 0px; left: 0px;	
	 color: #e64ba3; 
	 font-size: 1.9em; line-height: 1em;
	 font-weight: bold; 
	 margin: 10px 0; padding: 0px;}
	body#party h1	{ color: #f99d23;}	 
	body#gifts h1	{ color: #00a94a;}	 
	body#access h1	{ color: #0068d0;}	 
	body#mybear h1	{ color: #7d57c7;}	 
h2{	padding: 0; margin: 8px 0;
	color: #ef3ea7;
	font-size: 1.4em;
	line-height: 1em;}

h3 { color: #ef3ea7; padding: 0; margin: 8px 0; font-size: 1.2em; line-height: 1.2em; }


td { }
a:link { text-decoration: none;
		 color: #d62051;}
a:visited { text-decoration: none;
			color: #d62051 }
a:hover { text-decoration: none;
			color: #fff;
			background: #d62051;}
a:active { text-decoration: none;
			color: #fff;
			background: #d62051;}
#content a:link, #content a:visited { color: #ea7ea0;}			

.prop { float: left; height: 60px; width: 1px; padding: 0 ; margin: 0; }						
.clear {height: 1px;
		clear: both;}
.noprint {display: none !important;}

span {visibility: visible;}	body#admin span {visibility: visible}
		
img { 	float: left;
		margin: 0 5px 5px 0; border: 0px;}		
body#admin img {position: relative; margin: 0;}		
#mainphoto {display: block; clear: right;}
#thumb1, #thumb2, #thumb3 {float: none; position: relative; border: 1px solid red;}

					
hr {border: 2px dashed #ea7ea0;
	width: 100%;
	margin: 5px 0;
	padding: 0;}
.colouredBox {border: 1px solid #444;
				padding: 10px; margin: 10px 0;}

/* White Text */
h3 a:hover, h2 a:hover { color: #fff; }
				

ul.facts {  font-size: 1em; line-height: 1.2em;
			list-style: disc; }
 ul.facts li { padding: 0;	margin: 0 10px 15px ; display: list-item;}
	
/*Border Colours*/
body#index hr, 
body#index #pagemenu, 
body#index .pagelist,
body#index .itemlist,
#teddylist td
	{border-color: #ea7ea0;}
body#party hr, 
body#party #pagemenu, 
body#party .pagelist,
body#party .itemlist,
body#party #teddylist td
	{border-color: #fcd06b}
body#gifts hr, 
body#gifts #pagemenu, body#gifts #pagemenu a.hmenu, body#gifts #pagemenu a.hmenu:link, body#gifts #pagemenu a.hmenu:visited, 
body#gifts .pagelist,
body#gifts .itemlist,
body#gifts #teddylist td 
	{border-color: #64eb7b}
body#access hr, 
body#access #pagemenu, body#access #pagemenu a.hmenu, body#access #pagemenu a.hmenu:link, body#access #pagemenu a.hmenu:visited, 
body#access .pagelist,
body#access .itemlist ,
body#access #teddylist td
	{border-color: #57a4f1}
body#mybear hr, 
body#mybear #pagemenu, body#mybear #pagemenu a.hmenu, body#mybear #pagemenu a.hmenu:link, body#mybear #pagemenu a.hmenu:visited, 
body#mybear .pagelist,
body#mybear .itemlist ,
body#mybear #teddylist td
	{border-color: #f195ed}



/** BUTTONS **/
			/* Buttons on forms */
			button {border: 1px solid #444; padding: 2px 3px 2px 3px;}
			/** Stop Buttons from making underlines when hovered **/
			a:hover.more, a:hover.back, a:hover.update, a:hover.buy, a:hover.next {text-decoration: none;
					background: url(../images/buttons/index-more.gif) bottom center no-repeat; }
			
			/** See More Buttons on a Item List **/	
			a.more {float: right;
					height: 46px; width: 111px;
					border: 0px;
					padding: 0px; margin: 5px;
					background: url(../images/buttons/index-more.gif) bottom center no-repeat; 
					}
			body#gifts a.more, body#gifts a:hover.more {background: url(../images/buttons/gifts-more.gif) bottom center 
			no-repeat;}
			body#access a.more, body#access a:hover.more {background: url(../images/buttons/access-more.gif) bottom center no-repeat;}		
			body#party a.more, body#party a:hover.more {background: url(../images/buttons/index-more.gif) bottom center no-repeat;}
			a.more span {display: none;}
			
			/** Buy Buttons on an Item List **/	
			a.buy {float: right;
					height: 46px; width: 111px;
					border: 0px;
					padding: 0px; margin: 5px;
					background: url(../images/buttons/index-buy.gif) bottom center no-repeat; 
					display: block;}
			a.buy span {visibility: hidden;}				
			body#gifts a.buy, body#gifts a:hover.buy {background: url(../images/buttons/gifts-buy.gif) bottom center 
			no-repeat;}
			body#access a.buy, body#access a:hover.buy  {background: url(../images/buttons/access-buy.gif) bottom center 
			no-repeat;}
			body#party a.buy, body#party a:hover.buy {background: url(../images/buttons/party-buy.gif) bottom center 
			no-repeat;}
			
			/** Update Button on a Basket or Party Page **/
			a.update {float: right;
					  height: 34px; width:100px;
					  border: 0;
					  padding: 0; margin: 17px 5px 5px 5px;
					  background:  	url(../images/buttons/index-update.gif) 
					  				center center no-repeat;
					  display: block;}
			body#party a.update {background-image: url(../images/buttons/party-update.gif)}
			
			
			/** Back Button in a flow **/
			a.back {float: left;
					  height: 27px; width:96px;
					  border: 0;
					  padding: 0; margin: 24px 5px 5px;
					  background:  url(../images/buttons/index-back.gif) center center no-repeat;
					  display: block;}
			body#party a.back {background-image: url(../images/buttons/party-back.gif)}
			
			
			/** Next Button **/
			a.next {float: right;
					  height: 27px; width:96px;
					  border: 0;
					  padding: 0; margin: 24px 5px 5px 5px;
					  background:  url(../images/buttons/index-next.gif) 
					  					 center center no-repeat;
					  display: block;}
			body#party a.next {background-image: url(../images/buttons/party-next.gif)}
			
			
			/* Next and Back buttons */
			#backButton {float: left; border: 0px;}
			#nextButton {float: right; border: 0px;}										
			
			/* form buttons */
			.input_buy, .input_more, .input_back, .input_next {display: none;}
									

#wrapper { position: relative;
			top: 0;
			margin: 0 auto;
			width: 800px;}
			
#middle {	position: relative;
			top: 0px;
			margin: 0; padding: 0;
			background: #ffddfe url(../images/bmb-bg.jpg) repeat-y center top;
			}
			
#content {	position: relative;
			top:0px; left: 0px;
			width: 100%;		
			margin: 0; padding:0;	
			z-index: 10;}
				
			
#left-col {float: none; position: relative;
			width: 100%; }


	

/*Right hand  column containing block information */			 
#right-col { float: none;
			 position: relative;
			 margin: 0; padding: 0 0 5px 0;  
			 page-break-before: always;
			 }
#right-col {float: none; position: relative; display: block;}
body#admin #right-col {display: none}			

/*When required, further separation of the central content into two columns*/			
.innerleft {float: left;
			display: block; 			
			width: 25%;}						
.innerright {float: left;
			display: block; 			
			width: 40%;}						
.innerblock {position: relative; /* To Contain the inner columns and push following content*/
			 top: 0; left: 0;
			 margin: 5px 0; padding: 0px;}


.innerblock {position: relative; /* To Contain the inner columns and push following content*/
			 top: 0; left: 0;
			 margin: 5px 0; padding: 0px;}


body#party .innerright, body#party .innerleft {float: none;
			position: relative;
			display: block; 
			width: 100%;}						
body#party .innerleft div, body#party .innerright div  {float:left; margin: 10px; border: 0;}

			 
/** Blocks inside the right-hand column **/
.block { position: relative;
		margin:10px; padding: 2px; 
		 font-size: 0.8em; 
		 border: #ffcde8 2px dashed;
		 width: 70%;
		 z-index: 3;
		}
.block	h2 {position: relative;
			top: 0px; left: 0;
			line-height: 1.2em;
			margin: 0; padding:0;
			color: #ea7ea0; 
			display: block;
			z-index: 4;}
.block a {position: relative;
		  top:0; left: 0px; 
		  font-weight: bold;
		  font-size: 1.3em;
		  z-index: 5;}

.block table { line-height: 0.9em; 
				position: relative; 
				float: none;
				top: 0; left: 0;
				margin: 0 auto; padding: 0; 
				width: 80%;
				border-bottom: 2px dashed #ffcde8; }
table tr.headings{font-weight: bold;}
.block table tr td {padding: 7px;}					  
.block .total { font-size: 1.3em; font-weight: bold; }
.block table br {display: none;}


.block b.tip {display:block;  overflow:visible; font-weight:normal;}
			
/* Menu */
#menu {	display: none;}
		
/* Page Menu, appears under the heading */
#pagemenu {display: none;}

/* Pagelist, list of pages when the content is too much to fit on one page */
.pagelist {	position: relative;
			top: 0; left: 0;
			margin: 10px; padding: 0;
			width: 360px;
			font-size: 1em; line-height: 1.2em;			
			border: 2px dashed #d62051;}
.pagelist ul { list-style-type: none;
				margin: 5px;
				}
.pagelist ul li {float: left;
				padding: 0px; margin: 0 5px;
				display: block;}						
.pagelist ul li b.current {font-size: 1.1em;}


.itemlist { float:left;
			padding: 5px; margin: 10px;
			width: 25%;
			border: 3px solid #444;
			page-break-after: auto;
			page-break-inside: avoid;
			}
.itemlist img {position: relative; margin:0; padding:0;}
.itemlist ul {list-style-type:none; 
               font-weight:bold;
               margin:20px 0; padding:0;
               line-height:1.3em; }
.itemlist ul li {margin-bottom: 5px;}
.itemlist-img {position: relative; margin: 0 0 10px 0; padding: 0; width: 100%}
.itemlist-txt { position: relative; top: 0; left: 0px; padding: 5px; }
body#access .itemlist {background:  url(../images/access-itemlist.jpg) 100% 0 no-repeat;}
body#gifts .itemlist {background:  url(../images/gifts-itemlist.jpg) 100% 0 no-repeat;}


/* Selection box in a gift or accessory item page */
.itemSelection { background-color: #ffcde8;
				 position: relative; top:0; left: 0; padding: 5px; margin: 10px 0 0; border: solid 1px #444; }
.itemSelection input, .itemSelection select, .itemSelection textarea 
				{border: 1px solid #444;
				 padding: 2px;}				


/* Shopping Basket and Party Selection, Table for displaying shopping basket contents, subtotals etc.*/

.basketContents { position: relative;
		  top: 0; left: 0;
		  width: 100%;
		  padding: 0; margin: 10px 0;
		  background: #ffcde8;
		  border: 2px solid #444;}

.basketContents input {border: 1px solid #444;}
.subtotal {text-align: right;
			margin: 0 0 5px 0; border-bottom: 1px solid #444;}
body#party .basketContents { background: #fffcb1;}


/* Header */
#header {  display: none;}


#left-col a:hover { text-decoration: none;
			color: #fff;
			background: #d96778;}
#right-col a:hover { text-decoration: none;
			color: #fff;}
			
			
/* Footer background*/
#footer { position: relative;
		  top: 50px; 
		  width: 798px;
		  margin: 0 auto;
		  font-size: 0.8em;
		  }	
		  
/* Copyright and design details*/		  
#footer p { position: relative; 
			top: 0px; left:0px; 
			padding: 0; margin: 0 0 5px; 
			font-size: 0.9em;}	
			
/* Footer Menu */			
#footer ul { display: none}				  

/*how it works format list of steps*/
#how img{float: none; padding: 0 0 10px 0;}
/* The rest is in printhelptop.css */
/* This Style Sheet deals with elements specific to the party page*/

body#party #left-col {float: none; position: relative; margin: 0;}
body#party #left-col h1 {position: relative;  margin: 10px;}

#partyheader {display: block; 
			position: relative;
			top:0px; left: 0px;
			width: auto;
			margin:0; padding: 0;}			

#partyheader img {display: block; position: absolute; top: 0px; left: 0; margin: 0; padding: 0;}
#partyheader p {display: block; position: relative; top:0; left: 200px; width: 200px; margin: 0; padding: 0;}

#partyflow {position: relative;
			top:0px; left: 0px;
			width: 600px;
			margin: 20px 0; padding: 0;}
#plannerimg {display: none}
.planner {
		 margin: 5px; padding: 5px; overflow: visible;
		 page-break-after: auto;
		 page-break-inside: avoid;
		 border: 0;
		 border-bottom: 2px solid #888;}
#partyflow {display: none}


/* This  deals with elements specific to the checkout */

body#checkoutpage #left-col {float: none; position: relative; margin: 0;}
body#checkoutpage #left-col h1 {position: relative;  margin: 10px;}
#checkout {display: none}


					

/* Table of items within the party */
table#teddylist { position: relative;
				  top:0; left: 0;
				  margin: 0; padding: 0;				  
				  width: 80%}
#teddylist td {padding: 5px; margin: 0px;
				border: #fff;}

#teddylist  td img {float: none;}

#teddylist h3 {padding: 0; margin: 0 0 5px 0;
				width: 100%;}


#teddylist input {	position: relative;
							top: 0; left: 0;
							padding: 0; margin: 5px;
							float: right;
							text-align: right;
							border: #444 1px solid;}

#teddylist ul {list-style-type:none; 
               margin:0; padding:0;
               text-align: right;               
               line-height:1.3em; }
#teddylist ul li {margin-bottom: 5px;
					display: block;}
#teddylist td .clear {display: none; clear: none;}

/* Tooltip Pop-up */
a.hide {position: relative; width: 100%}
a.hide b {	font-style: normal;
			font-weight: normal;
			font-size: 0.5em;
			line-height: 1em;
			width: 90%;
			display: block;
			color: #666;
			border: #fff;
			text-align: left;
			}


/*Colour scheme for your party selection on the right */
#partyselection { background: #fffcb1;
				border-color: #fcd06b;}
#partyselection h2{color: #444;}					
#partyselection table {border-color: #fcd06b;}