/*@font-face {
	font-family: 'LiberationSansRegular';
	src: url('../fonts/LiberationSans-Regular-webfont.eot');
	src: url('../fonts/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/LiberationSans-Regular-webfont.ttf') format('truetype'),
	url('../fonts/LiberationSans-Regular-webfont.woff') format('woff'),
	url('../fonts/LiberationSans-Regular-webfont.svg#LiberationSansRegular') format('svg');
	@include font-normal;
}*/
/*@font-face {
	font-family: 'LiberationSansItalic';
	src: url('../fonts/LiberationSans-Italic-webfont.eot');
	src: url('../fonts/LiberationSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/LiberationSans-Italic-webfont.ttf') format('truetype'),
	url('../fonts/LiberationSans-Italic-webfont.woff') format('woff'),
	url('../fonts/LiberationSans-Italic-webfont.svg#LiberationSansItalic') format('svg');
	@include font-normal;
}*/
/*@font-face {
	font-family: 'LiberationSansBold';
	src: url('../fonts/LiberationSans-Bold-webfont.eot');
	src: url('../fonts/LiberationSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/LiberationSans-Bold-webfont.ttf') format('truetype'),
	url('../fonts/LiberationSans-Bold-webfont.woff') format('woff'),
	url('../fonts/LiberationSans-Bold-webfont.svg#LiberationSansBold') format('svg');
	@include font-normal;
}*/
/*@font-face {
	font-family: 'LiberationSansBoldItalic';
	src: url('../fonts/LiberationSans-BoldItalic-webfont.eot');
	src: url('../fonts/LiberationSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/LiberationSans-BoldItalic-webfont.ttf') format('truetype'),
	url('../fonts/LiberationSans-BoldItalic-webfont.woff') format('woff'),
	url('../fonts/LiberationSans-BoldItalic-webfont.svg#LiberationSansBoldItalic') format('svg');
	@include font-normal;
}*/
@font-face {
  font-family: 'TeXGyreTermesRegular';
  src: url("../fonts/TexGyres/texgyretermes-regular-webfont.eot");
  src: url("../fonts/TexGyres/texgyretermes-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/TexGyres/texgyretermes-regular-webfont.ttf") format("truetype"), url("../fonts/TexGyres/texgyretermes-regular-webfont.woff") format("woff"), url("../fonts/TexGyres/texgyretermes-regular-webfont.svg#TeXGyreTermesRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TeXGyreTermesItalic';
  src: url("../fonts/TexGyres/texgyretermes-italic-webfont.eot");
  src: url("../fonts/TexGyres/texgyretermes-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/TexGyres/texgyretermes-italic-webfont.ttf") format("truetype"), url("../fonts/TexGyres/texgyretermes-italic-webfont.woff") format("woff"), url("../fonts/TexGyres/texgyretermes-italic-webfont.svg#TeXGyreTermesItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
	font-family: 'TeXGyreTermesBold';
	src: url('../fonts/texgyretermes-bold-webfont.eot');
	src: url('../fonts/texgyretermes-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/texgyretermes-bold-webfont.ttf') format('truetype'),
	url('../fonts/texgyretermes-bold-webfont.woff') format('woff'),
	url('../fonts/texgyretermes-bold-webfont.svg#TeXGyreTermesBold') format('svg');
	@include font-normal;
}
*/
/*@font-face {
    font-family: 'texgyreherosbold';
    src: url('../fonts/texgyreheros-bold-webfont.eot');
    src: url('../fonts/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros-bold-webfont.svg#texgyreherosbold') format('svg');
    	@include font-normal;
}*/
/*@font-face {
    font-family: 'texgyreherosbold_italic';
    src: url('../fonts/texgyreheros-bolditalic-webfont.eot');
    src: url('../fonts/texgyreheros-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros-bolditalic-webfont.woff') format('woff'),
         url('../fonts/texgyreheros-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros-bolditalic-webfont.svg#texgyreherosbold_italic') format('svg');
		@include font-normal;
}*/
/*@font-face {
    font-family: 'texgyreherositalic';
    src: url('../fonts/texgyreheros-italic-webfont.eot');
    src: url('../fonts/texgyreheros-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros-italic-webfont.woff') format('woff'),
         url('../fonts/texgyreheros-italic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros-italic-webfont.svg#texgyreherositalic') format('svg');
			@include font-normal;
}*/
/*@font-face {
    font-family: 'texgyreherosregular';
    src: url('../fonts/texgyreheros-regular-webfont.eot');
    src: url('../fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
		@include font-normal;
}*/
/*@font-face {
    font-family: 'texgyreheroscnbold';
    src: url('../fonts/texgyreheroscn-bold-webfont.eot');
    src: url('../fonts/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheroscn-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheroscn-bold-webfont.svg#texgyreheroscnbold') format('svg');
		@include font-normal;
}*/
/*@font-face {
    font-family: 'texgyreheroscnbold_italic';
    src: url('../fonts/texgyreheroscn-bolditalic-webfont.eot');
    src: url('../fonts/texgyreheroscn-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheroscn-bolditalic-webfont.woff') format('woff'),
         url('../fonts/texgyreheroscn-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheroscn-bolditalic-webfont.svg#texgyreheroscnbold_italic') format('svg');
		@include font-normal;
}*/
/*@font-face {
    font-family: 'texgyreheroscnitalic';
    src: url('../fonts/texgyreheroscn-italic-webfont.eot');
    src: url('../fonts/texgyreheroscn-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheroscn-italic-webfont.woff') format('woff'),
         url('../fonts/texgyreheroscn-italic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheroscn-italic-webfont.svg#texgyreheroscnitalic') format('svg');
		@include font-normal;
}*/
/*@font-face {
    font-family: 'texgyreheroscnregular';
    src: url('../fonts/texgyreheroscn-regular-webfont.eot');
    src: url('../fonts/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheroscn-regular-webfont.svg#texgyreheroscnregular') format('svg');
		@include font-normal;
}*/
/*@font-face {
	font-family: 'aleobold';
	src: url('../fonts/aleo-bold-webfont.eot');
	src: url('../fonts/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/aleo-bold-webfont.woff') format('woff'),
	url('../fonts/aleo-bold-webfont.ttf') format('truetype'),
	url('../fonts/aleo-bold-webfont.svg#aleobold') format('svg');
	@include font-normal;
}*/
/*@font-face {
	font-family: 'aleobolditalic';
	src: url('../fonts/aleo-bolditalic-webfont.eot');
	src: url('../fonts/aleo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/aleo-bolditalic-webfont.woff') format('woff'),
	url('../fonts/aleo-bolditalic-webfont.ttf') format('truetype'),
	url('../fonts/aleo-bolditalic-webfont.svg#aleobolditalic') format('svg');
	@include font-normal;
}*/
/*@font-face {
	font-family: 'aleoitalic';
	src: url('../fonts/aleo-italic-webfont.eot');
	src: url('../fonts/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/aleo-italic-webfont.woff') format('woff'),
	url('../fonts/aleo-italic-webfont.ttf') format('truetype'),
	url('../fonts/aleo-italic-webfont.svg#aleoitalic') format('svg');
	@include font-normal;
}*/
@font-face {
  font-family: 'aleolight';
  src: url("../fonts/aleo-light-webfont.eot");
  src: url("../fonts/aleo-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-light-webfont.woff") format("woff"), url("../fonts/aleo-light-webfont.ttf") format("truetype"), url("../fonts/aleo-light-webfont.svg#aleolight") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
	font-family: 'aleolightitalic';
	src: url('../fonts/aleo-lightitalic-webfont.eot');
	src: url('../fonts/aleo-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/aleo-lightitalic-webfont.woff') format('woff'),
	url('../fonts/aleo-lightitalic-webfont.ttf') format('truetype'),
	url('../fonts/aleo-lightitalic-webfont.svg#aleolightitalic') format('svg');
	@include font-normal;
}*/
@font-face {
  font-family: 'aleoregular';
  src: url("../fonts/aleo-regular-webfont.eot");
  src: url("../fonts/aleo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-regular-webfont.woff") format("woff"), url("../fonts/aleo-regular-webfont.ttf") format("truetype"), url("../fonts/aleo-regular-webfont.svg#aleoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
	font-family: 'aleoitalic';
	src: url('../fonts/aleo-italic-webfont.eot');
	src: url('../fonts/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/aleo-italic-webfont.woff') format('woff'),
	url('../fonts/aleo-italic-webfont.ttf') format('truetype'),
	url('../fonts/aleo-italic-webfont.svg#aleoitalic') format('svg');
	@include font-normal;
}*/
/*@font-face {
	font-family: 'entyporegular';
	src: url('../fonts/entypo.eot');
	src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
	url('../fonts/entypo.woff') format('woff'),
	url('../fonts/entypo.ttf') format('truetype'),
	url('../fonts/entypo.svg#entyporegular') format('svg');
	@include font-normal;
}*/
/*@font-face {
	font-family: 'entyposcoial';
	src: url('../fonts/entypo-social.eot');
	src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
	url('../fonts/entypo-social.woff') format('woff'),
	url('../fonts/entypo-social.ttf') format('truetype'),
	url('../fonts/entypo-social.svg#entyporegular') format('svg');
	@include font-normal;
}*/
@font-face {
  font-family: 'arvobold';
  src: url("../fonts/arvo/arvo-bold-webfont.eot");
  src: url("../fonts/arvo/arvo-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arvo/arvo-bold-webfont.woff") format("woff"), url("../fonts/arvo/arvo-bold-webfont.ttf") format("truetype"), url("../fonts/arvo/arvo-bold-webfont.svg#arvobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'arvobold_italic';
  src: url("../fonts/arvo-bolditalic-webfont.eot");
  src: url("../fonts/arvo-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arvo-bolditalic-webfont.woff") format("woff"), url("../fonts/arvo-bolditalic-webfont.ttf") format("truetype"), url("../fonts/arvo-bolditalic-webfont.svg#arvobold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'arvoitalic';
  src: url("../fonts/arvo-italic-webfont.eot");
  src: url("../fonts/arvo-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arvo-italic-webfont.woff") format("woff"), url("../fonts/arvo-italic-webfont.ttf") format("truetype"), url("../fonts/arvo-italic-webfont.svg#arvoitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'arvoregular';
  src: url("../fonts/arvo/arvo-regular-webfont.eot");
  src: url("../fonts/arvo/arvo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arvo/arvo-regular-webfont.woff") format("woff"), url("../fonts/arvo/arvo-regular-webfont.ttf") format("truetype"), url("../fonts/arvo/arvo-regular-webfont.svg#arvoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
  font-family: 'FontAwesome';
   src: url('../fonts/fontawesome-webfont.eot');
   src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype'), 
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  @include font-normal;
}*/
/** boostrap breakpoints **/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/** end boostrap breakpoints **/
/** IE10 detection **/
/** end IE10 detection **/
/** firefox detection **/
/** end firefox detection **/
.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

/** text mixins **/
/** end text mixins **/
.grid-parent {
  padding-right: 0px;
  padding-left: 0px;
}

/** BORDER MIXINS **/
/** END BORDER MIXINS **/
/** DROP SHADOW **/
/** END DROP SHADOW **/
/** INNNER SHADOW **/
/** END INNER SHADOW **/
/** TEXT SHADOW **/
/** END TEXT SHADOW **/
/** gradienst **/
/** end gradients **/
/** emboss **/
/** end emboss **/
/** mask overlay **/
/** end mask overlay **/
/** buttons **/
/** left arrow **/
/** left arrow **/
/*.btn-primary,
	.btn-primary:hover,
	.btn-primary:active,
	.btn-primary:focus {
	  background: #009700 url("../img/submit-arrow.png") right 8px center no-repeat !important;
	  box-shadow: none;
		-webkit-box-shadow: none;
	  border-color: #009700 !important;
	  font-weight: bold;
	  padding-left: 20px;
	  padding-right: 20px;
	  color: #fff !important;
	  text-shadow: none;
	}*/
/** end buttons **/
/**more bootstrap **/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

/** end more bootstrap **/
@font-face {
  font-family: MyriadProRegular;
  src: url(../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF);
}

@font-face {
  font-family: OswaldBold;
  src: url(../fonts/oswald/Oswald-Bold.otf);
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
}

#app-root {
  padding-left: 0;
  padding-right: 0;
}

#app-body {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

/***************
 Bootstrap sizes
 **************/
@media (min-width: 768px) {
  body {
    margin: 0 auto;
    overflow-x: hidden;
  }
  .container {
    padding: 0;
    width: 714px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1134px;
  }
}

/***************
 Bootstrap
 **************/
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #0d6db2;
}

.nav-tabs > li,
.nav-tabs > li a {
  cursor: pointer;
}

.navs-content > li {
  display: none;
}

.navs-content > li.active {
  display: block;
}

.panel-default {
  border-color: #e5e5e5;
}

.panel-group .panel {
  border-color: #dedede !important;
  overflow: visible;
}

.panel-group .panel .panel-heading {
  background: #f7f7f7;
  border-color: #dedede !important;
}

.panel-group .panel .panel-heading a {
  display: block;
}

.panel-group .panel .panel-body {
  background: #f7f7f7;
  border-color: #dedede !important;
  padding: 10px;
}

.btn-group .btn .text {
  float: left;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
  width: 90%;
}

.btn-group .btn .caret {
  position: absolute;
  top: 8px;
  right: 4px;
}

.btn-default {
  background: #f5f5f5;
  border-color: #d4d4d4;
  color: #0d6db2;
}

.btn-cancel {
  background: #fff;
  border-color: #ccc;
  color: #333 !important;
}

.btn-continue {
  background: #fff;
  border-color: #ccc;
  color: #333 !important;
}

.btn-continue .arrow {
  display: inline-block;
  width: 0;
  font-size: 0;
  margin-top: 7px;
  margin-right: 5px;
  height: 0;
  border-style: solid;
  border-width: 5px 7px 5px 0 !important;
  border-color: transparent #595959 transparent transparent !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #009700 url("//www.paulfredrick.com/csimages/secure/submit-arrow.png") right 8px center no-repeat !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #009700 !important;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff !important;
  text-shadow: none;
}

.dropdown-menu {
  min-width: 80px;
}

.refine-btn-container {
  text-align: center;
}

.refine-btn-container a {
  float: right;
}

.modal.fade .modal-dialog {
  z-index: 1040;
}

.modal iframe {
  border: none;
}

.modal .close {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  color: #979797;
  text-shadow: none;
}

.modal .modal-dialog {
  top: 90px;
}

.modal .modal-header {
  border-bottom: 0;
  padding-bottom: 0;
}

.modal .modal-header .modal-title {
  border-bottom: 1px solid #e5e5e5;
  color: #0d6db2;
  font-weight: normal;
  padding-bottom: 15px;
  text-shadow: none;
}

.modal .close {
  border: none;
  color: #363636;
  font-size: 1em;
  font-weight: normal;
  line-height: 2em;
  margin-top: -1px;
  opacity: 1;
  filter: alpha(opacity=100);
  text-transform: uppercase;
  text-shadow: none;
  width: 75px;
}

.modal .close .cross {
  display: block;
  float: left;
  font-size: 2em;
  line-height: 1em;
  margin-top: -3px;
}

.modal .modal-body .col {
  color: #979797;
  float: left;
  font-style: italic;
  margin-bottom: 5px;
  width: 33.33%;
}

.modal .modal-body .col .name {
  color: #363636;
  font-style: normal;
}

.modal .modal-body .col iframe {
  display: block;
}

.modal .modal-body:after {
  content: " ";
  display: block;
  clear: both;
  overflow: hidden;
}

#gift-wrap-modal .modal-open {
  position: fixed;
  overflow: hidden;
  left: 0;
  right: 0;
}

#gift-wrap-modal .modal {
  -webkit-overflow-scrolling: auto;
}

@media (max-width: 480px) {
  .modal {
    position: fixed;
    top: 3%;
    right: 3%;
    left: 3%;
    bottom: 3%;
    width: auto;
    margin: 0;
  }
  .modal .modal-body {
    max-height: 350px;
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/***************
 Reset
 **************/
html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a,
a:hover,
a:active,
a:visited {
  color: #0d6db2;
}

input[type="text"],
input[type=text],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  padding: 3px 6px 3px 6px;
}

select {
  background-color: #FFF;
  border: 1px solid #d4d4d4;
  padding: 4px 0 4px 0;
  border-radius: 3px;
  width: 100%;
}

select.ddlineitemQty {
  width: 80%;
}

/**input[type=text] {
	border: 1px solid #d4d4d4;
	padding: 3px 6px 3px 6px;
}**/
/***************
 Helpers
 **************/
html, body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

html.scroll-disabled, body.scroll-disabled {
  overflow: hidden;
}

.red-text {
  color: #b91805;
}

.static-title {
  color: #003358;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  font-weight: 300;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.static-subtitle {
  color: #363636;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .static-title {
    font-size: 24px;
  }
  .static-subtitle {
    font-size: 16px;
  }
}

/***************
 HEADER
 **************/
#top-bar {
  width: 100%;
  height: 43px;
  background: #eaebec;
  box-sizing: border-box;
  z-index: 1039;
  position: absolute;
}

#top-bar .top-bar-inner {
  text-align: right;
  margin: 0 auto;
  padding: 10px 15px 0;
  box-sizing: border-box;
}

#top-bar .top-bar-inner .links-list {
  display: inline-block;
}

