@charset "UTF-8";
.logo {
	position: absolute;
	left: 0px;
	top: 60px;
}
.navx {
	position: fixed;
	top: 20px;
	
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 0.2em;
	text-align: center;
	vertical-align: middle;
	width: 760px;
	height: 100px;
	position: fixed;
	top: 20px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 0;
}
.nav1 {
	opacity:0.5;
	position: absolute;
	height: 30px;
	width: 175px;
	left: 0px;
	top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:url(../images/shirtsTitle-04.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: 0px 5px;
}
.nav1:hover {
	opacity:1;
}
.nav2 {
	position: absolute;
	height: 30px;
	width: 175px;
	left: 195px;
	top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	opacity:0.5;
	background-image:url(../images/bagsTitle-04.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: 0px 5px;
}
.nav2:hover {
	opacity:1;
}
.nav3 {
	position: absolute;
	opacity:0.5;
	height: 30px;
	width: 175px;
	left: 390px;
	top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:url(../images/basketTitle-04.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: 0px 5px;
}
.nav3:hover {
	opacity:1;
}
.basket {
	position: absolute;
	opacity: 0.0;
}
.nav4 {
	position: absolute;
	opacity:0.5;
	height: 30px;
	width: 175px;
	left: 585px;
	top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:url(../images/contactTitle-04.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: 0px 5px;
}
.nav4:hover{
	opacity:1;
}
.standardPage {
	width: 760px;
	height: 100px;
	position: fixed;
	top: 130px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 0;
}
.container {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.middle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.blockCrop {
	position:fixed;
	top:180px;
	left:0px;
	right:0px;
	height:451px;
	overflow:scroll;
}
.home_block {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 0.2em;
	text-align: center;
	vertical-align: middle;
	font-weight: lighter;
	width: 760px;
	height: 710px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	margin-top:0px;
}
.shirt_block {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 0.2em;
	text-align: center;
	vertical-align: middle;
	font-weight: lighter;
	width: 760px;
	height: 240px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.bag_block {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 0.2em;
	text-align: center;
	vertical-align: middle;
	font-weight: lighter;
	width: 500px;
	height: 240px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.sellOne {
	width: 760px;
	height: 370px;
	display: none;
	font-weight: lighter;
}
.bigImage {
	position: absolute;
	height: 370px;
	width: 370px;
	left: 0px;
	top: 0px;
	display: block;
}
.bigImage::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	border: 1px solid #FFF;
}
.bigImage img {
		height:100%;
		width:100%;
}
.bigBlurb {
	position: absolute;
	height: 370px;
	width: 240px;
	left: 520px;
	top: 0px;
	display: block;
	margin: 0px;
}
.bigBlurb::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}
.title {
	position:absolute;
	width: 100px;
	left: 380px;
	top:0px;
}
.textPad {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.back {
	position: absolute;
	height: 370px;
	width: 40px;
	left: -120px;
	top: 0px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
	background-image:url(../images/doubleBack-02.png);
	background-size:40px 50px;
  	background-repeat:no-repeat;
	background-position: 0px 5px;
}
.back::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
  border: 1px solid #FFF;
}
.back:hover::after {
	background-color: black;
	opacity: 0.1;
	border: 0px solid #FFF;
}
.add {
	position: absolute;
	height: 20px;
	width: 340px;
	left: 400px;
	top: 400px;
	display: block;
	padding: 20px;
	margin: 0px;
	text-transform: lowercase;
	font-weight: lighter;
}
.add::after {
  content: "";
  background-color: black;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}
.buy {
	position: absolute;
	height: 50px;
	width: 40px;
	left: 165px;
	top: 0px;
	display: block;
	padding: 20px;
	margin: 0px;
	text-transform: lowercase;
	font-weight: lighter;
	text-align: right;
}
.buy2 {
	position: absolute;
	height: 50px;
	width: 40px;
	left: 100px;
	top: 0px;
	display: block;
	padding: 20px;
	margin: 0px;
	text-transform: lowercase;
	font-weight: lighter;
	text-align: right;
}
.underText {
	position: absolute;
	top: 420px;
	left: 420px;
}
.leftArrow {
	position: absolute;
	height: 350px;
	width: 20px;
	left: -60px;
	top: 0px;
	display: block;
	padding: 10px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
	background-image:url(../images/back-02.png);
	background-size:40px 50px;
  	background-repeat:no-repeat;
	background-position: 0px 5px;
}
.leftArrow::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
  border: 1px solid #FFF;
}
.leftArrow:hover::after {
	background-color: black;
	opacity: 0.1;
	border: 0px solid #FFF;
}
.rightArrow {
	position: absolute;
	height: 350px;
	width: 20px;
	left: 780px;
	top: 0px;
	display: block;
	padding: 10px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
	background-image:url(../images/forward-02.png);
	background-size:40px 50px;
  	background-repeat:no-repeat;
	background-position: 0px 5px;
}
.rightArrow::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
  border: 1px solid #FFF;
}
.rightArrow:hover::after {
	background-color: black;
	opacity: 0.1;
	border: 0px solid #FFF;
}
.upArrow {
	position: absolute;
	height: 20px;
	width: 80px;
	left: 0px;
	top: 0px;
	display: block;
	padding: 10px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
}
.upArrow::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
  border: 1px solid #FFF;
}
.upArrow::before {
	content: "";
	width:40px;
	height:40px;
	left:0px;
	bottom:0px;
	position: absolute;
	z-index: -1;
	background-image:url(../images/forward-02.png);
	background-size:40px 50px;
  	background-repeat:no-repeat;
	background-position: 0px 5px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.upArrow:hover::after {
	background-color: black;
	opacity: 0.1;
	border: 0px solid #FFF;
}
.downArrow {
	position:absolute;
	height: 20px;
	width: 80px;
	left: 0px;
	top: 0px;
	display: block;
	padding: 10px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
}
.downArrow::after {
  content: "";
  top: 0;
  left: 0;
  height:38px;
  width:98px;
  position: absolute;
  z-index: -1;  
  border: 1px solid #FFF;
}
.downArrow::before {
	content: "";
	width:40px;
	height:40px;
	left:0px;
	bottom:0px;
	position: absolute;
	z-index: -1;
	background-image:url(../images/forward-02.png);
	background-size:40px 50px;
  	background-repeat:no-repeat;
	background-position: 0px 5px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.downArrow:hover::after {
	background-color: black;
	opacity: 0.1;
	border: 0px solid #FFF;
}
.downArrowBlocker1{
	position:absolute;
	top:0px;
	width:100px;
	height:90px;
}
.upArrowHolder {
	position:fixed;
	top:130px;
	left:-900px;
	right:0px;
	height:40px;
	width: 100px;
	margin-left:auto;
	margin-right:auto;
}
.downArrowHolder {
	position:fixed;
	top:590px;
	left:-240px;
	right:0px;
	height:40px;
	overflow:hidden;
	width: 760px;
	margin-left:auto;
	margin-right:auto;
	z-index:-1;
}
.downArrowHolderSmall {
	position:fixed;
	top:460px;
	left:-900px;
	right:0px;
	height:40px;
	overflow:hidden;
	width: 100px;
	margin-left:auto;
	margin-right:auto;
}
.downArrowHolderBig {
	position:fixed;
	top:590px;
	left:-900px;
	right:0px;
	height:40px;
	overflow:hidden;
	width: 100px;
	margin-left:auto;
	margin-right:auto;
}
.upArrowLineHolder {
	position:absolute;
	height: 40px;
	top:260px;
}
.arrowCentre {
	margin-top:auto;
	margin-bottom:auto;
}
.upArrowLineHolder:hover {
	display: none;
}
.downArrowLineHolder {
	position:absolute;
	height: 40px;
	top:0px;
}
.downArrowLineHolder:hover {
	display: none;
}

.buttonColumnOne {
	position: absolute;
	height: 30px;
	width: 110px;
	left: 390px;
	display: block;
}
.buttonColumnTwo {
	position: absolute;
	height: 30px;
	width: 110px;
	left: 520px;
	display: block;
}
.purchaseDescription {
	position: absolute;
	height: 30px;
	width: 175px;
	left: 0px;
	top: 390px;
	display: block;
	text-align: right;
}
.buttonColumnFour {
	position: absolute;
	height: 30px;
	width: 180px;
	left: 400px;
	display: block;
}
.buttonRowOne {
	position: absolute;
	top: 90px;
	display: block;
}
.buttonRowTwo {
	position: absolute;
	top: 130px;
	display: block;
}
.buttonRowThree {
	position: absolute;
	top: 170px;
	display: block;
}
.buttonRowFour {
	position: absolute;
	top: 260px;
	display: block;
}
.buttonRowFive {
	position: absolute;
	top: 300px;
	display: block;
}
.buttonRowSix {
	position: absolute;
	top: 340px;
	display: block;
}
.addToCart {
	position: absolute;
	height: 30px;
	width: 180px;
	top: 390px;
	left: 190px;
	display: block;
}
.addToCart::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background-color: #3B90A5;
	z-index: -1;
	border-radius: 3px;
}
.addToCart:hover::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background-color: black;
	z-index: -1;
	border-radius: 3px;
}
.rollOver::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 3px;
	position: absolute;
	z-index: -1;
	border: 1px solid #FFF;
}
.rollOver:hover::after {
	background-color: black;
	opacity: 0.1;
	border: 0px solid #FFF;
}
.select {
	background-color: #3B90A5;
	z-index: -1;
	border-radius: 3px;
}
.invis {
	display: none;
}
.shirt1 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 0px;
	top: 0px;
	display: block;
	overflow:hidden
}
.shirt1::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	border: 1px solid #FFF;
}
.shirt2 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 260px;
	top: 0px;
	overflow:hidden;
}
.shirt2::after {
  	content: "";
	border: 1px solid #FFF;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: -1;   
}
.shirt3 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 520px;
	top: 0px;
	overflow:hidden;
}
.shirt3::after {
  content: "";
  border: 1px solid #FFF;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.shirt4 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 0px;
	top: 260px;
	overflow:hidden;
}
.shirt4::after {
  content: "";
  border: 1px solid #FFF;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.shirt5 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 260px;
	top: 260px;
	overflow:hidden;
}
.shirt5::after {
 	content: "";
  	border: 1px solid #FFF;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: -1; 
}
.shirt6 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 200px;
	top: 200px;
}
.shirt6::after {
  content: "";
  background-color: black;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.shirt7 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 400px;
	top: 200px;
}
.shirt7::after {
  content: "";
  background-color: black;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.shirt8 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 600px;
	top: 200px;
}
.shirt8::after {
  content: "";
  background-color: black;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.tallBar1 {
	position: absolute;
	height: 500px;
	width: 240px;
	left: 0px;
	top: 0px;
	display: block;
	overflow:hidden
}
.tallBar1::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}
.tallBar2 {
	position: absolute;
	height: 500px;
	width: 240px;
	left: 260px;
	top: 0px;
	overflow:hidden;
}
.tallBar2::after {
  	content: "";
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: -1;   
}
.tallBar3 {
	position: absolute;
	height: 500px;
	width: 240px;
	left: 520px;
	top: 0px;
	overflow:hidden;
}
.tallBar3::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.zoomOver img:hover{
	height:200%;
	width:200%;
	top:-120px;
	left:-120px;
	position:absolute;
}
.zoomOverBag img:hover{
	width:480px;
	height:480px;
	top:-200px;
	left:-120px;
	position:absolute;
}
.fadeOver img:hover{
	opacity:0.5;
}
.zoomOverBig img:hover{
	width:200%;
	height:200%;
	top:-185px;
	left:-185px;
	position:absolute;
}
.zoomOverBigBag img:hover{
	width:740px;
	height:740px;
	top:-310px;
	left:-185px;
	position:absolute;
}
.overflowHidden {
	overflow:hidden;
}
body {
	background-color: #666666;
	background-image:url(../images/gray_concrete_tile_2.png);
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #FFF;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 1.5em;
	text-transform: lowercase;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}





