/* Redefined elements */
* { margin:0px; padding:0px;
}

body { background:url(/assets/img/bg-body.jpg) repeat-x #e5edf6; font-family:Arial; font-size:0.725em; }
a{ color:#0066ff; text-decoration:none; }
a:hover { color:#000000; }

p { margin-bottom:0.6em; }

h2 { color:#06457a; margin-bottom:0.6em; }
h3 { color:#3b5f8f; }

img { border:none; }

/* Global styling */
.widecontainer { width:960px; margin:0 auto; }

ul.pipedelim { list-style:none; }
ul.pipedelim li { display:inline;  }
ul.pipedelim li a { display:inline-block; border-right:1px solid #999999; margin-right:10px; padding-right:12px; }
ul.pipedelim li.last a { border-right:none; margin-right:0px; padding-right:0px; }

ul.block { list-style:none; }
ul.block li { float:left; }
ul.block li a { display:block; background-color:#003366; margin-right:5px;  font-weight:bold; font-size:1.2em; width:20px; text-align:center; padding-top:3px; padding-bottom:3px; }
ul.block li img { margin-right:10px; }
ul.block li a:hover { background-color:#3366cc; color:#FFFFFF; }

ul.paging { list-style:none; }
ul.paging li { display:inline-block; }
ul.paging li a, ul.paging li span  { display:inline-block; background-color:#003366; margin-right:5px;  font-weight:bold; font-size:1.2em; width:20px; text-align:center; padding-top:3px; padding-bottom:3px; color:#FFFFFF; }
ul.paging li span { background-color:#3366cc; }
ul.paging li img { margin-right:10px; }
ul.paging li a:hover { background-color:#3366cc; color:#FFFFFF; }


ul.dottedlist { list-style:none; }
ul.dottedlist li { margin-bottom:5px; }
ul.dottedlist li a { width:160px; background:url(/assets/img/bg-left-divider.png) repeat-x bottom; padding-bottom:5px; display:block; }

a.black { color:#000000; text-decoration:none; }
a.black:hover { color:#0066ff; }

a.blueunder { color:#0066ff; text-decoration:underline; }
a.blueunder:hover { color:#000000; text-decoration:none; }

a.bold { color:#0066ff; font-weight:bold; text-decoration:none; }
a.bold:hover { color:#000000; }

a.white { color:#FFFFFF; text-decoration:none; }
a.white:hover { color:#99ccff; }

/* Page Header & Footer */
#dvHeader {  background:url(/assets/img/bg-top.jpg) repeat-x center top; padding-top:32px; height:179px; overflow:hidden; }
#dvHeader h1 {  background:url(/assets/img/img-top-logo.png); width:520px; height:149px; text-indent:-10000px; margin-top:10px; cursor:pointer; }

#dvHeader .right { width:350px; text-align:right; }
#dvHeader .right .search { font-size:1.2em; margin-bottom:15px; margin-top:20px; }
#dvHeader .right .search label, #dvHeader .right .search input { vertical-align:middle; }
#dvHeader .right .search input { padding:2px; }
#dvHeader .right .basket { margin-bottom:10px; text-align:right; display:inline-block; }
#dvHeader .right .basket a { background:url(/assets/img/icon-top-basket.png) no-repeat; padding-left:20px; font-weight:bold; }
#dvHeader .right .basket a:hover {  }
#dvHeader .right .checkoutlinks { text-align:right; }
#dvHeader .right .checkoutlinks ul { }
#dvHeader .right .topnavigation {  font-size:1.05em; margin-top:25px; }

.bluePane { background-color:#000066; color:#FFFFFF; }

#dvArtistAZ { height:27px; overflow:hidden; padding-top:5px; }

#dvFooter { padding-top:10px; padding-bottom:30px; font-size:0.95em; color:#FFFFFF; }
#dvFooter a { color:#FFFFFF; }
#dvFooter a:hover { color:#66ccff; }

.pagecanvas { width:750px; }

/* Main Area Construction */
#dvWebsiteBody { padding-top:10px; padding-bottom:30px; }
#dvWebsiteBody .leftnav { width:193px; margin-right:17px; }
#dvWebsiteBody .leftnav h2 { color:#0b2241; text-transform:uppercase; margin-bottom:10px; font-size:1.2em; }
#dvWebsiteBody .leftnav ul { margin-bottom:15px;  }

ul.contactdetails { list-style:none; margin-top:30px; margin-bottom:45px !important; }
ul.contactdetails li { margin-bottom:10px; padding-left:42px; }
ul.contactdetails li.email { background:url(/assets/img/img-right-email.png) no-repeat left; }
ul.contactdetails li.callus { background:url(/assets/img/img-right-telephone.png) no-repeat left; }
ul.contactdetails li.facebook { background:url(/assets/img/img-right-facebook.png) no-repeat left; }
ul.contactdetails li.Google { background:url(/assets/img/img-right-google.png) no-repeat left; }
ul.contactdetails li.Twitter { background:url(/assets/img/img-right-twitter.png) no-repeat left; height: 30px; width; 30px;}
ul.contactdetails li strong { display:block; }

/* Product Items */
a.proditem { width:202px; height:107px; background:url(/assets/img/btn-view.png) bottom right no-repeat; display:block; margin-bottom:15px; font-size:0.95em; }
a.proditem:hover { background:url(/assets/img/btn-view-on.png) bottom right no-repeat;color:#0C213F; }
a.proditem:hover .prodname { text-decoration:underline; }
a.proditem .prodname { display:block; margin-bottom:5px; height:50px; overflow:hidden; position:relative; }
a.proditem .prodname span { bottom:0;position:absolute; }
a.proditem .prodname strong { display:block; } 
a.proditem img { width:109px; height:49px; overflow:hidden; background-repeat:no-repeat; background-color:#FFFFFF; background-position:center; border:2px solid #dadada; float:left; }
a.proditem .price { color:#0C213F; display:block; float:left; font-size:1.4em; font-weight:bold; margin-left:10px; }

/* Home Page Specific */
.homepage {}
.topcontent { background:url(/assets/img/bg-home-topboxes.png); width:752px; height:246px; overflow:hidden; } 
.topcontent .left { height:190px; overflow:hidden; padding:20px; width:457px; }
.topcontent .left h2 { margin-bottom:0.1em;}
.topcontent .left h3 { margin-bottom:0.4em;}
.topcontent .right { height:235px; overflow:hidden; width:228px; }
.topcontent .right ul { list-style:none; margin-left:5px; margin-top:30px; margin-right:12px; }
.topcontent .right ul li { margin-bottom:5px; }
.topcontent .right ul li a { color:#000000; }
.topcontent .right ul li a:hover, .topcontent .right ul li a:hover .title, .topcontent .right ul li a:hover .readmore { color:#000000; }
.topcontent .right ul li a .title { display:block; font-weight:bold; }
.topcontent .right ul li a .title, .topcontent .right ul li a .readmore { text-decoration:underline; color:#0066ff; }
.topcontent .right ul li a .readmore { display:inline-block; }

.col ul { list-style:none; }
.col { width:205px; margin-top:20px; }
.col.first, .col.second { margin-right:65px;  }

/* Search Results */
.searchresults { }
.searchresults .prodcolumn { list-style:none;  }
.searchresults .prodcolumn li { float:left; margin-left:20px; margin-right:20px; }
.searchresults .prodcolumn li a { }
  
div.paging { text-align:center; margin-top:20px; }

.artistsatoz { }
.artistsatoz .results { margin-top:10px; }
.artistsatoz ul {  list-style:none; }
.artistsatoz ul li { float:left; margin-left:20px; margin-right:20px; width:145px; margin-bottom:10px;  }

.spelling { border:1px solid #8ecefe; background-color:#e0eaf0; padding:5px; font-size:1.2em; }
.spelling a { text-decoration:underline; }

/* Product Page */
.productpage {}
.productpage .top {}
.productpage .top .mainimg { width:440px; background-color:White; text-align:center; overflow:hidden; margin-right:20px; }    
.productpage .top .info {}
.productpage .top .info h2 { margin-bottom:0.4em; }
.productpage .top .info .price { font-weight:bold; font-size:2.0em; display:block; margin-top:1.3em; margin-bottom:1.3em; }
.productpage .top .info .addtobasket { width:191px; height:23px; background:url(/assets/img/btn-addtobasket-off.png); }
.productpage .top .info .addtobasket:hover { background:url(/assets/img/btn-addtobasket-on.png); }
.productpage .description { margin-top:20px; }
.productpage .description h3 { margin-bottom:1em; }
.productpage .crosssales { margin-top:20px; }
.productpage .crosssales ul { list-style:none; }
 .productpage .crosssales ul li { float:left; margin-right:30px; }
 
 /* FAQs */
ul.faqs { list-style:none;  }
ul.faqs li.question {  }
ul.faqs li h3 { cursor:pointer; margin-bottom:10px; }
ul.faqs li.answer { margin-bottom:25px; }


/* Blog Index */
.blogidx {}
.blogidx h3 { font-size:1.5em; }
.blogidx h4 { font-size:0.8em; }
.blogidx .article { border-bottom:#59a5e2 1px solid; margin-bottom:20px; padding-bottom:20px; }
.blogidx .article .body {margin-top:10px;}






input.button { width:150px; }