/* www.computerlove.co.uk */

/* -------------------------------------------------------------------------------------------------
SITE STRUCTURE
-------------------------------------------------------------------------------------------------- *
/* Basic Structure */
body {font-family: Arial, Helvetica, sans-serif;font-size:70%;margin:0px;text-align:center;color:#0040A2;}
p {margin:0px 0 10px 0;}
a {text-decoration:none;color:#FF6600;}
a:hover {text-decoration:underline;}
input, select, textarea {font: 100% Arial, Helvetica, sans-serif;}
h2 {color:#E90377;font-size:160%;margin:0px 0 4px 0;}
h3 {color:#0049AF;font-size:130%;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:#F5F8FD 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 {height:110px;position:relative;background: url(../_images/global/header_background.jpg) no-repeat;}
#header h1 {margin:0px;width:320px;height:30px;position:absolute;z-index:2;top:50px;left:175px;background: url(../_images/global/header_txt_home.png) no-repeat;}
#header h1 span {display:none;}
#header .promotion {position:absolute;right:0px;top:0px;z-index:1;}

#footer {color:#007CD0;text-align:center;margin:10px 0 10px 0;border-top: 1px solid #B2C9EC;padding: 10px 0 0 0;}
#yourstage {float:left;width:155px;margin:10px 0px 0px 0px;text-align:left;color:#4D72A9;font-weight:bold;}
#yourstage .age {font-weight:bold;font-size:130%;text-transform: capitalize;letter-spacing: -.05em;}
#pregnancy #yourstage .age {color:#BBD0EF;}
#newborn #yourstage .age {color:#F9D616;}
#baby #yourstage .age {color:#8CD600;}
#toddler #yourstage .age {color:#EF6B00;}
#toolbar {float:right;width:580px;background:#DFEBFE;border:1px solid #B2C9EC;margin:4px 0px 0px 0px;padding:5px 5px 2px 10px;}
#toolbar ul {float:left;margin:0px;padding:0px;}
#toolbar li {float:left;margin:3px 10px 0 0;padding:0px;list-style:none;}
#toolbar a {color:#6C8CBD;}
#toolbar a:hover {color:#FF6600;}
#toolbar .button {margin:0px;padding:0px;}
#searchbox {float:right;}
#searchbox label {float:left;font-weight:bold;margin:3px 3px 0px 0px;}
#searchbox input {float:left;}
#navigation {background:#0076BE 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 #0076BE;height:1%;}
#navigation li a {color:#FFFFFF;font-size:120%;font-weight:bold;display:block;background: #0496FF url(../_images/global/navigation_li_bck.gif) no-repeat;padding:3px 10px 0px 10px;height:19px;}
#navigation li a:hover {background: #5EBCFF url(../_images/global/navigation_li_bck.gif) no-repeat;text-decoration:none;}
#navigation li .active, #navigation li .active:hover  {background: #5EBCFF url(../_images/global/navigation_li_bck_active.gif) no-repeat;}
#navigation ul ul {background:#5EBCFF 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;height:1%;}
#navigation li li a {background: url(../_images/global/navigation_li_li_bck.gif) no-repeat left 6px;font-size:110%;color:#093D7E;font-weight:normal;height:1%;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:#5EBCFF;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;}

.divider {background: url(../_images/global/dottedline_blue_background.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: #E5F1F8 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;}
#adcontent-left {float:left;margin:15px 0 0 20px;}
#content-right {float:right;margin:15px 0 0 0;width:125px;}