.equalwidth{
	width: 24%;
    display: inline-block;
}
.onethirdwith{
	width: 30%;
    display: inline-block;
}

.oddRow {
	padding-top: 5px;
	background-color: #F2F3F3;
	padding-bottom: 5px;
	word-break: break-word;
}

.evenRow {
	padding-top: 5px;
	padding-bottom: 5px;
	word-break: break-word;
}

h2 .onethirdwith, h2 .equalwidth {
font-weight:bold;
}
.onethirdwith a, .equalwidth a{
	color: #0096d6;	
}

.account-info-table{
		width:100%;
		background: #eee;
		margin-bottom:0px;
	}
	.account-table, .user-info-table{width:100%;}
	.account-info-table th, .user-info-table th{ text-align:left;}
	.user-info-table th,.user-info-table td{ text-align:left;padding-right:0px;}
	.account-table tr:nth-child(even) {background: #eee}
	.account-table tr:nth-child(odd) {background: #FFF}
	.account-table tr td {padding:7px 0px; min-height:30px; padding-left:10px;text-align:left;}
/***************foundation.css starts*****************/
#content *,
#content *:before,
#content *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  /*position: relative;*/ }

a:focus {
  outline: none; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse .column,
  .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  position: relative;
  float: left; }

@media only screen {
  .column,
  .columns {
    position: relative;
    float: left; }

  .small-1 {
    position: relative;
    width: 8.33333%; }

  .small-2 {
    position: relative;
    width: 16.66667%; }

  .small-3 {
    position: relative;
    width: 25%; }

  .small-4 {
    position: relative;
    width: 33.33333%; }

  .small-5 {
    position: relative;
    width: 41.66667%; }

  .small-6 {
    position: relative;}

  .small-7 {
    position: relative;
    width: 58.33333%; }

  .small-8 {
    position: relative;
    width: 66.66667%; }

  .small-9 {
    position: relative;
    width: 75%; }

  .small-10 {
    position: relative;
    width: 83.33333%; }

  .small-11 {
    position: relative;
    width: 91.66667%; }

  .small-12 {
    position: relative;
    width: 100%; }

  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .small-offset-3 {
    position: relative;
    margin-left: 25%; }

  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .small-offset-6 {
    position: relative;
    margin-left: 50%; }

  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .small-offset-9 {
    position: relative;
    margin-left: 75%; }

  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 50.001em) {
  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; }

  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .small-push-1 {
    left: inherit; }

  .small-pull-1 {
    right: inherit; }

  .small-push-2 {
    left: inherit; }

  .small-pull-2 {
    right: inherit; }

  .small-push-3 {
    left: inherit; }

  .small-pull-3 {
    right: inherit; }

  .small-push-4 {
    left: inherit; }

  .small-pull-4 {
    right: inherit; }

  .small-push-5 {
    left: inherit; }

  .small-pull-5 {
    right: inherit; }

  .small-push-6 {
    left: inherit; }

  .small-pull-6 {
    right: inherit; }

  .small-push-7 {
    left: inherit; }

  .small-pull-7 {
    right: inherit; }

  .small-push-8 {
    left: inherit; }

  .small-pull-8 {
    right: inherit; }

  .small-push-9 {
    left: inherit; }

  .small-pull-9 {
    right: inherit; }

  .small-push-10 {
    left: inherit; }

  .small-pull-10 {
    right: inherit; }

  .small-push-11 {
    left: inherit; }

  .small-pull-11 {
    right: inherit; }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: none; } }
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 50.001em) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }

  .show-for-small {
    display: none !important; }

  .hide-for-small {
    display: inherit !important; }

  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table; }

  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important; }

  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important; }

  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important; }

  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important; } }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 80em) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }

  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }

  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }

  .hide-for-large,
  .hide-for-large-up {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table; }

  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important; }

  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important; }

  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important; }

  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important; } }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 90em) {
  .show-for-xlarge {
    display: inherit !important; }

  .show-for-large,
  .show-for-large-down {
    display: none !important; }

  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important; }

  .hide-for-xlarge {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table; }

  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important; }

  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important; }

  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important; }

  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -10px;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0 10px 10px; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 50em) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #2795b6; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }
  p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 2.125em; }

h2 {
  font-size: 1.6875em; }

h3 {
  font-size: 1.375em; }

h4 {
  font-size: 1.125em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square; }
ul.circle {
  list-style-type: circle; }
ul.disc {
  list-style-type: disc; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #dddddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125em;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #dddddd;
  padding: 0.625em 0.75em; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375em; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }

@media only screen and (min-width: 50em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.75em; }

  h2 {
    font-size: 2.3125em; }

  h3 {
    font-size: 1.6875em; }

  h4 {
    font-size: 1.4375em; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
button, .button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: white; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #2284a1; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #d0d0d0; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #457a1a; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #970b0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.0625em;
    padding-left: 2em;
    font-size: 1.25em; }
  button.small, .button.small {
    padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em; }
  button.tiny, .button.tiny {
    padding-top: 0.4375em;
    padding-right: 0.875em;
    padding-bottom: 0.5em;
    padding-left: 0.875em;
    font-size: 0.6875em; }
  button.expand, .button.expand {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75em; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75em; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #2ba6cb;
    border-color: #2284a1;
    color: white;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2284a1; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2ba6cb; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #d0d0d0;
      color: #333333;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #d0d0d0; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #457a1a;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #457a1a; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #970b0e;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #970b0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13; }

button, .button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em; }
  button.tiny, .button.tiny {
    padding-top: 0.5em;
    padding-bottom: 0.4375em; }
  button.small, .button.small {
    padding-top: 0.625em;
    padding-bottom: 0.5625em; }
  button.large, .button.large {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em; }

@media only screen {
  button, .button {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    button:active, .button:active {
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
    button.radius, .button.radius {
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    button.round, .button.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } }
@media only screen and (min-width: 50em) {
  button, .button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5em; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5em; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 0.1875em; }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333333; }
  span.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333333; }
  span.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
#content input[type="text"],
#content input[type="password"],
#content input[type="date"],
#content input[type="datetime"],
#content input[type="datetime-local"],
#content input[type="month"],
#content input[type="week"],
#content input[type="email"],
#content input[type="number"],
#content input[type="search"],
#content input[type="tel"],
#content input[type="time"],
#content input[type="url"],
textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  #content input[type="text"]:focus,
  #content input[type="password"]:focus,
  #content input[type="date"]:focus,
  #content input[type="datetime"]:focus,
  #content input[type="datetime-local"]:focus,
  #content input[type="month"]:focus,
  #content input[type="week"]:focus,
  #content input[type="email"]:focus,
  #content input[type="number"]:focus,
  #content input[type="search"]:focus,
  #content input[type="tel"]:focus,
  #content input[type="time"]:focus,
  #content input[type="url"]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  #content input[type="text"]:focus,
  #content input[type="password"]:focus,
  #content input[type="date"]:focus,
  #content input[type="datetime"]:focus,
  #content input[type="datetime-local"]:focus,
  #content input[type="month"]:focus,
  #content input[type="week"]:focus,
  #content input[type="email"]:focus,
  #content input[type="number"]:focus,
  #content input[type="search"]:focus,
  #content input[type="tel"]:focus,
  #content input[type="time"]:focus,
  #content input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  #content input[type="text"][disabled],
  #content input[type="password"][disabled],
  #content input[type="date"][disabled],
  #content input[type="datetime"][disabled],
  #content input[type="datetime-local"][disabled],
  #content input[type="month"][disabled],
  #content input[type="week"][disabled],
  #content input[type="email"][disabled],
  #content input[type="number"][disabled],
  #content input[type="search"][disabled],
  #content input[type="tel"][disabled],
  #content input[type="time"][disabled],
  #content input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }

/* Adjust margin for form elements below */
#content input[type="file"],
#content input[type="checkbox"],
#content input[type="radio"],
select {
  margin: 0 0 1em 0; }

/* Normalize file input width */
#content input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25em;
  margin: 1.125em 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error input:focus,
  input.error:focus,
  .error textarea:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }

.error label,
label.error {
  color: #c60f13; }

.error small,
small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

/* Custom Checkbox and Radio Inputs */
form.custom .hidden-field {
  margin-left: -99999px;
  position: absolute;
  visibility: hidden; }
form.custom .custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
  border: solid 1px #cccccc;
  background: white; }
  form.custom .custom.checkbox {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: -3px; }
  form.custom .custom.radio {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    padding: 3px; }
  form.custom .custom.checkbox:before {
    content: "";
    display: block;
    font-size: 20px;
    color: white; }
  form.custom .custom.radio.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: #222222;
    position: relative; }
  form.custom .custom.checkbox.checked:before {
    content: "\2A2F";
    color: #222222;
    margin-top: -8px;
    margin-left: 2px; }

/* Custom Select Options and Dropdowns */
form.custom {
  /* Custom input, disabled */ }
  form.custom .custom.dropdown {
    display: block;
    position: relative;
    top: 0;
    height: 2.3125em;
    margin-bottom: 1.25em;
    margin-top: 0px;
    padding: 0px;
    width: 100%;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
    background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
    background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0.875em;
    vertical-align: top; }
    form.custom .custom.dropdown ul {
      overflow-y: auto;
      max-height: 200px; }
    form.custom .custom.dropdown .current {
      cursor: default;
      white-space: nowrap;
      line-height: 2.25em;
      color: rgba(0, 0, 0, 0.75);
      text-decoration: none;
      overflow: hidden;
      display: block;
      margin-left: 0.5em;
      margin-right: 2.3125em; }
    form.custom .custom.dropdown .selector {
      cursor: default;
      position: absolute;
      width: 2.5em;
      height: 2.3125em;
      display: block;
      right: 0;
      top: 0; }
      form.custom .custom.dropdown .selector:after {
        content: "";
        display: block;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #aaaaaa transparent transparent transparent;
        border-top-style: solid;
        position: absolute;
        left: 0.9375em;
        top: 50%;
        margin-top: -3px; }
    form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: #222222 transparent transparent transparent;
      border-top-style: solid; }
    form.custom .custom.dropdown .disabled {
      color: #888888; }
      form.custom .custom.dropdown .disabled:hover {
        background: transparent;
        color: #888888; }
        form.custom .custom.dropdown .disabled:hover:after {
          display: none; }
    form.custom .custom.dropdown.open ul {
      display: block;
      z-index: 10;
      min-width: 100%;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box; }
    form.custom .custom.dropdown.small {
      max-width: 134px; }
    form.custom .custom.dropdown.medium {
      max-width: 254px; }
    form.custom .custom.dropdown.large {
      max-width: 434px; }
    form.custom .custom.dropdown.expand {
      width: 100% !important; }
    form.custom .custom.dropdown.open.small ul {
      min-width: 134px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    form.custom .custom.dropdown.open.medium ul {
      min-width: 254px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    form.custom .custom.dropdown.open.large ul {
      min-width: 434px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  form.custom .custom.dropdown ul {
    position: absolute;
    width: auto;
    display: none;
    margin: 0;
    left: -1px;
    top: auto;
    -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 0;
    background: white;
    border: solid 1px #cccccc;
    font-size: 16px; }
    form.custom .custom.dropdown ul li {
      color: #555555;
      font-size: 0.875em;
      cursor: default;
      padding-top: 0.25em;
      padding-bottom: 0.25em;
      padding-left: 0.375em;
      padding-right: 2.375em;
      min-height: 1.5em;
      line-height: 1.5em;
      margin: 0;
      white-space: nowrap;
      list-style: none; }
      form.custom .custom.dropdown ul li.selected {
        background: #eeeeee;
        color: black; }
      form.custom .custom.dropdown ul li:hover {
        background-color: #e4e4e4;
        color: black; }
      form.custom .custom.dropdown ul li.selected:hover {
        background: #eeeeee;
        cursor: default;
        color: black; }
    form.custom .custom.dropdown ul.show {
      display: block; }
  form.custom .custom.disabled {
    background: #dddddd; }

/* Button Groups */
.button-group {
  list-style: none;
  margin: 0;
  *zoom: 1; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group > * {
    margin: 0 0 0 -1px;
    float: left; }
    .button-group > *:first-child {
      margin-left: 0; }
  .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }
  .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }
  .button-group.even-2 li {
    width: 50%; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    width: 33.33333%; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    width: 25%; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    width: 20%; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    width: 16.66667%; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    width: 14.28571%; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    width: 12.5%; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }

.button-bar {
  *zoom: 1; }
  .button-bar:before, .button-bar:after {
    content: " ";
    display: table; }
  .button-bar:after {
    clear: both; }
  .button-bar .button-group {
    float: left;
    margin-right: 0.625em; }
    .button-bar .button-group div {
      overflow: hidden; }

/* Dropdown Button */
.dropdown.button {
  position: relative;
  padding-right: 3.1875em; }
  .dropdown.button:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: white transparent transparent transparent;
    top: 50%; }
  .dropdown.button:before {
    border-width: 0.5625em;
    right: 1.5em;
    margin-top: -0.25em; }
  .dropdown.button:before {
    border-color: white transparent transparent transparent; }
  .dropdown.button.tiny {
    padding-right: 2.1875em; }
    .dropdown.button.tiny:before {
      border-width: 0.4375em;
      right: 0.875em;
      margin-top: -0.15625em; }
    .dropdown.button.tiny:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.small {
    padding-right: 2.8125em; }
    .dropdown.button.small:before {
      border-width: 0.5625em;
      right: 1.125em;
      margin-top: -0.21875em; }
    .dropdown.button.small:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.large {
    padding-right: 4em; }
    .dropdown.button.large:before {
      border-width: 0.625em;
      right: 1.75em;
      margin-top: -0.3125em; }
    .dropdown.button.large:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.secondary:before {
    border-color: #333333 transparent transparent transparent; }

/* Split Buttons */
.split.button {
  position: relative;
  padding-right: 4.8em; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: #1e728c; }
  .split.button span {
    width: 3em; }
    .split.button span:before {
      border-top-style: solid;
      border-width: 0.5625em;
      top: 1.125em;
      margin-left: -0.5625em; }
  .split.button span:before {
    border-color: white transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: #c3c3c3; }
  .split.button.secondary span:before {
    border-color: white transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: #7f0a0c; }
  .split.button.success span {
    border-left-color: #396516; }
  .split.button.tiny {
    padding-right: 3.9375em; }
    .split.button.tiny span {
      width: 2.84375em; }
      .split.button.tiny span:before {
        border-top-style: solid;
        border-width: 0.4375em;
        top: 0.875em;
        margin-left: -0.3125em; }
  .split.button.small {
    padding-right: 3.9375em; }
    .split.button.small span {
      width: 2.8125em; }
      .split.button.small span:before {
        border-top-style: solid;
        border-width: 0.5625em;
        top: 0.84375em;
        margin-left: -0.5625em; }
  .split.button.large {
    padding-right: 6em; }
    .split.button.large span {
      width: 3.75em; }
      .split.button.large span:before {
        border-top-style: solid;
        border-width: 0.625em;
        top: 1.3125em;
        margin-left: -0.5625em; }
  .split.button.expand {
    padding-left: 2em; }
  .split.button.secondary span:before {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .split.button.round span {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 57.25%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Sections */
.section-container, .section-container.auto {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
  border: 1px solid #cccccc;
  border-top: none; }
  .section-container > section, .section-container > .section, .section-container.auto > section, .section-container.auto > .section {
    position: relative; }
    .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      margin-bottom: 0; }
      .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333333;
        font-size: 0.875em;
        white-space: nowrap; }
      .section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
        background-color: #e2e2e2; }
    .section-container > section .content, .section-container > .section .content, .section-container.auto > section .content, .section-container.auto > .section .content {
      display: none;
      padding: 0.9375em;
      background-color: white; }
      .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
        margin-bottom: 0; }
      .section-container > section .content > *:first-child, .section-container > .section .content > *:first-child, .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
        padding-top: 0; }
      .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
        padding-bottom: 0; }
    .section-container > section.active > .content, .section-container > .section.active > .content, .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
      display: block; }
    .section-container > section.active > .title, .section-container > .section.active > .title, .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
      background: #d5d5d5; }
      .section-container > section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
        color: #333333; }
    .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
      top: 0;
      width: 100%;
      margin: 0;
      border-top: solid 1px #cccccc; }
      .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
        width: 100%; }

.section-container.tabs {
  border: 0;
  position: relative; }
  .section-container.tabs > section, .section-container.tabs > .section {
    border: 0;
    position: static; }
    .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      margin-bottom: 0; }
      .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333333;
        font-size: 0.875em;
        white-space: nowrap; }
      .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover {
        background-color: #e2e2e2; }
    .section-container.tabs > section .content, .section-container.tabs > .section .content {
      display: none;
      padding: 0.9375em;
      background-color: white; }
      .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
        margin-bottom: 0; }
      .section-container.tabs > section .content > *:first-child, .section-container.tabs > .section .content > *:first-child {
        padding-top: 0; }
      .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
        padding-bottom: 0; }
    .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
      display: block; }
    .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
      background: white; }
      .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a {
        color: #333333; }
    .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
      width: auto;
      border: solid 1px #cccccc;
      border-right: 0;
      border-bottom: 0;
      position: absolute;
      top: 0;
      z-index: 1; }
      .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
        width: 100%; }
    .section-container.tabs > section:last-child .title, .section-container.tabs > .section:last-child .title {
      border-right: solid 1px #cccccc; }
    .section-container.tabs > section .content, .section-container.tabs > .section .content {
      border: solid 1px #cccccc;
      position: absolute;
      z-index: 10;
      display: none;
      top: -1px; }
    .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
      z-index: 11;
      border-bottom: 0;
      background-color: white; }
    .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
      position: relative; }