#top-bar .top-bar-inner .links-list span,
#top-bar .top-bar-inner .links-list a {
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#top-bar .top-bar-inner .links-list span#bold_chat,
#top-bar .top-bar-inner .links-list a#bold_chat {
  float: right;
  margin-top: -5px;
}

@media (min-width: 768px) {
  #top-bar .top-bar-inner {
    width: 714px;
    padding: 10px 10px 0;
  }
}

@media (min-width: 992px) {
  #top-bar .top-bar-inner {
    width: 970px;
    padding: 10px 0 0;
  }
}

@media (min-width: 1200px) {
  #top-bar .top-bar-inner {
    width: 1134px;
    padding: 10px 0 0;
  }
}

#header .navbar-default {
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 0;
}

#header .navbar-header {
  position: relative;
}

@media (min-width: 1025px) {
  #header .navbar-header {
    margin-top: 0;
  }
}

.old-ie #header .navbar-header {
  margin-top: 0;
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #header .navbar-header {
    float: left;
    width: 100%;
    margin-top: 35px;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) {
  #header .navbar-header {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0px;
  }
}

#header .navbar-header .navbar-brand {
  padding-right: 0;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
}

#header .navbar-header .navbar-toggle {
  float: left;
  margin-top: -5px;
  border: none;
  color: #004479;
  text-align: center;
}

