/* Artfully masterminded by ZURB  */
/* -------------------------------------------------- 
   Notes
-----------------------------------------------------
    Please be advised ONLY styles relating to the get games site
    are to be present here.
    store css is to be entered into store/app.css
*/

/*#region
-----------------------------------------
   Shared Styles
----------------------------------------- */
    @font-face{ 
	    font-family: "CustomTitillium";
	    src: url('http://d8b6ludwce4kb.cloudfront.net/static/foundation/fonts/titillium/titillium-regular-webfont.eot');
	    src: url('http://d8b6ludwce4kb.cloudfront.net/static/foundation/fonts/titillium/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
	         url('http://d8b6ludwce4kb.cloudfront.net/static/foundation/fonts/titillium/titillium-regular-webfont.woff') format('woff'),
	         url('http://d8b6ludwce4kb.cloudfront.net/static/foundation/fonts/titillium/titillium-regular-webfont.ttf') format('truetype'),
	         url('http://d8b6ludwce4kb.cloudfront.net/static/foundation/fonts/titillium/titillium-regular-webfont.svg#webfont') format('svg');
    }

    body {
	    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Verdana, Arial, sans-serif;
	    font-weight: normal;
	    font-size:12px;
        min-width: 1005px;      /* horizontal scroll fix http://goo.gl/R8dsMF */
    }
    h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Verdana, Arial, sans-serif; }
    h3 { 
	    background: #000;
	    color: #FFF;
	    text-align: center;
	    font-size: 12px;
	    text-transform: uppercase;
	    margin: 0;
	    padding: 5px;
    }
    h6 { color:#000; }
    th { text-align:left }
    td span { display: block; margin-bottom: 8px; }
    [class*="column"] + [class*="column"]:last-child { float: left; }  /* Removes default float:right of last element in row */ 
    a { color: #3A7FA0; }
        a:hover { color: #2EAAE6; }
        a:focus { color: #2EAAE6; }
    ul {
	    list-style-type: none;
    }
    aside { background-color: #454545 }
    .button { background-color: #3A7FA0; padding: 10px 0; }
    .button:hover, .button:focus { background-color: #2EAAE6; }
    .block { display: block; float: left; }
    .clear { clear: both; }
 
    fieldset legend
    {
	    font-size: 13px;
	    background: none;
    }
    .error input, input.error, .error span, span.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus
    {
	    color: red;
    }
    input[type="text"], input[type="password"],/**input[type="date"], **//**input[type="datetime"], **/input[type="email"], /**input[type="number"], **//**input[type="search"], **/input[type="tel"], /**input[type="time"], **//**input[type="url"], **/textarea
    {
	    margin: 0;
    }
    /**** Turning out responsivness ****/
    .row { width: 985px; max-width: none; min-width: 768px; margin: 0 auto; } /* max-width: 100% removed in order of cutting responsiveness */
    .column, .columns {
	    padding: 0 5px;
    }
    .six.columns.paddReset,
    div.three.columns.paddReset { padding:0; margin:0; }
    .oneAndHalf { width: 12.5%; }
    .twelve, .row .twelve { padding: 0 }

    .margin-top { margin-top: 5px; }
    .margin-bottom { margin-bottom: 10px; }

    input.submit {
	    width: 100%;
	    height:30px;
	    padding:0;
    }
    .rrp  {  /*used in productItemControl and on productPage*/
        font-size: 10px; 
        font-weight:lighter;
        display:inline-block;
    }

    /*.thumbNail { height: 80px; width: 116px;}*/
    /**.title, .title h5 { color:#000; }**/
    /**.title h5 { margin-bottom:10px; } **/

/*#endregion
-----------------------------------------
   Shared Styles
----------------------------------------- */



/* #region
-----------------------------------------
   Master Pages (Site)
----------------------------------------- */
    .headerWrapper { 
        background: url(/static/images/headerWrapperBg.png) repeat-x;
        box-shadow: 0 3px 5px 1px #020202;
        box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.7);
        border-bottom: 1px solid #3D6F97;
        border-bottom: 1px solid rgba(61, 111, 151, 0.8);
        position:relative;
        padding-top:20px;
        font-family: 'CustomTitillium', Arial, sans-serif; 
    }
    .logo { 
        padding: 0 0 20px 0 
    }
    .tagLine {
	    text-transform: uppercase;
	    font-size: 22px;
    }
    .topItems { 
        margin-bottom:0;    
    }
        .topItems li {
            width: 113px;
            height:30px;
            margin: 5px 0 5px 5px;
            font-size: 14px;
            border-radius: 3px;
            line-height: 28px;
            background: #427fa6; /* Old browsers */
            background: -moz-linear-gradient(top,  #427fa6 0%, #3d6499 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#427fa6), color-stop(100%,#3d6499)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #427fa6 0%,#3d6499 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427fa6', endColorstr='#3d6499',GradientType=0 ); /* IE6-9 */
            position:absolute;
            padding: 0 2px 2px 15px;
            text-shadow: 0 1px 1px #000;
            font-family: 'CustomTitillium', Arial, sans-serif;
        }
            .topItems li:hover {
                text-shadow:none;
                background: #5492BA;
            }
            .topItems li:after {
                content: " ";
                background:url('/static/images/SiteMasterSprite.png') -90px -34px;
                position: absolute;
                width: 17px;
                height:17px;
                right: 5px;
                top: 7px;
            }
            .topItems li.support {
                right: 245px;   
            }
            .topItems li.account {
                right: 125px; 
            }
            .topItems li.basket {
                right: 5px; 
            }
                .topItems li.basket:after {
                    content: " ";
                    background:url('/static/images/SiteMasterSprite.png') -131px -35px;
                    position: absolute;
                    height: 17px;
                    width: 17px;
                    right: 12px;
                    top: 11px;
                }
                .basketQtyButton {
                    top: -1px;
                    position: absolute;
                    right: 17px;
                    font-family: 'Open Sans', arial, sans-serif;
    }
        .topItems a {
        color: #FFF;
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-top:2px;
    }

    .navigationBar { 
        padding-bottom: 6px
    }

    .top-bar {
	    background:none;
	    min-height: 30px;
        height:30px;
	    margin-bottom: 10px;
    }
        .top-bar ul {
	        line-height: 30px;
	        width:100%;
        }
        .top-bar ul li, .top-bar ul>li a:not(.button) {
	        line-height: 31px;
	        font-weight: normal;
            padding:0 5px;
            height:30px;
        }
        .top-bar ul>li {
            background: #427fa6; /* Old browsers */
            background: -moz-linear-gradient(top,  #427fa6 0%, #3d6499 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#427fa6), color-stop(100%,#3d6499)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #427fa6 0%,#3d6499 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427fa6', endColorstr='#3d6499',GradientType=0 ); /* IE6-9 */
            margin-right: 4px;
            border-radius: 5px;
            text-shadow: 0 1px 1px #000;
            -webkit-text-shadow: 0 1px 1px #000;
            width: 19.5558%; 
            text-align:center;
        }
        .top-bar li a:hover { 
            color:#BE3626; 
        }
        .top-bar ul>li.navListItem a { 
            font-size: 16px;
        }
            #navbrowse:hover, #navoffers:hover, #navmac:hover, #navnew:hover { 
	            text-shadow: none;
                background: #5492BA;
            }
                #navbrowse a:hover, #navoffers a:hover, #navmac a:hover, #navnew a:hover { 
	            color:#FFF;
            }
            #navsubscribe { 
                background: #e05d26; 
                position:absolute; 
                left: 586px;
            }
                #navsubscribe::after { 
                    content: " ";
                    background: url('/static/images/SiteMasterSprite.png') -107px -34px;
                    display: inline-block;
                    height: 17px;
                    width: 24px;
                    position:absolute;
                    top: 7px;
                    right: 11px;
                }
                #navsubscribe a { 
                    text-transform:uppercase;
                    position: absolute; 
                    left: 10px; }
        .lt-ie9 .top-bar ul li a { /* Due to IE8 and below not supporting pseudo-classes targeting #navsubscribe instead */
                                /*.top-bar ul li:last-child { margin-right: 0; float: right; }*/
        line-height:24px /* ie8 hack to fix nav */
    }  

    .mainTitle {
        height: 30px;
        border: 2px solid #427FA6;
        border-radius: 4px;
        background: #000;
        font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Verdana,Arial,sans-serif;
    }
        .mainTitle ul, .mainTitle li { 
            display:inline-block; 
        }
            .pageTitle {
                font-size: 16px;
                line-height: 26px;
                margin: 0 15px;
                font-weight: normal;
                text-transform: capitalize;
            }
        .releaseDate {
	        font-size: 13px;
	        line-height: 25px;
            padding: 1px 8px 3px 3px;
        }
    
    .socialIcons { 
        border-radius: 5px; 
        margin-bottom: 10px; 
        height: 30px; 
        background: #427fa6; /* Old browsers */
        background: -moz-linear-gradient(top,  #427fa6 0%, #3d6499 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#427fa6), color-stop(100%,#3d6499)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #427fa6 0%,#3d6499 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #427fa6 0%,#3d6499 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427fa6', endColorstr='#3d6499',GradientType=0 ); /* IE6-9 */
        width:100%;
        padding-left:14px;
    }
        .socialIcons li {
            margin: 4px 8px 0 8px;
            height: 24px;
            width: 24px;
            display: inline-block;
        }
                .socialIcons li > a { 
                    display: block; 
                    width: 100%; 
                    height: 100%;
                }
                .socialIcons p { 
                    font-size: 16px;
                    text-shadow: 0 1px 2px #052941;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                }
            #connect {
                right:130px;
                width:90px;
            }            
            #socialGP {
                right:96px;
                background:url('/static/images/SiteMasterSprite.png') -148px -34px;
            }
            #socialTW {
                right:64px;
                background:url('/static/images/SiteMasterSprite.png') -174px -34px;
            }
            #socialFB {
                right:30px;
                background:url('/static/images/SiteMasterSprite.png') -200px -34px;
            }
            #socialRD {
                right:0;
                background:url('/static/images/SiteMasterSprite.png') -221px -36px;
            }
            #socialSteam {
                right: 130px;
                background: url('/static/images/SiteMasterSprite.png') -243px -37px;
                width: 32px;
            }
    
    .searchbox { 
	    border-radius:5px; 
	    align-content:center;
    }
        .searchbox input[type="text"] {
	        border-radius:5px;  
	        font-size:13px;   
	        height:30px;
            border:2px solid #427FA6;
        }            
        .searchimage {
            background: url('/static/images/SiteMasterSprite.png') -42px -34px;
            width:48px;
            height:22px;
            position: absolute;
            top: 4px;
            right: 5px;
            border:0;
        }
        input#txtSearch::-webkit-input-placeholder {
           color: #ccc;
        }
        input#txtSearch:-moz-placeholder { /* Firefox 18- */
           color: #ccc;  
        }
        input#txtSearch::-moz-placeholder {  /* Firefox 19+ */
           color: #ccc;  
        }
        input#txtSearch:-ms-input-placeholder {  
           color: #ccc;  
}
    
    footer {
        background: #111;
        background: rgba(0, 0, 0, 0.5);
	    padding: 10px;
	    margin-top: 10px;
	    border-radius: 5px;
	    border: 3px solid #427FA6;
    }
        h4 { font-size:17px; }
        .cardsImage {
            background: url('/static/images/SiteMasterSpriteNew.png') no-repeat;
            width:275px;
            height:33px;
            margin:10px 0 20px 0;
            /*clip: rect(0 276px 34px 0);
	        position: absolute;*/
        }
        .footer ul.socialLinks li {
            display: block;
            padding-top: 4px;
        }
        .footer .footerLinks li {
            display: block;
            padding-top: 0px;
            font-size:12px;
        }
            .footer li a{
                color: #FFF;
            }
            .footerLinks li a {
                text-decoration:underline;
            }
        #footerContents {
            width:100%;
        }
        #footerContents ul { 
            margin-bottom:0;
        }
    .RRPPrice,
    .topSellerPrice,
    .categoriesOnSale {
        display: inline-block;
        padding-left: 3px;
        padding-right: 3px;
        right: 5px;
        position: absolute;
        text-shadow: 0 1px 0 #000;
        text-shadow: 0 1px 0 rgba(10,10,10,0.8);
    }
    .topSellerPrice {
        background:#427FA6;
        width: 52px;
        text-align: center;
    }
    .RRPPrice,
    .categoriesOnSale {
        background: #E05D26;
        text-transform:uppercase;
    }
    .hotDeals {
        width: 75%;
        display: inline-block;
    }
    .topSellers {
        width: 75%;
        display: inline-table;
    }
    .saleCategories {
        width:85%;
        display: inline-block;
    }
    .footerListitem {
        padding: 1px 4px;
        font-size: 13px;
        border:3px;
    }
    .footerListitem:hover {
        background: #111;
        background: rgba(5, 5, 5, 0.5);
    }
    #copyright { text-align: center; }

    /* Background Image/Overlay/Clickability */
    .bgContainer {
	    position: fixed;
	    z-index: -3;
	    width: 100%;
	    height: 100%;
    }
    .overlay {
	    position: fixed;
	    z-index: -2;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-position-x:0;
	    background-position-y:0;
	    background-repeat:repeat;
	    /*background:url('04.png') 0 0 repeat;*/ 
    }
    .clickable-background {
	    z-index: -2;
    }
    .clickable-background #background-link {
	    display: block;
	    position: fixed;
	    top: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
    }
    /* End of Background Image Styles */