@media only screen and (min-width: 50em) {
  .section-container.auto {
    border: 0;
    position: relative; }
    .section-container.auto > section, .section-container.auto > .section {
      border: 0;
      position: static; }
      .section-container.auto > section > .title, .section-container.auto > .section > .title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0; }
        .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
          padding: 0.9375em;
          display: inline-block;
          color: #333333;
          font-size: 0.875em;
          white-space: nowrap; }
        .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
          background-color: #e2e2e2; }
      .section-container.auto > section .content, .section-container.auto > .section .content {
        display: none;
        padding: 0.9375em;
        background-color: white; }
        .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
          margin-bottom: 0; }
        .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
          padding-top: 0; }
        .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
          padding-bottom: 0; }
      .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
        display: block; }
      .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
        background: white; }
        .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
          color: #333333; }
      .section-container.auto > section > .title, .section-container.auto > .section > .title {
        width: auto;
        border: solid 1px #cccccc;
        border-right: 0;
        border-bottom: 0;
        position: absolute;
        top: 0;
        z-index: 1; }
        .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
          width: 100%; }
      .section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title {
        border-right: solid 1px #cccccc; }
      .section-container.auto > section .content, .section-container.auto > .section .content {
        border: solid 1px #cccccc;
        position: absolute;
        z-index: 10;
        display: none;
        top: -1px; }
      .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
        z-index: 11;
        border-bottom: 0;
        background-color: white; }
      .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
        position: relative; }

  .section-container.accordion .section {
    padding-top: 0 !important; }

  .section-container.vertical-tabs {
    border: 1px solid #cccccc;
    position: relative; }
    .section-container.vertical-tabs section,
    .section-container.vertical-tabs .section {
      padding-top: 0 !important;
      border: 0;
      position: static; }
      .section-container.vertical-tabs section > .title,
      .section-container.vertical-tabs .section > .title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0; }
        .section-container.vertical-tabs section > .title a,
        .section-container.vertical-tabs .section > .title a {
          padding: 0.9375em;
          display: inline-block;
          color: #333333;
          font-size: 0.875em;
          white-space: nowrap; }
        .section-container.vertical-tabs section > .title:hover,
        .section-container.vertical-tabs .section > .title:hover {
          background-color: #e2e2e2; }
      .section-container.vertical-tabs section .content,
      .section-container.vertical-tabs .section .content {
        display: none;
        padding: 0.9375em;
        background-color: white; }
        .section-container.vertical-tabs section .content > *:last-child,
        .section-container.vertical-tabs .section .content > *:last-child {
          margin-bottom: 0; }
        .section-container.vertical-tabs section .content > *:first-child,
        .section-container.vertical-tabs .section .content > *:first-child {
          padding-top: 0; }
        .section-container.vertical-tabs section .content > *:last-child,
        .section-container.vertical-tabs .section .content > *:last-child {
          padding-bottom: 0; }
      .section-container.vertical-tabs section.active > .content,
      .section-container.vertical-tabs .section.active > .content {
        display: block; }
      .section-container.vertical-tabs section.active > .title,
      .section-container.vertical-tabs .section.active > .title {
        background: #d5d5d5; }
        .section-container.vertical-tabs section.active > .title a,
        .section-container.vertical-tabs .section.active > .title a {
          color: #333333; }
      .section-container.vertical-tabs section > .title,
      .section-container.vertical-tabs .section > .title {
        position: absolute;
        border-top: solid 1px #cccccc;
        width: 12.5em; }
      .section-container.vertical-tabs section:first-child .title,
      .section-container.vertical-tabs .section:first-child .title {
        border-top: 0; }
      .section-container.vertical-tabs section .content,
      .section-container.vertical-tabs .section .content {
        display: block;
        position: relative;
        left: 12.5em;
        border-left: solid 1px #cccccc;
        z-index: 10; }
      .section-container.vertical-tabs section.active > .title,
      .section-container.vertical-tabs .section.active > .title {
        background-color: #d5d5d5;
        width: 12.5625em;
        border-right: solid 0 transparent;
        z-index: 11; }
      .section-container.vertical-tabs section.active:last-child .title,
      .section-container.vertical-tabs .section.active:last-child .title {
        border-bottom: 0; }

  .section-container.vertical-nav {
    border: 0;
    position: relative; }
    .section-container.vertical-nav > section, .section-container.vertical-nav > .section {
      padding-top: 0 !important;
      position: relative; }
      .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0; }
        .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
          padding: 0.9375em;
          display: inline-block;
          color: #333333;
          font-size: 0.875em;
          white-space: nowrap; }
        .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
          background-color: #e2e2e2; }
      .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
        display: none;
        padding: 0.9375em;
        background-color: white; }
        .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
          margin-bottom: 0; }
        .section-container.vertical-nav > section .content > *:first-child, .section-container.vertical-nav > .section .content > *:first-child {
          padding-top: 0; }
        .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
          padding-bottom: 0; }
      .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
        display: block; }
      .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title {
        background: #d5d5d5; }
        .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a {
          color: #333333; }
      .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
        border-top: none;
        border: solid 1px #cccccc; }
        .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
          display: block;
          width: 100%; }
      .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
        display: none; }
      .section-container.vertical-nav > section:first-child .title, .section-container.vertical-nav > .section:first-child .title {
        border-bottom: none; }
      .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
        display: block;
        position: absolute;
        left: 100%;
        top: 0px;
        z-index: 999;
        min-width: 12.5em;
        border: solid 1px #cccccc; }

  .section-container.horizontal-nav {
    position: relative;
    background: #efefef;
    border: 1px solid #cccccc; }
    .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section {
      padding-top: 0;
      border: 0;
      position: static; }
      .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0; }
        .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
          padding: 0.9375em;
          display: inline-block;
          color: #333333;
          font-size: 0.875em;
          white-space: nowrap; }
        .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
          background-color: #e2e2e2; }
      .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
        display: none;
        padding: 0.9375em;
        background-color: white; }
        .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
          margin-bottom: 0; }
        .section-container.horizontal-nav > section .content > *:first-child, .section-container.horizontal-nav > .section .content > *:first-child {
          padding-top: 0; }
        .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
          padding-bottom: 0; }
      .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
        display: block; }
      .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title {
        background: #d5d5d5; }
        .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
          color: #333333; }
      .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
        width: auto;
        border: solid 1px #cccccc;
        border-left: 0;
        top: -1px;
        position: absolute;
        z-index: 1; }
        .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
          width: 100%; }
      .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
        display: none; }
      .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
        display: block;
        position: absolute;
        z-index: 999;
        left: 0;
        top: -2px;
        min-width: 12.5em;
        border: solid 1px #cccccc; } }
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #111111; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #111111;
  margin-bottom: 1.875em; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 2.45em; }
  .top-bar .button {
    padding-top: .5em;
    padding-bottom: .5em;
    margin-bottom: 0; }
  .top-bar .title-area {
    position: relative; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 1.0625em;
      margin: 0; }
      .top-bar .name h1 a {
        font-weight: bold;
        color: white;
        width: 50%;
        display: block;
        padding: 0 15px; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: white;
      text-transform: uppercase;
      font-size: 0.8125em;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      right: 15px;
      top: 50%;
      margin-top: -16px;
      padding-left: 40px; }
      .top-bar .toggle-topbar.menu-icon a {
        text-indent: -48px;
        width: 34px;
        height: 34px;
        line-height: 33px;
        padding: 0;
        color: white; }
        .top-bar .toggle-topbar.menu-icon a span {
          position: absolute;
          right: 0;
          display: block;
          width: 16px;
          height: 0;
          -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
          box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #111111; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span {
        -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
        box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    width: 100%;
    height: auto;
    display: block;
    background: #333333;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-bottom: solid 1px #4d4d4d;
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: white;
    padding: 12px 0 12px 0;
    padding-left: 15px;
    font-size: 0.8125em;
    font-weight: bold;
    background: #333333; }
    .top-bar-section ul li > a:hover {
      background: #2b2b2b; }
    .top-bar-section ul li > a.button {
      background: #2ba6cb;
      font-size: 0.8125em; }
      .top-bar-section ul li > a.button:hover {
        background: #2284a1; }
    .top-bar-section ul li > a.button.secondary {
      background: #e9e9e9; }
      .top-bar-section ul li > a.button.secondary:hover {
        background: #d0d0d0; }
    .top-bar-section ul li > a.button.success {
      background: #5da423; }
      .top-bar-section ul li > a.button.success:hover {
        background: #457a1a; }
    .top-bar-section ul li > a.button.alert {
      background: #c60f13; }
      .top-bar-section ul li > a.button.alert:hover {
        background: #970b0e; }
  .top-bar-section ul li.active > a {
    background: #2b2b2b; }
  .top-bar-section .has-form {
    padding: 15px; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 22px;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        visibility: visible; }
  .top-bar-section .dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    visibility: hidden;
    z-index: 99; }
    .top-bar-section .dropdown li {
      width: 100%; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 15px; }
      .top-bar-section .dropdown li.title h5 {
        margin-bottom: 0; }
        .top-bar-section .dropdown li.title h5 a {
          color: white;
          line-height: 22.5px;
          display: block; }
    .top-bar-section .dropdown label {
      padding: 8px 15px 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #555555;
      font-weight: bold;
      font-size: 0.625em; }

.top-bar-js-breakpoint {
  width: 58.75em !important;
  visibility: hidden; }

.js-generated {
  display: block; }

@media only screen and (min-width: 58.75em) {
  .top-bar {
    background: #111111;
    *zoom: 1;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button {
      line-height: 2em;
      font-size: 0.875em;
      height: 2em;
      padding: 0 10px;
      position: relative;
      top: 8px; }
    .top-bar.expanded {
      background: #111111; }

  .contain-to-grid .top-bar {
    max-width: 62.5em;
    margin: 0 auto;
    margin-bottom: 1.875em; }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #111111; }
      .top-bar-section li a:not(.button):hover {
        background: black; }
    .top-bar-section .has-dropdown > a {
      padding-right: 35px !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        visibility: hidden; }
    .top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown {
      visibility: visible; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      margin-top: -15px;
      right: 5px; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 1;
        white-space: nowrap;
        padding: 7px 15px;
        background: #1e1e1e; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #1e1e1e; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #2b2b2b;
      border-left: solid 1px black;
      clear: none;
      height: 45px;
      width: 0px; }
    .top-bar-section .has-form {
      background: #111111;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section ul.right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section ul.right li .dropdown li .dropdown {
        right: 100%; } }
.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: whitesmoke; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    .orbit-container .orbit-slides-container img {
      display: block; }
    .orbit-container .orbit-slides-container > * {
      position: relative;
      float: left;
      height: 100%; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        width: 100%;
        padding: 10px 14px;
        font-size: 0.875em; }
        .orbit-container .orbit-slides-container > * .orbit-caption * {
          color: white; }
  .orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: white;
    background: rgba(0, 0, 0, 0); }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125em; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 6px;
    width: 100px; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 100%;
      background-color: black;
      background-color: rgba(0, 0, 0, 0.6);
      display: block;
      width: 0%; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 10px;
      right: 0px;
      width: 11px;
      height: 14px;
      border: solid 4px black;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -6px;
      top: 9px;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-right-style: solid;
      border-color: transparent transparent transparent black; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    width: 50px;
    height: 60px;
    line-height: 50px;
    color: white;
    text-indent: -9999px !important; }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {}
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #fff; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #ccc; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {}
    .orbit-container .orbit-next:hover > span {
      border-left-color: #ccc; }

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px; }
  .orbit-bullets li {
    display: block;
    width: 18px;
    height: 18px;
    background: #999999;
    float: left;
    margin-right: 6px;
    border: solid 2px #222222;
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #222222; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width: 50em) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  background-color: #fff;
  margin-left: -40%;
  width: 80%;
  background-color: white;
  padding: 1.25em;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 50px; }
  .reveal-modal .column,
  .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  .reveal-modal .close-reveal-modal {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: 0.5em;
    right: 0.6875em;
    color: #aaaaaa;
    font-weight: bold;
    cursor: pointer; }

@media only screen and (min-width: 50em) {
  .reveal-modal {
    padding: 1.875em;
    top: 6.25em; }
    .reveal-modal.tiny {
      margin-left: -15%;
      width: 30%; }
    .reveal-modal.small {
      margin-left: -20%;
      width: 40%; }
    .reveal-modal.medium {
      margin-left: -30%;
      width: 60%; }
    .reveal-modal.large {
      margin-left: -35%;
      width: 70%; }
    .reveal-modal.xlarge {
      margin-left: -47.5%;
      width: 95%; } }
@media print {
  .reveal-modal {
    background: white !important; } }
/* Foundation Joyride */
.joyride-list {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: black;
  color: white;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%; }

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px; }

.joyride-content-wrapper {
  width: 100%;
  padding: 1.125em 1.25em 1.5em; }
  .joyride-content-wrapper .button {
    margin-bottom: 0 !important; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: inset 14px; }
  .joyride-tip-guide .joyride-nub.top {
    border-top-style: solid;
    border-color: black;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -28px; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: black !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -28px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -28px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -28px; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: white; }

.joyride-tip-guide p {
  margin: 0 0 1.125em 0;
  font-size: 0.875em;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555555;
  position: absolute;
  right: 1.0625em;
  bottom: 1em; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666; }

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 30px;
  font-weight: normal;
  line-height: 0.5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #eeeeee !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.joyride-expose-wrapper {
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  -moz-box-shadow: 0px 0px 30px white;
  -webkit-box-shadow: 0px 0px 15px white;
  box-shadow: 0px 0px 15px white; }

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0px;
  left: 0px; }

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 50.001em) {
  .joyride-tip-guide {
    width: 300px;
    left: inherit; }
    .joyride-tip-guide .joyride-nub.bottom {
      border-color: black !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      bottom: -28px; }
    .joyride-tip-guide .joyride-nub.right {
      border-color: black !important;
      border-top-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: auto;
      right: -28px; }
    .joyride-tip-guide .joyride-nub.left {
      border-color: black !important;
      border-top-color: transparent !important;
      border-left-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: -28px;
      right: auto; } }
/* Clearing Styles */
[data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
  list-style: none; }
  [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  [data-clearing]:after {
    clear: both; }
  [data-clearing] li {
    float: left;
    margin-right: 10px; }

.clearing-blackout {
  background: #111111;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  color: white;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #111111;
  width: 100%;
  padding: 10px 30px;
  position: absolute;
  left: 0; }

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 40px;
  line-height: 1;
  color: white;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #ccc; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

@media only screen and (min-width: 50em) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      position: absolute;
      top: 50%;
      display: block;
      width: 0;
      height: 0;
      border: solid 16px; }

  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: white; }

  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: white; }

  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.5; }

  .clearing-feature ~ li {
    display: none; }

  .clearing-assembled .clearing-container .carousel {
    background: #111111;
    height: 150px;
    margin-top: 5px; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: block;
      z-index: 999;
      width: 200%;
      height: 100%;
      margin-left: 0;
      position: relative;
      left: 0; }
      .clearing-assembled .clearing-container .carousel > ul li {
        display: block;
        width: 175px;
        height: inherit;
        padding: 0;
        float: left;
        overflow: hidden;
        margin-right: 1px;
        position: relative;
        cursor: pointer;
        opacity: 0.4; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          min-height: 100%;
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          min-width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
  .clearing-assembled .clearing-container .visible-img {
    background: #111111;
    overflow: hidden;
    height: 75%; }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0; } }
/* Foundation Alerts */
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: 1.25em;
  position: relative;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 0.875em;
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: white; }
  .alert-box .close {
    font-size: 1.375em;
    padding: 5px 4px 4px;
    line-height: 0;
    position: absolute;
    top: 0.4375em;
    right: 0.3125em;
    color: #333333;
    opacity: 0.3; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  .alert-box.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white; }
  .alert-box.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white; }
  .alert-box.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #505050; }

