/* CSS Document */
/* New css for 1020 px width */
html, body{ 
 margin:0; 
 padding:0;
 color: #E9E9E9; 
 text-align:center;
 	background-color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 100%;
}

body p	{
	font-size: 0.83em;
	margin: 0px;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: 1em;
}
.important {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1em;
	background-color: #9e667f;
	margin: 1em;
	border: thin double #ffffff;
}

li {
	font-size: 0.83em;
}

 
#pagewidth{
	width:1020px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
} 
 
#header{
	position:relative;
	height:160px;
	width:100%;
	background-image: url(../images/logo-g.gif);
	background-repeat: no-repeat;
} 
.paypal {
	float: right;
	z-index: 1;
	display: block;
	clear: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 0.75em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin: 0px;
}
/*View cart & checkout button */
#cartbtn {
	font-size: 1em;
	margin-top: 5px;
	font-weight: bold;
	
}
#cartbtn a {
	background-image: url(../images/cartbtn.gif);
	background-repeat: no-repeat;
	display: block;
	white-space: nowrap;
	height: 40px;
	width: 150px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 12px;
	color: #666666;
	
}
#cartbtn a:hover {
	background-image: url(../images/cartbtn-over.gif);
	background-repeat: no-repeat;
	display: block;
	white-space: nowrap;
	height: 40px;
	width: 150px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

/* Buy button */

 
#leftcol{
 width:14%; 
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:86%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:17%; 
 float:right; 
 position:relative; 

 }
 
#maincol{  
 float: left; 
 display:inline; 
 position: relative; 
 width:83%; 
 }
 
#footer{
	height:125px;
	clear:both;
	margin: 0px;
	padding: 0px;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* Header styles */

h1{
	font-size: 1.25em;
	font-weight: bold;
	background-color: #9E667F;
	border: 1px solid #FFFFFF;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	margin-top: 25px;
	margin-right: 13px;
	margin-bottom: 10px;
	margin-left: 14px;
	background-image: url(../images/h1bgj.jpg);
	background-repeat: repeat-x;
	

}
h2 {
	font-size: 0.8em;
	padding: 0.5em;
	margin: 0px;
	background-color: #7B7098;
	color: #FFFFFF;
}
h3 {
	font-size: 0.75em;
	padding: 0.5em;
	margin: 1em;
	color: #666666;
	background-color: #D1D3FF;
	border: 1px solid #FFFFFF;
	
}

h4	{
	font-size: 0.75em;
	padding: 0.5em;
	margin: 1em;
	color: #CCCCCC;
}



/*Modifies standard link properties */

a {
	color: #D1D3FF;
	text-decoration: none;
}
a:hover{
	color: #C5EEF0;
	text-decoration: underline;
}

/*Removes blue border around image links */

img
{  border-style: none;
}


/* Menu bar styles */

#nav ul{
	margin : 0;
	white-space : nowrap;
	font-size: 0.83em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
	padding: 5px 0px;






}
#nav ul li{
	display : inline;
	list-style-type: none;
	padding: 0px;




}

#nav ul li a{
	padding-left : 15px;
	padding-right : 0px;
	color : #D1D3FF;
	font-weight : bold;
	text-decoration : none;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 1em;
	margin-left: 1em;


}

#nav ul li a.green{

	background-image: url(../images/menu/menu-g.gif);
	
}

#nav ul li a.purple{

	background-image: url(../images/menu/menu-p.gif);
	
}

#nav ul li a.purple2{

	background-image: url(../images/menu/menu-p2.gif);
	
}

#nav ul li a.blue{

	background-image: url(../images/menu/menu-b.gif);
	
}

#nav ul li a.brown{

	background-image: url(../images/menu/menu-br.gif);
	
}



#nav ul li a:hover{
	color : #C5EEF0;
	background-image: url(../images/menu/menu-triangle.gif);

}
.boxhdr {
	font-size: 0.83em;
	color: #FFFFFF;
	background-color: #9E667F;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


/* vertical menu bar */
#menu ul{
	padding : 0px;
	margin : 0;
	white-space : normal;
	font-size: 0.83em;
	text-align: left;




}
#menu ul li{
	display : block;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0px;



}

#menu ul li a{
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-right: 1em;
	padding-left: 1em;


}

#menu ul li a.green{

	background-image: url(../images/menu/menu-g.gif);
	
}

#menu ul li a.purple{

	background-image: url(../images/menu/menu-p.gif);
	
}

#menu ul li a.purple2{

	background-image: url(../images/menu/menu-p2.gif);
	
}

#menu ul li a.blue{

	background-image: url(../images/menu/menu-b.gif);
	
}

#menu ul li a.brown{

	background-image: url(../images/menu/menu-br.gif);
	
}