.staticHolder {
	width: 890px;
	height: 370px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.staticLogo {
	position: absolute;
	width: 110px;
	height: 115px;
	top: 0px;
	left: 0;
}
.staticTitle {
	position: absolute;
	width: 110px;
	height: 50px;
	top: 0;
	left: 120px;
}
.staticBlurb {
	position: absolute;
	width: 370px;
	top: 70px;
	left: 130px;
}
.staticReturnToSite {
	position: absolute;
	top: 255px;
	left: 130px;
}
.outOfStockHolder {
	width: 890px;
	height: 370px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.outOfStockTitle {
	position: absolute;
	width: 110px;
	height: 50px;
	top: 0;
	left: 510px;
}
.outOfStockBlurb {
	position: absolute;
	width: 370px;
	top: 70px;
	left: 520px;
}
.outOfStockImage {
	position:absolute;
	width: 370px;
	height: 370px;
	top: 0px;
	left: 130px;
}
.outOfStockImage::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	border: 1px solid #FFF;
}
.outOfStockReturnToSite {
	position: absolute;
	width: 175px;
	height: 30px;
	top: 340px;
	left: 520px;
}
.preorder {
	position: absolute;
	height: 30px;
	width: 175px;
	top: 240px;
	left: 520px;
	display: block;
}
.preorder::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background-color: #3B90A5;
	z-index: -1;
	border-radius: 3px;
}
.preorder:hover::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background-color: black;
	z-index: -1;
	border-radius: 3px;
}
.borderAll {
	border: 1px solid #FFF;	
}
@-webkit-keyframes threePartSlider {
	0% {left: -0px; }
	23% {left: -0px; }
	33% {left: -260px; }
	56% {left: -260px; }
	66% {left: -520px; }
	90% {left: -520px; }
	100% {left: -780px; }
}
@-webkit-keyframes sliderBarOne {
	0% {left: -0px; }
	15% {left: -0px; }
	20% {left: -260px; }
	25% {left: -260px; }
	30% {left: -520px; }
	35% {left: -520px; }
	40% {left: -780px; }
	55% {left: -780px; }
	60% {left: -1040px; }
	75% {left: -1040px; }
	80% {left: -1300px; }
	85% {left: -1300px; }
	90% {left: -1560px; }
	95% {left: -1560px; }
	100% {left: -1820px; }
	
}
@-webkit-keyframes sliderBarTwo {
	0% {left: -0px; }
	15% {left: -0px; }
	20% {left: -260px; }
	25% {left: -260px; }
	30% {left: -520px; }
	38% {left: -520px; }
	43% {left: -780px; }
	55% {left: -780px; }
	60% {left: -1040px; }
	75% {left: -1040px; }
	80% {left: -1300px; }
	85% {left: -1300px; }
	90% {left: -1560px; }
	95% {left: -1560px; }
	100% {left: -1820px; }
}
@-webkit-keyframes sliderBarThree {
	0% {left: -0px; }
	5% {left: -0px; }
	10% {left: -260px; }
	25% {left: -260px; }
	30% {left: -520px; }
	41% {left: -520px; }
	46% {left: -780px; }
	55% {left: -780px; }
	60% {left: -1040px; }
	65% {left: -1040px; }
	70% {left: -1300px; }
	85% {left: -1300px; }
	90% {left: -1560px; }
	95% {left: -1560px; }
	100% {left: -1820px; }
}
@-webkit-keyframes twoPartSlider {
	0% {left: -0px; }
	40% {left: -0px; }
	50% {left: -240px; }
	90% {left: -240px; }
	100% {left: -480px; }
}

