/* PC SETUP Home Page *START* */

@media screen and (min-width: 1400px)
{
	#TS_Base
	{	display:grid;
		grid-template-areas:
		"TS_Top"
		"TS_Main"
		"TS_End";
		grid-gap: 2px;
		grid-template-rows: auto;
		grid-template-columns: auto;
	}
	#TS_Base
	{	padding: 0; /*background-color: #a6a6a6;*/background-color: #000;
	}
	#TS_Base > TS_Top
	{	grid-area: TS_Top; overflow: hidden;
	}
	#TS_Base > TS_Main
	{	grid-area: TS_Main; overflow: hidden;
	}
	#TS_Base > TS_End
	{	grid-area: TS_End; overflow: hidden;
	}
	
	.TS_Content_Top
	{
		display:grid;
		grid-template-areas:
		"logo logo logo";
		grid-gap: 2px;
		grid-template-rows: auto;
		grid-template-columns: 30% auto 30%;
	}
	.TS_Content_Top
	{	padding: 0;  background-color: #9fdfbf;  
		/*background: linear-gradient(to bottom, #006699 56%, #669900 100%);*/
	}
	.TS_Content_Top > logo
	{	grid-area: logo; background-color: none; overflow: hidden;
	}	
		
	.TS_Content_Main
	{
		display:grid;
		grid-template-areas:
		"Side Main1 Main1"
		"Side Slot1 Slot1";
		grid-gap: 2px;
		grid-template-rows: auto;
		grid-template-columns: 250px auto auto;
	}
	.TS_Content_Main
	{	padding: 0; background-color: #fff;
	}
	.TS_Content_Main > Main1
	{	grid-area: Main1; background-color: none; overflow: hidden; padding: 20px;
	}
	.TS_Content_Main > Main1 h1
	{	font-weight:bold; font-size:18pt; margin: 0 0 10px 0;	}
		.TS_Content_Main > Main1 p
	{	font-size:12pt; margin: 0 0 5px 0;	}

	.TS_Content_Main > Slot1
	{	grid-area: Slot1; background-color: none; overflow: hidden; padding: 20px;
	}	
	.TS_Content_Main > Side
	{	grid-area: Side; background-color: none; overflow: hidden; /*padding: 20px 0 20px 20px; border-right: 2px solid #d9d9d9;*/ padding:20px; /*box-shadow: inset 0px 0px 10px #000000;*/
		border-right:solid 1px #000;
	}
	.TS_Content_Single
	{
		display:grid;
		grid-template-areas:
		"Side Main1 Main1";
		grid-gap: 2px;
		grid-template-rows: auto;
		grid-template-columns: 250px auto auto;
	}
	.TS_Content_Single
	{	padding: 0; background-color: #fff;
	}
	.TS_Content_Single > Main1
	{	grid-area: Main1; background-color: none; overflow: hidden; padding: 20px;
	}
	.TS_Content_Single > Side
	{	grid-area: Side; background-color: none; overflow: hidden; /*padding: 20px 0 20px 20px; border-right: 2px solid #d9d9d9;*/ padding:10px; box-shadow:  0px 0px 10px #000000;
	}
	.TS_Content_End
	{
		display:grid;
		grid-template-areas:
		"footer1 footer2 footer3"
		"footer4 footer5 footer6"
		"end end end"
		"lrm lrm lrm";
		grid-gap: 2px;
		grid-template-rows: auto;
		grid-template-columns: 30% auto 30%;
	}
	.TS_Content_End
	{	padding: 0; background-color: #9fdfbf;
	}
	.TS_Content_End > footer1
	{	grid-area: footer1; background-color: none; overflow: hidden;
	}
	.TS_Content_End > footer2
	{	grid-area: footer2; background-color: none; overflow: hidden;
	}
	.TS_Content_End > footer3
	{	grid-area: footer3; background-color: none; overflow: hidden;
	}
	.TS_Content_End > footer4
	{	grid-area: footer4; background-color: none; overflow: hidden;
	}
	.TS_Content_End > footer5
	{	grid-area: footer5; background-color: none; overflow: hidden;
	}
	.TS_Content_End > footer6
	{	grid-area: footer6; background-color: none; overflow: hidden;
	}
	.TS_Content_End > end
	{	grid-area: end; background-color: none; overflow: hidden;padding: 15px 0 10px;
	}
	.TS_Content_End > lrm
	{	grid-area: lrm; background-color: #9fdfbf; overflow: hidden;
	}
	.TS_Container_A, .TS_Container_B, .TS_Container_C, .TS_Container_D, .TS_Container_Advert, .TS_Container_Search
	{	box-sizing: border-box;	display: block;	margin: 0;	border: 2px solid #d9d9d9;
		border-radius: 3px;	padding: 20px;	overflow: hidden;
	}
	.TS_Container_Search
	{	background:#d9f2d9;
	}
	.TS_Container_A, .TS_Container_B, .TS_Container_C
	{	background: #d9f2d9;
	}
	.TS_Container_D
	{	background: #d9d9d9;		
	}
	.TS_Container_Advert
	{	/*background: #f2f2f2;*/ background:#000; color:#fff;
	}
	.TS_Content_Main > Main1 h2, .TS_Content_Main > Main2 h2, .TS_Content_Main > Main3 h2, .TS_Container_A h2, .TS_Container_B h2, .TS_Container_C h2, .TS_Container_D h2
	{	font-weight:bold; 
	}
	.TS_Content_Main > Main1 p, .TS_Content_Main > Main2 p, .TS_Content_Main > Main3 p, .TS_Container_A p, .TS_Container_B p , .TS_Container_C p , .TS_Container_D p
	{
	}
	.TS_Container_banner_Img
	{	display:block; margin: auto; padding: 20px 0;
	/*	border: 2px solid #4d4d4d;	border-radius: 5px;*/
	/*	box-shadow: inset 0 0 10px #000000;*/
	}
	img.banner_Img
	{	display:block; width:auto; margin: 0 auto 15px;
	}
	.icon_container_big
	{	display: block; /*float:left; */clear:both;
		text-align: center;	width:150px;
		border: 2px solid #4d4d4d;	border-radius: 5px;
		/*margin: 0 15px 0 0;*/
		margin: 10px auto;
		padding: 15px; box-shadow: 0 0 10px #000000; background: #fff;
	}

}

@media screen and (min-width: 1000px)
{
	.titles			{ display: block; text-transform: uppercase; margin: 0; background-color: #53c68c; line-height: 50px; text-align: center; padding: 0px; font-weight:bold; font-size:18pt;}
	.account_h1
	{	display: block; text-transform: uppercase; background-color: #53c68c; line-height: 50px;
		padding: 0 0 0 10px;
	}
	.account_h2
	{	display: block; text-transform: uppercase; background-color: #53c68c; line-height: 50px;
		padding: 0 0 0 10px;
	}
	.view-more-less-text, .phone-off
			{	display: inherit !important;	}
	img.view-more-less-icon
	{display:none !important;	}
	
	table.account_Tbl, table.contact_Tbl, table.addresses_Tbl, table.addressView_Tbl, table.addressEdit_Tbl, table.orderDetails_Tbl, table.orderList_Tbl
	{ 
	width: 100%; 
	border-collapse: collapse; 
	}
	/* Zebra striping */
	.account_Tbl td:nth-child(odd), .contact_Tbl tr:nth-child(odd), .addresses_Tbl td:nth-child(odd), .addressView_Tbl td:nth-child(odd), .addressEdit_Tbl td:nth-child(odd), .orderDetails_Tbl td:nth-child(odd), .orderList_Tbl td:nth-child(odd)
	{background-color: #f2f2f2;}

	.account_Tbl th, .contact_Tbl th, .addresses_Tbl th, .orderDetails_Tbl th, .orderList_Tbl th{ 
	  background: #b3e6cc; 
	  color: #000; 
	  font-weight: bold; 
	}
	.account_Tbl th, .account_Tbl td, .addresses_Tbl th, .addresses_Tbl td, .addressView_Tbl td, .addressEdit_Tbl td, .orderDetails_Tbl th, .orderDetails_Tbl td, .orderList_Tbl th, .orderList_Tbl td { 
	  padding: 10px; 
	  border: 1px solid #ccc; 
	  text-align: left; 
	}

	.contact_Tbl th	{
	  padding: 10px; 
	  border: 1px solid #ccc; 
	  text-align: right; 
	  width: 150px;
	}
	.contact_Tbl td	{
	  padding: 10px; 
	  border: 1px solid #ccc; 
	  text-align: left; 	
	}
	.account_Tbl caption, .contact_Tbl caption, .addresses_Tbl caption, .addressView_Tbl caption, .addressEdit_Tbl caption, .orderDetails_Tbl caption, .orderList_Tbl caption
	{	text-align:left; border:solid 1px #e6e6e6; padding:10px; text-transform: uppercase; background-color: #8cd9b3; font-weight:bold;
	}
	.account_Tbl span, .contact_Tbl span, .addresses_Tbl span, .addressView_Tbl span, .addressEdit_Tbl span, .orderDetails_Tbl span, .orderList_Tbl span
	{	padding: 0 0 0 15px; font-size:10pt;
	}
	
.form-control	{max-width:500px;display:block; margin: 10px 10px 10px 0; padding: 0;}
input[type="text"], input[type="password"], input[type="email"]
	{display:block;width:100%; font-size:14pt;padding:3px 5px;border:2px inset #f2f2f2;}
}
@media screen and (min-width: 300px) and (max-width:400px)
{
	.item_Mobile_th	{	width:120px;}
	.qty_Mobile_th	{	width:30px;}
}
@media screen and (min-width: 300px) and (max-width: 1000px)
{	img.view-more-less-icon	{float: right; cursor: pointer; margin-top: 8px; margin-right: 10px; margin-left: 0; height: 32px;}

	.titles			{ display: block; text-transform: uppercase; margin: 0; background-color: #53c68c; line-height: 50px; text-align: center; font-weight:bold; font-size:16pt; }
	.account_h1
	{	display: block; text-transform: uppercase; background-color: #53c68c; line-height: 50px;
		padding: 0 0 0 10px;
	}
	.account_h2
	{	display: block; text-transform: uppercase; background-color: #53c68c; line-height: 50px;
		padding: 0 0 0 10px;
	}
	.drop-down		{padding-left: 42px;}
	.no-drop-down		{padding-left: 0;}
		/* Force table to not be like tables anymore */
	table.account_Tbl, .account_Tbl thead, .account_Tbl tbody, .account_Tbl th, .account_Tbl td, .account_Tbl tr, .account_Tbl caption, table.contact_Tbl, .contact_Tbl tbody, .contact_Tbl th, .contact_Tbl td, .contact_Tbl tr, .contact_Tbl caption, table.addresses_Tbl, .addresses_Tbl thead, .addresses_Tbl tbody, .addresses_Tbl th, .addresses_Tbl td, .addresses_Tbl tr, .addresses_Tbl caption, table.addressView_Tbl, .addressView_Tbl tbody, .addressView_Tbl td, .addressView_Tbl tr, .addressView_Tbl caption, table.addressEdit_Tbl, .addressEdit_Tbl tbody, .addressEdit_Tbl td, .addressEdit_Tbl tr, .addressEdit_Tbl caption, table.orderDetails_Tbl, .orderDetails_Tbl thead, .orderDetails_Tbl tbody, .orderDetails_Tbl th, .orderDetails_Tbl td, .orderDetails_Tbl tr, .orderDetails_Tbl caption
	{
		display: block;
	}
table.orderList_Tbl
	{ 
	width: 100%; 
	border-collapse: collapse; 
	}
.orderList_Tbl th
	{ 
	  background: #b3e6cc; 
	  color: #000; 
	  font-weight: bold; 
	  padding: 10px; 
	  border: 1px solid #ccc; 
	  text-align: left; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.account_Tbl thead tr, .addresses_Tbl thead tr, .orderDetails_Tbl thead tr	{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .account_Tbl tr
	{
      margin: 0 0 1rem 0;
    }
    .account_Tbl td:nth-child(odd), .contact_Tbl tr:nth-child(odd), .addresses_Tbl td:nth-child(odd), .addressView_Tbl  td:nth-child(odd), .addressEdit_Tbl td:nth-child(odd), .orderDetails_Tbl td:nth-child(odd), .orderList_Tbl tr:nth-child(odd)
	{
      background: #f2f2f2;
    }
	.orderList_Tbl td
	 { 	padding:5px 0 5px 5px;
	 }
	.account_Tbl td, .orderDetails_Tbl td {
	/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding: 10px 0 10px 135px;background:#fff;
	}
	.account_Tbl td:before, .orderDetails_Tbl td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 0;
		width: 110px;
		padding:10px 10px 10px 0;
		white-space: nowrap;	background-color: #f2f2f2; text-align:right;
		background: #b3e6cc; font-weight: bold; 
	}
	.addresses_Tbl td {
	/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding: 60px 0 10px 70px;background:#fff;
	}
	.addresses_Tbl td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 0;
		width: 100%;
		padding:10px 0 10px 0;
		white-space: nowrap;	background-color: #f2f2f2; text-align:center;
		background: #b3e6cc; font-weight: bold; 
	}
	.addressView_Tbl td {
	/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding: 10px 10px 10px 70px; /*background:#fff; */
		
	}
	.addressView_Tbl td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 0;
		width: 100%;
		padding:10px 0 10px 0;
		white-space: nowrap;	/*background-color: #f2f2f2; */ text-align:center;
		background: #b3e6cc; font-weight: bold; 
	}
	
	.addressEdit_Tbl td {
	/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding: 10px; /*background:#fff; */
	}
	
	
	.contact_Tbl th, .addresses_Tbl th, .addresses_Tbl th	{
		background: #b3e6cc; 
		color: #000; 
		font-weight: bold;  }
	.contact_Tbl th, .contact_Tbl td, .addresses_Tbl th	{
		padding: 10px; 
		border: 1px solid #ccc; 
		text-align: center; }
	.account_Tbl caption, .contact_Tbl caption, .addresses_Tbl caption, .addressView_Tbl caption, .addressEdit_Tbl caption, .orderDetails_Tbl caption, .orderList_Tbl caption
	{	text-align:left; border:solid 1px #e6e6e6; padding:10px; text-transform: uppercase; background-color: #8cd9b3; font-weight:bold; font-size: 12pt !important;}
	.account_Tbl span, .contact_Tbl span, .addresses_Tbl span, .addressView_Tbl span, .addressEdit_Tbl span
	{	padding: 0 0 0 15px; font-size:10pt;
	}
	/*
	Label the data
	*/
	.account_Tbl td:nth-of-type(1):before { content: "Order #"; }
	.account_Tbl td:nth-of-type(2):before { content: "Date"; }
	.account_Tbl td:nth-of-type(3):before { content: "Ship To"; }
	.account_Tbl td:nth-of-type(4):before { content: "Order Total"; }
	.account_Tbl td:nth-of-type(5):before { content: "Status"; }
	.account_Tbl td:nth-of-type(6):before { content: "Action"; }
	.addresses_Tbl td:nth-of-type(1):before { content: "Default Delivery Address"; }
	.addresses_Tbl td:nth-of-type(2):before { content: "Default Billing Address"; }
	.orderDetails_Tbl td:nth-of-type(1):before { content: "Order #"; }
	.orderDetails_Tbl td:nth-of-type(2):before { content: "Date"; }
	.orderDetails_Tbl td:nth-of-type(3):before { content: "Ship To"; }
	.orderDetails_Tbl td:nth-of-type(4):before { content: "Order Total"; }
	.orderDetails_Tbl td:nth-of-type(5):before { content: "Status"; }

	.form-control	{max-width:325px;display:block; margin: 10px; padding: 0;}
	input[type="text"], input[type="password"], input[type="email"]
	{box-sizing: border-box; display:block;width:100%; font-size:14pt;padding:3px 5px;border:2px inset #f2f2f2;}
}



	.navMyAccount
{	background:#fff;
}
	.navMyAccount a
{	display:block; background:#fff; text-decoration:none; padding: 5px 0; color:#555555; /*border:1px solid #555555;*/
}
	.navMyAccount a:hover
{	color:#fff; background:green;
}
.navActive
{
	font-style:italic; font-weight:bold; color:#fff !important; /*background:#e1e3e4 !important;*/
	background:green !important;
}