@charset "utf-8";
/* CSS Document */

.table th { color: #34353e; }

.table-theme { border-collapse: separate; border-spacing: 2px; }
.table-theme td, .table-theme th { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; }
.table-theme th { background-color: #eeeeee; margin: 1px; }
.table-theme.table-striped tr:nth-child(2n+1) > td, .table-theme.table-striped tr:nth-child(2n+1) > th { border: none; }
.table-theme.table-striped tr:nth-child(2n+1) > td { background-color: #f3f3f3; }
.table-theme tr.active td { border: 1px solid #e0e0e0 !important; color: #abcbd6; background-color: #f3f3f3; }
.table-theme tr.inactive td { color: #a5a5a5; }

.table-items th { font-weight: normal; font-size: 12px; color: #999999; padding: 0; font-weight:bold; }
.table-items td { padding: 8px 0; vertical-align: middle; }
.table-items td.image { width: 85px; }
.table-items td.image > img { max-width: 90%; }
.table-items td.desc { color: #34353e; font-weight: bold; padding:5px !important; text-align:center !important; }
.table-items td.qty { width: 100px; text-align: center; }
.table-items td.qty input { margin: 0; }
.table-items td.price { width: 120px; text-align: right; color: #34353e; font-weight: bold; font-size: 14px; }
.table-items td .icon-remove-sign { font-size: 16px; color: #727272; }
.table-items td .icon-remove-sign:hover { text-decoration: none; color: black; }
.table-items td.stronger { color: #34353e; font-weight: bold; padding-top: 14px; padding-bottom: 14px; }
.table-items tr:last-of-type td { border-bottom: dotted 1px #c3c2c4; }
.table-items img { border: 1px solid #e0e0e0; }
.table-items .alert { margin: 0 20px 0 0; }
.table-items .no-border { border: none; }

.cart-container { position: relative; }
.cart-container:hover .open-panel { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.cart-container:hover .cart { background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.33); }
.cart-container:hover .cart:after { opacity: 1; visibility: visible; }
.cart { padding-top: 21px; min-height: 35px; border-left: 1px solid #e0e0e0; color: #777777; font-weight: bold; line-height: 1; text-align: center; position: relative; z-index: 1103; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.cart:after { content: ""; position: absolute; display: block; z-index: 1102; height: 10px; left: -10px; right: 0; bottom: -10px; background: white; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.1s ease 0.1s; -moz-transition: opacity 0.1s ease 0.1s; -o-transition: opacity 0.1s ease 0.1s; transition: opacity 0.1s ease 0.1s; }
.cart p { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 0 8px; }
.cart .btn { padding: 7px 10px; margin-top: -9px; font-size: 16px; }
.open-panel { visibility: hidden; opacity: 0; position: absolute; top: 100%; z-index: 1100; right: 0; left: -75%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.33); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.items { border-right: 1px solid #e0e0e0; }
.item-in-cart { padding: 10px; border-bottom: 1px dotted #c3c2c4; }
.item-in-cart strong { display: block; color: #34353e; }
.item-in-cart strong a { color: inherit !important; }
.item-in-cart .image { width: 15%; float: left; }
.item-in-cart .image img { border: 1px solid #e0e0e0; }
.item-in-cart .desc { width: 65%; margin-left: 5%; float: left; padding-top: 5px; }
.item-in-cart .desc .qty { font-size: 11px; }
.item-in-cart .desc .qty a { color: inherit; text-decoration: none !important; }
.item-in-cart .desc .qty a:hover { color: #555555; }
.item-in-cart .price { padding-top: 5px; width: 26%; float: left; text-align: right; }
.summary { float: right; width: 50%; width: calc(50% - 10px); margin-right: 10px; font-weight: bold; color: #34353e; }
.summary .span6 { min-height: 1px; }
.summary .line { border-bottom: 1px dotted #c3c2c4; padding: 10px 0; margin-right: -10px; padding-right: 10px; }
.summary .line:last-of-type { border-bottom: none; padding-bottom: 15px; }
.proceed { clear: both; padding: 15px; background-color: #f3f3f3; min-height: 38px; }
.proceed .btn { margin-top: 0; margin-left: 10px; }
.proceed small { display: block; color: #b3b3b3; }

.checkout-steps { position: relative; /*padding: 15px; margin: 20px -20px 30px;*/ float:left;  }
.checkout-steps:after, .checkout-steps:before { content: ""; position: absolute; left: 0; right: 0; height: 8px; }
.checkout-steps:before { /*background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0)));
 background: -webkit-radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); 
 background: -moz-radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); 
 background: -o-radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background: radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); */top: 0; }
.checkout-steps:after {/* background: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: -moz-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: -o-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));*/ bottom: 0; }
.checkout-steps .step { width: 32%; float: left; position: relative; font-size:12px !important; }
.checkout-steps .step:before { content: ""; position: absolute; top: 10px; left: 0; right: 0; height: 2px; background: #e6e6e6; z-index: 0; }
.checkout-steps .step:first-of-type:before { left: 50%; }
.checkout-steps .step:last-of-type:before { right: 50%; }
.checkout-steps .step.active:last-of-type:before, .checkout-steps .step.done:last-of-type:before { background: #00013A; }
.checkout-steps .step.active .step-badge, .checkout-steps .step.done .step-badge { background-color: #00013A; color: #fff; font-weight:bold; }
.checkout-steps .step.active { color: #34353e; } 
.checkout-steps .step.active:before { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #00013A), color-stop(50%, #00013A), color-stop(50%, #e6e6e6), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(left, #00013A 0%, #00013A 50%, #e6e6e6 50%, #e6e6e6 100%); background: -moz-linear-gradient(left, #00013A 0%, #00013A 50%, #e6e6e6 50%, #e6e6e6 100%); background: -o-linear-gradient(left, #00013A 0%, #00013A 50%, #e6e6e6 50%, #e6e6e6 100%); background: linear-gradient(left, #00013A 0%, #00013A 50%, #e6e6e6 50%, #e6e6e6 100%); }
.checkout-steps .step.active:first-of-type:before { background: #e6e6e6; }
.checkout-steps .step.done:before { background: #00013A; }
.checkout-steps .step.done:first-of-type:before { background: #00013A; }
.checkout-steps .step-badge { margin: 0 auto; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; width: 22px; height: 22px; background-color: #e6e6e6; position: relative; z-index: 1; line-height: 22px; margin-bottom: 5px; }

.lt-ie10 .checkout-steps .step.active:after { display: block; content: ""; position: absolute; top: 10px; height: 2px; width: 50%; background-color: #00013A; z-index: 0; }
.lt-ie10 .checkout-steps .step.active:first-child:after { display: none; }

.align-center, .center-align, .checkout-steps .step { text-align: center; /*width:130px;*/ width:180px; }

.bold, .checkout-steps .step.active { font-weight: bold; }

/* ========== */
/* = Buttons = */
/* ========== */
.btn { border: none; -webkit-box-shadow: 0 2px 0 #bababa; -moz-box-shadow: 0 2px 0 #bababa; box-shadow: 0 2px 0 #bababa; filter: none; }
.btn:hover, .btn:active { background: #d8d8d8; }
.btn:active { -webkit-box-shadow: 0 2px 0 #bababa; -moz-box-shadow: 0 2px 0 #bababa; box-shadow: 0 2px 0 #bababa; filter: none; }
.btn:focus { background-position: 0 0; }
.btn.btn-primary { -webkit-box-shadow: 0 2px 0 #006d75; -moz-box-shadow: 0 2px 0 #006d75; box-shadow: 0 2px 0 #006d75; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #00013A; background-image: -moz-linear-gradient(top, #00013A, #00013A); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00013A), to(#00013A)); background-image: -webkit-linear-gradient(top, #00013A, #00013A); background-image: -o-linear-gradient(top, #00013A, #00013A); background-image: linear-gradient(to bottom, #00013A, #00013A); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF00BECC', endColorstr='#FF00BECC', GradientType=0); border-color: #00013A #00013A #007780; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #00013A; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary.disabled, .btn.btn-primary[disabled] { color: white; background-color: #00013A; *background-color: #00a6b3; }
.btn.btn-primary:active, .btn.btn-primary.active { background-color: #008e99 \9; }
.btn.btn-primary:hover { background: #00b0bd; }
.btn.btn-danger { -webkit-box-shadow: 0 2px 0 #be1b2e; -moz-box-shadow: 0 2px 0 #be1b2e; box-shadow: 0 2px 0 #be1b2e; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e54b5d; background-image: -moz-linear-gradient(top, #e54b5d, #e54b5d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e54b5d), to(#e54b5d)); background-image: -webkit-linear-gradient(top, #e54b5d, #e54b5d); background-image: -o-linear-gradient(top, #e54b5d, #e54b5d); background-image: linear-gradient(to bottom, #e54b5d, #e54b5d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE54B5D', endColorstr='#FFE54B5D', GradientType=0); border-color: #e54b5d #e54b5d #c71d31; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e54b5d; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger.disabled, .btn.btn-danger[disabled] { color: white; background-color: #e54b5d; *background-color: #e23549; }
.btn.btn-danger:active, .btn.btn-danger.active { background-color: #dd2036 \9; }
.btn.btn-danger:hover { background: #e23549; }
.btn.btn-success { -webkit-box-shadow: 0 2px 0 #7ba32c; -moz-box-shadow: 0 2px 0 #7ba32c; box-shadow: 0 2px 0 #7ba32c; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #a7d155; background-image: -moz-linear-gradient(top, #a7d155, #a7d155); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a7d155), to(#a7d155)); background-image: -webkit-linear-gradient(top, #a7d155, #a7d155); background-image: -o-linear-gradient(top, #a7d155, #a7d155); background-image: linear-gradient(to bottom, #a7d155, #a7d155); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA7D155', endColorstr='#FFA7D155', GradientType=0); border-color: #a7d155 #a7d155 #81ab2e; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #a7d155; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success.disabled, .btn.btn-success[disabled] { color: white; background-color: #a7d155; *background-color: #9dcc41; }
.btn.btn-success:active, .btn.btn-success.active { background-color: #90bf34 \9; }
.btn.btn-success:hover { background: #9dcc41; }
.btn.btn-warning { -webkit-box-shadow: 0 2px 0 #c77605; -moz-box-shadow: 0 2px 0 #c77605; box-shadow: 0 2px 0 #c77605; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa328; background-image: -moz-linear-gradient(top, #faa328, #faa328); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa328), to(#faa328)); background-image: -webkit-linear-gradient(top, #faa328, #faa328); background-image: -o-linear-gradient(top, #faa328, #faa328); background-image: linear-gradient(to bottom, #faa328, #faa328); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAA328', endColorstr='#FFFAA328', GradientType=0); border-color: #faa328 #faa328 #d17c05; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #faa328; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning.disabled, .btn.btn-warning[disabled] { color: white; background-color: #faa328; *background-color: #f9980f; }
.btn.btn-warning:active, .btn.btn-warning.active { background-color: #ea8b05 \9; }
.btn.btn-warning:hover { background: #f9980f; }
.btn.btn-info { -webkit-box-shadow: 0 2px 0 #0b3b6e; -moz-box-shadow: 0 2px 0 #0b3b6e; box-shadow: 0 2px 0 #0b3b6e; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2886ea; background-image: -moz-linear-gradient(top, #2886ea, #2886ea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2886ea), to(#2886ea)); background-image: -webkit-linear-gradient(top, #2886ea, #2886ea); background-image: -o-linear-gradient(top, #2886ea, #2886ea); background-image: linear-gradient(to bottom, #2886ea, #2886ea); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2886EA', endColorstr='#FF2886EA', GradientType=0); border-color: #2886ea #2886ea #1260b4; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2886ea; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info.disabled, .btn.btn-info[disabled] { color: white; background-color: #2886ea; *background-color: #1679e2; }
.btn.btn-info:active, .btn.btn-info.active { background-color: #146dcb \9; }
.btn.btn-info:hover { background: #1679e2; }
.btn.rounded { -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; }
.btn.circle { -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; width: 30px; height: 30px; padding: 0; line-height: 30px; }
.btn.higher { padding: 8px 14px; }
.btn.btn-small { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn.btn-mini { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.form .btn { padding-top: 8px; padding-bottom: 8px; font-weight: bold; text-transform: uppercase; }

.navbar .btn-navbar { background-color: #00013A; background-image: -moz-linear-gradient(top, #00013A, #00013A); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00013A), to(#00013A)); background-image: -webkit-linear-gradient(top, #00013A, #00013A); background-image: -o-linear-gradient(top, #00013A, #00013A); background-image: linear-gradient(to bottom, #00013A, #00013A); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF00BECC', endColorstr='#FF00BECC', GradientType=0); padding: 15px 15px; margin-right: 0; margin-left: 0; margin-top: 8px; }

.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(../images/down_arrow_select.jpg) no-repeat right #ddd !important;
   border: 1px solid #ccc;
   }
   
   /*.alert { box-shadow: 0 2px 0 #ded67f; }*/
.alert .close { top: 0; }

.alert-success { box-shadow: 0 2px 0 #b7d5a1; }

.alert-danger { box-shadow: 0 2px 0 #f2a5ae; }

.alert-info { box-shadow: 0 2px 0 #e6e6e6; }