/*  ===== pt_category Notes =====   /
	This page has a three column layout
*/

/***********************************************/
/* Page Structure CSS                          */
/***********************************************/
/* Standard content area for 3 col layout */
#pt_subcat01 #content {
	position: relative;
	width: 585px;
	width: _580px;
	padding: 0 7px;
	_padding: 0 6px;
	height: 100%;
	margin: 0;
	background-color: #fff;
}
#pt_subcat01 div.contentBlock	{
	display: inline;
	float: left;
	clear: both;
	position: relative;
	border: 1px solid #dadada;
	width: 567px;
	padding: 8px;
	margin: 3px 0;
}
#pt_subcat01 div.subContentBlock {
	display: inline;
	float: left;
	padding: 8px;
	width: 352px;
	border: 1px solid #dadada;
	margin-right: 5px;
}

#pt_subcat01 div.subContentBlock a {
	display: block;
	font-size: 11px;
	color: #000;
}
#pt_subcat01 div.subContentBlock a:hover {
	text-decoration: none;
	color: #366BA3;
}
#pt_subcat01 div.subContentBlock a:hover .productitle {
	text-decoration: underline;
}
#pt_subcat01 div.subContentBlock .featureImage {
	display: inline;
	float: left;
	width: 190px;
}
#pt_subcat01 div.subContentBlock .featureContent {
	display: inline;
	float: right;
	clear: none;
	width: 155px;
}
#pt_subcat01 div.subContentBlock .categoryImage {
	display: inline;
	float: left;
	border: 1px solid #fff;
	width: 188px;
	height: 188px;
	padding: 1px;
	margin-right: 3px;
}
#pt_subcat01 div.subContentBlock a:hover .categoryImage {
	border: 1px solid #ddd;
}

/***********************************************/
/* Page Styling CSS                            */
/***********************************************/	
/* Styles div containing content */
#pt_subcat01 #content h2 {
	margin-bottom: 7px;
	font-family: "Century Gothic", sans-serif;
	font-size: 16px;
	color: #356aa3;
}
#pt_subcat01 #content h2 a {
	text-align: right;
	font-size: 11px;
	color: ##356aa3;
	text-decoration: underline;
	float: right;
}
#pt_subcat01 #content h2 a:hover {
	color: #444;
}
#pt_subcat01 div.gradientBtm p {
	margin-top: 3px;
}
#pt_subcat01 div.gradientBtm {
	background: url(../images/backgrounds/contentBlock_gradientBtm.jpg) repeat-x bottom left;
}
#pt_subcat01 div.gradientBtm a {
	color: #356AA3;
	/*text-decoration: underline;*/
}
#pt_subcat01 div.gradientBtm a:hover {
	color: #000;
}
#pt_subcat01 div.noBorder {
	border: none;
	padding: 0;
	width: 585px;
}
.fpspace
{
	height: 10px;
}

#pt_subcat01 .quantitylabel
{
	display: none;
}

.addToCartButton01
{
margin-top: 10px;
}

.subCat_featureAd object, .subCat_featureAd
{
	z-index: -1;
}

/* These are probably already in global, but just in case. */
.right {
	float:right;
}
.left {
	float:left;
}
/*                              								*/

.dividerA {
     width: 100%;
     height: 1px;
     line-height: 1px;
     overflow: hidden;
     background-color: #DADADA;
}
#subContainer1 {
        width: 585px;
        height: 218px;
        text-align: right;
        background-image: url("air_quality/portable_air_conditioners/portable_air_conditioner_banner.jpg?$staticlink$");
}

#subContainer1 p {
        align: right;
        padding: 6px 6px 0 0;
}
#subContainer1 #text {
        margin-top: -12px;
        text-align: right;
        max-width: 321px;
        width:expression(document.body.clientWidth > 321? "321px": "auto" ); /* IE6 */
        float:right;
        text-size: 10px;
}
#subContainer1 .headerBlue, .headerBlue {
        font: Verdana, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #356AA3;
}
#subContainer1 .headerGreen, .headerGreen {
        font: Verdana, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #699769;
}

