body 
{
	/*background-image: url('../images/bodyfill.png');*/
	background-color: #000;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	scrollbar-face-color: silver;
	scrollbar-highlight-color: silver;
	scrollbar-shadow-color: red;
	scrollbar-3dlight-color: red;
	scrollbar-arrow-color:  #000000;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #000000;
}
.hproduct{ visibility:hidden;}
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 14px; }
.blkmed { font-size : 14px; }
.genlrg { font-size : 18px; }
.genhead { font-size : 18px; }
.gensmall { font-size : 10px; }
.boxhead { font-size : 24px; color: yellow; text-decoration: none;}
.blkhead { font-size : 24px; color: black; text-decoration: none;}
.gen,.genmed,.gensmall,.genlrg { color : #000; }
.blkmed { color : #000; }
.genhead { color : blue; }
a.gen,a.genmed,a.gensmall,a.genhead { color: yellow; text-decoration: none; }
a.nav_button{ color:black; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover,a.genhead:hover	{ color: white; 
text-decoration: underline; }
a.nav_button:hover{ color:red; text-decoration: none; }
.head_text
{
	color: #fa54b6;
	text-decoration: none;
	font-size: 24px;
}
.search
{ /*Pagination links style*/
	font-size: 18px;
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid white;
	color: #000;
	background-image: url('../images/headnav.jpg');
	background-repeat:repeat-x;
}
a.search
{ /*Pagination links style*/
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid white;
	color: #000;
	background-image: url('../images/search_nav.jpg');
	background-repeat:repeat-x;
}
a.search:hover
{ /*Pagination links style*/
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid red;
	color: red;
	background-image: url('../images/search_nav.jpg');
	background-repeat:repeat-x;
}
a.searchactive
{ /*Pagination links style*/
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid white;
	color: yellow;
	background-image: url('../images/search_nav.jpg');
	background-repeat:repeat-x;
}

.allbody
{	
	/*position:absolute;*/
	background-color:#000;
	width: 800px;
	top:0px;
	left: 0px;
	display: block;
    vertical-align: bottom;
	text-align: center;
	text-decoration: none;
}

.main
{
	background-color:transparent ;
	/*position:absolute;
	top:178px;
	left:0px;*/
	width: 100% !important;
	display: block;
}

.mainheader
{	
	/*position:relitive;*/
	background-color: Black;
	/*top: 20px;
	left:10px;*/
	width: 100%;
	display: table-cell;
    vertical-align: top;
	text-align: left;
	margin: 0px;
	text-decoration: none;
	border: medium double #fa3ebe;
	float: left;
}

.headbar
{
	background-image: url('../images/headnav.jpg');
	background-repeat:repeat-x;
	width: 100% !important;
	height:30px;
	margin-top:-5px;
	display: table-cell;
    vertical-align: top;
	text-align: center;
	vertical-align: top;
	vertical-align: text-top;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #000;
}

td.on
{
	background-color: #d5d5d5;
}
tr.search1
{
	background-color: #fff;
}
tr.search2
{
	background-color: #ededed;
}
td.off1
{
	background-color: #fff;
}
td.off2
{
	background-color: #ededed;
}
table.off
{
	background-color: #fff;
	width: 630px;
	margin-top: 10px;
	margin-left:35px;
	margin-bottom: 10px;
	margin-right:35px;
}

.headsides
{
	background-image: url('../images/headersides.jpg');
	background-repeat:no-repeat;
	width: 30px !important;
	height:150px;
	display: table-cell;
    vertical-align: top;
	text-align: center;
	vertical-align: top;
	vertical-align: text-top;
	text-decoration: none;
	margin: 0 0 10px 0px;
	padding: 7px 1px;
}

.headdiv
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.t {background: url('../images/header_top_center.jpg') 0 0 repeat-x; width: 100%}
.b {background: url('../images/header_bottom_center.jpg') 0 100% repeat-x}
.l {background: url('../images/header_sides.jpg') 0 0 repeat-y}
.r {background: url('../images/header_sides') 100% 0 repeat-y}
.bl {background: url('../images/header_bottom_left.jpg') 0 100% no-repeat}
.br {background: url('../images/header_bottom_right.jpg') 100% 100% no-repeat}
.tl {background: url('../images/header_top_left.jpg') 0 0 no-repeat}
.tr {background: url('../images/header_top_right.jpg') 100% 0 no-repeat; padding:10px} 
	
.navbutton 
{
	background-image: url('../images/headnav.jpg');
	background-repeat:repeat-x;
	width: 100px !important;
	height:35px;
	display: table-cell;
    vertical-align: top;
	text-align: center;
	vertical-align: top;
	vertical-align: text-top;
	text-decoration: none;
	margin: 0 0 10px 0px;
	padding: 7px 1px;
	color:black;
	font-family:sans-serif;
	font-size:14px;
	/*border-right: 1px solid #000000;*/
    float: left;
}

.navfill
{
	background-image: url('../images/headnav.jpg');
	background-repeat:repeat-x;
	width: 100%;
	height:35px;
	display: table-cell;
    vertical-align: top;
	text-align: center;
	vertical-align: top;
	vertical-align: text-top;
	text-decoration: none;
	margin: 0 0 10px 0px;
	padding: 7px 1px;
	color:black;
	font-family:sans-serif;
	font-size:18px;
    float: left;
}

.navright
{
	background-image: url('../images/header_link_right.jpg');
	background-repeat:no-repeat;
	width: 35px !important;
	height:35px;
	display: table-cell;
    vertical-align: top;
	text-align: center;
	vertical-align: top;
	vertical-align: text-top;
	text-decoration: none;
	margin: 0 0 10px 0px;
	padding: 7px 1px;
    float: right;
}

.nav_back
{
	background-image: url(../images/sidebg.png);
	background-repeat: repeat-y;
	width: 210px !important;
	height:100% !important;
	display: table-cell;
    vertical-align: top;
	overflow: visible;
}

div.search_pic
{
	width: 600px !important;
	top:0px;
	left: 0px;
}

div.search_top
{
	background-image: url('../images/search_top.jpg');
	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position: 0px 0px;
	width: 700px !important;
	height:50px;
}

div.search_fill
{
	background: url('../images/search_fill.jpg') repeat-y;
	background-position: 0px -10px;
	width: 700px !important;
	height:100%;
	display:block;
}

div.search_bottom
{
	width: 700px !important;
	height:45px;
	background: url(../images/search_bottom.jpg) no-repeat;
	/*background-attachment:fixed;*/
	background-position: 0px 10px;
	display:block;
}

.top_div_v
{
	width: 400px !important;
	top:0px;
	left: 0px;
	display: block;
    vertical-align: top;
	text-align: center;
}

.v_pic
{
	width: 300px !important;
	top:0px;
	left: 0px;
}

.v_top
{
	background-image: url('../images/small_frame_top.jpg');
	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position: 0px 0px;
	width: 400px !important;
	height:32px;
}

.v_fill
{
	background-image: url('../images/small_frame_fill.jpg');
	background-repeat: repeat-y;
	background-position: 0px -10px;
	width: 400px !important;
	height:100%;
}

.v_bottom
{
	bottom: 0px;
	width: 400px !important;
	height:39px;
	background: url('../images/small_frame_bottom.jpg') no-repeat;
	/*background-attachment:fixed;*/
	background-position: 0px 22px;
}

.top_div_decal
{
	width: 400px !important;
	top:0px;
	left: 0px;
	display: block;
    vertical-align: top;
	float: left;
}

.decal_pic
{
	width: 300px !important;
	top:0px;
	left: 0px;
}

.decal_top
{
	background-image: url('../images/small_frame_top.jpg');
	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position: 0px 0px;
	width: 350px !important;
	height:32px;
}

.decal_fill
{
	background-image: url('../images/small_frame_fill.jpg');
	background-repeat: repeat-y;
	background-position: 0px -10px;
	width: 350px !important;
	height:100%;
}

.decal_bottom
{
	bottom: 0px;
	width: 350px !important;
	height:39px;
	background: url('../images/small_frame_bottom.jpg') no-repeat;
	/*background-attachment:fixed;*/
	background-position: 0px 22px;
}

.item_shirt
{
    vertical-align: top;
	text-align: center;
	font-family:arial;
	font-size:8px;
	padding-top:0px;
	padding-right:55px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0px,0px,0px,0px;
}

.thumb_div
{
	width: 100%;
	display: block;
    vertical-align: bottom;
}

div.sdmenu {
	width: 180px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding-bottom: 10px;
	padding-left: 20px;
	/*background: url(../images/bottom.gif) no-repeat  right bottom;*/
	color: #fff;
}
div.sdmenu div {
	background: url(../images/side1.png) no-repeat;
	overflow: hidden;
	margin: 2px 0px 2px 0px;
}
/*div.sdmenu div:first-child {
	background: url(../images/side1.png) no-repeat;
}*/
div.sdmenu div.collapsed {
	height: 35px;
	width: 190px;
}
div.sdmenu div span {
	display: block;
	padding: 10px 40px;
	font-weight: bold;
	text-align: left;
	color: yellow;
	background: url(../images/expanded.gif) no-repeat 20px center;
	cursor: default;
	text-decoration: none;
}
div.sdmenu div  span:hover {
	color: yellow;
	text-decoration: none;
}
div.sdmenu div.collapsed span{
	background-image: url(../images/collapsed.gif);
}
div.sdmenu div a.bottom {
	width: 170px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	text-align: right;
	text-decoration: none;
	color: #066;
	float: left;
}
div.sdmenu div a.current {
	width: 170px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background : #ccc url(../images/linkarrow.gif) no-repeat left center;
	display: block;
	border-bottom: 1px solid #ddd;
	text-align: right;
	color: yellow;
	text-decoration: none;
	float: left;
}
div.sdmenu div a:active {
	width: 170px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background : #ccc url(../images/linkarrow.gif) no-repeat left center;
	color: yellow;
	text-decoration: none;
	float: left;
}
div.sdmenu div a.bottom:hover {
	width: 170px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background : #54534e url(../images/linkarrow.gif) no-repeat left center;
	color: #fff;
	text-decoration: none;
	float: left;
}

div.navleft1
{
	width: 170px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin-left: 20px;
	border: 2px solid gray;
	float: left
}

div.navleft1 a.bottom {
	width: 170px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	text-align: right;
	text-decoration: none;
	color: #066;
	float: left;
}
div.navleft1 a.current {
	width: 170px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background : #ccc url(../images/linkarrow.gif) no-repeat left center;
	display: block;
	border-bottom: 1px solid #ddd;
	text-align: right;
	color: yellow;
	text-decoration: none;
	float: left;
}
div.navleft1 a:active {
	width: 170px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background : #ccc url(../images/linkarrow.gif) no-repeat left center;
	color: yellow;
	text-decoration: none;
	float: left;
}
div.navleft1 a.bottom:hover {
	width: 170px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background : #54534e url(../images/linkarrow.gif) no-repeat left center;
	color: #fff;
	text-decoration: none;
	float: left;
}

div.sidebutton
{
	width: 175px;
	height: 35px;
	background: url(../images/side1.png) no-repeat;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;
	float: left; 
}

div.sidebutton a.sbutton
{
	width: 175px;
	height: 35px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	color: yellow;
	text-decoration: none;
}
div.sidebutton a.sbutton:active
{
	color: yellow;
	text-decoration: none;
}
div.sidebutton a.sbutton:hover
{
	color: black;
	text-decoration: none;
}

a.100button
{
	width: 100px;
	padding: 5px 10px;
	background-image: url(../images/button_100.jpg);
	display: block;
	text-align: center;
	color: yellow;
	text-decoration: none;
}
a.100button:hover
{
	color: black;
	text-decoration: none;
}
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid white;
color: #fff;
background-color: #000;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

/*TABS*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
width: 350px;
margin-bottom: 1em; padding: 10px;
}

.thumbnail{
position: relative;
z-index: 0;
}

a.thumbnail{color: #fa54b6; text-decoration: none; font-size: 18px; }

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}