@font-face {
		font-family: "EmojiSymbols";
		src: url("../fonts/EmojiSymbols-Regular.woff") format("woff");
		text-decoration: none;
		font-style: normal;
	}

	.emj {
		font-family: "EmojiSymbols";
		line-height: 1;
		color: #FF3;
		font-size: 16px;
		font-weight: 700;
	}
	
	@font-face {
		font-family: adi;
		src: url("../fonts/AdihausDIN-Regular.eot");
		src: url("../fonts/AdihausDIN-Regular.ttf") format("truetype"), url("../fonts/AdihausDIN-Regular.woff") format("woff"), url("../fonts/AdihausDIN-Regular.svg") format("svg");
		font-weight: lighter !important;
		font-style: normal;
	}
	
	@font-face {
		font-family: adiBold;
		src: url("../fonts/adiNeue2013-Bold.eot");
		src: url("../fonts/adiNeue2013-Bold.woff") format("woff"), url("../fonts/adiNeue2013-Bold.ttf") format("truetype"), url("../fonts/adiNeue2013-Bold.svg") format("svg");
		/*font-weight: bold;*/
	}		
	
	@font-face {
		font-family: adineuePRO-LightWeb;
		src: url("../fonts/adineuePRO-LightWeb.eot");
		src: url("../fonts/adineuePRO-LightWeb.woff") format("woff"), url("../fonts/adineuePRO-LightWeb.ttf") format("truetype"), url("../fonts/adineuePRO-LightWeb.svg") format("svg");
	}		
	
	@font-face {
		font-family: adineuePRO-RegularWeb;
		src: url("../fonts/adineuePRO-RegularWeb.eot");
		src: url("../fonts/adineuePRO-RegularWeb.woff") format("woff"), url("../fonts/adineuePRO-RegularWeb.ttf") format("truetype"), url("../fonts/adineuePRO-RegularWeb.svg") format("svg");
	}		
	
	@font-face {
		font-family: adineuePRO-BoldWeb;
		src: url("../fonts/adineuePRO-BoldWeb.eot");
		src: url("../fonts/adineuePRO-BoldWeb.woff") format("woff"), url("../fonts/adineuePRO-BoldWeb.ttf") format("truetype"), url("../fonts/adineuePRO-BoldWeb.svg") format("svg");
	}		

	html {
		position: relative;
		/*min-height: 100%;*/
		height: 100%;
	}
	
	body {
		font-family: "adi", Arial, Helvetica, sans-serif;
		margin: 0;
		/*background: url(/images/main_background.jpg) no-repeat center center fixed;*/
		background: url(../images/skins/skin_001.jpg) no-repeat fixed;
		background-attachment: fixed;
		background-repeat: repeat-x;
		background-color: #dddddd;
		font-size: 15px;
		
		/*margin-bottom: 135px; */ /* bottom = footer height */
		/*margin-bottom: 155px; */ /* bottom = footer height */
		height: 100%;
	}

	.grid .box > a > span.title { font-family: "adineuePRO-RegularWeb", Arial, Helvetica, sans-serif; font-weight: bold; }
	h1, h2, h3, b, strong { font-family: "adi", Arial, Helvetica, sans-serif; font-weight: bold; }
	
	.no-margin { margin: 0 !important; }
	
	.container { width: 1240px; position: relative; margin: 0px auto; background: #FFF; padding: 0 10px; padding-bottom: 5px; }

	.grid { margin: 5px -10px; } /* optional - use if boxes need to reach edge of container */
		.grid .box { position: relative; float: left; clear: none; width: 16.66666666666667%; }
			.grid .box > a { position: relative; display: block; overflow: hidden; margin: 10px; background-color: #000; }
				/*.grid .box > a:before { position: absolute; top: -30px; left: 0px; width: 100%; text-align: center; color: #fff; content: url(/images/homepage/zoom.png); z-index: 10; opacity: 0; 
										transition: all 0.3s ease-in-out; }	*/
					.grid .box > a > span.title { 
						font-family: "adineuePRO-BoldWeb", Arial, Helvetica, sans-serif;
						font-weight: normal;
						text-transform: uppercase;
						text-align: center;
						position: absolute;
						left: 0px;
						right: 0px;
						bottom: 0px;
						color: #fff;
						font-size: 1.0em;
						padding: 5px;
						background: rgba(0,0,0,0.6); /*url(/images/homepage/arrow.png) no-repeat top 10px right 10px;*/
						/*padding-right: 30px;*/
					}
													
					/*.grid .box > a > img { width: 100%; height: auto; transform: none; transition: all .5s ease-in-out;  } */
					.grid .box > a > img { transform: none; transition: all .5s ease-in-out; }
				
				
				/* hover events */
				.grid .box:hover > a > img { transform: scale(1.2); opacity: 0.6; }
					.grid .box > a:hover:before { top: 30%; opacity: 1; }
									
		
		.grid .box.double { width: 25%; }		
		
	/* clear parent layers from grip */		
	.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	
	/* close commented backslash hack */		
	#menu { border-top: solid 1px #ddd; text-transform: uppercase; }	
	#menu a { display: inline-block; text-decoration: none !important; padding: 0px 10px; text-transform: uppercase; }
		#menu a:hover { background-color: #fff;  }

	
	#header_top {
		background: #fff;
	}
	
		#header_top .left_one {
			float: left;
			width: 413px;
			height: 95px;
		}
	
		#header_top .left_two {
			float: left;
			width: 622px;
			height: 95px;
			line-height: 95px !important;
			text-align: right;
		}
	
		#header_top .left_three {
			float: left;
			width: 205px;
			height: 95px;
			line-height: 96px;
			text-align: right;
		}
		
		#tabs-top {
			padding-top: 10px;
		}

		#tabs-top select {
			border: 0 !important;  /*Removes border*/
			-webkit-appearance: none;  /*Removes default chrome and safari style*/
			-moz-appearance: none; /* Removes Default Firefox style*/
			appearance:none;
			background: #0088cc url(/images/select-arrow.png) no-repeat 90% center;
			width: 100%; /*Width of select dropdown to give space for arrow image*/
			text-indent: 0.01px; /* Removes default arrow from firefox*/
			text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
			color: #fff !important;
			padding: 5px;
			box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
		}
		
		#tabs-top select.black {
			background-color: #000;
			color: #fff !important;
		}
	
	#header_main_nav {
		background: #CCC;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	
		#header_main_nav .nav_sport_select {
			background: #000;
			float: left;
			width: 200px;
			height: 40px;
			color: #fff;
			text-align: center;
		}
		
		#header_main_nav .nav_links {
			float: left;
			width: 790px;
			margin-left: 10px;
		}
		
		#header_main_nav .nav_basket {
			float: right;
			width: 230px;
			text-align: right;
			margin-right: 10px;
		}
		
	.tab-menu-left {
		float: left;
		width: 740px;
	}
		
	.tab-menu-right {
		float: right;
		width: 460px;
		text-align: right;
	}
	
	.alert-warning {
		margin-top: 10px;
		margin-left: 20px;
		color: #900;
	}

	#footer_begin {
		/*position: absolute;*/
		left: 0;
		bottom: 0;
		height: 100px;
		width: 1240px;
		margin: 0 auto;
		padding: 0 10px;
		/*margin-top: 20px;*/
	}
	
		#footer_begin a {
			color: #000;
			text-decoration: none;
		}
		
		#footer_begin a:hover {
			color: #000;
			text-decoration: underline;
		}

	#footer_begin .site-changer-active a {
		font-family: 'adineuePRO-BoldWeb', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
		
		#footer_begin .site-changer-active a:hover {
			text-decoration: none;
			color: #666;
		}

	#footer_begin .site-changer a {
		font-family: 'adineuePRO-BoldWeb', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #666;
	}

		#footer_begin .site-changer a:hover {
			text-decoration: none;
			color: inherit;
		}
		
	#basketTotal {
		font-size: 18px !important;
		padding: 0;
		margin: 0;
	}
	
	#temp a {
		color: #000;
		text-decoration: none;
	}
	
		#temp a:hover {
			color: #000;
			text-decoration: none;
		}
	
	#stickyTotal a {
		color: inherit;
		text-decoration: none;
	}
	
		#stickyTotal a:hover {
			/*color: #FF3;*/
			text-decoration: none;
		}
	
	.blue {
		color: #5ab9e9;
	}
	
	.blue-bold {
		color: #5ab9e9;
		font-weight: bold;
	}
	
	.grey {
		color: #231f20;
	}
	
		.grey-bold {
			color: #231f20;
			font-weight: bold;
		}
	
	label {
		color: #fff;
		padding-bottom: 6px;
	}
	
	.highlight {
		background: #3C6;
	}
	
	.container {
		width: 1240px;
		margin-left: auto;
		margin-right: auto;
	}

	.right-top-menu {
		text-align: right;
		color: #fff;
	}
	
		.right-top-menu p {
			color: #fff;
		}
	
		#header-account a {
			/* color: #5ab9e9 !important;*/
			color: #231f20 !important;
		}
	
		#header-account a:hover {
			color: #fff !important;
		}
		
		#header-account .separator {
			color: #fff;
			margin: 0 8px;
		}
	
	.logo-menu {
		float: left;
		width: 80%;
	}
	
		.logo-menu p {
			color: #fff;
		}
	
	.basket-top {
		float: right;
		width: 20%;
		text-align: right;
	}
	
		.basket-top p {
			color: #fff;
		}
	
	.clear {
		clear: both;
	}
	
	.tabs {
		width: 25%;
		margin-bottom: 20px;
		float: right;
	}
	
	.tabs2 {
		width: 100%;
		margin-bottom: 20px;
		text-align: center !important;
		color: #fff;
	}
	
	.catTab-select {
		background: #069;
		border-color: #069;
		padding: 9px;
		color: #fff !important;
		border: none;
		border-radius: 2px;
		display: inline-block;
		font-size: 14px;

		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: '';
	}

