@charset "utf-8";
/* CSS Document */

/*OFFICIAL SWATCH

Green : #7ECC30
Blue : #1BADCF


*/

@import url("/css/fonts.css");
@import url("/css/forms.css");
@import url("/css/zone.css");
@import url("/css/menu.css");
@import url("/css/buttons.css");
@import url("/css/jPicker-1.1.5.css");
@import url("/css/jPicker-1.1.5.min.css");

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../graphics/background.png);
	background-repeat:repeat-x;
	background-position:top;
}
.none {
	display:table;
}
td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  ;
	font-size: 14px;
	color: #343333;
	text-align:left;
}

td.text, span.text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  ;
	font-size: 14px;
	color: #343333;
	text-align:left;
	line-height:23px;
}
TH {
	background-color:#DFEFFF;
	color:#333333;
	text-align:left;
	height:25px;
	font-size:12px;
}

#Contact TH {
	background-color:#BACF32;
	border:#899823 solid 0px;
	color:#333333;
	text-align:left;
}
#MemList Th {
	background-color:#cccccc;
	border:#899823 solid 0px;
	color:#000000;
	font-size:13px;
	font-weight:normal;
	text-align:left;
}

blockquote {margin-top:0px; margin-bottom:0px;}

h1, h2, h3, h4, h5, h6 {	font-weight:normal;}
h1 {
	font-size: 28px;
	margin:0;
	padding:0;
	color: #1AADCF;
}
h2 {
	font-size: 24px;
	margin:0;
	padding:0;
	color: #1AADCF;
}
h3 {
	font-size: 20px;
	margin:0;
	padding:0;
	color: #7FCC30;

}
h4 {
	font-size: 18px;
	margin:0;
	padding:0;
	color: #7FCC30;
}
h5 {
	font-size: 16px;
	margin:0;
	padding:0;
	color: #7FCC30;
}
h6 {
	font-size: 13px;
	margin:0;
	padding:0;
	color: #7FCC30;
}
h1.h-blue, h2.h-blue, h3.h-blue, h4.h-blue, h5.h-blue, h6.h-blue {
	color: #1BADCF;
	margin:0;
	padding:0;
}
h1.h-grey, h2.h-grey, h3.h-grey, h4.h-grey, h5.h-grey, h6.h-grey {
	color: #333333;
	margin:0;
	padding:0;
}
h1.h-green, h2.h-green, h3.h-green, h4.h-green, h5.h-green, h6.h-green {
	color: #7FCC30;
	margin:0;
	padding:0;
}
a:link {
	color: #0059D4;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0059D4;
}
a:hover {
	text-decoration: underline;
	color: #0059D4;
}
a:active {
	text-decoration: none;
	color: #0059D4;
}
a.ScriptedLink:link {
	text-decoration: none;
	color: #0059D4;
}
a.ScriptedLink:hover {
	text-decoration: underline;
	color: #0059D4;
}
.ScriptedLink {
	border:#999 solid 0px;
	padding:0px;
	cursor:pointer;
	color: #0059D4;
}
#TopNav a {
	color: #FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 10px 7px 10px;
	height:30px;
	text-decoration: none;
}
#BottomNav a {
	color: #6CF;
	font-size:11px;
}
#BottomNav p {
	padding-bottom:0.1px;
}
#BottomNav TD {
	color:#FFF;
	font-size:11px;
}
#TopNav a:hover {
	background-color:#7D7962;
}
#footer a:link {
	color: #CCCCCC;
	text-decoration: none;
	font-size:10px;
}
#footer a:visited {
	text-decoration: none;
	color: #CCCCCC;
	font-size:10px;
}
#footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-size:10px;
}
#footer a:active {
	text-decoration: none;
	color: #CCCCCC;
	font-size:10px;
}
IMG {
	border:0px;
	vertical-align:middle;
}
.border {
	border:#8B8B5C dashed 1px;
}
.borderDkGray {
	border:#333333 solid 1px;
}
.borderIMG {
	border:#CCCCCC solid 1px;
	padding:5px;
}
.borderGRN {
	border:#BDB9A0 solid 1px;
}
.Font_Lime {
	color:#899823;
}
.Font_wht {
	color:#FFF;
}
.Font_Sml_red {
	color: #F00;
	font-size:10px;
}
.Font_red {
	color: #F00;
}
.Fine_txt {
	font-size:10px;
}
.Font11px {
	font-size:11px;
}
.Pagetitles {
	font-size:30px;
	font-family: "myriad-pro-1", "myriad-pro-2";
}
.Subtitles {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
}
.SubtitlesGRN {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#BACF32;
}
.sectionTitles {
	font-size:20px;
	font-family: "myriad-pro-1", "myriad-pro-2";
	font-weight:bold;
	border-bottom:#CCC 0px solid;
}
.AccentBlue {
	padding:0px;
	color: #0059D4;
}
.FloatL {
	float:left;
	margin-right:10px;
	border:#CACCA5 1px solid;
	padding:3px;
}
.FloatR {
	float:right;
	margin-left:10px;
	border:#CACCA5 1px solid;
	padding:3px;
}
.FloatL-NB {
	float:left;
	margin-right:10px;
	padding:3px;
}
.FloatR-NB {
	float:right;
	margin-left:10px;
	padding:3px;
}
.IconFloatL {
	float:left;
	margin-right:10px;
}
.IconFloatR {
	float:right;
	margin-left:10px;
}
LI {
	margin:5px;
}
.invisdiv {
	display: none;
}
.visdiv {
	display:block;
}
.Callout {
	color:#333333;
	font-size:16px;
	padding:15px 0;
	border:1px solid #cccccc;
	border-width:1px 0;
	margin:15px 0;
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
label {
	padding:5px 5px 5px 0;
	display:block;
	text-align:left;
}
#Container {
	text-align:center;
	background-color:#FFF;
	width:1000px;
	padding:15px;
	border:#333 0px solid;
}
#Container_Form {
	text-align:center;
	background-color:#FFF;
	width:90%;
}

