/* CSS Document */
/* CSS by David Tricker davidtricker@gmail.com for Yucca Media 20061122 */

/* 1.0 styles for tags  */


body {
	margin:0;
	background-color:#fff;
	color:#333;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:68.75%;
}

br {
	clear:both;
}

/* 2.0 styles for div layout */

#container {
	width:770px;
	margin:0 auto 30px auto;
	position:relative;
}

#header {
	width:770px;
	height:137px;
	background:#D6D8DA url(../img/header.gif) 0 100% no-repeat;
}

#callus {
	position:absolute;
	width:130px;
	text-align:right;
	top:28px;
	right:18px;
}

#roundall {
	position:absolute;
	top:36px;
	left:474px;
}

#homeProducts {
	position:absolute;
	top:54px;
	left:522px;
	width: 248px;
	height: 204px;
}

#line {
	display:block;
	height:1px;
	background-color:#ccc;
	margin:35px 25px 0 25px;
}

#mainProduct {
	margin:20px 0 0 150px;
	position:relative;
	width:141px;
}

#productsTable td {
	vertical-align:bottom;
	font-size:0.9090em;
}

div.line {
	position:absolute;
	display:block;
	height:1px;
	width:150px;
	background-color:#000;
}

.text {
	position:absolute;
	display:block;
	width:130px;
	top:-5px;
	right:-135px;
}

.text2 {
	position:absolute;
	text-align:right;
	display:block;
	width:130px;
	top:-5px;
	left:-135px;
}

#flash {
	position:absolute;
	top:108px;
	left:5px;
	width:236px;
	height:167px;
}

#midwives {
	position:absolute;
	top:298px;
	left:5px;
	width:238px;
	height:183px;
}



#motherCare {
	position:absolute;
	left: 577px;
	top: 215px;
	width:126px;
	height:126px;
}

#subArea {
	background:#DCDDDF url(../img/subarea.gif) 0 0 no-repeat;
	padding-top:53px;
	clear:both;
}

#mainArea {
	height:415px;
}

#subInfo {
	width:740px;
}

div.tick {
	position:absolute;
	left:-52px;
	top:0;
}

#mainNav {
	position:absolute;
	top:128px;
	left:100px;
	width:600px;
	height:23px;
	background:url(../img/navigation1.gif) no-repeat;
	z-index:1000;
}

#footer {
	background:#3399FF 100% 0 no-repeat;
	text-align:center;
	height:75px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.tlc, .trc, .blc, .brc {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
}

.tlc, .trc, .tp0 {
	top:0px;
}

.blc, .brc, .bt0 {
	bottom:0px;
}

.tlc, .blc, .lft0 {
	left:0px;
}

.trc, .brc, .rgt0 {
	right:0px;
}

.tlc {
	background:url(../img/tlc.png) no-repeat;
}

.blc {
	background:url(../img/blc.png) no-repeat;
}

.trc {
	background:url(../img/trc.png) no-repeat;
}

.brc {
	background:url(../img/brc.png) no-repeat;
}

#linkIcon {
	width:16px;
	height:16px;
}

/* 3.0 headings and font styles */
h1 {
	margin:0;
	padding:0;
}

h1#mainTitle {
	position:absolute;
	top:45px;
	left:19px;
}

.heading1 {
	margin:0 0 15px 0;
	padding:0;
	color:#D2232A;
	font-size:1.0909em;
	font-weight:bold;
}

.heading2 {
	margin:0 0 15px 0;
	padding:0;
	color:#D2232A;
	font-size:1.5005em;
	font-weight:bold;
}

.mousetype {
	color:#333;
	font-size:9px;
	font-weight:normal;
}

/* 3.1 font colors and sizes */

/* code to hide text over images */
ul#mainNav a, #subtag {
	display: block;
	letter-spacing : -1em;
	text-indent: -1000em;
	overflow: hidden;
}

.red {
	color:#D2232A;
}

.white {
	color:#fff;
}

.beige {
	background-color:#FFF7CA;
}

.grey {
	background-color:#D6D8DA;
}

.bold {
	font-weight:bold;
}

.px18 {
	font-size:1.6363em;
}

/* 4.0 links and navigation */

a.anchor {
	text-decoration:none;
}

a img, img {
	border:0;
}

a:focus, button:focus, input:focus {
	outline:none;
}

a {
	color:#d2232a;
	text-decoration:underline;
}

a:hover {
	color:#000;
}

a:visited {
	color:#d2232a;
}

a:hover {
	color:#000;
}

