/* =Carbonator
-----------------------------------------------------------------------------*/
#carbonator {
    width: 405px;
    min-height: 527px;
    background: url(../images/carbonator/calBG.gif) repeat-y top left;
    /*border: solid 1px purple;*/
}
#carbonator h1 {
    padding: 0px;
    margin: 0px;
}
#carbonator h2 {
    padding: 0 0 13px;
    margin: 0;
}
#carbonator h2.choosesection {
    padding: 0 0 13px;
    margin: 1px 0 -2px 0;
}
#carbonator a.more_link {
   text-decoration: underline;
}
#carbonator div.tabs {
    width: 390px;
    height: 36px;
    padding: 0px;
    margin: 0 7px 0 8px;
}
#carbonator div.tabs ul li {
    float: left;
}
#carbonator div.tabs ul li a.tab {
    display: block;
    height: 36px;
}
#carbonator div.tabs ul li img.travel {
    background: url(../images/carbonator/calTabTravel.gif) no-repeat left top;
    width: 129px;
}
#carbonator div.tabs ul li img.home {
    background: url(../images/carbonator/calTabHome.gif) no-repeat left top;
    width: 133px;
}
#carbonator div.tabs ul li img.food {
    background: url(../images/carbonator/calTabFood.gif) no-repeat left top;
    width: 128px;
}
/*#carbonator div.tabs ul li a.tab:hover, 
#carbonator div.tabs ul li a.tab:focus,*/
#carbonator div.tabs ul li img.active {
    background-position: 0 -36px;
}
#carbonator div.tabs ul li img.tabimage {
    height: 36px;
    display: inline;
}
#carbonator .content {
    width: 364px;
    height: 407px;
    margin: 0 7px 0 8px;
    padding: 13px;
}
#carbonator div.content div.startbuttons {
	margin-bottom: 10px !important;
	float: left;
}
#carbonator .content .section {
    background-color: transparent;
    background-image: url(../images/generic/sectionBorder.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 13px 0 0;
    position: relative;
    z-index: 100;
}
#carbonator div.content div.section p {
    padding: 0 0 13px;
    margin: 0px;
}
#carbonator div.content div.section .summaryImage 
{
    margin-top: -9px;
    padding-bottom: 13px;
}
#carbonator div.content div.section .side_text {
    width:230px;
    margin-left: 13px;
}
#carbonator .content .section .icon {
    width: 107px;
    padding: 0 5px;
    text-align: center;
}
#carbonator .content .section .middle {
    width: 107px;
    padding: 0 11px;
    text-align: center;
}
#carbonator .content .section .icon img {
    padding: 0 0 5px;
}
#carbonator .content .section p.start {
    text-align: center;
}
#carbonator div.question {
    width: 364px;
    height: 407px;
    margin: 0 7px 0 8px;
    padding: 13px 12px 13px 13px;
}
#carbonator div.question .section h2.question {
    padding-right: 13px;
    padding-bottom: 0px;
    position:relative;
}
#carbonator div.question .section p.question {
    width: 290px;
    position:relative;
}
#carbonator div.question .section p.quest_supplementary {
	position: relative;
	top: -10px;
	width: 290px;
}
#carbonator div.question .options {
    background-color: #FFFFFF;
    background-image: url(../images/carbonator/options2BG.gif);
    background-repeat: repeat-y;
    background-position: top left;
    width: 365px;
    padding: 0;
    margin: 0;
}
#carbonator .textQuestion .options {
    background: #FFFFFF url(../images/carbonator/options2BG.gif) repeat-y top left;
    width: 365px;
    padding: 0;
    margin: 0;
}
#carbonator div.question .options .section, #carbonator .textQuestion .options .section {
    background: #FFFFFF url(../images/carbonator/optionsBorder.gif) repeat-x top left;
    padding: 1px 0;
    margin: 0 1px;
}
#carbonator div.question .options .bottom, #carbonator div.question .bottom {
    background: #FFFFFF url(../images/carbonator/optionsTableBorder.gif) repeat-x top left;
    padding: 1px 0 0 0;
    margin: 0 0px;
}
#carbonator .content .option {
    width: 175px;
    padding: 3px;
    margin: 0;
}
#main_content #carbonator .content .option p {
    padding: 3px 0;
    margin: 0;
}
/* Carbonator Form Questions */
#carbonator label {
    font-size: 0.75em;
}
#carbonator, #carbonator input {
    padding: 0;
    margin: 0;
}
#carbonator select.dropdown, 
#carbonator select.number {
    font-size: 0.75em;
    color: #444444;
    padding: 1px;
}
#carbonator p select.dropdown, 
#carbonator p select.number {
    font-size: 100% !important;
}
#carbonator select.dropdown {
    width: 175px;
}
#carbonator select.number {
    width: 50px;
}
#carbonator .travelQ2 {
    background: url(../images/questions/travelQ2.gif) no-repeat top left;
    width: 357px;
    height: 176px;
    margin: 3px 3px 2px 3px;
    padding-top: 15px;
    padding-left: 70px;
}
#carbonator .foodQ3 {
    background: url(../images/questions/foodQ3.gif) no-repeat top left;
    width: 357px;
    height: 176px;
    margin: 3px 3px 2px 3px;
    padding-top: 15px;
    padding-left: 70px;
}
#carbonator .foodQ5 {
    background: url(../images/questions/foodQ5.gif) no-repeat top left;
    width: 357px;
    height: 176px;
    margin: 3px 3px 2px 3px;
    padding-top: 15px;
    padding-left: 70px;
}
/* Carbonator Help */
#help div.flyover {
	display: none;
	border: 1px solid #00ADDD;
	background-color: #FFFFFF;
	width: 240px;
	position: absolute;
	top: 140px;
	left: 95px;
	z-index: 100;
}
#main_content #carbonator #help div.flyover p.header {
    padding: 10px;
    width: 220px;
	background-color: #00ADDD;
	color: #FFF;
	font-weight: bold;
}
#main_content #carbonator #help div.flyover p {
    padding: 10px;
    width: 220px;
}
#carbonator #help #helpQ2 {
	position: absolute;
	top: 220px;
	left: 95px;
}
#carbonator #helpQ3a, 
#carbonator #helpQ3b {
	position: absolute;
	top: 125px;
}
#carbonator #help #helpHomeQ1d {
	position: absolute;
	top: 240px;
	left: 95px;
}
#carbonator #help #helpHomeQ1e, 
#carbonator #help #helpHomeQ1f {
	position: absolute;
	top: 350px;
	left: 95px;
}
#carbonator #helpTravelQ3a, 
#carbonator #helpTravelQ3b {
	position: absolute;
	top: 90px;
}
#carbonator #helpFoodQ1 {
	position: absolute;
	top: 380px;
}
#carbonator #helpFoodQ3, #carbonator #helpFoodQ5 {
	position: absolute;
	top: 225px;
}
#carbonator #helpfoodQ7a {
	position: absolute;
	top: 180px;
}
/* Carbonator Buttons */
#carbonator div.buttons {
    background: #FFFFFF url(../images/carbonator/calBottom.gif) no-repeat top left;
    margin: 0;
    padding: 3px 32px 21px 36px;
    height: 33px;
}
#carbonator div.nobuttons {
    background: #FFFFFF url(../images/carbonator/cal_bottom2.gif) no-repeat top left;
    margin: 0;
    padding: 3px 32px 21px 36px;
    height: 33px;
}
#carbonator div.buttons div.nextquestion input.button {
	width: 109px;
    margin-left: 228px;
    margin-top: 1px;
}
#carbonator div.buttons div.nextquestion a.button:hover,
#carbonator div.buttons div.nextquestion a.button:focus {
	background-position: 0 -33px;
}
#carbonator div.buttons div.nextquestion a img {
	display: block;
}
#carbonator div.buttons a.button {
    display: block;
    height: 33px;
}
#carbonator div.section a.button img {
	display: block;
}
#carbonator div.section input.butViewTotalFootprint {
	margin-left: 127px;
}
#carbonator div.section a.butViewTotalFootprint:hover {
	background-position: 0 -33px;
}
#carbonator table {
    background: url(../images/carbonator/optionTableBG.gif) repeat-y left top;
    width: 365px;
}
#carbonator table tr td {
    padding: 0px 4px 5px 4px;
    width: 175px;
    height: 111px;
}