#ErrorContainer {
	background-color:#FFDDDD;
	border:#900 solid 1px;
	padding:5px;	
}
TEXTAREA {
	font-family:Verdana, Geneva, sans-serif;
	width:100%;
}
#SelectorForm {
	background-color: #C4E1FF;
	border:#06F 1px solid;
	margin:10px;
	display:block;
	width:500px;
	text-align:center;
}
#SelectorForm TD {
	vertical-align:middle;
}
INPUT {
	border:#32312C solid 1px;
	text-align:left;
}
SELECT {
	border:#32312C solid 1px;
}
TEXTAREA {
	border:#32312C solid 1px;
}
.CalendarDay {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#666;
}
.MessageWrapper {
	border:#333 solid 1px;
	background-color:#FFFF99;
	padding:5px;
}
#SideMenu TD {
	background-image:url(../graphics/sidemenu_back.png);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:5px;
}
#SideMenu a {
	color: #FFF;
	font-weight:bold;
}
#MemCompTable TD {
	border-bottom:#CCC solid 1px;
}
#HomeTopicsTD {
	border-bottom:#CCC 1px solid;
}
#notification {
	border:#333 solid 1px;
	background-color:#FFFF99;
	padding:5px;
	min-height:25px;
}
#notificationGRN {
	border:#090 solid 1px;
	background-color:#D7FFD7;
}
#Monitors td {
	border-bottom:#CCC solid 1px;
}
/* --- ERRORS --- */


.ErrorWrapper {
	display:block;
	color: #FFF;
	background-image:url(/icons/info.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:70px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:230px;
	height:45px;
	width:500px;
	text-align:left;
	border:#333 1px solid;
	background-color:#7ECC30;
	vertical-align:middle;
	font-family:Tahoma, Geneva, sans-serif;
	  border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-o-border-bottom-left-radius:5px;
	-o-border-bottom-right-radius:5px;
    -ms-border-bottom-left-radius:5px;
	-ms-border-bottom-right-radius:5px;
}

#caution IMG {
	vertical-align:middle;
}

  
  
