html { }

a {
border:0px;
}

body {
  color: #CED1B2;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height:14px;
  margin: 0px;
  background-image: url('../core/image_bg_main.png');
  background-repeat: repeat;
}

img { border:none; }

a#popup{
	visibility:hidden;
	height:0px;
	width:0x
}

#logo{
	position:absolute;
	top:10px;
	left:10px;
	z-index:1000;
}

#title{
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:1000;
}

#images {
  position:relative;
  top:0px;
  left:10px;
  width:740px;
  background-color: #ef5438;
}

#images_hidden {
  position:relative;
  top:0px;
  left:10px;
  height:10px;
  width:740px;
  background-color: #ef5438;
  display:none;
}

#gallery_menu {
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:1000;
	display:none;
}

#menu {
  position:relative;
  top:1px;
  left:10px;
  width:740px;
  min-height:36px;
  height:auto;
  background-color: #312c26;
  z-index:11;
}

#menu_area {
	position:relative;
	padding:4px;
	#height:15px;
	left:2px;
}

#menu_hidden {
  position:relative;
  top:1px;
  left:10px;
  height:10px;
  width:740px;
  background-color: #312c26;
  display:none;
}

#features {
  position:relative;
  top:2px;
  left:10px;
  width:740px;
  background-color: #3b342c;
}

#features_hidden {
  position:relative;
  top:2px;
  left:10px;
  height:10px;
  width:740px;
  background-color: #3b342c;
  display:none;
}

#features_lt {
  position:absolute;
  top:0px;
  left:0px;
  width:450px;
  padding:10px;
}

#features_rt {
  position:relative;
  top:0px;
  left:450px;
  width:290px;
  
}

#media {
  position:relative;
  top:3px;
  left:10px;
  width:740px;
  background-color: #413d32;
}

#media_hidden {
  position:relative;
  top:3px;
  left:10px;
  height:10px;
  width:740px;
  background-color: #413d32;
  display:none;
}

#media_lt {
  position:relative;
  top:0px;
  left:0px;
  width:450px;
  padding:10px;
}

#media_rt {
  position:absolute;
  top:0px;
  left:450px;
  width:270px;
  height:100%;
  margin: 10px 10px 0px 0px;
}

#info {
  position:relative;
  top:4px;
  left:10px;
  width:740px;
  background-color: #494539;
}

#info_hidden {
  position:relative;
  top:4px;
  left:10px;
  height:10px;
  width:740px;
  background-color: #494539;
  display:none;
}

#footer {
  position:relative;
  top:10px;
  left:10px;
  height:40px;
  width:740px;
}

#artists_lt {
  position:relative;
  top:0px;
  left:0px;
  width:150px;
  padding:10px;
}

#artists_rt {
 position:absolute;
  top:0px;
  left:450px;
  width:270px;
  height:100%;
  margin: 10px 10px 0px 0px;
}

#expand {
display:none;
}

#feature_title {
position:absolute;
top:150px;
left:10px;
}

#feature_shade {
position:absolute;
top:144px;
left:0px;
width:290px;
height:146px;
}

#feature_text {
color: #CED1B2;
position:absolute;
left:-10px;
top:35px;
padding:10px;
}


.feature_area {
position:absolute;
top:95px;
left:0px;
}

.feature_icon {
position:absolute;
top:48px;
left:195px;
display:none;
}

.shade {
  position: absolute;
  top:0px;
  left:0px;
  height:25px;
  width:740px;
  z-index:1000;
}

.cutoff {
  position: absolute;
  bottom:0px;
  left:0px;
  height:10px;
  width:740px;
  z-index:9;
}

.feature_shade {
	position:absolute;
	top:144px;
	left:0px;
	width:290px;
	height:25px;
}

.lboxshade {
  position: absolute;
  top:0px;
  left:0px;
  height:12px;
  width:428px;
  z-index:7;
}

.tr_main {
  position: absolute;
  top:0px;
  right:0px;
  height:5px;
  width:5px;
  z-index:1000;
}

.tl_main {
  position: absolute;
  top:0px;
  left:0px;
  height:5px;
  width:5px;
  z-index:1000;
}

.br_main {
  position: absolute;
  bottom:0px;
  right:0px;
  height:5px;
  width:5px;
  z-index:1000;
}

