/* ----------------------------------------------------- */
/* ----------                                 ---------- */
/* ----------          revolver.css           ---------- */
/* ----------                                 ---------- */
/* ---------- (c) 2010 Revolver Software GmbH ---------- */
/* ----------------------------------------------------- */



/* ---------- Fonts ---------- */

@font-face {
	font-family: 'RevolverFontLight';
	src: url('/lib/fonts/CartoGothicPro-Light-webfont.eot');
	src: url('/lib/fonts/CartoGothicPro-Light-webfont.woff') format('woff'), url('/lib/fonts/CartoGothicPro-Light-webfont.ttf') format('truetype'), url('/lib/fonts/CartoGothicPro-Light-webfont.svg#webfont') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'RevolverFont';
	src: url('/lib/fonts/CartoGothicPro-Book-webfont.eot');
	src: url('/lib/fonts/CartoGothicPro-Book-webfont.woff') format('woff'), url('/lib/fonts/CartoGothicPro-Book-webfont.ttf') format('truetype'), url('/lib/fonts/CartoGothicPro-Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RevolverFont';
	src: url('/lib/fonts/CartoGothicPro-Bold-webfont.eot');
	src: url('/lib/fonts/CartoGothicPro-Bold-webfont.woff') format('woff'), url('/lib/fonts/CartoGothicPro-Bold-webfont.ttf') format('truetype'), url('/lib/fonts/CartoGothicPro-Bold-webfont.svg#webfont') format('svg');
	font-weight: bold;
	font-style: normal;
}


/* ---------- General ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #dde6f1;
	color: #444;
	font-family: RevolverFont, Arial, Verdana, sans-serif;
	font-size: 14px; /* FRU 14 GESTA 15 */
	font-weight: normal;
	line-height: 20px;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong {
	font-weight: bold;
}

a {
	color: #7e9fc0; /* #7e.9f.c0; #68.8c.af; #57.7c.a1; */
	text-decoration: none;
}

a:hover, a:focus {
	color: #7e9fc0;
	text-decoration: underline;
}

abbr, acronym {
	cursor: help;
}

input.text, textarea {
	border: 1px solid #7C7C7C;
	border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3;
}

input.text {
	color: #999;
	font-weight: bold;
	padding: 0.25em 0.4em;
}

table {
	border-collapse: collapse;
	width: 100%;
}

tbody th, tbody td {
	border-style: none;
	font-weight: normal;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

tbody th {
	border-right: none;
}

tbody td {
	border-left: none;
}

tr.alt th, tr.alt td {
	background: #F7F7F7;
}


/* ---------- Page ---------- */

.page {
	background: #e3ebf4;
	width: 984px;
	min-height: 300px;
	margin: 16px auto;
	padding: 0;
}

.page_top {
	background: #e3ebf4 url("/lib/img/page_top.png") no-repeat;
	height: 60px; 
	width: 984px;
	position: relative;
	padding: 0;
}

.page_nav {
	background: url("/lib/img/page_bg.png") repeat-y;
	margin: 0;
	min-height: 28px;
	padding: 0px 12px 0px 12px;
	width: 960px;
}

.page_bg {
	background: url("/lib/img/page_bg.png") repeat-y;
	margin: 0;
	padding: 0px 12px 0px 12px;
	width: 960px;
}

.page_bottom {
	background: #e3ebf4 url("/lib/img/page_bottom.png") no-repeat;
	height: 12px;
	width: 984px;
	position: relative;
	padding: 0;
}


/* ---------- Navigation ---------- */

.nav, .rnav {
	height: 22px;
	display: block;
	font-size: 12px; /* FRU 12px; */
    line-height: 1;
	padding: 0px 30px 0px 30px; 
	margin: 0; 
	color: #555;
    overflow: hidden;
    letter-spacing:0.2em; /* FRU 0.2em; */
}

.nav {
	float: left;
    font-weight: bold;
}

.rnav {
	float: right;
    font-weight: normal;
}

.nav li {
	float: left;
	display: block;
	border-right: solid 1px #ccc;
}

.nav a {
	display: block;
	color: #555;
	margin: 0; 
	padding: 3px 6px 4px 6px; 
	text-decoration: none;
}

.nav a:hover {
	display: block;
    color: #555;
    text-decoration: underline;
	background-color: #f0f0f0;
}


.rnav li {
	float: left;
	display: block;
	border-right: solid 1px #ccc;
}

.rnav a {
	display: block;
	color: #555;
	margin: 0; 
	padding: 3px 6px 4px 6px; 
	text-decoration: none;
}

.rnav a:hover {
	display: block;
    text-decoration: underline;
	background-color: #f0f0f0;
}




.snav {
	width: 135px;
	display: block;
	font-size: 14px;
    line-height: 1;
	padding: 0px 15px 0px 30px; 
	margin: 110px 0 0 0; 
	color: #555;
    overflow: hidden;
    letter-spacing: 0;
	font-weight: bold;
    list-style-position: inside;
	float: left;
}

.snav li {
	float: left;
	display: block;
	/* border-top: solid 1px #ddd; */
	margin-right: 4px;
	padding: 0 0 8px 16px;
	background: url(/lib/img/bullet_go.png) no-repeat 0 2px;
}

.snav a {
	display: block;
	color: #555;
	margin: 0; 
	padding: 3px 6px 4px 6px; 
	text-decoration: none;
}

.snav a:hover {
	display: block;
    color: #555;
    text-decoration: underline;
	background-color: #f0f0f0;
}



.current {
	color: #7e9fc0;
	text-decoration: none;
}

.current a {
	color: #7e9fc0;
	text-decoration: none;
}

.current a:hover {
	color: #7e9fc0;
    text-decoration: none;
    background-color: #fff;
}

#navfirst, #rnavfirst {
	border-left: solid 1px #ccc;
}

#rnavflag {
	margin: -3px 0 0 0;
	border-right: none;
}

