﻿/* general */

.specials-container
{
    width:100%;
    color:#3a3a3a;
}

    .specials-container .button
    {
        text-decoration: none;
	    text-indent:0;
	    display:inline-block;
	    font-style:normal;
	    width:100%;
	    text-decoration:none;
	    text-align:center;
	    border-radius:3px;
    }
    
.flip-it {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.sold_out_banner
{
    background:url("img/specials/sold_out_banner_new.png") no-repeat;
    position:absolute;
    width:198px;
    height:193px;
    bottom:0;
    right:0;
    z-index:10;
}

.poster_img
{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}

.strikeout 
{
    position: relative;
}
    .strikeout::after 
    {
        border-bottom: 3px solid #fa820d;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
    }

.button_view
{
    text-decoration:none;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    width:100%;
    height:23px;
    line-height:23px;
    display:inline-block;
    background:#858585;
    color:#ffffff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: none;
    
    -webkit-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	-moz-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	-o-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
            
    .button_view:hover
    {
        background:#5D5D5D;
        color:#ffffff;
        
        -webkit-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
        -moz-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
        -o-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
        transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
    }

.bundle_bottom_expiry
{
    float:left;
    background-color: #a8a8a8;
    width:25%;
    height:36px;
    padding:7px 0;
    color:#ffffff;
    font-size:14px;
	font-weight:bold;
	font-style:normal;
	text-align:center;
}

.bundle_button 
{
    background: #656565;
    text-decoration: none;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100%;
	text-align:center;
	
	-webkit-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	-moz-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	-o-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

    .bundle_button:hover
    {
        background: #fa820d;
        text-decoration: none;
        color: #ffffff;
        
        -webkit-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	    -moz-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	    -o-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	    transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
    }
            
.button_disabled, .button_disabled:hover
{
    background: #c8c8c8;
    color:#ffffff;
    cursor:default;
}

/* POSTCODE POPUP */

.postCode_popup
{
    position:fixed;width:300px;height:228px;top:calc(50% - 150px);left:calc(50% - 114px);z-index:9999;text-align:center;
}

    .postCode_popup .title
    {
        float:left;width:100%;font-size:40px;color:#656565;font-weight:bold;margin-bottom:28px;
    }
    
    .postCode_popup .input_container
    {
        float:left;width:100%;margin-bottom:58px;height:40px;line-height:40px;
        background:url('img/specials/bundle_arrow_title.png') no-repeat;
        background-position:left 60px top 60%;
    }
    
        .postCode_popup .input_container .input
        {
            width:138px;padding:0 81px;
        }
    
    .postCode_popup .button_container
    {
        float:left;width:100%;
    }
    
        .postCode_popup .button_container .button
        {
            width:215px;padding:0 42.5px;height:48px;background:none;float:left;
        }
        
            .button_postCode
            {
                background: #fa820d;
                text-decoration: none;
	            text-indent:0;
	            display:inline-block;
	            color:#ffffff;
	            font-size:18px;
	            font-weight:bold;
	            font-style:normal;
	            height:48px;
	            line-height:48px;
	            width:100%;
	            text-align:center;
	            -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -khtml-border-radius: 3px;
                border-radius: 3px;
            }
            
            .button_postCode:hover
            {
                color:#ffffff;
            }

/* job selection */

.job_selection_container
{
    width:940px;
    float:left;
}

    .job_selection
    {
        background: #ffffff;
        width:100%;
        height:40px;
        line-height:40px;
        padding:10px 0;
    }

        .job_selection .jobs_container
        {
            float:left;
            width:50%;
        }

.dropdown_v1_label
{
    float:left;
    width:45%;
    font-weight:bold;
    font-size:small;
    color: #787878;
    text-transform:uppercase;
    text-align:right;
    padding-right:5%;
}

.dropdown_v1
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #ffffff url("img/specials/ddl_arrow.png") no-repeat;
    background-position: right 0 top 50%;
    border:1px solid #787878;
    border-radius:3px;
    float:right;
    margin-left:20px;
}

    .dropdown_v1 select 
    {
       background: transparent;
       width: -moz-calc(100% + 20px);
        width: -webkit-calc(100% + 20px);
        width: -o-calc(100% + 20px);
        width: calc(100% + 20px);
       padding: 5px;
       font-size: 14px;
       line-height: 1;
       border: 0;
       border-radius: 0;
       height: 100%;
       -webkit-appearance: none;
       color:#787878;
    }
    
/* BANNERS CAROUSELS */

    /*
    This is the visible area of you carousel.
    Set a width here to define how much items are visible.
    The width can be either fixed in px or flexible in %.
    Position must be relative!
    */
    .bundles_latest, .bundles_featured
    {
        position: relative;
        overflow: hidden;
        width: 960px;
    }

    .bundles_latest 
    {
        background: url(https://reonet.bestbar.com.au/web.images/specials/small/placeholder.jpg) repeat-x;
    }
        
    /*
    This is the container of the carousel items.
    You must ensure that the position is relative or absolute and
    that the width is big enough to contain all items.
    */
    .bundles_latest ul, .bundles_featured ul {
        width: 20000em;
        position: relative;

        /* Optional, required in this case since it's a <ul> element */
        list-style: none;
        margin: 0;
    }

    /*
    These are the item elements. jCarousel works best, if the items
    have a fixed width and height (but it's not required).
    */
    .bundles_featured li
    {
        float: left;
        width:960px;
    }
    .bundles_latest li 
    {
        /* Required only for block elements like <li>'s */
        float: left;
        width:320px;
    }

/* main big banner */

    /* left and right buttons sections */
    .bundles_featured_button_container
    {
        position:absolute;z-index:99;
        background:#ffffff url('img/specials/featured_bundle_arrow_button_shadow.png') no-repeat;
        background-position: bottom 112px left 0;
    }
    
        .bundles_featured_button_container.left
        {
            top:0;left:0;width:10px;height:320px;
        }
    
        .bundles_featured_button_container.right
        {
            top:0;right:0;width:10px;height:320px;
        }
    
    .bundles_featured_button
    {
        position:relative;
        top:117px;
    }
            
        .bundles_featured_button.left
        {
            left:0;width:52px;height:85px;
        }
            
            .bundles_featured_prev
            {
                background: #ec6d00 url('img/specials/featured_bundle_arrow_button.png') no-repeat center;
	            text-indent:0;
	            display:inline-block;
	            height:85px;
	            line-height:85px;
	            width:100%;
	            text-align:center;
            }
            
        .bundles_featured_button.right
        {
            right:0;width:52px;height:85px;
        }
    
    /* */

.mainBundle
{
    float:left;
    width: 940px;
    height: 320px;
    padding:0 10px;
}
        
    .mainBundle_poster
    {
        position:relative;
        width: 871px;
        height: 270px;
        float:left;
        padding:50px 0 0 69px;
    }
    
        .mainBundle_info
        {
            position:absolute;
        }
    
        .mainBundle_name
        {
            font-size:58px;
	        color:#ffffff;
	        margin-bottom:15px;
        }
        
            .mainBundle_name.alt
            {
                color:#2e2e2e;
            }
        
        .mainBundle_pricing
        {
            float:left;
            width:190px;
            position: relative;
            margin-bottom:31px;
        }
        
            .mainBundle_pricing_top
            {
                width:100%;
                float:left;
            }
        
                .mainBundle_fullprice_container
                {
                    width:60%;
                    float:left;
                    height:28px;
                }
        
                    .mainBundle_fullprice
                    {
                        font-size:20px;
                        font-weight:bold;
                        color:#ffffff;
                    }
                    
                        .mainBundle_fullprice.alt
                        {
                            color:#2e2e2e;
                        }
        
                .mainBundle_discount_container
                {
                    width:40%;
                    float:left;
                    padding-top:2px;
                    position: absolute;
                    top: 0;
                    right: 0;
                }
        
                    .mainBundle_discount
                    {
                        font-size:14px;
                        color:#ffffff;
                        font-style:italic;
                        text-align:center;
                        font-weight:bold;
                        height:25px;
                        line-height:25px;
                        background:background-color:rgba(0,0,0,0.6);
                        border-radius: 3px 3px 3px 3px;
                        -moz-border-radius: 3px 3px 3px 3px;
                        -webkit-border-radius: 3px 3px 3px 3px;
                        border: 1px solid #fb840d;
                    }
                    
                        .mainBundle_discount.alt
                        {
                            background:none;
                            color:#2e2e2e;
                        }
        
            .mainBundle_pricing_bottom
            {
                width:100%;
                height:57px;
                line-height:57px;
                float:left;
                background:#fa820d;
                text-align:center;
                border-radius: 3px 3px 3px 3px;
                -moz-border-radius: 3px 3px 3px 3px;
                -webkit-border-radius: 3px 3px 3px 3px;
                border: none;
            }
        
                .mainBundle_specialprice
                {
                    font-size:28px;
                    font-weight:bold;
	                color:#ffffff;
                }
                
        .mainBundle_view
        {
            float:left;
            clear:both;
            width:52px;
        }
            
    .mainBundle_bottom
    {
        width:300px;
        height:50px;
        position:absolute;
        bottom:0;
        right:0;
    }
    
        .bottom_right
        {
            left:auto;
            right:0;
        }
        
        .mainBundle_bottom_order
        {
            float:left;
            width:75%;
        }
        
/* regular bundle */

    /* left and right buttons sections */
    .bundles_latest_button_container
    {
        position:absolute;z-index:99;
        background:#ffffff url('img/specials/bundle_arrow_button_shadow.png') no-repeat;
        background-position: top 146px left 0;
    }
    
        .bundles_latest_button_container.left
        {
            top:0;left:0;width:10px;height:316px;
        }
    
        .bundles_latest_button_container.right
        {
            top:0;right:0;width:10px;height:316px;
        }
        
        .bundles_latest_button_container.no_image
        {
            background-image:none;
        }
    
    .bundles_latest_button
    {
        position:relative;
        top:94px;
    }
            
        .bundles_latest_button.left
        {
            left:0;width:47px;height:52px;
        }
            
            .bundles_latest_prev
            {
                background: #3e3e3e url('img/specials/bundle_arrow_button.png') no-repeat center;
	            text-indent:0;
	            display:inline-block;
	            height:52px;
	            line-height:52px;
	            width:100%;
	            text-align:center;
            }
            
        .bundles_latest_button.right
        {
            right:0;width:47px;height:52px;
        }
    
    /* */
        
.bundle
{
    float:left; 
    width:300px;
    height:316px;
    padding:0 10px;
    background: #f2f2f2;
}
 
    /* top section */
    .bundle_header
    {
        float:left;
        width:272px;
        height:48px;
        line-height:48px;
        padding:0 14px;
        background:#ececec;
    }
    
        .bundle_header .title
        {
            float:left;
            background:url('img/specials/bundle_arrow_title.png') no-repeat left;
            width:200px;
            padding-left:20px;
            color:#4c4c4c;
            font-size:24px;
            font-weight:bold;
            overflow:hidden;
            height:48px;
        }
        
        .bundle_header .view
        {
            line-height:0;
            height:23px;
            padding:13px 0 12px 0;
            float:left;
            width:52px;
        }
          
    .bundle_poster
    {
        position:relative;
        width:300px;
        height:218px;
        float:left;
    }
    
        /*.bundle_info
        {
            position:absolute;
        }
    
            .bundle_name
            {
                font-size:32px;
	            font-weight:bold;
	            color:#ffffff;
	            margin-bottom:5px;
            }
        
            .bundle_product
            {
                font-size:16px;
                font-weight:bold;
	            color:#ec6d00;
	            margin-bottom:2px;
            }*/
        
        .bundle_pricing
        {
            position:absolute;
            left:0;
            bottom:18px;
            width:231px;
            height:81px;
        }
        
            .bundle_fullprice
            {
                position:relative;
                float:left;
                width:212px;
                height:23px;
                padding-left:19px;
                font-size:18px;
                font-weight:bold;
                color:#ffffff;
            }
            
                .bundle_fullprice.alt
                {
                    color:#2e2e2e;
                }
            
            .bundle_specialprice
            {
                position:relative;
                z-index:5;
                float:left;
                width:151px;
                height:51px;
                line-height:51px;
                color:#ffffff;
                font-weight:bold;
                background:#fa820d;
                text-align:center;
                border-radius: 3px 3px 3px 3px;
                -moz-border-radius: 3px 3px 3px 3px;
                -webkit-border-radius: 3px 3px 3px 3px;
                border: none;
                -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);
                -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);
                box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);
            }
            
                .bundle_specialprice.large
                {
                    font-size:30px;
                }
        
                .bundle_specialprice.small
                {
                    font-size:24px;
                }
        
            .bundle_discount
            {
                position:inherit;
                z-index:1;
                right:0;
                bottom:7px;
                width:80px;
                font-size:14px;
                color:#ffffff;
                font-style:italic;
                font-weight:bold;
                text-align:center;
                height:25px;
                line-height:25px;
                background-color:rgba(0,0,0,0.6);
                border-radius: 3px 3px 3px 3px;
                -moz-border-radius: 3px 3px 3px 3px;
                -webkit-border-radius: 3px 3px 3px 3px;
                border: 1px solid #fb840d;
            }
            
                .bundle_discount.alt
                {
                    background:none;
                    color:#2e2e2e;
                }
                
    /* bottom section */
    
    .bundle_bottom  
    {
        width:100%;
        height:50px;
        float:left;
    }
        
        #bundle_bottom_order
        {
            float:left;
            width:75%;
            height:100%;
        }
        
