@import url('http://staplesgeneral.s3.amazonaws.com/fonts/TeXGyreHeros.css');
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

i {
  color: #000 !important;
  font-size: inherit;
  font-style: italic;
  font-weight: inherit;
}

.z_no_float, div#z_wrapper, div.z_banner, div.z_content_block_wrapper, div#z_large_video_wrapper, div#z_large_video_wrapper2, #z_slider, div#z_video_thumbs_keyHole, .z_videoPlayer_wrapper, div#z_glossary_right div, .z_features_to_consider_wrapper, .z_features_to_consider_wrapper div[id], #z_share_container {
  float: none;
  clear: both;
}

div#z_wrapper {
  overflow: auto;
  background-color: #fff;
  font-family: arial, helvetica, verdana, sans-serif;
  margin-top: 10px;
}

div#z_wrapper p, div#z_wrapper ul {
  font-size: 12px;
}
div#z_wrapper p {
  line-height: 17px;
}

/*    Left Column    */
div#z_left_column {
  width: 220px;
}

div#z_main_nav_wrapper {
  width: 220px;
  /*padding: 9px;
  background-color: #f4f4f4;
  border: $border $nav-border-color; 
  @include rounded-corners(3px);
  -moz-box-shadow: $nav-shadow;
  -webkit-box-shadow: $nav-shadow;
  box-shadow: $nav-shadow;*/
  margin-bottom: 20px;
}

div#z_main_nav_wrapper p {
  background-color: #ffffff;
}
div#z_main_nav_wrapper p a.z_home_menu {
  text-decoration: none;
  border: 1px solid #b3b3b3;
  -moz-box-shadow: 1px 2px 5px #dddddd;
  -webkit-box-shadow: 1px 2px 5px #dddddd;
  box-shadow: 1px 2px 5px #dddddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 14px;
  display: block;
  padding: 10px;
}
div#z_main_nav_wrapper p a.z_you_are_here {
  background-color: #e3f6ff;
  line-height: 14px;
}
div#z_main_nav_wrapper p a.z_somewhere_else {
  color: #4d4d4d;
}
div#z_main_nav_wrapper p a.z_somewhere_else:hover {
  background-color: #e3f6ff;
}

ul#z_main_nav, ul.z_upper_nav {
  background-color: #ffffff;
  list-style-type: none;
  border: 1px solid #b3b3b3;
  border-bottom: none;
  margin: 0;
  padding: 0px;
  -moz-box-shadow: 1px 2px 5px #dddddd;
  -webkit-box-shadow: 1px 2px 5px #dddddd;
  box-shadow: 1px 2px 5px #dddddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
ul#z_main_nav ul, ul.z_upper_nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#z_main_nav li, ul.z_upper_nav li {
  line-height: 16px;
  margin: 0;
  padding: 0;
}
ul#z_main_nav li a, ul.z_upper_nav li a {
  text-decoration: none;
  font-size: 13px;
  border-bottom: 1px solid #b3b3b3;
  padding: 10px;
}
ul#z_main_nav a:hover, ul.z_upper_nav a:hover {
  background-color: #e3f6ff;
}

ul.z_upper_nav {
  margin-bottom: 20px;
}

#z_main_nav > li:first-child, #z_main_nav > li:first-child > a:first-child {
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topRight: 3px;
  -moz-border-top-left-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

li.z_you_are_here {
  background-color: #e3f6ff;
  line-height: 14px;
}
li.z_you_are_here a {
  display: block;
}
li.z_you_are_here ul {
  display: block;
}

li.z_jump_link {
  line-height: 14px;
}
li.z_jump_link a {
  display: block;
  font-size: 12px!important;
  padding: 6px 0px 6px 18px!important;
}

li.z_somewhere_else {
  line-height: 14px;
}
li.z_somewhere_else a, li.z_somewhere_else a:visited {
  display: block;
  color: #4d4d4d;
  padding: 6px 0px 6px 6px;
}
li.z_somewhere_else ul {
  display: none;
}