/* #endregion
-----------------------------------------
   Master Pages (Site)
----------------------------------------- */



/* #region
-----------------------------------------
	Default Page
-----------------------------------------*/

/* #endregion
-----------------------------------------
	Default Page
-----------------------------------------*/



/* #region
-----------------------------------------
   Browse Page Styling
----------------------------------------- */
    .noResults {
	    border: 4px solid #427fa6;
	    border-radius: 5px;
	    background: #FFF;
	    margin-left:6px;
	    margin-right:2px;
	    height: 76px;
	    width:99%;
	    color: black;
	    text-align:center;
	    padding-top:23px;
    }

    .imageHolder { height: auto; border: 3px solid #427FA6; border-radius: 5px; overflow: hidden; min-height:340px; }
    .itemContainer { padding: 5px; }

    .panel.productsAmount {
	        padding: 7px;
            margin: 0;
            text-align: center;
            background-color: #3B7092;
            color: rgba(255, 255, 255, 0.9);
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
            border: none;
            border-radius: 2px;
            box-shadow: inset 0 0 9px 0 rgba(0, 0, 0, 0.4);
            border-bottom: 1px solid rgba(85, 156, 201, 0.7);
        }
            .panel.productsAmount p { 
                font-size: 14px;
                line-height:1;
            }
    .FiltersPlaceHolder {
	        height: 76px;
	        background: #427fa6;
	        margin: 0 5px 5px;
	        padding: 5px 0;
	        border-radius: 5px;
	        list-style-type:none;
        }
    .filter { 
	        display: inline-block;
	        color: #555555;
	        cursor: pointer;
	        font-family: "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif;
            margin-top:10px;
	        white-space: nowrap;
	        -webkit-font-smoothing: antialiased;
        }
        .active-result.subclass[class] {
	        font-weight: normal;
	        padding-left:15px;
	        background:#f6f6f6;
	        border-bottom:1px solid #fff;
        }
        li.active-result { 
            font-weight:bold; 
        }
    
        .block-grid.seven-up.filters { margin: 0 -3px; overflow:visible }
        .block-grid.seven-up.filters>li { padding: 0 3px 8px}
    input[type="text"] {  transition: none; }   /* Hack to remove chosen and foundation styles clash on filter menus */
    .chzn-search input[type="text"]:focus { background: url(/static/images/searchIcon.png) no-repeat 95% center #fff; }      /* Chosen's sprite bug adjustment */
                                        /* To display elipsis on multiline in webkit and opera browsers */
    
    #pagingLabel {
        display: block;
        font-size: 14px;
        padding: 7px;
        text-align: center;
        background-color: #3B7092;
        color: rgba(255, 255, 255, 0.9);
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
        border-radius: 2px;
        box-shadow: inset 0 0 9px 0 rgba(0, 0, 0, 0.4);
        border-bottom: 1px solid rgba(85, 156, 201, 0.7);
    } 
        ul.pagination {
	        margin-top: 8px;
            margin-left: 0;
        }
            ul.pagination li {
                margin-right: 4px;
                margin-left: 0;
                border: 1px solid #43505E;
                background: #556270;
                background: -moz-linear-gradient(top, #556270 0%, #444d57 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556270), color-stop(100%,#444D57));
                background: -webkit-linear-gradient(top, #556270 0%,#444D57 100%);
                background: -o-linear-gradient(top, #556270 0%,#444d57 100%);
                background: -ms-linear-gradient(top, #556270 0%,#444d57 100%);
                background: linear-gradient(to bottom, #556270 0%,#444D57 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#444d57',GradientType=0 );
                -moz-box-shadow: inset 0 3px 0 -2px rgba(255, 255, 255, .3);
                -webkit-box-shadow: inset 0 3px 0 -2px rgba(255, 255, 255, 0.3);
                box-shadow: inset 0 3px 0 -2px rgba(255, 255, 255, 0.3);
                text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
                padding: 2px 0;
                text-align: center;
                height: 25px;
                min-width: 26px; 
            }
                ul.pagination li:hover {
                    background: #556270;
                    background: -moz-linear-gradient(top, #556270 0%, #5b6774 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556270), color-stop(100%,#5B6774));
                    background: -webkit-linear-gradient(top, #556270 0%,#5B6774 100%);
                    background: -o-linear-gradient(top, #556270 0%,#5b6774 100%);
                    background: -ms-linear-gradient(top, #556270 0%,#5b6774 100%);
                    background: linear-gradient(to bottom, #556270 0%,#5B6774 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#5b6774',GradientType=0 );
                    cursor: pointer;
                }
                ul.pagination li.pageCurrent, ul.pagination li.pageCurrent:hover {
                    background: #FFF;
                    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#E6E6E6));
                    background: -webkit-linear-gradient(top, #FFF 0%,#E6E6E6 100%);
                    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
                    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
                    background: linear-gradient(to bottom, #FFF 0%,#E6E6E6 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
                    cursor:default;
                    color: #556270;
                    border: 1px solid #DDD;
                }
                    ul.pagination li a {
	                    display: inline;
	                    color: #fff;
                        padding: 4px 6px 6px 6px;
                    }
                    ul.pagination li:hover a, ul.pagination li a:focus { background:none; }
                        .pager_current.pagingLink { color: #556270; text-shadow: none; }
                ul.pagination li.pagingNext { margin-right: 0; }
    /* #region Category */
    .CategoryImageHolder{
         border: 5px solid #427fa6; 
         border-radius: 5px;
         margin: 0 5px 5px 5px
    }
        .CategoryMainImage {
	        width:100%;
	        height: 340px;
        }

/* #endregion Category */

    /* #region SearchResults */
    .infoBox {
        height: 30px;
        border: 2px solid #427FA6;
        border-radius: 4px;
        margin: 0 5px 5px 5px;
    }
/* #endregion SearchResults */

/* #region Special Offers */

/* #endregion Special Offers */

/* #endregion
-----------------------------------------
   Browse Page Styling
-----------------------------------------
    */



/* #region
-----------------------------------------
   Product Page Styling
----------------------------------------- */

    .panelCell { 
        border:3px solid #427fa6; 
        overflow:hidden; 
        margin: 5px 0;
        background: #427FA6; 
        border-radius:5px; 
    }
        .panelCell h3, section h3 { 
        	background: #427fa6; 
	        color: #fff; 
	        font-size: 16px; 
	        text-transform:capitalize; 
	        margin:0;
	        padding:5px;
	        font-family: 'CustomTitillium', Arial, sans-serif;
	        text-align:left;
            font-weight:normal;
        }
        .carouselHolder.panelCell { background: url(/static/images/ggLogo.png) center center no-repeat ;} /* there must be a better way to handle this image procesing using spriting or even the existing getgameslogo which has been downloaded in the sitemaster*/

    .productCarousel { background: #222;}
    .wide { height: 500px; }
    .productOverview { background: #fff; height:336px; }
    .expander { 
	    color: white;
	    background: black;
	    display: inline-block;
	    position: absolute;
	    padding: 5px 10px;
	    right: 0;
	    text-transform:uppercase;
	    top: 138px;
    }
        .expander:hover { cursor:pointer }

    .descriptionBlock { 
        color: black;
        background-color: white;
        height:165px; 
        overflow:hidden; 
        position: relative; 
    }
        .pDescription { 
	        padding:10px 15px 25px 15px; 
	        font-size:11px;
	        line-height:1.6em;
        }
            .pDescription ul, .pDescription ol { padding-left: 20px; }
            .pDescription ul { list-style-position: inside; }
            .pDescription ul li { text-indent:-5px }
                .pDescription ul li:before { content:"- "; position:relative; }

    .requirementsContainer table { border: none; padding: 10px;}
        .requirementsContainer table tbody tr td { padding: 0; line-height: 12px; }

    #tblRequirementsVGA { float: left; }
        #tblRequirementsVGA tbody tr td { padding: 0; line-height: 12px; min-width: 60px;}
    
    #legalInfo, #ageRating { padding: 10px; }

    .artwork { 
        background-size: 95%;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-clip: border-box;
	    /*height: 236px;*/ 
	    text-align:center;
    }
        .imgPackshotImage {
            width:95%; 
            border:2px solid #000; 
            margin-top:5px; 
            /*height: 224px;*/ 
        }
        .packshotCornerImg {
	        position: absolute;
	        left: 9px;
	        margin-top: 5px;
        }
    #pPreLoad {
	    width: 218px;
	    height: 24px;
	    background: #E05D26;
	    position: absolute;
	    margin-left: 6px;
	    top: 236px;
	    font-size:16px;
	    text-shadow:0 1px 1px #000;
	    padding-top:3px;
    }
    .shortDescription { 
        padding: 0 5px 20px 5px; 
        color: #000;
    }
        #pSubtitle {
	        line-height:1.2em;
	        font-size:12px;
	        margin-top:2px;
        }

    .panelPriceBox { 
        background: #fff; 
        text-align:center;
        color: #000;
        text-transform: uppercase;
        height:180px;
    }
        .priceBlock {
	        height: 103px;
	        padding-top: 35px;
	        font-weight: bold;
	        line-height: 1.5em;
        }
            .pricebox { 
                font-size: 50px;
            }
        .priceBlockDiscount {
	        height: 72px;
	        padding-top: 20px;
        }
            .priceBlockDiscount.triple {
	        padding-top: 12px;
        }
            .priceDiscount{ 
                font-size: 35px;
            }
        .buttonWrapper { 
            background: #E05A00;
        }
            .pricePercentageOff { 
                padding-top: 5px; 
                color:white; 
                font-size: 2.375em;
            }
        #priceAction {
            font-family: 'CustomTitillium', Arial, sans-serif;
            font-weight: bold;
            background: url(/static/images/buyButtonBG.jpg) repeat-x center center;
            border: none;
            width: 85%;
            text-shadow: 1px 1px 1px #000;
            border-radius: 5px;
            height: 36px;
            margin-bottom: 5px;
            margin-top: 3px;
            box-shadow: 1px 1px 3px #381700;
        }
            .arrows {
                position: relative;
                top: -3px;
            }
            *#priceAction a {
                -webkit-transition: color 0.5s ease;
                -ms-transition: color 0.5s ease;
                -o-transition: color 0.5s ease;
                -moz-transition: color 0.5s ease;
                transition: all 0.5s ease;
                color: #fff;
                position: relative;
                top: -3px;
            }
                #priceAction a:hover {color:#BE3626;}
            .buyNowButton { 
                font-size:23px;
                text-transform:uppercase;
                letter-spacing:0.1em;
            }
        .comingSoonBG { background:url(/static/images/coming_soon.png) center 35% no-repeat #427fa6;}
            .pricebox2 {
	            font-size: 35px;
	            line-height: 1em;
	            color: #FFF;
	            font-family: 'CustomTitillium', Arial, sans-serif;
	            margin-top: 20px;
	            display: inline-block;
            }
    .DRMType { 
        background-color:#000;
        height: 165px; 
        overflow: hidden;
    }
    .drm { margin: 10px 0; }
        .pegiBox { padding: 0 2px; }
            .ageRating { 
                display: inline-block;
                width:56px; 
                margin:3px;
            }
            img.pegiIcon { 
                max-height: 70px;
                vertical-align: text-top; 
            }
        ul.drmSymbols { 
            margin:0; 
        }
            li.drmSymbolsItem {
                display: inline-block;
            }
        ul.platformsList {
            padding:40px 0;
        }
            ul.platformsList li {
                display:inline-block;
            }
                .platformsList img {
                    max-height:40px;
                }
    
    .supportBlock { 
        background-color: #fff;
        height: 165px;
    }
        .supportBlockContent { 
            padding: 5px;
        }
            .productSupportLinks { 
                background: url(/static/images/arrow_right.png) 97% center no-repeat;
                background-color: #E05D26;
                background-size: 5% 50%; 
                color:#fff; 
                padding: 3px; 
                margin-bottom:3px; 
                font-size: 17px; 
                line-height: 18px; 
                text-shadow:0 1px 1px rgba(0,0,0,0.4);
                transition: all 0.2s ease;
            }
                .productSupportLinks:hover {
                    background-color:#AC4D26;
                    background-position-x: 99%;
                }
    
    /* YMAL section of product page */
    p.ymal {
            padding: 2px;
            margin: 0 5px;
            font-family: 'CustomTitillium',Arial,sans-serif;
            font-size: 16px;
            padding-left: 10px;
            border-radius: 2px;
            background: #427FA6;
            background: -moz-linear-gradient(top,#427fa6 0%,#3d6499 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#427FA6),color-stop(100%,#3D6499));
            background: -webkit-linear-gradient(top,#427FA6 0%,#3D6499 100%);
            background: -o-linear-gradient(top,#427fa6 0%,#3d6499 100%);
            background: -ms-linear-gradient(top,#427fa6 0%,#3d6499 100%);
            background: linear-gradient(to bottom,#427FA6 0%,#3D6499 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#427fa6',endColorstr='#3d6499',GradientType=0);
            text-transform: uppercase;
            }

/* #endregion
-----------------------------------------
   Product Page Styling
----------------------------------------- */



/* #region
-----------------------------------------
   Promotion Article Page Styling
----------------------------------------- */

/**.promotionArticleText { color: black; background-color: white; height:auto; overflow:hidden; position: relative; margin: 5px; border: 3px solid #427fa6; border-radius: 5px;}
**//**.promotionArticleText p { margin-bottom: 0; padding:10px 15px 25px 15px;}
**/

/**.promotionArticlePanelCell { border:3px solid #427fa6; overflow:hidden; margin: 5px; }
**//**.promotionArticlePanelCell h3 { 
	background: #427fa6; 
	color: #fff; 
	text-align:center; 
	font-size: 12px; 
	text-transform:uppercase; 
	width:auto;
	margin:0;
	padding:5px;
}
**//**.promotionArticlePanelCell h5 { 
	background: #FFF; 
	color: black; 
	text-align:left; 
	font-size: 12px; 
	margin:0;
	padding:10px 15px 25px 15px;
}
**//*.PromotionArticleContent { padding:10px 15px 25px 15px; }*/

/* #endregion
-----------------------------------------
   Promotion Article Page Styling
----------------------------------------- */



/* #region
-----------------------------------------
Support / Privacy / Terms&Conditions / FAQ styling
----------------------------------------- */


    .formWrapper {
        width: 980px;
        margin: 10px auto;
        border: 3px solid #427FA6;
        background: #111;               /* IE8 Fallback for rgba */
        background: rgba(0, 0, 0, 0.9);
        border-radius: 5px;
        }
        .formWrapper p { font-size: 14px; line-height: 1.3em;}
        .formWrapper label { font-size:14px; font-weight:bold; margin: 5px 0; cursor:default; clear: left;}
        .formWrapper select {
	        padding: 5px;
	        font-size: 14px;
	        color: #333;
	        color: rgba(0, 0, 0, .75);
	        border-radius: 3px;
        }
    .formError { display: inline-block; float: left; color: #F00; padding: 3px; }
        .formError:before { content: "*"; margin-right: 3px; }

    .privacy h3 {
	    text-align:left;
	    font-size:14px;
	    background:none;
    }
    .privacy li {
	    font-size: 14px;
    }

    .faq-list { list-style-type: disc }

    label.extra-top-margin { margin-top: 15px; }
    #send { margin:20px 0; }

/* #endregion*/



/* #region
-----------------------------------------
   Register/Unregister/Competition Page Styling
----------------------------------------- */

    .panelSubscribe h2 { font-size:24px; margin:34px 0; }
    .formLine { 
        display:inline-block;
    }
        .formLine label {
            display: inline-block;
        }
        .formLine label.labelName {
            float: left;
            width: 200px;
        }
        .formLine input {
            float: left;
            border-radius:3px;
            padding:3px 6px; /* IE adjustment */
        }
        .formLine input[type="radio"] {
            width: 50px;
        }
    .radioButtonList {
        margin-left: 200px;
    }

    .subscribe label {
        margin:0 0 5px 0;
    }
    .subscribeButton {
        margin:5px 0 0 0;
    }
        #btnSubmit {
            padding: 10px 5px;
            border-radius:3px;
        }
    .subscribenote {
        font-size: 13px;
        margin: 10px 0 20px 0;
        display: block;
        line-height: 1.4em;
    }

    #lblResult  {
        font-size: 18px;
        margin: 20px 0;
        display: block;
    }

    #lblRedirect {
        font-size:14px;
        margin: 20px 0;
        display: block;
    }
/* #endregion */



/* #region
-----------------------------------------
   Offline/Error Page Styling
----------------------------------------- */

.filler100pc { height:100%; width:100%; }
/**.searchMessage {
	margin-top:5px;
	float: left;
}
**/
/**.searchText {
	margin-top: 1px;
	margin-left:8px;
	float: right;
	font-size:16px;
}
**/
/**.twelve.columns.mainContent {
    padding:10px;
}
**/
/**#ContentPlaceHolder1_lblResult {
    font-size: 14px;
    padding: 2em 0em;
    display: inline-block;
}**/

/* #endregion
-----------------------------------------
   Offline/Error Page Styling
----------------------------------------- */



/* #region
=========================================
   CONTROLS
========================================= */

    /* #region
-----------------------------------------
    ScrollerBanner
----------------------------------------- */
    .banner {
	    position: relative;
	    overflow: hidden;
	    width: 100%;
	    height: 334px;
	    float: left;
    }
        .banner .items {
	    width: 20000em;
	    position: absolute;
    }
        .items div.mainBannerStatic {
	        float: left;
	        background-repeat: no-repeat; 
	        height: 334px;              /* 340px - border */
	        background-size:100% 100%;  /* artificially adjusted size of bg image, to be removed later */
            overflow:hidden;
        }
        .bannerImage { 
	        background-repeat: no-repeat; 
	        height: 334px; /* 340px - border */ 
	        width: 723px;
        }
        .mainBannerStatic {
	        position: static;
	        height: 340px;
	        width: 723px;
            
        }
            .mainBannerStaticTop, .mainBannerStaticMiddle, .mainBannerStaticBottom {
	            position: static;
	            height: 100px;
                color: #FFF;
            }
                .price_strap_carousel {
                    background: #000;
                    display: inline-block;
                    position:relative;
                    font-size: 24px;
                    color: #FFF;
                    padding: 9px;
                    float:left;
                }
                    .price_strap_carousel:after {
                        content: " ";
                        position:absolute;
                        background:url("/static/images/SiteMasterSprite.png") -244px -65px;
                        width: 27px; 
                        height: 41px;
                        top:0;
                        margin-left:9px;
                    }
                .title_strap {
                    text-transform: uppercase;
                    position:relative;
                    font-size: 14px;
                    color: #FFF;
                    padding: 8px 20px 8px 30px;
                    background: #2E2E2E;                /* IE8 Fallback for rgba */
                    background: rgba(0, 0, 0, 0.7);
                    display: inline-block;
                    float: left;
                }
                    .title_strap::after {
                        content: " ";
                        position:absolute;
                        background:url("/static/images/SiteMasterSprite.png") -194px -65px;
                        width: 20px; 
                        height: 30px;
                        top:0;
                        margin-left:20px;    
                    }
            .mainBannerStaticBottom {
                    margin-top:96px;

                }
            .mainBannerStatic .badge-percent {
	            font-size: 26px;
                background: url(/static/images/SiteMasterSprite.png) -84px -95px no-repeat;
                color: #FFF;
                float: right;
                padding: 6px 6px 6px 26px;
                text-align: center;
                width: 160px;
                position:relative;
                z-index: 1;
            }
                .note_strap {
                    text-transform: uppercase;
                    font-size: 14px;
                    top: 8px;
                    float: right;
                    background: #2E2E2E;
                    background: rgba(0, 0, 0, 0.7);
                    height: 30px;
                    text-align: center;
                    padding: 8px 42px 8px 20px;
                    margin-right: -34px;
                    position: relative;
                }
                    .note_strap::before {
                        content: " ";
                        position:absolute;
                        background:url("/static/images/SiteMasterSprite.png") -214px -65px;
                        width: 30px; 
                        height: 30px;
                        top:0;
                        left:-30px;
                    }
                    img.bannerBadge { 
                    position:absolute;
                    right:0;
                    top:-96px;
                }

    .mainBannerStatic .badge-medium.badge-position {
	    position: relative;
	    left: 0;
	    top: 296px;
	    float: right;
        z-index:10;
    }
    #pnBanner .next, #pnBanner .prev {
	    position: absolute;
	    top: 140px;
	    left: 4px;
	    z-index: 101;
    }
        #pnBanner .next {
	        left: 696px;
        }
    /*#endregion */




    /* #region
-----------------------------------------
    PromoBox/PromoThumb/promobox
----------------------------------------- */
    .promoSlot {
	    background: #FFF;
	    border: 3px solid #427fa6;
	    border-radius: 5px;
	    height: 165px;
	    padding: 0;
	    overflow: hidden;
	    margin-bottom: 10px;
	    width: 236px;
    }
        .promoSlot:hover {
            border: 3px solid #8FB3CA;
            transition: all 0.2s linear;
        }
        .promoSlot.medium { height:320px; }

    .three.promoSlot,
    .six.promoSlot,
    .nine.promoSlot,
    .twelve.promoSlot { 
        overflow: inherit;
    }
    .promoSlot.thumb { height: 86px; width: 116px;}
        .thumbContainer { 
            height:100%;
            width:100%; 
            max-width: 100%; 
            overflow: hidden;
        }

    .videoPlayBtn {
	    top: 25%;
	    margin: 0 auto;
	    position: relative;
	    width: 81px;
	    height: 81px;
	    background: url(/static/images/videoImg.png) no-repeat scroll left top;
	    opacity:0.9;
	    -webkit-transition: opacity 1s ease-in-out;
	    -moz-transition: opacity 1s ease-in-out;
	    -o-transition: opacity 1s ease-in-out;
	    -ms-transition: opacity 1s ease-in-out;
	    transition: all 1s ease-in-out;
    }
        .videoPlayBtn:hover { 
            opacity:1;
        }

    .badge {
	    font-size: 14px;
	    color: #fff;
	    text-align: center;
	    padding: 2px 1px;
    }
        .badge.top {
            background: rgba(60, 60, 60, 0.90);
	        color: #FFF;
	        width: 100%;
	        height: 22px;
            padding:0;
        }
            .badge.top.noTitle {
	            background: none;
            }
        .badge.title {
	        color: #FFF;
            padding-top:4px;
        }
        .badge.bottom {
	        background: rgba(33, 33, 33, 0.6);
	        text-align: center;
	        width: 100%;
	        height: 30px;
	        padding:0;
            margin-top: 111px;
        }
            .badge.bottom.noNotes {
	            background:none;
            }
        .badge.note {
	        float: left;
	        text-align: center;
            width:60%;
            padding-top:6px;
        }
        .badge.note.full {
            width: 100%;
        }
        .badge.empty {
	        background: none;
	        height: 22px;
        }
        .badge.percent {
	        width: 88px;
	        text-align: center;
	        float: right;
            background: url(/static/images/SiteMasterSprite.png) -101px -95px no-repeat;
            padding: 6px 0 8px 12px;
        }
        .badge.price_strap {
            background: url(/static/images/SiteMasterSprite.png) 0 -136px no-repeat;
	        float: left;
	        color: #FFF;
            padding: 4px 0 4px 16px;
	        width: 102px;
            text-align:left;
        } 

    /*.topSpace { margin-bottom:10px }
    .promoSlot h3 { background: #427fa6; }
    .badge.bottom.widthX2 {
	    background: url(/static/images/pricetag_br.png) 374px no-repeat rgba(60, 60, 60, 0.90);
    }
    .badge.bottom.widthX3 {
	    background: url(/static/images/pricetag_br.png) 620px no-repeat rgba(60, 60, 60, 0.90);
    }
    .badge.note.widthX2
    {
	    width: 80%;
	    padding-left: 20%;
    }
    .badge.note.widthX3
    {
	    width: 85%;
	    padding-left: 15%;
    }
    .badge.title.widthX2 {
	    width: 80%;
	    padding-right: 20%;
    }
    .badge.title.widthX3 {
	    width: 85%;
	    padding-right: 15%;
    }
    .badge.fullWidth
    {
	    background: rgba(33,33,33,0.6);
	    width: 100%;
    } 
    /*.badge.title.full
    {
	    width: 100%;
    }
    *.badge.note.full
    {
	    width: 100%;
    }
    .badge.bottom.noNotes.widthX2
    {
	    background: url(/static/images/pricetag_br.png) 374px no-repeat;
    }
    .badge.bottom.noNotes.widthX3
    {
	    background: url(/static/images/pricetag_br.png) 620px no-repeat;
    }
    .promo {float: left; padding:0; margin: 0 0 10px 0; }
    **/

    /* #endregion
    -----------------------------------------
       PromoBox/PromoThumb
    ----------------------------------------- */



    /* #region
-----------------------------------------
    ProductItemControl
----------------------------------------- */

    .item {
	    border: 3px solid #427fa6;
	    border-radius: 5px;
	    height: 155px;
	    background:  #427fa6;
	    transition: all 0.2s linear;
	    /*width:101%;firefox hack
	    margin-right:-1px;*/
    }
        .item:hover {
	        border:3px solid #8FB3CA;
        }

        .itemPackshot {
	        height: 116px;
	        background-repeat: no-repeat;
	        -moz-background-size:116px;
	        -o-background-size: 116px;
	        -webkit-background-size: 116px;
	        background-size: 116px;
        }
            .itemPackshot img {
                position: absolute;
            }       
            .CTPOsprite {
                clip: rect(63px 94px 110px 47px);
                max-width:none;
                top:-63px;
                left: -47px;
            }
            .CTMsprite {
                clip: rect(63px 47px 110px 0);
                max-width:none;
                top:-63px;
                left: 0;
            }
        .productPricing { 
            color: #f0f0f0;
            padding: 0;
        }
            .price {
                padding-top: 15px;
                height: 61px;
                text-align: center;
                font-size: 29px;
                line-height: 0.6em;
                text-shadow: 0 1px 2px #244960;
                font-weight: 600;
            }
                .reducedPrice { 
	                background: darkred; 
	                height: 55px; 
	                float: right;
	                text-align:center;
	                font-weight:bold;
                }
                    .reducedPrice p {
                        font-size: 35px; 
                        font-weight:bold;
                    }
            .priceExpanded {
	                height: 116px;
	                padding-top:50px;
                }
            .comingSoon {
                padding-top:55px;
	            height:  116px;
	            text-align:center; 
	            font-size:29px;
	            line-height: 25px;
	            font-family: 'CustomTitillium', Arial, sans-serif; 
	            font-weight: bold; 
	            color: #fff; 
	            text-shadow: 1px 1px 1px #000;
            }
                .comingSoon img { 
                    position:absolute;
                    clip: rect(63px 182px 94px 93px);
                    max-width:none;
                    left: -80px;
                    top:-48px;
                }

        .productTitle { 
	        clear: left; 
	        background-color:white;
	        height:32px;
            overflow:hidden;
        }
            .productTitle p { color: #000; font-size: 12px; line-height: 1.1em; padding: 3px;
                overflow: hidden;
                text-overflow: -o-ellipsis-lastline;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                white-space: normal;
                width:185px;
            }
        .basketButton {
            margin-top:1px;
        }
            .straightToBasketSprite {
                position:absolute;
                background: url('/static/images/SiteMasterSprite.png') 0 -34px;
                height: 29px;
                width: 42px;
                right: 9px;
            }

    /* #endregion */



/* #endregion
=========================================
   CONTROLS
========================================= */