/* -- Copyright © 2017 Gammill, Inc. All Rights Reserved -- */

	/* Primary Buttons */

		/* Default Button */
		.default_button {
			display: inline-block; cursor: pointer; color: #fff !important; 
			text-decoration:none; vertical-align: middle; text-align:left; 
			background-repeat: no-repeat; background-position: 5px 50%; background-color:#7b172c; 
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; font-size: 16px; 
			font-weight: bold; letter-spacing: 1px;border: 1px solid #000; border-radius : 5px; overflow: none; }
		.default_button:hover{background-color:#A02B43; color: #fff;}

		/* Blue */
		.default_button_blue {
			display: inline-block; cursor: pointer;
			color: #F7F9FF !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#17377e;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_blue:hover{background-color:#BCD9F9; color: #000 !important;}

		/* Construction */
		.default_button_construction {
			display: inline-block; cursor: pointer;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#FFB455;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_construction:hover{background-color:#FFCE90; color: #000 !important;}

		/* Purple */
		.default_button_purple {
			display: inline-block; cursor: pointer;
			color: #FBF9FF !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#6746B8;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_purple:hover{background-color:#B8A9F5; color: #000 !important;}

		/* Purple */
		.default_button_purple_soft {
			display: inline-block; cursor: pointer;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#B8A9F5;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_purple_soft:hover{background-color:#6746B8; color: #FBF9FF !important;}

		/* Green */
		.default_button_green {
			display: inline-block; cursor: pointer;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#A9F5BC;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_green:hover{background-color:#04B431; color: #000 !important;}

		/* Grey */
		.default_button_grey {
			display: inline-block; cursor: pointer;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#E9E9E9;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_grey:hover{background-color:#B1B1B1; color: #000 !important;}

		/* Soft Blue */
		.default_button_blue_soft {
			display: inline-block; cursor: pointer;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#BCD9F9;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_blue_soft:hover{background-color:#8DBDF3; }

		/* Red */
		.default_button_red {
			display: inline-block; cursor: pointer; 
			color: #fff !important; text-decoration:none; vertical-align: top; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#7b172c;	
			 padding: 4px; line-height: 14px; 
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_red:hover{background-color:red; color: #000 !important;}

		/* Add or Confirm */
		.default_button_plus {
			display: inline-block; cursor: pointer; 
			color: #000 !important; text-decoration:none; text-align:left; line-height: 38px;
			background-repeat: no-repeat;background-position: 2px 3px; background-color:#67CF67;			
			background-image: url('/images/icons/32_navigate_plus.png');  
			height: 38px; padding: 0px; margin: 0px; margin-left: 5px;padding-left: 40px; padding-right: 10px; 	
			font-size: 18px; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_plus:hover{background-color:#009900; color: #000 !important;}

		/* Cart */
		.add_to_cart_white {
			background-image: url('../../images/icons/shopping_cart.png');
			display: block; cursor: pointer; color: #000 !important; width: 220px;
			text-decoration:none; vertical-align: middle; text-align:left; 
			background-repeat: no-repeat; background-position: 5px 50%; background-color:#fff; 
			margin: 5px; padding-left: 35px; padding-right: 10px; line-height: 35px; font-size: 16px; 
			font-weight: bold; letter-spacing: 1px;border: 1px solid #000; border-radius : 5px; overflow: none; }
		.add_to_cart_white:hover{background-color:#A02B43; color: #fff !important;}
		.add_to_cart_red {
			background-image: url('../../images/icons/shopping_cart.png');
			display: block; cursor: pointer; color: #fff !important; width: 220px;
			text-decoration:none; vertical-align: middle; text-align:left; 
			background-repeat: no-repeat; background-position: 5px 50%; background-color:#7b172c; 
			margin: 5px; padding-left: 35px; padding-right: 10px; line-height: 35px; font-size: 16px; 
			font-weight: bold; letter-spacing: 1px;border: 1px solid #000; border-radius : 5px; overflow: none; }
		.add_to_cart_red:hover{background-color:#A02B43; color: #fff !important;}
		.remove_from_cart {
			background-image: url('../../images/icons/delete_icon.png');
			display: block; cursor: pointer; color: #fff !important; 
			text-decoration:none; vertical-align: middle; text-align:left; 
			background-repeat: no-repeat; background-position: 5px 50%; background-color:#7b172c; 
			margin: 5px; padding-left: 35px; padding-right: 10px; line-height: 35px; font-size: 16px; 
			font-weight: bold; letter-spacing: 1px;border: 1px solid #000; border-radius : 5px; overflow: none; }
		.remove_from_cart:hover{background-color:#A02B43; color: #fff;}

		/* Deprecated */
		.BubbleDiv{			
			background-repeat: no-repeat; background-position: center center; background-color: #fff;	
			/* Disable Selectable Object */
			-webkit-touch-callout: none;-webkit-user-select: none;
			-khtml-user-select: none;-moz-user-select: none;
			-ms-user-select: none;user-select: none;			
			height: 38px;line-height: 40px; font-size: 18px;
			border-radius : 5px; border: 1px solid #fff;
			vertical-align: middle;cursor: pointer;overflow: visible; }
		.BubbleDiv:hover{	background-color:#999;	border: 1px solid #7E172C;	}

	/* Checkbox */

		/* Checked */
		.btnPatternTypeOn{
			cursor: pointer; line-height: 20px; color: #fff; background-color: #7b172c;
			display: inline-block;white-space: nowrap; font-size: 18px;
			margin: 5px; padding:2px; padding-left: 40px; padding-top: 10px; padding-right: 5px; width: 116px; height: 28px;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/checkbox_32.png'); 
			background-repeat: no-repeat;background-position: 5px 0px;
			border: 1px solid #000; border-radius : 5px;}
		.btnPatternTypeOn:hover{ background-color: #c24e61; }

		/* Unchecked */
		.btnPatternTypeOff{
			cursor: pointer; line-height: 20px; color: #000; background-color: #ceced8;
			display: inline-block; font-size: 18px;
			margin: 5px; padding:2px; padding-left: 40px; padding-top: 10px; width: 116px; height: 28px;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/checkbox_unchecked_32.png');
			background-repeat: no-repeat;background-position: 5px 0px;
			border: 1px solid #000; border-radius : 5px;}
		.btnPatternTypeOff:hover{color: #fff; background-color: #7b172c;}

	/* Tags */

		/* User */
		.UserTags{
			text-indent: 0;font-size: 24px; font-weight: bold; letter-spacing: 1px;	cursor: pointer;			
			background-color: #ccccff; color: #000; display: inline-block;
			margin: 3px;padding-left: 10px;padding-right: 10px;
			border-radius : 5px; border: 1px solid #000;
			vertical-align: middle; overflow: none;	}
		.UserTags:hover { background-color: #E4E7FE; }

		/* Cloud */
		.CloudTags{
			text-indent: 0;
			display: inline-block;
			cursor: pointer;
			background-color: skyblue; color: #000;		
			margin: 3px;
			padding-left: 10px;
			padding-right: 10px;
			border-radius : 5px;
			font-size: 24px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	
		}
		.CloudTags:hover { background-color: #DBF0F9; }

		/* Designer */
		.DesignerTags{
			text-indent: 0;
			display: inline-block;
			cursor: pointer;
			background-color: lightpink; color: #000;		
			margin: 3px;
			padding-left: 10px;
			padding-right: 10px;
			border-radius : 5px;
			font-size: 24px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	
		}
		.DesignerTags:hover{ background-color: #FFD6DC;}


	/* Pagination */

		/* Back */
		.backBtn:link {background-image: url('../../images/icons/page_previous_hover.png');
			width: 64px; height: 70px; display: inline-block; padding: 0px; margin: 0px;
			background-repeat: no-repeat; line-height: 20px; float:left;
			background-position: center; background-color: #7b172c;	border: 1px solid #ddd;}

		/* Next */
		.nextBtn:link {background-image: url('../../images/icons/page_next_hover.png');
			width: 64px; height: 70px; display: inline-block; padding: 0px; margin: 0px;
			background-repeat: no-repeat; float:right;
			background-position: center; line-height: 20px;	background-color: #7b172c;	}

		/* Page List */
			.pagination3 {    
				display: inline-block; margin: 2px 0;   
				padding: 0px; white-space:nowrap; text-align: center; }
			ul.pagination3 li a.active {
				background-color: #7E172C; color: white;
				display: inline-block; padding: 10px; border: 1px solid #ddd;
				text-decoration: none;text-align: center; font-size: 24px; }
			ul.pagination3 li {
				background-color: #fff; display: inline-block;
				color: white; line-height: normal;				
				text-align: center;  margin: 3px;}
			ul.pagination3 li:hover { background-color: #7E172C; color:#fff; }
			ul.pagination3 a:hover { background-color: #7E172C;color:#fff; }
			ul.pagination3 a { 
				border: 1px solid #ddd;
				font-size: 18px; 
				padding-top: 10px; padding-bottom: 10px;
				padding-left: 5px; padding-right: 5px;}

	/* Add To Cart */
	
		.btnAddToCart{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/shopping_cart.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 35px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	}
		.btnAddToCart:hover{background-color:#7b172c; color: #fff;}
	
	/* Download */
	
		.PatternDownload{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/cloud_download.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	}
		.PatternDownload:hover{background-color:#7b172c; color: #fff;}
	
	/* Save */
	
		.SaveChanges{
			display: inline-block; cursor: pointer;
			background-color: #A9E2F3; color: #000;			
			background-image: url('../../images/icons/save_as.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.SaveChanges:hover{background-color:#00BFFF; color: #000;}

	/* Cancel */
	
		.CancelChanges{
			display: inline-block; cursor: pointer;
			background-color: #F5A9A9; color: #000;			
			background-image: url('../../images/icons/nav_undo2.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.CancelChanges:hover{background-color:#FA5858; color: #000;}
			
	/* Edit */
	
		.EditPattern{
			display: inline-block; cursor: pointer;
			background-color: #A9E2F3; color: #000;			
			background-image: url('../../images/icons/pencil.png');
			background-repeat: no-repeat;
			background-position: 5px 7px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	}
		.EditPattern:hover{background-color:#00BFFF; color: #000;}







.Close_Button{  float: right; }
.Back_Button { float:right; }
.PageNext{float: right; cursor: pointer;
			width: 35px; height: 40px; margin: 5px;	
			background-image: url('../../images/icons/page_next_hover.png');
			background-repeat: no-repeat;}
.PageBack{float: right; cursor: pointer;
			width: 35px; height: 40px; margin: 5px;
			background-image: url('../../images/icons/page_previous_hover.png');
			background-repeat: no-repeat;}


	.BringItBack{
		display: inline-block; cursor: pointer;
		background-image: url('../../images/icons/back_button_small.png?v=2');
		background-repeat: no-repeat; background-position: 0px 0px;	
		padding-left: 23px;
	}



.Close_Msg{ cursor: pointer; position: absolute; top: 10px; right: 10px; background-image: url('../../images/icons/close_32.png'); width: 32px; height: 32px; background-color: #fff; border: 1px solid #000; border-radius : 5px; }

.btnCheckout{ background-color: #fff; border: 1px solid #7b172c; border-radius : 15px; overflow: auto; }
		.RedButton{
			display: inline-block; cursor: pointer;
			background-color: #7b172c; color: #fff;
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 35px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.RedButton:hover{background-color:#7b172c; color: #fff;}


		.LockItem{
			display: inline-block; cursor: pointer;
			background-color:#fff; 
			background-image: url('../../images/icons/lock.png');
			color: #000;
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 35px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.LockItem:hover{background-color:#7b172c; color: #fff;}

		.UnlockItem{
			display: inline-block; cursor: pointer;
			background-color:#fff; 
			background-image: url('../../images/icons/unlock.png');
			color: #000;
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 35px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.UnlockItem:hover{background-color:#7b172c; color: #fff;}

		.StoreEdit{
			display: inline-block; cursor: pointer;
			background-color:#22832D; 
			background-image: url('../../images/icons/spreadsheed_chart.png');
			color: #fff;
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 35px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.StoreEdit:hover{background-color:#7b172c; color: #fff;}

		.OffButton{
			cursor: pointer; text-align: left;
			color: #000; background-color: #ccc;
			display: inline-block; 
			font-size: 18px;
			margin: 5px; 
			padding:2px; padding-left: 35px; padding-top: 10px; padding-right: 10px;
			line-height: normal;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/ico_off.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;
			border: 1px solid #000; border-radius : 5px;}
		.OffButton:hover{background-color:#7b172c; color: #fff;}
		.OnButton{
			cursor: pointer;text-align: left;
			color: #fff; background-color: #7b172c;
			display: inline-block; 
			font-size: 18px;
			margin: 5px; 
			padding:2px; padding-left: 35px; padding-top: 10px; padding-right: 10px;
			line-height: normal;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/ico_on.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;
			border: 1px solid #000; border-radius : 5px;}





	
		.HelpButton{
			display: inline-block; cursor: pointer;
			width: 12px; height: 12px;	
			background-image: url('../../images/icons/help_icon_small.png');
			background-repeat: no-repeat;}
		.HelpButton:hover{}

		.AddStitcher{
			display: inline-block; cursor: pointer;
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/add_stitcher.png');
			background-repeat: no-repeat;
			background-position: 5px 3px;			
			margin: 5px;
			padding-left: 50px;
			padding-right: 10px;
			text-align: left;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.AddStitcher:hover{background-color:#5A0B1C; color: #fff;}

		.RemoveStitcher{
			display: inline-block; cursor: pointer;
			background-color: #7b172c; color: #fff;				
			margin: 5px; padding-left: 5px; padding-right: 5px;
			text-align: right;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	float: right;}
		.RemoveStitcher:hover{background-color:#5A0B1C; color: #fff;}


		.ShowMoreButton {
			background-color:  #ccc;  
			width: 30px; height: 30px; 
			float: right; 
			margin: 3px; 
			border-radius : 5px; border: 1px solid #000; 
			background-image: url('../../images/icons/navigate_down.png');
			background-repeat: no-repeat;
			background-position: center; 
			cursor: pointer;
		}
		.ShowMoreButton:hover {
			background-color: #A6A6A6;
		}
		.ShowLessButton {
			background-color:  #ccc;  
			width: 30px; height: 30px; 
			float: right; 
			margin: 3px; 
			border-radius : 5px; border: 1px solid #000; 
			background-image: url('../../images/icons/navigate_up.png');
			background-repeat: no-repeat;
			background-position: center; 
			cursor: pointer;
		}
		.ShowLessButton:hover {
			background-color: #A6A6A6;
		}

	/* Favorites */
		.btnFavorite{
			cursor: pointer;
			display: inline-block; 
			margin-right: 5px; 
			margin-top: 5px; 
			padding:2px;
			width: 24px; height: 24px;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/star_yellow_24.png');
			background-repeat: no-repeat;
			background-position: center; }
	
		.btnFavoriteOn{
			cursor: pointer;
			background-color: #fff;
			display: inline-block; 
			float: right;  
			margin-right: 10px; 
			margin-top: 10px; 
			padding:2px;
			width: 32px; height: 32px;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/star_yellow.png');
			background-repeat: no-repeat;
			background-position: center; }		
		
		.btnFavoriteOff{
			cursor: pointer;
			background-color: #fff;
			display: inline-block; 
			float: right;  
			margin-right: 10px; 
			margin-top: 10px; 
			padding:2px;
			width: 32px; height: 32px;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/star_grey.png');
			background-repeat: no-repeat;
			background-position: center; }
		
	/* Debug */
	
		.btnDebug{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/worker.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.btnDebug:hover{background-color:#7b172c; color: #fff;}
	
	/* Add To Wishlist */
	
		.btnWishlist{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/star2.png?1=1');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.btnWishlist:hover{background-color:#7b172c; color: #fff;}
		
	/* Buy Now */
		
		.btnBuyNow{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/currency_dollar.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.btnBuyNow:hover{background-color:#7b172c; color: #fff;}
		
		.Menu_Header{ cursor: pointer; color: #000;			
			background-image: url('../../images/icons/Close_Menu.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px; margin-bottom: 10px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 24px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;}
			
		.PatternStore{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/Pattern_Store.png');
			background-repeat: no-repeat;
			background-position: 8px 9px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}

		.Promotion{ cursor: pointer; 
			background-color: #4bb531; color: #fff;			
			background-image: url('../../images/icons/promotion_gift.png');
			background-repeat: no-repeat;
			background-position: 8px 5px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
			
	/* My Patterns */
	
		.MyPatterns{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/Cloud_White.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.MyPatterns:hover{background-color:#7b172c; color: #fff;}
		
			
	/* Cloud Admin */
	
		.CloudAdmin{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/admin.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.CloudAdmin:hover{background-color:#7b172c; color: #fff;}

		.StoreReports{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/spreadsheed_chart.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.StoreReports:hover{background-color:#7b172c; color: #fff;}


		.StepIncomplete{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_alert.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}

		.StepComplete{ cursor: pointer; 
			background-color: #347B17; color: #fff;			
			background-image: url('../../images/icons/ico_thumbup.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}

		.StepSubmit{ cursor: pointer; 
			background-color: #347B17; color: #fff;			
			background-image: url('../../images/icons/ico_submitform.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}

		.SettingIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/notebook3.png');
			background-repeat: no-repeat;
			background-position: 10px 7px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.SettingIcon:hover{background-color:#7b172c; color: #fff;}

		.AlertButton{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/alert.png');
			background-repeat: no-repeat;
			background-position: 7px 3px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.AlertButton:hover{background-color:#7b172c; color: #fff;}

		.ImageButton{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_image.png');
			background-repeat: no-repeat;
			background-position: 7px 3px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.ImageButton:hover{background-color:#7b172c; color: #fff;}

	/* User Icon */
	
		.UserIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_user.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.UserIcon:hover{background-color:#7b172c; color: #fff;}


		.UsersIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_users.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.UsersIcon:hover{background-color:#7b172c; color: #fff;}


		.CloudMsgIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_message.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.CloudMsgIcon:hover{background-color:#7b172c; color: #fff;}

		
		.StitcherIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_stitcher.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.StitcherIcon:hover{background-color:#7b172c; color: #fff;}
		.ServiceTagIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_servicetag.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.ServiceTagIcon:hover{background-color:#7b172c; color: #fff;}
		.ErrorLogIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_errorlog.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.ErrorLogIcon:hover{background-color:#7b172c; color: #fff;}
		.DesignerIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_designers.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.DesignerIcon:hover{background-color:#7b172c; color: #fff;}
		.TagSharingIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/ico_tagsharing.png');
			background-repeat: no-repeat;
			background-position: 5px 4px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.TagSharingIcon:hover{background-color:#7b172c; color: #fff;}
	/* Upload Patterns */
	
		.UploadPatterns{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/cloud_upload.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.UploadPatterns:hover{background-color:#7b172c; color: #fff;}

		.HelpIcon{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/help_button.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.HelpIcon:hover{background-color:#7b172c; color: #fff;}

	/* My Stitchers */

	
	/* Thumbnail */
	
		.EditThumbnail{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/thumbnails.png');
			background-repeat: no-repeat;
			background-position: 5px 1px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.EditThumbnail:hover{background-color:#7b172c; color: #fff;}
	
	/* Delete */
	
		.DeletePattern{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;	
			background-image: url('../../images/icons/delete_icon.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.DeletePattern:hover{background-color:#7b172c; color: #fff;}
	
	/* Sell */
		
		.SellPattern{
			display: inline-block; cursor: pointer;
			background-color:#A9F5BC; color:#000;		
			background-image: url('../../images/icons/currency_dollar.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.SellPattern:hover{background-color:#04B431; color: #000;}
	
	/* Analytics */
		
		.PatternAnalytics{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/spreadsheed_chart.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;}
		.PatternAnalytics:hover{background-color:#7b172c; color: #fff;}
	
	/* Forgot Password */
	
		.ForgotPassword{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/24/shield.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.ForgotPassword:hover{background-color:#7b172c; color: #fff;}	
	
	/* Login Buton */
	
		.btnLogin{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/24/lock.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;		
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.btnLogin:hover{background-color:#7b172c; color: #fff;}	
	
		.btnLogOut{ cursor: pointer; 
			background-color: #7b172c; color: #fff;			
			background-image: url('../../images/icons/24/lock.png');
			background-repeat: no-repeat;
			background-position: 8px 7px;			
			margin: 5px;
			padding-left: 45px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle; text-align: left;
			border: 1px solid #000;
			overflow: auto;	}
		.btnLogOut:hover{background-color:#7b172c; color: #fff;}

	/* Create Account */
	
		.CreateAccount{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/24/user_earth.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
		.CreateAccount:hover{background-color:#7b172c; color: #fff;}