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

<style type="text/css">

#header {
  background: #28242D;
  position: absolute;
  width: 1024px;
  height: 66px;
  top: 0px;
  left: 0px;
  margin: 0px;
}
#logo {
  position: absolute;
  top: 8px;
  left: 40px;
}
#unicorn {
  position: absolute;
  width: 242px;
  height: 66px;
  top: 0px;
  left: 127px;
}
#search {
  position: absolute;
  width: 655px;
  height: 65px;
  top: 30px;
  left: 369px;
}
#headermenu2 {
  position: absolute;
  height: 25px;
  top: 66px;
  left: 528px;
}
#main {
	background: #28242D;
	position: absolute;
	width: 1044px;
	height: auto;
	top: 66px;
	left: 0px;
}
#leftcolheader {
	background: #0066cc;
	position: static;
	width: 1024px;
	height: 5px;
}
#leftcol {
	background: #28242D;
	position: relative;
	float: left;
	height: auto;
	width: 235px;
}
#content {
	background: #28242d;
	position: relative;
	float: left;
	width: 780px;
	height: auto;
	padding: 0px 0px 0px 19px;
	background-image:url(/images/common/eps/dropshadow.jpg);
	background-repeat:repeat-y;	
}
#sample_content {
	background: #28242d;
	position: relative;
	float: left;
	width: 780px;
	height: 770px;
	padding: 0px 0px 0px 19px;
	background-image:url(/images/common/eps/dropshadow.jpg);
	background-repeat:repeat-y;	
}
#u900content {
	background: #28242d;
	position: relative;
	float: right;
	width: 780px;
	height: auto;
	padding: 0px 10px 0px 19px;
	background-image:url(/images/common/eps/dropshadow.jpg);
	background-repeat:repeat-y;	
}
#footer {
  	background: #808080;
  	position: relative;
  	float: left;
    clear: both;
  	width: 994px;
  	height: 25px;
 	top:   0px;
  	left: 0px;
  	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	color: #28242d;
	padding: 0px 15px 0px 15px;
}
#loadarea {
	position: relative;
	float: left;
  	width: 770px;
}
#caption {
	position: absolute;
  	width: 248px;
  	height: auto;
	top: 0px;
	left: 512px;
	padding: 0px 0px 0px 10px;
}
#item {
  position: relative;
  width: 770px;
  height: auto;
}
#gallery {
  position: relative;
  width: 770px;
  height: auto;
  padding: 0px 0px 0px 10px;
}
#picture {
  position: relative;
  float: left;
  width: 400px;
  height: auto;
  top:  0px;
  left: 0px;
  padding: 0px 0px 0px 10px;
}
#description {
  position: relative;
  float: left;
  width: 340px;
  height: auto;
  top: 0px;
  left: 0px;
  padding: 0px 10px 0px 10px;  
}
#artpicture {
  position: relative;
  float: left;
  width: 520px;
  height: auto;
  top:   00px;
  left: 0px;
}
#artdescription {
  position: relative;
  float: left;
  width: 250px;
  height: auto;
  top: 0px;
  left: 0px;
}
#spec {
  position: relative;
  float: left;
  width: 170px;
  height: auto;
  top: 0px;
  left: 0px;
}
#options {
  position: relative;
  float: left;
  width: 170px;
  height: auto;
  top: 0px;
  left: px;
}
#price {
  position: relative;
  float: left;
  width: 340px;
  height: auto;
  top: 0px;
  left: 0px;
}
#text {
	position:relative; 
  	width: 750px;
	padding:0px 20px 0px 10px;
}
#custom {
  position: relative;
  float: left;
  width: 76px;
  height: auto;
  top: 0px;
  left: 0px;
  padding: 10px 10px 0px 0px;  
}
#stock {
  position: relative;
  float: left;
  width: 86px;
  height: auto;
  top: 0px;
  left: 0px;
  padding: 10px 9px 0px 0px;  
}
#color {
	position: relative;
	float: left;
	height: 15px;
	width: 120px;
}
#sample {
  position: relative;
  float: left;
  width: 128px;
  height: auto;
  top: 0px;
  left: 0px;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

/*Example CSS for demo ticker*/
#ajaxticker1{
background-color: #0066cc;
position: relative;
float: left;
width: 1018px;
height: auto;
padding: 3px;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #0066cc;
}

.someclass{ //class to apply to your scroller(s) if desired
}

#content_category { 
	position: relative;
	float: left;
	width: 385px;
	height: auto;
	padding: 0px 0px 0px 0px;
}	
#content_sub {
	position: relative;
	float: left;
	width: 365px;
	height: auto;
	padding: 0px 10px 10px 10px;
}
img.center {
	display: block;
    margin-left: auto;
    margin-right: auto }
</style>