﻿body {
	font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	margin:3px 7px 10px 7px;
	padding: 0;
	background:#c9c9c9 url(/images/background_gradient.png) repeat-x scroll;
	word-spacing: normal;
	text-transform: none;
	text-decoration:none;
	color: #222;
	letter-spacing: normal;
	height: 100%;
	width:auto;
	min-width: 960px;
}
img {border: none;}

h1, h2, h3, h4, h5, th, thead, tfoot {
	color: #06c;
	font-style:	normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: arial, helvetica, sans-serif;
}
h1		{font-size:	2em; font-weight:700;}	
h2		{font-size:	1.6em; font-weight:700;}	
h3		{font-size:	1.35em; font-weight:500;}	
h4		{font-size:	1.2em; font-weight:500;}	
h5, dt	{font-size:	1em; font-weight:700;}	
h6		{font-size:	.8em; font-weight:700;}	

/* ========================== */
.dfclr {color: #222;}

a:link 		{text-decoration: none; color: #222;}
a:visited {text-decoration: none; color: #222;}
a:hover		{text-decoration: none; color: #06c;}
a:active 	{text-decoration: none; color: #222;}

#ddlCountry select:focus, #ddlCountry select.focus {background-color: #ffffcc;}

/* ============ header ============== */
#header {border: 1px solid #fff;}
#hdcontainer {
	width: 100%;
	margin: 0;
	padding: 0;
}
#hdcontainer h1, #hdcontainer h2 {
	margin: 0;
	padding: 0;
}
#hdcontainer .lt {
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}
#hdcontainer .rt {
	float:right;
	width: 400px;
	margin: 0;
	padding: 0;
}
#hdcontainer #hd1 {
	height: 40px;
	margin: 0;
	padding:0;
	width: 100%;
	clear: both;
	background: url(../images/hd/header-slice.gif) repeat-x;
}
#hdcontainer #hd1 .lt, #hdcontainer #hd1 .rt {height:40px;}
#hdcontainer #hd2 {
	height: 5px;
	margin: 0;
	padding:0;
	width: 100%;
	clear: both;
	background: url(../images/hd/bluebar-slice.gif) repeat-x;
}

#hdmenu {
	height: 25px;
	margin: 0;
	padding: 0;
	width: 100%;
	clear:both;
	background: url(../images/hd/tab-slice.gif) repeat-x;
}
#hdmenu2 {
	margin: 0;
	padding: 0;
	width: 100%;
	clear:both;
	float: left;
	position: relative;
	z-index: 2;
}
#hdcontainer .rt ul {
	float: right;
	position:relative;
	margin: 0;
	padding: 3px 30px 0 0;
	text-align: right;
	list-style: none;
	line-height: 44px;
}
#hdcontainer .rt li {
	padding: 0;
	position:relative;
	float: left;
	font: bold 9pt arial;
	height: 22px;
	line-height: 22px;
}
#hdcontainer #hd1 .rt ul li a					{color:#fff; display: block;}
#hdcontainer #hd1 .rt ul li a:link		{color:#fff;}
#hdcontainer #hd1 .rt ul li a:visted	{color:#fff;}
#hdcontainer #hd1 .rt ul li a:hover		{color:#fffffa; border-bottom: 1px dotted #fffffa;}

