/* RESET */
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input,
abbr,
article,
aside,
command,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
meter,
nav,
output,
progress,
section,
summary,
time {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
strong,
th,
figcaption {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}
fieldset,
iframe {
  border: none;
}
caption,
th {
  text-align: right;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption {
  display: block;
}
/*Navigation*/

#globalheader.svg #globalnav li ax span {
  background-image: url(/om-ar/global/nav/images/globalnav_text.svg);
}
#globalheader.decelerate #globalnav li a span,
#globalheader.ios3 #globalnav li a span {
  background-image: url(/om-ar/global/nav/images/globalnav_text.png);
}
/* LAYOUT */

html {
  background-color: #fff;
  -moz-osx-font-smoothing: grayscale;
}
.clear {
  clear: both;
}
.clearer {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}
.selfclear {
  zoom: 1;
}
.selfclear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
img,
.search-wrapper .left,
.search-wrapper .right,
ul.sp-results li.viewall a,
ul.sp-results li .replacementimg,
#globalfooter #breadcrumbs,
#globalfooter #breadcrumbs span,
#directorynav .capbottom,
#productheader h1 a,
#productheader h2 a,
#main .maincap {
  behavior: url(/global/scripts/lib/iepngfix.htc);
}
img {
  border: 0;
}
img.left {
  float: right;
  margin: 2px 0 16px 20px;
}
img.right {
  float: left;
  margin: 2px 20px 16px 0;
}
img.across {
  margin: 2px 0 16px 0;
}
img.flushleft {
  margin-right: -20px;
}
img.flushright {
  margin-left: -20px;
}
.replaced {
  display: block;
  width: 1px;
  height: 1px;
  outline: none;
  overflow: hidden;
  text-indent: 9999px;
}
#omniture,
#top {
  position: absolute;
  top: 0;
}
#container {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
#main {
  width: 100%;
  position: relative;
}
#content {
  padding: 18px 20px;
  position: relative;
  color: #333;
}
#breadcrumb {
  clear: both;
  text-align: center;
  margin: 18px auto;
  clear: both;
  font-size: 10px;
  color: #686868;
}
.content {
  background: #fff;
  border: 1px solid;
  border-color: #e5e5e5 #dbdbdb #d2d2d2;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
}
.content:nth-child(1n) {
  border: none;
}
/* reset border for smart browsers */

.content,
.rounded,
.article .box {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
}
.shadow {
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px;
}
img.shadow {
  padding: 5px;
  background: #fff;
  margin-bottom: 2px;
  *border: 1px solid #e2e2e2;
  _position: relative;
}
.graybox,
.callout {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -khtml-border-radius: 7px;
}
.roundedtop {
  border-radius: 4px 4px 0 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
}
.roundedbottom {
  border-radius: 0 0 4px 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  -khtml-border-radius: 0 0 4px 4px;
}
.roundedright {
  border-radius: 0 4px 4px 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  -khtml-border-radius: 0 4px 4px 0;
}
.roundedleft {
  border-radius: 4px 0 0 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  -khtml-border-radius: 4px 0 0 4px;
}
.roundedtopleft {
  border-radius: 4px 0 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius: 4px 0 0;
  -o-border-radius: 4px 0 0;
  -khtml-border-radius: 4px 0 0;
}
.roundedtopright {
  border-radius: 0 4px 0 0;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius: 0 4px 0 0;
  -o-border-radius: 0 4px 0 0;
  -khtml-border-radius: 0 4px 0 0;
}
.roundedbottomleft {
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius: 0 0 0 4px;
  -o-border-radius: 0 0 0 4px;
  -khtml-border-radius: 0 0 0 4px;
}
.roundedbottomright {
  border-radius: 0 0 4px 0;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0 0 4px 0;
  -o-border-radius: 0 0 4px 0;
  -khtml-border-radius: 0 0 4px 0;
}
.grabbable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.grabbing,
.grabbing .grabbable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/* GRID */

.column {
  float: right;
}
.grid2col,
.grid2cola,
.grid2colb,
.grid2colc,
.grid2cold,
.grid2cole,
.grid2colf,
.grid3col,
.grid3cola,
.grid4col,
.grid5col,
.grid6col {
  width: 100%;
}
.grid2col .column {
  width: 49%;
}
.grid2col .grid2col .column {
  width: 47.8%;
}
.grid3col .grid2col .column {
  width: 46%;
}
.grid4col .grid2col .column {
  width: 45%;
}
.grid2cola .column.first {
  width: 66%;
}
.grid2cola .column.last {
  width: 32%;
}
.grid2colb .column.first {
  width: 74.9%;
}
.grid2colb .column.last {
  width: 23%;
}
.grid2colc .column.first {
  width: 32%;
}
.grid2colc .column.last {
  width: 66%;
}
.grid2cold .column.first {
  width: 23%;
}
.grid2cold .column.last {
  width: 74.9%;
}
.grid2cole .column.first {
  width: 79%;
}
.grid2cole .column.last {
  width: 19%;
}
.grid2colf .column.first {
  width: 19%;
}
.grid2colf .column.last {
  width: 79%;
}
.grid3col .column {
  width: 32%;
  margin-right: 2%;
}
.grid2col .grid3col .column {
  width: 31%;
}
.grid3cola .column {
  width: 58%;
  margin-right: 2%;
}
.grid3cola .column.first,
.grid3cola .column.last {
  width: 19%;
}
.grid4col .column {
  width: 23%;
  margin-right: 3%;
}
.grid5col .column {
  width: 18.4%;
  margin-right: 2%;
}
.grid6col .column {
  width: 15%;
  margin-right: 2%;
}
.column.first,
.column.last {
  margin-right: 0 !important;
}
.column.last {
  float: left !important;
}
p.last,
ul.last,
ol.last,
li.last {
  _width: auto !important;
  _float: none !important;
}
#container:after,
#content:after,
.grid2col:after,
.grid2cola:after,
.grid2colb:after,
.grid2colc:after,
.grid2cold:after,
.grid2cole:after,
.grid2colf:after,
.grid3col:after,
.grid3cola:after,
.grid4col:after,
.grid5col:after,
.grid6col:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#container,
#content,
.grid2col,
.grid2cola,
.grid2colb,
.grid2colc,
.grid2cold,
.grid2cole,
.grid2colf,
.grid3col,
.grid3cola,
.grid4col,
.grid5col,
.grid6col {
  zoom: 1;
}
/* TYPE */

