@import "undohtml.css";


/*  
========================================
Danone Actimel Screen stylesheet
Darius Karimi - GraphicoDMG, 15 Sep 2009
========================================


========================================
    Common Style
========================================
*/


/* default headers */
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h1,h2,h3 { margin: 1em 0; }

h1, h2, h3, h4, h5, h6 ,strong { font-weight:bold;  }

abbr,acronym {border-bottom: 1px dotted #000;cursor: help;}
	
em {font-style:italic;}

blockquote, ul, ol, dl {margin:1em;}

ol, ul, dl { margin-left:2em; }

ol li {list-style: decimal outside;}

ul li {list-style: none outside;}

dl dd {margin-left:1em;}

th,td {border: 1px solid #000; padding: .5em;}

th {font-weight: bold; text-align: center;}

caption {margin-bottom: .5em; text-align: center;}

p, fieldset, table {margin-bottom:1em;}

.invisible { display: none; }

/* Hide content for visual users. E.g. skip links	*/
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;}

/* Can't hide legends cross browser with negative text indent */
legend.hide {
	font-size: 0.005em;
	visibility: hidden; }

fieldset{ border: 0; }

/* Used to space an ellipse nicely */
.ellipse { letter-spacing: -0.15em; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }

/* Generic Levin image replacement -  
   http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace { 
	position: relative; 
	margin: 0px; 
	padding: 0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ }

.replace span {
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/ }


/* default label styles */
label, .label, input, .input{
	display: block;
	float: left;
	margin: 2px 0 3px 0;
	clear: left;}

label, .label { font-weight: bold; }

.input input, .input label 
{
	display: inline;
	float: none;
	margin: 0;
}   

input.submit { clear: left; }    

/*	For evil CMSs */
u { text-decoration: none; }


.theBreaker {
    clear:both;
    height:0.005em;
    overflow:hidden;}
    
    
.left {float: left;}
.right {float:right;}

.noBorder {
    border:none !important; }
    
.disclaimer {
    font-size: 0.9em;
    }

/*
========================================
    Site specific style
========================================
*/

body { 
    font: normal 0.7em/1.5em Arial, Verdana, Sans-Serif;}
    
body.Standard { 
    background: #FFF url(../../SiteImages/Common/StandardBodyBG.jpg) repeat-x center top;}
    
a { color: #e51885; text-decoration:underline; }
a:hover, a:focus, a:active { text-decoration:none; }

a img {border: none;}

div.hr hr {display: none;}

div.hr {
    height: 1px;
    overflow: hidden;
    background: transparent; 
    clear:both;
    margin:0 0 1em;
    background: transparent url(../../SiteImages/Common/blackDot.gif) repeat-x center; }

.Standard #container { 
    background: transparent url(../../SiteImages/Common/GrassBG.jpg) repeat-x left bottom;}
        
.homePage #container { 
    background: transparent url(../../SiteImages/Common/homeBlueLine.gif) repeat-x left bottom;
    padding-bottom:4px;}

#header,
.wrapContent, 
.DanoneBrands, 
#siteInformation {
    width: 960px;
    margin: 0 auto;}
#header {
    overflow: hidden;
    padding-top: 1px;
    } 
#secondaryNav,
.twoColumn,
.oneColumn,
.singleColumn {
    padding-bottom:145px;}
    
.twoColumn { width:386px;}

.singleColumn .wrap, .doubleColumn .wrap {
    padding-right:25px;}
    
.promoPanel { margin-right:-85px; width:570px; }

.promoPanel .panel {
    border:1px solid #e0e0e0;
    float:left;
    margin: 10px 17px 10px 0;
    font-size:0.85em;}
    
.promoPanel .panelWrap {
    width:175px;
    position:relative;}
    
.hoverEffect {
    height:240px;}
    
    
.panel .overLayer {
    width:175px;
    height:146px;
    position:absolute;
    cursor:pointer;
    top:100px;
    }
    
.panel .panelContent {
    width:161px;
    height:132px;
    padding:7px;
    position:absolute;
    top:0;
    z-index:1;
    left:0;
    background: transparent url(../../SiteImages/Common/PromoTransBG.png) no-repeat right center;}
    
.panel .panelLink {
    width:175px;
    height:146px;
    position:absolute;
    top:0;
    z-index:10;
    left:0;
    display:block;
    text-indent:-99999px;
    background: transparent url(../../SiteImages/Common/transparent2X2.png) repeat center;}
    
.panel .overLayer h4 span {
    padding:5px 29px 5px 0;
    line-height:1.5em;
    background: transparent url(../../SiteImages/Common/promoArrow.png) no-repeat right center;}
    
    
    
.promoPanel .panel.last { margin: 10px 0; }

.promoPanel .panel .inner { padding:8px;}

.promoPanel .panel a { display:block;}

#primaryContent .promoPanel .panel img { margin:0; }

#primaryContent .panel p {margin:0 0 0.5em;}

#primaryContent .promoPanel .panel h3 { 
    font: normal 1.3em/1em verdana;
    margin:0;
    color:#185E84;
    height:1em;}
    
#primaryContent .promoPanel .panel h4 { 
    font: normal 1.9em/1em verdana;
    margin:0 0 18px;
    color:#185E84;}

#primaryContent img	{ 
    border:1px solid #E0E0E0;
    float:left;
    margin:0 15px 1em 0;}
    
#primaryContent img.right {
    float:right;
    margin:0 0 1em 15px;}
    

#primaryContent .imgCaption {
	margin:0.1em 0 2em 0;
	text-align:center;
	display:block;} 
                       

   

    
.bgHolder {
    width:100%;
    height:145px;
    position:absolute;
    bottom:0;
    }
    
    
a.logo {
    float: left;
    margin-top: 5px;
    }
    
.utilities {
    float:right;
    padding-right:87px;
    width:30em;
    margin-top:0;
    background: url(../../SiteImages/Common/DanonLogo.gif) right center no-repeat;}
.homePage .utilities {    
    background: url(../../SiteImages/Common/animated_logos.gif) right center no-repeat;}
    
.searchUtilities {
    padding-right:10px;
    margin-top:11px;}
    
.utilities fieldset {
    float:right;}
    
    
.utilities input, .searchUtilities input {
    border:1px solid #AEAEAE;
    display:block;
    float:left; 
    margin:7px 0 0 5px;

    clear:none;}
    
