/*
 *************************************
 GtEnergy Styles File 
 Created by Adam Jones, Copyright 2010
 
 CSS File - MAIN CSS
  
 Created: 9/1/10
 Updated: 17/5/10
 *************************************
*/

HTML {
	height:100%;
	width:100%;
}
BODY {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	/*background-color: #58585a;*/
	background-color:#006d3c;
	color:#313820;
	
	background-image:url(../imgs/bg.jpg);
	background-position:top;
	background-repeat:repeat-y;
	
	margin:0px;
	padding:0px;
	border:0px;
	height: 100%;
}
pre {
	/* VITAL TO RESOLVE WHEN USING FCKEDITOR DUE TO PREWRAP TAGS IT CAN INSERT */
}
form {
	/* fix opera/ie form padding issues */
	margin: 0;
	padding: 0;
}
p {
	/* text-align:justify; */
	font-size:12px;
	
	margin-top:0px;
	padding-top:0px;
	margin-top:0px;
}

hr {
	background-image:url(../imgs/hr.gif);
	background-repeat:repeat-x;
	
	height:5px;
	width:100%;
	border:1px;
	
	margin-top:12px;
	margin-bottom:2px;
}

/* Bullet Formatting */
.formlist  {
	margin-bottom:1px;
	line-height:15px;
	list-style-image:url();
	display:list-item;
	
	vertical-align:top;
	
}
.menuul {
	list-style-image:url();
}
li {
	margin-bottom:1px;
	line-height:15px;
	display:list-item;
	list-style-image:url(../imgs/bullet.gif);
	
	vertical-align:middle;
	
}
ol {
	margin-left:0px;
	padding-left:20px;
	
}
ul {
	padding-left:14px;
}

A {
	color:#13a3f5;	/*Specify a colour only here if its to be the same on all other link states */
	text-decoration: none;
	outline:0;
	font-weight:normal;
}

A:visited {
	text-decoration: none;
}
A:hover {
	text-decoration : none;
	color:#13a3f5;	
}
img {
	border:0px;
	outline:none;
	text-align: center;
}
input {
	outline:none;
}

.bold {
	font-weight:bold;	
}
.normal {
	font-weight:normal;
}


#debug {
	position:fixed;
	float:left;
	background-color:#000000;
	color:#ffffff;
	padding:10px; 
	margin:10px;
	opacity:0.7;
	filter:alpha(opacity=70); 
	z-index:99999;
}
#debug a{
	color:#FFF;
	font-size:9px;
}
#debug a:hover{
	color:#CCC;
}
#debug_urlrewrite {
	position:fixed;
	right:0px;
	background-color:#000000;
	color:#ffffff;
	padding:10px; 
	margin:10px;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:99999;
}
.ext-link {
	text-decoration:none;
	font-weight:bold;
}
a.ext-link {
	text-decoration:none;
	font-weight:bold;
}
.PostSuccess {
	color:#090;
	font-size:12px;
	
	padding-bottom:10px;
}
.PostError {
	color:#900;
	font-size:12px;
	
	padding-bottom:10px;
}


/* Rollover Opacity START */
.opacity {
	opacity:1.00; /* firefox, opera, safari, chrome */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
	filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
	zoom:1 /* so the element "hasLayout"
	/* or, to trigger "hasLayout" set a width or height */
}
.opacity:hover {
	opacity:0.50; /* firefox, opera, safari, chrome */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
	filter:alpha(opacity=50); /* IE 4, 5, 6 and 7 */
	zoom:1 /* so the element "hasLayout"
	/* or, to trigger "hasLayout" set a width or height */
}
/* Rollover Opacity END */





/* CENTRAL CSS 2009! - START */
/* note 1: check your doctype! This CSS was written for 4.01 quirks but does work in 4.01 STRICT */
/* note 2: requires specific ie 7 or less mods */


#container1 { 
	width: 100%; 
	height: 100%; 
	display: table; 
}

/*
#container2 { 
	width:100%;
	display: table-cell; 
	vertical-align: middle;
}
*/