body {
  font: 14px/22px "Myriad Set Pro", "Gulf", Helvetica, Arial, sans-serif;
  background-color: transparent;
  color: #333;
  -webkit-font-smoothing: antialiased;
}
a {
  color: #08c;
}
a:link,
a:visited,
a:active {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.block {
  display: block;
  cursor: pointer;
}
a.block span,
a.block em {
  color: #08c;
  cursor: pointer;
}
a.block:hover {
  text-decoration: none;
}
a.block:hover span,
a.block:hover em {
  color: #08c;
  text-decoration: underline;
}
a.more,
em.more,
span.more {
  white-space: nowrap;
  padding-left: 10px;
  background: url(/global/elements/arrows/lessarrow_08c.gif) no-repeat 0 50%;
  cursor: pointer;
  zoom: 1;
}
a.external,
em.external,
span.external {
  white-space: nowrap;
  padding-left: 15px;
  background: url(/om-ar/global/elements/icons/external10x10.gif) no-repeat 0
    49%;
  cursor: pointer;
  zoom: 1;
}
a[rel="external"] {
  white-space: nowrap;
  padding-left: 15px;
  background: url(/om-ar/global/elements/icons/external10x10.gif) no-repeat 100%
    49%;
  cursor: pointer;
  zoom: 1;
}
em.more,
span.more,
em.external,
span.external {
  color: #08c;
  font-style: normal;
  cursor: pointer;
}
a.morelarge,
em.morelarge,
span.morelarge {
  white-space: nowrap;
  padding-left: 12px;
  background: url(/om-ar/global/elements/arrows/lessarrow_big_08c.gif) no-repeat
    100% 50%;
  cursor: pointer;
  zoom: 1;
}
a.lesslarge,
em.lesslarge,
span.lesslarge {
  white-space: nowrap;
  padding-right: 12px;
  background: url(/om-ar/global/elements/arrows/morearrow_big_08c.gif) no-repeat
    0 50%;
  cursor: pointer;
  zoom: 1;
}
@media only screen {
  a.more,
  em.more,
  span.more {
    background-image: url(/om-ar/global/elements/arrows/lessarrow_08c.svg);
  }
  a.morelarge,
  em.morelarge,
  span.morelarge {
    background-image: url(/om-ar/global/elements/arrows/lessarrow_big_08c.svg);
  }
  a.lesslarge,
  em.lesslarge,
  span.lesslarge {
    background-image: url(/om-ar/global/elements/arrows/morearrow_big_08c.svg);
  }
}
.nowrap {
  white-space: nowrap;
}
strong,
b {
  font-weight: bold;
}
em,
i,
cite {
  font-style: normal;
}
sup {
  padding-right: 1px;
  font-size: 10px !important;
  font-weight: normal !important;
  line-height: 1.5;
  vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
  _position: static !important;
}
sup,
sup a {
  color: #666;
}
sup a:hover {
  color: #08c;
  text-decoration: none;
}
abbr {
  border: 0;
}
.sosumi {
  font-size: 11px !important;
  line-height: 1.5;
  color: #888;
}
.sosumi_features {
  font-size: 10px !important;
  line-height: 1.5;
  color: #888;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  color: #000;
}
h1,
h2,
h3,
h4 {
  font-weight: bold;
}
h2,
h3,
h4 {
  line-height: 18px;
}
h1,
h2 {
  margin-bottom: 18px;
}
h1 {
  font-size: 24px;
  line-height: 36px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 1em;
}
h4 {
  font-size: 10px;
}
p {
  margin-bottom: 18px;
  font-weight: 500;
}
p.intro {
  color: #888;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}
.more {
  text-align: left;
}
ul {
  list-style: none outside;
}
ol {
  margin-bottom: 18px;
  list-style: decimal;
  margin-right: 2.2em;
}
ul.square,
ul.circle,
ul.disc {
  margin-right: 2em;
  margin-bottom: 18px;
}
ul.square {
  list-style: square outside;
}
ul.circle {
  list-style: circle outside;
}
ul.disc {
  list-style: disc outside;
}
ul ul.square,
ul ul.circle,
ul ul.disc {
  margin-top: 4px;
  margin-bottom: 5px;
}
ol.sosumi {
  margin-right: 0;
  padding-right: 2em;
  *padding-left: 2.2em;
}
a.pdf {
  background: url(/global/elements/icons/globaliconpdf12x12.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
a.html {
  background: url(/global/elements/icons/globaliconhtml12x12.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
a.qt {
  background: url(/global/elements/icons/globaliconqt12x12.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
a.ical {
  background: url(/global/elements/icons/globaliconical12x12.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
a.dl {
  background: url(/global/elements/icons/globalicondl11x10.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
a.dmg {
  background: url(/global/elements/icons/globalicondmg12x12.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
a.zip {
  background: url(/global/elements/icons/globaliconzip12x12.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
a.keynote {
  background: url(/global/elements/icons/globaliconkeynote12x12.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
a.audio {
  background: url(/global/elements/icons/globaliconaudio12x12.gif) 100% 0.4em
    no-repeat;
  display: block;
  padding-right: 20px;
}
.dot-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1px;
}
.dot-nav li,
.dot-nav li a {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.dot-nav li {
  position: relative;
  z-index: 1;
  margin: 0;
  width: 13px;
  height: 15px;
  overflow: hidden;
}
.dot-nav li a {
  position: absolute;
  z-index: 1;
  width: 13px;
  height: 45px;
  top: 0;
  right: 0;
  cursor: pointer;
  text-indent: 1000px;
  background: url(/global/elements/buttons/dots_08c.png) no-repeat 0 0;
  behavior: url(/global/scripts/lib/ie7pngfix.htc);
}
.dot-nav li a:hover {
  top: -15px;
}
.dot-nav li a.active {
  cursor: default;
  top: -30px;
}
.dot-nav:nth-child(1n) li {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 2px;
}
.dot-nav:nth-child(1n) li a {
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background: #e0e1e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
}
.dot-nav:nth-child(1n) li a:hover {
  top: 0;
  background: #ccc;
}
.dot-nav:nth-child(1n) li a.active {
  top: 0;
  background: #08c;
  background: -webkit-gradient(
    linear,
    lefttop,
    leftbottom,
    color-stop(0%, rgb(126, 198, 234)),
    color-stop(24%, rgb(70, 179, 234)),
    color-stop(100%, rgb(3, 135, 201))
  );
  background: -webkit-linear-gradient(
    top,
    rgb(126, 198, 234) 0%,
    rgb(70, 179, 234) 45%,
    rgb(3, 135, 201) 100%
  );
  background: -moz-linear-gradient(
    top,
    rgb(126, 198, 234) 0%,
    rgb(70, 179, 234) 45%,
    rgb(3, 135, 201) 100%
  );
  background: linear-gradient(
    top,
    rgb(126, 198, 234) 0%,
    rgb(70, 179, 234) 45%,
    rgb(3, 135, 201) 100%
  );
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
}
.last {
  margin-bottom: 0;
}
#main .sidebar {
  font-size: 10px;
  line-height: 18px;
  color: #333;
}
#main .callout {
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 18px;
}
body.specs #main {
  font-size: 11px;
  line-height: 16px;
}
/* PIPED LINKS */

.piped {
  display: block;
  zoom: 1;
}
.piped:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.piped li {
  float: right;
  display: inline;
}
.piped a {
  border-left: 1px solid #797c80;
  padding: 0 0.75em 0 0;
  margin-right: 0.75em;
}
.piped a.first {
  border-left: 0 !important;
  padding-right: 0;
  margin-right: 0 !important;
}
/*--- Global Footer (legacy) ---*/

#globalfooter .buynows {
  background-image: url("/om-ar/global/elements/buttons/buynows.png");
  width: 72px;
}
#globalfooter p.gf-buy_cm {
  float: left;
  text-align: left;
  width: 19%;
  margin: -2.5em 4px 0;
  *margin-top: -1.9em;
}
#globalfooter p.gf-buy2 {
  float: left;
  margin-top: -3em;
  *margin-top: -1.5em;
}
#globalfooter p.gf-buy3 {
  float: left;
  width: 20%;
  margin: -1.1em -10px 0;
}
#globalfooter .gf-buy {
  float: right;
  width: 52%;
  margin: 18px 3px 9px 0;
}
#globalfooter .gf-links {
  float: left;
  margin: 18px 0 9px;
}
#globalfooter .gf-links a {
  padding: 0 10px;
  white-space: nowrap;
}
#globalfooter .gf-links a.last {
  padding-left: 0;
  _float: none !important;
  width: auto !important;
}
/*--- Global Footer ---*/

#globalfooter {
  width: 980px;
  color: #888;
  font-size: 10px;
  margin: 18px auto 0;
  padding-bottom: 36px;
  text-align: left !important;
}
#globalfooter a {
  color: #08c;
}
#globalfooter p {
  margin-bottom: 1em;
}
#globalfooter p.gf-copyright {
  float: right;
  width: 300px;
  margin: 18px 3px 9px 0;
}
#globalfooter p.gf-iphonefootnote {
  float: right;
  width: 100%;
  margin: 18px 3px -7px 0;
  padding-bottom: 9px;
  border-bottom: 1px solid #dddddd;
}
#globalfooter ul.piped a {
  padding: 0 1.5em 0 0;
  margin-right: 1.5em;
  border-left: 1px solid #d0d0d0;
}
#globalfooter .gf-links {
  float: left;
  margin: 18px 0 9px 3px;
}
#globalfooter .gf-sosumi {
  clear: both;
  width: 100%;
  border-top: 1px solid #ddd;
  padding-top: 9px;
}
#globalfooter .gf-sosumi a {
  padding: 0 10px;
}
#globalfooter .gf-sosumi p {
  float: right;
  margin-right: 3px;
}
#globalfooter form {
  margin: 18px 10px;
}
#globalfooter .search-wrapper {
  margin: 0 auto;
}
#globalfooter .search-wrapper input.prettysearch {
  margin-right: 10px;
}
#globalfooter ul.piped a.privacy {
  padding-left: 1.5em;
  border-right: 1px solid #d0d0d0;
}
#globalfooter ul.piped a.contact_us {
  padding-left: 1.5em;
  border-right: 1px solid #d0d0d0;
}
#globalfooter ul.piped a.choose {
  margin-right: 0;
  border: 0;
}
#globalfooter ul.piped a.choose img {
  vertical-align: middle;
  margin-top: -5px;
  *position: relative;
}
/*--- Breadcrumbs (legacy) ---*/

