/* Default Color and style info for the website */
html{
  font-size: .8em;  
}

BODY{
	color:black;
	background-color: #eee;
/*	font-size: .9em;*/
	font-style:normal;
	/*font-family: Arial, sans-serif;*/
  /*font-family: Gill Sans, sans-serif;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#bg960a11{
  background-image: url(http://imgs.watchmegrow.com/960a.png);
  background-repeat: repeat-y;
  background-position:top left;
  height: 1500px;
  width: 961px;
  position: absolute;
  top: 0px;
  left: 232px;
  float: left;
  z-index: -1;
}

#bg960b11{
  background-image: url(http://imgs.watchmegrow.com/960b.png);
  background-repeat: repeat-y;
  background-position:top left;
  height: 1500px;
  width: 961px;  
  position: absolute;
  top: 0px;
  left: 232px;
  float: left;
  z-index: 20;
}

a{
	color: #25608c;
}

a:hover{
  color: #e98c13;
  text-decoration: underline;
}

/* JQuery UI */
.ui-dialog{
	font-size: .8em;
	text-align: left;
}

.dialogclass, .moreinfodialogclass{
	display: none;	
}
			
.iframe{
	width: 750px;
	height: 900px;
}

/* Container for the entire website */
.sitecontainer{
	background-repeat: repeat; /* set repeat back to it's default */
	background-attachment: scroll; /* set scrolling back to it's default */
	padding: 0px;
	width: 960px;
	margin: 0px auto 20px auto;
}


.curvecorners{
  text-align: left;
  -webkit-border-radius: 5px;    /* for Safari */
  -moz-border-radius: 5px;       /* for Firefox */
  border-radius: 5px; /* CSS3 */
  -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.6);
  -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.6);*/
  box-shadow: 4px 4px 4px rgba(0,0,0,0.6);
}


/* Note: hacking a table together for IE */
.curvetablecorners{
  text-align: left;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;

  /*-webkit-border-radius: 5px;    /* for Safari */
  /*-moz-border-radius: 5px;       /* for Firefox */
  border-radius: 5px; /* CSS3 */
  -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.6);
  -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.6);*/
  box-shadow: 4px 4px 4px rgba(0,0,0,0.6);
}


.curvetablebottomcorners{
  text-align: left;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;

  -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.6);
  -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.6);*/
  box-shadow: 4px 4px 4px rgba(0,0,0,0.6);
}


/*------------------------------------------------------------*/
/*-- Header information including wmg.com logo, quick ligin --*/

.siteheader{
	background-color: #25608c;
	background-image: url(images/title.png);
	height: 100px;
	clear: both;
  margin: 0px 10px 0px 10px;
  border: 1px solid #25608c;
}

/* General settings for the divs in the header */


#siteheadermyaccount{
	height: 65px;
	margin: 0px;
	float: right;
	display: inline;
	width: 520px;
}

#logincontainer{
	float: right;
}

#logincontainer div{
	float: left;
}

#logincontainer div img{
	margin: 10px 5px 0px 0px;
}

.showuser{
  font-weight: bold;
}

.siteheaderbox{
	margin: 5px 10px 0px 0px;
}

.siteheaderaccount{
	margin: 5px 10px 0px 4px;
}

.siteheaderhelp{
  clear: left;
  float: left;
  margin-left: 30px;
  width: 200px;
}

.siteheaderhelp a{
  color: white;
}

.siteheaderhelp a:hover{
  color: #e98c13;
  text-decoration: underline;
}

.curveformbutton{
  -webkit-border-radius: 10px;    /* Safari */
  -moz-border-radius: 10px;       /* Firefox */
  border-radius: 10px; /* CSS3 */
  background-color: #ccc;
  background-image: url(images/btn_background.png);
  background-repeat: repeat-x;
  border: 1px solid #aaa;
  margin-top: 5px;
  font-size: smaller;
}

.curveformbutton:hover{
  cursor: pointer;
  background-image: url(images/btn_background_hover.png);
}


/* provide specific layout positions for the divs in the header */

