@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,700,600,800,400";
@import "./bootstrap/css/bootstrap.min.css";
@import "media.css";

body {
  font-family: "Open Sans", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  line-height: 18px;
}

#Body {
  min-height: 1px;
  /*background: url(images/body_background.jpg);*/
  background-color: #333;
  height: auto;
}

body,
th,
td,
table,
h1,
h2,
h3,
h4,
h5,
h6,
.Head,
.SubHead,
.SubSubHead,
.Normal,
.NormalBold,
.NormalRed,
.NormalTextBox,
.NormalDisabled,
a:link,
a:visited,
a:hover,
input,
.CommandButton {
  font-family: "Open Sans", "Open Sans", Arial, Helvetica, sans-serif;
}

em {
  font-style: italic;
  letter-spacing: 0;
}

strong {
  color: #333;
  font-weight: 700;
}

small {
  font-size: 12px;
  letter-spacing: 0;
}

.container {
  background: #fff;
  padding-bottom: 5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  margin: 0 0 10px;
}

h1 {
  font-size: 26px;
}

h2,
h2 .Head {
  font-size: 18px;
}

h3,
h3 .Head {
  font-size: 18px;
  color: #666;
}

h4,
h4 .Head {
  font-size: 16px;
  color: #666;
  text-decoration: underline;
  text-transform: uppercase;
  word-spacing: 3px;
}

h5,
h5 .Head {
  font-size: 14px;
  color: #666;
}

h6,
h6 .Head {
  font-size: 13px;
  color: #666;
}

a,
a:link,
a:visited,
a:active {
  color: #333;
  text-decoration: none;
  outline: 0;
}

a:hover {
  color: #fd8403;
  text-decoration: none;
  outline: 0;
}

.CommandButton {
  font-size: 13px;
  color: #3d3d3d;
  font-weight: 700;
}

.CommandButton:hover {
  color: #007cae;
}

a.CommandButton:link {
  font-size: 13px;
  text-decoration: none;
  color: #3d3d3d;
  font-weight: 700;
}

a.CommandButton:hover {
  text-decoration: underline;
  color: #007cae;
}

p {
  margin: 0 0 25px;
}

hr {
  clear: both;
  height: 0;
  border: solid silver;
  border-width: 1px 0 0;
  margin: 5px 0;
}

img {
  border: 0;
}

.imgLeft {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.imgRight {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
}

.imgBorder {
  border: solid 3px #fff;
}

.imgPolaroid {
  color: #a6a6a6;
  font-size: 12px;
  text-align: left;
  padding: 13px 13px 17px;
  background-color: #fff;
  box-shadow: 0 1px 2px #ccc;
}

.imgPolaroid img {
  margin-bottom: 12px;
}

ol li {
  list-style-type: decimal;
  margin-bottom: 8px;
  vertical-align: top;
}

ol ol {
  margin-top: 8px;
  margin-left: 30px;
}

ol ol li {
  list-style-type: lower-roman;
}

ol ol ol li {
  list-style-type: lower-alpha;
}

ol ul li {
  list-style-type: lower-roman;
}

table.tableDefault {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

table.tableDefault th,
table.tableDefault td {
  font-size: 12px;
  padding: 8px;
}

table.tableDefault th {
  font-weight: 700;
  text-align: left;
  border-bottom: solid 2px #aaa;
  background-color: #d7d7d7;
}

table.tableDefault td {
  border-bottom: solid 1px #d9d9d9;
}

table.tableDefault tr:nth-child(odd) {
  background: #transparent;
}

table.tableDefault tr:nth-child(even) {
  background: #e3e4e6;
}

.tableDefault tbody tr:hover td {
  color: #111;
}

input[type="text"],
select,
textarea,
input[type="email"],
input[type="search"],
input[type="password"] {
  border: 1px solid #aaa;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #666;
  font-size: 13px;
}

button.primaryButton,
a.primaryButton {
  display: inline-block;
  padding: 12px 20px;
  margin-bottom: 5px;
  background-color: #3b96b6;
  background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#1aa0c9),
    to(#1aa0c9)
  );
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 solid #fff;
  -moz-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  -webkit-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 0);
}

button.secondaryButton,
a.secondaryButton {
  display: inline-block;
  padding: 12px 20px;
  margin-bottom: 5px;
  background-color: #666;
  background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#8a8a8a),
    to(#8a8a8a)
  );
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 solid #fff;
  -moz-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  -webkit-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 0);
}

button.altButton,
a.altButton {
  display: inline-block;
  padding: 9px 32px 9px 22px;
  margin-bottom: 5px;
  background: #484848 url(images/arrow.png) no-repeat 87% center;
  background: url(images/arrow.png) no-repeat 87% center,
    -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
  background: url(images/arrow.png) no-repeat 87% center,
    -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 solid #ffbf00;
  -moz-box-shadow: 0 0 0 rgba(000, 000, 000, 0),
    inset 0 0 0 rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 0 0 rgba(000, 000, 000, 0),
    inset 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(000, 000, 000, 0), inset 0 0 0 rgba(255, 255, 255, 0);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 0);
}

a.dnnPrimaryAction {
  color: #efefef;
}

a.dnnSecondaryAction {
  color: #555;
}

button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover {
  cursor: pointer;
  cursor: hand;
  background-image: none;
  background-color: #d00;
}

button.altButton:hover,
a.altButton:hover {
  cursor: pointer;
  cursor: hand;
  background: #d00 url(images/arrow.png) no-repeat 87% center;
}

.spacingTop {
  margin-top: 30px;
}

.spacingRight {
  margin-right: 30px;
}

.spacingBottom {
  margin-bottom: 30px;
}

.spacingLeft {
  margin-left: 30px;
}

.row-fluid [class*="span"] {
  min-height: 1px;
  position: relative;
}

#FooterWrapper .row-fluid [class*="span"] {
  padding: 10px;
}

#FooterWrapper .row-fluid .span2 {
  height: 150px;
}

#userControls {
  height: 32px;
}

#userControls .language {
  min-height: 0 !important;
  display: inline;
}

.wrapper {
  margin: 0 Auto;
  width: 980px;
}

#search {
  float: right;
  width: 209px;
  height: 32px;
}

#search a.SearchButton:link,
#search a.SearchButton:visited {
  display: inline-block;
  float: right;
  height: 32px;
  width: 32px;
  margin: 0;
  padding: 0;
  background: #333 url(images/search.png) no-repeat center center;
  text-indent: -9999px;
}

#search a.SearchButton:hover {
  background: url(images/search.png) no-repeat center center, #2d2d2d;
  background: url(images/search.png) no-repeat center center,
    -moz-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
  background: url(images/search.png) no-repeat center center,
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45, 45, 45, 1)), color-stop(100%, rgba(86, 86, 86, 1)));
  background: url(images/search.png) no-repeat center center,
    -webkit-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1)
          100%);
  background: url(images/search.png) no-repeat center center,
    -o-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
  background: url(images/search.png) no-repeat center center,
    -ms-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
  background: url(images/search.png) no-repeat center center,
    linear-gradient(to bottom, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
}

#dnn_dnnSearch_txtSearch {
  display: block;
  float: left;
  width: 160px;
  height: 32px;
  padding: 0 5px 0 10px;
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  border-left: 1px solid #ddd;
  color: #000;
  line-height: 32px;
  font-size: 11px;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}

#dnn_dnnSearch_txtSearch:active,
#dnn_dnnSearch_txtSearch:focus {
  background: #ccc;
  box-shadow: inset 0 3px 8px #999;
}

#login .registerGroup,
#login .registerGroup *,
#login .loginGroup,
#login .loginGroup * {
  display: block;
}

#login .registerGroup,
#login .loginGroup {
  float: right;
  padding: 0;
  margin: 0;
}

#login .registerGroup li:first-child:hover {
  border-left: #222;
}

#login .registerGroup li {
  float: left;
}

#login .registerGroup .buttonGroup {
  margin-right: 0;
}

#login .registerGroup a,
#login .loginGroup a {
  display: block;
  position: relative;
  height: 25px;
  min-width: 12px;
  padding: 7px 15px 0;
  color: #333;
  font-size: 11px;
  vertical-align: middle;
}

#login .registerGroup a:hover,
#login .loginGroup a:hover {
  background: #2d2d2d;
  background: -moz-linear-gradient(
    top,
    rgba(45, 45, 45, 1) 0%,
    rgba(86, 86, 86, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(45, 45, 45, 1)),
    color-stop(100%, rgba(86, 86, 86, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(45, 45, 45, 1) 0%,
    rgba(86, 86, 86, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(45, 45, 45, 1) 0%,
    rgba(86, 86, 86, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(45, 45, 45, 1) 0%,
    rgba(86, 86, 86, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(45, 45, 45, 1) 0%,
    rgba(86, 86, 86, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d',endColorstr='#565656',GradientType=0);
  color: #ddd;
  text-shadow: 0 -1px 0 #333;
}

#login .registerGroup a:active,
#login .loginGroup a:active {
  color: #fff;
  text-shadow: 0 -1px 0 #333;
}

#login .registerGroup a:hover,
#login .loginGroup a:hover {
  text-decoration: none;
}

#login .registerGroup a strong,
#login .loginGroup a strong {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  font-size: 11px;
  text-indent: -9999px;
}

#login .userMessages a,
#login .userNotifications a {
  background-color: #333;
}

#login .userMessages strong {
  height: 100%;
  background: url(images/icon_message.png) no-repeat center center;
}

#login .userNotifications {
  border-right: 1px solid #ccc;
}

#login .userNotifications strong {
  height: 100%;
  background: url(images/icon_notification.png) no-repeat center center;
}

#login .registerGroup a span {
  display: inline-block;
  position: absolute;
  right: 2px;
  top: -9px;
  min-width: 7px;
  margin-right: 3px;
  background: #3b96b6;
  text-align: center;
  font-size: 11px;
  color: #fff;
  text-shadow: 0 1px 0 #333;
}

#login .registerGroup .userProfileImg a {
  min-width: 25px;
  min-height: 32px;
  padding: 0;
  background: none;
}

#login .registerGroup a img {
  height: 32px;
  width: 32px;
  background: #333;
}

#login .loginGroup {
  border-right: 1px solid #ccc;
}

#login .loginGroup a {
  color: #333;
}

#login .userMessages a span,
#login .userNotifications a span {
  display: inline-block;
  margin-top: 9px;
  margin-right: 0;
  background-color: transparent;
  font-size: 10px;
}

#siteHeadouter {
  background: #fff;
  -webkit-box-shadow: 1px 50px 100px 0 #cacaca;
  box-shadow: 1px 50px 100px 0 #cacaca;
}

#siteHeadinner {
  padding: 36px 0;
}

#logo {
  float: left;
}

.header_phone {
  display: block;
  border: 2px solid #ddd;
  line-height: 46px;
  padding-left: 45px;
  font-size: 18px;
  font-weight: 700;
  width: 130px;
  border-radius: 5px;
  background: url(images/Header_phone.png) no-repeat 3% 50%;
  background-size: 35px;
  margin-top: 25px;
}