#globalfooter #breadcrumbs {
  font-size: 11px;
  color: #444;
  background: url(/global/elements/breadory/breadcrumb_bg.png) no-repeat;
  overflow: hidden;
  height: 36px;
  line-height: 34px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
}
#globalfooter #breadcrumbs a {
  color: #444;
  text-decoration: none;
  float: right;
  padding: 0 10px;
  margin-right: -10px;
  *position: relative;
  _cursor: hand;
}
#globalfooter #breadcrumbs a:hover {
  color: #333;
  text-decoration: none !important;
}
#globalfooter #breadcrumbs a.home {
  margin: 0;
  width: 15px;
  height: 0;
  padding-top: 36px;
  overflow: hidden;
}
#globalfooter #breadcrumbs span {
  float: right;
  width: 9px;
  margin: 0 0 0 10px;
  height: 0;
  padding-top: 34px;
  margin-top: 1px;
  overflow: hidden;
  background: url(/global/elements/breadory/breadcrumb_sep.png) no-repeat;
}
/*--- Breadcrumbs ---*/

#globalfooter ol#breadcrumbs {
  font-size: 11px;
  color: #444;
  background: url(/global/elements/breadory/breadcrumb_bg.png) no-repeat;
  height: 36px;
  line-height: 34px;
  margin: 0;
  list-style: none;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
}
#globalfooter ol#breadcrumbs li {
  float: right;
  margin: 0;
  padding: 0 20px 0 0;
  background: url(/global/elements/breadory/breadcrumb_sep_20080909.png)
    no-repeat;
}
#globalfooter ol#breadcrumbs li a {
  float: right;
  color: #444;
  text-decoration: none;
  padding: 0 10px;
  margin-right: -10px;
}
#globalfooter ol#breadcrumbs li a:hover {
  color: #333;
  text-decoration: none;
}
#globalfooter ol#breadcrumbs li.home {
  background: none;
  margin: 0;
  padding: 0;
}
#globalfooter ol#breadcrumbs li.home a {
  margin: 0;
  padding: 0 10px;
  width: 15px;
  text-indent: 9999px;
  overflow: hidden;
}
/*--- Directory Nav ---*/