/*wmg logo*/
#wmglogo{
	width: 240px;
	height: 50px;
	float: left;
	margin: 10px 10px 0px 10px;
}

/*Signup Buttom*/
#btnsignup{
	height: 63px;
	margin: 0px 0px 0px 40px;
	width: 88px;
	float: left;
}

#pwd{
	background-color: white;
	background-image: url(images/bgpassword.png);
	background-repeat: no-repeat;
	background-position: top left;	
	margin-top: 2px;
  width: 113px;
}

#uid{
	background-color: white;
	background-image: url(images/bgusername.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 2px;
  width: 113px;
}


#headerloginbuttondiv input{
	float: left;	
}

#headerloginbuttondiv div{
	clear: both;
}

#headerloginbuttondiv a{
	color: #fff;
	text-decoration: none;
	font-size: 8pt;	
}


#siteheaderlogin{

}


/* Mobile Container */
/* turn this off for the normal web browsers */
.mobilecontainer{
	display: none;
}



/*-----------------------------------------------------*/
/*-- Main horizontal nav menu right below the header --*/


.navbg{
	background-color: #285775;	
	background-image: url(images/btn_bordertop.png);
	background-repeat: repeat-x;
}


.navleft{
	background-image: url(images/btn_borderleft.png);
	background-repeat: no-repeat;
	background-position: top left;		
}

.navright{
	background-image: url(images/btn_borderright.png);
	background-repeat: no-repeat;
	background-position: top right;		
}

.navright_single{
	background-image: url(images/btn_borderright_single.png);
	background-repeat: no-repeat;
	background-position: top right;		
}

.navdivider{
	background-image: url(images/btn_divider.png);
	background-repeat: no-repeat;
	background-position: top right;	
}

/* Main container for the nav */
#menucontainer{
	width: 100%;
	height: 35px;
	float: left;
	margin: 0px;
}

/* Secondary container for the nav which gets centered */
.menu{
	background-image: url(images/btn_bordertop.png);
	background-repeat: repeat-x;
	background-color: #285775;
	width: 100%;
	margin: 0px;
	height: 35px
}

/* General list info */
.menu ul{
	height: 35px; /* make height the same height as the nav bar so it's easy to select a button */
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline; /* For IE bug: first float is given double the floated margin */
}

/* Specify list element info */
.menu ul li{
	display: block;
	float: left; 
	padding: 0px;
	height: 100%;
}

/* Make the lists appear when the mouse hovers over them */
.menu ul li a:hover{
	display: block; /* This does not work for IE6, which needs the JavaScript */
  color: #e98c13;
  text-decoration: underline;
}

/* Make the lists appear when the mouse hovers over them */
.menu ul li a:hover ul{
	display: block; /* This does not work for IE6, which needs the JavaScript */
  text-decoration: none;
}

/* Text decoration/formatting for the main heading text on each list */
.menu ul li a{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom:  8px;
  font-size: 1.3em;
	display: block;
	color: #fff;
	text-decoration: none;
}

/* Change the color of links for mouse over */
.menu ul li a:hover{
	/*color: #fff; /* IE6 does not count this as hover when mouse hovers over padding. */
}

/* Text decoration/formatting for elements in the drop downs (sub-lists) */
.menu ul ul{
	margin-top: 0px;
	height: auto; /* reset height for the dropdown menu */
	padding-left: 0px;
	position: absolute;
	z-index: 500;
  margin-left: -1px;
  background: #fff;
  border: black solid 1px;
  display: none;
  width: 192px;
  text-align: left;
}

/* Inner element info for each drop down (sub-list element) */
.menu ul ul li{
	clear: both;
	width: 190px;
	padding: 1px;
}

/* Link formatting for each element in the drop-down */
.menu ul ul li a{
	padding: 0px;
  font-size: 1em;
	height: 1%;
	color: black;
	width: 188px;
	border: white solid 1px;
}

/* Link formatting for each element in the drop-down when the mouse hovers over it */
.menu ul ul li a:hover{
	display: block;
/*	color: black;*/
/*	background: #ccc;*/
  width: 188px;
/*	border: #999 solid 1px;*/
}

