/*
Carbon Passport
NSDesign Glasgow
*/


* {
    margin: 0;
    padding: 0;
}


#contents ul, #widecontents ul {
margin-top:20px;
list-style: disc url(../../../interface/li1.gif) outside;
}

#contents ul ul, #widecontents ul ul{
margin-top:20px;
list-style: disc url(../../../interface/li2.gif) outside;
}

#contents ul ul ul, #widecontents ul ul ul{
margin-top:20px;
list-style: disc url(../../../interface/li3.gif) outside;
}



#contents li, #widecontents li {
margin-left:50px;
padding-left: 10px;

}


#contents a, #widecontents a {
color: #99CC00;
font-weight: bold;
text-decoration: none;
}

#contents a:hover, #widecontents a:hover {
color: #6A8C02;
font-weight: bold;
text-decoration: underline;
}



h4 {
margin: 15px 0 15px 0;
font-family: Trebuchet MS, Verdana;
}

body {
    background: #fff;
    color:#000;
    font-family: verdana, Arial, Sans-Serif;
    font-size: 69%;
    line-height:150%;
    text-align: center;
    margin: 10px 0;
}
#page {
    margin: 0 auto;
    width: 872px;
    text-align: left;
}


/** Header **/
h1 {
	background: #fff url(../../../interface/carbon-passport.jpg) no-repeat;
	display: block;
    width: 175px;
	height: 180px;
    float:left;
    margin-left: 7px;
}
h1 a {
    display: block;
    width: 175px;
	height: 180px;
}
h1 span {
	display: none;
	height: 0px;
}

/** Menu **/
#header {
    float:left;
    width:672px;
    margin: 10px 0 0 10px;
}
#header div {
    width: 590px;
}
#header span {
    display: block;
    border: 1px solid #fff;
    clear: left;
}
#menu {
    list-style: none;
}



#menu li {
    float: left;
position: relative;
		z-index: 5;

}
#menu li a,
#menu li a:link,
#menu li a:visited {
    width: 112px;
    height: 24px;
    background: #113ecd url(../../../interface/top-buttons.gif) no-repeat;
    display: block;
    text-align: center;
    padding-top:12px;
    font-size:0.9em;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#menu li a:active,
#menu li a:focus,
#menu li a:hover,
#menu li.selected a,
#menu li.selected a:link,
#menu li.selected a:visited {
    background: #27bf01 url(../../../interface/top-buttons.gif) no-repeat bottom;
}








#menu li:hover ul, #menu li.over ul { /* lists nested under hovered list items */
	display: block;
}


#menu li ul {
    list-style: none;
	display: none;
	position: absolute;
	top: 3em;
	left: 0;

}

#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}


#menu li ul li {
	clear:both;
    float: none;
	display: inline;
	background-image: none;



}

#menu li ul li a,
#menu li ul li a:link,
#menu li ul li a:visited,
#menu li.selected ul li a,
#menu li.selected ul li a:link,
#menu li.selected ul li a:visited {
    padding:5px 0px 3px 0px;
    width: 110px;
    height: 18px;
    background-color: #B0F69D;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
    text-align: center;
    font-size:0.9em;
    color: #000;
    font-weight: bold;
    text-decoration: none;
	background-image: none;
}

#menu li ul li a:active,
#menu li ul li a:focus,
#menu li ul li a:hover,
#menu li.selected ul li a:hover
  {
	background-image: none;
    background-color: #6E8BE2;
    color: #fff;
}


.subfiller {
background: #fff url(../../../interface/secondary-buttons.gif) repeat-x;
display: block;
width: 100%;
height: 26px;
}

/** leftmenu **/
#leftmenu {
    width: 185px;
    float:left;
    list-style: none;
}
#leftmenu li {
    width: 185px;
	display: block;
}
#leftmenu li a {
    display: block;
    width: 185px;
    text-indent: -9000px;
}


li#flights {
	background: #fff url(../../../interface/left-flights.jpg) no-repeat;
	height: 94px;
}
li#flights a {
	height: 94px;
}
li#car {
	background: #fff url(../../../interface/left-car.jpg) no-repeat;
	height: 68px;
}
li#car a {
	height: 68px;
}
li#home {
	background: #fff url(../../../interface/left-home.jpg) no-repeat;
	height: 76px;
}
li#home a {
	height: 76px;
}
li#offsets {
	background: #fff url(../../../interface/left-offsets.jpg) no-repeat;
	height: 129px;
}
li#offsets a {
	height: 129px;
}


