/*
FILENAME:          css/style.css
DESCRIPTION:     CSS for Energy Toolkits
AUTHOR:					   Chip Sheppard
AUTHOR URI:			 http://sheppco.com/
CREATION DATE: 05/04/2009
LAST MODIFIED:  1/26/2012
*/

@font-face {
font-family: 'ArialNarrow';
src: url('../webfonts/arialn-webfont.eot');
src: url('../webfonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
      url('../webfonts/arialn-webfont.woff') format('woff'),
      url('../webfonts/arialn-webfont.ttf') format('truetype'),
      url('../webfonts/arialn-webfont.svg#ArialNarrow') format('svg');
font-weight: normal;
font-style: normal;
}


body { background: #fff; font-family:"ArialNarrow", Arial, sans-serif; font-size:14px; line-height:18px; padding:0; margin:10px 0 0 0; color:#000000; }
img {	border: none;}
td { vertical-align:top; }

a {	 color:#94ab54; text-decoration:none; }
a:hover { color:#000; }
:focus { outline:0; }

ul { margin:0; padding:10px 0 10px 25px; }
li { margin:0; padding:0 0 5px 0; list-style-image:url(../images/bullet.gif); }

.left { float:left; padding:0 15px 0 0; margin:0; }
.right { float:right; padding:0 0 0 15px; margin:0; }
.right div { text-align:center; font-weight:bold; padding:0; margin:0; }
.clear { clear:both; }
.caption_r { float:right; border:1px solid #ccc; font-size:11px; color:#777; text-align:center; padding:5px; margin-left:15px; }

#wrapper_home { position:relative; width:1024px; margin:0 auto; padding:0; }
#wrapper { position:relative; width:920px; margin:0 auto; padding:0; }

#div_top { padding:0 0 0 20px; margin:0; }

#topmenu { float:right; width:550px; font-size:12px; text-align:right; margin:0 14px 0 0; }
#topmenu a { font-weight:bold; text-transform:uppercase; padding:0 10px 0 0; color:#999; }
#topmenu a:hover { color:#000; }
#topmenu span { font-weight:bold; text-transform:uppercase; padding:0 8px 0 0; color:#000; }

#logo { float:left; width:195px; padding:0; margin:0; }
#topright { float:right; width:480px; padding:65px 0 0 0; }



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

#menu { position:relative; z-index:10; line-height:normal; padding:0; }
#menu li { float:left; list-style-image:none; list-style:none; padding:0; }
#menu li a { display:inline-block; height:20px; padding:0 40px 0 0; font-size:13px; font-weight:700; text-transform:uppercase; }
#menu li a:hover { background:url(../images/bg_menu_roll.gif) repeat-x; }
#menu li a.nl { cursor: default; }

/* subnav dropdowns */
#menu li ul { position:absolute; top:41px; padding:0; margin-left:-6px; visibility:hidden; }
#menu li ul li { float:none; display:block; padding:0; }
#menu li ul li a { display:block; color:#6f833d; background:url(../images/menu_bg.png); padding:2px 0 0 5px; width:130px; text-transform:capitalize; border-left:1px solid #6f833d; border-right:1px solid #6f833d; border-bottom:1px solid #6f833d; border-top:none; }
#menu li ul li a:hover { color:#000; background:url(../images/menu_bg.png); }



/*  TEXT   --------------------------------------------------- */

h1{	font-size: 36px; margin: 0 0 20px 0; }
	h1 a { color:#000; text-decoration:none;}
	h1 a:hover { color:#94ab54; }
h2 { font-size:32px; margin:0; padding:15px 0 0 0; line-height:32px; color:#ce202c; } /* text-transform:uppercase; */
h3 { font-size:24px; margin:25px 0 10px 0; color:#cc202b; }
h3 span { color:#000; font-size:14px; }
h4 {	font-size:14px; margin:10px 0; text-transform:uppercase; color:#ce202c; }
h5 {	font-size:24px; margin:10px 0; color:#94ab54; }
h6 {	font-size:16px; margin:10px 0; padding:0; }
.red { color:#cc202b; }


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

#w { position:relative; background:url(/images/g_home-top.jpg) no-repeat; margin:0 auto; width:1024px; height:532px; line-height:16px; }

#w #t { position:absolute; top:10px; left:87px; width:360px; text-align:center; }
#w #t h2 { color:#c00; font-size:35px; line-height:36px; padding:0; text-shadow: 2px 5px 5px #e5bd17; }

#w #t1 {	position:absolute; top:172px; left:270px; width:211px; }
#w #t1 h3 { font-size:16px; font-weight:bold; margin:0; padding:0 0 5px 0; color:#000; }
#w #t1 h6 { font:12px "Arial Black", Arial; margin:6px 0 0 0; }
#w #t1 span { color:#999; }

#w #t2 { position:absolute; top:18px; left:545px; width:460px; line-height:16px; }
#w #t2 h3 { font-size:18px; font-weight:bold; color:#000; margin:0 0 5px 0;  }
#w #t2 h4 { color:#000; margin:15px 0 5px 0;  }

#w #t3 { position:absolute; top:324px; left:545px; width:470px; line-height:16px; }

#w #iv {position:absolute; top:420px; left:545px; width:150px; text-align:center; font-size:16px; line-height:24px;}
#w #nj {position:absolute; top:420px; left:766px; width:220px; font-size:16px; line-height:24px; text-align:center; background:#e8eddb}
#w #nj a {color:#000; font-weight:bold; background:url(../images/arrow.png) no-repeat right; padding:10px 55px 10px 10px; display:inline-block;}
#w #nj a:hover {color:#7c9140; background:url(../images/arrow2.png) no-repeat right;}
#w #nj a span {color:#94ab54;}


.button { float:left; width:151px; height:45px; display:inline-block; margin:0 5px 0 0; }
.button a { background:url(../images/button.png) no-repeat; width:151px; height:43px; display:inline-block; padding-top:3px; text-align:center; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; }
.button a:hover { background:url(../images/button_r.png) no-repeat; }
.button.l1 a { padding-top:14px;}

/*
.button_w { float:left; width:118px; height:46px; display:inline-block; margin:0 15px 0 0; }
.button_w a { background:url(../images/button_w.jpg) no-repeat; width:118px; height:32px; display:inline-block; padding:14px 0 0 0; text-align:center; font:bold 16px Arial, Helvetica, sans-serif; color:#afbd21;  }
.button_w a:hover { color:#cc0000; }
*/

/* PAGES   --------------------------------------------------- */

#table { background:url(../images/yellow_bg.jpg) center no-repeat; height:262px; padding:0; margin:0; border-top:3px solid #000; }
#table #text { float:left; width:430px; padding:0 0 0 60px; }
#table #image { float:right; width:390px; border-right:3px solid #000; }
td.image { text-align:center; padding:30px 0 0 0;}
td.buynow { padding:5px 0 0 0;}
td.b div { font-size:10px; color:#333; text-transform:uppercase; line-height:normal; padding:10px 0 0 0; }
td.b a { color:#333; }
td.b a:hover { color:#94ab54; }

#content { clear:both; background-color:#e7e7e8; padding:25px 60px; min-height:500px; }
.required { color:#d4402b; font-size:14px; font-weight:bold;}
#addr { float:right; width:320px; margin:25px 0 0 0; }

.iconbar { background-color:#94ab54; border-top:3px solid #000; border-bottom:3px solid #000; padding:5px 0 0 0; margin:0; color:#fff; font-weight:bold; text-transform:uppercase; line-height:normal; }
.iconbar a { color:#fff; }
.iconbar a:hover { color:#eee; }

.links { font-size:14px; height:40px; padding-top:16px; }
.links span { border:2px solid #fff; padding:10px; margin-right:10px; }
.links a:hover span { background-color:#8c961c; }

.num { float:left; margin:0 15px 0 0; font:48px 'Times New Roman', Times, serif; color:#94ab54; } /* background-color:#94ab54;  border:2px solid #fff; padding:15px; */

.garymovie { float:right; width:260px; padding:0 0 0 15px; margin-left:100px; }
.garymovie h6 { text-align:center; }
.garymovie div { padding:5px 0; }
#bio { position:absolute; top:567px; left:50px; z-index:10; width:495px; height:440px; padding:15px; text-align:left; font-weight:normal; background:#fff; box-shadow:10px 10px 5px #888; -moz-box-shadow:10px 10px 5px #888; -webkit-box-shadow:10px 10px 5px #888; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; visibility:hidden; }
#bio .close { float:right; font-weight:bold; font-size:14px; }

/*  FORUM PAGES   --------------------------------------------------- */

#forum_head {background:url(../images/forum-header.jpg) no-repeat; height:200px; padding:0; margin:0;}
.forum-pic { float:left; width:268px; margin:0 17px 0 15px; }
.forum-text { float:left; width:600px; padding:25px 0 0 0; color:#231f20; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.forum-text h1 {font-size:18px; color:#dba028; text-transform:uppercase; padding:0; margin:0 0 10px 0;}
.forum-text h2 {font-size:18px; color:#000; text-transform:uppercase; padding:0; margin:0 0 10px 0;}
.forum-text ul {padding:0; margin:0 0 0 15px;}
.forum-text li {padding:0; margin:0; list-style-image:url(../images/forum-bullet.png);}
.forum-text li a {color:#000;}
.forum-text li a:hover, .forum-text li.active a {color:#6f833d;}

#content_forum {background:#fcf6e6; padding:25px 35px 25px 35px; min-height:500px; color:#231f20; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content_forum .welcome {width:430px; margin-left:265px;}
#content_forum h3 {font-size:13px; color:#dba028; text-transform:uppercase; padding:0; margin:0 0 15px 0;}
#content_forum h4 {font-size:13px; color:#81a03f; padding:0; margin:0 0 15px 0; text-transform:none;}
#content_forum h4 span {font-size:12px; font-weight:normal;}

#content_forum a, .forum-text li a.grn {color:#55753f;}
#content_forum a:hover, .forum-text li a.grn:hover {color:#c88d27;}

.forumcol1 {float:left; width:230px; margin-right:40px; font-size:13px;}
.forumcol2 {float:left; width:330px; margin-right:58px;}
.forumcol3 {float:left; width:190px;}
.forum2cols {float:left; width:520px;}


.login {margin:15px 0 0 255px; font-size:14px;}
.login .pass {border:1px solid #979797; height:22px; padding:4px 5px 0 5px; vertical-align:middle; width:200px;}
.error { font-weight:bold; color:#c00;}
.logout {float:right; margin:0 20px 15px 0;}

/*  BUY NOW   --------------------------------------------------- */

.orderform { }
.orderform td { background:#fff; padding:3px 5px; }
.orderform td.h { background:#8da337; color:#fff; text-align:left; padding:3px 5px; border-bottom:1px solid #999; }
.orderform td.hc { background:#8da337; color:#fff; text-align:center; padding:3px 5px; border-bottom:1px solid #999; }
.orderform td.m { vertical-align:middle;}
.orderform td.g { background:#f2f4e4;}
.orderform td.b { border-bottom:1px solid #999; }
.orderform td.l { border-left:1px solid #999; }
.orderform td.t { background:#f2f4e4; font-weight:bold; font-size:16px; padding:3px 5px 3px 220px; }
.orderform td.n { background:none; }
.orderform td.e { color:#f00; }
.orderform td.q { background:#f2f2f2; }
.orderform .p { border:none; background:none; }
.i {padding:5px 0 0 23px;}
.s {font-size:16px; padding-left:75px;}
.orderform_message {	position:absolute;	top:580px;	left:535px;	color:#c00;}


/* FOOTER   --------------------------------------------------- */

#footer { text-align:center; padding:25px 0; color:#666; }
#footer a { color:#666; }