@charset "utf-8";
/* CSS Document */

body{
	position:relative;
	background:#7f6e59 url(../gfx/bkg_body.jpg) repeat top center;
	
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:center;
}

#Container{
	position:relative;
	margin:0px auto;
	width:786px;
}

#Header{
	position:relative;
	margin:0px auto;
	width:786px;
	height:150px;
}

#Logo{
	position:absolute;
	height:150px;
	width:150px;
	top:0px;
	left:0px;
	overflow:hidden;
	
	background: url(../gfx/header_dt.png) no-repeat top left;
}

#Welcome{
	position:absolute;
	height:100px;
	width:350px;
	top:10px;
	left:100px;
	overflow:hidden;
	text-indent:-9999999px;
	
	background: url(../gfx/header_welcome.png) no-repeat top left;
}

#Navigation-Top{
	position:absolute;
	top:0px;
	right:3px;
	height:20px;
	width:500px;
	
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#eeeeee;
	
}

#Navigation{
	position:absolute;
	bottom:0px;
	right:3px;
	height:30px;
	width:600px;
	
	/*background: url(../gfx/nav/bkg_nav.gif) no-repeat top left;*/
	
}

#FreeShipping{
	position:absolute;
	top:55px;
	right:3px;
	width:208px;
	height:30px;
	text-indent:-9999999px;
	
	
	background: url(../gfx/free_shipping.gif) no-repeat top right;
	
}

#Content{
	position:relative;
	width:786px;
	text-align:left;
}

#Content p{
	margin:10px 6px;	
}

p span.header{
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
}

p span.shirt-title{
	font-weight:bold;
	color:#000000;
	font-size:18px;
}

p span.shirt-header{
	font-weight:bold;
	color:#000000;
}

p span.shirt-price{
	font-weight:bold;
	color:#cc0000;
	font-size:18px;	
}




#Content h1{
	margin:20px 6px;
	line-height:22px;
	font-size:20px;
}

#Content h2{
	margin-top:70px; 
	margin-bottom:2px;
	font:bold 18px Helvetica, Verdana, Arial, sans-serif;
	color:#ffffff;
	letter-spacing:0.01em;
	text-transform:uppercase;	
}

#Categories{
	position:relative;
	width:471px;
	height:314px;
	float:left;
}

#News{
	position:relative;
	width:309px;
	height:308px;
	background-color:#ffffff;
	float:right;
	margin-right:3px;
	margin-top:3px;
}

#News h3{
	margin:10px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

/* FRAMEWORK */
.product_tab{
	margin:100px 0px 0px 3px;
	position:relative;
	height:25px;
	width:774px;
	padding:4px 0px 0px 10px;
	background: url(../gfx/tab.gif) no-repeat top left;	
	
	font:bold 18px Helvetica, Verdana, Arial, sans-serif;
	color:#504436;


}
.product_tab span{
	font-size:22px;
}

.col_wrapper{
	width:786px;
	padding:0px;
	margin:3px 0px;
}
.col_wrapper_w{
	width:774px;
	padding:3px;
	margin:3px;
	background:#ffffff;
}

.col1, .col2, .col3, .col1b, .col2b, .col3b{
	position:relative;
	margin:3px;
	float:left;
	background:#ffffff;
}
.col1{ width:252px; }
.col2{ width:510px; }
.col3{ width:774px; }

.col1b{ width:250px; border:1px solid #cccccc;}
.col2b{ width:508px; border:1px solid #cccccc;}
.col3b{ width:772px; border:1px solid #cccccc;}

.flash_wrapper{
	position:relative;
	width:252px;	
	height:374px;
	
	background: url(../gfx/column_banner/bkg_flash.gif) no-repeat top left;
	display:block;
}

.flash_wrapper_md{
	position:relative;
	width:252px;	
	height:255px;
	
	background: url(../gfx/column_banner/bkg_flash_md.gif) no-repeat top left;
	display:block;
}

/* END FRAMEWORK */

/*
a{
	filter: alpha(opacity=100);
    -moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;	
}

a:hover{
	filter: alpha(opacity=70);
    -moz-opacity: 0.70;
	-khtml-opacity: 0.70;
    opacity: 0.70;	
}
*/



/* MODIFIERS */

.white{background:#ffffff;}
.black{background:#000000;}
.red{background:#cc0000;}
.yellow{background:#faa21c;}
.grey{background:#eeeeee;}

.rounded{
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.border{border:1px solid #cccccc;}
.center{text-align:center;}

a{
	color:#589dd5;
}

a:hover{
	color:#222222;	
}

a.size-chart{
	padding:4px 8px;
	border:1px solid #cccccc;
	font-size:10px;
	text-decoration:none;
	color:#666666;
	background-color:#eeeeee;
}

a.size-chart:hover{
	color:#cc0000;
}




/* END MODIFIERS */



.shirt-thumb{
	position:relative;
	width:151px;
	height:151px;
	margin:3px;
	float:left;
	display:block;
	overflow:hidden;
}

.banner 
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:35px;
	display:block;
	z-index:2;
}

.sale{
	background: url(../gfx/thumb_banner/sale.gif) no-repeat top left;
}

.new{
	background: url(../gfx/thumb_banner/new.gif) no-repeat top left;
}






#Copyp{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background: url(../gfx/blank.gif) repeat top left;
	z-index:30;
}

#GFX{
	position:absolute;
	width:205px;
	height:70px;
	top:145px;
	left:148px;
	z-index:5;
	
}

#Spacer{
	position:relative;
	width:100%;
	height:150px;
}

#Imager{
	position:relative;
	width:100%;
	height:265px;
}


#CustPhoto{
	width:768px;
	position:relative;
	text-align:center;	
}

#CustPhoto .image{
	float:left;
	width:auto;
	margin:10px 5px;
	position:relative;
	text-align:left;
	padding:7px;
	border:1px solid #cccccc;
	/*background: url(../gfx/bkg_img.gif) repeat top left;*/
}

#CustPhoto .image div{
	width:auto;
	padding:7px 0px 0px 0px;
	font:10px Arial, Helvetica, sans-serif;
	color:#666666;
}




#Footer{
	position:relative;
	width:780px;
	height:200px;
	text-align:left;
	margin:0px auto;
	margin-top:5px;
	padding:0px;
	
	background: url(../gfx/bkg_footer.png) no-repeat top left;
	/*border-top: 4px solid #9f8971;*/
	
	font-size:11px;
	line-height:13px;
	color:#bbb39d;
}

#Footer #LFT{
	position:absolute;
	width:150px;
	height:190px;
	top:20px;
	left:0px;
}

#Footer #RHT{
	position:absolute;
	width:300px;
	height:190px;
	top:10px;
	right:0px;
	
	text-align:right;
	
}

#Footer a{
	color:#222222;
	font-weight:normal;
	text-decoration:none;
}

#Footer a:hover{
	
	color:#000000;
	text-decoration:underline;
}