﻿html,body					{ width:38em; width:100%; height:100%; font-size:1.3em; }
body	h1					{ font-size:1em; }
body	h2					{ font-size:1.1em; }
.Mobile.NotVisible			{ width:0px; display:none; }
.Mobile.VisibleOnly			{ }
.hidden						{ width:0px; overflow:hidden; }

.mobile						{ display:inherit; }
.maybemobile				{ display:none; }
.ico32:before				{ content:""; width:64px; height:67px; vertical-align:middle; margin:5px; background-repeat:no-repeat; display:inline-block; }
.ico32.Menu:before			{ background-image:url(Images/Icons/Mobile/Phone-Menu.png);				}
.ico32.Search:before		{ background-image:url(Images/Icons/Mobile/Phone-Search.png);			}
.ico32.Cart:before			{ background-image:url(Images/Icons/Mobile/Phone-Cart.png);				}
.ico32.Products:before		{ background-image:url(Images/Icons/Mobile/Phone-Products.png);			}
.divSite					{ padding:0px 14px; }
ul							{ list-style-type:none; }
.MobileSiteNav				{ position:fixed; top:0px; left:0px; right:0px; }
#divSiteContent				{ margin-top:4em; }
ul.MobileFloatRight			{ float:right; display:-webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; }
ul.MobileFloatRight			li				{ flex: 0 0 auto; -webkit-flex: 0 0 auto; }

.MobileVerticalMenu			{ float:right; display:-webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; }
.MobileVerticalMenu			ul				{ flex: 0 0 auto; }
.MobileVerticalMenu.Reversed	{ flex-direction: column-reverse; }


#navSiteNav					>a.fleft		{ padding-right:.8em; }
#navSiteNav					>a.fright		{ padding-left:.8em; }

#navSiteNav					li				ul							{ display: none; position: absolute; top: 100%; }
#navSiteNav					li:hover		ul							{ display: block; }
#navSiteNav					h2			{ color:#ffffff; line-height:1.2em; vertical-align:bottom; font-size:1.05em; text-align:center; margin:0px; padding:10px 0px 0px 0px; }
#divMainMenu				{ position:fixed; top:0px; left:0px; }
#divMainMenu				{ display:flex;  }
#divMainMenu.state.verticalmenu.open	{ padding:1em; }

.state.verticalmenu.open	{ display:block; -webkit-transition: width .5s ease-in-out; -moz-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out; transition: width .5s ease-in-out; width:550px; }
.state.verticalmenu.close	{ display:block; -webkit-transition: width .5s ease-in-out; -moz-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out; transition: width .5s ease-in-out; width:0px; }
.state.verticalmenu.closed	{ display:none; }
.state.horizontalmenu.open	{ display:block; -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out; height:110px; }
.state.horizontalmenu.close	{ display:block; -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out; height:0px; }



