﻿@import url(/Css/jquery/ui-lightness/jquery-ui-1.7.2.custom.css);
html, body, form { width: 100%; height: 100%; padding: 0; margin: 0; }
body { font-family: Arial, Sans-Serif; background: #CCCCCC; font-size: x-small; margin: 0; }
object { z-index: 10; }
#1024maincenter { width: 200px; margin: 500px auto; }
a, a:link, a:active, a:visited { color: #1553C3; font-weight: bold; }
a:focus { -moz-outline-style: none; }
.arrow { background: url(/images/arrow.gif) no-repeat; background-position: left 2px; padding-left: 15px; }
a.arrowdown { padding-top: 10px; color: #232323; text-decoration: none; }
.BackT_icon { background: url(/images/BackT_icon.gif) top right no-repeat; float: right; height: 20px; width: 20px; }
.sidebar .sidenav .browseselected { background: none; }
.sidebar .sidenav .browseselected a { color: #232323; }
.bottomcorners { background: url(/images/675bottomcorners.gif) top right no-repeat; padding-top: 8px; margin-bottom: 10px; border-left: solid 1px #eaeaea; }
.basketbottomcorners { background: url(/images/basketbottomcorners.gif) top right no-repeat; padding-top: 5px; margin-bottom: 10px; border-left: solid 1px #eaeaea; }
.botbar { background: #4093BD; margin: 0 auto; width: 940px; height: 20px; padding: 0; border-left: 1px solid #999999; border-right: 1px solid #999999; }

/*   Tab switchers End  */
.browsetabs a { background: url(/images/browsetabs_right.gif) top right no-repeat; color: #232323; font-size: 120%; text-decoration: none; }
.browsetabs span { background: url(/images/browsetabs_left.gif) top left no-repeat; }
.nonselected_tab a { background: url(/images/nonselectedbrowsetabs_right.gif) top right no-repeat; color: #ffffff; text-decoration: none; }
.nonselected_tab span { background: url(/images/nonselectedbrowsetabs_left.gif) top left no-repeat; }
.tabs div { margin: 0; padding: 0; display: inline; }
.tabs a { margin: 0 0 0 -7px; float: left; padding: 5px 5px 5px 7px; }
.tabs span { padding: 5px 5px 5px 7px; }
/*   Tab switchers End */


/* Bread Crumb Styles */
/*.breadcrumb { padding: 10px 0; }*/
.breadcrumbs { width: 908px; height: 38px; background: url(/images/breadcrumbs/breadcrumbs-bg.png) repeat-x; border: 1px solid #CCC; margin: 5px auto; clear: both; }
.breadcrumbs ul { display: block; width: 100%; margin: 0 auto; height: 38px; padding: 10px 0; }
.breadcrumbs ul li { display: block; float: left; background: url(/images/breadcrumbs/seperator.png) no-repeat center left; padding: 25px 10px 0 30px; margin: -23px 0;}
.breadcrumbs ul li:first-child, .breadcrumb-first-item { background: none; padding: 25px 10px 0 15px;}

.breadcrumbs ul li a { display: block; height: 38px; float: left; color: #999999; text-decoration: none; cursor: pointer;}
.breadcrumbs ul li:last-child a, .breadcrumb-last-item a { color: #333333;}
.breadcrumbs ul li a:hover { color: #333333; }
.breadcrumbs ul li a.breadcrumb-item-inactive:hover { color: #999999; cursor: default; }

/* ----- */

.button { background: url(/images/buttons/button-right-clear.png) right top no-repeat; margin: 0; display: inline; float: left; }
.button a { padding: 9px 10px 15px 15px; color: #1553C3; display: block; text-decoration: none; }
.button span { background: url(/images/buttons/button-left-clear.png) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 9px 10px 20px 22px; text-decoration: none; }
.button-secure span { background: url(/images/buttons/button-left-secure.png) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 9px 10px 20px 35px; text-decoration: none; }
.button-register span { background: url(/images/buttons/button-left-register.png) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 9px 10px 20px 35px; text-decoration: none; }
.button-search span { background: url(/images/buttons/button-left-search.png) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 9px 10px 20px 35px; text-decoration: none; }
.button-help span { background: url(/images/buttons/button-left-help.png) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 9px 10px 20px 35px; text-decoration: none; }
.button-basket span { background: url(/images/buttons/button-left-basket.png) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 9px 10px 20px 35px; text-decoration: none; }
.button-wishlist span { background: url(/images/buttons/button-left-wishlist.png) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 9px 10px 20px 35px; text-decoration: none; }
.basketbut { background: url(/images/button_right_basket.gif) right top no-repeat; margin: 0 0 0 -10px; display: inline; float: left; }
.basketbut a { padding: 15px 7px 8px 15px; color: #232323; display: block; text-decoration: none; font-size: 120%; }
.basketbut span { background: url(/images/button_left_basket.gif) left top no-repeat; height: 35px; margin: 0; padding: 15px 0 8px 45px; }

.clear { clear: both; }
.content { width: 675px; float: right; }
.content-full { width: 100%; }
.contentarea a, .h1sidebar a { color: #222222; }
.content ul.contentbullett { padding: 5px 5px; margin: 0; }
.content ul.contentbullett li { list-style: none; clear: both; padding: 2px 10px; margin: 0; background: url(/images/orangebullett.gif) no-repeat; background-position: left 7px; }

/* -- New Product Meta Styles 2011 -- */
.product-container { clear: both; }
.product-meta { width: 80%; float: right; margin-top: 10px; }
.product-meta ul { width: 100%; padding: 0; margin: 0; clear: both; }
.product-meta ul li { width: 49%; float: left; }
.product-images { float:left; width: 100px; text-align: center; margin-top: 10px; }
.product-description { float: right; margin: 5px 10px; width: 100%; }
/* -- End -- */

.footertop { text-align: left; background-color: #e2e2e2; padding: 5px; }
.footer { text-align: center; background-color: #4093BD; padding: 5px; color: #ffffff; border-top: solid 3px #FA842A; }
.doublestandalone h1.content { }
.sidebar dl.productinfo { margin: 0; padding: 0 5px; }
.sidebar dl.productinfo dt { float: left; width: 100px; font-weight: bold; padding: 2px 0 2px 0; color: #232323; background: none; }
.sidebar dl.productinfo dd { padding: 2px 0 2px 0; margin-left: 100px; }
dl.productinfo { margin: 0; padding: 0; }
dl.productinfo dt { float: left; width: 120px; font-weight: bold; padding-bottom: 7px; }
dl.productinfo dd { padding-bottom: 7px; margin-left: 120px; }
.dottedline { background: url(/images/dots.gif) bottom left repeat-x; padding-top: 2px; clear: both; }
.dottedlinebasket { background: url(/images/dots.gif) bottom left repeat-x; height: 1px; clear: both; }
.doublestandalone { float: left; width: 48.5%; margin: 0 10px 0 0; }
.doublestandalone2 { float: left; width: 50%; }
.dropshadow { background: url(/images/dropshadow.gif) bottom left repeat-x; padding-top: 4px; margin: 0 5px; clear: both; }
.floatboxs { float: left; padding: 5px; }
.footer a { margin: 0 10px; color: #ffffff; }
.footer img { vertical-align: middle; margin-right: -10px; }
.greyborderbox { border-left: solid 1px #eaeaea; border-right: solid 1px #eaeaea; background-color: #ffffff; background: url(/images/h1700drop.gif) top left no-repeat; padding: 1px; }
#greyborderboxbasket { background: url(/images/basket_bg.gif) top left no-repeat; width: 221px; }
.helppages h1, .helppages h3 { font-size: 120%; color: #F98429; background: url(/images/dots.gif) bottom left repeat-x; }
#helpcontent .reusablepadd { padding: 15px; }
#helpcontent .reusablepadd li { padding: 2px 10px; line-height: 12px; }
.helpanswer { margin: 20px; padding: 10px 10px 10px 40px; background: url(/images/icons/quotes_top.gif) 10px 10px no-repeat; background-color: #E9E9E9; }
.helpanswerend { padding: 5px 40px 5px 10px; background: url(/images/icons/quotes_bot.gif) right bottom no-repeat; background-color: #E9E9E9; }
h1.contentarea { background: url(/images/h1sidebar.gif) top left no-repeat; padding: 8px 6px 6px 6px; font-size: 120%; margin: 0; clear: both; color: #232323; border: none; }
.content h2 { font-size: 120%; color: #F98429; background: url(/images/dots.gif) bottom left repeat-x; }
h1.h1sidebar { background: url(/images/h1700bar.gif) top right no-repeat; padding: 8px 6px 6px 6px; font-size: 120%; margin: 0; clear: both; color: #232323; border: none; }
.homeprodlist_left p, .homeprodlist_right p { padding: 0 0 7px 0; margin: 0; }
.homeprodlist_left em, .homeprodlist_right em { font-size: 90%; }
.h1700drop { background: url(/images/h1700drop.gif) top left no-repeat; padding: 1px; }
.homeprodlistV_left { float: left; padding: 5px; }
.homeprodlistV_right { float: left; padding: 5px; }
.showcase-container { width: 100%; float: left; clear: both; margin: 0 0 5px 0; }
.showcase-container .showcase-footer { width: 100%; height: 25px; float: left; clear: both; text-align: right;}
.showcase-container .showcase-footer .showcase-showmore { cursor: pointer; text-decoration: underline; }
.homeprodlist_left {  width: 300px; height:90px; float: left; padding: 5px; }
.homeprodlist_right { width: 300px; float: left; padding: 5px; border-left: 1px dotted #CCC; }
.homeprodlist_left img, .homeprodlist_right img { float: left; padding: 3px; margin: 0 5px 0 0; }

.ibSearch { vertical-align: middle; }
input, option, select { margin: 0; padding: 0; font-size: 13px; }
.language { position: absolute; top: 80px; right: 17px; padding: 1px; }
.m { margin-right: -10px; }
#main { margin: 0 15px; }
.modalBg { background-color: #6b6b6b; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; }
#MyHistory dt strong a { color: #F78A37; text-decoration: none; display: block; padding-left: 18px; }
.no-border { border-style: none; }

/* -- New Style Navigation 2011 -- */
#navigation { margin-bottom: 2px; width: 100%; float: left; clear: right; border-top: 3px solid #F90; }
#navigation .menu { width: 100%; height: 50px; margin: 0; padding: 0; background: url('/images/navigation/menu-bg.png') repeat-x top left; }
#navigation .menu ul { width: 100%; height: 100%; display: block; }
#navigation .menu li { float: left; position: relative; text-align: center; }
#navigation .menu li a { color: #FFF; font-weight: bold; text-decoration: none; float: left; font-size: 15px; padding: 15px 20px 17px 20px; }
#navigation .menu li.topItem a:hover { background: url('/images/navigation/item-hover.png') repeat-x top left; }
#navigation li .topItemHighlight { background: url('/images/navigation/item-hover.png') repeat-x top left; }
#navigation .menu li a span.group-icon { background: url('/images/navigation/item-droparrow.png') no-repeat center center; width:8px;height:5px; padding: 4px 3px 4px 3px; position: relative; left: 5px;}
#navigation .menu li div.hidden { display: none; }
#navigation .group { border: 1px solid #CCC; border-top: none; border-bottom: 5px solid #F90; padding: 5px 5px 20px 5px; background: #FFF url('/images/navigation/group-bg.png') repeat-x bottom left; position: absolute; top: 50px; clear: both; float: left; width: 190px; z-index: 200; }
#navigation .menu li.big-group .group { width: 190px; }
#navigation .group-short { left: -280px; }
#navigation .group ul { width: 100%; height: 100%; }
#navigation .group ul li { text-align: left; margin-left: 5px; clear:both; width:90%; }
#navigation .group ul li.right-col { }
#navigation .group dl { float: left; clear: both; margin: 0; width: 100%; }
#navigation .group dt { width: 100%; margin: 0; }
#navigation .group dd { width: 100%; margin: 0 5px; clear: left; }
#navigation .group dd span { float: left; }
#navigation .group dd a:hover { text-decoration: underline; }
#navigation .group dt a:hover { background: none !important; text-decoration: underline; }
#navigation .group li.group-sector a { color: #F90; font-weight: bold; font-size: 15px; padding: 5px; width: 100%; display: block; }
#navigation .group li.standout a { color: #60b809; font-weight: bold; font-size: 15px; padding: 5px; width: 100%; display: block; }
#navigation .group li.header { color: #F90; font-weight: bold; font-size: 15px; padding: 5px; width: 100%; margin-bottom: -5px; display: block; }
#navigation .group li.header ul.sublist { margin-top:5px; }
#navigation .group li.header li.subcategory a { color: #F90; font-weight: bold; font-size: 15px; padding: 5px; width: 94%; display: block; }
#navigation .group li.divider { border-bottom: 2px solid #F90; width:95%; margin-top: -10px; margin-bottom: 5px; }
#navigation .group dd a { color: #3882A7; font-size: 12px; white-space: pre-wrap; padding: 0; background: none !important; text-decoration:underline; }
#navigation .group dl.no-order dd a { padding: 0 0 0 18px; background-image: url(/images/navigation/item-bullet.png) !important; background-repeat: no-repeat !important; background-position: left left !important; text-decoration: underline; }
/*#navigation .group dd a:hover { background-image: url(/images/navigation/item-bullet.png) !important; background-repeat: no-repeat !important; background-position: left left !important; }
/* -- End New Style Navigation 2011 -- */

.nav { list-style: none; background-color: #4093BD; padding: 0; margin: 0; float: left; width: 940px; }
.nav li { list-style: none; display: inline; }
.nav li a { font-weight: bold; color: #ffffff; text-decoration: none; padding: 6px 17px; float: left; }
.nav li a.active { font-weight: bold; color: #ffffff; text-decoration: none; padding: 6px 17px; float: left; }
p { margin: 0; }
.reusablepadd { padding: 5px; }
.reusablepadd_margin { margin-left: 110px; padding: 10px; }
.reusablecentre { text-align: center; padding: 5px; }
.pagingText{ font-size: 16px; font-weight:normal; }
.paging a, .selectedPage { margin-right: 5px; }
.play { background: url(/images/quickpreview_right.gif) right top no-repeat; margin: 0; display: inline; float: left; }
.play a { padding: 6px 32px 10px 0px; color: #1553C3; display: block; text-decoration: none; }
.play span { background: url(/images/quickpreview_left.gif) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 6px 0 10px 4px; text-decoration: none; }
.price, .subheader { color: #F98429; }
.pricered { color: #FF2501; }
.nav .selected { background-color: #F98429; color: #232323; }
ol, ul { list-style: none; padding: 0; margin: 0; }
.Asterisk { font-size: 120%; font-weight: bold; }
.redBorder { border: solid 3px red; padding: 4px; }
.errorBox { margin: 10px 0 0 0; background: url(/images/new_error_bg.png) top left repeat-x; border: 1px solid #F00; }
.fivepixelpadding { padding: 5px; }
.searchbar { background: url(/images/search_bg.gif) top left repeat-x; padding: 0; width: 100%; height: 47px; float: left; text-align: center; }
.searchbar-inner { clear: right; width: 700px; margin: 0 auto; padding: 7px 0;  }
.searchbar input[type="text"] { width: 500px; height: 20px; font-size: 120%; font-weight: bold; float: left; margin: 4px 0; border: 1px solid #666; padding: 2px; }
.searchbar .button { float: left; }
.searchbar a.searchbar-adv { float: left; margin: 8px 0 0 4px; }
.Sheet_icon { background: url(/images/Sheet_icon.gif) top right no-repeat; float: right; height: 20px; width: 20px; }
.Mobile_icon { float: right; height: 20px; width: 20px; }
.sidebar { width: 225px; float: left; }
.sidebar .grey_bg, .content .grey_bg { background: url(/images/dots.gif) bottom left repeat-x; background-color: #f5f5f5; }
.sidebar ol li, .content ol li { list-style: none; clear: both; padding: 5px 0; background: url(/images/dots.gif) bottom left repeat-x; }
.sidebar ol li p { height: 32px; }
.sidebar dl, .sidebar dd { padding: 0; margin: 0; }
.sidebar dt { padding: 5px 0 5px 10px; margin: 0; color: #F98429; background: url(/images/dots.gif) bottom left repeat-x; }
.sidebar ul.sidenav { padding: 5px 10px 0 5px; margin: 0; }
.sidebar ul.sidenav li { list-style: none; clear: both; padding: 4px 10px; margin: 0; background: url(/images/orangebullett.gif) no-repeat; background-position: left center; }
.sidebar ol img, .content ol img { float: left; margin: 0 5px; }
.sidebar ol p, .content ol p { padding: 0; margin: 0 3px 0 40px; }
#sidepanelAtoZ { margin: 0; padding: 0; margin-left: 5px; list-style-type: none; }
#sidepanelAtoZ ul { margin: 5px 0 5px 5px; padding: 0 0 15px 0px; list-style-type: none; }
#sidepanelAtoZ ul li { width: 30px; height: 30px; float: left; margin: 2px; }
#sidepanelAtoZ a { background: url(/images/AtoZletterbg.gif) left top no-repeat; display: block; width: 100%; height: 100%; padding: 7px 0 0 9px; text-decoration: none; color: #1C5FB0; font-weight: bold; }
#sidepanelAtoZ a:hover { background-image: url(/images/AtoZletterbg_over.gif); }
#sidepanelAtoZ09 a { background-image: url(/images/AtoZletterbg_09.gif); padding-left: 10px; padding-right: 20px; }
#sidepanelAtoZ09 a:hover { background-image: url(/images/AtoZletterbg_09_over.gif); }
#sidepanelAtoZI a { padding-right: 13px; padding-left: 12px; }
#sidepanelAtoZF a { padding-right: 12px; padding-left: 12px; }
#sidepanelAtoZM a { padding-right: -8px; padding-left: 9px; }
#sidepanelAtoZP a, #sidepanelAtoZO a, #sidepanelAtoZQ a { padding-right: 10px; padding-left: 9px; }
#sidepanelAtoZW a { padding-left: 7px; padding-right: 8px; }
span.butback { background: url(/images/button_left_back.gif) left top no-repeat; }
span.wishlist { background: url(/images/wishlist.gif) left 50% no-repeat; }
.subnav { background-color: #F98429; padding: 0 0 0 10px; list-style: none; margin: 0; float: left; width: 930px; }
.subnav li { list-style: none; display: inline; }
.subnav li a { font-weight: bold; color: #303030; text-decoration: none; padding: 5px 15px 5px 7px; float: left; }
.tablepaging { padding: 5px; }
#tablestylesmall { border-right: solid 1px #f9f9f9; }
table.tablestyle th { background-color: #FA842A; border-bottom: solid 3px #4093BF; padding: 5px 5px; color: #ffffff; text-align: left; }
.tablepaddingreuse td.grey_bg { padding: 10px; }
#tableorange { background-color: #FA842A; border-right: solid 3px #4093BF; color: #ffffff; }
table.tablestyle td { background: url(/images/dots.gif) left bottom repeat-x; border-left: solid 1px #f9f9f9; padding: 5px 5px; font-weight: bold; vertical-align: middle; }
table.tablestyle-no-dots th { background: url(/images/h1sidebar.gif) top left no-repeat; padding: 10px 10px 8px 10px; color: Black; text-align: left; }
table.tablestyle-no-dots td { border-left: solid 1px #f9f9f9; padding: 5px 5px; font-weight: bold; vertical-align: middle; }
td { vertical-align: top; }
.title { font-size: 120%; }
.view { background: url(/images/view.gif) 1px 30px no-repeat; padding: 30px; margin-bottom: 20px; }
.viewbasket { background: url(/images/viewbasket.gif) 1px 7px no-repeat; padding: 10px 0 10px 27px; }
.Video_icon { background: url(/images/video_icon.gif) top right no-repeat; float: right; height: 20px; width: 20px; }
.promo-new { background: url(/images/Icons/promo_red.png) top right no-repeat; float: right; height: 20px; width: 20px; }
.wrapper { background: #FFFFFF; width: 940px; padding: 0; margin: 0 auto; font-size: 120%; background-color: #ffffff; border-left: 1px solid #999999; border-right: 1px solid #999999}
.artistwrapper { background: url(/images/Artists/wrapper.jpg) top left; padding: 12px 15px; }
.sheet { background: url(/images/Icons/sheetmusic_w.gif) 1px 30px no-repeat; padding: 30px 25px; margin-bottom: 20px; }
.audio { background: url(/images/Icons/audio_w.gif) 1px 30px no-repeat; padding: 30px 25px; margin-bottom: 20px; }
.video { background: url(/images/Icons/video_w.gif) 1px 30px no-repeat; padding: 30px 25px; margin-bottom: 20px; }

.sheet-small { background: url(/images/Icons/sheetmusic_w.gif) top left no-repeat; padding: 0 0 0 25px; }
.audio-small { background: url(/images/Icons/audio_w.gif) top left no-repeat; padding: 0 0 0 25px; }
.video-small { background: url(/images/Icons/video_w.gif) top left no-repeat; padding: 0 0 0 25px; }


.GenreandArtistHeadwrap { background: url(/images/Artists/head_oasis_rpt.jpg) repeat-x left top; width: 913px; text-indent: -4000px; padding: 0; margin: 0; }
.GenreandArtistHead { background: url(/images/Artists/head_oasis_right.jpg) no-repeat right top; }
.GenreandArtistHead div { background: url(/images/Artists/head_oasis.jpg) no-repeat left top; height: 96px; }
#cloud a, #cloud { padding: 2px; text-align: center; line-height: 25px; }
.oddity { padding: 5px 7px 20px 15px; }
/* Bar Styles */
.bar { width: 100%; height: 52px; margin: 0 auto; clear: both; }
.bar-l { width: 14px; height: 52px; float: left; background: url(/images/mobile-applications/panel-l-e.png) no-repeat; }
.bar-c { float: left; background: url(/images/mobile-applications/panel-c-c.png) repeat-x; height: 100%; width: 730px; padding: 0 !important; margin: 0; }
.bar-c-pc { float: left; background: url(/images/mobile-applications/panel-c-c.png) repeat-x; height: 100%; width: 80%; padding: 0 !important; margin: 0; }
.bar-r { width: 14px; height: 100%; float: left; background: url(/images/mobile-applications/panel-r-e.png) no-repeat; }
.bar-c img { float: left; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; }
.bar-c span.bar-title, .bar-c-pc span.bar-title { margin-top: 2px; color: #7F0000; font-weight: bold; page-break-after: right; }
.bar-c span.bar-message { }
.bar-c-pc img.icon { float: left; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; }
/* end Bar Styles */
/* begin GeoIP Country Select */
div.countrySelect-Overlay { background: #000; filter: alpha(opacity=80); opacity: 0.9; }
div.countrySelect { width: 510px; background: #FFF; float: left; }
div.countrySelect-content { width: 100%; height: 100%; background: #FFF; }
div.countrySelect-title { width: 100%; height: 25px; background: #f98429; clear: right; }
div.countrySelect-title h2 { color: #fff; padding: 5px; margin: 0; font-size: 15px; }
div.countrySelect-detected { width: 90%; height: 100%; clear: both; margin: 10px auto; }
div.countrySelect-detected-flag { float: left; width: 50px; height: 50px; margin: 5px; padding: 15px 0 0 0; }
div.countrySelect-detected-message { width: 80%; height: 10px; float: left; }
div.countrySelect-detected-country { width: 80%; padding: 15px 0 0 5px; margin: 0; float: left; }
div.countrySelect-detected-ChangeCountry { width: 80%; padding: 5px 0 0 5px; margin: 0; float: left; }
div.countrySelect-languages { width: 80%; }
div.countrySelect .commands { width: 90%; float: left; margin: 0 5px 15px 15px; }
div.countrySelect-helpLink { width: 50px; height: 20px; position: relative; top: 5px; right: 5px; float: right; }
div.countrySelect-helpLink a { text-decoration: none; }
div.countrySelect-helpLink img { border: none; }
div.countrySelect-helpLink span { position: relative; top: -5px; left: 2px; clear: both; }

/* v.2 */
.country-selector .welcome { height: 25px; }
.country-selector .country_list { }
.country-selector a.country-item { cursor: pointer; }
.country-selector .list-dem { width: 350px; float: left; margin: 2px; }
.country-selector .list { width: 350px; float: left; margin: 2px; }
.country-selector .list h2 { color: #333; margin: 1px; padding: 0; }
.country-selector .list-item { }
.country-selector .list ul { padding: 0; margin: 0; }
.country-selector .list li { display: block; width: 40%; float: left; margin: 0 5px; height: 20px; padding: 0 0 0 17px; min-width: 180px; }
.country-selector .list li:hover { background: url(/images/3p/bullet.png) top left no-repeat; }
.country-selector .list li.detected-country, .country-selector .list-dem li.detected-country { background: url(/images/3p/tick.png) top left no-repeat; }
.country-selector .list li.detected-country a { border-bottom: 1px dotted #f00; }
.country-selector .list li a { color: #333; text-decoration: none; display: block; margin: 0 2px; padding: 0; clear: right; }
.country-selector .list li img { display: block; margin: 0 2px; padding: 0; float: left; }
.country-selector #country_list_main, #country_list_alt { overflow: auto; max-height: 350px; }
.country-selector #country_list_alt .list { width: 95%; min-width: 450px; }
.country-selector #country_list_alt .list li { display: block; width: 20%; min-width: 200px; }
.country-selector .country-container { }
.country-selector .country-container-h { float: left; clear: both; width: 100%; height: 100%; }
.country-selector .country-container-inner { }
.country-selector #show-list-main { font-size: 12px; }
.country-selector .commands { width: 400px; margin: 0 auto; text-align: center; }
.country-selector .clear { clear: both; height: 1px; overflow: hidden; margin-top: -1px; }
.country-selector span.detected-country { padding-left: 20px; background: url(/images/3p/tick.png) no-repeat; }
.ui-widget-overlay { background: #333 !important; }

/* Non Model Styles */
div.country-select
{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
div.country-select .country-select-list
{
	margin: 20px auto;
	width: 450px;
	padding: 15px 0;
}
div.country-select .country-select-list select
{
	margin: 5px 0;
	padding: 1px;
	width: 300px;
}
div.country-select div.country-select-button
{
	float: right;	
}
/* ------------------- */

/* end GeoIP Country Select */
/* start download file blocked styles */
div.download-blocked { border: 1px solid #E83131; background: #FFECEC url(/images/dl-blocked-bg.png) no-repeat top left; margin: 0; padding: 5px 0 0 60px; }
div.download-blocked h3 { color: #000; margin: 0; }
div.download-blocked span { color: #000; margin: 0; font-size: 1em; }
/* end download file blocked styles */

/* start  scrollable styles */

/* this makes it possible to add next button beside scrollable */
.scrollable { float: left; }

/* prev, next, prevPage and nextPage buttons */
a.browse { background: url(/images/3p/scrollable/hori_large.png) no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 40px 10px; cursor: pointer; font-size: 1px; }
a.right { background-position: 0 -30px; clear: right; margin-right: 0px; }
a.right:hover { background-position: -30px -30px; }
a.right:active { background-position: -60px -30px; }
a.left { margin-left: 0px; }
a.left:hover { background-position: -30px 0; }
a.left:active { background-position: -60px 0; }
a.up, a.down { background: url(/images/3p/scrollable/vert_large.png) no-repeat; float: none; margin: 10px 50px; }
a.up:hover { background-position: -30px 0; }
a.up:active { background-position: -60px 0; }
a.down { background-position: 0 -30px; }
a.down:hover { background-position: -30px -30px; }
a.down:active { background-position: -60px -30px; }
a.disabled { visibility: hidden !important; }
/* end scrollable styles */

div#address-edit div.pair { width: 100%; height: 30px; clear: both; margin: 5px 0;}
div#address-edit div.pair div.pair-k { float: left; width: 20%; padding: 5px; }
div#address-edit div.pair div.pair-v { float: left; width: 60%; padding: 5px; }
div#address-edit div.pair div.pair-e { float: left; width: 10%; color: #f00; font-weight: bold; }
div#address-edit div.pair span.pair-n { font-style: italic; clear: left; display: run-in; }

div.sign-in { padding: 0; margin: 0; }
div.sign-in table { margin: 0 5px; }
div.sign-in input[type=text], div.sign-in input[type=password] { border: 1px solid #CCCCCC; width: 160px; padding: 2px; }
div.sign-in label { padding: 2px; }
div.sign-in table.login td { margin: 0; padding: 0; }    

/* Bundle styles */
div.bundle-product { width: 130px; background: #EAEAEA; padding: 5px; margin: 5px; float: left; border: 1px solid #999; clear: none;}
div.bundle-product-image { float: left; margin: 1px; clear: none; cursor: pointer; }
div.bundle-product-title { float: left; width: 60%; }
div.bundle-product-plus { float: left; padding: 15px 0 0 0; color: #666; font-size: 2em; font-weight: bold; height: 50px; width: 15px; margin: 30px auto; text-align: center; clear: right; }    
div.bundle-product-gap { float: left; padding: 5px 0 0 0; color: #666; font-size: 2em; font-weight: bold; height: 50px; width: 5px; margin: 30px auto; text-align: center; clear: right; }    
div.bundle-product-format { float: right; width: 19px; height: 19px; margin: 0; padding: 1px; }
div.bundle-product-format-audio { background: url(/images/BackT_icon.gif) no-repeat; }
div.bundle-product-format-sheetmusic { background: url(/images/sheet_icon.gif) no-repeat; }
div.bundle-product-format-video { background: url(/images/video_icon.gif) no-repeat; }
div.bundle-product-atb { width: 155px; padding: 5px; float: left; clear: none; height: 80px;  margin: 5px auto; text-align: center;}
span.bundle-product-price { font-size: 2em; color: #f00; font-weight: bold; }

/*.basket { float: right; padding: 10px; line-height: 24px; }*/

.header { width: 100%; padding: 0; margin: 0;}
.header .logo { float: left; padding: 5px 0 5px 10px; width:374px; }
.header .logo a, .header .logo a img { border: none; }
.header .logo a img { padding: 15px 0 0 0; }
.basket-summary { padding: 5px 5px 0 0; width: 300px; float: right; margin: 5px 25px;}

.basket-summary .welcome { width: 100%; height: 20px; font-size: 12px;}

.basket-summary .top-links { width: 100%; height: 20px; font-size: 1em; color: #333333; padding: 0; margin: 0;}
.basket-summary .top-links ul { width: 100%; display: block; }
.basket-summary .top-links ul li { display: block; float: left; padding: 2px 2px 0 2px; }
.basket-summary .top-links ul li:first-child, .basket-summary .top-links ul li.first-item {  }

.basket-summary .mid-links { float: left; margin: 0; padding: 0;}
.basket-summary .mid-links strong { display:block; float: left; margin: 0; padding: 0;}

.basket-summary-flags { height: 24px; width: 280px; float: left;}
.basket-summary-flags ul { width: 100%; height: 24px; padding: 0;}
.basket-summary-flags ul li { display: block; float: left; width: 24px; height: 24px; margin: 0 5px; }
.basket-summary-flags ul li a { display: block; float: left; width: 24px; height: 24px; margin: 0 5px; }
.basket-summary-flags ul li a.selected-culture { border-bottom: 1px dotted #f00; }

.basket-summary-currency { height: 24px; float: left; width: 220px;}
.basket-summary-currency strong {  }
.basket-summary-currency ul { height: 24px; margin: 0; padding: 0 5px; float: left;}
.basket-summary-currency ul li { display: block; float: left;}
.basket-summary-currency ul li a { display: block; height: 24px; margin: 0 2px; padding: 5px 0 0 0;}
.basket-summary-currency .selected-currency { color: #000000; }



.basket-summary .basket-info { width: 100%; clear: both; margin: 0; float:left; }
.basket-summary .basket-info span.my-basket a { font-size: 18px; color: #666; text-decoration: none;}
.basket-summary .basket-info span.basket-items { font-size: larger; color: #666; }
.basket-summary .basket-info span.basket-total { font-size: 15px; color: #333; font-weight: bold; }
.basket-summary .basket-info .button-basket span { background: url(/images/buttons/button-left-basket.png) left top no-repeat; color: #1553C3; height: 35px; margin: 0; padding: 9px 10px 20px 35px; text-decoration: none; }
.basket-summary .basket-info .button-basket a { padding: 9px 10px 15px 0px; color: #1553C3; display: block; text-decoration: none; }

.basket-summary .basket-checkout { float: right; width: 180px; margin: 0; padding: 0; position: relative; top: -15px;}
.basket-summary .basket-checkout .basket-button { display: block; float: left; width: 100%; }


.basket-summary-direct { width: 100%; display: block;}
.basket-summary-direct .icon { display: block; width: 24px; height: 24px; float: left; margin: 0 5px 0 0;}
.basket-summary-direct .basket-icon { background: url(/images/icons/shopping_cart.png) no-repeat center center; }
.basket-summary-direct .wishlist-icon { background: url(/images/icons/wishlist.png) no-repeat center center; }
.basket-summary-direct .account-icon { background: url(/images/icons/security.png) no-repeat center center; }
.basket-summary-direct .signout-icon { background: url(/images/icons/lock.png) no-repeat center center; }


.basket-summary-menu { width: 520px; height: 30px; background: url(/images/breadcrumbs/breadcrumbs-bg.png) repeat-x center center; float: right; clear: right; border: 1px solid #cccccc; border-top: none; border-right: none;}
/*.basket-summary-instore { width: 300px !important; }*/
.basket-summary-menu ul { display: block; float: left; }
.basket-summary-menu ul li { display: block; float: left; padding: 3px 0; }
.basket-summary-menu .icon { display: block; float: left; color: #666; padding: 6px 5px 0 20px; margin: 2px 2px;}
.basket-summary-menu .icon a { color: #666; }


.basket-summary-menu .basket-icon { background: url(/images/icons/shopping_cart.png) no-repeat center left; }
.basket-summary-menu .wishlist-icon { background: url(/images/icons/wishlist2.png) no-repeat center left; }
.basket-summary-menu .account-icon { background: url(/images/icons/security.png) no-repeat center left; }
.basket-summary-menu .signout-icon { background: url(/images/icons/lock.png) no-repeat center left; }
.basket-summary-menu .country-icon { background: url(/images/icons/country.png) no-repeat center left; padding: 6px 0 0 20px; }
.basket-summary-menu .menu-icon { background: url(/images/icons/menu-down.png) no-repeat center left; padding: 6px 5px 0 20px; cursor: pointer;}

.beta-program-champion { width: 675px; background: url(/images/beta-champion-bg.png) no-repeat top left; height: 200px; margin: 0 0 25px 0}
.beta-program-champion .beta-program-inner { width: 500px; float: right; height: 150px; position: relative; top: 10px; right: 20px;}
.beta-program-champion .beta-program-inner h2 { color: #FFFFFF; margin: 3px 0; }
.beta-program-champion .beta-program-inner a { color: #FFFFFF; }

ul.currency-list { margin: 0; padding: 0 0 3px 0; height: 18px; float: left; display: block;}
ul.currency-list li { display: block; float: left; }
ul.currency-list li a { display: block; padding: 2px 18px 2px 8px; background-repeat: no-repeat; background-position: center right; }
ul.currency-list li.gbp a { background-image: url(/images/flags/tiny/gb.png); }
ul.currency-list li.usd a { background-image: url(/images/flags/tiny/us.png); }
ul.currency-list li.eur a { background-image: url(/images/flags/tiny/eu.png); }
ul.currency-list li.yen a { background-image: url(/images/flags/tiny/jp.png); }
ul.currency-list li.aud a { background-image: url(/images/flags/tiny/au.png); }

ul.social-links { width: 100%; display: block; padding: 0; margin: 0; clear: both;}
ul.social-links li { display: block; padding: 0; margin: 5px; float:left;}
ul.social-links li a { border: none; }
ul.social-links li a img { border: none; }


/* release-notes */
.release-notes { }
.release-notes ul, .release-notes ol { list-style-type: disc; margin: 2px; }
.release-notes li { margin-left: 15px; border: none; padding: 0 !important; }

/* Beta Bar Styles */
.beta-bar { height: 25px; background: #EAEAEA; border: 1px solid #ccc; }
.beta-bar-left { background: #F98429; width: 80px; float: left; height: 100%; cursor:pointer; color:#FFFFFF;}
.beta-bar-left strong { position: relative; top: 5px; left: 25px;}
.beta-bar-links { width: 250px; height: 100%; float: left; }
.beta-bar-links ul { width: 100%; height: 100%; float: left; clear: both; margin: 0 0 0 10px; }
.beta-bar-links ul li { height: 100%; float: left; padding: 5px 0 2px 0 !important; margin: 0 0 0 5px; line-height: normal !important;}
.beta-bar-links ul li a { padding: 2px 0 0 20px; text-decoration: underline; cursor: pointer;}
.beta-bar-links ul li a.no-vote { text-decoration: none; cursor: default; }
.no-vote { color: #999 !important; text-decoration:none;}
.positive { background-image: url(/images/icons/thumb_up.png); }
.negative { background-image: url(/images/icons/thumb_down.png); }
.report { background-image: url(/images/icons/report-error.png); }
.beta-feedback-icon { background-repeat: no-repeat; background-position:top left; }
.beta-dialog label, .beta-dialog input { display:block; }
.beta-dialog label { margin-top: 0.5em; }
.beta-dialog input, .beta-dialog textarea { width: 95%; }
.beta-dialog textarea { display:block; height: 250px; }    

/*hover preview styles */
#hover-preview { position:absolute; border:1px solid #333; background:#FFFFFF; padding:5px; display:none; color:#666; }

