html {
overflow-y: scroll;
margin: 0;
padding: 0;
}
body {
color: #555;
font-family: Open Sans,Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
font-size:14px;
background-image: url('../image/background.jpg');
background-color:#f5f5f5;
background-repeat:repeat-x-y;
background-position:center top;
}
body, td, th, input, textarea, select, a {
line-height:19px;
}
.hov{
position:relative;
}
.customborder{
padding:30px;
border-radius:5px;
font-size:14px;
text-align:center;
}
.customborder h1{
font-size:28px; font-weight:800; text-transform:uppercase; line-height:30px;
}
h1, .welcome {
color: #444;
font-family:Open Sans;
margin-top: 0px;
margin-bottom: 20px;
font-size: 32px;
font-weight: normal;
text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
.customblock{
padding:15px 0px 15px;
}
.customblock img{
max-width:100%;
height:auto;
}
.customblock p{
margin:0px;
}
.boxcarousel{ margin:30px 0px; }
.msg{
padding:10px 0px 0px 0px;
color:#00f900;
font-size:11px;
}
#newsletter{
font-size:14px;
line-height:22px;
}
#newsletter h2{
font-size:24px;
font-weight:800;
}
.newslettersignup input[type="text"]{
background: #fff;
border:1px solid #ccc;
padding: 5px 5px 5px 15px;
width: 260px;
float:left;
font-size:11px;
margin-right:0px;
margin-top:15px;
height: 28px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.span45 .newslettersignup input[type="text"]{
width:200px
}
.newslettersignup .button{
height:40px;
position:relative;
margin-top:15px;
left:-40px;
line-height:30px;
padding:5px 30px;
-moz-border-radius: 0px 30px 30px 0px;
border-radius: 0px 30px 30px 0px;
}
.socialico a{
margin-top:15px;
display:block;
float:left;
margin-right:15px;
width:45px;
height:45px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.socialfacebook{background:url(../image/socialfacebook.png) 0px 0px no-repeat; }
.socialtwitter{background:url(../image/socialtwitter.png) 0px 0px no-repeat;}
.socialvimeo{background:url(../image/socialvimeo.png) 0px 0px no-repeat; }
.socialskype{background:url(../image/socialskype.png) 0px 0px no-repeat;}
.socialpinterest{background:url(../image/socialpinterest.png) 0px 0px no-repeat; }
.socialico a span{
width:16px; margin:15px 0px 0px 15px;display:block;height:16px;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;
}
.socialico a:hover {
}
.socialico a:hover span{
background-position:0px -16px;
}
.err{
padding:10px 0px 0px 0px;
color:#f90000;
font-size:11px;
}
.magaribaner {
width:100%;
background-repeat:no-repeat;
background-position:center top;
margin-top:0px;
z-index:1;
}
.rowm{
margin-left:-20px;
}
.manf{
float:left; margin-left:20px; margin-top:10px; width:83px;
}
.manf img{ width:103px;}
.bannercontainer h1{font-size:67px; font-weight:800; font-family:"Open Sans"; line-height:72px; margin-bottom:10px; letter-spacing:-1px;}
.bannercontainer h2{color:#666; font-size:30px; font-weight:300; font-family:"Open Sans"; line-height:30px; margin-bottom:20px; padding-bottom:25px; letter-spacing:-1px; background:url(../image/hhr.png) bottom left no-repeat;}
.bannercontainer p{ margin:0px; font-size:13px; line-height:20px; color:#777;}
.bannercontainer .button{ color:#fff; background:#ff6a4d;}
.bannercontainer:hover .button{background-color:#333;}
#about h2{
font-size:22px;
font-weight:normal;
}
.slides li{
position:relative;
}
.onhover {
float:left;
text-align:center;
width:100%;
opacity:0;
}
.onhover .button {
text-align:center;
font-size:11px;
font-weight:800px;
letter-spacing:0px;
padding:7px 20px;
margin-top:10px;
height:35px;
line-height:11px;
display:inline-block;
color:#ffffff;
text-transform:uppercase;
}
.onhover div.cart, .onhover div.show {
margin-right:3px;
display:inline-block;
}
.on_sale {
position:absolute;
top:10px;
left:10px;
display: inline-block;
text-align:center;
font-size: 10px;
font-weight:bold;
color: #fff;
z-index:3;
padding:11px 10px 9px 10px;
width:22px;
height:22px;
-moz-border-radius: 40px;
border-radius: 40px;
text-transform: uppercase;
}
h2 {
color: #444;
font-size: 16px;
font-family:Open Sans;
margin-top: 0px;
margin-bottom: 5px;
}
p {
margin-top: 0px;
margin-bottom: 20px;
}
a, a:visited, a b {
color:#666;
cursor: pointer;
text-decoration:none;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input[type='text'], input[type='password'], textarea {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}
select {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 2px;
}
label {
cursor: pointer;
}
/* layout */
#page {
width: 1038px;
margin-left: auto;
margin-right: auto;
text-align: left;
background:none;
}
#contain {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
position:relative;
}
#contain .wrap{
width: 978px;
margin-left: auto;
padding:0px 0px;
margin-right: auto;
}
.scentitle{
padding:20px 0px;
margin:0px auto;
width:978px;
}
.scentitle h1{font-size:44px; font-weight:800; line-height:44px; color:#444;}
.adres{
border:1px solid #ddd;
padding:20px;
}
.adres td{ padding:20px;}
.adres td.right{ text-align:right;}
#containc {
width: 978px;
margin-left: auto;
margin-right: auto;
position:relative;
text-align: left;
margin-top:40px;
}
#container{
position:relative;
width: 978px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#headercontainer{
width: 100%;
margin-left: auto;
height:131px;
position:relative;
margin-bottom:0px;
margin-right: auto;
text-align: left;
background:#fff;
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
box-shadow: 0px -0px 3px #ccc;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
#column-left {
float: left;
width: 222px;
}
#column-right {
float: right;
width: 222px;
}
#content {
padding:30px 0px;
}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 195px;
}
#column-right + #content {
margin-right: 195px;
}
/* header */
#header {
height: 75px;
margin:0px auto;
width:978px;
position: relative;
z-index:100;
}
#topcontainer{
width:100%;
height:40px;
margin:0px auto;
background:url(../image/topstrip.png);
display:block;
}
#topcontainer .wrap{
width:978px;
margin:0px auto;
position:relative;
}
#header #logo {
position: absolute;
top: 44px;
left: 0px;
}
#language {
float:left;
margin-top:5px;
color: #999;
line-height: 17px;
margin-right:40px;
}
#language a{
display: inline-block;
width:28px;
height:28px;
text-align:center;
float:left;
color: #aaa;
text-transform:uppercase;
font-size:11px;
text-decoration: none;
margin-right: 5px;
margin-bottom: 2px;
}
#language a img{ padding:6px 0px 0px 0px;}
#language a.active {
color:#000;
display:block;
text-align:center;
background:#fff;
border:1px solid #ddd;
text-decoration: none;
-moz-border-radius: 15px;
border-radius: 15px;
}
#currency {
margin-top:5px;
float:left;
margin-right:40px;
}
#currency a{
display: inline-block;
width:28px;
height:23px;
text-align:center;
float:left;
color: #666;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
text-decoration: none;
margin-right: 5px;
margin-bottom: 2px;
}
#currency a { padding:5px 0px 0px 0px;}
#currency a.active {
color:#000;
display:block;
text-align:center;
background:#fff;
font-weight:bold;
height:24px;
border:1px solid #ddd;
text-decoration: none;
padding:3px 0px 0px 0px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#header #cart {
float:right;
margin-left:30px;
right: 0px;
z-index: 115;
padding:5px 5px 5px 14px;
margin-top:45px;
height:30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#header #cart .heading {
float: right;
margin-right: 0px;
margin-top: 6px;
padding-bottom:30px;
font-weight:bold;
font-size:12px;
position: relative;
z-index: 1;
}
#header #cart .heading img{ margin-top:-4px; margin-right:5px;}
#header #cart .heading h4 {
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
#header #cart .heading a span {
color:#fff;
padding: 15px 15px 15px 7px;
}
#header #cart .content {
clear: both;
display: none;
position: absolute;
top: 90px;
right:0px;
padding: 10px 10px 10px 10px;
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
box-shadow: 0px 0px 3px #ccc;
z-index:120 !important;
width:450px;
background: #FFF;
}
#header #cart.active .heading {
padding-bottom:30px;
}
#header #cart.active {
z-index: 500;
}
#header #cart.active .content {
display: block;
}
.mini-cart-info table {
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
.mini-cart-info td {
color: #000;
vertical-align: middle;
padding: 10px 5px;
}
.mini-cart-info a{
color:#333;
}
.mini-cart-info .price,
.mini-cart-total .price{
font-family:"Open Sans";
}
.mini-cart-info .image {
width: 60px;
}
.mini-cart-info .image img {
text-align: left;
}
.mini-cart-info .name small {
color: #666;
}
.mini-cart-info .quantity {
text-align: right;
}
.mini-cart-info td.total {
text-align: right;
}
.mini-cart-info .remove {
text-align: right;
}
.mini-cart-info .remove img {
cursor: pointer;
margin-top:-3px;
}
.mini-cart-total {
float:left;
width:100%;
text-align: right;
padding-top:10px;
border-top:1px solid #e3e3e3;
}
.mini-cart-total table {
border-collapse: collapse;
display: inline-block;
margin-bottom: 5px;
}
.mini-cart-total td {
color: #000;
padding: 4px;
}
#header #cart .checkout {
text-align: center;
float:left;
width:100%;
margin-top:0px;
background:#f1f1f1;
padding:20px 0px 20px 0px;
border:1px dotted #ddd;
clear: both;
}
#header #cart .checkout a{
padding:10px 25px;
font-weight:800;
font-size:12px;
color:#fff;
text-decoration:none;
-moz-border-radius: 30px;
border-radius: 30px;
}
#header #cart .checkout a.ct{
margin-right:30px;
}
#header #cart .checkout a:hover{
background:#555;
}
#header #cart .empty {
padding-top: 0px;
text-align: center;
}
#header #search {
float:right;
top: 0px;
position:relative;
height:131px;
border-right:1px solid #eee;
width: 288px;
z-index: 15;
}
#header #phone {
float:right;
top: 44px;
position:relative;
z-index: 15;
text-align:right;
font-weight:800;
font-size:16px;
}
#header #phone span{ font-size:12px; text-align:right; font-weight:normal; color:#666666;}
#header .button-search {
position: relative;
right:45px;
float:right;
width: 17px;
height: 16px;
top:57px;
border:none;
cursor: pointer;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;
}
#header .button-search:hover {
background-position:0px -16px;
}
#header #search input {
background: #f3f3f3;
border:none;
padding: 5px 5px 5px 15px;
width: 200px;
float:right;
font-size:11px;
margin-right:15px;
margin-top:45px;
height: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#topcontainer #welcome {
float:right;
padding-top:10px;
font-size:11px;
text-align: right;
color: #999999;
}
#topcontainer #welcome a{
font-weight:bold;
color:#777;
font-size:11px;
text-transform:uppercase;
}
.bg{
width:100%;
margin:0px auto;
background:#fff;
border-bottom:1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius:5px;
}
.mb{margin-bottom:30px;}
.shadow{
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
box-shadow: 0px 0px 3px #ccc;
}
.span3 .bg{
border:none;
}
.span3 .shadow, .span9 .shadow{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#topcontainer .links {
float:left;
padding-top:11px;
width:300px;
height:16px;
padding-right: 0px;
}
#topcontainer .links a {
float: left;
display: block;
height:16px;
color: #999;
line-height:16px;
text-decoration: none;
font-size: 11px!important;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;
}
#topcontainer .links a + a {
margin-left: 20px;
}
#topcontainer .links .wishlistico:hover,
#topcontainer .links .accountico:hover,
#topcontainer .links .checkoutico:hover
{ background-position:0px -16px;}
#menucontainer{
background-image:url(../image/menu.png);
background-repeat:repeat-x;
z-index:1;
width:100%;
margin:0px auto;
height:50px;
position:relative;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
#menucontainerwrap{
margin:0px auto;
}
/* menu */
#menu {
width:978px;
height:50px;
margin:0px auto;
margin-bottom: 15px;
padding: 0px 0px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index:100000;
z-index: 20;
padding: 1px 0px 0px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
font-size: 12px;
color: #555;
font-family:"Open Sans";
line-height: 14px;
font-weight:800!important;
text-transform:uppercase;
text-decoration: none;
display: block;
padding:17px 16px 18px 16px;
margin-bottom: 0px;
border-right:1px solid #ddd;
z-index: 6;
position: relative;
}
.bg #about,
.bg #banners
{
padding:30px 0px;
}
#menu > ul > li:last-child > a {
border:none;
}
#menu > ul > li:hover > a {
}
#menu > ul > li.homelink> a{
margin-left:6px;
padding:16px 16px 16px 16px;
}
#menu > ul > li ul > li > a:hover {
}
#menu > ul > li > div {
display: none;
background-image:url(../image/gradient.png) repeat-x-y;
background-color:#fff;
position: absolute;
z-index: 5000000;
margin-top:0px;
margin-left:-1px;
padding: 15px 0px 0px 0px;
border: 1px solid #ddd;
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
#menu > ul > li:first-child > div {
}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
}
#menu > ul > li ul + ul {
padding-left: 0px;
}
#menu > ul > li ul > li {
margin-bottom:15px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
padding: 5px 15px 10px 15px;
color: #555;
font-weight:bold;
background:none;
display: block;
font-size:14px;
white-space: nowrap;
width: 160px;
}
#menu .submenu li{ margin:0px; padding:0px;}
li li li li {
margin-bottom:0px!important;
}
#menu a{
transition:color 0.5s;
-moz-transition:color 0.5s; /* Firefox 4 */
-webkit-transition:color 0.5s; /* Safari and Chrome */
-o-transition:color 0.5s; /* Opera */
}
#menu .submenu a, li li li li a{ font-size:12px!important; font-weight:normal; border:none;padding:0px 5px 5px 15px; width:160px!important; }
#menu li li li li {border:none; }
#totop{
position:fixed;
bottom:10px;
right:10px;
display:none;
}
#menu > ul > li > div > ul > li > a {
color: #333;
}
.breadcrumb {
color: #CCCCCC;
margin-bottom: 10px;
}
.success, .warning, .attention, .information {
padding: 10px 10px 10px 30px;
margin-bottom: 10px;
margin-top:20px;
color: #555555;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success {
background:#fff;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
padding:50px;
left:50%;
top:22%;
font-size:14px;
color:#333;
margin-left:-200px;
-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 0px 20px rgba(0, 0, 0, 0.4);
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.4);
width:300px;
z-index:26000;
position:absolute;
}
.warning {
background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
border: 1px solid #F8ACAC;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.attention {
background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
border: 1px solid #F2DD8C;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
float: right;
position:absolute;
top:20px;
right:20px;
cursor: pointer;
}
.required {
color: #FF0000;
font-weight: bold;
}
.error {
display: block;
color: #FF0000;
}
.help {
color: #999;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
display: block;
}
table.form {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table.form tr td:first-child {
width: 150px;
}
table.form > * > * > td {
color: #000000;
}
table.form td {
padding: 5px 0px;
}
table.list {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
table.list td {
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
background-color: #EFEFEF;
padding: 0px 5px;
}
table.list thead td a, .list thead td {
text-decoration: none;
color: #222222;
font-weight: bold;
}
table.list tbody td {
padding: 0px 5px;
}
table.list .left {
text-align: left;
padding: 7px;
}
table.list .right {
text-align: right;
padding: 7px;
}
table.list .center {
text-align: center;
padding: 7px;
}
table.radio {
width: 100%;
border-collapse: collapse;
}
table.radio td {
padding: 5px;
}
table.radio td label {
display: block;
}
table.radio tr td:first-child {
width: 1px;
}
table.radio tr td:first-child input {
margin-top: 1px;
}
table.radio tr.highlight:hover td {
background: #eee;
cursor: pointer;
}
.pagination {
padding-top: 8px;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.pagination .links {
float: left;
border:1px solid #ddd;
}
.pagination .links a {
display: inline-block;
margin:0px;
padding: 10px 14px;
text-decoration: none;
color: #999;
}
.pagination .links b {
display: inline-block;
margin-right:0px;
padding: 10px 14px;
background:#eee;
text-decoration: none;
color: #333;
}
.pagination .results {
float: right;
padding-top: 3px;
}
/* button */
a.button, input.button {
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Open Sans;
font-size: 12px;
font-weight: 800;
text-transform:uppercase;
padding:15px 30px;
transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */
-moz-border-radius: 5px;
border-radius: 5px;
}
a.button:hover, input.button:hover {
background: #333;
}
a.button {
display: inline-block;
text-decoration: none;
}
input.button {
margin: 0;
border: 0;
}
a.button:hover, input.button:hover {
background-position: 0px -24px;
}
.buttons {
overflow: auto;
padding: 0px;
margin-bottom: 20px;
}
.buttons .left {
float: left;
text-align: left;
}
.buttons .right {
float: right;
text-align: right;
}
.buttons .center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.box-product .pro { float:left; width:135px; margin-right:10px; text-align:center; height:220px;}
.box-product .pro .price {width:100%; text-align:center;}
.box-product .pro .price-new{ font-size:15px;}
.box-product .pro .imag img{width:80px;height:80px;}
.box-product .pro .button {font-size:11px; padding:5px 10px;}
.htabs {
margin-top:20px;
height: 30px;
line-height: 16px;
}
.htabs a {
font-family:Open Sans;
display:block;
padding:5px 9px 9px 9px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
font-size:12px;
color:#999;
float:left; position:relative;
top:2px;
}
.htabs a.selected {
font-weight:800;
position:relative;
}
.tab-content {
padding:30px 0px; font-size: 12px; line-height:19px;
margin-bottom:0px;
background:#ffffff;
float:left; width:100%;
border-top:2px solid #cccccc;}
.tabstylec .htabs a {
display:block;
padding:5px 9px 9px 9px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
font-size:11px;
color:#999;
position:relative;
top:3px;
float:left;
}
.tabstylec .htabs a.selected {
color:#333;
font-weight:bold;
background:none;
border:none;
border-bottom:3px solid #31b9ff;
}
.tabstylec .tab-content {
padding:0px;
border:none;
-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow:none;
width:100%;
}
img{max-width:100%;}
.tabstyleb .htabs a {
display:block;
padding:5px 9px 9px 9px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
font-size:11px;
color:#999;
position:relative;
top:3px;
float:left;
}
.tabstyleb .htabs a.selected {
color:#333;
font-weight:bold;
background:none;
border:none;
border-bottom:3px solid #31b9ff;
}
.tabstyleb .tab-content {
padding:30px 0px; font-size: 12px; line-height:19px;
-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow:none;
margin-bottom:0px;
background:none;
float:left; width:475px;
border:none;
border-top:3px solid #eee;}
.box2{
margin-bottom: 20px;
position:relative;
margin:0px auto;
width:978px;
padding-top:20px;
padding-bottom:20px;
}
/* box */
.box {
margin-bottom: 20px;
position:relative;
margin:0px auto;
width:978px;
padding-top:20px;
padding-bottom:20px;
}
.boxn {
margin-bottom: 20px;
position:relative;
margin:0px auto;
width:978px;
padding-top:0px;
padding-bottom:0px;
}
.span3 .box2,
.span3 .box,
.span3 .boxn{
width:222px;
padding-top:15px;
padding-bottom:15px;
}
.span9 .box,
.span9 .boxn{
width:726px;
}
.box .box-heading {
margin-bottom:15px;
text-transform:uppercase;
font-family:"Open Sans";
font-size: 14px;
font-weight: 800;
line-height: 14px;
padding-bottom:15px;
border-bottom:1px solid #ddd;
}
.span3 .box2,
.span3 .box,
.span3 .boxn{
width:222px;
}
.span3 .box .box-heading {
padding:13px 15px;
font-size:11px;
border-bottom:1px solid #ddd;
color:#fff;
margin-bottom:0px;
-webkit-border-radius: 5px 5px 0px 0;
-moz-border-radius: 5px 5px 0px 0;
border-radius: 5px 5px 0px 0;
}
.span3 .box .box-content {
position:relative;
padding: 0px;
background:#f9f9f9;
border-bottom:2px solid #ddd;
}
.span3 .box2 .box-heading {
padding:15px 15px 12px 15px;
font-size:14px;
border:none;
font-weight:bold;
color:#fff;
margin-bottom:0px;
-webkit-border-radius: 5px 5px 0px 0;
-moz-border-radius: 5px 5px 0px 0;
border-radius: 5px 5px 0px 0;
}
.span3 .box2 .box-content {
position:relative;
padding: 0px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
ul.box-category > li {
padding: 10px 10px 10px 15px;
}
.flex-direction-nav{
position:absolute;
top:-5px;
height:25px;
width:100px;
list-style-type:none;
margin:0px;
right:0px;
display:block;
}
.flex-direction-nav a{ float:right; margin-left:20px; text-indent: -9999px; }
.flex-direction-nav .flex-prev{ right:40px; position:absolute; width:25px;height:25px; background:url(../image/prev.png) no-repeat; display:block; }
.flex-direction-nav .flex-next{ right:0px; position:absolute; width:25px;height:25px; background:url(../image/next.png) no-repeat; display:block; }
.flex-direction-nav .flex-disabled{ opacity: 0.4!important; filter:alpha(opacity=40); cursor: default;} }
.box .box-content {
background: #FFFFFF;
position:relative;
padding: 0px;
}
.opac{ opacity: 0.4!important; filter:alpha(opacity=40); cursor: pointer;} }
/* box products */
.box-product {
width: 100%;
}
.box-product ul {
margin:0px;
}
.pavblog-latest ul.slides li {
width: 220px;
padding:1px;
float:left;
display:block;
vertical-align: top;
text-align:left;
margin-left: 30px;
margin-right:0px;
margin-bottom: 0px;
height:auto;
overflow:hidden;
position:relative;
}
.pavblog-latest ul.slides li .im{ position:relative;}
.pavblog-latest ul.slides li .im .created{ position:absolute; top:0px; right:0px; z-index:100; font-size:10px; padding:3px 5px; color:#fff; -webkit-border-radius: 0px 0px 0px 5px;
-moz-border-radius:0px 0px 0px 5px;
border-radius:0px 0px 0px 5px; }
.box-product ul.slides li ,.product-grid > div.hov {
width: 219px;
float:left;
display:block;
vertical-align: top;
text-align:left;
margin-left: 30px;
margin-right:0px;
padding:0px;
border:1px solid #fff;
margin-bottom: 30px;
height:auto;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
border-radius:3px;
height:455px;
overflow:hidden;
position:relative;
border-color:#fff;
transition: all 0.5s ease;
}
.product-list .hov{
position:relative;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
border-radius:3px;
padding:1px;
transition: border-color 0.5s ease;
border-color:#fff;
}
.product-list div.hov:hover
{
padding:0px;
}
.product-list .onhover{ display:none;}
.product-list .hov .name a{
margin-top:20px;
display:block;
}
.box-product ul.slides li img.pro {
width:100%;
height:auto;
}
.box-product ul.slides li:hover,
.product-grid > div.hov:hover
{
text-align:center;
padding:0px;
}
.box-product ul.slides li:hover .desc,
.product-grid > div.hov:hover .desc
{
display:none;
}
div.hov:hover .onhover,
.box-product ul.slides li:hover .onhover{
opacity:1;
}
.box-product ul.slides li:hover .price {
font-size:18px;
}
.box-product ul.slides li:hover .name a {
margin-bottom:2px;
}
.mbottom li{ margin-bottom:20px!important;}
#column-left + #column-right + #content .box-product > li {
width: 222px;
}
.box-product .image,
.product-grid > div.hov .image{
position:relative;
display: block;
margin-bottom: 10px;
}
.box-product img.pro {
margin-bottom:20px;
}
.box-product .name a,.product-grid > div.hov .name a {
color: #555;
font-size:14px;
font-weight: bold;
font-family:Open Sans;
text-decoration: none;
display: block;
margin-bottom:12px;
}
.box-product .price, .product-grid > div.hov .price {
display: block;
font-weight: bold;
font-family:Open Sans;
font-size:30px;
margin-bottom: 4px;
}
.box-product .price-old, .product-grid > div.hov .price-old{
color: #F00;
text-decoration: line-through;
}
.box-product .price-new, .product-grid > div.hov .price-new {
font-weight: bold;
}
.box-product .rating, .product-grid > div.hov .rating {
display: block;
margin-top: 8px;
}
/* box category */
ul.box-category, ul.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.box-category > li + li {
border-top: 1px solid #EEEEEE;
}
ul.box-category > li > a {
text-decoration: none;
color: #333;
}
ul.box-category > li ul {
display: none;
}
ul.box-category > li a.active {
font-weight: bold;
}
ul.box-category > li a.active + ul {
display: block;
}
ul.box-category > li ul > li {
padding: 5px 5px 0px 10px;
}
ul.box-category > li ul > li > a {
text-decoration: none;
display: block;
}
ul.box-category a{
transition:color 0.5s;
-moz-transition:color 0.5s; /* Firefox 4 */
-webkit-transition:color 0.5s; /* Safari and Chrome */
-o-transition:color 0.5s; /* Opera */
}
ul.box-category a:hover {
color:#ff4d30;
}
ul.box-category > li ul > li > a.active {
font-weight: bold;
}
/* box filter */
ul.box-filter, ul.box-filter ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.box-filter span {
font-weight: bold;
display: block;
padding-bottom: 0px;
margin-bottom: 5px;
}
.scen .wrap{
width:978px;
margin:0px auto;
text-align:left;
padding-top:20px;
padding-bottom:20px;
}
.scen .wrap h1{ font-size:43px; margin-bottom:7px;display:block; line-height:46px; font-weight:800; }
.scen .wrap p {width:auto; display:block; line-height:18px; font-size:14px; margin-bottom:2px;}
ul.box-filter > li ul {
padding-bottom: 10px;
}
#button-filter{margin-top:20px;}
/* content */
#content .content {
padding: 10px 0px;
overflow: auto;
margin-bottom: 20px;
}
#content .content .left {
float: left;
width: 300px;
}
#content .content .right {
float: right;
width: 300px;
}
/* category */
.category-info {
overflow: auto;
margin-bottom: 20px;
}
.category-info .image {
float: left;
padding: 5px;
margin-right: 15px;
border: 1px solid #E7E7E7;
}
.category-list {
overflow: auto;
margin-bottom: 0px;
}
.category-list ul {
float: left;
margin-left:0px;
margin-top:15px;
}
.category-list li{
float:left;
list-style-type:none;
margin-bottom:20px;
margin-right:10px;
}
.category-list a{
border:1px solid #e3e3e3;
background:#f3f3f3;
padding:5px 10px;
}
.category-list a:hover{
border:1px solid #ccc;
background:#f3f3f3;
padding:5px 10px;
}
/* manufacturer */
.manufacturer-list {
border: 1px solid #DBDEE1;
padding: 5px;
overflow: auto;
margin-bottom: 20px;
}
.manufacturer-heading {
background: #F8F8F8;
font-size: 15px;
font-weight: bold;
padding: 5px 8px;
margin-bottom: 6px;
}
.manufacturer-content {
padding: 8px;
}
.manufacturer-list ul {
float: left;
width: 25%;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
}
/* product */
.product-filter {
border-bottom: 1px dotted #ddd;
padding:0px 0px 10px 0px;
overflow: auto;
margin-bottom:30px;
}
.product-filter select{
width:90px;
height: 30px;
line-height:30px;
margin:0px 0px 0px 10px;
}
.product-filter .display {
margin-right: 15px;
float: left;
padding-top: 5px;
color: #777;
}
.product-filter .display img {
margin-left:10px;
}
.product-filter .sort {
float: right;
color: #777;
}
.product-filter .limit {
margin-left: 15px;
float: left;
color: #777;
}
.product-filter .limit select{
width:60px;
}
.product-compare {
padding-top: 5px;
margin-bottom: 0px;
font-weight: bold;
margin-left:15px;
float:right;
text-align:right;
}
.product-compare a {
text-decoration: none;
font-weight: bold;
color:#fff !important;
font-size:10px;
text-transform:uppercase;
font-family:Open Sans;
padding:8px 20px;
transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.product-compare a:hover {
background:#333;
}
.product-list > div {
overflow: auto;
margin-bottom: 15px;
}
.product-list .right {
float: right;
margin-left: 15px;
}
.product-list .left {
float: left;
width:100%;
overflow:hidden;
position:relative;
}
.product-list > div + div {
border-top: 1px solid #EEEEEE;
padding-top: 16px;
}
.product-list .image {
float: left;
width:220px;
margin-right: 30px;
}
.product-list .image img {
border:none;
}
.product-list .name {
margin-bottom: 10px;
}
.product-list .name a {
color: #555;
font-weight: normal;
font-size:15px;
font-family:Open Sans;
text-decoration: none;
}
.product-list .description {
line-height: 15px;
margin-bottom: 5px;
font-size:12px;
color: #4D4D4D;
}
.product-list .rating {
color: #7B7B7B;
}
.product-list .price {
display: block;
font-weight: normal;
font-family:Open Sans;
color: #ff3904;
font-size:18px;
margin-top:30px;
margin-bottom: 4px;
}
.product-list .price-old {
color: #F00;
text-decoration: line-through;
}
.product-list .price-new {
font-weight: bold;
}
.product-list .price-tax {
font-size: 12px;
font-weight: normal;
color: #BBBBBB;
}
.product-list .carth {
margin-bottom: 3px;
position:relative;
right:0px;
float:right;
top:-30px;
}
.carth .button{
width:90px;
text-align:center;
}
.product-grid {
margin-left: -30px;
*zoom: 1;
}
#column-left + #column-right + #content .product-grid > div {
width: 125px;
}
.product-grid .image {
display: block;
margin-bottom: 0px;
}
.product-grid .image img {
padding: 0px;
margin-bottom:10px;
border:none
}
.product-grid .name a {
color: #555;
font-size:14px;
font-weight: normal;
font-family:Open Sans;
text-decoration: none;
display: block;
margin-bottom: 10px;
}
.product-grid .description {
display: none;
}
.product-grid .rating {
display: block;
margin-bottom: 4px;
}
.product-grid .price {
display: block;
font-weight: normal;
font-family:Open Sans;
color: #ff3904;
font-size:18px;
margin-bottom: 4px;
}
.product-grid .price-old {
color: #F00;
text-decoration: line-through;
}
.product-grid .price-new {
font-weight: bold;
}
.product-grid .price .price-tax {
display: none;
}
.product-grid .cart {
margin-bottom: 3px;
}
.product-grid .wishlist, .product-grid .compare {
}
.product-list .wishlist a, .product-grid .wishlist a, .onhover .wishlist a,.product-info .wishlist a {
color: #555;
text-align:center;
width:16px;
height:16px;
float:left;
display:block;
text-decoration: none;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;
}
.wishcomp{
text-align:center;
width:50px;
margin:10px auto;
}
.product-list .wishlist a:hover,.product-grid .compare a:hover, .onhover .compare a:hover ,.product-info .compare a:hover, .product-info .wishlist a:hover,
.product-list .compare a:hover,.product-grid .wishlist a:hover, .onhover .wishlist a:hover {
background-position:0px -16px;
}
.product-list .compare a,.product-grid .compare a, .onhover .compare a, .product-info .compare a {
color: #555;
width:16px;
height:16px;
display:block;
float:right;
text-decoration: none;
font-size:10px;
text-align:center;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;
}
.product-list .wishcomp{
text-align:center;
display:block; width:60px;
margin:12px auto;
margin-left:30px;
float:left;
}
.product-list .cart{
margin-top:15px;
float:left;
}
/* Product */
.product-info {
margin-bottom: 20px;
}
.product-info > .left {
float: left;
margin-right: 15px;
}
.product-info > .left + .right {
margin-left: 265px;
}
.product-info .image {
float: left;
margin-bottom: 20px;
padding: 0px;
width:474px;
text-align: center;
}
.product-info h1{
margin:0px 0px 0px 0px;
float:left;
font-size:24px;
line-height:28px;
}
.product-info .image-additional {
width: 474px;
margin-left:0px;
clear: both;
overflow: hidden;
margin-bottom:0px;
}
.product-info .image-additional img {
width:64px;
height:64px;
}
.product-info .image-additional a {
float: left;
display: block;
border: 1px solid #E7E7E7;
padding:2px;
margin-right: 0px;
margin-bottom: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.product-info .title {
padding: 0px;
overflow:hidden;
margin-bottom: 0px;
}
.product-info .description {
padding: 0px;
margin-bottom: 10px;
line-height: 23px;
color: #999;
font-size:12px;
}
.product-info .description span {
}
.product-info .description a {
color: #4D4D4D;
font-weight:bold;
font-size:12px;
text-decoration: none;
}
.product-info .price {
overflow: auto;
display:block;
padding:15px;
text-align:center;
background-color:#ffebe5;
border:1px solid #e9bfb3;
margin-bottom: 0px;
font-size: 15px;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.product-info .price_old {
font-size:12px;
text-decoration: line-through;
}
.lab{
margin-top:6px;
width:100%;
text-align:center;
display:block;
position:relative;
}
.finish{
margin-top:15px;
margin-bottom:30px;
overflow:hidden;
}
.product-info .price-new {
font-weight: bold;
font-family:Open Sans;
font-size:33px;
line-height:33px;
margin-bottom: 0px;
}
.product-info .price-tax {
font-size: 12px;
font-weight: normal;
}
.product-info .price .reward {
font-size: 12px;
font-weight: normal;
}
.product-info .price .discount {
font-weight: normal;
font-size: 12px;
}
.product-info .options {
border-bottom: 1px solid #E7E7E7;
border-top: 1px solid #E7E7E7;
display:block;
overflow:hidden;
width:100%;
padding: 10px 0px 0px 0px;
margin-bottom: 15px;
color: #000000;
}
.product-info .option {
margin-bottom:0px;
}
.product-info .option select{display:block; width:100%;}
.product-info .option textarea,
.product-info .option input[type='text']
{
width:94%!important; display:block;
}
.alignright{
text-align:right;
}
.product-info .option-image {
margin-top: 3px;
margin-bottom: 10px;
}
.product-info .option-image label {
display: block;
width: 100%;
height: 100%;
}
.product-info .option-image img {
margin-right: 5px;
/* border: 1px solid #CCCCCC;
*/ cursor: pointer;
}
.product-info .cart {
margin-top: 15px;
float:left;
width:100%;
color: #4D4D4D;
}
.product-info .qty {
margin-top: 15px;
float:left;
width:100%;
display:block;
color: #4D4D4D;
}
.product-info select{ width:150px;}
#q_modify{width:150px; margin:0px auto; overflow:hidden;}
.product-info .qty #q_up,
.product-info .qty #q_down
{
border:1px solid #ddd;
display:block;
font-size:20px;
padding:5px 5px 5px 5px;
line-height:20px;
background:#eee;
margin-left:0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.product-info .qty #q_down{float:left;}
.product-info .qty #q_up{float:right;}
.product-info .qty input{ width:30px; text-align:center; margin:0px auto; margin-left:22px;}
.product-info .cart .button{ width:100%; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.product-info .cart div > span {
color: #999;
}
.product-info .cart .links {
margin-top:10px;
}
.product-info .cart .links a{
width:140px;
display:block;
color: #555;
background:#e6e6e6;
padding:4px 10px;
text-decoration: none;
font-size:10px;
float:right;
text-align:center;
font-size:10px;
text-transform:uppercase;
margin-bottom:10px;
}
.product-info .minimum {
padding:10px 0px;
float:left;
width:100%;
text-align:center;
font-size: 10px;
color: #999;
}
.scentitle .review {
color: #888;
border:none;
float:right;
text-align:right;
font-size:10px;
text-transform:uppercase;
margin-top: 25px;
}
.review a{
font-size:10px;
color: #888;
}
.product-info .review > div {
line-height: 20px;
}
.product-info .review > div > span {
color: #38B0E3;
}
.product-info .review .share {
overflow: auto;
line-height: normal;
}
.product-info .review .share a {
text-decoration: none;
}
.review-list {
padding: 0px 0px 20px 0px;
overflow: auto;
margin-bottom: 20px;
border-bottom: 1px solid #EEEEEE;
}
.review-list .author {
float: left;
display:block;
margin-bottom: 20px;
}
.review-list .rating {
float: left;
display:block;
width:100%;
margin-bottom: 10px;
}
.review-list .dateadd{
font-style:italic;
color:#999;
}
.review-list .text {
clear: both;
}
.attribute {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
color: #000000;
font-size: 14px;
font-weight: bold;
background: #F7F7F7;
text-align: left;
}
.attribute tr td:first-child {
color: #000000;
font-weight: bold;
text-align: right;
width: 20%;
}
.attribute td {
padding: 7px;
color: #4D4D4D;
text-align: center;
vertical-align: top;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.compare-info {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
color: #000000;
font-size: 14px;
font-weight: bold;
background: #F7F7F7;
text-align: left;
}
.compare-info tr td:first-child {
color: #000000;
font-weight: bold;
text-align: right;
}
.compare-info td {
padding: 7px;
width: 20%;
color: #4D4D4D;
text-align: center;
vertical-align: top;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
font-weight: bold;
}
.compare-info .price-old {
font-weight: bold;
color: #F00;
text-decoration: line-through;
}
.compare-info .price-new {
font-weight: bold;
}
/* wishlist */
.wishlist-info table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.wishlist-info td {
padding: 7px;
}
.wishlist-info thead td {
color: #4D4D4D;
font-weight: bold;
background-color: #F7F7F7;
border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
text-align: right;
}
.wishlist-info tbody td {
vertical-align: top;
border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
}
.wishlist-info tbody .image {
text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
text-align: right;
}
.wishlist-info tbody .price s {
color: #F00;
}
.wishlist-info tbody .action img {
cursor: pointer;
}
.login-content {
margin-bottom: 20px;
overflow: auto;
}
.login-content .left {
float: left;
width: 48%;
}
.login-content .right {
float: right;
width: 48%
}
.login-content .left .content, .login-content .right .content {
min-height: 190px;
}
/* orders */
.order-list {
margin-bottom: 10px;
}
.order-list .order-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.order-list .order-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.order-list .order-content {
padding: 10px 0px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
float: left;
width: 33.3%;
}
.order-list .order-info {
text-align: right;
}
.order-detail {
background: #EFEFEF;
font-weight: bold;
}
/* returns */
.return-list {
margin-bottom: 10px;
}
.return-list .return-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.return-list .return-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.return-list .return-content {
padding: 10px 0px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
float: left;
width: 33.3%;
}
.return-list .return-info {
text-align: right;
}
.return-product {
overflow: auto;
margin-bottom: 20px;
}
.return-name {
float: left;
width: 31%;
margin-right: 15px;
}
.return-model {
float: left;
width: 31%;
margin-right: 15px;
}
.return-quantity {
float: left;
width: 31%;
}
.return-detail {
overflow: auto;
margin-top: 30px;
}
.return-reason {
float: left;
width: 31%;
margin-right: 15px;
}
.return-opened {
float: left;
width: 31%;
margin-right: 15px;
}
.return-opened textarea {
width: 98%;
vertical-align: top;
}
.return-captcha {
float: left;
}
#captcha{
margin-top:5px;
}
.download-list {
margin-bottom: 10px;
}
.download-list .download-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.download-list .download-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.download-list .download-content {
padding: 10px 0px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
float: left;
width: 33.3%;
}
.download-list .download-info {
text-align: right;
}
/* cart */
.cart-info table {
width: 100%;
margin-bottom: 0px;
border-collapse: collapse;
}
.cart-info {
padding-bottom: 12px;
}
.cart-info td {
padding: 7px;
}
.cart-info thead td {
font-weight: bold;
padding: 14px 12px;
text-transform: uppercase;
}
.cart-info thead .image {
text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
text-align: center;
}
.cart-info thead .prrice, .cart-info thead .total {
text-align: right;
}
.cart-info tbody td.delete{
padding:10px 20px;
}
.cart-info tbody td {
vertical-align: middle;
padding:10px 0px;
}
.cart-info a{
text-decoration:none;
}
.cart-info tbody .image img {
}
.cart-info tbody .image {
text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
text-align: center;
}
.cart-info tbody .name{
font-family:Open Sans;
font-size:16px;
text-decoration:none;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
position: relative;
top: 0px;
cursor: pointer;
}
.cart-info tbody input[type='text']{
width:25px;
}
.cart-info tbody .price, .cart-info tbody .total {
text-align: right;
font-weight: bold;
font-family:Open Sans;
font-size:14px;
}
.cart-info tbody span.stock {
color: #F00;
font-weight: bold;
}
.cart-info small{
font-size:10px;
font-family:arial;
}
.cart-module > div {
display: none;
}
.cart-total {
overflow: auto;
padding-top: 0px;
margin-bottom: 15px;
}
.cart-total table {
width: 100%;
margin-bottom: 15px;
border-collapse: collapse;
}
.cart-total td {
padding: 10px;
text-align: right;
}
.cart-total td.pr{
text-align: right;
width:150px;
font-weight: bold;
font-family:Open Sans;
font-size:14px;
text-align: right;
}
/* checkout */
.checkout-heading {
background: #F8F8F8;
border: 1px solid #DBDEE1;
padding: 8px;
font-weight: bold;
font-size: 13px;
color: #555555;
margin-bottom: 15px;
}
.checkout-heading a {
float: right;
margin-top: 1px;
font-weight: normal;
text-decoration: none;
}
.checkout-content {
padding: 0px 0px 15px 0px;
display: none;
overflow: auto;
}
.checkout-content .left {
float: left;
width: 48%;
}
.checkout-content .right {
float: right;
width: 48%;
}
.returnform .left {
float: left;
width: 48%;
}
.returnform .right {
float: right;
width: 48%;
}
.returnform{
overflow:hidden;
}
.checkout-content .buttons {
clear: both;
}
.checkout-product table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.checkout-product td {
padding: 7px;
}
.checkout-product thead td {
color: #4D4D4D;
font-weight: bold;
background-color: #F7F7F7;
border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
text-align: right;
}
.checkout-product tbody td {
vertical-align: top;
border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
text-align: right;
}
.checkout-product tfoot td {
text-align: right;
border-bottom: 1px solid #DDDDDD;
}
.contact-info {
overflow: auto;
}
.contact-info .left {
float: left;
width: 48%;
}
.contact-info .right {
float: left;
width: 48%;
}
.sitemap-info {
overflow: auto;
margin-bottom: 40px;
}
.sitemap-info .left {
float: left;
width: 48%;
}
.sitemap-info .right {
float: left;
width: 48%;
}
/* footer */
#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 30px 0px 20px 0px;
border-radius:5px;
background-color: #2a2a2a;
}
#footer p{ color:#eee; line-height:21px; margin:0px;}
h2,h3{
margin:0px 0px 25px 0px;
}
#footer .wrap{
width:978px;
margin:0px auto;
}
#footer h3 {
color: #fff;
font-size: 14px;
text-transform:uppercase;
font-family:Open Sans;
padding-bottom:10px;
margin-top: 0px;
font-weight:bold;
margin-bottom: 15px;
border-bottom:1px solid #3a3a3a;
}
#footer ul {
margin-top: 0px;
margin-left: 0px;
list-style-type:none;
padding-left: 0px;
}
#footer ul li {
padding:7px 0px 7px 0px;
border-bottom:1px solid #3a3a3a;
}
#footer ul a {
text-decoration: none;
color: #aaa;
}
#footer .column a:hover {
text-decoration: underline;
}
.powered {
border-top:1px solid #555;
padding:15px 0px 0px;
margin-top:15px;
}
/* banner */
.banner div {
text-align: center;
width: 100%;
display: none;
margin:10px 0px;
}
.banner div img {
margin-bottom: 0px;
}
/*!
* Bootstrap v2.1.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
.product-info .left .zoom-image { text-align:right;margin-top:-40px;z-index:9999;position:absolute;width:458px; }
.product-info .left .zoom-image a { display:inline-block;background:url(../image/icon_search.png) 10px 15px no-repeat;padding-left:20px;padding:10px 10px 10px 30px; }
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
/* Responsive images (ensure images don't scale beyond their parents) */
/* Part 1: Set a maxium relative to the parent */
width: auto\9;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
#map_canvas img {
max-width: none;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
.pavblogs-comments-box .pav-comment{
}
.row {
margin-left: -30px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 980px;
}
.menu .col6,.span12 {
width: 978px;
}
.span11 {
width: 894px;
}
.span10 {
width: 810px;
}
.span9 {
width: 726px;
}
.menu .col4,.span8 {
width: 642px;
}
.span7 {
width: 558px;
}
.menu .col3,.span6 {
width: 474px;
}
.span5 {
width: 390px;
}
.menu .col2,.span4 {
width: 306px;
}
.span3 {
width: 221px;
}
.menu .col1, .span2 {
width: 138px;
}
.span1 {
width: 54px;
}
.offset12 {
margin-left: 980px;
}
.offset11 {
margin-left: 900px;
}
.offset10 {
margin-left: 820px;
}
.offset9 {
margin-left: 740px;
}
.offset8 {
margin-left: 660px;
}
.offset7 {
margin-left: 580px;
}
.offset6 {
margin-left: 500px;
}
.offset5 {
margin-left: 420px;
}
.offset4 {
margin-left: 340px;
}
.offset3 {
margin-left: 260px;
}
.offset2 {
margin-left: 180px;
}
.offset1 {
margin-left: 100px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.127659574468085%;
*margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.48936170212765%;
*width: 91.43617021276594%;
}
.row-fluid .span10 {
width: 82.97872340425532%;
*width: 82.92553191489361%;
}
.row-fluid .span9 {
width: 74.46808510638297%;
*width: 74.41489361702126%;
}
.row-fluid .span8 {
width: 65.95744680851064%;
*width: 65.90425531914893%;
}
.row-fluid .span7 {
width: 57.44680851063829%;
*width: 57.39361702127659%;
}
.row-fluid .span6 {
width: 48.93617021276595%;
*width: 48.88297872340425%;
}
.row-fluid .span5 {
width: 40.42553191489362%;
*width: 40.37234042553192%;
}
.row-fluid .span4 {
width: 31.914893617021278%;
*width: 31.861702127659576%;
}
.row-fluid .span3 {
width: 23.404255319148934%;
*width: 23.351063829787233%;
}
.row-fluid .span2 {
width: 14.893617021276595%;
*width: 14.840425531914894%;
}
.row-fluid .span1 {
width: 6.382978723404255%;
*width: 6.329787234042553%;
}
.row-fluid .offset12 {
margin-left: 104.25531914893617%;
*margin-left: 104.14893617021275%;
}
.row-fluid .offset12:first-child {
margin-left: 102.12765957446808%;
*margin-left: 102.02127659574467%;
}
.row-fluid .offset11 {
margin-left: 95.74468085106382%;
*margin-left: 95.6382978723404%;
}
.row-fluid .offset11:first-child {
margin-left: 93.61702127659574%;
*margin-left: 93.51063829787232%;
}
.row-fluid .offset10 {
margin-left: 87.23404255319149%;
*margin-left: 87.12765957446807%;
}
.row-fluid .offset10:first-child {
margin-left: 85.1063829787234%;
*margin-left: 84.99999999999999%;
}
.row-fluid .offset9 {
margin-left: 78.72340425531914%;
*margin-left: 78.61702127659572%;
}
.row-fluid .offset9:first-child {
margin-left: 76.59574468085106%;
*margin-left: 76.48936170212764%;
}
.row-fluid .offset8 {
margin-left: 70.2127659574468%;
*margin-left: 70.10638297872339%;
}
.row-fluid .offset8:first-child {
margin-left: 68.08510638297872%;
*margin-left: 67.9787234042553%;
}
.row-fluid .offset7 {
margin-left: 61.70212765957446%;
*margin-left: 61.59574468085106%;
}
.row-fluid .offset7:first-child {
margin-left: 59.574468085106375%;
*margin-left: 59.46808510638297%;
}
.row-fluid .offset6 {
margin-left: 53.191489361702125%;
*margin-left: 53.085106382978715%;
}
.row-fluid .offset6:first-child {
margin-left: 51.063829787234035%;
*margin-left: 50.95744680851063%;
}
.row-fluid .offset5 {
margin-left: 44.68085106382979%;
*margin-left: 44.57446808510638%;
}
.row-fluid .offset5:first-child {
margin-left: 42.5531914893617%;
*margin-left: 42.4468085106383%;
}
.row-fluid .offset4 {
margin-left: 36.170212765957444%;
*margin-left: 36.06382978723405%;
}
.row-fluid .offset4:first-child {
margin-left: 34.04255319148936%;
*margin-left: 33.93617021276596%;
}
.row-fluid .offset3 {
margin-left: 27.659574468085104%;
*margin-left: 27.5531914893617%;
}
.row-fluid .offset3:first-child {
margin-left: 25.53191489361702%;
*margin-left: 25.425531914893618%;
}
.row-fluid .offset2 {
margin-left: 19.148936170212764%;
*margin-left: 19.04255319148936%;
}
.row-fluid .offset2:first-child {
margin-left: 17.02127659574468%;
*margin-left: 16.914893617021278%;
}
.row-fluid .offset1 {
margin-left: 10.638297872340425%;
*margin-left: 10.53191489361702%;
}
.row-fluid .offset1:first-child {
margin-left: 8.51063829787234%;
*margin-left: 8.404255319148938%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
float: right;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
.container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: "";
line-height: 0;
}
.container-fluid:after {
clear: both;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 21px;
font-weight: 200;
line-height: 30px;
}
small {
font-size: 85%;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: normal;
}
.muted {
color: #999999;
}
.text-warning {
color: #c09853;
}
.text-error {
color: #b94a48;
}
.text-info {
color: #3a87ad;
}
.text-success {
color: #468847;
}
.page-header {
padding-bottom: 9px;
margin: 20px 0 30px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
padding: 0;
margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
li {
}
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
dl {
margin-bottom: 20px;
}
dt,
dd {
line-height: 20px;
}
dt {
font-weight: bold;
}
dd {
margin-left: 10px;
}
.dl-horizontal {
*zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
display: table;
content: "";
line-height: 0;
}
.dl-horizontal:after {
clear: both;
}
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
abbr[title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 0 0 0 15px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 25px;
}
blockquote small {
display: block;
line-height: 20px;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small:before {
content: '';
}
blockquote.pull-right small:after {
content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 20px;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.label,
.badge {
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #333;
vertical-align: baseline;
white-space: nowrap;
background-color: #999999;
}
.label {
padding: 1px 4px 2px;
}
.badge {
padding: 1px 9px 2px;
}
a.label:hover,
a.badge:hover {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.label-important,
.badge-important {
background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
background-color: #953b39;
}
.label-warning,
.badge-warning {
background-color: #f89406;
}
.label-warning[href],
.badge-warning[href] {
background-color: #c67605;
}
.label-success,
.badge-success {
background-color: #468847;
}
.label-success[href],
.badge-success[href] {
background-color: #356635;
}
.label-info,
.badge-info {
background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
background-color: #1a1a1a;
}
.btn .label,
.btn .badge {
position: relative;
top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
top: 0;
}
table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
form {
margin: 0 0 20px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
legend small {
font-size: 15px;
color: #999999;
}
label,
input,
button,
select,
textarea {
}
input,
button,
select,
textarea {
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: inline-block;
height: 20px;
padding: 6px 6px;
font-size: 12px;
line-height: 12px;
color: #555555;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
border-radius: 3px;
}
.display{min-width:100px;}
.display a{
margin-top:2px;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;
}
.gridview{
display:block;
width:16px;
height:16px;
float:right;
margin-left:10px;
}
.listview{
display:block;
width:16px;
height:16px;
float:right;
margin-left:10px;
}
.listview:hover,
.gridview:hover{
background-position:0px -16px;
}
.display .active{
background-position:0px -16px;
}
#col-left{
margin-top:15px;
margin-bottom:15px;
}
textarea {
height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
select,
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #ffffff;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
}
input[type="radio"],
input[type="checkbox"] {
margin: -2px 10px 0;
*margin-top: 0;
/* IE7 */
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
cursor: pointer;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
select,
input[type="file"] {
height: 34px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 34px;
}
select {
border: 1px solid #cccccc;
background-color: #ffffff;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
color: #999999;
background-color: #fcfcfc;
border-color: #cccccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
cursor: not-allowed;
}
.uneditable-input {
overflow: hidden;
white-space: nowrap;
}
.uneditable-textarea {
width: auto;
height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999999;
}
.radio,
.checkbox {
min-height: 18px;
padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
.input-mini {
width: 60px;
}
.input-small {
width: 90px;
}
.input-medium {
width: 150px;
}
.input-large {
width: 210px;
}
.input-xlarge {
width: 270px;
}
.input-xxlarge {
width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
float: none;
margin-left: 0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
display: inline-block;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12, textarea.span12, .uneditable-input.span12 {
width: 926px;
}
input.span11, textarea.span11, .uneditable-input.span11 {
width: 846px;
}
input.span10, textarea.span10, .uneditable-input.span10 {
width: 766px;
}
input.span9, textarea.span9, .uneditable-input.span9 {
width: 686px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
width: 606px;
}
input.span7, textarea.span7, .uneditable-input.span7 {
width: 526px;
}
input.span6, textarea.span6, .uneditable-input.span6 {
width: 446px;
}
input.span5, textarea.span5, .uneditable-input.span5 {
width: 366px;
}
input.span4, textarea.span4, .uneditable-input.span4 {
width: 286px;
}
input.span3, textarea.span3, .uneditable-input.span3 {
width: 206px;
}
input.span2, textarea.span2, .uneditable-input.span2 {
width: 126px;
}
input.span1, textarea.span1, .uneditable-input.span1 {
width: 46px;
}
.controls-row {
*zoom: 1;
}
.controls-row:before,
.controls-row:after {
display: table;
content: "";
line-height: 0;
}
.controls-row:after {
clear: both;
}
.controls-row [class*="span"] {
float: left;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
border-color: #c09853;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
border-color: #a47e3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
color: #c09853;
background-color: #fcf8e3;
border-color: #c09853;
}
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
color: #b94a48;
background-color: #f2dede;
border-color: #b94a48;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
color: #468847;
background-color: #dff0d8;
border-color: #468847;
}
.control-group.info > label,
.control-group.info .help-block,
.control-group.info .help-inline {
color: #3a87ad;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
color: #3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
border-color: #3a87ad;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
border-color: #2d6987;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
color: #3a87ad;
background-color: #d9edf7;
border-color: #3a87ad;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
padding: 19px 20px 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
*zoom: 1;
}
.form-actions:before,
.form-actions:after {
display: table;
content: "";
line-height: 0;
}
.form-actions:after {
clear: both;
}
.help-block,
.help-inline {
color: #595959;
}
.help-block {
display: block;
margin-bottom: 10px;
}
.help-inline {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
vertical-align: middle;
padding-left: 5px;
}
.input-append,
.input-prepend {
margin-bottom: 5px;
font-size: 0;
white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
position: relative;
margin-bottom: 0;
*margin-left: 0;
font-size: 14px;
vertical-align: top;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
background-color: #eeeeee;
border: 1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn {
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-append .active,
.input-prepend .active {
background-color: #a9dba9;
border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-append .add-on,
.input-append .btn {
margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
input.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.form-search .input-append .search-query {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
padding-left: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: left;
margin-right: 3px;
margin-left: 0;
}
.control-group {
margin-bottom: 10px;
}
legend + .control-group {
margin-top: 20px;
-webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
margin-bottom: 20px;
*zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
content: "";
line-height: 0;
}
.form-horizontal .control-group:after {
clear: both;
}
.form-horizontal .control-label {
float: left;
width: 160px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 180px;
*margin-left: 0;
}
.form-horizontal .controls:first-child {
*padding-left: 180px;
}
.form-horizontal .help-block {
margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
margin-top: 10px;
}
.form-horizontal .form-actions {
padding-left: 180px;
}
.breadcrumb {
padding: 8px 0px 8px 0px;
margin: 0 0 7px ;
font-size:11px;
list-style: none;
}
.breadcrumb .navigation-pipe{
padding:0px 5px;
}
.breadcrumb a{
font-size:11px;
color:#999999;
}
.breadcrumb .divider {
padding: 0 5px;
color: #ccc;
}
.breadcrumb .active {
color: #555555;
}
.pagination {
height: 30px;
margin: 0px 0 0px 0px;
font-size:12px;
}
.pagination ul {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
float: left;
padding: 0 14px;
line-height: 38px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > .current > a,
.pagination ul > .current > span {
background-color: #eeeeee;
}
.pagination ul > .current > a,
.pagination ul > .current > span {
color: #777777;
font-weight:bold;
cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
color: #bbbbbb;
background-color: #ffffff;
cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
}
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
.pager {
margin: 20px 0;
list-style: none;
text-align: center;
*zoom: 1;
}
.pager:before,
.pager:after {
display: table;
content: "";
line-height: 0;
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager a,
.pager span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
}
.pager a:hover {
text-decoration: none;
background-color: #f5f5f5;
}
.pager .next a,
.pager .next span {
float: right;
}
.pager .previous a {
float: left;
}
.pager .disabled a,
.pager .disabled a:hover,
.pager .disabled span {
color: #999999;
background-color: #fff;
cursor: default;
}
.thumbnails {
margin-left: -20px;
list-style: none;
*zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
display: table;
content: "";
line-height: 0;
}
.thumbnails:after {
clear: both;
}
.row-fluid .thumbnails {
margin-left: 0;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 20px;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
padding: 5px;
font-size: 11px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
}
.tooltip.right {
margin-left: 3px;
}
.tooltip.bottom {
margin-top: -10px;
}
.tooltip.left {
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
width: 236px;
padding: 1px;
background-color: #ffffff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-bottom: 10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-right: 10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
margin-bottom: 0;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: inline-block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow:after {
content: "";
z-index: -1;
}
.popover.top .arrow {
bottom: -10px;
left: 50%;
margin-left: -10px;
border-width: 10px 10px 0;
border-top-color: #ffffff;
}
.popover.top .arrow:after {
border-width: 11px 11px 0;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -1px;
left: -11px;
}
.popover.right .arrow {
top: 50%;
left: -10px;
margin-top: -10px;
border-width: 10px 10px 10px 0;
border-right-color: #ffffff;
}
.popover.right .arrow:after {
border-width: 11px 11px 11px 0;
border-right-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
left: -1px;
}
.popover.bottom .arrow {
top: -10px;
left: 50%;
margin-left: -10px;
border-width: 0 10px 10px;
border-bottom-color: #ffffff;
}
.popover.bottom .arrow:after {
border-width: 0 11px 11px;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -1px;
left: -11px;
}
.popover.left .arrow {
top: 50%;
right: -10px;
margin-top: -10px;
border-width: 10px 0 10px 10px;
border-left-color: #ffffff;
}
.popover.left .arrow:after {
border-width: 11px 0 11px 11px;
border-left-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
right: -1px;
}
.modal-open .modal .dropdown-menu {
z-index: 2050;
}
.modal-open .modal .dropdown.open {
*z-index: 2050;
}
.modal-open .modal .popover {
z-index: 2060;
}
.modal-open .modal .tooltip {
z-index: 2080;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
/*.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 1050;
overflow: auto;
width: 560px;
margin: -250px 0 0 -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
}
.modal.fade.in {
top: 50%;
}
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
}
.modal-header .close {
margin-top: 2px;
}
.modal-header h3 {
margin: 0;
line-height: 30px;
}
.modal-body {
overflow-y: auto;
max-height: 400px;
padding: 15px;
}
.modal-form {
margin-bottom: 0;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: "";
line-height: 0;
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}*/
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.open {
*z-index: 1000;
}
.open > .dropdown-menu {
display: block;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000000;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px;
}
.typeahead {
margin-top: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accordion {
margin-bottom: 20px;
}
.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accordion-heading {
border-bottom: 0;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #e5e5e5;
}
.carousel {
position: relative;
margin-bottom: 20px;
line-height: 1;
}
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative;
}
.carousel .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel .item > img {
display: block;
line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
display: block;
}
.carousel .active {
left: 0;
}
.carousel .next,
.carousel .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel .next {
left: 100%;
}
.carousel .prev {
left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
left: 0;
}
.carousel .active.left {
left: -100%;
}
.carousel .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #ffffff;
text-align: center;
background: #222222;
border: 3px solid #ffffff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.carousel-control.right {
left: auto;
right: 15px;
}
.carousel-control:hover {
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
background: #333333;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
color: #ffffff;
line-height: 20px;
}
.carousel-caption h4 {
margin: 0 0 5px;
}
.carousel-caption p {
margin-bottom: 0;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.affix {
position: fixed;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.collapse.in {
height: auto;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
.zoomdiv img { max-width: none; }
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#homepageslider .flexslider .slides > li:first-child {display: block!important; -webkit-backface-visibility: visible!important;}
#homepageslider .loading{
display:none!important;
}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
#homepageslider{
margin-bottom:0px;
}
#homepageslider .span6{
margin-top:0px;
padding-top:0px;
}
.slides li .wraper{
width:978px;
margin:0px auto;
padding:60px 0px 0px 0px;
text-align:left;
}
.button{
letter-spacing:1px;
}
p.desc{
opacity:0.6;
font-size:14px;
line-height:21px;
}
.desc{
margin-bottom:15px;
}
.slides li .wraper h1{
font-size:55px;
letter-spacing:-2px;
line-height:60px;
font-weight:lighter;
margin-bottom:30px;
}
.smallimg{
display:none!important;
}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0px; position: relative;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider ul#slides {
list-style-type:none;
margin:0px;
padding:0px;
}
.carousel li {margin-right: 0px}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 30px; text-align: center;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
#homepageslider .flex-control-paging li a {width: 12px; height: 12px; display: block; background: rgba(0,0,0,0.3); cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
#homepageslider .flex-control-paging li a.flex-active {background:#7cc9ed; cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.newsletter_block{
height:320px;
background:url(../image/newsletter.png) repeat-x top center #66b6dc;
padding:10px;
color:#fff;
}
.newsletter_block h1{
margin-top:20px;
font-size:22px;
color:#fff;
}
.newsletter_block input {
padding:3px;
border:none;
margin-top:15px;
}
.newsletter_block .block_content{
padding:20px 20px 10px 20px;
border: 1px solid rgba(255,255,255,0.3);
height:288px;
text-align:center;
}
.fullwidth input[type='text'], .fullwidth input[type='password'], .fullwidth textarea{width:570px;}
.fullwidth select{width:584px;}
.span12 .small-field{ width:815px;}
.span12 .shipingarea{float:left; margin-top:10px; width:964px; margin-bottom:20px;}
.span12 select.small-field{width:829px;}
.span9 .small-field{ width:570px;}
.span9 .shipingarea{float:left; margin-top:10px; width:704px; margin-bottom:20px;}
.span9 select.small-field{width:584px;}
.span9 input.large-field{width:333px;}
.span9 select.large-field {width:347px;}
.span12 input.large-field{width:454px;}
.span12 select.large-field {width:468px;}
.loginput{ width:292px;}
#return-product input[type='text'],#return-product textarea{width:208px;}
#searche p input{ width:47%;}
#searche select{ width:47%; float:right;}
#tabst {
overflow: hidden;
margin: 0;
margin-bottom:20px;
border-bottom:1px solid #eee;
float:left;
width:100%;
padding: 0;
list-style: none;
}
#tabst li {
float: left;
margin: 0 20px 0 0;
}
#tabst a {
float: left;
position: relative;
padding: 0 0px;
font-size:14px;
font-weight:normal;
margin-right:20px;
height: 40px;
line-height: 30px;
text-transform: uppercase;
text-decoration: none;
color: #888;
border-bottom: 0px solid #fff;
border-bottom-color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
#tabst a:hover,
#tabst a:focus {
opacity: 1;
filter: alpha(opacity=100);
}
#tabst a:focus {
outline: 0;
}
#tabst #current {
z-index: 3;
position:relative;
top:0px;
font-weight:800;
opacity: 1;
filter: alpha(opacity=100);
}
#tabsc {
overflow: hidden;
float:left;
margin: 0;
margin-bottom:20px;
border-bottom:1px solid #eee;
width:100%;
padding: 0;
list-style: none;
}
#tabsc li {
float: left;
margin: 0 20px 0 0;
}
#tabsc a {
float: left;
position: relative;
padding: 0 0px;
font-size:14px;
font-weight:normal;
margin-right:20px;
height: 40px;
line-height: 30px;
text-transform: uppercase;
text-decoration: none;
color: #888;
border-bottom: 0px solid #fff;
border-bottom-color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
#tabsc a:hover,
#tabsc a:focus {
opacity: 1;
filter: alpha(opacity=100);
}
#tabsc a:focus {
outline: 0;
}
#tabsc #current {
z-index: 3;
position:relative;
top:0px;
font-weight:800;
opacity: 1;
filter: alpha(opacity=100);
}
.price-old{visibility:hidden; display:none;}
/* This is the moving lens square underneath the mouse pointer. */
.zoom-lens {
border: 4px solid #888;
margin:-4px; /* Set this to minus the border thickness. */
background-color:#fff;
cursor:move;
}
/* This is for the title text. */
.zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
top:0px;
}
/* This is the zoom window. */
.zoom-big {
overflow:hidden;
}
/* This is the loading message. */
.zoom-loading {
color:white;
background:#222;
padding:3px;
}
.zoom-section {
clear:both;
margin-top:20px;
}
* html .zoom-section {
display:inline;
clear:both;
}
/* Feature descriptions in ZoomEngine page */
.zoom-desc {
float:left;
margin-left:10px;
width:310px;
}
.zoom-small-image {
float:left;
}
.zoom-tiny-image {
margin:0px;
}
.zoom-tiny-image:hover {
}
.ui-tooltip {
padding: 4px 7px!important;
-moz-border-radius: 5px!important;
border-radius: 5px!important;
position: absolute;
z-index: 9999;
max-width: 300px;
font-family:arial!important;
-webkit-box-shadow: none!important;
box-shadow:none!important;
border:none!important;
background:#333!important;
font-size:9px!important;
margin-left:-50%!important;
color:#fff!important;
text-transform:uppercase!important;
}
/* Reset */
.nav,
.nav ul,
.nav li
{
margin: 0;
padding: 0;
border: none;
outline: none;
}
.nav a { text-decoration: none; }
.nav li { list-style: none; }
/* Menu Container */
.nav {
display: inline-block;
position: relative;
cursor: default;
z-index: 98;
margin:0px auto;
width:100%;
}
#menuwrap{
width:978px;
margin:0px auto;
position:relative;
}
/* Menu List */
.nav > li {
display: block;
float: left;
}
/* Menu Links */
.nav > li > a {
position: relative;
display: block;
z-index: 98;
height: 50px;
line-height: 50px;
text-transform:uppercase;
font-family: Open Sans;
font-weight: bold;
font-size: 13px;
color: #555;
padding:0px 16px 0px 16px;
margin-bottom: 0px;
border-right:1px solid #ddd;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.nav > li:hover > a { }
.nav > li:last-child > a {
border-right: none;
}
.nav > li:first-child > a {
margin-left:30px;
}
/* Menu Dropdown */
.nav > li > div {
position: absolute;
display: block;
width: 100%;
top: 50px;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
background: #ffffff;
border-radius: 0 0 3px 3px;
-moz-box-shadow: 0px 0px 5px #ccc;
-webkit-box-shadow: 0px 0px 5px #ccc;
box-shadow: 0px 0px 5px #ccc;
-webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s;
}
.nav > li:hover > div {
opacity: 1;
visibility: visible;
overflow: visible;
}
/* Menu Content Styles */
.nav .nav-column {
float: left;
width: 12%;
padding: 20px 30px;
}
.nav .nav-column .big {
margin: 0px 0 0px 0;
line-height: 30px;
font-family: Open Sans;
font-weight: bold;
font-size: 14px;
color: #333;
text-transform: uppercase;
}
.nav .megacontent{
padding:30px;
}
.nav .megacontent li a {
margin: 0px 0 0px 0;
line-height: 30px;
font-family: Open Sans;
font-weight: bold;
font-size: 14px;
color: #333;
text-transform: uppercase;
}
.nav .megacontent li li li a {
display: block;
line-height: 26px;
font-family: Open Sans;
font-weight: normal;
font-size: 14px;
color: #888888;
text-transform:none;
}
.nav .nav-column h3.orange { color: #ff722b; }
.nav .nav-column li a {
display: block;
line-height: 26px;
font-family: Open Sans;
font-weight: normal;
font-size: 13px;
color: #888888;
}
.nav .nav-column li a:hover { color: #666666; }
#configurator{ background:#333; height:50px; font-weight:800; color:#fff;}
#configurator span{ float:left; margin-top:6px;}
#configurator .wrap{ margin:0px auto; height:30px; padding:9px 0px; width:978px;}
#configurator #orange {background:#ff5c46; display:block; float:left; margin-left:15px; width:30px; height:30px;}
#configurator #blue {background:#3b95ba; display:block; float:left; margin-left:15px; width:30px; height:30px;}
#configurator #pink {background:#f23a65; display:block; float:left; margin-left:15px; width:30px; height:30px;}
#configurator #grey {background:#4b4e50; display:block; float:left; margin-left:15px; width:30px; height:30px;}
#configurator #aqua {background:#52bda5; display:block; float:left; margin-left:15px; width:30px; height:30px;}
#configurator a{ border:1px solid #333;}
#configurator a.active{ border:1px solid #fff;}
#showfb{
border-radius:5px 0px 0px 5px;
z-index:5000;
position:fixed;
top:230px;
right:0px;
vertical-align: middle;
text-align: center;
font-size: 20px;
line-height: 35px;
width: 35px;
height: 35px;
display: inline-block;
}
#showfb:before {
font-family:FontAwesome;
content:"\f09a";
color: #fff;
font-size: 20px;
}
#showfb.active{
background-position:0px -35px;
right:305px;
}
#facebookpanel{
position:fixed;
right:0;
top:225px;
z-index:5000;
width:300px;
display:none;
border-right:none!important;
background:#fff;
border-radius:5px 0px 0px 5px;
}
#showtw{
width:35px;
height:35px;
border-radius:5px 0px 0px 5px;
z-index:5000;
position:fixed;
top:290px;
right:0px;
text-align: center;
font-size: 20px;
line-height: 35px;
width: 35px;
height: 35px;
display: inline-block;
}
#showtw:before {
font-family:FontAwesome;
content:"\f099";
color: #fff;
}
#showtw.active{
background-position:0px -35px;
right:305px;
}
#twitterpanel{
position:fixed;
right:0;
top:285px;
z-index:5000;
width:300px;
display:none;
border-right:none!important;
background:#fff;
border-radius:5px 0px 0px 5px;
}
#menucontainer { z-index: 10 !important; }
.bannercontainer { z-index: 1 !important; }