/* CSS Document */

body {

	background: #65BBF4 url(../gfx/bg-body.jpg) repeat-x;
	margin: 0;
	padding: 20px 0 20px 0; border: 0;

}




div#container {

	width: 880px; background: white;
	margin: 0 auto;

}



div#topbar {
	width: 880px;
	background: white url(../gfx/bg-topbar.jpg) no-repeat;
	padding-top: 40px; margin: 0;
}




div#logo {
	width: 188px;
	float: left;
	padding-left: 10px;

}



/* Menu List Items - Common Styles */

div#menu { width:660px; padding: 0 20px 0 0; margin:0; z-index:100; float: right; padding-top: 70px; background: url(../gfx/bg-menu.gif) no-repeat top right; }

#menu ul { padding:0; margin:0; list-style-type: none; }
#menu ul li { float:right; position:relative; font: normal 12px Arial, Helvetica, sans-serif; margin-left: 1px; }
#menu ul li a {
	display:block;
	background: #41A0FC;
	text-decoration:none;
	padding: 13px 0 6px 15px;
	color: white;
	text-align:left;
	height: 22px;
	overflow:hidden;
	font-weight: bold;
} 

	#menu .li-eShop { width: 64px; }
	#menu .li-eShop a { background: #41A0FC url(../gfx/bg-li-homepage.jpg) top left no-repeat; }
	#menu .li-eShop a:hover { color: white; background: #41A0FC url(../gfx/bg-li-homepage-hover.jpg) top left no-repeat;  }
	
	#menu .li-products { width: 112px; }
	#menu .li-products a { background: #6fa243 url(../gfx/bg-li-hddglobal.jpg) top left no-repeat; }
	#menu .li-products a:hover { color: white; background: #6fa243 url(../gfx/bg-li-hddglobal-hover.jpg) top left no-repeat; }

	#menu .li-conservation { width: 162px; }
	#menu .li-conservation a { background: #F2B600 url(../gfx/bg-li-benefits.jpg) top left no-repeat;  }
	#menu .li-conservation a:hover { color: white; background: #F2B600 url(../gfx/bg-li-benefits-hover.jpg) top left no-repeat;  }

	#menu .li-resellers { width: 82px; }
	#menu .li-resellers a { background: #F2410A url(../gfx/bg-li-aboutus.jpg) top left no-repeat; }
	#menu .li-resellers a:hover { color: white; background: #F2410A url(../gfx/bg-li-aboutus-hover.jpg) top left no-repeat; }

	#menu .li-contact { width: 92px; }
	#menu .li-contact a { background: #D023FC url(../gfx/bg-li-contact.jpg) top left no-repeat; }
	#menu .li-contact a:hover { color: white; background: #D023FC url(../gfx/bg-li-contact-hover.jpg) top left no-repeat; }

	#menu .li-support { width: 112px; }
	#menu .li-support a { background: #7523fd url(../gfx/bg-li-news.jpg) top left no-repeat; }
	#menu .li-support a:hover { color: white; background: #7523fd url(../gfx/bg-li-news-hover.jpg) top left no-repeat; }
	
	
#menu ul li ul { display: none; }

/* specific to non IE browsers */

/* #menu ul li:hover a {color:#fff; background: #393939; } */
#menu ul li:hover ul {display:block; position:absolute; top:41px; left:0; width:220px; }
#menu ul li:hover ul li { width:220px; font: normal 11px arial, sans-serif; }

#menu ul li:hover ul li a {display:block; color:white; height: 15px; padding: 6px 0 6px 20px;  border-left: 0; border-right: 0;  }
/* #menu ul li:hover ul li a:hover {color:#fff; background: #555; } */

#menu .ul-hd a { background: #6fa243; }
#menu .ul-li-hd a:hover { background: #78af49; }

#menu .ul-be a { background: #F2B600; }
#menu .ul-li-be a:hover { background: #F6C634; }





/* Image Area */

div#largeimage { width: 880px; }

