body 
{
    margin:0px;
    padding:0px;
    font-family: proxima-nova, Arial, sans-serif;
    font-size: 13px;
    color: #000000;
    background: #FFF;
    font-weight: 400;
}

.page-active{
    color:red;
}
a img
{
    border:0px;
    
}
a
{
    text-decoration:none;
    color:#2E3191;
}

a:hover
{
    text-decoration:none;
    color:#696dd3;
}

.inline
{
    display:inline-block !important;
}
h1, h2, h3, h4, h5
{
    font-family: 'adelle', Arial, sans-serif;
    color: #2E3191;
}

ol li
{
    margin-bottom:5px;
}

.alert{
    padding: .75rem 1.25rem;
    margin: 1rem 0rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger{
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

.notes
{
    color:Blue;
    font-style:italic;
    border-left:3px solid blue;
    padding-left:10px;
}
.btn {
  border: none;
  background: #2E3191;
  font-weight: 600;
  font-size: 13px;
  color: #FFF;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0;
  padding: 9px 14px;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.btn-red
{
background: #d91d2b;
}

.btn-red:hover
{
color: #fdeaec;
}

/*----- Input group Addon-----*/

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}



/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }



/* button
------------------------- */

.button {
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-weight: 500;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #a8aaaa;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked,
.button.is-selected {
  background-color: #c51f2d;
}

.button.is-checked,
.button.is-selected {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

.btn-sm
{
    padding:5px 10px;
    text-shadow:none;
}

.btn-selected-no
{
    background-color:#c51f2d;
    color:#fff;
}

.btn-selected-yes
{
    background-color:#2c9d10;
    color:#fff;
}

.btn-inactive
{
    background-color:#eff2f2;
}

.container
{
    width:980px;
    margin-left:auto;
    margin-right:auto;
}


/*--tables---*/
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

.page-actions
{
    text-align:right;
    padding:10px 0px 30px 0px;
}



.popup
{
    position: fixed;
    width: 500px;
    padding: 10px;
    top: 20%;
    background-color: #fff;
    z-index: 999;
    left: 50%;
    margin-left: -250px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
}

.popup-bg
{
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9;
}

.popup-close
{
    float:right;
}

.popup-close a
{
   text-decoration:none;
   color:#333;
}

.popup-title
{
    font-family: 'adelle', Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #2E3191;
    text-align: center;
    margin:20px 0px 10px 0px;
}

.popup-content
{
    padding:20px;
    line-height:20px;
    text-align:center;
}

.popup-content ul
{

    text-align:left;
}

.popup-buttons
{
    text-align:center;
    padding:10px 0px;
}

.popup-buttons a
{
    margin:0px 10px;
}


.popup-btn-ok
{

    border: none;
    background: #2E3191;
    font-weight: 600;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    padding: 9px 14px;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;

}

.popup-btn-cancel
{
    border: none;
    background: #989898;
    font-weight: 600;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    padding: 9px 14px;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}



.header
{
    border-bottom: 3px dotted #d0d0d0;
    padding:20px 0px 10px 0px;
}

.account-bar
{
    background-color:#2E3191;
    min-height:21px;
    color:#fff;
}


.menu-container
{
    padding-top:20px;
}

.main-menu
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-transform:uppercase;
}

.main-menu li
{
     display:inline-block;
     margin-right:25px;
}

.main-menu a
{
    color: #2E3191;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}

.main-menu a:hover
{
    color: #DD1D27;
    text-decoration: none;
}


/*---searchbox--*/
#searchbox {
  border: 3px solid #e2e2e2;
  float: right;
  position: relative;
  /*width: 312px;*/
  margin-top:30px;
}

#searchbox input[type="text"] {
  width: 276px;
  height: 26px;
  color: #000;
  font-style: italic;
  line-height: 26px;
  padding: 0 0 0 10px;
  border: none;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}

#searchbox input {
  float: left;
}

#searchbox input[type="submit"] {
  background: #2E3191 url(https://shop.tristarproductions.com/assets/templates/justswell-html5/images/lens.png) no-repeat center center;
  border: none;
  cursor: pointer;
  height: 26px;
  margin: 0;
  padding: 0;
  width: 26px;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.search-container
{
    padding-bottom:20px;
}

/*----footer---*/

.footer-container
{
      border-top: 3px solid #d0d0d0;
      padding-top:20px;
      margin-top:50px;
}

.footer-left
{
    float:left;
    width:680px;
}

.footer-right
{
    float:right;
    width:300px;
}

.footer-title
{
    font-family: 'adelle', Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #2E3191;
    text-align: left;
}

.footer-links-container ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
      width: 220px;
  float: left;
}
.footer-links-container ul li
{
    padding:3px 0px;
}

.footer-links-container ul li  a:hover
{
    color: #BCBEDC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

.footer-links-container ul li a
{
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}

.copyright
{
    font-family: 'proxima-nova', Arial, sans-serif;
    font-size: 10px;
    color: #666;
    font-weight: 400;
    text-align: center;
    padding-top:20px;
}


/*----footer mailing list -----*/

#mail-list input[type="text"] {
  background: #FFF;
  border: none;
  height: 27px;
  margin: 0;
  padding: 0 0 0 5px;
  width: 255px;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  border: 3px solid #e2e2e2;
}

#mail-list input[type="submit"] {
  background: #FFF url(http://shop.tristarproductions.com/images/go-arrow.png) no-repeat center center;
  border: none;
  border: 3px solid #e2e2e2;
  border-left:1px;
  color: #2E3191;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  height: 31px;
  margin: 0;
  padding: 0;
  width: 29px;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  position: relative;
  left: -3px;
  top: -1px;
}

/*----- home page----*/
.home-title
{
    text-align:center;
    font-size:25px;
    font-weight:bold;
    font-family: 'adelle', Arial, sans-serif;
    color: #2E3191;
    padding-top:20px;
    padding-bottom:30px;
}

.home-intro
{
    text-align:center;
}

.new-account-container
{
    text-align:center;
    padding:30px;
}

.new-account-container .btn
{
    margin:0px 10px;
}


.new-account-container-top a
{
    margin:0px 5px;
}

.rotator-container
{
}

.rotator
{
    padding:20px 0px;
}

.rotator a
{
    outline: none;
}
.rotator-item
{
    text-align:center;
   /* border:1px solid #c0c0c0;*/
    height:200px;
    margin:0px 10px;
    margin-top:25px;
    opacity:0.5;
}

.rotator-item-title
{
   text-align:center; 
   padding-top:10px;
   color:#333;
    text-decoration:none;
    text-transform:uppercase;
}


.slick-slide .rotator-item
{
    opacity:0.15;
}

.slick-active .rotator-item
{
    opacity:0.55;
}

.slick-current .rotator-item
{
    opacity:1 ;
}

.home-submenu
{
    text-align:center;
    padding:20px;
    
}

.home-submenu ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}


.home-submenu li
{
    display:inline-block;
    margin:0px 10px;
}

/*---column widths----*/
.half
{
    width:45%;
    display:inline-block;
    vertical-align:top;
}

.fourth
{
    width:27%;
    display:inline-block;
    vertical-align:top;
}

.three-fourths
{
    width:70%;
    display:inline-block;
    vertical-align:top;
}



/*----form styling------*/

.form-section
{
    border-bottom:1px solid #c0c0c0;
    padding:15px 0px;
    margin-bottom:15px;
}
.form-group
{
    margin-bottom:15px;
    position:relative;
    padding:0px 20px;
    
}

.form-column
{
 
    position:relative;
    
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0px 5px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-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;
}

input[type="text" i]:disabled {
    display: block;
  width: 100%;
  height: 34px;
  padding: 0px 5px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-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;
  background-color:rgb(235, 235, 228);
  cursor:not-allowed;
}