/* ------------------------- */
#menu {
	float: left;
	margin:-4px 0 0 0;
}
#menu h1 {
	display:block;
	font: normal 9pt arial;
	margin-bottom:1px;
	color:#024485;
}
/* ------------------------- Main Xml Menu <------------------------- */
#mainMenu {
	z-index: 200;
	list-style: none; 
	line-height: 25px;
	height: 25px;
	margin: 0;
	padding: 0 0 0 20px;
}
#mainMenu li {
	position:relative;
	float: left;
	display:block;
	margin: 0 15px 0 0 ;
	padding: 7px 0 0 0;
	z-index: 200;
}
#mainMenu ul {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none; 
	line-height: 1px;
}
#mainMenu li ul {
	position: absolute;
	display: none;
	width: 13em;
	background: #000;/*005ba3*/
}
#mainMenu li:hover {z-index:210;}
#mainMenu li:hover ul, #mainMenu li.sfHover ul {
	display:block;
	left: 0; 
	top: 100%; 
}
#mainMenu a {display: block;}
#mainMenu h3, #mainMenu h4, #mainMenu h5 {
	margin: 0;
	padding: 0;
}
#mainMenu h4 a {
	display: block;
	width: 12em;
	font:bold 10pt Arial, Helvetica, sans-serif;
	text-align:left;
	margin:4px 2px 4px 8px;
	padding:0;
	color: #FFF;
}
#mainMenu h4 a:hover {color: #FCFFB2;}

/*------ Sub Menu -------------*/
#subMenu {
	z-index: 190;
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none; 
	line-height: 15px;
	height: 15px;
}
#subMenu li {
	position:relative;
	float: left;
	display:block;
	margin: 0;
	padding: 0;
	z-index: 190;
}
#subMenu ul {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none; 
	line-height: 1px;
}
#subMenu li ul {
	position: absolute;
	display: none;
	width: 17em;
	background: #fafafe;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#subMenu li:hover, #subMenu li.sfHover {z-index: 200;}
#subMenu li:hover ul, #subMenu li.sfHover ul {
	display:block;
	left: 0; 
	top: 100%;
}
#subMenu a	{display: block;}
#subMenu h4 {margin: 5px 0 0 0;}
#subMenu h5 {margin: 5px 0px;}
#subMenu h4 a {
	font:bold 8pt Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0px 8px 0px 8px;
}
#subMenu h5 a {
	display: block;
	width: 17em;
	font:bold 8pt Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0px 8px 0px 8px;
	color: #005ba3;
}
#subMenu h5 a:hover {color: #646363;}
#subMenu em {
	color:#005ba3;
	border-bottom: 1px solid #005ba3;
}

/* ============ search ============== */
#search {
    height: 33px;
    background: url(../images/search/searchbar-bg.gif) repeat-x;
    margin:0;
}
.textbox {
    font: normal 11pt arial;
    vertical-align:top;
    padding: 1px 3px;
    letter-spacing: 1px;
    color: #000;
    width: 200px;
}
.sddl {
    font: normal 10pt arial;
    vertical-align:top;
    padding: 2px 0px;
}
.navbtns {
	clear:both;
	padding: 0;
	margin:5px 0;
	width: auto;
}
.navbtns ul {
	padding:0; 
	list-style-type:none;
	margin:0;
}
.navbtns ul li {
	display: block;
	float:right;
	padding: 0 8px 0 0;
	list-style-type:none;
	vertical-align:middle;
}
.navbtns ul li a:link 		{border-bottom: 1px dotted #fff;}
.navbtns ul li a:visited 	{border-bottom: 1px dotted #fff;}
.navbtns ul li a:hover		{border-bottom: 1px dotted #cc0000;}

/* ========================== */
#wrap {
	background: #fff;
	min-width:960px;
	position:relative;
}
#main {
	clear:both;
	margin: 3px 0 0 0;
	padding: 3px 6px 5px 6px;
}

#pg_container {
  padding-left: 120px;		/* LC fullwidth */
  padding-right: 235px;		/* RC fullwidth + center padding */
}
#pg_container .column {position: relative;float: left;}
#pg_container #center {
	width: 100%;
	padding: 0 10px 0 5px;
}
#pg_container #left {
  width: 120px;						/* LC width */
  right: 135px;						/* LC fullwidth + center padding */
  margin-left: -100%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#pg_container #right {
	width: 220px;						/* RC width */
	margin-right: -235px;		/* RC fullwidth + center padding */
}
* html #pg_container #left {left: 220px;} /* RC fullwidth, IE6 Fix */

