/*============================================================================*/
:root {
	--HeaderBarHeight: 52px;
}

* {
	outline:				none;

	box-sizing:				border-box;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing: 	border-box;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::selection {
	background:				#1c94d3;
	color:					white;

	text-shadow:			none;
}

::-webkit-input-placeholder {
    color:    				#999999;
}

:-moz-placeholder {
    color:   				#999999;
}

::-moz-placeholder {
    color:    				#999999;
}

:-ms-input-placeholder {
    color:    				#999999;
}

html {
	font-size:				62.5%;

	-webkit-text-size-adjust: none;
}

body {
	font-size:				16px;
	font-size:				1.6rem;
	font-family:			"Lato", Helvetica, sans-serif;

	color:					#1d1d1d;
	background-color:		white;

	margin:					0;
}

body.Dev::after,
body.Beta::after {
	content:          "Dev Environment";

	position:         fixed;
	left:             50%;
	top:              0;
	z-index:          1000000;

	width:            200px;
	margin-left:      -100px;
	height:           24px;

	line-height:      26px;
	font-size:        11px;
	font-family:      Helvetica, Arial, sans-serif;
	font-weight:      bold;
	text-transform:   uppercase;
	text-align:       center;
	color:            white;
	background-color: rgba(255, 165, 0, 0.85);
}

body.Beta::after {
	content:          "Beta Environment";
	background-color: rgba(255, 0, 0, 0.85);
}

body > img {
    position: absolute;
}

table {
	font-size:				16px;
	font-size:				1.6rem;
	font-family:			"Lato", Helvetica, sans-serif;

	color:					#1d1d1d;

	margin:					0;
}

a {
	color:					#1c94d3;

	text-decoration:		none;
}

p {
	margin:					0;
}

img {
	border:					none;
}

input[type=text], input[type=password], textarea, select {
	border:					1px #bebebe solid;

	height:					32px;
	line-height:			32px;

	padding-left:			8px;

	font-size:				14px;
	font-size:				1.4rem;
	font-family:			"Lato", Helvetica, sans-serif;
}

input[type=text], input[type=password], textarea {
	-webkit-appearance: 	none;
    border-radius: 			0;

	padding-right:			8px;
}

textarea {
	line-height: 			20px;
	padding-top:			4px;
	padding-bottom: 		4px;
}

/*============================================================================*/
.Clear {
	clear:					both;
}

/*============================================================================*/
.Dropdown {
	min-width:				75px;

	position:				relative;

	line-height:			28px;
	height:					28px;

	vertical-align:			middle;

	display:				inline-block;

	text-align:				left;
}

.DropdownActive {
	width:					100%;
	height:					28px;
	line-height:			28px;

	font-size:				14px;
	font-family:			Helvetica, Arial, sans-serif;

	margin:					0;
	padding:				0;

	padding-left:			8px;
	padding-right:			29px;

	background-image:		url("/Templates/Default/gfx/Dropdown.png");
	background-repeat:		no-repeat;
	background-position:	right top;

	border:					1px #9d9d9d solid;
	background-color:		white;

	cursor:					pointer;

	display:				inline-block;

	overflow: 				hidden;
	text-overflow: 			ellipsis;
	white-space: 			nowrap;
}

.DropdownList {
	width:					100%;

	margin:					0;
	padding:				0;

	position:				absolute;

	left:					0px;
	top:					29px;

	border:					1px #9d9d9d solid;
	border-top:				none;
	background-color:		white;

	font-size:				14px;
	font-family:			Helvetica, Arial, sans-serif;

	z-index: 				50;

	display:				none;
}

.DropdownList li {
	min-width:				75px;

	list-style-type:		none;

	margin:					0;
	padding:				0;

	padding-left:			8px;
	padding-right:			40px;

	height:					28px;
	line-height:			28px;

	cursor:					pointer;

	overflow: 				hidden;
	text-overflow: 			ellipsis;
	white-space: 			nowrap;
}

.DropdownList li:hover {
	background-color:		#d7ecff;
}

/*============================================================================*/
.Slider.ui-slider {
	position: 				relative;

	width: 					200px;
	height:					9px;

	display: 				inline-block;

	vertical-align: 		middle;

	background:				#c0c7c9;
	background:				-moz-linear-gradient(top, #c0c7c9 0%, #dce4e6 100%);
	background:				-webkit-linear-gradient(top, #c0c7c9 0%, #dce4e6 100%);
	background:				-o-linear-gradient(top, #c0c7c9 0%, #dce4e6 100%);
	background:				-ms-linear-gradient(top, #c0c7c9 0%, #dce4e6 100%);
	background:				linear-gradient(top, #c0c7c9 0%, #dce4e6 100%);
	-pie-background:		linear-gradient(top, #c0c7c9 0%, #dce4e6 100%);

	-webkit-border-radius:	5px 5px 5px 5px;
	-moz-border-radius:		5px 5px 5px 5px;
	border-radius:			5px 5px 5px 5px;
}

.Slider.ui-slider .ui-slider-handle {
	background-image:		url("/Templates/Default/gfx/SliderHandle.png");
	background-size:		22px 22px;

	width: 					22px;
	height: 				22px;

	position: 				absolute;

	top:					0;
	left:					0;

	margin-left:			-11px;
	margin-top: 			-7px;

	cursor: 				default;
}

.Slider.ui-slider .ui-slider-range {
	height:					100%;

	background:				#9cebcf;
	background:				-moz-linear-gradient(top, #9cebcf 0%, #32b955 100%);
	background:				-webkit-linear-gradient(top, #9cebcf 0%, #32b955 100%);
	background:				-o-linear-gradient(top, #9cebcf 0%, #32b955 100%);
	background:				-ms-linear-gradient(top, #9cebcf 0%, #32b955 100%);
	background:				linear-gradient(top, #9cebcf 0%, #32b955 100%);
	-pie-background:		linear-gradient(top, #9cebcf 0%, #32b955 100%);

	-webkit-border-radius:	5px 5px 5px 5px;
	-moz-border-radius:		5px 5px 5px 5px;
	border-radius:			5px 5px 5px 5px;

	position:				absolute;
}

/*============================================================================*/
.Tooltip {
	background-color:		#4cc572;

	position: 				absolute;

	left:					0px;
	top:					0px;

	max-width: 				300px;
	height:					26px;
	line-height: 			26px;

	font-size: 				12px;
	font-size:				1.2rem;

	color:					white;

	padding-left:			10px;
	padding-right:			10px;

	-webkit-border-radius:	10px 10px 10px 10px;
	-moz-border-radius:		10px 10px 10px 10px;
	border-radius:			10px 10px 10px 10px;

	z-index:				50;

	display: 				none;
}

.Tooltip span {
	white-space: 			nowrap;
	overflow: 				hidden;
	text-overflow: 			ellipsis;

	display: 				block;
}

.TooltipArrow {
	background-image:	url("/Templates/Default/gfx/TooltipArrow.png");
	background-size:	12px 96px;

	position: 			absolute;

	width: 				12px;
	height: 			6px;
}

.TooltipArrow[rel=None] { display: none; }

.TooltipArrow[rel=Down] 		{ background-position: 0px 0px; 	left: 50%; 		bottom: -6px; 	margin-left: -6px; 	}
.TooltipArrow[rel=DownLeft] 	{ background-position: 0px -12px; 	left: 0%; 		bottom: -6px; 						}
.TooltipArrow[rel=Left] 		{ background-position: 0px -24px; 	left: -12px; 	top: 50%; 		margin-top: -6px; 	}
.TooltipArrow[rel=UpLeft] 		{ background-position: 0px -32px; 	left: 0%; 		top: 0%; 							}
.TooltipArrow[rel=Up] 			{ background-position: 0px -48px; 	left: 50%; 		top: -12px; 	margin-left: -6px; 	}
.TooltipArrow[rel=UpRight]		{ background-position: 0px -60px; 	right: 0%; 		top: 0%; 							}
.TooltipArrow[rel=Right]		{ background-position: 0px -72px; 	right: -12px; 	top: 50%; 		margin-top: -6px; 	}
.TooltipArrow[rel=DownRight]	{ background-position: 0px -84px; 	right: 0%; 		bottom: 0%; 						}

/*============================================================================*/
.Button {
	background-color: 		#4cc572;

	height: 				38px;
	line-height: 			38px;

	padding:				0 30px;

	color:					white;

	font-size:				14px;
	font-size:				1.4rem;

	text-align: 			center;

	display:				inline-block;

	cursor: 				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}
button.Button {
	font-family: inherit;

	border: none;
}

.Button:hover,
.Button:focus {
	background-color: 		#379655;
}

.Button[rel=Pink] {
	background-color:		#e75757;
}

.Button[rel=Pink]:hover {
	background-color:		#ef6f6f;
}

.Button[rel=Black] {
	background-color:		#000000;
}

.Button[rel=Black]:hover {
	background-color:		#333333;
}

.Button[rel=Blue] {
	background-color:		#118dc3;
}

.Button[rel=Blue]:hover {
	background-color:		#126589;
}


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

.TwoColumnWrapper {
	position: 				relative;
}

.ColumnOneContent {
	max-width:				66%;


	line-height: 			24px;
	line-height: 			2.4rem;

	font-size:				14px;
	font-size:				1.4rem;

	margin-right:			20px;

	text-indent: 			0px;

	padding-right:			30px;
	padding-top:			30px;
}

.ColumnTwoContent {
	position: 				absolute;

	right: 					20px;
	top:					64px;

	width: 					330px;

	text-indent: 			0px;
	padding-top:			30px;
}

.ColumnOneContent H1{
	font-family:			arial;
	font-size:				30px;
	margin-bottom:			30px;
}

.ColumnOneContent H2{
	font-family:			arial;
	font-size:				18px;
	margin-bottom:			20px;
}

.ColumnOneContent P{
	margin:0px;
	padding:0px;
}

.ColumnOneContent P{
	margin:0px;
	padding:0px;
}





/*============================================================================*/
.FormHeader {
	font-weight: 			300 !important;
}

.FormSubHeader {
	font-size:				18px;
	font-size:				1.8rem;
	font-weight:			bold;

	margin-bottom:			20px;

	display:				block;
}

.FormContentWrapper {
	position: 				relative;
}

.FormContent {
	max-width: 				500px;

	line-height: 			24px;
	line-height: 			2.4rem;

	font-size:				14px;
	font-size:				1.4rem;
}

.FormFields {
	margin-top: 			40px;
}

.FormFields table {
	width:					100%;
}

.FormFields table p {
	font-size:				14px;
	font-size:				1.4rem;

	margin-bottom:			20px;
}

.FormFields label {
	color:					#555555;

	font-size:				14px;
	font-size:				1.4rem;

	display: 				block;
}

.FormFields label[rel=Inline] {
	display:				inline-block;
}

.FormFields label span {
	color:					red;
}

.FormFields input[type=text], .FormFields input[type=password], .FormFields select, .FormFields textarea {
	width: 					100%;

	margin-bottom: 			12px;

	display: 				block;
}

.FormFields textarea {
	height: 				100px;
}

.FormFields .Button {
	float:					right;
}

.FormRequiredFields {
	font-size:				11px;
	font-size:				1.1rem;

	color:					red;
}

.FormHelp {
	position: 				absolute;

	right: 					20px;
	top:					64px;

	width: 					300px;
}

.HideYPPJHReferences .ContactUsContent .FormHelp {
	display: none;
}

.FormHelpHeader {
	height:					40px;
	line-height: 			40px;

	padding-left:			15px;

	color: 					white;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight: 			bold;

	background-color: 		#118dc3;
}

.FormHelpContent {
	font-size:				14px;
	font-size:				1.4rem;

	color:					black;

	padding: 				15px;

	background-color: 		#eeeeee;
}

.FormHelpContent > ul {
	margin:					0;
	padding:				0;
	padding-left:			20px;
}

.FormHelp > p {
	font-size:				14px;
	font-size:				1.4rem;

	color:					black;

	padding: 				15px;

	background-color: 		#eeeeee;

	display: 				block;
}

/*============================================================================*/
.HeaderBarWrapper {
	background-image:	url("/Templates/Default/gfx/HeaderBarWrapper.png");
	background-size:	1px 64px;

	width:				100%;
	height:				64px;

	color:				white;

	position: 			fixed;

	z-index:			100;
}

.HeaderBar {
	max-width:			1280px;

	height:				var(--HeaderBarHeight);
	line-height: 		var(--HeaderBarHeight);

	position: 			relative;

	margin: 			0 auto;
}

.HeaderBarBorderLeft {
	width:				1px;
	height:				100%;

	background-color:	#666666;

	float:				left;
}

.HeaderBarBorderRight {
	width:				1px;
	height:				100%;

	background-color:	#000000;

	float:				right;
}

.HeaderBarButton {
	float:				left;

	height:				52px;

	font-size:			12px;
	font-size:			1.2rem;

	line-height: 		16px;
	line-height: 		1.6rem;

	padding-left:		50px;
	padding-right:		20px;
	padding-top:		9px;

	border-left:		1px #666666 solid;
	border-right:		1px #000000 solid;

	background-repeat: 	no-repeat;
	background-position: 5px center;
	background-size:	40px 52px;

	position: 			relative;

	cursor: 			pointer;
}

.HeaderBarButton b {
	font-size:			14px;
	font-size:			1.4rem;
}

.HeaderBarLiveChat {
	background-image:	url("/Templates/Default/gfx/HeaderBarLiveChat.png");
	background-size:	40px 52px;
}

.HeaderBarLiveChat[rel=Offline] {
	color:				#e75757;

	background-color:	#151415;
	background-image:	url("/Templates/Default/gfx/HeaderBarLiveChatOffline.png");
}

.HeaderBarLiveChat[rel=Offline] b {
	color:				#606060;
}

.HeaderBarAdvancedSearch {
	background-image:	url("/Templates/Default/gfx/HeaderBarAdvancedSearch.png");

	color:				white;

	display: 			none;
}

.HeaderBarMyAccount {
	float:				right;

	background-image:	url("/Templates/Default/gfx/HeaderBarMyAccount.png");
	background-size:	40px 52px;
}

.HeaderBarMyAccountActive {
	background-color:	#4cc572;

	cursor: 			auto;
}

.HeaderBarMyAccountClose {
	cursor:				pointer;

	display:			none;

	position: 			absolute;

	left:				0px;
	top:				0px;

	width:				100%;
	height:				100%;
}

.HeaderBarCart {
	float:				right;

	background-image:	url("/Templates/Default/gfx/HeaderBarCart.png");
	background-size:	40px 52px;
}

.HeaderBarCartActive {
	background-color:	#126589;

	cursor: 			auto;
}

.HeaderBarCartClose {
	cursor:				pointer;

	display:			none;

	position: 			absolute;

	left:				0px;
	top:				0px;

	width:				100%;
	height:				100%;
}

.HeaderBarCallUs {
	padding-left:		20px;

	float:				right;
}

.HideYPPJHReferences .HeaderBarCallUs {
	display: none;
}

.HeaderBarCallUs a {
	font-size:			14px;
	font-size:			1.4rem;
	font-weight: 		bold;

	color: 				white;

	text-decoration: 	none;
}

/*============================================================================*/
.HeaderLogin {
	width:				290px;

	padding:			20px;

	background-color:	#4cc572;

	position:			absolute;

	left:				0px;
	top:				52px;

	-webkit-border-radius:	0px 0px 5px 5px;
	-moz-border-radius:		0px 0px 5px 5px;
	border-radius:			0px 0px 5px 5px;

	box-shadow:			0px 2px #3ca25c;

	z-index:			100;

	display: 			none;
}

.HeaderLogin input {
	width:				100%;
	height:				40px;
	line-height: 		40px;

	font-size:			16px;
	font-size:			1.6rem;

	border:				none;

	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;

	background-repeat: 	no-repeat;
	background-position: top left;
	background-size:	40px 40px;

	padding:			10px;
	padding-left:		40px;

	margin:				0;
	margin-bottom:		20px;

	color:				#282525;

	box-shadow:			1px 2px #3ca25c;
}

.HeaderLogin input[rel=Email] {
	background-image:	url("/Templates/Default/gfx/HeaderLoginInputEmail.png");
	background-size:	40px 40px;
}

.HeaderLogin input[rel=Password] {
	background-image:	url("/Templates/Default/gfx/HeaderLoginInputPassword.png");
	background-size:	40px 40px;
}

.HeaderLoginSubmit {
	background-color:	#1c7b3a;

	/*background-image:	url("/Templates/Default/gfx/HeaderLoginSubmit.png");
	background-size:	40px 40px;
	background-repeat:	no-repeat;
	background-position: center center;*/

	color:				white;

	width:				100%;
	height:				40px;
	line-height:		40px;

	font-size:			14px;
	font-size:			1.4rem;

	text-align:			center;

	margin-bottom: 		20px;

	cursor:				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.HeaderLoginSubmit:hover {
	background-color:	#379655;
}

.HeaderLoginLinks {
	text-align:			center;
}

.HeaderLogin a {
	font-size:			12px;
	font-size:			1.2rem;

	color:				white;

	padding-left:		5px;
	padding-right:		5px;
}

/*============================================================================*/
.HeaderCart {
	width:				250px;

	background-color:	white;

	position:			absolute;

	left:				0px;
	top:				52px;

	-webkit-border-radius:	0px 0px 5px 5px;
	-moz-border-radius:		0px 0px 5px 5px;
	border-radius:			0px 0px 5px 5px;

	box-shadow:			0px 0px 10px gray;

	z-index:			100;

	display: 			none;
}

.HeaderCartInner {
	display:			flex;
	flex-direction:		column;
	max-height:			calc(100vh - var(--HeaderBarHeight) - 10px);
	padding:			20px;
}

.HeaderCartNoItems {
	text-align:			center;

	color:				black;
	flex:				0 0 auto;
	font-weight:		bold;
}

.HeaderCartItems {
	margin-bottom: 20px;
	overflow: auto;
}

.HeaderCartItem {
	border-bottom:		1px #c8c8c8 solid;

	padding-bottom:		5px;
	margin-bottom:		10px;
}

.HeaderCartItem:last-child {
	border-bottom-color:	transparent;
	margin-bottom:			0;
}

.HeaderCartItemImage {
	float:				left;

	margin-right:		5%;

	max-width:			80px;
	width:				25%;
	height:				80px;

	background-repeat:	no-repeat;
	background-size: 	contain;
	background-position: top center;
}

.HeaderCartItemContent {
	width:				70%;

	float:				left;

	font-size:			14px;
	font-size:			1.4rem;

	color:				#000000;
}

.HeaderCartItem b {
	width:				100%;

	font-size:			16px;
	font-size:			1.6rem;

	display:			block;

	text-overflow: 		ellipsis;
	white-space: 		nowrap;
	overflow: 			hidden;

	margin-bottom:		5px;
}

.HeaderCartItemQuantity {
	font-size:			16px;
	font-size:			1.6rem;

	font-weight: 		300;

	display:			block;

	margin-bottom:		20px;
}

.HeaderCartItemQuantity span {
	color:				#126589;
}

.HeaderCartItem a {
	color:				#302d2d;
}

.HeaderCartItemDelete {
	cursor:				pointer;
}

.HeaderCartButtonLink {
	display: block;
	flex: 0 0 auto;
}

.HeaderCartButton {
	background-image:	url("/Templates/Default/gfx/HeaderCartButton.png");
	background-color:	#118dc3;
	background-size:	40px 40px;
	background-repeat:	no-repeat;
	background-position: center center;

	width:				100%;
	height:				40px;

	cursor:				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.HeaderCartButton:hover {
	background-color:	#126589;
}

/*============================================================================*/
.Header {
	padding-top:		74px;

	max-width:			1280px;
	height:				214px;

	padding-left:		20px;
	padding-right:		20px;

	margin: 			0 auto;

	position: 			relative;
}

.Logo {
	background-image:		url("/Templates/Default/gfx/Logo.png");
	background-size:		contain;
	background-repeat: 		no-repeat;
	background-position: 	center center;

	width:					341px;
	height:					120px;

	float:					left;
}

.LogoPrint {
	display: 			none;
}

.HeaderNavigation {
	position: 			absolute;

	right:				0px;
	top:				75px;

	color:				black;

	list-style-type: 	none;

	margin:				0;
	padding: 			0;
}

.HeaderNavigation li {
	margin:				0;
	padding: 			0;

	float:				left;

	padding-right:		5px;
}

.HeaderNavigation li a {
	color:				black;

	font-size:			15px;
	font-size:			1.5rem;

	padding-right:		5px;
}

/*============================================================================*/
.NavigationMobile {
	display:			none;
}

.NavigationWrapper {
	background-color:	#118dc3;

	height:				50px;

	line-height: 		50px;
	line-height: 		5.0rem;

	overflow: 			hidden;

	border-bottom:		1px white solid;
}

.Navigation {
	max-width:			1280px;
	height:				50px;

	padding-left:		0px;
	padding-right:		0px;

	margin: 			0 auto;
}

.Navigation li {
	height:				50px;
	line-height:		50px;

	float:				left;

	list-style-type: 	none;

	margin:				0;
	padding:			0;

	text-transform: 	uppercase;

	font-size:			16px;
	font-size:			1.6rem;

	transition: 			background-color 0.2s;
	-webkit-transition:		background-color 0.2s;
	-moz-transition: 		background-color 0.2s;
	-o-transition: 			background-color 0.2s;
	-ms-transition: 		background-color 0.2s;
}

.Navigation li:hover {
	background-color:	#126589;
}

.Navigation a {
	display:			block;
	color:				white;

	margin:				0;
	padding:			0 20px;

	font-weight:		500;
}

.Navigation li .ss-icon {
	display: block;

	font-size:			20px;
	font-size:			2.0rem;

	padding-top:		2px;
}

/*============================================================================*/
.SearchWrapper {
	max-width:			1280px;

	margin: 			0 auto;
	position: 			relative;
}

.Search {
	width:				240px;

	position: 			absolute;

	right:				0px;
	top:				8px;
}

.SearchInput {
	width:				160px;
	height:				34px;

	background-color:	white;

	-webkit-border-radius:	6px 0px 0px 6px;
	-moz-border-radius:		6px 0px 0px 6px;
	border-radius:			6px 0px 0px 6px;

	float:				left;
}

.SearchInput input {
	width:				100%;
	height: 			34px;
	line-height: 		34px;

	border:				none;
	background-color:	transparent;

	padding:			0px;
	padding-left:		10px;
	padding-right:		10px;

	display:			block;
}

.SearchGo {
	background-image:	url("/Templates/Default/gfx/SearchGo2.png");
	background-size:	80px 68px;

	width:				80px;
	height:				34px;

	cursor:				pointer;

	float:				left;
}

.SearchGo:hover {
	background-position: 0px -34px;
}

/*============================================================================*/
.SubNavigationWrapper {
	max-width:			1280px;

	position: 			relative;

	margin:				0 auto;
}

.SubNavigation {
	width:				100%;
	height:				365px;

	background-color:	white;

	border-top:			4px #126589 solid;

	position: 			absolute;

	left:				0px;
	top:				-1px;

	z-index:			50;

	display:			none;

	-webkit-border-radius:	0px 0px 5px 5px;
	-moz-border-radius:		0px 0px 5px 5px;
	border-radius:			0px 0px 5px 5px;

	box-shadow:			0px 2px 10px #666666;

	overflow: 			visible !important;
}

.SubNavigationClose {
	display: 			none;
}

.SubNavigationTop {
	z-index:			60;
}

.SubNavigation > * {
	position: 			absolute;

	left:				0px;
	top:				0px;

	width:				20%;
	height:				100%;

	overflow: 			hidden;
}

.SubNavigationColumnShadow {
	background-image:	url("/Templates/Default/gfx/SubNavigationColumnShadow.png");
	background-position: right center;

	width:				7px;
	height:				100%;

	position: 			absolute;

	left:				20%;
	top:				0px;

	z-index:			10;
}

.SubNavigationColumnShadow[rel=Column2] { left: 40%; }
.SubNavigationColumnShadow[rel=Column3] { left: 60%; }
.SubNavigationColumnShadow[rel=Column4] { left: 80%; }

.SubNavigationColumn1 {
}

.SubNavigationColumn2 {
	left:				20%;
}

.SubNavigationColumn3 {
	left:				40%;
}

.SubNavigationColumn4 {
	left:				60%;
}

.SubNavigationColumn5 {
	left:				80%;
}

.SubNavigationListColumn {
	border-right:		1px #cdcdcd solid;

	margin:				0;
	padding:			0;
	padding-top:		10px;
	padding-bottom:		10px;

	list-style-type: 	none;

	overflow: 			hidden;
}

.SubNavigationListColumn a {
	color:				#000000;
}

.SubNavigationListColumn > li {
	width:				100%;
	line-height: 		38px;

	font-size:			16px;
	font-size:			1.6rem;

	display: 			block;
}

.SubNavigationListColumn > li a {
	color:				black;

	width:				100%;
	height:				38px;

	padding-left:		20px;
	padding-right:		20px;

	display: 			block;

	overflow:			hidden;
	text-overflow: 		ellipsis;
	white-space: 		nowrap;

	transition: 			background-color 0.1s;
	-webkit-transition:		background-color 0.1s;
	-moz-transition: 		background-color 0.1s;
	-o-transition: 			background-color 0.1s;
	-ms-transition: 		background-color 0.1s;
}

.SubNavigationListColumn li a:hover {
	background-color:	#126589;
	color:				white;
}

.SubNavigationListColumn > li ul {
	margin:				0;
	padding:			0;

	list-style-type:	circle;
}

.SubNavigationListColumn > li ul li {
	font-size:			12px;
	font-size:			1.2rem;

	line-height: 		19px;

	display: 			block;
}

.SubNavigationListColumn > li ul li a {
	background-image: 	url("/Templates/Default/gfx/SubNavigationListColumnLIULLIA.png");
	background-size:	27px 38px;
	background-position: 0px 0px;
	background-repeat: 	no-repeat;

	color:				black;

	width:				100%;
	height:				19px;

	padding-left:		34px;

	display: 			block;
}

.SubNavigationListColumn > li ul li a:hover {
	background-position: 0px -19px;
}

.SubNavigationContent {
	width:				20%;
	height:				60%;

	padding-top:		30px;
	padding-left:		20px;

	font-size:			16px;
	font-size:			1.6rem;
	font-weight:		300;
}

.SubNavigationContent[rel=Span2] {
	width:				40%;
}

.SubNavigationContent[rel=Span3] {
	width:				60%;
}

.SubNavigationContent[rel=Span4] {
	width:				80%;
}

.SubNavigationContent > b {
	font-size:			24px;
	font-size:			2.4rem;

	margin-bottom:		10px;

	display:			block;
}

.SubNavigationContentButton {
	min-width:			180px;
	height:				38px;
	line-height:		38px;

	font-size:			16px;
	font-size:			1.6rem;
	font-weight:		bold;

	padding-left:		20px;
	padding-right:		20px;

	background-color:	#126589;

	color:				white;

	text-align: 		center;

	display:			inline-block;

	cursor:				pointer;
}

.SubNavigationContentButton:hover {
	background-color:	#207ca4;
}

.SubNavigationFeatured {
	height:				40%;

	border-right:		1px #cdcdcd solid;
	border-top:			1px #cdcdcd solid;

	top:				60%;

	padding:			15px;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.SubNavigationFeatured:hover {
	background-color:	#EEEEEE;
}

.SubNavigationFeaturedImage {
	width:				35%;
	height:				100%;

	float:				left;

	background-size:	contain;
	background-repeat:	no-repeat;
	background-position: center center;
}

.SubNavigationFeaturedContent {
	width:				65%;

	float:				left;

	font-size:			14px;
	font-size:			1.4rem;
	font-style: 		italic;

	padding-right:		10px;

	color:				black;
}

.SubNavigationFeaturedContent h3 {
	font-size:			20px;
	font-size:			2.0rem;
	font-weight:		300;
	font-style: 		normal;

	height:				48px;

	margin:				0;
	margin-bottom:		10px;

	overflow: 			hidden;
}

.SubNavigationFeaturedContent span {
	font-size:			24px;
	font-size:			2.4rem;
	font-style: 		normal;

	margin-top:			15px;

	color:				#4cc572;

	display:			block;
}

.SubNavigationImage {
	overflow: 			visible !important;

	text-align: 		center;
}

.SubNavigationImage img {
	height:				100%;
}

/*============================================================================*/
.PageNoticeWrapper {
	margin:					0 auto;
	margin-top:				10px;

	max-width:				1280px;

	padding-left: 			20px;
	padding-right: 			20px;

	position: 				relative;
}

.PageNotice {
	line-height: 			24px;
	line-height: 			2.4rem;

	min-height: 			48px;

	font-size:				20px;
	font-size:				2.0rem;
	font-weight: 			100;

	background-image:		url("/Templates/Default/gfx/PageNotice.png");
	background-color:		#4cc572;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	background-size: 		48px 48px;

	color:					white;

	padding-left:			50px;
	padding-right: 			50px;
	padding-top: 			10px;
	padding-bottom: 		10px;
}

.PageNotice[rel="Error"] {
	background-image:		url("/Templates/Default/gfx/PageNoticeError.png");
	background-color:		#e75757;
}

.PageNoticeClose {
	background-image:		url("/Templates/Default/gfx/PageNoticeClose.png");
	background-size:		48px 48px;

	width: 					48px;
	height: 				48px;

	position: 				absolute;

	right: 					20px;
	top:					0px;

	cursor: 				pointer;

	opacity: 				0.9;

	transition: 			opacity 0.5s;
	-webkit-transition:		opacity 0.5s;
	-moz-transition: 		opacity 0.5s;
	-o-transition: 			opacity 0.5s;
	-ms-transition: 		opacity 0.5s;
}

.PageNoticeClose:hover {
	opacity: 				1.0;
}

/*============================================================================*/
.HomeBannersWrapper {
	position: 				relative;
}

.HomeBanners {
	background-color: 		white;

	/*max-width: 				1600px;*/
	height: 				428px;

	overflow: 				hidden;

	margin:					0 auto;

	position: 				relative;
}

.HomeBanner {
	background-size:		auto 100%;
	background-position: 	center center;
	background-repeat:		no-repeat;

	width:					100%;
	height:					100%;

	float:					left;

	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;

	cursor: 				pointer;
}

.HomeBannerPosition {
	float:					none;

	position: 				absolute;

	left:					0px;
	top:					0px;
}

.HomeBannerText {
	text-align: 			center;

	font-size:				60px;
	font-size:				6.0rem;

	position: 				absolute;

	width: 					50%;

	left:					35%;
	top:					20%;

	color: 					white;

	white-space: 			nowrap;

	text-shadow:			1px 2px 7px black;

	filter: 				progid:DXImageTransform.Microsoft.Shadow(Color=#000000,Direction=135,Strength=5), progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1);
}

.HomeBannerText span {
	white-space: 			nowrap;
}

.HomeBannerButtonWrapper {
	display: flex;
	justify-content: center;

	position: 				relative;

	margin:					20px auto 0;

	padding-bottom: 10px;

	cursor: 				pointer;
}

.HomeBannerButton {
	display: flex;
	justify-content: center;
	align-items: center;

	position: relative;

	min-width: 190px;
	height:					50px;

	padding: 0 30px;

	text-shadow: 			none;

	font-size:				24px;
	font-weight:			bold;

	line-height: 1.5;
}

.HomeBannerButtonBackground {
	position: 				absolute;
	left:					0;
	top:					0;

	width: 100%;
	height: 100%;

	background-color:		#e75757;

	opacity: 				0.8;

	border-radius:			5px;

	box-shadow:				1px 2px 2px black;
}

.HomeBannerButtonText {
	position: relative;
	z-index: 2;

	color:					white;
}

.HomeBannerNoTransition {
	transition: 			left 0s;
	-webkit-transition:		left 0s;
	-moz-transition: 		left 0s;
	-o-transition: 			left 0s;
	-ms-transition: 		left 0s;
}

.HomeBannersLeft {
	background-image:		url("/Templates/Default/gfx/HomeBannersLeft.png");
	background-size:		55px 55px;

	width:					55px;
	height:					55px;

	cursor: 				pointer;

	position: 				absolute;

	left:					5%;
	top:					50%;

	margin-top:				-27.5px;

	z-index:				10;
}

.HomeBannersRight {
	background-image:		url("/Templates/Default/gfx/HomeBannersRight.png");
	background-size:		55px 55px;

	width:					55px;
	height:					55px;

	cursor: 				pointer;

	position: 				absolute;

	right:					5%;
	top:					50%;

	margin-top:				-27.5px;

	z-index:				10;
}

/*============================================================================*/
.HomeBestTitle {
	background-color:		#118dc3;

	font-size:				28px;
	font-size:				2.8rem;
	font-weight:			bold;

	color:					white;

	padding-top:			20px;
	padding-bottom:			20px;

	text-align: 			center;

	letter-spacing: 		1px;

	position: 				relative;

	transition: 			background-color 0.5s;
	-webkit-transition:		background-color 0.5s;
	-moz-transition: 		background-color 0.5s;
	-o-transition: 			background-color 0.5s;
	-ms-transition: 		background-color 0.5s;
}

.HomeBestTitle span {
	font-size:				60px;
	font-size:				6.0rem;

	display:				block;

	overflow: 				hidden;
	white-space: 			nowrap;
	text-overflow: 			ellipsis;
}

.HomeBestTitleArrow {
	position: 				absolute;

	left:					50%;
	bottom:					-39px;

	width:					45px;
	height:					39px;

	margin-left:			-22.5px;

	background-image:		url("/Templates/Default/gfx/HomeBestTitleArrow.png");
	background-size:		45px 39px;
	background-color:		#118dc3;

	transition: 			background-color 0.5s, left 0.25s;
	-webkit-transition:		background-color 0.5s, left 0.25s;
	-moz-transition: 		background-color 0.5s, left 0.25s;
	-o-transition: 			background-color 0.5s, left 0.25s;
	-ms-transition: 		background-color 0.5s, left 0.25s;
}

/*============================================================================*/
.HomeBest {
	max-width:				1170px;
	height:					330px;

	margin:					0 auto;
	margin-top:				80px;

	padding-left:			20px;
	padding-right:			20px;

	overflow: 				hidden;

	margin-bottom: 			60px;

	position: 				relative;
}

.HomeBestBoxWrapper {
	width:					33.33%;
	height:					100%;

	border:					10px transparent solid;

	float:					left;

	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;
}

.HomeBestBoxWrapper:first-child {
	margin-left:			0%;
}

.HomeBestBoxWrapper a {
	color:					black;
}

.HomeBestBoxWrapperPosition {
	float:					none;

	position: 				absolute;

	left:					0px;
	top:					0px;

	margin-left:			0px;
}

.HomeBestBoxWrapperNoTransition {
	transition: 			left 0s;
	-webkit-transition:		left 0s;
	-moz-transition: 		left 0s;
	-o-transition: 			left 0s;
	-ms-transition: 		left 0s;
}

.HomeBestBox {
	max-width: 				360px;
	height:					100%;

	margin:					0 auto;

	text-align: 			center;

	background-image:		url("/Templates/Default/gfx/HomeBestBox.png");
	background-size:		7px 10px;
	background-position: 	bottom left;
	background-repeat: 		repeat-x;

	padding-top:			40px;

	cursor:					pointer;
}

.HomeBestBox[rel=FreeArtwork] {
	background-color: 		#fd9d2c;
}

.HomeBestBox[rel=PersonalService] {
	background-color: 		#e75757;
}

.HomeBestBox[rel=CustomPricing] {
	background-color: 		#4cc572;
}

.HomeBestBox b {
	font-size:				30px;
	font-size:				3.0rem;

	margin-bottom:			10px;

	color:					white;

	display: 				block;
}

.HomeBestBoxIcon {
	background-size:		120px 150px;

	width:					120px;
	height:					150px;

	margin: 				0 auto;
}

.HomeBestBox[rel=FreeArtwork] .HomeBestBoxIcon {
	background-image:		url("/Templates/Default/gfx/HomeBestBoxIconFreeArtwork.png");
}

.HomeBestBox[rel=PersonalService] .HomeBestBoxIcon  {
	background-image:		url("/Templates/Default/gfx/HomeBestBoxIconPersonalService.png");
}

.HomeBestBox[rel=CustomPricing] .HomeBestBoxIcon  {
	background-image:		url("/Templates/Default/gfx/HomeBestBoxIconCustomPricing.png");
}

.HomeBestBoxDescription {
	font-size:				16px;
	font-size:				1.6rem;

	height:					40px;
	line-height: 			40px;

	margin-left:			20px;
	margin-right:			20px;

	color:					white;

	overflow: 				hidden;
	white-space: 			nowrap;
	text-overflow: 			ellipsis;

	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	border-radius:			10px;
}

.HomeBestBox[rel=FreeArtwork] .HomeBestBoxDescription {
	background-color: 		#d7811d;
}

.HomeBestBox[rel=PersonalService] .HomeBestBoxDescription  {
	background-color: 		#c73a3a;
}

.HomeBestBox[rel=CustomPricing] .HomeBestBoxDescription  {
	background-color: 		#379655;
}

/*============================================================================*/
.HomeFavorites {
	padding-top:			20px;
	padding-bottom:			40px;

	margin-bottom:			60px;

	background-color:		#F8F8F8;

	border-top:				1px #D9D9D9 solid;
	border-bottom:			1px #D9D9D9 solid;
}

.HomeFavorites.NoBottomMargin {
	margin-bottom: 0;
}

.HomeFavoritesTitle {
	background-image:		url("/Templates/Default/gfx/HomeFavoritesTitle.png");
	background-size:		245px 67px;

	width:					245px;
	height:					67px;
	line-height:			66px;

	font-size:				24px;
	font-size:				2.4rem;
	font-weight:			700;

	color:					white;

	text-align: 			center;

	margin:					0 auto;
	margin-bottom:			15px;

	letter-spacing: 		1px;
}

.HomeFavorites > span {
	font-size:				18px;
	font-size:				1.8rem;
	font-weight:			300;

	display:				block;

	text-align: 			center;

	margin-bottom: 			15px;
}

.HomeFavoritesSeparator {
	margin-bottom: 			30px;

	max-width:				210px;
	height:					1px;

	background-color:		#9B9B9B;

	margin:					0 auto;
}

.HomeFavoritesCategories {
	max-width:				1140px;
	height:					440px;

	padding-left:			20px;
	padding-right:			20px;

	margin: 				30px auto 0;

	overflow: 				hidden;

	position: 				relative;
}
.HomeFavoritesCategories.ScrollingActive {
	max-width:				1000px;
	height:					440px;

	padding-left:			0;
	padding-right:			0;
}

.HomeFavoritesCategoryWrapper {
	float:					left;

	width:					25%;
	height:					100%;

	border:					15px transparent solid;

	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;
}

.HomeFavoritesCategoryWrapper a {
	color:					black;
}

.HomeFavoritesCategory {
	max-width:				230px;
	height:					100%;

	margin:					0 auto;

	padding-left:			20px;
	padding-right:			20px;
	padding-top:			20px;

	background-color:		#4cc572;

	cursor:					pointer;

	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	border-radius:			10px;
}

.HomeFavoritesCategoryWrapper[rel=Pos2] .HomeFavoritesCategory {
	background-color:		#e75757;
}

.HomeFavoritesCategoryWrapper[rel=Pos3] .HomeFavoritesCategory {
	background-color:		#118dc3;
}

.HomeFavoritesCategoryWrapper[rel=Pos4] .HomeFavoritesCategory {
	background-color:		#fd9d2c;
}

.HomeFavoritesCategoryWrapperPosition {
	float:					none;

	position: 				absolute;

	left:					0px;
	top:					0px;

	margin-left:			0px;
}

.HomeFavoritesCategoryWrapperNoTransition {
	transition: 			left 0s;
	-webkit-transition:		left 0s;
	-moz-transition: 		left 0s;
	-o-transition: 			left 0s;
	-ms-transition: 		left 0s;
}

.HomeFavoritesCategoryImageWrapper {
	background-image:		url("/Templates/Default/gfx/HomeFavoritesCategoryImageWrapper.png");
	background-size:		95px 112px;

	margin:					0 auto;
	margin-bottom:			15px;

	width:					95px;
	height:					112px;
}

.HomeFavoritesCategoryImage {
	background:				transparent url("/Templates/Default/gfx/HomeFavoritesCategoryImage.png") scroll no-repeat center center;
	background-size:		contain;

	width:					94px;
	height: 				94px;
}

.HomeFavoritesCategory h2 {
	height: 				70px;

	font-size:				22px;
	font-size:				2.2rem;
	font-weight: 			700;

	line-height: 			30px;
	line-height: 			3.0rem;

	margin-top:				0px;
	margin-bottom:			20px;

	text-align: 			center;
}

.HomeFavoritesCategory p {
	height:					78px;

	overflow: 				hidden;

	margin-bottom:			30px;

	font-size:				15px;
	font-size:				1.5rem;

	line-height: 			24px;
	line-height: 			2.4rem;

	text-align: 			justify;
}

.HomeFavoritesCategoryAsLowAs {
	background-image:		url("/Templates/Default/gfx/HomeFavoritesCategoryAsLowAs.png");
	background-repeat:		repeat-x;
	background-position:	center center;

	max-width:				165px;
	height:					12px;
	line-height:			12px;

	margin: 				0 auto;

	text-align: 			center;
}

.HomeFavoritesCategoryAsLowAs span {
	padding-left:			10px;
	padding-right:			10px;

	background-color:		#4cc572;

	font-family:			'Vollkorn', serif;
	font-size:				14px;
	font-size:				1.4rem;
	font-style: 			italic;
}

.HomeFavoritesCategoryWrapper[rel=Pos2] .HomeFavoritesCategoryAsLowAs span {
	background-color:		#e75757;
}

.HomeFavoritesCategoryWrapper[rel=Pos3] .HomeFavoritesCategoryAsLowAs span {
	background-color:		#118dc3;
}

.HomeFavoritesCategoryWrapper[rel=Pos4] .HomeFavoritesCategoryAsLowAs span {
	background-color:		#fd9d2c;
}

.HomeFavoritesCategoryPrice {
	font-family:			'Vollkorn', serif;
	font-size:				30px;
	font-size:				3.0rem;
	font-weight: 			bold;

	text-align: 			center;

	margin-top:				10px;

	line-height:			20px;
}

.HomeFavoritesArrows {
	text-align: 			center;

	margin:					0 auto;

	width:					100%;
	max-width:				1140px;
	height:					0;

	position: 				relative;

	-moz-user-select:		none;
	-webkit-user-select: 	none;
}

.HomeFavoritesArrowsLeft,
.HomeFavoritesArrowsRight {
	width:					55px;
	height:					55px;

	background: #a1a1a1 scroll no-repeat center center;
	background-size: auto 72.727272%;

	cursor:					pointer;

	display:				none;

	position: 				absolute;
	top:					-275px;
}

.HomeFavoritesArrowsLeft {
	background-image:		url("/Templates/Default/gfx/HomeFavoritesArrowsLeft.svg");

	left:					0;
}

.HomeFavoritesArrowsRight {
	background-image:		url("/Templates/Default/gfx/HomeFavoritesArrowsRight.svg");

	right:					0;
}

/*============================================================================*/
.HomeTeam {
	max-width:				720px;

	margin: 				0 auto;
	margin-bottom:			80px;

	padding-left:			20px;
	padding-right:			20px;
}

.HomeTeamTitle {
	background-image:		url("/Templates/Default/gfx/HomeTeamTitle.png");
	background-size:		555px 30px;
	background-position:	bottom center;
	background-repeat:		no-repeat;

	padding-bottom:			40px;
	margin-bottom:			40px;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight:			300;

	text-align:				center;
}

.HomeTeamTitle b {
	font-size:				30px;
	font-size:				3.0rem;
	font-weight:			900;

	display:				block;

	margin-bottom:			10px;
}

.HomeTeamMember {
	text-align:				center;

	width:					22.75%;
	height:					220px;

	margin-left:			3%;
	margin-bottom:			40px;

	float:					left;

	/*overflow:				hidden;*/

	/*cursor:					pointer;*/
}

.HomeTeamMember:first-child,
.HomeTeamMember:nth-child(4n+1) {
	margin-left:			0%;
}

.HomeTeamMemberLightOverlay {
	background-color:		white;

	opacity: 				0;
	filter:					alpha(opacity=0);

	position: 				absolute;

	left:					0px;
	top:					0px;

	width:					100%;
	height:					100%;

	z-index: 				2;

	transition: 			opacity 0.5s;
	-webkit-transition:		opacity 0.5s;
	-moz-transition: 		opacity 0.5s;
	-o-transition: 			opacity 0.5s;
	-ms-transition: 		opacity 0.5s;
}

.HomeTeamMemberDarkOverlay {
	background-color:		black;

	opacity: 				0;
	filter:					alpha(opacity=0);

	position: 				absolute;

	left:					0px;
	top:					0px;

	width:					100%;
	height:					100%;

	z-index: 				2;

	transition: 			opacity 0.5s;
	-webkit-transition:		opacity 0.5s;
	-moz-transition: 		opacity 0.5s;
	-o-transition: 			opacity 0.5s;
	-ms-transition: 		opacity 0.5s;
}

.HomeTeamMemberLightOverlay.HomeTeamMemberOverlayOn {
	opacity: 				0.1;
	filter:					alpha(opacity=10);
}

.HomeTeamMemberDarkOverlay.HomeTeamMemberOverlayOn {
	opacity: 				0.50;
	filter:					alpha(opacity=50);
}

.HomeTeamMemberImageWrapper {
	background-size:		cover;

	width:					100%;
	max-width: 				150px;

	margin: 				0 auto;
	margin-bottom:			10px;

	position: 				relative;

	overflow: hidden;
}
.HomeTeamMemberImageWrapper::before {
	content: "";

	display: block;
	width: 100%;
	padding-bottom: 100%;
}

.HomeTeamMemberImage {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;

	width: 100%;

	transform: translateX(-50%) translateY(-50%);
}

.HomeTeamMember i {
	font-family:			'Vollkorn', serif;
	font-size:				16px;
	font-size:				1.6rem;
}

.HomeTeamMemberName {
	font-size:				16px;
	font-size:				1.6rem;
	font-weight:			300;

	white-space:			nowrap;

	text-transform: 		uppercase;
}

/*============================================================================*/
.HomeClients {
	max-width:				960px;

	margin: 				0 auto;
	margin-bottom:			80px;

	padding-left:			20px;
	padding-right:			20px;

	position: 				relative;
}

.HomeClientsTitle {
	background-image:		url("/Templates/Default/gfx/HomeClientsTitle.png");
	background-repeat:		repeat-x;
	background-position:	center center;

	height:					30px;
	line-height:			30px;

	font-size:				24px;
	font-size:				2.4rem;
	font-weight:			bold;

	text-align: 			center;
}

.HomeClientsTitle span {
	padding-left:			15px;
	padding-right:			15px;

	background-color:		white;
}

.HomeClientsLogos {
	margin-top:				50px;
	margin-bottom:			50px;

	width:					100%;
	height:					150px;

	overflow:				hidden;

	position:				relative;
}

.HomeClientsLogo {
	padding:				10px;

	width:					20%;
	height:					100%;

	cursor:					pointer;

	float:					left;

	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;
}

.HomeClientsLogoImage {
	background-image:		url("/Templates/Default/gfx/HomeClientsLogo.png");
	background-size:		contain;
	background-repeat:		no-repeat;
	background-position:	center center;

	width:					100%;
	height:					100%;
}

.HomeClientsLogoPosition {
	float:					none;

	position: 				absolute;

	left:					0px;
	top:					0px;

	margin-left:			0px;
}

.HomeClientsLogoNoTransition {
	transition: 			left 0s;
	-webkit-transition:		left 0s;
	-moz-transition: 		left 0s;
	-o-transition: 			left 0s;
	-ms-transition: 		left 0s;
}

.HomeClientsPopup {
	position: 				absolute;

	left:					0px;
	top:					50px;

	width:					100%;
	height:					0px;

	opacity:				0;
	filter:					alpha(opacity=0);

	background-color:		white;

	transition: 			opacity 0.5s, height 0.5s;
	-webkit-transition:		opacity 0.5s, height 0.5s;
	-moz-transition: 		opacity 0.5s, height 0.5s;
	-o-transition: 			opacity 0.5s, height 0.5s;
	-ms-transition: 		opacity 0.5s, height 0.5s;

	padding-left:			35%;
	padding-top: 			20px;
	padding-right:			20px;

	font-size:				14px;
	font-size:				1.4rem;
	line-height: 			2.0rem;

	overflow: 				hidden;
}

.HomeClientsPopupClose {
	background-image:		url("/Templates/Default/gfx/HomeClientsPopupClose.png");
	background-size:		28px 28px;

	width:					28px;
	height:					28px;

	position: 				absolute;

	right:					20px;
	top:					20px;

	cursor: 				pointer;
}

.HomeClientsPopup b {
	font-size:				20px;
	font-size:				2.0rem;
	margin-bottom: 			20px;

	display:				block;
}

.HomeClientsPopupVisible {
	opacity:				1;
	filter:					alpha(opacity=100);

	height:					200px;
}

.HomeClientsPopupImage {
	position: 				absolute;

	left:					0px;
	top:					0px;

	padding:				10px;
}

.HomeClientsPopupImageTransition {
	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;

	width:					200px !important;
	height:					200px !important;
}

.HomeClientsPopupImageHide {
	width:					0px !important;
	height:					0px !important;
}

.HomeClientsArrows {
	border-top:				1px #7f7f7f solid;

	text-align: 			center;

	padding-top:			10px;

	margin:					0 auto;

	width:					100%;
	height:					27px;

	position: 				relative;

	-moz-user-select:		none;
	-webkit-user-select: 	none;
}

.HomeClientsArrowsLeft {
	background-image:		url("/Templates/Default/gfx/HomeClientsArrowsLeft.png");
	background-size:		28px 27px;

	width:					28px;
	height:					27px;

	cursor:					pointer;

	display:				none;

	position: 				absolute;

	left:					50%;
	top:					10px;

	margin-left:			-33px;
}

.HomeClientsArrowsLeft:hover {
	background-image:		url("/Templates/Default/gfx/HomeClientsArrowsLeftHover.png");

	cursor:					pointer;
}

.HomeClientsArrowsRight {
	background-image:		url("/Templates/Default/gfx/HomeClientsArrowsRight.png");
	background-size:		28px 27px;

	width:					28px;
	height:					27px;

	cursor:					pointer;

	display:				none;

	position: 				absolute;

	left:					50%;
	top:					10px;

	margin-left:			5px;
}

.HomeClientsArrowsRight:hover {
	background-image:		url("/Templates/Default/gfx/HomeClientsArrowsRightHover.png");

	cursor:					pointer;
}

/*============================================================================*/
.NotFound404 {
	background:				url("/Templates/Default/gfx/NotFound404.png") 20px 40px no-repeat;

	min-height: 			182px;
	padding-left:			193px;
	margin-bottom:			40px;
	padding-top:			50px;
	max-width:				1000px;
	margin-left:			auto;
	margin-right:			auto;
	padding-right:			200px;
}

/*============================================================================*/
.Content {
	max-width:				1280px;
	min-height:				400px;

	padding-left: 			20px;
	padding-right:			20px;

	margin:					0 auto;
	margin-top:				40px;
	margin-bottom: 			40px;

	line-height: 			24px;
	line-height: 			2.4rem;
}

.Content > h1 {
	font-size:				36px;
	font-size:				3.6rem;
	font-weight:			700;

	line-height: 			40px;
	line-height: 			4.0rem;

	margin:					0;
	margin-bottom: 			20px;
}

.ContentText > p {
	margin-bottom: 			20px;
}

.ContentText > p:last-child {
	margin-bottom: 			0px;
}

/*============================================================================*/
.Breadcrumbs {
	max-width:				1280px;

	margin:					0 auto;
	margin-top:				14px;

	padding-left: 			20px;
	padding-right:			20px;

	font-size:				12px;
	font-size:				1.2rem;
	line-height: 			24px;
}

.Breadcrumbs a {
	color:					#5e5e5e;
}

.Breadcrumbs a:last-child {
	color:					#118dc3;
}

.Breadcrumbs a:hover {
	color:					#37a8d8 !important;
}

.BreadcrumbsSeparator {
	display:				inline-block;

	margin-left:			10px;
	margin-right:			10px;

	width:					7px;
	height:					24px;

	background-image:		url("/Templates/Default/gfx/BreadcrumbsSeparator.png");
	background-size:		7px 14px;
	background-repeat: 		no-repeat;
	background-position: 	center center;

	vertical-align: 		bottom;
}

.BreadcrumbsFilter {
	background-image:		url("/Templates/Default/gfx/BreadcrumbsFilter.png");
	background-color:		#e9e9e9;
	background-repeat:		no-repeat;
	background-position:	right center;
	background-size:		21px 16px;

	color:					#555555;

	height:					26px;
	line-height:			26px;

	padding-left:			8px;
	padding-right:			26px;

	font-size:				12px;
	font-size:				1.2rem;

	margin-right:			5px;

	cursor:					pointer;

	display:				inline-block;

	transition:				0.25s;
}

.BreadcrumbsFilter:hover {
	background-color:		#DDDDDD;
}

/*============================================================================*/
.CategoryListing {
	margin-top: 			10px;
}

.CategoryListingHeader {
	text-align: 			center;

	margin-bottom: 			40px;
}

.CategoryListingHeader h1 {
	padding-left:			110px;

	background-position: 	left center;
	background-size:		95px 95px;
	background-repeat: 		no-repeat;
	background-image: 		url("/Templates/Default/gfx/CategoryListingHeaderH1.png");

	font-family:			'Vollkorn', serif;

	font-size:				48px;
	font-size:				4.8rem;
	font-weight: 			700;

	min-height: 			80px;

	margin:					0;

	line-height: 			95px;

	display: 				inline-block;
}

.CategoryListingHeader h1[rel=Icon] {
}

.CategoryListingDescriptionWrapper {
	text-align: 			center;
}

.CategoryListingDescription {
	max-width: 				700px;

	margin-bottom:			60px;

	min-height:				60px;

	font-size:				16px;
	font-size:				1.6rem;

	line-height: 			24px;
	line-height: 			2.4rem;

	display: 				inline-block;

	position: 				relative;

	text-align: 			left;
}

.CategoryListingDescriptionFade {
	background-size: 		contain;
	background-image: 		url("/Templates/Default/gfx/CategoryListingDescriptionFade.png");

	position: 				absolute;

	left: 					0px;
	bottom: 				-30px;

	width: 					100%;
	height: 				105px;

	pointer-events: 		none;
}

.CategoryListingFeaturedWrapper {
	position: 				relative;

	width:					100%;
	height:					280px;

	margin-bottom: 			120px;

	overflow: 				hidden;
}

.CategoryListingFeatured {
	width:					31.33%;
	height:					100%;

	float:					left;

	position: 				relative;

	background-image:		url("/Templates/Default/gfx/CategoryListingFeatured.png");
	background-size:		cover;

	cursor: 				pointer;

	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;

	margin-left:			1%;
	margin-right:			1%;
}

.CategoryListingFeaturedPosition {
	float:					none;

	position: 				absolute;

	left:					0px;
	top:					0px;
}

.CategoryListingFeaturedNoTransition {
	transition: 			left 0s;
	-webkit-transition:		left 0s;
	-moz-transition: 		left 0s;
	-o-transition: 			left 0s;
	-ms-transition: 		left 0s;
}

.CategoryListingFeaturedOverlayLight {
	position: 				absolute;

	left:					0px;
	top:					0px;

	width:					100%;
	height:					100%;

	z-index:				1;

	opacity: 				0;
	filter:					alpha(opacity=0);

	background-color:		white;

	transition: 			opacity 0.5s;
	-webkit-transition:		opacity 0.5s;
	-moz-transition: 		opacity 0.5s;
	-o-transition: 			opacity 0.5s;
	-ms-transition: 		opacity 0.5s;
}

.CategoryListingFeaturedOverlayLightActive {
	opacity: 				0.15;
	filter:					alpha(opacity=15);
}

.CategoryListingFeaturedOverlayDark {
	position: 				absolute;

	left:					0px;
	top:					0px;

	width:					100%;
	height:					100%;

	z-index:				1;

	opacity: 				0;
	filter:					alpha(opacity=0);

	background-color:		black;

	transition: 			opacity 0.5s;
	-webkit-transition:		opacity 0.5s;
	-moz-transition: 		opacity 0.5s;
	-o-transition: 			opacity 0.5s;
	-ms-transition: 		opacity 0.5s;
}

.CategoryListingFeaturedOverlayDarkActive {
	opacity: 				0.50;
	filter:					alpha(opacity=50);
}

.CategoryListingFeaturedBar {
	background-color:		#118dc3;

	opacity:				0.8;
	filter:					alpha(opacity=80);

	width:					100%;
	height:					100px;

	overflow: 				hidden;

	position: 				absolute;

	left:					0px;
	bottom:					10px;

	z-index:				2;
}

.CategoryListingFeaturedText {
	width:					100%;
	height:					86px;

	overflow: 				hidden;

	padding:				20px;
	padding-top:			16px;

	position: 				absolute;

	left:					0px;
	bottom:					26px;

	z-index:				3;

	color:					white;
}

.CategoryListingFeaturedText h2 {
	font-size:				24px;
	font-size:				2.4rem;

	margin:					0;

	display: 				inline-block;
}

.CategoryListingProducts {
}

.CategoryListingProducts a {
	color:					black;
}

.CategoryListingProduct {
	float:					left;

	width:					25%;
	height:					244px;

	margin-bottom: 			80px;

	padding-left:			20px;
	padding-right:			20px;

	border-right:			1px #cdcdcd solid;

	overflow: 				hidden;

	text-align: 			center;

	cursor: 				pointer;

	position: 				relative;
}

.CategoryListingProducts a:nth-child(4n) .CategoryListingProduct {
	border-right:				none;
}

.CategoryListingProductImage {
	width:					100%;
	height:					170px;

	margin-bottom:			10px;

	background-image:		url("/Templates/Default/gfx/CategoryListingProductImage.png");
	background-size:		contain;
	background-repeat:		no-repeat;
	background-position: 	center center;
}

.CategoryListingProduct h3 {
	margin:					0;
	margin-bottom: 			20px;

	font-size:				24px;
	font-size:				2.4rem;

	line-height:			28px;
	line-height:			2.8rem;
}

.CategoryListingProduct p {
	font-size:				14px;
	font-size:				1.4rem;

	line-height: 			20px;
	line-height: 			2.0rem;

	display:				none;
}

.CategoryListingProductFade {
	background-size: 		contain;
	background-image: 		url("/Templates/Default/gfx/CategoryListingProductFade.png");

	position: 				absolute;

	left: 					0px;
	bottom: 				0px;

	width: 					100%;
	height: 				20%;

	pointer-events: 		none;

	display:				none;
}

/*============================================================================*/
.ProductListing {
	margin-top:				20px;
}

.ProductListing .CategoryListingHeader {
	margin-bottom:			20px;
}

.ProductListingSidebarMobile {
	display:				none;
}

.ProductListingSidebar {
	float:					left;

	width:					20%;
	margin-right:			5%;

	position: 				relative;

	margin-bottom:			40px;

	line-height:			normal;
}

.ProductListingSidebarTitle {
	font-size:				18px;
	font-size:				1.8rem;

	font-weight:			700;

	border-bottom:			4px black solid;

	margin: 				0;

	height:					46px;
	line-height: 			40px;
	line-height: 			4.0rem;

	white-space: 			nowrap;
	text-overflow: 			ellipsis;
	overflow: 				hidden;
}

.ProductListingSidebarTitleSearch {
	background-image:		url("/Templates/Default/gfx/ProductListingSidebarTitleSearch.png");
	background-size:		33px 32px;
	background-repeat: 		no-repeat;
	background-position: 	left center;

	padding-left:			40px;
}

.ProductListingSidebarNum {
	font-size:				20px;
	font-size:				2.0rem;

	font-weight:			300;

	margin-bottom: 			40px;
}

.ProductListingSidebarNum span {
	font-size:				68px;
	font-size:				6.8rem;
}

.ProductListingSidebarHeader {
	font-size:				18px;
	font-size:				1.8rem;

	background-image:		url("/Templates/Default/gfx/ProductListingSidebarHeader.png");
	background-position: 	bottom left;
	background-repeat: 		repeat-x;
	background-size:		4px 11px;

	padding-bottom: 		24px;
	margin-bottom: 			10px;
}

.ProductListingSidebarAttributes {
	margin:					0;
	padding:				0;

	list-style-type: 		none;

	margin-bottom: 			40px;
	padding-left:			8px;
}

.ProductListingSidebarAttributes li {
	margin:					0;
	padding:				0;

	font-size:				14px;
	font-size:				1.4rem;

	line-height: 			15px;

	background-image:		url("/Templates/Default/gfx/ProductListingSidebarAttributesLI.png");
	background-position: 	left top;
	background-repeat: 		no-repeat;
	background-size:		15px 15px;

	padding-left:			26px;

	margin-bottom: 			10px;

	cursor: 				pointer;

}

.ProductListingSidebarAttributes li[rel=Active], .ProductListingSidebarAttributes li:hover {
	background-image:		url("/Templates/Default/gfx/ProductListingSidebarAttributesLIActive.png");
}

.ProductListingSidebarAttributes li a {
	color:					black;
}

.ProductListingSidebarAttributesShowMore {
	background-image:		url("/Templates/Default/gfx/ProductListingSidebarAttributesShowMore.png") !important;
	background-size:		15px 15px;

	color:					#1c94d3;

	cursor: 				pointer;
}

.ProductListingPriceSlider.Slider.ui-slider {
	width:					100%;
}

.ProductListingPriceLow {
	display: 				inline-block;

	width:					50%;

	font-size:				12px;
	font-size:				1.2rem;
}

.ProductListingPriceHigh {
	display: 				inline-block;

	width:					50%;

	font-size:				12px;
	font-size:				1.2rem;

	text-align: 			right;
}

.ProductListingContent {
	float:					left;

	width:					75%;
}

.ProductListingHeaderMobile {
	display: 				none;
}

.ProductListingFilters {
	height:					46px;
	line-height: 			40px;

	border-bottom:			4px black solid;

	font-size:				18px;
	font-size:				1.8rem;

	font-weight:			700;

	margin-bottom: 			20px;
}

.ProductListingFilters .Dropdown {
	margin-left:			4px;
}

.ProductListingFilterView {
	float:					left;

	width:					20%;
}

.ProductListingFilterView[rel=NoPages] {
	width: 					30%;
}

.ProductListingFilterViewIcon {
	background-color:		#a3a3a3;

	width:					24px;
	height:					24px;

	display: 				inline-block;

	margin-left:			10px;

	cursor: 				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;

	vertical-align: 		middle;
}

.ProductListingFilterViewIcon:hover {
	background-color:		#4cc572;
}

.ProductListingFilterViewIcon[rel=Active] {
	background-color: 		#ff0066;
}

.ProductListingFilterViewIcon[rel=Active]:hover {
	background-color: 		#ff3b89;
}

.ProductListingFilterViewGrid {
	background-image:		url("/Templates/Default/gfx/ProductListingFilterViewGrid.png");
	background-size:		24px 24px;
}

.ProductListingFilterViewList {
	width:					32px;

	background-image:		url("/Templates/Default/gfx/ProductListingFilterViewList.png");
	background-size:		32px 24px;
}

.ProductListingSortBy {
	float:					left;

	width:					40%;
}

.ProductListingSortBy[rel=NoPages] {
	text-align: 			center;
}

.ProductListingDisplay {
	float:					left;

	width:					20%;
}

.ProductListingDisplay[rel=NoPages] {
	width: 					30%;

	text-align: 			right;
}

.ProductListingPages {
	float:					left;

	width:					20%;

	text-align: 			right;

	font-size: 				16px;
	font-size: 				1.6rem;
}

.ProductListingPages[rel=NoPages] {
	display:				none;
}

.ProductListingPages a {
	color:					black;

	font-weight:			300;

	padding-left: 			5px;
}

.ProductListingPages a[rel=Active] {
	color:					#1c94d3;

	font-weight:			500;
}

.ProductListingBanner {
	width: 					100%;

	margin-bottom: 			40px;

	position: 				relative;
}

.ProductListingBanner img {
	width: 					100%;

	transition: 			opacity 0.5s;
	-webkit-transition:		opacity 0.5s;
	-moz-transition: 		opacity 0.5s;
	-o-transition: 			opacity 0.5s;
	-ms-transition: 		opacity 0.5s;
}

.ProductListingBanner img:hover {
	opacity: 				0.85;
	filter:					alpha(85);
}

.ProductListingProducts {
}

.ProductListingProductsNotFound {
	font-weight:			bold;

	padding-top:			20px;
	padding-bottom:			40px;

	text-align:				center;
}

.ProductListingProduct {
	width:					28%;
	height:					390px;

	margin-bottom: 			60px;

	float: 					left;

	overflow: 				hidden;

	transition: 			width 0.5s;
	-webkit-transition:		width 0.5s;
	-moz-transition: 		width 0.5s;
	-o-transition: 			width 0.5s;
	-ms-transition: 		width 0.5s;
}

.ProductListingProduct[rel=Mid] {
	margin-left:			8%;
	margin-right: 			8%;
}

.ProductListingProductDescription {
	display:				none;
}

@media only screen and (min-width: 1024px) {
	.ProductListingProductList, .ProductListingProduct.ProductListingProductList[rel=Mid] {
		width:					100%;
		height:					180px;

		margin-left: 			0;
		margin-right: 			0;
		margin-bottom:			30px;
		padding-top:			30px;

		border-top:				1px #cdcdcd solid;
	}

	.ProductListingProductList:first-child {
		border-top:				none;
	}

	.ProductListingProductList .ProductListingProductImage {
		width:					15%;
		height:					100%;

		float:					left;
	}

	.ProductListingProductList .ProductListingProductContent {
		width:					30%;

		padding-left:			20px;

		float:					left;
	}

	.ProductListingProductList .ProductListingProductDescription {
		width:					55%;
		height: 				100%;

		position: 				relative;

		padding-left:			20px;
		padding-top:			20px;

		font-size:				14px;
		font-size: 				1.4rem;

		line-height: 			24px;
		line-height: 			2.4rem;

		float:					left;

		overflow: 				hidden;

		display: 				block;
	}

	.ProductListingProductList .ProductListingProductDescriptionReadMore {
		font-size:				12px;
		font-size:				1.2rem;
	}

	.ProductListingProductDescriptionFade {
		background-size: 		contain;
		background-image: 		url("/Templates/Default/gfx/ProductListingProductDescriptionFade.png");

		position: 				absolute;

		left: 					0px;
		bottom: 				0px;

		width: 					100%;
		height: 				105px;

		pointer-events: 		none;

		display:				none;
	}
}

.ProductListingProductImage {
	background-image:		url("/Templates/Default/gfx/ProductListingProductImage.png");
	background-size:		contain;
	background-position: 	center center;
	background-repeat:		no-repeat;

	width:					100%;
	height:					250px;
}

.ProductListingProduct h2 {
	font-size:				22px;
	font-size:				2.2rem;
	font-weight: 			700;

	line-height: 			28px;
	line-height: 			2.8rem;
	height:					60px;

	margin-top: 			20px;
	margin-bottom: 			10px;

	color:					black;

	overflow: 				hidden;

	transition: 			color 0.25s;
	-webkit-transition:		color 0.25s;
	-moz-transition: 		color 0.25s;
	-o-transition: 			color 0.25s;
	-ms-transition: 		color 0.25s;
}

.ProductListingProduct h2:hover {
	color:					#1c94d3;
}

.ProductListingProductReviews {
	background-image:		url("/Templates/Default/gfx/ProductListingProductReviews.png");
	background-repeat:		no-repeat;
	background-size:		93px 84px;

	width:					93px;
	height:					14px;

	margin-bottom: 			4px;
}

.ProductListingProductReviews[rel=Rating1] { background-position: 0px -14px; }
.ProductListingProductReviews[rel=Rating2] { background-position: 0px -28px; }
.ProductListingProductReviews[rel=Rating3] { background-position: 0px -42px; }
.ProductListingProductReviews[rel=Rating4] { background-position: 0px -56px; }
.ProductListingProductReviews[rel=Rating5] { background-position: 0px -70px; }

.ProductListingProductPrice {
	font-size:				14px;
	font-size:				1.4rem;
	font-style: 			italic;

	color:					#1d1d1d;
}

.ProductListingProductPriceAB {
	display: 				none;
}

.ProductListingProductPrice b {
	font-size:				24px;
	font-size:				2.4rem;
	font-family:			'Vollkorn', serif;

	color:					#118dc3;

	padding-left:			5px;
	padding-right:			2px;

	vertical-align: 		middle;
}

.ProductListingProductPriceAB b {
	font-size:				20px;
	font-size:				2.0rem;
}

.ProductListingFooter {
	border-top:				4px black solid;

	padding-top:			10px;
	margin-bottom: 			80px;
}

.ProductListingFooterNumResults {
	float:					left;

	width:					50%;

	font-weight:			300;
}

.ProductListingFooterNumResults b {
	color:					#118dc3;
}

.ProductListingFooterPages {
	width:					50%;

	float:					left;

	text-align: 			right;

	font-size: 				16px;
	font-size: 				1.6rem;
}

.ProductListingFooterPages a {
	color:					black;

	font-weight:			300;

	padding-left: 			5px;
}

.ProductListingFooterPages a[rel=Active] {
	color:					#1c94d3;

	font-weight:			500;
}

/*============================================================================*/
.ProductContent {
	margin-top:				20px;
}

.ProductContent h1 {
	font-size:				24px;
	font-size:				2.4rem;
	font-weight: 			700;

	margin: 				0;
	margin-bottom: 			20px;
}

.ProductLeft {
	width: 					40%;
	margin-right: 			5%;

	float:					left;
}

.ProductCode {
	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			300;

	margin-bottom: 			10px;
}

.ProductReviews {
	height: 				14px;
	line-height: 			14px;

	padding-left: 			110px;

	font-size:				11px;
	font-size:				1.1rem;
	font-style: 			italic;

	background-image: 		url("/Templates/Default/gfx/ProductReviews.png");
	background-repeat: 		no-repeat;
}

.ProductReviews[rel=Rating1] { background-position: 0px -14px; }
.ProductReviews[rel=Rating2] { background-position: 0px -28px; }
.ProductReviews[rel=Rating3] { background-position: 0px -42px; }
.ProductReviews[rel=Rating4] { background-position: 0px -56px; }
.ProductReviews[rel=Rating5] { background-position: 0px -70px; }

.ProductSocial {
	margin-top: 			20px;
	margin-bottom: 			20px;
}

.ProductSocialFacebook {
	width:					120px;

	float:					left;

	margin-top:				-4px;
}

.ProductSocialTwitter {
	width:					120px;

	float:					left;
}

.ProductSocialPinterest {
	width:					120px;

	float:					left;
}

.ProductPrimaryImageWrapper {
	width: 					100%;
	height: 				360px;

	margin-bottom: 			20px;

	overflow: 				hidden;

	background-color: 		white;

	position: 				relative;
}

.ProductPrimaryImage {
	width: 					100%;
	height: 				100%;

	background-size:		contain;
	background-repeat: 		no-repeat;
	background-position: 	center center;

	cursor: 				pointer;

	float:					left;

	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;
}

.ProductPrimaryImagePosition {
	float:					none;

	position: 				absolute;

	left:					0px;
	top:					0px;

	margin-left:			0px;
}

.ProductPrimaryImageNoTransition {
	transition: 			left 0s;
	-webkit-transition:		left 0s;
	-moz-transition: 		left 0s;
	-o-transition: 			left 0s;
	-ms-transition: 		left 0s;
}

.ProductPrimaryImageVideo {
	background-image:		url("/Templates/Default/gfx/ProductPrimaryImageVideo.png");
	background-size:		64px 64px;

	width: 					64px;
	height: 				64px;

	position: 				absolute;

	top:					50%;
	left: 					50%;

	margin-left:			-32px;
	margin-top:				-32px;

	z-index: 				1;
}

.ProductImagesWrapper {
	position: 				relative;

	height: 				66px;

	padding-left:			40px;
	padding-right: 			40px;
}

.ProductImagesLeft {
	background-image: 		url("/Templates/Default/gfx/ProductImagesLeft.png");
	background-size: 		28px 54px;

	position: 				absolute;

	left: 					0px;
	top:					50%;

	margin-top:				-14px;

	width: 					28px;
	height: 				27px;

	cursor: 				pointer;
}

.ProductImagesLeft:hover {
	background-position: 	0px -27px;
}

.ProductImagesRight {
	background-image: 		url("/Templates/Default/gfx/ProductImagesRight.png");
	background-size: 		28px 54px;

	position: 				absolute;

	right: 					0px;
	top:					50%;

	margin-top:				-14px;

	width: 					28px;
	height: 				27px;

	cursor: 				pointer;
}

.ProductImagesRight:hover {
	background-position: 	0px -27px;
}

.ProductImages {
	position: 				relative;

	width: 					100%;
	height: 				100%;

	overflow: 				hidden;
}

.ProductImageWrapper {
	width: 					16%;
	height: 				100%;

	border: 				5px white solid;

	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;

	float: 					left;

	position: 				relative;
}

.ProductImage {
	width: 					100%;
	height: 				100%;

	border:					1px #5e5e5e solid;

	background-size:		contain;
	background-repeat: 		no-repeat;
	background-position: 	center center;

	cursor: 				pointer;
}

.ProductImage:hover {
	border:					1px #53b3dc solid;
}

.ProductImage[rel=Video] {
	background-size: 		cover;
}

.ProductImageVideo {
	background-image:		url("/Templates/Default/gfx/ProductImageVideo.png");
	background-size:		32px 32px;

	width: 					32px;
	height: 				32px;

	position: 				absolute;

	top:					50%;
	left: 					50%;

	margin-left:			-16px;
	margin-top:				-16px;

	z-index: 				1;
}

.ProductImageWrapper[rel=Active] .ProductImage {
	border:					1px #118dc3 solid;
}

.ProductImageWrapper[rel=Active] .ProductImage:hover {
	border:					1px #53b3dc solid;
}

.ProductImageWrapperPosition {
	float:					none;

	position: 				absolute;

	left:					0px;
	top:					0px;
}

.ProductImageWrapperNoTransition {
	transition: 			left 0s;
	-webkit-transition:		left 0s;
	-moz-transition: 		left 0s;
	-o-transition: 			left 0s;
	-ms-transition: 		left 0s;
}

.ProductOptions {
	float:					right;

	width: 					55%;
	max-width: 				637px;
}

.ProductOptionsHeader {
	font-size:				14px;
	font-size:				1.4rem;

	border-bottom:			4px #4cc572 solid;

	padding-bottom: 		8px;
	margin-bottom: 			10px;

	display:				block;
}

.ProductOptionsTab {
	background-color: 		#f2f2f2;
	background-position: 	12px center;
	background-repeat: 		no-repeat;

	color:					#939393;

	height: 				34px;
	line-height: 			34px;

	font-size: 				16px;
	font-size:				1.6rem;

	padding-left: 			42px;
	padding-right: 			16px;

	margin-left: 			8px;

	display: 				inline-block;

	cursor: 				pointer;

	transition: 			background-color 0.25s, color 0.25s;
	-webkit-transition:		background-color 0.25s, color 0.25s;
	-moz-transition: 		background-color 0.25s, color 0.25s;
	-o-transition: 			background-color 0.25s, color 0.25s;
	-ms-transition: 		background-color 0.25s, color 0.25s;
}

.ProductOptionsTab:hover {
	background-color: 		#e5e5e5;
}

.ProductOptionsTab[rel=Customize] {
	background-image:		url("/Templates/Default/gfx/ProductOptionsTabCustomize.png");
	background-size: 		18px 18px;
}

.ProductOptionsTab[rel=Quote] {
	background-image:		url("/Templates/Default/gfx/ProductOptionsTabQuote.png");
	background-size: 		50px 24px;

	padding-left: 			74px;

	margin-left: 			5px;
}

.ProductOptionsTabEdit {
	background-image:		url("/Templates/Default/gfx/ProductOptionsTabEdit.png") !important;
	background-color: 		#e55a54 !important;

	color: 					white !important;
}

.ProductOptionsTabActive, .ProductOptionsTabActive:hover {
	background-color: 		#d1d1d1;
	color:					#41545b;
}

.ProductOptionsTabQuoteThanks {
	padding: 				20px;

	border:					1px #d1d1d1 solid;

	display:				none;
}

.ProductOptionsTabContent {
	padding: 				20px;

	border:					1px #d1d1d1 solid;
}

.ProductOptionsStep {
	display:				none;
}

.ProductOptionsStep[rel=Step1] {
	display:				block;
}

.ProductOptionsSteps {
	position: 				relative;

	height: 				34px;

	margin-bottom: 			10px;
	padding-right: 			56px;

	background-color: 		#d1d1d1;
}

.ProductOptionsStepsProgress {
	float:					left;

	height: 				100%;
	line-height: 			34px;

	position: 				relative;

	background-color: 		#d1d1d1;
	background-size: 		14px 34px;
	background-position: 	right center;
	background-repeat: 		no-repeat;

	color: 					#919191;

	padding-left: 			10px;
	padding-right: 			20px;

	cursor: 				pointer;
}

.ProductOptionsStepsArrow {
	background-image:		url("/Templates/Default/gfx/ProductOptionsStepsArrow.png");
	background-size: 		18px 102px;

	width: 					18px;
	height: 				34px;

	position: 				absolute;

	right: 					-18px;
	top:					0px;

	z-index: 				10;
}

.ProductOptionsStepsProgressText {
	overflow: 				hidden;
	text-overflow: 			ellipsis;
	white-space: 			nowrap;

	font-size: 				13px;
	font-size:				1.3rem;
}

.ProductOptionsSteps1 { width: 28%; }
.ProductOptionsSteps2 { width: 42%; padding-left: 28px; }
.ProductOptionsSteps3 { width: 30%; padding-left: 28px; }

.ProductOptionsStepsProgress[rel=Active] {
	background-image:		url("/Templates/Default/gfx/ProductOptionsStepsProgressActive.png");
	background-color: 		#4cc572;

	color:					white;
}

.ProductOptionsStepsProgress[rel=Done] {
	background-image:		url("/Templates/Default/gfx/ProductOptionsStepsProgressDone.png");
	background-color: 		#118dc3;

	color:					#0b3a53;
}

.ProductOptionsStepsProgress[rel=Active] .ProductOptionsStepsArrow 	{ background-position: 0px -34px; }
.ProductOptionsStepsProgress[rel=Done] .ProductOptionsStepsArrow 	{ background-position: 0px -68px; }

.ProductOptionsStepsCart {
	background-image:		url("/Templates/Default/gfx/ProductOptionsStepsCart.png");
	background-size: 		34px 34px;

	width: 					34px;
	height: 				34px;

	position: 				absolute;

	right: 					2px;
	top: 					0px;
}

.ProductOptionsPricingAndColors {
	margin-bottom: 			20px;
}

.ProductOptionsPricing {
	width: 					100%;

	margin-bottom: 			40px;
}

.ProductOptionsPricing tr {
}

.ProductOptionsPricing tr td {
	background-color:		#d7e9f1;

	height:					40px;
	line-height: 			40px;

	font-size:				18px;
	font-size:				1.8rem;

	color:					#2a2a2a;

	text-align: 			center;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductOptionsPricing tr td:first-child {
	background-color:		#7cc9ea;
}

.ProductOptionsPricing tr td[rel=OnSale] {
	color:					#ff0066;
}

.ProductOptionsPricing tr td[rel=Quantity]:hover {
	background-color:		#9fd6ed;

	cursor: 				pointer;
}

.ProductOptionsPricingIcon {
	width:					40px;
	height:					40px;

	background-repeat: 		no-repeat;
	background-size:		40px 40px;

	margin-left:			20px;
	margin-right:			20px;

	display:				inline-block;

	vertical-align: 		middle;
}

.ProductOptionsPricingIcon[rel=Quantity] 	{ background-image: url("/Templates/Default/gfx/ProductOptionsPricingIconQuantity.png"); }
.ProductOptionsPricingIcon[rel=Price] 		{ background-image: url("/Templates/Default/gfx/ProductOptionsPricingIconPrice.png"); }
.ProductOptionsPricingIcon[rel=SalePrice] 	{ background-image: url("/Templates/Default/gfx/ProductOptionsPricingIconSalePrice.png"); }

.ProductOptionsPricingSlashWrapper {
	height: 				0;

	position: 				relative;
}

.ProductOptionsPricingSlash {
	width:					100%;
	height:					1px;

	top:					20px;
	left:					0px;

	position: 				absolute;

	background-color:		#ff0066;
}

.ProductOptionsPricing tr td:nth-child(2) .ProductOptionsPricingSlash {
	width: 					90%;

	right:					0px;
	left:					auto;
}

.ProductOptionsPricing tr td:last-child .ProductOptionsPricingSlash {
	width: 					90%;
}

.ProductOptionsColors {
}

.ProductOptionsColorsGroup {
	float:					left;

	width:					45%;
}

.ProductOptionsNumColorsWrapper {
	margin-bottom: 			20px;
	padding-bottom: 		10px;

	border-bottom: 			1px #4cc572 solid;
}

.ProductOptionsNumColorsWrapper b {
	display:				block;

	font-size:				12px;
	font-size:				1.2rem;

	margin-bottom: 			10px;
}

.ProductOptionsNumColors {
	width:					25%;
	height:					30px;
	line-height: 			28px;

	font-size:				12px;
	font-size:				1.2rem;
	font-weight: 			bold;

	background-color: 		#787878;

	color:					white;

	cursor: 				pointer;

	display: 				inline-block;

	transition: 			background-color 0.25s;
	-webkit-transition: 	background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;

	border:					2px white solid;

	text-align: 			center;
}

.ProductOptionsNumColors:hover {
	background-color: 		#3f985b;
}

.ProductOptionsNumColorsActive, .ProductOptionsNumColorsActive:hover {
	background-color: 		#4cc572;
}

.ProductOptionsColorsProduct {
	margin-right: 			10%;
}

.ProductOptionsColorsSelected {
	font-size:				12px;
	font-size:				1.2rem;
	font-weight: 			700;

	margin-bottom: 			10px;

	text-transform: 		uppercase;

	white-space: 			nowrap;
	overflow: 				hidden;
	text-overflow: 			ellipsis;
}

.ProductOptionsColorsSelected span {
	text-transform: 		none;
}

.ProductOptionsColorsListWrapper {
	min-height: 			50px;

	padding-left:			50px;

	position: 				relative;
}

.ProductOptionsColorsSelectedSwatch {
	background-color: 		white;

	width:					40px;
	height: 				40px;

	position: 				absolute;

	left:					0px;
	top:					0px;

	background-size: 		cover;
	background-position: 	center center;

	transition: 			background-color 0.25s, color 0.25s;
	-webkit-transition:		background-color 0.25s, color 0.25s;
	-moz-transition: 		background-color 0.25s, color 0.25s;
	-o-transition: 			background-color 0.25s, color 0.25s;
	-ms-transition: 		background-color 0.25s, color 0.25s;
}

.ProductOptionsColorsSelectedSwatch[rel=Light] {
	border: 				1px #bab9b9 solid;
}

.ProductOptionsColorsSelectedSwatch[rel=None] {
	background-image:		url("/Templates/Default/gfx/ProductOptionsColorsSelectedSwatchNone.png");

	border: 				1px #bab9b9 solid;
}

.ProductOptionsColorsList {
}

.ProductOptionsColorsListColor {
	width:					18px;
	height: 				18px;

	margin-right:			4px;
	margin-bottom: 			4px;

	float:					left;

	cursor: 				pointer;

	background-size: 		cover;
	background-position: 	center center;
}

.ProductOptionsColorsListColor[rel=Light] {
	border:					1px #bab9b9 solid;
}

.ProductOptionsColorsListColor:hover {
	outline:				2px black solid;
}

.ProductOptionsFieldsTotalsWrapper {
	border-top:				1px #cacaca solid;
	border-bottom:			1px #cacaca solid;

	padding-top:			1px;
	padding-bottom: 		1px;

	background-color: 		white;
}

.ProductOptionsFieldsTotals {
	background-color:		#f2f2f2;

	padding: 				15px;
}

.ProductOptionsFields {
	float:					left;

	width:					55%;
	margin-right:			5%;
}

.ProductOptionsFieldsDropdown {
	max-width: 				100%;

	margin-bottom: 			20px;
}

.ProductOptionsFieldsDropdown .DropdownActive {
	height: 				30px;
	line-height: 			30px;

	background-image:		url("/Templates/Default/gfx/ProductOptionsFieldsDropdown.png");
}

.ProductOptionsFieldsDropdown .DropdownList {
	top:					30px;
}

.ProductOptionsFieldsDropdown .DropdownList li {
	height: 				30px;
	line-height: 			30px;
}

.ProductOptionsFieldsLabel {
	display: 				block;

	font-size:				14px;
	font-size:				1.4rem;

	margin-bottom: 			5px;
}

.ProductOptionsFieldsQuantity {
	margin-bottom: 			15px;

	height: 				40px;
	line-height: 			40px;
}

.ProductOptionsFieldsQuantity input {
	width:					35%;
	height: 				40px;
	line-height: 			40px;

	text-align: 			center;

	border:					1px #cecece solid;

	font-size:				20px;
	font-weight: 			bold;
	font-family: 			Arial, sans-serif;

	padding: 				0;
	margin: 				0;
	margin-right:			5%;

	float: 					left;
}

.ProductOptionsFieldsQuantitySlider.ui-slider {
	width:					60%;

	float:					left;

	margin-top: 			16px;
}

.ProductOptionsFieldsZip {
	margin-bottom: 			5px;

	height: 				40px;
	line-height: 			40px;
}

.ProductOptionsFieldsZip input {
	width:					35%;
	height: 				40px;
	line-height: 			40px;

	text-align: 			center;

	border:					1px #cecece solid;

	font-size:				20px;
	font-weight: 			bold;
	font-family: 			Arial, sans-serif;

	padding: 				0;
	margin: 				0;
	margin-right:			5%;

	float: 					left;
}

.ProductOptionsFieldsRefresh {
	background-image:		url("/Templates/Default/gfx/ProductOptionsFieldsRefresh.png");
	background-size: 		33px 40px;

	width:					33px;
	height: 				40px;

	cursor: 				pointer;

	float: 					left;
}

.ProductOptionsFieldsRefreshLoading {
	background-image:		url("/Templates/Default/gfx/ProductOptionsFieldsRefreshLoading.gif");
	background-size: 		30px 30px;

	margin-top:				5px;

	width:					30px;
	height: 				30px;

	float: 					left;

	display:				none;
}

.ProductOptionsFieldsZipWhy {
	width:					35%;

	text-align: 			center;

	font-size:				11px;
	font-size:				1.1rem;
	font-style: 			italic;
	font-weight: 			bold;

	color: 					#41545b;

	cursor: 				pointer;

	line-height: 			16px;
	line-height: 			1.6rem;
}

.ProductQuoteFields {
	border-top: 			1px #d1d1d1 solid;

	padding-top: 			20px;
	margin-top: 			20px;

	display: 				none;
}

.ProductQuoteFields > p {
	margin-bottom: 			10px;

	font-size:				12px;
	font-size:				1.2rem;
}

.ProductQuoteField {
	width: 					50%;
	float: 					left;

	padding-right: 			20px;
}

.ProductQuoteFieldFullWidth {
	width: 100%;
	padding-right: 0;
}

.ProductQuoteFieldRecaptcha {
	padding-top: 10px;
}

.ProductQuoteField[rel=Right] {
	padding-left: 			20px;
	padding-right: 			0px;
}

.ProductQuoteField label {
	display: 				block;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	margin-bottom: 			5px;
}

.ProductQuoteField input {
	width:					100%;
	height: 				40px;
	line-height: 			40px;

	border:					1px #cecece solid;

	font-size:				20px;
	font-weight: 			bold;
	font-family: 			Arial, sans-serif;

	margin-bottom: 			10px;
}

.ProductOptionsTotals {
	float:					left;

	width:					40%;
}

.ProductOptionsTotalsAmount {
	width: 					65%;
	height: 				30px;
	line-height: 			30px;

	float: 					left;

	margin-bottom: 			10px;
	margin-right: 			5%;

	font-size: 				24px;
	font-size: 				2.4rem;
	font-weight: 			bold;

	text-align: 			right;
}

.ProductOptionsTotalsAmount span {
	font-size: 				12px;
	font-size:				1.2rem;
}

.ProductOptionsTotalsAmount[rel=Savings] {
	color:					#e75757;
}

.ProductOptionsTotalsAmount[rel=Total] {
	color:					#4cc572;
}

.ProductOptionsTotalsName {
	width: 					30%;
	height: 				30px;
	line-height: 			30px;

	float: 					left;

	font-size: 				12px;
	font-size: 				1.2rem;
	font-style: 			italic;

	color: 					#2a2a2a;

	margin-bottom: 			10px;

	text-align: 			right;

	white-space: 			nowrap;
}

.ProductOptionsTotalsSeparator {
	width: 					100%;
	height:					1px;

	margin-bottom: 			5px;

	border-top:				1px #999999 dotted;

	float: 					left;
}

.ProductOptionsTotalsName[rel=Savings] {
	color:					#e75757;
}

.ProductOptionsButtons {
	margin-top: 			20px;
	height: 				38px;
}

.ProductOptionsButtonsBack {
	background-image:		url("/Templates/Default/gfx/ProductOptionsButtonsBack.png");
	background-color:		#118dc3;
	background-size:		38px 38px;
	background-repeat: 		no-repeat;

	width: 					38px;
	height:					38px;

	cursor: 				pointer;

	float:					left;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;

	display: 				none;
}

.ProductOptionsButtonsBack:hover {
	background-color:		#207ca4;
}

.ProductOptionsButtonsForward {
	background-color:		#e75757;

	color:					white;

	height:					38px;
	line-height: 			38px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	text-align: 			center;

	padding-left: 			30px;
	padding-right: 			30px;

	cursor: 				pointer;

	float:					right;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductOptionsButtonsForward:hover {
	background-color:		#ef6f6f;
}

.ProductOptionsQuality {
	border:					2px #46300c solid;
	background-color: 		#ecb129;

	color:					#46300c;

	line-height: 			18px;
	line-height:			1.8rem;

	margin-top:				30px;
	margin-bottom: 			40px;

	padding-top:			8px;
	padding-bottom:			8px;
	padding-right: 			8px;

	position: 				relative;

	padding-left: 			110px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;
}

.ProductOptionsQualitySeal {
	background-image:		url("/Templates/Default/gfx/ProductOptionsQualitySeal.png");
	background-size:		86px 85px;

	width:					86px;
	height: 				85px;

	position: 				absolute;

	left:					10px;
	top:					50%;

	margin-top: 			-42px;

	cursor: 				pointer;
}

.ProductQuoteQuality {
	display: 				none;

	margin-top: 			0px;
}

.ProductOptionsComments {
	width: 					100%;
	height: 				100px;

	margin-bottom: 			20px;
}

.ProductOptionsArtwork {
}

.ProductOptionsArtwork.NoArtworkOptions,
.ProductOptionsArtworkNeeds.NoArtworkOptions {
	display: none;
}

.ProductOptionsNoArtworkMessage {
	margin-bottom: 20px;
}

.ProductOptionsArtworkOption {
	border-bottom: 			1px #939393 solid;

	min-height: 			28px;

	margin-top: 			15px;
	margin-bottom: 			15px;
	padding-bottom: 		15px;

	font-size: 				12px;
	font-size:				1.2rem;
	line-height: 			20px;
	line-height: 			2.0rem;

	position: 				relative;
}

.ProductOptionsArtworkOption[rel=None] {
	background-position: 	right top;

	line-height: 			28px;
	line-height: 			2.8rem;
}

.ProductOptionsArtworkOptionStock {
	display:				none;
}

.ProductOptionsArtworkOptionStockTitle {
	color:					#118dc3;

	font-size:				14px;
	font-size: 				1.4rem;
	font-weight: 			bold;

	margin-top: 			10px;
	margin-bottom: 			10px;
}

.ProductOptionsArtworkOptionStockImages {
	/*height: 				50px;*/
}

.ProductOptionsArtworkOptionStockImage {
	width: 					10%;
	height: 				50px;

	border:					1px #EEEEEE solid;

	margin-right:			4px;

	background-size: 		cover;
	background-repeat: 		no-repeat;
	background-position: 	center center;
	background-color: 		white;

	cursor: 				pointer;

	float: 					left;
}

.ProductOptionsArtworkOptionStockImage[rel=Active] {
	border: 				2px #115e80 solid;
}

.ProductOptionsArtworkCheckbox {
	background-image:		url("/Templates/Default/gfx/ProductOptionsArtworkCheckbox.png");
	background-size:		28px 84px;

	width: 					28px;
	height: 				28px;

	position: 				absolute;

	right:					0px;
	top:					0px;

	cursor: 				pointer;

	transition: 			background-position 0.25s;
	-webkit-transition:		background-position 0.25s;
	-moz-transition: 		background-position 0.25s;
	-o-transition: 			background-position 0.25s;
	-ms-transition: 		background-position 0.25s;
}

.ProductOptionsArtworkCheckbox:hover {
	background-position: 	0px -28px;
}

.ProductOptionsArtworkCheckbox[rel=Active], .ProductOptionsArtworkCheckbox:hover[rel=Active] {
	background-position: 	0px -56px;
}

.ProductOptionsArtworkOption > b {
	font-size: 				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	display: 				block;
}

.ProductOptionsArtworkUploadArea {
	display:				none;
}

.ProductOptionsArtworkFiles {
	margin: 				0;
	padding: 				0;

	padding-left: 			20px;
	margin-top: 			10px;
}

.ProductOptionsArtworkFile {
	position:				relative;

	height: 				28px;
	line-height: 			28px;

	padding-right: 			24px;

	font-size:				12px;
	font-size:				1.2rem;
	font-style:				italic;

	color:					#DDDDDD;

	margin-bottom: 			10px;

	max-width: 				30%;

	text-overflow: 			ellipsis;
	overflow: 				hidden;
	white-space: 			nowrap;
}

.ProductOptionsArtworkFileDelete {
	position: 				absolute;

	width: 					18px;
	height:					18px;

	right:					0px;
	top:					5px;

	background-color:		#e75757;

	font-size:				12px;
	font-size: 				1.2rem;
	font-style:				normal;

	line-height: 			20px;

	text-align: 			center;

	color: 					white;

	cursor: 				pointer;
}

.ProductOptionsArtworkFileDelete:hover {
	background-color:		#ef6f6f;
}

.ProductOptionsArtworkFileProgress {
	width:					0%;
	height:					4px;

	position:				absolute;

	left:					0px;
	bottom:					0px;

	background-color:		lime;
}

.ProductOptionsArtworkFileSuccess {
	color:					black;
}

.ProductOptionsArtworkFileError {
	color:					red;
}

.ProductOptionsArtworkFileError > div {
	display:				none;
}

.ProductOptionsArtworkUpload {
	float:					right;

	background-color:		#939393;

	color:					white;

	height:					38px;
	line-height: 			38px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	padding-left: 			20px;
	padding-right: 			20px;

	text-align: 			center;

	cursor: 				pointer;

	float:					right;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductOptionsArtworkUpload:hover {
	background-color:		#888888;
}

.ProductOptionsInHandsDate {
	margin-bottom: 			20px;

	height: 				30px;
}

.ProductOptionsInHandsDate > label {
	float:					left;

	line-height:			30px;

	margin-right:			10px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight:			bold;
}

.ProductOptionsInHandsDate > input {
	text-align: 			center;

	width:					180px;
	height: 				30px;
	line-height: 			30px;

	float:					left;
}

.ProductOptionsInHandsDateCalendar {
	background-image:		url("/Templates/Default/gfx/ProductOptionsInHandsDateCalendar.png");
	background-size:		30px 30px;
	background-position: 	center center;
	background-repeat: 		no-repeat;

	width:					30px;
	height: 				30px;

	margin-left: 			6px;

	background-color:		#118dc3;

	cursor: 				pointer;

	float:					left;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductOptionsInHandsDateCalendar:hover {
	background-color:		#126589;
}

.ProductOptionsInHandsDateDescription {
	font-size:				14px;
	font-size:				1.4rem;

	margin-bottom: 			20px;
}

.ProductCalendarWrapper {
	position: 				fixed;

	left:					50%;
	top:					200px;

	width: 					320px;
	margin-left:			-160px;

	z-index: 				10;

	display: 				none;
}

.ProductCalendar {
	border:					1px #e75757 solid;
	background-color: 		#e75757;
}

.ProductCalendarMonth {
	color:					white;

	font-size:				24px;
	font-size:				2.4rem;
	font-weight: 			400;

	text-align: 			center;

	padding-top:			10px;

	position: 				relative;
}

.ProductCalendarMonth span {
}

.ProductCalendarMonthPrevious {
	position: 				absolute;

	left:					20px;
	top:					10px;

	cursor: 				pointer;
}

.ProductCalendarMonthPrevious:hover {
	color:					#f5f5f5;
}

.ProductCalendarMonthNext {
	position: 				absolute;

	right:					20px;
	top:					10px;

	cursor: 				pointer;
}

.ProductCalendarMonthNext:hover {
	color:					#f5f5f5;
}

.ProductCalendarYear {
	color:					white;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			300;

	text-align: 			center;
}

.ProductCalendarDaysOfWeek {
	padding-left: 			10px;
	padding-right: 			10px;
}

.ProductCalendarDayOfWeek {
	color:					white;

	font-size:				16px;
	font-size:				1.6rem;
	font-weight: 			300;

	text-align: 			center;

	width: 					14%;

	float: 					left;
}

.ProductCalendarDayOfWeek:first-child, .ProductCalendarDayOfWeek[rel=Last] {
	width: 					15%;
}

.ProductCalendarDays {
	background-color: 		white;

	padding: 				10px;
}

.ProductCalendarDay {
	width: 					14%;
	height: 				40px;
	line-height: 			40px;

	color:					black;

	font-size:				24px;
	font-size:				2.4rem;
	font-weight: 			300;

	text-align: 			center;

	float: 					left;

	transition: 			background-color 0.25s, color 0.25s;
	-webkit-transition:		background-color 0.25s, color 0.25s;
	-moz-transition: 		background-color 0.25s, color 0.25s;
	-o-transition: 			background-color 0.25s, color 0.25s;
	-ms-transition: 		background-color 0.25s, color 0.25s;

	cursor: 				pointer;
}

.ProductCalendarDay[rel=Today] {
	background-color: 		#e75757;

	color: 					white;
}

.ProductCalendarDay:hover {
	background-color: 		#3aaddf;

	color: 					white;
}

.ProductCalendarDay[rel=Previous], .ProductCalendarDay[rel=Next] {
	color:					#aaaaaa;
}

.ProductCalendarDay[rel=Previous]:hover, .ProductCalendarDay[rel=Next]:hover {
	background-color: 		#3aaddf;

	color: 					white;
}

.ProductCalendarDay[rel=Disabled], .ProductCalendarDay[rel=Disabled]:hover {
	color:					#eeeeee !important;
}

.ProductCalendarDaySelected {
	background-color: 		#118dc3 !important;

	color: 					white !important;
}

.ProductCalendarShadow {
	background-image:		url("/Templates/Default/gfx/ProductCalendarShadow.png");
	background-repeat: 		no-repeat;

	width:					320px;
	height:					30px;
}

.ProductOptionsShippingOption {
	border-bottom: 			1px #939393 solid;

	min-height: 			28px;

	margin-top: 			15px;
	margin-bottom: 			15px;
	padding-bottom: 		15px;

	font-size: 				12px;
	font-size:				1.2rem;
	line-height: 			20px;
	line-height: 			2.0rem;

	position: 				relative;
}

.ProductOptionsShippingOption[rel=None] {
	background-position: 	right top;

	line-height: 			28px;
	line-height: 			2.8rem;
}

.ProductOptionsShippingCheckbox {
	background-image:		url("/Templates/Default/gfx/ProductOptionsShippingCheckbox.png");
	background-size:		28px 84px;

	width: 					28px;
	height: 				28px;

	position: 				absolute;

	right:					0px;
	top:					0px;

	cursor: 				pointer;

	transition: 			background-position 0.25s;
	-webkit-transition:		background-position 0.25s;
	-moz-transition: 		background-position 0.25s;
	-o-transition: 			background-position 0.25s;
	-ms-transition: 		background-position 0.25s;
}

.ProductOptionsShippingCheckbox:hover {
	background-position: 	0px -28px;
}

.ProductOptionsShippingCheckbox[rel=Active], .ProductOptionsShippingCheckbox:hover[rel=Active] {
	background-position: 	0px -56px;
}

.ProductOptionsShippingOption > b {
	font-size: 				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	display: 				block;
}

.ProductOptionsShippingOption span {
	color:					red;
}

/*============================================================================*/
.ProductPopup {
	max-width:				280px;

	background-color:		white;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			300;

	border:					1px #d7d7d7 solid;

	position: 				fixed;

	left:					50%;
	top:					200px;

	margin-left: 			-140px;

	padding: 				20px;

	-webkit-border-radius:	5px 5px 5px 5px;
	-moz-border-radius:		5px 5px 5px 5px;
	border-radius:			5px 5px 5px 5px;

	z-index:				10;

	display: 				none;
}

.ProductPopupClose {
	background-image:		url("/Templates/Default/gfx/ProductPopupClose.png");
	background-size:		28px 28px;

	width:					28px;
	height: 				28px;

	position: 				absolute;

	right:					10px;
	top:					10px;

	cursor: 				pointer;
}

.ProductPopupHeader {
	background-image:		url("/Templates/Default/gfx/ProductPopupHeader.png");
	background-size:		36px 36px;
	background-repeat: 		no-repeat;

	font-size:				36px;
	font-size:				3.6rem;

	line-height: 			36px;

	color:					#ff0066;

	padding-left:			50px;
}

.ProductPopupHeader[rel=Alert] {
	background-image:		url("/Templates/Default/gfx/ProductPopupHeaderAlert.png");
}

.ProductPopupHeader[rel=Rush] {
	background-image:		url("/Templates/Default/gfx/ProductPopupHeaderRush.png");
}

.ProductPopup p {
	margin-top:				20px;
	margin-bottom: 			20px;

	line-height: 			24px;
	line-height: 			2.4rem;
}

.ProductPopupButton {
	background-color:		#118dc3;

	color:					white;

	height:					30px;
	line-height: 			32px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	padding-left: 			20px;
	padding-right: 			20px;

	text-align: 			center;

	cursor: 				pointer;

	float:					right;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductPopupButton:hover {
	background-color:		#126589;
}

.ProductPopupShadow {
	background-image:		url("/Templates/Default/gfx/ProductPopupShadow.png");
	background-size:		280px 30px;

	width: 					280px;
	height:					30px;

	position: 				absolute;

	bottom: 				-30px;
	left:					0px;
}

.ProductPopup[rel=WhyZip] .ProductPopupHeader {
	background-image: 		none;
	padding-left: 			0px;
}

.ProductPopupWhyZipList {
	padding:				0;
	margin: 				0;

	list-style-type: 		none;
}

.ProductPopupWhyZipList li {
	background-size:		42px 40px;
	background-repeat: 		no-repeat;
	background-position: 	left center;

	padding: 				0;
	padding-left:			60px;

	height: 				40px;
	line-height: 			40px;

	margin-bottom: 			20px;
}

.ProductPopupWhyZipList li[rel=Rates] {
	background-image:		url("/Templates/Default/gfx/ProductPopupWhyZipListLIRates.png");
}

.ProductPopupWhyZipList li[rel=Pricing] {
	background-image:		url("/Templates/Default/gfx/ProductPopupWhyZipListLIPricing.png");
}

.ProductPopupWhyZipList li[rel=Air] {
	background-image:		url("/Templates/Default/gfx/ProductPopupWhyZipListLIAir.png");

	margin-bottom: 			0px;
}

.ProductPopup[rel=StockDesign] {
	padding-left: 			240px;

	max-width: 				none;
	width: 					480px;
	height: 				370px;

	top:					50%;

	margin-left:			-240px;
	margin-top: 			-185px;
}

.ProductPopupStockDesignImage {
	position: 				absolute;

	left: 					20px;
	top:					20px;

	width: 					200px;
	height: 				280px;

	background-size: 		cover;
	background-repeat: 		no-repeat;
	background-position: 	top center;
}

.ProductPopup[rel=StockDesign] .ProductPopupButton {
	float:					none;

	-webkit-border-radius:	15px;
	-moz-border-radius:		15px;
	border-radius:			15px;
}

/*============================================================================*/
.ProductTabsWrapper {
	margin-top:				80px;
	margin-bottom:			150px;
}

.ProductTabsList {
	max-width:				1280px;
	height:					34px;

	margin:					0 auto;
	padding:				0;

	padding-left: 			20px;
	padding-right:			20px;

	overflow:				hidden;
}

.ProductTabsList li {
	height:					34px;
	line-height:			34px;

	background-color:		#e1e1e1;

	margin:					0;
	padding:				0;

	list-style-type:		none;

	cursor:					pointer;

	padding-left:			30px;
	padding-right:			30px;

	margin-right:			10px;

	font-size:				16px;
	font-size:				1.6rem;
	font-weight:			bold;

	float:					left;
}

.ProductTabsList li:hover {
	background-color:		#e5e5e5;
}

.ProductTabsList li.ProductTabsListLIActive {
	background-color:		#f3f3f3;
}

.ProductTabsList li.ProductTabsListLIActive:hover {
	background-color:		#f5f5f5;
}

.ProductTabs {
	background-color:		#f3f3f3;
}

.ProductTab {
	max-width:				1280px;

	margin:					0 auto;

	padding-top:			40px;
	padding-left: 			20px;
	padding-right:			20px;
	padding-bottom: 		20px;

	display:				none;

	position: 				relative;
}

.ProductTabActive {
	display:				block;
}

/*============================================================================*/
.ProductDetailsIcons {
	border-bottom:			1px #838383 dotted;

	display:				inline-block;

	margin-bottom: 			40px;
}

.ProductDetailsIcon {
	font-size:				12px;
	font-size:				1.2rem;
	font-weight:			bold;

	padding-left:			55px;
	padding-right:			20px;

	line-height:			54px;

	border-left:			1px #838383 dotted;

	background-position:	left center;
	background-size:		54px 54px;
	background-repeat:		no-repeat;

	display:				inline-block;
}

.ProductDetailsIcon:first-child {
	border-left:			none;
}

.ProductDetailsIcon:last-child {
	padding-right:			60px;
}

.ProductDetailsIcon[rel=FreeArtwork]				{ background-image: url("/Templates/Default/gfx/ProductDetailsIconFreeArtwork.png"); }
.ProductDetailsIcon[rel=ExpressShippingAvailable]	{ background-image: url("/Templates/Default/gfx/ProductDetailsIconExpressShippingAvailable.png"); background-size:	60px 54px; padding-left: 75px; }
.ProductDetailsIcon[rel=RushProductionOptions]		{ background-image: url("/Templates/Default/gfx/ProductDetailsIconRushProductionOptions.png"); }
.ProductDetailsIcon[rel=StaffFavorite]				{ background-image: url("/Templates/Default/gfx/ProductDetailsIconStaffFavorite.png"); padding-left: 60px; }

.ProductDetailsContentWrapper {
	margin-bottom:			40px;
}

.ProductDetailsContent {
	width:					70%;
	max-width:				630px;

	margin-right: 			5%;

	float: 					left;
}

.ProductDetailsContentDescription {
	font-size:				12px;
	font-size:				1.2rem;

	line-height: 			18px;
	line-height: 			1.8rem;

	margin-bottom: 			20px;
}

.ProductDetailsContentDescription > * {
	font-size:				12px;
	font-size:				1.2rem;
}

.ProductDetailsContentDescription > ul {
	margin:					0;
	margin-bottom:			20px;
}

.ProductDetailsContentDescription p {
	margin: 				0;
	padding: 				0;
}

.ProductDetailsColorsHeader {
	font-size:				16px;
	font-size:				1.6rem;
	font-weight: 			300;

	height: 				34px;
	line-height: 			34px;

	border-bottom: 			1px #838383 dotted;

	margin-bottom: 			20px;
}

.ProductDetailsColors {
	padding-right: 			60px;

	margin-bottom: 			20px;
}

.ProductDetailsColor {
	background-size: 		cover;
	background-repeat: 		no-repeat;

	width: 					36px;
	height: 				36px;

	margin-right:			5px;
	margin-bottom: 			5px;

	float:					left;
}

.ProductDetailsColor[rel=Light] {
	border: 				1px #bab9b9 solid;
}

.ProductDetailsPoints {
	width:					25%;
	max-width:				280px;

	font-size:				12px;
	font-size:				1.2rem;

	float:					left;
}

.ProductDetailsPointsHeader {
	font-size:				18px;
	font-size:				1.8rem;
	font-weight: 			300;

	margin-bottom: 			20px;
}

.ProductDetailsBanner {
	margin-top: 			40px;

	display:				none;
}

.ProductDetailsBannerContent {
}

.ProductDetailsBannerContent h3 {
	max-width: 				500px;

	font-size:				48px;
	font-size:				4.8rem;

	line-height: 			58px;
	line-height: 			5.8rem;

	margin: 				0;
}

.ProductDetailsBannerContent p {
	margin-top:				40px;
	margin-bottom: 			40px;

	font-size:				12px;
	font-size:				1.2rem;

	line-height: 			18px;
	line-height: 			1.8rem;

	max-width: 				580px;
}

.ProductDetailsBannerContentButton {
	background-color:		#4cc572;

	color:					white;

	height:					38px;
	line-height: 			38px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	text-align: 			center;

	padding-left: 			50px;
	padding-right: 			50px;

	cursor: 				pointer;

	display: 				inline-block;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductDetailsBannerContentButton:hover {
	background-color:		#379655;
}

.ProductDetailsBannerImage {
	position: 				absolute;

	right:					20px;
	bottom: 				-40px;
}

.ProductDetailsBannerImage img {
	width: 					100%;
}

/*============================================================================*/
.ProductReviewsHeader {
	font-size:				24px;
	font-size:				2.4rem;
	font-weight: 			900;

	margin-bottom: 			40px;

	display: 				block;
}

.ProductReviewsWrapper {
	padding-left:			130px;
	padding-right:			130px;

	position: 				relative;

	max-width: 				920px;
}

.ProductReview {
	padding-bottom: 		10px;
	margin-bottom: 			40px;

	border-bottom: 			1px #838383 dotted;
}

.ProductReviewStars {
	background-image:		url("/Templates/Default/gfx/ProductReviewStars.png");
	background-size:		157px 168px;

	width:					157px;
	height: 				28px;

	margin-bottom: 			20px;
}

.ProductReviewStars[rel=Rating1] { background-position: 0px -28px; }
.ProductReviewStars[rel=Rating2] { background-position: 0px -56px; }
.ProductReviewStars[rel=Rating3] { background-position: 0px -84px; }
.ProductReviewStars[rel=Rating4] { background-position: 0px -112px; }
.ProductReviewStars[rel=Rating5] { background-position: 0px -140px; }

.ProductReviewNameDate {
	font-size: 				14px;
	font-size: 				1.4rem;
}

.ProductReviewDate {
	float: 					right;

	font-style: 			italic;
}

.ProductReview > p {
	margin-top:				15px;
	margin-bottom: 			20px;

	font-size: 				16px;
	font-size: 				1.6rem;

	line-height: 			20px;
	line-height: 			2.0rem;
}

.ProductReviewHelpful {
	background-color: 		#bababa;

	height: 				36px;
	line-height: 			38px;

	padding-left:			15px;
	padding-right:			15px;

	color:					white;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	text-align: 			center;

	margin-right: 			5px;

	display:				inline-block;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductReviewHelpfulThanks {
	background-color: 		#1c94d3;
}

.ProductReviewHelpfulYes {
	background-color: 		#4cc572;

	height: 				36px;
	line-height: 			38px;

	padding-left:			10px;
	padding-right:			10px;

	color:					white;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	text-align: 			center;

	margin-right: 			5px;

	display:				inline-block;

	cursor: 				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductReviewHelpfulYes:hover {
	background-color: 		#379655;
}

.ProductReviewHelpfulNo {
	background-color: 		#e75757;

	height: 				36px;
	line-height: 			38px;

	padding-left:			10px;
	padding-right:			10px;

	color:					white;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	text-align: 			center;

	display:				inline-block;

	cursor: 				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.ProductReviewHelpfulNo:hover {
	background-color: 		#ef6f6f;
}

/*============================================================================*/
.ProductTabGalleryItem {
	width: 					25%;
	height: 				400px;

	border:					10px #f3f3f3 solid;

	float:					left;

	position: 				relative;
}

.ProductTabGalleryItemImage {
	background-size:		contain;
	background-position: 	center center;
	background-color: 		white;
	background-repeat: 		no-repeat;

	width: 					100%;
	height: 				100%;

	border:					20px white solid;

	cursor: 				pointer;
}

.ProductTabGalleryItemVideo {
	background-image:		url("/Templates/Default/gfx/ProductTabGalleryItemVideo.png");
	background-size:		32px 32px;

	width: 					32px;
	height: 				32px;

	position: 				absolute;

	top:					30px;
	left: 					30px;

	z-index: 				1;

	cursor: 				pointer;
}

/*============================================================================*/
.ProductTab[rel=FAQ] {
	max-width: 				none;
	margin: 				0;

	padding-left: 			0px;
	padding-right: 			0px;
}

.ProductFAQContent {
	max-width: 				1280px;
	margin: 				0 auto;

	padding-left: 			20px;
	padding-right: 			20px;
}

.ProductFAQLearnMore {
	font-size:				18px;
	font-size:				1.8rem;

	margin-bottom: 			20px;
	padding-top:			10px;

	display:				block;
}

.ProductFAQSeparator {
	background-image:		url("/Templates/Default/gfx/ProductFAQSeparator.png");
	background-size:		4px 11px;

	margin-top:				20px;
	margin-bottom: 			20px;

	max-width: 				400px;
	height: 				11px;
}

.ProductFAQList > a {
	display:				block;

	padding-bottom:			20px;
}

.ProductFAQHeader {
	background-image:		url("/Templates/Default/gfx/ProductFAQHeader.png");
	background-size:		555px 30px;
	background-position:	bottom center;
	background-repeat:		no-repeat;

	padding-bottom:			40px;
	margin-bottom:			40px;
	margin-top:				40px;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight:			300;

	text-align:				center;
}

.ProductFAQHeader b {
	font-size:				24px;
	font-size:				2.4rem;
	font-weight:			700;

	display:				block;

	margin-bottom:			10px;
}

.ProductFAQSearchBar {
	width:					100%;
	height:					90px;

	background-color:		#f8f8f8;

	border-top:				1px #dcdcdc solid;
	border-bottom:			1px #dcdcdc solid;

	text-align: 			center;
}

.ProductFAQSearchBarInput {
	max-width:				600px;
	height: 				38px;

	margin: 				0 auto;
	margin-top:				25px;

	padding-left:			20px;
	padding-right:			20px;
}

.ProductFAQSearchBar input {
	margin: 				0;

	padding:				0px;
	padding-left:			10px;
	padding-right:			10px;

	width:					80%;
	height:					38px;
	line-height: 			38px;

	float:					left;
}

.ProductFAQSearchBarGo {
	background-color:		#4cc572;

	color:					white;

	width:					18%;
	height:					38px;
	line-height: 			40px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	text-align: 			center;

	margin-left:			2%;

	float:					left;

	cursor: 				pointer;
}

.ProductFAQSearchBarGo:hover {
	background-color:		#379655;
}

/*============================================================================*/
.ProductGalleryBlackout {
	position: 				fixed;

	left: 					0px;
	top:					0px;

	width: 					100%;
	height: 				100%;

	background-color: 		black;

	opacity: 				0.8;
	filter: 				alpha(opacity=80);

	z-index: 				9999;

	display: 				none;
}

.ProductGalleryWrapper {
	position: 				fixed;

	left: 					0px;
	top:					10%;

	width: 					100%;
	height: 				80%;

	z-index: 				10000;

	display: 				none;
}

.ProductGallery {
	width: 					100%;
	height: 				100%;

	position: 				absolute;

	left:					0%;
	top:					0%;
}

.ProductGalleryCloseWrapper {
	position: 				fixed;

	right: 					20px;
	top:					0px;

	width: 					27px;
	height: 				10%;

	z-index: 				10000;

	display: 				none;
}

.ProductGalleryClose {
	background-image: 		url("/Templates/Default/gfx/ProductGalleryClose.png");
	background-size: 		27px 27px;

	position: 				absolute;

	right: 					0px;
	top:					50%;

	width: 					27px;
	height: 				27px;

	margin-top: 			-13px;

	cursor: 				pointer;
}

.ProductGalleryLeft {
	background-image: 		url("/Templates/Default/gfx/ProductGalleryLeft.png");
	background-size: 		28px 54px;

	position: 				absolute;

	left: 					20px;
	top:					50%;

	margin-top:				-14px;

	width: 					28px;
	height: 				27px;

	z-index: 				10001;

	cursor: 				pointer;
}

.ProductGalleryLeft:hover {
	background-position: 	0px -27px;
}

.ProductGalleryRight {
	background-image: 		url("/Templates/Default/gfx/ProductGalleryRight.png");
	background-size: 		28px 54px;

	position: 				absolute;

	right: 					20px;
	top:					50%;

	margin-top:				-14px;

	width: 					28px;
	height: 				27px;

	z-index: 				10001;

	cursor: 				pointer;
}

.ProductGalleryRight:hover {
	background-position: 	0px -27px;
}

.ProductGalleryItem {
	float: 					left;

	width: 					100%;
	height: 				100%;

	transition: 			left 0.5s;
	-webkit-transition:		left 0.5s;
	-moz-transition: 		left 0.5s;
	-o-transition: 			left 0.5s;
	-ms-transition: 		left 0.5s;
}

.ProductGalleryItemPosition {
	position: 				absolute;

	left: 					100%;
	top:					0px;

	float:					none;
}

.ProductGalleryItemNoTransition {
	transition: 			left 0s;
	-webkit-transition:		left 0s;
	-moz-transition: 		left 0s;
	-o-transition: 			left 0s;
	-ms-transition: 		left 0s;
}

.ProductGalleryItemImage {
	width: 					100%;
	height: 				100%;

	border:					40px transparent solid;

	background-size:		contain;
	background-color: 		white;
	background-position: 	center top;
	background-repeat: 		no-repeat;
}

.ProductGalleryItemVideo {
	padding-left: 			60px;
	padding-right: 			60px;
}

.ProductGalleryItemVideo iframe {
	border: 				none;

	width: 					100%;
	height: 				100%;
}

/*============================================================================*/
.ProductSearchHeader {
	background-image:		url("/Templates/Default/gfx/SearchHeader.png");
	background-size:		555px 30px;
	background-position:	bottom center;
	background-repeat:		no-repeat;

	padding-bottom:			40px;
	margin-bottom:			20px;
	margin-top:				10px;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight:			300;

	text-align:				center;
}

.ProductSearchHeader b {
	font-size:				24px;
	font-size:				2.4rem;
	font-weight:			700;

	display:				block;

	margin-bottom:			10px;
}

.ProductSearchBar {
	width:					100%;

	background-color:		#f8f8f8;

	border-top:				1px #dcdcdc solid;
	border-bottom:			1px #dcdcdc solid;

	text-align: 			center;
}

.ProductSearchBarResults {
	margin-top: 			20px;
}

.ProductSearchBarInput {
	max-width:				600px;
	height: 				38px;

	margin: 				0 auto;
	margin-top:				25px;
	margin-bottom: 			25px;

	padding-left:			20px;
	padding-right:			20px;
}

.ProductSearchBar input {
	margin: 				0;

	padding:				0px;
	padding-left:			10px;
	padding-right:			10px;

	width:					80%;
	height:					38px;
	line-height: 			38px;

	float:					left;
}

.ProductSearchBarGo {
	background-color:		#4cc572;

	color:					white;

	width:					18%;
	height:					38px;
	line-height: 			40px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	text-align: 			center;

	margin-left:			2%;

	float:					left;

	cursor: 				pointer;
}

.ProductSearchBarGo:hover {
	background-color:		#379655;
}

.ProductSearchBarAdvancedLink {
	display: 				inline-block;

	cursor: 				pointer;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight: 			300;

	margin-bottom: 			25px;
}

.ProductSearchBarAdvanced {
	display: 				none;

	margin-bottom: 			25px;
}

.ProductSearchSorry {
	text-align: 			center;

	margin-bottom: 			80px;
	margin-top:				80px;

	font-size: 				18px;
	font-size:				1.8rem;
	font-weight: 			bold;
}

/*============================================================================*/
.CartEmpty {
	text-align: 			center;

	font-size: 				16px;
	font-size:				1.6rem;
}

.CartEmpty h1 {
	font-family:			'Vollkorn', serif;

	font-size:				48px;
	font-size:				4.8rem;
	font-weight: 			700;

	min-height: 			80px;

	line-height: 			95px;
}

.CartSidebar {
	width: 					22%;

	margin-left:			3%;

	float: 					left;

	font-size: 				14px;
	font-size:				1.4rem;

	line-height: 			18px;
	line-height: 			1.8rem;
}

.CartSidebarHeader {
	height: 				42px;
	line-height: 			42px;

	background-color:		#128ec2;

	font-size:				18px;
	font-size: 				1.8rem;
	font-weight: 			bold;

	color:					white;

	padding-left: 			14px;
}

.CartSidebarContent {
	background-color:		#ededed;

	padding: 				10px;
	border-bottom: 			1px white solid;
}

.CartSidebarProof {
	font-size: 				12px;
	font-size: 				1.2rem;

	font-weight: 			bold;

	color:					#e75757;
}

.CartSidebarSeparator {
	height:					1px;

	background-color:		#aaaaaa;

	margin-top: 			8px;
	margin-bottom: 			8px;

	clear: 					both;
}

.CartSidebarProduct {
}

.CartSidebarProductImage {
	width: 					20%;
	height: 				60px;
	margin-right:			4%;

	float: 					left;

	background-repeat: 		no-repeat;
	background-position: 	top center;
	background-size:		contain;
}

.CartSidebarProductContent {
	width: 					76%;

	float: 					left;

	font-size: 				16px;
	font-size:				1.6rem;
	font-weight: 			300;
}

.CartSidebarProductContent > b {
	line-height: 			16px;
	line-height: 			1.6rem;

	margin-bottom: 			10px;

	font-weight: 			normal;

	display: 				block;
}

.CartSidebarProductQuantity {
	color:					#118dc3;

	width: 					50%;

	float:					left;
}

.CartSidebarProductPrice {
	color: 					#4cc572;

	float:					left;

	width:					50%;

	text-align:				right;
}

.CartSidebarContact {
	margin-top:				20px;
}

.CartSidebarContact > b {
	display: 				block;

	margin-bottom: 			10px;
}

.CartSidebarContactOption {
	padding-top: 			6px;
	padding-left:			36px;
	margin-bottom:			20px;

	font-size: 				12px;
	font-size:				1.2rem;

	color:					#e75757;

	position: 				relative;
}

.CartSidebarContactOptionCheckbox {
	background-image:		url("/Templates/Default/gfx/CartSidebarContactOptionCheckbox.png");
	background-color: 		white;
	background-size:		28px 56px;

	width: 					28px;
	height: 				28px;

	cursor: 				pointer;

	position: 				absolute;

	left: 					0px;
	top:					0px;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.CartSidebarContactOptionCheckbox:hover {
	background-color: 		#F5F5F5;
}

.CartSidebarContactOptionCheckboxActive {
	background-color: 		#4cc572;
	background-position: 	0px -28px;
}

.CartSidebarContactOptionCheckboxActive:hover {
	background-color: 		#379655;
}

.CartSidebarPromoCode {
}

.CartSidebarPromoCode > input {
}

.CartSidebarPromoCodeButton {
}

.CartSidebarTotals {
	font-weight: 			bold;
	font-size:				14px;
	font-size:				1.4rem;
}

.CartSidebarTotalsName {
	width:					50%;
	height: 				30px;
	line-height: 			30px;

	float:					left;

	overflow: 				hidden;
	text-overflow: 			ellipsis;
	white-space: 			nowrap;
}

.CartSidebarTotalsValue {
	width:					50%;
	height: 				30px;
	line-height: 			30px;

	float:					left;

	text-align: 			right;
}

.CartSidebarTotalsValue[rel=Discount] {
	color:					#e75757;
}

.CartSidebarCheckout {
	background-color:		black;
	color:					white;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight: 			300;

	width: 					80%;
	height: 				30px;
	line-height: 			28px;

	margin: 				0 auto;
	margin-top: 			20px;
	margin-bottom: 			10px;

	text-align: 			center;

	-webkit-border-radius:	20px;
	-moz-border-radius:		20px;
	border-radius:			20px;

	cursor: 				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.CartSidebarCheckout:hover {
	background-color:		#4cc572;
}

.CartSidebarCheckout[rel=Disabled], .CartSidebarCheckout[rel=Disabled]:hover {
	background-color:		#DDDDDD;

	cursor: 				not-allowed;
}

.CartSidebarSeals {
	border-top: 			1px #118dc3 solid;

	padding-top:			20px;

	text-align: 			center;
}

.CartSidebarSealsAuthorize {
	margin-top: 			20px;
}

.CartSteps {
	width: 					75%;

	float:					left;
}

.CartStep {
	padding-bottom: 		20px;
	margin-bottom: 			20px;

	border-bottom: 			5px #ededed solid;
}

.CartStepHeader {
	height: 				42px;
	line-height: 			42px;

	background-color:		#868686;

	font-size:				18px;
	font-size: 				1.8rem;
	font-weight: 			bold;

	color:					white;

	padding-left: 			14px;

	margin-bottom:			10px;
}

.CartStepHeaderActive {
	background-color: 		#4cc572;

	margin-bottom:			0px;
}

.CartStepButtons {
	margin-top: 			20px;
}

.CartStepButtonBack {
	background-image:		url("/Templates/Default/gfx/CartStepButtonBack.png");
	background-color:		#118dc3;
	background-size:		38px 38px;
	background-repeat: 		no-repeat;

	width: 					38px;
	height:					38px;

	cursor: 				pointer;

	float:					left;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.CartStepButtonBack:hover {
	background-color:		#207ca4;
}

.CartStepButton {
	float:					right;
}

.CartShippingReminder {
	background-color: 		#e75757;
	color: 					white;

	padding-left: 			12px;

	height: 				32px;
	line-height: 			32px;

	font-size: 				14px;
	font-size: 				1.4rem;
	font-weight: 			bold;

	margin-top: 			1px;
	text-align: 			center;
}

/*============================================================================*/
.CartAccount {
	font-size:				24px;
	font-size:				2.4rem;

	font-weight: 			300;

	padding-top: 			40px;
}

.CartAccountSignIn {
	float:					left;

	width: 					50%;

	padding-right: 			40px;
}

.CartAccountRegister {
	float:					left;

	width: 					50%;

	padding-left: 			40px;
	margin-bottom: 			40px;

	border-left: 			1px #ededed solid;
}

.CartAccountRegisterDescription {
	margin-top: 			20px;
}

.CartAccountRegisterDescription > span {
	font-weight: 			bold;

	font-size: 				14px;
	font-size: 				1.4rem;
}

.CartAccountRegisterDescriptionPoint {
	padding-left: 			40px;

	font-weight: 			300;

	line-height: 			38px;

	font-size: 				18px;
	font-size: 				1.8rem;

	background-repeat: 		no-repeat;
	background-position: 	left center;
	background-size: 		24px 24px;
}

.CartAccountRegisterDescriptionPoint[rel=Track] {
	margin-top: 			20px;
	background-image: 		url("/Templates/Default/gfx/CartAccountRegisterDescriptionPointTrack.png");
}

.CartAccountRegisterDescriptionPoint[rel=History] {
	background-image: 		url("/Templates/Default/gfx/CartAccountRegisterDescriptionPointHistory.png");
}

.CartAccountRegisterDescriptionPoint[rel=Reorder] {
	background-image: 		url("/Templates/Default/gfx/CartAccountRegisterDescriptionPointReorder.png");

	margin-bottom: 			20px;
}

.CartAccountRegisterDescription > .Button {
	float: 					right;
}

.CartAccountRegisterForm {
	display: 				none;
}

.CartAccountLoggedIn {
	font-size:				14px;
	font-size:				1.4rem;

	margin-top: 			20px;
	margin-bottom: 			20px;
}

.CartAccountGuest {
	width: 					100%;

	padding: 				40px;

	text-align: 			center;

	background-color: 		#ededed;
}

.CartAccountGuestText {
	margin-bottom: 			20px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;
}

.CartAccountGuestText > b {
	display: 				block;

	font-size:				24px;
	font-size:				2.4rem;
	font-weight: 			300;

	text-align: 			center;

	margin-bottom: 			20px;
}

/*============================================================================*/
.CartBilling {
	width:					48%;

	float: 					left;

	margin-right: 			4%;
}

.CartShipping {
	width:					48%;

	float: 					left;
}

/*============================================================================*/
.CartPaymentFields, .CartAdditionalComments {
	max-width: 				400px;
	width: 					48%;

	float: 					left;
}

.CartPaymentType {
	background-size:		154px 120px;
	background-image: 		url("/Templates/Default/gfx/CartPaymentType.png");

	width: 					154px;
	height: 				24px;

	margin-bottom: 			20px;
}

.CartPaymentType[rel=VISA] 		 { background-position: 0px -24px; }
.CartPaymentType[rel=MasterCard] { background-position: 0px -48px; }
.CartPaymentType[rel=Amex] 		 { background-position: 0px -72px; }
.CartPaymentType[rel=Discover] 	 { background-position: 0px -96px; }

#CCExpireMonth, #CCExpireYear {
	width: 					48%;

	float: 					left;
}

#CCExpireMonth {
	margin-right: 			4%;
}

.CartPaymentCVV2 {
	background-size:		147px 58px;
	background-image: 		url("/Templates/Default/gfx/CartPaymentCVV2.png");

	width: 					147px;
	height: 				58px;

	margin-top: 			20px;
}

.CartPaymentCVV2Caption {
	font-size:				12px;
	font-size: 				1.2rem;

	margin-top: 			10px;

	color: 					gray;
}

.CartAdditionalComments {
	margin-top: 			40px;
}

.CartAdditionalComments textarea {
	width: 					100%;
	height: 				150px;
}

.CartAddressReview, .CartRush {
	float: 					right;

	width: 					48%;

	margin-left: 			4%;
	margin-top: 			40px;
}

/*============================================================================*/
.OrderContent {
}

.OrderContentHeader {
	text-align: 			center;
}

.OrderContentHeader h1 {
	margin: 				0 auto;
	margin-bottom: 			40px;
	padding-left:			110px;

	background-image:		url("/Templates/Default/gfx/OrderContentHeaderH1.png");
	background-position: 	left center;
	background-size:		95px 95px;
	background-repeat: 		no-repeat;

	font-family:			'Vollkorn', serif;

	font-size:				48px;
	font-size:				4.8rem;
	font-weight: 			700;

	min-height: 			80px;

	line-height: 			95px;

	display: 				inline-block;
}

.OrderContentHeader p {
	margin-bottom:			40px;

	line-height: 			24px;
	line-height: 			2.4rem;
}

/*============================================================================*/
.OrderStatusWrapper {
	text-align: 			center;

	padding-bottom:			20px;
	margin-bottom: 			20px;

	border-bottom: 			1px #cacaca solid;
}

.OrderStatus {
	display: 				inline-block;

	background-size:		25px 25px;
	background-image: 		url("/Templates/Default/gfx/OrderStatus.png");
	background-repeat: 		no-repeat;
	background-position: 	left top;

	padding-left:			35px;

	line-height: 			25px;

	font-size: 				14px;
	font-size: 				1.4rem;
	font-weight: 			bold;

	color: 					#e75757;
}

.OrderStatus[rel=Shipped] {
	background-image: 		url("/Templates/Default/gfx/OrderStatusShipped.png");

	color: 					#4cc572;
}

.OrderStatus[rel=Cancelled] {
	background-image: 		url("/Templates/Default/gfx/OrderStatusCancelled.png");

	color: 					#848484;
}

/*============================================================================*/
.OrderSharePrint {
	height: 				40px;

	margin-bottom: 			10px;
}

.OrderShare {
	float: 					left;

	width: 					90px;
	height: 				21px;

	background-size:		90px 21px;

	cursor: 				pointer;

	margin-right: 			5px;
	margin-top: 			19px;
}

.OrderShare[rel=Facebook] 	{ background-image: url("/Templates/Default/gfx/OrderShareFacebook.png"); }
.OrderShare[rel=Twitter] 	{ background-image: url("/Templates/Default/gfx/OrderShareTwitter.png"); background-size: 104px 21px; width: 104px; }
.OrderShare[rel=Pinterest] 	{ background-image: url("/Templates/Default/gfx/OrderSharePinterest.png"); background-size: 111px 21px; width: 111px; }

.OrderPrint {
	background-size:		40px 24px;
	background-image: 		url("/Templates/Default/gfx/OrderPrint.png");
	background-color: 		#5f5f5f;
	background-position: 	right center;
	background-repeat: 		no-repeat;

	height: 				40px;
	line-height: 			40px;

	padding-left: 			15px;
	padding-right: 			55px;

	float: 					right;
}

.OrderPrint:hover {
	background-color: 		#777777;
}

/*============================================================================*/
.OrderWrapper {
	margin-top: 			40px;
}

.OrderHeader {
	height: 				40px;
	line-height: 			38px;

	color: 					white;

	font-size:				18px;
	font-size: 				1.8rem;
	font-weight: 			300;

	padding-left: 			16px;

	background-color: 		#4cc572;

	position: 				relative;

	margin-bottom: 			30px;
}

.OrderHeaderDate {
	text-align: 			center;

	width: 					250px;
	height: 				100%;

	background-color: 		#379655;

	position: 				absolute;

	font-weight: 			400;

	right: 					0px;
	top:					0px;
}

.OrderHeaderNumber {
	font-size:				24px;
	font-size: 				2.4rem;
	font-weight: 			300;

	position: 				relative;

	margin-bottom: 			30px;
	padding-bottom: 		30px;

	border-bottom: 			4px #ededed solid;
}

.OrderHeaderNumber span {
	color:					#118dc3;

	font-weight: 			400;
}

.OrderHeaderNumberDate {
	text-align: 			center;

	width: 					250px;

	position: 				absolute;

	font-weight: 			300;

	right: 					0px;
	top:					0px;
}

.OrderProducts {
}

.OrderProductsHeader {
	font-size:				14px;
	font-size:				1.4rem;
	font-weight:			bold;

	height:					36px;
	line-height:			36px;

	margin-top:				20px;
}

.OrderProductsHeaderItem {
	width:					40%;
	float:					left;
}

.OrderProductsHeaderUnitPrice {
	width:					15%;
	float:					left;

	text-align:				center;
}

.OrderProductsHeaderQuantity {
	width:					15%;
	float:					left;

	text-align:				center;
}

.OrderProductsHeaderSetup {
	width:					15%;
	float:					left;

	text-align:				center;
}

.OrderProductsHeaderProductTotal {
	width:					15%;
	float:					left;

	text-align:				right;
}

.OrderProductsHeaderComments {
	width:					45%;
	float:					left;
}

.OrderProductsHeaderRating {
	width:					15%;
	float:					left;

	text-align:				left;
}

.OrderProduct {
	min-height: 			170px;

	padding-top:			20px;
	padding-bottom:			20px;

	border-top:				1px #cfcfcf solid;

	font-size:				20px;
	font-size:				2.0rem;
	font-weight:			bold;

	position:				relative;
}

.OrderProductItem {
	padding-left:			110px;

	width:					40%;
	float:					left;
}

.OrderProductItemImage {
	width:					90px;
	height:					90px;

	background-position:	top center;
	background-repeat:		no-repeat;
	background-size:		contain;

	position:				absolute;

	left:					0px;
	top:					20px;
}

.OrderProductItemImagePrint {
	display: 				none;
}

.OrderProductActions {
	position:				absolute;

	left:					0px;
	top:					120px;

	font-size:				12px;
	font-size:				1.2rem;
	font-weight: 			bold;

	width: 					90px;
}

.OrderProductActionsRemove {
	color:					#e75757;

	float: 					right;

	cursor: 				pointer;
}

.OrderProductItemDetails {
	margin-top:				10px;

	font-size:				14px;
	font-size:				1.4rem;
	font-style:				italic;
	font-weight:			normal;

	line-height: 			16px;
	line-height: 			1.6rem;
}

.OrderProductTrackingNumber {
	margin-top:				10px;

	font-size:				12px;
	font-size:				1.2rem;
	font-weight:			normal;

	line-height: 			14px;
	line-height: 			1.4rem;
}

.OrderProductItemInHandsDate {
	margin-top:				10px;
	margin-bottom:			10px;

	padding:				10px;
	padding-left:			13px;
	padding-right:			13px;

	font-size:				12px;
	font-size:				1.2rem;
	font-weight:			normal;

	line-height: 			14px;
	line-height: 			1.4rem;

	color:					#e75757;
	border:					1px #e75757 solid;

	display:				inline-block;

	text-align: 			center;
}

.OrderProductSizesHeaderWrapper {
	padding-left:			110px;
}

.OrderProductSizesHeader {
	margin-bottom:			10px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight:			bold;

	border-bottom: 			1px #cfcfcf solid;
}

.OrderProductSizes {
	margin-bottom: 			15px;
	font-weight: 			normal;
}

.OrderProductSize {
	height: 				24px;
	margin-bottom: 			5px;

	font-size: 				14px;
	font-size: 				1.4rem;
}

.OrderProductSizeName {
	padding-left:			110px;

	width:					40%;
	float:					left;
}

.OrderProductSizeColor {
	width:					20px;
	height:					20px;

	margin-right:			8px;

	display:				inline-block;

	vertical-align: 		middle;
}

.OrderProductSizeColor[rel=Light] {
	border: 				1px #bab9b9 solid;
}

.OrderProductSizePrice {
	width: 					15%;

	float: 					left;
	text-align: 			center;
}

.OrderProductSizeQuantity {
	width: 					15%;

	float: 					left;
	text-align: 			center;
}

.OrderProductSizeSetup {
	width: 					15%;

	float: 					left;
	text-align: 			center;
}

.OrderProductSizeTotal {
	width: 					15%;

	float: 					left;
	text-align: 			right;

	color: 					#4cc572;
}

.OrderProductItemColorsHeader {
	margin-bottom:			10px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight:			bold;

	border-bottom: 			1px #cfcfcf solid;
}

.OrderProductItemColorsGroup {
	width:					20%;
	margin-right: 			10%;
	margin-bottom: 			10px;

	float:					left;
}

.OrderProductItemColors {
}

.OrderProductItemColor {
	width:					36px;
	height:					36px;

	margin-right:			8px;
	margin-bottom:			8px;

	display:				inline-block;
}

.OrderProductItemColor[rel=Light] {
	border: 				1px #bab9b9 solid;
}

.OrderProductItemColorPrint {
	display:				none;
}

.OrderProductItemStockDesign {
	width:					20%;
	margin-right: 			10%;
	margin-bottom: 			10px;

	float:					left;
}

.OrderProductItemStockDesignHeader {
	margin-bottom:			10px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight:			bold;

	border-bottom: 			1px #cfcfcf solid;
}

.OrderProductItemStockDesignImage {
	width:					36px;
	height:					36px;

	background-size:		cover;
	background-repeat:		no-repeat;
}

.OrderProductUnitPrice {
	width:					15%;
	float:					left;

	text-align:				center;
}

.OrderProductQuantity {
	width:					15%;
	float:					left;

	text-align:				center;
}

.OrderProductSetup {
	width:					15%;
	float:					left;

	text-align:				center;
}

.OrderProductProductTotal {
	width:					15%;
	float:					left;

	text-align:				right;

	color: 					#4cc572;
}

.OrderProductTotals {
	display: 				none;
}

.OrderProductComments {
	width:					45%;
	float:					left;
}

.OrderProductComments textarea {
	width:					100%;
	height:					100px;
}

.OrderProductRating {
	width:					15%;
	float:					left;
}

.OrderProductRatingStars {
	background-image:		url("/Templates/Default/gfx/OrderProductRatingStars.png");
	background-repeat:		no-repeat;
	background-size:		93px 84px;

	width:					93px;
	height:					14px;

	position: 				relative;
}

.OrderProductRatingStars[rel=Rating1] { background-position: 0px -14px; }
.OrderProductRatingStars[rel=Rating2] { background-position: 0px -28px; }
.OrderProductRatingStars[rel=Rating3] { background-position: 0px -42px; }
.OrderProductRatingStars[rel=Rating4] { background-position: 0px -56px; }
.OrderProductRatingStars[rel=Rating5] { background-position: 0px -70px; }

.OrderProductRatingStar {
	width: 					20%;
	height: 				100%;

	float: 					left;

	cursor: 				pointer;
}

.OrderProductDetails {
	padding-left: 			110px;
}

/*============================================================================*/
.OrderProductUploadArea {
	width: 					35%;
	margin-right: 			10%;
	margin-bottom: 			10px;

	float: 					left;
}

.OrderProductUploadArea > b {
	margin-bottom:			10px;

	font-size:				14px;
	font-size:				1.4rem;

	display: 				block;

	border-bottom: 			1px #cfcfcf solid;
}

.OrderProductFiles {
	margin: 				0;
	padding: 				0;

	margin-top: 			10px;
	margin-bottom: 			10px;

	/*border-bottom: 			1px #cfcfcf solid;*/
}

.OrderProductFiles .plupload {
	display: 				none !important;
}

.OrderProductFile {
	position:				relative;

	height: 				28px;
	line-height: 			28px;

	padding-right: 			24px;

	font-size:				12px;
	font-size:				1.2rem;
	font-style:				italic;

	color:					#DDDDDD;

	margin-bottom: 			10px;

	text-overflow: 			ellipsis;
	overflow: 				hidden;
	white-space: 			nowrap;
}

.OrderProductFileDelete {
	position: 				absolute;

	width: 					18px;
	height:					18px;

	right:					0px;
	top:					5px;

	background-color:		#e75757;

	font-size:				12px;
	font-size: 				1.2rem;
	font-style:				normal;

	line-height: 			20px;

	text-align: 			center;

	color: 					white;

	cursor: 				pointer;
}

.OrderProductFileDelete:hover {
	background-color:		#ef6f6f;
}

.OrderProductFileProgress {
	width:					0%;
	height:					4px;

	position:				absolute;

	left:					0px;
	bottom:					0px;

	background-color:		lime;
}

.OrderProductFileSuccess {
	color:					black;
}

.OrderProductFileError {
	color:					red;
}

.OrderProductFileError > div {
	display:				none;
}

.OrderProductUpload {
	float:					left;

	background-color:		#939393;

	color:					white;

	height:					38px;
	line-height: 			38px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	padding-left: 			20px;
	padding-right: 			20px;

	margin-top: 			10px;

	text-align: 			center;

	cursor: 				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.OrderProductUpload:hover {
	background-color:		#888888;
}

/*============================================================================*/
.OrderProductComments {
	font-size:				12px;
	font-size:				1.2rem;
	font-weight:			normal;

	width: 					35%;
	margin-right: 			10%;
	margin-bottom: 			10px;

	float: 					left;
}

.OrderProductComments > b {
	font-size:				14px;
	font-size:				1.4rem;

	display:				block;

	margin-bottom:			10px;

	border-bottom: 			1px #cfcfcf solid;
}

/*============================================================================*/
.OrderTotals {
	font-size:				14px;
	font-size:				1.4rem;

	max-width: 				250px;

	float: 					right;
}

.OrderTotalsName {
	width: 					50%;
	float: 					left;

	padding-right: 			10px;

	overflow: 				hidden;
	text-overflow: 			ellipsis;
	white-space: 			nowrap;

	margin-bottom: 			10px;
}

.OrderTotalsValue {
	width: 					50%;
	float: 					left;

	white-space: 			nowrap;

	text-align: 			right;

	font-weight: 			bold;

	margin-bottom: 			10px;
}

.OrderTotalsSeparator {
	width: 					100%;
	height: 				1px;

	margin-bottom: 			10px;

	float: 					left;

	background-color: 		#cfcfcf;
}

.OrderTotalsName[rel=Total] {
	font-size:				18px;
	font-size:				1.8rem;
	font-weight: 			bold;
}

.OrderTotalsValue[rel=Total] {
	font-size:				18px;
	font-size:				1.8rem;
	font-weight: 			bold;

	color: 					#e75757;
}

/*============================================================================*/
.OrderSummery {
	border-top: 			1px #cfcfcf solid;

	margin-top: 			40px;
	padding-top: 			40px;
}

.OrderSummeryColumn {
	float: 					left;

	width: 					25%;
	padding-right: 			40px;

	font-size:				14px;
	font-size:				1.4rem;
}

.OrderSummeryColumn:last-child {
	margin-right: 			0%;
}

.OrderSummeryColumnPrintClear {
	display: 				none;
}

.OrderSummeryColumnHeader {
	font-size: 				18px;
	font-size: 				1.8rem;
	font-weight: 			bold;

	padding-bottom: 		20px;
}

.OrderSummeryPayment {
	font-style: 			italic;
}

.OrderCheckAnother {
	text-align:				center;

	margin-top:				20px;
	padding-bottom: 		40px;
}

/*============================================================================*/
.MyAccountWrapper {
}

.MyAccountContentWrapper {
}

.MyAccountContentWrapper > h1 {
	font-weight: 			300 !important;

	margin-bottom:			30px;
}

.MyAccountContent {
	width: 					75%;

	float: 					right;
}

.MyAccountContent h2 {
	background-color:		#4cc572;

	height:					44px;
	line-height:			44px;

	color:					white;

	font-size:				18px;
	font-size:				1.8rem;

	font-weight:			bold;

	padding-left:			15px;

	margin:					0;
	margin-bottom:			50px;
}

.MyAccountContent .FormFields {
	max-width: 				450px;

	margin-top: 			0px;
}

.MyAccountContent .FormHelp {
	top:					175px;
}

.MyAccountSidebar {
	position:				relative;

	width: 					20%;
	margin-right:			5%;

	float: 					left;

	background-color:		#ededed;

	min-height:				600px;
}

.MyAccountMenuMobile {
	width:					100%;
	height:					44px;
	line-height: 			44px;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight:			bold;

	padding-left:			12px;

	background-image:		url("/Templates/Default/gfx/MyAccountMenuMobile.png");
	background-repeat:		no-repeat;
	background-position: 	right center;
	background-size: 		48px 44px;

	color:					white;
	background-color:		#00719E;

	display:				none;
}

.MyAccountMenu {
	width:					100%;
}

.MyAccountMenu ul {
	margin: 				0;
	padding: 				0;

	padding-top:			40px;

	list-style-type:		none;
}

.MyAccountMenu ul li {
	margin: 				0;
	padding: 				0;

	line-height:			40px;
	height:					40px;

	font-size:				18px;
	font-size:				1.8rem;

	padding-left:			60px;

	background-position: 	10px center;
	background-repeat:		no-repeat;

	border-bottom:			1px #a9a9a9 solid;
}

.MyAccountMenu ul li[rel="Settings"] 	{ background-image:	url("/Templates/Default/gfx/MyAccountMenuSettings.png"); 	}
.MyAccountMenu ul li[rel="Orders"] 		{ background-image:	url("/Templates/Default/gfx/MyAccountMenuOrders.png"); 	}
.MyAccountMenu ul li[rel="Addresses"] 	{ background-image:	url("/Templates/Default/gfx/MyAccountMenuAddresses.png"); 	}
.MyAccountMenu ul li[rel="Logout"] 		{ background-image:	url("/Templates/Default/gfx/MyAccountMenuLogout.png");		}

.MyAccountMenu ul li a {
	color:				#333333;

	font-weight:		bold;
}

.MyAccountOrderListing {
	width:				100%;

	background-color:	#EEEEEE;

	line-height:		18px;
	line-height:		1.8rem;

	padding:			10px;
	margin-bottom:		10px;
}

.MyAccountOrderListing td a b {
	font-size:			14px;

	color:				#1C3F94;
}

.MyAccountOrderListingStatus {
	color:				#333333;

	font-weight:		bold;
}

.MyAccountOrderListingStatus[rel="New"]		{ color: #ad0000; }
.MyAccountOrderListingStatus[rel="Shipped"] { color: #0baf16; }

.MyAccountOrderListingHeader {
	width:				100%;

	padding:			10px;
	margin-bottom:		10px;
	padding-top: 		0px;

	border-bottom:		1px #999999 solid;
}

.MyAccountAddressDelete {
	width:				16px;
	height:				16px;

	background-image:	url("/Templates/Default/gfx/MyAccountAddressDelete.png");

	cursor:				pointer;
}

.MyAccountButton {
	text-align: 		center;

	margin-top: 		20px;
}

/*============================================================================*/
.QuoteNotices {
	float:					right;

	text-align: 			right;
}

.QuoteExpireDays {
	background-image:		url("/Templates/Default/gfx/QuoteExpireDays.png");
	background-size: 		85px 85px;

	width:					85px;
	height:					85px;

	line-height: 			85px;

	font-size: 				30px;
	font-size: 				3.0rem;

	text-align: 			center;
	color: 					white;

	margin-top:				20px;

	display: 				inline-block;
}

.QuoteExpireNotice {
	color:					#ff292b;

	font-weight:			bold;
	font-size:				12px;
	font-size: 				1.2rem;

	margin-top:				10px;
	margin-bottom: 			10px;

	display:				inline-block;
}

.QuoteExpireNotice[rel=Expired] {
	border:					1px #ff292b solid;

	padding: 				10px;
	padding-top: 			6px;
	padding-bottom: 		6px;

	margin-top: 			20px;
	margin-bottom: 			0px;
}

.QuoteReviewNotice {
	margin-top:				20px;

	font-size:				12px;
	font-size: 				1.2rem;

	line-height: 			18px;
	line-height: 			1.8rem;

	color:					black;
}

.QuoteMessagesWrapper {
	border-top: 			1px #e5e5e5 solid;

	margin-top: 			20px;
	padding-top: 			20px;
}

.QuoteSendMessage {
	width: 					45%;
	margin-right: 			5%;

	float:					left;
}

.QuoteSendMessage > b {
	margin-bottom: 			20px;

	font-size: 				24px;
	font-size: 				2.4rem;

	display: 				block;
}

.QuoteSendMessage > p {
	font-size: 				14px;
	font-size: 				1.4rem;
}

.QuoteSendMessage .Button {
	float:					right;

	background-color: 		black;
}

.QuoteSendMessageForm {
	margin-top: 			20px;
}

.QuoteMessages {
	width: 					50%;

	float:					left;
}

.QuoteMessages > b {
	margin-bottom: 			20px;

	font-size: 				24px;
	font-size: 				2.4rem;

	display: 				block;
}

/*============================================================================*/
.QuoteFields {
	margin-top: 			30px;

	border-top:				1px #ededed solid;
}

.QuotePayment {
	margin-top: 			30px;

	border-top:				1px #ededed solid;
}

.QuoteComments {
	margin-top: 			0px;
}

.QuoteConfirm {
	float:					right;
}

/*============================================================================*/
.QuoteCorrespondence {
	padding:			10px;

	border:				1px #A2A2A2 solid;

	margin-top:			16px;
	margin-bottom:		20px;

	font-size:			11px;
}

.QuoteCorrespondence legend {
	font-size:			12px;
	font-weight:		bold;

	color:				#2D2D2D;

	padding-left:		8px;
	padding-right:		8px;
}

.QuoteCorrespondenceList > div {
	margin-top:			20px;
	padding-top:		20px;

	border-top:			1px #EEEEEE solid;
}

.QuoteCorrespondenceList > div:first-child {
	margin-top:			0px;
	padding-top:		0px;

	border-top:			none;
}

.QuoteCorrespondenceNameDate {
	text-align:			right;

	color:				#008FD5;

	font-style:			italic;
}

.QuoteUpload {
	width:				97%;

	margin-top:			10px;
	margin-right:		10px;

	border:				1px #EEEEEE solid;
}

.QuoteUpload th {
	background-color:	#e5e5e5;

	height:				20px;
	line-height: 		20px;

	color:				#666666;

	padding-left:		6px;
}

.QuoteUploadProduct {
	width:				150px;
}

.QuoteComments {
	margin-top:			10px;

	width:				100%;

	resize:				none;
}

#QuoteCCIssuer {
	width:				156px;
	height:				23px;

	background-image:	url("./gfx/QuoteCCIssuer.jpg");

	margin-bottom:		10px;
}

#QuoteCCIssuer[type="VISA"]				{ background-position: 0px -23px; }
#QuoteCCIssuer[type="MasterCard"]		{ background-position: 0px -46px; }
#QuoteCCIssuer[type="AmericanExpress"]	{ background-position: 0px -69px; }
#QuoteCCIssuer[type="Discover"]			{ background-position: 0px -92px; }

.QuoteCCSecurity {
	width:					157px;
	height:					118px;

	background-image:		url("./gfx/QuoteCCSecurity.jpg");
}

/*============================================================================*/
.ReviewWelcomeBack {
	color: 					#e75757;

	margin-bottom:			20px;
}

.ReviewOrderProducts {
	border-bottom:			1px #cfcfcf solid;
	margin-bottom: 			20px;
}

.ReviewForm {
	max-width: 				500px;

	margin: 				0 auto;
}

.ReviewForm .Button {
	float: 					none;
}

.ReviewFormButtonWrapper {
	text-align: 			center;
}

/*============================================================================*/
.FAQHeader {
	background-image:		url("/Templates/Default/gfx/FAQHeader.png");
	background-size:		555px 30px;
	background-position:	bottom center;
	background-repeat:		no-repeat;

	padding-bottom:			40px;
	margin-bottom:			40px;
	margin-top:				40px;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight:			300;

	text-align:				center;
}

.FAQHeader b {
	font-size:				24px;
	font-size:				2.4rem;
	font-weight:			700;

	display:				block;

	margin-bottom:			10px;
}

.FAQSearchBar {
	width:					100%;
	height:					90px;

	background-color:		#f8f8f8;

	border-top:				1px #dcdcdc solid;
	border-bottom:			1px #dcdcdc solid;

	text-align: 			center;
}

.FAQSearchBarInput {
	max-width:				600px;
	height: 				38px;

	margin: 				0 auto;
	margin-top:				25px;

	padding-left:			20px;
	padding-right:			20px;
}

.FAQSearchBar input {
	margin: 				0;

	padding:				0px;
	padding-left:			10px;
	padding-right:			10px;

	width:					80%;
	height:					38px;
	line-height: 			38px;

	float:					left;
}

.FAQSearchBarGo {
	background-color:		#4cc572;

	color:					white;

	width:					18%;
	height:					38px;
	line-height: 			40px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	text-align: 			center;

	margin-left:			2%;

	float:					left;

	cursor: 				pointer;
}

.FAQSearchBarGo:hover {
	background-color:		#379655;
}

.FAQResultsHeader {
	font-size:				24px;
	font-size:				2.4rem;

	margin-bottom: 			20px;
	padding-top:			10px;

	display:				block;
}

.FAQSearchSeparator {
	background-image:		url("/Templates/Default/gfx/FAQSearchSeparator.png");
	background-size:		4px 11px;

	margin-top:				20px;
	margin-bottom: 			20px;

	max-width: 				400px;
	height: 				11px;
}

.FAQResults {
	margin-bottom: 			20px;
}

.FAQResults a {
	display: 				block;

	margin-bottom: 			20px;
}

.FAQTopTenTitle {
	background-image:		url("/Templates/Default/gfx/FAQTopTenTitle.png");
	background-size:		245px 67px;

	width:					245px;
	height:					67px;
	line-height:			66px;

	font-size:				22px;
	font-size:				2.2rem;
	font-weight:			700;

	color:					white;

	text-align: 			center;

	margin:					0 auto;
	margin-bottom:			30px;

	letter-spacing: 		1px;
}

.FAQTopTen {
	margin-left:			30px;
	padding:				0;
}

.FAQTopTen li {
	padding-left:			20px;
	margin-bottom: 			20px;
}

.FAQBrowseLink {
	font-size: 				12px;

	padding-left: 			50px;
}

.FAQBrowse {
	margin-left:			30px;
	padding:				0;
}

.FAQBrowse > li {
	padding-left:			20px;
	margin-bottom: 			20px;
}

.FAQBrowse > li > ul > li {
	margin-top: 			10px;
}

.FAQBrowseButtons {
	width: 					100%;
	height: 				38px;

	margin-top: 			40px;
}

.FAQBrowseButtonPrevious {
	float: 					left;
}

.FAQBrowseButtonNext {
	float: 					right;
}

.FAQContent {
	margin-top: 			20px;
	min-height: 			200px;
}

.FAQContent > h1 {
	font-size:				24px;
	font-size:				2.4rem;
	font-weight:			bold;

	margin:					0;
	padding:				0;

	margin-bottom: 			20px;
}

.FAQContent > p {
	font-size:				16px;
	font-size:				1.6rem;

	line-height: 			24px;
	line-height: 			2.4rem;

	margin:					0;
	padding:				0;
	margin-bottom: 			40px;

	display: 				block;
}

.FAQRelatedSeparator {
	background-image:		url("/Templates/Default/gfx/FAQRelatedSeparator.png");
	background-size:		4px 11px;

	margin-top:				40px;
	margin-bottom: 			10px;

	max-width: 				400px;
	height: 				11px;
}

.FAQHelpful {
	background-color:		#4cc572;

	color:					white;

	height:					38px;
	line-height: 			40px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	padding-left: 			30px;
	padding-right:			30px;

	text-align: 			center;

	cursor: 				pointer;

	display: 				inline-block;

	transition: 			background-color 0.25s, width 0.5s;
	-webkit-transition:		background-color 0.25s, width 0.5s;
	-moz-transition: 		background-color 0.25s, width 0.5s;
	-o-transition: 			background-color 0.25s, width 0.5s;
	-ms-transition: 		background-color 0.25s, width 0.5s;
}

.FAQHelpful:hover {
	background-color:		#379655;
}

.FAQHelpfulSubmitted, .FAQHelpfulSubmitted:hover {
	background-color:		#118dc3;
}

.FAQFeedback {
	max-width:				280px;

	background-color:		white;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			300;

	border:					1px #d7d7d7 solid;

	position: 				fixed;

	left:					50%;
	top:					200px;

	margin-left: 			-140px;

	padding: 				20px;

	-webkit-border-radius:	5px 5px 5px 5px;
	-moz-border-radius:		5px 5px 5px 5px;
	border-radius:			5px 5px 5px 5px;

	z-index:				10;

	display: 				none;
}

.FAQFeedbackClose {
	background-image:		url("/Templates/Default/gfx/FAQFeedbackClose.png");
	background-size:		28px 28px;

	width:					28px;
	height: 				28px;

	position: 				absolute;

	right:					10px;
	top:					10px;

	cursor: 				pointer;
}

.FAQFeedbackHeader {
	background-image:		url("/Templates/Default/gfx/FAQFeedbackHeader.png");
	background-size:		36px 36px;
	background-repeat: 		no-repeat;

	font-size:				36px;
	font-size:				3.6rem;

	line-height: 			36px;

	color:					#ff0066;

	padding-left:			50px;
}

.FAQFeedback p {
	margin-top:				20px;
	margin-bottom: 			20px;
}

.FAQFeedbackButton {
	background-color:		#787878;

	color:					white;

	height:					30px;
	line-height: 			32px;

	font-size:				13px;
	font-size:				1.3rem;
	font-weight: 			bold;

	text-align: 			center;

	padding-left: 			30px;
	padding-right: 			30px;

	cursor: 				pointer;

	display: 				inline-block;

	margin-right: 			8px;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.FAQFeedbackYes:hover {
	background-color:		#3f985b;
}

.FAQFeedbackYesActive, .FAQFeedbackYesActive:hover {
	background-color:		#4cc572;
}

.FAQFeedbackNo:hover {
	background-color:		#9d3939;
}

.FAQFeedbackNoActive, .FAQFeedbackNoActive:hover {
	background-color:		#e75757;
}

.FAQFeedbackContent {
	width:					100%;
	height:					90px;

	border:					1px #d7d7d7 solid;

	padding:				10px;

	margin-top: 			20px;
	margin-bottom: 			10px;

	font-size:				13px;
	font-size:				1.3rem;
	font-weight: 			300;
	font-family: 			"Lato", sans-serif;
}

.FAQFeedbackSubmit {
	background-color:		#118dc3;

	color:					white;

	height:					30px;
	line-height: 			32px;

	font-size:				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	padding-left: 			20px;
	padding-right: 			20px;

	text-align: 			center;

	cursor: 				pointer;

	float:					right;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.FAQFeedbackSubmit:hover {
	background-color:		#126589;
}

.FAQFeedbackShadow {
	background-image:		url("/Templates/Default/gfx/FAQFeedbackShadow.png");
	background-size:		280px 30px;

	width: 					280px;
	height:					30px;

	position: 				absolute;

	bottom: 				-30px;
	left:					0px;
}

.FAQSearchBarQA {
	margin-bottom: 			40px;
}

/*============================================================================*/
.UniversityContentWrapper {
	margin-top:				20px;
}

.UniversitySidebar {
	width:					20%;
	margin-right: 			5%;

	float:					left;

	padding-bottom: 		40px;
}

.UniversityContent {
	width:					75%;

	float:					left;

	padding-bottom: 		40px;
}

.UniversityLogo {
	background-image:		url("/Templates/Default/gfx/UniversityLogo.png");
	background-size:		117px 123px;

	width: 					117px;
	height:					123px;

	cursor: 				pointer;

	margin-bottom: 			20px;
}

.UniversitySearch {
	background-color:		#118dc3;

	height: 				42px;
	padding: 				6px;
	padding-left:			12px;
	padding-right: 			12px;

	margin-bottom: 			20px;

	position: 				relative;
}

.UniversitySearch > input {
	border: 				none;

	color: 					black;

	font-size:				14px;
	font-size:				1.4rem;
	font-style: 			italic;

	padding-left:			10px;
	padding-right: 			36px;

	width: 					100%;
	height: 				30px;
	line-height: 			30px;
}

.UniversitySearchGo {
	background-image:		url("/Templates/Default/gfx/UniversitySearchGo.png");
	background-size:		30px 30px;

	width: 					30px;
	height:					30px;

	position: 				absolute;

	right: 					13px;
	top:					6px;

	cursor: 				pointer;
}

.UniversityCategoriesFilterButton {
	display: none;
}

.UniversityCategories {
	list-style-type: 		none;

	margin: 				0;
	padding: 				0;
}
@media all and (min-width: 1024px){
	.UniversityCategories {
		display: block !important;
	}
}

.UniversityCategories > li {
	margin-bottom: 			1px;
}

.UniversityCategoryTitle {
	height: 				42px;
	line-height: 			42px;

	font-size:				18px;
	font-size:				1.8rem;
	font-weight:			bold;

	color:					black;

	padding-left: 			12px;
	padding-right: 			42px;

	overflow: 				hidden;
	text-overflow: 			ellipsis;
	white-space: 			nowrap;

	background-color:		#dddddd;

	display: 				block;

	position: 				relative;

	cursor: 				pointer;

	transition: 			background-color 0.25s;
	-webkit-transition:		background-color 0.25s;
	-moz-transition: 		background-color 0.25s;
	-o-transition: 			background-color 0.25s;
	-ms-transition: 		background-color 0.25s;
}

.UniversityCategoryTitle:hover {
	background-color:		#eeeeee;
}

.UniversityCategoryTitleArrow {
	background-image:		url("/Templates/Default/gfx/UniversityCategoryTitleArrow.png");
	background-size:		42px 84px;
	background-repeat: 		no-repeat;

	width: 					42px;
	height: 				42px;

	position: 				absolute;

	right: 					0px;
	top:					0px;
}

.UniversityCategoryTitleArrow[rel=Active],
.UniversityCategoriesFilterButton.Active .UniversityCategoryTitleArrow {
	background-position: 	0px -42px;
}

.UniversitySubCategory {
	padding-top: 			15px;
	padding-bottom: 		15px;

	display: 				none;
}

.UniversitySubCategory > li {
	height: 				24px;
	line-height: 			24px;
}

.UniversitySubCategory > li a {
	font-size:				14px;
	font-size:				1.4rem;

	color:					black;
}

h1.UniversityPageTitle {
	margin-top: 			0px;

	line-height: 1.2;
}

.UniversityPageSeparator {
	background-image:		url("/Templates/Default/gfx/UniversityPageSeparator.png");
	background-size:		7px 15px;
	background-repeat: 		repeat-x;

	height: 				15px;

	margin-bottom: 			20px;
}

.UniversityPageContent {
	padding-bottom: 		20px;
}

.UniversityQAListHeader {
	margin-bottom:			20px;

	display:				block;
}

.UniversityQAList {
}

.UniversityQA {
	display:				block;

	margin-bottom:			20px;
}

.UniversityQA a {
	font-weight: 			bold;
}

/*============================================================================*/
.ProofContent {
}

.ProofProduct {
	margin-top: 			40px;
	margin-bottom: 			40px;
	padding-bottom: 		20px;

	border-bottom: 			1px #cacaca solid;
}

.ProofProductHeader {
	height: 				40px;
	line-height: 			40px;

	color: 					white;

	font-size:				18px;
	font-size: 				1.8rem;
	font-weight: 			300;

	padding-left: 			20px;

	background-color: 		#4cc572;

	position: 				relative;

	margin-bottom: 			30px;
}

.ProofProductHeaderQuantity {
	text-align: 			center;

	width: 					110px;

	background-color: 		#379655;

	position: 				absolute;

	font-weight: 			400;

	right: 					0px;
	top:					0px;
}

.ProofProductImageWrapper {
	width: 					10%;

	margin-right: 			5%;

	float:					left;
}

.ProofProductImage {
	width: 					100%;
	height:					200px;

	background-position: 	top center;
	background-repeat: 		no-repeat;
	background-size: 		contain;

}

.ProofProductContent {
	width: 					85%;

	float:					left;
}

.ProofProductContentNameQuantity {
	height: 				44px;
	line-height: 			44px;

	padding-left:			4px;

	font-size: 				24px;
	font-size:				2.4rem;
	font-weight: 			900;

	border-bottom: 			1px #858585 solid;

	position: 				relative;
}

.ProofProductQuantity {
	text-align: 			center;

	width: 					110px;

	position: 				absolute;

	font-weight: 			bold;

	right: 					0px;
	top:					0px;
}

.ProofProductContentDetails {
	padding-top:			8px;
	padding-bottom: 		8px;
	padding-left:			4px;

	border-bottom: 			1px #858585 solid;

	font-size: 				12px;
	font-size:				1.2rem;
}

.ProofProductContentDetails ul {
	margin:					0;

	font-size: 				12px;
	font-size:				1.2rem;

	padding-left: 			25px;

	line-height: 			18px;
	line-height: 			1.8rem;
}

.ProofPDF {
	width: 					45%;
	margin-right: 			5%;

	float: 					left;
}

.ProofPDF > b {
	font-size: 				24px;
	font-size: 				2.4rem;

	margin-bottom: 			18px;

	display: 				block;
}

.ProofPDF > a {
	font-size: 				18px;
	font-size: 				1.8rem;
	font-weight: 			300;

	color:					#e75757;

	text-decoration: 		underline;

	width: 					50%;

	float: 					left;

	overflow: 				hidden;
	text-overflow: 			ellipsis;
	white-space: 			nowrap;
}

.ProofPDFAdded {
	float: 					right;

	font-size: 				18px;
	font-size: 				1.8rem;

	width: 					50%;
	padding-left: 			10px;

	overflow: 				hidden;
	text-overflow: 			ellipsis;
	white-space: 			nowrap;

	text-align: 			right;
}

.ProofPDFAdded span {
	color:					#4cc572;
}

.ProofPDF iframe {
	width: 					100%;
	height: 				600px;

	border: 				1px #cacaca solid;

	padding-bottom: 		40px;
	margin-bottom: 			20px;
	margin-top:				20px;

	padding: 				10px;
}

.ProofOptions {
	width: 					50%;

	float: 					left;
}

.ProofOptions > b {
	font-size: 				24px;
	font-size: 				2.4rem;

	margin-bottom: 			10px;

	display: 				block;
}

.ProofOptions > p {
	margin-bottom: 			20px;
}

.ProofForm .Button {
	float:					right;

	background-color: 		black;
}

.ProofOption {
	max-width: 				290px;
	height: 				40px;
	line-height: 			40px;

	color: 					white;

	padding-left:			56px;
	margin-bottom: 			10px;

	font-size: 				14px;
	font-size:				1.4rem;
	font-weight: 			bold;

	position: 				relative;

	background-color: 		#b3b3b3;

	cursor: 				pointer;

	transition: 			background-color 0.5s;
	-webkit-transition:		background-color 0.5s;
	-moz-transition: 		background-color 0.5s;
	-o-transition: 			background-color 0.5s;
	-ms-transition: 		background-color 0.5s;
}

.ProofOptionActive[rel=Approved] 			{ background-color: #4cc572; }
.ProofOptionActive[rel=ApprovedWithChanges] { background-color: #118dc3; }
.ProofOptionActive[rel=SendMessage] 		{ background-color: #e75757; }

.ProofOptionCheckbox {
	background-image: 		url("/Templates/Default/gfx/ProofOptionCheckbox.png");
	background-size:		40px 80px;
	background-repeat: 		no-repeat;
	background-position: 	0px 0px;

	position: 				absolute;

	left: 					0px;
	top:					0px;

	width: 					42px;
	height: 				40px;

	border-right: 			2px white solid;

	cursor: 				pointer;

	transition: 			background-position 0.5s;
	-webkit-transition:		background-position 0.5s;
	-moz-transition: 		background-position 0.5s;
	-o-transition: 			background-position 0.5s;
	-ms-transition: 		background-position 0.5s;
}

.ProofOptionActive .ProofOptionCheckbox {
	background-position: 	0px -40px;
}

.ProofOptionDescription {
	color: 					#ea1717;

	font-size: 				12px;
	font-size:				1.2rem;
	font-style: 			italic;

	line-height: 			18px;
	line-height: 			1.8rem;

	padding-left: 			42px;
	padding-bottom: 		10px;
}

.ProofForm textarea {
	width: 					100%;
	height: 				150px;

	margin: 				0;
}

.ProofOptions .Button {
	float: 					right;
}

.ProofSubmit {
	margin-top: 			20px;
}

.ProofStatus {
	font-size: 				14px;
	font-size:				1.4rem;

	line-height: 			18px;
	line-height: 			1.8rem;
}

.ProofMessagesWrapper {
	float:					right;

	width: 					50%;
}

.ProofMessagesWrapper > b {
	font-size: 				24px;
	font-size: 				2.4rem;

	display: 				block;

	margin-bottom: 			20px;
	padding-top: 			40px;

	border-top: 			1px #cacaca solid;
}

/*============================================================================*/
.MessagesNone {
	background-color: 		#EEEEEE;
	color: 					#333333;

	padding:				20px;
}

.Messages {
	border-top: 			1px #cacaca solid;
	border-bottom: 			1px #cacaca solid;
}

.Message {
	background-color:		#f2f2f2;

	font-size: 				14px;
	font-size: 				1.4rem;

	line-height: 			18px;
	line-height: 			1.8rem;

	padding:				10px;

	color: 					#1d1d1d;

	padding-left:			80px;
	min-height: 			130px;

	position: 				relative;

	border-bottom: 			1px #cacaca solid;
}

.Message:first-child {
	margin-top: 			2px;
}

.Message:last-child {
	margin-bottom: 			2px;

	border-bottom: 			none;
}

.MessageInfo {
	position: 				absolute;

	left: 					10px;
	top:					10px;

	width: 					60px;
}

.MessageInfoAvatar {
	width: 					100%;
	height: 				60px;

	margin-bottom: 			10px;

	background-color: 		#4cc572;
	background-image:		url("/Templates/Default/gfx/MessageInfoAvatar.png");
	background-size:		cover;
	background-position: 	center center;
}

.MessageInfoName {
	font-size: 				11px;
	font-size: 				1.1rem;
	font-weight: 			bold;

	display: 				block;

	text-overflow: 			ellipsis;
	white-space: 			nowrap;
	overflow: 				hidden;
}

.MessageInfoDateTime {
	font-size: 				11px;
	font-size: 				1.1rem;
	font-weight: 			bold;

	line-height: 			14px;
	line-height: 			1.4rem;

	color: 					#e75757;
}

.MessageInfoDateTime span {
	color: 					#118dc3;
}

/*============================================================================*/
.PopularPromosWebsite {
	float: 					left;

	width: 					47%;
	margin-right: 			6%;
	margin-bottom: 			40px;

	color: 					black;
}

.PopularPromosWebsiteRight {
	margin-right: 			0%;
}

.PopularPromosWebsiteLogo {
	max-width:				400px;
	height: 				150px;

	background-size: 		contain;
	background-repeat: 		no-repeat;
	background-position: 	center center;

	margin:					0 auto;
	margin-bottom: 			10px;
}

.PopularPromosWebsiteSeparator {
	background-image:		url("/Templates/Default/gfx/PopularPromosWebsiteSeparator.png");
	background-size:		4px 11px;

	margin-bottom: 			40px;

	height: 				11px;

	clear: 					both;
}

.PopularPromosWebsiteSeparatorMobile {
	display: 				none;
}

/*============================================================================*/
.EmailSignup {
	background-image:		url("/Templates/Default/gfx/EmailSignup.jpg");
	background-size:		cover;

	width:					100%;
	height:					295px;

	text-align: 			center;

	padding-top:			30px;
	padding-left:			10px;
	padding-right: 			10px;

	margin-bottom:			50px;
}

.EmailSignupTitle {
	background-image:		url("/Templates/Default/gfx/EmailSignupTitle.png");
	background-size:		contain;
	background-repeat: 		no-repeat;

	max-width:				1100px;
	height:					103px;

	margin:					0 auto;
	margin-bottom:			30px;
}

.EmailSignupInput {
	background-image:		url("/Templates/Default/gfx/EmailSignupInput.png");
	background-size:		299px 68px;

	width:					299px;
	height:					68px;

	margin-bottom: 			10px;

	display: 				inline-block;

	position: 				relative;
}

.EmailSignupArrow {
	background-image:		url("/Templates/Default/gfx/EmailSignupArrow.png");
	background-size:		35px 57px;

	width:					35px;
	height:					57px;

	position: 				absolute;

	left:					-50px;
	top:					-35px;
}

.EmailSignupInput input {
	border:					transparent;
	background-color:		transparent;

	font-size:				12px;
	font-size:				1.2rem;

	width:					160px;
	height:					28px;
	line-height: 			28px;

	position: 				absolute;

	padding:				0px;

	left:					26px;
	top:					20px;
}

.EmailSignupGo {
	background-image:		url("/Templates/Default/gfx/EmailSignupGo.png");
	background-size:		88px 68px;

	width:					88px;
	height:					34px;

	position: 				absolute;

	right:					16px;
	top:					17px;

	overflow: 				hidden;

	cursor: 				pointer;

	text-align: 			center;

	font-size:				14px;
	font-size:				1.4rem;

	line-height: 			34px;

	color:					white;
}

.EmailSignupGo:hover {
	background-position: 	0px -34px;
}

.EmailSignupGoThanks {
	background-image:		url("/Templates/Default/gfx/EmailSignupGoThanks.png");
	background-size:		88px 34px;

	width:					88px;
	height:					34px;

	position: 				absolute;

	right:					0px;
	top:					0px;

	display: 				none;
}

.EmailSignupGo span {
	width:					88px;
	height:					34px;

	position: 				absolute;

	right:					0px;
	top:					0px;

	text-align: 			center;

	z-index: 				2;
}

.EmailSignupText {
	font-size:				12px;
	font-size:				1.2rem;

	font-style: 			italic;

	text-align: 			center;

	color:					white;
}

/*============================================================================*/
.Footer {
	max-width:				1280px;
	min-height:				300px;

	margin:					0 auto;
	padding-bottom:			60px;
	padding-top:			20px;

	padding-left:			100px;

	position: 				relative;
}

.FooterTopSeparator {
	height: 50px;

	border-top: 1px solid #d9d9d9;
}

.FooterIcon {
	background-image:		url("/Templates/Default/gfx/FooterIcon.png");
	background-size:		66px 66px;

	width:					66px;
	height:					66px;

	position: 				absolute;

	left:					30px;
	top:					0px;

	transition: 			opacity 0.5s;
	-webkit-transition:		opacity 0.5s;
	-moz-transition: 		opacity 0.5s;
	-o-transition: 			opacity 0.5s;
	-ms-transition: 		opacity 0.5s;
}

.FooterIcon:hover {
	opacity:				0.75;
	filter:					alpha(75);
}

.FooterYPPU {
	background-image:		url("/Templates/Default/gfx/FooterYPPU.png");
	background-size:		68px 73px;

	width:					68px;
	height:					73px;

	position: 				absolute;

	left:					30px;
	top:					90px;

	cursor: 				pointer;

	transition: 			opacity 0.25s;
	-webkit-transition:		opacity 0.25s;
	-moz-transition: 		opacity 0.25s;
	-o-transition: 			opacity 0.25s;
	-ms-transition: 		opacity 0.25s;
}

.FooterYPPU:hover {
	opacity:				0.75;
	filter:					alpha(75);
}

.FooterHipBit {
	background-image:		url("/Templates/Default/gfx/FooterHipBit.png");
	background-size:		82px 65px;

	width:					82px;
	height:					65px;

	position: 				absolute;

	left:					23px;
	top:					190px;

	cursor: 				pointer;

	transition: 			opacity 0.25s;
	-webkit-transition:		opacity 0.25s;
	-moz-transition: 		opacity 0.25s;
	-o-transition: 			opacity 0.25s;
	-ms-transition: 		opacity 0.25s;
}

.FooterHipBit:hover {
	opacity:				0.75;
	filter:					alpha(75);
}

.Footer ul {
	margin:					0;
	padding:				0;

	padding-left:			20px;
	padding-right:			20px;

	border-right:			1px black dotted;

	list-style-type: 		none;

	float:					left;

	width:					20%;
	min-height:				290px;
}

.Footer ul li {
	font-size:				13px;
	font-size:				1.3rem;

	color:					#1d1d1d;

	padding-bottom: 		4px;
}

.Footer ul li[rel=Title] {
	font-weight:			bold;
	font-size:				18px;
	font-size:				1.8rem;

	margin-bottom:			10px;
}

.Footer ul li[rel=Title]:not(:first-child) {
	margin-top:				20px;
}

.Footer ul li a {
	color:					#1d1d1d;
}

.Footer ul li a:hover {
	color:					#15445d;
}

.FooterRedesignPostMortem {
	background-image:		url("/Templates/Default/gfx/FooterRedesignPostMortem.png");
	background-size: 		24px 24px;
	background-repeat: 		no-repeat;
	background-position: 	left center;

	padding-left: 			30px;

	height: 				24px;
	line-height: 			24px;

	margin-top: 			10px;
}

.FooterSocialize {
	padding-left:			20px;

	width:					20%;
	min-height:				250px;

	float:					left;
}

.FooterSocialize b {
	font-weight:			bold;
	font-size:				18px;
	font-size:				1.8rem;

	display:				block;

	margin-bottom:			10px;
}

.FooterSocializeIcon {
	float:					left;

	margin-right:			15px;
	margin-bottom: 			15px;

	width:					36px;
	height:					36px;

	background-size:		36px 36px; /* No Retina */

	cursor:					pointer;

	transition: 			opacity 0.25s;
	-webkit-transition:		opacity 0.25s;
	-moz-transition: 		opacity 0.25s;
	-o-transition: 			opacity 0.25s;
	-ms-transition: 		opacity 0.25s;
}

.FooterSocializeIcon[rel=Twitter] 	{ background-image: url("/Templates/Default/gfx/FooterSocializeIconTwitter.png"); }
.FooterSocializeIcon[rel=Pinterest] { background-image: url("/Templates/Default/gfx/FooterSocializeIconPinterest.png"); }
.FooterSocializeIcon[rel=Facebook] 	{ background-image: url("/Templates/Default/gfx/FooterSocializeIconFacebook.png"); }
.FooterSocializeIcon[rel=YouTube] 	{ background-image: url("/Templates/Default/gfx/FooterSocializeIconYouTube.png"); }
.FooterSocializeIcon[rel=TheKeep] 	{ background-image: url("/Templates/Default/gfx/FooterSocializeIconTheKeep.svg"); }
.FooterSocializeIcon[rel=Instagram]	{ background-image: url("/Templates/Default/gfx/FooterSocializeIconInstagram.png"); }
.FooterSocializeIcon[rel=LinkedIn]	{ background-image: url("/Templates/Default/gfx/FooterSocializeIconLinkedIn.png"); }

.FooterSocializeIcon:hover {
	opacity:				0.75;
	filter:					alpha(75);
}

.FooterCopyrightWrapper {
	max-width:				1280px;

	margin:					0 auto;
	margin-bottom:			40px;

	padding-left:			20px;
	padding-right:			20px;
}

.FooterCopyright {
	border-top:				1px black solid;

	height:					30px;
	line-height: 			30px;

	font-size:				12px;
	font-size:				1.2rem;

	position: 				relative;
}

.FooterCopyright a {
	color:					#15445d;

	padding-left:			40px;
}

.FooterSeal {
	position: 				absolute;

	left:					50%;
	top:					-37px;

	margin-left:			-37px;

	background-image:		url("/Templates/Default/gfx/FooterSeal.png");
	background-size:		74px 74px;

	width:					74px;
	height:					74px;

	cursor:					pointer;
}

.FooterPaymentMethods {
	background:				transparent url("/Templates/Default/gfx/FooterPaymentMethods.svg") scroll no-repeat right center;
	background-size:		contain;

	width:					186px;
	height:					27px;

	position: 				absolute;

	right:					0px;
	top:					6px;
}

/*============================================================================*/
.Blackout {
	position: 				fixed;

	left: 					0px;
	top:					0px;

	width: 					100%;
	height: 				100%;

	z-index: 				10000;

	display: 				none;

	background-color: 		black;

	opacity: 				0;

	transition: 			opacity 0.5s;
	-webkit-transition:		opacity 0.5s;
	-moz-transition: 		opacity 0.5s;
	-o-transition: 			opacity 0.5s;
	-ms-transition: 		opacity 0.5s;
}

.BlackoutActive {
	display: 				block;

	filter:					alpha(opacity=75);
	opacity: 				0.75;
}

.BlackoutLoading {
	background-image:		url("/Templates/Default/gfx/BlackoutLoading.gif");
	background-size:		cover;

	width:					40px;
	height:					40px;

	position: 				absolute;

	left: 					50%;
	top:					50%;

	margin-left:			-20px;
	margin-top:				-20px;
}

/*============================================================================*/
.BlogPostListing {
	display: flex;
}
.BlogPosts {
	width: 100%;

	padding-right: 80px;
}
.BlogPost {
	margin-bottom: 		40px;

	font-size: 			14px;

	line-height: 		20px;
}

.BlogPost h1,
.BlogPost h2 {
}

.BlogPost h1 a,
.BlogPost h2 a {
	color: 				rgb(0, 52, 153);

	text-decoration:	none;
}

.BlogPost p {
	margin-bottom: 		20px;
}

.BlogPost .alignleft {
	float:				left;

	padding-right:		10px;
	padding-bottom:		10px;
}

.BlogPostAuthor {
	margin-bottom: 		20px;

	font-style: 		italic;
}

.BlogPostTags {
	margin-bottom: 		20px;

	color: 				#777777;
}

.BlogPostIn {
	margin-bottom: 		20px;

	color: 				#777777;
}

.BlogPostDate {
	color: 				#777777;

	font-size: 			12px;
}

.BlogPostContent {
	margin-top: 20px;
}

.BlogPostContent img {
	max-width: 100%;
}

.BlogPostReadMoreLink {
	position: relative;

	color: inherit;

	padding: 1px 0 1px 26px;
}
.BlogPostReadMoreLink::before {
	content: "";

	display: block;

	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;

	width: 18px;
	height: 18px;

	border-radius: 100%;

	background-color: #74a734;
}
.BlogPostReadMoreLink::after {
	content: "";

	display: block;

	position: absolute;
	left: 6px;
	top: 4px;
	z-index: 1;

	width: 0;
	height: 0;

	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #ffffff;

}

.BlogSidebar {
	width: 247px;
	min-width: 247px;
}
.BlogSidebar .SectionTitle {
	font-size: 			21px;
	font-weight: 		700;

	margin-bottom: 		10px;

	display: 			block;
}
.BlogSidebarSection {
	margin-bottom: 		30px;
}
.SidebarAd {
	margin-bottom: 20px;
}
.BlogSidebar ul {
	margin: 			0;
	padding: 			0 0 0 1.2em;
}

.BlogSidebar ul li {
	line-height: 		20px;
}

.BlogSidebar ul li a {
	color: 				black;
}

.BlogSidebar ul li a:hover {
	text-decoration: 	underline;
}

.BlogSidebar ul li span {
	color: 				#777777;
}

.BlogPagination {
	display: flex;

	min-height: 			20px;

	margin-top: 70px;
}
.BlogPagination.DualButton {
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.BlogPagination a {
	display: inline-block;

	padding: 0.5em 1em;

	color: #444;

	border: 1px solid #aaa;
	border-radius: 1.2em;

	transition: all 0.25s;
}

.BlogPagination a:hover,
.BlogPagination a:focus {
	background-color: #ececec;
}


/*============================================================================*/
#uploadifive-Upload_Control-queue {
	display: none;
}
.UploadiFiveButton {
	color: transparent;

	background: transparent url("/Theme/Default/Default/gfx/Upload.png") scroll no-repeat center top;

	cursor: pointer;
}
.UploadiFiveButton input {
	cursor: pointer;
}
.UploadQueueUploadButton {
	background-image: url("/Templates/YourPromoPeople/Upload/gfx/Queue.jpg");
}
.CheckoutQueueUploadButton {
	background-image: url("/Templates/YourPromoPeople/Checkout/gfx/Queue.jpg");
}


.HideYPPJHReferences .Footer > ul:nth-child(2),
.HideYPPJHReferences .Footer > ul:nth-child(3),
.HideYPPJHReferences .Footer > ul:nth-child(5),
.HideYPPJHReferences .Footer > div:nth-child(6) {
	display: none;
}
.HideYPPJHReferences .Footer > ul:nth-child(4) {
	border-right: none;
}