@charset "UTF-8";
/* CSS Document */

/* Red Dolpin corporate red #C01624,corporate grey #707E85 ------ PocketNEM vibrant red #c11624 --#E9E8E8-v-pale-grey */

* {
	margin: 0;
	padding: 0;
}
/*

Sticky Footer concept by Ryan Fait
http://ryanfait.com/

*/

html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -14em; /* btm margin - negative value of footer height */
}
#footer, .makefooterspace {
	height: 14em; /* .makefootrspace must be the same height as .footer */
	clear: both;
}
/*  */

/*** Basic Layout ***/
body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background-color: #DEE1E3;
	color: #777;
}
#masthead {
	overflow: auto;
	height: 11.25em;
	border-bottom: #fff solid .25em;
	position: relative;
	background: #c11624 url(/images/masthead-bg-320px.jpg) no-repeat 0 0;
}
/* * * * * */
#logo {
	position: absolute;
	width: 80%;
	height: auto;
	left: 10%;
	top: 2em;
	vertical-align: super;
}
#logo p {
	margin: 0 0 .2em 0;
}
.pnem-wordmark {
	width: 80%;
}
.pnem-icon {
	width: 20%;
	float: left;
}
.red-d-sys-logo {
	width: 70%;
	float: left;
	padding: .1em 0 0 .2em;
	margin-left: .2em;
}
.position-statement {
	color: #000;
	font-size: .5em;
	position: absolute;
	width: 80%;
	left: -999px;
	top: 2.2em;
}
/* * * * * * * * */


#nav {
	margin: -.15em auto 0 auto;
	position: relative;
	width: 100%;
	overflow: auto;
}
#content-container {
	margin: 0 auto;
	width: 98%;
	position: relative;
	text-align: left;
	overflow: auto;
}
/* 

Right column
 
*/
#right-col {
	margin-top: .5em;
	width: auto;
	padding: 1%;
	overflow: auto;
}
#newsframe {
	border: 1px solid #fff;
	background: #E9E8E8;
	padding: .4em;
	text-align: left;
	margin: 0 0 0 0;
	overflow: auto;
}
#social-media-section {
	margin-top: 2em;
	text-align: left;
}
/* Main layout */
#content {
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: auto;
}
#footer {
	border-top: #C01624 solid 1em;
	border-bottom: #B2B9BD solid 1em;
	background: #B2B9BD;
}
/********************* Fundamental Content ****************************/
img, embed, object, video {
	max-width: 100%;
}
a {
	outline: 0;
}
a img {
	border: none;
}
/*** Typography ****/

h1 {
	font-size: 2.5em;
	line-height: 1;
	margin: .2em 0;
	color: #707E85;
}
h2 {
	font-size: 1.8em;
	line-height: 1;
	color: #000;
}
h3 {
	font-size: 1.6em;
	margin-bottom: 1em;
	line-height: 1;
	color: #C01624;
}
p, #content li {
	font-size: 1em;
	margin-bottom: 1em;
}
/*************/
.red-col-accent {
	color: #C01624;
}
.dk-grey-col-accent {
	color: #555;
	font-weight: bold;
}
.black-col-accent {
	color: #000;
	font-weight: bold;
}
/*************/
/*********************** Link Styles *************************/
a:link {
	color: #c11624;
	text-decoration: underline;
}
a:visited {
	color: #C01624;
}
a:hover, a:focus {
	color: #000;
}
a:active {
	color: #000;
	
}
/*
button link
*/

.button-link {
	font-size: .7em;
	padding: .2em .3em;
	background: #9AA3A8;
	color: #FFF !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #888;
	margin-left: .5em;
	white-space: nowrap;
	text-decoration: none !important;
}
.button-link:hover, .button-link:focus {
	background: #C01624;
	border: solid 1px #2A4E77;
	background: #C01624;
	border: solid 1px #2A4E77;
	text-decoration: none;
}
.button-link:active {
	background: #000;
	border: solid 1px #203E5F;
}
/****** Primary Nav *****/
#nav ul {
	margin: 0px;
	padding: 0px;
}
#nav ul li {
	background: #B2B9BD;
	float: left;
	list-style: none outside none;
	margin: .2em 1%;
	text-align: center;
	width: 98%;
}
#nav ul li.current, #nav ul li:hover, #nav ul li:focus {
	background: #f00;
}
#nav ul li a {
	color: #4D4D4D;
	display: block;
	font-size: 1em;
	height: 1.2em;
	padding: .5em 0 .6em 2.25em;
	text-align: left;
	text-decoration: none;
}
#nav ul li.current a, #nav ul li:hover a {
	color: #fff;
	overflow: visible;
}
/*BTN bg icons*/
#nav ul li a.btn-bg-home {
	background: url(/images/btn-icn-home.gif) no-repeat 0 0;
}
#nav ul li a.btn-bg-overview {
	background: url(/images/btn-icn-prod-overview.gif) no-repeat 0 0;
}
#nav ul li a.btn-bg-support {
	background: url(/images/btn-icn-support.gif) no-repeat 0 0;
}
#nav ul li a.btn-bg-red-d {
	background: url(/images/btn-icn-red-d.gif) no-repeat 0 0;
}
/****** Local Nav *********/

