/* CSS Document */

/**************************************************
	MAIN STRUCTURE ELEMENTS
***************************************************/

body {
	font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, san-serif;
	background: #454545 url('/web/ui/sb2/images/right_strip_pattern.png') top center repeat fixed;
}
.wrapper {
	background:url('/web/ui/sb2/images/shadow.png') center 10px no-repeat;
}
.pageWrapper {
	width:968px;
	margin:0 auto; /* main width */
	background-color:#FFF;
	margin-top:20px;
	margin-bottom:20px;
}
.pageWrapper {
	max-width:968px;
	width:auto;
	overflow:hidden;
}
.pageWrapper ul {
	/* list-style-position:inside; */
}

/* Top bar */

#Topbar {
	background-color:#edecec;
	background-color:#c00000;	
	padding:0 10px;
	height:30px;
	overflow:hidden;
}
#Topbar ul {
	list-style:none;
	margin:0;
}
#Topbar ul li {
	display:inline-block;
	font-size:10px;
	margin:8px 0px 6px;
}
#Topbar ul li a, #Topbar ul li a:visited {
	color:#898787;
}
#Topbar ul li a:hover {
	color:#2c2b2b;
	text-decoration:none;
}
#Topbar ul.topbar_links {
	float:right;
}

/* Header, logo and nav */

#Header {
	position:relative;
	height:100px;
}
#Logo {
	float:left;
	margin:35px 0 30px 32px;
}
#Nav {
	float:right;
	padding-right:12px;
}

/* Content */

#HeaderBottom {
	clear:both;
	position:relative;
	border-top:15px solid #edecec;
	padding-bottom:5px;
	background:transparent url('/web/ui/sb2/images/header-shadow.png') repeat-x top left; 
	margin-bottom:-5px;
	z-index:999;
}
#ContentTop {
	height:5px;
	background-color:#d3d2d2;
}
#Content {
	padding:0px 0px 0px 0px;
}
.gradient {
	background:#fbfafa url('/web/ui/sb2/images/section-gradient.gif') repeat-x top left;
}
.contentArea  {
	margin: 0;
	padding: 30px 0; 
	width: 100%;	
	overflow:hidden;
}
.contentArea.Highlighted {
	background:#e7e6e6;
}
.one-fourth, .one-third, .two-thirds, .half-page, .full-page {
	float: left;
	margin: 0 0 0 32px;
	overflow:hidden;
}
.one-fourth { 
	width: 202px; 
}
.one-third, .left-col, .right-col { 
	width: 280px; 
}
.two-thirds	{ 
	width: 592px; 
}
.half-page { 
	width: 436px; 
}
.full-page { 
	width: 904px; 
	float: none;
	overflow:hidden;
}
.left-col {
	float:left;
}
.right-col {
	float:right;
}
.columns {
	overflow:hidden;
}
.sidebar {
	padding-left:20px;
}
@media all and (max-width: 900px) {
    .sidebar{
      display:none;
    }
}

/* Slider */

#Slider {
	position:relative;
	background:#e2e1e1 url('/web/ui/sb2/images/bg-light.png') center bottom no-repeat;
}
#Slider img {
	margin:0;
	padding:0;
	display:block;
}
#Slider.fixed-image img {
	width:auto;
	height:auto;
	max-width:100%;
}
#Slider .shadow {
	position:absolute;
	bottom:0;
	width:100%;
	height:10px;
	left:0;
	background:url('/web/ui/sb2/images/shadow-slider.png') no-repeat top center;
	z-index:10;
}

/* Footer */

#Footer {
	padding:10px 10px 30px;
}

/**************************************************
	MENUS
***************************************************/

#Menu {
	float: right;
	padding: 45px 0px 0 0px;
}
.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style: none;
}
.menu {
	float: left;
}
.menu ul {
	position: absolute;
	top: -999em;
	width: 180px; /* left offset of submenus need to match (see below) */
}
.menu ul li {
	width: 100%;
}
.menu li:hover, .menu li.current {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
	float: left;
	position: relative;
	padding-bottom: 18px;
}
.menu li a {	/* Style of top level menu text */	
	display: block;
	position: relative;
	text-decoration: none;
	border-right: 0px dotted #7f7f7f;
	padding-right: 15px;
	margin-right: 15px;
	letter-spacing: 0.0px;	
	line-height:1.1em;
	font-size:16px;			
	text-transform: uppercase;	
	font-weight: 400;
	color: #878585;
}
.menu li a span {	/* Style of top level menu subtext (if any) */
	display: block;
	color: #aaa;
	font-size: 12px;		
	text-transform:none;
}
.menu li:last-child a {
	border-right: none;
}
.menu li:hover a, .menu li.current a, .menu li:hover a span, .menu li.current a span {	/* Top level hover style */
	color: #333;
}

