@charset "utf-8";
/* CSS Document */

@font-face
{
font-family: titlefont;
src: url(bebasneue.otf);
}
 
body
{
	margin:0px;
}

/* Header fixes */
#signin_menu input[type="text"], #signin_menu input[type="password"] {
	padding: 2px 4px 0px 4px !important;
}
#signin_menu {
	margin-top: -72px !important;
}
.sign-in-btn {
	margin: 8px auto;
}
.remember label {
	margin: 0 10px !important;
}
#whitebox_covers {z-index: 1;}
.classA
{
    color: #999;
    width: 250px;
    height: 250px;
    border: solid 1px #e8e8e8;
	float:left;
	margin:2px;
	cursor:pointer;
}	
.largeimg
{
	float:left;
	position:relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
.slideViewimageJS
{
	float:left;
	margin:2.5px; 
	padding:0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.slideViewimage
{
	float:left;
	margin:2.5px; 
	padding:0px;
	opacity:0.2;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
.slideViewimage:hover
{
	float:left;
	margin:2.5px; 
	padding:0px;
	opacity:0.5;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
.slideanimationpage
{ 	
	background:#f0f0f0;
	padding:0px; 
	position:fixed; 
	border:0px solid #000; 			
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}		

#vtop
{
	position:absolute;
	z-index:1;
	cursor:pointer;
	opacity:0.3;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
#vtop:hover
{
	position:absolute;
	z-index:999;
	cursor:pointer;
	opacity:0.9;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}		
#up
{
	bottom:0%;
	padding:0px;
	cursor:pointer;
	position:absolute;
	left:47%;
	
}#prev
{
	float:left;
	right:0%;
	padding:0px;
	cursor:pointer;
	position:absolute;
	top:47%;
}		
#next
{
	float:right;		
	left:0%;
	padding:0px;			
	cursor:pointer;
	position:absolute;
	top:47%;			
}
#down
{			
	padding:0px;			
	cursor:pointer;
	position:absolute;
	left:47%;
	top:0%;			
}
#middlebox
{
	position:absolute;
	z-index:10;
	cursor:url(arrow/zoom_in.png),-moz-zoom-in;
	-moz-cursor:url(arrow/zoom_in.png) !important;
	background-image:url(arrow/transparent.gif);
	background-repeat:no-repeat;
	background-position:center;	
		
}
#infoarea
{			
	/*position:absolute;*/			
	z-index:11;			
	-webkit-opacity:0.8;
	-webkit-opacity:0.8;
	-khtml-opacity:0.8;
	-moz-opacity:0.8;
		-ms-opacity:0.8;			
	display:none;
	cursor:pointer;
	z-index:21 !important;			
}
#infoarea_big
{			
	/*position:absolute;*/			
	z-index:11;			
	-webkit-opacity:0.8;
	-webkit-opacity:0.8;
	-khtml-opacity:0.8;
	-moz-opacity:0.8;
		-ms-opacity:0.8;			
	display:none;
	cursor:pointer;
	z-index:999 !important;			
}
#contentarea
{
	position:absolute;			
	background-color:#fafafa;
	opacity:0.9;
	border: solid 1px #e8e8e8;
	z-index:21 !important;
	display: none;	
}
#contentarea_big
{
	position:absolute;			
	background-color:#fafafa;
	opacity:0.9;
	border: solid 1px #e8e8e8;
	z-index:999 !important;
	display: none;	
}
#dataArea
{			
	font-family:Arial;
	color:#7D7D7D;	
	line-height:300%;
	margin-top:5%;	
	z-index:11 !important;
}
#dataArea_big
{			
	font-family:Arial;
	color:#7D7D7D;	
	line-height:300%;
	margin-top:5%;	
	z-index:999 !important;
}
		
#username, #username_big
{
	text-transform: uppercase;
}
#city, #city_big
{
	text-transform: capitalize;
}
#infoicon
{
	position:absolute;
	z-index:11;			
	right:0%;
	top:0%;
	cursor:pointer;
	font-family:Arial;
	color:#afafaf;
	font-weight:400;
	font-size:12px;
	padding:3%;
}
#infoicon:hover
{
	position:absolute;
	z-index:11;			
	right:0%;
	top:0%;
	cursor:pointer;
	font-family:Arial;
	color:#7D7D7D;	
	font-weight:400;
	font-size:12px;
	padding:3%;		
}
#infoicon_big
{
	position:absolute;
	z-index:11;			
	right:0%;
	top:0%;
	cursor:pointer;
	font-family:Arial;
	color:#afafaf;
	font-weight:400;
	font-size:12px;
    margin-bottom: 3%;
    margin-left: 3%;
    margin-right: 20px;
    margin-top: 22px;
}
#infoicon_big:hover
{
	color:#7D7D7D;
}
.classA img {
	background: url(ajax-loader.gif) no-repeat center;
}
#closebtn
{
	position:absolute;
	float:right !important;
	right:0px;
	top:0px;
	z-index:11;
	margin:2px;
	cursor: pointer;				
}
a
{
	text-decoration:none;
	color:#333;			
}
#headertab
{
	width:100%;
	height:130px;
	background-color:#fff;
	position:fixed;
	left:0px;
	margin:0px;
	box-shadow:1px 1px 5px 1px #dfdede;
}
#zoomarea
{
	margin-top:0px;
	background-color:#ececec;			
	z-index:32 !important;			
	position:fixed;			
	cursor:pointer;	
	background-image:url(arrow/transparent.gif);
	background-repeat:no-repeat;
	background-position:center;	
	border: solid 1px #e8e8e8;				
}
#logo
{
	margin:5px;
	float:left;	
	cursor:pointer;
}
#thumbicon
{
	float:right;
	cursor:pointer;
	position:relative;
	top:15px;
	right:15px;	
}
#headingtext
{
	font-family:Arial;
	font-size:12px;
	font-weight:200;
	position:absolute;
	float:right;
	right:60px;
	top:15px;
}
#imageContainer1
{
	position:absolute;
	top:125px;
	left: 55px;
	margin-top: 10px;
}
#book_logo
{
	position:relative;
	top:60px;
	left:0px;
	margin: 0 auto;
}
.box_skitter{margin: 0 auto;}
.banner img{height: 100%; margin: 0 auto;}
.cycle-slideshow{margin: 0 auto;}
#email a, #email_big a
{
	color:#7D7D7D;
	text-decoration:underline;
}
#website a, #website_big a
{
	color:#7D7D7D;
	text-decoration:underline;
}
#email a:hover, #email_big a:hover
{
	color:#191919;
	text-decoration:underline;
}
#website a:hover, #website_big a:hover
{
	color:#191919;
	text-decoration:underline;
}		
#username, #username_big
{
	color:#191919;
}
#volumedropdownbox, #countrydropdownbox, #sortingdropdownbox, #photographerdropdownbox
{
	float:left;
	margin:.5% 0 0 1%;
}
#sortingdropdownbox {
    padding-left: 10px;
    padding-right: 37px;
    padding-top: 3px;
    width: 200px;
}
#photographerdropdownbox {
    padding-top: 3px;
    padding-right: 7px;
}
#sorting_label {
	float: left;
	line-height: 25px;
	margin: 0 0 0 -5px;
}
#sorting_list {
    float: right;
    width: 65px;
}
#volumedropdown, #countrydropdown, #sortingdropdown, #namedropdown
{
	color:#7D7D7D;
	font-family:Arial;
	font-size:13px;
	padding:2px;
	height: 25px;
}
#dropdownlargeimg
{
	position:absolute;
	border: solid 1px #e8e8e8;
	position:fixed;
	z-index: 21 !important;
}		
#dropdownlargePREV
{
	position:absolute;
	z-index:999 !important;
	left:-40px;
	top:48%;
	cursor:pointer;
	opacity:0.2;
}
#dropdownlargePREV:hover
{
	position:absolute;
	z-index:999 !important;
	left:-40px;
	top:48%;
	cursor:pointer;
	opacity:0.8;
}
#dropdownlargeNEXT
{
	position:absolute;
	z-index:999 !important;
	top:48%;
	cursor:pointer;
	left:102%;
	opacity:0.2;
}
#dropdownlargeNEXT:hover
{
	position:absolute;
	z-index:999 !important;
	top:48%;
	cursor:pointer;
	left:102%;
	opacity:0.8;
}
#bookFilters {
	margin: 6px auto;
/*    padding-left: 12px;*/
/*    padding-right: 12px;*/
padding-left: 250px;
    width: 1000px;
}
#popupClose {
	position: relative;
	margin-top: -18px;
	margin-right: -19px;
}