#header .navbar-header .navbar-toggle .icon-bar {
  background-color: #004479 !important;
  margin: 3px auto;
}

#header .navbar-header #cart-search {
  position: absolute;
  right: 10px;
  top: 18px;
  width: 60px;
}

@media (min-device-width: 320px) and (max-device-width: 667px) {
  #header .navbar-header #cart-search {
    right: -20px;
  }
}

#header .navbar-header #cart-search #cart {
  background: #003268;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  float: left;
  font-size: 13px;
  line-height: 1em;
  padding-left: 7px;
  padding-right: 5px;
  text-decoration: none;
}

#header .navbar-header #cart-search #cart:before {
  background-image: url(//www.paulfredrick.com/csimages/secure/cart-bag-mobile.png);
  background-repeat: no-repeat;
  content: " ";
  height: 39px;
  left: -15px;
  position: absolute;
  top: -2px;
  width: 23px;
}

#header .navbar-header #cart-search #cart a {
  color: #fff;
  text-decoration: none;
  padding: 6px 0 6px 0;
  display: inline-block;
}

#header .navbar-header #cart-search #search-wrapper {
  float: right;
  margin-left: 0px;
  margin-top: -7px;
  padding-bottom: 3px;
  width: 32px;
  /* search button outerwidth */
}

