@charset "UTF-8";

/* Global Styles */

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
	color: #000000;
	font-family: Arial;
	font-size: 1.25em;
	background-color: #dee0de;
}	

header { 
	height: 170px; 
	border-width: 0px; 
	max-width: 100%; 
	float: center; 
	background-color: #dee0de;

}
.container {
	max-width: 980px;
	margin: 0px auto;
	padding-top: 5px; 
	position: relative; background-color: #4c9b36;
}

.containerrework {
	max-width: 980px;
	margin: 0px auto;
	padding-top: 25px; 
	position: relative; background-color: #ffffff;
}
nav {
	max-width: 700px; 
	position: 0px 20px; 300px 0px;

}


.box {display: inline-block; text-align: center; padding: 0px 0px 0px 0px;}

span.bigtitles {text-align: left; color: #000000; font-size: 1.75em; font-weight: bold; }
span.headerinstructions {text-align: cener; color: #000000; font-size: 1.10em; font-weight: normal; }
span.table-titles {text-align: left; color: #ececec; font-size: 1em; font-weight: bold; }
span.headertext {text-align: left; color: #000000; font-size: 1.5em; font-weight: bold; }
span.feature {text-align: center; color: #000000; font-size: 1.25em; font-weight: bold; }
span.green {color: green; font-size: 1.75em; font-weight: bold; }
span.black {color: #000000; font-size: 1.00em; font-weight: bold; }
span.greenlink {color: green; text-decoration: none;}
span.reloadtable {color: #000000; font-size: 1.35em; font-weight: normal; text-align:left; }
span.titlesright {text-align: right; color: #000000; font-size: 1em; font-weight: bold; }

span.topphone {color: #000000; font-size: 1.35em; font-weight: normal; text-align: left; padding-left: 68%;}
span.iconlabels {text-align: left; color: #FFFFFF; font-size: 1.1em; font-weight: normal;}


a.class1 {color: #FFFFFF;}
a.class1:link  {text-decoration: none; color: #FFFFFF;}
a.class1:visited {text-decoration: none; color: #FFFFFF;}
a.class1:hover {text-decoration: none; color: #70b346;}

.page {
	width: 100%;
	margin: 0px auto;
	margin-top: 20px; 
	position: relative; 
	
}

/* use these for receipt page only - trying to override main portal styles */

h1 { color: #076c26; margin: 0em 0em .5em 0em; font-size: 2em; font-weight: normal; }
h2 { color: #076c26; font-size: 1.15em; margin: 0em 0em 0em 0em; }
h3 { color: #076c26; font-size: 1.15em; margin: 0em 0em 0em 0em; }
h4 { color: #076c26; font-size: 1.15em; margin: 0em 0em 0em 0em; }

p { margin: 0px 0px .75em 0px; color: #000000; }
a { color: #195b8d; }
a:hover { color: #028b29; }
a.cta {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
}
a.cta:hover { background-position: right -50px; }

span.h2blue {
margin-left: 0px; 
font-size: 11pt;
font-weight: normal; 
font-family: Arial, Helvetica;
color: #4c9b36;

}


.highlightit img{
border: 2px solid red;
}

.highlightit:hover img{
border: 2px solid green;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.promo h3 { font-size: 1.1em; margin: 0; }
.promo p { line-height: 1.1em; font-size: .9em; margin-bottom: .5em; }

.promo { border-width:0px; box-shadow: 7px 7px 5px #888; border-color:#5f5f5f;-moz-border-radius:3px;-webkit-border-radius:10px;border-radius:10px; background-repeat: no-repeat; /* background-size: 78px 53px; */ }

.promo.one { background-color: #FFFFFF; margin-right: 15px; padding-top: 3px; padding-bottom: 3px; }  /* these set white space between boxes for each blue column */
.promo.two {  background-color: #FFFFFF; margin-right: 15px; padding-top: 3px; padding-bottom: 3px; }
.promo.three { background-color: #FFFFFF; margin-right: 3px; padding-top: 3px; padding-bottom: 3px; }


.column h3 { font-size: 1.1em; margin: 0; }
.column p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.column { background-repeat: no-repeat; /* background-size: 60px 60px; */ }

.column.one { background-color: #c4e0fb; margin-right: 10px; }
.column.two { background-color: #c4e0fb; margin-right: 10px;  }
.column.three { background-color: #c4e0fb; margin-right: 10px; }

p.column-content {padding-top: 5px; font-size: 1.1em; color: #ececec; }

p.center {padding-top: 5px; font-size: 1.2em; color: #1a69b0; }

p.right-text {text-align: right; color: #00000; font-size: 1em; position: absolute; padding: 50 20 10 700; }

p.content {text-align: left; color: #00000; font-size: 1.25em; line-height: 1.25em; font: arial; padding-left: 20px; padding-right: 20px;}

p.justify {text-align: justify; color: #cccccc; font-size: 1em; line-height: 1.20em; font: arial; padding: 2px; 5px; 3px; 5px;}

p.contentcenter {text-align: center; color: #00000; font-size: 1.25em; font-family:arial, helvetica; }

p.product-title {text-align: center; color: #00000; font-size: 1.25em; font-family:arial, helvetica; background-color: #ececec; }

p.contentleft {text-align: center; color: #00000; font-size: 1.25em; font-family:arial, helvetica;}

p.instructionsleft {text-align: left; color: #000000; font-size: 1.55em; line-height: 1.45em; font-family: arial, helvetica; font-weight: bold; }

p.instructionscenter {text-align: center; color: #000000; font-size: 1.25em; line-height: 1.45em; font-family: arial, helvetica; font-weight: normal; }

p.titlecenter {text-align: center; color: #000000; font-size: 1.35em; line-height: 1.45em; font-family: arial, helvetica; font-weight: bold; }


p.quote {text-align: left; color: #00000; font-size: 1.10em; line-height: 1.25em; padding-left: 5px; padding-right: 5px; }


}
.leftbox {
    background-color: #ffffff;
    padding-bottom: 5px; 
    padding-top: 5px;
    display: inline-block;

}  

.leftboxcontent {
    background-color: #ffffff;
    padding-bottom: 5px; 
    padding-top: 5px;
    display: inline-block;
    float: left; 
    width: 65%; 

}    
.rightboxcontent {
    background-color: #ffffff;
    padding-bottom: 5px; 
    padding-top: 5px;
    display: inline-block;
    float: right; 
    width: 30%; 
    padding-right: 10px; 


}    
.cell_1_image {
padding-right: 8px;
padding-top: 0px;
float: left;
width: 108px;
background-color: #ffffff;
}

.image-left {
	 float: left; 
	 margin: 3px 10px 3px 3px; 
}	 
.image-right {
	 float: right; 
	 margin: 3px 3px 10px 3px;
}
.image-center {
  float: inherit; 
  margin: 3px 3px 10px 3px;
}
.cell_2_gardeners {
padding:0 5px 10px 0px;
font-family:palatino;
background-color: #ffffff;
}
span.alert-text {
margin:0 0 0 0;
font-size: 1.35em;
font-weight:300;
color:#000000;
font-family:helvetica;
}


span.breakingnews {
margin:0 0 0 0;
padding-left: 15px; 
font-size: 1em;
font-weight:300;
color: #FFFFFF;
font-family:trebuchet MS;
}

span.breakingnewsred {
margin:0 0 0 0;
text-align: left; 
padding-left: 80px; 
font-size: 1.25em;
font-weight:200;
color: #FFFFFF;
font-family: arial, helvetica;
}


nav a {
	color: #FFFFFF;
	background-color:#EBEBEB
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	
}

.clear-fix { clear: both; line-height: 1px; }


div.center {text-align: center; width: 100%; }

#leftbox{
    float: left;
    padding: 3px;
    width: 470px;
    background-color: #FFFFFF;
}

#rightbox{
    float: right;
    padding: 3px;
    width: 470px;
    background-color: #FFFFFF;
}

#innercell_left {
margin:0 5px 1em 0;
padding:2px;
float:left;
width:394spx;
background-color:#FFFFFF;

}

#innercell_right {
margin:0 5px 1em 0;
padding:2px;
float:right;
width:490px;
background-color:#FFFFFF;
}

#divider{
    clear:both;
    padding: 10px;
    height; 20px; 
    width: 954px;
     background-color: #FFFFFF;
}
span.featuretitles {
margin:0 0 0 .75;
font-size:1.5em;
line-height: 1.5em; 
font-weight:400;
color:#348a41;
font-family:trebuchet MS;
text-decoration: none; 

 
}

span.featuretitles2 {
margin:0 0 0 .75;
font-size:1.2em;
line-height: 1.25em; 
font-weight:400;
color:#348a41;
font-family:trebuchet MS;
text-decoration: none; 
}
span.bottomlinks {
margin:0 0 0 .75;
font-size:1.2em;
line-height: 1.25em; 
font-weight:400;
color:#348a41;
font-family: helvetica, Arial;
text-decoration: none;


 
}
span.boldtext {
margin:0 0 0 .75;
font-size:1.35em;
font-weight:500;
color: #000000;
font-family:arial, helvetica;

 
}
span.specialblue1 {
margin:0 0 0 .75;
font-size:1.5em;
line-height: 1em; 
font-weight:300;
color:#669999;
font-family:trebuchet MS;
}
span.specialblue {
margin:0 0 0 .75;
font-size: 1em;
font-weight:300;
letter-spacing:.1em;
color:#669999;
font-family:trebuchet MS;
}

#holder{
    clear:both;
    padding: 0px;
    max-width: 980px;
    background-color: #FFFFF;
}


span.sm_orangetitle {
margin:0 0 0 0;
font-size:1em;
font-weight: bold; 
color:#ff973a;
font-family:trebuchet MS;
}
#smallcell_left {
margin:0 5px 0em 0;
font-family:trebuchet MS;
font-size: 1em;
padding:2px;
float:left;
width:160px;
background-color:#FFFFFF;

}
#largecell_right {
margin:0 5px 1em 0;
padding:2px;
float:right;
width:730px;
background-color:#FFFFFF;
}

ul.content{
font-size: 10pt;
margin-left: 10px;
font-weight: normal;
font-family: arial, helvetica;
text-align: left;
link-color: red;
text-decoration: none;
list-style-type: circle;
list-style-position: inside;


}

ul.biglist{
font-size: 1.45em;
line-height: 1.75em;
margin-left: 0px;
font-weight: bold;
font-family: arial, helvetica;
text-align: left;
link-color: blue;
text-decoration: none;
list-style-type: circle;
list-style-position: inside;


}

ul.receipt_store_header{
margin-bottom: 15px;
margin-top: 0px;
font-size: 1.15em;
line-height: 1.25em;
margin-left: 0px;
font-family: arial, helvetica;
text-align: left;
text-decoration: none;
list-style-type: circle;
list-style-position: inside;
}


#minutestable {
	font: 12pt Arial, Helvetica;
	width: 80%; 
	padding: 10px; 
	border-top: 1px; 
	border-left: 1px; 
	border-right: 1px;
	border-bottom: 1px; 
	border-color: #000000;
 
	
}
td.minutesleft  {
	font-size: 10pt; 
	background: #fcf5e1;
	color: #000000;
	text-align: left; 
	color: #000000; 
	padding: 3px;
}
td.minutesright  {
	background: #fcf5e1;
	color: #000000;
	text-align: right; 
	padding: 3px;
}
td.minutesheader  {
	background: #4c9b36;
	color: #FFFFFF;
	text-align: center;  
	padding: 3px;
}

td.minutesmessage  {
	background: #FFFFFF;
	color: #000000;
	text-align: center;  
	padding: 3px;
}

td.minutescenter  {
	background: #FFFFFF;
	color: #000000;
	text-align: center;  
	padding: 3px;
	font-size: 1.5em;
 
}

table.showtable {
	font: 12pt Arial, Helvetica;
	width: 70%; 
	padding: 6px; 
	margin: auto;
    border-collapse: collapse;
	
}
td.showleft  {
	font-size: 12pt; 
	background: #ffffff;
	color: #000000;
	text-align: left; 
	border: 1px solid green; 
	padding: 5px;
}
td.showright  {
    font-size: 12pt; 
	background: #ffffff;
	color: #000000;
	text-align: right; 
	border: 1px solid green; 
	padding: 5px;
}
td.showheader  {
	background: #4c9b36;
	color: #FFFFFF;
	text-align: center;  
	font-size: 12pt; 
	border: 1px solid green; 
	padding: 5px;
}

td.showmessage  {
	background: #FFFFFF;
	color: #000000;
	text-align: center;  
	padding: 3px;
}


table#receipt1
    font: 11pt Arial, Helvetica;
	width: 80%;  
	text-align: left:
	margin-left: 0px;   

}
table.receipt_customer {
   font: 11pt Arial, Helvetica;
	width: 80%; 
	padding: 5px; 
	text-align: left: 
}
.receipt_customer th {
   text-align: right;
   padding-right: 5px; 
}
.receipt_customer td {
   text-align: left;
   padding-left: 5px; 
   
}
table.basictable
    font: 12pt Arial, Helvetica;  
}
td.basicleft  {
	font: 12pt Arial, Helvetica;  
	background: #ffffff;
	color: #000000;
	text-align: left;  
}
td.basicright  {
    font: 12pt Arial, Helvetica;  
	background: #ffffff;
	color: #000000;
	text-align: right; 
	font-weight: bold;
	
}
td.basiccenter  {
    font: 12pt Arial, Helvetica;  
	background: #ffffff;
	color: #000000;
	text-align: center; 
	font-weight: bold;
	
}	
.selectcarrier {
    font-size: 25px;
    font-family: 'Helvetica';
    font-weight: bold;
    color: white;
    background-color: green;
}



/* contact form */
.wrapper {
	width:97%;
	margin:0 auto;
	position:relative;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
}
#contact-form h3 {
	color:#ff973a;
	display:block;
	font-size:20px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form label span {
	cursor:pointer;
	color:#348a41;
	display:block;
	margin:5px 0;
	font-weight:600;
	text-align: left; 
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#9cdada;
	background-image:linear-gradient(bottom, #86bf5e 0%, #1d8139 52%);
	background-image:-moz-linear-gradient(bottom, #86bf5e 0%, #1d8139 52%);
	background-image:-webkit-linear-gradient(bottom, #86bf5e 0%, #1d8139 52%);
	color:#FFF;
	margin:0 0 5px;
	padding: 10px;
	margin-left: 8px; 
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #86bf5e 0%, #1d8139 52%);
	background-image:-moz-linear-gradient(bottom, #86bf5e 0%, #1d8139 52%);
	background-image:-webkit-linear-gradient(bottom, #86bf5e 0%, #1d8139 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}