BODY {FONT-SIZE: 8pt; COLOR: #aaaaaa; LINE-HEIGHT: 11pt; FONT-FAMILY: tahoma, helvetica, sans-serif, arial}
TD {FONT-SIZE: 8pt; COLOR: #aaaaaa; LINE-HEIGHT: 11pt; FONT-FAMILY: tahoma, helvetica, sans-serif, arial}

input {FONT-SIZE: 8pt; COLOR: #333333; LINE-HEIGHT: 11pt; FONT-FAMILY: tahoma, helvetica, sans-serif, arial; border: #c1c1c1 1px solid;}
select {border-right: #b0b0b0 1x solid; border-top: #b0b0b0 1x solid; border-left: #b0b0b0 1x solid; border-bottom: #b0b0b0 1x solid; font-family:tahoma, helvetica, sans-serif, arial; font-size: 8pt; background-color: #ffffff}
textarea {font-family:tahoma, helvetica, sans-serif, arial; font-size: 8pt; border:1x solid #b0b0b0;  background-color: #ffffff}

A:link {FONT-SIZE: 8pt; COLOR: #aaaaaa; FONT-FAMILY: tahoma, helvetica, sans-serif, arial; TEXT-DECORATION: none}
A:visited {FONT-SIZE: 8pt; COLOR: #aaaaaa; FONT-FAMILY: tahoma, helvetica, sans-serif, arial; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: tahoma, helvetica, sans-serif, arial; TEXT-DECORATION: underline}

.title_p A:link {FONT-SIZE: 8pt; COLOR: #01678A; FONT-FAMILY: tahoma, helvetica, sans-serif, arial; TEXT-DECORATION: none}
.title_p A:visited {FONT-SIZE: 8pt; COLOR: #034BDE; FONT-FAMILY: tahoma, helvetica, sans-serif, arial; TEXT-DECORATION: none}
.title_p A:hover {FONT-SIZE: 8pt; COLOR: #7A03DE; FONT-FAMILY: tahoma, helvetica, sans-serif, arial; TEXT-DECORATION: underline}

.small {FONT-SIZE: 7pt; COLOR: #333333; LINE-HEIGHT: 11pt; FONT-FAMILY: tahoma, helvetica, sans-serif, arial;}
.menu_top {FONT-SIZE: 8pt; COLOR: #6C4D4D; LINE-HEIGHT: 11pt; FONT-FAMILY: tahoma, helvetica, sans-serif, arial}

.bottom {font-size:9pt}



/* CSS Document */
#wrapper {
	width: 1000px;
	margin: 0 auto 0 auto;
	background: url(../images/bg_bottom.gif) repeat-x bottom;
}

#header {
	background: url(../images/bg_header.gif);
	height: 96px;
	width: 1000px;
    	position: relative;
	left: 0;
	top: 0;
}
h3 {
	height: 10px;
	font-size: 16pt;
	font-weight: normal;
	line-height:150%;
	}
h2 {
	width: 200px;
	height: 94px;
	padding: 0;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	}
	
#nav {
	margin: 0;
	background: transparent url(../images/nav_brick.gif) 0 0 no-repeat;
	position: absolute;
	width: 390px;
	height: 20px;
	left: 350px;
	top: 20px;

	}

	
#nav ul {
	margin: 0;
	padding: 0;
	}

#nav li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	line-height: 20px; 
	position: absolute; 
	text-indent: -9999px; 
	text-align: center;
	}
	
#nav a {
	display: block; 
	text-decoration: none;   
	overflow: hidden;
	/* THANKS ROGIE */
	}	
	
#navartist {left: 0px; top: 0; width: 225px; height: 20px; }
#navstore {left: 225px; top: 0; width: 100px; height: 20px; }
#navsitemap {left: 335px; top: 0; width: 54px; height: 20px; }

#navartist a:hover {background: url(../images/nav_brick.gif) 0 -20px no-repeat; }	
#navstore a:hover {background: url(../images/nav_brick.gif) -225px -20px no-repeat; }	
#navsitemap a:hover {background: url(../images/nav_brick.gif) -335px -20px no-repeat; }	

#navartist a, #navstore a, #navsitemap a{height: 20px;}


#topnav {
	margin: 0;
	background: transparent url(../images/topnav.gif) 0 0 no-repeat;
	position: absolute;
	width: 480px;
	height: 20px;
	left: 260px;
	top: 55px;

	}

	
#topnav ul {
	margin: 0;
	padding: 0;
	}

#topnav li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	line-height: 20px; 
	position: absolute; 
	text-indent: -9999px; 
	text-align: center;
	}
	
#topnav a {
	display: block; 
	text-decoration: none;   
	overflow: hidden;
	/* THANKS ROGIE */
	}	
	
#topnavColor {left: 0px; top: 0; width: 45px; height: 20px; }
#topnavPro {left: 45px; top: 0; width: 105px; height: 20px; }
#topnavSkin {left: 150px; top: 0; width: 70px; height: 20px; }
#topnavTool {left: 220px; top: 0; width: 130px; height: 20px; }
#topnavCollect {left: 350px; top: 0; width: 80px; height: 20px; }
#topnavLook {left: 430px; top: 0; width: 50px; height: 20px; }

#topnavColor a:hover {background: url(../images/topnav.gif) 0 -20px no-repeat; }	
#topnavPro a:hover {background: url(../images/topnav.gif) -45px -20px no-repeat; }	
#topnavSkin a:hover {background: url(../images/topnav.gif) -150px -20px no-repeat; }
#topnavTool a:hover {background: url(../images/topnav.gif) -220px -20px no-repeat; }	
#topnavCollect a:hover {background: url(../images/topnav.gif) -350px -20px no-repeat; }	
#topnavLook a:hover {background: url(../images/topnav.gif) -430px -20px no-repeat; }	
	
#dynamicNav {
	margin: 0;
	padding: 0 6px;
	width: 748px;
	height: 34px;
	clear: both;
	background: #1e1e1e;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	display: block;

}
#bottom {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 34px;
	clear: both;
	background: #1e1e1e;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	display: block;

}

