﻿@charset "utf-8";
/* CSS Document */

/* clear default margins on all elements on all browsers ---------- */
* {
	padding: 0px;
	margin: 0px;
}
img {
border:0;
}

/* positional divs ----------------------------------------------- */
#mainWrapper { /* main centred wrapper*/ 
width: 1057px;
margin: 0 auto 0 auto;
text-align: left;
position: relative;
background:url(/images/shadow_bg.png) repeat-y;
padding:0px 20px 0px 20px;
}

/* header area ----------------------------------------------- */
#headerArea {
width: 798px;
background: #FFE084;
float: right;
}
	#headerSearch {
	height: 42px;
	width: 783px;
	float: right;
		}
		#loginArea {
		width: 595px;
		height: 42px;
		float: right;
		}
			#loginArea p {
			margin: 15px 2px 0 0;
			padding: 0;
			float: right;
			display: inline;
			}
			.loginSeparator {
			margin: 11px 15px 0 0;
			float: right;
			}
			#loginArea p {
			color: #444;
			}
	.login a {
	display:inline;
	color: #0099cc;
	font-weight:bold;
	text-decoration:none;
	background:url(/images/arrow_blue_off_on.gif) 0px 1px no-repeat; 
	padding-left: 16px;
	margin-right: 10px;
	}
	.login a:hover {
	text-decoration:underline;
	background:url(/images/arrow_blue_off_on.gif) 0px -28px no-repeat;
	}
		.registerButton {
		margin: 8px 11px 0 0;
		float: right;
		}
			.registerButton a:link, .registerButton a:visited {
			display:block;
			width:92px;
			height:23px;
			line-height:23px;
			background: url(/images/register_top_btn_off_on.gif) no-repeat left top;
			text-decoration:none;
			background-position: right top;
			margin-top: 3px;
			}
			.registerButton a:hover {
			background-position: right bottom;
			}
			.registerButton a span {
			display:none;
			}
		#searchArea {
		width: 188px;
		height: 42px;
		float: right;
		}
			.searchButton {
			margin: 8px 12px 0 0;
			float: right;
			}
			.searchTextfield {
			width: 95px;
			margin-top: 13px;
			float: left;
			}

	
