html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width: 980px;
	top: 0;
	left: 0;
	font: 14px/18px "Arial", Helvetica, sans-serif;
	color: #424447;
	position: relative;
	background: #dbe4ee;
}

@media only screen and (max-width: 568px) {
	html, body {
		-webkit-text-size-adjust: none !important;
	}
}

html, body, #container {
	min-height: 100%;
}

a {
	text-decoration: none;
	outline: none;
}

a img {
	border: none;
}

a:hover {
	/*text-decoration: underline;*/
}

a:active, #breadcrumbs .last a:hover {
	text-decoration: none;
}

#container {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/ui/tile-top-x.png) left top repeat-x;
}

#document {
	position: relative;
	width: 930px;
	padding: 0 21px;
	left: 50%;
	margin-left: -487px;
	background: url(../images/ui/tile-y-document.png) left top repeat-y;
	z-index: 1;
}

header, nav, section, footer {
	display: block;
	margin: 0;
	padding: 0;
}

header, section {
	width: 930px;
	border: 1px solid #b3b4b7;
	background: #fff;
	margin-top: 4px;
	min-height: 40px;
}

section {
	padding-bottom: 23px;
}

/* Header */

header {
	width: 930px;
	height: 176px;
	position: relative;
	top: 0;
	border-top: none;
	margin: 0;
	background: #fff url(../images/ui/bg-header.png) right 0 no-repeat;
}

#logo {
	width: 240px;
	height: 74px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 9;
}

#logo a {
	background: url(../images/logo.png) 10px 12px no-repeat;
	width: 240px;
	height: 74px;
	display: block;
	margin: 0;
	padding: 0;
}

/* Nav */

