* {
 margin:0;
 padding:0;
	}

body{
	margin: 0;
	padding: 0;
	background-attachment: fixed;
	}

h1.alert {
	font-family: Lucida Grande, sans-serif;
	color: #333333;
	font-size: 1.2em;
	}

h2.alert {
	font-family: Georgia, Times, serif;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	}

h3.alert {
	font-family: Georgia, Times, serif;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	}
#checkout {
	font-family: Georgia, Times, serif;
	color: #333333;
	font-size: 14px;
	}
/*
a:link {
	text-decoration: underline;
	}

a:visited {
	text-decoration: underline;
	}
a:active {
	text-decoration: underline;
	}
a:hover {
	text-decoration: underline;
	}
*/

li.list1 {
	list-style: circle outside;
	font-family: Lucida Grande, Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	margin: 0 0 0 15px;
	}

li.list2 {
	list-style: circle outside;
	font-family: Lucida Grande, Trebuchet MS, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	margin: 0 0 0 15px;
	}

li.list3 {
	font-family: Lucida Grande, Trebuchet MS, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	margin: 0 0 0 18px;
	}

#login {
    background-color: #EEEEEE;
	padding: 5px 5px 5px 10px;
	font-family: Lucida Grande, sans-serif;
	color: #333333;
	font-size: 1.1em;
	border: 1px solid #DDDDDD;
	}

form input {
	font-weight:normal;
	font-size: 12px;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#ACACAC;
	}

#account {
	padding: 5px 0 0 0;
	}


/*NAV BAR*/

#nav {
	background-color: #FFFFFF;
	padding: 6px 0px 5px 5px;
	font-family: Verdana, Lucida Grande, sans-serif;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background:url(../../images/nav.png) repeat-x;
	}

#navbot {
	}

a.nav {
	font-family: Verdana, sans-serif;
	color: #3268C2;
	text-decoration: none;
	}

a.nav:hover {
	font-family: Verdana, sans-serif;
	color: #333333;
	text-decoration: underline;
	}

a.nav:active {
	font-family: Verdana, sans-serif;

	}

a.nav:visited {
	font-family: Verdana, sans-serif;

	}






#checknav {
	background-color: #FFFFFF;
	padding: 6px 0px 5px 5px;
	font-family: Verdana, Lucida Grande, sans-serif;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background:url(../../images/nav.png) repeat-x;
	width: 600px;
	}














/*MAINHEAD PROPERTIES*/

#mainhead {
	border-top: 1px solid #FFFFFF
	border-bottom: 1px solid #000000;
	margin: 5px 0px 0px 0px;
	padding: 5px 10px 5px 1px;
	text-align: right;
	background:url(../../images/logo.png) no-repeat;
	height: 53px;
	font-family: Lucida Grande, Trebuchet MS, sans-serif;
	color: #333333;
	}

h1.mainhead {
	font-family: Lucida Grande, Trebuchet MS, sans-serif;
	color: #333333;
	font-size: 1.5em;
	}

h2.mainhead {
	font-family: Lucida Grande, Trebuchet, sans-serif;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	}

/*HEADER PROPERTIES*/

#header {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	padding: 0px 10px 3px 0px;
	font-family: Verdana, Trebuchet MS, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	}

a.tiny {
	font-size: 9px;
	font-weight: normal;
	}

a.head {
	text-decoration: none;
	color: #3268C2;
	text-transform: none;
	font-variant: normal;
	}
a.head:hover {
	text-decoration: underline;
	color: #333333;
	text-transform: none;
	font-variant: normal;
	}
a.head:active {

	text-transform: none;
	font-variant: normal;
	}
a.head:visited {

	text-transform: none;
	font-variant: normal;
	}

/*CRUMB PROPERTIES*/

#crumb {
	background-color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	font-family: Verdana, Lucida Grande, sans-serif;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	}

a.crumb {
	text-decoration: none;
	color: #3268C2;
	text-transform: none;
	font-variant: normal;
	}
a.crumb:hover {
	text-decoration: underline;
	color: #333333;
	text-transform: none;
	font-variant: normal;
	}
a.crumb:active {
	text-decoration: none;
	color: #3268C2;
	text-transform: none;
	font-variant: normal;
	}
a.crumb:visited {
	text-decoration: none;
	color: #3268C2;
	text-transform: none;
	font-variant: normal;
	}

/*CONTENT PRODUCTS*/

h1.prod {
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	color: #4E4E4E;
	font-size: 14px;
	display: block;
	line-height: 1.0em;
	text-decoration: none;
	}

h2.prod {
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	color: #4E4E4E;
	font-size: 14px;
	font-weight: normal;
	display: block;
	}

#prodcontent {
	float: left;
	padding: 0px 0px 5px 0px;
	margin:  2px 0px 5px 0px;
	text-align: left;
	border-bottom: 1px solid #EEEEEE;
	font-weight: normal;
	}

#prodtext {
	text-align: left;
	font-weight: normal;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	font-size: 14px;
	}

img.prod {
	float: left;
	margin: 0 5px 0 0;
	}

img.prodthumb {
	float: left;
	margin: 5px 5px 50px 0;
	}

#prodprice {
	padding: 5px 5px 5px 10px;
	margin:  5px 5px 5px 10px;
	text-align: left;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	}

.prodseperator {
	padding: 5px 0 5px 0;
	margin:  5px 5px 5px 5px;
	border-bottom: 1px dotted #666666;
	}

#prodseperator {
	padding: 5px 0 5px 0;
	margin:  5px 5px 5px 5px;
	border-bottom: 1px dotted #666666;
	}

/** Left Column **/

#leftcolumn {
	float: left;
	width: 145px;
	padding: 5px;
	border-right: 1px solid #EEEEEE;
	height: 700px;
	font-family: Verdana, Trebuchet MS, sans-serif;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	background: #F8FAFF;
	line-height: 1.3em;
	background:url(../../images/left-bg.jpg) repeat-x;
	}



#leftcolumn h1 {
	font-size: 14px;
	margin: 0px;
	padding: 2px;
	border-bottom: 1px solid #5555FF;
	}

h1.content {
	font-size: 1.7em;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	color: #333333;
	font-weight: bold;
	}

h2.content {
	font-size: 1.3em;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	color: #333333;
	font-weight: bold;
	}

h3.content {
	font-size: 1.0em;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	color: #333333;
	font-weight: bold;
	}

p.content {
	font-size: 14px;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	color: #333333;
	font-weight: normal;
	}

p.contenttiny {
	font-size: 10px;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	color: #333333;
	font-weight: normal;
	}

p.small {
	font-size: 11px;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;

	font-weight: normal;
	text-decoration: underline;
	}

/* Quotes ---------------------------------------------- */

blockquote {
	margin: 0pt 1em 2em 1em;
	background-image: url(../../images/quoteOpen.png);
	background-repeat: no-repeat;
	background-position: 0pt 2px;
	background-attachment: scroll;
	}

blockquote > p:first-child {
	margin-bottom: .5em;
	text-indent: 20px;
	font-size: .9em;
	color: #7E7665;
	line-height: 1.4em;
	font-weight: lighter;
	}
	
.close-q {
	padding: 0pt 27px 0pt 0pt;
	background-image: url(../../images/quoteClose.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;
	}
	
cite {
	font-size: .8em;
	line-height: .8em;
	font-style: italic;
	font-weight: lighter;
	text-align: right;
	}

#quotes {
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	font-size: .9em;
	font-style: italic;
	line-height: 1.3em;
	background: #EEEEEE;
	}

#shoppop {
	padding:  40px 5px 10px 15px;
	background-image: url(../../images/shoppop-bg.gif);
	font-family: Trebuchet MS, sans-serif;
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;

	}

#shoppopclick {
	text-align: right;
	padding:  0px 29px 0px 0px;
	}

#savecart {
	text-align: right;
	}