.menu li:hover ul {	
	left: -10px;	/* Submenu offset */
	top: 30px; 		/* Submenu offset */
	z-index: 9999;
	background: #fff;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-border-radius-bottomleft:3px; 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border: 1px solid #E6E6E6;
	border-top: 1px none #E6E6E6;
	width: 180px;
}
.menu li:hover ul li a {
	border-right: none;
	padding-right: 0px;
	margin-right: 0px;
}	
.menu li:hover li ul {
	top: -999em;
}
.menu li li:hover ul {
	left: 200px; /* match ul width */
	top: 0;
}
.menu li ul li:hover {
	border: none;
}
.menu li:hover ul li {
	padding-bottom: 0px;
}
.menu li ul li a {
	font-size: 0.85em;
	text-transform:none;
	padding: 10px 0;
	margin: 0 10px;
	width: 160px; /* match ul width */
	height: auto;
	border-bottom:1px #eee solid;
}
.menu li ul li a { color: #878585!important; }
.menu li ul li:hover a { color: #333!important; }
.menu li ul li:hover ul li a { color: #878585!important; }
.menu li ul li:hover ul li:hover a { color: #333!important; }
.menu li ul li:hover ul li:hover ul li a { color: #878585!important; }
.menu li ul li:hover ul li:hover ul li:hover a { color: #333!important; }

.menu li:hover ul li:last-child {
	background: none;
	border-bottom: 0px;
}
.last { 
	margin-right: 0%;
}

/**************************************************
	IMAGES
***************************************************/

.banner {
	position:relative;
}
.banner img {
	display:block;
}
.pagebanner {
	display:block;
	margin: 5px 0 30px 0;
}
	
.pictureOverlay {
	background-color:#000;
	position:absolute;
	top:0px;
	right:0px;
	width:300px;
	height:338px;
	opacity:0.8;
}
.bannerCaption {
	padding:30px;
}
#Content .pictureOverlay .bannerCaption h2, #Content .pictureOverlay .bannerCaption p {
	color:#fff;
}
#Content .pictureOverlay .bannerCaption p {
	font-size:1.1em;
}
.imagegallery {
	text-align:left;
}
.imagegallery img {
	padding-top:0;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:10px;
}
img.right {
	padding: 5px 0 5px 20px;
}
img.left {
	padding: 5px 20px 5px 0px;
}

/**************************************************
	TYPOGRAPHY
***************************************************/

p, li, address, dd, blockquote {
	color:#545252;
	font-size:1.1em;
	line-height:1.41em
}
h1, h2, h3, h4, h5, h6, .special-font, .menu>li {
    font-family:'Yanone Kaffeesatz' !important; 
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#8d8c8c;
}
h1, h2, h3, h4, h5, h6, dl, ul, ol {
	margin:0.5em 0 0.6em;
}
p {
	margin:0.5em 0 1.1em;
}
p.leader {
	font-size:1.4em;
	line-height:1.2em;
	color:#808080;
	letter-spacing:-0.2px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	color:#2c2b2b;
}
.pageTitle {
	margin:0 0 10px 32px;
}
#Content h1, #Content h2, #Content h3, #Content h4, #Content h5, #Content h6 {
	color:#454545;
	margin-top:0;
	clear:both;
}
#Content h3 {
	color:#666666;
}
h1 {
	font-size:2.3em
}
h2 {
	font-size:2.154em
}
h3 {
	font-size:1.7em;
}
h4 {
	font-size:1.428em
}
h5 {
	font-size:1em
}
h6 {
	font-size:0.9em
}
a, a:hover {
	text-decoration:none
}
#Nav > ul > li > a {
    font-family: Verdana, Geneva, sans-serif !important; 
}
p, li {
    font-family: Calibri, 'Lucida Sans Unicode', Helvetica, Arial, san-serif !important; 
}

/* Slogan */

#Slogan {
	margin:30px 0 0px 0;
	text-align:center;
	padding:0 0 30px 0;
	background:url('/web/ui/sb2/images/slogan-shadow.png') no-repeat center bottom;
}
#Slogan h1 {
	font-size:2.14em;
	color:#454545;
	padding-bottom:0.3em;
}
#Slogan h3, #Slogan h1.only {
	font-size:1.714em;
	color:#5d5c5c;
}
#Slogan h1, #Slogan h3 {
	margin:0;
	font-weight:normal;
}
#Slogan h1 span, #Slogan h3 span {
	color:#a6a4a4;
}
	