#rnavflag a:hover {
	background-color: #fff;
}





/* ---------- Content ---------- */

.part {
	background: url('/lib/img/content_bg.png') bottom left repeat-x;
	width: 960px;
	padding: 0;
	margin: 0;
}

.content {
	padding: 34px 15px 34px 30px; 
	margin: 0; 
	float: left;
	display: block;
}

.column {
	padding: 34px 15px 34px 0; 
	margin: 0; 
	float: left;
	display: block;
}

.endcontent {
	padding: 0; 
	margin: 0;
	clear: both;
}

.line {
	background: url('/lib/img/line.png') bottom repeat-x;
	margin: 0;
	padding: 12px 0 0 0;
	width: 100%;
	height: 1px;
}

.space {
	background: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 10px;
}


/* ---------- Typography ---------- */

h1, h2, h5 {
	letter-spacing: -0.03em;
	line-height: 1.2;
}

h1 {
	font-family: RevolverFontLight, Arial, Verdana, sans-serif;
	font-weight: 200;
	margin: 0;
	color: #888;
	font-size: 22px;
}

h2 {
	font-weight: bold;
	margin: 0 0 20px 0;
	color: #000;
	font-size: 32px;
}

h3 {
	color: #000;
	font-size: 15px;
	line-height: 22px;
	padding-top: 12px;
	padding-bottom: 4px;
	font-weight: bold;
}

h4 {
	color: #888;
	font-size: 15px;
	line-height: 20px;
	padding-top: 8px;
	font-weight: bold;
}

h5 {
	font-weight: bold;
	margin: 0;
	padding: 0 0 20px 0;
	color: #000;
	font-size: 28px;
}

h6 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
}

.subh2 {
	font-family: RevolverFontLight, Arial, Verdana, sans-serif;
	color: #888;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: -0.03em;
}

strong {
	color: #000;
	font-weight: bold;
}

em {
	color: #000;
	font-weight: bold;
	font-style: normal;
}

cite {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	background-color: #dde8a2; /* #fef4cb; */
	display: inline;
}


.red {
	font-family: RevolverFontLight, Arial, Verdana, sans-serif;
	font-size: 24px;
	font-weight: 200;
	font-style: normal;
	line-height: 1.2;
	color: #bb3131;
	/* background-color: #dde8a2; */ /* #fef4cb; */
	display: inline;
}


