/* Colours
---------------
Light green background: #EBF5CA
Green heading:          #339933
Burgundy heading:       #BB3756
*/


.contextHeaderSwap 
{
    border-left:0 !important;
    border-right:0 !important;
}

#homeJoinNowBtn 
{
    display:block;
    position:absolute;
    /* right:-30px; top:-10px; *//* top right */
    left:25px;top:25px;
    z-index:5;
}






.contentSwap .rcosocshare {
	clear:both;
	margin:auto;
	width:400px;
	text-align:center;
}
.contentSwap ul { border-bottom:1px solid transparent; }
.contentSwap .rcosocshare ul li a img
{
width:80px;
height:30px;
}
.contentSwap .rcosocshare ul li {
	width:auto;
}










/*  Landing pages
------------------------*/
.leftColSplit p.moreInfo
,.landingWrapper14Days h1,.landingWrapperLoseStone h1
{
    color:#5CBC47;
}

.landingWrapper14Days,.landingWrapperLoseStone
,.landingWrapper14Days h1,.landingWrapperLoseStone h1
,.landingWrapper14Days h2,.landingWrapperLoseStone h2
,.landingWrapper14Days h4,.landingWrapperLoseStone h4 {
    text-transform:none !important;
}

.landingWrapper14Days
{
    padding-right:300px;   
    background-image:url(/customContent/images/landing/bg-waist.jpg);
    background-position:right top;
    font-family:Georgia, Times New Roman, Serif;
    font-size:1.2em;
}
.landingWrapperLoseStone
{
    padding-right:300px;   
    background-image:url(/customContent/images/landing/lose-stone-bg.jpg);
    background-position:right top;
    font-family:Georgia, Times New Roman, Serif;
    font-size:1.2em;
}


.landingWrapper14Days p,.landingWrapperLoseStone p {
    line-height:1.2em;
	margin-top:5px;
}

.landingWrapper14Days h1
{
    font-size:3em; 
    margin:0;
    padding:10px 0 5px 0;
}
.landingWrapperLoseStone h1
{
    font-size:2.8em; 
    margin:0;
    padding:10px 0 5px 0;
}
.landingWrapper14Days h2,.landingWrapperLoseStone h2
,.landingWrapper14Days h4,.landingWrapperLoseStone h4 
{
    margin:0;
    padding:0;
    color:#B8225D;
    padding-bottom:10px;
}
.landingWrapper14Days h2,.landingWrapperLoseStone h2 
{
    font-size:1.45em;
}
.landingWrapper14Days h4,.landingWrapperLoseStone h4 
{
    font-size:0.8em;
}

ul.liLeft, ul.liRight 
{
    display:block;
    float:left;
    margin:0;
    padding:0;
    width:290px;
    margin:10px 1px 0 0;
    padding-left:20px;
    list-style:disc none outside;
}
ul.liLeft li, ul.liRight li 
{
     list-style:disc none outside;
     padding:2px 0;
}
.landingCalltoAction 
{
    clear:both;
}
.landingCalltoAction .leftCol 
{
    float:left;
    width:430px;
}
.landingCalltoAction .laptopImg 
{
    display:block;
    float:right;
    width:176px;
    padding:20px 10px 10px 10px;
}
.landingCalltoAction .clearer 
{
    display:block !important;
}



.landingCalltoAction .leftColSplit 
{
    clear:both;
    display:block;
    overflow:auto;
}
.landingCalltoAction .leftColSplit p,
.landingCalltoAction .leftColSplit h2,
.landingCalltoAction .leftColSplit a 
{
    display:block;
    float:left;
    width:200px;
}
.landingCalltoAction .leftColSplit a 
{
    text-align:center;
    width:140px;
}

a.tourSmall { margin-top:10px; }


.landingWrapper14Days .tenPoundsOff,.landingWrapperLoseStone .LoseStone
{
    position:absolute;
    top:-10px;
    right:260px;
}

.landingWrapperLoseStone .tinytext {
font-size:0.6em;
margin-top:5px;
}





/* Carousel
----------------------------*/
#hpContainer { width:976px; position: relative; border-top:2px solid #D0E875; }
#hpContainer li { list-style:none none outside; }
#hpContainer li div { width:976px; background:##fff; height:250px }
/** 
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-clip-horizontal { width:976px; }

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 976px;
    height: 250px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/* Individual Carousel Items
-------------------------------------*/
#hpCarousel li p 
{
    padding:90px 0 0 20px;
    font-size:1.7em;
    color:#0F2C6F;
    font-family:Georgia,Book Antiqua,Times New Roman,Trebuchet MS,Tahoma,Verdana,Arial;
    font-weight:bold;
    letter-spacing:-1px;
    margin-right:300px;
}

#hpCarousel li p.larger { font-size:2.4em; line-height:1.2em; }

#hpCarousel li p span.altOne,
#hpCarousel li p a span.altOne  { color:#BB3757 !important }
#hpCarousel li p span.altTwo,
#hpCarousel li p a span.altTwo { color:#BB3757 !important; font-size: 0.73em; }
#hpCarousel li p span.altTwo,
#hpCarousel li p a span.altTwo { color:#BB3757 !important; font-size: 0.73em; }
#hpCarousel li p span.altBlue,
#hpCarousel li p a span.altBlue { color:#0F2C6F !important; font-size: 0.73em; }

#hpCarousel li p span.altGold { color:#d49811 !important; }
#hpCarousel li p span.largerBlue { font-size:1.4em; font-weight:bold; line-height:1.2em; color:#bb3757 !important; }


#hpCarousel li div { display:block; background-position:right top; background-repeat:no-repeat; }

#hpCarousel li .step-loseWeight { background-image:url(/customContent/images/publicHomepage/carousel/hpc-slide1.jpg); }
#hpCarousel li .step-laptop { background-image:url(/customContent/images/publicHomepage/carousel/hpc-slide2.jpg); }
#hpCarousel li .step-salad { background-image:url(/customContent/images/publicHomepage/carousel/hpc-slide3.jpg); }
#hpCarousel li .step-hand { background-image:url(/customContent/images/publicHomepage/carousel/hpc-slide4.jpg); }
#hpCarousel li .step-sat { background-image:url(/customContent/images/publicHomepage/carousel/hpc-slide5.jpg); }
#hpCarousel li .step-fruit-salad { background-image:url(/customContent/images/publicHomepage/carousel/hpc-slide2.jpg); }
#hpCarousel li .step-scales { background-image:url(/customContent/images/publicHomepage/carousel/hp-c-scales.png); }
#hpCarousel li .step-join { background-image:url(/customContent/images/publicHomepage/carousel/hpc-slide6.jpg); }

span.dblSpc { display:block; padding-bottom:10px; }






/* Homepage content columns
-------------------------------------*/
.contentSwap li a:link,
.contentSwap li a:visited
{
    font-family:Trebuchet MS,Tahoma,Verdana,Arial;
    font-size:1em;
    color:#000;
}

.contentSwap li a:link strong,
.contentSwap li a:visited strong { color:#EF4668; font-size:1.1em; font-family:Georgia,Book Antiqua,Times New Roman,Trebuchet MS,Tahoma,Verdana,Arial; }

.contentSwap li a:hover,
.contentSwap li a:active 
{
    color:#EF4668
}



/* HOMEPAGE: FOOTER COLUMNS (7) OVERRIDE - [IH]
-------------------------------------*/
ul.footerColumns7 li {
	width:120px;
	margin-right:13px;
	}
	
ul.footerColumns7 li a img{
	width:117px;
	height:82px;
	}