.Mobile.Menu				{ 	font-size:1.5em !important;
								top:0px; bottom:0px; border-top:2px solid #050505; 
								background: #2d2d2d;
								background: -moz-linear-gradient(left, #2d2d2d 0%, #2A2A2A 12.5%, #232323 25%, #0F0F0F 50%, #050505 66%, #000000 100%);
								background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2d2d2d), color-stop(12.5%, #2A2A2A), color-stop(25%, #232323), color-stop(50%, #0F0F0F), color-stop(66%, #050505), color-stop(100%,#000000));
								background: -webkit-linear-gradient(left, #2d2d2d 0%,#2A2A2A 12.5%,#232323 25%,#0F0F0F 50%,#050505 66%,#000000 100%);
								background: -o-linear-gradient(left, #2d2d2d 0%,#2A2A2A 12.5%,#232323 25%,#0F0F0F 50%,#050505 66%,#000000 100%);
								background: -ms-linear-gradient(left, #2d2d2d 0%,#2A2A2A 12.5%,#232323 25%,#0F0F0F 50%,#050505 66%,#000000 100%);
								background: linear-gradient(to right, #2d2d2d 0%,#2A2A2A 12.5%,#232323 25%,#0F0F0F 50%,#050505 66%,#000000 100%);
						}
.Mobile.Menu.Vertical			li		{ min-width:450px; padding:.2em 1em; }

.Mobile	.Wrapper		{ padding:.3em; }
.Mobile.Menu,
.Mobile.Cart,
.Mobile.Search,
.Mobile.Search		input[type=text]	
						{ overflow: hidden; font-size:1.1em; box-sizing: border-box; }
.txtSearch				{ width:10em; }

.MobileListNav			{ list-style-type:none; }
.MobileListNav			a		{ display:inline-block; padding-bottom:1em !important; font-size:1.1em;   text-decoration:none;  }

.ProdDetails			{ font-size:1.05em; }
.ProdDetails			.Detail		.Value.FullWidth.Image	{ float:right; width:33% !important;}
.ProdDetails			.Detail		.Attribute				{ float:left; width:30% !important; /* background-color:Green; */}
.ProdDetails			.Detail		.Value					{ float:left; width:35% !important; /* background-color:Purple; */}
.ProdDetails			.Detail		.Value.FullWidth		{ width:85% !important; }
.ProdDetails			.Detail		.Value					.AddToCart		{ font-size:1.2em; vertical-align:top; }
.AddToCart				{ zoom:1.75; }
.divPagination			{ font-size:1.1em; }

.ProductDetails.Display	.ProdDetails		.Detail		div.quarter				{ width:50% !important; }
.ProductDetails.Display	.ProdDetails		.Detail		.Attribute				{ width:32% !important; clear:both; font-weight:bold; }
.ProductDetails.Display	.ProdDetails		.Detail		div.quarter	.Attribute	{ width:52% !important; }
.ProductDetails.Display	.ProdDetails		.Detail		.Value					{ width:68% !important; }
.ProductDetails.Display	.ProdDetails		.Detail		div.quarter	.Value		{ width:48% !important; }
.ProductDetails.Display	.ProdDetails		.Detail		.Value.Notes			{ width:100% !important; }
.ProductDetails.Display	.ProdDetails		.Detail		.Value.FullWidth.Image	{ width:auto !important; margin:0px -1em 0px -2em; }
.ProductDetails.Display	.ProdDetails		.Detail		.Value.FullWidth.Image	a	{ float:left;  }
.ProductDetails.Display	.ProdDetails		.Detail		.Value.FullWidth.Image	a:nth-child(3n+1)	{ clear:both; }

.ico150x50.lnkPayPalCheckout				{ zoom:2.0; }

.Mobile.HomeMenu	a		{ display:block; width:80%; height:3.3em; line-height:3em; vertical-align:middle; text-align:center; color:#ffffff; border-radius:1em; margin:1em;
								background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%);
							}

.Frm.Standard		>.div					>label				{ width:45%; }
.Frm.Standard		>.div					>.largemtxt,
.Frm.Standard		>.div					>.mtxt,
.Frm.Standard		>.div					>.txt				{ width:51.5%; }
.ShoppingCart		#DoUpdate				,
.ShoppingCart		.Remove					,
.Frm.Standard		#VMAction				{ font-size: 1.2em; }

.WhiteLink:visited,
.WhiteLink			{ color:#ffffff; text-decoration:none; }


.MobileIconZoom		.ico24:before			{ zoom:2; }
.MobileIconZoom		.ico32:before			{ zoom:2; }
.MobileIconZoom		.ico35:before			{ zoom:2; }
.MobileIconZoom		.ico48:before			{ zoom:2; }
.MobileIconZoom		.ico56:before			{ zoom:2; }
.MobileIconZoom		.ico64:before			{ zoom:2; }
.MobileIconZoom		.ico150x50:before		{ zoom:2; }