/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 12px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #424242;
		font-weight: 400;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		padding:0;
		margin:0;
		
 }

* { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

/* Top Menu Styling
================================================== */
div.brand_logo
{
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0px 10px;
    width: 35%;
    margin: 0 auto;
    float: left;
    text-align: right;
}

div.brand_menu
{
    float: left;
    margin-top: 50px;
}

div.brand_menu ul
{
    text-align: right;
    list-style-type: none;
    margin-right: 30px;
}

@media screen and (max-width: 1000px) {
  .brand_menu ul {
    display: none;
  }
}

div.brand_menu ul li
{
    display: inline-block;
        font-family: 'azo-sans-web', sans-serif;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        color: #54064D;
        text-align: center;
	padding: 5px 10px;
    float: left;
}

div.brand_menu ul li a
{
        font-family: 'azo-sans-web', sans-serif;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        color: #54064D;
        font-weight: bold;        
        padding: 5px 10px;
        border-radius: 4px;
        text-align: center;

}

div.brand_menu ul li:nth-child(4) a{    
        border: 1px solid #440F3D;
        padding: 10px 9px;
}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #424242;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-weight: 700; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	p { margin: 0 0 20px 0; }
	p img { margin: 0; }

/* #Links
================================================== */
	a, a:visited { color: #820053; text-decoration: underline; outline: 0; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;}
	a:hover, a:focus { color: #000;font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;} }
	p a, p a:visited { line-height: inherit; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;} }

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {	
		padding: 6px 15px; 
		text-transform: normal;
		font-size: 14px; 
		color:#696969; 
		border: 1px solid #696969; 
		background: #f3f3f3; /* Old browsers */
		background: -moz-linear-gradient(top,  #f3f3f3 0%, #e3e3e3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f3f3f3 0%,#e3e3e3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f3f3f3 0%,#e3e3e3 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f3f3f3 0%,#e3e3e3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
		border-radius: 6px;	  
		display: inline-block;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
		line-height: normal;
		font-family: "Trebuchet MS", Arial, sans-serif; 
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active 	{
		color:#333;
		background: #e3e3e3;
	}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 0px; }
	fieldset {
		margin-bottom: 0px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="textfield"],
	textarea,
	select {
		border: 1px solid #696969;
		padding: 2px 4px;
		outline: none;
		font: 14px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #696969;
		margin: 0;
		width: 35%;
		max-width: 100%;
		display: block;
		margin-bottom: 10px;
		background: #fff; 
			border-radius: 6px;
		}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="textfield"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 14px;  }
		
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		
#contMainBox { position: relative; width: 920px; margin: 0 auto; padding: 0; }
* { margin: 0; padding: 0; text-decoration: none; border: none; }
#contMainBox  { text-align: left!important; padding: 20px 0;}
.illu, .content-border, #top-content-border, #bottom-content-border { display: none; }
.lftBx { width:100%; margin:0; padding:0; text-align: left; }
#contMainBox  {}
#contMainBox form { border-radius: 12px; background-clip: padding-box; background: #EBEBEB; padding: 25px 20px;}
.mainCont .additional-link{ padding: 10px 20px;}
.separator-space { clear:both; }
.contBx { margin: 0;  }
.input-field label { width: 140px; } 
.input-field label, .input-field input, .input-field select { display: inline-block; } 
 #cookie {margin: 20px 0 10px 0; clear:Both;}
 #mainBot { padding: 10px 20px; display: none;  }
.tool { margin: -5px 0 0; }
#mainTop { margin-bottom: 20px; padding: 0 20px;}
.input-field {
    float: left;
    width: 46%;
	padding-right: 0%;
	clear:left;
}

#contMainBox form[name=loginform] {
    clear: both;
}


.headline{ font-size: 22px; float: left;} 
 .input-field input[type="text"],
.input-field input[type="password"],
.input-field input[type="email"],
.input-field input[type="textfield"],
.input-field textarea,
.input-field select { width: 60%; }


.message {
    border-left: 1px solid #424242;
    float: right;
    padding-bottom: 20px;
    padding-left: 4%;
    width: 50% !important;
}
.message iframe{ width: 100%!important; }

.one-line-message {
    border-left: 0 solid #424242;
    clear: both;
    float: none;
    padding-bottom:20px;
    padding-left: 0%;
    width: 100% !important;
}

/* right to left layout */
#contMainBox.rtl { text-align: right; }
div.rtl p.input-field, div.rtl div.captcha { float: right; }
div.rtl label { float: right; text-align: left; margin: 0 0 0 10px; }
div.rtl .txtfld { float: right; clear:none; }
div.rtl .button { float: right; margin: 0 0 0 20px; }
div.rtl .additional-link { float:left; margin-right:0;  }

/*Cookie - Law*/
#cookieCompliance-info {width: 100%;}
#cookieCompliance-info * {font-family:Trebuchet MS, Arial,Helvetica,sans-serif; font-size:12px;line-height:1.2em;}
#cookieCompliance-info th {color:#A50050;font-weight: bold;text-align:left;}
#cookieCompliance-info h1 {color:#A50050;font-size:1.6em;margin: 0;padding: 0;}
#cookieCompliance-info h2 {color:#A50050; font-size:1.4em; margin:10px 0 0; padding: 0;}
#cookieCompliance-info table {border-collapse: collapse;border-left:1px solid #CCCCCC;border-top: 1px solid #CCCCCC;width:100%;}
#cookieCompliance-info th, #cookieCompliance-info td {border-bottom:1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding:8px;}
#cookieCompliance-info p, #cookieCompliance-info td {color:#000000;}

/* #Additional - Large Screens beyond 1280px
================================================== */
 
    /* Note: Design for a width of 1280px */
 
    @media only screen and (min-width: 1280px) {
        #contMainBox { width: 1240px; }		
	.input-field input[type="text"],
	.input-field input[type="password"],
	.input-field input[type="email"],
	.input-field input[type="textfield"],
	.input-field textarea,
	.input-field select { width: 50%; }
	}

	 	
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        #contMainBox { width: 728px; }
		.input-field input[type="text"],
		.input-field input[type="password"],
		.input-field input[type="email"],
		.input-field input[type="textfield"],
		.input-field textarea,
		.input-field select { width: 100%; }
		.headline{ float: none;} 

    }

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        #contMainBox { width: 300px; }
		 .input-field input[type="text"],
		.input-field input[type="password"],
		.input-field input[type="email"],
		.input-field input[type="textfield"],
		.input-field textarea,
		.input-field select { width: 100%; }
		.message iframe{ width: 100%!important; }
		.input-field {
			float: none;
			width: 100%;
			padding-right: 0;
		}
		.message {
			border-left: 0px solid #424242;
			border-bottom: 1px solid #424242;
			float: none;
			padding-left: 0;
			width: 100% !important;
		}
    }

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        #contMainBox { width: 420px; }
    }

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.contBx > form:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.contBx > form:before,
.contBx > form:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}