/* PUREbliss Accessories layout style 2008 */

/* page elements */

* {

	margin: 0;

	padding: 0;

}

html {

	background: #ffffff;

}

body {

	margin: 0;

	padding: 0;

}

/* DIV's */

/* functional stuff */

.floatEnder {

	clear: both;

}

.floatDivider {

	float: left;

	top: 0px;

	left: 0px;

}

/* layout DIVS */

.container {

	margin: 0px auto;

	width: 898px;

}

/* page header */

.headerArea {

	width: 898px;
	
	background: url(../images/im-pb-logo-header.jpg) no-repeat 0 0;

}

.headerTopNav {
	width: 898px;
	min-height: 39px;
}

.headerTopContent {
	padding: 18px 0px 0px 10px;
}	

.logoArea {

	float: left;

	width: 159px;

}

.shoppingBagArea {

	float: right;

	width: 739px;

}

.shoppingBagContent {

	padding: 18px 0px 0px 0px;

	text-align: right;

}

.shoppingBagImage {

	float: right;

}

/* nav area DIVS */

.navBarArea {

	width: 898px;

	background: #4da5ad;

}

.menuArea {

	float: left;

	width:725px;

}

.searchArea {

	float: right;

	width: 172px;

}

.searchAreaContent {

	text-align: right;

}

/* main area DIVS */

.mainBodyArea {

	width: 898px;

	margin: 3px 0px;

	background: url(../images/im-main-area-bkg.gif) no-repeat 0 0;

	height: auto;

}

/* left area DIVS */

.leftBodyArea {

	float: left;

	width: 725px;

	padding-right: 3px;

}

.overflowArea {

	width: 725px;

	height: 346px;

	overflow: auto;

}

.breadcrumbArea {

	width: 725px;

	height: 27px;

	background: url(../images/im-breadcrumb-bkg.gif) no-repeat;

	margin-bottom: 5px;

}

.breadcrumbContent {

	padding: 3px 0px 0px 7px;

}

.pageTitleArea {

	margin: 0px 0px 10px 8px;
	clear: both;
}

.productFloatArea {

	float: left;

	width: 154px;

	height: 154px;

	background: #eff6f7;

	margin: 0px 8px 12px 8px;

}



.colorFloatArea {

	float: left;

	width: 60px;

	height: 80px;

	margin: 0px 8px 12px 8px;

	text-align: center;

}



.colorFloatArea a:link, .colorFloatArea a:visited {

	color: #3E5C5F;

	display: block;

}

.productFloatContent, .productDetailFloatContent {

	padding: 9px;

	text-align: center;

}

.productDetailFloatArea {

	float: left;

	width: 270px;

	background: #eff6f7;

	margin: 0px 8px 12px 8px;

}

.productDetailTextFloatArea {

	float: left;

	width: 400px;

}

.productDetailTextFloatAreaContent {

	padding: 9px 0px 0px 0px;

}

.productDetailsBulletsPriceArea {

	padding-bottom: 10px;

}

.productDetailsBullets {

	float: left;

	width: 240px;
	text-align: justify;
}

.productDetailsPrice {

	float: right;

	text-align: right;

}

.productDetailsContent {

	padding-bottom: 10px;
	text-align: justify;
}

.swatchHolder {

	padding-bottom: 10px;

}

.swatchItem {

	float: left;

	width: 27px;

	padding-right: 10px;

}

.productAttributesArea {

	padding-bottom: 10px;

	clear: both;

}

.xSellContent {

	line-height: 160%;

}

/* right area DIVS */

.rightBodyArea {

	float: left;

	width: 170px;

	min-height: 404px;

	height: auto;

}

* html .rightBodyArea {

	height: 404px;

}

.rightBodyAreaContent {

	padding: 12px 9px 9px 9px;
}

.rightBodyAreaContent a.bullet {
	background: url(/images/im-right-area-arrow.gif) no-repeat right center;
	padding-right: 12px;
}

/* footer */

.footerBar {

	width: 898px;

	height: 4px;

	background: #4da5ad;

}

.footerArea {

	width: 898px;

}

.footerAreaContent {

	padding: 10px 0px;

	text-align: center;

}



#swatchHolder {

	padding-bottom: 10px;

	clear: both;

}



#swatchItem {

	width: 27px;

	padding-right: 10px;

	float: left;

}



#swatchImage {

	background-color: white;

	position: absolute;

	margin-top: -128px;

}



#swatchImage div {

	padding: 5px;

}



#swatchImage span {

	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

	display: block;

}



#swatchImg {

	border: 1px solid black;

}

div.product-image {
	border: 1px solid #c1d5d7;
	margin-bottom: 4px;
	background-color: white;
}

/* @group rightSpecials */

.rightBodyAreaContent div.rightSpecial {
	background-color: #EFF6F7;
	text-align:center;
	padding: 10px 0;
}

.rightBodyAreaContent div.rightSpecial h2 a:link, .rightBodyAreaContent div.rightSpecial h2 a:visited {
	color:#3E5C5F;
	font-weight: bold;
}

.rightBodyAreaContent div.rightSpecial p.image {
	background-color:white;
	border:1px solid #C1D5D7;
	height:75px;
	margin-bottom:4px;
	width:130px;
	margin-right: 10px;
	margin-left: 10px;
}

.rightBodyAreaContent div.rightSpecial h2 {
	float: none;
	color:#3E5C5F;
}

.rightBodyAreaContent div.rightSpecial p {
	color:#3E5C5F;
}

.rightBodyAreaContent div.rightSpecial p s {
	color: gray;
}

div.rightBodyAreaContent div.floatEnter {
	line-height: 6px;
}

/* @end */