/*
v4.8.2008 9:16:23
*/





/* BODY - START */

body {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
	color: #666666;
  padding: 0;
  margin: 0;
  background-image: url('./../../_layout/_e-shop/bg.gif');
  background-repeat: repeat-x;
  background-color: #474747;
}

/* BODY - END */





/* HEADERs - START */

h1,
h2,
h3,
h4 {
  color: #444444;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

h1 {
  width: 100%;
  font-size: 14px;
  padding: 0 0 12px 0;
  float: left;
  clear: both;
}

h2 {
  font-size: 13px;
  padding-bottom: 5px;
}

h3 {
  font-size: 12px;
  padding-bottom: 5px;
}

h4 {
  font-size: 11px;
  padding-bottom: 2px;
}



h2.title {
  font-size: 11px;
  margin-bottom: 2px;
}



h3.green {
  background-image: url('./../../_layout/_e-shop/header_green_bg.gif');
}

h3.red {
  background-image: url('./../../_layout/_e-shop/header_red_bg.gif');
}

h3.title {
  width: 202px;
  height: 46px;
  color: #FFFFFF;
  line-height: 46px;
  text-align: center;
  padding: 0;
  background-repeat: no-repeat;
  float: left;
  clear: both;
}

h3.top {
  width: 100%;
  padding: 12px 0 12px 0;
  margin: 3px 0 12px 0;
  border-bottom: 1px dotted #CCCCCC;
  float: left;
  clear: both;
}



div#cart h3 {
  color: #663300;
  line-height: 29px;
  padding: 0 0 0 40px;
  background-image: url('./../../_layout/_e-shop/icon_cart.gif');
  background-repeat: no-repeat;
}



div#leftFrame h3.catalog {
  margin-left: 6px;
}

/* HEADERs - END */





/* DIVs / LAYOUT BOXes - START */

div.clearer {
  width: 100% !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clear: both;
}



table.catalogItemList td div {
  width: 100%;
  float: left;
  clear: both;
}

table.catalogItemList td div.buttons {
  width: 124px;
  text-align: right;
  float: right;
  clear: none;
}

table.catalogItemList td div.text {
  height: 40px;
  overflow: hidden;
  margin: 0 0 8px 0;
}

table.catalogItemList td div.thumb {
  height: 94px;
  line-height: 94px;
  text-align: center;
  margin: 0 0 10px 0;
}

table.catalogItemList td div.title {
  height: 13px;
  font-weight: bold;
  overflow: hidden;
  margin: 0 0 10px 0;
}

table.catalogItemList td div.price {
  width: 100px;
  color: #663300;
  font-size: 12px;
  font-weight: bold;
  margin: 3px 0 0 0;
  clear: none;
}



div.paging {
  width: 100%;
  padding: 12px 0 12px 0;
  margin: 6px 0 12px 0;
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  float: left;
  clear: both;
}

div.paging div {
  width: 50%;
  float: left;
  clear: none;
}

div.paging div.browsing {
  text-align: right;
}



div#attributes {
  width: 100%;
  float: left;
  clear: both;
}

div#attributes div.content {
  width: 100%;
  float: left;
  clear: both;
}

div#attributes div#data {
  width: 50%;
  margin: 15px 0 25px 0;
  float: left;
  clear: none;
}

div#attributes div#thumb {
  width: 50%;
  margin: 15px 0 25px 0;
  float: left;
  clear: none;
}



div#bestsellers {
  width: 202px;
  padding: 0 6px 0 6px;
  float: left;
  clear: both;
}


div#catalog {
  width: 202px;
  padding: 0 6px 24px 6px;
  background-image: url('./../../_layout/_e-shop/sideframe_separator.gif');
  background-repeat: no-repeat;
  background-position: 0 bottom;
  float: left;
  clear: both;
}



