body { background: #ccc; }

#container
{
	width: 960px;
	margin: 0 auto;
}

/************************************************
* Layout										*
************************************************/

#header { background: #333 url(images/header_bg.jpg) repeat-x; }
#speedbar { background: #B6DE61 url(images/speedbar_bg.jpg****) repeat-x; }

#footer
{
	background: #B6DE61 url(images/footer_bg.jpg****) repeat-x;
	color: #000;
}

/************************************************
* Columns										*
************************************************/

#colmask
{
	background: #FFF;
	/* Left column background originally #E0F5B0 */
}

#colmid
{
	background: #FFF;
	/* Centre column background */
}

#colright
{
	background: #FFF;
	/* Right column background originally #E0F5B0 */
}

#colmid p
{
	font-family: Verdana;
	background-color: #fff;
	color: #444;
	text-decoration: none;
	word-spacing: 0.1em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1em;
	padding: 10px 0px;
}

#colmid .product_price
{
	font-family: Verdana;
	font-size: 1em;
}

.product_price
{
	font-family: Verdana;
	font-size: 2em;
}

#colmid li
{
	font-family: Verdana;
	background-color: #fff;
	color: #444;
	text-decoration: none;
	word-spacing: 0.1em;
	text-align: left;
	letter-spacing: 0;
	font-size: .9em;
}

.notice
{
	width: 80%;
	margin: auto;
	text-align: left;
	color: #333;
	padding: 10px 25px;
	border: 1px solid #e4c7a8;
	background-color: #fdf4c9;
	margin-bottom: 8px;
}

.notice_clear
{
	width: 600px;
	margin: auto;
	text-align: left;
	color: #707070;
	padding: 10px 25px;
	border: 1px solid #e4c7a8;
	background-color: #fff;
	margin-bottom: 8px;
}

.notice_red
{
	width: 80%;
	margin: auto;
	text-align: left;
	color: #333;
	padding: 10px 25px;
	border: 1px solid #e4c7a8;
	background-color: #FC9;
	margin-bottom: 8px;
}

.notice b
{
	font-size: 14px;
	color: #421311;
}

.notice a:link
{
	color: #F14C12;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:visited
{
	color: #F14C12;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:active
{
	color: #F14C12;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:hover
{
	color: #421311;
	font-weight: bold;
	text-decoration: none;
}

.left20 { margin-left: 20px; }

.ItemsList, .product_right_col a:link,.product_right_col a:visited,.product_right_col a:active
{
	text-decoration: none;
	color: #115B78;
}

.product_right_col a:hover
{
	text-decoration: none;
	color: #FB9721;
	font-weight: bold;
}

/************************************************
* Logo Image Replacement						*
************************************************/

#logo h1
{
	background: url(images/logo.gif) no-repeat;
	width: 240px;
	height: 80px;
	border: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 30;
	float: left;
}

#logo h1 a
{
	display: block;
	text-indent: -3000px;
	width: 240px;
	height: 80px;
	border: 0;
	text-decoration: none;
}

#logo h1 a:hover
{
	border: 0;
	text-decoration: none;
}

/************************************************
* Links											*
************************************************/

a:link, a:visited
{
	color: #74AB00;
	text-decoration: underline;
}

a:hover { text-decoration: underline; }

/************************************************
* Speedbar Links								*
************************************************/

.speedbar_link:link, .speedbar_link:visited
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.speedbar_link:hover
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

/************************************************
* Misc											*
************************************************/

hr
{
	color: #CCCCCC;
	background: #CCCCCC;
	border: 0;
	Height: 1px;
}

/************************************************
* Menu & Dialog Borders	Start					*
************************************************/

/*--------- Dialogs ----------*/
.dborders
{
	width: 100%;
	margin-bottom: 10px;
}

.dborders h2, .dborders h2
{
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 3px 3px 5px;
}

.dborders p, .dborders p
{
	margin: 0;
	padding: 3px 3px;
	font-size: 1.0em;
}

.dtop, .dbottom
{
	display: block;
	background: transparent;
	font-size: 1px;
}

.db1, .db2, .db3, .db4
{
	display: block;
	overflow: hidden;
}

.db1, .db2, .db3 { height: 1px; }

.db2, .db3, .db4
{
	background: #fff;
	border-left: 1px solid #97BB57;
	border-right: 1px solid #97BB57;
}

.db1
{
	margin: 0 5px;
	background: #97BB57;
}

.db2
{
	margin: 0 3px;
	border-width: 0 2px;
}

.db3 { margin: 0 2px; }

.db4
{
	height: 2px;
	margin: 0 1px;
}

.dboxcontent
{
	display: block;
	border: 0 solid #97BB57;
	border-width: 0 1px;
	height: auto;
	background: #fff;
}

* html .dboxcontent { height: 1px; }

.dboxpadding
{
	padding: 4px;
	background: #fff;
}

/*--------- Menus ----------*/
.mborders
{
	width: 100%;
	margin-bottom: 10px;
}

.mborders h3, .mborders h3
{
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 3px 3px 5px;
}

.mborders p, .mborders p
{
	margin: 0;
	padding: 3px 3px;
	font-size: 1.0em;
}

.mtop, .mbottom
{
	display: block;
	background: transparent;
	font-size: 1px;
}

.mb1, .mb2, .mb3, .mb4
{
	display: block;
	overflow: hidden;
}

.mb1, .mb2, .mb3 { height: 1px; }

.mb2, .mb3, .mb4
{
	background: #fff;
	border-left: 1px solid #97BB57;
	border-right: 1px solid #97BB57;
}

.mb1
{
	margin: 0 5px;
	background: #97BB57;
}

.mb2
{
	margin: 0 3px;
	border-width: 0 2px;
}

.mb3 { margin: 0 2px; }

.mb4
{
	height: 2px;
	margin: 0 1px;
}

.mboxcontent
{
	display: block;
	border: 0 solid #97BB57;
	border-width: 0 1px;
	height: auto;
	background: #fff;
}

* html .mboxcontent { height: 1px; }

.mboxpadding
{
	padding: 4px;
	background: #fff;
}

/************************************************
* Menu and Dialog Background Colours			*
************************************************/

.menu_colour
{
	background: #97BB57 url(images/menu_bg.jpg****);
	color: #fff;
}

.dialog_colour
{
	background: #97BB57 url(images/dialog_bg.jpg****);
	color: #fff;
}

.blank { background: #FFF; }

.filled
{
	background: #FFF;
	/* originally E0F5B0; */
}

/************************************************
* 3 Level Advanced Category Menu				*
************************************************/

#nav a
{
	color: #333;
	display: block;
	margin: 0;
	text-align: left;
	text-decoration: none;
}

#nav dl, #nav dt
{
	margin: 0;
	padding: 0;
}

#nav dl dd
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* First Level */
#nav dl dt a
{
	background: #F4F4F4;
	color: #333;
	font-weight: bold;
	font-size: 1.0em;
	border-top: 1px solid #FFF;
	letter-spacing: 0px;
	padding: 3px 0 3px 5px;
}

/* First Level Hover */
#nav dl dt a:hover
{
	background: #97BB57;
	color: #FFF;
	font-weight: bold;
}

/* First Level Selected */
#nav dl dt a#currentgrp
{
	background: #97BB57;
	color: #FFF;
	font-weight: bold;
}

/* Second Level */
#nav dl dd a
{
	background: #DDD;
	color: #333;
	font-weight: normal;
	font-size: 0.9em;
	border-top: 1px solid #FFF;
	padding: 2px 0 2px 10px;
}

/* Second Level Hover */
#nav dl dd a:hover
{
	background: #749638;
	color: #FFF;
	font-weight: normal;
}

/* Second Level Selected */
#nav dl dd a#currentcat
{
	background: #749638;
	color: #FFF;
	font-weight: bold;
}

/* Third Level */
#nav dl dl dd a
{
	background: #FFF;
	color: #333;
	font-weight: normal;
	font-size: 0.9em;
	border-top: 1px solid #EEE;
	padding-left: 20px;
}

/* Third Level Hover */
#nav dl dl dd a:hover
{
	background: #466017;
	color: #FFF;
	font-weight: normal;
}

/* Third Level Selected */
#nav dl dl dd a#currentsub
{
	background: #466017;
	color: #FFF;
	font-weight: bold;
}

/************************************************
* Menu Navigation								*
************************************************/

.menu_nav ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
	margin: 0 0 0 30px;
}

.menu_nav li { list-style-type: none; }

.menu_nav a
{
	display: block;
	padding: 3px;
	width: 164px;
	background-color: #F4F4F4;
	border-bottom: 1px solid #fff;
}

.menu_nav a:link, .menu_navlist a:visited
{
	color: #000;
	text-decoration: none;
}

.menu_nav a:hover
{
	background-color: #97BB57;
	color: #fff;
}

.menu_nav a.selected
{
	background-color: #97BB57;
	color: #fff;
}

.menu_nav a:link.selected, .menu_navlist a:visited.selected
{
	color: #fff;
	text-decoration: none;
}

/************************************************
* CSS Buttons									*
************************************************/

.clear
{
	overflow: hidden;
	width: 100%;
}

.button { float: left; }

a.button
{
	background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 3px;
	padding-right: 18px;
	text-decoration: none;
	border: 0;
}

a.button span
{
	background: transparent url(images/bg_button_span.gif) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:active
{
	background-position: bottom right;
	color: #000;
	outline: none;
}

a.button:active span
{
	background-position: bottom left;
	padding: 6px 0 4px 18px;
}

/************************************************
* Pagination Links								*
************************************************/

.navigation { padding: 5px; }

.navigation ul
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.0em;
}

.navigation li
{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	margin: 0 1px 0 0;
}

.navigation a, .navigation a:visited
{
	padding: 4px 4px 4px 4px;
	border: 1px solid #bbb;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

.navigation a:hover, .navigation a:active
{
	border: 1px solid #666;
	color: #000;
	background-color: #eee;
	font-weight: bold;
	text-decoration: none;
}

.navigation a.currentpage
{
	background-color: #666;
	color: #fff !important;
	border-color: #666;
	cursor: pointer;
	font-weight: bold;
}

.navigation a.currentpage:hover, .navigation a.currentpage:active
{
	background-color: #eee;
	border-color: #bbb;
}


.membership_level {
text-align:center;
padding:5px;
background: #fb9721;
margin: 10px auto;
}


.fprod
{
	color: #333;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}



.welcome_title
{
	font-family: Verdana;
	font-size: 1.5em;
}

#on_sale h6
{
	font-family: Verdana;
	font-size: 1.5em;
}

#on_sale .ProductDetailsTitle {
	COLOR: #b51a00;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}
#on_sale .ProductDetails {
	COLOR: #010101;
}



#testimonial
{
	font-family: tahoma,lucida grande;
	font-size: 12pt;
	color: #333;
	line-height: 14pt;
}



#quote_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;

	margin-top:10px;
	padding-top: 6px;
	padding-left: 40px;
	padding-bottom: 6px;
	padding-right: 15px;
	
	
	background-image: url(http://www.jazzpianolessons.com/main/wp-content/themes/vibrantcms/images/icon_quotes_start.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
}


.end_quote {
	background-image: url(http://www.jazzpianolessons.com/main/wp-content/themes/vibrantcms/images/icon_quotes_end.gif);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: right;
	margin-top: 5px;
	padding-right: 35px;
	margin-bottom: 0px;
	}