div#slideHolder { 
  position: relative; 
  overflow: hidden; 
  width: 240px;
  height: 240px; 
}

div#threePartSlider { 
  position: absolute; 
  width:1200px;
  -webkit-animation-name:threePartSlider;
  -webkit-animation-duration:15s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count:infinite;
    float: right;
	margin:0;
	border:0;
	padding:0;
}
div#sliderBarOne { 
  position: absolute; 
  width:1200px;
  -webkit-animation-name:sliderBarOne;
  -webkit-animation-duration:30s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count:infinite;
    float: right;
	margin:0;
	border:0;
	padding:0;
}
div#sliderBarTwo { 
  position: absolute; 
  width:1200px;
  -webkit-animation-name:sliderBarTwo;
  -webkit-animation-duration:30s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count:infinite;
    float: right;
	margin:0;
	border:0;
	padding:0;
}
div#sliderBarThree { 
  position: absolute; 
  width:1200px;
  -webkit-animation-name:sliderBarThree;
  -webkit-animation-duration:30s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count:infinite;
    float: right;
	margin:0;
	border:0;
	padding:0;
}

div#threePartSlider:hover { 
  -webkit-animation-play-state:paused; 
}

div#twoPartSlider { 
  position: absolute; 
  width:1200px;
  -webkit-animation-name:twoPartSlider;
  -webkit-animation-duration:15s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count:infinite;
    float: right;
	margin:0;
	border:0;
	padding:0;
}

