body {background-color: #000;padding: 0px;margin: 0px;font-family:"Verdana", Arial, Helvetica, sans-serif; color: #FFF; font-size:85%;voice-family: "\"}\"";voice-family:inherit;} p {margin: 0px 0px 10px 0px;padding: 0px;font-size: 90%;line-height: 155%;} h1 {margin: 0px 0px 10px 0px;padding: 0px;font-size: 120%;} h2 {margin-bottom: 10px;margin-left: 8px;padding: 0px;font-size: 190%;color: #c9aab8;} h3 {margin: 0px 40px 0px 0px;padding: 0px;font-size: 110%;} h4 {margin-bottom: 10px;padding: 0px;font-size: 190%;color: #c9aab8;} h5 {padding: 0px;font-size: 140%;color: #c9aab8;} h6 {margin: 0px;padding: 0px;font-size: 150%;} h7 {margin:0px; padding:0px 0 8px 0; font-size: 140%;color: #c9aab8;} input, select, textarea {padding: 2px 0px 2px 0px;background-color: #FFF;border: none;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size: 100%;} .proceed {color: #c9aab8; text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} /* links */ a:link {color: #FFF; text-decoration: none;} a:visited {color: #CCC;text-decoration: none;} a:hover {color: #FFF;text-decoration: none;text-decoration: underline;} a:active {color: #CCC;text-decoration: none;} /* links */ #wrapper {/* needed for footer positioning*/margin:0px auto 30px auto; /* center, not in IE5 */ padding:0 0 0 0px;width:896px;} /* Header */ #header {height: 145px;width: 793px;background: url(images/constants/banner.jpg) no-repeat; padding: 110px 0px 0px 103px;} /* start nav */ #nav, #nav ul { /* all lists */display: block;padding: 0;margin: 0;list-style: none;} #nav a {display: block;} #nav li {float: left;} #nav li ul {/* second-level lists */padding: -3px;text-align: left;position: absolute;width: 84px;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 84px;} #nav li:hover ul ul, #nav li.sfhover ul ul {display: block;left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, li li a{left: auto;top: 194px;display: block;voice-family: "\"}\""; voice-family:inherit; top: 194px;} /* end nav */ #navleft {float: left;width: 239px;height: 140px;margin-top:0px;} #navright {float: left;width: 162px;height: 140px;margin-top:0px;} #tag {height: 57px;width: 550px;padding: 0px;} #taghome {height: 52px;width: 550px;padding: 5px 0px 0px 0px;} #titles {height: 67px;width: 487px;padding: 0px 0px 0px 0px;} /* END Header */ #middle {margin-bottom:30px;padding: 0px 0px 0px 114px;background: url(images/constants/content-area.jpg) no-repeat;} #av-middle {margin-bottom:14px;padding: 0px 0px 0px 114px;background: url(images/constants/av-content-area.jpg) no-repeat;} #shop-middle {margin-bottom:30px;padding: 0px 0px 0px 114px;background: url(images/constants/shop-content-area.jpg) no-repeat; height:600px;} #steps {width: 502px;height:31px; margin-bottom:10px;padding: 0px 0px 0px 212px; color:#4c3561;background: url(images/constants/bk-steps.gif) no-repeat;text-transform:uppercase;font-family: "Verdana", Arial, Helvetica, sans-serif;} #live-column {float: left;width: 525px;padding-top: 10px;margin: 0px;text-align: left; vertical-align: bottom;} #live-columnlyrics {float: left;width: 552px;padding-top: 10px;margin: 0px;text-align: left;overflow:auto;height:360px;} #live-columnav {float: left;width: 350px;padding-top: 10px;margin: 0px;text-align: left;overflow:auto;height:360px;} #live-gallery {float: center;width: 730px;padding-top: 20px;margin: 0px;text-align: center;height:360px;} #left-column {float: left;width: 120px;padding: 0px;margin: 0px;text-align: left; vertical-align: bottom;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size: 90%;line-height: 155%;} #liveshop-column {font-family: "Verdana", Arial, Helvetica, sans-serif;font-size: 80%; float: left;width: 280px;padding-right: 10px;margin: 0px;text-align: left; vertical-align: bottom;} #liveorder-column {float: left;width: 525px;padding: 0px;margin-bottom:30px;text-align: left; vertical-align: bottom;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size: 90%;} #profile {float: left;width: 645px;padding-left: 10px;padding-top: 15px;margin: 0px;text-align: left; vertical-align: bottom;} #links {float: left;width: 384px;padding-left: 10px;margin: 0px;text-align: left; vertical-align: bottom;} #left-columnlyrics {float: left;width: 170px;padding: 0px;margin: 0px;text-align: left; vertical-align: bottom;font-size: 115%;color: #c9aab8;} #left-columnav {float: left;width: 350px;padding-top: 10px;margin: 0px;text-align: left; vertical-align: bottom;} #lyricsspac {height: 100px;width: 487px;padding: 0px;} #live-column a:link {color: #c9aab8 ; text-decoration: none;padding: 3px;line-height: 155%;backgro-und:#4c3561;} #live-column a:visited {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;backgro-und:#4c3561;} #live-column a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#31233e;padding: 3px;line-height: 155%;} #live-column a:active {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;backg-round:#4c3561;} #left-column a:link {color: #c9aab8 ; text-decoration: none;padding: 3px 3px 3px 0;} #left-column a:visited {color: #c9aab8;text-decoration: none;padding: 3px 3px 3px 0;} #left-column a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#31233e;padding: 3px 3px 3px 0;} #left-column a:active {color: #c9aab8;text-decoration: none;padding: 3px 3px 3px 0;} #left-columnlyrics a:link {color: #c9aab8 ; text-decoration: none;padding-bottom: 3px;line-height: 155%;} #left-columnlyrics a:visited {color: #c9aab8;text-decoration: none;padding-bottom: 3px;line-height: 155%;} #left-columnlyrics a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#4c3561;padding-bottom: 3px;line-height: 155%;} #left-columnlyrics a:active {color: #c9aab8;text-decoration: none;padding-bottom: 3px;line-height: 155%;} #liveshop-column a:link {color: #c9aab8 ; text-decoration: none;padding: 3px;line-height: 155%;backgro-und:#4c3561;} #liveshop-column a:visited {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;backgro-und:#4c3561;} #liveshop-column a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#31233e;padding: 3px;line-height: 155%;} #liveshop-column a:active {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;backg-round:#4c3561;} #liveorder-column a:link {color: #c9aab8; text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #liveorder-column a:visited {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #liveorder-column a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#31233e;padding: 3px;line-height: 155%;} #liveorder-column a:active {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #links a:link {color: #c9aab8 ; text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #links a:visited {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #links a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#31233e;padding: 3px;line-height: 155%;} #links a:active {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} .tag {margin: 0px;padding: 0px;font-size: 130%;color: #c9aab8;} .title {margin: 0px;padding: 0px;font-size: 200%;color: #c9aab8;} .tagsmall {margin: 0px;padding: 0px;font-size: 90%;color: #c9aab8;} div.row{height: 10px;margin:2px 0 0 0;} .steps{float: left; width: 160px; text-align: left;margin:3px 0 0 0;} .stepson{float: left; width: 160px; text-align: left;margin:3px 0 0 0;color:#FFF;} .order1{float: left; width: 490px; text-align: left;margin:0px;} .order3{float: left; width: 190px; text-align: left;margin:10px 0 0 0;} .order2{float: right; width: 330px; text-align: right;margin:10px 0 0 0;} .reg{float: left; width: 342px; text-align: right;margin:10px 0 0 0;} .place{float: left; width: 350px; text-align: right;margin:10px 0 0 0;} .shop-1{float: left; width: 360px; text-align: right;margin:10px 0 0 0;} .av{float: left; width: 350px; text-align: left;margin:5px;} .shop-3{float: left; width: 360px; text-align: left;margin:5px 0 0 0;} .shop-2{float: left; width: 360px; text-align: right;margin:0px;}/* gapper desc */ .shop0{float: left; width: 390px; text-align: left;margin:0px;} .shop1{float: left; width: 200px; text-align: left;margin:10px 0 0 0;} .shop2{float: left; width: 100px; text-align: left;margin:10px 0 0 0;} .shop3{float: left; width: 50px; text-align: left;margin:10px 0 0 0;} .shop4{float: left; width: 125px; text-align: left;margin:10px 0 0 0;padding-right:5px;} .shop5{float: left; width: 33px; text-align: left;margin:10px 0 0 0;} .shop6{float: left; width: 8px; text-align: left;margin:10px 0 0 0;} .shop7{float: left; width: 40px; text-align: left;margin:0px;} .shop8{float: left; width: 265px; text-align: left;margin:10px 0 0 0;padding-right:5px;} .totalorder{float: left; width: 285px; text-align: left;margin:10px 0 0 0;padding-right:5px;} .totalorderr{float: right; width: 285px; text-align: right;margin:10px 0 10px 0;padding-right:5px;} .shop9{float: left; width: 105px; text-align: left;margin:10px 0 0 0;padding-right:5px;} .shop10{float: right; width: 265px; text-align: right;margin:10px 0 0 0;padding-bottom:10px;} .edit1{float: left; width: 100px; text-align: left;margin:10px 0 0 0;} .edit2{float: left; width: 50px; text-align: left;margin:10px 0 0 0;} .edit3{float: right; text-align: right;margin:0px; width:225px;} .edit4{float: right; width: 707px; text-align: right;margin:10px 0 0 0;} .edit5{float: left; width: 695px; text-align: left;margin:10px 0 0 0;} .edit22{float: right; text-align: left; width:80px;margin:10px 0 0 0;} .edit6{float: left; width: 695px; text-align: left;margin:10px 0 10px 0;font-size: 165%;} .lyric{float: left; width: 520px; text-align: left;margin:10px 0 0 0;} div.cartrow{margin:2px 0 0 0;} div.cartrow a:link {color: #FFF; text-decoration: none;padding: 2px;line-height: 155%;} div.cartrow a:visited {color: #CCC;text-decoration: none;padding: 2px;line-height: 155%;} div.cartrow a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#000;padding: 3px;line-height: 155%;} div.cartrow a:active {color: #CCC;text-decoration: none;padding: 2px;line-height: 155%;} div.editrow{height: 40px;margin:2px 0 0 0;font-size: 120%;font-weight: bold;border-bottom: 1px solid #c9aab8;} div.editrowlo{height: 30px;margin:2px 0 0 0;font-size: 85%;border-bottom: 1px solid #c9aab8;} div.editrowlo2{height: 50px;margin:2px 0 0 0;font-size: 85%;border-bottom: 1px solid #c9aab8;} div.shop{height: 130px;margin:2px 0 0 0;font-size: 95%;} div.av{height: 10px;margin:0px 0 0 20px;} div.edit{height: 50px;margin:2px 0 0 0;font-size: 85%;} div.edit a:link {color: #FFF; text-decoration: none;padding: 2px;line-height: 155%;} div.edit a:visited {color: #CCC;text-decoration: none;padding: 2px;line-height: 155%;} div.edit a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#000;padding: 3px;line-height: 155%;} div.edit a:active {color: #CCC;text-decoration: none;padding: 2px;line-height: 155%;} div.editrowlo2 a:link {color: #FFF; text-decoration: none;padding: 2px;line-height: 155%;} div.editrowlo2 a:visited {color: #CCC;text-decoration: none;padding: 2px;line-height: 155%;} div.editrowlo2 a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#000;padding: 3px;line-height: 155%;} div.editrowlo2 a:active {color: #CCC;text-decoration: none;padding: 2px;line-height: 155%;} div.edit23{height: 200px;margin:2px 0 0 0;font-size: 85%;} div.edit23 a:link {color: #FFF; text-decoration: none;padding: 2px;line-height: 155%;} div.edit23 a:visited {color: #CCC;text-decoration: none;padding: 2px;line-height: 155%;} div.edit23 a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#000;padding: 3px;line-height: 155%;} div.edit23 a:active {color: #CCC;text-decoration: none;padding: 2px;line-height: 155%;} /* END Middle - (Home) Column */ #colNormal {float: left;width: 385px;margin: 0px 15px 0px 15px;} #colnews {float: left;padding: 0px; background: #000 url(images/constants/home-news.gif) no-repeat top;width: 520px;height: 56px;} /* END Middle - (Normal) Column */ #headeditcart { width: 703px;background: url(images/constants/editcart-back.gif) no-repeat top left;height: 40px;} #colright { background: #000 url(images/constants/offer-back.gif) no-repeat top; float: left;width: 190px;padding: 0px 0px 10px 0px;;margin-top: 30px;font-size: 75%} #colrightcart { background: #4c3561 url(images/constants/cart-back.gif) no-repeat top left; float: left;width: 300px;padding: 0px 5px 0 0px;margin:30px 0 30px 0;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size: 75%} #coleditcart { width: 698px;background: #4c3561; float: left;padding-left:5px;margin-top: 0px;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size: 95%;} #colrightedit {float: right;width: 190px;padding: 0px;background: #000; margin-top: 10px;} #colright img {float:left;border: 1px solid #656a4c; margin-top: 5px;margin-right: 50px;margin-bottom: 10px;} #colrightcheck {text-align: right;float: right;width: 140px;padding-left: 5px;background: #000; margin-top: 10px;font-size: 125%;margin-bottom: 38px;} #coleditcartlo {background: url(images/constants/editcart-backlo.gif) no-repeat top;height: 25px; width: 703px; font-family: "Verdana", Arial, Helvetica, sans-serif;font-size: 75%;float: left;} #coleditcartbtns {height:250px; padding-top:5px;ma\rgin-left:-1px;width: 703px; font-family: "Verdana", Arial, Helvetica, sans-serif;font-size: 75%;float: left;} #coleditcartbtns a:link {color: #c9aab8; text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #coleditcartbtns a:visited {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #coleditcartbtns a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#31233e;padding: 3px;line-height: 155%;} #coleditcartbtns a:active {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #colright a:link {color: #CCC ; text-decoration: none;padding: 3px;line-height: 155%;margin-top:3px;} #colright a:visited {color: #CCC;text-decoration: none;padding: 3px;line-height: 155%;margin-top:3px;} #colright a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#000;padding: 3px;line-height: 155%;margin-top:3px;} #colright a:active {color: #CCC;text-decoration: none;padding: 3px;line-height: 155%;margin-top:3px;} #colrightcheck a:link {color: #c9aab8 ; text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #colrightcheck a:visited {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} #colrightcheck a:hover {color: #FFF;text-decoration: none;text-decoration: none;background:#31233e;padding: 3px;line-height: 155%;} #colrightcheck a:active {color: #c9aab8;text-decoration: none;padding: 3px;line-height: 155%;background:#4c3561;} .shopblock { margin: 25px 0px 0px 25px;padding: 0px;} .cart { margin: 32px 0px 0px 9px;padding: 0px;} /* END Right Column */ /* Footer */ /* START footer Links */ #homefooter a:link {color: #FFF;text-decoration: none;} #homefooter a:visited {color: #FFF;;text-decoration: none;} #homefooter a:hover {color: #FFF;text-decoration: none;text-decoration: underline;} #homefooter a:active {color: #FFF;text-decoration: none;text-decoration: underline;} #footer a:link {color: #FFF;text-decoration: none;} #footer a:visited {color: #FFF;;text-decoration: none;} #footer a:hover {color: #FFF;text-decoration: none;text-decoration: underline;} #footer a:active {color: #FFF;text-decoration: none;text-decoration: underline;} /* END Footer Links */ #footer {width: 750px;text-transform:uppercase;height: 128px;color: #FFF;font-size: 85%;margin: 0px;padding: 0px;} #homefooter {width: 832px;text-transform:uppercase;height: 80px;color: #FFF;font-size:100%;margin: 30px 0 0 0 ; padding: 0px 0px 0px 64px;background: url(images/constants/footer.jpg) no-repeat; } #footerLeft {text-align: left;float: left;width: 449px;height: 18px;padding-left:51px;padding-top:12px; background: url(images/abs-footer-bgk.gif) no-repeat; } #footerRight {text-align: right;height: 30px;float: left;width: 245px;height: 18px; padding-top:12px;padding-right: 5px; background: url(images/r-footer-bgk.gif);} #hfooterLeft {font-size: 75%; text-align: left; float: left; width: 594px; margin-top: 12px; padding-left:51px;} #hfooterRight { text-align: right; float: left; width: 100px; margin-top: 12px; padding-right: 5px;font-size: 75%;} #hfooterLeft a {padding-right:5px;padding-left:5px;} /* END Footer */ /********************************* START: Footer Data *********************************/ div#footer { width: 832px; height:200px;padding: 0px 0px 0px 64px; clear:both; background: url(images/constants/footer.jpg) no-repeat;} div#footer img {padding:0;margin:0px; border:none;} #f_right{text-align:right;float: right;padding:5px 0 0 0;margin:0px 0 10px 0; width:220px;} #f_left{text-align:left; float:left;padding:5px 0 0 0;margin:0px 0 10px 0px;width:720px;} #f_left p{text-align:left; clear:both; display:block; padding:10px 0 0 0; color: #FFF; font-size:85%;} .link { text-align:left;color: #FFFFFF;} .link a {color: #FFFFFF; text-decoration:none;} .link a:hover {color:#FFFFFF; text-decoration:none;} #footnav, #footnav ul {margin:0px 0 0 0px;text-align: left;display: block; padding: 0; list-style: none;} #footnav a {display:block;text-decoration: none;color: #72c7ec; padding: 0 12px 0 0} #footnav li {float:left;color: #72c7ec;} #footnav li a:hover {display:block;text-decoration:none; color:#FFFFFF } #footnavR, #footnavR ul {margin:0px 0px 0 25px;text-align: left;display: block; padding: 0; list-style: none;} #footnavR a { text-decoration: none; color: #72c7ec; padding: 0 3px 0 3px; margin:0;} #footnavR li {float:right; color:#9b9a99;padding:0;margin:0;} #footnavR li a:hover {text-decoration:none; padding: 0 3px 0 3px;color:#FFFFFF} /********************************* END: Footer Data *********************************/ /* START HACKS */ /* Skip Nav link, hides from screen viewer, but visible to screen reader */ a.skip {position: absolute; left: -1000em; width: 20em;} .clearer { /* The amazing surrounding div pusher downer float clearer widget */ clear: both; } /* The other amazing surrounding div pusher downer float clearer widget Documented here: http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } table {font-size:90%;} .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */