
html			{
			overflow: auto;
			}

body			{
			background-color: #ff9707;
			margin: 0;
			padding: 0;
			}

#bannerDiv		{
			background-image: url(/images/header.gif);
			background-position: bottom;
			background-repeat: no-repeat;
			}

#contentFloatHolderDiv	{
			height: auto;
			background-image: url(/images/main_bg.gif);
			background-repeat: repeat-y;
			}

body, td, h4, h5, h6	{
			color: #444444;
			font-family: "Trebuchet MS", Verdana, Arial;
			font-size: 12px;
			line-height: 17px;
			text-align: left;			/* AL: 2009-02-11: Text align left not the Bas block */
			}

h1, h2, h3, h4, h5, h6	{
			text-align: left;
			margin-bottom: 6px;
			clear: both;
			}

h1			{
			color: #1b4298;
			font-size: 23px;
			letter-spacing: 1px;
			font-weight: normal;
			margin-bottom: 8px;
			margin-top: 15px;
			line-height: 120%;
			}

h2			{
			color : #1b4298;
			font-weight: normal;
			font-size: 17px;
			border-bottom: 2px #e77524 solid;
			padding-bottom: 6px;
			margin-top: 24px;
			margin-bottom: 18px;
			}

h1+h2			{					/* AL: 2009-03-02: Got fed up with struggling with Bas idea of H2 */
			margin: 0;				/* so I generalised the H2 and then did h1+h2  to implement his effect */
			margin-bottom: 12px;
			}

#mainContentDiv		{
			text-align: left;
			}

#mainContentDiv h1+h2+p {					/* AL: 2009-02-13: This produces an orange 1st <p> after an <h2>. This is Bas idea of readability! */
			color: #e77524;				/* AL: 2009-03-09: Limit the effect to <p>s immediately following <h2>s immediately following <h1>s */
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 16px;
			}

#mainContentDiv h2+p .STET {					/* AL: 2009-02-13: Make the STETZERiZER be orange like the (nasty) <p> */
			color: #e77524;
			}

#mainContentDiv .all	{
			margin: 0;
			margin-top: 6px;
			margin-bottom: 6px;
			padding: 4px;
			-moz-border-radius: 8px;		/* AL:	Has to preceed the border for rounded corners to appear. */
			-webkit-border-radius: 8px;		/*	Does not seem to work for IE */
			border: solid 1px #b6cfdc;
			background: #e1f0f8;
			}

h3			{
			color: #1b4298;
			font-size: 14px;
			font-weight: bold;
			margin-top: 6px;
			}

table			{
			border-collapse: separate;
			border-spacing: 2px 2px;
			}

table .tdl,
table .tdr		{
			width: 98%;
			vertical-align: top;
			border: none;
			}

table .tdl		{
			width: 25%;
			text-align: right;
			font-weight: bold;
			padding-right: 2px;
			}

table .tdr		{
			text-align: left;
			}


table input,
table textarea,
table select		{
			font-family: Courier, fixed;
			font-size: 80%;
			}

table input,
table textarea,
table select		{
			width: 95%;
			margin: 0 auto;
			}

input:focus,
textarea:focus,
select:focus 		{
			background: #e5e7ff;
			border-color: red;
			}

table,
p			{
			margin-bottom: 6px;
			}

ul, ol			{
			margin-top: 6px;
			margin-bottom: 10px;
			margin-left: 25px;
			}

strong			{
			font-weight: bold;
			color: #1b4298;
			}

em			{
			font-style: italic;
			}

a			{
			color: #0085d0;
			text-decoration: none;
			}

a:hover			{
			text-decoration: underline;
			color: #2bc1ff;
			}

table,
td			{
			vertical-align: top;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border: solid 1px #b6cfdc;
			background-color: #e1f0f8;
			padding: 4px;
			margin: 4px;
			}

#mainMenuDiv ul		{
			list-style-type: none;
			}

#mainMenuDiv ul li	{
			background-position: left 15px;
			cursor: pointer;
			}

#mainMenuDiv ul li a	{				/* AL: Styles the main menu bar items <a> text */
			color: white;
			display: block;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			margin-top: 5px;
			margin-left: 14px;
			margin-right: 14px;
			padding-top: 7px;
			padding-bottom: 15px;
			}

#mainMenuDiv ul .over ul li a,
#mainMenuDiv ul .active ul li a {
			color: white;
			}

#mainMenuDiv ul a.active {
			text-decoration: none;
			color: #1b4298;
			}

