/* CSS Document */
#wrapper {
	width: 720px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
}

#topnav, #footer {
	width: 720px;
}

#leftcolumn {
	width: 254px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#rightcolumn {
	float: left;
	width: 466px;
}

#right-content {
	padding: 10px;
}

/* Normalises margin, padding */
body, div, dl, dt, dd, ul, li, hi, h2, h3, h4, h5, h6, pre, form, fieldset,
input, p, blockquote, th, td { margin: 0; padding: 0; }

/* Normalises heading font sizes */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style for lists */
ul { list-style: none; }

/* Normalises table borders */
table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

html {
	background: #778d9b url(../images/body-bg-grad.gif) repeat-x;
}
body {font: 1em Arial, Helvetica, sans-serif; text-align: center; }
/* Content holder */
#wrapper { width: 750px; text-align: left; margin: 0 auto; padding: 0px; }
/* Top Navigation */
#topnav { font-size: 70%; padding-bottom: 6px; padding-top: 66px; text-align: right; }
/* Displays the horizontal menu */
#topnav li { display: inline; list-style: none; }
/* Sets the link colour, background */
#topnav a:link, #topnav a:visited { color: #daf366; background-color: transparent; text-decoration: none; border-right: 1px solid #daf366; margin-right: 0.5em; padding-right: 0.75em; }
/* Sets the hover colour */
#topnav a:hover, #topnav a:active { color: #afb015; }
/* Removes the separator "|" from the r/h link item */
#topnav a.alt:link, #topnav a.alt:visited { border-style: none; margin-right: 0px; padding-right: 0px; }
#topnav a.alt:hover, #topnav a.alt:active { color: #afb015; }

/***
	Left Column
***/
#leftcolumn {font-size: 70%;}
/* OWL Wireless Energy Monitor */
#owlbox {height: 295px;background: url(../images/owl-box-bg.gif) repeat-x;vertical-align: bottom;margin-bottom: 1px;}
#owlbox #owlwem {margin-top: 23px;}

/*
	Start left column left list menus
*/
acronym {
	text-decoration: none;
	border: 0px;
}
#leftnav {
	text-transform: uppercase;
}
/* Lefthand menu */
#leftnav #leftnavleft {width: 128px;float: left;}
/* Righthand menu */
#leftnav #leftnavright {width: 126px;float: left;}
/* Defines left menus' size and base formatting */
li.buyowl #buyowllink,li.savemoney #savemoneylink, li.owlinhome #owlinhomelink, li.climate #climatelink,li.faqs #faqslink, li.reviews #reviewslink, li.tenpoint #tenpointlink, li.kids #kidslink {
	padding-top: 40px;
	padding-left: 8px;
	padding-bottom: 6px;
	text-decoration: none;
	display: block;
	color: #333333;
	margin-top: 1px;
}

/* Defines left menus' background properties for links and visited links */
li.buyowl a:link, li.buyowl a:visited {
	background: url(../images/buy-owl-link.gif) no-repeat;
}
li.savemoney a:link, li.savemoney a:visited {
	background: url(../images/save-money-link.gif) no-repeat;
}
li.owlinhome a:link, li.owlinhome a:visited {
	background: url(../images/owl-in-home-link.gif) no-repeat;
}
li.climate a:link, li.climate a:visited {
	background: url(../images/climate-link.gif) no-repeat;
}
li.faqs a:link, li.faqs a:visited {
	background: url(../images/faqs-link.gif) no-repeat;
}
li.reviews a:link, li.reviews a:visited {
	background: url(../images/reviews-link.gif) no-repeat;
}
li.tenpoint a:link, li.tenpoint a:visited {
	background: url(../images/tenpoint-link.gif) no-repeat;
}
li.kids a:link, li.kids a:visited {
	background: url(../images/kids-link.gif) no-repeat;
}

/* Defines left menus' background properties for hover and active links */
li.buyowl a:hover, li.buyowl a:active {
	background: url(../images/buy-owl-link-r.gif) no-repeat;
}
li.savemoney a:hover, li.savemoney a:active {
	background: url(../images/save-money-link-r.gif) no-repeat;
}
li.owlinhome a:hover, li.owlinhome a:active {
	background: url(../images/owl-in-home-link-r.gif) no-repeat;
}
li.climate a:hover, li.climate a:active {
	background: url(../images/climate-link-r.gif) no-repeat;
}
li.faqs a:hover, li.faqs a:active {
	background: url(../images/faqs-link-r.gif) no-repeat;
}
li.reviews a:hover, li.reviews a:active {
	background: url(../images/reviews-link-r.gif) no-repeat;
}
li.tenpoint a:hover, li.tenpoint a:active {
	background: url(../images/tenpoint-link-r.gif) no-repeat;
}
li.kids a:hover, li.kids a:active {
	background: url(../images/kids-link-r.gif) no-repeat;
}
/* End left column left list menus */

/***
	Right Column
***/
#rightc { height: 539px; margin-left: 2px; overflow: visible; }
#rightcolumn { height: 539px; margin-left: 2px; overflow: auto; }