#whywatchmegrow li ul{
	width: 212px;
}

#whywatchmegrow li ul li, #whywatchmegrow li ul li a, #whywatchmegrow li ul li a:hover{
	width: 210px;
}

#whywatchmegrow li ul li a, #whywatchmegrow li ul li a:hover{
	width: 208px;
}

#customersuccess li ul{
	width: 202px;
}

#customersuccess li ul li, #customersuccess li ul li a, #customersuccess li ul li a:hover{
	width: 200px;
}

#customersuccess li ul li a, #customersuccess li ul li a:hover{
	width: 198px;
}


/* Main logo on the Homepage */
#sitemaingraphic{
  background-color: white;
  border: solid 1px #ccc;
	clear: both;
	text-align: left;
	padding: 0px;
  margin: 5px 10px 5px 10px;
  
  background-image: url(http://imgs.watchmegrow.com/mainimage.jpg);
  background-position:top left;
  background-repeat: no-repeat;
  height: 280px;
}

#mainimage{
  float: left;
  width: 535px;
  height: 280px;
  margin-left: 5px;
}

#wmgadvantage{
	position:absolute;
  margin: 10px 0px 0px 418px;
	overflow: hidden;
}

#wmgadvantage ul{
  float: left;
}

#wmgadvantage div{
	font-size: 1.4em;
  font-family: Gill Sans, sans-serif;
	color: #666666;
}

#wmgadvantage h2{
	color: #6cb70a;
  font-size: 1.7em;
	margin: 0em 0em .2em 0em;
	padding: 0px;
}

#wmgadvantage ul{
  font-size: 1em;
	margin: .2em 0em .2em 0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 56px;
}

#wmgadvantage ul li{
	margin: .2em;
}

#wmgadvantage .wmgadvantagebuttons{
  position: absolute;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 120px;
  left: 351px;
}

#wmgadvantage .wmgadvantagebuttons a{
  text-decoration: none;
}

#wmgadvantage .wmgadvantagebuttons a:hover span{
  text-decoration: underline;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}

#wmgadvantage .wmgadvantagebuttons span{

}



.wmgadvantagebutton{
  background-color: #92e421;
  background-image: url(images/btn_green.jpg);
  background-position:top left;
  background-repeat: repeat-x;
  border: 1px solid #888;
  font-family: Gill Sans, sans-serif;
  color: black;
  padding: 5px 10px;
  font-size: 1em;
  font-weight: bold;
  margin: 10px;
  display: block;
  text-align: center;
}

.wmgadvantagebutton img{
  vertical-align: baseline;
}


.buynow{
  margin: 50px 50px 0px 50px;
  float: left;
}

.buynow a:hover{
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;

}

.buynow img{
  float: left;
  height: 110px;
  width: 110px;
}

.buynow div{
  float: left;
  margin: 30px 0px 0px 8px;
  width: 460px;
}


/* contact us text to the right of the "Buy Now" image */
#sitecontacttext{
	padding: 35px;
  margin-left: 10px;
}


/*-----------------------------------------------------------------*/
/*-- Basic layout for main container blocks with rounded corners --*/

table.colcontainer{
  margin: 10px 0px 5px -10px;
  padding: 0px;
  border-spacing: 20px 0px;
  width: 940px;
  table-layout:fixed;
  z-index: 0;
}

.dualcolumncontainer{
  margin-left: 40px;
}

.dualcolumncontainer a, .quartercolumncontainer a{
  text-decoration: none;
}

.tout_title{
  display: block;
	font-weight: bold;
  font-family: Gill Sans, sans-serif;
  text-align: center;
}

.tout_text{
  color: #555;  
  display: block;
  font-family: Gill Sans, sans-serif;
}

.dualcolumncontainer a:hover > span, .quartercolumncontainer a:hover > span{
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
  background-color: white;
}

.dualcolumncontainer a:hover .tout_title, .quartercolumncontainer a:hover .tout_title{
	color: #e98c13;
  text-decoration: underline;
  
}

