#sort{
	padding-bottom:0.5em;

}
@font-face {
    font-family: 'brandFont';
    src: url('font/basictitlefont.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;
}
body {
	font-family: 'Abel', Arial, serif;
	padding:0;
	margin:0;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	max-width:100%;
	max-height:100%;
	list-style:none;
}
h1, h2, h3, h4{
	font-family: brandFont, 'Abel', serif;
	

}
a h4{
	font-weight:normal;

}

a:active, a:hover, a h4:hover, a h4:active{
	font-weight:bold;
}

a:link {
	background-color: inherit;
	color: inherit;
}

a:visited {
    background-color: inherit;
	color: inherit;
}

a img:active, a  img:hover{
	
	opacity: 0.7;

}


header{
	padding-top: 1.5rem;
	padding-left:45%;
}
	header a{
		text-decoration:none;
	
	}
	
	header h1{
		margin:0;
		font-size: 2.5rem;
		color: #0f1769;

	}
section{
	padding-top: 2em;
	padding-right:1em;
}
#wrapper{
	max-width:1920px;
	padding:0 1.5rem;
}
#chekcout {
	height:auto;
}
	#checkout h2{
		padding-bottom: 1.5em;
		margin: 0;
	}
	#checkoutProcessBar div{
		padding: 0.5em 2.5em;
		margin:0;
		background-color:#0f1769;
		color:#efeccd;
		display: inline-block;
	}
	#checkoutProcessBar .current{
		color: #0f1769;
		background-color: #efeccd;
	}
	#checkoutProcessBar{
		border-bottom:1px solid black;
		
	}
	#checkout form h3{
		padding:0 1em;
	}
	#checkout form div{
		padding: 1em;
	}
		#checkout form select, #checkout form input {
			float: right;
		}
		#checkout form select:after, #checkout form input:after{
			clear:both;
		}
		#help{
			color:#efeccd;
			background-color:#0f1769;
			padding: 1em;
			position:fixed;
			right:0;
			top: 15em;
			font-size: 0.8em;
		}
		#help:hover, #help:active{
			background-color: #efeccd;
			color:#0f1769;
		
		}
[class*='button']{
	display: inline-block;
	color:#efeccd;
	background-color:#0f1769;
	width:20%;
	margin-top: 1em;
	margin-bottom:1em;
	padding: 1em 0;
	font-size: 80%;
	text-align:center;
	
	transition: background-color 0.5s ease-out;
}
 	[class*='button']:hover, [class*='button']:active{
		background-color: #efeccd;
		color:#0f1769;
	
	} 

.buttonLeft{
	float:left;
}

.buttonRight{
	float:right;

}

nav {
	margin: 0;
	position: relative;
	background-color: #0f1769;
	color:#efeccd;
	bottom:0;
	width: 100%;
	list-style:none;
	font-size: 1.3rem;
	font-family: brandFont, 'Abel', serif;
}
	#siteSearch form{
		display: inline-block;
		padding: 1.5em 1em;
	}
		#siteSearch div{
			display:inline-block;
			font-size:0.6em;
			
		}
	nav a{
		text-decoration:none;
	
	}
		
	nav ul{
		margin:0;
		padding:0;
		display: inline-table;
		position:relatve;

	}
	nav ul:after {
		content:" ";
		clear: both; 
		display: block;
	}
		nav ul li{
			display:inline;
		}
		nav ul li:hover > ul {
			visibility:visible;
			opacity:1;
			transition-delay: 0s;
		}
			nav ul li a {
				display: inline-block;
				width:100%;
				padding-top: 1.5em;
				padding-bottom: 1.5em;
				text-align:center;
				
			}
			nav ul li:hover, na ul li:active{
				color: #0f1769;
				background-color: #efeccd;
			}
				nav ul ul{
					visibility:hidden;
					opacity:0;
					position:absolute;
					bottom: 100%;
					font-size: 0.8em;
					width:10%;
					transition: visibility 0s linear 0.5s, opacity 0.5s ease-out;
				}
 					nav ul ul li {
						display:block;
						background-color: #0f1769;
						color:#efeccd;
						
						
					} 
					nav ul ul li:hover, na ul ul li:active{
						color: #0f1769;
						background-color: #efeccd;
					}
						nav ul ul li a{
							width:100%;
						}
section img{
	width:100%;
	height:auto;

}
#sideNav{
	border:1px solid #ccc;
	padding: 1em;
	
}
	#sideNav li{
		list-style:none;
		color: #0f1769;
	}
	#sideNav .current{
		font-weight:bold;
	
	}

#productList{
	padding: 0 1em;
}
	#productList img{
		width:50%;
		height:50%;
	}

#product{
	padding: 0 2em;

}
	#product img{
		padding-left:40%;
	}

#direction{
	font-size:0.8em;
	color: #bbb;
	

}
#shoppingCart div{
}
	#shoppingCart div div{
		margin-bottom: 2em;
	
	}
	#shoppingCart div input{
		margin-bottom: 2.5em;
	
	}
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
}

.blogPost{
	padding-bottom: 1em;
	margin-bottom: 3em;
	border-bottom: 1px solid #bbb;
	padding-left: 1em;
	

}
.blogPost img{
	width:50%;
	height:50;
	margin-left:20%;
}
textarea{
	display:block;
}


	#gallery ul {
		margin-left:25%;
	}
		#gallery ul li{
			list-style: none; 
			display: inline;
		}
			#gallery li img{
				margin:0;
				padding: 0.5em; 
				width: 20%; 
				height: 20%; 
			}
			#gallery li img:hover{
				opacity: 0.7;
			
			}

#lookbook img{
	padding-right:1em;
	width:80%;
	height:80%;

}