/* BUNDLES FOOTER */

.bundles
{
    height:auto;width:100%;float:left;position:relative;
}
            
.bundles_footer_container
{
    height:auto;width:940px;float:left;
}
        
.bundles_footer
{
    background:#e8e8e8;width:876px;padding:0 32px 43px 32px;float:left;
}
        
    .bundles_footer .title
    {
        height:71px;line-height:71px;width:100%;float:left;border-bottom:1px solid #c6c6c6;color:#2d2d2d;font-size:18px;font-weight:bold;
    }
        
    .recently_viewed
    {
        width:586px;padding-right:21px;float:left;
    }
                
        .recently_viewed .content
        {
            padding:10px 0;width:100%;height:auto;float:left;
        }
                
        .recently_viewed .content .item
        {
            margin-top:10px;width:100%;height:52px;line-height:52px;float:left;
        }
                
            .recently_viewed .content .item .image, .recently_viewed_image
            {
                width:59px;height:100%;float:left;background-size:contain;
            }
                    
            .recently_viewed .content .item .name
            {
                width:169px;height:100%;padding-left:39px;float:left;color:#2d2d2d;font-size:14px;font-weight:bold;text-decoration:none;overflow:hidden;
            }
                    
            .recently_viewed .content .item .price
            {
                width:122px;height:100%;text-align:right;float:left;color:#ec6d00;font-size:14px;font-weight:bold;
            }
                    
            .recently_viewed .content .item .buttons
            {
                width:180px;height:100%;padding-left:17px;float:left;
            }
                    
                .recently_viewed .content .item .buttons .view_container
                {
                    width:52px;height:24px;float:left;
                }
                        
                    .view_container .view_button
                    {
                        background: #858585;border-top-left-radius:3px;border-bottom-left-radius:3px;text-decoration: none;text-indent:0;display:inline-block;color:#ffffff;font-size:13px;font-weight:bold;font-style:normal;height:24px;line-height:24px;width:100%;text-align:center;
                    
                        -webkit-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                    -moz-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                    -o-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                    transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
                    }
            
                        .view_container .view_button:hover
                        {
                            background:#5D5D5D;
                            color:#ffffff;
                            
                            -webkit-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                        -moz-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                        -o-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                        transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
                        }
                        
                .recently_viewed .content .item .buttons .buy_container
                {
                    width:122px;height:24px;float:left;
                }
                        
                    .buy_container .buy_button
                    {
                        background: #656565;border-top-right-radius:3px;border-bottom-right-radius:3px;text-decoration: none;text-indent:0;display:inline-block;color:#ffffff;font-size:13px;font-weight:bold;font-style:normal;height:24px;line-height:24px;width:100%;text-align:center;
                        
                        -webkit-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                    -moz-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                    -o-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                    transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
                    }

                        .buy_container .buy_button:hover
                        {
                            background: #fa820d;color: #ffffff;
                            
                            -webkit-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                        -moz-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                        -o-transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
	                        transition: color .15s linear, background-color .15s ease-in-out, border-color .15s ease-in-out;
                        }
                        
                        .buy_container .buy_button.button_disabled, .buy_container .buy_button.button_disabled:hover
                        {
                            background: #c8c8c8;
                            color:#ffffff;
                            cursor:default;
                        }
            
    .most_popular
    {
        width:269px;float:left;
    }
            
        .most_popular .content
        {
            padding:10px 0;width:100%;height:auto;float:left;
        }
                
        .most_popular .content .item
        {
            width:100%;height:36px;line-height:36px;float:left;border-bottom:1px solid #c6c6c6;
        }
                
            .most_popular .content .item .rank
            {
                width:24px;height:18px;float:left;padding:9px 0;
            }
            
                .most_popular .content .item .rank .circle
                {
                    width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:bold;color:#ffffff;line-height:18px;text-align:center;background:#ec6d00;
                }
                        
            .most_popular .content .item .name
            {
                width:151px;height:100%;float:left;color:#2d2d2d;font-size:14px;font-weight:bold;text-decoration:none;overflow:hidden;
            }
                    
            .most_popular .content .item .price
            {
                width:94px;height:100%;text-align:right;float:left;color:#ec6d00;font-size:14px;font-weight:bold;
            }
        
        
/* specials popup */

.modal_specials_container
{
    width:690px;
    height:auto;
    max-height:720px;
    background:white;
    color:#3a3a3a;
    position:relative;
}

/* modal bundle details header */

.modal_bundle_details_header_container
{
    background:#d1d1d1;
    height:auto;
    width:100%;
}

.modal_bundle_details_title
{
    position:relative;
    background:#686868;
    height:34px;
    line-height:34px;
    width:660px;
    padding:0 15px;
    font-size:18px;
    font-weight:bold;
    color:#e0e0e0;
}

    .bundle_details_close
    {
        position:absolute;
        top:-5px;
        right:10px;
    }
        
.modal_bundle_details_header
{
    height:55px;
    width:620px;
    padding:0 35px;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    line-height:55px;
}

     
/* modal bundle details content */
   
.modal_bundle_details_content_container
{
    /*height:423px;*/
    min-height:300px;
    width:690px;
    font-size:14px;
    color:#3a3a3a;
    overflow-y:auto;
    overflow-x:hidden;
    background:url("img/specials/specials_popup_bg_shadow.png") repeat-x bottom;
}
        
    .modal_bundle_details_content
    {
        width:620px;
        float:left;
        padding:0 35px;
        margin-bottom:25px;
    }
        
.bundle_item
{
    float:left;
    width:100%;
    padding-top:25px;
}
        
    .bundle_details_type
    {
        float:left;
        width: 144px;
        padding-right:10px;
        word-wrap: break-word;
    }
            
    .bundle_details_item
    {
        float:left;
        width: 184px;
        padding-right:10px;
        word-wrap: break-word;
    }
    
        .bundle_details_item a
        {
            text-decoration:none;
            color:#3a3a3a;
            font-weight:bold;
        }
    
        .bundle_details_item_description
        {
            font-size:9px;
            margin-top:5px;
        }
            
    .bundle_details_qty
    {
        float:left;
        width: 188px;
        text-align:center;
    }
            
    .bundle_details_stock
    {
        float:left;
        width: 122px;
        text-align:center;
    }
            
    .bundle_details_price
    {
        float:left;
        width: 84px;
        text-align:right;
    }
    
        .bundle_details_price_fullprice
        {
            font-size:13px;
        }
    
        .bundle_details_price_specialprice
        {
            color:#ec6d00;
            margin-top:5px;
        }

