﻿.PageHeaderBar
{
    font-family:Verdana;
    background-color:#000000;
	color: #ffffff;
	font-size: 12pt;
	padding-top: 5pt;
    padding-BOTTOM: 5pt;
	text-transform: uppercase;
	font-weight: 600;
	height:20px;
	width:100%;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}

.PageHeaderBar_AccountDetails {
    float: left;
    text-align: left;
    vertical-align: text-top;
}

.PageHeaderBar_AccountActions
{
    float:right;
    text-align:center;
    background-color:#1f4886;
    width:150px;
}

.PageHeaderBar_Space
{
    float:right;
    width:15px;
    text-align:center;
}

.PageHeaderBarWidth
{
    width:1266px;
    margin-left:auto;
	margin-right:auto;
}


.GEKKO_Header_Main {
    font-family: Verdana;
    width: 1266px;
    margin-left: auto;
    margin-right: auto;
    /*background: #ffffff;*/
    background: #545454;
    border-top: solid 1px #000000;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border: solid 1px #000000;
    min-height: 100px;
    padding: 0;
    color: white;
    background-repeat: no-repeat;
    /*background-image: url('../Images/Banners/Banner_Header_Map_1266x200.jpg');*/
    overflow: hidden;
}

.GEKKO_Header_Main .Header_Logo
{
    float:left
}
            
.GEKKO_Header_Main .Header_Text
{
    float:left;
    font-size:42px;
    font-weight:bold;
    vertical-align:middle;
    text-align:Center;
    padding-top:25px;
}
            
.GEKKO_Header_Main .Header_CompanyLogo
{
    float:Right
}



html
{
    position:relative;
    min-height: 100%;
}

html, body
{
    overflow-x: auto;
    overflow-y: auto;
}


.GEKKO_Body
{
    font-family:Verdana;
    width:1266px;
    margin-left:auto;
	margin-right:auto;
	background:#ffffff no-repeat;
	border :solid 1px #000000;
    padding:0;
	margin-top: 5px;
	overflow: hidden;
	font-size: 10pt;
	min-height: 500px;
    margin-bottom: 60px; /* bottom = footer height */
}

.GEKKO_Body_Login
{
    font-family:Quicksand;
    width:1266px;
    margin-left:auto;
	margin-right:auto;
	background:#ffffff no-repeat;
	border :solid 1px #000000;
    padding:0;
	margin-top: 5px;
	min-height: 300px;
	overflow: hidden;
	font-size: 10pt;
}

.Login_Table{
    width:590px;
}

#LoginButton{
    cursor:pointer;
    background:#4AA851;
    Width:305px;
    Height:40px;
    margin-left:45px;
    text-align:center;
}

#LoginButton:hover{
    outline:none;
    background:#358245;
}

.GEKKO_Body_Login .Login_MainOptions
{
    float:Left;
    width:600px;
    border-top:solid 0 #000000;
    border-left:solid 0 #000000;
    border-right:solid 2px #000080;
    border-bottom:solid 0 #000000;
    min-height:312px;
    background-color:#F7F6F3;
}

.GEKKO_Body_Login .NonUser_MenuOptions
{
    float:Left;
    width:600px;
    border-top:solid 1px #000000;
    border-left:solid 0 #000000;
    border-right:solid 2px #000080;
    border-bottom :solid 0 #000000;
    background-color:#FFFFFF;
}
            
.GEKKO_Body_Login .Login_SubOptions
{
    float:left;
    width:664px;
    border-top:solid 0 #000000;
    border-left:solid 0 #000000;
    border-right:solid 0 #000080;
    border-bottom :solid 0 #000080;
}


.GEKKO_Body .Menu_RegisterDetails
{
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	width:1266px;
	min-height: 500px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ffffff;
	background-repeat: no-repeat;
	background-color: #ffffff;
	overflow: hidden;
	font-size: 10pt;
}

.GEKKO_Body .RegisterDetails_Header
{
    float:left;
    font-family:Verdana;
    font-size: 14pt;
    margin-left:5px;
    font-weight:bold;
    color:#005FC5;
}

.GEKKO_Body .RegisterDetails_Text
{
    float:left;
    font-family:Verdana;
    font-size: 10pt;
    margin-left:5px;
}

