/*
    Generic Styling
*/
body {
    margin: 0;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.capital {
    text-transform: uppercase;
}
a {
    color: #000;
    cursor: pointer;
    text-decoration: none;   
}
a:hover {
    text-decoration: none;
}
.clear {
    clear: both;
}
.white-text {
    color: #fff;
}
.black-text {
    color: #000;
}
.remove-line {
    text-decoration: none;
}
.text-shadow {
    text-shadow: 3px 3px 4px rgba(0, 0, 0, .5);
}
.ly_basic #breadcrumb {
    display: none!important;
}
.relative {
    display: none;
    position: relative;
}
.gap {
    color: #fff;
    font-size: 1.5em;
    margin-left: 1.2em;
}

/* Custom Hr */
hr {
    width: 20px;
    height: 2px;
    border: none;
    margin: 10px auto;
    background-color: #fff;
}
.grey-line {
    border: 0;
    height: 1px;
    width: 960px;
    margin-top: 110px;
    background-color: #cdcdcd;
}
.grey-line-alt {
    border: 0;
    height: 1px;
    width: 960px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #5d5d5d;
}

/* 
    Main Content Styles 
*/
.main-container {
    width: 100%;
    height: 420px;
    text-align: center;
    position: relative;
}
.main-container1 {
    width: 100%;
    height: 465px;
    padding: 30px 0px;
    text-align: center;
    box-sizing: border-box;
    background-color: #f2f2f2;
}
.main-container2 {
    color: #fff;
    width: 100%;
    height: 380px;
    padding: 30px 0px;
    text-align: center;
    box-sizing: border-box;
    background-color: #333;
}
.main-img {
    width: 960px;
    height: 100%;
    position: relative;
}
/* 
    MPU Box Text Styling 
*/
.box-width {
    width: 310px;
    height: 310px;
}
.box-title {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px!important;
    -webkit-font-smoothing: antialiased;
    font-family: 'ThomasPinkSans', Arial, sans-serif;
}
.box-inner-text {
    left: 0;
    right: 0;
    top: 36%;
    color: #fff;
    z-index: 10;
    display: block;
    margin: 0 auto;
    position: absolute;
    text-align: center;
}
.inner-link {
    color: #fff;
    font-size: 1.5em;
    padding: 0 10px;
}
.inner-link:hover {
    text-decoration: underline;
}
.box-sub-title {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.box-link {
    width: 100%;
    height: 100%;
    position: absolute;
} 

/*
    Row Dimensions
*/
#first-row,
#second-row {
    width: 960px;
    height: 310px;
    margin: 14px auto;
}

/* 
    Temp fix for sprites Feb Week 8 
*/
#first-row > div {
    height: 309px!important;
}
#first-row > div,
#second-row > div {
    float: left;
    width: 310px;
    height: 310px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
}
a.box-link:hover {
    cursor: pointer;
}
#second-row div:hover p{
    text-decoration: underline;
}
#first-row > div:hover {
    width: 310px;
    height: 310px;
}
#first-row > div:first-child {
    margin-right: 15px;
}
/*#second-row > a:nth-child(-n+2) {
    margin-right: 15px;
}*/
/* Because IE 8 */  
#second-row > div:first-child {
    margin-right: 15px;
}
#second-row > div:first-child + div {
    margin-right: 15px;
}
.third-row {
    width: 960px;
    height: 228px;
}
/* 
    MPU Row 1
*/
.box-1 {
    width: 635px!important;
    background: url(/pws/client/images/new-layout-img/Homepage-Update_UK-Sprite_week8_v1.jpg) 0px 0px;
}
.box-1:hover {
    background: url(/pws/client/images/new-layout-img/Homepage-Update_UK-Sprite_week8_v1.jpg) 0 -310px;
}
.box-2 {
    background: url(/pws/client/images/new-layout-img/TP_Homepage-Sprite_UK_V1.jpg) 0 -622px;
}
.box-2:hover {
    background: url(/pws/client/images/new-layout-img/TP_Homepage-Sprite_UK_V1.jpg) -310px -622px;
}
/* 
    MPU Row 2
*/
.box-3 {
    background: url(/pws/client/images/new-layout-img/TP_Homepage-Sprite_UK_V1.jpg) 0 -930px;
}
.box-3:hover {
    background: url(/pws/client/images/new-layout-img/TP_Homepage-Sprite_UK_V1.jpg) -310px -930px; 
}
.box-4 {
    background: url(/pws/client/images/new-layout-img/TP_Homepage-Sprite_UK_V1.jpg) 0 -1240px;
}
.box-4:hover {
    background: url(/pws/client/images/new-layout-img/TP_Homepage-Sprite_UK_V1.jpg) -310px -1240px;
}
.box-5 {
    background: url(/pws/client/images/new-layout-img/TP_Homepage-Sprite_UK_V1.jpg) 0 -1550px;
}
.box-5:hover {
    cursor: pointer;
    background: url(/pws/client/images/new-layout-img/TP_Homepage-Sprite_UK_V1.jpg) -310px -1550px;
}
/*
    MPU Row 3
*/
/* footer spirites update */
.box-6-updated {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_03_20216.jpg);
}
.box-6-updated:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_03_20216.jpg) 0 -228px;
}
.box-7-updated {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_03_20216.jpg) 0 -455px;
}
.box-7-updated:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_03_20216.jpg) -228px -683px;
}
.box-8-updated {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_03_20216.jpg) 0 -912px;
}
.box-8-updated:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_03_20216.jpg) -456px -1140px;
}
.box-9-updated {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_03_20216.jpg) 0 -1368px;
}
.box-9-updated:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_03_20216.jpg) -912px -1596px;
}
/* footer spirites update*/

