/*------------------------------------------------------------------------------------------------*/
/*                                                                                                */
/* Stylesheet      : Fitting Room Stylesheet.                                                     */
/*                                                                                                */
/* Script Name     : fittingroom.css                                                              */
/*                                                                                                */
/* Copyright       : (c) FGH UK                                                                   */
/*                                                                                                */
/* Description     : Master stylesheet for the Fitting Room and subsequent pages.                 */
/*                                                                                                */
/*                                                                                                */
/*------------------------------------------------------------------------------------------------*/

                                                  /*----------------------------------------------*/
                                                  /* Fitting Room Home.                           */
                                                  /*----------------------------------------------*/
body {
	background-color:#FFF;
	}

.fittingRoomPageBody
{
    background:#ffffff;
}

.fittingRoomHeader h1 
{
    color: #999999;
    font-family: adobe_caslon_pro_regular,arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    margin: 5px 0;
    text-align: center;
    font-size:3.4em;
    text-transform: uppercase;
	line-height: 45px;
}

.fittingRoomHeader .headerImage
{
    background: url("img/thefittingroom_logo.png") no-repeat scroll 0 0 / 47px transparent;
    display: block;
    height: 117px;
    margin: 20px auto 0;
    text-align: center;
    width: 47px;
}

.fittingRoomHeader .fittingRoomHeaderDescription 
{
    color: #606060;
    text-align: center;
    font-family:adobe_caslon_pro_italic, arial, sans-serif;
    font-size:1.8em;
	line-height: 1.4em;
	padding: 10px 20px;
}

.fittingRoomHeader .headerArrow
{
    background: url("img/fitting_room_intro_arrow.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    margin: 0px auto;
    width: 11px;
}

.fittingRoomContent
{
    overflow:hidden;
    position:relative;
}

.fittingRoomCarouselContainer 
{
    float: left;
    position:relative;
    height:555px;
    left:52px;
    overflow:hidden;
}

.fittingRoomCarousel 
{
    float: left;
    list-style: outside none none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    text-align:center;
}

.fittingRoomCarousel a
{
    color:#666666;
}

.fittingRoomCarousel h2
{
    color: #666;
	font-size: 1.8em;
    font-family: adobe_caslon_pro_bold,arial sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    margin: 10px 0 10px;
    text-align: center;
    text-transform: uppercase;
}

.fittingRoomCarousel .fittingRoomItem
{
    cursor: pointer;
    position: relative;
    width: 290px !important;
    height:525px !important;
    margin:0 10px 0 0;
}

.fittingRoomCarousel .fittingRoomItem .fittingRoomItemDescription 
{
    margin: 25px 0;
	width: 290px;
}

.fittingRoomCarousel .fittingRoomItem .fittingRoomItemDescription .fittingRoomItemInfoDescriptionText
{
    font-family:adobe_caslon_pro_italic,arial,sans-serif;
    font-size:1.7em;
	line-height: 1.2em;
	height: 113px;
	display:block;
}

.fittingRoomItemButton
{
	font-family:Arial, Helvetica, sans-serif;
    color: #fff !important;
    display: inline-block;
    font-size: 1.4em !important;
    line-height: 1em !important;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.fittingRoomItemButtonContainer
{
	padding-bottom: 20px;
    padding-top: 20px;
	background-color: #6d207c !important;
	width: 280px;
	position:relative;
	left:5px;
	cursor: pointer;
    border-radius: 0;
    transition: all 0.25s ease 0s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
}

.fittingRoomItemButtonContainer:hover
{
    background-color: #430150 !important;
	color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease 0s;
}

.fittingRoomItemImageContainer img
{
    width:100%;
}

.fittingRoomItemImageContainer img:hover
{
    opacity:0.7;
    filter:alpha(opacity=70);
}

.fittingRoomItemFrame
{
    height: 796px;
    border:none;
    background:#ffffff;
    position:relative;
}

.fittingRoomItemFrameContainer
{
    height: 796px;
}

.fittingRoomItemFrameContainer .closeContainer
{
    background: url("../img/close_button.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 54px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 54px;
    z-index: 1;
}

.fittingRoomItemFrameContainer .closeContainer:hover
{
    background: url("../img/close_button_hover.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 54px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 54px;
    z-index: 1;
}

/*---------------------------------------------------------------------------------------*/
/*                              Fitting Room Home Re-design styles - START               */
/*---------------------------------------------------------------------------------------*/
.contentDivider {
	border-top: 1px solid #e4e4e4;
	width: 100%;
	text-align:center;
    margin-top: 11px;
}

.contentDividerBottom {
	border-top: 1px solid #e4e4e4;
	width: 100%;
	text-align:center;
	margin-bottom: 21px;
    margin-top: 42px;
}

.contentDividerText{
	background: #fff none repeat scroll 0 0;
    color: #606060;
    font-family: adobe_caslon_pro_italic,arial sans-serif;
    font-size: 1.6em;
    letter-spacing: 0.05em;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    top: -9px;
}

/*------------------------------ Hero ------------------------------*/
.fittingroomheroContainer {
	display:block;
    margin: auto;
	margin-top:16px;
}

.heroContainer {
	display: block;
    height: 500px;
}	

.moretoexploreContainer {
	float: left;
    margin: auto;
}

#mainHero {
	background-image: url("../img/brafittingguide_hero_image.jpg");
	background-repeat: no-repeat;
}

/*---------------------------- Bottom Boxs --------------------------*/
#Box1 {
	background-image: url("../img/brastyleguide_hero_image.jpg");
	background-repeat: no-repeat;
}

#Box2 {
	background-image: url("../img/knickersstyleguide_hero_image.jpg");
	background-repeat: no-repeat;
}

#Box3 {
	background-image: url("../img/careandwash_hero_image.jpg");
	background-repeat: no-repeat;
}

#Box4 {
	background-image: url("../img/shopforyourpartner_hero_image.jpg");
	background-repeat: no-repeat;
}	

.boxContainer {
	width: 491px;
    height: 524px;
	margin-bottom: 21px;
	float:left;
}

.exterMargin {
	margin-right:20px;
}

.frbuttonContainer{
	background-color: #6d207c;
	position: relative;
	top:329px;
	left:555px;
    padding-bottom: 20px;
    padding-top: 20px;
	width: 280px;
	text-align:center;
    transition: all 0.25s ease 0s;
}

.frbuttonContainer:hover {
    background-color: #430150;
    color: #fff;
    text-decoration: none;
	text-align:center;
    transition: all 0.25s ease 0s;	
}

.heroDescription {
	color: #606060;
    font-family: adobe_caslon_pro_italic,arial,sans-serif;
    font-size: 1.9em;
	letter-spacing:0.01em;
    text-align: center;
	position:relative;
	top:270px;
	left:472px;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	padding-top:10px;
	padding-bottom:10px;
}	

.boxHeader {
    color: #666;
	font-size: 2.3em;
    font-family: adobe_caslon_pro_bold,arial sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
	position:relative;
	top:32px;
} 

.boxbodyText{
	position:relative;
	color: #606060;
    font-family: adobe_caslon_pro_italic,arial,sans-serif;
    font-size: 1.7em;
	line-height: 1.2em;
	text-align:center;
	padding: 0 63px;
	top:249px;
}

.boxButton {
	background-color: #6d207c;
    padding-bottom: 20px;
    padding-top: 20px;
	width: 280px;
	text-align:center;
    transition: all 0.25s ease 0s;
	position: relative;
	margin: 0 auto;
	top:272px;
}

.boxButton:hover {
	background-color: #430150;
    color: #fff;
    text-decoration: none;
	text-align:center;
    transition: all 0.25s ease 0s;
}
/*---------------------------------------------------------------------------------------*/
/*                              Fitting Room Home Re-design styles - END                 */
/*---------------------------------------------------------------------------------------*/



/*----------------------------------------------*/
/* Fitting Room Guides.                         */
 /*----------------------------------------------*/
.fittingRoomGuideInPopup
{
    background:none;
}

.fittingRoomGuideContainer
{
    padding:10px 20px;
    margin:0 auto;
	margin-bottom:100px;
    height:600px;
    text-align:left;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 900px) {
    .fittingRoomGuideContainer {
        height: 796px;
    }

    .fittingRoomGuideContainer .fittingRoomGuideHeader {
        margin: 15px 0px;
        position: relative;
    }
}

.fittingRoomGuideContainer .fittingRoomGuideHeader h1 {
    color: #666666;
    font-family: adobe_caslon_pro_regular, arial, sans-serif;
    margin: 40px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    font-size:2.4em;
    letter-spacing:0.02em;
    font-weight:normal;
}

.fittingRoomGuideContainer .fittingRoomGuideHeader .returnToFittingRoomLink {
	background-color:#f2f2f2;
    color: #a0a09f;
    cursor: pointer;
    font-size: 1.3em;
    padding: 20px 30px;
    position: absolute;
    left: 368px;
	top:766px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
}

.fittingRoomGuideContainer .fittingRoomGuideHeader .returnToFittingRoomLink:hover {
	background-color:#eae9e9;
    color: #a0a09f;
    cursor: pointer;
    font-size: 1.3em;
    padding: 20px 30px;
    position: absolute;
    left: 368px;
	top:766px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
	cursor:pointer;
}

.fittingRoomGuideInPopup .fittingRoomGuideContainer .fittingRoomGuideHeader .returnToFittingRoomLink {
    display:none;
}

.returnToFittingRoomArrow {
	display:inline;
	padding-right:10px;
}

.fittingRoomGuideNav {
    width:100%; 
    margin-left:23px; 
    text-align:center;
}

.fittingRoomGuideContainer .fittingRoomGuideNav .fittingRoomGuideNavCarousel {
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
    width:100% !important;
	height:37px !important;
}

.fittingRoomGuideContainer .fittingRoomGuideNav .fittingRoomGuideNavCarousel .fittingRoomGuideNavSlide {
    border-bottom: 1px solid #F0D6DF;
    float: left;
    font-family: adobe_caslon_pro_regular, arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 14px 89px 6px;
    color:#333333;
    font-style:italic;
    text-transform:uppercase;
    cursor:pointer;
	height:16px;
}

.fittingRoomGuideContainer .fittingRoomGuideNav .fittingRoomGuideNavCarousel .fittingRoomGuideNavSlide.swiper-slide-active {
    border-bottom: 1px solid #666666;
    color: #666666;
    position:relative;
}

.fittingRoomGuideContainer .fittingRoomGuideNav .fittingRoomGuideNavCarousel .fittingRoomGuideNavSlide.swiper-slide-active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgb(102, 102, 102);
    border-color: rgba(102, 102, 102, 0);
    border-top-color: #666666;
    border-width: 9px;
    margin-left: -10px;
}

.fittingRoomGuideContent {
    float:left;
    width:100%;
    height:680px;
    position:relative;
}

