/* GENERAL STYLES */
/*===========================
Rich text editor stying
===========================
*/

#holderBody
{
	background:none;
}

#holderBody strong
{
	font-weight:bold;
}

#holderBody a
{
	text-decoration:underline;
}

#holderBody p
{
	margin:auto;
}

#holder
{
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	text-align: left;
	font-size:14px;
}

.orangeText {
	font-size:11px;
	font-weight: bold;
	color: #d9531e;
}

.subHead {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 0;
	clear:both;
}

.shopNowBox {
	padding: 5px 0 5px 0;
	clear:both;

}


.janBarbBox {
width: 232px;
/*border: 1px solid #cccccc;*/
padding: 5px 5px 10px 5px;
margin-right: 8px;
float:left;
}

.captionBox {
width: 110px;
padding: 2px 2px 2px 2px;
font-size: 9px;
float: left;
}


/*
================================================
	Yahoo GUI Reset CSS
	http://developer.yahoo.com/yui/reset/
================================================
*/


body { 
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	
}


/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
/*fieldset,img { 
	border:0;
}*/

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	/*list-style:none;*/
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h3 {font-size:1.5em; margin-bottom:3px; font-weight:bold;}
h4 {color:#c7c47f; font-size:1.2em; font-weight:bold; margin:3px 0px;}
.h4class {color:#666; font-size:1.2em; font-weight:bold; margin:3px 0px; padding-right:20px;}
h1 {font-size:1.5em; font-weight:bold;}
.header3simulate {font-size:1.3em;}
.header1simulate {font-size:1.3em; font-weight:bold;}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* Main Structure CSS */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}

p {
	padding-bottom: 8px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

input {
}

input.input {
	width: 170px;
	line-height: 11px;
	height: 15px;
	font-size: 11px;
	border: 1px solid #666666;
}

input.submit {
	background-color:#d9531e;
	border: 1px solid #666666;
	width: 50px;
	font-size: 10px;
	line-height: 10px;
}

input.submit:hover {
	background-color:#666666;
	border: 1px solid #d9531e;
	width: 50px;
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF
}


a {
	color:#818154;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}


/* end general styles */

/* home styles v3.0 */

#homeContainer {
	margin: 0 auto;
	width: 970px;
	/*border: 1px solid #888888;*/
}

#homeHeader {
	margin: 0 auto;
	width: 970px;
	/*height: 155px;
	background: url(/media/5976/headerback.jpg) repeat-x #643877;*/
	background-color: #FFFFFF;
	padding-bottom:20px;

}

#tanBar {
	margin: 0 auto;
	width: 770px;
	height: 41px;
	background: url(/media/6334/tanback.jpg) repeat-x #d6d6ad;
}

.flashHeader {
	width: 770px;
	height: 240px;
	background: #FFFFFF;
}

.homeMainBody {
	width: 990px;
	background-image:url('/images/backgroundbar2.gif');
	background-repeat:repeat-y ;
}
.homeMainBodyhome {
	width: 990px;
	
}

.homeLeft {
	float: left;
	width: 195px;
	padding: 0px 0px 10px 0px;
	border:solid 0px #828153;
	
	color:#fff;
	margin-top:0px;
	margin-left:13px;
	
}


.secondRight {
	float: left;
	width: 769px;
	_width: 750px;
	padding: 0 0 10px 0;
	
	}
	
.homeRight {
	float: right;
	display:block;
	padding: 0 0 10px 0;
	
	}



/* end home styles */

#container {
	margin: 0 auto;
	width: 770px;
	/*border: 1px solid #888888;*/
	background: #FFFFFF url(/images/pageback.jpg) repeat-y;
}

#leftSide {
	float: left;
	width: 265px;
	padding-bottom: 15px;
}

#header {
	width: 505px;
	height: 165px;
		}
#insideHeader {
	height: 120px;
	padding: 0 0 0 5px;
	background: #FFFFFF url(/media/449/new_interiorheader.gif) no-repeat 15px 5px;
}

#ppiLogo {
	background: url(/media/1100/mainheader.gif) no-repeat 20px 5px;
	height: 166px;
	padding: 20px 10px 0 20px;
	
		}