.small {
	color: #888;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}


.grey {
	color: #888;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding-top: 4px;
	padding-bottom: 4px;
}


.greybold {
	color: #888;
	border-top: solid 1px #ccc;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}

.greysmall {
	font-size: 12px;
	line-height: 16px;
	color: #888;
	border-bottom: solid 1px #ccc;
	padding-top: 0;
	padding-bottom: 4px;
}


.centralhead {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 24px 0 0 0;
	color: #000;
	font-size: 48px;
	line-height: 1;
	letter-spacing: -0.03em;
	font-weight: bold;
}

.centralsubhead {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 8px 0 0 0;
	font-family: RevolverFontLight, Arial, Verdana, sans-serif;
	color: #666;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: -0em;
}

.features {
	/* list-style-image:url(/lib/img/bullet_go.png); */
	list-style-position: inside;
}

.features li {
	padding: 0 0 8px 22px;
	display: block;
	background: url(/lib/img/bullet_go.png) no-repeat 0 2px;
}

.benefits {
	/* list-style-image:url(/lib/img/bullet.png); */
	list-style-position: inside;
}

.benefits li {
	padding: 0 0 8px 22px;
	display: block;
	background: url(/lib/img/bullet.png) no-repeat 0 2px;
}

.panel1 {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 44px 0 0 90px;
	color: #000;
	font-size: 72px;
	line-height: 1;
	letter-spacing: -0.06em;
	font-weight: bold;
}

.panel2 {
	text-align: right;
	width: 300px;
	margin: 0;
	padding: 85px 0 0 20px;
	color: #000;
	font-size: 48px;
	line-height: 1;
	font-weight: bold;
}

.panel3 {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 60px 0 0 90px;
	color: #000;
	font-size: 56px;
	line-height: 1;
	letter-spacing: -0.04em;
}

.panelh2sub {
	text-align: right;
	width: 220px;
	margin: 0;
	padding: 10px 0 0 20px;
	color: #888;
	font-size: 40px;
	font-weight: 200;
	line-height: 0.9;
}


/* ---------- Store ---------- */

.storehead {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 28px;
	line-height: 1;
	letter-spacing: 0;
	font-weight: bold;
}

.storeprice {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: RevolverFontLight, Arial, Verdana, sans-serif;
	font-size: 40px;
	line-height: 1;
	letter-spacing: 0;
	font-weight: 200;
}

.storepricesmall {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
}

.storeuser {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #666;
	font-family: RevolverFontLight, Arial, Verdana, sans-serif;
	font-size: 40px;
	line-height: 1;
	letter-spacing: -0.06em;
	font-weight: 200;
}

.store {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}



/* SaFaRi 5.1 */

.button290p {
	display: block;
	color: #7e9fc0;
	margin: 0;
	padding: 6px 6px 6px 10px;
	text-decoration: none;
	font-weight: bold;
}

.button290p:hover {
	display: block;
    text-decoration: underline;
    color: #7e9fc0;
}

.button168p {
	display: block;
	color: #7e9fc0;
	margin: 0; 
	padding: 6px 6px 6px 10px;
	text-decoration: none;
	font-weight: bold;
}

.button168p:hover {
	display: block;
    text-decoration: underline;
    color: #7e9fc0;
}




/* ---------- Buttons ---------- */

.button290 {
	background: url('/lib/img/button_290.png') bottom left no-repeat;
	float: left;
	width: 290px;
	height: 34px;
	padding: 0;
	margin: 0 15px 0 0;
	display: block;
	text-align: left;
	font-family: RevolverFont, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

.button290 a {
	display: block;
	color: #7e9fc0;
	margin: 0; 
	padding: 6px 6px 6px 10px;
	text-decoration: none;
	font-weight: bold;
}

.button290 a:hover {
	display: block;
    text-decoration: underline;
    color: #7e9fc0;
}


.button168 {
	background: url('/lib/img/button_168.png') bottom left no-repeat;
	float: left;
	width: 168px;
	height: 34px;
	padding: 0;
	margin: 0 15px 0 0;
	display: block;
	text-align: left;
	font-family: RevolverFont, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

.button168 a {
	display: block;
	color: #7e9fc0;
	margin: 0; 
	padding: 6px 6px 6px 10px;
	text-decoration: none;
	font-weight: bold;
}

.button168 a:hover {
	display: block;
    text-decoration: underline;
    color: #7e9fc0;
}

.buttonimg {
	float: left;
	padding: 0 6px 0 3px;
	margin: 0;
}



/* SaFaRi 5.1  */
.buttonimgp {
	float: left;
	padding: 6px 6px 6px 10px;
	margin: 0;
}

.buttonimgpp {
	float: left;
	padding: 0 6px 0 3px; /* 6px 6px 6px 10px; */
	margin: 0;
}



/* ---------- Tables ---------- */

td.vtblfirst {
	padding: 0px 8px 4px 8px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	/* border-bottom: solid 1px #e4e4e4; */
	
	/* border-top: solid 1px #fff; */
	/* border-bottom: solid 1px #e6e6e6; */
	border-bottom: solid 1px #e4e4e4;
	
	background-color: #f7f7f7;
}

td.vtbl {
	padding: 0px 8px 4px 8px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	/* border-top: solid 1px #fff; */
	/*border-bottom: solid 1px #e8e8e8; */
	border-bottom: solid 1px #e8e8e8;
	
	/* background-color: #fff; */
}

td.vtblheadfirst {
	padding: 0px 8px 2px 8px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	background-color: #555;
	border-bottom: solid 2px #fff;
	/* background-color: #3e79dc; */
}

td.vtblhead {
	padding: 0px 8px 2px 8px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	border-left: solid 1px #fff;
	border-bottom: solid 2px #fff;
	background-color: #777;
}

td.vtblred {
	padding: 0px 8px 4px 8px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	border-bottom: solid 1px #e8e8e8;
	background-color: #f1e3e8;
}


.fatcell {
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px;
	color: #000;
	font-weight: bold;
}

.firstcolumn {
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px;
	color: #444;
	font-weight: normal;
}

.fatbody {
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px;
	color: #000;
	font-weight: bold;
}

.fatbodyright {
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px;
	color: #000;
	font-weight: bold;
	text-align:right;
}

.fatbodywhite {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	color: #fff;
	font-weight: bold;
}

.fatbodywhiteright {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	color: #fff;
	font-weight: bold;
	text-align:right;
}

.fatbodyred {
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px;
	/* color: #e40020; */
	color: #90000;
	font-weight: bold;
}

.fatbodyredright {
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px;
	color: #e40020;
	font-weight: bold;
	text-align:right;
}




/* ---------- Footer ---------- */

.footlink {
	display: block;
	color: #888;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding: 0 0 6px 16px;
}

.footlink a {
	color: #888;
}



/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */