@import "reset.css";
/* clear away the body margins and scrollbars from the body to get a clean canvas*/
body {
font-family:arial, helvetica, verdana, tahoma;
margin:0;
padding:0;
}

body, html {
height:100%;
}

ul,li {
margin:0;
padding:0;
}

td{
vertical-align:top;
}

.canvasDiv {
background-color:#fff;
bottom:0;
/* height:expression(document.body.clientHeight); */
left:0;
position:absolute;
right:0;
text-align:center;
top:0;
width:expression(document.body.clientWidth);
height:100%;
}

/* mac ie has problems with some css so we need a way to hide instructions from it.
One of the bugs can be used to do this, such that by using a \ in a comment it ignores all settings
until the next comment is reached so mac ie is still on overflow:scroll; as it couldn't read the class between the comments 
table is the size of the static width site */
#canvasCenter {
background-color:#fff;
background-image:url('table-bg.gif');
background-position:right;
background-repeat:repeat-y;
font-size:0;
margin:0 auto;
padding:0;
width:851px;
/* height:100%; */
min-height:100%;
}

.canvasTable {
border-left:solid 1px #ddd;
background:#fff;
/* height:100%; */
margin:0;
overflow:hidden;
padding:0;
text-align:left;
width:817px;
}

.sefood_cont {
border-bottom:solid 1px #ddd;
border-right:solid 1px #ddd;
color:#d4d0c8;
font-size:10px;
height:23px;
padding-left:10px;
text-align:left;
line-height:19px;
}

#home_cont, .home_cont {
border-right:solid 1px #ddd;
/* height:447px; */
/* background:blue; */
}

#toprow {
border-bottom:solid 1px #ddd;
border-right:solid 1px #ddd;
height:91px;
padding-bottom:4px;
padding-right:6px;
width:814px;
}

#topmenu_cont {
border:none;
border-bottom:solid 1px #ddd;
border-right:solid 1px #ddd;
/* height:21px; */
height:27px;
}

.topmenu_wrapper {
background:#e2e7e2;
border-bottom:solid 2px #fff;
border-left:solid 1px #fff;
border-right:solid 2px #fff;
border-top:solid 2px #fff;
/* height:19px; */
height:25px;
margin:0;
padding:0;
}

.viewCartBtn {
border:solid 1px #ddd;
border-bottom:none;
display:none;
float:right;
margin-right:19px;
margin-top:70px;
}

.bodyfit, .plantATree {
float:right;
padding-right:5px;
padding-top:10px;

}

.plantATree{
  height:90px;
  width:121px;
  background:transparent url('plant-atree-bg.png') 0 2px no-repeat;
  padding:0;
  display:none;
  position:relative;
}

.pat_value{
  position:absolute;
  right:2px;
  top:55px;
  color:#6C7179;
  font-size:18px;
  letter-spacing:7px;
}

.logo_cont_outer {
/* padding-left:21px;
padding-top:25px; */
width:380px;
height:92px;
overflow:hidden;
}

.logo_cont {

/* padding-left:60px; */
display:block;
width:380px;
height:132px;
position:relative;
top:-13px;
/*left:-40px;*/
}

#rightBorderImage {
background-image:url(top-right-bg.gif);
background-repeat:no-repeat;
float:right;
height:116px;
width:29px;
}

/* cause any rtf text to maintain the overall corp design and not kindie!, they now inherit from their immediate parent container */
font {
color:inherit;
font-family:inherit;
font-size:inherit;
}

/* if the html editor inserts p into the content remove margins so customer doesn't create unwanted gaps */
p {
margin-top:0;
}

li {
text-align:left;
}

.block {
display:block;
}

.nowrap {
white-space:nowrap;
}

.clearFloat {
clear:both;
}

.vertSpaceSmall {
padding-bottom:6px;
padding-top:6px;
}

.padAbove {
padding-top:10px;
}

.padLeft {
padding-left:15px;
}

.padLeftMedium {
padding-left:7px;
}

.padLeftTiny {
padding-left:3px;
}

