/* Custom CSS Document for Prime Piano
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Global styles
--------------------------------------------------------*/
body {background:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:930px; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {padding:15px;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#f1ebde; border:1px solid #ddc890; padding:7px; font-size:12px;}
#Instruction1_InstructCell a {color:#000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; padding:7px; color:#000;}
#BreadCrumbs1_BreadCrumbs1 a {color:#b38f2e; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px; font-size:12px; } /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#c00;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#4d4d4d;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:20px; font-weight:normal; color:#000; margin:0 0 5px 0; padding:0 0 5px 0; width:100%; }
#ContentCell h2 {font-size:18px; font-weight:normal; color:#b38f2e; margin:5px 0; padding:5px 0; border-bottom:1px solid #e7d6a8;}
#ContentCell h3 {font-size:14px; font-weight:bold; color:#4d4d4d; margin:0; padding:0;}
.Content {line-height:18px; font-size:12px; color:#000; text-align:left; background:#fff;}
.Content a {color:#b38f2e; text-decoration:underline;}
.Content a:hover {text-decoration:none;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Common Control/List Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0; list-style:none;}

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {margin:0; padding:0; height:36px;}

/* Cart Styles */
ul.cartnav {font:bold 12px Arial, Helvetica, sans-serif; color:#b38f2e; height:24px; width:340px;}
ul.cartnav li {height:24px; line-height:24px;}
ul.cartnav li a {color:#b38f2e; text-decoration:none;}
ul.cartnav li a:hover {text-decoration:underline;}
ul.cartnav li.pipe {padding:0 8px;}
ul.cartnav li.account {}
ul.cartnav li.checkout {}
ul.cartnav li.cart {padding:0 5px 0 40px; background:url(images/design/bn-cart.gif) no-repeat 15px 50%;}
ul.cartnav li.total {}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {border-bottom:30px solid #fff;}
#TopSubBannerCell .bn-navwrap {background:url(images/design/bn-navTile.gif) repeat-x; height:36px; width:710px; float:right;}
#TopSubBannerCell .bn-navwrap ul.float-left {background:url(images/design/bn-navL.gif) no-repeat left; width:auto; font:bold 12px Arial, Helvetica, sans-serif; height:36px; padding:0 0 0 5px;}
#TopSubBannerCell .bn-navwrap ul.float-left li {height:36px;}
#TopSubBannerCell .bn-navwrap ul.float-left li a {line-height:36px; width:auto; padding:10px 8px 11px 8px; _padding-top:11px; color:#fff; text-decoration:none;}
#TopSubBannerCell .bn-navwrap ul.float-left li a:hover {background:url(images/design/bn-navRoll.gif) repeat-x; text-decoration:none;}

/* Search Styles */
.search {width:155px; height:36px; float:right; } /* set width */
ul.searchWrap {line-height:100%; height:36px; background:url(images/design/bn-navR.gif) no-repeat right;} /* for IE/FireFox consistency */
ul.searchWrap li {height:36px;} /* set height of list items */
ul.searchWrap li a {}
ul.searchWrap li.button img {vertical-align:top; margin:5px 0 0 1px; _margin-top:6px;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
ul.searchWrap li.button {}
ul.searchWrap li.textbox {padding:5px 0 0 0;}
ul.searchWrap li.textbox .searchbox {width:120; height:22px; background:#fff; border:1px solid #b38f2e;}
ul.searchWrap li.advsearch {}
ul.searchWrap li.head {}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:22%; vertical-align:top; background:url(images/design/lc-treble-clef.gif) no-repeat left top; height:100%; background-color:#fff;}
#LeftColumnNav1_custommenu {width:205px; text-align:right; height:100%;} 
#LeftColumnNav1_custommenu td {vertical-align:top; text-align:right; height:100%;}

#LeftColumnNav1_custommenu table.lc-cards img {float:left; margin:5px 0;}
#LeftColumnNav1_custommenu table.lc-cards {height:100%;}
#LeftColumnNav1_custommenu table.lc-cards td.logos {height:100%; vertical-align:bottom;}

#LeftColumnCell p a {padding:5px 0 5px 5px;}
#LeftColumnCell p {margin:0 0 3px 0;}
#LeftColumnCell a {color:#b38f2e; text-decoration:none; margin:0; padding:5px 0 5px 5px; _padding:0 0 0 5px; line-height:25px; border-bottom:1px solid #e5e5e5; text-align:right; font-weight:bold; font-size:12px;}
#LeftColumnCell a:hover {color:#fff; background:#000;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {color:#b38f2e; padding:0;}

#ContentCell.default .df-top .float-left {width:auto; padding:15px 0 0 60px;}
#ContentCell.default .df-top .float-right {width:335px; padding:15px 10px 0 0;}

#ContentCell.default .df-bottom .float-left {padding:0 0 0 20px;}
#ContentCell.default .df-bottom .float-right {padding:0 20px 0 0;}

#ContentCell.default .df-featured ul {width:240px; float:left; background:url(images/design/df-feat-divide.gif) no-repeat right 50%; margin:0; padding:0;}
#ContentCell.default .df-featured ul.last {background:none;}
#ContentCell.default .df-featured ul li {margin:0; padding:0; list-style:none; width:240px; text-align:center;}
#ContentCell.default .df-featured ul li a {font-weight:bold; font-size:12px; color:#b48c0c; text-decoration:none;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background:#fff; height:45px; border-top:15px solid #fff;}
#FooterCell ul {width:725px; border-top:1px solid #b48c0c; float:right; height:30px;}
#FooterCell ul li {height:30px; line-height:30px;}
#FooterCell a {font-size:10px; font-weight:normal; color:#b78d30; text-decoration:none; padding:0 8px;}
#FooterCell a:hover {text-decoration:underline;}
.srtemp1 {border-bottom:25px solid #fff;}

.semaddstatic {margin-left: 20px; margin-right: 5px; font-size: 14px; color: #000000; font-family: "Times New Roman", Times, serif}