#HomeZone TD {
	color:#FFF;
}
.RoundTD {
	-moz-border-radius: 15px;
	border-radius:5px;
}
#message {
	border:#333 solid 1px;
	background-color:#E1F0FF;
	padding:5px;
	margin:10px;
}
.help {
	background-image:url(../icons/help_balloon.png);
	background-repeat:no-repeat;
	background-position:top left;
	border:#333 1px solid;
	padding: 5px 5px 5px 55px;
	margin-left:35px;
	height:45px;
	width:300px;
	vertical-align:middle;
	background-color:#F2F9FF;
}
#ProductGrid td {
	padding:5px;
}
.highlight {
	background-color:#E8FFE8;
	padding:10px;
}
.highLight2 {
	background-color:#D2E9FF;
}
.ProductCost {
	font-size:14px;
	color:#000;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
.ConfDialogue {
	width:375px;
	height:auto;
	margin: 0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
}

#ImgBox100 {max-width:100px; 
max-height:100px;
width: expression(100 + "px");
height: expression(100 + "px");}

#ImgBox150 {max-width:150px; 
max-height:100px;
width: expression(150 + "px");
height: expression(100 + "px");}

#ImgBox300 {max-width:300px; 
width: expression(300 + "px");}

#ImgBox250 {max-width:250px; 
width: expression(250 + "px");}

/* COLLAPSIBLE PANELS */

 .expArrow{
	padding-left: 20px;
	background: url(images/arrow-down.png) no-repeat 0px 4px;
}
.collArrow{
	padding-left: 20px;
	background: url(images/arrow-up.png) no-repeat 0px 4px;
}
.expIco{
	padding-left: 20px;
	background: url(images/plus.gif) no-repeat 0px 4px;
}
.collIco{
	padding-left: 20px;
	background: url(images/minus.gif) no-repeat 0px 4px;
}
.panel_class{
	border: 1px solid #4280C2;
	background: #98B9DE;
	padding: 5px;
	color: #FFFFFF;
}
.panel{
	border: 1px solid #B9E3FF;
	padding: 10px;
}

/* Search Form */

.clear_div {
	clear:right;
}
.search_box_div {
	vertical-align:top;
	margin:0px;
	background-image:url(images/index2_26.png);
	width:242px;
	height:29px;
	background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	margin-top:4px;
}
.search_button {
	vertical-align:top;
	margin:0px;
	float:left;
	width:37px;
	height:29px;
	margin-top:4px;
}


.helpSlider{ width:auto; height:auto; float:right; padding-top:20px;}
.helpSlider .wrapper{ position:fixed; width:auto; height:auto; }
.helpTab{ float:right; margin-left:15px;} .helpTab:hover{ cursor:pointer;}
.helpContent{ position:fixed; display:none; border-right:0px solid #CCC; background-color:#F0F0F0; border-left:1px solid #CCC; border-top:1px solid #CCC; border-bottom:1px solid #CCC; height:auto; padding:10px; background-color:#FFF; background-color:#F0F0F0; } 
#closeTab{ float:right;}
.highlightUpdated{ background-color:#F8FBD2; color:#333 !important; }
.highlightUpdated .Font_wht{ color:#333 !important;}


#errorCont{ position:fixed; z-index:10000;}

.arrowSelected{ width:83px; height:25px; background-image:url('../graphics/arrow_selected.png'); 
		background-repeat:no-repeat; }
.arrowSelect{ width:83px; height:25px; background-image:url('../graphics/arrow_select.png');
		 background-repeat:no-repeat;}
.selectedPackageBody td{ background-color:#F2F2F2; border-bottom:#333 2px solid; }
.selectedPackageBodyL{ background-color:#F9F9F9;  border-bottom:#CCC 1px solid; display:block; }
.packageDetailsB{ display:none;}
.selectionArrow:hover{ cursor:pointer;}
.boldPricing{ font-weight:bold; }
