/*files:/home/digiself/don-fix-mspa/digiself-core/application/modules/webshop/public/css/webshop.css*/
/*webshop.css*/

#productOverviewContainer {
    margin:20px 0;
    overflow:hidden;
    position:relative;
}

.productOverviewSettings .found {
    margin-right:15px;
    font-weight:bold;
    line-height:32px;
    display:inline-block;
}

.productOverviewSettings .pagination {
    margin:0;
    float:right;
}

.productOverview {
    margin:20px 0;
}

#productOverviewOverlay {
    display:none;
    min-height:300px;
}

#productOverviewContainer.loading #productOverviewOverlay {
    display:block;
    position:absolute;
    top:0;
    left:0;
    background-color:#FFF;
    filter:alpha(opacity=70);
    opacity:0.7;
    z-index:999;
}

#productFilterOverlay {
    position:absolute;
    background-color:#FFF;
    filter:alpha(opacity=0);
    opacity:0;
}

.productOverviewLoading {
    background-image:url(//mspa-ea.org/digiself/images/loading-big.gif);
    background-repeat:no-repeat;
    position:relative;
    display:block;
    width:100px;
    height:32px;
    left:50%;
    top:140px;
    margin-left:-50px;
    padding-left:40px;
    line-height:32px;
    font-size:16px;
}

.product .overviewImage {
    padding:9px;
    height:200px;
}

.product .overviewImage img {
    max-height:150px;
}

.product .caption a {
    text-decoration:none;
}

.product .caption h3 {
    margin-top:0;
    height:38px;
    font-size:16px;
    line-height:19px;
    overflow:hidden;
}

.product .productPrice {
    overflow:hidden;
    min-height: 60px;
}

.product .productPrice span {
    display:inline-block;
}

.product .productPrice h4 {
    margin:0;
    text-align:right;
}

.product .originalPrice {
    min-height:12px;
    text-decoration:line-through; 
}

.product .currentPrice {
    float:right;
}

.product .productActions {
    margin-top:10px;
    overflow:hidden;
}

.product.thumbnail .addProductForm {
    text-align:right;
}

.product.thumbnail .addProductForm input[type="text"] {
    display:none;
}

.product.thumbnail .addProductForm .input-group button {
    border-radius:4px;
}

.addProductForm .btn.loading {
    color:transparent;
    outline:0;
    border-color:transparent;
    background:transparent url(//mspa-ea.org/digiself/images/loading-big.gif) no-repeat center center;
}

.addProductForm .btn.loading > span {
    background:none;
}



#productDetail header h1,
#productDetail header h2 {
    margin-top:0;
}

.quickOrder {
    margin-bottom:20px;
    line-height:34px;
}

#productRatingTotal {
    cursor:pointer;
}

.productRatingStars {
    margin:0 10px -1px 0;
    height:13px;
    width:70px;
    background:url(//mspa-ea.org/digiself/images/ratingstars.png) 0 0;
    display:inline-block;
    position:relative;
    z-index:5;
}

.productRatingStarsRated {
    height:13px;
    background:url(//mspa-ea.org/digiself/images/ratingstars.png) 0 -13px;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}

#productQuickOrder {
    text-align:right;
}

#productQuickOrder h4 {
    margin:0;
    vertical-align:middle;
    display:inline-block;
}

#productQuickOrder button {
    margin-left:10px;
}

#productQuickOrder .btn span {
    height:20px;
    width:20px;
    text-indent:-9999px;
    background:url(//mspa-ea.org/digiself/images/shopping-cart-small-white.png) no-repeat center center;
    display:block;
    overflow:hidden;
}

.productImage {
    margin-top:5px;
    width:100%;
    max-height:285px;
    text-align:center;
    overflow:hidden;
    border:1px solid #d4d4d4;
    border-bottom:none;
    background-color:#f9f9f9;
    -webkit-transition:height 0.5s;
            transition:height 0.5s;
    position:relative;
}

.productImage img {
    height:auto;
    max-width:100%;
}

#productInfoPreviewPhoto {
    height:100%;
    max-height:285px;
    width:100%;
    text-align:center;
    overflow:hidden;
    background-size:100% auto;
    background-repeat:no-repeat;
}

