@import 'style.css';
body {
	 margin: 0px;
   background: #2f9700;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
   color: #291a17;
}
body#miniframe {
	 background: white;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
}
#LayoutContainer {
	 width: 940px;
   margin: 0px auto;
}
#HeaderBgTop {
	background: url('../HeaderBg.png') no-repeat;
	 width: 960px;
  height: 230px;
  margin: 0px auto;
}
#LayoutContentContainer {
	position: relative;
  width: 946px;
	clear: both;
	background: #fff url('../images/LayoutContentContainerBg.png') repeat-y;
}
#LayoutContentContainerLogin {
	position: relative;
  width: 946px;
	clear: both;
	background: url('../images/LayoutContentContainerBg.gif') repeat-y;
	margin-top: 48px;
}


#HeaderLogo {
	margin-left: 23px;
	height: 152px;
}

#LayoutTopLeft {
	position: absolute;
  left: 0px;

}
#LayoutTopLeftLogin {

	position: absolute;
	
  left: 0px;
}
#LayoutTopRightLogin {
	position: absolute;
  right: 0px;
}
#LayoutTopRight {
	position: absolute;
  right: 0px;
}
#LayoutBottomLeft {
	margin-top: -283px;
	position: absolute;
  left: 0px;
}
#LayoutBottomRight {
	margin-top: -283px;
	position: absolute;
  right: 0px;
}

#LayoutNavGradient {
	position: absolute;
  top: 0px;
	left: 19px;
	width: 909px;
  z-index: 1;
}
#Content {
	position: relative;
	margin-left: 30px;
	clear: both;
  z-index: 2;
  min-height:550px;
  height:auto !important;
  height:550px;
}
#ContentLogin {
	padding-top: 110px;
}
#Footer {
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding-bottom: 10px;
}
#Footer a {
	color: #fff;
  text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}


#DefaultSplash {
	width: 654px;
	float: left;
}
#DefaultSplashRight {
	float: left;
	width: 225px;
}
#DefaultSolutions {
	background: url('../images/DefaultSolutionsRight.gif');
  width: 225px;
  height: 91px;
}
#DefaultOperations {
	background: url('../images/DefaultOperationsRight.gif');
  width: 225px;
  height: 93px;
}
#DefaultSupport {
	background: url('../images/DefaultSupportRight.gif');
  width: 225px;
  height: 102px;
}
img {
	border: 0px;
}
#DefaultWelcome {
	height: 54px;
  width: 879px;
	background: url('../images/DefaultWelcome.gif') no-repeat;
}
#DefaultSubheadingRight {
	width: 209px;
  height: 32px;
	background: url('../images/DefaultSubheadingRight.gif') no-repeat;
}
#DefaultSubheadingLeft {
	width: 431px;
  height: 32px;
	background: url('../images/DefaultSubheadingLeft.gif') no-repeat;
}
#LoginSubheadingRight {
	width: 431px;
  height: 32px;
	background: url('../images/LoginSubheadingRight.gif') no-repeat;
}
#DefaultWelcomeLeft {
  float: left;
  width: 431px;
}
#DefaultWelcomeRight {
	margin-left: 15px;
	float: left;
  width: 209px;
}
#DefaultContentLeft, #DefaultContentRight {
	padding: 25px;
  padding-right: 15px;
	padding-top: 10px;
  padding-bottom: 10px;
}

.bullet {
	padding-right: 10px;
	margin: 0px;
  float: left;
  width: 4px;
}
.point {
	float: left;
  width: 160px;
}
.align {
		vertical-align: middle;
}
#DefaultContentLeft {
	background: #f8f8f9 url('../images/DefaultContentLeftBg.gif') no-repeat;
  border-left: solid #e3e4e4 1px;
  border-right:  solid #e3e4e4 1px;
  padding: 15px;
}
#DefaultContentRight {
	background: #f8f8f9 url('../images/DefaultContentRightBg.gif') no-repeat;
  border-left: solid #e3e4e4 1px;
  border-right:  solid #e3e4e4 1px;
  border-bottom: solid #e3e4e4 1px;
}
#OurCustomers, #WhatIsManagedAccess {
	margin-left: 3px;
}
#DefaultContentLeftBottom {
	background: url('../images/DefaultContentLeftBottom.gif') no-repeat;
  height: 7px;
  width: 431px;
}
#DefaultContentRightBottom {
	background: url('../images/DefaultContentRightBottom.gif') no-repeat;
  height: 5px;
  width: 209px;
}
#DefaultContentRight li {
  padding: 0px;
	margin: 0px;
}
#DefaultContentRight ul {
	padding: 0px;
  margin: 0px;
}
#DefaultWelcomeFreeQuote {
	margin-top: 11px;
  margin-left: 3px;
}
#TemplateTop {
	margin-left: 5px;
	background: url('../images/TemplateTop.png') no-repeat;
  height: 114px;
  width: 876px;
}
.Header {
	margin-top: 16px;
}
#SubNav {
	margin-top: 20px;
	width: 182px;
  float: left;
}
#SubNav p {
	padding-top: 0px;
  margin: 5px;
}
#ContentMain {
	float: left;
	padding: 30px;
  width: 410px;
}
#ContentRight {
	float: left;
  width: 219px;
}
#ContentWide {
	float: left;
	padding: 10px;
	width: 880px;
}
#SubNavHeader {
	margin-left: 5px;
  padding-left: 5px;
	background: url('../images/SubNavHeader.gif') no-repeat;
  height: 32px;
  width: 149px;
}
#SubNavContentBg {
	background: url('../images/SubNavContentBg.gif');
  width: 129px;
  padding: 10px;
  margin-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#SubNavContentBg a {
	color: #000;
  text-decoration: none;
}
#SubNavContentBg a:hover {
	color: #85251a;
}
#SubNavContentBg .SubNavContentLinkOn{
	color: #85251a;
}
#SubNavFooter {
	background: url('../images/SubNavFooter.gif') no-repeat;
  width: 149px;
  height: 8px;
  margin-left: 5px;
}
#SubNavContentBg p {
	background: url('../images/SubNavLine.png') no-repeat;
  width: 118px;
  height: 20px;
  margin-left: 5px;
}
#SubNavContentBg p.noline {
	background: url('../images/SubNavNoLine.png') no-repeat;
  width: 118px;
  height: 13px;
  margin-left: 5px;
}




.bigTextBold {
        font-size: 18px;
	font-weight: bold;
        color: #0071bc;
}
.faq {
	color: #827916;
  font-size: 11px;
  font-weight: bold;
}
.response {
	color: #827916;
  font-size: 11px;
 	font-style: italic;
}
#list {
	line-height: 20px;
}
.ContactUsButton {
	margin-top: 30px;
  margin-left: 20px;
}
#ContentMain ul {

}
#ContentMain a, #DefaultContentLeft a, #Terms a, #LoginContentRightBg a {
	text-decoration: none;
  color: #827916;
}
#ContentMain a:hover, #DefaultContentLeft a:hover, #Terms a:hover, #LoginContentRightBg a:hover {
	text-decoration: underline;
  color: #827916;
}
form {
	margin: 0px;
	
}
#LoginForm {
	margin: 0px;
	width: 350px;
}
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 125px;
  text-align: left;
  font-weight: bold;
  }

div.row span.formw {
  float: right;
  width: 255px;
  text-align: left;
} 

div.row span.contactw {
  float: right;
  width: 280px;
  text-align: left;
} 
div.row input {
	font-family: arial;
  font-size: 12px;
  width: 220px;
}
div.row select {
	font-family: arial;
  font-size: 12px;
  width: 223px;
}
#ButtonRegisterDetails {
	margin-top: 30px;
	margin-left: 210px;
}
#OfficeDetails {
	margin-top: 30px;
}

#LoginTop {
	margin-top: -2px;
	position: absolute;
	z-index: 1;
	margin-left: 3px;
  width: 941px;
}
.testimonial {
   margin-bottom:20px;
}
.testimonial span {   
	color: #827916;
  font-size: 12px;
  text-transform: uppercase;
  font-weight:bold;
  margin-top:8px;
  display:block;
}
#LoginHeader {
	margin-bottom: 20px;
}
#LoginLeft {
	width: 431px;
  float: left;
  margin-right: 15px;
}
#LoginRight {
	width: 431px;
  float: left;
}
#LoginContentBg {
	background: #f7f7f9 url('../images/LoginContentBg.gif') repeat-x;
  border-left: solid #e3e4e4 1px;
  border-right:  solid #e3e4e4 1px;
  padding: 10px;
  padding-left: 20px;
  width: 399px;
}
#LoginContentRightBg {
	background: #f8f8f9 url('../images/LoginContentRightBg.gif') repeat-x;
  border-left: solid #e3e4e4 1px;
  border-right:  solid #e3e4e4 1px;
  padding: 10px;
  padding-left: 20px;
}
#LoginContentBg .input, #LoginContentRightBg .input{
	width: 170px;
	border: #bdbdbd solid 1px;
}
#agreement {
	border: #bdbdbd solid 1px;
}
#ButtonLoginJoin {
	margin-top: 10px;
}
p.support {
	color: #999999;
  font-size: 9px;
}
#ButtonLogin {
	margin-top: 25px;
  border: 0px;
}
#NoticeAlertSubHeading {
	margin-top: 15px;
	width: 431px;
  height: 32px;
	background: url('../images/NoticeAlertSubHeading.gif') no-repeat;
}
#NoticeInformationSubHeading {
	margin-top: 15px;
	width: 431px;
  height: 32px;
	background: url('../images/NoticeInformationSubHeading.gif') no-repeat;
}

