/* minibasket bundle display */

li.price_item.priceTooltip span.message{
    display:none;
}
#recommendationsBox {
    margin: 0 auto;
    width: 80%;
    height: 40px;
    color:#fff;
    font-size:12px;
    border-top-right-radius:7px;
    border-top-left-radius: 7px;
    border-bottom: none;
    background:  repeat-x url('/images/buildorder/recommendation_bg.png');

    display: none;
}
#recommendationsBox span {
    background:   url('/images/buildorder/recommendation_arrow.png') no-repeat right;
    /*background:  #50aa24 url('/images/bui ldorder/recommendation-right-arrow.png') no-repeat right;*/
    float: left;
    font-size: 14px;
    color: #fff;
    padding:  11px 17px 11px 8px;
    border-top-left-radius: 7px;
    margin-right: 10px;
}
#recommendationContainer {
    float: left;
    width: 100%;
    height: 40px;
}

#recommendationContainer p{
    padding: 12px 10px 0 0;
    max-width: 100% !important;
    text-align: center;
}

#basket_info_bubbleWrap{
    width: 300px;
    position:absolute;
    display:none;
    z-index:3;
    bottom: 90px;
    right: 50px;

}

#basket_info_bubble{
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    z-index: 3;
    text-decoration: none;
    left: 15px;
    border: 4px solid white;
    font-weight: normal;
    color:white;
    padding: 5px 10px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    background: #666;
    width:255px;
    position:relative;



}
img#basket_arrow_down{
    z-index:4;
    position: absolute;
    left: 60px;
}

#basket_info_bubble i,
#basket_info_bubble em{
    font-weight: bold;
    color:white;
    display: block;
    font-style: normal;
    padding-bottom: 5px;
}
.miniBasket #bundleCollection {
    background: url('/images/buildorder/basket_collection.png') no-repeat right 1px;
    width: 300px;
    height: 58px;
    padding: 16px 0 16px 30px;
    float: left;
    font-size:14px;
}
#bundleCollection #bundleTitle {
    color: #999;
    height : 33px;
    line-height:21px;
}
#bundleCollection #bundleTitle span {
    color: #fff;
    padding-left: 3px;
}
#bundleCollection a {
    color: #fff;
    background: url('/images/buildorder/white_arrow.png') no-repeat right !important;
    padding-right: 10px;
}

/***** build order - mini basket *****/
#basket {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 8888;
}
form > #basket {
    position: fixed;
}
body.line #basket{
    position: fixed;
}
#basket .inner {
    /*-webkit-box-shadow: 0px 15px 10px rgba(0,0,0,1);*/
    background: url('/images/buildorder/basket_bg.png') no-repeat center bottom;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}
#basket .miniBasket {
    overflow: hidden;
}
#basket .basketContents  {position:relative;}
#basket ul,
#basket ol {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#basket ul li,
#basket ol li {
    float: left;
    height: 86px;
    position: relative;
}

#basket div.priceContainer {
    float: left;
    /*margin-left: 10px;      */
    width: 408px;
}
#basket div.priceContainer ol {
    float: right;
}

.miniBasketInit {
    display:none!important;
}

#preloader{
    position:absolute;
    left:-11px;
    top:-7px;
    display:none;
}