#productInfoZoomPhoto {
    height:100%;
    max-height:285px;
    width:100%;
    overflow:hidden;
    position:absolute;
    top:0;
}

#productInfoZoomPhoto img {
    max-width:none;
}

#productInfoZoomPhoto canvas {
    height:100% !important;
    width:100% !important;
}

#productZoomPhotoEmpty {
    color:#6e6e6e;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    line-height:285px;
}

#productInfoPhotoControls {
    position:absolute;
    right:10px;
    top:10px;
    z-index:10;
}

.seadragonBtn {
    margin-bottom:5px;
    background-color:rgba(249,249,249,0.5);
    position:relative;
}

.seadragonBtn a {
    padding:12px;
    width:22px;
    height:22px;
    text-indent:-9999px;
    opacity:0.7;
    background-position:center center;
    background-repeat:no-repeat;
}

.seadragonBtn a:hover {
    opacity:1;
    background-position:center center;
    background-repeat:no-repeat;
}

#seadragonControlZoomIn a {
    background-image:url(//mspa-ea.org/digiself/images/icon_photoZoom_in.png) !important;
}

#seadragonControlZoomOut a {
    background-image:url(//mspa-ea.org/digiself/images/icon_photoZoom_out.png) !important;
}

#seadragonControlZoomDefault a {
    background-image:url(//mspa-ea.org/digiself/images/icon_photoZoom_refresh.png) !important;
}

#productInfoPhotosThumbs {
    padding-top:10px;
    width:100%;
    border:1px solid #d4d4d4;
    border-top:none;
    background-color:#f9f9f9;
    display:table;
}

#productInfoPhotosThumbs .thumbsRow {
    display:table-row;
}

#productInfoPhotosThumbs .thumbsRow div {
    padding:0 10px 10px 0;
    width:25%;
    max-height:45px;
    cursor:pointer;
    text-align:center;
    vertical-align:top;
    display:table-cell;
}

#productInfoPhotosThumbs div:nth-child(4n+1) {
    padding-left:10px;
}

#productInfoPhotosThumbs img {
    height:auto;
    max-height:45px;
    max-width:100%;
}

#productInfo {
    margin-bottom:20px;
}

.productProperties.table {
    margin:20px 0 0;
}

.productProperties.table > tbody > tr > td {
    padding:8px;
}

.productProperties.table > tbody > tr > td:first-child {
    font-weight:bold;
}

.productProperties.table > tbody > tr:first-child > td:first-child {
    width:135px;
}

#productDetail .productPrice {
    margin:20px 0 5px;
    text-align:right;
}

#productDetail .productPrice span {
    display:block;
}

#productDetail .productActions {
    margin-bottom:20px;
}

#productDetail .productActions > div {
    max-width:200px;
    float:right;
}

#productDetail .productActions.bottom {
    display:none;
}

#productTabs {
    margin:10px 0 0;
}

#productTabs a {
    outline:none;
}

#productDetail .tab-content {
    padding:15px;
    border-bottom:1px solid #ddd;
}

#documents a {
    border: 1px solid #ddd;
    display: block;
    line-height: 30px;
    margin-top: 5px;
    padding: 0 10px 0 45px;
    position: relative;
}

#documents a:first-child {
    margin-top: 0;
}

#documents span {
    background-color: #ddd;
    left: 0;
    line-height: inherit;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 0;
}

#reviews .productRatingAverage h4 {
    margin-top:0;
    line-height:30px;
    display:inline-block;
}

#reviews .productRatingAverage .productRatingStars {
    margin-left:10px;
}

#reviews .productRatingAverage .btn {
    float:right;
}

#reviews .review {
    padding:15px;
    margin-top:15px;
    background-color:#f8f8f8;
}

#reviews .review p {
    margin-bottom:0;
}

#reviews .reviewDate {
    text-align:right;
}

#reviews .reviewMessage {
    margin-top:10px;
}

#reviews .reviewAuthor {
    font-weight:bold;
}

.reviewForm {
    margin:20px 0;
    float:none;
}

.reviewForm legend {
    display:block;
}

.reviewForm #stars-wrapper {
    margin-bottom:15px;
    overflow:hidden;
}

.reviewForm #stars-wrapper > div {
    text-indent:-9999px;
    cursor:pointer;
    display:block;
    float:left;
    overflow:hidden;
}

