/*      From ups-Screen.css   */


/* @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

----------------------------------------------------------------------- */


/* typography.css */
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 18px;}
p img.left {float:left;margin:18px 18px 18px 0;padding:0;}
p img.right {float:right;margin:18px 0 18px 18px;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:18px;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 18px;font-style:italic;}
del {color:#666;}
pre {margin:18px 0;white-space:pre;}
pre, code, tt {font:12px 'andale mono', 'lucida console', monospace;line-height:18px;}
li ul, li ol {margin:0 18px;}
ul, ol {margin:0 24px 18px 24px;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 18px 0;}
dl dt {font-weight:bold;}
dd {margin-left:18px;}
table {margin-bottom:18px;}
th {font-weight:bold;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* @group Library */

/* @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: 708px; /* 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: 708px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 30px 30px;
		}
		
		.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: #CCE2B8;
			color: #090;
			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-button {
	background: #fff;
	border: 1px solid #e7e7e7;
	color: #390;
	font-weight: bold;
	padding: 6px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.link-button:hover {
	background: #090;
	border: 1px solid #090;
	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: #090;
	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 {
	background: #EBEBEB;
	color: #fff;
	display: block;
	margin: 0 0 18px;
	padding: 15px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.link-block:hover {
	background: #090;
	color: #fff;
}

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 18px;
}

.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 */

/* @group Containers */

a#site-admin {
	background: url(/img/cssimg/site-admin-button.png) no-repeat 0 0;
	cursor: hand;
	cursor: pointer;
	height: 88px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0;
	width: 86px;
	z-index: 999;
}

* html a#site-admin { /*PNG Fix for IE6*/
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cssimg/site-admin-button.png',sizingMethod='crop');
}

#stretch-header {
	background: #1B7DF1;
	border-bottom: 1px solid #1459AB;
	height: 105px;
}

#stretch-header .gradient {
	background: transparent url(../Working/Original%20BC%20site/cssimg/gradient.png) repeat-x 0 0;
	_background: none; /* IE6 */
	height: 105px;
}

#container-header {
	height: 105px;
	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: right;
}

/* @end */

/* @group Content - Header */


#search-site {
	background: #1D6CC9;
	border: 1px solid #1B65BB;
	bottom: 0;
	padding: 6px 9px;
	position: absolute;
	right: 0;
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

#search-site input.text {
	width: 231px;
}

/* @end */

/* @group Content - Header */

#container-nav {
	height: 54px;
}

#container-nav ul {
	margin: 0;
	padding: 0;
}

#container-nav li {
	display: inline;
	list-style: none;
}

#container-nav li a {
	color: #fff;
	height: 54px;
	line-height: 54px;
	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 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: #458A39;
	font-size: 16px;
}

.feature-list h3,
.feature-list h4 {
	margin: 0 0 10px 75px;
}

.feature-list p {
	margin: 0 0 18px 75px;
        line-height: 1.5em;
}

.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 */
}


.feature-blox h2,
.feature-blox h3 {
	color: #458A39;
	font-size: 16px;
	margin: 10px 0 10px 0;
	line-height: 1.3em;
}

.feature-blox p {
	line-height: 1.5em;
}

.feature-blox td {
	vertical-align: top;
	width: 50%;
	padding: 10px 5px 10px 5px;
}

/* @end */

/* @group Content - Overview */

.nav-side ul {
	margin: 0;
	padding: 0;
}

.nav-side li a {
	background: #F5F5F5;
	border-top: 1px solid #fff;
	color: #878787;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 18px;
	width: 180px;
	text-decoration: none;
}

.nav-side li a:hover {
	background: #CCE2B8;
	color: #090;
}

.nav-side li.selected a,
.nav-side li.selected a:hover {
	background: #090;
	color: #fff;
	cursor: default;
}

.nav-side li a:hover {
	background: #CCE2B8;
	border-top: 1px solid #fff;
	color: #090;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
}

.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;
}

.list-large li{
	margin: 0 0 10px 0;
}

/* @end */

/* @group Content - For Designers */


.list-small li {
	margin: 5px 0 5px 0;
	line-height: 1.3em;
}


/* @end */

/* @group Content - Contact us */

.container-form {
	border-left: 1px solid #eee;
	padding: 0 0 0 27px;
}

/* @end */

/* @group Content - Detailed Tour */

p.backtop {
	margin: 18px 0 48px;
}

/* @end */

/* @group Content - Portfolio */

ul.list-3by3 {
	margin: 0 0 0 -9px ;
	width: 974px;
}

.list-3by3 li {
	background: #f0f0f0;
	float: left;
	font-size: 11px;
	height: 270px;
	margin: 0 0 12px 12px;
	overflow: hidden;
	padding: 12px;
	width: 284px;
	_display: inline;
}

.list-3by3 h2 {
	font-size: 14px;
	margin: 0 0 6px;
}

.list-3by3 img {
	border: 1px solid #dedede;
	display: block;
	margin: 0 0 12px;
}

/* @end */






/* ----------------------------------------------------------------------*/

/* ------------------------------------
      Main Page Template Styles
---------------------------------------*/



/*  Header  */

#header {
	background: url('../img/header-background.gif') top left repeat-x;
	height: 100px;
}


#header .container {
	background: url('../img/structure-logo.png') top left no-repeat;
	height: 100px;
}

