/* 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*/


body { margin: 0; padding: 0 0 160px;
		font: 80%/1.2em Verdana;
		color: #225cad;
		background: #ffddfe url(../images/bmb-titlebg.jpg) repeat-x left bottom; }

p { margin: 0 0 10px 0; padding: 0; }
p b a, p b a:visited {color: #234;}
h1 { position: relative;
	 top: -25px; left: -10px;	
	 color: #e64ba3; 
	 font-size: 1.9em; line-height: 1em;
	 font-weight: bold; 
	 margin: 40px 0 10px; padding: 25px 0 0 10px;
	 background: url(../images/index-h1.jpg) no-repeat;}
	body#party h1	{ color: #f99d23;
					  background: url(../images/party-h1.jpg) no-repeat;}	 
	body#gifts h1	{ color: #00a94a;
					  background: url(../images/gifts-h1.jpg) no-repeat;}	 
	body#access h1	{ color: #0068d0;
					  background: url(../images/access-h1.jpg) no-repeat;}	 
	body#mybear h1	{ color: #7d57c7;
					  background: url(../images/mybear-h1.jpg) no-repeat;}	 
h2{	padding: 0; margin: 10px 0;
	color: #ef3ea7;
	font-size: 1.4em;
	line-height: 1.2em;}

h3 { color: #ef3ea7; padding: 0; margin: 10px 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: 70px; width: 1px; padding: 0 ; margin: 0; }						
.prop-r { float: left; height: 440px; width: 1px; padding: 0 ; margin: 0; }						
.clear {height: 1px;
		clear: both;}
.hidden {display: none}		
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;}		
					
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 0; display: list-item;}
	
/*Border Colours*/
body#index hr, 
body#index #pagemenu, 
body#index .pagelist,
body#index .itemlist
	{border-color: #ea7ea0;}
body#party hr, 
body#party #pagemenu, 
body#party .pagelist,
body#party .itemlist
	{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}

/**Background Colours**/
body#index .itemSelection, .colouredBox, .input_next, .input_back  {background-color: #ffcde8 }
body#party .itemSelection, body#party .colouredBox, 
body#party #pagemenu a.hmenu:hover, body#party .input_next, body#party .input_back {background-color: #fffcb1}
body#gifts .itemSelection, body#gifts .colouredBox, body#gifts #pagemenu a.hmenu:hover, 
body#gifts .input_next, body#gifts .input_back  {background-color: #d0ffd8}
body#access .itemSelection, body#access .colouredBox, body#access #pagemenu a.hmenu:hover, 
body#access .input_next, body#access .input_back   {background-color: #c8e1f6}
body#mybear .itemSelection, body#mybear .colouredBox, body#mybear #pagemenu a.hmenu:hover, 
body#mybear .input_next, body#mybear .input_back   {background-color: #ead7fc}


/** 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_back {float: left; margin: 5px; border: 1px solid #666;}
			.input_next {float: right; margin: 5px; border: 1px solid #666;}
			.input_more {margin: 5px; border: 1px solid #666;}
			.input_buy { margin: 5px; border: 1px solid #666;}														
									

#wrapper { position: relative;
			top: 0;
			margin: 0 auto;
			width: 800px;}
			
#middle {	position: relative;
			top: 122px;
			margin: 0; padding: 0;
			background: #ffddfe url(../images/bmb-bg.jpg) repeat-y center top;
			}
			
#content {	position: relative;
			top:0px; left: 170px;
			width: 590px;	
			min-height: 500px;
			margin: 0; padding: 20px 0;	
			z-index: 10;}

				
			
#left-col { float: left;
			width: 100%; }


	

/*Right hand  column containing block information */			 
#right-col { display: none; float: right;
			 width: 180px;
			 margin: 0; padding: 0 0 100px 0; }
body#admin #right-col {display: none}			
#right-col img {float: none; position: relative;}
/*When required, further separation of the central content into two columns*/			
.innerleft {float: left;
			width: 280px; text-align: center;}						
.innerright{float: right;
			width: 280px; text-align: center;}			
.innerblock {position: relative; /* To Contain the inner columns and push following content*/
			 top: 0; left: 0;
			 margin: 5px 0; padding: 0px;}

/** Blocks inside the right-hand column **/
.block { position: relative; 
		 top: 110px; left: 0; 
		 margin: 0 0 50px; padding: 5px; 
		 font-size: 0.8em; 
		 border-color: #ffcde8; 
		 border-style: solid dashed dashed dashed; border-width: 15px 3px 3px;
		 z-index: 3;
		}
.block	h2 {position: absolute;
			top: -20px; 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; 
				margin: 0; padding: 0; 
				border-bottom: 2px dashed #ffcde8;
				width: 160px; }
table tr.headings{font-weight: bold;}
.block table tr td {padding: 7px;}					  
.block .total { font-size: 1.3em; font-weight: bold; }

.block b#tip {display:block; height: 48px; overflow:hidden; font-weight:normal;}