.padRight {
padding-right:15px;
}

.padRightTiny {
padding-right:3px;
}

.gapLeft {
margin-left:15px;
}

.gapRight {
margin-right:15px;
}

.gapAfter {
margin-bottom:15px;
}

.alignCentre {
text-align:center;
}

.alignRight {
text-align:right;
}

.bold {
font-weight:700;
}

img {
border:none;
}

#bottomrow {
border-right:solid 1px #ddd;
border-top:solid 1px #ddd;
height:100%;
border-bottom:none 0;
border-left:none 0;
}

#lhs_cont {
border-right:solid 1px #ddd;
border-top:solid 1px #ddd;
padding:0px;
}

#lhs {
margin-top:10px;
width:140px;
/* background:red; */
}

.minimumHeight {
float:right;
height:400px;
width:1px;
background:black;
}

#ctr_cont {
border-right:solid 1px #ddd;
border-top:solid 1px #ddd;
height:400px;
}

div,td {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
margin:0;
padding:0;
}

#toprow_headers {
border-right:solid 1px #ddd;
}

.header_cont {
background-color:#9D4A48;
color:#fff;
font-size:12px;
height:36px !important;
margin-bottom:6px;
margin-top:6px;
overflow:hidden;
padding-top:4px;
width:150px;
}

#header_intro {
display:none;
font-size:11px;
margin-left:14px;
text-transform:uppercase;
}

#subHeader_cont {
color:#fff;
font-size:12px;
height:30px !important;
margin-left:6px;
padding-top:10px;
}

.downloadLinkContainer {
padding-left:16px;
padding-top:10px;
}

.headerandsearchWrapper {
background-color:#6c7179;
margin-bottom:6px;
margin-left:4px;
margin-top:6px;
}

#search_cont {
height:40px;
width:192px;
}

#search_cont_out {
clear:both;
text-align:left;
}

.searchContainer {
color:#E2E7E2;
padding-top:8px;
}

.searchContainer a {
color:#000;
font-size:0;
}

.searchappletbutton {
background-image:url(search-button.jpg);
background-position:bottom left;
background-repeat:no-repeat;
color:#000;
float:right;
font-size:0;
height:18px;
padding-left:3px;
padding-top:3px;
width:18px;
}

.outerCont {
background-color:#A5CC3B;
width:100%;
}

.searchInput {
background-color:#E2E7E2;
border:solid 1px #999;
margin-left:4px;
margin-right:4px;
margin-top:3px;
width:106px;
}

.main {
padding-left:20px;
}

.pageHeader {
font-size:16px;
font-weight:700;
line-height:30px;
margin-left:14px;
}

.pageSubHeader {
color:#fff;
font-size:15px;
font-weight:700;
padding-bottom:3px;
text-align:left;
}

.sectionHeader {
color:#000;
font-size:16px;
font-weight:700;
margin-bottom:4px;
margin-top:10px;
padding-bottom:3px;
}

.sectionSubHeader {
color:#777;
font-size:13px;
font-weight:700;
margin-bottom:4px;
padding-bottom:3px;
}

.sectionContent {
color:#555;
font-size:12px;
line-height:15px;
margin-right:20px;
word-spacing:2px;
}

#login {
line-height:20px;
margin-right:20px;
padding-left:7px;
padding-top:10px;
}

.footerlinkcont {
background-color:#E2E7E2;
margin-right:3px;
margin-top:3px;
padding-bottom:14px;
padding-left:14px;
padding-top:14px;
border:none;
height:56px;
}

.footerlink {
color:#000;
font-size:9px;
line-height:20px;
text-transform:uppercase;
}

.cucumlink a,.copyright a {
color:#999;
display:block;
font-size:9px;
line-height:20px;
padding-top:10px;
text-decoration:none;
text-transform:uppercase;
}

#adminButton {
/* font-weight:700; */
/* padding-left:20px; */
}

.lowerFooter {
color:#999;
font-size:10px;
}

.copyright {
display:block;
float:right;
width:160px;
}