.reviewForm #stars-wrapper a {
    height:13px;
    width:14px;
    background:url(//mspa-ea.org/digiself/images/ratingstars.png) no-repeat 0 0;
    display:block;
}

.reviewForm #stars-wrapper .ui-stars-star-on a,
.reviewForm #stars-wrapper .ui-stars-star-hover a {
    background-position:0 -13px;
}

.reviewForm textarea {
    min-height:200px;
}

.reviewForm .captchaContainer {
    padding:0;
    width: auto;
    background:transparent;
    float:none;
}

#shoppingCartContainer {
    float:right;
}

#shoppingCartContainer a {
    display:block;
    text-decoration:none;
    background:url(//mspa-ea.org/digiself/images/shopping-cart.png) no-repeat center left;
    padding:0 0 0 40px;
}

#shoppingCartContainer a .cartTitle {
    display:block;
    font-weight:bold;
}

#shoppingCartContainer a .cartTotal {
    white-space: nowrap;
}

#shoppingCartList {
    max-width:375px;
    font-size:11px;
    visibility:hidden;
    position:absolute;
    top:0;
    z-index:500;
}

#shoppingCartList.show {
    visibility:visible;
}

#shoppingCartListInner {
    padding:15px 10px;
    border:3px solid #e3e3e3;
    border-top:none;
    -webkit-border-radius:0 0 4px 4px;
            border-radius:0 0 4px 4px;
    background-color:#f5f5f5;
    position:relative;
    overflow:hidden;
}

#shoppingCartListInner > div {
    padding-left:5px;
    padding-right:5px;
}

#shoppingCartListInner > a {
    padding:6px;
    margin:6px 0 0;
    width:100%;
    text-decoration:none;
    border-bottom:1px solid #e3e3e3;
    background-color:#fff;
    position:relative;
    display:table;
}

.cartProductProperties {
    padding:3px 7px;
    margin:0;
    list-style:none;
    border:1px solid #e3e3e3;
    background-color:#f5f5f5;
    display:none;
    position:absolute;
    z-index:10;
}

.cartProductProperties span {
    width:110px;
    font-size:10px;
    display:block;
    float:left;
}

.cartProductProperties span.labelKey {
    padding-right:5px;
    width:70px;
    font-weight:bold;
}

#shoppingCartListInner > a:hover {
    border-bottom:1px solid #b9b9b9;
}

#shoppingCartListInner > a:hover .cartProductProperties {
    display:block;
}

#shoppingCartList a.btn:visited {
    color:#fff;
}

#shoppingCartHeader {
    margin-bottom:15px;
}

#shoppingCartHeader span {
    font-size:14px;
    font-weight:bold;
}

#shoppingCartHeader a {
    color:#006DCC;
}

#shoppingCartClose {
    margin-left:15px;
    height:15px;
    width:3px;
    box-shadow:none;
    background-image:url(//mspa-ea.org/digiself/images/shoppingcart-close.png);
    background-repeat:no-repeat;
    background-position:center center;
    float:right;
}

.shoppingCartProduct {
    display:table-row;
}

.shoppingCartProduct > div {
    vertical-align:top;
    display:table-cell;
}

.cartProductImage {
    width:10%;
    min-width:80px;
    line-height:0;
}

.cartProductQuantity {
    padding-right:5px;
    width:5%;
    font-weight:bold;
    text-align:right;
}

.cartProductTitle {
    width:60%;
}

.cartProductPrice {
    width:25%;
    text-align:right;
}

#shoppingCartPrice {
    padding:0;
    margin-top:2px;
    height:35px;
    font-size:13px;
    font-weight:bold;
    text-align:right;
    line-height:35px;
}

#shoppingCartButton a {
    padding-left:0;
    padding-right:0;
    width:100%;
    color:#fff;
}




.productCategories {
    margin:0 0 15px 0;
    list-style:none;
}

.productCategories li {
    border-bottom:1px solid #d4d4d4;
}

.productCategories li a {
    padding:8px 10px 8px 0;
    text-decoration:none;
    display:block;
    color:#777777;
}

.productCategories li.active a,
.productCategories li:hover a {
    color:#000000;
    text-decoration:none;
    background-color:transparent;
}

