html {
	overflow-y: scroll; /* force scrollbar, to avoid content jumping when it becomes large enough to need one */
}

html, body {
    padding: 0;
    margin: 0;
    background-color: #F3F7EF;
    font-family: Arial, Helvetica;
}

.contentBg {
    background-image: url(/images/bg_columns.jpg);
    background-repeat: repeat-x;
}

.pageBody {
    background-image: url(/images/Header-Main-Bar.gif);
    background-repeat: repeat-x;
}

/* main (top) menu moved to header.css */

/* tab buttons { */
#growingTabButton, #growingSystemsTabButton, #haygroveDevelopmentTabButton, #seasonalWorkTabButton, #gardenTunnelsTabButton  {
    position: absolute;
    left: 210px;
    cursor: pointer;
}


/* } tab buttons */

/* general { */
a {
    text-decoration: none;
}

h1 {
    font-size: 1.2em;
}

h2 {
    font-size: 1.1em;
    /*margin-left: 1em;*/
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 14px;
}

.centeredContent, .header {
    width: 990px;
    margin: 0 auto;
}

.pageDivider {
    height: 16px;
    margin: 2px 0;
}
/* } general */

/* splash { */
.splash {
    background-repeat: repeat-x;
    margin-top: 2px;
}

.splash a {
    color: white;
    text-decoration: underline;
}

.splash h1 {
    font-size: 0.8em;
}

.splashTextTable {
    overflow: hidden; display: table; position: absolute; top: 0px; left: 30px; height: 180px;
}

.splashTextCell {
    display: table-cell; vertical-align: middle; overflow: hidden;
}

.splashProductText {
    color: white; display: block;
}

.splashText {
    width: 250px; color: white; display: block;
}

.splashProductText ul {
    padding-left: 15px;
}
/* } splash */

/* footer { */
.footer {
    background-repeat: repeat-x;
    padding: 15px 0;
    text-align: center;
    font-size: 0.8em;
    color: white;
	background-color:#329101;
    font-weight: bold;
}

.footer a {
    margin: 0 10px;
    color: white;
}

.footer hr {
    width: 800px;
    border-collapse: collapse;
    border: none;
    border-top: 1px solid white;
}
/* } footer */

.frontPageSplashBox {
    position: absolute;
    right: 0px;
    top: 15px;
    height: 212px;
}

.frontPageColumn {
    float: left;
    width: 230px;
    padding: 0 5px;
}

.grayImageBorder {
    padding: 1px;
    border: 1px solid #afafaf;
}

/****** PORTAL BOX ****/

.portalBox, .splashBox{
    border: 1px solid;
    width: 227px;/*218px;*/
    margin-bottom: 1em;
    text-align: center;
	background:#ffffff;
	display:block;
}



.portalBox img, .splashBox img {
    border: none;
}

.portalBox .strapLine, .splashBox .strapLine{
	 color:#000000; 
	 font-weight:normal; 
	 font-size:12px; 
	 margin:0px; 
	 padding:10px; 
	 line-height:16px;
}

.portalBox .link{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:4px 6px 4px 0px;
	text-align:right;
}

.splashbox{
	width:100%;
}
.splashbox, .splashBox .link{
	background:#456773;
	
}

/************************/


.breadCrumbs {
    padding-top: 3px;
	margin-bottom: 1em;
}

.breadCrumbs a {
    font-weight: normal;
}

.breadCrumbs a {
    color: black;
    text-decoration: underline;
}

.redBulletList {
    list-style-type: disc;
    margin-left: 0px;
    margin-top: 0px;
    color: #ce1a1a;
}

.redBulletList li {
    padding: 2px 0px;
}

.greenBulletList li span, .redBulletList li span {
    color: white;
}

.greenBulletList {
    color: #47A624;
    margin-left: 1em;
    padding-left: 0;
    margin-bottom: 0;
}

.productFeaturesBox .greenBulletList{ margin-left:0px; padding-left:5px;}

.sideMenuPageContent {
    width: 710px;
    float: left;
    padding-left: 10px;
	font-size:13px;
}

/* product page { */
.productInfoBox {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em 1.1em;
    color: black;
    font-size: 0.9em;
    -moz-border-radius: 10px;
}

.productInfoBox h1 {
    font-size: 1.4em;
    margin-left: 0.5em;
    margin-top: 0px;
}

.productFeaturesBox {
    width: 200px;
    float: right;
    -moz-border-radius: 10px;
    padding: 1em;
    margin-left: 1em;
}
/* } product page */