.language .language-object {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.language .language-object span {
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  margin: 0;
}

.language .language-object span:first-child {
  padding-left: 8px;
}

.language .language-object span img {
  height: 12px;
  width: 17px;
  opacity: 0.3;
}

.language .language-object span:hover img {
  opacity: 1;
}

.language .language-object .Language.selected img {
  opacity: 1;
  border-color: #222;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8);
}

.navbar {
  margin-bottom: 0 !important;
}

.navbar-inner {
  border: none !important;
  box-shadow: none !important;
  background: none transparent !important;
  padding-right: 0 !important;
}

.navbar .brand {
  padding: 0 !important;
}

.nav-collapse {
  float: right;
  position: relative;
  top: 18px;
}

.nav li {
  position: relative;
  list-style: none;
  margin: 0;
}

.nav li ul {
  margin-left: 0;
}

.nav > li {
  float: left;
  height: 30px;
  padding-top: 5px;
  margin-right: 2px;
}

.nav > li > a,
.nav > li > span {
  display: block;
  padding: 5px 0 5px 15px;
  font-size: 14px;
  font-weight: 700;
  color: #666;
  text-decoration: none;
}
/*.nav > li:hover > a,.nav > li.active > a{color:#3B96B6;background-color:transparent!important;box-shadow:none!important}
.nav > li:hover > a:active{color:#3B96B6}
.nav > li:hover > span{color:#3B96B6}*/
.nav > li > a .caret.hidden-desktop {
  border: none !important;
  background-image: url(bootstrap/img/glyphicons-halflings-white.png);
  background-color: #333;
  background-position: -305px -110px !important;
  width: 30px !important;
  line-height: 30px !important;
  min-height: 30px !important;
  height: auto;
  display: inline-block;
  margin: 0 !important;
  border-radius: 3px;
}

.nav > li > a .caret.hidden-desktop:hover {
  background: url(bootstrap/img/glyphicons-halflings-white.png) -305px -110px,
    linear-gradient(to bottom, #2d2d2d 0%, #565656 100%) !important;
}

.nav > li ul {
  top: 35px;
  left: 0;
  padding: 15px 5px;
  display: none;
  position: absolute;
  z-index: 2;
  width: 225px;
  background: #f5f7f7;
  border: 1px solid #cbcbcb;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
  -webkit-animation-duration: 0.25s;
  -webkit-animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.25s;
  -moz-animation-delay: 0.2s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: 0.25s;
  -ms-animation-delay: 0.2s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 0.25s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}

.nav-collapse:not(.in) .nav li:hover > ul {
  display: block;
}

.nav-collapse .nav li > iframe {
  display: none;
  z-index: 1 !important;
}

.nav-collapse:not(.in) .nav li:hover > iframe {
  display: block;
}

.navbar .nav > li > .dropdown-menu:before {
  border: none !important;
}

.navbar .nav > li > .dropdown-menu:after {
  position: absolute !important;
  top: -15px !important;
  left: 20px !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 15px solid transparent !important;
  border-right: 15px solid transparent !important;
  border-bottom: 15px solid #f5f7f7 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.nav .dropdown-menu > .active > a,
.nav .dropdown-menu > .active > a:focus {
  background-color: transparent !important;
  background-image: none !important;
  color: #3b9fbf !important;
  outline: none;
}

.nav .dropdown-menu a {
  display: block;
  padding: 3px 15px;
  color: #3b9fbf;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  transition: all ease-in 100ms;
  -moz-transition: all ease-in 100ms;
  -webkit-transition: all ease-in 100ms;
  -o-transition: all ease-in 100ms;
  -ms-transition: all ease-in 100ms;
}

.nav .dropdown-menu > li > a:hover,
.nav .dropdown-menu > .active > a:hover {
  background-color: transparent !important;
  background-image: none !important;
  color: #d00 !important;
}

.nav-collapse:not(.in) .nav .dropdown-menu {
  border-radius: 0 !important;
  top: 37px !important;
}

.nav > li > ul li:hover {
  color: #d00;
  background: #f5f7f7;
}

.nav li ul li ul {
  left: 225px;
  top: -8px;
  padding: 15px 5px;
  border-left: 1px solid #ddd;
}

.nav-collapse.in {
  width: 100%;
}

.navbar .btn-navbar {
  background-color: #333 !important;
  background-image: linear-gradient(to bottom, #333, #333) !important;
  cursor: pointer;
  margin-top: 10px !important;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active {
  background: linear-gradient(to bottom, #2d2d2d 0%, #565656 100%) !important;
}

#Breadcrumb {
  padding: 5px 0;
}

#Breadcrumb img {
  margin-left: 10px;
  margin-right: 10px;
}

#Breadcrumb a.breadcrumbLink:link,
#Breadcrumb a.breadcrumbLink:visited {
  color: #333;
  font-size: 12px;
}

#Breadcrumb a.breadcrumbLink:hover {
  color: #f58220;
}

.threeColLeftPane,
.threeColCenterPane,
.threeColRightPane {
  float: left;
  width: 306px;
}

.threeColSocialLeftPane {
  float: left;
  width: 110px;
}

.threeColSocialCenterPane {
  float: left;
  position: relative;
  width: 560px;
}

.threeColSocialRightPane {
  float: left;
  width: 250px;
}

#footer {
  height: 230px;
  margin-top: 70px;
}

#FooterWrapper {
  background: #656261;
  color: #fff !important;
}

#FooterWrapper .withleftborder {
  border-left: 1px solid #fff;
}

#FooterWrapper p {
  color: #fff !important;
}

#FooterWrapper h1,
#FooterWrapper h2,
#FooterWrapper h3,
#FooterWrapper h4,
#FooterWrapper h5,
#FooterWrapper h6 {
  line-height: 1.5em;
  color: #fff !important;
}

.footer_shipping,
.footer_order {
  padding-left: 45px;
  line-height: 23px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  display: block;
}

.footer_shipping {
  background: url(images/Footer_freight.png) no-repeat 0 50%;
  background-size: 40px;
}

.footer_order {
  background: url(images/Footer_globe.png) no-repeat 0 50%;
  background-size: 40px;
}

.dnnDropEmptyPanes {
  margin-bottom: 10px;
}

.DNNEmptyPane {
  width: 0;
  margin: 0;
}

.DNNEmptyPane.rightTwoCol + div {
  width: 100%;
}

#copyright {
  font-size: 12px;
  color: #a6a6a6;
  margin-bottom: 25px;
}

#copyright a:link,
#copyright a:visited {
  font-size: 12px;
  color: #a6a6a6;
}

#copyright a:hover {
  color: #d00;
}

#copyright a.DNNMobileLink {
  color: #666;
  font-weight: 700;
}

#copyright a.DNNMobileLink:hover {
  color: #d00;
}

#copyright .pull-right {
  text-align: right;
}

.threeColSocial .console {
  width: 100% !important;
  height: auto;
  background-color: #484848;
}

.threeColSocial .console-none div {
  cursor: pointer;
  cursor: hand;
  float: left;
  height: auto;
  width: 100% !important;
  padding: 0;
  margin: 0;
  text-align: left;
}

.threeColSocial .console-none h3 {
  padding: 10px 8px 10px 40px;
  margin: 0;
  border-bottom: solid 1px #fff;
  background: url(images/arrow.png) 18px center no-repeat;
  color: #eee;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
}

.threeColSocial .console-none div div {
  display: none;
}

.threeColSocial .console-mouseon {
  background-color: #70b1c7;
}

#UserProfileImg img {
  width: 100px;
  height: auto;
  border: solid 3px #fff;
}

.threeColSocial .UserProfileControls ul {
  margin: 15px 0;
}

.threeColSocial .UserProfileControls ul li {
  list-style-type: none;
  margin-bottom: 3px;
}

.threeColSocialRightPane .DnnModule #mdMemberList {
  margin: 0 0 30px;
}

.threeColSocialRightPane #mdMemberList ul {
  margin: 10px 0 0;
}

.threeColSocialRightPane #mdMemberList li {
  margin-bottom: 0;
  -size: 12px;
  font-weight: 700;
  list-style-type: none;
}

.threeColSocialRightPane #mdMemberList > li {
  width: 216px;
  margin: 0;
  padding: 6px 17px;
  background: #d7d7d7;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
}

.threeColSocialRightPane #mdMemberList > li:hover {
  z-index: 2;
  background: #d7d7d7;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3),
    inset 0 0 0 0 rgba(255, 255, 255, 1);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3), inset 0 0 0 0 rgba(255, 255, 255, 1);
}

.threeColSocial .journalTools {
  max-width: 560px;
}

.threeColSocial .journalrow {
  padding-bottom: 10px;
  border-bottom: solid 1px silver;
  margin-bottom: 20px;
}

.threeColSocial .journalfooter {
  padding: 0;
  margin: 0;
}

.threeColSocial .journalrow div.journalitem p.journalfooter {
  font-size: 12px;
  padding: 0;
  margin-bottom: 0;
}

.threeColSocial .journalrow div.journalitem ul.jcmt {
  font-size: 12px;
}

.threeColSocial .journalrow div.journalitem .likes {
  padding: 2px 5px;
  background-color: #dbdbdb;
}

#journalEditor #journalContent .juser,
.journalrow .juser {
  border: none;
  color: #3b96b6;
  background-color: transparent;
}

.threeColSocial #UserDisplayNameHeader h2 {
  padding-bottom: 10px;
  border-bottom: solid 1px silver;
}

.threeColSocial #smMainContent .ui-corner-all {
  border-radius: 0;
}

.threeColSocial ul.dnnAdminTabNav {
  height: 38px;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid silver;
}

.threeColSocial ul.dnnAdminTabNav li {
  margin-right: 1px;
}

.threeColSocial ul.dnnAdminTabNav li a {
  padding: 10px 15px;
  margin-bottom: 0;
  border: none;
  background: #d7d7d7;
  -webkit-border-radius: 1px 1px 0 0;
  border-radius: 1px 1px 0 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
}

.threeColSocial ul.dnnAdminTabNav li a:hover {
  background: #484848;
  color: #eee;
}

.threeColSocial ul.dnnAdminTabNav li.ui-tabs-active a {
  padding: 10px 15px;
  margin-top: 0;
  background: #484848;
  color: #eee;
}

