@charset "shift_jis";

body{
	margin:0;padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/back.gif);
	color:#000;
	font-size:90%;
	text-align:center;
	}
	
a img{border:none;}
img{vertical-align:bottom;}
br.clear{clear:both;}
p{line-height:1.5;}
h1,h2,h3,h4,ul,li,p,dl,dt,dd,#wrapper,#navigation,#content{margin:0; padding:0;}
/*-Wrapper---------------------------------------*/
#wrapper{
	text-align:left;
	width:906px;
	margin:0 auto;
	}
/*---------------------------------------*/
/*-------------------------------------------
wrap
------------------------------------------*/	
#wrap{
	border-bottom:3px solid #000;
	}
/*---------------------------------------*/
/*-------------------------------------------
header
------------------------------------------*/
#header h1 a{
	display:block;
	width:230px;
	height:86px;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
	}
#header{
	position:relative;
	width:900px;
	padding:0 3px;
	background:url(../images/line_bk.gif) repeat-y;
	}

#globalNavi{
	border-left:3px solid #000;
	padding-top:52px;
	background:url(../images/globalnavi_bk.gif) no-repeat;
	width:667px;
	position:absolute;
	top:0;
	left:233px;
	}
#globalNavi ul{
	list-style:none;
	}

#globalNavi li{
	display:block;
	float:left;
	}
#globalNavi li a{
	display:block;
	padding:8px 10px 0px;
	float:left;
	height:26px;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	}
#globalNavi li a:hover{
	color:#fff;
	background:#f00;
	}
/*---------------------------------------*/
	
/*-------------------------------------------
content
------------------------------------------*/	
#content{
	width:900px;
	margin:0 auto;
	padding:0 3px;
	background:url(../images/contentbk.gif) repeat-y;
	}
/*-------------------------------------------*/
/*-------------------------------------------
mainContent
------------------------------------------*/	
#mainContent{
	width:629px;
	padding:20px;
	float:right;
	}
	
#mainContent ul.list{
	list-style:none;
	}
#mainContent ul.list li{
	display:block;
	float:left;
	margin:10px 10px 0 0;
	}
#mainContent ul.list{
	list-style:none;
	}
#mainContent ul.list li a{
	border:1px solid #000;
	width:128px;
	height:163px;
	display:block;
	float:left;
	margin:10px 10px 0 0;
	}
	#mainContent ul.list li a:hover{border:1px solid #f00;}
	
/*-------------------------------------------*/
/*-------------------------------------------
itemBox
------------------------------------------*/	
#itemBox h2{
	font-size:120%;
	margin:5px 0 8px;
	}
#itemBox p{
	margin:5px 10px;
	line-height:2;
	}
#specParentBox{
	position:relative;
	min-height:260px;
	}
#imgBox{
	width:251px;
	float:left;
	}
img.mainImg{
	border:1px solid #000;
	}
img.proline{
	position:absolute;
	top:215px;
	left:150px;
	z-index:1;
	}
#spec{
	float:right;
	width:360px;
	}

#spec table{
	border-collapse:collapse;
	font-size:100%;
	}
#spec th,#spec td{
	padding:8px 7px;
	}

.none{
	background:#eee;
	color:#666;
	}
.signal{color:#f30;}
	
#spec ul{
	margin:5px;
	}
#spec ul li{
	margin-left:15px;
	line-height:1.5;
	}
/*-------------------------------------------*/
#sabContent{
	width:230px;
	float:left;
	}
#sabContent h2{
	display:block;
	width:230px;
	height:35px;
	text-indent:-9999px;
	}
	#sabContent h2.boardstitle{background:url(../images/boardstitle.gif) no-repeat;}
	#sabContent h2.bindingstitle{background:url(../images/bindingstitle.gif) no-repeat;}
	#sabContent h2.ropestitle{background:url(../images/ropestitle.gif) no-repeat;}
	#sabContent h2.veststitle{background:url(../images/veststitle.gif) no-repeat;}
	#sabContent h2.wettitle{background:url(../images/wettitle.gif) no-repeat;}
	#sabContent h2.appareltitle{background:url(../images/appareltitle.gif) no-repeat;}
	#sabContent h2.bagstitle{background:url(../images/bagstitle.gif) no-repeat;}
	#sabContent h2.stufftitle{background:url(../images/stufftitle.gif) no-repeat;}
	
#sabContent h3{
	margin:20px 0 0 30px;
	}
#sabContent ul{
	margin:0 0 10px 35px;
	list-style:none;
	}
#sabContent ul li{
	line-height:1.5;
	}
#sabContent ul li a{
	text-decoration:none;
	padding:1px;
	color:#000;
	}
#sabContent ul li a:hover{
	background:#f00;
	color:#fff;
	}
