/**
 * Owner: www.asos.com
 * Theme: minibag.css
 * Description: Sets general layout and defaults for the minibag
 * Author: ASOS UI developers
 * Media: Screen
 */

#addToBasketAlert {color:#000; display:none; font-size:1.2em; left:50%; line-height:15px; margin-left:-177px; margin-top:-100px; position:fixed; top:50%; width:355px; z-index:1001;}
#addToBasketAlert div.ftr {background:url(/web/images/core/add-to-basket-alert-background.png) left bottom no-repeat; height:13px;}
#addToBasketAlert div.cnt {background:url(/web/images/core/add-to-basket-alert-background.png) left top no-repeat; padding:10px 15px 7px 10px; position:relative;}
#addToBasketAlert .title {font-weight:bold;}
#addToBasketAlert .message {font-weight:bold; padding:15px 0 10px;}
#addToBasketAlert .navBlock {border-top:1px solid #000;}
#addToBasketAlert a {color:#000; text-decoration:underline;}
#addToBasketAlert_visibleType_loading {text-align:center;}

#miniBasket .mini-bag-wrapper {display:none; font-family:tahoma; font-size:0.9em; overflow:hidden; position:absolute; right:-5px; text-transform:none; top:0; width:291px; z-index:9999;}
html.ie7 #miniBasket .mini-bag-wrapper {right:-7px;} /* ie7 fix */
html.ie6 #miniBasket .mini-bag-wrapper {background:#fff; border:1px solid #666; right:0; top:30px; width:284px;} /* ie6 fix */
#miniBasket .mini-bag-wrapper-top {overflow:hidden;}
#miniBasket .mini-bag-wrapper-bottom {overflow:hidden; padding:0 0 19px;}
#miniBasket .mini-bag-wrapper-right {margin:31px 0 0; overflow:hidden; text-align:left; width:291px;}
html.ie6 #miniBasket .mini-bag-wrapper-right {margin:23px 0 0;} /* ie6 fix */
#miniBasket .advert-space {margin:31px 0 0; overflow:hidden; padding:0 0 32px; text-align:left; width:291px;}
html.ie6 #miniBasket .advert-space {padding:0 0 28px;} /* ie6 fix */

#miniBasket div > .mini-bag-wrapper-top {background:none;}
#miniBasket div > .mini-bag-wrapper-bottom {background:url(/web/images/minibag/mini-bag-bottom.png) no-repeat left bottom;}
#miniBasket div > .mini-bag-wrapper-right {background:url(/web/images/minibag/mini-bag-middle.png) repeat-y right top;}

#miniBasket .body.loading {font-weight:normal; height:53px; position:relative; text-align:center;}
#miniBasket .body.loading img {color:#000; left:135px; position:absolute; top:25px; z-index:500;}

#miniBasket .body {display:none; overflow:hidden; text-align:left;}
#miniBasket .body.empty {font-weight:bold; overflow:hidden; position:relative; text-align:center;}
html.ie7 #miniBasket .body.empty .top {display:none; height:40px; margin:3px 0 0 -20px; width:250px;} /* ie7 fix */
html.ie6 #miniBasket .body.empty .top {display:none; border-top:1px solid #000; height:50px; margin:3px 0 0 -1px; width:250px;} /* ie6 fix */
#miniBasket .body.empty p {color:#000; height:20px; left:0; position:relative; top:12px; z-index:500;}
html.ie7 #miniBasket .body.empty p {height:15px; left:93px; position:absolute; top:17px;} /* ie7 fix */
html.ie6 #miniBasket .body.empty p {left:83px; position:absolute; top:25px;} /* ie6 fix */
#miniBasket .body.empty a.button.view-saved-items {margin:5px auto 0; min-width:94px;}