/* Breadcrumbs */
.breadcrumbs {
  display: block;
  padding: 0.5625em 0.875em 0.5625em;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #f6f6f6;
  border-color: gainsboro;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875em;
    text-transform: uppercase;
    color: #2ba6cb; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a,
    .breadcrumbs > * span {
      text-transform: uppercase;
      color: #2ba6cb; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaaaaa;
      margin: 0 0.75em;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Keystroke Characters */
.keystroke,
kbd {
  background-color: #ededed;
  border-color: #dbdbdb;
  color: #222222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 0.9375em;
  padding: 0.125em 0.25em 0em;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

/* Labels */
.label {
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  padding: 0.1875em 0.625em 0.25em;
  font-size: 0.875em;
  background-color: #2ba6cb;
  color: white; }
  .label.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  .label.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  .label.alert {
    background-color: #c60f13;
    color: white; }
  .label.success {
    background-color: #5da423;
    color: white; }
  .label.secondary {
    background-color: #e9e9e9;
    color: #333333; }

/* Inline Lists */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
    .inline-list > li > * {
      display: block; }

/* Pagination */
.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; }
  .pagination li {
    display: block;
    float: left;
    height: 1.5em;
    color: #222222;
    font-size: 0.875em;
    margin-left: 0.3125em; }
    .pagination li a {
      display: block;
      padding: 0.0625em 0.4375em 0.0625em;
      color: #999999; }
    .pagination li:hover a,
    .pagination li a:focus {
      background: #e6e6e6; }
    .pagination li.unavailable a {
      cursor: default;
      color: #999999; }
    .pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
      background: transparent; }
    .pagination li.current a {
      background: #2ba6cb;
      color: white;
      font-weight: bold;
      cursor: default; }
      .pagination li.current a:hover, .pagination li.current a:focus {
        background: #2ba6cb; }

.pagination-centered {
  text-align: center; }
  .pagination-centered ul > li {
    float: none;
    display: inline-block; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #f2f2f2; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
    color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625em; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #2284a1;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #2ba6cb;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
      color: white; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625em; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
  .panel.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #dddddd;
  margin-left: 0;
  margin-bottom: 1.25em; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #dddddd;
    padding: 0.9375em 1.25em;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-size: 1em; }
  .pricing-table .price {
    background-color: #eeeeee;
    padding: 0.9375em 1.25em;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 1.25em; }
  .pricing-table .description {
    background-color: white;
    padding: 0.9375em;
    text-align: center;
    color: #777777;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .bullet-item {
    background-color: white;
    padding: 0.9375em;
    text-align: center;
    color: #333333;
    font-size: 0.875em;
    font-weight: normal;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .cta-button {
    background-color: whitesmoke;
    text-align: center;
    padding: 1.25em 1.25em 0; }

/* Progress Bar */
.progress {
  background-color: transparent;
  height: 1.5625em;
  border: 1px solid #cccccc;
  padding: 0.125em;
  margin-bottom: 0.625em; }
  .progress .meter {
    background: #2ba6cb;
    height: 100%;
    display: block; }
  .progress.secondary .meter {
    background: #e9e9e9;
    height: 100%;
    display: block; }
  .progress.success .meter {
    background: #5da423;
    height: 100%;
    display: block; }
  .progress.alert .meter {
    background: #c60f13;
    height: 100%;
    display: block; }
  .progress.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .progress.radius .meter {
      -webkit-border-radius: 2px;
      border-radius: 2px; }
  .progress.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
    .progress.round .meter {
      -webkit-border-radius: 999px;
      border-radius: 999px; }

/* Side Nav */
.side-nav {
  display: block;
  margin: 0;
  padding: 0.875em 0;
  list-style-type: none;
  list-style-position: inside; }
  .side-nav li {
    margin: 0 0 0.4375em 0;
    font-size: 0.875em; }
    .side-nav li a {
      display: block;
      color: #2ba6cb; }
    .side-nav li.active > a:first-child {
      color: #4d4d4d;
      font-weight: bold; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: #e6e6e6; }

/* Side Nav */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25em 0 1.125em;
  padding-top: 0.25em;
  margin-right: 0;
  margin-left: -0.5625em; }
  .sub-nav dt,
  .sub-nav dd {
    float: left;
    display: inline;
    margin-left: 0.5625em;
    margin-bottom: 0.625em;
    font-weight: normal;
    font-size: 0.875em; }
    .sub-nav dt a,
    .sub-nav dd a {
      color: #999999;
      text-decoration: none; }
    .sub-nav dt.active a,
    .sub-nav dd.active a {
      -webkit-border-radius: 1000px;
      border-radius: 1000px;
      font-weight: bold;
      background: #2ba6cb;
      padding: 0.1875em 0.5625em;
      cursor: default;
      color: white; }

/* Foundation Switches */
@media only screen {
  div.switch {
    position: relative;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25em;
    -webkit-animation: webkitSiblingBugfix infinite 1s;
    height: 36px;
    background: white;
    border-color: #cccccc; }
    div.switch label {
      position: relative;
      left: 0;
      z-index: 2;
      float: left;
      width: 50%;
      height: 100%;
      margin: 0;
      font-weight: bold;
      text-align: left;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input {
      position: absolute;
      z-index: 3;
      opacity: 0;
      width: 100%;
      height: 100%;
      -moz-appearance: none; }
      div.switch input:hover, div.switch input:focus {
        cursor: pointer; }
    div.switch > span {
      position: absolute;
      top: -1px;
      left: -1px;
      z-index: 1;
      display: block;
      padding: 0;
      border-width: 1px;
      border-style: solid;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input:not(:checked) + label {
      opacity: 0; }
    div.switch input:checked {
      display: none !important; }
    div.switch input {
      left: 0;
      display: block !important; }
    div.switch input:first-of-type + label,
    div.switch input:first-of-type + span + label {
      left: -50%; }
    div.switch input:first-of-type:checked + label,
    div.switch input:first-of-type:checked + span + label {
      left: 0%; }
    div.switch input:last-of-type + label,
    div.switch input:last-of-type + span + label {
      right: -50%;
      left: auto;
      text-align: right; }
    div.switch input:last-of-type:checked + label,
    div.switch input:last-of-type:checked + span + label {
      right: 0%;
      left: auto; }
    div.switch span.custom {
      display: none !important; }
    div.switch label {
      padding: 0 0.375em;
      line-height: 2.3em;
      font-size: 0.875em; }
    div.switch input:first-of-type:checked ~ span {
      left: 100%;
      margin-left: -2.1875em; }
    div.switch > span {
      width: 2.25em;
      height: 2.25em; }
    div.switch > span {
      border-color: #b3b3b3;
      background: white;
      background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
      background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
      background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
      -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
      box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; }
    div.switch:hover > span, div.switch:focus > span {
      background: white;
      background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
      background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
      background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); }
    div.switch:active {
      background: transparent; }
    div.switch.large {
      height: 44px; }
      div.switch.large label {
        padding: 0 0.375em;
        line-height: 2.3em;
        font-size: 1.0625em; }
      div.switch.large input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -2.6875em; }
      div.switch.large > span {
        width: 2.75em;
        height: 2.75em; }
    div.switch.small {
      height: 28px; }
      div.switch.small label {
        padding: 0 0.375em;
        line-height: 2.1em;
        font-size: 0.75em; }
      div.switch.small input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -1.6875em; }
      div.switch.small > span {
        width: 1.75em;
        height: 1.75em; }
    div.switch.tiny {
      height: 22px; }
      div.switch.tiny label {
        padding: 0 0.375em;
        line-height: 1.9em;
        font-size: 0.6875em; }
      div.switch.tiny input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -1.3125em; }
      div.switch.tiny > span {
        width: 1.375em;
        height: 1.375em; }
    div.switch.radius {
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      div.switch.radius > span {
        -webkit-border-radius: 3px;
        border-radius: 3px; }
    div.switch.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; }
      div.switch.round > span {
        -webkit-border-radius: 999px;
        border-radius: 999px; }
      div.switch.round label {
        padding: 0 0.5625em; }

  @-webkit-keyframes webkitSiblingBugfix {
    from {
      position: relative; }

    to {
      position: relative; } } }
[data-magellan-expedition] {
  background: white;
  z-index: 50;
  min-width: 100%;
  padding: 10px; }
  [data-magellan-expedition] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd {
      margin-bottom: 0; }

/* Tables */
table {
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }
  table thead,
  table tfoot {
    background: whitesmoke;
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5em 0.625em 0.625em;
      font-size: 0.875em;
      color: #222222;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #222222; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125em; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px white;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
  .th.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }

a.th {
  display: block; }


@media only screen and (max-width: 800px) {
  .f-dropdown {
    max-width: 100%;
    left: 0; } }
/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  top: -9999px;
  list-style: none;
  padding: 1.25em;
  width: 100%;
  height: auto;
  max-height: none;
  background: white;
  border: solid 1px #cccccc;
  font-size: 16px;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown *:first-child {
    margin-top: 0; }
  .f-dropdown *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent white transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 99; }
  .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 98; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown li {
    font-size: 0.875em;
    cursor: pointer;
    line-height: 1.125em;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {
      background: #eeeeee; }
    .f-dropdown li a {
      display: block;
      padding: 0.3125em 0.625em;
      color: #555555; }
  .f-dropdown.content {
    position: absolute;
    top: -9999px;
    list-style: none;
    padding: 1.25em;
    width: 100%;
    height: auto;
    max-height: none;
    background: white;
    border: solid 1px #cccccc;
    font-size: 16px;
    z-index: 99;
    max-width: 200px; }
    .f-dropdown.content *:first-child {
      margin-top: 0; }
    .f-dropdown.content *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }
/***************foundation.css ends*****************/

/***************custom.css starts*****************/
@charset "utf-8";
/* CSS Document */
.demorelease, #popupblockenter, ul.widgets .last {display:none!important}
html,body
{
    width: 100%;
	margin: 0px;
    padding: 0px;
}

.clear:before,
.clear:after {
   content:"";
   display:table;
}
.clear:after {
   clear:both;
}
.clear {
   zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

a {color:#010101;}
.paddingLeftReset {padding-left:0;}
.nosidepaddings {padding-right:0; padding-left:0;}
form {margin:0;}
.relativewrap {position:relative;}

/* Top Bar */
#navigation {height:72px; padding-top:11px; background-color:#0097d8;}
#navigation ul > li {color:#fff; display:inline;}

/* Sprites */
.sprite {background-image: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png);}

/* Navigation */
#navigation .hplogo a {display:block; height:50px; width:50px;} 
#navigation .hplogo a.logo{background-position:0px 0px;}

#navigation .main {padding:12px 0 0 35px; margin-bottom:0;}
#navigation .main li {float:left; margin-right:35px;}
#navigation .main li.last {margin-right:0;}
#navigation .main li a {position: relative;}
#navigation .main li a:hover {border-bottom:solid 2px #fff;}
#navigation .main li a.active:hover {border-bottom:none;}
#navigation .main li a {color:#fff;font-weight:bold;}
#navigation .main li a.active:after, #navigation .main li a.active:before { top: 48px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index:10; }
#navigation .main li a.active:after { border-color: rgba(0, 150, 214, 0); border-top-color: #0096d6; border-width: 10px; left: 50%; margin-left: -10px; } 



/* Overwrite Foundation Input styles*/
.inputFields input {box-shadow:none;}

#navigation .widgetContainer {width:297px; padding-top:12px;}

/* Search Box */
form.search{margin:10px 0 0 0;}
.inputFields {/*background-color: #FFFFFF;*/ height: 25px; width: 223px; /*z-index: 0;*/}
input.searchBox {background: none repeat scroll 0 0 #FFFFFF; border: medium none; color: #767676; height: 25px; padding: 4px 0 4px 7px; width: 182px; z-index: 0; width:196px;}
input.searchSubmit {border: 0 none; background-color:#fff; background-position:-50px 0px; height:25px; width:25px; cursor:pointer;}

/* Widgets */
#navigation ul.widgets {margin-left:16px; margin-bottom:0;}
#navigation ul.widgets > li {color:#fff; display:inline; float:left; padding-right:7px;}
#navigation ul.widgets > li a {display:block; height:25px; width:25px;} 
#navigation ul.widgets > li a.connect{background-position:-80px 0px;}
#navigation ul.widgets > li a.communities{background-position:-112px 0px;}
#navigation ul.widgets > li.last {padding-right:0;}

nav .topmenu ul {margin-bottom:0; padding-top:0px;}

/* top nav etr fixes begin */

nav .topmenu ul li {display:inline; list-style:none; float:left; /* margin-right:10px;*/}
nav .topmenu ul li, nav .topmenu ul li a {color:#767676;}
/*nav .topmenu ul li a:hover {color:#006699;}*/
/* nav .topmenu ul li + li a.mainLink:before, */.legal ul.weblegal li + li a:before{content: "|"; width:2px; display:block; float:left; padding-right:13px; /*padding-left:8px;*/ color:#cdcdcd;}
/* nav .topmenu ul li + li a.mainLink:before {position:relative; top:4px;} */
.legal ul li + li a:hover:before {color:#cdcdcd;}
/* nav .topmenu ul li a.phone {color:#000; font-weight:400;} */

/* top nav etr fixes end */

/*#storenav{padding-top:10px;}*/


#slider-prev .disabled, #slider-next .disabled {display:none;}
#slider-next .bx-next{background: url(/wcsstore/HPStorefrontAssetStore/img/next.png) no-repeat top center; position: absolute; right: 20px; height:30px; width:20px; bottom:0; top:-113px;}
#slider-next a{padding-top:60px; display:block;}
#slider-prev .bx-prev{background: url(/wcsstore/HPStorefrontAssetStore/img/prev.png) no-repeat top center; position: absolute; left: 20px; height:30px; width:20px; bottom:0; top:-113px;}
#slider-prev a{padding-top:60px; display:block;}
.bxslider li .caption {text-align:center; margin-bottom:0; font-size:.9em;}
#storenav .bx-wrapper { margin: 0 0 10px;}
.outside {position:relative;}
@media only screen and (max-width: 1000px){
#slider-prev a{text-indent:-9999px;}
#slider-next a{text-indent:-9999px;}
	}
	


/* Hero Tout */
.heroContent {position:relative; z-index:20; top:-15em;}

/* Slide Captions -----------------------------------------------------------------------------------------------*/
#captions {padding: 3% 0 0 5%; position:absolute; top:10%; width:100%;}

#captions h3 {font-size:1.39em; font-weight:100; margin-bottom: 0.25em;}
#captions h2 {font-size:2.2em; font-weight:100; line-height:.92em; margin-bottom:.25em; margin-top:0;}
#captions p {width:80%;}

.orbit-container .orbit-slides-container > * .viewcart a { 
padding:12px 14px 11px 14px;
background-color:#d7410b;
color:#fff;
position:relative;
border: 0px solid #D7410B;
-webkit-border-radius: 0px 5px 0px 5px;
-moz-border-radius: 0px 5px 0px 5px;  
border-radius: 0px 5px 0px 5px; 
/*behavior: url(../js/vendor/behaviors/PIE/PIE.htc);*/ /* Off shore removed */

}
.orbit-container .orbit-slides-container > * .viewcart a:hover { 
background-color:#a74222;
}
.title > sup {
    line-height: 0.6em;
    position: relative;
    top: 0.25em;
}

@media only screen and (max-width: 800px) {

#captions {top:50%; bottom:0; position:absolute; width:100%; padding:5% 0 0 2%;}

#captions h3 {width:45%; font-weight:100; margin-bottom: 0.25em;}
#captions h1 {width:100%; font-weight:100; line-height:.92em; margin-bottom:.5em; margin-top:0;}
#captions p {width:100%; font-size:1.4em; margin-top:.5em;}
		
	
}
@media only screen and (max-width: 568px) {

#captions p {width:100%; font-size:1.15em; margin-top:.5em;}		
	
}

@media only screen and (max-width: 478px) {

#captions p {width:100%; font-size:.8em; margin-top:.5em;}		
	
}

@media only screen and (max-width: 350px) {


#captions h3 {margin-bottom: 0em;}
#captions h1 {margin-bottom:.2em;}
#captions p {font-size:.7em; margin-top:.5em;}
		
	
}
/* End Slide Captions -------------------------------------------------------------------------------------------*/


/* Resolutions 1900px + wide*/
.orbit-container {
    background: none repeat scroll 0 0 #fff;
	max-width:1900px;
	margin:0 auto;
}
.orbit-container .orbit-timer  {display:none;}


.dividerup{background: url(/wcsstore/HPStorefrontAssetStore/heroimages/divider-up.png) no-repeat top center;  height:9px; background-size:100%; position:relative; top:-9px; }
.divider{background: url(/wcsstore/HPStorefrontAssetStore/heroimages/divider.png) no-repeat top center;  height:9px; background-size:100%; position:relative; /*top:9px;*/}
.dividerminus{background: url(/wcsstore/HPStorefrontAssetStore/heroimages/divider.png) no-repeat top center;  height:9px; background-size:100%; position:relative; top:-9px; }

.orbit-bullets {margin: 0 auto; top: 0px; width: 50px; overflow:visible; top:-2em;}
.orbit-bullets li {
    background: none repeat scroll 0 0 #CBCCCD;
    border: none;
    border-radius: 1000px 1000px 1000px 1000px;
    display: block;
    float: left;
    height: 12px;
    margin-right: 6px;
    width: 12px;
}
.orbit-bullets li.active {background: none repeat scroll 0 0 #0d98d5;}

#eppModule{padding-bottom:30px;}
#eppModule .item{padding-top:30px;}
#eppModule .dividerVertical:after{content:""; background: #d7d7d7; position: absolute; bottom: 10%; left: 0; height: 70%; width: 1px;}
.percent40{width:40%;}
.percent50{width:50%;}
.percent60{width:60%;}
#eppModule .txtContainer p {font-size:.9em;}
#eppModule .txtContainer .redPrice {font-size:1.4em; color:#d7410b;}
.red {color:#d7410b; font-size:1.4em; font-weight:100;}
.red > sup {line-height: 0.6em; position:relative; top:0.25em; font-size:.7em;}

a.details{display:inline-block; line-height:18px; background:url(/wcsstore/HPStorefrontAssetStore/img/anchor.png)  center left no-repeat; padding-left:28px;} 

/* Product finder -------------------------------------------------------------------------------------------*/


@media only screen and (min-width: 801px) {

#productFinder{height:12.25em;}
#productFinder .item{padding-top:2em; padding-left:0;}
#productFinder .item .txtContainer {position:absolute; z-index:10; top:1.1em} 
#productFinder .item .imgContainer {position:absolute; right:1.3em; top:10%;}
#productFinder h4 {font-size:1.82em; font-weight:100;}
#productFinder h4.sixty {width:70%;} 
#productFinder .dividerborder:after{content:""; background: #d7d7d7; position: absolute; left: -1em; height: 9em; width: 1px;}


}

@media only screen and (max-width: 967px) and (min-width: 801px){
#productFinder h4 {font-size:1.22em; font-weight:100;}
#productFinder { height: 11.25em;}
#productFinder .item .imgContainer {right: .5em;}
#productFinder .imgContainer img  {width:90%;}
#productFinder .item {padding-left: 0; padding-top: 2.5em;}
#productFinder .firstitem .txtContainer {padding-left:2%;}
#productFinder .dividerborder:after {height: 7.5em;}

}

@media only screen and (min-width: 801px){
#featuredProducts {background: url(/wcsstore/HPStorefrontAssetStore/img/featured-bg.jpg) no-repeat top center; height:30em; }
#featuredProducts .topReview {padding-top:5px;}
.nav-secondary{display:none}

}

@media only screen and (max-width: 800px) {

#productFinder{}
#productFinder .item{padding-top:1.355em; padding-bottom:1.355em; background-color:#fbfbfb;}
#productFinder .chat{padding-bottom:1.355em;}
#productFinder .item .txtContainer {float:right;}
#productFinder .item .halfwidth {width: 52%;}
#productFinder .item .fullwidth {width: 100%;}  
#productFinder .item .imgContainer {width:45%;}
#productFinder .imgContainer > img {display:block; margin:0 auto;}
#productFinder h4 { width:120%; font-weight:100;}
#productFinder h4.sixty {width:120%;}
#productFinder .dividerborder {border-top:1px solid #e5e8e8;}
#productFinder #productfinderchat {width:64%;}

#productFinder .item {
    padding-left: 0.48em;
    padding-right: 0.48em;
}

#productFinder .item .halfwidth {
    width: 50%;
}
	
}


/* End product finder -------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 801px) {
#featuredProducts {background: url(/wcsstore/HPStorefrontAssetStore/img/featured-bg.jpg) no-repeat top center; height:30em; }	
#featuredProducts .topReview {position:relative;}	
#featuredProducts .topReview .imgContainer {position:absolute; left:-30%; width:90%;}
#featuredProducts .productInfo {position:absolute; z-index:5; right:10%; width:60%;}	

#featuredProducts .productInfo blockquote {padding-top:0;}
#featuredProducts .productInfo h4 {display:inline-block; padding-left:80px; font-weight:100; margin-bottom:0;}
#featuredProducts .productInfo .ratingcontainer {display:inline-block; padding-left:90px;}
#featuredProducts .productInfo .reviews {display:inline-block; padding-left:90px;}
#featuredProducts .productInfo .price {display:inline-block; padding-left:120px; width:12em;}
#featuredProducts .productInfo .shop {margin-left:150px;}

#featuredProducts .topTweeted {position:relative;}
#featuredProducts .topTweeted .info {position:absolute; z-index:5; float:left; width:65%;}
#featuredProducts .topTweeted .imgContainer {position:absolute; right:-30%;}

#featuredProducts .topTweeted .info .twitter {margin-left:-20%;}
#featuredProducts .topTweeted .info blockquote {margin-left:-15%; width:20em;}	
#featuredProducts .topTweeted .info h4 {display:inline-block; font-weight:100; margin-bottom:0;}
#featuredProducts .topTweeted .info .price {padding-left:10%; width:12em;}
#featuredProducts .topTweeted .info .shop {margin-left:10%; width:12em;}
}
@media only screen and (max-width: 1279px) and (min-width: 801px){
#featuredProducts {background: url(/wcsstore/HPStorefrontAssetStore/img/featured-bg.jpg) no-repeat top center; height:30em; }
	
#featuredProducts .topReview {position:relative;}	
#featuredProducts .topReview .imgContainer {position:absolute; top:2em; left:-5%; width:60%;}
#featuredProducts .productInfo {position:absolute; z-index:5; right:5%; width:60%;}	

#featuredProducts .productInfo blockquote {padding-top:0;}
#featuredProducts .productInfo h4 {display:inline-block; padding-left:80px; font-weight:100; margin-bottom:0;}
#featuredProducts .productInfo .ratingcontainer {display:inline-block; padding-left:90px;}
#featuredProducts .productInfo .price {display:inline-block; padding-left:120px; width:12em;}
#featuredProducts .productInfo .shop {margin-left:150px;}

#featuredProducts .topTweeted {position:relative;}
#featuredProducts .topTweeted .info {position:absolute; z-index:5; float:left; width:65%;}
#featuredProducts .info h4 {display:inline-block; margin-bottom:0;}	
#featuredProducts .topTweeted .imgContainer {position:absolute; top:2em; right:-5%; width:70%;}

#featuredProducts .topTweeted .twitter {margin-left:-20%;}
#featuredProducts .topTweeted blockquote {margin-left:-15%; width:20em;}
#featuredProducts .info .price {padding-left:10%; width:12em;}
#featuredProducts .info .shop {margin-left:10%; width:12em;}
}

@media only screen and (max-width: 967px) and (min-width: 801px){
#featuredProducts blockquote {font-size:.75em; margin-bottom:0;}
#featuredProducts .cnet:before{margin-left:10px; }
#featuredProducts .productInfo .price span.red {font-size:2em;}
#featuredProducts .productInfo h4 {padding-left:55px;}
#featuredProducts .productInfo .ratingcontainer {padding-left:65px;}
#featuredProducts .productInfo .price {padding-left:85px;}
#featuredProducts .productInfo .shop {margin-left:110px;}
#featuredProducts {
    background: url("/wcsstore/HPStorefrontAssetStore/img/featured-bg.jpg") no-repeat scroll center top transparent;
    height: 23em;
	background-size:210%;
}

#featuredProducts .info .price span.red {font-size:2em;}


}

@media only screen and (max-width: 800px) {

#featuredslidermobile h5 {width:100%; padding-left:0.5em;}
#featuredslidermobile blockquote {padding-left:0.5em; line-height:1.2em; margin-bottom:0;}
#featuredslidermobile h1 {font-weight:100; margin-bottom:0; font-size:1.4em;}	
#featuredslidermobile .starsrate {width:100%;}
#featuredslidermobile .bx-wrapper {margin-bottom:0;}	
#featuredslidermobile .bx-wrapper img {margin:0 auto;}
#featuredslidermobile .bx-wrapper .rate img {display:inline;}
#featuredslidermobile .ratingcontainer {width:100%;}
#featuredslidermobile .price{width:30%; float:left; font-size:1.2em;}
#featuredslidermobile .shopnow {float:right; margin-top:0.5em;}
#featuredslidermobile h5 {margin-top:1.5em;}
#featuredmobile img.deviceslide {width:90%;}

#featured-next .bx-next {
    background: url("/wcsstore/HPStorefrontAssetStore/img/next-mobile44x44.png") no-repeat scroll center top transparent;
    bottom: 0;
    height: 44px;
    position: absolute;
    right: 5px;
    top: -16em;
    width: 44px;
}
#featured-next a {
    display: block;
    padding-top: 60px;
	text-indent: -9999px;
}

#featured-prev .bx-prev {
    background: url("/wcsstore/HPStorefrontAssetStore/img/prev-mobile44x44.png") no-repeat scroll center top transparent;
    bottom: 0;
    height: 30px;
    left: 5px;
    position: absolute;
    top: -16em;
    width: 20px;
}
#featured-prev .disabled, #featured-next .disabled {
    display: none;
}
#featured-prev a {
    display: block;
    padding-top: 60px;
	text-indent: -9999px;	
}

a.details {
    background: url("/wcsstore/HPStorefrontAssetStore/img/anchor20_20.png") no-repeat scroll left center transparent;
    display: inline-block;
    line-height: 20px;
    padding-left: 28px;
}

	}
	

.shopnow a {
    background-color: #5494d3;
    border: 0 solid #5494d3;
    border-radius: 0 5px 0 5px;
    color: #FFFFFF;
}
.shopnow a:hover {
    background-color: #006699;
}
.shopnow a {
    padding: 10px 30px 9px;
}	
	
.star {display:inline-block; line-height:18px; }
.star:before {content:"";width:18px; height:18px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) -140px 0px no-repeat; float:left; margin:0 5px 0 0;}
.twitter {display:inline-block; line-height:18px;}
.twitter:before {content:"";width:18px; height:18px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) -160px 0 no-repeat; float:left; margin:0 5px 0 0;}
.cnet {display:inline-block; line-height:38px; border-left:none; padding-left:0; }
.cnet:before {content:"";width:40px; height:38px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) 0px -90px no-repeat; float:left; margin:0 5px 0 0;}
.techcrunch {display:inline-block; line-height:1.2em; border-left:none; padding-left:0; }
.techcrunch:before {content:"";width:39px; height:38px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) -40px -90px no-repeat; float:left; margin:0 5px 0 0;}

#featuredProducts h2 {font-weight:100;}
#featuredProducts .price span.red {font-size:3em;}
#featuredProducts .price {margin-bottom:0;}


/* Secondary Featured  ----------------------------------------------------*/

#secondaryFeatured h3, #secondaryFeatured h5 {font-weight:100;}
#secondaryFeatured h5 {margin-bottom:0;}
#secondaryFeatured .price span.red {font-size:3em;}
#secondaryFeatured .price {margin-bottom:0; line-height:1.4em; padding-bottom: 0.8em;}
#secondaryFeatured p.startingat {margin-bottom:0; color:#5a5a5a; padding-top:.5em;}

.blueGradient {
background: #fcfeff; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfeff 0%, #0196d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfeff), color-stop(100%,#0196d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfeff 0%,#0196d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfeff 0%,#0196d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfeff 0%,#0196d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfeff 0%,#0196d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfeff', endColorstr='#0196d6',GradientType=0 ); /* IE6-9 */	
	}

.callout {padding-left:0;}	
.calloutBar {position:relative;}	
.bar {position:absolute; height:206px; width:53px; }
.calloutBar .arrow{
  border-color: transparent transparent transparent #149ed9;
  border-style:solid;
  border-width:10px;
  width:0;
  height:0;
  position:absolute;
  left:52px;
  top:170px;	
	}
.callout .device {float:right;}	
.calloutText {float:left;}
.mentions {color: black; position: relative; top: 210px; height:0;}
.balloon {position:absolute; top:1em; left:2em;display:inline-block; line-height:1.2em; width:69px; height:69px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) -112px -90px no-repeat; z-index:5;}
.icontwitter {position:absolute; top:.5em; left:27px;display:inline-block; line-height:1.2em; width:17px; height:14px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) -181px 0px no-repeat; z-index:10;}
.iconfacebook {position:absolute; top:.5em; left:27px; display:inline-block; line-height:1.1em; width:17px; height:17px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) -200px 0px no-repeat; z-index:10;}
.iconstar {position:absolute; top:.5em; left:27px; display:inline-block; line-height:1.1em; width:17px; height:16px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) -220px 0px no-repeat; z-index:10;}
.balloon .text {color: white; font-size: 0.8em; font-weight:bold; left: .8em; line-height: 1.1em; position: absolute; text-align: center; top: 2.2em; width: 4em;}
@media only screen and (max-width: 967px) and (min-width: 801px){
#secondaryFeatured .callout .device {
    float: right;
    margin-top: 25%;
    width: 74%;
}
#secondaryFeatured .price span.red {font-size:2em;}

#secondaryFeatured {padding-left:.5em;}
#secondaryFeatured .calloutText {padding-top:.5em;}
}

@media only screen and (max-width: 800px) {

.callout {padding-left:0.9375em; }
.callout h1 {font-size:3em; font-weight:100;text-align:center; display:block; width:100%;}
.callout h5 {font-weight:normal; margin-bottom:0;}
.callout .device {float:left; width:60%; padding-left:5%;}
.calloutText {float:left; width:40%; padding-top:4em;}
.calloutText p {float:left; width:100%; margin-bottom:0;}
.callout .device img {width:96%;}

#callout-next .bx-next {
    background: url("/wcsstore/HPStorefrontAssetStore/img/next-mobile44x44.png") no-repeat scroll center top transparent;
    bottom: 0;
    height: 44px;
    position: absolute;
    right: 5px;
    top: -8em;
    width: 44px;
}
#callout-next a {
    display: block;
    padding-top: 60px;
	text-indent: -9999px;
}

#callout-prev .bx-prev {
    background: url("/wcsstore/HPStorefrontAssetStore/img/prev-mobile44x44.png") no-repeat scroll center top transparent;
    bottom: 0;
    height: 30px;
    left: 5px;
    position: absolute;
    top: -8em;
    width: 20px;
}
#callout-prev .disabled, .callout-next .disabled {
    display: none;
}
#callout-prev a {
    display: block;
    padding-top: 60px;
	text-indent: -9999px;	
}


}
@media only screen and (max-width: 31em) {
}

@media only screen and (max-width: 668px) {
.callout h1 {font-size:2.5em; }

}

@media only screen and (max-width: 568px) {
.callout h1 {font-size:2em; }

}
@media only screen and (max-width: 468px) {
.callout h1 {font-size:1.9em; }

}
@media only screen and (max-width: 468px) {
.callout h1 {font-size:1.7em; }

}
@media only screen and (max-width: 400px) {
.callout h1 {font-size:1.5em; }

}
@media only screen and (max-width: 368px) {
.callout h1 {font-size:1.3em; }

}



.stayConnected {background-color:#0096d6; color:#fff; padding:58px 0 58px 0; margin-top:.85em;}
.envelope {width:90px; height:54px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) 0px -159px no-repeat; z-index:10;}
.stayConnected p {color:#fff; padding-left: 19px; margin-bottom:0;}
.stayConnected .stay {font-size:.9em;}
.getLatestDeals {font-size:2.1em; line-height:1em;}

.spritebuttons {background-image: url(/wcsstore/HPStorefrontAssetStore/img/sprite-buttons.png);}
.stayConnected .buttons {padding-top:12px;}
.stayConnected .buttons .bbox > * {float:right;}




/* Stay Connected Facebook Twitter */
.followtwitter a {display:block; height:36px; width:122px; margin-right:12px;} 
.followtwitter a.buttontwitter{background-position:0px 0px;}
.followtwitter a.buttontwitter:hover{background-position:0px -36px;}
.stayConnected .or {padding-top:10px;}
.likefacebook a {display:block; height:36px; width:122px; margin-left:15px;} 
.likefacebook a.buttonfacebook{background-position:-195px 0px;}
.likefacebook a.buttonfacebook:hover{background-position:-195px -36px;}


/* US */
.country {padding:22px 0 20px 15px;}
.usFlag {display:inline-block; line-height:11px; font-size:.8em; margin-bottom:0; }
.usFlag:before {content:""; width:16px; height:11px; background: url(/wcsstore/HPStorefrontAssetStore/img/sprite.png) 0px -250px no-repeat; float:left; margin:0 5px 0 0;}

/* footer */
footer {background-color:#f2f2f2; padding-top:28px;}
footer a {color:#5a5a5a;}
footer ul {list-style:none;}
footer .legal ul {text-align:center; margin-bottom:0;}
footer .legal ul li {display:inline-block; list-style:none;}
footer .legal .copyright {text-align:center; font-size:.8em; }

.footersocial a {display:block; height:15px; width:15px; margin-right:9px;} 
.footersocial a.icfacebook{background-position:-240px 0px;}
.footersocial a.icfacebook:hover{background-position:-240px 0px;}
.footersocial a.iclinkedin{background-position:-260px 0px;}
.footersocial a.iclinkedin:hover{background-position:-260px 0px;}
.footersocial a.ictwitter{background-position:-280px 0px;}
.footersocial a.ictwitter:hover{background-position:-280px 0px;}

.heroSlider + .orbit-prev, .heroSlider + .orbit-prev + .orbit-next {display:none;}

/*#myShoppingLinks {padding-top:3em;}*/
#myShoppingLinks hr {padding-bottom:1em;}
#myShoppingLinks ul {text-decoration:none;}
#myShoppingLinks ul li {display:inline-block; margin-right:3.5em;}
#myShoppingLinks ul li, #myShoppingLinks ul li a {color:#5a5a5a;}
#myShoppingLinks ul li a:hover, #myShoppingLinks ul li a:focus {color:#2795B6;}
#myShoppingLinks {margin-top:52px;}
/* Storenav update */

		#navigationWrapper.stuck {
			position:fixed;
			top:-236px;
			width:100%;
			z-index:10000;
}

	#navigationWrapper.topZero {
		top:0;
		}

		#loginModule.stuck {
			position:fixed;
			top:72px;
			width:100%;
			z-index:10000;
			background-color:#fff;
		}
		#storeSlider.stuck {
			position:fixed;
			top:115px;
			width:100%;
			z-index:10000;
			background-color:#fff;
		}
		.adjustScroll {}
#storenav {
		background-color:#fff;

}
#storenav .bx-wrapper .bx-viewport {height:auto !important;}		
#storenav .bx-wrapper .bx-viewport.justText {}
#storenav .nextcolumn, #storenav .prevcolumn {
    height: 105px;
    position: relative;
    width: 7%;
	cursor:pointer;
	}

#storenav .slidercolumn {
    float: left;
    top: 72px;
    width: 93%;
}  

#storenav .prevcolumn {
    display: none;
	width:7%;
	float:left;
	position:relative;
}
  
#storenav #next{
	background: url("/wcsstore/HPStorefrontAssetStore/img/next.png") no-repeat scroll center top transparent;
	bottom: 0;
	padding-top: 57px;
	position: absolute;
	right:5px;
}
#next > p, #prev > p {
    margin-bottom: 0em;
}
#storenav #prev{
    background: url("/wcsstore/HPStorefrontAssetStore/img/prev.png") no-repeat scroll center top transparent;
    bottom: 0;    
	position: absolute;
	padding-top:57px;
	left:5px;
}
.bx-viewport a {

}
#storenav .caption {
    bottom: 0;
    margin-bottom: 0.2em;
	margin:0 auto;
	white-space: nowrap;
	line-height:1.6em;	
} 
#storenav .sliderImgContainer {
    height: 80px;
	position:relative;
} 
#storenav .sliderImgContainer img {
    bottom: 0;
    display: block;
    max-width: 100%;
    position: absolute;
}

/* Minified styles */

#storenav.minified .bx-wrapper li a.active, #storenav.minified .bx-wrapper li a:hover {border-bottom:none;}

#storenav.minified a.active .caption {
    border-bottom: 4px solid #0096D6;
}
#storenav.minified a .caption:hover {
    border-bottom: 4px solid #0096D6;
}
#storenav.minified #next {
    background: url("/wcsstore/HPStorefrontAssetStore/img/next-min.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    bottom: 0;
    padding-top: 0;
	padding-left:.2em;
    position: absolute;
	width:100%;
}
#storenav.minified #next p {
    width: 10px;
}
#storenav.minified #prev {
    background: url("/wcsstore/HPStorefrontAssetStore/img/prev-min.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    bottom: 0;
    padding-top: 0;
	padding-left:1.2em;
    position: absolute;
}
#storenav.minified #prev p {
    width: 10px;
}

nav .topmenu ul {
    margin-bottom: 10px;
}
#storenav, .topmenu {visibility:hidden;}
#storenav ul {margin-bottom:0;}
#storeSlider {
    background: none repeat scroll 0 0 #FFFFFF;
}

.header-container .login-container {background:#fff; position:relative;}
.loginStorenavGroup .topmenu ul {display:none; margin:0!important;}
.loginStorenavGroup #storenav ul {display:none;}
.header-container .nextcolumn {display:none;}


@media only screen and (min-width: 801px){

.header-container.totalHeight {height:235px;}
.header-container.totalHeight.collapsedHeader {height:156px;}
#navigationWrapper.stuck {width:100%; -webkit-transform: translateZ(0);}
#hs, .divider, #captions .slideText, .slate, .orbit-bullets   {visibility:hidden;}
/* #productFinder, .productsDivider, #featuredProducts {visibility:hidden;} */
#hs .slate {
    height: 100%;
    left: 12%;
    position: absolute;
    top: 0;
}}
 
#storenav.collapsedStart .sliderImgContainer {height:0;}	
#storenav.collapsedStart .nextcolumn, #storenav.collapsedStart .prevcolumn	{height:25px;}
.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {display: none; }

/*Homepage Slider*/
#relslider-prev, #relslider-next { position:absolute; top:43%; }
#relslider-prev { left:8%; }
#relslider-next { right:13%; }
#relslider-prev .disabled, #relslider-next .disabled { display:none; }
.bx-next, .bx-prev {
    background: url("/wcsstore/HPStorefrontAssetStore/img/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    width: 50px;
}
.bx-next { background-position: -50px -50px; }
.bx-prev { background-position: 0 -50px; }
#secondaryFeatured .bx-wrapper {
    float: left;   
    width: 100%;	
    left: 0px;
	max-width: 95%!important;
}
#secondaryFeatured .bx-viewport ul li { margin-right: 82px!important; }
.collapsedStart { opacity:1 !important;}

body {
  background: #fff !important; }
  
#storeSlider *, #utilityNav, .box-sizing * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }  
  .securecheckout .yourorder .context-area .row .large-2.right { width: 9%;}


#yourorder h6 {
font-size: 0.75em;
}
  
/*Footer Styles will work with insertPipes function in home.js*/
#footer_seo_links {margin-bottom: 0;list-style:none;position:relative;left:-13px;margin-top: 50px;}
#footer_seo_links li {display: inline-block;font-size:14px;}
#footer_seo_links li a {color:#5a5a5a;}
#footer_seo_links li a:hover {color:#0096D6;}
#footer_seo_links li { float: left; border-right: 1px solid #5a5a5a; padding: 0 13px; line-height: 12px; margin-top: 12px;}
#footer_seo_links li.remove_pipe {border-right:none;}
#footer_seo_links li:last-child { border: 0; }

#myShoppingLinks hr {margin-top:0;} 
#myShoppingLinks {margin-top:40px;} 

/***************custom.css ends*****************/

/***************custom-mobile.css starts*****************/
@charset "utf-8";
/* CSS Document */

/* Sprites */
.spriteMobile {background-image: url(/wcsstore/HPStorefrontAssetStore/img/sprite-mobile.png);}

/**Global**/ 
/* Widgets Mobile */

/*MAIN Navigation*/
#navigation .widgetContainerMobile { padding-top: 8px; margin-right: 10px; } 
#navigation ul.widgetsMobile { margin-bottom: 0; } 
#navigation ul.widgetsMobile > li { display: inline; float: left; padding-right: 12px; } 
#navigation ul.widgetsMobile > li a { display: block; height: 18px; width: 20px; } 
#navigation ul.widgetsMobile > li a.menu { background-position: -90px -16px; } 
#navigation ul.widgetsMobile > li a.search { background-position: -40px -16px; } 
#navigation ul.widgetsMobile > li a.cart { background-position: -65px -16px; } 
#navigation ul.widgetsMobile > li.last { padding-right: 0; }

