.openLoginPanel,
.closeLoginPanel
{
	cursor:pointer;
	
}

#topPanel {
    position: absolute ;   /*Panel will overlap  content */
   /* position: relative ;*/   /*Panel will "push" the content down */
    top: 0 ;
    left: 0 ;
    width: 100% ;
    z-index: 999 ;
    text-align: center ;
    margin:-1px auto 0 auto;
    min-width:960px;
	padding:0 0 20px 0;

}

#topPanel a:link,
#topPanel a:visited
{
	color:#ffffff;
}

#topPanelContent {
	width: 100%;
	background:#f5b75d;
	color: #999999 ;
	overflow: hidden ;
	position: relative ;
	z-index: 3 ;
	display: none ;
	padding:0 0 15px 0;
}

#topPanelContent .centralContent {
	width: 940px;
	margin:0 auto;
	padding:15px 10px 0 10px;
}

#topPanel .linkSites {
	float:left;
	width:480px;
	padding:15px 10px;
	border-radius:10px;
	background:#ffffff;
	text-align:center;
}

#topPanel .linkSitesFullWidth {
	width:940px;
}

#topPanel .linkSites img {
	padding:0 10px 10px 10px;
}


#topPanel .loginPanel {
	float:left;
	width:420px;
	margin:0 0 0 20px;
}

#topPanel .registerBox {
	float:left;
	width:200px;
	margin:0 20px 0 0;
}

#topPanel .loginBox {
	float:left;
	width:200px;
}

#topPanel .loginPanel .title {
	text-align:left;
	/* color:#7f4f12; */
	font-size:15px;
	margin:0 0 8px 0;
	font-weight:bold;
}

#topPanel .loginPanel .label {
	text-align:left;
	/* color:#7f4f12; */
	margin:0 0 1px 0;
}


#topPanel .loginPanel .input {
	text-align:left;
	margin:0 0 5px 0;
}

#topPanel .loginPanel .input input[type="text"],
#topPanel .loginPanel .input input[type="password"]
{
	padding:3px;
	border-radius:5px;
	border:1px solid #cccccc;
	width:180px;
}

#topPanel .loginPanel input[type="submit"]
{
	padding:6px 13px 6px 13px;
	cursor:pointer;
}


#topPanel .loginPanel .registerButton
{
	margin:5px 0 5px 0;
}

#topPanel .loginPanel .rememberPassword
{
	/* color:#7f4f12; */
	margin:8px 0 5px 0;
}

#topPanel .loginPanel .rememberPassword label
{
	padding:0 0 0 3px;
}

#topPanel .loginPanel .loginButton
{
	margin:5px 0 5px 0;
}

#topPanel .loginPanel .forgotPassword a:link,
#topPanel .loginPanel .forgotPassword a:visited
{
	text-decoration:none;
}

#topPanel .loginPanel .forgotPassword a:hover
{
	text-decoration:underline;
}

#topPanel .loginPanel .validationErrorMessage
{
	color:red;
	font-weight:bold;
	text-align:left;
}


#topPanel .tab {

	position: relative ;
	top: 0 ;
	z-index: 999 ;
    width:100%;
    min-width:960px;
	 border-top:1px solid #cccccc; 
	margin:-1px 0 0 0;
}

#topPanel .tabContent 
{
	color:#7f4f12;
    position:absolute;
	display:inline;
	background:#f5b75d;
	border-radius:0 0 7px 7px;
	padding:11px 0 10px 0;
	right:50%;
	margin:-1px -460px 0 0;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}


#topPanel .tabContent .link
{
	background:url("https://checkout.hymnsam.co.uk/images/grouploginpanel/tab-link-separator2.png") no-repeat right 1px;
	padding:0 13px 0 13px;
}


#topPanel .tabContent .noSeparator
{
	background:none;
}

#topPanel .tabContent .welcomeText
{
	padding-left:2px;
}


#topPanel .tabContent a:link,
#topPanel .tabContent a:visited
{
    color:#7f4f12;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
}


#topPanel .tabContent a.closeLink
{
	background:url("https://checkout.hymnsam.co.uk/images/grouploginpanel/tab-close-icon.png") no-repeat 0 1px;
	padding:0 0 0 18px;
}


#topPanel .tabContent a.loginLink
{
	background:url("https://checkout.hymnsam.co.uk/images/grouploginpanel/tab-login-icon.png") no-repeat 0 2px;
	padding:0 0 0 20px;
	background-size: 14px 14px;
}

#topPanel .tabContent a.registerLink
{
	background:url("https://checkout.hymnsam.co.uk/images/grouploginpanel/tab-register-icon.png") no-repeat 0 2px;
	padding:0 0 0 18px;
	background-size: 14px 14px;
}

#topPanel .tabContent a.basketLink
{
	background:url("https://checkout.hymnsam.co.uk/images/grouploginpanel/tab-basket-icon.png") no-repeat 0 2px;
	padding:0 0 0 22px;
	background-size: 14px 14px;
}

#topPanel .ipAddress
{
margin:15px 0 0 0;
}

/* Alert box for Thirdway */

#alert-box {
float:left;
width:150px;
margin:15px 10px 0 20px;

}

#alert-box h1 {
color: #eda60c !important;
font-size:90%;
font-family: verdana;
}

#alert-box p {
color: #fff;
font-family: verdana;
font-size:80%;

}

#alert-box a {
font-size:100%;
color:#eda60c;
text-decoration:underline;
font-family: verdana;
}


.qtipChangePassword
{
	width:390px;
    max-width:none;
}

.qtipChangePassword .field
{
	display:table-row;
}

.qtipChangePassword .field .label
{
	display:table-cell;
	padding:0 20px 5px 0;
}

.qtipChangePassword .field .input
{
	display:table-cell;
	padding:0 0 5px 0;
}

.qtipChangePassword .field .value
{
	display:table-cell;
	padding:0 0 5px 0;
}


.qtipChangePassword .changePasswordButton
{
	float:left;
	width:100%;
	text-align:center;
	margin:10px 0 5px 0;
}

.qtipChangePassword input[type=text],
.qtipChangePassword input[type=password],
.qtipChangePassword input[type=file],
.qtipChangePassword textarea,
.qtipChangePassword select
{
    padding:4px;
    border-radius:5px;
    border:1px solid #cccccc;
    -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}