/* 
    Document   : TBSNZ
    Created on : 27/02/2014
    Author     : Rob Taylor
    Description:
        Additional styling over and above RD Spec
		Check for overlap with other .css prior to inserting new entries		
*/

/*
Google Maps
*/
#map-canvas {width: 100%; height: 800px; }
.googlepin {width:300px;}
.googlepin h2 {color: #7fb719;}
.googlepin p {margin: 0 0 0 0;}
.googlepin li {list-style-type: none;}
.googlepin .social-networks {float: none;height: 40px;padding: 5px 0 0 0;}

/*--------------------------------------------------------------
About Us Formatting
--------------------------------------------------------------*/
#aboutusquotes{
	color: #666666;
	font: italic bold 14px "gill-ss-std-bold","Times New Roman", Times, serif;
	
}	

#aboutussubtitle{
	color: #EC7A23;
    font: bold 14px "gill-ss-std",Verdana,Geneva,sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
/* request Newsletter */

#request_newsletter a, #request_newsletter a:hover
{
    background-color: #666;
    color: white;
    display: block;
    font: normal 14px "gill-ss-std", Verdana, Geneva, sans-serif;
    margin: 0 0 5px 0;
    padding: 3px 5px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    float: left;
}



.productadvertising{ height:177px; overflow:hidden; position:relative; display:block; width:241px; z-index:2; right:10px; position:absolute; top:10px; } 
.productadvertising img{ display:inline-block; left:0; position:absolute; top:0; } 

/*
Values Pages
*/

/* 
PAGE BANNER
*/

.vc_page_banner {
    height: 200px;
    background-position: top right;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-top: 2px;
}

/*
.vc_page_banner header {
	margin-left: 337px;
}
*/
.vc_page_banner header p {
    font-family: "gill-ss-std",Verdana, Geneva, sans-serif;
    font-size: 14px;
	padding-left: 15px;
}
.vc_page_banner h2 {
        font-size: 55px;
		padding-left: 15px;
		padding-top: 15px;
        line-height: 0.75em;
		color: white;
}

.vc_page_banner h2 span {
    font-family: "TBSactivist", cursive;
    font-weight: normal;
	color: white;
/*	color: #EC008C; */
    line-height: 10px;
    text-transform: uppercase;
}

.vc_page_banner h3 {
    color: white;
	margin-right: 30%;
	margin-left: 20px;
}
.vc_page_banner h4 {
    color: white;
	font-family: "TBSactivist", cursive;
	margin-left:20px;
}



.vc_page_content h3 {
	color: #169941

}

.vc_latest_stories article {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/vc_border_horizontal.gif) bottom left repeat-x;
    clear: both;
}

    .vc_latest_stories article img {
        float: left;
        width: 220px!important;
        margin-right: 15px;
    }

    .vc_latest_stories article h3 {
        font-size: 30px;
        line-height: 26px;
        margin-bottom: 10px;
        margin-top: 5px;
        color: #666;
    }

        .vc_latest_stories article h3 a {
            color: #7fb719;
        }

    .vc_latest_stories article p {
        margin-bottom: 10px;
        width: 600px;
    }

.vc_btn {
	background-color: #00915C;
	color:#FFF!important;
	display: inline-block;
	font: normal 16px/25px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0 8px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

/* RESOURCES SIDEBAR PANEL
=========================================== */

.vc_resources h4 {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/vc_border_horizontal.gif) bottom left repeat-x;
	padding-bottom:6px;
}

.vc_resources ul {
	list-style:none;
}

.vc_resources li {
	background: #fff url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/vc_border_horizontal.gif) bottom left repeat-x;
	margin:10px 0;
}

.vc_resources li a {
	display:block;
	height:40px;
	margin:5px 0;
	padding-bottom:10px;
	background-position:0 0;
	background-repeat: no-repeat;
	color:#666;
}

.vc_resources li a:hover {
	color:#00915c;
}

.vc_resources li a .pdf {
	float:left;
	display:block;
	height:40px;
	width:40px;
	margin-right:10px;
/*	background-image:url(/ws-template/default/img/icon-resource-pdf.gif);*/
}

.vc_resources li a:hover span {
	opacity: 0.8;
}

.vc_related {
	background:#cce9de;
	padding:5px 10px;
}

.vc_related h3 {
	color:#13905E;
	font: 30px "bebasneue",Impact, Charcoal, sans-serif;
}
.vc_related h4 {
	margin:0;
	padding:0;
}

.vc_related ul {
	list-style:none;
}

.vc_related li {
	margin-bottom:9px;
}

.vc_related a {
	color:#666;
}

.vc_arrow-link > span {
	width:5px;
	height:8px;
	display:inline-block;
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/nav-arrow.png) 0 -8px no-repeat;
}

.vc_arrow-link > span.white {
	background-position: 0 -16px;
}

/*
Pillars
*/
.vc_pillar_banner {
    margin: 0 0 20px 0;
    padding: 20px 20px 0 22px;
    overflow: hidden;
}

	.vc_pillar_banner header {
			margin: 0;
			padding: 0;
	}

	.vc_pillar_banner header h1 {
				color: White;
	}

.vc_pillars {
    margin-top: 20px;
}

.vc_pillars .pillar {
	float: left;
	width: 18%;
	padding: 0 1.2%;
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif) top right repeat-y;
}

	.vc_pillars .pillar:first-child {
		padding-left: 0;
	}

	.vc_pillars .pillar:last-child {
		padding-right: 0;
		background: transparent;
	}

	.vc_pillars .pillar .pillar-header {
		background: #769121;
		display: block;
		width: 100%;
		height: 100px;
		margin-bottom: 5px;
	}

.vc_pillars .pillar p {
    padding: 0 2%;
    margin: 0px;
}

    .vc_pillars .pillar p a {
        color: #666;
}

.pillar-text {
    display: block;
    clear: both;
    height: 140px;
}


.vc_pillars .animal_testing .pillar-header {
    background: #769121;
}

    .vc_pillars .animal_testing .pillar-header:hover {
        background: #839c37;
    }

.vc_pillars .community_trade .pillar-header {
    background: #72c267;
}

    .vc_pillars .community_trade .pillar-header:hover {
        background: #80c876;
    }

.vc_pillars .self_esteem .pillar-header {
    background: #74c043;
}

    .vc_pillars .self_esteem .pillar-header:hover {
        background: #82c655;
    }

.vc_pillars .human_rights .pillar-header {
    background: #296c28;
}

    .vc_pillars .human_rights .pillar-header:hover {
        background: #3e7a3d;
    }

.vc_pillars .protect_planet .pillar-header {
    background: #18a466;
}

    .vc_pillars .protect_planet .pillar-header:hover {
        background: #2fad75;
    }

.vc_pillars .pillar .pillar-header h4 {
    color: #fff;
    font-size: 28px;
    line-height: 24px;
    padding: 7% 10% 0;
    margin: 0;
    text-transform: uppercase;
}

    .vc_pillars .pillar .pillar-header h4 .activist {
        font-size: 26px;
    }


/*
CFT Slider
*/

#bb-home-wrapper {
    display: block;
    width: 500px;
    height: 490px;
    position: absolute;
    top: 48px;
    left: 305px;

}

#bb-home-wrapper a {

    display: block;
    margin: 0 0 2px 15px;
    float: left;
    height: 131px;
    width: 133px;
    overflow: hidden;
    /*background-image: url("https://www.thebodyshop.com.au/cms/Assets/home/body-butters/HP-Fruity-01.png");*/
    background-position: 0 0;
}

#bb-home-wrapper a span {
    font-family: "TBSactivist", Arial, Helvetica, sans-serif;
    display: block;
}

#bb-home-wrapper a:hover, #bb-home-wrapper a.hovered {
    background-position: 0 -131px;

}



/*
map page
*/

#vc_map_panes .list_view .text p {
	color:#00915c;
	font-family: "bebasneue",Impact, Charcoal, sans-serif;
	font-weight:normal!important;
}


.vc_tabs {
	float:right;	
	position:relative;
	border:1px solid #d7d7d7;
	z-index:50;
	
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

}

.vc_tabs .tab_label {
	position:absolute;
	left:-50px;
	top:9px;
	color:#e41184;
	font-size:16px;
}

.vc_tabs ul {
	list-style:none;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_tab_divide.png) center center no-repeat;
	margin:0;
}

.vc_tabs li {
	list-style: none;
	float:left;
	margin:0;
}

.vc_tabs a {
	display:block;
	height:32px;
	width:70px;
	line-height:35px;
}

.ie7 .vc_tabs a {
	height:40px;
}

.vc_tabs a .tab_icon {
	display:block;
	width:45px;
	height:27px;
	padding:1px;
	margin:5px auto 0;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_tab_icons.png) no-repeat;
}

.vc_tabs a .text {
	display:none;
}

.vc_tabs a .tab_icon_timeline {
	background-position:0 0;
}

.vc_tabs a:hover .tab_icon_timeline,
.vc_tabs a.active .tab_icon_timeline {
	background-position:0 -28px;
}

.vc_tabs a .tab_icon_list{
	background-position:-46px 0;
}

.vc_tabs a:hover .tab_icon_list,
.vc_tabs a.active .tab_icon_list {
	background-position:-46px -28px;
}

