body {
	margin: 0;
	padding: 0;
	font-family: FrutigerReg; 
}

@font-face{ 
	font-family: FrutigerReg; 
	src: url(font/FrutigerLTStd-Cn.otf); 
}

@font-face{ 
	font-family: FrutigerLight; 
	src: url(font/FrutigerLTStd-LightCn.otf); 
}

@font-face{ 
	font-family: FrutigerBold; 
	src: url(font/FrutigerLTStd-Bold.otf); 
}

p {
	margin-top:5px;
}

input {
	font-family: FrutigerReg; 
}

a {
	color:#dbc607;
	text-decoration: underline;
}

.page-wrapper {
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-overflow-scrolling: touch;

    box-sizing: content-box;
	position: relative;
	width: 100%;
	overflow: auto;
	z-index: 99;
}



.nav-container {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 20px;
}

.menu-logo {
	padding-top: 10px;
	display: inline-block;
}

.menu-container {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	margin-left: 50px;
	position: relative;
	top: -5px;

}

.menu-container li{
	display: inline-block;
	margin-right: 30px;
	color:#c3bfbf;
}

.menu-container li a{
	color:#c3bfbf;
	text-decoration: none;
}

.menu-bar {
	width: 25px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 18px;
}

.header-search-wrapper {
	background: #ffe600;
	padding: 20px 0px;
	margin-bottom:30px;
}

.header-search-container {
	background: #fff;
	max-width: 275px;
	padding: 5px 10px;
	padding-top:7px;
	margin: 0 auto;
	width: 100%;
	
}

.search-icon {
	width: 20px;
	vertical-align: middle;
}

.search-textbox {
	height: 25px;
	border: 0px;
	width: 250px;
	outline: none;
	font-size: 15px;
	padding-left: 5px;
}





.content-wrapper {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
}


.grid-container {
	display: grid;
	grid-template-areas: 
	'arealeft arealeft areamid areamid areamid arearight arearight'
	'infoleft infoleft infomid infomid infomid inforight inforight'
	'itemleft itemleft itemright itemright itemright itemright itemright';
	

}

.grid-pr-1 {
	grid-area: arealeft;
}

.grid-pr-2 {
	grid-area: areamid;

}
.grid-pr-3 {
	grid-area: arearight;

}

.grid-pr-4 {
	grid-area: infoleft;
}

.grid-pr-5 {
	grid-area: infomid;
	padding-top:40px;

}

.grid-pr-6 {
	grid-area: inforight;
	padding-top:40px;
}

.grid-pr-7 {
	grid-area: itemleft;
	padding-top:30px;
}

.grid-pr-8 {
	grid-area: itemright;
	padding-top:30px;
}




.grid-item {
	
}

.grid-item.grid-pr-1 {
	position: relative;
}

.profile-image {
	float:right;
	right: 20px;
	position: relative;
}

.profile-button {
	position: absolute;
	right: 30px;
	top: 90px;
}


.twoyear-warranty {
	width: 180px;
	display: block;

	margin: 0 auto;
	margin-top: 30px;
}



.profile-fname {
	font-size: 25px;
	margin-top:10px;
	color:#e2e2e2;
}

.profile-username {
	color:#dbc607;
	text-decoration: underline;
	display: inline-block;
}

.profile-bar-container {
	background: url('img/bar-bg.png') repeat-x center right;
	height: 28px;
	overflow: hidden;
	border:1px solid #e6e7e8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:15px;
	width: 90%;
}

.profile-bar-fill {
	width: 40%;
	background: #ffe600;
	height: 30px;
}

.profile-box {
	background: url('img/nikon-card-bg.jpg'); no-repeat center center;
	background-size: cover;
	padding: 15px;
	position: relative;
	padding-top: 135px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 0 0 #DBDBDB;
	box-shadow: 3px 3px 0 0 #DBDBDB;
}

.postal-container {

}



.profile-box-fullname {
	font-size: 20px;
	color:#fff;
}

.profile-box-memnum span {
	font-size: 12px;
}

.profile-box-memsince {
	color:#fff;
}

