html,body{height:100%;}
#fullheight{height:100%}
body { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }

/* MENU */

#nav a { 
	float: left;   
	text-decoration: none; 
	font-weight: bold; 
	width: 111px; 
	text-align:center;  
	height: 44px; 
	line-height: 36px; 
	color:#e0f3c5;	
	font-family: helvittica, arial, sans-serif; 
	font-size: 12px; 
	background: url('../images/mnuNormal.png') 0 0 no-repeat;
}
#nav a:hover { color:#fff; font-family: tahoma, arial; font-size: 12px; background: url('../images/mnuHover.png') 0 0 no-repeat; vertical-align:bottom; color:#082825;}
#nav a.Selected, a.Selected:link, #nav a.Selected:active, #nav a.Selected:visited {color:#082825;	font-family: tahoma, arial; font-size: 12px; background: url('../images/mnuHover.jpg') 0 0 no-repeat; vertical-align:bottom; background: url('../images/mnuHover.png') 0 0 no-repeat; vertical-align:bottom; }

/* Texts */
.txtMainPageWhite {font-family: tahoma, arial, sans-serif; font-size: 10px; color: #FFFFFF; padding-left:10px;}
.txtWhite {
	font-family: tahoma, arial, sans-serif;
	font-size: 14px;
	color: #0BE700;
	font-weight: bold;
}
.txtGray {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #3C3C3C; }
.txtBlueGraySmall {font-family: tahoma, arial, sans-serif; font-size: 10px; color: #255476; }
.txtBrown {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #41270F; }
.txtBlue {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #1f3d77; }
.txtGreen {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #6C9F25; }
.txtRed {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #782c5e; }
.hdrOrange {font-family: tahoma, arial, sans-serif; font-size: 14px; font-weight:bold; color: #ff7700;}
.hdrGray {font-family: tahoma, arial, sans-serif; font-size: 14px; font-weight:bold; color: #3C3C3C;}
.hdrBlue {font-family: tahoma, arial, sans-serif; font-size: 14px; font-weight:bold; color: #1f3d77;}
.hdrDarkGreen {font-family: tahoma, arial, sans-serif; font-size: 14px; font-weight:bold; color: #35422e;}
.hdrRed {font-family: tahoma, arial, sans-serif; font-size: 14px; font-weight:bold; color: #782c5e;}
.hdrGreen {font-family: tahoma, arial, sans-serif; font-size: 14px; font-weight:bold; color: #426E8F;}
.hdrWhite {font-family: tahoma, arial, sans-serif; font-size: 14px; font-weight:bold; color: #FFFFFF;}
.hdrSmall {
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
	color: #030;
}
.hdrSmallLightGreen {font-family: tahoma, arial, sans-serif; font-size: 20px; color: #6CA026; }
.hdrShout {font-family: tahoma, arial, sans-serif; font-size: 25px; font-weight:bold; color: #253C60; }
.hdrShoutOrange {font-family: tahoma, arial, sans-serif; font-size: 25px; font-weight:bold; color: #ff7700; }
.hdrShoutWhite {
	font-family: tahoma, arial, sans-serif;
	font-size: 25px;
	font-weight:bold;
	color: #FFFFFF;
	padding-left:5px;
}
.footer {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #E8F5B4; }

/* Links */
a:link { color: #16274C; text-decoration: underline; }
a:active { color: #16274C; text-decoration: underline; }
a:visited {  color: #16274C; text-decoration: underline; }
a:hover { text-decoration: none; }

.hdrWhite a:link { color: #FFF; text-decoration: none; font-size: 14px; font-weight:bold; color: #FFFFFF; }
.hdrWhite a:active { color: #FFF; text-decoration: none;  font-size: 14px; font-weight:bold; color: #FFFFFF;}
.hdrWhite a:visited {  color: #FFF; text-decoration: none;  font-size: 14px; font-weight:bold; color: #FFFFFF;}
.hdrWhite a:hover { text-decoration: underline;  font-size: 14px; font-weight:bold; color: #FFFFFF;}


.txtMainPageWhite a {font-family: tahoma, arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:none; }
.txtMainPageWhite a:link {font-family: tahoma, arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:none; }
.txtMainPageWhite a:active {font-family: tahoma, arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:none; }
.txtMainPageWhite a:visited {font-family: tahoma, arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:none; }
.txtMainPageWhite a:hover {font-family: tahoma, arial, sans-serif; font-size: 10px; color: #c4dbf0; text-decoration:underline; }

.footer a {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #FFF; text-decoration:none; }
.footer a:link {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #FFF; text-decoration:none; }
.footer a:active {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #FFF; text-decoration:none; }
.footer a:visited {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #FFF; text-decoration:none; }
.footer a:hover {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #E8F5B4; text-decoration:underline; }

.menu a {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #5A1010; text-decoration:none; }
.menu a:link {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #5A1010; text-decoration:none; }
.menu a:active {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #5A1010; text-decoration:none; }
.menu a:visited {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #5A1010; text-decoration:none; }
.menu a:hover {font-family: tahoma, arial, sans-serif; font-size: 12px; color: #3C3C3C; text-decoration:none; }

.frmTextfield { background-color:#f2f3f5; font-family: tahoma, arial, sans-serif; font-size: 12px; color: #1f3d77; border: 1px solid #d6d7d9; width:98% }

.boxGray { background-color:#f2f2f2; padding:5px; border: 3px solid #e7e7e7 }
.boxLightGray { background-color:#FFF; padding:5px; border: 3px solid #f7f8f9 }

.boxBlue{
	border: 1px solid #073a7a;
	background-color: #0f4993;
	font-color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.boxLightOrange{
	border: 1px solid #d37c19;
	background-color: #f08f20;
	font-color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.boxPurpleBlue{
	border: 1px solid #3a0e76;
	background-color: #40127f;
	font-color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.boxPurple{
	border: 1px solid #400a36;
	background-color: #510e44;
	font-color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.boxLightBlue{
	border: 1px solid #D5DFE4;
	background-color: #ECF0F6;
	font-color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.boxLightGreen{
	border: 1px solid #d5efc9;
	background-color: #ecf6f2;
	font-color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.boxDarkGreen{
	border: 1px solid #223f22;
	background-color: #2d4d2c;
	color: #76ab28;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.boxLightBlue2{
	border: 1px solid #b9cae3;
	background-color: #cadaf2;
	font-color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}


/*MISCELLEANOUS*/
.boxHeaderImage {
	background-image:url('../images/imgBackgroundHeaderBox.png');
	background-repeat:no-repeat;
	width:197px;
	height:55px;
	}
.PkgPurple {
	background-image:url('../images/imgServicePackage.png');
	background-repeat:no-repeat;
	width:253px;
	height:127px;
	padding:15px;
	}
	
.PkgLightBlue {
	background-image:url('../images/pkgLightBlue.gif');
	background-repeat:no-repeat;
	width:298px;
	height:180px;
	}

/* @group Content - Header */

#container-nav {
	height: 40px;
}

#container-nav ul {
	margin: 0;
	padding: 0;
}

#container-nav li {
	display: inline;
	list-style: none;
}

#container-nav li a {
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}

#container-nav li.selected a,
#container-nav li.selected a:hover {
	color: #00418E;
	cursor: default;
}

#container-nav li a:hover {
	color: cyan;
}

#container-nav li.main a {
	float: left;
	font-size: 18px;
	margin: 0 27px 0 0;
}

#container-nav li.sub a {
	float: right;
	font-weight: bold;
	margin: 0 0 0 21px;
}

/* @end */

/* @group Blueprint CSS Framework 0.8 */

/* -----------------------------------------------------------------------

 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   
   Version : 2009.06.09

----------------------------------------------------------------------- */



/* @group Slider */

	
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}
	

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #d7d7d7; /* this is the border. should have the same value for the links */
			border-top: none;
			margin: auto;
			width: 820px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/*height: 460px;*/
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 840px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 5px 5px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			background: #eee;
			border-top: 1px solid #d7d7d7;
			border-left: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			height: 36px;
			margin: 0;
			overflow: hidden;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}
		
		.stripNav ul li {
			float: left;
			margin: 0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		#stripNav0 a { /* The nav links */
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			line-height: 36px;
			color: #888;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		

		#stripNav0 li a:hover {
			background: #e0f0fa;
			color: #1969bc;
			text-decoration: none;
		}
		
		#stripNav0 li a.current {
			background: #fff;
			color: #000;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			background: #000;
			display: none;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}


/* @end */

p.intro {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 18px;
}

span.req {
	color: red;
	font-size: 14px;
	font-weight: bold;
}

a:link, a:visited {
	color: #1969bc;
	text-decoration: none;
}

a:hover, a:active {
	color: #1969bc;
	text-decoration: underline;
}

a.link-button {
	background: #fff;
	border: 1px solid #e7e7e7;
	color: #0066bc;
	font-weight: bold;
	padding: 6px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.link-button:hover {
	background: #0066bc;
	border: 1px solid #0066bc;
	color: #fff;
	text-decoration: none;
}

a.button-friendly,
a.button-friendly:link,
a.button-friendly:visited {
	background: #5DA83C;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 9px 15px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.button-friendly:hover,
a.button-friendly:active {
	background: #346C1B;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 9px 15px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.box-buttons {
	margin: 27px 0 42px;
}

.button-submit {
	background: #5DA83C;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 6px 9px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.alt-list {
	margin: 0;
	padding: 0;
} 

.alt-list li {
	list-style: none;
}

.side-info {
	padding: 0 18px 0 0;
}

.side-info h2 {
	font-size: 14px;
	margin: 0 0 3px;
}

a.link-block {
	color: #fff;
	display: block;
	margin: 0 0 18px;
	padding: 15px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #346C1B;
}

a.link-block:hover {
	color: #033;
	;
	background-color: #CCC;
}

a.link-block .heading {
	display: block;
	font-size: 24px;
	margin: 0 0 6px;
}

a.link-block .txt {
	font-size: 12px;
}

.cta {
	background: #5DA83C;
}

.cta a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

a.link-to-button,
a.link-to-button:link,
a.link-to-button:visited {
	color: #fff;
	padding: 6px 9px;
	cursor: pointer;
	cursor: hand;
}

a.link-to-button:hover {
	background: #346C1B;
	color: #fff;
	padding: 6px 9px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.nav {
	margin: 0 0 0px;
}

.nav li {
	display: inline;
}

.nav li a {
	margin: 0 6px 0 0;
}

.nav-footer h6 {
	margin:  0 0 6px;
}

.nav-footer ul {
	margin: 0;
	padding: 0;
}

.nav-footer li {
	border-bottom: 1px solid #eee;
	list-style: none;
	padding: 3px 0;
}

.nav-footer a {
	font-size: 11px;
}

/* @end old web 2.0 css */

/* @group Containers */


#stretch-header {
	background: #1B7DF1;
	border-bottom: 1px solid #1459AB;
	height: 105px;
}

#stretch-header .gradient {
	background: transparent url(../cssimg/gradient.png) repeat-x 0 0;
	_background: none; /* IE6 */
	height: 105px;
}

#container-header {
	height: 75px;
	position: relative;
}

#stretch-nav {
	background: #22B0F1;
	border-bottom: 1px solid #249BCB;
}

#stretch-content {
	border-top: 2px solid #eee;
	padding: 36px 0 0;
}

#container-content {
	padding-bottom: 36px;
}

#stretch-footer {
	padding-bottom: 96px;
}

#section-newsletter {

}

#section-newsletter .item {
	padding: 12px 0 0;
}

#section-newsletter .item .text {
	width: 170px;
}

#section-newsletter .item img {
	display: block;
}

#section-site-info {
	font-size: 11px;
	text-align: center;
}

/* @end */

/* @group Content - Header */

#logo {
	position: absolute;
	top: -25px;
}

#whoslogged {
	color: #fff;
	font-size: 16px;
	font-weight:bold
	padding: 3px 0;
	position: absolute;
	right: 0;
}

#whoslogged a {
	border: 1px solid #030;
	color: #fff;
	margin: 0 0 0 6px;
	padding: 9px 9px 6px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #5DA83C;
}

#whoslogged a:hover {
	border: 1px solid #154C8E;
	text-decoration: none;
	background-color: #346C1B;
}

#search-site {
	bottom: 0;
	padding: 2px 4px;
	position: absolute;
	right: 0;
	top: 60px;
}

#search-site input.text {
	width: 231px;
	top: 60px;
}

/* @end */

/* @group Content - Pricing */

.table-friendly {
	border: 1px solid #D2E4B8;
	width: 100%;
}

.table-friendly th,
.table-friendly td {
	color: #444;
	font-size: 14px;
	padding: 9px;
}

.table-friendly thead th {
	background: #36AA36;
	color: #fff;
}

.table-friendly .stripe th,
.table-friendly .stripe td {
	background: #F1F7EA;
}

.table-friendly a.button-friendly,
.table-friendly a.button-friendly:link,
.table-friendly a.button-friendly:visited,
.table-friendly a.button-friendly:hover,
.table-friendly a.button-friendly:active {
	font-size: 12px;
	font-style: normal;
	padding: 6px 9px;
}

.table-friendly tfoot {
	background: #E0F2C5;
} 

.table-friendly tfoot td {
	height: 30px;
}

th.txt-large {
	font-size: 30px;
}

th.txt-mid {
	font-size: 24px;
}

th.txt-small {
	font-size: 18px;
}

/* @end */

/* @group Content - For Designers */

.list-small li {
	font-size: 11px;
}


/* @end */

/* @group Content - Overview */



.nav-side li a {
	background: #F5F5F5;
	color: #878787;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 14px;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border: 1px solid #fff;
}

.nav-side li a:hover {
	background: #e0f0fa;
	color: #5DA83C;
}

.nav-side li.selected a,

.nav-side li.selected a:hover {
	background: #666;
	color: #fff;
	cursor: default;
}

.nav-side li a:hover {
	border-top: 1px solid #fff;
	color: #5DA83C;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 14px;
	text-decoration: none;
	background-color: #5DA83C;
}

.slider-wrap .cta {
	text-align: right;
}

.slider-wrap .skinny {
	width: 320px;
}

.slider-wrap h2 {
	margin: 0 0 30px;
}

.slider-wrap .skinny h3 {
	margin: 0 0 3px;
}

.super-image {
	position: absolute;
	top: 87px;
	right: 0;
}

.prev-next {
	margin: 36px 0 18px;
}


/* @end */

/* @group Content - Support */

a.triangle {
	background: #5DA83C;
	color: #fff;
	padding: 9px 15px;
	width: 180px;
}

a.triangle .heading {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

a.triangle .txt {
	font-size: 11px;
}

/* @end */

/* @group Content - Full Features */

container-feature-list img.f-image {
	float:left;
	margin:-38px 0 0;
}

container-feature-list ul {
	margin:0pt 0pt 36px 100px;
	padding:0pt;
}

container-feature-list li {
	padding:3px 0pt;
}

container-feature-list h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0pt 0pt 18px 84px;
}

.intro {
	font-size: 14px;
	margin: 0 0 36px;
}

/* @end */

/* @group Content - Shipping Providers */

.supported-payment-gateways,
.supported-shipping-providers  {
	margin: 24px 0;
	width: 100%;
}

.supported-payment-gateways td,
.supported-shipping-providers td {
	border: 1px solid #d7d7d7;
	font-size: 12px;
	line-height: 21px;
	padding: 9px;
}

td.logo {
	width: 100px;
}

p.copyright-info {
	font-size: 11px;
	margin: 0;
	text-align: center;
}

/* @end */

/* @group Content - Pricing */

.table-friendly {
	border: 1px solid #D2E4B8;
	width: 100%;
}

.table-friendly th,
.table-friendly td {
	color: #444;
	font-size: 14px;
	padding: 9px;
}

.table-friendly thead th {
	background: #36AA36;
	color: #fff;
}

.table-friendly .stripe th,
.table-friendly .stripe td {
	background: #F1F7EA;
}

.table-friendly a.button-friendly,
.table-friendly a.button-friendly:link,
.table-friendly a.button-friendly:visited,
.table-friendly a.button-friendly:hover,
.table-friendly a.button-friendly:active {
	font-size: 12px;
	font-style: normal;
	padding: 6px 9px;
}

.table-friendly tfoot {
	background: #E0F2C5;
} 

.table-friendly tfoot td {
	height: 30px;
}

th.txt-large {
	font-size: 30px;
}

th.txt-mid {
	font-size: 24px;
}

th.txt-small {
	font-size: 18px;
}

/* @end */

/* @group Content - Home */

#hero-text h1 {
	margin: 0 0 6px;
}

#hero-text p {
	font-size: 18px;
	line-height: 24px;
}

#hero-text .announcement-list p,
#hero-text .announcement-list a{
	font-size: 11px;
	line-height: 14px;
}

.feature-list h3 {
	color: #000;
	font-size: 12px;
}

.feature-list h3,
.feature-list h4 {
	margin: 0 0 3px 75px;
}

.feature-list p {
	margin: 0 0 18px 75px;
}

.feature-list ul {
	margin: 0 0 0 75px;
}

.feature-list li {
	margin: 0 0 21px;
	overflow: hidden;
	position: relative;
}

.feature-list li li {
	margin: 0;
	padding: 0;
}

.feature-list li .icon {
	float: left;
	_margin-top: 18px; /* IE6 */
}

#main-features {
	padding: 18px 0 18px 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#main-features h2 {
	margin: 0 0 18px;
}

.feature-blox h2,
.feature-blox h3 {
	font-size: 12px;
	margin: 9px 0 3px;
}

.feature-blox td {
	vertical-align: top;
	width: 50%;
	padding: 0 18px 6px 0;
}

/* @end */