.utilities input.txtBox, .searchUtilities input.txtBox {
    width:19em; 
    height:1.3em; 
    padding:0.15em 4px;
    color:#444;}
    
.searchUtilities input.txtBox 
{
    width: 30em;
}
    
/* Primary Navigation  */
   
.primaryNav {
    margin:0 -16px 5px;}
    
   
.homePage .primaryNav {
    margin:0 -16px 3px;}

.primaryNav ul {margin:0;float: right;}
    
.primaryNav li {
    float:left;
    position:relative;}
    
.primaryNav li a { 
    color:#185E84;
    font-family:Verdana;
    font-size:13px;
    line-height:13px;
    padding:0;
    text-decoration:none;
    text-align:center;
    cursor:pointer;}

.primaryNav li a,
.primaryNav li a span {
    background-image:url(../../SiteImages/Common/PrimaryNav.gif);
    background-repeat:no-repeat;
    height:22px;
    display:block;}
    
.homePage .primaryNav li a,
.homePage .primaryNav li a span {
    background-image:url(../../SiteImages/Common/primaryNavHome.gif);
    text-indent:-99999px;}    
    

.primaryNav li.first a {}
.primaryNav li.last a {}  
    
.primaryNav li a:hover,
.primaryNav li a:focus,
.primaryNav li a:active {
    color:#E51885;
    outline:none;}
    
.primaryNav li a.selected {
    color:#fff;}
    
.Home, .Home span {
    width:68px; background-position:0 0;}

.About, .About span {
    width:88px; background-position:-68px 0 ;}
    
.Products, .Products span {
    width:84px; background-position:-156px 0 ;}
    
.Health, .Health span {
    width:149px; background-position:-240px 0 ;}
    
.BetterWorld, .BetterWorld span {
    width:173px; background-position:-389px 0 ;}
    
.Careers, .Careers span {
    width:80px; background-position:-562px 0 ;}
    
.News, .News span {
    width:121px; background-position:-642px 0 ;}
    
.Contact, .Contact span {
    width:97px; background-position:-770px 0 ;}

/*hover state*/    
.Home:hover span, 
.Home:active span, 
.Home:focus span
    { background-position:     0 -27px;}
     
.About:hover span, 
.About:active span, 
.About:focus span
    { background-position: -68px -27px;}
     
.Products:hover span, 
.Products:active span, 
.Products:focus span
    { background-position:-156px -27px;}
     
.Health:hover span, 
.Health:active span, 
.Health:focus span
    { background-position:-240px -27px;}
    
.BetterWorld:hover span, 
.BetterWorld:active span, 
.BetterWorld:focus span
    { background-position:-389px -27px;}
    
.Careers:hover span, 
.Careers:active span, 
.Careers:focus span
    { background-position:-562px -27px;}
    
.News:hover span, 
.News:active span, 
.News:focus span
    { background-position:-642px -27px;}
    
.Contact:hover span, 
.Contact:active span, 
.Contact:focus span
    { background-position:-770px -27px;}
      
/*selected state*/
.primaryNav li.selected a { cursor:default;} 
.primaryNav li.selected { margin:0 0 0 -2px;}
.primaryNav li.first.selected { margin:0;}
   
.selected .Home span, 
.selected .Home:hover span, 
.selected .Home:active span       
    { background-position:     0 -54px;}
    
.selected .About span,
.selected .About:hover span,
.selected .About:active span
    { background-position: -68px -54px;} 
    
.selected .Products span, 
.selected .Products:hover span, 
.selected .Products:active span
    { background-position:-156px -54px;}

.selected .Health span,
.selected .Health:hover span,
.selected .Health:active span
    { background-position:-240px -54px;}
    
.selected .BetterWorld span,
.selected .BetterWorld:hover span,
.selected .BetterWorld:active span
    { background-position:-389px -54px;}
    
.selected .Careers span,
.selected .Careers:hover span,
.selected .Careers:active span
    { background-position:-562px -54px;}
    
.selected .News span,
.selected .News:hover span,
.selected .News:active span
    { background-position:-642px -54px;}
    
.selected .Contact span,
.selected .Contact:hover span,
.selected .Contact:active span    
    { background-position:-770px -54px;}

.selected .Home       { width:68px;}
.selected .About      { width:88px;} 
.selected .Products   { width:84px;} 
.selected .Health     { width:149px;}
.selected .BetterWorld{ width:173px;}
.selected .Careers    { width:80px;}
.selected .News       { width:121px;}
.selected .Contact    { width:97px;}
    
    

     
    


 
/* Primary Navigation ends */    
        
/* Breadcrumb */   

#breadcrumb { 
    color:#9c9c9c;
    margin-bottom:0px;}

#breadcrumb ul { margin:0;}

#breadcrumb li { 
    float:left;
    padding:0 5px 0 0;}
    
#breadcrumb li a {
    color:#9c9c9c;
    padding:0 7px 0 3px;
    background: transparent url(../../SiteImages/Common/greySlash.gif) no-repeat right center;}
     
    
    
/* Breadcrumb ends */ 

#footer {
    padding:0 0 30px;    
    margin-top:10px;}
    
.DanoneBrands { margin-bottom:0px;} 
    
.DanoneBrands a { margin:0 5px;} 
    
#secondaryNav {
    width: 194px;
    float: left;
    font-size:1.1em;}
    
#secondaryNav ul { 
    margin:0;
    width:144px;}