.image-homepage { border-top: 10px solid #41A0FC; border-bottom: 5px solid #41A0FC; }
.image-products {
	border-top: 10px solid #6fa243;
	border-bottom: 5px solid #6fa243;
}
.image-green-initiative { border-top: 10px solid #F2B600; border-bottom: 5px solid #F2B600; }
.image-aboutus { border-top: 10px solid #F2410A; border-bottom: 5px solid #F2410A; }
.image-contact { border-top: 10px solid #D023FC; border-bottom: 5px solid #D023FC; }
.image-sitemap { border-top: 10px solid #41A0FC; }
.image-support { border-top: 10px solid #7523fd; }


/* Main Holder */

div#mainholder { width: 880px;  }



/* Content Area */

div#content-homepage { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-hddglobal { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-benefits { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-aboutus { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-contact { width: 500px; padding: 20px 40px 40px 40px; float: left; }
div#content-news { width: 500px; padding: 20px 40px 40px 40px; float: left; }


h1 { margin: 10px 0 10px 0; padding: 0; font: normal 30px Arial, Helvetica, sans-serif; }
p { margin: 15px 0 15px 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; color: #555; }

.intro { font: normal 18px Arial, Helvetica, sans-serif; line-height: 24px; }
.featured-product { font: bold 14px Arial, Helvetica, sans-serif; line-height: 20px; }
.product-image { float: left; padding-right: 15px; padding-bottom: 15px; }

#content-news .product-title { font: bold 14px Arial, Helvetica, sans-serif; line-height: 20px; margin-bottom: 0; }
#content-news .product-title a { text-decoration: none; }
#content-news .product-title a:hover { text-decoration: underline; }

#content-news .bookmark-box { padding: 0 15px 0 15px; border: 1px solid #ddd; margin: 10px 0 10px 0; }
#content-news .bookmark-box p { font: normal 11px Arial, Helvetica, sans-serif; }
#content-news .bookmark-box p a { text-decoration: none; }
#content-news .bookmark-box p a:hover { text-decoration: underline; }
#content-news .bookmark-icon { margin-right: 1px; margin-left: 1px; }
#content-news .product-date { font: normal 12px Arial, Helvetica, sans-serif; color: #999; }


/* specialist header styles */
#content-homepage h1 { color: #41A0FC; }
#content-homepage h1 a { color: #41A0FC; }

#content-hddglobal h1 { color: #6fa243; }
#content-hddglobal h1 a { color: #6fa243; }

#content-benefits h1 { color: #F2B600; }
#content-benefits h1 a { color: #F2B600; }

#content-aboutus h1 { color: #F2410A; }
#content-aboutus h1 a { color: #F2410A; }

#content-contact h1 { color: #D023FC; }
#content-contact h1 a { color: #D023FC; }

#content-news h1 { color: #7523fd; }
#content-news h1 a { color: #7523fd; }


/* specialist paragraph styles */
#content-homepage p a { color: #41A0FC; }
#content-homepage p a:hover { color: #41A0FC; text-decoration: none; }
#content-homepage .quote { color: #41A0FC; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-hddglobal p a { color: #6fa243; }
#content-hddglobal p a:hover { color: #6fa243; text-decoration: none; }
#content-hddglobal .quote { color: #6fa243; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-benefits p a { color: #F2B600; }
#content-benefits p a:hover { color: #F2B600; text-decoration: none; }
#content-benefits .quote { color: #F2B600; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-aboutus p a { color: #F2410A; }
#content-aboutus p a:hover { color: #F2410A; text-decoration: none; }
#content-aboutus .quote { color: #F2410A; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-contact p a { color: #D023FC; }
#content-contact p a:hover { color: #D023FC; text-decoration: none; }
#content-contact .quote { color: #D023FC; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }

#content-news p a { color: #7523fd; }
#content-news p a:hover { color: #7523fd; text-decoration: none; }
#content-news .quote { color: #7523fd; font: italic 18px Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 24px; }


/* specialist list item styles */
#content-homepage ul { margin: 0; padding: 1px 0 1px 0; }
#content-homepage ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(../gfx/bg-content-hp-li.gif) top left no-repeat; }
#content-homepage ul li a { color: #41A0FC; }
#content-homepage ul li a:hover { text-decoration: none; }

#content-hddglobal ul { margin: 0; padding: 1px 0 1px 0; }
#content-hddglobal ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(../gfx/bg-content-cr-li.gif) top left no-repeat; }
#content-hddglobal ul li a { color: #6fa243; }
#content-hddglobal ul li a:hover { text-decoration: none; }

#content-benefits ul { margin: 0; padding: 1px 0 1px 0; }
#content-benefits ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(../gfx/bg-content-be-li.gif) top left no-repeat; }
#content-benefits ul li a { color: #F2B600; }
#content-benefits ul li a:hover { text-decoration: none; }

#content-aboutus ul { margin: 0; padding: 1px 0 1px 0; }
#content-aboutus ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(../gfx/bg-content-ab-li.gif) top left no-repeat; }
#content-aboutus ul li a { color: #F2410A; }
#content-aboutus ul li a:hover { text-decoration: none; }

#content-contact ul { margin: 0; padding: 1px 0 1px 0; }
#content-contact ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(../gfx/bg-content-co-li.gif) top left no-repeat; }
#content-contact ul li a { color: #D023FC; }
#content-contact ul li a:hover { text-decoration: none; }

#content-news ul { margin: 0; padding: 1px 0 1px 0; }
#content-news ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #555; background: url(../gfx/bg-content-ne-li.gif) top left no-repeat; }
#content-news ul li a { color: #7523fd; }
#content-news ul li a:hover { text-decoration: none; }


/* Sidebar to the Right */

#sidebar { width: 205px; float: left; margin-top: 40px; padding: 20px 25px 20px 30px; }

#sidebar p { margin: 0; padding: 10px 0 10px 0; color: white; }
#sidebar p a { color: white; text-decoration: underline; }
#sidebar p a:hover {

}

#sidebar .sideheader {  font: normal 18px Arial, Helvetica, sans-serif; color: white; line-height: 24px;  }
#sidebar .sideheader a {
	text-decoration: underline;
}

#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { width: 190px; list-style-type: none; margin: 10px 0 10px 0; padding: 0 0 0 20px; font: normal 11px Arial, Helvetica, sans-serif; color: white; }
#sidebar ul li a { color: white; text-decoration: none; padding: 0 0 0 0; }
#sidebar ul li a:hover { text-decoration: underline; }


.sidebar-eshop { background: url(../gfx/bg-sidebar-homepage.jpg) no-repeat; height: 320px; }
.sidebar-eshop li { background: url(../gfx/bg-sidebar-hp-li.gif) top left no-repeat; }

.sidebar-products {
	background: url(../gfx/bg-sidebar-prod-detail.gif) no-repeat;
	height: 800px;
}
.sidebar-products li { background: url(../gfx/bg-sidebar-cr-li.gif) top left no-repeat; }

.sidebar-benefits { background: url(../gfx/bg-sidebar-benefits.jpg) no-repeat; height: 320px; }
.sidebar-benefits li { background: url(../gfx/bg-sidebar-be-li.gif) top left no-repeat; }

.sidebar-resellers { background: url(../gfx/bg-sidebar-aboutus.jpg) no-repeat; height: 320px; }
.sidebar-resellers li { background: url(../gfx/bg-sidebar-ab-li.gif) top left no-repeat; }

.sidebar-contact { background: url(../gfx/bg-sidebar-contact.jpg) no-repeat; height: 320px; }
.sidebar-contact li { background: url(../gfx/bg-sidebar-co-li.gif) top left no-repeat; }

.sidebar-support { background: url(../gfx/bg-sidebar-news.jpg) no-repeat; height: 320px; }
.sidebar-support li { background: url(../gfx/bg-sidebar-ne-li.gif) top left no-repeat; }


/* Footer */

div#footer { width: 800px; height: 50px; background: #6FBBF7 url(../gfx/bg-footer.gif) no-repeat; margin: 0 auto; padding: 1px 40px 30px 40px; }

.footer-homepage p a { color: #41A0FC; }
.footer-homepage p a:hover { color: #41A0FC; text-decoration: none; }

.footer-products p a { color: #6fa243; }
.footer-products p a:hover { color: #6fa243; text-decoration: none; }

.footer-green-initiative p a { color: #F2B600; }
.footer-green-initiative p a:hover { color: #F2B600; text-decoration: none; }

.footer-resellers p a { color: #F2410A; }
.footer-resellers p a:hover { color: #F2410A; text-decoration: none; }

.footer-contact p a { color: #D023FC; }
.footer-contact p a:hover { color: #D023FC; text-decoration: none; }

.footer-support p a { color: #7523fd; }
.footer-support p a:hover { color: #7523fd; text-decoration: none; }

.rsslogo { float: left; margin: 0 10px 10px 0; }



/* Misc */

.small {
	font: normal 10px Arial, Helvetica, sans-serif;
	text-decoration: underline;
} 

hr { border: 0; margin: 0; padding: 0; height: 1px; color: #ddd; background-color: #ddd; }

.clear { clear: both; margin: 0; }
.sidebar-productDetail {
	background: url(../gfx/bg-sidebar-hddglobal.jpg) no-repeat;
	height: 880px;
}
.sidebar-productDetail {
	background: url(../gfx/bg-sidebar-prod-detail.gif) top left no-repeat;
}
.Benchmarks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style1 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style3 {
	color: #555;
	font-weight: bold;
}
.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; }
.style5 {
	font-size: 14px;
	font-weight: bold;
}
div#content-hddglobal {
	width: 500px;
	padding: 20px 40px 40px 40px;
	float: left;
}
#content-hddglobal h1 {
	color: #6fa243;
}
#content-hddglobal h1 a {
	color: #6fa243;
}
#content-hddglobal p a {
	color: #6fa243;
}
#content-hddglobal p a:hover {
	color: #6fa243;
	text-decoration: none;
}
#content-hddglobal .quote {
	color: #6fa243;
	font: italic 18px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	line-height: 24px;
}
#content-hddglobal ul {
	margin: 0;
	padding: 1px 0 1px 0;
}
#content-hddglobal ul li {
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0 0 0 30px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #555;
	background: url(../gfx/bg-content-cr-li.gif) top left no-repeat;
}
#content-hddglobal ul li a {
	color: #6fa243;
}
#content-hddglobal ul li a:hover {
	text-decoration: none;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #555;
}