/* PHASE 2 *//* RESET */
body, html { 
    margin:0; 
    padding:0; 
    background-color:#f8f8f8; 
    width:100%; 
    height:100%; 
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size:13px; 
    line-height:150%; 
    color:#444; 
}
div, ul, li, img, h1, h2, h3, h4, h5, form, fieldset, p, blockquote, dl, dt, dd, label {
    display: block;
    float: left; 
    padding: 0;
    margin: 0;
    border: none;
    width:100%;
}
*, *:before, *:after { 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box; 
	-webkit-font-smoothing:antialiased; 
	font-smooth:never; 
}

ul { 
    list-style:none;
}
a {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}
a:hover {
    color: #666;
}
p {
    width:100%;
    margin:5px 0;
}
input[type='url'], input[type='tel'], input[type='email'], input[type='text'], input[type='submit'], input[type='password'] {
    display:block;
    float:left;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    border:none;
    height:20px;
    padding:2px 0;
    font-size:13px;
    -webkit-appearance:none;
    border-radius:0;
}
input[type='url']:focus, input[type='tel']:focus, input[type='email']:focus, input[type='text']:focus, input[type='password']:focus {
    color:#444 !important; 
}
*, .options li a, #blog *, #bar *, #cart, #system *, #issues *, .system *, .article #header, .article #footer, .article .social, #article #locked {
    -webkit-font-smoothing:antialiased;
}

/* GLOBAL */
#body {
    width:100%;
    position:relative;
}
    .center {
		width:1080px;
		float:none;
		margin:auto;
		position:relative;
    }
	.center.fit {
		width:1280px;
	}
    .center.column {
		width:480px;
    }
    .hidden {
		display:none;
    }
	a.button.hidden {
		display:none;
    }
    .w25 {
		width:25%;
    }
	.w33 {
		width:33.33%;
    }
    .w50 {
		width:50%;
    }
    .w75 {
		width:75%;
    }
    .w25.centered {
		margin-left:37.5% !important;
    }
	.w33.centered {
		margin-left:25% !important;
	}
    .w50.centered {
		margin-left:25% !important;
    }
    .w75.centered {
		margin-left:12.5% !important;
    }
    .w50.margin {
		width:47%;
		margin-right:3%;
    }
    .w75.margin {
		width:72%;
		margin-right:3%;
    }
    .right {
		text-align:right;
		float:right;
    }
	.right .nav {
		float: right;
		margin-right: 20px;
	}

    .header {
		width:100%; 
		margin-top:20px;
    }
		.header h2, .tabs a	{
			display:block; 
			float:left;
			width:100%;
			text-align:center;
			font-family:'LavaStd-Reg', Georgia, serif;
			font-size:24px;
			font-weight:normal;
		}
		.header div {
			height:50px;
			line-height:50px;
		}
		.header form {
			font-size: 15px;
			margin: 20px 0;
			text-align: center;
			width: 100%;
		}
			.header form .middleColumn {
				width: auto;
				margin: 0px;
				line-height: 15px;
				float: none;
				display: inline;
			}	
    .header.bottom {
		margin:0 0 20px 0;
    }
    .header.margin {
		margin-bottom:20px;
    }
		.header.blue h2 {
			color:#fff !important;
		}
		.header.blue .nav {
			color:#fff;
		}
		.header.blue .nav:hover {
			color:#abe8f5;
		}

    .menu {
		text-align:center;
		color:#aaa;
		width:100%;
    }
		.menu li {
			display:inline-block;
			float:none;
			margin:0 10px;
			width:auto;
			white-space:nowrap;
			height:40px;
			line-height:40px;
		}
		.menu a {
			color:#666;
		}
		.menu a:hover {
			color:#666;
		}
		.menu a.sub {
		   opacity: 0.5;
		}
    .simpleform	{
		width:210px;
		background-color:#fff;
		position:relative;
		line-height:auto;
		border-radius:4px;
		border: 1px solid #CCCCCC;
    }
		.simpleform input[type='text'] {
			width:90%;
			text-indent:7px;
			outline:none;
			color:#aaa;
			background-color:transparent;
		}
		.simpleform div {
			width:15%;
			position:absolute;
			right:0;
			top:0;
		}
		.simpleform input[type='submit'] {
			padding:0;
			width:24px;
			height:24px;
			float:right;
		}

    .search .sprite {
		background-position:0 -40px;
    }
    .newsletter .sprite {
		background-position:-27px -40px;
    }
    
    .nav {
		display: block;
		float: left;
		white-space: nowrap;
		width: auto;
    }
		.nav .icon, .nav .i20 {
			opacity:0.25;
		}
		.nav:hover .icon, .nav:hover .i20  {
			opacity:0.5;
		}

    .text p {
		padding:10px 0;
    }
	.text p.medium {
		font-family: 'LavaStd-Reg',Georgia,serif!important;
		font-size: 18px!important;
		line-height: 140%!important;
		column-count: 1!important;
		-moz-column-count: 1!important;
		-webkit-column-count: 1!important;
	}
	
    .text p:first-child {
		line-height:140%;
		font-family:'LavaStd-Reg', Georgia, serif;
		font-size:24px;
    }
	
	.text p.distribution {
		column-count: 1!important;
		-moz-column-count: 1!important;
		-webkit-column-count: 1!important;
		color: #444444;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 13px;
		line-height: 150%;
	}
	
		.text p:first-child i, .text p:first-child em {
			font-family:'LavaStd-RegularItalic';
		}
		.text p:first-child b, .text p:first-child strong {
			font-family:'LavaStd-Bold';
		}
			.text p:first-child i b, 
			.text p:first-child i strong,
			.text p:first-child em b,
			.text p:first-child em strong,
			.text p:first-child b i,
			.text p:first-child b em,
			.text p:first-child strong i,
			.text p:first-child strong em {
				font-family:'LavaStd-BoldItalic';
			}
			
		.text p:first-child .smallcaps {
			font-family:'Lava Std Sc', Georgia, serif !important;
			font-weight: normal;
			font-style: normal;
		}
			.text p:first-child .smallcaps b, .text p:first-child .smallcaps strong,
			.text p:first-child b .smallcaps, .text p:first-child strong .smallcaps {
				font-family:'LavaStd-BoldSC', Georgia, serif !important;
			}
		
		.text p:first-child a {
			text-decoration:underline;
			color:#444;
			font-weight:normal;
		}
		.text p:first-child a:hover {
			color:#888;
		}
			
    .text p:last-child {
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		-webkit-column-gap:20px;
		-moz-column-gap:20px;
		column-gap:20px;
    }
	
	.text p:last-child a {
		text-decoration:underline;
		color:#444;
		font-weight:normal;
	}
	.text p:last-child a:hover {
		color:#888;
	}
    
    .sidebar {
		text-align:center;
		border-left:1px solid #eee;
		width:24%;
		padding-bottom:40px;
		margin-bottom:40px;
    }
	.sidebar dt {
	    margin-top:10px;
	}
	.sidebar dd {
	    font-weight:bold;
	}
	.sidebar ul {
	    width:100%;
	    margin:0 8%;
	    text-align:left;
	}
	    .sidebar li {
		margin-top:10px;
	    }

    .sprite, .checkbox {
	background:transparent url('../images/phase2/sprite.png') no-repeat 0 0;
	text-indent:-1000px;
	overflow:hidden;
    }
    
    @media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
	.sprite, .checkbox {
	    background-image:url('../images/phase2/sprite@2x.png');
	    background-size:200px auto;
	}
    }
    
    .icon {
	display:inline-block;
	float:none;
	width:20px !important;
	height:20px;
	position:relative;
	margin-bottom:-5px;
    }

		.i20 {
		display: inline-block;
		float: none;
		height: 20px !important;
		position: relative;
		width: 20px !important;
		vertical-align: middle;
	}
	
	.i25 {
		display: inline-block;
		float: none;
		height: 25px !important;
		position: relative;
		top: 3px;
		width: 25px !important;
	}
	
	.ui	{ 
		font-family:'WTW'; 
		font-size:25px; 
		font-weight:normal !important; 
	}
	
    .notes, #system .note {
	color:#aaa;
	font-size:11px;
	padding:5px 0;
	line-height:120%;
    }
	.notes.pad {
		padding-left: 0px;
        line-height: 150%;
	}
	.text-center {
		text-align: center;
	}

/* HEADER */
#header	{
    height:140px;
    padding:40px 0;
	text-align: center;
    position:relative;
}
h1 {
    width:auto;
}
    h1 a {
		display:block;
		float:left;
		height:60px;
		line-height:65px;
		color:#666;
		font-weight:normal;
		font-size:20px;
		font-family: "LavaStd-Reg", Georgia, serif;
    }
		h1 a i {
			font-size:13px;
			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
			white-space:nowrap;
		}
    h1 span {
		 display: block;
		float: left;
		font-size: 90px !important;
		height: 60px;
		line-height: 60px;
		margin-right: 15px;
		width: 60px;
    }

    #header .menu {
		width:auto;
		margin:10px 0;
		display:inline-block;
		float:none;
    }
		#header .menu a:hover, #header .menu a.active {
			text-decoration:underline;
		}
		#header .menu li {
			height: auto;
		}
	
    #header .login {
		 float: right;
		margin: 15px 0;
		text-align: right;
		width: 240px;
    }
		.login a {
			display:block;
			float:right;
			height:30px;
			line-height:30px;
			margin-left:20px;
		}
		
    #header .simpleform {
		display: none;
		float:right;
		margin:15px 0 15px 100px;
		background-color:#fff;
    }
		#header .simpleform input {
			margin-top:0;
			margin-bottom:0;
		}
	#header .show-search {
		background: url("../images/phase2/search-icon.php?c=666") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	
	#header .toggle-menu {
		display: none;
		float: left;
		height: 40px;
		line-height: 40px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 20px;
		width: 40px;
	}
	.system #header .show-search {
		background: url("../images/phase2/search-icon.php?c=fff") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}	

    #bar {
		background-color:#333;
		width:100%;
		display:none;
    }
		#bar .simpleform {
			float:right;
			background-color:#444;
			width:50%;
			border-radius:0;
			border: medium none;
		}
			#bar .simpleform div {
				padding:2px 0;
			}
	    
		#bar input {
			background-color:transparent;
		}
		#bar input[type='text'] {
			height:26px;
		}
		#bar input[type='text']:focus {
			color:#fff !important;
		}
		
		#bar .login a {
			margin:0;
			padding:0 10px;
			float:left;
		}


/* BODY CLASSES */
/*NEW*/ .system #header-wrap {
    background-color:#28a9c5;
}
.system h1 span,
.system h1 a,
.system #header a	{
    color:#fff !important;
}
.login a:hover {
    opacity:0.5;
}

.article {
    background-color:#282828;
}
    .article #header {
		position:absolute; z-index:1000;
    }
    .article .social .icon {
		display:none;
    }
    .article .social .simpleform {
		background-color:#333;
    }
    .article .social input[type='text']:focus {
		color:#fff !important;
    }
    .article #footer {
		border-top-color:#333;
    }
	
/* more in header.php */

/* LIST */
.list {
    width:100%;
    padding-bottom:40px;
}
.list.aboutlist {
    padding: 0 0px 30px;
}

.list.articles.homeitems {
	margin-top: 20px;
}
	.list.articles.homeitems h2 {
		font-size: 26px;
	}
	.list.articles.homeitems .nav.next {
		color: #28a9c5;
	}


.list.articles {
    background:#fff url('../images/phase2/grid.png') repeat-y 50% top;
}
    .list li {
		width:25%;
		line-height:18px;
    }
	.list .withartefacts li {
		width:33.3333%;
    }
	.list .column li {
		width: 100%;
	}
		.list li span {
			display:block;
			float:left;
			margin:4px 0;
			width:100%;
		}
    .list .tile {
		display:block;
		float:left;
		padding:20px 8%;
		color:#444;
		font-weight:normal;
    }
	.list .cover-widget .tile {
		padding-bottom: 0px !important;
	}
		.list a.tile:hover .img {
			opacity:0.75;
		}
		.list a.tile:hover strong {
			text-decoration:underline;
		}
    .list .img {
		margin-top:0;
		margin-bottom:10px;
		height:150px;
		width:100%;
		background-position:50% 50%;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
    }
    .list .unlocked {
		float:none;
		display:inline-block;
		width:10px !important;
		height:13px;
		margin:0;
		background-position:-75px -40px;
    }
    .list .meta	{
		color:#aaa;
		font-size:11px;
		line-height:13px;
    }

    .list.cards .tile {
		padding:0;
		padding-bottom:40px;
		margin:20px 4% 0 4%;
		width: 92%;
		background-color:#fff;
		position:relative;
    }
		.list.cards li span	{
			padding:0 4%;
		}
    .list.cards .tools {
		margin:0;
		padding-top:7px;
		padding-bottom:7px;
		border-top:1px solid #f8f8f8;
		position:absolute;
		left:0;
		bottom:0;
    }
		.list.cards .tools a {
			color:#888;
		}
			.list.cards .tools a:hover {
				color:#444;
			}

.listallboooks {
	width: 100%;
	padding-bottom: 40px;
}
	.listallboooks .allbooks {
		display: flex;
		flex-wrap: wrap;
	}
		.listallboooks li {
			width: calc((100% - (4*40px))/5);
            margin-right: 40px;
		}
        .listallboooks .allbooks > li:nth-child(5n+5) {
            margin-right: 0px;
        }
			.listallboooks li .tile {
				padding: 20px 0px 20px 0px;
			}
			.listallboooks .cover {
				position: relative;
				cursor: default;
			}
			.listallboooks .cover:hover .issuedetails {
				display: block;
			}
				.listallboooks .cover .issuedetails {
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 100%;
					background: #000;
					color: #fff;
					display: none;
				}
				.listallboooks .cover .issuedetails.withoutimage {
					position: relative;
					display: block;
				}
					.listallboooks .cover .issuedetails .detail {
						width: 100%;
						padding: 10px 0px;
						display: flex;
						justify-content: center;
						align-items: center;
					}
						.listallboooks .cover .issuedetails .detail .left {
							width: 50%;
							padding-left: 10px;
						}
							.listallboooks .cover .issuedetails .detail .left .seriesindex {
								font-size: 21px;
								float: none;
								font-family:'LavaStd-Reg', Georgia, serif;
							}
							.listallboooks .cover .issuedetails .detail .left .session {
								font-size: 11px;
								opacity: 0.5;
								float: none;
							}

						.listallboooks .cover .issuedetails .detail .right {
							width: 50%;
							padding-right: 10px;
							font-size: 12px;
						}
							.listallboooks .cover .issuedetails .detail .right a {
								color: #28a9c5;
							}

					.listallboooks .cover .issuedetails .buylinks .options li {
						border-top: 1px solid #333;
						font-size: 13px;
					}
						.listallboooks .cover .issuedetails .buylinks .options li a {
							padding: 5px 0px;
						}
						.listallboooks .cover .issuedetails .buylinks .options li a:hover {
							background-color: #222;
						}

						.listallboooks .cover .issuedetails .buylinks .options li:first-child a,
						.listallboooks .cover .issuedetails .buylinks .options li:last-child a {
							border-radius: 0px;
						}
							.listallboooks .cover .issuedetails .buylinks .options li a span.default {
								font-weight: normal;
								font-size: 13px;
							}

						.listallboooks .cover .issuedetails .buylinks .options li a.outofprint {
							text-decoration: line-through !important;
							cursor: default;
							opacity: 0.5;
						}
						.listallboooks .cover .issuedetails .buylinks .options li a.outofprint:hover {
							background-color: transparent;
						}
							.listallboooks .cover .issuedetails .buylinks .options li a.outofprint span.default {
								text-decoration: line-through !important;
								opacity: 0.5;
							}


