/* Text Styles */
.SmithBlueMsg{color:#03C;font-size:12px;}
.SmithBlueMsgBold{color:#03C;font-size:12px;font-weight:700;}
.SmithSuccessMsg{color:#03C;font-size:14px;}
.SmithRedMsg,.SmithRequiredText{color:red;}
.SmithProdText{}
.SmithBold{font-weight: bold;}
.Smith16{font-size: 16px;}
.SmithBold16{font-size: 16px; font-weight:700;}
.Smith14{font-size: 14px;}
.Smith18Bold { font-size: 18px; font-weight: bold; }
.SmithMedium{font-size: 13px;}
.SmithLargeBold {font-size:14px; font-weight:700; text-decoration:underline; }
.SmithCartTitle{}
.SmithLargeTitle{font-size:14px;font-weight:700;text-decoration:underline;}
.SmithTitle
{
	font-weight: bold;
	text-decoration: underline;
}

.InvoiceTitle
{
	font-size: 18px;
	font-weight: bold;
}

/* 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;}
a.SmithMedLink { font-size: 14px; }
a.dlink:link { text-decoration: underline; }
a.dlink:visited { text-decoration: underline; } 
a.dlink:hover { text-decoration: underline; } 
 
.scMyAcctBtn
{ 
        text-decoration: none !important;
		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-align:center;
}
	
.scMyAcctBtn, a.scMyAcctBtn
{
    text-decoration: none !important;
	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;
}

/*.scAdminSearchBox {
    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;
}*/

/* Admin Grid */
.scAdminGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #c1c1c1; border-collapse:collapse; font-size:13px; }
.scAdminGrid td { padding: 2px; border-bottom: solid 1px #c1c1c1; color: #000; }

.scAdminGrid th  
{
    padding: 4px 2px; color: #000000; 
    background: #ffffff; font-size: 13px;border-bottom: solid 2px #c1c1c1; 
}
          
.scAdminGrid .alt { background: #fcfcfc; }
.scAdminGrid .pgr {background: #FFFFFF; }
.scAdminGrid .pgr table { margin: 5px 0; }
.scAdminGrid .pgr td { border-width: 0px; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.scAdminGrid .pgr a { color: #666; text-decoration: none; }
.scAdminGrid .pgr a:hover { color: #000; text-decoration: none; }
.scAdminGrid tr:hover{background-color:#FFFFCC;color:white;}

/* Admin Grid 2 - Add Left Margin */
.scAdminGrid2 { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #c1c1c1; border-collapse:collapse; font-size:13px; }
.scAdminGrid2 td { padding: 5px; padding-left:10px; text-decoration: none !important;  }

.scAdminGrid2 th  
{
    padding: 5px; color: #000000; 
    padding-left:10px;
    background: #c1c1c1; font-size: 13px;border-bottom: solid 1px #c1c1c1; 
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#999999'); /* for IE */
    /* background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#999999)); /* for webkit browsers */
    /* background: -moz-linear-gradient(top,  #FFF,  ##999999); /* for firefox 3.6+ */
}
          
.scAdminGrid2 .alt { background: #fcfcfc; }
.scAdminGrid2 tr:hover{background-color:#FFFFCC;color:#000;}
/*.scAdminGrid2 tr {border-bottom: solid 1px #c1c1c1; color: #000;}*/

.scSoldLabel
{
    padding: 5px;
    background-color: Green;
    color: #FFFFFF;
}

.scGridItem {background-color: White;}
.scGridAltItem { background-color:#ddd;}


 /* Div Styles */
.countdown-seconds { display: none; }

.myBtnCenter2 { width:200px; left: 42%; margin-right: auto; position: relative; }
.scMyAccountsNav { width:250px; left: 42%; margin-right: auto; position: relative; }
 
.textboxlabel { text-align:right; }
.labelleft { text-align:left; }
.labelright { text-align:right; }
.right { float: right; }
.left { float: left; }
.center { margin-left: auto; margin-right: auto; }
.topdiv { margin-bottom:0px; }
.bottomdiv { margin-top:0px; } 
.footer { position:relative;  bottom: 0; width: 100%; }

div.box1, table.box1
{
    padding: 10px 1000px 10px 10px;
    text-align: left;
}

div.box-header1, td.box-header1
{
    border:  solid  1px  #BBBBBB ;
    padding: 4px;
    background-color: #DDDDDD;
    text-align: left;
	color:#000000
}   

div.box-body1, td.box-body1
{
    padding: 6px;
    border:  solid  1px  #BBBBBB ;
    border-top: none;
    text-align: left;
    line-height:20px;
}

.scLineHeight25 { line-height:25px; }
 td.box1 { vertical-align:top }

/* Grid Styles */
.cssMain,.Clean{font-size:11px; margin-left: 0px; }

/*.GridCells{padding:5px 10px;text-align:left;clear:both;}*/
.GridCells{padding:5px 10px;text-align:left;}

.GridCellsRight,.GridCellPrices{padding:5px 10px;text-align:right;}
.GridHeader{background-color:#DDD;font-size:12px;font-weight:700;padding:10px;}
.GridFooter
{
	background-color: #DDDDDD;
	font-weight: bold; 
	text-align:right;
}

.GridCellsCenter
{
	text-align:center;
}

.scGridSectionHead
{
    /*text-align: center; */
    font-weight: bold;
    font-size: 14px;
    background-color: #808080; /* background-color: #666666; 
    color: #FFFFFF; */
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #FFFFFF;
} 

.scGridItemStyle
{
   border-bottom:solid 1px #bbb;
}

.scMyAcctGridCenter
{
   border-bottom:solid 1px #bbb;
   text-align:center;
}

table.scGrid th           { padding: 0.5ex; white-space: nowrap; background: #ddd; font-size: 14px; font-weight: bold; }
table.scGrid              { width: 100%; background: #fff; border: 1px solid #bbb; border-collapse: collapse; }
/* table.scux-form caption      { text-align: left; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; } */
table.scGrid th           { border-bottom: 1px solid #bbb; }

/* table.scGrid td,
table.scGrid th           { border: 0; padding: 0.5ex 1ex; vertical-align: middle; } */

.SelectedRowStyle {	background-color: #EBEBEB; }
.UnSelectedRowStyle { background-color:transparent; }

 /* Grid Pager */
/*.scAdminGrid2 .pgr { background: #424242}*/  
/*.scAdminGrid2 .pgr table { margin: 5px 0; }  
.scAdminGrid2 .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.scAdminGrid2 .pgr a { color: #666; text-decoration: none !important; }  
.scAdminGrid2 .pgr a:hover { color: #000; text-decoration: none !important; }*/ 

.scGridPager a, .scGridPager span
{
    display: block;
    height: 15px;
    width: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    text-decoration: none !important;
    padding: 5px;
}
.scGridPager a
{
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
    text-decoration: none !important;
}

.scGridPager a:hover
{
    color: #FF0000;
    background-color: #C0C0C0;
    border: 1px solid #333333;
    text-decoration: none !important;
}

.scGridPager span, .scGridPager td
{
    background-color: #666666;
    color: #FFFFFF;
    border: 1px solid #000000;
    text-decoration: none !important;
}

.scGridPager2, .scGridPager2 td
{        
    font-weight: bold;
    text-decoration: none !important;
}
.scGridPager2 a
{
    text-decoration: none !important;
}

.CartHead
{
    font-size: 13px;
}
.Step1Head
{
	font-size: 14px;
	font-weight: bold; 
	text-align:left	  
}

.subhead2
{
	font-weight: bold; 
	text-align:left  
}

 /* Payment pop Up */
 #div_to_popup { display: none; }
/*{ line-height:32px; }*/ 
 .tblPayPopup { margin-left:30px; }
 
 /* CVV Message Pop Up */
.graydiv{background-color:#5B5B5B;display:none;left:0;position:absolute;top:0;z-index:10000;}
.ModalBackground{background-color:#000;filter:alpha(opacity=70);opacity:0.7px;}

.popUpStyle
{
    font: normal 11px auto "Trebuchet MS", Verdana;   
    background-color: #ffffff;
    color: #4f6b72; 
    padding:6px;     
    filter: alpha(opacity=80);
    opacity: 0.8;
}
   
.drag
{
    background-color: #dddddd;
    cursor: move;
    border:solid 1px gray ;
}

.modalBackground {
    background-color: Gray;        
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 6000 !important;
}

.ContentContainer
{
    background-color: #EFEFEF; 
    border:solid 1px #B2B7BC;
    padding: 5px 5px 30px 5px;
    margin-bottom:15px;
    overflow:auto;
    overflow-y:hidden;
}

.PopupContainer
{
    height:auto;
    margin-top:auto;
    margin-bottom:auto;
    overflow:auto;
    max-height:70%;
}

.PopupHeaderContainer
{
    background-color:#9A4D9E;
    padding:3px;
}

.PopupContentContainer
{
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	border-bottom: solid 2px #9A4D9E;
	border-right: solid 2px #9A4D9E;
	border-left: solid 2px #9A4D9E;
	border-color: #808080;
	position: absolute;
	z-index: 100002;
}

.PopupPageBackground
{       
    background-color:white;
    filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity:0.6;
}

/*#*#*#*#*#*#*#*#*#* Mobilization *#*#*#*#*#*#*#*#*#*/

.scTxtBoxLimit150 {
    max-width: 150px;
}
.scTxtBoxLimit250 {
    max-width: 250px;
}
.scTxtBoxLimit350 {
    max-width: 350px;
}
.scTxtBoxLimit450 {
    max-width: 450px;
}
.scResponTable {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .scResponTable {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
  }
  .scResponTable > .table {
        margin-bottom: 0;
  }
  .scResponTable > .table > thead > tr > th,
  .scResponTable > .table > tbody > tr > th,
  .scResponTable > .table > tfoot > tr > th,
  .scResponTable > .table > thead > tr > td,
  .scResponTable > .table > tbody > tr > td,
  .scResponTable > .table > tfoot > tr > td {
      white-space: nowrap;
  }
  .scResponTable > .table-bordered {
      border: 0;
  }
  .scResponTable > .table-bordered > thead > tr > th:first-child,
  .scResponTable > .table-bordered > tbody > tr > th:first-child,
  .scResponTable > .table-bordered > tfoot > tr > th:first-child,
  .scResponTable > .table-bordered > thead > tr > td:first-child,
  .scResponTable > .table-bordered > tbody > tr > td:first-child,
  .scResponTable > .table-bordered > tfoot > tr > td:first-child {
      border-left: 0;
  }
  .scResponTable > .table-bordered > thead > tr > th:last-child,
  .scResponTable > .table-bordered > tbody > tr > th:last-child,
  .scResponTable > .table-bordered > tfoot > tr > th:last-child,
  .scResponTable > .table-bordered > thead > tr > td:last-child,
  .scResponTable > .table-bordered > tbody > tr > td:last-child,
  .scResponTable > .table-bordered > tfoot > tr > td:last-child {
      border-right: 0;
  }
  .scResponTable > .table-bordered > tbody > tr:last-child > th,
  .scResponTable > .table-bordered > tfoot > tr:last-child > th,
  .scResponTable > .table-bordered > tbody > tr:last-child > td,
  .scResponTable > .table-bordered > tfoot > tr:last-child > td {
      border-bottom: 0;
  }
}

.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;
    }
}

.scPadBottom20 {
    padding-bottom:20px;
}

.scPadTop20 {
    padding-top:20px;
}