iframe.tourIframe{
	width: 910px; 
	height: 470px; 
	border: 1px solid white;
}


#headerRight {
	float:right;
	
}

#lowerContent {
	padding: 10px 0 10px 0;
	}

#homeNav {
	float: left;
	width: 265px;
	text-align: center;
		}
#blackBar {
	background-color: #000000;
	height: 25px;
}

#mainBody {
	float: left;
	width: 505px;
	padding: 0 0 10px 0;
	}

#mainBody ul {
list-style-type: square;
/*list-style-position: outer;*/
padding: 8px 8px 10px 25px;
}


#insideMainContent {
	padding: 10px 10px 10px 20px;
	}


.welcomeBlock {
	padding: 10px 10px 20px 20px;
	background-color: #fff;
	
	}
	.welcomeBlockhome {
	
	background-color: #fff;
	
	}

#welcomeText {
	color: #FFFFFF;
	text-align: justify;
	padding: 0 0 0 0;
	height: 0px;
}

#theOffers {
	padding: 15px 0 0 0;
color: #FFFFFF;
}

#theOffers a {
	color: #FFFFFF;
	text-decoration: none;
	}

#theOffers a:hover {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}


#offerOne {
	float: left;
	width: 155px;
	background: url(/media/62/offerone.gif) no-repeat;
	color: #FFFFFF;
}



#offerTwo {
	float: left;
	width: 155px;
	background: url(/media/67/offertwo.gif) no-repeat;
	color: #FFFFFF;
}



#offerThree {
	float: left;
	width: 155px;
	background: url(/media/72/offerthree.gif) no-repeat;
	color: #FFFFFF;
}



.offerText {
	padding: 0 0 0 35px;
}

.offerHeader {
	padding: 0 0 0 35px;
	font-weight: bold;
}

#makeoverBar {
	background: url(/media/25/makeoverbar.jpg) no-repeat 10px 0px;
	height: 90px;
	padding: 0 0 10px 0;
	/*cursor: pointer;*/
	}


#makeoverBarText {
	position: relative;
	top: 75px;
	font-size: 10px;
	text-align: left;
	padding-left: 20px;
	}

#makeoverBarText a {
	color: #000000;
}

#makeoverBarText a:hover {
	color: #000000;
	text-decoration: none;
}

#videoLink {
	color: #643877;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	}

#videoLink a {
	color: #643877;
	text-decoration: none;
}

#videoLink a:hover {
	color: #643877;
	text-decoration: underline;
}


#promoTipArea {
	border-top: 2px solid #818154;
}

#promoArea {
	float:left;
	width: 320px;
	border-right: 2px solid #818154;
	}

#tipArea {
	float:right;
	width: 170px;
}

#footer {
	font-size: 9px;
	padding: 10px 8px 0 0px;
	margin-top: 10px;
	border-top: 2px solid #818154;
	color:#000000;
	}

.clearDiv {
	clear:both;
	height: 0;
}


/* main navigation styles */

ul.mainNav {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 255px;
	text-indent: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

ul.mainNav li {
	text-align: left;
	background: url(/media/419/navback.gif) repeat-x;
	padding: 4px 0 4px 0;
	margin-top: 4px;
}

ul.mainNav li a {
	border: none;
	color:#000000;
	
	
}

ul.mainNav li ul {
	text-indent: 20px;
	/*margin: 0 0 3px 0;*/
	padding: 4px 0 4px 0;

}

ul.mainNav li ul li {
	background: #818154;
	border: none;
	padding-bottom: 0px;
}

.imageLeft {
	float:left;
	padding: 0 5px 0 0;
	border: 0;
}

.imageRight {
	float:right;
	padding: 0 0 0 15px;
	border: 0;
}



.subHead {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 0;
	clear:both;
}

.shopNowBox {
	padding: 5px 0 5px 0;
	clear:both;
}

.janBarbBox {
width: 232px;
/*border: 1px solid #cccccc;*/
padding: 5px 5px 10px 5px;
margin-right: 8px;
float:left;
}

.captionBox {
width: 110px;
padding: 2px 2px 2px 2px;
font-size: 9px;
float:left;
}



/* Gallery Styles */

.galThumb {
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
	/*border: 1px solid #dddddd;*/
}

/*.galThumb:hover {
	border: 1px solid #5f3690;
}*/

#galleryList {
	padding: 10px 10px 10px 10px;
}