#btnav {
	margin: 6px auto;
	padding: 0;
	background: transparent url(../images/bottomnav.gif) no-repeat 0 0;
	position: relative;
	width: 409px;
	height: 20px;
}

	
#btnav ul {
	margin: 0;
	padding: 0;
	}

#btnav li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	line-height: 20px; 
	position: absolute; 
	text-indent: -9999px; 
	text-align: center;
	}
	
#btnav a {

	display: block; 
	text-decoration: none;   
	overflow: hidden;
	/* THANKS ROGIE */
	}	
	
#btnavColor {left: 0px; top: 0; width: 40px; height: 20px; }
#btnavPro {left: 40px; top: 0; width: 80px; height: 20px; }
#btnavSkin {left: 120px; top: 0; width: 110px; height: 20px; }
#btnavTool {left: 230px; top: 0; width: 90px; height: 20px; }
#btnavCollect {left: 320px; top: 0; width: 89px; height: 20px; }

#btnavColor a:hover {background: url(../images/bottomnav.gif) 0 -20px no-repeat; }	
#btnavPro a:hover {background: url(../images/bottomnav.gif) -40px -20px no-repeat; }	
#btnavSkin a:hover {background: url(../images/bottomnav.gif) -120px -20px no-repeat; }
#btnavTool a:hover {background: url(../images/bottomnav.gif) -230px -20px no-repeat; }	
#btnavCollect a:hover {background: url(../images/bottomnav.gif) -320px -20px no-repeat; }	


#footer {
	width: 1000px;
	height: 157px;
	display: block;
	clear: both;
	font-size: 7.5pt;
	line-height: 40px;
	vertical-align: bottom;
	color: #999;
}

