body {margin:0; padding:0; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
img {border:0px;}
div {position:relative; text-align:left; }

.fcadspace{ margin-bottom: 2px;}

.pageArea { width:1000px; }

.header {height:31px; color: rgb(0,102,158); background: url("../../media/hot/design/headerBg.png") repeat-x; margin: 1px 0 5px 0; }
.header .headerCenter { width: 1000px; text-align:left;  }
.header a {color: rgb(0,102,158); font-size:11px; text-decoration:none;}
.header .headerLinks { float:left; padding:9px 0 4px 0px; width:260px;  margin-left:100px;}
.header a.headerLink { background:url("../../media/hot/design/headerDot.gif") no-repeat; min-width:40px; padding: 0 15px 0 15px; display:block; float:left; }
.header .headerSearch { float:left; padding:9px 0px 4px 2px; margin-left:100px;}
.header .headerSearch input {padding:0; font-size:9px; height:12px; width:80px; position:relative; top:-7px; margin: 0 3px 0 4px;}
.header .netiSearchButton {position:relative; top:-3px; cursor:pointer; }
.header .logoElion {margin: 0 0 0 16px; float:left; display:inline-block;}


.left { float:left; width:168px; min-height:600px; padding:0 6px 0 8px; clear:both;}
.main { float:left; width:600px; min-height:600px; padding: 15px 0 0 0;}
.right {float:left; width: 160px; min-height:600px; margin: 14px 0 10px 6px; }
.footer { text-align:center; clear:both; padding: 6px; clear:both; color: rgb(0,102,158); height:33px; background: url("../../media/hot/design/footerBg.png") repeat-x; margin: 5px 0 0 0; }
.footer a {color: rgb(0,102,158); font-size:10px; text-decoration:none; }


.frontLeft { width:394px; margin-right: 5px; float:left; }
.frontRight { width:199px; float:left;}

.frontHead {height:200px; width:600px; overflow:hidden; margin: 0 0 6px 0;}

.newAlbums { margin: 0 0 6px 0; background: url("../../media/hot/design/newAlbumsMiddle.png") repeat-y;}
.newAlbumsContents { background: url("../../media/hot/design/newAlbums.jpg") no-repeat; min-height:200px; padding: 50px 10px 0 10px; }
.newAlbumsFoot { background: url("../../media/hot/design/newAlbumsBot.png") no-repeat; height:8px;}
.newAlbum {width: 180px; float:left; }
.newAlbum a {text-decoration:none; font-size:10px;  }
.newAlbum b {color: rgb(10,101,146); }

.newSingles { margin: 0 0 6px 0; overflow:hidden; width:auto; background: url("../../media/hot/design/newSinglesMiddle.png") repeat-y;}
.newSinglesContents { background: url("../../media/hot/design/newSingles.jpg") no-repeat; overflow:hidden; width:auto;  min-height:200px; padding: 50px 10px 0 10px;}
.newSinglesFoot { background: url("../../media/hot/design/newSinglesBot.png") no-repeat; height:8px; }
.newSingle {width: 180px; float:left; }
.newSingle a {text-decoration:none; font-size:10px; }
.newSingle b {color: rgb(43,116,43); text-decoration:none; }

.topAlbums {}
.topAlbumsHead { background: url("../../media/hot/design/topHead.png") no-repeat; height: 23px; padding: 12px 0 0 37px; color:white; font-weight:bold; font-size:11px; text-transform:uppercase;}
.topAlbumsEven {background-color:rgb(255,253,243); min-height:27px; padding: 5px 10px 3px 10px; font-size:10px;}
.topAlbumsOdd {background-color:rgb(251,244,216); min-height:27px; padding: 5px 10px 3px 10px; font-size:10px;}




.logo {margin:7px 0px 11px 7px;}

.login { background: url("../../media/hot/design/login.png") no-repeat; width:169px; height:31px; cursor:pointer; margin: 0 0 6px 0;}

.loggedIn { background: url("../../media/hot/design/loggedInMiddle.png") repeat-y; margin:0 0 6px 0;}
.loggedInHead { background: url("../../media/hot/design/loggedInTop.png") no-repeat; padding: 15px 8px 0 8px;}
.loggedInFoot { background: url("../../media/hot/design/loggedInBot.png") no-repeat; height: 9px; }

.shoppingCart { height:94px; width:159px; padding: 6px 0 0 9px; background: url("../../media/hot/design/leftCart.jpg") no-repeat; margin-bottom:6px; }
.cartTitle { color:rgb(71,105,7); display:block; font-size:11px; font-weight:bold; margin: 0 0 9px 25px;}
.cartBox { height: 11px; width: 56px; padding: 3px; margin: 0 0 3px 0; background-color: #FFF; float:left; border: 1px solid rgb(109,154,129); border-right: 1px solid rgb(148,191,172); border-bottom: 0px; color:rgb(234,55,6); font-weight:bold;}
.cartText { color:white; float:left; height:11px; padding:4px; width:70px;}
.cartPayButton {float:right; text-align: right; background: url("../../media/hot/design/button.gif") no-repeat right; padding:0 20px 0 0; margin:7px 15px 0 0;width:100px; color:white; font-weight:bold; cursor:pointer; font-size:10px;}

.styleHeader {height:22px; margin-bottom:15px; background: url("../../media/hot/design/styleHeader.png") no-repeat; }
.styleSelection {padding: 0 0 15px 0; background: url("../../media/hot/design/styleBg.png") repeat-x bottom; }
.styleTitle {cursor:pointer; height:16px; margin: 0 0 0 16px; padding: 2px 0 0 15px; display:block; background: url("../../media/hot/design/styleButton.gif") no-repeat left center; color:#FFF; font-size:11px; text-decoration:none;}
.styleTitle:hover { text-decoration:underline;}
.styleTitleSelected { font-weight:Bold;}

.search { margin:0 0 6px 0; padding: 10px 0 0 9px; height:102px; background: url("../../media/hot/design/searchBg.jpg") no-repeat;  }
.searchTitle {display:block; color:#FFFFFF; font-size:11px; font-weight:bold; margin: 0 0 13px 19px;}
.searchSelect { font-size:11px;  width:131px; height:17px; margin:0 0 4px 0; border: 1px solid rgb(20,97,147) }
.searchInput { float:left; display:block; width:104px; height:15px; border: 1px solid rgb(20,97,147); margin-right:3px; }
.searchButton { float:left; background: url("../../media/hot/design/searchButton.gif") no-repeat; width:19px; height:19px; cursor:pointer; margin: 0 29px 0 0;}


.headContainer { background: url("../../media/hot/design/mainContainerBg.png") repeat-y; }
.headContainerContents { line-height:1.5; min-height:78px; background: url("../../media/hot/design/mainContainerBgHead.jpg") no-repeat; padding: 20px 2px 0 1px;}
.headContainerFoot { height:10px; background: url("../../media/hot/design/mainContainerBgBot.png") no-repeat; }
.headContainerTitle { color:#FFF; height:16px; font-weight:bold; padding: 3px 0 0 20px; background: url("../../media/hot/design/mainContainerTitle.png") repeat-x; }
.headContainerSpacer {height:15px;}
.headContainerText { padding: 0 15px 0 15px;}

.headContainerShoppingCart { background: url("../../media/hot/design/shoppingCartBg.jpg") no-repeat;}



h1 {color:rgb(28,115,156); font-size:18px; display:block; margin: 0px 0 7px 20px; font-weight:normal;}
h2 {color:rgb(28,115,156); display:block; font-weight:bold; font-size:12px;}

.pageNumber {float:left; padding: 2px 4px 2px 4px; }
.pageNumber a { color:rgb(28,115,156); text-decoration:none; font-weight:bold; font-size:12px;}
.pageNumber a.selected { font-weight:normal}

.title {color:rgb(10,101,146); font-weight:bold; text-decoration:none;}
.text {color:rgb(85,85,85); text-decoration:none;}
.redText { color:rgb(234,55,6); }
.whiteText {color:#FFF; text-decoration:none;}
.orangeText { color: rgb(255,106,16); text-decoration:none;}


.imageBorder {border: 1px solid rgb(88,169,207); float:left; margin: 10px 25px 30px 15px; }
.imageBorder img {border:1px solid #FFF; }

.imageBorder2 {border: 1px solid rgb(88,169,207); float:left; margin: 3px 6px 3px 3px; }
.imageBorder2 img {border:1px solid #FFF; }


.buyButton { background: url("../../media/hot/design/order.gif") no-repeat; width:36px; height:18px; display:block; border:0px;}
.buyAlbumButton { background: url("../../media/hot/design/orderAlbum.gif") no-repeat; width:85px; height:22px; display:inline-block;; border:0px; margin: 10px 0px 5px 0;}
.removeButton {background: url("../../media/hot/design/removeButton.gif") no-repeat; width:74px; height:18px; display:block; border:0px;}
.payButton { float:right; display:block; background: url("../../media/hot/design/payButton.png") no-repeat; margin: 12px 4px 5px 0; width:75px; height:33px; color:white; text-align: center; font-weight:bold; font-size:10px; text-transform:uppercase; padding: 1px 20px 3px 8px; text-decoration:none; }
.downloadButton { background: url("../../media/hot/design/downloadButton.gif") no-repeat; width:56px; height:18px; display:block; border:0px; float:left; margin-right:2px;}
.infoButton { background: url("../../media/hot/design/infoButton.gif") no-repeat; width:36px; height:18px; display:block; border:0px; float:left;}

.player { position:static; width:17px; height:18px; background: url("../../media/hot/design/player.gif") no-repeat; cursor:pointer;}
.player div {position:static; width:17px; height:18px; }

.itemsTable {margin:0 12px 0 12px; width:572px; clear:both;}
.itemsTable tr.head {background: url("../../media/hot/design/mainContainerTitle.png") repeat-x;}
.itemsTable tr.head td { color:#FFF; font-weight:bold;  font-size:10px; text-transform:uppercase; height:12px; padding: 2px 4px 2px 4px;}
.itemsTable tr.even { background-color:white;}
.itemsTable tr.odd { background-color:rgb(238,245,250)}
.itemsTable td { font-size:10px; height:24px; text-align: center; padding: 3px 5px 3px 5px;}
.itemsTable td.name {text-align: left;}
.itemsTable tr.foot { background-color:rgb(63,151,191); height:28px;}
.itemsTable tr.foot td {color:#FFF; font-weight:bold; font-size:11px; }
.itemsTable tr.foot td.price {background-color:rgb(255,163,2) }

.white { color:white}
.black { color:black}
.red { color:rgb(170,0,0)}

.s10 {font-size:10px;}
.s11 {font-size:11px;}
.s12 {font-size:12px;}

.b {font-weight:bold;}

.st { text-decoration:line-through; }