File: D:/web/expressmusic/2025-06-10/prev/styles.css
@charset "utf-8";
/* CSS Document */
.product-list-item {
border: 1px solid #CCC;
text-align: center;
padding: 10px;
margin-top: 15px;
margin-bottom: 15px;
/* background: white; */
}
/* centres image if smaller than column width */
.product-list-item .img-responsive {
margin: 0 auto;
}
.product-list-item-image {
}
.product-list-item-review {
}
.product-list-item-name {
/* padding: 4px 8px 4px 8px; */
/*height: 45px; */
line-height: 1.5em;
height: 3em;
overflow: hidden;
}
.product-list-item-price {
padding-bottom: 4px;
/* height: 30px; */
}
/* to highlight the "new" added to new product news */
.new-product {
/* font-style: italic; */
color: red;
}
/* following used by apputils for ShowProductPriceV2 */
.price-sale {
font-weight: bold;
color: red;
}
.price-std {
font-weight: bold;
color: #428bca; /* replaced red with #428bca */
}
.price-std-crossed-out {
text-decoration: line-through;
}
.price-actual-large {
font-size: 20px;
}
.price-save {
color: red;
}
.price-save-pc {
color: red;
}
/* basket styles */
table.basket {
border-collapse: collapse;
width: 100%;
}
table.basket th, table.basket td {
font-weight: bold;
padding: 4px;
}
table.basket th {
/* color: #fff; */
/* background-color: #999; */
}
table.basket td {
/* color: #000; */
/* background-color: #E0E0E0; */
border-bottom: 1px solid #B5B5B5;
}
.bsk-thumbnail {
border: 1px solid #B5B5B5;
width: 75px;
height: 75px;
}
.bsk-prod-name {
text-decoration: none; /* underline; */
font-weight: normal; /* bold; */
}
.bsk-options-list {
font-size: 11px;
margin-top: 3px;
}
.bsk-prod-code {
font-weight: normal;
margin-top: 10px;
}
#basket-info {
float: left;
width: 75%; /* 600px */
}
#basket-info p {
margin: 10px 5px 10px 5px;
}
#basket-totals {
float: right;
margin-top: 10px;
}
table.basket-totals {
width: 100%;
border-spacing: 5px;
text-align: right;
}
table.basket-totals th {
font-weight: normal;
}
table.basket-totals td {
font-weight: bold;
}
/* end of basket styles */
/* for custom specification table */
.table-specification td, .table-specification th {
text-align: left;
/* text-align: center; */
}
/* for checkout order details table */
.table-order-master th {
width: 0%;
}
.table-order-master td {
width: 100%;
}
.table-order-detail th {
}
.table-order-detail td {
}
/* recent reviews (22/5/12) */
#recent-reviews {
margin-top: 0px;
/*border: 1px solid #BBB; */
}
#recent-reviews a {
/*color: #000; */ /* to override the default anchor color */
}
#recent-reviews-header {
padding: 0px;
font-weight: bold;
margin-bottom: 0px;
}
.recent-reviews-item {
margin-top: 0px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.recent-reviews-number {
color: #444;
text-align: right;
}
.recent-reviews-name a {
padding-left: 3px;
/*font-size: 11px; */
}
.recent-reviews-title {
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
}
.recent-reviews-title a {
color: black;
}
.recent-reviews-text {
/*font-style: italic;*/
margin-bottom: 2px;
}
.recent-reviews-date {
color: #777; /*#c8c8c8; */
/* font-size: 12px; */
padding-left: 3px;
float: right;
/*font-size: 11px; */
}
#recent-reviews-footer {
padding-bottom: 0px;
font-weight: normal;
margin-bottom: 0px;
}
/* (SS,2/3/15) added #latest-news-footer */
#latest-news-footer {
margin-top: 15px;
}
/* reviews (SS,1/3/15) */
.review {
}
.review-header {
}
.review-date {
}
.review-title {
font-style: italic;
font-weight: bold;
}
.review-body {
font-style: italic;
}
/* for the magic zoom tool, product detail page */
.magiczoom_thumbnailsmall {
width: 76px;
/*
border: 1px solid #CCC !important;
padding: 0;
margin-bottom: 4px;
*/
}
/* btu calculator */
.btu-calc-subtitle {
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.btu-calc-content-col {
float: left;
width: 50%;
margin-left: 0px;
margin-right: 0px;
}
#btu-error-message, #btu-view-suitable {
float: left;
text-align: center;
color: red;
width: 100%;
}
#btu-view-suitable a{
color: black;
text-decoration: underline;
}
/* ordered list with heading used to size the number sequence */
.ol-with-heading {
font-size: 24px;
}
.ol-with-heading p {
font-size: 14px;
}
/* diagonal banner */
.ribbon_wrapLt,
.ribbon_wrapRt,
.ribbon_banner,
.ribbon_wraps { position:absolute; }
.ribbon_banner {
-webkit-box-shadow:0px 3px 5px rgba(0,0,0,.5);
-moz-box-shadow:0px 3px 5px rgba(0,0,0,.5);
box-shadow:0px 3px 5px rgba(0,0,0,.5);
}
.ribbon_wraps {
-webkit-transform-origin:100% 50%;
-moz-transform-origin:100% 50%;
-ms-transform-origin:100% 50%;
-o-transform-origin:100% 50%;
transform-origin:100% 50%;
}
.ribbon_wrapLt,
.ribbon_wrapRt {
-webkit-transform-origin:50% 100%;
-moz-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-o-transform-origin:50% 100%;
transform-origin:50% 100%;
}
.ribbon_wraps {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.ribbon_wrapLt {
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.ribbon_wrapRt {
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-ms-transform:rotate(225deg);
-o-transform:rotate(225deg);
transform:rotate(225deg);
}
.ribbon_holder { /*as overlay*/ position:absolute; left:-6px; top:-6px;
width:150px; height:150px; overflow:hidden; background:transparent; }
.ribbon_holder { /*with image*/ position:relative; left:0px; top:0px;
width:300px; height:375px; overflow:hidden; background:transparent 6px 6px no-repeat;}
/* (SS,28/5/15) changed width from 204px to 170px in ribbon_wraps and ribbon_banner, left in ribbon_wraps from 60 to 50*/
/* (SS,29/5/15) changed width from 170px to 150px in ribbon_wraps and ribbon_banner, left in ribbon_wraps from 50 to 43*/
/* (SS,29/5/15) changed width from 170px to 150px in ribbon_wraps and ribbon_banner, left in ribbon_wraps from 50 to 43*/
.ribbon_wraps { width:130px; height:48px; left:-38px; top:-24px; overflow:hidden; }
.ribbon_wrapLt { width:30px; height: 6px; left:-15px; bottom:50%; background:#622; }
.ribbon_wrapRt { width:30px; height: 6px; right:-15px; bottom:50%; background:#622; }
.ribbon_banner { width:130px; height:24px; right:0px; top:0px; line-height:24px;
text-align:center; font-weight:bold; font-family:arial;
font-size:12px; color:#fff; background:#c00; }
.usp {
/* color: #854E15; */ /*#683821; */ /* #613824; */ /*#CC6600; */
/* following looks better on Safari and doesn't wrap two of the USPs */
font-size: 13px;
font-family: arial;
font-weight: bold;
/*line-height: 1.2; */
text-align: center;
padding: 10px 0px 0px;
border: 1px solid #D4D4D4;
background: #eee!important;
background: -moz-linear-gradient(top, #fff 0%, #bbb 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%, #bbb))!important;
background: -webkit-linear-gradient(top, #fff 0%,#bbb 100%)!important;
background: -o-linear-gradient(top, #fff 0%,#bbb 100%)!important;
background: -ms-linear-gradient(top, #fff 0%,#bbb 100%)!important;
background: linear-gradient(to bottom, #fff 0%,#bbb 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#bbb',GradientType=0 )!important;
}
.product-list-nav {
margin-top: 10px;
margin-bottom: 10px;
/*
margin-left: 0px;
margin-right: 0px;
border: 1px solid #CCC;
*/
}
/* (SS,17/8/15) review stars */
.star-rating {
display: inline-block;
line-height: 1em;
padding: 4px;
border-radius: 4px;
margin: 0 0px 0 0;
background: #c8c8c8;
}
.star-rating-s {
}
.star-rating-m {
}
.star-rating-l {
margin: 2px;
}
.star-image-s {
width: 18px;
}
.star-image-m {
width: 20px;
}
.star-image-l {
width: 30px;
}
.star-rating-1 {
background: #e22027;
}
.star-rating-2 {
background: #f47324;
}
.star-rating-3 {
background: #f8cc18;
}
.star-rating-4 {
background: #73b143;
}
.star-rating-5 {
background: #007f4e;
}
/* (SS,17/8/15) */
.reviews-page-item-title {
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
}
.reviews-page-item-review-by {
color: #aaa;
}
.reviews-page-item-body {
}
.top-section {
/* background: white; */
}
/* (SS,1/2/16) */
.main-section {
padding-bottom: 10px;
}
.bottom-section {
padding-top: 15px;
}
.page-title {
margin-top: 15px;
}
#other-pages, #other-pages2 {
margin-top: 15px;
}
/* (SS,26/8/15) set body background */
body {
background-color: white;
/* background-image: url("/images/wooden-background-tiled-expressmusic-vertical.jpg");
(SS,14/09/2022, replaced above with following)
*/
background-image: url("/images/osb-background.jpg");
}
/* (SS,28/8/15) */
#product-detail-sharing {
margin-top: 10px;
margin-bottom: 10px;
}
.usp2 {
}
.usp2 li {
display: block;
font-size: 18px;
line-height: 2.25em;
}
.usp2 li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e013";
font-family: 'Glyphicons Halflings';
font-size: 18px;
float: left;
margin-top: 0px;
margin-left: -25px;
color: #5cb85c; /*#a3c942; */
}
/* (SS,9/6/21) announcement bar at the top */
#announcement-bar {
width: 100%;
text-align: center;
padding: 10px 20px;
background: #b12525;
font-size: 14px;
line-height: 16px;
color: #fff;
font-weight: bold;
}
/* (SS,1/7/21) */
#announcement-bar a:link {
color: #fff;
}
#announcement-bar a:visited {
color: #fff;
}