#secondaryNav ul a,
#secondaryNav ul a:visited { 
    color:#0F80BD;
    text-decoration:none;
    display:block;
    padding: 0.6em 0 0.7em;
    font-weight:700;
    background: transparent url(../../SiteImages/Common/blackDot.gif) repeat-x left bottom;}
    
#secondaryNav ul a:hover,
#secondaryNav ul a:focus,
#secondaryNav ul a:active {
    color:#07436F;}
    
#secondaryNav ul a.first {
    padding-top:0;}
    
#secondaryNav ul li { float:left; clear:both; width:100%;}

#secondaryNav ul li ul { padding-left:15px;}

#secondaryNav ul li li a {
    font-weight:normal !important;
    font-size:0.95em;}
    
#secondaryNav ul li li a span  {
    padding-left:12px;
    background: transparent url(../../SiteImages/Common/childNavBG.gif) no-repeat left center;}
    

    
#secondaryNav ul li.current a {
    color:#E51885 !important;}
    
#secondaryNav ul li li.current a span  {
    background: transparent url(../../SiteImages/Common/childNavBG.gif) no-repeat left center;}

#secondaryNav ul li.current li a  { color:#0F80BD !important;}   

#content {
    padding: 8px 0 0;
    position:relative;
    min-height:640px;}
    
.homePage #content {
    padding:0;
    min-height:528px;}
    
#home #content { background:none;}
#pageContent {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    background: #fff;
    } /* Cleared by .clear, line 31 (line 34, MasterPage.master) */

#home #pageContent {border:none;}    
    
#primaryContent {
    color:#185E84;
    float:left;
    width:570px;}
    
.rightColumn {
    width:184px;
    position:absolute;
    bottom:110px;
    right:194px;}

#primaryContent .rightColumn img {
    margin:0;
    float:none;
    border:none;}
    
.contentBGHolder {
    position:absolute;
    bottom:0;
    right:0;
    height:33px;
    width:184px;
    z-index:10;
    background: url(../../SiteImages/Common/ImageGrassBG.png) 0 0 no-repeat;}
    
.contentImgHolder {
    position:absolute;
    bottom:5px;
    right:0;
    width:184px;
    z-index:5;}
    
    

#secondaryContent {
    width: 194px;
    float: left;
    padding:0 1px 145px;}


/* Site Information */

#siteInformation {
    text-align: right;}
    
#siteInformation ul {
    float:right;
    margin:0;}
    
#siteInformation a { 
    color:#185e84;
    text-decoration:none;}
    

#siteInformation a:hover,
#siteInformation a:focus,
#siteInformation a:active {
    text-decoration:underline;}

#siteInformation ul li {
    display: inline;
    border-right: 1px solid #bcbcbc;
    padding: 0 0.4em 0 0.2em;} 
    
#siteInformation ul li.last {
    border: none;
    padding-right: 0.2em;}
    
#siteInformation p {
    color:#185e84;
    float:left;
    margin:0;}

        
/* Site Information ends */
/*  
========================================
6. Primary Content
========================================
*/
/* Headings */
#primaryContent h1,
#primaryContent h2,
#primaryContent h3 {
	line-height: 1em;
	margin: 0;
	font-weight: normal;
}
#primaryContent h1 {
    color:#185E84;
    font-family:Arial;
    font-size:50px;
    line-height:32px;
    margin:0;}
    
#primaryContent .twoColumn h1 {
    margin:0;}
    
#primaryContent .twoColumn h2 {
    margin:0;}
    
    
#primaryContent h2 {
    color:#0F80BD;
    font-size:2em;
    margin:5px 2px -8px;}
    
#SiteMap #primaryContent h2 {
    font-size: 1.2em;
    margin: 0 0 2em;
    }
    
#primaryContent h3 {
    color:#E51885;
    font-size:1.5em;
    margin:0.8em 0 0.8em;
    }
    
.quiz h3 {margin:1.5em 0 0.8em !important;}
#primaryContent .quiz h3 img { border: none; float: none; margin: 0; }
.quiz .lightBlue { color: #1081bd; }
    
#primaryContent h4 {
    font-size:1.4em;
    font-weight:bold;
    color: #0f80bd;
    margin:0.8em 0 0.8em;}
    