.options li:first-child a, .options li:first-child label {
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.options li:last-child a, .options li:last-child label {
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
.options a:hover {
	background-color:#2eb3d0;
	color:#fff;
}

#ad .tile {
    font-size:11px;
    text-align:center;
    font-weight:normal;
    line-height:11px;
}
#ad img {
    margin-bottom:8px;
}

#issues {
    background-color:#333;
}
    #issues h2, #issues .tile {
		color:#fff;
    }
		#issues .tile:hover .cover span {
			display:block;
		}
	#issues .cover span {
	    background-position:0 -140px;
	}
	#issues .list .equalBooks li.cover-widget:nth-child(4n+1) {
	    clear: both;
	}
	
#blog {
    background-color:#28a9c5;
}
    #blog .tile {
		color:#fff;
    }
    /*#blog .tile:hover { background-color:#39b0ca; }*/
    #blog .meta {
		color:#a2e9f8;
    }
	#blog a#RSSHolder {
	    background-color: #FFFFFF;
	    border-radius: 4px 4px 4px 4px;
		color: #28A9C5;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 13px;
		margin-left: 10px;
		padding: 2px 5px;
	} 
	#blog a#RSSHolder:hover {
		opacity: 0.5;
	}
    
#hubs {
    background-color:#eee;
    margin-bottom:40px;
}

/* COVER */
.cover-widget div {
    width:auto;
    background-color:#fff;
}
.cover-widget .cover {
    position:relative;
    display:block;
    float:left;
    width:100%;
    margin-bottom:20px;
    margin-top:0;
    cursor:pointer;
}
    .cover-widget .cover span:not(.default) {
		width:75px;
		height:75px;
		position:absolute;
		display:none;
		right:0;
		bottom:0;
		margin:0;
		background-position: 0 -65px;
    }
    .cover-widget .cover:hover span {
		display:block;
    }
    
.cover-widtget .share {
    margin:10px 0 !important;
}
    .share {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		font-weight:bold;
    }
	.share a {
	    display:inline-block;
	    float:none;
	    height:20px;
	    width:20px;
	    margin:0 0 -2px 10px;
	    position:relative;
	    opacity:0.25;
	}
	.share a:hover {
	    opacity:1;
	}
 
.cover-widget div.AdvertisementItems {
	padding-top: 30px;
	width: 100%;
}	
.AdvertisementItems .AdvertisementItem {
	background-color: #F4F4F4;
	padding-bottom: 7px;
	width: 100%;
}
.AdvertisementItems .AdvertisementItem a {
	width: 100%;
}
.AdvertisementItems .AdvertisementItem:hover .Title {
	text-decoration: underline;
}
.AdvertisementItems .AdvertisementItem .Title,
.AdvertisementItems .AdvertisementItem .Description {
	padding: 4px 10px;
	width: 100%;
}	
.AdvertisementItems .AdvertisementItem .Title {
	font-weight: bold;
}	
.AdvertisementItems .AdvertisementItem .Title.pad {
	padding-top: 8px;
}	
.AdvertisementItems .AdvertisementItem .tile {
	padding: 0px;
}	
	
.options li {
    width:100% !important;
}
.options a, .options label {
    display:block;
    float:left;
    text-align:left !important;
    width:100%;
    position:relative;
    line-height:30px;
    text-indent:10px;
    color:#fff;
    text-decoration:none !important;
}
    .options li:first-child a, .options li:first-child label {
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
    }
    .options li:last-child a, .options li:last-child label {
		-webkit-border-bottom-right-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-bottomleft:5px;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
    }
.options a:hover {
    background-color:#2eb3d0;
    color:#fff;
}
    .options li span {
		float:right;
		display:block;
		width:auto;
		margin:0;
		margin-right:10px;
		font-size:17px;
		font-weight:bold;
    }
.options .icon {
    position:absolute;
    right:-5px;
    top:50%;
    margin-top:-9px;
    opacity:0.25;
}
.options.other {
    margin:10px 0 20px 4px;
}

.options .hard {
    background-color:#ff942d;
}
.options .digital {
    background-color:#ff722c;
}
.options .both {
    background-color:#ff482a;
}
.options .past {
    color:#888;
    background-color:#eee;
}
.options .subscribe {
    color:#777;
    background-color:#ddd;
}
.options .off {
    background-color:#227d9a;
}

/* ARTICLE */
#sharer							{ position:absolute; bottom:20px; right:20px; text-align:center; background-color:#000; background-color:rgba(0,0,0,0.5); color:#fff; width:auto; line-height:15px; padding:5px 10px; border-radius:15px; z-index: 1001}
#sharer a						{ color:#f70; }
#sharer a:hover					{ text-decoration:underline; }

#poster							{ position:relative; }
#poster-blank {
    height:140px;
    background-color:#f4f4f4;
    position:relative;
}

#article {
    padding:50px 2% 50px 2%;
    background-color:#fff;
    position:relative;
}
    #article img {
		margin-bottom:10px;
    }
    #article img:only-child {
		margin-bottom:40px !important;
    }

    #article .w25 {
		width:21%;
		margin-top:0;
    }
		#article .w25 img {
			margin-top:20px;
		}
	#article .w33 {
		width:29.33%;
    }
    #article .w50 {
		width:46%;
    }
    #article .w75 {
		width:71%;
    }
    #article .w25, #article .w33, #article .w50, #article .w75 {
		margin-left:2%;
		margin-right:2%;
    }
    #article .w25.centered {
		margin-left:39.5% !important;
    }
	#article .w33.centered {
		margin-left:39.5% !important;
    }
    #article .w50.centered {
		margin-left:27% !important;
    }
    #article .w75.centered {
		margin-left:14.5% !important;
    }

    #article p, #article h1, #article h2, #article blockquote {
		color:#333;
		font-family:'LavaStd-Reg', Georgia, serif;
    }
    #article p {
		font-size:15px;
		line-height:150%;
		margin:0;
		margin-bottom:20px;
    }
		#article p i, #article p em {
			font-family:'LavaStd-RegularItalic';
		}
		#article p b, #article p strong	{
			font-family:'LavaStd-Bold';
		}
			#article p i b, #article p i strong, #article p em b, #article p em strong, #article p b i, #article p b em, #article p strong i, #article p strong em {
			font-family:'LavaStd-BoldItalic';
			}

		#article p a {
			text-decoration:underline;
			color:#333;
			font-weight:normal;
		}
		#article p a:hover {
			color:#888;
		}
    #article h1, #article h2 {
		font-family:'LavaStd-Bold';
		font-weight:bold;
		line-height:115%;
		text-align:left;
    }
		#article h1 i, #article h1 em, #article h2 i, #article h2 em {
			font-family:'LavaStd-BoldItalic' !important;
		}
		#article h1 .smallcaps, #article h2 .smallcaps {
			font-family:'LavaStd-BoldSC' !important;
		}
    #article h1 {
		font-size:30px;
		margin-bottom:50px;
    }
    #article h2 {
		font-size:18px;
		margin-bottom:20px;
    }
    #article img+p:not(.caption) {
		margin-top:25px;
    }
    #article .summary {
		font-family: 'LavaStd-Bold';
		font-size:20px;
		line-height:125%;
		font-weight: bold;
		margin-bottom:50px;
    }
		#article .summary i, #article .summary em {
			font-family:'LavaStd-BoldItalic';
		}
		#article .summary .smallcaps {
			font-family:'LavaStd-BoldSC' !important;
		}
    #article .question {
		font-family: 'LavaStd-Bold';
		font-weight:bold;
		margin-bottom:10px;
    }
		#article .question i, #article .question em {
			font-family:'LavaStd-BoldItalic';
		}
		#article .question .smallcaps {
			font-family:'LavaStd-BoldSC' !important;
		}
    #article blockquote {
		font-family: 'LavaStd-Bold';
		font-weight:bold;
		line-height:150%;
		font-size:24px;
		margin:20px 0 40px 0;
    }
		#article blockquote i, #article blockquote em {
			font-family:'LavaStd-BoldItalic';
		}
		#article blockquote .smallcaps {
			font-family:'LavaStd-BoldSC' !important;
		}
		#article .w25 blockquote {
			font-size:20px;
			line-height:125%;
			margin:0;
		}

  //   #article .caption:first-child, 
  //   #article .note:first-child {
		// margin-top:20px;
  //   }
  
    #article .caption, #article .note {
		margin-bottom:40px;
    }
		#article .caption a, #article .note a {
			text-decoration:underline;
			color:#888;
		}
	
    #article .photocredits {
		margin-top: 10px!important;
    }
    #article .author {
		color:#888;
    }

		#article .meta p, #article .author, #article .caption, #article .note {
			font-size:13px;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			color:#888;
		}
		#article .meta p {
			margin-bottom:10px;
		}
			#article .meta p i, #article .author i, #article .caption i, #article .note i, #article .meta p em, #article .author em, #article .caption em, #article .note em {
				font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
				font-style: italic;
			}
			#article .meta p b, #article .author b, #article .caption b, #article .note b, #article .meta p strong, #article .author strong, #article .caption strong, #article .note strong {
				font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
				font-style: normal;
				font-weight: bold;
			}
				#article .meta p i b, #article .meta p i strong, #article .meta p em b, #article .meta p em strong, #article .meta p b i, #article .meta p b em, #article .meta p strong i, #article .meta p strong em,
				#article .author i b, #article .author i strong, #article .author em b, #article .author em strong, #article .author b i, #article .author b em, #article .author strong i, #article .author strong em,
				#article .caption i b, #article .caption i strong, #article .caption em b, #article .caption em strong, #article .caption b i, #article .caption b em, #article .caption strong i, #article .caption strong em,
				#article .note i b, #article .note i strong, #article .note em b, #article .note em strong, #article .note b i, #article .note b em, #article .note strong i, #article .note strong em {
					font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
					font-style: italic;
					font-weight: bold;
				}
		#article .meta strong {
			color:#666;
		}
	
    #article p.note {
		font-size:11px;
    }
    #article .align-center {
		text-align:center;
    }
    #article .align-right {
		text-align:right;
    }

    #article .smallcaps {
		font-family:'Lava Std Sc', Georgia, serif !important;
    }
	#article .smallcaps b, #article .smallcaps strong {
	    font-family:'LavaStd-BoldSC', Georgia, serif !important;
	}
	
	#article .special {
		background-color: #f4f4f4;
		padding: 40px 2%;
		margin: 40px 0;
	}

/* Article Locked */
#article.locked	{
    height:600px;
    overflow:hidden;
}
    #article.locked #locked {
		display:block;
    }
    
    #article #locked {
		position:absolute;
		left:0;
		bottom:0;
		display:none;
		text-align:center;
		padding:50px 0;
		width:100%;
		background-color:#333;
    }
		#article #locked * {
			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
		}
		#article #locked h2 {
			width:100%;
			text-align:center;
			font-size:20px;
		}
		#article #locked h2, #article #locked p {
			color:#aaa;
			width:84%;
			margin-left:8%;
		}
		#article #locked a {
			text-decoration:none;
			font-weight:bold;
			color:#f60;
		}
		#article #locked a:hover {
			text-decoration:underline;
		}
		#article #locked .lock {
			opacity:0.5;
		}
		#article #locked #fade {
			display:block;
			float:left;
			height:150px;
			width:100%;
			position:absolute;
			left:0;
			top:-150px;
		}
		#article #locked #fade {
			background: -moz-linear-gradient(top, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,0)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
		}

/* Share */
#share {
    margin-bottom:50px;
    color:#aaa;
    text-align:left;
}
    #share input[type='text'] {
		border:1px solid #ddd;
		outline:none;
		border-bottom-width:0;
		width:95%;
		padding:5px 2%;
		color:#aaa;
		font-weight:normal;
    }
    #share input[type='text']:first-child {
		margin-top:10px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
    }
    #share input[type='text']:last-child {
		border-bottom-width:1px;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
    }
    #share input[type='submit'] {
		background-color:transparent;
		font-weight:bold;
		color:#444;
		margin:5px 0.5%;
		border-radius:4px;
		padding:2px 10px;
		height:auto;
		float:right;
		cursor:pointer;
    }

/* ABOUT */
.info .block {
    margin-bottom:30px;
}
#reviews li {
    width:33.3333%;
    text-align:center;
    font-size:15px;
    line-height:150%;
}
    #reviews li a {
	color:#444;
	font-weight:normal;
	display:block;
	float:left;
	width:84%;
	padding:15px 8%;
    }
	#reviews li a:hover strong {
	    text-decoration:underline;
	}
    #reviews li strong {
	font-size:13px;
	display:block;
	float:left;
	width:100%;
	margin-bottom:5px;
    }

.video_vimeo,
#video {
    position:relative;
    margin:15px 0;
}
	.video_vimeo div,
    #video div {
		padding-top:54.37%;
    }
	.video_vimeo div.ar4x3 {
		padding-top: 75%;
	}
	.video_vimeo div.ar5x3 {
		padding-top: 62.43%;
	}
	.video_vimeo div.ar16x9 {
		padding-top: 56.25%;
	}
	.video_vimeo div.ar21x9 {
		padding-top: 42.86%;
	}
	
	.video_vimeo iframe,
    #video iframe {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
    }
	
	#about .sidebar a {
		text-decoration:underline;
		color:#444;
		font-weight:bold;
	}
	#about .sidebar a:hover {
		color:#888;
	}
