/* oooooooooooooooooooooooooooooooooooooooooooooooo */

/*	Author			-> www.mezmamedia.com
					-> Richie Grainger

/*	Date			-> 8 September 2009

/*	File			-> style.css

/*	Contact			-> www.mezmamedia.com
					-> richie@mezmamedia.com
				
/* 	Copyright (c)	-> Mezma Media

/* oooooooooooooooooooooooooooooooooooooooooooooooo */


a:link { 			color: #e2007a; background-color: transparent; text-decoration: underline; }
a:visited {			color: #e2007a; background-color: transparent; text-decoration: underline; }
a:hover {			color: #8100b9; background-color: transparent; text-decoration: none; }

a.fl:link { 			color: #ffc3e3; background-color: transparent; text-decoration: underline; }
a.fl:visited {		color: #ffc3e3; background-color: transparent; text-decoration: underline; }
a.fl:hover {			color: #ffffff; background-color: transparent; text-decoration: none; }

a.fla:link { 		color: #ffc3e3; background-color: transparent; text-decoration: none; }
a.fla:visited {		color: #ffc3e3; background-color: transparent; text-decoration: none; }
a.fla:hover {		color: #ffffff; background-color: transparent; text-decoration: underline; }

a.pt:link { 			color: #0496c8; background-color: transparent; text-decoration: none; }
a.pt:visited {		color: #0496c8; background-color: transparent; text-decoration: none; }
a.pt:hover {			color: #8100b9; background-color: transparent; text-decoration: underline; }


body {

	height: 100%;
	background-color: #ffffff;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	text-align: center; /*Center the body ONLY for IE until big is fixed */
	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #242424;

}


/* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

.footer_mb {					font-size: 14px; }
.mb {						color: #0496c8; font-weight: bold; }
.h2e {						font-size: 16px; color: #000000; font-weight: 100; }
.prod_mi {					font-size: 11px; }
.text_red {					color: #dd0000; }

h1 {							color: #0496c8; font-weight: 100; font-size: 24px; margin: 0px 0px 0px -3px; padding: 0px; text-align: left; }
h2 {							color: #0496c8; font-weight: 100; font-size: 16px; margin: 30px 0px 15px 0px; padding: 0px; text-align: left; font-family: Helvetica, Verdana, Arial, sans-serif; }
h2.first {					margin-top: 15px; }
h2.products {				margin-top: 0px; text-align: center; }








/* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

#page_shell {				background-image: url(background_images/top_tile.gif); background-position: top; background-repeat: repeat-x; 
							display: block; text-align: left; width: 1000px; margin: 0 auto; }
							
#top_shell {					background-image: url(background_images/tl_bg.gif); background-position: top left; background-repeat: no-repeat; display: block; height: 99px; }
#top_logoarea {				display: inline; float: right; margin-right: 10px; width: 332px; height: 99px; }

#banner {					display: block; height: 367px; z-index: 1; }
#banner_flash {				display: block; float: right; height: 271px; width: 790px; }
#banner_br {					display: block; height: 96px; }
#banner_btm {				background-image: url(background_images/banner_btm.gif); background-position: left; background-repeat: no-repeat; background-color: #e2007a; 
							display: block; position: absolute; margin-top: 306px; height: 50px; width: 980px; }
#banner_btm_right{			background-image: url(background_images/banner_btm_right.png); background-repeat: no-repeat; 
							display: block; position: absolute; margin: 306px 0px 0px 980px; height: 50px; width: 20px; }
							
#menu_shell {				display: block; float: left; overflow: hidden; width: 200px; }

#partner_shell {			display: block; float: left; overflow: hidden: width: 200px: }

#body_shell {				display: block; float: right; overflow: hidden; text-align: left; width: 790px; }
	#body_tile{				display: block; overflow: visible; background-image: url(background_images/body_tile.png); background-repeat: repeat-y; }
	#body_text {				display: block; padding: 0px 35px; position: relative; z-index: 12; line-height: 18px; } /* LINE HEIGHT */
	
#footer_shell {				background-image: url(background_images/footer_tile.gif); background-repeat: repeat-x; display: block; margin: 0 auto; margin-top: 11px; width: 1000px; height: 77px; }
#footer_main {				background-image: url(background_images/footer_right.gif); background-repeat: no-repeat; background-position: right; display: block; height: 65px; }
	#footer_left {			background-image: url(background_images/footer_left.gif); background-repeat: no-repeat; background-position: left; 
							display: block; float: left; height: 65px; width: 700px; text-align: left; line-height: 20px; } /* LINE HEIGHT */
	#footer_text {			margin: 13px 0px 0px 210px; color: #ffc3e3; font-size: 10px; }
	
	
	div.prod_shell {			display: block; float: left; overflow: hidden; border: 1px #ffffff solid; width: 230px; margin: 15px 5px 15px 0px; }
	div.prod_shello {			display: block; float: left; overflow: hidden; border: 1px #ffc9fb solid; width: 230px; margin: 15px 5px 15px 0px; }
	div.prod_padding {		text-align: center; padding: 5px; }
		div.pimg {			display: block; float: left; margin: 30px 25px 0px 0px; width: 200px; }
		div.ptext {			display: block; float: left; width: 495px; }
		
	div.stockists {			display: block; float: left; overflow: hidden; width: 230px; margin: 15px 5px 5px 0px; }
	div.stock_padding {		padding: 5px; }
	
	
	div.error_box {			display: block; background-color: #ffebe8; border: 1px #dd0000 solid; padding: 5px; margin-bottom: 10px; color: #000000; }
	



br.cl {						clear: left; }
br.cr {						clear: right; }
br.cb {						clear: both; }

img.tl_img {					display: block; float: left; position: absolute; height: 110px; width: 271px; z-index: 10; }
img.tr_img {					display: block; position: absolute; height: 154px; width: 332px; z-index: 11; }
img.featured {				display: block; position: absolute; float: left; height: 281px; width: 200px; border: 0; margin: 13px 10px 0px 0px;   }
img.bannerb {				display: block; position: absolute; border: 0; margin: 271px 0px 0px 678px; z-index: 9; }
img.body_tb {				display: block; border: 0; margin: 0px; padding: 0px; }
img.footer {					display: block; position: absolute; border: 0; margin: -130px 0px 0px 5px; z-index: 8; }

hr {							color: #c5dde3;  background-color: #c5dde3; border: 0px; margin: 18px 0px; height: 1px; }
p.partners {					margin-bottom: 25px; }


a.parners {				display: block; margin-bottom: 10px; wide: 200px: height: 30px: }

/* THIS IS THE CSS NAV MENU ACROSS THE TOP */
a.mmb {					display: block; margin-bottom: 10px; width: 200px; height: 31px; }
a.mmb span {				display: none; }

a.msb {					display: block; margin: 0px 0px 10px 23px; width: 177px; height: 29px; }
a.msb span {				display: none; }

#about {					background: url(background_images/menu/about.gif) no-repeat 0 0; }
#about:hover {			background-position: 0 -31px; }

	#about_test {		background: url(background_images/menu/about_test.gif) no-repeat 0 0; }
	#about_test:hover {	background-position: 0 -29px; }
	
	#about_partners {	background: url(background_images/menu/about_partners.gif) no-repeat 0 0; }
	#about_partners:hover {	background-position: 0 -29px; }
	

#collections {			background: url(background_images/menu/collections.gif) no-repeat 0 0; }
#collections:hover{		background-position: 0 -31px; }

#exchange {				background: url(background_images/menu/exchange.gif) no-repeat 0 0; }
#exchange:hover{		background-position: 0 -31px; }

#stockists{				background: url(background_images/menu/stockists.gif) no-repeat 0 0; }
#stockists:hover{		background-position: 0 -31px; }

#contact {				background: url(background_images/menu/contact.gif) no-repeat 0 0; }
#contact:hover{			background-position: 0 -31px; }

#breastfeeding {				background: url(images/breastfeedingassociation.jpg) no-repeat 0 0; }
#breastfeeding:hover{			background-position: 0 -31px; }


a.cs {					margin-bottom: 120px; }

/* END CSS NAV MENU ON TOP */


label, input, select, textarea {	display: block; float: left; margin-bottom: 10px; }
label {						text-align: right; font-weight: bold; width: 120px; margin-right: 15px; }
input.submit_box {			margin: 5px 0px 0px 135px; }

form {						margin: 0; } 
.input_box {					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #8100b9; background: #ffffff; color: #242424; padding: 3px; }
.submit_box {				font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #e2007a; background: #ffffff; color: #242424; padding: 10px; }