/* 
*
*	edreamz Jan 2009
*
*/


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

  h1 { color: #000000; font-weight: normal; font-size: 24px; line-height: normal;}
  h2 { color: #2d6169; font-weight: bold; font-size: 15px; line-height: normal;}
  h3 { color: #ffffff; font-weight: bold; font-size: 15px; line-height: normal;}

  a { color: #ffffff; text-decoration: none;}
  a:hover { color: #3a6a72; text-decoration: underline;}

  ul li{ list-style-image: url(/images/white-bullet.gif); margin-bottom: 5px;}
  ul.green li{ list-style-image: url(/images/green-bullet.gif); margin-bottom: 5px;}
  ul li.green{ list-style-image: url(/images/green-bullet.gif); margin-bottom: 5px;}
  ul.search li{ list-style-image: url(/images/green-bullet.gif); margin-bottom: 5px;}
  ul.search li a{color:#2d6169;}
  ol li{ list-style: decimal; margin-bottom: 5px;}

  a.arrow{ text-decoration: none; background: url(/images/link-arrow.gif) right no-repeat; padding-right: 17px;}
  a.arrow:hover{ text-decoration: underline;}

  p{ margin: 0; padding: 0 0 15px 0;}

  p img{padding: 5px;}

 .typo-small {margin-top: -17px;}

/* 
 * 
 * Main Navigation
 *
 */

  #mainNav { height: 40px; width: 940px; margin-left: 7px; position: relative; z-index: 85;}
  #mainNav #main{ margin:0; padding:0; list-style: none; display: inline; overflow: hidden;}
	#mainNav #main li{ margin:0; padding:0; list-style: none; display: inline;}
	#mainNav #main li a{ float: left; padding: 40px 0 0 0; overflow: hidden; height: 0px;}
	#mainNav #main li a:hover{ background-position: 0 -40px;}
	#mainNav #main li .selected{ background-position: 0 -40px;}
	
/*dropdown menu*/
	#mainNav #main li ul { margin:0; padding: 0; position: absolute; visibility: hidden; display: block; top: 40px;}
	#mainNav #main li ul li { float: none; text-indent: 0; display: block; width: 235px; height: 28px; }
	#mainNav #main li ul li a.sub:link { padding:3px 0 0 10px; font-size: 13px; background: url(/images/buttons/dropdown-bg.gif) top left no-repeat !important; color: #FFFFFF; width: 225px; height: 25px; display: block; text-decoration: none;}
	#mainNav #main li ul li a.sub:visited { padding:3px 0 0 10px; font-size: 13px; background: url(/images/buttons/dropdown-bg.gif) top left no-repeat !important; color: #FFFFFF; width: 225px; height: 25px; display: block; text-decoration: none;}
	#mainNav #main li ul li a.sub:hover { padding:3px 0 0 10px; font-size: 13px; background: url(/images/buttons/dropdown-hover.gif) top left no-repeat !important; color: #FFFFFF; width: 225px; height: 25px; text-decoration: none; text-decoration: none;}
	#mainNav #main li ul li a.sub:active { padding:3px 0 0 10px; font-size: 13px; background: url(/images/buttons/dropdown-bg.gif) top left no-repeat !important; color: #FFFFFF; width: 225px; height: 25px; display: block; text-decoration: none;}
	
	#mainNav #main li ul li a.last:link { padding:5px 0 0 10px; font-size: 13px; background: url(/images/buttons/lastlink.png) top left no-repeat !important; color: #FFFFFF; width: 225px; height: 26px; display: block; text-decoration: none;}
	#mainNav #main li ul li a.last:visited { padding:5px 0 0 10px; font-size: 13px; background: url(/images/buttons/lastlink.png) top left no-repeat !important; color: #FFFFFF; width: 225px; height: 26px; display: block; text-decoration: none;}
	#mainNav #main li ul li a.last:hover { padding:5px 0 0 10px; font-size: 13px; background: url(/images/buttons/lastlink-hover.png) top left no-repeat !important; width: 225px; height: 26px; text-decoration: none; text-decoration: none;}
	#mainNav #main li ul li a.last:active { padding:5px 0 0 10px; font-size: 13px; background: url(/images/buttons/lastlink.png) top left no-repeat !important; color: #FFFFFF; width: 225px; height: 26px; display: block; text-decoration: none;}
	
	.greenteam-left{ left: 321px;}
	.funstuff-left{ left: 652px;}

  #about a { width: 150px; background: url(/images/buttons/nav-about.jpg) top left no-repeat;}
  #products a { width: 171px; background: url(/images/buttons/nav-products.jpg) top left no-repeat;}
  #greenteam a { width: 191px; background: url(/images/buttons/nav-greenteam.jpg) top left no-repeat;}
  #find a { width: 140px; background: url(/images/buttons/nav-find.jpg) top left no-repeat;}
  #funstuff a { width: 99px; background: url(/images/buttons/nav-funstuff.jpg) top left no-repeat;}
  #whatsnew a { width: 106px; background: url(/images/buttons/nav-whatsnew.jpg) top left no-repeat;}
  #contact a { width: 83px; background: url(/images/buttons/nav-contact.jpg) top left no-repeat;}

/*Third Level Nav*/

 #thirdNav{ background: url(/images/structure/sub-bg.png) bottom left; width: 517px; overflow: hidden; margin-top: -1px; padding:0 0 10px 30px; }
 #thirdNav a{ color: #4a4a4a; font-weight: bold;}
 #thirdNav a:hover{ color: #308ca3; text-decoration: none;}
 #thirdNav .selected{ color: #308ca3; text-decoration: none;}



/* 
 * 
 * Layout / Formatting
 * 
 */
	
 #leftpaper{position: absolute; top: 195px; left: -37px; width: 60px; height: 569px; background: url(/images/structure/left-paper.png) top left no-repeat; z-index: 5;}
 #leftPrints{position: absolute; bottom: 87px; left: -71px; width: 95px; height: 520px; z-index: 1;}

 #rightpaper{position: absolute; bottom: 65px; right: -19px; width: 41px; height: 568px; background: url(/images/structure/right-paper.png) top left no-repeat; z-index: 0;}
 #rightPrints{position: absolute; top: 195px; right: -73px; width: 95px; height: 520px; z-index: 1;}

 #wrapper{ width: 954px; margin: 0 auto; position: relative;}
 
  body{ background: #dad9be; color:#4a4a4a; font-size: 14px; line-height: 22px; font-family: Verdana, sans-serif;}
  
  #search{ position: absolute; top: 35px; right: 50px; z-index: 99;}
  #hd { position: relative; height: 169px;}
  
  #bgShadow{ width: 940px; margin-left: 5px; background: url(/images/structure/content-shadow.jpg) top center repeat-y;}
  #content{ width: 940px; margin-left: 2px; padding-bottom: 0;}



/*Marketing Panels*/

  .marketingHome{ width: 940px; height: 366px; background: url(/images/structure/panel-home.jpg) top left no-repeat; position: relative; z-index:80;}
	.marketingHome #homepanel{ margin: 25px 0 0 20px; width:575px; float:left;}
	.marketingHome .rightlinks{ margin: 25px 0 0 10px; width: 323px; float:left;}
	.marketingHome .rightlinks img{ margin-top: 4px;}
	
  .marketingPanel{ width: 940px; height: 246px; background: url(/images/structure/panel.jpg) top left no-repeat; position: relative; z-index:80;}
	.marketingPanel #flashpanel{ margin: 25px 0 0 15px; width:910px; float: left;}

  .marketingPanel-greentips{ width: 940px; height: 246px; background: url(/images/structure/panel-greentips.jpg) top left no-repeat; position: relative; z-index:80;}
	.marketingPanel-greentips #flashpanel{ margin: 25px 0 0 15px; width:910px; float: left;}

  .marketingPanel-games{ width: 940px; height: 246px; background: url(/images/structure/panel-games.jpg) top left no-repeat; position: relative; z-index:80;}
	.marketingPanel-games #flashpanel{ margin: 25px 0 0 15px; width:910px; float: left;}

  .marketingPanel-contact{ width: 940px; height: 246px; background: url(/images/structure/panel-contact.jpg) top left no-repeat; position: relative; z-index:80; display: block;}
	.marketingPanel-contact #flashpanel{ margin: 25px 0 0 15px; width:910px; float: left;}

  .marketingPanel-products{ width: 940px; height: 121px; background: url(/images/structure/panel-products.jpg) top left no-repeat; position: relative; z-index:80; display: block;}
  .marketingPanel-productdetail{ width: 940px; height: 121px; background: url(/images/structure/panel-product-detail.jpg) top left no-repeat; position: relative; z-index:80; display: block;}



/*End Marketing Panels*/  



  .contentArea{ width: 908px; position: relative; min-height:600px; padding-bottom: 200px; background: url(/images/structure/content-bg.gif) bottom center no-repeat; margin-left: 17px; z-index: 1;}
  
  .ctaRow{ position: absolute; bottom: -25px; left: 25px;}
  	.ctaRow .cta1{ width: 270px; float: left; margin-right: 5px; background: url(/images/cta/home-carolinapad-cta.png) top left no-repeat;}
  	.ctaRow .cta1 a{ width: 270px; height: 210px; display: block; text-indent: -9999px;}
	.ctaRow .contest-home{ width: 270px; height:210px; float: left; margin-right: 5px; background:url(/images/cta/home-contest.png) top left no-repeat; display: block; position:relative;}
	.ctaRow .contest-home a.contest-image{ width: 250px; height: 155px; position:absolute; top: 55px; left: 10px; display: block; }
	/*.ctaRow .carolinapad-home{ width: 270px; height: 210px; display: block; float: left; margin-right: 5px; background:url(/images/cta/home-carolinapad-cta.png) top left no-repeat;}*/
	.ctaRow .cta2{ width: 312px; float: left; background:url(../images/cta/home-join-green-team.png) top left no-repeat;}
	.ctaRow .cta2 a{ width: 312px; float: left; height: 209px; display: block; text-indent: -9999px;}
  .bottomTrees{ width: 940px; position: absolute; bottom: 12px; left: -17px; height: 85px; display: block; background: url(/images/structure/bottom-trees.png) bottom left no-repeat; z-index: 99;}
  .spacer{height: 5px;}
  
  .bodyLeft { width: 577px;  float: left; margin: 0px; background:url(/images/structure/bodyleft-bg.gif) top left no-repeat; }
  .bodyLeft.gamebg{background:url(/images/structure/bodyleft-bg-sub.gif) top left no-repeat;}
  	.bodyLeft .pageHeader{ width: 527px; height: 47px; padding-left: 50px;}
  	.bodyLeft .admincontent{ width: 527px; min-height: 400px; padding: 10px 10px 100px 40px;}
	.bodyLeft .admincontent img{ margin: 5px;}
	.bodyLeft .content .header{ width: 620px; height: 30px; padding-left: 10px; margin-bottom: 20px;}
	.bodyLeft .searchtop{ width: 527px; height: 15px; display: block; background: url(/images/search-top.png) top right no-repeat; padding: 0 10px 0 40px; margin-top: 20px;}
	.bodyLeft .searchresults{ width: 527px; min-height: 400px; background: url(/images/search-pattern.png) top right repeat-y; padding: 10px 10px 0 40px;}
	.bodyLeft .searchbottom{ width: 527px; height: 15px; display: block; background: url(/images/search-bottom.png) top right no-repeat; padding: 0 10px 100px 40px;}
	
	.infoRow { margin-top: 10px; background: #ffffff; border: #2d5f68 3px solid; padding: 5px;}
	.infoRow .info-header{ width: 490px; color: #2d6169; font-weight: bold;}
	.infoRow .info-text{ width: 490px; font-size: 12px;}

	.contestItem{ width: 577px; margin-bottom: 20px;}
	.contestItem .image{ width: 100px; float: left; text-align: center;}
	.contestItem .content{ width: 420px; float: left;}

	.item { width: 577px; margin-bottom: 20px;}
	.item .image { width: 240px; float: left; text-align: left;}
	.item .content { width: 287px; float: left;}
	
	.findRow { margin-top: 20px; border-bottom: #FFFFFF 1px dotted; padding-bottom: 5px;}
	.findRow .storename{ width: 420px; float: left; color: #2d6169; font-weight: bold;}
	.findRow .findlink{ width: 105px; float: left;}
	.findRow .findlink a.find{ width: 105px; height: 23px; display: block; text-indent: -9999px; background: url(/images/buttons/find-store.png) top left no-repeat;}
	

  .bodyRight{ width: 319px; min-height: 264px; float: left; background: url(/images/structure/rightcolumn-bg.gif) top left no-repeat;}
	.bodyRight .rightItem{ width: 300px; background:url(/images/structure/rightItem-bg.png) top left repeat-y; padding-left: 12px; line-height: normal; font-size: 12px;}
	.bodyRight .rightItem .rightcontainer { width: 267px; background: #fff; padding: 10px; margin-bottom: 7px;}
	.bodyRight .rightItem .rightcontainer a{ color: #76b0bc; text-decoration: none; font-size: 11px;}
	.bodyRight .rightItem .rightcontainer a:hover{ color: #aaba50; text-decoration: none;}
	.bodyRight .rightItem .rightcontainer .blogItem{ width: 265px; border-bottom: #76b0bc thin dotted; margin-top: 10px; padding-bottom: 10px;}
	.bodyRight .rightItem .rightcontainer .blogItem .blogDate{ width: 35px; float:left; background:#bad7dd; color: #ffffff; text-align:center; font-weight: bold; margin-right: 10px;}
	.bodyRight .rightItem .rightcontainer .blogItem .blogContent{ width: 200px; float: left;}
	
	.bodyRight .rightItem .rightcontainer .twitter-image { width: 60px; float: left; text-align:center;}
	.bodyRight .rightItem .rightcontainer .twitter-content { width: 205px; float: left;}
	.bodyRight .rightItem .rightcontainer.nomargin{ margin-bottom: 0;}
	
	.bodyRight a.ctaCP{ width: 311px; height: 270px; display: block; background: url(/images/cta/carolinapad.png) top left no-repeat; text-indent: -9999px;}
	.bodyRight a.ctaStay{ width: 311px; height: 270px; display: block; background: url(/images/cta/inthenews.png) top left no-repeat; text-indent: -9999px;}
	.bodyRight a.ctaGreen{ width: 311px; height: 270px; display: block; background: url(/images/cta/greentips.png) top left no-repeat; text-indent: -9999px;}
	.bodyRight a.ctaConsumer{ width: 311px; height: 95px; display: block; background: url(/images/cta/consumer.png) top left no-repeat; text-indent: -9999px;}
	.bodyRight a.ctaNewsletter{ width: 311px; height: 270px; display: block; background: url(/images/cta/newsletter.png) top left no-repeat; text-indent: -9999px;}
	.bodyRight a.ctaGames{ width: 311px; height: 270px; display: block; background: url(/images/cta/games.png) top left no-repeat; text-indent: -9999px;}
	
	.facebook{ width: 312px; height: 100px; display: block; background: url(/images/facebook-link.png) top left no-repeat; text-indent: -9999px;}

/*
 *
 * Layout / Product Pages
 *
 */
	
  .productBg { width: 876px; background: url(/images/structure/bodyleft-products.gif) top left no-repeat; padding: 0 10px 100px 20px; position: relative; min-height: 720px;}
  .productBg .writestuff-title{ background: url(/images/headers/h-write-stuff.png) top left no-repeat; display: block; width: 210px; height: 56px;}
  .productBg .takenotes-title{ background: url(/images/headers/h-take-notes.png) top left no-repeat; display: block; width: 210px; height: 56px;}
  .productBg .pageheader { margin-left: 20px;}
  	.productRow{ margin-top: 15px;}
	.product{ background: #647134; width: 145px; margin: 0 15px 15px 0; float: left; padding: 2px; min-height: 125px;}
	.roundCnt{ background: #fff; }
	.product .prodImg{text-align: center;}
	.product .prodDesc{color: #fff; text-transform: uppercase; background: #9fae4e url(/images/prodDescBg.gif) repeat-x left top; line-height: 14px; font-size: 13px; padding: 5px;}
	
	.productRow.productLeft{margin-left: 40px;}
	
  .backproduct{ position: absolute; right: -2px; top: 0;}	
  .backproduct a{ background: url(/images/buttons/back-products.gif) top left no-repeat; display: block; text-indent: -9999px; width: 233px; height: 37px;}
  .productDetail{ width: 801px; height: 455px; background:url(/images/structure/product-detail-bg.jpg) top left no-repeat; margin: 16px 0 20px 22px;}
  .productDetail .productLeft{ width: 390px; text-align: right; float: left; padding:0 10px 0 0 ;}
  .productDetail .productLeft .detailImage{ width: 302px; height: 284px; margin-top: 30px; float: right; background:url(/images/structure/productimage-bg.jpg) top left no-repeat; text-align: center; padding-top: 18px;}
  .productDetail .productLeft .thumbnails{ width: 320px; float: left; margin: 10px 0 0 75px;}
  .productDetail .productLeft .thumbnails .thumb{ width: 40px; height: 40px; padding: 5px; float: left; margin-left: 10px; background: url(/images/product-thumb-bg.jpg) top left no-repeat;}
  
  .productDetail .productRight{ width: 380px; float: left; text-align: left; }
  .productDetail .productRight .breadcrumb{ width: 380px; margin-top: 35px; color: #788533; font-weight: bold;}
  .productDetail .productRight .breadcrumb a{color: #788533;}
  .productDetail .productRight .breadcrumb a:hover{color: #788533; text-decoration: underline;}
  .productDetail .productRight ul li{ list-style-image: url(/images/green-bullet.gif); margin-bottom: 5px;}
/*
 *
 * Layout / Form
 *
 */

  .form{ padding: 5px 5px 18px 5px; width: 420px; margin:0 auto; background: url(/images/structure/form-bg.png) top left repeat;}
	.formRow{ margin-top: 10px;}
	.noborder {border-top: none;}

	.formItem { width: 210px; float: left;}
	.formItem .textfield{ width: 200px;}
	.formItem .textfield-small{ width: 50px;}
	.formItem .dropdown{ height: 23px;}
	
	.formItemSmall{ width: 40px; float: left;}
	.formItemSmall .textfield{ width: 30px;}
	
	.formItemLong { width: 450px; float: left;}
	.formItemLong .textfield{ width: 413px;}
	.formItemLong .textarea { width: 413px;}
	
	.city{ width: 210px; float: left;}
	.city .textfield{ width: 200px;}
	
	.state{ width: 40px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{ width: 150px; float: left; margin-left:10px;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 210px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}

/* 
 * 
 * Layout / Footer
 * 
 */

  #ft{ width: 940px; height: 135px; padding-top: 20px; line-height: 14px; font-size: 11px; background: url(/images/structure/footer-bg.png) top left repeat-y; margin: -12px auto 0 auto; position: relative; z-index: 100;}
  #ft .footerlinks{ width: 595px; text-align: center; margin: 0 auto 0 auto; color: #b2ccd1;}
  #ft a{ color: #b2ccd1; text-decoration:none; font-size: 11px;}
  #ft a:hover{ color: #b2ccd1; text-decoration:underline; }
  #ft a.triangle{ color: #ffffff; text-decoration: none; background: url(/images/structure/ft-arrow.gif) left no-repeat; padding-left: 10px; font-weight: normal;}
  #ft a.triangle:hover{ color: #ffffff; text-decoration: underline;}
  
  #ft #cplogo{position:absolute; bottom:11px; left: 400px;}