/*==============================================================================================================

	••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
	•••••••§§§§§§ Another original Casualty of Design creation §§§§§••••••••••
	••••••••••••••• Creating Miracles one Pixel at a Time ••••••••••••••••••••
	••••••••••••••••••••••••• Je suis le créateur ••••••••••••••••••••••••••••
	••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
	
============================================================================ =Author: Michael "Echo" Roberson */







/*===============================================================

	--- NAVIGATION POSH CLASSES
	
================================================== =NAVIGATION */


.container-navigation {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(images/tile-bg-shadow.png);
	width:774px;
	color: #797979;
	font-size:14px;
	height:30px;
	margin:0px;
	padding:0px;
}


#underlinemenu{
	margin: 0px;
	padding:0px 0px 0px 30px;
}

#underlinemenu ul{
	float: left;
	margin: 0px;
	margin-bottom: 5px;
	padding-left:30px;
	font-weight: bold;
	width:670px;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0px;
}

#underlinemenu ul li{
	display: inline;
}


#underlinemenu ul li a{
	font-weight: bold;
	padding: 2px 10px 0px 10px;
	text-align:center;
	text-decoration: none;
	color: #797979;
	height:20px;
	float: left;
}


#underlinemenu ul li a:hover{
	color:#85086a;
	background-color: #fdd9f6;
	padding-bottom: 0px;
}


#underlinemenu ul li a.active{
	color:#fa00af;
	background-color:#ebebeb;
	padding-bottom: 0px;
	border: dashed 1px #000; 
}




/*===============================================================

	--- GENERAL POSH CLASSES
	
===================================================== =GENERAL */




html {
	margin:0px;
	padding:0px;
	min-height:100%;
}

p { margin:0px 0px 10px 0px; padding:0px; }


.clearfloat {
	clear:both;
	margin:0px;
	padding:0px;
}


strong.color-dark-purple {
	color:#810065;
	font-size:14px;
}


ul {
	width:350px;
	padding:0px 0px 0px 90px;
	line-height:18px;
	font-weight:bold;
	margin:0px 0px 40px 0px
}


h1 {
	color:#810065;
}


h2 {
	color:#810065;
}


h3.friends-company-name {
	color:#1a65b4;
	font-size:28px;
	margin:0px 0 0px 0px;
	padding:0px 0px 0px 0px;
}


h3 {
	color:#1a65b4;
	font-size:24px;
	margin:0px;
	padding:0px;
}


h4 {
	color:#1a65b4;
	margin:0px;
	padding:0px 0 5px 0;
}