#Notice {
	margin-left: 2px;

}
#NoticesBg {
	width: 428px;
		background: #fff url('../images/NoticesBg.gif') repeat-x;
 		height: 1%;
    border-left: #e3e4e4 solid 1px;
    border-right: #e3e4e4 solid 1px;
}

#NoticeIcon {
	margin-left: 3px;
	width: 95px;
  float: left;
	
}
#NoticeText {
	margin-top: 15px;
	float: left;
	width: 250px;

}
.NoticeInformationTextUpdate {
	color: #144984;
  font-weight: bold;
}
.NoticeAlertTextUpdate {
	color: #d29618;
  font-weight: bold;
}
.NoticesFooter{
	padding-left: 2px;
}
.btable{
}
.table_cell {
        background-color: #fff;
        color: #006;
        font-size: smaller;
}
.table_over {
        background-color: #ddd;
        color: #006;
        font-size: smaller;
}


.bggreen        { background-color: #11cd11 ; text-align: center ; color:white }
.bgred          { background-color: red ; text-align: center ; color:white }

TR#Heading {
        page-break-before: always;
}
h2#SiteName {
        position: absolute;
        color:white;
        z-index:200;
        left:350px;
        top:10px;
        font-size:36px;
}

@media print {
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
  #Navigation { display : none; }
  #LayoutTopLeft { display : none; }
  #LayoutNavGradient { display : none; }
  #LayoutTopRight { display : none; }
  #LayoutBottomLeft { display : none; }
  #LayoutBottomRight { display : none; }
  #LayoutFooter { display : none; }
  
}

/* datTable for styling only */
table.dataTable {
    margin: 0;
    padding: 0;
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
}

table.dataTable th {
    margin: 0;
        border-right: 1px solid #999;
        border-top: 0px solid #999;
        font-weight: normal;
        padding: 0px 0px 0px 0px;
        background: #ccc;
        font-weight: bold;
}

table.dataTable thead {
	background: #ccc;
}

table.dataTable td {
    margin: 0;
        border-right: 1px solid #999;
        border-top: 1px solid #999;
    padding: 0px 0px 0px 0px
}

table.dataTable tr {
	height: 10px;
}

/* This makes the scrolling table work */

div.scrollTableContainer {
        height: 685px;
	overflow: auto;
        width: 870px;
        margin: 0px 0 0 0;
        position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer table {
        width: 870px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
	width: 870px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody      {
    overflow: auto;
    height: 600px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr       {
        position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}


#editarea {
	height: 400px;
	overflow: auto;
}

.ipe {
	border: none;
	border: 0px;
}
.ipeh {
	display: none;
}
.ipeb {
	display: inline;
}
a#close {
        position: absolute;
        top: 0px;
        right: 4px;
}
div#popup {
        float: left;
        display: none;
        position:absolute;
        background: url('/images/popup.gif') repeat;
        height: auto;
        z-index: 10;
        border: 1px solid;
        margin: 1px;
	padding: 5px;
}
div#popup ul {
        padding: 2px 20px 2px 10px;
        margin: 0px;
}
div#popup ul li {
        z-index: 12;
        padding: 1px;
        list-style-type: none;
}
div#popup ul li:hover {
        background: #FFFFFF;
}

table.btable tr td input {

}
div#Cart {
	width: 560px;
	float: right;
	margin-right: 30px;
	margin-top: 20px;
	padding: 1px;
}
div#DeliveryDiv {
	display: none;
}
iframe#DeliveryFrame {
	background: white;
	width: 310px;
	height: 240px;
	overflow: auto;
        float: left;
        margin-left: 0px;
        margin-top: 20px;
        padding: 1px;
	border: none;
	font-size: smaller;
}
div#Delivery {
	height: 100%;
	width: 100%;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}
div#Delivery td {
	font-size: 11px;
}
select,
input {
	border: none;
	background: #ddffdd;
	font-size: 11px;
}
input#PayPal {
	background: white;
}

td.login {
	font-weight: bold;
	color: yellow;
}
p.error {
	font-weight: bold;
	font-size: larger;
        color: red;
}

#SubNavHeader h3 {
                padding:10px;
                color:#fff;
                font-size: 13px;
                text-transform:uppercase;
}