.vc_tabs a .tab_icon_map {
	background-position:-92px 0;
}

.vc_tabs a:hover .tab_icon_map,
.vc_tabs a.active .tab_icon_map {
	background-position:-92px -28px;
}

.vc_tabs .vc_tab_arrow {
	width:31px;
	height:16px;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_tab_arrow.png) 0 0 no-repeat;
	position:absolute;
	bottom:-16px;
	left:20px;
	z-index:3;
}

.ie7 .vc_tabs .vc_tab_arrow {
	display:none;
}



#maincontent .vc_map_page .vc_page_banner {
	background:none;
	margin-bottom:0;
	padding-bottom:0;
	height:auto;
	min-height:inherit;
}

#vc_map_panes {
	clear:both;
	width:100%;
	padding-top:67%; /* Scale proportionately */
	position:relative;
	/*background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_cft_map3.jpg) center center no-repeat;*/

}

#vc_map {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}


#vc_map .pins_container {
/*
	background:red;
	opacity:0.5;
*/
	width:720px;
	height:420px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-210px;
	margin-left:-360px;
}

.vc_pin {  
/*
  left: 100px;
  top:100px;
*/
	z-index:1;  
  position: absolute;
}

.vc_pin .pin_box {
	display:block;
	width:42px;
  max-width:240px;
  position:absolute;
  top:0;
	
	-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.6);
	box-shadow:0px 2px 5px rgba(0,0,0,0.6);
	
  background-color: #e0ab41;
  
	-moz-border-radius: 8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
}

.vc_pin .pin_content {
	width:200px;
	position:absolute;
	left:40px;
	font-size:12px;
	color:#fff;
	height:75px;
	display:none;
	color:#fff;
	padding:5px;
}

.vc_pin .pin_content h4,
.vc_pin .pin_content p {
	margin:0;
	padding:0;
	line-height:14px;
}

.vc_pin img {
	float:left;
	width:auto!important;
}
#vc_map .vc_pin.right {
	overflow:visible;
	position:absolute;
}

#vc_map .vc_pin.right img {
	float:right;
}

.vc_pin .pin_content h3 {
	color:#fff;
	font-size:18px;
	margin:0;
	line-height:18px;
}

.vc_pin .pin_content p {
	margin:0;
	font-size:14px;
	line-height:18px;
	line-height:normal;
}

.vc_pin.right .pin_content {
	left:5px;
	overflow:visible;
}

.vc_pin .vc_btn {
	font-size:12px;
	line-height:20px;
	height:20px;
	padding:0 6px;
	margin-top:3px;
}

.pin_arrow {
	display:block
	z-index:1;
  position: absolute;
  bottom: -62px;
  left: 11px;
  width:20px;
  height:20px;
  background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_map_pins.png) no-repeat;
  background-position:-20px -20px;
}



.vc_pin.green1 .pin_box,
.list_view .icon.green1	  			{background:#83b768}
.green1 .pin_arrow 	 	{background-position:0px 0px}

.vc_pin.green2 .pin_box,
.list_view .icon.green2	 		 	{background:#5e9323}
.green2 .pin_arrow 	 	{background-position:-20px 0px}

.vc_pin.green3 .pin_box,
.list_view .icon.green3	  			{background:#315b20}
.green3 .pin_arrow 	 	{background-position:-40px 0px}

.vc_pin.green4 .pin_box,
.list_view .icon.geeen4	  			{background:#b5bb67}
.green4 .pin_arrow 	 	{background-position:-60px 0px}

.vc_pin.orange1 .pin_box,
.list_view .icon.orange1	 			{background:#d69f54}
.orange1 .pin_arrow 	 	{background-position:0px -20px}

.vc_pin.orange2 .pin_box,
.list_view .icon.orange2	 			{background:#e0ab41}
.orange2 .pin_arrow 	 	{background-position:-20px -20px}

.vc_pin.orange3 .pin_box,
.list_view .icon.orange3	 			{background:#e79a01}
.orange3 .pin_arrow 	 	{background-position:-40px -20px}

.vc_pin.orange4 .pin_box,
.list_view .icon.orange4	 			{background:#d27c2f}
.orange4 .pin_arrow 	 	{background-position:-60px -20px}

.vc_pin.brown1 .pin_box,
.list_view .icon.brown1	  			{background:#652f27}
.brown1 .pin_arrow 	 	{background-position:0px -40px}

.vc_pin.brown2 .pin_box,
.list_view .icon.brown2	  			{background:#964f24}
.brown2 .pin_arrow 	 	{background-position:-20px -40px}

.vc_pin.brown3 .pin_box,
.list_view .icon.brown3	  			{background:#c6975f}
.brown3 .pin_arrow    	{background-position:-40px -40px}

.vc_pin.brown4 .pin_box,
.list_view .icon.brown4	  			{background:#87601e}
.brown4 .pin_arrow 	 	{background-position:-60px -40px}

.vc_pin.red .pin_box, 
.list_view .icon.red	 				{background:#983421}
.red .pin_arrow  		 	{background-position:0px -60px}

.vc_pin.pink1 .pin_box, list_view .icon.pink1 	 			{background:#F7ADCE}
.pink1 .pin_arrow 		 	{background-position:-20px -60px}

.vc_pin.white .pin_box, 
.list_view .icon.white 	 			{background:#e5e4d4;}
.white .pin_arrow 		 	{background-position:-40px -60px}
.vc_pin.white .pin_content, 
.vc_pin.white .pin_content h3 {color:#444;}

.vc_pin.yellow .pin_box, 
.list_view .icon.yellow	 			{background:#f9e156!important;}
.yellow .pin_arrow 		{background-position:-60px -60px}
.vc_pin.yellow .pin_content, 
.vc_pin.yellow .pin_content h3{color:#444;}






#map_tip {
	position:absolute;
	right:12px;
	bottom:12px;
	width:280px;
	padding:12px;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_bg_trans_white.png);
	cursor:pointer;
}

#map_tip h4 {
	margin-top:0;
	padding-top:0;
	color:#00915c;
	text-transform:uppercase;
}

#map_tip p {
	margin-bottom:0;
}

#map_tip a,
#cft_discover .close {
	width:16px;
	height:16px;
	position:absolute;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_cross.png) 0 0 no-repeat;
	top:9px;
	right:9px;
	overflow:hidden;
	text-indent:-3000em;
}

#map_tip:hover a,
#cft_discover .close:hover {
	background-position: 0 -16px;
}

#vc_map #cft_discover_link {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_bg_trans_white.png);
	padding:12px;
	text-transform:uppercase;
}

#vc_map #cft_discover_link span {
	display:inline-block;
	
	height:13px;
	width:7px;
	margin-left:3px;
	margin-bottom:-1px;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_arrow_large.png) 0 0 no-repeat;
}

.ie7 #vc_map #cft_discover_link span {
	vertical-align:middle;
}

#vc_map #cft_discover_link:hover span {
	visibility: visible;
}

#cft_discover {
	display:none;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_bg_trans_white.png);
	position:relative;
	z-index:5;
	margin:12px;
/* 	height:465px; */
	padding:50px 20px 15px 29%;
	height:410px;
	padding:8% 20px 0 29%;
	height:83%;	
	overflow:hidden;
}

.ie7 #cft_discover {
	top:12px;
}

#cft_discover .cft_bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#cft_discover .cft_bg .globe_bg {
	width:28%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/cft_globe.png) right -30px no-repeat;
}

#cft_discover .cft_bg .strawberry_bg {
	width:149px;
	height:74px;
/*	background:url(../img/vcMap/cft-strawberry.png) 0 0 no-repeat;*/
	position:absolute;
	top:0;
	right:30%;
}

#cft_discover h3 {
	font-size:34px;
	margin-bottom:0;
	line-height:normal;
}

#vc_map_panes #list_pane {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#vc_map_panes .list_view {
	margin:12px;
	background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/vc_bg_trans_white.png);
	height:94.5%;
	list-style:none;
	overflow-y: scroll;
	zoom:1;
	
	position:relative;
}



#vc_map_panes .list_view li {
	padding:20px 0;
	margin:0 3%;
	border-bottom:1px dotted #999;
	width:44%;
	float:left;
	zoom:1;
}

.ie7 #vc_map_panes .list_view li {
	width:42%;
}

#vc_map_panes .list_view li:hover .icon {
/* 	margin-top:-1px; */
}

#vc_map_panes .list_view .icon {
	float:left;
	width:60px;
	margin-right:10px;
/* 	padding:5px; */
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
	
#vc_map_panes .list_view .icon img {
	width:auto!important;
}

#vc_map_panes .list_view .icon .pin_arrow {
	left:20px;
	bottom:-20px;
}

#vc_map_panes .list_view .text {
	float:left;
}

#vc_map_panes .list_view .text h3 {
	margin:0;
	line-height:1em;
	margin-bottom:3px;
	font-size:30px;
}

#vc_map_panes .list_view .text h3 a {
	color:#666;
}

#vc_map_panes .list_view .text h3 a:hover {
	color: #EC008C;
}

#vc_map_panes .list_view .text p {
	font-size:22px;
	margin-bottom:5px;
}

#vc_map_panes .list_view .text .vc_btn {
	font-size:12px;
	line-height:22px;
	height:22px;
	padding:0 8px;
}