.GEKKO_Body .RegisterComplete_Header
{
	text-align:center;
    font-family:Verdana;
    font-size: 20pt;
    font-weight:bold;
    color:#005FC5;
}

.GEKKO_Body .UserGuide_Header
{
	text-align:left;
    font-family:Verdana;
    color:#005FC5;
    margin-left:5px;
}

.GEKKO_Body_Home
{
    font-family:Verdana;
    width:1266px;
    margin-left:auto;
	margin-right:auto;
	background:#ffffff no-repeat;
	border :solid 1px #000000;
    padding:0;
	margin-top: 5px;
	min-height: 250px;
	overflow: hidden;
	font-size: 10pt;
    min-height: 1000px;
    height:100%;
    margin-bottom: 60px; /* bottom = footer height */
}

#GEKKO_Body_Home_ImageCycle{
    background-image:url(../Images/Adverts/Advert_GEKKO_Time_960x450.jpg);
    background-repeat:no-repeat;
    background-size:1266px;
    width:100%;
    min-height:600px;
}

.GEKKO_Body_Home_Text{
    font-size:16px;
    color:black;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.GEKKO_Body_Home_Text_02{
    float:left;
    width:70%;
    font-size:16px;
    color:black;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
}


.GEKKO_Body_Home_Content_01{
    margin-left:10px;
    margin-right:10px;
    margin-top:25px;
    margin-bottom:25px;
    min-height:100px;
}

.GEKKO_Body_Home_Content_02{
    margin-left:10px;
    margin-right:10px;
    margin-top:25px;
    margin-bottom:25px;
    min-height:100px;
}

.GEKKO_Body_Home_Content_Left_01{
    float:left;
    background-image:url(../Images/Adverts/Module_GEKKO_CRM_Fade_230x80.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    width:230px;
    height:80px;
    margin-left:40px;
    margin-right:40px;
}

.GEKKO_Body_Home_Content_Left_02{
    float:left;
    background-image:url(../Images/Adverts/Module_GEKKO_Wholesale_Fade_230x80.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    width:230px;
    height:80px;
    margin-left:40px;
    margin-right:40px;
}

.GEKKO_Body_Home_Content_Left_03{
    float:left;
    background-image:url(../Images/Adverts/SubOption_Customisation_Fade_230x80.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    width:230px;
    height:80px;
    margin-left:40px;
    margin-right:40px;
    margin-top:70px;
}

.GEKKO_Body_Home_Content_Right_01{
    float:right;    
    background-image:url(../Images/Adverts/SubOption_World_Fade_230x80.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    width:230px;
    height:80px;
    margin-left:40px;
    margin-right:40px;
}

.GEKKO_Body_Home_Content_Right_02{
    float:right;    
    background-image:url(../Images/Adverts/Module_GEKKO_HR_Fade_230x80.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    width:230px;
    height:80px;
    margin-left:40px;
    margin-right:40px;
}

.GEKKO_Body_Home_Content_Right_03{
    float:right;    
    background-image:url(../Images/Adverts/SubOption_WebSeminar_Fade_230x80.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    width:230px;
    height:80px;
    margin-left:40px;
    margin-right:40px;
    margin-top:30px;
}

.GEKKO_Body_Home_Content_Right_04{
    float:right;    
    background-image:url(../Images/Adverts/SubOption_ContactUs_Fade_230x80.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    width:230px;
    height:80px;
    margin-left:40px;
    margin-right:40px;
    margin-top:50px;
}

.cmdAdvert_Button{
    background-color:#1f4886;
    color:white;
    border:none;
    font-weight: bold;
    font-size:14px;
    text-align:center;
    height:30px;
    width:80%;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-top:80px;
    cursor:pointer;
}

/* mouse over link */
.cmdAdvert_Button:hover {
    background-color:#2c9af3;
}

.GEKKO_Body_Home_Contact_01{
    float:left;
    width:50%;
    margin-left:50px;
    margin-right:10px;
    margin-top:25px;
    margin-bottom:25px;
    min-height:100px;
}

.GEKKO_Body_Home_Contact_02{
    float:right;
    width:40%;
    margin-left:10px;
    margin-right:50px;
    margin-top:25px;
    margin-bottom:25px;
    min-height:100px;
}

.GEKKO_Body_Home_Contact_02_Left{
    float:left;
}

.GEKKO_Body_Home_Contact_02_Right{
    padding-top:28px;
    padding-left:30px;
    float:left;
}

.Contact_Heading{
    font-size:28pt;
}

.Contact_Text{
    font-size:12pt;
}

.SubmitBox_01{
    height:35px;
    float:left;
    font-family:Verdana;
    font-size:16px;
    color:black;
    margin-top:10px;
    margin-left:15px;
}

.SubmitBox_02{
    height:35px;
    float:left;
    font-family:Verdana;
    font-size:16px;
    color:gray;
    margin-top:10px;
    margin-left:5px;
}

.SubmitBox_02_R{
    float:left;
    font-family:Verdana;
    font-size:16px;
    color:red;
    margin-left:15px;
    margin-top:10px;
}

.SubmitBox_03{
    width:450px;
    height:35px;
    float:left;
    font-family:Verdana;
    font-size:16px;
    color:black;
    margin-left:15px;
    border-style:solid;
    border-color:lightgray;
    border-width:thin;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding-left:5px;
    background:  no-repeat 10px 12px ;
    padding:4px 4px 4px 35px;
}

.SubmitBox_03:focus{
    outline: none;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

.cmdSubmit_Button{
    background-color:#1f4886;
    color:white;
    border:none;
    font-weight: bold;
    font-size:16px;
    text-align:center;
    height:35px;
    width:490px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-top:25px;
    margin-left:15px;
    cursor:pointer;
}

/* mouse over link */
.cmdSubmit_Button:hover {
    background-color:#2c9af3;
}

.GEKKO_Body_Home_WebSeminar{
    margin-left:40px;
    margin-right:40px;
    margin-top:25px;
    margin-bottom:25px;
    min-height:100px;
}

.WebSeminar_Heading{
    font-size:28pt;
    margin-bottom:25px;
}

.WebSeminar_Text{
    font-size:12pt;
    color:black;
    margin-left:10px;
    margin-bottom:10px;
}

.WebSeminar_Image{
    width:100%;
    margin-bottom:10px;
}


.GEKKO_Body_Home_Prices{
    margin-left:40px;
    margin-right:40px;
    margin-top:25px;
    margin-bottom:25px;
    min-height:100px;
}

.Prices_Heading{
    font-size:28pt;
    margin-bottom:25px;
}

.Prices_Text{
    font-size:12pt;
    color:black;
    margin-left:10px;
    margin-bottom:10px;
}

.Prices_Image{
    width:100%;
    margin-bottom:10px;
}

.GvPrices_Options{
    padding:20px;
    line-height:20px;
    color:black;
}







.GEKKO_Body_Marketing
{
    font-family:Verdana;
    width:1266px;
    margin-left:auto;
	margin-right:auto;
	background:#ffffff no-repeat;
	border :solid 1px #000000;
    padding:0;
	margin-top: 5px;
	overflow: hidden;
	font-size: 10pt;
    min-height: 80px;
    margin-bottom: 60px; /* bottom = footer height */
}

.Marketing_Options
{
    font-family:Verdana;
    width:1100px;
    margin-left:auto;
	margin-right:auto;
	background:#ffffff no-repeat;
	border :solid 0 #000000;
    padding:0;
	margin-top: 5px;
	overflow: hidden;
	font-size: 10pt;
}

.GvMarketingOptions_Text{
    padding-left:20px;
}


.PCS_Menu {
    position:absolute;
    width:1266px;  
    background-color: #2a2929;
}

.PCS_Menu ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0.5em 20% 0.5em auto;
    list-style-type: none;
    display:inline-block;
}

.PCS_Menu a {
    float:left;
    width: 9em;
    text-decoration: none;
    color: White;
    background-color: #2a2929;
    padding: 0.6em 0.6em;
    border-right: 1px solid whitesmoke;
    border-left: 1px solid whitesmoke;
}

.PCS_Menu a:hover {
    /*background-color: white;*/
    color: #33ccff;
}

.PCS_Menu li {
    display: inline-block;
}

.GEKKO_BrowserHeader
{
    font-family:Verdana;
    width:1266px;
    margin-left:5px;
	margin-right:auto;
	background:#ffffff;
	border-top:solid 1px #000000;
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
    border-bottom :solid 1px #000000;
    border :solid 1px #000000;
	min-height:64px;
	padding:0;
	background-repeat: no-repeat;
	background-color: #ffffff;
	overflow: hidden;
	font-size: 10pt;
}

.GEKKO_BrowserHeader .Header_Logo
{
    float:left
}
            
.GEKKO_BrowserHeader .Header_Text
{
    float:left;
    font-size:64px;
    font-weight:bold;
    vertical-align:middle;
    text-align:left;
}
            
.GEKKO_BrowserHeader .Header_MenuButtons
{
    float:Right
}




.GEKKO_Warnings
{
    font-family:Verdana;
    width:1266px;
    margin-left:auto;
	margin-right:auto;
	background:#ffffff no-repeat;
	border :solid 1px #000000;
    padding:0;
	margin-top: 5px;
	overflow: hidden;
	font-size: 10pt;
}

.GEKKO_Adverts
{
    font-family:Verdana;
    width:1266px;
    margin-left:auto;
	margin-right:auto;
	background:#ffffff no-repeat;
	border :solid 1px #000000;
    padding:0;
	margin-top: 5px;
	overflow: hidden;
	font-size: 10pt;
}

.GEKKO_Adverts_Image
{
    width:1266px;
    margin-left:auto;
	margin-right:auto;
}

.GEKKO_Footer {
    font-family: Verdana;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    border-top: solid 1px #000000;
    border-bottom: solid 3px #000000;
    padding: 0;
    margin-top: 5px;
    min-height: 5px;
    background-repeat: no-repeat;
    /*background-color: #1f4886;*/
    background-color: #545454;
    overflow: hidden;
    font-size: 10pt;
    color: white;
    height: 50px;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.GEKKO_Footer .push
{
    height: 50px; /* .push must be the same height as .footer */
}

.GEKKO_Footer_Main_Content
{
    width:1266px;
    margin-left:auto;
	margin-right:auto;
}

.GEKKO_Footer .Menu_MainOptions
{
    float:Left;
    width:600px;
    border-top:solid 0 #000000;
    border-left:solid 0 #000000;
    border-right:solid 2px #000080;
    border-bottom :solid 0 #000000;
}

.GEKKO_Footer .Footer_Logo
{
    float:left
}

.GEKKO_Footer .Footer_CompanyDetails
{
    float:left;
    width:600px   
}

.GEKKO_Footer .Footer_DesignedFor
{
    float:left;
    width:340px 
}

.GEKKO_Footer .Footer_SalesDetails
{
    float:left
}

.GEKKO_Footer .Footer_Copyright
{
    float:left;
}

.GEKKO_Footer .Footer_SocialMedia
{
    float:right;
    padding:8px;
}

.Footer_SR_Change
{
    float:right;
    display:inline-block;
    text-align:center;
    margin-top:8px;
    visibility:hidden;
}

.Footer_SR_Change_Image
{
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
}

.Footer_SR_Change_Text
{
    display:inline-block;
    vertical-align:top;
    margin-top:4px;
}


.GEKKO_Login {
    background-color: white;
}

.GEKKO_Login_Label {
    font-family: Quicksand;
    font-weight: 500;
    line-height: 22px;
}

.GEKKO_Login_TextBox {
    height: 30px;
    width: 25%;
    font-family: Quicksand;
    font-size: 13pt;
    border: none;
    padding: 10px;
}

    .GEKKO_Login_TextBox:focus {
        outline: none;
    }

.GEKKO_Login_RF {
    font-family: Quicksand;
    font-weight: 500;
    font-size:10pt;
    color: red;
}

.GEKKO_Login_Link {
    font-family: Quicksand;
    font-weight: 500;
    font-size: 13pt;
    color: black;
}

.GEKKO_Login_Button {
    height: 50px;
    width: 28%;
    border-color: #d8d8d8;
    border-style: solid;
    border-width: thin;
    border-radius: 3px;
    font-family: Quicksand;
    font-size: 14pt;
    font-weight: 500;
    color: white;
    background-color: #26882e;
}

    .GEKKO_Login_Button:hover {
        cursor: pointer;
        background-color: #1d6823;
    }

    .GEKKO_Login_Button:focus {
        outline: none;
    }