/***************************************************************
Style Sheet for PlasticPerfection.com

Copyright 2007 by Sebo Marketing, All Rights Reserved
***************************************************************/



/***************************************************************
Default Blob Styles
***************************************************************/
.blobDefault {
	margin-bottom:12px;
}
.blobDefault h2 {
	font-size:130%;
	text-align:center;
	color:#fff;
}



.testimonial {
	margin-bottom:.5em;
	padding:6px;
	border:1px solid #ccc;
	background:#faf9dd;
}



.blobTestimonial {
	margin-bottom:12px;
}
.blobTestimonial .topLeft {
	height:12px;
	background: url('/images-layout/blob-style-2-top.gif') top left no-repeat #ddd;
}
.blobTestimonial .topRight {
	font-size:0px;
}
.blobTestimonial .blobBody {
	padding:0 3px;
	background-color:#ddd;
}
.blobTestimonial .blobBody p {
	margin:0 1%;
	width:96%;
}
.blobTestimonial .blobBody h2 {
	font-size:130%;
	text-align:center;
	color:#000;
}
.blobTestimonial .bottomLeft {
	height:12px;
	background: url('/images-layout/blob-style-2-bottom.gif') bottom left no-repeat #ddd;
}
.blobTestimonial .bottomRight {
	font-size:0px;
}



.blobImage {
	margin-bottom:12px;
	text-align:center;
}
.blobImage h2 {
	font-size:130%;
	text-align:center;
	color:#fff;
}



/*--------------- Left Navigation Style --------------------*/
.blobStyle1 {
	margin-bottom:12px;
}
.blobStyle1 .topLeft {
	background: url('/images-layout/blob-style-1-top.gif') top left no-repeat #686868;
}
.blobStyle1 .topRight {
	width:100%;
}
.blobStyle1 .topRight h2 {
	margin:0;
	padding:.4em 0;
	text-align:center;
	font-size:140%;
	font-weight:normal;
	color:#fff;
}
.blobStyle1 .blobBody {
	padding:1px 0 0 0;
	
	/* IE7 follows at least one standard; but unless we set this, the gradient looks funny. */
	min-height:100px;
	/* IE6 Mumbo-jumbo */
	height:auto !important;
	height:100px;
	
	background: url('/images-layout/blob-style-1-bg.gif') top left repeat-x #191919;
}
.blobStyle1 .bottomLeft {
	height:15px;
	background: url('/images-layout/blob-style-1-bottom.gif') bottom left no-repeat #191919;
}
.blobStyle1 .bottomRight {

}



/***************************************************************
Custom Blob Styles
***************************************************************/
.blobStyle2 {
	margin-bottom:12px;
}
.blobStyle2 .topLeft {
	height:12px;
	background: url('/images-layout/blob-style-2-top.gif') top left no-repeat #ddd;
}
.blobStyle2 .topRight {
	font-size:0px;
}
.blobStyle2 .blobBody {
	padding:0 5px;
	background-color:#ddd;
}
.blobStyle2 .blobBody h2 {
	font-size:130%;
	text-align:center;
	color:#000;
}
.blobStyle2 .bottomLeft {
	height:12px;
	background: url('/images-layout/blob-style-2-bottom.gif') bottom left no-repeat #ddd;
}
.blobStyle2 .bottomRight {
	font-size:0px;
}