/*-------------------------------------------*/
.m_corporate_t li#m_corporate_t a,.m_contigent_t li#m_contigent_t a,.m_delta_t li#m_delta_t a,.m_remington_t li#m_remington_t a,.m_essential_t li#m_essential_t a,.m_faction_t li#m_faction_t a,.m_longsleeve_t li#m_longsleeve_t a,.m_henley_t li#m_henley_t a,.m_faction_h li#m_faction_h a,.m_hoody li#m_hoody a,.m_polo_t li#m_polo_t a,.m_zip_h li#m_zip_h a,.m_faction_j li#m_faction_j a,.w_solace_t li#w_solace_t a,.w_diamond_t li#w_diamond_t a,.w_woven_t li#w_woven_t a,.w_stacked_t li#w_stacked_t a,.w_diamond_h li#w_diamond_h a,.w_diamond_j li#w_diamond_j a,.w_zip_h li#w_zip_h a,.h_corporate li#h_corporate a,
.h_icon li#h_icon a,
.h_faction li#h_faction a,
.h_bill li#h_bill a,
.h_m_beanie li#h_m_beanie a,
.h_w_beanie li#h_w_beanie a,
.h_diamond li#h_diamond a,
.h_pinstripe li#h_pinstripe a,
.belt li#belt a,
.buckle li#buckle a,
.socks li#socks a{background:#f00;color:#fff;}
/*-------------------------------------------*/


.board li#board a,
.padded li#padded a,
.faction li#faction a,
.dlx_faction li#dlx_faction a,
.diamond li#diamond a,
.dlx_rolling li#dlx_rolling a,
.backpack li#backpack a,
.travel li#travel a,
.accessory li#accessory a{background:#f00;color:#fff;}

/*-------------------------------------------*/

.zeus li#zeus a,
.answer li#answer a,
.faction li#faction a,
.deuce li#deuce a,
.vapor li#vapor a,
.torq li#torq a,
.seven li#seven a,
.mobe li#mobe a,
.comp li#comp a,
.tiffany li#tiffany a,
.ember li#ember a,
.sage li#sage a,
.bliss li#bliss a{background:#f00;color:#fff;}

/*-------------------------------------------*/

.absolute_p li#absolute_p a,
.absolute li#absolute a,
.transcend_p li#transcend_p a,
.transcend li#transcend a,
.marius_p li#marius_p a,
.marius li#marius a,
.faction li#faction a,
.kink li#kink a,
.pure li#pure a,
.sapphire li#sapphire a,
.lotus li#lotus a,
.bella li#bella a,
.jr_faction li#jr_faction a,
.surge li#surge a,
.charger li#charger a,
.faze li#faze a,
.sol li#sol a,
.deck li#deck a,
.base li#base a,
.razr li#razr a,
.tsunami li#tsunami a,
.ride li#ride a{background:#f00;color:#fff;}
/*-------------------------------------------*/

/*-------------------------------------------*/

.h_delta li#h_delta a,
.h_faction_ltd li#h_faction_ltd a,
.h_militia li#h_militia a,
.h_lg1 li#h_lg1 a,
.h_lg2 li#h_lg2 a,
.h_diamond li#h_diamond a,
.h_icon li#h_icon a,
.h_essential li#h_essential a,
.h_synthesis li#h_synthesis a,
.h_legit li#h_legit a,
.h_faction li#h_faction a,
.p_lg li#p_lg a,
.p_faction li#p_faction a,
.p_source li#p_source a,
.p_answer li#p_answer a,
.p_diamond li#p_diamond a,
.p_surge li#p_surge a,
.p_legit li#p_legit a,
.p_upstart li#p_upstart a,
.p_apprentice li#p_apprentice a,
.l_faction li#l_faction a,
.l_vapor li#l_vapor a,
.l_sk li#l_sk a,
.l_spyderwire li#l_spyderwire a,
.l_electra li#l_electra a,
.s_t_bar li#s_t_bar a,
.s_super_d li#s_super_d a{background:#f00;color:#fff;}
/*-------------------------------------------*/

/*-------------------------------------------*/

.s_faction li#s_faction a,
.s_corporate li#s_corporate a,
.s_icon li#s_icon a,
.s_sheet li#s_sheet a,
.dvd li#dvd a,
.slime li#slime a{background:#f00;color:#fff;}

/*-------------------------------------------*/

/*-------------------------------------------*/

.faction li#faction a,
.diamond li#diamond a,
.essential li#essential a,
.delta li#delta a,
.pulse li#pulse a,
.solace li#solace a,
.surge li#surge a,
.youth li#youth a,
.child li#child a,
.infant li#infant a{background:#f00;color:#fff;}



/*-------------------------------------------*/
/*-------------------------------------------*/

.faction li#faction a,
.faction_nt li#faction_nt a,
.delta_nt li#delta_nt a,
.solace_nt li#solace_nt a,
.diamond li#diamond a{background:#f00;color:#fff;}





/*-------------------------------------------*/
/*-------------------------------------------
Footer
------------------------------------------*/	
#footer{
	border-top:3px solid #000;
	padding:3px 0 0 0;
	text-align:left;
	}
#bottom{
	width:900px;
	margin:0 auto;
	}
#footer ul{
	padding:8px 0 5px 140px;
	background: url(../images/footerlogo.gif) left center no-repeat;
	}
#footer li{
	display:inline;
	margin:3px 10px;
	}
#footer li a{
	text-decoration:none;
	color:#000;
	}
address{
	font-style:normal;
	margin-top:5px;
	text-align:center;
	}
	

/*-------------------------------------------*/
	
	
/* Hack cleafix--------------------------------*/
.box:after,.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.box,.clearfix{display:inline-table;
	min-height:1px;�@/* IE 7*/
}

/* IE \*/
* html .clearfix,* html .box{height:1%;}
.box,.clearfix{display:block;}
/*end IE */
/* END Hack cleafix--------------------------------*/


/*lightbox--------------------------------------------------*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#333;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{padding: 10px;}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/*end_lightbox--------------------------------------------------*/