@charset "utf-8";
/* ======================================================================================= */
/* ======================================================================================= */
/* #######################################################################################
   
   PRODUCTS STYLES:
	
	- Pager & Sort by
	- Category List
	- Product Page
	- Customizer Specific Items
	
   ####################################################################################### */
/* ======================================================================================= */
/* ======================================================================================= */





/* PRODUCT: PAGER & SORT BY =============================================================== */

  /*Pager -------------------------------------*/
  table.pager {
	  clear: both;
	  float: left;
	  padding: 10px 0;
	  width: 60%;	
  }
	/*Page*/
	.pager .pages { margin:0 135px; }
	  .pager .pages ol { display:inline; padding: 0px; }
	  .pager .pages li { display:inline; }
	  .pager .pages .current { }
	
	  .pager .amount { float:left; }
	  .pager .limiter { float:right; }
	  
	/*Show how many per page*/
	.a-right { text-align: right !important; }
	.a-left { text-align: right !important; }
	.a-center { text-align: center; }
	  .a-center a {
		  float: left;
		  padding: 4px 8px;
		  margin-right: 3px;
		  text-decoration: none;
	  }
  
  
  /*Sort By -------------------------------------*/
  table.view-by { float: right; padding: 10px 0; }
	
	/*Sorter*/
	.sorter {
		border:1px solid #ddd;
		padding:5px;
		margin:5px 0;
	}
	  .sorter .view-mode { float:left; }
	  .sorter .sort-by { float:right; }
	  .sorter .link-feed { }

/* ======================================================================================= */





/* CATEGORY: LISTING ===================================================================== */

.catalog-listing {   }


.listing-type-list { clear: both; padding: 5px 0; }

.splash-wrapper .listing-item,
.listing-type-list .listing-item {
	clear: both;
	padding: 20px 0;
	border-top: 1px dotted #CCCCCC;
}
	
	  /*Product Image*/
	  .listing-type-list .product-image {
		  float: left;
		  width: 225px;
		  text-align: center;
	  }
		.listing-type-list .product-image a {}
		.listing-type-list .product-image a img {}
				
	  /*PRODUCT NAME AND INFO*/
	  .listing-type-list .product-shop {
		  float: left;
		  font-size: 11px;
		  width: 445px;
	  }
		.listing-type-list .product-shop h5 {
			color: #736357;
			font-size: 18px;
			font-weight: normal;
			text-decoration: none;
			margin: 0px;
			padding: 4px 0;
		}
		.listing-type-list .product-shop h5 a { text-decoration: none; }
		.listing-type-list .product-shop h5 a:hover { text-decoration: underline; }
		
		.listing-type-list .description {
			font-size: 11px;
			padding: 6px 0 8px;
		}
		.listing-type-list .product-buttons {
			height: 39px;
			line-height: 39px;
			font-size: 10px;
			width: 287px;
		}
		
		.listing-type-list .product-buttons .startingAtTxt {
		  float: left;
		  padding: 0 4px;
		}
		.listing-type-list .product-buttons .price-box {
			float: left;
			padding: 0 10px 0 4px;
			font-size: 10px;
		}
		.listing-type-list .product-buttons .price-box .price, .price-box .price {
			font-size: 18px;
			color: #4f77b0;
		}
		.listing-type-list .product-buttons a.blkBtn {
			background: url(../images/buttons/button.png) repeat-x top left;
			float: left;
			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 26px;
			height: 26px;
			margin: 7px 2px;
			padding: 0 23px 0 23px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
		}
		.listing-type-list .product-buttons a.blkBtn:hover { background-position: bottom left;}
			
			/**
			*TODO: Remove this in phtml
			*/
			.listing-type-list .product-buttons a.orangeBtn { display: none; }
		
		/*Add to Wishlist*/
		.listing-type-list .add-to {}
		  .listing-type-list .add-to a {}
		  .listing-type-list .add-to .pipe {}


	/*Category GRID - NEW PRoducts*/
	.cms-new-products .col-main .recently {
	
	}
	table.recently-list { width: 670px; }
	table.recently-list td {
		width: 18%;
		padding: 0 5px 20px;
		text-align: center;
		vertical-align: top;
	}
	table.recently-list td div img { 
	border: 1px solid #ccc;
	padding: 5px; 
	}
	table.recently-list td .product-name {
	}
	table.recently-list td button, 
	table.recently-list td .add-to, 
	table.recently-list td .price-box { display: none !important; }