a: visited { color:#797979; }
a: hover { color:#fdd9f6; }
a: active { color:000px; }
a: link { color:#797979; }


a.custom-link-lite-blue:link {
	color: #4fb2fe;
	text-decoration:none;
	font-size:22px;
}

a.custom-link-lite-blue:visited {
	color: #4fb2fe;
	text-decoration:none;
	font-size:22px;
}

a.custom-link-lite-blue:active {
	color: #4fb2fe;
	text-decoration:none;
	font-size:22px;
}

a.custom-link-lite-blue:hover {
	color: #fa00fa;
	text-decoration:none;
	font-size:22px;
}



/*===============================================================

	--- BASE POSH CLASSES
	
======================================================== =BASE */





.wrapper-posh {
	width:774px;
	margin:0px auto;
}


.container-content-all {
	width:774px;
	position:relative
}


.base-header{
	background-image:url(images/all-header.png);
	background-repeat:no-repeat;
	height:107px;
	margin:10px 0px 0px 0px;
	padding:0px;
	position:relative;			
}


.base-link-pands-friends a {
	width:78px;
	height:32px;
	position:absolute;
	top:113px;
	left:614px;
	z-index:2;
}

.base-body{
	margin:0px;
	padding:0px 0px 0px 0px;
	background-image:url(images/tile-bg-shadow.png);
	background-repeat:repeat-y;
}


.base-row-1 {
	margin: 0px 0px 0px 0px;
}


.base-left-col {
	width:175px;
	padding:10px;
	margin:0px 0px 0px 20px;
	float:left;
}


.base-right-col {
	width:510px;
	padding:10px 0px 0px 10px;
	float:left;
}


.base-paragraph-1 {
	padding:10px 0px 0px 0px;
}


.base-first-letter {
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	line-height:28px;
}


.base-link-cod a {
	width:217px;
	height:20px;
	position:absolute;
	top:36px;
	left:279px;
}

.base-footer{
	position:relative;
	height:70px;
	background-image:url(images/footer-posh-all.png);
	position:relative;
}


.base-quote-open {
	background-image:url(images/quote-open.png);
	width:40px;
	height:60px;
	margin-left:20px;
	float:left;
}


.base-quote-close {
	background-image:url(images/quote-close.png);
	width:40px;
	height:60px;
	float:left;
}




/*===============================================================

	--- HOME POSH CLASSES
	
======================================================== =HOME */


body.home-bg {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/tile-grad-posh-logo.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:16px;
	min-height:100%;
}


.home-right-col {
	width:500px;
	padding:0px 0px 0px 10px;
	float:left;
}


.home-bw-girl {
	background-image:url(images/home-bw-girl.png);
	width:318px;
	height:550px;
	position:absolute;
	top:66px;
	left:-197px;
}


.home-bw-guy {
	background-image:url(images/home-bw-guy.png);
	width:309px;
	height:551px;
	position:absolute;
	top:70px;
	left:647px;
}



.home-photo-micole {
	background-image:url(images/home-micole.jpg);
	width:173px;
	height:173px;
	border: solid 1px #000;
}


.home-character {
	background-image:url(images/home-character-square.jpg);
	width:77px;
	height:108px;
	margin:0px;
	padding:0px;
	float:left;
}

.home-quote {
	background-image:url(images/quote-home.jpg);
	width:173px;
	height:273px;
	margin-top:10px;
	border: solid 1px #000;
}


.home-title-image {
	background-image:url(images/home-title-image.png);
	width:500px;
	height:115px;
	margin-bottom:45px;
}



.home-title-text {
	background-image:url(images/home-title-text.png);
	width:456px;
	height:75px;
	position:absolute;
	top:250px;
	left:219px;
}


.home-paragraph-1 {
	padding:15px 80px 0px 0px;
}


.home-paragraph-2 {
	padding:0px 60px 0px 0px;
}





/*===============================================================

	---  ABOUT US CLASSES
	
==================================================== =ABOUT US */


body.about-bg {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/tile-grad-black-ps-logo.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:16px;
	min-height:100%;
}


.about-title-image {
	background-image:url(images/about-title-image.jpg);
	width:500px;
	height:115px;
}


.about-logo-armani {
	background-image:url(images/about-armani-logo.jpg);
	width:175px;
	height:104px;
}


.about-quote {
	background-image:url(images/quote-about-us.jpg);
	width:173px;
	height:425px;
	border: solid 1px #000;
	margin-top:10px;
}


.about-side-image {
	background-image:url(images/about-side-image.png);
	width:600px;
	height:400px;
	position:absolute;
	top:513px;
	left:-251px;
	z-index:1;
}





/*===============================================================

	---  HOW IT WORKS CLASSES
	
========================================================= =HOW */


body.how-bg {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/tile-grad-purple-ps-logo.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:16px;
	min-height:100%;
}

.how-title-image {
	background-image:url(images/how-title-image.jpg);
	width:500px;
	height:115px;
}


.how-rodeo-drive {
	background-image:url(images/how-rodeo-drive.jpg);
	width:175px;
	height:104px;
}


.how-logo-rachel {
	background-image:url(images/how-rachel-logo.jpg);
	width:175px;
	height:104px;
}


.how-quote {
	background-image:url(images/quote-rachel-zoe.jpg);
	width:173px;
	height:425px;
	border: solid 1px #000;
	margin-top:10px;
}


.how-paragraph-indent {
	background-image:url(images/how-bg-ward-organize.jpg);
	background-repeat:no-repeat;
	height:510px;
	padding:20px 200px 0px 30px;
}



.how-sideimage-sale {
	background-image:url(images/how-sideimage-sale.png);
	width:247px;
	height:352px;
	position:absolute;
	top:831px;
	left:-51px;
	z-index:0;
}


.how-white-shopping-bags {
	background-image:url(images/how-white-shoppingbags.png);
	width:270px;
	height:255px;
	position:absolute;
	top:1392px;
	left:-66px;
	z-index:2;
}





/*===============================================================

	---  STYLE TIPS CLASSES
	
======================================================= =STYLE */


body.style-bg {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/tile-grad-pink-ps-logo.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:16px;
	min-height:100%;
}

.style-tips-col {
	background-image:url(images/style-column-bg.jpg);
	background-repeat:no-repeat;
	padding:0px 60px 0px 115px;
	margin-left:3px;
}


.style-container-1 {
	width:525px;
	margin:0px 0px 0px 0px;
	padding:40px 0px 0px 0px;
}


.style-opening-paragraph {
	font-size:16px;
	font-style:italic;	
	line-height:20px;
	margin:0px 0px 20px 0px;
	padding:0px 47px 0px 63px;
}


.style-quote-text {
	color:#810065;
	width:260px;
	font-size:16px;
	line-height:18px;
	text-align:justify;
	font-weight:bold;
	padding:0px 5px 0px 8px;
	margin:10px 0px 15px 0px;

	float:left;
}


.style-points-to-perfection {
	text-align:justify;
}


ul.style-tips-list {
	width:400px;
	height:200px;
	overflow:scroll;
	background-color:#fff;
	list-style:url(images/button-clear4-list.jpg);
	line-height:18px;
	font-weight:normal;
	margin:0px 0px 0px 35px;
	padding:10px 20px 10px 30px;
}

li.sytle-tips-line-break {
	margin-bottom:10px;
}







/*===============================================================

	---  FAQS CLASSES
	
======================================================== =FAQS */


body.faqs-bg {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/tile-grad-blue-ps-logo.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:16px;
	min-height:100%;
}

.faqs-title-image {
	background-image:url(images/faqs-title-image.jpg);
	width:500px;
	height:115px;
}


.faqs-eye-image {
	background-image:url(images/faqs-eye-image.jpg);
	width:175px;
	height:104px;
}


.faqs-quote {
	background-image:url(images/quote-bobbi-brown.jpg);
	width:173px;
	height:368px;
	border: solid 1px #000;
	margin:10px 0px 500px 0px;
}


.faqs-content {
	height:375px;
	overflow:scroll;
}

.faqs-title-list {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	margin:5px;
}


ul.faqs-list {
	width:400px;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	margin:0px 0px 0px 35px;
	padding:0px 20px 10px 30px;
}

li.faqs-break {
	margin-bottom:10px;
}


h2.faqs-heading {
	line-height:26px;
}


.faqs-mini-text {
	font-size:12px;
	font-style:italic;
}


.faqs-side-image {
	background-image:url(images/posh-swagger-tv-frame.png);
	width:477px;
	height:405px;
	position:absolute;
	top:709px;
	left:259px;
	z-index:1;
}


.faqs-side-hot-couple {
	background-image:url(images/faqs-hot-couple.png);
	width:313px;
	height:451px;
	position:absolute;
	top:679px;
	left:-16px;
	z-index:3;
}


.faqs-side-pands-logo {
	background-image:url(images/faqs-pands-logo.png);
	width:327px;
	height:70px;
	position:absolute;
	top:1050px;
	left:423px;
	z-index:4;
}


.faqs-video {
	width:425px;
	height:355px;
	position:absolute;
	top:734px;
	left:287px;
	z-index:2;
}




/*===============================================================

	---  CONTACT CLASSES
	
===================================================== =CONTACT */


body.contact-bg {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/tile-grad-britepink-ps-logo.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	text-align:left;
	color:#000;
	min-height:100%;
}


.contact-container {
	background-image:url(images/contact-column-bg.jpg);
	background-repeat:no-repeat;
	padding:0px 60px 0px 60px;
	margin-left:3px;
}


.contact-container-1 {
	width:525px;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}


.contact-text {
	margin:40px 0px 10px 0px;
	padding:0px 200px 0px 0px;
}


.contact-info {
	margin-top:7px;
	padding-left:208px;
}





/*===============================================================

	---  FRIENDS CLASSES
	
===================================================== =FRIENDS */


body.friends-bg {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/tile-grad-gray2-ps-logo.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	text-align:left;
	color:#000;
	font-size:18px;
	line-height:20px;
	min-height:100%;
}


.friends-title {
	background-image:url(images/friends-title.png);
	widows:631px;
	height:135px;

}


.friends-container-1 {
	background-image:url(images/friends-column-bg.jpg);
	background-repeat:no-repeat;
	height:600px;
	padding:0px 60px 0px 50px;
	margin-left:3px;
}


.friends-container-2 {
	width:629px;
	margin:0px 0px 0px 0px;
	padding:50px 25px 0px 10px;
}


.friends-cod {
	margin:20px 0px 0px 120px;
	padding:10px 10px 0px 10px;
	line-height:14px;
}



.friends-button-cod {
	background-image:url(images/freinds-button-cod.png);
	width:100px;
	height:100px;
	margin:20px 0 0 0px;
	float:left;
}

.friends-content-cod {
	padding:30px 20px 20px 20px;
	float:left;
}


.friends-bwya {
	margin:20px 0px 0px 120px;
	padding:10px 10px 0px 10px;
	line-height:14px;
}


.friends-button-bwya {
	background-image:url(images/freinds-button-bwya.png);
	width:100px;
	height:100px;
	margin:20px 0 0 0px;
	float:left;
}

.friends-content-bwya {
	padding:30px 20px 20px 20px;
	float:left;
}



.friends-company-name {
	width:300px;
	color:#1a65b4;
	font-size:24px;
	font-weight:bold;
	padding:5px 0 10px 0;
	float:left;
}


.friends-service {
	color:#1a65b4;
	font-size:18px;
}


.friends-contact-info {
	margin:0px 0 3px 0;
	padding:0px 0 10px 0;
	float:left;
}