html, body {
    background-color: #CCFF66;
}
#container {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	background-color: #D7FFAF;
	position: relative;
    transition: 0.5s;
}
#processPayPal {
	width: 100%;
	background-color: #D73FAF;
	display: flex;
	height: 100vh;
}
#processInProgress {
	width: 70%;
	margin: auto;
	background: #66FFFF;
	text-align: center;
}
#header {
	width:100%;
	background-color:#FFF;
}
.cartBar {
	width: 100%;
	background-color: #00FF99;
    min-height: 3vh;
/*	margin-bottom: 10px;*/
}
.salesBar {
    clear: right;
	width: 100%;
	background-color: #99FF66;
	min-height: 3vh;
}
.paypalCart {
	
	border: outset;
	border-color: chartreuse;
	background-color: #FFF;
	min-height: 45px;
}
.salesItem {
	position: absolute;
	margin-right: 0px;
	margin-top: 1px;
}
.salesPrice { /*to be removed */
	position: absolute;
	margin-right: 0px;
	margin-top: 2px;
}
.salesColumn {
	float: left;
	padding: 0 0 0 10px;
}
#main {
	margin-left: 180px;
	margin-right: 180px;
	background:#D7FFAF;
    position: relative;
    min-height: 100vh;
/*	margin-bottom: 10px;
	z-index: 2;*/
}
.mainIndex {
	background:#D7FFAF;
	position: relative;
    padding: 0 10px 0 10px;
}
.mainContent {
	background:#D7FFAF;
	position: relative;
	padding: 0px 10px 0px 10px;
 /*
	margin-top: 100px;
	bottom: 80px;
*/
}
.mainContent h2 {
	font: Verdana;
}
.indexBox {
	width: 50%;
	float: right;
	box-sizing: border-box;
}
.indexBox img {
	width: 100%;
}
.indexColumn {
	float: right;
 	width: 50%;
	padding-bottom: 10px;
/*	padding-left: 10px; */
}
/* Clearfix (clear floats) */
.indexRow::after {
	content: "";
	float: left;
	clear: both;
	display: table;
}
.indexRowR {
	float: right;
	padding-bottom: 10px;
}
.indexRowL {
	float: left;
	padding-bottom: 10px;
}
.textBox {
	width: 45%;
	border: solid;
	float: right;
    clear: left;
    padding: 0 10px 0 10px;
    margin: 20px 10px 30px 10px;
    }
.textBox p a {
    text-decoration: underline;
}
.textBox h2 {
    color: #201515;
	font: Verdana;
}
.textBox h3 {
    color: #201515;
    font: Verdana;
}
#notebookCore {
	overflow: hidden;	/* make room for the footer */
}
#phoneCore {
    display: block;
}
#main-phone {
	width:100vw;
	min-height: 100vh;
	background:#D7FFAF;
    overflow: hidden;
}
.phoneMain {
	width:100%;
	min-height: 100vh;
	background:#D7FFAF;
}
.pilotMessage {
	width: 100%;
	padding: 0 10px 0 10px;
}
.phoneNav {
	width: 100%;
	padding: 10px 0 10px 0;
	font: Verdana;
	font-size: 16px;
}
.phoneNav h2 {
	color:#2C2491;
	padding: 0 10px 0 10px;
}
.phoneNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #D9D9D9;
}
.phoneNav li a {
    display: block;
	color: #000;
	padding: 8px 16px;
	text-decoration: none;
}
/* Change the link color on hover */
.phoneNav li a:hover {
	background-color: #D73FAF;
	color: white;
}
.phoneTopLeft {
	position: absolute;
	font-size: 38px;
	top: 5px;
	left: 10px; 
}
.phoneBar {
	width: 100%;
	background-color: #99FF66;
    min-height: 6vh;
}
.phoneCoupon {
    width: 23%; float:left; padding:5px 0 0 12px;
}
.phoneTextBox {
    width: 33%; float:left; padding:8px 0 0 10px;
}
.phoneInsurance {
    width: 34%; float:left; padding:8px 0 0 5px;
}
.phoneCheckBox {
    width: 10%; float:left; padding:4px 0 0 10px;
}
.phoneShipping {
    width: 23%; float:left; padding:3px 0 0 12px;
}
.phoneShipChoice {
    width: 77%; float:left; padding:8px 0 0 10px;
}
.phoneAdd {
	width: 100%;
	border: outset;
	border-color: chartreuse;
	background-color: #FFF;
	min-height: 8vh;
/*	padding: 0 0 0 0px;	*/
}
.phoneItem {
    width: 62%; float:left; padding:15px 0 0 10px;
}
.phonePrice {
    width: 21%; float:left; padding:15px 0 0 10px;
}
.phoneCart {
    width: 17%; float:left; padding:5px 0 0 10px;
}
#footer {
	clear: both;
	width:100%;
	background-color: #66ff66;
	bottom: 0;
	padding: 8px 0 8px 0;
}
#footerPhone {
	width:100vw;
	background-color: #66ff66;
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
}
#netvigation {
	position:absolute;
	background-color:#FFF;
	width:100%;
	top:90px;
	height:60px;
	left:0px;
}
.danetsLogo {
	text-transform: none;
	color: #F00;
	font: oblique bolder normal 16px/normal Verdana, Geneva, sans-serif;
}
.danetsLogoPhone {
	text-transform: none;
	color: #F00;
	font: oblique bolder normal 26px/normal Verdana, Geneva, sans-serif;
}
.Colon {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #F00;
}
.NormalText {
	text-transform: none;
	line-height: normal;
	font-size: 1em;
	font-family: Verdana;
	text-align: left;
}
.SubMenuText {
	text-transform: none;
	height: auto;
	width: auto;
	font: normal 14px/normal Verdana;
	font-family: Verdana;
	text-align: left;
}
.TableText {
	font: normal 12px/normal "OCR A Std";
	text-transform: none;
	color: #666;
}
.TableTitle {
	font: bolder normal 12px/normal "OCR A Std";
	text-transform: none;
	color: #000;
	font-weight: normal;
	/* [disabled]text-align: center; */
}
.PageHeading {
	text-transform: none;
    color: #996666;
	font-family: Verdana;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.TextHeading {
	text-decoration: underline;
	color: #433131;
	font-family: Verdana;
	font-size: 1.3em;
	margin-bottom: 5px;
}
.FirstLetter {
	font: normal 36px/normal Verdana, Geneva, sans-serif;
	text-transform: none;
	color: #F00;
}
.UnitPrice {
	text-transform: none;
	color: #996600;
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.HighlightText {
	text-transform: none;
	color: #036;
	text-align: left;
	font-family: Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
}
.StoryHighlight {
	text-transform: none;
	color: #993366;
	text-decoration: underline;
	font-family: Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
}
.StoryLink {
	text-transform: none;
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
}
.StoryTitle {
	font: bolder normal 14px/normal Verdana, Geneva, sans-serif;
	text-transform: none;
	color: #996666;
	line-height: normal;
}
.Mission {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height: normal;
	color: #333;
}
.Statement {
	text-transform: none;
	color: #363d7c;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
}
.LeftPadding {
	padding: 0px 8px;
}
.phone-img {
	width:100%;
}
.nav-article {
    margin-top: 5px;
}
.nav-article h2 {
	color: #433131; 
	font-size: 2em;
}
.nav-article h2 a {
    text-decoration: underline;
}
.nav-article p {
	color: #494848;
	font-size: 1em;
}
.nav-article p a {
    text-decoration: underline;
}

.nav-article img {
	margin-top: 5px;
	margin-bottom: 20px;
}

.nav-article li {
	color:#656464;
}