/* GENERAL  v.2 */

body {
    font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #000066; 
    text-align: left;
	margin: 0;
	padding: 0;
}

h1 { 
	font-size: 20px;
	font-weight: normal;
	color: #000066; 
	margin: 0 0 5px 0;
	padding: 0;
}

h2 { 
	font-size: 16px;
	font-weight: normal;
	color: #000066; 
	margin: 0 0 5px 0;
	padding: 0;
}


img { 
	border: none; 
	margin: 0;
	padding: 0;
}

div { 
	margin: 0;
	padding: 0;
}

ul { 
	margin: 0;
	padding: 0;
}


p { 
	margin: 0;
	padding: 0 0 10px 0;
}

table { 
	margin: 0;
	padding: 0;
}

tr, th { 
	margin: 0;
	padding: 0;
}

.text-bold { 
	font-weight: bold;
	color: #000066;
}

.text-red { 
	color: #DD0000;
}

.delete-link { 
	cursor: pointer;
	color: #DD0000;
	text-decoration: underline;
}

a { font-weight: bold; text-decoration: underline; }
a:link { color: #000066; font-weight: bold; text-decoration: underline; }
a:visited { color: #000066; font-weight: bold; text-decoration: underline; }
a:hover { color: #DD0000; font-weight: bold; text-decoration: underline; }
a:active { color: #DD0000; font-weight: bold; text-decoration: underline; }

.price { white-space: nowrap; }
.tons { white-space: nowrap; }

/* BASIC LAYOUT */

.wrap-page {
    margin: 15px 0 0 15px;		
}

.page {
    width: 850px;
	overflow: visible;
	float: left;  
}

.wrap-top-background {
	margin: 10px 0 0 0;
	float: left;
	background-image: url(/images/rotary/forcss/box-background.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.wrap-left {
	width: 635px;
	overflow: visible;
	float: left;
}

.wrap-right {
	width: 205px;
	overflow: visible;
	float: left;
}

/* HEAD */

.wrap-head-rotary {
	border-width: 0 0 1px 0;
	border-color: #FF6600;
	border-style: solid;
	margin: 0 0 15px 0;
}

.logo-rotary {
	width: 290px;
	height: 40px;
	float: left;
}

.wrap-languages {
	font-size: 11px;
	float: right;
	margin: 5px 0 0 0;
}

/* BUTTONS */

.wrap-buttons {
	width: 633px;
	border-color: #85A3C3;
	border-width: 1px 0 0 0;
	border-style: solid;    
	float: left;
}

.wrap-buttons-right {
	float: right;
	padding: 10px 11px 10px 0;  
}

.wrap-buttons-left {
	float: left;
	padding: 10px 0 10px 11px;
}

.wrap-buttons-left-2 {
	float: left;
	padding: 0 0 0 11px;
}

.button-over-form {
	font-weight: bold;
	cursor: pointer;
	float: left;
	color: #FFFFFF;
	background-color: #FF6600;
	border-color: #FF6600;
	border-width: 1px;
	border-style: solid;
    padding: 2px 4px 4px 4px;
}

.button-active-form {
	cursor: pointer;
	font-weight: bold;
	float: left;
	background-color: #CCD6EB;
	border-color: #85A3C3;
	border-width: 1px;
	border-style: solid;
    padding: 2px 4px 4px 4px;
}

.button-delete-form {
	cursor: pointer;
	font-weight: bold;
	float: left;
	color: #DD0000;
	border-color: #85A3C3;
	border-width: 1px;
	border-style: solid;
    padding: 2px 4px 4px 4px;
}

.button-passive a, .button-passive a:link, .button-passive a:visited  { 
	display: block;
	text-decoration: underline;
	font-weight: bold;
	float: left;
	border-color: #85A3C3;
	border-width: 1px;
	border-style: solid;
    padding: 2px 4px 4px 4px;
}

.button-active a, .button-active a:link, .button-active a:visited { 
	display: block;
	text-decoration: none;
	font-weight: bold;
	float: left;
	background-color: #CCD6EB;
	border-color: #85A3C3;
	border-width: 1px;
	border-style: solid;
    padding: 2px 4px 4px 4px;
}

.button-delete a, .button-delete a:link, .button-delete a:visited { 
	display: block;
	text-decoration: none;
	font-weight: bold;
	float: left;
	color: #DD0000;
	border-color: #85A3C3;
	border-width: 1px;
	border-style: solid;
    padding: 2px 4px 4px 4px;
}

.button-delete a:hover, .button-passive a:hover, .button-delete a:hover,
.button-delete a:active, .button-passive a:active, .button-delete a:active {  
	color: #FFFFFF;
	background-color: #FF6600;
	border-color: #FF6600;
	border-width: 1px;
	border-style: solid;
}

/* CALCULATOR BOXES */

.wrap-main-title-emissions {
	background-color: #7BE6FD;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	width: 635px;	
}

.wrap-main-title-compensations {
	background-color: #7BE6FD;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	width: 205px;	
}

.main-title-left {
	padding: 4px 7px 5px 7px ;			
	overflow: visible;
	float: left;	
}

.main-title-right {
	padding: 3px 7px 5px 7px ;			
	overflow: visible;
	float: right;	
}

.sub {
	font-size: 10px;
	line-height: 10px;
}

.calculator-box {
    width: 205px;
	overflow: visible;
	float: left; 
}

.calculator-box-line {
	padding: 1px;
	float: left; 
}

.wrap-title-calculator-box {
	width: 203px;					
	overflow: visible;
	float: left;
}

.title-calculator-box {			
	width: 140px;   		
	float: left;
}

.title-calculator-box-in {
	font-size: 20px;			
    padding: 18px 5px 10px 13px;		
	overflow: visible;
	float: left;
}

.icon-calculator-box {
    width: 60px;
    height: 63px;
	overflow: hidden;
	float: right;
}

/* MENU CALCULATOR BOXES */

.menu-passive, .menu-active-red, .menu-passive-blue, .menu-active-blue { 
	margin: 0 0 10px 0;
	width: 203px;	
	float: left;
	background-color: #CCD6EB;
}	

.menu-passive a, .menu-passive a:link, .menu-passive a:visited {
	font-weight: normal; 
	text-decoration: none;
	display: block;
	color: #000066;
	width: 137px;
	padding: 2px 10px 4px 5px;						
	overflow: visible;
	background-color: #CCD6EB;
	background-image: url(/images/rotary/forcss/drop-down-button.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}

.menu-active-red a, .menu-active-red a:link, .menu-active-red a:visited {
	font-weight: normal; 
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	width: 137px;
	padding: 2px 10px 4px 5px;								
	overflow: visible;
	background-color: #7BE6FD;
	background-image: url(/images/rotary/forcss/drop-down-button.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}

.menu-passive a:hover, .menu-active-red a:hover,
.menu-passive a:active, .menu-active-red a:active {  
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #333333;
	width: 137px;
	padding: 2px 10px 4px 5px;						
	overflow: visible;
	background-color: #7BE6FD;
	background-image: url(/images/rotary/forcss/drop-down-button-2.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}

.menu-passive-blue a, .menu-passive-blue a:link, .menu-passive-blue a:visited {
	font-weight: normal; 
	text-decoration: none;
	display: block;
	color: #000066;
	width: 188px;
	padding: 2px 10px 4px 5px;								
	overflow: visible;
	background-color: #CCD6EB;
	background-image: url(/images/rotary/forcss/drop-down-button.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}

.menu-passive-blue a:hover, 
.menu-passive-blue a:active {  
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #333333;
	width: 188px;
	padding: 2px 10px 4px 5px;						
	overflow: visible;
	background-color: #CCCCCC;
	background-image: url(/images/rotary/forcss/drop-down-button-2.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}

.menu-active-blue a, .menu-active-blue a:link, .menu-active-blue a:visited { 
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	width: 188px;
	padding: 2px 10px 4px 5px;							
	overflow: visible;
	background-color: #000066;
	background-image: url(/images/rotary/forcss/drop-down-button.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}

.menu-active-blue a:hover,
.menu-active-blue a:active {  
	font-weight: normal;
	text-decoration: none;
	display: block;
	color: #333333;
	width: 188px;
	padding: 2px 10px 4px 5px;						
	overflow: visible;
	background-color: #CCCCCC;
	background-image: url(/images/rotary/forcss/drop-down-button-2.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}

.menu-text-right {
    padding: 4px 5px 0 0;	
    font-size: 11px;				
	overflow: visible;
	float: right;
}

.wrap-menu-description {
	margin: 0 0 5px 0;
	float: left;					
}

.menu-description {
	color: #000066;
    padding: 2px 5px 4px 5px;					
	overflow: visible;
	line-height: 19px; 
}

/* DESIGN DOWN */

.project-pic {
	height: 334px;
	width: 205px;
	overflow: hidden;
	float: left;
}

.wrap-content {  
	width: 635px;    
    margin: 0 0 10px 0;		
	float: left;		
}

.content-line {  
	border-width: 1px;
	border-color: #85A3C3;
	border-style: solid;
	float: left;		
}

.title-content { 
	color: #333333;
	line-height: 19px; 
	font-weight: bold;
    padding: 15px 15px 0 15px;
	float: left;
}

.normal-content { 
	color: #333333;
	line-height: 19px; 
	font-weight: bold;
    padding: 10px 15px 5px 15px;
	float: left;
}

.wrap-normal-content-withline { 
	width: 633px;
	float: left;
	border-color: #85A3C3;
	border-width: 1px 0 0 0;
	border-style: solid;  
}

.info { 
	color: #333333;
	line-height: 19px; 
	font-weight: normal;
    padding: 15px 15px 10px 55px;
	float: left;
	background-image: url(/images/rotary/icons/icon-info.gif); 
	background-repeat: no-repeat;
	background-position: 10px 15px;
}

.wrap-info-2 {
	width: 633px;
	border-color: #85A3C3;
	border-width: 1px 0 0 0;
	border-style: solid;    
	float: left;
} 

.info-2 { 
	color: #333333;
	font-size: 12px;
	line-height: 15px; 
	font-weight: normal;
	margin: 5px 0 10px 0;
    padding: 10px 15px 5px 45px;
	float: left;
	background-image: url(/images/rotary/icons/icon-info-2.gif); 
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

/* MULTIPLE CHOICE */

.wrap-choice {
	cursor: pointer;
	width: 633px;
	border-color: #85A3C3;
	border-width: 1px 0 0 0;
	border-style: solid;    
	float: left;
}

.wrap-choice-over {
	cursor: pointer;
	width: 633px;
	background-color: #CCD6EB;
	border-color: #85A3C3;
	border-width: 1px 0 0 0;
	border-style: solid;    
	float: left;
	font-weight: bold;
}

.choice-passive {
	line-height: 19px; 
	margin: 7px 0 5px 0; 
	padding: 0 15px 4px 10px; 
	float: left;
	font-weight: bold;	
}

.choice-passive input {
	margin: 0 10px 0 0; 
}

/* CALCULATORS FORMS */

form {
	margin: 0;
	padding: 0;    	
}

label {
	margin: 0;
	padding: 0;    	
}

input {
	margin: 0;
	padding: 0;    
    font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;	
}

select {
	margin: 0;
	padding: 0;    
    font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;	
}

textarea {
	margin: 0;
	padding: 0;    
    font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;	
}

.wrap-inputs { 
	width: 633px;
	float: left;
}

.wrap-inputs-left { 
	padding: 5px 15px 5px 15px;
	float: left;
}

.wrap-inputs-left-2 { 
	padding: 5px 15px 15px 15px;
	float: left;
}

.wrap-inputs-left-3 { 
	padding: 25px 15px 25px 15px;
	float: left;
}

.wrap-inputs-right { 
	padding: 5px 15px 5px 15px;
	float: right;
}

.label-1 { 
	width: 50px;
	float: left;
}

.label-2 { 
	padding: 0 10px 0 0;
	float: left;
}

.label-3 { 
	width: 100px;
	float: left;
}

.label-4 { 
	width: 200px;
}

.label-5 { 
	width: 150px;
	float: left;
} 

.input-text { 
	float: left;
	padding: 0 0 0 10px;
}

.checkbox { 
	float: left;
}

.selection { 
	float: left;
	padding: 0 0 0 10px;
}

.tab { 
	padding: 0 10px 0 5px;
}

/* TABLES */

.checkout {
	margin: 10px 0 20px 0;
	width: 633px;
	empty-cells: show;	
}

.checkout td {
	padding: 4px 15px 6px 15px;	
}


.shopping-cart {
	width: 633px;
	empty-cells: show;	
}

.shopping-cart th {
	font-weight: bold;
	padding: 4px 15px 6px 15px;	
	border-color: #85A3C3;
	border-width: 1px 0 1px 0;
	border-style: solid;  
	empty-cells: show;	
}

.shopping-cart td {
	padding: 4px 15px 6px 15px;	
	border-color: #85A3C3;
	border-width: 0 0 1px 0;
	border-style: solid;  
	empty-cells: show;	
}

/* FOOTER */

.wrap-footer { 
	float: left;
	width: 635px;
}

.disclaimer-rotary { 
	color: #333333;
	line-height: 16px;	
	font-size: 11px;
	margin: 6px;
}

.disclaimer-myclimate { 
	color: #333333;
	line-height: 16px;	
	font-size: 11px;
	margin: 6px;
}

/* SPACERS AND CLEARING */

.spacer-line {
	font-size: 1px;
	line-height: 1px;
	height: 11px;
	width: 850px;
	background-image: url(/images/rotary/forcss/box-background-2.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

.clear {
	clear: both;
}

.spacer-width-10px { 
	width: 10px;
	float: left;
}

.spacer-width-633px { 
	width: 633px;
	float: left;
}

/* MYCLIMATE CSS: */

/* Autocomplete */

  div.auto_complete {
    width: 350px;
    background: #fff;
}
  
  div.auto_complete ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
  }
  div.auto_complete ul li {
    margin:0;
    padding:3px;
    font-size: 0.8em;
    background: #fff;
  }
  div.auto_complete ul li.selected { 
    background-color: #ffb; 
    font-size: 0.8em;
  }
  div.auto_complete ul strong.highlight { 
    color: #800; 
    margin:0;
    padding:0;
    font-size: 0.8em;
  }

/* The error box */

.fieldWithErrors {
	padding: 2px;
 	background-color: #DD0000;
	float:left;
}

#errorExplanation {
	width: 633px;
	float:left;
}

#errorExplanation h2 {
	font-weight: bold;
	font-size: 16px;
	padding: 10px 15px 12px 15px;
	color: #FFFFFF; 
	background-color: #DD0000;
}

#errorExplanation p {
	color: #DD0000;
	font-weight: bold;
	line-height: 19px; 
	padding: 5px 15px 0 15px;
}

#errorExplanation ul {
	margin: 0 15px 10px 15px;
	list-style: square;
}

#errorExplanation ul li {
	color: #DD0000;
	list-style: square;
	font-weight: bold;
	line-height: 19px;
	margin: 0 0 0 15px;
}

/* notice */

#notice {
	color: #333333;
	line-height: 19px; 
  	font-weight: bold;
    padding: 15px 15px 20px 15px;
	background-color: #CCD6EB;
}