/* ======================================================================================= */





/* PRODUCT: PAGE ========================================================================= */

.catalog-product-view .messages_product_view { }

.catalog-product-view .product-info-box { 
padding: 20px 8px 30px; 
}

.catalog-product-view .product-essential { }

.catalog-product-view .product-essential form { display: inline; }

/* PRODUCT IMAGE - IMAGE ZOOM - IMAGE THUMBNAILS */

.catalog-product-view .product-img-box {
	float:left;
	width: 300px;
}

.catalog-product-view .product-img-box p {
	margin: 0px;
	padding: 0px;
}

.catalog-product-view .product-img-box p img {
	left: 0;
	top: 0;
	border: 1px solid #ccc;
	text-align: center;
}

.catalog-product-view .product-img-box #track_hint {
	display: block !important;
	color:#B9A87D;
	font-size:10px;
	line-height:normal;
	padding: 0px 0 8px;
	text-align:center;
}

/* #### ZOOM ##### */ 

  .catalog-product-view .product-img-box .image-zoom {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display: block !important;
	background:transparent url(http://dev-spm.establishwebdesign.com/skin/frontend/default/default/images/slider_bg.gif) repeat-x scroll 50% 50%;
	cursor:pointer;
	height:18px;
	margin:0 auto 13px;
	padding:0 28px;
	position:relative;
	z-index:9;
}

/* ZOOM OUT */

  .catalog-product-view .product-img-box .btn-zoom-out {
	left: 0;
	position: absolute;
	top: 0;
	border: 0px;
}

/* ZOOM TRACK */

  .catalog-product-view .product-img-box #track {
	height: 18px;
	position: relative;
}

.catalog-product-view .product-img-box #track #handle {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(http://dev-spm.establishwebdesign.com/skin/frontend/default/default/images/magnifier_handle.gif) no-repeat scroll 0 0;
	height:25px;
	left:0;
	position:absolute;
	top:-1px;
	width:9px;
}

/* ZOOM IN */

  .catalog-product-view .product-img-box .btn-zoom-in {
	right: 0;
	position: absolute;
	top: 0;
	border: 0px;
}

/* MORE PRODUCT PICTURE VIEWS */

	.catalog-product-view .product-img-box .more-views { padding-top:5px; }

.product-img-box img { 
	border: 1px solid #ccc;
	padding: 15px;
}
.product-img-box img:hover { 
}
.catalog-product-view .product-img-box .more-views h4 { 
	margin: 0 0 15px 0;
	padding: 0px;
	text-transform: uppercase;
}

.catalog-product-view .product-img-box .more-views ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.catalog-product-view .product-img-box .more-views li {
	float:left;
	display: block;
	padding:1px;
	margin:0 6px 8px 0px;
}