#NavHome {
        width: 30px;
        height: 48px;
        background: url('/images/HomeButton.png') top left no-repeat;
        overflow: hidden;
        text-indent: 30px;
        line-height: 48px;
        font-size: 13px;
}
#NavHome:hover{
        background-position: bottom left;
}
a.menu {
        height: 48px;
        background: url('/images/Button.png') top left no-repeat;
        display: block;
        overflow: hidden;
        text-align: center;
        line-height: 48px;
        font-size: 13px;
}
a.menu:hover {
        background-position: bottom left;
}

#MenuEnd {
        height: 48px;
        background: url('/images/nav_monitor.png') top right no-repeat;
        display: block;
        overflow: hidden;
        text-align: center;
        line-height: 48px;
        font-size: 13px;
}
#MenuEnd:hover{
        background-position: bottom right;
}


#SubNav, #nav {
	font-size: 13px;
	font-weight: bolder;
}

#nav li ul ul {
/*	margin: -1em 0 0 1em; */
}
#SubNavContentBg ul, #nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#nav a {
	margin: 0px;
	display: block;
}

#SubNavContentBg p {
	height: 34px;
	padding: 0px; 
	margin: 0px;
	display: table-cell;
	vertical-align: middle;
}
#nav li {
	padding: 0px; 
	margin: 0px;
	float: left;
	height: 48px;
}
#nav li ul  {
	position: absolute;
	ddisplay: none;
	padding: 0px;
}
#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none; 
	line-height: 1;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, 
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	display: none;
	z-index: -6;
}
#SubNavContentBg p {
	width: 135px;
	vertical-align: middle;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, 
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
	display: table-cell;
	vertical-align: middle;
	z-index: 9;
}
#nav li ul li {
	padding: 0px;
	margin: 0px;
	width: 190px;
	height: 30px;
	display: table;
	vertical-align: middle;
	line-height: 11px;
}
#nav li ul li a {
	display: table-cell;
	vertical-align: middle;
}
#nav li ul li:hover {
	padding: 0px;
	background: url('/images/Button.png') bottom left no-repeat; 
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
	color: white;
}
#SubNavContentBg ul li:hover, 
#SubNavContentBg ul li {
	padding:5px;
	height: 34px;
	display: table-cell;
	vertical-align: middle;
}
#nav a {
	color: #000;
}
#nav a:hover {
	color: green;
}
#nonav li ul:hover  {
	 background: url('/images/MenuBgHover.png') bottom left no-repeat;
}
#nav li li ul {
	margin-top:0px;
}
#nav li li li ul {
        margin-left:0px;
	margin-top:0px;
}
#nav li ul {
        background: url('/images/MenuBgSolid.png') no-repeat;
        width: 192px;
        background-position: bottom left;
	display:table;
}
#nav a {
        color: #291a17;
        text-decoration: none;
}
#nav li ul a {
	padding-left: 5px;
}

#nav li:hover, #nav li.hover {
	position: static;
}

#BelowSubNav {
        margin-top: 80px;
	width: 182px;
	float: left;
}

#SubNav {
        margin-top: 80px;
        width: 182px;
	float: left;
	margin-right: 20px;
}
#SubNav table {
	width: 100%;
}
#SubNav table tr {
	vertical-align: middle;
	height: 34px;
}
#SubNav table tr td {
	padding-left: 5px;
}
#SubNav table tr td:hover {
	background: url('/images/Button.png') bottom left no-repeat; 
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
}
#ContentMain {
        float: left;
        padding-top:0;
        padding: 30px;
	width: 410px;
}
#ContentRight {
        float: left;
	width: 219px;
}
#ContentWide {
        float: left;
        padding: 10px;
        width: 880px;
}

#SubNavHeader {
        margin-left: 5px;
	padding-left: 3px;
        background: url('/images/SubNavHeader.gif') no-repeat;
	height: 32px;
	width: 159px;
}
#SubNavContentBg {
        background: url('/images/SubNavContentBg.gif');
  	width: 129px;
	display: table;
}
#SubNavContentBg {
        background: url('/images/SubNavContentBg.gif');
	width: 149px;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#SubNavContentBg a {
        color: #000;
	text-decoration: none;
}
#SubNavContentBg p:hover {
	background: url('/images/Button.png') bottom left no-repeat; 
}
#SubNavContentBg a:hover {
        color: #7D034D;
}
#SubNavContentBg .SubNavContentLinkOn{
        color: #85251a;
}
#SubNavFooter {
        background: url('/images/SubNavFooter.gif') no-repeat;
	width: 159px;
	height: 8px;
	margin-left: 5px;
}
#SubNavContentBg p {
        background: url('/images/SubNavLine.png') no-repeat;
	width: 118px;
	height: 20px;
	margin-left: 5px;
}
#SubNavContentBg p.noline {
        background: url('/images/SubNavNoLine.png') no-repeat;
	width: 118px;
	height: 13px;
	margin-left: 5px;
}