img {behavior:url("/style/our-universe/pngfix.htc");}

dl {
	background-color:#FCFAFD;
	border:1px solid #E7E7E7;
	margin-bottom:10px;
}

dt {
color:#085A92;
font-size:1.2em;
line-height:1.4em;
margin:4px 0 4px;
padding:0 8px;
display:block;
cursor: pointer
}

dd {
	margin:0 0 8px;
	padding:0 8px;
}

#header_panel {
	margin-bottom:12px;
}

.product_image {
	float:left;
	width:140px;
	margin:8px 0 0 0;
	padding:0;
	border:0;
}

.product_text {
	float:right;
	width:270px;
	margin:0 0 12px 0;
	padding:0;
	border:0;
}

.product_text p {
	font-size:.9em;
	line-height:15px;
}

#sm_content div.product_text h2 {
	font-size:1em;
	line-height:18px;
	padding-top:4px;
	margin-top:0;
	padding-bottom:4px;
}


#page_left, #page_right {
	float:left;
	margin:0;
	border:0;
	padding:0;
	width:365px;
}

#page_right {
	float:right;
	width:340px;
	background:none;
}

.right_panel {
	width:278px;
	border-top:1px solid #ddd;
	background:url(/images/our-universe/home_planet/right_panel_bg.gif) no-repeat left bottom;
	padding:12px 0 24px 0;
}

#primary-content div.right_panel a, #primary-content div.right_panel a:hover {
	border:0;
	background:0;
}

#primary-content div.right_panel h2 {
	color:#bc8500;

}

#primary-content .right_panel h2, #primary-content .right_panel p {
	margin:0 20px;
	padding:0 0 13px 0;
}

#primary-content .right_panel p {
	font-size:.9em;
	line-height:15px;
}


/* -------  BETTER WORLD  ------ */

#better_world_left, #better_world_right {
	float:left;
	margin:0;
	border:0;
	padding:0;
	width:422px;
	display:inline;
	background:url(/images/our-universe/home_planet/home_planet_bg.jpg) no-repeat left top;
}

#button_holder {
	margin:0;
	border:0;
	padding:0;
	float:right;
	height:45px;
	}
	
#messagebox {
	height:118px;
	border:1px solid #cacaca;
	background-color:#fdfdfd;
	clear:right;
}

#messagebox_left {
	width:54px;
	float:left;
	margin-right:8px;
}

#messagebox_right {
	width:346px;
	float:left;
}

#messagebox_left h1, #messagebox_right h1 {
	font-size:1.4em;
	font-family:verdana, helvetica, serif;
	font-weight:bold;
	color:#000;
	text-align:right;
	padding-top:8px;
}

#messagebox_right h1 {
	padding-top:6px;
	font-size:.9em;
	color:#006ea3;
	text-align:left;
	font-weight:normal;
	line-height:13px;
}
	
#insulation {display:none;}
#boiler {display:none;}
#thermostat {display:none;}
#radiators {display:none;}
#tumbledrier {display:none;}
#microwave {display:none;}
#televisions {display:none;}
#gadgets {display:none;}
#computers {display:none;}
#doors {display:none;}
#mobiles {display:none;}
#lightbulbs {display:none;}


#better_world_right {
	float:right;
	width:278px;
	background:url(/images/our-universe/home_planet/right_panel_bg.gif) no-repeat left bottom;
	border-top:1px solid #ddd;
	padding:12px 0 24px 0;
}

#better_world_right h1 {
	color:#bc8500;
	display:block;
	height:20px;
	font-size:.95em;
	font-weight:bold;
	padding: 0 0 0 10px;
	margin:0;
}

#itemholder {
	height:510px;
	margin: 0 0 0 5px;
	padding:0;
}

.ih_left, .ih_right {
	float:left;
	width:92px;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
}

.ih_mid {
	float:left;
	width:80px;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
}

.ih_right {
	float:right;
}

#primary-content div.ih_left p, #primary-content div.ih_mid p, #primary-content div.ih_right p {
	color:#bc8500;
	font-size:0.85em;
	font-weight:normal;
	padding:0;
	margin-bottom:0;	
}

.clearboth {
	clear:both;
}

/* ---------------------------------------- */


/* -------  4 COLUMNS  ------ */

#four_columns {
	padding:20px 0;
	margin:0;
	border:0;
}

.four_col_panel {
	float:left;
	background:transparent url(/images/our-universe/4_cols/panel_bg_wide.gif) no-repeat scroll right bottom;
	margin-right:7px;
	border-top:1px solid #cacaca;
	border-left:1px solid #CACACA;
	padding-bottom:12px;
	width:210px;
	}

#four_columns div.four_col_panel h1, #four_columns div.four_col_panel_right h1 {
	color:#bc8500;
	font-size:1.2em;
	padding:8px 0;
	margin:0;
}

#four_columns div.four_col_panel p, #four_columns div.four_col_panel_right p {
	font-size:.9em;
	padding:0 0 16px 0;
	margin:0;
	line-height:14px;
}