.catalog-product-view .product-img-box .more-views li img { 
border: 1px solid #ccc;
padding: 5px; 
}
.catalog-product-view .product-img-box .more-views li img:hover { border: 1px solid #73A7D4; }


/* ########## Product Shop ################# */
.catalog-product-view .product-shop {
	float:right;
	width: 340px;
}
  .catalog-product-view h2.product-name { 
	  margin: 0 0 15px 0;
	  padding: 0px;
	  text-transform: uppercase;
  }
	.catalog-product-view .product-name {
		color:#73A7D4;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size: 18px;
		line-height:normal;
	}
  
  .catalog-product-view .addthis-button { display: none; }
  
  .catalog-product-view .email-a-friend { display: none; }
  
  .catalog-product-view .product-reviews p {
	  display: block;
	  margin: 0 0 10px 0;
	  padding: 0px;
  }
  	.catalog-product-view .product-reviews a {	
	}
  .catalog-product-view .availability {
	  font-size: 1.09em;
	  color: #999;
  }
  .catalog-product-view .price-box {
	  float: left;
	  margin-right: 30px;
	  margin-top: 0;
  }
  
  
  /*Customize & order*/
  .catalog-product-view .product-shop fieldset.add-to-cart {
	border: none !important;
	margin: 0 !important;
	padding: 4px 0px !important;
  }
  
 .catalog-product-view .product-shop h4 { padding: 6px 0px; } 
  
  

  .divider {
	  clear: both;
  }
  .catalog-product-view h4 {
		margin: 0;
		padding: 6px 0;
		text-transform: uppercase;
  }
	.catalog-product-view .short-description h4 {
		font-family: Arial, Helvetica, sans-serif;
		text-transform:;
		color:#85A030;
	}
  
  .catalog-product-view .short-description {
		margin: 0 0 1em;
		padding: 0;
		
  }



/* ########## PRODUCT COLLATERAL ########### */


.product-collateral {
	margin: 20px 0 0 0;
}
	.collateral-box {
		border-top: 1px #ebebeb dashed;
		padding: 20px 0;
	}
		.collateral-box .collateral-box {
			border: none;
		}
		.head { }
		.border-creator {
			
		}
/*		.border-creator .narrow-by { padding: 0px !important; }
		.border-creator .narrow-by h4 { 
		color: #e1e1e1 !important;
		font-size: 10px !important;
		font-weight: normal !important;
		padding: 8px 10px !important;
		}*/
		.product-specs {
			padding: 8px 0;
		}
		.attribute-specs {
			
		}
			.attribute-specs table {   }
			    .attribute-specs tr {   }
					.attribute-specs first {   }
					.attribute-specs even {   }
					.attribute-specs odd {   }
					.attribute-specs last {   }
				.attribute-specs td {   }
		.collateral-box h5 {
			margin: 0;
			padding: 4px 0;
		}
		.add-tag-box {
			
		}
			.add-tag-box  .input-box {
				float: left;
				margin: 0 5px 10px ;
				width: 550px;
			}
				.add-tag-box  .input-box input {
					width: 550px;	
				}
			.add-tag-box .input-box {
					
			}
			.add-tag-box fieldset {
				/*margin: 0; */
				padding: 0px;
				width: 100px;  
				}
			.add-tag-box .form-button-alt {   }
				.add-tag-box .form-button-alt span {   }




.catalog-product-view .product-shop .ratings {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

.catalog-product-view .product-shop .ratings .rating-box {
	float:left;
	margin-bottom:0;
}

.catalog-product-view .product-shop .ratings .rating-links {
	float:left;
	padding-top:7px;
	font-size:1.09em;
	padding-left:35px;
}

.catalog-product-view .product-shop .ratings .rating-links a { display:inline; }

.catalog-product-view .product-shop .ratings .rating-links .separator {
	display:inline;
	padding:0 3px;
}

.catalog-product-view .product-shop .ratings .rating-links a.last { color:#DF5B12; }

.catalog-product-view .product-shop .product-pricing {
	width:100%;
	overflow:hidden;
}
.catalog-product-view .product-shop .product-pricing {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px dashed #ebebeb;
	border-bottom: 1px dashed #ebebeb;
}
	.catalog-product-view .product-shop .product-pricing li {
		background:#f6f6f6;
		padding:4px 8px 4px 16px;
		margin-bottom:3px;
	}
	  .catalog-product-view .product-shop .product-pricing li:hover { background:#e1e1e1; }

.catalog-product-view .product-shop .product-pricing .price {
	font-size:1em;
	font-weight:normal;
	color:#DF5B12;
	text-decoration:underline;
}

.catalog-product-view .product-shop .product-pricing .benefit { color:#DF5B12; }

.catalog-product-view .product-shop .price-box { float:left; }

.catalog-product-view .product-shop .add-to-box .add-to-cart { margin-top:3px; }

.catalog-product-view .product-shop .add-to-box .add-to-cart label { margin-top:3px; }

.catalog-product-view .product-shop .add-to-box .add-to-cart input {
	width:42px;
	margin-right:25px;
	margin-top:2px;
}


/* ADD TO WISH LIST and COMPARE */

	.catalog-product-view .add-to-box {
	  list-style-type: none;
	  margin: 0px;
	  padding: 0px;
	}
	  .catalog-product-view .add-to-box li {
		  display: block;
		  float: left;
		  padding: 10px 0;
	  }
		.catalog-product-view .add-to-box li .pipe { margin: 0 3px 0 7px; }
		.catalog-product-view .add-to-box li a {  }
			.catalog-product-view .add-to-box li a:hover { }

/* ################# NOT USED #################### */



.product-options { display: none; }

.product-options-bottom { display: none; }

/* Rating */



.ratings { }

.ratings .amount { }

.ratings .rating-links { padding-top:5px; }

.ratings .rating-links a {
	display:block;
	font-size:0.91em;
	color:#5F5E53;
}

.ratings .rating-links .separator { display:none; }

.ratings dt { }

.ratings dd { }

.rating-box {
	width:83px;
	height:14px;
	margin:0;
	font-size:0;
	line-height:0;
	background:url(../images/product_rating_blank_star.gif) 0 0 repeat-x;
	position:relative;
	overflow:hidden;
}

.rating-box .rating {
	position:absolute;
	top:0;
	left:0;
	height:14px;
	background:url(../images/product_rating_full_star.gif) 0 100% repeat-x;
}

.catalog-product-view .rating-box { margin:10px 0; }

.catalog-product-view .catalog-product-view .main-block .corner { padding:8px 22px 11px 10px; }

/********** < Product Prices */




/* ########################### CUSTOMIZER 2 CSS ###################################### */
.ui-dialog .ui-dialog-titlebar {   
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #8e8e8e;
}


.ui-dialog .ui-dialog-content { 
  font-family: Arial, Helvetica, sans-serif;
  color: #8e8e8e;
  background: url(../images/img_customizer/backgrounds/czr_dialog_background.gif) no-repeat bottom left;
  border: 2px solid #c4c4c4;
  margin: 4px 0 0;
  padding: 20px 40px;
}
.ui-dialog .ui-dialog-content a {


}
.ui-dialog-content .czrsInstructions {
	float: left;
	font-size: 18px !important;
	text-transform: uppercase;
	width: 325px;
}
		.ui-dialog .ui-dialog-content .czr-prodColor-dialog .czrsInstructions,
		.ui-dialog .ui-dialog-content .czr-preview-dialog .czrsInstructions {
			width: 500px;
		}
		.ui-dialog .ui-dialog-content .czr-ink-dialog .czrsInstructions{
			width: 700px;
		}
  .ui-dialog-content .czrsInstructions span {
	  color: #284a91;
  }
  .ui-dialog-content .czrsInstructions span.lightblue{ color: #2d98d4;}
  .ui-dialog-content .czrsInstructions .czrsInstructions-small {
	font-size: 12px !important;
	color: #8e8e8e;
  }


.ui-dialog .ui-dialog-content .czrDialogButtons {
	float: right;
	padding: 10px 0 0;
	position: relative;
	top: 10px;
	width: 211px;
}
.ui-dialog .ui-dialog-content .czr-prodColor-dialog .czrDialogButtons,
.ui-dialog .ui-dialog-content .czr-ink-dialog .czrDialogButtons {
	float: none;
	width: 500px;
}

.ui-dialog .ui-dialog-content .czrsButton {
	float: right;	
}
.ui-dialog .ui-dialog-content .czrsButton span { display: none; }


.ui-dialog .ui-dialog-content #czrFullColor,
.ui-dialog .ui-dialog-content #czrSpotColor,
.ui-dialog .ui-dialog-content #czrUploadImage,
.ui-dialog .ui-dialog-content #czrSelectLibrary {
	display: block;
	margin: 0 0 6px;
	height: 95px;
	width: 211px;
	clear: right;
}


.ui-dialog .ui-dialog-content #czrFullColor {
	background: url(../images/img_customizer/buttons/czr_dialog_full_color.gif) no-repeat top left;
	}
.ui-dialog .ui-dialog-content #czrSpotColor {
	background: url(../images/img_customizer/buttons/czr_dialog_single_color.gif) no-repeat top left;
	}
.ui-dialog .ui-dialog-content #czrUploadImage {
	background: url(../images/img_customizer/buttons/czr_dialog_upload_image.gif) no-repeat top left;
	}
.ui-dialog .ui-dialog-content #czrSelectLibrary {
	background: url(../images/img_customizer/buttons/czr_dialog_add_graphic.gif) no-repeat top left;
	}
	
  .ui-dialog .ui-dialog-content #czrFullColor:hover,
  .ui-dialog .ui-dialog-content #czrSpotColor:hover,
  .ui-dialog .ui-dialog-content #czrUploadImage:hover,
  .ui-dialog .ui-dialog-content #czrSelectLibrary:hover {
	  background-position: bottom left;
  		}



.ui-dialog .ui-dialog-content .czrsHelp {
	float: right;
	position: absolute;
	text-decoration: none;
	top: 275px; right: 50px;
}
  .ui-dialog .ui-dialog-content .czrsHelp:hover {
	  text-decoration: underline;
  }
.ui-dialog .ui-dialog-content .moreInfo {
	margin-top: 30px;
	border: 1px solid #ccc;
	background: #ebebeb;
	padding: 10px;
	color: #464646;
	font-size: 11px;
}
	.ui-dialog .ui-dialog-content .moreInfo-left { float: left; width: 46%; }
	.ui-dialog .ui-dialog-content .moreInfo-right { float: right; width: 46%; }
	.ui-dialog .ui-dialog-content .moreInfo p {
		padding: 0px 0px 8px;
		line-height: 18px;
	}
	/*Product Color*/
	.ui-dialog .ui-dialog-content .czr-prodColor-dialog .czrsProductColor {
 		margin: 0px; 
		padding: 0px; 
		list-style-type: none;
		width: 500px;
 	}
	/*Ink Color*/
	.ui-dialog .ui-dialog-content #czr-ink-colors {
 		margin: 0px; 
		padding: 0px; 
		list-style-type: none;
		width: 860px;
 	}
	
	.ui-dialog .ui-dialog-content .czrsProductColor li a,
	.ui-dialog .ui-dialog-content #czr-ink-colors li { 
		background: url(../images/img_customizer/buttons/czr_dialog_small_button.gif) no-repeat top left;
		color: #8e8e8e;
		display: block;
		margin: 0 0 6px;
		height: 34px;
		width: 211px;
		text-decoration: none;
		line-height: 30px;
	}
	.ui-dialog .ui-dialog-content .czr-prodColor-dialog .czrsProductColor li,
	.ui-dialog .ui-dialog-content .czr-ink-dialog #czr-ink-colors li {
		float: left;
		margin: 0 4px 6px 0;
	}
		.ui-dialog .ui-dialog-content .czrsProductColor li a:hover,
		.ui-dialog .ui-dialog-content #czr-ink-colors li:hover { 
			background-position: bottom;
			color: #fff;
		}
		.ui-dialog .ui-dialog-content .czrsProductColor li a span,
		.ui-dialog .ui-dialog-content #czr-ink-colors li input,
		.ui-dialog .ui-dialog-content #czr-ink-colors li span {
			display: block;
			float: left;
			height: 15px;
			width: 15px;
			margin: 8px 10px; 
		}
		.ui-dialog .ui-dialog-content #czr-ink-colors li input {
			display: block;
			float: left;
			height: 15px;
			width: 15px;
			margin: 8px 0px 8px 10px; 
		}		
		
		/*INK COLOR*/
		
		input#czr-ink-colors-next {
			clear: both;
			position: relative;
			left: 350px;
			margin: 8px 0;
		}
		
		/*PREVIEW - ADD TO CART*/
		.ui-dialog .ui-dialog-content .czr-preview-dialog {
		}
		.ui-dialog .ui-dialog-content .czr-preview-dialog .error {
			color: red;
			float: left;
			height: 14px;
			position: absolute;
			top: 145px; left: 404px;
			width: 150px;
		}
		.ui-dialog .ui-dialog-content .czrs-add-to-cart-preview {
			/*background: url(../images/img_customizer/backgrounds/czr_dialog_preview_bg.gif) no-repeat top left;*/
			height: 250px;;
			position: absolute;
			top: 102px; left: 44px;
			width: 355px; 
		}
		.ui-dialog .ui-dialog-content .czrs-add-to-cart-preview .czrs-preview-img-wrapper {
			/*background: #EAEAEA;*/
			text-align: center;
			width: 355px;
			height: 250px;
		}
		.ui-dialog .ui-dialog-content .czrs-add-to-cart-preview-txt {
			font-size: 9px;
			margin: 5px 0 0;
		}
		.ui-dialog .ui-dialog-content .czrs-select-qty {
			position: absolute;
			top: 147px; left: 420px;
			width: 190px;
		}
		.ui-dialog .ui-dialog-content #czr-add-to-cart-submit {
			background: url(../images/img_customizer/buttons/czr_dialog_addtocart.gif) no-repeat top left;
			border: none;
			position: absolute;
			top: 212px; left: 410px;
			width: 173px; height: 54px;
		}
		.ui-dialog .ui-dialog-content #czr-add-to-cart-submit:hover {
			background-position: bottom left;
			cursor: pointer;
		}