div#twoPartSlider:hover { 
  -webkit-animation-play-state:paused; 
}

.slideImageOne {
	position:absolute;
	left:0px;
	top:0px;
}
.slideImageTwo {
	position:absolute;
	left:260px;
	top:0px;
}
.slideImageThree {
	position:absolute;
	left:520px;
	top:0px;
}
.slideImageFour {
	position:absolute;
	left:780px;
	top:0px;
}
.slideImageFive {
	position:absolute;
	left:1040px;
	top:0px;
}
.slideImageSix {
	position:absolute;
	left:1300px;
	top:0px;
}
.slideImageSeven {
	position:absolute;
	left:1560px;
	top:0px;
}
.slideImageEight {
	position:absolute;
	left:1820px;
	top:0px;
}
.slideImageNine {
	position:absolute;
	left:2080px;
	top:0px;
}
.line {
    border-bottom: 1px solid #FFF;
    margin: 0;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    width: 240px;
    top: 0px;
	height: 0px;
}
.bottomLine {
    border-bottom: 1px solid #FFF;
    margin: 0;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    width: 240px;
    top: 450px;
	height: 0px;
}
.arrowLine {
    border-bottom: 1px solid #FFF;
    margin: 0;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    width: 100px;
    top: 0px;
	height: 0px;
}
.arrowBottomLine {
    border-bottom: 1px solid #FFF;
    margin: 0;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    width: 100px;
    top: 39px;
	height: 0px;
}

