/*jQuery cart styling*/
.jconfirm .jconfirm-cell{
	position: absolute;
	right: -6%;
	top: 150;
	width: 40%;
}

/*page sections shading*/
.sect{
	border-radius: 10px;
	box-shadow: 5px 10px 20px;
/*	box-sizing: border-box;*/
}

.head-content{
	border: 1px solid black;
	box-sizing: border-box;
	height: 200px;
	margin-left: 50px;
	margin-top: 80px;
	transition: width 1s;
	transition-delay: 0.2s;
	width: 62%;
}

.top-menu{
	background: linear-gradient(darkgray,rgba(40,150,180,0.3));
	border: 1px solid black;
/*	border-radius: 10px;*/
	box-sizing: border-box;
	height: 50px;
	position: fixed;
	top: 5px;
	width: 98%;
}
.top-menu ul{
	display: flex;
	height: inherit;
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.top-menu ul li{
	border: 1px solid black;
	border-radius: 20px;
	box-shadow: 3px 3px 3px;
	box-sizing: border-box;
	height: 85%;
	width: 15%;
}
.top-menu ul li:nth-child(-n+3){
	background: radial-gradient(rgb(115,178,190) 65%, rgb(0,0,0));
	margin-left: 10px;
	transition: width 0.5s;
}
.top-menu ul li:nth-child(-n+3):hover{
	background: linear-gradient(rgb(50,50,50),rgb(40,150,180),
		rgb(50,50,50));
	width: 30%;
}
.top-menu ul li a{
	border-radius: inherit;
	box-sizing: border-box;
	color:black;
	display: inline-block;
	height: inherit;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	transition: width 0.1s;
	width: 100%;
}
.top-menu ul li a a:hover{
	font-size: 20px;
	width: 100%;
}
.top-menu center{
  align-items: center; /*vert*/
	border: 1px solid pink;
  display:flex;
	height: inherit;
  justify-content: center; /*hor*/
	position: absolute;
	top: 0;
	width: inherit;
}
.top-menu ul li:last-child{
	background: radial-gradient(white 30%,rgb(95,158,160),black);
	box-sizing: border-box;
	cursor: pointer;
	margin: 0 20px 0 auto;
	padding-top: 10px;
	width: 24%;
}
.top-menu ul li:last-child:hover{
	background: radial-gradient(white 50%,black,rgb(95,158,160));
	display: button;
}
.floating-cart{
	background: linear-gradient(darkgray, rgba(40,150,180,0.6));
/*	border-radius: 10px;*/
	box-sizing: border-box;
	height: 90%;
	overflow-y: auto;
	padding: 0 5px;
	position: fixed;
	right: 20px;
	top: 70px;
	width: 25%;
}
.floating-cart table{
	table-layout: fixed;
	width: 100%;
}
.floating-cart tr{
	height: 25px;
}
.floating-cart .c1{
	width: 70%;
}
.floating-cart .c3{
	width: 15%;
}
.floating-cart .float-cart-itm .c3{
	background: url("support/close.png") center center no-repeat;
	background-size: 50% 100%;
	cursor: pointer;
	height: 25px;
}
.c2 input[type="number"]{
	width: 100%;
}

.middle-content{
	border: 1px solid black;
/*	border-radius: 10px;*/
	box-sizing: border-box;
	margin: 30px 10px 50px 5px;
	transition: width 1s;
	transition-delay: 0.2s;
	width: 70%;
	word-break: break-all;
}

/*Fieldsets*/
.fsAddress,
.fsPay,
.fsGoods{
	margin: 20px;
}

.goods{
	border: 2px solid black;
	box-sizing: border-box;
	display: table;
	width: 100%;
}
.goods .head{
	display: table-header-group;
}
.goods [class ^= "head-"]{
	display: table-cell;
	text-align: center;
}

.goods .row{
	display: table-row;
}
.goods [class *= "cell"]{
	border: 1px solid black;
	box-sizing: border-box;
	display: table-cell;
	font-size: 10pt;
	padding: 2px;
}
.goods .cell-id,
.goods .cell-qty,
.goods .cell-unitPrice,
.goods .cell-ttlPrice{
	align-self: center;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.goods .cell-id,
.goods .head-id{
	display: none;
}
.goods .cell-name{
	width: 60%;
}
.goods .cell-unitPrice {
	width: 15%;
}
.goods .cell-qty {
	width: 10%;
}
.goods .cell-ttlPrice {
	width: 15%;
}
.goods .cell-qty input{
	width:100%;
}


input[name *= "City"]{
	margin: 3px 0 0 15px;
	padding-left: 5px;
}
select[name *= "State"]{
	height: 21px;
	margin: 3px 5px 0;
	width: 150px;
}
input[name *= "Email"]{
	margin: 3px 0 0 2px;
}

input[name ^= "cb-p"]{
	height: 15px;
	vertical-align: middle;
	width: 15px;
}

/*disable spinners*/
input[name="ccNumber"]::-webkit-inner-spin-button,
input[name="ccNumber"]::-webkit-outer-spin-button,
input[name="ccCvv"]::-webkit-inner-spin-button,
input[name="ccCvv"]::-webkit-outer-spin-button{
	display: none;
	margin: 0;
}

input[name="ccNumber"]{
	margin: 0 0 3px 14px
}

input[name="ccCvv"]{
	margin: 3px 0 0 38px;
}

/*extend middle-content width*/
.mcmax{
	width: 98%;
}
/*extend head-content width*/
.hcmax{
	width: 88%;
}