body{  margin:0px; background:#222222; text-align:center; }
* { font-family: Arial, Helvetica, sans-serif; line-height:22px; font-size:14px; color:#ccc; }

a{ text-decoration:none; color:#fff; cursor:pointer;  }
a:hover{ color:#fff; }

a,p,h1,h2,h3,h4,div,li,ul,img,pre{ padding:0px; margin:0px; text-indent:0px; font-weight:normal; }

b{ color:inherit; }
ul{ list-style: none }
img{ border:0px }

h1{ font-size:22px; margin-bottom:16px; padding-bottom:2px; color:#eee; margin-left:-1px;   }
h1.inline-logo{ font-size:22px; margin-bottom:16px; padding-bottom:2px; color:#eee; margin-left:-1px; background:url(layout/h1_logo.png) right top no-repeat; padding-right:120px; display:block; float:left; }

h2{ font-size:18px; margin-bottom:12px; margin-top:32px; color:#eee; padding:4px 8px; margin-left:-8px;  }
h3{ font-size:18px; margin-bottom:12px; padding-bottom:4px; color:#888; margin-left:-1px; }

p { margin-bottom:12px; }

#top-wrapper{ width:100%; background:url(layout/topwrapper.png) repeat-x; height:172px; text-align:center }
#middle-wrapper{ width:100%; text-align:center; background: #323232 url(layout/bottomwrapper.png) repeat-x left bottom; padding-bottom:40px }
#bottom-wrapper{ width:100%;  text-align:center }

.inner-wrapper{ width:900px; text-align:left; margin:auto; }
.content{ padding-top:32px }

.warning { color: #Fa7430; background:#222222; padding:0px 4px; }
.warning a { font-weight:bold;  }

#logo { padding:0px; margin:0px; background:none; }

/* App / Core */

.app-message-block{ border: 1px solid #555; background:#222; padding:2px 4px; }
.app-message { }
.app-success { background:#233; border-color:#344; }
.app-notice { background:#222; border-color:#555; }
.app-warning { background:#422; border-color:#533; }
.app-error { background:#500; border-color:#600; }


/* Main Menu */

#main-menu{ margin-top:4px;  }

#main-menu li{ float:left; background:url(layout/mainmenu_separator.png) repeat-y top right; padding-right:2px; }
#main-menu a.selected{ background:url(layout/mainmenu_selected.png) repeat-x }
#main-menu a img{ margin-top:5px; }
#main-menu a{ color:#000; padding:2px 8px 0px 12px; display:inline-block; height:24px;  }
#main-menu a.first{ border-left:1px solid #8C8C8C }
#main-menu a:hover{ background:url(layout/mainmenu_hovered.png) repeat-x }
#main-menu a.selected:hover{ background:url(layout/mainmenu_selected.png) repeat-x }
#main-menu .carticon img { margin-top: 2px; }
#main-menu li.quick-login{ float:right; color:#000; padding-right:10px; }
#main-menu .language-bar{ float:right; padding:0px 8px; }
#main-menu .language-bar a{ padding-left:3px; padding-right:3px; display:inline-block;  }

#main-menu li.show-cart{ float:right; color:#000; }
#main-menu li.show-cart img { padding-top:4px; }

#main-menu .sub-menu{ display:none; position:absolute; width:800px; height:25px; padding:2px 50px; margin-top:4px; background:url(layout/submenu.png) no-repeat;  }
#main-menu .sub-menu li {  background:none; }
#main-menu .sub-menu a { background:none; color:#eee; font-size:12px; font-weight:bold; }
#main-menu .sub-menu a:hover { background:none;  text-decoration:underline; }
.top-panel, #user-panel { background:#0A0A0A; color:#aaa; padding:6px;  border-top:0px; height:60px; }
.top-panel a { color:#ccc; }
#user-panel a { color:#999; }

/* Footer */

#footer{ margin-top:6px; padding-bottom:48px; }
#footer .copyrights{ float:left }
#footer .designedby{ float:right }

#left-panel { border-right:1px solid #222; padding-right:16px; }
#right-panel { border-left:1px solid #444; padding-left:16px; }

div.hr,p.hr{ margin:0; padding:0; height:2px; margin-bottom:10px; margin-top:4px; background:url(layout/hr.png) repeat-x; line-height:2px; }

.article li { padding-left:16px; background:url(layout/li.png) left 9px no-repeat; }
li.warning { padding-left:16px; background:url(layout/scream_li.png) left 8px no-repeat; }

.photo-overlay { border-bottom:6px solid #272727; background:#eee; float:left; display:inline-block; margin-left:70px; margin-bottom:16px; width:172px; }
.photo-overlay img{ border:6px solid #eee; }
.photo-overlay .photo-title{ color:#222;  padding:2px 4px; font-size:12px; height:40px; margin-left:6px; width:152px; text-align:right; display:block }

.search-bar { margin-bottom:26px; margin-top:-9px; background:#323232; padding: 4px 0px;  border-bottom:1px solid #222;  }
.search-bar span{ margin-right:6px; }
.search-bar .search{ font-size:16px; color:#bbb;  }

.search-bar input.text{ margin-right:6px; }
/*
#navpath { height:22px; margin-bottom:10px; background:url(layout/h1.png); padding: 1px 6px; border: 1px solid #444; }
*/
#navpath { height:22px; }
#navpath span{ display:inline-block; background:url(layout/content_path_right.png) no-repeat left 9px; padding: 0 10px 0 10px; color:#888 }
#navpath a{ display:inline-block; background:url(layout/content_path_right.png) no-repeat left 9px; padding: 0 10px 0 10px; color:#bbb }
#navpath a:hover{ color:#fff }
#navpath a.first{ background:none; padding-left:0px; }
#navpath li{ float:left; }

.album-overlay { width:178px; height:180px; background:url(layout/album_bg.png) no-repeat; float:left; display:inline-block; margin-left:30px; margin-bottom:16px }
.album-overlay .album-photo{ margin-left:3px; margin-top:3px }
.album-overlay .album-title{ position:absolute; background:#000; color:#fff; margin-left:3px; margin-top:3px; width:152px; padding:4px; font-size:11px; display:none; font-weight:bold  }
.album-overlay .artist-name{ width:159px; text-align:right;  display:block; color:#999; }

.first-in-row{ margin-left:0px !important; }
/*
#artist-desc{ margin:20px 0;  }
#artsts-photos{  }

#artist-photos img{ margin-left:7px; border:#222 solid; border-width: 6px 6px 6px 6px; }
#artist-photos img.icon{ margin-left:12px;  }
.artist-overlay { float:left; display:inline-block; margin-left:70px; margin-bottom:16px;  }
.artist-overlay img{ border:6px solid #222222; }
.artist-overlay .artist-title{ background:#222222; color:#eee;  padding:2px 4px; font-size:12px; height:40px; margin-left:6px; width:152px; text-align:center; margin-top:6px;display:block }
*/

#artist-desc{ margin:20px 0;  }
#artsts-photos{  }

#artist-photos img{ margin-left:7px; border:#eee solid; border-width: 6px 6px 6px 6px; }
#artist-photos img.icon{ margin-left:11px;  }

.artist-overlay { border-bottom:6px solid #272727; background:#eee; float:left; display:inline-block; margin-left:70px; margin-bottom:16px; width:172px; }
.artist-overlay img{ border:6px solid #eee; }
.artist-overlay .artist-title{ color:#222;  padding:2px 4px; font-size:12px; height:40px; margin-left:6px; width:152px; text-align:right; display:block }




#album-tracks {   }
#album-tracks th{ border-bottom:1px solid #222; font-weight:normal; background:#2b2b2b; padding:2px 6px; text-align:left; }
#album-tracks td{ line-height: 50px; height:50px; border-bottom:1px dashed #222;}
#album-tracks .standard-button{ float:none; }

.track-mp3 { float:left; color:#AAAAAA;   }
.track-nomp3 { padding:0 0 11px 45px; margin-top:16px; float:left; color:#AAAAAA;  }

.standard-button{ float:left; display:block; background:url(layout/empty_button.png) repeat 0px 0; color:#777; cursor:pointer; height:20px; margin-top:12px; padding:3px 32px 2px 32px; }
.standard-button b { color:#aaa; }
.standard-button:hover, .standard-button:hover b{ color:#eee; }



#album-tracks a { padding-left:11px !important; padding-right:13px; }
#album-tracks a.title { color:#AAAAAA;  margin-left:-9px !important; }

.sm2_link_playing { background:#222 !important; }

.track-length{ line-height:50px; }

.add-to-cart{ float:left; background:url(layout/add_to_cart.png) repeat 0px 0; color:#777; cursor:pointer;
							height:20px; margin-top:12px; padding:3px 32px 2px 32px; width:64px; }
.add-to-cart b { color:#aaa; }
.add-to-cart:hover{ background-image:url(layout/add_to_cart_hover.png); }
.add-to-cart:hover b { color:#eee; }

.in-cart{ background:url(layout/remove_from_cart.png) scroll 0 0 repeat-x;  }
.in-cart:hover{ background-image:url(layout/remove_from_cart_hover.png); }



.add-all-to-cart { background:url(layout/add_all_to_cart.png) no-repeat left bottom; width:128px; height:22px; padding: 0 0 0 0; color:#eee; text-align:center; font-size:10px; font-weight:bold; float:left; cursor:pointer; }
.add-all-to-cart:hover { background-position:left top; color:#eee; }

.save-cart{ float:left; background:url(layout/save_cart.png) repeat 0px 0; color:#aaa; cursor:pointer;
							height:20px; margin-top:12px; padding:3px 32px 2px 32px;  }

.save-cart.warn{ background:url(layout/save_cart_warn.png) repeat 0px 0; }



.save-cart:hover{ background-position:left bottom; color:#eee; }

.make-order{ float:left; background:url(layout/make_order.png) repeat-x right top; color:#aaa; cursor:pointer;
							height:20px; margin-top:12px; padding:3px 32px 2px 32px;  }

.make-order:hover{ background-position:right bottom; color:#eee; }



/* forms */

select, input.text { border:1px solid; background:#1D1D1D; border-color: #000 #444 #444 #000; padding:2px 4px; color:#888; }

#start_module .article { width:500px; float:left;  }
#start_module .sidebar { width:220px; float:right; border-left:1px solid #222222; }

.start-right-banners{ text-align:center; width:100%; padding-bottom:16px;  }

form.standard th { text-align:right; padding-right:16px; }
select, form.standard input.text { width:200px; }
form.standard textarea { width:480px; height:108px; border:1px solid; background:url(layout/textarea.png); border-color: #000 #444 #444 #000; padding:2px 4px; color:#888;  }

input.submit { border:1px solid; background:#1D1D1D; border-color: #444 #000 #000 #444; padding: 2px 4px; cursor:pointer;   }
input { line-height:16px; }

form.standard th.hr { text-align:right; color:#888; font-size:16px   }
/* paginator */

.paginator a { margin: 0 4px; }
.paginator span { margin: 0 4px; font-weight:bold; color:#EC8F42; border-bottom:2px solid #EC8F42  }

/* news */

#news_module .news{ padding:6px; padding-bottom:24px;  margin-bottom:16px; background:#222 url(layout/bottom_finish.png) left bottom repeat-x; border-top:1px solid #444;  }
#news_module .news .title{ font-weight:bold; margin-left:8px; }
#news_module .news .date{ color:#EC6420 }


.paginator a.selected { border:1px solid #EC6420; padding:0 2px; }

#ajax-overlay{ width:100%; background:#000; color:#fff; text-align:center; position:absolute; left:0px; height:100%; z-index:200; display:none;  }
#ajax-overlay .info { margin: 32px 0;  }
#ajax-overlay .loader{ margin:auto; height:32px; width:32px; background:url(layout/black_white_loader.gif) no-repeat; }

.order-summary * { font-family: courier-new, monospace; }
.order-summary th { background:#222;  }
.order-summary th, .order-summary td { padding:2px 6px  }

ul.currency { height:32px;  }
.currency li { float:left; }
.currency span { margin-right:4px; }

.currency a { color:#999; margin:0 4px; padding:1px 2px; }
.currency a.selected { background:#000; color:#ccc; margin:0 4px }

.orders-list td, .orders-list th { padding: 2px 6px; border:0px solid; border-color:inherit; border-bottom:1px solid #222;  }
.orders-list th { background:#000; border-color:#666;  border-top:1px solid #666; }

.orders-list .status-1{ border-color:#90225F; }
.orders-list .status-2{ background:#223359; border-color:#223369;  }
.orders-list .status-3{ background:#225A97; border-color:#225Aa7; }
.orders-list .status-4{ background:#550000; border-color:#650000; }