#four_columns div.four_col_panel a, #four_columns div.four_col_panel_right a {
	border:0;
		margin:0 10px;
}

.four_col_panel_right {
	float:right;
	width:276px;
	background:url(/images/our-universe/4_cols/panel_bg_wide.gif) no-repeat left bottom;
	margin:0;
	border-top:1px solid #cacaca;
		padding-bottom:12px;
}

#itemholder img {
	cursor:move;
}

#primary-content div.bottom_panel h4, #primary-content div.bottom_panel_right h4, #primary-content div.bottom_panel_wide h4, #primary-content div.bottom_panel_wide_noheight h4, #primary-content div.bottom_panel_right_twocol h4 {
	font-size:.9em;
	line-height:12px;
	color:#bc8500;
	font-weight:bold;
	padding-bottom:3px;
}

.text_panel h4 {
	font-size:.9em;
	line-height:12px;
	color:#bc8500 !important;
	font-weight:bold;
	padding-bottom:3px;
}

#drop_01 {position:absolute; left: -300px; top: -300px;}
#drop_02 {position:absolute; left: -300px; top: -300px;}
#drop_03 {position:absolute; left: -300px; top: -300px;}
#drop_04 {position:absolute; left: -300px; top: -300px;}
#drop_05 {position:absolute; left: -300px; top: -300px;}
#drop_06 {position:absolute; left: -300px; top: -300px;}
#drop_07 {position:absolute; left: -300px; top: -300px;}
#drop_08 {position:absolute; left: -300px; top: -300px;}
#drop_09 {position:absolute; left: -300px; top: -300px;}
#drop_10 {position:absolute; left: -300px; top: -300px;}
#drop_11 {position:absolute; left: -300px; top: -300px;}
#drop_12 {position:absolute; left: -300px; top: -300px;}

.item_01_bg {background:url(/images/our-universe/home_planet/draggables/01_insulation_dashed.gif) no-repeat center top;}
.item_02_bg {background:url(/images/our-universe/home_planet/draggables/02_boiler_dashed.gif) no-repeat center top;}
.item_03_bg {background:url(/images/our-universe/home_planet/draggables/03_thermostat_dashed.gif) no-repeat center top;}
.item_04_bg {background:url(/images/our-universe/home_planet/draggables/04_radiator_dashed.gif) no-repeat center top;}
.item_05_bg {background:url(/images/our-universe/home_planet/draggables/05_tumbledrier_dashed.gif) no-repeat center top;}
.item_06_bg {background:url(/images/our-universe/home_planet/draggables/06_microwave_dashed.gif) no-repeat center top;}
.item_07_bg {background:url(/images/our-universe/home_planet/draggables/07_television_dashed.gif) no-repeat center top;}
.item_08_bg {background:url(/images/our-universe/home_planet/draggables/08_gadget_dashed.gif) no-repeat center top;}
.item_09_bg {background:url(/images/our-universe/home_planet/draggables/09_computer_dashed.gif) no-repeat center top;}
.item_10_bg {background:url(/images/our-universe/home_planet/draggables/10_door_dashed.gif) no-repeat center top;}
.item_11_bg {background:url(/images/our-universe/home_planet/draggables/11_mobile_dashed.gif) no-repeat center top;}
.item_12_bg {background:url(/images/our-universe/home_planet/draggables/12_lightbulb_dashed.gif) no-repeat center top;}

.element_holder {display:block;
	width:92px;
	height:106px;}
	
.ih_mid .element_holder {display:block;
		width:80px;
		height:106px;}	
	
div#draggable_demo {
  width: 60px;
  height: 60px;
  cursor: move;
  background: #9fcfba;
  border: 1px solid #666;
  text-align: center;
  position: relative;
  top: 30px;
  line-height: 50px; }

div#drop_area {
	margin:0;
	border:0;
	padding:0;
	height:367px;
	position: relative;
	overflow: hidden;
}

.text_panel {
	margin:0 10px;
	padding:0;
	height:170px;
	display:block;
	min-height:170px;
	}
	
#ecogen_panel {
	width:331px;
	height:220px;
	background:url(/images/boilershop/thumbs/md_boiler_baxi.jpg);	
	margin-bottom:10px;
}

#save_the_planet_panel {
	width:278px;
	height:390px;
	background:url(/images/our-universe/home_planet/save_the_planet_bg.jpg) no-repeat left top;	
	margin-bottom:10px;
}

#primary-content div#ecogen_panel p {
	padding:340px 0 0 0;
	color:#bc8500;
	font-size:1em;
	margin:0 10px;
	margin-bottom:0;
	}
	
#primary-content p.video {
	margin:0 10px;
	padding:0 0 12px 0;
	font-size:.9em;
}

#primary-content div#page_right a {
	border-bottom:0;
	background:none;
}

#primary-content p.price {
	color:#006ea3;
	font-size:1.7em;
	margin-bottom:20px;
}
#primary-content .number{
color:#D20062;
}