/* CSS Document */

html, body {
	height:100%;
}

body {
	margin:0;
	background:#999 url(/images/template/background.gif) center top;
}

hr {
	display:block;
	color:#DDD;
	width:100%;
	background:#DDD;
	height:1px;
	border:none;
	clear:both;
}

hr.clearboth {
	clear:both;
	visibility:hidden;
	size:1px;
	border:none;
	color:#FFF;
	background:#FFF;
}

body, td, .normal {
	font-family:Arial, Helvetica;
	font-size:10pt;
	color:#666;
}

a, .visibleLink {
	cursor:pointer;
	outline:none;
	color:#333;
}

h2 {
	font: 32px Arial, Helvetica, sans-serif;
	margin:0;
}

h3 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

label {
	cursor:pointer;
}

input {
	outline:none;
}

a.breadcrumb, a.nounderline {
	border: none;
	text-decoration:none;
}

/*
a:hover {
	text-decoration:underline;
}
*/

img {
	border:none;
}

form {
	margin:0px;
	padding:0px;
}

dt {

	font-size:12pt;
	font-weight:bold;
	margin-top:8px;
}

.preload, .postload {
	position:absolute;
	visibility:hidden;
	height:1px;
	width:1px;
	top:-1000px;
}
.preload img, .postload img{
	position:absolute;
	height:1px;
	width:1px;
}

.hidden {
	display:none;
}

.invisible {
	visibility:hidden;
}

div.hr {
	display:block;
	width:700px;
	margin:auto;
	background:#DDD;
	height:1px;
}

div.vr {
	display:block;
	height:120px;
	background:#DDD;
	width:1px;
}

.popupdocument {
	border:none;
	overflow:hidden;
}

/* ----- PAGE SECTIONS ----- */

#lollContainer {
	width:775px;
	margin:auto;
	position:relative;
}

#lollheader {
	height:145px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:4;
	background:#999 url(/images/template/background.gif) center top;
}

#lollheadertop {
	height:73px;
	position:relative;
	width:100%;
}

#menubar {
	height:72px;
	width:100%;
	position:relative;
	background:#FFF url(/images/template/menubar_back.png);
}

#menubar,
.menubody {
	margin:0;
	padding:0;
	list-style:none;
}

#lollbody {
	padding-top:145px;
	padding-bottom:60px;
}

#lollContainer {
	background:#FFF;
}

#lollbody_background {
	padding-bottom:25px;
}

#lollContainer.withSidebar{
	background:#FFF url(/images/template/sidebar_background.gif) left repeat-y;
}

#lollContainer.withWideSidebar{
	background:#FFF url(/images/template/sidebar_background_wide.gif) left repeat-y;
}

.breadcrumb {
	font-family: Verdana, Century Gothic, Arial;
	font-size:8pt;
	color:#666;
	text-align:left;
	height:19px;
	line-height:19px;
	vertical-align:middle;
}

div.breadcrumb {
	background: #FFF url(/images/template/breadcrumb_back.png) top left repeat-x;
}

#lollfooterContainer {
	position:absolute;
	bottom:0;
	left:0;
	width:775px;
}

#lollfooter {
	position:relative;
	width:100%;
	height:48px;
	padding-bottom:12px;
	background:#FFF url(/images/template/footer_back.gif);
}

#footertext {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	padding:9px;
	font-size:7pt;
	font-family:Century Gothic, Arial, Helvetica;
}

#footertext a {
	color:#666666;
	border:none;
}

#footerlogos {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	padding:8px;
}

/* ----- HEADER ELEMENTS ----- */
#headerlogo {
	display:block;
	position:absolute;
	top:0px;
	margin:0px;
	padding:0px;
	z-index:1;
}

#headerlogo img {
	position:absolute;
	top:0px;
	left:20px;
	border:none;
}

#headerinfonav {
	position:absolute;
	top:0px;
	right:0px;
	background:#999 url(/images/template/headerinfonav_back.png);
	height:55px;
	width:400px;
}

