@charset "utf-8";
/* CSS Document */
/* Theresa Elizabeth Bathory */

*, html{margin:0; padding:0; font-size:100%;}
body{margin:0; padding:0; background:#8395DC url(/gfx/bck-body.jpg) repeat-x left top; font:normal 75% Arial, Helvetica, Sans-Serif;}
/***  font conversion is as follows:
	8px = 0.667em
	9px = 0.75em
	10px = 0.833em
	11px = 0.917em
	12px = 1em 
	13px = 1.083em 
	14px = 1.167em 
	15px = 1.25em 
	16px = 1.333em 
	17px = 1.417em 
	18px = 1.5em
	19px = 1.585em
	20px = 1.667em
	21px = 1.75em
	22px = 1.833em
	23px = 1.917em
	24px = 2em
***/
#skip-to-nav{display:none;}

a, img, a img {border:none 0}
a:link, a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}
img.hr{margin:20px 0;}
img.fRight{float:right;}
img.fLeft{float:left;}
div.fRight{float:right;}
div.fLeft{float:left;}
/***************** clearing rules ********************/
div.clearing {width:98%; height:0; clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */


#outerwrapper{margin:0; padding:0; width:100%; height:100%; position:relative}
#back-ground-shadow-wrapper{margin:0 auto 20px; padding:0 4px; width:739px; background:transparent url(/gfx/back-ground-shadow-wrapper.png) repeat-y left top;}
#page{margin:0; padding:0; width:727px; min-height:600px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; background:#FFFFFF; position:relative;}
#header{margin:0; padding:0; width:100%; height:133px; background:transparent url(/gfx/back-header.jpg) no-repeat left top;}

/*------------------ navigation --------------------*/
#nav-main{margin:2px 0; padding:0; width:100%; height:34px; background:transparent url(/gfx/bck-nav.jpg) no-repeat left top;}
#nav-main ul{display:block; list-style:none outside none; margin:0; padding:0; height:34px; width:731px; position:relative; z-index:100;}
#nav-main li{}
#nav-main li.hm{display:block; width:97px; height:34px; position:absolute; left:0; top:0;}
#nav-main li.prd{display:block; width:120px; height:34px; position:absolute; left:98px; top:0;}
#nav-main li.sls{display:block; width:84px; height:34px; position:absolute; left:218px; top:0;}
#nav-main li.sup{display:block; width:107px; height:34px; position:absolute; left:301px; top:0;}
#nav-main li.ryc{display:block; width:133px; height:34px; position:absolute; left:408px; top:0;}
#nav-main li.con{display:block; width:80px; height:34px; position:absolute; left:541px; top:0;}
#nav-main li.hm a{display:block; width:97px; height:34px;}
#nav-main li.prd a{display:block; width:120px; height:34px;}
#nav-main li.sls a{display:block; width:84px; height:34px;}
#nav-main li.sup a{display:block; width:107px; height:34px;}
#nav-main li.ryc a{display:block; width:133px; height:34px;}
#nav-main li.con a{display:block; width:80px; height:34px;}

#nav-main li.hm a:link, #nav-main li.hm a:visited, #nav-main li.prd a:link, #nav-main li.prd a:visited, #nav-main li.sls a:link, #nav-main li.sls a:visited, #nav-main li.sup a:link, #nav-main li.sup a:visited, #nav-main li.ryc a:link, #nav-main li.ryc a:visited, #nav-main li.con a:link, #nav-main li.con a:visited{background:transparent url(/gfx/bck-nav-over.png) no-repeat 0 0;}

#nav-main li.hm a:hover, #nav-main li.hm a.onPage{background:transparent url(/gfx/bck-nav-over.png) no-repeat 0 -34px;}
#nav-main li.prd a:hover, #nav-main li.prd a.onPage{background:transparent url(/gfx/bck-nav-over.png) no-repeat -98px -34px;}
#nav-main li.sls a:hover, #nav-main li.sls a.onPage{background:transparent url(/gfx/bck-nav-over.png) no-repeat -218px -34px;}
#nav-main li.sup a:hover, #nav-main li.sup a.onPage{background:transparent url(/gfx/bck-nav-over.png) no-repeat -301px -34px;}
#nav-main li.ryc a:hover, #nav-main li.ryc a.onPage{background:transparent url(/gfx/bck-nav-over.png) no-repeat -408px -34px;}
#nav-main li.con a:hover, #nav-main li.con a.onPage{background:transparent url(/gfx/bck-nav-over.png) no-repeat -541px -34px;}

#nav-main li.hm a span, #nav-main li.prd a span, #nav-main li.sls a span, #nav-main li.sup a span, #nav-main li.ryc a span, #nav-main li.con a span {position:absolute; left:0; top:-9999px;}

div#nav-main li.sup ul.dropDown.hide{display:none; width:187px; height:40px; margin:0; padding:0; z-index:300;}
#nav-main li.sup ul.dropDown li{display:block; margin:0; padding:0; width:185px; height:27px;background:#C7EFAC none;}
#nav-main li.sup ul.dropDown li a{background:none; margin:0; padding:7px 5px 0; width:175px; height:20px; color:#000; font-size:1em; background:#C7EFAC none; border:1px solid #8ECD8E;}
#nav-main li.sup ul.dropDown li a:hover{text-transform:none;background:#C7EFAC none;}


/*------------------ navigation --------------------*/
#main{margin:2px 0; padding:0 0 0 24px; width:704px; min-height:500px; position:relative; }

/*------------------ home page styles --------------------*/
#main.home-back{background:transparent url(/gfx/back-main-home-page.jpg) no-repeat 0 0; }

#left-side-home{width:480px; float:left; margin:18px 0 0 0;}
#indent{width:120px; height:150px; float:left;}
#left-side-home h1{margin:0 0 0 120px; display:block; width:315px; height:50px; background:transparent url(/gfx/h1-home-page.jpg) no-repeat 0 0;}
#left-side-home h1 span{position:absolute; left:0; top:-9999px;}
#left-side-home h2{font-size:1.333em; font-weight:bold; color:#24377E;}
#left-side-home p{margin:10px 0; font-size:1.083em;}
#left-side-home p span.cta{margin:20px 0 10px 120px; display:block; width:360px; height:16px; font-size:0.917em; font-weight:bold; color:#A00303;}

#right-side-home{width:185px; float:right; margin:18px 0 0;}
#right-side-home div.info{width:175px; min-height:400px; background:#6AB508;}
#right-side-home div.info img{margin:4px;}
#right-side-home div.info div.content{margin:14px auto; padding:0; width:150px; min-height:160px;}
#right-side-home div.info div.content h3{margin-bottom:20px; font-size:1.25em; color:#FFFFFF;}
#right-side-home div.info div.content p{font-size:1em; color:#FFFFFF;}

#right-side-home div.featured-partner {margin:20px 0 0 0; padding:0; width:173px; border:1px solid #c5cbd2; background:transparent url(/gfx/featured-partner-body.jpg) repeat-x left bottom;}
#right-side-home div.featured-partner h2{padding:5px 0 0 0; display:block;width:173px; height:21px; background:transparent url(/gfx/featured-partner.jpg) repeat-x 0 0; color:#7C7C7C; text-transform:uppercase; font-size:1em; font-weight:bold;}
#right-side-home div.featured-partner h2 span{margin-left:12px;}
#right-side-home div.featured-partner div.content{margin:14px auto 10px; padding:0; width:150px; min-height:160px;}
#right-side-home div.featured-partner div.content h3{margin-bottom:10px; font-size:1.25em; color:#309DC1;}
#right-side-home div.featured-partner div.content p{font-size:1em;}
#right-side-home div.featured-partner div.content a.learn-more{margin:10px auto 0; display:block; width:94px; height:24px; background:transparent url(/gfx/learn-more.png) no-repeat 0 0;}
#right-side-home div.featured-partner div.content a.learn-more span{position:absolute; left:0; top:-9999px;}

/*------------------ products page styles --------------------*/
#main h1.products{display:block; width:400px; height:70px; background:transparent url(/gfx/h1-products-page.jpg) no-repeat 0 0;}
#main h1.products span{position:absolute; left:0; top:-9999px;}
#top-products, #bottom-products{width:680px;}
#products-top-left{ margin:0; padding:0 30px 0 0; float:left; width:330px; }
#products-top-left div.fLeft{width:178px;}
#products-top-left div.fLeft p{margin-left:14px; font-size:1em; font-weight:bold; color:#A00303;}
#products-top-left div.fRight{width:145px; }
#products-top-left div h4{font-size:1em; font-weight:bold; text-transform:capitalize; color:#A00303;}
#products-top-left div.fRight p{margin-top:10px; font-size:1.083em; line-height:1.35em;}

#products-top-right{margin:0; padding:0; float:right; width:315px;}
#products-top-right div.fLeft{width:150px;}
#products-top-right div.fRight{width:150px; }
#products-top-right div h4{font-size:1em; font-weight:bold; text-transform:capitalize; color:#A00303;}
#products-top-right div.fRight p{margin-top:10px; font-size:1.083em; line-height:1.35em;}
#products-top-right div.fRight p.caption{margin-left:14px; font-size:1em; font-weight:bold; color:#A00303;}

#bottom-products div.fLeft{width:510px;}
#bottom-products div.fLeft h2{font-size:1.333em; font-weight:bold; color:#24377E;}
#bottom-products div.fLeft p{margin:10px 0; font-size:1.083em;}

#productsQuoteTop{ padding:0; width:506px; height:258px; background:transparent url(/gfx/productsQuoteTop.png) no-repeat 0 0; position:relative; }
#productsQuoteBottom{ width:506px; height:256px; background:transparent url(/gfx/productsQuoteBottom.png) no-repeat right bottom; }
#productsQuoteContent{ margin:0; width:501px; height:250px; width:500px; background:#F3F3F3; position:absolute; left:3px; top:3px; }
#productsQuoteContent p{margin:5px 5px 15px 5px !important; font-size:1.083em;}
#productsQuoteContent img.fLeft{ margin:0 25px 10px 0; }
#productsQuoteContent ul{ margin:20px 50px; list-style:disc outside none; }
#productsQuoteContent ul li{ margin:5px 0 0 20px; }

#bottom-products div.fRight{width:165px;}
#bottom-products div.fRight p.caption{margin-left:14px; font-size:1em; font-weight:bold; color:#A00303;}
#bottom-products ul{margin:0 0 0 35px;}

/*------------------ sales --------------------*/
#main h1.sales{margin:30px 0 0 0; display:block; width:642px; height:45px; background:transparent url(/gfx/h1-sales-page.jpg) no-repeat 0 0;}
#main h1.sales span{position:absolute; left:0; top:-9999px;}
#top-sales, #bottom-sales{width:680px;}
#sales-top-left{margin:0; padding:0; float:left; width:380px; }

#sales-top-right{ margin:0; padding:0; float:right; width:295px; }
#sales-top-right p{margin-top:10px; font-size:1.083em; line-height:1.35em;}

#bottom-sales div.fLeft{margin:0 10px 0 0;width:216px; background: transparent url(/gfx/vertical-dividers-sm.jpg) no-repeat right 10px;}
#bottom-sales div.fLeft h2{font-size:1.333em; font-weight:bold; color:#A00303;}
#bottom-sales div.fLeft span{margin:15px 0 0 0; font-size:1.083em; color:#5A5A5A;}
#bottom-sales div.fLeft ul.fLeft{margin:15px 0 0 0; float:left; width:100px; list-style:disc outside none; font-size:0.917em;}
#bottom-sales div.fLeft ul.fLeft li{margin-left:20px;}
#bottom-sales div.fLeft ul.fRight{margin:15px 0 0 0; float:right; width:110px; list-style:disc outside none; font-size:0.917em;}
#bottom-sales div.fLeft ul.fRight li{margin-left:15px;}

#bottom-sales div.fRight{width:216px;}
#bottom-sales div.fRight h2{font-size:1.333em; font-weight:bold; color:#A00303;}
#bottom-sales div.fRight span{margin:15px 0 0 0; font-size:1.083em; color:#5A5A5A;}
#bottom-sales div.fRight ul.fLeft{margin:15px 0 0 0; float:left; width:100px; list-style:disc outside none; font-size:0.917em;}
#bottom-sales div.fRight ul.fLeft li{margin-left:20px;}
#bottom-sales div.fRight ul.fRight{margin:15px 0 0 0; float:right; width:110px; list-style:disc outside none; font-size:0.917em;}
#bottom-sales div.fRight ul.fRight li{margin-left:15px;}

/*------------------ support --------------------*/
#main h1.support{margin:15px 0 0 0; display:block; width:655px; height:50px; background:transparent url(/gfx/h1-support-page.jpg) no-repeat 0 0;}
#main h1.support span{position:absolute; left:0; top:-9999px;}
#top-support, #bottom-support{width:680px;}
#top-support div.fLeft{width:450px;}
#top-support img.fRight{margin:20px 10px 0 0;}
#top-support div.fLeft p{margin:10px 0; font-size:1.083em; line-height:1.35em;}
#top-support h2, #bottom-support div.fRight h2{font-size:1.333em; font-weight:bold; color:#24377E;}
#bottom-support div.fLeft{width:230px;}
#bottom-support div.fLeft img{margin:10px 35px;}
#bottom-support div.fLeft img.fImg{margin:0 35px;}
#bottom-support div.fLeft div{ margin:0 0 10px 35px; width:165px; }
#bottom-support div.fLeft p.caption{margin:0; font-size:1em; font-weight:bold; color:#A00303;}

#bottom-support div.fRight{width:450px;}
#bottom-support div.fRight p{margin:20px 0; font-size:1.083em; line-height:1.35em;}

/*------------------ support downloads --------------------*/
#main h1.downloads{margin:15px 0 0 0; display:block; width:450px; height:50px; background:transparent url(/gfx/h1-download-page.jpg) no-repeat 0 0;}
#main h1.downloads span{position:absolute; left:0; top:-9999px;}
#bottom-downloads div.fLeft{ width:300px; margin: 0 0 0 60px;}
#bottom-downloads div.fLeft img{margin:10px 35px; float:none;}
#bottom-downloads div.fLeft img.fImg{ margin:14px 0 0 35px; }
#bottom-downloads div.fLeft div.caption{margin:0 35px 30px 35px; width:260px; min-height:65px; font-size:1em; font-weight:bold; color:#A00303;}
#bottom-downloads div.fLeft div.caption h2{font-size:1.333em; font-weight:bold; color:#24377E;}
#bottom-downloads div.fLeft div.caption ul{ margin:0 0 0 25px; list-style:square outside none; }
#bottom-downloads div.fLeft div.caption ul li{color:#000000;}
#bottom-downloads div.fLeft div.caption p{margin:0; font-size:1.083em; color:#000000;}

#bottom-downloads div.fRight{ width:300px; margin: 0 30px 0 0;}
#bottom-downloads div.fRight img{margin:10px 35px; float:none;}
#bottom-downloads div.fRight img.fImg{margin:0 35px;}
#bottom-downloads div.fRight div.caption{ margin:0 35px 31px 35px; width:260px; min-height:65px; font-size:1em; font-weight:bold; color:#A00303; }
#bottom-downloads div.fRight div.caption h2{font-size:1.333em; font-weight:bold; color:#24377E;}
#bottom-downloads div.fRight div.caption p{margin:0; font-size:1.083em; color:#000000;}

/*------------------ recycling --------------------*/
#main h1.recycling{margin:15px 0 0 0; display:block; width:367px; height:50px; background:transparent url(/gfx/h1-recycling-page.jpg) no-repeat 0 0;}
#main h1.recycling span{position:absolute; left:0; top:-9999px;}
#top-recycling, #bottom-recycling{width:680px;}
#top-recycling div.fLeft{width:450px;}
#top-recycling img.fRight{ margin:0 50px 0 0; }
#top-recycling div.fLeft p{margin:10px 0; font-size:1.083em; line-height:1.35em;}
#top-recycling h2, #bottom-recycling div.fRight h2{font-size:1.333em; font-weight:bold; color:#24377E;}
#bottom-recycling div.fLeft{width:230px;}
#bottom-recycling div.fLeft img{margin:10px 35px;}
#bottom-recycling div.fLeft img.fImg{margin:0 35px;}
#bottom-recycling div.fLeft div{ margin:0 0 10px 35px; width:165px; }
#bottom-recycling div.fLeft p.caption{margin:0; font-size:1em; font-weight:bold; color:#A00303;}

#bottom-recycling div.fRight{width:450px;}
#bottom-recycling div.fRight p{margin:20px 0; font-size:1.083em; line-height:1.35em;}

/*------------------ contact --------------------*/
#top-contact{width:680px;}
#top-contact div.fLeft{margin:0; padding:0; width:420px; }
#top-contact div.fLeft h1.contact{margin:25px 0 30px 0; display:block; width:180px; height:40px; background:transparent url(/gfx/h1-contact-page.jpg) no-repeat 0 0;}
#top-contact div.fLeft h1.contact span{position:absolute; left:0; top:-9999px;}
#top-contact div.fLeft h2{font-size:1.333em; font-weight:bold; color:#24377E;}
#top-contact div.fLeft form{margin:20px 0 0 0; padding:0; width:420px;}
#top-contact div.fLeft form label{margin:0; padding:0; font-size:1em; font-weight:bold; color:#696969;}
#top-contact div.fLeft form input.txField{margin:0 0 10px 0; width:260px; height:24px; font:normal 0.917em Arial, Helvetica, sans-serif; color:#333333; border:1px solid #999999;}
#top-contact div.fLeft form textarea{margin:0 0 10px 0; width:385px; height:120px; font:normal 0.917em Arial, Helvetica, sans-serif; color:#333333; border:1px solid #999999;}
#top-contact div.fLeft form input.send{margin:0 0 10px 0; width:260px; height:24px; font:normal 1em Arial, Helvetica, sans-serif; color:#333333; border:1px solid #999999; text-align:center; background:#F3F3F3;}
#top-contact div.fLeft div#error{width:240px; margin:0 0 10px; padding:10px; background:#FFCCCC; border:1px solid #FF3333; color:#990000;}
#top-contact div.fLeft div#success{width:240px; margin:0 0 10px; padding:10px; background:#66CC99; border:1px solid #339933; color:#006600;}

#top-contact div.fRight{ margin:0; padding:0; width:250px; background:transparent url(/gfx/contact-woman.jpg) no-repeat right 15px;}
#top-contact div.fRight div.contactInfo{margin:150px 0 0 0; padding:0 0 40px 0; background:#309dc1; border:4px solid #CDD4D3;}
#top-contact div.fRight div.contactInfo h3{margin:20px 0 20px 20px; text-transform:uppercase; font-size:1.25em; color:#FFFFFF;}
#top-contact div.fRight div.contactInfo h4{margin:10px 0 10px 20px; font-size:1.167em; font-weight:bold;}
#top-contact div.fRight div.contactInfo p{margin:10px 0 10px 20px; font-size:1.083em; font-weight:bold;}

/*------------------ terms of use --------------------*/
#top-tou{width:680px;}
#top-tou div.fLeft{margin:0; padding:0; width:420px; }
#top-tou div.fLeft p{margin:10px 0; font-size:1.083em; line-height:1.35em;}
#top-tou div.fLeft h2{font-size:1.333em; font-weight:bold; color:#24377E; margin-top:15px;}

#top-tou div.fRight{ margin:0; padding:0; width:250px; background:transparent url(/gfx/contact-woman.jpg) no-repeat right 15px;}
#top-tou div.fRight div.contactInfo{margin:150px 0 0 0; padding:0 0 40px 0; background:#309dc1; border:4px solid #CDD4D3;}
#top-tou div.fRight div.contactInfo h3{margin:20px 0 20px 20px; text-transform:uppercase; font-size:1.25em; color:#FFFFFF;}
#top-tou div.fRight div.contactInfo h4{margin:10px 0 10px 20px; font-size:1.167em; font-weight:bold;}
#top-tou div.fRight div.contactInfo p{margin:10px 0 10px 20px; font-size:1.083em; font-weight:bold;}


/*------------------ footer --------------------*/
#footer{margin:35px 0 0 0; padding:15px 0 0 0; width:100%; height:45px; background:#F1F1F1; font-size:0.917em; text-align:center; color:#585858;}
#footer ul {margin:0 auto; list-style:none outside none; margin:0; padding:0;}
#footer ul li{margin:0; padding:0 12px; color:#112187; display:inline; border-right:1px solid #112187;}
#footer ul li.first{padding-left:0;}
#footer ul li.last{border:0; padding-right:0;}
#footer span{margin:3px 0 0 0; padding:0; display:inline-block;}
#footer span a, #footer span a:link, #footer span a:hover, #footer span a:visited{color:#585858;}
#footer ul li a{color:#112187;margin:0; padding:0;}
#footer ul li a:link, #footer ul li a:visited{color:#112187; text-decoration:underline;}
#footer ul li a:hover{text-decoration:none;}

/*--------------- pop over --------------------------*/
#popoverBase{width:330px; background:transparent url(/gfx/popoverBase.png) no-repeat 0 0; position:absolute; left:220px; top:600px;}
#popoverInnerTop{width:330px;}
#popoverInnerBottom{width:330px;}
#popoverContent{width:275px; height:290px; margin:20px; color:#FFFFFF;}
#popoverContent h4{margin:0 0 15px 0; font-size:1.25em; font-weight:bold;}
#popoverContent div.fLeft{margin:0; padding:0; width:140px;}
#popoverContent div.fRight{margin:0; padding:0; width:130px;}
#popoverContent div.fRight p{margin:20px 0 0 12px;}

.hide{display:none;}
.show{display:block;}