/* modal bundle details footer */

.modal_bundle_details_footer
{
    width:620px;
    height:132px;
    padding:38px 35px;
    position:relative;
}

.bundle_details_pricing
{
    width:300px;
}

    .bundle_details_pricing_line
    {
        border-top:2px solid #f5800d;
        float:left;
        width:100%;
        line-height:30px;
        height:30px;
        margin-bottom:10px;
    }
    
        .pricing_line_title
        {
            font-size:14px;
            float:left;
            width:60%;
        }
        
        .pricing_line_data
        {
            font-size:18px;
            float:left;
            width:40%;
            text-align:right;
        }
        
        .pricing_total_title
        {
            font-size:18px;color:#f5800d;line-height:30px;height:30px;float:left;width:100%;
        }
        
        .pricing_total_data
        {
            font-size:30px;line-height:30px;height:30px;float:left;
        }
        
        .pricing_total_gst
        {
            font-size:12px;line-height:30px;height:30px;float:left;margin-left:13px;
        }
        
.bundle_availability
{
    position:absolute;width:185px;height:130px;right:38px;top:15px;font-size:13px;
}
        
    .bundle_availability .title
    {
        float:left;width:100%;height:25px;line-height:25px;text-align:right;color:#494949;
    }
            
    .bundle_availability .site
    {
        float:left;width:100%;height:25px;line-height:25px;
    }
            
        .bundle_availability .site .name
        {
            float:left;width:155px;text-align:right;
        }
        
            .bundle_availability .site .name.instock
            {
                color:#2074f1;
            }
            
            .bundle_availability .site .name.nostock
            {
                color:#c4c4c4;
            }
                
        .bundle_availability .site .instock_img
        {
            float:left;width:30px;
            background:url(../Default/images/prod-stock-tick-blue.png) no-repeat right;
        }
                
        .bundle_availability .site .nostock_img
        {
            float:left;width:30px;
            background:url(../Default/images/prod-stock-cross-grey.png) no-repeat right;
        }
 
/*------Logged out view-------*/       
.loggedout_container
{
    position:relative;min-height:400px;padding:50px 0 150px 0;
}
            
.loggedout_message
{
    position:absolute;width:435px;text-align:center;left:50%;-webkit-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);
}
            
.loggedout_message .title
{
    font-size:60px;color:#242424;padding:0 0 35px 0;
}
            
.loggedout_message .message
{
    font-size:24px;color:#a2a2a2;margin-bottom:50px;
}
            
.loggedout_message .buttons
{
    position:absolute;width:380px;left:50%;-webkit-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);
}        