/*---------------------------------------------------------------------------------------------------------------------HTML					*/
html, body, div { margin: 0px }
html, body { font-size: 100%; line-height: 1.3rem; padding: 0px 0px; text-align: left }

/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {
	html, body { }
}
/*----------------------------------------------------*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1024px) {
	html, body { }
}
/*----------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------HTML					*/
/*---------------------------------------------------------------------------------------------------------------------DEFAULTS				*/
p { font-size: 1.000rem; line-height: 1.5rem; }

h1, h2, h3 { margin: 0px 0px; padding: .15rem 0px; font-weight: bold; }
h4, h5, h6 { margin: 0px 0px; padding: 0px 0px; font-weight: bold; }

h0 { font-size: 2.5rem; line-height: 3.7rem; }
h1 { font-size: 2.0rem; line-height: 3.0rem; }
h2 { font-size: 1.75rem; line-height: 2.5rem; }
h3 { font-size: 1.5rem; line-height: 2.25rem; }
h4 { font-size: 1.25rem; line-height: 1.85rem; }
h5 { font-size: 1.0rem; line-height: 1.5rem; }

/*
h1 { font-size: 2.5rem; line-height: 3.7rem; }
h2 { font-size: 2.0rem; line-height: 3.0rem; }
h3 { font-size: 1.75rem; line-height: 2.5rem; }
h4 { font-size: 1.5rem; line-height: 2.25rem; }
h5 { font-size: 1.25rem; line-height: 1.85rem; }
h6 { font-size: 1.0rem; line-height: 1.5rem; }
*/

h3[class*="btd"]	{padding: .15rem 0rem}

	h4 + p, h5 + p, h6 + p { margin-top: 0px }

table { width: 100%; margin-top: .4rem; border: 0px; border-collapse: separate; border-spacing: 0px }
	td { padding: .5rem .1rem }
.bordertop td { border-top: 3px solid #000000 }

ul { margin: .5rem 0rem .5rem .5rem; list-style-type: disc; display: block }
li { padding: .55rem 0rem .55rem 1rem }
.lsn { list-style: none }

ul	{margin: 15px 0px 15px 10px; list-style-type: disc; display: block}
	li	{padding-left: 19px; padding-bottom: 10px}
	.lsn	{list-style: none}


img		{ image-orientation: from-image; }

a { text-decoration: none }
	a:hover { text-decoration: underline }
	a div { text-decoration: none }
	a:hover div { text-decoration: underline }

.lua { text-decoration: underline }
a:hover.lua { text-decoration: underline }

.luh { text-decoration: none }
a:hover.luh { text-decoration: underline }

.lun { text-decoration: none }
a:hover.lun { text-decoration: none }

.dbft { display: none }
.dbf { display: none }
.dbt { display: none }
.dbtm { display: block }
.dbm { display: block }

.dibft { display: none }
.dibf { display: none }
.dibfm { display: inline-block }
.dibt { display: none }
.dibm { display: inline-block }

.dif { display: none }
.dit { display: none }
.dim { display: inline }


/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {
	.dbft { display: block }
	.dbf { display: block }
	.dbt { display: none }
	.dbtm { display: none }
	.dbm { display: none }

	.dibft { display: inline-block }
	.dibf { display: inline-block }
	.dibfm { display: inline-block }
	.dibt { display: none }
	.dibm { display: none }

	.dif { display: inline }
	.dit { display: none }
	.dim { display: none }
}
/*----------------------------------------------------TABLET		*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1030px) {
	.dbft { display: block }
	.dbf { display: block }
	.dbt { display: none }
	.dbtm { display: none }
	.dbm { display: none }

	.dibft { display: inline-block }
	.dibf { display: inline-block }
	.dibfm { display: inline-block }
	.dibt { display: none }
	.dibm { display: none }

	.dif { display: inline }
	.dit { display: none }
	.dim { display: none }
}
/*----------------------------------------------------FULL		*/
/*---------------------------------------------------------------------------------------------------------------------DEFAULTS				*/
/*---------------------------------------------------------------------------------------------------------------------FEATURES				*/

/*-------------------------------------------------------------------------------------------------FONT SIZE		*/
.fs1 { font-size: 1.0rem }
.fsx { font-size: 0.6rem }
.fs { font-size: 0.8rem }
.fsm { font-size: 1.0rem }
.fsl { font-size: 1.2rem }
.fslx { font-size: 1.4rem }
.fslxx { font-size: 1.8rem }

/*-------------------------------------------------------------------------------------------------FONT COLOR		*/
.black { color: #000000 }
.gray { color: #c0c0c0 }
.red { color: #ff0000 }
.white { color: #ffffff }
.o { color: #ffffff }

.bc-gray { background-color: #dddcdc }
.bc-blue2 { background-color: #003399 }

/*-------------------------------------------------------------------------------------------------LINE HEIGHT	*/
.lhsx { line-height: 0.75rem }
.lhs { line-height: 1.0rem }
.lh1 { line-height: 1.5rem }
.lh2 { line-height: 2rem }
.lh3 { line-height: 3rem }
.lh4 { line-height: 4rem }
.lh5 { line-height: 5rem }
.lh6 { line-height: 6rem }

/*-------------------------------------------------------------------------------------------------MARGINS		*/
.MarginCenter { margin-left: auto; margin-right: auto }
.MarginVSmall, .MarginVertical3 { margin-top: .6rem; margin-bottom: .6rem }
.MarginVMedium, .MarginVertical2 { margin-top: 1rem; margin-bottom: 1rem }
.MarginVLarge, .MarginVertical1 { margin-top: 1.4rem; margin-bottom: 1.4rem }

/*-------------------------------------------------------------------------------------------------PADDING		*/
.PaddingVSmall, .PaddingVertical1 { padding-top: .6rem; padding-bottom: .6rem }
.PaddingVMedium, .PaddingVertical2 { padding-top: 1rem; padding-bottom: 1rem }
.PaddingVLarge, .PaddingVertical3 { padding-top: 1.4rem; padding-bottom: 1.4rem }
.PaddingLSmall		{ padding-left: 1rem }
.PaddingLMedium		{ padding-left: 3rem }
.PaddingLLarge		{ padding-left: 25% }
.PaddingRSmall		{ padding-right: 1rem }
.PaddingRMedium		{ padding-right: 3rem }
.PaddingRLarge		{ padding-right: 25% }
.PaddingCenter1 { padding-left: 1.3rem; padding-right: 1.3rem }

/*-------------------------------------------------------------------------------------------------FORMATTING		*/
.b { font-weight: bold }
.i { font-style: italic }
.u { text-decoration: underline }
.wn { white-space: normal }
.nw { white-space: nowrap }
.dn { display: none }
.db { display: block }
.di { display: inline }
.dib { display: inline-block; width: 100% }
.fl { float: left }
.fr { float: right }
.fn { float: none }
.cl { clear: left }
.cr { clear: right }
.cb { clear: both }
.oh { overflow: hidden }
.ov { overflow: visible }
.oa { overflow: auto }
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.fAllCaps	{ text-transform: uppercase; }
.fNoCaps	{ text-transform: lowercase; }

/*-------------------------------------------------------------------------------------------------BORDERS		*/
.b0 { border: 0px }
.ba { border: 1px solid #000000 }
.bbs { border-bottom: 1px solid #000000 }
.bts { border-top: 1px solid #000000 }
.bbd { border-bottom: 1px dashed #c0c0c0 }
.btd { border-top: 1px dashed #c0c0c0 }
.bdb { border-top: 1px dashed #c0c0c0; border-bottom: 1px dashed #c0c0c0 }

/*-------------------------------------------------------------------------------------------------PageMessage	*/
.PageMSG { text-align: center; padding: 13px 0px; margin: 5px 0px; clear: both }
.PageMSG { border-top: 1px dashed #c0c0c0; border-bottom: 1px dashed #c0c0c0 }

/*-------------------------------------------------------------------------------------------------Lists			*/

.List0 li	{ position: relative; line-height: 1.5rem; }

.List1S, .List1M, .List1L	{ display: block; float: left; padding: 1px 2px; font-weight: bold; }

.List2S	{ padding: 1px 2px 1px 8rem; font-size: 1.4rem; font-weight: bold; }
.List2M	{ padding: 1px 2px 1px 10rem; font-size: 1.4rem; font-weight: bold; }
.List2L	{ padding: 1px 2px 1px 15rem; font-size: 1.4rem; font-weight: bold; }

.List3S, .List3M, .List3L	{ padding: 1.5rem 2px 1px 0rem }

/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {

.List2S, .List3S	{ padding: 1px 2px 1px 8rem }
.List2M, .List3M	{ padding: 1px 2px 1px 11rem }
.List2L, .List3L	{ padding: 1px 2px 1px 15rem }

}
/*----------------------------------------------------TABLET		*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1030px) {
}
/*----------------------------------------------------FULL		*/

/*-------------------------------------------------------------------------------------------------Blocks			*/
.BlockSX { width: 2rem; display: inline-block; padding: 1px 2px }
.BlockS { width: 4rem; display: inline-block; padding: 1px 2px }
.BlockM { width: 7rem; display: inline-block; padding: 1px 2px }
.BlockL { width: 10rem; display: inline-block; padding: 1px 2px }
.BlockLX { width: 14rem; display: inline-block; padding: 1px 2px }
.BlockLXX { width: 20rem; display: inline-block; padding: 1px 2px }

.BlockNW { display: inline-block; padding: 1px 5px; white-space: nowrap }


/*---------------------------------------------------------------------------------------------------------------------FEATURES				*/
/***************************************************************************************************************************************************************/

.MapInline	{ display: block; overflow: hidden; }

.MapBox { margin: 0px 0px; border: 0px solid #000000; position: relative;  }

.MapBg  { position: relative; top: 0px; left: 0px; z-index: 10; border: 0px solid #000000 }
.MapBg  { display: block; margin: 0px 0px; padding: 0px 0px; min-width: 100% }

.MapBgI { border: 0px solid #000000; margin: 0px 0px; width: 100% }

.MapSvgBox { position: absolute; top: 0px; left: 0px; z-index: 11; border: 0px solid #000000; }
.MapSvgBox { display: inline-block; margin: 0px 0px; padding: 0px 0px; min-width: 100%; height: 100% }

.gps1 { stroke: #ff0000; stroke-width: 5; stroke-linecap: butt }
.gps2 { stroke: #000000; stroke-width: 1; stroke-linecap: butt; shape-rendering: crispEdges }

.polygon1		{ stroke-width: 2; stroke-linejoin: round; opacity: .2 }
.polygon4		{ fill: #000000; stroke: #000000; stroke-width: 1; stroke-linejoin: round; opacity: 0.2 }
.polyline1		{ fill: none; stroke: #ff9604; stroke-width: 2; stroke-linejoin: round; opacity: 0.7 }
.polyline4		{ fill: none; stroke: #ff0000; stroke-width: 2; stroke-linejoin: round; opacity: 0.7 }
.text1			{ fill: #ffffff; border: 1px solid purple; font-size: 1em; height: 25px; }

.TestPolyline	{ fill: none; stroke: #ff0000; stroke-width: 2; stroke-linejoin: round; opacity: 0.7 }
.TestPolygon	{ fill: #000000; stroke: #000000; stroke-width: 1; stroke-linejoin: round; opacity: 0.2 }
.polygon2		{ fill: #000000; stroke: #003399; stroke-width: 2; stroke-linejoin: round; }
.polyline2		{ fill: none; stroke: #ff9604; stroke-width: 2; stroke-linejoin: round; }
.text2			{ fill: #ffccff; border: 1px solid purple; font-size: 1em; }

.pTopo			{ fill: #f2f2f2; stroke: #ffffff; stroke-width: 1; stroke-linejoin: round; opacity: 1; }
	.pTopoTop	{ fill: none; stroke: #404040; stroke-width: 3; stroke-linejoin: round; opacity: 1; }
.pShadow		{ fill: #cccccc; stroke: #cccccc; stroke-width: 1; stroke-linejoin: round; opacity: 1; }
.pLake			{ fill: #3399ff; stroke: #3399ff; stroke-width: 2; stroke-linejoin: round; opacity: 1; }

.pPoint			{ fill: #ffffff; stroke: #ffffff; stroke-width: 0; stroke-linejoin: round; opacity: 1; }
	.pPointText	{ font-size: 1rem; color: #000000 }


.pLineHorse		{ fill: none; stroke: #999999; stroke-width: 2; stroke-linejoin: round; }
	.pLineHorseText		{ font-size: 1rem; color: #999999 }
.pLineTrail		{ fill: none; stroke: #404040; stroke-width: 3; stroke-linejoin: round; }
	.pLineTrailText		{ font-size: 1rem; color: #404040 }
.pLineShadow		{ fill: none; stroke: #404040; stroke-width: 25; stroke-linejoin: round; opacity: .15; }
	.pLineShadowText		{ font-size: 1rem; color: #404040 }

.pLegendLine	{ fill: none; stroke: #404040; stroke-width: 4; stroke-linejoin: round; }
.pLegendText	{ font-size: 1rem; color: #404040 }
.pLegendBox		{ fill: #ffffff; stroke: #404040; stroke-width: 2; stroke-linejoin: round; opacity: 1; }

.pLineRoad1		{ fill: none; stroke: #ffff99; stroke-width: 8; stroke-linejoin: round; }
	.pLineRoad1Text		{ font-size: 1rem; color: #000000 }
.pLineRoad2		{ fill: none; stroke: #ffffff; stroke-width: 8; stroke-linejoin: round; }
	.pLineRoad1Text		{ font-size: 1rem; color: #000000 }
.pLineRoad3		{ fill: none; stroke: #ffffff; stroke-width: 8; stroke-linejoin: round; }
	.pLineRoad1Text		{ font-size: 1rem; color: #000000 }

.pLineRiver		{ fill: none; stroke: #3399ff; stroke-width: 2; stroke-linejoin: round; }
	.pLineRiverText		{ font-size: 1rem; color: #3399ff }

.sBags	{ fill: #99ccff; stroke: #3399ff; stroke-width: 2; stroke-linejoin: round; opacity: 0.5; }


/***************************************************************************************************************************************************************/
/*---------------------------------------------------------------------------------------------------------------------DESIGN				*/

/*-------------------------------------------------------------------------------------------------SkeletonX			*/
.skx { min-width: 100%; display: inline-block }
/*-------------------------------------------------------------------------------------------------SkeletonX			*/
/*-------------------------------------------------------------------------------------------------Skeleton1			*/
.sk1x { margin: 0px 0px; padding: 5px 10px; text-align: right }

.sk1a { float: left }

.sk1b { }
.sk1b a { padding: 0rem 0rem 0rem .3rem }

/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {
	.sk1x { }

	.sk1a {  }

	.sk1b {  }
	.sk1b a { padding: 0rem 0rem 0rem 1rem }
}
/*----------------------------------------------------TABLET		*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1030px) {
	.sk1x {  }

	.sk1a {  }

	.sk1b {  }
}
/*----------------------------------------------------FULL		*/
/*-------------------------------------------------------------------------------------------------Skeleton1			*/
/*-------------------------------------------------------------------------------------------------Skeleton2			*/
.sk2x { text-align: center; margin: 0px 0px; padding: 0rem 10px; min-height: 5rem; line-height: 5rem; text-align: left; clear: both }

.sk2a { margin: 0px 0px; font-size: 2rem; font-weight: normal }
	.sk2a a { padding: 0rem 0px; float: left; display: block; text-decoration: none }
	.sk2a a:hover { text-decoration: none }

.sk2b { float: right; width: 2.5rem; }
	.sk2b a	{ display: block }
	.sk2b a div	{ height: .25rem; margin: 1.5rem 0rem; }

.sk2x ul { margin: 0px 0px; padding: 0px 0px; font-size: 1.5rem; list-style-type: none; display: none; clear: both }
	.sk2x ul li { margin: .7rem 0px; display: block; padding: 0px 0px}
	.sk2x ul li a { padding: 0rem 0px; display: block; text-decoration: none; text-align: center }
	.sk2x ul li a { }
		.sk2x ul li a:hover { text-decoration: none }
	
/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {

.sk2x { text-align: right; padding: 0px 10px; overflow: hidden; height: 5rem; line-height: 5rem; position: relative }

.sk2a { float: left }
	.sk2a a { display: inline-block; height: calc(5rem - 4px); padding: 0px 1rem; float: none }
	.sk2a a {  }

.sk2b	{display: none}

.sk2x ul { margin: 0px 0px; padding: 0px; font-size: 1rem; list-style-type: none; position: absolute; right: 10px; display: block; clear: none }
	.sk2x ul li { margin: 0px 0px; float: left }
	.sk2x ul li a { height: calc(5rem - 4px); padding: 0rem 1rem; vertical-align: middle }
		
}
/*----------------------------------------------------TABLET		*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1030px) {
	
.sk2x { }

.sk2a {  }
	.sk2a a {  }

.sk2x ul { font-size: 1.5rem; }
	.sk2x ul li {  }
	.sk2x ul li a {  }
		.sk2x ul li a:hover { }

}
/*----------------------------------------------------FULL		*/
/*-------------------------------------------------------------------------------------------------Skeleton2			*/
/*-------------------------------------------------------------------------------------------------Skeleton3			*/

.sk3x { padding: 0rem 0px; clear: both; min-height: 35rem; }
.sk31 { padding: .5rem .7rem .75rem .7rem; text-align: center; }
.sk32 { padding: 0rem .7rem 10rem .7rem; min-height: 10rem; display: block; }

/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {
	
; }

}
/*----------------------------------------------------TABLET		*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1030px) {
	
.sk31 { text-align: left; }

}
/*----------------------------------------------------FULL		*/
/*-------------------------------------------------------------------------------------------------Skeleton3			*/
/*-------------------------------------------------------------------------------------------------Skeleton4			*/

.sk4x { margin-top: 0rem; padding: 5px 10px; text-align: center; clear: both }

.sk4x ul { margin: 0px 0px; padding: 0px 0px; list-style-type: none; display: block; }
	.sk4x ul li { margin: .5rem 0rem; padding: 0px 0px; display: block; }
	.sk4x ul li a { padding: .5rem 0rem; display: block; text-decoration: none; text-align: center; line-height: 3rem }
		.sk4x ul li a:hover { text-decoration: underline }

.sk4b { padding: .5rem 0rem; }
	
/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {

.sk4x {text-align: right; }

.sk4x ul { padding: 8px 0px; list-style-type: none; display: inline-block; float: left}
	.sk4x ul li { margin: 0px 0px; float: left }
	.sk4x ul li a { padding: 0rem 1rem; text-decoration: none; display: block; text-align: left; border: 0px; line-height: normal }
	.sk4x ul li:first-child a { padding: 0rem 1rem 0rem 0rem; text-decoration: none; display: block; text-align: left; border: 0px; line-height: normal }
		.sk4x ul li a:hover { text-decoration: underline}

.sk4b { }

}
/*----------------------------------------------------TABLET		*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1030px) {
	
.sk4x ul { }
	.sk4x ul li { }
	.sk4x ul li a { }
		.sk4x ul li a:hover { }
.sk4b { }

}
/*----------------------------------------------------FULL		*/
/*-------------------------------------------------------------------------------------------------Skeleton4			*/
/*-------------------------------------------------------------------------------------------------Page Stuff			*/

.ImgFlush { text-align: center; padding: 0rem 0rem; margin: 0rem -.7rem; display: block; }
.ImgFlush img { margin: 0rem auto; width: 100%; height: auto; display: block; }

.ImgSlideShow		{ position: relative; }

.ImgArrows			{ text-align: center; height: 3rem; line-height: 3rem; width: calc(50%); margin: 0rem 0rem 1rem 0rem; }
.ImgArrows:hover	{ text-decoration: none; }

.ImgDisplay { text-align: center; padding: 0rem 0rem; margin: 0rem -.7rem 1rem -.7rem; clear: both; position: relative; }
.ImgDisplay a img { margin: .2rem auto; }
.ImgDisplay a img { width: 100%; height: auto; display: block; }
	.ImgDisplay p { text-align: left; width: 76%; }
	.ImgDisplay p { padding: 0rem .7rem .7rem .7rem; margin: 0px 0px; color: #ffffff; }
	
.ImgThumbnails			{ text-align: center; display: inline-block; margin: 1rem 0rem 0rem 0rem; }
.ImgThumbnails a		{ float: left; box-sizing: border-box; width: 33.3%; padding: 0rem .25rem 1rem .25rem; }
.ImgThumbnails a img	{ display: block; box-sizing: border-box; margin: 0rem 0rem; width: 100%; }

.ImgBox0	{ position: relative; margin: 0rem -.7rem; }

.ImgBox1	{ position: absolute; bottom: 0rem; left: 0rem; padding: 2rem 2rem; color: #ffffff; font-weight: bold; }
.ImgBox1 h1	{ font-style: italic; }

.ImgBox2	{ text-align: center; }
.ImgBox2 img			{ width: 100%; display: block; }

.ProductBox		{ border: 0px solid #000000; display: inline-block; margin: 1rem 0rem; box-sizing: border-box; }
	.ProductBox a	{ display: block; padding: 0rem 0rem; margin: .75rem 0rem; }
	.ShopifyBox		{ display: block; padding: 0rem 0rem; margin: .75rem 0rem; }
.PB1a			{ height: auto; border: 0px solid #000000; }
	.PB1a img	{ display: block; width: calc(100% - 1rem); height: auto; border: 0px solid #000000; margin: .5rem .5rem; }
.PB1b			{ padding: .5rem 0rem; text-align: center; border: 0px solid #000000; }
.PB1s			{ padding: .5rem 0rem; text-align: center; border: 0px solid #000000; font-size: 1.2rem; font-weight: bold; }

#product-component-1649789002269-old	{ width: 100% !important; max-width: 100% !important; }
#product-component-1649793281088-old	{ width: 100% !important; max-width: 100% !important; }


.gMaps		{ position: relative; height: calc(42rem + 6px); margin: 0rem 0rem; }
.gMap1		{ position: absolute; bottom: .75rem; left: .75rem; right: .75rem; z-index: 35; }
	.gMap1	{ float: none; margin: 0px auto; }
	.gMap1 a	{ margin: 0px 0px; }
.gMap2		{ position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; }
	
/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {

/*.ImgDisplay { position: relative }
	.ImgArrows			{ height: 20rem; line-height: 20rem; width: 8rem; position: absolute; opacity: 0.85; }
	.ImgArrows:nth-child(2)		{ left: 0px; top: 2rem }
	.ImgArrows:nth-child(1)		{ right: 0px; top: 2rem }
	.ImgArrows:hover	{  }*/

.ImgDisplay			{ position: relative; padding: 42% 0px 0px 0px; }
.ImgDisplay a img, .ImgDisplay .map	{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto; height: calc(100% - 6px); margin-top: 3px; }
.ImgDisplay p		{ padding: 1rem 12%; position: absolute; top: 0px; left: 0px; text-align: left; z-index: 10; }

.ImgThumbnails			{ margin: 1rem 1rem 0rem 1rem; }
.ImgThumbnails a		{ width: 16.667%; padding: 0rem .75rem 1rem .75rem; }
.ImgThumbnails a img	{  }

.PB5	{ float: left; width: 20%; margin: 0rem 0rem; }
.PB4	{ float: left; width: 25%; margin: 0rem 0rem; }
.PB3	{ float: left; width: 33.3%; margin: 0rem 0rem; }

.gMap1	{ width: 25%; right: auto; }

}
/*----------------------------------------------------TABLET		*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1030px) {
	

}
/*----------------------------------------------------FULL		*/
/*-------------------------------------------------------------------------------------------------Page Stuff			*/
/*-------------------------------------------------------------------------------------------------Forms				*/

.FormBox1	{ width: 100%; max-width: none; margin: 0rem auto; padding: .25rem .25rem }
	.fGap1	{ min-height: 1.5rem; padding: .25rem 0rem 0rem 2rem; clear: both }
	.fGap2	{ min-height: .25rem; padding: 0rem 0rem; clear: both }

.fName1		{ display: block; margin-top: .5rem }
.fText1		{ padding: .5rem 1rem }
.fRadio1	{ padding: .5rem 1rem }
	.fRadio1 div	{ display: block; white-space: nowrap }
	.fRadio1 div label { display: block; cursor: pointer; padding: .25rem 1rem; line-height: 2rem; }
	.fRadio1 div label .c	{ margin-right: 1rem; width: 5em; height: 1.5rem; vertical-align: middle; display: inline-block; }

.fButton1	{ margin: 1rem 0rem; padding: 1rem 2rem; text-align: center }

.ShopBox	{ margin: 1rem 0rem; padding: 1rem 0rem; }
	
input[type="text"], input[type="password"], input[type="file"]	{border-top: 1px solid #333333; border-left: 1px solid #333333}
input[type="text"], input[type="password"], input[type="file"]	{border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf}
input[type="text"], input[type="password"], input[type="file"]	{color: #000000; background-color: #ffffff; padding: .25rem .5rem}
input[type="text"], input[type="password"], input[type="file"]	{font-size: 1rem; width: calc(100% - 2rem); height: 1.7rem}

input[type="checkbox"], input[type="radio"]	{ margin-right: 4rem }

select			{border-top: 1px solid #333333; border-left: 1px solid #333333}
select			{border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; background-color: #ffffff}
select			{width: calc(100% - 1rem); height: 2rem; font-size: 1rem; padding: .25rem .5rem}

textarea		{border-top: 1px solid #333333; border-left: 1px solid #333333}
textarea		{border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf}
textarea		{color: #000000; background-color: #ffffff; padding: .5rem .5rem}
textarea		{font-size: 1rem; width: calc(100% - 2rem); height: 17rem}

input[type="submit"], input[type="button"]	{border-top: 1px #cfcfcf solid; border-left: 1px #cfcfcf solid}
input[type="submit"], input[type="button"]	{border-right: 1px #6e7b88 solid; border-bottom: 1px #6e7b88 solid}
input[type="submit"], input[type="button"]	{background-color: #c0c0c0; color: #000000}
input[type="submit"], input[type="button"]	{width: 100%; height: 2.5rem; font-weight: normal }


/*----------------------------------------------------TABLET		*/
@media (min-width: 760px) {
	
.FormBox1	{max-width: 80rem}
	.fGap1	{min-height: 1.5rem; padding: .25rem 3rem 0rem 15rem}
	
.fName1		{  }
.fText1		{ padding: .5rem 1rem }	
	.fRadio1 div	{ display: inline-block; width: 45%; white-space: nowrap }

/*.fButton1	{ text-align: right; }*/

input[type="submit"], input[type="button"]	{ max-width: 900px; font-size: 1rem; height: 3rem; line-height: 1rem }
	
}
/*----------------------------------------------------TABLET		*/
/*----------------------------------------------------FULL		*/
@media (min-width: 1030px) {


}
/*----------------------------------------------------FULL		*/
/*-------------------------------------------------------------------------------------------------Forms				*/
/*---------------------------------------------------------------------------------------------------------------------DESIGN				*/
/*---------------------------------------------------------------------------------------------------------------------COLORS				*/


/*---------------------------------------------------------------------------------------------------------------------COLORS				*/