#sub_container {
  padding-left: 0;				/* LC fullwidth */
  padding-right: 315px;		/* RC fullwidth + center padding */
}
#sub_container .column {position: relative;float: left;}
#sub_container #center {
	width: 100%;
	padding: 0 10px 0 5px;
}
#sub_container #left {
  width: 0;								/* LC width */
  right: 15px;						/* LC fullwidth + center padding */
  margin-left: -100%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#sub_container #right {
	width: 300px;						/* RC width */
	margin-right: -315px;		/* RC fullwidth + center padding */
}
* html #sub_container #left {left: 300px;} /* RC fullwidth, IE6 Fix */

/* ------------------------- */
#glossary {
	margin: 10px 0 0 0;
	padding: 10px 0 10px 25px;
	border: 1px solid #ccc;
	background: #fffffa;
	clear:both;
	float:left;
	width: 33%;
}
#faq h3 {
	color:#780505;
	margin-bottom: 0px;
}
#faq p, #faq dl {margin:5px 0;}

/* ------------- Home Page ------------ */

/* ------------- Product Details ------------ */
#producttitle {
	letter-spacing:2px;
	font: bold 14pt arial;
	margin: 0 0 6px 0;
	padding: 5px 15px 7px 15px;
	background: #e9e9e9;
	color: #000;
}
#producttitle em {
	letter-spacing:0;
	font: bold italic 12pt arial;
	margin: 0;
	padding: 0;
	color: #666;
}
#pd_body .td1 {
	color:#333;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
}
#pd_top {
  padding-left: 212px;		/* LC fullwidth */
  padding-right: 0;				/* RC fullwidth + center padding */
}
#pd_top .column {position: relative;float: left;}
#pd_top #center {
	width: 100%;
	padding: 0;
}
#pd_top #left {
  width: 202px;						/* LC width */
  right: 212px;						/* LC fullwidth + center padding */
  margin-left: -100%;
	padding: 0 10px 0 0;
  text-align:right;
}
#pd_top #right {
	width: 0;								/* RC width */
	margin-right: -0px;			/* RC fullwidth + center padding */
}
* html #pd_top #left {left: 0px;} /* RC fullwidth, IE6 Fix */

#pd_body {
  padding-left: 360px;		/* LC fullwidth */
  padding-right: 20px;		/* RC fullwidth + center padding */
}
#pd_body .column {position: relative;float: left;}
#pd_body #cen {
	margin: -20px 0 0 0;
	width: 100%;
	padding: 0 10px;
}
#pd_body #lft {
  width: 325px;						/* LC width */
  right: 380px;						/* LC fullwidth + center padding */
  margin-left: -100%;
	padding: 10px 15px 0 20px;
}
#pd_body #rt {
	width: 0;								/* RC width */
	margin-right: -0px;			/* RC fullwidth + center padding */
}
* html #pd_body #lft {left: 0px;} /* RC fullwidth, IE6 Fix */

/* ------------ Advanced Search ------------- */
#advsearch {}
#advsearch p {
    margin: 5px 0;
}
#advsearch .ddl {
	font: normal 12pt Arial;
	margin: 0;
	padding: 7px 12px 7px 12px;
	background: #f3f3fe;
	color: #06c;
}

/* ------------ footer ------------- */
#footer {
	clear:both;
	margin: 30px 0 0 0;
	padding: 25px 15px 50px 15px;
	font: normal 1em/1.25em Arial, Helvetica, sans-serif;
	background: #fff url(../images/foot/footer-bg.gif) repeat;
	border-top: 1px solid #ccc;
}
#fttbl {
	width: 85%;
	margin:0 auto;
	font: normal 9pt arial;
}
#fttbl a:link		{text-decoration: none; color: #444;}
#fttbl a:visited	{text-decoration: none; color: #444;}
#fttbl a:hover		{text-decoration: underline; color: #222;}