header ul, header ol {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

nav {
	position: absolute;
	width: 952px;
	height: 36px;
	left: -11px;
	top: 98px;
	z-index: 9;
	box-shadow: 1px 1px 7px rgba(0,0,0,.5), inset 0 -1px 5px rgba(0,0,0,.2), inset 2px 0 3px rgba(255,255,255,.3);
	border-radius: 16px;

	/* Background gradient */
	background: #e1a132; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmOTA3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZjZlM2FkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNlZWNiOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2E0MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNlMjk2MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNkMzdiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzM0ODEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); /* IE9 */
	background: -moz-linear-gradient(top, #9f9073 0%, #f6e3ad 4%, #eecb91 8%, #e3a42e 50%, #e29601 51%, #d37b00 96%, #734812 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9073), color-stop(4%,#f6e3ad), color-stop(8%,#eecb91), color-stop(50%,#e3a42e), color-stop(51%,#e29601), color-stop(96%,#d37b00), color-stop(100%,#734812)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9f9073 0%,#f6e3ad 4%,#eecb91 8%,#e3a42e 50%,#e29601 51%,#d37b00 96%,#734812 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9f9073 0%,#f6e3ad 4%,#eecb91 8%,#e3a42e 50%,#e29601 51%,#d37b00 96%,#734812 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9f9073 0%,#f6e3ad 4%,#eecb91 8%,#e3a42e 50%,#e29601 51%,#d37b00 96%,#734812 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9f9073 0%,#f6e3ad 4%,#eecb91 8%,#e3a42e 50%,#e29601 51%,#d37b00 96%,#734812 100%); /* W3C */

	/* Improved antialiasing for the rounded edges */
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;
}

nav ul {
	width: 916px;
	height: 34px;
	padding: 0 18px;
}

nav li {
	display: block;
	margin-top: 6px;
	float: left;
	background: none;
/* 	background: rgba(255,0,0,.3); */
}

nav li a, nav li span {
	width: auto;
	height: 22px;
	line-height: 22px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #fbf0dd;
	padding: 0 11px 0 12px;
	margin: 1px 1px 2px 1px;
	position: relative;
/* 	background: rgba(0,255,0,.3); */
}

nav li span {
	cursor: default;
}

nav li a span {
	cursor: pointer;
}

nav li a:hover {
	color: #fff;
	text-decoration: none;
}

nav li.selected, nav li:hover, nav li.dropdown:active {
/* 	background: url(../images/ui/bg-nav-selected.png) right 0 no-repeat; */
}

nav li.selected a, nav li.selected span, nav li:hover a, nav li:hover span {
	color: #fff;
	border-radius: 23px;
	box-shadow: inset 0 2px 13px rgba(0,0,0,.16), 0 1px 3px #eda21b, 0 -1px 0 #a6884e;
}

nav li:active a {
	color: #f6e2bd;
	background: rgba(0,0,0,.05);
}

/* Dropdown */

nav li.dropdown span.arrow,
nav li.dropdown a:active span.arrow,
nav li.dropdown ul li,
nav li.dropdown ul li.selected,
nav li.dropdown ul li a,
nav li.dropdown ul li.selected a,
nav li.dropdown ul li:hover,
nav li.dropdown ul li.selected:hover,
nav li.dropdown ul li:hover a,
nav li.dropdown ul li.selected:hover a,
nav li.dropdown ul li a:hover,
nav li.dropdown ul li.selected a:hover {
	border-radius: 0 !important;
	box-shadow: none !important;
}

nav li.dropdown span, nav li.dropdown a {
	padding-right: 23px;
}

nav li.dropdown span.arrow, nav li.dropdown a:active span.arrow {
	display: block;
	position: absolute;
	width: 9px;
	height: 6px;
	padding: 0;
	margin: 0;
	top: 8px;
	right: 9px;
	background: url(../images/ui/arrow-dropdown.png) right 0 no-repeat;
}

nav li.dropdown a:hover span.arrow, nav li.dropdown:hover span.arrow, nav li.dropdown.selected span.arrow {
	background-position: right -15px;
}

nav li.dropdown ul, nav li.dropdown li, nav li.dropdown li a {
	display: block;
	padding: 0;
	margin: 0;
	float: none;
}

nav li.dropdown {
	position: relative;
	z-index: 9;
}

nav li.dropdown ul,
nav li.dropdown ul.closed {
	position: absolute;
	width: 208px;
	height: auto;
	background: none;
	z-index: 9;
	left: -18px;
	top: 24px;
	padding-top: 6px;
	display: none;
}

nav li.dropdown:hover ul,
nav li.dropdown ul.open {
	display: block;
}

nav li.dropdown:hover a, nav li.dropdown:hover span {
	color: #fff;
}

nav li.dropdown li {
	width: 168px;
	height: 33px;
	padding: 0 20px;
	background: url(../images/ui/bg-dropdown.png) 0 0 no-repeat;
}

nav li.dropdown li.last {
	background-position: 0 -33px;
	height: 53px;
}

nav li.dropdown li a {
	width: 146px;
	height: 33px;
	padding: 0 11px;
	line-height: 33px;
	background: none;
	color: #fff;
}

nav li.dropdown li.first a {
	background: url(../images/ui/tile-x-dropdown.png) 0 0 repeat-x;
}

/* Subnav Hover */

nav li.dropdown li a:hover {
	background: #8b8b8b;
}

nav li.dropdown li.first a:hover {
	background: #8b8b8b url(../images/ui/tile-x-dropdown.png) 0 0 repeat-x;
}

nav li.dropdown li.last a:hover {
	background: url(../images/ui/bg-dropdown.png) 0 -119px no-repeat;
}

/* Subnav Active */

nav li.dropdown li a:active {
	background: none;
	color: #c6c6c6;
}

nav li.dropdown li.first a:active {
	background: url(../images/ui/tile-x-dropdown.png) 0 0 repeat-x;
}

nav li.dropdown li.last a:active {
	background: none;
}

/* Subnav Selected */

nav li.dropdown li.selected a {
	background: #de9401;
	color: #fff;
}

nav li.dropdown li.first.selected a {
	background: #de9401 url(../images/ui/tile-x-dropdown.png) 0 0 repeat-x;
}

nav li.dropdown li.last.selected a {
	background: url(../images/ui/bg-dropdown.png) 0 -86px no-repeat;
}

/* Breadcrumbs */

#breadcrumbs {
	width: 906px;
	height: 42px;
	position: absolute;
	padding: 0 12px;
	left: 0;
	bottom: 0;
	border-top: 36px solid #e1a132;
	background: url(../images/ui/tile-x-breadcrumbs.png) left top repeat-x;
}

#breadcrumbs li {
	display: block;
	float: left;
	background: url(../images/ui/arrow-breadcrumbs.png) right 17px no-repeat;
	padding-right: 5px;
	height: 40px;
	line-height: 40px;
}