/* FAQ */
#faq {
    border-top: 1px solid #DDDDDD;
    margin-top: 20px;
}
	#faq li {
		border-bottom: 1px solid #DDDDDD;
	}
		#faq li > a {
			color: #444444;
			display: block;
			float: left;
			font-family: 'LavaStd-Bold',Georgia,serif;
			font-size: 15px;
			padding: 10px 0;
			text-align: center;
			width: 100%;
			font-weight: normal;
		}
			#faq li > a:hover {
				color: #888888;
			}
			#faq li > a.active {
				padding-top: 25px;
			}
		#faq li > div {
			text-align: center;
			display: none;
			padding: 10px 0 30px;
		}

/* TAGS */
#tags {
    background-color:#FFFFFF;
    padding-bottom:40px;
}
#tags.full {
    background-color:#fff;
    padding-top:20px;
}
    #tags.full .tags:last-child {
	margin-top:50px;
	border-top:1px solid #eee;
    }
    #tags.full ul {
	width:16.666666667%;
	padding-top:20px;
    }
	
/* new tags */	
.tags {
	line-height: 20px; 
	text-align: center;
}
	.tags span, .tags a:not(.nontag) {
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		border-radius: 20px 20px 20px 20px;
		color: #666666;
		display: inline-block;
		float: none;
		font-size: 13px;
		font-weight: normal;
		margin: 3px;
		padding: 0 10px;
		white-space: nowrap;
	}
	.tags a:not(.nontag) {
		background-color: #F4F4F4;
	}
		.tags a:hover:not(.nontag) {
			border-color: #888888;
			color: #444444;
		}
	.tags a.nav {
		background-color: transparent;
		border-color: transparent;
		font-weight: bold;
		margin: 0;
		padding: 0;
		width: 100%;
	}	
	.tags a.nontag {
		color: #888888;
		font-weight: normal;
	}
		.tags a.nontag:hover {
			color: #444444;
		}
	

.maplink {
    width:19%;
    margin:0 3%;
}
    .maplink a {
	display:block;
	float:none;
	width:125px;
	height:125px;
	margin:20px auto 40px auto;
	background-position:-75px -65px;
    }
    
.tags h3 {
    color:#444;
    margin:20px 0;
}
.tags ul {
    width:33.3333%;
    text-align:center;
}
    .tags ul a {
	font-weight:normal;
	font-size:12px;
	color:#666;
	display:block;
	float:left;
	width:94%;
	padding:4px 3%;
	line-height:140%;
    }
    .tags ul a:hover {
	text-decoration:underline;
    }
    .tags ul a.nav:hover {
	text-decoration:none;
    }

/* MAP */
#map { }
#map-container {
    width:100%;
    padding-top:35%;
    position:relative;
    margin-top:20px;
}
#map-canvas {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
    #map-canvas div {
	width:auto;
    }

/* FOOTER */
#footer {
    width:100%;
    border-top:1px solid #eee;
    padding:30px 0;
    text-align:center;
    font-size:11px;
}
.social {
    margin:15px 0;
    width:100%;
}
    .social .icon {
	opacity:0.4;
	margin-right:5px;
    }
	.social a:hover .icon {
	    opacity:1;
	}
    .social .facebook:hover {
	color:#3b5998;
    }
    .social .twitter:hover {
	color:#00aced;
    }
    .social .simpleform	{
	margin:0 10px;
	float:none;
	display:inline-block;
	position:relative;
	margin-bottom:-8px;
	line-height:24px;
    }

/* PROFILE+FORM */
#system .header					{ margin-top:0; }
#system>div						{ padding:20px 0; }
#system h3						{ width:auto; padding:20px 0 10px 0; font-size:18px; color:#fff; }
#system fieldset p				{ line-height:150%; }
#system form					{ width:450px; float:none; margin:auto; color:#fff; }
#system fieldset				{ padding:10px 0; border-bottom:1px solid #52b1c9; }
#system .PaymentParams fieldset	{ padding:0; }
#system fieldset.plain			{ border-bottom:none; }
#system fieldset>div			{ width:100%; padding:5px 0; line-height:30px; }
#system fieldset>div>span		{ display:block; float:left; width:30%; font-weight:bold; }
#system input[type='url'], #system input[type='tel'], #system input[type='email'], #system input[type='text'], #system input[type='password'], #system input[type='number']	{ display:block; float:left; padding:3px 3%; height:24px; width:64%; border-radius:4px; }
#system input[type='number']	{ border: none; }
input[type=number] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#system .lock					{ opacity:0.5; }
#system input.short				{ width:40%; }
#system input.cvc				{ width:60px!important; }
#system .address				{ line-height:120%; background-color:#fff; color:#666; padding:5%; width:90%; border-radius:4px; }
#system .address li				{ width:44%; margin:0 3%; }
#system .notes					{ margin:10px 0; }
#system p.note					{ width: 70%; float: right; }
#system .notes.bottom			{ margin-top:30px; }
#system .notes, .optional span, #system i, #system a, #system pnot.note { color:#8bcadf; font-style:normal; }
#system a.requestsubscribe		{ color:#fff;}
/* #system a.requestsubscribe:hover{ text-decoration: underline; } */
#system .line a.button			{ margin:0; }
#system .options				{ width:100%; }
#system .options label			{ line-height:40px; font-size:15px; width:100%; margin:0; }
#system a:hover					{ color:#fff; }
a.button		 				{ display:block; float:right; border-radius:4px; color:#fff !important; font-weight:bold; height:30px; line-height:30px; padding:0 20px; margin:10px 0; text-align:center; background-color:#f53; cursor:pointer; }
a.button:hover					{ background-color:#f42; }
a.back, a.action				{ float:left; background-color:#3da8c2; }
a.back:hover, a.action:hover	{ background-color:#47adc5; }
a.action						{ float:right; }

#system .marker					{ text-align:center; font-weight:bold; color:#fff; padding:10px 0; }
#system .marker.large			{ font-size:50px; margin-bottom:50px; }
#system .marker.error			{ background-color:#f53; margin:0; width:100% !important; }
#system .error>span				{ color:#f53; }
#system .marker.temp			{ background-color:#333; }
#system .checkbox						{ display:inline-block; float:none; cursor:pointer; margin:0; display:block; cursor:pointer; -webkit-transition:background-position 0.1s ease-in-out, background-color 0.1s, color 0.1s; -moz-transition:background-position 0.1s ease-in-out, background-color 0.1s, color 0.1s; }
#system .checkbox input					{ display:none; }
#system .checkbox.switch				{ border-radius:15px; width:90px; height:30px; background-position:-61px -215px; }
#system .checkbox.switch.active			{ background-position:0 -215px; }
#system .checkbox.switch.small			{ border-radius:12.5px; width:65px; height:25px; background-position:-116px -190px; }
#system .checkbox.switch.small.active	{ background-position:-75px -190px; }
#system .amount					{ white-space:nowrap; width:45px; }
#system .amount input			{ text-align:center; width:30px !important; padding-left:0; padding-right:0; }
#system .amount span			{ display:block; float:right; clear:right; width:15px; height:15px; background-position:-151px -215px; opacity:0.35; filter:alpha(opacity=35); cursor:pointer; -moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
#system .amount span:hover		{ opacity:1; filter:alpha(opacity=100); }
#system .amount span.dec		{ background-position:-151px -230px; }
#system .download li			{ width:auto; }
#system .download a				{ display:block; float:left; line-height:30px; padding:0 10px; background-color:#fff; color:#28a9c5; margin:0 3px 3px 0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
#system .download li:first-child a	{ border-left:none; }
#system .download a:hover		{ color:#444; }

#system .MyTrips table			{ width: 450px; margin: 0 auto; }
#system .MyTrips table td		{ border: medium none; text-transform: uppercase;}
#system .MyTrips table td a		{ color: #fff; text-decoration: underline; font-weight: normal; text-align: right; text-transform: none; }
#system .MyTrips .Actions		{ border: medium none; }

#system .ProfileInfoText		{ line-height: 130%; padding-top: 15px; padding-bottom: 10px; color: #993300; }

/* ADYEN PAYMENTS PROFILE */
.ProfileTable { clear: both; color: #fff; margin: 0px auto; width: 450px; padding: 20px 0px; }
.ProfileTable th { padding: 10px 10px; }

.ProfileCommonForm p.message { color: #fff; }
.ProfileCommonForm p.message.bad { color: #993300; }
.ProfileCommonForm p.message.warning { color: #993300; }

.ProfileTableMessage { text-align: center; padding: 0px 50px; color: #fff; }
.ProfileTableMessage.bad { color: #993300; }
.ProfileTableMessage.warning { color: #993300; }

/* ADYEN PAYMENTS PROFILE */
.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm.shownForm .Actions { display: block; }
.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm.shownForm .CardFieldsGroup { display: block; }
.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm.shownForm .AddCardButton { display: none; }

.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm.hiddenForm .Actions { display: none; }
.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm.hiddenForm .CardFieldsGroup { display: none; }
.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm.hiddenForm .AddCardButton { display: block; }

.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm .Actions { display: none; }
.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm .Actions.show { display: block; }
.ProfileAdyenPayments .AdyenCreditCards .AdyenAddCardForm .CardFieldsGroup > .middleColumn { width: 100%; }

.ProfileAdyenPayments .AdyenCreditCards .ProfileTable td a.button { float: right; }
.ProfileAdyenPayments .AdyenCreditCards .ProfileTable td a.SetAsDefaultCardButton { margin-right: 10px; }
.ProfileAdyenPayments .AdyenCreditCards .ProfileTable td  { padding: 10px; }
.ProfileAdyenPayments .AdyenCreditCards .ProfileTable td.TitleCell { padding-left: 25px; }
.ProfileAdyenPayments .AdyenCreditCards .ProfileTable tr.IsDefaultCard td.TitleCell { background: url('/themes/wtw/images/discount-valid.png') no-repeat center left }
.ProfileAdyenPayments .AdyenCreditCards .ProfileTable tr.IsDefaultCard .SetAsDefaultCardButton { display: none; }

.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm.shownForm .Actions { display: block; }
.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm.shownForm .SepaFieldsGroup { display: block; }
.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm.shownForm .AddIBANButton { display: none; }

.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm.hiddenForm .Actions { display: none; }
.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm.hiddenForm .SepaFieldsGroup { display: none; }
.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm.hiddenForm .AddIBANButton { display: block; }

.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm .Actions { display: none; }
.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm .Actions.show { display: block; }
.ProfileAdyenPayments .AdyenSEPA .AdyenAddSEPAForm .SepaFieldsGroup > .middleColumn { width: 100%; }

.ProfileAdyenPayments .AdyenSEPA .ProfileTable td a.button { float: right; }

/* ORDERS */
#orders							{ padding-bottom:40px; }
table							{ border-collapse:collapse; }
thead td						{ font-weight:bold; font-size:15px; }
tbody td:first-child			{ font-weight:bold; }
tfoot tr:first-child td			{ border-top-width:3px; border-bottom:1px solid #52b1c9; }
tfoot td						{ font-size:15px; font-weight:bold; }
td i, td sup					{ font-weight:normal; font-style:normal; color:#abe3f5; }
td sup							{ font-size:11px; }
td								{ color:#fff; padding:10px 5px; border-top:1px solid #52b1c9; line-height:150%; }
td:first-child					{ padding-left:15px; }
td:last-child					{ padding-right:15px; }
td a.button						{ float:left; margin:0; }
td a							{ color:#abe3f5; }
td a:hover						{ color:#fff; }
#checkout td:last-child			{ text-align:right; font-size:18px; }
#checkout td:last-child .checkbox	{ float:right; }
#checkout .remove				{ opacity:0.25; }
#checkout .remove:hover			{ opacity:1; }
#checkout #carttotal > div		{ width: auto }


/* RESULTS+404+Press */
#results {
    background-color:#fff;
    min-height: 300px;
}
    #results h2 {
		line-height:110%;
		margin:10px 0 30px 0;
    }
		#results h2 i {
			white-space:nowrap;
			font-family: LavaStd-RegularItalic;
		}
	
    #results li span.result {
		background-color: #FFFFAA;
		font-style: normal;
		padding: 2px 4px;
		float: none;
		margin: 0;
		display: inline;
    }
/*#results li i { font-style:normal; background-color:#ffffaa; padding:2px 4px; }*/
    #results li i {
		background-color: transparent;
		padding: 0;
    }
    #results p {
		width:80% !important;
		margin:20px 10% !important;
		text-align:center;
		line-height:125%;
		font-size:15px;
    }
    #results p.main {
		font-family:'LavaStd-Reg', Georgia, serif;
		font-size:20px;
    }
		#results p.main b, #results p.main strong {
			font-family:'LavaStd-Bold';
		}
		#results p.main i, #results p.main em {
			font-family:'LavaStd-RegularItalic';
		}
			#results p.main i b, #results p.main i strong, #results p.main em b, #results p.main em strong, #results p.main b i, #results p.main b em, #results p.main strong i, #results p.main strong em {
				font-family:'LavaStd-BoldItalic';
			}
#p404 {
    margin:40px 0;
    border-bottom:1px solid #f4f4f4;
}
    #p404 a {
		text-align:center;
		font-size:20px;
		font-weight:bold;
		color:#444;
		line-height:40px;
		border-top:1px solid #f4f4f4;
		width:100%;
		display:block;
		float:left;
    }
    #p404 a:hover {
		text-decoration:underline;
    }
#press { }
	#press .equal {
		margin-top: 25px;
	}	
		#press .equal li { 
			width: 20%; 
			display: block; 
			text-align: center;
		}
			#press .equal li div {  
				background-position: center; 
				background-repeat: no-repeat; 
				width: 100%; 
				height: 32px; 
			}
	
	
/* TERMS */
#terms {
    padding-bottom:100px;
}
    #terms .header {
	margin-bottom:20px;
    }
    #terms h3 {
	margin-top:10px;
    }
	
	
