File: D:/web/hyperflight/! bs5/css/prev/styles - Copy.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-section {
height: 4.5em;
}
.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: 0px;
/* height: 30px; */
}
.product-list-item-stock-info, .product-list-item-stock-info-out {
padding-bottom: 2px;
}
.product-list-item-stock-info {
color: #5cb85c; /* same color as text-success in bootstrap 4 */
font-weight: bold;
}
/* 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;
}
/* subcategory list styles */
.subcategory-list-item {
text-align: center;
}
.subcategory-list-item-title {
/* padding: 4px 8px 4px 8px; */
/*height: 45px; */
/*
line-height: 1.5em;
height: 3em;
overflow: hidden; */
}
/* subcategory list styles */
/* (SS,6/6/24 various additions, before it only had: text-align: center */
.subcategory-list-item {
text-align: center;
border: 1px solid #ccc;
border-radius: 15px;
padding: 5px;
margin: 0px;
/* following from https://getcssscan.com/css-box-shadow-examples */
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
/* (SS,6/6/24 */
.subcategory-list-item-image {
margin: 0 auto;
}
.subcategory-list-item-title {
/* padding: 4px 8px 4px 8px; */
/*height: 45px; */
/*
line-height: 1.5em;
height: 3em;
overflow: hidden; */
border-top: 1px solid #ccc;
font-size: 20px;
padding-top: 5px;
}
/* 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) */
/* modified to make similar to new trustpilot versions below */
#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-title {
font-size: 18px;
padding-top: 5px;
padding-bottom: 10px;
font-weight: bold;
}
.recent-reviews-text {
margin-bottom: 2px;
}
.recent-reviews-date {
color: #777;
padding-left: 3px;
float: right;
}
.recent-reviews-name, .recent-reviews-name a {
padding-left: 0px;
margin-top: 10px;
margin-bottom: 5px;
font-size: 12px;
}
#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 {
/* (SS,31/10/19) removed italic to make reply distinctive */
/* font-style: italic; */
font-weight: bold;
}
.review-body {
/* (SS,31/10/19) removed italic to make reply distinctive */
/* font-style: italic; */
}
/* (SS,14/6/24) */
.review-footer {
margin-top: -20px;
}
/* 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;
background-color: #D9EFFD !important; /* (SS,25/5/17) */
}
.page-title {
margin-top: 15px;
}
#other-pages, #other-pages2 {
margin-top: 15px;
}
/* (SS,26/8/15) set body background */
body {
/* background-color: #EBF7FE; */
/* background-color: #D9EFFD; */
/* background-color: #A5D8FA; */
background-color: #BEE3FC;
}
/* (SS,28/8/15) */
#product-detail-sharing {
margin-top: 10px;
margin-bottom: 10px;
}
.usp2 {
}
.usp2 li {
display: block;
/*font-size: 18px;
font-size: 18px;
line-height: 2em; */
margin: 10px 0;
}
.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,7/6/17) set max product description table width to 600 pixels */
.table-description {
max-width: 600px;
}
.product-option {
padding-left: 0px;
padding-right: 0px;
border-bottom: 1px solid silver;
margin-bottom: 10px
}
.option-row {
margin-left: 0px;
margin-right: 0px;
}
/* product options styles added below */
/* (SS,19/12/13) new div to improve things to IE */
.option-radio-div {
/*
float: left;
width: 235px;
*/
/*
float: left;
min-width: 300px;
*/
/* border-bottom: 1px dashed lightblue; */
/* border: 1px dashed lightgrey; */
border: 1px solid silver;
border-bottom: 0;
/* margin-left: 15px;*/
/*
margin-right: 15px;
*/
padding-left: 0px;
padding-right: 2px;
/* (SS,28/7/17) */
padding-top: 2px;
padding-bottom: 2px;
}
.option-radio-text {
/*vertical-align: middle;*/
/*
float: left;
margin-left: 5px;
*/
/*vertical-align: middle; */
/*float: left; */
/*
position: relative;
margin-left: 20px;
display: block;
margin-bottom: 5px;
*/
/* (SS,19/12/13) replaced above with following */
/*
float: left;
width: 215px;
margin-left: 6px;
margin-top: 2px;
*/
height: 60px;
display: table-cell;
vertical-align: middle;
margin-bottom: 0px;
}
.option-radio-label {
padding: 0px;
/*float: left; */
}
.option-radio-control {
/* height: 60px; */
display: table-cell;
/*float: left; */
/*padding: 5px; */
vertical-align: middle;
margin-top: 20px;
/*margin-bottom: 0px; */
/*
margin-left: -5px;
margin-right: 5px;
*/
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
.option-radio-image-div {
padding: 0px;
width: 60px;
/* border: 1px solid lightgrey; */
}
.option-radio-image {
/*float: left; */
/*width: 60px; */
}
/* (SS,13/6/17) */
.product-detail-thumbnail {
width: 82px;
height: 82px;
/*margin: 5px; */
margin-top: 3px !important;
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px;
}
/* (SS,29/6/17) */
#product-detail-files-header {
padding-top: 20px;
}
/* (SS,24/7/17) */
.bank-transfer-button-width {
width: 130px;
}
/* (SS,22/4/26) with help from ChatGTP */
.home-notices {
margin-top: 12px;
margin-bottom: 14px;
font-size: 18px;
line-height: 1.45;
}
.home-notices .alert {
font-size: 17px;
margin-bottom: 12px;
padding: 14px 16px;
}
.home-intro {
margin-top: 14px;
margin-bottom: 6px;
font-size: 18px;
line-height: 1.45;
}
.home-intro p {
margin: 0 0 10px 0;
}
.home-intro p:last-child {
margin-bottom: 0;
}
.home-intro + hr {
margin-top: 12px;
margin-bottom: 14px;
}