html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	background-color: #FFF;
}

#header {
	width: 100%;
	height: 107px;
	float: left;
	position: relative;
}

#header .container {
	max-height: 107px;
}

#header .logo {
	left: 0;
	position: relative;
	float: left;
	padding: 0;
	z-index: 100;
	text-align: right;
}

#header .navigation {
	float: left;
	padding-right: 0
}

#header .navigation ul.nav {
	margin: 40px 0;
	float: right;
}

#header .navigation ul.nav li {
	float: left;
}

#header .navigation ul.nav li:last-child {
	margin-right: 0;
}

#header .navigation ul.nav li a {
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 20px;
	font-size: 19px;
	font-family: 'Oswald', sans-serif;
	border-right: 1px solid #7e7e7e;
}

#header .navigation ul.nav li a:hover {
	color: #6996ca;
	background-color: #FFF;
}

#header .search {
	float: left;
	margin: 40px 0;
	padding: 0;
	text-align: center;
}

#header .cart {
	background-color: #6996ca;
	padding: 41px 0;
	text-align: center;
}

#hero-image {
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
}

#hero-image .container {
	padding: 0;
}

#hero-image .container .herocarousel { float: left; width: 100%; height: 350px; }
#hero-image .container .herocarousel > div { float: left; width: 100%; height: 350px; text-align: center; }

#hero-image img {
	width: 100%;
	height: auto;
	max-width: 1500px;
}

#content {
	float: left;
	width: 100%;
}

#content .sidebar {
	float: left;
	background-color: #252525;
	color: #FFF;
	padding: 20px 40px;
	min-height: 600px;
}

#content .sidebar h2 {
	text-align: left;
	text-transform: uppercase;
}

#content .sidebar form {
	float: left;
	width: 100%;
	position: relative;
}

#content .sidebar input[type="text"] {
	border: 0;
	background-color: #171717;
	color: #7e7e7e;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	width: 94%;
	padding: 20px 40px 20px 10px;
	height: 30px;
}

#content .sidebar input[type="submit"] {
	background-image: url(../images/searchglass2.jpg);
	border: 0;
	background-color: transparent;
	position: absolute;
	right: 25px;
	top: 6px;
	width: 27px;
	height: 26px;
}

#content .sidebar ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	padding: 15px 0;
}

#content .sidebar ul li {
	float: left;
	width: 100%;
	margin: 7px 0;
}

#content .sidebar ul li a {
	color: #FFF;
	font-weight: 300;
	font-size: 20px;
}

#content .sidebar a.specials {
	background-color: #6996ca;
	text-decoration: none;
	color: #FFF;
	font-size: 20px;
	padding: 10px 25px;
	text-transform: uppercase;
	margin-top: 15px;
	float: left;
}

#content .main {
	float: left;
	padding: 0;
}

#content .main .top-main {
	width: 100%;
	float: left;
	height: 100px;
	color: #FFF;
}

#content .main .top-main ul {
	float: left;
	list-style: none;
	margin: 39px 0;
}

#content .main .top-main ul li {
	float: left;
	padding: 0 15px;
}

#content .main .top-main ul li a {
	font-family: 'Open Sans', sans-serif;
	color: #7e7e7e;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
}

#content .main .top-main ul li a:hover {
	color: #171717;
}

#content .main .top-main .cart-contents {
	float: right;
	font-size: 17px;
	color: #6996ca;
	font-weight: 300;
	text-transform: uppercase;
	margin: 38px 0;
}

#content .main .top-main .cart-contents a {
	background-color: #6996ca;
	text-decoration: none;
	color: #FFF;
	font-size: 17px;
	padding: 0px 15px;
	margin-left: 15px;
}

#content .main .content-main {
	width: 100%;
	float: left;
	min-height: 500px;
	background-color: #e1e1e1;
	padding: 0 25px;
}

#footer {
	width: 100%;
	float: left;
	background-color: #6996ca;
	min-height: 400px;
}

#footer .top-footer {
	float: left;
	width: 100%;
	margin: 15px 0;
	border-bottom: 2px solid #96b6da;
}

#footer .top-footer ul {
	width: 100%;
	float: left;
	list-style: none;
	margin: 20px 0;
}

#footer .top-footer ul li {
	float: left;
	border-right: 2px solid #96b6da;
	padding-right: 30px;
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
	word-spacing: 5px;
	margin-left: 30px;
}

#footer .top-footer ul li:last-child {
	border: 0;
}

#footer .top-footer ul li span.usa {
	font-size: 36px;
}

#footer .top-footer ul li img.usa {
	position: relative;
	top: -5px;
}

#footer .top-footer ul li a {
	
}

#footer .bottom-footer {
	
}

#footer .bottom-footer .left-side {
	float: left;
}

#footer .bottom-footer .left-side h2 {
	color: #FFF;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 25px;
}

#footer .bottom-footer .left-side ul {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
	list-style: none;
	padding-left: 0;
}

#footer .bottom-footer .left-side ul li {
	margin: 5px 0;
}

#footer .bottom-footer .left-side ul li a {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}

#footer .bottom-footer .right-side h2 {
	color: #FFF;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 25px;
}

#footer .bottom-footer .right-side p {
	color: #FFF;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 2px;
}