.map_page_content {
	margin-top:-36px;	
}

.map_page_content {
	margin-bottom:15px;
}

.vc_content .addthis_toolbox {
	float: right;
	margin-bottom: 10px;
}


.vc_page_banner header .addthis_toolbox {
	position: absolute;
	float: none;
	margin: 0;
	bottom: 36px;
	right: 0;
}

.vc_et_home .vc_page_banner header .addthis_toolbox {
	top: -24px;
}

.vc_et_wwd .vc_page_banner header .addthis_toolbox {
	bottom: 0;
}

.vc_text-page .addthis_toolbox	{
	margin-top: -20px;
}


.vc_share {
	border:1px solid #cbcbcb;
	margin-bottom:15px;
}

.vc_right-col .vc_share h4 {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/vc_border_horizontal.gif) bottom left repeat-x;
	margin:0;
	padding:6px 4px;
	font-size:23px;	
	line-height:normal;	
	text-align:center;
}

.vc_share .share_inner {
	padding:10px;
	text-align:center;
}

.vc_share .fb-like {
	display:inline-block;
	margin-bottom:4px;
}

.vc_share .twitter-share-button {
	position:relative;
	top:4px;
	display:inline-block;
}



.vc_hidden {visibility:hidden; height:1px; margin:0; padding:0;line-height:0;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#maincontent {min-height: 100%;}



/*
Added for CFT Ingredients pages
*/

#vc_AgainstAnimalTesting h2 {
	color: #84941b
}

#vc_DefendHumanRights h2, 
#vc_DefendHumanRights h4 {
	color: #2c6b2c
}

#vc_DefendHumanRights img {
    width: 100%;

}

#vc_ActivateSelfEsteem h2 {
	color: #84c45b
}

#vc_ProtectThePlanet h2 {
	color: #24A368
}

#vc_ProtectThePlanet ul {
	padding-left:20px;
}

#vc_ProtectThePlanet li {
	margin-left:0px; 
	padding-bottom:10px;
	font: normal 14px "gill-ss-std","Times New Roman", Times, serif;
	color: #666;
}


.cft-subtitle {
    color: #FFF;
    font: normal 28px "bebasneue", Arial, Helvetica, sans-serif;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 0 20px;
}


.cft-title {
    color: #FFF;
    font: 60px/1em "TBSactivist", Arial, Helvetica, sans-serif;
    padding: 20px 20px 0 20px;
    margin: 0;
    text-transform: uppercase;
    position: relative;
}

.vc_cap-header, .vc_gallery .caption p {
    color: #fff;
}


.cft_header {
    min-height: 150px;
    margin: 0 0 30px 0;
}

.visual_cft { /*float:right;*/
    top: 0;
    position: absolute;
    right: 0px;
    width: auto!important;
    max-width: 100%;
}


.vc_related_products h2 {
    font: 22px/1em "bebasneue",Impact, Charcoal, sans-serif;
    margin: 0;
    padding: 0;
}


.cfti_addthis {
    margin: -20px 0 10px 0;
    display: block;
    height: 40px;
}


.vc_page_header {
    float: left;
    width: 60%;
    padding-right: 9%;
    margin-bottom: 30px;
}

.vc_main-col {
    width: 78%;
/*    padding-right: 9%; */
}

.vc_right-col {
    width: 19%;
    margin: 0;
}


.vc_page_header_image {
    width: 100%;
    padding: 0 0 20px 0;  
}





/* IMAGE / VIDEO GALLERY STYLES
=========================================== */
.vc_vid-wrap-16-9 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 22px; /* Exra 25px for YouTube player chrome */
	height: 0;
	margin-bottom: 15px;
}


.vc_vid-wrap-16-9 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.vc_et_home .vc_vid-wrap-16-9 {
	padding-top: 0;
}

.ie7 .vc_main-col .vc_vid-wrap-16-9 iframe {
	width: 633px;
	height: 352px;
}


.vc_gallery {
	margin: 18px 0;
}

.vc_gallery .scroller-wrapper {
	position: relative;
	border: 1px solid #c6c6c5;
	border-top: none;
}

.vc_gallery .scroller-wrapper .vc_nav {
	position: absolute;
	display: block;
	width: 18px;
	height: 70px;
	top: 11px;
	cursor: pointer;
	text-indent: -3000em;
	overflow: hidden;
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/gallery-nav.png) no-repeat;
	z-index: 1;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.vc_gallery .scroller-wrapper .vc_nav:active {
	top: 11px;
}

.vc_gallery .scroller-wrapper .vc_prev {
	left: 0.9%;
	background-position: 0 0;
}

.vc_gallery .scroller-wrapper .vc_prev:hover {
	background-position: 0 -70px;
}

.vc_gallery .scroller-wrapper .vc_next {
	right: 0.9%;
	background-position: -18px 0;
}

.vc_gallery .scroller-wrapper .vc_next:hover {
	background-position: -18px -70px;
}

.vc_gallery .scroller-wrapper .disabled {
	opacity: 0.3;
	filter: alpha(opacity=30);
	background-position-y: 0!important;
}

.vc_gallery .scroller {
	width: 90%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: 98px;
}

.vc_gallery .scroller .items {
	width: 20000em;
	position: absolute;
	list-style: none;
}

.vc_gallery .scroller .itemgroup {
	float: left;
}

.vc_gallery .scroller li {
	float: left;
	margin: 8px 9px 0 0;
}

.vc_gallery .scroller li a {
	display: block;
	border: 3px solid #fff;
	width: 100px;
	height: 75px;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.vc_gallery .scroller li a:hover {
	border-color: #b1b1b1;
}

/*
.vc_gallery .scroller li a.active {
border-color:#00915c;
}
*/
.vc_gallery .frame {
	border: 1px solid #c6c6c5;
	border-bottom: none;
	position: relative;
	z-index: 1;
	zoom: 1;
}

.vc_gallery .video-frame {
	margin-bottom: 0;
	zoom: 1;
}

.vc_gallery .video-frame iframe {
	display: block;
	margin: 0;
	padding: 0;
}

.vc_gallery .image-frame {
	zoom: 1;
}

.image-frame img, .vc_gallery .scroller .itemgroup li a img {
	width: 100%;
}

.vc_gallery .image-frame .vc_nav {
	width: 50px;
	height: 50px;
	position: absolute;
	display: block;
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/gallery-nav.png);
	text-indent: -3000em;
	top: 45%;
	cursor: pointer;
	z-index: 1;
}

.vc_gallery .image-frame .vc_nav.vc_prev {
	background-position: -36px 0;
	left: 1%;
}

.vc_gallery .image-frame .vc_nav.vc_next {
	background-position: -36px -50px;
	right: 1%;
}

.vc_gallery .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80%;
	padding: 4px 25px 8px 15px;
	background: #000;
	background: rgba(0,0,0,0.5);
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/bg-trans-black.png);
	color: #fff;
}

.vc_gallery .caption h5 {
	font-size: 2.2em;
	margin-bottom: 2px;
	line-height: 28px;
}

.vc_gallery .caption .count {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 1.3em;
	letter-spacing: 0.1em;
}


.vc_gallery .caption .count .number {
	color: #7fb719;
}





/*
cft footer panels
*/

#subcategory-menu {
    background: url("https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif") repeat-x scroll 0 0 transparent;
    padding: 5px 0 15px 0;
    position: relative;
    width: 100%;
}

#subcategory-menu ul {
    display: block;
    list-style: none;
    margin: 5px 0 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#subcategory-menu ul li {
    background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-03.gif) repeat-y scroll right top transparent;
    display: block;
    float: left;
    min-height: 40px;
    overflow: hidden;
    position: relative;
    padding: 0;
    text-align: center;
    width: 20%;
    height: 100%;
}

#subcategory-menu ul li a {
    color: #666666;
    display: block;
    font: 1.4em/20px "gill-ss-std", Verdana, Geneva, sans-serif; /*margin: 0 0 10px;*/
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100% !important;
}

#subcategory-menu ul li a:visited {
	color: #666666
}

#subcategory-menu ul li a:first-child {
    top: 0;
    margin: 0;
}

#subcategory-menu ul li a:last-child {
    bottom: 0;
    margin: 0;
}

#subcategory-menu ul li a:hover {
    color: #7fb719; /*text-decoration:underline;*/
}

#subcategory-menu ul li:last-child {
    background: none;
}

#subcategory-menu h5.title a
{
/*    background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_headerXmas.jpg) repeat-x scroll top left transparent;*/
    background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/home_bg-title-article.jpg) repeat-x scroll top left transparent;
    border-bottom: 3px solid white;
    color: white;
    font: normal 30px "bebasneue", Arial, Helvetica, sans-serif;
    display: block;
    padding: 0 20px;
    line-height: 150%;
    margin: -5px 0 0 0;
}



/*  Makeup Match  */

#mk-comparsion-chart h1 {
    color: #EE8080;
}

#mk-comparsion-chart .product-row, #mk-comparsion-chart .hero-left,  #mk-comparsion-chart .hero-right {
    float: left;
    display: block;
}

#mk-comparsion-chart .product-row {
    clear: both;
    width: 100%;
    display: block;
    position: relative;
}

#mk-comparsion-chart .hero-left {
    width: 38%;
    margin-right: 10%;
}