#container3 { 
	width:956px;
	/*height:815px;*/
	vertical-align: middle; 
	
	/* key to make content centre within container2 */
	margin-left:auto;
	margin-right:auto;
}
/* CENTRAL CSS - END */

/* main css START */
#header {
	width:956px;
	height:158px;
	
	background-image:url(../imgs/bg_header.jpg);
	background-repeat:no-repeat;
	
}
#header_contact_wrapper {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:400;
	text-align:right;
	color:#d3e86c;
	
	float:right;
	
	margin-top:52px;
	margin-right:52px;
	
	height:20px;
	width:340px;
}
#mainbody {
	width:956px;
	min-height:370px;
	
	background-image:url(../imgs/bg_white.jpg);
	background-repeat:no-repeat;
	background-repeat:repeat-y;
}

#bodywrapper_main {
	min-height:370px;
	
	padding-top:4px;
	padding-bottom:75px;
	padding-left:54px;
	padding-right:50px;
	
	background-image:url(../imgs/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
}
#bodywrapper {
	min-height:400px;
	
	padding-top:4px;
	padding-bottom:85px;
	padding-left:54px;
	padding-right:46px;
	
	background-image:url(../imgs/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
}

#menu_wrapper {
	float:right;
	
	text-align:right;
	color:#d3e86c;
	
	margin-top:14px;
	margin-right:52px;
	
	height:12px;
	width:435px;
}
.menuli {
	list-style-image:url();
	list-style-type:none;
	list-style:none;
}

.menuli a{
	list-style-image:url();
	list-style-type:none;
	list-style:none;
}


#breadcrumb_wrapper {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:right;
	font-weight:bold;
	
	float:right;
	color:#00587e;
	
	margin-top:13px;
	margin-right:55px;
	
	height:14px;
	width:845px;
	overflow:hidden;
}
#breadcrumb_wrapper a{
	color:#00587e;
}
#breadcrumb_wrapper a:hover{
	color:#00a2ff;
}
.breadcrumb_home {
	font-weight:normal;
}
.breadcrumb_home a:hover{
	font-weight:normal;
}
.breadcrumb_link {
	font-weight:normal;
}
.breadcrumb_link A:hover{
	font-weight:normal;
}
.breadcrumb_link a:hover{
	font-weight:normal;
}
.breadcrumb_link_last {
	font-weight:bold;
}
.breadcrumb_link_last a:hover {
	font-weight:bold;
}
.reddot {
	margin-left:9px;
	margin-right:9px;
	margin-bottom:4px;
}
#btn_work {
	margin-right:1px;
}

#home_column_left {
	
	float:left;
	left:495px;
}


#home_column_right {
	float:right;
	
	left:305px;
	margin-top:43px;
	
	width:300px;
	height:330px;
}
#home_copy {
	color:#313820;
	font-weight:normal;
	
	position:relative;
}
#home_copy a{
	color:#313820;
}
#home_copy p {
	margin-top:0px;
}
#generic_copy {
	font-size:12px;
	font-weight:normal;
}
#generic_copy a{
	color:#13a3f5;
	font-weight:normal;
	text-decoration:none;
}
#generic_copy a:hover{
	color:#13a3f5;
	font-weight:normal;
	text-decoration:underline;
}
#generic_copy a:visited{
	color:#13a3f5;
	font-weight:normal;
}
#button_block {
	margin-left:-10px;
	margin-top:20px;
	margin-bottom:20px;
}
.bigbutton {
	margin-bottom:4px;
	margin-right:10px;
}

#generic_column_left {
	float:left;
	width:515px;
}
#generic_column_right {
	float:right;
	width:276px;
}

#header_homelink {
	position:absolute;
	
	margin-top:65px;
	margin-left:15px;
	
	height:50px;
	width:406px;
}
#homelink {
	height:50px;
	width:406px;
}
#pagetitle {
	display:block;
	margin-top:2px;
	margin-bottom:26px;
}
#pagesubtitle {
	margin-bottom:8px;
}
#title_underline_wrapper {
	height:46px;
	width:auto;
	text-align:left;
}
#title_underline_wrapper img{
	
}
#title_underline_home {
	position:relative;
	left:-25px;
	top:-30px;
	height:2px;
	
}
#title_underline {
	position:relative;
	left:-25px;
	top:-30px;
	height:2px;
	
}