#miniBasket .body.full .item {background:#fff; border:1px solid #c8c8c8; height:130px; margin:5px 0 0 10px; overflow:hidden; width:265px;}
html.ie6 #miniBasket .body.full .item {border:1px solid #c8c8c8; margin:5px 0 5px 8px;} /* ie6 fix */
#miniBasket .body.full .item:hover {background:#efefef; border:1px solid #848484; cursor:pointer; height:130px; margin:5px 0 0 10px; overflow:hidden; width:265px;}
#miniBasket .hover-state {background:#efefef !important; border:1px solid #848484 !important; cursor:pointer; height:130px; margin:5px 0 0 10px; overflow:hidden; width:265px;}
#miniBasket .body.full .items {clear:both; overflow:hidden; position:relative;}
#miniBasket .body.full .items .thumb {border:1px solid #848484; float:left; margin:6px 10px 0 6px;}
#miniBasket .body.full .items .detail {margin:4px 0 0 50px;}
#miniBasket .body.full .items .detail a {color:#000; font-weight:bold; text-decoration:none;}
#miniBasket .body.full .items .detail a:hover {color:#000; font-weight:bold; text-decoration:none;}

#miniBasket .body.full .itemsClmn a.remove {background:#fff; border:1px solid #b4b4b4; color:#777; cursor:pointer; float:right; font-family:Verdana; font-size:1.1em; height:11px; line-height:0.8em; position:relative; right:19px; text-align:center; text-decoration:none; top:-127px; width:11px; z-index:30000;}
html.ie6 #miniBasket .body.full .itemsClmn  a.remove {top:-134px;} /* ie6 fix */
#miniBasket .body.full .itemsClmn a.remove:hover {text-decoration:none;}

#miniBasket .body.full .items p {color:#000; margin-bottom:0;}
#miniBasket .body.full .items p.price a {font-weight:normal; text-decoration:underline;}
#miniBasket .body.full .items p.price {font-size:1.1em; font-weight:bold; padding:0 0 7px;}
#miniBasket .body.full .items p.quantity {font-size:1.1em; padding:7px 0 0;}
#miniBasket .body.full .items p.title {font-weight:bold; padding-bottom:5px; white-space:normal; width:195px;}
html.ie7 #miniBasket .body.full .items p.title {width:140px;} /* ie7 fix */
html.ie6 #miniBasket .body.full .items p.title {width:135px;} /* ie6 fix */
#miniBasket .body.full .items span.maxAvailable {color:#f00; font-weight:bold;}
#miniBasket .body.full .delivery {background:#ddd; height:13px; padding:5px;}
#miniBasket .body.full .delivery select {font-size:10px;}
#miniBasket .body.full .summary {border-bottom:1px solid #b7b7b7; color:#000; font-size:1.2em; font-weight:bold; height:27px; margin:0 10px; padding:5px; text-align:right; width:256px;}
html.ie6 #miniBasket .body.full .summary {margin:0 8px; width:260px;} /* ie6 fix */
#miniBasket .body .top {display:none; overflow:hidden; margin:3px 0 0 10px; width:268px;}
html.ie6 #miniBasket .body .top {margin:0 0 0 8px;} /* ie6 fix */

#miniBasket .itemsClmn {overflow:hidden; position:relative;}
#miniBasket .items a:hover {text-decoration:underline;}
#miniBasket .items a img {border:1px solid #848484;}

#miniBasket.sel a.view-bag {color:#000; font-size:1.1em; position:relative; z-index:30000;}
html.ie6 #miniBasket.sel a.view-bag {font-weight:normal; margin-right:50px;} /* ie6 fix */
#miniBasket a.view-bag {color:#000; font-size:1.1em; position:relative;}
html.ie6 #miniBasket a.view-bag {margin:0 50px 0 0; z-index:10000;} /* ie6 fix */

#miniBasket.sel .mini-header {border-bottom:1px solid #bababa; color:#fff; position:absolute; top:30px;}
html.ie7 #miniBasket.sel .mini-header {top:18px;} /* ie7 fix */
#miniBasket .mini-header {border-bottom:1px solid #bababa; color:#fff; position:absolute; top:30px; width:286px;}
html.ie6 #miniBasket .mini-header {top:0;} /* ie6 fix */
#miniBasket .mini-header a {color:#fff;}
#miniBasket .mini-header a:hover {color:#fff;}