#mk-comparsion-chart .hero-right {
    width: 50%;
}
#mk-comparsion-chart .hero-right img {
    width: 100%;
}


#mk-comparsion-chart, #mk-comparsion-chart p {
    color: #666;
    font: normal 14px "gill-ss-std","Times New Roman", Times, serif;
    line-height: 19px;
    margin: 0;
}

#mk-comparsion-chart  {
    margin-bottom: 50px;
    float: left;
    display: block;
    position: relative;
    width: 100%;
}

    #mk-comparsion-chart p {
        color: #a4a4a4;
    }

    #mk-comparsion-chart .hero p {
        color: #666;
    }

    #mk-comparsion-header {
        width: 100%;
        display: block;
        clear: both;
        height: auto;
        position: relative;
        float: left;
    }

    #mk-comparsion-chart .fair-skin-title, #mk-comparsion-chart .medium-skin-title
        , #mk-comparsion-chart .olive-skin-title {
        color: #FFF;
        font: normal 15px "gill-ss-std","Times New Roman", Times, serif;
        line-height: 44px;
        text-transform: uppercase; 
        float: left;
        display: block;
        width: 29%;
        text-align: center;
        border-top: solid 1px #ccc;
         
    }
    #mk-comparsion-chart .fair-skin-title {
        background-color: #ECC6B2;
        border-right: solid 1px #ccc;
    }
    #mk-comparsion-chart .medium-skin-title {
        background-color: #DF9B7A;
    }
    #mk-comparsion-chart .olive-skin-title {
        background-color: #B08070;
        border-right: solid 1px #ccc;
        border-left: solid 1px #ccc;
    }

    
    #mk-comparsion-chart .product-title {
        width: 11%;
        float: left;
        border: solid 1px #ccc;
        border-top: none;
        padding: 15px 0 0 0;
        height: 108px;
        overflow: hidden;
        background-color: #fff;
    }

    #mk-comparsion-chart .product-title span {
        width: 100%;
        border-bottom: solid 1px #ccc;
        display: block;
        margin: -15px 0 15px 0;
    }

    #mk-comparsion-chart .mk-comparison-spacer {
        width: 11%;
        float: left;
        border: solid 1px transparent;
        border-bottom: none;
    }

    #mk-comparsion-chart .product-title p {
        color: #424242;
        font: normal 16px "gill-ss-std","Times New Roman", Times, serif;
        padding-left: 15px;
    }
    #mk-comparsion-chart .fair-skin-products, #mk-comparsion-chart .medium-skin-products
        , #mk-comparsion-chart .olive-skin-products {
        float: left;
        display: block;
        width: 29%;
        border-bottom: solid 1px #ccc;
        padding: 15px 0 0 0;
        height: 108px;
        overflow: hidden;
        background-color: #fff;
    }

    #mk-comparsion-chart .fair-skin-products {
        border-right: solid 1px #ccc;
    }
    #mk-comparsion-chart .olive-skin-products {
        border-right: solid 1px #ccc;
        border-left: solid 1px #ccc;
    }

    #mk-comparsion-chart .shade-03, #mk-comparsion-chart .shade-02 {
        float: left;
        display: block;
        text-align: center;
    }
    #mk-comparsion-chart .shade-03 img, #mk-comparsion-chart .shade-02 img {
        margin: 0 auto;
    }
    #mk-comparsion-chart .shade-03 {
        width: 32%;
    }
    #mk-comparsion-chart .shade-02 {
        width: 48%;
    }

    .mk-comparsion-chart-spacer {
        height: 20px;
        position: relative;
        display: block;
    }

/*  Fragrance Landing Page  */
#fragrance .heading  {
	background-image:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp-fragrance/FragranceHeader.jpg); 
	width:100%; 
	height:218px; 
	padding-top:0px; 
	padding-left:0px; 
	text-align:left;
}

#fragrance .heading p {
	color:#343434; 
	font-weight: normal;
	position:relative;
	z-index:3;
	padding-top: 40px; 
	padding-left: 540px; 
	padding-right:20px;
	font-size:14px;
}

#fragrance .banner {
	margin-left:auto;
	margin-right:auto;
	width:532px;
	background-color:#F9F9F9;
}

#fragrance .items {
	background-color:#F9F9F9;
	height:2550px;
}

#fragrance .bannerimage {
	text-align:center;
	position: absolute;
}

#fragrance .button {
	background-color: #e2007a;
	color: #FFF;
	display: block;
	font: normal 2em/33px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
	margin: 0 0 5px 0;
	padding: 0 8px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

#fragrance  span {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat;
	display: inline-block;
	height: 14px;
	margin: 0 0 0 5px;
	position: relative;
	width: 7px;
}
#fragrance .whitemuskarrow {
	height:48px; 
	overflow:hidden; 
	position: absolute;
	top: 300px;
	right: 240px;
	display:block; 
	width:110px;
	z-index:2; 
}
#fragrance .whitemusk {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 300px;
	right: 10px;
	display:block; 
	width:215px;
	z-index:2; 
}
#fragrance .whitemusk p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#fragrance .smokyrosearrow {
	height:48px; 
	overflow:hidden; 
	position: absolute;
	top: 750px;
	left: 230px;
	display:block; 
	width:110px;
	z-index:2; 
}
#fragrance .smokyrose {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 700px;
	left: 10px;
	display:block; 
	width:215px;
	z-index:2; 
}
#fragrance .smokyrose p {
	padding-left:10px;
	padding-top: 10px;
}
#fragrance .japanesecherryblossomarrow {
	height:48px; 
	overflow:hidden; 
	position: absolute;
	top: 1000px;
	right: 180px;
	display:block; 
	width:110px;
	z-index:2; 
}
#fragrance .japanesecherryblossom {
	height:400px; 
	overflow:hidden; 
	position: absolute;
	top: 1000px;
	right: 10px;
	display:block; 
	width:164px;
	z-index:2; 
}
#fragrance .japanesecherryblossom p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#fragrance .atlasmountainrosearrow {
	height:48px; 
	overflow:hidden; 
	position: absolute;
	top: 1350px;
	left: 210px;
	display:block; 
	width:110px;
	z-index:2; 
}
#fragrance .atlasmountainrose {
	height:350px; 
	overflow:hidden; 
	position: absolute;
	top: 1300px;
	left: 10px;
	display:block; 
	width:215px;
	z-index:2; 
}
#fragrance .atlasmountainrose p {
	padding-left:10px;
	padding-top: 10px;
}
#fragrance .indiannightjasminearrow {
	height:48px; 
	overflow:hidden; 
	position: absolute;
	top: 1730px;
	right: 180px;
	display:block; 
	width:110px;
	z-index:2; 
}
#fragrance .indiannightjasmine {
	height:400px; 
	overflow:hidden; 
	position: absolute;
	top: 1600px;
	right: 10px;
	display:block; 
	width:150px;
	z-index:2; 
}
#fragrance .indiannightjasmine p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#fragrance .madagascanvanillaflowerarrow {
	height:48px; 
	overflow:hidden; 
	position: absolute;
	top: 2000px;
	left: 210px;
	display:block; 
	width:110px;
	z-index:2; 
}
#fragrance .madagascanvanillaflower {
	height:350px; 
	overflow:hidden; 
	position: absolute;
	top: 1900px;
	left: 10px;
	display:block; 
	width:218px;
	z-index:2; 
}
#fragrance .madagascanvanillaflower p {
	padding-left:10px;
	padding-top: 10px;
}
#fragrance .amazonianwildlilyarrow {
	height:48px; 
	overflow:hidden; 
	position: absolute;
	top: 2350px;
	right: 210px;
	display:block; 
	width:110px;
	z-index:2; 
}
#fragrance .amazonianwildlily {
	height:350px; 
	overflow:hidden; 
	position: absolute;
	top: 2300px;
	right: 10px;
	display:block; 
	width:189px;
	z-index:2; 
}
#fragrance .amazonianwildlily p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#fragrance .fijianwaterlotusarrow {
	height:48px; 
	overflow:hidden; 
	position: absolute;
	top: 2800px;
	left: 210px;
	display:block; 
	width:110px;
	z-index:2; 
}
#fragrance .fijianwaterlotus {
	height:350px; 
	overflow:hidden; 
	position: absolute;
	top: 2700px;
	left: 10px;
	display:block; 
	width:218px;
	z-index:2; 
}
#fragrance .fijianwaterlotus p {
	padding-left:10px;
	padding-top: 10px;
}

/*  Giftfinder Landing Page  */

#gifts .heading  {
	background-image:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp-gifts/GiftHeader_v2.jpg); 
	width:100%; 
	height:218px; 
	padding-top:0px; 
	padding-left:0px; 
	text-align:left;
}

#gifts .heading p {
	color:#343434; 
	font-weight: normal;
	position:relative;
	z-index:3;
	padding-top: 40px; 
	padding-left: 540px; 
	padding-right:20px;
	font-size:14px;
}

#gifts .banner {
	margin-left:auto;
	margin-right:auto;
	width:532px;
	background-color:#054A28;
}

#gifts .items {
	background-color:#054A28;
	height:2550px;
}

#gifts .bannerimage {
	text-align:center;
	position: absolute;
}