div.z_banner {
  width: 220px;
  margin: auto;
  text-align: center;
}

div.z_banner + div.z_banner {
  margin-top: 20px;
}

#z_main_nav > li.z_somewhere_else:last-child,
#z_main_nav > li.z_somewhere_else:last-child > a:first-child,
#z_main_nav > li.z_you_are_here:last-child,
#z_main_nav > li.z_you_are_here:last-child > ul > li.z_jump_link:last-child,
#z_main_nav > li.z_you_are_here:last-child > ul > li.z_jump_link:last-child > a {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomRight: 3px;
  -moz-border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

div#z_secondary_nav_wrapper {
  display: inline;
  width: 218px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #b3b3b3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 3px #ccc;
  -webkit-box-shadow: 2px 2px 3px #ccc;
  box-shadow: 2px 2px 3px #ccc;
}
div#z_secondary_nav_wrapper h3 {
  background-image: url(images/header_need_help_bg.png);
  background-repeat: repeat-x;
  color: #4d4d4d;
  margin: 0px;
  padding: 10px 0px 8px 12px;
  font-size: 18px;
  font-weight: normal;
  line-height: 120%;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div#z_secondary_nav_wrapper img {
  border-top: 1px solid #cccccc;
}
div#z_secondary_nav_wrapper img:lastChild {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

ul#cs_contact {
  margin-left: 0px!important;
  margin-right: 0px!important;
}

/* Right Column */
img.z_left {
  float: left;
}

img.z_right {
  float: right;
}

.z_clear_p {
  clear: both;
  padding-top: 20px;
}

div#z_right_column {
  width: 710px;
  margin-left: 20px;
  color: #4D4D4D;
  font-size: 13px;
}
div#z_right_column h1 {
  font-size: 25px;
  color: #4d4d4d;
  line-height: 26px;
  /* margin-top: 20px; */
  margin-bottom: 0;
  font-weight: normal;
}

.z_textContent {
  padding-left: 10px;
  padding-right: 0px;
  width: 700px;
  /* background:#ffffff url(images/divider-w-shadow.gif) no-repeat bottom left; */
}
.z_textContent h2 {
  font-size: 20px;
  margin-top: 5px;
  margin-bottom: 9px;
  padding-bottom: 0;
}
.z_textContent h3 {
  margin-bottom: 7px;
}
.z_textContent p {
  line-height: 120%;
}
.z_textContent a {
  text-decoration: none;
}
.z_textContent a:hover {
  text-decoration: underline;
}

ul.z_overview {
  float: left;
  margin: 0 20px 0 0;
  list-style: none;
  font-weight: normal;
  padding-left: 0;
}

ul.z_overview + ul.z_overview {
  margin-right: 0px;
}

/*    Block Wrappers    */
div.z_content_block_wrapper {
  position: relative;
  width: 700px;
  overflow: hidden;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
div.z_content_block_wrapper h2 {
  clear: both;
  font-family: 'TeXGyreHeros', Arial, Helvetica, Verdana, sans-serif;
  font-size: 30px;
  font-weight: 100;
  padding-top: 20px;
  margin-bottom: 13px;
  line-height: 37px;
}
div.z_content_block_wrapper h3 {
  font-size: 16px;
  padding: 0;
  margin-bottom: 8px;
}
div.z_content_block_wrapper h4 {
  font-size: 15px;
}
div.z_content_block_wrapper p {
  padding-right: 10px;
}
div.z_content_block_wrapper a {
  text-decoration: none;
}
div.z_content_block_wrapper a:hover {
  text-decoration: underline;
}
div.z_content_block_wrapper p.z_related {
  margin-bottom: 5px;
}

/*     Video wrapper and Slider     */
div#z_large_video_wrapper {
  margin: auto;
}

div#z_large_video_wrapper2 {
  margin: auto;
  padding: 15px;
  text-align: center;
  margin-bottom: 20px;
}

#z_slider {
  margin-left: 14px;
  margin-top: 5px;
  margin: auto;
  overflow: visible;
  width: 640px;
}