#hdrBg {
height:189px;
margin-top:6px;
width:655px;
}

#showRoomPview {
margin-left:150px;
}

#showRoomPreview img {
margin-top:130px;
}

#accessoryLander {
border-top:solid 1px #ccc;
}

.LanderHeader {
clear:both;
font-size:16px;
padding-left:10px;
padding-top:10px;
}

.playerlinks {
float:left;
margin-bottom:10px;
padding-left:10px;
}

.defaultpaging {
font-weight:700;
padding-left:4px;
}

.pagelink,.pageIdentifier {
padding-right:4px;
}

/* PLAYER INTERACTIVE */
.controls_cont {
background-image:url(lhs-bg.jpg);
background-repeat:no-repeat;
height:354px;
text-align:center;
width:220px;
}

.controls {
background-image:url(controls-bg.gif);
background-position:bottom center;
background-repeat:no-repeat;
height:332px;
margin-bottom:22px;
margin-left:auto;
margin-right:auto;
width:164px;
}

.controlsIntro {
height:332px;
margin-bottom:22px;
margin-left:auto;
margin-right:auto;
width:200px;
}

.controls2 {
height:332px;
margin-bottom:22px;
margin-left:auto;
margin-right:auto;
width:164px;
}

.controlsHdr {
color:#9b515e;
font-size:11px;
font-weight:700;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
padding-top:50px;
width:100px;
}

.nextLink {
float:right;
margin-top:30px;
}

.nextLink a:hover,.prevLink a:hover {
color:#878d92;
text-decoration:none;
}

.prevLink {
float:right;
margin-right:104px;
margin-top:30px;
}

.lessnext {
margin-top:20px;
}

.optionLink {
padding-bottom:10px;
}

.optionLink a {
color:#878d92;
}

.optionLink a:hover {
color:#9b515e;
text-decoration:none;
}

.playground_cont {
background-image:url(playground-bg.jpg);
background-repeat:no-repeat;
float:right;
height:353px;
width:438px;
}

.playerCrumbs {
background-image:url(playercrumbs-bg.gif);
background-repeat:no-repeat;
border-bottom:solid 1px #b8bcbe;
border-top:solid 1px #b8bcbe;
clear:both;
font-size:10px;
line-height:24px;
margin-top:expression("1px");
padding-left:50px;
text-transform:uppercase;
}

.crumbValue {
color:#9b515e;
}

#logout div {
color:#000;
display:inline;
font-size:9px;
line-height:20px;
text-transform:uppercase;
}

.slim_col {
border-left:solid 1px #ddd;
float:right;
height:444px;
width:271px;
}

.wide_col {
float:left;
height:444px;
width:542px;
}

#whatsNewCont {
background:url('whats-new-bg.gif') no-repeat;
height:145px;
}

.whatsNewItemCont {
padding-top:50px;
}

.whatsNewItemImg {
float:left;
padding-left:4px;
}

.whatsNewItemHeader {
float:right;
width:160px;
color:#6c7179;
font-size:12px;
text-decoration:none;
padding-top:7px;
}

.home_text {
border-bottom:solid 1px #ddd;
height:222px;
width:540px;
overflow:hidden;
padding:0;
margin:0;
}

.home_flash {
height:222px;
background:url('flash_bg.gif');
}



.floatLeft,.landerContainer a {
float:left;
}

.floatRight,#searchCell {
float:right;
}

#ctr,#bedLander,#accessoryLander,#playerLander {
width:660px;
}

.searchappletbutton:hover,.cucumlink a:hover,.copyright a:hover {
color:#000;
}

.footerlink a:link,.footerlink a:visited,#logout div a:link,#logout div a:visited {
color:#000;
font-size:9px;
text-decoration:none;
text-transform:uppercase;
}

.footerlink a:link:hover,.footerlink a:visited:hover,.pagelink,.crumbLabel {
color:#666;
}

.pauseSubHeader,.hideMe {
display:none;
}

.nextLink a,.prevLink a,.crumbValue a {
color:#9b515e;
text-decoration:none;
}