#gifts .button {
	background-color: #e2007a;
	color: #FFF;
	display: block;
	font: normal 2em/33px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
	margin: 0 0 5px 0;
	padding: 0 8px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

#gifts  span {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat;
	display: inline-block;
	height: 14px;
	margin: 0 0 0 5px;
	position: relative;
	width: 7px;
}
#gifts .secretsantaarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 450px;
	right: 160px;
	display:block; 
	width:110px;
	z-index:2; 
}
#gifts .secretsanta {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 400px;
	right: 10px;
	display:block; 
	width:215px;
	z-index:2; 
}
#gifts .secretsanta p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#gifts .giftsunder60arrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 420px;
	left: 170px;
	display:block; 
	width:110px;
	z-index:2; 
}
#gifts .giftsunder60 {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 380px;
	left: 10px;
	display:block; 
	width:215px;
	z-index:2; 
}
#gifts .giftsunder60 p {
	padding-left:10px;
	padding-top: 10px;
}
#gifts .giftsunder40arrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 550px;
	right: 70px;
	display:block; 
	width:110px;
	z-index:2; 
}
#gifts .giftsunder40 {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 500px;
	right: 0px;
	display:block; 
	width:205px;
	z-index:2; 
}
#gifts .giftsunder40 p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#gifts .giftsforherarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 580px;
	left: 160px;
	display:block; 
	width:110px;
	z-index:2; 
}
#gifts .giftsforher {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 550px;
	left: 10px;
	display:block; 
	width:215px;
	z-index:2; 
}
#gifts .giftsforher p {
	padding-left:10px;
	padding-top: 10px;
}
#gifts .allgiftsarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 700px;
	right: 170px;
	display:block; 
	width:110px;
	z-index:2; 
}
#gifts .allgifts {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 700px;
	right: 0px;
	display:block; 
	width:205px;
	z-index:2; 
}
#gifts .allgifts p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#gifts .giftsover80arrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 710px;
	left: 270px;
	display:block; 
	width:110px;
	z-index:2; 
}
#gifts .giftsover80 {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 700px;
	left: 60px;
	display:block; 
	width:215px;
	z-index:2; 
}
#gifts .giftsover80 p {
	padding-left:10px;
	padding-top: 10px;
}
#gifts .giftsunder80arrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 850px;
	right: 100px;
	display:block; 
	width:110px;
	z-index:2; 
}
#gifts .giftsunder80 {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 810px;
	right: 0px;
	display:block; 
	width:205px;
	z-index:2; 
}
#gifts .giftsunder80 p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#gifts .giftsforhimarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 850px;
	left: 180px;
	display:block; 
	width:110px;
	z-index:2; 
}
#gifts .giftsforhim {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 850px;
	left: 10px;
	display:block; 
	width:215px;
	z-index:2; 
}
#gifts .giftsforhim p {
	padding-left:10px;
	padding-top: 10px;
}

/*  Top10 Landing Page  */

#top10 .banner {
	margin-left:auto;
	margin-right:auto;
	width:600px;
	background-color:#fff;
}

#top10 .items {
	background-color:#fff;
	height:1174px;
}

#top10 .bannerimage {
	text-align:center;
	position: absolute;
}

#top10 .button {
	background-color: #e2007a;
	color: #FFF;
	display: block;
	font: normal 2em/33px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
	margin: 0 0 5px 0;
	padding: 0 8px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

#top10  span {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat;
	display: inline-block;
	height: 14px;
	margin: 0 0 0 5px;
	position: relative;
	width: 7px;
}
#top10 .hemparrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 450px;
	right: 160px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .hemp {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 60px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .hemp p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}

#top10 .moringabodybutterarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 420px;
	left: 170px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .moringabodybutter {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 120px;
	right: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .moringabodybutter p {
	padding-left:10px;
	padding-top: 10px;
}
#top10 .sheabodybutterarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 450px;
	right: 160px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .sheabodybutter {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 240px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .sheabodybutter p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#top10 .vitaminemoisturecreamarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 420px;
	left: 170px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .vitaminemoisturecream {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 460px;
	right: 0px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .vitaminemoisturecream p {
	padding-left:10px;
	padding-top: 10px;
}
#top10 .macarootshavecreamarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 450px;
	right: 160px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .macarootshavecream {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 590px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .macarootshavecream p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#top10 .macarootfaceprotectorarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 420px;
	left: 170px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .macarootfaceprotector {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 630px;
	right: 0px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .macarootfaceprotector p {
	padding-left:10px;
	padding-top: 10px;
}
#top10 .gingershampooarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 450px;
	right: 160px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .gingershampoo {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 800px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .gingershampoo p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#top10 .vitaminenightcreamarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 420px;
	left: 170px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .vitaminenightcream {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 920px;
	right: 0px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .vitaminenightcream p {
	padding-left:10px;
	padding-top: 10px;
}
#top10 .teatreeoilarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 450px;
	right: 160px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .teatreeoil {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 1050px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .teatreeoil p {
	padding-right:10px;
	text-align:right;
	padding-top: 10px;
}
#top10 .wmperfumeoilarrow {
	height:100px; 
	overflow:hidden; 
	position: absolute;
	top: 420px;
	left: 170px;
	display:block; 
	width:110px;
	z-index:2; 
}
#top10 .wmperfumeoil {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 1080px;
	right: 0px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .wmperfumeoil p {
	padding-left:10px;
	padding-top: 10px;
}


/*  Revised Top Ten Pages  */

#top10 .one {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 260px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .two {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 320px;
	right: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .three {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 440px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .four {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 660px;
	right: 0px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .five {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 790px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .six {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 830px;
	right: 0px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .seven {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 1000px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .eight {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 1120px;
	right: 0px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .nine {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 1250px;
	left: 10px;
	display:block; 
	width:200px;
	z-index:2; 
}
#top10 .ten {
	height:300px; 
	overflow:hidden; 
	position: absolute;
	top: 1280px;
	right: 0px;
	display:block; 
	width:200px;
	z-index:2; 
}




/*  Gift with Purchase Page  */

#gwp {
	background-color:#6fc3df;
}

#gwp .banner {
	margin-top:19px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	/*background-color:#6fc3df;*/
}



/*  Love Your Body Pages  */

#lyb_box_container {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lyb/lyb_grass.jpg) no-repeat top;
	border-radius: 10px;
	box-shadow: 0 3px 5px #A0A0A0;
	margin: 6px 5px 15px 5px;
	height: 400px;
	width: 800px;
}
#lyb_panel_container {
	width: 800px;	
}
#lyb_content {
	/*background: url(/en/loveyourbody/img/HEART_HEADER_BG_IMG.png) no-repeat 0 5px transparent;*/
	color: #004136;
	font-size: 20px;
	padding: 105px 20px 15px 155px;
}
#lyb_content h2 {
	font-family: "gill-ss-std-bold",Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #004136;
}

#lyb_content p {
	font-weight: normal;
	color: #004136;
}

#lyb_content h4 {
	font-family: "gill-ss-std-bold",Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 1.5em;
	margin: 10px 0;
	text-transform: uppercase;
	color: #db0076;

}

#lyb_content .bolded {
	font-weight: bold;
	margin-bottom: 10px;
}


#lyb_content .button {
    background-color: #e2007a;
    color: #FFF;
    display: block;
    font-family: "gill-ss-std-bold", Verdana, Geneva, sans-serif;
    float: right;
    font-size: 16px;
    font-weight: bold;
    padding-right: 15px;
    text-transform: uppercase;

}

.content_header {
/*    background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_headerXmas.jpg) repeat-x scroll top left transparent;*/
/*    background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/home_bg-title-article.jpg) repeat-x scroll top left transparent;*/
	background-color: #7fb719;
	padding-bottom: 1px;
}
.content_header h2 {
	padding: 4px 0px 0px 10px;
	font-family: "bebasneue",Impact, Charcoal, sans-serif;
	color: white;
	font-size: 28px;
	text-transform: uppercase;	
}
.panel_main {
/*	background: url(/en/loveyourbody/img/BOX_BG.png) repeat-x scroll 0 bottom transparent;*/
	border-bottom: 1px solid #E0E0E0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    box-shadow: 0 2px 5px #E0E0E0;
    color: #004136;
    padding: 5px 10px 5px;
    position: relative;
    min-height: 185px;
}
.panel_main .btn {
	position: absolute;
	bottom: 15px;
}

#lyb_panel_container .button {
    background-color: #e2007a;
    color: #FFF;
    font-family: "gill-ss-std-bold", Verdana, Geneva, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

#left_panel_container {
	float: left;
	margin-left:5px;
	width: 48%;
}
#left_panel_container .panel_main h4{
	color: #E2007A;
	font-family: "gill-ss-std", Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding:5px; 
	font-weight: bold;
	margin: 0 0 0 0;
}

#left_panel_container .panel_main p {
	margin: 0 0 0 5px;
}


#right_panel_container {
	float: right;
	margin-right:5px;
	width: 48%;
}
#right_panel_container .content_header, #left_panel_container .content_header {
	border-bottom: none;
}