#headerphonenumber {
	font-size:12px;
	color:#EEE;
	position:absolute;
	width:250px;
	text-align:left;
	padding-left:10px;
	line-height:30px;
}

#header_search {
	position:absolute;
	right:0;
	top:4px;
	width:210px;
	height:19px;
}

#header_search #product_search{
	height:15px;
	padding:2px;
	font-size:13px;
	border:none;
	width:177px;
	display:block;
	float:left;
}

#header_search input.submit {
	background:url(/images/template/buttons/search_submit.gif);
	width:20px;
	height:19px;
	padding:0;
	float:left;
	margin-left:5px;
	border:none;
}

#headerlogo_eco {
	position:absolute;
	right:0px;
	top:0px;
	width:60px;
	height:30px;
}

#mininavbar {
	position:absolute;
	right:0;
	top:30px;
}

.smallbuttons {
	height:25px;
	background: #999999 url(/images/template/headerinfonav_back.png) repeat scroll bottom;
}

.smallbuttons a {
	display:block;
	height:25px;
	float:left;	
	line-height:18px;
	color:#999;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

.smallbuttons a:hover {
	background:url(/images/template/mininav_back_over.png);
}

.smallbuttons .divider {
	height:25px;
	width:3px;
	background:url("/images/template/small_button_divider.gif") repeat-y;
	float:left;
}

/* ----- MENU BAR ----- */

.dropdown {
	width:193px;
	height:72px;
	overflow:visible;
	float:left;
	display:block;
	border-right:1px solid #CCC;
}

.dropdown a.menubutton {
	text-decoration:none;
	display:block;
}

.menubutton img {
	display:block;
}

.dropdown .noarrow {
	list-style-image:none !important;
}

.dropdown a {
	border:none;
}

.dropdown, .dropdown td, .dropdown div{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin:0;
	text-align:left;
	z-index:5;
}

.dropdown #itemcolumn,
.dropdown #categorycolumn {
	background: #FFFFFF;
}
#categorycolumn {
	width:193px;
	vertical-align:top;
}
#itemcolumn {
	width:193px;
	vertical-align:top;
	border-style:solid;
	border-color:#CCC;
	border-width:0 1px;
}
#previewcolumn {
	width:250px;
	vertical-align:top;
	background:#FFF;
}

#previewpane {
	width:250px;height:250px;background:center no-repeat url(/images/gif/ajax-loader.gif);
}

#previewpane .title {
	line-height: 19px;
}

#previewpane img {
	margin:auto;
}

.dropdown a.categoryname {
	font-weight:bold;
	font-size:11px;
	padding:5px 0 7px 5px;
	border-bottom:1px solid #CCC;
	background: url(/images/menu_arrow.png) right center no-repeat;
}

.dropdown .indented {
	padding-left: 20px !important;
	margin-left:0;
}

.dropdown .categorytable {
	background-color:white;
	clear:both;
	padding-bottom:5px;
}

.dropdown .item, .dropdown a.item {
	cursor:pointer;
}

#ddProducts .item {
	background-image: url(/images/menu_arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#ddProducts .new {
	background-image: url(/images/menu_new_text.png) !important;
}

#ddProducts .newstuff {
	background-image: url(/images/menu_newstuff.png) !important;
}

#ddProducts a.item.viewall,
.dropdown .title {
	font-weight:bold;
	font-size:11px;
	padding:6px 10px;
	cursor:pointer;
	display:block;
	text-decoration:none;
	border-bottom:1px solid #CCC;
	margin-bottom:5px;
	background-image:none;
	color:#666;
	font-family: Arial,Helvetica,sans-serif;
	margin:0 0 5px 0;
}

#ddProducts {
	height:295px;
}

#ddProducts,
#ddCommercial,
#ddAbout,
#ddEco {
	border:1px solid #ccc;
	display:none;
	margin-left:-1px;
}