.bl_main {
  position: absolute;
  bottom:0px;
  left:0px;
  height:5px;
  width:5px;
  z-index:1000;
}

.tr {
  position: absolute;
  top:0px;
  right:0px;
  height:5px;
  width:5px;
  z-index:8;
}

.tl {
  position: absolute;
  top:0px;
  left:0px;
  height:5px;
  width:5px;
  z-index:8;
}

.br {
  position: absolute;
  bottom:0px;
  right:0px;
  height:5px;
  width:5px;
  z-index:8;
}

.bl {
  position: absolute;
  bottom:0px;
  left:0px;
  height:5px;
  width:5px;
  z-index:8;
}

.open {
  cursor: pointer;
  position:absolute;
  width:10px;
  height:10px;
  left:745px;
  min-height:10px;
  overflow:hidden;
  background-color: #fc4128;
}

.close {
  cursor: pointer;
  position:absolute;
  width:10px;
  height:10px;
  top:5px;
  left:745px;
  min-height:10px;
  overflow:hidden;
  background-color: #322c24;
  display:none;
}

.menu {
  margin: 0px 0px 0px 10px;
}

.button {
  height:10px;
  width:10px;
}

.content {
position:relative;
}

.lt_item_box {
position:relative;
padding:4px;
margin: 2px 0px 0px 0px;
width:420px;
background-color: #312c26;
}

* html .lt_item_box {
width: 430px;
}
 
 .lt_item_box:hover {color:#312c26; background-color: #fc4128;}
 
 .rt_item_box {
position:relative;
padding:4px;
margin: 3px 0px 0px 0px;
width:270px;
background-color: #312c26;
}

* html .rt_item_box {
width: 280px;
}
 
 .rt_item_box:hover {color:#312c26; background-color: #fc4128;}
 
 .item_box_hover {
 color:#312c26;
 background-color: #fc4128;
 }
 
/* -- Andy's addtion: start -- */
 
 .lt_opt_box {
position:relative;
padding:4px;
margin: 2px 0px 0px 0px;
width:420px;
background-color: #312c26;
}

* html .lt_opt_box {
width: 430px;
}
 
 .lt_opt_box:hover {color:#312c26; background-color: #fc4128;}
 
 .rt_opt_box {
position:relative;
padding:4px;
margin: 3px 0px 0px 0px;
width:270px;
background-color: #312c26;
}

* html .rt_opt_box {
width: 280px;
}
 
 .rt_opt_box:hover {color:#312c26; background-color: #fc4128;}
 
 .opt_box_hover {
color:#312c26;
background-color: #fc4128;
}

 .select_box {
width:270px;
color: #312c26;
background-color: #CED1B2;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height:14px;
margin: 0px;
}

/* -- Andy's addtion: end -- */
 
.white {
color: #ffffff;
}
 
 .orange {
color: #fc4128;
}

.date {
position:absolute;
font-size: 9px;
right:4px;
color:#494539;
}

.basket {
position:absolute;
top:6px;
right:8px;
}

.icon {
position:absolute;
top:6px;
right:6px;
}

.albumimage {
position:absolute;
top:36px;
left:282px;
}

* html .albumimage {
position:absolute;
top:36px;
left:283px;
}

.albumoverlay {
position:absolute;
top:34px;
left:280px;
z-index:100;
}

.albuminfo {
width:270px;
min-height:118px;
}

* html .albuminfo {
height: 118px;
}


.artist {
position:absolute;
top:6px;
left:4px;
}

.afterthumb {
position: relative;
left:32px;
}

.when {
position:absolute;
top:4px;
right:6px;
text-align: right;
}

.vdivide {
position:absolute;
top: 5px;
left: 300px;
height:20px;
width:1px;
}

.featureimages {  
    height:  290px;  
    width:   290px;  
    padding: 0;  
    margin:  0;  
	overflow: hidden;
	
	
} 
 
.featureimages imcg {  
    padding: 14px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0;
	overflow: hidden;
}

.galleryimages {  
    height:  150px;  
    width:   740px;  
    padding: 0;  
    margin:  0; 
	overflow: hidden;
} 
 
.galleryimages imcg {  
    padding: 14px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0;
	overflow: hidden;
}


a:link {color: #ffffff; text-decoration: none}
a:visited {color: #ffffff; text-decoration: none}
a:hover {color: #CED1B2; text-decoration: none}