/** New Shopping Basket Location **/
.absbasket { position: absolute; 
             width: 174px; 
             right:40px; 
             top: 50px; 
             font-size: 0.8em; 
             border-color: #ffcde8; 
             border-style: solid dashed dashed dashed; 
             border-width: 15px 3px 3px; z-index: 300;
             background-color: #fff1d2;
}
.absbasket	h2 {position: absolute;
			top: -20px; left: 0;
			line-height: 1.2em;
			margin: 0; padding:0;
			color: #ea7ea0; 
			display: block;
			z-index: 4;}
.absbasket a {position: relative;
		  top:0; left: 0px; 
		  font-weight: bold;
		  font-size: 1.3em;
		  z-index: 5;}

.absbasket table { line-height: 0.9em; position: relative; 
				margin: 0; padding: 0; 
				border-bottom: 2px dashed #ffcde8;
				width: 160px; }
.absbasket table tr td {padding: 7px;}					  
.absbasket .total { font-size: 1.3em; font-weight: bold; }

			
/* Menu */
#menu {	position: absolute;
		top:0; left: 0;
		width: 800px;	height: 700px;			
		font-size: 0.9em;
		background:  url(../images/index-menu.jpg) 1px top no-repeat;	
		z-index: 2;	}
		body#party #menu {background: url(../images/party-menu.jpg) 
							1px top no-repeat;	}		
		body#gifts #menu {background:  url(../images/gifts-menu.jpg) 
							1px top no-repeat;	}		
		body#access #menu {background:  url(../images/access-menu.jpg) 
							1px top no-repeat;	}
		body#mybear #menu {background:  url(../images/mybear-menu.jpg) 
							1px top no-repeat;	}									
#menu ul { position: relative; 
		   top: 0; left: -30px; 		   
		   list-style: none;
		    }
#menu ul li a {color: #e64ba3; 
				width: 120px;
  			   font-size: 1.5em; line-height: 1.7em; 
			   font-weight: bold; 
			   text-decoration: none;
			   margin: 0; padding: 0 15px;
			   display: block;
			   background: url(../images/index-bead.gif) no-repeat left center;}		   
			   
body#party #menu ul li a#party-nav,
#menu ul li a:hover#party-nav {	color: #febc23;		   
								background: url(../images/party-bead.gif) 
								center left no-repeat;}
body#gifts #menu ul li a#gifts-nav,
#menu ul li a:hover#gifts-nav {	color: #1ba432;		   
								background: url(../images/gifts-bead.gif) no-repeat left center;}	
body#access #menu ul li a#access-nav,
#menu ul li a:hover#access-nav {color: #0068d0;		   
								background: url(../images/access-bead.gif) no-repeat left center;}										
body#mybear #menu ul li a#mybear-nav,
#menu ul li a:hover#mybear-nav {	color: #639;		   
									background: url(../images/mybear-bead.gif) no-repeat left center;}		   

/* Sub-Menu */
#menu ul li ul li {position: relative;
					top: 0; left: 0;
					margin: 0; padding: 0;
					margin-left: -10px;
					font-size: 0.6em; line-height: 0.8em;
					font-weight: normal;}
#menu ul li ul li a {background: none; margin: 1px 0 0 0; padding: 0 0 0 0; width:140px;}

#menu ul li ul li .party { 
	background: #fff1d2; 
}
#menu ul li ul li a:hover.party {
	color: #febc23; 
	background: none;
}	

#menu ul li ul li .access { 
	background: #bbd6f2; 
}
#menu ul li ul li a:hover.access {color: #0068d0;		   
								background: none;}	

#menu ul li ul li .gifts { 
	background: #bcffc7; 
}
#menu ul li ul li a:hover.gifts {color: #1ba432;		   
								background: none;}	
#menu ul li ul li .mybear { 
	background: #dbb7ff; 
}
#menu ul li ul li a:hover.mybear {color: #639;		   
								background: none;}	
								
/* Telephone No */
#menu h3 {margin-top:40px;
			width: 138px;
			display: block;}
#menu img {margin: 30px auto;}	

#phonenumattop {
	width: 138px;
	display: block;
	color: #3366ff; 
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
}

/* Page Menu, appears under the heading */
#pagemenu { position: absolute;
		    top: 88px; left: 0;	
		    width: 100%;
		    font-size: 0.9em; line-height: 1.2em;
		    font-weight: bold;
		    border-bottom: 2px dashed #ea7ea0;}
#pagemenu a.hmenu, #pagemenu a.hmenu:link, #pagemenu a.hmenu:visited 
	{  display:block;  
		height:20px; 
		padding: 0 10px;
		background:#fff;
		border-left: #ea7ea0 3px solid;		
		text-decoration:none; text-align:center; line-height:20px; float:left;}

