/* Style sheet for sewenergy.org.uk */

/* main layout and defaults */

BODY			{background: #4f8fdf; /* #4fbf6f; */
			 color: #ffffff;
			 font-family: Verdana, Helvetica, sans-serif;
			 font-size: 8pt;
			 line-height: 14pt;
			 margin: 0% 5% 0% 5%}

DIV.pagetitle 		{background: #ffffff;
			 color: #000000;
			 min-width: 734px;
	 		/* IE Dynamic Expression to set the width */
			 width:expression(document.body.clientWidth < 750 ? "734px" : "100%" );
			 height: 148px;
			 border-style: solid;
			 border-width: 1px 1px 1px 1px}			 
			 
IMG.sewealogo		{float: right;
			 margin: 0px 8px 0px 0px} 
			 
DIV.main		{background: #ffffff;
			 background-image: url('images/menu_background.png');
			 background-repeat: repeat-y;
			 color: #000000;
			 min-width: 728px;
	 		/* IE Dynamic Expression to set the width */
			 width:expression(document.body.clientWidth < 750 ? "728px" : "100%" );
			 text-align: left;
			 border-style: solid;
			 border-width: 0px 1px 1px 1px}

/* container */
DIV.container_noright	{width: 100%;
			 float: left;
			 margin: 0px -20px 0px 0px}


DIV.container		{width: 100%;
			 float: left;
			 margin: 0px -200px 0px 0px}

DIV.content_noright 	{margin: 20px 20px 0px 202px}
			 
DIV.content 		{margin: 20px 200px 0px 0px}
	
/* left column */ 
DIV.submenu 		{position: relative;
			 background: #bfffff;
			 float: left;
			 width: 160px;
	 		/* IE Dynamic Expression to set the height */			 
			 height:expression(document.body.clientHeight < 550 ? "500px" : "100%" );			 
			 margin: 0px 0px 0px 20px;
			 border-style: solid;
			 border-width: 0px 1px 0px 1px}

DIV.submenu_item	{background: #bfffff;
			 color: #000000;
			 float: left;
			 width: 100%;
			 height: 2.8em;
			 text-align: center;
			 font-weight: bold;
			 padding: 8px 0px 0px 0px;
			 border-style: solid;
			 border-width: 0px 0px 1px 0px}

DIV.submenu_item_twolines	{background: #bfffff;
			 color: #000000;
			 float: left;
			 width: 100%;
			 height: 3.7em;
			 text-align: center;
			 font-weight: bold;
			 padding: 0px 0px 0px 0px;
			 border-style: solid;
			 border-width: 0px 0px 1px 0px}			 

DIV.submenu_item A:link			{color: #4c4c6b}
DIV.submenu_item A:visited		{color: #5d5d6d}

DIV.submenu_item_twolines A:link			{color: #4c4c6b}
DIV.submenu_item_twolines A:visited		{color: #5d5d6d}

DIV.submenu_item_selected	{background: #0076ff;
			 color: #ffffff;
			 float: left;
			 width: 100%;
			 height: 29px;			 
			 text-align: center;
			 font-weight: bold;
			 padding: 8px 0px 0px 0px;
			 border-style: solid;
			 border-width: 0px 0px 1px 0px}	
			 
DIV.submenu_item_twolines_selected	{background: #0076ff;
			 color: #ffffff;
			 float: left;
			 width: 100%;
			 height: 37px;			 
			 text-align: center;
			 font-weight: bold;
			 padding: 0px 0px 0px 0px;
			 border-style: solid;
			 border-width: 0px 0px 1px 0px}				 
			 
/* right column */
DIV.links 		{float: right;
			 width: 160px;
			 height: 100%;
			 margin: 20px 20px 20px 20px}
			 
DIV.footer 		{background: #ffffff;
			 clear: both;
			 width: 100% }
 
DIV.credits		{font-size: 8pt;
			 line-height: 10pt;
			 text-align: center;
			 padding-top: 4px}		 
			 
DIV.credits IMG		{vertical-align: middle;
			 margin: 4px}
			 

P.error			{color: #ff0000;
			 font-weight: bold}

P.success		{color: #00ff00;
				 font-weight: bold}
			 
.ghosted	{color: #aaaaaa }

OL			{padding: 0em 0px 0em 0px}
			 
UL			{padding: 0em 0px 0em 0px}	

LI			{margin: 0em 0em 0em 3em;
			 list-style-position: outside}			 
			 
UL LI 		{list-style-image: url(images/bullet.gif);
			 padding: 0em 0.5em 1.0em 0.5em}			 

IMG			{border: 0px;
		 	 vertical-align: top }

A:link			{color: #0056df; /*#4c4cff; ?? */
			 text-decoration: none;
			 font-weight: bold}
			 
A:visited		{color: #4f8fdf; /*#5d5dff; ?? */
			 text-decoration: none;
			 font-weight: bold}	
			 
A:active		{text-decoration: underline}
A:hover			{text-decoration: underline}

TABLE			{background: #FFFFFF;
			 font-family: Verdana, Helvetica, sans-serif;
			 font-size: 8pt;
			 line-height: 14pt;
			 margin: 0pt;
			 border-collapse: collapse}
		 
H1			{font-weight: bold;
			 text-align: left;
			 font-family: Arial, sans-serif;
			 font-size: 14pt}

H2			{font-weight: bold;
			 text-align: left;
			 font-size: 12pt;
			 font-family: Arial, sans-serif}
		 
H3			{font-weight: bold;
			 text-align: left;
			 font-size: 11pt;
			 font-family: Arial, sans-serif}

H4			{font-weight: bold;
			 text-align: left;
			 font-size: 10pt;
			 font-family: Arial, sans-serif}

H5			{font-weight: bold;
			 text-align: left;
			 font-size: 8pt;
			 font-family: Verdana, Helvetica, sans-serif}			 

CITE			{font-style: italic}

.errors			{font-weight: bold;
			 text-align: left;
			 font-size: 10pt;
			 color: #ff0000;
			 font-family: Arial, sans-serif}

.first			{font-family: Verdana, Helvetica, sans-serif;
			 font-size: 9pt;
			 line-height: 14pt}

.footnote		{font-weight: bold}


/* energy saving */

UL.energysaving LI	{padding: 0em 0px 1.0em 0.5em}

UL LI.inside			{list-style-position: inside}

UL.homepage LI	{padding: 0em 0px 0em 0px}

UL.condensed LI	{padding: 0em 0px 0em 0px}

/* events */

TABLE.events TH		{border-style: solid;
			 border-width: 1px 0px 0px 0px;
			 border-color: #b0b0b0;
			 border-spacing: 10px;
			 padding: 0px 16px 16px 0px}

TABLE.events TD		{border-style: solid;
			 border-width: 1px 0px 0px 0px;
			 border-color: #b0b0b0;
			 border-spacing: 10px;
			 padding: 0px 0px 16px 0px}
			 
SPAN.events_time	{font-weight: normal;
			 font-style: italic}

/* form stuff */

TH			{vertical-align: top;
		 	text-align: right;
			font-weight: bold;
		 	width: 200px}

TD			{vertical-align: top;
			 padding-left: 4px;
		 	text-align: left;
		 	font-weight: normal}
			
TR.benefit		{background: #d3ffff}

TR.product_light	{background: #d3ffff}

TR.product_dark		{background: #bfffff}

TABLE.tellafriend	{background: #d3ffff;
			 margin-left: auto;
			 margin-right: auto;
			 border-color: #0076ff;
			 border-style: solid;
			 border-width: 3px}

TABLE.tellafriend TH	{width: 100px}

/* price/item list stuff */

TABLE.items TH		{width: 150px}

TABLE.items TD.price	{width: 65px}

SPAN.old_price		{color: #ff0000;
		 	 font-weight: bold}

SPAN.new_price  	{color: #009900;
		 	 font-weight: bold;
		 	 font-style: italic}

DIV.item_divider	{float: left}
			 
DIV.item_comments	{float: right;
			 font-style: italic}
		

/* referral form */

TABLE.referral TD	{height: 36px}

/* contact */

P.address		{margin-left: 230px}

/* feedback */

TABLE.feedback 	{width: 500px}

TABLE.feedback	TH {text-align: left}

TABLE.feedback	TD {padding-left: 64px}