.js #basket div.priceContainer li.total{
    display: inline;
}
#basket div.priceContainer li.price_item {
    display: inline;
    margin-left: 10px;
    position: relative;
    text-align: center;
    width: 82px;
    color: #ffffff;
    color: #ffffff;
}
#basket div.priceContainer li.price_item h3 {
    color: #999;
    font-size: 1em;
    font-weight: normal;
    margin: 18px 0 3px 0;
    white-space: nowrap;
}
#basket div.priceContainer li.price_item span.price {
    color: #fff;
    font-size: 1.3333em;
    line-height: 16px;
}
#basket div.priceContainer li.price_item span.sum {
    color: #fff;
    left: -10px;
    position: absolute;
    top: 40%;
    font-size: 1.5em;
    text-align: center;
}
#basket div.priceContainer li.price_monthly,
#basket div.priceContainer li.price_oneoff {
    color: #fff;
    height: 95px;
    margin: 0 0 0 10px;
    position: relative;
    width: 107px;
}
#basket div.priceContainer li.price_monthly {
    background: transparent url('/images/buildorder/minibasket_monthly_price.png') no-repeat right center;
}
#basket div.priceContainer li.price_oneoff {
    background: transparent url('/images/buildorder/minibasket_oneoff_price.png') no-repeat left center;
    margin-left: 0;
}
.discount_price{
    float: left;
    clear: both;
    padding-right: 1em;
    color: #00CC00;
}
.discount_price{
    float: right;
    padding-right: 1em;
    color: #00CC00;
}
#basket div.priceContainer div.glow {
    height: 95px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 112px;
    filter: alpha(opacity=0);
    ZOOM: 1;
}
#basket div.priceContainer li.price_monthly div.glow {
    background: url('/images/buildorder/minibasket_monthly_price_glow.png') no-repeat center right;
}
#basket div.priceContainer li.price_oneoff div.glow {
    background: url('/images/buildorder/minibasket_oneoff_price_glow.png') no-repeat center right;
}
#basket div.priceContainer li.price_oneoff span.amp {
    color: #fff;
    font-size: 1.0833em;
    left: -5px;
    top: 38px;
    z-index: 100;
}
#basket div.priceContainer li.total h3,
#basket div.priceContainer li.total h4 {
    color: #ccc;
    font-size: .9167em;
    margin-left: 8px;
}
#basket div.priceContainer li.total h3 {
    margin-top: 26px;
}
#basket div.priceContainer li.total h3.discount {
    margin-top: 8px;
}
#basket div.priceContainer li.total h4 {
    font-style: italic;
    font-weight: normal;
    margin: 0 0 0 10px;
}
#basket div.priceContainer li.total span.price,
#basket div.priceContainer li.total span.discount {
    display: block;
    margin-left: 10px;
}
#basket div.priceContainer li.total span.discount {
    color: #CF9;
    font-size: 1.1667em;
}
#basket div.priceContainer li.price_oneoff h3,
#basket div.priceContainer li.price_oneoff h4,
#basket div.priceContainer li.price_oneoff span.price,
#basket div.priceContainer li.price_oneoff span.discount {
    margin-left: 0;
    margin-right: 10px;
}
div.priceContainer#priceContainerSingle li.price_oneoff span.price{
    padding: 0;
    margin-right: 10px;
}
div.priceContainer#priceContainerSingle li.price_oneoff.total h4{
    margin-right: 10px;
}
#basket input.newCta {
    float: right;
    margin: 30px 15px 0 0;
}
#basket ul.saveShare {
    margin-left: 17px;
    position:absolute;
    right:0px;
}
#basket ul.saveShare li {
    float: none;
    height: 47px;
    margin: 0;
    text-indent: -999em;
    width: 48px;
}
#basket ul.saveShare a {
    background: no-repeat center center;
    display: block;
    height: 47px;
    width: 48px;
}
#basket ul.saveShare li a:focus {
    background: no-repeat center center;
    border: 1px dotted #c00;
    display: block;
    height: 46px;
    width: 46px;
}
#basket ul.saveShare li.save a {
    background-image: url('/images/buildorder/save_icon.png');
}
#basket ul.saveShare li.share a {
    background-image: url('/images/buildorder/share_icon.png');
}

/***** checkout - mini basket over-rides *****/
body.checkout #basket {
    background: url('/images/bg/checkoutBasket.png') no-repeat left top;
    font-size: 0.75em;
    height: 78px;
    left: auto;
    padding-left: 180px;
    position: absolute;
    right: 0;
    top: 0;
    width: 402px;
}

/*** content area ***/
body.checkout #basket div.content {
    float: left;
    width: 105px;
}
body.checkout #basket h2 {
    color: #ccc;
    font-size: 1.33em;
    position: static;
    margin: 18px 0 9px 0;
    text-indent: 0;
    visibility: visible;
    width: auto;
}
body.checkout #basket p {
    margin: 0;
}
body.checkout #basket a {
    color: #999;
}
body.checkout #basket a.ctaLink {
    background:transparent url('/images/elements/form_help_link_arrow_grey.gif') no-repeat right center;
}

