/* common CMS styles */
body {border: 0; padding: 0; margin: 10px; text-align: center; font-family: Arial, Helvetica, Sans-Serif, Verdana;
      background-image: url("blackfade.gif"); background-color: #424242; background-repeat: repeat-x;}
body.iframe {border: 0; padding: 0; margin: 0; text-align: center; font-family: Arial, Helvetica, Sans-Serif, Verdana;
      background: #FFFFFF none;}
img {border: 0;}
hr {color: Black; border-style: solid; height: 2px;}
td {font-weight: normal;}
th {font-weight: bold;}
p {border: 0; margin: 0em 0em 0.5em 0em; padding: 0;}
span.co2 {font-size: 0.7em;}
a:link, a:visited {color: #0033CC; text-decoration: none;}
a:active, a:hover {color: #008000; text-decoration: underline;}
h1 {border: 0; margin: 0; padding: 0; font-size: 24px; font-weight: bold;}
h1 span.co2 {font-size: 18px;}
h2 {border: 0; margin: 0em 0em 0.5em 0em; padding: 0; font-size: 1.8em; font-weight: bold; color: #31915C;}
h3 {border: 0; margin: 0em 0em 0.5em 0em; padding: 0; font-size: 1.3em; font-weight: bold; color: #31915C;}
h4 {border: 0; margin: 0em 0em 0.5em 0em; padding: 0; font-size: 1.1em; font-weight: bold;}
ol {border: 0; margin: 0em 0em 0.5em 0em; padding: 0; list-style-type: decimal; list-style-position: outside;}
ul {border: 0; margin: 0em 0em 0.5em 0em; padding: 0; list-style-type: disc; list-style-position: outside;}
li {border: 0; margin: 0em 0em 0.2em 4em; padding: 0;}
input, textarea, file {font-size: 1em; padding-left: 2px;}
select {font-size: 1em;}
.nospace {border: 0; margin: 0; padding: 0;}
.footer {margin: 0em 0em 0.5em 0em; font-size: 0.8em;}
.box {border: 0; margin: 0em 0em 0.5em 0em; padding: 10px; background-color: #C2FAE1;}
.monospace {font-family: "Courier New", Courier, mono, serif;}
.question {margin: 0em 0em 0.5em 0em; font-style: italic; font-size: 1.2em;}
.answer {margin: 0em 0em 0.5em 2em;}
.red {color: #CC0000;}
.error {text-align: center; font-weight: bold; color: #FF0000;}
.box16em {width: 16em;}
.box24em {width: 24em;}
span.tooltip {color: #0033CC; cursor: help;}
span.tooltip:hover {color: #008000;}


/* table display styles */
table.cmstable {margin-bottom: 0.5em;}
th.cmstabletitle {text-align: center;}
p.cmstabletitle {margin: 0; font-size: 1.5em; font-weight: bold;}
th.cmstableheader {text-align: center; background-color: #808080; color: #FFFFFF;}
p.cmstableheader {margin: 0; font-weight: bold;}
td.cmstablesubtitle {text-align: left;}
p.cmstablesubtitle {margin: 0; font-size: 1.2em;}
td.cmstablenormal1 {text-align: left;}
td.cmstablenormal {text-align: center;}
p.cmstablenormal {margin: 0;}
	
/* layout styles specific to Carbon Footprint site */
div.page {margin: auto; border: 0; width: 900px; color: #000000;}
div.whitepage {background-color: #FFFFFF;}
div.iframewhitepage {background-color: #FFFFFF; padding: 10px; margin: 0; border: 1px solid #31915C;}

div.headerbar {position: relative; background-color: #FFFFFF; width: 100%; height: 128px; background-image: url('skyheader.jpg'); background-position: 0 0; background-repeat: no-repeat;}
#logo {position: absolute; top: 0; left: 0; width: 170px; height: 120px; text-align: center;}
#permalinks {position: absolute; top: 5px; right: 63px; text-align: right;}
#permalinks table {border: 0; border-collapse: collapse; padding: 0; margin: 0;}
#permalinks tr {border: 0; border-collapse: collapse; padding: 0; margin: 0;}
#permalinks td {border: 0; border-collapse: collapse; padding: 0; margin: 0;}
#permalinks a {display: block; text-decoration: none; padding: 7px 10px 7px 10px; margin: 0; border-right: solid 1px #808080; font-size: 14px; color: #000000; font-weight: bold;}
#permalinks a:hover {background-image: url('headerhover.gif'); background-repeat: repeat-x; color: #FFFFFF;}
#textsize {position: absolute; top: 10px; right: 16px; text-align: right; font-size: 14px; color: #000000;}
#textsize a {color: #000000; text-decoration: none;}
#searchbox {position: absolute; top: 86px; right: 9px; text-align: left; font-size: 12px;}
.srchform {display: inline;}
.srchtext {width: 100px;}
.srchsubmit {font-size: 14px; color: #FFFFFF; background-color: Transparent; text-decoration: underline; border-width: 0; padding: 0; margin: 0; cursor: hand;}
.loginstatus {padding: 6px 2px 0 0; color: #FFFFFF;}
.loginstatus a {color: #FFFFFF; text-decoration: underline;}
#strapline {position: absolute; top: 12px; left: 215px; text-align: left; font-size: 14px; font-weight: bold; color: #000000;}
#business {position: absolute; top: 9px; right: 9px; text-align: center; font-size: 18px; border: solid 1px #008080;}
a.businesslink, a.businesslink:visited {margin: 0; padding: 5px 0 0 0; border: 0; display: block; text-decoration: none; width: 120px; height: 31px; font-size: 24px; line-height: 15px;
                                        color: #FFFFFF; background-color: #008080; background-image: url('businesslinkdark.jpg'); background-position: center; background-repeat: no-repeat;}
a.businesslink:hover {text-decoration: none; color: #008080; background-color: #FFFFFF; background-image: url('businesslinklight.jpg'); background-position: center; background-repeat: no-repeat;}
a.businesslink span {font-size: 13px;}
div.titleadjust {text-align: right;}
#title {text-align: center; background-color: #808080; width: 715px; height: 30px; background-image: url('title.gif'); background-repeat: no-repeat; color: #FFFFFF; margin-bottom: 5px;}

div.contentnav {position: relative; margin-top: 0px; width: 100%;}
#menu {float: left; text-align: left; width: 170px; margin-top: 0px; padding-bottom: 2px;}
.cmscontent {float: left; width: 505px; text-align: left; padding: 2px 5px 5px 10px; font-size: 0.8em;} /* no longer used since impulse pane removed */
.cmscontentnoimpulse {float: left; width: 715px; text-align: left; padding: 2px 5px 5px 10px; font-size: 0.8em;}
.cmscontentnomenu {float: left; width: 680px; text-align: left; padding: 2px 5px 5px 5px; font-size: 0.8em;} /* no longer used since impulse pane removed */
.cmscontentnoimpulsenomenu {float: left; width: 890px; text-align: left; padding: 2px 5px 5px 5px; font-size: 0.8em;}
#impulse {float: right; margin: 0px 10px 10px 0; width: 200px; text-align: center; font-size: 0.8em;}
h2.impulse {font-size: 19px;}
.impulsefooter {font-size: 11px;}
table.quickshop {width: 100%; border-collapse: collapse; background-color: #F1FAF1; text-align: center;}
td.quickshop {border: 2px solid #DDF4DE; padding: 5px; text-align: center;}
form.inline {display: inline;}
table.selects {border-collapse: collapse; text-align: center;}
td.selects {border: 2px solid #F1FAF1; font-size: 12px;}
.fromto {background-color: #008080; color: #FFFFFF; padding: 2px; font-size: 12px;}
select.flight {width: 145px; font-size: 12px;}
p.flightresult {font-size: 14px; margin: 10px 0 10px 0;}
.flightco2 {text-decoration: underline; font-weight: bold;}
div.fixed {font-size: 14px;}
.fixedbutton {font-size: 14px; width: 180px;}
p.quickoffset {font-size: 14px; margin: 10px 0 10px 0;}
.quickoffsettext {font-size: 14px; width: 30px;}
#linkstable {clear: both; margin: 5px 5px 0 5px; padding: 3px 5px 0 5px; background-image: url('linkstable.gif'); background-position: 0 0; background-repeat: no-repeat; background-color: #808080;}
#linkstable a {color: #FFFFFF; text-decoration: underline; font-size: 12px;}
#linkstable table {text-align: left; border: 0; border-collapse: collapse; padding: 0; margin: 0; width: 100%;}
#linkstable tr {text-align: left; border: 0; border-collapse: collapse; padding: 0; margin: 0; vertical-align: top;}
#linkstable td {text-align: left; border: 0; border-collapse: collapse; padding: 0; margin: 0; vertical-align: top; width: 25%}
#linkstable p {padding: 0 0 5px 0; margin: 0;}
p.linkstable {color: #FFFFFF; text-align: left; margin-bottom: 5px; font-size: 1em; font-weight: bold;}
div.footerbar {position: relative; height: 30px; padding: 0; margin: 0; background-color: Transparent; background-image: url('bottomrounded.gif'); background-position: 0 0; background-repeat: no-repeat;}
#copyright {position: absolute; top: 10px; left: 0; text-align: left; padding: 5px; font-size: 11px; color: #FFFFFF;}
#integrate {position: absolute; top: 10px; left: 258px; text-align: left; padding: 5px; font-size: 11px;}
#thought {position: absolute; top: 10px; left: 296px; text-align: left; padding: 5px; font-size: 11px; color: #FFFFFF;}
#terms {position: absolute; top: 10px; left: 569px; text-align: left; padding: 5px; font-size: 11px; color: #FFFFFF;}
#terms a {color: #FFFFFF; text-decoration: underline;}
#credit {position: absolute; top: 10px; right: 0; text-align: right; padding: 5px; font-size: 11px; color: #FFFFFF;}
#credit a {color: #FFFFFF; text-decoration: underline;}

span.price {font-size: 1.2em; font-weight: bold; color: #CC0000;}
#deliverycountry {text-align: center;}
.affiliate {float: left;}
#language {float: left; padding: 0 10px 0 0;}
#currency {float: right; text-align: right; padding: 0 0 0 10px;}
.currencylocation {position: absolute; top: 40px; right: 10px;}
.ikea {float: right; text-align: right; padding: 0; margin-bottom: 10px;}
.ikeastrapline {margin-top: 29px; text-align: right; color: #003399; font-size: 16px; font-weight: bold;}
.vinopoliscalc {text-align: center; margin: auto; padding: 0; margin-bottom: 10px;}
.vinopolis {padding: 0; margin-bottom: 10px;}
.calclarge {font-size: 22px;}
.calcnorm {font-size: 18px;}
.calcsmall {font-size: 14px;}
li.calcbullet {margin-left: 30px;}
td.encircle {background-image: url('encircle.gif'); background-position: center center; background-repeat: no-repeat; width: 319px; height: 60px;}
.downabit {padding-top: 10px; margin-bottom: 0;}
.offsetbutton {width: 400px;}
.nexttabbutton {width: 200px;}
div.calcwelcome {position: absolute; top: 10px; right: 10px; text-align: right; z-index: 1;}
div.calcpic {float: left; padding: 0 10px 10px 0;}
div.calcmenu {width: 710px; height: 26px; margin: 0; padding: 0; border: 0; text-align: center; background: url('bluegreen.gif') repeat-x bottom;}
div.calcpage {position: relative; width: 688px; padding: 10px; background-color: #FFFFFF; border-left: solid 1px #008080; border-right: solid 1px #008080; border-bottom: solid 1px #008080;}
.calcbox {background-color: #DDF4DE;}
.calcdiv {text-align: center;}
div.calcsinglepage {width: 688px; padding: 10px; background-color: #FFFFFF; border: solid 1px #008080;}
table.calclayout {border-collapse: collapse; border: 0; padding: 0; text-align: center;}
td.calclayoutleft {font-size: 18px; vertical-align: text-top; white-space: nowrap; padding: 15px 10px 0 0; text-align: left;}
td.calclayoutright {font-size: 18px; vertical-align: text-top; padding: 10px 0 0 0; text-align: left;}
td.calclayoutsummary {font-size: 18px; vertical-align: text-top; white-space: nowrap; padding: 15px 10px 0 0; text-align: right;}
td.calclayoutcenter {font-size: 18px; vertical-align: text-top; padding: 10px 0 0 0; text-align: center;}
table.nospace {border-collapse: collapse; border: 0; padding: 0; margin: 0;}
.txtvsmall {width: 4em;}
.txtsmall {width: 8em;}
.txtmedium {width: 14em;}
.txtlarge {width: 24em;}
.txtnoborder {border: 0; padding: 0; margin:0; color: #000000; background-color: #FFFFFF; text-align: left; width: 2em;}
.right {text-align: right;}
table.calcgraph {border: solid 1px #008080; text-align: center; padding: 0; margin: 0; border-collapse: collapse;}
tr.calcgraph {vertical-align: bottom;}
th.calcgraph {border: solid 1px #008080; padding: 2; margin: 0; vertical-align: bottom; text-align: center; font-size: 14px;}
td.calcgraph {border: solid 1px #008080; padding: 0; margin: 0; vertical-align: bottom; width: 105px; text-align: center; font-size: 48px;}
p.calcquestion {font-style: italic; padding: 0; margin: 0;}
.calcanswerdropdown {width: 600px;}
p.calcanswer {padding: 0 0 10px 50px;}
.whiteback {background-color: #FFFFFF;}
.cert {text-align: center; padding: 10px;}
.certlarge {font-size: 1.3em; font-weight: bold; text-align: center;}
.certbox {font-size: 1em; font-weight: bold; text-align: center; width: 320px; border: 2px solid #CC0000;}
.certdate {font-size: 1.1em; font-weight: bold; text-align: center; padding-top: 10px;}
.certmedium {font-size: 1.1em;}
.certsmall {font-size: 0.8em;}
.datepicker {font-size: 1.3em; font-weight: bold; text-align: center; padding: 2px 0 1px 0; margin-top: 5px; border: 2px solid #CC0000;}
.basketheader {font-size: 1.1em; text-align: center; background-color: #808080; color: #FFFFFF;}
.basketimportant {font-size: 1.1em;}
.baskettotal {font-size: 1.3em; font-weight: bold; white-space: nowrap; text-align: right;}
.emptybasket {font-size: 1.3em; font-weight: bold; text-align: center; padding: 10px; margin: 0;}
.occasion {margin: 0 0 15px 0;}
.w400 {width: 400px;}
table.checkout {border-collapse: collapse; border: 0; margin: 0; padding: 0;}
.checkoutleft {width: 50%; text-align: right; padding: 2px;}
.checkoutright {width: 50%; text-align: left; padding: 2px;}
.checkoutcenter {text-align: center; padding: 2px;}
.checkoutbox {width: 20em;}
.orderstable {text-align: center; margin: 20px auto;}
.worldpay {text-align: center;}
.justify {text-align: justify;}
.topalign {vertical-align: top;}
.halfwidth {width: 50%;}
.fullwidth {width: 100%;}
h4.login {margin: 0;}
.loginleft {padding: 10px 5px 10px 0; vertical-align: middle;}
.loginright {padding: 5px 0 5px 5px; vertical-align: middle;}
.registerleft {width: 50%; text-align: right; padding: 5px 10px 5px 0;}
.registerright {width: 50%; text-align: left; padding: 5px 0 5px 0;}
.registerbox {width: 24em;}
.registercenter {text-align: center;}
.registercustomleft {width: 50%; text-align: right; padding: 2px 10px 2px 0;}
.registercustomright {width: 50%; text-align: left; padding: 2px 0 2px 0;}
input.cfp {background-color: #16E586; color: #FFFFFF; background-image: url('cfpbutton.gif'); background-repeat: repeat-x; border-color: #16E586; border-width: 1px; font-size: 1.2em; background-position: center center; font-weight: bold;}
input.cfp:hover {background-image: url('cfpbuttonhover2.gif'); background-color: #2FFE9F;}
input.cfplight {background-color: #1FD985; color: #FFFFFF; background-image: url('cfpbuttonlight.gif'); background-repeat: repeat-x; border-color: #70E6B1; border-width: 1px; font-size: 1.2em; background-position: center center; font-weight: bold;}
input.cfplight:hover {background-image: url('cfpbuttonlighthover.gif'); background-color: #33ED99; color: #000000;}
input.linkbutton {background-color: Transparent; color: #0033CC; font-size: 1em; text-decoration: none; border-width: 0; padding: 0; margin: 0;}
input.linkbutton:hover {color: #008000; text-decoration: underline;}
a.buttonlink, a.buttonlink:visited {background-color: #16E586; color: #FFFFFF; background-image: url('cfpbutton.gif'); background-repeat: repeat-x; border: solid 1px #16E586; font-size: 1.2em; background-position: center center; font-weight: bold; text-align:center; padding: 2px 10px 2px 10px; text-decoration: none; display: block;}
a.buttonlink:hover, a.buttonlink:active {background-image: url('cfpbuttonhover2.gif'); background-color: #2FFE9F; color: #FFFFFF; text-decoration: none;}
a.buttonlinklight, a.buttonlinklight:visited {background-color: #1FD985; color: #FFFFFF; background-image: url('cfpbuttonlight.gif'); background-repeat: repeat-x; border: solid 1px #70E6B1; font-size: 1.2em; background-position: center center; font-weight: bold; text-align:center; padding: 2px 10px 2px 10px; text-decoration: none; display: block;}
a.buttonlinklight:hover, a.buttonlinklight:active {background-image: url('cfpbuttonlighthover.gif'); background-color: #33ED99; color: #000000; text-decoration: none;}
.calcsetbox {width: 250px; font-size: 1em;}
.calcsetdrop {width: 257px; font-size: 1em;}
.nowrapping {white-space: nowrap;}
div.multiset {border: solid 1px #008080; padding: 2px 8px 5px 8px; margin: 10px 0 10px 0;}
table.multiset {margin: auto;}
td.multisetleft {text-align: left;}
td.multisetright {text-align: right;}
h3.multiset {margin: 0; padding: 0;}
img.defra {padding: 10px 0 0 10px;}

/* paragraph styles for the menu and submenu (subsubmenu uses the same paragraph style as submenu) */	
.menu {
	margin: 0;
	display: block;
	padding: 0;
	width: 165px;
	height: 30px;
    background-image: url('menu1unselected.gif');
    background-repeat: no-repeat;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-right-width: 0;
	border-style: solid;
	border-color: #FFFFFF;
	white-space: nowrap;
	text-decoration: none;
	}
.submenu {
	margin: 0;
	display: block;
	padding: 0;
	width: 165px;
	height: 22px;
    background-image: url('menu2unselected.gif');
    background-repeat: no-repeat;
/*	background-color: #008080;   if changing, do ".transMenu .background" AND  ".transMenu .item, .transMenu .item:visited" as well */
	border-top-width: 0;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-right-width: 0;
	border-style: solid;
	border-color: #FFFFFF;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
	}
	
/* paragraph styles for the menu and submenu WHEN SELECTED (subsubmenu uses the same paragraph style as submenu) */	
.menusel {
	margin: 0;
	display: block;
	padding: 0;
	width: 165px;
	height: 30px;
    background-image: url('menu1selected.gif');
    background-repeat: no-repeat;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-right-width: 0;
	border-style: solid;
	border-color: #FFFFFF;
	white-space: nowrap;
	text-decoration: none;
	}
.submenusel {
	margin: 0;
	display: block;
	padding: 0;
	width: 165px;
	height: 22px;
    background-image: url('menu2selected.gif');
    background-repeat: no-repeat;
	border-top-width: 0;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-right-width: 0;
	border-style: solid;
	border-color: #FFFFFF;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
	}

/* hyperlink styles for top level menus (linked with p.menu above) */
a.menulink, a.menulink:visited {
	margin: 0;
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 1px;
	border: 0;
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	}
a.menulinksel, a.menulinksel:visited {
	margin: 0;
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 1px;
	border: 0;
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	}
a.menulink:hover, a.menulinktranshover, a.menulinktranshover:hover, a.menulinktranshover:visited {
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 2px;
	padding-top: 1px;
	border: 0;
	text-decoration: none;
	color: #000000;
	width: 100%;
	}
a.menulinksel:hover {
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 2px;
	padding-top: 1px;
	border: 0;
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	}
a.menulink span.co2, a.menulinksel span.co2, a.menulinktranshover span.co2 {font-size: 12px;}

/* hyperlink styles for second level menus (linked with p.submenu above) */
a.submenulink, a.submenulink:visited {
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 2px;
	border: 0;
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	}
a.submenulinksel, a.submenulinksel:visited {
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 2px;
	border: 0;
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	}
a.submenulink:hover, a.submenulinksel:hover, a.submenulinktranshover, a.submenulinktranshover:hover, a.submenulinktranshover:visited {
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 2px;
	border: 0;
	text-decoration: none;
	color: #000000;
	width: 100%;
	}
a.submenulink span.co2, a.submenulinksel span.co2, a.submenulinktranshover span.co2 {font-size: 10px;}

/* hyperlink styles for third level menus (linked with p.submenu above) - only difference to submenu is left indent */
a.subsubmenulink, a.subsubmenulink:visited {
	text-decoration: none;
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	border: 0;
	color: #FFFFFF;
	width: 100%;
	}
a.subsubmenulinksel, a.subsubmenulinksel:visited {
	text-decoration: none;
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	border: 0;
	color: #FFFFFF;
	width: 100%;
	}
a.subsubmenulink:hover, a.subsubmenulinksel:hover, a.subsubmenulinktranshover, a.subsubmenulinktranshover:hover, a.subsubmenulinktranshover:visited {
	text-decoration: none;
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	color: #000000;
	width: 100%;
	}
a.subsubmenulink span.co2, a.subsubmenulinksel span.co2, a.subsubmenulinktranshover span.co2 {font-size: 8px;}
	
/* floating popup menus - each TR.item is one menu item - based on submenu / subsubmenu */
.transMenu .item, .transMenu .item:visited {
 	margin: 0;
	display: block;
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	background-color: #1FCB7D;  /* should be the same as p.submenu above */
	color: #FFFFFF;
	}
/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .itemhover {
 	margin: 0;
	display: block;
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	background-color: #1FCB7D;
	color: #000000;
	}	
.transMenu span.co2, .itemhover span.co2 {font-size: 10px;}
	
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
	}
	
.transMenu .background {
	position:absolute;
	left:0; top:0;
	z-index:1;
	background-color: #1FCB7D;  /* should be the same as p.submenu above */
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position: absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0; top:0;
	z-index:2;
	}