#header .navbar-header #cart-search #search-wrapper .input-group-addon {
  background: #747474;
  border: none;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  display: block;
  padding: 8px;
  margin-right: 0 !important;
  width: 32px;
  height: 32px;
}

#header .navbar-header #cart-search #search-wrapper .input-group-addon img {
  width: 100%;
}

#header #app-logo img {
  width: 150px;
  margin-left: -25px;
}

#header #main-nav {
  padding-left: 0;
  padding-right: 0;
}

#header #main-nav .nav .nav {
  display: none;
}

#header #main-nav .nav .nav.nav-dress-shirts {
  width: 425px;
}

#header #main-nav .nav .nav.nav-ties {
  width: 215px;
}

#header #main-nav .nav .nav.nav-suits {
  width: 332px;
}

#header #main-nav .nav .nav.nav-sport-coats {
  width: 400px;
}

#header #main-nav .nav .nav.nav-pants {
  width: 315px;
}

#header #main-nav .nav .nav.nav-sport-shirts {
  width: 360px;
}

#header #main-nav .nav .nav.nav-sweaters {
  width: 390px;
}

#header #main-nav .nav .nav.nav-outerwear {
  width: 425px;
}

#header #main-nav .nav .nav.nav-shoes {
  width: 160px;
}

#header #main-nav .nav .nav.nav-accesories {
  width: 330px;
}

#header #main-nav .nav .nav.nav-big-tall {
  width: 240px;
}

#header #main-nav .nav .nav.nav-clearance {
  width: 275px;
}

#header #main-nav .nav .nav .row {
  margin-left: 0;
  margin-right: 0;
}

#header #main-nav .nav .nav .row .col {
  float: left;
  margin-right: 32px;
}

#header #main-nav .nav .nav .row .col.last {
  margin-right: 0;
}

#header #main-nav .nav .nav .row .col a {
  display: block;
  padding: 6px 0;
}

#header #main-nav li.active a {
  background-color: transparent;
  background-image: none;
  background-repeat: repeat-x;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-decoration: underline;
}

#header #main-nav li.first a {
  padding-left: 0;
}

#header #main-nav li.first a:before {
  background-image: none;
  content: "";
}

#header #main-nav li a {
  color: #003268;
}

#header #main-nav li a:before {
  background-image: url(../img/nav-separator.jpg);
  background-repeat: no-repeat;
  content: " ";
  height: 13px;
  left: -3px;
  position: absolute;
  top: 14px;
  width: 7px;
}

#header #main-nav .navbar-nav > li {
  position: relative;
}

#header #main-nav .navbar-nav > li:focus .nav,
#header #main-nav .navbar-nav > li:active .nav,
#header #main-nav .navbar-nav > li:hover .nav {
  display: block;
}

#header #main-nav .navbar-nav .nav {
  background: #fff;
  border: 1px solid #B1B2B5;
  box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.4);
  padding: 14px 20px;
  position: absolute;
  top: 2.7em;
  z-index: 99;
}

#header #main-nav .navbar-nav .nav:before {
  display: block;
  width: 23px;
  height: 8px;
  left: 15px;
  position: absolute;
  top: -8px;
  background-color: #FFF;
  background-image: url("../img/nav-tooltip-arrow.png");
  background-repeat: no-repeat;
  background-position: center top;
}

#header #main-nav .navbar-nav .nav.nav-right {
  left: auto;
  right: 0;
}

#header #main-nav .navbar-nav .nav.nav-right:before {
  left: auto;
  right: 15px;
}

#header #main-nav .navbar-nav .nav .all {
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 0;
}

#header #main-nav .navbar-nav .nav .all .arrow {
  display: inline-block;
  width: 0;
  font-size: 0;
  margin-top: 6px;
  margin-right: 5px;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #374E7A;
}

#header #main-nav .navbar-nav .nav a {
  text-decoration: none;
}

#header #main-nav .navbar-nav .nav a:before {
  background: none;
}

#header #main-nav .navbar-nav .nav a:hover {
  background: none;
}

#header #header-mobile-search {
  background: #003268;
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  width: 100%;
  float: left;
}

#header #header-mobile-search .row {
  margin-left: 0;
  margin-right: 0;
}

#header #header-mobile-search .row .form-control,
#header #header-mobile-search .row .input-group-addon {
  float: left;
}

#header #header-mobile-search .row .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: 90%;
}

#header #header-mobile-search .row .input-group-addon {
  background: #747474 url(//www.paulfredrick.com/csimages/secure/find-icon.png) center center no-repeat;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border: 0;
  padding: 4px 6px;
  height: 34px;
  width: 10%;
}

#main-nav-mobile {
  background: #003168;
  display: none;
  position: fixed;
  top: 0;
  left: -272px;
  bottom: 0;
  overflow: scroll;
  overflow-x: hidden;
  width: 272px;
  z-index: 2;
}

#main-nav-mobile .nav {
  width: 272px;
}

#main-nav-mobile .nav > li {
  border-bottom: 1px solid #1a4677;
  position: static;
}

#main-nav-mobile .nav > li:last-child {
  border-bottom: none;
}

#main-nav-mobile .nav > li .arrow {
  float: right;
  display: inline-block;
  width: 0;
  font-size: 0;
  margin-top: 6px;
  margin-right: 5px;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #8098b4;
}

#main-nav-mobile .nav > li.close-mobile {
  font-weight: bold;
  text-transform: uppercase;
}

#main-nav-mobile .nav > li.close-mobile span {
  float: left;
  padding-right: 6px;
}

#main-nav-mobile .nav > li.active a {
  background: none;
}

#main-nav-mobile .nav > li.active a:hover,
#main-nav-mobile .nav > li.active a:active,
#main-nav-mobile .nav > li.active a:visited,
#main-nav-mobile .nav > li.active a:focus {
  background: none;
  color: #fff;
}

