/* kwicks */

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin:0px;
	padding: 0px;	
	}
	
	
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 76px;
	height: 70px;

	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 1px; /*Set to same as spacing option. */
	
	/*do not change these */
	display: block;
	float: left;
	overflow: hidden;
	cursor:pointer;
	padding: 0;  /*if you need padding, do so with an inner div */
	background-repeat:no-repeat;
	}


.kwicks a {
	width:100%;
	height:50px;
	display:block;
	border-color:#FF0000;
	}
	

.kwicks li em {
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	width:100%;
	height: 20px;
	position: absolute;
	bottom:0px;
	right:150px;
	display:none;
	text-align:right;
	font-style: normal;
	z-index: 1;
	font-weight:bold;
	padding-right:5px;
	font-variant:small-caps;
	font-size:18px;
	background-color:#00FFFF;	
	}
	
/* end kwicks */
	

/* thumbs */

#thumb_safari { 
	background-image:url(../images/thumbs/thumb_safari_a.gif)
	}


#thumb_safari.active { 
	height:70px;
	}


#thumb_safari.inactive { 
	opacity: 0.2;
    filter: alpha(opacity = 20);
	}
	
	

#thumb_poison { 
	background-image:url(../images/thumbs/thumb_poison_a.gif)
	}


#thumb_poison.active { 
	height:70px;
	}


#thumb_poison.inactive { 
	opacity: 0.2;
    filter: alpha(opacity = 20);
	}
	
	
	

#thumb_atomic {
	background-image:url(../images/thumbs/thumb_atomic_a.gif);
	}


#thumb_atomic.active {
	height:70px;
	}


#thumb_atomic.inactive {
	opacity: 0.20;
    filter: alpha(opacity = 20);
	}




#thumb_city {
	background-image:url(../images/thumbs/thumb_city_a.gif);
	}


#thumb_city.active {
	height:70px;
	}

#thumb_city.inactive {
	opacity: 0.20;
    filter: alpha(opacity = 20);
	}




#thumb_emsk {
	background-image:url(../images/thumbs/thumb_emsk_a.gif);
	}


#thumb_emsk.active {
	height:70px;
	}


#thumb_emsk.inactive {
	opacity: 0.20;
    filter: alpha(opacity = 20);
	}




#thumb_dark {
	background-image:url(../images/thumbs/thumb_dark_a.gif);
	}


#thumb_dark.active {
	height:70px;
	}
	
	
#thumb_dark.inactive {
	opacity: 0.20;
    filter: alpha(opacity = 20);
	}




#thumb_mlk {
	background-image:url(../images/thumbs/thumb_mlk_a.gif);
	}

#thumb_mlk.active {
	height:70px;
	}


#thumb_mlk.inactive {
	opacity: 0.20;
    filter: alpha(opacity = 20);
	}




#thumb_spray {
	background-image:url(../images/thumbs/thumb_spray_a.gif);
	}


#thumb_spray.active {
	height:70px;
}


#thumb_spray.inactive {
	opacity: 0.20;
    filter: alpha(opacity = 20);
	}




#thumb_free {
	background-image:url(../images/thumbs/thumb_free_a.gif);
	}


#thumb_free.active {
	height:70px;
	}


#thumb_free.inactive {
	opacity: 0.20;
    filter: alpha(opacity = 20);
	}




#thumb_turntables {
	background-image:url(../images/thumbs/thumb_turntables_a.gif);
	}


#thumb_turntables.active {
	height:70px;
	}


#thumb_turntables.inactive {
	opacity: 0.20;
    filter: alpha(opacity = 20);
	}




#thumb_crow { 
	background-image:url(../images/thumbs/thumb_crow_a.gif);
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
	}


#thumb_crow.active { 
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
	height:70px;
	}


#thumb_crow.inactive { 
	opacity: 0.20;
    filter: alpha(opacity = 20);
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
	}

/* end thumbs */

/* collection content */

.container {

	height:465px;
	width:860px;
	position:absolute;
	}
	
	
	
.shirt {
	width:860px;
	height:465px;
	z-index:1;
	margin:0px;
	padding:0px;
	}
	
.shirt img {  
	width:860px;
	height:465px;
    top:  0; 
    left: 0;
	} 
	
	
.info {
	width:860px;
	height:95px;
	z-index:500;
	bottom:0px;
	left:0px;
	background-image:url(../images/stuff/info_bg.png);
	background-repeat:repeat-x;
	position:absolute;
	font-size:18px;	
	behavior: url(../js/iepngfix.htc);
	}
	

.info div {
	float:left;
	top:18px;
	position:relative;	
	}
	
.info div#name {
	padding-left:30px;
	padding-right:25px;	
	height:60px;
	border-right:thin solid #000000;
	}

.info div#name b {
	font-size:22px;
	}
	
.info div#name p {
	line-height:20px;
	margin-top:10px;
	}
	
.info div#swatches {
	height:60px;
	padding-left:18px;
	padding-right:18px;
	border-right:thin solid #000000;
	}
	
.info div#add {
	padding-right:30px;	
	border-right:none;
	float:right;
	height:60px;
	position:relative;
	top:6px;
	}
	
.add_btn {
	height:45px;
	width:125px;
	font-family: Helvetica, Arial, sans-serif;
	background-color:#000000;
	color:#FFFFFF;
	font-size:14px;
	vertical-align:middle;
	text-align:center;
	border:thin solid #FFFFFF;
	cursor:pointer;
	}
	
.add_btn:hover {
	background-color:#2CFFCA;	
	}

	
.info div#new {
	position:relative;
	top:-95px;
	right:30px;
	background-image:url(../images/stuff/new.png);
	height:35px;
	width:240px;
	z-index:50;
	float:right;
	behavior: url(../js/iepngfix.htc);
	}
	
.info div#out {
	background-color:#000000;
	border-right:none;
	padding-right:30px;
	padding-left:30px;
	margin-right:30px;
	float:right;
	height:60px;
	position:relative;
	top:18px;
	color:#FFFFFF;
	line-height:56px;
	text-align:center;
	font-size:16px;
	}

/* end collection content */