#right_banner_top {
	margin-left:2px;
	margin-bottom:10px;
}


#right_banner_bottom {
	width:273px;
	height:130px;
	
	background-image:url(../imgs/right_bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
}


#right_banner_middle {
	width:280px;
	margin-bottom:5px;
}
#flashmiddlemovie {
	/* control actual flash size*/
	position:relative;
	
	margin-top:2px;
	left:-2px;
	width:280px;
	
	outline:none;
}

#middleboxcopy_flash_wrapper {
	position:relative;
	top:-4px;
	width:280px;
	height:244px;
	
	margin-bottom:-5px;
	
	background-image:url(../imgs/bg_middleright.gif);
	background-repeat:no-repeat;
	
}


#middleboxcopy_wrapper {
	width:280px;
	margin-bottom:20px;
	margin-left:-4px;
}
.middlebox_flash_bg {
	
}




#middleboxcopy_1 {
	background-image:url(../imgs/right_middle1.gif);
	background-repeat:no-repeat;
	background-position:top;
	
	color:#00587e;
	
	height:57px;
}
#middleboxcopy_2 {
	color:#00587e;
	background-image:url(../imgs/right_middle2.gif);
	background-repeat:repeat-y;
	background-position:top;
}
#middleboxcopy_3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	
	background-image:url(../imgs/right_middle3.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	
	padding-top:0px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:30px;
}

#mythcopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	
	position:absolute;
	margin-top:40px;
	margin-left:27px;
	
	width:217px;
	overflow:hidden;
}

#realfooter {
	margin-bottom:15px;
}

.GreenTitle {
	font-size:12px;
	
	color:#006d3c;
	font-weight:bold;
	
	display:inline-block;
	margin-top:3px;
	margin-bottom:2px;
}

#bottombuttons {
	margin-top:30px;
	position:relative;
	width:600px;
	left:-20px;
}
#bottombuttons a{
	margin-right:8px;
}


/* form elements */
.FormLabelDiv {
	color:#313820;
	font-weight:normal;
	
	margin-bottom:4px;
	display:inline;
	
	width:500px;
}
.FormOptions {
	margin-top:8px;
}
.FormTextBox {
	margin-top:4px;
	margin-bottom:20px;
	
	color:#313820;
	font-weight:normal;
	
	border:2px solid #d3d4ad;
	
	display:block;
	width:300px;
}
.FormTextArea {
	margin-top:4px;
	margin-bottom:20px;
	
	color:#313820;
	font-weight:normal;
	
	border:2px solid #d3d4ad;
	
	display:block;
	width:300px;
	height:80px;
}
.FormSelectBox{
	margin-bottom:20px;
	
	color:#313820;
	font-weight:normal;
	
	border:2px solid #d3d4ad;
	
	display:block;
	width:304px;

}
.FormRadio {
	margin-left:6px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:20px;
}


.bigbutton_overlay {
	display:inline;
	position:absolute;
	font-size:11px;
	font-weight:bold;
	
	line-height:13px;
	
	color:#004020;
	
	margin-top:4px;
	margin-left:4px;
	
	width:120px;
	height:42px;
	overflow:hidden;
	
	border:0px solid;
	
	z-index:111;
	
	
}
.bigbutton_innerdiv {
	margin-top:5px;
	margin-left:44px;
}

.bigbutton_zorder {
	z-index:2;
}

#mythlink {
	color:#f2f755;
	font-style:italic;
}
a#mythlink {
	color:#f2f755;
	font-style:italic;
}
a:hover#mythlink  {
	color:#f2f755;
	text-decoration:underline;
	font-style:italic;
}

#flash_popup {
	/* note: bg formatting in colorbox css */
	width:590px;
	height:480px;
	
	background-image:url(../imgs/bg_moviepopup.png);
	background-repeat:no-repeat;
	background-position:top;
	
}
#flashmovie {
	width:500px;
	height:360px;
	margin-left:45px;
	margin-top:36px;
	
	outline:none;
}




