/*
Theme Name: UNAIDS
*/


/* -------------------------------------------------------------------------------------------------------------- */
/* css for basic items--------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */
html,body {
	width: 100%;
 	height: 100%;
   }
body {
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: arial, helvetica, san-serif; 
	font-size: 12px;
	line-height: 18px;
	color: #000;
	overflow-x: hidden;
	height: 100%;
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	}
a,
a:visited,
a:active {
	color: #00adef;
	text-decoration: none;
	outline: none;
    }
a:hover {
	color: #00adef;
	text-decoration: underline;
	outline: none;
   	}
ul {
	padding: 0 0 15px 20px;
	margin: 0;
	/*list-style: disc;*/
	list-style-type: square;
	}
ul li {
	padding: 0;
	margin: 0;
	float: none;
	}
ol {
	padding: 0 0 15px 20px;
	margin: 0;
	}
ol li {
	padding: 0;
	margin: 0;
	float: none;
	}
blockquote {
	padding: 0 60px 15px 20px;
	margin: 0;
	}
em{font-style:italic;}
p {
	padding: 0 0 15px 0;
	margin: 0;
	}
hr {  
	padding: 0 0 0 0;
	margin: 0 30px 17px 30px;
	clear: both;
	height: 1px;
	border: none;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x;

	}
h1 {
 	padding: 0 0 6px 0px;
	margin: 0 0 0 0;
	font-size: 15px;
	line-height: 19px;
	color: #00adef;
	font-weight: normal;
	}
h2 {
 	padding: 6px 0 2px 0;
	margin: 0 0 0 0;
	font-size: 15px;
	line-height: 19px;
	color: #000;
	font-weight: bold;
	}
h3 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	font-weight: bold;
	}

	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#outer-home {
	width: 500%;
	height: 100%;
	clear: both;
    }
#outer {
	width: 100%;
	height: 100%;
	clear: both;
    }
#container {
	position: relative;
	margin: 0 auto 0px auto;
	padding: 0 8px 0 8px;
	width: 957px;
	height: 100%;
   	}
#page {
	position: relative;
	margin: 0 auto 0px auto;
	padding: 0 8px 0 8px;
	width: 1200px;
	height: 100%;
   	}
   	.photos a {
   		display: inline-block;
   		padding: 32px 35px 32px 35px;
   		}
.section {
	width: 20%;
	height: 100%;
	float:left;
	}
	.section .next {
		position: absolute;
		padding: 0 0 0 0 !important;
		display: inherit !important;
		top: 581px;
		right: -22px;
		}
	.section .prev {
		position: absolute;
		padding: 0 0 0 0 !important;
		display: inherit !important;
		top: 579px;
		left: -22px;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#header {
	position: relative;
	margin: 0 20px 0 20px;
	width: 1200px;
	height: 173px;
	z-index: 9997;
	}
	#logo {
		position: absolute;
		top: 52px;
		left: 0;
		}
	#topnav {
		position: absolute;
		top: 15px;
		right: 4px;
		font-size: 11px;
		line-height: 14px;
		}
		#topnav ul {
			padding: 0;
			list-style: none;
			}
		#topnav ul li {
			margin: 0;
			padding: 0 0 0 10px;
			float: left;
			}
	#header a#donate {
		position: absolute;
		top: 43px;
		right: 4px;
		padding: 5px 9px 5px 9px;
		display: block;
		font-size: 14px;
		line-height: 16px;
		color: #fff;
		background: #e51937;	
		}
	#mainnav {
		position: absolute;
		bottom: 6px;
		left: 7px;
		font-size: 17px;
		line-height: 21px;
		z-index: 999;
		}
		#mainnav ul {
			padding: 0;
			list-style: none;
			}
		#mainnav ul li {
			position: relative;
			margin: 0;
			padding: 0 33px 0 0;
			height: 33px;
			float: left;
			}
			#mainnav ul li a {
				color: #00adef;
				text-decoration: none;
				}				
			#mainnav ul li a.set,
			#mainnav ul li a:hover {
				color: #e51937;
				text-decoration: none;
				}				
	/* css for sub navigation  ---------------------------------------------------------------------------------- */
	#mainnav ul li.nav1 .sub-menu,
	#mainnav ul li.nav2 .sub-menu,
	#mainnav ul li.nav3 .sub-menu,
	#mainnav ul li.nav4 .sub-menu,
	#mainnav ul li.nav5 .sub-menu,
	#mainnav ul li.nav6 .sub-menu {
		display: none;
		}
	#mainnav ul li.nav1:hover .sub-menu,
	#mainnav ul li.nav2:hover .sub-menu,
	#mainnav ul li.nav3:hover .sub-menu,
	#mainnav ul li.nav4:hover .sub-menu,
	#mainnav ul li.nav5:hover .sub-menu,
	#mainnav ul li.nav6:hover .sub-menu {
		display: block;
		}
		.sub-menu {
			position: absolute;
			padding: 4px 5px 2px 5px !important;
			top: 27px;
			left: -10px;
			background: #fff;
			border: 1px solid #d7d6d6;
			/*-webkit-box-shadow: -5px 5px 15px 0px rgba(0,0,0,0.4);
			-moz-box-shadow:    -5px 5px 15px 0px rgba(0,0,0,0.4);
			box-shadow:         -5px 5px 15px 0px rgba(0,0,0,0.4);*/
			}
		#mainnav ul.sub-menu li {
			padding: 5px 0 4px 0;
			width: 226px;
			height: auto;
			border-bottom: 1px dotted #9d9d9d;
			}
		#mainnav ul.sub-menu li.last {
			border-bottom: 0;
			}
			#mainnav ul.sub-menu li a,
			#mainnav ul.sub-menu li a:visited,
			#mainnav ul.sub-menu li a:active {
				display: block;
				font-size: 12px;
				line-height: 14px;
				color: #100002;
				text-align: left;
				}		
			#mainnav ul.sub-menu li a:hover {		
				color: #00adef;
				}
#search{ 
position: absolute; 
bottom: 20px ; 
right:0 ;
}
div.gsc-clear-button{
	position: absolute !important;
	margin: 0 auto !important;
	top: 0 !important;
	bottom: 0 !important;
	right: 0;
}