.dropdown .hoverActive .title:hover,
.dropdown .highlit {
	background-color:#EEEEEE;
}

.dropdown .hoverActive .item:hover {
	background-color:#EEEEEE;
}

.dropdown .itemlist {
	display:none;
}

.dropdown .menubody {
	background:#FFF;
	padding-bottom:5px;
}

.dropdown a.item {
	color:#666666;
	display:block;
	text-decoration:none;
}

/* ----- HOMEPAGE ----- */

#welcome_header {
	width:756px;
	height:485px;
	position:relative;
	margin-left: 10px;
}
#welcome_header a {
	display:none;
	background:#FFF url(/images/gif/ajax-loader.gif) center center no-repeat;
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	top:0;
	left:0
}
#welcome_header img {
	display:block;
}
#header_buttons {
	position:absolute;
	z-index:4;
	right:5px;
	top:110px;
}
#header_buttons .button {
	width:15px;
	height:9px;
	background:#DDD;
	border:1px solid #FFF;
	margin-bottom:3px;
	cursor:pointer;
}
#header_buttons .selected {
	background:#FD0;
}
.imagenav {
	padding:9px 9px 12px 10px;
}
.imagenav a {
	display:block;
	float:left;
	width:126px;
	height:165px;
	background:#EEE;
}
.imagenav img {
	display:block;
}
#play_pause_button {
	width:17px;
	height:33px;
	background:url(/images/template/buttons/play_pause.png) top no-repeat;
	cursor:pointer;
}
#play_pause_button.paused {
	background-position:bottom;
}

.welcometext {
	padding:10px;
	font-size:12px;
	color:#888;
}

.welcometext p{
	padding:5px;
}

.welcometext h2{
	font-size:14px;
	font-weight:bold;
	padding:5px;
}

/* ----- IN THE NEWS ----- */

#newsnavbar {
	float:right;
	margin-right:25px;
	border:1px solid #CCC;
}

.inthenews_thumb {
	float:left;
	width:158px;
	padding-right:10px;
	padding-bottom:15px;
}

.inthenews_minithumb {
	float:left;
	width:80px;
	padding-right:10px;
}

.inthenews_thumb h2 {
	font-size: 14px;
	margin:0;
	font-weight:bold;
}

.inthenews_thumb h3 {
	font-size: 12px;
	margin:0;
	font-weight:normal;
}

/* ----- POSITIONED ELEMENTS ----- */

#fixedHeader {
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
}

#fixedNav {
	margin:auto;
	width:775px;
}

/* ----- BACKGROUNDS -----*/

.browserupdate {
	background:url(/images/browserupdate.png);
	background-position:left top;
	height:41px;
	width:100%;
	padding-left:100px;
}

.highlightedFAQ {
	background-color:#FFF044;
}

/* ----- FONTS ----- */

.quote {
	text-align: left;
	font-size: 11px;
	font-style:italic;
	padding: 0 15px 0 15px;
}
.endquote {
	text-align:right;
	font-size: 10px;
	padding: 0 15px 0 15px;
}

.ddlink {
	color:#DDD;
}

.highlightedVideoLink {
	border:none;color:#FFF;margin-top:-3px;
}

.videoLink {
	border:none;color:#777;margin-top:-3px;
}

.title {
	font-family:Century Gothic, Helvetica, Arial, sans-serif;
	font-size:22pt;
	margin:3px;
}

.description {
	padding:8px 0;
	font-size: 12px;
}

.subtitle {

	font-size:12pt;
	font-weight:bold;
}

.smalllink {
	color:#AAAAAA;
	font-weight:bold;
	font-size:9pt;
}

.fineprint {
	font-size:8pt;
}

.tinytitles {
	font-size:7pt;
}

.tinyprint {
	font-size: 6pt;
	font-family:Century Gothic, Arial, Helvetica;
}

.colorTitle {
	color:#000000;
}

.menulink {
	color:#DDDDDD;
}

