body
 	{
 	font-family:"Century Gothic", Verdana, Arial, Sans-Serif;
	color:#232020;
	background: #d0d0d0 url('../images/bg.jpg') no-repeat fixed center top;
	margin:0;
	padding:0;
	}

#outterframe 
	{
	position:relative;
	top:0px;
	width:900px;
	padding:0px;
	float:none;
	margin:auto;
	background-color:#fff;
	box-shadow:0 0 30px 5px #262626;
	-moz-box-shadow:0 0 30px 5px #262626;
	-webkit-box-shadow:0 0 30px 5px #262626;
	}

#jwindex
	{
	position:relative; 
	left:50px; 
	top:5px; 
	width:800px; 
	height:96px; 
	float:none;
	border-bottom:1px #d0d0d0 solid;
	}
		
#topindex
	{
	position:absolute;
	top:0;
	left:0;
	width:800px;
	height:90px;
	padding:0px;
	}

#titlebar
	{
	position:absolute;
	top:39px;
	left:5px;
	width:800px;
	height:90px;
	padding:0px;
	}

/* -------------------- other -------------------- */

.noBorder
	{
	border:0px;
	}

P 
	{
	margin-top:10px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px; 
	text-indent:10%;
	text-align:justify; 
	}

a:link
	{
	color:#232020;
	text-decoration:none;
	}
	
a:visited
	{
	color:#232020;
	text-decoration:none;
	}

a:hover
	{
	color:#0068c8;
	text-decoration:underline;
	}
	
a:active
	{
	color:#232020;
	text-decoration:none;
	}

#instockHolder
	{
	position:absolute;
	top:100px;
	left:0px;
	width:800px;
	}

.itemHolder
	{
	width:790px; /* 800 minus padding and border */
	height:150px;
	margin:10px 0 10px 0;
	padding:5px;
	position:relative;
	z-index:4;
	}

.itemHolderTitle
	{
	height:30px;
	}

.itemDes
	{
	height:150px;
	margin:10px 0 10px 0;
	padding:5px;
	font-size:10px;
	position:relative;
	z-index:4;
	}

.itemDesTitle
	{
	height:30px;
	}


#leftcolumn 
	{
	float:left;
	width:170px;
	}

#rightcolumn
	{
	float:left;
	width:630px;
	}

.title
	{
	font-weight:bold;
	font-size:14px;
	}

.titleThin
	{
	font-weight:normal;
	font-size:14px;
	}

.bold
	{
	font-weight:bold;
	}

.tinyText
	{
	color:#494949;
	font-size:9px;
	}

.tinyTextblk
	{
	color:#000;
	font-size:9px;
	}

#footer
	{
	width:800px;
	font-size:10px;
	text-align:center;
	position:relative;
	margin-bottom:50px;
	}


/*--------------------- menu navigation ------------------------*/

#navigation
	{
    width:140px;
    font-size:12px;
    left:660px;
    position:absolute;
    z-index:97;
	}

#navigation ul
	{
	margin:0px;
	padding:0px;
	}

ul.top-level
	{
	background:#fff;
	}
		
#navigation li
	{ 
	list-style:none;
	text-align:right;
	padding-right:10px;
	}

ul.top-level li
	{
	/* border-bottom: #fff solid;
	border-top: #fff solid;
	border-width: 1px; */
	}

#navigation a
{
color:#232020;
cursor:pointer;
display:block;
height:23px;
line-height:23px;
/* text-indent:10px; */
text-decoration:none;
width:100%;
}

#navigation a:hover
{
color:#fff;
text-decoration:underline;
}

#navigation li:hover
{
background:#0068c8;
position:relative;
}

ul.sub-level { display: none; }
li:hover .sub-level
{
background:#999;
display:block;
position:absolute;
right:140px;
top:0px;
}
        
ul.sub-level li
{
border:none;
float:left;
width:140px; 
}

#navigation .sub-level { background: #e5e5e5; }
#navigation .sub-level .sub-level { background: #d0d0d0; }
						
/*IE RESET HELPER*/
li:hover .sub-level .sub-level { display:none; }
.sub-level li:hover .sub-level { display:block; }
	


/* -------------------- page flip -------------------- */

#pageflip 
	{
	position:relative;
	right:0; 
	top:0;
	float:right; 
	}

#pageflip img 
	{
	width:150px; 
	height:155px;
	z-index:99;
	position:absolute;
	right:0; 
	top:0;
	-ms-interpolation-mode:bicubic;
	}

#pageflip .msg_block 
	{
	width:150px; 
	height:150px;
	overflow:hidden;
	position:absolute;
	right:0; 
	top:0;
	background:url(../images/subscribe.png) no-repeat right top;
	z-index:98;
	}


/* -------------------- index.html -------------------- */

.box 
	{
	width:185px;
	height:185px;
	border:1px #d0d0d0 solid;
	position:absolute;
	}

.box a:hover 
	{
	top:-5px;
	left:-5px;
	width:185px;
	height:185px;
	border:5px #0068c8 solid;
	position:absolute;
	}

.boxTitle 
	{
	width:185px;
	height:20px;
	top:20px;
	left:0px;
	position:relative;
	font-size:12px;
	color:#000;
	text-align:center;
	}
	
.boxTitleText 
	{
	background-color:#fff; 
	padding:0 5px 0 5px; 
	border:1px #000 solid;
	}


/* -------------------- shirt specs -------------------- */
	
table.shirt 
	{
	border-width:1px;
	border-spacing:2px;
	border-style:solid;
	border-color:gray;
	border-collapse:collapse;
	}

table.shirt th 
	{
	border-width:1px;
	padding:3px;
	border-style:solid;
	border-color:gray;
	text-align:center;
	font-weight:bold;
	}
	
table.shirt td 
	{
	border-width:1px;
	padding:3px;
	border-style:solid;
	border-color:gray;
	text-align:center;
	}
	

/*--------------------instock box----------------------*/

.catalogueBox
	{
	width:140px;
	height:140px;
	position:relative;
	}

.catalogueBox a:hover 
	{
	top:-5px;
	left:-5px;
	width:140px;
	height:140px;
	border:5px #0068c8 solid;
	position:absolute;
	}
	
.catalogueBeltBox
	{
	width:199px;
	height:140px;
	position:relative;
	}

.catalogueBeltBox a:hover 
	{
	top:-5px;
	left:-5px;
	width:199px;
	height:140px;
	border:5px #0068c8 solid;
	position:absolute;
	}
	
.catalogueFormalBox
	{
	width:200px;
	height:100px;
	position:relative;
	}

.catalogueFormalBox a:hover 
	{
	top:-5px;
	left:-5px;
	width:200px;
	height:100px;
	border:5px #0068c8 solid;
	position:absolute;
	}
	
.catalogueCorporateBox
	{
	width:155px;
	height:200px;
	position:relative;
	}

.catalogueCorporateBox a:hover 
	{
	top:-5px;
	left:-5px;
	width:155px;
	height:200px;
	border:5px #0068c8 solid;
	position:absolute;
	}