html, body {
height: 100%;
margin: 0px;
padding: 0px;
background: #2d5f7e url('/images/bg.jpg');
}
body, li, th, td, p, div, span {
font-size: 12px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff;
}
input, textarea, select, option {
color: #5e5b51;
font-size: 12px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
a {
text-decoration: underline;
color: #ffe600;
cursor: pointer;
}
a:hover {
text-decoration: none;
}
form, table {
padding: 0px;
margin: 0px;
}
label {
white-space: nowrap;
}
img {
border-width: 0px;
}
h1, h2, h3, .h_2, .h_3 {
padding: 0px;
margin: 0px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
padding-bottom: 8px;
}
p {
padding: 0px;
margin: 0px;
padding-bottom: 8px;
}
h1 {
font-size: 22px;
}
h2, .h_2 {
font-size: 20px;
}
h3, .h_3 {
font-size: 16px;
}
.bounds {
background: #24506b;
width: 10px;
height: 100%;
display: none;
}
#main {
width: 950px;
height: 100%;
margin: auto;
background: #498fb3;
}
.gradient {
background: url('/images/gradient-bg.jpg') top left repeat-x;
}
/* Header */
#header {
width: 100%;
}
#header a {
color: #ffffff;
}
#header a:hover {
color: #ffe600;
}
#header div,#header span,#header a,#header label,#header input,#header textarea,#header select,#header option {
font-size: 11px;
}
#header #column2 {
width: 585px;
height: 372px;
background: url('/images/header-right-bg.jpg') top left repeat-x;
}
/* Header:Phone box */
#header #phone-box div {
width: 350px;
position: relative;
top: 15px;
left: -55px;
font-size: 28px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
}
/* Header:Cart box */
#header #cart-box {
width: 187px;
position: relative;
top: 107px;
left: 334px;
}
#header #cart-box-map, #header #cart-box-map img {
display: block;
width: 187px;
height: 50px;
}
#header #cart-box-map {
position: absolute;
top: 122px;
left: 334px;
text-decoration: none;
}
#header #cart-box .row1 {
height: 22px;
}
#header #cart-box .row2 {
height: 15px;
white-space: nowrap;
}
#header #cart-box div, #header #cart-box span {
color: #ffeebd;
}
#header #cart-box a {
font-weight: bold;
}
/* Header:Menu box */
#header #menu-box {
width: 320px;
position: relative;
top: 98px;
left: -80px;
}
#header #menu-box a {
display: block;
width: 10px;
height: 14px;
white-space: nowrap;
padding: 0px 11px 2px;
margin-bottom: 11px;
background: url('/images/dotted-design-element.gif') top left repeat-y;
font-size: 14px;
font-weight:bold;
}
#header #menu-box a.current {
color: #ffe600;
}
/* Header:Form box */
#header #form-box-shadow, #header #form-box {
width: 610px;
height: 157px;
padding: 7px;
position: relative;
overflow: hidden;
}
#header #form-box-shadow {
top: 178px;
left: -59px;
background: #24506b;
}
#header #form-box {
top: 174px;
left: -62px;
background: #ffffff;
}
#header #form-box * {
color: #4d4d4d;
}
#header #form-box .bg {
background: #ffe555;
height: 100%;
}
#header #form-box .bg2 {
background: url('/images/header-form-box-bg.gif') bottom right no-repeat;
height: 100%;
}
#header #form-box .tabs td {
height: 32px;
width: 33%;
}
#header #form-box .tabs span {
display: block;
height: 100%;
padding-top: 4px;
text-decoration: none;
text-align: center;
font-size: 18px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-weight: bold;
background: url('/images/header-form-tab.gif') top left no-repeat;
cursor: pointer;
}
#header #form-box .tabs span.active {
background: url('/images/header-form-active-tab.gif') top left no-repeat;
}
#header #form-box .tabs td.spacer, #header #form-box .tabs td.spacer img {
width: 2px;
}
#header #form-box .tabs td.spacer {
background: #ffffff;
}
#header #form-box .content .box {
display: none;
}
#header #form-box .form {
position: absolute;
}
#header #form-box label,#header #form-box input,#header #form-box textarea,#header #form-box select {
position: absolute;
top: 0px;
left: 0px;
}
/* Left area */
#left-area {
padding: 0px 4px 0px 22px;
background: url('/images/dotted-design-element.gif') top right repeat-y;
}
#left-area .spacer {
width: 285px;
height: 1px;
}
#left-area p,#left-area div,#left-area span,#left-area a {
font-size: 11px;
}
#left-area a {
padding-left: 8px;
background: url('/images/bullet-design-element.gif') top left no-repeat;
}
#left-area .shortcuts table {
width: 100%;
padding-bottom: 14px;
}
#left-area .shortcuts div {
height: 16px;
}
#left-area .shortcuts a {
white-space: nowrap;
}
/* Content */
#content {
height: 210px;
padding: 0px 22px;
}
#content .data-list, #content .data-item {
border-collapse: collapse;
background: #599aba;
width: 100%;
clear: both;
}
#content .data-list th, #content .data-list td {
border: 1px solid #ffffff;
}
#content .data-list th {
background: #91bcd2;
}
#content .data-list th div {
height: 44px;
padding: 4px;
background: url('/images/data-list-gradient.gif') top left repeat-x;
border: 1px solid #599aba;
font-weight: normal;
}
#content .data-list td {
text-align: center;
padding: 4px;
}
#content .data-list .currency-fmt {
display: block;
text-align: right;
}
#content .data-list td.image {
background: #ffffff;
padding: 0px;
}
#content .data-list td.image img {
display: block;
border: 1px solid #599aba;
padding: 12px;
}
#content .data-list td.cart img, #content .data-list td.amount img {
cursor: pointer;
}
#content .data-list td.amount {
white-space: nowrap;
}
#content .data-list td.amount input {
width: 50px;
text-align: right;
}
#content .data-list td.total-sum {
text-align: right;
}
#content .data-item {
border: 1px solid #ffffff;
}
#content .data-item td.image {
background: #ffffff;
}
#content .data-item td.image img {
display: block;
padding: 12px;
}
#content .data-item table {
border-collapse: collapse;
}
#content .data-item table td {
padding: 4px;
}
#content .data-item table td.border-bottom {
border-bottom: 1px solid #ffffff;
}
#content .data-item table td.border-right {
border-right: 1px solid #ffffff;
}
#content .data-item #put-to-cart-button {
display: block;
float: right;
padding: 10px;
cursor: pointer;
}
#content .model-collating-list a {
display: block;
padding-left: 8px;
height: 16px;
width: 20px;
white-space: nowrap;
background: url('/images/bullet-design-element.gif') top left no-repeat;
}
#content .order-form {
width: 580px;
}
#content .order-form .label {
width: 100px;
}
#content .order-form textarea {
height: 100px;
}
#content .order-form sup {
color: maroon;
}
#content .collating-result, #content .cart-table {
margin-bottom: 14px;
}
/* Footer */
#footer {
height: 60px;
}
#footer td {
width: 33%;
}
#footer div, #footer a, #footer td {
font-size: 11px;
white-space: nowrap;
}
#footer .spacer {
width: 950px;
height: 1px;
}
#footer a {
color: #ffffff;
}
#footer .feedback {
cursor: pointer;
position: relative;
top: 2px;
}
/* Pager */
.pager {
text-align: right;
padding: 4px 0px;
}
/* SortController */
.sort-options {
float: left;
white-space: nowrap;
padding: 4px 0px;
}
.sort-options .selected {
background: url('/images/sort-option-pointer.gif') top center no-repeat;
padding-top: 4px;
}
/* M I S C */
.block {
display: block;
}
.layer {
position: absolute;
}
.currency-fmt {
white-space: nowrap;
font-weight: bold;
}
.form .error div, .form .errors-in-fill {
color: maroon;
font-weight: bold;
}
.form .success div {
color: green;
font-weight: bold;
}
.notice {
color: #4d4d4d;
}
.referer {
padding: 4px 0px 8px;
color: #ffe600;
width: 100px;
}
/* Form */
.attachment .form {
}
.attachment .text-control, .attachment .separator {
width: 90% !important;
}
.attachment .text-control {
}
.attachment .separator {
}
.attachment .label {
}
.attachment .label label {
white-space: normal;
}
.attachment .button {
}
.shortcuts .h_3 {
font-size: 46px;
}