#breadcrumbs a, #cart {
	font-size: 11px;
	font-weight: bold;
	padding: 8px;
	color: #6f7072;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

#breadcrumbs li.last {
	background: none;
}

#breadcrumbs .last a {
	color: #de8927;
}

#topshadow {
	width: 930px;
	height: 31px;
	background: url(../images/ui/tile-x-topshadow.png) left top repeat-x;
	position: absolute;
	left: 0;
	top: 0;
}

#featured {
	height: 310px;
	background: #bfc6cf;
}

section.last {
	border-bottom: none;
	padding-bottom: 5px;
}

/* Shopping Cart */

#cart {
	display: block;
	position: absolute;
	right: 0;
	top: 134px;
	max-width: 200px;
	height: 42px;
	line-height: 42px;
	text-align: right;
	padding: 0 42px 0 16px;
	background: url(../images/ui/cart.png) right 0 no-repeat;
	color: #939495;
}

#cart:hover {
	text-decoration: none;
	background-position: right -42px;
	color: #6f7072;
}

#cart:active {
	background-position: right -84px;
	color: #bbb;
}

/* Footer */

footer {
	width: 974px;
	height: auto;
	min-height: 117px;
	position: relative;
	left: 50%;
	margin-left: -487px;
	background: url(../images/ui/bg-footer.png) left top no-repeat;
	z-index: 1;
}

footer p {
	display: block;
	line-height: 18px;
	font-size: 11px;
	cursor: default;
	height: auto;
	margin: 0;
	padding: 0;
}

#copyright {
	padding: 36px 0 0 42px;
	display: block;
	max-width: 500px;
	line-height: 18px;
	font-size: 11px;
	color: #424447;
}

#legal {
	display: block;
	font-size: 11px;
	margin: -1px 0 0 38px;
	padding: 4px;
	color: #888d93;
	font-weight: normal;
	width: 70px;
}

#legal:hover {
	text-decoration: underline;
}

#last-updated {
	font-size: 10px;
	color: #757a7f;
	text-align: right;
	width: 300px;
	position: absolute;
	top: 36px;
	right: 42px;
}

#bottom-shadow {
	width: 100%;
	height: 97px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/ui/tile-btm-x.png) left bottom repeat-x;
	z-index: 0;
}

/* Featured */

.slides_container {
	width:930px;
	overflow:hidden;
	display:none;
}

.slides_container a {
	width:930px;
	height:310px;
	display:block;
}

.slides_container a img {
	display:block;
}

/* Pagination */

.pagination {
	margin: -30px auto 0;
	width: 930px;
	height: 17px;
	position: relative;
	z-index: 9;
	padding: 0;
	text-align: center;
	padding: 0;
}

.pagination li {
	display: inline-block;
	margin:0;
	list-style:none;
	background: none;
	padding: 0;
}

.pagination li a {
	display: inline-block;
	width:17px;
	height:0;
	padding-top: 17px;
	background: url(../images/ui/featured-pagination.png) center 4px no-repeat;
	overflow:hidden;
	float: left;
}

.pagination li a:hover {
	background-position: center -22px;
}

.pagination li.current a {
	background-position: center -9px;
}

/* Content Blocks */

.half-cols, .golden-cols, .reverse-golden-cols, .single-col {
	padding: 0 20px;
	margin: 23px 0;
	width: 890px;
	display: inline-block;
	margin-bottom: -4px;
	background: #fff url(../images/ui/tile-y-divider.png) repeat-y;
}

.left, .right {
	width: auto;
	height: auto;
	float: left;
}

.left {
	padding-right: 17px;
}

.right {
	padding-left: 17px;
}

.golden-cols .left {
	padding-right: 20px;
}

.golden-cols .right {
	padding-left: 20px;
}

/* Half Column Layout */

.half-cols {
	background-position: 462px 0;
}

.half-cols .left, .half-cols .right {
	width: 428px;
}

/* Golden Ratio Layout */

.golden-cols {
	background-position: 576px 0;
}

.golden-cols .left {
	width: 539px;
}

.golden-cols .right {
	width: 302px;
}

/* Reversed Golden Ratio Layout */

.reverse-golden-cols {
	background-position: 348px 0;
}

.reverse-golden-cols .left {
	width: 314px;
}

.reverse-golden-cols .right {
	width: 542px;
}

/* Single Column */

.single-col {
	background: none;

}

/* Modifiers */

