/* LP Music CSS Document */
/* IE 6 Hacks located at the bottom */

/*Main Containers*/
body {
	background: #000000 url(../images/body_bg_dk.jpg) no-repeat fixed center top;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 18px;
	color: #424242;
	}
#outsidecontainer {
	width: 797px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	}

/* Begin Header Styles */
table#header {
	width: 795px;
	padding: 0px;
	margin: 0px;
	background: #999 url("../images/header_bg.gif") bottom left no-repeat; /*To compensate for the spacer in Win IE and Opera*/
	}

/* Top Flash Intro Movie */	
td#headerflash {
	width: 635px;
	padding: 0px;
	margin: 0px;
	}
/* Email Signup TD */	
td#email_signup {
	width: 160px;
	padding: 0px;
	margin: 0;
	background: #000 url("../images/email_bg.jpg") top right no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	overflow: hidden;
	}
#email_content {
	margin: 50px 0px 0px 15px;
}
#email_content span {
	margin-right: 12px;
	}
td#email_signup .emailfield {
	height: 15px;
	border: 1px solid #000;
	width: 88px;
	font-size: 10px;
	margin: 0;
	padding: -5px 0 -5px 0;
	}
td#email_signup .emailsubmit {
	height: 15px;
	width: 55px;
	font-size: 10px;
	color: #92254F;
	font-weight: bold;
	background: #000;
	border: 1px solid #92254F;
	position: relative;
	top: 0;
	left: 44px;
	margin: 0 0 -10px 0;
	}
td#email_signup .emailsubmit_image {
	margin: 0px 0px 0px 48px;
	}
/* RSS Feed Button */
a#rss, a#rss:visited {text-indent: -99999px;  float: right; background: transparent url("../images/btn-rss-lp.png") top left no-repeat; display: block; width: 60px; height: 25px;}	
a#rss:hover, a#rss:active {background-position: bottom left; background-color: #999;}
/* Primary Navigation Bar #1 */	
td#primarynav1 {
	background: #ccc;
	height: 25px;
	margin: 0px;
	padding: 0px;
	width: 635px;
	}
	
/* jQuery Javascript Menu from http://javascript-array.com/scripts/jquery_simple_drop_down_menu/ */
#mainnav ul {z-index: 2}
#mainnav, #mainnav2 {margin: 0; padding: 0; overflow: auto;}
#mainnav {background: #353434 url("../images/navBar2009-top.png") 0 0 repeat-x; width: 635px;}
#mainnav2 {margin-left: 55px;}
#mainnav li, #mainnav2 li {float: left; display: inline; list-style: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#mainnav li a, #mainnav2 li a {cursor: pointer; display: block; padding: 4px 0 3px 0;text-decoration: none; white-space: nowrap; text-align: center; outline: 0 !important}
#mainnav li a {color: #fff;}
#mainnav2 li a {color: #000;}
#mainnav li a:hover {background: #24313C}
#mainnav2 li a:hover {background: #ffcc66;}
#mainnav li ul {margin: 0;padding: 0;position: absolute;visibility: hidden;border-top: 1px solid white}
#mainnav li ul li {float: none;display: inline; font-size: 10px; margin: 0; padding: 0;}
#mainnav li ul li a {width: auto;background: #333; color: #fff; padding: 5px 8px; border-top: 1px solid #777; text-align: left;}
#mainnav li ul li a:hover {background: #999; border-top: 1px solid #999;}
#mainnav2 li#visit {padding: 4px 0 0 3px; width: 100px; font-size: 10px; text-transform: uppercase; color: #000; letter-spacing: -.02em;}

/* Widths */
#mainnav li#nav-buy {width: 63px;}
#mainnav li#nav-product {width: 89px;}
#mainnav li#nav-about {width: 75px;}
#mainnav li#nav-lessons {width: 70px;}
#mainnav li#nav-artists {width: 61px;}
#mainnav li#nav-artistnews {width: 87px;}
#mainnav li#nav-blog {width: 53px;}
#mainnav li#nav-sitemap {width: 77px;}
#mainnav li#nav-rss {width: 60px;}
#mainnav2 li#nav-congahead {width: 78px;}
#mainnav2 li#nav-lprhythmix {width: 84px;}
#mainnav2 li#nav-community {width: 132px;}
#mainnav2 li#nav-customshop {width: 106px;}
#mainnav2 li#nav-lpstore {width: 82px;}
#mainnav2 li#nav-spanish {width: 93px;}

/* Colors */
#mainnav li#nav-buy a:hover {background-color: #c60;}
#mainnav li#nav-buy ul li a:hover {color: #c60;background: #999;}
#mainnav li#nav-product a:hover {background-color: #591328;}
#mainnav li#nav-product ul li a:hover {color: #591328;background: #999;}
#mainnav li#nav-about a:hover {background-color: #633264;}
#mainnav li#nav-about ul li a:hover {color: #633264;background: #999;}
#mainnav li#nav-lessons a:hover {background-color: #346667;}
#mainnav li#nav-lessons ul li a:hover {color: #346667;background: #999;}
#mainnav li#nav-artists a:hover {background-color: #336799;}
#mainnav li#nav-artists ul li a:hover {color: #336799;background: #999;}
#mainnav li#nav-artistnews a:hover {background-color: #0097c8;}
#mainnav li#nav-artistnews ul li a:hover {color: #0097c8;background: #999;}
#mainnav li#nav-blog a:hover {background-color: #9c3;}
#mainnav li#nav-blog ul li a:hover {color: #9c3;background: #999;}
#mainnav li#nav-sitemap a:hover {background-color: #c93;}
#mainnav li#nav-sitemap ul li a:hover {color: #c93;background: #999;}
	
#mainnav li a#rss, #mainnav li a#rss:visited {text-indent: -99999px; background: #444 url("../images/btn-rss-lp.png") top left no-repeat; height: 25px; width: 60px; padding: 0;}	
#mainnav li a#rss:hover, #mainnav li a#rss:active {background-position: bottom left; background-color: #222;}

td#primarynav2 {background: #666 url("../images/navBar2009-bot.png") 0 0 no-repeat; height: 25px;margin: 0px;padding: 0;}
td#primarynav2 img {
	border: 0px;
	margin: 0px;
	}
	
td#player {
	background: #999;
	width: 160px;
	}
/* Search Field */	
td#search {
	width: 165px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: #151515 url("../images/search_bg.png") top left no-repeat;
	table-layout:fixed;
	overflow:hidden;
	}
td#search .searchfield {
	height: 15px;
	border: 1px solid #000;
	width: 80px;
	font-size: 10px;
	margin: 0px 0px 0px 50px;
	float: left;
	}
td#search .searchbutton { 
	border: 0;
	margin: 0px 0px 0px 3px;
	padding: 0;
	}
/* Primary Navigation Bar #2 */	
/*End Header Styles */


/* Body Style for One Column Layout */
table#body_onecolumn {
	background: #ffffff;
	width: 795px;
	margin: 0px;
	padding: 0px;
	}
table#body_onecolumn tr, table#body_onecolumn td {
	margin: 0px;
	padding: 0px;
	}
#one_column_padding { /* For a body of content without tables (Terms of Use, Privacy) */
	padding: 0px 20px 20px 20px;
	}

/* Footer Styles */
table#footer td {
	width: 795px;
	padding: 5px 0px;
	color: #000;
	text-align: center;
	background: #999;
	font-size: 9px;
	}
table#footer td a:hover, table#footer td a:active {
	color: #333;
	}
#footer_small {
	margin-top: 5px;
	line-heoght: 6px;
	font-size: 9px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* GLOBAL ELEMENTS FOR SPECIFIC ELEMENTS INSIDE OF THE PAGE CONTAINERS */
a, a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
a:active {
	color: #ffcc66;
	}
h1 {
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	margin: 5px auto 10px;
	}
h1 span {
	padding: 2px 4px;
	}
h2 {
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	margin: 20px auto;
	}
h2#author {
	text-transform: uppercase;
	margin: -5px 0px 10px 0px;
	}
h3 {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px auto;
	padding-right: 5px;
	padding-left: 5px;
	}
ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style: none;
	}
ul li {
	padding: 0px;
	margin: 5px 0px;
	}
em {
	font-style: italic;
	}

/* Misc Global Styles - These are simple and self explanatory */
.boldblack {
	font-weight: bold;
	color: #000;
	}
.caption {
	font-size: 9px;
	line-height: 10px;
	font-style: italic;
	margin: 8px 10px 3px;
	text-align: center;
	}
.entry_border_bottom {
	margin: 15px 15px 0px 15px;
	padding-bottom: 5px;
	border-bottom: #ccc 1px solid;
	clear: both;
	}
.bold_red {
	font-weight: bold;
	color: #990000;
	}
.break {
	clear: both;
	}	

/* Begin Images */
p img {
	max-width: 100%;
	}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	}
	
