body {
}

.error {
  color: #e00;
}

.nodata {
  padding: 100px 0px 100px 0px;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
}

#nodata {
  padding: 100px 0px 100px 0px;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
}

#left {
  width: 17%;
}

#mainarea {
  width: 83%;
  padding-left: 5px;
}

#center {
  width: 79.5%;
  padding-right: 5px;
}

#right {
  width: 20.5%;
}

#header {
  width: 100%;
}
 
#header a {
  color: #449;
  text-decoration: none;
}

#header a:hover {
  color: #333;
}

#header .logo {
  width: 307px;
  background: url(../../images/music.jpg) no-repeat 270px 10px;
}

#websitelogo {
  height: 100px; width: 307px;
  background: url(../../images/logo.gif) no-repeat 50% 50%;
}

#websitelogo a {	
  display: block;	
  height: 100px; width: 307px;
  text-indent: -9999px;	
}

#header .hbody h1 {
  float: left;
  margin-top: 20px;
  width: 450px;
}

#header .hbody {
  vertical-align: top;
}

#header .hbody .account {
  background: #c9d6de;
  float: right;
}

#header .hbody .account .side {
  background: url(../../images/har.jpg) no-repeat 100% 100%;
  float: left;
}

#header .hbody .account .side1 {
  background: url(../../images/hal.jpg) no-repeat 0% 100%;
  float: left;
}

#header .hbody .account ul {
  margin: 0px; padding: 0px;
  list-style-type: none;
}

#header .hbody .account li {
  float: left;
  margin: 4px;
}

#header .hbody .account .hi {
  color: #E25D24;
  font-weight: bold;
}

#header .hbody .account .icon {
  color: #cf3;
}

#header .hbody .account a {
  font-weight: bold;
}

#header .hbody .account .checkout {
  background: url(../../images/check-out.gif) no-repeat 0% 30%;
  padding-left: 30px;
}

#header #loginform {
  float: right;
}

#header #loginform .field {
  margin-top: 2px;
}

#header #loginform .field dl {
  margin: 0px; padding: 0px;
}

#header #loginform .field dt {  
  font-weight: bold;
  float: left;
  text-align: right;
  width: 75px;
  margin: 0px 0px 0px 4px; 
  padding: 2px;
}

#header #loginform .field dd {
  margin:  0px 0px 2px 85px;
  padding: 0px;
}

#header #loginform .field dd input{
  width: 120px;
}

#header #loginform .submit {
  clear: both;
  margin-top: 2px;
  text-align: right;
}

#header #loginform .submit button {
  margin-left: 20px;
  background: #D1561D;
  border: 1px solid #E39763;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  padding: 2px 0px 1px 0px;
  *padding: 0px;
}

#header .channel {
}

#header .channel a {
  color: #E8ECF7;
}

#header .channel a:hover {    
  color: #fff;
}

#header .channel ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#header .channel li {
  float: left;
  font-weight: bold;
  padding: 3px 10px 2px 10px;
  font-size: 120%;
  background: #7B83CB;
  margin-right: 2px;
}

#header .channel .first {
  background: #E25D24;
}

#header .channel .first a{
  color: #fff;
}

#header .channel .focus {
  background: #1F2C90;
}

#header .currency{
  text-align: right;
  background: #229;
  padding: 1px 2px 1px 0px;
}

#header #currency{
    float:right;
}

#header .mycart {
  white-space: nowrap;
  color: #fff;
  font-weight: bold;
  padding:2px;
  margin-right:10px;
  float:right;
}

#header .mycart .shoppingcart{
    color:#eee;
}

#header .mycart .shoppingcart span{
  color: #e63;
}

#header .search {
  border-top: 7px solid #E25D24;
  background: url(../../images/headbg1.jpg) no-repeat 100% 0% #229;
  vertical-align: top;
}

#header .search .left {
  float: left;
}

#header .search #search_query {
  vertical-align: middle;
  font-size: 160%;
  width: 250px;
  border: 2px solid #111C78;
  margin-top: 3px;
}

#header .search #search_submit {
  vertical-align: middle;
  margin-top: 3px;
}

.simpleline {
  border-top: 3px solid #ccc;
}

#navigation {
  min-width: 760px;
}

#navigation #cattop {
  float: left;	width: 100%;
  background: #afccde;
}

#navigation #cattop .side {
  float: left;	width: 100%;
}

