* {
margin: 0;
padding: 0;
}
html {
background-color: #252525;
background: url("../systemimages/bg.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
html,
body {
height: 100%;
}
body {
color: #676767;
font: 12px/1.2 helvetica, arial, sans-serif;
}
a {
outline: none;
text-decoration: none;
}
#dynamic .content a {
color: #787878;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
#wrapper {
width: 100%;
position: relative;
height: 100%;
}
input[type=button] {
font-size: .9em !important;
}
#contentWrapper {
width: 1007px;
background: url("../systemimages/contentBg.png") repeat-y;
margin: 0 auto;
padding: 0px;
min-height: 100%;
}
#header {
width: 936px;
margin: 0 0 0 36px;
}
#header h1 {
padding: 33px 0 0 0;
width: 239px;
float: left;
}
#header h1 a {
width: 239px;
height: 57px;
display: block;
text-indent: -9999px;
background: url("../systemimages/logo.png") no-repeat;
}
h3 {
color: #c6c6c6;
}
#menuTop {
float: left;
margin: 52px 0 0 20px;
}
#menuTop ul {
list-style: none;
}
#menuTop ul li:first-child {
margin: 0;
}
#menuTop ul li {
float: left;
margin: 0 0 0 16px;
}
#login {
height: 27px;
width: 243px;
background: url("../systemimages/loginNavBg.png") no-repeat;
}
#login a,
#menuTop ul li a,
#searchBox a {
color: #939393;
text-decoration: none;
}
#login a:hover,
#menuTop ul li a:hover,
#searchBox a:hover {
color: #fbf7f7;
}
#login ul {
list-style: none;
}
#login table {
height: 27px;
width: 243px;
text-align: center;
}
#tierTwo {
float: left;
margin: 10px 0 0 -5px;
}
#content {
margin: 4px 0 0 36px;
position: relative;
color: #787878;
}
#searchBox {
background: url("../systemimages/searchBoxBg.png") no-repeat;
height: 90px;
width: 236px;
margin: 0 0 0 -6px;
padding: 13px 7px 0;
}
#searchBox form select {
height: 22px;
margin: 0 5px;
opacity: 0;
position: relative;
width: 69px;
z-index: 5;
}
#searchBox .dropdown {
background: url("../systemimages/searchBoxDropdown.png") no-repeat;
height: 22px;
margin: 0 0 0 6px;
overflow: hidden;
padding: 4px 0 0 6px;
position: absolute;
width: 63px;
}
.sortBySelect {
height: 22px;
width: 118px;
position: relative;
z-index: 5;
opacity: 0;
}
.sortBy {
background: url("../systemimages/sortBy.png") no-repeat;
height: 14px;
overflow: hidden;
padding: 4px;
position: absolute;
width: 110px;
}
#searchBox img {
margin: 0 5px 5px;
}
input[type=text] {
font-size: 1.0em !important;
}
#searchBox form input[type=text] {
height: 22px;
width: 130px;
background: url("../systemimages/searchBoxField.png") no-repeat;
border: none;
color: #939393;
padding: 0 6px;
margin: 0 0 0 5px;
}
#searchBox form input[type="submit"] {
height: 23px;
width: 117px;
background: url("../systemimages/searchBoxButton.png") no-repeat;
border: none;
margin: 6px 5px 0;
font-size: .9em;
color: #939393;
padding: 0 20px 2px 0;
}
#searchBox form input[type="submit"]:hover {
color: #be1e2d;
}
#searchBox form a {
margin: 11px 0 0 5px;
}
#playerBox {
background: url("/systemimages/playerBoxBg.png") no-repeat;
width: 401px;
height: 90px;
margin: 0 0 0 10px;
padding: 13px 12px 0;
}
#playerBox .pleaselogin {
font-size: 200%;
color: #be1e2d;
text-align: center;
padding: 1em;
font-weight: bold;
}
#playerBox table,
#playerBox table tbody,
#playerBox table tr,
#playerBox table tr td {
margin: 0;
padding: 0;
}
#playerBox .playerTop {
height: 12px;
}
#playerBox .playerMid {
height: 42px;
}
#playerBox .playerBot {
height: 19px;
}
#playerBox img {
margin: 0 6px 0 0;
}
#playerBox table {
width: 317px;
border-collapse: collapse;
}
#playerBox .nowPlaying,
#playerBox .cost {
font-size: 10px;
line-height: 0px;
margin: 4px 0 0 0;
}
#playerBox .nowPlaying {
margin-left: 5px;
margin-top: 0px;
padding: 4px 0 0 0;
}
#playerBox .cost {
margin-right: 8px;
color: #fff;
}
#playerBox .addToCrate {
background: url("../systemimages/playerBoxAdd.png") no-repeat;
height: 9px;
width: 93px;
display: block;
margin: 0 5px 0 0;
}
#playerBox .addToCrate a {
height: 9px;
width: 93px;
display: block;
}
#playerBox .playerScreen {
height: 42px;
width: 317px;
background: url("../systemimages/playerBoxWindow.png") no-repeat;
display: block;
position: relative;
margin: 3px 0 0;
}
#playerBox .playerScreen .title {
color: #FFFFFF;
float: left;
margin: 18px 0 0 42px;
}
#playerBox .controls {
list-style: none;
margin: 3px 0 0 4px;
position: relative;
}
#playerBox .jp-duration {
position: absolute;
right: 15px;
}
#playerBox .jp-current-time {
position: absolute;
right: 11px;
top: 1px;
}
#playerBox .controls li {
float: left;
margin: 0 4px 0 0;
}
#playerBox .controls button {
text-indent: -9999px;
height: 19px;
width: 39px;
border: none;
}
#playerBox .controls .rewind button {
background: url("../systemimages/playerBoxRewind.png");
}
#playerBox .controls .play button {
background: url("../systemimages/playerBoxPlay.png");
}
#playerBox .controls .pause button {
background: url("../systemimages/playerBoxPause.png");
}
#playerBox .controls .forward button {
background: url("../systemimages/playerBoxForward.png");
}
#playerBox .controls .stop button {
background: url("../systemimages/playerBoxStop.png");
}
#playerBox .controls .volume {
height: 17px;
width: 64px;
background: url("../systemimages/playerBoxVolume.png") no-repeat;
margin: 0 0 0 8px;
cursor: pointer;
}
#playerBox .controls .volume .volumeLevel {
display: block;
height: 14px;
margin: 2px 0 0 2px;
width: 40px;
background: url("../systemimages/playerBoxVolLevel.png") repeat-x;
}
#playerBox .controls .icon {
background: url("../systemimages/playerBoxIcon.png") no-repeat;
height: 14px;
width: 17px;
margin: 1px 0 0 5px;
cursor: pointer;
}
#playerBox .controls .iconoff {
background: url("../systemimages/playerBoxIconOff.png") no-repeat;
height: 14px;
width: 17px;
margin: 1px 0 0 5px;
cursor: pointer;
}
#playerBox .controls .rewind button,
#playerBox .controls .pause button,
#playerBox .controls .play button,
#playerBox .controls .stop button,
#playerBox .controls .forward button {
cursor: pointer;
}
#djCrate {
background: url("../systemimages/djCrateBg.png") no-repeat;
height: 64px;
margin: 0 0 0 10px;
padding: 40px 0 0;
width: 250px;
}
#djCrate form {
margin: 0 0 0 15px;
}
#djCrate form .items {
margin: 0 9px 0 0;
}
#djCrate form .total {
margin: 0 9px 0 0;
}
#djCrate form .quantity {
background: url("../systemimages/djCrateQuant.png") no-repeat;
height: 22px;
width: 33px;
border: none;
color: #be1e2d;
margin: 0 6px 0 0;
width: 33px;
padding: 0 0 0 6px;
}
#djCrate form .price {
background: url("../systemimages/djCratePrice.png") no-repeat;
height: 22px;
width: 81px;
border: none;
color: #be1e2d;
padding: 0 0 0 6px;
}
#djCrate form input[type="button"] {
background: url("../systemimages/djCrateButtonInactive.png") no-repeat;
height: 23px;
width: 137px;
border: none;
margin: 6px 0 0 0;
color: #939393;
padding: 0 24px 2px 0;
font-size: .9em;
}
#djCrate form input[type="button"]:hover {
color: #be1e2d;
}
#djCrate a:hover {
text-decoration: none;
}
#categories {
background: url("../systemimages/categoriesBg.png") no-repeat;
height: 386px;
padding: 36px 0 0 8px;
width: 241px;
}
#categories-placeholder {
background: url("../systemimages/categoriesPlaceholder.png") no-repeat;
height: 386px;
padding: 36px 0 0 8px;
width: 241px;
}
#categories ul {
list-style: none;
margin-top: 8px;
}
#categories ul li a {
background: url("../systemimages/categoriesButtonOff.png") no-repeat;
color: #696969;
display: block;
font-size: 1.2em;
font-weight: 600;
height: 35px;
padding: 18px 0 0 40px;
text-decoration: none;
width: 193px;
}
#categories ul li a:hover {
background: url("../systemimages/categoriesButtonOn.png") no-repeat;
color: #b1b1b1;
}
#heroShot {
background: url("../systemimages/heroShotBg.png") no-repeat;
height: 423px;
width: 426px;
text-align: center;
margin: 0 0 0 9px;
position: relative;
}
#heroShot img {
margin: 9px 0 0 0;
}
#focus {
left: 139px;
position: absolute;
top: 425px;
z-index: 10;
}
#focus ul {
list-style: none;
}
#focus ul li:first-child {
margin-left: 0;
}
#focus ul li {
background: url("../systemimages/focusOff.png") no-repeat;
height: 10px;
width: 10px;
float: left;
margin-left: 10px;
}
#focus ul li.current {
background: url("../systemimages/focusOn.png") no-repeat;
}
#focus ul li a {
display: block;
height: 10px;
width: 10px;
}
#whatsHot {
background: url("../systemimages/whatsHotBg.png") no-repeat;
width: 242px;
height: 376px;
margin: 0 0 0 11px;
padding: 46px 0 0 7px;
}
#whatsHot ul {
list-style: none;
}
#whatsHot ul li {
height: 36px;
margin: 0 0 1px;
padding: 0px 0 0 32px;
width: 203px;
position: relative;
}
#whatsHot ul li.playable {
background: url("/systemimages/whatsHotCellOff.png") no-repeat;
}
#whatsHot ul li span.thePlayButton {
display: block;
position: absolute;
height: 36px;
width: 30px;
left: 0px;
}
#whatsHot ul li.playable span.thePlayButton.selectedHotTrack,
#whatsHot ul li.playable span.thePlayButton:hover {
background: url(/systemimages/whatsHotCellPlay.png);
z-index: 100;
position: absolute;
}
#whatsHot ul li span.mainholder {
height: 32px;
padding: 4px 0 0 5px;
position: absolute;
width: 198px;
z-index: 100;
}
#whatsHot ul li a {
text-decoration: none;
}
#whatsHot ul li span.mainholder:hover {
background: #000;
}
/*#whatsHot ul li:hover{ background: url("../systemimages/whatsHotCellOn.png") no-repeat;}*/
#whatsHot ul li.selectedHotTrack {
background: url("../systemimages/whatsHotCellPlay.png") no-repeat;
}
#whatsHot ul li .hotTitle {
font-size: 0.9em;
font-weight: 600;
color: #fff;
}
#whatsHot ul li .hotSub {
color: #9a9a9a;
font-size: 0.9em;
}
#subFooter {
margin: 20px 0 0 31px;
}
.content #subFooter,
.contact #subFooter {
margin: 12px 0 0 31px;
}
#newsletter {
background: url("../systemimages/newsletterBg.png") no-repeat;
height: 90px;
padding: 13px 0 0 14px;
width: 447px;
}
#newsletter .title {
margin: 5px 0 3px 7px;
}
#newsletter form {
margin: 0 0 0 6px;
}
#newsletter form input[type=text] {
margin: 0 4px 0 0;
}
#newsletter form .firstName {
height: 22px;
width: 81px;
background: url("../systemimages/newsletterFirstName.png") no-repeat;
border: none;
color: #939393;
font-size: 0.9em;
padding: 0 0 0 6px;
}
#newsletter form .lastName {
height: 22px;
width: 81px;
background: url("../systemimages/newsletterLastName.png") no-repeat;
border: none;
color: #939393;
font-size: 0.9em;
padding: 0 0 0 6px;
}
#newsletter form .email {
height: 22px;
width: 120px;
background: url("../systemimages/newsletterEmail.png") no-repeat;
border: none;
color: #939393;
font-size: 0.9em;
padding: 0 0 0 6px;
margin: 0 !important;
}
#newsletter form .djName {
height: 22px;
width: 81px;
background: url("../systemimages/newsletterDjName.png") no-repeat;
border: none;
color: #939393;
font-size: 0.9em;
padding: 0 0 0 6px;
}
#newsletter form input[type="button"] {
background: url("../systemimages/newsletterSubscribe.png") no-repeat;
height: 23px;
width: 146px;
border: none;
margin: 5px 0 0 0;
padding: 2px 26px 2px 0;
color: #939393;
font-size: .9em;
}
#newsletter form input[type="submit"]:hover {
color: #be1e2d;
}
#newsletter form a {
font-size: 0.9em;
color: #939393;
margin: 11px 0 0 10px;
text-decoration: none;
}
#newsletter form a:hover {
color: #fff;
}
#halfwbox {
background: url("../systemimages/halfwbox.png") no-repeat;
height: 103px;
width: 481px;
margin: 0 0 0 2px;
}
#footerNav {
background: url("../systemimages/footerBg.png") no-repeat;
height: 102px;
width: 939px;
margin: 8px 0 0 33px;
color: #686868;
position: relative;
}
#footerNav .AuthorizeNetSeal {
position: absolute;
top: 15px;
right: 20px;
}
#footerNav table {
margin: 18px auto 0;
}
#footerNav ul {
list-style: none;
display: table;
margin: 0 auto;
}
#footerNav ul li {
float: left;
margin: 0 4px;
}
#footerNav ul li a {
color: #686868;
text-decoration: none;
}
#footerNav ul li a:hover {
color: #fbf7f7;
}
#footer {
clear: both;
color: #C5C5C5;
height: 100px;
/*-dm*/
margin: 0 0 0 44px;
padding: 10px 0;
position: relative;
width: 917px;
}
#footer #social_icons {
position: absolute;
left: 400px;
}
#footer #social_icons .twitter {
margin: 0 0 0 16px;
}
#footer #payment_icons {
position: absolute;
left: 0px;
top: 20px;
}
#footer .AuthorizeNetSeal {
/*-dm*/
position: absolute;
top: 15px;
left: 1px;
}
#footer .PayPalSeal {
/*-dm*/
position: absolute;
top: 20px;
left: 116px;
}
.thank_you {
/*-dm*/
min-height: 648px;
}
.thank_you_text {
/*-dm*/
padding: 50px 24px 75px;
width: 540px;
}
#copyright p {
float: left;
}
#footerNav .facebook img {
width: 14px;
}
#footerNav .facebook {}#designedBy a {
color: #939393;
}
.floatRight {
float: right;
}
.floatLeft {
float: left;
}
/*Content Page Start*/
#dynamic .content {
width: 668px;
margin: 6px 0 0 18px;
}
#dynamic .content.container {
width: 687px;
margin: 0px 0 0 8px;
}
#dynamic table {
width: 100%;
border-collapse: collapse;
}
#dynamic table tr.top {
background: url(../systemimages/contactUsBg.png);
background-position: top center;
}
#dynamic table tr.mid {
background: url("../systemimages/detailsMidBg.png") repeat scroll center center transparent;
background-position: center center;
}
#dynamic .vip table tr.mid {
min-height: 525px;
display: block;
vertical-align: top;
}
#dynamic .vip table tr.mid td.first {
width: 100px;
}
#dynamic .vip table tr.mid td.second {
width: 360px;
}
#dynamic .vip table tr.mid td.third {
width: 153px;
}
#dynamic table tr.bottom {
background: url(../systemimages/contactUsBg.png);
background-position: bottom center;
height: 20px;
}
#dynamic table tr.mid td {
padding: 0 20px;
}
#dynamic .content h2 {
font-size: 1.5em;
color: #ffffff;
letter-spacing: 1px;
margin: 14px 0 0 0;
}
#dynamic .content p {
line-height: 1.5em;
margin: 0 0 10px 0;
}
/*Content Page End*/
.contact #dynamic .content h2 {
margin: 14px 0 0 0;
}
.contact #dynamic form input[type="text"] {
color: #939393;
height: 25px;
margin: 0 0 10px;
padding: 0 5px;
width: 300px;
}
.contact #dynamic form select {
width: 310px;
height: 25px;
margin: -26px 0 10px;
position: absolute;
z-index: 5;
opacity: 0;
}
#contactForm .theDropdown {
background: url(../systemimages/contactFormSprites.png);
display: block;
height: 15px;
padding: 5px;
/* position: absolute;*/
top: 149px;
width: 300px;
background-position: 0 -25px;
}
.contact #dynamic form textarea {
background-position: 0 -310px;
border: medium none;
color: #939393;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
height: 198px;
padding: 6px;
width: 298px;
margin: 6px 0 0 0;
}
div.errorcontainer {
position: absolute;
top: -122px;
width: 530px;
}
.contact #dynamic form input[type="submit"] {
height: 23px;
width: 117px;
background: url("../systemimages/contactSubmitButton.png");
border: none;
margin: 20px 0 8px 0;
color: #939393;
font-size: .9em;
padding: 2px 26px 2px 0;
}
.contact #dynamic form input[type="submit"]:hover {
color: #be1e2d;
}
.contact #dynamic .contentSide {
width: 234px;
margin: 0 0 0 25px;
line-height: 1.5em;
position: relative;
}
.content.subnav #dynamic .contentSide {
width: 215px;
line-height: 1.5em;
margin: 0 0 0 44px;
}
.contact #dynamic .contentSide .recaptchaDiv {
margin: 20px 0 0;
right: 0;
}
.contact #dynamic .contentSide h3 {
color: #ffffff;
margin: 0 0 10px 0;
}
.content.subnav #dynamic .content h2 {}.content.subnav #dynamic .content h3 {
margin: 0 0 10px 0;
font-size: 1em;
font-weight: normal;
}
.content.subnav #dynamic .contentSide ul {
list-style-position: inherit;
}
.content.subnav #dynamic .contentSide ul li {
list-style: none;
}
.content.subnav #dynamic .contentSide ul li:hover {
list-style-image: url("../systemimages/selected.png");
}
.content.subnav #dynamic .contentSide ul li h3 {
font-size: 1em;
font-weight: normal;
}
.content.subnav #dynamic .contentSide ul li h3 a {
color: #787878;
text-decoration: none;
}
.content.subnav #dynamic .contentSide ul li img {
display: none;
}
.content.subnav #dynamic .contentSide ul li h3 a:hover {
color: #fff;
}
#tierTwo .sideAds .adOne {
background: url("../systemimages/sideBannerOne.png");
height: 201px;
width: 228px;
display: block;
text-align: center;
padding: 10px;
margin: 10px 0 0 0;
}
#tierTwo .sideAds .adTwo {
background: url("../systemimages/sideBannerTwo.png");
height: 160px;
width: 228px;
display: block;
text-align: center;
padding: 10px;
margin: 4px 0 0 0;
}
.searchResults #tierTwo .sideAds .adThree,
.contact .sideAds .adThree {
background: url("../systemimages/sideBannerOne.png") repeat scroll 0 0 transparent;
display: block;
height: 201px;
margin: 12px 0 0;
padding: 10px;
text-align: center;
width: 228px;
}
.searchResults .resultrow {
height: 188px;
}
/*.searchResults .resultrow a img{
height: 188px;
width: 188px;
}
.searchResults .resultrow a{
color: #787878;
height: 188px;
width: 188px;
}*/
.detail #tierTwo {
position: relative;
}
.detail #tierTwo .sideAds,
.searchResults #tierTwo .sideAds,
.contact .sideAds {
position: absolute;
margin: 418px 0 0 0;
}
.sideAds div img {
margin: -1px 0 0 -2px;
}
.detail #subFooter {
margin: 10px 0 0 31px;
}
.detail #detailedView {
width: 683px;
margin: 0 0 0 8px;
min-height: 830px;
}
.detail #detailedView table tr.detailTableMid td img {
margin: 0 0 10px 0;
}
.detail #detailedView table {
width: 683px;
border-collapse: collapse;
}
.detail #detailedView .detailTableHead td {
height: 26px;
width: 683px;
background: url("../systemimages/detailsTopBg.png");
}
.detail #detailedView .detailTableMid td {
width: 659px;
background: url("../systemimages/detailsMidBg.png");
padding: 0 12px;
}
.detail #detailedView .detailTableFoot td {
height: 30px;
width: 683px;
background: url("../systemimages/detailsFootBg.png");
}
.detail #detailedView .detailTableMid td .left {
width: 160px;
text-align: center;
float: left;
margin: 0 0 0 10px;
}
.detail #detailedView .detailTableMid td .left form {
position: relative;
}
.detail #detailedView .detailTableMid td .right {
width: 454px;
float: left;
margin: 0 0 0 30px;
}
.detail #detailedView .detailTableMid td .left a img {
margin: 10px 0;
}
.detail #detailedView .detailTableMid td .left form span {
float: left;
}
.detail #detailedView .detailTableMid td .left p {
color: #fff;
font-size: .9em;
margin-bottom: 10px;
}
.detail #detailedView .detailTableMid .titleLine {
margin-bottom: 20px;
}
.detail #detailedView .detailTableMid .subTable {
width: inherit;
}
.detail #detailedView .detailTableMid .subTable td {
background: none;
padding-bottom: 20px;
text-align: center;
vertical-align: top;
}
.detail #detailedView h2 {
text-align: center;
color: #fff;
}
.detail #detailedView .subItems h3 {
font-size: 1.1em;
color: #fff;
text-align: center;
margin: 40px 0 0 0;
}
.detail #detailedView .levelOne {
margin: 20px 0 0 0;
}
.detail #detailedView .levelTwo {
margin: 46px 0 0;
}
.detail #detailedView .levelOne .left {
text-align: center;
width: 190px;
vertical-align: top;
}
.detail #detailedView .levelOne .left .enlarge {
margin: 10px 0 0 0;
}
.detail #detailedView .levelOne .left p {
margin: 10px 0;
color: #fff;
}
.detail #detailedView .detailTableMid td .left .format,
.detail #detailedView .detailTableMid td .left .merchandiseAttribute {
margin: 6px 10px 0 0;
}
.detail #detailedView .detailTableMid td .left .detailedQuantity {
margin: 20px 4px 0 0;
display: block;
position: absolute;
top: 22px;
}
.detail #detailedView .detailTableMid td .left .merchandiseWidget {
position: relative;
height: 30px;
display: block;
width: 160px;
}
.detail #detailedView .detailTableMid td .left form .merchandiseWidget input[type="text"] {
width: 81px;
height: 26px;
background: url("../systemimages/bundleInput.png");
border: 0;
color: #939393;
padding: 0 0 0 5px;
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.detail #detailedView .detailTableMid td .left form input.merchandiseButton[type="button"] {
height: 23px;
width: 137px;
background: url("../systemimages/addToCrateInactive.png");
border: none;
margin: 0;
}
.detail #detailedView .detailTableMid td .left form input.merchandiseButton[type="button"]:hover {
background: url("../systemimages/addToCrate.png");
}
.detail #detailedView .levelOne .left form .firstTable input[type="text"] {
margin: 10px 0 0 0;
}
.detail #detailedView .levelOne .left form .firstTable,
.detail #detailedView .levelOne .left form .secondTable {
margin: 0 auto;
}
.detail #detailedView .detailTableMid td .left form select {
width: 86px;
height: 22px;
position: relative;
z-index: 5;
opacity: 0;
margin: 0 0 0 4px;
}
.detail #detailedView .detailTableMid td .left form .formatSelect {
background: url("../systemimages/bundleSelect.png");
height: 20px;
overflow: hidden;
padding: 6px 0 0 5px;
position: absolute;
text-align: left;
width: 81px;
right: 0px;
}
.detail #detailedView .detailTableMid td .left form .attributeSelect {
background: url("../systemimages/bundleSelect.png");
height: 20px;
overflow: hidden;
padding: 6px 0 0 5px;
position: absolute;
text-align: left;
width: 81px;
right: 0;
top: 0;
}
.detail #detailedView .detailTableMid td .left form input[type="text"] {
width: 81px;
height: 26px;
background: url("../systemimages/bundleInput.png");
border: 0;
color: #939393;
padding: 0 0 0 5px;
margin: 15px 0 0 -4px;
position: absolute;
right: 10px;
top: 22px;
}
.detail #detailedView .detailTableMid td .left .fb-like {
margin: 10px 0 0 0;
}
.detail #detailedView .detailTableMid td .left form input[type="button"] {
height: 23px;
width: 137px;
background: url("../systemimages/addToCrateInactive.png");
border: none;
margin: 60px 0 0 0;
}
#vipDiscountMessage {
display: block;
text-align: left;
margin: 12px 0 4px 0;
}
.detail #detailedView .detailTableMid td .left form input[type="button"]:hover {
background: url("../systemimages/addToCrate.png");
}
.detail #detailedView .levelOne .right {
width: 454px;
}
.detail #detailedView .detailTableMid .right ul {
list-style: none;
}
.detail #detailedView .detailTableMid .right ul li:hover,
.detail #detailedView .detailTableMid .right ul li.selectedTrack {
background: #0f1010;
}
.detail #detailedView .detailTableMid .right ul li {
background: #2d2d2d;
height: 56px;
width: 454px;
margin: 0 0 1px 0;
}
.detail #detailedView .detailTableMid .right ul h3 {
font-size: 1.1em;
}
.detail #detailedView .detailTableMid .right ul li img {
margin: 18px 15px 0 15px;
}
.detail #detailedView .detailTableMid .right ul li a.addIndToCart {
float: right;
height: 10px;
width: 107px;
background: url(../systemimages/addToCrateSearch.png);
text-indent: -9999px;
margin: 24px 14px 0 0;
visibility: hidden;
}
.detail #detailedView .detailTableMid .right ul li:hover a.addIndToCart,
.detail #detailedView .detailTableMid .right ul li.selectedTrack a.addIndToCart {
visibility: visible;
}
.detail #detailedView .detailTableMid .right ul li .trackInfo {
margin: 8px 0 0 0;
}
span.noTrack {
width:22px; height: 22px;
}
.detail #detailedView .detailTableMid .right .merchandiseDescription {
color: #c6c6c6;
height: 100%;
width: 454px;
margin: 0 0 1px 0;
}
.detail #detailedView .levelTwo table {
margin: 0 auto;
}
.detail #detailedView .levelTwo table tr:first-child {
height: 62px;
}
.detail #detailedView .levelTwo table td {
display: inline-block;
margin: 0 0 0 82px;
}
.detail #detailedView .levelTwo table td:first-child {
display: inline-block;
margin: 0 0 0 0px;
}
.detail #detailedView .detailTableMid .subTable div {
margin: 9px 0 0 0;
}
.detail #detailedView .levelThree {
margin: 10px 0 0 0;
padding: 12px;
}
.detail #detailedView .levelThree img {
margin: 0 10px 10px 0;
}
#detailedView .bundleNavi {
display: block;
margin: 8px 0 0;
text-align: center;
}
#searchResults.myMusic {
height: 690px;
}
#searchResults {
background: url("../systemimages/searchResults.png");
height: 640px;
width: 674px;
margin: 0 0 0 10px;
padding: 45px 0 0 7px;
}
#searchResults.myMusic {
background: url(../systemimages/mymusicbg.png);
}
#searchResults.vip {
background: url(../systemimages/vipBg.png);
height: 667px;
margin: 0 0 0 10px;
padding: 18px 0 0 7px;
width: 674px;
}
#searchResults.vip h2 {
color: #fff;
text-align: center;
}
#searchResults table {
width: 667px;
border-collapse: collapse;
}
#searchResults table tr:first-child {
height: 43px;
background: none;
}
#searchResults table tr:first-child:hover {
background: none;
}
#searchResults table tr:first-child td {
color: #b1b1b1;
}
#searchResults table tr,
.vip tr.mid table tr {
height: 59px;
background: #2d2d2d;
border: 1px solid #252525;
}
#searchResults table tr:hover,
.vip tr.mid table tr:hover {
background: #414141;
color: #fefefe;
}
#searchResults table tr td:first-child {
text-align: center;
width: 98px;
}
#searchResults table tr td.second {
width: 119px;
}
#searchResults table tr td.third {
width: 111px;
}
#searchResults table tr td.fourth {
width: 113px;
}
#searchResults table tr td.fifth {
width: 171px;
}
#searchResults table tr td:first-child img {
margin: 0 12px;
}
#searchResults .resultrow img:first-child {
height: 44px;
width: 44px;
}
#searchResults .resultrow img.addToCreateSearch {
height: auto;
width: auto;
}
.searchResultsNav {
position: absolute;
margin: 3px 0 0 0;
right: 13px;
}
.searchResultsNav.vip {
margin: 8px 13px 0 0;
/* margin: 8px 40px 0 0; */
position: absolute;
right: 0;
}
#dynamic .searchResultsNav.vip .next a,
#dynamic .searchResultsNav.vip .prev a {
text-decoration: none;
color: #444;
}
#dynamic .searchResultsNav.vip .next a:hover,
#dynamic .searchResultsNav.vip .prev a:hover {
color: #8f8f8f;
}
.searchResultsNav ul {
list-style: none;
}
.searchResultsNav ul li {
float: left;
font-size: .9em;
margin: 0 10px 0 0;
color: #8f8f8f;
}
.searchResultsNav .next a,
.searchResultsNav .prev a {
text-decoration: none;
color: #444;
}
.searchResultsNav .next a:hover,
.searchResultsNav .prev a:hover {
color: #8f8f8f;
}
.advSearch {
background: url("../systemimages/advancedSearchBg.png") no-repeat;
height: 263px;
width: 600px;
color: #939393;
}
.advSearch img {
margin: 28px 28px 0 0;
}
.advSearch form ul {
list-style: none;
margin: 0 0 20px 0;
}
.advSearch form ul li:first-child {
margin: 0 7px 0 0;
}
.advSearch form ul li.genre {
margin: 0 7px 0 0;
}
.advSearch form ul li input[type=checkbox] {
margin: 0 14px 0 0px;
}
.advSearch form ul li {
float: left;
margin: 0 0 0 0px;
}
.advSearch form {
margin: 40px 0 0 26px;
position: relative;
height: 150px;
}
.advSearch form ul:first-child li {
margin: 0 8px 0 0;
}
.advSearch form .artist,
.advSearch form .title {
background: url("../systemimages/advSearchFieldOne.png") no-repeat;
height: 22px;
width: 133px;
border: 0;
color: #939393;
padding: 0 0 0 6px;
}
.advSearch form .keyword,
.advSearch form .seriesDesc {
background: url("../systemimages/advSearchFieldTwo.png") no-repeat;
height: 22px;
width: 248px;
border: 0;
color: #939393;
padding: 0 0 0 6px;
}
.advSearch form input[type="submit"] {
background: url("../systemimages/advSearchButton.png") no-repeat;
border: medium none;
bottom: 0;
color: #939393;
height: 23px;
left: 0;
padding: 2px 24px 3px 0;
position: absolute;
width: 128px;
font-size: .9em;
}
.advSearch form input[type="submit"]:hover {
color: #be1e2d;
}
.advSearch form .bpm input,
.advSearch form .genre input {
background: url("../systemimages/advSearchFieldThree.png") no-repeat;
height: 21px;
border: 0;
width: 77px;
padding: 0 0 0 6px;
color: #939393;
}
.advSearch form .bpm,
.advSearch form .genre {
margin-top: 0 !important;
}
.advSearch form .seriesName select {
height: 22px;
width: 139px;
position: absolute;
z-index: 5;
left: 0;
opacity: 0;
}
.advSearch form .seriesNumber select {
height: 22px;
left: 146px;
opacity: 0;
position: absolute;
width: 139px;
z-index: 5;
}
.advSearch form .seriesName {
background: url("../systemimages/seriesName.png") no-repeat;
height: 18px;
padding: 4px 54px 0 0;
width: 85px;
}
.advSearch form .seriesNumber {
background: url("../systemimages/seriesNumber.png") no-repeat;
height: 18px;
padding: 4px 42px 0 0px;
width: 98px;
margin: 0 8px 0 0;
}
.advSearch form .lastRow li {
margin-top: .3em;
}
.shoppingCart #dynamic .cartHolder {
width: 683px;
float: left;
margin: 0 0 0 10px;
}
.shoppingCart #dynamic .cartShippingDestination,
.shoppingCart #dynamic .cartShippingMethod {
margin: 0 0 0 10px;
width: 683px;
}
.shoppingCart #dynamic .cartSummary {
margin: 0 0 0 10px;
width: 683px;
}
.shoppingCart #dynamic .cartShippingDestination h3,
.shoppingCart #dynamic .cartSummary h3,
.shoppingCart #dynamic .cartShippingMethod h3 {
color: #8F8F8F;
font-size: 14px;
margin: 16px 0 0 34px;
}
.shoppingCart #dynamic .cartHolder .head {
height: 46px;
background: url("../systemimages/contactUsBg.png");
width: 683px;
margin: 0 0 0 -1px;
}
.shoppingCart #dynamic .cartShippingDestination .head,
.shoppingCart #dynamic .cartSummary .head,
.shoppingCart #dynamic .cartShippingMethod .head {
background: url("../systemimages/contactUsBg.png");
width: 683px;
margin: 0 0 0 -1px;
height: 34px;
}
.shoppingCart #dynamic .cartHolder .head h2 {
color: #FFFFFF;
margin: 14px 0 0;
text-align: center;
}
.shoppingCart #dynamic .cartHolder .footer,
.shoppingCart #dynamic .cartShippingMethod .footer {
height: 20px;
background: url("../systemimages/shoppingCartBg.png") repeat scroll 0 -81px transparent;
width: 683px;
}
.shoppingCart #dynamic .cartHolder .shoppingItems {
display: block;
background: url("../systemimages/shoppingCartLine.png");
padding: 20px 40px;
width: 602px;
}
#dynamic .cartShippingDestination .content,
#dynamic .cartSummary .content,
.shoppingCart #dynamic .cartShippingMethod .content {
display: block;
background: url("../systemimages/shoppingCartLine.png");
padding: 20px 34px;
width: 614px;
margin: 0;
}
.shoppingCart #dynamic .cartShippingMethod .content .method span {
background: url("../systemimages/prefSprites.png") repeat scroll 0 -54px transparent;
display: block;
height: 20px;
overflow: hidden;
padding: 7px 5px 0;
position: absolute;
width: 423px;
left: 75px;
top: 17px;
}
.shoppingCart #dynamic .cartShippingMethod .content {
position: relative;
}
.shoppingCart #dynamic .cartShippingMethod .content .method {
float: left;
}
.shoppingCart #dynamic .cartShippingMethod .content .method select {
height: 27px;
opacity: 0;
position: relative;
width: 433px;
z-index: 5;
margin: 0 0 0 4px;
}
.shoppingCart #dynamic .cartShippingMethod .content input[type="button"] {
background: url("../systemimages/paymentButtons.png") repeat scroll -100px 0 transparent;
border: 0 none;
color: #939393;
height: 23px;
margin: 0 0 0 24px;
padding: 0 24px 2px 0;
width: 93px;
}
#dynamic .cartShippingDestination .content .zipCode {
float: left;
}
#dynamic .cartShippingMethod .content .update {
float: right;
}
#dynamic .cartShippingDestination .content .update {
float: right;
}
#dynamic .cartShippingDestination .content .countrySelect {
display: inline-block;
margin: 12px 0 0 0;
}
select#countrySelect {
height: 18px;
margin: 0 0 0 16px;
opacity: 0;
position: relative;
width: 207px;
z-index: 5;
top: 4px;
}
span#countrySelectLabel {
height: 20px;
width: 200px;
background: url("../systemimages/prefSprites.png") repeat scroll 0 -27px transparent;
overflow: hidden;
position: absolute;
margin: 0 0 0 15px;
padding: 7px 0 0 9px;
}
#dynamic .cartShippingDestination .content .update input[type=button]:hover {
color: #BE1E2D;
}
#dynamic .cartShippingDestination .content .update input[type=checkbox] {
margin: 0 0 0 10px;
}
#dynamic .cartShippingDestination .content .update input[type=button],
#dynamic .cartSummary .content .coupon input[type=button] {
background: url("../systemimages/paymentButtons.png") repeat scroll -100px 0 transparent;
border: 0 none;
color: #939393;
height: 23px;
margin: 0 0 0 24px;
padding: 0 24px 2px 0;
width: 93px;
}
#dynamic .cartShippingDestination .content .zipCode input[type=text] {
background: url("../systemimages/searchBoxField.png") no-repeat scroll 0 0 transparent;
border: medium none;
color: #939393;
height: 22px;
margin: 0 0 0 10px;
padding: 0 6px;
width: 130px;
}
#dynamic .cartSummary .content table {
width: 150px;
float: left;
}
#dynamic #cartButtons .back {
background: url("../systemimages/paymentButtons.png") repeat scroll 0 0 transparent;
border: 0 none;
color: #939393;
height: 23px;
margin: 6px 18px 0 0;
padding: 0 0 2px 0;
width: 92px;
float: left;
}
#dynamic #cartButtons .creditCards {
display: inline-block;
margin: -3px 0 0 10px;
}
#dynamic #cartButtons {
float: right;
margin: 14px 10px 0 0;
width: 420px;
}
#dynamic .cartSummary .content table tr td:first-child {
text-align: right;
padding: 0 10px 0 0;
font-weight: normal;
color: #939393;
}
#dynamic .cartSummary .content .coupon {
float: right;
}
#dynamic .cartSummary .content .coupon input[type=text] {
background: url("../systemimages/searchBoxField.png") no-repeat scroll 0 0 transparent;
border: medium none;
color: #939393;
height: 22px;
margin: 0 0 0 10px;
padding: 0 6px;
width: 130px;
}
#dynamic .cartSummary .content table tr td {
font-weight: bold;
color: #fff;
}
#dynamic .cartShippingDestination .footer,
#dynamic .cartSummary .footer {
height: 20px;
background: url("../systemimages/shoppingCartBg.png") repeat scroll 0 -81px transparent;
width: 683px;
}
.shoppingCart #dynamic .cartHolder .shoppingItems tr {
height: 64px;
}
.shoppingCart #dynamic .cartHolder .shoppingItems .first {
height: 44px;
width: 44px;
padding: 0 20px 0 0;
}
.shoppingCart #dynamic .cartHolder .shoppingItems .two {
width: 180px;
}
.shoppingCart #dynamic .cartHolder .shoppingItems table {
width: 100%;
}
.shoppingCart #dynamic .cartHolder .shoppingItems .itemTitle {
font-size: 1.1em;
}
.shoppingCart #dynamic .cartHolder .shoppingItems .itemFormatSelect {
height: 16px;
width: 108px;
background: url("../systemimages/cartOption.png");
padding: 2px 0 0 10px;
overflow: hidden;
position: absolute;
margin: 0 0 0 4px;
}
.shoppingCart #dynamic .cartHolder .shoppingItems select {
height: 18px;
width: 118px;
position: relative;
z-index: 5;
opacity: 0;
margin: 0 0 0 4px;
}
.shoppingCart #dynamic .cartHolder .shoppingItems .three input {
height: 20px;
width: 27px;
background: url("../systemimages/cartQty.png");
border: 0;
color: #939393;
text-align: center;
margin: 0 0 0 8px;
}
.shoppingCart #dynamic .cartHolder .paymentChoice {
height: 80px;
width: 604px;
display: block;
background: url("../systemimages/paymentBg.png");
margin: 20px 0 20px 0;
}
.shoppingCart #dynamic .cartHolder .paymentChoice input[type="radio"]:first-child {
display: inline;
margin: 36px 0 0 225px;
}
.shoppingCart #dynamic .cartHolder .paymentChoice input[type="radio"] {
display: inline;
margin: 0 0 0 207px;
}
.shoppingCart #dynamic .cartHolder .paymentButtons .back {
height: 23px;
width: 92px;
background: url("../systemimages/paymentButtons.png");
border: 0;
margin: 0 10px 0 0;
color: #939393;
padding: 0 0px 2px 0;
}
.shoppingCart #dynamic .cartHolder .paymentButtons .back:hover {
color: #be1e2d;
}
.shoppingCart #dynamic .cartHolder .paymentButtons .update {
height: 23px;
width: 93px;
background: url("../systemimages/paymentButtons.png");
border: 0;
background-position: -100px 0;
color: #939393;
padding: 0 24px 2px 0;
}
.shoppingCart #dynamic .cartHolder .paymentButtons .update:hover {
color: #be1e2d;
}
.shoppingCart #dynamic .cartHolder .paymentButtons .continue {
height: 23px;
width: 93px;
background: url("../systemimages/paymentButtons.png");
border: 0;
background-position: -199px 0;
color: #939393;
padding: 0 24px 2px 0;
}
.shoppingCart #dynamic .cartHolder .paymentButtons .continue:hover {
color: #be1e2d;
}
#cartform table td.six {
text-align: center;
width: 54px;
}
#cartform table td.six a {
cursor: pointer;
}
#cartform table td.six a:hover {
text-decoration: none;
color: #be1e2d;
}
.checkOut #summary table {
border-collapse: collapse;
}
.checkOut #summary .crateBody {
background: url("../systemimages/crateBodyBg.png") repeat-y;
color: #b1b1b1;
}
.checkOut #summary .crateBody td {
padding: 0 20px;
}
.checkOut #summary .crateBody ul {
list-style: none;
float: left;
}
.checkOut #summary .crateBody .checkOutItems {
width: 288px;
}
.checkOut #summary .crateBody .checkOutTitle {
width: 80px;
text-align: right;
margin: 0 10px 0 0;
}
.checkOut #summary .crateBody table {
width: 70%;
margin: 0 auto;
}
.checkOut #summary .crateBody table td,
#shippingAddress table td {
text-align: left;
padding: 0;
font-weight: bold;
color: #fff;
}
.checkOut #summary .crateBody table td.titles,
#shippingAddress table td.titles {
text-align: right;
padding: 0 10px 0 0;
font-weight: normal;
color: #939393;
}
.checkOut #summary .crateBody .checkOutTotal {
width: 80px;
text-align: left;
font-weight: bold;
}
.checkOut #summary .crateBody .submit {
float: right;
margin: 16px 0 0 0;
position: relative;
}
.checkOut #summary .crateBody input[type="text"] {
height: 26px;
width: 208px;
background: url("../systemimages/submitInput.png");
border: 0;
padding: 0 4px;
color: #b1b1b1;
margin: 0 104px 0 4px;
font-size: .9em;
}
.checkOut #summary .crateBody input[type="button"] {
height: 23px;
width: 92px;
background: url("../systemimages/submitButton.png");
border: 0;
margin: 0 0 0 10px;
position: absolute;
top: 2px;
right: 0px;
padding: 0 24px 2px 0;
color: #939393;
}
.checkOut #summary .crateBody input[type="button"]:hover {
color: #be1e2d;
}
.checkOut #savedCredit {
height: 61px;
width: 511px;
background: url("../systemimages/savedCardBg.png");
padding: 50px 0 0 18px;
}
.checkOut #newCard {
width: 710px;
}
.checkOut #billingAddy {
width: 500px;
padding: 15px;
background: url("../systemimages/addNewCard2.png") repeat scroll 0 0 transparent;
height: 232px;
margin: 2px 0 0 0;
position: relative;
}
.checkOut #shippingAddy {
height: 422px;
padding: 54px 20px 0;
width: 360px;
background: url("../systemimages/shippingAddy.png");
position: relative;
}
.checkOut #shippingMethod {
height: 115px;
width: 396px;
background: url("../systemimages/shippingMethod.png");
}
.checkOut #shippingMethod div {
padding: 58px 0 0 24px;
}
.checkOut #shippingMethod select {
width: 300px;
height: 26px;
position: relative;
z-index: 5;
opacity: 0;
margin: 0 0 0 6px;
}
.checkOut #shippingMethod .switch {
height: 19px;
width: 290px;
background: url("../systemimages/shippingMethodDrop.png");
overflow: hidden;
position: absolute;
padding: 7px 0 0 10px;
margin: -4px 0 0 6px;
}
.checkOut #shippingAddy .saved {
padding: 54px 20px 30px;
}
.checkOut #shippingAddy .saved input[type="radio"],
.checkOut #shippingAddy .new input[type="radio"] {
margin: 0 10px 0 0;
}
.checkOut #shippingAddy .saved span,
.checkOut #shippingAddy .new span {
font-weight: bold;
width: 330px;
}
.checkOut #shippingAddy .saved span.addy {
font-weight: normal;
font-style: italic;
display: table;
margin: 20px 0 0 24px;
}
.checkOut #shippingAddy .new {
padding: 0 20px;
}
.checkOut #shippingAddy .new span.addy input {
background: url("../systemimages/addySprites.png");
border: 0;
}
.checkOut #shippingAddy .new span.addy ul {
list-style: none;
}
.checkOut #shippingAddy .new span.addy ul li span {
font-weight: normal;
}
.checkOut #shippingAddy .new .addy .one input,
.checkOut #shippingAddy .new .addy .two input {
height: 26px;
width: 325px;
color: #b1b1b1;
padding: 0 0 0 4px;
}
.checkOut #shippingAddy .new .addy .one span,
.checkOut #shippingAddy .new .addy .two span,
.checkOut #shippingAddy .new .addy .three span,
.checkOut #shippingAddy .new .addy .four span,
.checkOut #shippingAddy .new .addy .five span {
display: block;
margin: 0 0 6px 0;
}
.checkOut #shippingAddy .new .addy .two span,
.checkOut #shippingAddy .new .addy .three span,
.checkOut #shippingAddy .new .addy .four span,
.checkOut #shippingAddy .new .addy .five span {
margin-top: 10px;
}
.checkOut #shippingAddy .new .addy {
display: block;
padding: 20px 0 0 26px;
}
.checkOut #shippingAddy .new .addy .three {
float: left;
width: 226px;
}
.checkOut #shippingAddy .new .addy .three input.city {
height: 27px;
width: 211px;
background-position: 0 -27px;
color: #b1b1b1;
padding: 0 0 0 4px;
}
.checkOut #shippingAddy .new .addy .four input.state {
height: 27px;
width: 99px;
background-position: -226px -27px;
color: #b1b1b1;
padding: 0 0 0 4px;
}
.checkOut #shippingAddy .new .addy .five input {
height: 27px;
width: 88px;
background-position: 0px -55px;
color: #b1b1b1;
padding: 0 0 0 4px;
}
.checkOut #newCard ul {
list-style: none;
padding: 20px 0 0 0;
}
.checkOut #newCard h2,
.checkOut #billingAddy h2 {
color: #b1b1b1;
font-size: 1.2em;
}
.checkOut #newCard input,
.checkOut #billingAddy input {
background: url("../systemimages/newCardSprite.png");
border: 0;
color: #b1b1b1;
padding: 0 0 0 4px;
}
#billingAddy ul {
list-style: none;
}
#billingAddy ul li {
float: left;
}
.checkOut #newCard .one {
float: left;
margin: 0 5px 0 0;
}
.checkOut #newCard .three {
float: left;
margin: 0 12px 0 0;
}
.checkOut #newCard .two {
float: left;
margin: 0 0 0 10px;
padding: 4px 0 0 0;
}
.checkOut #newCard .one input {
height: 26px;
width: 338px;
display: inline-block;
margin: 0 0 0 8px;
}
.checkOut #newCard .two span:first-child,
.checkOut #newCard .four span:first-child,
.checkOut #billingAddy .seven span:first-child,
.checkOut #billlingAddy .eight span:first-child,
.checkOut #newCard .nine span:first-child {
display: block;
}
.checkOut #newCard .expiration {
display: inline-block;
margin: 10px 5px 0 0;
position: absolute;
top: 82px;
left: 29px;
}
.checkOut #newCard .csv {
left: 260px;
position: absolute;
top: 92px;
}
.checkOut #newCard .checkBox {
left: 446px;
position: absolute;
top: 74px;
}
.checkOut #newCard .expiration span.day,
.checkOut #newCard .expiration span.year {
background: url("../systemimages/prefSprites.png");
background-position: -306px 0;
height: 20px;
overflow: hidden;
padding: 7px 0 0 16px;
position: absolute;
width: 55px;
}
.checkOut #newCard .csv input {
background-position: 0 -28px;
height: 27px;
width: 140px;
}
.checkOut #newCard .checkBox input {
float: left;
margin: 25px 5px 0 10px;
}
.checkOut #newCard .checkBox span {
float: left;
margin: 25px 0 0 0;
}
.checkOut #newCard .expiration select.day,
.checkOut #newCard .expiration select.year {
width: 71px;
height: 27px;
position: relative;
z-index: 5;
opacity: 0;
}
.checkOut #newCard .expiration span:first-child,
.checkOut #newCard .csv span,
.checkOut #newCard .checkBox span {
display: block;
}
.checkOut #newCard .expiration span:first-child,
.checkOut #newCard .csv span {
margin: 6px 6px 5px 0;
display: inline-block;
}
.checkOut #newCard .two span.selector {
background: url("../systemimages/newCardSprite.png") repeat scroll -349px 0 transparent;
height: 19px;
left: 506px;
overflow: hidden;
padding: 7px 0 0 8px;
position: absolute;
top: 53px;
width: 136px;
}
.checkOut #newCard .two select {
height: 27px;
margin: -2px 0 0 8px;
opacity: 0;
position: relative;
width: 144px;
z-index: 5;
}
.checkOut #newCard .three input {
height: 27px;
width: 140px;
background-position: 0px -28px;
}
.checkOut #newCard .four input {
height: 27px;
width: 88px;
background-position: -167px -28px;
}
.checkOut #billingAddy .five input,
.checkOut #billingAddy .six input {
height: 26px;
width: 488px;
background-position: 0 -57px;
}
.checkOut #billingAddy .seven input {
height: 27px;
width: 211px;
background-position: 0 -85px;
}
.checkOut #billingAddy .seven,
.checkOut #billingAddy .eight {
float: left;
margin: 20px 16px 0 0;
}
.checkOut #newCard .four {
float: left;
margin: 20px 0 0 16px;
}
.checkOut #newCard .three,
.checkOut #billingAddy .five {
float: left;
margin: 20px 0 0 0;
}
.checkOut #billingAddy .six,
.checkOut #billingAddy .nine {
float: left;
margin: 10px 0 0 0;
}
.checkOut #newCard .eight input {
height: 27px;
width: 147px;
background-position: -232px -85px;
}
.checkOut #newCard .nine input {
height: 27px;
width: 88px;
background-position: -400px -85px;
}
.checkOut #billingAddy .five span:first-child,
.checkOut #billingAddy .six span:first-child,
.checkOut #billingAddy .seven span:first-child,
.checkOut #billingAddy .eight span:first-child,
.checkOut #billingAddy .nine span:first-child,
.checkOut #shippingAddy .five span:first-child {
display: block;
margin: 0 0 6px 0;
}
.checkOut #billingAddy span {
background: url("../systemimages/prefSprites.png") repeat scroll 0 -54px transparent;
display: block;
height: 20px;
overflow: hidden;
padding: 7px 5px 0;
position: absolute;
width: 423px;
}
.checkOut #shippingAddy span {
background: url("../systemimages/shippingAddyPull.png") repeat scroll 0 0px transparent;
display: block;
height: 20px;
overflow: hidden;
padding: 7px 5px 0;
position: absolute;
width: 349px;
}
.checkOut #shippingAddy ul {
list-style: none;
}
.checkOut #shippingAddy select {
height: 27px;
opacity: 0;
position: relative;
width: 359px;
z-index: 5;
}
.checkOut #billingAddy select {
height: 27px;
opacity: 0;
position: relative;
width: 433px;
z-index: 5;
}
.checkOut #billingAddy table,
.checkOut #shippingAddy table {
margin: 20px 0 0 0;
}
.checkOut #billingAddy table tr td:first-child,
.checkOut #shippingAddy table tr td:first-child {
font-weight: bold;
padding: 0 10px 0 0;
vertical-align: top;
}
.checkOut #billingAddy table tr td,
.checkOut #shippingAddy table tr td {
color: #B1B1B1;
}
.checkOut #billingAddy input[type="button"],
.checkOut #shippingAddy input[type="button"] {
background: url("../systemimages/prefButtonSprites.png") repeat scroll 0 0 transparent;
bottom: 20px;
height: 23px;
margin: 11px 10px 0 0;
position: absolute;
right: 10px;
width: 92px;
border: 0;
padding: 0 24px 2px 0;
color: #939393;
font-size: .9em;
}
.checkOut #billingAddy input[type="button"]:hover,
.checkOut #shippingAddy input[type="button"]:hover {
color: #be1e2d;
}
.checkOut #savedCredit .selector {
background: url("../systemimages/cardChoices.png");
height: 20px;
overflow: hidden;
padding: 6px 0 0 5px;
position: absolute;
width: 211px;
}
.checkOut #savedCredit select {
width: 216px;
height: 26px;
position: relative;
z-index: 5;
opacity: 0;
}
.checkOut #savedCredit span:first-child {
float: left;
margin: 6px 10px 0 0;
}
.checkOut #savedCredit a {
color: #7b7b7b;
display: inline-block;
margin: 6px 0 0 10px;
}
.checkOut #savedCredit a.editThis {
margin-left: 30px;
margin-right: 10px;
}
.checkOut #or {
display: block;
margin: 1px 0;
text-align: center;
}
.checkOut #buttons {
display: inline-block;
margin: 14px 0 6px 260px;
}
.checkOut #buttons input {
background: url("../systemimages/checkOutButtons.png");
border: 0;
}
.checkOut #buttons input.backToStore {
height: 34px;
width: 221px;
margin: 0 10px 0 0;
}
.checkOut #buttons input.purchaseNow {
height: 34px;
width: 219px;
background-position: -239px 0;
}
.checkOut #summary {
margin: 0 0 10px 0;
}
#shippingAddress,
#savedCreditCard,
#addANewCreditCard {
margin: 0 0 10px 0;
position: relative;
}
#shippingAddress table,
#savedCreditCard table,
#addANewCreditCard table {
width: 940px;
border-collapse: collapse;
}
#addANewCreditCard table .tableMid td h3 {
margin: 0 0 0 16px;
}
#addANewCreditCard table .tableMid td #newCard {
margin: 0 0 0 16px;
height: 100px;
}
#shippingAddress table tr.tableMid {}#shippingAddress table tr.tableTop td,
#savedCreditCard table tr.tableTop td,
#addANewCreditCard table tr.tableTop td {
background: url(../systemimages/crateHead.png);
height: 16px;
}
#shippingAddress table tr.tableMid td,
#savedCreditCard table tr.tableMid td,
#addANewCreditCard table tr.tableMid td {
background: url(../systemimages/crateBodyBg.png) repeat-y;
padding: 0 14px;
}
#shippingAddress table tr.tableMid td {
position: relative;
}
#savedCreditCard table tr.tableMid td h3 {
margin: 0 0 0 16px;
}
#savedCreditCard table tr.tableMid td .cardSelect span.selector {
background: url("../systemimages/shippingAddyPull.png") repeat scroll 0 0 transparent;
display: block;
height: 20px;
left: 39px;
overflow: hidden;
padding: 7px 5px 0;
position: absolute;
top: 0;
width: 349px;
margin: 0 6px;
}
#savedCreditCard .cardSelect span {
display: inline-block;
padding: 6px 0 0;
}
#savedCreditCard .cardSelect {
position: relative;
margin: 20px 0 0 16px;
}
#savedCreditCard table tr.tableMid td .cardSelect .selector {}#savedCreditCard table tr.tableMid td #paySelect {
height: 27px;
opacity: 0;
position: relative;
width: 359px;
margin: 0 0 0 6px;
z-index: 5;
}
#savedCreditCard table tr.tableMid td a {
display: inline-block;
margin: 0 0 0 6px;
color: #7b7b7b;
}
#shippingAddress table tr.tableBot td,
#savedCreditCard table tr.tableBot td,
#addANewCreditCard table tr.tableBot td {
background: url(../systemimages/crateFooter.png);
height: 24px;
}
#shippingAddress .billingAddressTable {
width: 396px;
float: right;
}
#shippingAddress .shippingAddressTable {
width: 420px;
float: left;
}
#shippingAddress .shippingAddressTable td,
#shippingAddress .billingAddressTable td {
height: 18px;
vertical-align: top;
}
#shippingAddress .billingAddressTable tr td.select span {
background: url("../systemimages/shippingAddresses.png") repeat scroll 0 0 transparent;
display: block;
height: 20px;
overflow: hidden;
padding: 7px 5px 0;
width: 239px;
position: absolute;
}
#shippingAddress .shippingAddressTable tr td.select span {
background: url("../systemimages/shippingAddresses.png") repeat scroll 0 0 transparent;
display: block;
height: 20px;
overflow: hidden;
padding: 7px 5px 0;
width: 239px;
position: absolute;
}
#shippingAddress .billingAddressTable tr td.select select {
height: 27px;
opacity: 0;
position: relative;
width: 250px;
z-index: 5;
}
#shippingAddress .shippingAddressTable tr td.select select {
height: 27px;
opacity: 0;
position: relative;
width: 250px;
z-index: 5;
}
#shippingAddress .shippingAddressTable tr td input[type=button],
#shippingAddress .billingAddressTable tr td input[type=button] {
background: url("../systemimages/paymentButtons.png") repeat scroll -199px 0 transparent;
border: 0 none;
color: #939393;
height: 23px;
padding: 0 24px 2px 0;
width: 93px;
margin: 10px 0 0 0;
}
#shippingAddress .shippingAddressTable tr td input[type=button]:hover {
color: #be1e2d;
}
#shippingAddress .shippingAddressTable tr td.titles,
#shippingAddress .billingAddressTable tr td.titles {
padding: 0;
}
#shippingAddress .shippingAddressTable tr td,
#shippingAddress .billingAddressTable tr td {
background: none !important;
}
.checkOut #newCard .line {
padding: 0px 1px;
}
.checkOut #details {
display: inline-block;
}
.checkOut #details .left.floatLeft {
margin: 0 10px 0 0;
}
.checkOut #agreement {
clear: both;
margin: 10px 0 0 0;
text-align: center;
}
.checkOut #agreement input[type=checkbox] {
margin: 0 8px 0 0;
}
.checkOut #agreement span {
font-size: 1.1em;
color: #fff;
}
.checkOut #agreement span a {
color: #fff;
font-size: 1.0em;
text-decoration: underline;
}
/* * Register * Start */
.titleLine {
width: 652px;
height: 1px;
display: block;
background: url("../systemimages/titleLine.png");
margin: 5px auto;
}
#dynamic.register .content {
width: 683px;
margin-left: 11px;
}
#dynamic.register .content h2 {
text-align: center;
}
#accountLogin,
#accountCreate {
height: 341px;
width: 314px;
float: left;
margin: 10px 0 0 0;
}
#accountLogin {
border-right: 1px solid #3C3C3C;
}
#accountCreate {
margin: 10px 0 0 10px;
}
#accountLogin form input,
#accountCreate form input,
#accountLogin form password,
#accountCreate form password {
color: #939393;
}
#accountLogin input[type=text],
#accountCreate input[type=text],
#accountLogin input[type=password],
#accountCreate input[type=password] {
height: 22px;
width: 282px;
background: url(../systemimages/accountInput.png);
border: none;
padding: 0 5px;
margin: 0 0 10px 0;
}
#dynamic.register form input[type=button] {
background: url(../systemimages/accountButtons.png);
border: none;
font-size: 0.9em;
padding: 0 22px 3px 0;
color: #939393;
}
#dynamic.register form input[type=button]:hover {
color: #be1e2d;
}
#accountLogin input[type=button].passButton {
height: 23px;
width: 96px;
background-position: 0 -23px !important;
margin: 10px 0 0 0px;
}
#accountCreate input[type=button] {
height: 23px;
width: 95px;
background-position: 0 -115px !important;
margin: 10px 0 0 0px;
}
#accountLogin input[type=button].loginButton {
height: 23px;
width: 72px;
margin: 10px 0 0 0px;
}
#accountLogin input[type=button].loginButton:hover {
color: #be1e2d;
}
#accountLogin h3:first-child,
#accountCreate h3 {
margin: 0 0 16px !important;
}
#accountLogin h3 {
margin: 109px 0 16px !important;
font-size: 1.1em !important;
}
/* * Register * End */
/* * Contact Update * Start */
#dynamic .content h2 {
text-align: center;
}
#contactForm {
width: 315px;
float: left;
position: relative;
}
#contactForm input,
#contactForm .message {
background: url(../systemimages/contactFormSprites.png);
border: 0;
color: #939393;
}
#contactHolder {
background: url(../systemimages/contactUsBg.png);
height: 602px;
margin: 0 0 0 -8px;
padding: 20px;
width: 642px;
}
#recaptcha_area {
margin: 10px 0 0 0;
}
#recaptcha_response_field {
background-image: none !important;
background-color: #fff !important;
}
/* * Contact Update * End */
/* * Landing Page * Start */
#landingResults {
background: url("../systemimages/genericBg.png");
height: 670px;
margin: 0 0 0 10px;
padding: 15px 0 0 7px;
width: 674px;
}
#landingResults h2 {
color: #FFFFFF;
font-size: 1.6em;
font-weight: bolder;
letter-spacing: 1px;
text-align: center;
}
#landingResults table {
height: 630px;
width: 669px;
display: block;
}
#landingResults table td {
text-align: center;
height: 210px;
width: 223px;
vertical-align: middle;
}
.subscriptions .sideAds {
clear: both;
}
.landingPage .sideAds .adThree,
.subscriptions .sideAds .adThree {
background: url("../systemimages/sideBannerThree.png");
height: 240px;
width: 228px;
display: block;
text-align: center;
padding: 10px;
margin: 12px 0 0 0;
}
/* * Landing Page * End */
/* * Confirmation * Start */
.shoppingCart.confirmation #dynamic .cartHolder h2 {
color: #FFFFFF;
font-size: 1.6em;
font-weight: bolder;
letter-spacing: 1px;
margin: 15px 0 0;
text-align: center;
}
.shoppingCart.confirmation #dynamic .cartHolder .head {
background: url(../systemimages/blankCartBg.png);
}
.shoppingCart.confirmation #dynamic .cartHolder .shoppingItems {
width: 602px;
}
.shoppingCart.confirmation #dynamic .cartHolder table tr {
text-align: center;
}
.shoppingCart.confirmation #dynamic .cartHolder table tr:first-child {
height: 26px;
}
.shoppingCart.confirmation #dynamic .cartHolder table tr:first-child td {
text-decoration: underline;
}
.shoppingCart.confirmation #dynamic .cartHolder .theTotal {
margin: 0 0 20px 336px;
width: 236px;
}
.shoppingCart.confirmation #dynamic .cartHolder .theTotal tr {
height: 20px;
}
.shoppingCart.confirmation #dynamic .cartHolder .theTotal tr td {
text-decoration: none !important;
text-align: right;
}
/* * Confirmation * End */
/* * VIP * Start */
.vip #dynamic .content table {
width: 543px;
float: left;
}
.vip #dynamic .content table td {
text-align: center;
height: 136px;
vertical-align: top;
}
.vip #dynamic .content table .title {
display: block;
text-align: center;
margin: 5px 0;
}
.vip #dynamic .content .contentSide {
height: 377px;
margin: -6px 0 0;
padding: 44px 11px 0;
position: absolute;
right: 0;
width: 103px;
background: url(../systemimages/vipArchive.png);
}
.vip #dynamic .content .contentSide .archives {
display: block;
height: 18px;
overflow: hidden;
padding: 4px 5px 0;
position: absolute;
width: 93px;
background: url(../systemimages/vipYears.png);
}
.vip #dynamic .content .contentSide ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0 10px;
}
.vip #dynamic .content .contentSide ul li {
margin: 0 0 12px;
color: #fff;
}
.vip #dynamic .content .contentSide select {
width: 103px;
height: 22px;
position: relative;
z-index: 5;
opacity: 0;
}
.vip #dynamic .content table td a {
height: 23px;
width: 95px;
background: url(../systemimages/downloadButton.png);
display: block;
text-indent: -9999px;
margin: 0 auto;
}
/* * VIP * End */
/* * Lightbox * Start */
.lightbox-content.message {
background: url("../systemimages/blankBoxBg.png");
height: 239px;
padding: 25px 25px 0;
width: 549px;
}
.lightbox-content.message p {
text-align: left;
margin: 44px 0 0 10px;
}
#zoombox .lightbox-content.message {
background: url(../systemimages/zoombox.png);
height: 346px;
width: 268px;
padding: 12px 19px 0;
text-align: left;
}
#zoombox .lightbox-content.message h2 {
display: inline-block;
margin: 12px 0 0 10px;
color: #fff;
font-weight: normal;
}
#zoombox .lightbox-content.message a {
margin: 13px 0 0 0;
}
#zoombox .lightbox-content.message p {
margin: 32px 0 0 8px;
}
/* * Lightbox * End */
/* * Preferences * Start */
.preferences #tierTwo {
width: 935px;
margin: 0 0 0 -5px;
}
.preferences #tierTwo form input,
.checkOut .lightbox-content.message form input {
background: url(../systemimages/prefSprites.png);
border: none;
}
.preferences #tierTwo form input[type=text],
.preferences #tierTwo form input[type=password],
.checkOut .lightbox-content.message form input[type=text] {
height: 27px;
width: 198px;
padding: 0 5px;
margin: 0 10px 16px 0;
color: #939393;
}
.preferences #tierTwo form input[type=button],
.checkOut .lightbox-content.message form input[type=button] {
background: url(../systemimages/submitButton.png);
height: 23px;
width: 92px;
margin: 45px 15px 0 0;
float: right;
color: #939393;
padding: 0 24px 2px 0;
}
.preferences #tierTwo form input[type=button]:hover,
.checkOut .lightbox-content.message form input[type=button]:hover {
color: #be1e2d;
}
#upperPrefs {
background: url(../systemimages/accountPrefBg1.png);
height: 406px;
width: 901px;
padding: 2px 20px 0;
}
#lowerPrefs {
background: url(../systemimages/accountPrefBg2.png);
height: 269px;
width: 901px;
padding: 20px 20px;
}
#contactInfo {
border-right: 1px solid #3C3C3C;
float: left;
margin: 14px 0 0;
width: 444px;
position: relative;
}
#shippingInfo {
float: left;
margin: 14px 0 0 16px;
width: 433px;
position: relative;
height: 319px;
}
#contactInfo span {
background: url(../systemimages/prefSprites.png);
background-position: 0 -27px;
display: block;
height: 21px;
overflow: hidden;
padding: 6px 5px 0;
position: absolute;
right: 15px;
top: 122px;
width: 198px;
color: #B1B1B1;
}
#contactInfo select {
height: 27px;
width: 208px;
position: relative;
z-index: 5;
opacity: 0;
}
#shippingInfo span.shipSelect,
#billingInfo span.billSelect,
#paymentInfo span.paymentSelect {
width: 423px;
height: 20px;
display: block;
overflow: hidden;
position: absolute;
background: url(../systemimages/prefSprites.png);
background-position: 0 -54px;
padding: 7px 5px 0;
}
#shippingInfo select.shipSelect,
#billingInfo select.billSelect,
#paymentInfo select.paymentSelect {
width: 433px;
height: 27px;
position: relative;
z-index: 5;
opacity: 0;
}
#paymentInfo select#paySelect {
margin: 10px 0;
}
#paymentInfo table,
#shippingInfo table,
#billingInfo table {
margin: 20px 0 0 0;
}
#paymentInfo table tr td,
#shippingInfo table tr td,
#billingInfo table tr td {
color: #b1b1b1;
}
#paymentInfo table tr td:first-child,
#shippingInfo table tr td:first-child,
#billingInfo table tr td:first-child {
font-weight: bold;
padding: 0 10px 0 0;
vertical-align: top;
}
#shippingInfo .buttons,
#billingInfo .buttons,
#paymentInfo .buttons {
bottom: 0;
position: absolute;
right: 0;
}
#shippingInfo .buttons ul li input[type=button],
#billingInfo .buttons ul li input[type=button],
#paymentInfo .buttons ul li input[type=button] {
background: url(../systemimages/prefButtonSprites.png);
width: 93px;
margin: 0 0 0 10px;
padding: 0 24px 2px 0;
color: #939393;
}
.preferences #tierTwo #subPrefs .cancelbutton {
background: url(../systemimages/cancelbutton.png);
height: 23px;
width: 146px;
color: #939393;
padding: 0 27px 1px 0;
}
.preferences #tierTwo #subPrefs .cancelbutton:hover {
color: #be1e2d;
}
#shippingInfo .buttons ul li input[type=button]:hover,
#billingInfo .buttons ul li input[type=button]:hover,
#paymentInfo .buttons ul li input[type=button]:hover {
color: #be1e2d;
}
#shippingInfo .buttons ul li input[type=button].edit,
#billingInfo .buttons ul li input[type=button].edit {
background-position: 0 -46px;
}
#shippingInfo .buttons ul li input[type=button].delete,
#billingInfo .buttons ul li input[type=button].delete,
#paymentInfo .buttons ul li input[type=button].delete,
.cancelbutton {
background-position: 0 -23px;
}
#shippingInfo .buttons ul,
#billingInfo .buttons ul,
#paymentInfo .buttons ul {
list-style: none;
}
#shippingInfo .buttons ul li,
#billingInfo .buttons ul li,
#paymentInfo .buttons ul li {
float: left;
}
#contactInfo h3,
#shippingInfo h3,
#billingInfo h3,
#paymentInfo h3 {
font-size: 1.1em;
margin: 0 0 20px 0;
}
#upperPrefs h2 {
color: #FFFFFF;
font-size: 1.6em;
font-weight: bolder;
letter-spacing: 1px;
margin: 15px 0 0;
text-align: center;
}
#shippingInfo h3.methodSelect {
margin: 20px 0 20px;
}
#shippingInfo span.methodSelect {
background: url(../systemimages/prefSprites.png);
background-position: 0 -27px;
display: block;
height: 21px;
overflow: hidden;
padding: 6px 5px 0;
position: absolute;
width: 198px;
color: #B1B1B1;
}
#shippingInfo select.methodSelect {
height: 27px;
width: 208px;
position: relative;
z-index: 5;
opacity: 0;
}
#billingInfo {
border-right: 1px solid #3C3C3C;
padding: 0 11px 0 0;
position: relative;
width: 433px;
height: 265px;
float: left;
}
#billingInfo .buttons {
right: 15px;
}
#paymentInfo {
position: relative;
height: 265px;
width: 433px;
float: left;
margin: 0 0 0 16px;
}
.preferences .lightbox-content.message {
background: url(../systemimages/blankBoxBg.png);
position: relative;
}
.preferences .lightbox-content.message h2,
.checkOut .lightbox-content.message h2 {
color: #FFFFFF;
font-size: 1.6em;
margin: 4px 0 20px;
text-align: left;
width: 400px;
text-transform: uppercase;
}
.preferences .lightbox-content.message .close,
.checkOut .lightbox-content.message .close {
position: absolute;
right: 23px;
top: 27px;
}
.preferences .lightbox-content.message input {
background: url(../systemimages/prefSprites.png);
border: 0;
color: #B1B1B1;
}
.preferences .lightbox-content.message input[type=text] {
height: 17px;
width: 198px;
padding: 5px;
margin: 0 20px 10px 0;
}
.preferences .lightbox-content.message span,
.checkOut .lightbox-content.message form span {
background: url(../systemimages/prefSprites.png);
background-position: 0 -27px;
display: block;
height: 21px;
overflow: hidden;
padding: 6px 5px 0;
position: absolute;
right: 90px;
top: 146px;
width: 198px;
color: #939393;
text-align: left;
}
#addressstate {
left: 80px;
margin: 12px 0 0 0;
}
.preferences #tierTwo .lightbox-content.message form input.save,
.checkOut .lightbox-content.message form input.save {
bottom: 34px;
position: absolute;
right: 24px;
background: url(../systemimages/submitButton.png);
height: 23px;
width: 92px;
padding: 0 6px 2px 0px;
}
.preferences #tierTwo .lightbox-content.message form input.save:hover,
.checkOut .lightbox-content.message form input.save:hover {
color: #be1e2d;
}
.preferences #tierTwo form #country,
.checkOut .lightbox-content.message form #country {
position: absolute;
left: 80px;
top: 200px;
}
.preferences #tierTwo #addressbox #zip,
.checkOut .lightbox-content.message form #zip {
position: absolute;
right: 79px;
top: 158px;
}
.preferences .lightbox-content.message select,
.checkOut .lightbox-content.message select {
height: 27px;
margin: 24px 0 0 20px;
opacity: 0;
position: relative;
right: 10px;
top: -5px;
width: 208px;
z-index: 5;
}
.preferences #addressbox #addressstateselect,
.checkOut .lightbox-content.message #addressstateselect {
left: 60px;
position: absolute;
top: 133px;
}
.preferences .lightbox-content.message input[type=button] {
background: url(../systemimages/prefButtonSprites.png);
float: right;
height: 23px;
margin: 0px 64px 0 10px;
width: 93px;
background-position: 0 -69px;
}
.preferences #cardbox .lightbox-content.message input[type=button] {
margin-top: 50px;
}
.preferences #cardbox .lightbox-content.message span.type {
left: 67px;
top: 72px;
}
.preferences #cardbox .lightbox-content.message select.month {
position: absolute;
right: 205px;
top: 150px;
width: 92px;
}
.preferences #cardbox .lightbox-content.message span.month,
.preferences #cardbox .lightbox-content.message span.year {
background-position: -209px 0;
top: 109px;
width: 85px;
}
.preferences #cardbox .lightbox-content.message select.year {
position: absolute;
right: 91px;
top: 110px;
width: 92px;
}
.preferences #cardbox .lightbox-content.message span.month {
right: 203px;
}
.preferences #cardbox .lightbox-content.message .cardNum {
margin: 0 89px 0 0;
}
.preferences #cardbox .lightbox-content.message .divide {
position: absolute;
right: 192px;
top: 115px;
}
.preferences #tierTwo #cardbox input[name=cardname] {
position: absolute;
left: 75px;
top: 111px;
}
.preferences #tierTwo #cardbox #ccmonth {
left: 55px;
position: absolute;
top: 128px;
}
.preferences #tierTwo #cardbox #ccyear {
position: absolute;
right: 84px;
top: 128px;
}
.preferences #tierTwo #cardbox #cardType {
left: 75px;
position: absolute;
top: 72px;
}
.preferences #tierTwo #cardbox #ccmonthspan {
left: 75px;
position: absolute;
top: 150px;
}
.preferences #tierTwo #cardbox #cardTypeSelect {
height: 27px;
left: 70px;
margin: 10px 0 0 6px;
opacity: 0;
position: absolute;
top: 64px;
width: 208px;
z-index: 5;
}
.preferences #tierTwo #cardbox #ccyearspan {
left: 306px;
top: 150px;
}
.preferences #tierTwo #cardbox input[name=cardnumber] {
left: 306px;
position: absolute;
top: 111px;
}
.preferences #tierTwo #cardbox input[name=cvv] {
left: 75px;
top: 190px;
position: absolute;
}
/** * Subprefs Start */
#subPrefs {
background: url(../systemimages/accountPrefBg3.png);
height: 130px;
width: 901px;
padding: 20px 20px;
}
#subPrefs ul {
list-style: none;
}
#subPrefs ul li:first-child {
width: 200px;
text-align: right;
}
.preferences #tierTwo #subPrefs ul li input[type=text] {
margin: 4px 10px;
}
.preferences #tierTwo #subPrefs ul li input[type=text]:first-child {
margin: 0px 10px 0px;
}
#subPrefs ul li {
float: left;
}
.preferences #tierTwo #subPrefs input {
background: url(../systemimages/subPrefSprites.png);
}
.preferences #tierTwo #subPrefs input[type=text] {
background-position: 0 -253px;
height: 27px;
width: 60px;
}
.preferences #tierTwo #subPrefs ul {
margin: 20px 0 0 0;
}
.preferences #tierTwo #subPrefs li textarea {
width: 438px;
height: 82px;
padding: 5px;
margin: 0px 10px 0 0;
background: url(../systemimages/subPrefSprites.png);
border: 0;
color: #ccc;
}
.preferences #tierTwo #subPrefs li span {
background: url("../systemimages/subPrefSprites.png") repeat scroll -74px -93px transparent;
display: block;
height: 20px;
overflow: hidden;
padding: 7px 5px 0;
position: absolute;
width: 200px;
margin: 0px 0 0 0;
}
.preferences #tierTwo #subPrefs li.last {
width: 220px;
}
.preferences #tierTwo #subPrefs li select {
height: 27px;
opacity: 0;
position: relative;
width: 210px;
z-index: 5;
margin: 0px 0 0 0;
}
.preferences #tierTwo #subPrefs li input[type=submit] {
height: 32px;
width: 216px;
background-position: -285px -92px;
margin: 8px 0 0 0;
font-size: .9em;
}
.preferences #tierTwo #subPrefs li input[type=submit]:active {
background-position: -285px -125px;
}
.preferences #tierTwo #subPrefs li input[type=submit]:hover {
background-position: -285px -125px;
}
.preferences #tierTwo #subPrefs h4 {
margin: 0 0 10px 0;
text-align: left;
}
/* * Preferences * End */
/* * Subscriptions page * Start */
.subscriptions #landingResults .titleLine {
margin-bottom: 20px;
}
.vip table tr.top .titleLine {
margin-bottom: 20px;
}
.vip table tr.top h2 {
padding: 4px 0 0 0;
}
#dynamic .vip table tr.top p {
margin: 0 58px;
}
#dynamic .vip table tr.mid td {
padding: 0 9px;
/* width: 670px;*/
}
#dynamic .vip table tr.mid td tr:first-child {
height: 43px;
background: none;
}
#dynamic .vip table tr.mid td tr:first-child:hover {
color: #787878;
}
.subscriptions #landingResults p,
#searchResults.vip p {
margin: 0 auto;
width: 580px;
font-size: 1.1em;
}
#searchResults.vip p a {
color: #787878;
text-decoration: underline;
}
#searchResults.vip p a:hover {
color: #fff;
}
#subForm {
width: 580px;
margin: 20px auto 0;
}
#subForm h3:first-child {
margin: 0;
}
#subForm .stepOne {
list-style: none;
margin: 20px 0;
display: inline-block;
}
#subForm .stepOne li {
float: left;
margin: 0 20px 0 0;
}
#subForm .stepOne li input[type=radio] {
margin: 0 6px 0 0;
}
#subForm h3 {
clear: both;
margin: 0 0 20px 0;
}
#subForm #accordion h3 {
margin: 1px 0;
color: #b1b1b1;
padding: 3px 6px;
}
#accordion ul {
list-style: none;
}
#accordion ul li {
margin: 0 0 10px 0;
}
#accordion ul li.disabled {
opacity: 0.3;
filter: alpha(opacity=30);
}
#accordion ul li strong {
color: #fff;
}
#accordion ul li input[type=radio] {
margin: 0 10px 0 0;
}
#accordion .ui-state-active .ui-icon.ui-icon-triangle-1-s {
height: 23px;
width: 23px;
background: url(../systemimages/accordionDown.png);
left: 550px;
top: 12px;
}
#accordion .ui-state-default .ui-icon {
height: 23px;
width: 23px;
background: url(../systemimages/accordionLeft.png);
left: 550px;
top: 12px;
}
#accordion .ui-corner-top {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}
#accordion .ui-corner-bottom {
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
}
#accordion .ui-state-active,
#accordion .ui-widget-content .ui-state-active,
#accordion .ui-widget-header .ui-state-active {
background: #434242;
border: 1px solid #434242;
}
#accordion .ui-state-default,
#accordion .ui-widget-content .ui-state-default,
#accordion .ui-widget-header .ui-state-default {
background: #434242;
border: 1px solid #434242;
}
#accordion .ui-widget-content {
background: none;
color: #b1b1b1;
border: 1px solid #434242;
padding: 15px !important;
}
#accordion .ui-corner-all {
-moz-border-radius: 0px;
}
#accordion .ui-state-active a,
#accordion .ui-state-active a:link,
#accordion .ui-state-active a:visited,
#accordion .ui-state-default a,
#accordion .ui-state-default a:link,
#accordion .ui-state-default a:visited {
color: #b1b1b1;
}
.ui-accordion-content h4 {
font-size: 1.1em;
margin: 0 0 2px;
}
#subCheckout {
float: right;
margin: 20px 0 0 0;
text-align: right;
}
#subCheckout input[type=submit] {
clear: both;
display: block;
height: 23px;
width: 146px;
border: 0;
margin: 10px 0 0 0;
background: url(../systemimages/proceedNow.png);
color: #939393;
padding: 0 24px 1px 0;
font-size: 0.9em;
}
#subCheckout input[type=submit]:hover {
color: #be1e2d;
}
#subCheckout span input[type=text] {
height: 20px;
width: 65px;
background: url(../systemimages/subInput.png);
border: 0;
margin: 0 0 0 10px;
color: #939393;
padding: 0 0 0 5px;
}
/* * Subscriptions Page * End */
.mceContentBody {
background-image: none;
}
#purchaseNow {
text-align: right;
padding: 0px 2px 0 0;
margin: 10px 0 0 0;
}
#purchaseNow input[type=button] {
background: url(../systemimages/purchaseNowBtn.png);
border: 0 none;
color: #BE1E2D;
font-size: 16px;
height: 36px;
padding: 0 34px 0 0;
width: 220px;
}
#paypalconfirmform #purchaseNow {
font-size: 15px;
}
#paypalconfirmform #purchaseNow input[type=button] {
color: white;
}
#paypalform {
float: left;
margin: 4px 10px 0 0;
}
#theLeftBar {
float: left;
}
.cartSummary .content .ultiMessage {
position: relative;
left: 30px;
display: block;
padding: 20px 30px 0 0;
text-align: justify;
clear: right;
}
#cartButtons .choose {
display: inline-block;
text-align: center;
margin: 0 0 10px;
width: 100%;
clear: both;
}
.shoppingCart #messagebox .lightbox-content h2 {
color: #FFFFFF;
text-align: left;
text-transform: uppercase;
}
.shoppingCart #messagebox .lightbox-content ul {
float: left;
list-style: none outside none;
margin: 24px 0 0;
}
.shoppingCart #messagebox .lightbox-content .close {
margin: -20px 0 0 0;
}
#checkouterrors {
list-style: none;
text-align: left;
display: inline;
}
#strongMessage {
font-weight: bold;
color: #FFFFFF !important;
}
#checkouterrors .spinner {
margin: 20px auto 0;
text-align: center;
}
#thespinner {
display: inline-block;
height: 32px;
width: 32px;
margin: 20px 0 0 0;
}
#addedMessage {
background: #BE1E2D;
padding: 10px;
/*position: fixed;*/
/*left: 50%;*/
/*margin-left: -130px;*/
/*top: 20px;*/
width: 140px;
text-align: center;
color: #fff;
font-weight: bold;
display: none;
margin: 10px 0 0 0;
}
#searchResults table tr td.my_music_name {
padding: 0 10px 0 0;
width: 130px;
}
#searchResults table tr td.my_music_type {
padding: 0 10px 0 0;
width: 40px;
}
#searchResults table tr td.my_music_date {
padding: 0 10px 0 0;
width: 80px;
}
#searchResults table tr td.my_music_dtext {
padding: 0 10px 0 0;
width: 170px;
}
#searchResults table tr td.my_music_downloads {
padding: 0 0 0 10px;
}
#my_music_message {
margin: 10px 0 10px 10px;
color: #8F8F8F;
width: 650px;
}
#my_music_message a {
color: #8f8f8f;
}
.newsletterlightbox {
background: url(../systemimages/messageBoxBg.png);
width: 600px;
height: 263px;
color: #939393;
}
.newsletterlightbox a.close {
margin: 24px 20px 0 0;
}
#newsletterresponse {
position: absolute;
top: 68px;
left: 34px;
width: 500px;
text-align: left;
}
#cancelbox .lightbox-content.message p {
margin: 20px 0 0 0;
display: table-cell;
}
#cancelbox .lightbox-content.message .no {
position: absolute;
right: 126px;
top: 86px;
font-size: 12px;
}
#cancelbox .lightbox-content.message .noButton {
background: url(../systemimages/prefButtonSprites.png);
height: 18px;
width: 93px;
display: block;
color: #B1B1B1;
padding: 5px 0 0 0;
font-size: 12px;
}
#cancelbox .lightbox-content.message input[type="button"] {
font-family: helvetica;
font-size: 12px !important;
margin: 0;
position: absolute;
right: 24px;
top: 86px;
padding: 2px 0 0 0;
}