img.alignright {
	display: inline;
	margin: 0px 0px 0px 3px;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

.image_caption_right {
	float: right;
	margin: auto 0px 5px 5px;
	}
.image_caption_left {
	float: left;
	margin: auto 10px 5px 0px;
	}
.image_caption_right .caption, .image_caption_left .caption {
	text-align: center;
	margin: 3px auto;
	}
	
/* End Images */


/* Styles for templates with a left hand column. These are global across all template, therefore contain only layout elements, no color properties */
/* For color properties, refer to the second, unique stylesheet associated with the desired template */
table#body_twocolumn {
	background: #ffffff;
	width: 795px;
	margin: 0px;
	padding: 0px;
	}

/* Left Column */
table#body_twocolumn td#leftcol {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	width: 147px;
	vertical-align: top;
	font-size: 10px;
	}
table#body_twocolumn td#leftcol a, table#body_twocolumn td#leftcol a:visited {
	color: #fff;
}
table#body_twocolumn td#leftcol h1 {
	font-size: 14px;
	text-align: left;
	color: #000;
	}
#leftcol ul {
	padding: 0px;
	margin: 0px;
	_margin-left: 3px;
	}
#leftcol ul li {
	line-height: 10px;
	margin: 3px 0px;
	list-style-image: url("../images/ding_wht_sm.gif");
}
#leftcol ul li.none, #leftcol ul li.none:hover {
	list-style-image: none;
	list-style-type: none;
	}
#leftcol ul li ul {
	margin: 0px 0px 0px 10px;
	_margin: -3px 0px 0px 8px;
	_float: left;
	_clear: both;
}
#leftcol ul li ul {
	_list-style-image: url("../images/ding_wht_sm.gif");
}

/* Main Column */
table#body_twocolumn td#maincol {
	margin: 0px;
	padding: 5px 10px 20px;
	background: #fff;
	vertical-align: top;
	height: 400px;
	}
td#maincol #warranty_thanks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background: #FC6;
	width: 550px;
	margin: 14px;
	padding: 15px;
	line-height: 1.5em;
}
#maincol #frmWarranty p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9 em;
	color: #000;
	padding-right: 8px;
	padding-left: 8px;
}
#maincol #frmWarranty fieldset {
	background: #CCC;
	border-right: 1px none #333;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#maincol #frmWarranty legend {
	font-size: 1em;
	text-transform: uppercase;
	color: #000;
	background: #CCC;
	letter-spacing: 0.1em;
	margin-top: -5px;
	padding: 5px 10px;
}
#maincol #frmWarranty input.text {
	width: 155px;
}
#maincol #frmWarranty input.text:focus, #maincol #frmWarranty textarea:focus {
	background: #FF9;
	border: 1px none #333;
}
	
/* Style for lists of menu items across various sections */
ul#menu {
	margin: 20px 40px;
	}
ul#menu li {
	margin-bottom: 10px;
	list-style-image: url("../images/ding_blk.gif");
	_list-style-image: url("../images/ding_blk_ie.gif");
	}
td#maincol ul.ul {
	padding: 20px 75px;
	list-style-type: disc;
	margin: 0px;
	}
	
/* Suggested Links Footer */
table#suggestedlinks_footer {
	width: 795px;
	margin: 0px;
	background: #2A2A2A;
	text-align: center;
}
table#suggestedlinks_footer td#suggestedlinkstitle {
	background: #ccc;
	height: 18px;
	padding: 0px;
}
table#suggestedlinks_footer td#suggestedlinkstitle img {
	margin: 0px;
	}
table#suggestedlinks_footer .suggestedlinks_title {
	/*text-transform: uppercase;
	font-size: 12px;
	margin: 1px 0px -1px 0px;
	color: #993300;
	letter-spacing: 2px;*/
	}
table#suggestedlinks_footer img {
	margin: 10px 15px 5px 15px;
	border: 0px;
	}
	
/* Table containing the 'email page', 'locate dealer' and 'buy now' buttons */
table.emailpage_finddealer {
}img.alignright_bn {
	display: inline;
	margin: 0px 0px 0px 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h2 span {
	padding: 2px 4px;
}
table#footer2 td {
	width: 795px;
	padding: 5px 0px;
	color: #333333;
	text-align: center;
	background: #666666;
	font-size: 9px;
	font-weight: bold;
}

/* IE 6 Hacks */
a#rss {_margin-top: -25px;}
td#primarynav1 {_overflow: hidden; _width: 670px}
td#player {_overflow: hidden;}
#addthis {
	position: absolute;
	z-index: 99;
	vertical-align: bottom;
}
#maincol #frmWarranty #button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9 em;
	color: #000;
	padding-right: 8px;
	padding-left: 8px;
}