#footer a {
	color:#fff;
}

#footer a:hover {
	color:#000;
}

ol#questions li a {
	font-size:0.5em;
}

/* 4.1 Main navigation */
ul#mainNav li a {
	display:block;
	width:88px;
	height:24px;
}

body#home li#homeLink a, li#homeLink a:hover {
	background:url(../img/navigation.gif) 0 -24px no-repeat;
}

body#products li#productsLink a, li#productsLink a:hover {
	background:url(../img/navigation.gif) -98px -24px no-repeat;
}

body#feedback li#feedbackLink a, li#feedbackLink a:hover {
	background:url(../img/navigation.gif) -196px -24px no-repeat;
}

body#hints li#hintsLink a, li#hintsLink a:hover {
	background:url(../img/navigation.gif) -294px -24px no-repeat;
}

body#qa li#qaLink a, li#qaLink a:hover {
	background:url(../img/navigation.gif) -392px -24px no-repeat;
}

body#buynow li#buynowLink a, li#buynowLink a:hover {
	background:url(../img/navigation1.gif) -490px -24px no-repeat;
}

/* 5.0 lists layout */
ul, ul li {
	margin:0;
	padding:0;
	list-style:none;
}

ul#mainNav li {
	float:left;
	display:block;
	height:24px;
}

ul#subInfo li {
	float:left;
	display:block;
	width:244px;
	height:65px;
	left:10px;
	background:url(../img/tick1.gif) 0 0 no-repeat;
}

ul#ratings li {
	float:left;
	display:block;
	padding-right:10px;
}

ol#questions {
	font-size:2em;
	font-weight:bold;
	color:#D2232A;
}

ul#normal {
	margin:20px;
}

ul#normal li {
	margin-bottom:5px;
	padding-left:10px;
	list-style:outside circle;
}

/* 6.0 widths, heights, margins and paddings */

.block {
	display:block;
}

.inline {
	display:inline;
}

.relative {
	position:relative;
}

.absolute {
	position:absolute;
	height: 248px;
	width: 730px;
	overflow: visible;
}

.mr10 {
	margin-right:10px;
}

.mt10 {
	margin-top:10px;
}

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}

.m20 {
	margin:20px;
}

.p10 {
	padding:10px;
}

.p20 {
	padding:20px;
}

.p15 {
	padding:15px;
}

.pt2 {
	padding-top:2px;
}

.pt10 {
	padding-top:10px;
}

.pt15 {
	padding-top:15px;
}

.pb2 {
	padding-bottom:2px;
}

.pb5 {
	padding-bottom:5px;
}

.pb10 {
	padding-bottom:10px;
}

.pb25 {
	padding-bottom:25px;
}

.pl5 {
	padding-left:5px;
}

.pl10 {
	padding-left:10px;
}

.pr10 {
	padding-right:10px;
}

.pr20 {
	padding-right:20px;
}

.pad2 {
	padding:69px 25px 25px 25px;
}

.pad3 {
	padding:25px;
}

.border2 {
	border-top:69px solid #fff;
	border-left:25px solid #fff;
	border-right:25px solid #fff;
	width:720px;
}

ul#subInfo li div {
	padding:0 20px 0 26px;
}

.h100 {
	height:100px;
}

.h200 {
	height:200px;
}

.w145 {
	width:145px;
}

.w237 {
	width:237px;
}

.w234 {
	width:234px;
}

.w247 {
	width:247px;
}

.w262 {
	width:262px;
}

.w272 {
	width:272px;
}

.w360 {
	width:360px;
}

.w460 {
	width:460px;
}

.w680 {
	width:680px;
}

.w700 {
	width:700px;
}

.bt10 {
	bottom:10px;
}

.rgt10 {
	right:10px;
}

.tp138 {
	top:178px;
}

.lft251 {
	left:5px;
}

/* form elements */
form {
	padding:0;
	margin:0;
}

label, input, textarea {
	float:left;
	display:block;
	padding:2px;
	margin-bottom:10px;
}

label {
	width:220px;
	font-weight:bold;
}

input.fields, textarea.fields {
	width:250px;
	color:#333;
	background-color:#FFF7CA;
	border:1px solid #D6D8DA;
	font-size:1em;
}

textarea.fields {
	height:60px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

form#tellFriendForm label {
	width:100px;
}

form#tellFriendForm input.fields, form#tellFriendForm textarea.fields {
	width:200px;
	color:#333;
	background-color:#FFF;
	border:1px solid #D6D8DA;
	font-size:1em;
}