@charset "UTF-8";

/*Divtag-Backgrounds*/

.BG-Setup-A {
	    background-attachment: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

.BG-Setup-B {
	    background-attachment: scroll;
    -webkit-background-size:contain;
    background-size:contain;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

.BG-Setup-C {
	    background-attachment: inherit;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

.BG-Setup-D {
	    background-attachment: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

.BG-Setup-E {
	    background-attachment: inherit;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 100%;
    background-repeat: no-repeat no-repeat;
}


.BG-Setup-F {
	    background-attachment: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 50%;
    background-repeat: no-repeat no-repeat;
}


.BG-pattern1 {
	background-image:url(../img/FindYourJewler-BG.jpg);
}

.BG-pattern2 {
	background-image:url(../img/PD-forms/JoinTheFamily-BG.jpg);
}

.BG-pattern-Jeweler1 {
	background-image:url(../img/Background-Pattern/BG-Pattern1.jpg);
}

.BG-pattern-Jeweler2 {
	background-image:url(../img/Background-Pattern/BG-Pattern2.jpg);
}

.BG-pattern-Jeweler3 {
	background-image:url(../img/Background-Pattern/BG-Pattern3.jpg);
}

.BG-pattern-Jeweler4 {
	background-image:url(../img/Background-Pattern/BG-Pattern4.jpg);
}


.BG-img1 {
	background-image:url(../img/PD-forms/GetToKnowUs/HavenForHopeCross.jpg);
}

.BG-img2 {
	background-image:url(../img/PD-forms/GetToKnowUs/HavenForHopeCross.jpg);

}

.BG-img3 {
	background-image:url(../img/PD-forms/GetToKnowUs/Slider-BG.png);
}

.BG-img4 {
	background-image:url(../img/PD-forms/GetToKnowUs/PD-Photo-WeRemember.jpg);
}

.BG-img5 {
	background-image:url(../img/PD-forms/GetToKnowUs/PD-Photo-WeAreServing.jpg);
}

.BG-img6 {
	background-image:url(../img/ourjewlery/JPWS-ourjewelry-catalogcluster.png);
}

.BG-img7 {
	background-image:url(../img/ourjewlery/PWS-JPWS_ourJewelry_collectionVideo.png);
}
/*
.BG-img8 {
	background-image:url(../img/WhyHost/BannerRelax.jpg);
}
*/
.BG-img9 {
	background-image:url(../img/WhyHost/JPWS-hostshow-pieceofcake.png);
}

.BG-img10 {
	background-image:url(../img/WhyHost/JPWS-hostshow-banner.png);
}

.BG-img11 {
	background-image:url(../img/Opportunity/PWS_opportunity_love-what-you-do_image.png);
}

.BG-img12 {
	background-image:url(../img/Opportunity/Premierforyou-models.png);
}

.BG-img13 {
	background-image:url(../img/Opportunity/MyAwardsBanner.jpg);
}


.BG-img14 {
	background-image:url(../img/Opportunity/PWS-opp-mpb-image.png);
}

.Spa-BG-img14 {
	background-image:url(../img/Opportunity/PWS-opp-mpb-image-SP.png);
}

.BG-img15{
    background-image: url(../img/WhyHost/PWS_non-slider-image_hostShow_HostessCalculator_header.png)
}

.BG-img16{
    background-image: url(../img/ourjewlery/PWS_style-quiz.png)
}

.BG-img17{
    background-image: url(../img/ourjewlery/PWS-JPWS_ourJewelry_premierEveryday.gif)
}


/*Background Colors*/

.BG-GrayA {
background:rgba(140,140,140,1.00);
}

.BG-GrayB {
background:rgba(240,240,240,1.00);
}

.BG-GrayC {
background-color:rgba(210,210,210,1.00);
}

.BG-Pink {
background:rgba(238, 134, 166,1.00);
}


.BG-Red {
    background-color: rgb(242, 124, 117);
}

.BG-Teal {
    background-color: rgb(0, 162, 156);
}

.BG-White {
	background:rgba(255,255,25,1.00);
}

.BG-WhiteBox {
	background:rgba(255,255,255,0.8);
}

.BG-PremierBlue{
    background-color: #58c5c7;
}

/*Buttons*/


.Button-TypeA {
    width: auto;
	position:relative;
	display:inline-block;
    margin: 20px auto 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 6px 10px;
    min-width: 100px;
    border: 1px solid;
	cursor:pointer;
}

.ButtonColor-Red {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(239, 55, 66);
	border-color: rgb(239, 55, 66);		
}

.ButtonColor-Red:hover {
    background-color: rgba(239, 55, 66, 0);
    color: rgb(239, 55, 66) !important;
}

.ButtonColor-Pink {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(238, 134, 166);
	border-color: rgb(238, 134, 166);		
}

.ButtonColor-Pink:hover {
    background-color: rgba(238, 134, 166, 0);
    color: rgb(238, 134, 166) !important;
}

.ButtonColor-Teal {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(0,161,156);
	border-color: rgb(0,161,156);		
}

.ButtonColor-Teal:hover {
    background-color: rgba(0,161,156, 0);
    color: rgb(0,161,156) !important;
}

.ButtonColor-White {
	background-color: rgba(255, 255, 255, 0);
    color: rgb(255, 255, 255) !important;	
}

.ButtonColor-White:hover {
    color: rgb(140,140,140) !important;
    background-color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);	
}

.ButtonColor-Blue{
    color: rgb(255, 255, 255);
    background-color: #58c5c7;
    border-color: #58c5c7;
}

.ButtonColor-Blue:hover{
    background-color: rgba(239, 55, 66, 0);
    color: #58c5c7;
}


/*End Buttons*/

/*DIV Tags*/

iframe {
	padding:0;
	margin:0;
	border:none;
	overflow:visible;
}

.floatleft {
	float:left;
}

.floatleftB {
	float:left;
}

.floatright {
	float:right;	
}

.fullwrap {
	display: block;
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
}

.fullwrapPadding4 {
	padding:2% 4%;	
}

.fullwrapPadding2 {
	padding:1% 2%;
}

.halfwrap {
	display: inline-block;
	position:relative;
	width:46%;
	height:auto;
	overflow:hidden;
}

.iframeWrap {
	display: inline-block;
	position:relative;
	width:50%;
	height:480px;
	overflow:hidden;
}

.iframeSliderWrap {
	width:100%;
	height:480px;
}

.FullLimit {
	max-width:560px;
	margin:0 auto;
}

.HalfLimit {
	max-width:300px;
	margin:0 auto;
}

.fullwrap-padded {
	overflow:hidden;
	padding:75px 10%;
}

.lefthalf {
	float:left;
	min-width:50%;
	height:auto;
	padding:50px 3%;
}

.righthalf {
	float:right;
	width:50%;
	height:auto;
	padding:50px 0;
}

.HalfText {
	float:left;
	width:41%;
	height:auto;
	margin:75px auto;
	padding: 0 4%;
}

.HalfText480 {
	float:left;
	width:41%;
	height:auto;
	margin:0px auto;
	padding:0 4%;
}

.TextDevide {
border-right:1px solid rgba(250,250,250,1.00);
}

.copycenter {
	max-width:380px;
	margin:0 auto;
	padding:25px;
	background:rgba(255,255,255,0.8);
}


.TextWrap {
	display:table-cell;
	padding:10%;
	text-align:center;
	vertical-align:middle;
	}

.TextWrapWhiteBox {
	display:table-cell;
	padding:8%;
	text-align:center;
	vertical-align:middle;
}

.TextWrapTypeB {
	display:table-cell;
	padding:10%;
	text-align:center;
	vertical-align:middle;
	}
	
.TextWrapTypeC {
	display:table-cell;
	padding:10%;
	text-align:center;
	vertical-align:middle;
	}	

.MiddleWrapper {
	display:inline-table;
	position:relative;
	width:50%;
	height:480px;
}

.MiddleWrapperTypeB {
	display:inline-table;
	position:relative;
	width:50%;
	height:480px;
}

.MiddleWrapperTypeC {
	display:inline-table;
	position:relative;
	width:50%;
	height:480px;
}

.MiddleWrapperTypeD {
	display:inline-table;
	position:relative;
	width:50%;
	height:500px;
}


.ImgBox {
    height: 100%;
    width: 50%;
    position:absolute;
    display: inline-block;
	margin:0%;
}

.ImgBox-TypeB {
    height: 100%;
    width: 50%;
    position:absolute;
    display: inline-block;
	margin:0%;
}


.ImgBoxPushRight {
		left:50%
}

.TextMiddleWrapFull {
	display:block;
    width:100%;
	height:auto;
}

.WhiteBar {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	margin:75px 0;
	background:rgba(255,255,255,0.70);
	text-align:center;
}

.OneThird {
	display:inline-block;
	position:relative;
	width:250px;
	padding:25px;
	vertical-align:top;
}

.ImgBoxHalf {
	
}

.ImgFull {
	display:inherit;
}

.ImgMobil {
	display:none;	
}

.TextWhiteBox {
	background:rgba(255,255,255,0.9);
	padding:8%;
}

.TextGrayBox {
	background:rgba(255,255,255,0.75);
	padding:50px 5%;
}

.ContactsBox {
background:rgba(255,255,255,1.00);
display:none;
position:absolute;
top:40px;
right:30px;
width:235px;
margin:0 auto;
padding:15px;
border-width:1px;
border-style: solid;
border-color: rgba(0,0,0,1.00);
text-align:left;
z-index:15;
}

.ContactsBox a {
	display:inline;
	margin:0;
	padding:0;
}

.ContactsBox h4 {
	padding:0;
}


.ContactsX {
	display:block;
	width:92%;
	text-align:right;
}

.ContactsBox li {
	display:block;	
}

.ContactsFillable {
	display:inline-block;
}

.nav-second ul li:after {
	content: ' ';
}

.JewelerWrap {
	display:table;
	padding:25px;	
	margin:50px auto;
	
}

.JewlerLoginWrap {
	display:inline-table;
	width:300px;
	text-align:center;
	padding:25px 0px;
	vertical-align:middle;
}

.JewelerBannerWrap {
		display:inline-table;
		vertical-align:middle;
}

.JewelerBannerWrap img {
	display:table-cell;
	vertical-align:middle;
	}
	
	

@media only screen and (max-width: 960px) {
	
	.OneThird {
	width:450px;
}

.TextWrap {
	display:inline-block;
	padding:50px 10%;
	}

.MiddleWrapper {
	display:inline-table;
	position:relative;
	width:66%;
	height:auto;
}

.BG-Setup-A {
	    background-attachment: inherit;
    -webkit-background-size:100%;
    background-size:100%;
    background-position:center;
    background-repeat: no-repeat no-repeat;
}

.BG-Setup-C {
	    background-attachment: inherit;
    -webkit-background-size:contain;
    background-size:contain;
    background-position: 50% 100%;
    background-repeat: no-repeat no-repeat;
}

.ImgBox {
    height: 100%;
    width: 33%;
    position:absolute;
    display: inline-block;
	margin:0%;
}

.iframeSliderWrap {
	height:460px;
}

.MiddleWrapperTypeC {
	display:inline-table;
	position:relative;
	width:100%;
	height:auto;
}

.floatleftB {
	float:none;
}

.iframeWrap {
	display: inline-block;
	position:relative;
	width:100%;
	margin:0 auto;
	height:480px;
	overflow:hidden;
}

.BG-Setup-D {
	    background-attachment: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 15% 100%;
    background-repeat: no-repeat no-repeat;
}

}


@media only screen and (max-width: 768px) {
	
	.Hide768 {
		display:none !important;		
	}
	
	.ImgBox-TypeB {
    height: 700px;
    width: 100%;
    position:relative;
    display: block;
	margin:0%;
}

.MiddleWrapperTypeB {
	display:inline-table;
	position:relative;
	width:100%;
	height:auto;
}

.MiddleWrapperTypeD {
	display:inline-table;
	position:relative;
	width:100%;
	height:550px;
}

.TextWrapTypeB {
	display:table-cell;
	padding: 75px 10% 0px;
	text-align:center;
	vertical-align:middle;
}
	
.TextWrapTypeC {
	display:table-cell;
	padding: 75px 10% 75px;
	text-align:center;
	vertical-align:middle;
}
		
	
	.halfwrap {
	display:block;
	position:relative;
	width:96%;
	height:auto;
	padding:2%;	
	overflow:hidden;
}

.iframeSliderWrap {
	height:510px;
}

.TextWhiteBox {
	background:rgba(255,255,255,0.9);
	padding:8%;
}


.BG-Setup-E {
	    background-attachment: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 100%;
    background-repeat: no-repeat no-repeat;
}


.ImgFull {
	display:none;
}

.ImgMobil {
	display:block;	
}

}


@media only screen and (max-width: 674px) {

	.ContactsBox {
	background:rgba(255,255,255,1.00);
	display:none;
	position:relative;
	width:80%;
	top:auto;
	right:auto;
	padding:25px 10%;
	margin:0 auto;
	border-width: 1px 0px;
	border-style: solid;
	border-color: rgba(0,0,0,1.00);
	text-align:left;
	z-index:15;
	}
	
	.ContactsBox a {
		display:inline;
			margin:0;
		padding:0;
	}
	
	.ContactsX {
		display:block;
		width:100%;
		text-align:right;
	}

}


@media only screen and (max-width: 640px) {

.HalfText {
	float:none;
	width:80%;
	height:auto;
	margin:0 auto;
	padding:75px 4%;
}

.TextDevide {
border-right:0px;
border-bottom:1px solid rgba(250,250,250,1.00);

}

.TextGrayBox {
	background:rgba(255,255,255,0.85);
	padding:50px 5%;
}

}

@media only screen and (max-width: 480px) {


	.lefthalf,
	.righthalf {
	float:none;
	width:100%;
	display:block;
	}
	
	.copycenter {
	max-width:none;
	margin:0 auto;
	padding:25px 5px;
	background:rgba(255,255,255,0.8);
}


.lefthalf {
	float:none;
	min-width:none;
	width:90%;
	height:auto;
	padding:50px 0;
	margin:0 auto;
}


.TextMiddleWrap {
    width:100%;
	margin:25px 0;
}

.ImgBox {
	width:100%;
	
}

.ImgBox-TypeB {
    height: 400px;
}

	.OneThird {
	width:80%;
	padding:25px;
}

.fullwrap-padded {
	padding:75px 10%;
}

.TextWrap {
	position:relative;
	padding: 75px 10%;
	}

.TextWrapWhiteBox {
	position:relative;
	padding: 75px 5%;
}

.MiddleWrapper {
	position:relative;
	width:100%;
	height:auto;	
}

.ImgBox {
    height:auto;
    width: 100%;
    position:relative;
	margin:0%;
}

.BG-Setup-A {
	height:480px;
    -webkit-background-size:cover;
    background-size:cover;
}

.BG-Setup-A {
	    background-attachment: inherit;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

.BG-Setup-C {
	    background-attachment: inherit;
    -webkit-background-size:contain;
    background-size:contain;
    background-position: 50% 100%;
    background-repeat: no-repeat no-repeat;
}


.MiddleWrapperTypeB {
	display:inline-table;
	position:relative;
	width:100%;
	height:auto;
}

.MiddleWrapperTypeD {
	display:inline-table;
	position:relative;
	width:100%;
	height:320px;
}

.iframeSliderWrap {
	height:620px;
}

}

@media only screen and (max-width: 320px) {

.BG-Setup-A {
	height:320px;
    -webkit-background-size:cover;
    background-size:cover;
}	
	
.BG-Setup-C {
	    background-attachment: inherit;
    -webkit-background-size:cover;
    background-size:cover;
    background-position: 50% 100%;
    background-repeat: no-repeat no-repeat;
}	

.ImgBox-TypeB {
    height: 320px;
}

.iframeSliderWrap {
	height:640px;
}

	
}


/* Switch out images based on screen size*/
.DisplayOnSmall {
	display:none;
}

.DisplayOnLarge {
	display:block;
}

@media only screen and (max-width: 768px) {

    .DisplayOnSmall {
	    display:block;
    }

    .DisplayOnLarge {
	    display:none;
    }

}