#mainMenuDiv ul .over a { /* Put this one after a.active so that it applies to the active one too */
			text-decoration: none;
			color: #2bc1ff;
			}

#mainMenuDiv ul li ul	{
			margin: 0;
			padding: 0;
			display: block;
			background-color: #0d2863;
			background-image: url(/images/bg_submenu.jpg);
			background-repeat: no-repeat;
			}

#mainMenuDiv ul li ul li a {				/* AL: Styles the sub-menu bar items <a> text */
			text-decoration: none;
			color: white;
			clear: both;
			display: block;
			height: auto;
			margin: 0;
			padding: 3px;
			padding-left: 15px;
			width: 171px;
			border-top: 1px solid #144ba5;
			font-size: 12px;
			text-transform: none;
			font-weight: normal;
			z-index: 120;
			}

#mainMenuDiv ul li ul li a:hover,
#mainMenuDiv ul .active ul li a:hover {
			text-decoration: none;
			background-color: #0b2256;
			color: white;
			}

ol.tsAndCs		{
			margin-left: 0;
			}

ol.tsAndCs li		{
			list-style-type: none;
			}

ol.tsAndCs li,
ol.tsAndCsWeb li,
ol.tsAndCs p		{
			margin-top: 6pt;
			margin-left: 0;
			}

ol.tsAndCs ol li	{
			margin-left: 12pt;
			font-weight: normal;
			}

ol.tsAndCsSale li	{
			font-weight: bold;
			}

ol.tsAndCs ol li ol li	{
			margin-left: 24pt;
			font-weight: normal;
			}

#mainMenuDiv li,
#mainMenuDiv a		{
			cursor: pointer;
			}

#selectedLang		{
			border-style: solid;
			border-width: 4px;
			border-color: #ffbb5c;
			width: 170px;
			/* The flag background-image set by style="..." in the code*/
			background-repeat: no-repeat;
			background-position: 5px 3px;
			padding-left: 25px;
			}

#selectedLang:first-letter {
			padding-left: 20px;
			}

.selectLang option	{
			/* The flag background-image set by style="..." in the code*/
			background-repeat: no-repeat;
			background-position: 0 1px;
			padding-left: 25px;
			margin: 4px;
			}

#selectLangForm p	{
			color: white;
			}

.faq_q			{
			font-weight: bold;
			font-size: 120%;
			margin-top: 12pt;
			}

.faq_a			{
			font-weight: normal;
			margin-left: 36pt;
			margin-right: 24pt;
			text-align: justify;
			}

embed,
object			{
			z-index: 5;
			}

#leftColumnDiv h3,
#rightColumnDiv h3	{
			margin: 0;
			padding: 0;
			padding-bottom: 8px;
			line-height: 100%;
			font-size: 12px;
			}

#leftColumnDiv h3.subMenuHead,
#leftColumnDiv h3.columnHead,
#rightColumnDiv h3.subMenuHead,
#rightColumnDiv h3.columnHead {
			font-size: 120%;
			line-height: 140%;
			padding-top: 6px;
			padding-bottom: 12px;
			}

#leftColumnDiv p,
#leftColumnDiv ul,
#leftColumnDiv li,
#rightColumnDiv p,
#rightColumnDiv ul,
#rightColumnDiv li	{
			font-size: 12px;
			line-height: 17px;
			}

#leftColumnDiv .hr	{
			height: 29px;
			width: 100%;
			background-image: url(/images/hr_left.gif);
			background-repeat: no-repeat;
			margin-left: -25px;
			}

#meterOfferForm {
			text-align: center;
			}

#meterOfferForm input.orderNow {
			margin: 0 auto;
			width: 80px;
			}

#finance		{
			font-size: 80%;
			line-height: 100%;
			width: 85%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			}

.handMeterImg,
.financeImg		{
			display: block;
			margin-left: auto;
			margin-right: auto;
			}

.handMeterImg		{
			border: 2px solid #b6cfdc;
			}

.aboutPhoto		{
			width: 150px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border: solid 1px #b6cfdc;
			margin-top: 0;
			margin-right: 24px;
			margin-bottom: 10px;
			background: #e1f0f8;
			}

#youTubeShow		{
			padding: 12px 0 12px 0;
			margin: 0 auto;
			width: 90%;
			height: 356px;
/*
			background-image: url("/images/YouTube_bg.gif");
			background-repeat: no-repeat;
*/
			background-color: #ffe1b8;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border: solid 2px #e77524;
			}