#directorynav {
  font-size: 11px;
  line-height: 14px;
  padding-top: 2px;
  background: url(/global/elements/breadory/directory_bg.png) repeat-y;
  border-top: 1px solid #e5e5e5;
  float: right;
  width: 100%;
  margin-top: -4px;
  *position: relative;
}
#directorynav .column {
  width: 120px;
  padding: 9px 18px 4px 0;
}
#directorynav .column.last {
  float: left !important;
  padding-left: 0;
}
#directorynav h3 {
  color: #666;
  margin: 0;
  font-size: 1em;
  line-height: 14px;
  font-weight: bold;
  padding-bottom: 4px;
}
#directorynav h3.standalone {
  margin-bottom: 18px;
}
#directorynav a {
  color: #888;
  text-decoration: none;
  display: block;
  zoom: 1;
}
#directorynav h3.standalone a:link,
#directorynav h3.standalone a:visited {
  color: #444;
}
#directorynav a:hover {
  color: #333 !important;
  text-decoration: none !important;
}
#directorynav .capbottom {
  clear: both;
  position: relative;
  top: 5px;
  _top: 12px;
  height: 5px;
  width: 980px;
  background: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fbreadory%2Fdirectory_capbg.png)
    no-repeat;
}
#directorynav ul {
  margin-bottom: 0;
  padding-bottom: 9px;
}
#directorynav ul li {
  padding-bottom: 4px;
}
#directorynav .column {
  width: 190px;
}
#directorynav.mac #dn-cola {
  width: 190px;
}
#directorynav.mac #dn-colb {
  width: 190px;
}
#directorynav.mac #dn-cold {
  width: 190px;
}
#directorynav.mac #dn-colg {
  width: 130px;
}
#directorynav.iphone.iphone-old .column {
  width: 270px;
  padding: 9px 54px 0 0;
}
#directorynav.iphone .column {
  width: 190px;
  padding: 9px 54px 0 0;
}
#directorynav.maccemea .column {
  width: 200px;
  padding: 9px 40px 0 0;
}
#directorynav.ipod .column {
  width: 188px;
  padding: 9px 56px 0 0;
}
#directorynav.itunes .column {
  width: 188px;
  padding: 9px 56px 0 0;
}
#directorynav.iphonecemea .column {
  width: 280px;
  padding: 9px 40px 0 0;
}
#directorynav.ios .column,
#directorynav.ipad .column {
  width: 190px;
  padding: 9px 54px 0 0;
}
/* DIRECTORY NAV CUSTOM WIDTHS */

