/* RESET */
*{ 
	margin:0; padding:0;
}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%;
	font-weight:normal;
}

a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	outline:none;
}

/* END RESET */

body{
	margin:0;
	padding:0;
	color:#ccc;
	font-family:verdana, arial, helvetica, sans-serif;
	background-color:#1e1e1e;
}

html, body {
    border:0;
	width:100%;
    height:100%;
}

img{
	border:none;
}

.clearBoth{
	clear:both;
}

.fLeft{
	float:left;
}

.fRight{
	float:right;
}

.centered{
	text-align:center;
}

.justified{
	text-align:justify;
}

.bold{
	font-weight:bold;
}

a{
	color:#ccc;
}

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

.red{
	color:#f00;
}

.blue{
	color:#009;
}

.white{
	color:#fff;
}

/* bof Text styles -------------- */


.lText{
	font-size:1.2em;
}

.sText{
	font-size:0.8em;
}

.xsText{
	font-size:0.6em;
}

/* eof Text styles -------------- */

.names, .category, .standOut{
	color:#fff;
	font-weight:bold;
}

.titles{
	color:#f00;
	font-weight:bold;
}

.redBar{
	background-color:#000033;
	font-size:0.8em;
	height:30px;
	padding-top:10px;
	text-align:center;
	vertical-align:middle;
	width:100%;
}
.redBar-green{
	background-color:#003300;
	font-size:0.8em;
	height:30px;
	padding-top:10px;
	text-align:center;
	vertical-align:middle;
	width:100%;
}
/* header section --------------- */

#bg_header1, #bg_header2, #bg_header1-green {
	width:100%;
} 

#header1, #header2, #header1-green, #header2-green{
	width:800px;
	margin:0 auto;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

#header1{
	height:70px;	
	background:url(../images/header1.jpg) no-repeat;
	border-top:1px solid #999;
}

#bg_header2{
	background-color:#393939;
}
#header1-green{
	height:70px;
	background:url(../images/header1-green.jpg) no-repeat;
	border-top:1px solid #999;
}

#bg_header2-green{
	background-color:#393939;
}

#bg_header2 > #header2{		/* ----- FF hack ----- */
	background:url(../images/header_images/images_rotator2.php) no-repeat;
}

@media all and (min-width: 0px){		/* ----- opera hack ----- */
	#bg_header2 > #header2{
		background:url(../images/header_images/images_rotator.php) no-repeat;
	}
}

#header2{
	height:130px;
	background:url(../images/header_images/images_rotator.php) no-repeat;
	border-bottom:1px solid #999;
}



#tagline, #language{
	position:relative;
	left: 260px;
	top:40px;
	color:#fff;
}

#tagline{
	font-style:italic;
	font-family:arial, verdana, helvetica, sans-serif;
}

#language{
	left:675px;
	top:20px;
}

#searchHeader{
	position:relative;
	top:6px;
	right:5px;
}

#homeIcon{
	position:relative;
	right:20px;
	top:5px;
}

#searchString{
	position:relative;
	top:1px;
	width:120px;
	margin-right:5px;
	background-color:#fff;
	color:#000;
}

.searchButton{
	height:22px;
	width:30px;
	background-color:#ccc;
	color:#000;
}

/* content section --------------- */

#wrapper1, #wrapper2, #wrapper3, #wrapper1FR{
	width:800px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0 auto;
	background:url(../Green To-Go/images/bg_content.gif) repeat-y #1e1e1e;
	clear:both;
}

#wrapper1{    /* only for homepage not the catalog ---------- */
	height:650px;
}

#home #wrapper1{
	height:810px;
}

#home #wrapper1FR{
	height:850px;
}

#salesMapPage #wrapper1FR{
	height:660px;
}

#eBrochure #wrapper1{
	height:2800px;
}

html > #ONdistributor #wrapper1{
	height:920px;
}

html > #QC1distributor #wrapper1{
	height:1000px;
}

#wrapper3{    /* only for the catalog ---------- */
/*	height:550px; */
	background:#1e1e1e;
}
#bottomNav {
	padding-bottom:10px;
}
#content{
	height:100%;
	background:url(../Green To-Go/images/bg_content.gif) repeat-y #1e1e1e;
}

#catalogMenu{     /* only for homepage not the catalog ---------- */
	padding:10px;
	padding-top:0;
}

#catalogContent{   /* only for homepage not the catalog ---------- */
	padding-top:10px;;
}

#menu{
	height:50px;
	clear:both;
}

#wrapper2 #menu{
	background:url(../images/menu_bg2.jpg) no-repeat;
}

#menu a{
	position:relative;
	top:10px;
	padding:0 10px;
}

#menu-green{
	height:50px;
	clear:both;
}

#wrapper2 #menu-green{
	background:url(../images/menu_bg2-green.jpg) no-repeat;
}

#menu-green a{
	position:relative;
	top:10px;
	padding:0 10px;
	color: #FFF;
}

#leftBox, #rightBox{
	position:relative;
	overflow:hidden;
}

#leftBox{
	width:253px;
	border-right:1px solid #999;
	float:left;
}

#rightBox{
	width:546px;
	float:left;
	overflow:hidden;
}

#rightBox p{
	text-align:justify;
}

#rightBox #homeText{
	position:absolute;
	top:2px;
	left:16px;
	width:355px;
	z-index:10;
}

#rightBox #homeFlash{
	display:inline;
	position:relative;
	left:4px;
	z-index:0;
	margin-bottom:10px;
}

#wrapper1FR #homeFlash{
	top:20px;
}

#home .bottom {
	width:482px;
	height:237px;
	margin:10px auto 0;
}