#right_panel_container .panel_main_inner {
/*	background: url(/en/loveyourbody/img/Multiple_Loyalty_Vouchers.jpg) no-repeat scroll right 0 transparent;*/
}
#right_panel_container ul {
	list-style: none;
	font-size: 11px;
	font-weight: bold;
}
#right_panel_container ul li {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lyb/list_heart.png) no-repeat scroll 0 3px transparent;
	padding-left: 20px;
	margin-bottom: 5px;
	font: 13px "gill-ss-std",Verdana,Geneva,sans-serif;
}

#find_out_more  a {
	text-decoration: none;
	outline: none;
	color: #E2007A;
	font-size: 14px;
	
}
#LYB_Benefits ul li {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lyb/list_heart.png) no-repeat scroll 0 3px transparent;
	padding-left: 20px;
	margin-bottom: 5px;
	font: 16px "gill-ss-std",Verdana,Geneva,sans-serif;
	color:#7fb719;
}

#LYB_Benefits h3 {
	color: #E2007A;
	font-family: "gill-ss-std", Verdana, Geneva, sans-serif;
	font-size: 24px;
	margin: 10px 0 0 0;
}

#LYB_Benefits h4 {
	color: #666;
	font-family: "gill-ss-std", Verdana, Geneva, sans-serif;
	font-size: 20px;
	margin: 10px 0 10px 0;
}

#LYB_Benefits h5 {
	color: #E2007A;
	font-family: "gill-ss-std", Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 20px 0 0 0;
}
#LYB_Benefits .button {
    background-color: #e2007a;
    color: #FFF;
    font-family: "gill-ss-std-bold", Verdana, Geneva, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

#LYBwindow ul {
	list-style: none;
}
#LYBwindow ul li {
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lyb/list_heart.png) no-repeat scroll 0 3px transparent;
	padding-left: 20px;
	margin-bottom: 5px;
	font: 13px "gill-ss-std",Verdana,Geneva,sans-serif;
}



/* Checkout formatting */

#continueshopping {
	width:240px;
	margin-top:0px;
	background-color: #7FB719;
	color: white;
	font: normal 16px "gill-ss-std-bold","Times New Roman", Times, serif;
	text-transform: uppercase;
	line-height: 150%;
	padding: 2px 7px;
	text-align: center;
	margin-bottom: 5px;
	display: inline-block;
	margin-left: auto;
	margin-right: 0px;
	text-decoration: none;
	outline: none;
}


#checkoutwarranties{ height:55px; } 
#checkoutwarranties.row {text-align: center; margin: -30px 0 0 0;} 
#checkoutwarranties ul{ list-style:none; }
#checkoutwarranties ul li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif) right center no-repeat; display: inline-block; /*float:left;*/ height:68px; position:relative; /*text-align:center;*/ }
#checkoutwarranties ul li:last-child{ background:0 none; }
#checkoutwarranties ul li .title{ color:#8f8f8f; display:block; float:left; font:normal 1em/68px "gill-ss-std-bold",Verdana, Geneva, sans-serif; text-align:left; text-transform:uppercase; }
#checkoutwarranties ul li .subtitle{ color:#8f8f8f; font:normal .7em/1em "gill-ss-std",Verdana, Geneva, sans-serif; left: 13px; position: absolute; text-align: left; top: 42px; }
#checkoutwarranties.row ul .delivery{ background:0 none; }
#checkoutwarranties ul .payment .title{ padding:0 15px 0 10px; }
#checkoutwarranties ul .returns .title{ padding:0 15px 0 10px; }
#checkoutwarranties ul .delivery .title{ padding:0 15px 0 12px; position:relative; }
#checkoutwarranties ul li .visual{ float:left; }
#checkoutwarranties ul .payment .visual{ padding:0 0 0 0;background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -130px 0 no-repeat; display:block; float:left; height:40px; margin:13px 0 0 10px; width:21px; }
#checkoutwarranties ul .returns .visual{ padding:0 0 0 0;background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -160px 0 no-repeat; display:block; height:40px; margin:15px 0 0 10px; width:39px; }
#checkoutwarranties ul .delivery .visual{ padding:0 0 0 0;background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -200px 0 no-repeat; display:block; height:45px; margin:13px 0 0 8px; width:55px; }


#tbscart .header {padding:5px; border: 1px solid #bbb; background: none repeat scroll 0 0 #EBEBEB;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;}
#tbscart .header tr {padding:5px;}
#tbscart .header th {padding:5px; font-weight: normal;text-transform:uppercase;border: 1px solid #bbb;}
#tbscart .lineitem {padding:5px; border: 1px solid #bbb;}
#tbscart .lineitem tr {padding:5px; border: 1px solid #bbb;}
#tbscart .lineitem td {padding:5px; border: 1px solid #bbb; vertical-align: middle; text-align:center;text-transform:uppercase;font-size: 15px;}
#tbscart .lineitem a {text-decoration: none;outline: none;color: #7FB719;}
#tbscart img {display:inline;}

#tbscartsummary { float: left; padding-bottom: 0px; position: relative; width: 100%; }
#tbscartsummary h4 {color: #E2007A;float: left;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 14px;padding:5px; font-weight: bold;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;}
#tbscartsummary .bagtotal {background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #BBBBBB; float:right;height: auto; margin: 5px 0 5px 0; padding: 1%; position: relative; width: 25%; min-height:150px;}
#tbscartsummary .bagtotaltext {text-align:right;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 15px;width:100%;}
#tbscartsummary .bagtotaltext td {text-align:right;padding:5px;}
#tbscartsummary .bagtotaltext a {text-decoration: none;outline: none;color: #7FB719;}
#tbscartsummary .rewardspoints { background: none repeat scroll 0 0 #F3FAD9; border: 1px solid #BBBBBB; float: left; height: auto; margin: 5px 1.1% 5px 0; padding: 1%; position: relative; width: 20%; min-height:150px;}
#tbscartsummary .LYBC-img {padding-bottom: 20px;}
#tbscartsummary .NLYB-img {width: 50%;float: left;}
#tbscartsummary .NLYB-img img {width: 90%;display: block;float: left;overflow: hidden;}
#tbscartsummary .NLYB-text {float: right;padding-top: 10px;width: 50%;}
#tbscartsummary .pink-text-heading {color: #E2007A;font: 12px gill-ss-std,'Times New Roman',Times,serif;margin: 0;text-transform: uppercase;float: left;padding-right: 50px;padding-top: 5px;}
#tbscartsummary .join-rewards-scheme {float: left;cursor: pointer;font-family: "gill-ss-std",Verdana,Geneva,sans-serif;font-size: 12px;color: #74bf02;padding-bottom: 10px;}
#tbscartsummary .rewardspoints a {float: left;text-decoration: none;outline: none;color: #7FB719;}
#tbscartsummary .rewards-text {float:left;padding-top: 3px;}
#tbscartsummary .promotioncode { background: none repeat scroll 0 0 #F3FAD9; border: 1px solid #BBBBBB; float: left; height: auto; margin: 5px 1.1% 5px 0; padding: 1%; position: relative; width: 330px; min-height:230px;}
#tbscartsummary .promotion-text {float:left;padding-bottom: 20px;}

#tbspersonal tr {padding:5px; font-family: "gill-ss-std", Verdana, Geneva, sans-serif;}
#tbspersonal h4 {color: #E2007A;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 16px;font-weight: bold;}
#tbspersonal td {padding:15px;}
#tbspersonal a {text-transform:uppercase;}

#paymentMethods .balance {float:right;text-align:right;background: none repeat scroll 0 0 #F3FAD9; border: 1px solid #BBBBBB; height: auto; margin: 5px 0 5px 0; padding: 1%; position: relative; width: 200px;font-size:16px;}

#checkoutLoginForm td {font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 12px;}

#legalNZ {margin-top:10px;}
#legalNZ p {text-align:center;margin: 0 0 0 0;font-size:12px;}

.shippingAddressDetail {padding-left:10px;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 14px;}

#emptyShoppingCart {border: 1px solid #bbb;background: none repeat scroll 0 0 #F0F0F0;padding: 5px;margin-bottom: 10px;}
#emptyShoppingCart .emptybag {width: 30%;height: 200px;text-align: center;margin: 0 auto;}
#emptyShoppingCart .emptybag-title {clear: left;font-size: 16px;font-weight: bold;text-transform: uppercase;line-height: 44px;color: #888;padding-top:40px;}
#emptyShoppingCart .helptext {width: 100%;position: relative;}
#emptyShoppingCart .helptext .link {color: #7FB719;float: left;font-size: 13px;font-weight: bold;margin: auto;text-align: center;width: 100%;cursor: text;text-decoration: none;}
#emptyShoppingCart .helptext .details {float: left;font-size: 13px;font-weight: normal;line-height: 16px;margin: auto;overflow: hidden;text-align: center;width: 100%;word-break: break-all;word-wrap: break-word;}
#emptyShoppingCart .helptext .details a {text-decoration: none;outline: none;color: #7FB719;}

#checkout-confirm  { margin-bottom: 20px; width:100%;border: 1px solid #bbb;} 
#checkout-confirm .personal th {padding:5px;}
#checkout-confirm .personal tr {height:auto;}
#checkout-confirm .personal td {padding:15px;}
#checkout-confirm .personal p {font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 15px;margin: 0 0 2px 0;}

