.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.onepxwidth { width: 1px; }

/* IPayment */
.cc_form { clear: both; }

body { font-size: 8pt; background-image: url("images/BG_Body.gif"); text-align: center; text-transform: uppercase; margin: 0; padding: 0 0 5px }
body * { font-family: Verdana, Arial, Helvetica, sans-serif }
img, a img { border: none; }
a { color: #5882ba; text-decoration: none }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, h6 {}
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; padding-top: 0.6em; padding-bottom: 0.3em }
ul, ol { margin-top: 0; margin-bottom: 0; padding-top: 0.3em; padding-bottom: 0.3em }
li { margin-top: 0; margin-bottom: 0 }
form, input, textarea, select { font-size: 8pt }
form { margin: 0; padding: 0; }
p, table, td, th, caption, li { font-size: 8pt }
p small { font-size: 6.5pt }
h1 { font-size: 8pt }
h2 { font-size: 8pt }
h3 { font-size: 8pt }
h4 { font-size: 8pt }
h5 { font-size: 8pt }
h6 { font-size: 8pt }

hr { display: none; }
hr.Break { display: block; visibility: hidden; } 
.Break { float: none; clear: both; }
.Left { float: left }
.Right { float: Right }

.rAlign { text-align: right }
.cAlign { text-align: center }
.lAlign { text-align: left }

pre {text-transform: none; }
#MainHeader { background-color: #000; background-image: url("images/BG_MainWrap.gif"); background-repeat: repeat-y; background-position: 0 0; text-align: left; margin: 0 auto; padding: 0; position: relative; width: 1010px; overflow: hidden }

/* smartweb 2008-06-17 line-height entfernt, gibt es nicht! */

/*<agl.folder "ShopLogo">*/
#ShopLogo { font-size: 8pt; background-color: #fff;  margin: 0 1px; padding: 0; position: relative; width: 1008px; height: 136px; overflow: hidden; border-bottom: 1px solid #fff }
#ShopLogo small { color: #0a3f85; text-align: right; position: absolute; width: 465px; height: 60px; overflow: hidden; right: 30px; bottom: 40px }
/*</agl.folder>*/



/*<agl.folder "NewsTicker">*/
#NewsTicker { background-color: #0a3f85; margin: 1px 1px 0; padding: 0; position: relative; z-index: 2; width: 1008px; height: 2.6em; overflow: hidden; border-bottom: 1px solid #d2deeb }
#NewsTicker .Date { color: #fff; line-height: 1.5em; text-align: center; position: relative; top: 0.4em; left: 10px; height: 1.5em; float: left; overflow: hidden }
#NewsTicker .Ticker { line-height: 1.5em; background-color: #fff; text-align: center; position: relative; top: 0.4em; right: 10px; width: 820px; height: 1.5em; float: right; overflow: hidden; vertical-align: middle }
/*</agl.folder>*/



/*<agl.folder "MultiSearchOld">*/
#MultiSearchOld { font-size: 8pt; background-color: #0a3f85; background-image: url("images/BG_MultiSearch.gif"); background-repeat: no-repeat; background-position: 10px 50%; margin: 0 1px; padding: 0; position: relative; width: 1008px; height: 40px; overflow: hidden; border-top: 1px solid #000 }
#MultiSearchOld .Search { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 924px; height: 40px; overflow: hidden }
#MultiSearchOld .TextFeld { color: #759cd0; font-size: 8pt; background-color: #fff; text-transform: none; text-indent: 4px; margin: 11px 0 0 5px; position: relative; left: 15px; width: 165px; border: solid 1px #5882ba }
#MultiSearchOld input.Searched { color: #c00 }
#MultiSearchOld .Abschicken { position: absolute; top: 7px; right: 0 }
#MultiSearchOld .Details { margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: 70px; height: 40px; float: right; overflow: hidden }
#MultiSearchOld .Details a { color: #fff; line-height: 28px; text-align: center; display: block; position: absolute; top: 6px; left: 0; width: 57px; height: 28px; overflow: hidden }
#MultiSearchOld .Details a span { background-image: url(images/BG_DetailSearch.gif); cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 57px; height: 28px; overflow: hidden }
/*</agl.folder>*/

/*<agl.folder "MultiSearch">*/
#MultiSearch  {
  font-size: 8pt;
  background-color: #0a3f85;
  background-image: url("images/BG_MultiSearchWide.gif");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  margin: 0 1px;
  padding: 0;
  position: relative;
  width: 1008px;
  height: 40px;
  overflow: hidden;
  border-top: 1px solid #000 }
 
#MultiSearch .Search  {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 995px;
  height: 40px;
  overflow: hidden }
 
#MultiSearch .TextFeld  {
  color: #759cd0;
  font-size: 8pt;
  background-color: #fff;
  text-transform: none;
  text-indent: 4px;
  position: relative;
  top: -2px;
  left: 15px;
  width: 164px;
  border: solid 1px #5882ba }
 
#MultiSearch .CheckBox  {
  color: #759cd0;
  background-color: #fff;
  margin: 12px 0 0 7px;
  position: relative;
  left: 15px;
  border: solid 1px #5882ba }

#MultiSearch .Text  {
  color: #ffffff;
  position: relative;
  top: -2px;
  left: 17px;
  right: 15px }
 
#MultiSearch input.Searched {
  color: #c00 }
 
#MultiSearch .Abschicken {
  position: absolute;
  top: 7px;
  right: 0 }
 

/*#MultiSearch .Details { margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: 70px; height: 40px; float: right; overflow: hidden }
#MultiSearch .Details a { color: #fff; line-height: 28px; text-align: center; display: block; position: absolute; top: 6px; left: 0; width: 57px; height: 28px; overflow: hidden }
#MultiSearch .Details a span { background-image: url(images/BG_DetailSearch.gif); cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 57px; height: 28px; overflow: hidden }*/
/*</agl.folder>*/



#MainContent { margin: 0; padding: 0; background-image: url("images/BG_MainWrap.gif"); background-repeat: repeat-y; background-position: 0 0; text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 1010px; border-top: 1px solid #000; border-bottom: 1px solid #000 }

#HeaderNavi {}
#HeaderNavi li {}
#HeaderNavi a {}
#HeaderNavi a:hover {}

#TopNavi {}
#TopNavi li {}
#TopNavi a {}
#TopNavi a small {}
#TopNavi a:hover {}

#LeftCol { position: relative; left: -690px; width: 150px; float: left }

#MidCol { text-transform: none; padding-top: 3em; position: relative; left: 160px; width: 690px; float: left }
#BreadCrumb { position: absolute; top: 0; left: 0 }
p.Navigator { line-height: 3em; margin: 10px 0; padding: 0; height: 3em; float: none; clear: both; overflow: hidden; border-top: 1px solid #bbc9dd; border-bottom: 1px solid #bbc9dd }

#ReviewsSort { margin: 0; padding: 0; height: 2em; float: none; clear: both }
#ReviewsSort span {}
#ReviewsSort .Left { width: auto }
#ReviewsSort .Right { width: auto }
#ReviewsSort p { margin: 0; padding: 0; vertical-align: middle }
#ReviewsSort label { vertical-align: middle }
#ReviewsSort select { line-height: normal; vertical-align: middle }
#ReviewsSort .Left select { width: 120px }
#ReviewsSort .Right select { width: 120px }

#InfoNavi { color: #fff; line-height: 2em; background-color: #0a3f85; background-image: url("images/BG_InfoNavi.gif"); background-repeat: repeat-x; background-position: 0 50%; padding: 0; position: absolute; top: 0; left: 150px; width: 710px; height: 2em; border-top: 1px solid #5882ba; border-bottom: 1px solid #000 }
#InfoNavi a { color: #fff }
#InfoNavi .Left { position: relative; left: 10px }
#InfoNavi .Right { position: relative; right: 10px }

#RightCol { position: relative; left: 20px; width: 150px; float: left; clear: none }



/*<agl.folder "ShopSearch">*/
#ShopSearch {}
#ShopSearch * {}
#ShopSearch p {}
#ShopSearch .TextFeld {}
#ShopSearch .Abschicken {}
/*</agl.folder>*/



/*<agl.folder "BreadCrumb">*/
#BreadCrumb {}
#BreadCrumb a {}
#BreadCrumb a:hover {}
/*</agl.folder>*/



/*<agl.folder "Box Allgemein">*/
.Box { margin: 0 1px; padding: 0; width: 148px; overflow: hidden; border-bottom: 1px solid #000 }
.Box h4 { font-weight: normal; color: #fff; background-color: #1b5bb0; background-image: url("images/Icon_Shop.gif"); background-repeat: no-repeat; background-position: 7px 50%; padding: 1.2em 5px 1.2em 30px; border-top: 1px solid #5882ba; border-bottom: 1px solid #5882ba }
.Box p { }
.Box a {}
.Box a:hover {}
.Box .NaviList { background-color: #fff; margin: 0; padding: 0; overflow: hidden }
.Box .NaviList ul { margin: 0; padding: 0 }
.Box .NaviList li { list-style-type: none; display: inline; margin: 0; padding: 0 }
.Box .NaviList a { color: #000; background-image: url("images/BG_NaviLink.gif"); background-repeat: no-repeat; background-position: 0 50%; display: block; margin: 0; padding: 0.5em 5px 0.5em 20px; overflow: hidden; border-top: 1px solid #000; }
.Box .NaviList a:hover { color: #5882ba; background-position: -296px 50% }
.Box .NaviList a.Current,
.Box .NaviList a.CurrentParent { color: #0a3f85; background-position: -148px 50% }
/*</agl.folder>*/



/*<agl.folder "BoxCategories">*/
#BoxCategories {}
#BoxCategories h4 { }
#CatNavi .CatLevel1 a {}
#CatNavi .CatLevel1 a:hover {}
#CatNavi .CatLevel1 a.Current, 
#CatNavi .CatLevel1 a.CurrentParent {}
#CatNavi .CatLevel1 ul { background-color: #0a3f85; background-image: url("images/BG_CatLevel2.gif"); background-repeat: repeat-x; background-position: 0 0; padding-bottom: 0.2em; border-top: 1px solid #000 }
#CatNavi .CatLevel2 a { color: #fff; background-color: transparent; background-image: url("images/BG_SubNaviLink.gif"); padding-top: 0.2em; padding-bottom: 0.2em; border-style: none }
#CatNavi .CatLevel2 a:hover { color: #bbc9dd; }
#CatNavi .CatLevel2 a.Current, 
#CatNavi .CatLevel2 a.CurrentParent { color: #fff; }

#CatNavi .CatLevel2 ul { }
#CatNavi .CatLevel3 a { padding-right: 5px; padding-left: 40px }
#CatNavi .CatLevel3 ul {}
#CatNavi .CatLevel4 a {}
#CatNavi .CatLevel4 ul {}
#CatNavi .CatLevel5 a {}
#CatNavi .CatLevel5 ul {}
/*</agl.folder>*/



/*<agl.folder "BoxCommunity">*/
#BoxCommunity {}
#BoxCommunity h4 { background-image: url("images/Icon_Community.gif");}
/*</agl.folder>*/



/*<agl.folder "BannerBoxes">*/
.BannerBox {}
.BannerBox p { margin: 0; padding: 0; border-top: 1px solid #000; text-align: center }
.BannerBox p a { margin: 0; padding: 0 }
/*</agl.folder>*/



/*<agl.folder "BoxWePower">*/
#BoxWePower { border-bottom: none }
#BoxWePower h4 {}
#BoxWePower br { display: none }
#BoxWePower p { margin: 0; padding: 0; overflow: hidden }
#BoxWePower p a { display: block; margin: 5px 0 0; padding: 0; overflow: hidden }
/*</agl.folder>*/



/*<agl.folder "BoxLogIn">*/
#BoxLogIn { color: #fff; background-color: #0a3f85; text-align: center; padding-bottom: 0.5em }
#BoxLogIn h4 { background-image: url("images/Icon_LogIn.gif"); text-align: left }
#BoxLogIn p { text-align: right; margin: 0; overflow: hidden; border-top: 1px solid #000 }
#BoxLogIn p a {}
#BoxLogIn .TextFeld { color: #2d5d9c; background-color: #fff; text-align: left; text-transform: none; margin-bottom: 5px; position: relative; right: 5px; width: 136px; border: solid 1px #5882ba }
#BoxLogIn .Abschicken { position: relative; right: 5px; overflow: hidden }
/*</agl.folder>*/



/*<agl.folder "BoxLanguages">*/
#BoxLanguages {}
#BoxLanguages h4 { padding-left: 0; padding-right: 0; text-align: center; background-image: none }
#BoxLanguages p {}
#BoxLanguages p a {}
/*</agl.folder>*/



/*<agl.folder "BoxCart">*/
#BoxCart { background-color: #96bae9; background-image: url("images/BG_CatLevel2.gif"); background-repeat: repeat-x; background-position: 0 100%; text-align: center; padding-bottom: 5px }
#BoxCart h4 { color: #000; background-color: #fff; background-image: url("images/BG_NaviLink.gif"); background-repeat: no-repeat; background-position: 0 50%; text-align: left; display: block; margin: 0 0 5px; padding: 0.5em 5px 0.5em 20px; overflow: hidden; border-top: none; border-bottom: 1px solid #000 }
#BoxCart a { color: #000; }
#BoxCart h4 a:hover { color: #5882ba; background-position: -296px 50% }
#BoxCart .CartContent { background-image: url("images/BG_CartBoxField.gif"); margin-right: auto; margin-left: auto; position: relative; width: 140px; height: 226px }
#BoxCart .CartScroll { background-color: #fff; text-align: left; margin-right: auto; margin-left: auto; padding: 0; position: relative; top: 5px; width: 130px; height: 153px; overflow: auto; border: solid 1px #000 }
#BoxCart .CartList { margin-top: 0; margin-right: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; width: 110px; overflow: hidden }
#BoxCart .CartList li { list-style-type: none; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; border-bottom: 1px solid #000 }
#BoxCart p { text-transform: none }
#BoxCart .CartCount, 
#BoxCart .CartPrice { background-repeat: no-repeat; background-position: 50% 100%; margin: 0; padding: 0; position: relative; top: 10px; width: 48%; height: 40px; overflow: hidden }
#BoxCart .CartCount { background-image: url("images/BG_CartCount.gif"); float: left }
#BoxCart .CartPrice { background-image: url("images/BG_CartPrice.gif"); float: right }
#BoxCart .CartLink { background-image: url("images/BG_CartLink.gif"); background-position: 100% 100%; margin-left: 20px; padding: 0; position: absolute; right: 0; bottom: 0; width: 120px; height: 18px; overflow: hidden }
#BoxCart .CartLink a, 
#BoxCart .CartLink span { line-height: 18px; background-image: url("images/BG_CartLink_Go.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: lowercase; display: block; margin: 0; padding: 0 0 0 20px; height: 18px; overflow: hidden }
/*</agl.folder>*/



/*<agl.folder "BoxWishList">*/
#BoxWishList {}
#BoxWishList h4 { background-image: url("images/Icon_WishList.gif");}
#BoxWishList p { margin: 0; padding: 0 }
#BoxWishList p br { display: none }
#BoxWishList p a { color: #000; background-color: #fff; background-image: url("images/BG_NaviLink.gif"); background-repeat: no-repeat; background-position: 0 50%; text-align: left; display: block; margin: 0; padding: 0.5em 5px 0.5em 20px; overflow: hidden; border-top: 1px solid #000; }
#BoxWishList p a:hover { color: #5882ba; background-position: -296px 50% }
#BoxWishList small, 
#BoxWishList em { color: #0a3f85; font-size: 6.5pt; font-style: italic; text-align: center; display: block; margin-right: 4px; margin-left: 4px; padding: 0.5em 0 0.6em }
#BoxWishList small { border-top: 1px solid #bbc9dd }
/*</agl.folder>*/



/*<agl.folder "BoxBestsellers">*/
#BoxBestsellers { background-color: #ebf3fe; border-bottom: none }
#BoxBestsellers h4 { background-image: url("images/Icon_Bestsellers.gif");}
#BoxBestsellers p {}
#BoxBestsellers p a {}
#BoxBestsellers .BestsellersList { background-image: url("images/BG_BestsellersList.gif"); background-repeat: repeat-y; background-position: 0 0; margin: 0; padding: 0 0 0.2em; border-top: 1px solid #000; border-bottom: 1px solid #000 }
#BoxBestsellers .BestsellersList li { list-style-type: none; display: inline; margin: 0; padding: 0 }
#BoxBestsellers .BestsellersList a { color: #000; background-repeat: no-repeat; background-position: 4px 5px; display: block; margin: 0; padding: 0.2em 0 0.2em 35px; overflow: hidden }
#BoxBestsellers .BestsellersList a:hover { color: #5882ba; }
#BoxBestsellers .Chart1 a { background-image: url("images/digits/1.gif") }
#BoxBestsellers .Chart2 a { background-image: url("images/digits/2.gif") }
#BoxBestsellers .Chart3 a { background-image: url("images/digits/3.gif") }
#BoxBestsellers .Chart4 a { background-image: url("images/digits/4.gif") }
#BoxBestsellers .Chart5 a { background-image: url("images/digits/5.gif") }
#BoxBestsellers .Chart6 a { background-image: url("images/digits/6.gif") }
#BoxBestsellers .Chart7 a { background-image: url("images/digits/7.gif") }
#BoxBestsellers .Chart8 a { background-image: url("images/digits/8.gif") }
#BoxBestsellers .Chart9 a { background-image: url("images/digits/9.gif") }
#BoxBestsellers .Chart10 a { background-image: url("images/digits/10.gif") }

/*</agl.folder>*/



/*<agl.folder "BoxDJoftheWeek">*/
#BoxDJoftheWeek {}
#BoxDJoftheWeek h4 { background-image: url("images/Icon_DJoftheWeek.gif");}
#BoxDJoftheWeek .DJname { color: #000; background-color: #fff; background-image: url("images/BG_NaviLink.gif"); background-repeat: no-repeat; background-position: 0 50%; text-align: left; display: block; margin: 0; padding: 0.5em 5px 0.5em 20px; overflow: hidden; border-top: 1px solid #000; border-bottom: 1px solid #000 }
#BoxDJoftheWeek .DJname a { color: #000; }
#BoxDJoftheWeek .DJpic { margin: 0; padding: 0; text-align: center; overflow: hidden; }
#BoxDJoftheWeek .DJpic a { margin: 0; padding: 0 }
/*</agl.folder>*/



/*<agl.folder "BoxSearch">*/
#BoxSearch { }
#BoxSearch h4 {}
#BoxSearch p {}
#BoxSearch a {}
#BoxSearch ul {}
#BoxSearch li {}
#BoxSearch img {}
#BoxSearch a img {}
/*</agl.folder>*/



/*<agl.folder "BoxAdmin">*/
#BoxAdmin { }
#BoxAdmin h4 {}
#BoxAdmin p {}
#BoxAdmin a {}
#BoxAdmin ul {}
#BoxAdmin li {}
#BoxAdmin img {}
#BoxAdmin a img {}
/*</agl.folder>*/



/*<agl.folder "BoxReviews">*/
#BoxReviews { }
#BoxReviews h4 {}
#BoxReviews p {}
#BoxReviews a {}
#BoxReviews form {}
#BoxReviews form p {}
#BoxReviews label {}
#BoxReviews input {}
/*</agl.folder>*/



/*<agl.folder "NewsLetter">*/
#NewsLetter { color: #fff; background-color: #0a3f85; margin: 0 1px; padding: 0; width: 1008px; height: 3.5em; float: none; clear: both; overflow: hidden; vertical-align: middle }
#NewsLetter h4 { color: #fff; font-weight: normal; line-height: 3.4em; background-color: #1b5bb0; background-image: url("images/Icon_Newsletter.gif"); background-repeat: no-repeat; background-position: 7px 50%; text-indent: 35px; margin: 0; padding: 0; width: 148px; height: 3.5em; float: left; overflow: hidden; vertical-align: middle }
#NewsLetter p { text-indent: 10px; margin: 0; padding: 1em 0 0; height: 3.5em; float: left; overflow: hidden; vertical-align: baseline; border-left: 1px solid }
#NewsLetter p * { vertical-align: middle }
#NewsLetter .TextFeld { color: #2d5d9c; line-height: 1em; background-color: #fff; text-transform: none; display: inline; border: solid 1px #5882ba }
#NewsLetter .Abschicken { line-height: 1em; display: inline }
#NewsLetter .Zuruecksetzen { line-height: 1em; display: inline }
#NewsLetter a {}
#NewsLetter a:hover {}
#NewsLetter .On {}
#NewsLetter .On:hover {}
#NewsLetter .Left {}
#NewsLetter .Right {}
/*</agl.folder>*/



/*<agl.folder "Footer">*/
/*#Footer { background-color: #fff; text-align: left; text-transform: none; margin-right: 1px; margin-left: 1px; width: 1008px }
#Footer .Left { position: relative; left: 10px }
#Footer .Right { position: relative; right: 10px }
#Footer small {}
#Footer a {}
#Footer a:hover {}*/
#Footer   { background-color: #fff; text-align: left; text-transform: none; margin-right: 1px; margin-left: 1px; width: 1008px; vertical-align: middle }
#Footer * { vertical-align: middle; }
#Footer .Left    { margin: 0; padding: 0; position: relative; left: 10px }
#Footer .Right    { margin: 0; padding: 0; position: relative; right: 10px }
#Footer small {}
#Footer a {}
#Footer a:hover {}
/*</agl.folder>*/

/*<agl.folder "SubFooter">*/
#SubFooter { color: #bbc9dd }
#SubFooter .Left {}
#SubFooter .Right {}
#SubFooter small {}
#SubFooter a { color: #bbc9dd }
#SubFooter a:hover {}
/*</agl.folder>*/




/*<agl.folder "Product Allgemein">*/
.Product { background-color: #fff; background-image: url("images/BG_Product120er.gif"); background-repeat: repeat-y; background-position: 0 0; margin-top: 10px; margin-bottom: 10px; position: relative; width: 690px; float: none; clear: both; overflow: visible; border-top: 1px solid #000; border-bottom: 10px solid #0a3f85 }
.Product .pImage { margin: 0; padding: 5px 0; float: left }
.Product .pImage a { text-align: center; display: block; margin: 0; padding: 0; width: 120px; height: 120px; float: none; clear: both; overflow: hidden }
.Product .pImage a img { display: block; margin: 0; padding: 0; width: 120px; height: 120px }
.Product .pInfo { display: block; padding: 0 0 28px; width: 530px; float: right; clear: both }
.Product .pInfo h2 { font-size: 8pt; font-weight: normal; line-height: 1.6em; background-color: #bbc9dd; background-image: url("images/BG_ProductName.gif"); background-repeat: repeat-x; background-position: 0 0; margin-right: 1px; margin-left: 1px; padding: 0 0 0 10px; height: 1.6em; border-bottom: 1px solid }
.Product .pInfo h2 strong { font-weight: bold }
.Product .pInfo h2 a { color: #000 }
.Product .pInfo p { margin-top: 0.3em; padding-top: 0; padding-left: 10px }

.Product .pSoundCheck { background-image: url("images/Icon_HeadPhones.gif"); background-repeat: no-repeat; background-position: 209px 2em }
.Product .pSoundCheck p { width: 220px; float: left }
.Product .pSoundCheck p strong { }
.Product .pSoundCheck ul { list-style-type: none; margin: 0 0 0 255px; padding: 0.3em 0 10px; width: 265px }
.Product .pSoundCheck li { display: inline; margin: 0; padding: 0 }
.Product .pSoundCheck ul a { display: block; margin: 0; padding: 0; position: relative }
.Product .pSoundCheck ul em { text-align: right; cursor: pointer; display: block; position: absolute; top: 0; left: -25px; width: 20px; border-bottom: 1px solid #fff }

.Product .pSoundCheck ul a { color: #000; background-color: #fff; overflow: visible; border-bottom: 1px solid #fff }
.Product .pSoundCheck ul em { color: #8896aa; background-color: #ecf2f8 }
.Product .pSoundCheck ul a:hover { color: #8896aa; background-color: #ecf2f8 }
.Product .pSoundCheck ul a:hover em { color: #fff; background-color: #8896aa }

.Product .pPrice { margin: 0; padding: 0; float: none; clear: both }
.Product .pPrice a { color: #fff; line-height: 1.6em; background-color: #2d5d9c; display: block; margin-right: 10px; padding-right: 10px; padding-left: 10px; position: absolute; top: 0; right: 0; height: 1.6em }
.Product .pPrice br { display: none; }
/*.Product .pPrice span.productOldPrice { color: #ebf3fe; text-decoration: line-through; background-color: #c00; margin-right: 5px; padding-right: 2px; padding-left: 2px }*/
.Product .pPrice span.productOldPrice { color: #0a3f85; text-decoration: none; background-color: #fff; background-image: url("images/OldPriceStrike_B.gif"); background-repeat: no-repeat; background-position: 50% 50%; margin-right: 5px; border-right: 4px solid #fff; border-left: 4px solid #fff }

.Product .pFunctions { margin: 0; padding: 0; width: 690px; float: none; clear: both; overflow: hidden; border-top: 1px solid #000; border-bottom: 10px solid #fff }
.Product .pFunctions small { background-image: url("images/BG_ProductFunctions.gif"); background-repeat: repeat-x; background-position: 160px 9px; text-align: right; display: block; margin: 0 0 0 161px; padding: 0; position: absolute; bottom: 0; left: 0; width: 528px; height: 46px; overflow: hidden; vertical-align: top }
.Product .pFunctions img { margin-right: 10px; position: relative; right: 50px }
/*.Product .pFunctions input { margin-right: 10px; position: relative; right: 50px }*/

.Product .pFunctions .Quantity { color: #fff; font-size: 6.5pt; font-weight: normal; line-height: 13px; background-color: #2d5d9c; text-align: center; display: block; margin: 0; padding: 0; position: absolute; top: 9px; right: 20px; width: 3em; height: 13px; overflow: hidden; border-top: none; border-right: 1px solid #fff; border-bottom: none; border-left: 1px solid #fff }
.Product .pFunctions .Cancel { margin: 0; padding: 0; position: absolute; top: 0; left: 60px; float: left }

.Product .pFunctions img { position: relative; right: 0 }
.Product .pFunctions .Order {}
.Product .pFunctions .Delete { display: none }
.Product .pFunctions .Quantity { display: none }
.Product .pFunctions .Cancel { display: none }
.Product .pFunctions .Markt { margin: 0; padding: 0; position: absolute; top: 8px; left: 8px; float: left }
/* Ähnlich wie .pSoundCheck */
.Product .pFunctions .Markt a { color: #000; overflow: visible; border-bottom: 1px solid #fff }
.Product .pFunctions .Markt a:hover { color: #8896aa; background-color: #ecf2f8 }

/*</agl.folder>*/


/*<agl.folder "MultiCat Listing Product">*/
.MultiCat .Product {}
.MultiCat .Product .pImage { width: 153px; background-repeat: no-repeat; background-position: 8px 5px; }
.MultiCat .Product .pImage a { margin-left: 33px }
.MultiCat .Product .pImage a img {}
.MultiCat .Product .pInfo { }
.MultiCat .Product .pInfo h2 {}
.MultiCat .Product .pInfo h2 strong {}
.MultiCat .Product .pInfo h2 a {}
.MultiCat .Product .pInfo p {}
.MultiCat .Product .pPrice {}
.MultiCat .Product .pPrice a {}
.MultiCat .Product .pFunctions { }
.MultiCat .Product .pFunctions small { }
.MultiCat .Product .pFunctions img {}
.MultiCat .Product .pFunctions input {}
.MultiCat .Product .pFunctions .Quantity {}
/*</agl.folder>*/



/*<agl.folder "MultiCat Icons">*/
.records-of-the-week .icon { background-image: url("images/headlines/icon_records-of-the-week.gif"); }
.record-of-the-week .icon { background-image: url("images/headlines/icon_record-of-the-week.gif"); }
.cds-of-the-week .icon { background-image: url("images/headlines/icon_cds-of-the-week.gif"); }
.cd-of-the-week .icon { background-image: url("images/headlines/icon_cd-of-the-week.gif"); }

.MultiCat h1 { color: #fff; font-size: 12pt; font-weight: normal; text-transform: uppercase; margin-top: 0.5em; margin-bottom: 1.5em; padding: 3px 0; position: relative; top: 0.25em; border-top: 1px solid #000; border-bottom: 1px solid #000 }
.MultiCat h1 span { background-color: #0a3f85; background-image: url("images/BG_Wischer.jpg"); background-repeat: no-repeat; background-position: 100% 50%; display: block; padding-left: 50px }
.MultiCat h1 .icon { background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; display: block; margin: 0; padding: 0; position: absolute; top: -0.5em; left: 0; width: 45px; height: 45px }
/*</agl.folder>*/



/*<agl.folder "SingleCat Listing Product">*/
.SingleCat { overflow: hidden; background-image: url("images/BG_Listing_SingleCat.gif"); background-repeat: repeat-y; background-position: 0 0; padding: 1px 0 0; position: relative }
.SingleCat .CatName { font-size: 1pt; background-repeat: no-repeat; background-position: 0 5px; text-indent: -10000px; position: absolute; top: 0; left: 0; width: 13px; height: 300px; overflow: hidden }
.SingleCat .Product { background-image: url("images/BG_Product120erCat.gif"); margin: 0 0 10px 23px; width: 667px; border-bottom: medium none }
.SingleCat .Product .pImage { background-repeat: no-repeat; background-position: -100px 0; width: 127px }
.SingleCat .Product .pImage a { margin-left: 7px }
.SingleCat .Product .pImage a img {}
.SingleCat .Product .pInfo { width: 534px }
.SingleCat .Product .pInfo h2 {}
.SingleCat .Product .pInfo h2 strong {}
.SingleCat .Product .pInfo h2 a {}
.SingleCat .Product .pInfo p {}
.SingleCat .Product .pPrice {}
.SingleCat .Product .pPrice a {}
.SingleCat .Product .pFunctions { width: 667px; border-bottom: 0 none }
.SingleCat .Product .pFunctions small { margin: 0 0 0 134px; width: 532px; height: 36px }
.SingleCat .Product .pFunctions img {}
.SingleCat .Product .pFunctions input {}
.SingleCat .Product .pFunctions .Quantity {}
/*</agl.folder>*/



/*<agl.folder "Review Allgemein">*/
.Review { background-image: url("images/BG_Product120erCat.gif"); background-repeat: repeat-y; background-position: 0 0; margin: 0 0 10px 23px; position: relative; width: 667px; float: none; clear: both; overflow: visible; border-top: 1px solid #000; border-bottom: 1px solid #000 }
.Review a { color: #5882ba }
.Review p { vertical-align: middle }
.Review p img { vertical-align: middle }
.Review h2 { font-size: 8pt; font-weight: normal; line-height: 1.6em; background-color: #bbc9dd; background-image: url("images/BG_ProductName.gif"); background-repeat: repeat-x; background-position: 0 0; text-indent: 10px; margin: 0; padding: 0; position: relative; right: 1px; width: 532px; height: 1.6em; float: right; border-bottom: 1px solid }
.Review h2 strong { font-weight: bold }
.Review h2 a { color: #000 }
.Review .rImage { margin: 0 7px 0 0; padding: 5px 0; width: 127px; float: left }
.Review .rImage a { text-align: center; display: block; margin: 0 0 0 7px; padding: 0; width: 120px; height: 120px; overflow: hidden }
.Review .rImage a img { display: block; margin: 0; padding: 0 }
.Review .rInfo { position: relative; right: 1px; width: 225px; float: right }
.Review .rContent { position: relative; left: 10px; width: 290px; float: left }
.Review .rLinks { margin-top: 0.5em; position: relative; right: 11px; width: 512px; float: right; border-top: 1px solid #d2deeb }
.Review .rLinks a {}
.Review .rLinks a:hover {}
.Review .rLinks img { vertical-align: top; z-index: 3 }

/*</agl.folder>*/



/*<agl.folder "Rev Listing RevName">*/
.Rev { overflow: hidden; background-image: url("images/BG_Listing_SingleCat.gif"); background-repeat: repeat-y; background-position: 0 0; padding: 1px 0 0; position: relative }
.Rev .RevName { font-size: 1pt; background-image: url("images/cats/cat_standard.gif"); background-repeat: no-repeat; background-position: 0 5px; text-indent: -10000px; position: absolute; top: 0; left: 0; width: 13px; height: 300px; overflow: hidden }
/*</agl.folder>*/



/*<agl.folder "ListedReview Allgemein">*/
.ListedReview { margin: 0 10px 1em 0; position: relative; left: 23px; width: 216px; float: left; overflow: hidden; border-top: 1px solid #000 }
.ListedReview a { color: #5882ba }
.rLeft { }
.rMid { }
.rRight { margin-right: 0 }
.Size3 { width: 667px }
.Size2 { width: 328px }
.ListedReview p { padding-left: 10px; padding-right: 10px; vertical-align: middle; border-bottom: 1px solid #d2deeb }
.ListedReview p img { vertical-align: middle }
.ListedReview h2 {}
.ListedReview h2 strong {}
.ListedReview h2 a {}
.ListedReview .rImage {}
.ListedReview .rImage a {}
.ListedReview .rImage a img {}
.ListedReview .rInfo {}
.ListedReview .rContent {}
.ListedReview .rLinks { }
.ListedReview .rLinks a { color: #5882ba }
.ListedReview .rLinks a:hover {}
/*</agl.folder>*/



/*<agl.folder "SingleReview Allgemein">*/
.SingleReview { margin: 0 0 1em 23px; float: none; clear: both; overflow: hidden; border-top: 1px solid }
.SingleReview a { color: #5882ba }
.SingleReview p { padding-right: 10px; padding-left: 10px; vertical-align: middle; border-bottom: 1px solid #d2deeb }
.SingleReview p img { vertical-align: middle }
.SingleReview h2 {}
.SingleReview h2 strong {}
.SingleReview h2 a {}
.SingleReview .rImage {}
.SingleReview .rImage a {}
.SingleReview .rImage a img {}
.SingleReview .rInfo {}
.SingleReview .rContent {}
.SingleReview .rLinks { }
.SingleReview .rLinks a {}
.SingleReview .rLinks a:hover {}
/*</agl.folder>*/






/*<agl.folder "TopCats - Headlines Hauptkategorien">*/
h1.TopCat { color: #2d5d9c; font-weight: normal; background-image: url("images/topcats/topcat_standard.gif"); background-repeat: no-repeat; background-position: 100% 100%; display: block; margin: 0 0 1em; padding: 0; position: relative; width: 690px; height: 70px; overflow: hidden }
h1.TopCat a { color: #5882ba }
h1.TopCat span { font-size: 12pt; display: block; position: absolute; bottom: 15px; left: 0; width: 300px }
/*</agl.folder>*/



/*<agl.folder "ProdInfo - Produkt-Detail-Ansicht">*/
.ProdInfo { background-image: url("images/BG_Listing_SingleCat.gif"); background-repeat: repeat-y; background-position: 0 0; margin-bottom: 2em; position: relative; width: 690px }
.ProdInfo .CatName { font-size: 1pt; background-repeat: no-repeat; background-position: 0 5px; text-indent: -10000px; position: absolute; top: 0; left: 0; width: 13px; height: 300px; overflow: hidden }

.ProdInfo form { background-image: url("images/LineBlack_Dots.gif"); background-repeat: repeat-x; background-position: 0 100%; margin: 0 0 0 23px; padding: 0; width: 667px }

.ProdInfo h1 { font-size: 10pt; font-weight: normal; line-height: 16pt; background-color: #bbc9dd; background-image: url("images/BG_ProductName.gif"); background-repeat: repeat-x; background-position: 0 0; margin: 0 0 1em; padding: 0 0 0 10px; height: 16pt; overflow: hidden; border: solid 1px #000 }
.ProdInfo h1 span { }

.ProdInfo .ProdDetails { width: 330px; float: left }

.ProdInfo .ProdImage { margin: 0; padding: 0; text-align: center; width: 300px; height: 300px; float: right; overflow: hidden; border: solid 1px #000 }
.ProdInfo .ProdImage a { text-align: center; width: 300px; height: 300px }
.ProdInfo .ProdImage a img {}

.ProdInfo .ProdSounds { margin: 0; padding: 0 }
.ProdInfo .ProdSounds ul { margin: 0; padding: 0 }
.ProdInfo .ProdSounds li { line-height: 25px; background-image: url("images/Icon_HeadPhones.gif"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; margin: 0; padding: 0 0 0 25px; height: 25px; overflow: hidden }
.ProdInfo .ProdSounds li a { color: #000; }
.ProdInfo .ProdSounds li a em { font-style: normal; font-weight: bold }

.ProdInfo .ProdOptions { padding-top: 1em; padding-right: 70px; float: none; clear: both }
.ProdInfo .ProdOptions table { margin: 0; width: 100% }
.ProdInfo .ProdOptions table caption { font-weight: bold; text-align: left; padding: 0.6em 5px 0.3em }
.ProdInfo .ProdOptions table td { vertical-align: top }
.ProdInfo .ProdOptions .OptionsRow { vertical-align: middle; border-top: 1px solid #d2deeb }
.ProdInfo .ProdOptions .OptionsRow * { vertical-align: middle }
.ProdInfo .ProdOptions .OptionsRow .Left { padding-right: 5px; padding-left: 5px }
.ProdInfo .ProdOptions .OptionsRow .Right { padding-right: 5px; padding-left: 5px; width: 70% }
.ProdInfo .ProdOptions .ToCart { border-top: 1px solid #d2deeb; border-bottom: 1px solid #d2deeb }

.ProdInfo .ProdOrder { background-image: url("images/BG_ProductFunctions.gif"); background-repeat: repeat-x; background-position: 160px 37px; text-align: right; margin: 0.5em 0 0; padding: 0; position: relative; height: 70px }
.ProdInfo .ProdOrder a { margin: 0; padding: 0 }
.ProdInfo .ProdOrder img { margin: 0; padding: 0 }
.ProdInfo .ProdOrder .Cancel { display: block; margin: 28px 0 0; padding: 0; position: absolute; top: 0; left: 5px }
.ProdInfo .ProdOrder .WishList { display: block; margin: 28px 0 0; padding: 0; position: absolute; top: 0 }
.ProdInfo .ProdOrder .Order { display: block; margin: 28px 0 0; padding: 0; position: absolute; top: 0; right: 170px }
.ProdInfo .ProdOrder .Delete { display: block; margin: 28px 0 0; padding: 0; position: absolute; top: 0; right: 110px }
.ProdInfo .ProdOrder .Quantity { color: #fff; font-size: 6.5pt; font-weight: normal; line-height: 13px; background-color: #2d5d9c; text-align: center; display: block; margin: 37px 0 0; padding: 0; position: absolute; top: 0; right: 75px; width: 3em; height: 13px; overflow: hidden; border-style: none solid; border-width: medium 1px; border-color: #fff }
.ProdInfo .ProdOrder .Stock { display: block; margin: 0; padding: 0; position: absolute; top: 0; right: 0 }
.ProdInfo .ProdOrder .Status0 { display: block; margin: 28px 0 0; padding: 0; position: absolute; font-size: 12pt; color:red; top: 8px; right: 10px }
.ProdInfo .ProdPrice { color: #fff; font-size: 10pt; line-height: 12pt; background-color: #0a3f85; text-align: center; margin: 0.6em 0 0; padding-top: 0; padding-bottom: 0; position: relative; width: 145px; height: 12pt; float: right; clear: right; overflow: visible }
.ProdInfo .ProdPrice br { display: none; }
/*.ProdInfo .ProdPrice span.productOldPrice { color: #ebf3fe; text-decoration: line-through; background-color: #c00; margin-right: 5px; position: absolute; right: 150px; width: 145px; overflow: hidden }*/
.ProdInfo .ProdPrice span.productOldPrice { color: #0a3f85; background-color: #fff; background-image: url("images/OldPriceStrike_B.gif"); background-repeat: no-repeat; background-position: 50% 50%; margin-right: 5px; position: absolute; right: 150px; width: 145px; overflow: hidden }

.ProdInfo .CrossSelling { background-color: #ebf3fe; background-image: url("images/BG_SeeAlso_Rand.gif"); background-repeat: repeat-y; background-position: 0 0; margin: 0 0 0 23px; padding: 0 0.5em 0.5em 0; border-style: solid; border-width: 2px 2px 2px medium; border-color: #759cd0 }
.ProdInfo .CrossSelling p { padding-left: 30px }
.ProdInfo .CrossSelling p em {}
.ProdInfo .CrossSelling h4 { color: #fff; background-color: #759cd0; background-image: url("images/BG_SeeAlso_Schrift.gif"); background-repeat: no-repeat; background-position: 7px 8px; text-indent: -10000px; margin: 0; padding: 0; width: 25px; height: 183px; float: left; overflow: hidden }
.ProdInfo .CrossSelling ul { margin: 0; padding: 0 0 0 30px }
.ProdInfo .CrossSelling li { list-style-type: none; display: inline; margin: 0; padding: 0 }
.ProdInfo .CrossSelling li a { color: #000; font-weight: bold; text-decoration: underline; display: block; margin: 0; padding: 0.6em 0 0.3em }

.ProdInfo .DotsUp { background-image: url("images/LineBlack_Dots.gif"); background-repeat: repeat-x; background-position: 0 0; }
.ProdInfo .DotsLow { background-image: url("images/LineBlack_Dots.gif"); background-repeat: repeat-x; background-position: 0 100% }

.ProdInfo .Reviews { margin-left: 23px; width: 667px }
.ProdInfo .Reviews h4 { font-size: 10pt; font-weight: bold }
.ProdInfo .Reviews h4 small { font-weight: normal }
.ProdInfo .Reviews p { padding-bottom: 0.6em }
.ProdInfo .Reviews p strong { }
.ProdInfo .Reviews p img { vertical-align: middle }
.ProdInfo .Reviews p a { color: #5882ba }
.ProdInfo .Reviews ul { margin: 0 0 0 5px; padding: 0 }
.ProdInfo .Reviews li { color: #000; list-style-type: none; margin: 0 0 0.3em; padding: 0.6em 0 0.3em }
.ProdInfo .Reviews li img { vertical-align: bottom }
.ProdInfo .Reviews li strong { vertical-align: bottom }
.ProdInfo .Reviews li cite { }
.ProdInfo .Reviews li a { color: #000; vertical-align: bottom }


.ProdInfo .ProdOrder .Cancel { display: none }
.ProdInfo .ProdOrder .Order { right: 130px }
.ProdInfo .ProdOrder .WishList { right: 80px }
.ProdInfo .ProdOrder .Delete { display: none }
.ProdInfo .ProdOrder .Quantity { display: none }
/*</agl.folder>*/



/*<agl.folder "MidCol">*/
#MidCol {}
#MidCol h4 { font-size: 10pt }
#MidCol .Half { width: 330px }
#MidCol .ButtonSet { overflow: hidden; border-top: 1px solid #000 }
/*</agl.folder>*/

.Formular { margin: 0; padding: 0 }
.Formular li { line-height: 2em; list-style-type: none; padding: 0; position: relative; height: 2em; border-bottom: 1px solid #d2deeb }
.Formular label { padding: 0 }
.Formular p { padding: 0; position: absolute; top: 0; left: 210px; height: 2em; vertical-align: middle }
.Formular input, 
.Formular select, 
.Formular textarea { color: #0a3f85; padding-top: 2px; padding-bottom: 2px; border: solid 1px #5882ba }
.Formular input { line-height: 1.1em; width: 250px; vertical-align: middle }
.Formular select { line-height: 1.1em; width: 250px }
.Formular li.Gender input { width: auto; border-style: none }
.Formular li.Standard input { width: auto; }
.Formular li.TextArea { height: 15em }
.Formular li.TextArea textarea { width: 250px; height: 14em; }
.Formular li.TextArea p { height: auto;  }

.Half ul.Formular { width: 330px }
.Half ul.Formular li { line-height: 2em; list-style-type: none; height: 2em; border-bottom: 1px solid #d2deeb }
.Half ul.Formular p { left: 120px }
.Half ul.Formular input { width: 120px }
.Half ul.Formular select { width: 120px }
.Half ul.Formular li.Gender input { width: auto; }
.Half ul.Formular li.Standard input { width: auto; }

.inputRequirement { color: #5882ba }
.inputRequirement a { color: #5882ba; text-decoration: underline }
.inputRequirement a:hover { text-decoration: none }

.CheckOutOptions { padding-right: 20px; border-top: 1px solid #2d5d9c; border-right: 1px solid #2d5d9c }
.CheckOutOptions .Payment { padding-top: 0; padding-left: 20px }





/*<agl.folder "ProdInfo / CatNameCSS / pImageCSS">*/
/* standard */
.pImage, .CatName 			{ background-image: url("images/cats/cat_standard.gif"); }

/* A */
.ambient					{ background-image: url("images/cats/cat_ambient.gif") }

/* B */
.big-beat					{ background-image: url("images/cats/cat_big-beat.gif"); }
.bild-und-druckmaterial		{ background-image: url("images/cats/cat_bild-und-druckmaterial.gif"); }
.break-beat					{ background-image: url("images/cats/cat_break-beat.gif"); }

/* C */
.cases						{ background-image: url("images/cats/cat_cases.gif"); }
.cd-player					{ background-image: url("images/cats/cat_cd-player.gif"); }
.cd-s						{ background-image: url("images/cats/cat_cd-s.gif"); }
.cds 						{ background-image: url("images/cats/cat_cds.gif"); }
.classics 					{ background-image: url("images/cats/cat_classics.gif"); }

/* D */
.dance						{ background-image: url("images/cats/cat_dance.gif"); }
.disco-dance				{ background-image: url("images/cats/cat_disco-dance.gif"); }
.dj-equipment				{ background-image: url("images/cats/cat_dj-equipment.gif"); }
.drum-n-bass				{ background-image: url("images/cats/cat_drum-n-bass.gif"); }

/* E */
.ebm						{ background-image: url("images/cats/cat_ebm.gif"); }
.elektro					{ background-image: url("images/cats/cat_elektro.gif"); }
.equipment-diverse			{ background-image: url("images/cats/cat_equipment-diverse.gif"); }

/* F */
.favorites				{ background-image: url("images/cats/cat_favorites.gif"); }
.favourites				{ background-image: url("images/cats/cat_favourites.gif"); }
.freshplastic			{ background-image: url("images/cats/cat_freshplastic.gif"); }
.fresh-plastic			{ background-image: url("images/cats/cat_fresh-plastic.gif"); }

/* G */
/* H */
.headphones					{ background-image: url("images/cats/cat_headphones.gif"); }
.hip-hop					{ background-image: url("images/cats/cat_hip-hop.gif"); }
.house						{ background-image: url("images/cats/cat_house.gif"); }

/* I */
/* J */
/* K */
/* L */
.lounge						{ background-image: url("images/cats/cat_lounge.gif"); }

/* M */
.merchandise				{ background-image: url("images/cats/cat_merchandise.gif"); }
.merchandise-und-sonstige	{ background-image: url("images/cats/cat_merchandise-und-sonstige.gif"); }
.minimal-house 				{ background-image: url("images/cats/cat_minimal-house.gif"); }
.mixer 						{ background-image: url("images/cats/cat_mixer.gif"); }

/* N */
.niceprice					{ background-image: url("images/cats/cat_niceprice.gif"); }
.nice-price					{ background-image: url("images/cats/cat_nice-price.gif"); }

/* O */
/* P */
.pop						{ background-image: url("images/cats/cat_pop.gif"); }
.previews					{ background-image: url("images/cats/cat_previews.gif"); }
.prog-trance				{ background-image: url("images/cats/cat_prog-trance.gif"); }
.progressive-trance			{ background-image: url("images/cats/cat_progressive-trance.gif"); }
.progressive			{ background-image: url("images/cats/cat_progressive.gif"); }
.psy-trance					{ background-image: url("images/cats/cat_psy-trance.gif"); }

/* Q */
/* R */
.reviews					{ background-image: url("images/cats/cat_reviews.gif"); }
.rock						{ background-image: url("images/cats/cat_rock.gif"); }

/* S */
.shopping-cart				{ background-image: url("images/cats/cat_shopping-cart.gif"); }
.slipmats					{ background-image: url("images/cats/cat_slipmats.gif"); }
.systems					{ background-image: url("images/cats/cat_systems.gif"); }

/* T */
.tech-house					{ background-image: url("images/cats/cat_tech-house.gif"); }
.techno						{ background-image: url("images/cats/cat_techno.gif"); }
.textilien					{ background-image: url("images/cats/cat_textilien.gif"); }
.trance 					{ background-image: url("images/cats/cat_trance.gif"); }
.turntables 				{ background-image: url("images/cats/cat_turntables.gif"); }

/* U */
/* V */
.various					{ background-image: url("images/cats/cat_various.gif"); }

/* W */
.wish-list					{ background-image: url("images/cats/cat_wish-list.gif"); }

/* X */
/* Y */
/* Z */

/*</agl.folder>*/



table.OrderStatus { margin-bottom: 3em; width: 100%; border-top: 3px double #999; border-bottom: 3px double #999; border-collapse: collapse; border-spacing: 0 }
table.OrderStatus tr {}
table.OrderStatus td { padding: 2px 10px 3px; border-top: 1px solid #ddd; border-collapse: collapse; border-spacing: 0 }
table.OrderStatus th { padding: 2px 10px 3px }
table.OrderStatus .Min { width: 12% }
table.OrderStatus .Max {}
table.OrderStatus .Sum {}
table.OrderStatus .Sum td { border-top: 1px solid #333 }
table.OrderStatus .Del { font-style: italic }
table.OrderStatus .Del td {}


/*<agl.folder "ChartList">*/
.ChartList { margin: 0; padding: 0 0 0.2em }
.ChartList li { color: #444; background-repeat: no-repeat; background-position: 4px 5px; list-style-type: none; margin: 0; padding: 0.2em 0 0.2em 35px }
.ChartList a { color: #0a3f85 }
.ChartList a:hover { color: #5882ba }
/*.ChartList a { color: #000; background-repeat: no-repeat; background-position: 4px 5px; display: block; margin: 0; padding: 0.2em 0 0.2em 35px; overflow: hidden }
.ChartList li { list-style-type: none; display: inline; margin: 0; padding: 0 }
.ChartList a:hover { color: #5882ba; }*/
.ChartList .Chart1 { background-image: url("images/digits/1.gif") }
.ChartList .Chart2 { background-image: url("images/digits/2.gif") }
.ChartList .Chart3 { background-image: url("images/digits/3.gif") }
.ChartList .Chart4 { background-image: url("images/digits/4.gif") }
.ChartList .Chart5 { background-image: url("images/digits/5.gif") }
.ChartList .Chart6 { background-image: url("images/digits/6.gif") }
.ChartList .Chart7 { background-image: url("images/digits/7.gif") }
.ChartList .Chart8 { background-image: url("images/digits/8.gif") }
.ChartList .Chart9 { background-image: url("images/digits/9.gif") }
.ChartList .Chart10 { background-image: url("images/digits/10.gif") }
/*</agl.folder>*/

.ChartList2 a { color: #0a3f85 }
.ChartList2 a:hover { color: #5882ba }
.ChartList2 li {list-style-type: decimal-leading-zero; color: #444;  }

/*<agl.folder "DjChartDiv">*/
div.DjChartDiv { background-image: url("images/BG_DJ_ChartList_Var2.gif"); }
/*table.DjChartList { background-image: url("images/BG_DJ_ChartList.gif"); width: 100%; border-bottom: 1px solid #000 }*/
table.DjChartList { width: 100%; border-bottom: 1px solid #000 }
table.DjChartList tr {}
table.DjChartList td { vertical-align: top }
table.DjChartList td.Charts { width: 100% }
table.DjChartList td.Image { text-align: left }
/*</agl.folder>*/

/*<agl.folder "LinkList">*/
div.LinkList   { margin: 0 0 5px; padding: 0; width: 100%; float: none; clear: both; overflow: visible; border-bottom: 1px solid #000 }
div.LinkList h4    { color: #fff; font-size: 8pt; font-weight: normal; background-color: #1b5bb0; background-image: url("images/BG_InfoNavi.gif"); background-repeat: repeat-x; background-position: 0 50%; text-transform: uppercase; margin: 0; padding: 0.2em 14px 0.3em; border-style: solid; border-width: 1px; border-color: #5882ba #0a3f85 #000 }
div.LinkList ul    { margin: 5px 0; padding: 3px 5px; border-top: 1px solid #000 }
div.LinkList li    { list-style-type: none; margin: 0; padding: 0.12em 0 0.15em; position: relative; left: 10px; width: 49%; float: left }
div.LinkList a {}
/*</agl.folder>*/



/*<agl.folder "ChartMenue">*/
/*div.ChartMenue  { margin: 0; float: none; clear: both; border-top: 1px solid; border-bottom: 1px solid }*/
div.ChartMenue  { margin: 0; padding: 0; float: none; clear: both; }
div.ChartLink { text-align: center; margin: 0; padding: 9px; float: left }
div.ChartLink p { width: 120px }
div.ChartLink a {}
div.ChartLink a:hover {}
div.ChartLink a img {}
div.ChartLink a:hover img {}
/*</agl.folder>*/



/* AJAX CHECKOUT PROCESS */
div.checkout_row {
	clear:both;
}

div.checkout_title {
	cursor:pointer;
	position:relative;
	background-color:#777;
	color:#FFF;
	padding:4px;
	font-size:12px;
	border-right:solid 1px #777;
	border-left:solid 1px #777;
	border-top:solid 1px #777;
}


div.checkout_title .right {
	position:absolute;
	right:6px;
	top:3px;
	font-weight:bold;
}

div.checkout_content {
	background-color:#f9f9f9;
	color:#000;
	padding:4px;
	border-right:solid 1px #777;
	border-left:solid 1px #777;
	border-bottom:solid 1px #777;
}

div.checkout_content .inputRequirement select {
	width:190px;
}

div.checkout_content .virtual {
	text-align:center;
}

div.checkout_content .left_space {
	padding-left:20px;
}

div.checkout_shipping_modules, .checkout_shipping_address {
	width:49%;
	float:left;
	clear:left;
}

div.checkout_payment_modules, .checkout_payment_address {
	width:49%;
	float:right;
	clear:right;
}

div.checkout_total {
	text-align:right;
}

#checkout_total table {
	float:right;
}

div.checkout_spacer {
	height:12px;
	font-size:9px;
	clear:both;
}

div.checkout_button {
	text-align:right;
	margin-top:5px;
}

.radiobox {
	vertical-align:middle;
	padding:0px;
	margin:0px;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.module_ok, div.checkout_please_wait {
	color:green;
	font-weight:bold;
}

div.checkout_error {
	color:#FF0000;
	font-weight:bold;
}

ul.CheckOutBar   { margin: 0 0 10px; padding: 0; height: 120px; border-bottom: 1px solid #d2deeb }
ul.CheckOutBar li   { color: #888; font-size: 30px; font-style: italic; line-height: 100px; background-color: #f8fbfd; text-align: center; list-style-type: none; margin: 0 5px; padding: 0; position: relative; width: 160px; height: 100px; float: left; overflow: hidden; border-top: 1px solid #d2deeb; border-bottom: 1px solid #d2deeb }
ul.CheckOutBar a   { color: #5882ba; display: block; height: 100px }
ul.CheckOutBar a:hover  { color: #fff; text-decoration: none; background-color: #759cd0 }
ul.CheckOutBar strong  { color: #2d5d9c; background-color: #ebf3fe; display: block; height: 100px }
ul.CheckOutBar small   { font-size: 8pt; font-style: normal; line-height: 8pt; display: block; padding-top: 2px; padding-bottom: 2px; position: absolute; bottom: 0; left: 0; width: 160px; border-top: 1px solid #bbc9dd }