.productCategories ul {
    margin: -4px 0 4px 15px;
}

.productCategories ul li  {
    border-bottom:0;
}

.productCategories ul li a {
    padding:4px 10px 4px 0;
    color:#777777;
}

.productCategories li.active ul li a,
.productCategories li:hover ul li a {
    color:#777777; 
}

.productCategories li ul li.active > a,
.productCategories li ul li:hover > a {
    color:#000000;
}





#productFilterOverview ul {
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
}

#productFilterOverview li {
    padding:5px 10px;
    margin:0 0 2px 0;
    overflow:hidden;
    background:#f5f5f5;
}

.productFilterText {
    float:left;
}

.productFilterRemove {
    cursor:pointer;
    float:right;
    width:20px;
    text-indent:9999px;
    overflow:hidden;
    background:url(//mspa-ea.org/digiself/images/remove.png) center center no-repeat;
}

.productFilterList,
.productFilterList ul {
    margin: 0;
    padding:0;
    list-style:none;
}

.productFilterList > li {
    padding-bottom:10px;
    margin:0 0 10px 0;
    border-bottom:1px solid #D4D4D4;
    overflow:hidden;
}

.productFilterList .form-group,
.productFilterList .form-group label {
    margin-bottom:0;
}

.productFilterList h3,
.productFilterList h4 {
    margin:5px 0;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    position:relative;
}

.productFilterList h3:after,
.productFilterList h4:after {
    margin-top:-4px;
    content:" ";
    border:5px solid #000;
    border-color:#000 transparent transparent;
    position:absolute;
    top:50%;
    right:0;
}

.productFilterList h3.closed:after,
.productFilterList h4.closed:after {
    margin-top:-5px;
    border-color:transparent transparent transparent #000;
    right:-3px;
}

.productFilterList .filterContainer {
    height:auto;
    -webkit-transition:height 0.6s;
            transition:height 0.6s;
}

.productFilterList .filterType_equal {
    -webkit-transition:height 0.3s;
            transition:height 0.3s;
}

.productFilterList .filterContainer.closed {
    height:0 !important;
    overflow:hidden;
}

.productFilterList .filterContainer .checkbox {
    margin:0;
    overflow:hidden;
}

.productFilterList .productListToggle {
    padding:4px 0;
    font-weight:bold;
    line-height:20px;
    cursor:pointer;
}

.productFilterList .productListToggle > div {
    margin:0 10px 0 0;
    height:11px;
    width:11px;
    background:transparent url(//mspa-ea.org/digiself/images/ui-icons/ui-icons_000000_256x240.png) no-repeat -67px -1px;
    display:inline-block;
    overflow:hidden;
}

.productFilterList .productListToggle.hide {
    display:none;
}

.productFilterList .productListToggle.listLess > div {
    background-position:-2px -1px;
}

.filterContainer .ui-slider-handle {
    height:38px;
    display:block;
    background-image:url(//mspa-ea.org/digiself/images/slider-handle.png);
    background-position:center 20px;
    background-repeat:no-repeat;
    background-color:transparent;
    color:#000000;
    cursor:e-resize;
    min-width:10px;
    margin-top:-20px;
    margin-left:-10px;
    overflow:visible;
    text-decoration:none;
    text-align:center;
}

.ui-slider-range {
    margin-top:12px;
}

.slider-range {
    margin:30px 10px 10px;
    width:85%;
}

.ui-slider-handle:focus {
    outline:none;
}

.ui-slider {
    background-color:#dedede;
}

.ui-slider { 
    position:relative;
    text-align:left;
}

.ui-slider .ui-slider-handle {
    position:absolute;
    z-index:2;
}

.ui-slider .ui-slider-range {
    position:absolute;
    z-index:1;
    display:block;
    border:0;
    background-position:0 0;
}

.ui-slider-horizontal {
    height:.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top:-.3em;
    margin-left:-.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top:0;
    height:100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left:0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right:0;
}

.ui-slider-vertical {
    width:.8em;
    height:100px;
}

.ui-slider-vertical .ui-slider-handle {
    left:-.3em;
    margin-left:0;
    margin-bottom:-.6em;
}

.ui-slider-vertical .ui-slider-range {
    left:0;
    width:100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom:0;
}

.ui-slider-vertical .ui-slider-range-max {
    top:0;
}



table .no-border td,
table .no-border th {
    border-top:none;
}

table th.title {
    width:70%;
}

table th.quantity {
    width:5%;
}

table th.price {
    width:20%;
}

table th.remove {
    width:5%;
}

#checkoutShoppingCartForm .table > tbody > tr > td {
    line-height:30px;
}

.table td.productTxt {
    padding-top:11px;
    font-weight:bold;
}
.table td.priceTxt {
    white-space: nowrap;
}

.table td.productTxt .image {
    width:90px;
    float:left;
}

.table td.productTxt .properties {
    font-weight:normal;
}

.table th.align-right,
.table td.align-right {
    text-align:right;
}

.table td.labelField {
    width: 25%;
}

input.amount[type="text"] {
    width:25px;
    height:15px;
    text-align:right;
}

#checkoutShoppingCartForm .discount {
    max-width:250px;
    float:right;
}

.deleteButton {
    margin-top:5px;
    height:15px;
    width:15px;
    cursor:pointer;
    box-shadow:none;
    background-image:url(//mspa-ea.org/digiself/images/shoppingcart-close.png);
    background-repeat:no-repeat;
    background-position:center center;
    text-indent:9999px;
    overflow:hidden;
}

.deleteButton.btn:hover,
.deleteButton.btn:focus {
    background-position:center center;
}

button#update_discount {
    margin-bottom:10px;
    margin-left:10px;
    float:left;
}

span.radioLabel {
    line-height:20px;
    vertical-align:middle;
    padding-right:20px;
}

#checkoutAccountForm .well {
    overflow:hidden;
}

#checkoutAccountForm .control-group {
    margin:0 0 5px;
    float:left;
}

#checkoutAccountForm .control-group span.help-inline {
    display:none !important;
}

#checkoutAccountForm .control-group.gender,
#checkoutAccountForm .control-group.deliveryGender {
    margin-bottom:20px;
    width:100%;
}

#checkoutAccountForm .control-group.street,
#checkoutAccountForm .control-group.deliveryStreet {
    clear:left;
}

#checkoutAccountForm .control-group.deliveryDiffers {
    clear:left;
}

#checkoutAccountForm .control-group label {
    width:110px;
    font-size:12px;
}

#checkoutAccountForm .control-group label.checkbox {
    width:auto;
}

#checkoutAccountForm .control-group label > span {
    min-height:1px;
    width:8px;
    text-align:right;
    display:block;
    float:right;
}

#checkoutAccountForm .control-group .controls {
    margin-left:120px;
}

#checkoutAccountForm .control-group input[type="text"],
#checkoutAccountForm .control-group textarea {
    width:185px;
    font-size:12px;
}

#checkoutAccountForm .control-group select {
    width:199px;
    font-size:12px;
}

#checkoutAccountForm .control-group.selectable {
    margin-bottom:20px;
    clear:left;
}

.checkoutActions {
    margin:0 0 10px;
    width:100%;
    overflow:hidden;
}

.checkoutActions a {
    float:left;
}

.checkoutActionOption {
    padding:6px 10px;
    text-align:right;
    border-top:1px solid #ddd;
    background-color:#f6f6f6;
    overflow:hidden;
}

.checkoutActionOption label,
.checkoutActionOption label.error {
    font-size:12px;
}

.checkoutActionOption label.error {
    color:#b94a48;
}

.checkoutActionOption input {
    float:right;
    clear:both;
}

#checkoutShoppingCartForm .checkoutActionOption input {
    margin:8px 0 0 10px;
}

.checkoutActions a:visited {
    color:#fff;
}

.checkoutActions input[type="submit"] {
    float:right;
}

#checkoutShoppingCartForm .checkoutActions input[type="submit"] {
    margin:20px 0 0;
    clear:right;
}

.paymentMethodInfo {
    margin:3px 0 0;
    display:none;
    width:199px;
    overflow:hidden;
    font-style:italic;
}

.paymentMethodInfo a {
    font-weight:bold:
}



#checkoutCheckoutContainer {
    position:relative;
}

#checkoutLoginForm {
    margin-left:-180px;
    width:360px;
    -webkit-box-shadow:0 0 3px 2px rgba(0,0,0,0.3);
            box-shadow:0 0 3px 2px rgba(0,0,0,0.3);
    -webkit-border-radius:4px;
            border-radius:4px;
    display:none;
    position:absolute;
    left:50%;
    z-index:999;
}

#checkoutLoginForm .accountFormMessage {
    margin:0;
}

#checkoutLoginForm .closeLogin {
    color:#000;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    position:absolute;
    top:18px;
    right:23px;
}

#checkoutLoginForm .loginForm {
    padding:15px 20px;
    margin:0;
}

#checkoutLoginForm .loginForm fieldset {
    margin:0;
}

#checkoutLoginForm .loginForm dt {
    margin-bottom:5px;
}

#checkoutLoginForm .loginForm dd {
    margin-bottom:10px;
    width:260px;
}

#checkoutLoginForm dt.button {
    display:none;
}

#checkoutCheckoutForm div.step1,
#checkoutCheckoutForm div.login {
    position:static;
}

#checkoutCheckoutForm legend.enableLogin {
    margin-bottom:40px;
}

#checkoutCheckoutForm fieldset.deliveryInfo {
    margin-bottom:25px;
    display:none;
}

#checkoutCheckoutForm fieldset.paymentOptions {
    margin-top:23px;
}

#checkoutProcessAfterpayContainer fieldset.paymentOptions {
    margin-top: 0;
}

#checkoutCheckoutForm fieldset.confirmation th {
    padding-top:6px;
    border-top:none;
}

#checkoutCheckoutForm fieldset.confirmation tr.unusedRow {
    display:none;
}

#checkoutCheckoutForm .form-group {
    margin:0 0 10px;
}

#checkoutCheckoutForm .form-control {
    padding-left:10px;
    padding-right:10px;
}

#checkoutCheckoutForm label {
    margin:0;
}

#checkoutCheckoutForm label.required:after {
    content:" *";
}

#checkoutCheckoutForm label.checkbox-inline {
    line-height:normal;
}

#checkoutCheckoutForm label.checkbox-inline input {
    margin-top:2px;
}

.oneStepLoginBg {
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,0.5);
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:998;
}

.editAutoCompleteFields {
    float:right;
    display:block;
    cursor:pointer;
}