.imgData {
	padding: 8px 0 8px 0;
}

.essentialRow {
	padding: 5px 0 25px 0;
}

.essentialImage {
	float:left;
	padding-right: 10px;
}

.essentialText {
	float: right;
	width: 280px;
	padding-right: 15px;
}

.prePack {
	padding: 10px 0 10px 0;
	/*font-size: 11px;*/
}

.prePack a {
	color:#818154;
	text-decoration: none;
	font-weight:bold;
	font-size: 14px;
}

.prePack a:hover {
	color: #666666;
	text-decoration: underline;
	font-weight:bold;
	font-size: 14px;
}

#flashSplash {
	background-color:#5D358D;
	padding-top: 40px;
	width: 910px;
	margin: 0 auto;
	}


.smallText {
	font-size: 9px;
}

.purpleText {
	color: #643877;
}

/* GENERAL STYLES */
.Doc2Form {
	text-align: left;
	/*background: #ccc;*/
	}
.Doc2Form fieldset {
	border: none;
	text-align: left;
	/*border-bottom: 1px solid #1E3E55;*/
	margin-bottom: 5px;
	}
	
.Doc2Form legend {
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
	color: #1E3E55;
	}
	
.Doc2Form fieldset ul {
	margin: 0;
	padding: 0;
	}
	
.Doc2Form fieldset li {
	display: block;
	list-style: none;
	padding:  0;
	margin: 5px 0;
	color: #1E3E55;
	clear: both;
	/*border-top: 1px solid #1E3E55;*/
	}
.Doc2Form fieldset li span {
	}
.Doc2Form fieldset li span img {
	}

.Doc2Form fieldset li img, .Doc2Form fieldset li a {
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	font-size: 12px;
	}
.Doc2Form fieldset li label
{
	/*width: 180px;*
	width: 100%; 
	float: left; 
	font-size: 12px;
	padding-left: 10px;
	padding-top: 5px;
	}



.Doc2Form fieldset li p {
	color: #1E3E55;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	padding-left: 10px;
	}
.Doc2Form fieldset li table {
	clear: both;
	float: left;
	margin-top: 3px; 
	margin-left: 30px;
	font-size: 12px;
	margin-bottom: 3px;
	}
.Doc2Form fieldset li table input {
	float: left;
	width: 25px;
	font-size: 12px;
	/*border: 1px solid #1E3E55;*/
	margin-bottom: 3px;	
	}
.Doc2Form fieldset li table label {
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	}
.Doc2Form fieldset p {
	color: #1E3E55;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	padding-left: 10px;
	}
.Doc2Form fieldset br {
	clear: both;
	}
.Doc2Form fieldset input {
	float: left; 
	margin-top: 3px; 
	width: 200px;
	margin-left: 10px;
	font-size: 12px;
	border: 1px solid #1E3E55;
	margin-bottom: 10px;
	}
.Doc2Form fieldset textarea {
	float: left; 
	margin-top: 3px; 
	width: 200px;
	margin-left: 10px;
	font-size: 12px;
	height: 75px;
	border: 1px solid #1E3E55;
	margin-bottom: 3px;
	}
.Doc2Form fieldset select {
	float: left; 
	margin-top: 3px; 
	width: 200px;
	margin-left: 10px;
	font-size: 12px;
	border: 1px solid #1E3E55;
	margin-bottom: 10px;
	}
.Doc2Form input.button {
	height: auto;
	margin-left: 30px;
	}
.Doc2Form li.required label strong {
	font-weight: bold;
	font-style: normal;
	color: #900;
	}
li.radiobuttonlist input {
	border: none;
	width: 25px;
}


li.checkboxlist input {
	border: none;
	width: 25px;
}
/*\*//*/ .Doc2Form legend { display: inline-block; } /* IE Mac legend fix */
				















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.imageLeft {

}

