/* GENERAL PROPERTIES */


html, body {width: 100%; margin: 0; padding: 0; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;	
			-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
			}

img {padding: 0; margin: 0;position: relative; display: block;}
h1, h2, h3 {color: #464646; font-style:italic; font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif;}

h2 { }
h2 { font-size: 24px; font-weight: 300;}
h3 { font-size: 18px; font-weight: 300;}
h4 {color:#e4b21b;  font-weight: 500;} /*efb514*/

p {color:#404040; font-size: 14px; margin: 0 0 20px; line-height: 22px;}


a{text-decoration:none; color: #08c; }
a:hover{text-decoration:underline; }
 
.clear{clear: both;}


/* END GENERAL PROPERTIES */


/* HEADER - NAV */


.nav{ position: relative; font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif; z-index: 9999; list-style:none; margin:0 auto 0; padding:20px 0;  width: 980px;}
#absoluteNav{margin: 0 0 0 -490px; position: absolute; left: 50%}

.logo .nav__logo-link{ background-image: url('../images/base/earyoshinologoblack.png'); background-size: 190px 40px; overflow: hidden; text-indent: -9999px; display: block-inline; position: relative; height: 40px; width: 190px; float: left; margin-left: 20px;z-index: 10;}
.nav__logo-link:hover{background-image: url('../images/base/earyoshinologohover.png');}

@media (-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) 
	{ 
	.logo .nav__logo-link{background-image: url('../images/base/earyoshinologoblack2x.png');-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	.nav__logo-link:hover{background-image: url('../images/base/earyoshinologohover2x.png');-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	}

.logo a nav__logo-link {}
.nav ul{position: relative; display:inline; margin-left: 332px; padding: 0; z-index: 10;} /*  WITH NEWS  margin-left: 238px;  */
.nav-links li{font-style:italic; font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif;display:inline;margin: 0 5px; }
.nav-links a{height: 20px;display:inline-block;padding:12px 20px 8px;text-decoration: none;color: #252422;text-align:center;z-index: 10; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.nav-links a:hover{color: #a49e93;-webkit-transition: all 3s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.nav-links span{color: #a49e93;} /* OLD #a49e93 */
 




/* END HEADER - NAV */

/* PRODUCT PORTFOLIO SELECTION - NAV */

.ProdPortNav-links li{font-style:italic; font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif;display:inline;margin: 0 5px; height: 20px;display:inline-block;padding:12px 20px 8px;text-decoration: none;color: #252422;text-align:center;z-index: 10; cursor:pointer}
.ProdPortNav-links li:hover{color: #a49e93; }

.ProdPortNav-links li a{color: #252422 }
.ProdPortNav-links li a:hover{color: #a49e93; text-decoration:none; }

#NavLink-right {float: right;}
/* END PRODUCT - NAV */


/* NAV FOR INDIVIDUAL PRODUCT INFORMATION - EXAMPLE: 912*/
nav#product { width: 980px; margin: 0 auto; overflow:auto;}
nav#product ul {padding: 0; width: 980px; margin: 0 auto; margin-top: 16px;}

nav#product li {font-style:italic; font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif;display:inline;margin: 0 5px; height: 20px;display:inline-block;padding:12px 20px 8px;text-decoration: none;color: #252422;text-align:center;z-index: 10; cursor:pointer; height: 40px;float: right; list-style: none; color: #000;}
nav#product li a { text-decoration: none; color: #000; font-size: 16px;}
nav#product li a:hover { text-decoration: none; color: #a49e93;}


nav#product li.ProductName {padding: 6px 20px 0 ; height: 40px; font-size: 28px; float: left; cursor:default;}

nav#product .ProductNav-links {padding: 20px 0; overflow:auto; }
nav#product li a.active {color: #a49e93; cursor: default;}

 /* END NAV FOR INDIVIDUAL PRODUCT INFORMATION - EXAMPLE: 912*/






.newsblock-content{width: 100%; max-width: 1400px; margin: 0 auto;
min-width: 980px;}
.inner {
    overflow:hidden;

}
.newsblock {width: 33.3%; padding: 0; display: inline; float: left;}
#middle.newsblock {width: 33.4%}
#left.newsblock img{}

#middle.newsblock a{display: block; height: 320px; width: 100%;background-size: 480px 320px; background-position:center; }
#right.newsblock a{display: block; height: 320px; width: 100%;background-size: 480px 320px; background-position:center; }


@media (max-width: 980px) {
.newsblock {width: 326px; padding: 0 0 0 0; display: inline; float: left;}
#middle.newsblock {width: 328px;}

#newmiddle.newsblock {width: 328px;}
}

.content {width: 100%; height: 640px; display:block; margin: 0 auto 0;     padding-top: 60px;}




.clear-all{clear: both;}
#gradient{position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-size:cover;
    background-image: url(../gradient.png);

    }
#overlay{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color:#000;
opacity:0;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;}

#overlay:hover{
opacity:0.2;
cursor:pointer;
}
#newmiddle.newblock {width: 33.4%}

#newleft a img {margin-left:auto; margin-right:auto;}
#newmiddle a img {margin-left:auto; margin-right:auto;}
#newright a img {margin: 0 auto; position:absolute;   display: block;}

#newright a {position:relative;text-align:center}
.imageCenterer {
  width: 480px;
  position: absolute;
  left: 50%;
  height: 100%;
      margin: 0 0 0 -240px;
}





/*PHOTO BANNER*/

.BannerHeader{width:100%; max-width: 1440px;  min-width:980px; margin: 0 auto; margin-bottom: 15px; overflow:hidden;}
.BannerHeader img{margin-left:-720px;left: 50%; height: 500px;  }

.BannerHeaderInside{ position: relative; width:100%; max-width: 1440px;  min-width:980px; margin: 0 auto; overflow:hidden;}
.BannerHeaderInside img.BannerLoading {margin: 234px auto; left: 0; width: 32px; height: 32px;}
.BannerHeaderInside img.unveil{margin-left:-720px;left: 50%; height: 500px; position: absolute; top:0; opacity: 0;}


/*PHOTO IMAGES*/

.ImageFullWidth{ position: relative; display: block; height: 400px; width:980px; margin: 0 auto 15px; margin-bottom: 15px; overflow:hidden; } 
.ImageFullWidth img.unveil-loading { margin: 184px auto; width: 32px; height: 32px; }
.ImageFullWidth img.unveil{margin-left:-490px;left: 50%; width: 980px; position: absolute; top:0; opacity: 0;}


.ImageExtraWidth{position: relative; width:100%; max-width: 1440px;  min-width:980px; margin: 0 auto; margin-bottom: 15px; overflow:hidden;}
.ImageExtraWidth img{margin-left:-490px;left: 50%; height: 500px; }

/*HOME PAGE*/

.HomeMainLink { width: 1400px;position: absolute;left: 50%;top: 0; margin-left: -700px;}
.HomeMainText {position: absolute; left: 50%; top: 200px; margin-left: -700px;width: 1400px; height: 540px; overflow:hidden; z-index:20;}
img#HomeMainHero {height: 640px;background: #e9e8e6; display: block;  margin: 0 auto;} 

#left.newsblock {display: block; position:relative;  background: none; height: 320px;  overflow: hidden;}
#middle.newsblock {display: block;position:relative; background: none; height: 320px;  overflow: hidden;}
#right.newsblock {display: block;position:relative;height: 320px; background: none;  overflow: hidden;}

    
/*NAVIGATION FOR RETAILERS*/

.RetailNav {width: 950px; margin: 0 auto; padding: 0 15px;}

span.ButtonText{ 
float: left;
display: block;
width: 200px;
height: 54px;
margin: 0 auto 15px;
background: #838072; /*FOR IE 8*/
background-image: -ms-linear-gradient(top, #969283 0%, #838072 100%);
background-image: -moz-linear-gradient(top, #969283 0%, #838072 100%);
background-image: -o-linear-gradient(top, #969283 0%, #838072 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #969283), color-stop(1, #838072));
background-image: -webkit-linear-gradient(top, #969283 0%, #838072 100%);
background-image: linear-gradient(to bottom, #969283 0%, #838072 100%);
cursor: pointer;
border: none;
font-size: 14px;
text-align: center;
line-height: 54px;
letter-spacing:1px;
color: #FFF;
text-decoration: none;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
span.ButtonText:hover
{
color: #2c2c2c;
background: #737166; /*FOR IE 8*/
background-image: -ms-linear-gradient(top, #737166 0%, #646255 100%);
background-image: -moz-linear-gradient(top, #737166 0%, #646255 100%);
background-image: -o-linear-gradient(top, #737166 0%, #646255 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #959389), color-stop(1, #706f66));
background-image: -webkit-linear-gradient(top, #959389 0%, #706f66  100%);
background-image: linear-gradient(to bottom, #959389 0%, #706f66 100%);
}

span.ButtonText:active{
color: #000;
background: #838072; 
}

span#active.ButtonText
{
color: #fff;
background: #464646; /*FOR IE 8*/
background-image: -ms-linear-gradient(top, #464646 0%, #646255  100%);
background-image: -moz-linear-gradient(top, #464646 0%, #646255 100%);
background-image: -o-linear-gradient(top,  #464646 0%, #646255 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #464646), color-stop(1, #646255));
background-image: -webkit-linear-gradient(top, #464646 0%, #646255 100%);
background-image: linear-gradient(to bottom,  #464646 0%, #646255 100%);
}

/*LIST OF RETAILERS */

.SupplierBody{width: 950px; margin: 0 auto; height: auto; padding: 15px 15px 40px 15px ;}

.supplier {width: 100%; border-bottom: 1px solid #888; margin-bottom: 20px;}
.supplierLeft {float: left;display: inline-block; width: 34%; }
.supplierMiddle {float: left;display: inline-block; width: 31%;line-height: 22px; height: 131px;}
.supplierRight {float: left;display: inline-block; width: 35%;/* padding-top:28px;*/}

.supplierLeft h2,h4 {margin: 0; line-height: 28px; }

.supplierLeft h2 {font-size: 22px;  font-weight: 400;}


/* END LIST OF RETAILERS */


/* PRODUCT SELECTION PAGE */

#mix-title h2{background: #464646; color: #fff; width: 320px;}

.wrapper {max-width: 980px; margin-top: 0; padding-top: 80px;}
ul#Grid { width: 980px; }

#Grid .mix { width: 980px;}
#mix-title {padding-top: 40px;}
#mix-product a { width: 980px; height: 200px; display: block; background-color: #eee;-moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#mix-product a:hover{ background-color: #d9d9d9; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.controls {font-style:italic; display: block; font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif; font-size: 16px; width: 100%;         text-align: center;
 }
.controls ul { display: inline-block; margin: auto auto; width: 980px;}
.controls li { display: inline; cursor: pointer; margin: 0 ; padding: 0 15px; font-size: 16px; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.controls li:hover { color: #a49e93; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
li.filter.active {font-weight: 300; color: #a49e93; cursor: default; }
li#viewall {padding: 0 15px; }
.FullInfoBanner {width: 920px; background-color: #686868;; margin: 0 auto; padding: 15px 30px; display: block;}
.FullInfoBanner-Icon {float: left; width: 180px; padding: 0 15px; }
.FullInfoBanner-Product {float: left; width: 290px; padding: 0 10px; }
.FullInfoBanner-Writing {float: left; width: 600px; }

.FullInfoBanner img {display: inline-block; float: left; }
.FullInfoBanner h2 {display: inline-block;float: left; margin: 30px 0 20px;color: #fff;}
.FullInfoBanner p {display: inline-block; font-style: normal; float: left; font-size: 14px; color: #fff;    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.FullInfoBanner p a {color: #08c; }
.mix category_1 mix_all {display: inline-block;}

#mix-product h4 {font-size: 18px;font-style:italic; font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif;  font-weight: 400;}
#mix-product p {font-size: 14px; font-weight: 300; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color: #000; max-height: 999999px; /* MAX HEIGHT FOR GOOGLE ANDROID */}
#mix-product h5 {font-size: 12px; font-weight: 400; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; width: 520px; text-align: left; padding: 0 15px;display: inline-block; position: absolute; top: 140px; left: 0; float: left; color: #777777;}
#mix-product .readmore {font-size: 14px; font-weight: 300; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color: #000; width: 520px; text-align: left; padding: 0 15px; display: inline-block; position: absolute; top: 140px; left: 0; float: left;  }
#mix-product:hover .readmore{   text-decoration: underline;}

/* END PRODUCT SELECTION PAGE */

/* ------------INDIVIDUAL PRODUCT INFORMATION------------ */




/*PRODUCT GENERAL INFOMATION CSS*/


.ProductInfo {width: 100%; min-width: 980px; max-width: 1440px; margin: 0 auto;  opacity: 1; transition: opacity 4s; -webkit-transition: opacity 3s ease-in-out; }

.productInfo a {font-size: 14px; text-decoration:none; color:#08c;}
.productInfo a p{font-size: 14px; text-decoration:none; color:#08c;}
.productInfo a:hover {text-decoration:underline;}

.ProductFeature {position: relative; width: 100%;height: 500px; display: inline-block; overflow: hidden; background-color: #fff; z-index: 0;}
#Specification.ProductFeature {height: 450px;}

.ProductFeature img {position: absolute; top: 0px; left: 50%; margin-left: -720px; visibility: visible; float: right; height: 500px; z-index: 5;}
.ProductFeature img#slim {left: 50%; margin-left: -490px;}
.ProductFeature img#Specification {left: 50%; margin-left: -490px; height: 350px;}

.ProductText {width: 980px; height: 439px; position: absolute; top: 0; margin: 0 auto; padding-top: 60px;z-index: 10;}
.ProductTextRight {width:420px; float: right; padding-right: 30px;}
.ProductTextLeft {width:420px; float: left; padding-left: 30px;}
.ProductTextCenter {width:720px;  margin: 0 auto; padding-top: 180px;}

.ProductText p {line-height: 28px;}
.ProductText H2 {font-size:20px; font-weight: 400; color: #252422; line-height:32px;}
.ProductTextCenter H2{Text-align: center;}

hr.medium-width {width: 980px; margin: 0 auto; border-top: none; border-bottom: 1px solid #5e5b56; }


img.unveil { opacity: 0;transition: opacity .5s ease-in;}


.ProductWidth {width: 980px; height: 500px; margin: 0 auto;}
.ProductWidth img.loading {position: relative; float: left; margin: 234px 0 0 250px; left: 0; width: 32px; height: 32px;}
.ProductWidth img#right.loading {margin: 234px 250px 0 0; float: right;}
.ProductWidth img#center.loading {margin: 125px 0 0 474px ;}
.ProductWidth img#specs-center.loading {margin: 175px 0 0 474px ;}


/*SLIDER CSS*/

.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}



/************* REVOLUTION SLIDER *****************/

.tp-bannertimer {
    background:#777 !important;
    background:rgba(0,0,0,0.1) !important;
    height:5px !important;
  }



.tparrows:before {
    font-family: 'revicons';
	color: #fff;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 9px;
    text-align: center;
    width: 40px;
    font-size: 20px;
}
.tparrows {

    cursor: pointer;

    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 40px !important;
    height: 40px !important;

}
.tparrows:hover {
    color: #fff;
}
.tp-leftarrow:before {
    content: '\e824';
}
.tp-rightarrow:before {
    content: '\e825';
}
.tparrows.tp-rightarrow:before {
    margin-left: 1px;
}
.tparrows:hover {
    background: rgba(0, 0, 0, 1) !important;
}

#slider4container .tparrows:before,
#slider4container .tparrows:hover,
#slider4container .tparrows {
    color: #000 !important;
}

#slider4container .tparrows {
	background:#fff !important;
	background:rgba(255,255,255,0.5) !important;
}

#slider4container .tparrows:hover	{
	background:#fff !important
}

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}



.tp-banner-container {min-height: 500px; max-height: 500px; min-width: 980px; max-width: 1440px; margin: 0px auto; z-index: 0; overflow: visible;}
.tparrows { cursor: pointer;background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 5px;border-radius: 5px;padding: 0 !important; width: 40px !important; height: 40px !important;}
.tparrows:before {font-family: 'revicons';color: #fff;font-style: normal;font-weight: normal;speak: none;display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 9px !important; text-align: center; width: 40px !important; font-size: 20px;}
@media only screen and (max-device-width: 980px) { .tparrows:before {margin-top: 4px !important;}}

.tparrows:hover {color: #fff;}

.tp-leftarrow:before {content: '\e824';}
.tp-rightarrow:before {content: '\e825';}
.tparrows.tp-rightarrow:before {margin-left: 1px;}
.tparrows:hover { background: rgba(0, 0, 0, 1) !important;}
.tp-banner ul {list-style: none;}


/*SLIDER CSS END */

#digital-section, #features-section, #specs-section, #downloads-section {
display: none; }



/*PRODUCT GENERAL INFOMATION CSS*/


/* PRODUCT SPECIFICATION */

.SpecsCell { float: left; width: 340px; margin: 0 70px;  height: 250px; border-bottom: 1px solid #5e5b56;}
#eightline.SpecsCell { height: 285px;}
#nobottom.SpecsCell { border-bottom: 0;}

.SpecsCell h3 { font-weight: 300;}	
.SpecsCell p { margin: 0; padding: 0; line-height: 28px;}	

/* END PRODUCT SPECIFICATION */

/* PRODUCT DOWNLOADS */

.downloadHeading h2{margin: 10px 0 10px 15px;font-style: normal; font-weight: 400; font-size: 18px; line-height: 12px; float: left; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.downloadHeading p{margin: 0 0 0 15px; line-height: 12px; float: left; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.downloadHeading {float: left; margin: 0 15px 0 0 ; width: 170px; background-color:#e1e1e1; height: 120px; padding: 10px;position: relative; border: 1px solid #c7c0b3; }
.downloadHeading img {margin: 0 auto; left:0;position: relative; height: 48px; width: 48px; z-index: 1;float: left;border: 0;}


.downloadButton {background-color: #eeb919; float: left; margin: 15px 15px 0 0 ; width: 160px; height: 48px; padding: 5px; border: 1px solid #c7c0b3; border-top: none;}
.downloadButton:hover {background-color: #e4b21b;}
#download-no-hover.downloadButton:hover {background-color: #eeb919;}	
	
.downloadButton h2{ color: #fff;}
.downloadButton p{color: #fff; }
/* .downloadButton img{margin: 0 auto; left:0;position: relative; height: 48px; width: 48px; z-index: 1;float: left;}
*/
a.instructions p {padding: 10px 15px; margin: 0;float: left;}
a.instructions p:hover {color: #08c;  text-decoration: underline;}
a.instructions {padding: 10px; float: left; }
a.instructions img {margin: 0 auto; left:0;position: relative; height: 48px; z-index: 1;float: left;display: inline-block; border: 0;}
/* END PRODUCT DOWNLOADS */

/* END PRODUCT PAGES */


/* INSIDE PAGES */

.insideText a{font-size: 14px; }

/* END INSIDEPAGES */




/*CONTACT FORM*/

#contact-form h5 {font-size: 14px;font-weight: lighter; font-weight: 300; margin: 0 0 5px 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light",'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;	}


/*END CONTACT FORM*/


/* FOOTER */

.footer { border-top: 1px solid #c7c0b3; width: 978px; clear: both; margin: 20px auto;  }
.footer-links{ display: inline; }
ul.footer-links{text-align: center; margin: 0 auto; display: block; padding: 10px 10px 0;}
.footer-links li{ display:inline;margin: 0; border-left: 1px solid #252422;}
.footer-links li#left{border: none;}

ul.footer-links li a{  text-decoration: none; text-align:center;display:inline;margin: 0 50px; font-size: 12px;  color: #666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;font-style:normal; }
ul.footer-links li a:hover{ position: relative; border-bottom: 1px solid #000; }





.footer p {text-align: center; color: #252422; margin: 12px 0 10px; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; font-style:normal;}

///////////////////////////* END FOOTER *///////////////////////////