.book_image {
	float: left;
}
.book_image a img{
	padding: 0 75px 0 75px;
}
.cycle-pager {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    text-align: right;
    top: 0px;
    width: 100%;
    z-index: 500;
}
.cycle-pager span {
    color: #DDDDDD;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 50px;
    height: 16px;
    width: 16px;
}
.cycle-pager span.cycle-pager-active {
    color: #6d6d6d;
}
.filter-section-2 {
    border: 1px solid rgba(120, 120, 120, 0.5);
    float: left;
    height: 31px;
    margin: 1px 10px;
}
.filter-section-2 #sortingdropdownbox, .filter-section-2 #photographerdropdownbox {
	margin: 0 auto;
} 
/* Intro page*/
#book_intro_page {
	position:relative;
	top:60px;
	left:0px;
	margin: 0 auto;
	width: 1000px;
}
.book-intro {
	width: 800px;
	padding: 0 100px;
	margin: 0 auto;
}
.book-intro p{
	text-align: justify;
	padding-bottom: 25px;
	line-height: 27px;
}
.intro-link {
	cursor: pointer;
}
.sharad-logo {
	float: left;
	padding: 0px 10px 10px 0;
}
.cycle-slideshow img{
	cursor: pointer;
}
.nicescroll-rails {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("book/rail.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.info-footer .name {
	font-weight: bold;
	font-style: italic;
	color: #6d6d6d;
}
.button-link {
	float: left;
	padding-right: 25px;
}
.book-name .book-title, .book-name, .foreword {
	font-size: 32px;
	text-transform: uppercase;
	font-family: titlefont;
	color: #6d6d6d;
}
.book-volume{
	font-size: 25px !important;
	text-transform: uppercase;
	font-family: titlefont;
	color: #6d6d6d;
}
.book-name {
	width: 100%;
	text-align: center;
	line-height: 0px;
	margin-top: 17px;
}
.foreword {
	margin: 30px auto 10px auto;
}

/* Book buy page */
#book_buy {
	position:relative;
	top:60px;
	left:0px;
	margin: 0 auto;
	width: 800px;
}
.book-buy {
	width: 640px;
	padding: 0 100px 50px;
	margin: 0 auto;
}
.book-title {
    font-size: 17px;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}