.login {
	background: url('../img/login-button.png') top center no-repeat;
	height: 29px;
	width: 230px;
	float: right;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
}


/* Top Menu */

.topmenu {
	float: right;
	clear: both;
	text-align: right;
	width: 490px;
	margin: 28px 0 0 0;
}

.topmenu ul {
	list-style: none;
	margin: 0;
}

.topmenu li {
	float: left;
	margin: 0 0 0 30px;
}

.topmenu li a{
	color: #f7f7f7;
	text-decoration: none;
}

.topmenu li a:hover{
	text-decoration: underline;
}


/* Inner Pages Gradient Menu */

#menu-grad {
	background: url('../img/menu-grad.png') top left repeat-x;
	height: 29px;
}

.inner-menu {
	float: left;
	height: 29px;
}

.client-menu {
	float: right;
	height: 29px;
}



/* Green Feature Box */

#greenbox {
	background: url('../img/greenbox-background.png') top left repeat-x;
	height: 253px;
}

#featured_content {
	background: url('../img/greenbox.png') top center no-repeat;
	width: 950px;
	height: 253px;
}

.feature {
	margin-top: 20px;
	padding-left: 10px;
	float: left;
}
	
.feature-button {
	background: url('../img/trial-button.png') top left no-repeat;
	width: 250px;
	height: 35px;
	margin-top: 25px;
}
	
.feature-image {
	float: right;
	margin-top: 14px;
}

	
/* Page Content */

#content {
	background: #fff url('../img/content-background.png') top left repeat-x;
	padding-top: 25px;
	padding-bottom: 25px;
}



/* Footer */

#footer {
	background-color: #424141;
	background-image: url('../img/footer-background.gif') top left repeat-x;
	color: #EAEAEA;
}

.footerbox1 {
	margin: 20px 10px 20px 0;
	float: left;
}

.footerbox2 {
	margin: 20px 10px 20px 0;
	float: left;
}

.footerbox3 {
	margin: 20px 10px 20px 0;
	float: left;
}

.footerbox4 {
	margin: 20px 0 20px 0;
	float: left;
}

.legal {
	clear: both;
	margin-bottom: 20px;
}

.box {
	padding: 0 18px 0 18px;
	border: 1px solid #d7d7d7;
	}



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

h1 {
  font-family: "meloche-1","meloche-2", Verdana;
  font-size: 34px;
  margin: 20px 0 20px 0;
}

h2 {
  font-family: "meloche-1","meloche-2", Verdana;
  font-size: 28px;
  margin: 15px 0 20px 0;
}

h3 {
  font-family: "meloche-1","meloche-2", Verdana;
  font-size: 20px;
  margin: 10px 0 20px 0;
}

h4 {
  font-family: "meloche-1","meloche-2",  Verdana;
  font-size: 20px;
  margin: 10px 0 20px 0;
}

body {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	colour: #4A4A4A;
	line-height: 1.5em;
}


a {
	color: #7CAC5D;
	text-decoration: none;
}

a:active {
	color: #7CAC5D;
	text-decoration: none;
}

a:hover {
	color: #458A39;
	text-decoration: none;
}

a:visited {
	color: #458A39;
	text-decoration: none;
}


.topmenu {
	font-family: "meloche-1","meloche-2", Verdana;
	font-size: 18px;
	font-weight: 200;
	letter-spacing: 1px;
	color: #fff;
}


.inner-menu {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	text-align: left;
}

.inner-menu ul {
	list-style: none;
	margin: 0;
}

.inner-menu li {
	float: left;
	margin: 0 25px 0 0;
}

.inner-menu li a {
	color: #333;
	text-decoration: none;
}

.inner-menu li a:hover {
	text-decoration: underline;
}


.legal {
	text-align: center;
	color: #CCC;
	font-size: 10px;
}

.feature h1 {
	font-family: "meloche-1","meloche-2", Verdana;
	font-weight: 200;
	font-size: 44px;
	margin-bottom: 25px;
}

.feature p {
	font-size: 16px;
	line-height: 1.3em;
	text-align: justify;
}

.feature-button a {
	padding-left: 13px;
	line-height: 2em;
	font-weight: bold;
}

#footer h3 {
	border-bottom: 2px #999 solid;
	font-size: 18px;
	font-weight: 200;
	letter-spacing: 1px;
	color: #7CAC5D;
	line-height: 2.0em;
	margin-bottom: 5px;
}

.nav-footer ul {
	line-height: 1.5em;
	
}

.nav-footer li {
	border-bottom: 0.5px #666 solid;
}


/* forms.css */
label {
	font-weight:bold; 
	line-height: 1.5;
	}
	
fieldset {
	margin:0 0 18px 0;
	border:1px solid #ccc;
	}
	
legend {
	font-weight:bold;
	font-size:14px;
	}
	
input.text, input.title, textarea, select {
	margin: 0;
	border:1px solid #bbb;
	}
	
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #666;	
}

input.text, input.title {
	width:300px;
	padding:5px;
	}
	
input.title {
	font-size:18px;
	}
	
textarea {
	width:390px;
	height:250px;
	padding:5px;
	}
	
.item {
	padding-bottom:7px;
	}







.login a {
	color: #fff;
}

.login a:hover {
	text-decoration: none;
}

.login a:visited {
	color: #fff;
}


.announcement-list h2{
	font-size: 20px;
}

.tour a {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 2em;
}

.tour a:hover {
	text-decoration: underline;
}