.gf-900 #directorynav .column {
  width: 120px;
}
.gf-980 #directorynav.mac #dn-cola {
  width: 135px;
}
.gf-980 #directorynav.mac #dn-colb {
  width: 100px;
}
.gf-980 #directorynav.mac #dn-cold {
  width: 110px;
}
.gf-980 #directorynav.mac #dn-colg {
  width: 130px;
}
#directorynav.ipoditunes .productred {
  font-size: 9px;
  white-space: nowrap;
}
#directorynav.mac .column {
  padding: 9px 54px 0 0;
}
#directorynav.mac ul li {
  padding-bottom: 4px;
}
/*--- BREADORY ---*/

#breadory {
  border: 1px solid #ddd;
  width: 978px;
  margin: 0 auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#globalfooter #breadory ol#breadcrumbs {
  background: none;
  clear: both;
  float: none;
  height: 3em;
  line-height: 3em;
  font-size: 11px;
  color: #666;
  margin: 0;
  list-style: none;
  font-weight: normal;
  text-shadow: 0 1px 0 #fff;
}
#breadory ol#breadcrumbs li {
  background: none;
  float: right;
  margin: 0;
  padding: 0 1em 0 0;
}
#breadory ol#breadcrumbs li a {
  float: right;
  color: #666;
  text-decoration: none;
  padding: 0 0 0 1.75em;
  margin-right: 0px;
  background: url(/om-ar/global/elements/breadory/breadcrumb_separator.png)
    no-repeat 0 50%;
}
#breadory ol#breadcrumbs li a:hover {
  color: #333;
  text-decoration: none;
}
#breadory ol#breadcrumbs li.home {
  background: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
#breadory ol#breadcrumbs li.home a {
  background: url(/om-ar/global/elements/breadory/breadcrumb_home.png) no-repeat
    0 50%;
  margin: 0;
  padding: 0 1.25em 0 0;
  width: 30px;
  text-indent: 9999px;
  overflow: hidden;
}
#breadory ol#breadcrumbs li.home a:hover {
  background-image: url(/om-ar/global/elements/breadory/breadcrumb_home_over.png);
}
@media only screen {
  #breadory ol#breadcrumbs li a {
    background-image: url(/om-ar/global/elements/breadory/breadcrumb_separator.svg);
  }
  #breadory ol#breadcrumbs li.home a {
    background-image: url(/om-ar/global/elements/breadory/breadcrumb_home.svg);
  }
  #breadory ol#breadcrumbs li.home a:hover {
    background-image: url(/om-ar/global/elements/breadory/breadcrumb_home_over.svg);
  }
}
#breadory #directorynav {
  background: none;
  clear: both;
  float: none;
  margin-top: 0;
}
#breadory #directorynav .capbottom {
  height: 0;
  font-size: 1px;
  _display: none;
}
@media only screen {
  #breadory ol#breadcrumbs li a {
    background-image: url(/om-ar/global/elements/breadory/breadcrumb_separator.svg);
  }
  #breadory ol#breadcrumbs li.home a {
    background-image: url(/om-ar/global/elements/breadory/breadcrumb_home.svg);
  }
  #breadory ol#breadcrumbs li.home a:hover {
    background-image: url(/om-ar/global/elements/breadory/breadcrumb_home_over.svg);
  }
}
/* PRODUCTHEADER */