#main-nav-mobile a {
  color: #fff;
  text-decoration: none;
  padding-bottom: 8px;
  padding-top: 8px;
}

#main-nav-mobile a:hover,
#main-nav-mobile a:active,
#main-nav-mobile a:visited,
#main-nav-mobile a:focus {
  background: none;
  color: #fff;
}

#main-nav-mobile a.active {
  background: none;
}

#main-nav-mobile .search #search-wrapper-mobile {
  padding: 8px 15px;
  width: 100%;
}

#main-nav-mobile .search #search-wrapper-mobile .form-control {
  float: left;
  width: 212px;
  display: inline-block !important;
}

#main-nav-mobile .search #search-wrapper-mobile .input-group-addon {
  background: #747474 url(//www.paulfredrick.com/csimages/secure/find-icon.png) center center no-repeat;
  border: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: inline-block;
  float: right;
  padding: 10px 5px;
  width: 30px;
}

#main-nav-mobile .search #search-wrapper-mobile .input-group-addon img {
  width: 100%;
}

#main-nav-mobile .navbar-nav {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#main-nav-mobile .navbar-nav > li > .nav {
  display: none;
  position: absolute;
  top: 0;
  left: 272px;
}

#main-nav-mobile .navbar-nav > li > a {
  color: #fff;
  text-shadow: none;
}

#main-nav-mobile .navbar-nav > li > a.close-mobile span {
  float: right;
}

#main-nav-mobile .navbar-nav .back {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

#main-nav-mobile .navbar-nav .back .arrow {
  float: left;
  display: inline-block;
  width: 0;
  font-size: 0;
  margin-top: 3px;
  margin-right: 5px;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent #7B90A7 transparent transparent;
}

/***************
 BODY
 **************/
#promotionBarWrap {
  display: block;
  margin-bottom: 15px;
  width: 100%;
  float: left;
}

#promotionBarWrap #promotionBar {
  display: block;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 100%;
  position: relative;
  background-image: url(//www.paulfredrick.com/csimages/common/promotion_bar/pb_bg_102013.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  text-align: center;
  width: 100%;
  height: 45px;
  margin-left: -50%;
  left: 50%;
  clear: both;
  float: left;
}

#promotionBarWrap #promotionBar a:hover, #promotionBarWrap #promotionBar a:focus, #promotionBarWrap #promotionBar a:visited {
  text-decoration: none;
}

#promotionBarWrap #promotionBar .promotionText {
  line-height: 48px;
  color: #FFF;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  text-align: center;
  position: relative;
  display: inline-block;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.65);
  text-transform: uppercase;
  background-image: none;
}

#promotionBarWrap #promotionBar .promotionText.active {
  background-color: transparent;
  padding-left: 45px;
  background-image: url(//images.paulfredrick.com/csimages/common/promotion_bar/pb_checkmark_102013.png);
  background-repeat: no-repeat;
  background-position: left 3px;
}

@media (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) {
  #promotionBarWrap #promotionBar .promotionText.active {
    padding-left: 10px;
    background-image: none;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) and (orientation: portrait) {
  #promotionBarWrap #promotionBar .promotionText.active {
    padding-left: 10px;
    background-image: none;
  }
}

@media (min-width: 1025px) {
  #promotionBarWrap #promotionBar .promotionText {
    font-size: 24px;
    line-height: 48px;
  }
}

.old-ie #promotionBarWrap #promotionBar .promotionText {
  font-size: 24px;
  line-height: 48px;
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #promotionBarWrap #promotionBar .promotionText {
    font-size: 24px;
    line-height: 48px;
  }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #promotionBarWrap #promotionBar .promotionText {
    font-size: 18px;
    line-height: 32px;
    background-size: 35px 28px;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) {
  #promotionBarWrap #promotionBar .promotionText {
    font-size: 14px;
    line-height: 28px;
    background-size: 35px 28px;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) and (orientation: portrait) {
  #promotionBarWrap #promotionBar .promotionText {
    font-size: 12px;
    line-height: 16px;
    background-size: 28px 22px;
  }
}

#promotionBarWrap #promotionBar .promotionText #clickText {
  display: inline;
  text-transform: lowercase;
  color: #1F3664;
  font-size: 12px;
  line-height: 14px !important;
  background-image: none;
  text-shadow: 2px 2px 4px transparent;
  margin: 0px;
  padding-left: 5px;
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #promotionBarWrap #promotionBar .promotionText #clickText {
    display: block;
    margin-top: -3px;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) {
  #promotionBarWrap #promotionBar .promotionText #clickText {
    float: left;
    display: block;
    margin-left: 3px;
    width: 100%;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) and (orientation: portrait) {
  #promotionBarWrap #promotionBar .promotionText #clickText {
    text-align: center;
    display: block;
    margin-top: 6px;
  }
}

@media (min-width: 1025px) {
  #promotionBarWrap span#offerDetailsLink a.offerDetailsLink {
    font-size: 12px;
    font-weight: normal;
    color: #363636;
    line-height: 15px !important;
    text-align: left;
    position: absolute;
    top: 25%;
    right: 5px;
    background-color: rgba(255, 255, 255, 0.65);
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    text-transform: lowercase;
    text-shadow: px 0px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
}

.old-ie #promotionBarWrap span#offerDetailsLink a.offerDetailsLink {
  font-size: 12px;
  font-weight: normal;
  color: #363636;
  line-height: 15px !important;
  text-align: left;
  position: absolute;
  top: 25%;
  right: 5px;
  background-color: rgba(255, 255, 255, 0.65);
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  text-transform: lowercase;
  text-shadow: px 0px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #promotionBarWrap span#offerDetailsLink a.offerDetailsLink {
    color: #363636;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #promotionBarWrap span#offerDetailsLink a.offerDetailsLink {
    font-size: 12px;
    font-weight: normal;
    color: #363636;
    background-color: rgba(255, 255, 255, 0.65);
    position: absolute;
    top: 25%;
    right: 5px;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) {
  #promotionBarWrap span#offerDetailsLink a.offerDetailsLink {
    font-size: 11px;
    font-weight: normal;
    color: #363636;
    background-color: rgba(255, 255, 255, 0.65);
    position: absolute;
    top: 25%;
    right: 5px;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) and (orientation: portrait) {
  #promotionBarWrap span#offerDetailsLink a.offerDetailsLink {
    font-size: 10px;
    font-weight: normal;
    color: #363636;
    background-color: rgba(255, 255, 255, 0.65);
    position: absolute;
    right: 5px;
    bottom: 3px;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
}