#right-default {
	height: 539px;
	background: #abc946;
}
#right-default .container {
	padding: 0px;
	background: #abc946;
}

#right-default h1 {
	margin: 0px 0px 10px 0px;
	padding: 29px 10px 8px 10px;
	background: #26362d;
	color: #fff;
	font-weight: normal;
}

#right-default h2 {
	margin: 2px 0px;
	padding: 13px 10px 8px 10px;
	background: #5f7435 url(../images/faq-title-corner.gif) no-repeat left bottom;
	color: #fff;
	font-weight: normal;
}

#right-default p, #right-default ul {
	margin-bottom: 10px;
	padding: 0px 10px;
	font-size: 75%;
}
#right-default ul {
	list-style: disc;
	margin-left: 20px;
}
#right-default ul ul {
	font-size: inherit;
}


/*
	Buy Page
*/

#right-acc {
	height: 539px;
	background: #abc946;
}

#right-acc-checkout {
	height: 750px;
	background: #abc946;
}

#right-buy {
	padding: 24px;
	background: #abc946;
}
#right-buy h1 {
	margin: 0px;
	padding: 29px 10px 8px 10px;
	background: #26362d;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
}
#right-buy h2 {
	font-size: 80%;
}
#right-buy form {
float: right;
}

#right-buy form.acc {
float: none;
padding-left: 10px;
}

#right-buy p {
	font-size: 80%;
}
#right-buy .item {
	margin: 2px 0px;
	padding: 13px 10px 8px 10px;
	background: #5f7435 url(../images/faq-title-corner.gif) no-repeat left bottom;
	color: #fff;
	clear: right;
	overflow: auto;
}

#right-acc .item {
	margin: 2px 0px;
	padding: 0px;
	background: #5f7435 url(../images/faq-title-corner.gif) no-repeat left bottom;
	color: #fff;
	clear: right;
	overflow: auto;
}

#right-acc #right-buy .item h2 { 
	padding: 13px 10px 0px 10px;
}
#right-acc #right-buy .item p { 
	padding: 0px 10px 5px 10px;
}


.item img {
	border: 1px solid #5f7435;
	padding-left: 10px;
	float: right;
}

#right-buy a {
	color: #fff;
	text-decoration: none;
}
#right-buy a:hover {
	text-decoration: underline;
}
p.description {
	padding: 13px 10px 8px 10px;
}
img.cards {
	border: 1px solid #000;
}

/*****/



img#buynowimage { margin-left: 2px; }
.green-bg { background: #abc946; }
.bold {font-weight: bold;}

#right-faq, #right-review {
	padding: 24px;
	background: #abc946;
}

#right-faq h1, #right-review h1 {
	margin: 0px;
	padding: 29px 10px 8px 10px;
	background: #26362d;
	color: #fff;
	font-weight: normal;
}

#right-faq h2, #right-review h2 {
	margin: 2px 0px;
	padding: 13px 10px 8px 10px;
	background: #5f7435 url(../images/faq-title-corner.gif) no-repeat left bottom;
	color: #fff;
	font-weight: normal;
}
#right-faq h2 {
	font-size: 80%;
}

#right-faq p, #right-review p {
	margin-bottom: 10px;
	padding: 0px 10px;
	font-size: 75%;
}


#right-climate, #right-ten { height: 539px; width: 464px; overflow: hidden; }
#right-climate { background: url('../images/background-climatechange.jpg') no-repeat 2px 0; }
#right-ten { background: url('../images/ten-point-bg.gif') no-repeat 2px 0; }
#climate-change, #ten-point { height: 539px; width: 464px; overflow: auto; }

#ten-point h1, #climate-change h1 {
	margin: 24px 24px 0px 24px;
	padding: 10px;
	background: #223237;
	color: #fff;
}

#climate-change h2 {
	margin: 2px 24px;
	padding: 13px 10px 8px 10px;
	background: #5f7435 url(../images/faq-title-corner.gif) no-repeat left bottom;
	color: #fff;
}

#climate-change h2.inactive {
	margin: 2px 24px;
	padding: 13px 10px 8px 10px;
	background: #708737 url(../images/title-corner-inactive.gif) no-repeat left bottom;
	color: #fff;
}

#climate-change p {
	margin: 0px 24px 10px 24px;
	padding: 0px 10px;
	font-size: 75%;
}

#climate-change a {
	color: #9cac74;
	text-decoration: none;
}
#climate-change a:hover {
	color: #fff;
}

#ten-point ol { color: #d6de22; font-size: 150%; font-weight: bold; list-style-type: decimal-leading-zero; margin: 0px 24px 24px 24px; padding: 0px; list-style-position: inside; }
#ten-point ol li { padding: 0px 5px 5px 10px; margin-top: 2px; }
#ten-point ol li span { color: #fff; font-size: 50%; font-weight: normal; }

