* {
margin: 0;
padding: 0;
}
html, body {
height:100%;
}
body {
background: url(../img/bg-site.gif) left top repeat-x #c5e5f7;
font-family: Georgia,"Times New Roman",Tahoma;
font-size:12px;
color:#000000;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img { border:0 none}
table, tr, td, th {
border:0 none;
border-collapse:collapse;
}
.clear { clear:both; font-size:0px; overflow:hidden}
.float-l { float:left}
.float-r { float:right}
.padd-5 { padding-top:5px }
.padd-10 { padding-top:10px }
.padd-15 { padding-top:15px }
.padd-20 { padding-top:20px }
.display-none {
display:none;
}
.display-inline {
display: inline!important;
}
.align-center { text-align:center}
.align-left { text-align:left}
.align-right { text-align: right}
.line-through {
text-decoration:line-through;
}
.position-relative {
position:relative;
}
.v-top {
vertical-align:top;
}
.bg-black {
background:#000000;
}
.bg-white {
background:#ffffff;
}
.main {
margin:0 auto;
width:988px;
}
div.width-site {
width:988px;
font-size:0px;
overflow:hidden;
clear:both
}
.block-site {
position:relative;
/*display:inline-block*/
}
.block-site div.text {
border: 1px solid #7095b6;
border-width: 0 1px;
padding: 4px 10px;
background: #fcfefe;
}
.block-site .b1, .block-site .b2, .block-site .b3, .block-site .b4, .block-site .b5,
.block-site .b1 i, .block-site .b2 i, .block-site .b3 i, .block-site .b4 i, .block-site .b5 i,
.block-site .b1 b, .block-site .b2 b, .block-site .b3 b, .block-site .b4 b, .block-site .b5 b,
.block-site .b1 q, .block-site .b2 q, .block-site .b3 q, .block-site .b4 q, .block-site .b5 q,
.block-site .b6, .block-site .b7, .block-site .b7 b, .block-site .b8, .block-site .b8 b {
height: 1px;
font-size: 1px;
overflow: hidden;
border-style: solid;
border-width: 0 1px;
display: block;
background: #ffffff;
}
.block-site .b1 {
margin: 0 6px;
background: #7095b6;
border: none;
}
.block-site .b1 b {
margin: 0 1px;
background: #7095b6;
border-color: #5494bf;
}
.block-site .b2 {margin: 0 4px; border-color: #7eafd0;}
.block-site .b2 b {border-color: #2675ab;}
.block-site .b2 i {border-color: #6c93b5;}
.block-site .b2 q {border-color: #bfcbd9; color:#FFFFFF}
.block-site .b3 {margin: 0 2px; border-color: #c0d9ea;}
.block-site .b3 b {border-color: #6ca3c8;}
.block-site .b3 i {border-color: #6a8db0;}
.block-site .b4 {margin: 0 2px; border-color: #6ca3c8;}
.block-site .b4 b {border-color: #a2b5ca;}
.block-site .b5 {margin: 0 1px; border-color: #79acce;}
.block-site .b5 b {border-color: #7095b6;}
.block-site .b6 {margin: 0 1px; border-color: #2875ab;}
.block-site .b7 {margin: 0 0px; border-color: #99c0da;}
.block-site .b7 b {border-color: #7095b6;}
.block-site .b8 {margin: 0 0px; border-color: #468bb9;}
.block-site .b8 b {border-color: #cfd7e1;}
#header {
padding:10px 0 0 0;
}
#header .logo {
background:url(../img/logo.png) right top no-repeat;
width:251px;
height:119px;
float:left;
}
#header .designer-product-butt {
background:url(../img/order-now.png) left top no-repeat;
float:left;
margin:12px 0 0 32px;
width:240px;
height:101px;
}
#header .designer-product-butt a {
display:block;
width:240px;
height:101px;
text-decoration:none
}
#header .header-right {
height: 105px;
position: relative;
width:450px;
float:right;
font-family:tahoma;
padding:0
}
form.search-site {
width:235px;
float:right;
text-align:right;
padding-top:10px
}
form.search-site fieldset {
display:inline;
}
form.search-site fieldset.field {
width:185px;
text-align:right
}
form.search-site fieldset.field input {
width:179px;
}
form.search-site fieldset.submit {
width:33px;
text-align:left;
}
form.search-site fieldset.submit input {
background:url(../img/butt-1.gif) left bottom repeat-x #d3e6f4;
color:#000000;
width:31px;
border:1px solid #86b3d2;
font-size:14px;
}
form.search-site fieldset.field .text {
border:1px solid #16bfd5;
}
#footer {
padding:20px 0;
}
#footer .copyright {
padding:15px 0 0 10px;
}
.left-side {
/*background:url(../img/left-box-bott.gif) left bottom no-repeat;
padding-bottom:20px; */
width:215px;
float:left;
position:relative
}
.left-side .bg-left-boxes {
background:url(../img/left-box-top.gif) left top no-repeat;
padding:4px 14px 0 14px
}
.title-left-box {
background:url(../img/title-left-box.gif) left bottom repeat-x #e9f3f8;
border:1px solid #45b0f9;
padding:8px 0;
font-size:14px;
font-weight:bold;
text-align:center;
text-transform:uppercase
}
.list-border {
background:#f4fcff;
border:1px solid #bde0e9;
}
.list-border .title-left-box {
background:none;
border:none;
padding:8px 0;
font-size:14px;
font-weight:bold;
text-align:center;
text-transform:uppercase
}
.maling-list {
padding:7px 20px;
}
.maling-list .form {
text-transform:uppercase;
padding:12px 0 0 0
}
.maling-list .form .field {
padding-bottom:8px;
}
.maling-list .form .field input.text {
width:150px;
}
.maling-list .form .field label {
padding-bottom:4px;
}
.maling-list .form .submit {
text-align:right;
}
.maling-list .form .submit input {
width:57px;
height:23px;
}
.login {
padding:15px 15px;
}
.login .field {
padding-bottom:8px;
}
.login .field input.text {
width:110px;
}
.login .field label {
padding-bottom:4px;
display:block;
width:60px;
float:left;
font-size:11px
}
.login .submit {
text-align:right;
}
.login .submit input {
margin:0 2px 0 5px;
height:23px;
width:80px
}
.login .submit input.login-butt {
width:60px;
}
.right-side {
width:740px;
float:right;
position:relative
}
h1 {
font-size:24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
h2.title-page {
padding:0;
margin:0;
color:#2274ab;
font-size:20px;
font-weight:normal
}
.product-right {
background:url(../img/item-right.gif) right bottom repeat-y
}
.product-bott {
background:url(../img/item-left.gif) right bottom repeat-x;
}
.product-padd {
padding:0 20px 10px 20px;
height:300px;
}
.product {
width:185px;
float:left;
padding:15px 0 20px 0
}
.v-product {
position:relative;
height: 130px;
width: 145px;
margin-top:10px
}
.product .v-outer {
display: table;
top:0;
position: absolute;
overflow: hidden;
height: 130px;
width: 145px;
border:1px solid #e4e4e0
}
.product .v-middle {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
.product .v-inner {
#position: relative;
#top: -50%;
width:145px;
text-align:center;
}
.product a.name {
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}
.product a.name:hover {
text-decoration:none;
}
.product-buy-now {
padding:20px 10px 10px 10px;
font-family:tahoma;
font-size:12px;
}
.product-buy-now a {
color:#763d4f;
text-decoration:underline
}
.product-buy-now a:hover {
text-decoration:none;
}
.product-buy-now span {
color:#fe2a00;
float:left;
display:block;
padding-top:3px
}
a.buy-now {
background:url(../img/buy-now.gif) left top no-repeat;
display:block;
width:67px;
height:18px;
color:#FFFFFF;
text-align:center;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
padding:6px 0 0 0
}
a.details {
background:url(../img/details.gif) left top no-repeat;
display:block;
width:68px;
height:17px;
color:#FFFFFF;
text-align:center;
font-size:12px;
text-decoration:none;
padding:3px 0 0 0
}
.cont {
margin-top:10px;
border-top:1px solid #45b0f9
}
.cont-left {
background:url(../../img/line-sh.jpg) left top no-repeat;
}
.cont-right {
background:url(../../img/line-sh.jpg) right top no-repeat;
min-height:500px;
height:auto!important;
height:1000px;
padding:15px 10px
}
.discont-card {
border-top:4px solid #2274ab;
float: right;
width:740px;
text-align:right;
padding-top:10px;
color:#763d4f;
position:relative
}
.discont-card img {
vertical-align:middle;
}
div.title-page {
border:1px solid #bde0e9;
padding:10px 15px 15px 15px;
font-size:11px;
color:#000000
}
div.title-page span {
color:#5996c0;
}
.left-side span.colum-top {
position:absolute;
left:0px;
top:0px;
width:215px;
height:7px
}
.left-side span.colum-top1 {
position:absolute;
left:0px;
top:0px;
width:215px;
height:7px
}
.left-side span.colum-bott {
position:absolute;
left:0px;
bottom:0px;
width:215px;
height:7px
}
.pagi-nav {
padding:0 0 5px 0;
font-size:11px
}
.pagi-nav a {
color:#000000;
margin:0 5px;
text-decoration:underline;
}
.pagi-nav a:hover {
text-decoration:none;
}
.pagi-nav a.hover {
text-decoration:none;
}
span.colum-top {
background:url(../img/lt.png) left top no-repeat;
display:block;
}
span.colum-top span {
background:url(../img/rt.png) right top no-repeat;
display:block;
height:7px
}
span.colum-top1 {
background:url(../img/lt1.png) left top no-repeat;
display:block;
}
span.colum-top1 span {
background:url(../img/rt1.png) right top no-repeat;
display:block;
height:7px
}
span.colum-bott {
background:url(../img/lb.png) left bottom no-repeat;
display:block;
}
span.colum-bott span {
background:url(../img/rb.png) right bottom no-repeat;
display:block;
height:7px
}
.pagination {
text-align:center;
font-size:11px;
color:#000000;
padding:10px 0;
clear:both;
}
.pagination a {
color:#000000;
text-decoration:underline;
margin:0 7px
}
.pagination a.next1 {
margin-left:1px;
}
.pagination a.next2 {
margin-right:1px;
}
.pagination img {
vertical-align:middle;
}
.cart {
display: none;
}