div.gsc-clear-button:hover {
}
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input{
	padding-right: 0px !important;
}
table.gsc-search-box,
form.gsc-search-box{
	margin: 0 !important;
	width: 221px !important;
}
.gsc-input,
.cse input.gsc-input, input.gsc-input{
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important; 
	padding-right: 0 !important;
	border-radius: 0 !important;
	height: 18px !important;
	margin: 0 !important;
	
}
.gsc-input-box{
	height:18px !important;
}
.cse input.gsc-input:hover, input.gsc-input-hover {
	border-top-color: #a0a0a0 !important;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
	outline: none !important;
	border: 1px solid #e5e5e5 !important;
}
input.gsc-search-button {
	margin-left: 12px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	padding: 7px 10px !important;
	min-width: 13px;
	margin-top: 2px;
}
.cse input.gsc-input:focus, input.gsc-input-focus{
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.3) !important;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3) !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.3) !important;
	outline: none !important;
	border: 1px solid #e5e5e5 !important;
}
.cse input.gsc-search-button, input.gsc-search-button{
	color: rgba(0,0,0,0) !important; 
	/*padding: 0 !important;*/
	width: 13px !important;
	height: 4px !important;
	border: none !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	background: url('/en/media/unaids/styleassets/images/newcssimages/search.png') no-repeat !important;
}
.gsib_a{
	padding-right: 0 !important;
	padding-left: 0 !important;
	padding: 0 !important;
}
/* -------------------------------------------------------------------------------------------------------------- */
/* css for home hero -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
		
#hero {
	position: relative;
	margin: 0 20px 0 20px;
	width: 1030px;
	height: 420px;
	}
	#hero #sliderhome li {
		position: relative;
		width: 1030px;
		height: 420px;
		}




	#hero #sliderhome li .inset {
		position: absolute;
		padding: 10px 0 0px 16px;
		width: 901px;
		bottom: 40px;
		left: 0px;
		font-size: 15px;
		line-height: 18px;
		color: #fff;
		z-index: 991;
		background: url('/en/media/unaids/styleassets/images/newcssimages/fade.png');

		}
	#hero #sliderhome li .inset h1 {
		padding: 0;
		margin: 0;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #00adef;
		}
	#hero #sliderhome li .inset p {
		width: 400px;
		}
	#hero #sliderhome li .caption {
		padding: 5px 0 0 0;
		z-index: 992;
		}
		
.stories {
	position: absolute;
	top: 440px;
	left: 30px;
	}



/* -------------------------------------------------------------------------------------------------------------- */
/* css for sub hero --------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
		
#hero-sub {
	position: relative;
	margin: 20px 20px 0 30px;
	width: 890px;
	height: 398px;
	}
	#hero-sub #slider li {
		position: relative;
		width: 890px;
		height: 398px;
		}
	#hero-sub #slider li .inset {
		position: absolute;
		padding: 10px 0 0px 16px;
		width: 874px;
		bottom: 40px;
		left: 0px;
		font-size: 15px;
		line-height: 18px;
		color: #fff;
		z-index: 991;
		background: url('/en/media/unaids/styleassets/images/newcssimages/fade.png');

		}
	#hero-sub #slider li .inset h1 {
		padding: 0;
		margin: 0;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #00adef;
		}
	#hero-sub #slider li .inset p {
		width: 550px;
		}
	#hero-sub #slider li .caption {
		padding: 5px 0 0 0;
		z-index: 992;
		}
	#slider li img {
		width: 890px;
		height: 358px
		}	


/* -------------------------------------------------------------------------------------------------------------- */
/* css for home blocks ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#home-content {
	margin: 0 0px 0 20px;
	width: 937px;
	}		
#home-content hr {
	margin-left: 0;
	}
.home-block {
	position: relative;
	padding: 0 20px 0 0 ;
	margin: 0 20px 17px 10px;
	width: 194px;
	float: left;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot-vert.png') repeat-y right top;
	}
	.start {
		padding: 0 20px 0 0 ;
		margin: 0 20px 17px 0px;
		}
	.end {
		padding: 0 0px 0 0 ;
		margin: 0 0px 17px 10px;
		background: none;
		}
	.home-block .photo {
		padding: 0 0 7px 0;
		}
		.home-block .photo img {
			width: 181px;
			}

	.home-block .caption {
		padding: 0 0 3px 0;
		min-height: 33px;
		}
	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for main content ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#content {
	position: relative;
	padding: 27px 0 0 0;
	width: 957px;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x;

	}
	#content h1 {
		margin-left: 30px;
		max-width: 700px;
		}
.content-left {
	position: relative;
	margin: 20px 0 20px 30px;
	padding: 0 30px 0 0;
	width: 635px;
	float: left;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot-vert.png') repeat-y right;

	font-size: 14px;
	line-height: 20px;
	}
	.no-top-margin {
		margin-top: 0 !important;
		}
.content-left h1 {
	margin: -15px 0 15px 0 !important;
	}
.content-left h2 {
	padding: 0;
	font-size: 15px;
	color: #000;
	font-weight: normal;
	}
.content-left h2 {
	padding: 0;
	margin: 0 0 15px 0;
	color: #000;
	font-weight: normal;
	}
.content-left hr {
	margin: 15px 0 15px 0;
	clear: both;
	}
.content-left .gallery_wrap { /*Injected*/
	height: auto;
	position: relative;
}
.content-left .top-image {
	margin: 0 0 0 0;
    padding: 0 0 10px 0;
} /*End Injected*/
.content-right {
	position: relative;
	margin: 20px 30px 20px 30px;
	width: 202px;
	float: left;
	font-size: 13px;
	line-height: 17px;
	}
	.content-right a {
		padding: 8px 0 8px 0;
		display: block;
		background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom;
		text-decoration: none;
		}	
		.content-right a span {
			color: #000;
			font-size: 10px;
			font-style: italic;
			}
	.content-right hr {
		margin: 10px 0 10px 0;
		width: auto;
		}	
	.content-right h2 {
		padding: 0 0 12px 0;
		font-size: 15px;
		color: #000;
		font-weight: normal;
		}
	.content-right h3 {
		padding: 0 0 12px 0;
		font-size: 15px;
		color: #000;
		font-weight: normal;
 		}
	.content-right ul{ /*Injected*/
		padding: 0;
		list-style: none;
	}
