/* ---------------- initialise ---------------- */

* {
	margin: 0px;
	padding: 0px;
	position: relative;
}
.hide, hr {
	display: none;
}
img {
	border: none;
}

/* ---------------- main body styles ---------------- */

body {
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.7em;
	color: #093678;
	line-height: 1.1em;
}
h1 {
	font-family: "Gill Sans Light", "Gill Sans", verdana, helvetica, sans-serif;
	font-size: 3em;
	font-weight: normal;
	color: #093678;
	line-height: 1.1em;
	margin: 0px 0px 18px 0px;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #093678;
	line-height: 1.2em;
	margin: 0px 0px 10px 0px;
}
h3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #093678;
	line-height: 1.2em;
	margin: 0px 0px 9px 0px;
}
h3 a, h3 a:visited {
	text-decoration: none;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	color: #093678;
	line-height: 1.2em;
	margin: 0px 0px 4px 0px;
}
p,
.listing .listitem div {
	line-height: 1.45em;
	margin-bottom: 9px;
}
a, a:visited {
	color: #093678;
}
a:hover, a:focus {
	color: #6D9EE7;
}
table {
	margin: 5px 0px;
}
th {
	font-weight: normal;
	text-align: left;
	padding: 3px 7px;
 	background-color: #DDDDDD;
}
td {
	padding: 3px 7px 5px 7px;
	background-color: #EEEEEE;
}
object {
  padding-bottom: 20px;
  display: inline-block;
}
.bold {
	font-weight: bold;
}
.bigtext {
	font-size: 1.2em;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* ---------------- main layout ---------------- */

body {
	background-color: #DCEAF9;
	background-image: url(/images/site/css/bg_main_top.jpg);
	background-repeat: repeat-x;
}
#background {
	width: 100%;
	margin-top: 60px;
	background-image: url(/images/site/css/bg_main_btm.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
	float: left;
}
#container {
	width: 970px;
	margin: -60px auto 0px auto;
	position: static;
}

/* ---------------- header ---------------- */

#header {
	width: 942px;
	margin: 0px 14px;
	float: left;
}
#topline {
	font-size: 1.2em;
	width: 942px;
	height: 50px;
	padding-bottom: 10px;
	float: left;
}
#toplinks {
	margin-top: 20px;
	float: right;
}
#toplinks * {
	float: left;
}
#toplinks form {
	width: 217px;
	height: 26px;
	margin-left: 5px;
	background-image: url(/images/site/css/bg_search.gif);
	background-repeat: no-repeat;
	float: left;
		display: inline;
}
#toplinks .searchfield {
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1em;
	color: #093678;
	width: 179px;
	height: 18px;
	border: 1px solid #FFFFFF;
	margin: 4px 5px 2px 5px;
}
.mainlogo {
	margin-top: 12px;
	float: left;
}
.highlights { margin-top: 14px; }
.highlights img { }
.highlights div { margin-right: 8px; float: left; }

/* ******************************************************** */
/* ---------------- standard page template ---------------- */
/* ******************************************************** */

#content {
	width: 880px;
	margin: 0px 76px 0px 14px;
	background-image: url(/images/site/css/bg_content.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	float: left;
}
.contentshort {
	background-image: url(/images/site/css/bg_contentshort.jpg) !important;
}
.frametop {
	width: 880px;
	height: 13px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(/images/site/css/bg_frtopdarkblue.gif);
}
.framemain {
	width: 866px;
	min-height: 407px;
	border-left: 6px solid #093678;
	border-right: 8px solid #093678;
	float: left;
}
.framebase {
	width: 880px;
	height: 20px;
	float: left;
	background-image: url(/images/site/css/bg_frbtmdarkblue.gif);
}

