a, a:hover, a:visited, a:active, img {
   border:none;
   outline:none;
}

.container { width:262px; margin:0 auto; padding-top:200px; }

#bar { width:100%; height:25px; padding:0; }
#dialog_container { margin:0 auto;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
/* 2012-01-25: (begin changes) */
#recoverPasswordButton {
	font-size:11px;
}
/* 2012-01-25: (end changes) */

/* Login Button Text */
/* 2012-01-25: (begin changes) */
#recoverPasswordButton span {
	font-size:11px;
}
/* 2012-01-25: (end changes) */

#recoverPasswordButton:hover {
}
#recoverPasswordButton:active {
}


/* Login Box */
#recoverPasswordBox {
    position:absolute;
    top:22px;
    right:0;
    display:none;
    z-index:29;
}
#recoverPasswordBoxTop {
    position:absolute;
    top:115px;
    left:320px;
    display:none;
    z-index:29;
}

/* If the Login Button has been clicked */    
#recoverPasswordButton.active {
    border-radius:3px 3px 0 0;
	display:inline-block;
    float:right;
    background:#F8F8F8 url(../images/buttonbg.png) repeat-x; 
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

#recoverPasswordButton.active span {
    background-position:53px -76px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;  
text-decoration: underline; 
font-size: 11px; 
    text-shadow:1px 1px #fff; 
    padding:1px 10px 2px 10px;
    background:url(../images/loginArrow.png) no-repeat 53px 7px;
    display:block
}

/* A Line added to overlap the border */
#recoverPasswordButton.active em {
    position:absolute;
    width:100%;
    height:2px;
    background:#F8F8F8;
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:278px; 
    border:1px solid #899caa;    
    margin-top:-1px;
    background:#F8F8F8;    
	border-radius:3px;
    -moz-border-radius:3px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

#loginForm .mail_sent {
	color:#A6AB84;
    font-weight:bold;
	font-size:12px;
}

fieldset#body {
    background:#fff;    
    padding:10px 13px 10px 33px;
    margin:0;
	height:120px;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color:#3a454d;
    margin:10px 0 15px 0;
    display:block;
    float:left;
	font-weight:bold;
	font-size:11px;
}

#body .sorry{
	color: #369;	
}

#loginForm #body fieldset label {
    display:block;
    float:none;    
}

#loginForm p{
	margin: 0;
}

/* Default Input */
#loginForm input {
    width:90%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#A6AB84;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
	text-align:center;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:left;
    background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

#loginForm hr{
	background:#899CAA;
	height:1px;
	margin:0px;
	border-width: 0px;
}
/* Forgot your password */
#loginForm span {
    text-align:left;
    display:block;
    padding:7px 0 4px 15px;
	font-weight:bold;
	color:#000;
}
#submit{
    height:40px;	
	padding:10px 0 0 70px!important;
}

#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

#loginForm .remind_error{
	color: red;
}

input:focus {
    outline:none;
}


/*
 **************************
 *
 *   Cart dialog box CSS
 *
 **************************
 */


/* Login Container (default to float:right) */
#cartContainer {
    position: relative;
    font-size:12px;
}

/* Login Button */
/* 2012-01-25: (begin changes) */
#cartButton {
    font-size:11px;
    vertical-align: bottom;
}
/* 2012-01-25: (end changes) */

/* Login Button Text */
/* 2012-01-25: (begin changes) */
#cartButton span {
    position: absolute;
    font-size:11px;
}
/* 2012-01-25: (end changes) */

#cartButton:hover {
}
#cartButton:active {
}


/* Login Box */
#cartBox {
    position:absolute;
    top:30px;
    right:450px;
    display:none;
    z-index:9999;

}

/* If the Login Button has been clicked */
#cartButton.active {
    border-radius:3px 3px 0 0;
    display:inline-block;
    position:relative;
    z-index:9999;
    cursor:pointer;
}

#cartButton.active span {
    background-position:53px -76px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: underline;
    font-size: 11px;
    text-shadow:1px 1px #fff;
    padding:1px 10px 2px 10px;
    background:url(../images/loginArrow.png) no-repeat 53px 7px;
    display:block
}

/* A Line added to overlap the border */
#cartButton.active em {
    position:absolute;
    width:100%;
    height:2px;
    background: #F0F0EE;
    bottom:-1px;
}
#cartBoxHeader{
    position: relative;
    height:25px;
}
#cartBoxHeader.active{
    background: #F0F0EE;
    border-radius:3px;
    -moz-border-radius:3px;
}

/* Login Form */
#cartForm {
    position: absolute;
    z-index:9998;
    width:278px;
    border:1px solid #899caa;
    margin-top:-1px;
    background: #F0F0EE;
    border-radius:3px;
    -moz-border-radius:3px;
}

#cartForm fieldset {
    margin:0;
    display:block;
    border:0;
    padding:0;
}

#cartForm .mail_sent {
    color:#A6AB84;
    font-weight:bold;
    font-size:12px;
}