#menu ul li a:hover{
	color : #C5EEF0;
	background-image: url(../images/menu/menu-triangle.gif);

}

.menubar {
	height: 20px;
}
.menubox {
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 5px;


}

.box2 {
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 0.75em;
	font-weight: bold;
	margin: 5px;

}

.adbox {
	padding: 5px;
	text-align: center;
	margin: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

/* links on footer */

#fmenu {
	font-size: 0.83em;
	color: #FFFFFF;
	text-align: center;
	clear: both;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;

	/* border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF; */


}

#fmenu ul{
	padding : 5px;
	margin : 0;
	white-space : nowrap;
	text-align: center;
	list-style-type: none;





}
#fmenu ul li{
	display : inline;
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;



}

#fmenu ul li a{
	padding-left : 1em;
	padding-right : 1em;
	text-decoration : none;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #FFFFFF;

}

#fmenu ul li a:hover {
color: #C5EEF0;
text-decoration: underline;
}


/* Cart button */

a.cartbtn:link{
	font-size: 0.75em;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
	padding: 5px;
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
	background-image: url(../images/cart_white.gif);
	background-repeat: no-repeat;
	margin: 5px;
}
a.cartbtn:visited{
	font-size: 0.75em;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	
	display: block;
	text-decoration: none;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
	background-image: url(../images/cart_white.gif);
	background-repeat: no-repeat;
}
a.cartbtn:hover{
	color: #C5EEF0;
	background-image: url(../images/cart_purple.gif);
}

/* CSS styles for the picture items on the artists pages */

#pb-width{
	width:702px;
	margin-top: 10px;
	margin-left: 14px;
	
	
}

#pb-hdr	{
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#pb-wrapper	{
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	background-color: #F4F4F4;
	

}
 
#pb-leftcol{
	width:321px;
	float:left;
	position:relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	
  }
 
#pb-twocols{
 width:378px; 
 float:right; 
 position:relative; 
  }
  
  
 
#pb-rightcol{
	width:170px;
	float:right;
	font-size: 0.75em;
	position:relative;
	color: #666666;
	margin: 0px;
	padding-top: 10px;
	
 }
#pb-rightcol select {
}



 
#pb-centrecol{
	float: left;
	position: relative;
	width:195px;
	color: #999999;
	font-size: 0.83em;
	
	
 }
.prod-blurb {
	font-weight: bold;
}


/*Boxes for images & text on the index page */
/*Changes boxes to two, 349 px left and right */
#hp-wrapper	{
	padding: 0px;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 14px;
	
	
	}

#hp-leftcol{
 width:48%; 
 float:left; 
 position:relative; 
 background-color: #F5F5F5;
 border: 1px solid #CCCCCC;
 
  }
 
#hp-rightcol{
	float: right;
	display:inline;
	position: relative;
	width:48%;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
 }
 #hp-fullwidth	{
	position:relative;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 14px;
 }
 
 #hp-fullwidth a,#hp-leftcol a, #hp-rightcol a, #hp-twocol a	{
	color: #9E667F;
	text-decoration: none;
	font-weight: bold;
}

#hp-fullwidth a:hover, #hp-leftcol a:hover, #hp-rightcol a:hover, #hp-twocol a:hover	{
	text-decoration: underline;
}

#hp-twocol {
	width:99%;
	float:left;
	position:relative;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

 /* Aligns images in boxes on home page */
 .hp-img	{
	padding: 10px; 
 }
 /*Links for pale backgrounds */
#darklink a {
	font-size: 0.75em;
	color: #666666;
	text-decoration: none;
	background-image: url(../images/mag.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
#darklink a:hover	{
text-decoration: underline;
}


#hp-leftcol p, #hp-rightcol p, #hp-twocol p,#hp-fullwidth p	{
	font-weight: bold;
	color: #202020;
	padding: 10px;
}
/* Floats an image left */
.leftimg {
	margin: 0px;
	padding: 14px;
	float: left;
}
.hdrimg {
	margin: 17px;
	padding: 0px;
}


/* Clear both after */
.clear {
	clear: both;
	height: 1px;
}

/* Virtual pagination */
#galleryalt {
	padding-top: 5px;
	padding-bottom: 5px;
}
#galleryalt a:link {
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

#galleryalt a:visited {
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

#galleryalt a:hover {
	text-decoration: underline;
}
#galleryalt a:active	{
text-decoration: underline;
}

.paginationstyle {
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-top: 20px;
	text-align: center;
	margin-left: 1em;
	font-size: 0.83em;
	font-weight: bold;
}
.rightimg {

	margin: 0px;
	padding: 14px;
	float: right;
}
#addressblock {
	margin-left: 50px;
	
}
#addressblock li	{
	list-style-type: none;
}