.darkbluetop {background-image: url(/images/site/css/bg_frtopdarkblue.gif);}
.darkblueframe {border-color: #093678;}
.darkbluebase {background-image: url(/images/site/css/bg_frbtmdarkblue.gif);}

.orangetop {background-image: url(/images/site/css/bg_frtoporange.gif);}
.orangeframe {border-color: #FF8500;}
.orangebase {background-image: url(/images/site/css/bg_frbtmorange.gif);}

.lightbluetop {background-image: url(/images/site/css/bg_frtoplightblue.gif);}
.lightblueframe {border-color: #729DD3;}
.lightbluebase {background-image: url(/images/site/css/bg_frbtmlightblue.gif);}

.brightbluetop {background-image: url(/images/site/css/bg_frtopbrightblue.gif);}
.brightblueframe {border-color: #46BBFF;}
.brightbluebase {background-image: url(/images/site/css/bg_frbtmbrightblue.gif);}

.greentop {background-image: url(/images/site/css/bg_frtopgreen.gif);}
.greenframe {border-color: #6BBB1F;}
.greenbase {background-image: url(/images/site/css/bg_frbtmgreen.gif);}

.pinktop {background-image: url(/images/site/css/bg_frtoppink.gif);}
.pinkframe {border-color: #F6A0A5;}
.pinkbase {background-image: url(/images/site/css/bg_frbtmpink.gif);}

.textmain {
	font-size: 1.25em;
	line-height: 1.2em;
	width: 660px;
	margin: 18px 0px 15px 24px;
	float: left;
	display: inline;
	overflow: hidden;
}
.textmain ul { list-style-type: disc !important; margin: 5px 0px 9px 19px !important; }
.textmain ol { margin: 5px 0px 9px 37px !important; }
.textmain li { line-height: 1.45em !important; }

.textmain.wide { width: 720px; }

.rhcolumn {
	width: 182px;
	margin-right: -70px;
	padding-top: 15px;
	float: right;
	overflow: hidden;
}

/* ******************************************************** */
/* ------------------ home page template ------------------ */
/* ******************************************************** */

#home {
	width: 942px;
	height: 440px;
	margin: 0px 14px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(/images/site/css/bg_home-blank.jpg);
}
#home.home01 {
	background-image: url(/images/site/css/bg_home01.jpg);
}
.texthome {
	font-size: 1.25em;
	line-height: 1.2em;
	width: 565px;
	margin: 28px 0px 15px 55px;
	float: left;
	overflow: hidden;
}
.texthome h1 {
	line-height: 1em;
	margin-bottom: 5px;
	letter-spacing: -1px;
}
.texthome p {
	line-height: 1.4em;
	margin-bottom: 5px;
}

/* ******************************************************** */
/* ----------------- landing page template ---------------- */
/* ******************************************************** */

#landing {
	width: 942px;
	height: 440px;
	margin: 0px 14px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(/images/site/css/bg_home-blank.jpg);
}
#landing.landing-you_yourbaby { background-image: url(/images/site/css/bg_home02.jpg); }
#landing.landing-you_yourbaby .textlanding { width: 395px; }
#landing.landing-you_yourbaby .textlanding p { margin-right: 30px; }
#landing.landing-expert_advice { background-image: url(/images/site/css/bg_home03.jpg); }
#landing.landing-news_views { background-image: url(/images/site/css/bg_home04.jpg); }
#landing.landing-products { background-image: url(/images/site/css/bg_home05.jpg); }
#landing.landing-free_prize_draw { background-image: url(/images/site/css/bg_home06.jpg); }

.textlanding {
	font-size: 1.25em;
	line-height: 1.2em;
	width: 465px;
	margin: 28px 0px 15px 55px;
	float: left;
	overflow: hidden;
}
.textlanding h1 {
	line-height: 1em;
	margin-bottom: 8px;
	letter-spacing: -1px;
}
.textlanding ul { list-style-type: disc !important; margin: 5px 0px 9px 19px !important; }
.textlanding ol { margin: 5px 0px 9px 20px !important; }
.textlanding li { line-height: 1.45em !important; }

.carouselhintpanel {
	margin-top: 15px;
	font-size: 0.8em;
	text-decoration: none !important;
	float: left;
}
.carouselhintpanel img { padding-top: 7px; }
.carouselhintpanel:hover, .carouselhintpanel:focus { color: #093678; }

#landing .rhcolumn { margin-right: 0px; padding-top: 28px; }

/* ******************************************************** */
/* ------------ extended landing page template ------------ */
/* ******************************************************** */

#landing_extended {
	width: 942px;
	margin: 0px 14px;
	background-image: url(/images/site/css/bg_content.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	float: left;
}
.frametop_extended {
	width: 942px;
	height: 13px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(/images/site/css/bg_frtopextbrightblue.gif);
}
.framemain_extended {
	width: 928px;
	min-height: 407px;
	border-left: 7px solid #093678;
	border-right: 7px solid #093678;
	float: left;
}
.framebase_extended {
	width: 942px;
	height: 20px;
	float: left;
	background-image: url(/images/site/css/bg_frbtmextbrightblue.gif);
}

.landing-win_a_3in1_steriliser .framemain_extended {
	background-image: url(/images/site/css/bg_3in1.jpg);
	background-repeat: no-repeat;
}

.frametop_extended.brightbluetop {background-image: url(/images/site/css/bg_frtopextbrightblue.gif);}
.framemain_extended.brightblueframe {border-color: #4ABCFF;}
.framebase_extended.brightbluebase {background-image: url(/images/site/css/bg_frbtmextbrightblue.gif);}

.textlanding_extended {
	font-size: 1.25em;
	line-height: 1.2em;
	width: 500px;
	margin: 18px 0px 15px 24px;
	float: left;
	display: inline;
	overflow: hidden;
}
.textlanding_extended ul { list-style-type: disc !important; margin: 5px 0px 9px 19px !important; }
.textlanding_extended ol { margin: 5px 0px 9px 20px !important; }
.textlanding_extended li { line-height: 1.45em !important; }

#landing_extended .rhcolumn { margin-right: 0px; padding-top: 28px; }

/* ---------------- listings ---------------- */

.listing {
	width: 100%;
	margin: 12px 0 15px 0;
	border-bottom: 1px solid #093678;
	float: left;
}
.listing h3 {
	font-size: 1.2em;
}
.listing .listitem {
	width: 100%;
	padding: 9px 0px 0px 0px;
	border-top: 1px solid #093678;
	float: left;
	clear: both;
}
.listingimage {
	text-align: center;
	width: 230px;
	float: right;
	overflow: hidden;
}
.listingimage a {
	z-index: 5;
}
.listingdetails {
	font-size: 0.8em;
}
.listing.brightblue { border-color: #46BBFF; }
.listing.brightblue .listitem { border-color: #46BBFF; }
.listing.darkblue { border-color: #093678; }
.listing.darkblue .listitem { border-color: #093678; }


/* ---------------- footer ---------------- */

#footer {
	width: 942px;
	margin: 12px 14px 0px 14px;
	background-color: #FFFFFF;
	float: left;
}
.share {
	float: left;
}
.paflogo {
	margin-top: 15px;
	float: left;
}
.sharing {
	width: 180px;
	height: 32px;
	margin: 15px 0px 0px 20px;

	white-space: nowrap;
	overflow: hidden;
	float: left;
}
.philipslogo {
	float: right;
}
#footerlinks {
	font-size: 1.1em;
	width: 902px;
	margin: 0px 14px 0px 14px;
	padding: 12px 20px 20px 20px;
	float: left;
}
.footertext {
	width: 970px;
	margin: 0px auto;
	position: static;
}
.footcol {
	font-style: italic;
	padding: 0px 0px 16px 34px;
	float: left;
}
.footcol p {
	line-height: 1.2em;
	margin-bottom: 4px;
}
.footcol.left {
	width: 573px;
	padding: 0px 0px 16px 34px;
}
.footcol.right {
	width: 335px;
	padding: 0px 0px 16px 15px;
}

/* ---------------- forms ---------------- */

#login_detect {
	margin: 12px 0;
}
#login_detect h3 {
	font-weight: bold;
}
form#login_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form#login_form h3 {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
form#login_form p {
	clear: both;
	margin: 0 0 4px 0;
}
form#login_form label {
	float: left;
	width: 60px;
	margin-right: 6px;
	text-align: right;
	font-weight: bold;
	color: #fff;
}
form#login_form #username, form#login_form #password, form#login_form #password_confirm {
	width: 230px;
}
form#login_form .autologin {
	float: left;
	display: inline;
	margin: 0 0 0 6px;
	width: 55%;
}
form#login_form .submit {
	clear: none;
	float: right;
	display: inline;
	margin: 0 6px 0 0;
	width: 30%;
	text-align: right;
}
form#login_form .submit input {
	padding: 1px 4px;
	font-size: 11px;
}
form#login_form .forgotten {
	position: absolute;
	top: 0;
	right: 8px;
	font-size: 12px;
	font-style: italic;
	text-decoration: underline;
}
form#login_form .forgotten a {
	color: #ffffff;
}
form#login_form .errormessage {
color:#ffff00;
	padding: 3px 6px 3px 6px;
	background-color: #92cc56;
	border: 1px solid #b7dd8f;
	margin: 5px 0px 12px 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