.content-left .module ul{
	list-style-type: square;

}
.content-left .module ul li{
    padding-bottom: 6px;
}
.vacancies p{
	padding: 0 0 0 0;
	font-weight: normal;
}
/* -------------------------------------------------------------------------------------------------------------- */
/* css for archive page ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.year,
.month {
	margin: 10px 0 0 30px;
	padding: 0 0 10px 0;
	list-style: none;
	clear: both;
	font-size: 12px;
	}
.year {
	font-weight: bold;
	}
.month {
	margin: 10px 0 0px 30px;
	}
	.year li,
	.month li {
		padding: 0 10px 7px 0;
		float: left;
		}
	.year li a,
	.month li a {
		color: #000;
		text-decoration: none;
		}
	.year li a.set,
	.month li a.set,
	.year li a:hover,
	.month li a:hover {
		color: #00adef;
		text-decoration: underline;
		}
	.mobile-year,
	.mobile-month {
		display: none;
		}		
	.share {
		position: absolute;
		top: 35px;
		right: 34px;
		}	
	.content-left .share {
		top: -8px;
		}	
/*Injected*/
.four-column-manual {
	margin: 0 0 15px 0;
	width: 957px;
}
		.four-column-manual .post{
			background: url('/en/media/unaids/styleassets/images/newcssimages/dots-3col-new.png') repeat-y right;
		}
			.four-column-manual .last{
				background: none !important;
			}
/*End Enjected*/
.three-column {
	margin: 0 0 15px 0;
	width: 957px;
	}
	/*.four-column .doc,*/
	.three-column .post {
		background: url('/en/media/unaids/styleassets/images/newcssimages/dots-3col-new.png') repeat-y right;

		}
		.three-column .last {
			background: none !important;
			}
.four-column {
	margin: 0 0 15px 0;
	width: 957px;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dots-4col.png') repeat-y center;
	}
		
	.four-column .doc,
	.four-column .post {
		/*background: url(images/dots-4col-new.png) repeat-y right;*/
		}
		.three-column .last,
		.four-column .last {
			background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom;

			}
	.four-column-manual h2.title-top,

	.three-column h2.title-top,
	.four-column h2.title-top {
		line-height: 17px;
		height: 43px;
		}
	
	/*Injected */
	.four-column-manual h2.title-top a,
	.four-column-manual h2.title-top a:visited,
	.four-column-manual h2.title-top a:active,
	.four-column h2.title-top a,
	.four-column h2.title-top a:visited,
	.four-column h2.title-top a:active{
		color: #000;
		text-decoration: none;
		outline: none;
	}
	.four-column-manual h2.title-top a:hover,
	.four-column h2.title-top a:hover{
		color: #000;
		text-decoration: underline;
		outline: none;
	}
	/*End Injection*/
	.four-column-manual .doc .doc-pic,
	.four-column .doc .doc-pic{
		min-height: 251px;
	}
	.four-column-manual h2.title-month,
	.three-column h2.title-month,	
	.four-column h2.title-month {
		margin: 0 0 5px 0;
		padding: 15px 0 0 30px;
		min-height: inherit;
		}
	.three-column .post {
		position: relative;
		margin: 5px 0 10px 0;
		padding: 15px 29px 0 30px;
		width: 260px;
		float: left;
		}
	.three-column .post a,
	.three-column .post a:visited,
	.three-column .post a:active,
	.three-column .post a:hover {
		color: #000;
		text-decoration: none;
		outline: none;
	}
	.four-column-manual .post,
	.four-column .post {
		position: relative;
		margin: 5px 0 10px 0;
		padding: 15px 29px 0 30px;
		width: 180px;
		float: left;
		}
		.four-column-manual img,
		.four-column .post img {
			padding: 0 0 5px 0;
			}
		.four-column-manual .post p,
		.four-column .post p {
			padding: 0 0 10px 0;
			}
		.four-column-manual hr,
		.three-column hr,
		.four-column hr {
			padding: 10px 0 10px 0;
			margin: 0px 29px 0px 30px;
			background: #fff url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x center center;
			}	
		.three-column .post .date {
			font-size: 10px;
			font-style: italic;
			}
		.four-column .return,
		.three-column .return {
			clear: both;
			padding: 0 29px 0px 0;
			float: right;
			}	
	#infscr-loading,
	.load-more {
		text-align: center;
		}
		.loader {
			padding: 0 0 20px 0;
			}
/* -------------------------------------------------------------------------------------------------------------- */
/* css for documents page ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

	.content-left .doc-pic {
		margin: 15px 0 0 0;
		width: 233px;
		float: left;
		}
	.content-left .doc-text {
		margin: 15px 0 0 0;
		width: 400px;
		min-height: 800px;
		float: left;
		}
	.three-column .doc {
		position: relative;
		margin: 5px 0 10px 0;
		padding: 15px 29px 0 30px;
		width: 260px;
		float: left;
		}
	/*injected*/
	.four-column-manual .doc{
			background: url('/en/media/unaids/styleassets/images/newcssimages/dots-3col-new.png') repeat-y right;
		}
			
	/*end injected*/
	.four-column-manual .doc,/*injected*/
	.four-column .doc {
		position: relative;
		margin: 5px 0 10px 0;
		padding: 15px 29px 0 30px;
		width: 180px;
		float: left;
		}
		.four-column-manual .doc img,/*injected*/
		.four-column .doc img {
			padding: 0 0 5px 0;
			}
		.four-column-manual .doc p,/*injected*/
		.four-column .doc p {
			padding: 0 0 10px 0;
			}

			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for country page ------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.content-left .year {
	margin-left: 0;
	}
.content-left .alpha {
	margin: 5px 0 5px 0;
	padding: 0;
	list-style: none;
	}
	.content-left .alpha li {
		margin: 0;
		padding: 0 5px 0 0;
		display: inline-block;
		}
		.content-left .alpha a {
			color: #000;
			text-decoration: none;
			}
.content-left ul.country {
	margin: 0 0 15px 30px;
	padding: 0;
	width: 605px;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
	}
.content-left ul.country li {
	width: 31%;
	padding: 0 10px 6px 0;
	float: left;
	vertical-align: top;
	line-height: 15px;
	}
.content-left ul.chart {
	padding: 0;
	margin: -8px 0 0 0;
	width: 635px;
	list-style-type:square;
	color:white;
	font-size: 12px;
	line-height: 18px;
	}
.content-left ul.chart p {
	color:black;
}
.content-left ul.chart li {
	width: 48%;
	padding: 8px 0 8px 0;
	float: left;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom;
	}
	.noline,
	.content-left ul.chart li.noline,
	.content-left ul.chart li.blank {
		background: none !important;
		}
	.content-left ul.chart li.blank h2,
	.content-left ul.chart li.noline h2 {
		padding: 0 !important;
		margin: 0 !important;
		}
.region-list hr {
	margin: 0 0 10px 0;
	}
.content-left .country-list h2 {
	margin: 0 0 5px 0;
	}
.content-left .region-list h2 {
	margin: 0 0 15px 0;
	}
.region-list ul.country {
	margin: 0 0 15px 0;
	}
.contact {
	font-size: 12px;
	line-height: 14px;
	}
	.contact a {
		padding: 0 !important;
		display: inherit !important;
		background: none !important;
		}
.info {
	margin: 0 0 20px 30px;
	}
.media {
	display: none;
	}
	.mobile-country {
		display: none;
		}		


/* -------------------------------------------------------------------------------------------------------------- */
/* css for news & press items ------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */
.touchcarousel-item .date,	
.content-left .date {
	font-size: 12px;
	font-style: italic;
	}
/*Injection */
.content-left .imgflr				{ display:inline-block; position:relative; float:right; margin:0 0 5px 20px; width:307px; }
.content-left .imgfll				{ display:inline-block; position:relative; float:left !important; margin:0 20px 5px 0; width:307px; }
.content-left .img-flush-right				{ display:inline-block; position:relative; float:right; margin:0 0 5px 20px; }
.content-left .img-flush-left				{ display:inline-block; position:relative; float:left !important; margin:0 20px 5px 0; }
.content-left .img-flush-left .caption { display:block; line-height: 14px;font-family:Arial, Helvetica, sans-serif; padding:5px 0; background:url('/en/media/unaids/contentassets/restore/dotted-horizontal.gif') repeat-x bottom left; font-size:0.6875em; margin:0 }
.content-left .caption p, font.caption, span.caption, .img-flush-left .caption { display:block; line-height: 14px; font-family:Arial, Helvetica, sans-serif; padding:5px 0; background:url('/en/media/unaids/contentassets/restore/dotted-horizontal.gif') repeat-x bottom left; font-size:0.6875em; margin:0 }

.content-left .quote{
	padding: 15px 0 15px 0;
	margin: 0 0 0 20px;
	float: right;
	width: 190px;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	}
.content-left .quote-source{
	padding: 0 0 15px 0 !important;
	font-size: 10px;
	line-height: 14px;
	}
/*END Injection */
.content-left .quotes p {
	padding: 0;
	}
.content-left .quotes h2 {
	padding: 15px 0 0 0;
	font-weight: bold;
	}	
.content-left .author {
	padding: 0 0 15px 0 !important;
	font-size: 10px;
	line-height: 14px;
	}
.content-left .press-title {
	padding: 0 0 15px 0;
	}		
.content-left .tenders {
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 16px;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom;
	}
.content-left .return{ /*Added by Somer*/
	clear: both;
	padding: 0 29px 0px 0;
	float: right;
	}
.content-left .press-archive {
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 16px;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom;
	}
	.content-left .press-archive .photo {
		float: left;
		width: 210px;
		margin: 0 0 30px 0;
		}
		.content-left .press-archive .photo img {
			width: 175px;
			height: auto;
			}
	.content-left .press-archive .text {
		float: left;
		width: 420px;
		}

.content-left .last {
	background: none !important;
	}	
.content-left .tenders h2 {
	margin: 0 0 0 0 !important;
	}		
.press {
	font-size: 12px !important;
	line-height: 14px !important;
	}
.press a {
	display: inline !important;
	background: none !important;
	}	
.press hr {
	margin: 5px 0 20px 0 !important;
	}	
.proposals {
	padding: 0 30px 20px 0;
	float: left;
	font-size: 12px;
	}
.proposal-year {
	float: left;
	font-size: 12px;
	}
	.proposals a,
	.proposal-year a {
		color: #000;
		text-decoration: none;
		font-weight: bold;
		}
	.proposals a:hover,
	.proposals a.set,
	.proposal-year a:hover,
	.proposal-year a.set {
		color: #00adef;
		}
.mobile-proposals {
	display: none;
	}	
	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for video ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#hero-video {
	position: relative;
	margin: 0 30px 0 30px;
	width: 917px;
	}
.videoitem {

	margin: 25px 35px 30px 0;
	width: 632px;
 	height: 387px; 
	float: left;
	z-index: 1;
	}
	.videoitem .slideshow{
		height: 100%;
		width: 100%;
	}
	.videoitem   #image_wrap {
		height:inherit;
		width: inherit;
	}
	.videoitem  .img-fullsize{
		height: inherit;
		width: inherit;
	}	 
.videoitemvideo {
	margin: 25px 35px 30px 0;
	width: 632px;
 	height: 387px; 
	float: left;
	z-index: 1;
	}
	.videoitemvideo .video {
		height: inherit;
		}
	.videoitemvideo  #the_video{
		height: inherit;
		z-index:3 !important;
		}
	.videoitemvideo  #the_player{
		height: inherit;
		z-index:2;
		}
	
.video-text {
	margin: 25px 0 30px 0;
	width: 230px;
	float: left;
	}
	.video-text .date {
		font-style: italic;
		}
	.video-text h1 {
		margin: 0 !important;
		padding: 0;
		font-size: 20px;
		line-height: 24px;
		color: #000;
		font-weight: bold;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for gallery ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.content-left-gallery {
	position: relative;
	margin: 20px 0 20px 30px;
	padding: 0 30px 0 0;
	width: 655px;
	float: left;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot-vert.png') repeat-y right;

	font-size: 14px;
	line-height: 20px;
	}
	.content-left-gallery h1 {
		padding: 0 0 15px 0;
		margin: 0 !important;
		font-size: 20px;
		line-height: 24px;
		color: #000;
		font-weight: bold;
		}
	.content-left-gallery .share {
		top: 5px;
		}	
.content-left-gallery .caption {
	padding: 15px 0 15px 0;
	margin: 0 0 0 20px;
	float: right;
	width: 190px;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	}
	.content-left-gallery .caption span {
		font-size: 11px;
		line-height: 14px;
		font-weight: normal;
		}
.content-right-gallery {
	position: relative;
	margin: 20px 30px 20px 30px;
	width: 182px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	}
	.content-right-gallery p {
		padding: 0 0 6px 0;
		}		
	.content-right-gallery hr {
		margin: 10px 0 10px 0;
		width: auto;
		}	
	.content-right-gallery h2 {
		padding: 0 0 6px 0;
		}	
	.content-right-gallery h3 {
		font-size: 13px;
		}	
	.content-right-gallery img {
		width: 180px;
		height: auto;
		}	

	.gallery .inset {
		position: absolute;
		padding: 10px 0 5px 0;
		width: 100%;
		bottom: 10px;
		left: 0px;
		font-size: 12px;
		line-height: 16px;
		color: #fff;
		z-index: 991;
		background: url('/en/media/unaids/styleassets/images/newcssimages/fade.png');

		}
	.gallery .inset a {	
		padding: 0 0 0 15px;
		color: #fff;
		}
	.gallery .inset a:hover {	
		color: #00adee;
		text-decoration: none;
		}
	.gallery .inset h2 {
		padding: 0;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		}
	.gallery .inset h2 a {	
		color: #00adee;
		}
	.gallery .touchcarousel-item .gallery-item {
		margin: 0 10px 0 0 !important;
		position: relative;
		}
	.gallery .touchcarousel-item {
		margin: 0 0px 0 0 !important;
		background: none !important;	
		font-size: 12px;
		line-height: 16px;
		}
		.gallery .touchcarousel-item img {
			margin: 0 0 11px 0 !important;
			}
			
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for search results --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.results h3 {
	padding: 0 0 0 30px;
	}
.results h2 {
	padding: 0 0 15px 0;
	font-weight: normal;
	}
.results .stories {
	top: 462px;
	}
.two-column {
	margin: 0 0 15px 0;
	width: 957px;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dots-2col.png') repeat-y center;
	}
	.column {
		padding: 0 10px 0 30px;
		width: 430px;		
		float: left;
		}
		.column h3 {
			margin: 0 0 20px 0;
			font-weight: normal;
			font-size: 15px;
			line-height: 18px;
			color: #00adef;
			}
		.column .result-text h3 {
			margin: 0;
			font-weight: normal;
			font-size: 13px;
			line-height: 16px;
			color: #00adef;
			}
		.result {
		
			}
			.result-pic {
				padding: 0 0 10px 0;
				width: 100px;
				float: left;
				}
				.result-pic img {
					width: 90px;
					height: auto;
					overflow: hidden;
					}
			.result-text {
				padding: 0 0 10px 0;
				width: 325px;
				float: left;
				}
				.result-text .date {
					font-size: 10px;
					line-height: 18px;
					font-style: italic;
					}
				.result-text .date2 {
					font-size: 10px;
					line-height: 18px;
					}
				.result-text h2 {
					padding: 0;
					font-size: 13px;
					line-height: 17px;
					}	
		.column hr {
			margin: 0 0 15px 0;
			}			
		.press-block {
			width: 180px;
			margin: 0 30px 15px 0;
			padding: 0 30px 0 0;
			float: left;
			background: url('/en/media/unaids/styleassets/images/newcssimages/dot-vert.png') repeat-y right center;
			font-size: 12px;
			line-height: 14px;
			}
			.column .last {
				padding-right: 0;
				margin-right: 0;
				background: none;
				}
			.press-block img {
				padding: 10px 0 10px 0;
				width: 180px;
				height: auto;
				}
			.press-block  h2 {
				margin: 0;
				font-weight: normal;
				font-size: 13px;
				line-height: 16px;
				color: #00adef;
				}
			.press-block  h3 {
				margin: 0;
				}
	
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	margin: 30px 20px 70px 0;
	padding: 0 0 50px 0;
	text-align: right;
	}
	#footer a {
		display: inline-block;
		margin: 0 7px 0 7px;
		}	
	#footer hr {
		display: none;
		}
	#footer a#donate {
		display: none;
		}		


/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.line-full {
	margin: 10px 25px 10px 0;
	clear: both;
	height: 1px;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x;

	}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
.small-type {
	font-size: 12px;
	line-height: 16px;
	}
.metainfo{ /*Injected*/
	line-height: 0px;
}
.gallerypost h2{
	min-height: 33px;
}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for carousel ----------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.touchcarousel {
	margin: 15px 0 0 30px;
	width: 900px !important;
	}
	.touchcarousel .pics img {
		width: 182px;
		}
	.carousel-four-wide .touchcarousel-item {
		padding: 0 22px 0 22px !important;
		width: 182px;
		}
	.carousel-four-wide .touchcarousel-item  .pubfix{ /*INJECTED*/
		min-height: 167px;
		}
	.carousel-four-wide .touchcarousel-item  h2{ /*INJECTED*/
		font-weight: normal;
		}
	.carousel-four-wide .touchcarousel-item  .pubfix p { /*INJECTED*/
		padding: 0 0 0 0;
		}
	.carousel-four-wide .touchcarousel-item  .publicationimg{ /*INJECTED*/
		max-width:108px;
		}
	.carousel-four-wide .touchcarousel-item  .manuallink{ /*INJECTED*/
		padding: 0 0 3px 0;
		min-height: 33px;
		}
	.carousel-four-wide .touchcarousel-item  .picitem{
		height: 152px;
		}
	.carousel-three-wide .touchcarousel-item {
		padding: 0 21px 0 20px !important;
		width: 260px;
		}
	.touchcarousel .touchcarousel-item {
		position: relative;
		margin: 15px 0 0 0;
		float: left;
		background: url('/en/media/unaids/styleassets/images/newcssimages/dot-vert.png') repeat-y right center;	
		font-size: 12px;
		line-height: 16px;
		}
		.touchcarousel .arrow-icon.left {
			left: -25px;	
			background: url('/en/media/unaids/styleassets/images/newcssimages/arrow-left.png') no-repeat;

			}
			.carousel-three-wide .arrow-icon.left {
				margin-top: -20px !important;
				}
		.touchcarousel .arrow-icon.right {
			right: -50px;			
			background: url('/en/media/unaids/styleassets/images/newcssimages/arrow-right.png') no-repeat;

			}
			.carousel-three-wide .arrow-icon.right {
				margin-top: -20px !important;
				}
		.touchcarousel .arrow-holder {
			width: 20px; 
			}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for campaigns ---------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

#campaign {
	margin: 10px 0 10px 25px;
	
	}
	.element {
		position: relative;
		margin: 7px;
		float: left;
		}
	.element p {
		position: absolute;
		padding: 8px 0 0 0;
		width: 100%;
		min-height: 37px;
		bottom: 0px;
		left: 0px;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #fff;
		z-index: 991;
		background: url('/en/media/unaids/styleassets/images/newcssimages/fade.png');

		}
		.element span {
			padding: 0 0 0 15px;
			}

	.w-one-third {
		width: 287px;
		}
	.w-two-thirds {
		width: 589px;
		}
	.w-half {
		width: 438px;
		}
	.w-full {
		width: 890px;
		}
	.h-one-third {
		height: 181px;
		}
	.h-two-thirds {
		height: 377px;
		}
	.h-half {
		height: 271px;
		}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 701px) 
and (max-width : 1024px) {


 #page {
	width: 100%;
   	} 
#section3,
#section2,
#page2 {
	display:none !important;
   	}
#page3 {
	display:none !important;
   	}



	#page .next {
		display:none !important;
		}

	#page2 .next {
		display:none !important;
		}
	#page2 .prev {
		display:none !important;
		}

	#page3 .prev {
		display:none !important;
		}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 701px) 
and (max-width : 1024px) {


 #page {
	width: 100%;
   	} 
#section3,
#section2,
#page2 {
	display:none !important;
   	}
#page3 {
	display:none !important;
   	}



	#page .next {
		display:none !important;
		}

	#page2 .next {
		display:none !important;
		}
	#page2 .prev {
		display:none !important;
		}

	#page3 .prev {
		display:none !important;
		}
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 700px) {

/* css for basic items---------------------------------------------------------------------------------------------------*/
body {
	font-size: 12px;
	line-height: 14px;
	overflow: inherit;
	}
.mobile-hide,
#section3,
#section2,
#header a#donate,
#page .next,
#page .prev,
#page2 .next,
#page2 .prev,
#page3 .next,
#page3 .prev,
#executive,
#cosponsors,
#twitter {
	display: none !important;                                                                 
   	}
#home-content hr,
.four-column-manual hr,
.three-column hr,
.four-column hr {
	display: none;
	}
hr {
	margin-left: 30px;
	}
#outer-home,
#outer,
.section {
	width: 100%;
	}
#container,
#page {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
   	}


/* css for header ------------------------------------------------------------------------------------------------------*/
#header {
	margin: 0 0 20px 30px;
	width: 90%;
	height: 285px;
	}
	#search{
		position: relative !important;
		top: inherit !important;
		bottom: inherit !important;
		left: inherit !important;
		right: inherit !important;
	}
	.gsc-completion-container{
		display: none !important;
	}
	#topnav,
	#logo,
	#mainnav {
		position: relative;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		}
	#topnav {
		padding: 15px 0px 18px 0;
		float: right;
		}
	#logo {
		clear: both;
		}
	#mainnav {
		padding: 23px 0 18px 0;
		font-size: 16px;
		line-height: 19px;
		clear: both;
		}
		#mainnav ul li {
			float: none;
			height: 23px;
			}
		.sub-menu {
			display: none !important;
			}	


/* css for hero items ----------------------------------------------------------------------------------------------------*/
.anythingSlider-default .anythingControls { 	
	display: none !important;
	}

#hero-sub{

	position: relative ;
	margin: 0 0 10px 0;
	width: 100%;
	height: 280px;
	}
	ul#slider, ul#slider li {
		position: relative;
	    width: 100%;
		height: auto;
		}
		ul#slider li img {
		    width: 100%;
			height: auto;
			float: right;
			}
	#hero-sub #slider h1,
	#hero #slider h1 {
		width: 90%;
		}
	#hero-sub #slider li,
	#hero #slider li {
		width: 100%;
		}
	#hero-sub #slider li .inset,
	#hero #slider li .inset {
		position: relative;
		padding: 10px 0 0px 30px;
		width: inherit;
		bottom: -10px;
		z-index: -1;
		background: #565656;
		height:263px;
		}
	#hero #slider li .inset p,
	#hero-sub #slider li .inset p {
		width: 270px;
		}
#hero {
	position: relative ;
	margin: 0 0 30px 0;
	width: 100%;
	height: 280px;
	}
	ul#sliderhome, ul#sliderhome li {
		position: relative;
	    width: 100%;
		height: auto;
		}
		ul#sliderhome li img {
		    width: 100% !important;
			height: auto !important;
			float: right !important;
			}
	#hero-sub #sliderhome h1,
	#hero #sliderhome h1 {
		width: 90%;
		}
	#hero-sub #sliderhome li,
	#hero #sliderhome li {
		width: 100%;
		}
	#hero-sub #sliderhome li .inset,
	#hero #sliderhome li .inset {
		position: relative;
		padding: 10px 0 0px 30px;
		width: inherit;
		bottom: -10px;
		z-index: -1;
		background: #565656;
		height:256px;
		}
	#hero #sliderhome li .inset p,
	#hero-sub #sliderhome li .inset p {
		width: 270px;
		}
	#hero-sub #sliderhome li .inset h1 {
		height: 179px;
	}
.stories {
	position: relative;
	top: inherit;
	left: inherit;
	float: right;
	margin: 0 20px 20px 0;
	}


/* css for home items ---------------------------------------------------------------------------------------------------*/
#home-content {
	width: 100%;
	margin: 0 auto 0 auto;
	}
	.mobile-center {	
		margin: 0 auto 0 auto;
		width: 272px;
		}		
.home-block {
	padding: 15px 0 0 0;
	margin: 0 0 12px 7%;
	width: 90%;
	float: none;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x;

	}
	.end {
		margin: 0 0 0 30px;
		}
		.home-block .photo img {
			width: 95%;
			height: auto;
			}
	/*	.home-block .photo p{ Injected
		padding: 0 0 0 0;
		}
		.home-block .caption p{ 
		padding: 0 0 0 0;
		}Injected*/


/* css for main conent -------------------------------------------------------------------------------------------------*/
#content {
	padding: 27px 0 0 0;
	margin: 0 auto 0 auto;
	width: 100%;
	}
	#content h1 {
		width: 200px;
		padding-bottom: 15px;
		}		
.content-left {
	margin: 0 0 20px 30px;
	width: 80%;
	background: none;
	float: none;
	}
.content-right {
	margin: 0px 0px 20px 30px;
	padding: 20px 0 0 0;
	width: 80%;
	float: none;
	background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x top center;
	}
	.content-right hr {
		margin: 0px 0 15px 0;
		width: auto;
		}	
	.content-left .share {
		top: 5px;
		}	
	.content-right ul{ /*Injected*/
		padding: 0;
		list-style: none;
	}


/* css for archive page ----------------------------------------------------------------------------------------- */
.month,
.year {
	display: none;
	}	
.mobile-year,
.mobile-month {
	margin: 0 0 0 30px;
	display: inherit;
	}		
.mobile-year select,
.mobile-month select {
	margin: 7px 0 0 0;
	width: 255px;
	height: 23px;
	border: 1px solid #999;
	background: none;
	font-size: 12px;
	}	
.mobile-country select {
	margin: 0 0 0 0;
	width: 255px;
	height: 23px;
	border: 1px solid #999;
	background: none;
	font-size: 12px;
	}
.four-column-manual,

.three-column,
.four-column {
	position: relative;
	width: 85%;
	background: none;
	}
	.four-column-manual .post,
	.three-column .post,
	.four-column .post {
		position: relative;
		padding: 17px 0 10px 0;
		margin: 0 0 0 30px;
		min-height: inherit;
		float: none;
		width: 100%;
		background: #fff url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom center;
		}
	.four-column-manual .title-top,
	.three-column h2.title-top,
	.four-column h2.title-top {
		padding: 0 0 5px 0;
		min-height: inherit;
		}
		/*Injected */
	.four-column-manual h2.title-top a,
	.four-column-manual h2.title-top a:visited,
	.four-column-manual h2.title-top a:active,
	.four-column h2.title-top a,
	.four-column h2.title-top a:visited,
	.four-column h2.title-top a:active{
		color: #000;
		text-decoration: none;
		outline: none;
	}
	.four-column-manual h2.title-top a:hover,
	.four-column h2.title-top a:hover{
		color: #000;
		text-decoration: underline;
		outline: none;
	}
	/*End Injection*/
	.four-column-manual .return,
	.four-column .return,
	.three-column .return {
		clear: both;
		padding: 10px 30px 0px 0;
		float: right;
		}	
	.four-column-manual hr,
	.three-column hr {
			background: none;
			}	
		.four-column-manual .post img,
		.three-column .post img,
		.four-column .post img {
			width: 100%;
			margin: 6px 0 6px 0;
			height: auto;
			}
.three-column .last {
			background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom center !important;
			}
.touchcarousel {
	margin: 15px 0 0 0px;
	width: 100% !important;
	}
	.touchcarousel .pics img {
		width: 250px;
		}
	.touchcarousel .banner-pics img {
		width: 250px;
		}	
	.carousel-four-wide .touchcarousel-item {
		padding: 0 2px 0 20px !important;
		width: 300px;
		}
	.touchcarousel .touchcarousel-item {
		/*background: none;*/	
		}
		.touchcarousel .arrow-icon.left {
			left: 0px;	
			}
		.touchcarousel .arrow-icon.right {
			right: 0px;			
			}

/* css for document page ------------------------------------------------------------------------------------------*/
.content-left .doc {
	position: relative; 
	}	
	.content-left .doc-pic {
		margin: 15px 0 0 0;
		width: 90%;
		float: none;
		}
	.content-left .doc-pic img {
		width: auto;
		height: auto;
		}
	.content-left .doc-text {
		margin: 15px 0 0 0;
		width: 100%;
		float: none;
		font-size: 12px;
		line-height: 16px;
		}
	.three-column .doc,
	.four-column-manual .doc,
	.four-column .doc {
		clear: both;
		padding: 10px 0 10px 0;
		margin: 0 0 0 30px;
		min-height: inherit;
		float: none;
		width: 255px;
		background: #fff url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom center;
		}
		.four-column-manual .doc,
		.four-column .doc {
			position: relative;
			width: 100%;
			}
		.four-column-manual .doc .doc-pic,
		.four-column .doc .doc-pic {
			position: relative;
			width: 40%;
			float: left;
			min-height: 158px;
			
			}
			.four-column-manual .doc img,
			.four-column .doc img {
				width: 90%;
				height: auto;
				}
		.four-column-manual .doc .doc-text,
		.four-column .doc .doc-text {
			width: 60%;
			float: left;
		font-size: 12px;
		line-height: 16px;
			}
			

/* css for country page ------------------------------------------------------------------------------------------*/
.content-left .year {
	/*display: inherit;*/
	}
.content-left .alpha,
.content-left .country-list {
	display: none;
	}
	.region-list h2 {
		cursor: pointer;
		}
	#region1,
	#region2,
	#region3,
	#region4,
	#region5,
	#region6,
	#region7,
	#region8 {
		display: none;
		}	
.content-left ul.country {
	margin: 0 0 15px 0px;
	width: 100%;
	}
.content-left ul.country li {
	width: 45%;
	}
	.region-list hr {
		margin: 0 0 10px 0;
		}
.content-left ul.chart {
	width: 90%;
	}
.content-left ul.chart li {
	width: 100%;
	padding: 8px 0 8px 0;
	float: none;
	background: none;
	}
	.content-left ul.chart li.odd {
		margin-top: -11px;	
		font-weight: bold;
		}
	.content-left ul.chart li.blank {
		display: none;
		}
.mobile-country {
	display: inherit;
	}		
.arrow {
	float: right;
	width: 12px;
	height: 12px;
	background: url('/en/media/unaids/styleassets/images/newcssimages/arrow-off.png') no-repeat;

	}
	.arrow-on {
		float: right;
		width: 12px;
		height: 12px;
		background: url('/en/media/unaids/styleassets/images/newcssimages/arrow-on.png') no-repeat;

		}

/* css for news, press, details, tenders ---------------------------------------------------------------------- */

/*Injection */
.content-left .imgflr img,
.content-left .imgfll img,
.content-left .img-flush-right img,
.content-left .img-flush-left img{
	padding: 15px 0 15px 0 !important;
	margin: 0 0 0px 0px !important;
	width: 90% !important;
}

.quote {
	padding: 15px 0 15px 0 !important;
	margin: 0 0 20px 0px !important;
	width: 100% !important;
}
.content-left img {
	width: 100%;
	height: auto;
	}
.proposal-year,
.proposals {
	display: none;
	}
.mobile-proposals {
	display: inherit;
	}	

.content-left .press-archive {
	width: 100%;
	}
	.content-left .press-archive h2 {
		margin: 0;
		}
	.content-left .press-archive .photo {
		position: relative;
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
		}
		.content-left .press-archive .photo img {
			width: 100%;
			height: auto;
			}
	.content-left .press-archive .text {
		float: none;
		width: 100%;
		}
	.content-left .press-archive .text .maintext {
		display: none;
		}
     .content-left .return { /*Somer*/
		clear: both;
		padding: 10px 30px 0px 0;
		float: right;
		}
	.column hr {
		display: none;
		}	
		.press-block {
			position: relative;
			width: 100%;
			margin: 0 0 10px 0;
			padding: 0 0 0 0;
			float: none;
			background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom;

			}
			.column {
				margin: 0 0 20px 0;
				}
			.column .last {
				background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom;

				}
			.press-block img {
				width: 100%;
				height: auto;
				}



/* css for campaigns ------------------------------------------------------------------------------------------ */

#campaign {
	margin: 10px 0 10px 25px;
	
	}
	.element {
		position: relative;
		margin: 0 0 20px 0;
		width: 97%;
		height: 200px;
		overflow: hidden;
		float: none;
		}
	.element p {
		position: absolute;
		padding: 8px 0 0 0;
		width: 97%;
		min-height: 37px;
		bottom: 0;
		left: 0px;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #fff;
		z-index: 991;
		background: url('/en/media/unaids/styleassets/images/newcssimages/fade.png');

		}

	.w-one-third {
		width: 97%;
		}
	.w-two-thirds {
		width: 97%;
		}
	.w-half {
		width: 97%;
		}
	.w-full {
		width: 97%;
		}
	.h-one-third {
		height: auto;
		}
	.h-two-thirds {
		height: auto;
		}
	.h-half {
		height: auto;
		}


/* css for video ------------------------------------------------------------------------------------------------ */
#hero-video {
	position: relative;
	margin: 0;
	width: 100%;
	}
.videoitem {

	margin: 0;
	width: 100%;
	float: none;
	height: inherit;
	}
.videoitemvideo {

    margin: 0;
	width: 100%;
	float: none;
	height: 350px;
	}
	.videoitem .img-fullsize{
		width: inherit;
		height: auto;
	}
	.videoitem img {
		width: 100%;
		height: auto;
		}
	.enlarge{
		width:inherit !important;
	}
	.upd-scroll-nav {
		width: 100% !important;
	}
	.upd-scroll {
		width: 100% !important;
	}
	.upd-scroll .items img{
	 width: 50px !important;
	}
.video-text {
	margin: 15px 0 0 30px;
	width: 90%;
	float: none;
	}
	.video-text .date {
		font-style: italic;
		}
	.video-text h1 {
		padding: 0 !important;
		font-size: 15px;
		line-height: 19px;
		}
.lb-image{
width:100% !important;
height:100% !important;
}
.lb-outerContainer{
width:100% !important;
height:100% !important;
}
.lb-dataContainer{
width:100% !important;
}
.lb-next{
display: block !important;
}

/* css for search results --------------------------------------------------------------------------------------- */
.results h3 {
	padding: 0 0 20px 30px;
	}
.results h2 {
	padding: 0 0 15px 0;
	font-weight: normal;
	}
.results .stories {
	top: 399px;
	left: inherit;
	right: 30px;
	position: absolute;
	}	
.two-column {
	margin: 0 0 15px 0;
	width: 100%;
	background: none;
	}
	.column {
		padding: 0 10px 0 30px;
		width: 85%;		
		float: left;
		}
		.column h2 {
			padding: 0;
			font-weight: bold;
			}
		.result {
			padding: 15px 0 0 0;
			clear: both;
			background: url('/en/media/unaids/styleassets/images/newcssimages/dot.png') repeat-x bottom center;
			width: 100%;
			}
			.result-pic {
				padding: 0 0 20px 0;
				width: 30%;
				}
				.result-pic img {
					width: 90%;
					height: auto;
					}
			.result-text {
				padding: 0 0 0px 0;
				width: 70%;
				}
				.result-text h2 {
					padding: 0;
					font-weight: normal;
					}	
				.result-text p {
					padding: 0 0 8px 0;
					}	
			.more-results {	
				padding: 10px 0 30px 0;
				}
				

/* css for gallery ------------------------------------------------------------------------------------------------ */
.content-left-gallery {
	margin: 0px 0 20px 30px;
	padding: 0 30px 0 0;
	width: 80%;
	float: none;
	background: none;
	font-size: 14px;
	}
.content-left-gallery .pic img {
	margin: 0 0 0 -30px;
	width: 125%;
	}
	.content-left-gallery .share {
		top: -15px;
		}	
.content-left-gallery .caption {
	padding: 15px 0 15px 0;
	margin: 0 0 20px 0px;
	float: none;
	width: 100%;
	font-size: 14px;
	}
.content-right-gallery {
	display: none;
	}		

.gallery {
	position: relative;
	margin: 15px 0 0 30px;
	width: 100% !important;
	height: auto !important;
	}
	.gallery .alignleft {
		float: none;
		}
	.gallery img {
		width: 320px;
		height: auto;
		}
	.gallery .inset {
		position: relative;
		margin: -1px 0 0 0;
		padding: 10px 0 5px 0;
		width: 320px;
		bottom: 10px;
		left: 0px;
		font-size: 12px;
		line-height: 16px;
		color: #fff;
		z-index: 991;
		background: url('/en/media/unaids/styleassets/images/newcssimages/fade.png');

		}
	.gallery .touchcarousel-item {
		float: none !important;
		}
		.gallery .arrow-icon.left {
			display: none !important;	
			}
		.gallery .arrow-icon.right {
			display: none !important;	
			}


			
					
/* css for footer --------------------------------------------------------------------------------------------- */
hr.footer,
hr.info,
.info {
	display: none;
	}
.media {
	display: inherit;
	}

#footer {
	margin: 50px 0px 70px 0;
	padding: 25px 0 30px 0;
	}
	#footer hr {
		display: block;
		margin: 25px 0 20px 0;
		}
	#footer a#donate {
		position: absolute;
		top: -15px;
		right: 0px;
		padding: 5px 9px 5px 9px;
		display: block;
		font-size: 14px;
		line-height: 16px;
		color: #fff;
		background: #e51937;	
		}		


}