/* Generic CSS Document for Oxigen */

/* delete when site has been qa'd */
.fix { color:#FF0000; font-weight:bold;}

/* Layout */

html {padding:0;margin:0;}
body {width:100%;margin:0;padding:0;background-color:#e1f4cf;font-family: Arial, Helvetica, sans-serif;}

#wrapper {background:url(../images/bg_gradient.gif) repeat-x #469c23;width:100%;float:left;min-width:980px;position:relative;z-index:1;}
.center {width:980px;float:left;}
.left-remainder {width:49.999%;	height:auto !important;	height:1px;	min-height:1px;	margin-right:-490px;float:left;	display:inline;}
.left-remainder .inner { margin-right:490px; }
.right-remainder {	width:49.999%;	height:auto !important;	height:1px;	min-height:1px;	margin-left:-490px;	float:left;	display:inline;}
.right-remainder .inner { margin-left:490px; }




/* General Styles */
h1, h2, h3, h4, h5, h6 	{color: #2e6503;font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
h1 {font-size: 160%;}
h3 {margin: 14px 0 -5px 0; font-size: 105%; color:#2e6503;}
h4 {margin: 10px 0 0 0; font-size: 125%; }
table {	margin: 0 0 0 12px;}
td {color: #8B8B8B;}
select { margin-bottom:5px; border:none; outline:none; border:1px solid #B7F12B; font-size:105%; }


/* Header */

#header {position:relative; background:url(../images/header.jpg) no-repeat;height:auto !important;height: 218px;min-height: 218px;	width: 980px; }
#logo {	background:url(../images/oxigen_logo.png) no-repeat;margin: 15px 0 0 13px;	height: 86px;position: absolute;width: 233px;}
.tagline {	background:url(../images/tagline.png) no-repeat;margin: 0 0 0 90px;}

#logo h1 a {display: block;	height: 85px;width: 210px;margin: 0 0 0 10px;}
#logo h1 {height: 60px;width: 233px;text-indent: -9999px;position: absolute;top: 0px;}
#logo h1.tagline {height:60px; width:405px; text-indent:-9999px; position:absolute; top: 80px;}
#top-nav {position:relative;width:555px;float:right;margin: 14px 0 0 0;}
#top-nav img {	margin: 0 5px 0 5px;}
#leaf-end {	width:100%;	height:70px;float:left;background:url(../images/leaf.jpg) no-repeat 118px 0px;}



/* Side Navigation / Appears on all but the homepage */

#side-nav {width:204px; float:left; margin: 12px 18px 0 20px; display:inline; padding:0px 0px 60px 0px;}
#side-nav ul { width:100%; margin:0; padding:0 0 2px 0; float:left; }


#side-nav li { width:100%; float:left; list-style:none; }
#side-nav a { width:100%; float:left; }


/* Content */
#content-wrapper { width:100%; float:left; font-size: 80%;}
#content-left {position:relative; background:url(../images/homepage/banner.jpg) no-repeat; margin-top:-31px; width:650px;  float:left;}
.content-left-home { height:366px;}
#content-right {position:relative;background: url(../images/homepage/shadow.gif) no-repeat top #e1f4cf;	float:left;	width:330px; height:359px;margin-top:-31px;}
#content-right table { padding:0px; margin:0px;}
#content-right td { padding:3px; }
#content-right td.form-fields {padding:0 0 0 14px; font-size:12px;}
#content-right td.small-text {padding:0 0 0 14px;}
#content-right td.news-link {padding:0 0 0 14px;}
#content-right td.news-link-first {padding:0 0 5px 14px;}
#content-right td.fb {	padding:0 0 0 14px;	font-size: 70%;	text-decoration: underline;}
#content p { line-height: 1.3em; margin: 0 12px 0 0; padding: 6px 0 18px 0;}
#content { width:697px;  float:left; color:#666; margin: -80px 0 60px 0; padding:0px 10px 0px 15px; overflow:hidden; background:url(../images/line.gif) top left repeat-y; }  /* position:relative;  */ 
* html #content { padding-bottom:50px;}

/* Facebook Links */
#facebook {	float:left; margin:30px 0 0 -5px; text-decoration:underline; color:#8B8B8B;}
.facebook-img {margin: 6px 10px 0 0; float: left;width: 18px;}
.facebook-ftr-img {margin: -12px 10px 0 0;float: left; width: 18px;}
#facebook a {color:#8B8B8B;}
#facebook a:hover {color: #2e6503;}


.inset-img { float:right; margin:0px 10px 15px 20px;}

/* Torso */
#torso {  width:980px; float:left; background:#FFFFFF; }

/* Content Lists */
#content h4 {color:#666;}
#content ul { margin-top:6px; margin-left:0; padding-left:0; }
#content li {list-style:none; background:url(../images/bullet.gif) no-repeat 0px 9px; padding: 4px 0 5px 10px; position:relative; }
* html #content li { background-position:0px 13px; }
* + html #content li { background-position:0px 13px; }
#content a {color: #666;}
#content a:hover {color:#2e6503;}

* html #content { margin:-70px 0 25px 0; }
* + html #content { margin:-70px 0 50px 0; }

#content-right h4 {color: #2e6503;	font-weight: bold; font-size:110%;	padding: 0 0 0 10px;}
#content-right h4 object { margin-bottom:-5px; }
#content-right a {color: #8b8b8b;text-decoration: none;}
#content-right a.forgot { color:#76d129; }
#content-right a:hover {color:#2e6503;}


/* Bottom Content */

#bottom-content {  position:relative; background:url(../images/homepage/gradient_bottom.gif); width:980px; padding: 0 0 30px 0; margin-top:-23px; float:left;}
#bottom-content a {display:block; color: #fff; text-decoration:none; font-size:90%; padding:97px 0 0 10px;}
#bottom-content a:hover {color: #d4f4a0;}
#torso #bottom-content #help a {margin: 0px;padding: 0px;}
#bottom-content p {	color: #fff;line-height: 1.4em;}

#bottom-content-top { clear:both; position:relative; background:url(../images/homepage/footer_top.png); width:100%; margin-top:-23px; height:23px; display:block; float:left; }


#skiphire { background:url(../images/teaser7.jpg) no-repeat center top #469c23; float:left; width:300px; height:120px; margin:20px 0 0 20px; display:inline;}
#plastics { background:url(../images/teaser2.jpg) no-repeat top #469c23; float:left; width:300px; height:120px; margin:20px 0 0 20px; display:inline;}
#switch { background:url(../images/teaser8.jpg) no-repeat top #469c23; float:left; width:300px; height:120px; margin:20px 0 0 20px; display:inline;}
#business {background:url(../images/teaser3.jpg) no-repeat top #469c23; float:left; width:300px; height:120px; margin:20px 0 0 20px; display:inline;}
#account {background:url(../images/teaser4.jpg) no-repeat top #469c23; float:left; width:300px; height:120px; margin:20px 0 0 20px; display:inline;}
#energy-generation {background:url(../images/teaser5.jpg) no-repeat top #469c23; float:left; width:300px; height:120px; margin:20px 0 0 20px; display:inline;}
#service-provider {	background:url(../images/teaser6.jpg) no-repeat top #469c23;float:left;	width:300px;margin:20px 0 0 20px;display:inline;height: 120px;}

#welcome {float: left;	width: 610px;padding: 0 0 0 20px;}
#welcome h4 object { margin-bottom:-10px; }
#welcome a {margin:0; padding:0; display:inline; text-decoration:underline;}


#help {	float: left; width: 300px; padding: 0 0 0 35px; display:inline;}
#help h4 object { margin-bottom:-10px; }
#help img {	float: right;margin: 0 10px 0 0;}
#bottom-content #bottom-content-top #help h4 {color:#2e6503;}


/* Footer */

#footer { width:100%; float:left; height: 70px;background-color:#e1f4cf; position: relative; clear:both; font-size:10px; }
#footer .center { width:980px; float:left; }
#disclaimer {float:right;height:42px;margin:15px 20px 0 0;width:170px;color: #666; display:inline; text-align:right;}
#footer a {	color:#666;	text-decoration: none; padding:2px 2px 8px 0; position:relative; top:1px; }
#footer img {border:none; padding:6px 0 0 30px;}
#disclaimer a:hover {color:#333333;}

/* Classes */
.small-text {font-size: 11px;padding:0px;}
.content-right-img {margin: 0 20px 0 0;}
.orange-text {color:#F6B81F; padding:0;margin:0;font-size:160%;line-height:0.5em;}

.clear {width:100%; float:left; height:0px; line-height:0px; font-size:0px; clear:both;}
.align-left {padding: 2px 14px 4px 0;}
.grn-txt {color:#2e6503;}


/* Primary Navigation */
#primary-nav { width:740px; float:left; position:absolute; left:240px; top:56px; overflow:hidden; z-index:1; }
#primary-nav ul { width:217px; padding:0; margin:0; float:left; display:inline; list-style:none; overflow:hidden; }
#primary-nav li { margin:-10000px -217px 0 0; padding:0; float:left; display:inline; position:relative; }
#primary-nav a { height:auto !important; height:37px; min-height:37px; margin:10000px 0 0 0; padding:0; float:left; display:inline; position:relative; z-index:1; background:transparent; cursor:pointer; }
#primary-nav .sub { width:auto !important; margin:-37px 0 0 0; padding:37px 0 12px 0; float:left; font-size:12px; color:#333; position:relative; }
#primary-nav .sub .end { width:100%; height:12px; background:url(../images/dropdown_bottom.png) no-repeat left top; clear:both; position:absolute; left:0; bottom:0; }
* html #primary-nav .sub .end { bottom:37px; }
* + html #primary-nav .sub .end { bottom:37px; }

#primary-nav ul#pnav-1 { margin:0 -19px 0 0; }
#primary-nav ul#pnav-2 { margin:0 -9px 0 0; }
#primary-nav ul#pnav-3 { margin:0 -21px 0 0; }
#primary-nav ul#pnav-4 { margin:0 -79px 0 -79px; }

#pnav-1 li { width:415px; }
#pnav-2 li { width:425px; }
#pnav-3 li { width:413px; }
#pnav-4 li { width:355px; width:434px; }
#pnav-4 li a { margin-left:79px; }

#primary-nav a:hover,
#primary-nav a:focus,
#primary-nav a:active { margin-right:1px; overflow:visible; }

#primary-nav ul ul { width:auto; margin:0; padding:0; overflow:visible; background:url(../images/dropdown_top.gif) no-repeat left bottom; }
#primary-nav li li {  width:auto; margin:0; padding:0; clear:both; }
#primary-nav li li a { width:197px; height:auto; min-height:0; margin:0; padding:5px 10px; clear:left; z-index:0; color:#2e6503; font-weight:bold;text-decoration:none; background:url(../images/dropdown_line.gif) no-repeat center bottom; }

#primary-nav li li a:hover {color:#fff; }


/* Skip hire style */
.skip-panel { background-color:#eef6e7; padding:20px; float:left; width: 653px; margin-bottom:20px;}
* html .skip-panel {width: 653px;}
.skip-panel h2 {font-size:135%;  margin:0; padding:0 0 10px 0; color:#666;}
.skip-panel h3 {color:#666; }
.skip-panel img {float:left; clear:left;}
.skip-panel div { font-size:90%; float:left; width:420px; padding:0 0 0 20px;}
.details { background-color:#eef6e7; border-bottom:1px solid #90e647;}
.details .img-holder { float:left; width:300px; }
.details .img-holder img{ margin-bottom:15px; }
.details div { float:left; width:300px; }
.price { color:#F6B81F; font-size:150%; display:block; font-weight:bold; padding:10px 0; }
.sales-enquiries { color:#469c23; font-size:150%; display:block; font-weight:bold; padding:10px 0; }
td.skip-prices { padding-right:20px; font-size:80%; line-height:12px; }
.book-now { float:right; }
#pricing { border-bottom:1px solid #90e647; float:left; width:653px;background-color:#eef6e7; padding:20px;margin:-20px 0px 20px 0px; }
#pricing #left-side { font-size:90%; float:left; text-align:right; width:280px; padding:0 0 0 20px;}
#pricing #right-side { font-size:90%; float:left; width:280px; padding:0 0 0 20px;  }
#pricing #right-side select { font-size:110%; }
#pricing h3 {color:#666; margin:0px 0px 5px 0px; font-weight:normal; }
* html #pricing { width:653px;}
#pricing .small-text { padding-left:0px;}

.change-skip { float:right; margin:20px 20px 10px 0px; display:inline;}
.change-skip img { float:left; }
.change-skip span { color:#2e6503; padding:0px 5px 0 5px; margin-top:5px; display:block;float:left;}

h1.skip-hire {width:400px;}

/* Domestic services */
.inset-box { background-color:#eef6e7; margin:0px 0px 10px 10px; padding:15px; float:right; width:255px;}
#green-tick li { background:url(../images/domestic/tick.gif) no-repeat top left; margin-left:0px;padding-left:30px; color:#2e6503;}
#switch-btn { float:right;}

#content ul.download-list { border-top:1px solid #d6f3bd; margin-bottom:20px;}
#content .download-list li{ background:none;width:100%; border-bottom:1px solid #d6f3bd;padding:7px 0px 7px 0px; margin:0px;}
#content .download-list a { text-decoration:none; }
#content .download-list img { float:right; margin:-5px 180px 0px 0px;padding:0px; display:inline;}

/* contact */
.container {float:left;padding:0px;margin:0px 0px 20px 0px; overflow:hidden;}
.contact-box { width:697px; margin:0 0 -1px 0; padding:10px 0 0 0; float:left; border:solid #D6F3BD; border-width:1px 0; }
.contact-box table { width:100%; margin:0; float:left; }
.contact-box td { vertical-align:bottom; padding:10px 10px 10px 0; }
.contact-box h3 { color:#666;margin:0px;}
.contact-box h2 {color:#666;margin:0px;font-size:125%;}


/* Help and Questions */
#help-title { width:693px; margin:-80px 0 20px 250px; padding:0; display:inline; float:left; position:relative;}
#help-title h1 { margin:0; padding:10px 0; line-height:26px; }
#help-container {width:940px; float:left; margin:5px 20px 60px 20px; display:inline;}

#help-content { background-color:#eef6e7; float:left; width:100%; padding:20px 0px 40px 0px; overflow:hidden; }
#help-content ul { background:url(../images/pixel_across.gif) top left repeat-x; margin:0px; padding:2px 0px 0px 0px;}
#help-content li { background:url(../images/pixel_across.gif) bottom left repeat-x; list-style:none; padding: 4px 10px 5px 10px;}
#help-content a { text-decoration:none;color:#2e6503;padding: 4px 0 4px 0px; display:inline; border:none; outline:none;}
#help-content a:focus, #help-content a:active { border:none; outline:none; }
#help-content .answer {display:none; float:left; color:#666; padding:0px 0px 0px 0px;background:none;width:350px;}
#help-content .answer ul { border:none;padding:0px 20px 0px 10px; margin:5px 0px 0px 0px;background:none;}
#help-content .answer li {border:none; list-style:none;background:url(../images/bullet.gif) no-repeat 0px 9px; padding: 4px 0 5px 10px;}
#help-content .answer p {padding:0px 20px 0px 20px; margin:0px;}
#help-content .answer a {color: #666; text-decoration:underline;}
#help-content .answer a:hover {color:#2e6503;}
.qStyle1 { float:left; width:180px; font-weight:bold; background:url(../images/line.gif) top right repeat-y; padding:0px 20px 2000px 20px; text-align:right; margin-bottom:-2000px;}
.qStyle2 {display:none; width:330px; float:left; background:url(../images/line.gif) top right repeat-y; padding:0px 20px 2000px 20px; margin-bottom:-2000px;}
.select {float:left; padding:0px 20px 0px 20px; margin-top:-5px; }
.select h4 {color:#666;}
#help-spacer {float:left;background-color:#eef6e7; width:100%; height:20px; margin-top:-10px; }

/* Business Services */
table.cust-enquiry {padding:0px;margin:15px 0px 0px 0px;}
table.cust-enquiry td {padding:5px 0px 0px 20px;margin:0px;}
table.cust-enquiry td.label {padding:5px 0px 0px 0px;margin:0px;}
td.submit { text-align:right;}






/* Online Account CSS */
#dd-form .panel-top { background: url(../images/line_divider.gif) repeat-x top left #f3fbec; padding: 3px 0 0 0; }
#dd-form .panel { background: url(../images/line_divider.gif) repeat-x bottom left #f3fbec; padding: 10px 0 20px 20px; }
#dd-form table { margin: 0 0 0 100px; }
#dd-form table th { width: 200px; text-align:right; vertical-align: top;}
#dd-form table td { vertical-align: top;}
#dd-form .normal { font-weight: normal; font-size: 90%; }
#dd-form .switch-btn { text-align: right; }

/* View Bills */
#view-bills-wrapper table { width: 100%; background: url(../images/line_divider.gif) repeat-x top left; margin: 10px 0 0 0; }
#view-bills-wrapper table td { width: 70%; background: url(../images/line_divider.gif) repeat-x bottom left; padding: 5px 0 5px 0; font-weight: bold; }
#view-bills-wrapper table td.left { width: 30%; }
#view-bills-form-wrapper { margin-top: 30px; }
#view-bills-form-wrapper table { font-weight: bold; margin-top: 10px; }
#view-bills-form-wrapper table td { font-weight: bold;}

/* Pay bills */
#bills-form .panel { background: url(../images/line_divider.gif) repeat-x bottom left #f3fbec; padding: 10px 0 20px 20px; }
#bills-form table { margin: 0 0 0 100px; }
#bills-form table th { width: 200px; text-align:right; vertical-align: top;}
#bills-form table td { vertical-align: top;}
#bills-form .normal { font-weight: normal; font-size: 90%; }
#bills-form .switch-btn { text-align: right; }
.input-text { width: 200px; }



/* Download Catalogue */
#download-calendar-wrapper { height:auto !important; height:300px; min-height:300px; }
#download-calendar-wrapper table { width: 100%; background: url(../images/line_divider.gif) repeat-x top left; margin: 10px 0 0 0; }
#download-calendar-wrapper table td { width: 50%; background: url(../images/line_divider.gif) repeat-x bottom left; padding: 5px 0 5px 0; font-weight: bold; }
#download-calendar-wrapper table td.left { width: 50%; }
#download-calendar-form-wrapper { margin-top: 30px; }
#download-calendar-form-wrapper table { font-weight: bold; margin-top: 10px; }
#download-calendar-form-wrapper table td { font-weight: bold;}





/* yacine changes to css */
.clear-contact-ie7
{
clear:both;
height:0px;
line-height:0px;
font-size:0px;
width:100%;
}


#layer1,#layer2,#layer3,#layer4,#layer5,#layer6
{
display:none;
}

#summary-skip
{
font-weight:bold;
font-size:16px;
padding-bottom:15px;
}
#summary-area
{
padding-bottom:15px;
}

#summary-price
{
font-weight:bold;
font-size:16px;
}

* + html h3 {margin: 14px 0 0 0;}
* html h3 {margin: 14px 0 0 0;}



/* Homepage Login */
form.home-login input { width:197px; height:18px; padding:3px 0 0 5px; background:url(../images/homepage/input_field.gif) no-repeat left top; border:none; outline:none; }
form.home-login input.submit { width:auto; height:auto; padding:0; background:none; }


/* Equipment Hire */
table.equipment td { vertical-align:top; }

p.center { width:auto; float:none; text-align:center; }

#bus-contacts {	margin: 0;	float: left;	text-align: left;	padding: 10px 0 10px 0;}
#bus-contacts td {padding: 5px;}



.links-lft {float: left;width: 300px;}
.links-lft-second {	float: left;width: 300px;clear: both;}

.shop-tags-list {float:left; width:200px;}
.shop-tags-list-second { float: left; width: 200px; clear: both;}

#pricing table { float:left;	width:280px; padding:0; margin:0;}
#pricing table td {	list-style-position: outside;list-style-image: url(../images/bullet.gif);	list-style-type: disc;}