#book-buy-data {
/*	background: url(buy.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	border: 0px;
	border-collapse: collapse;
	margin-top: 25px;
}
#book-buy-data tr th {
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}
#book-buy-data tr td {
	text-align: center;
	padding: 5px;
	border: 1px solid #ccc;
	padding: 15px 0 15px 0;
}

#book-buy-data thead tr:nth-child(1){background-color: #999;}
#book-buy-data thead tr:nth-child(1) th{color: #fff;}
#book-buy-data tbody tr:nth-child(1){background-color: #F1EFEF;}
#book-buy-data tbody tr:nth-child(2){background-color: #E8E8E8;}
#book-buy-data tbody tr:nth-child(3){background-color: #F1EFEF;}
#book-buy-data tbody tr:nth-child(4){background-color: #E8E8E8;}
#book-buy-data tbody tr:nth-child(5){background-color: #F1EFEF;}
#book-buy-data tbody tr:nth-child(6){background-color: #E8E8E8;}
#book-buy-data tbody tr:nth-child(7){background-color: #F1EFEF;}
#book-buy-data tbody tr:nth-child(8){background-color: #E8E8E8;}
#book-buy-data tbody tr:nth-child(9){background-color: #FFFFFF;}


#book-buy-data tbody tr{background-color: #CCC;}
#book-buy-data tr td:first-child, #book-buy-data th td:first-child {
	text-align: left;
	padding-left: 10px;
}
.book-buy p {
	font-size: 12px !important;
}
.buy-button {
	width: 100%;
	margin: 10px auto;
	text-align: right;
}

#total-buy-submit {
	border:1px solid #cccccc;
	padding: 5px 28px;
	color: #646464;
	background-color: #fff;
}
#total-buy-submit:hover {
	background-color: #cccccc;
}

.pb-container span.active em {
    font-size: 95%;
}
.pb-container {
	padding: 10px 0 15px 0;
	width: 107%;
}
.pb-container em {
	background: url('pb_step.gif') no-repeat 0 0;
	background-repeat:no-repeat;
	color: #ffffff;
	text-decoration: none;
	padding: 3px 9px 4px 9px;
}
.pb-container .complete em {
	background-image: url('pb_step_complete.gif');
	background-repeat:no-repeat;
}
.pb-container .active em {
	background-image: url('pb_step_active.gif');
	background-repeat:no-repeat;
}
.pb-container a, .pb-container span {
	color: #a1a1a1;
	font-size: 95%;
}
.pb-container span.active {
	color: #222020;
}
#book_logo, #books {
	width: 860px;
}
@media screen and (max-width: 859px) {
	#book_logo, #books {
		width: 450px;
	}
	#container-main {
		width: 500px !important;
	}
}

@media screen and (max-width: 500px) {
	#book_logo, #books {
		width: 300px;
	}
	#container-main {
		width: 320px !important;
	}
}

#books {
	margin: 0 auto;
    text-align: center;
}
#books div {
	float: left;
	padding: 12px 65px;
}
#books div img {
	cursor: pointer;
}
.bookcontent {
	position: relative;
}
.booktitle {
    font-size: 13px;
    margin: 350px 0 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}