.left-right-padding {
	width: 700px;
	padding: 45px 115px;
}

.no-padding {
	padding: 0;
}

.no-left-padding {
	padding-left: 0;
}

.single-col.no-left-padding {
	width: 910px;
}

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

ul.padbottom li {
	padding-bottom: 8px;
}

ul.padbottom li li {
	padding-bottom: 0;
}

/* Product Family */

img.family-banner {
	margin: 3px 10px;
}

/* Product Detail */

.product-detail {
	background: url(../images/ui/tile-x-product-detail.png) 0 bottom repeat-x;
	min-height: 100px;
	width: 910px;
	width: 900px;
	display: inline-block;
	margin: 3px 0;
}

.family {
	height: 31px;
	padding: 10px;
	margin-left: 22px;
	margin-top: 27px;
}

.family:hover {
	opacity: .7;
}

.family:active {
	opacity: 1;
}

.family, .product-detail h2, .for {
	position: absolute;
	display: block;
	z-index: 1;
}

.family.passwordwallet {
	background: url(../images/logotype-passwordwallet.png) 10px 10px no-repeat;
	width: 275px;
}

.family.moonmenu {
	background: url(../images/logotype-moonmenu.png) 10px 10px no-repeat;
	width: 190px;
}

.family.smartwrap {
	background: url(../images/logotype-smartwrap.png) 10px 10px no-repeat;
	width: 181px;
}

.family.mutantmaker {
	background: url(../images/logotype-mutantmaker.png) 10px 10px no-repeat;
	width: 219px;
}

.for, .product-detail h2 {
	margin-left: 32px;
	margin-top: 82px;
	height: 22px;
	display: block;
}

.for {
	margin-top: 76px;
	width: 21px;
	background: url(../images/ui/label-for.png) 0 bottom no-repeat;
}

.product-detail h2 {
	margin-left: 53px;
	width: 280px;
	background: 0 0 no-repeat;
}

h2.winmobile {
	background-image: url(../images/ui/platform-label-winmobile.png);
}

h2.webos {
	background-image: url(../images/ui/platform-label-webos.png);
}

h2.palm {
	background-image: url(../images/ui/platform-label-palm.png);
}

h2.togo {
	background-image: url(../images/ui/platform-label-togo.png);
}

.button-strip {
	position: absolute;
	padding-left: 18px;
	max-width: 450px;
	height: 60px;
	margin-left: 0;
	margin-top: 115px;
}

.infobox {
	background: #b2bbc5;
	width: 440px;
	float: right;
	position: relative;
}

.infobox p {
	font-size: 12px;
	color: #fff;
	display: block;
	width: 9em;
	padding: 18px;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 18px;
}

.product-shot {
	background: #808080;
	width: 300px;
	height: 180px;
	float: right;
	position: relative;
}

/* Content Elements */

h2, h3 {
	font-size: 14px;
	color: #de8927;
	margin: 8px 0;
	padding: 0 11px;
}

h4 {
	font-size: 12px;
	color: #de8927;
	margin: 8px 0;
	padding: 0 11px;
}

h2 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 8px;
	line-height: 28px;
}

h3 a {
	color: #919292;
	font-weight: normal;
	font-size: 12px;
	padding-left: 5px;
}

p {
	font-size: 14px;
	margin: 8px 11px;
}

p + p {
	margin-top: 12px;
}

p.footnote {
	font-size: 12px;
	color: #737373;
	background: #f7f7f7;
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-top: 30px;
}

.left p.footnote {
	margin-left: -20px;
	padding-left: 31px;
	margin-right: 4px;
}

p.footnote a {
	color: #737373;
	font-weight: bold;
}

h3 + p {
	margin-top: 0;
}

h3.section-heading + p {
	margin-top: 16px;
}

p + h3 {
	margin-top: 16px;
}

a {
	font-weight: normal;
	color: #de8927;
}

a:hover {
	text-decoration: underline;
}