#subContainer1 .headerGray {
        font: Century Gothic, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        color: #333;
}
.contentHeader {
        font-family: Arial, sans-seriff;
        font-size: 12px;
        font-weight: bold;
}
/*********************/
/* Promo Grid Styles */
/*********************/
.container {
	width: 585px;
}

.productGrid {
	
}

.productGrid .gridContainer {
	float: left;
	border: 1px solid #c8cfd5;
	background-image: url(../images/gridBG.gif);
	width: 185px;
	height: 250px;
	margin: 3px;
	cursor: pointer;
}

.productGrid .gridContainer .top {
	margin: 4px;
	padding-top: 4px;
	height: 100px;
}

.productGrid .gridContainer .top .topThumb {
	padding: 0;
	float: left;
	height: 100px;
}

.productGrid .gridContainer .top .stars {
	width: 72px;
	float: right;
}

.productGrid .gridContainer .top .headings {
	float: right;
	width: 72px;
}

.productGrid .gridContainer .heading1 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.productGrid .gridContainer .heading2 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #356AA3
}

.productGrid .gridContainer .title {
	padding: 1px 8px 1px 8px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	
}

.productGrid .gridContainer .description {
	margin: 3px 3px 8px 8px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

.productGrid .gridContainer .salePrice {
	padding: 0 2px 1px 4px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
}

.productGrid .gridContainer .listPrice {
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #666;
	font-weight: bold;

}

.productGrid .gridContainer .shippingDiv {
	padding-top: 2px;
}

.productGrid .gridContainer .shippingText {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #990000;
	font-weight: bold;
	line-height: 14px;
}

.shippingDiv .shippingImg {
	float: left;
	margin: 1px 1px 0 2px;
}

.shippingDiv .detailImg {
	float: right;
	padding: 2px 7px 0 9px;	
}

/***** Promo Box 01 *****/
.promoBox01 {
	background-image: url(../images/pac_promo_bg.gif);
	width: 370px;
	height: 236px;
}
.promoBox01 .promoHeader {
	padding: 6px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	height: 30px;
}
.promoBox01 .headerTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.promoBox01 .checkTitle {
	float: left;
	margin: 8px 18px 0 18px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #356AA3;
	width: 158px;
	height: 26px;
	line-height: 28px;
	background-image: url(../images/checkbox.gif);
	background-repeat: no-repeat;
}
.promoBox01 .content {
	float: left;
	display: table-cell;
	margin: 0 18px 10px 18px;
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #000;
	width: 152px;
}
.promoBox01 .left {
	float: left;
	width: 185px;
	height: 180px;
}
.promoBox01 .right {
	float: right;
	width: 185px;
	height: 180px;
}
/* IE6 Only */
* html .promoBox01 .content {
	margin: 0 4px 4px 4px;
}
* html .promoBox01 .checkTitle {
	margin: 0 4px 4px 4px;
}

/* cat grid styles */
.catRow_full {
	display: inline;
	float: left;
	width: 567px;
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	line-height: 11pt;
	border-bottom: 1px solid #dadada;
}
.catRow_full.last {
	margin-bottom: none;
	border: none;
}
.catRow_full a {
	display: inline;
	float: left;
	width: 100%;
}
.catRow_full a:hover {
	text-decoration: none;
	color: #366BA3;
}
.catRow_full a:hover .categoryTitle {
	text-decoration: underline;
}

.catRow_full .left {
	width: 48%;
	float: left;
}

.catRow_full .right {
	width: 47%;
	float: right;	
	padding-left: 12px;
	border-left: 1px solid #dadada;
}
.catRow_full .categoryImageContainer {
	float: left;
	width: 100px;
 	height: 120px;
 	margin-right: 18px;                                 
}
.catRow_full .categoryImage {
	display: inline;
	float: left;
	border: 1px solid #fff;
	width: 98px;
	height: 98px;
	padding: 1px;
	margin-right: 3px;
}
.catRow_full a:hover .categoryImage {
	border: 1px solid #ddd;
}
.categoryTitle {
	color: #000;
	font-weight: bold;
}
.categoryDetails {
	color: #666;
}
.categoryTextLink {
	color: #366BA3;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	margin-top: 5px;
	/*line-height: 24px;*/
	text-decoration: underline;
}
/* END */

/* Test styles for new content */
#textBlock {
     margin:8px;
     padding:2px;
     font: 11px sans-serif;
     color:#666;
     line-height:14px;
}
.ulDiv {
     float: left;
     margin: 0 20px 0 20px;
}
/********* Category Custom H1 Styles *********/
#categoryH1 {
	position: absolute;
	bottom: 0px;
	left: 20px;
	z-index: 1;
}
#categorySpacer {
	position: static;
	display: block;
	height: 150px;
}
/* Invodo Video Styles */
.invodoVideoCat {
	width: 533px;
	padding: 0 0 10px 52px;
	background: #F5F5F5;
	border: 1px solid #DADADA;
	border-top: none;
}
#invodoVideoBox h3 {
	margin: 16px 0 0 0;
	display: block;
	width: 585px;
	height: 40px;
	line-height: 42px;
	background: #F5F5F5;
	border: 1px solid #DADADA;
	border-bottom: none;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-indent: 16px;
	color: #346AA3;
}
#invodoVideoPlayer {
	margin: 0 auto;
}
#invodoContentBox {
	background: #FFF url();
}
.featuredProduct {
	margin: 0 0 10px 0;
	width: 585px;
}
.featuredProduct .categoryImage {
	float: left;
	margin: 10px 20px;
}
.featuredProduct .featureContent {
	float: left;
	width: 300px;
	margin: 10px 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #DADADA;
}
.featuredProduct .productTitle {
	display: block;
	font-size: 18px;
}
.featuredProduct .categoryDetails {
	display: block;
	color: #000;
	clear: both;
}
.featuredProduct .productID {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #666;
}
.featuredProduct .reviewStars {
	margin: 0 0 5px 0;
	clear: both;
	display: block;
	line-height: 16px;
}
#content .featuredProduct .featurePrice {
	font-size: 14px;
	color: #CC0000;
}
#content .featuredProduct .freeShipping2 {
	padding: 0 22px 0 0;
	font-size: 10px;
	color: #B77D3F;
	background: transparent url('../images/icons/icon_freeshipping3.gif') no-repeat right top;
	text-transform: uppercase;
}
#pt_subcat01 #content h2.clearh2 {
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
}
/* Daily Deals */
.dDivider {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 98%;
	height: 10px;
	border-bottom: 1px solid #999;	
}
.dailyDealContainer {
	
}
.dailyDealContainer .dLeft {
	float: left;
	width: 220px;
}
.dailyDealContainer .dRight {
	float: left;
	width: 346px;
	height: 286px;
}
.dailyDealContainer .dailyDealHeader {
	margin: 0 0 6px 0;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 31px;
	color: #CC0000;
}
.upcommingHeader {
	margin: 0 0 6px 0;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 22px;
	color: #CC0000;	
}
.dailyDealContainer .date {
	margin: 0 0 6px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666;
}
.dailyDealContainer .callout {
	margin: 0 0 6px 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #F7921D;
	line-height: 18px;
}
.dailyDealContainer .productName {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.dailyDealContainer .salePriceBlock {
	display: block;
	margin: 12px 0;
	font-size: 28px;
	font-weight: bold;
	color: #CC0000;
}
.dailyDealContainer .priceShipping {
	float: left;
	margin: 4px 0 0 4px;
	font-size: 11px;
	line-height: 11px;
}
.dailyDealContainer .freeShipping {
	font-size: 11px;
	font-weight: normal;	
	line-height: 11px;
}
.dailyDealContainer .addToCart {
	clear: both;
	margin: 6px 0 0 0;
}
/* Small */
.dailyDealContainerSmall {
	border-bottom: 1px solid #DADADA;	
}
.dailyDealContainerSmall .dLeftSmall {
	float: left;
	width: 130px;
	border-right: 1px solid #DADADA;
}
.dailyDealContainerSmall .dRightSmall {
	margin: 0 0 0 8px;
	float: left;
	width: 446px;
}
.dailyDealContainerSmall .dRightSmall .productDetails {
	margin: 12px 20px 0 0;	
}
.dailyDealContainerSmall .dateFuture {
	margin: 0 0 6px 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #F7921D;
}
.dailyDealContainerSmall .productNameSmall {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000;
}