@media only screen and (max-width: 767px) {
	#header {
		height: auto;
	}
	
	#header .logo {
		text-align: center;
	}
	
	#header .container {
		padding: 0;
	}
	
	#header .navigation {
		padding: 0;
	}
	
	#header .navigation ul.nav {
		margin: 10px 0;
		float: left;
		width: 100%;
	}
	
	#header .navigation ul.nav li {
		border: 0;
		float: left;
		width: 100%;
		text-align: center;
		margin: 5px 0;
	}
	
	#header .navigation ul.nav li a {
		border-right: 0;
	}
	
	#header .search {
		margin-top: 15px;
	}
	
	#hero-image {
		display: none;
	}
	
	#footer .top-footer ul {
		padding: 0;
	}
	
	#footer .top-footer ul li {
		width: 100%;
		padding: 0;
		margin: 10px 0;
		border-right: 0;
		text-align: center;
	}
	
	#content .container {
		padding: 0;
	}
	
	#content .main .top-main {
		height: auto;
		margin: 10px 0;
	}
	
	#content .main .top-main ul {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	
	#content .main .top-main ul li {
		float: left;
		width: 100%;
		text-align: center;
	}
	
	#content .main .top-main .cart-contents {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 0;
		margin-top: 10px;
	}
	
	#categoryGrid .content-odd3, #categoryGrid .content-even3 {}
	
	#productGrid img {
		max-width: 100%;
		height: auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#hero-image .container .herocarousel { float: left; width: 100%; min-height: 326px; }
	#header .navigation ul.nav li a {
		padding: 0 15px;
	}
	
	#footer .top-footer ul {
		padding: 0;
	}
	
	#footer .top-footer ul li {
		width: 100%;
		padding: 0;
		margin: 10px 0;
		border-right: 0;
		text-align: center;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	#hero-image .container .herocarousel { float: left; width: 100%; min-height: 393px; }
	#header .navigation ul.nav li a {
		padding: 0 10px;
	}

	#footer .top-footer ul {
		padding: 0;
	}
	
	#footer .top-footer ul li {
		margin-left: 10px;
		padding-right: 10px;
	}
}

/*** CART STYLES ***/

#categoryGrid .homepagecontent p {
	width: 100%;
}

#categoryGrid .homepagecontent p img {
	width: 100%;
}

#categoryGrid .photo {
	height: 175px;
}

#categoryGrid .photo img {
	width: 100%;
	min-height: 100px;
	max-height: 175px;
	height: auto;
}

#categoryGrid .title {
	background-color: #FFF;
	margin: 0;
	padding: 15px 0;
}

#categoryGrid .title a {
	font-size: 25px;
	font-weight: 300;
	text-decoration: none;
}

#categoryGrid .description {
	background-color: #FFF;
}

.ccWidget .top {
	display: none;
}

#productGrid {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #424242;
}

#productGrid a {
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
}

#productGrid img {
	width: 100%;
	height: auto;
}

#productGrid .photo img { max-width: 125px; }

#productGrid h1 a {
	font-size: 25px;
	color: #424242;
}

#productGrid #categoryDescription {
	border: 0;
	font-size: 14px;
	font-style: italic;
}

#productGrid #topOptions .sort .label {
	font-size: 14px;
	color: #424242;
}

#productGrid .description p, #productGrid .description p span {
	color: #424242 !important;
	font-family: 'Open Sans', sans-serif !important;
}

#productGrid .details .buttons .detailBtn {
	height: auto;
	padding-bottom: 6px;
}

#productGrid h1, #productDetail h1, #categoryGrid h1 {
	color: #424242;
}

#productDetail #productDescription p, #productDetail #productDescription p span {
	color: #9a9a9a !important;
	font-size: 14px !important;
	font-family: 'Open Sans', sans-serif !important;
}

#productDetail #extraDetails {
	color: #6996ca;
}

#productDetail #price {
	font-size: 28px;
	color: #6996ca;
}

#productDetail .form-field, #productDetail .form-label {
	font-size: 18px;
}

#productDetail .form-field {
	font-weight: 300;
}

#productDetail .submitBtn {
	font-weight: 300;
}

#productDetail .hdr-title {
	width: 100%;
}

#productDetail #productsRelated .content-odd {
	width: 33%;
}

#productDetail #productsRelated .content-even {
	width: 33%;
}

#productDetail #productsRelated .title {
	width: 100%;
}

#productDetail #productsRelated .title a {
	font-size: 18px;
	color: #424242;
}

#productDetail #productsRelated .details {
	width: 100%;	
}

#productDetail #productsRelated .details .sprice {
	font-size: 16px;
}

#productDetail #productsRelated .details .buttons .addToCartBtn a {
	font-size: 16px;
}

#productDetail .hdr-title .hdr-title-text {
	font-size: 24px;
	font-weight: 300;
}

#viewCart {
	width: 100%;
	font-size: 14px !important;
}

#viewCart #cartItems thead tr th {
	font-size: 16px;
	font-weight: 300;
}

#viewCart #cartItems tbody tr td {
	font-size: 16px;
}

#viewCart #cartItems tbody tr td a {
	font-size: 16px;
	font-weight: 300;
}

#searchForm #searchFormCategory .label {
	color: #424242;
	height: auto;
	padding-left: 0;
}

#searchForm #searchFormShopByPrice .label {
	color: #424242;
	height: auto;
	padding-left: 0;
}

#searchForm #searchFormKeywords .label {
	color: #424242;
	height: auto;
	padding-left: 0;
}

.hdr-title, .label {
	font-weight: 300 !important;
	font-size: 16px;
}

thead tr th {
	font-size: 16px !important;
	font-weight: 300 !important;
}

table { border: 0; }

tbody tr td {
	font-size: 16px !important;
	border: 0;
}

tbody tr td a {
	font-size: 16px !important;
	font-weight: 300 !important;
}

#productGrid #topOptions .myrow {
	width: 100%;
}

/*** END CART STYLES ***/