#productheader {
  padding: 1em 0 0.2em;
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  *position: relative;
  *height: 39px;
}
#productheader h1,
#productheader h2 {
  height: 32px;
  line-height: 32px;
  display: inline;
  float: right;
  margin: 1px 8px 6px 0;
  padding: 0;
  margin-bottom: 6px !important;
}
#productheader h1 a,
#productheader h2 a {
  line-height: 32px;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #888;
  display: block;
  font-weight: normal;
  height: 32px;
  outline: none;
  text-decoration: none;
  text-indent: 9999px;
  *position: relative;
}
body#overview #productheader h1 a,
body#overview #productheader h2 a {
  cursor: default;
}
#productheader ul {
  display: inline;
  float: left;
  margin: 0;
}
#productheader ul li {
  display: inline;
  float: right;
}
#productheader ul li a {
  color: #333;
  float: left !important;
  margin-top: 10.5px;
  margin-right: 30px;
  margin-left: 8px;
  padding: 0;
  text-decoration: none;
}
#productheader ul li a:hover {
  color: #08c;
}
#productheader a.buynow,
#productheader span.buynow,
#productheader a.ordernow,
#productheader span.ordernow,
#productheader a.joinnow,
#productheader span.joinnow,
#productheader a.preorder,
#productheader span.preorder,
#productheader a.preorder_blue,
#productheader span.preorder_blue,
#productheader a.howtobuy,
#productheader span.howtobuy,
#productheader a.howtoapply,
#productheader span.howtoapply,
#productheader a.freetrial,
#productheader span.freetrial,
#productheader a.downloadnow,
#productheader span.downloadnow,
#productnav a.downloadnow,
#productnav span.downloadnow,
#productheader a.upgradenow,
#productheader span.upgradenow,
#productheader a.tryamac,
#productheader span.tryamac {
  height: 25px;
  margin: 0.7em 20px 0 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  text-indent: -9999px;
  outline: none;
  overflow: hidden;
}
#productheader a.notifyme,
#productheader span.notifyme {
  height: 25px;
  margin: 0.8em 20px 0 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  text-indent: 9999px;
  outline: none;
  overflow: hidden;
}
#productheader a.preorder_blue,
#productheader span.preorder_blue {
  width: 75px;
  background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fpreorder_blue.png);
}
#productheader a.buynow,
#productheader span.buynow {
  width: 72px;
  background-image: url(./../elements/buttons/buynows.png);
  _background-image: url(./../elements/buttons/buynows.gif);
}
#productheader a.ordernow,
#productheader span.ordernow {
  width: 81px;
  background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fordernows.png);
  _background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fordernows.gif);
}
#productheader a.joinnow,
#productheader span.joinnow {
  width: 72px;
  background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fjoinnnows.png);
  _background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fjoinnnows.gif);
}
#productheader a.preorder,
#productheader span.preorder {
  width: 99px;
  background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fpreordernows.png);
  _background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fpreordernows.gif);
}
#productheader a.howtobuy,
#productheader span.howtobuy {
  width: 86px;
  background-image: url(./../elements/buttons/howtobuys.png);
  _background-image: url(./../elements/buttons/howtobuys.gif);
}
#productheader a.howtoapply,
#productheader span.howtoapply {
  width: 100px;
  background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fhowtoapplys.png);
  _background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fhowtoapplys.gif);
}
#productheader a.freetrial,
#productheader span.freetrial {
  width: 72px;
  background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Ffreetrials.png);
  _background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Ffreetrials.gif);
}
#productheader a.downloadnow,
#productheader span.downloadnow {
  width: 108px;
  background-image: url(/om-ar/global/elements/buttons/downloadnows.png);
  _background-image: url(/om-ar/global/elements/buttons/downloadnows.gif);
}
#productnav a.downloadnow,
#productnav span.downloadnow {
  width: 108px;
  background-image: url(/om-ar/global/elements/buttons/downloadnows.png);
  _background-image: url(/om-ar/global/elements/buttons/downloadnows.gif);
}
#productheader a.upgradenow,
#productheader span.upgradenow {
  width: 104px;
  background-image: url(./../elements/buttons/upgradenows.png);
  _background-image: url(./../elements/buttons/upgradenows.gif);
}
#productheader a.tryamac,
#productheader span.tryamac {
  width: 77px;
  background-image: url(./../elements/buttons/tryamacs.png);
  _background-image: url(./../elements/buttons/tryamacs.gif);
}
#productheader a.notifyme,
#productheader span.notifyme {
  width: 75px;
  background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fnotifymes.png);
  _background-image: url(https://ancillary-proxy.atarimworker.io?url=https%3A%2F%2Fimages.apple.com%2Fmideast%2Fglobal%2Felements%2Fa%2Ftitles_us%2Fbuttons%2Fnotifymes.gif);
}
#productheader a.buyiphones:hover,
#productheader a.buyiphones:focus,
#productheader a.buynow:hover,
#productheader a.buynow:focus,
#productheader a.ordernow:hover,
#productheader a.ordernow:focus,
#productheader a.joinnow:hover,
#productheader a.joinnow:focus,
#productheader a.preorder:hover,
#productheader a.preorder:focus,
#productheader a.howtobuy:hover,
#productheader a.howtobuy:focus,
#productheader a.howtoapply:hover,
#productheader a.howtoapply:focus,
#productheader a.freetrial:hover,
#productheader a.freetrial:focus,
#productheader a.downloadnow:hover,
#productheader a.downloadnow:focus,
#productnav a.downloadnow:hover,
#productnav a.downloadnow:focus,
#productheader a.upgradenow:hover,
#productheader a.upgradenow:focus,
#productheader a.tryamac:hover,
#productheader a.tryamac:focus,
#productheader a.notifyme:hover,
#productheader a.notifyme:focus {
  background-position: 0 -25px;
}
#productheader a.buynow:active,
#productheader a.buyiphones:active,
#productheader a.ordernow:active,
#productheader a.joinnow:active,
#productheader a.preorder:active,
#productheader a.howtobuy:active,
#productheader a.howtoapply:active,
#productheader a.freetrial:active,
#productheader a.downloadnow:active,
#productnav a.downloadnow:active,
#productheader a.upgradenow:active {
  background-position: 0 -50px;
}
#productheader span.buyiphones,
#productheader span.upgradenows,
#productheader span.buynow,
#productheader span.ordernow,
#productheader span.joinnow,
#productheader span.preorder,
#productheader span.howtobuys,
#productheader span.howtoapply,
#productheader span.freetrial,
#productheader span.downloadnow,
#productnav span.downloadnow,
#productheader span.downloadituness,
#productnav span.downloadituness,
#productheader span.upgradenow,
#productheader span.tryamac,
#productheader span.notifyme {
  background-position: 0 -75px;
}
.buyiphones {
  background-image: url(./../elements/buttons/buynows.png);
  _background-image: url(./../elements/buttons/buynows.gif);
  width: 100px;
}
/* BUTTONS - (U.S.) */