#myth_popup {
	/* note: bg formatting in colorbox css */
	width:600px;
	height:432px;
	
	
	background-image:url(../imgs/bg_myth2.png);
	background-repeat:no-repeat;
	background-position:center;
	
	vertical-align:top;
}
#myth_popup_content {
	
	width:455px;
	vertical-align:top;
	
	padding:70px;
	padding-left:70px;
	
	font-size:12px;
	color:#fff;
}

#myth_popup_title {
	margin-top:5px;
	margin-bottom:8px;
}
#myth_popup_copy {
	width:455px;
	height:240px;
	
	vertical-align:top;
	overflow:hidden;
	
}



#mythpopup_close {
	float:right;
	margin-right:62px;
	margin-top:66px;
}


#middleboximage_wrapper {
	margin-left:5px;
	width:214px;
	height:-1px;
	background-color:#FFF;
	border:1px solid #fff;;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#middleboximage {
	position:relative:
	
	top:-1px;
	
	margin-left:1px;
	margin-top:0px;
	
	border:0px;
	
	vertical-align:middle;
}




.DeeperLineHeight {
	line-height:17px;
}

#sendbtn {
	margin-left:18px;
}
.formitalic {
	font-style:italic;
	color:#666;
}

#homemovie {
	top:-10px;
	left:-10px;
	position:relative;
}
#product_movie_placeholder {
	margin-left:10px;
	margin-top:13px;
}





/* Curvey Corners Extra - START - for native css3 support */
.rounded {
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
} 

/*custom extras for menus*/
.menu_topleft {
	background-image:url(../imgs/menu_tl.gif);
	background-repeat:no-repeat;
	background-position:top;
	
	width:2px;
	height:4px;
	
	position:absolute;
	left:-2px;
}
.menu_topright {
	background-image:url(../imgs/menu_tr.gif);
	background-repeat:no-repeat;
	background-position:top;
	
	width:2px;
	height:4px;
	
	right:-2px;
	position:absolute;
	text-align:right;
}

.selectedanchor { /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	/*background: #024e84;*/
}
/* ######### Default class for drop down menus ######### */

.anylinkcss {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	
	margin-top:4px;
	padding-bottom:4px;
	
	border: 0px;
	border-bottom-width: 0;
	font: normal 12px Verdana;
	line-height: 18px;
	
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	
	background:#2b6f98;
	min-width: 96px; /* default width for menu */
}
.anylinkcssfarright {
	
	/* special margin for end menu item that needs to right align */
	margin-left:-55px;
	
	
}
.anylinkcss ul {
	margin: 0;
	margin-top:5px;
	margin-bottom:10px;
	padding: 0;
	list-style-type: none;
	list-style:none;
	list-style-image:url();
	
}
.anylinkcss ul li a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-indent:5px;
	line-height:15px;
	
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 0px solid black;
	
	margin-left:12px;
	margin-right:12px;
	
	padding-top:2px;
	margin-bottom:2px;
	
	color:#fff;
	
	/*
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	*/
}
.anylinkcss a:hover { /*hover background color*/
	color:#dce14e;
}
/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid black;
	
	font: normal 12px Verdana;
	z-index: 100; /*zIndex should be greater than that of shadow's below*/
	background:#dce14e;
}
.anylinkcsscols .column {
	width: 130px;
	float: left;
}
.anylinkcsscols .column ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anylinkcsscols li {
	
}
/* ######### class for shadow DIV ######### */


.anylinkshadow { /*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}

#realfooter {
	color:#dce14e;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	
	margin-top:14px;
	margin-left:32px;
	margin-right:32px;
	
}
#realfooter a{
	color:#aae4e6;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
}
#realfooter a:hover{
	color:#dce14e;
}
/* Curvey Corners Extra - END - for native css3 support */


/* ColorBox Core Style - START */
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
	
}

#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
	
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	border:0px solid #000;
	/*
	margin:0px;
	padding:0px;
	*/
	
}
#cboxLoadedContent {
	overflow:hidden;
}


#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

/*
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
*/
#cboxOverlay{background:#000000;}

#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/* colorbox END */