/* ESSENTIALS */



@font-face {

    font-family: 'light';

    src: url('fonts/Exo-Light.eot');

    src: url('fonts/Exo-Light.eot?#iefix') format('embedded-opentype'),

        url('fonts/Exo-Light.woff') format('woff'),

        url('fonts/Exo-Light.ttf') format('truetype'),

        url('fonts/Exo-Light.svg#Exo-Light') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'regular';

    src: url('fonts/Exo-Regular.eot');

    src: url('fonts/Exo-Regular.eot?#iefix') format('embedded-opentype'),

        url('fonts/Exo-Regular.woff') format('woff'),

        url('fonts/Exo-Regular.ttf') format('truetype'),

        url('fonts/Exo-Regular.svg#Exo-Regular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'bold';

    src: url('fonts/Exo-Bold.eot');

    src: url('fonts/Exo-Bold.eot?#iefix') format('embedded-opentype'),

        url('fonts/Exo-Bold.woff') format('woff'),

        url('fonts/Exo-Bold.ttf') format('truetype'),

        url('fonts/Exo-Bold.svg#Exo-Bold') format('svg');

    font-weight: normal;

    font-style: normal;



}



p

{

	font-size:16px;

}



html

{

	height: 100%;

}

body

{

    padding: 0px;

    font-family: 'regular', Verdana, Arial;

    font-size: 16px;

    color: #666;

    /*background: url('../images/bgTop.png') no-repeat center center fixed;*/ 

	height: 100%;

	margin:0;

	transition: background 0.5s linear;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	overflow-x:hidden;

}



h1, h2, h3, h4, h5

{

	margin: 0px;

	padding: 0px;

}



.header

{

	background: #fff;

    width: 100%;

    position: fixed;

	z-index:1;

	box-shadow: 0px 2px 3px #999;

}



.header_container

{

	width: 80%;

	margin: 0 auto;

	max-width: 1940px;

}



.header_left

{

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

}



.header_right

{

	float: right;

	margin-top: 10px;

	margin-bottom: 10px;

	position: relative;

}



.top_account_bar

{

	font-size: 12px;

	float: right;

}



.top_account_bar img

{

	height: 16px;

	vertical-align: middle;

	margin-left: 20px;

	margin-right: 10px;

}



.top_account_bar a

{

	font-size: 12px;

	color: #666;

	font-family: regular;

}



.menu ul

{

	list-style: none;

	margin-left: -40px;

	margin-right: -20px;

}



.menu ul li

{

	float: left;

}



.menu ul li a

{

	padding: 20px;

	padding-top: 10px;

	padding-bottom: 10px;

	font-family: 'bold';

	font-size: 14px;

	color: #888;

	border-bottom: 3px solid #fff;

	display: inline-block;

}





.menu ul li a:hover

{

	border-bottom: 3px solid #d70000 !important;

}



.menu_selected

{

	border-bottom: 3px solid #d70000 !important;

}



/* Dropdown Button */

.dropbtn {

  border: none;

}



/* The container <div> - needed to position the dropdown content */

.dropdown {

  position: relative;

  display: inline-block;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f1f1f1;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

      top: 35px;

}



/* Links inside the dropdown */

.dropdown-content a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #ddd;}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {display: block;}



.triple_top

{

	position: absolute;

	top: 95px;

	

}



.triple_top img

{

	vertical-align: middle;

	margin-right: 5px;

}



.triple_top a

{

	font-size: 12px;

	color: #fff;

}



.banner

{

	/* background-image: url('../images/banners/banner2.jpg');

	background-attachment: fixed;

	position: relative;

	background-color: #061C2D;

	z-index: -1; */

	/* transform: translateZ(-1px) scale(1.05); */

	padding-top: 95px;

	max-width: 1940px;

	margin:auto;

}



.banner_msg

{

	position: absolute;

	font-family: 'bold';

    top: 0px;

    width: 100%;

    text-align: center;

}



.banner_msg h1

{

	color: #fff;

	font-size: 72px;

}



.banner_msg h3

{

	color: #fff;

	font-family: light;

	font-size: 26px;

}



.quad_background

{

	background: #f40009;

}



.index_quad

{

	float: left;

	width: 21%;

	margin: 2%;

	text-align: center;

	color: #fff;

	margin-top: -50px;

}



.index_quad img

{

	width: 100%;

	margin-bottom: 10px;

}



.index_quad h2

{

	font-size: 18px;

	font-family: bold;

	color: #fff;

}



.index_quad h5

{

	font-size: 12px;

	color: #fff;

}



.index_pre_footer

{

	text-align: center;

	color: #fff;

	background-image: url('../images/pre_footer.jpg');

	background-attachment: fixed;

	position: relative;

	padding-top: 60px;

	padding-bottom: 60px;

	transform: translateZ(-1px) scale(1.1);

}



.index_pre_footer h2

{

	font-size: 36px;

	font-family: bold;

	color: #fff;

}



.index_pre_footer h5

{

	font-size: 14px;

	font-family: light;

	color: #fff;

	line-height: 1.8em;

}



a

{

    border: none;

    color: #f40009;

	text-decoration: none;

}



strong

{

    font-weight:  normal;

    font-family: 'bold', Verdana, Arial;

}



h1,h2,h3,h4,h5

{

    padding: 0px;

    font-weight: normal;

}



h1

{

	font-family: 'bold';

    color: #d70000;

}



h2

{

    color: #d70000;

	font-family: 'bold';

	font-weight: bold;

}



h3

{

	font-family: 'bold';

}



h5

{

    font-size: 12px;

}





.left

{

    float: left;

}



.right

{

    float: right;

}



.clear

{

    clear: both;

}





.mainContent

{

	padding-top: 145px;

	width: 80%;

	margin: 0 auto;

	max-width: 1940px;

}





/* Main display list layout */



.centralContent

{

    float: left;

    width: 73%;

    padding-left: 2%;

}







.leftNavigation

{

    width: 25%;

    float: left;

    min-height: 500px;

    border-radius: 14px;

    -webkit-border-radius: 14px;

    -moz-border-radius: 14px;

    margin-bottom: 30px;

}



.categoryLink

{

    padding-left: 20px;

}



.leftNavigation p

{

    margin: 0px;

    margin-top: 20px;

    margin-bottom: 20px;

}



.leftNavigation a

{

    text-decoration: none;

    color: #666;

}



.leftNavigation img

{

    vertical-align: sub;

    margin-right: 10px;

}



.navHeader

{

    padding: 15px;

    background: #f40009;

    color: #fff;

    margin-bottom: 4px;

    font-size: 18px;

	border-radius: 8px;

	font-family: bold;

}



.navHeader img

{

    vertical-align: middle;

    margin-right: 10px;

	height: 20px;

}





.inputBox

{

    background: #eee;

    padding: 15px;

    border-radius: 8px;

    padding-left: 15px;

    border: 1px solid #eee;

    width: 90%;

    font-family: 'robotoRegular', Arial;

    color: #666;

    position: relative;

}



.actionButton

{

    background: #d70000 ;

    font-family: 'bold', Arial;

    padding: 10px;

    color: #fff;

    cursor: pointer;

	font-size: 14px;

}



.submitButton

{

    background: #d70000 ;

    font-family: 'bold', Arial;

    font-size: 14px;

    padding: 10px;

    color: #fff;

    border: none;

    cursor: pointer;

}



.actionButton:hover, .submitButton:hover

{

	background:#a70000;

}



.clearButton

{

    background: #999;

    font-family: 'bold', Arial;

    padding: 10px;

    color: #fff;

    cursor: pointer;

	font-size: 14px;

}



.clearButton:hover

{

    background: #666;

}



#addToCart

{

    background: #333;

    font-family: 'robotoRegular', Arial;

    font-size: 14px;

    padding: 15px;

    color: #fff;

    border: none;

    border-radius: 8px;

    cursor: pointer;

    text-decoration: none;

}







.mainContentBreadCrumb

{

    border: 1px solid #eee;

    background: #fafafa;

    margin-top: 20px;

    margin-bottom: 20px;

    padding: 10px;

}



.mainContentBreadCrumbLeft

{

    float: left;

    font-size: 11px;

}



.mainContentBreadCrumbLeft a

{

    color: #d70000 ;

    text-decoration: none;

}



.mainContentBreadCrumbRight

{

    float: right;

}



#mainContentTop

{

    margin-bottom: 30px;

    background: #9D9D9D;

    color: #fff;

    font-size: 18px;

	border-radius: 8px;

}



.categoryMenuMobile

{

    display: none;

}



.categoryDisplayName

{

    font-size: 20px;

}



.mainContentTopLeft

{

    float: left; 

    padding: 15px;

    color: #fff;

}



.mainContentTopRight

{

    float: right;

    color: #fff;

    padding: 10px;

}



#mainContentTop select

{

    border-radius: 0px;

    padding: 5px;

    background: #fff;

    color: #999;

    border: 1px solid #ececec;

    font-family: 'agBold', Verdana, Geneva, sans-serif;

    -webkit-appearance: none;

}





/* List display category items */



.displayCategory, .category_box

{

    width: 25%;

    text-align: center;

    float: left;

    background: #fff;

    border-radius: 4px;

    padding: 3%;

    padding-bottom: 3.5%;

    margin-left: 1.5%;

    margin-bottom: 15px;

}



.displayCategoryImage img, .product_cat_thumbnail

{

    width: 100%;

}





.productImage

{

    max-width: 140px;

    height: 140px;

}



.productName, .category_box h1

{

    color: #333;

    font-size: 16px;

    margin-top: 10px;

    margin-bottom: 10px;

    font-family: 'bold', Arial;

    min-height: 42px;

}



.productDescription

{

    color: #999;

    font-size: 11px;

    font-family: 'bold', Arial;

    line-height: 1.5em;

    min-height: 50px;

}





.productPrice

{

    font-size: 24px;

    color: #d70000 ;

    font-family: 'bold', Arial;

    margin-top: 20px;

    margin-bottom: 20px;

}



.productPriceSlashed

{

	font-size: 16px;

	color: #f00;

	text-decoration: line-through;

}



.productAdd

{

    margin-top: 10px;

}



.productAdd a

{

    text-decoration: none;

}



.productSpacer

{

    min-height: 150px;

}



.addToCartButton

{

    background: #d70000 ;

    color: #fff;

    padding: 10px;

    text-decoration: none;

}



.productDisplayContainer

{

    float: left;

    width: 50%;

}



.productInfoContainer

{

    float: right;

    width: 45%;

}



.productDisplayImage img

{

    border-radius: 4px;

}



/* ACCOUNT */



.account_content

{

	padding: 2%;

	background: #fff;	

	line-height: 1.5em;

}



.account_content h1

{	

	color: #d70000;

}



.account_content h2

{	

	color: #333;

}



.account_content h3, h4, h5

{	

	color: #666;

}



.account_content h4

{

	font-family: 'agBold', Verdana, Arial;

	font-weight: 500;

}



.account_content hr

{

	border: none;

	border-bottom: 1px dotted #aaa;

}



.account_content input[type=text], .account_content input[type=password], .account_content input[type=date], .account_content select

{

	padding: 2%;

	border: 1px solid #ddd;

	background: #f1f1f1;

	border-radius: 4px;

	width: 96%;

	font-family: 'agBold', Verdana, Arial;

	height: 20px;

}



.account_content select

{

	height: 46px;

	width: 100% !important;

}



.account_info

{

	font-size: 11px;

	color: #aaa;

}



.account_content input[type=submit]

{

	padding: 10px;

	color: #fff;

	background: #d70000;

	border: none;

	border-radius: 4px;

	cursor: pointer;

	font-family: 'agBold', Verdana, Arial;

}



.account_content textarea

{

	padding: 2%;

	border: 1px solid #ddd;

	background: #f1f1f1;

	border-radius: 4px;

	width: 96%;

	font-family: 'agBold', Verdana, Arial;

}



.left_account_pane

{

	float: left;

	width: 48%;

}



.right_account_pane

{

	float: right;

	width: 48%;

}



.split_pane

{

	float: left;

	width: 48%;

	margin-right: 2%;

}



/* .split_pane input[type=text], .split_pane input[type=password], .split_pane input[type=date],  .split_pane select

{

	padding: 4%;

	width: 92%;

} */



.account_navigation a

{

	display: block;

	padding: 5px;

	

}



.account_navigation a:hover

{

	color:#f40000;

}



.points_triple_box

{

	width: 27%;

	padding: 2%;

	float: left;

	border: 1px dashed #ccc;

	border-radius: 4px;

	margin: 1%;

}



.points_triple_box a

{

	padding: 5px;

	background: #d70000;

	border-radius: 4px;

	color: #fff;

	display: block;

	width: 150px;

	font-size: 12px;

	text-align: center;

	margin-top: 10px;

}





.googleMap

{

	width: 100%;

	height: 550px;

}



.contactTri

{

	float: left;

	width: 26%;

	margin-right: 2%;

	padding: 3%;

	background: #fff;

}



.contactTriIcon

{

	vertical-align: middle;

	margin-right: 10px;

}



.contactTri strong

{

	font-family: 'black', Verdana;

}



.contactTri h1

{

	font-size: 20px;

	font-family: 'black', Verdana;

}



.contactTri hr

{

	margin-top: 25px;

	margin-bottom: 25px;

	border: none;

	border-bottom: 1px solid #ccc;

}



.contactTri label

{

	font-size: 11px;

}



.contactLeft

{

	float: left;

	font-size:  12px;

	width: 28%;

	font-family: 'light', Verdana, Geneva, sans-serif;

	margin-bottom: 20px;

}



.contactLeft strong

{

	font-family: 'black', Verdana, Geneva, sans-serif;

}



.contactRight

{

	float: right;

	width: 68%;

}



.contactTable

{

}



.contactTable input[type=text]

{

	width: 90%;

	padding: 10px;

	color: #666;

	border: 1px solid #e3e3e3;

	font-size: 14px;

}



.contactTable textarea

{

	width: 90%;

	padding: 10px;

	color: #666;

	border: 1px solid #e3e3e3;

	font-size: 14px;

	

}



.redButton

{

	font-family: 'black';

	font-size: 24px;

	background: #061C2D !important;

}





.footer

{

	/* background: url('../images/footer_bg.jpg'); */

	background:#f1f1f1;

	/* min-height: 300px; */

	font-size: 12px;

	/* margin-top: 10px; */

}



.footer_container

{

	width: 80%;

	margin: 0 auto;

	padding:2%;

	max-width: 1940px;

}



.footerColumn

{

	width: 25%;

    float: left;

}



.footerColumn h2 

{

    font-family: 'bold';

    font-size: 16px;

    color: #d70000;

}



.footerColumn ul 

{

    list-style: none;

    margin-left: -40px;

}



.footerColumn ul li a 

{

    text-decoration: none;

    font-size: 14px;

    color: #666;

}



.footerColumn ul li a:hover

{

    color: #f40009;

}



.desktop_view

{

	display:block;

}



.mobile_view

{

	display:none;

}



.header_mobile_logo

{

	text-align:center;

	padding-top:60px;

	padding-bottom:10px;

	width: 150px;

	margin: 0 auto;

}



#bgvid

{

	width:100%;

}



.index_category

{

	width:100%;

	height:400px;

	background: url('../images/website/index_category2.jpg') no-repeat center center fixed;

	background-size: cover;

}



.category_table

{

	border-collapse: collapse;

	border:1px solid #dcdcdc;

}



.category_table td

{

	border:none;

	border-bottom:1px solid #dcdcdc;

}



.category_table td a

{

	color:#666;

	font-family:bold;

}



.category_table td a:hover

{

	color:#f40009;

}



.category_subs

{

	display:none;

}



.category_subs ul

{

	list-style:none;

	padding-left:0px;

}



.category_subs li a

{

	font-size:14px;

	font-family:regular;

}



.products_box a

{

	color:#666;

}



.products_box a:hover

{

	color:#f40009;

}



.breadcrumbs a

{

	color:#666;

}



.breadcrumbs a:hover

{

	color:#f40009;

}



.products_table a

{

	color:#666;

}



.products_table a:hover

{

	color:#f40009;

}



.cart_table

{

	border-collapse: collapse;

}



.cart_table th, .cart_table td

{

	border: 1px solid #dcdcdc;

}



.cart_table th:first-child, .cart_table td:first-child {

    border-left: 0;

}



.cart_table th:last-child, .cart_table td:last-child {

    border-right: 0;

}



.cart_table a

{

	color:#666;

}



.cart_table a:hover

{

	color:#f40009;

}



.cart_link

{

	color:#666;

}



.cart_link:hover

{

	color:#f40009;

}



input[type=text], input[type=password], input[type=date], input[type=number], textarea, select

{

	width: 90%;

    padding: 10px;

    color: #666;

    border: 1px solid #e3e3e3;

    font-size: 14px;

	font-family:regular;

}



select option:disabled

{

	background:#f1f1f1;

	color:red;

}



.centralContent a:hover

{

	text-decoration:underline;

}



.centralContent table

{

	border-collapse:collapse;

}



.centralContent table tr:hover

{

	background:#ddd !important;

}



/* PROGRESS BAR FOR CARTS */

.container {

  width: 100%;

  margin: 0; 

}

.progressbar {

  counter-reset: step;

  margin:0;

  padding:0px;

}

.progressbar li {

  list-style-type: none;

  width: 25%;

  float: left;

  font-size: 12px;

  position: relative;

  text-align: center;

  text-transform: uppercase;

  color: #7d7d7d;

  margin-bottom:40px;

}

.progressbar li:before {

  width: 30px;

  height: 30px;

  content: counter(step);

  counter-increment: step;

  line-height: 30px;

  border: 2px solid #666;

  display: block;

  text-align: center;

  margin: 0 auto 10px auto;

  border-radius: 50%;

  background-color: #666;

  font-family:bold;

  color:#fff;

  font-size:14px;

}

.progressbar li:after {

  width: 100%;

  height: 2px;

  content: '';

  position: absolute;

  background-color: #7d7d7d;

  top: 15px;

  left: -50%;

  z-index: -1;

}

.progressbar li:first-child:after {

  content: none;

}

.progressbar li.active {

  color: #d70000;

}

.progressbar li.active:before {

  border-color: #f40009;

  background-color: #f40009;

}

.progressbar li.active2 + li:after {

  background-color: #f40009;

}



.ribbon {

	position: absolute;

	left: -5px; 

	top: -5px;

	overflow: hidden;

	width: 100px; 

	height: 100px;

	text-align: right;

}

.ribbon strong {

	font-size: 12px;

	color: #FFF;

	text-transform: uppercase;

	text-align: center;

	padding:5px;

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	width: 100%;

	background: linear-gradient(red, #b50000);

	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

	position: absolute;

	top: 10px;

    left: -30px;

}

.ribbon strong::before {

	content: "";

	position: absolute; 

	left: 0px; 

	top: 100%;

	z-index: -1;

	border-left: 3px solid #8F5408;

	border-right: 3px solid transparent;

	border-bottom: 3px solid transparent;

	border-top: 3px solid #8F5408;

}

.ribbon strong::after {

	content: "";

	position: absolute; 

	right: 0px; 

	top: 100%;

	z-index: -1;

	border-left: 3px solid transparent;

	border-right: 3px solid #8F5408;

	border-bottom: 3px solid transparent;

	border-top: 3px solid #8F5408;

}



.ribbon2 {

	position: absolute;

	left: -5px; 

	top: -5px;

	overflow: hidden;

	width: 100px; 

	height: 100px;

	text-align: right;

}

.ribbon2 strong {

	font-size: 12px;

	color: #FFF;

	text-transform: uppercase;

	text-align: center;

	padding:5px;

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	width: 100%;

	background: linear-gradient(#00d800, #009c13);

	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

	position: absolute;

	top: 10px;

    left: -30px;

}

.ribbon2 strong::before {

	content: "";

	position: absolute; 

	left: 0px; 

	top: 100%;

	z-index: -1;

	border-left: 3px solid #8F5408;

	border-right: 3px solid transparent;

	border-bottom: 3px solid transparent;

	border-top: 3px solid #8F5408;

}

.ribbon2 strong::after {

	content: "";

	position: absolute; 

	right: 0px; 

	top: 100%;

	z-index: -1;

	border-left: 3px solid transparent;

	border-right: 3px solid #8F5408;

	border-bottom: 3px solid transparent;

	border-top: 3px solid #8F5408;

}



@media only screen and (min-width: 150px) and (max-width: 960px)

{

	.desktop_view

	{

		display:none;

	}

	

	.mobile_view

	{

		display:block;

	}

	

	.mainContent

	{

		width: 90%;

		padding-top:0px;

	}

	

	

	.header_right_mobile

	{

		display: block;

		float: right;

		padding-top: 22px;

		padding-right: 20px;

	}

		

	.header_right

	{

		display: none;

	}

	

	.menu_mobile ul

	{

	margin-top: -20px;

		list-style: none;

		margin-left: -40px;

	}

	

	.menu_mobile ul li a

	{

		color: #3C7C8C !important;

		padding: 5%;

		display: inline-block;

		border-bottom: 2px solid #ccc;

		text-decoration: none;

		width: 95%;

	}

	

	

	

	.banner

	{

		padding-top:0px;

	}

	

	.banner img

	{

		height: 500px;

	}

	

	.banner_msg h1

	{

		margin-top: 20px;

		font-size: 28px;

		width: 90%;

		margin: 0 auto;

	}

	.banner_msg h3

	{

		font-size: 18px;

		width: 90%;

		margin: 0 auto;

	}

	

	.footer_container 

	{

		width: 92%;

		padding: 4%;

		font-size: 16px;

	}

	

	.footerColumn

	{

		width: 100%;

		float: none;

	}

	

	.leftNavigation

	{

		display:none;

	}

	

	.split_pane

	{

		width:100%;

		float: none;

		margin-right:0;

	}

	

	.centralContent 

	{

		float: none;

		width: 100%;

		padding-left: 0;

	}

	

	.left_account_pane

	{

		float: none;

		width: 100%;

		margin-bottom:20%;

	}



	.right_account_pane

	{

		float: none;

		width: 100%;

	}

	

	.index_category

	{

		background: url('../images/website/index_category2.jpg') no-repeat center center scroll;

	}

}