.blobBuy1 {
	position:relative;
	margin:0 0 6px 0;
	padding:0;
	height:100%;
	background:url('/images-layout/black-border-left.gif') top left repeat-y;
}
.blobBuy1 .topLeft {
	background:url('/images-layout/black-border-top-left.gif') top left no-repeat;
}
.blobBuy1 .topRight {
	height:16px;
	background:url('/images-layout/black-border-top-right.gif') top right no-repeat;
}
.blobBuy1 .blobBody {
	padding:0 15px 0 212px;
	
	/* IE7 follows at least one standard; but unless we set this, the gradient looks funny. */
	min-height:150px;
	/* IE6 Mumbo-jumbo */
	height:auto !important;
	height:150px;
	
	text-align:center;
	background:url('/images-layout/black-border-right.gif') top right repeat-y;
}
.blobBuy1 .blobBody h2 {
	font-size:130%;
}
.blobBuy1 p {
	margin-bottom:.5em;
}
.blobBuy1 .productImage {
	position:absolute;
	top:15px;
	left:6px;
}
.blobBuy1 .purchase {
	margin-bottom:.5em;
}
.blobBuy1 .purchase .price {
	padding-right:15px;
	font-size:110%;
	
	background: url('/images-layout/star-burst.gif') 100% 4px no-repeat;
}
.blobBuy1 .buttons {
	margin:0 15px 10px 15px;
	height:32px;
}
.blobBuy1 .buttons fieldset {
	float:left;
	margin:0;
	padding:0;
}
.blobBuy1 .buttons img {
	display:none;
}
.blobBuy1 .buttons .buttonStyle1 {
	display:inline;
	float:left;
	margin:0 14px;
}
.blobBuy1 .buttons input.buttonStyle1_ie6hover {
	display:inline;
	float:left;
	margin:0 14px;
	padding-bottom:2px;
	
	font-family:arial, helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
.blobBuy1 .credibility {
	clear:both;
	text-align:center;
}
.blobBuy1 .credibility p {
	margin-bottom:8px;
	font-size:85%;
}
.blobBuy1 .bottomLeft {
	background:url('/images-layout/black-border-bottom-left.gif') bottom left no-repeat;
}
.blobBuy1 .bottomRight {
	height:21px;
	background:url('/images-layout/black-border-bottom-right.gif') bottom right no-repeat;
}



.blobSummary {
	position:relative;
	margin:0 0 6px 0;
	padding:0;
	background:url('/images-layout/black-border-left.gif') top left repeat-y;
}
.blobSummary .topLeft {
	background:url('/images-layout/black-border-top-left.gif') top left no-repeat;
}
.blobSummary .topRight {
	height:16px;
	background:url('/images-layout/black-border-top-right.gif') top right no-repeat;
}
.blobSummary .blobBody {
	padding:0 15px 0 212px;
	
	/* IE7 follows at least one standard; but unless we set this, the gradient looks funny. */
	min-height:150px;
	/* IE6 Mumbo-jumbo */
	height:auto !important;
	height:150px;
	
	background:url('/images-layout/black-border-right.gif') top right repeat-y;
}
.blobSummary .blobBody2 {
	padding:0 15px 0 212px;
	
	/* IE7 follows at least one standard; but unless we set this, the gradient looks funny. */
	min-height:90px;
	/* IE6 Mumbo-jumbo */
	height:auto !important;
	height:90px;
	
	background:url('/images-layout/black-border-right.gif') top right repeat-y;
}
.blobSummary .blobBody h2 a:link, .blobSummary .blobBody h2 a:visited {
	text-decoration:none;
	color:#000;
}
.blobSummary .blobBody h2 a:hover, .blobSummary .blobBody h2 a:active {
	text-decoration:underline;
	color:#000;
}
.blobSummary .productImage {
	position:absolute;
	top:15px;
	left:6px;
}
.blobSummary .purchase .price {
	padding-right:15px;
	font-size:110%;
	
	background: url('/images-layout/star-burst.gif') 100% 4px no-repeat;
}
.blobSummary .buttons {
	margin:0;
	height:32px;
}
.blobSummary .buttons fieldset {
	float:left;
	margin:0;
	padding:0;
}
.blobSummary .buttons img {
	display:none;
}
.blobSummary .buttons .buttonStyle1 {
	display:inline;
	float:left;
	margin:0 5px 0 0;
}
.blobSummary .buttons input.buttonStyle1_ie6hover {
	display:inline;
	float:left;
	margin:0 5px 0 0;
	padding-bottom:2px;
	
	font-family:arial, helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
.blobSummary .bottomLeft {
	clear:both;
	background:url('/images-layout/black-border-bottom-left.gif') bottom left no-repeat;
}
.blobSummary .bottomRight {
	height:21px;
	background:url('/images-layout/black-border-bottom-right.gif') bottom right no-repeat;
}



/*--------------- Home Sections --------------------*/
#homeSection1, #homeSection2, #homeSection3 {
	float:left;
	width:33%;
	text-align:center;
	border-right:1px solid #000;
}

#homeSection3 {
	border-right:none;
}

#homeSection1 h1, #homeSection2 h1, #homeSection3 h1 {
	margin-bottom:4px;
}
#homeSection1 img, #homeSection2 img, #homeSection3 img {
	margin-bottom:4px;
}
#homeSection1 p, #homeSection2 p, #homeSection3 p {
	margin:4px 0;
	font-size:120%;
}
#homeSection1 .buttonStyle1, #homeSection2 .buttonStyle1, #homeSection3 .buttonStyle1 {
	float:none;
	margin:0 auto;
}