#youTubeShow p		{
			width: 425px;
			height: 344px;
			padding: 4px 4px;
			margin: 0 auto;
			text-align: center;
			}

/***********************************************************************************************************************
 * CartSummary is the div that contains the shopping cart summary (content supplied by Utilize).
 * This appears on every page in the right hand column (except for the Shop page).
 ************************************************************************************************************************/
#cartSummary		{
			margin: 0;
			padding: 12px;
			margin-top: 6px;
			background-color: #e1f0f8;
			border: solid 1px #b6cfdc;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#cartSummaryDiv		{
			width: 164px;
			height: auto;
			margin: 0 0 12px 0;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #e1f0f8;
			border: solid 1px #b6cfdc;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#cartSummaryDiv .left	{
			padding-left: 10px;
			float: left;
			clear: both;
			}

#cartSummaryDiv .right	{
			padding-right: 10px;
			float: right;
			text-align: right;
			}

#cartSummaryDiv p	{
			margin: 0;
			padding: 0;
			}

#shopLogosDiv img	{
			float: left;
			vertical-align: middle;
			width: 100%;
			}

#rightColumnDiv .hr	{
			height: 29px;
			width: 100%;
			background-image: url(/images/hr_right.gif);
			background-repeat: no-repeat;
			background-position: right;
			margin-left: 25px;
			}

#footerDiv		{
			height: 82px;
			}

#footerMenuDiv p	{
			border-top: dotted 1px #c0c0c0;
			margin: 0 auto;
			width: 50%;
			height: 18px;
			text-align: center;
			padding-top: 12px;
			}

.STET			{
			color: #1b4298;
			}

a .STET			{
			color: #0085d0;
			text-decoration: none;
			}

a:hover .STET		{
			text-decoration: underline;
			color: #2bc1ff;
			}

.GSFBV			{
			color: #1b4298;
			}

p.disclaimer		{
			font-size: 90%;
			width: 80%;
			margin-left: auto;
			margin-right: auto;
			padding: 6px;
			border: solid 1px #b6cfdc;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

p.footnote		{
			margin-top: 24px;
			font-size: 90%;
			}

span.footnote		{
			vertical-align: super;
			font-size: 75%;
			}

#sitemapDiv table	{
			margin: 6pt auto 12pt auto;
			}

#sitemapDiv td		{
			padding: 1pt 4pt 1pt 4pt;
			}

.redBox			{
			color: #770000;			/* Make everything dark red */
			background-color: #ffbbbb;
			margin: 0;
			margin-bottom: 12px;
			padding: 12px;
			border: solid 2px #ff0000;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			font-weight: bold;
			}

#translationStatusDiv	{
			color: #770000;			/* Make everything dark red */
			background-color: #ffe1b8;
			margin: 0;
			margin-bottom: 12px;
			padding: 12px;
			border: solid 2px #e77524;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			font-weight: bold;
			}

#contactForm		{
			width: 100%;
			font-weight: normal;
			margin: 8pt auto 24pt auto;
			padding: 0;
			border: solid 1px #b6cfdc;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#contactTable #findOutMsg {
			margin-top: 4px;
			}

#contactTable #emailOptInText {
			text-align: left;
			padding: 4px;
			}

#contactTable #emailOptIn {
			width: auto;
			margin-top: 2px;
			margin-left: 4px;
			margin-right: auto;
			}

#contactTable input.button {
			width: auto;
			font-weight: bold;
			color: #444444;
			}

#theSqueeze		{
			font-size: 120%;
			line-height: 150%;
			}

#theSqueeze h1		{
			color: #e77524;
			text-align: center;
			margin-bottom: 24px;
			}

#theSqueeze p		{
			margin-bottom: 12px;
			}

#theSqueeze .strongPara	{
			width: 70%;
			text-align: center;
			font-weight: bold;
			color: #1b4298;
			margin: 12px auto ;
			}

#theSqueeze .call2Action {
			font-size: 140%;
			font-weight: bold;
			color: black;
			margin-top: 24px;
			text-align: center;
			}

#theSqueeze .quote	{
			width: 90%;
			padding: 12px;
			margin: 12px auto;
			color: black;
			background-color:  #ffe1b8;
			border: solid 2px #e77524;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#theSqueeze img.logo	{
			display: block;
			margin: 24px auto 4px;
			}

#theSqueeze p.logo	{
			text-align: center;
			font-size: 125%;
			color: black;
			}

#theSqueeze form input	{
    			display: block;
    			margin: 0 auto;
			}


