﻿/*================================================================================================*/
/*                                     网站CSS样式定义                                              */
/*=================================================================================================*/

/* 网站链接总的css定义:可定义内容为链接字体颜色、样式等 */
a{text-decoration: none;}   /* 链接无下划线,有为underline */ 
a:link {color: #454545;}    /* 未访问的链接 */
a:visited {color: #454545;} /* 已访问的链接 */
a:hover{color: #ff0000;}   /* 鼠标在链接上 */ 
a:active {color: #454545;}  /* 点击激活链接 */
a.linknav3:link { color: #ffffff; text-decoration:none;}
a.linknav3:visited { color: #ffffff; text-decoration:none;}
a.linknav3:active { color: #ffffff; text-decoration:none;}
a.linknav3:hover { color: #ff0000; text-decoration:none;}
a.3:link { color: #454545; text-decoration:none; font-size: 10pt;}
a.3:visited { color: #454545; text-decoration:none; font-size: 10pt;}
a.3:active { color: #454545; text-decoration:none; font-size: 10pt;}
a.3:hover { color: #ff0000; text-decoration:none; font-size: 10pt;}

 /* body的css定义:可定义内容为网页字体颜色、背景、浏览器边框等 */
BODY {
	BACKGROUND-POSITION: center 50%; SCROLLBAR-FACE-COLOR: #d4d0c8; FONT-SIZE: 9pt; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #808080; COLOR: #5b5b5b; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #330000; SCROLLBAR-TRACK-COLOR: #f6f6f6; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; TEXT-DECORATION: none
}
TD {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; LINE-HEIGHT: 150%; FONT-FAMILY: "宋体"
}

li{
	margin:0px;
	list-style-type: none;	
	padding:0px;
}	
 ul{

	margin:0px;
	padding:5px;
	
	
}		
/* 单元格TD的css定义:这里为总的表格定义，为一般表格的的单元格风格设置，可定义内容为背景、字体颜色、样式等 */
.TextBox
{
background-color: #ffffff; 
border-bottom: #666666 1px solid;
border-left: #666666 1px solid;
border-right: #666666 1px solid;
border-top: #666666 1px solid;
color: #666666;
height: 18px;
border-color: #666666 #666666 #666666 #666666; font-size: 9pt
}
.ClassNav{
	COLOR: #ffffff; LINE-HEIGHT: 150%;font-weight:bold;
	padding-left:10px;
}
.ClassNav1{
	LINE-HEIGHT: 150%;font-weight:bold;
	padding-left:10px;
}
A.CirTitle:link {
	LINE-HEIGHT: 150%;FONT-SIZE: 14px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.CirTitle:visited {
	LINE-HEIGHT: 150%;FONT-SIZE: 14px;COLOR: #ffffff; TEXT-DECORATION: none
}
A.CirTitle:hover {
	LINE-HEIGHT: 150%;FONT-SIZE: 14px; COLOR: #ff6600; TEXT-DECORATION: underline
}
A.CirTitle:active {
	LINE-HEIGHT: 150%;FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.font14{
FONT-SIZE: 14px; BACKGROUND: none transparent scroll repeat 0% 0%; LINE-HEIGHT: 26px; BORDER-BOTTOM: #727272 1px dashed
}
.TopNavi A:active {
	COLOR: #000000; LINE-HEIGHT: 150%; font-size:13px;TEXT-DECORATION:none; font-weight:bold
}
.TopNavi A:link {
	COLOR: #000000; LINE-HEIGHT: 150%; font-size:13px;TEXT-DECORATION: none; 
}
.TopNavi A:visited {
	 COLOR: #000000; LINE-HEIGHT: 150%; font-size:13px;TEXT-DECORATION: none; 
}
.TopNavi A:hover {
	COLOR: #FF6600; LINE-HEIGHT: 150%;  font-size:13px;TEXT-DECORATION: underline; }
.Newslink A:active {
	FONT-SIZE: 10.5pt; COLOR: #000000; LINE-HEIGHT: 150%; TEXT-DECORATION: underline;  	
}
.Newslink A:link {
	FONT-SIZE: 10.5pt; COLOR: #000000; LINE-HEIGHT: 150%; TEXT-DECORATION: underline
}
.Newslink A:visited {
	FONT-SIZE: 10.5pt; COLOR: #000000; LINE-HEIGHT: 150%; TEXT-DECORATION: underline
}
.Newslink A:hover {
	COLOR: #FF6600; LINE-HEIGHT: 150%;  TEXT-DECORATION: underline
}
.Title
{ 
    background:#009AE8;
    color: #ffffff;
    font-weight: bold;
	background-image:url(manage_top_bg.gif);
}
.tdbg{
    background:#EEF8FE;
}
.tdbgmouseover{
    background:#ffffff;
}
.border
{
    border: 1px solid #449AE8;background:#ffffff;
}
.tppd{
font-weight:bolder
}
.inputButton
{
background-color: #ffffff; 
border-bottom: #666666 1px solid;
border-left: #666666 1px solid;
border-right: #666666 1px solid;
border-top: #666666 1px solid;
color: #666666;
height: 18px;
border-color: #666666 #666666 #666666 #666666; font-size: 9pt
}
/* 按钮的css定义:这里为按钮的风格设置，可定义内容为背景、字体、颜色、边框等 */
button
{font-size: 9pt;height: 20px;}
/* 下拉列表框的css定义:这里为下拉列表框的风格设置，可定义内容为背景、字体、颜色、边框等 */
select
{font-size: 9pt;height: 20px;}


.strip{      /*头条*/
font-family: "黑体";
font-weight: bold;
font-size: 24pt;
}


/***********************************网站底部css定义开始************************************/
.Site_bottombg
{
background:url(/Images/Default/bar_Footbg.gif);
height:30 px;
color: #ffffff;
}
a.bottom:link {color: #ffffff;}
a.bottom:visited {color: #ffffff;}
a.bottom:hover{color: #ff0000;}
a.bottom:active {color: #ffffff;}

/***********************************网站底部css定义结束************************************/



/***********************************图片中心css定义开始************************************/
.ImagePlayerArea    /*图片内容页图片播放器播放区css定义*/
{border: 1px solid #efefef;
 width:560px;
 height:420px;
 background-color: #FFFFFF;
}
.PlayerImagesList  /*图片内容页图片播放器底部缩略图列表区css定义*/
{
width:760px;
height:90px;
color: #000000;
top:10px;

background-color: #EDF0F5;
}   
/***********************************图片中心css定义结束*************************************/

/***********************************下中心css定义开始************************************/
.Table_Down_List        /*下载终级分页表格css定义*/
{border: 1px solid #efefef;
 background-color: #FFFFFF;
}
.Table_Down_List_Title  /*下载终级分页 下载名称  css */
{
height:22px;
color: #000000;
border-bottom:1px dashed #cdcdcd;
background-color: #EDF0F5;
}  
.Table_Down_List_bottom  /*下载终级分页 下载底部 css */
{
height:22px;
color: #000000;
border-top:1px dashed #cdcdcd;
}  
/***********************************下载中心css定义结束*************************************

/**********************************评论css定义开始************************************/
.comment_write_table{  /*发表评论整个表格*/
border: 1px solid #A7A7A7;
color: #000000;
top:10px;

background-color: #ffffff;
}
.comment_write_title{ /*发表评论表格Title*/
background:url(/Images/Default/btbg.gif);
color: #000000;
height: 27px;
text-align: center;
font-weight:bolder;
}
.comment_show_table{  /*显示评论*/
border: 1px solid #A7A7A7;
color: #000000;

}
/***********************************评论css定义结束************************************/

/********************************搜索结果页面css定义开始*********************************/
 .content {
	margin:auto 0 ;
	width: 560px;

	
}
.header {

	width: 560px;
	padding: 5px 0px 5px 0px;
	border-bottom: 5px solid #018442;
}
.ss        /*搜索结果页表格边框css定义*/
{
border: 1px solid #a7a7a7;

}




.Search_table_title         /* 搜索结果页表格标题css定义*/
{
background:url(/Images/Default/btbg.gif);
color: #000000;
text-align: center;
font-weight:bolder;
}
/****************************搜索结果页面css定义结束****************************************/


/********************************总站表格css定义开始*********************************/
 
.table_border         /*表格边框css定义*/
{border: 1px solid #a7a7a7;}
.link_table_title     /* 表格标题css定义*/
{background:url(/Images/Default/btbg.gif);
	color: #000000;
	height:30px;
	text-align: center;
	font-weight:bold;
	background-color: #CCCCCC;
	font-size: 16px;
}
/****************************总站表格csscss定义结束****************************************/





/*=====================================================================================*/
/*                                网站样式单定义结束                                     */
/*=====================================================================================*/
/* general.css */

html, body, th, td, input, textarea, select, button {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#000000;
}

form { 
        display:inline;
}

ul.horizontal {
  margin:0px;
  padding-left:0px;
  padding-top:.2ex;
  padding-bottom:1ex;
  list-style:none;
}

ul.horizontal li {
  float:left;
  white-space:nowrap;
  display:block;
  padding-left:10px;
  padding-right:5px;
  background-image:url(/images/bullet_arrows_green.gif);
  background-repeat:no-repeat;
  background-position:0 .3em;
}

ul.horizontal li.current {
  background-image:url(/images/bullet_arrows_red.gif);
}

.color000 {color:#ffffff} /*White*/
.color001 {color:#008442} /*Green*/
.color002 {color:#E8E8E8;} /*Light Grey*/
.color003 {color:#999999;} /*Dark Grey*/
.color004, .red {color:#FF0000;} /*Red*/
.color005 {color:#008642;} /*Medium Green*/
.color006 {color:#ffffcc;} /*Light Yellow*/
.color007 {color:#666666;} /*Very Dark Grey*/
			
.bg000 {background-color:#ffffff;} /*White*/
.bg001 {background-color:#008442;} /*Green*/
.bg002 {background-color:#999999;} /*Normal Grey*/
.bg003 {background-color:#999999;} /*Dark Grey*/
.bg004 {background-color:#DFF2E5;} /*Light Green*/
.bg005 {background-color:#E8E8E8;} /*Light Grey*/
.bg006 {background-color:#8F8650;} /*Brown*/
.bg008 {background-color:#CCCCCC;}
.bg009 {background-color:#AFE2C5;} /*Medium Green*/

/* backgroundimg.css */

div.minidetail {
  border-top:5px solid #999999;
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  width:271px;
  margin-bottom:10px;
  padding-top:5px;
  padding-right:5px;
  padding-bottom:5px;
  font-size:11px;
}

body {
	margin:0px;
	padding:0px;
	background:#ffffff  repeat-y;
}

/* see http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */

/* positions.css */

#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:181px;
	height:131px;
	background-color:#ffffff;	/*White*/
}

#colLeft {
	position:absolute;
	left:0px;
	top:131px;
}

#colRight {
	position:absolute;
	left:818px;
	top:131px;
}

#colCenter {
	position:absolute;
	width:636px;
	left:181px;
	top:131px;
}

#cornerLeft {
	z-index:10;
	position:absolute;
	width:24px;
	height:24px;
	left:157px;
	top:131px;
	background-color:#ffffff;	/*White*/
}

#cornerBreadcrumb {
	z-index:10;
	position:absolute;
	width:25px;
	height:36px;
	left:792px;
	top:95px;
}

#logoutButton {
	z-index:10;
	position:absolute;
	width:146px;
	height:23px;
	left:640px;
	top:96px;
}

/* elements.css */

#breadcrumb {
	position:absolute;
	top:101px;
	left:213px;
	z-index:10;
	width:570px;
	height:30px;
}

#footer {
	width:596px;
	margin-top:20px;
	margin-left:20px;
	font-size:10px;
	text-align:center;
	clear:both;
	padding-top:20px;
}

.contentCol {
	width:574px;
	margin-left:32px;
}

.contentColLeft {
	float:left;
	width:271px;
	margin-left:16px;
}
html>body .contentColLeft {
	margin-left:32px;
}

.contentColRight {
	float:left;
	width:271px;
	margin-left:32px;
}
html>body .contentColRight {
	margin-left:32px;
}


.container * th {
	text-align:left;
}

.themeContainer * th {
	text-align:left;
}

.hitlistContainer * th {
	text-align:left;
}
.hitlistRange * th {
	text-align:left;
}


.boxHead {
	font-weight:bold;
	height:24px;
	padding:0px 0px 3px 2px;
}

.boxBody, .boxBodyRight {
	background-color:#ffffff;
	width:auto;
	padding:5px 8px 5px 5px;
}

.boxBodyRight {
	width:auto;
	padding:5px 8px 5px 5px;
}

.searchbox, .inp {
	width:100px;
	font-size:11px;
	line-height:12px;
}

.contentBoxHead {
	height:12px;
	line-height:10px;
	font-weight:bold;
}

.contentBoxBody {
	padding-left:5px;
}

.contentBoxList {
	padding-left:4px;
	height:14px;
	line-height:12px;
}

.productDetailBody {
	padding:5px 5px 5px 5px;
}

.productTracklist {
	height:16px;
	width:15px;
	text-align:center;
	border-right:7px solid #fff;
	border-bottom:7px solid #fff;
}

.cartIcon2 {
	background-image:url(/images/bg_cart_icon_green2.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.merkzettelHeadCell1 {
	padding-left:5px;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

.merkzettelHeadCell2 {
	padding-left:1px;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

.merkzettelCell1 {
	padding:7px 5px 2px 5px;
	font-size:11px;
}

.merkzettelCell2 {
	padding:1px 0px 5px 0px;
}


.faq {
	margin-bottom:21px;
}

.faqQuestion {
	font-weight:normal;
	position:relative;
	height:15px;
	clear:both;
	padding-left:4px;
	border-top:1px solid white;
	margin:0px 0px 0px 17px;
	he\ight:14px;
	}
	html>body .faqQuestion {
		height:auto;
}

.faqQuestion a:hover, .faqQuestion a:focus {
	text-decoration:underline;
}

.faqAnswer {
	display:none;
	margin-left:21px;
	margin-top:8px;
	padding-bottom:20px;
}
	
.listItemArrow {
	position:absolute;
	left:-11px;
	top:0.25em;
}

/* font.css */

h1 {font-size:14px;line-height:12px;margin-top:7px;margin-bottom:5px;}
h2 {font-size:14px;line-height:12px;margin-top:7px;margin-bottom:5px;}
h6 {font-size:12px;margin:0px;font-weight:normal;color:#A9A9A9;}

a {
	color:#000000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.hitlist:visited {
	color:#666666;
}

.empty {font-size:1px;line-height:1px;}

.txtLarge {font-size:14px;}
.txtMedium {font-size:13px;}
.txtSmall {font-size:11px;}
.txtMini {font-size:10px;line-height:11px;}

.boxLink {
	font-size:11px;
}

.highlight {
	color:#000000;
	font-weight:600;
	background-color:#DFF2E5;
}

.bold {
  font-weight:bold;
}

.courier {
	font-size:11px;
	color:#048644;
	font-weight:600;
}

.resultCategorie_grey {
	font-size:11px;
	color:#999999;
	font-weight:600;
}

.resultCategorie_black {
	font-size:11px;
	color:#000000;
	font-weight:600;
}

.resultCategorie_red {
	font-size:11px;
	color:#990000;
	font-weight:600;
}

/* menu.css */

#menuParent {
	z-index:10;
	position:absolute;
	top:0px;
	left:181px;
	height:95px;
	width:816px;
	background:#ffffff url(/images/bg_menu.gif) no-repeat;
}

#menuIllu {
	position:absolute;
	top:0px;
	left:0px;
	width:816px;
	height:75px;
	text-align:right;
}

#subMenuEdge {
	position:absolute;
	top:76px;
	left:0px;
	height:19px;
	width:816px;
	background:#ffffff url(/images/corner_menu.gif) no-repeat;
}

#subMenuParent {
	position:absolute;
	top:76px;
	left:21px;
	height:19px;
	width:795px;
	background-color:#E8E8E8;
}

#menuFunc {
  position:absolute;
  top:3px;
  left:12px;
  width:650px;
  color:#ffffff;
  font-size:12px;
  text-align:right;
}

.subMenuSpacer {
  margin:0px 5px 0px 5px;
}

.funcMenuLink {
  color:#ffffff;
  margin-right:13px;
  font-weight:bold;
}

#menuButton1, #menuButton2, #menuButton3, #menuButton4, #menuButton5, #menuButton6, #menuButton7, #menuButton8 {
	position:absolute;
	top:56px;
	left:0px;
}

/* Men?mit Noten
	#menuButton2 {left:115px;}
	#menuButton3 {left:210px;}
	#menuButton4 {left:305px;}
	#menuButton5 {left:421px;}
	#menuButton6 {left:516px;}
	#menuButton7 {left:611px;}
	#menuButton8 {left:706px;}
*/

/* Men?ohne Noten */
	#menuButton2 {left:115px;}
	#menuButton3 {left:210px;}
	#menuButton4 {left:305px;}
	#menuButton5 {left:421px;}
	#menuButton6 {left:516px;}
	#menuButton7 {left:611px;}
	#menuButton8 {left:706px;}

#subMenu1, #subMenu2, #subMenu3, #subMenu4, #subMenu5, #subMenu6, #subMenu7, #subMenu8 {
	position:absolute;
	top:2px;
	left:31px;
	visibility:hidden;
}

/* SubMen黶 mit Noten
	#subMenu2 {left:149px;}
	#subMenu3 {left:149px;} Alt: 231
	#subMenu4 {left:149px;} Alt: 331
	#subMenu5 {left:0px;width:485px;text-align:right;}
	#subMenu6 {left:0px;width:584px;text-align:right;}
	#subMenu7 {left:0px;width:686px;text-align:right;}
	#subMenu8 {left:0px;width:770px;text-align:right;}
*/

/* SubMen黶 ohne Noten */
	#subMenu2 {left:50px;}
	#subMenu3 {left:100px;}
	#subMenu4 {left:150px;}
	#subMenu5 {left:0px;width:480px;text-align:right;} /* NOTEN */
	#subMenu6 {left:0px;width:605px;text-align:right;}
	#subMenu7 {left:0px;width:675px;text-align:right;}
	#subMenu8 {left:0px;width:725px;text-align:right;}


button {
	font-size:11px;
}
.buttonLink {
	height:26px;
}
.buttonFix {
	height:28px;
	width:197px;
	padding:0;
	margin:0;
}

.newsletter {
  margin-top:1em;
  padding-top:1ex;
  border-top:1px solid #999;
}
.newsletter h4 {
  margin:1px 0 2px 0;
}
.newsletter p {
  margin:0;
  padding:2px;
}

.myshop {
	width:100%;
	margin:0;
	background-color:#fff;
	float:left;
}

.myshop h1 {
	border-bottom:5px solid #999;
	padding:0 0 5px 0;
	margin-bottom:0;
}

.myshop h2 {
	margin:1em 0 0.5em;
}

.myshop .paymentcc {
	background:transparent url(/images/fond-cc-vmad.gif) 0 25px no-repeat;
}

.myshop .contentcontainer h2, .myshop .paymentbe h2, .myshop .paymentcc h2 {
	font-size:12px;
	width:auto;
	border-bottom:5px solid #999;
	padding:0 0 2px 0;
	margin:0 0 0.5em;
}

.myshop .paymentbe h2 {
	margin-top:32px;
}

.myshop .paymentcc h2 {
	margin-top:90px;
}

.myshop h3 {
	font-size:12px;
	clear:both;
	margin:1em 0 0.5em;
}

.myshop ul, .myshop li {
	margin:0;
	padding:0;
	list-style:none;
}

.myshop dl, .myshop dt, .myshop dd {
        margin:0;
        padding:0;
	white-space:nowrap;
	overflow:hidden;
}

.myshop .paymentbe li, .myshop .paymentcc li {
        float:left;
        width:45%;
        margin:0 4.9% 2em 0;
}

.myshop .paymentbe button, .myshop .paymentcc button, .myshop .pwchangebox button {
	float:left;
	clear:both;
	margin:0 0 1em 8.5em;
}

.myshop .paymentbe .payment button {
	margin:0 0 1em 8.5em;
}

.myshop .pwchangebox button {
	margin:0 0 1em 11.5em;
}

.myshop .paymentbe .payment form {
	width:auto;
	margin:0;
}

.myshop dl {
	width:auto;
}

.myshop dt {
        float:left;
        width:8em;
        margin-right:0.5em;
        font-weight:normal;
	line-height:17px;
}

.myshop dd {
        font-weight:bold;
	line-height:17px;
}

.myshop .payment {
	clear:both;
	margin-top:2em;
}

.myshop .contentcontainer {
	float:left;
	width:45%;
	margin:1em 4.9% 3em 0;
}

.myshop .contentcontainer br {
	line-height:6px;
	height:6px;
}

.myshop .contentcontainer p {
	margin:0.5em 0;
}

.myshop .loginbox label {
	font-weight:bold;
	padding-right:1ex;
}

.myshop .loginbox p {
	margin:0;
	padding:0;
	width:60%;
	text-align:right;
	line-height:25px;
	float:left;
}

.myshop .loginbox a, .myshop .contentcontainer a, .myshop a.modify, .myshop .title a, .myshop .box p a {
	margin:0;
	padding:0 0 0 11px;
	background-image:url(/images/bullet_arrows_green.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}

.myshop .box p a {
	font-weight:bold;
}

.myshop .contentcontainer a {
	font-weight:bold;
}

.myshop .box {
	padding:1em 1em 0;
	background-color:#e8e8e8;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin-bottom:40px;
}

.myshop .box p {
	clear:both;
	margin:0 0 1em;
}

.myshop .addressbox {
	margin:10px 0;
}

.myshop .inputfield, .addressbox .inputfield {
	margin:0.5em 0;
}

.myshop .inputfield label, .addressbox .inputfield label {
	line-height:18px;
	font-weight:bold;
	width:8em;
	float:left;
	margin:0 0.5em 4px 0;
}

.myshop .pwchangebox .inputfield label {
	width:11em;
}

.myshop button {
	margin:0.5em;
	float:right;
	height:22px;
	line-height:22px;
	font-weight:bold;
	font-size:12px;
	padding:0 0 0 15px;
	background:transparent url(/images/but_arrows_green.gif) 0 50% no-repeat;
	border:none;
	cursor:pointer;
}

.myshop .loginbox button {
	margin:28px 0 0 2em;
	float:left;
}

.myshop .orderstatus table, .myshop .changeorder table, .myshop .confirm table {
	margin-bottom:32px;
	border-collapse:collapse;
	width:100%;
}

.myshop .orderstatus th, .myshop .changeorder th, .myshop .confirm th {
        border-bottom:1px solid #000;
	text-align:left;
	padding:2px;
	background-color:#008442;
	color:#fff;
}

.myshop .orderstatus td, .myshop .changeorder td, .myshop .confirm td {
	border-bottom:1px solid #000;
	text-align:left;
}

.myshop td.price, .myshop td.totalprice, .myshop td.quantity {
	text-align:right;
	padding-right:5px;
}

.error {
	color:red;
}

.cartBody {
        background-color:#ffffff;
        padding:0px 8px 5px 5px;
        font-size:11px;
        line-height:17px;
}

.cartBodyBgImg {
        background-color:#ffffff;
        background-image:url(/images/bg_cart.gif);
        background-repeat: no-repeat;
        padding:0px 8px 5px 5px;
        font-size:11px;
        line-height:17px;
}

.cartBodyBgImgFilled {
        background-color:#ffffff;
        background-image:url(/images/bg_cart_filled.gif);
        background-repeat: no-repeat;
        padding:0px 8px 5px 5px;
        font-size:11px;
        line-height:17px;
}

.pricedetail {  
  text-decoration:none;
  font-size:9px;
  color:#555;
} 
  
div.pricedetail {   
  padding:2px;
  text-align:center;
} 
  
.pricedetail a {
  color:#555;
  text-decoration:underline;
  display:inline;
} 

.pricedetail a:hover {
  background-color:#dff2e5;
}

/* Sheetmusic */ 
.detailtop {
	height:24px;
	border-bottom:5px solid #999;
}

.detailtop .left {
	padding:5px 0 0;
	float:left;
}

.detailtop .right {
        padding:5px 0 0;
	float:right;
}

.detailtop .left a {
	font-weight:bold;
	padding-left:16px;
	background:transparent url(/images/but_arrows_green_left.gif) 0 50% no-repeat;
}

.detailtop .right a {
	font-weight:bold;
        padding-left:20px;
        background:transparent url(/images/print.gif) 0 -4px no-repeat;
}

a.composerlink, a.composerlink:hover, a.composerlink:visited, a.composerlink:active {
	padding-left:12px;
	background:transparent url(/images/bullet_arrows_green_size2.gif) 0 50% no-repeat;
}

a.detaillink, a.detaillink:hover, a.detaillink:visited, a.detaillink:active {
        padding:0 0 0 9px;
        background:transparent url(/images/bullet_arrows_green.gif) 0 4px no-repeat;
}

.shmimg {
	clear:both;
	width:100%;
	overflow:hidden;
	border-right:1px dashed #333;
	float:left;
}

.detailorder {
	float:right;
	background-color:#dff2e5;
	padding:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin-bottom:2em;
	width:290px;
}

#carticon {
	float:right;
	margin-top:-60px;
}

.orderbox .price {
	float:left;
	width:120px;
}

.orderbox p {
	margin:0;
	padding:0;
}

.detaildata ul, detaildata li {
	padding:0;
	list-style:none;
}

.detaildata ul {
	float:left;
	width:260px;
        margin:1em 1em 1em 0;
}

.detaildata li {
	margin:0;
}

.detaildata dl {
	padding:0;
	float:left;
	width:260px;
	margin:1em 0;
}

.detaildata dt {
	float:left;
	width:7em;
}

.detaildata dd {
	padding:0;
	margin:0 0 0 8em;
}

.medium a {
	font-weight:bold;
	padding-right:18px;
	background:transparent url(/images/but_info.gif) 100% 50% no-repeat;
}

li.price {
	margin:0.5em 0;
	font-size:14px;
}

.orderbox h2 {
	color:#008442;
}

/* static pages */

h1.underlined {
	padding-bottom:5px;
	border-bottom:5px solid #999;
}

.emphasized {
	font-weight:bold;
}

ul.static {
	margin:1em 0 2em 0;
	padding:0;
	list-style:none;
}

ul.static li {
	margin:1em 0;
	list-style:none;
	padding:0 0 0 20px;
	background:transparent url(/images/but_info.gif) top left no-repeat;
}

.static a, .agb a {
	font-weight:bold;
	padding:0 0 0 9px;
	background:transparent url(/images/bullet_arrows_green.gif) 0 60% no-repeat;
}

.agb h2 {
	margin-top:2em;
}

.agb .outlined {
	padding:0.5em 0.5em 0;
	border:1px solid #333;
}

.agb .outlined h2, .agb .outlined p {
	margin-top:0;
}

.italic {
	font-style:italic;
}