.fittingRoomGuideContent .fittingRoomGuideCarouselContainer {
    height:600px;   
    overflow:hidden;
    left: 64px;
    position:relative;
    top:20px;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel {
    float:left;
    list-style:none;
    padding:0px;
    margin:0px;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem {
    height: 600px;
    margin: 0 auto;
    position: relative;
    background-position:0 0;
    background-repeat:no-repeat;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem h2 {
    font-family:'adobe_caslon_pro_regular', arial,sans-serif;
    font-size: 3.6em;
    font-weight: normal;
    text-transform: uppercase;
    margin:0px;
    position:absolute;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem .tipText,
.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem .tipTitle,
.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem .itemText {
    position:absolute;
    font-family:'adobe_caslon_pro_semibolditalic',arial,sans-serif;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem .tipTitle {
    font-size:2em;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem .tipText {
    font-size:1.5em;
    line-height:1.4em;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem .itemText {
    font-size:1.9em;
    color:#666666;
    line-height:1.4em;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem .itemLink {
    background-color: #6d207c !important;
    border: medium none;
    border-radius: 0;
    color: #ffffff !important;
    cursor: pointer;
    position:absolute;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    line-height: 1em !important;
	letter-spacing: 0.1em;
    text-align: center;
    padding:20px 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
}

.fittingRoomGuideContent .fittingRoomGuideCarousel .fittingRoomGuideItem .itemLink:hover {
    background-color: #430150 !important;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease 0s;
}

.fittingRoomGuideArrow,
.fittingRoomArrow {
    position:absolute;
    top:300px;
    cursor:pointer;
    height:48px;
    width:28px;
    display:block;
    padding:10px;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fittingRoomArrow {
    top:160px;
}

.fittingRoomGuideArrow:hover,
.fittingRoomArrow:hover {
    opacity:0.6;
    filter:alpha(opacity=60);
}

.fittingRoomGuideArrow.fittingRoomGuidePrevious,
.fittingRoomContent .fittingRoomPreviousArrow {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAwCAYAAAACYxrZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFCODJGNDMxRkVDRDExRTQ5NzBEQjAxQzU3OEI3N0NEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFCODJGNDMyRkVDRDExRTQ5NzBEQjAxQzU3OEI3N0NEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUI4MkY0MkZGRUNEMTFFNDk3MERCMDFDNTc4Qjc3Q0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUI4MkY0MzBGRUNEMTFFNDk3MERCMDFDNTc4Qjc3Q0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5mZM7bAAAC2UlEQVR42rSYT0hUURTG3zw1sCQ308qgIt3Voo0tWpQGLvozUrlKsKyQZqgg0lC0lVAWUdBCoyIysEUJkhVFiia4qUWbok2FILXKFgpqGGXfgW/g8TjvNfPeeRc+LnPPe/ObO/ee+917U2c39zhxyq2Z3sDYuS2X1qB6Ar3CcwPS5joJFcDWonoBZaB+fG6T9tKEYOtQPYPqPM0DaF8sTQBWieo1VOsLyb953DWGpQNgDnuccQ1hG1BNBsBGoSZMnGXXCLYR1RtomxJ+BB0GbEU+pOKmBUoetlWJDUInAfvjHcg4pRqaDoDdhlq9sLjAavZskxK7CeUAW/UHoqbFdmgCSiuxqwB1Br0YpYc7QmA9YbAoPdzJPFuvxLoA6/vfFxQD3M180mC5/OJsBayHnkPlvva/UBawO4X+6kLGMBMCaykGVkgPBTYMlfnaf0PN9LqiSlgP5QtHAmBNUWBhPTwG3Vd+0DLUCI1FXS20HmahB0psCToQB6YBz8t2QHlugTN1Iu5K7wXKCnFDeeYn1AC9tbCy/BjK1kvzqTn27IOVUUsP+wJg36E9lrBCEn/VepPlcuwuK7EqaIpWZN7DblntlXiaM7M2ib9UxvJCAHSM1mQ+hpIWOeU5saRxzljzSSO+1ko38JYKusbeJGapLG0tClQs6iVdxDwthmQDS3fwljJa1pEk8vApreiXAn1MCzMF5s8F+2lN/ncfYpt/yhroMBf30TX8798FNGsNdLjLblCgDk+4HdZAhxZVRxfxl2uAdloDpbznAqBBrwAauhmOc1yr4QG0Soldhy5qh5k4p6fP9MtZJdbOcU1ZAqV8gXZBX5XYaegeoCWWQLkY+saeflLCJ5irJWZAH/SjEj4qm2beStndRAH6gynzTgkfkvVXoKb3NIDOcXHQoAfF3szv2gCdZ55OKqetwUQu9wBd5LFg3NN8Bu1Did0m4suX6DKj3hPyPwEGAPmBxeuRw07oAAAAAElFTkSuQmCC) no-repeat center center;
    left:0px;
}

.fittingRoomGuideArrow.fittingRoomGuideNext,
.fittingRoomContent .fittingRoomNextArrow {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAwCAYAAAACYxrZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIyRDdGMDAxRkVDRDExRTRCRDNBOTc3M0M3RjFFMEVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIyRDdGMDAyRkVDRDExRTRCRDNBOTc3M0M3RjFFMEVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJEN0VGRkZGRUNEMTFFNEJEM0E5NzczQzdGMUUwRUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjJEN0YwMDBGRUNEMTFFNEJEM0E5NzczQzdGMUUwRUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Mk5hlAAAC0ElEQVR42rSYT0hUURTG3zzH0ATb2GokiGojuWnRLMtBo0jGTdNGMImKchEkVKPhSsXEJIjQkv4KRtAfafqzCNNaKNi2aGVEUKvcJKWQ1PQd+CYel/PQZs774OP67r2+H3fuu+ec92L5fN4Tnd7acwrNfjhz5VPvL1x7pQj3UPtjAiRshH1TcAu8HAXQB6wV7dVAXyP8DK7yIpAPH2EbVAM8DW+KAtgMP1XGdsMv4RpToDwgaA/BkyHQGXiz5Qo9QjPwPWXOTvg1XGsGJPQ3mjb4ljKvzgrqO4+yQI/B15S52+BZeLsZkFCJBB3wJWX+Fq50hxkwAD0LDyrDCXgOrjcDBpSFu5T+Gp7TXdZA0UX4XAhUjkzSGiga4r66qmZw2GsNFI3Cx+E/CvQFnLIGim7wrLrQSvg5nLYGiibgw/Cq018BP2RqMwWKHjH+utBy+DHcag0U5eAD8Ipyz3Hk2XZroOgV09sP5b63WUmYAj0GAKkSlpSxEUA7rYGiebgJXlTGhgHNWgNFb3kWNegAoP3yR9y4ZHkH72H0SThj3YCW+Z69YlGcwzDVM18mlLE+pL2sJTDJ7KFVeV2A9VjuYZL7Vq2MdQJ2uXBhAUyxrt2ojHUANhrsKBUoZ+8Js0VQkk2OAnbX8qFJMyVpsDYNVsoKM0xT5U7/KrNIzvJYSOq5r8BW1oIVs8ITLDV8BdbMQG6W8SXVXFf+Z4l5cXo9N1kvMBt4Q3Zh++A3llXbBYn2Sv8iy8P5/9mTtfZQiuDzIbAUs4NXMhBpRCL+MHxGGf7KlS0Uc57iITDZr5PK/M8sJxaKjRZxB1aG5iY/NLj6yJV9MXk/JGw8BPbBAvZvhYBtQPMgpFR/zwfkm8k7PmCVLNHTIYVRgxWssMIcHwQNJof6u/WHoTvK29AMf0ZTWOHD0ATjZEFTDMQ/o/rWJh8RxviGKz/vQVwvexHprwADABaFu7eGqkypAAAAAElFTkSuQmCC) no-repeat center;
    right:0px;
}

/* Guide Specific style overrides.*/
.braTypeGuide.fittingRoomGuideContainer .fittingRoomGuideNav .fittingRoomGuideNavCarousel .fittingRoomGuideNavSlide {
    padding-left:8px;
    padding-right:8px;
    font-size:1.3em;
}

.knickersTypeGuide.fittingRoomGuideContainer .fittingRoomGuideNav .fittingRoomGuideNavCarousel .fittingRoomGuideNavSlide {
    padding-left:15px;
    padding-right:15px;
}

.careAndWashGuide.fittingRoomGuideContainer .fittingRoomGuideNav .fittingRoomGuideNavCarousel .fittingRoomGuideNavSlide {
    padding-left:20px;
    padding-right:20px;
}

.fittingRoomGuideItem.pushUpBra {
    background:url(../img/bra_guide_pushup.jpg);
}

.fittingRoomGuideItem.pushUpBra h2 {
    left:399px;
    top:320px;
}

.fittingRoomGuideItem.pushUpBra .itemText {
    left:290px;
    top:395px;
    width:460px;
}

.fittingRoomGuideItem.pushUpBra .tipTitle {
    left:635px;
    top:87px;
}

.fittingRoomGuideItem.pushUpBra .tipText {
    left:635px;
    top:135px;
    width:125px;
}

.fittingRoomGuideItem.pushUpBra .itemLink {
    left:403px;
    top:528px;
}

.fittingRoomGuideItem.tShirtBra {
    background:url(../img/bra_guide_tshirt.jpg);
}

.fittingRoomGuideItem.tShirtBra h2 {
    left:23px;
    top:83px;
}

.fittingRoomGuideItem.tShirtBra .itemText {
   left: 45px;
   top: 160px;
   width: 225px;
}

.fittingRoomGuideItem.tShirtBra .tipTitle {
    left:635px;
    top:265px;
}

.fittingRoomGuideItem.tShirtBra .tipText {
    left: 635px;
    top: 315px;
    width: 135px;
}

.fittingRoomGuideItem.tShirtBra .itemLink {
    left: 25px;
    top: 450px;
}

.fittingRoomGuideItem.fullCupBra {
    background:url(../img/bra_guide_fullcup.jpg);
}

.fittingRoomGuideItem.fullCupBra h2 {
    left: 358px;
    top: 70px;
}

.fittingRoomGuideItem.fullCupBra .itemText {
    left: 380px;
    top: 145px;
    width: 250px;
}

.fittingRoomGuideItem.fullCupBra .tipTitle {
    left: 422px;
    top: 433px;
}

.fittingRoomGuideItem.fullCupBra .tipText {
    left: 422px;
    top: 480px;
    width: 130px;
}

.fittingRoomGuideItem.fullCupBra .itemLink {
    left: 365px;
    top: 290px;
}

.fittingRoomGuideItem.halfCupBra {
    background:url(../img/bra_guide_halfcup.jpg);
}

.fittingRoomGuideItem.halfCupBra h2 {
    left: 55px;
    top: 220px;
}

.fittingRoomGuideItem.halfCupBra .itemText {
    left: 70px;
    top: 300px;
    width: 210px;
}

.fittingRoomGuideItem.halfCupBra .tipTitle {
    left: 610px;
    top: 73px;
}

.fittingRoomGuideItem.halfCupBra .tipText {
    left: 610px;
    top: 120px;
    width: 130px;
}

.fittingRoomGuideItem.halfCupBra .itemLink {
    left: 45px;
    top: 530px;
}

.fittingRoomGuideItem.balconetteBra {
    background:url(../img/bra_guide_balconette.jpg);
}

.fittingRoomGuideItem.balconetteBra h2 {
    left: 100px;
    top: 39px;
    width: 380px;
    line-height:1.1em;
}

.fittingRoomGuideItem.balconetteBra .itemText {
   left: 100px;
    top: 120px;
    width: 360px;
}

.fittingRoomGuideItem.balconetteBra .tipTitle {
    left: 255px;
    top: 437px;
}

.fittingRoomGuideItem.balconetteBra .tipText {
    left: 255px;
    top: 485px;
    width: 165px;
}

.fittingRoomGuideItem.balconetteBra .itemLink {
    left: 100px;
    top: 285px;
}

.fittingRoomGuideItem.straplessAndMultiwayBra {
    background:url(../img/bra_guide_straplessmultiway.jpg);
}

.fittingRoomGuideItem.straplessAndMultiwayBra h2 {
    left: 23px;
    line-height: 1.1em;
    top: 85px;
    width: 340px;
}

.fittingRoomGuideItem.straplessAndMultiwayBra .itemText {
    left: 30px;
    top: 195px;
    width: 315px;
}

.fittingRoomGuideItem.straplessAndMultiwayBra .tipTitle {
    left: 638px;
    top: 38px;
}

.fittingRoomGuideItem.straplessAndMultiwayBra .tipText {
    left: 638px;
    top: 83px;
    width: 115px;
}

.fittingRoomGuideItem.straplessAndMultiwayBra .itemLink {
    left: 32px;
    top: 480px;
}

.fittingRoomGuideItem.sportsBra {
    background:url(../img/bra_guide_sports.jpg);
}

.fittingRoomGuideItem.sportsBra h2 {
    left: 510px;
    top: 30px;
}

.fittingRoomGuideItem.sportsBra .itemText {
    left: 545px;
    top: 105px;
    width: 205px;
}

.fittingRoomGuideItem.sportsBra .tipTitle {
    left: 55px;
    top: 28px;
}

.fittingRoomGuideItem.sportsBra .tipText {
    left: 55px;
    top: 75px;
    width: 170px;
}

.fittingRoomGuideItem.sportsBra .itemLink {
    left: 545px;
    top: 515px;
}

.fittingRoomGuideItem.minimiserBra {
    background:url(../img/bra_guide_minimiser.jpg);
}

.fittingRoomGuideItem.minimiserBra h2 {
    left: 330px;
    top: 60px;
}

.fittingRoomGuideItem.minimiserBra .itemText {
    left: 365px;
    top: 130px;
    width: 390px;
}

.fittingRoomGuideItem.minimiserBra .tipTitle {
    left: 550px;
    top: 425px;
}

.fittingRoomGuideItem.minimiserBra .tipText {
    left: 550px;
    top: 472px;
    width: 165px;
}

.fittingRoomGuideItem.minimiserBra .itemLink {
    left: 430px;
    top: 330px;
}

.fittingRoomGuideItem.nursingBra {
    background:url(../img/bra_guide_nursing.jpg);
}

.fittingRoomGuideItem.nursingBra h2 {
    left: 397px;
    top: 25px;
}

.fittingRoomGuideItem.nursingBra .itemText {
    left: 410px;
    top: 95px;
    width: 220px;
}

.fittingRoomGuideItem.nursingBra .tipTitle {
    left: 458px;
    top: 445px;
}

.fittingRoomGuideItem.nursingBra .tipText {
    left: 460px;
    top: 490px;
    width: 165px;
}

.fittingRoomGuideItem.nursingBra .itemLink {
    left: 405px;
    top: 355px;
}

.fittingRoomGuideItem.thongs {
    background:url(../img/knickers_type_thongs.jpg);
}

.fittingRoomGuideItem.thongs h2 {
    left: 540px;
    top: 250px;
}

.fittingRoomGuideItem.thongs .itemText {
    left: 460px;
    top: 320px;
    width: 300px;
}

.fittingRoomGuideItem.thongs .tipTitle {
    left: 408px;
    top: 75px;
}

.fittingRoomGuideItem.thongs .tipText {
    left: 410px;
    top: 120px;
    width: 135px;
}

.fittingRoomGuideItem.thongs .itemLink {
    left: 530px;
    top: 515px;
}

.fittingRoomGuideItem.gStrings  {
    background:url(../img/knickers_type_gstrings.jpg);
}

.fittingRoomGuideItem.gStrings h2 {
    left: 468px;
    top: 24px;
}

.fittingRoomGuideItem.gStrings .itemText {
    left: 475px;
    top: 95px;
    width: 280px;
}

.fittingRoomGuideItem.gStrings .tipTitle {
    left: 375px;
    top: 455px;
}

.fittingRoomGuideItem.gStrings .tipText {
    left: 375px;
    top: 490px;
    width: 175px;
}

.fittingRoomGuideItem.gStrings .itemLink {
    left: 450px;
    top: 250px;
}

.fittingRoomGuideItem.bikiniKnickers {
    background:url(../img/knickers_type_bikini.jpg);
}

.fittingRoomGuideItem.bikiniKnickers h2 {
    line-height: 1.1em;
    top: 48px;
	left: 34px;
    width: 350px;
}

.fittingRoomGuideItem.bikiniKnickers .itemText {
    left: 60px;
    top: 130px;
    width: 300px;
}

.fittingRoomGuideItem.bikiniKnickers .tipTitle {
    left: 260px;
    top: 423px;
}

.fittingRoomGuideItem.bikiniKnickers .tipText {
    left: 260px;
    top: 460px;
    width: 160px;
}

.fittingRoomGuideItem.bikiniKnickers .itemLink {
    left: 20px;
    top: 270px;
}

.fittingRoomGuideItem.fullBriefs {
    background:url(../img/knickers_type_fullbriefs.jpg);
}

.fittingRoomGuideItem.fullBriefs h2 {
    left: 485px;
    top: 15px;
}

.fittingRoomGuideItem.fullBriefs .itemText {
    left: 470px;
    top: 105px;
    width: 290px;
}

.fittingRoomGuideItem.fullBriefs .tipTitle {
    left: 395px;
    top: 428px;
}

.fittingRoomGuideItem.fullBriefs .tipText {
    left: 395px;
    top: 465px;
    width: 165px;
}

.fittingRoomGuideItem.fullBriefs .itemLink {
   left: 510px;
    top: 275px;
}

.fittingRoomGuideItem.shorts {
    background:url(../img/knickers_type_shorts.jpg);
}

.fittingRoomGuideItem.shorts h2 {
    left: 10px;
    top: 40px;
}

.fittingRoomGuideItem.shorts .itemText {
    left: 30px;
    top: 150px;
    width: 170px;
}

.fittingRoomGuideItem.shorts .tipTitle {
    left: 260px;
    top: 33px;
}

.fittingRoomGuideItem.shorts .tipText {
    left: 260px;
    top: 70px;
    width: 170px;
}

.fittingRoomGuideItem.shorts .itemLink {
    left: 15px;
    top: 470px;
}

.fittingRoomGuideItem.hipsters {
    background:url(../img/knickers_type_hipsters.jpg);
}

.fittingRoomGuideItem.hipsters h2 {
    left: 70px;
    top: 214px;
}

.fittingRoomGuideItem.hipsters .itemText {
    left: 70px;
    top: 310px;
    width: 210px;
}

.fittingRoomGuideItem.hipsters .tipTitle {
    left: 573px;
    top: 417px;
}

.fittingRoomGuideItem.hipsters .tipText {
   left: 573px;
    top: 455px;
    width: 170px;
}

.fittingRoomGuideItem.hipsters .itemLink {
    left: 65px;
    top: 500px
}

.fittingRoomGuideItem.brazilianKnickers {
    background:url(../img/knickers_type_brazilian.jpg);
}

.fittingRoomGuideItem.brazilianKnickers h2 {
    left: 10px;
    line-height: 1.1em;
    top: 268px;
    width: 260px;
}

.fittingRoomGuideItem.brazilianKnickers .itemText {
    left: 30px;
    top: 380px;
    width: 320px;
}

.fittingRoomGuideItem.brazilianKnickers .tipTitle {
    left: 605px;
    top: 470px;
}

.fittingRoomGuideItem.brazilianKnickers .tipText {
    left: 605px;
    top: 515px;
    width: 150px;
}

.fittingRoomGuideItem.brazilianKnickers .itemLink {
    left: 10px;
    top: 525px;
}

.fittingRoomGuideItem .careNoteHeader {
    display: block;
    font-family: adobe_caslon_pro_regular, arial, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    text-transform: uppercase;
}

.fittingRoomGuideItem .careNoteText {
   font-family: itc_avant_garde_gothicmedium, arial, sans-serif;
    font-size: 1.2em;
}

.fittingRoomGuideItem .careNote {
    position: absolute;
    text-align: center;
    width: 180px;
}

.fittingRoomGuideItem.beachWearCare {
    background:url(../img/care_and_wash_beachwear_asset.jpg);
}

.fittingRoomGuideItem.beachWearCare h2 {
    font-size: 6em !important;
    left: 80px;
    top: 5px;
}

.fittingRoomGuideItem.beachWearCare .itemText {
    left: 30px;
    top: 130px;
    width: 330px;
}

.fittingRoomGuideItem.beachWearCare .careNote {
    left: 320px;
    top: 360px;
}

.fittingRoomGuideItem.lingerieCare {
    background:url(../img/care_and_wash_lingerie_asset.jpg);
}

.fittingRoomGuideItem.lingerieCare h2 {
   font-size: 6em !important;
    left: 80px;
    top: 0px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareBrasHeading,
.fittingRoomGuideItem.lingerieCare .lingerieCareKnickersHeading {
    font-family: adobe_caslon_pro_regular, arial, sans-serif;
    font-size: 2.3em;
    font-weight: bold;
    position: absolute;
    text-transform: uppercase;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareBrasHeading {
    top:75px;
    left:65px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareKnickersHeading {
    top: 75px;
    left: 470px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareBrasText {
    left: 40px;
    position: absolute;
    top: 255px;
    width: 330px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareKnickersText {
    left: 430px;
    position: absolute;
    top: 255px;
    width: 370px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareDisclaimer {
    font-family: itc_avant_garde_gothicmedium,arial,sans-serif;
    font-size: 1.3em;
    position: absolute;
    top: 560px;
    left:10px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareDisclaimer strong {
    text-transform:uppercase;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareHandWashingGuideContainer {
    left: 41px;
    position: absolute;
    top: 386px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareHandWashingGuideContainer .lingerieCareHandWashingGuideHeader {
    color: #ffffff;
    font-family: adobe_caslon_pro_regular;
    font-size: 2.2em;
    font-weight: bold;
    left: 170px;
    position: absolute;
    text-transform: uppercase;
    top: 2px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareHandWashingGuideContainer .lingerieCareHandWashingGuideCol1 {
    left: 10px;
    position: absolute;
    top: 40px;
    width: 330px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareHandWashingGuideContainer .lingerieCareHandWashingGuideCol2 {
    left:360px;
    top:40px;
    position:absolute;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareHandWashingGuideContainer .lingerieCareHandWashingGuideTip {
    font-family: itc_avant_garde_gothicmedium, arial, sans-serif;
    font-size: 1.3em;
    margin: 10px 0;
} 

.fittingRoomGuideItem.lingerieCare .lingerieCareHandWashingGuideContainer .handWashTipNumber {
    background: #676767 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: block;
    float: left;
    font-family: arial;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}

.fittingRoomGuideItem.lingerieCare .lingerieCareHandWashingGuideContainer .handWashTipText strong {
    font-style:italic;
}


.fittingRoomGuideItem.nightWearCare {
    background:url(../img/care_and_wash_nightwear_asset.jpg);
}

.fittingRoomGuideItem.nightWearCare h2 {
    font-size: 6em !important;
    left: 80px;
    top: 0px;
}

.fittingRoomGuideItem.nightWearCare .itemText {
    left: 30px;
    top: 130px;
    width: 330px;
}

.fittingRoomGuideItem.nightWearCare .careNote {
    left: 340px;
    top: 400px;
}

.fittingRoomGuideItem.swimwearCare {
    background:url(../img/care_and_wash_swimwear_asset.jpg);
}

.fittingRoomGuideItem.swimwearCare h2 {
    font-size: 6em !important;
    left: 80px;
    top: 0px;
}

.fittingRoomGuideItem.swimwearCare .itemText {
    left:450px;
    top:100px;
    width:310px;
}

.fittingRoomGuideItem.swimwearCare .careNote {
    left: 590px;
    top: 410px;
}

.fittingRoomGuideItem.careSymbols {
    background:url(../img/care_and_wash_symbols_asset.jpg);
}

.fittingRoomGuideItem.careSymbols h2 {
    text-align: center;
    top: 30px;
    width: 100%;
}

.fittingRoomGuideItem.careSymbols h2 .careSymbolsHeaderSmall {
    display:block;
    font-size:1.2em;
    line-height:0.4em;
}

.fittingRoomGuideItem.careSymbols h2 .careSymbolsHeaderLarge {
    font-size:1.7em;
}

.fittingRoomGuideItem.careSymbols .careSymbolsText {
    font-family: itc_avant_garde_gothicmedium, arial, sans-serif;
    font-size: 1.4em;
    left: 40px;
    position: absolute;
    text-align: center;
    top: 140px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText {
    font-family: itc_avant_garde_gothicmedium, arial, sans-serif;
    font-size: 1.1em;
    position: absolute;
    width: 270px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText strong {
    text-transform:uppercase;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsHandWashText {
    left:90px;
    top:270px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsMachineWashText {
    left:90px;
    top:310px
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsDoNotWashText {
    left:90px;
    top:400px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsMayBeTumbleDriedText {
    left:90px;
    top:438px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsDoNotTumbleDryText {
    left:90px;
    top:530px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsDoNotDryCleanText {
    left:90px;
    top:565px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsDryCleanOnlyText {
    left:485px;
    top:270px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsAnyBleachAllowedText {
    left:485px;
    top:335px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsOnlyOxygenBleachText {
    left:485px;
    top:370px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsDoNotBleachText {
    left:485px;
    top:420px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsIronText {
    left:485px;
    top:455px;
}

.fittingRoomGuideItem.careSymbols .careSymbolsInfoText.careSymbolsDoNotIronText {
    left:485px;
    top:520px;
}

.shoppingForYourPartnerGuide .fittingRoomGuideItem h2 {
    font-size: 6.5em !important;
    line-height: 1em;
    text-align: center;
}

.shoppingForYourPartnerGuide .stepText {
    font-family: adobe_caslon_pro_regular, arial,sans-serif;
    font-size: 3em;
    left: 315px;
    position: absolute;
    text-transform: uppercase;
    top: 20px;
}

.shoppingForYourPartnerGuide .shoppingForYourPartnerStepThree .stepText {
    left:295px;
}

.shoppingForYourPartnerGuide .shoppingForYourPartnerStepFour .stepText {
    left:305px;
}

.fittingRoomGuideItem .shoppingForYourPartnerText {
    font-family:adobe_caslon_pro_regular,arial,sans-serif !important;
}

.fittingRoomGuideItem .shoppingForYourPartnerText a {
    font-weight:bold;
    text-decoration:underline;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepOne {
    background:url(../img/shopping_for_partner_step1.jpg);
}

.fittingRoomGuideItem.shoppingForYourPartnerStepOne h2 {
    left: 120px;
    top: 80px;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepOne .itemTextPartner {
    top:500px;
    left:0px;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepTwo {
    background:url(../img/shopping_for_partner_step2.jpg);
}

.fittingRoomGuideItem.shoppingForYourPartnerStepTwo h2 {
   left: 80px;
   top: 80px;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepTwo .itemTextPartner {
    top:500px;
    left:0px;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepThree {
    background:url(../img/shopping_for_partner_step3.jpg); 
}

.fittingRoomGuideItem.shoppingForYourPartnerStepThree h2 {
   left: 80px;
   top: 80px;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepThree .itemTextPartner {
    top:470px;
    left:0px;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepFour {
    background:url(../img/shopping_for_partner_step4.jpg);
}

.fittingRoomGuideItem.shoppingForYourPartnerStepFour h2 {
   left: 80px;
   top: 80px;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepFour .itemTextPartner {
    top:450px;
    left:0px;
}

.fittingRoomGuideItem.shoppingForYourPartnerStepFour .itemLink {
    top:530px;
    left:300px;
}

.itemTextPartner {
	position:absolute;
    font-family:'adobe_caslon_pro_semibolditalic',arial,sans-serif;
	font-size:1.9em;
    color:#666666;
    line-height:1.4em;
	text-align:center;
}

.fittingRoomGuideContainer.braTypeGuide {
    background: url("../img/thefittingroom_brastyle_bg.jpg") no-repeat scroll 0 0 transparent;
}

.fittingRoomGuideContainer.knickersTypeGuide {
    background: url("../img/thefittingroom_knickersstyle_bg.jpg") no-repeat scroll 0 0 transparent;
}

.fittingRoomGuideContainer.shoppingForYourPartnerGuide {
    background: url("../img/thefittingroom_shopforyourpartner_bg.jpg") no-repeat scroll 0 0 transparent;
}

.fittingRoomGuideContainer.careAndWashGuide {
    background: url("../img/thefittingroom_careandwash_bg.jpg") no-repeat scroll 0 0 transparent;
}

/*----------------------------------------------*/
/* Fitting Room Bra Fit Guide.                  */
/*----------------------------------------------*/

/*------------- MOBILE -----------------*/
.circle {
    display: inline;
}

.circle:after {
    content: ".";
}

.braFittingGuideContent {
    color: #000000;
}

.braFittingGuideContent .braFittingGuideCarouselContainer {
    height: 700px;
    width: 100%;
    overflow: hidden;
    position: relative;
    left: 0px;
}

.braFittingGuideItem {
    width: 961px;
    height: 700px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding: 0 2px;
}

.braFittingGuideContent .headerText, .braFittingGuideContent .headerText1 {
    clear: left;
    color: #000;
    font-family: adobe_caslon_pro_regular, arial,sans-serif;
    font-size: 1.7em;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline;
}


/*------------ Desktop ----------------*/
@media (min-width: 900px) {
    .circle {
        background-color: #cc0066;
        border-radius: 250px;
        color: #fff;
        display: inline-block;
        font-family: "otto_sansbold",sans-serif;
        font-size: 1.25em;
        height: 50px;
        margin: 10%;
        padding-top: 7px;
        text-align: center;
        text-transform: uppercase;
        width: 60px;
    }

    .circle:after {
        content: "";
    }

    .fittingRoomGuideContainer.braFittingGuide {
        background-image: url("../img/FitGuideBoarder.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center center;
    }

    .braFittingGuideContent {
        top: 20px;
    }

    .braFittingGuideContent .headerText, .braFittingGuideContent .headerText1 {
        font-size: 2.5em;
        text-decoration: none;
    }

    .braFittingGuideContent .headerText1 {
        margin-top: 55px;
        margin-bottom: 80px;
    }

    .braFittingGuideContent .headerText {
        margin-top: 30px;
        margin-bottom: 0;
    }
}


/*-----------  HOME ITEM -------------- */
/*------------- MOBILE -----------------*/
.braFittingGuideContent .homeItem h1 {
    font-family: adobe_caslon_pro_regular,arial,sans-serif;
    font-size: 2.7em;
    font-weight: normal;
    margin: 10px auto;
    text-align: center;
    color: rgb(96, 96, 96);
}

.braFittingGuideContent .homeItem .braFittingGuideHomeImage {
    display: block;
    margin: 0 auto 0;
    width: 200px;
}

.braFittingGuideContent .homeItem .fittingGuideHomeText {
    color: #999;
    font-size: 2em;
    letter-spacing: 0.05em;
    text-align: center;
    font-size: 1.4em;
}

.braFittingGuideContent .homeItem .fittingGuideHomeSubText {
    color: #999999;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 20px auto;
    text-align: center;
    padding: 10px;
    background-color: rgb(255, 240, 233);
}

/*-----------  HOME ITEM -------------- */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .braFittingGuideContent .homeItem h1 {
        font-size: 6em;
        color: #000;
        margin-top: 0;
    }

    .braFittingGuideContent .homeItem .braFittingGuideHomeImage {
        margin-top:60px;
    }

    .braFittingGuideContent .homeItem .fittingGuideHomeText {
        font-size: 2em;
    }

    .braFittingGuideContent .homeItem .fittingGuideHomeSubText {
        background-color: #fff;
        width: 380px;
    }
}


/*-----------  START ITEM ------------- */
/*------------- MOBILE -----------------*/
.braFittingGuideContent .startItem .startItemContent {    
    overflow: hidden;
    margin-bottom: 20px;
}

.braFittingGuideContent .startItem .startItemContent:nth-child(even) {
    background-color: rgb(255, 240, 234);
}

.braFittingGuideContent .startItem .startItemContent .startItemContentText {
    display: block;
    font-size: 1.7em;
    margin-top: 25px;
    font-family: adobe_caslon_pro_regular,arial,sans-serif;
    margin: 0 20px;
    padding: 10px 5px;
    text-align: center;
}

.braFittingGuideContent .startItem .startItemContent .startItemContentText br {
    display: none;
}

.braFittingGuideContent .startItem .startItemContent .startItemContentSubText {
    display: block;
    font-size: 1.3em;
    margin: 10px auto 0;
    width: 340px;
}

#secondarytext {
    display: block;
    font-family: adobe_caslon_pro_regular,arial,sans-serif;
    font-size: 1.4em;
    margin: 15px;
    color: rgb(135, 135, 135);
    text-align: center;
}

.braFittingGuideContent .startItem .startItemContent img {
    left: 15px;
    bottom: 0px;
    position: absolute;
    top: 130px;
}

.braFittingGuideContent .startItem .braFittingGuideStartItemDivider {
    background: #a8a8a8 none repeat scroll 0 0;
    height: 280px;
    left: 33%;
    position: absolute;
    top: 180px;
    width: 1px;
}

.braFittingGuideContent .startItem .braFittingGuideStartItemDivider1 {
    background: #a8a8a8 none repeat scroll 0 0;
    height: 280px;
    left: 66%;
    position: absolute;
    top: 180px;
    width: 1px;
}


/*-----------  START ITEM ------------- */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .braFittingGuideContent .startItem .startItemContent {
        float: left;
        text-align: center;
        width: 33%;
        /*height: 440px;*/
        position: relative;            
    }

    .braFittingGuideContent .startItem .startItemContent:nth-child(even) {
        background-color: #fff;
    }

    .braFittingGuideContent .startItem .startItemContent .startItemContentText {
        font-size: 2.4em;
        padding: 0;
    }

    .braFittingGuideContent .startItem .startItemContent .startItemContentText br {
        display: block;
    }

    #secondarytext {
        display: block;
        font-family: adobe_caslon_pro_regular,arial,sans-serif;
        font-size: 1.6em;
        margin: 15px;
        color: #000;
    }

    .braFittingGuideContent .startItem .braFittingGuidePrimaryButton {
        /*top:530px;
	    left: 400px;*/
        margin-top: 420px;
        height: 55px;
    }
}


/*----------  BRA SIZE ITEM ----------- */
/*------------- MOBILE -----------------*/
.braSizeItem .bandSizeSelection,
.braSizeItem .cupSizeSelection {
    height: 50px;
    color: #6D207C;
    background-color: #F4E6F7;
    border: solid 1px #6D207C;
    padding: 15px 20px 40px 0;
    border-radius: 10px;
    margin-bottom: 20px;
}

.braSizeItem .bandSizeSelection.selected,
.braSizeItem .cupSizeSelection.selected {
    color: #ffffff;
    background-color: #6d217c;
    border: solid 1px #6d217c;
}

.braSizeItem .sizeSelectionContainer div {
    font-size: 2em;
    padding-left: 20px;
}

.braSizeItem .sizeSelectionContainer img {
    position: absolute;
    right: 15px;
}

.braSizeItem .bandsize-select,
.braSizeItem .cupsize-select {
    width: 95%;
    position: absolute;
    left: 10px;
    border: none;
    font-size: 1.9em;
    opacity: 0;
}

.braSizeItem .bandsize-select {
    top: 95px;
}

.braSizeItem .cupsize-select {
    top: 172px;
}

.braSizeItem .bandsize-select:focus,
.braSizeItem .cupsize-select:focus {
    outline: none;
}

.braSizeItem .sizeSelectionContainer.selected .bandsize-select,
.braSizeItem .sizeSelectionContainer.selected .cupsize-select {
    background: rgba(0, 0, 0, 0) url(../img/downArrowActive.png) no-repeat scroll right center !important;
}

.braSizeItem .bandsize-select optgroup,
.braSizeItem .cupsize-select optgroup {
    font-size: .7em;
    color: #6d217c;
}

.braSizeItem .bandsize-select optgroup option,
.braSizeItem .cupsize-select optgroup option {
    font-size: 1.0em;
    color: #6d217c;
}

.braSizeItem .sizeSelectionContainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.braSizeItem .sizeSelectionContainer li {
    display: none;
}


/*----------  BRA SIZE ITEM ----------- */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .braSizeItem .sizeSelectionContainer {
        height: auto;
        background-color: #fff;
        width: auto;
        border: none;
        padding: 0;
        border-radius: 0;
        margin-bottom: 0;
    }

    .braSizeItem .sizeSelectionContainer div {
        display: block;
        font-size: 1.3em;
        margin-bottom: 5px;
        margin-top: 10px;
        width: 100%;
        text-align: center;
        padding-left: 0;
    }

    .braSizeItem .sizeSelectionContainer .bandsize-select {
        width: 0;
        position: absolute;
        left: -100px;
        top: -100px;
        display: none !important;
    }

    .braSizeItem .sizeSelectionContainer ul {
        list-style: outside none none;
        margin: 0 auto 20px;
        padding: 0;
        width: 75%;
    }

    .braSizeItem .sizeSelectionContainer li {
        border: 1px solid #6d217c;
        border-radius: 50%;
        color: #6d217c;
        cursor: pointer;
        display: inline-block;
        font-size: 1.7em;
        height: 74px;
        line-height: 74px;
        margin: 5px 2px;
        width: 74px;
        transition: all 0.25s linear;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .braSizeItem .sizeSelectionContainer li.hidden {
        display: none;
    }

    .braSizeItem .sizeSelectionContainer li.selected {
        background: #6d217c;
        color: #ffffff;
    }

    .braSizeItem .sizeSelectionContainer .cupsize-select {
        width: 0;
        position: absolute;
        left: -100px;
        top: -100px;
        display: none !important;
    }

    .braSizeItem .sizeSelectionContainer .underbanddownarrow,
    .braSizeItem .sizeSelectionContainer .cupdownarrow {
        display: none;
    }

    .braSizeItem .sizeSelectionContainer {
        text-align: center;
        float: left;
        width: 100%;
        height: 215px;
        position: unset;
    }
}


/*-----------  STRAPS ITEM ------------ */
/*------------- MOBILE -----------------*/
.strapsItem {
    margin-bottom: 0;
}

.strapsItem .progressHeader {
    margin-bottom: 10px;
}

.strapsItem .optionSelectionContainer {
    left: 0;
    position: absolute;
    width: 100%;
    list-style: none;
    padding: 0px;
}

.strapsItem .optionContainer {
    border: none;
    display: inline-block;
    padding: 0 0 0 0;
    cursor: pointer;
}

.strapsItem .optionHeaderDiv {
    display: inline-block;
    background-color: #e9deeb;
    border: 1px solid #6d207c;
    padding: 10px 0;
    width: 82%;
    height: 39px;
    text-align: center;
}

.strapsItem .optionContainerHeading {
    font-family: adobe_caslon_pro_regular,arial,sans-serif;
    font-size: 1.1em;
    outline: none;
}

.strapsItem .linebreak:before {
    content: "";
}

.strapsItem .optionContainer.straps1,
.strapsItem .optionContainer.straps2,
.strapsItem .optionContainer.straps3 {
    background: none;
    width: 100%;
    text-align: center;
}

.strapsItem .optionContainerTip {
    display: none;
}

.strapsItem .box {
    background-position: center center;
    background-color: #e9deeb;
    position: relative;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjFGNjFGODFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjFGNjFGOTFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMUY2MUY2MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCMUY2MUY3MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAHYAAAICAgMAAAAAAAAAAAAAAAAGAQIDBQQHCQEBAQEBAAAAAAAAAAAAAAAAAAMBAhAAAQIEAwcBCQAAAAAAAAAAAQIDABEEBSFRYTFBoRIyUhMicUJygiM0FSUGEQEBAQEAAwEAAAAAAAAAAAAAAQIRIWESE//aAAwDAQACEQMRAD8A9+kgcqcNwgLSGUASGUBqbheKK2usNPklbp9QTjyJ7jHWcWus4tbDzM946PJ8ucZxnGVPSn2CMYmA1F3uzVrp+cyXUOTDDWZzOgjvGfqus5+i5ZLU7cHzdrlNwKVzNIV75zIyG6O9654im9c8Q8yGWkRRLt5ulZbHKNxunDlEr7he8nt0wxEUxmaUxmacyovVEzbxXpcDiHB9FA6lK7Zbpb4yYtvHMxe8KtsoKi/VirlcJmmSr0o3KlsSnQb4prUzORXWvmcjsAAJASkBKUiQA2ARBBMBhdZaqGFMvIDjTiZLSY2XjZeERH8tUfkfCtX65J8gdntST0/FnFv0nPa36Tns/NNtstoaaQENtgJQgbABEEF4AgKpnyp27BlATjrwgDHXhAGOvCAMdeEB/9k=);
    display: inline-block;
    top: -13px;
}

.strapsItem .box.boxSelected {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMUM5OEM5RjFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMUM5OENBMDFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExQzk4QzlEMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExQzk4QzlFMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAJEAAAICAwEAAAAAAAAAAAAAAAAJAQgCBQYHAQEBAQEBAQAAAAAAAAAAAAAABQYCAwQQAAECBAQCBwQLAAAAAAAAAAECAxEEBQYAIQcIMRJBUWGhIjJCgcETNJFScjNDUxREFRYJEQABAwICCAYDAQAAAAAAAAABAAIDEQUhBPAxQVFhwRIUcZGh0eEysRMzBv/aAAwDAQACEQMRAD8Af2AIDLBFMB1YIiA6sEVaNXd1uk+i97WpY121F01S4lg1JyUSHU0mXcBDMxOAHmCXFwAABVyxVCHGllLXNmY3PYMB6+CoZW2TZmNz2jAevgrDfylOj8238r+u4/t/zfs4n9JXw9JWxHAY5XKMEVUN1m5yhbebPUJZbNS1Dr7K0WpQVHm5PSZyYSMw02ej1q8I6SKlrtrs4/cwazyVO2W52bfuaNZ5KnmzjbHW9QrhO5XXYPVqdq00qpWpSKkOZc4+oxTUZlCsvhp/BRCGQVDlCY17vcmwt7aDCmBI2cBzVW7XFsTe3hwpgabOA5puHKmPlHVw6IcMZRZdUX3TblNRtvWoOm061aDdV0cqbBTdlWSkqmHZxbjiVS7TkYNLZaSh1HNk4SpPpMLdst0WcieOqkg1DhphwVm22+LNxvHVSQavDTyXpGqO7HS+wNH5LVemVmWuVq55dX9GpLDkHZ+a5c21p8zYZV98SIo4eYgY+fLWqaWcxEUprO7TYvDLWyWWb9RFKa+GmxL920aD3hum1EndxWu5cn7VVOfGpdMfSUt1R5hUGmGmzkmTl4csB5yOXPxHF65Z5mRi7eD7U8vkq5cM6zIx9vD9vx8lOgaaaYabZZbSyyykIaaQAlKUpEAlIGQAGQAxjiarIk1WfT7fdgi5S97ItjUa1avZt4Utqr0CtsFmdlHBmPquNq4oWg+JKhmDj1gmfC8PYaEL1hmfC8PYaEJQFlf53XkdbX7dvabVM6L208ajJ1xt4g1OXeVFuTab4tOqKQHzAAARSTFBxrZv9BH2/Uz+hwpu4+y1U1+Z+jqZ/Q4U3cfZObpVKptCpkhRqPIs0ylUthuVp1Pl0BDTLLSQlCEJGQAAxj3OLiSTUlZJzi4kk1JWwxyuVHT7fdgiBGA44IjPt7sERn292CIz7e7BFH08cEX/2Q==);
}

.strapsItem .descriptionText {
    color: #666;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.3em;
    margin: 0 auto;
    position: absolute;
    margin-top: 410px;
    background-color: rgb(255, 240, 234);
    padding: 5px;
}

.strapsItem .fitDetails {
    position: absolute;
    top: 220px;
    width: 100%;
    text-align: center;
}

.strapsTip {
    height: 20px;
    font-size: 1.5em;
    color: #6D207C;
}

.strapsImage {
    border: none;
}

.strapsItem .previousSlide,
.strapsItem .nextSlide {
    top: 575px;
}


/*-----------  STRAPS ITEM ------------ */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .strapsItem .linebreak:before {
        content: "\A";
    }

    .strapsItem .optionHeaderDiv {
        float: left;
        display: block !important;
        height: 85px;
        border: none;
        border-bottom: 1px solid #6d207c;
        padding: 20px 85px 0 25px;
        width: 257px;
        text-align: center;
    }

    .strapsItem .optionContainerHeading {
        line-height: 1.1em;
        font-size: 1.5em;
    }

    .strapsItem .optionSelectionContainer {
        left: 0;
        position: absolute;
        top: 200px;
        width: 100%;
        list-style: none;
        text-align: center;
        padding: 0px;
    }

    .strapsItem .optionContainer {
        border: 1px solid #6d207c;
        display: inline-block;
        height: 338px;
        margin: 0px 5px 10px;
        text-align: center;
        width: 259px;
        vertical-align: top;
        cursor: pointer;
        position: relative;
    }

    .strapsItem .optionContainer.straps1 {
        background: url("../img/straps_digging_in.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .strapsItem .optionContainer.straps2 {
        background: url("../img/straps_good_fit.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .strapsItem .optionContainer.straps3 {
        background: url("../img/straps_loose_or_slipping.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .strapsItem .optionContainerTip {
        color: #6d207c;
        display: inline-block;
        font-size: 1.2em;
        margin-top: 230px;
    }

    .strapsItem .descriptionText {
        color: #666;
        font-size: 1.3em;
        text-align: center;
        line-height: 1.5em;
        margin: 0 auto;
        width: 810px;
        position: relative !important;
        background-color: #ffffff;
    }

    .fitDetails {
        display: none;
    }

    .strapsItem .previousSlide,
    .strapsItem .nextSlide {
        top: 470px;
    }
}


/*---------  UNDERBAND ITEM ----------- */
/*------------- MOBILE -----------------*/
.underbandItem {
    margin-bottom: 0;
}

.underbandItem .progressHeader {
    margin-bottom: 10px;
}

.underbandItem .optionSelectionContainer {
    left: 0;
    position: absolute;
    width: 100%;
    list-style: none;
    padding: 0px;
}

.underbandItem .optionContainer {
    border: none;
    display: inline-block;
    padding: 0 0 0 0;
    cursor: pointer;
}

.underbandItem .optionHeaderDiv {
    display: inline-block;
    background-color: #e9deeb;
    border: 1px solid #6d207c;
    padding: 10px 0;
    width: 82%;
    height: 39px;
    text-align: center;
}

.underbandItem .optionContainerHeading {
    font-family: adobe_caslon_pro_regular,arial,sans-serif;
    font-size: 1.1em;
    outline: none;
}

.underbandItem .optionContainer.underband1,
.underbandItem .optionContainer.underband2,
.underbandItem .optionContainer.underband3 {
    background: none;
    width: 100%;
    text-align: center;
}

.underbandItem .optionContainerTip {
    display: none;
}

.underbandItem .box {
    background-position: center center;
    background-color: #e9deeb;
    position: relative;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjFGNjFGODFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjFGNjFGOTFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMUY2MUY2MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCMUY2MUY3MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAHYAAAICAgMAAAAAAAAAAAAAAAAGAQIDBQQHCQEBAQEBAAAAAAAAAAAAAAAAAAMBAhAAAQIEAwcBCQAAAAAAAAAAAQIDABEEBSFRYTFBoRIyUhMicUJygiM0FSUGEQEBAQEAAwEAAAAAAAAAAAAAAQIRIWESE//aAAwDAQACEQMRAD8A9+kgcqcNwgLSGUASGUBqbheKK2usNPklbp9QTjyJ7jHWcWus4tbDzM946PJ8ucZxnGVPSn2CMYmA1F3uzVrp+cyXUOTDDWZzOgjvGfqus5+i5ZLU7cHzdrlNwKVzNIV75zIyG6O9654im9c8Q8yGWkRRLt5ulZbHKNxunDlEr7he8nt0wxEUxmaUxmacyovVEzbxXpcDiHB9FA6lK7Zbpb4yYtvHMxe8KtsoKi/VirlcJmmSr0o3KlsSnQb4prUzORXWvmcjsAAJASkBKUiQA2ARBBMBhdZaqGFMvIDjTiZLSY2XjZeERH8tUfkfCtX65J8gdntST0/FnFv0nPa36Tns/NNtstoaaQENtgJQgbABEEF4AgKpnyp27BlATjrwgDHXhAGOvCAMdeEB/9k=);
    display: inline-block;
    top: -13px;
}

.underbandItem .box.boxSelected {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMUM5OEM5RjFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMUM5OENBMDFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExQzk4QzlEMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExQzk4QzlFMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAJEAAAICAwEAAAAAAAAAAAAAAAAJAQgCBQYHAQEBAQEBAQAAAAAAAAAAAAAABQYCAwQQAAECBAQCBwQLAAAAAAAAAAECAxEEBQYAIQcIMRJBUWGhIjJCgcETNJFScjNDUxREFRYJEQABAwICCAYDAQAAAAAAAAABAAIDEQUhBPAxQVFhwRIUcZGh0eEysRMzBv/aAAwDAQACEQMRAD8Af2AIDLBFMB1YIiA6sEVaNXd1uk+i97WpY121F01S4lg1JyUSHU0mXcBDMxOAHmCXFwAABVyxVCHGllLXNmY3PYMB6+CoZW2TZmNz2jAevgrDfylOj8238r+u4/t/zfs4n9JXw9JWxHAY5XKMEVUN1m5yhbebPUJZbNS1Dr7K0WpQVHm5PSZyYSMw02ej1q8I6SKlrtrs4/cwazyVO2W52bfuaNZ5KnmzjbHW9QrhO5XXYPVqdq00qpWpSKkOZc4+oxTUZlCsvhp/BRCGQVDlCY17vcmwt7aDCmBI2cBzVW7XFsTe3hwpgabOA5puHKmPlHVw6IcMZRZdUX3TblNRtvWoOm061aDdV0cqbBTdlWSkqmHZxbjiVS7TkYNLZaSh1HNk4SpPpMLdst0WcieOqkg1DhphwVm22+LNxvHVSQavDTyXpGqO7HS+wNH5LVemVmWuVq55dX9GpLDkHZ+a5c21p8zYZV98SIo4eYgY+fLWqaWcxEUprO7TYvDLWyWWb9RFKa+GmxL920aD3hum1EndxWu5cn7VVOfGpdMfSUt1R5hUGmGmzkmTl4csB5yOXPxHF65Z5mRi7eD7U8vkq5cM6zIx9vD9vx8lOgaaaYabZZbSyyykIaaQAlKUpEAlIGQAGQAxjiarIk1WfT7fdgi5S97ItjUa1avZt4Utqr0CtsFmdlHBmPquNq4oWg+JKhmDj1gmfC8PYaEL1hmfC8PYaEJQFlf53XkdbX7dvabVM6L208ajJ1xt4g1OXeVFuTab4tOqKQHzAAARSTFBxrZv9BH2/Uz+hwpu4+y1U1+Z+jqZ/Q4U3cfZObpVKptCpkhRqPIs0ylUthuVp1Pl0BDTLLSQlCEJGQAAxj3OLiSTUlZJzi4kk1JWwxyuVHT7fdgiBGA44IjPt7sERn292CIz7e7BFH08cEX/2Q==);
}

.underbandItem .descriptionText {
    color: #666;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.3em;
    margin: 0 auto;
    position: absolute;
    margin-top: 380px;
    background-color: rgb(255, 240, 234);
    padding: 5px;
}

.underbandItem .fitDetails {
    position: absolute;
    top: 215px;
    width: 100%;
    text-align: center;
}

.underbandTip {
    font-size: 1.5em;
    display: none;
}

.underbandImage {
    border: none;
}

.underbandItem .previousSlide,
.underbandItem .nextSlide {
    top: 570px;
}


/*---------  UNDERBAND ITEM ----------- */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .underbandItem .optionHeaderDiv {
        float: left;
        display: block !important;
        height: 85px;
        border: none;
        border-bottom: 1px solid #6d207c;
        padding: 20px 85px 0 25px;
        width: 257px;
        text-align: center;
    }

    .underbandItem .optionContainerHeading {
        line-height: 1.1em;
        font-size: 1.5em;
    }

    .underbandItem .optionSelectionContainer {
        left: 0;
        position: absolute;
        top: 200px;
        width: 100%;
        list-style: none;
        text-align: center;
        padding: 0px;
    }

    .underbandItem .optionContainer {
        border: 1px solid #6d207c;
        display: inline-block;
        height: 338px;
        margin: 0px 5px 10px;
        text-align: center;
        width: 259px;
        vertical-align: top;
        cursor: pointer;
        position: relative;
    }

    .underbandItem .optionContainer.underband1 {
        background: url("../img/underband_digging.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .underbandItem .optionContainer.underband2 {
        background: url("../img/underband_firm.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .underbandItem .optionContainer.underband3 {
        background: url("../img/underband_riding.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .underbandItem .optionContainerTip {
        color: #6d207c;
        display: inline-block;
        font-size: 1.2em;
        margin-top: 230px;
    }

    .underbandItem .descriptionText {
        color: #666;
        font-size: 1.3em;
        text-align: center;
        line-height: 1.5em;
        margin: 0 auto;
        width: 800px;
        position: relative !important;
        background-color: #ffffff;
    }

    .underbandItem .previousSlide,
    .underbandItem .nextSlide {
        top: 450px;
    }
}


/*----------  CUPS ITEM --------------- */
/*------------- MOBILE -----------------*/
.cupsItem {
    margin-bottom: 0;
}

.cupsItem .progressHeader {
    margin-bottom: 10px;
}

.cupsItem .optionSelectionContainer {
    left: 0;
    position: absolute;
    width: 100%;
    list-style: none;
    padding: 0px;
}

.cupsItem .optionContainer {
    border: none;
    display: inline-block;
    padding: 0 0 0 0;
    cursor: pointer;
}

.cupsItem .optionHeaderDiv {
    display: inline-block;
    background-color: #e9deeb;
    border: 1px solid #6d207c;
    padding: 10px 0;
    width: 82%;
    height: 39px;
    text-align: center;
}

.cupsItem .optionContainerHeading {
    font-family: adobe_caslon_pro_regular,arial,sans-serif;
    font-size: 1.1em;
    outline: none;
}

.cupsItem .optionContainer.cups1,
.cupsItem .optionContainer.cups2,
.cupsItem .optionContainer.cups3 {
    background: none;
    width: 100%;
    text-align: center;
}

.cupsItem .optionContainerTip {
    display: none;
}

.cupsItem .box {
    background-position: center center;
    background-color: #e9deeb;
    position: relative;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjFGNjFGODFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjFGNjFGOTFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMUY2MUY2MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCMUY2MUY3MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAHYAAAICAgMAAAAAAAAAAAAAAAAGAQIDBQQHCQEBAQEBAAAAAAAAAAAAAAAAAAMBAhAAAQIEAwcBCQAAAAAAAAAAAQIDABEEBSFRYTFBoRIyUhMicUJygiM0FSUGEQEBAQEAAwEAAAAAAAAAAAAAAQIRIWESE//aAAwDAQACEQMRAD8A9+kgcqcNwgLSGUASGUBqbheKK2usNPklbp9QTjyJ7jHWcWus4tbDzM946PJ8ucZxnGVPSn2CMYmA1F3uzVrp+cyXUOTDDWZzOgjvGfqus5+i5ZLU7cHzdrlNwKVzNIV75zIyG6O9654im9c8Q8yGWkRRLt5ulZbHKNxunDlEr7he8nt0wxEUxmaUxmacyovVEzbxXpcDiHB9FA6lK7Zbpb4yYtvHMxe8KtsoKi/VirlcJmmSr0o3KlsSnQb4prUzORXWvmcjsAAJASkBKUiQA2ARBBMBhdZaqGFMvIDjTiZLSY2XjZeERH8tUfkfCtX65J8gdntST0/FnFv0nPa36Tns/NNtstoaaQENtgJQgbABEEF4AgKpnyp27BlATjrwgDHXhAGOvCAMdeEB/9k=);
    display: inline-block;
    top: -13px;
}

.cupsItem .box.boxSelected {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMUM5OEM5RjFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMUM5OENBMDFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExQzk4QzlEMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExQzk4QzlFMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAJEAAAICAwEAAAAAAAAAAAAAAAAJAQgCBQYHAQEBAQEBAQAAAAAAAAAAAAAABQYCAwQQAAECBAQCBwQLAAAAAAAAAAECAxEEBQYAIQcIMRJBUWGhIjJCgcETNJFScjNDUxREFRYJEQABAwICCAYDAQAAAAAAAAABAAIDEQUhBPAxQVFhwRIUcZGh0eEysRMzBv/aAAwDAQACEQMRAD8Af2AIDLBFMB1YIiA6sEVaNXd1uk+i97WpY121F01S4lg1JyUSHU0mXcBDMxOAHmCXFwAABVyxVCHGllLXNmY3PYMB6+CoZW2TZmNz2jAevgrDfylOj8238r+u4/t/zfs4n9JXw9JWxHAY5XKMEVUN1m5yhbebPUJZbNS1Dr7K0WpQVHm5PSZyYSMw02ej1q8I6SKlrtrs4/cwazyVO2W52bfuaNZ5KnmzjbHW9QrhO5XXYPVqdq00qpWpSKkOZc4+oxTUZlCsvhp/BRCGQVDlCY17vcmwt7aDCmBI2cBzVW7XFsTe3hwpgabOA5puHKmPlHVw6IcMZRZdUX3TblNRtvWoOm061aDdV0cqbBTdlWSkqmHZxbjiVS7TkYNLZaSh1HNk4SpPpMLdst0WcieOqkg1DhphwVm22+LNxvHVSQavDTyXpGqO7HS+wNH5LVemVmWuVq55dX9GpLDkHZ+a5c21p8zYZV98SIo4eYgY+fLWqaWcxEUprO7TYvDLWyWWb9RFKa+GmxL920aD3hum1EndxWu5cn7VVOfGpdMfSUt1R5hUGmGmzkmTl4csB5yOXPxHF65Z5mRi7eD7U8vkq5cM6zIx9vD9vx8lOgaaaYabZZbSyyykIaaQAlKUpEAlIGQAGQAxjiarIk1WfT7fdgi5S97ItjUa1avZt4Utqr0CtsFmdlHBmPquNq4oWg+JKhmDj1gmfC8PYaEL1hmfC8PYaEJQFlf53XkdbX7dvabVM6L208ajJ1xt4g1OXeVFuTab4tOqKQHzAAARSTFBxrZv9BH2/Uz+hwpu4+y1U1+Z+jqZ/Q4U3cfZObpVKptCpkhRqPIs0ylUthuVp1Pl0BDTLLSQlCEJGQAAxj3OLiSTUlZJzi4kk1JWwxyuVHT7fdgiBGA44IjPt7sERn292CIz7e7BFH08cEX/2Q==);
}

.cupsItem .descriptionText {
    color: #666;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.3em;
    margin: 0 auto;
    position: absolute;
    margin-top: 380px;
    background-color: rgb(255, 240, 234);
    padding: 5px;
}

.cupsItem .fitDetails {
    position: absolute;
    top: 215px;
    width: 100%;
    text-align: center;
}

.cupsTip {
    height: 20px;
    font-size: 1.5em;
    display: none;
}

.cupsImage {
    border: none;
}

.cupsItem .previousSlide,
.cupsItem .nextSlide {
    top: 550px;
}


/*-----------  CUPS ITEM -------------- */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .cupsItem .optionHeaderDiv {
        float: left;
        display: block !important;
        height: 85px;
        border: none; 
        border-bottom: 1px solid #6d207c;
        padding: 20px 85px 0 25px;
        width: 257px;
        text-align: center;
    }

    .cupsItem .optionContainerHeading {
        line-height: 1.1em;
        font-size: 1.5em;
    }

    .cupsItem .optionSelectionContainer {
        left: 0;
        position: absolute;
        top: 200px;
        width: 100%;
        list-style: none;
        text-align: center;
        padding: 0px;
    }

    .cupsItem .optionContainer {
        border: 1px solid #6d207c;
        display: inline-block;
        height: 338px;
        margin: 0px 5px 10px;
        text-align: center;
        width: 259px;
        vertical-align: top;
        cursor: pointer;
        position: relative;
    }

    .cupsItem .cups1 .optionHeaderDiv {
        width: 257.5px;
    }

    .cupsItem .optionContainer.cups1 {
        background: url("../img/cups_bulging.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .cupsItem .optionContainer.cups2 {
        background: url("../img/cups_full.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .cupsItem .optionContainer.cups3 {
        background: url("../img/cups_loose.png") no-repeat scroll center 80px transparent;
        width: 259px;
    }

    .cupsItem .optionContainerTip {
        color: #6d207c;
        display: inline-block;
        font-size: 1.2em;
        margin-top: 230px;
    }

    .cupsItem .descriptionText {
        color: #666;
        font-size: 1.3em;
        text-align: center;
        line-height: 1.5em;
        margin: 0 auto;
        width: 800px;
        position: relative !important;
        background-color: #ffffff;
    }

    .cupsItem .previousSlide,
    .cupsItem .nextSlide {
        top: 450px;
    }
}


/*----------  WIRE ITEM --------------- */
/*------------- MOBILE -----------------*/
.wireItem {
    margin-bottom: 0;
}

.wireItem .progressHeader {
    margin-bottom: 10px;
}

.wireItem .optionSelectionContainer {
    left: 0;
    position: absolute;
    width: 100%;
    list-style: none;
    padding: 0px;
}

.wireItem .optionContainer {
    border: none;
    display: inline-block;
    padding: 0 0 0 0;
    cursor: pointer;
}

.wireItem .optionHeaderDiv {
    display: inline-block;
    background-color: #e9deeb;
    border: 1px solid #6d207c;
    padding: 10px 0;
    width: 82%;
    height: 39px;
    text-align: center;
}

.wireItem .optionContainerHeading1 {
    font-family: adobe_caslon_pro_regular,arial,sans-serif;
    font-size: 1.1em;
    outline: none;
}

.wireItem .optionContainer.wire1,
.wireItem .optionContainer.wire2,
.wireItem .optionContainer.wire3,
.wireItem .optionContainer.wire4,
.wireItem .optionContainer.wire5 {
    background: none;
    width: 100%;
    text-align: center;
}

.wireItem .optionContainerTip {
    display: none;
}

.wireItem .box {
    background-position: center center;
    background-color: #e9deeb;
    position: relative;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjFGNjFGODFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjFGNjFGOTFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMUY2MUY2MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCMUY2MUY3MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAHYAAAICAgMAAAAAAAAAAAAAAAAGAQIDBQQHCQEBAQEBAAAAAAAAAAAAAAAAAAMBAhAAAQIEAwcBCQAAAAAAAAAAAQIDABEEBSFRYTFBoRIyUhMicUJygiM0FSUGEQEBAQEAAwEAAAAAAAAAAAAAAQIRIWESE//aAAwDAQACEQMRAD8A9+kgcqcNwgLSGUASGUBqbheKK2usNPklbp9QTjyJ7jHWcWus4tbDzM946PJ8ucZxnGVPSn2CMYmA1F3uzVrp+cyXUOTDDWZzOgjvGfqus5+i5ZLU7cHzdrlNwKVzNIV75zIyG6O9654im9c8Q8yGWkRRLt5ulZbHKNxunDlEr7he8nt0wxEUxmaUxmacyovVEzbxXpcDiHB9FA6lK7Zbpb4yYtvHMxe8KtsoKi/VirlcJmmSr0o3KlsSnQb4prUzORXWvmcjsAAJASkBKUiQA2ARBBMBhdZaqGFMvIDjTiZLSY2XjZeERH8tUfkfCtX65J8gdntST0/FnFv0nPa36Tns/NNtstoaaQENtgJQgbABEEF4AgKpnyp27BlATjrwgDHXhAGOvCAMdeEB/9k=);
    display: inline-block;
    top: -13px;
}

.wireItem .box.boxSelected {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMUM5OEM5RjFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMUM5OENBMDFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExQzk4QzlEMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExQzk4QzlFMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAJEAAAICAwEAAAAAAAAAAAAAAAAJAQgCBQYHAQEBAQEBAQAAAAAAAAAAAAAABQYCAwQQAAECBAQCBwQLAAAAAAAAAAECAxEEBQYAIQcIMRJBUWGhIjJCgcETNJFScjNDUxREFRYJEQABAwICCAYDAQAAAAAAAAABAAIDEQUhBPAxQVFhwRIUcZGh0eEysRMzBv/aAAwDAQACEQMRAD8Af2AIDLBFMB1YIiA6sEVaNXd1uk+i97WpY121F01S4lg1JyUSHU0mXcBDMxOAHmCXFwAABVyxVCHGllLXNmY3PYMB6+CoZW2TZmNz2jAevgrDfylOj8238r+u4/t/zfs4n9JXw9JWxHAY5XKMEVUN1m5yhbebPUJZbNS1Dr7K0WpQVHm5PSZyYSMw02ej1q8I6SKlrtrs4/cwazyVO2W52bfuaNZ5KnmzjbHW9QrhO5XXYPVqdq00qpWpSKkOZc4+oxTUZlCsvhp/BRCGQVDlCY17vcmwt7aDCmBI2cBzVW7XFsTe3hwpgabOA5puHKmPlHVw6IcMZRZdUX3TblNRtvWoOm061aDdV0cqbBTdlWSkqmHZxbjiVS7TkYNLZaSh1HNk4SpPpMLdst0WcieOqkg1DhphwVm22+LNxvHVSQavDTyXpGqO7HS+wNH5LVemVmWuVq55dX9GpLDkHZ+a5c21p8zYZV98SIo4eYgY+fLWqaWcxEUprO7TYvDLWyWWb9RFKa+GmxL920aD3hum1EndxWu5cn7VVOfGpdMfSUt1R5hUGmGmzkmTl4csB5yOXPxHF65Z5mRi7eD7U8vkq5cM6zIx9vD9vx8lOgaaaYabZZbSyyykIaaQAlKUpEAlIGQAGQAxjiarIk1WfT7fdgi5S97ItjUa1avZt4Utqr0CtsFmdlHBmPquNq4oWg+JKhmDj1gmfC8PYaEL1hmfC8PYaEJQFlf53XkdbX7dvabVM6L208ajJ1xt4g1OXeVFuTab4tOqKQHzAAARSTFBxrZv9BH2/Uz+hwpu4+y1U1+Z+jqZ/Q4U3cfZObpVKptCpkhRqPIs0ylUthuVp1Pl0BDTLLSQlCEJGQAAxj3OLiSTUlZJzi4kk1JWwxyuVHT7fdgiBGA44IjPt7sERn292CIz7e7BFH08cEX/2Q==);
                           }

.wireItem .descriptionText {
    color: #666;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.3em;
    margin: 0 auto;
    position: absolute;
    margin-top: 395px;
    background-color: rgb(255, 240, 234);
    padding: 5px;
}

.wireItem .fitDetails {
    position: absolute;
    top: 330px;
    width: 100%;
    text-align: center;
}

.wireTip {
    font-size: 1.5em;
    display: none;
}

.wireImage {
    border: none;
}

.wireItem .previousSlide,
.wireItem .nextSlide {
    top: 565px;
}


/*-----------  WIRE ITEM -------------- */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .wireItem .optionHeaderDiv {
        float: left;
        display: block !important;
        height: 85px;
        border: none; 
        border-bottom: 1px solid #6d207c;
        padding: 20px 85px 0 25px;
        width: 257px;
        text-align: center;
    }

    .wireItem .optionContainerHeading1 {
        line-height: 1.1em;
        font-size: 1.5em;
    }

    .wireItem .optionSelectionContainer {
        left: 0;
        position: absolute;
        top: 200px;
        width: 100%;
        list-style: none;
        text-align: center;
        padding: 0px;
    }

    .wireItem .optionContainer {
        border: 1px solid #6d207c;
        display: inline-block;
        height: 180px;
        margin: 0px 5px 10px;
        text-align: center;
        vertical-align: top;
        width: 259px;
        cursor: pointer;
        position: relative;
    }

    .wireItem .wire1 .optionHeaderDiv {
        width: 257.5px;
    }

    .wireItem .optionContainer.wire1 {
        background: url("../img/wires_digging.png") no-repeat scroll center 60px transparent;
        width: 259px;
    }

    .wireItem .optionContainer.wire2 {
        background: url("../img/wires_lifting.png") no-repeat scroll center 60px transparent;
        width: 259px;
    }

    .wireItem .optionContainer.wire3 {
        background: url("../img/wires_flat.png") no-repeat scroll center 60px transparent;
        width: 259px;
    }

    .wireItem .optionContainer.wire4 {
        background: url("../img/wires_slipping.png") no-repeat scroll center 60px transparent;
        width: 259px;
    }

    .wireItem .optionContainer.wire5 {
        background: url("../img/wires_crossing.png") no-repeat scroll center 60px transparent;
        width: 259px;
    }
    
    .wireItem .optionContainerTip {
        color: #6d207c;
        display: inline-block;
        font-size: 1.2em;
        margin-top: 230px;
    }

    .wireItem .descriptionText {
        color: #666;
        font-size: 1.3em;
        text-align: center;
        line-height: 1.5em;
        margin: 0 auto;
        width: 800px;
        position: relative !important;
        background-color: #ffffff;
    }

    .wireItem .previousSlide,
    .wireItem .nextSlide {
        top: 450px;
    }
}


/*----------  RESULTS ITEM ------------ */
/*------------- MOBILE -----------------*/
.resultsItem .headerText {
    line-height: 1.5em;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #CCCCCC;
}

.resultsItem .recommendedBraSize {
    font-family: adobe_caslon_pro_regular, arial, sans-serif;
    font-size: 8.5em;
    margin: 5px auto;
    text-align: center;
    height: 120px;
}

.resultsItem .adviceText {
    background: #f1eee9 none repeat scroll 0 0;
    font-family: adobe_caslon_pro_regular, arial, sans-serif;
    font-size: 1.8em;
    line-height: 1.3em;
    padding: 10px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.resultsItem .takeTheQuizAgain {
    text-decoration: underline;
    font-family: adobe_caslon_pro_italic, arial, sans-serif;
    font-size: 1.7em;
    position: absolute;
    top: 560px;
    cursor: pointer;
    text-align: center;
    width: 100%;
}

.resultsItem .correctBraSizeText,
.resultsItem .changedBraSizeText {
    display: none;
}

.resultsItem .changedBraSizeText .changedBraSelectedSizeText {
    font-family: adobe_caslon_pro_regular, arial, sans-serif;
    font-size: 1em;
}

.resultsItem .braFittingGuidePreviousButton {
    top: 470px;
}

.resultsItem .braFittingGuideNextButton {
    background: #6D217C;
    top: 470px;
}

.resultsItem .braFittingGuideNextButton.braFittingGuideShopMySizeLink {
    letter-spacing: 0.0px !important;
}


/*----------  RESULTS ITEM ------------ */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .resultsItem .headerText {
        padding-top: 40px;
    }

    .resultsItem .recommendedBraSize {
        line-height: 160px;
        margin: 15px auto;
    }

    .resultsItem .adviceText {
        font-size: 2em;
        padding: 20px;
    }

    .resultsItem .takeTheQuizAgain {
        font-size: 2.5em;
    }

    .resultsItem .braFittingGuidePreviousButton
    {
        padding: 20px 77px !important;
    }

    .resultsItem .braFittingGuideNextButton {
        padding: 20px 71px !important;
    }

    .resultsItem .braFittingGuidePreviousButton,
    .resultsItem .braFittingGuideNextButton {
        top: 55px;
    }
}



/*---------  Global Elements ---------- */
/*------------- MOBILE -----------------*/
.navbutton-div {
    text-align: center;
}
.braFittingGuidePreviousButton {
    border: 1px solid #6d217c;
    color: #6d217c;
    font-size: 1.4em;
    line-height: 1em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    width:48%;
    letter-spacing: 0.05em;
    padding: 20px 0;
    left: 2px;
}

.braFittingGuideNextButton {
    background: #6d217c none repeat scroll 0 0;
    border: 1px solid #6d217c;
    color: #ffffff;
    font-size: 1.4em;
    line-height: 1em;
    cursor: pointer;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 48%;
    transition: all 0.25s ease;
    letter-spacing: 0.05em;
    padding: 20px 0;
    right: 2px;
}

.strapsItem .braFittingGuidePreviousButton,
.strapsItem .braFittingGuideNextButton {
    margin-top: -20px;
}

.underbandItem .braFittingGuidePreviousButton,
.underbandItem .braFittingGuideNextButton {
    margin-top: -15px;
}

.cupsItem .braFittingGuidePreviousButton,
.cupsItem .braFittingGuideNextButton {
    margin-top: 0;
}

.wireItem .braFittingGuidePreviousButton,
.wireItem .braFittingGuideNextButton {
    margin-top: 5px;
}

.resultsItem .braFittingGuidePreviousButton,
.resultsItem .braFittingGuideNextButton {
    font-size: 1.2em;
    padding: 21px 0;
}

.braFittingGuideNextButton.inactive {
    background: #e9deeb;
    border: 1px solid #e0e0e0;
    color: #6d217c;
}

.arrow {
    border-bottom: 6px solid transparent;
    border-left: 8px solid #ffffff;
    border-top: 6px solid transparent;
    font-size: 0;
    height: 0;
    left: 6px;
    line-height: 0;
    position: relative;
    top: -6px;
    width: 0;
}

.arrow1 {
    border-bottom: 6px solid transparent;
    border-right: 8px solid #6D217C;
    border-top: 6px solid transparent;
    font-size: 0;
    height: 0;
    right: 6px;
    line-height: 0;
    position: relative;
    top: -6px;
    width: 0;
}

.braFittingGuideNextButton.inactive .arrow {
    border-bottom: 6px solid transparent;
    border-left: 8px solid #6D217C;
    border-top: 6px solid transparent;
    font-size: 0;
    height: 0;
    left: 6px;
    line-height: 0;
    position: relative;
    top: -6px;
    width: 0;
}

.braFittingGuidePrimaryButton {
    background-color: #6D217C !important;
    color: #fff !important;
    display: block;
    font-size: 1.4em;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1em !important;
    letter-spacing: 0.1em;
    text-align: center;
    border: none;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
    padding: 20px 30px;
    transition: all 0.25s ease 0s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    text-transform: uppercase;
    margin: 0 auto 0 auto;
}

.braFittingGuidePrimaryButton:hover {
    color: #fff !important;
    background-color: #430150 !important;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease 0s;
}

.optionHeaderDiv.selected {
    background-color: #6d207c;
    color: #ffffff;
}

.braFittingGuideContent .selectedOverlay {
    opacity: 0;
    filter: alpha(opacity=0);
    background: #f8e5d6 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    transition: all 0.25s ease;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.braFittingGuideContent .selectedOverlay.appear {
    opacity: 1;
    filter: alpha(opacity=100);
}

.braFittingGuideContent .progressHeader {
    width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 15px;
}

.braFittingGuide .progressHeader img {
    margin: 0 auto;
    max-height: 100%;
    width: 100%;
    outline: none;
}


/*---------  Global Elements ---------- */
/*------------- DESKTOP ----------------*/
@media (min-width: 900px) {
    .braFittingGuidePreviousButton {
        margin-right: 40px;
        top: 70px;
        letter-spacing: 0.1em;
        position: relative;
        padding: 20px 70px;
    }

    .braFittingGuideNextButton {
        top: 70px;
        letter-spacing: 0.1em;
        position: relative;
        padding: 20px 93px;
    }

    .box {
        background-position: center center;
        background-color: #ffffff !important;
        height: 40px;
        left: 200px;
        position: absolute !important;
        top: 18px !important;
        width: 40px;
        width: 35px;
        background-repeat: no-repeat;
        background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjFGNjFGODFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjFGNjFGOTFFMzUxMUU1OTBDNUE5ODk0MTZCMjNENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMUY2MUY2MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCMUY2MUY3MUUzNTExRTU5MEM1QTk4OTQxNkIyM0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAHYAAAICAgMAAAAAAAAAAAAAAAAGAQIDBQQHCQEBAQEBAAAAAAAAAAAAAAAAAAMBAhAAAQIEAwcBCQAAAAAAAAAAAQIDABEEBSFRYTFBoRIyUhMicUJygiM0FSUGEQEBAQEAAwEAAAAAAAAAAAAAAQIRIWESE//aAAwDAQACEQMRAD8A9+kgcqcNwgLSGUASGUBqbheKK2usNPklbp9QTjyJ7jHWcWus4tbDzM946PJ8ucZxnGVPSn2CMYmA1F3uzVrp+cyXUOTDDWZzOgjvGfqus5+i5ZLU7cHzdrlNwKVzNIV75zIyG6O9654im9c8Q8yGWkRRLt5ulZbHKNxunDlEr7he8nt0wxEUxmaUxmacyovVEzbxXpcDiHB9FA6lK7Zbpb4yYtvHMxe8KtsoKi/VirlcJmmSr0o3KlsSnQb4prUzORXWvmcjsAAJASkBKUiQA2ARBBMBhdZaqGFMvIDjTiZLSY2XjZeERH8tUfkfCtX65J8gdntST0/FnFv0nPa36Tns/NNtstoaaQENtgJQgbABEEF4AgKpnyp27BlATjrwgDHXhAGOvCAMdeEB/9k=);
    }

    .box.boxSelected {
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMUM5OEM5RjFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMUM5OENBMDFFMzUxMUU1QkM1RDlEOTM1M0JDNjY4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExQzk4QzlEMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExQzk4QzlFMUUzNTExRTVCQzVEOUQ5MzUzQkM2NjhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAIwAjAwERAAIRAQMRAf/EAJEAAAICAwEAAAAAAAAAAAAAAAAJAQgCBQYHAQEBAQEBAQAAAAAAAAAAAAAABQYCAwQQAAECBAQCBwQLAAAAAAAAAAECAxEEBQYAIQcIMRJBUWGhIjJCgcETNJFScjNDUxREFRYJEQABAwICCAYDAQAAAAAAAAABAAIDEQUhBPAxQVFhwRIUcZGh0eEysRMzBv/aAAwDAQACEQMRAD8Af2AIDLBFMB1YIiA6sEVaNXd1uk+i97WpY121F01S4lg1JyUSHU0mXcBDMxOAHmCXFwAABVyxVCHGllLXNmY3PYMB6+CoZW2TZmNz2jAevgrDfylOj8238r+u4/t/zfs4n9JXw9JWxHAY5XKMEVUN1m5yhbebPUJZbNS1Dr7K0WpQVHm5PSZyYSMw02ej1q8I6SKlrtrs4/cwazyVO2W52bfuaNZ5KnmzjbHW9QrhO5XXYPVqdq00qpWpSKkOZc4+oxTUZlCsvhp/BRCGQVDlCY17vcmwt7aDCmBI2cBzVW7XFsTe3hwpgabOA5puHKmPlHVw6IcMZRZdUX3TblNRtvWoOm061aDdV0cqbBTdlWSkqmHZxbjiVS7TkYNLZaSh1HNk4SpPpMLdst0WcieOqkg1DhphwVm22+LNxvHVSQavDTyXpGqO7HS+wNH5LVemVmWuVq55dX9GpLDkHZ+a5c21p8zYZV98SIo4eYgY+fLWqaWcxEUprO7TYvDLWyWWb9RFKa+GmxL920aD3hum1EndxWu5cn7VVOfGpdMfSUt1R5hUGmGmzkmTl4csB5yOXPxHF65Z5mRi7eD7U8vkq5cM6zIx9vD9vx8lOgaaaYabZZbSyyykIaaQAlKUpEAlIGQAGQAxjiarIk1WfT7fdgi5S97ItjUa1avZt4Utqr0CtsFmdlHBmPquNq4oWg+JKhmDj1gmfC8PYaEL1hmfC8PYaEJQFlf53XkdbX7dvabVM6L208ajJ1xt4g1OXeVFuTab4tOqKQHzAAARSTFBxrZv9BH2/Uz+hwpu4+y1U1+Z+jqZ/Q4U3cfZObpVKptCpkhRqPIs0ylUthuVp1Pl0BDTLLSQlCEJGQAAxj3OLiSTUlZJzi4kk1JWwxyuVHT7fdgiBGA44IjPt7sERn292CIz7e7BFH08cEX/2Q==);
    }

    .braFittingGuidePrimaryButton {
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .optionHeaderDiv.selected {
        background-color: #e9deeb;
        color: #000000;
    }

    .braFittingGuideContent .progressHeader {
        width: 75%;
        margin-top: 50px;
        margin-bottom: 0;
    }
}

/*------------------------------------------------------------------------------------------------*/
/* ------------------------------------ End of Stylesheet --------------------------------------- */
/*------------------------------------------------------------------------------------------------*/