/*** price container ***/
body.checkout #basket div.priceContainer {
    float: right;
    margin: 10px 13px 0 0;
    width: auto;
}
body.checkout #basket ol {
    overflow: visible;
    width: 279px;
}
body.checkout #basket div.priceContainer li.price_monthly,
body.checkout #basket div.priceContainer li.price_oneoff {
    height: 57px;
    margin: 0;
    width: 134px;
}
body.checkout #basket div.priceContainer li.price_monthly {
    background: transparent url('/images/bg/checkout_min-basket-left.png') no-repeat scroll left center;
    width: 144px;
}
body.checkout #basket div.priceContainer li.price_oneoff {
    background: transparent url('/images/bg/min-basket-right.gif') no-repeat scroll right center;
    margin-left: 0;
}
body.checkout #basket div.priceContainer li.price_oneoff .discountContainer{
    padding: 0;
    width: 100%;
}
body.checkout #basket div.priceContainer li.price_oneoff .price{
    margin: 0;
}
body.checkout #basket div.priceContainer li.price_item h3,
body.checkout #basket div.priceContainer li.price_item h4 {
    color: #ccc;
    font-size: .9167em;
    line-height: 11px;
}
body.checkout #basket div.priceContainer li.price_item h3 {
    font-size: 1em;
    font-weight: normal;
    margin: 7px 0 3px 0;
}
body.checkout #basket div.priceContainer li.price_item h4 {
    margin: 3px 0 0 0;
}
body.checkout #basket div.priceContainer span.price,
body.checkout #basket div.priceContainer span.discount {
    display: inline;
    margin-left: 5px;
}
body.checkout #basket div.priceContainer li.price_monthly span.discount{
    margin-left: 0;
}
body.checkout #basket div.priceContainer li.price_oneoff span.amp {
    left: -4px;
    top: 21px;
}

/*-------------11/07/2014------------*/

#basket #priceContainerMulti ol li, #basket #priceContainerMulti li.price_monthly{
    height: 95px;
}
#basket div.priceContainer#priceContainerMulti{
    width: auto;
}
#basket div.priceContainer#priceContainerMulti li.price_monthly{
    width: 200px;
}
/*.miniBasket #bundleCollection{

}*/
#basketContentsMulti .miniBasket #bundleCollection{
    width: auto;
    padding: 16px 30px 16px 30px;
}
#basket div.priceContainer#priceContainerMulti li.price_monthly div.glow{
    width: 100%;
    background: transparent url('/images/buildorder/minibasket_multi_monthly_price_glow.png') no-repeat center right;
    margin-left: -2px;
}
#basket div.priceContainer#priceContainerMulti li.price_monthly{
    background: transparent url('/images/buildorder/minibasket_multi_monthly_price.png') no-repeat right center;
    padding-right: 10px;;
}

/*Need to change in the existing css*/
body.checkout #basket{
    width: auto;
}
body.checkout #basket div.content{
    margin-right: 20px;
}
body.checkout #basket div.priceContainer{
    margin: 0px 0px 0 0;
    padding: 10px 13px 8px 0;
    background-color: #090909
}
/*End of need to change*/

body.checkout #basket #checkoutMiniBasket_Multi ol{
    width: auto;
}
body.checkout #basket div.priceContainer #checkoutMiniBasket_Multi li.price_monthly{
    width: 315px;
}
#checkoutMiniBasket_Multi .discountContainer{
    float:left;
    padding: 0 10px;
}
.price_monthly .discountContainer:first-child{
    border-right: 1px solid #ccc;
    background: red;
}
#checkoutMiniBasket_Multi span.price{
    width: 100%;
    clear: both;
    float: left;
}
body.checkout #basket div.priceContainer #checkoutMiniBasket_Multi li.price_monthly{
    background: transparent url('/images/bg/min-basket-left.png') no-repeat scroll left center;
}
.discountContainer{
    float: left;
}
#priceContainerSingle .discountContainer{
    padding-left: 1em;
    width: 80%;
}
#basket div.priceContainer#priceContainerSingle li.total h4{
    margin: 0px;
}
#priceContainerMulti .price_monthly .discountContainer:nth-of-type(1){
    border-right:1px solid #cccccc;
    width: 50%;
}
#priceContainerMulti .totalsContent .discountContainer:nth-of-type(1){
    border: none;
}
#priceContainerMulti .totalsContent .discountContainer:nth-of-type(1) h4,
#priceContainerMulti .totalsContent .discountContainer:nth-of-type(1) .discount{
    border-right: 1px solid #cccccc;
    padding: 0px 6px;
    margin: 0px 0px 2px;
}

