/* www.computerlove.co.uk */

/* -------------------------------------------------------------------------------------------------
SITE STRUCTURE
-------------------------------------------------------------------------------------------------- */
/* Basic Structure */
body {font-family: Arial, Helvetica, sans-serif;font-size:70%;margin:0px;text-align:center;color:#4A3C0D;}
p {margin:0px 0 10px 0;}
a {text-decoration:none;color:#F10A40;}
a:hover {text-decoration:underline;}
input, select, textarea {font: 100% Arial, Helvetica, sans-serif;}
h2 {color:#931E24;font-size:210%;margin:0px 0 4px 0;}
h3 {color:#EE2460;font-size:140%;margin:0px 0 5px 0;}
h4 {margin:0;font-size:130%;font-weight:normal;}
h5 {margin:0;font-size:120%;font-weight:normal;}
h1 span, h2 span, h3 span {display:none;}
table {font-size:100%;}
table th {text-align:left;}
img {border:none;}
sup {color:#E90377;}
fieldset {border:none;padding:0px;margin:0 0 20px 0;}
form .field {height:1%;margin-bottom:10px;}
form legend span {display:none;}
label {font-weight:bold;margin:0px 5px 0px 0px;}
.form {background:#FFEFDA url(../_images/global/form_bck.gif) no-repeat;padding:20px 20px 10px 20px;margin-bottom:20px;}
form .field label {width:40%;text-align:right;margin:0px 5px 0px 0px;float:left;padding-top:3px;}
form .field input {width:50%;}
form .field select {float:left;}
form .field textarea {width:40%;float:left;}
form .field .compact {width:auto;}
form .field .extrainfo {float:left;padding-left:170px;color:#E90377;font-size:90%;}
form .fieldmultiple {height:1%;margin-bottom:10px;}
form .fieldmultiple .description {width:40%;text-align:right;margin:0px 5px 0px 0px;float:left;}
form .fieldmultiple input {float:left;width:40%}
form .button {margin:15px 0 0 0;}
form .fielderror {background:#FCD9EB;}

#container {margin:0 auto;width:760px;text-align:left;}
#header {position:relative;}
#header h1 {margin:0px;width:320px;height:30px;position:absolute;z-index:2;top:40px;left:175px; color:#fff; font-size:200%;}
#header h1 span {display:none;}
#header .promotion {position:absolute;right:0px;top:0px;z-index:1;}
#header .generic {background:url(../_images/global/header_background.jpg) no-repeat;height:110px;}
#header .pregnancy {background:url(../_images/global/header_pregnancy.jpg) no-repeat;height:110px;}
#header .newborn {background:url(../_images/global/header_newborn.jpg) no-repeat;height:110px;}
#header .active-baby {background:url(../_images/global/header_activebaby.jpg) no-repeat;height:110px;}
#header .finding-your-feet {background:url(../_images/global/header_findingyourfeet.jpg) no-repeat;height:110px;}
#header .potty-training {background:url(../_images/global/header_pottytraining.jpg) no-repeat;height:110px;}
#header a{position:absolute; width:250px; height:60px; display:block; left:110px; top:10px;}
/* Logged out */
#header .pregnancy-logout {background:url(../_images/global/header_logout_pregnancy.jpg) no-repeat;height:110px;}
#header .newborn-logout {background:url(../_images/global/header_logout_newborn.jpg) no-repeat;height:110px;}
#header .active-baby-logout {background:url(../_images/global/header_logout_activebaby.jpg) no-repeat;height:110px;}
#header .finding-your-feet-logout {background:url(../_images/global/header_logout_findingyourfeet.jpg) no-repeat;height:110px;}
#header .potty-training-logout {background:url(../_images/global/header_logout_pottytraining.jpg) no-repeat;height:110px;}


#footer {color:#4B3C0D;text-align:center;margin:10px 0 10px 0;border-top: 1px solid #DEBAAE;padding: 10px 0 0 0;}

#yourstage {color:#4D72A9;font-weight:bold;float:left;color:#9D121E;width:220px;}
#yourstage .age {font-weight:bold;font-size:140%;}
#pregnancy #yourstage .age {color:#BBD0EF;}
#newborn #yourstage .age {color:#F6D669;}
#active-baby #yourstage .age {color:#F18228;}
#finding-your-feet #yourstage .age {color:#B8D592;}
#potty-training #yourstage .age {color:#9E88D0;}

#toolbar {padding:2px;background:url(../_images/global/toolbar_bg.jpg);}
#toolbar div.wrapper {border: 1px solid #DDB9AE;padding:5px 3px;position: relative;}
#toolbar ul {margin:0px;padding:2px 0 0 0;}
#toolbar li {margin:3px 3px 0 0;padding:0px;list-style:none;display:inline;}
#toolbar a {color:#4B3C0D;}
#toolbar a:hover {color:#FF6600;}
#toolbar .button {margin:0px;padding:0px;}
#searchbox {position:absolute;right:5px;top:5px;}
#searchbox label {float:left;font-weight:bold;margin:1px 5px 0px 0px;color:#9D121E;font-size:120%;}
#searchbox input {float:left;}
#navigation {background:#9d121e url(../_images/global/navigation_bck_base.gif) no-repeat left bottom;width:155px;min-height:350px;margin:5px 0 0 0;float:left;}
#navigation ul {background: url(../_images/global/navigation_bck_top.gif) no-repeat;margin:0px;padding:5px 5px 2px 5px;}
#navigation li {list-style:none;border-bottom: 2px solid #9d121e;}
#navigation li a {color:#FFFFFF;font-size:120%;font-weight:bold;display:block;background: #ee235e url(../_images/global/navigation_li_bck.gif) no-repeat;padding:3px 10px 3px 10px;}
#navigation li a:hover {background: #ff8bad url(../_images/global/navigation_li_bck.gif) no-repeat;text-decoration:none;}
#navigation li .active, #navigation li .active:hover  {background: #ff8bad url(../_images/global/navigation_li_bck_active.gif) no-repeat;}
#navigation ul ul {background:#ff8bad url(../_images/global/navigation_ul_ul_bck.gif) no-repeat left bottom;padding:0 0 5px 0;margin:0;}
#navigation li li {margin:0px 0px 0px 10px;border:none;}
#navigation li li a {background: url(../_images/global/navigation_li_li_bck.gif) no-repeat left 6px;font-size:110%;color:#9d121e1;font-weight:normal;padding:2px 0px 2px 8px;}
#navigation li li .active, #navigation li li a:hover, #navigation li li .active:hover  {background: url(../_images/global/navigation_li_li_bck.gif) no-repeat left 6px;color:#FFFFFF;}
#navigation ul ul ul {background:#ff8bad;padding:0px;}
/*-------------------------------------------------------------------------------------------------
CLASSES
-------------------------------------------------------------------------------------------------- */
.cleaner {overflow:hidden;clear:both;height:1px;margin-top:-1px}
.left {float:left;}
.right {float:right;}
.hidden {display:none;}
.nowrap {white-space:nowrap;}
.selfclear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.divider {background: url(../_images/global/dottedline.gif) repeat-x;height:2px;overflow:hidden;margin:10px 0 10px 0;clear:both;}
.hilight {color:#E90377;}
.mandatory {font-family:Tahoma;color:#EA1380;}
.uppercase {text-transform:uppercase;}
.largertext {font-size:110%;}
.cursor {cursor:pointer;cursor:hand;}
.generic-list  {margin:10px 0 20px 0px;list-style:none;padding:0px;height:1%;}
.generic-list li {background: url(../_images/global/list_bck.gif) no-repeat left 2px;margin:4px 0 4px 0;padding:0 0 0 15px;}
.generic-plinth  {background: #FFEFDA url(../_images/global/generic_header_bck.gif) no-repeat;margin-bottom:20px;height:1%;}
.generic-plinth .content {background: url(../_images/global/generic_base_bck.gif) no-repeat left bottom;padding:15px 15px 5px 15px;}
.question {background: url(../_images/global/icon_question.gif) no-repeat;padding-left:25px;color:#E90377;margin:20px 0 5px 0;}
.answer {background: url(../_images/global/icon_answer.gif) no-repeat;padding-left:25px;}
.error {border:2px solid #E90377;margin:0 0 10px 0;background:#FFFFFF;padding:10px;width:85%;}
.error h3 {color:#E90377;font-size:130%;}
.error ul {margin:10px 0 0 0;list-style:none;padding:0px;height:1%;}
.error li {background: url(../_images/global/error_list_bck.gif) no-repeat left 2px;margin:4px 0 4px 0;padding:0 0 0 15px;}

/* generic headings */
.heading-thankyou {background: url(../_images/global/h2_thankyou.gif) no-repeat;height:26px;}
.heading-sorry {background: url(../_images/global/h2_sorry.gif) no-repeat;height:26px;}
/*------------------------------------------------------------------------------------------------
TEMPLATES
-------------------------------------------------------------------------------------------------- */
/* generic content page */
#content-left {float:left;margin:15px 0 0 20px;width:440px;}
#content-right {float:right;margin:15px 0 0 0;width:125px;}