.price {
	color:#999999;
}

.error {
	color:#DD3300;
	background-color:#DDDDDD;
	border: 1px solid #AAAAAA;
}

.message {
	color:#0022BB;
	background-color:#DDDDDD;
	border: 1px solid #AAAAAA;
}

.sold_outlet_item td {
	
}

/* ----- BORDERS ----- */

.lightborder {
	border: 1px solid #DDDDDD;
}

.indented {
	margin-left:30px;
}

.noborder {
	border: none;
}

.unselectedimage {
	border:3px solid #AAAAAA;
}

.selectedimage {
	border:3px solid #FFDD00;
}

.leftdotted {
	border-left: 1px solid #DDD;
}

.topdotted {
	border-top: 1px solid #DDD;
}

.topborder {
	border-top: 1px solid #CCC;
}

.bottomborder {
	border-bottom: 1px solid #CCC;
}

.rightborder {
	border-right: 1px solid #CCC;
}

/* ----- Subheader and Sub-nav ----- */

.sidenav img,
.dropdown a img,
#lollheadertop img,
.headerimage {
	display:block;
}

.sidenav div {
	float:left;
}

.sidenav .hr{
	height:1px;
	background:#FFF;
	border:0px;
	padding:0;
	margin:0;
	width:100%;
	display:block;
}

.headerimage {
	position:relative;
}
.headerimage h2 {
	position:absolute;
	z-index:1;
	color:#FFF;
	font-size:32px;
	font-weight:bold;
	top:50%;
	line-height:32px;
	display:block;
	left:15px;
	margin-top:-16px;
}

/* ----- Retail Stores ----- */
.retailstore {
	position:relative;
	padding:5px 0;
	border-bottom: 1px solid #CCC;
}

.retailstore hr {
	visibility:hidden;
	margin:0;
}

.retailstore:hover {
	background:#EEEEEE;
}

.retailstore .title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px 0;
}
.retailstore .address {
	float:left;
}
.retailstore .info {
	text-align:right;
	float:right;
}

.yellowthing {
	width:25px;
	height:7px;
	background:#FBDA00;
	margin-bottom:10px;
}

/* ----- Miscellaneous ----- */

.clickable {
	cursor:pointer;
}

.nopad {
	padding:0px;
}

td.indented {
	margin-left:0px;
	padding-left:30px;
}

td.withbar {
	background-image:url(/images/gif/bodysection_bar.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding-top: 14px;
}

.tableheading {
	font-weight: bold;
	background-color:#DDDDDD;
}

.donotsend td {
	background-color: #FFCCCC;
}

.padded {
	padding:4px;
}

.productdivider {
	text-align:center;
	padding:0px;
}

.secondslist td {
	color:#666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	border-bottom:1px solid #CCC;
}

/*Fix PNG images for IE 5.5 & 6.0, which don't do transparency like they should.*/
 .png { behavior: url(/javascripts/iepngfix.htc) }

/* instruction button styles */
.instructions {
  margin:0px auto;
}

/* Home page slider lower left styles */
/*  container setup */
#container {    
  /*position: relative;    
  margin: 30px 0 10px;    
  width: 500px;    
  height: 300px;    
  overflow: auto;    
  background-color:#333;    
  left: 150px;    
  border: 4px solid #666;*/
  overflow:auto;
  width:225px;
  height:150px;
  position:relative;
  }

#container .item { 
    /*display: block; width: 500px; height: 300px; */
  display:block;
  width:225px;
  height:150px;
	}





.num_nav { text-align: center;}
.num_nav ul li { display: inline; margin: 0 2px; }
.num_nav ul li a {    padding: 2px 3px;    color:#AF4B32;    border: 1px    solid #80301D;    background-color:#513328;}
.num_nav ul li a.active,.num_nav ul li a:hover { border-color: #fff; background-color:#80301D; }
.btn_over {    color:#fff;    border: 1px solid #fff;    background-color: #80301D;}