/* add your css rules here */
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic);

.printhide
	{
		display:none;
	}

.chooseCatHeader
	{
		background:url('http://www.shop.bt.com/images/1/merch/vendors/landing-pages/2015/back-to-uni/normal.png') no-repeat scroll 95% center;
		height: 20px;
		background-size: 14% auto;
		background-color: #ffffff;
		padding: 20px;
        cursor:pointer;
	}

.chooseCatHeader p
	{
		
		font-family:'Ropa Sans', sans-serif!important;
		font-size:24px!important;
		color: #000000!important;
		line-height:20px!important;
	}

.active
	{
		background:url('http://www.shop.bt.com/images/1/merch/vendors/landing-pages/2015/back-to-uni/active.png') no-repeat scroll 95% center;
    background-size: 14% auto;
    background-color: #ffffff;
	padding: 20px;
	}

.mobile-cat
	{
		display:none;
	}

.mobile-cat ul
	{
		margin:0!important;
		padding:0!important;
		list-style:none!important;
        text-align:center!important;
	}

.mobile-cat ul li
	{
		vertical-align:none!important;
		display:inline-block!important;
		width:49.1%;
        border-bottom:1px solid #ffffff!important;
	}


.mobile-cat ul li a
	{
		text-decoration:none!important;
        padding:10px!important;
        display:block!important;
		font-family:'Ropa Sans', sans-serif!important;
        color:#ffffff!important;
		background-color:#3e8ece!important;
		font-weight:lighter!important;
	}

.mobile-cat ul li a:hover
	{
		text-decoration:none!important;
		background-color:#000000!important;
	}

#sale-deals 
	{
		margin-top:2px;
	}


#sale-deals div
	{
		width:100%;
		overflow:hidden;
	}

#sale-deals div:nth-child(odd)
	{
		margin-right:2px;
	}

#cat-header
	{
		margin: 10px 0;
		background-color: #3e8ece;
		padding: 14px;
		text-align: center;
		color: white;
		font-size: 24px;
		font-family: "Ropa Sans", sans-serif !important;
	}

.view
	{
		position:relative;
	}


.view .mask
	{
		background-color: rgba(62,142,206,0.8);
		width: 100%;
		height: 100%;
		position: absolute;
		top: -2px;
		left: 0;
		opacity:0;
		transition:opacity .25s ease-in-out;
			-moz-transition:opacity .25s ease-in-out;
				-webkit-transition:opacity .25s ease-in-out;
						-ms-transition:opacity .25s ease-in-out;
	}

.view:hover .mask
	{
		opacity:1
	}

.view .mask h2
	{
		color:white;
		background:#000000;
		padding:16px;
		text-align:center;
		margin-top: 40%;
			transform:translate(0,-177px);
				-moz-transform:translate(0,-177px);
					-webkit-transform:translate(0,-177px);
							-ms-transform:translate(0,-177px);
		transition: 1s ease-in-out;
	}


.view:hover .mask h2
	{
		transform:translate(0,0);
				-moz-transform:translate(0,0);
					-webkit-transform:translate(0,0);
							-ms-transform:translate(0,0);	
	}


.view .mask h2 a
	{
		text-decoration:none;
		color:white;
	}