:focus {outline: 0;}
body {background: #fdfdfd url(../pix/site_bg.png) 50% 0 repeat-y; color: #1A1A1A; text-align: center; margin: 0;}
h1, h2, h3 {color: #27a8df;}
h1 {font-size: 16px; font-family: arial, verdana, sans-serif;}
h2 {font-size: 14px; font-family: arial, verdana, sans-serif;}
h3 {font-size: 12px; font-family: arial, verdana, sans-serif;}
img {border: 0;}
a {color: #545e85}

/* text styling */

.bold {font-weight: bold;}
.normal {font-weight: normal;}

/* main positioning of content */

#container {width: 1006px; margin: 0 auto 0 auto; text-align: left;}
#header {width: 978px; height: 81px; margin: 14px;}
#content {margin: 0 14px; font-family: arial, verdana, sans-serif; font-size: 12px;}
#leftColumn {float: left; width: 200px; }
#rightColumn {float: right; width: 200px; }
#middleColumn {margin: 0 200px}
#mainContent {width: 550px; margin: 0 auto;}

/* generic styling */

.section {margin-bottom: 20px; }
.section a {text-decoration: none; color: #1A1A1A;}
.section a:hover {text-decoration: underline;}
.sectionTitle {border-bottom: 1px dotted #4d4d4d; padding-bottom: 5px; margin: 0 0 5px 0;}
.sectionItem {border-bottom: 1px dotted #cccccc; padding: 3px 0 8px 0; margin-bottom: 5px;}
.banner {margin-bottom: 14px;}
#mainContent .section {float: left; width: 100%;}

/* splash styling */

.splash {margin-top: 10px;}
.splashItems {list-style: none; padding: 0; margin: 0;}
.splashItem {float: left; width: 110px; height: 135px; overflow: hidden; margin: 0 0 5px 0; text-align: center;}
.thumb {}
.thumb img {padding: 2px; border: 1px solid #aaa;}

/* top list styling */

ol.list {padding-left: 25px;}
ol.list li {font-weight: bold; margin-bottom: 5px;}
.splashIcon {margin-right: 7px; position:relative; top: 2px;}

/* track list styling (detailed list & collection) */
.trackList {width: 550px;}
.trackList th {background-color: #f2f2f2; margin: 0; padding: 7px 5px; text-align:left;}
.trackList td {margin: 0; padding: 3px 5px;}

/* other */

#categoryDropdown {width: 200px;}
.basket_small {float: left; margin-right: 5px;}


/* collection display */
.productInfoContainer {margin: 10px 0; height: 108px;}
.productInfo { margin-left: 125px;}
.productInfo h3 {margin: 0 0 3px 0; color: #1A1A1A; font-size: 14px;}
.productInfo span {display: block; font-size: 11px;}
.bigThumb {padding: 2px; border: 1px solid #aaa;}
.bigThumb {float: left;}
.productPurchase {float: right; margin-top: 60px; text-align: right;}
.productPurchase .buyButton {margin-top: 5px; float:right;}
.productPurchase .previewButton {float: right; margin-top: 5px; margin-right: 10px;}
.showMoreButton {text-align: right; font-weight: bold;text-transform:lowercase;}

/* checkout */
.licenseWarning {color: #ff0000; font-style: italic; margin-top: 10px; margin-bottom: 10px;}
.totalPriceEmptyAll {padding-top: 6px; margin-bottom:50px; border-top: 1px dotted #bbb;}
.totalPrice {float: right; font-weight: bold; margin-top: 5px; margin-right: 10px;}
.emptyAll {float: right; margin-right: 4px;}
.payment_info {margin-top: 15px;}
.payLink {float: right; margin-top: 42px;}
.conditionContainer {padding-top: 10px;}
.conditionContainer .checkbox {margin-left: 0px;}

/* Searchbox */
.searchField {width: 129px; padding: 5px 6px 7px 6px; background: #fff url(../pix/searchField.png) 0 0 no-repeat; border: 0;}
.searchType {width: 140px;}
.searchSubmit {margin: 0 0 0 12px; position: relative; top: 7px;}

/* Search result */
.summarylists {font-size: 10px;}
.summarylists #artistlist {float: left; width: 250px;}
.summarylists #albumlist {float: right; width: 250px;}
.summarylists .header {color: #27a8df; font-weight: bold;}
.summarylists .artist {color: #808080;}
#searchResultTable {margin-top: 20px;}
#searchResultTable .title {font-weight: bold;}
#searchResultTable .duration {text-align: right;}
#searchResultTable .price {text-align: right; font-weight: bold;}
#searchResultTable th a.sortDesc { background: transparent url('../pix/sort_desc.gif') no-repeat right 5px; padding-right:15px; }
#searchResultTable th a.sortAsc { background: transparent url('../pix/sort_asc.gif') no-repeat right 5px; padding-right:15px; }
#track_marker {background-color: #f2f2f2; padding-bottom: 30px; padding-top: 30px; text-align: center; width: 550px;}

/* Searchfield autocomplete */
.sf_suggestion {position: relative; font-size: 12px; background-color: #fff; z-index: 1000;}
.sf_suggestion ul {position: absolute; z-index: 2000; margin: 0; padding: 0; background-color: #fff; top: -3px; left: 1px; border: 1px solid #1A1A1A; width: 205px;}
.sf_suggestion li {margin: 0; padding: 0; list-style: none;}
.sf_suggestion li a {display: block; text-indent: 5px; color: #1A1A1A; left: 0px; top: 0px;}
.sf_suggestion li a span.prefix {display: inline; font-weight: bold;}
.sf_suggestion li a:hover {text-decoration: none;}
.sf_suggestion li.selected a {background: #ccc;}