.browsewebappss,
.businessstores,
.buyiphones,
.buynows,
.buynows-arrow,
.comingsoons,
.descargarahoras,
.downloadituness,
.downloadnows,
.finds,
.freetrials,
.getstarteds,
.gos,
.howtoapplys,
.howtobuys,
.joinnows,
.learnmores,
.nikebuynows,
.notifymes,
.ordernows,
.preordernows,
.preorders,
.reserves,
.startyoursearchs,
.submits,
.tryamacs,
.upgradenows {
  height: 25px;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  overflow: hidden;
}
a.browsewebappss:hover,
a.businessstores:hover,
a.buyiphones:hover,
a.buynows:hover,
a.buynows-arrow:hover,
a.comingsoons:hover,
a.descargarahoras:hover,
a.downloadituness:hover,
a.downloadnows:hover,
a.finds:hover,
a.freetrials:hover,
a.getstarteds:hover,
a.gos:hover,
a.howtoapplys:hover,
a.howtobuys:hover,
a.joinnows:hover,
a.learnmores:hover,
a.nikebuynows:hover,
a.notifymes:hover,
a.ordernows:hover,
a.preordernows:hover,
a.preorders:hover,
a.reserves:hover,
a.startyoursearchs:hover,
a.submits:hover,
a.tryamacs:hover,
a.upgradenows:hover,
a.browsewebappss:focus,
a.businessstores:focus,
a.buyiphones:focus,
a.buynows:focus,
a.buynows-arrow:focus,
a.comingsoons:focus,
a.descargarahoras:focus,
a.downloadituness:focus,
a.downloadnows:focus,
a.finds:focus,
a.freetrials:focus,
a.getstarteds:focus,
a.gos:focus,
a.howtoapplys:focus,
a.howtobuys:focus,
a.joinnows:focus,
a.learnmores:focus,
a.nikebuynows:focus,
a.notifymes:focus,
a.ordernows:focus,
a.preordernows:focus,
a.preorders:focus,
a.reserves:focus,
a.startyoursearchs:focus,
a.submits:focus,
a.tryamacs:focus,
a.upgradenows:focus {
  background-position: 0 -25px;
}
a.browsewebappss:active,
a.businessstores:active,
a.buyiphones:active,
a.buynows:active,
a.buynows-arrow:active,
a.comingsoons:active,
a.descargarahoras:active,
a.downloadituness:active,
a.downloadnows:active,
a.finds:active,
a.freetrials:active,
a.getstarteds:active,
a.gos:active,
a.howtoapplys:active,
a.howtobuys:active,
a.joinnows:active,
a.learnmores:active,
a.nikebuynows:active,
a.notifymes:active,
a.ordernows:active,
a.preordernows:active,
a.preorders:active,
a.reserves:active,
a.startyoursearchs:active,
a.submits:active,
a.tryamacs:active,
a.upgradenows:active {
  background-position: 0 -50px;
}
span.browsewebappss,
span.businessstores,
span.comingsoons,
span.descargarahoras,
span.downloadituness,
span.downloadnows,
span.finds,
span.freetrials,
span.getstarteds,
span.gos,
span.howtoapplys,
span.howtobuys,
span.joinnows,
span.learnmores,
span.nikebuynows,
span.notifymes,
span.ordernows,
span.preordernows,
span.preorders,
span.reserves,
span.startyoursearchs,
span.submits,
span.tryamacs,
span.upgradenows {
  background-position: 0 -75px;
}
.buynows {
  width: 72px;
  background-image: url(/om-ar/global/elements/buttons/buynows.png);
  _background-image: url(/om-ar/global/elements/buttons/buynows.png);
}
.downloadnows {
  background-image: url(/om-ar/global/elements/buttons/downloadnows.png);
  _background-image: url(/om-ar/global/elements/buttons/downloadnows.gif);
  width: 108px;
}
.howtobuys {
  background-image: url(./../elements/buttons/howtobuys.png);
  _background-image: url(./../elements/buttons/howtobuys.gif);
  width: 86px;
}
.freetrials {
  background-image: url(/mideast/cemea_en/global/elements/buttons/freetrials.png);
  _background-image: url(/mideast/cemea_en/global/elements/buttons/freetrials.gif);
  width: 72px;
}
.comingsoons {
  background-image: url(/mideast/cemea_en/global/elements/buttons/comingsoon.png);
  _background-image: url(/mideast/cemea_en/global/elements/buttons/comingsoon.gif);
  width: 97px;
}
#productheader .browsewebappss,
#productheader .businessstores,
#productheader .buyiphones,
#productheader .buynows,
#productheader .comingsoons,
#productheader .descargarahoras,
#productheader .downloadituness,
#productheader .downloadnows,
#productheader .finds,
#productheader .freetrials,
#productheader .getstarteds,
#productheader .gos,
#productheader .howtoapplys,
#productheader .howtobuys,
#productheader .joinnows,
#productheader .learnmores,
#productheader .notifymes,
#productheader .ordernows,
#productheader .preordernows,
#productheader .preorders,
#productheader .reserves,
#productheader .startyoursearchs,
#productheader .submits,
#productheader .tryamacs,
#productheader .upgradenows {
  margin: 10px 20px 0 0;
  float: right;
}
.downloadituness {
  width: 116px;
  background-image: url(/mideast/cemea_en/global/elements/buttons/downloadituness.png);
  _background-image: url(/mideast/cemea_en/global/elements/buttons/downloadituness.gif);
}
.upgradenows {
  width: 104px;
  background-image: url(/om-ar/global/elements/buttons/upgradenows.png);
  _background-image: url(/om-ar/global/elements/buttons/upgradenows.gif);
}
/* promofooter */