.unlockedfooter { width: 100%; background-color: #eaeaea; }
.unlockedfooter .inner { margin: 20px 0px 25px 16.5%; width: 80% }
.unlockedfooter .coverimage { min-height: 1px; width: 95px; margin-right: 55px; }
.unlockedfooter .text-surr { float: left; width: 560px; }
.unlockedfooter .text-surr .icons { margin: 18px 0px 15px 130px; height: 60px; background: url('../images/unlocked-article-footer.png') no-repeat top left }
.unlockedfooter .text-surr .text a { color: #ff6600; font-weight: normal; }
.unlockedfooter .text-surr .text .italic { font-style: italic }


/* RESPONSIVE */
@media screen and (max-width:1280px) {
    .center.fit {
	width:100%;
	margin:0;
	float:left;
    }
}

@media screen and (max-width:1100px) {
    .center {
	width:94%;
	margin:0 3%;
	float:left;
    }	
    .center.fit {
	width:100%;
	margin:0;
	float:left;
    }
    .list.articles {
	background-image:url('../images/phase2/grid-single.png');
    }
	.listallboooks li {
        width: calc((100% - (3*40px))/4);
	}
    .listallboooks .allbooks > li:nth-child(5n+5) {
        margin-right: 40px;
    }
    .listallboooks .allbooks > li:nth-child(4n+4) {
        margin-right: 0px;
    }
}

@media screen and (max-width:960px) {
	#intro {
		position: relative!important;
	}
	#intro.withCart {
		top: 0px!important;
	}
    .hide-level1 {
		display:none;
    }
	#cart {
		position: static !important;
	}
	#header-wrap.cart-is-showed {
		margin-top: 35px !important;
	}
    #header {
	height:auto;
	padding:10px 0;
    }
		#header h1 a {
			height:40px;
			line-height:45px;
			margin:10px 0;
		}
		h1 span {
			font-size: 60px !important;
			height: 40px;
			line-height: 40px;
			margin-right: 8px;
			width: 40px;
		}
	#header .menu					{ display:none; float:left; width:100%; }
	#header .menu li				{ width:100%; margin:0; float:left; border-top:1px solid #eee; }
	#header .menu a					{ display:block; float:left; width:100%; }
	#header .toggle-menu			{ display:block; }	
    h1 span {
	height:40px;
	width:40px;
	margin-right:8px;
	background-size:40px 40px;
    }
    #bar {
	display:block;
    }
    .login {
	width:50%;
    }
	.list .withartefacts li,
    .list li, #press .equal li {
	width:33.3333333%;
    }
	.listallboooks li {
        width: calc((100% - (2*40px))/3);
    }
    .listallboooks .allbooks > li:nth-child(4n+4) {
        margin-right: 40px;
    }
    .listallboooks .allbooks > li:nth-child(3n+3) {
        margin-right: 0px;
    }
    .tags {
	float:left;
    }
    .taglists .w50 {
	width:100%;
    }
/*.maplink, .tags { width:50%; margin:0; }*/
	.text p {
		width:84%;
		margin-left:8%;
	}
    #profile .w50 {
	width:100%;
    }
}

@media screen and (max-width:768px) {
	#intro {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		left: 0!important;
	}
	#header h1 {
		display: inline-block;
		margin: auto;
	}
	#header .menu {
		float: left;
		width: 100%;
	}
	
	#header-wrap .connect,
    .hide-level2 {
		display:none;
    }
    .article #header {
		position:static;
    }
    h2 {
		font-size:20px;
    }
    #cart, .options a {
		line-height:40px;
    }
    .menu li {
		margin:0 10px;
    }
	.list .withartefacts li,
	.list .column li,
    .list li,
	#press .equal li {
		width:50%;
    }
	.listallboooks li {
        width: calc((100% - 40px)/2);
    }
    .listallboooks .allbooks > li:nth-child(3n+3) {
        margin-right: 40px;
    }
    .listallboooks .allbooks > li:nth-child(2n+2) {
        margin-right: 0px;
    }
    .cover-widget .cover span:not(.default) {
		display:block;
    }
    .maplink, .tags {
		width:100%;
		margin:0;
    }
    #tags.full ul {
		width:33.3333333%;
		margin-top:0;
    }
    .info .w75, .info .w25 {
		width:100%;
		margin:0 0 20px 0;
    }
	.w25.centered, .w33.centered, .w50.centered, .w75.centered {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
    .sidebar {
		border:none;
		border-top:1px solid #eee;
    }
    .text p:first-child {
		font-size:20px;
    }
	.text p.distribution {
		font-size:13px;
	}
    .text p:last-child {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
    }
    #reviews {
		background-color:#eee;
		padding-bottom:40px;
    }
	#reviews li {
	    width:100%;
	}
    #poster-blank {
		display:none;
    }

    #article {
	width:100%;
	padding-left:8%;
	padding-right:8%;
    }
	#article .w25, #article .w33, #article .w50, #article .w75, #article .w25.centered, #article .w50.centered, #article .w75.centered {
	    width:100% !important;
	    margin-left:0 !important;
	    margin-right:0 !important;
	}
	#article .right, #article .align-right {
	    text-align:left !important;
	}
	#article img {
	    margin-bottom:15px !important;
	}
	    #article div:first-child img:only-child {
		margin-bottom:15px !important;
	    }
	#article .caption {
	    margin-top:0 !important;
	}
	#article .share {
	    margin-bottom:40px;
	    margin-top:10px;
	}
	#article .w25 blockquote {
	    margin:20px 0 40px 0;
	    text-align:center;
	}
	#article .w25 img {
	    margin-top:20px;
	}
	#article h1 {
	    font-size:24px;
	}
	#article h2, #article .summary {
	    font-size:18px;
	}
	#article blockquote {
	    font-size:20px;
	    line-height:125%;
	}
	#article .author p {
	    margin-top:50px !important;
	}
	#article .align-right {
	    text-align:left !important;
	}
    #article.locked {
	height:800px;
    }
    #map-container {
	padding-top:75%;
    }
	#system ul.buymagazine {
		float: right;
		width: 100% !important;
		margin-left: 0px !important;
	}
	#system .buyfullmagazine ul.options { 
		right: 0;
	}
	#system .buyfullmagazine ul.options li:last-child {
		border-bottom: 0;
	}
	
	.w75, .w50, .w25, .w33 {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}

	.unlockedfooter .inner { margin: 20px 0px 25px 8%; width: 92%; }
	.unlockedfooter .coverimage { margin-right: 8%; }
	.unlockedfooter .text-surr { float: left; width: 70%; }
	.unlockedfooter .text-surr .icons { width: 80%; margin: 18px 0px 15px 20%; }
	.unlockedfooter .text-surr .text { width: 90%; }
}

@media screen and (max-width:480px) {
    .hide-level3 {
	display:none;
    }
    p {
	width:84% !important;
	margin-left:8%;
	margin-right:8%;
    }
	#faq li { 
	width:84% !important; 
	padding-left:8%; 
	padding-right:8%; 
	}
    #article p {
	width:100% !important;
	margin-left:0;
	margin-right:0;
    }
    #article #locked p {
	width:84% !important;
    }
	#header	{ 
		padding-left:5%; 
		padding-right:5%; 
	}
		#header .toggle-menu { 
			right:5%; 
		}

		#header .menu {
			margin:0;
		}
	
	.header {
		margin-bottom:10px;
    }
	
		.header div {
			height: auto;
			min-height: 50px;
		}
    #results .header {
	margin-bottom:0;
    }
    .list {
		padding-left:5%;
		padding-right:5%;
    }
	.list .tile {
	    padding:10px 8%;
	    width:84%
	}
	.list .img {
	    height:100px;
	}
    .listallboooks .allbooks > li {
        margin-left: 40px;
        width: calc(100% - 80px) !important;
    }
    .listallboooks .allbooks > li .tile {
        width: 100% !important;
    }
    .listallboooks .allbooks > li:nth-child(2n+2) {
        margin-right: 40px;
    }
    .listallboooks .allbooks > li:nth-child(n+1) {
        margin-right: 40px;
    }
    .taglists {
		width:84%;
		margin:0 8%;
    }
    #tags.full {
		padding:0;
		background:#fff url('../images/phase2/grid-single.png') repeat-y 50% top;
    }
	#tags.full ul {
	    width:100%;
	    padding:0 !important;
	}
	#tags.full .tags {
	    margin:0 !important;
	    padding-bottom:20px;
	    width:49.5%;
	}
	#tags.full .tags:last-child {
	    border-top:none;
	}
    .cover-widget {
		width:100% !important;
    }
	.cover-widget .tile {
	    padding-bottom:40px !important;
	    padding:20px 4%;
	    width:92%;
	}
    .center, #system form,  .MyTrips table {
		width:100% !important;
		margin:0;
		float:left;
    }
    .sidebar {
		margin-bottom:0 !important;
    }
    td a.button {
		padding:0 10px;
    }
    
    #system fieldset, #system h3 {
		width:90%;
		padding-left:5%;
		padding-right:5%;
    }
	#system fieldset p {
	    width:100% !important;
	    margin-left:0;
	    margin-right:0;
	}
	#system fieldset>div>span, #system fieldset>div, #system fieldset .field label.left {
	    width:100%;
	    margin:0;
	}
	#system fieldset .field label.right {
		width:90%;
	}
	#system fieldset .middleColumn {
		width: 100% !important
	}
	#system fieldset>div.line>span {
	    width:40%;
	    margin:0;
	}
	#system fieldset>div.line div {
	    width:60%;
	    margin:0;
	}
	#system input[type='text']:not(.cvc), #system input[type='password'],#system input[type='tel'],#system input[type='email'],#system input[type='number'] {
		width:94% !important;
    }
    #system #checkout .checkbox {
	width:65px !important;
    }
	#system fieldset #Password span.validation {
		margin-left: 0 !important
	}
	#AccountInfoForm_AccountInfoForm .Actions, 
	#ShippingBillingForm_ShippingBillingForm .Actions, 
	#SubscribtionForm_SubscribtionForm .Actions,
	#donateForm_donateForm .Actions,
	#UserLoginForm_UserLoginForm .Actions{
		width: 90%;
		padding: 0 5%;
	}
	#UserLoginForm_UserLoginForm.CheckoutSignIn p,
	#UserLoginForm_LoginForm .Actions p,
	#PatronDonateForm_PatronDonateForm #ForgotPassword {
		margin-left: 0 !important
	}	
	#UserLoginForm_LoginForm .Actions,
	#PatronDonateForm_PatronDonateForm .Actions,
	#UserLostPasswordForm_UserLostpasswordForm .Actions {
		padding-left: 5% !important;
		width: 90% !important
	}
    #system .amount span {
	display:none;
    }
    #map-container {
	padding-top:100%;
    }
	#system ul.buymagazine { 
		width: auto; float: right 
	}
	#system .buyfullmagazine > a { 
		height: auto; 
	}
	#UserLoginForm_UserLoginForm.CheckoutSignIn.Subscription { 
		margin-left: 0px !important;
		left: auto !important
	}
	
	.unlockedfooter .text-surr { float: left; width: 65%; }
	.unlockedfooter .text-surr .icons { width: 70%; margin: 18px 0px 15px 10%; }
	
	.ProfileTable {
		width:100% !important;
    }

    .blocktileslist .linkwrapper .tilelink {
        font-size: 20px;
        line-height: 24px;
    }
}

/* STYLE.php */
.prev, .prev .icon {
    background-position:0 0;
}
.active .prev, .prev.rev .icon,.prev.rev {
    background-position:0 -20px;
}
.next, .next .icon {
    background-position:-20px 0;
}
.active .next, .next.rev .icon, .next.rev {
    background-position:-20px -20px;
}
.facebook, .facebook .icon {
    background-position:-40px 0;
}
.active .facebook, .facebook.rev .icon, .facebook.rev {
    background-position:-40px -20px;
}
.facebook:hover .icon {
    background-position:-40px -20px;
}
.twitter, .twitter .icon {
    background-position:-60px 0;
}
.active .twitter, .twitter.rev .icon, .twitter.rev {
    background-position:-60px -20px;
}
.twitter:hover .icon {
    background-position:-60px -20px;
}
.email,.email .icon {
    background-position:-80px 0;
}
.active .email,.email.rev .icon,.email.rev {
    background-position:-80px -20px;
}
.email:hover .icon {
    background-position:-80px -20px;
}
.lock,.lock .icon {
    background-position:-100px 0;
}
.active .lock, .lock.rev .icon, .lock.rev {
    background-position:-100px -20px;
}
.check, .check .icon {
    background-position:-120px 0;
}
.active .check, .check.rev .icon, .check.rev {
    background-position:-120px -20px;
}
.remove, .remove .icon{
    background-position: -140px 0;
}
.active .remove, .remove.rev .icon, .remove.rev, .remove .i20  {
    background-position: -140px -20px;
}

.blue-0 {
    background-color:#4bbcd4;
}
.blue-1 {
    background-color:#28a9c5;
}
.blue-2 {
    background-color:#279ebb;
}
.blue-3 {
    background-color:#258fac;
}
.blue-4 {
    background-color:#227d9a;
}
.blue-5 {
    background-color:#206a87;
}
.blue-6 {
    background-color:#1d5673;
}
.blue-7 {
    background-color:#1b4461;
}
.blue-8 {
    background-color:#193552;
}


/******************** SL STYLES ************************/
/* Jedina úprava default štýlov vyššie je background-image URL ostatne nižšie */