/** body **/
#tips {
	background: #fff url(../../../interface/tip-bg.gif) no-repeat top;
    width: 250px;
    margin-left: 10px;
    float:left;
	margin-top: -25px;
}
#tips div {
    height: 150px;
    margin: 20px 30px 0 80px;
    color: #fff;
    font-weight: bold;
}
#tips h3 {
    font-size: 1.2em;
}
#tips img {
    margin-top:10px;
}
#contents {
    width: 408px;
    margin-left: 10px;
    float: left;
    font-size: 95%;
	text-align:justify;
    line-height:140%;
	padding-top: 10px;
	margin-top: -20px;
}

#widecontents {
    width: 665px;
    margin-left: 10px;
    float: left;
    font-size: 95%;
	text-align:justify;
    line-height:140%;
	padding-top: 10px;
	margin-top: -20px;
}

/** footer */
#footer {
    clear: left;
    list-style: none;
	margin-top: 35px;
	border-top: 1px dotted #ccc;

	display: block;

}
#footer li {
    display: inline;
    padding: 0 10px;
}

#footer li:hover {
    display: inline;
    padding: 0 10px;
}


#footer li a {
    color: #555;
    text-decoration: none;
}
#footer li a:hover {
    text-decoration: underline;
    color: #000;

}
/** general **/
.clear { clear: left; height: 0px; margin: 0px; }
p {
    margin: 5px 0 20px 0;
}
h2 {
    color: #beec25;
	font-size: 42px;
	display: inline;

}
.hide {
    display: none;
}
.hideall {display:none;}


#copyright {
margin-left: 10px;
font-size: 0.8em;
margin-top: 10px;
}

#copyright, #copyright a, #copyright a:hover, #copyright a:visited {
color:#aaa;
text-decoration:none;

}

#copyright a:hover {
text-decoration:underline;
color:#555;
}

/** forms **/
h4 {}


.calcflight, .calccar, .calchome, .calccitizen, .calcquick {
    color: #fff;
	font-size: 1.8em;
	display:block;
	height: 53px;
	padding-top:10px;
}

.calcflight {	background: #C4D2FC url(../../../interface/calc-flight.jpg) no-repeat right top;}
.calccar {	background: #C4D2FC url(../../../interface/calc-car.jpg) no-repeat right top;}
.calchome {	background: #C4D2FC url(../../../interface/calc-home.jpg) no-repeat right top;}
.calccitizen {	background: #C4D2FC url(../../../interface/calc-citizen.jpg) no-repeat right top;}
.calcquick {	background: #C4D2FC url(../../../interface/calc-quick.jpg) no-repeat right top;}


.calcflight span, .calccar span, .calchome span, .calccitizen span, .calcquick span{
    color: #93AFFE;
	font-size: 0.5em;
}


#formflights {
		background: #C4D2FC url(../../../interface/clouds.jpg) no-repeat bottom;
		padding: 10px;
        border: 2px solid #93AFFE;
}
    #formflights fieldset {
        border: 1px solid #93AFFE;
		padding: 0 12px 10px 12px;
    }
        #formflights legend {
            font-size: 110%;
			margin-bottom: 10px;
        }

            #formflights .details label {
                float:left;
                width:181px;
				margin-top: 5px;
                }


        #formflights #fromcountries,
        #formflights #fromcities,
        #formflights #viacountries,
        #formflights #viacities,
        #formflights #tocountries,
        #formflights #tocities,
		#formflights #passengers,
		#formflights #fare {
            width: 165px;
            margin:5px 10px 0 0;
			padding: 0px;
			font-size: 85%;
        }


		#formflights #l1,
		#formflights #l2,
		#formflights #standardcar {
            width: 340px;
            margin:5px 10px 0 0;
			padding: 0px;
			font-size: 85%;
        }

		#formflights #measurement,
		#formflights #elecmeasurement,
		#formflights #gasmeasurement,
		#formflights #frequency {
            width: 60px;
            margin:5px 10px 0 0;
			padding: 0px;
			font-size: 85%;
        }

		#formflights #distance,
		#formflights #gasconsume,
		#formflights #elecconsume {
            width: 56px;
			height: 16px;
            margin:5px 5px 0 0;
			padding: 0px;
			font-size: 85%;
        }