.imageRight {

}

.subHead {
font-size: 12px;
font-weight: bold;
padding: 0 0 0 0;
clear:both;
}

.shopNowBox {
padding: 5px 0 5px 0;
clear:both;
}

.janBarbBox {
width: 232px;
/*border: 1px solid #cccccc;*/
padding: 5px 5px 10px 5px;
margin-right: 8px;
float:left;
}

.barbCaptionBox {
width: 110px;
padding: 2px 2px 2px 2px;
font-size: 9px;
float: right;
}

.barbBox {

}

.janCaptionBox {
width: 110px;
padding: 2px 2px 2px 2px;
font-size: 9px;
float: left;
}

.janBox {
padding-right: 5px;
}

.smallText {
font-size: 9px;
}
.greenlink:link {color:#828153;}


.maintableft {width:23px; height:40px; min-height:40px; background-image:url(/images/maintapleft.jpg); background-repeat:no-repeat;}
.maintabmiddle {text-align:center ; background-image:url(/images/maintabmiddle.jpg); background-repeat:repeat-x;}
.maintabright {width:23px; height:40px; min-height:40px; background-image:url(/images/maintapright.jpg); background-repeat:no-repeat;}
.mainnavbutton:link,.mainnavbutton:visited {font-family:Arial; font-size:11px; text-decoration:none;color:#65653f; padding:3px 0px;text-transform: uppercase;}
.mainnavbutton:hover {color:#fff}
.mainnavbuttonon:link,.mainnavbuttonon:visited {text-decoration:none; font-size:11px;color:#fff; padding:3px 0px;text-transform: uppercase;}
.mainnavbuttonon:hover {color:#CCCCCC}
.maintablefton {width:23px; height:40px; min-height:40px; background-image:url(/images/maintaplefton.jpg); background-repeat:no-repeat;}
.maintabmiddleon {text-align:center ;  background-image:url(/images/maintabmiddleon.jpg); background-repeat:repeat-x;}
.maintabrighton {width:23px; height:40px; min-height:40px; background-image:url(/images/maintaprighton.jpg); background-repeat:no-repeat;}

div.leftNavLink a, div.leftNavLink a:visited 
{
    display: block;
    text-align:left;
    background:url(/images/secondarynavbackground.jpg) top left repeat-x;
    color:#000;
    text-decoration: none;
    font-size:12px;
    font-weight:bold;
    padding: 8px 0 7px 10px;
    margin:0px;
    text-decoration:none;
}
div.leftNavLink a:hover {text-decoration: none;color:#999;background:#eadaca;}

div.leftNavLinkon a, div.leftNavLinkon a:visited 
{
    display: block;
    text-align:left;
    background:url(/images/secondarynavbackgroundon.jpg) top left repeat-x;
    color:#fff;
    text-decoration: none;
    font-size:12px;
    font-weight:bold;
    padding: 8px 0 7px 10px;
    margin:0px;
}
div.leftNavLinksub a, div.leftNavLinksub a:visited 
{
    display: block;
    text-align:left;
    /*background:url(/images/thirdnavbackground.jpg) top left repeat-x;*/
    background:#828153;
    color:#fff;
    text-decoration: none;
    font-size:12px;
    font-weight:bold;
    padding: 5px 0 3px 20px;
    margin:0px;
}
.productmenutable {margin:0px;}
div.leftNavLinksub a:hover {text-decoration: none;color:#999;background:#eadaca;}

.secondarynavbackground {}

.thirdnavbackground {text-align:center;background-image:url(/images/thirdnavbackground.jpg); background-repeat:repeat-x; height:40px; min-height:40px;}

.leftlink:link,.leftlink:visited {color:#fff; text-decoration:none;}

.productfilterbox {border:solid 1px #cfac84; background:#faf1ea;}
.productfilterbutton {border:solid 1px #faf1ea; background:#cfac84; color:#fff; padding:2px 5px; cursor:pointer;}

.moduleitem {background:#c0bf94;}
.modulediv {  vertical-align:top;}
.moduleheader {background:#828153; color:#fff; font-size:1.1em;padding:2px 5px;}
.modulecontent {padding:5px;}
.moduleimage {float:right; border:solid 1px #828153; margin:5px;}
.modulelink:link,.modulelink:visited {float:right; color:#fff; font-size:.8em}
.modulelink:hover {text-decoration:underline;}

.headernav:link,.headernav:visited {color:#828153; font-size:.9em;text-decoration:none;}
.headernav:hover {text-decoration:underline;}
.subnavcell {padding-right:10px;}

.registrationformbox {border:solid 1px #CCC; width:200px;}
.registrationformlabel {text-align:right; font-weight:bold;}
.registrationformbutton {background:#c7c47f; padding:3px 5px; border:#000; color:#fff; cursor:pointer;}



.googlesearch {font-size:10px; border:solid 1px #CCCCCC; }
.googlebox {border:solid 1px #CCC; font-size:10px;}

.productsearchcell {background:#fff; border-bottom:solid 1px #333; padding-bottom:0px;}

.designerrecommendationcell {background:#f7f7f7; border-bottom:solid 1px #333; padding-bottom:0px;}
.ProductLabel {color:#c7c47f; font-size:14px; text-transform:uppercase;}
.customframedivtabs {border:solid 1px #c7c47f; border-bottom:0px; padding:3px; margin:5px 0px 0 3px; float:left; font-size:.8em; text-transform:capitalize; background:#686755;color:#fff;}
.customframedivtabson {background:#e4e4da; border:solid 1px #c7c47f; border-bottom:0px; padding:3px; margin:5px 0px 0 3px; float:left; font-size:.8em; text-transform:capitalize; color:#666;}
.framefilterddl {background:#e4e4da; font-size:11px;}
.colorchart {height:30px;width:10px;}
.blackframelink,a.blackframelink:link,a.blackframelink:visited {font-size:0.8em; font-weight:bold;}
.selectorframeinfocell {font-weight:bold;color:#999; vertical-align:top;}
.checkoutformbox {border:solid 1px #c7c7a7}

.myaccountbox {border:solid 1px #e4e4da}
.adminnavlink {float:left; width:100px; border:solid 1px #c7c7a7;padding:3px;margin-right:2px; text-align:center;}
.tablecellbottomborder {border-bottom:solid 1px #ccc;}
.searchcell {border:solid 1px #f7f7f7;padding:5px;}
.highslide img {
	border: 2px solid gray;}

.previewframe {width: 535px; float: left;}
.previewframeinfo {display: block; float:left; width:555px; border: solid 1px #c7c47f; height: 127px; margin: 3px 0 0 0; font-size: 11px;}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: red;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(images/highslide/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(images/highslide/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
	
}


.highslide {
cursor: url(/includes/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide:link, .highslide:visited, .highslide:hover {
color: #5A592A;
text-decoration: underline;
}
.highslide-active-anchor img {visibility: hidden;}
.highslide img {border: 0px solid #4F4F4F;}
.highslide:hover img {border: 0px solid #333333;}
.highslide-wrapper {background: white;}
.highslide-image {border: 10px solid white;}
.highslide-image-blur {}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
    color: #333333;
}
.highslide-html {background-color: white;}
.highslide-html-blur {}
.highslide-html-content {position: absolute; display: none;}
.highslide-loading {
    display: block;
    color:#000000;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(/includes/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-full-expand {
background: url(/includes/highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;

}
.highslide-wrapper {background-color: white;}
.highslide-wrapper .highslide-html-content {width: 400px; padding: 5px;}
.highslide-wrapper .highslide-header div {}
.highslide-wrapper .highslide-header ul {margin: 0; padding: 0; text-align: right;}
.highslide-wrapper .highslide-header ul li {display: inline; padding-left: 1em;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}
.highslide-wrapper .highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
}
.highslide-wrapper .highslide-header a:hover {color: black;}
.highslide-wrapper .highslide-header .highslide-move a {cursor: move;}
.highslide-wrapper .highslide-footer {height: 11px;}
.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(/includes/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {}
.highslide-move {cursor: move;}
.highslide-resize {cursor: nw-resize;}

.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

-->