fieldset#cart_body {
    background:#fff;
    padding:2px 0 3px 0;
    margin:0;
}

#cartForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#cartForm #body fieldset label {
    display:block;
    float:none;
}

#cartForm p{
    margin: 0;
}

/* Default Input */
#cartForm input {
    width:90%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#A6AB84;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
    text-align:center;
}

/* Sign In Button */
#cartForm #login {
    width:auto;
    float:left;
    background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

#cartForm hr{
    background:#899CAA;
    height:1px;
    margin:0px;
    border-width: 0px;
}
/* Forgot your password */
#cartForm span {
    text-align:left;
    display:block;
    padding:7px 0 4px 15px;
    font-weight:bold;
    color:#000;
}
#cartForm #cartCurrency{
    float:right;
    height:15px;
    padding-right:5px;
}
#cartForm #cartCurrency a{
    color: #999999;
    vertical-align: inherit!important;
}
#cartForm #cartTable{
    width:100%;
    border-top:0px;
}
#cartForm #cartLabel{
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #8C0000;
    position: relative;
    z-index:3000;
}
#cartForm #cartTable td{
    padding-left: 15px;
    border-right:1px silver solid;
    border-bottom:1px silver solid;
    line-height: 15px;
}
#cartForm #cartTable td.price{
    color:#4E5F91;
}
#cartForm #cartSubmit{
    height:60px;
    color:#4E5F91;
}

/* 2016-02-15: left was changed: */
#cartNumber {
    position: absolute;
    font-size: 10px;
    top: 5px;
    left: 758px;
    width: 6px;
    height: 13px;
    z-index: 2;
}
#cartLogo{
    width:24px;
    height:22px;
    position: absolute;
    top: -3px;
    left: 29px;
    z-index: 1;
}

#cartNumber.inactive {
    color: #FF0000;
}

#cartNumber.active {
    color: #15B33D;
}

#emptyCartBox{
    background: #F2F2F2;
    border-radius:3px;
    -moz-border-radius:3px;
}
#emptyCart{
    color: #CF4242;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding:20px 0 ;
}

#topMenuLogin{
    height: 25px;
}

#loginBox {
    position:absolute;
    top:29px;
    right:450px;
    display:none;
    z-index:29;
}

#topLoginForm{
    width: 180px;
    height: 200px;
    padding: 5px;
    background:#E0E0E0 ;
    border: 1px #555555 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* 2016-02-15 (begin changes) */

#topLoginBlock {
    width: 180px;
    height: 200px;
    padding: 5px;
    background:#E0E0E0 ;
    border: 1px #555555 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* New div with login and register for shoppers: */
#loginRegisterBox {
    position:absolute;
    width: 620px;
    height: 800px;
    top:44px;
    right:315px;
    background:#F0F0F0 ;
    padding: 10px;
    border: 1px #555555 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index:29;
    display:none;
}

/* New div with login and register for agents: */
#agentsBox {
    position:absolute;
    width: 660px;
    height: 1000px;
    top:44px;
    right:0px;
    background:#F0F0F0 ;
    padding: 10px;
    border: 1px #555555 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index:29;
    display:none;
}

/* Existing customers header */
#existing_customers, #new_customers { color: #DAA520 !important }

/* Block with shopper login form and agent login form */
#shopperLoginFrm, #agentLoginFrm {
	margin:0px;
	padding:0px;
}

/* Left column on the shopper and agent reg blocks */
#shopperRegLeft, #agentRegLeft {
	width: 290px;
	padding-right: 20px;
	border-right: 1px solid #b5b5b5
}

/* Right column on the shopper and agent reg form */
#shopperRegRight, #agentRegRight {
	margin-left: 20px
}

/* Div with shopper and agent register buttons */
#dvbtnshpreg, #dvbtnagentreg {
	margin-top:30px;
}