.orderAccordion span { 
    margin:0 10px 0 0; 
    display:inline-block; 
}
.orderAccordion span.price { 
    min-width:92px; 
}
.orderAccordion span.paymentName { 
    min-width:160px; 
}    
#orders .ui-helper-hidden { 
    display: none; 
}
#orders .ui-helper-hidden-accessible { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: 
    hidden; 
    padding: 0; 
    position: 
    absolute;
    width: 1px; 
}
#orders .ui-helper-reset { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    line-height: 1.3; 
    text-decoration: none; 
    font-size: 100%; 
    list-style: none; 
}
#orders .ui-helper-clearfix:before, .ui-helper-clearfix:after { 
    content: ""; 
    display: table; 
}
#orders .ui-helper-clearfix:after { 
    clear: both; 
}
#orders .ui-helper-clearfix { 
    zoom: 1; 
}
#orders .ui-helper-zfix { 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    position: absolute; 
    opacity: 0; 
    filter:Alpha(Opacity=0); 
}
#orders .ui-state-disabled { 
    cursor: default !important; 
}
#orders .ui-icon { 
    display: block; 
    text-indent: -99999px; 
    overflow: hidden; 
    background-repeat: no-repeat; 
}
#orders .ui-accordion .ui-accordion-header { 
    display: block; 
    cursor: pointer; 
    position: relative; 
    margin-top: 2px; 
    padding: .5em .5em .5em .7em; 
    zoom: 1; 
}
#orders .ui-accordion .ui-accordion-icons { 
    padding-left: 2.2em; 
}
#orders .ui-accordion .ui-accordion-noicons { 
    padding-left: .7em; 
}
#orders .ui-accordion .ui-accordion-icons .ui-accordion-icons { 
    padding-left: 2.2em; 
}
#orders .ui-accordion .ui-accordion-header .ui-accordion-header-icon { 
    position: absolute; 
    left: .5em; 
    top: 50%; 
    margin-top: -8px; 
}
#orders .ui-accordion .ui-accordion-content { 
    padding: 1em 2.2em; 
    height: auto !important; 
    border-top: 0; 
    overflow: auto; 
    zoom: 1; 
}
#orders .ui-widget input, 
#orders .ui-widget select, 
#orders .ui-widget textarea, 
#orders .ui-widget button { 
    font-family: Arial,sans-serif; 
    font-size: 1em; 
}
#orders .ui-widget-content { 
    border: 1px solid #aaaaaa; 
    background: #ffffff 
    color: #222222; 
}
#orders .ui-widget-content a { 
    color: #222222; 
}
#orders .ui-widget-header { 
    border: 1px solid #aaaaaa; 
    background: #cccccc 
    color: #222222; 
    font-weight: bold; 
}
#orders .ui-widget-header a { 
    color: #222222; 
}
#orders .ui-state-default, 
#orders .ui-widget-content .ui-state-default, 
#orders .ui-widget-header .ui-state-default { 
    border: 1px solid #d3d3d3; 
    background: #e6e6e6; 
    font-weight: normal; 
    color: #555555; 
}
#orders .ui-state-default a, 
#orders .ui-state-default a:link, 
#orders .ui-state-default a:visited { 
    color: #555555; 
    text-decoration: none; 
}
#orders .ui-state-hover, 
#orders .ui-widget-content .ui-state-hover, 
#orders .ui-widget-header .ui-state-hover, 
#orders .ui-state-focus, 
#orders .ui-widget-content .ui-state-focus, 
#orders .ui-widget-header .ui-state-focus { 
    border: 1px solid #999999; 
    background: #dadada; 
    font-weight: normal; 
    color: #212121; 
}
#orders .ui-state-hover a, 
#orders .ui-state-hover a:hover, 
#orders .ui-state-hover a:link, 
#orders .ui-state-hover a:visited { 
    color: #212121; 
    text-decoration: none; 
}
#orders .ui-state-active, 
#orders .ui-widget-content .ui-state-active, 
#orders .ui-widget-header .ui-state-active { 
    border: 1px solid #aaaaaa; 
    background: #ffffff; 
    font-weight: normal; 
    color: #212121; 
}
#orders .ui-state-active a, 
#orders .ui-state-active a:link, 
#orders .ui-state-active a:visited { 
    color: #212121; 
    text-decoration: none; 
}
#orders .ui-state-highlight, 
#orders .ui-widget-content .ui-state-highlight, 
#orders .ui-widget-header .ui-state-highlight  {
    border: 1px solid #fcefa1; 
    background: #fbf9ee; 
    color: #363636; 
}
#orders .ui-state-highlight a, 
#orders .ui-widget-content .ui-state-highlight a, 
#orders .ui-widget-header .ui-state-highlight a { 
    color: #363636; 
}
#orders .ui-state-error, 
#orders .ui-widget-content .ui-state-error, 
#orders .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a; 
    background: #fef1ec; 
    color: #cd0a0a; 
}
#orders .ui-state-error a, 
#orders .ui-widget-content .ui-state-error a, 
#orders .ui-widget-header .ui-state-error a { 
    color: #cd0a0a; 
}
#orders .ui-state-error-text, 
#orders .ui-widget-content .ui-state-error-text, 
#orders .ui-widget-header .ui-state-error-text { 
    color: #cd0a0a; 
}
#orders .ui-priority-primary, 
#orders .ui-widget-content .ui-priority-primary, 
#orders .ui-widget-header .ui-priority-primary { 
    font-weight: bold; 
}
#orders .ui-priority-secondary, 
#orders .ui-widget-content .ui-priority-secondary, 
#orders .ui-widget-header .ui-priority-secondary { 
    opacity: .7; 
    filter:Alpha(Opacity=70); 
    font-weight: normal; 
}
#orders .ui-state-disabled, 
#orders .ui-widget-content .ui-state-disabled, 
#orders .ui-widget-header .ui-state-disabled { 
    opacity: .35; 
    filter:Alpha(Opacity=35); 
    background-image: none; 
}
#orders .ui-state-disabled .ui-icon { 
    filter:Alpha(Opacity=35); 
}
.orderAccordion .ui-icon { 
    width: 16px; 
    height: 16px; 
    background-image: none; 
}
#orders .ui-corner-all, 
#orders .ui-corner-top, 
#orders .ui-corner-left, 
#orders .ui-corner-tl { 
    -moz-border-radius-topleft: 4px; 
    -webkit-border-top-left-radius: 4px; 
    -khtml-border-top-left-radius: 4px; 
    border-top-left-radius: 4px; 
}
#orders .ui-corner-all, 
#orders .ui-corner-top, 
#orders .ui-corner-right, 
#orders .ui-corner-tr { 
    -moz-border-radius-topright: 4px; 
    -webkit-border-top-right-radius: 4px; 
    -khtml-border-top-right-radius: 4px; 
    border-top-right-radius: 4px; 
}
#orders .ui-corner-all, 
#orders .ui-corner-bottom, 
#orders .ui-corner-left, 
#orders .ui-corner-bl { 
    -moz-border-radius-bottomleft: 4px; 
    -webkit-border-bottom-left-radius: 4px; 
    -khtml-border-bottom-left-radius: 4px; 
    border-bottom-left-radius: 4px; 
}
#orders .ui-corner-all, 
#orders .ui-corner-bottom, 
#orders .ui-corner-right, 
#orders .ui-corner-br { 
    -moz-border-radius-bottomright: 4px; 
    -webkit-border-bottom-right-radius: 4px; 
    -khtml-border-bottom-right-radius: 4px; 
    border-bottom-right-radius: 4px; 
}
#orders .ui-widget-overlay { 
    background: #aaaaaa; 
    opacity: .3;
    filter:Alpha(Opacity=30); 
}
#orders .ui-widget-shadow { 
    margin: -8px 0 0 -8px; 
    padding: 8px; 
    background: #aaaaaa; 
    opacity: .3;
    filter:Alpha(Opacity=30); 
    -moz-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; } 
    