@media screen and (max-width: 50em) {
.header-container {display: none;}
.row {padding-left: 2%;padding-right: 2%; width:96%;}
.row .row {padding:0%;}
#navigation .logo.sprite {background-image: url(/wcsstore/HPStorefrontAssetStore/img/sprite-mobile.png);}
#navigation {height: 50px;padding-top: 8px;}
#navigation .hplogo a { display: block; height: 34px; width: 34px; margin-left: 10px; }
#navigation .hplogo a.logo {background-position: 0 0;}
.storeNav {height: 47px;}
.storeNav ul > li { display: inline; float: left; padding-right: 12px; }
.storeNav ul > li a { display: block; height: 18px; width: 16px; }
.storeNav ul > li a.grid {background-position: -120px -16px;}
.storeNav ul > li a.account {background-position: -140px -16px;} 
.storeNav h3 { max-width: 16em; font-weight: lighter; font-size: 1.5em; margin: 0 0 0 15px; padding-top: 9px; }
.storeNav ul { padding-top: 10px; margin-bottom: 0; }
.storeNav ul li { height: 27px; border-right: 1px solid #cdcdcd; padding-left: 15px; }
.storeNav ul li.last {border: none;}
.storeNav ul li a {margin-top: 5px;}
}
@media screen and (max-width: 31em) { 
.storeNav { display: none; } 
}

/*Secondary Navigation*/
/*#content input[type="text"]{ font-family: "HPSimplified-Light", arial;}
.nav-secondary { font-family: "HPSimplified-Light", arial; width: 100%; background-color: #ffffff; border-top: 1px solid #cccccc; }
.nav-secondary > ul { *zoom: 1; max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 5px; padding-right: 5px; margin-top: 20px; font-size: 1em; margin-bottom: 0; text-align: center; font-family: HPSimplifiedLight; } 
.nav-secondary > ul:before, .nav-secondary > ul:after { content: " "; display: table; }
.nav-secondary > ul:after { clear: both; } 
.nav-secondary > ul > li { display: block; float: left; margin-right: 0%; width: 14.28571%; } 
.nav-secondary > ul > li:last-child { margin-right: 0; } 
.nav-secondary > ul > li a { color: #000000; text-decoration: none; font-weight: normal; display: inline-block; border-bottom: 4px solid transparent; } 
.nav-secondary > ul > li a:hover { color: #007dba; border-bottom: 4px solid #007dba; } 
.nav-secondary > ul > li a > img { width: 100px; display: block; margin: 0 auto; -webkit-transition: width .7s ease-in-out; -moz-transition: width .7s ease-in-out; -o-transition: width .7s ease-in-out; transition: width .7s ease-in-out; -ms-transition: width .7s ease-in-out; } 
.nav-secondary > ul > li:last-of-type { display: none; } 

@media screen and (max-width: 53.125em) { .nav-secondary > ul > li a { font-size: 0.8125em; } .nav-secondary > ul > li a > img { width: 70px; height: 56px } 
} */

@media screen and (max-width: 31em) { 

/*.nav-secondary > ul > li + li + li + li + li + li + li { display: none; } 
.nav-secondary > ul > li { display: block; float: left; margin-right: 0%; width: 33.33333%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } .nav-secondary > ul > li:last-child { margin-right: 0; } 
.nav-secondary > ul > li:last-of-type { display: block; float: left; margin-right: 0%; width: 100%; display: block; border: 1px solid #cccccc; background-color: #e5e8e8; margin-top: 25px; padding: 20px 5px 0; text-align: left; font-family: "HPSimplified-Light", arial; } 

.nav-secondary > ul > li:last-of-type:last-child { margin-right: 0; } 
.nav-secondary > ul > li:last-of-type h3 { margin: 0; font-weight: normal; font-size: 1.6875em; } .nav-secondary > ul > li:last-of-type p { margin-top: 8px; font-family:"HPSimplified-Light", arial;} 
.nav-secondary > ul > li:last-of-type input { width: 80%; padding: 8px 50px 8px 8px; font-family: "HPSimplified-Light", arial; color: #222222; border: 1px solid #cccccc; float: left; height: 40px; margin-bottom: 10px; } 
.nav-secondary > ul > li:last-of-type a { float: left; display: block; font-family: "HPIcons"; background-color: #0096D6; width: 40px; color: #ffffff; height: 40px; font-size: 1.1875em; padding-left: 10px; padding-top: 10px; } 
.nav-secondary > ul > li:last-of-type a:hover { border: 0; background-color: #0f6698; } 
.nav-secondary > ul > li:nth-child(4), 
.nav-secondary > ul > li:nth-child(5), 
.nav-secondary > ul > li:nth-child(6) { border-bottom: 0; } 
.nav-secondary > ul > li:nth-child(3), 
.nav-secondary > ul > li:nth-child(6) { border-right: 0; } */
} 

/* Mobile */
@media screen and (max-width: 50em) {
#featuredslidermobile .price {width: 30%;float: left;font-size: 1.2em;margin-left: 10px;}
#slidemargin h2 {font-family: "HPSimplified-Light", arial;font-size: 2em;}
#featuredaccessories.talkingAbout #prev {background-position: 0 -50px;z-index: 5;}
#featuredmobile h4 { font-family: "HPSimplified-Light", arial; font-size: 1.75em; padding-left: 2%; margin-top: 0; padding-top: 1.25em; }
#socialTitle { font-family: "HPSimplified-Light", arial; font-size: 1.75em; padding-left: 0; margin-top: 0; padding-top: 1.25em; }
#callout3-next .bx-next, #callout4-next .bx-next, #callout5-next .bx-next { top: -160px; }
#callout3-prev .bx-prev, #callout4-prev .bx-prev, #callout5-prev .bx-prev {top: -160px;}
.mb.accessories .slidercontent h2 {font-family: "HPSimplified-Light", arial;font-size: 2em;}
#myShoppingLinks {display: none !important;}/*Offshore update*/
.stayConnected {padding: 28px 0;margin-top: 0;}
.stayConnected .buttons {padding-left: 20px;}
.stayConnected .buttons .bbox {float: left;}
.stayConnected .buttons .bbox > * {float: right;}
.stayConnected .getLatestDeals {font-size: 1.5em;line-height: 1em;width: 100%;}
.stayConnected .stay, .stayConnected .or {font-size: 0.75em;}
.stayConnected .spritebuttons {background-image: url(/wcsstore/HPStorefrontAssetStore/img/sprite-mobile.png);}
.followtwitter a { display: block; height: 26px; width: 101px; margin-right: 10px; }
.followtwitter a.buttontwitter {background-position: 0px -50px;}
.followtwitter a.buttontwitter:hover {background-position: 0px -80px;}
.stayConnected .or {padding-top: 5px;}
.likefacebook a { display: block; height: 26px; width: 86px; margin-left: 10px; }
.likefacebook a.buttonfacebook {background-position: -132px -80px;}
.likefacebook a.buttonfacebook:hover {background-position: -132px -50px;}

}


@media screen and (min-width: 31.0001em) and (max-width: 50em) { 
#features .batteryLife h2 { padding: 12% 2%; text-align: center; } 
.pdpBlock .positionRelative.right { display: none; }
/*global*/
.stayConnected .row .large-6 {width: 47%!important;}
.stayConnected .followtwitter {float:right;}
.stayConnected .getLatestDeals {font-size: 2em; width: 100%; padding-left: 0;}
.stayConnected .latestDealsemail{ width: 75%; height:1.9em; margin-bottom:1.25em;}
.stayConnected .or {position: absolute}
.stayConnected	.whiteBtn{background-color:#fff; color:#0096d6;font-size:1em; font-weight:700; padding:.25em 0.9375em; height:30px; width: 86px; border-radius: 0px 5px 0px 5px; -moz-border-radius: 0px 5px 0px 5px; -webkit-border-radius: 0px 5px 0px 5px;}
/*end global*/
}

@media screen and (max-width: 31em) {
/*index*/
.heroSlider + .orbit-prev, .heroSlider + .orbit-prev + .orbit-next {
visibility: hidden;}
.returntoStore, #featuredslidermobile, #featured-next .bx-next,  #featured-prev .bx-prev, .callout, .dividerupMobile, .dividerdownMobile, #footer_seo_links{display:none}
#featuredmobile h4 { font-family: "HPSimplified-Light", arial; font-size: 1.75em; padding-left: 2%; margin-top: 0; padding-top: 20px; } 
#features .batteryLife h2 { padding: 12% 2%; text-align: center; } 
/*index*/
.pdpBlock .positionRelative.right { display: none; } 


/*global*/
.stayConnected .row .large-6 {width: 40%!important;}
.stayConnected .followtwitter {float:right;}
.stayConnected .getLatestDeals {font-size: 2em; width: 100%; padding-left: 0;}
.stayConnected .latestDealsemail{ width: 70%; height:1.9em; margin-bottom:1.25em;}
.stayConnected .or {position: absolute}
.stayConnected	.whiteBtn{background-color:#fff; color:#0096d6;font-size:1em; font-weight:700; padding:.25em 0.9375em; height:30px; width: 86px; border-radius: 0px 5px 0px 5px; -moz-border-radius: 0px 5px 0px 5px; -webkit-border-radius: 0px 5px 0px 5px;}
/*end global*/

/*cart*/
.icon .print, .yourcart a.print, .warningarea .linkforswitch3, .subtitle .tablehead, .itemwid2, .itemwid3{display:none;}

.cartbox .linkforswitch{display:none!important;}
.cartbox .productItem .productInfo {width: 100%!important;}
.itemwid1{width:100%;}
 

/*end cart*/



}



@media screen and (min-width: 480px) {
    .slide-caption p{font-size: 1.3em;}
}

@media screen and (min-width: 640px) {
    .slide-caption p{font-size: 1.8em;}
}

/***************custom-mobile.css ends*****************/

/***************common.css starts*****************/
@charset "utf-8";
/* CSS Document */
/*default header fix*/
#header.header .hp_logo a.hf_logo {height:50px;}

input[type="password"] { font-family:arial;}
input:focus, select:focus, textarea:focus {outline:none;}
form.custom .custom.dropdown.open .current {border: none;}
form.custom .custom.dropdown .current:focus { border: none; color:#000;}
/*----------------- etr1 */
.etr1 {visibility:hidden;}
.etr1module {display:none;}

/*CSS for ellipsis*/
.ellip {
  display: block;
  height: 100%;
}

@media only screen and (max-width: 1024px){
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}
/*END CSS for ellipsis*/
.outofstockbtn {background-color:#CCC !important; cursor:default !important; color:#FFF !important;}

@media only screen and (max-width: 967px) and (min-width: 801px){
#secondaryFeatured .callout .device {
    float: none;
    margin-top: 0;
    width: 90%;
	margin: 0 auto;
}
}
@media only screen and (min-width: 801px) {
.callout .device {
    float: none;
}
}
#navigation .widgetContainer {
    width: 265px;
}
#navigation ul.widgets > li {
    padding-right: 0;
}
/*-------------------- end of etr1 */

.grayGrad {
background: #eeeeee; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: -moz-linear-gradient(top,  #eeeeee 1%, #fefefe 1144px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(1144px,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 1%,#fefefe 1144px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 1%,#fefefe 1144px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 1%,#fefefe 1144px); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 1%,#fefefe 1144px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
background: url('/wcsstore/HPStorefrontAssetStore/img/full-bgw.png') scroll no-repeat center -152px;
}


@media only screen and (max-width: 801px) {
.inversegrayGrad {
background: #dcdcdc; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: -moz-linear-gradient(bottom,  #dcdcdc 1%, #fafafa 23px); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, left top, color-stop(1%,#dcdcdc), color-stop(23px,#fafafa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(bottom,  #dcdcdc 1%,#fafafa 23px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(bottom,  #dcdcdc 1%,#fafafa 234px); /* Opera 11.10+ */
background: -ms-linear-gradient(bottom,  #dcdcdc 1%,#fafafa 23px); /* IE10+ */
background: linear-gradient(to top,  #dcdcdc 1%,#fafafa 23px); /* W3C */
}
}
/* Section for links with icons */

a.back {
    background: url("/wcsstore/HPStorefrontAssetStore/img/back.png") no-repeat scroll left center transparent;
    display: inline-block;
    line-height: 20px;
    padding-left: 30px;
	color:#000;
}

a.email {
    background: url("/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png") no-repeat scroll 0 -1104px transparent;
    color: #000000;
    line-height: 20px;
    padding-left: 25px;
}

a.print {
    background: url("/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png") no-repeat scroll 0 -790px transparent;
    color: #000000;
    line-height: 20px;
    padding-left: 25px;
}


/* End of section for links with icons */

.purpleLeftBand {
    position:relative;
    color:#fff;
    background:#822980;
    font-size:.9em;
    float:left;
    clear:both;
    padding:7px 16px 6px 18px;
    margin-left:-27px;
	min-height:28px;
	max-height:28px;	
}

.purpleLeftBand:hover, .purpleLeftBand:focus {
	color:#fff;
}
.purpleLeftBand:before{
    content:" ";
    background:url(/wcsstore/HPStorefrontAssetStore/img/band1.png);
    display:block;
    width:7px;
    height:6px;
    position:absolute;
    bottom:0;
    left:0;
    margin-bottom:-6px;
}

.purpleLeftBand:after{
    content:" ";
    background:url(/wcsstore/HPStorefrontAssetStore/img/band1-end.png);
    display:block;
    width:11px;
    height:28px;
    position:absolute;
    bottom:0;
    right:-10px;
    margin-bottom:0;
}

.blueLeftBand {
    position:relative;
    color:#fff;
    background:#0096d6;
    font-size:.9em;
    float:left;
    clear:both;
    padding:7px 16px 6px 18px;
    margin-left:-27px;
	min-height:28px;
	max-height:28px;
}

.blueLeftBand:hover, .blueLeftBand:focus {
	color:#fff;
}
.blueLeftBand:before{
    content:" ";
    background:url(/wcsstore/HPStorefrontAssetStore/img/band2.png);
    display:block;
    width:7px;
    height:6px;
    position:absolute;
    bottom:0;
    left:0;
    margin-bottom:-6px;
}

.blueLeftBand.fb:after{
    content:" ";
    background:url(/wcsstore/HPStorefrontAssetStore/img/band2-end.png);
    display:block;
    width:37px;
    height:28px;
    position:absolute;
    bottom:0;
    right:-37px;
    margin-bottom:0;
}

/* Price */

.startingat {
    color: #5A5A5A;
    float: left;
    font-size: 0.75em;
    width: 100%;
}

/* Dividers */

.dividerupMobile{
    background: url("/wcsstore/HPStorefrontAssetStore/img/divider-up.png") no-repeat scroll center top / 100% auto transparent;
    height: 23px;
    position: relative;
    top: -23px;
	z-index:2;
}
.dividerdownMobile{
    background: url("/wcsstore/HPStorefrontAssetStore/img/divider-down.png") no-repeat scroll center top / 100% auto transparent;
    height: 23px;
    position: relative;
    top: 23px;
	z-index:2;
}

#storenav .bx-wrapper {margin: 0 0 0;}
/*#storenav .bx-wrapper .bx-viewport {height:152px !important;}
*//* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*#storenav .bx-wrapper .bx-viewport {height:151px !important;}
*/}
#storenav .bx-wrapper li a {border-bottom:4px solid transparent; display:block;}
#storenav .bx-wrapper li a:hover {border-bottom:4px solid #0096d6; display: block; color:#0096D6;}
#storenav .bx-wrapper li a.active {border-bottom:4px solid #0096d6; display: block; color:#0096D6;}
#slider-next a, #slider-prev a {font-size:0.9em; padding-top:62px;}
#slider-next a:hover, #slider-prev a:hover {color:#006699;}
.bx-wrapper img {margin: 0 auto;}
.bxslider li .caption {
	height: 45px;
    margin-bottom: 6px;
    overflow: hidden;
	word-wrap: break-word;
}


/* Items on Cart Small Window Styles BEGIN */
#navigation ul.widgets > li { position:relative; }
#navigation ul.widgets > li a.cart { position:relative; }
#itemsoncart {
	display:none;
	position:absolute;
	top:50px;
	right:-17px;
	background:#fff;
	border:2px solid #cccccc;
	z-index:200;
}

#itemsoncart .items { padding:1.5em; }
#itemsoncart .items ul { margin:0.5em 0 0 0; width:545px;}
#itemsoncart .items ul li { padding:1.5em 0; border-bottom:1px solid #e5e8e8; display:block; }
#itemsoncart .items ul li:last-child { border:none; padding-bottom:0; }
#itemsoncart .items .minicartTotal { background:#f2f3f3; }
#itemsoncart .items h2 {
	margin:0;
	font-weight:100;
	font-size:1.75em;
	background:url(/wcsstore/HPStorefrontAssetStore/img/cart.png) no-repeat left;
	padding-left:1.6em;
}
#itemsoncart .items .productImage { width:25%; margin-right:3%; float:left; }
#itemsoncart .items .productInfo { float:left; width:72%; }
#itemsoncart .items .productInfo h4 { font-weight:100; font-size:1.125em; margin:0; line-height:1.2em; }
#itemsoncart .items .productInfo h5 { font-weight:normal; font-size:0.75em; margin-bottom:1em; color:#767676; }
#itemsoncart .items .price { line-height:1.7em; }
#itemsoncart .items p { font-size:0.95em; color:#000; }

#itemsoncart .minicartTotal { padding:1.2em 1.5em; background:#f2f3f3; }
#itemsoncart .minicartTotal .freeshipping {
	background:url(/wcsstore/HPStorefrontAssetStore/img/free-ship.png) no-repeat left;
	padding-left:40px;
	font-size:0.875em;
	margin:1.2em 0 0 0;
	color:#000;
}
#itemsoncart .minicartTotal .large-2 p { font-size:1.2em; margin:0.7em 0 0 0; line-height:normal; color:#000; }
#itemsoncart .minicartTotal .price { line-height:1em; margin:0;  }
#itemsoncart .minicartTotal .price .red { font-size:2.25em; }
#itemsoncart .button-bar { padding:1.5em; }
#itemsoncart .outofstock p { width:100%; }
#itemsoncart .outofstock h5 { line-height:1em; }
#itemsoncart .outofstock input[type="text"] { margin-bottom:5px; display:block; width:150%; }

#itemsoncart .uparrow { position:absolute; top:-19px; right:15px; }
#itemsoncart .close {
	position:absolute;
	top:10px;
	right:10px;
	background:url(/wcsstore/HPStorefrontAssetStore/img/close.png) center no-repeat;
	width:20px;

	height:20px;
	display:block;
}
#itemsoncart .row { margin:0; }

.cartcount {
	position:absolute;
	left:-0.5em;
	font-size:0.65em;
	font-weight:bold;
	bottom:-1em;
	line-height:normal;
	background:#f05332;
	-webkit-border-radius: 0px 3px 0px 3px;
	-moz-border-radius: 0px 3px 0px 3px;
	border-radius: 0px 3px 0px 3px;
	color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    padding: 0em 0.5em;
}

#itemsoncart .items p.no-margin{margin:0em;}
#itemsoncart .items .bluelink {font-size: 0.95em; color: rgb(0,150,214);}
#itemsoncart .items .bluelink:hover {color:rgb(0,125,186);}
#itemsoncart .items .red sup,  #itemsoncart .minicartTotal .red sup { top: 0.25em; font-size: 0.7em;}
#itemsoncart #minicartOutfstock .items .outofstock h5 {margin: 0em;}
#itemsoncart #minicartOutfstock .items .outofstock p {line-height: 1.2em; margin-bottom: 1.5em; }
#itemsoncart #minicartOutfstock .items .outofstock .redbtn, 
#itemsoncart .button-bar .redbtn {
	-webkit-border-radius: 0px 5px 0px 5px;
	-moz-border-radius: 0px 5px 0px 5px;
	border-radius: 0px 5px 0px 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 2.5em;
	padding: 0 1em;
	text-align: center;
	border:0 solid #fff;
  background:#d7410b;
}
#itemsoncart #minicartOutfstock .items .outofstock .redbtn:hover,
#itemsoncart .button-bar .redbtn:hover { background:#a74222; color:#fff; }
#itemsoncart #minicartOutfstock .items .outofstock .outofstocklink { 
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color: rgb(0,150,214);
}
#itemsoncart #minicartOutfstock .items .outofstock .outofstocklinkarea {width:70%;}
#itemsoncart #minicartOutfstock .items .outofstock .outofstocklink:hover {color:rgb(0,102,153); cursor: pointer;}
#itemsoncart #minicartOutfstock .items .outofstock #outofstockemailarea {display: none;}
/* Items on Cart Small Window ENDS */

/* Link Switch */
.linkforswitch2, .linkforswitch { position:absolute; right:50px; top:10px; }
.linkforswitch2 p, .linkforswitch p { display:inline-block; color:#000; }
.linkforswitch2 a, .linkforswitch a { color:#0096D6 !important; }
.cartbox .linkforswitch2, .cartbox .linkforswitch { top:35px; right:30px; }

.multipleScenarios2, .multipleScenarios { display:none; }
.open { display:block !important; }
/* Link Switch END*/

/* Popup block */
.popup { background:#edefef; }
.popup p { display:inline-block; margin-top:1em; font-weight: 100; font-size: 1.5em; }
.popup .small { line-height: 1.8em; margin-left:8px; margin-right:10px; }
.popup .popupclose {
    background: url("/wcsstore/HPStorefrontAssetStore/img/x-close.png") no-repeat scroll center center transparent;
    display: block;
    height: 21px;
    width: 21px;
	float:right;
	margin-top:3px;
}
@media only screen and (max-width:1000px) {
	#popupblockenter, #popupblockexit {padding-bottom: 20px;text-align: center;	}
	#popupblockenter p, #popupblockexit p {margin-bottom:0.5em;}
}

/* Popup buttons */
.popup .small {
    line-height: 1.8em;
    margin-left: 8px;
    margin-right: 10px;
}
.btn.small {
    line-height: 2em;
    padding: 0 0.7em;
}
.bluebtn {
    background: none repeat scroll 0 0 #0096D6;
    color: #FFFFFF;
}
.viewBtn, .viewBtn1, .btn {
    border: 0 solid #FFFFFF;
    border-radius: 0 5px 0 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 2.5em;
    padding: 0 1em;
    text-align: center;
}
input.btn[type="submit"]:hover, a.bluebtn:hover, a.bluebtn:focus {
    background: none repeat scroll 0 0 #006699;
    color: #FFFFFF;
}
/* Disclaimer Page Style Begins */
.disclaimer_section {
    font-size: 12px;
    font-weight: 100;
    padding: 20px 0px 10px 0px;
	font-family: "HPSimplified",arial;
	color: #757575;
}
.disclaimerList {
	font-size: 12px;
	font-family: "HPSimplified",arial;
	color: #757575;
}
ol.disclaimerList {
	list-style-type: decimal !important;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
ol.disclaimerList li {
	padding: 0px 0px 15px 5px;
	margin: 0px 0px 0px 20px ;
	line-height: 1.75em;
	list-style: decimal;
}

/* Disclaimer Page Style Ends */


/* 1024 adjustments  -----------------------------------------------------------------------------------------------*/

/* 1024 adjustments  -----------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) and (min-width: 801px){
.row { padding-left: 6%; padding-right: 6%; }

.row .row { padding-left: 0; padding-right: 0; }

nav .topmenu ul { margin-bottom: 0; padding-top: 2px; }

#storenav .nextcolumn{ height: 105px; position: relative; width: 5.5%; cursor: pointer; padding-left: 20px; }

#hs .slate { height: 125%; left: 1%; position: absolute; top: 0; }

#captions {padding: 3% 0 0 9%; position:absolute; top: 4.5%; width:100%;}
#captions h3 {font-size:1em; font-weight:100; margin-bottom: 0.25em;}

#captions .slideText {position:relative; top:-1.65em; left:1.4em;}
#captions h1 {font-size:2.3em; font-weight:100; line-height:1em; margin-bottom:.25em; margin-top:0; letter-spacing:1;}
#captions p {width:90%; font-size:0.9em; margin-bottom:2em;}
	
.row .large-offset-1 { position: relative; margin-left: 0!important; }

.orbit-container .orbit-slides-container > * .viewcart a { padding:8px 14px 8px 14px; font-weight:200; }

#secondaryFeatured h3 { font-size: 2em; }

#secondaryFeatured h5 { font-size: 1.6em; }


#secondaryFeatured .calloutText { float: none; padding-left: 3em; width: 120%; }


#secondaryFeatured .price span.red { font-size: 2.2em; }

}





@media only screen and (min-width: 801px) and (max-width: 1120px){
.orbit-container .orbit-slides-container > * {
    height: 330px;
    width:100%;
    margin: 0 auto;
    position: relative;
}
.orbit-container {
    max-width: 1120px;
}               
#hs li {background-image: url("/wcsstore/HPStorefrontAssetStore/heroimages/hero-1120times330.jpg");}
#hs li {background-position: 50% 50%;}
#hs li > img:first-child {display:none !important;}
#hs .startSlide.slate {display:none !important;}

}
@media only screen and (min-width: 801px) and (max-width: 1024px){
	.orbit-container { max-width: 1000px; }               
	#hs li {background-image: url("/wcsstore/HPStorefrontAssetStore/heroimages/hero-1000times330.jpg");}
	#popupblockexit .large-12 {text-align:center;}
	#popupblockexit .btn.small {margin-bottom: 1em;}
}

#featuredProducts .star, #featuredProducts .ratingcontainer {display:none !important;}

@media only screen and (min-width: 801px){
#productFinder {
	height:130px;
    position: relative;
    top: -2px;
}
#productFinder .item{padding-top: .1em;}

#productFinder .item .imgContainer {
    top: 2em;
}
#productFinder h4 {
    font-size: 28px;
	line-height: 31px;
	white-space: nowrap;
}
#productFinder h4 {
margin-bottom: 10px;
}
#productFinder .item .imgContainer {
    top: 12px;
}
#productFinder .item .imgContainer {
    right: 16px;
}
#productFinder .firstitem .imgContainer {
    right: 8px;
}
#productFinder .dividerborder:after {
    left: -6px;
	height: 124px;
}
#productFinder .dividerborder.chat:after {
    left: -12px;
}
#productFinder .item {padding-left:23px;}
#productFinder .item.chat{padding-left: 16px;}
#productFinder .item.firstitem {padding-left:0;}

#featuredProducts .columns {
    padding-left: 0;
}
.productInfo h4 sup {
    font-size: 14px;
}
#featuredProducts { height: 25.4em; }

#featuredProducts .topReview {
    padding-top: 13px;
}
#featuredProducts .price span.red {
    font-size: 32px;
    left: 120px;
    top: -32px;
    width: auto;
}
#featuredProducts .topReview .imgContainer { 
	left: 34%; 
	top:90px; 
	width:250px;
}
	
#featuredProducts .productInfo {
    position: absolute;
    right: auto;
    left: 0%;
}
#featuredProducts blockquote {
    font-size: 16px;
	color: #000000;
	margin-bottom: 0;
}
#featuredProducts .productInfo h4 {
 padding-left: 0;
	font-size: 28px;
	margin-top:0;
	padding-top:22px;

}
#featuredProducts .productInfo .price {
    padding-left: 0;
	line-height:1.4em;
	padding-bottom:8px;
		padding-top:8px;
}

#featuredProducts .productInfo .shop {
    margin-left: 0;
				position:relative;
}

#featuredProducts .startingat{
	margin-bottom:0;
	font-size:14px;
	padding-top:28px;
}
#featuredProducts .topTweeted .info blockquote {
    margin-left: 0%;
	padding-left:1px;
	line-height: 1.3em;
}
.techcrunch:before {
    margin: 0 8px 0 0;
}
#featuredProducts .topTweeted .twitter {
    display:none;
}
#featuredProducts .topTweeted {
    padding-top: 3px;
}
#featuredProducts .topTweeted h4 {
    font-size: 28px;
    margin-top: 0;
    padding-left: 0;
    padding-top: 32px;
}
#featuredProducts .topTweeted .info .price {
    display: inline-block;
    line-height: 1.4em;
		padding-top:8px;
    padding-bottom: 8px;
    padding-left: 0;
}
#featuredProducts .topTweeted .info .shop {
    margin-left: 0%;
				position: relative;
}
#featuredProducts .topTweeted {
    padding-left: 33px;
}
#featuredProducts .topTweeted .imgContainer {
    width:250px;
    right: 5px;
	top:90px;
}

#featuredProducts a.details, #productFinder a.details  {
    background: url("/wcsstore/HPStorefrontAssetStore/img/anchor20_20.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    line-height: 20px;
    padding-left: 30px;
}
}



@media only screen and (min-width: 801px) and (max-width: 1024px){
#storeSlider.columns { padding-right:0;}
#storenav .column.prevcolumn {
padding-left:0;
}

}


@media only screen and (min-width: 1025px){
#storenav .bx-viewport {
   /* width: 110% !important;*/
}
#storenav .bx-viewport li {
    margin-right: 37px !important;
}
/* Minified support*/
#storenav {width: auto !important;}
}





/*** Global loading overlay ***/
#commonLoadingOverlay, #loadingOverlay {
	background-color: #FFF;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	padding: 28% 0 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 999;
}