/* sidebar menu */
#menuside {
    width:173px;
    float: left;
    text-align: left;
    margin: 5px 0 10px 10px;
    padding:0px;
}
#menuside dt {
    background: #fff url(../../../interface/top-buttons.gifX) repeat-x;
    color: #1541CC;
    font-weight: bold;
    padding: 5px;
    height: 40px;
	padding-top: 11px;
	text-align: center;

}
#menuside dd {
margin: 0px;
padding:0px;
clear: both;
}










#menuside dd a,
#menuside dd a:link,
#menuside dd a:visited {
    margin: 0px 0px 0px 22px;
    color: #000;

    padding: 0px 0px 0px 23px;
    background: #fff url(/interface/dd-list.gif) no-repeat left;
    text-decoration: none;
    display: block;
}


#menuside dd a:active,
#menuside dd a:focus,
#menuside dd a:hover {
    color: #000;
	font-weight:bold;

}



#menuside dd a.calcs,
#menuside dd a:link.calcs,
#menuside dd a:visited.calcs {
    margin: 0px;
    color: #000;
    background-image: none;
    padding: 0px 0px 0px 23px;
    text-decoration: none;
}



/*sub menu */
#menuside dd a.active,
#menuside dd a:link.active,
#menuside dd a:visited.active {
    color: #000;
	font-weight:bold;
}
#menuside dd a.sub,
#menuside dd a:link.sub,
#menuside dd a:visited.sub {
    padding: 5px 5px 5px 35px;
    color: #000;
    background: #ddd url(/interface/dd-list-sub.gif) no-repeat left;
}
#menuside dd a:active.sub,
#menuside dd a:focus.sub,
#menuside dd a:hover.sub {
    color: #000;
	font-weight:bold;
	}


#menuside dd img{
border: 1px solid #666;
margin-top:5px;
float: left;
}

.homelinks {
    font-family: Trebuchet MS, Verdana;
    color: #000;
    display: block;
    padding-top: 17px;
    font-size: 120%;
	padding-left: 50px;
	margin: 0px;
}

#minicalcs {
	float: right;
	margin-right: 10px;	
	margin-top: 3px;
	}

#minicalcs img{
border: 1px dotted #666;
}

#minicalcs img:hover{
border: 1px solid #666;
}

/** minibasket **/
#shoppingmenu {
    list-style: none;
    float:left;
}
#shoppingmenu li {
    display: inline;
    padding: 0 3px;
    border-left: 1px solid #999;
}
#shoppingmenu li a,
#shoppingmenu li a:visited {
  color: #99CC00;
  font-weight: bold;
  text-decoration: none;
}
#shoppingmenu li a:hover {
  color: #6A8C02;
  font-weight: bold;
  text-decoration: underline;
}


/* Basic Forms */


legend {
            font-size: 110%;
		font-weight:bold;
		padding-right:5px;
}

.nobr {display: none;}
.fieldset label {
		text-align:right;
		width:120px;
		float:left;
		padding:0.2em;
		margin-right:0.1em;
		margin-top:0.1em;
		}


.fieldset2 label {
		text-align:right;
		width:120px;
		float:left;
		padding:0.2em;
		margin-right:0.1em;
		margin-top:0.1em;
		}

.formoff {border: 1px solid #7F9DB9;
font-family: Trebuchet MS, Verdana;}

.formon {
border: 1px solid #2ABF02;
background-color:#C5D2FE;
font-family: Trebuchet MS, Verdana;
}

.shortformoff {border: 1px solid #7F9DB9;
font-family: Trebuchet MS, Verdana;
width: 60px;}

.shortformon {
border: 1px solid #2ABF02;
background-color:#C5D2FE;
font-family: Trebuchet MS, Verdana;
width: 60px;
}


.fieldset {
        border: 1px solid #93AFFE;
		background-color: #C4D2FC;
		position: relative;
		z-index: 1;


}


.fieldset legend {
position: absolute;
top: -.7em;
left: .2em;
}





.certback {
	background: #C4D2FC url(../../../interface/mini-cert.jpg) no-repeat;
	background-position: center;
	display:block;
	height: 325px;
}

.certbackgift {
	background: #C4D2FC url(../../../interface/mini-cert-gift.jpg) no-repeat;
	background-position: center;
	display:block;
	height: 325px;
}


.certtext {
	padding-left: 30px;
	padding-top: 120px;
	text-align:center;
}

.fakebutton {
margin-bottom: 5px;
padding:5px;
border: 1px solid #93AFFE;
display: block;
}


.fakebutton:hover {
background-color: #C4D2FC;
}

#extrabox {
    width: 235px;
    margin-left: 10px;
    float:right;
	
}