body {
padding: 0;
text-align: center;
color: #FFFFFF;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-size: 12px;
background-color: #141414;
background-image: url(../images/bg.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
}
a {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #E87A0D;
}
form {
margin: 0px;
padding: 0px;
}
.body {
width: 980px;
text-align: left;
background-color: #CC3300;
background-image: url(../images/bg-body.gif);
background-repeat: repeat-x;
background-position: left 110px;
margin-right: auto;
margin-left: auto;
height: auto;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
.top {
width: 980px;
background-color: #141414;
height: 110px;
}
.top .logo {
float: left;
padding-top: 12px;
padding-left: 10px;
}
.top .logo2 {
float: left;
padding-top: 42px;
padding-left: 30px;
}
.top .contact {
float: right;
padding-right: 10px;
height: 42px;
}
.top .mail {
float: right;
padding-right: 10px;
text-align: right;
width: 550px;
margin-top: 14px;
height: 24px;
}
.top .basket {
float: right;
text-align: left;
padding-left: 23px;
background-image: url(../images/ico-basket.gif);
background-repeat: no-repeat;
background-position: left top;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
padding-top: 4px;
}
.top .basket a {
color: #999999;
}
.top .basket a:hover {
color: #FFFFFF;
}
.top .email {
float: right;
text-align: left;
padding-left: 23px;
background-image: url(../images/ico-mail.gif);
background-repeat: no-repeat;
background-position: left top;
text-transform: uppercase;
font-size: 9px;
color: #999999;
font-weight: bold;
padding-right: 35px;
}
.top .email .field {
color: #999999;
background-color: #404040;
font-size: 9px;
border: 1px solid #666666;
width: 190px;
margin-top: 0px;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
text-align: center;
}
.top .email .button {
color: #999999;
background-color: #404040;
font-size: 9px;
border: 1px solid #666666;
width: 22px;
margin-top: 0px;
padding: 1px;
}
.top .line {
font-size: 1%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333333;
width: 980px;
float: left;
}
.flash {
width: 760px;
background-image: url(../images/bg-flash.gif);
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
margin-bottom: 20px;
}
.flash .menu {
width: 760px;
background-image: url(../images/menu-bg.gif);
height: 37px;
}
.flash .menu td {
text-align: center;
}
.flash .menu td {
width: 93.25px;
}
.flash .menu .first {
width: auto;
}
.flash .menu .divider {
background-image: url(../images/menu-divider.gif);
width: 2px;
}
.flash .menu a {
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #1A1A1A;
letter-spacing: 0.05em;
display: block;
height: 24px;
padding-top: 13px;
padding-right: 2px;
padding-left: 2px;
}
.flash .menu a:hover {
background-image: url(../images/menu-bg1.gif);
background-position: center top;
color: #FFFFFF;
}
.leftmenu {
width: 190px;
background-image: url(../images/product_range.gif);
background-repeat: no-repeat;
background-position: right top;
padding-top: 20px;
vertical-align: top;
font-size: 11px;
padding-bottom: 30px;
}
.leftmenu .rbrange {
width: 180px;
padding-left: 10px;
padding-bottom: 6px;
padding-top: 10px;
}
.leftmenu .rbrange .rb {
color: #353b41;
height: 13px;
width: 16px;
text-align: center;
background-image: url(../images/0.gif);
background-repeat: no-repeat;
background-position: left top;
float: left;
font-size: 10px;
font-weight: bold;
}
.leftmenu .rbrange .range {
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
font-style: italic;
padding-right: 5px;
padding-left: 24px;
letter-spacing: 0.1em;
}
.leftmenu .rbrange .range a:hover {
color: #FF9900;
}
.leftmenu ul {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 35px;
}
.leftmenu ul li {
list-style-type: none;
}
.leftmenu ul li a {
color: #FFFFFF;
background-image: url(../images/dot.gif);
background-repeat: no-repeat;
background-position: right 1px;
padding-right: 20px;
width: 135px;
display: block;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #d96640;
padding-top: 1px;
padding-bottom: 1px;
}
.leftmenu ul li a:hover {
color: #FF9900;
background-image: url(../images/dot1.gif);
background-position: right 1px;
}
.lr {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #141414;
}
.left {
width: 780px;
vertical-align: top;
}
.right {
width: 200px;
vertical-align: top;
}
.right .titleico {
font-size: 15px;
font-weight: bold;
padding-left: 40px;
background-repeat: no-repeat;
background-position: left top;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 10px;
margin-left: 0px;
text-align: left;
}
.right .title {
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
text-align: left;
}
.right .newsletter {
text-align: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 0px;
}
.right .newsletter .date {
font-weight: bold;
}
.right .newsletter .title {
font-size: 12px;
padding: 0px;
margin: 0px;
}
.right .newsletter .title a {
text-decoration: underline;
}
.right .archived {
text-align: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 0px;
}
.right .archived a {
text-decoration: underline;
}
.right .archived a:hover, .right .newsletter a:hover {
color: #FF9900;
}
.right .archived .date {
font-weight: bold;
}
.brandstop {
width: 550px;
margin-bottom: 10px;
}
.brandstop td {
vertical-align: top;
padding-bottom: 10px;
}
.brandstop .dist {
width: 10px;
}
.content {
width: 100%;
padding-left: 20px;
vertical-align: top;
padding-right: 20px;
}
.content .title {
font-size: 40px;
padding-top: 15px;
padding-bottom: 10px;
}
.content .title {
font-size: 40px;
padding-top: 0px;
padding-bottom: 10px;
}
.content .xfactor .title {
font-size: 40px;
padding-top: 0px;
padding-bottom: 10px;
width: 520px;
background-image: url(../images/logo-x-factor.gif);
background-position: right 20px;
background-repeat: no-repeat;
}
.content .title2 {
font-size: 20px;
padding-top: 0px;
padding-bottom: 8px;
}
.content .title3 {
font-size: 12px;
padding-top: 0px;
padding-bottom: 0px;
}
.content .titleT {
font-size: 26px;
padding-top: 0px;
padding-bottom: 20px;
}
.content .intro {
color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d96640;
margin-bottom: 10px;
width: 550px;
}
.content .intromolecular {
color: #FFFFFF;
margin-bottom: 10px;
width: 550px;
}
.content .intro .title {
font-size: 18px;
color: #E87A0D;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.content .intro p {
margin-top: 0px;
margin-bottom: 10px;
}
.content .intromolecular p {
margin-top: 0px;
margin-bottom: 10px;
}
.content .line {
font-size: 10%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #d96640;
width: inherit;
padding-bottom: 10px;
}
.news {
background-color: #CCCCCC;
margin-top: 10px;
margin-bottom: 10px;
width: 550px;
}
.news .l1 {
background-image: url(../images/nl1.gif);
background-repeat: no-repeat;
background-position: left top;
width: 15px;
}
.news .l2 {
background-image: url(../images/nl2.gif);
background-repeat: no-repeat;
background-position: right top;
width: 15px;
}
.news .l3 {
background-image: url(../images/nl3.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
.news .l4 {
background-image: url(../images/nl4.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
.news .white1 {
background-color: #FFFFFF;
display: block;
margin: 1px;
padding-bottom: 4px;
}
.news .white2 {
background-color: #CCCCCC;
display: block;
margin-top: 15px;
margin-bottom: 15px;
border: 1px solid #FFFFFF;
}
.news .title {
font-size: 14px;
color: #E87A0D;
font-weight: bold;
padding-top: 5px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.news .new {
color: #666666;
font-size: 11px;
width: 492px;
margin-right: 12px;
margin-left: 12px;
padding-bottom: 8px;
}
.news .new .txt {
vertical-align: top;
padding-right: 10px;
}
.news .new .txt a, .news .new .txt a:hover {
color: #666666;
}
.news .new .title {
color: #000000;
font-size: 11px;
padding: 0px;
}
.news .new .title a, .news .new .title a:hover {
color: #000000;
}
.news .new .pic {
vertical-align: top;
width: 115px;
}
.news .new .more {
text-align: right;
}
.news .new .more a {
color: #7bce00;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
padding-right: 9px;
background-image: url(../images/more.gif);
background-position: right 3px;
background-repeat: no-repeat;
}
.news .new .more a:hover {
color: #E87A0D;
background-image: url(../images/more1.gif);
}
.news .line {
font-size: 1%;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #CCCCCC;
width: inherit;
padding-bottom: 8px;
margin-right: 12px;
margin-left: 12px;
}
.footer {
background-color: #141414;
font-size: 10px;
width: 980px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
}
.footer .linkd {
color: #FFFFFF;
padding-bottom: 2px;
padding-left: 2px;
padding-top: 15px;
}
.footer .linkd a {
color: #FFFFFF;
padding-right: 10px;
padding-left: 10px;
}
.footer .linkd a:hover {
color: #E87A0D;
}
.footer .txt {
color: #FFFFFF;
padding-right: 10px;
padding-left: 12px;
padding-bottom: 15px;
padding-top: 2px;
}
.footer .design {
color: #FFFFFF;
padding-bottom: 2px;
padding-top: 15px;
float: right;
padding-right: 12px;
text-transform: uppercase;
font-size: 8px;
font-weight: bold;
letter-spacing: 0.1em;
}
.footer .design a {
color: #FFFFFF;
}
.footer .design a:hover {
color: #E87A0D;
}
.banners {
width: 190px;
margin-top: 10px;
margin-bottom: 20px;
}
.banners .bg {
background-color: #374049;
background-image: url(../images/bg-banners.gif);
text-align: center;
}
.banners .l1 {
background-image: url(../images/bl1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 15px;
}
.banners .l3 {
background-image: url(../images/bl3.gif);
background-repeat: no-repeat;
background-position: left bottom;
height: 15px;
}
.banner {
padding-bottom: 15px;
padding-top: 5px;
}
.banner .title {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.banner .pic {
padding-bottom: 5px;
}
.banner .txt a {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding-top: 5px;
}
.banner .txt a:hover {
color: #FF6600;
}
.banner .txt .orange {
color: #FF6600;
}
.list {
width: 550px;
margin-bottom: 25px;
margin-top: 5px;
}
.list .th {
width: 115px;
}
.list a .name {
font-weight: bold;
font-size: 14px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 23px;
margin-left: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d96640;
padding-bottom: 5px;
color: #FFFFFF;
display: block;
}
.list a:hover .name {
color: #E87A0D;
background-image: url(../images/arrow1.gif);
}
.list .podaci {
width: 100%;
}
.list .text {
font-size: 10px;
font-family: Verdana, Tahoma, Arial, Helvetica, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
width: auto;
}
.list .text p {
margin-top: 0px;
}
.list .text ul {
font-size: 10px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
}
.button {
background-color: #E87A0D;
margin: 0px;
padding: 0px;
}
.button .l1 {
background-image: url(../images/btl1.gif);
background-repeat: no-repeat;
background-position: left top;
width: 7px;
height: 3px;
}
.button .l2 {
background-image: url(../images/btl2.gif);
background-repeat: no-repeat;
background-position: right top;
width: 7px;
height: 3px;
}
.button .l3 {
background-image: url(../images/btl3.gif);
background-repeat: no-repeat;
background-position: left bottom;
height: 3px;
}
.button .l4 {
background-image: url(../images/btl4.gif);
background-repeat: no-repeat;
background-position: right bottom;
height: 3px;
}
.button .txt {
font-family: Verdana, Tahoma, Arial, Helvetica, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-size: 10px;
background-image: url(../images/btarrow.gif);
background-repeat: no-repeat;
background-position: right 4px;
padding-right: 8px;
padding-bottom: 1px;
padding-top: 0px;
padding-left: 0px;
}
.button .txt a {
color: #FFFFFF;
text-decoration: none;
}
.button .txt a:hover {
color: #CC3300;
}
.form {
font-size: 11px;
margin-left: 8px;
}
.list .select {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.list .select .row {
font-size: 12px;
font-weight: bold;
margin-bottom: 6px;
text-align: right;
}
.list .select .row td {
padding-bottom: 5px;
}
.list .select .row td .txt {
padding-top: 2px;
}
.list .select .row .cost {
font-size: 12px;
font-weight: bold;
padding-right: 0px;
padding-top: 8px;
padding-bottom: 8px;
}
.list .select .cost .price {
font-weight: bold;
}
.product {
width: 550px;
margin-bottom: 25px;
margin-top: 5px;
}
.product .th {
width: 240px;
}
.product .th-molecular {
width: 240px;
height: 420px;
background-image: url(../images/x-factor.jpg);
background-repeat: no-repeat;
background-position: left top;
vertical-align: bottom;
}
.product .podaci {
width: 100%;
margin-top: 10px;
}
.product .text {
font-size: 10px;
font-family: Verdana, Tahoma, Arial, Helvetica, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
padding-left: 15px;
width: 100%;
}
.product .text p {
margin-top: 0px;
}
.product .text ul {
font-size: 10px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
}
.product .select {
padding-top: 5px;
text-align: right;
}
.product .select .row {
font-size: 12px;
font-weight: bold;
text-align: right;
margin-bottom: 6px;
}
.product .select .row td {
padding-bottom: 5px;
}
.product .select .cost {
font-size: 12px;
font-weight: bold;
padding-right: 0px;
padding-top: 8px;
padding-bottom: 8px;
}
.product .select .cost .price {
font-weight: bold;
}
.content .testimonial {
color: #FFFFFF;
padding-bottom: 10px;
font-style: italic;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d96640;
margin-bottom: 10px;
width: 550px;
}
.testimonial .th {
margin-bottom: 10px;
margin-right: 10px;
float: left;
}
.content .testimonial p {
margin-top: 0px;
margin-bottom: 10px;
}
.content .testimonial .sign {
font-style: normal;
font-weight: bold;
text-align: right;
margin: 0px;
padding: 0px;
}
.credentials {
width: 550px;
background-image: url(../images/bg-weight.jpg);
background-repeat: no-repeat;
background-position: right 80px;
height: 280px;
margin-bottom: 10px;
}
.credentials .title {
font-size: 22px;
padding-top: 2px;
padding-bottom: 8px;
}
.credentials .cred {
width: 360px;
margin-bottom: 12px;
}
.credentials .cred .th {
width: auto;
padding-right: 12px;
padding-top: 0px;
padding-bottom: 0px;
vertical-align: top;
}
.credentials .cred .text {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #d96640;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
vertical-align: middle;
}
.training {
width: 550px;
margin-bottom: 15px;
}
.training .titlevideo {
font-size: 20px;
padding-top: 12px;
padding-bottom: 18px;
background-image: url(../images/online-video.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 35px;
}
.training .train {
margin-bottom: 12px;
}
.training .train .th {
width: auto;
padding-right: 12px;
padding-top: 0px;
padding-bottom: 0px;
vertical-align: top;
}
.training .train .text {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #d96640;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
vertical-align: top;
}
.training .train .text a, .training .train .text a:hover {
color: #FFFFFF;
}
.training .train .text .title {
font-size: 12px;
font-weight: bold;
padding-top: 0px;
padding-bottom: 15px;
background-image: none;
padding-right: 0px;
padding-left: 0px;
}
.training .train .text a:hover .title {
color: #E87A0D;
}
.training .video {
width: 550px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d96640;
padding-bottom: 15px;
}
.training .video .dist {
width: 35px;
height: 30px;
}
.training .video .th {
padding: 0px;
}
.training .video .title {
font-size: 12px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 0px;
font-weight: bold;
background-image: none;
width: 160px;
margin: 0px;
color: #FFFFFF;
}
.training .video .watch {
font-size: 11px;
}
.training .video .watch a {
color: #FFFFFF;
text-decoration: underline;
background-image: url(../images/watch.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 11px;
}
.training .video .watch a:hover {
color: #E87A0D;
text-decoration: underline;
}
.detail {
width: 550px;
margin-bottom: 15px;
margin-top: 20px;
}
.detail .title {
font-size: 26px;
padding-top: 0px;
padding-bottom: 20px;
}
.detail .title1 {
font-size: 12px;
font-weight: bold;
background-image: url(../images/square.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
color: #ef9c4a;
}
.detail .leftpic {
float: left;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 10px;
}
.detail .rightpic {
float: right;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 10px;
}
.detail .th {
float: right;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 5px;
}
.detail td {
padding-bottom: 10px;
}
.mybasket {
width: 100%;
margin-bottom: 15px;
margin-top: 0px;
}
.mybasket .links {
width: 100%;
margin-bottom: 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d96640;
font-size: 11px;
padding-bottom: 4px;
height: auto;
background-image: none;
}
.mybasket .links a {
color: #E87A0D;
padding-right: 10px;
padding-left: 10px;
}
.mybasket .links a:hover {
color: #FFFFFF;
}
.mybasket .links .back {
font-size: 11px;
background-image: url(../images/back.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 12px;
}
.mybasket .links .bold .back {
padding-left: 20px;
background-position: 8px 2px;
padding-right: 0px;
}
.mybasket .links .bold a {
font-weight: bold;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFFFF;
}
.mybasket .title {
font-size: 20px;
padding-top: 0px;
color: #E87A0D;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 0px;
}
.mybasket .list {
width: 550px;
font-size: 11px;
color: #333333;
line-height: 17px;
margin: 0px;
padding: 0px;
}
.mybasket .list .header td {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
vertical-align: bottom;
padding: 4px;
}
.mybasket .list .a td {
background-color: #FFFFFF;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: middle;
padding-right: 5px;
padding-left: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC3300;
}
.mybasket .list .b td {
background-color: #f5d9cf;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: middle;
padding-right: 5px;
padding-left: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC3300;
}
.mybasket input {
width: 26px;
border: 1px solid #000000;
font-size: 10px;
font-weight: bold;
color: #333333;
text-align: center;
}
.mybasket .footer {
width: 550px;
background-color:transparent;
border-style: none;
font-size: 11px;
margin-top: 12px;
}
.mybasket .footer .total {
font-size: 12px;
font-weight: bold;
padding-right: 15px;
padding-left: 10px;
}
.mybasket .footer .total .sum {
font-size: 16px;
font-weight: bold;
}
.mybasket .footer input {
font-size: 11px;
width: 80px;
margin-right: 8px;
margin-left: 8px;
font-weight: normal;
}
.checkout {
margin-bottom: 15px;
margin-top: 0px;
width: 100%;
}
.checkout .links {
width: 100%;
margin-bottom: 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d96640;
font-size: 11px;
padding-bottom: 4px;
background-image: none;
height: auto;
}
.checkout .links a {
color: #E87A0D;
padding-right: 10px;
padding-left: 10px;
}
.checkout .links a:hover {
color: #FFFFFF;
}
.checkout .links .back {
font-size: 11px;
background-image: url(../images/back.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 12px;
}
.checkout .links .bold .back {
padding-left: 20px;
background-position: 8px 2px;
padding-right: 0px;
}
.checkout .links .bold a {
font-weight: bold;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFFFF;
}
.checkout .title {
font-size: 20px;
padding-top: 0px;
color: #E87A0D;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 0px;
}
.checkout .list {
width: 100%;
font-size: 11px;
color: #333333;
line-height: 17px;
margin: 0px;
padding: 0px;
}
.checkout .list .header td {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
vertical-align: bottom;
padding: 4px;
}
.checkout .list .a td {
background-color: #FFFFFF;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: middle;
padding-right: 5px;
padding-left: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC3300;
}
.checkout .list .a td.clear, .checkout .list .b td.clear {
vertical-align: top;
border: none;
margin: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.checkout .list .clear .a td {
background-color: #FF6600;
vertical-align: top;
border: none;
margin: 0px;
padding: 0px;
}
.checkout .list .b td {
background-color: #f5d9cf;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: middle;
padding-right: 5px;
padding-left: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC3300;
}
.checkout input {
width: 205px;
border: 1px solid #000000;
font-size: 11px;
color: #333333;
margin: 0px;
padding-right: 2px;
padding-left: 2px;
}
.checkout .radio {
width: auto;
border: none;
margin-right: 5px;
margin-left: 2px;
margin-top: auto;
margin-bottom: auto;
}
.checkout .footer {
width: 100%;
background-color:transparent;
border-style: none;
font-size: 11px;
margin-top: 12px;
}
.checkout .footer .total {
font-size: 12px;
font-weight: bold;
padding-right: 15px;
padding-left: 10px;
}
.checkout .footer .total .sum {
font-size: 16px;
font-weight: bold;
}
.checkout .footer input {
font-size: 11px;
width: 80px;
margin-right: 8px;
margin-left: 8px;
font-weight: normal;
}
.checkout .step {
font-size: 15px;
color: #FFFFFF;
padding-left: 20px;
}
.checkout .step a {
color: #E87A0D;
}
.checkout .step a:hover {
color: #FFFFFF;
}
.checkout .totalcost {
font-size: 11px;
font-weight: bold;
padding-right: 10px;
padding-bottom: 20px;
}
.fields {
width: 100%;
}
.fields .dist {
width: 50px;
height: 5px;
}
.fields .title {
color: #E87A0D;
width: 100%;
font-size: 11px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d96640;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
}
.fields .title .error {
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
}
.fields .field {
width: 345px;
font-size: 10px;
margin-bottom: 20px;
}
.contact .fields .field {
width: auto;
font-size: 10px;
margin-bottom: 20px;
color: #FF9900;
}
.fields .field .tx a {
font-size: 10px;
color: #FF9900;
text-decoration: underline;
}
.fields .field .tx a:hover {
color: #FFFFFF;
}
.fields .field .title {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
border: 0px;
margin: 0px;
vertical-align: top;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%;
}
.fields .field .button {
margin-left: 10px;
}
.button .txt-noarrow {
background-image: none;
padding-right: 3px;
padding-left: 3px;
}
.button .txtnoarrow {
font-family: Verdana, Tahoma, Arial, Helvetica, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-size: 10px;
background-image: none;
padding-bottom: 1px;
padding-top: 0px;
padding-right: 3px;
padding-left: 3px;
}
.button .txtnoarrow a {
color: #FFFFFF;
text-decoration: none;
}
.button .txtnoarrow a:hover {

color: #CC3300;
}
.fields .field .star {
font-size: 11px;
float: left;
width: 7px;
}
.checkout select {
border: 1px solid #000000;
font-size: 11px;
color: #333333;
margin: 0px;
}
.qty {
font-size: 12px;
}
.qty input {
width: 20px;
border: 1px solid #999999;
font-size: 11px;
color: #CC3300;
text-align: center;
margin-top: 1px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
}
.qty .txt {
font-size: 12px;
color: #FFFFFF;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-weight: bold;
padding-right: 5px;
padding-top: 2px;
}
.brands {
width: 550px;
margin-bottom: 10px;
}
.brands .brand {
width: auto;
margin-bottom: 20px;
}
.brands .brand .th {
width: auto;
padding-right: 12px;
padding-top: 0px;
padding-bottom: 0px;
vertical-align: top;
text-align: right;
}
.brands .brand .th .link {
padding-top: 3px;
font-size: 10px;
font-weight: bold;
}
.brands .brand .th .link a {
background-image: url(../images/enter.gif);
background-repeat: no-repeat;
background-position: right 3px;
padding-right: 10px;
}
.brands .brand .th .link a:hover {
background-image: url(../images/enter1.gif);
}
.brands .brand .text {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
vertical-align: top;
}
.brands .brand .text p {
margin-top: 0px;
margin-bottom: 0px;
}
.contactus {
width: 550px;
background-image: url(../images/bg-weight.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height: 330px;
margin-bottom: 10px;
margin-top: 20px;
}
.contactus .title {
font-size: 14px;
padding-top: 2px;
padding-bottom: 8px;
border: none;
}
.contactus .mob {
font-size: 12px;
font-weight: bold;
color: #E87A0D;
}
.contactus a {
text-decoration: underline;
}
.contactus input, .contactus textarea {
width: 190px;
border: 1px solid #000000;
font-size: 11px;
color: #333333;
margin: 0px;
padding-right: 2px;
padding-left: 2px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
}
.contactus .fields .field .title {
color: #FFFFFF;
font-size: 11px;
border: 0px;
margin: 0px;
vertical-align: top;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%;
font-weight: normal;
}
.links {
width: 550px;
background-image: url(../images/bg-weight.gif);
background-repeat: no-repeat;
background-position: right top;
height: 330px;
margin-bottom: 10px;
margin-top: 20px;
}
.link {
margin-bottom: 32px;
}
.link .title {
font-size: 14px;
padding-top: 2px;
padding-bottom: 0px;
border: none;
font-weight: bold;
color: #E87A0D;
}
.link a {
text-decoration: underline;
}
.link .txt {
margin-bottom: 12px;
}
.ordernumber {
display: inline;
}
.ordernumber a {
background-color: #FFFFFF;
font-weight: bold;
width: auto;
display: inline;
font-size: 12px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border: 1px solid #CC3300;
color: #333333;
}
.ordernumber a:hover {
color: #CC3300;
}