﻿.SC-table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-spacing: 0;
}

.SC-table > thead > tr > th,
.SC-table > tbody > tr > th,
.SC-table > tfoot > tr > th,
.SC-table > thead > tr > td,
.SC-table > tbody > tr > td,
.SC-table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}

.SC-table-striped > tbody > tr:nth-child(odd) > td,
.SC-table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.scRadioButton label {
  padding-left: 10px;
}

.scNoWrap {
	white-space: nowrap;
}

/* New Div Boxes */
.scBox1 {
	/*background-color:#d3d3d3;*/
	width: 50%;
	display:inline-block;
	margin:20px 20px 20px 20px;
	/*border-radius:5px;*/
	vertical-align:top;
}

#scContainer {
	white-space:nowrap;
	text-align:left;
}

/* Div Box Without Header */
.scBox2 {
	/* margin: 10px; */
	background-color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px grey solid;
	padding:10px;
}

.scWrapperMain {
	display: flex;
	width: 100%;
}
#scWrapperLeft {
	display: table-cell;
	vertical-align: top;
	max-width: 475px;
	padding-right: 3px;
}
#scWrapperRight {
	display: table-cell;
	vertical-align: top;
	max-width: 475px;
	padding-left: 3px;
}

@media screen and (min-width: 992px) {
	#scWrapperLeft {
		padding-right: 60px;
	}
	#scWrapperRight {
		padding-left: 60px;
	}
}
@media screen and (max-width: 767px) {
	.scWrapperMain {
		display: initial;
		overflow: hidden;
	}
	#scWrapperLeft {
		float: left;
		width: auto;
	}
	#scWrapperRight {
		float: left;
		width: auto;
	}
}


.scAdminSearchBox {
	/* margin: 10px; */
	background-color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px grey solid;
	padding:10px;
	/*width:50%; */
}

