/* CSS Document */
body{
	background:url(../images/bg.jpg) top repeat-x #666666;
	margin:0px;
	padding:34px 0px 0px 0px;
	font:12px/18px Arial, Helvetica, sans-serif;
	}
table,div,tr,td{font: normal 12px/18px Arial, Helvetica, sans-serif;}
form,h1,h2,h3,h4{
	margin:0px;
	padding:0px;
	}
p{ margin:0 0 5px 0;}	
img{ border:none;}
.img-left{ float:left; margin:0 10px 5px 0;}	
.img-right{ float:left; margin:0 0 5px 10px;}

h1{ font:normal 20px/20px Arial, Helvetica, sans-serif; border-bottom:0px dashed #666666;padding:5px 0; margin:0 0 5px 0}
h2{ font:normal 18px/20px Arial, Helvetica, sans-serif; padding:5px 0;}
h3{ font:bold 14px/20px Arial, Helvetica, sans-serif;}
h4{ font:bold 12px/20px Arial, Helvetica, sans-serif;}


.input{border:1px solid #666666; padding:0px 3px; margin:2px 0; height:18px;}
.input2{border:1px solid #666666; padding:0 3px;}
.select{border:1px solid #666666; padding:0px; margin:0px;}
.submit{background:url(../images/submit-bg.gif) top no-repeat; height:27px; width:140px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#FFFFFF; border:0px; cursor:pointer;}
.button{background:url(../images/submitBG.jpg) top repeat-x; height:22px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#FFFFFF; border:0px; cursor:pointer; border:1px solid #bf130e;}
.submit2{background:url(../images/submitBG.jpg) top repeat-x; height:22px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#FFFFFF; border:0px; cursor:pointer; border:1px solid #bf130e;}

.header2{
	background:url(../images/header.jpg) top no-repeat;
	margin:0px;
	padding:15px 13px 0px 13px;
	}

.topnav{
	background:url(../images/topnav_bg.jpg) top repeat-x;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.topnav a{
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.topnav a:hover{
	color:#f21c25;
	text-decoration:none;
	}

.body_bg{
	background:url(../images/body_bg.jpg) top repeat-y;
	padding:12px 12px 0px 12px;
	margin:0px;
	}
	
.bodybottom_bg{
	background:url(../images/bodybottom_bg.jpg) top repeat-x;
	}
	
/*---------png---------------*/

* html .png,* html img{behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",this.src = "http://192.168.1.100:82/projects/2009/e-commerce_website_haggit/codes/images/spacer.gif"):(this.origBg = this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
        
    )}
	
/*--------end png------------*/


.devider{ background:url(../images/devider.gif) 50% 0 repeat-y;}
.devider2{ background:url(../images/devider.gif) 0 0 repeat-x;}
.devider3 { border-top:1px dashed #696969;}
.devider4{ border-bottom:1px dashed #666666; margin:5px 0;clear:both; display:block; }

.inner{ padding:10px;}
.border{ border:1px solid #c6c6c6; padding:5px;}

.red-text{ color:#b80800;}
a.red-text{ color:#b80800; text-decoration:underline;}
a.red-text:hover{ color:#b80800; text-decoration:none;}

.error-text{ color:#FF0000;}

.white-text{ color:#FFFFFF;}

.black-text{font:normal 12px/18px Arial, Helvetica, sans-serif;	color:#000;text-decoration:none;}
.black-text a{ text-decoration:underline;}
.black-text a:hover{ text-decoration:none;}

.product{ width:32%; margin:0 1% 2% 0; float:left;}
.artists{width:32%; margin:0 1% 2% 0; float:left; text-align:center;}
.title-bg{ border-top:1px dashed #696969; border-bottom:1px dashed #696969; padding:0 10px;}
.title-bg2{  border-bottom:1px solid #696969;}


.body-menu-bg{ border-bottom:1px solid #959595;}
.body-menu-bg ul.nav{ padding:0; margin:0;}
.body-menu-bg ul.nav li{ float:left; list-style:none; width:145px; text-align:center;}
.body-menu-bg ul.nav li a{ background-color:#FFFFFF; display:block; padding:0 3px; text-decoration:none;color:#020202; font:bold 11px/22px Verdana, Arial, Helvetica, sans-serif;}
.body-menu-bg ul.nav li a:hover{ background-color:#FFFFFF; display:block; padding:0 3px; text-decoration:none;color:#b80800;}
.body-menu-bg ul.nav li.select a{background:url(../images/menu-bg.gif) 0 0 no-repeat; display:block; padding:0 3px; text-decoration:none;color:#fff; font:bold 11px/22px Verdana, Arial, Helvetica, sans-serif;}
.body-menu-bg ul.nav li.select a:hover{ background-color:#FFFFFF; display:block; padding:0 3px; text-decoration:none;color:#b80800;}

ul.left-nav{ padding:0; margin:0;}
ul.left-nav li{background:url(../images/arrow.gif) 0 8px no-repeat; list-style:none; padding:0 0 0 15px;}
ul.left-nav li a{ font:normal 11px/20px Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;}
ul.left-nav li a:hover{font:normal 11px/20px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}
ul.left-nav li.red-text a{ color:#b80800;}

ul.right-menu{padding:0; margin:0;}
ul.right-menu li{list-style:none; padding:5px 0;}
ul.right-menu li img{ padding:0 5px 0 0;}
ul.right-menu li a{font:bold 11px/20px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;}
ul.right-menu li a:hover{font:bold 11px/20px Arial, Helvetica, sans-serif; color:#f21c25; text-decoration:none;}
small a{ color:#b80800; text-decoration:underline;}
small a:hover{ text-decoration:none;}

ul.general{ padding:5px 0 0 10px; margin:0;}
ul.general li{ color:#0d0b0c; list-style:inside;}
ul.general li a{font:bold 12px/20px Arial, Helvetica, sans-serif; color:#0d0b0c; text-decoration:underline;}
ul.general li a:hover{font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;}


.foter_bold{
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.foter_bold a{
	padding:0px 0px 0px 5px;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.foter_bold a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.foter_txt{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.foter_txt a{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.foter_txt a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.whbody_top{
	background:url(../images/whbody_top.jpg) top repeat-x;
	margin:0px;
	padding:0px;
	}
	
.whbody_bottom{
	background:url(../images/whbody_bottom.jpg) top repeat-x;
	margin:0px;
	padding:0px;
	}
	
.whbody_bg{
	background:url(../images/whbody_bg.jpg) top repeat-x #fff;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#373737;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}
	
.grybox_top{
	background:url(../images/grybox_top.jpg) top repeat-x;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.grybox_bottom{
	background:url(../images/grybox_bottom.jpg) top repeat-x;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.grybox_bg{
	background-color:#9c9b9b;
	margin:0px;
	padding:0px;
	}
	
.blackbox_top{
	background:url(../images/blackbox_top.jpg) top repeat-x;
	}

.blackbox_left{
	background:url(../images/blackbox_left.jpg) top no-repeat #000;
	}
	
.blackbox_right{
	background:url(../images/blackbox_right.jpg) top no-repeat #000;
	}
	
.blackbox_bottom{
	background:url(../images/blackbox_bottom.jpg) top repeat-x;
	}

.blackbox_bg{
	background:url(../images/blackbox_bg.jpg) top repeat-x #000;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.blackbox_bg a{
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.blackbox_bg a:hover{
	color:#f21c25;
	text-decoration:underline;
	}
	
.rightbox_top{
	background:url(../images/rightbox_top.jpg) top repeat-x;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.rightbox_left{
	background:url(../images/rightbox_left.jpg) left repeat-y;
	}

.rightbox_right{
	background:url(../images/rightbox_right.jpg) right repeat-y;
	}

.rightbox_bottom{
	background:url(../images/rightbox_bottom.jpg) top repeat-x;
	}
	
.rightbox_bg{
	background-color:#c2c2c2;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	}

.rightbox_bg a{
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#de2a22;
	text-decoration:underline;
	}

.rightbox_bg a:hover{
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#de2a22;
	text-decoration:none;
	}

.rightbox_bg strong{
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#7a0600;
	text-decoration:none;
	}

a.soundcloud-dropbox:hover {color: #494949 !important; background-color: transparent !important; background-position: -200px 0
!important;}*html a.soundcloud-dropbox {background-image: none !important; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../images/drop-box-image.gif)',
sizingMethod='crop') !important;}/* if you want to have valid HTML, please be so kind and put the style part in the head of your page
*/
.soundcloud-dropbox{display: block; margin: 0 auto; background: transparent url(../images/drop-box-image.gif) top left no-repeat; color: #ff0000; font-size: 10px; height: 82px;
padding: 44px 15px 0 10px; width: 105px; text-decoration: none; float:left; text-align: center; font-family: "Lucida Grande", Helvetica,Arial, sans-serif; line-height: 1.3em;}