#local-nav-pointer {
	display:none;
}
#local-nav {
	/*border: 1px solid #707E85; */
	overflow: auto;
	padding: 1em .1em .3em .1em;
	text-align: left;
	margin: 0;
	/*background: #E9E8E8; */
}
#local-nav ul {
	margin: 0;
	padding: 0;
}
#local-nav ul li {
	list-style: none;
	float: left;
	outline: #fff solid 1px;
	margin: 0 .5em .5em 0;
	background: #E9E8E8 url(/images/icon-grey-arrow-9px.png) no-repeat .2em .5em;
}
#local-nav ul li:hover {
	background-color: #fff;
}
#local-nav ul li a {
	padding: .2em .5em .2em 1.2em;
	text-indent: 2em;
	text-decoration: none;
	font-size: .8em;
	color: #707E85;
}
#local-nav ul li:hover a {
	color: #000;
}
/********************************************************/
/*************** Section Specific Styles ****************/
/********************************************************/

/* Right column */
#right-col h2 {
	font-size: 2em;
	display: block;
	margin: 0;
	color: #FFF;
	background: none;
	height: auto;
	width: 4em;
}
#right-col h3 {
	color: #C01624;
	font-size: 1.5em;
}
#right-col h4 {
	color: #777;
	font-size: 1.5em;
}
#right-col p {
	color: #000;
	font-size: .9em;
	margin-bottom: 1em;
}
#right-col a:link {
	color: #777;
	font-size: 1em;
	font-weight: bold;
}
#right-col a:hover, #right-col a:focus {
	color: #C01624;
}
/*
News Section 
*/
#newsframe h3 {
	color: #C01624;
	font-size: 1.5em;
}
#newsframe p {
	color: #000;
	font-size: .9em;
	margin-bottom: 1em;
}
#newsframe .newstimestamp {
	color: #C01624;
	font-size: .7em;
}
#newsframe img {
	float: left;
	padding: 0 1em 1em 0;
}
#newsframe a {
	color: #000;
}
/*
Content Section 
*/
#content ul, #content ol {
	margin-left: 2em;
}
#content ul li {
	list-style: url(/images/list-icon-double.gif) none inside;
	margin-bottom: .5em;
}
#content a:link {
	color: #C01624;
	text-decoration: underline;
}
#content a:visited {
	color: #C01624;
}
#content a:hover, #content a:focus {
	color: #000;
}
#content a:active {
	color: #000;
}

/* Content call-out specific */

.info-block {
	float:left;
	width: 98%;
	margin: 0 1% 0!%
}
/*
*/
#content .color-scheme-info {
	background: url(/images/price-col-scheme.png) no-repeat 0 0;
	width: 16em;
	height: 16em;
}
#content .color-scheme-info p {
	color: #000;
	font-size: .8em;
	margin: 0 0 .4em 4em;
	padding: 0 0 0 1em;
}
#content .color-scheme-info:first-of-type {
	padding: 3.5em 0 0 1em;
}

.color-scheme-info .col-price-exhigh { background:url(/images/col-price-exhigh.jpg) no-repeat 0 .2em}
.color-scheme-info .col-price-vhigh { background:url(/images/col-price-vhigh.jpg) no-repeat 0 .2em}
.color-scheme-info .col-price-high { background:url(/images/col-price-high.jpg) no-repeat 0 .2em}
.color-scheme-info .col-price-normal { background:url(/images/col-price-normal.jpg) no-repeat 0 .2em}
.color-scheme-info .col-price-low { background:url(/images/col-price-low.jpg) no-repeat 0 .2em}
.color-scheme-info .col-price-exlow { background:url(/images/col-price-exlow.jpg) no-repeat 0 .2em}
/*
*/
.call-2-try {
border-top: 1px solid #fff;
padding: 1em 0 0 0;
}
.call-2-try p {
	font-weight:bolder;
	text-align:center;
	font-size: 1.2em;
	
}