/* Opera CSS Hack */
@media screen and (min-width: 0px) {
	#carbonator table tr td {
		padding: 0 0 0 4px;
	}
}

#carbonator table tr td input {
    position: relative;
    top: 85px;
}
#carbonator table tr td span {
    position: relative;
    top: 85px;
}
#carbonator table tr td span.noTop {
    position: relative;
    top: 0;
}
#carbonator table tr td img {
    position: relative;
    top: -19px;
}
/* Travel Questions */
#carbonator #TravelQuestion1 table{
    background: url(../images/carbonator/optionTableBG4row.gif) repeat-y left top;
}
#carbonator #TravelQuestion1 table tr td {
    padding: 4px 4px 5px 4px;
    width: 175px;
    height: 77px;
}
#carbonator #TravelQuestion1 table tr td:lang(en) {
    padding: 4px 4px 5px 4px;
    width: 175px;
    height: 86px;
}
#carbonator #TravelQuestion1 table tr td input {
    top: 60px;
}
#carbonator #TravelQuestion1 table tr td span {
    top: 60px;
}
/* Home Questions */
#carbonator #HomeQuestion table tr td {
    padding: 4px 4px 5px 4px;
    width: 175px;
    height: 102px;
}
#carbonator #HomeQuestion table tr td:lang(en) {
    padding: 4px 4px 5px 4px;
    width: 175px;
    height: 111px;
}
/* Food Questions */
#carbonator div.selectquestion table tr td img {
    position: relative;
    top: 3px;
}
#carbonator div.selectquestion table tr td p {
    padding: 0;
    margin: 5px 0;
}
#carbonator div.selectquestion + div.bottom {
	width: 101%;
}
/* Carbonator Summary Screens */
#carbonator ul.rating {
	list-style-type: none;
	margin-top: 10px;
}
#carbonator ul.rating li {
	float: left;
}






















/* Carbonator Form Questions 
#carbonator table tr td {
    width: 175px;
    height: 25px;
    bor der: solid 1px red;
}
#carbonator table tr td.top85 {
    padding: 83px 3px 0px 4px;
}
#carbonator table tr td.top85:lang(en) {
    padding: 85px 3px 4px 4px;
}*/
/* Opera CSS Hack */
@media screen and (min-width: 0px) {
    #carbonator table tr td.top85 {
        padding: 85px 3px 6px 4px!important;
    } 
}
/* End Opera CSS Hack */
#carbonator table tr td.homeQ4a {
    background: transparent url(../images/questions/homeQ4a.gif) no-repeat left top;
}
#carbonator table tr td.homeQ4b {
    background: transparent url(../images/questions/homeQ4b.gif) no-repeat left top;
}
#carbonator table tr td.homeQ4c {
    background: transparent url(../images/questions/homeQ4c.gif) no-repeat left top;
}
#carbonator table tr td.homeQ4d {
    background: transparent url(../images/questions/homeQ4d.gif) no-repeat left top;
}