/* CSS Document */
/*
Design: Penguin Pianos
Design for URI: http://penguinpianos.com
Version: 1.0

Designed and crafted by: Adam Clare
Designer/Author URI: http://www.vitalspark.ie
Date 28/08/09

Vitalspark Web Design
1 Cnoic Na Caithne,
Quin,
Co. Clare
Ireland
++353 65 6825562

Copyright 2009 -
Look by all means, learn certainly, but don't pilfer!

*/

/* ---------------------------------------------------------------- generic page styles */

/* Reset style courtesy of http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1em; }

blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }
a:active { outline:none }

.clear { clear: both; }
br.clear { font-size: .01em; }
/* Reset finishes */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 ERROR CHECKING
 This is to determine if deprecated elements are used.
 If so, they should be replaced:
 1a. <font> and
 1b. <font color="xxx">…</font>: Shouldn’t be used.
 CSS should dictate font attributes.
 2. <center>: Shouldn’t be used. CSS should dictate
 horizontal alignment.
 3a. <div align="xxx">…</div>
 3b. <p align="xxx">…</p>
 3c. <table align="xxx">…</table>: Shouldn’t be used.
 CSS should dictate horizontal alignment.
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
#font, center, div[align], p[align], table[align], font[color] { color : #cd0000; font-weight : bold; background : #eecc11 url(images/warning.gif) repeat 0 0; margin : 10px; padding : 10px; border : 2px dashed #cd0000; font-size : 1.5em; }
/* error checking finishes */