div#cart {
  width: 202px;
  padding: 0 6px 36px 6px;
  background-image: url('./../../_layout/_e-shop/sideframe_separator.gif');
  background-repeat: no-repeat;
  background-position: 0 bottom;
  float: left;
  clear: both;
}



div#currencies {
  width: 202px;
  padding: 0 6px 28px 6px;
  background-image: url('./../../_layout/_e-shop/sideframe_separator.gif');
  background-repeat: no-repeat;
  background-position: 0 bottom;
  float: left;
  clear: both;
}



#footer {
  width: 100%;
  padding: 6px 0 30px 0;
  background-image: url('./../../_layout/_e-shop/workspace_border_bottom.gif');
  background-repeat: no-repeat;
  float: left;
  clear: both;
}



div#header {
  width: 100%;
  height: 280px;
  background-image: url('./../../_layout/_e-shop/header_bg.gif');
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  float: left;
}



div#leftFrame {
  width: 214px;
  margin: 0 16px 0 6px;
  background-image: url('./../../_layout/_e-shop/sideframe_border_bottom.gif');
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-color: #EEEEEE;
  float: left;
  clear: none;
}



div#mainFrame {
  width: 516px;
  float: left;
  clear: none;
}



div#menu {
  width: 100%;
  height: 68px;
  padding: 0 0 20px 0;
  background-image: url('./../../_layout/_e-shop/workspace_border_top.gif');
  background-repeat: no-repeat;
  background-position: 0 bottom;
  float: left;
  clear: both;
}



div#navigation {
  width: 100%;
  padding: 6px 0 12px 0;
  margin: 0 0 12px 0;
  border-bottom: 1px dotted #CCCCCC;
  float: left;
  clear: both;
}



div#news {
  width: 202px;
  padding: 0 6px 24px 6px;
  background-image: url('./../../_layout/_e-shop/sideframe_separator.gif');
  background-repeat: no-repeat;
  background-position: 0 bottom;
  float: left;
  clear: both;
}


div#page {
  width: 990px;
  margin-left: auto;
  margin-right: auto;
}



div#rightFrame {
  width: 214px;
  margin: 0 6px 0 16px;
  background-image: url('./../../_layout/_e-shop/sideframe_border_bottom.gif');
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-color: #EEEEEE;
  float: right;
  clear: none;
}



div#searching {
  width: 202px;
  padding: 0 6px 28px 6px;
  background-image: url('./../../_layout/_e-shop/sideframe_separator.gif');
  background-repeat: no-repeat;
  background-position: 0 bottom;
  float: left;
  clear: both;
}



div#question {
  width: 202px;
  padding: 0 6px 6px 6px;
  float: left;
  clear: both;
}


div#workspace {
  width: 988px;
  padding: 0 1px 12px 1px;
  background-image: url('./../../_layout/_e-shop/workspace_bg.gif');
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  float: left;
  clear: both;
}

/* DIVs / LAYOUT BOXes - END */





/* LINKs- START */

a {
  color: #990000;
}

a:hover {
  color: #CC3300;
  text-decoration: none;
}



a.btn {
  width: 50px;
  height: 19px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  line-height: 19px;
  text-decoration: none;
  text-align: center;
  padding: 0 5px 0 5px;
  margin: 0;
  display: block;
}

a.btn:hover {
  color: #CCCCCC;
}

a.addToCart {
  background-image: url('./../../_layout/_e-shop/button_red_bg.gif');
  background-repeat: repeat-x;
  float: right;
}

a.detail {
  margin-right: 2px;
  background-image: url('./../../_layout/_e-shop/button_green_bg.gif');
  background-repeat: repeat-x;
  float: right;
}



a#logo {
  width: 234px;
  height: 141px;
  margin: 87px 0 0 40px;
  background-image: url('./../../_layout/_e-shop/logo_soundshop.gif');
  background-repeat: no-repeat;
  float: left;
  clear: none;
}



div#cart a {
  font-size: 10px;
  font-weight: bold;
}



