/*
 * Baby & Toddler
 * 13/07/09
 * Len Mclaughlin
 * @TheForwardGroup
 * General styling
 */


/*
** general reset
*/
/*
* { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0 }
body { line-height: 1; color: black; background: white; font-size:80%; font-family: verdana, serif }
ol, ul { list-style: none }
*:focus { outline: none }

.access, .accessibility { position:absolute; top:-500em; left:0; height:1px; width:1px; margin:-500em }

*/

.hide { position:absolute; top:-500em; left:0; height:1px; width:1px; margin:-500em }

/*
** colour schemes
*/
/* colour-1: Blue */
.colour-1 { border-color:#34c0fa; color:#34c0fa }
/* colour-2: Lime */
.colour-2 { border-color:#bed730; color:#bed730 }
/* colour-3: Red */
.colour-3 { border-color:#d60b4d; color:#d60b4d }
/* colour-4: Turquoise */
.colour-4 { border-color:#00b3cc; color:#00b3cc }
/* colour-5: Purple */
.colour-5 { border-color:#a474b2; color:#a474b2 }
/* colour-6: Pink */
.colour-6 { border-color:#f883cb; color:#f883cb }
/* colour-7: Orange */
.colour-7 { border-color:#ffae00; color:#ffae00 }
/* colour-8: Light Purple */
.colour-8 { border-color:#d3add1; color:#d3add1 }

/* Additional colours for some of components */
/* colour-9: Green */
.colour-9 { border-color:#7ac404; color:#7ac404 }
/* colour-10: White */
.colour-10 { border-color:#fff; color:#fff !important }
/* colour-11: Black */
.colour-11 { border-color:#000; color:#000 }
/* colour-12: Neutral */
.colour-12 { border-color:#eee; color:#eee }
.colour-12-bkgrd { background-color:#eee }


/*
** header
*/
.pageheader { width:964px; height:88px; background-color:#d3add1; position:relative  }
  .pageheader h1 { background: url(/assets/babyclub/content/images/global/header_tesco_logo.gif) no-repeat left 10px }
  .pageheader h1 { margin-left:30px; width:121px; height:45px }
  .pageheader h2 { background: url(/assets/babyclub/content/images/global/header_babyclub_logo.jpg) no-repeat left top }
  .pageheader h2 { position:absolute; top:10px; right:10px; width:423px; height:66px }
  .pageheader .gototesco { background: url(/assets/babyclub/content/images/global/arrow_white.gif) no-repeat right center; height:20px }
  .pageheader .gototesco { position:absolute; top:55px; width:150px; font-weight:bold  }
  .pageheader p.gototesco { margin:0 }
	  .pageheader .gototesco a { text-decoration:none; color:#d3add1; display:block; margin-left:30px; margin-top:3px; font-size:1.1em }

  /* Line to go back after the baby fair event and delete below
  .pageheader ul.clubcardbox { position:absolute; top:30px; left:200px; width:320px; color:#fff; font-weight:bold; margin:0; padding:0 5px }*/
  .pageheader ul.clubcardbox { position:absolute; top:0px; left:160px; width:350px; color:#fff; font-weight:bold; margin:0; padding:0 5px }
    .pageheader ul.clubcardbox li { float:left; display:inline; padding:0 8px; /*border-right:1px dashed #fff;*/ width:170px; font:bold 0.8em/1em Verdana  }
	  /*Line to go back after the baby fair event and delete below  
	  .pageheader ul.clubcardbox li.clubcard { background: url(/assets/babyclub/content/images/global/header_tesco_Clubcard_logo.gif) no-repeat center center; width:84px; height:32px;  border-left:1px dashed #fff  }*/
	  .pageheader ul.clubcardbox li.clubcard { background: url(/assets/babyclub/content/images/global/toddlerzone_headerimage.gif) no-repeat center center; width:350px; height:88px  }

/* IE 7 specific */
*:first-child+html .pageheader ul.clubcardbox { width:300px }
*:first-child+html .pageheader .clubcard { width:30% }
*:first-child+html .pageheader li.cctext { width:auto; padding-right:10px }

/* IE 6 specific */
* html .pageheader ul.clubcardbox { width:300px }
* html .pageheader .clubcard { width:30% }
* html .pageheader .cctext { width:auto; padding-right:10px }



/*
** footer
*/
.pagefooter { background: url(/assets/babyclub/content/images/global/footer_mainbar.jpg) no-repeat left top; width:964px; height:61px }
  .pagefooter ul { width:100%; margin:0; color:#fff; font-weight:bold; padding:22px 0 0 30px }
    .pagefooter li { color:#fff; float:left; display:inline; margin-right:15px; width:auto }
      .pagefooter li a { color:#fff !important; font-weight:bold; text-decoration:none; font-size:0.8em }
.copyright { text-align:center; font:0.65em/1.5em Verdana; color:#656565;clear:both; margin-top:5px}



/*
** navigation
*/

#navstrip { width:964px; background-color:#e9d6e8; padding:5px 0; margin:18px 0 5px 0 }
.mainnav { margin:0; padding:0 0 0 5px; float:left }
	.mainnav li { float:left; display:inline; margin-right:5px; font-weight:bold; width:auto }
		.mainnav li a { float:left; display:block; margin:0; padding:2px 0 0 8px; height:18px; color:#fff !important }
	  .mainnav li img { float:left }

.nav1, .nav2, .nav3, .nav4, .nav5, .nav6, .nav7, .nav8 { height:20px }

.nav1 a, .nav2 a, .nav3 a, .nav4 a, .nav5 a, .nav6 a, .nav7 a, .nav8 a { text-decoration:none; font-size:12px; margin:0 5px; padding:0 5px }

 .prospectnav { margin:0; padding:0 5px 0 0; float:right }
	.prospectnav li { float:left; display:inline; margin-left:5px; font-weight:bold; width:auto }
		.prospectnav li a { display:block; margin:3px 3px 0 0; color:#d3add1 !important }

.nav9, .nav10 { height:20px; padding-left:5px }

.nav9 a, .nav10 a { text-decoration:none; font-size:12px; margin:0 5px; padding:0 3px }

/* colour-1: Blue */
.nav1-bkgrd a { background-color:#34c0fa }
.nav1-arr {background: transparent url(/assets/babyclub/content/images/global/arrow_blue_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-5: Purple */
.nav2-bkgrd a { background-color:#a474b2 }
.nav2-arr {background: transparent url(/assets/babyclub/content/images/global/arrow_purple_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-6: Pink */
.nav3-bkgrd a { background-color: #f883cb }
.nav3-arr {background: transparent url(/assets/babyclub/content/images/global/arrow_pink_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-4: Turquoise */
.nav4-bkgrd a { background-color:#00b3cc }
.nav4-arr {background: transparent url(/assets/babyclub/content/images/global/arrow_turqouise_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-3: Red */
.nav5-bkgrd a { background-color:#d60b4d }
.nav5-arr {background: transparent url(/assets/babyclub/content/images/global/arrow_red_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-7: Orange */
.nav6-bkgrd a { background-color:#ffae00 }
.nav6-arr {background: transparent url(/assets/babyclub/content/images/global/arrow_yellow_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-2: Lime */
.nav7-bkgrd a { background-color:#bed730 }
.nav7-arr {background: transparent url(/assets/babyclub/content/images/global/arrow_lime_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-8: Light Purple */
.nav8-bkgrd a { background-color:#d3add1 }
.nav8-arr {background: transparent url(/assets/babyclub/content/images/global/arrow_lightpurple_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }

.nav9 { background: url(/assets/babyclub/content/images/global/arrow_white.gif) no-repeat right center }
.nav10 { background: url(/assets/babyclub/content/images/global/arrow_white.gif) no-repeat right center }

/*
** breadcrumb
*/
#breadcrumb { width: 964px; margin:0; padding:0; vertical-align:middle }
#breadcrumb ul.site-location { padding:0; margin:0 }
#breadcrumb .site-location li { display:inline; float:left; font-size:0.6em }
#breadcrumb .site-location li a { color:#000; display:block; float:left; padding:0px 5px 0 0px; text-decoration:none }
#breadcrumb .site-location li.first { float:left }
#breadcrumb .site-location li.first a { padding-left:0; float:left }
#breadcrumb .greeting { float:right; padding-right:5px; font-size:0.6em }




/*
** homepage
*/

/* jquery tabbed offer box */
#tabs, #otabs { width:100%; padding:0; margin:0 }
/* Target all Firefox */
#tabs[id=tabs] { margin-top:10px }

	#tabs ul.tabsmenu li { float:right; display:inline; font-size:75% }
	#tabs ul.tabsmenu li.fragment-0 { display:block; width:168px; background: url(/assets/babyclub/content/images/homeOffers/offers_header.gif) no-repeat left top; width:95px; height:32px; float:left; margin-left:10px }

	#tabs .tabsmenu, #otabs .tabsmenu { background-color:#c2ecfd }
  #otabs .tabsmenu .ui-tabs .ui-tabs-nav { padding:0.5em 0.2em 0 !important }
  * html #otabs .tabsmenu .ui-tabs .ui-tabs-nav { padding:0.4em 0.2em 0 !important }

	/* offers page */
	#otabs ul.otabsmenu li { font-size:80% }
    #otabs ul.otabsmenu li.ofragment-0 { background: url(/assets/babyclub/content/images/homeOffers/offers_header.gif) no-repeat left top; height:32px;  width:100%; padding-bottom:5px }

	#otabs .otabsmenu { background-color:#c2ecfd }


/* home menu and offer page tabs */
.ui-tabs-nav li.fragment-1 a, .ui-tabs-nav li.ofragment-1 a,
.ui-tabs-nav li.fragment-2 a, .ui-tabs-nav li.ofragment-2 a,
.ui-tabs-nav li.fragment-3 a, .ui-tabs-nav li.ofragment-3 a,
.ui-tabs-nav li.fragment-4 a, .ui-tabs-nav li.ofragment-4 a,
.ui-tabs-nav li.fragment-5 a, .ui-tabs-nav li.ofragment-5 a,
.ui-tabs-nav li.fragment-6 a, .ui-tabs-nav li.ofragment-6 a { font-size:1.1em }
.ui-tabs-selected { border-top:2px solid transparent }
li.ofragment-1 a, li.ofragment-2 a,
li.ofragment-3 a, li.ofragment-4 a,
li.ofragment-5 a, li.ofragment-6 a{ color:#fff !important }
li.fragment-1 a, li.fragment-2 a,
li.fragment-3 a, li.fragment-4 a,
li.fragment-5 a, li.fragment-6 a{ color:#fff !important }


/* tabbed offer section */
.offer-buylist { width:100%; margin:0; padding: 0 0 10px 0; font-weight:bold; font-size:70% }
  .offer-buylist span { color:#7cabb9 }
  .offer-buylist li { background-color:#fff; float:left; display:inline; width:auto; margin:0 5px }
    .offer-buylist li a { text-decoration:none; color:#666 }
    .offer-buylist li img { margin-right:3px }

.offer-list { clear:left; width:100% }
  .offer-list li { position:relative; width:33%; margin:5px 0 0 0; text-align:left; float:left; display:inline }
  .offer-list .last { border-right:none }
    .offer-list li p { font-weight:bold; line-height:120%; margin:2px 0 0 20px; color:#666 }
    .offer-list li p.title { font-size:18px; line-height:18px; color:#00abc3 }
ul.offer-list { border-color:inherit; padding:10px 0; margin:0 }
ul.offer-list li { border-color:inherit }

.offer-vertical-border { border-right:2px dashed; border-left:2px dashed }

.offerborder { border-bottom:2px dashed; border-top:2px dashed }
.offerborderlower { border-bottom:2px dashed }

.offer-price { margin:0; color:#e40c52 !important; font-weight:bold }
.offer-wasprice { margin:0; color:#e40c52 !important; font-weight:bold; font-size:0.56em }
p.offer-buynow { margin-top:15px !important; padding:0; text-indent:15px; height:20px; width:60px }
  p.offer-buynow a { display:block; font-weight:bold; text-decoration:none; padding-top:1px; color:#fff !important }


span.mumschoice { display:block; background: url(/assets/babyclub/content/images/homeOffers/silver.png) no-repeat left top; position:absolute; right:10px; top:5px; width:63px; height:85px }
span.gold {background: url(/assets/babyclub/content/images/homeOffers/gold.png) no-repeat left top;}
span.babyzonelogo {background: url(/assets/babyclub/content/images/homeOffers/babytodd.png) no-repeat left top;width:72px; height:56px}


/* colour combos */
.fragment-colour-1 { background-color:#00abc3 } /* Blue */
.fragment-colour-2 { background-color:#bed730 } /* Lime */
.fragment-colour-3 { background-color:#d60b4d } /* Red */
.fragment-colour-4 { background-color:#00b3cc } /* Turquoise */
.fragment-colour-5 { background-color:#a474b2 } /* Purple */
.fragment-colour-6 { background-color:#f883cb } /* Pink */
.fragment-colour-7 { background-color:#ffae00 } /* Orange */
.fragment-colour-8 { background-color:#d3add1 } /* Light Pruple */
.fragment-colour-9 { background-color:#7ac404 } /* Green */
.fragment-colour-12 { background-color:#eee }   /* Neutral */

#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6 { background-color:#fff; padding:0.6em 1em 0.5em 1.4em; margin-bottom:0 !important }

.fragment-colour-2 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_lime.png) no-repeat right center }
.fragment-colour-3 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_red.png) no-repeat right center }
.fragment-colour-1 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_blue.png) no-repeat right center }
.fragment-colour-5 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_purple.png) no-repeat right center }
.fragment-colour-8 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_lightpurple.png) no-repeat right center }
.fragment-colour-4 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_turqouise.png) no-repeat right center }
.fragment-colour-9 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_green.png) no-repeat right center }
.fragment-colour-6 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_pink.png) no-repeat right center }
.fragment-colour-13 .offer-buynow { background: url(/assets/babyclub/content/images/global/arrow_yellow.png) no-repeat right center }

.fragment-colour-2 .offer-vertical-border, .fragment-colour-2 .offerborder, .fragment-colour-2 .offer-buylist{ border-color:#bed730 }
.fragment-colour-3 .offer-vertical-border, .fragment-colour-3 .offerborder, .fragment-colour-3 .offer-buylist { border-color:#e40c52 }
.fragment-colour-1 .offer-vertical-border, .fragment-colour-1 .offerborder, .fragment-colour-1 .offer-buylist { border-color:#00abc3 }
.fragment-colour-5 .offer-vertical-border, .fragment-colour-5 .offerborder, .fragment-colour-5 .offer-buylist { border-color:#a474b2 }
.fragment-colour-8 .offer-vertical-border, .fragment-colour-8 .offerborder, .fragment-colour-8 .offer-buylist { border-color:#d3add1 }
.fragment-colour-4 .offer-vertical-border, .fragment-colour-4 .offerborder, .fragment-colour-4 .offer-buylist { border-color:#00b3cc }
.fragment-colour-9 .offer-vertical-border, .fragment-colour-9 .offerborder, .fragment-colour-9 .offer-buylist{ border-color:#7ac404 }
.fragment-colour-6 .offer-vertical-border, .fragment-colour-6 .offerborder, .fragment-colour-6 .offer-buylist { border-color:#f883cb }
.fragment-colour-13 .offer-vertical-border, .fragment-colour-13 .offerborder, .fragment-colour-13 .offer-buylist{ border-color:#ffae00 }


.hot { zoom: 1; /* Should be IE only */ }
/* rollover style for clickable element */
.hover { cursor: pointer }

#otabs .first, #tabs .first { padding-left:0 }
#otabs .first p, #tabs .first p { padding-left:0; margin-left:0 }

/*  home page tabbed footer area  */
.offer-footer { margin-top:10px; clear:left }
.offer-footer .head { margin:16px 0 8px 0; font-weight:bold; font-size:16px }
.offer-footer p { font-weight:bold; color:#a474b2 }


/* IE 7 specific */
/* jquery tabbed offer box */
*:first-child+html #tabs { width:100% }
*:first-child+html #tabs ul li.fragment-0 span { display:block; width:156px }

/* tabbed offer section */
*:first-child+html .offer-buylist li { height:18px; vertical-align:bottom }

/* IE 6 specific */
/* jquery tabbed offer box */
* html #tabs { width:100% }

/* tabbed offer section */
* html .offer-buylist li a { color:#666 !important }




/* home page carousel */
#carousel-container { position:relative; padding:0; margin:0; border:2px dashed #d3add1 }
#carousel-container ul { position:relative; padding:0; margin:0; border:none }
#carousel-container .carousel-list { clear:left; margin-left:7px; margin-bottom:6px }
#carousel-container .carousel-list li { background-color:#c2ecfd; color:#666; width:24%; font-size:75%; margin-right:0.45em; border-top:3px solid #ffffff }
#carousel-container .carousel-list li.last { margin-right:0 }
#carousel-container .carousel-list .ui-tabs-selected { background-color:#fddaef; border-top-color:#fddaef }
#carousel-container .carousel-list li a { color:#666666 }

#carousel-container ul li img { float:left; margin-left:6px }
#home-carousel-1 a, #home-carousel-2 a, #home-carousel-3 a, #home-carousel-4 a {  text-decoration:none; cursor:pointer }

#home-carousel-1, #home-carousel-2, #home-carousel-3, #home-carousel-4 { margin:6px 0 0 0; padding:0; text-align:center }
#home-carousel-1 li span, #home-carousel-2 li span, #home-carousel-3 li span, #home-carousel-4 li span { display:block; margin-left:6px; text-indent:-200em;}
#home-carousel-1 li, #home-carousel-1 li, #home-carousel-2 li, #home-carousel-3 li, #home-carousel-4 li { display:inline; padding:0;margin:0  }


#carousel-container .carousel-list li span { display:block; position:absolute; top:4px; left:6px }
.carousel-1 span { background: url(/assets/babyclub/content/images/homeOffers/tab_no1.png) no-repeat left top; width:11px; height:15px }
.carousel-2 span { background: url(/assets/babyclub/content/images/homeOffers/tab_no2.png) no-repeat left top; width:11px; height:15px }
.carousel-3 span { background: url(/assets/babyclub/content/images/homeOffers/tab_no3.png) no-repeat left top; width:11px; height:15px }
.carousel-4 span { background: url(/assets/babyclub/content/images/homeOffers/tab_no4.png) no-repeat left top; width:11px; height:15px }
#carousel-container .carousel-list li a { line-height:120%; margin:0 0 0 10px; padding-right:0.6em; padding-top:0.2em !important }

/* carousel promo inserts */
#home-carousel-1 .promohead, #home-carousel-2 .promohead, #home-carousel-3 .promohead, #home-carousel-4 .promohead { position:absolute; top:70px; left:420px }
#home-carousel-1 .promohead ul li, #home-carousel-2 .promohead ul li, #home-carousel-3 .promohead ul li, #home-carousel-4 .promohead ul li { background: url(/assets/babyclub/content/images/global/arrowlarge.png) no-repeat right center }
#home-carousel-1 .promohead ul li, #home-carousel-2 .promohead ul li, #home-carousel-3 .promohead ul li, #home-carousel-4 .promohead ul li { height:48px !important; margin-bottom:5px; padding-right:4px; width:190px; display:block; text-align:left }
#home-carousel-1 .promohead ul li a, #home-carousel-2 .promohead ul li a, #home-carousel-3 .promohead ul li a, #home-carousel-4 .promohead ul li a { display:block; text-decoration:none; font-size:85%; font-weight:bold; color:#fff; margin:0 5px; padding:7px 5px 0 5px }

#home-carousel-1 .promoheadsingle, #home-carousel-2 .promoheadsingle, #home-carousel-3 .promoheadsingle, #home-carousel-4 .promoheadsingle { top:100px !important }


/* IE 7 specific */
*:first-child+html #home-carousel-1 li span,
*:first-child+html #home-carousel-2 li span,
*:first-child+html #home-carousel-3 li span,
*:first-child+html #home-carousel-4 li span { margin-left:0 }
/* home page carousel */
*:first-child+html #home-carousel-1 .promohead, *:first-child+html #home-carousel-2 .promohead, *:first-child+html #home-carousel-3 .promohead, *:first-child+html #home-carousel-4 .promohead { top:60px }

/* IE 6 specific */
/* home page carousel */
* html #home-carousel-1 .promohead, * html #home-carousel-2 .promohead, * html #home-carousel-3 .promohead, * html #home-carousel-4 .promohead { top:70px }
* html #home-carousel-1 a span, * html #home-carousel-2 a span, * html #home-carousel-3 a span, * html #home-carousel-4 a span { margin-left:0 }
* html #carousel-container ul { position:static }


/* help and advice section */
.helpadvice { width:653px; background-color:#eee; margin-top:10px; padding:10px 0 20px 0px; clear:both }
	.helpadvice h4 { background: url(/assets/babyclub/content/images/global/Help_advice_header_landscape.gif) no-repeat left top; width:317px; height:22px; margin-left:8px }
	.helpadvice ul { width:23.5%; margin:5px 3px 10px 4px; padding-bottom:10px; float:left  }
		.helpadvice ul li { clear:left; padding-bottom:3px; font-size:75%; line-height:130% }
		.helpadvice li a { color:#000 !important; text-decoration:none }
    .helpadvice li.help-header { padding:0; margin:0 0 10px 0; height:20px; text-align:left }
		.helpadvice li.help-header h5 { margin:10px 0 0 0; padding:0 }
		.helpadvice li.help-header h5 a { width:84%; float:left; display:inline; color:#fff !important; margin-left:0; padding:0 0 0 11px; height:20px; font-size:0.92em }
		.helpadvice li.help-header h5 img { float:left }
  .helpadvice ul.last { padding-right: 0; margin-right: 0 }
.helplink1 li.help-header, .helplink2 li.help-header, .helplink3 li.help-header, .helplink4 li.help-header { font-size:0.9em; background:none }

.helplink1, .helplink2, .helplink3, .helplink4 {background-color:#fff; margin:0; padding:0 }
.helpadvice ul.helplink1 { margin-left:8px }
.helpadvice ul.helplink1 { _margin-left:5px }

/* colour-5: Purple */
.helplink1-bkgrd a { background-color:#a474b2 }
.helplink1-arr {background: #fff url(/assets/babyclub/content/images/global/arrow_purple_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-6: Pink */
.helplink2-bkgrd a { background-color: #f883cb }
.helplink2-arr {background: #fff url(/assets/babyclub/content/images/global/arrow_pink_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-4: Turquoise */
.helplink3-bkgrd a { background-color:#00b3cc }
.helplink3-arr {background: #fff url(/assets/babyclub/content/images/global/arrow_turqouise_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }
/* colour-3: Red */
.helplink4-bkgrd a { background-color:#d60b4d }
.helplink4-arr {background: #fff url(/assets/babyclub/content/images/global/arrow_red_sm.png) no-repeat right top; width:12px; height:20px; display:block; float:left }

.helplink1 li { background: url(/assets/babyclub/content/images/global/bullet_purple.gif) no-repeat 12px 2px; padding-left:24px }
.helplink2 li{ background: url(/assets/babyclub/content/images/global/bullet_pink.gif) no-repeat 12px 2px; padding-left:24px }
.helplink3 li { background: url(/assets/babyclub/content/images/global/bullet_turquoise.gif) no-repeat 12px 2px; padding-left:24px }
.helplink4 li { background: url(/assets/babyclub/content/images/global/bullet_red.gif) no-repeat 12px 2px; padding-left:24px }

.helplink1 li.help-header, .helplink2 li.help-header, .helplink3 li.help-header, .helplink4 li.help-header { font-size:0.9em; background:none }


/* verticle help and advice section */
.vertical-helpadvice { background-color:#eee; padding:8px 5px 2px 5px; height:590px !important } /* fix height to length of vertical banner - take padding into consideration */
	.vertical-helpadvice h4 { background: url(/assets/babyclub/content/images/global/Help_advice_header_vertical.gif) no-repeat left top; width:135px; height:39px; padding-bottom:8px }
	.vertical-helpadvice ul { padding:3px 0 2px 0; background-color:#fff  }
		.vertical-helpadvice ul li { padding-bottom:3px; font-size:72%; line-height:120% }
		.vertical-helpadvice li a { color:#000 !important; text-decoration:none }

    .vertical-helpadvice li.help-header { padding:1px 0 1px 0; margin:0 0 20px 0; height:20px; text-align:left }
    * html .vertical-helpadvice li.help-header { margin-bottom:10px }
		.vertical-helpadvice li.help-header h5 { margin:10px 0 0 0; padding:0 }
		.vertical-helpadvice li.help-header h5 a { width:84%; float:left; display:inline; color:#fff !important; margin-left:0; padding:0 0 0 11px; height:20px; font-size:0.92em }
		.vertical-helpadvice li.help-header h5 img { float:left }
		.vertical-helpadvice .pad { padding-bottom:20px }

.vertical-helpadvice li.help-header { font-size:0.9em; background:none }


/* video player */
.mainvideo { padding:10px; width:633px; height:auto; background-color:#f6ffcf }
  .mainvideo h3 { background-color:#fff; color:#000; padding:10px 10px 10px 0; font-size:0.9em; text-align:center; width:100px; font-weight:bold }
  .mainvideo #vidobject { background-color:#fff; position:relative; padding:10px 0 10px; margin:0 }
  .mainvideo #vidobject .vidotext { float:right; margin:0; padding:10px 0 0 20px; width:242px }
    .mainvideo #vidobject .vidotext h4 { font-size:1em; font-weight:bold }
    .mainvideo #vidobject .vidotext p { font-size:0.8em }
    .mainvideo #vidobject .vidotext ul { margin:40px 0 0; padding:0 }
    .mainvideo #vidobject .vidotext li { background: url(/assets/babyclub/content/images/global/arrow_green.png) no-repeat left center !important; height:20px; width:100%; font-size:80% }
      .mainvideo #vidobject .vidotext li a { color:#fff !important; display:block; font-weight:bold; margin-right:50px; text-align:right; text-decoration:none }

/* image to silverlight */
  .mainvideo #vidobject .img2silver { margin:0 0 0 10px; padding:0; position:relative; float:left; width:359px; height:199px; text-align:center; z-index:10 }
  .mainvideo #vidobject	.img2silver img {position:absolute; width:359px; height:199px; left:0 }
/* hack for mozilla browsers */
html>/**/body .img2silver {z-index:-1}

.mainvideo #vidobject	.imgOverlay {background:#000; -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; position:absolute; left:0; top:0; width:100%; height:100%; display:block}

.txtOverlay {width:100%; left:0; top:40px; position:absolute}
	.txtOverlay h4 { color:#fff; font-size:1em; font-weight:bold}
	.txtOverlay p { color:#fff; font-size:0.8em }
	.txtOverlay p a { color:#fff !important }



/* jquery video tabbed offer box */
#videotabs { width:100%; padding: 0 }
  #videotabs .tabsmenu { border:0 none; padding-left:0 }

/* menu tabs */
.ui-tabs-nav li.vframe-1 a { font-size:80% }
.ui-tabs-nav li.vframe-2 a { font-size:80% }
.ui-tabs-nav li.vframe-3 a { font-size:80% }
.ui-tabs-nav li.vframe-4 a { font-size:80% }
.ui-tabs-nav li.vframe-5 a { font-size:80% }
.ui-tabs-nav li.vframe-6 a { font-size:80% }

li.vframe-1 a, li.vframe-2 a, li.vframe-3 a, li.vframe-4 a, li.vframe-5 a, li.vframe-6 a { color:#fff !important }

.video-list { margin:0; padding:0; clear:left }
	.video-list li { float:left; display:inline; width:48%; margin-right:10px; margin-bottom:15px }
		.video-list li p.vtitle { margin:0 0 0 -10px; padding:0 10px }

	.video-list li .vidthumbnail { float:left; width:49%; margin:0; padding:0 }
	.video-list li .vidtitle { float:right; width:44%; margin:0 0 0 10px; padding:0 }
		.video-list li p { color:#000 }

#videotabs .pad { padding:1em 0.9em !important }



/* single page video player */
.videopage { padding:10px; width:633px; height:auto; background-color:#f6ffcf }
  .videopage .videopanel { background-color:#fff; color:#000; padding:10px }
    .videopage .videopanel h2 { padding:10px; font-size:1.2em; font-weight:bold }
    .videopage .videopanel p { clear:left; font-size:0.8em; height:20px; margin:0 0 0 10px; padding:0 }
    .videopage .videopanel #vidobject { background-color:#fff; position:relative; padding:10px 0 10px 10px; margin:0 }

/* image to silverlight */
  .videopage .videopanel #vidobject .img2silver { margin:0; padding:0; position:relative; float:left; text-align:center; width:600px; height:338px; z-index:10 }
    .videopage .videopanel #vidobject .img2silver img {position:absolute; width:600px; height:338px; left:0 }

  .videopage .videopanel { margin-top:40px }

  .videopage .videopanel .imgOverlay {background:#000; -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; position:absolute; left:0; top:0; width:100%; height:100%; display:block}

  .videopage .videopanel .vidfooter { margin:10px 0 0 0; position:relative; top:10px; left:0 }
    .videopage .videopanel .vidfooter ul { margin:0; padding:0; font-size:80% }
      .videopage .videopanel .vidfooter ul li { float:left; display:inline; margin-right:10px }
        .videopage .videopanel .vidfooter ul li a { color:#000 }

  .vidfooter img.shareimg { text-decoration:none; margin-right:4px; vertical-align:top }

  .videopanel .vidfooter .ratings { margin:0; padding:10px 0 }
    .videopanel .vidfooter .ratings li a { color:#000 }

  .videopage .videopanel .s2f { background: url(/assets/babyclub/content/images/global/arrow_green.png) no-repeat right top !important; width:160px; height:20px; float:right !important   }
    .videopage .videopanel .s2f a { display:block; text-decoration:none; text-align:right; margin-right:10px; font-weight:bold; font-size:0.9em; line-height:150%; color:#fff !important }

/* IE 7 specific */

/* IE 6 specific */
* html .img2silver { margin-left:5px }
* html .videopage { width:633px }
* html .videopage .videopanel #vidobject { padding:10px 0 10px 0 }
* html .mainvideo #vidobject .vidotext { float:left; width:230px }



/*
** banners
*/
.banner-300x113 { width:300px; height:113px; position:relative }
  .banner-300x113 p { margin:0; padding:50px 0 0 10px; font-weight:bold; width:80% }
  .banner-300x113 ul { margin:8px 0 0; padding:0; width:100% }
    .banner-300x113 li { float:left; display:inline; margin-right:10px; line-height:110% }
      .banner-300x113 li a { text-decoration:none; font-weight:bold; display:block; font-size:80%; padding:0 10px }

.colour-2 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_lime.png) no-repeat right center !important; height:20px }
.colour-3 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_red.png) no-repeat right center !important; height:20px; margin-right:10px }
.colour-5 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_purple.png) no-repeat right center !important; height:20px; margin-right:10px }
.colour-8 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_lightpurple.png) no-repeat right center !important; height:20px; margin-right:10px }
.colour-4 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_turqouise.png) no-repeat right center !important; height:20px; margin-right:10px }
.colour-9 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_green.png) no-repeat right center !important; height:20px; margin-right:10px }
.colour-6 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_pink.png) no-repeat right center !important; height:20px; margin-right:10px }
.colour-7 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_yellow.png) no-repeat right center !important; height:20px; margin-right:10px }
.colour-10 .banner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_white.gif) no-repeat right center !important; height:20px; margin-right:10px }


.banner-300x154 { width:300px; height:154px; position:relative }
  .banner-300x154 p { margin:0; padding:0 0 10px 10px; width:50% }
    .banner-300x154 p.q { padding-top:45px }
  .banner-300x154 ul { margin:8px 0 0; padding:0; width:50% }
  .banner-300x154 li { line-height:110% }
	.banner-300x154 ul li a { text-decoration:none; font-weight:bold; font-size:80%; padding:0 10px }


/* color combos */

.colour-2 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_lime.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-3 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_red.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-1 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_blue.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-5 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_purple.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-8 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_lightpurple.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-4 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_turqouise.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-9 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_green.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-6 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_pink.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-7 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_yellow.png) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }
.colour-10 .banner-300x154 li { background: url(/assets/babyclub/content/images/global/arrow_white.gif) no-repeat right center; height:20px; padding-right:5px; text-align:right; color:#000 }


.vidbanner-300x113 { width:300px; height:113px; position:relative }
  .vidbanner-300x113 p { font-weight:bold; margin:0; padding:40px 0 0 22px; width:50% }
  .vidbanner-300x113 ul { position:absolute; margin:0; padding:0; bottom:0 }
  .vidbanner-300x113 li { margin-right:10px; text-align:right; width:160px; line-height:110% }
    .vidbanner-300x113 li a { text-decoration:none; font-weight:bold; font-size:80%; padding:0 10px }

/* color combos */

.colour-2 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_lime.gif) no-repeat scroll 12px 40px }
.colour-2 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_lime.png) no-repeat right center; height:20px }

.colour-3 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_red.gif) no-repeat scroll 12px 40px }
.colour-3 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_red.png) no-repeat right center; height:20px }

.colour-5 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_purple.gif) no-repeat scroll 12px 40px }
.colour-5 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_purple.png) no-repeat right center; height:20px }

.colour-8 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_lightpurple.gif) no-repeat scroll 12px 40px }
.colour-8 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_lightpurple.png) no-repeat right center; height:20px }

.colour-4 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_turquoise.gif) no-repeat scroll 12px 40px }
.colour-4 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_turquoise.png) no-repeat right center; height:20px }

.colour-9 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_green.gif) no-repeat scroll 12px 40px }
.colour-9 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_green.png) no-repeat right center; height:20px }

.colour-6 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_pink.gif) no-repeat scroll 12px 40px }
.colour-6 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_pink.png) no-repeat right center; height:20px }

.colour-7 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_yellow.gif) no-repeat scroll 12px 40px }
.colour-7 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_yellow.png) no-repeat right center; height:20px }

.colour-10 .vidbanner-300x113 p { background:transparent url(/assets/babyclub/content/images/global/bullet_white.gif) no-repeat scroll 12px 40px }
.colour-10 .vidbanner-300x113 li { background: url(/assets/babyclub/content/images/global/arrow_white.png) no-repeat right center; height:20px }
.colour-10 .vidbanner-300x113 li a { color:#000 }


.recipesearch-banner300x179 { width:300px; height:179px; position:relative }
  .recipesearch-banner300x179 ul { margin: 0 0 0 10px; padding:0; font-family:arial; font-size:0.9em }
    .recipesearch-banner300x179 li { float:left; display:inline; background: url(/assets/babyclub/content/images/global/bullet_yellow.gif) no-repeat left 3px; margin-right:5px; line-height:18px }
      .recipesearch-banner300x179 p { margin:0 0 0 10px; padding:0; font-size:75% }
      .recipesearch-banner300x179 li span { font-weight:bold; display:block }
      .recipesearch-banner300x179 li a { text-decoration:none; display:block; font-size:0.9em; padding:0; margin:0; text-indent:10px; color:#000 !important }

.recipesearch-banner300x179 form { margin:0; padding:42px 0 0 }
  .recipesearch-banner300x179 fieldset { border: none; margin:0 0 0 12px; padding-left:0 }
  .recipesearch-banner300x179 .btc-search { border: 1px solid #ffae00 }
  .recipesearch-banner300x179 input { display:block }
  .recipesearch-banner300x179 .btc-search-btn { margin-left:-12px; padding-top:14px; width:150px; height:22px }

/* IE 7 specific */
*:first-child+html .recipesearch-banner300x179 fieldset { margin-left:0 }
/* IE 6 specific */
* html .recipesearch-banner300x179 fieldset { margin-left:0 }

.bannerad-300x250 { margin:0; padding:0; width:300px; height:250px}
.bannerad-120x600 { margin:0; padding:0; width:160px; height:600px}


.howtowatchvideos { width:300px; margin:0; padding:10px 0; background-color:#e9d6e8 }
  .howtowatchvideos h3 { color:#a474b2; font-size:1.2em; font-weight:bold; margin:0 10px }
  .howtowatchvideos p { font-size:72%; line-height:140%; margin:10px; padding:0 }


/* IE 7 specific */
*:first-child+html .recipesearch-banner300x179 form { padding-bottom:15px }
	*:first-child+html .recipesearch-banner300x179 form .btc-search { margin-left:15px }
	*:first-child+html .recipesearch-banner300x179 form fieldset p { top:38px }
	*:first-child+html .recipesearch-banner300x179 form .btc-search-btn { margin-left:0 }

/* IE 6 specific */
/* banners */
* html .vidbanner-300x113 li { margin-left:-30px; width:200px }
* html .banner-300x154 li { margin-left:-55px; width:200px }
* html .recipesearch-banner300x179 form { padding-bottom:15px }
	* html .recipesearch-banner300x179 form .btc-search { margin-left:15px }
	* html .recipesearch-banner300x179 form .btc-search-btn { margin:10px 0 0 0; height:22px; padding:0  }
	* html .recipesearch-banner300x179 form fieldset p { top:38px }



/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */




/* voting - yes, maybe, no */
#votingWrapper { width:300px; margin:0; display:block; padding:2px 0 0 0; background-color:#efefef }
#votingWrapper h3 { background: url(/assets/babyclub/content/images/global/title_haveyoursay.gif) no-repeat left top; width:130px; height:20px; margin:10px 0 5px 10px; padding:0 }
#votingWrapper p { font-weight:bold; margin:0 0 10px 10px }
  #votingWrapper .voting { width:48%; margin:0; padding:0; float:left }
  #votingWrapper .voting form { margin:0; padding:0 }
    #votingWrapper .voting fieldset { border: none; padding:0; margin:0 }
    #votingWrapper .voting input { padding:0; margin:2px 0; height:20px; width:132px }
    #votingWrapper .voting img { padding:0; margin:2px 0 }

    #votingWrapper .vote-yes-btn { margin-top:0 }
    #votingWrapper .result-maybe { margin-bottom:0 }
    #votingWrapper .vote-no-btn { margin-bottom:0 }
    #votingWrapper .nocolor { background-color:#efefef !important }


/* IE 7 specific */
    *:first-child+html #votingWrapper .voting input { margin:0 0 2px 0 }
    *:first-child+html #votingWrapper input.vote-yes-btn { margin-bottom:4px }
    *:first-child+html #votingWrapper input.vote-maybe-btn { margin-bottom:4px }
    *:first-child+html #votingWrapper input.vote-no-btn { margin-bottom:0 !important }

/* IE 6 specific */
    * html #votingWrapper .voting input { margin:0 0 2px 0 }
    * html #votingWrapper input.vote-yes-btn { margin-bottom:4px }
    * html #votingWrapper input.vote-maybe-btn { margin-bottom:4px }
    * html #votingWrapper input.vote-no-btn { margin-bottom:0 !important }
    * html #votingWrapper .voteresults .votepercent { width:auto }
    * html #votingWrapper .voting img { margin:0 0 2px 0 }

  #votingWrapper .voteresults { width:48%; margin:0; padding:0; float:left }
    #votingWrapper .voteresults form { margin:0; padding:0 }
	  #votingWrapper .voteresults span { display:inline; float:left; height:20px; margin:2px 0 4px 0; font-weight:bold; font-size:70%; line-height:120% }
      #votingWrapper .voteresults .percentage { clear:left }
	  #votingWrapper .voteresults .result-no { background-color:#ee1c24 }
	  #votingWrapper .voteresults .result-maybe { background-color:#ffab0a }
	  #votingWrapper .voteresults .result-yes { background-color:#68d568 }
    #votingWrapper .voteresults .votebar { float:left; margin-right:5px; width:65% }
    #votingWrapper .voteresults .votebar span { float:none; display:block; width:80% }
    #votingWrapper .voteresults .votepercent { float:right; width:25% }

/* IE 7 specific */
	  *:first-child+html #votingWrapper .voteresults .result-yes { margin-top:1px }

/* IE 6 specific */
    * html #votingWrapper .voteresults .percentage { margin:2px 0 3px 0 !important }
	  * html #votingWrapper .voteresults .result-yes { margin-top:1px }



/* Ask Annabel page */
#aaWrapper { margin:0; padding:0; background-color:#d9f2f6; width:653px; text-align:center }
.aaWindow { width:628px; margin: 20px auto 10px auto; padding: 0 0 10px 10px; text-align:left; background-color:#fff }
  .aaWindow .aaPic { background: url(/assets/babyclub/content/images/global/Ask_annabel_image.jpg) no-repeat right top; float:right; width:267px; height:265px }
  .aaWindow h3 { color:#00b3cc; font-size:1.2em; padding-top:10px }
  .aaWindow p { margin-right:20px }
  .aaWindow .QA { margin:0; padding:0; font-size:1.2em; color:#00b3cc }
  .aaWindow .aaSig, .aaWindow .aaSalute { font-weight:bold }
  .aaWindow .button { background: url(/assets/babyclub/content/images/global/arrow_turqouise.png) no-repeat right top; height:20px; width:120px }
    .aaWindow .button a { color:#fff !important; display:block; font-size:1.2em; font-weight:bold; text-indent:10px; text-decoration:none; line-height:140% }

  .aaWindow .socialBlock { margin:50px 0 0 0; width:100% }
    .aaWindow .socialBlock ul { margin:0; padding:0; font-size:80% }
      .aaWindow .socialBlock ul li { float:left; display:inline; margin-right:10px }
        .aaWindow .socialBlock ul li a { color:#000 }

    .aaWindow .socialBlock img.shareimg { text-decoration:none; margin-right:4px; vertical-align:top }

    .aaWindow .socialBlock .s2f { background: url(/assets/babyclub/content/images/global/arrow_green.png) no-repeat right top !important; width:160px; height:20px; float:right !important }
      .aaWindow .socialBlock .s2f a { color:#fff !important; display:block; font-size:0.9em; line-height:150%; font-weight:bold; text-align:center; text-decoration:none }
      /* hack for mozilla browsers */
      html>/**/body .aaWindow .socialBlock .s2f a { line-height:160% }

/* Annabel's Recipies */
.arWrapper { background-color:#eee; width:170px }
    .arWrapper .arContent { text-align:center }
    .arWrapper .title1 { background: url(/assets/babyclub/content/images/global/Annabels_recipes_header.gif) no-repeat left center; width:118px; height:30px; margin-left:10px }
    .arWrapper .title2 { background: url(/assets/babyclub/content/images/global/Annabels_otherquestions_header.gif) no-repeat left center; width:118px; height:30px; margin-left:10px }
    .arWrapper ul { margin:0 auto 10px auto !important; padding:10px 0 15px 0; background-color:#fff; width:154px; text-align:left; font-size:0.7em  }
    .arWrapper ul { list-style-position:inside; list-style-image:url(/assets/babyclub/content/images/global/bullet_yellow.gif);  margin:0 0 3px 0 }
      .arWrapper li { margin-left:8px; line-height:120% }
        .arWrapper li a { text-decoration:none; color:#666 }
        /* IE 6 + 7 fixes */
        *:first-child+html .arWrapper li { margin-left:0px }
          *:first-child+html .arWrapper li a { margin-left:8px }
        * html .arWrapper li { margin-left:0px }
          * html .arWrapper li a { margin-left:8px }








/* MISC */
.hasJS #vidobject, .hasJS #carousel-container, .hasJS #tabs, .hasJS #otabs, .hasJS #videotabs { display:none }

.floatright { float:right }
.floatleft { float:left }

.floatL { float:left; display:inline; margin:0; padding:0; height:0; line-height:0 }
.floatR { float:right; display:inline; margin:0; padding:0; height:0; line-height:0 }
.floatN { float:none }

.clearL { clear:left; margin:0; padding:0; height:0; line-height:0 }
.clearR { clear:right; margin:0; padding:0; height:0; line-height:0 }


/*
** Clearfix methods
*/

/* Clearing the floats */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

/* also necessary for Safari!! */
.clearfix { display: block }
/*---------------------------------------------------------*/
/*
** Workaround: Clearfix-Adjustment for all IE Versions */
/*
** IE7 - x
*/
.clearfix { display: inline-block }
/*--------------------------------------------------------*/
/*
** IE5.x/Win - x
** IE6 - x
*/
* html .clearfix { height: 1% }
/* ----------------------------------------------------------------------------------------- */

/* extra div centralise fix for the ie's */

#ptWrapDiv {margin:0 auto !important;}
.ptNavdiscussionList {text-align:center !important;}