#navigation #cattop ul {
  margin: 0px; 
  padding: 0px 6px 0px 6px;
}

#navigation #cattop ul li {
  float: left;
  list-style-type: none;
}

#navigation #cattop .post {
  float: right;
}

#navigation #cattop .post a {
  padding-left: 20px;  
  background: url(../images/post.gif) no-repeat 0px 50%;
  display: block;
}

#navigation #cattop .post a:hover {
  padding-left: 20px;  
  background: url(../images/post.gif) no-repeat 0px 50% #5e94b6;
  display: block;
}


#navigation #cattop .focus {
  background: url(../images/current_focus.gif) no-repeat 50% 100%;
}

#navigation #cattop ul li span {
  margin: 5px 0px 5px 0px;
  display: block;
  color: #fff;
}

#navigation #cattop ul li a {
  font-weight: bold;	
  color: #1b5790;
  text-decoration: none;
  padding: 5px 8px 5px 8px;
  white-space: nowrap;
  display: block;
}

#navigation #cattop ul li a:hover { 
  color: #fff;
  background: #5e94b6;
  text-decoration: none;
  padding: 5px 8px 5px 8px;
  display: block;
}

#navigation #cat0 {
  float: left;	width: 100%;
  background: #afccde;
}

#navigation #cat0 ul {
  margin: 0px; 
  padding: 0px 6px 0px 6px;
}

#navigation #cat0 ul li {
  float: left;
  list-style-type: none;
}

#navigation #cat0 .post {
  float: right;
}

#navigation #cat0 .post a {
  padding-left: 20px;  
  background: url(../images/post.gif) no-repeat 0px 50%;
  display: block;
}

#navigation #cat0 .post a:hover {
  padding-left: 20px;  
  background: url(../images/post.gif) no-repeat 0px 50% #5e94b6;
  display: block;
}

#navigation #cat0 .focus {
  background: url(../images/current_focus.gif) no-repeat 50% 100%;
}

#navigation #cat0 ul li span {
  margin: 5px 0px 5px 0px;
  display: block;
  color: #fff;
}

#navigation #cat0 ul li a {
  font-weight: bold;	
  color: #1b5790;
  text-decoration: none;
  padding: 5px 8px 5px 8px;
  white-space: nowrap;
  display: block;
}

#navigation #cat0 ul li a:hover { 
  color: #fff;
  background: #7aa5cc;
  text-decoration: none;
  padding: 5px 8px 5px 8px;
  display: block;
}

#navigation #cat1 {
  float: left;	width: 100%;
  background: #7aa5cc;
}

#navigation #cat1 ul {
  margin: 0px; 
  padding: 0px 6px 0px 6px;
}

#navigation #cat1 ul li {
  float: left;
  list-style-type: none;
}

#navigation #cat1 .focus {
  background: url(../images/current_focus.gif) no-repeat 50% 100%;
  font-weight: bold;
}

#navigation #cat1 ul li a {
  color: #fff;
  text-decoration: none;
  padding: 5px 8px 5px 8px;
  display: block;
  white-space: nowrap;
}

#navigation #cat1 ul li a:hover { 
  color: #eee;
  background: #4f87ba;
  text-decoration: none;
  padding: 5px 8px 5px 8px;
  display: block;
}

#navigation #cat2 {
  float: left;	width: 100%;
  background: #4f87ba;
}

#navigation #cat2 ul {
  margin: 0px; 
  padding: 0px 6px 0px 6px;
}

#navigation #cat2 ul li {
  float: left;
  list-style-type: none;
}

#navigation #cat2 .focus {
  background: url(../images/current_focus.gif) no-repeat 50% 100%;
  font-weight: bold;
}

#navigation #cat2 ul li a {
  color: #eee;
  text-decoration: none;
  padding: 5px 8px 5px 8px;
  display: block;
  white-space: nowrap;
}

#navigation #cat2 ul li a:hover { 
  color: #ddd;
  background: #2669A6;
  text-decoration: none;
  padding: 5px 8px 5px 8px;
  display: block;
}

#footer {
}

#footer #copyright {
  font-size: 90%;
  margin: 6px 0px 10px 0px;  
  text-align: center;
  color: 888;
}

#footer #copyright .interval {
  margin: 0px 6px 0px 6px;
  font-weight: bold;
  font-size: 80%;
}