div#catalog ul li a {
  width: 186px;
  color: #464545;
  font-weight: bold;
  text-decoration: none;
  padding: 8px;
  display: block;
}

div#catalog ul li ul li a {
  width: 178px;
  font-weight: normal;
  padding: 4px 8px 4px 16px;
  margin: 1px 0 1px 0;
}

div#catalog ul li a:hover {
  color: #CC3300;
}



div#currencies span a {
  padding: 8px;
  text-decoration: none;
  display: block;
}

div#currencies span a:hover {
  background-color: #DDDDDD;
}



div#menu ul li a {
  width: 100%;
  height: 31px;
  text-decoration: none;
  background-position: 0 top;
  background-repeat: no-repeat;
  display: block;
}

div#menu ul li.active a,
div#menu ul li a:hover {
  background-position: 0 bottom;
}

div#menu ul li.i1 a {
  width: 87px;
  background-image: url('./../../_layout/_e-shop/menu_menu_homepage.gif');
}

div#menu ul li.i2 a {
  width: 141px;
  background-image: url('./../../_layout/_e-shop/menu_menu_conditions.gif');
}

div#menu ul li.i3 a {
  width: 95px;
  background-image: url('./../../_layout/_e-shop/menu_menu_reclamation.gif');
}

div#menu ul li.i4 a {
  width: 88px;
  background-image: url('./../../_layout/_e-shop/menu_menu_shiping.gif');
}

div#menu ul li.i5 a {
  width: 76px;
  background-image: url('./../../_layout/_e-shop/menu_menu_faq.gif');
}

div#menu ul li.i6 a {
  width: 139px;
  background-image: url('./../../_layout/_e-shop/menu_menu_shop.gif');
}

div#menu ul li.i7 a {
  width: 77px;
  background-image: url('./../../_layout/_e-shop/menu_menu_contact.gif');
}



div#rightFrame div.itemList ol li a {
  text-decoration: none;
}

/* LINKs - END */





/* LISTs - START */

div#attributes ul,
div#list ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  clear: both;
}



div#attributes ul li,
div#list ul li {
  width: 100%;
  float: left;
  clear: both;
}



div#attributes div.content ol,
div#attributes div.content ul {
  width: auto;
  margin-bottom: 20px;
  float: none;
}

div#attributes div.content ol {
  list-style-type: decimal !important;
  padding-left: 30px;
}

div#attributes div.content ul {
  list-style-type: square !important;
  padding-left: 25px;
}

div#attributes div.content ol li,
div#attributes div.content ul li {
  float: none;
}



div#catalog ul {
  width: 100%;
  list-style-type: none;
  padding: 2px 0 0 0;
  margin: 0;
  float: left;
  clear: both;
}

div#catalog ul li {
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 1px dotted #333333;
  float: left;
  clear: both;
}

div#catalog ul li.last {
  border: 0;
}

div#catalog ul li ul {
  padding: 5px 0 5px 0;
}

div#catalog ul li ul li {
  border: 0;
}



div#menu ul {
  width: 976px;
  height: 68px;
  list-style-type: none;
  padding: 23px 0 0 14px;
  margin: 0;
  background-image: url('./../../_layout/_e-shop/menu_menu_bg.gif');
  background-repeat: no-repeat;
  float: left;
  clear: both;
}

div#menu ul li {
  padding: 0;
  margin: 0 2px 0 0;
  float: left;
  clear: none;
}


div#rightFrame div.itemList ol {
  width: 177px;
  font-size: 10px;
  font-weight: bold;
  padding: 0 0 10px 25px;
  margin: 0;
  float: left;
  clear: both;
}

div#rightFrame div.itemList ol li {
  padding: 10px 0 0 0;
  margin: 0;
  float: left;
  clear: both;
}

/* LISTs - END */





/* TABLEs - START */

table.catalogItemList {
  width: 100%;
  border-style: hidden;
	border-collapse: collapse;
  float: left;
  clear: both;
}