#promotionBarWrap span#offerDetailsLink a.offerDetailsLink:visited, #promotionBarWrap span#offerDetailsLink a.offerDetailsLink:focus {
  text-decoration: none;
}

#promotionBarWrap #offerDetails {
  font-size: 14px;
  font-weight: normal;
  color: #363636;
  position: absolute;
  top: 41px;
  right: 5px;
  width: 275px;
  background-color: white;
  padding-top: 9px;
  padding-right: 9px;
  padding-bottom: 27px;
  padding-left: 9px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-color: darkgray;
  border-right-color: darkgray;
  border-bottom-color: darkgray;
  border-left-color: darkgray;
  z-index: 98;
  display: none;
}

#promotionBarWrap #offerDetails #offerClose {
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  position: absolute;
  right: 0px;
  bottom: 0pc;
  background-color: darkgray;
  cursor: pointer;
  -webkit-border-top-right-radius: px;
  -webkit-border-bottom-right-radius: px;
  -webkit-border-bottom-left-radius: px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: px;
  -moz-border-radius-bottomright: px;
  -moz-border-radius-bottomleft: px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: px;
  border-bottom-right-radius: px;
  border-bottom-left-radius: px;
  border-top-left-radius: 3px;
}

#promotionBarWrap #offerDetails #offerClose:hover {
  background-color: #006fc5;
}

#promotionBarWrap #offerDetails #offerClose a {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

#promotionBarWrap #offerDetails #offerClose a:hover {
  text-decoration: none;
}

#breadcrumbs {
  margin-bottom: 15px;
}

#breadcrumbs:after {
  content: "";
  display: block;
  clear: both;
}

#breadcrumbs li {
  float: left;
  line-height: 12px;
}

#breadcrumbs li:last-child a {
  padding-right: 0;
}

#breadcrumbs li:last-child a:after {
  background-image: none;
  content: "";
}

#breadcrumbs li.removable {
  background: none;
  color: #363636;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  margin-bottom: 5px;
  margin-right: 0;
  padding: 0;
  text-transform: uppercase;
}

#breadcrumbs li.removable a {
  color: #979797;
  float: right;
  font-size: 14px;
  margin-left: 5px;
  margin-top: -2px;
}

#breadcrumbs li.removable a:after {
  top: 2px;
}

#breadcrumbs li a {
  color: #979797;
  display: block;
  font-size: .8em;
  margin-right: 4px;
  padding-right: 10px;
  text-transform: uppercase;
  position: relative;
}

#breadcrumbs li a:focus,
#breadcrumbs li a:hover,
#breadcrumbs li aactive {
  text-decoration: none;
}

#breadcrumbs li a.active {
  color: #363636;
  font-weight: bold;
}

#breadcrumbs li a:after {
  background-image: url(../img/nav-separator.jpg);
  background-repeat: no-repeat;
  content: " ";
  height: 11px;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
}

#home-extra-banners {
  overflow: hidden;
}

.use-code {
  color: #979797;
}

/***************
 FOOTER
 **************/
#app-footer {
  clear: both;
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
  text-transform: lowercase;
}

#app-footer #footer-top {
  overflow: hidden;
}

#app-footer .contact b,
#app-footer .contact .use-code {
  display: block;
}

#app-footer .contact b .code,
#app-footer .contact .use-code .code {
  text-transform: uppercase;
}

#app-footer #info-links {
  margin: 0 auto;
  overflow: hidden;
  width: 300px;
  text-align: center;
}

#app-footer #info-links li {
  display: inline-block;
}

#app-footer #info-links li.active a {
  background-color: transparent;
  background-image: none;
  background-repeat: repeat-x;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-decoration: underline;
}

#app-footer #info-links li a {
  display: block;
  padding: 5px 15px;
  position: relative;
}

#app-footer #info-links li a:before {
  content: " ";
  height: 13px;
  left: -3px;
  position: absolute;
  top: 9px;
  width: 7px;
}

#app-footer #info-links li a.without-slash:before {
  background-image: none;
  content: "";
}

#app-footer #info-links li a.active {
  font-weight: bold;
  text-decoration: underline;
}

#app-footer #join-social-wrapper {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 305px;
}

#app-footer #join-social-wrapper #join-wrapper {
  float: left;
  width: 200px;
}

#app-footer #join-social-wrapper #join-wrapper .form-control {
  float: left;
  width: 170px;
}

#app-footer #join-social-wrapper #join-wrapper .input-group-addon {
  float: left;
  text-transform: uppercase;
  width: 30px;
  padding: 2px;
  text-align: center;
}

#app-footer #join-social-wrapper #footer-social-wrapper {
  float: left;
}

#app-footer #join-social-wrapper #footer-social-wrapper li {
  float: left;
  margin-left: 5px;
}

#app-footer #join-social-wrapper #footer-social-wrapper li img {
  width: 30px;
}

#app-footer hr {
  clear: both;
  margin-bottom: 10px;
  margin-top: 10px;
}

#app-footer #footer-menu {
  float: none;
  padding: 0 10px;
}

#app-footer #footer-menu li {
  float: none;
  display: inline-block;
}

#app-footer #footer-menu li.first a {
  padding-left: 0;
}

#app-footer #footer-menu li.first a:before {
  background-image: none;
  content: "";
}

#app-footer #footer-menu li a {
  display: block;
  padding: 5px 10px;
  position: relative;
}

#app-footer #footer-menu li a:before {
  content: " ";
  height: 13px;
  left: -3px;
  position: absolute;
  top: 9px;
  width: 7px;
}

#app-footer #footer-menu li a:focus,
#app-footer #footer-menu li a:hover,
#app-footer #footer-menu li a:active {
  background: transparent;
}

#app-footer #footer-note {
  display: block;
  margin-top: 10px;
}

#app-footer #footer-note a.link-guarantee {
  color: #363636;
}

#app-footer #footer-copyright {
  color: #979797;
  font-size: .8em;
  display: block;
  margin: 5px 0 15px 0;
  text-transform: none;
}

@media (min-width: 768px) {
  /***************
   HEADER
   **************/
  #header .navbar .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  #header .navbar-header {
    float: none;
  }
  #header .navbar-header .navbar-brand {
    float: none;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: inherit;
  }
  #header .navbar-header #app-logo {
    float: left;
    margin-top: 16px;
    width: 200px;
  }
}