.threeColSocial .dnnAdminTabNav a span {
  display: inline;
  min-height: 12px;
  padding: 2px 6px;
  margin-right: 8px;
  background: #3b96b6;
  background: -moz-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(59, 150, 182, 1)),
    color-stop(100%, rgba(35, 125, 155, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  -webkit-box-shadow: 0 1px 0 0 #666;
  -moz-box-shadow: 0 1px 0 0 #666;
  box-shadow: 0 1px 0 0 #666;
  color: #eee;
  font-weight: 400;
  font-size: 11px;
}

.threeColSocial .dnnFormExpandContent {
  position: absolute;
  top: -40px;
  right: 0;
  height: 20px;
  font-size: 12px;
}

.threeColSocial .dnnFormExpandContent a.ComposeMessage {
  font-size: 12px;
}

.threeColSocial a.dnnPrimaryAction {
  display: inline-block;
  padding: 12px 20px;
  margin-bottom: 5px;
  background-color: #3b96b6;
  background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#1aa0c9),
    to(#1aa0c9)
  );
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 solid #fff;
  -moz-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  -webkit-box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5),
    inset 0 0 0 rgba(15, 177, 217, 0);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 0);
}

.threeColSocial a.dnnPrimaryAction:hover,
.threeColSocial a.dnnPrimaryAction:active {
  cursor: pointer;
  cursor: hand;
  background-image: none;
  background-color: #d00;
}

.threeColSocial .DnnModule .messageControls .dnnButtonGroup {
  margin-right: 0;
}

.threeColSocial .messageControls {
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid silver;
}

.threeColSocial .messageControls .messageFolders {
  float: right;
}

.threeColSocial .messageFolders p {
  float: left;
  display: inline-block;
  padding: 8px 15px;
  margin: 0;
  color: #666;
  font-size: 12px;
}

.threeColSocial .messageFolders p strong {
  color: #666;
  font-weight: 700;
}

.threeColSocial .DnnModule-Messaging-Notifications .dnnTertiaryAction {
  width: auto !important;
  padding: 9px 10px;
  font-size: 12px;
}