.box-6 {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg);
}
.box-6:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) 0 -228px;
}
.box-7 {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) 0 -455px;
}
.box-7:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) -228px -683px;
}
.box-8 {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) 0 -912px;
}
.box-8:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) -456px -1140px;
}
.box-9 {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) 0 -1367px;
}
.box-9:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) -912px -1596px;
}
.box-9-2 {
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) 0 -1824px;
}
.box-9-2:hover {
    width: 228px;
    height: 228px;
    background: url(/pws/client/images/new-layout-img/home_discoverpink_uk_sprite_11_01_20216.jpg) -1368px -2052px;
}
/*
    Discover Pink
*/
.discover-text {
    text-transform: uppercase;
}
.box-cont {
    float: left;
    width: 240px;
    height: 350px;
}
.disc-img-box {
    width: 228px;
    height: 228px;
    margin: 0 auto;
    display: block;
}
.box-txt {
    color: #666;
    display: block;
    margin-top: 10px;
    font-size: 1.05em;
}
.headline {
    color: #000;
    font-size: 1.2em;
}
.view-more-link {
    color: #666;
    opacity: .6;
    display: block;
    padding: 8px 0;
    font-size: 1.5em;
}
.view-more-cont {
    height: 50px;
    clear: both;
}
/*
    Pink Recommends
*/
.recommend-width {
    width: 960px;
    height: 320px;
    text-align: center;
    margin: 40px auto 7px auto;
}
#recommend {
    text-transform: uppercase;
}
.recommend-float {
    float: left;
    width: 182px;
    height: auto;
    margin: 0 5px;
}
.shirt:hover {
    box-shadow: 0 0 0 2px #F5A8A2;
}
/*
    Pink TV
*/
.fifth-row {
    width: 960px;
    height: 230px;
    margin: 0 auto;
    text-align: center;
}
.vid-text {
    color: #fff;
    padding: 10px 0;
    text-transform: capitalize;
}
.vid-position {
    float: left;
    width: 310px;
}
/* Because IE 8 */
.vid-position:first-child {
    margin-right: 15px;
}
.vid-position:first-child + div {
    margin-right: 15px;
}
.vid-img {
    opacity: 1;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
}
.vid-img:hover {
    opacity: .5;
}
/*
    Temp Custom Code Here 
*/
.overlay_text {
    top: 70px;
    right: 35px;
    width: 300px;
    font-size: 16px;
    text-align: left;
    position: absolute;
}
.overlay_para {
    width: 89%;
    font-size: 15px;
}
.overlay_title {
    width: 66%;
    font-size: 32px;
    letter-spacing: 2px!important;
    font-family: 'ThomasPinkSans', 'Arial', sans-serif;
}
.overlay_link {
    padding-top: 10px;
}
.overlay_link .upper {
    text-transform: uppercase;
}
.icon {
    padding-left: 10px;
}