#checkout-confirm-cart .cartheader {padding:5px; border: 1px solid #bbb; background: none repeat scroll 0 0 #EBEBEB;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;}
#checkout-confirm-cart .cartheader tr {padding:5px;}
#checkout-confirm-cart .cartheader th {padding:5px; font-weight: normal;text-transform:uppercase;border: 1px solid #bbb;}

#checkout-confirm-cart .cartlines {padding:5px; border: 1px solid #bbb;}
#checkout-confirm-cart .cartlines tr {padding:5px; border: 1px solid #bbb;}
#checkout-confirm-cart .cartlines td {padding:5px; border: 1px solid #bbb; vertical-align: middle; text-align:center;text-transform:uppercase;font-size: 15px;}
#checkout-confirm-cart .cartlines a {text-decoration: none;outline: none;color: #7FB719;}
#checkout-confirm-cart img {display:inline;}

#checkout-confirm-cart .confirm-totals {background: none repeat scroll 0 0 #F9F9F9;width:100%;padding:5px; margin: 5px 0 15px 0;border: 1px solid #bbb;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 15px;}
#checkout-confirm-cart .confirm-totals tr {padding:5px;}
#checkout-confirm-cart .confirm-totals td {padding:5px;text-align:right;}
#checkout-confirm-cart .confirm-totals a {text-decoration: none;outline: none;color: #7FB719;}

#CartComplete {font-family: "gill-ss-std", Verdana, Geneva, sans-serif;padding-bottom:50px;}
#CartComplete .left {width:200px;height:100%;left:0;top:0;position:absolute;background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/cft/map/cft_globe.png) right -30px no-repeat;}
#CartComplete .right {margin-left:250px;}
#CartComplete .useful-links {float:right;padding:5px; border: 1px solid #bbb;}
#CartComplete .head h1 {padding-top:20px;color: #7fb719;font: 64px/1em "bebasneue",Impact, Charcoal, sans-serif;margin: 0 0 10px 0;text-transform: uppercase;}
#CartComplete .head h2 {color: #E2007A;font: 54px/1em "bebasneue",Impact, Charcoal, sans-serif;margin: 20px 0 20px 0;text-transform: uppercase;}
#CartComplete .head h3 {padding-top:30px;}
#CartComplete .head p {font-size:15px;}
#CartComplete .head a {text-decoration: none;outline: none;color: #7FB719;float: none;padding: 0 0;padding-right: 0px;font-size: 15px;}



/* Fuji Green Tea Formatting */

.greentea-title
{float:left;
width:100%;
height:auto;
text-align:center;
padding:50px 0px 20px 0px;
font-family: "bebasneue","gill-ss-std", Verdana, Geneva, sans-serif;
}
.greentea-title h1
{
font-size:75px;
color:#294627;
margin:0px;
line-height:1;
letter-spacing: 3px;
}
.greentea-title h2
{
font-size:130px;
color:#294627;
margin:0;
line-height:1;
letter-spacing: 3px;
}
.greentea-title h3
{
font-size:24px;
color:#5f825e;
margin:0px;
letter-spacing: 3px;
}

.hero{
	float:left;
	width: 100%;
}
.panel-1{
	float:left;
	width:100%;
	/*margin-top:30px;*/
}
.panel-1 .fullwidth-col {
	text-align: center;	
}
.panel-1 .fullwidth-col img {
	margin-left: auto;
	margin-right: auto;
}
.panel-1 .fullwidth-col p {
	font-size:14px;
	color:#5f825e;
	margin:0px;
}
.panel-1 .fullwidth-col h4 {
	color:#5f825e;
}

.hero-text {
	width: 800px;
	display: block;
	margin: 0 auto 30px auto !important;;
	font-size: 24px !important;
	letter-spacing: 2px;
}	
.hero-text a {
	color:#5f825e !important;
	text-decoration: underline;
}

.panel-2-navigation {
	float:left;
	width:800px;
	/*padding-top:30px;*/
	height: 235px;
	margin: 10px 20px 0 20px;
}

.panel-2-navigation .navigation-panel1 {
	float: left;
	width: 250px;
	height: 236px;
	display: block;
	margin-right: 5px;
	cursor: pointer;
	background: #a4cbb8 url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp-GreenTea/img-nav-bottom-right.png) no-repeat 202px 188px;
}

.panel-2-navigation .navigation-panel2 {
	float: left;
	width: 250px;
	height: 236px;
	display: block;
	cursor: pointer;
	background: #86bb9f url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp-GreenTea/img-nav-bottom-right.png) no-repeat 202px 188px;
}

.panel-2-navigation .navigation-panel3 {
	float: left;
	width: 250px;
	height: 236px;
	display: block;
	background: #6ba384 url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp-GreenTea/img-nav-bottom-right.png) no-repeat 202px 188px;
	margin-left: 5px;
	cursor: pointer;
}

.navigation-panel-text-wrapper {
	float: left;
	display: block !important;
}

.navigation-panel-text {
	font-family: "bebasneue","gill-ss-std", Verdana, Geneva, sans-serif;
	font-size:45px;
	color:#294627;
	margin:0;
	line-height:1;
	letter-spacing: 2px;
	text-align: center;
	
}

.navigation-panel-whitebox {
	display: block;
	width: 74px;
	height: 80px;
	float: left;
	margin-top: 0;
	background: #FFF;
}

.navigation-panel-number {
	font-family: "IMPACT",Verdana,Geneva,sans-serif;
	font-size:60px;
	color:#294627;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
 }

.navpos-1 {
	margin-top: 45px;
	margin-left: 20px;
}

.navpos-2 {
	margin-top: 90px;
	margin-left: 5px;	
}

.navpos-3 {
	margin-top: 90px;
	margin-left: 17px;
}

.panel-2 {
	float:left;
	width:100%;
	margin-top:10px;
	padding-top:30px;
	margin-bottom: 0 !important;
}

.panel-2 .col-1 {
	float:left;
	width:300px;
	text-align:center;
}
.panel-2 .col-1 p {
	color:#333;
	padding:0px 10px;
	margin:10px 0px;
}
.panel-2 .col-1 h2 {
	color:#006636;
	line-height:1;
	font-size:50px;
	margin:0px;
	font-family: "bebasneue","gill-ss-std", Verdana, Geneva, sans-serif;
}
.panel-2 .col-1 h1 {
	color:#58a659;
	line-height:1;
	font-size:90px;
	margin:0px;
	font-family: "bebasneue","gill-ss-std", Verdana, Geneva, sans-serif;
}
.panel-2 .col-1 h3 {
	color:#006636;
	line-height:1;
	font-size:18px;
	margin:10px 0px;
}
.panel-2 .col-2 {
	float:right;
	width:500px;
	text-align:center;
}
.panel-2 .col-2 p{
	color:#333;
	padding:0px 20px;
	margin:10px 0px;
}
.panel-2 .col-2 img{
	margin-left: auto;
	margin-right: auto;
}

.option-panel-heading {
	font-family: "bebasneue","gill-ss-std", Verdana, Geneva, sans-serif;
	font-size:44px;
	color:#294627;
	margin: 40px 0 14px 0 !important;
	line-height:1;
	letter-spacing: 1px;	
}

.option-panel-paragraph {
	font-size:22px;
	color:#5f825e !important;
	margin:0 0 30px 55px !important;
	line-height:24px;
	letter-spacing: 1px;
	width: 350px;	
	
}
	
.option-panel-paragraph a {
		color:#5f825e !important;
		text-decoration: underline;
}

.panel-3{
	float:left;
	margin-top:10px;
	width:800px;
}
.panel-3 .fuji-tea{
	background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp-GreenTea/image-fujitea2.jpg) no-repeat;
	width: 640px;
	height: 872px;
	margin:20px 20px 0 20px;
	padding: 30px 60px 0 60px;
}

.panel-3 .white-block-for-text {
	background: #FFF;
	width: 580px;
	height: 300px;
	padding: 20px 30px;	
	text-align: center;
}

.panel-3 .white-block-for-text h2{
	font-family: "bebasneue","gill-ss-std", Verdana, Geneva, sans-serif;
	font-size:74px;
	color:#294627;
	margin:0px;
	line-height:1;
}

.panel-3 .white-block-for-text .line-one {
	letter-spacing: 6px;
}

.panel-3 .white-block-for-text h11 {
	font-family: "bebasneue","gill-ss-std", Verdana, Geneva, sans-serif;
	font-size:60px;
	color:#294627;
	margin:0px;
	line-height:1;
}

.panel-3 .white-block-for-text .line-two {
	letter-spacing: 5px;
	font-size: 48px !important;
}
.panel-3 .white-block-for-text h12 {
	font-family: "bebasneue","gill-ss-std", Verdana, Geneva, sans-serif;
	font-size:48px;
	color:#294627;
	margin:0px;
	line-height:1;
}

.panel-3 .white-block-for-text p{
	width: 580px;
	font-size:24px;
	color:#5f825e;
	margin: 10px auto !important;
	letter-spacing: 2px;
}