/*#home #wrapper1FR .bottom {
	margin-top:22px;
}*/

.productList a{
	text-decoration:none;
}

.productList a img{
	margin:10px;
	margin-left:30px;
	border:2px solid #aaa;
	vertical-align:middle;
}

.productList a:hover img{
	border-color:#fff;
}

.productList a:hover span{
	text-decoration:underline;
}

.productList{
	width:250px;
	float:left;
	margin-left:10px;
}

#rightBox p.contentStart, #leftBox p.contentStart{
	padding-top:10px;
}

#rightBox h1.contentStart{
	padding:10px 0 0 10px;
}

#leftBox .contentStart{
	padding-bottom:20px;
	text-transform:uppercase;
	color:#fff;
}

#rightBox p, #rightBox ul, #leftBox p, #leftBox ul{
	padding:5px 15px 5px;
}

#rightBox li, #leftBox li{
	padding:5px 15px 5px;
	list-style:none;
}

#productDesc li{
	margin-left:20px;
	padding:5px 0;
	list-style:disc;
}

.lSide, .rSide{
	display:block;
	float:left;
}

.phoneFax .lSide{
	width:30px;
}

#polarLocation{
	width:375px;
	/*margin:10px auto;*/
}

#polarLocation img{
	padding:10px;
	padding-right:20px;
	float:left;
}

FIELDSET{
	width:500px;
	height:400px;
	margin:0 auto;
	padding:20px 10px;
	clear:both;
}

LABEL{
	font-weight:bold;
	display:block;
	width:200px;
	text-align:right;
	float:left;
}

INPUT, TEXTAREA, SELECT{
	width:200px;
	float:left;
	clear:right;
	margin-bottom:5px;
	background-color:#393939;
	color:#ccc;
}

SELECT{
	width:204px;
}

TEXTAREA{
	height:60px;
	width:201px;
	overflow:auto;
}

FIELDSET>TEXTAREA{		/*FF Hack*/
	width:200px;
}

@media all and (min-width:0px) {		/* OPERA HACK */
	head~body TEXTAREA{
		width:204px;
	}
}

#buttons INPUT{
	width:60px;
	margin-right:15px;
	margin-top:5px;
}

#buttons INPUT, #captchaImg{
	position:relative;
	left:200px;
}

#captchaImg{
	width:120px;
	height:40px;
}

#map{
	width:500px;
	height:300px;
}

#mapAddress{
	color:#000;
}

#mapWrapper{
	width:500px;
	margin:0 auto;
}

SELECT{
	background-color:#393939;
	color:#ccc;
}

OPTION{
	color:#ccc;
	padding-left:10px;
	background-color:#393939;
	text-transform:none;
}

OPTGROUP{
	text-transform:uppercase;
	font-style:normal;
	color:#f00;
	background-color:#000;
}

#player{
	width:352px;
	margin:0 auto;
}

/* footer section --------------- */

#bg_footer1{
	clear:both;
	height:35px;
	background-color:#ccc;
}

#bg_footer2{
	height:35px;
	background-color:#393939;
}

#footer1, #footer2{
	width:800px;
	height:35px;
	margin:0 auto;
	border-left:1px solid #999;
	border-right:1px solid #999;
	text-align:center;
	padding-top:8px;
}

#footer1 a{
	color:#333;
	padding:15px 10px;
}

#footer2{
	background-color:#a1a1a1;
	font-size:0.8em;
}


/* Green Footer --*/
#bg_footer1-green{
	clear:both;
	height:35px;
	background-color:#009900;
}

#bg_footer2-green{
	height:35px;
}

#footer1-green, #footer2-green{
	width:800px;
	height:35px;
	margin:0 auto;
	text-align:center;
	padding-top:8px;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

#footer1-green a{
	color:#FFF;
	padding:15px 10px;
}

#footer2-green{
	background-color:#007700;
	font-size:0.8em;
}


/* bof subMenu2 ---------------- */

#sideNav2 {
	list-style-type:none; 
	background:#393939;
}

#sideNav2 li a{
	display:block;
	border-bottom:1px solid #999;
	border-left:20px solid #0D2B8B;
	padding:0 0 3px 5px;
	text-decoration:none;
	width:168px;
}

#sideNav2 li a:hover{
	color:#fff;
	border-bottom-color:#fff;
	border-left-color:#f00;
}

/* eof subMenu2 ---------------- */

/* bof distributor list -------- */

#distributor #rightBox .contentStart, #QCdistributor #rightBox .contentStart, #QC1distributor #rightBox .contentStart, #ONdistributor #rightBox .contentStart, #SKdistributor #rightBox .contentStart{
	color:#fff;
	font-size:1.2em;
}

.distributor{
	display:inline;
	zoom:1;
	float:left;
	width:50%;
	padding-top:10px;
	font-size:0.8em;
}

#distributorInfoText{
	position:absolute;
	top:5px;
}

p.disName{
	color:#f00;
	margin:0px;
	text-align:right;
}

.disAdd{
	color:#fff;
}

#salesMap{
	width:477px;
	height:536px;
	margin:30px auto 0;
}

/* eof distributor list -------- */

/* bof events list -------- */

.event{
	display:inline;
	zoom:1;
	float:left;
	clear:both;
	padding-top:10px;
	font-size:0.8em;
	width:100%;
}

p.eventName{
	color:#f00;
	margin:0px;
	text-align:right;
}

/* eof events list -------- */

/* ECOPRO ------------------*/

#ecopro #wrapper1{
	height:1250px;
}

#ecoproFR #wrapper1{
	height:1400px;
}

p#ecoproTagline{
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}

.glossary{
	cursor:help;
}