.greenTabButton, .redTabButton, .lightBrownTabButton, .darkBrownTabButton, .blueTabButton {
    background-repeat: no-repeat;
    height: 31px;
    width: 170px;
    font-size: 0.8em;
    color: white;
    line-height: 31px;
    padding-left: 8px;
}

.blueTabButton {
    background-image: url(/images/splash_tabs/buttons/Blue-Tab-Button.png);
}

.greenTabButton {
    background-image: url(/images/splash_tabs/buttons/Green-Tab-Button.png);
}

.lightBrownTabButton {
    background-image: url(/images/splash_tabs/buttons/Light-Brown-Tab-Button.png);
}

.darkBrownTabButton {
    background-image: url(/images/splash_tabs/buttons/Dark-Brown-Tab-Button.png);
}

.redTabButton {
    background-image: url(/images/splash_tabs/buttons/Red-Tab-Button.png);
}

.comparisonTable {
    border-collapse: collapse;
    border: 1px solid #c0c0c0;
}

.comparisonTable th {
    background-color: #C0C0C0;
    padding: 3px 5px;
    font-size: 0.8em;
}

.comparisonTable td {
    border: 1px solid #c0c0c0;
    padding: 2px 5px;
}

/* gallery box { */
.galleryBox {
    display: block;
    width: 340px;
    height: 66px;
    border: 1px solid #ccc;
    float: left;
    margin: 0 5px 5px 0;
    overflow: hidden;
    background-repeat: repeat-x;
}

.galleryBox img {
    padding: 1px;
    margin-right: 6px;
}

.galleryBox .line1 {
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

.galleryBox .line2 {
    font-size: 11px;
}
/* } gallery box */

/* IE PNG fix */
img,
.splash-tab div,
.splash-tab td,
.menu a {
    behavior: url("/lib/iepngfix/iepngfix.htc");
}

#blanket {
    background-color: #111;
    opacity: 0.65;
    filter: alpha(opacity=65);
    position: absolute;
    z-index: 9001;
    top: 0px;
    left: 0px;
    width: 100%;
}

#languagePopup {
    position: absolute;
    background-color: white;
    border: 2px solid rgb(170, 14, 14);
    -moz-border-radius: 10px;
    width: 380px;
    z-index: 9002;
    padding: 1em;
    color: #c62219;
}

#languagePopup .closeButton {
    position: absolute;
    right: -32px;
    top: -32px;
}

#languagePopup h3 {
    color: #c62219;
    margin-top: 0;
    font-size: 0.8em;
}

hr {
    border-collapse: collapse;
    border: none;
    border-top: 1px solid;
}

.centerColumn {
    float: left;
    width: 495px;
    padding-right: 10px
}

.sideMenuPageContent ul {
    padding-left: 15px;
}

.rightColumn {
    float: left;
    width: 184px;
	padding-left:10px;
	border-left:1px #EBE9CF solid;
    font-size: 14px;
}

.rightColumn h3 {
    color: #FFFFFF;
    display: block;
    margin: 0;
    text-align: center;
    width: 100%;
    background-image: url(/images/red_heading.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 65px;
    line-height: 38px;
    font-size: 12px;
}

.rightColumn .greenH3 {
    background-image: url(/images/green_heading.png);
}

.rightColumn p {
    margin-top: 0;
}

.rightColumn ul {
    font-size: 0.8em;
    margin-top: 0;
    padding-left: 5px;
}

.rightColumnItem {
    padding-top: 10px;
}

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


/* messages { */

.success-message,
.success-msg, .warning-msg, .error-msg {
    color: white;
    margin: 0 auto 1em auto;
    width: 30em;
    padding: 0.7em 1em;
    text-align: center;
    font-weight: bold;
}

.success-message,
.success-msg {
    border: 2px solid #156F14;
    background: #3C9F3B;
}

.warning-msg {
    border: 2px solid #DFA200;
    background: #FFCF4F;
    color: #5F4500;
}

.error-msg {
    border: 2px solid #156F14;
    background: #3C9F3B;
}

/* } */

.debug pre {
	position: absolute;
	border: 1px solid;
	padding: 0.5em;
	background: lightYellow;
	-moz-box-shadow: 0px 1px 5px black;
}

ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0;
}

ul li{
	background-position:left 6px;
	background-repeat:no-repeat;
	padding:3px 5px 3px 20px;
}

.productFeaturesBox ul li{background-image:url(/images/bullet_greensquare.jpg);}

.red-green-button	{
   	background: url(/images/button_apply.jpg) no-repeat left 0;
	width: 208px;
	height: 59px;
	display:block;
	text-indent:-9999px;
	margin-bottom: 10px;
}
.red-green-button:hover	{
   	background: url(/images/button_apply.jpg) no-repeat left -63px;
}