#primaryContent h4.sifr {
    font-size:2.2em;
    margin:1.5em 0 0.8em}
    
/* Content tags */
#primaryContent p,
#primaryContent ol,
#primaryContent dl {
    margin: 0 0 0.83em;
    font-size: 1.2em;
    line-height: 1.2em;
    }
    #primaryContent .small {
        font-size: 10px !important;
        }
#primaryContent ul 	{
	margin:0.5em 0 2em;}

#primaryContent ul ul,
#primaryContent ul ol,
#primaryContent ol ol,
#primaryContent ol ul {
    font-size: 1em;}
    
#primaryContent ul li {
	list-style:outside disc;
	list-style-image: url(../../SiteImages/Common/bullet.gif);
	margin: 0 10px 0 20px;
	padding: 0 0 0 5px;
	}     

/* Generic Forms */

.genericForm {
    margin:2em 0;
    font-size:1.1em;}
    
fieldset .errorMsg {
    display:block;
    float:left;
    margin:1em 0 0 140px;
    color:#e51885;
    font-weight:700;
    font-size:0.85em;
    padding-left:8px;
    width:220px;
    clear:both;
    background: url(../../SiteImages/Common/required.gif) no-repeat -5px center;}
    
#primaryContent .genericForm ul li {
    list-style:none none outside !important;
    margin:0 0 0.3em 0;
    padding:0;
    clear:both;
    float:left;}
    
.genericForm label {
    width:140px;
    float:left;
    clear:left;
    line-height:2.2em;}
    
.genericForm input,
.genericForm select,
.genericForm textarea {
    border:1px solid #cad2de;
    float:left;
    clear:right;
    color:#555;}
    
.genericForm input { 
    height:1.3em;
    line-height:1.8em;
    padding:0.3em 5px;
    width:210px;}
    
.genericForm select { 
    padding: 0 0 0 5px; 
    width:222px; 
    height:2em; 
    line-height:2em;}
    
.genericForm textarea { 
    padding: 5px; 
    width:360px;}
    
.genericForm select.slTitle,
.genericForm .radio,
.genericForm .button {
    width:auto;
    height:auto;}
    
.genericForm select.slTitle,
.genericForm input.PostCode { width:5em; }
    
.genericForm li.button {
    width:100%;}
    
.genericForm li.button input {
    float:right;
    margin-top:2em;
    width:auto;
    height:auto;}
    

    
.genericForm u {
    color:#fff;
    height:10px;
    width:10px;
    display:inline-block;
    text-indent:-99999px;
    background: url(../../SiteImages/Common/required.gif) no-repeat center;}
    
.contactForm li { width:362px;list-style: none none outside;}

.contactForm li.textBox { width:100%;}
    
    


/*
========================================
7. Secondary Content
========================================
*/
#secondaryContent .item {
    margin:0 6px 25px;}
    
#secondaryContent .item .wrap {
    background-image: url(../../SiteImages/Common/itemBG.gif);
    background-repeat:no-repeat;
    padding-bottom:10px;}
    
#secondaryContent .item .wrap a,
#secondaryContent .item .wrap a:visited {
    color:#fff;
    text-decoration:underline;}
    
#secondaryContent .item .wrap a:hover,
#secondaryContent .item .wrap a:focus,
#secondaryContent .item .wrap a:active {
    color:#fff;
    text-decoration:none;}

#secondaryContent .item.darkBlue .wrap {
    background-position:bottom left;
    padding:0 10px;}
    
#secondaryContent .lightBlue .wrap  {
    background-position:bottom right;
    padding:0 10px 6px;}

#secondaryContent .lightBlue .wrap.itemImage  {
    padding:0 0 10px;}
    
#secondaryContent .item.lightBlue .wrap .itemText { 
    background:#fff;}
    
#secondaryContent .item.lightBlue .wrap  a {
    color:#fff;
    text-decoration:underline;
    line-height:35px;}
    