#miniBasket .body.full .links {margin:8px 0 0; overflow:hidden; padding:6px 10px 5px; text-align:right; width:272px;}
html.ie6 #miniBasket .body.full .links {padding:6px 8px 5px; width:268px;} /* ie6 fix */

#miniBasket .links a.button.view-bag {float:left; margin:0 5px 0 0; min-width:110px;}
#miniBasket .links a.button.pay-now {float:left; min-width:108px;}

#miniBasket .summary a.save-for-later {color:#707070; float:left; font-size:0.9em; font-weight:normal; height:16px; margin:8px 0 0 -4px; text-transform:uppercase;}
#miniBasket .summary a.save-for-later:hover {color:#707070; float:left; font-size:0.9em; font-weight:normal; height:16px; margin:8px 0 0 -4px; text-decoration:underline; text-transform:uppercase;}

#miniBasket .body.full .ftr {background-color:#000; height:36px; margin:8px 0 0 1px; position:absolute; white-space:normal; width:284px;}
html.ie6 #miniBasket .body.full .ftr {margin:11px 0 0;} /* ie6 fix */
html.ie6 #miniBasket .body.full .ftr img {display:block;} /* ie6 fix */
#miniBasket .body.empty .ftr {background-color:#fff; display:none; height:32px; margin:66px 0 0 18px; position:absolute; white-space:normal; width:251px;}
#miniBasket .ftr {height:32px; margin:-55px 0 0 18px; position:absolute; text-align:left; white-space:normal; width:251px;}

#miniBasket .pagination-wrapper {margin:0 10px 2px; overflow:hidden; text-align:center; width:268px;}
html.ie6 #miniBasket .pagination-wrapper {margin:0 8px 2px;} /* ie6 fix */
#miniBasket .pagination {margin:5px 0 0;}
html.ie7 #miniBasket .top .pagination {margin:8px 0 0;} /* ie7 fix */
#miniBasket .pagination-text {color:#fff; float:left; font-size:1.1em; font-weight:bold; height:18px; margin:0 0 0 11px; text-transform:uppercase;}
html.ie7 #miniBasket .top .pagination-text {color:#000; float:right; font-size:1.1em; height:14px; margin:3px 0 0; text-transform:uppercase;} /* ie7 fix */
#miniBasket .header-total {float:right; font-weight:bold; font-size:1.1em;}