#footlayer {
  margin-top: 5px;
  text-align: center;
  border-top: 2px solid #bbc3ce;
  border-bottom: 1px solid #bbc3ce;
}

#footlayer table {
  background-color: #eee;
}

#footlayer table thead td {
  text-align: left;
  font-weight: bold;
  padding-left: 30px;
}

#footlayer table td {
  vertical-align: top;
  padding: 4px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

#footlayer table tbody td {
  text-align: left;
}

#footlayer div {
  margin-left: 40px;
}

#footlayer div ul {
  margin: 0px; padding: 0px;
}

#footlayer div  li {
  padding: 2px 0px 2px 0px;
}

.bodyside {
  clear: both;
  margin-top: 5px;
}

#workbody {
}

.right_dig_category {
  width: 100%;
}

.right_dig_category .itemlink {
  padding: 6px 4px 0px 4px;
}

.right_dig_category .itemlink .focus {
  font-weight: bold;
}

.right_dig_category .dotnode {
  background-image: url(../images/dotnode.gif);
  background-repeat: no-repeat;
  background-position: center 8px;
  width: 19px;
}

.right_dig_category .expand {
  background-image: url(../images/expand.gif);
  background-repeat: no-repeat;
  background-position: center 8px;
  width: 19px;
  cursor: pointer;
}

.right_dig_category .collapse {
  background-image: url(../images/collapse.gif);
  background-repeat: no-repeat;
  background-position: center 8px;
  width: 19px;
  cursor: pointer;
}

.right_dig_category span {
  color: #00e;
}

.dig {
  float: left;
  padding: 0px 10px 0px 0px;
}

.dig ul {
  margin: 0px; padding: 0px;
  list-style-type: none;
}

.dig .count {
  background: url(../images/digbg.gif) repeat-x;
}

.dig .count a {
  padding: 15px 0px 15px 0px;
  display: block;
  width: 50px;
  text-align: center;
  background: url(../images/diglt.gif) no-repeat 0px 0px;
  color: #736926;
  font-size: 140%;
  font-weight: bold;
  text-decoration: none;
}

.dig .count a:hover {
  color: #999;
}

.dig .digit {

}

.dig .digit a {
  padding: 5px 0px 5px 0px;
  display: block;
  width: 50px;
  border-left: 1px solid #FFFAD9;
  border-right: 1px solid #FFFAD9;
  border-bottom: 2px solid #CCDEAF;
  color: #063;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

.dig .digit a:hover {
  background: #FFF096;
  color: #e61;
}

.dig .digit .dug {
  padding: 5px 0px 5px 0px;
  display: block;
  width: 50px;
  text-align: center;
  color: #666;
  font-weight: bold;
  background: #f8f8f8;
  border-left: 1px solid #FFFAD9;
  border-right: 1px solid #FFFAD9;
  border-bottom: 2px solid #CCDEAF;
}

.dig .digit .undig {
  padding: 5px 0px 5px 0px;
  display: block;
  width: 50px;
  text-align: center;
  color: #333;
  font-weight: bold;
  background: #eee;
  border-left: 1px solid #FFFAD9;
  border-right: 1px solid #FFFAD9;
  border-bottom: 2px solid #CCDEAF;
}

.profile_pic_thumb {
  border: 1px solid #ccc;
  padding: 1px;
  margin-right: 6px;
}

.profile_pic_thumb img {
  vertical-align: middle;
}
 
#popDiv {
    position:absolute;
    z-index:10000;
    top:0;
    width:100%;
    height: 100%;
    background: url(../images/pop-bg.gif);
    text-align:center;
	padding: 20px;
}

#popLogin {
    float: left;
    position:relative;
    border-bottom:#a09d97 1px solid;
    border-left:#a09d97 1px solid;
    border-right:#a09d97 1px solid;
    border-top:#a09d97 1px solid;
    font-size: 160%;
    padding:10px;
    background:url(../images/pop-login-bg.gif) #faf9f7 repeat-x 0px 0px;
}

#popLogin img {
    border:0;
    vertical-align:middle;
}

#product_ads {
    padding: 5px;
}

#product_ads .product_ads_item {
    padding-top: 5px;
}

#product_ads .product_name { 
	margin: 4px;
}

#product_ads .product_price { 
	margin: 4px;
}

.originally_price {
	text-decoration: line-through;
}

.discount_price {
	color: #e00;
	font-weight: bold;
}