#z_sliding_div {
  width: auto;
}

div#z_video_thumbs_keyHole {
  margin: auto;
  width: auto;
}

#z_video_thumbs_slidingDiv div {
  width: 140px;
  height: 160px;
  padding: 10px;
  text-align: center;
  overflow: visible;
}
#z_video_thumbs_slidingDiv div img {
  cursor: pointer;
}
#z_video_thumbs_slidingDiv div img:hover {
  border-color: #0092db;
}
#z_video_thumbs_slidingDiv p {
  margin-top: 10px;
  color: #4d4d4d;
  text-align: left;
}

#z_video_title {
  font-size: 15px;
  margin-top: 15px;
}

#z_video_description {
  font-size: 12px;
}

#z_video_title, #z_video_description {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.z_videoPlayer, #z_video_thumbs_slidingDiv img {
  border: 1px solid #cccccc;
  color: #4d4d4d;
  text-align: left;
  box-shadow: 0px 1px 3px #ccc;
  -webkit-box-shadow: 0px 1px 3px #ccc;
  -moz-box-shadow: 0px 1px 3px #ccc;
}

#z_video_thumbs_slidingDiv img.z_selected {
  border-color: #0092db;
}

.z_videoPlayer_wrapper {
  position: relative;
  width: 500px;
  margin: auto;
  margin-top: 15px;
}

/*   Glossary   */
#z_glossary_list {
  width: 200px;
  height: 180px;
  margin: 10px;
  padding: 0px;
  border: 1px solid #a9a9a9;
  overflow: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: left;
}
#z_glossary_list li {
  padding: 5px 10px;
}
#z_glossary_list .z_selected, #z_glossary_list .z_highlight {
  background-color: #e3f6ff;
  color: #0092db;
}
#z_glossary_list .z_highlight {
  cursor: pointer;
}

div#z_glossary_right {
  width: 420px;
  height: 160px;
  margin: 10px;
  padding: 10px;
  border: 1px solid #a9a9a9;
  overflow: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
div#z_glossary_right .z_hidden {
  display: none;
}

ul#z_glossary_list a:hover {
  background-color: #eeeeee;
}

/*   Expanding Features   */
.z_features_to_consider_wrapper {
  padding-bottom: 12px;
}
.z_features_to_consider_wrapper a {
  text-decoration: none;
}
.z_features_to_consider_wrapper div[id] {
  width: 675px;
  height: auto;
  margin: 10px 0 0 10px;
  padding: 8px 0 8px 0;
  border: 1px solid #dddddd;
  background-image: url(images/arrow_up_bg.gif);
  background-repeat: no-repeat;
  border-radius: 3px;
  -moz-border-radius: 3px;
  overflow: hidden;
}
.z_features_to_consider_wrapper div[id] .z_feature_heading, .z_features_to_consider_wrapper div[id] div.z_features_closed img, div.z_features_closed .z_features_to_consider_wrapper div[id] img {
  cursor: pointer;
}
.z_features_to_consider_wrapper div[id] p {
  padding-left: 10px;
}
.z_features_to_consider_wrapper div[id].z_features_closed {
  height: 15px;
  background-image: url(images/features_bg_arrow.png);
  background-position: 652px 13px;
  cursor: pointer;
}
.z_features_to_consider_wrapper div[id].z_features_closed:hover {
  background-color: #e3f6ff;
  border-color: #99ddff !important;
  color: #0092db;
}

p.z_feature_heading {
  font-weight: normal!important;
  font-size: 16px;
  padding-left: 10px;
}

.z_features_open li, .z_features_closed li {
  margin: 0 0 0 10px;
  padding: 0;
}

p.z_boldText {
  font-weight: bold;
}

p.z_boldText span {
  color: #587bac;
}

.z_about_to_be_clicked {
  background-color: #e3f6ff;
  border: 1px solid;
  border-color: #99ddff!important;
  color: #0092db;
  cursor: pointer;
}