#promofooter {
  width: 984px;
  margin: 18px auto 0;
  padding-top: 17px;
  background: url(/promos/images/promofooter_top.png) no-repeat;
  zoom: 1;
  _background-image: url(/promos/images/promofooter_top.gif);
}
#promofooter #promos {
  width: 980px;
  margin-bottom: 0;
  padding: 0 2px 4px;
  background: url(/promos/images/promofooter_bottom.png) no-repeat 0 100%;
  zoom: 1;
  _background-image: url(/promos/images/promofooter_bottom.gif);
}
#promofooter #promos:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#promofooter #promos li.promo {
  position: relative;
  float: right;
  width: 244px;
  min-height: 180px;
  _height: 180px;
  padding-left: 1px;
  margin-top: -16px;
}
#promofooter #promos li.promo a {
  color: #777;
}
#promofooter #promos li.promo:hover a {
  color: #08c;
  text-decoration: none;
}
#promofooter #promos img {
  display: block;
}
#promofooter #promos h4 a,
#promofooter #promos p a,
#promofooter #promos ul {
  display: block;
  padding-right: 15px;
  padding-left: 12px;
  text-align: right;
  z-index: 101;
  *position: relative;
}
#promofooter #promos h4 a {
  font-size: 18px;
  font-weight: normal;
  padding-top: 15px;
}
#promofooter #promos p {
  margin-bottom: 0;
}
#promofooter #promos p a {
  font-size: 11px;
  line-height: 16px;
}
#promofooter #promos a.image {
  height: 180px;
  position: absolute;
  bottom: 0;
  z-index: 100;
}
#promofooter #promos .promo.left p a {
  width: 110px;
}
#promofooter #promos .promo.right p a {
  width: 112px;
  padding-right: 116px;
}
#promofooter #promos .promo.center p a {
  text-align: center;
}
#promofooter #promos li.buy {
  position: relative;
  float: right;
  width: 244px;
  padding-left: 1px;
  margin-top: -17px;
  color: #777;
}
#promofooter #promos li.buy ul {
  font-size: 11px;
  line-height: 1.4;
}
#promofooter.grid2col {
  min-height: 70px;
  padding: 15px 0 8px 0;
  border: 1px solid #d2d2d2;
}
#promofooter.grid2col {
  background: #fff;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5));
  background: -moz-linear-gradient(100% 100% 90deg, #e5e5e5, #fff);
  filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#e5e5e5');
}
#promofooter.grid2col #promos {
  background: none;
}
#promofooter.grid2col #promos li.promo {
  width: 47%;
  min-height: 70px;
  margin-bottom: -10px;
}
#promofooter.grid2col #promos li.promo.first {
  border-right: 1px solid #e8e8e8;
}
#promofooter.grid2col li.promo {
  padding: 20px;
}
/* PRINT */

@media print {
  body,
  #main,
  #content {
    color: #000 !important;
  }
  a,
  a:link,
  a:visited {
    color: #000 !important;
    text-decoration: none !important;
  }
  #tabs,
  #globalheader,
  #globalfooter,
  #directorynav,
  .noprint,
  .hide {
    display: none !important;
  }
  #main a.pdf,
  #main a.html,
  #main a.qt,
  #main a.ical,
  #main a.dl,
  #main a.dmg,
  #main a.zip,
  #main a.keynote,
  #main a.audio {
    padding-right: 0 !important;
    background-image: none !important;
  }
}
/* iPhone */

@media screen and (max-device-width: 480px) {
  html {
    -webkit-text-size-adjust: none;
  }
}
/* Adding dot nav */

.dot-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1px;
}
.dot-nav li,
.dot-nav li a {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.dot-nav li {
  position: relative;
  z-index: 1;
  margin: 0;
  width: 13px;
  height: 15px;
  overflow: hidden;
}
.dot-nav li a {
  position: absolute;
  z-index: 1;
  width: 13px;
  height: 45px;
  top: 0;
  right: 0;
  cursor: pointer;
  text-indent: 1000px;
  background: url(/global/elements/buttons/dots_08c.png) no-repeat 0 0;
  behavior: url(/global/scripts/lib/ie7pngfix.htc);
}
.dot-nav li a:hover {
  top: -15px;
}
.dot-nav li a.active {
  cursor: default;
  top: -30px;
}
.dot-nav:nth-child(1n) li {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 2px;
}
.dot-nav:nth-child(1n) li a {
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background: #e0e1e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
}
.dot-nav:nth-child(1n) li a:hover {
  top: 0;
  background: #ccc;
}
.dot-nav:nth-child(1n) li a.active {
  top: 0;
  background: #08c;
  background: -webkit-gradient(
    linear,
    lefttop,
    leftbottom,
    color-stop(0%, rgb(126, 198, 234)),
    color-stop(24%, rgb(70, 179, 234)),
    color-stop(100%, rgb(3, 135, 201))
  );
  background: -webkit-linear-gradient(
    top,
    rgb(126, 198, 234) 0%,
    rgb(70, 179, 234) 45%,
    rgb(3, 135, 201) 100%
  );
  background: -moz-linear-gradient(
    top,
    rgb(126, 198, 234) 0%,
    rgb(70, 179, 234) 45%,
    rgb(3, 135, 201) 100%
  );
  background: linear-gradient(
    top,
    rgb(126, 198, 234) 0%,
    rgb(70, 179, 234) 45%,
    rgb(3, 135, 201) 100%
  );
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
}