.order-status {
    position: relative;
}

.order-status span {
    cursor: pointer;
}
    
.no-order {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
            box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    display: none;
    font-size: 14px;
    padding: 7px 12px;
    position: absolute;
    right: 40px;
    top: -9px;
    white-space: nowrap;
}

.order-status:hover .no-order {
    display: block;
}




@media (max-width: 1400px) {}


@media (max-width: 1199px) {
    .product .overviewImage {
        height:150px;
    }
}


@media (max-width: 991px) {
    #productInfoPreviewPhoto,
    .productImage {
        max-height:200px;
    }
}


@media (max-width: 767px) {}


@media (max-width: 479px) {
    .productOverviewSettings .col-xs-6,
    .productOverview .col-xs-6,
    .recentProducts .col-xs-6 {
        width:100%;
    }

    .productOverviewSettings,
    .productOverview > h4,
    .product .caption h3 {
        text-align:center;
    }
    
    .productOverviewSettings .pagination {
        float:none;
    }

    .productOverview {
        margin-top:10px;
    }

    .product .productActions a {
        width:100%;
    }

    .productIntro > div {
        width:100%;
    }

    .productIntro .productImage,
    #productInfoPreviewPhoto {
        margin-top:0;
        max-height:200px;
    }
    
    #productInfoPhotosThumbs {
        margin-bottom:20px;
    }

    .productActions.col-xs-6,
    .productRatingAverage .col-xs-6 {
        width:100%;
    }

    .productRatingAverage .productRatingStars {
        margin-top:8px;
        float:right;
    }

    .productRatingAverage .btn {
        margin:5px 0;
        width:100%;
    }

    #productDetail .productActions > div {
        max-width:none;
    }

    .productActions.productBack {
        margin-bottom:0;
        float:right;
    }
    
    .productActions.productBack.top {
        display:none;
    }
    
    #productDetail .productActions.productBack.bottom {
        margin-top:0;
        display:block;
    }

    #shoppingCartList {
        max-width:none;
        left:0;
        right:0 !important;
    }

    #shoppingCartListInner {
        border-left:0;
        border-right:0;
        -webkit-border-radius:0;
                border-radius:0;
    }

    .table td.productTxt .image {
        display:none;
    }
}



@media (min-width: 1200px) {
    #productInfoPreviewPhoto,
    .productImage {
        max-height:350px;
    }
}