@import url(global.css);

#header {background:url(../images/shop_banner.jpg) no-repeat;}

p {color:#111;}

#shopwindow {float:left; padding:10px 10px 0 35px; width:555px; margin-left:10px; margin-top:0;}
#shopwindow .artist {clear:both;}
#shopwindow .album {overflow:hidden; padding:20px; margin-bottom:10px; border-bottom:1px solid #777; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #777; clear:both; background:#e2d8a3;}
#shopwindow .album img {border:2px solid #fff;}

#shopwindow .album .cover {float:left; width:120px;}
#shopwindow .album .info {margin-left:130px;}
#shopwindow .album a.toplink {float:right;}
#shopwindow .album p.no_stock {color:#700; text-transform:uppercase; font-weight:bold;}

#shopwindow h1 {font-size:3.5em; font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:normal;}
#shopwindow h2 {font-size:3em; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#333; font-weight:normal; background:transparent url(../images/rule.gif) bottom left repeat-x;}
#shopwindow h3 {font-size:2.5em; font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#222; font-weight:normal;}
#shopwindow .album h3 {font-size:1.6em; font-family:georgia, times, serif; font-weight:bold; padding:0 0 12px 0;}
#shopwindow h4 {font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:bold;}

/** Tab selectors*/
#shop_nav {border-bottom:1px solid #aaa;}
#shop_nav ul {width:570px; position:relative; top:1px; overflow:hidden;}
#shop_nav li {float:left;}
#shop_nav li a {display:block; background:#dfc594; padding:5px 10px; border-bottom:1px solid #aaa; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #777; text-decoration:none; text-align:center; margin-right:5px;}
#shop_nav li a.active {border-bottom:1px solid #ddd; background:#fddfa8;}
#shop_nav li a:hover {background:#fddfa8;}

/** Form*/
label {color:#111; font-size:1.1em;}
input#quantity {width:2em;}

/** shopping cart*/
#secondary {position:relative; width:340px; padding-top:340px; margin-left:620px; margin-top:0; background:transparent url(../images/secondary_bg_top.jpg) no-repeat;}

#secondary_wrapper {width:340px; background:transparent url(../images/secondary_bg_mid.png) repeat-y; min-height:1400px;}

#secondary_content {position:absolute; width:260px; padding:0 25px; top:27px;}
#secondary_content h1 {font-size:2.3em; font-family:Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#6c3528; background:transparent url(../images/side_rule.gif) bottom left repeat-x;}
#secondary_content h2 {font-size:1.9em; font-family:Georgia, "Times New Roman", times, serif; text-transform:uppercase; color:#6c3528;}
#secondary_content p {font-size:1.1em; font-family:Arial, sans-serif;}
#secondary_content .rightpanel {padding-bottom:20px;}
#secondary_content .rightpanel p.empty {background:#e2d8a3;}
#secondary_content .rightpanel img {padding:5px 0;}
#secondary_content .rightpanel table {padding:7px;}
#secondary_content .rightpanel tr td {padding-right:5px; padding-left:5px;}
#secondary_content .rightpanel tr.total td {margin-top:10px; padding-top:8px; padding-bottom:8px; background:#e2d8a3; font-weight:bold;}
#secondary_content .rightpanel tr td.price {text-align:right;}
input#del {font-size:0.8em; padding:0;}

#secondary_content .region {padding:5px; border:1px solid #555; margin-bottom:5px;}
#secondary_content #postage caption {font-weight:bold; margin-left:7px;}
#secondary_content #postage td {font-size:1.1em; font-family:Arial, sans-serif;}