#miniBasket .prev,
#miniBasket .next {border:1px solid #bababa; clear:both; float:right; cursor:pointer; height:25px; position:relative; margin:0 auto; width:266px;
    background:#fefefe;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top, #fefefe 0%, #e7e7e7 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7));
    background:-webkit-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%);
    background:-o-linear-gradient(top, #fefefe 0%,#e7e7e7 100%);
    background:-ms-linear-gradient(top, #fefefe 0%,#e7e7e7 100%);
    background:linear-gradient(top, #fefefe 0%,#e7e7e7 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr='#fefefe', endColorstr='#e7e7e7')";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e7e7e7');
}
html.ie9 #miniBasket .prev,
html.ie9 #miniBasket .next {-ms-filter:none; filter:none;} /* ie9 filter fix for SVG */
#miniBasket .prev.hover,
#miniBasket .next.hover {background:#fff; -ms-filter:none; filter:none;}
#miniBasket .prev.disabled,
#miniBasket .next.disabled {background:#e6e6e6 !important; cursor:default; -ms-filter:none; filter:none;}
#miniBasket .prev span,
#miniBasket .next span {border-style:solid; border-width:7px 7px; height:0; position:absolute; right:126px; width:0;}
html.ie6 #miniBasket .next span,
html.ie7 #miniBasket .next span,
html.ie8 #miniBasket .next span {border-width:6px 6px;} /* ie6,7,8 fix */
#miniBasket .prev span.arrow-border {top:3px;}
html.ie6 #miniBasket .prev span.arrow-border {top:-8px;} /* ie6 fix */
#miniBasket .next span.arrow-border {top:10px;}
#miniBasket .prev span.arrow {top:5px;}
html.ie6 #miniBasket .prev span.arrow {top:-10px;} /* ie6 fix */
#miniBasket .next span.arrow {top:8px;}
html.ie6 #miniBasket .prev span {border-left-color:#ffc0cb; border-right-color:#ffc0cb; border-top-color:#ffc0cb; filter:chroma(color=#ffc0cb);} /* ie6 fix */
html.ie6 #miniBasket .next span {border-bottom-color:#ffc0cb; border-left-color:#ffc0cb; border-right-color:#ffc0cb; filter:chroma(color=#ffc0cb);} /* ie6 fix */

#miniBasket .prev span.arrow-border {border-color:transparent transparent #000; border-color:rgba(255,255,255,0) rgba(255,255,255,0) #000;}
#miniBasket .prev span.arrow {border-color:transparent transparent #f2f2f2; border-color:rgba(255,255,255,0) rgba(255,255,255,0) #f2f2f2;}
#miniBasket .next span.arrow-border {border-color:#000 transparent transparent; border-color:#000 rgba(255,255,255,0) rgba(255,255,255,0);}
#miniBasket .next span.arrow {border-color:#f2f2f2 transparent transparent; border-color:#f2f2f2 rgba(255,255,255,0) rgba(255,255,255,0);}
#miniBasket .prev.hover span.arrow-border {border-color:transparent transparent #000; border-color:rgba(255,255,255,0) rgba(255,255,255,0) #000;}
#miniBasket .prev.hover span.arrow {border-color:transparent transparent #fff; border-color:rgba(255,255,255,0) rgba(255,255,255,0) #fff;}
#miniBasket .next.hover span.arrow-border {border-color:#000 transparent transparent; border-color:#000 rgba(255,255,255,0) rgba(255,255,255,0);}
#miniBasket .next.hover span.arrow {border-color:#fff transparent transparent; border-color:#fff rgba(255,255,255,0) rgba(255,255,255,0);}
#miniBasket .prev.disabled span.arrow-border {border-color:transparent transparent #bababa; border-color:rgba(255,255,255,0) rgba(255,255,255,0) #bababa;}
#miniBasket .prev.disabled span.arrow {border-color:transparent transparent #e6e6e6; border-color:rgba(255,255,255,0) rgba(255,255,255,0) #e6e6e6;}
#miniBasket .next.disabled span.arrow-border {border-color:#bababa transparent transparent; border-color:#bababa rgba(255,255,255,0) rgba(255,255,255,0);}
#miniBasket .next.disabled span.arrow {border-color:#e6e6e6 transparent transparent; border-color:#e6e6e6 rgba(255,255,255,0) rgba(255,255,255,0);}

#miniBasket .info-message {color:#707070; display:none; font-size:1.1em; margin:5px 0 0 6px; padding:5px; text-transform:uppercase; white-space:normal; width:268px;}
#miniBasket .productAdded {color:#707070; white-space:normal; width:268px;}
#miniBasket .mini-bag-error {color:#f00; white-space:normal; width:268px;}
#miniBasket .total-label {float:right; margin:6px 15px 0 0;}
#miniBasket .total-price {float:right; margin:6px -5px 0 0;}
html.ie6 #miniBasket .total-price {margin:6px 0 0;} /* ie6 fix */
#miniBasket .item.true {height:130px !important; margin:0 22px 0 0;}
html.ie6 #miniBasket .item.true {margin:0; width:252px;} /* ie6 fix */
html.ie6 #miniBasket .item.true p.title {width:100px;} /* ie6 fix */
#miniBasket .body.full .item.true:hover {background:#efefef !important; border:1px solid #848484;}