/* main area ----------------------------------------------- */	
#mainArea {
width: 1017px;
background: url(/images/main_area_bg.jpg) repeat-y #FFE084;
float: left;
}
	#contentColumn {
	width: 798px;
	background: #fff;
	float: right;
	height:100%;
	}
		#mainContent {
		width:769px;
		margin: 0 15px 0 0;
		background:#fff;
		display: inline;/* fixes ie6 double margin bug */
		float:right;
		height:100%;
			padding-bottom:50px;
			
		}
			#breadCrumbs{
			width:745px;
			margin-left:4px;
			float:left;
			/* Solve problem of long text with no spaces */
			word-wrap: break-word;		/* For IE */
			overflow:hidden;			/* For Mozilla */
			}
				#breadCrumbs P {
				font-size: 1.1em;
				padding: 5px 0 5px 0;
				}
					#breadCrumbs p a {
					color: #0099cc;
					/*font-weight:bold;*/
					text-decoration: none;
					}
					#breadCrumbs p a:hover {
					color: #ffe084;
					text-decoration: underline;
					}
		
			#mainContentLeft {
			width:555px;
			margin-left:15px; 
			float:left;
			display:inline; /* fixes ie6 double margin bug */
			}
			/* page title - standard ------- */
			#pageTitleDarkGreen,
			#pageTitleLightGreen,
			#pageTitleDarkBlue,
			#pageTitleLightBlue,
			#pageTitleRed,
			#pageTitleOrange {
			margin: 17px 0 5px 2px;
			}

				#pageTitleTopLeft {
				height:8px;
				width:12px;
				float:left;
				}
					#pageTitleDarkGreen #pageTitleTopLeft {
					background-color:#F1453F;
					}
					#pageTitleLightGreen #pageTitleTopLeft {
					background-color:#F1453F;
					}
					#pageTitleDarkBlue #pageTitleTopLeft {
					background-color:#F1453F;
					}
					#pageTitleLightBlue #pageTitleTopLeft {
					background-color:#F1453F;
					}
					#pageTitleRed #pageTitleTopLeft {
					background-color:#F1453F;
					}
					#pageTitleOrange #pageTitleTopLeft {
					background-color:#F1453F;
					}
				#pageTitleTopMiddle {
				float:left;
				height:8px;
				}
					#pageTitleDarkGreen #pageTitleTopMiddle {
					background-color:#F1453F;
					}
					#pageTitleLightGreen #pageTitleTopMiddle {
					background-color:#F1453F;
					}
					#pageTitleDarkBlue #pageTitleTopMiddle {
					background-color:#F1453F;
					}
					#pageTitleLightBlue #pageTitleTopMiddle {
					background-color:#F1453F;
					}
					#pageTitleRed #pageTitleTopMiddle {
					background-color:#F1453F;
					}
					#pageTitleOrange #pageTitleTopMiddle {
					background-color:#F1453F;
					}
				#pageTitleTopRight {
				height:8px;
				width:11px;
				float:left;
				}
				#pageTitleDarkGreen #pageTitleTopRight{
				background:url(/images/pagetitle_blocks/pagetitle_background_topright_darkgreen.png) top left no-repeat;
				}
				#pageTitleLightGreen #pageTitleTopRight{
				background:url(/images/pagetitle_blocks/pagetitle_background_topright_lightgreen.png) top left no-repeat;
				}
				#pageTitleDarkBlue #pageTitleTopRight{
				background:url(/images/pagetitle_blocks/pagetitle_background_topright_darkblue.png) top left no-repeat;
				}
				#pageTitleLightBlue #pageTitleTopRight{
				background:url(/images/pagetitle_blocks/pagetitle_background_topright_lightblue.png) top left no-repeat;
				}
				#pageTitleRed #pageTitleTopRight{
				background:url(/images/pagetitle_blocks/pagetitle_background_topright_red.png) top left no-repeat;
				}
				#pageTitleOrange #pageTitleTopRight{
				background:url(/images/pagetitle_blocks/pagetitle_background_topright_orange.png) top left no-repeat;
				}
			#pageTitleMiddle {
			background-color:#F1453F;
			}
			#pageTitleDarkGreen #pageTitleMiddle {
			background-color:#F1453F;
			}
			#pageTitleLightGreen #pageTitleMiddle {
			background-color:#F1453F;
			}
			#pageTitleDarkBlue #pageTitleMiddle {
			background-color:#F1453F;
			}
			#pageTitleLightBlue #pageTitleMiddle {
			background-color:#F1453F;
			}
			#pageTitleRed #pageTitleMiddle {
			background-color:#F1453F;
			}
			#pageTitleOrange #pageTitleMiddle {
			background-color:#F1453F;
			}
			#pageTitleMiddleLeft {
			width:12px;
			float:left;
			height:10px
				}
				#pageTitleMiddleMiddle {
				float:left;
				}
					.sIFR-active #pageTitleMiddle h1.pageTitleSifr {
					font-size:2.6em;
					color:#fff;
					display:block;
					line-height:1em;
					padding:0;
					}
					#pageTitleMiddle h1.pageTitleSifr {
					font-size:2.3em;
					color:#fff;
					display:block;
					line-height:1em;
					padding: 4px 0;
					}
					.sIFR-active #pageTitleMiddle span.h1Sub {
					font-size:1.8em;
					color:#fff;
					display:block;
					line-height:1em;
					margin-top:-6px;
					}
					#pageTitleMiddle span.h1Sub {
					font-size:1.8em;
					color:#fff;
					display:block;
					margin-top:-2px
					}
				#pageTitleMiddleRight {
				width:11px;
				height:10px;
				float:left;
				}
				#pageTitleBottomLeft {
				height:8px;
				width:12px;
				float:left;
				}
				#pageTitleDarkGreen #pageTitleBottomLeft{
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomleft_darkgreen.png) bottom left no-repeat;
				}
				#pageTitleLightGreen #pageTitleBottomLeft{
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomleft_lightgreen.png) bottom left no-repeat;
				}
				#pageTitleDarkBlue #pageTitleBottomLeft{
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomleft_darkblue.png) bottom left no-repeat;
				}
				#pageTitleLightBlue #pageTitleBottomLeft{
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomleft_lightblue.png) bottom left no-repeat;
				}
				#pageTitleRed #pageTitleBottomLeft{
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomleft_red.png) bottom left no-repeat;
				}
				#pageTitleOrange #pageTitleBottomLeft{
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomleft_orange.png) bottom left no-repeat;
				}
				#pageTitleBottomMiddle {
				float:left;
				height:8px;
				}
					#pageTitleDarkGreen #pageTitleBottomMiddle {
					background-color:#F1453F;
					}
					#pageTitleLightGreen #pageTitleBottomMiddle {
					background-color:#F1453F;
					}
					#pageTitleDarkBlue #pageTitleBottomMiddle {
					background-color:#F1453F;
					}
					#pageTitleLightBlue #pageTitleBottomMiddle {
					background-color:#F1453F;
					}
					#pageTitleRed #pageTitleBottomMiddle {
					background-color:#F1453F;
					}
					#pageTitleOrange #pageTitleBottomMiddle {
					background-color:#F1453F;
					}
				#pageTitleBottomRight {
				height:8px;
				width:11px;
				float:left;
				}
				#pageTitleDarkGreen #pageTitleBottomRight {
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomright_darkgreen.png) bottom left no-repeat;
				}
				#pageTitleLightGreen #pageTitleBottomRight {
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomright_lightgreen.png) bottom left no-repeat;
				}
				#pageTitleDarkBlue #pageTitleBottomRight {
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomright_darkblue.png) bottom left no-repeat;
				}
				#pageTitleLightBlue #pageTitleBottomRight {
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomright_lightblue.png) bottom left no-repeat;
				}
				#pageTitleRed #pageTitleBottomRight {
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomright_red.png) bottom left no-repeat;
				}
				#pageTitleOrange #pageTitleBottomRight {
				background:url(/images/pagetitle_blocks/pagetitle_background_bottomright_orange.png) bottom left no-repeat;
				}
				
				/* page title with profile pic - blue */
				#pageTitleLightBluePic {
				margin: 17px 0 5px 2px;
				}
				#pageTitleLightBluePic #pageTitleTop {
				/*float:left;*/
				}
					#pageTitleLightBluePic #pageTitleTopLeft {
					height:8px;
					width:12px;
					float:left;
					background-color:#F1453F;
					}
					#pageTitleLightBluePic #pageTitleTopMiddle {
					float:left;
					height:8px;
					background-color:#F1453F;
					}
					#pageTitleLightBluePic #pageTitleTopRight {
					height:8px;
					width:11px;
					float:left;
					background:url(/images/pagetitle_blocks/pagetitle_background_topright_lightblue.png) top left no-repeat;
					}
				#pageTitleLightBluePic #pageTitleMiddle {
				background-color:#F1453F;
				}
				#pageTitleLightBluePic #pageTitleMiddleLeft {
				float:left;
				/* 
				NOT NEEDED UNTIL IMAGES ARE ALLOWED
				width:93px;
				height:56px; */
				}
				#pageTitleLightBluePic #pageTitleMiddleLeft img{
				float:left;
				padding-left:8px;
				}
					#pageTitleLightBluePic #pageTitleMiddleMiddle {
					float:left;
					}
						.sIFR-active #pageTitleLightBluePic #pageTitleMiddle h1.pageTitleSifr {
						font-size:2.8em;
						color:#fff;
						display:block;
						line-height:1em;
						padding:0;
						}
						#pageTitleLightBluePic #pageTitleMiddle h1.pageTitleSifr {
						font-size:2.6em;
						color:#fff;
						display:block;
						line-height:1em;
						padding: 4px 0;
						}
						.sIFR-active #pageTitleLightBluePic #pageTitleMiddle span.h1Sub {
						font-size:1.6em;
						color:#fff;
						display:block;
						line-height:1em;
						margin-top:-12px;
						}
						#pageTitleLightBluePic #pageTitleMiddle span.h1Sub {
						font-size:1.6em;
						color:#fff;
						display:block;
						line-height:1em;
						}
					#pageTitleLightBluePic #pageTitleMiddleRight {
					width:11px;
					height:10px;
					float:left;
					}
					#pageTitleLightBluePic #pageTitleBottomLeft {
					height:8px;
					width:12px;
					float:left;
					background-color:#F1453F;
					}
					#pageTitleLightBluePic #pageTitleBottomMiddle {
					float:left;
					height:8px;
					background-color:#F1453F;
					}
					#pageTitleLightBluePic #pageTitleBottomRight {
					height:8px;
					width:11px;
					float:left;
					background:url(/images/pagetitle_blocks/pagetitle_background_bottomright_lightblue.png) bottom left no-repeat;
					}
			
				
				/* page titles - Deep ------- */
				#pageTitleDeep {
				height:70px;
				width:500px;
				margin: 17px 0 5px 0;
				}
					#pageTitleLeftDeep {
					height:70px;
					width:12px;
					float: left;
					}
						.pageTitleLeftDeepDarkGreen {
						background: url(/images/pagetitle_blocks/pagetitle_background_left_deep_darkgreen.gif) top left no-repeat;
						}
						.pageTitleLeftDeepLightGreen {
						background: url(/images/pagetitle_blocks/pagetitle_background_left_deep_lightgreen.gif) top left no-repeat;
						}
						.pageTitleLeftDeepDarkBlue {
						background: url(/images/pagetitle_blocks/pagetitle_background_left_deep_darkblue.gif) top left no-repeat;
						}
						.pageTitleLeftDeepLightBlue {
						background: url(/images/pagetitle_blocks/pagetitle_background_left_deep_lightblue.gif) top left no-repeat;
						}
						.pageTitleLeftDeepRed {
						background: url(/images/pagetitle_blocks/pagetitle_background_left_deep_red.gif) top left no-repeat;
						}
						.pageTitleLeftDeepOrange {
						background: url(/images/pagetitle_blocks/pagetitle_background_left_deep_orange.gif) top left no-repeat;
						}
					#pageTitleMiddleDeep {
					height:70px;
					float: left;
					}
						.pageTitleMiddleDeepDarkGreen {
						background: #F1453F;
						}
						.pageTitleMiddleDeepLightGreen {
						background: #F1453F;
						}
						.pageTitleMiddleDeepDarkBlue {
						background: #F1453F;
						}
						.pageTitleMiddleDeepLightBlue {
						background: #F1453F;
						}
						.pageTitleMiddleDeepRed {
						background: #F1453F;
						}
						.pageTitleMiddleDeepOrange {
						background: #F1453F;
						}
					
							#pageTitleMiddleDeep h1.pageTitleSifr {
							font-size:2.2em;
							color:#fff;
							display:block;
							padding-top:9px;
							line-height:1em;
							}
							#pageTitleMiddleDeep span.h1Sub {
							font-size:1.6em;
							color:#fff;
							display:block;
							line-height:1em;
							margin-top:-12px;
							}
					#pageTitleRightDeep {
					height:70px;
					width:11px;
					float:left;
					}
						.pageTitleRightDeepDarkGreen {
						background:url(/images/pagetitle_blocks/pagetitle_background_right_deep_darkgreen.gif) top left no-repeat;
						}
						.pageTitleRightDeepLightGreen {
						background:url(/images/pagetitle_blocks/pagetitle_background_right_deep_lightgreen.gif) top left no-repeat;
						}
						.pageTitleRightDeepDarkBlue {
						background:url(/images/pagetitle_blocks/pagetitle_background_right_deep_darkblue.gif) top left no-repeat;
						}
						.pageTitleRightDeepLightBlue {
						background:url(/images/pagetitle_blocks/pagetitle_background_right_deep_lightblue.gif) top left no-repeat;
						}
						.pageTitleRightDeepRed {
						background:url(/images/pagetitle_blocks/pagetitle_background_right_deep_red.gif) top left no-repeat;
						}
						.pageTitleRightDeepOrange {
						background:url(/images/pagetitle_blocks/pagetitle_background_right_deep_orange.gif) top left no-repeat;
						}
				/* help bubble ------- */	
				#helpBubble {
				width:519px;
				padding-bottom:10px;
				float:left;
				}
					#helpBubbleTop {
					width: 519px;
					background: url(/images/help_bubble/helpbubble_box_top.png) top left no-repeat;
					float:left;
					}
						#helpBubbleTop img {
						padding:4px 0 2px 4px;
						float:left;
						}
						#helpBubbleTextBox {
						width:385px;
						margin: 10px 8px 0 0;
						float:right;
						}
							#helpBubbleTextBox p.smallBottomPadding1 {
							padding: 0 0 0.4em 0;
							}
							#helpBubbleTextBox p.smallBottomPadding2 {
							padding: 0 0 0.6em 0;
							}
					#helpBubbleBottomDarkGreen {
					height:35px;
					width: 519px;
					float:left;
					background: url(/images/help_bubble/helpbubble_box_bottom_darkgreen.png) top left no-repeat;
					}
					#helpBubbleBottomLightGreen {
					height:35px;
					width: 519px;
					float:left;
					background: url(/images/help_bubble/helpbubble_box_bottom_lightgreen.png) top left no-repeat;
					}
					#helpBubbleBottomDarkBlue {
					height:35px;
					width: 519px;
					float:left;
					background: url(/images/help_bubble/helpbubble_box_bottom_darkblue.png) top left no-repeat;
					}
					#helpBubbleBottomLightBlue {
					height:35px;
					width: 519px;
					float:left;
					background: url(/images/help_bubble/helpbubble_box_bottom_lightblue.png) top left no-repeat;
					}
					#helpBubbleBottomRed {
					height:35px;
					width: 519px;
					float:left;
					background: url(/images/help_bubble/helpbubble_box_bottom_red.png) top left no-repeat;
					}
					#helpBubbleBottomOrange {
					height:35px;
					width: 519px;
					float:left;
					background: url(/images/help_bubble/helpbubble_box_bottom_orange.png) top left no-repeat;
					}
						/* help bubble buttons --------------------*/
						#helpBubbleBottomDarkGreen a.callUsButDarkGreen,
						#helpBubbleBottomLightGreen a.callUsButLightGreen,
						#helpBubbleBottomDarkBlue a.callUsButDarkBlue,
						#helpBubbleBottomLightBlue a.callUsButLightBlue,
						#helpBubbleBottomRed a.callUsButRed,
						#helpBubbleBottomOrange a.callUsButOrange {
						margin: 4px 0 0 14px;
						width:67px;
						height:23px;
						line-height:23px;
						display:block;
						float:left;
						}
						#helpBubbleBottomDarkGreen a.callUsButDarkGreen {
						background: url(/images/help_bubble/callus_but_darkgreen_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomLightGreen a.callUsButLightGreen {
						background: url(/images/help_bubble/callus_but_lightgreen_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomLightBlue a.callUsButLightBlue {
						background: url(/images/help_bubble/callus_but_lightblue_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomDarkBlue a.callUsButDarkBlue {
						background: url(/images/help_bubble/callus_but_darkblue_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomRed a.callUsButRed {
						background: url(/images/help_bubble/callus_but_red_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomOrange a.callUsButOrange {
						background: url(/images/help_bubble/callus_but_orange_off_on.gif) top left no-repeat;
						}
							#helpBubbleBottomDarkGreen a:hover.callUsButDarkGreen,
							#helpBubbleBottomLightGreen a:hover.callUsButLightGreen,
							#helpBubbleBottomDarkBlue a:hover.callUsButDarkBlue,
							#helpBubbleBottomLightBlue a:hover.callUsButLightBlue,
							#helpBubbleBottomRed a:hover.callUsButRed,
							#helpBubbleBottomOrange a:hover.callUsButOrange {
							background-position:  bottom;
							}
								#helpBubbleBottomDarkGreen a.callUsButDarkGreen span,
								#helpBubbleBottomLightGreen a.callUsButLightGreen span,
								#helpBubbleBottomDarkBlue a.callUsButDarkBlue span,
								#helpBubbleBottomLightBlue a.callUsButLightBlue span,
								#helpBubbleBottomRed a.callUsButRed span,
								#helpBubbleBottomOrange a.callUsButOrange span {
								display:none;
								}
						#helpBubbleBottomDarkGreen a.emailUsButDarkGreen,
						#helpBubbleBottomLightGreen a.emailUsButLightGreen,
						#helpBubbleBottomDarkBlue a.emailUsButDarkBlue,
						#helpBubbleBottomLightBlue a.emailUsButLightBlue,
						#helpBubbleBottomRed a.emailUsButRed,
						#helpBubbleBottomOrange a.emailUsButOrange {
						margin: 4px 0 0 9px;
						width:75px;
						height:23px;
						display:block;
						float:left;
						}
						#helpBubbleBottomDarkGreen a.emailUsButDarkGreen {
						background: url(/images/help_bubble/emailus_but_darkgreen_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomLightGreen a.emailUsButLightGreen {
						background: url(/images/help_bubble/emailus_but_lightgreen_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomDarkBlue a.emailUsButDarkBlue {
						background: url(/images/help_bubble/emailus_but_darkblue_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomLightBlue a.emailUsButLightBlue {
						background: url(/images/help_bubble/emailus_but_lightblue_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomRed a.emailUsButRed {
						background: url(/images/help_bubble/emailus_but_red_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomOrange a.emailUsButOrange {
						background: url(/images/help_bubble/emailus_but_orange_off_on.gif) top left no-repeat;
						}
							#helpBubbleBottomDarkGreen a:hover.emailUsButDarkGreen,
							#helpBubbleBottomLightGreen a:hover.emailUsButLightGreen,
							#helpBubbleBottomDarkBlue a:hover.emailUsButDarkBlue,
							#helpBubbleBottomLightBlue a:hover.emailUsButLightBlue,
							#helpBubbleBottomRed a:hover.emailUsButRed,
							#helpBubbleBottomOrange a:hover.emailUsButOrange {
							background-position:  bottom;
							}
								#helpBubbleBottomDarkGreen a.emailUsButDarkGreen span,
								#helpBubbleBottomLightGreen a.emailUsButLightGreen span,
								#helpBubbleBottomDarkBlue a.emailUsButDarkBlue span,
								#helpBubbleBottomLightBlue a.emailUsButLightBlue span,
								#helpBubbleBottomRed a.emailUsButRed span,
								#helpBubbleBottomOrange a.emailUsButOrange span {
								display:none;
								}
						#helpBubbleBottomDarkGreen a.liveChatButDarkGreen,
						#helpBubbleBottomLightGreen a.liveChatButLightGreen,
						#helpBubbleBottomDarkBlue a.liveChatButDarkBlue,
						#helpBubbleBottomLightBlue a.liveChatButLightBlue,
						#helpBubbleBottomRed a.liveChatButRed,
						#helpBubbleBottomOrange a.liveChatButOrange {
						margin: 4px 0 0 9px;
						width:78px;
						height:23px;
						display:block;
						float:left;
						}
						#helpBubbleBottomDarkGreen a.liveChatButDarkGreen {
						background: url(/images/help_bubble/livechat_but_darkgreen_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomLightGreen a.liveChatButLightGreen {
						background: url(/images/help_bubble/livechat_but_lightgreen_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomDarkBlue a.liveChatButDarkBlue{
						background: url(/images/help_bubble/livechat_but_darkblue_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomLightBlue a.liveChatButLightBlue {
						background: url(/images/help_bubble/livechat_but_lightblue_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomRed  a.liveChatButRed {
						background: url(/images/help_bubble/livechat_but_red_off_on.gif) top left no-repeat;
						}
						#helpBubbleBottomOrange a.liveChatButOrange {
						background: url(/images/help_bubble/livechat_but_orange_off_on.gif) top left no-repeat;
						}
							#helpBubbleBottomDarkGreen a:hover.liveChatButDarkGreen,
							#helpBubbleBottomLightGreen a:hover.liveChatButLightGreen,
							#helpBubbleBottomDarkBlue a:hover.liveChatButDarkBlue,
							#helpBubbleBottomLightBlue a:hover.liveChatButLightBlue,
							#helpBubbleBottomRed a:hover.liveChatButRed,
							#helpBubbleBottomOrange a:hover.liveChatButOrange {
							background-position:  bottom;
							}
								#helpBubbleBottomDarkGreen a.liveChatButDarkGreen span,
								#helpBubbleBottomLightGreen a.liveChatButLightGreen span,
								#helpBubbleBottomDarkBlue a.liveChatButDarkBlue span,
								#helpBubbleBottomLightBlue a.liveChatButLightBlue span,
								#helpBubbleBottomRed a.liveChatButRed span,
								#helpBubbleBottomOrange a.liveChatButOrange span {
								display:none;
							}
		
						/* end of help bubble buttons --------------------*/
						.helpBubbleTelNumber {
						width:138px;
						height:18px;
						background: url(/images/help_bubble/help_bubble_telephonenumber.png) top left no-repeat;
						display:block;
						margin: 6px 0 0 10px;
						float:left;
						}
							.helpBubbleTelNumber span {
							margin:-5000px;
							}
			#mainContentRight {
			width:150px;
			margin-top:230px;
			float:right;
			}
.noHelpBubble {
padding-bottom: 155px;	/* apply this to the pageTitle div when no help bubble exists */
}
.noHelpBubblePicH1 {
padding-bottom: 140px;	/* apply this to the pageTitle div when no help bubble exists and there is an h1 with a pic */
}
.noHelpBubblePicNoH1 {
padding-bottom: 110px;	/* apply this to the pageTitle div when no help bubble exists and there is no h1 */
}
#helpBubble.helpBubblePrint {
padding-bottom:9px;
}
/* footer -------------------------------------------- */
#footerWrapper {
background: url(/images/tiling_bottom_v2.gif) top left repeat-x;
width: 1017px;
margin: 0 auto 0 0;
text-align: left;
position: relative;
}


#footerArea p {
font-size:1.1em;
padding: 10px 0 1.0em 15px;
color: #444;
}
	#footerArea {
	background: #ffe084 none repeat scroll 0 0;
	color:#444;
	width: 1017px;
	}
		#footerAreaLeft {
		width: 750px;
		padding-bottom: 10px;
		float: left;
		}
		#footerAreaRight {
		width: 213px;
		height: 167px;
		background: url(/images/milupa_logo_footer_v2.gif) 0 0 no-repeat;
		float: right;
		}
#footerCurve {
width:1017px;
height:136px;
background: url(/images/footer_curve_v3.gif) left top no-repeat;
float:left;
}

/* misc ----------------------------------------------- */
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.clearAll {
clear:both;
}
.backToTop {
padding-left:16px;
float:right;
text-align:right;
background: url(/images/white_arrow.gif) 0 2px no-repeat;
}
.backToPreviousBackToTop {
margin-top:10px;
float:right;
}
.backToPreviousDouble {
padding-left:15px;
background:url(/images/white_arrow.gif) 0 2px no-repeat;
}
.backToTopDouble {
padding-left:15px;
margin-left:20px;
background:url(/images/white_arrow.gif) 0 2px no-repeat;
}
img.paddingRightBottom {
padding:0 15px 15px 0;
float:left;
}
img.paddingRight {
padding:0 15px 0 0;
float:left;
}
img.paddingLeftBottom {
padding:0 0 15px 15px;
float:right;
}
/* overlay login div ------------------------------------------------- */
#overlay_login_box{
	background-color:#fff;
	border: 1px solid #fff;
	width: 555px;
}

#overlay img{ border: none; }
#overlay_login_background {
	background-image: url(/images/overlay_login_background.png);
}/* removed to IE6 style sheet 
* html #overlay_login_background{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/images/overlay_login_checked.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay_login_background.png", sizingMethod="scale");
}*/
#loginBoxTitle h3{
	line-height: 36px;
	padding: 0 30px;
	float: left;
}
#loginBoxTitleComment {
	float: left;
}
#loginBoxTitleComment p {
	color: #FFFFFF;
	margin: 12px 0 0 0;
}
#loginBoxTitleComment p a.whiteBold {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#loginBoxTitleComment p a:hover.whiteBold {
	text-decoration:underline;
}
#loginBoxClose {
	float: right;
}
#loginBoxClose a {
	background: url(/images/close_btn_off_on.gif) top left no-repeat;
	margin: 6px 10px 0 14px;
	width:55px;
	height:21px;
	line-height:21px;
	display:block;
}
#loginBoxClose a:hover {
	background-position:  bottom;
}
#loginBoxClose a span {
	display:none;
}
	
#loginBox {
	width:555px;
	margin:0;
	background:url(/images/overlay_login_middle.gif) left top repeat-y;
}
#loginBoxTop {
	width:555px;
	height:38px;
	background:#fff url(/images/overlay_login_red.gif) left top repeat-x;
}
#loginBoxBottom {
	width:555px;
	background:url(/images/overlay_login_pink.gif) left bottom repeat-x;
}
#loginBoxBottom form {
	font-size: 1.1em;
}
#loginBox .radioLabel {
	font-weight:bold;
}
#loginBox .fieldLabel {
	float:left;
	width:8em;
	margin-left:50px;
	width:10em;
}
#loginBox .loginFormField {
	width:200px;
	margin:0 10px;
	font-size:1em;
	padding:1px 0;
	float:left;
}
#loginBox .checkboxMargin {
	margin:0 3px 0 50px;
}
#loginBox .paddingBottomTwelve {
	padding-bottom:12px;
}
#loginBox .paddingLastFormElement {
	padding-bottom:36px;
}
#loginBox .submitButton {
	margin-left:168px;
}
#loginBox .formPaddingBig {
	padding: 18px 30px 15px 30px;
}


	
	