/* change default style */
a { cursor: pointer }
.simpleform input[type="email"]	{ background-color: transparent; color: #AAAAAA; outline: none; text-indent: 7px; width: 85%; padding: 2px 0; }
.simpleform input[type="email"],
.simpleform input[type="email"]:invalid { box-shadow:0 0 ; border: 0 }

#header form.search input[type="text"]	{ width: 84%; }	
#Form_subscribeSubscribeForm_Email { height: 20px; }
#bar .action {position:absolute; top: 0; right: 0; margin: 2px 0;}

.simpleform p.message			{ margin: 0; padding-left: 8px; text-align: left }
.checkbox						{ background: none; text-indent: 0 }
.simpleform input[type="submit"]{ background-color: transparent }
form .Actions					{ border-bottom: 1px solid #52B1C9; padding: 15px 0 10px }
#system .optional label.left, #system .optional label.right,
#system .Optional label.left, #system .Optional label.right{ color:#8bcadf; font-style:normal; }
#share							{ margin-bottom:50px; color:#aaa; text-align:left; }
#shareSocial					{ margin-bottom: 20px; }
#share input[type='text']		{ border:1px solid #ddd; outline:none; border-bottom-width:0; width:95%; padding:5px 2%; color:#aaa; font-weight:normal; }
#share #Email1 input			{ margin-top:10px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border-bottom: 0 }
#share #Email3 input			{ border-bottom-width:1px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-top: 0 }
#share input[type="text"]:first-child,
#share input[type="text"]:last-child{ margin-top: 0; border-radius: 0; -webkit-border-radius:0 }
#share input[type='submit']		{ background-color:transparent; font-weight:bold; color:#444; margin:5px 0.5%; border-radius:4px; padding:2px 10px; height:auto; float:right; cursor:pointer; }
#share input.hide				{ display: none }
#share input.error				{ border: 1px solid #f53 }
#share form .Actions			{ padding: 0 !important; border-bottom: 0 !important }

#header-wrap.cart-is-showed		{  }
#article.locked					{ min-height: 420px; height: auto; }
.cover-widget div				{  background-color: transparent; }
#buy-this-item .HARDCOPY		{ background-color: #FF942D }
#buy-this-item .DIGITAL			{ background-color: #FF722C } 
#buy-this-item .BOTH			{ background-color: #FF482A } 	
#buy-this-item .HARDCOPY:hover,
#buy-this-item .DIGITAL:hover,
#buy-this-item .BOTH:hover		{ background-color: #2EB3D0 } 
#article .author p				{ color: #888888; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px;}	
a#IHavePromoCode				{ color: #fff; font-weight: normal; font-size: 12px }
#system .cart input#Discount	{ float: left; width: 90px; padding: 3px }	
#system .cart .DiscountFieldHolder	b{ display: block; float: left; margin: 5px 0 0 15px; font-weight: normal }
#system .cart .DiscountFieldHolder		{ display: inline-block; margin: 1px 0 0 10px; font-weight: normal; font-size: 12px }
#system .cart .DiscountFieldHolder img	{ float: left; display: block; margin-right: 10px; margin: 2px 10px 4px 0px }
#system .cart .PromoCode		{ width: auto }
#system .cart .DiscountFieldHolder	b em	{ text-align: left; font-style: normal; display: inline-block; line-height: 1.5 }
/**/

.center .login-hide				{ display:none; margin: 0 -4%; background: #333333; z-index: 100001; position: relative; }

/* Footer */
form.simpleform.newsletter input.email	{ width: 180px; float: left }


/* FORMS */
#system h3 {
	padding: 6px 0 15px;
	float: none;
}
#system form .clear {
	padding: 0;
}
#ShippingBillingForm_ShippingBillingForm .ChangeBtn,
#system fieldset {
	border-bottom: medium none!important;
}

#system form .Actions {
    border-top: 1px solid #52B1C9;
    border-bottom: medium none;
}

#system fieldset label.left,
#system fieldset label.right						{ display: block; float: left; font-weight: bold; width: 30%; }
#system fieldset .middleColumn						{ width: 66% }
#system fieldset .middleColumn input				{ width: 100% }
#system fieldset  .CompositeField .CompositeField	{ padding-top: 15px; margin-top: 15px }
#system fieldset > .field,
#system fieldset > .CompositeField > .field,
#system fieldset  .CompositeField .CompositeField .field,
#system fieldset  .middleColumn > .field			{ padding: 5px 0 }
#system fieldset .CompositeField					{ padding: 0 }
#system fieldset .confirmedpassword > .middleColumn	{ width: 100%}
#system fieldset .confirmedpassword > .middleColumn > .field { padding: 0 }
#system fieldset .confirmedpassword > .middleColumn > .field:first-child { padding-bottom: 10px }
#system fieldset .ChangeBtn							{ margin-top: 15px }
.ProfileForm .ChangeBtn,
#AccountInfoForm_AccountInfoForm .ChangeBtn,
#AccountInfoForm_AccountInfoForm .DeleteAccountBtn,
#UserChangeCardInfoForm_UserChangeCardInfoForm .ChangeBtn	{  border-top: 1px solid #52B1C9; }

#AccountInfoForm_AccountInfoForm .DeleteAccountBtn a.button	{ float: left }

#system .checkbox input.displayCheckbox,
#system fieldset  #UseShippingAddress input			{ float: left; margin-right: 2%; margin-top: 7px }
#system .checkbox.displayCheckbox label,
#system fieldset  #UseShippingAddress label			{ float: left; width: 64%; text-align: left; font-weight: normal }
#system fieldset  .CompositeField.billing-address	{ display: none }
#system form #Country select, 
#system form #MailingCountry select					{ width: 50% }
#system fieldset span.emailexists,
#system fieldset #Password span.validation			{ line-height: 1.2; padding-top: 10px; color: #993300; font-weight: bold; float: left }
#system fieldset #Password span.validation			{ margin-left: 30% }
#system fieldset .dropdown select					{ margin-top: 5px }
#header-wrap .login-hide a							{ color: #888888 !important }
#header-wrap .login-hide a:hover					{ color: #666666 !important }
#header-wrap #header								{ /* padding-top: 40px */ }
#header-wrap #header h1	a							{ width: auto }
#system .errormessage,#system .holder-required label,
#system .errormessage .options label				{ color: #993300 }
#system fieldset .holder-required span.message		{ color: #993300; width: 70%; float: right; line-height: 130%; padding-top: 5px; font-weight: normal; }
#system input.button, #system .Actions input.action	{ display:block; float:right; border-radius:4px; color:#fff !important; font-weight:bold; height:30px; line-height:30px; padding:0 20px; margin:10px 0; text-align:center; background-color:#f53; cursor:pointer; }
#system input.button:hover							{ background-color:#f42; }
#system input.action								{ float:left; background-color:#3da8c2; }
#system input.action:hover							{ background-color:#47adc5; }
#system input.action								{ float:right; }
#system input.action:hover							{ color:#fff; }
#system input.action:hover							{ background-color:#f42; }
#system input.email									{ display:block; float:left; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; border:none; height:20px; padding:2px 0; font-size:13px; -webkit-appearance:none; display:block; float:left; padding:3px 3%; height:24px; width:64%; border-radius:4px; }
#system input.email:focus							{ color:#444 !important; }
.center.thanks										{ width: 450px; margin: auto; color: #FFF }
#system .download									{ float: left; width: auto }
#system .download li								{ text-align: center }
#system .download li.Title							{ padding: 5px 10px 0 0 }
#system .download a									{ float: none; }
#system .download span								{ font-size: 12px; color: #51d0e7 }	
#system .myissues td								{ vertical-align: top }
#system .myissues td.verticalAlignMiddle			{ vertical-align: middle; }
#system .myissues td.verticalAlignMiddle a.cancelorder {margin-left: 10px; }
#system .header .upgradeinfo {
	font-size: 12px;
	color: #51d0e7;
	width: auto;
	line-height: 1.5;
	margin: 27px 0 0 15px;
}
#system ul.buymagazine								{ width: auto; margin-left: 20px; z-index: 1; }
#system .buyfullmagazine							{ position: relative }
#system .buyfullmagazine > a						{ padding-left: 10px; padding-right: 10px; float: none; text-align: left;  white-space: nowrap; }
#system .buyfullmagazine > a span					{ float: right; display: block; width: 12px; height: 12px; background: url('../images/phase2/sprite.png') -155px -234px no-repeat; margin: 8px 0 0 10px }
#system .buyfullmagazine > a:hover					{ background: #FF4422 }
#system .buyfullmagazine ul.options					{ width: 220px; display: none; position: absolute; top: 0; z-index: 100;}
#system .buyfullmagazine ul.options	*				{ color: #FFFFFF }
#system .buyfullmagazine ul.options	li:last-child	{ border-bottom: 1px solid #279EBB }


/* Form fields */
.checkbox.switch									{ width:90px; margin:0; display:block; cursor:pointer; background-position:-61px -215px; border-radius:15px; }
.checkbox.switch.active								{ background-position: 0 -215px; }
.switch label.right									{ text-align: left }
.switchbox											{ width: 90px; height:30px; overflow: hidden; border-radius:15px; }
input.switch										{ display:none; }
#system label.switchfield							{ display:block; width: 150px; height:100%; background-position: 0 -215px; margin-left: -61px; border-radius:15px;  }
#system label.switchfield.switchon  				{ margin-left: 0; }
#system .yesno                                      { line-height: 25px; }
#system .yesno .switchbox                           { height: 25px; width: 66px;}
#system .yesno label.switchfield					{ display:block; width: 106px; height:100%; background-position: -75px -190px; margin-left: -41px; border-radius:15px;  }
#system .yesno label.switchfield.switchon  			{ margin-left: 0; }
#system label.switchfield.sprite					{ background-image: url('../images/phase2/sprite.png'); background-repeat: no-repeat }
#system .checkbox input.displayCheckbox,
#system #UseShippingAddress.checkbox input			{ display: inline; transition: none }


/* Custom forms */
.CompositeField.billing-address						{ border-top: 1px solid #52B1C9; }
#RegistrationForm_RegistrationForm .Actions			{ margin-bottom: 20px }
#RegistrationForm_RegistrationForm #UseShippingAddress{ padding: 10px 0; float: left; }
/* top border elements */
#PatronDonateForm_PatronDonateForm #UserEmail,
#PatronDonateForm_PatronDonateForm #Email,
#PatronDonateForm_PatronDonateForm #CreatePatronTag,
#PatronDonateForm_PatronDonateForm #PatronDonateForm_PatronDonateForm_haveAcount,
#RegistrationForm_RegistrationForm #Newsletter,
#donateForm_donateForm #ReceiveCatalogs				{ padding: 15px 0 10px; border-top: 1px solid #52B1C9; }
#RegistrationForm_RegistrationForm .CompositeField.billing-address { border: 0 }
#RegistrationForm_RegistrationForm .Actions			{ padding-bottom: 15px }
#UserLoginForm_LoginForm fieldset,
#UserLostPasswordForm_UserLostpasswordForm fieldset,
#UserChangePassword_UserChangePassword fieldset		{ border-bottom:none; padding-bottom: 0 }
#UserChangePassword_UserChangePassword .Actions,
#UserLostPasswordForm_UserLostpasswordForm .Actions,
#UserLoginForm_LoginForm .Actions					{ padding: 5px 0 20px 30%; width: 96%; border-bottom: 0;  border-top: medium none!important; }
#UserLoginForm_LoginForm .Actions p					{ width: auto; margin: 5px 0 0 0 }
#UserLoginForm_UserLoginForm .field span.message		{ display: none }

.ProfileForm .Actions,
#UserChangeCardInfoForm_UserChangeCardInfoForm .Actions,
#AccountInfoForm_AccountInfoForm .Actions,
#ShippingBillingForm_ShippingBillingForm .Actions,
#SubscribtionForm_SubscribtionForm .Actions,
#AutomaticDonationForm_AutomaticDonationForm .Actions{ height: 55px; display: none; }
#AutomaticDonationForm_AutomaticDonationForm a.button.cancel { float: left !important }
#AutomaticDonationForm_AutomaticDonationForm .CompositeField.hidden { padding: 15px 0 3px !important }

#system form.ReadersClubForm { width: auto; margin: 0px 12px;}
#system form.ReadersClubForm fieldset { padding: 0px 0px 25px; }

#donateForm_donateForm.hidden-edit-field fieldset > div { display: none }
#donateForm_donateForm.hidden-edit-field.CheckoutPageSubscription fieldset > .Subscribtion  { display: block }
#donateForm_donateForm #MailingFirst_name			{ padding-top: 15px }
#donateForm_donateForm .billing-address				{ padding-bottom: 10px !important; }
#donateForm_donateForm #UseShippingAddress label	{ padding-bottom: 15px; color: #FFFFFF !important }
#donateForm_donateForm #ReceiveCatalogs label		{ color: #FFFFFF !important }
#donateForm_donateForm .actions_exempt_from_validation,
#donateForm_donateForm #donateForm_donateForm_action_prev{ float:left !important; background-color:#3da8c2 !important; }
#donateForm_donateForm .actions_exempt_from_validation:hover,
#donateForm_donateForm #donateForm_donateForm_action_prev:hover{ background-color:#47adc5 !important; }
#donateForm_donateForm #donateForm_donateForm_PricePerIssue {font-weight: normal; font-size: 18px; margin: -20px 0 5px;}

#system .CardForm .CardValid > .fieldgroup,
#UserChangeCardInfoForm_UserChangeCardInfoForm .CardValid > .fieldgroup,
#donateForm_donateForm .CardValid > .fieldgroup,
#tryAgainForm_tryAgainForm .CardValid > .fieldgroup,
#QuickCheckoutForm_QuickCheckoutForm .CardValid > .fieldgroup,
#PatronDonateForm_PatronDonateForm .CardValid > .fieldgroup						{ width: 100% }
.CardForm .fieldholder-small label,
#UserChangeCardInfoForm_UserChangeCardInfoForm .fieldholder-small label,
#donateForm_donateForm .fieldholder-small label,
#tryAgainForm_tryAgainForm .fieldholder-small label,
#QuickCheckoutForm_QuickCheckoutForm .fieldholder-small label,
#PatronDonateForm_PatronDonateForm .fieldholder-small label						{ display: block; float: left; font-weight: bold; width: 65% }
.CardForm .CardValid > .fieldgroup > .fieldgroup-field,
#donateForm_donateForm .CardValid > .fieldgroup > .fieldgroup-field,
#UserChangeCardInfoForm_UserChangeCardInfoForm .CardValid > .fieldgroup > .fieldgroup-field,
#tryAgainForm_tryAgainForm .CardValid > .fieldgroup > .fieldgroup-field,
#QuickCheckoutForm_QuickCheckoutForm .CardValid > .fieldgroup > .fieldgroup-field,
#PatronDonateForm_PatronDonateForm .CardValid > .fieldgroup > .fieldgroup-field	{ float: left }
.CardForm .CardValid > .fieldgroup > .even,
#donateForm_donateForm .CardValid > .fieldgroup > .even,
#UserChangeCardInfoForm_UserChangeCardInfoForm .CardValid > .fieldgroup > .even,
#tryAgainForm_tryAgainForm .CardValid > .fieldgroup > .even,
#QuickCheckoutForm_QuickCheckoutForm .CardValid > .fieldgroup > .even,
#PatronDonateForm_PatronDonateForm .CardValid > .fieldgroup > .even				{ width: 18px }
.CardForm .CardValid > .fieldgroup > .odd,
#donateForm_donateForm .CardValid > .fieldgroup > .odd,
#UserChangeCardInfoForm_UserChangeCardInfoForm .CardValid > .fieldgroup > .odd,
#tryAgainForm_tryAgainForm .CardValid > .fieldgroup > .odd,
#QuickCheckoutForm_QuickCheckoutForm .CardValid > .fieldgroup > .odd,
#PatronDonateForm_PatronDonateForm .CardValid > .fieldgroup > .odd				{ width: 70px }
.CardForm .CardValid > .fieldgroup > .first,
#donateForm_donateForm .CardValid > .fieldgroup > .first,
#UserChangeCardInfoForm_UserChangeCardInfoForm .CardValid > .fieldgroup > .first,
#tryAgainForm_tryAgainForm .CardValid > .fieldgroup > .first,
#QuickCheckoutForm_QuickCheckoutForm .CardValid > .fieldgroup > .first,
#PatronDonateForm_PatronDonateForm .CardValid > .fieldgroup > .first			{ width: 210px }
.CardForm .CardValid select,
#donateForm_donateForm .CardValid select,
#UserChangeCardInfoForm_UserChangeCardInfoForm .CardValid select,
#tryAgainForm_tryAgainForm .CardValid select,
#QuickCheckoutForm_QuickCheckoutForm .CardValid select,
#PatronDonateForm_PatronDonateForm .CardValid select							{ margin-top: 5px; width: 60px}

#tryAgainForm_tryAgainForm a.ChangeOrderInfo,
#donateForm_donateForm a.ChangeOrderInfo			{ color: #FF5533; }
#tryAgainForm_tryAgainForm .OrderFields,
#donateForm_donateForm .OrderFields					{ display: none }
#tryAgainForm_tryAgainForm .billing-address			{ border-bottom: 1px solid #52B1C9 }

#tryAgainForm_tryAgainForm p.message.bad { color: #993300; }

#AutomaticDonationForm_AutomaticDonationForm #CreatePatronTag { position: relative; }
#AutomaticDonationForm_AutomaticDonationForm #CreatePatronTag label { line-height: 1.2; text-align: left; float: none; display: inline  }
#AutomaticDonationForm_AutomaticDonationForm #CreatePatronTag input { display: inline }
#AutomaticDonationForm_AutomaticDonationForm .required { margin-left: 30% }

#donateForm_donateForm .address a					{ color: #FF5533 }
#donateForm_donateForm .address a:hover				{ color: #FF7755 }
#donateForm_donateForm #Subscription .middleColumn	{ width: 98% }
#donateForm_donateForm #Subscription li				{ font-size: 15px; line-height: 40px; margin: 0; width: 100%; background: #FF722C; padding: 0 0 0 10px }
#donateForm_donateForm #Subscription li:first-child { background: #FF942D; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius: 5px 5px 0 0; }
#donateForm_donateForm #Subscription li:last-child	{ background: #FF482A; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#donateForm_donateForm #Subscription input			{ width: auto; float: left; margin-top: 13px; margin-right: 0 }
#donateForm_donateForm #Subscription label			{ width: 95%; float: left; }
#donateForm_donateForm #Subscription > label		{ text-indent: 0; font-size: 13px }
#donateForm_donateForm .Subscribtion .notes.info-texts	{ padding: 0px; margin: 0px; }
#donateForm_donateForm.hidden-edit-field.CheckoutPageSubscription .notes.info-texts { border-bottom: 0; padding: 0px; margin: 5px 0px; }
#donateForm_donateForm #donateForm_donateForm_GiftRecipient			{ padding: 10px 0 0 0; display: none }
#donateForm_donateForm #GiftEmail					{ display: none; margin: 10px 0 -10px }	
#donateForm_donateForm .NotLogged					{ height: auto }
#donateForm_donateForm #Subscription.holder-required li label { color: #FFFFFF }				
#donateForm_donateForm #Subscription .message,		
#donateForm_donateForm #SubscriptionQuantity,
#donateForm_donateForm #SubscriptionStart			{ display: none }
#donateForm_donateForm .LoginForm					{ margin-bottom: 15px; display: none }
#donateForm_donateForm .LoginForm #ForgotPassword	{ margin-left: 12%; float: left; width: 150px; margin-top: 2px }	
#donateForm_donateForm .LoginForm .Actions input	{ border: 0px; margin-top: -2px }
#donateForm_donateForm .LoginForm #CancelLogin		{ float:left; background-color:#3da8c2; margin-top: -2px}
#donateForm_donateForm .LoginForm h3				{ padding-top: 12px; }
#donateForm_donateForm .AlreadyHaveAccount			{ cursor: pointer; border-bottom: 1px solid #52B1C9; }
#donateForm_donateForm .AlreadyHaveAccount h3		{ padding-bottom: 12px; padding-top: 12px; }
#donateForm_donateForm .first-billing-address h3	{ padding-top: 12px; padding-bottom: 25px; }
#system #donateForm_donateForm .ChooseSubscription.NotLogged { border-bottom: 1px solid #52B1C9; padding-bottom: 10px }

#PatronDonateForm_PatronDonateForm #ForgotPassword {
	margin: 5px 0 0 30%;
	width: 50%;
}