/*LOOK HERE FOR BUGS*/
#main {
	float: left; 
	margin: 0px auto 0px auto;
	width: 800px;
	}

#rightcolumn {
	float: left;
	width: 600px;
	margin: 0px 0px 0px 15px;

	}

/*CHECKOUT COLUMNS */


#chckout_leftcolumn {
	float: left;
	width: 145px;
	padding: 5px;
	}


#chckout_rightcolumn {
	float: left;
	width: 600px;
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 10px;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	}

/*END BUGGY BS*/

#playlist {
	border: 0px solid #666666;
	}

#playlist tbody tr td {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 2px 3px;
	border-left: 1px solid #D9D9D9;
	}
	
#playlist tbody tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
	}

#footer {
	background-color: #EEEEEE;
	padding: 5px 5px 5px 10px;
	font-family: Lucida Grande, Trebuchet MS, sans-serif;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #DDDDDD;
	line-height: 1.3em;
	vertical-align: bottom;
	}

#footdate {
	background-color: #FFFFFF;
	float: left;
	width: 30px;
	height: 30px;
	padding: 2px 0 0 0;
	margin: 0 5px 0 0;
	text-align: center;
	border-right: 1px solid #999999;
	}

#hehe {
	border-top: 1px solid #DDDDF1;
	}

.hehe {
	border-top: 1px solid #DDDDF1;
	}

#hehehack {
	width: 130px;
	margin: 5px 0px 0px 0px;
	border-top: 1px solid #DDDDF1;
	}

#myorders {
	background-color: #EEEEEE;
	padding: 5px 5px 5px 10px;
	font-family: Lucida Grande, Trebuchet MS, sans-serif;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #DDDDDD;
	line-height: 1.3em;
	}

#prodside-a {
	float: left;
	width: 33%;


}

#prodside-b { 
	float: left;
	width: 33%;
	padding: 0 0 0 5px;


}

#prodside-c {
	float: right;
	width: 33%;
}

form fieldset{
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#E9EBEE;
	margin:20px 0px 20px 0px;
	/*width:350px;*/
	position:relative;
	display:block;
	padding: 0 10px 10px 10px;
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
	
}

form fieldset legend{
	font-weight:bold;		
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	padding:2px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
	
}
	 
form fieldset legend img{
	padding:0px 5px 0px 5px;	
}

label{
	display:block;
	float:left;
	/*width:100px;*/
	text-align:left;
	margin:0px 5px 0px 0px;
}

/*Sitemap*/

#site_map {
	padding: 5px 5px 5px 5px;
	border: 1px solid #000000;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	}

#sitemap {
	visibility: hidden;
	font-size: .5px;
	}



/*Admin specific styles, rewrite because they are lame*/

#adminhead {
	background:url(images/title.jpg) repeat-x;
	height: 49px;
	}

#coolmenu{
/*border: 1px solid black;*/
/*border-bottom-width: 0;*/
width: 120px;
background-color: #E6E6E6;
}

* html #coolmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 120px;
}

#coolmenu a{
font: bold 11px arial;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: black;
color: white;
}

.arial12graydark {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #474A5B}





/*Cool Java Image Zoom*/
div.previews { 
	position: relative; 
	}

div.preview { 
	margin: 0 8px 8px 0; 
	}

img.preview { 
	position: absolute; 
	}

div.large-preview, div.screenshot-details {
	float: left;
	margin: 0 2em 1em 0;
	}



/*EVERYTHING BELOW IS FUBAR*/

thead.fixedHeader tr {
	position: relative
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;

html>body thead.fixedHeader tr {
	display: block
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;

	}

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

.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 dashed 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: top;
left: 60px; /*position where enlarged image should offset horizontally */
//z-index: 600

}

a.showit:hover {
   z-index: 25;
   background-color: #ffff9b;
   cursor: hand;
   text-decoration: none;
}
a.showit span {
   display: none;
}

label{
	display:block;
	float:left;
	/*width:100px;*/
	text-align:left;
	margin:0px 5px 0px 0px;
}