.dualcolumncontainer a:hover .tout_text, .quartercolumncontainer a:hover .tout_text{
	color: #333;
}




.quartercolumn, .halfcolumn, .fullcolumn, .dualcolumn, .footer, .footer2{
  background-color: white;
  border: solid 1px #ccc;
  margin: 5px 10px;
  color: black;
  vertical-align: top;
}


/*-----------------------------------*/
/*-- Website touts and columns     --*/


.quartercolumn{
  height: 100px;
  width: 198px;
  display: block;
  float: left;
  padding: 5px 10px 20px 10px;
}


.halfcolumn{
  width: 408px;
  float: left;
  height: 240px;
  padding: 10px 25px 20px 25px;
}

.halfcolumn h3{
  text-align: center;
  margin: 0px;
  color: #285775;
}


.fullcolumn{
  float: left;
  padding: 5px 10px 20px 10px;
}

.dualcolumn{
  height: 100px;
  display: block;
  float: left;
  margin: 10px;
  padding: 5px 10px 20px 10px;
  width: 258px;
}

.dualcolumn span{
	font-weight: bold;
  font-size: 1.4em;
  font-family: Gill Sans, sans-serif;
  text-align: center;
  display: block;
}

.footer{
  background-color: white;
  border: solid 1px #ccc;
  font-size: smaller;
  width: 918px;
  float: left;
  padding: 5px 10px 5px 10px;
  color: #666666;
}

.footer a{
  text-decoration: none;
}

.footer div{
  padding: 5px;
}

.footernav{
  float: left;
}

.floatright{
  float: right;
}

.floatright img{
  padding: 5px;
}


.footer2{
  width: 918px;
  float: left;
  padding: 5px 10px 5px 10px;
}

.footer2 div{
  float: left;
  margin: 8px;
  font-weight: bold;
  color: #444;
}

.footer2 div a{
  text-decoration: none;
  color: #444;
}

.footer2 div ul{
  font-weight: normal;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.footer2 div ul a{
  text-decoration: none;
  color: #666666;
}


.footer2 div a:hover, .footer a:hover{
	color: #e98c13;
  text-decoration: underline;
}


#tout_childcare{  
  background-image: url(http://imgs.watchmegrow.com/tout_childcare.jpg);
  background-repeat: no-repeat;
  background-position:top left;
}


#tout_childcare_text{
  margin: 0px 0px 8px 70px;
  padding: 0px;
  clear: left;
}


.tout_childcare_text2{
  clear: left;
  text-align: center;
  padding: 0px 0px 4px 60px;
  font-weight: bold;
}



#tout_compare{  
  background-image: url(http://imgs.watchmegrow.com/tout_compare.jpg);
  background-repeat: no-repeat;
  background-position:bottom right;
}

#tout_website{  
  background-image: url(http://imgs.watchmegrow.com/tout_website.jpg);
  background-repeat: no-repeat;
  background-position:bottom right;
}

#tout_mobile{  
  background-image: url(http://imgs.watchmegrow.com/tout_mobile.jpg);
  background-repeat: no-repeat;
  background-position: 50% bottom;
}

#tout_features{  
  background-image: url(http://imgs.watchmegrow.com/tout_features.jpg);
  background-repeat: no-repeat;
  background-position:bottom left;
  width: 168px;
  padding: 5px;
  height: 80px;
  display: block;
  float: left;
  /*margin: 0px 0px 0px 50px;*/
}


#tout_upgrades{  
  background-image: url(http://imgs.watchmegrow.com/tout_upgrades.jpg);
  background-repeat: no-repeat;
  background-position:bottom left;
  width: 168px;
  padding: 5px;
  height: 80px;
  display: block;
  float: left;
  /*margin: 0px 0px 0px 20px;*/
}

#tout_techspec{  
  background-image: url(http://imgs.watchmegrow.com/tout_techspec.jpg);
  background-repeat: no-repeat;
  background-position:bottom left;
  width: 168px;
  padding: 5px;
  height: 80px;
  display: block;
  float: left;
  /*margin: 0px 0px 0px 20px;*/
}