.threeColSocial .DnnModule .selectDrop ul {
  top: 34px;
  min-width: 120px;
  padding: 10px 14px !important;
  border: 1px solid #c2c2c2;
  background: #e7e7e7;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}

.threeColSocial .selectDrop.active > a {
  background: #70b1c7;
  color: #eee;
  border-right: solid 0 #3b96b6;
  -webkit-box-shadow: inset 0 1px 1px 0 #3b96b6;
  -moz-box-shadow: inset 0 1px 1px 0 #3b96b6;
  box-shadow: inset 0 1px 1px 0 #3b96b6;
}

.threeColSocial .selectDrop ul li {
  margin-bottom: 3px;
  font-size: 12px;
}

.threeColSocial .dnnButtonGroup {
  background: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  list-style: none;
}

.threeColSocial ul.dnnButtonGroup > li {
  border-left: none;
}

.threeColSocial .dnnButtonGroup > li > a {
  border-left: 1px solid #ddd;
  border-right: 1px solid #bbb;
  background-color: #d7d7d7;
  color: #666;
}

.threeColSocial .dnnButtonGroup > li > a.active {
  color: #eee;
  border-right: 1px solid #3b96b6;
  background-color: #70b1c7;
}

.threeColSocial .dnnButtonGroup > li > a.disabled:hover {
  color: #eee;
  border-left: 1px solid #3b96b6;
  background-color: #70b1c7;
}

.threeColSocial .alpha > a:hover {
  color: #eee;
  background-color: #70b1c7;
  border-right: 1px solid #3b96b6;
}

.threeColSocial .alpha > a,
.threeColSocial .alpha > a:hover,
.threeColSocial .alpha > a.active {
  border-left: 1px solid #70b1c7;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.threeColSocial .omega > a,
.threeColSocial .omega > a:active,
.threeColSocial .omega > a.active {
  border-right: 1px solid #70b1c7;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.threeColSocial a.dnnSecondaryAction.ArchiveItems span {
  display: none;
}

.threeColSocial a.dnnSecondaryAction.ArchiveItems {
  height: 18px;
  min-width: 15px;
  margin-left: 5px;
  background: #d7d7d7 url(images/icon_bin.png) no-repeat center center;
  border-radius: 0;
  -webkit-box-shadow: none;
  text-shadow: none;
  box-shadow: none;
  color: #666;
  border: none;
}

.threeColSocial a.dnnSecondaryAction.ArchiveItems:hover {
  background: #70b1c7 url(images/icon_bin.png) no-repeat center center;
}

.threeColSocial .dnnTertiaryAction:hover,
a.dnnTertiaryAction:hover {
  background-color: #70b1c7;
  color: #eee;
}

.threeColSocial .smListings {
  font-size: 12px;
}

.threeColSocial .DnnModule .smListings ul {
  margin: 0;
}

.threeColSocial .smListings > ul > li {
  padding-top: 10px;
  margin: 0;
  background: transparent;
  border-bottom: 1px solid silver;
}

.threeColSocial .smListings > ul > li.active {
  background: #f4f4f4;
}

.threeColSocial .smListings > ul > li:last-child {
  border-bottom: none;
}

.threeColSocial .smListings [class^="ListCol-"] {
  padding: 1% 1% 1% 0;
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-1 {
  min-width: 20px;
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-2 {
  min-width: 65px;
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-3 {
  width: 56%;
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 {
  font-size: 11px;
}

.threeColSocial .smTimeStamped {
  font-size: 11px;
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-1 {
  min-width: 65px;
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-2 {
  width: 56%;
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 {
  float: right;
  width: 25%;
  font-size: 12px;
}

.threeColSocial .hoverControls a {
  font-size: 12px;
  font-weight: 700;
}

.threeColSocial .DnnModule-Messaging-Details .smListings .meta {
  margin-bottom: 5px;
}

.threeColSocial .DnnModule-Messaging-Details .smListings .meta a {
  font-weight: 700;
}

.threeColSocial .DnnModule-Messaging-Details .smListings .message {
  color: #999;
  margin: 0;
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .subject {
  font-weight: 700;
}

.threeColSocial
  .DnnModule-Messaging-Notifications
  .smListings
  .active
  .subject {
  font-size: 13px;
  margin-bottom: 3px;
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .meta {
  margin-bottom: 8px;
  line-height: 14px;
}

.threeColSocial .DnnModule-Messaging-Notifications .smListings .message {
  color: #999;
}

.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li {
  margin-bottom: 0;
}

.threeColSocial
  .DnnModule-Messaging-Details
  .smListings
  .ListCol-3
  ul
  li:first-child {
  color: #999;
}

.threeColSocial
  .DnnModule-Messaging-Details
  .smListings
  .active
  .ActiveToggle:hover,
.smListings .ActiveToggle {
  margin-left: 8px;
  -webkit-box-shadow: 0 1px 0 0 #666;
  -moz-box-shadow: 0 1px 0 0 #666;
  box-shadow: 0 1px 0 0 #666;
}

.threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle,
.smListings .ActiveToggle:hover {
  margin-left: 8px;
  background: #3b96b6;
  background: -moz-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(59, 150, 182, 1)),
    color-stop(100%, rgba(35, 125, 155, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  -webkit-box-shadow: 0 1px 0 0 #666;
  -moz-box-shadow: 0 1px 0 0 #666;
  box-shadow: 0 1px 0 0 #666;
}

.threeColSocial
  .DnnModule-Messaging-Notifications
  .smListings
  .ListCol-4
  ul
  li {
  margin-bottom: 0;
}

.threeColSocial
  .DnnModule-Messaging-Notifications
  .smListings
  .ListCol-4
  ul
  li:first-child {
  color: #999;
}

.threeColSocial
  .DnnModule-Messaging-Notifications
  .smListings
  .active
  .ActiveToggle:hover,
.smListings .ActiveToggle {
  margin-left: 8px;
  -webkit-box-shadow: 0 1px 0 0 #666;
  -moz-box-shadow: 0 1px 0 0 #666;
  box-shadow: 0 1px 0 0 #666;
}

.threeColSocial
  .DnnModule-Messaging-Notifications
  .smListings
  .active
  .ActiveToggle,
.smListings .ActiveToggle:hover {
  margin-left: 8px;
  background: #3b96b6;
  background: -moz-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(59, 150, 182, 1)),
    color-stop(100%, rgba(35, 125, 155, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  background: linear-gradient(
    top,
    rgba(59, 150, 182, 1) 0%,
    rgba(35, 125, 155, 1) 100%
  );
  -webkit-box-shadow: 0 1px 0 0 #666;
  -moz-box-shadow: 0 1px 0 0 #666;
  box-shadow: 0 1px 0 0 #666;
}

.threeColSocial .DnnModule-Messaging-Notifications .notificationControls {
  font-weight: 700;
}

.threeColSocial .messageHeader {
  padding: 0;
  margin: 0;
}

.threeColSocial .messageHeader p {
  font-size: 13px;
  color: #666;
  float: left;
}

.threeColSocial .messageHeader p strong {
  color: #333;
}

.threeColSocial .messageHeader .returnLink {
  font-size: 12px;
  font-weight: 700;
}

.threeColSocial .morePrevMsgButton {
  color: #666;
  font-size: 12px;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
  border: solid 1px silver;
  background: #d7d7d7;
  -webkit-box-shadow: inset 0 0 3px 0 #ccc;
  -moz-box-shadow: inset 0 0 3px 0 #ccc;
  box-shadow: inset 0 0 3px 0 #ccc;
}

.threeColSocial textarea#replyMessage {
  width: 94%;
  height: 75px;
  color: #666;
  border: 1px solid silver;
  background: #f4f4f4;
}

.threeColSocial textarea#replyMessage:focus,
.threeColSocial textarea#replyMessage:active {
  color: #666;
  background: #fff;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.content_intro {
  padding-top: 30px;
  color: #8c8c8c;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.content_intro h1 span {
  font-weight: 400;
}

.content_intro a {
  font-size: 14px;
}

.content_featured {
  color: #999;
  vertical-align: top;
}

.content_featured h2 .TitleH2 {
  display: block;
  margin-bottom: 30px;
}

.content_featured .normal {
  font-weight: 400;
}

.content_featured img {
  margin-bottom: 25px;
}

.content_featured a.primaryButton {
  margin-left: 25px;
}

.content_newslist ul {
  margin: 0;
}

.content_newslist ul li {
  display: block;
  list-style-type: none;
  margin-bottom: 30px;
}

.content_newslist ul li:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}

.content_newslist ul li.last {
  margin-bottom: 0;
}

.content_newslist ul li img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.content_newslist ul li h5 {
  margin-bottom: 5px;
}

.content_newslist ul li span,
.content_newslist ul li strong {
  color: #a6a6a6;
}

.content_newslist ul li p {
  margin-top: 12px;
  margin-bottom: 12px;
}

.smallThumbnail img {
  width: 80px;
}

.adContent {
  position: absolute;
  padding: 20px;
  background-color: #000;
  opacity: 0.7;
  color: #eee;
}

.adContent h2 {
  margin-bottom: 5px;
  color: #eee;
  font-weight: 400;
}

.content_adstyleOne {
  position: relative;
  margin-right: 0;
  margin-bottom: 18px;
  color: #eee;
}

.content_adstyleOne .adContent {
  bottom: 0;
  right: -2%;
}

.content_adstyleTwo {
  position: relative;
  margin-bottom: 18px;
}

.content_adstyleOne img,
.content_adstyleTwo img {
  width: 100%;
}

.content_adstyleOne img {
  bottom: 0;
  width: 102% !important;
  max-width: 102%;
}

.content_adstyleTwo .adContent {
  top: 0;
}

.content_adstyleTwo h2 {
  line-height: 1;
}

ul.footerlinks {
  margin: 0;
}

.footerlinks li {
  list-style: none;
  margin-bottom: 8px;
}

.footerlinks li a:link,
.footerlinks li a:visited {
  color: gray;
}

.footerlinks li a:hover {
  color: #d00;
}

ul.footerConnect {
  margin: 0;
}

ul.footerConnect li {
  display: inline-block;
  list-style-type: none;
  margin-right: 10px;
}

.content_team ul {
  margin: 0 -12px;
}

.content_team ul li {
  display: inline-block;
  width: 110px;
  margin: 0 12px 40px;
  text-align: center;
  list-style-type: none;
}

.content_team ul li .teampic {
  width: 110px;
  height: 147px;
  margin-bottom: 15px;
  background-color: #bfbfbf;
}

.content_team ul li img {
  width: 110px;
  max-width: 110px;
  max-height: 147px;
}

.content_team ul li span {
  display: block;
  font-weight: 700;
  white-space: nowrap;
}

.content_products ul {
  margin: 0 -1%;
}

.content_products ul li {
  display: inline-block;
  width: 31.1%;
  margin: 0 1% 45px;
  vertical-align: top;
  list-style-type: none;
}

.content_products ul li img {
  margin-bottom: 25px;
  max-width: 100%;
  width: 100%;
}

.form_oneCol label {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}

.form_oneCol input,
.form_oneCol textarea {
  width: 94%;
}

.form_dealer input {
  width: 200px;
  margin-bottom: 5px;
}

#container {
  position: relative;
  z-index: 0;
  width: 980px;
  padding: 0;
  margin: 0 auto;
}

#example {
  position: relative;
  width: 980px;
  height: 380px;
}

#slides {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
}

.slides_container {
  display: none;
  position: relative;
  width: 980px;
  overflow: hidden;
}

.slides_container a {
  display: block;
  width: 980px;
  height: 380px;
}

.slides_container a img {
  display: block;
}

#slides .next,
#slides .prev {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 9px;
  left: 12px;
  padding: 0;
  z-index: 12;
}

#slides .prev {
  background: transparent url(images/left-arrow.png) center center no-repeat;
}

#slides .next {
  left: 96px;
  background: transparent url(images/right-arrow.png) center center no-repeat;
}

.pagination_wrap {
  display: inline-block;
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  width: 128px;
  height: 40px;
  opacity: 0.8;
  background-color: #222;
}

.pagination {
  position: absolute;
  z-index: 11;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 15px 40px;
}

.pagination li {
  float: left;
  margin: 0 3px;
  list-style: none;
}

.pagination li a {
  float: left;
  display: block;
  width: 9px;
  height: 0;
  padding-top: 8px;
  background-image: url(images/pagination.png);
  background-position: 0 0;
  overflow: hidden;
}

.pagination li.current a {
  background-position: 0 -9px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-image: none !important;
  outline: none !important;
}

.row-fluid [class*="span"]:not([class*="dnnSortable"]) {
  min-height: 1px !important;
}

.brand.hidden-desktop {
  max-width: 60%;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  box-shadow: none !important;
  background-color: transparent !important;
  outline: none !important;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  background-color: transparent !important;
  color: #d00 !important;
  outline: none !important;
}

.dropdown,
.dropdown a {
  outline: none !important;
}

.carousel-inner > a > img {
  max-width: 100% !important;
  height: auto !important;
  width: 100% !important;
}

.carousel-inner img {
  max-width: 100% !important;
  height: auto !important;
  width: 100% !important;
}

.carousel-control {
  top: auto !important;
  bottom: 5%;
}

.ControlContainer {
  width: 940px !important;
}

@media (min-width: 1200px) {
  .row-fluid .offset3:first-child {
    margin-left: 29.564102564103%;
  }

  .row-fluid .span3 {
    width: 27%;
    padding-left: 1%;
  }

  .row-fluid .span9 {
    width: 69%;
  }

  select.status-options {
    display: none;
  }

  .content_team ul {
    margin: 0 -19px;
  }

  .content_team ul li {
    margin: 0 19px 40px;
  }

  .ControlContainer {
    width: 1170px !important;
  }
}

@media (min-width: 768px) {
  .carousel-control {
    top: inherit;
    bottom: 10px;
    height: 20px;
    width: 20px;
    border: none;
    border-radius: 0;
    z-index: 6;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
  }

  .carousel-indicators {
    background: rgba(34, 34, 34, 0.7);
    top: auto;
    bottom: 0;
    padding: 15px 35px 15px 30px;
    right: 0;
    width: 63px;
  }

  .carousel-indicators li {
    margin-bottom: 0;
  }

  .carousel-control.right {
    background-image: url(images/right-arrow.png);
    text-indent: -9999px;
    right: 10px;
  }

  .carousel-control.left {
    background-image: url(images/left-arrow.png);
    text-indent: -9999px;
    right: 95px;
    left: auto;
  }
}

@media (max-width: 979px) {
  .nav-collapse,
  .nav {
    width: 100%;
  }

  .nav li {
    padding: 0 !important;
    min-height: 30px !important;
    height: auto;
  }

  .nav-collapse .dropdown-menu {
    margin: 0 0 0 4% !important;
    width: 95% !important;
  }

  .nav-collapse .nav > li a,
  .nav-collapse .dropdown-menu a {
    padding: 0 0 0 5px !important;
    line-height: 30px !important;
    height: 30px !important;
    border: 1px solid #eee !important;
    margin-bottom: 3px;
  }

  .nav-collapse .dropdown.open > a {
    background-color: #eee !important;
  }

  .nav > li > ul {
    position: relative !important;
    width: 100% !important;
  }

  .nav {
    width: 100%;
  }

  img {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  #Body {
    margin: 0;
    padding: 0;
  }

  #siteHeadouter > .container,
  #contentWrapper > .container {
    width: 94%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .content_products ul li {
    width: 47.5%;
  }

  select.status-options {
    display: none;
  }

  .content_adstyleOne {
    width: 100% !important;
    max-width: 100%;
  }

  .content_adstyleOne img {
    width: 103% !important;
    max-width: 103%;
  }

  .content_adstyleOne .adContent {
    bottom: 0;
    right: -3%;
  }

  .content_adstyleOne,
  .content_adstyleTwo {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  #Body {
    margin: 0;
    padding: 0;
  }

  #siteHeadouter > .container,
  #contentWrapper > .container {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .content_products ul {
    margin: 0 -2%;
  }

  .content_products ul li {
    width: 45.5%;
    margin: 0 2% 45px;
  }

  .adContent {
    padding-top: 5px;
  }

  .adContent h2 {
    font-size: 18px;
  }

  .carousel-control {
    top: auto !important;
    bottom: 20% !important;
  }

  .content_adstyleOne {
    width: 100% !important;
    max-width: 100%;
  }

  .content_adstyleOne img {
    width: 100% !important;
    max-width: 100%;
  }

  .content_adstyleOne .adContent {
    bottom: 0;
    right: 0;
  }
}

@media (max-width: 480px) {
  #Body {
    margin: 0;
    padding: 0;
  }

  .content_products ul li {
    width: 98%;
  }

  .LoginPanel {
    width: 90% !important;
  }

  .moduleSearch {
    width: inherit;
    float: none;
    padding-right: 20px;
  }

  .moduleSearch input {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .moduleSearch > input[type="text"] + a {
    float: left;
    width: auto;
  }

  div.blog-list-title {
    width: inherit;
  }

  div[class*="status-container"] {
    padding: 0 20px;
  }

  .link-wrap {
    display: none;
  }

  select.status-options {
    margin: 20px 0;
    width: 100%;
  }

  table.idea-list-table tbody td {
    padding: 10px 5px !important;
  }

  .idea-list-vote-panel {
    width: auto;
  }

  .dnnSocialLink span {
    line-height: 1;
    font-size: inherit;
  }

  .answer-list-tbl-container {
    padding: 0;
  }

  table.answer-list-table td {
    padding-left: 5px;
  }

  .status-expanded-container
    .profile-topContainer
    > .dnnRight
    > ul.profile-statistics
    > li {
    width: 33%;
  }

  .status-expanded-container
    .profile-topContainer
    > .dnnRight
    > ul.profile-statistics {
    width: 200px;
  }

  .dnnSocialLink .profile-link {
    margin-top: 50px;
  }
}

.fieldset {
  border: 1px solid #999797;
  padding: 1% 1% 2%;
  margin: 1% 0;
  width: 97%;
}

.FilterOptionsHolder {
  width: 50%;
  float: left;
  padding-top: 5px;
}

.FilterOptionsHolder input,
.FilterOptionsHolder select {
  width: 50%;
}

.FilterOptionsHolder span,
.searchLabel {
  width: 120px;
  display: inline-block;
}

.searchLabel {
  margin-right: 2px;
}

.searchWrapper {
  width: 100%;
  float: left;
  padding-top: 5px;
}

.searchWrapper span,
.searchBoxHolder,
.searchWrapper input {
  float: left;
}

.searchBoxHolder {
  margin-right: 10px;
}

.button_std,
.DetailsButton,
.ViewAllRecentLink {
  cursor: default;
  background: #f49a4d;
  background-image: -webkit-linear-gradient(top, #f49a4d, #f58220);
  background-image: -moz-linear-gradient(top, #f49a4d, #f58220);
  background-image: -ms-linear-gradient(top, #f49a4d, #f58220);
  background-image: -o-linear-gradient(top, #f49a4d, #f58220);
  background-image: linear-gradient(to bottom, #f49a4d, #f58220);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #fff;
  padding: 2px 7px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  border: 3px outset #f49a4d;
  box-shadow: 0 3px 1px 0.5px rgba(119, 119, 119, 0.75);
  -moz-box-shadow: 0 3px 1px 0.5px rgba(119, 119, 119, 0.75);
  -webkit-box-shadow: 0 1px 3px 0.5px rgba(119, 119, 119, 0.75);
}

.button_std:hover,
.DetailsButton:hover,
.ViewAllRecentLink:hover {
  color: #fff !important;
}

.ui-datepicker-prev,
.ui-datepicker-next,
ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  color: #fff;
  cursor: pointer;
}

.ui-datepicker .ui-widget-header {
  background: #333 50% 50% repeat-x;
  color: #fff;
  font-weight: 700;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
  background-color: #555;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  border: 1px solid #999;
  background: #666 50% 50% repeat-x;
  color: #fff;
}

.Heading-Box {
  background: url(Images/GreyContainerHeaderBg.png) repeat-x;
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  color: #40454a;
  background-position: left top;
  margin: 10px 0 0;
  padding: 1px 0 4px 17px;
  width: 98%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.Heading-Box h2 {
  font-size: Medium;
  font-weight: 700;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  right: 16px;
  top: 4px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 10px;
  top: 4px;
}

.ui-datepicker .ui-datepicker-next {
  right: 16px;
  top: 4px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 10px;
  top: 4px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 16px;
  top: 4px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  color: #f58220;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td a:hover {
  background: #fd8403;
  color: #000;
}

.ui-datepicker td a {
  text-align: center !important;
  font-weight: 700;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ItemCountHolder {
  display: block;
  width: 100%;
  margin-top: 10px;
}

.ItemCountOneThird {
  display: block;
  width: 33%;
  float: left;
}

.LeftText {
  text-align: left;
}

.CenterText {
  text-align: center;
}

.RightText {
  text-align: right;
}

.GridView {
  width: 100%;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
  background-color: #fff;
  color: #000;
}

.HeaderStyle,
.ReoccuringOrderCellHeader {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #f58220;
  line-height: 1.2em;
  padding-bottom: 5px;
  border-width: 0;
  border-top: #fff;
  height: 3em;
  border-bottom: 1px solid #aaa;
}

.AlternatingRowStyle,
.Alternating {
  /*height:40px;color:#333;background:#f2f2f2;width:100%;display:table-row;border:0 #fff !important;*/
}

.RowStyle,
.ReoccuringOrderLine {
  color: #333;
  background-color: #fff;
  height: 40px;
  width: 100%;
  display: table-row;
}

.ReoccuringOrderLine {
  border: none !important;
}

.ViewCategoryHeader {
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}

.ProductDisplayGrid {
  float: left;
  width: 26%;
  margin-right: 5%;
  padding: 1%;
  margin-bottom: 5%;
  background-color: #fff;
  border: 1px solid #aaa;
  text-align: center;
}

.ProductDisplayGridName {
  width: 100%;
  height: 70px;
}

.ProductDisplayGridPartNo {
  width: 100%;
  padding-top: 6px;
  display: block;
}

.ProductDisplayGridRating {
  width: 100%;
  padding-top: 5px;
  display: none;
}

.ProductGridName {
  font-size: 14px;
  font-weight: 700;
}

.ProductDetailsHolder .ProductGridName {
  color: #666;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  padding: 15px 0px;
  display: inline-block;
  text-decoration: underline;
}

.ViewProductsAsGridInnerHolder {
  border: 1px solid #aaa;
  padding: 1%;
}

.ProductDisplayGridImageHolder,
.ViewProductsAsGridInnerHolder {
  width: 100%;
  height: 100%;
  position: relative;
}

.ProductDisplayGridBrand {
  width: 100%;
  height: 100%;
  display: none;
}

.ProductDisplayGridBrand img {
  display: none;
}

.ProductDisplayGridShortDesc {
  overflow: hidden;
  width: 100%;
  min-height: 25px;
  margin-bottom: 8px;
  display: none;
}

.ProductDisplayGridImageHolder_IMG {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ProductDisplayGridImageHolder {
  height: 200px;
}

.ProductDisplayGridImageHolder_Sale {
  z-index: 10;
}

.ProductDisplayGridPrice {
  float: left;
  width: 100%;
}

.ProductDisplayGridPrice .TwoPaneLeftHolder {
  width: 60%;
}

.ProductDisplayGridPrice .TwoPaneRightHolder {
  width: 40%;
}

.ProductImageGroup,
.img-swap {
  width: 100% !important;
  height: auto !important;
}

.ProductGridMainPrice {
  color: #000 !important;
  line-height: 21px;
}

.ProductGridSubPrice {
  font-size: 10px;
  color: #000;
  text-decoration: line-through;
}

.FilteredListHeader {
  width: 98%;
  padding-bottom: 3px;
  float: left;
  margin-top: 10px;
}

.PadTextByImage {
  padding: 4px 0 0 10px;
}

.ProductDisplayList {
  float: left;
  width: 100%;
  margin-bottom: 8px;
}

.ProductDisplayListImg {
  float: left;
  width: 45px;
  min-height: 10px;
  padding-right: 10px;
}

.ProductDisplayListPartNo {
  float: left;
  width: 15%;
  padding-top: 15px;
  padding-right: 15px;
  min-height: 10px;
}

.ProductDisplayListListPrice {
  float: left;
  width: 10%;
  min-height: 10px;
  padding-top: 15px;
  text-align: center;
}

.ProductDisplayListYourDiscount {
  float: left;
  width: 10%;
  min-height: 10px;
  padding-top: 15px;
  text-align: center;
}

.ProductDisplayListYourNettPrice {
  float: left;
  width: 10%;
  min-height: 10px;
  padding-top: 15px;
  text-align: center;
}

.ProductDisplayListQty {
  float: left;
  width: 7%;
  min-height: 10px;
  padding-top: 15px;
  text-align: center;
}

.ProductDisplayListDescription {
  float: left;
  width: 30%;
  min-height: 10px;
  padding-top: 15px;
}

.ProductDisplayListDescription_B2C {
  float: left;
  width: 40%;
  min-height: 10px;
  padding-top: 15px;
}

.ProductDisplayListStock {
  float: left;
  width: 7%;
  min-height: 10px;
  padding-top: 15px;
  text-align: center;
}

.ProductDisplayListRRP {
  float: left;
  width: 10%;
  min-height: 10px;
  padding-top: 15px;
}

.ProductDisplayListOrder,
.ProductDisplayListDescription_B2C {
  float: left;
  min-height: 10px;
  width: 20%;
  padding-top: 15px;
}

.ProductDisplayListOrder {
  text-align: center !important;
}

.ProductInfoTopHolder {
  padding-top: 0px;
}

.ListView_ProductQty {
  text-align: center;
}

.ProductDisplayListHeader {
  border-bottom: 1px solid #aaa;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #f58220;
  line-height: 1.2em;
  padding-bottom: 5px;
}

#MenuWrapper [class*="span"] {
  margin: 0 !important;
}

.FilteredListPagingWrapper {
  width: 100%;
  height: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #666;
  margin-bottom: 10px;
  padding-top: 5px;
}

.FilteredListPagingWrapper [class*="span"] {
  margin: 0;
}

.ForTabletBelow_inline,
.OnlyForMobile,
.ForTabletBelow {
  display: none;
}

.UpdateCartFromListWrapper .DetailsButton {
  float: right;
  white-space: normal;
  word-break: normal;
  font-size: 14px;
  width: 220px !important;
  text-transform: uppercase;
  line-height: 24px;
  margin-top: 20px;
}

.MenuCartSummeryPane {
  float: left;
  width: 228px;
  background: #f58220;
  border-bottom: 2px groove #f58220;
  border-left: 2px outset #f49a4d;
  height: 43px;
  text-align: center;
}

.HeaderCartSummary {
  background: #f58220;
  border-bottom: 2px groove #f58220;
  border-left: 2px outset #f49a4d;
  height: 43px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.CartHidden {
  float: left;
  width: 226px;
  background-color: #fff;
  position: absolute;
  z-index: 5000;
  border: 2px #ababab solid;
}

.CartHiddenTop {
  float: left;
  padding: 5px 5px 0;
  width: 100%;
}

.CartHiddenRemove_btn {
  text-align: right;
  padding-top: 10px;
}

.CartHiddenBottom {
  float: left;
  padding: 0;
  width: 226px;
  border-bottom: 2px solid #666;
}

.CartHiddenProdId {
  padding-top: 3px;
  line-height: 9px;
  font-size: 9px;
  text-align: right;
  color: #5c5656;
}

.CartHiddenProdName {
  line-height: 9px;
  font-size: 9px;
  text-align: right;
}

.CartHiddenPrice {
  line-height: 9px;
  font-size: 9px;
  text-align: right;
}

.CartHiddenProdDesc {
  padding-top: 5px;
}

.CartHiddenBottom .TwoPaneLeftHolder {
  float: left;
  min-width: 50%;
  text-align: left;
}

.CartHiddenBottom .TwoPaneRightHolder {
  float: left;
  width: 49%;
}

.CartHiddenTop .TwoPaneLeftHolder {
  float: left;
  min-width: 50%;
  text-align: left;
}

.CartHiddenTop .TwoPaneRightHolder {
  float: left;
  width: 49%;
}

.CartHiddenTop .TwoPaneHolder {
  overflow: hidden;
}

.totalLabel,
#priceLabel {
  font-weight: 700;
  text-transform: uppercase;
}

.totalLabel {
  color: #f58220 !important;
}

#priceLabel {
  color: #000 !important;
}

.CartHiddenRemove_btn img {
  width: 8px;
}

.SideFeatureHeader,
.EnableFilterHeader {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  text-transform: uppercase;
  color: #666;
}

.SiteWideFilterHolder {
  padding-top: 10px;
}

.EnableFilterHolder {
  overflow: hidden;
}

.btnCategorySubToShow,
.btnEnableFilterDelete {
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  border: none;
  background: none;
  height: 30px;
  line-height: 30px;
}

.btnCategorySubToShow:hover,
.btnEnableFilterDelete:hover {
  color: #f49a4d;
}

.zoomLens {
  width: 100px !important;
  height: 100px !important;
}

.SideFeatureWrapper,
.SideHolder {
}

ul.CheckoutTabls {
  border-top: 1px solid #f58220;
}

ul.CheckoutTabls li {
  float: left;
  list-style: none;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #fafafa;
  box-shadow: inset 0 0 3px #eaeaea;
  font-weight: 700;
}

ul.CheckoutTabls li.ui-tabs-active {
  background-color: #fff !important;
  box-shadow: inset 0 0 0 #fff;
}

ul.CheckoutTabls li.ui-tabs-active a {
  color: #333;
}

.CheckoutTab {
  float: left;
  width: 25%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0;
}

.CheckoutTabDIV {
  min-height: 400px;
  float: left;
  width: 100%;
}

.MyCart_Table {
  margin-top: 10px;
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  width: 100%;
}

.MyCart_RowStyle:hover,
.MyCart_AlternatingRowStyle:hover {
  background: #eee;
}

.MyCart_Table td,
.MyCart_HeaderStyle div {
  padding-top: 10px;
  padding-bottom: 10px;
  border: none;
}

.MyCart_AlternatingRowStyle {
  background: #efefef;
}

.MyCart_Table a {
  color: #000;
}

.MyCartInnerHolder {
  float: left;
  width: 100%;
  font-size: 14px; /*height:60px;padding-top:20px;*/
}

.MyCartInnerHolder div {
  font-size: 12px;
}

.MyCartInnerHolderh {
  float: left;
  width: 100%;
  font-size: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #f58220;
  font-weight: bold;
}

.MyCartImage {
  float: left;
  width: 5%;
  padding-left: 20px;
  min-height: 10px;
}

.MyCartPart {
  float: left;
  width: 15%;
  padding-left: 20px;
  min-height: 10px;
}

.MyCartDiscount {
  float: left;
  min-height: 10px;
  width: 10%;
  overflow: hidden;
}

.MyCartDescription {
  float: left;
  min-height: 10px;
  width: 30%;
  overflow: hidden;
}

.MyCartStock {
  float: left;
  width: 5%;
  overflow: hidden;
  min-height: 10px;
}

.MyCartRRP {
  float: left;
  width: 10%;
  overflow: hidden;
  min-height: 10px;
}

.MyCartWholesale {
  float: left;
  width: 10%;
  min-height: 10px;
  overflow: hidden;
}

.MyCartRemove {
  float: left;
  width: 5%;
  overflow: hidden;
  text-align: center;
  padding: 0px 0 0 15px;
}

.MyCartYourPrice {
  float: left;
  width: 10%;
  overflow: hidden;
  min-height: 10px;
  font-weight: 700;
}

.MyCartQuantity {
  float: left;
  width: 5%;
  overflow: hidden;
  min-height: 10px;
  text-align: left;
}

.MyCartQuantityh {
  float: left;
  width: 5%;
  overflow: hidden;
  min-height: 10px;
  text-align: left;
}

.MyCartSupplied {
  float: left;
  width: 8%;
  overflow: hidden;
  min-height: 10px;
  text-align: center;
}

.Qtytxtbox {
  text-align: center;
}

.MyCartTotal {
  float: left;
  width: 8%;
  overflow: hidden;
  text-align: right;
  min-height: 10px;
}

.MyCartImage img {
  width: 5%;
}

.checkoutDelivery {
  float: left;
  width: 90%;
  height: 300px;
  border: 1px solid #e6e6e6;
  padding: 10px;
  margin: 0 auto;
  font-size: 10px;
  line-height: 10px;
}

.checkoutBuyersDetails {
  float: left;
  width: 90%;
  height: 300px;
  border: 1px solid #e6e6e6;
  padding: 10px;
  margin: 0 auto;
}

.checkoutBuyersDetails textarea {
  border: 1px solid #dedede;
}

.checkoutOrderOptions {
  float: left;
  width: 90%;
  height: 300px;
  border: 1px solid #e6e6e6;
  padding: 10px;
  margin: 0 auto;
}

.checkoutDeliveryOptions {
  float: left;
  width: 90%;
  height: 300px;
  border: 1px solid #e6e6e6;
  padding: 10px;
  margin: 0 auto;
}

.checkoutLowerButtons {
  float: left;
  width: 100%;
  height: 20px;
}

.MyCart_Header {
  color: #66b2d5;
  font-weight: 700;
}

.CheckoutDealerWrapper {
  display: none;
}

.OrderRowLabel {
  font-weight: 700;
}

.DPSCheckHolder {
  float: left;
  width: 100%;
}

.CheckoutTabDIV .threepaneholder {
  overflow: hidden;
  width: 50%;
  margin: 0 auto;
}

.redbar_prevOnly {
  color: #fff;
  height: 42px;
  width: 100%;
  background: #f58220;
  background-position-x: 10px;
}

.redbar {
  color: #fff;
  height: 42px;
  width: 100%;
  background: #f58220;
}

.redbar div {
  float: left;
}

.redbar div input,
.redbar div select,
.redbar div span {
  display: block;
  float: left;
  margin-right: 10px;
}

.redbar div select {
  background: #f58220;
  border: none;
  color: #fff;
  margin-top: 1px;
  font-weight: 700;
}

.OrderOptionsRadio {
  font-size: 10px;
}

.CheckOutRadio {
  font-size: 11px;
}

.DPSCheckHolder .TwoPaneLeftHolder {
  float: left;
  min-width: 50%;
  text-align: left;
}

.DPSCheckHolder .TwoPaneRightHolder {
  width: 28% !important;
  float: left;
}

.DPSCheckHolder .TwoPaneInnerHolder {
  float: left;
  width: 100%;
  min-height: 20px;
}

.DPSCheckHolder .RightAlign {
  text-align: right;
}

.SaveAsList,
.checkoutLowerButtons input {
  border: none;
  background: #f58220;
  color: #000;
  max-width: 75px;
  font-weight: 700;
  font-family: "Open Sans", "Open Sans", Arial, Helvetica, sans-serif;
}

input.TransparentCheckoutButton {
  display: block;
  background: url(images/transparent.png) no-repeat center right;
  cursor: pointer;
  height: 42px;
  width: 120px;
  color: #fff !important;
  font-size: 14px;
  line-height: 42px;
  border: none;
  margin-right: 0 !important;
  text-align: left;
  padding-left: 20px;
  font-weight: 700;
}

.SaveAsControlMobileLine {
  float: left;
}

.SaveAsControlWrapper {
  margin-top: 12px;
}

.PriceModeSwitch {
  float: right;
  position: absolute;
  text-transform: uppercase;
  background: #fff;
  right: 0px;
  border: 1px solid #ddd;
  padding: 4px 5px 5px 10px !important;
  width: 385px;
  margin-top: 0px !important;
  top: 55px;
}

.PriceModeSwitch span {
  /*width:100%;display:block;text-transform:uppercase*/
  width: 40% !important;
  float: left !important;
}

.PriceModeSwitch div {
  /*float:left;width:30%*/
  float: left !important;
  width: 20% !important;
}

.ModWillStrohlContentSliderC {
  position: relative;
}

.wnsSliderPagerItemLink {
  background: url(../../../_default/SkinObjects/SliderNavOff.png) no-repeat 0
    transparent;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.activeSlide .wnsSliderPagerItemLink {
  background: url(../../../_default/SkinObjects/SliderNavOn.png) no-repeat 0
    transparent !important;
}

ol.wnsSliderPager {
  position: absolute;
  right: 5%;
  z-index: 100;
  bottom: 5%;
}

.recentlyProductRow,
.relatedProductRow {
  overflow: auto;
  padding-left: 10px;
  width: 100%;
}

.recentlyProductWrapper {
  width: 95%;
  margin: 0 auto;
}

.RelateProductSV .relatedProductRow,
.RelateProductSV td .recentlyProductRow,
.EmailSettingWrapper {
  border: 1px solid #666 !important;
  padding: 3% !important;
  width: 94%;
  margin-bottom: 5px;
}

.lblEmailNotificationHeader {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
  display: inline-block;
}

.lblEmailNotificationNote {
  margin-bottom: 10px;
  font-size: 11px;
  display: inline-block;
}

.recentlyProductHeader,
.RelatedProductsHeader {
  display: block;
  border: 1px solid #666;
  background: #f58220;
  color: #000;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 5px;
  text-align: center;
}

.recentlyProductImg,
.RelatedProductImg {
  width: 100px;
  height: 100px;
  max-height: 100px;
  margin-left: 0 !important;
  float: left;
}

.recentlyProductHolder,
.RelatedProductHolder {
  margin-left: 10px;
  float: left;
  width: 55%;
}

.recentlyProductHolder a,
.RelatedProductHolder a {
  color: #f49a4d !important;
}

.ProductNameLink {
  margin-left: 0 !important;
  font-weight: 700;
  padding-right: 10px;
  display: inline-block;
}

.megaCSS3menu li {
  min-width: 10% !important;
}

.megaCSS3menu li a.megaactive {
  color: #f58220;
}

.SearchHolder {
  padding-bottom: 15px;
}

.loginWrapper {
  height: 150px;
  position: relative;
}

.loginWrapper .LoginPanel {
  width: 90% !important;
  height: 150px;
}

.loginWrapper .dnnFormItem {
  text-align: right;
}

.loginWrapper .dnnFormItem > label.dnnFormLabel {
  display: inline-block;
  margin: 6px 5px 0 0;
  width: 30%;
  text-align: right;
  font-weight: 700;
  text-transform: uppercase;
}

.loginWrapper .dnnLoginService input[type="text"],
.loginWrapper .dnnLoginService input[type="password"] {
  width: 150px !important;
  min-width: 150px !important;
  margin-bottom: 5px;
  padding: 3px !important;
  border-radius: 0 !important;
}

.loginWrapper .dnnPrimaryAction,
.loginWrapper .dnnSecondaryAction,
.headerLink {
  border: none;
  background: none;
  color: #333;
  text-shadow: none;
  box-shadow: none;
  padding: 0;
  text-align: left;
  text-decoration: underline !important;
  margin: 0;
  display: inline-block;
  width: 155px;
  font-weight: 400;
}

#dnn_ctr490_Login_Login_DNN_passwordLink {
  color: #f58220 !important;
}

.loginWrapper .dnnPrimaryAction:hover,
.loginWrapper .dnnSecondaryAction:hover {
  border: none;
  background: none;
  color: #f58220;
  text-shadow: none;
  box-shadow: none;
  padding: 0;
}

.loginWrapper .dnnSecondaryAction {
  width: 150px;
}

.loginWrapper .dnnLoginRememberMe {
  display: inline-block;
  width: 160px;
  margin-left: 30%;
  font-weight: 700;
  text-align: left;
}

.loginWrapper .dnnActions {
  padding: 0;
}

.loginWrapper .dnnActions li {
  float: none;
}

.headerLoginWrapper {
  height: 150px;
}

.loginWrapper .dnnFormMessage {
  position: absolute;
  width: 30%;
  padding: 10px 10px 10px 40px;
  margin: 0;
  left: 15%;
  bottom: 0px;
}

.BackOrderYes,
.BackOrderNo {
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 10px;
}

.BackOrderNo {
  background: url(../../skinobjects/Cross_red.png) no-repeat;
  background-size: 10px;
  -moz-background-size: 10px;
  -o-background-size: 10px;
  -webkit-background-size: 10px;
}

.BackOrderYes {
  background: url(../../skinobjects/Yestick.png) no-repeat;
  background-size: 10px;
  -moz-background-size: 10px;
  -o-background-size: 10px;
  -webkit-background-size: 10px;
}

.wns-slideshow-wrapper {
  z-index: 0 !important;
  height: 325px;
}

.GreyDealerText {
  display: none;
}
/*[type="radio"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
[type="radio"] + label:before{content:'';display:inline-block;width:1em;height:1em;vertical-align:-.25em;border-radius:1em;border:1px solid; margin-right:.3em;-webkit-transition:.5s ease all;transition:.5s ease all}
[type="radio"]:checked + label:before{background:#f58220;}*/
.Dashbord_Info td > .dnnLabel {
  width: 120px !important;
  padding-right: 10px !important;
  margin: 0 !important;
}

#DetailedLogAutocompleteResult {
  border: 1px solid #ddd;
  background: #fff;
  cursor: default;
  text-align: left;
  max-height: 350px;
  overflow-x: hidden;
  margin: 18px 6px 6px 0 !important;
  _height: 350px;
  _margin: 0;
  _overflow-x: hidden;
}

.autocomplete .selected {
  background: #f0f0f0;
}

.autocomplete div {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
}

.autocomplete div:hover {
  background: #666;
  color: #fff;
}

.auto-style1 {
  width: 50px;
  height: 16px;
}

.auto-style2 {
  width: 80px;
  height: 16px;
}

.auto-style3 {
  width: 110px;
  height: 16px;
}

.auto-style4 {
  width: 100px;
  height: 16px;
}

.ui-autocomplete-category {
  font-weight: 700;
  margin: 0.8em 0 0.2em;
  line-height: 1.5;
  font-size: 14px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
}

.ui-autocomplete-loading {
  background: #fff url(/images/ui-anim_basic_16x16.gif) right center no-repeat;
}

.ui-helper-hidden-accessible {
  display: none;
}

#DetailedLogAutocompleteContainer {
  position: relative;
}

#DetailedLogAutocompleteContainer .autocomplete-w1 {
  background: url(img/shadow.png) no-repeat bottom right;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 0 1px;
  _background: none;
  _margin: 1px 0 0 0;
  font-size: 10px;
}

.SearchErrorMsg {
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  color: #fff;
  padding: 10px;
  position: absolute;
  white-space: nowrap;
  z-index: 2;
  top: -30px;
  left: 10px;
  cursor: pointer;
}
.SearchErrorMsg:before {
  content: "";
  position: absolute;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 5%;
  margin-left: -5px;
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}
/* NEW AUTOCOMPLETE STYLE */
.AutocompleteImageHolder {
  display: inline-block;
  height: 50px;
  width: 50px;
  vertical-align: top;
  float: left;
}
.AutocompleteProductIdName {
  display: inline-block;
  width: 390px;
  padding-left: 5px;
  float: left;
}
.AutocompletePrice {
  display: inline-block;
  width: 90px;
  padding-top: 0px;
  float: left;
}
.AutocompleteInStockBackorder {
  /*display: inline-block; height: 10px; width: 100px; padding-left: 10px;*/
  float: left;
}
.AutocompleteLeft {
  display: inline-block;
  width: 50px;
}
.AutocompleteLine {
  /*height: 10px;*/
  font-size: 11px;
  width: 60px;
}
.AutocompleteLine > .BackOrderYes,
.AutocompleteLine > .BackOrderNo {
  display: inline-block;
  margin: 0;
}
.AutocompletePrice .lblTax {
  width: 100%;
  display: inline-block;
  font-size: 0.8em;
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; /* prevent horizontal scrollbar */
  border: 1px solid #ddd;
  background: #b2b2b2;
  z-index: 1000; /*over the menu*/
}
li.ui-menu-item {
  height: 1.5em;
  overflow: hidden;
  line-height: 1.5em;
  border-bottom: 1px solid #ddd;
  padding: 5px 0px 5px 5px;
  list-style: none;
}
.ProductDetailsInfoHolder {
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin-left: 20px;
  margin-top: 10px;
}
.ProductDetailsInfoHolder
  > .AutocompleteInStockBackorder
  > .AutocompleteLine
  > .AutocompleteLeft {
  width: 60px;
}
.lblAutoCompleteProductId {
  font-weight: 700;
  text-overflow: ellipsis;
  width: 30%;
  padding-right: 10px; /*display: block;display: inline-block;*/
  overflow: hidden;
  white-space: nowrap;
}
.lblAutoCompleteProductName {
  font-size: 11px; /*display: block; width: 70%; height: 2em; line-height: 1em; overflow: hidden;*/
}

.ui-menu-item:hover {
  background-color: #6591c0;
}

.ui-menu-item:hover > a {
  color: #fff !important;
}

.searchWrapper span,
.searchBoxHolder,
.searchWrapper input {
  float: left;
}

.searchBoxHolder {
  margin-right: 10px;
}

.searchWrapper .ui-autocomplete {
  width: 177px !important;
}

.ui-autocomplete {
  display: block;
}

.searchWrapper {
  width: 100%;
  float: left;
  padding-top: 5px;
}

.FilterOptionsHolder span,
.searchLabel {
  width: 120px;
  display: inline-block;
}

.MySearchTest {
  border: 2px inset;
  margin-left: 2px;
}

.btn_ViewLink {
  width: 30px;
  height: 30px;
  display: block;
  background: url(/portals/_default/skins/foxgunn/images/Icon_search_black.png)
    no-repeat 0 50%;
  /*background-size: 25px;*/
  background-size: 14px;
  margin: 0 auto;
}

#brand_accordion .ui-accordion-header {
  border-bottom: 1px solid #333;
  padding-bottom: 15px;
  background: url("/portals/_default/skins/foxgunn/images/down-arrow.png")
    no-repeat;
  background-position: 100% 50%;
  background-size: 15px !important;
}

#brand_accordion　 .ui-accordion-header-active,
.ui-state-active {
  background: url("/portals/_default/skins/foxgunn/images/up-arrow.png")
    no-repeat;
  background-position: 100% 50% !important;
  background-size: 15px !important;
}

.brand_main_header {
  color: #f58220;
  font-size: 26px;
  font-weight: 700;
  font-style: italic;
  display: block;
  padding: 30px;
  text-align: center;
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}

.contact_div {
  width: 100%;
  overflow: hidden;
}

.contact_listwrapper,
.contact_mapwrapper {
  width: 49%;
  padding-right: 1%;
  float: left;
}

.contact_info {
  width: 30%;
  padding-right: 1%;
  float: left;
}

.contact_info p {
  display: block;
}

.contact_icon {
  padding: 0px 0px 20px 65px;
  background-size: 50px !important;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}

.contact_listwrapper ul {
  list-style: none;
  margin: 0;
}

.orangeHr {
  border: 1px solid #f58220;
  margin: 40px 0px;
}

.contact_icon_person {
  background: url("/portals/_default/skins/foxgunn/images/icon_person.png")
    no-repeat;
  display: block;
  width: 50%;
  background-size: 50px !important;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 65px;
  height: 60px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}

.contact_icon_PO {
  background: url("/portals/_default/skins/foxgunn/images/icon_PO.png")
    no-repeat;
}

.contact_icon_ADD {
  background: url("/portals/_default/skins/foxgunn/images/icon_address.png")
    no-repeat;
}

.contact_icon_FAX {
  background: url("/portals/_default/skins/foxgunn/images/icon_fax.png")
    no-repeat;
}

.contact_icon_GE {
  background: url("/portals/_default/skins/foxgunn/images/icon_email.png")
    no-repeat;
}

.contact_icon_CS {
  background: url("/portals/_default/skins/foxgunn/images/icon_phone.png")
    no-repeat;
}

.contact_icon_HOUR {
  background: url("/portals/_default/skins/foxgunn/images/icon_hours.png")
    no-repeat;
}

.secondary_button_std {
  background: none;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  transition: 0.5s ease;
}

.secondary_button_std:hover {
  text-decoration: none;
  color: #000 !important;
}

/*
.dnnFormMessage.dnnFormError, .dnnFormMessage.dnnFormValidationSummary {
    display:none;
}
*/

.RelateProductFV {
  width: 100%;
}

.RelateProductFV .RecentlyViewHeader div,
.RelateProductFV .RecentlyViewRow div {
  float: left;
  word-break: break-word;
}

.RelateProductFV .RecentlyViewHeader div {
  border-bottom: 1px solid #aaa;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #f58220;
  line-height: 1.2em;
  padding-bottom: 5px;
  height: 20px;
}

.RelateProductFV .recentlyProductImgHolder {
  width: 15%;
  padding-top: 15px;
  padding-right: 2%;
}

.RelateProductFV .ProductCodeHolder {
  width: 20%;
  padding-top: 15px;
  padding-right: 2%;
  min-height: 10px;
}

.RelateProductFV .ProductNameLinkHolder {
  min-height: 10px;
  width: 35%;
  padding-top: 15px;
  padding-right: 2%;
}

.RelateProductFV .recentlyLinkHolder {
  padding-top: 15px;
  padding-right: 2%;
  width: 20%;
}

.btn_print {
  display: none !important;
}

.ReoccuringOrderCell_Code {
  width: 25%;
}

.ReoccuringOrderCell_Name {
  width: 35%;
}

.ReoccuringOrderCell_RRP {
  width: 10%;
}

.ReoccuringOrderCell_Disc {
  width: 10%;
}

.ReoccuringOrderCellYourPrice {
  width: 10%;
}

.ReoccuringOrderCell_Qty {
  width: 10%;
}

.Addtowishlist_Btn {
  text-align: center;
  width: 100%;
  display: inline-block;
  font-weight: 700;
}

.CartProductList_Table {
  margin-top: 20px;
}

.CartProductList_Table td {
  float: left;
  width: 26%;
  margin-right: 4%;
  margin-bottom: 5%;
  background-color: #fff;
  text-align: center;
}

.linkasbutton {
  background-color: transparent;
  text-decoration: underline;
  border: none;
  color: black;
  cursor: pointer;
}

.pinktext {
  color: #ff00ff;
}

.Greybutton {
  font: bold 14px Arial;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #cccccc;
}

.redtext {
  color: red;
}

tr.OrangeTable {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #323232;
  border: 1px solid white;
  border-bottom: 0px solid #ffffff;
  text-align: center;
}

tr.OrangeTable th {
  color: white;
  background-color: #f58220;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid white;
  text-transform: uppercase;
}

tr.OrangeTable td:first-child {
  border-left: 0px solid white;
  border-right: 1px solid #f58220;
}

tr.OrangeTable td {
  background-color: white;
  border-right: 1px solid #f58220;
  padding-left: 35px;
}

tr.OrangeTable td:last-child {
  border-right: 0px solid white;
}

tr.OrangeTable.Alternating td {
  background-color: #dfead6;
  border-right: 1px solid #5d9732;
}

.padding5px td {
  padding: 8px;
}

.brand_list div {
  display: block;
  min-height: 80px;
  float: left;
  width: 24%;
  padding-right: 1%;
}

.brand_list {
  overflow: hidden;
  padding-top: 20px;
}

.PriceModeLabel {
  position: absolute;
  right: 0;
  top: 50px;
  display: none;
}

.lbtnRemoveKeyword {
  background: none;
  font-size: 15px;
  font-weight: 700;
  font-family: "Open Sans", "Open Sans", Arial, Helvetica, sans-serif;
  padding: 5px 0px 5px 10px;
  width: 100%;
  text-align: left;
  border: none !important;
}

.lbtnRemoveKeyword:hover {
  border: 1px solid #f58220 !important;
  color: #f58220;
}

.lblIsRange {
  display: none;
}

.SaveASHolder {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  line-height: 32px;
  color: #000;
  background: #f58220;
  text-transform: uppercase;
  padding: 0px 5px;
  margin-right: -5px;
}

.SaveASHolder .Greybutton {
  width: 75px;
}

.AddtoButton {
  float: right;
  background: #f58220;
  height: 32px;
  border: none;
  padding: 0 10px;
  font-weight: 700;
}

.PromoHolder {
  width: 40%;
  height: 0;
  padding-bottom: 40%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

.PromoHolder:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-right: 80px solid transparent;
  border-bottom: 80px solid #f49a4d;
}

.PromoHolder span {
  position: absolute;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  bottom: 16%;
  left: 0%;
  font-size: 14px;
  font-weight: 700;
  width: 60px;
  line-height: 14px;
}

.dnnFormMessage {
  padding: 2% 1% 2% 8%;
  color: #fff;
  width: 91%;
  text-align: left;
  margin: 10px auto;
  border-radius: 5px;
}

.dnnFormWarning {
  background: url(/Portals/_default/skinobjects/warning.png) no-repeat left
    #f39c12 !important;
  border: none;
  background-size: 20px !important;
  -moz-background-size: 20px !important;
  -o-background-size: 20px !important;
  -webkit-background-size: 20px !important;
  background-position-x: 3% !important;
}

.dnnFormValidationSummary {
  background: url(/Portals/_default/skinobjects/No_sign.png) no-repeat left
    #e74c3c !important;
  border: none;
  background-size: 20px !important;
  -moz-background-size: 20px !important;
  -o-background-size: 20px !important;
  -webkit-background-size: 20px !important;
  background-position-x: 3% !important;
}

.dnnFormSuccess {
  background: url(/Portals/_default/skinobjects/success.png) no-repeat left
    #2db069 !important;
  border: none;
  background-size: 20px !important;
  -moz-background-size: 20px !important;
  -o-background-size: 20px !important;
  -webkit-background-size: 20px !important;
  background-position-x: 3% !important;
}

.dnnFormInfo {
  background: url(/Portals/_default/skinobjects/info.png) no-repeat left #2980b9 !important;
  border: none;
  background-size: 20px !important;
  -moz-background-size: 20px !important;
  -o-background-size: 20px !important;
  -webkit-background-size: 20px !important;
  background-position-x: 3% !important;
}

.span3 .dnnFormMessage {
  padding: 2% 1% 2% 15%;
  width: 87%;
}

.recentlyProductWrapper {
  padding-top: 10px;
}

.span3 .DnnModule {
  margin-bottom: 25px;
}

.RedPromo {
  color: red;
  font-weight: 700;
}

.CategoryItem[data-level="1"],
.CategoryItem[data-level="2"],
.CategoryItem[data-level="3"],
.CategoryItem[data-level="4"],
.CategoryItem[data-level="5"],
.BrowseCategoryItem[data-level="1"],
.BrowseCategoryItem[data-level="2"],
.BrowseCategoryItem[data-level="3"],
.BrowseCategoryItem[data-level="4"],
.BrowseCategoryItem[data-level="5"] {
  font-size: 11px;
  padding: 3px 0px 3px 10px;
  min-height: 10px;
}

.CategoryItem[data-level="1"] a,
.CategoryItem[data-level="2"] a,
.CategoryItem[data-level="3"] a,
.CategoryItem[data-level="4"] a,
.CategoryItem[data-level="5"] a,
.BrowseCategoryItem[data-level="1"] a,
.BrowseCategoryItem[data-level="2"] a,
.BrowseCategoryItem[data-level="3"] a,
.BrowseCategoryItem[data-level="4"] a,
.BrowseCategoryItem[data-level="5"] a {
  font-size: 11px;
  display: list-item;
  list-style-position: inside;
}

.CategoryItem[data-level="3"] a,
.CategoryItem[data-level="4"] a,
.CategoryItem[data-level="5"] a,
.BrowseCategoryItem[data-level="3"] a,
.BrowseCategoryItem[data-level="4"] a,
.BrowseCategoryItem[data-level="5"] a {
  text-transform: uppercase;
  font-weight: 400;
}

.EmailSettingLine {
  width: 70%;
  padding: 3px 0px;
  overflow: hidden;
}

.EmailSettingLine span {
  width: 70%;
  font-weight: 700;
  text-align: left;
}

.EmailSettingLine input {
  text-align: right;
  float: right;
}

.pnlLastPurchased {
  margin-top: 15px;
}

.SaveAsLabel {
  font-weight: 700;
}

.lblExclGST_B2C {
  line-height: 32px;
  font-weight: 700;
  font-family: "Open Sans", "Open Sans", Arial, Helvetica, sans-serif;
}

button.dnnPrimaryAction {
  color: #000 !important;
  text-transform: uppercase;
  border-color: #f58220;
  background: #f49a4d;
  background: -webkit-linear-gradient(top, #f49a4d, #f58220);
  background: -moz-linear-gradient(top, #f49a4d, #f58220);
  background: -ms-linear-gradient(top, #f49a4d, #f58220);
  background: -o-linear-gradient(top, #f49a4d, #f58220);
  background: linear-gradient(to bottom, #f49a4d, #f58220);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6),
    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6),
    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
  color: #efefef;
  text-shadow: 0px -1px 0px #185b93;
}

.MobileNavPane {
  display: none;
  overflow: hidden;
}

#MBMenuWrapper {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 99999;
  margin-top: 60px;
}

.MBMenuBtn {
  height: 55px;
}

.SpeedyDropDown .nav > li:not(.current) > a {
  background-color: transparent;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.SpeedyDropDown .nav > li > a:hover {
  background-color: #f58220;
  border-color: rgb(255, 255, 255);
  color: #fbf7f7;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.nav > li {
  display: block;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.SpeedyDropDown .nav > li.current > a,
.nav li.current > a {
  background-color: #f58220 !important;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.nav li.current > a {
  background-color: inherit;
  color: #fff;
  border-radius: 4px;
}

.navbar-toggle {
  position: relative;
  float: left;
  padding: 9px 10px;
  margin: 8px;
  background-color: #333333;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
  background: #fff;
}

.nav {
  float: left;
  width: 100%;
}

.nav,
.nav ul {
  list-style: none outside none;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.Mbmenu .nav > li {
  float: none;
  width: 100%;
  margin: 0;
}

.nav > li {
  float: left;
  text-align: left;
  -moz-transition: all 300ms ease-in-out 0s;
  -ms-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  list-style: none;
}

.nav > li > a {
  color: #ffffff;
  display: block;
  margin-right: 3px;
  line-height: 30px;
  padding: 0px 10px 3px 10px;
  font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  font-size: 1.1em;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 28px;
}

.nav li a {
  display: block;
  text-decoration: none;
  -moz-transition: color 450ms ease-in-out 0s,
    background-color 450ms ease-in-out 0s;
  -ms-transition: color 450ms ease-in-out 0s,
    background-color 450ms ease-in-out 0s;
  -o-transition: color 450ms ease-in-out 0s,
    background-color 450ms ease-in-out 0s;
  -webkit-transition: color 450ms ease-in-out 0s,
    background-color 450ms ease-in-out 0s;
  transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
  white-space: normal;
}

.nav > li li {
  list-style: none;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.SpeedyDropDown .nav > li ul.subs,
ul.Dropdown ul.subs {
  background: #ffffff;
  border-bottom: 4px solid #f58220;
}

.SpeedyDropDown .nav > li > ul.subs {
  background-color: #ffffff;
  color: #333333;
  border-bottom: 4px solid #f58220;
  display: none;
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
}

.Dropdown li a {
  color: inherit;
  line-height: 32px;
  padding: 0 10px;
  transition: all 0.5s ease;
  margin-botton: 2px;
}

ul.Dropdown {
  width: 197px;
  padding: 0px;
  position: absolute;
  box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
  -webkit-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
  behavior: url(/Portals/_default/Skins/Mirror/PIE.htc);
}

.nav,
.nav ul {
  list-style: none outside none;
}

.Checkout_btns_Wrapper {
  margin-bottom: 40px;
  display: block;
  overflow: hidden;
}

.Checkout_Info_Wrapper {
  width: 100%;
}

.Checkout_Info_Wrapper_left {
  width: 45%;
  padding-left: 50px;
  float: left;
}

.Checkout_Info_Wrapper_right {
  width: 45%;
  text-align: right;
  padding-right: 50px;
  float: left;
}

.Checkout_SaveAs_Wrapper {
  width: 100%;
  padding-bottom: 10px;
  overflow: hidden;
}

.Checkout_SaveAs_Inner {
  float: left;
  width: 33%;
  margin-top: 15px;
  overflow: hidden;
  height: 3.5em;
}

.OrderDetailsTable {
  width: 600px;
}

.MyCartInnerSubWrapper {
  padding-left: 75%;
  width: auto;
  font-size: 10px;
}

.ViewLink_wrapper {
  width: 100px;
}

.PasswordlinkWrapper {
  width: 100%;
  clear: both;
}

.dnnFormItem > .dnnLabel {
  margin-top: 5px;
  width: 100%;
  text-align: left !important;
  margin-bottom: 5px;
}

.dnnFormItem > .dnnLabel a.dnnFormHelp {
  position: relative !important;
  margin-left: 5px !important;
}

.dnnFormItem > .dnnLabel .dnnTooltip {
  left: 0 !important;
}

.dnnTooltip .dnnFormHelpContent span:after,
.dnnHelperTip .dnnFormHelpContent span:after {
  bottom: -6px !important;
}

.gvLastPurchased td {
  padding-top: 5px;
}

/* Homepage for Mobile */
@media only screen and (max-width: 426px) {
  .brand_list {
    display: none;
  }
}

/* custom fox gunn menu */
#foxgunn-menu {
  list-style: none;
  margin: 0px auto 0px auto;
  height: 43px;
  padding: 0px 0px 0px 0px;
  background: #656261;
  border-bottom: 2px groove #666;
  float: none;
}

#foxgunn-menu li {
  float: left;
  text-align: center;
  position: relative;
  padding: 0 10px;
  height: 41px;
  border: 2px outset #999;
  min-width: 10%;
  text-align: center !important;
  background: #656261;
  -webkit-transition: none;
  transition: none;
}

#foxgunn-menu li:hover {
  background: #f58220 !important;
}

#foxgunn-menu li:hover a {
  color: #000;
}

#foxgunn-menu li a {
  margin-bottom: 0;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  border-radius: 0;
  display: initial;
  line-height: 45px;
}

#foxgunn-menu li.active a {
  color: #f58220;
}

#foxgunn-menu li.current > a {
  background-color: #656261 !important;
}

#foxgunn-menu li.active:hover > a,
#foxgunn-menu li:hover a {
  color: #000;
  background-color: #f58220 !important;
}

#foxgunn-menu li ul.subs {
  background-color: #656261;
  top: auto;
  border: 1px solid #aaaaaa;
  padding: 10px;
  text-align: left;
}

#foxgunn-menu li ul.subs li {
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  text-align: left !important;
  border: none;
  height: auto;
  width: 100%;
}

#foxgunn-menu li ul.subs li a {
  font-size: 12px;
  line-height: 24px;
  padding: 0 10px;
  display: block;
}

#foxgunn-menu li:hover ul.subs li a {
  color: #fff;
  background-color: #656261 !important;
}

#foxgunn-menu li:hover ul.subs li a:hover {
  background-color: #f58220 !important;
}