html,
body {
margin: 0;
padding: 0;
}
body {
background: #030000;
color: #FFF;
font: 10px Arial, sans-serif;
}
img {
display: block;
border: none;
}
p {
margin: 15px 0;
font: 12px/16px 'Trebuchet MS', Arial, sans-serif;
}
ul {
margin: 15px 0;
padding: 0 0 0 15px;
list-style-position: outside;
}
form {
margin: 0;
padding: 0;
}
.left {
float: left;
}
.right {
float: right;
}
#container {
width: 861px;
margin: 0 auto;
position: relative;
}
#main {
width: 715px;
float: left;
}
#sidebar {
width: 146px;
float: right;
}
.chat {
height: 30px;
background: #FFF url('../images/chat.gif') no-repeat;
padding: 64px 0 0 87px;
color: #2E3192;
font: bold 10px 'Trebuschet MS', Arial, sans-serif;
}
.chat a {
color: #2E3192;
}
.chat a:hover {
color: #FFF200;
}
#header {
border-top: 14px solid #030000;
background: #3B3073 url('../images/header.gif') no-repeat;
height: 86px;
}
.index #header {
background: #3B3073 url('../images/header-index.gif') no-repeat;
}
.index #leftcol {
background: #6C98C9;
}
.index #main-navigation {
background: #1D60AB url('../images/bg_nav.gif') no-repeat 0 100%;
padding-bottom: 3px;
}
.index #main-navigation a {
color: #FFF;
}
.index #main-navigation ul a {
color: #DFE9F3;
}
.index .wrap {
background: #034EA2;
border: none;
width: 715px;
}
.index .heading {
background: url('../images/indexheading.gif') no-repeat;
height: 86px;
color: #FFFAC2;
padding: 0;
font-family: 'Trebuschet MS', Arial, sans-serif;
}
.index .items {
padding: 0 0 0 7px;
}
#header a {
display: block;
width: 545px;
height: 80px;
position: absolute;
top: 20px;
left: 166px;
overflow: hidden;
line-height: 999px;
}
.wrap {
width: 712px;
border-right: 3px solid #030000;
overflow: hidden;
background: #FFF;
}
#leftcol {
width: 120px;
float: left;
background: #96B5D8;
margin: 0 0 -9999px 0;
padding: 0 0 9999px 0;
}
#content {
width: 567px;
padding: 0 3px 0 0;
float: right;
background: url('../images/bg_content.gif') no-repeat;
position: relative;
color: #231F20;
}
.index #content {
width: 578px;
padding: 0;
border: none;
color: #FFF;
}
#main-navigation {
margin: 0;
padding: 5px 0 0 0;
list-style: none;
background: #E5EDF6;
}
#main-navigation li {
padding: 5px 0 5px 15px;
font: 16px/20px Verdana, Helvetica, sans-serif;
}
#main-navigation a {
color: #2163AD;
text-decoration: none;
}
#main-navigation a:hover {
text-decoration: underline;
}
.dark2 {
background: #3370B4 url('../images/dark2.gif') no-repeat 100% 0;
}
.dark3 {
background: #487FBC url('../images/dark3.gif') no-repeat 100% 0;
}
.dark4 {
background: #5B8CC2 url('../images/dark4.gif') no-repeat 100% 0;
}
.light1 {
background: #96B5D8 url('../images/light1.gif') no-repeat 100% 0;
}
.light2 {
background: #A7C1DF url('../images/light2.gif') no-repeat 100% 0;
}
.light3 {
background: #BACEE5 url('../images/light3.gif') no-repeat 100% 0;
}
.light4 {
background: #CFDDED url('../images/light4.gif') no-repeat 100% 0;
}
#main-navigation ul {
margin: 0;
padding: 0 0 0 7px;
list-style: none;
}
#main-navigation ul li {
padding: 0;
text-transform: uppercase;
font: 9px/16px Tahoma, Arial, sans-serif;
}
#main-navigation ul a {
color: #2E6DB2;
}
.designs {
background: url('../images/designs.gif') no-repeat;
width: 130px;
height: 156px;
padding: 90px 0 0 0;
margin: 15px -17px 0 0;
float: right;
display: inline;
position: relative;
color: #231F20;
text-align: center;
font-family: 'Trebuschet MS', Arial, sans-serif;
font-weight: bold;
line-height: 11px;
}
.px16 {
display: block;
font: bold 16px/18px 'Trebuschet MS', Arial, sans-serif;
}
.px76 {
display: block;
font: bold 76px/60px 'Trebusvhet MS', Arial, sans-serif;
color: #F7941D;
}
.px23 {
display: block;
font: 23px/20px 'Trebuchet MS', Arial, sans-serif;
color: #F15A22;
}
.red {
display: block;
padding: 5px 0 0 0;
color: #ED1C24;
}
.red a {
color: #ED1C24;
}
.heading p {
margin: 0;
padding: 35px 5px 0 412px;
}
.heading {
padding: 21px 0 0 0;
width: 99%;
overflow: hidden;
}
.heading strong {
font: bold 20px 'Trebuchet MS', Arial, sans-serif;
color: #F7941D;
float: left;
}
.heading ul {
margin: 0;
padding: 7px 0 0 0;
list-style: none;
float: left;
}
.heading li {
float: left;
padding: 0 0 0 25px;
font: bold 10px 'Trebuchet MS', Arial, sans-serif;
background: url('../images/arrow.gif') no-repeat 15px 50%;
}
.heading li a {
color: #262323;
text-decoration: none;
}
.heading li a:hover {
text-decoration: underline;
}
.wasauna {
position: absolute;
right: 15px;
top: 5px;
}
.items {
margin: 0;
padding: 0;
list-style: none;
}
.items li {
float: left;
width: 140px;
padding: 3px 0;
}
.items img {
margin: 0 auto;
}
.items ul {
margin: 0;
padding: 0;
list-style: none;
font: 9px Arial, sans-serif;
overflow: hidden;
width: 100%;
}
.items ul li {
float: left;
width: 66px;
padding: 0 2px;
text-align: right;
line-height: 19px;
color: #231F20;
}
.index .items ul li {
color: #FFF;
}
.items ul li.code {
width: 100%;
text-align: center;
line-height: 10px;
}
.items ul li.codered {
width: 100%;
text-align: center;
line-height: 10px;
color: #ED1C24;
}
.items ul li.usual-price {
width: 63px;
font-weight: bold;
padding: 0 2px 0 0;
line-height: 10px;
text-decoration: line-through;
}
.index .items ul li.usual-price {
color: #D1D3D4;
}
.items ul li.sale-price {
width: 75px;
color: #ED1C24;
padding: 0;
line-height: 10px;
text-align: left;
}
.index ul li.sale-price {
color: #FFF200;
}
.items ul img {
float: left;
}
#footer {
padding: 7px 0;
font-size: 9px;
}
.sub {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
width: 100%;
}
.sub li,
.sub img {
float: left;
}
.picture {
float: right;
display: inline;
margin: 75px -11px 0 0;
position: relative;
}
.column {
width: 270px;
position: relative;
padding: 3px 0;
font-family: 'Trebuchet MS', Arial, sans-serif;
}
.title {
font: 20px 'Trebuchet MS', Arial, sans-serif;
color: #F7941D;
}
.group {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
list-style: none;
}
.group li {
float: left;
margin-left: -15px;
padding: 0 15px;
font-size: 12px;
font-family: 'Trebuchet MS', Arial, sans-serif;
background: url('../images/separator.gif') no-repeat 7px 50%;
}
.group a {
text-decoration: none;
color: #231F20;
}
.group a:hover {
text-decoration: underline;
}
.position {
position: relative;
z-index: 10;
}
.position em {
position: absolute;
z-index: 20;
top: 109px;
left: -12px;
}
.position a {
color: #F7941D;
}
.position a:hover {
text-decoration: none;
}
.minus {
margin-left: -10px;
float: left;
width: 100%;
position: relative;
list-style: none;
padding: 0;
}
.minus li {
padding: 0 0 0 10px;
background: url('../images/bullet.gif') no-repeat 0 4px;
}
.oldprice {
font: 19px 'Trebuchet MS', Arial, sans-serif;
}
.oldprice i {
text-decoration: line-through;
font-style: normal;
}
.newprice {
font: bold 19px 'Trebuchet MS', Arial, sans-serif;
color: #ED1C24;
}
.subtitle {
font: bold 14px 'Trebuchet MS', Arial, sans-serif;
display: block;
color: #F7941D;
}
.props {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden;
}
.props li {
float: left;
padding: 2px 0;
width: 100%;
}
.props label {
float: left;
width: 50px;
line-height: 20px;
}
.colored {
color: #ED1C24;
}
.props input {
float: left;
width: 205px;
margin: 0;
border: 1px solid #231F20;
padding: 0 2px;
}
.props select {
border: 1px solid #231F20;
float: left;
margin-right: 5px;
}
.props img {
display: inline;
vertical-align: middle;
}
input.duo {
width: 74px;
}
label.duo {
text-align: center;
}
.payment {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden;
}
.payment li {
float: left;
}
.payment input {
float: left;
}
.payment label {
float: left;
width: 40px;
}
.payment img {
margin: 0 auto;
}
.cardinform {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden;
}
.cardinform li {
float: left;
width: 100%;
padding: 2px 0;
}
.cardinform label {
width: 75px;
float: left;
line-height: 20px;
}
.cardinform input {
float: left;
width: 180px;
margin: 0;
border: 1px solid #231F20;
padding: 0 2px;
}
input.short {
width: 50px;
margin-right: 8px;
}
.cardinform .button {
width: 120px;
height: 24px;
border: none;
}
.px12 {
font-size: 12px;
}
.banner {
background: #FFF url('../images/banner.gif') no-repeat;
width: 146px;
height: 482px;
overflow: hidden;
text-align: center;
font: 10px/10px 'Trebuchet MS', Arial, sans-serif;
color: #231F20;
}
.discount {
display: block;
padding: 7px;
font: bold 18px/18px 'Trebuchet MS', Arial, sans-serif;
color: #150858;
letter-spacing: 13px;
}
.discount strong {
margin: 0 0 0 -5px;
color: #034EA2;
font: bold 32px/32px 'Trebuchet MS', Arial, sans-serif !important;
letter-spacing: 0;
}
.pink {
color: #ED1C24;
font: bold 23px/10px 'Trebuchet MS', Arial, sans-serif;
padding: 43px 0 0 0;
}
.px26 {
font-size: 26px;
line-height: 30px;
display: block;
}
.px29 {
font-size: 29px;
line-height: 18px;
display: block;
}
.darkblue {
font-size: 15px;
color: #034EA2;
line-height: 21px;
}
.banner i {
font-style: normal;
font-size: 11px;
line-height: 12px;
}
.banner strong {
font-size: 20px;
line-height: 18px;
display: block;
}
.banner em {
font-size: 11px;
line-height: 12px;
}
.ordernow {
color: #ED1C24;
display: block;
padding-top: 7px;
font-size: 12px !important;
line-height: 8px !important;
text-transform: uppercase;
}
.telephone {
display: block;
color: #034EA2;
font-size: 14px !important;
line-height: 15px !important;
}