/* Login button for shoppers */
.buttonLoginYellow {
border:1px solid #DAA520; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:'century gothic'; padding: 7px 30px 7px 30px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #DAA520; background-image: -webkit-gradient(linear, left top, left bottom, from(#DAA520), to(#DAA520));
 background-image: -webkit-linear-gradient(top, #DAA520, #DAA520);
 background-image: -moz-linear-gradient(top, #DAA520, #DAA520);
 background-image: -ms-linear-gradient(top, #DAA520, #DAA520);
 background-image: -o-linear-gradient(top, #DAA520, #DAA520);
 background-image: linear-gradient(to bottom, #DAA520, #DAA520);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DAA520, endColorstr=#DAA520);
}

.buttonLoginYellow:hover{
 border:1px solid #FFD700;
 background-color: #FFD700; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD700), to(#FFD700));
 background-image: -webkit-linear-gradient(top, #FFD700, #FFD700);
 background-image: -moz-linear-gradient(top, #FFD700, #FFD700);
 background-image: -ms-linear-gradient(top, #FFD700, #FFD700);
 background-image: -o-linear-gradient(top, #FFD700, #FFD700);
 background-image: linear-gradient(to bottom, #FFD700, #FFD700);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFD700, endColorstr=#FFD700);
}

/* Wait button for shoppers */
.btnwaityellow {
 border:1px solid #FFD700; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:'century gothic'; padding: 7px 30px 7px 30px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #FFD700;
 background-image: url("../shop_image/ezgif.com-resize.gif");
 background-position: center center !important;
 background-size: 27px 27px !important;
 background-repeat: no-repeat;
 FILTER: NONE;
}


/* login and password fields in the blocks for shoppers and agents */
.loginshopper { width: 210px !important }
.passwshopper { width: 210px !important }


/* error message on the login form for shoppers and agents */
#errorlgn, #agenterrorlgn {
	clear:both;
	margin-top:10px !important;
	color:red !important;
	width: 550px !important;
}

/* Login button for travel agents */
.buttonLoginGreen {
border:1px solid #006400; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:'century gothic'; padding: 7px 30px 7px 30px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #006400; background-image: -webkit-gradient(linear, left top, left bottom, from(#006400), to(#006400));
 background-image: -webkit-linear-gradient(top, #006400, #006400);
 background-image: -moz-linear-gradient(top, #006400, #006400);
 background-image: -ms-linear-gradient(top, #006400, #006400);
 background-image: -o-linear-gradient(top, #006400, #006400);
 background-image: linear-gradient(to bottom, #006400, #006400);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#006400, endColorstr=#006400);
}

.buttonLoginGreen:hover{
 border:1px solid #228B22;
 background-color: #228B22; background-image: -webkit-gradient(linear, left top, left bottom, from(#228B22), to(#228B22));
 background-image: -webkit-linear-gradient(top, #228B22, #228B22);
 background-image: -moz-linear-gradient(top, #228B22, #228B22);
 background-image: -ms-linear-gradient(top, #228B22, #228B22);
 background-image: -o-linear-gradient(top, #228B22, #228B22);
 background-image: linear-gradient(to bottom, #228B22, #228B22);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#228B22, endColorstr=#228B22);
}

/* Wait button for travel agents */
.btnwaitgreen {
 border:1px solid #228B22; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:'century gothic'; padding: 7px 30px 7px 30px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #228B22;
 background-image: url("../shop_image/ezgif.com-resize.gif");
 background-position: center center !important;
 background-size: 27px 27px !important;
 background-repeat: no-repeat;
 FILTER: NONE;
}

/* Forgot password link for shoppers and agents */
#dvlnkforgotshp, #dvlnkforgotagent  {
	margin-top:0px;
	margin-left: 250px
}

/* Travel agents click here button inside of shopper block */
#dvbtntaclick {
	margin-left:399px !important;
}

/* Shopper and agent registration forms in the blocks */
#shopperRegFrm, #agentRegFrm {
	margin-top:30px;
}

/* Div with image on the shopper and agent registrations blocks */
#shopperRegImg, #agentRegImg {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px
}

/* Two columns with fields in the shopper reg block */
#shopperFieldsReg { 
	clear:both;
	margin-top: 20px;
}

/* Two columns with fields in the agent reg block */
#agentFieldsReg {
	clear:both;
	margin-top: 0px;
}

/* headers for agents blocks */
#agent_existing_customers, #agent_new_customers { color: #006400 !important }

/* text field with customer number */
.customer_number { width: 200px !important }

/* div with error message when customer number is not valid */
.error_customer_number { margin-top: 5px; margin-bottom: 5px; color: red }

/* text fields with company details and iata number for existing customer number */
.customerdisabled { width:200px; background-color: #f0f0f0 !important }

/* div with account type dropdown box inside of agents block */
#dvagentaccountype { margin-top: 10px }

/* div with customer number field inside of agents block */
#dvagentcustomernumber { margin-top: 10px }

/* text field customer number inside of agents block */
.agent_customer_number { width: 260px !important }

/* div with selected account type image */
#dvagenttypeimage { float: right; margin-right: 200px }

/* error class for fields inside of agent block */
.erroragent {background-color: #FF6666 !important}

/* block with obligatory fields error message inside of agent block */ 
#agentoblig {background-color: #FF6666; width:120px; height:26px; padding-top:6px; padding-left:10px; margin-left:10px; margin-top:10px}

/* message with error if `agree` checkbox is not ticked in the agent block */ 
.agent_please_agree_inside { margin-left:10px;width:280px;height:30px;background-color:green;color:white; padding-left:5px; padding-right:5px; padding-top: 10px; }

/* image to shown when `agree` checkbox is not ticked in the agent block */ 
.agent_agree_img {
	margin-top:5px;
	margin-left: 220px;
}

/* headers for agent block: Company details and Account Administrator */
.agentsubheader {
 font-weight: bold;
 margin-bottom: 5px;
}

/* header with the message `This email corresponds to a travel agent account`: */
.smallgreenhdr {font-size: 14pt}

/* 2016-02-15 (end) */