#UserLoginForm_UserLoginForm.CheckoutSignIn p		{ margin: 5px 0 0 30% ; width: 50%; }
#UserLoginForm_UserLoginForm.CheckoutSignIn p.BAD	{ margin: 5px 0 0 0 ; width: 100%; }
#UserLoginForm_UserLoginForm.CheckoutSignIn fieldset{ border-bottom: 0 }
#UserLoginForm_UserLoginForm.CheckoutSignIn .Actions{ padding-top: 0 }
#step-details .center								{ width: 450px }
#UserLoginForm_UserLoginForm.CheckoutSignIn.Subscription	{ height: 200px; position: absolute; margin-top: 375px; left: 50%; margin-left: -225px }

#SubscribtionForm_SubscribtionForm #Subscription .middleColumn	{ width: 98% }
#SubscribtionForm_SubscribtionForm #Subscription li				{ font-size: 15px; line-height: 40px; margin: 0; width: 100%; background: #FF722C; padding: 0 0 0 10px }
#SubscribtionForm_SubscribtionForm #Subscription li:first-child { background: #FF942D; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius: 5px 5px 0 0; }
#SubscribtionForm_SubscribtionForm #Subscription li:last-child	{ background: #FF482A; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#SubscribtionForm_SubscribtionForm #Subscription input			{ width: auto; float: left; margin-top: 13px; margin-right: 0 }
#SubscribtionForm_SubscribtionForm #Subscription label			{ width: 95%; float: left; }
#SubscribtionForm_SubscribtionForm #Subscription > label		{ text-indent: 0; font-size: 13px; display: none }


#ShippingBillingForm_ShippingBillingForm fieldset {
	border-bottom: 0px !Important;
}
#ShippingBillingForm_ShippingBillingForm .Actions {
	border-bottom: 0px !Important;
	border-top: 1px solid #52B1C9;
}
/* PROFILE */
#NewInvitateForm {
    position: fixed;
    width: 400px;
    margin-left: -200px;
    left: 50%;
    padding: 20px;
    top: 30px;
    background: #EEEEEE;
    z-index: 10000000;
    float: none;
}
    #NewInvitateForm a.Close {
	cursor: pointer;
    }

/* Checkout */
.cart td.subscribe > div > .switchbox {
    float: right;
}
.cart #ShowSubscribtion td .switchboxfield {
    float: right;
    width: 90px;
}

/* Quick Checkout Page */
#QuickCheckoutForm_QuickCheckoutForm .CompositeField.basic	{ border-top: 1px solid #52B1C9; border-bottom: 1px solid #52B1C9; margin: 10px 0; padding: 10px 0 !important }
#QuickCheckoutForm_QuickCheckoutForm #Product .middleColumn	{ width: 98% }
#QuickCheckoutForm_QuickCheckoutForm #Product li			{ font-size: 15px; line-height: 40px; margin: 0; width: 100%; background: #FF722C; padding: 0 0 0 10px }
#QuickCheckoutForm_QuickCheckoutForm #Product li:first-child { background: #FF942D; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius: 5px 5px 0 0; }
#QuickCheckoutForm_QuickCheckoutForm #Product li:last-child	{ background: #FF482A; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#QuickCheckoutForm_QuickCheckoutForm #Product input			{ width: auto; float: left; margin-top: 13px; margin-right: 0 }
#QuickCheckoutForm_QuickCheckoutForm #Product label			{ width: 95%; float: left; }
#QuickCheckoutForm_QuickCheckoutForm #Product > label		{ text-indent: 0 }


/* Patron Donation Form */
.DonationOrderProccess .blue-3								{ padding-top: 0 !important;}
.DonationOrderProccess .blue-2								{ padding-top: 15px !important;}

#PatronDonateForm_PatronDonateForm .displayCheckbox label	{font-weight: bold !important; }
#PatronDonateForm_PatronDonateForm .actions_exempt_from_validation,
#PatronDonateForm_PatronDonateForm #PatronDonateForm_PatronDonateForm_action_cancel,
#PatronDonateForm_PatronDonateForm_action_prev				{ float:left !important; background-color:#3da8c2 !important; }
#PatronDonateForm_PatronDonateForm .actions_exempt_from_validation:hover,
#PatronDonateForm_PatronDonateForm #PatronDonateForm_PatronDonateForm_action_cancel:hover,
#PatronDonateForm_PatronDonateForm_action_prev:hover		{ background-color:#47adc5 !important; }
#PatronDonateForm_PatronDonateForm .hidefields				{ display: none }
#PatronDonateForm_PatronDonateForm #State					{ display: none }
#PatronDonateForm_PatronDonateForm #VAT						{ display: none }
#PatronDonateForm_PatronDonateForm .address a					{ color: #FF5533 }
#PatronDonateForm_PatronDonateForm .address a:hover				{ color: #FF7755 }

/* homepage abouttext */
.abouttext {
    font-size: 24px;
    font-family: "LavaStd-Reg", Georgia, serif;
    line-height: 125%;
}
    .abouttext .default-closed {
        display: none;
    }
    .abouttext .show-link {
        color: #28a9c5;
        font-size: 13px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    }

.abouttext p i, .abouttext p em {
	font-family:'LavaStd-RegularItalic';
}
.abouttext p b, .abouttext p strong	{
	font-family:'LavaStd-Bold';
}
.abouttext p i b, .abouttext p i strong, .abouttext p em b, .abouttext p em strong, .abouttext p b i, .abouttext p b em, .abouttext p strong i, .abouttext p strong em {
	font-family:'LavaStd-BoldItalic';
}

/* homepage blocktileslist with map and bhutan links */
.blocktileslist {
    display: flex;
    justify-content: center;
}
    .blocktileslist .tilelink {
        width: 50%;
        text-align: center;
        display: block;
        color: #fff;
        font-family: "LavaStd-Bold", "LavaStd-Reg", Georgia, serif;
        font-size: 24px;
        line-height: 30px;
        padding: 60px 20px;
        background-position: center center;
        background-size: cover;
    }
    .blocktileslist .tilelink:hover {
        opacity: 0.8;
    }
        .blocktileslist .tilelink.map {
            background-image: url("../images/homepage-map.jpg");
        }
        .blocktileslist .tilelink.bhutan {
            background-image: url("../images/homepage-bhutan.jpg");
        }

.bundleproductslist {
	display: flex;
	justify-content: center;
}
	.bundleproductslist .bundlewrapper {
		width: 50%;
		text-align: center;
		margin-bottom: 20px;
	}
	.bundleproductslist .bundlewrapper.right-margin {
		margin-right: 40px;
	}
		.bundleproductslist .bundlewrapper .addbundlelink {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20px;
			line-height: 20px;
			font-weight: bold;
			font-size: 16px;
			color: #000;
			background: #fff;
		}
			.bundleproductslist .bundlewrapper .addbundlelink .bundletitle {
				width: auto;
			}
			.bundleproductslist .bundlewrapper .addbundlelink .bundleprice {
				width: auto;
				margin-left: 20px;
			}

		.bundleproductslist .bundlewrapper .infotext {
			padding: 10px 20px;
			line-height: 20px;
			color: #aaa;
			font-size: 11px;
		}

/* fonts homepage pre-load */
span.font-preload { width: 0px; display: block; text-indent: -10000px; overflow: hidden; }
span.font-preload.italic-preload { font-family: 'LavaStd-RegularItalic'!important; }
span.font-preload.smallcaps-preload { font-family: 'Lava Std Sc'!important; }
span.font-preload.bold-preload { font-family: 'LavaStd-Bold'!important; }
span.font-preload.bold-italic-preload { font-family: 'LavaStd-BoldItalic'!important; }
span.font-preload.bold-smallcaps-preload { font-family: 'LavaStd-BoldSC'!important; }

/* Corner radius */
.ui-corner-all { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; 
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }


/* dialog box */
.ui-dialog { position: absolute; padding: .2em; width: 300px; } /*overflow: hidden;*/
.ui-dialog .ui-dialog-titlebar { 
	padding: .4em 1em; 
	position: relative; 
	color: #fff;
	font-weight: bold;
	width: 240px;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close { 
	background: transparent url('../images/phase2/sprite.png') no-repeat 0 0;
	background-position: -140px -20px;
	opacity: 0.75;
	text-indent: -1000px;
	overflow: hidden;
	position: absolute; 
	right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
	opacity: 1;
}

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }

.ui-dialog .ui-dialog-buttonpane { 
	text-align: left; 
	border-width: 1px 0 0 0; 
	background-image: none; 
	margin: .5em 0 0 0; 
	padding: .3em 1em .5em .4em;
	width: 240px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
	width: auto;
	float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Component containers
----------------------------------*/
.ui-widget { font-size: 15px; }
.ui-widget p { font-weight: bold; color: #fff; margin-bottom: 15px; font-size: 13px }
.ui-widget-content { background: #258fac; color: #8bcadf; }
.ui-widget-content a { color: #fff; }
.ui-widget-header a { color: #fff; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .30;filter:Alpha(Opacity=30); }

#PopUp { position: absolute; width: 100%; height: 100%; }
#PopUp div.bcg { position: absolute;  top: 0; left: 0; width: 100%; height: 150%; background: #000; opacity: .30;filter:Alpha(Opacity=30); }
#PopUp div.fe { position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -40px; padding: 20px; background-color: #258FAC; opacity: 1; width: 300px; display: block; height: 80px;   border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; }
#PopUp div.fe p { font-weight: bold; color: #fff; margin-bottom: 15px; }
#PopUp div.fe .simpleform { width: 275px!important; }
#PopUp div.fe .simpleform input[type="email"] { width: 90%!important; }

#PopUp.PopUpCheckSubscription div.bcg { height: 100%; }
#PopUp.PopUpCheckSubscription div.fe { height: auto; width: 464px; margin-left: -232px; padding: 15px 15px 20px; box-shadow: 4px 1px 30px 0px rgba(37, 37, 37, 0.45); }

#PopUp a.closePopUp { color: #fff; text-decoration: underline; float: right;}
a#CheckSubscriptionStatus { color: #fff; }

#PopUp a.yes,
#PopUp a.no { float: right; margin: 0 5px;}

/* new sprite */
.newsprite { display: block; float: left; width: 16px; height: 16px; background-image: url('../images/phase2/new_sprite.png'); overflow: hidden; margin-right: 5px;}

.readers_club div { float: none; }

/* after order share */
#system .OrderShareForm > fieldset { width: 88%; border-bottom: 0px; }
#system .OrderShareForm .ShareTitle { padding-bottom: 0px; }
#system .OrderShareForm #ShareText { padding-top: 0px; }
#system .OrderShareForm #ShareText .middleColumn { width: 100%; }
#system .OrderShareForm #ShareText .middleColumn textarea { width: 95%; height: 40px; border-radius: 5px; border: none; padding: 8px 10px; float: none; font-size: 11px; }

#system .OrderShareForm #ShareChoose { float: left; width: 250px; }
#system .OrderShareForm #ShareChoose li { clear: both; }
#system .OrderShareForm #ShareChoose li input { float: left; width: auto; }
#system .OrderShareForm #ShareChoose li label { float: left; width: auto; line-height: 22px; margin-left: 3px;}

#system .OrderShareForm .ShareLink	{ outline: none; display: block; float: right; border-radius: 4px; color: #fff !important; font-weight: bold; height: 30px; line-height: 30px; padding: 0 20px; margin: 13px 0px 0px; text-align: center; background-color: #f53; cursor: pointer; }
#system .OrderShareForm .ShareLink:hover { background-color:#f42; }
#system .OrderShareForm .ShareTextRemainingLength { float: right; width: auto; height: 30px; line-height: 30px; margin: 13px 12px 0px 10px; padding: 0px; }

.bookcoverimage img { width: 95px; }

#b-comments					{ width:880px; margin:20px 0px; color:#444; }
#b-comments-box				{ width:404px; margin-right:20px; }
#b-comments-new				{ float:right; width:346px; }
#b-comments h3				{ color:#444; margin:0px; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #eee; }
#b-comments h3 span			{ float: right; }
#b-comments h3 span a		{ color: #444; font-size:11px; }
#b-comments h3 span a.active,
#b-comments h3 span a:hover	{ color: #FF6600; }
#b-comments .comment			{ margin-bottom:15px; }
#b-comments .comment-name		{ float: left; margin-left:10px; width: auto}
#b-comments .comment-permalink	{ float: right; margin-right: 10px; width: auto}
#b-comments .comment-permalink .permalink	{ display:block; font-size:9px; font-weight:normal; color:#fff; float:left; background-color:#ccc; padding:2px 5px; font-family:Lucida Grande, Verdana, sans-serif; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; }
#b-comments .comment-permalink .permalink:hover	{ background-color:#888; }
#b-comments .comment-text		{ width:100%; padding-top:2px; margin-top:5px; background:transparent url('../images/comments-arrow.png') no-repeat 15px 0px; }
#b-comments .comment-text div	{ background-color:#f9f9f9; border-bottom:1px solid #eee; padding:10px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; width:390px; }
#b-comments form div			{ width:100%; }
#b-comments .field.checkbox			{  }
#b-comments .field.checkbox label	{ display: inline; float: none; text-align: left }
#b-comments .field.textarea				{ margin-bottom: 5px; }
#b-comments .field.textarea textarea	{ width:333px; margin:2px 0px 5px 0px; padding:3px 5px; border:1px solid #eee; background-color:#f9f9f9; }
#b-comments .Actions			{ border-bottom: none; padding-top: 10px;}
#b-comments .Actions input.action { padding: 0px 10px; border-radius: 8px; line-height: 25px; height: 25px; display: block; cursor: pointer;}
#b-comments .Actions input.action:hover { background-color: #ccc }


/* Social header block */
.system .connect,
.article #header-wrap .connect {
	display: none;
}

.article .connect {
    color: #AAAAAA;
}

.connect {
    border-top: 1px solid #EEEEEE;
    line-height: 23px;
    padding: 15px 0;
    text-align: center;
}
.connect span, .connect a {
    height: 25px;
}
.connect a {
    border: 1px solid #000000;
    border-radius: 4px;
    margin-left: 10px;
    padding: 0 10px;
}
.connect a:hover {
    color: #FFFFFF;
}
.connect > * {
    display: inline-block;
    float: none;
    margin: 5px 0 5px 10px;
    vertical-align: middle;
}
.connect .facebook {
    border-color: #3350AE;
    color: #3350AE;
}
.connect .facebook:hover {
    background-color: #3350AE;
}
.connect .twitter {
    border-color: #00C4FC;
    color: #00C4FC;
}
.connect .twitter:hover {
    background-color: #00C4FC;
}
.connect .notifications {
    border-color: #888888;
    color: #888888;
}
.connect .notifications:hover {
    background-color: #888888;
}

.connect .rss {
	    border-color: #FF6600;
	    color: #FF6600;
	} 
	.connect .rss:hover {
	    background-color: #FF6600;
	}
.connect .inline {
	    border: medium none;
		margin: 0;
		padding: 0;
	} 
	.connect .inline:hover {
	    color: #222222;
	}
		.article .connect .inline:hover {
			color: #fff;
		}
	.connect input {
	    height: 23px;
	}

#intro {
    height: 30px;
    left: -320px;
    margin-left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1001;
    width: 640px;
}
#intro a {
    background: url("../images/phase2/intro.jpg") no-repeat scroll 50% 50% / cover rgba(0, 0, 0, 0);
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1000;
}
#intro .video {
    margin-top: -56.25%;
}

#intro.withCart {
	top: 40px;
}

#intro.active {
    height: auto;
	padding: 35px 0;
    position: relative;
}
#intro.active a {
    display: none;
}
.video {
    position: relative;
}
.video div {
    padding-top: 56.25%;
}
.video iframe {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.responsive_video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
	margin-bottom: 20px;
}
.responsive_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body>#Form_results {
	width: 100%;
    background-color: #FF0000;
    display: none;
    position: relative;
	border: medium none;
}
body>#Form_results input {
    display: block;
    float: left;
    top: 0;
    width: 100%;
}
body>#Form_results input[type="text"] {
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    outline: medium none;
    padding: 0px;
    text-align: right;
    text-indent: 40px;
	background-color: #fff;
	padding: 20px 50px;
}
body>#Form_results input[type="submit"] {
    margin: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
}

#artefacts {
    background-color: #FFFFFF;
}
#artefacts .header h2 a {
    background-color: #FF6600;
    color: #FFFFFF;
	border-radius: 4px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin-left: 10px;
    padding: 2px 5px;
}
	#artefacts .header h2 a:hover {
		opacity: 0.5;
	}
#artefacts #article h2.ArtefactTitle {
    margin: 30px 0;
	font-size: 30px;
}
#artefacts #article * {
    color: inherit !important;
}
#artefacts .related {
    background-color: #F8F8F8;
}
#artefacts #article img {
    margin: 0 !important;
}

#tabs {
    padding: 0 2.5% 10px;
    text-align: center;
}
	#tabs li {
		display: inline-block;
		float: none;
		margin: auto;
		width: auto;
	}
		#tabs li a {
			border-radius: 20px;
			color: #93D4E2;
			display: block;
			float: left;
			padding: 5px 15px;
			white-space: nowrap;
		}
		#tabs li a:hover {
			color: #FFFFFF;
		}
		#tabs li a.active {
			background-color: #FFFFFF;
			color: #279EBB;
		}
    .list .locked {
		float:none;
		display:inline-block;
		width:11px !important;
		height:13px;
		margin:0;
		background-position:-74px -40px;
    }

#system .tabs-sub {
    padding: 10px 2.5% 8px;
    text-align: center;
}
	#system .tabs-sub li {
		display: inline-block;
		float: none;
		margin: auto;
		width: auto;
	}
		#system .tabs-sub li a {
			border-radius: 20px;
			color: #93D4E2;
			display: block;
			float: left;
			padding: 5px 15px;
			white-space: nowrap;
		}
		#system .tabs-sub li a:hover {
			color: #FFFFFF;
		}
		#system .tabs-sub li a.active {
			background-color: #FFFFFF;
			color: #279EBB;
		}
		#system .tabs-sub li a.active:hover {
			color: #279EBB;
		}
	
.header {
	position: relative;
}
	.header h2 {
		padding: 20px 40px; 
		margin: auto;
		text-align: center;
		line-height: 120%;
	}
	.header .nav {
		float: left;
		height: 20px;
		left: 2%;
		line-height: 20px;
		margin-top: -10px;
		position: absolute;
		top: 50%;
	}
	.next {
		left: auto !important;
		right: 2% !important;
	}
	.header div.ShowSpanishMessage {
		height: 25px;
		line-height: 25px;
		text-align: center;
	}
	.header div.ShowSpanishMessage a {
		text-align: center;
		color: #fff;
	}
	.header div.ShowSpanishMessage a:hover {
		text-decoration: underline;
	}
	
.MyTrips #From .middleColumn,	
.MyTrips #To .middleColumn {
	position: relative;
}	
	.MyTrips .middleColumn .List{
		position: absolute;
		top: 35px;
		left: 0px;
		background-color: #fff;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		z-index: 10;
		max-height: 300px;
		overflow-x: hidden;
		overflow-y: auto;
	}	
		.MyTrips .middleColumn .List li{
			color: #1d5673;
			padding: 0 10px;
		}	
			.MyTrips .middleColumn .List li:hover{
				background-color: #eee;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}	
			.MyTrips fieldset .fieldgroup.middleColumn{
				width: 100%!important;
			}	
			.MyTrips fieldset .fieldgroup.middleColumn label{
				font-weight: 700;
				width: 30%;
			}	
			.MyTrips fieldset .fieldgroup.middleColumn .fieldgroup-field.even{
				width: auto;
				height: 24px;
				line-height: 24px;
				position: relative;
				width: 55px;
			}	
				.MyTrips fieldset .fieldgroup.middleColumn .fieldgroup-field.even select{
					float: none;
					position: absolute;
					bottom: 3px;
					margin: 0px 5px 0;
					font-size: 13px;
					padding: 0;
				}	
				
			.MyTrips fieldset .fieldgroup.middleColumn .fieldgroup-field{
				width: 30%;
			}	
			.MyTrips fieldset .fieldgroup.middleColumn .fieldgroup-field.first{
				width: 45%;
			}	
				.MyTrips fieldset .fieldgroup.middleColumn .first label{
					width: 66%!important;
				}	
				.MyTrips fieldset .fieldgroup.middleColumn input{
					width: 33.3%!important;
					
				}	
				.MyTrips fieldset .fieldgroup.middleColumn .first input{
					width: 33.3%!important;
					float: right!important;
				}	
				.MyTrips fieldset .fieldgroup.middleColumn .last label{
					width: 100%;
					line-height: 26px;
				}	
		#trips h3 {
			margin-bottom: 20px;
			text-align: center;
		}
		#trips table {
			width: 100%;
			 border-bottom: 1px solid #DDDDDD;
		}
		#trips table tr * {
			color: #444;
			 border-top: 1px solid #DDDDDD;
			 border-bottom: medium none;
		}
		#add-trip {
			float: none;
			margin: 40px auto;
			width: 200px;
		}
			#add-trip.indent_small {
				margin-top: 10px;
			}
			#add-trip.indent,
			#add-trip.indent.indent_small {
				margin-top: 20px;
			}
		#trips .MyTripsNote {
			padding: 10px 15px;
			float: left;
			width: auto;
		}
		#trips .right.indent {
			width: auto;
		}
			#trips .right.indent .nav {
				float: right;
				margin-right: 0px;
				margin-top: 10px;
				margin-left: 15px;
			}
		#trips .AddTripSurr {
			clear: both;
		}
#language.cart-is-showed {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}				
.stripe {
    background-color: #2EB3D0;
    color: #FFFFFF;
    padding: 10px;
    width: 100%;
}
.stripe a {
    color: #FFFFFF;
}
.stripe a:hover {
    color: #ABE8F5;
}
.stripe div {
    float: right;
    padding: 0;
    width: auto;
}
.stripe div:first-child {
    float: left;
    font-size: 15px;
}

#legend .legends{
	margin: 15px 0;
}
#legend .legends ul{
	text-align: center;
}
#legend .legends li{
	width: auto;
	display: inline-block;
	float: none;
	padding: 0 15px;
}
#legend .legends li span{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: right;
	margin: 2px 0 0 5px;
}

.LoginBox {
	display: inline-block;
	float: right;
	width: auto;
}

.LoginBox a {
	float: left;
}

.article-nav {
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    height: 40px;
    left: 0;
    margin-top: -20px;
    position: fixed;
    top: 50%;
    z-index: 1000;
}
.article-nav span {
    display: none;
    float: left;
    margin: 0 15px;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-nav.prev {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.article-nav.next {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    left: auto;
    right: 0!important;
    text-align: right;
}
.article-nav svg.icon {
    display: block;
    fill: #fff;
    float: left;
    height: 40px!important;
    width: 40px!important;
}
.article-nav.next svg {
    float: right;
}
.article-nav:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.article-nav:hover span {
    display: block;
}

#system .continue-shopping {
    text-align: center;
    padding-top: 20px;
}
#system .continue-shopping a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

#checkout .continue-shopping-covers {
    text-align: center;
    color: #fff;
}
#checkout .continue-shopping-covers .add-from-checkout {
    text-align: center;
    margin-bottom: -10px;
}
#checkout .continue-shopping-covers .add-from-checkout .add-issue-from-checkout {
    display: inline-block;
    width: 56px;
    margin: 8px 4px 0px;
    color: #fff;
    font-weight: normal;
}
#checkout .continue-shopping-covers .add-from-checkout .add-issue-from-checkout img {
    max-height: 80px;
    margin-bottom: 3px;
}

.ChoosePriceText {
	font-family: "LavaStd-Reg", Georgia, serif;
    font-size: 24px;
    line-height: 130%;
	text-align: center;
	padding: 10px 260px 30px;
	background-color: #fff;
}
	.ChoosePriceText .header {
		margin-top: 0px;
	}
	
	.ChoosePriceText .content {
		margin-top: 30px;
	}
		.ChoosePriceText .content p {
			margin: 0px;
		}

		
		