/*

British Rose - Know Your Roses

*/
#br1_landing_page { /* Normalization */ /* Universal inheritance */ /* Opinionated defaults */ }
#br1_landing_page img { border: 0; }
#br1_landing_page :root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; text-size-adjust: 100%; }
#br1_landing_page audio:not([controls]) { display: none; }
#br1_landing_page details { display: block; }
#br1_landing_page input[type="number"] { width: auto; }
#br1_landing_page input[type="search"] { -webkit-appearance: textfield; }
#br1_landing_page input[type="search"]::-webkit-search-cancel-button, #br1_landing_page input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
#br1_landing_page main { display: block; }
#br1_landing_page summary { display: block; }
#br1_landing_page pre { overflow: auto; }
#br1_landing_page progress { display: inline-block; }
#br1_landing_page small { font-size: 75%; }
#br1_landing_page template { display: none; }
#br1_landing_page textarea { overflow: auto; }
#br1_landing_page [hidden] { display: none; }
#br1_landing_page [unselectable] { user-select: none; }
#br1_landing_page *, #br1_landing_page *::before, #br1_landing_page *::after { box-sizing: inherit; text-decoration: inherit; }
#br1_landing_page * { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; line-height: inherit; }
#br1_landing_page *, #br1_landing_page *::before, #br1_landing_page *::after { border-style: solid; border-width: 0; }
#br1_landing_page * { margin: 0; padding: 0; }
#br1_landing_page :root { box-sizing: border-box; cursor: default; font-family: sans-serif; line-height: 1.5em; text-rendering: optimizeLegibility; vertical-align: top; }
#br1_landing_page button, #br1_landing_page input, #br1_landing_page select, #br1_landing_page textarea { background: transparent; }
#br1_landing_page code, #br1_landing_page kbd, #br1_landing_page pre, #br1_landing_page samp { font-family: monospace, monospace; }
#br1_landing_page input { min-height: 1.5em; }
#br1_landing_page nav ol, #br1_landing_page nav ul { list-style: none; }
#br1_landing_page select { -moz-appearance: none; -webkit-appearance: none; }
#br1_landing_page select::-ms-expand { display: none; }
#br1_landing_page select::-ms-value { color: currentColor; }
#br1_landing_page table { border-collapse: collapse; border-spacing: 0; }
#br1_landing_page textarea { resize: vertical; }
#br1_landing_page ::selection { background-color: #1F365B; color: #fff; text-shadow: none; }
@media screen { #br1_landing_page [hidden~="screen"] { display: inherit; }
  #br1_landing_page [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

@font-face { font-family: 'bebas_neueregular'; src: url("../fonts/BebasNeue-webfont.eot"); src: url("../fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue-webfont.woff") format("woff"), url("../fonts/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg"); font-weight: normal; font-style: normal; }
html, body { height: 100%; margin: 0; padding: 0; }

/* ==========================================================================
	 Author's custom styles
	 ========================================================================== */
#br1_landing_page { padding: 0; padding-top: 30px; -webkit-font-smoothing: antialiased; width: 1070px; margin: 0 auto; color: #333; font-size: 16px; font-size: 1rem; line-height: 1.3; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-weight: normal; color: #231f20; text-align: left; }
#br1_landing_page h1, #br1_landing_page h2, #br1_landing_page h3, #br1_landing_page h4, #br1_landing_page .title, #br1_landing_page .subtitle, #br1_landing_page .small_title { font-family: "bebas_neueregular", sans-serif; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; margin: 0; font-weight: bold; }
#br1_landing_page strong { font-weight: normal; }
#br1_landing_page a { text-decoration: none; }
#br1_landing_page p { margin: 0; }
#br1_landing_page sup { position: relative; top: -0.25em; font-size: 70%; }
#br1_landing_page article { width: 1005px; position: relative; margin-left: auto; margin-right: auto; }
#br1_landing_page section { margin-left: auto; margin-right: auto; clear: both; }
#br1_landing_page section p a { color: #c43a8e; text-decoration: underline; }
#br1_landing_page section p a:hover { text-decoration: none; }
#br1_landing_page .center { display: table; width: 100%; }
#br1_landing_page .center .alignMiddle { display: table-cell; vertical-align: middle; }
#br1_landing_page .cta { color: #231f20; text-transform: uppercase; line-height: 50px; height: 50px; letter-spacing: 2px; padding-right: 45px; padding-left: 30px; margin-bottom: 30px; font-weight: normal; display: inline-block; background: #fff url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/icn-arrow-black.png) right center no-repeat; }
#br1_landing_page .cta.black { background: #231f20 url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/icn-arrow-white.png) right center no-repeat; color: #fff; }
#br1_landing_page .cta.black:hover { background: #333 url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/icn-arrow-white.png) right center no-repeat; }
#br1_landing_page header { padding: 0px; width: 1000px; margin-left: auto; margin-right: auto; height: 549px; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/bg-header.jpg)}
#br1_landing_page header .h1 { padding-top: 80px; font-size: 55px; /*font-size: 4.125rem;*/ letter-spacing: 6px; font-weight: bold; margin-bottom: 15px; width: 408px; margin-left: 75px; }
#br1_landing_page header p { letter-spacing: 0.5px; display: block; width: 400px; margin-left: 75px; line-height: 150%; }
#br1_landing_page .facts article { height: 811px; width: 1062px; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/bg-facts.jpg) center top no-repeat; margin-left: auto; margin-right: auto; margin-bottom: 50px; }
#br1_landing_page .facts h2 { text-align: center; width: 100%; font-size: 45px; /*font-size: 3.1875rem;*/ margin-bottom: 15px; padding-top: 25px; /*word-spacing: 10px;*/ }
#br1_landing_page .facts ul { margin: 0; padding: 0; width: 1000px; margin-left: auto; margin-right: auto; overflow: hidden; }
#br1_landing_page .facts ul li { height: 411px; margin: 0; display: block; float: left; width: 33.33%; position: relative; }
#br1_landing_page .facts ul li p { position: absolute; top: 250px; left: 38px; right: 38px; }
#br1_landing_page .guide { width: 1000px; margin-left: auto; margin-right: auto; height: 578px; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/bg-guideHeader.jpg) no-repeat; }
#br1_landing_page .guide h2 { padding-top: 70px; font-size: 45px; /*font-size: 3.1875rem; letter-spacing: 6px;*/ font-weight: bold; margin-bottom: 20px; width: 400px; margin-left: 540px; }
#br1_landing_page .guide p { letter-spacing: 0.5px; display: block; width: 400px; line-height: 150%; margin-left: 540px; margin-bottom: 20px; }
#br1_landing_page .guide p em { font-style: italic; }
#br1_landing_page .tips { margin-bottom: 55px; }
#br1_landing_page .tips h2 { text-align: center; width: 100%; font-size: 45px; font-size: 3.1875rem; /*letter-spacing: 6px;*/ margin-bottom: 45px; padding-top: 45px; }
#br1_landing_page .tips h2 span { display: block; }
#br1_landing_page .tip { width: 1000px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; }
#br1_landing_page .tip h2 { font-size: 51px; font-size: 3.1875rem; margin-bottom: 30px; word-spacing: 10px; letter-spacing: 6px; }
#br1_landing_page .tip h2 span { display: block; }
#br1_landing_page .tip p { letter-spacing: 0.5px; line-height: 150%; }
#br1_landing_page .tip > div { width: 50%; float: left; position: relative; }
#br1_landing_page .tip > div img { display: block; }
#br1_landing_page .tip > div p { margin-bottom: 0; padding-left: 70px; padding-right: 70px; }
#br1_landing_page .tip .number { position: absolute; height: 100%; width: 100%; content: ""; display: block; background-position: center; background-repeat: no-repeat; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; }
#br1_landing_page .tip1 { height: 350px; }
#br1_landing_page .tip1 .number { background-image: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/number1.png); }
#br1_landing_page .tip1 .alignMiddle { height: 350px; }
#br1_landing_page .tip2 { height: 300px; }
#br1_landing_page .tip2 .number { background-image: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/number2.png); }
#br1_landing_page .tip2 .alignMiddle { height: 300px; }
#br1_landing_page .tip3 { height: 315px; }
#br1_landing_page .tip3 .number { background-image: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/number3.png); }
#br1_landing_page .tip3 .alignMiddle { height: 315px; }
#br1_landing_page .tip4 { height: 303px; }
#br1_landing_page .tip4 .number { background-image: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/number4.png); }
#br1_landing_page .tip4 .alignMiddle { height: 303px; }
#br1_landing_page footer { width: 1000px; margin-left: auto; margin-right: auto; height: 372px; margin-bottom: 40px; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/lp/lp-KnowYourRoses/bg-video.jpg); }
#br1_landing_page footer article { padding-top: 55px; }
#br1_landing_page footer .videoEmbed { width: 460px; height: 260px; margin-left: 20px; margin-right: 10px; position: relative; cursor: pointer; float: left; }
#br1_landing_page footer .play { position: absolute; top: 50%; left: 50%; margin-left: -77px; margin-top: -77px; }
#br1_landing_page footer .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
#br1_landing_page footer .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; width: 460px; /* fixed size video */ height: 260px; /* fixed size video */ }
#br1_landing_page footer .video-player { display: none; margin-left: auto; margin-right: auto; position: relative; }
#br1_landing_page footer .copy { float: left; width: 480px; padding-top: 40px; text-align: center; }
#br1_landing_page footer .copy img { display: block; margin: 20px auto; }
#br1_landing_page footer .copy p { font-size: 26px; font-size: 1.625rem; text-transform: uppercase; letter-spacing: 0.5px; display: block; }