HTML {}
#page {margin:auto;background:#fff;padding-top: 34px;}
#page, #outerwrapper {width:990px;}
#header {height:121px;width:100%;background: #fff url(../../web/images/header_bg_tile.jpg) repeat-x 0 0; margin-bottom: 4px;padding:0;position: relative;}
#outerwrapper {background: #fff;float:left; margin: 0;padding: 0;}
#innerwrapper {float:left;min-height:400px;width:100%;text-align:left;}
/*
#content {float:left;padding:0 14px 0 14px;margin:0 ;background: #fff;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
#left_column {float: left;padding: 0 14px 0 0;margin: 10px 14px 0 0;width: 631px;border-right: 1px solid #e1e1e1;}
#right_column {float: left;margin: 10px 0 0 0;width: 300px;padding: 0;}
*/
#content {padding:15px 0 0 14px;margin:0; background: transparent; border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; width:974px}
#left_column {padding: 0 14px 0 0 ;margin: 0 15px 0 0 ;width: 631px; float:left; display:block; border-right:1px solid #e5e5e5;}
#right_column {margin: 0;width:300px;padding: 0;float:left; position: relative;}
/* ======
RE-BRAND HEADER
====== */
#signin {color:#fff;width:410px;position: absolute;right:25px;top:61px;}
.signin_advanced {font-size:10px;margin:0px;position:absolute;right:35px;top:-2px;}
.signin_button {border-left:1px solid #fff;width:100px;position: absolute;right:0;top:0;padding-left:15px;text-align:left;}
.iepad {position: absolute;top:26px;}
.ienopad {padding-top: 0;}
#q {background-color:#62B328;border:1px solid #fff;color:#fff;font-size:14px;height:18px;left:0;line-height:18px;margin-right:0;padding:2px 0 0 0;position:absolute;top:0;width:250px;}
#search_button_new, #head_search_button_new:visited, #head_search_button_new:active {background:transparent url(../images/buttons/search.jpg) no-repeat scroll 0;border:none;cursor:pointer;height:22px;left:257px;margin:0 0 4px 0px;position:absolute;top:0;width:60px;}
#search_button_new:hover {background:transparent url(../images/buttons/search_hover.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 0px;width:60px;}
#signin_button_new, #signin_button_new:visited, #signin_button_new:active {background:transparent url(../images/buttons/sign-in.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 2px;width:60px;}
#signin_button_new:hover {background:transparent url(../images/buttons/sign-in_hover.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 2px;width:60px;}
/* ======
PAGINATION
====== */
/* >>> News >>> */
.news_item{padding:0; background-position: 480px 0 !important;}
.news_item_left {width:470px;float:left; padding-right:10px;}
.news_item ul.none, .news_article ul.none {margin:0 !important;}
.news_item ul.none li {margin-bottom:3px;}
.news_article .caption, .blog_entry .caption {font-size:11px; line-height:16px; padding:6px 4px; background:#ededed; color:#737373;}
.news_article .image{float:left !important; margin-left:0 !important; margin-right:10px;}
.news_article .flash{}
.news_article .controls{}
/* > Related link boxes > */
.related_links {position: relative; margin-top:15px;}
ul.news_related{margin:0 !important; padding:0 !important; list-style-type:none!important; list-style-image:none !important;}
ul.news_related li, ul.news_related li.title, ul.news_related li.video{margin-top:2px; padding:5px 0; padding-left:5px; background: transparent url(../images/hr/dotted.gif) repeat-x 0 100%;}
ul.news_related li.title {background:#ededed; color:#4d4d4d; font-weight:800; background-image: none; padding-left:10px; margin:0;}
ul.news_related li a,ul.news_related li a:visited,ul.news_related li a:hover {display:block; width:308px; height:auto;}
ul.news_related li.video a,ul.news_related li.video a:visited,ul.news_related li.video a:hover{background: transparent url(../images/ico_video.gif) no-repeat 100% 0; padding:1px 24px 0 0 ; display:block; width:284px;}
ul.news_related li.video a:hover{/*opacity filter in style.css*/}
/* < Related link boxes < */
/* <<< News <<< */
/* >>> Blogs & News >>> */
.blog_entry, .news_article {background: transparent url(../images/hr/dotted.gif) repeat-x 0 0; padding-top:8px; margin-top:15px; position:relative;}
.blog_entry p, .news_article p, .standings p{margin-top:10px;}
.blog_entry .date {font-size:11px !important; }
.blog_entry .image, .news_article .image {float:right; margin-left:10px; padding-bottom:9px;padding-top:15px; font-size:0; line-height:0;width:298px}
.blog_entry .flash, .news_article .flash{text-align:center;margin:15px 0 0 0;}
.blog_entry .controls, .news_article .controls, .standings .controls {background: #ededed; width:auto; display:block; height:30px; line-height:inherit; margin-top:15px; padding:0 10px; position:relative;}
.blog_entry .controls .left, .news_article .controls .left, .standings .controls .left{position: relative; left:0; top:8px; margin-right:0;}
.blog_entry .controls .right, .news_article .controls .right, .standings .controls .right {position: absolute; top:-2px; margin-left:0; left:530px; width:110px;}
/* <<< Blogs & News <<< */
/* >>> Comments >>> */
.submit_comments_container {background: transparent url(../images/form-gradient.jpg) no-repeat 0 100%; position:relative; padding:0 0 10px 0;}
.submit_comment_content {padding:0;}
.your_comments_container {background: transparent ; width: auto;padding:0 10px; position:relative;}
.your_comment_row, .your_comment_row p {line-height:16px;padding: 10px 0;position:relative; color:#4d4d4d;}
.your_comment_row p {padding:0; color:#4d4d4d;}
.your_comment_row .title {font-size: 12px; color:#4d4d4d; position:absolute; left:0; top:20px; font-weight:800;}
.your_comment_row .rating_box {font-size: 12px; color:#4d4d4d; position:absolute; left:0; top:65px; font-weight:800;}
.your_comment_row .rating_box .positioned {position:absolute; left:45px; top:3px; font-weight:800;}
.your_comment_row .location {font-size: 12px; position:absolute; left:0; top:38px; font-weight:400;}
.your_comment_row .comment { margin:0;padding:0; position:relative; width:480px; height:auto; display:block; left:150px;}
.your_comment_row .submitted {width:auto; margin:0;padding:5px 0 0 0; position:relative; text-align:right;font-size: 10px; color:#4d4d4d; text-transform: uppercase;}
.your_comment_row .one{position:absolute; top:0;left :0;}
.your_comment_row .two{position:absolute; top:63px;left :0;}
.comments_count {position:absolute; left:120px; top:0; font-size:11px;}
.sort_by {position:absolute; left:5px; top:0; font-size:11px; width: auto;}
.sort_by span{float:left; padding-top:1px; padding-right:4px;}
/* > Agree / Disagree > */
#left_column .comment .user-generated {margin-top: 10px;font-size: 11px;height: 21px;}
#left_column .comment .user-generated .agree {float: left;height: 21px;display: block;vertical-align: middle;margin-left: -5px;margin-right: 5px;}
#left_column .comment .user-generated .agree a {background: transparent url(../images/ico-thumbs.gif) no-repeat 0 -2px;padding-left: 17px;padding-top: 0;height:21px;line-height: 21px;}
#left_column .comment .user-generated .agree a:hover {background-position: 0px -23px;color: #55a723/*#4f7d16*/;}
#left_column .comment .user-generated .agree .most a {line-height: 21px;color: #55a723;background-position: 0 -23px;}
#left_column .comment .user-generated .disagree {float: left;height: 21px;display: block;vertical-align: middle;}
#left_column .comment .user-generated .disagree a {background: transparent url(../images/ico-thumbs.gif) no-repeat 0 -48px;padding-left: 17px;padding-top:0;height:21px;line-height: 21px;}
#left_column .comment .user-generated .disagree a:hover {background-position: 0px -69px;color: #e6322e;}
#left_column .comment .user-generated .disagree .most a {background-position: 0px -69px;color: #e6322e;}
/* < Agree / Disagree < */
/* <<< Comments <<< */
/* >> TOOLTIPS >> */
#dhtmltooltip{position: absolute;width: 150px;border: 1px solid #333;padding: 2px;background-color: #ffffe1;visibility: hidden;z-index: 100;font-size:12px !important; font-weight:400; color:#333; top: 30px !important;left:20px !important;}
.tooltip_container {position:absolute;top:0px; left:15px;width:306px;height:auto; border-bottom: 1px solid #cdcccc; background:transparent url(../images/bubble.gif) no-repeat 0 0;display:none; padding:20px 10px 10px 10px;}
/* >>> Form >>> */
label {color:#4d4d4d;font-family:verdana,arial;font-size:12px;font-weight:800;height:15px; padding-left:10px;}
li label {width:150px;height:30px;display:block;}
input.left_100, textarea.left_100, input.left_math {font-family:verdana; font-size:12px !important;width:465px; height:20px; padding:5px 0 0 0; position: absolute; left: 150px; top:0;}
input.left_math {width:100px;}
li .caption{font-size:12px;width:300px; height:auto; display:block; color:#4d4d4d; position:absolute; left:260px;top:6px;}
textarea.left_100 {padding:0; height:84px;}
input {border: 1px solid #a6a6a6;font-family:verdana,arial;margin:0;padding:0;}
textarea {border: 1px solid #a6a6a6;font-family:verdana,arial;font-size:12px;margin:0;padding:0;}
.form_buttons { height:18px; width:auto; display:block; position:relative; margin-top:10px;}
/* >>> Buttons >>> */
.submit_comment_content #submit_comment, .submit_comment_content #submit_comment:visited, .submit_comment_content #submit_comment:active,
a#add_comment, a#add_comment:visited, a#add_comment:active
{background:transparent url(../images/buttons/submit_comment.gif) no-repeat 0 0;border:none;cursor:pointer;height:24px;right:10px; top:-5px;margin:0 ;position:absolute;width:62px;}
a#add_comment, a#add_comment:visited, a#add_comment:active {background-image:url(../images/buttons/add_comment.gif); right:auto;left:0;}
.submit_comment_content #submit_comment:hover, a#add_comment:hover{/*opacity filter in style.css*/}
/* <<< Buttons <<< */
/* <<< Form <<< */
/* >>> Pagination >>> */
.comments_pagination_container {position: relative; height: 12px; padding-top:12px;}
.comments_pagination_top,
.comments_pagination_bottom{height:12px; font-size: 12px; padding: 0 41px 0 64px; position: absolute; right:0; top:0;background: transparent;color:#a6a6a6;}
.comments_pagination_bottom {bottom:0; top:auto;}
.pagination_toplink {height:12px; position: absolute; left:0; top:12px;}
.pagination_caption {font-size:12px;left:0;position:absolute;top:0; color:#4d4d4d/*a6a6a6*/; background:transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0; padding-right:10px;}
.pagination_title {background:transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0;color:#4d4d4d; padding-right:7px;margin-right:5px;}
.pagination_sort {background:transparent url(../images/hr/dotted_vertical.gif) repeat-y 0 0;color:#4d4d4d; padding-left:7px;margin-left:5px;}
.pagination_spacer_r {background:transparent url(../images/hr/dotted_vertical.gif) repeat-y 0 0;height:18px;left:432px;position:absolute;top:0;width:10px;}
/* <<< Pagination <<< */
/* >>> Links >>> */
.comments_pagination_top a, .comments_pagination_top a:visited, .comments_pagination_top a:active, .comments_pagination_top a:hover,
.comments_pagination_bottom a, .comments_pagination_bottom a:visited , .comments_pagination_bottom a:active, .comments_pagination_bottom a:hover{font-weight: 400;}
.comments_pagination_top span a, .comments_pagination_bottom span a, .comments_pagination_top span.next, .comments_pagination_bottom span.next{width: 37px; height:12px; position: absolute; right:0; top:0;display:block;background: transparent url(../images/hr/dotted_vertical.gif) repeat-y 0; cursor:pointer;text-align:right;}
.comments_pagination_top a.prev, .comments_pagination_bottom a.prev, .comments_pagination_top span.prev, .comments_pagination_bottom span.prev{width: 60px; height:12px; position: absolute; left:0;display:block;background: transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0; cursor:pointer;}
.pagination_toplink a, .pagination_toplink a:visited, .pagination_toplink a:hover {background: transparent /*url(../images/pagination/top.gif) no-repeat 0 0*/; cursor:pointer; width:80px; height: 12px; display:block; font-size:12px; text-align:right;}
/* <<< Links <<< */
/* ======
Left_Column content
====== */
.left_full {width:627px;height:auto;background: transparent;padding: 10px; margin:0; position: relative; clear:both; font-size:0; background: transparent ;border:1px solid #e5e5e5;}
.left_full .panel_controls,
.right_full .panel_controls {position:relative; top:0; right :0; line-height:16px; font-size:11px;height:16px; width:auto; display:block; padding-right:35px; text-align:right; padding-top:2px; padding-bottom:2px; background: transparent url(../images/gradients/panel_top.gif) repeat-x 0 0;}
.left_full .panel_controls a, .left_full .panel_controls span,
.right_full .panel_controls a, .right_full .panel_controls span{background: transparent url(../images/arrows.gif) no-repeat 0 3px; padding-left:10px;margin-left:10px;}
.left_full .panel_controls span,
.right_full .panel_controls span{background-image: url(../images/arrows2.gif); color:#777;}
.left_full .panel_controls a.custom_colour, .left_full .panel_controls a.custom_colour:visited, .left_full .panel_controls a.custom_colour:hover,
.right_full .panel_controls a.custom_colour, .right_full .panel_controls a.custom_colour:visited, .right_full .panel_controls a.custom_colour:hover{background-image: url(../images/arrows3.gif); background-position: 0 4px; font-weight:800;}
/* >>> Columns >>> */
.two_columns, .three_columns, .four_columns {padding: 15px 0 0 0; margin:0;}
.two_columns .column, .three_columns .column, .four_columns .column {height:auto; display:block; margin-right:10px; float:left;position:relative; font-size:0; padding:0 0 10px 0;}
.two_columns .column {width:301px;}
.three_columns .column {width:197px;}
.four_columns .column {width:144px;}
.marquee_left_top, .marquee_left_top a, .marquee_left_top a:visited, .marquee_left_top a:hover {font-size:11px;}
.cover_list_item {width: 123px; display:block; float:left; margin-right:37px;}
.wide .cover_list_item {width: 123px; display:block; float:left; margin-right:46px;}
.cover_list_title {height: 30px; width: 123px; font-family:arial;}
.custom_content strong, .custom_content p, .custom_content i, .custom_content u, .custom_content{font-size:12px; line-height:16px;}
.custom_content ul {list-style-image:none !important; list-style-type:circle !important; margin-top:0 !important; margin-bottom:10px !important; padding:0 !important;}
.custom_content ul li{font-size:12px; margin-top:1px;}
.custom_content h5{font-size:12px; margin:3px 0; color:#333;}
.custom_content p{ margin-bottom:10px;}
.custom_content .barcode {font-style:italic; margin-top:15px; color:#999;}
#left_column .date , #right_column .date {font-size:12px; color:#999; margin-bottom:5px;}
.product_title_caption {font-size:12px; margin-bottom:10px;}
.useful {color:#333; padding-left:5px; padding-right:5px; font-weight:800;}
.carousel_browse_all {font-size: 12px !important; position: absolute; top: 10px; z-index: 9999;}
.carousel_counter, .carousel_counter_marquee { position: absolute; right:50px; top: 15px; z-index: 9999; width:30px; height:7px; display:block;}
.carousel_counter ul.dots li, .carousel_counter_marquee ul.dots li {float:left; height:7px; width:10px; display:block; background: transparent url(../images/scroller/dot.gif) no-repeat 0 0;}
.carousel_counter ul.dots li.active, .carousel_counter_marquee ul.dots li.active {background: transparent url(../images/scroller/dot_active.gif) no-repeat 0 0;}
.carousel_counter_marquee {width:50px; right:40px;}
/* >>> Best Sellers / Browse All Lists >>> */
#best_sellers_container, #browse_all_list {width: 627px;border-bottom: 1px solid #e5e5e5;margin-bottom: 3px;clear:both;display:block; height:auto;}
#best_sellers_container .rating, #browse_all_list .rating {width: 80px;height: 19px;padding-top: 4px;float:left;}
#best_sellers_container .number {width:10px;height: 19px;padding-top: 4px;float:left;}
#best_sellers_container .title, #browse_all_list .title{width: 320px;/*height: 22px;*/line-height: 22px;padding-right: 15px;float:left;}
#best_sellers_container .genre, #browse_all_list .genre {width: 130px;/*height: 22px;*/line-height: 22px;float:left;}
#best_sellers_container .format{width: 80px;/*height: 22px;*/line-height: 22px;float:left;}
#best_sellers_container .buy, #browse_all_list .buy {width: 50px;/*height: 22px;*/line-height: 22px;font-size: 1px;float:left;}
#best_sellers_container a, #best_sellers_container a:visited, #best_sellers_container a:hover,
#browse_all_list a, #browse_all_list a:visited, #browse_all_list a:hover {font-size:12px;}
#best_sellers_container .title {width:240px;}
#best_sellers_container .rating { width:70px;}
#best_sellers_container .number {width:20px;float:left;line-height: 22px;padding-right: 15px; padding-top:0; font-size:12px; text-align:center;}
#browse_all_list .title {width: 350px;}
/* <<< Best Sellers / Browse All Lists <<< */
/* >>> Track Listing >>> */
#track_listing {width: 627px;border-bottom: 1px solid #e5e5e5;margin-bottom: 3px;clear:both;display:block;}
#track_listing .sample{width: 60px;height: 22px ;line-height: 22px;font-size: 1px;float:left; display:block;}
#track_listing .track{width: 50px;/*height: 22px;*/line-height: 22px;float:left; text-align:center;}
#track_listing .title{width: 290px;/*height: 22px;*/line-height: 22px;padding-right: 15px;float:left;}
#track_listing .artist{width: 130px;/*height: 22px;*/line-height: 22px;float:left;}
#track_listing .duration{width: 80px;/*height: 22px;*/line-height: 22px;float:left;text-align:center;}
#track_listing {font-size:12px;}
.tabbed_list {width:100% !important; height: 100% !important; border-left:none !important; border-right: none !important; border-bottom: none !important; padding: 10px 0 5px 0 !important;}
/* <<< Track Listing <<< */
/* >>> Product Details >>> */
table.product_details {border: none; padding:0; margin:0; display:block;}
table.product_details td {vertical-align: top; padding: 0 15px 0 0;}
table.product_details td .wrap {width: 230px;}
.product_details div.details_title {float:left;width:100px; height:auto;}
.product_details div.details_info {width:130px; float:right;height:auto;}
.customer_rating {border: 1px solid #ccc; padding:10px 6px;}
/* <<< Product Details <<< */
/* >> Sort By controls >> */
select.sort_by {border:1px solid #65b228; padding:1px; width:150px; left:55px; top:0; margin:0;}
button.sort_by {background: url(../images/buttons/go.gif) no-repeat 0 0; width:29px; height:20px;border:none; left:210px; display:block; cursor:pointer;}
/* << Sort By controls << */
/* ======
Right_Column content
====== */
.right_full {width:300px;height:auto;background: transparent ;border-bottom:1px solid #e5e5e5; position:relative;}
.right_full .panel_controls {padding-right:0;}
#right_column .column {padding: 10px;}
.ad {position:static !important;}
/* ======
Global content
====== */
.count {color:#919393}
/* >>> DIVIDERs >>> */
.divider_solid {background: transparent url(../images/hr/solid.gif) repeat-x 0 0; width:100%; height:1px; line-height:2px; font-size:0;}
.divider_dots {background: transparent url(../images/hr/dotted.gif) repeat-x 0 0; width:100%; height:2px; line-height:2px; font-size:0;}
.divider_dots_vert {background: transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0;}
.separator_line {background: #fff;border:1px solid #e5e5e5; padding:15px 0; clear:both; border-top:none;border-bottom:none; text-align:center; font-size:0;}
/* ======
Footer
====== */
#footer {background-color:#FFFFFF;border-bottom:1px solid #E5E5E5;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;float:left;margin:0pt;padding:14px 0 0 0;overflow:hidden; background:#fff ;width: 988px; }
/*#footer {padding:15px 0 0 0; width: 990px; position: relative; margin-bottom: 15px; overflow:hidden; background:#fff ; border-bottom:1px solid #d5d5d5; border-top:0;}*/
#fbox1, #fbox2, #fbox3, #fbox4, #fbox5, .copyright {float:left; margin-right:15px;}
#fbox1 {width: 190px;text-align: center; margin-right:0;}
#fbox2 { /*position:absolute; left: 200px; top: 15px;*/ width: 180px;text-align: left;}
#fbox3 { /*position:absolute; left: 395px; top: 15px;*/ width: 180px;text-align: left;}
#fbox4 { /*position:absolute; left: 590px; top: 15px;*/ width: 180px;text-align: left;}
#fbox5 { /*position:absolute; left: 785px; top: 15px;*/ width: 192px;text-align: left;}
.copyright {/*position:absolute; bottom:10px; */position:relative; left: 190px;color: #666;margin: 0; padding:10px 0; width: 700px; overflow:hidden; text-align:left;}
/* ==========
SBS Overlay
========== */
#shop_overlay_mask {display:none;position:absolute;left:0;top:0;width:100%;height:0;z-index:9999999999;opacity:0;}
#shop_overlay {display:none;position:absolute;left:50%;top:50%;height:auto;margin:-192px 0 0 -320px;-moz-border-radius:4px;-webkit-border-radius:4px;border:2px solid #838383;text-align:left;font-family:arial;z-index:99999999999;background:#e6e6e6;}
#shop_overlay #shop_overlay_close {margin:0; padding:0;position:absolute;right:-20px;top:-20px;width:20px;height:20px;background: transparent url(../images/icons.png) no-repeat 0 100%;cursor:pointer;}
#shop_overlay_container {-moz-border-radius:2px;-webkit-border-radius:2px;padding:0;background-color:#f7f7f7;}
#shop_overlay iframe {}
#shop_overlay.sm {width:280px;height:320px;margin:0 0 0 -142px;}
#shop_overlay.sm iframe {height:320px;}
#shop_overlay h1 {margin:0 20px 10px 0;font-size:18px;color:#444;line-height:21px;}
#shop_overlay.sml {}
#shop_overlay.sml iframe {}
body > #shop_overlay_mask {background:#000; opacity:.7;}