
/* For contact page */
table.contact { border: solid 1px #bbb; border-collapse: collapse; }
table.contact td { border: solid 1px #bbb; }
table.contact th { border: solid 1px #bbb; }
table.contact h1 { margin-top: 5px; margin-bottom: 3px; }
table.contact td.heading { background: #f5f5f5; }

div#background {
  min-height: 110%;
  background: #000;
}

div#container {
  min-height: 1000px;
  background: #fff;
  width: 1060px;
}

#preview, #largePreview, #MusixMobile, div.stockLocation, #stockDisplay {
  position: absolute;
  border: #ccc solid 1px; 
  background: #fff; 
  padding: 5px; 
  display: none; 
  color: #000;
}

#stockDisplay {
  font-weight: bold; 
}

div.stockLocation {
  width: 172px;
  font-size: 12px;
  padding: 10px;
}

div.stockLocation div {
  padding: 3px 0 0 5px;
}

div.stockLocation a {
  color: #0000aa;
  text-decoration: underline;
}

img.stockLocationClose {
  cursor: pointer;
}

#banner, #bannerBottom{
  text-align: center;
}

#banner img {
  margin: 20px 0 5px;
}

#bannerBottom img {
  margin: 40px 0 5px;
  padding: 0 5px 10px;
  border: solid 1px #ccc;
}

div.hotLink {
  float: left;
  padding: 2px 3px;
  text-align: center;
}

div.hotLinkSmall {
  height: 48px;
}

p.topSeller {
  color: #6a6a6a;
  font-weight: bold;
  font-size: 11px;
  margin: 3px 0 6px;
}

p.topSeller span.topPrice {
  color: #000;
}

p.smallImage {
  width: 40px;
  height: 40px;
  padding: 1px 0;
  line-height: 40px;
  background: #fff; 
}

p.smallImage img {
  vertical-align: middle;
}

@font-face {
  font-family: 'Franchise';
  src: local('xyz'), url('fonts/Franchise-Bold-hinted.ttf') format('truetype');
}

.productHeading {
  background: url(images/infobox/top-bar-c.gif) top left repeat-x;
  color: #f0f0f0; 
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 21px;
  padding: 1px 10px 0 10px; 
}

.boxText { font-family: Arial, sans-serif; font-size: 10px; padding: 0 3px 2px;}
.errorBox { font-family : Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

.autocomplete-w1 { background:url(images/search-shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; font: 11px/15px Arial, sans-serif; font-weight: bold; background:#FFF; cursor:default; text-align:left; max-height:250px; overflow:auto;
 margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:250px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { color:#1075dc; }
.autocomplete i { font-style: normal; color:#dc5308; }
.autocomplete u { text-decoration: none; color:#4aa64a; } 

span.stockLocations a { color: #0000aa; text-decoration: underline; }
span.blue { color: #0000aa; }
span.green { color: #008800; }
span.orange { color: #dc5308; }
span.red { color: #e81f1f; }
option.grey { color: #666; }

span.large { font-size: 13px; font-weight: bold; }

span.stockLocations { 
  background: url(images/double-green-arrow.png) no-repeat 18px 4px;
  padding-left: 30px;
}

/*originally used: #cd3434 and star-10px.png*/
/*gray version: #707070 and star-10px_gr.png*/
SPAN.category-highlight { 
  background: url(images/star-10px_gr.png) no-repeat 0px 2px;
  padding-left: 12px;
  color: #707070;
}

html {
  height: 100%;
}

BODY {
  height: 100%;
  background: #ffffff;
  color: #000000;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

a.cartlink {
  color: #ffffff;
  font-weight: bold;
}

FORM {
	display: inline;
}

span.telnr {
  font-size: 16px;
  font-weight: bold;
}

span.infospan, span.telinfomore {
  padding: 1px 0 2px 20px;
  font-size: 12px;
  font-weight: bold;
  color: #0000aa;
}

div.musixplus {
  padding: 0 0 0 28px;
  line-height: 22px;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
  color: #000;
  cursor: default;
}

span.telinfo {
  background: url("images/telephone.gif") no-repeat 0 0;
}
span.telinfoSmall {
  background: url("images/telephone12.gif") no-repeat 1px 2px;
}
span.facebook {
  background: url("images/facebook-16.png") no-repeat 0 0;
}
div#free-delivery {
  background: url("images/delivery-24.png") no-repeat 0 0;
}
div#free-delivery:hover {
  background: url("images/delivery-24-color.png") no-repeat 0 0;
  color: #0000aa;
}
div#product-line {
  background: url("images/black_add-24.png") no-repeat 0 0;
}
div#product-line:hover {
  background: url("images/black_add-24-color.png") no-repeat 0 0;
  color: #0000aa;
}
div#fast-delivery {
  background: url("images/clock-24.png") no-repeat 0 0;
}
div#fast-delivery:hover {
  background: url("images/clock-24-color.png") no-repeat 0 0;
  color: #0000aa;
}
div#advises {
  background: url("images/telephone_black-24.png") no-repeat 0 0;
}
div#advises:hover {
  background: url("images/telephone_black-24-color.png") no-repeat 0 0;
  color: #0000aa;
}

div.telinfo {
  margin-top: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #0000aa;
}

span.infotelfr {
  background: url("includes/languages/french/images/icon-16.gif") no-repeat 0 1px;
  padding-left: 17px;
  margin-right: 15px;
  margin-top: 3px;
}

span.infotelit {
  background: url("includes/languages/italian/images/icon-16.gif") no-repeat 0 1px;
  padding-left: 17px;
  margin-top: 3px;
}

div.icontelfr, span.icontelfr {
  background: url("includes/languages/french/images/icon-16.gif") no-repeat 0 3px;
  padding-left: 20px;
}

div.icontelit, span.icontelit {
  background: url("includes/languages/italian/images/icon-16.gif") no-repeat 0 3px;
  padding-left: 20px;
}

div.opening {
  padding-left: 3px;
  padding-top: 4px;
  font-size: 10px;
}

TR.header {
  background: #b6b7cb;
}

TR.headerNavigation {
  background: #bbc3d3;
}

td.billWarning {
  font-size: 14px;
  color: #363495;
}

td.billWarningred {
  font-size: 14px;
  color: #aa0000;
}

TD {
 font-size: 11px;
}

TD.headerNavigation {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: url(images/infobox/top-bar-c.gif) left top repeat-x; 
  color: #ffffff;
  border-top: solid 1px #7b7c95; 
  border-bottom: solid 1px #b6b7cb;
  padding: 1px 3px;
  font-weight : bold;
  line-height: 20px;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

td.inCart {
  background: url("images/Check-12.png") no-repeat left center;
  padding-left: 15px;
  font-size: 10px;
  color: #363495;
}

table.infoBox {
  width: 100%;
}

.infoBox {
  /* background: #b6b7cb; */
  background: #ccc;
}

.infoBoxContents, .infoBoxContentsHeader, .infoBoxContentsNew {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.infoBoxContentsNew {
  background: url(images/infobox/top-box-border.gif) left top repeat-x #f8f8f9; 
}

.infoBoxContentsHeader {
  font-weight: bold;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 20px;
  /* font-weight: bold; */
  background: url(images/infobox/top-bar.gif) top left repeat-x;
  color: #fff;
  vertical-align: top;
}

TD.infoBoxHeading-grey-2 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 20px;
  /* font-weight: bold; */
  background: url(images/infobox/top-bar-grey-2.gif) top left repeat-x;
  color: #fff;
  vertical-align: top;
}

TD.infoBoxCart {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 20px;
  /* font-weight: bold; */
  background: url(images/infobox/top-bar-blue-2.gif) top left repeat-x;
  color: #fff;
  vertical-align: top;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f4f4f4;
}

tr.productListing-pid {
  background: #faf0c8;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #ccc;
  border-spacing: 1px;
}

TD.productListing-heading {
  background: url(images/infobox/top-bar-c.gif) left top repeat-x;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 20px;
  vertical-align: top;
  padding-bottom: 0;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 11px;
  padding: 2px 2px;
}

td.productListing-img {
  height: 40px;
  width: 40px;
  margin: 1px;
  border: solid 1px #ccc;
  vertical-align: middle;
  background: #fff;
}

td.productListing-stock {
  padding: 11px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #6a6a6a;
}

span.heading, H1 {
  display: inline;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #6a6a6a;
}

span.fees {
  font-size: 12px;
  font-weight: bold;
  color: #ee0000;
}

img.imgRanking {
  border: 0;
  vertical-align: bottom;
  margin-left: 5px;
}

span.rank {
  font-weight: bold;
}

H2 {
  font-family: Arial, sans-serif;
  font-size: 13px;
  margin: 5px 0;
  font-weight: bold;
  color: #d1520c;
}

H3 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 5px 0;
  font-weight: bold;
  color: #707070;
}

SPAN.subCatLink, td.discountCode {
  font-family: Arial, sans-serif;
  font-size: 13px;
  margin: 5px 0;
  font-weight: bold;
  color: #d1520c;
}

UL.subCatLink { margin: 5px 0; }

LI.subCatLink {
  background: url(images/blue-arrow.png) no-repeat 0 4px;
  padding-left: 12px;
  list-style: none outside;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

div.productDescription {
  margin-top: 10px;
}

TD.main, P.main {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TD.categoryName {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

a.categoryName {
  width: 160px;
  padding-top: 4px;
  margin-bottom: 4px;
  background: #f8f8f9 url(images/infobox/top-bar-cat2.gif) repeat-x;
  border: solid 1px #ccc;
  -moz-border-radius: 0 0 6px 6px; 
  color: #fff;
  font-family: Arial;
  font-weight: bold;
  display: block;
}

a.categoryNameSmall {
  height: 67px;
}
a.categoryNameSmall p {
  width: 60px;
}

a.categoryNameMedium {
  height: 105px;
}
a.categoryNameMedium p {
  width: 100px;
  height: 80px;
}

.subCatImg {
  margin: 6px 4px;
}

a.categoryName:hover {
  text-decoration: none;
  background: #f8f8f9 url(images/infobox/top-bar-blue-2.gif) repeat-x;
  border: solid 1px #343294;
  color: #fff;
}

td.categoryName p {
  margin: 6px 0;
  background: #fff;
  padding: 2px 0;
}

TD.accountCategory {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #cd3434;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

input[type=text], input[type=password], select {
  border: 1px solid #ccc;
  padding: 2px 0 2px 1px;
}

select {
  padding: 1px 0 1px 0;
  background: #f8f8f9;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

td.inputFieldDescription {
  width: 175px;
}

td.inputField {
  width: 190px;
}

td.inputField select {
  width: 180px;
}

td.inputField input {
  width: 180px;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #343294;
}

SPAN.errorText {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { background-color: #fefefe; }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
/* .moduleRowSelected { background-color: #E9F4FC; } */
.moduleRowSelected { background-color: #fefefe; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, sans-serif; font-size: 10px; color: #ff0000; }

.messageStack {
  margin: 5px;
  font-size: 11px;
  color: #CD3434;
  background-color: #FFFCF5;
  border: 1px dotted #CD3434;
}

td.coheading {
  margin:3px 0 3px 0;
  background: #f5f5f5; 
}

td.coheading h2 {
  color: #6a6a6a;
  font-size:16px;
}

td.coname {
  margin:3px 0 3px 3px;
  vertical-align:top;
  font-weight:bold;
}

td.cofield {
  margin:3px 0 3px 3px;
  vertical-align:top;
  margin-bottom:5px;
}

td.cofield p {
  margin-top:0px;
  margin-bottom:2px;
}

td.coemail {
  margin:3px 0 3px 3px;
  vertical-align:top;
}

/* Advent Calendar */
div#advCalBox {
  position: absolute;
  width: 800px;
  height: 600px;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -400px; 
  /*top: 80px;
  left: 130px;*/
  display: block;
  visibility: hidden;
}