/* Touts for Product page */


#tout_childcareb{
  background-image: url(http://imgs.watchmegrow.com/tout_childcare2.jpg);
  background-repeat: no-repeat;
  background-position:bottom left;
}

#tout_petcare{  
  background-image: url(http://imgs.watchmegrow.com/tout_petcare.jpg);
  background-repeat: no-repeat;
  background-position:bottom left;
}

#tout_seniorcare{  
  background-image: url(http://imgs.watchmegrow.com/tout_seniorcare.jpg);
  background-repeat: no-repeat;
  background-position:bottom left;
}

#tout_office{  
  background-image: url(http://imgs.watchmegrow.com/tout_office.jpg);
  background-repeat: no-repeat;
  background-position:bottom center;
}


/*-- 2 Column table layout for standard pages --*/

.navcolumn{
  background-color: white;
  border: solid 1px #ccc;
  border-bottom: 0px;
  color: black;
  vertical-align: top;
  text-align: left;
  width: 218px;
  margin: 5px 10px 0px 10px;
  padding: 0px;
}

.iecontainer{
  margin: 0px;
}


.maincolumn{
  background-color: white;
  border: solid 1px #ccc;
  border-bottom: 0px;
  margin: 5px 10px 0px 10px;
  color: black;
  vertical-align: top;
  text-align: left;
  width: 698px;
  padding: 0px;
}

.maincolumn p{
  margin-left: 50px;
  margin-right: 50px;
}

.maincolumn ul{
  margin: 0px 10px 10px 24px;
}

.maincolumn ul li{
  margin: 2px 35px 0px 0px;
}

.maincolumn ul ul{
  padding: 0px;
}

.tablepadding{
  padding: 10px;
}

.navcolumnbottom{
  background-color: white;
  border: solid 1px #ccc;
  border-top: 0px;
  width: 218px;
  height: 10px;
}

.maincolumnbottom{
  background-color: white;
  border: solid 1px #ccc;
  border-top: 0px;
  width: 698px;
  height: 10px;  
}

/*----------------------------------------*/
/*-- 2 Column inner layout for the Tour --*/


/* Tour Box Container */
.sitetourcolumns{
/*	text-align: center;*/
	/*width: 100%;*/
  margin: 5px 30px 5px 50px;
	padding: 0px;
	float: left;
}

.sitetourcolumns h6, .sitetourcolumns ul{
  margin: 0px;
}



/* both columns */
.sitetourcolumns div h6{
	color: #369;
}


.toursinglecolumn div{
	float: left;
	width: 49%;
	padding: 2px;
}


/* Left Column */
.tourcolumn01{
	border: gray 1px solid;
/*	text-align: left;*/
	float: left;
	width: 268px;
	padding: 5px;
/*	margin: 2px;*/
  -webkit-border-radius: 5px;    /* for Safari */
  -moz-border-radius: 5px;       /* for Firefox */
  border-radius: 5px; /* CSS3 */
}

/* Right Column */
.tourcolumn02{
	border: gray 1px solid;
	text-align: left;
	float: left;
	width: 268px;
	padding: 5px;
	margin-left: 20px;
  -webkit-border-radius: 5px;    /* for Safari */
  -moz-border-radius: 5px;       /* for Firefox */
  border-radius: 5px; /* CSS3 */
}

.toursinglecolumn{
	float: left;
	width: 100%;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
}

#tournav{
	float: left;
	width: 100%;
	bottom: 0px;
	position: absolute;
	text-align: center;
}



.clearboth{
  clear: both;
}

/* Used for ending lines as needed. Used by multiple pages */
div.spacer{
	width: 5px;
  clear: both;
  line-height:1px;
}

/*-------------------------------------------------*/
/*-- Icon list info for the list on the homepage --*/

.iconlist{
	float: left;
	padding: 5px;
  margin-left: 45px;
	/*width: 96%;*/
}

.iconlist img{
	float: left;
	height: 32px;
	margin: 2px;
	width: 32px;
}

.iconlist div{
	margin-left: 20px;
}