/*
		.catTab-select > option {
			padding: 9px;
			border: none;
			border-color: #069;
		}
*/
	
	.catTab {
		background: #000;
		padding: 10px;
		color: #fff !important;
		/*border-radius: 2px;*/
		display: inline-block;
		font-size: 12px;
		text-decoration: none !important;
	}
			
		.catTab:hover {
			background: #090;
			color: #fff !important;
			text-decoration: none;
		}

	.catTab-active {
		font-family: "adi", Arial, Helvetica, sans-serif;
		background: #090;
		padding: 10px;
		color: #fff !important;
		/*border-radius: 2px;*/
		display: inline-block;
		font-size: 12px;
		text-decoration: none !important;
	}
			
		.catTab-active:hover {
			background: #090;
			color: #fff !important;
			text-decoration: none;
		}
	
	.sortTab {
		font-family: "adi", Arial, Helvetica, sans-serif;
		background: #900;
		padding: 10px;
		color: #fff !important;
		/*border-radius: 2px;*/
		display: inline-block;
		font-size: 12px;
	}
			
		.sortTab:hover {
			background: #090;
			color: #fff !important;
			text-decoration: none;
		}
	
	.sortTab-active {
		background: #090;
		padding: 10px;
		color: #fff !important;
		/*border-radius: 2px;*/
		display: inline-block;
		font-size: 12px;
	}
			
		.sortTab-active:hover {
			background: #090;
			color: #fff !important;
			text-decoration: none;
		}

	.showPopupDropDates {
		text-decoration: none !important;
	}

		
	.form-control {
		display: block;
		width: 100%;
		/*height: 34px;*/
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857;
		color: #555;
		background-color: #FFF;
		background-image: none;
		border: 1px solid #CCC;
		border-radius: 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	}
	
	.form-control2 {
		width: 25%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857;
		color: #555;
		background-color: #FFF;
		background-image: none;
		border: 1px solid #CCC;
		border-radius: 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	}
	
	.btn-primary {
		color: #FFF !important;
		background-color: #000;
		border-color: #000;
	}	

	.btn-success {
		color: #FFF;
		background-color: #5CB85C;
		border-color: #4CAE4C;
	}

	.btn-danger {
		color: #FFF !important;
		background-color: #C00;
		border-color: #900;
	}

	.btn {
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		cursor: pointer;
		-moz-user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 1px;
	}


	.alert {
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-radius: 4px;
		margin-top: 15px;
	}
	
	.alert-success {
		color: #3c763d;
		background-color: #dff0d8;
		border-color: #d6e9c6;
	}

	.alert-info {
		color: #31708f;
		background-color: #d9edf7;
		border-color: #bce8f1;
	}

	.alert-danger {
		color: #a94442;
		background-color: #f2dede;
		border-color: #ebccd1;
	}

	
	#footer_sect h2 {
		color: #000;
		font-size: 18px;
		margin: 0;
		margin-bottom: 8px;
	}
	
	#footer_sect p {
		color: #000;
		font-size: 14px;
		line-height: 20px;
		margin: 0;
	}


	.btn-lg {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 6px;
	}

	
	.btn .fa {
		margin-right: 8px;
	}
	
	label {
		color: #333;
		margin-bottom: 10px;
	}

	button, input, select, textarea {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		color: #000 !important;
	}

	button, select {
		text-transform: none;
	}

	button, input, optgroup, select, textarea {
		margin: 0px;
		font: inherit;
		color: inherit;
	}
	
	.pagination {
		min-width: 50px !important;
		padding: 8px;
		border: 1px solid #999;
		border-radius: 3px;
		margin: 0px 3px;
		color: #999 !important;
	}
	
		.pagination-current {
			min-width: 50px !important;
			padding: 8px;
			border: 1px solid #000;
			border-radius: 3px;
			margin: 0px 3px;
			color: #000 !important;
		}

	.newsItem {
		/*width: 860px;*/
		margin-top: 20px;
		border-bottom: 1px solid #666;
	}
	
		.newsItem .break {
			clear: both;
		}
		
		.newsItemLeft {
			float: left;
			width: 200px;
		}
		
		.newsItemRight {
			float: left;
			width: 900px;
			margin-left: 20px;
		}
		
			.newsItemRight h2 {
				/*font-size: 18px;*/
				margin: 0px;
			}
		
			.newsItemRight h3 {
				/*font-size: 14px;*/
				font-weight: lighter;
				margin: 0px 0px 15px 0px;
			}
			
			.newsItemRight p {
				margin-top: 5px;
				/*font-size: 14px;*/
				color: #000000;
			}
			
			.newsItemRight a {
				color: #CC0000;
				text-decoration: none;
			}
			
			.newsItemRight a:hover {
				text-decoration: underline;
			}

	#footerText {
		padding: 5px;
		border: 1px solid #fff;
		color: #fff;
		font-size: 10px;
		text-align: center;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
		#footerText a {
			color: #fff;
			text-decoration: underline;
		}
		
		#footerText a:hover {
			color: #fff;
			text-decoration: none;
		}


	/* Stock matrix styles */

	#stockListing {
		margin-left: 18px; 
		color: #000; 
		font-size: 12px; 
		font-weight: lighter;
	}
	
		#stockListing #cQty {
			font-size: 12px; 
			height: 15px;
			width: 20px;
			text-align: center;
			-webkit-appearance: none;
			-webkit-border-radius: 0;
		}

		@media only screen and (-webkit-min-device-pixel-ratio:0) { 
			#stockListing #cQty {
				width: 25px;
			}
		}
		
		#stockListing #table {
			border-collapse: collapse;
			border-color: #999;
		}
		
		#stockListing .stock {
			text-align: center;
		}
		
	#stockListing a {
		color: #069 !important;
	}



	/* Footer styles */
	
	#footer {
		width: 965px;
		height: 64px;
		border: 1px solid #CCC;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	
	
	
	
	
	/* Products */
	
	.prod-box-container {
		border-bottom: 1px solid #666;
		background: #FFF;
		min-height: 110px;
		padding: 10px;
		margin-bottom: 1px;
	}


	.prod-box-container:last-child {
		border-bottom: none !important;
		background: #FFF;
		min-height: 110px;
		padding: 10px;
		margin-bottom: 1px;
	}


	
	.addMargins {
		margin-top: 20px;
		margin-bottom: 19px;
	}
	
	.prod-info {
		float: left;
		width: 70%;
	}
	
	.prod-price {
		float: right;
		width: 30%;
	}
	
	.price {
		font-family: "adi", Arial, Helvetica, sans-serif;
		display: block;
		background: #000;
		color: #fff;
		/*
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 5px;
		*/
		width: 150px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		float: right;
	}
	
	/*.price:first-child {
		margin-left: 10px;
	}*/
	
	.full-width {
		width: 100% !important;
	}
	
	.defaultDrop {
		background: #999;
	}
	
	.highlightDrop {
		background: #000;
	}
	
	.dropTotals {
		display: inline-block;
		/*background: #069;*/
		color: #fff;
		/*border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;*/
		width: 200px;
		height: 80px;
		margin-bottom: 5px;
		padding-bottom: 10px;
		text-align: center;
		line-height: 10px;
	}
	
		/*.dropTotals p:first-child {
			padding-top: 12px !important;
		}*/

	.drop_p_space {
		margin: 12px 0 !important;
	}		

	.drop_p_space_inactive {
		margin: 20px 0 !important;
	}		
		
	.select_col_off {
		background: #dddddd;
	}
	
	.select_col_on {
		background: #FBFB00;
	}
	
	.qty_error {
		background: #ffb7dc;
	}
		
		
		
		
		
/* login */
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popupContainer{
	position:absolute;
	width:330px;
	height: auto;
	left:45%;
	top:80px;
	background: #FFF;
}

.btn_red {background: #ED6347; color: #FFF;}

.btn_red:hover {background: #C12B05;}

a.btn {color:#666; text-align: center; text-decoration: none !important;}
a.btn_red {color: #FFF;}

.one_half {width:50%; display: block; float:left;}
.one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;}

.popupBody {padding:20px;}


/* User Login Form */
.user_login {display: block;}
.user_login label {display: block; margin-bottom:5px;}
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_login input[type="checkbox"] {float:left; margin-right:5px;}
.user_login input[type="checkbox"]+label {float:left;}

.user_login .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
.forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#ED6347;}