/* ---------- IMPORTS ---------------- */

@font-face {
    font-family: 'italia-bookbook';
    src: url('italia-book-webfont.eot');
    src: url('italia-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('italia-book-webfont.woff2') format('woff2'),
         url('italia-book-webfont.woff') format('woff'),
         url('italia-book-webfont.ttf') format('truetype'),
         url('italia-book-webfont.svg#italia-bookbook') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ---------- GENERAL ---------------- */

html, body {
padding:0;
margin:0;

background: #ececec;
color:#666666;
font-family: Helvetica;

//font-size:13px;
font-size:13px;
overflow:hidden;
}

#stage {
position:absolute;
}



/* ---------- INTRO ---------------- */

#intrologo {
width:408px;
height:600px;
position:absolute;
z-index:500;
}



#intrologo2 {
opacity:0;
width:400px;
height:400px;
position:absolute;
z-index:502;




}





/* ---------- leftbar ---------------- */

#leftbar {
padding:40px;
padding-left:25px;
position:absolute;
width:205px;
z-index:1000;
}

#logo {
width:205px;
height:150px;
float:left;
overflow:hidden;
margin-bottom:40px;
}


#logo h1 {
font-size:16px;

}

#logo h2 {
font-size:14px;

}


.logocell {
width:170px;
float:left;


}

#mainmenu, #secondmenu, #thirdmenu {
//background-color:red;
//padding-bottom:40px;
float:left;
}



#leftbar ul {
width:205px;
float:left;
list-style:none;
padding:0px;
margin:0px;
padding-bottom:10px;
}

#leftbar ul li {
padding:0;
margin:0;
padding-bottom:10px;
}

#leftbar ul li a {
text-decoration:none;
color:#666666;
}

#leftbar ul li a:link, #leftbar ul li a:visited {
color:#666666;
}

#leftbar ul li a:hover {
color:#000000;
}

.newmenu {
padding:40px;
position:absolute;
width:170px;
z-index:700;



}










/* ---------- bottombar ---------------- */

#bottombar {
background-color:#666666;
padding-top:20px;
padding-bottom:20px;
height:20px;
position:absolute;
}

#caption {
position:absolute;
width:500px;
height:20px;
padding-left:25px;
//text-transform:uppercase;
color:#ffffff;

}

#caption p {
margin:0;
padding:0;

}

#social {
padding-left:40px;
position:absolute;
}

#social a {
padding-right:10px;
opacity:0.4;
}

#followmessage {
position:absolute;
z-index:1000;
width:100px;
height:45px;
}

.shareicon {
z-index:1010;
position:absolute;
opacity:0;
}

.shareicon2 {
z-index:1010;
position:absolute;
opacity:0;
}

#sharemessage {
position:absolute;
z-index:1020;
width:75px;
height:34px;
}


#options {
position:absolute;
z-index:500;
width:100px;
height:20px;
}

.navicon {
float:left;
padding-top:3px;
padding-left:15px;
}

.navicon a:link, .navicon a:visited {
opacity:1;
}

.navicon a:hover {
opacity:1;
}

/* ---------- content ---------------- */

#content {

position:absolute;
z-index:30;


}



#thumbpanel {

height:200px;
position:absolute;
overflow:auto;
z-index:400;
}

#thumbpanel p{
position:absolute;

}

#thumbpanel_select {
height:200px;
background:green;
position:absolute;
overflow:auto;
z-index:400;
}

.thumbcontainer {

}

.thumb {
//background-color:red;
float:left;
width:100px;
height:100px;
overflow:hidden;
}



.thumb2 {
//background-color:red;
float:left;
width:100px;
height:100px;
overflow:hidden;
}

.thumb a, .thumb2 a {
//cursor: none;
}

.picpanel {

min-height:200px;
min-width:200px;
position:absolute;
z-index:50;
}

.picpanel p {
position:absolute;
margin:0;
padding:0;
font-weight:bold;
font-size:14px;
}

#vidcover {
background-color:red;
opacity:0;
z-index:100;
width:200px;
height:200px;
position:absolute;
}

.download {
float:left;
width:100px;
height:100px;
overflow:hidden;
}

.d_description {
height:200px;
float:left;
background-color:#ebf0f0;
}

.d_description p {
margin:0;
padding:20px;
}




/* ---------- NAVIGATION ---------------- */


#nav_next {
z-index:1000;
position:absolute;
cursor:none;
}

#nav_prev {
z-index:1001;
position:absolute;
cursor:none;
}

#nav_thumbs {
z-index:1002;
position:absolute;
cursor:none;
}


/* ---------- INFO / PDF SECTION ---------------- */







#infopanel {
//backround:#e19636;

position:absolute;
z-index:700;
width:100px;
height:100px;
}

#infopanel p {
background:red;
line-height:20px;
}

#infopanel a {
text-decoration:none;
padding:2px;
color:#000000;
//background-color:#999999;
margin-bottom:20px;
}

#infopanel h2 {
font-weight:normal;
}

#pdf1 {
position:absolute;
//background:#ffffff;
//padding:10px;
}

#pdf1title, #pdf2title {
color:#e39a32;
height:30px;
position:absolute;
font-size:20px;

}

#pdfcheckout {
position:absolute;

}

#pdfcheckout a:link, #pdfcheckout a:visited {

padding:5px;
font-weight:bold;
background:#e39a32;
color:#ffffff;
text-decoration:none;
}

.pdf_title {
float:left;
width:100%;
font-size:16px;
line-height:25px;
color:white;
font-style:bold;
//text-transform:uppercase;
margin-bottom:10px;
}

#pdf2area {

position:absolute;
background:url('graphics/pdf2bg.png');
z-index:800;
width:100px;
height:100px;


}

#pdf2 {
background:#ffffff;
padding:10px;
position:absolute;
width:100px;
height:100px;
}

.pdf1_cont{
float:left;

}

.thumb img, .thumb2 img {
padding:0;
margin:0;
margin-left:-2px;
}



#textpanel {
//background:#e19636;
position:absolute;
z-index:900;
width:5px;
height:5px;
overflow:auto;
//color:#333333;
line-height:22px;
}

#infoscroller {
//background:red;
width:300px;
height:300px;
overflow:auto;


}

#infocontent {
width:100px;
//height:700px;
//background:yellow;



}

.row {
float:left;
margin-bottom:50px;

}

.col {
float:left;
margin-right:40px;



}

.col2 {
float:left;
margin-right:40px;



}

.col strong {
color:#e39a32;
}





/* -----------------vertical scrollbar------------------------- */



/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:0px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCustomScrollBox .mCSB_scrollTools{
	width:22px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
	padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:5px;
	height:100%;
	margin:0 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:5px;
	height:100%;
	margin:0 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	bottom:0;
	margin-top:-40px;
}



/* -----------------horizontal scrollbar------------------------- */
.mCSB_horizontal .mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:35px;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
	width:100%;
	height:15px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	width:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
	padding-bottom:0;
	padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:5px;
	margin:0;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:5px;
	margin:0px auto;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	right:0;
	bottom:auto;
	margin-left:-40px;
	margin-top:-16px;
	float:right;
}

/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
	opacity:1;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#e9e9e9;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	//background:#333333;
	background:#e39a32;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	
}






.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/* ---------- SWIPER IPAD STYLES ---------------- */








/* ---------- GLOBAL LINK NO BORDER ---------------- */

img, a, a:link, a:visited{
border-width:0;
border:none;
}