@media (min-width: 768px) and (min-width: 1025px) {
  #header .navbar-header #app-logo {
    width: 200px;
  }
}

@media (min-width: 768px) {
  .old-ie #header .navbar-header #app-logo {
    width: 200px;
  }
}

@media (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #header .navbar-header #app-logo {
    width: 165px;
  }
}

@media (min-width: 768px) {
  #header .navbar-header #app-logo img {
    margin-left: 0;
    width: 100%;
  }
  #header .navbar-header #logo-header-banner-container {
    height: 63px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -100px;
    /* img.width / 2*/
    position: absolute;
    width: 200px;
  }
  #header .navbar-header #logo-header-banner-container a {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 5;
    opacity: 1;
    background-color: black;
  }
  #header .navbar-header #logo-header-banner-container img {
    width: 100%;
  }
  #header .navbar-header #cart-search {
    right: 0;
    width: 380px;
    margin-top: 9px;
  }
  #header .navbar-header #cart-search #cart {
    display: block;
    float: right;
    font-size: 16px;
    line-height: 26px;
    margin-top: 2px;
    margin-bottom: 16px;
    padding-right: 16px;
    position: relative;
    text-align: right;
    width: 180px;
    background-color: #004479;
  }
  #header .navbar-header #cart-search #cart:before {
    background-image: url(//www.paulfredrick.com/csimages/secure/cart-bag.png);
    height: 53px;
    left: 0;
    top: -15px;
    width: 33px;
  }
  #header .navbar-header #cart-search #cart:hover #cart-tooltip-wrapper {
    display: block;
  }
  #header .navbar-header #cart-search #cart a {
    padding: 2px 0 2px 0;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip-wrapper {
    display: none;
    position: absolute;
    right: 0;
    z-index: 10;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 3px;
    position: relative;
    width: 388px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    position: absolute;
    top: -10px;
    right: 86px;
    border-color: transparent transparent #f5f5f5 transparent;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table {
    width: auto;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table th:first-child,
  #header .navbar-header #cart-search #cart #cart-tooltip table td:first-child {
    width: 277px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table th:last-child,
  #header .navbar-header #cart-search #cart #cart-tooltip table td:last-child {
    width: 73px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table th {
    color: #999;
    font-weight: normal;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table th:first-child {
    padding-left: 14px;
    text-align: left;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table td {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
    text-align: left;
    vertical-align: top;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table td.qty,
  #header .navbar-header #cart-search #cart #cart-tooltip table td.total {
    text-align: center;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table td.qty {
    font-weight: normal;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-left {
    float: left;
    min-height: 1px;
    text-align: center;
    width: 68px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-left img {
    width: 57px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right {
    float: left;
    font-weight: normal;
    font-size: 12px;
    padding-left: 5px;
    width: 195px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right .old-new-price,
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right .price-discount {
    color: #979797;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right .price-discount .price {
    color: #363636;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right .price-discount .discount {
    color: #b91805;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right .old-price {
    color: #979797;
    text-decoration: line-through;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right .value {
    color: #b91805;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right .name {
    font-size: 1.15em;
    margin-top: 0;
    margin-bottom: 0;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right ul li {
    line-height: 1em;
    margin-bottom: 2px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip table tbody .col-right ul li label {
    font-weight: normal;
    color: #979797;
    margin-right: 5px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip > .header {
    background: #f5f5f5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip > .body {
    background: #fff;
    box-shadow: inset 0 12px 12px -12px #ccc, inset 0 -12px 12px -12px #ccc;
    -moz-box-shadow: inset 0 12px 12px -12px #ccc, inset 0 -12px 12px -12px #ccc;
    -webkit-box-shadow: inset 0 12px 12px -12px #ccc, inset 0 -12px 12px -12px #ccc;
    color: #363636;
    height: 275px;
    max-height: 275px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip > .body table {
    margin-left: 14px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip > .footer {
    background: #f5f5f5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 15px;
    text-align: center;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip > .footer .subtotal {
    color: #363636;
    display: block;
    font-size: 1.2em;
    margin-bottom: 10px;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip > .footer .subtotal.countdown-calc {
    font-size: 18px;
    font-weight: bold;
    color: #FF710E;
    text-align: center;
  }
  #header .navbar-header #cart-search #cart #cart-tooltip > .footer .btn {
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 5px 20px;
  }
  #header .navbar-header #cart-search #search-wrapper {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    margin-top: 0;
    overflow: hidden;
    width: 180px;
  }
  #header .navbar-header #cart-search #search-wrapper .form-control {
    border-color: #747474;
    float: left;
    width: 154px;
    font-size: 14px !important;
    line-height: 20px;
    height: 34px;
  }
  #header .navbar-header #cart-search #search-wrapper .input-group-addon {
    background: #747474 url(//www.paulfredrick.com/csimages/secure/find-icon.png) center center no-repeat;
    border-left: none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: left;
    height: 24px;
    padding: 17px 5px;
    width: 26px;
  }
  #header #header-mobile-search {
    display: none !important;
  }
  #header #main-nav {
    border-top: 1px solid #e6e6e6;
    margin-top: 45px;
  }
  #header #main-nav > .nav > li.first a:before {
    background-image: none;
    content: "";
  }
  #breadcrumbs li a {
    font-size: 12px;
    line-height: 12px;
  }
  #promotional-banner {
    margin-bottom: 15px;
  }
  #promotional-banner a {
    height: 65%;
    width: 6.3%;
    right: .8%;
    top: 19.8%;
  }
  #main-banner {
    margin-bottom: 30px;
  }
  /***************
   FOOTER
  **************/
  #app-footer {
    font-size: 12px;
  }
  #app-footer #footer-top {
    line-height: 21px;
    text-align: center;
  }
  #app-footer .contact {
    float: left;
  }
  #app-footer .contact b,
  #app-footer .contact .use-code {
    display: inline;
    margin-right: 5px;
  }
  #app-footer #info-links {
    float: right;
    margin-left: 5px;
    width: auto;
  }
  #app-footer #info-links li a {
    padding: 0 3px;
  }
  #app-footer #info-links li a:before {
    background-image: none;
    content: "";
  }
  #app-footer #join-social-wrapper {
    margin: 0 auto;
    padding-top: 15px;
    width: 100%;
    text-align: center;
    width: 275px;
  }
  #app-footer #join-social-wrapper #join-wrapper {
    display: inline;
    width: 175px;
    float: left;
  }
  #app-footer #join-social-wrapper #join-wrapper .form-control {
    float: left;
    font-size: 11px;
    height: 34px;
    line-height: 1em;
    padding: 10px 5px;
    width: 130px;
  }
  #app-footer #join-social-wrapper #join-wrapper .input-group-addon {
    font-size: 11px;
    height: 22px;
    line-height: 1em;
    width: 25px;
    padding: 0 2px;
  }
  #app-footer #join-social-wrapper #footer-social-wrapper {
    display: inline;
    float: none !important;
  }
  #app-footer #join-social-wrapper #footer-social-wrapper li img {
    padding-top: 6px;
    width: 21px;
  }
  #app-footer #footer-menu {
    clear: both;
  }
}