.oneOffContent .discountContainer{
    float: none;
}
#basket #priceContainerMulti ol li, #basket #priceContainerMulti li.price_monthly{
    height: 95px;
}
#basket div.priceContainer#priceContainerMulti{
    width: auto;
}
#basket div.priceContainer#priceContainerMulti li.price_monthly{
    width: 200px;
}
/*.miniBasket #bundleCollection{

}*/
#basketContentsMulti .miniBasket #bundleCollection{
    width: 230px;
    padding: 16px 0px 0px 20px;
}
#basket div.priceContainer#priceContainerMulti li.price_monthly div.glow{
    width: 100%;
    background: transparent url('/images/buildorder/minibasket_multi_monthly_price_glow.png') no-repeat center right;
    margin-left: -2px;
}
#basket div.priceContainer#priceContainerMulti li.price_monthly{
    background: transparent url('/images/buildorder/minibasket_multi_monthly_price.png') no-repeat right center;
    padding-right: 10px;;
}

/*Need to change in the existing css*/
body.checkout #basket{
    width: auto;
}
body.checkout #basket div.content{
    margin-right: 15px;
}
body.checkout #basket div.priceContainer{
    margin: 0px 0px 0 0;
    padding: 10px 13px 8px 0;
    background-color: #090909
}
/*End of need to change*/

body.checkout #basket #checkoutMiniBasket_Multi ol{
    width: auto;
}
body.checkout #basket div.priceContainer #checkoutMiniBasket_Multi li.price_monthly{
    width: 272px;
}
#checkoutMiniBasket_Multi .discountContainer{
    float:left;
    padding: 0 5px;
}
.price_monthly .discountContainer:first-child{
    border-right: 1px solid #ccc;
    background: red;
}
#checkoutMiniBasket_Multi .price_monthly .discountContainer:nth-of-type(1) h4{
    border-right: 1px solid #cccccc;
    padding: 0px 5px;
    margin: 0px 0px 2px;
}
#checkoutMiniBasket_Multi .price_monthly .discountContainer:nth-of-type(1){
    padding: 0px;
}
#checkoutMiniBasket_Multi span.price{
    width: 100%;
    clear: both;
    float: left;
}
body.checkout #basket div.priceContainer #checkoutMiniBasket_Multi li.price_monthly{
    background: transparent url('/images/bg/min-basket-left.png') no-repeat scroll left center;
}
.discountContainer{
    float: left;
}
#checkoutMiniBasket .discountContainer{
    width: 100%;
}
#priceContainerSingle .discountContainer{
    padding-left: 0;
    width: 100%;
}
#priceContainerMulti .price_monthly .discountContainer:nth-of-type(1){
    border-right:1px solid #cccccc;
    width: 50%;
}
#priceContainerMulti .totalsContent .discountContainer:nth-of-type(1) h4,
#priceContainerMulti .totalsContent .discountContainer:nth-of-type(1) .discount{
    border:none;
    padding: 0 6px;
    margin: 0 0 2px;
}
/*------Styling for Discounted Extras-------*/
.green_text{
    color: #CF9;
}
.italic_text{
    font-style: italic;
}