#secondaryContent .item .wrap .itemText a,
#secondaryContent .item .wrap .itemText a:visited {
    color:#e51885;}
    
#secondaryContent .item.lightBlue .wrap a:hover,
#secondaryContent .item.lightBlue .wrap  a:focus,
#secondaryContent .item.lightBlue .wrap a:active {
    text-decoration:none;}     

     
#secondaryContent .item h4 {}

#secondaryContent .item .hr {
    margin:0 -10px;
    padding:1em 0;
    background: transparent url(../../SiteImages/Common/whiteDot.gif) repeat-x scroll 2px center
    }

#secondaryContent .item .itemText {
    padding:0 10px;
    margin:-11px -10px 0;}
        
#secondaryContent .item .itemText .hr {
    margin:0 -10px;
    padding:0.5em 0;
    background: transparent url(../../SiteImages/Common/blackDot.gif) repeat-x scroll 2px center
    }
#secondaryContent .item p,
#secondaryContent .item ol,
#secondaryContent .item ul,
#secondaryContent .item dl {
    margin: 0 0 0.83em;
    font-size: 1.1em;}
    
    
h4.txtYouLikeThis, h4.txtYouLikeThis span{
    width:182px;
    height:59px;
    background: url(../../SiteImages/Common/txtYouLikeThis.gif) center no-repeat;}
    
h4.txtMoreProducts, h4.txtMoreProducts span{
    width:182px;
    height:68px;
    background: url(../../SiteImages/Common/txtMoreProducts.gif) center no-repeat;}
    
h4.txtDanoneYogurt, h4.txtDanoneYogurt span{
    width:182px;
    height:68px;
    background: url(../../SiteImages/Common/txtDanoneYogurt.gif) center no-repeat;}
    
h4.txtDanoneWater, h4.txtDanoneWater span{
    width:182px;
    height:68px;
    background: url(../../SiteImages/Common/txtDanoneWater.gif) center no-repeat;}
    
.interactiveFlash { 
    width:100%;
    height:100%;
    margin:0;}
    
.homePage #content .wrap { overflow:hidden;}

.homePage .flashContent { padding:0 136px;}
    
.homePageFlash {
    width:1232px;
    margin:0 -136px;}
    
.interactiveFlash .flashContent {
    background:#FFFFFF;
    border:10px solid #A8C2CF;
    float:right;
    font-size:0.8em;
    margin:30px;
    padding:10px;
    width:160px;
    color:#555;} 
    
#primaryContent .flashContent h3 {
    font-size:1.2em;
    font-weight:700;
    margin:10px 0;}
    
.QuizSection {
    margin:1em 0;
    background:transparent url(../../SiteImages/Common/blackDot.gif) repeat-x scroll center bottom;}
    

#primaryContent .QuizSection ul li {
    list-style:none none outside;
    margin:0 0 0.1em;
    padding:0;
    clear:both;
    width:100%;
    float:left;}
    
.QuizSection input {
    clear:left;
    margin:4px 0 0.5em;}
    
.QuizSection label {
    clear:right;
    float:left;
    width:485px;
    padding-left: 10px;
    font-weight:normal;}
    
.backTab {
    display:block;
    float:left;}
    
.nextStep {
    display:block;
    float:right;
    margin:2px 0 3px;}
    
.submitQuiz { float:right;}

.backTab, .backTab span{
    width:89px;
    height:30px;
    background: url(../../SiteImages/Common/btnBack.gif) center no-repeat;}
    
.nextStep, .nextStep span{
    width:202px;
    height:30px;
    background: url(../../SiteImages/Common/btnQuizContinue.gif) center no-repeat;}
    
#Quiz1, #Quiz2 {
    margin-bottom:2em;}
    
    
.newsItem {
    position:relative;
    margin-bottom:2em;
    padding-bottom:1em;
    background:transparent url(../../SiteImages/Common/blackDot.gif) repeat-x scroll center bottom;}
    