/*-------------------------------------*/
/*-- Alerts for My Account ------------*/

img.alert{
  margin-right: 10px;
  vertical-align: text-bottom;
}

/*-------------------------------------*/
/*-- Icon list for Help / My Account --*/

table.iconoptions{
	border: 0px;
  margin: 5px 45px 0px 10px;
}

table.iconoptions td{
	padding: 6px 0px;	
}

table.iconoptions img{
	border: 0px;
	height: 32px;
	margin: 8px 2px;
	width: 32px;	
}

table.iconoptions span{
	font-weight: bold;	
}



/* center a line of text, image, etc. Currently only used on customersuccess.php */
.textcenter{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.textitalic{
	font-style: italic;
}

/*---------------------------------------------*/
/*-- Nav Menus on the left side of the website */

.navmenu{
  padding-top: 5px;
	margin-bottom: 20px;
}

.navmenu div{
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}

.navmenu a{
	color: #25608c;
/*  color: #0000ee;*/
  text-decoration: none;
}

.navmenu a:hover{
	color: #e98c13;
  text-decoration: underline;
}

.navmenu span a{
	color: #000;
}

.navmenu h3{
  margin: 0px;
  padding: 0px 0px 5px 0px;
  text-align: center;
}

.leftnavsublink span a{
  /*font-weight: bold;*/
  color: #800000;
}

.leftnavselected2 a{
	color: #800000;
}

.leftnavsublink div{
  border-top: 1px #eee solid;
  margin-left: 10px;
}

/* standard links on the nav bar */
.leftnavlink{
	border-bottom: #ccc 1px solid;
	margin-left: 0px;
}


.leftnavlink a, .leftnavlink span a{
	margin-left: 0px;
}

/* sub-page links on the nav bar */
.leftnavsublink{
	border-bottom: #ccc 1px solid;
	margin-left: 5px;
}

.leftnavsublink a, .leftnavsublink span a{
	margin-left: 5px;
}

.leftnavselected{
  font-weight: bold;
}

.leftnavsublinkselected{
  color: #800000;  
}


.navmoreinfo{
  margin: 10px 0px 0px 0px;
  font-size: 1.2em;
}

.navmoreinfo a{
  color: #25608c;
  text-decoration: none;  
}

.navmoreinfo a:hover{
  color: #e98c13;
  text-decoration: underline;  
}

.navmoreinfo img{
  vertical-align: text-bottom;
  border: 0px;
}



/* column groups for the left nav bar */
.colgroup{
	margin-top: 40px;
	margin-bottom: 10px;
}


/*---------------------------------------*/
/*-- Headings and paragraph formatting --*/

div.icontitle{
	margin: 5px 0px 5px 10px;
  font-size: 1.5em;
  font-weight: bold;
  font-family: Gill Sans, sans-serif;
}

div.icontitle img{
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

p.checklist{
  margin: 0px 0px 10px 50px;  
}

p.checklist img{
  vertical-align: middle;
}

h1{
  margin-bottom: 5px;
}

/* Customer News Titles */
h3{
  margin: 10px 0px 0px 50px;
/*  padding-top: 10px;*/
  font-size: 1.3em;
  font-family: Gill Sans, sans-serif;
}

/* Main titles of sections */
h4{
	margin: 5px 0px 5px 40px;
  font-size: 1.5em;
  font-family: Gill Sans, sans-serif;
}


h5{
	margin-top: 10px;
	margin-bottom: 5px;
  margin-left: 20px;
  font-size: 1em;
  font-family: Gill Sans, sans-serif;
}

h5 img{
  vertical-align: text-bottom;
}

/* Used as secondary titles of sections */
h6{
	margin-top: 15px;
	margin-bottom: 5px;
  margin-left: 50px;
  font-size: 1em;
  font-family: Gill Sans, sans-serif;
}

hr{
  color: #fff;
  border: 0px;
  border-top: 1px solid #ddd;
  margin: 20px 50px;
}

span.tour{
	margin-top: 0em;
	margin-bottom: 0em;
	color: #369;
	font-size: 12pt;
	font-family: Arial, sans-serif;
	font-variant: normal;
	font-style: normal;
	font-weight: bold
}

/* adjust paragraphs on many of the pages */
p.small{
	margin-top: 0px;
	margin-bottom:  0px;
}


/*---------------------------*/
/*-- Other layout settings --*/

.imgclass{ /* class for standard image settings */
	border: 0px; /* remove borders from images */
}

/* Pre-load images that are not initially displayed. */
.imagepreload{
	display: none;
}

/* Align good/bad images on whywmgvideo.php page */
.imagemiddle{
	vertical-align: middle;
}


/* page: whywmgbandwidth.php */

.tableinfo{
	font-size:8.5pt;
	clear: none;
	text-align: center;
	border: 1px solid #999;
	border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}

.tableinfo th{
	border: 1px solid #999;
}

.tableinfo td{
	border: 1px solid #999;
}

.tableinfo tr:nth-child(2) th:nth-child(2), .tableinfo tr:nth-child(3) th:nth-child(2){
  background-color: #ffffee;
}

.tableinfo tr:nth-child(4) th:nth-child(2), .tableinfo tr:nth-child(4) th:nth-child(3), .tableinfo tr:nth-child(4) th:nth-child(4){
  background-color: #ffffee;
}

.tableinfo td:nth-child(2), .tableinfo td:nth-child(3), .tableinfo td:nth-child(4){
  background-color: #ffffee;
}


/* Page: whywmgcriteria.php */

div.criteriatitle{
	background-color: white;
	background-image: url(images/criteriatitle.png);
	background-repeat: no-repeat;
  background-position: top left;
  padding: 5px 0px 5px 10px;
  font-size: 1.3em;
  margin:  20px 0px 10px 10px;
}


/* Page: myaccount.php */

form.forminfo input{
	margin: 10px 0px 10px 0px;
}

form.acctform div.eminfo{
	float: left; /* For IE6 */	
}

form.acctform div.acctformbtn{
	float: right;	
	width: 224px;
	margin: 0px;
}

form.acctform div.acctformbtn div{
	width: 110px;
	float: left;
}

form.acctform div.acctformbtn input{
	margin: 0px 4px 0px 4px;	
}

table.standard{
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
}


/* My Account tables */
table.standard th{
	background-image: url(images/tabletitle.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0px 4px;	
}

table.standard th a{
	text-decoration: none;
	color: black;
}
table.standard th a:hover{
	text-decoration: underline;
}

table.standard td{
	padding: 8px;
	line-height: 20px;
}

table.standard tr:nth-child(odd){
	background-color:#fff;
}

table.standard tr:nth-child(even){
	background-color:#eee;
}

/* Forms */

.formlabelthin{
	width: 100px;
	float: left;
}

.formlabel{
	width: 160px;
	float: left;
	clear: left;
}

.formlabelwide{
	width: 200px;
	float: left;
	clear: left;
}

.formchild{
	width: 160px;
	float: left;
	clear: left;  
}

.fullspan{
	margin: 0px 0px 20px 0px;
}

.formstatus{
	float:  right;
	margin-right: 10px;
}

#addchildfield{
  float: left;
  margin: 0px;
}


div.statusinfo{
	text-align: left;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}


div.formsection{
  width: 580px;
  float: left;
}

div.formedge{
	border: 2px #ddd groove;
}

div.passwdnotes{
 	float: left;
}

div.passwordnotes img{
	border: 0px;	
}


div.formrow{
	margin-top: 5px;
	margin-bottom: 5px;
}

div.childnames{
	width: 130px;
	float: left;
  margin-bottom: 5px;
}


div.divider{
	float: left;
	width: 100%;
	display: block;
 	background: #666666;
 	height: 1px;
 	padding: 0px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	line-height:1px;
}

div.forms{
 	margin-left: 40px;
	margin-right: 40px;
	background-color: #fff;
	font-family: verdana;
	text-align: left; /* align text to the left, was aligned center to center the form */
}

div.forms fieldset{
	float: left;	
	width: 560px;
  margin: 10px 0px;
  padding: 8px;
}

div.formsthin{
 	margin-left: auto;
	margin-right: auto;
	width: 65%;
	background-color: #fff;
	font-family: verdana;
	text-align: left; /* align text to the left, was aligned center to center the form */
}


#formstart{
	text-align: center; /* center the form div for IE*/
}


.hiddeninfo{
	display: none;
}

form.redirectnav{
	margin: 10px;	
}

.error{
	font-weight: bold;
	color: red;	
}


/* Billing info */
#billingtotal{
	float: right;	
	padding: 4px;
	border-top: 1px solid black;
}