.profile-box-memsince span {
	font-size: 12px;
	color:#fff;
}

.profile-box-qr {
	max-width:90px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.profile-box-qr img {
	width: 100%;
}

.profile-form-label {
	font-size:12px;
	font-weight:bold;
}

.profile-form-label span{
	color:red;
}

.profile-textbox-container {
	margin-bottom: 15px;
}

.profile-textbox {
	display: block;
	width: 90%;
	height: 35px;
	font-size: 16px;
	outline: none;
	padding-left:10px;
	border: 1px solid #e7e7e7;
	margin-top:3px;
	background:#fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.profile-interest-box {
	margin-bottom: 10px;
}

.profile-update-button {
	background:#ffe600;
	padding: 8px 18px;
	font-size: 14px;
	border: none;
	outline:none;
	font-weight: bold;
	cursor: pointer;
	min-width: 150px;
	-webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.profile-update-button:hover {
	background: #f0da0b;
	-webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}



.warranty-callout{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}


.item-div {
	position: absolute;
	left: 0px;
	height: 1px; 
	margin-bottom: 30px;
	width: 100%;
	background: #ededed;
	top: 215px;

}

.item-add-container  {
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	right: 0px;
	cursor: pointer;

}

.item-add-container img{
	vertical-align: middle;
	position: relative;
	top:-3px;
	width: 30px;
	padding-left: 10px;
}


.item-nav-container ul{
	padding: 0px;
	margin: 0px;
	width: 100%;
	margin-top:20px;
	
}

.item-nav-container ul li{
	list-style: none;
	display: inline-block;
	text-align: center;
	padding: 7px;
	padding-top: 10px;
	border-bottom: 1px solid #1e1e1e;
	margin: 0 -2px;
	width: 31%;
	cursor: pointer;
}

.item-nav-container ul li.item-nav-active {
	background: #ffe600;
	border-bottom: 0px solid #1e1e1e;
	border-top: 3px solid #1e1e1e;
}

.item-nav-container ul li a{ 
	font-size: 15px;
	color:#000;
	text-decoration: none;
}

.item-list-update {
	background:#ffe600;
	padding: 8px 18px;
	font-size: 14px;
	border: none;
	outline:none;
	font-weight: bold;
	cursor: pointer;
	min-width: 150px;
	margin-top: 20px;
	-webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.item-list-update:hover {
	background: #f0da0b;
	-webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}



.item-list-container {
	position: relative;
}

.item-list-box {
	padding: 25px 15px;
	border-bottom: 1px solid #e4e4e4;
	width: 100%;
}

.item-list-box td:first-child{
	width: 150px;
}

.item-image {
	margin-right: 10px;
}

.item-category .label, .item-serialnum .label,
.item-store .label, .item-date .label{
	font-size: 12px;
}

.item-name, .item-category, .item-serialnum,
.item-store, .item-date{
	margin-bottom: 5px;
}






.footer-wrapper {
	background: #272727;
	padding: 20px;
	margin-top: 50px;
	text-align: center;
	color:#4a524a;
	font-size: 14px;
}


.footer-wrapper a{
	text-decoration: none;
}

.item-nav-container-mobile {
	display: none;
}






/***SLIDER NAV**/


.slidenav-wrapper {
	background: #272727;
	width: 350px;
	padding: 10px 0px;
	position: fixed;
	left: -350px;
	top: 0px;
	height: 100%;
	z-index: 909;
	-webkit-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;

}

.slidenav-container {
	list-style: none;
	margin: 0px;
	padding: 0px;

}

.slidenav-container li{
	border-bottom: 1px solid #383838;
}

.slidenav-container li:hover{
	background: #313131;
}

.slidenav-container li.active{
	background: #313131;
}


.slidenav-container a{
	text-decoration: none;
	color:#BDBDBD;
	font-size:85%;
	display: block;
	padding:10px;
	padding-left: 20px;
	padding-top: 12px;
}

.slidenav-close-container {
	background-color: #918206;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}

.slidenav-close-button {
	
	width: 20px;
	padding: 10px;
	cursor: pointer;

}

.user-menu {
	width: 30px;
	position: absolute;
	right: 20px;
	top: 18px;
	z-index:99;

}

.slidenav-user-wrapper {
	background: #272727;
	width: 350px;
	padding: 10px 0px;
	position: fixed;
	right: -350px;
	top: 0px;
	height: 100%;
	z-index: 909;
	-webkit-transition: right 0.3s ease-in-out;
    -ms-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;

}


.slidenav-user-container {
	list-style: none;
	margin: 0px;
	padding: 0px;

}

.slidenav-user-container li{
	border-bottom: 1px solid #383838;
}

.slidenav-user-container li.active{
	background: #313131;
}


.slidenav-user-container a{
	text-decoration: none;
	color:#BDBDBD;
	font-size:85%;
	display: block;
	padding:10px;
	padding-left: 20px;
	padding-top: 12px;
	text-align: center;
}

.slidenav-user-close-container {
	background-color: #918206;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.slidenav-user-close-button {
	
	width: 20px;
	padding: 10px;
	cursor: pointer;

}

.item-list-container-repcases,
.item-list-container-bookrep {
	display: none;
}






@media screen and (max-width: 800px) {

	.menu-container {
		display: none;
	}

	body {
		overflow-x: hidden;
	}

	.menu-bar {
		z-index: 20;
	}

	.menu-logo {
		margin-left: 70px;
	}

	.item-list-container-repcases,
	.item-list-container-bookrep {
		display: none;
	}

	.grid-container {
		display: grid;
		grid-template-areas: 
		'arealeft arealeft'
		'areamid areamid'
		'arearight arearight'
		'infoleft infoleft'
		'infomid infomid'
		'inforight inforight'
		'itemleft itemleft'
		'itemright itemright';
	}

	.grid-pr-2, 
	.grid-pr-5,
	.grid-pr-6 {
		padding: 0px 20px;
	}

	.item-div {
		display: none;
	}

	.profile-box {
		max-width: 330px;
		margin: 0 auto;
		width: 80%;
		margin-bottom: 30px;
	}

	.profile-bar-container {
		width: 100%;
		margin-bottom:10px;
	}

	.grid-item.grid-pr-1 {
	    grid-area: aaa;
	    position: absolute;
	    top: 0px;
	    right: 20px;
	}

	.profile-image {
		right: 0px;
		width:80px;
	}

	.profile-button {
	    position: absolute;
	    right: 0px;
	    top: 50px;
	}

	.profile-bar-container {
		margin-top: 35px;
	}

	.header-search-container {
		max-width: 85%;
	}

	.profile-textbox {

		width: 100%;
	}

	.profile-update-button {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.item-list-box td:first-child {
		width: 1px;
	}

	.item-list-box {
		padding-left: 0px;
		padding-right: 0px;
		position: relative;

	}

	.item-image {
		position: absolute;
		right: 0px;
		width: 80px;
		top: 50px;
	}
	
	.item-image1 {
		position: absolute;
		//right: 0px;
		width: 60px;
		top: 50px;
	}

	.item-category .label, 
	.item-serialnum .label, 
	.item-store .label,
	.item-date .label{
		display: block;
		margin-top: 7px;
	}

	.item-list-update {
		width: 100%;
		margin-top: 10px;
	}

	.item-add-container {
		right: 20px;
		top: 10px;
		z-index: 99;
	}

	.item-nav-container {
		display: none;
	}

	.item-nav-container-mobile {
		display: block;
		background: #ffe600;
	    padding: 15px 20px;
	    font-size: 18px;
	    padding-top:18px;
	    border: none;
	    outline: none;
	    font-weight: bold;
	    cursor: pointer;
	    position: relative;
	    margin-bottom: 5px;
	   
	}

	.item-list-box td:last-child {
		padding: 0px 20px;
	}

	.profile-regprod-toggle,
	.profile-repcases-toggle,
	.profile-bookrep-toggle {
		position: absolute;
	    font-size: 30px;
	    right: 20px;
	    top: 10px;
	    letter-spacing: -3px;
	}

	.user-menu {
		display: block;
		
	}