/* Admin Grid 2 - Add Left Margin */
.scAdminGrid2 { width: 100%; background-color: #fff; margin: 0px 0 10px 0; border: solid 1px #c1c1c1; border-collapse:collapse; }
.scAdminGrid2 td { padding: 5px; padding-left:10px;  }

.scAdminGrid2 th
{
	padding: 5px; color: #000000;
	padding-left:10px;
	background: #c1c1c1; border-bottom: solid 1px #c1c1c1;
}

.scAdminGrid2 .alt { background: #fcfcfc; }
.scAdminGrid2 tr:hover{background-color:#FFFFCC;color:#000;}
.scAdminGrid2 tr {border-bottom: solid 1px #c1c1c1; color: #000;}


.scMyAcctBtn
{
	display:inline-block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:2px;
	cursor: pointer;
	white-space:nowrap;

	overflow: visible;
	border:1px solid #c2c2c2;
	background:#eaeaea;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	color:#666666;
	/*font-weight:bold;*/
	text-decoration:none;
	text-align:center;
}

.scMyAcctBtn, a.scMyAcctBtn
{
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
	-webkit-box-shadow:  	0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
	box-shadow:  			0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);

	text-shadow: 0px 1px 0px #ffffff;
	color:#555;
}

.scMyAcctBtn:hover, a.scMyAcctBtn:hover
{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */

	color:#555;
}

.StoreMenu{background:#FFF;font-size:16px;font-weight:700;width:750px;}

/* Text Styles */

/*.SmithProdText { font-size: 13px; }
.SmithProdtext { font-size: 13px; }*/
.SmithMedText { font-size: 14px;}
.SmithLargeText { font-size: 16px; }
.SmithText16 {font-size:16px;font-weight:700;}
.Smith16 {font-size:16px;}
.Smith16Bold { font-size: 16px; font-weight: bold; }
.Smith18 { font-size: 18px; }
.Smith18Bold { font-size: 18px; font-weight:700;}
.SmithRedMsg,.SmithRequiredText{color:red;}

.SmithTextboxRequired {border-left:5px #F00 solid;}
.SmithUnderline { text-decoration: underline;}

.SmithGreenMsg{color:green;}
.SmithBlueMsg{color:#03C;}
.SmithBlueMsgBold{color:#03C;font-weight:700;}
.SmithBlueMsgLarge{color:#03C;font-size:14px;font-weight:700;}

.SmithTitle { font-weight: bold; text-decoration: underline; padding-top:15px}
.SmithBold {font-weight: bold;}
.SmithItalics { font-style: italic; }
.SmithTerms { font-size: 10px;}

.Step1TopTitle { color: #999999; font-size: 16px; font-weight: 700; }

.ExpressTopTitle { color: #000000; font-size: 16px;  }

.SmithProdName { font-size: 14px; }
.sText {  text-align:left; }
.NormalText { font-size: 13px;}
.NormalTextBox {font-weight: normal;}
/*.NormalBold {font-size: 14px;font-weight: bold; }*/
.NormalBold{ font-size: 14px; font-weight: bold;height:20px;}
.SmithCheckBoxList td  { padding-right: 20px; }

/* Link Styles */
a.SmithLargeLink:link, a.SmithLargeLink:visited { font-size: 16px; text-decoration: underline;}
a.SmithLargeLink:hover { font-size: 16px; text-decoration: underline;}
a.SmithLargeLink:active { font-size: 16px; text-decoration: underline;}

a.SmithMedLink:link, a.SmithMedLink:visited { font-size: 14px; text-decoration: underline;}
a.SmitheMedLink:hover { font-size: 14px; text-decoration: underline;}
a.SmithMedLink:active { font-size: 14px; text-decoration: underline;}

/* Div Styles */
.right { float: right; }
.left { float: left; }
/* .center { margin-left: auto; margin-right: auto; }  */
.center { margin-left: auto; margin-right: auto; width:100% }
.top{ position:relative;  bottom:auto; top:0;}
.srLeftMargin { margin-left: 40px; margin-right: auto; }
.scLeftMargin20 { margin-left: 20px; margin-right: auto; }
.leftMargin { width:100%;  left: 20px; margin-right: auto; position: relative; }

 /*  Buttons  */
.myBtnCenter { width:100%; left: 40%; position: relative; }
.myBtnCenter1 { width:175px; left: auto;  margin-right: auto;  position: relative;}
.myBtnCenter2 { width:200px; left: 42%; margin-right: auto; position: relative; }
.myBtnCenter3 { width:300px; left: 38%; margin-right: auto; position: relative; }
.myBtnCenter4 { width:300px; }
.myBtnCenter5 { width:300px; left: 10%; margin-right: auto;  position: relative; }
.myBtnCenter6 { width:300px; left: 30%; margin-right: auto;  position: relative; }
.CouponButton { position:relative;top:0;bottom:0;left:-160px;}

.scLeftMargin10{ width:100%; left: 10%; position: relative;}

.ListScroll { overflow:auto; /* overflow-y: auto;  overflow-x: auto; */ width: 450px;  height: 100%; }

 #container { display: table; }
 /*.row  { display: table-row; }// BREAKS SOME SKINS */
 #left1, #right1, #middle1 { display: table-cell; }

/*  Table row height styles  */
.SmithSectionTitle
{
	/*height: 28px;*/
	color: White;
	background-color: #333333;
	font-weight:bold;
	padding:5px 10px;
	border-radius: 20px;
}

.SmithRowHeight15 { height: 15px; }
.SmithRowHeight24 { height: 24px;}
.SmithRowHeight30 { height: 35px;}
.SmithRowAlignBottom {height: 35px; vertical-align: bottom;}
.SmithStrikeThrough { text-decoration: line-through; }

.product {
  display: block;
}

table.products {
	border-collapse: collapse;
	border: 3px solid #E6E6E6;
}
th.prodHeader { margin: 0; padding: 5px; border-top: 0px; border-bottom: 1px; border-left: 1px; border-right: 1px; background-color: #EBEBEB; width: 150px; text-align:center; }
/* td.prodCell { margin: 0; padding: 10px; border: 1px solid black; background-color: #FFC; width: 150px; text-align:center; }  */
td.prodCell {
	margin: 0;
	padding: 0;
	border: 1px solid #999999;
	background-color: #808080;
	width: 150px;
	height: 30px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
td.prodCell2 { height:20px; margin: 0; padding: 0; text-align:center; vertical-align: middle; }

table.products td.prodCell3 { height: 50px; }
table.products td.prodCell4 { height: 25px; }

td.prodCellLeft
{
	margin: 0;
	padding: 10px;
	border: 1px solid black;
	background-color: #EBEBEB;
	width: 150px;
	text-align: left;
}

tr.prodRow { height: 50px; }

td.promoMsgCell
{
	margin: 0;
	padding: 15px;
	border: 1px solid #C0C0C0;
	background-color: #DDDDDD;
	width: 150px;
	text-align: left;
}

.SelectedRowStyle {
	background-color: #FFFF66;
}
.UnSelectedRowStyle { background-color:transparent; }

/* Express Checkout Page */
 .SigninPrompt
{
	background-color: #DDDDDD;
	padding: 20px 20px 20px 20px;
	border: 1px solid #C0C0C0;
}


/* Modal Popup on Step 2 Page */
.graydiv { position: absolute; background-color: #5B5B5B; left: 0px; top: 0px; z-index: 10000; display: none; }
.ModalBackground { background-color: black; filter: alpha(opacity=70); opacity: 0.7; }


/* Grid Styles and Confiirmation Page Styles */
.GridHeader { font-weight: bold; background-color: #DDDDDD; padding: 20px 20px 20px 20px; font-size: 12px; color:#000000 }
.GridHeader1 { font-weight: bold; background-color: #DDDDDD; padding: 10px; font-size: 12px; color:#000000 }
/*.GridCells { padding-right:10px; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size: 12px; color:#000000 }*/
.GridCells{padding:5px 10px;text-align:left;}
.GridCellsCenter{padding:5px 5px;text-align:center;}
.GridCellsRight
{
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 12px;
	color:#000000;
	text-align:right;
}

table.box { padding: 10px 10px 20px 20px; }
.cssMain{ font-size: 13px;}


/* GENERIC Styles */

/*body { }
H1 { font-size: 20px; font-weight: normal; color: #666644; }
H2 { font-size: 20px; font-weight: normal; color: #666644; }
H3 { font-size: 8px; font-weight: normal; }
H4 { font-size: 12px; font-weight: normal; color: #003366; }
H5, DT { font-size: 11px; font-weight: bold; color: #003366; }
H6 { font-size: 11px; font-weight: bold; color: #003366; }*/

/* File Upload Styles */
.RadUpload li { list-style-type: none; }

/* DNN Help Labels */
a.dnnFormHelp { float:none !important;position: relative !important; white-space:nowrap;}
.dnnlabel { width:auto !important; text-align: left;}
td > .dnnLabel { width:auto !important; text-align: left;}

a.scDnnFormHelp { float:none !important;position: relative !important; white-space:nowrap;}
.scDnnLabel { max-width:120px; !important; text-align: left; white-space:nowrap;}

table.tblCustomerInfo {
  border-style:inset;
  border-width: 1px;
  padding: 5px;
}

/*------------------ Reports -------------------*/
.scReportMain {
	display: flex;
	width: 100%;
}
.scReportLeft {
	display: table-cell;
	vertical-align: top;
	max-width: 375px;
	padding-right: 3px;
}
.scReportRight {
	display: table-cell;
	vertical-align: top;
	max-width: 775px;
	padding-left: 3px;
}
@media screen and (min-width: 992px) {
	.scReportLeft {
		padding-right: 0px;
	}
	.scReportRight {
		padding-left: 40px;
	}
}
@media screen and (max-width: 767px) {
	.scReportMain {
		display: initial;
		overflow: hidden;
	}
	.scReportLeft {
		float: left;
		width: auto;
	}
	.scReportRight {
		float: left;
		width: auto;
	}
}

.scPadTop30{padding-top:30px;}
.scPadTop20{padding-top:20px;}
.scPadTop10{padding-top:10px;}
.scPadBottom20{padding-bottom:20px;}
.scPadBottom10{padding-bottom:10px;}



/*#*#*#*#*#*#*#*#*#* Mobilization *#*#*#*#*#*#*#*#*#*/

.res-table {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .res-table {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
  }
  .res-table > .table {
	margin-bottom: 0;
  }
  .res-table > .table > thead > tr > th,
  .res-table > .table > tbody > tr > th,
  .res-table > .table > tfoot > tr > th,
  .res-table > .table > thead > tr > td,
  .res-table > .table > tbody > tr > td,
  .res-table > .table > tfoot > tr > td {
	white-space: nowrap;
  }
  .res-table > .table-bordered {
	border: 0;
  }
  .res-table > .table-bordered > thead > tr > th:first-child,
  .res-table > .table-bordered > tbody > tr > th:first-child,
  .res-table > .table-bordered > tfoot > tr > th:first-child,
  .res-table > .table-bordered > thead > tr > td:first-child,
  .res-table > .table-bordered > tbody > tr > td:first-child,
  .res-table > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
  }
  .res-table > .table-bordered > thead > tr > th:last-child,
  .res-table > .table-bordered > tbody > tr > th:last-child,
  .res-table > .table-bordered > tfoot > tr > th:last-child,
  .res-table > .table-bordered > thead > tr > td:last-child,
  .res-table > .table-bordered > tbody > tr > td:last-child,
  .res-table > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
  }
  .res-table > .table-bordered > tbody > tr:last-child > th,
  .res-table > .table-bordered > tfoot > tr:last-child > th,
  .res-table > .table-bordered > tbody > tr:last-child > td,
  .res-table > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
  }
}
.outer-box {
	display: block;
	overflow: hidden;
	width: 100%;
}

.scNewCat {
	clear: left;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:7px;
	margin-top:7px;
	cursor:pointer;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color:#d3d3d3;
	text-align:center;
	font-size:large;
	color:black;
}


/*.scNewCat { clear: both; float: left; display: block; position: relative; }*/
/*.containerdiv { float: left; position: relative; }*/

#inner-box {
	float: left;
	width: 280px;
	height: 300px;
	margin-bottom: 10px;
	margin-right: 0px;
}
@media screen and (min-width: 0px) and ( max-width: 609px) {
	#inner-box {
		width: 100%;
	}
}
@media screen and (min-width: 610px) and ( max-width: 991px) {
	#inner-box {
		width: calc(100% / 2);
	}
}
@media screen and (min-width: 992px) and ( max-width: 1199px) {
	#inner-box {
		width: calc(100% / 3);
	}
}
@media screen and (min-width: 1200px) {
	#inner-box {
		width: calc(100% / 4);
	}
}
.tLimitSize75 {
	max-width: 75px;
}
.tLimitSize150 {
	max-width: 150px;
}
.tLimitSize250 {
	max-width: 250px;
}
.tLimitSize350 {
	max-width: 350px;
}
.tLimitSize450 {
	max-width: 450px;
}
.break-div {
	clear: both;
	display: block;
	position: relative;
}
.dnnLabel {
	padding-right: 0px;
	margin-right: 0px;
}
.scRegDesc {
	margin: 0px 10px 0px 10px;
	text-align: justify;
}

/*New Form Styles*/

.SC-form-group {
	margin-bottom: 20px;
	margin-top: 5px;
}


.SC-Label-Col {
	float: left;
	width: 16%;
	position: relative;
	margin: 10px 0px;
}

.SC-Field-Col {
	width: 84%;
}

.SC-form-control {
  display: block;
  width: 100%;
  height: 46px;
  padding: 12px;
  max-width: 240px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.SC-form-required {
	border-left: red 5px solid;
}

/* Google Chrome Fix */
@media screen and (min-width: 0px) and (max-width: 351px) {
	.SC-Label-Col {
				width: 100%;
	}
	.SC-form-control {
		float: left;
		margin: 0px 10px;
	}
}

table.tftable {color:#333333;border-width: 1px;border-color: #a9a9a9;border-collapse: collapse;}
table.tftable th {background-color:#b8b8b8;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;text-align:left;}
table.tftable tr {background-color:#ffffff;}
table.tftable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;}


razorbody {
	margin: 0px;
	padding: 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
}

	razorbody > centerbox {
		margin: 10px;
		padding: 15px;
		/*border: 1px solid;*/
		border-radius: 7pt;
		-webkit-flex: 3 1 100%;
		flex: 3 1 100%;
		max-width: 50%;
		-webkit-order: 2;
		order: 2;
	}

	razorbody > leftbox {
		margin: 10px 100px 10px 0px;
		padding: 15px;
		/*border: 1px solid;*/
		border-radius: 7pt;
		-webkit-flex: 1 6 100%;
		flex: 1 6 100%;
		max-width: 50%;
		-webkit-order: 1;
		order: 1;
	}

	razorbody > rightbox {
		margin: 10px 0px 10px 100px;
		padding: 15px;
		/*border: 1px solid;*/
		border-radius: 4pt;
		-webkit-flex: 1 6 10%;
		flex: 1 6 10%;
		-webkit-order: 3;
		order: 3;
		max-width: 50%;
	}

	razorbody > leftbox-50 {
		margin: 10px 10px 10px 0px;
		padding: 15px;
		/*border: 1px solid;*/
		border-radius: 7pt;
		-webkit-flex: 1 6 50%;
		flex: 1 6 50%;
		max-width: 50%;
		-webkit-order: 1;
		order: 1;
	}

	razorbody > rightbox-50 {
		margin: 10px 0px 10px 0px;
		padding: 15px;
		/*border: 1px solid;*/
		border-radius: 7pt;
		-webkit-flex: 1 6 50%;
		flex: 1 6 50%;
		-webkit-order: 2;
		order: 2;
		max-width: 50%;
	}

razorheader, razorfooter {
	display: block;
	margin: 10px 0px;
	padding: 15px;
	/*border: 1px solid;*/
	border-radius: 7pt;
}

@media all and (max-width: 692px) {
	razorbody {
		-webkit-flex-flow: column;
		flex-flow: column;
	}

		razorbody > centerbox, razorbody > leftbox, razorbody > leftbox-50, razorbody > rightbox, razorbody > rightbox-50 {
			-webkit-order: 0;
			order: 0;
			max-width: initial;
		}

		razorbody > centerbox, razorbody > leftbox, razorbody > leftbox-50, razorbody > rightbox, razorbody > rightbox-50, razorheader, razorfooter {
			min-height: initial;
			max-height: initial;
		}

		razorbody > leftbox, razorbody > leftbox-50, razorbody > rightbox, razorbody > rightbox-50 {
			margin: 10px 0px;
			padding: 15px;
		}
}

.sc-text-left {
	text-align: left;
}

.scVertSpace30{padding-top:30px;}
.scVertSpace20{padding-top:20px;}
.scVertSpace10{padding-top:10px;}
.scPadBottom20{padding-bottom:20px;}
.scPadBottom10{padding-bottom:10px;}