/**
* #.# MyTesco Mobile General Styles
*
* Styles specific to mytesco mobile 
*/

.mytescomobile-home {
	padding: 24px 0;
}
.mytescomobile-home h1 {
	margin:0;
	padding:0 0 15px 0;
	font-size: 36px;
	letter-spacing: -2px;
}
.mytescomobile-home h4 {
	margin:0;
	padding:0 0 9px 0;
	font-size: 16px;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.mytescomobile-home .row {
	margin-left: 0;
	margin-right: 0;
}

/** Login Box **/
.login-box {
	margin-top: 27px;
	margin-bottom: 27px;
	padding: 16px 22px 37px 24px;
	text-align: left;
}
.login-box legend {
	margin: 0 0 11px 0;
	padding: 0 0 5px 0;
	font-size: 19px;
	color: #6d6e72;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	border:none;
	background: url("../images/ux-redesign/img_heading1.gif?v=1.77") no-repeat 0 100%;
	background-size: auto 2px;
}

.login-box p {
	margin: 0;
	padding: 0 10px 10px 0;
}
.login-box label,
.login-box input {
	display: block;
}
.login-box label {
	margin: 0;
	padding: 5px 0 0;
	font-weight: normal;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.login-box input[type="text"],
.login-box input[type="password"] {
	margin: 0 0 5px 0;
	padding: 5px;
	width: 100%;
	height: 42px;
	border:solid 1px #b8b9bd;
	border-radius: 10px;
}
.login-box input[type="submit"] {
	margin: 24px 0 18px 0;
	padding: 12px 40px;
	color: #fff;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    border: none;
    border-radius: 10px;
    font-size: 24px;
}
.login-box .form-tips p {
	margin: 0;
	padding: 0;
}
.login-box .form-tips a {
	display: block;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}


/** Content Boxes **/
.home-content-box-wrap {
	padding: 0;
}
.my-tmi-content-box {
	margin: 0 0 18px 0;
	padding: 0 0 28px 0;
	text-align: left;
	/*border-bottom: solid 1px #b8babf;*/
}
.my-tmi-content-box legend {
	margin: 0 0 11px 0;
	padding: 0 0 5px 0;
	font-size: 19px;
	color: #6d6e72;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	border:none;
	background: url("../images/ux-redesign/img_heading1.gif?=1.77") no-repeat 0 100%;
	background-size: auto 2px;
}
.my-tmi-content-box.last {
	margin: 0;
	padding: 0 0 14px 0;
	border:none;
}
.my-tmi-content-box.last p {
	padding-bottom: 10px;
}
.my-tmi-content-box h2 {
	margin:0;
	padding: 0 0 12px 0;
	font-size: 19px;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.my-tmi-content-box a.btn-default {
	display: inline-block;
	margin: 0;
    padding: 12px 40px;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color: #FFF;
    background: #5014b0;
    border: none;
    border-radius: 10px;
    font-size: 24px;
}

.my-tmi-content-box a.btn-default:hover,.my-tmi-content-box a.btn-default:active:hover{
	color: #FFF;
    background: #5014b0;
}

.my-tmi-content-box .content-icon {
	margin: 12px 0;
}
.my-tmi-content-box .content-icon-text p {
	margin: 0;
	padding: 0;
}


/**
* #.# MyTesco Mobile General Styles
*
* Styles specific to mytesco mobile - Tablet Portrait and Medium Desktops
*/
@media (min-width: 768px ) {

	.mytescomobile-home h1 {
		font-size: 48px;
	}
	.mytescomobile-home h4 {
		font-size: 19px;
	}


	/** Login Box **/
	.login-box {
		margin: 27px auto;
		width: 75%;
	}
	.login-box legend {
		font-size: 24px;
	}
	.login-box input[type="text"],
	.login-box input[type="password"] {
		width: 65%;
	}
	.login-box .form-tips a {
		display: inline-block;
	}

	/** Content Boxes **/
	.home-content-box-wrap {
		margin: 0 auto;
		width: 75%;
	}
	.my-tmi-content-box .content-icon {
		width: 50%;
    	float: left;
	}
	.my-tmi-content-box .content-icon .content-icon-text {
		width: 85%;
	}
	.my-tmi-content-box h2 {
		font-size: 24px;
	}
	.my-tmi-content-box.last h2 {
		font-size: 19px;
	}

	.my-tmi-content-box legend { 
		font-size: 24px;
	}

}


/**
* #.# MyTesco Mobile General Styles
*
* Styles specific to mytesco mobile - Medium Desktops
*/
@media (min-width: 992px ) {

	.mytescomobile-home {
		padding: 49px 0 0 0;
	}
	.mytescomobile-home h1 {
		font-size: 57px;
	}

	/** Login Box **/
	.login-box {
		margin: 40px auto 88px auto;
		width: 50%;
	}
	/** Content Boxes **/
	.home-content-box-wrap {
		margin: 40px auto 0 auto;
		padding-left: 50px;
		padding-top: 6px;
		width: 50%;
	}
	.my-tmi-content-box {
		padding: 0 0 20px 0;
		width: 86%;
	}
	
	.my-tmi-content-box p {
		margin: 0 0 12px;
	}

	
	.my-tmi-content-box.last p {
    	padding-bottom: 0;
    	margin: 0 0 0;
	}



}


/**
* #.# MyTesco Mobile General Styles
*
* Styles specific to mytesco mobile - Large Desktops
*/
@media (min-width: 1180px ) {



	/** Login Box **/
	.login-box {
		margin: 30px auto 88px 16.25%;
		width: 384px;
	}
	.login-box input[type="text"], 
	.login-box input[type="password"] {
    	width: 100%;
	}
	/** Content Boxes **/
	.home-content-box-wrap {
		width: 43.66666667%;
	}



}





/**
* #.# MyTesco Mobile Content Styles
*
* Styles specific to mytesco mobile 
*/

.mytescomobile-general-content .btn-primary {
	margin: 10px;
	padding: 20px 45px;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-transform: capitalize;
}
.btn-primary.tmi-green {
	border:solid 2px #19D769;
}
.btn-primary.tmi-purple {
	border:solid 2px #5115AD;
}
.btn-primary.tmi-red {
	border:solid 2px #E7002D;
}
.mytescomobile-general-content .btn-default {
	margin: 10px;
	padding: 20px 45px;
	font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-transform: capitalize;
}

/** Overrule of Margin and Padding in Modals **/
.modal .btn-primary {
	margin:0;
	padding: 10px;
}
.modal .btn-default {
	margin:0;
	padding: 10px;
}