/*Home new slider*/
#featuredaccessories.talkingAbout #next, #featuredaccessories.talkingAbout #prev {
    background: url("/wcsstore/HPStorefrontAssetStore/img/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    position: relative;
    top: 80px;
    width: 50px;
}

#featuredaccessories.talkingAbout #next {right:-8px;}

#featuredaccessories.talkingAbout .nextcolumn {
    padding-left: 0;
	 padding-right: 0;
}
#featuredaccessories.talkingAbout .nextcolumn, #featuredaccessories.talkingAbout .prevcolumn {
    width: 5%;
}

#featuredaccessories.talkingAbout #next {
    background-position: -50px -50px;
    margin-right: 5px;
}

#featuredaccessories.talkingAbout #prev {
    background-position: 0 -50px;
}

#featuredaccessories.talkingAbout .slidercolumn {
	width: 88%;
	padding-right:0;
}
#featuredaccessories.talkingAbout ul li .trigger {
    height: 41px;
	position: relative;
    top: 13px;
}
#featuredaccessories.talkingAbout ul li .trigger.deal a {
    background: url("/wcsstore/HPStorefrontAssetStore/img/product_finder/violator_purple_104x34.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.9em;
    font-weight: bold;
    height: 34px;
    padding-left: 0.7em;
    padding-top: 0.2em;
    width: 104px;
}
#featuredaccessories.talkingAbout ul li .hidden {
    visibility: hidden;
}

#featuredaccessories.talkingAbout h2 {
    font-size: 32px;
    font-weight: 100;
}
#featuredaccessories.talkingAbout ul li h3 {
    color: #424242;
    font-size: 1.5em;
    font-weight: 100;
    margin: 0;
	height: 2.8em;
	overflow:hidden;
	padding-top: 5px;
	line-height: 1.30em;
}
#featuredaccessories.talkingAbout ul li .viewdetailsarea .viewdetailsicon {
    background: url("/wcsstore/HPStorefrontAssetStore/img/anchor.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 18px;
    margin-right: 0.5em;
    vertical-align: middle;
    width: 18px;
}


#featuredaccessories.talkingAbout ul li .viewdetailsarea p {
    color: #000000;
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 0;
				margin-top: 0;
    vertical-align: middle;
}

#featuredaccessories.talkingAbout .price {
    margin-bottom: 6px;
				padding-top: 5px
}
#featuredaccessories.talkingAbout .red {font-size:36px;  line-height: 1em;}

#featuredaccessories.talkingAbout .bx-viewport li {margin-right:25px !important;}
#featuredaccessories.talkingAbout .startingat {font-size:14px;}
.red > sup {font-size: 0.5em;}

.stayConnected {
    padding: 60px 0;
}
.stayConnected .etr1 {visibility:visible;}
.stayConnected .row .large-6 {width: 61%; padding-right:0;}
.stayConnected .row .large-6.buttons {width: 37%;}
.getLatestDeals {
    font-size: 40px;
    font-weight: 100;
    line-height: 0.7em;
}
.stayConnected .stay {
    font-size: 16px;
    padding-top: 13px;
	line-height: 1em;
}
.stayConnected .buttons {
	padding-right: 0;
	padding-left: 0;
    padding-top: 18px;
}

.adjust-tooltip .tooltip_main a.link_icn, .adjust-tooltip .tooltip_main a.link_icn:visited {font-size:1em; }
.adjust-tooltip .tooltip_main a:hover{text-decoration:none;}
.adjust-tooltip.securitycodetip .tooltip_main a.link_icn, .adjust-tooltip.securitycodetip .tooltip_main a.link_icn:visited, .creditcardarea .adjust-tooltip .tooltip_main a.link_icn, .creditcardarea .adjust-tooltip .tooltip_main a.link_icn:visited  {font-size:0.85em;
color:#000; }

.adjust-tooltip.securitycodetip .tooltip_top {
    right: -46px;
}

.adjust-tooltip.securitycodetip .tooltip_top .tooltip_corner, .tooltip_top_inline .tooltip_corner {
    background-position: -1px -842px;
    bottom: -9px;
    left: 136px;
}
.phoneline{width:100%; float:left;}
.ph-section {width: 190px; float:left;}

.ph-section input[type="text"], .ph-section input[type="text"], .ph-section input[type="text"] {
    float: left;
    margin: 0 0px;
    width: 50px;
}


.ph-section span.hyphen {
    float: left;
    margin: 10px 6px;
}
.extn-section {margin-left:32px;float:left;}
.extn-section input[type="text"] {
    width: 73px; 
}

.ph-section .tooltip_title span.icb_alt {
    float: none;
    margin: 0;
}
.ph-section .adjust-tooltip span.tooltip_main{margin:0;}
#email-body .ph-section .link_icn.icb_hlp {
    color: #4D4D4D;
    font-size: 0.875em;
}
.ph-section .phone-digits{
    float: left !important;
    margin: 0 0px !important;
    width: 50px !important;
}
.extn-section input[type="text"] {
    width: 78px !important;
}
.ph-section .tooltip_main a.link_icn {
    color: #000;
}

/*My account*/

.contentMyAccount .extn-section {
    float: left;
    margin-left: 18px;
}
.myaccountRight .tooltip_top {bottom:42px;}

.securecheckout .shipping .context-area .extn-section {
    float: left;
    margin-left: 27px;
}

.heroSlider  + .orbit-prev + .orbit-next, .heroSlider  + .orbit-prev{
    background: url("/wcsstore/HPStorefrontAssetStore/img/arrows.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    width: 50px;
}
.heroSlider + .orbit-prev + .orbit-next, .heroSlider + .orbit-prev + .orbit-next {
    background-position: -50px -50px;
    right: 10%;
}
.heroSlider + .orbit-prev + .orbit-next, .heroSlider + .orbit-prev + .orbit-next{
    right: 5%;
}

.heroSlider + .orbit-prev {
    left: 5%;
}
.heroSlider + .orbit-prev {
    background-position: 0 -50px;
    left: 5%;
}

.heroSlider + .orbit-prev + .orbit-next:hover {
    background-position: -50px 0;
}
.heroSlider + .orbit-prev:hover, .heroSlider + .orbit-prev:hover{
    background-position: 0 0;
}

a.orbit-next, a.orbit-prev {outline:none !important;}

.heroSlider + .orbit-prev, .heroSlider + .orbit-prev + .orbit-next {
    visibility: hidden;
}

form.custom .custom.dropdown ul li {
    white-space: normal;
    word-wrap: break-word;
}

.returntoStore{ position: fixed; right:0px;top:60%;margin-top:20px; z-index:9000;}

@media screen and (min-width: 801px) { 
#get_latest_deals {
    display: none;
}
}
/*Stay Connected mobile*/
@media only screen and (max-width: 497px){
.stayConnected {display:none;}	

#get_latest_deals .spritebuttons {
    background-image: url("/wcsstore/HPStorefrontAssetStore/img/sprite-mobile.png");
}

#get_latest_deals {
    background-color: #0096D6;
    font-size: 0.75em;
    padding: 20px;
}

#get_latest_deals > h2 {
    color: #FFFFFF;
}
#get_latest_deals input[type="text"] {
    font-size: 1em;
    font-weight: normal;
    height: 39px;
    padding: 0 0 0 10px;
    width: 65%;
	border: 1px solid #CCCCCC;	

}
#get_latest_deals .whiteBtn {
    background-color: #FFFFFF;
    border-radius: 0 5px;
    color: #0096D6;
    font-size: 1.4em;
    font-weight: 700;
    height: 72px;
    margin-left: 18px;
    padding: 9px;
}
.sign_up_section.clearfix {
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 20px;
}
.social_button_section *{float:left;}
.social_button_section.clearfix {
    display: block;
    padding-left: 30px;
    padding-top: 20px;
}

.social_button_section span.or {
    color: #FFFFFF;
    padding-top: 6px;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
}


.btn.graybtn:hover, .btn.graybtn:active {
    color: #FFFFFF;
}

/************************/
/**$$$ Price Rules $$$ **/
/************************/

.standard_price {
	padding: 5px 0 6px 0;
}
.standard_price._24 .price_info {
	font-size: .875em;
	margin-left: 8px;
	line-height: 1em;
	letter-spacing: 0px;
	padding-bottom: 3px;
}
.standard_price._24 .price_amount {
    font-size: 1.5em;
    line-height: 1em;
	letter-spacing: -1px;
}
.standard_price._24 .price_amount sup {
    position: relative;
    top: 4px;/*IE default*/
	line-height: 0.6em;
	font-size: .55em;	
}
.standard_price._36 .price_info {
    font-size: 0.875em;
	margin-left: 12px;	
    line-height: 1em;
	letter-spacing: 0px;
	padding-bottom: 3px;	
}
.standard_price._36 .price_amount {
    font-size: 2.25em;
    line-height: 1em;
	letter-spacing: -1px;	
}
.standard_price._36 .price_amount sup {
    position: relative;
    top: 8px;/*IE default*/
	line-height: 0.6em;
	font-size: .55em;	
}
.standard_price._48 .price_info {
	font-size: 0.875em;
	margin-left: 15px;
	line-height: 1em;
	letter-spacing: 0px;
	padding-bottom:2px;

}
.standard_price._48 .price_amount {
	font-size: 3em;
	line-height: .9em;
	letter-spacing: -2px;
}
.standard_price._48 .price_amount sup {
	position: relative;
	top: 8px;/*IE default*/
	line-height: 0.6em;
	font-size: .55em;
}
.standard_price .price_info {
	font-weight:normal;	
	color: #5A5A5A;
    float: left;
    width: 100%;
}
.standard_price .price_amount {
    font-weight: 100;	
    color: #D7410B;
}


/*@media only screen and (max-width: 800px){
.standard_price._48 .price_info {
    font-size: 0.875em;
	margin-left: 12px;	
    line-height: 1em;
	letter-spacing: 0px;
	padding-bottom: 3px;	
}
.standard_price._48 .price_amount {
    font-size: 2.25em;
    line-height: 1em;
	letter-spacing: -1px;	
}
.standard_price._48 .price_amount sup {
    position: relative;
    top: 8px;
	line-height: 0.6em;
	font-size: .55em;	
}
}
@media only screen and (max-width: 498px){
.standard_price._36 .price_info, .standard_price._48 .price_info {
	font-size: .875em;
	margin-left: 8px;
	line-height: 1em;
	letter-spacing: 0px;
	padding-bottom: 3px;
}
.standard_price._36 .price_amount, .standard_price._48 .price_amount {
    font-size: 1.5em;
    line-height: 1em;
	letter-spacing: -1px;
}
.standard_price._36 .price_amount sup, .standard_price._48 .price_amount sup {
    position: relative;
    top: 6px;
	line-height: 0.6em;
	font-size: .55em;	
}	
	
}
*/
/*Chrome Fix*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.standard_price._48 .price_amount sup {
	top: 3px;
}
.standard_price._36 .price_amount sup {
	top: 4px;
}
.standard_price._48 .price_info {
	line-height: 1em;
	padding-bottom:7px;
	
}
.standard_price._24 .price_amount sup {
    top: 3px;
}	
	
}
/*Firefox Fix*/
@-moz-document url-prefix() {
.standard_price._24 .price_amount sup {
    top: 6px;/*6 firefox*/
}
.standard_price._36 .price_amount sup {
    top: 10px;/*10 firefox*/
}
.standard_price._48 .price_amount sup {
	top: 10px;/*10 firefox*/
}
/*@media only screen and (max-width: 498px){
.standard_price._36 .price_amount sup {
    top: 6px;
}
.standard_price._48 .price_amount sup {
	top: 6px;
}	
	
}
*/
}




/************************/
/** End of price Rules **/
/************************/

.gift_card .groupviewallarea {visibility:hidden;}
.check_your_balance{float:right;}

.check_balance_overlay{padding:40px 40px 30px 40px; border:solid 1px #ccc; width: 295px; background:#fff;}

.check_balance_overlay > p {
    margin-bottom: 0;
	font-size:.875em;
}
.check_balance_overlay > h3 {
    font-size: 1.5em;
    font-weight: 100;
    margin: 0;
}
.check_balance_overlay > form {
    margin-top: 14px;
	margin-bottom:14px;
}
.check_balance_overlay > ._tm {font-size:0.875em; color:#767676;}
.check_balance_overlay > ._tm {
    border-top: 1px solid #CCCCCC;
    color: #767676;
    font-size: 0.75em;
	padding-top:7px;
}
.overlay_popup .btnClose {
    float: right;
    margin-bottom: 10px;
    position: relative;
    right: 10px;
    top: 10px;
}
.btnClose.js_pop_close {
    background: url("/wcsstore/HPStorefrontAssetStore/img/close.png") no-repeat scroll center top;
    height: 20px;
	width:20px;
    position: absolute;
    right: 10px;
    text-indent: 0;
    z-index: 1000;
}
.overlay_popup .overlay_title {
    padding-top: 18px;
}
.check_your_balance {
    color: #0096D6;
    font-size: 1em;
    position: relative;
    top: 15px;
}
.check_your_balance:hover, .check_your_balance:focus {color:#006699;}
.popup_legacy {
    background: url("/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png") no-repeat scroll right -2233px;
    height: 17px;
    position: absolute;
    width: 20px;
}


#myShoppingLinks {
    margin-top: 0;
}
#myShoppingLinks ul {
    margin-bottom: 0;
}
.row > section#myShoppingLinks {
    float: left;
    width: 75.3%;
}
.row > section#lp_chat {
    border-left: 1px solid #ccc;
    float: left;
    padding-left: 5px;
    text-align: left;
    width: 24%;
	position:relative;
}
#myShoppingLinks ul li {
    margin-right: 40px;
}
#myShoppingLinks ul li.last_link {margin-right:0;}
#myShoppingLinks {
    margin-top: 0;
    padding-top: 34px;
}

@media only screen and (max-width: 1024px){
.row > section#myShoppingLinks {
    width: 63.3%;
}
.row > section#lp_chat {
    width: 35%;
}
#myShoppingLinks ul li:nth-child(1), #myShoppingLinks ul li:nth-child(3) {
    margin-right: 0;
    width: 122px;
}
#myShoppingLinks {
    padding-top: 19px;
}
#myShoppingLinks ul li {
    margin-right: 0;
}
	
}
@media only screen and (min-width: 1000px) and (max-width: 1024px){
#myShoppingLinks ul li:nth-child(2) {
    margin-right: 20px;
}	
}

#lp_chat > img {
    float: left;
}
#lp_chat > h2 {
    margin: 20px 0 0 0;
	font-size:1.375em;
	font-weight:100;
}
#lp_chat > a {
    font-size: 0.875em;
}
#shoppinglinks_support hr {margin-bottom:0; border-color:#ccc;}
.stayConnected {
    margin-top: 0;
}
#shoppinglinks_support, #shoppinglinks_support:before, #shoppinglinks_support:after {
    box-sizing: border-box;
}
#lp_chat > a:link {color:#0096d6; text-decoration:none;}
#lp_chat > a:visited {color:#0096d6;}
#lp_chat > a:hover {color:#006699;}
#lp_chat > a:active {color:#006699;}

#lp_chat > a#lp_link_off:link{color:purple;}
#lp_chat > a#lp_link_off:visited{color:purple;}

.list_title {
    color: #5a5a5a;
    display: block;
    float: left;
    height: 45px;
    line-height: 1.6em;
    width: 162px;
}
.live_help_overlay {
	width:810px;    
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    padding: 40px 40px 30px;
}
.live_help_overlay iframe{width:100%;overflow-y: hidden;}

a#live_help_dd {
	padding-right: 14px;
	}
ul#live_help_list {
	background-color: #fff;
    border: 1px solid #cecece;
    display: block;
    margin: 0 0 0 13px;
    padding: 5px 15px;
    position: absolute;
    width: 121px;
    z-index: 99;
	list-style:none;
	top:77px;
	right:-17px;
	
	}
ul#live_help_list li {
	font-size:0.875em;
	
	 }
ul#live_help_list li a {
    cursor: pointer;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
	color:#0096d6;
}
ul#live_help_list li a:hover {
	text-decoration: underline;
}
ul#live_help_list li:first-child {
    border-top: medium none;
}
ul#live_help_list li {
    border-top: 1px solid #cecece;
    color: #767676;
    display: block;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    width: 100%;
}
ul#live_help_list {display:none;}	 
#lp_chat.show_options #live_help_list {display:block;}
#lp_chat.show_options #live_help_dd {color: #006699;}

/*Class used only to show different scenarios*/
#live_help_list a.scenario {
    color: purple;
    display: inline;
}
#live_help_list a.scenario:hover {
    color: purple;
	text-decoration:none;
}
/**/
/***************common.css ends*****************/

/***************common-os.css starts*****************/
@charset "utf-8";
/* CSS Document */

/* From OffShore */
ul, li, ol { list-style:none; }

/* Common CSS */
.topgradient {
	background: url("/wcsstore/HPStorefrontAssetStore/img/full-bgw.png") no-repeat scroll center top transparent;
	padding-bottom:1.25em;
	position:relative;
}

.topsection { overflow:hidden;}
.topsection h2 {
	font-size: 3.125em;
    font-family: "HPSimplified-light";
    padding-top: 0.4em;
	margin-bottom:0px;
}

.listDot li { display:block; font-size:0.875em; line-height:1.5em; }
.listDot li:before {
	vertical-align:middle;
	margin-right:0.3em;
	padding-bottom:10px;
}