.checkbox, .radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox label, .radio label {
  min-height: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.required
{
    color:Red;
}

.required-message
{
    color:Red;
    font-weight:bold;
}

.customer-status
{
    text-align:right;
    padding:10px 0px;
}

.customer-name
{
    display:inline-block;
    margin-right:10px;
    font-weight:bold;
}

.customer-action
{
    display:inline-block;
}

.customer-menu
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.customer-menu li a
{
    display:block;
    padding:10px;
    border-bottom: 1px dotted #c0c0c0;
    width:200px;
    text-decoration:none;
    color:#333;
}

.customer-menu li a:hover
{

    color:#666;
    background-color:#eff0f0;
}

/*----admin styles---*/
.admin-menu-container
{
}

.admin-menu
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.admin-menu  li 
{
    display:inline-block;


}

.admin-menu  li:after 
{
    content: " | ";
}

.admin-menu  li:last-child:after 
{
    content: "";
}

.admin-menu  li:first-child a
{
    margin-left:0px;
}

.admin-menu  li  a
{
    color:#333;
    text-decoration:none;
    display:inline-block;
    margin:0px 10px;

}

.admin-menu  li  a:hover
{
    color:#5b5b5b;
    
}

/*---settings----*/
.add-newsletter .form-control
{
    width:80% !important;
    display:inline-block;
}


.item-status
{
    background-color:#eef5f8;
    border:1px solid #d5e4ea;
    padding:10px;
    line-height:22px;
    
}

/*--content editor----*/
.content-menu
{
    width:300px;
    display:inline-block;
    vertical-align:top;
   
}

.content-menu ul li
{
    line-height:22px;
}

.content-editor
{
    width:650px;
    display:inline-block;
    vertical-align:top;
    margin-left:20px;
}

.editor-class
{
    padding:10px;
}

/*---my items---*/
.myitem-container
{
    border-bottom:2px dotted #c0c0c0;
    padding-bottom:20px;
    margin-bottom:20px;
}

.myitem-check
{
    /* padding-top:70px;
    display:inline-block;
    width:40px;*/
   padding-bottom:10px;
  
}

.myitem-check checkbox
{
    margin-top:50%;
}


.myitem-image
{
    display:inline-block;
    width:200px;
    vertical-align:top;
}

.myitem-image img
{
    max-width:150px;
    max-height:150px;
    border:2px solid #f1f3f3;
   
}

.myitem-image a
{
    opacity:1;
    transition:all 0.5s ease-in-out;
   
}

.myitem-image a:hover
{
    opacity:0.75;
   
}

.myitem-details
{
    display:inline-block;
    vertical-align:top;
    width: 435px;
   
}

.myitem-order-container
{
    background-color:#eaebeb;
    
}

.myitem-order-title
{
    font-weight:bold;
    font-size:14px;
    text-align:center;
    background-color:#919393;
    padding:5px;
    color:#fff;
    
}

.order-tracking
{
    line-height:22px;
}

.order-status
{
   line-height:22px;
}

.order-id
{
   line-height:22px;
}

/*---showcase---*/
.showcase-container
{
    margin-top:50px;
    }

.showcase-item-container
{
  width: 223px;
  border:1px solid #c0c0c0;
  float:left;
  text-align:center;
 /* margin:10px;*/
 margin-bottom:25px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.showcase-image 
{
    padding:10px;
}


.showcase-image img
{
    width:100%;
}


.showcase-title
{
    padding:10px;
}


.product-line-container
{
    width:33%;
    display:inline-block;
    text-align:center;
}

.product-line-image 
{
    padding:10px;
}


.product-line-image img
{
    width:100%;
}

.ship-item-image
{
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
}

.ship-item-description
{
    display:inline-block;
    vertical-align:top;
}

.ship-item-container
{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dotted #c0c0c0;
}

.customer-order
{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px dotted #c0c0c0;
}

.status-row
{
    margin-bottom:5px;
    font-size:12px;
}

.orderitem-container{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #c0c0c0;}
.orderitem-image{width:100px; display:inline-block; vertical-align:top;}
.orderitem-image img{width:100%;}
.orderitem-details{ display:inline-block; vertical-align:top; padding-let:10px;}

.css-checkbox input[type=checkbox]
{
    /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}


.instructions li
{
    margin-bottom:5px;
}