table.catalogItemList td {
  width: 50%;
  vertical-align: top;
  padding: 12px;
  border: 1px solid #CCCCCC;
}

table.catalogItemList td.l {
  padding-left: 0;
}

table.catalogItemList td.r {
  padding-right: 0;
}

table.catalogItemList td.span {
  padding-right: 0;
  padding-left: 0;
}



table.parameters {
  width: 100%;
  float: left;
  clear: both;
  border: 1px solid #d0d0d0;
  border-collapse: collapse;
}

table.parameters th,
table.parameters td {
  width: 50%;
  padding: 5px;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
}

table.parameters th {
  font-weight: bold;
  text-align: left;
  background: #f6f6f6;
}

table.parameters td {
  text-align: right;
}

/* TABLEs - END */





/* FORMs - START */

form {
  width: 100%;
  margin: 0;
  padding: 0;
}



form#fSearching {
  margin: 12px 0 6px 0;
  float: left;
  clear: both;
}



form#fQuestion {
  margin: 12px 0 6px 0;
  float: left;
  clear: both;
}

/* FORMs - END */





/* LABELs - START */

label {
  color: #333333;
  font-weight: bold;
}




form#fQuestion label {
  margin: 2px 5px 0 3px;
}

/* LABELs - END */





/* INPUTs - START */

input {
  color: #666666;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  padding: 2px 1px 0 1px;
}

input[type=submit] {
  width: 60px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 0 3px 0;
  margin: 0;
  background-image: url('./../../_layout/_e-shop/button_red_bg.gif');
  background-repeat: repeat-x;
  border: 0;
  cursor: pointer;
}

input[type=submit]:hover {
  color: #CCCCCC;
}



form#fSearching input[type=text] {
  width: 124px;
  margin: 0 12px 0 0;
  float: left;
  clear: both;
}



form#fQuestion input[type=text] {
  width: 146px;
  margin: 0;
}

/* INPUTs - END */





/* SELECTs - START */

select {
  color: #666666;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
}

/* SELECTs - END */





/* TEXTAREAs - START */

textarea {
  color: #666666;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  padding: 2px 1px 1px 1px;
  margin: 0;
}



form#fQuestion textarea {
  width: 196px;
  margin-bottom: 10px;
}

/* TEXTAREAs - END */





/* SPANs - START */

div#attributes div#data p span.commonPrice {
  color: #663300;
  font-weight: bold;
  text-decoration: line-through;
}

div#attributes div#data p span.price {
  color: #669900;
  font-weight: bold;
}

div#attributes div#data p span.title {
  width: 100px;
  font-weight: bold;
  text-align: left;
  display: block;
  float: left;
  clear: none;
}



div#currencies span {
  width: 101px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  display: block;
  float: left;
  clear: none;
}


a#logo span {
  display: none;
}



div#menu ul li a span {
  display: none;
}



div#navigation span.search {
   font-style: italic;
}

/* SPANs - END */





/* PARAGRAPHs - START */

p {
  padding: 0;
  margin: 0 0 15px 0;
}



p.hidden {
  display: none;
}



div#attributes div#data p {
  width: 238px;
  text-align: right;
  padding: 5px 10px 5px 10px;
  margin-bottom: 1px;
  background-color: #EEEEEE;
  float: left;
  clear: both;
}



div#cart p {
  padding-right: 6px;
  padding-left: 6px;
  margin-top: 10px;
  margin-bottom: 0;
}



form#fSearching p {
  margin: 0;
  float: left;
  clear: none;
}



form#fQuestion p {
  margin-bottom: 3px;
}

form#fQuestion p.buttons {
  margin-bottom: 0;
}

/* PARAGRAPHs - END */





/* IMAGEs - START */

img {
  border: 0;
}



img.icon {
  margin: 0 5px 0 0;
  vertical-align: middle;
}



table.catalogItemList td div.thumb img {
  vertical-align: middle;
}

/* IMAGEs - END */

