@charset "utf-8";

/* -------- Button Fix for CTGY Buttons --------  */
	.purchase-buttons-2 {padding:0;}
	.purchase-buttons-2 .contents {margin:0;}
/* -------- Button 2 --------  */
	.button-2 {-webkit-appearance:none;display:inline-block;background:#66ab04;-webkit-box-shadow:0px 1px 0px 0px #82ba31 inset, 0px 0px 0px 1px #e6e6e6;-moz-box-shadow:0px 1px 0px 0px #82ba31 inset, 0px 0px 0px 1px #e6e6e6;box-shadow:0px 1px 0px 0px #82ba31 inset, 0px 0px 0px 1px #e6e6e6;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-shadow:0px 1px 1px #497a03;padding:2px 10px;border-color:#5b9904;border-width:1px;border-style:solid;font-family:Arial, Helvetica, Sans-serif;font-size:12px;color:#ffffff;font-weight:bold;margin-left:10px;line-height:17px;cursor:pointer;}
	.button-2 {padding:2px 0;margin:0;width:100%;}
	.button-2 {text-shadow:none;line-height:20px;width:96%; margin:1px 1%; padding:3px 0; outline:none; background-color:#C1D82F; border:1px solid #AAA; color:#000;}
	.button-2:hover {text-shadow:0px 1px 1px #497a03;line-height:20px;width:96%; margin:1px 1%; padding:3px 0; outline:none; background-color:#9fb321; border:1px solid #888; color:#FFF;}
/*Adds arrows after buttons*/
	.button.arrow:after,
	.button-2.arrow:after {content:url(/images/icons/button-arrow.png);width:8px;height:10px;float:right;margin:1px 3px 0 3px;}
/*Prevents arrows after buttons in featured section
	#featured-product .button.arrow:after {content:none;width:0;height:0;float:none;margin:0;}
*/
/*Changes color of disabled buttons to grey*/
	.button:disabled, .button.disabled,
	.button-2:disabled, .button-2.disabled {
		/*background-color:#DDA;*/
		background-color:#EEE;	-webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;}
	.button:disabled:hover, .button.disabled:hover,
	.button-2:disabled:hover, .button-2.disabled:hover {color:inherit;}
	
/* -------- Group S3 - product group style used on PROD (alsobought), CTGY (new page only), BASK (alsobought) --------  */
	/* -- Group S3 Section --------  */
	.section-s3 {padding:15px;background-color:#E6E6E6;border:1px solid #BBB;border-radius:4px;}
	.section-s3 h1 {}
	.section-s3 h2 {}
	.section-s3 p {}
	/* -- Group S3 Sub-Section --------  */
	.section-s3 div.section {padding:10px;background-color:#FFF;border:1px solid #CCC;border-radius:4px;}
	.section-s3 div.section .padding{}


/* -------- Group S1 - product group style used on PROD (alsobought), CTGY (new page only), BASK (alsobought) --------  */
	/* -- Group S1 Container --------  */
	.product-group-s1 {background-color:#EEE;padding:5px;border:1px solid #DDD;border-radius:8px;}
	.product-group-s1 h1 {margin-left:6px;margin-bottom:6px;color:#555;}
	
	/* -- Group S1 Item Width --------  */
	.product-group-s1 .product-item {width:25%;}
	#category-listing.product-group-s1 .product-item {width:25%;}
	#sub-category-listing.product-group-s1 .product-item {width:20%;}
	#related-items.product-group-s1 .product-item {width:20%;}
	#alsobought-products.product-group-s1 .product-item {width:25%;}
	/* -- Group S1 Item --------  */
	.product-group-s1 .product-item {border:none; }
	.product-group-s1 .product-item .padding{padding:10px;margin:3px;height:auto;background-color:#FFF;border:1px solid #DDDDDD;-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	}
	/* -- Group S1 Item Details --------  */
	.product-group-s1 .product-item .product-name {clear:both; font-size:12px; line-height:15px; height:45px; margin:10px 0; overflow:hidden;}
	.product-group-s1 .product-item .product-code {display:block; clear:both;}
	.product-group-s1 .product-item .product-price {clear:both; font-size:12px; line-height:15px; margin-bottom:5px;}
	.product-group-s1 .product-item .product-thumbnail {width:50%;float:none; margin:0 auto;padding:0; border:none;}
	.product-group-s1 .product-item .product-thumbnail img {width:100%;margin:0 auto;float:none;}
	/* -- Group S1 Item Button*/
	.product-group-s1 .product-item .purchase-buttons {display:block;padding:0;margin:5px 0 0 0;}
	.product-group-s1 .product-item .purchase-buttons .button {display:block;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;width:98%;}
	/* -- Group S1 Hover Effect --------  */
	.product-group-s1-hover .product-item .padding{padding:5px;margin:8px;}
	.product-group-s1-hover .product-item:hover .padding{border:1px solid #AAA;outline:4px solid #BFD730;}
			
	/* -- Group S1 Description Section --------  */
	.description-s1 {background-color:#F8F8F8;padding:5px;}
	.description-s1 h1 {margin-left:6px;margin-bottom:6px;color:#555;}
	.description-s1 h2 {margin-left:6px;margin-bottom:6px;color:#555;}
	/* -- Group S1 Description Sub-Section --------  */
	.description-s1 div.container {border:none; }
	.description-s1 div.container .padding{padding:5px;height:auto;background-color:#FFF;border:1px solid #DDDDDD;-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	 -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	}
	/* -- Group S1 Section --------  */
	.section-s1 {background-color:#EEE;padding:5px;border:1px solid #DDD;border-radius:8px;}
	.section-s1 h1 {margin-left:6px;margin-bottom:6px;color:#555;}
	.section-s1 h2 {margin-left:6px;margin-bottom:6px;color:#555;}
	.section-s1 p {margin:6px;}
	/* -- Group S1 Sub-Section --------  */
	.section-s1 div.section {border:none; }
	.section-s1 div.section .padding{margin:5px;padding:5px;height:auto;background-color:#FFF;border:1px solid #DDDDDD;-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	 -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	}
	/*
		 ---
		 Group S1 - altered for pages
		 ---
	*/
	.BASK .product-group-s1 {background-color:#FFF;border:none;}
/* -------- Group S4 - product group style used on PROD (alsobought), CTGY (new page only), BASK (alsobought) --------  */
	/* -- Group S4 Container --------  */
	.product-group-s4 {background-color:#EEE;padding:5px;border:1px solid #DDD;border-radius:8px;}
	.product-group-s4 h1 {margin-left:6px;margin-bottom:6px;color:#555;}
	
	/* -- Group S4 Item Width --------  */
	.product-group-s4 .product-item {width:20%;}
	#category-listing.product-group-s4 .product-item {width:25%;}
	#sub-category-listing.product-group-s4 .product-item {width:20%;}
	#related-items.product-group-s4 .product-item {width:20%;}
	#alsobought-products.product-group-s4 .product-item {width:20%;}
	/* -- Group S4 Item --------  */
	.product-group-s4 .product-item {border:none; }
	.product-group-s4 .product-item .padding{padding:5px;margin:3px;height:auto;background-color:#FFF;border:1px solid #DDDDDD;-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	}
	/* -- Group S4 Item Details --------  */
	.product-group-s4 .product-item .product-name {font-family:Arial, Helvetica, sans-serif;	clear:none; font-size:12px; line-height:15px; height:45px; margin:10px 0; overflow:hidden;}
	.product-group-s4 .product-item .product-code {display:none;}
	.product-group-s4 .product-item .product-price {clear:none; font-size:12px; line-height:15px; margin-bottom:5px;}
	.product-group-s4 .product-item .product-thumbnail {width:40%;float:left; margin:0 auto;padding:0 5px 0 0; border:none;}
	.product-group-s4 .product-item .product-thumbnail img {width:100%;margin:0 auto;float:none;}
	/* -- Group S4 Item Button*/
	.product-group-s4 .product-item .purchase-buttons {display:block;padding:0;margin:5px 0 0 0;}
	.product-group-s4 .product-item .purchase-buttons .button {display:block;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;width:98%;}
	/* -- Group S4 Hover Effect --------  */
	.product-group-s4-hover .product-item .padding{padding:5px;margin:8px;}
	.product-group-s4-hover .product-item:hover .padding{border:1px solid #AAA;outline:4px solid #BFD730;}
			
	/* -- Group S4 Description Section --------  */
	.description-s4 {background-color:#F8F8F8;padding:5px;}
	.description-s4 h1 {margin-left:6px;margin-bottom:6px;color:#555;}
	.description-s4 h2 {margin-left:6px;margin-bottom:6px;color:#555;}
	/* -- Group S4 Description Sub-Section --------  */
	.description-s4 div.container {border:none; }
	.description-s4 div.container .padding{padding:5px;height:auto;background-color:#FFF;border:1px solid #DDDDDD;-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	 -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	}
	
	/* -- Group S4 Section --------  */
	.section-s4 {background-color:#EEE;padding:5px;border:1px solid #DDD;border-radius:8px;}
	.section-s4 h1 {margin-left:6px;margin-bottom:6px;color:#555;}
	.section-s4 h2 {margin-left:6px;margin-bottom:6px;color:#555;}
	.section-s4 p {margin:6px;}
	/* -- Group S4 Sub-Section --------  */
	.section-s4 div.section {border:none; }
	.section-s4 div.section .padding{margin:5px;padding:5px;height:auto;background-color:#FFF;border:1px solid #DDDDDD;-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	 -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	box-shadow:0px 1px 5px rgba(0,0,0,0.4), 0px 6px 8px rgba(0,0,0,0.2);	}		
		
#nav-left-toggle{border:1px solid #DDD;display:inline-block;padding:5px;margin-bottom:5px;border-radius:4px;background:#f8f8f8;}
#nav-left-toggle:hover{background:#EEE;}