.question {
	clear: left;
	color: #f00;
	display: block;
	width:auto;
	font-size: 3em;
	float:left;
	margin-right: .5em;
}
.answer {
	clear: both;
	color: #777;
	display: block;
	width:auto;
	font-size: 3em;
	float:left;
	margin-right: .5em;
}
.baseline-shift span:after {
	content: <br/>;	
}

/*footer specific */
#footer p {
	color: #666666;
	float: left;
	font-size: 0.8em;
	margin: 0 0 .5em .5em;
}
#footer a.contactinfo {
	color: #666;
	background: url(/images/icon-red-email.png) no-repeat 0 0;
	padding-left: 2em;
}
#footer p.phone-info {
	color: #666;
	background: url(/images/icon-red-phone.png) no-repeat 0 0;
	padding-left: 2em;
}
/* */
#footer-menu {
	margin: .5em 0;
	float: left;
	border-right: none;
	border-bottom: #9AA3A8 solid 1px;
	width: 100%;
}
#footer-menu li {
	float: left;
	list-style: none outside none;
	margin: .5em 1% 0 0;
	text-align: left;
	width: 30%;
}
#footer-menu li a {
	display: block;
	color: #666;
	margin-left: 2em;
	font-size: .7em;
	text-decoration: none;
}
#footer-menu li ul li {
	display: block;
	width: 100%;
}
#footer-menu li ul li a {
	display: block;
	margin: 0.1em 0.1em 0.1em 1em;
}
#footer-menu li:hover a, #footer-menu li:focus a {
	color: #000;
}
/* */
#footer-product-links {
	margin: .2em 0 .3em 0;
	float: left;
	width: 96%;
	margin-left: 1%;
}
#footer-product-links li {
	float: left;
	list-style: none outside none;
	text-align: left;
	width: 30%;
	color: #666;
	font-size: .9em;
}
#footer-product-links li a {
	display: block;
	margin: .1em;
	margin-left: 4.5em;
	padding: .3em 0 .5em;
	color: #666;
	font-size: .9em;
	text-decoration: none;
	color: #f00;
}
/* Icons / bullets */
.info-grey {background: url(/images/icon-grey-info.png) no-repeat 0 0;}
.home-grey {background: url(/images/icon-grey-home.png) no-repeat 0 0;}
.focus-grey {background: url(/images/icon-grey-focus.png) no-repeat 0 0;}
.data-grey {background: url(/images/icon-grey-data.png) no-repeat 0 0;}
.pnem-grey {background: url(/images/icon-grey-pnem.png) no-repeat 0 0;}
.red-dolphin-grey {background: url(/images/icon-grey-dolphin.png) no-repeat 0 0;}
.twitter-grey {background: url(/images/icon-grey-twitter.png) no-repeat 0 0;}
.work-grey {background: url(/images/icon-grey-working.png) no-repeat 0 0;}
.help-grey {background: url(/images/icon-grey-help.png) no-repeat 0 0;}
.email-grey {background: url(/images/icon-grey-email.png) no-repeat 0 0;}

.info-red {background: url(/images/icon-red-info.png) no-repeat 0 0;}
.home-red {background: url(/images/icon-red-home.png) no-repeat 0 0;}
.focus-red {background: url(/images/icon-red-focus.png) no-repeat 0 0;}
.data-red {background: url(/images/icon-red-data.png) no-repeat 0 0;}
.pnem-red {background: url(/images/icon-red-pnem.png) no-repeat 0 0;}
.red-dolphin-red {background: url(/images/icon-red-dolphin.png) no-repeat 0 0;}
.twitter-red {background: url(/images/icon-red-twitter.png) no-repeat 0 0;}
.work-red {background: url(/images/icon-red-working.png) no-repeat 0 0;}
.help-red {background: url(/images/icon-red-help.png) no-repeat 0 0;}
.email-red {background: url(/images/icon-red-email.png) no-repeat 0 0;}

/*** Generic ***/
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
.app-logo {
	float: none;
	margin: 1.5em;
	text-align: center;
}
.twitter {
	background: url(/images/icon-red-twitter.png) no-repeat 0 0;
	display: block;
	text-decoration: none;
	padding-left: 1.5em;
	text-decoration: none;
}
.divider {
	border-top: #fff .5em solid;
	clear: both;
}
.divider a {
	font-size: .7em;
	color: #c11624;
	font-weight: bold;
	text-decoration: none;
	padding-top: .5em;
}
.screengrab, .screengrab-wide  {
	margin: 0;
	width: 100%;
	text-align:center;
}

.baseline-shift {
	vertical-align: middle;	
}
.fuel-types span {
	padding: 1em 0 0 0;
}
.fuel-types span {
	display:block;
	float: left;
	width: 4em;
	margin: 0 1em .5em 0;
}
.widow-control {
	white-space:nowrap;
}

/* slightly enhanced, universal clearfix hack By Jeff Starr */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}



/* close commented backslash hack */


/* --------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- media queries ----------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */


/* --30em - 480px-- Mobile wide */
@media screen and (min-width: 30em) {
#masthead {
	background: #c11624 url(/images/masthead-bg-600px.jpg) no-repeat 0 0;
}
#wrapper {
	margin: 0 auto -12em; /* btm margin - negative value of footer height */
}
#footer, .makefooterspace {
	height: 12em; /* .makefootrspace must be the same height as .footer */
}
#logo {
	width: 60%;
	left: 35%;
	top: 2em;
}
.pnem-wordmark {
	width: 50%;
}
.position-statement {
	font-size: 1.4em;
	width: 90%;
	left: 10%;
	top: 74%;
	font-weight: bold;
}
.screengrab, .screengrab-wide  {
	margin: 1em 1% 1em 0;
	text-align:center;
}
.screengrab {
	width: 80%;
}
.screengrab-wide {
	width: 100%;
}

}



	
/* --37.5em - 600px-- Generic Tablet */	
@media screen and (min-width: 37.5em) {
#wrapper {
	margin: 0 auto -9em; /* btm margin - negative value of footer height */
}
#footer, .makefooterspace {
	height: 9em; /* .makefootrspace must be the same height as .footer */
}
#logo {
	width: 55%;
	left: 28%;
	top: 1.5em;
}
.position-statement {
	width: 70%;
	left: 28%;
	top: 74%;
}
.screengrab {
	width: 60%;
}
.screengrab-wide {
	width: 85%;
}
}
/* --42.5em - 680px-- iPad */	
@media screen and (min-width: 42.5em) {
#masthead {
	background: #c11624 url(/images/masthead-bg-1024px.jpg) no-repeat 0 0;
}
#logo {
	width: 45%;
	left: 42%;
	top: 1.4em;
}
#nav {
	width: 94%;
}
#content-container {
	width: 92%;
}
.position-statement {
	font-size: 1.6em;
	width: 66%;
	left: 34%;
	top: 74%;
	font-weight: bold;
}

#nav ul li {
	width: 48%;
}
#content h1 {
	font-size: 3.5em;
}
#content h2 {
	font-size: 2em;
}
#content h3 {
	font-size: 1.2em;
}
#content p, #content li {
	font-size: 1em;
}
#newsframe {
	border: 1px solid #fff;
	background: #E9E8E8;
	padding: .4em;
	text-align: left;
	margin: 0 0 0 3em;
	overflow: auto;
}
#right-col h2 {
	font-size: .1em;
	float: left;
	display: block;
	margin: 0;
	color: #FFF;
	background: #fff url(/images/news-side-header.gif) no-repeat 0 3em;
	height: 15em;
	width: 4em;
}
.screengrab {
	width: 45%;
}
.screengrab-wide {
	width: 55%;
}
}
	
/* --52.5em - 840px-- Tablet wide*/	
@media screen and (min-width: 52.5em) {
#logo {
	width: 38%;
	left: 34%;
	top: 1.4em;
}
.position-statement {
	font-size: 1.6em;
	width: 66%;
	left: 34%;
	top: 75%;
	font-weight: bold;
}
.screengrab {
	width: 40%;
}
.screengrab-wide {
	width: 50%;
}
}


/* --64em - 1024x-- Average monitor */	
@media screen and (min-width: 64em) {
#masthead {
	background: #c11624 url(/images/masthead-bg-1900px.jpg) no-repeat 0 0;
}
#nav, #content-container {
	width: 70%;
}
#nav {
	overflow: auto;
	margin-top: -1.5em;
}

#logo {
	width: 30%;
	left: 28%;
	top: 1.2em;
}
.position-statement {
	font-size: 1.8em;
	width: 70%;
	left: 28%;
	top: 68%;
	font-weight: bold;
}

#nav ul li {
	background: url(/images/btn-switch-default.gif)repeat-x scroll center 1px transparent;
	float: left;
	list-style: none outside none;
	margin: 0 1%;
	text-align: center;
	width: 23%;
}
#nav ul li.main-nav-first {
	margin: 0 1% 0 0;
	width: 24%;
}
#nav ul li.main-nav-last {
	margin: 0 0 0 1%;
	text-align: center;
	width: 24%;
}
#nav ul li.current, #nav ul li:hover, #nav ul li:focus {
	background: url(/images/btn-switch-on.png) no-repeat scroll center 1px transparent;
}
#nav ul li a {
	margin-bottom: 0.3em;
	margin-top: 0.7em;
	height: 1.8em;
	padding: 1.2em 0 0 2.25em;
}
/*BTN bg icons*/
#nav ul li a.btn-bg-home {
	background: url(/images/btn-icn-home.gif) no-repeat 0 13px;
}
#nav ul li a.btn-bg-overview {
	background: url(/images/btn-icn-prod-overview.gif) no-repeat 0 13px;
}
#nav ul li a.btn-bg-support {
	background: url(/images/btn-icn-support.gif) no-repeat 0 13px;
}
#nav ul li a.btn-bg-red-d {
	background: url(/images/btn-icn-red-d.gif) no-repeat 0 13px;
}
#local-nav-pointer {
	clear: both;
	height: .5em;
	background: url(/images/local-nav-pointer-grey.png) no-repeat 30% 0;
}
#content {
	padding: 0.4em 0 0 0;
	position: relative;
	margin: 0;
}
#content h1 {
	font-size: 4em;
}
#content h2 {
	font-size: 2.5em;
}
#content h3 {
	font-size: 1em;
}
#content p, #content li {
	font-size: .9em;
}
/****/
#right-col {
	margin-top: 1em;
	min-height: 14em;
	float: right;
	width: 24%;
	padding: 1%;
	text-align: center;
	overflow: hidden;
}
#newsframe {
	border: 1px solid #fff;
	background: #E9E8E8;
	padding: .4em;
	text-align: left;
	width: 85%;
	margin: 0 auto;
}
/*
News Section typography
*/
#newsframe h3 {
	color: #C01624;
	font-size: 1.5em;
}
#newsframe p {
	color: #000;
	font-size: .9em;
	margin-bottom: 1em;
}
#newsframe .newstimestamp {
	color: #C01624;
	font-size: .7em;
}
#newsframe img {
	float: none;
	padding: 0 0 0 0;
}
#right-col h2 {
	font-size: 3.5em;
	float: none;
	margin: .05em 0;
	background: none;
	height: auto;
	width: auto;
}
.screengrab {
	width: 44%;
}
.screengrab-wide {
	width: 90%;
}
}
/* --75em - 1200px-- Large monitor */	
@media screen and (min-width: 75em) {
#wrapper {
	margin: 0 auto -6em; /* btm margin - negative value of footer height */
}
#footer, .makefooterspace {
	height: 6em; /* .makefootrspace must be the same height as .footer */
}
#nav, #content-container {
	width: 65%;
}
#logo {
	width: 22%;
	left: 24%;
	top: 1em;
}
.pnem-wordmark {
	width: 70%;
}
.position-statement {
	font-size: 1.4em;
	width: 70%;
	left: 24%;
	top: 74%;
}
.screengrab {
	width: 40%;
}
.screengrab-wide {
	width: 80%;
}

#footer-menu {
	margin-top: 1em;
	border-right: #9AA3A8 solid 1px;
	border-bottom: none;
	width: 45%;
}
#footer-product-links {
	margin-top: 1em;
	width: 50%;
	margin-left: 1em;
}
#footer p {
	margin: .3em 0 0 3em;
}
#footer-menu li a {
	margin-left: 3em;
}
#footer-menu li ul li a {
	margin: 0.1em 0.1em 0.1em 3.5em;
}
}
/* --100em - 1600px-- Large monitor */	
@media screen and (min-width: 100em) {
#logo {
	left: 18%;
	top: 1.2em;
	width: 16%;
}
.position-statement {
	font-size: 1.8em;
	width: 70%;
	left: 18%;
	top: 70%;
}
#nav, #content-container {
	width: 60%;
}
#local-nav {
	padding: 1em.4em .3em 1.5em;
}
.screengrab {
	width: 35%;
}
.screengrab-wide {
	width: 60%;
}


#local-nav ul li {
	margin: 0 2em .5em 0;
}
#local-nav ul li a {
	white-space: nowrap;
}


}