/*  ===== pt_search Notes =====   /
	This page has a three column layout,
	
	Use this style sheet to put custom styles specific to the SEARCH Pages,
	identifible by the id="search" that suurounds the content.
*/

/***********************************************/
/* Page Structure CSS                          */
/***********************************************/
/* Search result width */
#pt_search #mainContentArea {
	clear: both;
	width: 735px;
	padding: 0px;
	background-color: #FFFFFF;
}
#pt_search #content {
	width: 712px;
	margin: 0px 0px 5px 10px;
}

#pt_search #content p{
	padding: 0px 0px 10px 0px;
	font-size: 11px;
}

#pt_search #content ul{
	padding: 10px;
	margin: 10px;
	list-style:square;
}

#pt_search #message{
	padding: 0px;
	margin: 0px;
}

#content #search {
	margin: 0px;
	padding: 0px; 
	display:inline;
}

.searchArea{
margin-top:0px;
margin-left:0px;
margin-right:0px;
}

#landingPage{

}
	
/***********************************************/
/* Page Styling CSS                            */
/***********************************************/	

#content #search .pagingheadline {
	clear: both;
	background-color:#f4f2f3;
	border-top:solid 1px;
	border-bottom:solid 1px;
	border-color:#ebebeb;
	height: 68px;
	padding: 0px;
	margin: 0px;
	float: left;
	width:712px;
	left:14px;
}

#content #search .leftcolumn {
	width: 295px;
	height: 100%;
	/*border: 2px solid black;*/
}

#content #search .subcategoryheadline {
	color: #996633;	
	font-family: Georgia,'Courier New',Times,serif;
	font-size: 24px;
	padding: 0px 0px 0px 20px;
	vertical-align: top;
	/*border: 2px solid black;*/
}

#content #search span.resulttext {
	font-size: 16px;
	vertical-align: middle;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	/*border: 2px solid black;*/
}

#content #search span.searchphrase {
	font-size: 16px;
	vertical-align: middle;
	font-weight: bold;
	padding: 0px 0px 0px 1px;
	color: #CC6732;
	/*border: 2px solid black;*/
}

#content #search .filteredbytext {
	clear: both;
	background-color:#f3f1f2;
	font-size: 11px;
	color: #666;	
	padding: 0px 0px 0px 20px;
	margin-top:7px;
	/*border: 2px solid black;*/	
}

.paginginfotext{
	font-weight:bold;
	color:#333;
}

#content #search .searchinformation {
	border: none;
	font-size: 11px;
	padding: 0px;
	margin: 100px 5px; }
		

#content #search .pagingheadline .totalCount {
	color: #9c5e26;
	font-weight: bold;
	display:inline;  }
	
	
a.pagingLink	 {
	color: #666666;
	font-decoration: underline;
	font-weight: bold; 
	padding: 0px 5px 0px 5px; 
	display:inline; 
}
a.pagingLink:hover{
	background-color: #df8435;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.pagingSelected{
	background-color: #df8435;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 5px 0px 5px; 
	text-decoration: none;
}
			
		
#content #search .pagingheadline select.selectSort {
	font-size: 10px;
	font-weight: bold;		
	width: 14em;
}
	
#content #search .pagingheadline select.itemsPerPage {
	font-size: 10px;
	font-weight: bold;		
	width: 5em;
}

#content #search .pagingheadline form.itemsPerPageForm {	
	display:inline;
	text-align:left;
	width: 150px;
}
	
#content #search .pagingheadline form.sortForm {	
	width: 150px;
	text-align:left;
}

/* Sets top and bottom margin around Search Results */			
#content #search .productlisting {
	padding: 15px 0px 15px 0px;
	display:block;
 }
 
#content #search .productlisting .product {
	display: inline;	
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 160px;
	height: 260px;
	overflow: hidden;
}
 
#rightColumn {
	display:none;
}
.swatches{
	text-align: center;
	height:20px;
	width: 140px;
	border-bottom:#CCCCCC solid 1px;
}

.swatches .swatch  {
	padding:0px;
	border:#000000 solid 1px;
	margin:2px;
	vertical-align:middle;
	cursor:pointer;
	height:inherit;
	height:10px;

}


.swatches .swatchselected {
	padding:1px;
	margin:1px;
	border:#f89635 solid 1px;
	vertical-align:middle;
	cursor:pointer;
	height:10px;
}

.productlistingpromotion
{
	width: 300px;
	height: 500px;
	float: left;
	padding: 35px;
}

/*********** PRODUCT DISPLAY STYLING ***********/
/*  ===== Default MINIProducts inside productlistings definition =====   /
	This is the first and most general definition of productlisting and product.
	Because the most products are listed inside a productlisting, this works as
	foundation for nearly all product displays.
*/
/* Default Products Values Styles ex: Our Price: $XXX.XX */



.productMiniReview{

float: right;
display: inline;
}

/* Default Products Container */	
.productlisting {}
/* Default Product Container */
.productlisting .product {
	margin: 0px; }
/* Default Product Images */
.productlisting .product .image .thumbnail {
	 }
.productlisting .product .image .thumbnail img {
	
}

/* Adds Enlarge Mouseover Text to Images */
.productimage{
	font-size: 11px;
	font-family: arial, verdana, sans-serif;}
.image .thumbnail .productimage img {
	border: 0; }
.image .thumbnail .productimage a {
	text-decoration: none; }