section li h3, section li p {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.section-heading {
	display: block;
	position: relative;
	background: #efefef;
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 1px;

	/* Background gradient */
	background: #efefef; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 */
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */


	border-radius: 6px;
	box-shadow: 0 0 2px rgba(0,0,0,.15), inset 1px 1px 0 rgba(255,255,255,.6), inset -1px -1px 0 rgba(0,0,0,.1);
}

ul + .section-heading, ol + .section-heading {
	margin-top: 9px;
}

h2 + .section-heading, h2 + .linklist, h2 + figure, h2 + table {
	margin-top: 32px;
}

p + .section-heading {
	margin-top: 33px;
}

.section-heading span {
	display: block;
	position: absolute;
	background: url(../images/ui/bg-h3-caps.png) 0 0 no-repeat;
	width: 7px;
	height: 32px;
	top: 0;
}

.section-heading .lc {
	left: 0;
}

.section-heading .rc {
	right: 0;
	background-position: -7px 0;
}

.section-heading a.scroll.top {
	position: absolute;
	right: 11px;
	top: 0;
}

table {
	width: auto;
}

.rounded {
	position: relative;
	width: auto;
}

.rounded, .infobox, .product-shot, .product-shot img, img.family-banner {
	border-radius: 5px;

	/* Improved antialiasing for the rounded edges */
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;
}

.gray {
	background: #b2bbc5;
	color: #fff;
	margin: 16px 0 16px 2px;
	padding: 11px;
}

img.award {
	display: block;
	margin: 30px 11px 20px 11px;
}

/* Menu */

.menu,
.menu ul,
.menu li,
.menu a {
	/* Improved antialiasing for the rounded edges */
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;
}

.menu {
	position: relative;
	margin-bottom: 29px;
	margin-right: 1px;
	border: 1px solid #eaeaea;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	box-shadow: 1px 1px 0px rgba(0,0,0,.08);

	/* Improved antialiasing for the rounded edges */
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;

}

.menu .section-heading {
	height: 30px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.08), inset 1px 1px 0 rgba(255,255,255,.6) !important;
	margin: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.menu ul, .menu li, .menu a {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
}

.menu a {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #424447;
	padding: 8px 10px;
	background: #f7f7f7;
	border-bottom: 1px dotted #d7d7d7;
	cursor: pointer;
	height: 100%;
}

.menu a:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
	box-shadow: inset 0 2px 5px rgba(0,0,0,.08);
}

.menu a:active {
	background: #f4f4f4;
	color: #777;
	box-shadow: inset 0 2px 5px rgba(0,0,0,.15);
}

.menu .selected a {
	color: #fff;
	background: #b2bbc5;
	box-shadow: inset 0 2px 5px rgba(0,0,0,.05);
}