#billingtotal td{
	padding: 4px;	
}

.textright{
	text-align: right;
}

#billingoptions{
	margin-top: 40px;	
}


/* Product pages */

.productbutton{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #92e421;
  background-image: url(images/btn_blue.jpg);
  background-position:top left;
  background-repeat: repeat-x;
  border: 1px solid #888;
  font-family: Gill Sans, sans-serif;
  color: black;
  padding: 5px 0px;
  font-size: 1em;
  font-weight: bold;
  margin: 10px;
  display: block;
  float: left;
  width: 178px;
  text-align: center;
}




/* Technical Specifications page */

div.techspec{
  margin: 0px;
  padding: 0px;
}

div.techcola img{
  text-align: center;
}

div.techspec h6{
  border-top: 1px #ccc solid;
  padding-top: 5px;
  margin: 20px 0px 0px 0px;
}

div.techspec ul{
  margin: 0px;
  padding: 0px 0px 0px 15px;
  list-style-type: square;
}

div.techspec ul li{
  margin: 0px;
  padding: 0px;
}

div.techcola{
  float: left;
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
}

div.techcolb{
  float: left;
  width: 300px;
}


.fadedtextarea{
  color: #555;
}

.fadedtextarea2{
  color: #666666;
}

/* Styling for managementtools.php */
.managementtools{
  position: relative;
}

