#container {
  width: 1000px; }

#red-back {
  height: 255px;
  min-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  background-color: #a21d21 !important;
  background-image: url("../Images/red-slice.png") !important;
  background-repeat: repeat-y !important;
  background-position-x: center !important;
  background-position-y: top !important; }

hr {
  border: 1px;
  height: 4px;
  color: #bababa;
  background-color: #bababa;
  background-image: none; }

.red:active {
  background-color: #CF1933; }

.yellow:active {
  background-color: #EB9C1A; }

.slate:active {
  background-color: #363636; }
  .slate:active:active {
    box-shadow: inset 4px 4px 7px rgba(0, 0, 0, 0.6); }

.grey:active {
  background-color: #A8A8A8; }

.white:active {
  background-color: #efefef; }

.island {
  height: 200px;
  width: 23%;
  margin: 15px 0 15px 0;
  background: #f2f2f2;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=0 ) !important; }


#retail-order-box {
  width: 33%; }

#slider-placeholder {
  width: 65%;
  float: right; }
  
.show-for-mobile {display:none;}
  
.sm-icon {
  background-image: url(../Images/red-icons-ie.png) !important; }  
  
.flex-direction-nav a {background-image:none !important;}
          
.hide-for-old-ie {display:none !important;}          
          
                       
/* ###################################################################
	
	ITEM NAME  : Meganizr Responsive CSS3 Mega Menu
	ITEM URI   : http://codecanyon.net/item/meganizr-responsive-css3-mega-menu/2629504
	VERSION    : 1.1.0
	AUTHOR     : Valeriu Timbuc
	AUTHOR URI : http://vtimbuc.net
	LICENSE    : Purchased License - Regular or Extended - http://codecanyon.net/licenses/regular_extended

################################################################### */
.meganizr > li > div,
.meganizr > li > ul,
.meganizr > li > ul li > ul {
  overflow: visible;
  visibility: visible;
  display: none; }

.meganizr > li.mzr-drop:hover > div,
.meganizr > li.mzr-drop:hover > ul,
.meganizr > li > ul li.mzr-drop:hover > ul {
  display: block; }

.meganizr > li.mzr-home-dark,
.meganizr > li.mzr-home-light {
  min-width: 50px; }

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* DEFAULT ROW STYLES */
.row {
  margin-bottom: 15px; }

/* set according to preference*/
/* DEFAULT COLUMN STYLES */
/* RESET MARGINS */
.col:first-child {
  margin-left: inherit; }

/* all browsers except IE6 and lower */