#welcomeSlideShow	{
    			background-image: url("/en/images/Slide-Show-Stetzerizer-logo.png");
			background-repeat: no-repeat;
    			margin: 0 auto;
    			padding: 0;
    			height: 343px;
    			width: 543px;
			}

#welcomeSlideShowSlides {
    			height: 280px;		/* Clip before gets too long */
    			overflow: hidden;
			}

#welcomeSlideShowSlides h2 {
    			margin: 0;
    			padding: 24px 0;
    			color: white;
    			font-size: 32px;
    			font-weight: bold;
    			line-height: 135%;
    			text-align: center;
    			display: none;
    			border: none;
/*			filter:alpha(opacity=20);
			-moz-opacity:0.2;
			-khtml-opacity: 0.2;
			opacity: 0.2;			*/
			}

#leftColumnDiv .testimonialDiv img {
    			display: block;
    			margin: 0 auto 12px auto;
			border: solid 1px #b6cfdc;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

.testimonialDiv ul 	{
			margin-left: 12px;
			}

#rightColumnDiv .testimonialDiv p {
			padding: 4px;
			background-color: #e1f0f8;
			border: solid 1px #1b4298;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#leftColumnDiv .spaceDownDink,
#rightColumnDiv .spaceDownDink {
    			display: none;
			}

#MLKquote 		{
			border: solid 1px #e77524 !important;
			background-color:  #ffe1b8 !important;
			}

#signMeUpDiv		{
			padding: 6px;
			color: white;
			background: #1b4298;
			border: solid 1px #1b4298;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#signMeUpDiv p		{
			padding: 4px;
			}

#signMeUpDiv .STET,
#signMeUpDiv strong 	{
			color: white;
			}

#signMeUpDiv em		{
			font-style:  italic;
			}

#signMeUpDiv #signMeUp {
			margin: 6px auto;
			padding: 6px;
			background: #ff9707;
			border: solid 2px #e77524;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#signMeUpDiv #signMeUp p {
			font-size: 140%;
			padding: 0 0 0 6px;
			}

#signMeUpDiv #signMeUp p em {
			font-style: normal;
			font-weight: bold;
			font-size: 120%;
			color: yellow; /*#ffe302;*/
			}

#signMeUpDiv form 	{
			width: 100%;
			margin: 6px auto;
			padding: 0 2px 0 2px;
			}

#signMeUpDiv form p	{
    			text-align: left;
    			padding: 2px 0;;
    			margin: 0 0 4px 0;
			}

#signMeUpDiv form p label {
    			font-size: 150%;
    			font-weight: bold;
			}

#signMeUpDiv form p input {
    			width: 75%;
    			padding: 3px;
			border: solid 1px #b6cfdc;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#signMeUpDiv form input[type="submit"] {
			display: block;
			width: 60%;
			margin: 6px auto;
			padding: 2px 1px;
			}

.orderFormTable		{
			width: 100%;
			}

.eMailForm input,
.eMailForm textarea,
.eMailForm select	{
			padding: 4px;
			border: solid 1px #b6cfdc;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

.author			{
			font-style: italic;
			}

.roundCornerBorder	{
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border: solid 1px #b6cfdc;
			}

#endOfPageDiv *		{
			text-align: center;
			color: white;
			font-size: 12px;
			}

#debugInfoDiv *		{
			color: black;
			background-color: transparent;
			border: 1pt solid black;
			font-size: 10pt;
			}

#debugInfoDiv table	{
			border: 1pt solid black; margin: 6pt auto; padding: 4pt;
			}

#debugInfoDiv .tdl	{
			text-align: right;
			}

#debugInfoDiv .tdr	{
			text-align: left;
			}

.black			{
			color: black;
			}

.red			{
			color: red;
			}

.alignRight		{
			text-align: right;
			}



/* Reseller table on Shop page */
.reseller		{
			margin: 4px auto;
			width: 100%;
			background: white;
			}

.reseller .tdl		{
			font-weight: normal;
			background: white;
			width: 15%;
			}

.reseller .tdr		{
			font-weight: bold;
			color: black;
			background: white;
			}

.centre			{
			width: auto;
			margin-left: auto;
			margin-right: auto;
			}

.orderImg		{
			width: 50px;
			}

#finalOrder		{
			border: solid 2px black;
			margin: 24px 0;
			padding: 24px 12px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

#gsfAddress		{
			float: left;
			}

#customerAddress	{
			float: right;
			text-align: right;
			}