body { background: #000 url('../images/bg_body.jpg') no-repeat scroll center top; color: #B2B6B8; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center; }

body.listings { background: #000 url('../images/bg_body2.jpg') no-repeat scroll center top; color: #B2B6B8; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center;}

/* ---------------------------------------------------------------- Columns/Layout */

div#container { background: #000 url('../images/bg_body.jpg') no-repeat scroll -270px 0;width: 960px; text-align: left; margin: 0 auto; }
div#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#container.listings { background: #000 url('../images/bg_body2.jpg') no-repeat scroll -270px 0;width: 960px; text-align: left; margin: 0 auto; }
div#container.listings:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* --------------------- logo */
div#header { height: 294px; position: relative; width: 170px; }
div#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
h1 { font-size: 1em; text-indent: -2000px; padding: 120px 0 0 16px; }
h1 a { display: block; width: 170px; height: 175px; }

div#col-left { width: 206px; float:left; display: block; }
div#col-left:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contact { width: 200px; display: block; color: #adb2b5; top:18px; left:10px;position:relative; }
div#contact:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#flash { width: 619px; height: 215px; }
div#flash :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#flash embed, div#flash object { margin:0 0 0 0; padding:0; }

div#flash-inner { width: 619px; height: 215px; }
div#flash-inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#col-middle { position:relative;width: 619px; float: left; display: block; background: url(../images/bg_footer-trans.png) 135px bottom no-repeat; padding:0 0 118px 0; margin:0 0 0 0; }

body.listings div#col-middle {background:none;}
div#col-middle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body.listings div#content { background: none; }

body div#content { width: 470px; float: left; display: block; background: url(../images/bg_article-trans.png) repeat-y; margin:0 0 0 138px; padding:0 0 0 0; }
body div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body#home div#content {position:absolute; width: 470px; left:138px;float: left; display: block; background: url(../images/bg_article-trans.png) repeat-y; margin:0 0 0 0; padding:0 0 0 0; }
body#home div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body#home div#content #tuning-fork {position:absolute; width: 70px;height:300px;background:transparent;left:-75px;top:90px;display: block;margin:0 0 0 0; padding:0 0 0 0; }
body#home div#content #tuning-fork:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#article { width: 470px; float: left; display: block; background: url(../images/bg_article_inner.jpg) -2px -5px no-repeat; margin:0 0 0 0; padding:0 0 40px 20px; min-height: 470px; }

body.listings div#article {background: url(../images/bg_article_inner2.jpg) -2px -5px no-repeat;padding:0 0 0 20px; min-height: 580px;}
body div#article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#col-right { width: 135px; float: left; display: block; margin:7px 0 0 0; padding:110px 0 0 0; }
div#col-right:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#div#footer { width: 620px; background: url(../images/bg_footer.jpg) -3px no-repeat; float: left; margin:0 0 0 20px; }
#div#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#nav-foot {width: 620px; float: left; margin:0 0 0 20px; }
div#nav-foot:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* ---------------------------------------------------------------- main content typography */

h2 { color: rgba(255, 255, 255, .5); xfont-weight: normal; font-size: 2em; margin: 10px 20px 15px 0; letter-spacing:-.06em; line-height:1.03em; width:250px; }
h2.hidden { display: none; }
h2 span { font-size:.65em; line-height:1.4em; letter-spacing:-.05em; }

h3 { font: normal 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(107, 43, 0, .6); margin: 3px 35px 5px 0;letter-spacing:-.05em;  }

div#contact h3 { color: rgba(255, 255, 255, .5); font-size: 0.7em; padding-bottom: 8px; margin-bottom: 5px; margin-right: 30px; }

div#col-right h3 { font: bold 1.05em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(216, 210, 208, 1); line-height:1.3em;margin: 3px 5px 5px 0; letter-spacing:-.06em; }

h4 { font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(107, 43, 0, .6); margin: 3px 35px 5px 0;letter-spacing:-.05em;  }

div#col-right h4 { font: bold .85em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(255, 255, 255, .6); margin: 3px 5px 5px 0;letter-spacing:-.05em;  }

h5 { font: bold .8em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(107, 43, 0, .6); margin: 3px 35px 3px 0;letter-spacing:-.05em;  }
div#col-right h5 { font: bold .8em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(255, 255, 255, .5); margin: 3px 5px 3px 0;letter-spacing:-.05em;  }
h6 { font: normal .75em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(107, 43, 0, .6); margin: 3px 35px 2px 0;letter-spacing:-.05em;  }
div#col-right h6 { font: normal .75em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(255, 255, 255, .5); margin: 3px 5px 2px 0;letter-spacing:-.05em;  }

div#article div.item { width:415px;padding: 5px;background:#e3e3e3;border-top: 1px solid #B7B7B7; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #C4C4C4;margin:0 0 7px 0;clear:both;}
div#article div.item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
span.bigger { font-size: 1.1em; color: #FFFFFF; font-weight: bold; }

div#contact p { color: rgba(255, 255, 255, .5); font-size: 0.7em; padding-bottom: 8px; margin-bottom: 5px; margin-right: 30px; }

div#contact p span.email { background: rgba(255, 255, 255, .2); padding: 2px 2px 4px 2px; margin:4px 0 0 0; display:block; }

div#contact a, div#contact a:link { color: #adb2b5; text-decoration: none; }

div#contact a, div#contact a:hover { color: #adb2b5; text-decoration: underline; }

div#article p { font-size: 0.75em; line-height: 1.5em; margin: 5px 45px .4em 0; color: rgba(107, 43, 0, .8);letter-spacing:-.03em; }

div#col-right p { font: normal .75em Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgba(255, 255, 255, 1); line-height:1.4em; letter-spacing:-.04em; }

dl.accessorieslist { margin: 0 0 0 0; }
dl.accessorieslist dt { margin: 0 0 10px 0;font-size:1.1em;width:202px;height:152px;float:right;background: url(../images/bg-accessories-image-trans.png) no-repeat; clear:both;position:relative; }
dl.accessorieslist dt img { margin:11px 0 0 11px;width:176px;height: 124px;position:absolute; top:0; left:0px; }
dl.accessorieslist dd h3, dl.accessorieslist dd h3 a, dl.accessorieslist dd h3 a:link{ margin: 0 10px 18px 0;font-weight: bold;font-size:1.15em;letter-spacing:-.06em;color:#947058;text-decoration:none;}
dl.accessorieslist dd { xdisplay:inline;margin: 0 0 20px 0; padding:15px 0 0 0;width:250px;color:#947058; font-size:1em; line-height:1.2em; background:url(../images/border-trans.png) 0 0 no-repeat; min-height: 124px; }
dl.accessorieslist dd a, dl.accessorieslist dd a:link { color:#947058;line-height:1em;text-decoration:none;text-shadow: 1px 1px 1px #e3e3e3, 2px 2px 5px #ccc;}
span.price {color:#939496;font-size:1.05em;letter-spacing:-.06em;margin: 12px 10px 5px 0;clear:both;text-shadow: 1px 1px 3px #ccc;}
dl.accessorieslist dd p.shortdesc { color:#7F8081; margin:5px 0 5px 0;width:250px;}

div#article ul, div#article ol { margin: 7px 20px 0 35px; width: 370px; font-size: 0.8em; color: #424242; line-height:1.7em; }

div#article ul.big, div#article ol.big { margin: 7px 20px 0 15px; width: 390px; font-size: 1em; color: #424242; line-height:1.7em; }

div#article ul.big li, div#article ol.big li { display:block; margin: 4px 0; padding: 0 0 0 21px; font-size: 1em; color: #424242; background: url(../images/bg_bullet-trans.png) 0 11px no-repeat;}

div#article li a, div#article li a:link { display:block; padding: 2px; color: #626262; background-color: rgba(171, 174, 176, .2); text-decoration:none; }

div#article table, table#addresses legend, table#addresses fieldset, table#addresses caption, table#addresses tbody, table#addresses tr, table#addresses td { border:0; vertical-align: top; }

div#article ul.albumlist {width:400px;list-style: none;margin:20px 0 0 0;padding:0;}
div#article ul.albumlist li {display:inline;float:left;padding: 0 5px;border-left:#626262 1px solid;line-height:1em;}
div#article ul.albumlist li.first {border:none;padding-left:0;}

div#article ul.testimonials li {margin: 10px 0;border-bottom: 2px dotted #AEB3BA;}
div#article ul.testimonials blockquote {font-size: .85em;letter-spacing: -.03em;line-height:1.4em; }
div#article ul.testimonials h3 { font-size: 0.9em; color: #AEB3BA; letter-spacing: -0.04em; font-weight: bold; }

p.paginator {text-align:right;font-weight:bold;}
p.paginator a, p.paginator a:link {color:#939496;text-decoration:none;}
/* ---------------------------------------------------------------- Mailing List */

form#mailinglist { margin-top: 5px; }
/* ---------------------------------------------------------------- Breadcrumbs */

#breadcrumbs { color: #81888C; text-align: left; font-size: 0.9em; margin: 0px 5px 10px 0; text-decoration:none; }
#breadcrumbs a, #breadcrumbs a:link { color: #fff;text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline; }
#breadcrumbs p { margin: 0;color: #81888C; }
/* ---------------------------------------------------------------- Search Form */

form#SearchForm_SearchForm { width: 170px; height:17px;margin: 0 0 0 19px; }

form#SearchForm_SearchForm input.text { display:inline; float:left; font-size: 0.7em; padding: 2px 0 2px 2px; width: 95px; height:17px; border:none; background: transparent; color: #81888C; }

form#SearchForm_SearchForm input.action { display:inline; float:left;font-size: 0.7em; margin: 0 0 0 9px;padding: 0; width: 55px;height:17px;line-height:17px;border: none;background:url(../images/btn_search.gif) 5px 0 no-repeat;}
/* ---------------------------------------------------------------- Search Results */

dl#search-results { margin: 10px 0;width:415px;}
dl#search-results dt { margin: 5px 10px; font-size:1.3em; font-weight:bold;letter-spacing:-.03em;line-height:1em; }
dl#search-results dt a, dl#search-results dt a:link { color:#971b15; text-decoration:none; }
dl#search-results dt a:hover { color:#676D70; text-decoration:underline; }
dl#search-results dd { margin: 0 10px 20px 10px; color:#343E44; font-size: .7em; line-height:1.5em; }
dl#search-results dd a, dl#search-results dd a:link { color:#778F9C; text-decoration:none; }
dl#search-results dd a:hover, dl#search-results dd a:visited { color:#52626B; text-decoration:underline; }
dl#search-results dd a:visited { text-decoration:line-through; }
/* ---------------------------------------------------------------- Unsubscribe Newsletter */

#Unsubscribe_MailingListForm_MailingListForm { min-height:100px; }
#Unsubscribe_MailingListForm_MailingListForm p { margin:0 !important; padding:10px; }
#Unsubscribe_MailingListForm_MailingListForm p label { display: inline; }
#Unsubscribe_MailingListForm_MailingListForm label { margin:0; }
/* ---------------------------------------------------------------- Content Area Form */

input.textfield { color: #8a9296; font-size: 10px; border: 1px solid #272727; background: #fff; padding: 3px 0 3px 3px; }

input.button { font-size: 11px; }

form#Form_Form, form#MemberLoginForm_LostPasswordForm { margin: 0 0 20px 10px; padding: 0; border-style: none; }

form#Form_Form label, form#MemberLoginForm_LostPasswordForm label { float: left; width: 10em; font-size: 0.8em; color: #A26A36;clear:left; }

form#Form_Form div.field, form#MemberLoginForm_LostPasswordForm div.field { margin: 10px 0 10px 0; }

form#Form_Form input#Form_Form_action_process, form#MemberLoginForm_LostPasswordForm input.action { margin: 2em 0 0 12.2em; }

form#Form_Form textarea { margin: 3px 0 0 0; }

form#Form_Form span.middleColumn, form#MemberLoginForm_LostPasswordForm span.middleColumn { display:inline; padding: 5px 0 8px 3px; background-color:transparent; }

form#Form_Form span.middleColumn:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form#Form_Form input.text, form#Form_Form textarea, form#Form_Form select, form#MemberLoginForm_LostPasswordForm input.text { padding: 3px; background-color: #fff; color: #6B2B00;font-size: .9em;border-top: #cecece 1px solid;border-right: #fff 1px solid;border-bottom: #fff 1px solid;border-left: #cecece 1px solid; }
span.middleColumn { clear: none !important; margin: 0 !important; width: auto; }
form#Form_Form input.text:focus, form#Form_Form textarea:focus, form#MemberLoginForm_LostPasswordForm input:focus { border: 3px solid #A7A7A7; padding: 1px; }

form#Form_Form h3 { padding: 3px;margin:15px 0 0 0; color: #6B2B00;font-size: 1.3em;letter-spacing:-.06em; width:80%;border-top: #A26A36 1px dashed; clear:left;  }
form#Form_Form h5 { clear:left; }
form#Form_Form ul { clear:both; width:50%;margin-left: 115px;}
div#article form#Form_Form li { display:block;clear:both;background:none;}
span.middleColumn { clear: none !important; margin: 0 !important; width: auto; }
/* ---------------------------------------------------------------- Footer */

div#footer a { color: #ccc; text-decoration: none; }
/* ---------------------------------------------------------------- Footer Navigation */

div#nav-foot a { color: #545b5f; text-decoration: none; }
div#nav-foot a:hover { color: #7A848B; }
div#nav-foot ul { display:block; float:left; margin:0; width: 200px; }
div#nav-foot ul li { list-style: none; font-size: 0.7em; display: inline; padding-right: 2px; text-align:left; }
div#nav-foot ul a { border-left: 1px solid #8a9296; padding-left: 5px; }
div#nav-foot ul li.first-child a { border: 0; }
div#nav-foot p { display:block; float:right; text-align:right; margin:0; width: 400px; padding: 0 10px 30px 0; font-size: 0.5em; color: #545b5f; }
div#nav-foot p img { padding: 3px 0 0 0; }
span.left { float:left; }
span.right { float:right; }
/* ---------------------------------------------------------------- Message boxes */

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
.message { margin: 15px; padding: 5px; width: 92%; color: #979908; border: 4px solid #F7F8B4; background: #FFFFEA; }
span.middleColumn .message { margin: 4px 0 0 3px; }
.required { margin: 4px 0 0 3px; padding: 5px; width: 92%; color: #DC1313; border: 4px solid #FF7373; background: #FED0D0; }
p#Remember label { margin: -24px 0 0 20px; text-align: left; }
.entry { border-bottom: 1px solid #eee; }
/* Comments
******************************************/


#CommentHolder ul { list-style: none; margin: 20px 0; }
#PageComments li { margin: 5px 0; padding: 1px; width: 88%; }
#PageComments li.odd { background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%; padding-left: 40px; padding-right: 10px; border-bottom: 2px solid #BCE4FE; }
#PageComments li.even { background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%; padding-right: 40px; padding-left: 10px; }
#PageComments li.odd p.info { color: #3AA0C3; }
.actionLinks li a { padding-right: 3px; font-size: 10px; }
.actionLinks li { display: inline; border-right: 1px solid; }
.actionLinks li.last { border-right: none; }
.commentrss { background: transparent url(../images/feed-icon-14x14.png) no-repeat; padding-left: 20px; font-size: 1.1em; line-height: 1.6em; }
#PageCommentsPagination p { text-align: center; font-size: 1.2em; }
#PageComments p { font-size: 1em; }
#PageComments p.info { color: #999; margin: 0px; padding: 0; line-height: 1em; font-size: 0.9em; }

/* ---------------------------------------------------------------- Main Navigation */

#navblank {display: block;font-size: .8em;width: 180px;height:280px;margin: 0 0 0 0;padding:30px 0 20px 0;xz-index: 100;background:  url(../images/bg_navblank.jpg) 6px 8px  no-repeat;}
#navblank:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#nav {display: block;font-size: .8em;width: 173px;margin: 0 0 0 0;padding:13px 0 20px 0;xz-index: 100;}
#nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#nav ul {display: block;list-style: none;text-align: left;width: 172px;margin: 0 0 0 0;}
#nav ul li {display: block;float: left;width: 172px;text-align:left;margin: 0 0 0 0;padding: 5px 0 5px 10px;position: relative;text-indent: -10000px;}
#nav ul li.last.nav9 {margin: 22px 0 0 0;padding: 5px 0 5px 10px;}
#nav ul li a, #nav ul li a.active, #nav ul li a:link {display: block;width: 172px;text-decoration: none;color: #6895D7;line-height: 20px;cursor: pointer;}
#nav ul li a, #nav ul li a:link {cursor: pointer;}
#nav ul li a:hover {display: block;width: 100%;color: #004BB2;text-decoration: underline;}
#nav ul a, #nav ul a:link, #nav ul a:visited {display: block;}

/*sub sections*/
#nav li ul {display: block;width: 220px;position: absolute;left: -999em;margin: 0!important;padding: 53px 0;}
#nav li ul li {display: block;width: 220px;margin: 0!important;padding: 5px 10px!important;text-align: left;text-indent: 0;background: url(../images/bg_sub_menu-trans.png) repeat-y;}
ul#nav-main li ul li.first {background: url(../images/bg_sub_menu_top-trans.png) no-repeat;padding-top: 15px;}
#nav ul#nav-main li ul li.first a:link {display: block;padding-top: 14px;}
ul#nav-main li ul li.last {padding-bottom: 13px;}
#nav li ul li a, #nav li ul li a:link, #nav li ul li a:visited {color: #8F9296;text-decoration: none;background:transparent!important; margin: 3px 6px!important;width: 190px;}
#nav ul li ul li a:hover, #nav ul li ul li a:visited:hover {color: #666!important;text-decoration: underline;background:transparent!important; display: block;width: 190px;}
#nav li:hover ul, #nav li.sfhover ul {position: absolute;left: 172px;top: -53px;z-index: 1000;width: 220px;background: url(../images/bg_sub_menu_footer-trans.png) 0 bottom no-repeat;}


ul#nav-main li.nav1 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -27px  no-repeat;cursor: pointer;}
ul#nav-main li.nav2 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -57px  no-repeat;cursor: pointer;}
ul#nav-main li.nav3 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -87px  no-repeat;cursor: pointer;}
ul#nav-main li.nav4 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -117px  no-repeat;cursor: pointer;}
ul#nav-main li.nav5 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -147px  no-repeat;cursor: pointer;}
ul#nav-main li.nav6 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -177px  no-repeat;cursor: pointer;}
ul#nav-main li.nav7 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -207px  no-repeat;cursor: pointer;}
ul#nav-main li.nav8 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -237px  no-repeat;cursor: pointer;}
ul#nav-main li.nav9 a:hover {color: #fff;background:  url(../images/bg_nav_over.jpg) -4px -289px  no-repeat;cursor: pointer;}