body#gifts #pagemenu a.hmenu, body#gifts #pagemenu a.hmenu:link, body#gifts #pagemenu a.hmenu:visited 
{color: #00a94a;}
body#access #pagemenu a.hmenu, body#access #pagemenu a.hmenu:link, body#access #pagemenu a.hmenu:visited 
{color: #0086d4;}
body#mybear #pagemenu a.hmenu, body#mybear #pagemenu a.hmenu:link, body#mybear #pagemenu a.hmenu:visited 
{color: #7d57c7;}

#pagemenu a.hmenu:hover {background:#ea7ea0; color:#fff; border-left: #c00 3px solid; }


#pagemenu a.hmenu:active {background:#c00; color:#fff; border-left: #c00 3px solid; }
#menua:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden;}
.push {height: 20px; width: 30px; color: #fff; background: #fff; float: left; } /* Put this as a div wherever you want a line-break in the menu.*/


/* 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: 548px;
			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 { padding: 5px; 
            width: 165px; 
			float: left; 
			height: 450px; 
			margin-left: 5px; 
			margin-top: 5px;
			border: 3px solid #444;}
.itemlist img {position: relative; margin:0 5px 0 0; padding:0;
				width: 150px;}
.itemlist ul {list-style-type:none; 
               margin:5px 0; padding:0;
               line-height:1.3em; }
.itemlist .input_next {float: none;}               
.itemlist ul li {margin-bottom: 5px;}
.itemlist-img {position: absolute; top: 1px; left: 10px;  width:150px;margin:0; padding: 0; }
.itemlist-txt { position: relative; top: 0; left:175px; width: 160px; padding: 10px 0 10px 0; }
body#access .itemlist {background:  url(../images/access-itemlist.jpg) 0 100% repeat-x;}
body#gifts .itemlist {background:  url(../images/gifts-itemlist.jpg) 0 100% repeat-x;}



/* Table of items within a product list */
table#teddylist { position: relative;
				  top:0; left: 0;
				  margin: 0; padding: 0;}
#teddylist td {padding: 5px;
				background: #fff url(../images/party-itemlist.jpg) 0 100% repeat-x;
				border: solid 2px #fcd06b;}
body#access #teddylist td {background: url(../images/access-itemlist.jpg) 0 100% repeat-x;}
body#gifts #teddylist td {background: url(../images/gifts-itemlist.jpg) 0 100% repeat-x;}
body#mybear #teddylist td {background: url(../images/mybear-itemlist.jpg) 0 100% repeat-x;}

#teddylist h3 {padding: 0; margin: 0 0 10px 0;}

#teddylist  label {	position: relative;
						top: 0; left: 0;
						width: 40%;
						float: right;
						text-align: right;
						padding: 0; margin: 5px 0 5px 0;}

#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; 
               font-weight:bold;
               margin:20px 0; padding:0;
               line-height:1.3em; }
#teddylist ul li {margin-bottom: 5px;}

/* Tooltip Pop-up */
a.hide {position: relative;}
a.hide b {
			position:absolute;
			visibility: hidden;
			width:180px;
			left:-50px;
			top:-50px;
			font-style: normal;
			font-weight: normal;
			font-size: 0.8em;
			color: #666;
			}
a.hide:hover {
				text-decoration:none; 
				border:0;
				z-index:1000;
				}
a.hide:hover b {
				position: absolute;
				visibility: visible;
				cursor:pointer;
				z-index:700; 
								}


/* 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 { 	
			position: absolute; 
			top: 0; margin: 0 auto; 
			width: 800px; height: 122px; 
			font-size: 0.8em; 
			color: #d62051; 
			background: url(../images/bmb-title.jpg) no-repeat 1px 0; border: 0; 
			z-index: 1;}
#header h1 {visibility: hidden;}	

/* Header Menu */
#header ul	{position: absolute;
			 top:0px; left: 170px;
			 width: 590px; 
			 padding: 0; margin: 0;
			 list-style: none;
			 }
#header ul li {	float: right;
				margin: 0;
				padding: 3px 5px;				
				border-left: 1px solid #d62051;}			 

 #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: 122px; 
		  width: 798px; height: 200px;
		  margin: 0 auto;
		  font-size: 0.8em;
		  background: #fff url(../images/bmb-footer.jpg) no-repeat center top;
		  }	
		  
/* Copyright and design details*/		  
#footer p { position: relative; 
			top: 200px; left: 170px; 
			width: 200px; height: 40px;
			padding: 0; margin: 0 0 5px; 
			font-size: 0.9em;}	
			
/* Footer Menu */			
#footer ul { color: #d62051; position: absolute; 
			 top:200px; left: 0px; 
			 padding: 20px 0 0 0; margin: 0; 
			 width: 800px;
			 list-style: none;
			 background: #fff;}				  
#footer ul li {	float: right;
				margin: 0;
				padding: 3px 5px;
				display: block;
				border-left: 1px solid #d62051;}
/*how it works format list of steps*/
#how img{float: none; padding: 0 0 10px 0;}

#peter-andre {
	background: url(../common/images/banners/peter-andre-bears.jpg) no-repeat;
	height: 87px;
	width: 586px;
	margin-bottom:10px;
}
#delivery {
	display:none;
}