.image .thumbnail .productimage a:hover /* IE Hack for mouseover */ {
	text-decoration: none;
	color:#333333; }
.image .thumbnail .productimage img a {
	border: 0; 
	text-decoration: none; }

.image .medium .productimage img {
	border: 0;}
.image .medium .productimage img a {
	border: 0; text-decoration: none; }
/* Default Product Other */

.productlisting .product .productTypeInfo{
	/* overflow: hidden; Limits Amount of Characters allowed */
	 /* height: 70px;  Sets overflow height */
	font-weight: bold;
	font-size: 11px;
	text-align:left;
	padding:3px 0px 0px 3px;
}
.productlisting .product .productTypeInfo .customizable{
	color:#666;
	font-size:11px;
	font-weight:normal;
	padding:3px 0px 0px 3px;
}

.productlisting .product .productTypeInfo h3.name a {
	
	color:#333333;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px; 
	padding:3px 0px 0px 3px;
}
.productlisting .product .productTypeInfo h3.name a:hover {
	color:#333333;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px; 
}

.newProduct {
	color:#9c8a7a;
	font-size: 11px;
	font-weight:bold;
	text-align:left;
	padding:3px 0px 0px 3px;
}

.ecoConsious {
	color:#8aae89;
	font-weight:bold;
	font-size: 11px;
	padding:3px 0px 0px 3px;
}

.onSale {
	color:#DC7A00;
	font-weight:bold;
	font-size: 11px;
	padding:3px 0px 0px 3px;
}

.customizable a{
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration: underline;
}
.customizable a:hover {
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration: none;
}



.productlisting .product .sku {
	display: none; }
.productlisting .product .manufacturer .name {
	display: none; }
.productlisting .product .manufacturer .sku	{
	display: none; }
.productlisting .product .stockstate {
	display: none; }
.productlisting .product .stockstate .isavailable {
	font-weight: bold; }
.productlisting .product .stockstate .isnotavailable {
	font-weight: bold; }
.productlisting .product .stockstate .alternative {
	font-weight: normal; }
.productlisting .product .variations {
	display: none; }
.productlisting .product .ratings {
	margin:0px 0px 0px 3px;
	text-align: right;
	float:right;}

.productlisting .product .price {
	padding:0px 0px 0px 10px;
	text-align: left;
	float:left;}

.productlisting .product .price .value {
	color: #333333;
	font-weight: bold;}
.productlisting .product .price .standard {}
.productlisting .product .price .standard .key {
	display: inline; }
.productlisting .product .price .standard .value {
	text-decoration: line-through; }
.productlisting .product .price .information {
	text-decoration : line-through;
	font-weight: normal;	
	display: none; }
.productlisting .product .price .special {}
.productlisting .product .price .special .key {
	color: #c41b0b; }
.productlisting .product .price .special .value {
	color: #c41b0b;
	font-weight: bold; }
.productlisting .product .eco {
	color: #8aae89;
	font-weight: bold; }
.productlisting .product .sale {
	color: #8aae89;
	font-weight: bold; }
.productlisting .product .custom {
	color: #333333;
	text-decoration : underline;
	font-weight: bold; }
.productlisting .product .scaledprices {
	display: none; }
.productlisting .product .addtocart {}
.productlisting .product .addtocart .quantitybox {
	display: none; }
.productlisting .product .addtocart .quantitylabel {
	display: none; }
.productlisting .product .addtocart .addtocartbutton {
	display: none; }
.productlisting .product .compare {
	display: none; }
.productlisting .product .addtowishlist {
	display: none; }
.productlisting .product .productoptions {
	display: none; }
.productlisting .product .variations {
	display: none; }
	
/*****	Content has a special product listing from right to left
		ex: Product Search Results *****/
#content .productlisting .product {
	display: inline;	
	float: left;
	margin: 0px 2px 25px 10px;
	padding: 0px;
	width: 140px;
	height: 229px;
}

* html #content .productlisting .product {
	height: 295px;
}

/*  ===== Color Switch Style Notes =====   /
	This code creates a default table to display the products,
	as seen on the wishlist page and shopping cart
	EXAMPLE: product/scene7colorswitch_demo.isml
*/
#colorswitch {
	width: 400px;
	float: none; }
#colorswitch .image {
	float: left;
	margin: 10px; }			
#colorswitch p {
	font-size: 10px;
	text-align: justify;
	margin: 0px 10px; }
#colorswitch .colors {
	text-align: center;
	margin: 20px 10px 10px 220px; }
#colorswitch .colorbox {	
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	margin: 5px; }
#colorswitch .color1 {	}

#searchPagingCategory {
	float: left;
	width: 250 px;
	font-family: Georgia;
	color: #996633; 
	font-size: 21px;
	padding: 20px 0px 0px 18px; 	
	
}
h2 .searchCategoryH2 {
	font-family: Georgia;
	color: #996633; 
	font-size: 21px; 
	padding: 34px 0px 0px 18px; 
	margin: 0px;
	font-weight: normal;
}

#searchPaging {
	float: right;	
	overflow: hidden;
	width: 420px;
}

#searchPagingTable {
  margin: 10px;
 }
 
#searchPagingTable.secondRow{
  margin-top: 10px;
 }
 .slotDiv {
width:300px;
}

.slotContentDiv {
padding: 5px 10px 5px 22px;
}

h3.slotHeader {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #333333;
}
.slotText {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-size: 14px;
}
a.slotLink {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999999;
	font-size: 12px;
	text-decoration: none;
}
a.slotLink:hover {	
	color: #f58613; 
	text-decoration: underline; 
}