form#login_form .specialfield {
	display: none;
}
form.component_form {
	margin-top: 10px;
}
form.component_form .formbutton {
	background-color: #093678;
    color: #FFFFFF;
    font: normal 14px verdana, helvetica, sans-serif;
    padding: 1px 10px 3px;
	margin: 10px 2px 2px 2px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	float: left;
}
form.component_form .formbutton:hover, form.component_form .formbutton:focus {
	margin: 8px 0 0 0;
	border: 2px solid #093678;
}
form.component_form .errormessage {
	width: 225px;
	font-size: 80%;
	padding: 2px 6px 4px 6px;
	background-color: #FDE4E3;
	border: 1px solid #F55550;
	margin: 5px 0px 15px 0px;
}

/* ---------------- elements ---------------- */

p.joinbtn {
	position: relative;
	overflow: hidden;
	margin: 10px 0 14px 0px;	
}

a.inlinebutton {
    background: transparent url(/images/site/css/btn_inline-blue.gif) no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: normal 14px verdana, helvetica, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
	text-transform: uppercase;
}
a.inlinebutton span {
    background: transparent url(/images/site/css/btn_inline-blue.gif) no-repeat;
    display: block;
    line-height: 15px;
    padding: 4px 0 6px 21px;
}
.inlinetext {
	padding-top: 2px;
    float: left;
}
a.inlinebutton:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}
a.inlinebutton:hover span {
    background-position: bottom left;
    /*padding: 6px 0 4px 21px; /* push text down 1px */
}
a.inlinebutton.small span {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
    padding: 5px 0 5px 21px;
}
a.inlinebutton.orange { background-image: url(/images/site/css/btn_inline-orange.gif); }
a.inlinebutton.orange span { background-image: url(/images/site/css/btn_inline-orange.gif); }
a.inlinebutton.boxorange { background-image: url(/images/site/css/btn_inline-boxorange.gif); }
a.inlinebutton.boxorange span { background-image: url(/images/site/css/btn_inline-boxorange.gif); color: #FF8500; }

.colourbox {
	width: 340px;
	clear: both;
	color: #ffffff;
	background: #6ebb1f url(/images/site/css/box_green-top.gif) no-repeat left top;
}
.colourbox .box-outer {
	background: url(/images/site/css/box_green-bottom.gif) no-repeat left bottom;
}
.colourbox .box-inner {
	position: relative;
	overflow: hidden;
	padding: 8px 12px;
}
.colourbox.box-340 {
	width: 340px;	
}
.colourbox.green {
	background-color: #6ebb1f;	
}

/* ---------------- members area ---------------- */

.profile {
	position: relative;
	margin: 10px 0;
	float: left;
	width: 440px;
	clear: both;
	font-size: 90%;
}
.profile h2 {
	margin: 0 0 6px 0;
	padding: 2px 0px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	color: #4b8bd2;
}
.profile p {
	font-weight: bold;
	margin-bottom: 4px;
}
.profile label {
	font-weight: normal;
	margin-right: 6px;
}
.profile .btn_edit a, .profile a.btn_edit {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	float: right;
	width: 120px;
	height: 22px;
	background: #4b8bd2 url(/images/site/css/btn_bluesmall.gif) no-repeat left top;
	color: #ffffff;
	text-align: center;
	line-height: 21px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.user_success {
	margin: 0 0 12px 0;
	/*color: #cc0000;*/
	background-color: #f0f5fa;
	padding: 4px;
	border: 1px solid #ffffff;
}
.user_notice {
	margin: 0 0 12px 0;
	color: #cc0000;
	background-color: #f0f5fa;
	padding: 4px;
	border: 1px solid #ffffff;
}
.user_notice h3 {
	color: #cc0000;
}
.user_success ul, .user_notice ul {
	font-size: 90%;
	margin-left: 1em;
	padding-left: 1em;
}

/* ---------------- carousel ---------------- */

.carousel {
	text-align: right;
	width: 670px;
	height: 138px;
	overflow: hidden;
	float: left;
}
.carouselinner {
	float: right;
}
.carouselinner a {
	text-decoration: none;
	margin-right: 15px;
	float: left;
	display: block;
	position: relative;
	z-index: 1;
}
.carouselinner span {
	position: relative;
	display: block;
	cursor: pointer;
	z-index: 1;
}
.carouselinner img {
	position: relative;
	display: block;
	cursor: pointer;
	z-index: 1;
}
.carouselinner img.reflected {
	position: relative;
	z-index: 100;
}
.carouselinner .tiletext {
	font-size: 15px;
	line-height: 1.2em;
	text-align: left;
	white-space: normal;
	width: 112px;
	height: 82px;
	padding: 17px 14px 0px 18px;
	position: absolute;
	top: 0px;
	float: left;
	display: block;
	overflow: hidden;
}
.carouselinner .tiletext strong {
	font-size: 9px;
	line-height: 1.3em;
}
.carouselinner .Darkblue { color: #093678; }
.carouselinner .Lightblue { color: #6D9EE7; }
.carouselinner .Green { color: #6BBB1F; }
.carouselinner .Brightblue { color: #46BBFF; }
.carouselinner .Orange { color: #FF8500; }
.carouselinner .Pink { color: #F6A0A5; }
.carouselinner a:hover .tiletext, .carouselinner a:focus .tiletext {
	color: #093678;
}
.carouselinner .Darkblue:hover .tiletext, .carouselinner .Darkblue:focus .tiletext {
	color: #6D9EE7;
}
.carouselinner canvas {
	float: left;
}
#featherleft {
	left: 0px;
	background-image: url(/images/site/css/gr_featherleft.png);
}
#featherright {
	left: 655px;
	background-image: url(/images/site/css/gr_featherright.png);
}
.feather {
	height: 151px;
	width: 15px;
	background-repeat: no-repeat;
	visibility: hidden;
	position: absolute;
	z-index: 2;
}
#carouselhint {
	visibility: hidden;
}

/* ---------------- main menu ---------------- */

#mainmenu {
	width: 942px;
	margin: 0px 14px;
	float: left;
	overflow: hidden;
}
#mainmenu li {
	list-style-type: none;
	float: left;
}
#mainmenu li a, #mainmenu li a:visited {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 129px;
	padding: 6px 8px 8px 20px;
	background-image: url(/images/site/css/mn_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}
#mainmenu li a:hover, #mainmenu li a:focus {
	background-image: url(/images/site/css/mn_bgmo.gif);
}
.mn01 a { background-color: #093678; }
.mn02 a { background-color: #6D9EE7; }
.mn03 a { background-color: #6BBB1F; }
.mn04 a { background-color: #46BBFF; }
.mn05 a { background-color: #FF8500; }
.mn06 a { background-color: #F6A0A5; }

/* ---------------- breadcrumbs ---------------- */

#breadcrumbs {
	color: #6D9EE7;
	width: 939px;
	margin: 10px 14px 14px 17px;
	float: left;
}
#breadcrumbs a, #breadcrumbs a:visited {
	text-decoration: none;
}
#breadcrumbs img {
	vertical-align: middle;
}
#breadcrumbs .lightblue {
	color: #6D9EE7;
}

/* ---------------- page menu ---------------- */

.sidemenu {
	float: left;
	width: 182px;
	padding-top: 12px;
	background-image: url(/images/site/css/bg_pptopdarkblue.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 12px;
}
.sidemenu .menuinner {
	float: left;
	width: 182px;
	padding-bottom: 12px;
	background-image: url(/images/site/css/bg_ppbtmdarkblue.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.sidemenu .pagemenu {
	color: #FFFFFF;
	background-color: #093678;
	font-size: 1em;
	line-height: 1.2em;
	width: 182px;
	float: left;
	overflow: hidden;
}
.sidemenu .pagemenu li {
	list-style-type: none;
	float: left;
}
.sidemenu .pagemenu li ul {
	font-size: 1em;
	border-bottom: 1px solid #FFFFFF;
	float: left;
}
.sidemenu .pagemenu a, .sidemenu .pagemenu a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	width: 160px;
	padding: 3px 3px 5px 19px;
	border-bottom: 1px solid #FFFFFF;
	background-repeat: no-repeat;	
	float: left;
}
.sidemenu .pagemenu li ul li a, .sidemenu .pagemenu li ul li a:visited {
	font-weight: normal;
	border-bottom: none;
}

.sidemenu a.open { background-image: url(/images/site/css/gd_mnarwwhtdown.gif); }
.sidemenu a.closed { background-image: url(/images/site/css/gd_mnarwwhtup.gif); }

.sidemenu.darkblue { background-image: url(/images/site/css/bg_pptopdarkblue.png); }
.sidemenu.darkblue .menuinner { background-image: url(/images/site/css/bg_ppbtmdarkblue.png); margin-bottom: 15px; }
.sidemenu.darkblue .pagemenu { background-color: #093678; }
.sidemenu.darkblue .pagemenu a:hover, .sidemenu.darkblue .pagemenu a:focus { background-color: #3A5E93; }
.sidemenu.darkblue .pagemenu .sel a { background-color: #3A5E93; }

.sidemenu.lightblue { background-image: url(/images/site/css/bg_pptoplightblue.png); }
.sidemenu.lightblue .menuinner { background-image: url(/images/site/css/bg_ppbtmlightblue.png); margin-bottom: 15px; }
.sidemenu.lightblue .pagemenu { background-color: #729DD3; }
.sidemenu.lightblue .pagemenu a:hover, .sidemenu.lightblue .pagemenu a:focus { background-color: #8EB1DC; }
.sidemenu.lightblue .pagemenu .sel a { background-color: #8EB1DC; }

.sidemenu.green { background-image: url(/images/site/css/bg_pptopgreen.png); }
.sidemenu.green .menuinner { background-image: url(/images/site/css/bg_ppbtmgreen.png); margin-bottom: 15px; }
.sidemenu.green .pagemenu { background-color: #6BBB1F; }
.sidemenu.green .pagemenu a:hover, .sidemenu.green .pagemenu a:focus { background-color: #89C94C; }
.sidemenu.green .pagemenu .sel a { background-color: #89C94C; }

.sidemenu.brightblue { background-image: url(/images/site/css/bg_pptopbrightblue.png); }
.sidemenu.brightblue .menuinner { background-image: url(/images/site/css/bg_ppbtmbrightblue.png); margin-bottom: 15px; }
.sidemenu.brightblue .pagemenu { background-color: #46BBFF; }
.sidemenu.brightblue .pagemenu a:hover, .sidemenu.brightblue .pagemenu a:focus { background-color: #6BC9FF; }
.sidemenu.brightblue .pagemenu .sel a { background-color: #6BC9FF; }

.sidemenu.orange { background-image: url(/images/site/css/bg_pptoporange.png); }
.sidemenu.orange .menuinner { background-image: url(/images/site/css/bg_ppbtmorange.png); margin-bottom: 15px; }
.sidemenu.orange .pagemenu { background-color: #FF8500; }
.sidemenu.orange .pagemenu a:hover, .sidemenu.orange .pagemenu a:focus { background-color: #FF9D33; }
.sidemenu.orange .pagemenu .sel a { background-color: #FF9D33; }

.sidemenu.pink { background-image: url(/images/site/css/bg_pptoppink.png); }
.sidemenu.pink .menuinner { background-image: url(/images/site/css/bg_ppbtmpink.png); margin-bottom: 15px; }
.sidemenu.pink .pagemenu { background-color: #F6A0A5; }
.sidemenu.pink .pagemenu a:hover, .sidemenu.pink .pagemenu a:focus { background-color: #F8B3B7; }
.sidemenu.pink .pagemenu .sel a { background-color: #F8B3B7; }

.sidemenu .mygiftlink { display: none; }

/* ---------------- promo panels ---------------- */

.promo, .promo:visited {
	font-size: 1.6em;
	line-height: 1.3em;
	text-decoration: none;
	width: 182px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
}
.promo .top {
	float: left;
	padding-top: 12px;
	background-image: url(/images/site/css/bg_pptopdarkblue.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.promo .bottom {
	float: left;
	padding-bottom: 12px;
	background-image: url(/images/site/css/bg_ppbtmdarkblue.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.promo .promocontent {
	width: 169px;
	float: left;
	overflow: hidden;
	border-left: 6px solid #093678;
	border-right: 7px solid #093678;
	background-color:#BBBBBB;
}
.promo .promotext {
	width: 149px;
	height: 143px;
	padding: 10px 10px 0px 10px;
	background-color: #FFFFFF;
}
.promo .promolink {
	font-size: 0.75em !important;
	line-height: 1.2em;
	color: #093678;
	font-size: 0.8em;
	position: absolute;
	padding: 1px 0px 2px 23px;
	top: 123px;
	left: 10px;
	background-repeat: no-repeat;
	float: left;
}

.darkblue.promocontent { border-color: #093678; }
.darkblue.promotext { color: #093678; }
.darkblue.top { background-image: url(/images/site/css/bg_pptopdarkblue.png); }
.darkblue.bottom { background-image: url(/images/site/css/bg_ppbtmdarkblue.png); }
.promo.darkblue .promolink { background-image: url(/images/site/css/bg_arwdarkblue.gif); }

.promo.lightblue .promocontent { border-color: #6D9EE7; }
.promo.lightblue .promotext { color: #6D9EE7; }
.promo.lightblue .top { background-image: url(/images/site/css/bg_pptoplightblue.png); }
.promo.lightblue .bottom { background-image: url(/images/site/css/bg_ppbtmlightblue.png); }
.promo.lightblue .promolink { background-image: url(/images/site/css/bg_arwlightblue.gif); }

.promo.green .promocontent { border-color: #6BBB1F; }
.promo.green .promotext { color: #6BBB1F; }
.promo.green .top { background-image: url(/images/site/css/bg_pptopgreen.png); }
.promo.green .bottom { background-image: url(/images/site/css/bg_ppbtmgreen.png); }
.promo.green .promolink { background-image: url(/images/site/css/bg_arwgreen.gif); }

.promo.brightblue .promocontent { border-color: #46BBFF; }
.promo.brightblue .promotext { color: #46BBFF; }
.promo.brightblue .top { background-image: url(/images/site/css/bg_pptopbrightblue.png); }
.promo.brightblue .bottom { background-image: url(/images/site/css/bg_ppbtmbrightblue.png); }
.promo.brightblue .promolink { background-image: url(/images/site/css/bg_arwbrightblue.gif); }

.promo.orange .promocontent { border-color: #FF8500; }
.promo.orange .promotext { color: #FF8500; }
.promo.orange .top { background-image: url(/images/site/css/bg_pptoporange.png); }
.promo.orange .bottom { background-image: url(/images/site/css/bg_ppbtmorange.png); }
.promo.orange .promolink { background-image: url(/images/site/css/bg_arworange.gif); }

.promo.pink .promocontent { border-color: #F6A0A5; }
.promo.pink .promotext { color: #F6A0A5; }
.promo.pink .top { background-image: url(/images/site/css/bg_pptoppink.png); }
.promo.pink .bottom { background-image: url(/images/site/css/bg_ppbtmpink.png); }
.promo.pink .promolink { background-image: url(/images/site/css/bg_arwpink.gif); }

.promo:hover .promotext, .promo:focus .promotext {
	color: #093678;
}
.promo:hover .promolink, .promo:focus .promolink {
	color: #6D9EE7 !important;
}

/* ---------------- header nav ---------------- */

#toplinks a, #toplinks a:visited  {
	text-decoration: none;
	margin: 8px 12px 3px 0px;
}
#toplinks a:hover, #toplinks a:focus {
	color: #093678;
	text-decoration: underline;
}
#toplinks .salutation {
	float: left;	
	margin: 8px 20px 3px 0px;
}

/* ---------------- social tools ---------------- */

.socialtools {
  margin: 4px 0px 10px 0px;
	padding-bottom: 4px;
	float: left;
	clear: left;
	white-space: nowrap;
}
.socialtools .inlinebutton {
	margin-right: 18px;
	clear: both;
}
.socialtools img {
	vertical-align: middle;
}
.socialtools iframe {
	width: 90px;
	margin-top: 2px;
    float: left;
	z-index: 7;
}
.socialbutton {
	font-size: 0.8em;
	margin-right: 20px;
    float: left;
}
.socialbutton a, .socialbutton a:visited {
	text-decoration: none;
}
.likee_like {
	padding: 10px 0 6px 34px;
	background-image: url(/images/site/css/bt_like.gif);
	background-repeat: no-repeat;
}
.likee_liked {
	color: #B1BED6;
	padding: 10px 0 6px 34px;
	background-image: url(/images/site/css/bt_liked.gif);
	background-repeat: no-repeat;
}
.commentbutton {
	padding: 10px 0 6px 28px;
	background-image: url(/images/site/css/bt_comment.gif);
	background-repeat: no-repeat;
}
.offer .commentbutton {
	margin: -6px 0 0 -9px;
	float: left;
}

/* ---------------- hyperlinks ---------------- */

.giftlink {
  margin: 8px 0px 3px 0px;
  float: left;
	white-space: nowrap;
}
.giftlink a {
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0px 3px 28px;
	margin-bottom: 9px;
    float: left;
}
.giftlink a.addorange {
	background: transparent url(/images/site/css/bt_addorange.gif) no-repeat;
}
.giftlink a.minorange {
	background: transparent url(/images/site/css/bt_minorange.gif) no-repeat;
}

/* ---------------- products ---------------- */

.offer_panels, .product_panels {
	width: 100%;
	border-bottom: solid 1px #FF8500;
	float: left;
}
.product_panels.giftlist {
	border-bottom: solid 1px #093678;
}
.offer_panels {
	margin: 15px 0px 140px 0px;
}
.product_panels {
	margin: 10px 0px 12px 0px;
}
.offer_header {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.offerintro {
	font-size: 1.2em;
	margin: 0px;
	float: left;
}
.offer_header .offer {
	border: none;
}
.offer, .product {
	width: 100%;
	border-top: solid 1px #FF8500;
	float: left;
	clear: both;
}
.product_panels.giftlist .product {
	border-top: solid 1px #093678;
}
.offer h2, .offer h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 8px 0px 5px 0px;
}
.offer strong {
	font-size: 1.1em;
}
.offerimage {
	text-align: center;
	width: 230px;
	height: 140px;
	float: right;
	overflow: hidden;
}
.offer a {
	z-index: 5;
}
.offer .button {
	float: left;
	margin-bottom: 12px;
}
.productimage {
	text-align: center;
	width: 170px;
	height: 140px;
	margin-right: 12px;
	float: left;
	overflow: hidden;
}
.productimage a {
	z-index: 6;
}
.productdetails {
  width: 478px;
	overflow: hidden;
	float: left;
}
.product h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 9px 0px 2px 0px;
}
.product p {
	margin-bottom: 4px;
}
.productcode {
	font-size: 0.8em;
	font-style: normal;
}
.offer_footer {
	width: 100%;
}
.offer_footer p {
	font-size: 0.7em;
	line-height: 1.2em;
	font-style: italic;
	width: 320px;
	margin-left: 87px;
	float: left;
}
.offer_footer .back {
	float: right;
}

/* ---------------- gift list form ---------------- */

.giftliststf {
	font-size: 0.8em;
	margin-top: 30px;
	padding: 8px 10px 10px 10px;
	background-color: #DCEAF9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	display: none;
}
.giftliststf .label {
	width: 170px;
	float: left;
}
.giftliststf label {
	padding-top: 2px;
}
.giftliststf input {
	font-family: verdana, helvetica, sans-serif;
	font-size: 1em;
	color: #093678;
	width: 200px;
	padding: 1px 4px 2px 4px;
	border: 1px solid #79ADE8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.giftliststf .inlinebutton {
	margin-right: -1px;
	float: right;
}
.giftliststf .formmessage {
	padding: 2px 6px 0px 6px;
	margin: 3px 0px 9px 0px;
	display: none;
}
.giftliststf .formmessage.success {
	background-color: #C4DBF4;
	border: 1px solid #79ADE8;
}
.giftliststf .formmessage.error {
	background-color: #FDE4E3;
	border: 1px solid #F55550;
}
.giftliststf .formmessage p {
	margin-bottom: 2px;
}