@media (min-width: 992px) {
  #header {
    margin-top: 45px;
  }
  #header .navbar #logo-header-banner-container {
    margin-left: -200px;
    width: 280px;
  }
}

@media (min-width: 992px) and (min-width: 768px) and (max-width: 1024px) {
  #header .navbar #logo-header-banner-container {
    width: 245px;
  }
}

@media (min-width: 992px) {
  #header .navbar #logo-header-banner-container img {
    width: 100%;
  }
  #header .navbar-header #app-logo {
    width: auto;
  }
}

@media (min-width: 992px) and (min-width: 1025px) {
  #header .navbar-header #app-logo {
    width: 250px;
  }
}

@media (min-width: 992px) {
  .old-ie #header .navbar-header #app-logo {
    width: 250px;
  }
}

@media (min-width: 992px) and (min-width: 768px) and (max-width: 1024px) {
  #header .navbar-header #app-logo {
    width: 225px;
  }
}

@media (min-width: 992px) {
  #header .navbar-header #cart-search #cart {
    font-size: 16px;
  }
  #header #main-nav {
    margin-top: 34px;
  }
  #header #main-nav .nav li.first a {
    padding-left: 0;
  }
  #header #main-nav .nav li.first a:before {
    background-image: none;
    content: "";
  }
  #header #main-nav .nav li a:before {
    left: 0;
  }
  /***************
   FOOTER
  **************/
  #app-footer {
    font-size: 14px;
  }
  #app-footer #footer-top .contact {
    float: left;
  }
  #app-footer #footer-top #info-links {
    float: left;
    margin-left: 50px;
  }
  #app-footer #join-social-wrapper {
    float: right;
    width: 305px;
    padding-top: 0px;
  }
  #app-footer #join-social-wrapper #join-wrapper {
    margin-right: 20px;
    width: 180px;
  }
  #app-footer #join-social-wrapper #join-wrapper .form-control {
    font-size: 14px;
    line-height: 28px;
  }
  #app-footer #join-social-wrapper #join-wrapper .input-group-addon {
    font-size: 14px;
    height: 32px;
    line-height: 1em;
    padding: 0 5px;
    width: 32px;
  }
  #app-footer #join-social-wrapper #footer-social-wrapper {
    float: left;
  }
  #app-footer #join-social-wrapper #footer-social-wrapper li img {
    width: 30px;
  }
}

@media (min-width: 1200px) {
  .btn-group .btn {
    font-size: 14px;
  }
  #header #main-nav .nav li a {
    padding: 10px 17px;
  }
  #header #main-nav .nav .nav.nav-dress-shirts {
    width: 500px;
  }
  #header #main-nav .nav .nav.nav-ties {
    width: 255px;
  }
  #header #main-nav .nav .nav.nav-suits {
    width: 400px;
  }
  #header #main-nav .nav .nav.nav-sport-coats {
    width: 500px;
  }
  #header #main-nav .nav .nav.nav-pants {
    width: 365px;
  }
  #header #main-nav .nav .nav.nav-sport-shirts {
    width: 425px;
  }
  #header #main-nav .nav .nav.nav-sweaters {
    width: 465px;
  }
  #header #main-nav .nav .nav.nav-outerwear {
    width: 425px;
  }
  #header #main-nav .nav .nav.nav-shoes {
    width: 180px;
  }
  #header #main-nav .nav .nav.nav-accesories {
    width: 400px;
  }
  #header #main-nav .nav .nav.nav-big-tall {
    width: 260px;
  }
  #header #main-nav .nav .nav.nav-clearance {
    width: 315px;
  }
  /***************
   FOOTER
  **************/
  #app-footer #info-links {
    margin-left: 125px !important;
  }
}

/** no results page **/
.no-results-container {
  text-align: center;
  margin-top: 35px;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
}

.no-results-container .no-results {
  color: #575757;
  padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  background-color: #f0f0f0;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-color: #cacaca;
  border-right-color: #cacaca;
  border-bottom-color: #cacaca;
  border-left-color: #cacaca;
  width: 70%;
  margin: 0 auto;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  box-shadow: 3px 3px 6px rgba(151, 151, 151, 0.5);
}

.no-results-container .no-results h1 {
  font-weight: bold;
  color: #3e3e3e;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 6px;
  margin-left: 0px;
  text-transform: uppercase;
}

.no-results-container .no-results h1 .glyph {
  color: #b91805;
  padding-right: 12px;
}

@media (min-width: 1025px) {
  .no-results-container .no-results h1 {
    font-size: 36px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    text-transform: uppercase;
  }
}

.old-ie .no-results-container .no-results h1 {
  font-size: 36px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 6px;
  margin-left: 0px;
  text-transform: uppercase;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .no-results-container .no-results h1 {
    font-size: 32px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    text-transform: uppercase;
  }
}

@media (min-device-width: 320px) and (max-device-width: 667px) {
  .no-results-container .no-results h1 {
    font-size: 24px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    text-transform: uppercase;
  }
}

.no-results-container .no-results p {
  font-size: 18px;
  line-height: 22px;
}

/** end no results page **/
/** main nav re-write **/
@media (min-width: 1025px) {
  #main-nav .nav.navbar-nav li a {
    font-size: 16px;
  }
}

.old-ie #main-nav .nav.navbar-nav li a {
  font-size: 16px;
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #main-nav .nav.navbar-nav li a {
    font-size: 14px;
    padding: 10px 14px;
  }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #main-nav .nav.navbar-nav li a {
    font-size: 12px;
    padding: 10px 6px;
  }
}

@media (min-width: 1025px) {
  #main-nav .nav.navbar-nav .nav a {
    font-size: 16px;
  }
}

.old-ie #main-nav .nav.navbar-nav .nav a {
  font-size: 16px;
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #main-nav .nav.navbar-nav .nav a {
    font-size: 13px;
  }
}

/** end main nav re-write **/

/*# sourceMappingURL=main.css.map */