#main {
	background: url(../images/main.jpg) no-repeat 0px 0px;
	position: relative;
	height: 444px;
	width: 1000px;
	display: block;
	clear:both;
}
#banner1 {
	margin:0;
	padding: 0;
	background: transparent url(../images/banner1.jpg) no-repeat 0 0;
	position: absolute;
	width: 403px;
	height: 146px;
	top: 0;
	left: 357px;

}

#banner1 a {
	margin: 0; 
	padding: 0; 
	display: block; 
	text-indent: -9999px; 
	text-align: center;
	text-decoration: none;   
	overflow: hidden;
	left: 0px; 
	top: 0; 
	width: 403px; 
	height: 146px; 
	}
#banner1 a:hover{background: url(../images/banner1.jpg) 0 -146px no-repeat;}
	
#banner2 {
	margin:0;
	padding: 0;
	background: transparent url(../images/banner2.jpg) no-repeat 0 0;
	position: absolute;
	width: 403px;
	height: 146px;
	top: 149px;
	left: 357px;

}
#banner2 a {
	margin: 0; 
	padding: 0; 
	display: block; 
	text-indent: -9999px; 
	text-align: center;
	text-decoration: none;   
	overflow: hidden;
	left: 0; 
	top: 0; 
	width: 403px; 
	height: 146px; 
	}
#banner2 a:hover{background: url(../images/banner2.jpg) 0 -146px no-repeat;}

#banner3 {
	margin:0;
	padding: 0;
	background: transparent url(../images/banner3.jpg) no-repeat 0 0;
	position: absolute;
	width: 403px;
	height: 146px;
	top: 298px;
	left: 357px;

}

#banner3 a {
	margin: 0; 
	padding: 0; 
	display: block; 
	text-indent: -9999px; 
	text-align: center;
	text-decoration: none;   
	overflow: hidden;
	left: 0; 
	top: 0; 
	width: 403px; 
	height: 146px; 
	}
#banner3 a:hover{background: url(../images/banner3.jpg) 0 -146px no-repeat;}	

	
#dynamicNav a {
	color: #d4d4d4;
	text-decoration: none;
}
#dynamicNav a:hover {
	color: #fff;
	text-decoration: underline;
}


#content {
	position: relative;
	width: 1000px;
	display: block;
	clear:both;
}
.leftColumn {
	background: #000000 url(../images/bg_sidenav.gif) repeat-x top;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

.large {
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}
.white {
	color: #FFFFFF;
}

.fineprint{
	font-size: 7pt;
	color: #8B8B8B;
}

/* CSS Document */


.hidden{display: none; visibility: hidden;width:0px;}
.cat_item {margin: 0px; padding: 0 0 3px 10px; }
.cat_item a {
	padding-bottom: 4px;
	color: #ccc;
}
.cat_item a:hover {color: #CCCC99;}
.cat_link_selected {
	text-transform: none;
	padding-bottom: 2px;
	font-weight: bold;
	color: #fff;
}
.catListContainer {
	padding-left: 5px;
}
.prodName {
	font-size: 10pt;
	color: #FFFFFF;
}
.price {
	font-size: 9pt;
	font-weight: bold;
	color: #CCCC99;
}


.pageContent {
	padding: 20px 10px;
}

.cat_shim {padding-top: 5px;}
.pageHeader {

	background: #000000 url(../images/bg_pageheader.gif) repeat-y right;
    height: 40px;
    border-bottom: 1px solid #3d3d3d;
	text-align: right;
	padding-right: 5px;
	font-weight: normal;
	margin: 0
}
.pageHeader div {
  	font-size: 14pt;
	color: #FFFFFF;
}


.borderBottom {
	border-bottom: 1px solid #3d3d3d;

}
.whiteLine {
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.headingShade {
	background: url(../images/bg_headingshade.gif) repeat-x bottom;
	height: 30px;
}
.headingCenter {
	background: url(../images/bg_headingshade.gif) repeat-x bottom;
	height: 30px;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
}