.underDiv {
	z-index: -1;
}
.aboveDiv {
	z-index: 100;
}
.sub-category-container {
}

.dickHolder {
	position:absolute;
	top:0px;
	height: 85px;
	width:20px;
	background-color:#0F9;
}
.dicks {
	margin: 0;
    padding: 0;
	top:0px;
	position: -webkit-sticky;
    position: sticky;
	height:40px;
	width:20px;
	background-color:#FFF;
}
.fbLogo {
	position:absolute;
	height:40px;
	width:40px;
	top:328px;
	left:520px;
	border-radius: 7px;
	border: 1px solid #FFF;
}
.tumblrLogo {
	position:absolute;
	height:40px;
	width:40px;
	top:328px;
	left: 580px;
	border-radius: 7px;
	border: 1px solid #FFF;	
}
.instagramLogo {
	position:absolute;
	height:40px;
	width:40px;
	top:328px;
	left: 640px;
	border-radius: 7px;
	border: 1px solid #FFF;	
}
.mobileLogo {
	position:fixed;
	top:720px;
	left:-140px;
	right:0px;
	height:40px;
	width: 100px;
	margin-left:auto;
	margin-right:auto;
	display:none;
}
.mobInvis {
	display:inline;
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	.mobileLogo {
		display: inline;
	}
	body{
		background-image:url(assets/images/112410_after.png);
	}
	.logo {
		display: none;
	}
	.mobInvis {
		display:none;
	}
	.nav1 {
	height: 41px;
	width: 240px;
	left: 0px;
	top: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:url(../images/shirtsTitle-04.png);
	background-size:100%;
	background-repeat:no-repeat;
	}
	.nav2 {
	position: absolute;
	height: 41px;
	width: 240px;
	left: 260px;
	top: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	opacity:0.5;
	background-image:url(../images/bagsTitle-04.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: 0px 5px;
	}
	.nav3 {
	position: absolute;
	opacity:0.5;
	height: 41px;
	width: 240px;
	left: 520px;
	top: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:url(../images/basketTitle-04.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: 0px 5px;
	}
	.nav4 {
	position: absolute;
	opacity:0.5;
	height: 41px;
	width: 240px;
	left: 260px;
	top: 1000px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:url(../images/contactTitle-04.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: 0px 5px;
	}
	.bigImage {
	position: absolute;
	height: 500px;
	width: 500px;
	left: 0px;
	top: 110px;
	display: block;
	}
	.bigImage img {
		height:100%;
		width:100%;
	}
	.bigImage::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	border: 2px solid #FFF;
	border-radius: 2px;
	}
	.bigBlurb {
	position: absolute;
	height: 370px;
	width: 500px;
	left: 0px;
	top: 650px;
	display: block;
	margin: 0px;
	line-height: 1.5em;
	font-size:24px;
	}
	.bigBlurb::after {
  	content: "";
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: -1;  
	}
	.title {
	position:absolute;
	width: 40px;
	left: -20px;
	top:-15px;
	z-index:200;
	}
	.title img {
		width:240px;
		height:109px;
	}
	.buttonColumnOne {
	position: absolute;
	height: 40px;
	width: 175px;
	left: 520px;
	display: block;
}
.buttonColumnOne img {
	width:147px;
	height:40px;
}
.buttonColumnTwo {
	position: absolute;
	height: 30px;
	width: 110px;
	left: 520px;
	display: block;
}
.purchaseDescription {
	font-size:24px;
	line-height:1.5em;
	text-align:left;
	position: absolute;
	height: 40px;
	width: 240px;
	left: 520px;
	top: 650px;
	padding-top:5px;
	display: block;
	border-bottom: 2px solid #FFF;
	border-top:2px solid #FFF;
	border-radius: 2px;
}
.buttonColumnFour {
	position: absolute;
	height: 30px;
	width: 180px;
	left: 400px;
	display: block;
}
.buttonRowOne {
	position: absolute;
	top: 110px;
	display: block;
}
.buttonRowTwo {
	position: absolute;
	top: 170px;
	display: block;
}
.buttonRowThree {
	position: absolute;
	top: 230px;
	display: block;
}
.buttonRowFour {
	position: absolute;
	top: 450px;
	display: block;
}
.buttonRowFive {
	position: absolute;
	top: 510px;
	display: block;
}
.buttonRowSix {
	position: absolute;
	top: 570px;
	display: block;
}
.addToCart {
	position: absolute;
	height: 40px;
	width: 240px;
	top: 720px;
	left: 520px;
	display: block;
}
.addToCart img {
	width:240px;
	height:40px;
}
.addToCart::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background-color: #3B90A5;
	z-index: -1;
	border-radius: 3px;
}
.addToCart:hover::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background-color: black;
	z-index: -1;
	border-radius: 3px;
}
.zoomOverBig img:hover{
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	position:absolute;
}
.zoomOverBigBag img:hover{
	width:200%;
	height:200%;
	top:-85%;
	left:-50%;
	position:absolute;
}
.fbLogo {
	position:absolute;
	height:110px;
	width:110px;
	top:110px;
	left:520px;
	border-radius: 18px;
	border: 2px solid #FFF;
}
.tumblrLogo {
	position:absolute;
	height:110px;
	width:110px;
	top:110px;
	left: 650px;
	border-radius: 18px;
	border: 2px solid #FFF;	
}
.instagramLogo {
	position:absolute;
	height:110px;
	width:110px;
	top:240px;
	left: 520px;
	border-radius: 18px;
	border: 2px solid #FFF;	
}
.rollOver::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 7px;
	position: absolute;
	z-index: -1;
	border: 2px solid #FFF;
}
.rollOver:hover::after {
	background-color: black;
	opacity: 0.1;
	border: 0px solid #FFF;
}
.select {
	background-color: #3B90A5;
	z-index: -1;
	border-radius: 7px;
}
.shirt1 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 0px;
	top: 0px;
	display: block;
	overflow:hidden
}
.shirt1::after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	border: 2px solid #FFF;
	border-radius:2px;
}
.shirt2 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 260px;
	top: 0px;
	overflow:hidden;
}
.shirt2::after {
  	content: "";
	border: 2px solid #FFF;
	border-radius:2px;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: -1;   
}
.shirt3 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 520px;
	top: 0px;
	overflow:hidden;
}
.shirt3::after {
  content: "";
  border: 2px solid #FFF;
	border-radius:2px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.shirt4 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 0px;
	top: 260px;
	overflow:hidden;
}
.shirt4::after {
  content: "";
  border: 2px solid #FFF;
	border-radius:2px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.shirt5 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 260px;
	top: 260px;
	overflow:hidden;
}
.shirt5::after {
 	content: "";
  	border: 2px solid #FFF;
	border-radius:2px;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: -1; 
}
.shirt6 {
	position: absolute;
	height: 240px;
	width: 240px;
	left: 200px;
	top: 200px;
}
.shirt6::after {
  content: "";
  background-color: black;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
  border: 2px solid #FFF;
	border-radius:2px; 
}
	
}