/* 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;
}

#header ul li{
float:left;
}

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

#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-left:35px;
font-size:1.2em;
float:left;
}

ul#side-navigation li{
margin:7px;
list-style-image:url(../images/arrow_grey.gif);
}

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{
list-style-image:url(../images/arrow_black_horiz.gif);
}

/* 	applied with js for backwards compatibility */
ul#side-navigation li.ie_on{
list-style-image:url(../images/arrow_black_horiz.gif);
}

ul#side-navigation li.selected{
list-style-image:url(../images/arrow_green.gif);
}

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




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

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



.main-content h1, .main-content-tc h1{
font-size:1.8em;
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.3em;
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, .main-content-tc 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;
padding:0 30px;
}

#footer p#address{
padding:0;
margin-left: 12px;
}

#footer a.tc{

}

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

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

#footer #arc8{
float:right;
margin:15px 10px 0 0;
font-weight: normal;
width: 150px;
padding: 0;
}

#footer #share{
float:right;
margin:1px 30px 0 0;
font-weight: normal;
}


#footer #arc8 a{
font-weight: normal;
}



/********************** 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;
}

/* 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;
}

#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;
}

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

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

#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);
font-weight:800;
margin-bottom:10px;
margin-left:15px;
position:relative;
}

#side-box ul#news li{
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:0px;
	
}

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

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


/* latest products */

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

#latest-products div#latest-products-header{
width:250px;
float:none;
}

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

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

#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:10px;
color:#737373;
}

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

#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{
width:338px;
}

.body-class  div.main-content-tc p{
width:550px;
}

.body-class  div.main-content table p{
width:180px;
}

.body-class div.main-content h1{
border-bottom:1px solid #EDEDE8;
margin-left:207px;
}

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

}

.product-item{
clear:right;
}

.product-item img{
float:right;
margin:0px 28px 0 0;
}



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

.body-class  div.right-column ul{
list-style:none;
width: 340px;
margin-bottom: 15px;
}

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

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

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

.product-item table td, .product-item table th{
border-left: 1px solid #878787;
border-bottom: 1px solid #878787;
padding: 2px;
font-size: 10px;
}

.product-item table{
border-top: 1px solid #878787;
border-right: 1px solid #878787;
margin-bottom: 20px;
}

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

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

#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;
}


.quote-cont{
background:url(../images/quote-bg-grad.jpg) repeat-x;
padding: 20px 20px;
margin-top: 40px;
width: 300px;
float:left;
}

.quote-cont img{
float:left;
margin-right: 10px;
margin-bottom:10px;
}

.quote-cont blockquote{
float:right;
width: 160px;
padding-left: 15px;
margin: 0;
font-size: 1.1em;
line-height:1.4em;
color:#4d4d4d;
background: url(../images/quote-logos/quote-left.gif) no-repeat top left;

}

.quote-cont blockquote span{
margin-top: 20px;
padding-right: 15px;
background: url(../images/quote-logos/quote-right.gif) no-repeat bottom right;
}