#choose-price {
	width: 100%;
	background-color: #258fac;
}
#choose-price-inner {
	width: 1200px;
	margin: 0px auto;
	float: none;
	color: #fff;
}

	#choose-price .ChooseIssues {

	}
	#choose-price .ChooseIssues #SoldOutBooksText {
		position: absolute;
		bottom: 8px;
		left: 0px;
		width: 100%;
		padding: 0px 40px 0px 20px;
		text-align: center;
		font-size: 11px;
		line-height: 13px;
	}
	#choose-price .ChooseIssues .ChooseIssuesMulti {
		text-align: left;
		
	}
		#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue {
			display: inline-block;
			width: 80px;
			margin: 15px 0px 0px;
			color: #fff;
			font-weight: normal;
			text-align: center;
			opacity: 0.5;
		}
		#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue:hover,
		#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue.chosed {
			opacity: 1.0;
		}
		#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue.first {
			margin-right: 40px;
		}
			#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue img {
				max-height: 112px;
				margin-bottom: 3px;
			}
	
	#choose-price .ChooseSlider {

	}
		#choose-price .ChooseSlider #choose-price-slider {
			margin-top: 70px;
		}
		#choose-price .ChooseSlider .SliderValueTexts {
			padding: 75px 20px 10px;
			text-align: center;
			font-size: 16px;
			float: none;
			clear: both;
		}
			#choose-price .ChooseSlider .SliderValueTexts .ValueText {
				float: none;
			}
	#choose-price .ChooseCheckout {

	}
		#choose-price .ChooseCheckout #ChoosePriceTotalSum {
			height: 35px;
			line-height: 35px;
			margin: 15px 0px 10px 0px;
			font-size: 30px;
			overflow: hidden;
		}
		#choose-price .ChooseCheckout #ChoosePriceTotalIssues {
			height: 40px;
			margin: 0px 0px 25px 0px;
			font-size: 16px;
			color: #92c7d6;
		}
		#choose-price .ChooseCheckout .ChoosePriceCheckout {
			
		}
			#choose-price .ChooseCheckout .ChoosePriceCheckout #ChoosePriceToCheckout {
				display: block;
				float: left;
				text-align: left;
				width: 100%;
				position: relative;
				line-height: 30px;
				text-indent: 10px;
				color: #258fac;
				text-decoration: none;
				background-color: #fff;
				border-radius: 5px;
			}
			#choose-price .ChooseCheckout .ChoosePriceCheckout #ChoosePriceToCheckout:hover {
				background-color: #28A9C5;
				color: #fff;
			}
				#choose-price .ChooseCheckout .ChoosePriceCheckout #ChoosePriceToCheckout span {
					position: absolute;
					top: 5px;
					right: 5px;
					background-position: -20px 0px;
					opacity: 0.35;
				}
				#choose-price .ChooseCheckout .ChoosePriceCheckout #ChoosePriceToCheckout:hover span {
					background-position: -20px -20px;
					opacity: 1;
				}
		
	#choose-price h3 {
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		padding-bottom: 20px; 
	}
	#choose-price h3.middle {
		text-align: center;
	}
	
	/* 
	THREE SAME HEIGHT COLUMNS
	*/
	#choose-price .container3 {
		clear: left;
		float: left;
		width: 100%;
		/*overflow: hidden;*/
		background: #258fac; /* column 3 background colour */
	}
	#choose-price .container2 {
		clear: left;
		float: left;
		width: 100%;
		position: relative;
		right: 25%;
		background: #279ebb; /* column 2 background colour */
	}
	#choose-price .container1 {
		float: left;
		width: 100%;
		position: relative;
		right: 50%;
		background: #28a9c5; /* column 1 background colour */
	}
	#choose-price .col1 {
		padding: 40px;
		float: left;
		width: 25%;
		position: relative;
		left: 75%;
		overflow: hidden;
		background: #28a9c5; /* column 1 background colour */
	}
	#choose-price .col2 {
		padding: 40px;
		float: left;
		width: 50%;
		position: relative;
		left: 75%;
		overflow: hidden;
		background: #279ebb; /* column 2 background colour */
	}
	#choose-price .col3 {
		padding: 40px;
		float: left;
		width: 25%;
		position: relative;
		left: 75%;
		overflow: hidden;
		background: #258fac; /* column 3 background colour */
	}
	/* 
	(THREE SAME HEIGHT COLUMNS)
	*/
	
.ChoosePriceTheme .interval {
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
	color: #fff;
	position: relative;
}
.ChoosePriceTheme .interval,
.ChoosePriceTheme .interval *:before,
.ChoosePriceTheme .interval *:after,
.ChoosePriceTheme .interval * {
	box-sizing: initial;
}
	.ChoosePriceTheme .interval.digital {
		background-color: #ff9400;
		width: 25%;
	}
	.ChoosePriceTheme .interval.print {
		background-color: #ff7200;
		width: 25%;
	}
	.ChoosePriceTheme .interval.both {
		background-color: #ff4800;
		width: 50%;
	}
		.ChoosePriceTheme .interval .inner {
			width: 100%;
		}
	.ChoosePriceTheme .interval .TitleLabel {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 2;
		font-size: 15px;
	}
	.ChoosePriceTheme .interval .segment {
		float: left;
		height: 40px;
		min-width: 1px;
		/*border-right: 1px solid rgba(255,255,255,0.3);*/
		background: url('../images/border-bg.png') center right repeat-y;
		position: relative;
	}
	.ChoosePriceTheme .interval .segment.first {
		height: 50px;
		width: 1px;
		position: absolute;
		left: -1px;
		top: 0px;
	}
	.ChoosePriceTheme .interval .segment.long {
		margin-bottom: -10px;
		height: 50px;
	}
	
	.ChoosePriceTheme .interval .segment .SliderPrice {
		width: 50px;
		height: 15px;
		line-height: 15px;
		position: absolute;
		bottom: -25px;
		right: -25px;
		text-align: center;
		color: #fff;
		font-size: 15px;
		font-weight: normal;
		border: none;
	}
	.ChoosePriceTheme .interval .s2 { width: 50% }
	.ChoosePriceTheme .interval .s4 { width: 25% }

	.ChoosePriceTheme .interval.digital .segment.c3 { width: 33%;}
	.ChoosePriceTheme .interval.digital .segment.c3.long { width: 34%;}
	.ChoosePriceTheme .interval.digital .segment.c4 { width: 25%;	}
	.ChoosePriceTheme .interval.print .segment.c8 { width: 25%; }
	.ChoosePriceTheme .interval.both .segment.c4 { width: 25%; }
	.ChoosePriceTheme .interval.both .segment.c30 { width: 20%; }

/**
 * 	CALL TO ACTIONS
 */
#article .Call2Action {
    display: block;
    padding-left: 20px
}


#article .Call2Action h2 {
    margin-bottom: 15px
}

#article .Call2Action svg {
    font-weight: normal
}

#article .Call2Action form {
    margin-top: 15px
}

#article .Call2Action form input {
    height: 23px
}

#article .Call2Action form p.message {
    margin: 0;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #aaa
}

#article .Call2Action.signup {
    border-left: 1px solid #f60
}

#article .Call2Action.signup,
#article .Call2Action.signup h2,
#article .Call2Action.signup a {
    color: #f60
}

#article .Call2Action.signup svg {
    fill: #f60
}

#article .Call2Action.subscribe {
    border-left: 1px solid #3350ae
}

#article .Call2Action.subscribe,
#article .Call2Action.subscribe h2,
#article .Call2Action.subscribe a {
    color: #3350ae
}

#article .Call2Action.subscribe svg {
    fill: #3350ae
}
	
@media screen and (max-width:1199px) {
	#choose-price #choose-price-inner {
		width: 100%;
	}
	#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue.first {
		margin-right: 30px;
	}
}
@media screen and (max-width:1100px) {
	#choose-price #choose-price-inner {
		width: 100%;
	}
	#choose-price .container1,
	#choose-price .container2,
	#choose-price .container3 {
		float: none;
		width: 100%;
		left: 0;
		right: 0;
		
	}
	#choose-price .col1,
	#choose-price .col2,
	#choose-price .col3 {
		float: none;
		width: 100%;
		left: 0;
		text-align: center;
		padding: 20px 40px;
	}
	
	#choose-price .col1 {
		padding-bottom: 40px;
	}
	#choose-price .col1.ChooseIssues .ChooseIssuesMulti {
		text-align: center;
	}
	#choose-price .col2.ChooseSlider .SliderValueTexts {
		min-height: 40px;
	}
	
	#choose-price .col3.ChooseCheckout div {
		display: inline-block;
		float: none;
		width: auto;
		padding: 0px;
		height: 35px;
		margin: 0px;
		position: relative;
	}
	
	#choose-price .col3.ChooseCheckout #ChoosePriceTotalSum {
		width: 30%;
		text-align: right;
		margin: 0px;
	}
	#choose-price .col3.ChooseCheckout #ChoosePriceTotalIssues {
		width: 30%;
		margin: 0px;
		font-size: 14px;
		height: 35px;
	}
	#choose-price .col3.ChooseCheckout .ChoosePriceCheckout {
		width: 30%;
	}
	
	#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue.first {
		margin-right: 40px;
	}
	#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue.second {
		margin-right: 40px;
	}
	#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue:last-child {
		margin-right: 0px;
	}
	.ChoosePriceText {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width:768px) {
	#choose-price .col3.ChooseCheckout #ChoosePriceTotalSum {
		width: 100%;
		text-align: center;
	}
	#choose-price .col3.ChooseCheckout #ChoosePriceTotalIssues {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	#choose-price .col3.ChooseCheckout .ChoosePriceCheckout {
		width: 45%;
	}
	#choose-price .col1 {
		padding-bottom: 40px;
	}
}
@media screen and (max-width:480px) {
	#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue.first {
		margin-right: 20px;
	}
	#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue.second {
		margin-right: 20px;
	}
	#choose-price .ChooseIssues .ChooseIssuesMulti .AddIssue:last-child {
		margin-right: 0px;
	}
	#choose-price .col1 {
		padding: 20px;
	}
	#choose-price .col1 {
		padding-bottom: 40px;
	}
}

/* ----------------------------- */
/* Bhutan page - START */
/* ----------------------------- */

.BhutanPageWrapper .BhutanPage {
	background: #444 url('../images/bhutan-bg-s.jpg') no-repeat center center;
	color: #fff;
}
	.BhutanPageWrapper .BhutanPage .BuyPreviewWrapper {
		padding: 110px 40px 15px;
		float: left;
		width: 50%;
		clear:both;
	}
	
		.BhutanPageWrapper .BhutanPage .BuyPreviewWrapper .black-button {
			line-height: 20px;
			padding: 3px 10px;
			min-width: 151px;
			font-weight: bold;
			font-size: 13px;
			background: #000;
			border-radius: 4px;
			color: #fff;
			display: inline-block;
			margin-bottom: 15px;
			vertical-align: top;
		}
		.BhutanPageWrapper .BhutanPage .BuyPreviewWrapper .black-button:hover {
			background: rgba(0,0,0,0.7);
		}
		
		.BhutanPageWrapper .BhutanPage .BuyPreviewWrapper .ShortDescriptionWrapper {
			padding-left: 5px;
			font-size: 13px;
			font-weight: bold;
			padding-right: 110px;
		}
	
	.BhutanPageWrapper .BhutanPage .DescriptionWrapper {
		padding: 20px 40px 35px;
		background: rgba(0,0,0,0.5);
		clear:both;
	}
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper {
			float: left;
			width: 60%;
			padding: 0px 150px 0px 0px;
		}
			.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper .Title {
				font-family: "November Compressed Regular 3", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 38px;
				line-height: 50px;
				padding-top: 0px;
				padding-bottom: 30px;
			}
			
			.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper .Content {
				font-size: 23px;
				line-height: 26px;
				font-family: 'LavaStd-Reg', Georgia, serif;
				padding-right: 100px;
			}
			
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper {
			float: left;
			width: 40%;
			padding: 15px 100px 0px 20px;
		}
			.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper .SubscriptionFormWrapper {
				padding-top: 10px;
			}
				.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper .SubscriptionFormWrapper form.simpleform {
					width: 150px;
				}
					.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper .SubscriptionFormWrapper form.simpleform.newsletter input.email {
						width: 120px;
						height: 24px;
						font-weight: bold;
					}
					.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper .SubscriptionFormWrapper form.simpleform.newsletter p.message {
						color: #000;
						height: 24px;
						padding-top: 2px;
						padding-bottom: 2px;
					}
					
			.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper .SubscriptionTextWrapper {
				font-weight: bold;
				line-height: 14px;
				padding-right: 50px;
				padding-top: 30px;
			}

@media screen and (max-width:991px) {
	.BhutanPageWrapper .BhutanPage .BuyPreviewWrapper {
		width: 60%;
	}
		.BhutanPageWrapper .BhutanPage .BuyPreviewWrapper .ShortDescriptionWrapper {
			padding-right: 0px;
		}
		
	.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper {
		padding-right: 20px;
	}
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper .Title {
			font-size: 38px;
		}
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper .Content {
			padding-right: 0px;
		}
		
	.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper {
		padding-right: 0px;
	}
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper .SubscriptionTextWrapper {
			padding-right: 20px;
		}
}
@media screen and (max-width:767px) {
	.BhutanPageWrapper .BhutanPage .BuyPreviewWrapper {
		width: 100%;
		padding-top: 50px;
	}
	.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper {
		width: 100%;
		padding-right: 0px;
	}
	.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper {
		width: 100%;
		padding-left: 0px;
		padding-top: 50px;
	}
}
@media screen and (max-width:479px) {
	.BhutanPageWrapper .BhutanPage .BuyPreviewWrapper {
		padding: 30px 30px 20px;
	}
	.BhutanPageWrapper .BhutanPage .DescriptionWrapper {
		padding: 20px 30px 30px;
	}
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper .Title {
			font-size: 31px;
			padding-bottom: 20px;
		}
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .TitleContentWrapper .Content {
			font-size: 20px;
		}
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionWrapper {
			padding-top: 30px;
		}
		.BhutanPageWrapper .BhutanPage .DescriptionWrapper .SubscriptionTextWrapper {
			padding-top: 20px;
			padding-right: 0px;
		}

	.bundleproductslist {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
		.bundleproductslist .bundlewrapper {
			width: 100%;
			text-align: center;
			margin-bottom: 20px;
			margin-left: 40px;
			margin-right: 40px;
		}
}

/* ----------------------------- */
/* Bhutan page - END */
/* ----------------------------- */

/* ----------------------------- */
/* HONEYPOT - START */
/* ----------------------------- */
.hpname, input.hpname[type="text"] { display: none; }
/* ----------------------------- */
/* HONEYPOT - END */
/* ----------------------------- */

