/* Welcome To Music
 * Last Update: 2010-01-21
 * Author: Kirk Beard <kirk@kirkbeard.com>
 *
 * Geeral styles throughout website
--------------------------------------------- */


/* =Common Elements/Selectors
--------------------------------------------- */
h1 { font-size:1.4em; font-weight:bold; }
h2 { font-size:1.2em; font-weight:bold; margin:0 0 .5em; }
h3 { font-size:1.05em; font-weight:bold; margin:0 0 0; }
h4 { font-size:1em; font-weight:bold; }
img.fr { float:right; padding:0 0 10px 15px; }
img.fl { float:left; padding:0 15px 10px 0; }
p { line-height:1.5em; margin-bottom:1em; }
a { color:#a60101; text-decoration:none; }
a:focus { outline:none; }
a:hover { text-decoration:underline; color:#ce0202; }
abbr { border-bottom:1px dashed #ccc; cursor:help; }
strong { font-weight:bold; }
em { font-style:italic; }
.hide { display:none; }
ul { margin:1em 2em 1em; }
ul li { list-style:square; padding:0 0 ; }
.c { text-align:center; }

/* =Layout
--------------------------------------------- */
body { background:#fafae1 url(../images/layout/body-bg.jpg) scroll repeat-x 50% 0; }
#wrapper { margin:auto; text-align:left; width:960px; }

/* =Header
--------------------------------------------- */
#top { border-bottom:1px solid #007236; background:#4d9d73; height:3px; font-size:1px; }
#hd h2 { height:0; overflow: hidden;}
#logo { background:transparent url(../images/layout/logo.png) scroll no-repeat 50% 0; width:100%; height:185px; text-indent: -999em; }
#logo a { display: block; width:250px; height:130px; }
#user-links { position:absolute; margin-left:750px; top:0; color:#b8d8c7; background:transparent url(../images/layout/user-links.gif) scroll no-repeat; width:160px; font-size:.9em; height:19px; line-height: 19px; }
#user-links div { text-align: center; }
#user-links a { color:#fff; }
#musical-notes { float:right; width:680px; height:90px; }

/* =Navigation
--------------------------------------------- */
#nav { background:transparent url(../images/layout/nav-top.gif) scroll no-repeat; padding-top:4px; }
#nav ul,
#nav li { list-style:none; margin:0; padding:0; }
.nav-container { background:#b70505 url(../images/layout/nav-bottom.gif) scroll no-repeat left bottom; padding-bottom:4px; margin-bottom: 20px; }
#pri-nav li { padding:0 2px; border-bottom:1px solid #b70505;}
#pri-nav li a { display:block; text-decoration:none; padding:2px 10px; color:#fff; }
#pri-nav li a:hover { background:#ce5555; }
#pri-nav li ul { position:absolute; left: -999em; margin:0 0 0 157px; background:transparent url(../images/layout/subnav.gif) scroll no-repeat; }
#pri-nav li ul li { border:0; }
#pri-nav li.sfhover ul,
#pri-nav li:hover ul { left:auto; width:215px; margin-top:-25px; padding:7px 0 0; }
#pri-nav li ul li { padding-left:12px; }
#pri-nav li ul a  { /* margin-left:12px; */ width:179px; border-bottom:1px solid #cb4b4b; padding:2px 10px; }
#pri-nav li ul a:hover { background:#ce5555;  }
#pri-nav li ul li.last { background:transparent url(../images/layout/subnav-bottom.gif) scroll no-repeat 10px bottom; padding-bottom:7px; }


/* =Sidebar
--------------------------------------------- */
.side { background-repeat:no-repeat; background-position:left bottom; color:#fff; margin-bottom:20px; }
.side-content { background-repeat:no-repeat; padding:32px 2px 10px; }
.side h3 { height:1px; font-size:1px; margin:0; }
.side p,
.side .news-snippet { margin:0; padding:0 0 0 4px; }
.side .news-snippet p { padding:0; }
.side .links { border-width:1px 0 0; border-style:solid; padding:3px 1px; margin:8px 3px 0; font-weight:bold; }
.side a { color:#fff; }
.side a:hover { text-decoration: underline; color:#fff; }

.side-news { background-color:#cb4d8f; background-image:url(../images/layout/side-bg-news.gif); }
.side-news h3 { color:#cb4d8f; }
.side-news .side-content { background-image:url(../images/layout/side-title-news.gif); }
.side-news .links { border-color:#b5005e; }

.side-cart { background-color:#4d9dd5; background-image:url(../images/layout/side-bg-cart.gif); }
.side-cart h3 { color:#4d9dd5; }
.side-cart .side-content { background-image:url(../images/layout/side-title-cart.gif); }
.side-cart .links { border-color:#0073c3; }
.side-cart .links .cart-links { background:transparent url(../images/layout/side-links-cart.gif) scroll no-repeat 0 50%; padding-left:35px; display: block; padding-top:5px; }

.side-photogallery { background-color:#7c4db1; background-image:url(../images/layout/side-bg-photogallery.gif); }
.side-photogallery h3 { color:#7c4db1;}
.side-photogallery .side-content { background-image:url(../images/layout/side-title-photogallery.gif); }
.side-photogallery .links { border-color:#43008f; }


.side-enewsletter { background-color:#62b04d; background-image:url(../images/layout/side-bg-enewsletter.gif); }
.side-enewsletter h3 { color:#62b04d;}
.side-enewsletter .side-content { background-image:url(../images/layout/side-title-enewsletter.gif); }
.side-enewsletter .links { border-color:#1e8e00; }
.side-enewsletter form { padding:10px 0 0 4px; }
.side-enewsletter form label { font-weight:bold; display:block; padding:3px 0; }
.side-enewsletter form input { margin-bottom:5px; }
.side-enewsletter form .input { background:#e0efdb; border:1px solid #447b36; padding:3px; width:140px; }
.side-enewsletter form .submit { font-weight: bold; }


/* =Content
--------------------------------------------- */
.block { padding:0 0 10px; }
.home-block { background:transparent url(../images/layout/block-home.gif) scroll no-repeat; min-height:125px; margin:0 0 15px; }
* html body .home-block { height:125px; }
.home-block .home-block-title h2 { height:32px; line-height:32px; padding:0 7px; margin:0 0 5px; }
.home-block .home-block-title a { float:right; font-weight: bold; color:#000; line-height:32px; padding-right:10px; }
.home-block .block { margin:0 10px; }
.home-block .block h2 { display:none; }
.home-block .home-block-read-more { margin:0 10px; font-weight:bold; }
.block blockquote { margin:1em 2em; }



/* =Footer
--------------------------------------------- */
#ft { background:transparent url(../images/layout/ft.gif) scroll no-repeat; font-size:85%; margin-top:1em; padding:35px 0 30px; clear:both; color:#7d7d70; }

#ft p { line-height:1.5em; margin:0; }
#ft a { color:#7d7d70; }
#ft ul { margin:0; padding:0; list-style:none; }
#ft li { display: inline; margin: 0 5px 0 0; list-style:none; }
#ft a:hover { text-decoration:underline; }
#kb { float:right; height:27px; width:96px; overflow: hidden; }
#kb a { background:transparent url(../images/kb.gif) scroll no-repeat; padding-left:140px; display:block; height:27px; width:96px; }
#kb span { font-size:1px; }
#fb {
	float:right;
	height:44px;
	width:144px;
	overflow: hidden;
}
#fb a { background:transparent url(../images/facebook_logo.gif) scroll no-repeat; padding-left:0px; display:block; height:44px; width:144px; }
#fb span { font-size:1px; }


/* =Messages
--------------------------------------------- */
#msg { margin:5px 20px 15px;  padding:9px 10px 9px 65px; text-align:left; border-width:2px 0; border-style:solid; border-color:#f9db97; background-color:#ffedc4; background-repeat: no-repeat; background-position:10px 4px; min-height:40px; font-weight:bold; }
* html body #msg { height:40px; }
#msg ul { margin-bottom:0; }
#msg a { text-decoration:underline; }
.msg-error { background-image:url(../images/layout/msg/error.gif); color:#9f0202; }
.msg-error a { color:#e10000; }
.msg-confirm { background-image:url(../images/layout/msg/confirm.gif); color:#2a6c15; }

/* =404 Error Page
--------------------------------------------- */
ul.error-page-list li { margin-bottom: 10px; }


/* =Table
--------------------------------------------- */
.stan { width:100%; margin:auto; margin-bottom:2em; }
.stan tr th { background:#f9f0ca url(../images/layout/table-th.gif) scroll repeat-x left bottom; font-weight:bold; border:0; padding:5px 7px; text-align:left; border-color:#f8e49b; border-style: solid; border-width:1px 0; }
.stan tr td { background:#faf7d7 url(../images/layout/table-td.gif) scroll repeat-x left bottom; border-bottom:1px solid #f8ebb3; vertical-align:top; padding:5px 7px; }
.stan tr.totals td { background:#f4e8bb; border:0; text-align:right; font-weight:bold; padding:3px 7px; }
.stan tr.first-total td { background:#f9f0ca url(../images/layout/table-th.gif) scroll repeat-x left bottom; text-align:right; font-weight: bold; border:0; border-top:2px solid #f8e49b; padding-top:6px; }
.stan tr.totals-desc td { background:#f4e8bb; text-align:right; font-weight:normal; border:0; padding:0 7px 3px 115px; text-align:right; font-size:.85em; }
.stan tr.totals td.notes { text-align: left; font-weight: normal; }
/* .stan tr.first-total td { border-top:2px solid #ededd6; } */
table.stan tr td.r,
table.stan tr th.r { text-align:right; }
table.stan tr td.c,
table.stan tr th.c { text-align:center; }




/* =Form
--------------------------------------------- */
.group { margin:0 0 10px; padding:0; border:0; }
.group label { float:left; display:block; width:150px; margin:0 10px 0 0; font-weight:bold; line-height:1.5em; text-align:right; }
.group .field { float:left; margin:0 10px 0 0; line-height:1.5em; width:400px; }
.group .field label { float: none; width: auto; font-weight: normal; text-align:left; }
.group .field input,
.group .field textarea { border:1px solid #e1e1ca; padding:4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.group .field textarea { width:95%; }
.group .multi-field input,
.group .multi-field select { margin-right:5px; margin-bottom:5px; }
.group .explain { clear:left; color:#666; padding:0 0 10px 162px; font-size:.85em; }
form div.submit { text-align:center; padding:10px 0; }
form div.submit input { font-weight:bold; padding:2px 8px; margin:0 .5em; }

html body form table.stan td.submit { text-align:left; }
form table td.submit input { font-weight:bold; margin-left:15px; }

#state-other { margin-top:5px; }

/* =Quoted text
--------------------------------------------- */
blockquote.quote { font-size:1.2em; font-family:Georgia, Times, Times New Roman, serif; font-style:italic; padding:5px; background:#f9f3cc; border:1px solid #f8e49c; margin-bottom:10px; }
blockquote.qabove { margin:10px 30px; }
blockquote.qright { width:250px; float:right; margin-left:15px; }
blockquote.qleft { width:250px; float:left; margin-right:15px; }
blockquote.quote p { margin:0; padding:0 0 0 40px; min-height:40px; background:transparent url(../images/layout/quote-open.gif) scroll no-repeat; }
* html body blockquote.quote p { height:40px; }



/* =Gallery - View Gallery
--------------------------------------------- */

#list-galleries { margin:0 0 20px; padding:0; list-style:none; line-height:1; }
#list-galleries li { list-style:none; float:left; width:290px; height:200px; padding:0; margin:0; text-align:center; }
#list-galleries li .preview { text-align:center; padding:0 0 0px; }
#list-galleries li .preview img { border:1px solid #c5c5b1; padding:5px; background:#fff; }
#list-galleries li:hover .preview img { border-color:#a2a292; }
#list-galleries li .title { display:block; padding:3px; }


#list-photos { margin:0 0 20px; padding:0; list-style:none; line-height:1; }
#list-photos li { list-style:none; float:left; width:130px; height:150px; padding:0; margin:5px; text-align:center; }
#list-photos li .preview { text-align:center; }
#list-photos li .preview img { border:1px solid #91917a; margin-bottom:2px; padding:4px; background:#fff; }
#list-photos li:hover .preview img { border-color:#6c6c49; }

.view-photo { text-align:center; }
.view-photo img { border:1px solid #91917a; }
.photo-description { margin:0 0 30px; text-align:left; }
.gallery-navigation { float:right; border-left:1px solid #afaf9d; padding-left:8px; }
.gallery-navigation p { margin:0; }
.gallery-navigation span { color:#7d7d70; }




/* =Products
--------------------------------------------- */
.product-thumbs,
.product-thumbs li { list-style: none; margin:0; padding:0; }
.product-thumbs { padding-top:10px; }
.product-thumbs li { float:left; display: block; width:190px; height:170px; text-align:center; font-weight:bold; }
.product-thumbs li .image { height:95px; line-height:90px; }
.product-thumbs li .details { padding:3px 10px; line-height:1.1em; }
.product-thumbs li .price { }

ul.browse-products { padding:0 0 10px; margin:0; list-style:none; }
ul.browse-products li { width:260px; float:left; overflow:hidden; margin:0 0 0 10px; padding:0; }

.product-breadcrumbs { margin-top:-15px; font-weight:bold; }

.product-preview { float:right; margin:0 0 10 20px; }
.product-description { clear:both; padding-top:15px; }

.product-content { padding:5px 10px 20px; }

p.included_products { font-weight:bold; font-size:1.1em; }

ul.included_products,
ul.included_products li { list-style: none; margin:0; padding:0; }
ul.included_products { padding-top:10px; }
ul.included_products li { float:left; display: block; width:140px; height:100px; text-align:center; }


.related_products,
.related_products li { list-style:none; margin:0; padding:0; }
.related_products li { height:110px; }
.related_products img { float:left; padding-right:15px; }
.related_products div { padding-top:5px;}
.related_products div a { font-weight:bold; font-size:1.05em; }

.product-ranges h3 { margin-top:20px; }
.product-ranges p.view-product-range { margin:10px 0 0; font-weight:bold; }

.range-track-listing { list-style:none; margin:0 0 20px; padding:0; }
.range-track-listing li { list-style:none; margin:0; padding:0; }
.range-track-listing li .audio-preview { background:transparent url(../images/layout/icons/audio-preview.png) scroll no-repeat 0 50%; padding-left:12px; margin-left:10px; }
.audio-preview-frame { float:right; width:220px; }

/* =Buttons
--------------------------------------------- */
.buttons { clear:both; padding:10px 0 25px; }
.buttons a { display:block; margin:auto; height:30px; background-repeat:no-repeat; }
.buttons a span { display:none; }
.btn-addtocart { background-image:url(../images/buttons/addtocart.png); width:119px; }
.btn-addtocart:hover { background-position:0 -30px; }


/* =Checkout
--------------------------------------------- */
.divided { padding-bottom:20px; margin-bottom:10px; background:transparent url(../images/layout/cart-divider.gif) scroll no-repeat center bottom; }
.payment-option { font-weight:bold; line-height:2em; display:block; }


/* =Newsletters
--------------------------------------------- */
#subscribe-now { text-align: center; }
#subscribe-now input[type=submit] { font-weight: bold; }

/* =Articles
--------------------------------------------- */
.article-list { list-style:none; margin:0 0 20px; padding:0; }
.article-list li { list-style:none; background-position:0 50%; background-repeat:no-repeat; padding:0 0 0 20px; line-height:20px; margin:0 20px 10px; font-weight:bold; }
.article-list li.doc,
.article-list li.docx { background-image:url(../images/layout/icons/attachments/doc.png) }
.article-list li.xls,
.article-list li.csv,
.article-list li.xlsx { background-image:url(../images/layout/icons/attachments/xls.png) }
.article-list li.ppt,
.article-list li.pptx { background-image:url(../images/layout/icons/attachments/ppt.png) }
.article-list li.pdf { background-image:url(../images/layout/icons/attachments/pdf.png) }


/* =News Archives
--------------------------------------------- */
.news-title { height:60px; line-height: 1; }
.news-title h2 { padding-top:10px; margin:0 0 4px; }
.news-title .news-date { float:left; background:transparent url(../images/layout/news-title.gif) scroll no-repeat; width:53px; height:53px; font-size:12px; margin-right:10px;  text-align: center; font-weight:bold; }
.news-title .news-date strong { display:block; margin-top:21px; font-size: 13px; }
.news-title .news-date em { display:block; font-style:normal; }

.news-article { padding-bottom:20px; margin-bottom:30px; background:transparent url(../images/layout/cart-divider.gif) scroll no-repeat center bottom; }



/* =Links
--------------------------------------------- */
.useful-links { list-style:none; margin:0; padding:0; }
.useful-links li { display:block; float:left; width:170px; height:140px; text-align:center; }
.useful-links li .img { display:block; height:90px; line-height:90px; }
.useful-links li .img img { vertical-align: middle; }




/* =Slimbox
------------------------------------------------------------------- */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fafae1; }
.lbLoading { background: #fafae1 url(../images/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fafae1; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fafae1; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }