/* remove default styling from all elements */
*{
margin:0;
padding:0;
}

body {
font:62.5%/1.3 Arial, Helvetica, sans-serif;
background:#A0A5A0 url(../images/bg_grad.gif) repeat-x;
text-align:center;
}

a{
text-decoration:none;
}

a img{
border:none;
}

blockquote{
color:#666666;
line-height: 1em;
}

cite{
font-size: 0.9em;
}

/********************** page structure **********************/

#content, #header, #footer{
width:799px;
margin:0 auto;
text-align:left;
}

#content{
background-color:#fff;
border-top:5px solid #E2E3E2; /* opera bug fix */
margin-bottom:5px;
padding-top:5px;
}


/********************** header section **********************/

#logo{
margin:13px 0 19px 30px;
}

#header-slice{
width:799px;
height:28px;
background:url(../images/home_header_slice.jpg) no-repeat;
}

#header p{
float:right;
color:#474646;
font-size:1.1em;
padding:6px 20px 0 0;
}

#header a{
color:#151a1d;
}

#header a:hover{
text-decoration:underline;
}

#header ul{
list-style:none;
margin:0;
padding:0;
background:#000 url(../images/menu_bg.gif) repeat-x;
padding-left:30px;
padding-right:40px;
}

#header ul li{
float:right;

}

#header ul li a{
display:block;
padding:8px 0px 8px 35px;
color:#CACACA;
font-size:1.1em;
font-weight:bold;
margin-right: 3px;
text-align:right;
}

#header ul li.active a, #header ul li.active a:hover{
border-bottom:5px solid #BCD90E;
padding-bottom:3px; /* make space for the border */
color:#FAFAF8;

}


#header ul li a:hover{
border-bottom:5px solid #757d81;
padding-bottom:3px; /* make space for the border */
color:#FAFAF8;
text-decoration:none;
}

#products div#header{
background:url(../images/header_products.jpg) no-repeat top;
}

#services div#header{
background:url(../images/header_services.jpg) no-repeat top;
}

#about div#header{
background:url(../images/header_about.jpg) no-repeat top;
}

#news div#header{
background:url(../images/header_news.jpg) no-repeat top;
}

#contact div#header{
background:url(../images/header_services.jpg) no-repeat top;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}


/********************** side navigation **********************/

#side-navigation {
padding-right:35px;
font-size:1.2em;
float:right;
margin-top:60px;
}

ul#side-navigation li{
margin:7px;
background:url(../images/arrow_grey.gif) no-repeat 100% 60%;
text-align:right;
list-style:none;
padding-right:20px;
}

ul#side-navigation li a{
color:#6b6e6e;
text-decoration:none;
font-weight:300;
}

ul#side-navigation li a:hover{
color:#1E2529;
text-decoration:underline;
}

ul#side-navigation li:hover{
background:url(../images/arrow_black_horiz.gif) no-repeat 100% 60%;
}

/* 	applied with js for backwards compatibility */
ul#side-navigation li.ie_on{
background:url(../images/arrow_black_horiz.gif) no-repeat 100% 60%;

}

ul#side-navigation li.selected{
background:url(../images/arrow_green.gif) no-repeat 100% 60%;
}

ul#side-navigation li.selected a{
color:#A5BE0D!important;
}




/********************** main content **********************/

.main-content{
color:#5b5a5a;
padding-top:20px;
}

.main-content h1{
font-size:2em;
font-weight:300;
margin:15px 0 10px 0;
padding-top: 10px;
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
color:#1e2529;
}

.main-content h2{
font-size:1.5em;
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
}

.main-content h3{
font-size:1.2em;
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
}

.main-content p{
font-size:1.2em;
line-height:1.5em;
/*text-align:justify;*/
margin:5px 0 15px 0;
}

.main-content h1, {
color:#1E2529;
}

.main-content a{
color: #4e7791;
}

.main-content a:hover{
color:#A5BE0D;
text-decoration:underline;
}

.main-content a{
font-weight:800;
}


.left-column{
float:left;
}

#home-h1{
margin-top:0;
}


/********************** footer **********************/
#footer{
background:#242D33 url(../images/footer.gif) no-repeat bottom;
padding:20px 0;
margin-bottom: 50px;
}

#footer p{
float:left;
color:#A4A6A7;
font-size:1.1em;
line-height:1.6em;
padding:0 30px;
text-align:right;
}

#footer p#address{
line-height:1.1em;
padding:2px 0px;
margin-left: 12px;
}

#footer a{
color:#CDCECF;
font-weight:800;
}

#footer a:hover{
color:#A5BE0D;
text-decoration:underline;
}

#footer #arc8{
float:right;
margin-top:15px;
}



/********************** clearfix **********************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}



/********************** home page **********************/

#home div.main-content{
width:460px;
}

/* ie bug fix */
#home div.main-content p, #home div.main-content h1{
margin-left:40px;
text-align:right;
}

/* right hand side box */

#side-box{
height:280px;
background:#ffffff url(../images/box.jpg) no-repeat;
padding-left:25px;
font-size:1.1em;
position:relative;
margin:20px 0 0 500px;
text-align:right;
padding-right:25px;
}

#side-box h2{
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
color:#5F676B;
border-bottom:1px solid #E0E1E2;
padding-top:15px;
margin-bottom:12px;
font-size:1.1em;
width: 150px;
float:right;

}

#side-box h3{
color:#60605A;
font-size:1em;
}

#side-box p{
color:#5A6369;
width:150px;
float:right;
}

#side-box a{
color:#4E7690;
font-weight:bold;
}

#side-box a:hover{
text-decoration:underline;
color:#A5BE0D;
}

#side-box ul#news{
/*list-style-image:url(../images/news_bullet.gif);*/
list-style-image:none;
font-weight:800;
margin-bottom:0px;
width:240px;
float:right;
}

#side-box ul#news li{
list-style:none;
margin:0px 0;
}

#side-box ul#news a{
color:#4E7690;

}
#side-box ul#news a:hover{
color:#A5BE0D;
text-decoration:underline;
}

#side-box img{
	position:absolute;
	right:189px;
}

#side-box img#side-box-image1{
	top:35px;
}

#side-box img#side-box-image2{
top:155px;
}

.body-class  div.main-content table p{
width:150px;
}
/* latest products */

#latest-products{
background-color:#F7F8F8;
border-top:1px solid #E8E8E3;
margin-top:25px;
clear:both;
}

#latest-products div#latest-products-header{
width:200px;
float:none;
padding-left:580px;
}

#latest-products h2{
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
border-bottom:1px solid #E0E1E2;
color:#858989;
padding:5px 0;
font-size:1.4em;
}

#latest-products div{
background:url(../images/bg_latest_products.gif) repeat-x;
float:left;
width:250px;
text-align:right;
}

#latest-products div#bose{
width:299px;
}

#latest-products div img{
float:left;
margin-right:15px;
}

#latest-products div#bose img{
margin-left:30px;
}

#latest-products div p{
font-size:1.1em;
margin-top:2px;
padding-right:20px;
color:#737373;
}

#latest-products div h3{
font-size:1.3em;
margin-top:9px;
padding-right: 20px;
}

#latest-products div h3 img{
margin:6px 4px 0 -10px!important;
}
#latest-products div a{
color:#60605A;
}

#latest-products div a:hover{
color:#A5BE0D;
text-decoration:underline;
}

#dispensers{
margin-top:-1px;
}



/********************** products **********************/

.body-class div.main-content h1, .body-class  div.main-content p, .body-class div.main-content h2{
width:308px;
float:right;
margin-right:30px;
}

.body-class div.main-content h1{
border-bottom:1px solid #EDEDE8;
text-align:right;
width:300px;
}

.body-class  div.right-column{
margin-bottom: 60px;
float:right;
width:600px;
margin-right: 0px;
text-align:right;
}

.body-class  div.right-column-products{
margin-bottom: 60px;
float:right;
width:493px;
}

.body-class  div.right-column-products p{
text-align:right;
}

.product-item{
text-align:right;
float:right;
}

.product-item img{
float:left;
margin:0px 0px 0 20px;
}

.product-item h2{
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
font-size:1.5em;
}

.body-class  div.right-column ul{
list-style:none;
}

.body-class  div.right-column li{
background: url(../images/bullet.gif) no-repeat 0 50%;
padding-left: 17px;
font-size:1.2em;
line-height: 1.5em
}

.recycle{
float:right;
margin-top:5px;
margin-left: 20px;
margin-bottom:20px;
}

.virgin{
float:right;
margin-top:5px;
margin-left: 20px;
margin-bottom:60px;
}

p.recycle-text{
margin-left:47px;
width:291px!important;
text-align:right;
}

/********************** product menu **********************/

#prod-menu{
width:342px;
margin-bottom: 30px;
margin-right:27px;
float:right;
}

#prod-menu ul{
list-style:none;
margin:0;
padding:0;
}

#prod-menu ul li{
background:none;
display:inline;
margin:0;
padding:0;
}

#prod-menu ul li a{
float: left;
background-color:#FFFFFF;
margin: 0px 4px 4px 0px;
display:block;
}