.newsImageLink {
    position:absolute;
    right:0;
    top:0px;}
    
#primaryContent .newsImageLink  img {
    border:none;
    margin:0;}
 
#primaryContent .newsItem h3 {
    color:#0f80bd;
    font-weight:700;
    font-size:1.4em;
    margin:0 0 5px;
    padding-right:30px;}
    
#primaryContent p.newsDate {
    color:#9c9c9c;
    font-size:0.95em;
    margin-bottom:1em;}
    
.newsImage img {
    width:80px;}


#primaryContent #pagination ul{border:0; margin:0; padding:0;}

#primaryContent #pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
}

#primaryContent #pagination a{
	border:solid 1px #9aafe5;
	margin-right:2px;
}

#primaryContent #pagination .previous-off,
#primaryContent #pagination .next-off {
	border:solid 1px #DEDEDE;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}

#primaryContent #pagination .next a,
#primaryContent #pagination .previous a {
	font-weight:bold;
}

#primaryContent #pagination .active{
	background:#2e6ab1;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}

#primaryContent #pagination a:link,
#primaryContent #pagination a:visited {
	color:#0e509e;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

#primaryContent #pagination a:hover{
	border:solid 1px #E51885
}

.addressBlock {
    float:left;
    width:18em;}
    
.addressBlock h5 {
    color:#0f80bd;
    font-size:1.9em;
    margin-bottom:1em;
    font-weight:normal;}
    
.addressBlock address {
    margin-bottom:2em;}
    
.addressBlock .bolder {
    font-size:1.3em;
    font-weight:normal;
    line-height:1.3em;
    color:#154b76;}
    
#primaryContent .bmi { 
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: url(../../SiteImages/Common/bmi.gif) 0 0 no-repeat;
    }
    #primaryContent .bmi ul {
        margin: 0;
        }
    #primaryContent .bmi li {
        list-style: none outside;
        float: left;
        display: inline;
        margin: 0;
        padding: 13px 30px 0;
        }
    #primaryContent .bmi li label {
        margin: 2px 10px 0 0;
        display: inline;
        color: #FFF;
        }
    #primaryContent .bmi li.button {
        padding-top: 10px;
        }
    #primaryContent .bmi li.button input {
        margin: 0;
        padding: 0;
        cursor: pointer;
        float: none;
        clear: none;
        width: 121px;
        height: 30px;
        }
table.styled {
    border: 1px solid #666;
    }
table.styled th,
table.styled td {
    text-align: left;
    border: none;
    }
    table.styled tr.even td,
    table.styled tr.even th {
        background: #F3F3F3;
        }
        
.doubleColumn .col { float: left; }   
.doubleColumn .article { width: 378px; }  
.doubleColumn .hr { margin-bottom: 0; }



#primaryContent .hasToggle .toggle {
	position: relative;
	background: url(../../SiteImages/Common/h4-toggle.jpg) right top repeat-x; 
	border: solid 1px #ccc;
	padding: 0 0 0 2px;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 0;
	clear:both;
	font-size:1.2em;
	padding-right: 19px;
}

#primaryContent .hasToggle .toggle span {
    background:transparent url(../../SiteImages/Common/span-toggle.gif) top right no-repeat;
    display:block;
    height:17px;
    margin:0;
    padding:0;
    position:absolute;
    right:0;
    top: 1px;
    width:17px;
}

#primaryContent .hasToggle div {
	padding: 5px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

#primaryContent .hasToggle div.hr {
    border: 0;
    padding: 0;
}

#primaryContent .hasToggle .blueBox {
	padding:7px;
	margin: 0;
	border: none;
	background: #cbe6f5;
}

#primaryContent ul.nav li { 
    list-style: none; 
    margin: 0.4em 0;
    padding: 0; 
}

.doubleColumn ul,
.doubleColumn p {
     width: 353px; 
     float: left; 
} 

.doubleColumn {
    padding-right: 25px;
    padding-bottom: 1em;   
}  

.hasToggle { padding-top: 10px; }