p.z_button_container {
  margin-top: 24px;
}

.z_hide {
  display: none;
}

/*  All Product Comparison Modules   */
caption, th, td {
  padding: 0;
}

.z_eselected {
  background: url(images/selected.png) no-repeat bottom center;
}

div.z_product_comparison {
  float: none;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.z_comparisontabs {
  margin: 0;
  padding: 0;
  background: url(images/ul-bg.jpg) repeat-x;
  width: 100%;
  height: 165px;
}
ul.z_comparisontabs li {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 10px 0 0 0;
  display: block;
  list-style: none;
  width: 160px;
  height: 155px;
  float: left;
  cursor: pointer;
}

table.z_product_matrix {
  width: 675px;
  display: none;
}
table.z_product_matrix td, table.z_product_matrix th {
  padding: 10px 0 10px 15px;
  vertical-align: top;
  border-bottom: 1px solid #e5e5e5;
}
table.z_product_matrix tr th {
  font-family: 'TeXGyreHeros', Arial, Helvetica, Verdana, sans-serif;
  padding: 10px 15px;
  font-size: 28px;
}
table.z_product_matrix tr.z_price_info td {
  vertical-align: middle;
  background: url(images/td-bg.jpg) repeat-x;
  padding: 0!important;
  height: 68px;
}
table.z_product_matrix tr.z_price_info h3 {
  margin: 0!important;
  padding-left: 10px!important;
}
table.z_product_matrix tr.z_price_info p {
  padding: 0 0 0 10px;
}
table.z_product_matrix h3.z_small_head {
  font-size: 14px!important;
}

div.z_tabbedContent {
  overflow: visible;
}

table.z_eselected {
  display: block;
  background-image: none;
}

span.z_red {
  color: #cc0000;
}

/*Share buttons on all pages*/
span.st_fblike_hcount div,
span.st_plusone_hcount div,
span.st_email_hcount div,
span.st_twitter_hcount div {
  float: none;
}

span.st_fblike_hcount span {
  width: 80px;
}

span.st_plusone_hcount div {
  width: 65px!important;
}

span.st_email_hcount span.stButton {
  padding-top: 1px;
}

#z_share_container {
  margin: 10px 0 30px 0;
}

/*End Share button styles*/
/*New Tech center link button styles

rc01 is for "view all" buttons
rc02 buttons only expand to the width of their containing text plus padding on all sides
rc03 buttons will typically expand to the width of the parent block-level element containing them*/
a.rc01:link, a.rc01:visited, input.go, a.rc04:link, a.rc04:visited {
  float: none;
  border: 1px solid #999;
  padding: 3px 7px;
  font-size: 12px;
  vertical-align: middle;
  background: url(images/rc01.gif) repeat-x top left;
  border-top: 1px solid #9e9e9e;
  border-left: 1px solid #9e9e9e;
  border-bottom: 1px solid #6d6d6d;
  border-right: 1px solid #6d6d6d;
  font-weight: normal!important;
  color: #000;
  margin-left: 78px;
}

a.rc01:hover, a.rc04:hover, input.go:hover {
  text-decoration: none!important;
  border-top: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
  border-bottom: 1px solid #6d6d6d;
  border-right: 1px solid #6d6d6d;
  background: url(images/rc01-hover.gif) repeat-x top left;
  color: #fff;
}

a.rc02:link, a.rc02:visited, a.rc03:link, a.rc03:visited {
  float: none;
  border: 1px solid #999;
  background-color: #f5f5f5;
  padding: 6px 7px;
  font-size: 12px;
  vertical-align: middle;
  font-weight: normal!important;
  color: #999;
}

a.rc03:link, a.rc03:visited {
  display: block;
  text-align: center;
}

a.rc02:hover, a.rc03:hover {
  text-decoration: none!important;
  color: #fff;
  background-color: #b3b3b3;
}

a.rc04:link, a.rc04:visited {
  margin-left: 0px;
  margin-top: 5px;
}

input.go {
  margin-left: 5px;
  cursor: pointer;
}