li.point1 { background: url('../images/tp-1.png') no-repeat left bottom; }
li.point2 { background: url('../images/tp-2.png') no-repeat left bottom; }
li.point3 { background: url('../images/tp-3.png') no-repeat left bottom; }
li.point4 { background: url('../images/tp-4.png') no-repeat left bottom; }
li.point5 { background: url('../images/tp-5.png') no-repeat left bottom; }
li.point6 { background: url('../images/tp-6.png') no-repeat left bottom; }
li.point7 { background: url('../images/tp-7.png') no-repeat left bottom; }
li.point8 { background: url('../images/tp-8.png') no-repeat left bottom; }
li.point9 { background: url('../images/tp-9.png') no-repeat left bottom; }
li.point10 { background: url('../images/tp-10.png') no-repeat left bottom; }


/*
	Save Money appliances page
*/

#right-save {
	background: #beda53;
	padding-top: 2px;
}

#appliance {
	background: #d3ee63 url('../images/save-img-bg.gif') repeat-x 0 0;
}

div.hiddencost {
	background: #607637;
	padding: 19px 19px 15px 19px;
	margin: 0px 2px 2px 2px;
	position: relative;
}
div.hiddencost p {
	color: #b2db2f;
	text-transform: uppercase;
	font-weight: bold;
}
div.hiddencost a {
	color: #fff;
	font-size: 90%;
	text-decoration: none;
}

.white {
color: #fff;
}

#save-buynow-strap p.small-link {
	font-size: 80%;
}

#save-buynow-strap {
	background: #c7d1d8 url('../images/save-bg.jpg') no-repeat bottom left;
	padding: 15px 10px 10px 90px;
	position: relative;
}
#save-buynow-strap p {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 95%;
	margin-bottom: 10px;
	color: #3b464d;
}
#save-buynow-strap a {
	color: #fff;
	text-decoration: none;
}
#save-buynow-strap a:hover {
	text-decoration: underline;
}


ul#appliances {
padding-left: 2px;
}

ul#appliances img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

ul#appliances li {
	width: 116px;
	padding-bottom: 5px;
	float: left;
	color: #fff;
}
ul#appliances li a {
	color: #fff;
	text-decoration: none;
}
/*
ul#appliances li.app-tumble-dryer a {background: #7a8c93 url('../images/save-tumbledryer-thumb.jpg') no-repeat 0 0;}
ul#appliances li.app-fridge-freezer a {background: #7a8c93 url('../images/save-fridge-thumb.jpg') no-repeat 0 0;}
ul#appliances li.app-dishwasher a {background: #7a8c93 url('../images/save-dishwasher-thumb.jpg') no-repeat 0 0;}
ul#appliances li.app-desktop-computer a {background: #7a8c93 url('../images/save-computer-thumb.jpg') no-repeat 0 0;}
ul#appliances li.app-crt-tv a {background: #7a8c93 url('../images/save-tv-thumb.jpg') no-repeat 0 0;}
ul#appliances li.app-washing-machine a {background: #7a8c93 url('../images/save-washingmachine-thumb.jpg') no-repeat 0 0;}
ul#appliances li.app-plasma-tv a {background: #7a8c93 url('../images/save-plasmatv-thumb.jpg') no-repeat 0 0;}
ul#appliances li.app-light-bulb a {background: #7a8c93 url('../images/save-lightbulb-thumb.jpg') no-repeat 0 0;}
*/
ul#appliances li a:hover {
}


a.email-link {
	color: #fff;
	text-decoration: none;
}




form {
padding-bottom: 10px;
}

div.label {
	text-align: right;
	width: 130px;
	float: left;
}

div.input {
	clear: left;
	font-size: 80%;
	margin-bottom: 5px;
}

input.field {
	margin-left: 5px;
}
input.button {
	margin-left: 135px;
}


table {
font-size: 80%;
}

th {
background: #5f7435;
color: #fff;
}

th, td {
padding: 3px;
}



/*
	Terms and Conditions on ordering
*/
div.term_confirm_err {
	background: #ffffc0; border: 1px solid #E42324; color: #E42324; padding: 5px; margin-top: 10px; font-weight: bold;
}
div.term_confirm_err ul, div.term_confirm_err li  {
	list-style-type: none; margin: 0px;
}
div.term_confirm {
	background: #fff; border: 1px solid #000; padding: 5px; margin-top: 10px;
}
div.term_confirm label {
	margin-left: 10px;font-size: 75%;
}
div.term_confirm input {
	margin-left: 10px;
}

/***
	Start of footer
***/
#footer {clear: both;text-align: right;font-size: 70%;padding-top: .25em;}
#footer p {color: #e0f86a;margin-right: 5em;}
/* Displays the horizontal menu */
#footer li {display: inline;list-style: none;}
/* Sets the link colour, background */
#footer a:link, #footer a:visited {color: #1c2a30;background-color: transparent;text-decoration: none;border-right: 1px solid #1c2a30;margin-right: 0.25em;padding-right: 0.45em;}
/* Sets the hover colour */
#footer a:hover, #footer a:active {color: #afb015;}
/* Removes the separator "|" from the r/h link item */
#footer a.alt:link, #footer a.alt:visited {border-style: none;margin-right: 0px;padding-right: 0px;}
#footer a.alt:hover, #footer a.alt:active {color: #afb015;}
/* End of footer */

/***
	Floats
***/
.floatleft {float: left;}
.floatright {float: right;}
.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}