/* Text size resets */
.txtsize14 { font-size:0.875em; color:#9d9d9d;}
.txtsize34  { font-size:2.125em; line-height:normal; }
.txtsize22  { font-size:1.375em; line-height:normal; }
.txtsize50 { font-size:2em !important; font-family: "HPSimplified-light"; line-height:1.0em;}
.txtsize40 { font-size:2.5em !important; font-family: "HPSimplified-light"; line-height:1.0em;}
.txtsize19 { font-size:1.188em !important;}
.txtsize24 { font-size:1em; color:#262626; font-family: "HPSimplified-light";}
.txtsize28 { font-size:1.75em; font-weight:normal;}
.txtsize36 { font-size:2.250em;}
.txtsize48 { font-size:3em; }
.txtsize60 { font-size:3.75em; font-weight:normal}
.txtsize26 { font-size:1.63em; line-height:normal; font-family: "HPSimplified-light";}
.txtsize30  { font-size:1.875em; font-family: "HPSimplified-light"; line-height:1.2em }
.txtsize75 { font-size:4em; }
.txtsize14 sup, .txtsize48 sup, .txtsize30 sup { font-size:0.5em; }
.red sup { font-size: 0.57em; position: relative; top: 4px; }
.red.txtsize24 { font-size:1.5em; }
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 { font-size:3.75em; font-family: "HPSimplified-light" !important; font-weight:normal;}
h1.sectionTitle { font-family: "HPSimplified-light"; font-size:3em; line-height:normal; }

.thin_light { font-family: "HPSimplified-light"; }

/* Text color resets */
.blackfont { color:#000; }
.bluetext { color:#007dba !important;}
.red.small, .bluetext.small, .small { font-size: 0.875em; font-weight:normal; }
.blacktxt { color:#000 !important; }
.greytxt { color:#767676 !important; }
.greyDark { color:#505050 !important; }
.dgreytxt { color:#333333 !important; } 
.outofstockMsg { padding:0.4em 0em; }
.outofstockMsg h4 { font-family: "HPSimplified-light"; color:#d7410b; margin:0; }
.outofstockMsg p { color:#767676; font-size:0.9em; line-height:1.2em; padding-bottom:0 !important; }
.tabs { display:none; }
.open { display:block !important; }

/* Margin and Padding Resets*/
.no-margin { margin:0px !important; }
.no-padding { padding:0px !important; }
.nosidemargins { margin-right:0 !important; margin-left:0 !important; }
.norightpadding { padding-right:0px !important; }
.noleftpadding { padding-left:0px !important; }

.no-border { border:none !important; }
.bottomBorder { border-bottom:1px solid #e5e8e8; }
.newBottomBorder { border-bottom:0px solid #e5e8e8; }

/*** Alert Block ***/
.alertbox,
.listitembox {
    color: #FF0000;
    font-size: 1.0em;
    margin-top: 1.875em;
	padding:0.938em 2.813em;
}
.alertbox { background:#F7D7D7 url(/wcsstore/HPStorefrontAssetStore/img/cart/alert.png) no-repeat 1.0em 1.1em; border-bottom:1px solid #ebcdcc; }
.alertbox:last-child { border:none; }

/* Button Styles */
.viewBtn, .viewBtn1, .btn {
	-webkit-border-radius: 0px 5px 0px 5px;
	-moz-border-radius: 0px 5px 0px 5px;
	border-radius: 0px 5px 0px 5px;
	color: #FFFFFF;
	cursor:pointer;
    display: inline-block;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 2.5em;
    padding: 0 1em;
    text-align: center;
	border:0 solid #fff;
}

.redbtn { background:#d7410b; }
a.redbtn:hover { background:#a74222; color:#fff; }
a.bluebtn:focus, a.redbtn:focus { color:#fff; }
.whitebtn { background:#fff; color:#0096d6 }
.whitebtn:hover { background:#ccc;}
.bluebtn { background:#0096d6; color:#fff }
.btn.small { line-height: 2em; padding: 0 0.7em;}
.btn.disabled { background:#cccccc !important; }
.btn.disabled:hover { color:#fff; }
.viewBtn { background:#0096d6; }
a.viewBtn:hover { background:#006699; color:#fff; }
.viewBtn1 { background:#d7410b; }
a.viewBtn1:hover { background:#a74222; color:#fff; }
input[type="submit"].btn:hover, a.bluebtn:hover { background:#006699; color:#fff; }
.btnNext, .btnPrev { display:block;	background:url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) no-repeat;	height:40px; width:40px; }
.btnPrev { background-position:-95px -2px; }
.btnNext { background-position:-95px -42px; }

/* Rating Widget */
.rate_widget { overflow: hidden; padding: 0.625em 0;}

.reviewtxt {
	float:left;
    color: #007DBA !important; 
	line-height:13px;
    font-size: 0.875em !important;
}
.ratestrike {
	color: #5A5A5A;
    font-size: 0.75em;
    margin: 0 0;
    overflow: hidden;
}
.ratestrike u { text-decoration:line-through;}

.positionRelative { position:relative; }
.positionAbsolute { position:absolute; text-align:left; }
.lefttop { left:0px; top:0px; }
.rightmiddle { right:0px; top:50%; }

.inline li { display:inline-block; }

.bluebg { background:#0096d6; padding:4em 0 6.2em 0; color:#fff; }
.bluebg .middleText { margin-left:1.063em; }
.bluebg h4 { color:#fff; font-weight:normal; border-bottom:1px solid #fff; }
.bluebg h1 { line-height:1.0em; color:#fff; margin:1.0em 0 0.2em 0; font-size:3em; font-weight:bold; }
.bluebg h1.bigText { font-size:4.5em; margin-top:0.6em; }
.quoteBefore:before { content: '"'; margin-left: -19px; position: relative; top: 1px; }


/* Social Media Links */
.socialmedia { position:absolute; top:4.375em; right:5px; text-align:center; z-index:999; }
.socialmedia li a {
	background:url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) no-repeat;
	width:37px;
	height:37px;
	display:inline-block;
}
.socialmedia li a.facebook { background-position:-2px -1px; }
.socialmedia li a.facebook:hover { background-position:-2px -295px; }
.socialmedia li a.twitter { background-position:-2px -40px; }
.socialmedia li a.twitter:hover { background-position:-2px -334px; }
.socialmedia li a.googleplus { background-position:-2px -79px; }
.socialmedia li a.googleplus:hover { background-position:-2px -373px; }
.socialmedia li a.twitter:before { background:none; }
.socialmedia li a.question {
	width:100px;
	padding-top:35px;
	background-position:27px -122px;
	line-height:1.0em;
	margin-top:1.5em;
}

.socialmedia li a.question:hover {
	background-position:27px -416px;
	color:#000;
}


/* Breadcrumbs */
.breadcrumbs2 {
    display: block;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0.8em 0.875em 0.8em 0;
}
.breadcrumbs2 > *:first-child:before { content: " "; margin: 0; }
.breadcrumbs2 > *:last-child { color: #000000; }
.breadcrumbs2 > *:before {
    color: #000000;
    content: "/";
    margin: 0 0.6em;
    position: relative;
    top: 0;
}
.breadcrumbs2 > *:hover a, .breadcrumbs2 > *:focus a { text-decoration:underline; }
.breadcrumbs2 > * a, .breadcrumbs2 > * span { color: #007dba; }
.breadcrumbs2 > * {
    /*color: #007dba;*/
    float: left;
    font-size: 0.6875em;
    margin: 0;
}
.breadcrumbs2 > * a, .breadcrumbs2 > * {
    color: #000000;
}
.breadcrumbs2 li + li a {
    color: #007DBA;
}
.breadcrumbs2 > *:first-child a {
    color: #007dba;
}

/* Form element styles */
form.custom .custom.dropdown ul {border-top:none; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; box-shadow:none;}
form.custom .custom.dropdown.open ul { margin-top: -1px; }
form.custom .custom.dropdown.open {border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom:none;}
form.custom .custom.dropdown ul li { border-top: 1px solid #CCCCCC; }
form.custom .custom.dropdown ul li:hover { background:#007dba; color:#ffffff; }
form.custom .custom.dropdown:hover a.selector:after { content:none; }
form.custom .custom.dropdown .selector:after, form.custom .custom.dropdown.open a.selector:after {content: none;}
form.custom .custom.dropdown .selector:before {
    background: url("/wcsstore/HPStorefrontAssetStore/img/form.select.png") no-repeat scroll 0 0 transparent;
    content: "";
    float: right;
    height: 8px;
    position: absolute;
    right: 30%;
    top: 30%;
    width: 14px;	
}
form.custom .custom.dropdown { background:#fff; text-align:left; }

/* Required form field */
input[type="text"].required, input[type="password"].required, input[type="date"].required, input[type="datetime"].required, input[type="datetime-local"].required, input[type="month"].required, input[type="week"].required, input[type="email"].required, input[type="number"].required, input[type="search"].required, input[type="tel"].required, input[type="time"].required, input[type="url"].required, textarea.required {
	border:1px solid #c60f13 !important;
	background:#fff !important;
}


/* Display content styles */
.displayCenter {
	display:table;
	width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;
}
.displayTable { display:table; height:100%; width:100%; vertical-align:middle; }
.verticalMiddle { display:table-cell; vertical-align:middle; }


/* Related Products */
.relatedProducts { padding: 3.2em 0 0; }
.relatedProducts ul { overflow:hidden; }
.relatedProducts ul li { float:left; width:23%; margin-right:2%; }
.relatedProducts li .productImage { height:230px; display:table; }
.relatedProducts h3 { margin:0 0 0.4em 0; line-height:1.2em; height:60px; overflow:hidden; }
.relatedProducts .details { margin:0 0 }
.relatedProducts .next { position:absolute; right:-15px; top:20%; }

/* Related Product Slider Navigations */
#relslider-prev, #relslider-next { position:absolute; top:20%; }
#relslider-prev { left:-50px; }
#relslider-next { right:-30px; }
#relslider-prev .disabled, #relslider-next .disabled { display:none; }

/* Browse by category Slider*/
.browsebyCategory .bx-wrapper .bx-viewport { left:0; }
#browse-prev, #browse-next { position:absolute; top:50%; margin-top:-20px; }
#browse-prev { left:0; }
#browse-next { right:0; }
#browse-prev .bx-prev, #browse-next .bx-next {
	height:40px;
	width:40px;
	display:block;
	background: url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) no-repeat;
}
#browse-prev .bx-prev { background-position:-144px -42px; }
#browse-prev .disabled { background-position:-95px -2px; }
#browse-next .bx-next { background-position:-95px -42px; }
#browse-next .disabled { background-position:-144px -2px; }
.bx-next, .bx-prev {
	height:50px;
	width:50px;
	display:block;
	background: url(/wcsstore/HPStorefrontAssetStore/img/arrows.png) no-repeat;
}
.bx-next { background-position:-50px -50px; }
.bx-prev { background-position:0px -50px; }

/*Tabs with Underlined Active*/
.tabsUnderlined { overflow:hidden; margin:0px; }
.tabsUnderlined li { float:left; margin-right:2em; }
.tabsUnderlined li a {
	font-family: "HPSimplified-light";
	font-size:2em;
	display:block;
	border-bottom:4px solid #fff;
	line-height:2em;
	cursor:pointer;
}
.tabsUnderlined li a.active { color:#007dba; border-bottom:4px solid #007dba; }
.tabsUnderlined li a.hover { color:#007dba; border-bottom:4px solid #007dba; }

/* Icons as Link */
.linkDownarrow {
	background:url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) 282px -240px no-repeat;
	display: inline-block;
    font-size: 1.875em;
    font-family: "HPSimplified-light";
    height: 51px;
    line-height: 51px;
    padding: 0 2.2em 0 0;
}
.next { height:50px; width:50px; background:url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) -1px -168px no-repeat; }
.download { background:url(/wcsstore/HPStorefrontAssetStore/img/download.png) 0 center no-repeat; padding-left:15px; font-size:0.75em;}
.expand { background:url(/wcsstore/HPStorefrontAssetStore/img/plus.png) no-repeat 0 center; padding-left:20px;}
a.email { background:url(/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png) no-repeat 0 -1101px; padding-left:20px; }
a.print { background:url(/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png) no-repeat 0 -787px; padding-left:20px; }
.topsection a.print.small { font-size:0.3em; color:#0096d6; }
.itemshipped { background:	url(/wcsstore/HPStorefrontAssetStore/img/tick.png) no-repeat 5px 60%; padding-left:20px; }
.roundTick { background:url(/wcsstore/HPStorefrontAssetStore/img/roundTick.png) no-repeat 0 0; padding-left:35px; height:26px; line-height:21px; }

.anchor_back {
	background:url(/wcsstore/HPStorefrontAssetStore/img/anchor-left.png) no-repeat left center;/*offshore update as per static 3.3*/
    float: left;
	font-size: 1.0em;
	padding-left:25px;/*offshore update as per static 3.3*/
	line-height:1.6em;
	color:#0096D6;
}
.anchor_back:hover {color:#006699;}

a.questionAfter { background:url(/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png) no-repeat 0 -2234px; padding:0em 0.5em; }

/* Left Navigation */
.leftnav li { padding:0.35em 0; }
.leftnav li.topspace { margin-top:2.1em; }
.leftnav a { font-family: "HPSimplified-light"; }
.leftnav a.active { font-weight:normal; }

/* Pagination */
.pagination { height:auto; }
.pagination span { line-height:1.929em; float:left; margin-right:0.7em; }
.pagination a {
	border:2px solid #cccccc;
	width:25px;
	height:27px;
	float:left;
	background:#fff url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) no-repeat 0 0;
	margin-left:1px;
}
.pagination a.prev { background-position:-102px -94px; }
.pagination a.next { background-position:-149px -94px; }

/* After text dots */
.dotsafter { background:url(/wcsstore/HPStorefrontAssetStore/img/dot.png) repeat-x center 13px; }
.dotsafter span { background:#fff; }
.dotsafter span.total { padding-right:5px; }

.inlineblock { display:inline-block; }


/*** FAQ Section ***/
.faq { margin-top:2.813em; }
.faq .description { margin-top:1em; }
.faq .description p { margin-bottom:0.5em; }
.faq .modTitle { font-size:1.188em; font-family: "HPSimplified-light"; line-height: 1em; }
.faq .modTitle a { font-family: "HPSimplified-light"; }
.faq .chatModule .modTitle, .faq .sendEmailModule .modTitle { font-size:1.5em; }
.faq p,
.faq ul li a {
	font-size:0.875em;
	font-weight:normal;
	line-height:1.2em;
}

.faq ul li a { color:#007dba; }
.faq h2 { font-size:1.5em; font-weight:normal; color:#000;}
.callUsModule li .phone { color:#000; }
.faq ul li a:hover { color: #000;}
.phone_ico,
.chat_ico,
.mail_ico { height:81px; display:block; background:url(/wcsstore/HPStorefrontAssetStore/img/cart/callus.png) no-repeat center;}
.chat_ico { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/chat.png) no-repeat center;}
.mail_ico { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/mail.png) no-repeat center;}
.card-values li { overflow:hidden; line-height:2.5em;}
.height30 { height:30px;}
.height320 { height:320px; vertical-align:middle; display:table-cell; width:100%;}
.width110 { width:110px;}
.imgContainer img { width:100%;}
.print_ico { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/print.png) no-repeat left; padding-left:1.375em; }
.email_ico { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/email.png) no-repeat left; padding-left:1.375em; }

/* Link Switch */
.linkforswitch2, .linkforswitch { position:absolute; right:50px; top:10px; }
.linkforswitch2 p, .linkforswitch p { display:inline-block; color:#000; }
.linkforswitch2 a, .linkforswitch a { color:#0096D6 !important; }
.cartbox .linkforswitch2, .cartbox .linkforswitch { top:35px; right:30px; }
.multipleScenarios2, .multipleScenarios { display:none; }
.open { display:block !important; }

/* Take Survey */
.takeSurvey.topgradient { border-bottom: 0; }
.takeSurvey .large-4 { width:32%;}
.takeSurvey .large-8 { width:64%;}
.takeSurvey .surveycontent {
	font-size: 1.75em;
	font-family: "HPSimplified-light";
	line-height:1.2em;
}
.takeSurvey  label { color:#000; cursor:text; }
.takeSurvey .row .large-4, 
.takeSurvey .row .large-8 { padding-right: 4%; }
.takeSurvey form.custom .custom.dropdown {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bdbcbf;
    height: 34px;
}
.takeSurvey form.custom .custom.dropdown.open {
    border-color: #000000 #000000 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
.takeSurvey form.custom .custom.dropdown .selector:before { top:35%; }
.takeSurvey textarea { height:134px; margin-bottom: 32px; }
.takeSurvey input[type="text"], 
.takeSurvey textarea { border: 1px solid #bdbcbf; }
.takeSurvey .custom .row { margin-bottom:0.7em; }
.takeSurvey .stayConnected { margin-top:5em;}
.takeSurvey .topsection h2 { padding-top:0; }

/* Ipad changes for popup */
@media only screen and (max-width:1000px) {
	#popupblockenter, #popupblockexit {padding-bottom: 20px;text-align: center;	}
	#popupblockenter p, #popupblockexit p {margin-bottom:0.5em;}
	.topgradient.myaccount {padding: 0 15px 15px;}
	.myaccountRight .addrformfield .large-4.nosidepaddings {width:39%;}
	.paymentMethod .cardinfo .large-2.nosidepaddings, .paymentMethod .cardinfo .large-3.nosidepaddings {width:15%;}
	.paymentMethod .cardinfo .large-2:last-child {width: 16%;}
}

/* Suggested Keywords Section Styles Begins */
#container {
	width: 350px;
	margin: 50px auto;
	background: #ffffff;
	border: 2px solid #CCCCCC;
}
#search_results {
	width: 100%;
	margin: 20px;
}
#search_results h2 {
    font-size: 1.75em;
    font-weight: 100;
    margin: 0px;
    padding: 0px 0px 10px 0px;
	font-family: "HPSimplified",arial;
}
#search_results ul.suggestedKeywordLinks {
   list-style:none;
   border-bottom: 1px solid #E5E8E8;
   margin: 0px 40px 10px 0px;
   padding: 0 0 20px;
}
.suggestedKeywordLinks a:link {
   font-family: "HPSimplified",arial;
   font-weight:normal;
   font-size: 1em;
   font-weight: 100;
   text-decoration: none;
   color: #222222;
}
.suggestedKeywordLinks a:hover {
   color: #0096D6;
}
#search_results ul li {
   padding:0em 0em 0.1875em 0.9375em;
   background:url(/wcsstore/HPStorefrontAssetStore/img/keyword-bullet.png) no-repeat 0px 7px transparent;
   text-align:left;
   display: block;
   line-height: 1.5em;
}
#search_results ul:last-child {
    border: none;
}
#search_results ul li ul {
	margin: 0px;
	padding: 0px;
}
#search_results ul li ul li{
   background:url(/wcsstore/HPStorefrontAssetStore/img/keyword-bullet-inner.png) no-repeat 0px 7px transparent;
}
/* Suggested Keywords Section Styles Ends */

/* Disclaimer Page Style Begins */
.disclaimer_page {
    font-size: 12px;
    font-weight: 100;
    padding: 20px 0px 10px 0px;
	font-family: "HPSimplified",arial;
	color: #757575;
}
.disclaimerList {
	font-size: 12px;
	font-family: "HPSimplified",arial;
	color: #757575;
}
ol.disclaimerList {
	list-style-type: decimal !important;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
ol.disclaimerList li {
	padding: 0px 0px 15px 5px;
	margin: 0px 0px 0px 20px ;
	line-height: 1.75em;
	list-style: decimal;
}

/* Disclaimer Page Style Ends */
.exploreCategory .large-12.columns.nosidepaddings > nav {
    border-bottom: 1px solid #CCCCCC;
}
h3.txtsize24 { font-size:1.5em; }

/***************common-os.css ends*****************/

/***************hps-euro-w01-fontface-core.css starts*****************/
@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: "HPSimplified";
    font-style: normal;
    font-weight: normal;
    src: url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-regular-eot.eot?#iefix") format("embedded-opentype"), url("/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-regular-woff.woff") format("woff"), url("/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-regular-ttf.ttf") format("truetype");
}
@font-face {
    font-family: "HPSimplified";
    font-style: normal;
    font-weight: bold;
    src: url("https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-bold-eot.eot?#iefix") format("embedded-opentype"), url("/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-bold-woff.woff") format("woff"), url("/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-bold-ttf.ttf") format("truetype");
}
@font-face {
    font-family: "HPSimplified";
    font-style: normal;
    font-weight: 100;
    src: url("/wcsstore/HPStorefrontAssetStore/fonts/HPSimplifiedW01-Light.eot?#iefix") format("embedded-opentype"), url("/wcsstore/HPStorefrontAssetStore/fonts/HPSimplifiedW01-Light.woff") format("woff"), url("/wcsstore/HPStorefrontAssetStore/fonts/HPSimplifiedW01-Light.ttf") format("truetype");
}
@font-face {
    font-family: "HPSimplified-light";
    font-style: normal;
    src: url("/wcsstore/HPStorefrontAssetStore/fonts/HPSimplifiedW01-Light.eot?#iefix") format("embedded-opentype"), url("/wcsstore/HPStorefrontAssetStore/fonts/HPSimplifiedW01-Light.woff") format("woff"), url("/wcsstore/HPStorefrontAssetStore/fonts/HPSimplifiedW01-Light.ttf") format("truetype");
}
body {
    background-color: #FFFFFF;
    font-family: "HPSimplified",arial;
}
@font-face {
    font-family: 'hp_simplified_w01_boldregular';
    src: url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-bold-ttf-webfont.eot');
    src: url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-bold-ttf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-bold-ttf-webfont.woff') format('woff'),
         url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-bold-ttf-webfont.ttf') format('truetype'),
         url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-bold-ttf-webfont.svg#hp_simplified_w01_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hp_simplified_w01_regularRg';
    src: url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-regular-ttf-webfont.eot');
    src: url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-regular-ttf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-regular-ttf-webfont.woff') format('woff'),
         url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-regular-ttf-webfont.ttf') format('truetype'),
         url('/wcsstore/HPStorefrontAssetStore/fonts/hps-euro-w01-regular-ttf-webfont.svg#hp_simplified_w01_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {font-family: "HPSimplified",arial;}

/***************hps-euro-w01-fontface-core.css ends*****************/

/***************jquery.bxslider.css starts*****************/
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: auto;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/wcsstore/HPStorefrontAssetStore/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(/wcsstore/HPStorefrontAssetStore/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/wcsstore/HPStorefrontAssetStore/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/wcsstore/HPStorefrontAssetStore/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/wcsstore/HPStorefrontAssetStore/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/***************jquery.bxslider.css ends*****************/

/***************component.css starts*****************/
.login-container *:before, .login-container *:after { -moz-box-sizing: border-box; } 

/* Adjust margin for form elements below */ 
.login-container input[type="file"], .login-container input[type="checkbox"], .login-container input[type="radio"], select { margin: 0 0 1em 0; }

/* Normalize file input width */ 
.login-container input[type="file"] { width: 100%; }

.contenedor { float: right; min-height: 400px; overflow: hidden; position: absolute; width: 300px; } 
button.dl-trigger {margin-bottom:0;} 
ul.dl-submenu {margin-left:0;} 
.dl-menuopen {z-index:9797;} 
#featuredaccessories.talkingAbout ul li h3 {overflow:hidden;}

/*Compare*/ 
#compare-body .product-card h3 { padding-top: 0; height: 2.8em; overflow: hidden; } 
.desktop .large-4 .item1 h3 { height: 2.1em; overflow: hidden; } 
#accessoriesfinder #featuredaccessories ul li h3 { height: 2.8em; overflow: hidden; } .securecheckoutorderconfirmation .featureaccessories #content .product-card h3 { height: 2.8em; overflow: hidden; } 
#featuredLaptops ul li h3, #featuredTablets ul li h3, #featuredPrinters ul li h3 {width:auto;}

#storenav.minified .slidercolumn {width:96.5%;}

@media only screen and (min-width: 801px) and (max-width: 1024px){ 
#storenav.minified {} 
#storenav.minified .bx-viewport li {} 
#storenav.minified .bx-viewport li + li:before { color: #CDCDCD; content: "|"; display: block; float: left; left: -20px; position: absolute; } 
#storenav.minified .nextcolumn { position: absolute; right: 69px; top: 1px; width: 7%; } #storenav.minified .storenav-item-6 {display: none;} 
#storenav.minified .storenav-item-7 {display: none;} 
#storenav.minified .storenav-item-8 {display: none;} 
#storenav.minified .storenav-item-9 {display: none;} 
#storenav.minified .storenav-item-10 {display: none;}
#storenav.minified .storenav-item-11 {display: none;} 
#storenav.minified .storenav-item-12 {display: none;} 
#storenav.minified .storenav-item-13 {display: none;} 
#storenav.minified .storenav-item-14 {display: none;} 
#storenav.minified .storenav-item-15 {display: none;} 
#storenav.minified .storenav-item-16 {display: none;} 
#storenav.minified .storenav-item-17 {display: none;} 
}

nav .topmenu ul { margin-top: 0px; } 
.login-container ul li.tmHover ul.topmenuchild { display: block; } 
.login-container ul li.tmHover #loginBox.openLogin { display: block; } 
.login-container ul li ul { display: block; margin: 0 0 0 13px; position: absolute; border:solid 1px #cecece; background-color:#fff; padding: 5px 15px; width:169px; z-index:99; } .login-container ul li ul.lastBox { right:0; }

nav .topmenu ul li ul li{ margin:0; line-height:1.2em; color:#767676; font-weight:400; display:block; width:100%; border-top: 1px solid #CECECE; } 
nav .topmenu ul li ul li:first-child { border-top: medium none; } 

/* top nav etr fixes begin */

nav .topmenu ul li a { /* color: #0096d6; */ color: #2c3038; font-size: .875rem; font-weight: 600; cursor:pointer !important; } 

/* top nav etr fixes end */

nav .topmenu ul li.tmHover a { color: #006699; } 
nav .topmenu ul li.tmHover .loginformSection a:hover { text-decoration:underline; } 
nav .topmenu ul li.tmHover a#logintToHP:hover { text-decoration:none; } 
nav .topmenu ul li.tmHover a.selected{ color: #cccccc; } 
nav .topmenu ul li ul li a{display:inline-block; width:100%; cursor:pointer; padding: 10px 0; } nav .topmenu ul li ul li a:hover{text-decoration:underline; color:#0096D6; } 
nav .topmenu ul li ul li a.selected{text-decoration:none; cursor:default;} 
nav .topmenu ul li ul li .textContainer{padding: 10px 0; } 
.topmenu { position: relative; } 
#loginBox { display: none; } 
.topmenu ul { font-size: 13px; } 
nav .topmenu ul li ul li, .loginformSection, .loginformSection label, .loginformSection p {font-size:13px;}

a.downDisclosure{ background: url("/wcsstore/HPStorefrontAssetStore/img/top-menu-disclosure-blue.png") no-repeat scroll 100% center; } 
.topmenu li.tmHover a.downDisclosure, .topmenu li a.downDisclosure:hover{ background: url("/wcsstore/HPStorefrontAssetStore/img/top-menu-disclosure-blue.png") no-repeat scroll 100% center; } 
.topmenu li a.mainLink:hover{ color: #006699;} 
nav .topmenu ul li.tmHover a.downDisclosure span{ background-position: 0px -16px; } 
nav .topmenu ul li a.downDisclosure {padding-right:14px;} 

nav .topmenu ul li.lastIteminList { margin-right: 6px; } 
#loginBox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CECECE; position: absolute; width: 290px; z-index: 102; right:0; } 
.loginformSection {padding: 15px;}

.loginWarning {display:none;} 
.loginWarning { background: none repeat scroll 0 0 #F7D7D8; padding: 10px 15px; } #logingWarningArea > p { color: #C60F13; margin-bottom: 0; } 
.loginformSection input, .loginformSection input:focus { box-shadow:none; background-color: #FFFFFF; } 
.loginformSection input:focus { border: 1px solid #000;} 
.loginformSection input.error { background-color: #FFFFFF; } 
.loginformSection label {color:#767676;}

/*Label*/ .loginformSection .error label, .loginformSection label.error { color: #C60F13; } /*Placeholder*/ .loginformSection input::-webkit-input-placeholder { color: #fff; } .loginformSection input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .loginformSection input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .loginformSection input:-ms-input-placeholder { color: #fff; } 

.loginformSection input.error::-webkit-input-placeholder { color: #C60F13; } .loginformSection input.error:-moz-placeholder { /* Firefox 18- */ color: #C60F13; } .loginformSection input.error::-moz-placeholder { /* Firefox 19+ */ color: #C60F13; } .loginformSection input.error:-ms-input-placeholder { color: #C60F13; }

nav .topmenu ul li .forgotPasswordText {float:left; color:#0096d6; } 
.loginArea{ background-color: #0096d6; border-bottom-left-radius: 0.4em; border-top-right-radius: 0.4em; cursor: pointer; clear:both; float: right; font-size: 0.9em; margin-bottom:1.5em; padding: 0.45em 2.5em; } 
.loginArea:hover{ background-color:#006599; } 
nav .topmenu ul li .loginArea a {color:#fff; font-size:1.2em;} 
.newUserText { float: left; padding-right: 0.5em; } 
.topmenu ul li ul { display: none; margin: 0 !important; } 

nav .topmenu ul { margin-bottom: 0px; line-height:29px; padding-top:1px; } 


.loginStorenavGroup {background-color:#fff;} 
.loginStorenavGroup #storeSlider { top: 12px; } 
.loginStorenavGroup #storeSlider {top:0px;} 

@media only screen and (min-width: 801px) and (max-width: 1024px){
.loginStorenavGroup #storeSlider {top:0px;} } 

.topmenu {visibility: visible;} .header-container { height: 0px; } 

/* Code afte H/F i*/ 
#storenav .caption { text-align: center !important; } 
.header-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.login-container input[type="text"], .login-container input[type="password"], .login-container input[type="date"], .login-container input[type="datetime"], .login-container input[type="datetime-local"], .login-container input[type="month"], .login-container input[type="week"], .login-container input[type="email"], .login-container input[type="number"], .login-container input[type="search"], .login-container input[type="tel"], .login-container input[type="time"], .login-container input[type="url"], textarea { background-color: white; font-family: inherit; color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 0 0 1em 0; padding: 0.5em; height: 2.3125em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; } 

/***************component.css ends*****************/

/***************cart.css starts*****************/
@charset "utf-8";

.subtitle {
	border:1px solid #e5e8e8;
	border-top:none;
	background-color:#fff;
	padding:0em 2.5em;
	overflow:hidden;
}

.subtitle .txtMessage { text-align:center; font-size:1.75em; text-align:center; padding:4em 0; font-family: "HPSimplified-light";  }

.subtitle .tablehead {
	border-bottom: 1px solid #E5E8E8;
    font-size: 1.0em;
    font-weight: normal;
    overflow: hidden;
    padding: 1.56em 0 1.25em;
}

.yourcart .toplinks { float:right; }
.toplink ul { margin-bottom:0;}
.toplink ul li {
	display:inline;
	list-style:none;
	float:left;
	margin-left:0.938em;
}
.toplink ul li + li a:before, .legal ul.weblegal li + li a:before {
	content: "|";
	width:2px;
	display:block;
	float:left;
	padding-right:0.938em;
	color:#cdcdcd;
}
.toplink ul li + li a:hover:before, .legal ul li + li a:hover:before { color:#cdcdcd;}
/*** Your Items Block ***/
.cartbox { margin-top:1.25em;}
.cartbox h2 {
	background-color: #F2F3F3;
	border: 1px solid #e5e8e8;
    font-size: 1.75em;
    font-family: "HPSimplified-light";
    margin: 0;
    padding: 0.32em 0.64em;
}

.cartbox hr { border-color:#e5e8e8;}
.cartbox h4, h6 {
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #333333;
    font-size: 1.5em;
    font-family: "HPSimplified-light";
    line-height: 1.2em;
	margin-bottom:0em;
}
.cartbox h4 {margin-top: 0em; max-height: 2.5em; overflow: hidden; font-size: 1.375em;}
.cartbox h6 { font-size:0.75em; color:rgb(102,102,102); font-family: "HPSimplified";}

.productItem {
	float:left;
	width:100%;
	padding:1.8em 0em;
	border-bottom:1px solid #e5e8e8;
}

.productItem .imgContainer { float:left; width:110px; }
.productItem .imgContainer img { width:auto; }
.productItem .productInfo { float:left; }
.itemwid4 p {
	font-size:0.87em;
	color:#333333;
	margin-bottom:0px;
	padding:0.63em 0em;
}
.cart-total .viewBtn1 { float:right; }
.featuredAccessories {  margin-top:2.813em; }

.regPrice { margin-left:0.62em; color:#767676;}
.itemwid2 .square { float: left; width:70px;}
.itemwid2 .square span { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/square.png) repeat-x; display:block;}

.linktxt { font-size:0.88em; font-weight:normal; color:#007dba;}

.productItem .itemwid4  ul li { font-size:0.85em; }
.itemwid4 p a.bluelink { font-size:1em; }


.itemwid1,
.itemwid2,
.itemwid3,
.itemwid4,
.itemmerged {
	width:6%;
	margin:0px;
	padding:0px;
	float:left;
}

.outofstock {margin-top:0.125em;}
.outofstock p { 
	width:70%; 
	font-size:0.875em; 
	line-height:1.25em; 
	margin-bottom:0.3125em; 
	display:inline;
	font-weight:normal;
	vertical-align:bottom;
}
.outofstock #outofstockwarning {margin-bottom: 0.5em;}
.outofstock #outofstockemailarea > input {width: 60%;}
.outofstock input[type='text'] { box-shadow:none; width:70%; float:left; margin-right:10px !important; }
.outofstock .btn { line-height:2.3em; float:left; }
.itemwid1 {text-align: center;}
.itemwid2 p { margin-bottom:0.3125em; }
.itemwid2 { width:13%;}
.itemwid2.text-right {width:13%;}
.itemwid2.text-right p{line-height: 1; margin-bottom: 0em;}
.itemwid2.text-right .price {margin-bottom: 0.2232em;}
.itemwid2.text-right .bluelink {font-size: 0.625em; margin-top: 0.375em;}
.itemwid3 { width:20%;}
.itemwid4 { width:48%;}
.itemmerged { width:39%; }
.bluelink, .itemwid2 ul li a { font-size:0.95em; color:#007DBA;}
.red .bluelink { font-size:0.75em; font-weight: normal; margin-bottom: 0.25em; display: inline-block;}
.bluetext { color:#007DBA;}
.itemwid2 ul li a:hover { color:#000;}
.listitembox {
	background-color: #f2f3f3;
    color: #010101;
	text-align:center;
	margin-top:1.25em;
}
.totalblock {
	border:1px solid #e5e8e8;
	background:#f2f3f3;
	line-height: 1.2em;
    margin-top: 1.25em;
    overflow: hidden;
}
.totalblock1 ul { margin-bottom:0;}
.totalblock1,
.totalblock2 {
	background:#f2f3f3;
	line-height: 1.2em;
    padding: 1.88em;
}
.totalblock2 { border-left:1px solid #b9b8bb; padding-top:0.625em;}

.accessoriesSlider h2 {
	color: #000000;
    font-size: 2.5em;
    font-family: "HPSimplified-light";
    padding: 0;
	margin: 50px 0 10px;
}
.accessoriesSlider .slidercolumn {width: 80%; float: left;}
.accessoriesSlider ul li h3 {
	color:#231f20;
    font-size: 1.5em;
    font-family: "HPSimplified-light";
    height: 75px;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 15px 0;
}
.accessoriesSlider .price { line-height:1em; padding:1em 0; margin:0; }
.accessoriesSlider .price .red { font-size:2.3em; }
.accessoriesSlider.cases .bx-viewport { height:354px; }
.accessoriesSlider.specialty #nextSpecialty {
    position: relative;
    right: 0%;
    top:100px;
    z-index: 9999;
		width: 10%;
}
.accessoriesSlider.specialty #prevSpecialty {
    left: 0%;
    position: relative;
    top:100px;
    z-index: 9999;
		width:10%;
}
.accessoriesSlider.specialty #nextSpecialty .bx-next{ float: right;}
.accessoriesSlider { border-bottom:1px solid #e5e8e8; padding-bottom:40px; }
.accessoriesSlider .disabled { visibility: hidden; }
.popupclose {
    background: url("/wcsstore/HPStorefrontAssetStore/img/x-close.png") no-repeat scroll center center transparent;
    display: block;
    float: right;
    height: 21px;
    margin-right: -17px;
    margin-top: -9px;
    width: 21px;
}
/*** Featured Accessories Block ***/
.featuredblock1,
.featuredblock2,
.featuredblock3,
.featuredblock4 {
	border:1px solid #c9c9c9;
	float:left;
	margin:0 2% 0 0;
	width:32%;
	padding:0.62em 2% 1.25em 2%;
	overflow:hidden;
}
.featuredblock h3 {
	font-size:1.5em;
	color:#787878;
	height: 60px;
	margin: 0;
	font-family: "HPSimplified-light";
	overflow:hidden
}
.featuredblock2 { width:66%; margin: 0;}
.featuredblock3 { margin: 1.25em 2% 0px 0px;}
.featuredblock4 { margin: 1.25em 0px;}
.bldtxt { font-size:1em; color:#000;}
.card-values li { overflow:hidden; line-height:1.5em; padding:0.4em 0;}
.card-values li.total { padding:1em 0;}
.card-values li.dots {
	height: 1px !important;
    margin-top: 0.313em;
	border-bottom:1px dotted #000;
	padding:0;
}

.yourcart .icon { padding-left:25px; }
.yourcart a.email { margin-left:15px; }
.yourcart a.print { border-right:1px solid #c5c5c5; padding-right:15px; }
.card-values span { float:right; }
.itemwid2 .price { line-height:1em; margin-top: 0.0625em;}
.itemwid2 .price .red { font-size:1.0714em; }
.OOSItem .itemwid2 .price {
	font-size: 1.788em;
	margin-right: 0.125em;
	margin-top: -0.25em;
	color: rgb(102,102,102);
	margin-bottom: 0.05em;
}


.no-margin { margin:0px !important; }
.no-padding { padding:0px !important; }
.no-border { border:none !important; }
.topmargin5 { margin-top:0.313em; }
.topmargin10 { margin-top:0.625em; }
.topmargin45 { margin-top:2.813em; }
.topmargin-5 { margin-top:-0.313em;}
.leftmargin17 { margin-left:1.063em;}
.rightmargin17 { margin-right:1.063em;}
.topbtmpadding10 { padding:0.625em 0em;}
.topmargin-5 { margin-top:-0.313em; }


.blackfont { color:#000; }
/*** @ Media ***/
@media only screen and (max-width: 1279px) and (min-width: 801px){
	.featuredblock h3 { font-size:1.25em;}
}
@media only screen and (max-width: 800px){
	.totalblock2 { border-top:20px solid #fff; border-left:0;}
}

.warningarea {margin-top: 1.875em;}
.warningarea .linkforswitch3 {text-align: right;}
.warningarea .linkforswitch3 p {display: inline-block; margin-bottom: 0em;}
.warningarea .linkforswitch3 p a:hover { cursor: pointer;}
.warningarea .warningdetailarea {background-color:#F7D7D7;}
.warningarea .warningdetailarea .alertbox {
	background: transparent url(/wcsstore/HPStorefrontAssetStore/img/cart/alert.png) no-repeat 0em 1.1em;
	padding-left: 0em;
	padding-right: 0em;
	margin: 0em 1.5em;
	border-top:1px solid #ebcdcc;
	border-bottom:none;
}
.warningarea .warningdetailarea .alertbox:first-child {border-top: none;}
.warningarea .warningdetailarea .alertbox p {padding-left: 2.25em;}
.warningarea .warningdetailarea .close{
	background: url("/wcsstore/HPStorefrontAssetStore/img/x-close.png") no-repeat scroll center center transparent;
	display: block;
	height: 21px;
	width: 21px;
	float:right;
	margin-top:3px;
	display: none;
}
#cart .topsection.yourcart h2{ font-size: 2em;}
#cart a.anchor_back{ color: rgb(0,150,214);}
#cart a.anchor_back:hover{ color: rgb(0, 102, 153);}
#cart .faq h2 { font-family: "HPSimplified-light";}
#cart #outofstock .outofstocklink { 
	width: 70%;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color: rgb(0,150,214);
}
#cart #outofstock .outofstocklink:hover {color:rgb(0,102,153); cursor: pointer;}
#cart #outofstock #outofstockemailarea { padding-left: 0px;} 

#cart .featuredAccessories .product-card .nodetail { visibility: hidden;}

#cart .featuredAccessories .product-card .item2columns, #cart .featuredAccessories .product-card .item1column {
	width:100%; 
	background-color:#fff; 
	padding:15px; 
	border-top: solid 1px #c8caca; 
	border-left: solid 1px #c8caca; 
	border-right: solid 1px #c8caca; 
	position:relative;
	margin-top: 1em;
}

#cart .featuredAccessories .product-card .item2columns, 
#cart .featuredAccessories .product-card .item1column { max-height: 550px; min-height: 550px; }	
#cart .featuredAccessories .product-card h2, #cart .featuredAccessories .product-card h6, 
#cart .featuredAccessories .product-card h3 {font-family: "HPSimplified-light";}
#cart .featuredAccessories .product-card h3 span {display:inline-block;}
#cart .featuredAccessories .product-card a:hover {color: rgb(0,102,153);}

#cart .featuredAccessories .product-card .item2columns form, 
#cart .featuredAccessories .product-card .item1column form {width:90px; float:left;}
#cart .featuredAccessories .product-card .trigger {background-position: -200px -159px;}
#cart .featuredAccessories .product-card .trigger {display: block; height: 34px;width: 201px; margin-right:-22px; padding: .4em 0 0 1.2em;}
#cart .featuredAccessories .product-card .trigger a {color:#fff; float:right; padding-right:1em;}
#cart .featuredAccessories .product-card .trigger.deal a {padding-right:0.8em;}
#cart .featuredAccessories .product-card .trigger a:hover, 
#cart .featuredAccessories .product-card .trigger a:focus {color:#fff; text-decoration:none;}
#cart .featuredAccessories .product-card .trigger.fbvl {background-position: -200px -213px;}
#cart .featuredAccessories .product-card .trigger.fbvl {height: 34px; width: 134px;}

#cart .featuredAccessories .product-card .item2columns .imgcontainer { max-width: 450px; max-height:340px; margin: 0 auto;}
#cart .featuredAccessories .product-card .item1column .imgcontainer {max-width: 270px; max-height:205px ;margin: 0 auto;}
#cart .featuredAccessories .product-card .imgcontainer > img {display: block; margin: 0 auto;}

#cart .featuredAccessories .product-card .productdetail  {position: absolute; bottom: 0.5em; padding-right: 0.9375em;}
#cart .featuredAccessories .product-card .item2columns h3, 
#cart .featuredAccessories .product-card .item1column h3 {margin-bottom:0.1em;}

#cart .featuredAccessories .product-card .item2columns ul, 
#cart .featuredAccessories .product-card .item1column ul {margin-top:0em; margin-bottom:0; font-size:.9em;}
#cart .featuredAccessories .product-card ul {list-style:none;}
#cart .featuredAccessories .product-card .item2columns ul li, 
#cart .featuredAccessories .product-card .item1column ul li {
	background: url("/wcsstore/HPStorefrontAssetStore/img/li.gif") left 7px no-repeat; 
	padding-left: 14px; 
	margin-left: 0px;
}

#cart .featuredAccessories .product-card .action { padding-top: 0.5em;}
#cart .featuredAccessories .product-card .startingat {font-size:.75em; color:#5a5a5a; margin: 0em;}
#cart .featuredAccessories .product-card .startingat.notvisible {visibility:hidden;}
#cart .featuredAccessories .product-card .price { 
	float:right; 
	line-height: 1; 
	width: 110px;
	margin-bottom: 0em;
	padding-right: 0.5em;
}
#cart .featuredAccessories .product-card .price .red {font-family: "HPSimplified-light";}
#cart .featuredAccessories .product-card .viewdetail {
	float: right;
	font-size: 1em;
	color: #007DB9;
	position: absolute;
	bottom: 0em;
	right: 0em;
	margin-right: 0.9375em;
}	
#cart .featuredAccessories .product-card .red {font-size:2em; font-weight:normal; margin: 0em; }
#cart .featuredAccessories .product-card .item1column .price { float: left;}

#cart .featuredAccessories .product-card .productspecnoarea { margin-bottom: 1.5em;}
#cart .featuredAccessories .product-card .productspecnoarea p {
	margin-bottom: 0em; 
	color: rgb(118,118,118); 
	font-size: 0.88em;
	font-family: "HPSimplified-light";
} 

#cart .featuredAccessories .product-card .fullwidthbtn {
	display:block; 
	width:100%; 
	background-color:#0095d5; 
	color:#fff; 
	padding:1.1em 0 1.1em 0; 
	text-align:center;
	font-weight: bold;
}
#cart .featuredAccessories .product-card .fullwidthbtn:hover {
	background-color: rgb(0,102,153);
	color: rgb(255,255,255);
}

@media only screen and (min-width: 801px){
#cart .featuredAccessories .product-card .item2columns .action {
	position: absolute;
	bottom: 0em;
	right: 0.9375em;
}
#cart .featuredAccessories .product-card .item2columns .action .price{
	position: absolute;
	bottom: 0em;
	right: 6.5em;
	text-align: right;
}
#cart .featuredAccessories .product-card .item2columns .productspecaillist { width: 55%;}
#cart .featuredAccessories .product-card .item2columns .action { width: 45%;}
}

@media only screen and (max-width: 800px){
#cart .featuredAccessories .product-card .price { float: left;}
#cart .featuredAccessories .product-card .item2columns .imgcontainer {max-width: 270px; max-height:205px ; margin: 0 auto;}
#cart .featuredAccessories .product-card .item2columns, 
#cart .featuredAccessories .product-card .item1column { max-height: 480px; min-height: 480px; }	
}

@media only screen and (min-width: 1026px){
#cart .featuredAccessories .product-card .novlt {visibility:hidden;}
}

@media only screen and (max-width: 1025px){
#cart .featuredAccessories .product-card .item1column form {width:100%;}
}

/*** Calculate SalesTax Button ***/
.salesTaxCalculation {
    display: block;
    text-align: right;
    width: 50%;
}
#salestaxElements{float:right;}

/*Order Details*/
.orderdetails .cartbox { margin-top:0px !important; }
.orderdetails .multipleScenarios { margin-top:20px; }
.productItem { padding-left:10px; padding-right:10px; border-bottom:1px solid #e0e1e1;}
.orderdetails .subtitle {background: none repeat scroll 0 0 #f2f3f3 !important; padding:0px; }
.orderdetails .cartbox h6 { font-size: 1em;}
.orderdetails .subtitle .tablehead { padding: 10px 10px 13px; border-bottom: 1px solid #e0e1e1; border-top: 1px solid #e0e1e1;}
.orderdetails .totalblock { margin-top:0px !important; }
.orderdetails .totalblock2 { border-left:none; padding-top: 1.3em;}
.orderdetails .totalblock1 { padding:12px; height:263px; background:#fff;  font-size:0.9em;}
.addr { font-size:0.8em;}
.pad {padding-top:10px;}
.totalblock2 ul { margin-bottom:10px;}
.orderdetails .totalblock { border-top:none; }
.orderdetails .productItem.nobdr { border-bottom:none; }
.orderdet {
	background: none repeat scroll 0 0 #f2f3f3 !important;
    font-size: 0.9em;
    margin-top: 30px;
    padding-bottom: 28px;
    padding-top: 11px;
	border:1px solid #e0e1e1;
}

.orderdecline {
	background: none repeat scroll 0 0 #f2f3f3 !important;
    font-size: 0.9em;
    margin-top: 28px;
    padding-bottom: 28px;
    padding-top: 11px;
	border:1px solid #e0e1e1;
}

.orderdeclineHead{ font-size: 2.4em; padding-left:16px}

/* 1024 adjustments  -----------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) and (min-width: 801px){
.accessoriesSlider ul li h3 { padding: 15px 4px; }
.accessoriesSlider .price { line-height: 1em; padding: 1em 0 1em .2em; margin: 0; }
.bluebtn { background: #0096d6; color: #fff; margin: 0 0 0 0.3em; }

}

.cartbox .linkforswitch {display: block;}
.cartbox .subtitle,
.cartbox .subtitle .tablehead { overflow: visible;}
.cartbox .productItem {padding: 1.75em 0em;}
.cartbox .productItem .imgContainer {width: auto; max-width: 25%;}
.cartbox .productItem .productInfo {width: 75%; padding-left: 0.625em; padding-right: 1em; float: right;}
.cartbox .productItem .productInfo h6 {margin-bottom: 10px;}
.cartbox .productItem .productInfo .shippingmessage {
	font-size: 0.75em;
	color: rgb(118, 118, 118);
	margin-top: 0.25em;
	margin-bottom: 0.5em;
	line-height: 1.1;
	padding:0em;
}
.cartbox .productItem .itemwid4 .ctoarea { margin-top: 0.625em; margin-bottom: 0.625em;}

.cartbox .productItem .productInfo .shippingmessage a {color:#0096D6;}
.cartbox .productItem .productInfo .shippingmessage a:hover {color:#006699;}
.cartbox .productItem .itemwid4 .ctoarea {margin-bottom: 0.625em;}
.cartbox .productItem .itemwid4 .ctoarea .ctodisplayoption {
	padding-left: 20px; 
	background: url(/wcsstore/HPStorefrontAssetStore/img/cart/ctoshowicon.png) center left no-repeat;
	font-size: 0.75em;
	cursor: pointer;
	color: rgb(0,0,0);
}
.cartbox .productItem .itemwid4 .ctoarea.open .ctodisplayoption {background: url(/wcsstore/HPStorefrontAssetStore/img/cart/ctohideicon.png) center left no-repeat;}
.cartbox .productItem .itemwid4 .ctoarea .ctoinfoarea {display: none;}
.cartbox .productItem .itemwid4 .ctoarea.open .ctoinfoarea {display: block;}
.cartbox .productItem .itemwid4 .ctoarea .ctoinfoarea ul {padding-left:20px; margin-bottom: 0.625em; margin-top: 0.625em;}
.cartbox .productItem .itemwid4 .ctoarea .ctoinfoarea ul li {font-size: 0.75em; max-height: 1.6em; overflow: hidden;}
.cartbox .productItem .itemwid4 .ctoarea .ctoinfoarea a#ctoeditlink {font-size: 0.75em; padding-left: 20px;}

.securecheckout .yourorder .context-area .detail .ctoarea2 { margin-bottom: 0.625em; }
.securecheckout .yourorder .context-area .detail .ctoarea2 .ctodisplayoption { padding-left: 20px; background: url(/wcsstore/HPStorefrontAssetStore/img/cart/ctoshowicon.png) center left no-repeat; font-size: 0.75em; cursor: pointer; color: rgb(0,0,0); }
.securecheckout .yourorder .context-area .detail .ctoarea2 .ctoinfoarea>a.bluelink { padding-left: 20px; background: url(/wcsstore/HPStorefrontAssetStore/img/cart/ctohideicon.png) center left no-repeat; font-size: 0.75em; cursor: pointer; }
.securecheckout .yourorder .context-area .detail .ctoarea2 .ctoinfoarea ul { margin-bottom: 0px; margin-top: 0.625em;}
.securecheckout .yourorder .context-area .detail .ctoarea2 .ctoinfoarea ul li {font-size: 0.75em; max-height: 1.6em; overflow: hidden;}

.cartbox .productItem .itemwid4 .emailto {padding:0em; font-size:1em;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea { margin-top: 0.625em; margin-bottom: 0.625em; width:100% float:left;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcarddisplayoption {
	padding-left: 20px; 
	background: url(/wcsstore/HPStorefrontAssetStore/img/cart/ctoshowicon.png) center left no-repeat;
	font-size: 0.75em;
	cursor: pointer;
	color: rgb(0,0,0);
}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea.open .giftcarddisplayoption {background: url(/wcsstore/HPStorefrontAssetStore/img/cart/ctohideicon.png) center left no-repeat;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcardinfoarea {display: none;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea.open .giftcardinfoarea {display: block;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcardinfoarea ul {padding-left:20px; margin-bottom: 0.625em; margin-top: 0.625em;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcardinfoarea ul li {font-size: 0.75em;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcardinfoarea ul li span {color: #767676; width:80%; float:left;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcardinfoarea ul li span.rowheader {color: #000;display:inline-block; width:20%;}
.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcardinfoarea a#giftcardeditlink {font-size: 0.75em; padding-left: 20px;}
@media only screen and (min-width: 801px) and (max-width: 1024px) {	
	.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcardinfoarea ul li span {width:50%;}
	.cartbox .productItem .itemwid4 .giftcarditemdetailarea .giftcardinfoarea ul li span.rowheader {width:50%;}
}

.cartbox .productItem .itemwid1 form.custom .custom.dropdown {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-size: 1em;
	border: none;
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown .current{
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	margin: 0px;
	padding-right: 0.5em;
	padding-left: 1.25em;
	border: 1px solid rgb(204,204,204);
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown.open {
	border-top: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000; 
	border-bottom: none;
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown.open .current {
	border: none;
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown ul {
	border-top: none; 
	border-bottom: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000; 
	box-shadow:none;
	margin-top: -1px;-moz-box-sizing: content-box !important;
  -webkit-box-sizing:content-box !important;
  box-sizing: content-box !important;
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown ul li {
	border-top:solid 1px rgb(204,204,204);
	font-size: 1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0.5em;
	padding-left: 1.25em;
	color: rgb(0,0,0);
	background-color: rgb(255,255,255);
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown ul li.selected {
	background-color: rgb(255,255,255);
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown ul li:hover,
.cartbox .productItem .itemwid1 form.custom .custom.dropdown ul li.selected:hover {
	background-color: rgb(0,125,186); 
	color: rgb(255,255,255);
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown .selector{
	background-image: url(/wcsstore/HPStorefrontAssetStore/img/checkout/dropdown_select.png);
	background-repeat: no-repeat;
	background-position: 0.75em 0.75em;
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown.open .selector {background-position: 0.8125em 0.6875em;}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown a.selector:focus {outline: none;}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown a.selector:after,
.cartbox .productItem .itemwid1 form.custom .custom.dropdown.open a.selector:after,
.cartbox .productItem .itemwid1 form.custom .custom.dropdown:hover a.selector:after {
	display: none;
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown{
	height: 1.5em;
	text-align: center;
	margin-bottom: 0px;
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown a { line-height: 1.5em;}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown a.selector:before {background: none;}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown a.selector {
	width:11px;
	background-image: url(/wcsstore/HPStorefrontAssetStore/img/checkout/dropdown_select_small.png);
	height: 1.5em;
	line-height: 1;
	margin-right: 5px;
	background-position: center 0.625em;
} 
.cartbox .productItem .itemwid1 form.custom .custom.dropdown.open a.selector {
	background-position: right 0.5625em;
}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown ul li {line-height: 1;}
.cartbox .productItem .itemwid1 form.custom .custom.dropdown a.current,
.cartbox .productItem .itemwid1 form.custom .custom.dropdown ul li {padding-right: 21px;}
.cartbox .productItem .itemwid1 p.lowinventoryinfo {
    color: #D7410B;
    font-size: 0.75em;
    line-height: 1.5;
    display: block;
    margin-bottom: 0em;
    margin-top: 0.25em;
}

#cart .productItem.discountitem {padding-top: 2.25em;}
#cart .productItem.discountitem .itemwid2.text-right{margin-top: -1.125em; position: relative;}
#cart .productItem.discountitem .originalprice {font-size: 0.65em; color:rgb(0,0,0);}
#cart .productItem.discountitem .originalprice sup {font-size: 0.7em; vertical-align: 30%; position: inherit;}
#cart .productItem.discountitem .tooltip_top {right: 0px; bottom: 105px;}
#cart .productItem.discountitem .tooltip_top .tooltip_title {display: none;}
#cart .productItem.discountitem .tooltip_top .tooltip_text {padding-left: 5px; padding-right: 15px}
#cart .productItem.discountitem .tooltip_top .tooltip_text ul {padding-left: 20px; margin-bottom: 0px}
#cart .productItem.discountitem .tooltip_top .tooltip_text ul li{
	text-align: left; 
	list-style-type: disc; 
	margin-bottom: 0em; 
	font-size: 0.6875em;
	font-weight: normal;
}
#cart .productItem.discountitem .tooltip_top .tooltip_corner, 
#cart .productItem.discountitem .tooltip_top_inline .tooltip_corner {
	left: 150px;
	bottom: -9px;
}
#cart .productItem.discountitem .tooltip_main {margin-right: -16px; line-height:1;}



/* CSS for coupon and price total area*/
#cart .couponandpricearea {
	margin-top: 1em;
	background-color: rgb(243,243,243);
}
#cart .couponandpricearea .row { margin: 0px;}
#cart .pricedetail {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: rgb(121,121,121);
	padding-bottom: 1em;
}

#cart .couponandgiftcardarea {
	margin-right: 0px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: rgb(229,232,232);
	padding: 0px;
	padding-top: 1em;
}
@media only screen and (min-width: 1025px) {
#cart .couponandgiftcardarea {padding-left: 3.75em; padding-right: 3.75em;}
}
#cart .couponandpricearea .price .row {
	margin: 0px;
}
#cart .couponandpricearea .price .pricedetail p {
	font-size: 1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	line-height: 1;
}
#cart .couponandpricearea .price .pricedetail .questionmarkicon{
	margin-top: 0.3em;
	margin-left: 0.6em;
	display: none;
}
#cart .couponandpricearea .price {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: rgb(185,184,187);
	padding-right: 1.5em;
	padding-left: 2em;
}

#cart .couponandpricearea .price .pricedetail sup {
	font-size: 0.6em;
	vertical-align: 40%;
}
#cart .couponandpricearea .price .pricedetail .row {
	margin-bottom: 5px;
}
#cart .couponandpricearea .price .pricedetail .row p {
	margin-top: 0.3em;
}
#cart .couponandpricearea .price .pricedetail .row p.rowheader {
	max-width: 70%;
	padding-right: 1em;
	font-weight: normal;
	margin-top: 0.5em;
}
#cart .couponandpricearea .price .pricedetail .row p.rowdetail.shippingfee { margin-top: 0.5em;}
#cart .couponandpricearea .price .pricedetail .row p.rowdetail.shippingfee.freeshipping,
#cart .couponandpricearea .price .pricedetail .row span.rowdetail.salestax.notaxinfo {padding-right: 0.6875em;}

#cart .couponandpricearea .pricetotal {
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 1em;
}

#cart .couponandpricearea .price .pricetotal p {
	font-size: 1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	line-height: 1;
}
#cart .couponandpricearea .price .pricetotal .total sup{
	font-size: 0.75em;
	vertical-align: 20%;
}
#cart .couponandpricearea .price .pricetotal p.left {
	margin-top: 0.375em;
	max-width: 60%;
	padding-right: 1em;
	font-size: 1.25em;
}
#cart .couponandpricearea .price .pricetotal .total {
	font-size: 1.75em;
	color: rgb(215, 65, 11);
	font-weight: 100;
}
#cart .couponandpricearea .price .pricetotal .row {
	margin-bottom: 1.2em;
}
#cart .couponandpricearea .price .pricedetail .tax .rowheader span{ font-size: 0.875em; color: rgb(118,118,118);}
@media only screen and (max-width: 800px) {
#cart .couponandpricearea .price .pricetotal .row {
	margin-bottom: 2.8em;
}
#cart .couponandpricearea .price .pricedetail .row p {
	margin-top: 0.8em;
}
}

#cart .couponandgiftcardarea .couponinfoarea {
	padding:0em 1.5em;
}
#cart .couponandgiftcardarea .couponandgiftcard {
	padding-left: 1.5em;
	padding-right: 1.4375em;
}
#cart .couponandgiftcardarea .couponinfoarea {margin-top: 0.5em;}
#cart .couponandgiftcardarea .couponinfoarea .textarea{
	vertical-align: middle;	
}
#cart .couponandgiftcardarea .couponinfoarea .addbuttonarea{
	vertical-align: middle;	
	text-align: right;
}
#cart .couponandgiftcardarea .couponinfoarea .detail {
	font-size: 0.875em;
	color: rgb(118,118,118);
	margin-top: 0.5em;
	padding-left:1.1em;
	display:inline-block;
}
#cart .couponandgiftcardarea .couponinfoarea .textarea a.link_icn:hover {text-decoration: none;}
#cart .couponandgiftcardarea .couponinfoarea .textarea .tooltip_top {width:330px; padding: 10px 0px; right: -60px;}
#cart .couponandgiftcardarea .couponinfoarea .textarea .tooltip_top .tooltip_title {display:none;}
#cart .couponandgiftcardarea .couponinfoarea .textarea .tooltip_top .tooltip_text {padding: 0px; color:#767676;}
#cart .couponandgiftcardarea .couponinfoarea .textarea .tooltip_top .tooltip_corner {left:247px;}
#cart .couponandgiftcardarea .couponinfoarea .textarea a.removelink {color:#0096D6; margin-left:20px;}
#cart .couponandgiftcardarea .couponinfoarea .textarea a.removelink:hover{color:#006699;}
#cart .couponandgiftcardarea .couponinfoarea p{
	line-height: 1.1;
	margin-bottom: 0em;
}
#cart .couponandgiftcardarea .couponandgiftcard {display:none;}
#cart .couponandgiftcardarea .totalsavingarea {margin-bottom: 0.8em; padding: 0em 1.5em;}
#cart .couponandgiftcardarea .totalsavingarea .header {padding-top: 0.2em; padding-right: 0.5em; width: 40%; background: none; height: auto;}
#cart .couponandgiftcardarea .totalsavingarea .savinginfo {
	color: rgb(215,65,11);
	text-align: right;
	padding-right: 0em;
	font-weight: bold;
	width: 60%;
}
#cart .couponandgiftcardarea .totalsavingarea .savinginfo sup{font-size: 0.7em; vertical-align: 40%;}

#cart .couponandgiftcardarea #addcoupongiftcardbutton {
	color: rgb(255,255,255);
	background-color: rgb(0,150,214);
	border-top-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
	padding-top: 0.25em;
	padding-right: 1em;
	padding-bottom: 0.25em;
	padding-left: 1em;
	line-height: 2.75em;
	font-size: 0.875em;
}
#cart .couponandgiftcardarea #addcoupongiftcardbutton:hover {
	background-color: rgb(0,102,153);
}
#cart .couponandgiftcardarea .applycouponbuttonarea,
#cart .couponandgiftcardarea .applygiftcardbuttonarea {
	vertical-align: middle;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: right;
	padding-right: 0em;
	padding-left: 0em;
}
#cart .couponandgiftcardarea p{
	line-height: 1.1;
	margin-bottom: 0.3em;
	padding-right: 0.9375em;
	padding-left: 0.9375em;
	margin-top: 0.2em;
}
#cart .couponandgiftcardarea #applycouponbutton,
#cart .couponandgiftcardarea #applygiftcardbutton {
	color: rgb(255,255,255);
	background-color: rgb(0,150,214);
	border-top-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
	padding-top: 0.3em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 1em;
}
#cart .couponandgiftcardarea #applycouponbutton:hover,
#cart .couponandgiftcardarea #applygiftcardbutton:hover {
	background-color: rgb(0,102,153);
}
#cart .couponandgiftcardarea .giftcarddetail p {
	padding-right: 0em;
	padding-left: 0em;
}
#cart .couponandgiftcardarea .applygiftcardbuttonarea {
	margin-top: 2.45em;
}
#cart .couponandgiftcardarea .zipcodefortaxarea {padding: 0em 1.5em; margin-top: 1.5em;}
#cart .couponandgiftcardarea .zipcodefortaxarea .header { margin-top: 0.25em; width: 33.3333%; background: none; height: auto;}
#cart .couponandgiftcardarea .zipcodefortaxarea .zipinputarea {text-align: right; padding-right: 0em; width: 70%;}
#cart .couponandgiftcardarea .zipcodefortaxarea .zipinputarea #zipcode {max-width: 10em; float: right;}
#cart .couponandgiftcardarea .zipcodefortaxarea .calculatetaxarea {text-align: right; width:30%;}
#cart .couponandgiftcardarea #calculatebutton {
	color: rgb(255,255,255);
	background-color: rgb(0,150,214);
	border-top-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
	padding-top: 0.3125em;
	padding-right: 1em;
	padding-bottom: 0.3125em;
	padding-left: 1em;
	line-height: 2.125em;
	font-size: 0.875em;
}
#cart .checkoutoptionarea {margin: 0.9375em auto; text-align: right;}
#cart .checkoutoptionarea .paypalbuttonarea {margin:0.3125em 0.9375em; display: inline-block;}
#cart .checkoutoptionarea #checkoutbtn {display: inline-block; padding: 0em 1.714em;}
@media only screen and (max-width: 800px) {
#cart .couponandgiftcardarea .applygiftcardbuttonarea {
	margin-top: 0.5em;
}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	#cart .couponandpricearea .couponandgiftcardarea {width:60%;}
	#cart .couponandpricearea .price {width:40%; padding-left: 0.75em;}
	#cart .couponandgiftcardarea .totalsavingarea,
	#cart .couponandgiftcardarea .couponinfoarea,
	#cart .couponandgiftcardarea .couponandgiftcard,
	#cart .couponandgiftcardarea .zipcodefortaxarea { padding-right: 1.5em;}
	#cart .couponandgiftcardarea .zipcodefortaxarea .header {width:35%;}
	#cart .couponandgiftcardarea .zipcodefortaxarea .ziparea {width:65%;}
	#cart .couponandgiftcardarea .zipcodefortaxarea .ziparea .zipinputarea {padding-left: 0.25em; padding-right: 0.25em; width:65%;}
	#cart .couponandgiftcardarea .zipcodefortaxarea .calculatetaxarea {width: 35%;}
	.itemwid1 { width:9%;}
	.itemwid2 { width:14%;}
	.itemwid2.text-right {width:16%;}
	.itemwid3 { width:21%;}
	.itemwid4 { width:40%;}
	.itemmerged { width:44%;}
	.cartbox .productItem .imgContainer {max-width: 30%;}
	.cartbox .productItem .productInfo {width: 70%; padding-right:0.625em;}
	#cart .couponandgiftcardarea .couponinfoarea .textarea a.removelink {margin-left: 5px;}
}
@media only screen and (min-width: 925px) and (max-width: 1024px) {
	#cart .couponandgiftcardarea .zipcodefortaxarea .ziparea .zipinputarea {width:70%;}
	#cart .couponandgiftcardarea .zipcodefortaxarea .calculatetaxarea {width: 30%;}
	#cart .couponandgiftcardarea .couponinfoarea .textarea a.removelink {margin-left: 15px;}
}
	
.paypallightbox {width:100%; position: absolute; z-index: 15000; display: none;}
.paypallightbox .contextarea {margin: 0em auto;}
.reveal-modal-bg {z-index: 10000;}

/*Print styles*/
.hf_printable { display: none; visibility: hidden; }
@media print {
  a[href]:after {
    content: none !important;
  }
  .couponandgiftcardarea {width:66%;}
  .price.large-4 {width:33%;}
  .hf_printable { display: block; visibility: visible; }
  img.hf_printable { height: 70px; }
  .od_customer_service { font-size: 1.2em; line-height: 1.125em; font-weight: 100; margin-bottom: 0px; font-weight: bold; width: 180px; position: absolute; top: 10pt; right: 10pt; }
  .cartbox .linkforswitch {display:none;}
}
	
/* New CSS for cart new design*/
#cart .itemwid2.buildday { margin-left:15%; margin-right: 5%;}
.cartbox .productItem .productInfo .shippingmessage.purpletext {color:#822980;}
#cart .couponandgiftcardarea .couponinfoarea .textarea {margin-bottom: 1em;}
#cart .couponandgiftcardarea .zipcodefortaxarea {display:none;}
#cart .couponandpricearea .pricetotal {margin-top: 1.375em;}
#cart .couponandpricearea .price .pricetotal p.rowheader{ font-size: 1.25em}
#cart .couponandpricearea .price .pricetotal p.subtext {font-size: 1em; color: #767676; margin-top: 0.3125em; width: 85px;}
#cart .couponandpricearea .price .pricetotal .total {font-size: 2.25em;}
#cart .couponandpricearea .price .pricetotal .total sup {font-size: 0.572em; vertical-align: 40%;}
#cart .pricedetail {padding-bottom:0.625em;}
#cart .couponandpricearea .pricetotal {margin-top: 1.25em;}
#cart .couponandpricearea .price .pricedetail > .row { margin-bottom: 0px;}
@media only screen and (min-width: 1025px) {
#cart .couponandgiftcardarea {width: 60%;}
#cart .couponandpricearea .price {width: 40%;}
#cart .couponandpricearea .price .pricetotal p.subtext {width: 150px;}
#cart .couponandpricearea .price .pricetotal .total.iebrowser sup {vertical-align:top;}
}
/* END CSS for cart new design*/

/* New CSS for live chat*/
#cart a#cart_live_help_dd {
	padding-right: 14px;
}
#cart ul#cart_live_help_list {
	background-color: #fff;
	border: 1px solid #cecece;
	display: block;
	margin: 0 0 0 13px;
	padding: 5px 15px;
	position: absolute;
	width: 121px;
	z-index: 99;
	list-style:none;
}
#cart ul#cart_live_help_list li a {
	cursor: pointer;
	display: inline-block;
	padding: 10px 0;
	width: 100%;
	color:#0096d6;
}
#cart ul#cart_live_help_list li:first-child {
    border-top: medium none;
}
#cart ul#cart_live_help_list li {
    border-top: 1px solid #cecece;
    color: #767676;
    display: block;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    width: 100%;
}
#cart ul#cart_live_help_list {display:none;}	 
#cart #cart_lp_chat.show_options #cart_live_help_list {display:block;}
#cart #cart_lp_chat.show_options #cart_live_help_dd {color: #006699;}


#cart .topsection {overflow:visible;}
#cart #cart_lp_chat {
	display: inline-block;
	border-right: 1px solid #C5C5C5;
	line-height: 1.4;
	padding-right: 10px;	
	margin-right: 10px;
	position:relative;
}
#cart #cart_live_help_dd {font-size:0.875em; color: #000;}
#cart ul#cart_live_help_list {top: 30px; width: 170px; left: -30px; padding: 5px 15px;}
#cart ul#cart_live_help_list li {line-height: 1}
#cart ul#cart_live_help_list li a {font-size:0.875em; padding: 10px 0px;}
#cart ul#cart_live_help_list li a:hover {text-decoration: underline;}

/* END CSS for cart new design*/
#cart .shipping.box {
	border: thin solid rgb(229,232,232);
	margin-top: 1em;
	padding: 0px;
}
#cart .shipping.box .row {margin:0em;}
#cart .shipping.box .title-area {
	display: inline-block;
	padding-right: 1.125em;
	padding-left: 1.125em;
	background-color: rgb(243,243,243);
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgb(229,232,232);
}
#cart .shipping.box .context-area {
	display: inline-block;
	padding-right: 2.4375em;
	padding-left: 2.4375em;
	background-color: rgb(255,255,255);
	margin-top:1.875em;
	margin-bottom:0.9375em;
}
#cart .shipping.box .title-area h2 {
	font-size: 1.5em;
	font-weight: 100;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	vertical-align: top;
	display: inline-block;
}
#cart .shipping .context-area .shippingmethodform {
	margin-right: 1em;
}
#cart .shipping .context-area .shippingdone .shippingmethod {
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgb(229,232,232);
}
#cart .shipping .context-area .shippingmethod .shippingoptionlist {
	padding-right: 0em;
	padding-left: 0em;
}
#cart .shipping .context-area .shippingmethod .shippingmethodoption {
	margin: 0 0 1em;
	display: inline-block;
	padding-left: 0em;
	padding-right: 0em;
	float:left;
}
#cart .shipping .context-area .shippingform .shippingmethod .shippingmethodoption .shippingoptiondetail {
	display: inline-block;
}
#cart .shipping .context-area .shippingform .shippingmethod .shippingmethodoption .shippingoptiondetail p {
    line-height: 1.125em;
    color: #8C8C8C;
    margin-bottom: 0em;
    font-size: 1em;
}
#cart .shipping .context-area .shippingform .shippingmethod .shippingmethodoption 
.custom.radio.checked + .shippingoptiondetail p { color: rgb(0,0,0); }

#cart .shipping .context-area .shippingform .shippingmethod .shippingmethodoption .shippingoptionradio {
	display: none;
}
#cart .shipping .context-area form.shippingform.custom .custom.radio.checked {
	border: 2px solid rgb(90,90,90);	
}
#cart .shipping .context-area form.shippingform.custom .custom.radio.checked:before {
	background: none repeat scroll 0 0 rgb(0,150,214);
	height: 10px;
	width: 10px;
}
#cart .shipping .context-area form.shippingform.custom .custom.radio {
	width: 16px;
	height: 16px;
	border: 2px solid rgb(204,204,204);
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 1px;
}
/***************cart.css ends*****************/


.tiptext_main{width:100%;clear:both;}
.tiptext{
	padding: 5px 0px 0px 14px;	
	position: relative;
	clear: both;
	display:inline-block;
}
.tiptext_rollover {
	display:inline-block;
	/* height:30px; */
	height:10px;
	line-height: 18px;
	font-size: 14px;
	color: #0096D6;
	text-decoration: none;
	cursor:pointer;
}
.tiptext_rollover:hover {color: #006699;}
.tiptext .description{
	display: none;
	padding: 10px 0px 18px;
	color: #000;
	background: none repeat scroll 0% 0% #FFF;
	border: 2px solid #CCC;
	z-index: 10;	
	top: 32px;
	position: absolute;
	width:235px;
}
.description_text {
	font-size: 14px;
	line-height: 18px;
	padding: 0px 18px;
}
.description_text ul {
	width:auto !important;
}
.description_text a {
	color: #0096D6;
	display: inline-block;
}
.description .tooltip_corner{
	left: 40px;
	right: 20px;
	top: -9px;
	background-position: -1px -875px;
}

/* Facets */
#content .section_list label{height:auto;}
.morefilteroptionarea .filteroptionarea .filter_checkbox label{height:auto;}
#content .section_list label input[type='checkbox'],
#content .morefilteroptionarea .filteroptionarea .filter_checkbox label > input[type="checkbox"]{
	-webkit-appearance:checkbox;
	width: 15px;
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 0;
	height: 15px;
	vertical-align: top;
}
.section_list label .outline {
	display: inline-block;
	margin:0px 0px 0px 5px;
	max-width:86%;
}
.morefilteroptionarea .filteroptionarea .filter_checkbox label > div.outline{
	display: inline-block;
	width: 90%;
}
.facet_set > ul {
	margin:0;
}

#no-results {padding-top: 0.9375em;}
#no-results .message {border:solid 1px #c8caca; border-width:1px 1px 0 1px; background:#fff; text-align:center;padding:4.1em 0; font-size:1.5em; color:#767676;}
#no-results .message p {margin-bottom:0;font-weight:100;line-height:1.15em}

.starsRateAll { background: url("/wcsstore/HPStorefrontAssetStore/img/rating-stars-all-sprite.png") no-repeat scroll left top transparent; display: inline-block; height: 14px; width: 85px}
.stars-sprite-0 { background-position: 0 0 }
.stars-sprite-0_0 { background-position: 0 0 }
.stars-sprite-0_1 { background-position: 0 -30px }
.stars-sprite-0_2 { background-position: 0 -60px }
.stars-sprite-0_3 { background-position: 0 -90px }
.stars-sprite-0_4 { background-position: 0 -120px }
.stars-sprite-0_5 { background-position: 0 -150px }
.stars-sprite-0_6 { background-position: 0 -180px }
.stars-sprite-0_7 { background-position: 0 -210px }
.stars-sprite-0_8 { background-position: 0 -240px }
.stars-sprite-0_9 { background-position: 0 -270px }
.stars-sprite-1 { background-position: 0 -300px }
.stars-sprite-1_0 { background-position: 0 -300px }
.stars-sprite-1_1 { background-position: 0 -330px }
.stars-sprite-1_2 { background-position: 0 -360px }
.stars-sprite-1_3 { background-position: 0 -390px }
.stars-sprite-1_4 { background-position: 0 -420px }
.stars-sprite-1_5 { background-position: 0 -450px }
.stars-sprite-1_6 { background-position: 0 -480px }
.stars-sprite-1_7 { background-position: 0 -510px }
.stars-sprite-1_8 { background-position: 0 -540px }
.stars-sprite-1_9 { background-position: 0 -570px }
.stars-sprite-2 { background-position: 0 -600px }
.stars-sprite-2_0 { background-position: 0 -600px }
.stars-sprite-2_1 { background-position: 0 -630px }
.stars-sprite-2_2 { background-position: 0 -660px }
.stars-sprite-2_3 { background-position: 0 -690px }
.stars-sprite-2_4 { background-position: 0 -720px }
.stars-sprite-2_5 { background-position: 0 -750px }
.stars-sprite-2_6 { background-position: 0 -780px }
.stars-sprite-2_7 { background-position: 0 -810px }
.stars-sprite-2_8 { background-position: 0 -840px }
.stars-sprite-2_9 { background-position: 0 -870px }
.stars-sprite-3 { background-position: 0 -900px }
.stars-sprite-3_0 { background-position: 0 -900px }
.stars-sprite-3_1 { background-position: 0 -930px }
.stars-sprite-3_2 { background-position: 0 -960px }
.stars-sprite-3_3 { background-position: 0 -990px }
.stars-sprite-3_4 { background-position: 0 -1020px }
.stars-sprite-3_5 { background-position: 0 -1050px }
.stars-sprite-3_6 { background-position: 0 -1080px }
.stars-sprite-3_7 { background-position: 0 -1110px }
.stars-sprite-3_8 { background-position: 0 -1140px }
.stars-sprite-3_9 { background-position: 0 -1170px }
.stars-sprite-4 { background-position: 0 -1200px }
.stars-sprite-4_0 { background-position: 0 -1200px }
.stars-sprite-4_1 { background-position: 0 -1230px }
.stars-sprite-4_2 { background-position: 0 -1260px }
.stars-sprite-4_3 { background-position: 0 -1290px }
.stars-sprite-4_4 { background-position: 0 -1320px }
.stars-sprite-4_5 { background-position: 0 -1350px }
.stars-sprite-4_6 { background-position: 0 -1380px }
.stars-sprite-4_7 { background-position: 0 -1410px }
.stars-sprite-4_8 { background-position: 0 -1440px }
.stars-sprite-4_9 { background-position: 0 -1470px }
.stars-sprite-5 { background-position: 0 -1500px }
.stars-sprite-5_0 { background-position: 0 -1500px }


.inventory_holder {
  display:block;
  }


.listview .inventory_holder {
  min-height: auto;
}

.footer_links_container_wrapper .footer_links_container .footer_privacy_block
{
	text-align: left !important;
}

@media only screen and (min-width: 497px){
	.header-container, .header-container.totalHeight {height:auto !important;}
	.header-container, .loginStorenavGroup #storeSlider {display:none}
	#storenav > .row {width:auto;padding:0!important;}
	#storenav .slidercolumn {width:100% !important; padding:0 30px!important}
	#storenav .slidercolumn .bx-wrapper{margin:0 auto!important}
	#storenav .prevcolumn,#storenav .nextcolumn {display:none !important}
	#storenav .bx-wrapper .bx-viewport {left:auto;}
	#storenav .bx-next.disabled, #storenav .bx-prev.disabled{display:none}
	#storenav .bx-next {
		right:-30px;
		background:url("/wcsstore/HPStorefrontAssetStore/img/next.png") no-repeat scroll center center;
		width:30px;
		height:100%;
		top:0;
		margin:0;
		z-index:initial;
	}
	#storenav .bx-prev {
		left:-30px;
		background:url("/wcsstore/HPStorefrontAssetStore/img/prev.png") no-repeat scroll center center;
		width:30px;
		height:100%;
		top:0;
		margin:0;
		z-index:initial;
	}
	#storenav .sliderImgContainer {max-width:93%; margin:0 auto;}
	#storenav .sliderImgContainer img {left:0; right:0;max-width:100%;max-height:100%}
	#storenav .caption {text-overflow: ellipsis;overflow: hidden;}
	#storenav .bx-viewport li {margin:0 !important; padding:0!important}
	#storenav .bx-wrapper li a{border-bottom:4px solid transparent;}
}

@media only screen and (max-width: 1024px) and (min-width: 801px){
	#utilityNav.row {padding:0 6%}
}

@media only screen and (max-device-height: 480px) {
	#storenav {display:none;}	
}

/* Fix for Preorder Order Status Start */
@media only screen and (max-width:1024px) {
	.orderDetails .orderStatusWrapper{z-index:103 !important;}
	#OrderStatus_Wrapper.zIndex{z-index: 102 !important;}
}

@media only screen and (max-width:720px) {
	.orderDetails .orderStatusWrapper{z-index:103 !important;}
	#OrderStatus_Wrapper.zIndex{z-index: 102 !important;}
	.orderDetails .orderStatusWrapper.guest{margin-bottom: 0px;}
}
/* Fix for Preorder Order Status End*/