.menu .last,
.menu .last a {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.menu .last a {
	border: none;
}

.menu .bl, .menu .br {
	background: url(../images/ui/rc-menu.png) 0 0;
}

.menu .br {
	background-position: -6px 0;
}

/* Buttons */

.button {
	margin: 14px 9px;
	padding: 0;
	text-decoration: none !important;
	height: 33px;
	line-height: 33px;
	display: inline-block;
	width: auto;
	vertical-align: top;
	color: #fff;
	font-weight: bold;
	padding: 0 16px;
	border-radius: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,.4), 1px 0 2px rgba(0,0,0,.2), 1px 2px 2px rgba(0,0,0,.25);

	/* Background gradient */
	background: #f8b43e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTJhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmNkNzk2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmFiODNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjhhYTE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwOTExMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* IE9 */
	background: -moz-linear-gradient(top, #ffe2a1 0%, #fcd796 4%, #fab83e 50%, #f8aa14 51%, #f09113 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2a1), color-stop(4%,#fcd796), color-stop(50%,#fab83e), color-stop(51%,#f8aa14), color-stop(100%,#f09113)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffe2a1 0%,#fcd796 4%,#fab83e 50%,#f8aa14 51%,#f09113 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffe2a1 0%,#fcd796 4%,#fab83e 50%,#f8aa14 51%,#f09113 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffe2a1 0%,#fcd796 4%,#fab83e 50%,#f8aa14 51%,#f09113 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffe2a1 0%,#fcd796 4%,#fab83e 50%,#f8aa14 51%,#f09113 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2a1', endColorstr='#f09113',GradientType=0 ); /* IE6-8 */

	/* Improved antialiasing for the rounded edges */
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;
}

.button:hover {

	background: #fbca43; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWJiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmVlMmIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmNkMTVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZmNjNDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2YjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* IE9 */
	background: -moz-linear-gradient(top, #ffebb9 0%, #fee2b0 4%, #fcd15e 50%, #fcc400 51%, #f6b200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffebb9), color-stop(4%,#fee2b0), color-stop(50%,#fcd15e), color-stop(51%,#fcc400), color-stop(100%,#f6b200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffebb9 0%,#fee2b0 4%,#fcd15e 50%,#fcc400 51%,#f6b200 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffebb9 0%,#fee2b0 4%,#fcd15e 50%,#fcc400 51%,#f6b200 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffebb9 0%,#fee2b0 4%,#fcd15e 50%,#fcc400 51%,#f6b200 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffebb9 0%,#fee2b0 4%,#fcd15e 50%,#fcc400 51%,#f6b200 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb9', endColorstr='#f6b200',GradientType=0 ); /* IE6-8 */

	/* Improved antialiasing for the rounded edges */
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;
}

.button:active {
	color: #ffe6af;
	box-shadow: 0 0 5px rgba(0,0,0,.3), 1px 0 2px rgba(0,0,0,.17), 1px 2px 2px rgba(0,0,0,.2);

	/* Background gradient */
	background: #eba82f; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZDI4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZWZjNzgyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWNhOTIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZWI5ZTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ODgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* IE9 */
	background: -moz-linear-gradient(top, #f1d28d 0%, #efc782 4%, #eca921 50%, #eb9e00 51%, #e48800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1d28d), color-stop(4%,#efc782), color-stop(50%,#eca921), color-stop(51%,#eb9e00), color-stop(100%,#e48800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1d28d 0%,#efc782 4%,#eca921 50%,#eb9e00 51%,#e48800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1d28d 0%,#efc782 4%,#eca921 50%,#eb9e00 51%,#e48800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1d28d 0%,#efc782 4%,#eca921 50%,#eb9e00 51%,#e48800 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f1d28d 0%,#efc782 4%,#eca921 50%,#eb9e00 51%,#e48800 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1d28d', endColorstr='#e48800',GradientType=0 ); /* IE6-8 */

	/* Improved antialiasing for the rounded edges */
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;
}

/* Lists */

section ul, section ol {
	width: auto;
	padding: 10px 11px;
	padding: 4px 11px 10px 11px;
	margin: 0;
	line-height: 18px;
}

section li ul, section li ol {
	padding-bottom: 4px;
}

ol.colored {
	font-weight: bold;
	font-size: 13px;
	color: #DE8927;
}

ol.colored div {
	font-weight: normal;
	font-size: 14px;
	color: #424447;
}

section ul {
	list-style: none;
}

section li {
	padding: 0 0 0 22px;
	margin: 12px 0;
}

section li li {
	margin-top: 0;
	margin-bottom: 0;
}

section ul > li {
	background: url(../images/ui/bullet.png) 0 6px no-repeat;
}

section ol > li {
	margin-left: 19px;
	padding-left: 3px;
}

.linklist {
	padding-top: 0;
}

.linklist li {
	margin: 0;
	padding: 0 12px 0 22px;
	background-position: 0 6px;
}

section ul + p, section ol + p {
	margin-top: 5px;
}

/* Figure */

figure {
	width: auto;
	height: auto;
	display: block;
	background: #B2BBC5;
	margin: 16px 0 16px 2px;
	padding: 20px;
	text-align: center;
	position: relative;
	box-shadow: inset 0 0 20px rgba(0,0,0,.3);
}

li figure, li .gray {
	margin-left: 0;
}

figure img {
	box-shadow: 0 0 20px rgba(0,0,0,.3);
}

figcaption {
	padding-top: 11px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

/* Comments */

.border-bottom {
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 22px;
}

.comments p {
	display: block;
	padding: 15px 0;
	margin: 0 11px;
	border-bottom: 1px solid #d4d4d4;
}

.comments + h2 {
	margin-top: 24px;
}

.comments em {
	color: #6a6a6a;
}

.comments span {
	color: #919293;
}

.auxlinks, .auxlinks li, .auxlinks a {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
	background: none;
}

.auxlinks {
	margin: 0 0 22px 0;
	padding: 0 11px 16px 11px;
	border-bottom: 1px solid #d4d4d4;
}

.menu + .auxlinks {
	margin-top: -16px;
}

.auxlinks a {
	font-size: 13px;
	font-weight: bold;
	color: #919292;
	padding: 7px 0;

}

.auxlinks a:hover {
	text-decoration: underline;
}

/* News Entry */

.news-entry {
	width: auto;
	border-bottom: 1px solid #d4d4d4;
	line-height: 18px;
	margin: 0 10px;
	padding: 20px 0 22px;
}

.news-entry.last {
	border: none;
}

.news-entry em {
	font-size: 11px;
}

.news-entry a {
	color: #de8927;
}

.news-entry a:hover h3 {
	text-decoration: underline;
}

.news-entry h3 {
	padding: 0;
	margin: 0 0 2px 0;
}

.news-entry p {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* Product List */

span.button {
	margin: 11px 6px;
	padding: 0;
	text-decoration: none !important;
	height: 39px;
	line-height: 39px;
	display: inline-block;
	width: auto;
	vertical-align: top;
	filter: none !important;
}

.product-list, .product-list li, .product-list a {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-list {
	padding-top: 2px;
}

.product-list li {
	background: url(../images/ui/bg-product-list.png) 0 76px no-repeat;
	margin-top: -1px;
	width: auto;
	height: 77px;
}

.product-list.mini li {
	background: url(../images/ui/bg-product-list-mini.png) 0 65px no-repeat;
}

.product-list li.last {
	background-position: 0 77px;
}

.product-list li:hover {
	background-position: 0 -1px;
}

.product-list li:active {
	opacity: .5;
}

.product-list a {
	position: relative;
	width: auto;
	height: 77px;
	background: 0 center no-repeat;
}

.product-list .button {
	width: 27px;
	height: 77px;
	margin: 0;
	position: absolute;
	right: 12px;
	top: 0;
	background: url(../images/ui/btn-product-list.png) 0 center no-repeat;
}

.product-list.mini li, .product-list.mini a, .product-list.mini .button, .mini .icon {
	height: 66px;
}

.product-list a:hover .button {
	background-position: -27px center;
}

.product-list .passwordwallet a {
	background-image: url(../images/ui/product-list-passwordwallet.png);
}

.product-list .moonmenu a {
	background-image: url(../images/ui/product-list-moonmenu.png);
}

.product-list .smartwrap a {
	background-image: url(../images/ui/product-list-smartwrap.png);
}

.product-list .mutantmaker a {
	background-image: url(../images/ui/product-list-mutantmaker.png);
}

.product-list .button,
.product-list .button:hover,
.product-list .button:active {
	box-shadow: none;
	border-radius: none;
}

.mini .icon {
	width: 30px;
	position: absolute;
	top: 0;
	left: 11px;
	background: 0 12px no-repeat;
}

.product-list.mini a {
	background: 62px 23px no-repeat;
}

.product-list .mac a, h2.mac {
	background-image: url(../images/ui/platform-label-mac.png);
}

.product-list .windows a, h2.windows {
	background-image: url(../images/ui/platform-label-windows.png);
}

.product-list .ios a, h2.ios {
	background-image: url(../images/ui/platform-label-ios.png);
}

.product-list .android a, h2.android {
	background-image: url(../images/ui/platform-label-android.png);
}

h4 {
	padding-left: 10px;
}

.mac .icon {
	background-image: url(../images/ui/platform-icon-mac.png);
}

.windows .icon {
	background-image: url(../images/ui/platform-icon-windows.png);
}

.ios .icon {
	background-image: url(../images/ui/platform-icon-ios.png);
}

.android .icon {
	background-image: url(../images/ui/platform-icon-android.png);
}

/* Screenshots */

.menu #screenshots a, .menu #screenshots img {
	display: none;
}

.menu #screenshots a.first {
	display: block;
}

/* Preload elements */

#pl1 {background:url(../images/ui/bg-dropdown.png);}
#pl2 {background:url(../images/ui/tile-x-dropdown.png);}

#pl3 {background:url(../images/ui/colorbox/loading.gif);}
#pl4 {background:url(../images/ui/colorbox/border.png);}
#pl5 {background:url(../images/ui/colorbox/controls.png);}
#pl6 {background:url(../images/ui/colorbox/loading_background.png);}
#pl7 {}
#pl8 {}

#pl9 {background:url(../images/ui/bg-nav-selected.png);}

/* Hidden elements */

.hide,
#logo h1,
#logo img,
.product-list strong,
.family h1,
.for span,
.product-detail h2 span,
#nav-cap-left,
#nav-cap-right {
	display: none;
}