.price_white_text{
    color: #ffffff !important;
}
#review-basket .clearfix{
    clear: both;
}
#priceContainerSingle .discountContainer{
    padding-left: 0;
    width: 100%;
}
#basket div.priceContainer li.price_item .green_text{
    color: #CF9;
    font-size: 1.1667em;
}
#basket div.discounted-extra-priceContainer li.total h3{
    margin: 8px 0 0;
    color: #ccc;
    float: left;
    clear: both;
    width: 100%;
}
#basket div.discounted-extra-priceContainer li.total span.discount{
    color:#fff;
}
#basket div.discounted-extra-priceContainer li.total .totalsContainer h4,
#basket div.discounted-extra-priceContainer li.total .totalsContainer h3{
    font-style:normal;
    color:#fff;
}
#basket div.discounted-extra-priceContainer li.price_monthly .totalsContainer{
    float: left;
    width: 100%;
    padding-top: 10px;
}
#basket div.discounted-extra-priceContainer li.price_monthly .totaldiscountContainer{
    float: left;
    clear: both;
    width: 100%;
}
#basket div.discounted-extra-priceContainer li.total span.price,
#basket div.discounted-extra-priceContainer li.total span.discount {
    clear: both;
    display: block;
}
#basket div.discounted-extra-priceContainer li.total span.discount {
    font-size: 1.3333em;
}
#basket div.discounted-extra-priceContainer li.price_oneoff h3,
#basket div.discounted-extra-priceContainer li.price_oneoff h4,
#basket div.discounted-extra-priceContainer li.price_oneoff span.price,
#basket div.discounted-extra-priceContainer li.price_oneoff span.discount {
    margin-left: 0px;
    margin-right: 0px;
}
#basket div.discounted-extra-priceContainerSingle li.total h3.no_discount{
    margin: 26px 0 3px 0;
}
#basket div.discounted-extra-priceContainerSingle li.total h3.discount{
    margin-top: 0px;
}
#basket div.discounted-extra-priceContainerMulti li.price_monthly h3.discount{
    margin-top: 0px;
}
div.discounted-extra-priceContainerSingle .bigger_font{
    font-size: 1.3333em;
}
#basket div.discounted-extra-priceContainerSingle li.price_oneoff h3.discount{
    margin-top: 8px;
}
#basket div.discounted-extra-priceContainerSingle li.price_oneoff h3.italic_text{
    margin-top: 0px;
}
.discounted-extra-priceContainerMulti .price_monthly .discountContainer:first-child, .discounted-extra-priceContainerMulti .price_monthly > .discountContainer{
    width: 50%;
    border-right:1px solid #cccccc;
}
#basket div.discounted-extra-priceContainerMulti li.price_monthly h3.discount{
    margin-top: 0px;
}
body.checkout #basket div.discounted-extra-priceContainer li.price_item h4 {
    margin: 5px 0 0 0;
}
body.checkout #basket div.discounted-extra-priceContainer #checkoutMiniBasket li.price_monthly span.discount{
    float: left;
    clear: both;
    width: 100%;
    margin-top: 7px;
}
.price_monthly .discountContainer:first-child{
    background: none;
}

body.checkout #basket div.priceContainer #checkoutMiniBasket li.price_monthly span.discounted-extra{
    float:left;
    clear: both;
    width: 100%;
    margin-top: 7px;
}
#checkoutMiniBasket_Multi .discountContainer{
    width: 100%;
    color: #7AB82A;
}
table.reviewPackage tbody td.bundleMonthlyTotal span.bigger_font, table.reviewPackage tbody td.monthly-oneoff-title span.bigger_font{
    display: inline-block;
    margin: 0px;
}
table.reviewPackage tbody td.monthly-oneoff-title .green:nth-of-type(2) span.bigger_font{
    font-size: 1em;
}
table.reviewPackage tbody td.bundleMonthlyTotal p, table.reviewPackage tbody td.monthly-oneoff-title p{
    margin: 0px;
}

/*Change the font color for discounted extras*/

#checkoutMiniBasket .price_green_text,#checkoutMiniBasket .price_green_text h4, #checkoutMiniBasket .price_green_text span{
    color: #ccc !important;
}
body.checkout #basket div.priceContainer #checkoutMiniBasket li.price_oneoff span.price_green_text span,
body.checkout #basket div.priceContainer #checkoutMiniBasket li.price_monthly span.discounted-extra span{
    color: #fff !important;
}
#checkoutMiniBasket div.price_green_text span#monthly{
    color : #CF9 !important;
}
.price_monthly .price_green_text{
    border : none !important;
    line-height : 24px;
}
/*bot change*/
#priceContainerSingle input.newCta {
    margin: 33px 30px 33px 0 !important;
}
#priceContainerMulti input.newCta {
    margin: 50px 26px 0 0px; !important;
}
#basket input.newCta {
    margin: 30px 15px 30px 0 !important;
}

#basket input.newCta {
    margin: 30px 15px 30px 0 !important;
}