/* Copyright */

#Copyright {
	background-color:#a09f9f;
	background-color:#a09898;	
	overflow:hidden;
}
#Copyright p {
	margin:0;
	padding:13px 20px;
	font-size:11px;
	color:#4d4d4d;
	line-height:27px;
}
#Copyright a, #copyright a:visited {
	color:#000;
	text-decoration:none;
}
#Copyright a:hover {
	color:#fff;
}

/* Links */

a, a:link, a:visited { 
	color:#d00000; 
	text-decoration: none;
}
a:hover, a:active {
	color: #900000; 
	text-decoration: none; 
}
.bannerCaption a, .bannerCaption a:link, .bannerCaption a:visited {
	color:#ddd; 
}
.bannerCaption a:hover, .bannerCaption a:active {
	color:#fff; 
}

/**************************************************
	SIDE NAVIGATION
***************************************************/

#autoSideNav {
	margin: 0 0 40px 0;
}
ul.sideNav {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
ul.sideNav li {
	font-size: 1em;
	display: block;
	padding:0.5em 0 0 0;
	margin: 0 0 0.5em;	
	border-top: 1px dotted #DBDBDC;
	text-decoration: none;
	/* background: url(/web/ui/rir4/images/bullet-ul.png) no-repeat scroll -82px 5px transparent;	*/
}

.sideNav li img {
	vertical-align:middle;
	padding-right: 0.5em;
}
.sideNav li a, .sideNav li a:link, .sideNav li a:visited, .sideNav li a:active	{ 
	color: #6c6c6c;
}
.sideNav li a:hover	{ 
	color: #c00000;		
}
.sideNav li.currentPage a, .sideNav li.currentPage a:link, .sideNav li.currentPage a:visited, .sideNav li.currentPage a:hover, .sideNav li.currentPage a:active { 
	color:#000;
}	
.sideNav li:first-child {
	border-top: 0px; 
}

/**************************************************
	FORMS
***************************************************/

fieldset {
	background-color:#fff;
	padding:10px 0 10px 20px;
}
fieldset legend {
	display:none;
}
.field {
	padding:5px 20px 5px 0px;
	margin-bottom:5px;
	overflow:hidden;
}
fieldset .field span {
	display:none;
}
fieldset .error span {
	display:block;
	color:#e00000;
	margin-top:2px;	
}
.field label {
	display:block;
	margin-bottom:2px;
	color:#606060;
}
.field select {
	padding: 5px 2px;
}
.field.tickbox {
	overflow:hidden;
}
.field.tickbox .label-holder  {
	width:100%;
	float:right;
	margin-left:-30px;
}
.field.tickbox .box-holder  {
	width:30px;
}
.field.tickbox label {
	margin-left:30px;	
}
.field .textInput {
	border-radius:4px;
	background: #E1E2E3 url("/web/ui/sb2/images/inputBg.gif") repeat-x 0 0;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color: #C9CACB #fff #fff #C9CACB;	
	width:250px;
}
.field .wide {
	width: 548px;
}
.field .narrow {
	width: 100px;
}
.field.error .textInput {
	border-color:#f00000;
}
.field.honeypot {
	display:none;
}
label {
	padding-bottom:0.2em;
    font-size: 1.1em;
    line-height: 1.2em;
}

/**************************************************
	BUTTONS
***************************************************/	

a.button, button {
    display: inline-block;
	outline:none;
	cursor:pointer;
	text-align:center;
    text-decoration: none;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-border-radius:0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-box-shadow: 0 1px 2px rgba(130, 130, 130, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(130, 130, 130, 0.2);
    box-shadow: 0 1px 2px rgba(130, 130, 130, 0.2);
    outline: medium none;
	background: #e4e4e4;
	color:#6c6c6c;
	border: 1px solid transparent;
    vertical-align: baseline;
	position:relative;
	margin: 0.5em 1.5em 0.5em 0;
}

a.button:active, button:active {
	top: 1px;
	position: relative;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
} 

a.small, button.small, button {
    font-size: 14px;
    padding: 0.7em 1.5em 0.6em;
}

a.medium, button.medium {
    font-size: 16px;
    padding: 0.8em 1.4em 0.7em;
}

a.large, button.large {
    font-size: 18px;
    padding: 0.8em 1.4em 0.7em;
}

a.align-btn-left, button.align-btn-left {
    float: left;
}

a.align-btn-right, button.align-btn-right {
    float: right;
	margin-right:0px;
}

a.default, button.default, .button {
	color:#858585;
	border: 1px solid rgba(202,202,202,0.5);
	background: #e4e4e4;
    -moz-box-shadow: inset 0 1px 0 rgba(249, 249, 249, 1), 0 1px 2px rgba(130, 130, 130, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(249, 249, 249, 1),0 1px 2px rgba(130, 130, 130, 0.3);
    box-shadow: inset 0 1px 0 rgba(249, 249, 249, 1),0 1px 2px rgba(130, 130, 130, 0.3);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3));
	background: -moz-linear-gradient(top,  #f3f3f3,  #e3e3e3);
  	background: -o-linear-gradient(rgb(243,243,243),rgb(228,228,228));
	position:relative;
}
a.dark, button.dark {
	color:#f1f1f1;
	border: 1px solid rgba(170,170,170,0.1);
	background: #5c5c5c;
    -moz-box-shadow: inset 0 1px 0 rgba(92, 92, 92, 1), 0 1px 2px rgba(130, 130, 130, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(92, 92, 92, 1),0 1px 2px rgba(130, 130, 130, 0.3);
    box-shadow: inset 0 1px 0 rgba(92, 92, 92, 1),0 1px 2px rgba(130, 130, 130, 0.3);
	background: -webkit-gradient(linear, left top, left bottom, from(#6c6c6c), to(#464646));
	background: -moz-linear-gradient(top,  #6c6c6c,  #464646);
  	background: -o-linear-gradient(rgb(78,78,78),rgb(38,38,38));
	position:relative;
}

a.button:hover, button:hover { 
	background: #f3f3f3;
} 
a.dark:hover, button.dark:hover { 
	background: #4d4e4e;
} 
.button-block p {
	margin-top:1.5em;
	margin-bottom:0em;
}
.button-block button, .button-block a.button {
	display:block;
	width: 300px;
	margin-top:10px;
}



/**************************************************
	FAQ TOGGLE
***************************************************/

.toggleset {
	margin:30px 0 0 0;
}
.toggle { 
	margin:0 0 24px; 
} 
.toggle p.tab-index { 
	padding-bottom:16px; 
	margin-bottom:10px; 
	border-bottom:1px solid #d7d7d7; 
}
.toggle p.tab-index a { 
	display:block; 
	background:url('/web/ui/sb2/images/baloon.png') left top no-repeat; 
	padding:0 0 0 32px; 
	cursor:pointer; 
	color:#090909; 
} 
.toggle p.tab-index.tab-opened a { 
	background:url('/web/ui/sb2/images/baloon-active.png') left top no-repeat; 
}
.toggle p.tab-index a:hover { 	
	text-decoration:none; 
}  
.toggle .content-tab { 
	padding:8px 0 0 45px; 
	background:url('/web/ui/sb2/images/toggle-arrow.png') 10px top no-repeat; 
	min-height:35px; 
}
.toggle .content-tab p { 
	font-size:1em; 
	color:#585555; 
}
.toggle .content-tab .arrow { 
	display:none; 
}

/**************************************************
	ICON TEXT
***************************************************/

.icon-text img {
	float:left;
	margin-right:10px;
}
.icon-text h3 {
	clear:none !important;
	float:left;
	border-bottom:0;
	line-height:32px;
	margin:0 0 10px 0px;
}
.icon-text p {
	clear:both;
	margin:0 0 0 45px;
}

/**************************************************
	LIST STYLES
***************************************************/

ul.ticklist, ul.arrowlist {
	list-style:none !important;
	margin:0 0 20px !important;
}
ul.ticklist li {
	padding:10px 0 10px 35px;
	background:url('/web/ui/sb2/images/tick20.png') left center no-repeat;
	line-height:20px;
}
ul.arrowlist li {
	padding:10px 0 10px 35px;
	background:url('/web/ui/sb2/images/arrow-right.png') left center no-repeat;
	line-height:20px;
}

/**************************************************
	MISC
***************************************************/

.registerlogo {
    float: left;
}

/**************************************************
	SWEETALERT FIXER
***************************************************/


.swal_fixer { 
   overflow-y: scroll !important;
   top: 0 !important; 
   bottom: 0 !important; 
   margin-top: 20px !important;
   margin-bottom: 20px !important;
   max-height:1100px;
}
.swal_fixer p { 
	text-align:left !important;
	padding-bottom: 15px !important;
}
.swal_fixer ol {
    margin:0;
    font-size: 0.9em;
}    
.swal_fixer .onumber>li>p {
    font-weight: 700;
}
@media all and (min-width: 800px) {
    .swal_fixer {
      width: 768px;
      margin-left: -384px;
    }
}