 |
|
|
|
|
Need Help? Call us on 01799 540 900
|
|
|
|
|
|
/*************************************************
* Style sheet
**************************************************
* Deutsche Performance Sounds
*************************************************/
body {
margin: 0 0 0 5px;
padding: 0px;
}
body, p, td {
/*font-family: verdana, helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4f4f4f;
}
input,textarea,select {
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
color: #4f4f4f;
margin: 0px;
padding-top: 2px;
padding-bottom: 2px;
}
select {
padding: 0;
}
p {
margin: 5px 0 10px 0;
line-height: 16px;
}
h1 {
margin:10px 0 10px 10px;
font-size: 20px;
font-weight: bold;
}
h2 {
margin: 5px 0 5px 0;
font-size: 18px;
}
h3 {
font-size: 16px;
margin:5px 0 5px 0;
}
h4 {
font-size: 13px;
margin:5px 0 5px 0;
}
ul {
margin-top: 10px;
margin-bottom: 10px;
}
img {
border: 0px;
}
form {
margin: 0px;
}
/* Anchors */
a {
color: #4f4f4f;
text-decoration: underline;
}
a.arrow {
padding-left: 8px;
background-image: url(/images/misc/arrow-right.png);
background-repeat: no-repeat;
background-position: 0px 5px;
}
.horizontal-dotted {
height: 5px;
font-size: 0px;
margin: 0px;
background-image: url(/images/backgrounds/horizontal-dotted.png);
background-repeat: repeat-x;
}
/* Text ******************************************************************************************/
.small {
font-size: 10px;
}
/* Colours ******************************************************************************************/
.orange {
color: #f19530;
}
.red {
color: #ff0000;
}
.green {
color: #26A100;
}
.grey {
color: #e9e9e9;
}
/* Main Table ******************************************************************************************/
#main-table {
width: 800px;
}
/* Header Table ******************************************************************************************/
#main-table .header-table {
width: 100%;
height: 30px;
margin-top: 3px;
padding: 0 10px 0 10px;
background-image: url(/images/backgrounds/header-bg.png);
background-repeat: no-repeat;
}
/* Quickcode Table ******************************************************************************************/
.quickcode-table {
width: 100%;
height: 25px;
padding: 2px 10px 0 5px;
}
/* Body Table ******************************************************************************************/
#main-table .body-table {
width: 100%;
margin-top: 5px;
}
#main-table .body-table div.panel {
margin-top: 8px;
}
#main-table .body-table div.header-black {
height: 21px;
color: #ffffff;
font-size: 13px;
font-weight: bold;
padding: 5px 0 0 10px;
background-image: url(/images/headers/black.png);
background-repeat: no-repeat;
}
#main-table .body-table div.header-orange {
height: 21px;
color: #ffffff;
font-size: 13px;
font-weight: bold;
margin: 0px 0 8px 0;
padding: 5px 0 0 10px;
background-image: url(/images/headers/orange.png);
background-repeat: no-repeat;
}
#main-table .body-table .cell {
padding-left: 5px;
padding-bottom: 0px;
line-height: 18px;
}
#main-table .body-table .panel-left {
width: 180px;
}
#main-table .body-table .panel-left .button-1 a,
#main-table .body-table .panel-left .button-2 a,
#main-table .body-table .panel-left .button-3 a {
display: block;
text-decoration: none;
font-size: 12px;
/*border-bottom: 1px solid #ecede8;*/
background-image: url(/images/misc/arrow-right.png);
background-repeat: no-repeat;
}
#main-table .body-table .panel-left .button-1 a {
padding: 2px 0 2px 15px;
background-position: 5px 8px;
}
#main-table .body-table .panel-left .button-2 a {
color: #F19530;
padding: 2px 0 2px 25px;
background-position: 15px 8px;
}
#main-table .body-table .panel-left .button-3 a {
padding: 2px 0 2px 35px;
background-position: 25px 8px;
}
#main-table .body-table .panel-left .selected a {
background-color: #FFF5EB;
}
#main-table .body-table .panel-left .button-1 a:hover,
#main-table .body-table .panel-left .button-2 a:hover,
#main-table .body-table .panel-left .button-3 a:hover {
background-color: #FFF5EB;
}
#main-table .body-table .panel-right {
width: 180px;
}
#main-table .body-table .panel-left .image,
#main-table .body-table .panel-right .image {
padding-top: 8px;
}
/* Basket panel ******************************************************************************************/
#basket-panel {
width: 100%;
}
#basket-panel td {
font-size: 11px;
line-height: 18px;
}
#basket-panel .top {
height: 10px;
font-size: 0px;
line-height: 0px;
background-image: url(/images/backgrounds/basket-top.png);
background-repeat: no-repeat;
}
#basket-panel .left {
padding-left: 10px;
border-left: 1px solid #7b7b7b;
}
#basket-panel .right {
padding-right: 10px;
border-right: 1px solid #7b7b7b;
}
#basket-panel .total {
font-weight: bold;
padding-right: 8px;
}
#basket-panel .bottom {
height: 10px;
font-size: 0px;
line-height: 0px;
background-image: url(/images/backgrounds/basket-bottom.png);
background-repeat: no-repeat;
}
/* Contents Table ******************************************************************************************/
#main-table .body-table .contents-table {
width: 100%;
padding: 0 0 0 10px;
}
#main-table .body-table .contents-table div.header-black {
height: 21px;
color: #ffffff;
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
padding: 5px 0 0 10px;
background-image: url(/images/headers/black-long.png);
background-repeat: no-repeat;
}
#main-table .body-table .contents-table div.header-orange {
height: 21px;
color: #ffffff;
font-size: 13px;
font-weight: bold;
margin: 2px 0 10px 0;
padding: 5px 0 0 10px;
background-image: url(/images/headers/orange-long.png);
background-repeat: no-repeat;
}
/* Breadcrumb ******************************************************************************************/
#main-table .body-table .contents-table div.breadcrumb {
font-size: 11px;
padding: 0 0 7px 5px;
border-bottom: 1px solid #ecede8;
}
/* Filters ******************************************************************************************/
#main-table .body-table .contents-table div.filters {
font-size: 11px;
text-align: right;
padding: 4px 0 4px 0;
border-bottom: 1px solid #ecede8;
}
/* Category ******************************************************************************************/
#main-table .body-table .contents-table div.category {
width: 24%;
padding: 10px 0 10px 0;
display: block;
float: left;
font-size: 11px;
text-align: center;
border-bottom: 1px solid #ecede8;
}
/* Product table ******************************************************************************************/
.product-table {
width: 100%;
border-top: 1px solid #cccccc;
}
.product-table .row td {
vertical-align: top;
border-bottom: 1px solid #cccccc;
}
.product-table .selected {
background-color: #F4FBF5;
}
.product-table .image {
width: 80px;
padding: 2px;
text-align: right;
border-right: 1px solid #cccccc;
}
.product-table .info {
width: 80%;
padding: 5px 0 0 5px;
}
.product-table .info h3 {
margin: 0px;
}
.product-table .rating {
padding: 5px 5px 0 5px;
text-align: center;
}
.product-table .buttons {
padding-top: 2px;
text-align: right;
}
/* Basket items ******************************************************************************************/
.basket-items {
width: 100%;
margin-bottom: 5px;
}
.basket-items td {
color: #ffffff;
padding: 2px 8px 2px 8px;
background-color: #F1942F;
}
.basket-items td a {
color: #ffffff;
}
/* Details table ******************************************************************************************/
.details-table {
width: 100%;
margin-bottom: 20px;
}
.details-table .header td {
vertical-align: bottom;
border-bottom: 1px solid #ecede8;
}
.details-table .image {
width: 225px;
padding-top: 15px;
text-align: center;
}
.details-table .info {
width: 30%;
padding-top: 15px;
padding-left: 10px;
}
.details-table .more-images {
text-align: right;
padding: 5px 5px 0 0;
}
/*.details-table .more-images img {
margin-bottom: 5px;
}*/
/* Info table ******************************************************************************************/
#main-table .body-table .contents-table .info-table {
width: 610px;
margin-bottom: 5px;
}
#main-table .body-table .contents-table .info-table td {
line-height: 18px;
}
#main-table .body-table .contents-table .info-table .tab a {
display: block;
text-decoration: none;
width: 95px;
height: 19px;
float: left;
padding-top: 3px;
text-align: center;
background-image: url(/images/backgrounds/tab.png);
background-repeat: no-repeat;
}
#main-table .body-table .contents-table .info-table .tab-selected a {
display: block;
text-decoration: none;
color: #ffffff;
width: 95px;
height: 19px;
float: left;
padding-top: 3px;
text-align: center;
background-image: url(/images/backgrounds/tab-selected.png);
background-repeat: no-repeat;
}
#main-table .body-table .contents-table .info-table .top {
height: 10px;
font-size: 0px;
line-height: 0px;
background-image: url(/images/backgrounds/info-top.png);
background-repeat: no-repeat;
}
#main-table .body-table .contents-table .info-table .left {
padding-left: 10px;
border-left: 1px solid #7b7b7b;
}
#main-table .body-table .contents-table .info-table .right {
padding-right: 10px;
border-right: 1px solid #7b7b7b;
}
#main-table .body-table .contents-table .info-table .bottom {
height: 10px;
font-size: 0px;
line-height: 0px;
background-image: url(/images/backgrounds/info-bottom.png);
background-repeat: no-repeat;
}
/* Basket table ******************************************************************************************/
#basket-table {
width: 100%;
margin: 5px 0 5px 0;
}
#basket-table .header td {
padding: 6px;
font-weight: bold;
background-color: #EDEDED;
}
#basket-table .row td {
padding: 5px 5px 3px 5px;
vertical-align: top;
/*border-bottom: 1px solid #EDEDED;*/
}
#basket-table .divider td {
border-bottom: 1px solid #EDEDED;
}
#basket-table .image {
border-right: 1px solid #cccccc;
}
#basket-table .fill {
background-color: #F8F8F8;
}
#basket-table .options {
width: 100%;
margin-top: 8px;
}
#basket-table .attribute {
width: 50%;
text-align: right;
}
#basket-table .options td {
color: #ff0000;
padding: 0px;
border-bottom: 1px solid #ffffff;
}
#basket-table .buttons td {
padding-top: 10px;
}
/* Form table ******************************************************************************************/
.form-table {
width: 100%;
}
.form-table .header td {
padding: 5px 0 5px 10px;
color: #ffffff;
font-weight: bold;
background-color: #F1942F;
}
.form-table .spacer td {
height: 5px;
font-size: 0px;
}
.form-table .key {
width: 32%;
height: 25px;
text-align: right;
font-weight: bold;
padding-right: 10px;
padding-bottom: 2px;
background-color: #EEEEEE;
}
.form-table .value {
padding-left: 15px;
}
.form-table .value input,
.form-table .value textarea {
width: 230px;
}
.form-table .value select {
width: 236px;
}
.form-table .mandatory {
background-image: url(/images/misc/mandatory.png);
background-repeat: no-repeat;
background-position: 4px 8px;
}
.form-table .note {
color: #A5A5A5;
font-size: 10px;
}
/* Review table ******************************************************************************************/
.review-table {
width: 100%;
}
.review-table .header td {
text-align: right;
font-weight: bold;
padding: 3px 15px 3px 0;
background-color: #EFEFEF;
}
.review-table td {
vertical-align: top;
padding: 10px 0 10px 0;
border-top: 1px solid #cccccc;
}
/* Footer Table */
#main-table .footer-table {
width: 100%;
border: 1px solid #cccccc;
margin: 30px 0 5px 0;
}
#main-table .footer-table .title td {
padding: 10px 0 5px 10px;
font-size: 13px;
font-weight: bold;
}
#main-table .footer-table .row td {
padding: 0 0 15px 10px;
}
|
|
|
|
|
We accept the following
Credit and Debit cards |
 |
Need Help? Call us on
01799 540 900 |
|
© Copyright 2006 Deutsche Performance Ltd
|
|
|