#botstrip {
	clear: both;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
}

/*======= ProductTypeComboDrilldown =======*/
.ptcdd_featuredproduct {
	margin-right: 30px;
}

.ptcdd_featuredlinks {
	padding: 0 0 0 20px;
	list-style-type:none;
	margin:0;
}
.ptcdd_featuredlinks li {
	display: block;
	text-align:left;
	background: url(/images/icon-arrowsm.gif) left no-repeat;
	margin: 0 0 0 6px;
	padding: 0 0 1px 16px;
	vertical-align:top;
}
.ptcdd_genrelinks {
	padding-left: 20px;
}

.ptcdd_genrelinks li {
	float: left;
	margin-right: 40px;
}

/*======= GenreDrillDown =======*/
.gdd_ul_item {
	display:block;
	margin: 0;
	padding: 0;
	list-style: none; 
	line-height: 1;
	background: white;
}

.gdd_ul_item li {
	display:block;
	margin: 0px 10px 10px 0px;
	padding: 0;
	float: left;
	background-color: White;
	position:relative;
	z-index:9;
}

.gdd_ul_item ul {
	position: absolute;
	display: none;
	width: 8em;
	border: 1px solid;
	background: white;
	margin:0;
	padding:10px 0 0 10px;
}

.gdd_ul_item a {
	display: block;
	width: 14em;
	font:bold 8pt Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0;
	padding:0;
}

.gdd_ul_item ul a {
	width: 8em;
	margin:0;
}

.gdd_ul_item li:hover {
	z-index: 10;
}

.gdd_ul_item li:hover ul {
	display:block;
	left: 1em; 
	top: 100%;
}

.gdd_ul_item iframe {
	position:absolute;
	display:none;
	top:0;
	left:1em;
}

.gdd_ul_item li:hover iframe {
	display:block;
	z-index: 100;
}

/*======= Graphical Homepage =======*/
/* ------------ box 3 ------------- */
.box3 {display: block;}
.box3 .box3bg {
	background: url(../images/box3-left.gif) no-repeat left center;
	height: 20px;
}
.box3 .box3bg div.d1 {
	background: url(../images/box3-slice.gif) repeat-x;
	height: 20px;
	margin: 0 0 0 19px;
	padding: 0;
}
.box3 .box3bg h3 {
	line-height: 20px;
	height: 20px;
	width: auto;
	display: block;
	margin:0;
	padding: 3px 0 0 7px;
	font: bold 10pt arial;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
}
.box3 .box3bg div.d2 {
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/box3-right.gif) no-repeat center right;
}
.box3 .content {
	padding: 10px 5px 1px 5px;
	background: url(../images/box3-bot-gradient.gif) repeat-x left bottom;
	display: block;
}
.box3 .ft {
	background: #E4E5E7 url(../images/box3-bot-l.gif) no-repeat left bottom;
	height:10px;
}
.box3 .ft div {
	background: url(../images/box3-bot-r.gif) no-repeat right bottom;
	height:10px;
}
				
h3.box3title a:link {color: #ffffff;}
h3.box3title a:visited {color: #ffffff;}
h3.box3title a:hover {color: #e0e0e0; padding-right:6px; border-right: 5px solid #e0e0e0;}

/* ------------ overlay ------------- */
.overlay_div {
	height: 160px;
	position:relative;
	overflow: hidden;
}
.overlay_wrap {
	position:relative;
	height:160px;
	width:136px;
	overflow:hidden;
	display:inline;
	float:left;
	margin: 0 7px 0 2px;
	padding: 0;
}
.overlay_wrap .overlay_headline a:link, .overlay_wrap .overlay_headline a:visited {color:#ffd65a;}
.overlay_wrap .overlay_headline a:hover {color:#fff;}
.overlay_wrap .overlay_sub a:link, .overlay_wrap .overlay_sub a:visited {color:#fff;}
.overlay_wrap .overlay_sub a:hover {color:#ffd65a;}
.overlay_wrap img {
	position:relative;
	top:0;
	left:0px;
	height:136px;
}
.overlay_prc {
	font: normal 9pt arial;
	display:block;
	margin: 0;
	height:24px;
}
.overlay_prc em {text-decoration:line-through;}
.overlay_prc a {font-weight:bold;}
.overlay_container {
	position:absolute;
	top:96px;
	left:0;
	width:100%;
	height:40px;
	overflow:hidden;
	z-index:2;
}
.overlay_slider {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:-1;
	background-color:#333;
	opacity:.75;
	filter:alpha(opacity=75);
}
.overlay_sub, .overlay_headline {
	position:relative;
	width:100%;
	top:5px;
	left:3px;
	*top:5px;
	overflow:hidden;
	z-index:1;
}
.overlay_headline {
	color:#ffd65a;
	font:normal 9pt arial;
}
.overlay_sub {
	color:#fff;
	font: italic 8pt arial;
}
.overlay_viewall {
	margin: 12px 0 0 0;
	padding:0 0 0 0;
	font: bold 9pt arial;
}
.overlay_viewall ul.h li {margin:0 9px 0 5px; border-bottom:1px dotted #06c;}

/* ------------ special sale ------------- */
.specialsale a {
	margin:0 0 10px 0;
	display: block;
}

/* ------------ discussions rss ------------- */
#discussions_rss {
	background: url(../images/discussions-rss220-top.gif) no-repeat center top;
	width: 220px;
	padding: 33px 0 0 0;
	color: #b2b1b0;
}
#discussions_rss li.a {background: url(../images/discussions-rss220-slice1.gif) repeat-y center top;border-bottom:2px dashed #9f9f9f;}
#discussions_rss li.b {background: url(../images/discussions-rss220-slice2.gif) repeat-y center top;border-bottom:2px dashed #9f9f9f;}

#discussions_rss ul {
	padding:0; 
	list-style-type:none;
	margin:0;
	font: normal 8pt arial;
}
#discussions_rss ul li {
	display: block;
	padding: 0 0 3px 8px;
	margin:0;
	list-style-type:none;
	vertical-align:middle;
}
#discussions_rss a {margin:0;padding:0;}
#discussions_rss a:link 		{color: #c9c9c9;}
#discussions_rss a:visited	{color: #9f9f9f;}
#discussions_rss a:hover		{color: #2d87ce;}

/* ------------ top xx text ------------- */
ul.toptitles {
	padding:0; 
	list-style-type:none;
	margin:0;
	font: normal 8pt arial;
}
ul.toptitles li {
	display: block;
	padding: 1px 0;
	margin:0;
	list-style-type:none;
	vertical-align:middle;
}
ul.toptitles li.alt {background:#f4f4f4;}
ul.toptitles li span.rank, 
	ul.toptitles li span.title, 
	ul.toptitles li span.artist, 
	ul.toptitles li span.full, 
	ul.toptitles li span.type {
		display:inline-block;
		padding: 0;
		margin:0;
}
ul.toptitles li span.rank {width: 20px; font: normal 7pt arial;}
ul.toptitles li span.title {width: 120px;}
ul.toptitles li span.full {width: 240px;}
ul.toptitles li span.artist {width: 120px; font-style:italic;}
ul.toptitles li span.type {width: 30px; font: normal 7pt arial;}
ul.toptitles li a:link {}

/* ------------ shopping cart ------------- */

/* ------------ featured product ------------- */

/* ------------ my account menu ------------- */
ul.acct {
	padding:0 0 0 5px; 
	list-style-type:none;
	margin:-5px 0 0 0;
}
ul.acct li {
	display: block;
	padding: 1px 20px 1px 13px;
	margin:0;
	list-style-type:none;
	vertical-align:middle;
	float: left;
	background: #ffffe8 url(/images/icon-arrowsm.gif) left no-repeat;
}