.managementtools img{
  float: left;
}

.managementtools div{
  position: absolute;
  left: 220px;
  top: 50px;
  float: left;
  font-family: Gill Sans, sans-serif;
}

.managementtools div h2{
	color: #07a;
  font-size: 1.8em;
	margin: 0px;
	padding: 0px;
}

.managementtools div p{
	font-size: 1.35em;
  margin-left: 0px;
  color: #666666;
}


/* Signup thank you page */
.navtouts{
  margin-top: 50px;
  font-size: 1em;
  text-align: center;
  color: #333;
}

.navtouts a:hover{
 	color: #e98c13;
  text-decoration: underline;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}


.navtouts h3{
  margin: 0px;
  font-size: 1em;
}

.navtouts p{
  margin:  0px;
  color: #555;
}

.navtouts hr{
  margin: 5px 0px;
}

.thankyou{
  width: 450px;
}

.thankyou h3{
  margin: 0px;
}

.thankyou p{
  margin: 0px;
}

.thankyou hr{
  margin: 10px 0px;
}


/* Galleries */
.indent{
  margin-left: 50px;
}

.galleryborder{
  padding: 3px;
  margin: 5px 20px 5px 0px;
  border: 1px solid #e98b13; 
  background-color: #f6d87b;
  float: left;
}

.highslide-body{
  text-align: left;
}

.highslide-resize{
  display: none;
}

/* terms and conditions */
.terms li{
  margin: 0px 30px 10px 10px;
}


/* Features page*/

.features{
  background-image: url(http://imgs.watchmegrow.com/featureedge.jpg);
  background-repeat: repeat-y;
  background-position:top right;
}

.features p{
  width: 460px;  
}

.features table{
  width: 500px;
}

/* Notifications page - display short emails and then the whole email with mouse over */
.showhover{
  position: relative;
  color: #800000;
}

.showhover span{
  position: absolute;
  display: none;
  z-index: 10;
  background-color: white;
  padding: 2px;
  left: -2px;
  top: -4px;
}

.showhover:hover span{
  display: inline;
}