@import url('form.css?v=1.1');
@import url('../font/touche-font.css');

@charset "utf-8";
/* Normalisation Adapted from HTML5 Boilerplate 2 (20120508 JX) */
/* =============================================================================
   Base - Customise
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 15px; line-height: 1.538;}
body, button, input, select, textarea { font-family:'Touche-Regular', sans-serif; color: #222; -webkit-font-smoothing: antialiased; }
/* `
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Customize the background color to match your design
 */
::-moz-selection { background: #222; /*dark*/ color: #fff; text-shadow: none; }
::selection { background: #222; /*dark*/ color: #fff; text-shadow: none; }
/* =============================================================================
   Links - Customise
   ========================================================================== */
a 			{ color: #a0a0a0; /*blue*/ text-decoration:none;}
a:visited 	{ color: #a0a0a0; /*blue*/ }
a:hover 	{ color: #4e4e4e; /*green*/ text-decoration:underline; }
a:focus 	{ color: #4e4e4e; /*green*/ outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* CSS3 transitions on links */
a {
	/* Firefox 4 */
	-moz-transition-property:color,background-color,border-color;
	-moz-transition-duration:0.2s;
	-moz-transition-timing-function:ease-in-out;
	-moz-transition-delay:0s;
	/* Safari and Chrome */
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition-property:color,background-color,border-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-delay:0s;
	/* Opera */
	-o-transition-property:color,background-color,border-color;
	-o-transition-duration:0.2s;
	-o-transition-timing-function:ease-in-out;
	-o-transition-delay:0s;
	/*native CSS3*/
	transition-property:color,background-color,border-color;
	transition-duration:0.2s;
	transition-timing-function:ease-in-out;
	transition-delay:0s; }
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: normal; font-family: 'Touche-Bold', sans-serif; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 120%; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; list-style: none;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) { overflow: hidden; }
/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 * 4. Remove default iOS styling (JX20111006)
 * 5. Remove default focus outline styling in webkit browsers (JX20111004)
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-appearance:none; -webkit-border-radius:0px; }
button:focus, input:focus, select:focus, textarea:focus { outline: none; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input { *overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	border: 1px solid #777;
	width: 20px; height: 20px;
	-webkit-appearance: checkbox;
	position: relative;
	left: 1px;

	margin: 0 7px 5px 0;
	top: 3px;
}

select { -webkit-appearance: none!important;}



/* Select Box */
input[type="select"]


input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {  }
/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
  	 Author: MD 20140401
    0. structure - GLOBAL
	1. structure - CONTAINER
	2. structure - HEADER
	3. structure - NAV
	4. structure - BANNER
	5. structure - CONTENT SHELL
	6. structure - MEGAFOOTER
	7. structure - FOOTER
	8. structure - COLUMNS
	9. structure - HEADINGS
	10. structure - SECHEADER
	11. structure - SIDENAV
	12. structure - PAGINATION
	13. common - ICONS
	14. common - BUTTONS
	15. common - FORM
	16. section - HOME
	17. section - NEWS & EVENTS
	18. COMMON ELEMENTS
	19. COMMON STYLES
   ========================================================================== */


/* ================================================================================================== */
/* 0. structure - GLOBAL */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* body */
body {
	margin:0; padding:0;
	color:#222;  background:url(../img/website-bg.jpg) center top fixed no-repeat #187aa8;
	font-size:15px; font-weight:normal; line-height:20px; }

 @media all and (max-width:930px) {
 	body { background-image:none; }
 }
	/* ------------------------------------------------------------------------------ */
	/*blockings*/
	#container, #megaFooter, #footer {
		position:relative; width:100%; height:auto; min-width:300px; max-width:100%; margin:0 auto; padding:0; overflow:hidden; }
		#header, #nav, #banner, #content {
			 width:auto; height:auto; margin:0; padding:0; overflow:hidden; }


/* ================================================================================================== */
/* 1. structure - CONTAINER */
/* ================================================================================================== */
#container { max-width:960px; min-height:1000px; overflow:visible; background-color:#FFF; }
.ie7 #home #container { margin-top:-5px; }

#home #container { max-width:1200px; min-height:1000px; overflow:visible; background-color:transparent;

margin-top: -13px;
}

#home .segment { width:80%; padding:35px 10% 50px; margin:0 auto; display:block; position:relative;}
#home .segment#seg-04 { padding:35px 10% 10px; }

#home .segment#seg-01,
#home .segment#seg-03{ background-color:#F1F2F2; }
#home .segment#seg-02{ background-color:#ffffff; }
#home .segment#seg-04{ background-color:#CCC; }

#home .segment#seg-01 h1 {
	font-family: 'Touche-Regular', sans-serif;
	font-size:24px;
	line-height:31px;
	color:#064787;
	text-align:center;
	font-weight:normal;
	width: 600px;
	margin:0 auto 30px;
}
 @media all and (max-width:930px) {
 	 #home .segment#seg-04{ padding:35px 2% 8px; width: 96%; }
	 #home .segment{ padding:20px 2% 10px;width: 96%; }
	 #home .segment#seg-03{ padding:0px 0% 50px;width: 100%; }
 }
 @media all and (max-width:740px) {
 	 #home .segment#seg-04{ padding:15px 2.5% 8px; }
	 #home .segment#seg-02 { padding-bottom:2px; }
 }
/* ================================================================================================== */
/* 2. structure - HEADER */
/* ================================================================================================== */
#headerWrapper{
	position: relative;
	display:block;
	width:100%;
	max-width:1200px;
	max-height:none;
	margin:0 auto;
	height:auto;
	background-color:#fff;
}

	#header{
		display:block;
		max-width:none;
		margin:0 0 0 9%;
		z-index:20;
	}

	img#crest {
		display:block;
		position:relative;
		max-width:229px;
		width:100%;
		height:auto;
		margin:0;
		padding: 20px 0 30px 0;
		/*transition*/
		-webkit-transition:margin 0.4s ease-in-out;
		-moz-transition:margin 0.4s ease-in-out;
		-o-transition:margin 0.4s ease-in-out;
		transition:margin 0.4s ease-in-out;
		z-index: 0;
	}

	#mobileHead{
		width:100%;
		height:50px;
		background-color:#074886;
		position:relative;
		display:block;
		z-index:100;
		display:none;
	}



	img#crestMobile {
		display:inline;
		position:relative;
		margin:0 0 0 5px;
		width:150px;
		height:auto;
		/*transition*/
		-webkit-transition:margin 0.4s ease-in-out;
		-moz-transition:margin 0.4s ease-in-out;
		-o-transition:margin 0.4s ease-in-out;
		transition:margin 0.4s ease-in-out;
		z-index: 20;
	}

/*Search box*/
#headerWrapper .searchWrapper {
	position:absolute;
	top:40px;
	display:inline-block;
	width:353px;
	padding:5px 0px 10px;
	right:100px;
}


/*Tel box*/
#headerWrapper .telWrapper {
	font-family: 'Touche-Regular', sans-serif;
	position:absolute;
	top:20px;
	display:inline-block;
	width:auto;
	padding:0;
	right:100px;
	/*background-color:#f4f4ea;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;*/
	color: #131F6B;
	font-size: 16px;
	line-height: 16px;
}
#headerWrapper .telWrapper a {color: #064787!important; text-decoration: none!important; cursor: pointer;}
#headerWrapper .telWrapper a:hover {opacity: 0.9}


#headerWrapper form#headersearch {
	position:relative;
	height:45px;
	overflow:hidden;
	z-index:20;
}

#headerWrapper form#headersearch label {
	position:relative;
	margin-top:6px;
	color:#8e8e80;
	font-weight:normal !important;
}

#headerWrapper form#headersearch input {
	position:absolute;
	top:0;
	padding:7px 10px 4px;
	width: 244px;
	height:20px;
	left:55px;
	font-size:10px;
	line-height:1em;
	background-color:#F1F2F2;
	font-size:14px;
	color:#919396;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border:0px solid #F1F2F2;
}

#headerWrapper form#headersearch #btnsubmit {
	position:absolute;
	left: 320px;
	padding:0px;
	width:30px;
	height:31px;
	border:none;
	top:0;
	cursor:pointer;
	background-color:none;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

#headerWrapper form#headersearch .rollover:hover #btnsubmit {
	background-color:#F1F2F2;
}


#headerWrapper form#headersearch .icon{
	color:#919396; font-size:16px;
	position:absolute;	 top:7px; right:9px;
	cursor:pointer;
}

::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;
}

:-ms-input-placeholder {
   color: #ccc;
}

/* ------------------------------------------------------------------------------ */
/* nav responsive */
@media only screen and (max-width:1160px) {
  #header { margin: 0 0 0 0%; }


	img#crest {
		max-width:200px;
		padding: 20px 0 50px 30px;
	}

	#topNav {
		margin-top: -142px!important;
	}

	#navItems {
		margin-top: -5px!important;
	}

}

@media only screen and (max-width:930px) {
	#mobileHead{ display:block; }
	#header {
			display: none;
			max-width: 99px;
			margin: 0 0 0 100px;
			}
	#headersearch{
		display:none;
	}
}
@media only screen and (max-width:768px) {
	#home .segment#seg-01 h1 { width:80%; font-size: 21px; line-height: 30px; }
}
@media only screen and (max-width:580px) {
	img#crest { width:100%; margin: -9px 0 0; }
	#headerWrapper { position:relative; }
	#header { height: 107px; }
}
@media only screen and (max-width:480px) {
	img#crest { margin: -1% 0 0; }
}
@media only screen and (max-width:380px) {
	img#crest { margin: 3% 0 0; }
	#home .segment#seg-01 h1 { font-size: 18px; line-height: 22px; }
}

/* ================================================================================================== */
/* 4. structure - BANNER */
/* ================================================================================================== */
#pushContainer{
	margin-top:-173px;
}

 #home #banner,
 #banner{
	max-width:1200px; width:auto !important;
	display:block;
	margin:0 auto; overflow:hidden; background-color:#333; height:auto; background-image:none;
	z-index:10;
 }
  /* ------------------------------------------------------------------------------ */
  /* global */
  #banner{
	display:block;
    left: 0;
    margin-top: 0;
    overflow: visible;
    position: relative;
    right: 0;
    width: 100%;  height:320px;
	background:url(../img/banner-about-us.jpg) center 0 no-repeat #FFF;

	background-position: center top;

	}
	.ie9 #banner,
	.ie7 #banner{ margin-left:50%; left:-600px; width:100% !important; }
	.ie9 #home #banner,
	.ie7 #home #banner{ margin-left:auto; left:auto; }


	#imgMobile{ display:none; position:absolute; left:0; right:0; width:100%; height:294px; overflow:hidden;}
	#imgMobile img{ position:absolute; left:0; right:0; width:600px; height:auto; top:0; left:-300px; margin-left:50%;}


 	body.sec101 #banner{ background-image: url(../img/banner-about-us.jpg); }
 	body.sec102 #banner{ background-image: url(../img/banner-higher-education.jpg); }
 	body.sec103 #banner{ background-image: url(../img/banner-short-courses.jpg); }
 	body.sec106 #banner{ background-image: url(../img/banner-student-support.jpg); }
 	body.sec104 #banner{ background-image: url(../img/banner-econference.jpg); }
 	body.sec105 #banner{ background-image: url(../img/banner-books-dvds.jpg); }
 	body.sec107 #banner{ background-image: url(../img/banner-news-events.jpg); }
 	body.sec109 #banner{ background-image: url(../img/banner-library.jpg); }
 	body.sec110 #banner{ background-image: url(../img/banner-contact-us.jpg); }

  /* ------------------------------------------------------------------------------ */
  /* home */
   #home #banner{ position:relative;  }
   #home #banner #slideshowHome .placeholder{
	   width:1300px; height:375px;
   }

   #home #banner #slideshowHome,
   #home #banner #slideshowHome .placeholder,
   #home #banner #slideshowHome .slide,
   #home #banner #slideshowHome .slide img {
    display: block;
    height: auto !important;
    width: 100% !important;
	}


/* ------------------------------------------------------------------------------ */
 /* Captions */
 	#home #banner #caption{
		position:absolute;
		display:block;
		padding:40px;
		top:10%; right:8%;
		width:320px; height:60%;
		z-index:10;
		background-color: rgba(15,19,23,0.9);
		overflow: hidden;

background-color: #FFF;
	}

	.oldie #home #banner #caption{ background-color:#0f1317; }

	#banner #caption .heading {
		color: #FFFFFF;
		display: block;
		font-family: 'Touche-Regular', sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		height: auto;
		line-height: 35px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: left;
		text-transform: uppercase;
		width: auto;
	}

	#banner #caption .detail {
		display:block !important;
		color: #131F68;
		font-family: 'Touche-Bold', sans-serif;
		text-transform:uppercase;
		font-size: 34px;
		line-height: 36px;
		margin: 0;
		overflow: visible;
		padding: 0;
		position: relative;
		text-align: left;
		text-transform: none;
	}


	#banner #caption .msg {
		display:block;
		color: #919396;
		font-family: 'Touche-Regular', sans-serif;
		font-size: 14px;
		font-weight: normal;
		line-height: 17px;
		margin:20px 0 30px;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: left;
		text-transform: none;
	}
	#banner #caption .btnBox .hide {  display:inline-block; }
	#banner #caption .btnBox{ display:block !important; max-width: 90px; clear:none !important; float:none !important; position:relative; position:relative !important; }

	#banner #caption .btnBox{ display:inline-block !important; max-width: none; clear:both !important; }

	 @media all and (max-width:930px) {
	 	#home #banner #caption { padding:30px; height:65%; width:340px; }
		#banner #caption .detail { font-size:30px; line-height:32px; }
		#banner #caption .msg { margin: 10px 0 10px; }
	 }


	 /* Banner image move left so right sided images don't get cut off */
	 @media all and (max-width:730px) {
	 	#banner{
	 		height: 250px;
	 		background-size: auto 200px;
	 		background-position: top center;
	 	}
	 }




	 @media all and (max-width:700px) {
	 	#home #banner #caption {
			position:relative;
			padding: 5%;
			top: auto;
			right: 0;
			bottom: 0;
			width: 90%;
			height: auto;
		}
		#banner #caption .detail{ font-size:28px; }
		#banner #caption .msg{ display:none !important; }
		#banner #caption .detail{ display:inline-block !important; vertical-align:top; width:60%;  }
		#banner #caption .btnBox{ display:inline-block !important; right:20px; top:30px; float:right !important; vertical-align:top; clear:right !important; position:absolute !important;}
		#banner #caption .btnBox .hide,
		body#home #slideshowControls { display:none; }
	 }
	 @media all and (max-width:480px) {
	 	#banner {
			height:180px;
			background-size: 480px auto;
		}
		.oldie #banner {
			height:300px;
		}
	 }


/* ------------------------------------------------------------------------------ */
 /* Slideshow controlers */
	body#home #slideshowControls {
		position: absolute;
		bottom: 20px;
		width: auto;
		z-index: 99;
		right:15px;
	}
	body#home #slideshowControls .btnSlide {
		background-color:rgba(199,200,202,0.4);
		display: inline-block;
		height: 10px;
		width:10px;
		margin: 0 4px;
		padding: 0;
		text-align: center;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	body#home #slideshowControls .btnSlide.activeSlide,
	body#home #slideshowControls .btnSlide:hover {
		background-color:rgba(199,200,202,1);
	}
	body#home #slideshowControls .btnSlide span {
		display: none;
		text-align: left;
		text-indent: -999em;
	}
	.ie7 body#home #slideshowControls .btnSlide span {
		display: inline-block;
	}

@media only screen and (max-width:1330px) {
 	.ie9 #banner,
 	.ie7 #banner{ margin-left:50%; left:-50%; }
}
@media only screen and (max-width:930px) {
	#pushContainer{ margin-top:0; }
	#container,
	#banner{ z-index:50; }
}
@media only screen and (max-width:780px) {
	#home #banner #slideshowHome .placeholder ,
	#home #banner #slideshowHome .slide img { width:150% !important; margin-left:-25%; }
}
/* ================================================================================================== */
/* 5. structure - CONTENT SHELL */
/* ================================================================================================== */
/* container */
#home #content { margin:0; max-width:1200px; border:none; background:none;  }
#contentWrapper{ width:100%; max-width:1200px; display:block; background-color:#fff; margin:0 auto; }
#content { background:#ebeae9; border:1px solid #fff; margin:0 auto 0; max-width:980px; margin-bottom: 0; background-color:#FFF; overflow:hidden; position:relative; }
/*.ie7 #content { border-top: transparent solid 240px; border-color:transparent; }*/
#content .sideBg{ background-color:#efefef; width: 26%; position:absolute; height:100%; display:block; top:0; left:0; }

	/* ------------------------------------------------------------------------------ */
	/* common */
	#main,
	#aside { margin:0; height:auto; overflow:hidden; }

	/* ------------------------------------------------------------------------------ */
	/* main (left column) */
	#main { position:relative; width:64.7%; padding:5% 3.3% 3% 5%; float:right; clear:right; min-height: 500px; right:1.2%;}
	/* ------------------------------------------------------------------------------ */
	/* main (landing) */
	body#lp #main { position:relative; width:100%; padding:3% 0 4%; float:none; clear:both; min-height: 500px; right:0;}

	/* main (shop) */
	body#shop #content { max-width: 100%;}

	/* main (full width) */
	body.full-width #main {
		width: 100%;
		padding-left: 0; padding-right: 0;
		right: 0;
	}


	body#shop #main { position:relative; width:100%; padding:0 0; float:none; clear:both; min-height: 100%; right:0;}
	body#shop .colFull {max-width: 980px; margin: 2% auto;}
	.touch #main { background:none; }

		/* shade */
		#main .shade {
			top:-100px; right:0;
			/*style*/background:rgba(0,0,0,0.05);
			/*box-shadow*/-webkit-box-shadow:0px 0px 260px 260px rgba(0,0,0,0.05); box-shadow:0px 0px 260px 260px rgba(0,0,0,0.05); }

	#sideColumn{ width:1%; height:100%; display:block; background-color:#999; position:absolute; float:right; clear:right; right:0; }

	/* ------------------------------------------------------------------------------ */
	/* aside (right column) */
	#aside {
		position:relative; width:26%; padding:29px 0 0 0; float:left; clear:left;
	}

		/* ------------------------------------------------------------------------------ */
		/* shade */
		#aside .shade {
			top:0; left:0;
			/*style*/background:rgba(0,0,0,0.05);
			/*box-shadow*/-webkit-box-shadow:0px 0px 180px 180px rgba(0,0,0,0.05); box-shadow:0px 0px 180px 180px rgba(0,0,0,0.05); }

/* Aside custom link */
.custom-side-link a {
	padding: 19px 0;

	background: rgba(19,31,107,0.9);

	margin: 10px 0;
	color: #FFF;
	font-family: 'Touche-Bold', sans-serif !important;
	font-size: 19px;
	width: 250px;
	display: block;

	-webkit-transition-duration: 0s; -moz-transition-duration: 0s;transition-duration: 0s;

}

.custom-side-link a:hover { text-decoration: none; background: rgba(19,31,107,1);}

.side-icon {
  background-image: url("../img/side-link-icons.png");
  display: block;
  float: left;
  height: 35px;
  margin: -8px 13px 0 13px;
  width: 35px;
}

.side-enquiry .side-icon { background-position: 0 0;}
.side-suscribe .side-icon { background-position: 0 -35px;}
.side-econference .side-icon { background-position: 0 -70px;}
.side-apply .side-icon { background-position: 0 -105px;}
.side-fb .side-icon { background-position: 0 -140px;}

@media only screen and (max-width:980px) {
	.side-icon { display: none;}
	.custom-side-link { width: 95%; margin: auto;}
	.custom-side-link a { padding-left: 20px; width: 90%;}
}


/* ------------------------------------------------------------------------------ */
/* content responsive */
@media only screen and (max-width:800px) {
	#content .sideBg{ display:none; }
	/* main */
	body#lp #main,
	#main { width:95%; margin:0; padding:4% 2% 3% 4%; float:none; clear:both; }
	/* aside */
	#aside { width:auto; padding:0; float:none; clear:both;  }

	#sideColumn{ display:none; }
}

@media only screen and (min-width: 540px) and (max-width: 800px) {
	body#lp #main,
	#main { padding-left:3%; padding-right:3%; }
}
@media only screen and (max-width: 540px)  {

	body#home #content #newsListing .newsItem .padder { padding: 2.5% 46px 2.5% 4%; }

	body#lp #main,
	#main { min-height: 420px; }
}



/* ================================================================================================== */
/* 6. structure - MEGAFOOTER */
/* ================================================================================================== */
#megaFooter{
	width:100%;
	max-width:1200px;
	min-height:129px;
	background:url(../img/bg-pattern-sqr-20pc.png) repeat #21282d;

	background: #6D6E71;
}
/* ================================================================================================== */
/* 7. structure - FOOTER */
/* ================================================================================================== */
#megaFooter #footer{
	max-width:940px;
	width:100%;
	height:auto;
	margin:20px auto 0;
	padding:0 20px 0;
}
	#megaFooter #footer ul.contactInfo{ width:100%; list-style:none; margin:0; padding:0; height:auto; }
	#megaFooter #footer ul.contactInfo li{ display:inline-block;*display: inline; width:auto;  float:left; margin:0 10px 10px 0;}
	.ie7 #footer ul li{ float:left; }
	#megaFooter #footer p{
		font-family:'Touche-Regular', sans-serif; font-weight:normal; font-size:12px;
		color:#fff; line-height:16px; padding:0; margin-bottom:15px; margin:0; width:auto;
	}
	#megaFooter #footer p.title {  font-size:13px; margin-bottom:10px; line-height:20px; font-family: 'Touche-Regular', sans-serif;  color:#FFF;}
/* footerLinks */
	#footerLinks, #footerLinks li {
		position:relative; margin:0; padding:0; color:#fff;
		font-family: 'Touche-Regular', sans-serif; font-size:11px; font-weight:normal; line-height:13px; }
	#footerWrapper{ background-color:; display:block; position:relative; width:100%;

		background: #6D6E71;
	}
	#footerLinks { width:100%; max-width:940px; margin:0 auto;  height:40px; overflow:hidden;  padding:0 20px;}
	#footerLinks li { margin-top:13px; padding:0 8px 0 ; border:none; }
	#footerLinks li:first-child { padding-left:0; }

		/* link */
		#footerLinks li a { color:rgba(255,255,2550.8); text-decoration:none; }
		#footerLinks li a:hover,#footerLinks li a:focus { color:#fff; text-decoration:underline; }

		/* btnFW */
		#footerLinks #btnFW { position:absolute; top:5px; right:3%; width:130px; height:20px; margin: 4px 0 0; padding:0; border:none; }
			#footerLinks #btnFW a {
				width:100%; height:20px; margin:0; padding:0; background:url(../img/btn-fw.png) 0 0 no-repeat;
				/*transition*/
				/*-webkit-transform:translate3d(0,0,0);*/
				-webkit-transition:opacity 0.3s ease-in-out;
				-moz-transition:opacity 0.3s ease-in-out;
				-o-transition:opacity 0.3s ease-in-out;
				transition:opacity 0.3s ease-in-out;
				/*opacity*/opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=50); }
			#footerLinks #btnFW a:hover,#footerLinks #btnFW a:focus {
				/*opacity*/opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }

#megaFooter hr{ clear:both; width:100%; max-width:960px; padding: 0; margin:0; }

/* ------------------------------------------------------------------------------ */
/* interaction */
.no-touch #megaFooter #footer a:hover,
.no-touch #megaFooter #footer a:focus,
.touch #megaFooter #footer a:active { color:#009ae0; }


/* ------------------------------------------------------------------------------ */
/* pods */
.contactInfo{
	display:inline-block;
	position:relative;
	margin:20px 20px 40px 0;
}
.contactInfo.box2{ border-left:0px solid #333a40;padding-left:20px; }
.contactInfo { font-family: 'Touche-Regular', sans-serif; font-size:13px; line-height:19px; color:#fff; }
.contactInfo b{ font-family: 'Touche-Bold', sans-serif; }
.contactInfo a{ color:#fff;  }
.oldie .contactInfo{ *display:inline; }

/* ------------------------------------------------------------------------------ */
/* Share buttons */
#sharePodBot{
	display:inline-block;
	width:255px;
	height:57px;
	margin:20px auto 0;
	position:absolute;
	float:right;  right:0;
	top:0;
	}
.oldie #sharePodBot{ *display:inline; }

#sharePodBot a{
	top:0;
	display:block; float:left;
	position:relative;
	width:40px; margin-right:10px;
	/*transition*/
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	}
#sharePodBot .icon{
	display:inline-block;
	position:relative;
	width:19px; height:19px; margin:0 10px 0 0;
	font-size:19px; color:color: rgba(255,255,255,0.8); text-align:center;
	right:0; padding:10px;
	background-color:none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}
/* ------------------------------------------------------------------------------ */
/* interaction */
.no-touch #sharePodBot a:hover,
.no-touch #sharePodBot a:focus,
.touch #sharePodBot a:active { top:-2px; }

.no-touch #sharePodBot a:hover .icon,
.no-touch #sharePodBot a:focus .icon,
.touch #sharePodBot a:active .icon { background-color:none; color: rgba(255,255,255,1); }


/* ------------------------------------------------------------------------------ */
/* responsive container */
@media only screen and (max-width:960px) {
	#megaFooter #footer{ width:100%; padding:0; }
	#sharePodBot{ margin-right:20px;}
	.contactInfo.box1{ margin-left:20px;}
	#footerLinks #btnFW{ right:80px; }
}
@media only screen and (max-width:780px) {
	.contactInfo { font-size:14px; }
}
@media only screen and (max-width:730px) {
	.contactInfo { display:block; float:none; margin-top:16px; margin-bottom:0; }
	.contactInfo.box2{ border-left:0px;}
	#sharePodBot { display:block; float:none; margin-left:20px; margin-top:25px; margin-bottom:35px; clear:both; position:relative; }

	#footerWrapper	{ background-color:transparent; }
	#footerLinks	{ width:100%; height:auto; padding:0 0 0 20px;  }
	#footerLinks li { margin:0px 0 10px; }
	#footerLinks #btnFW {
						display:block;
						float:none;
						clear:both;
						position:relative;
						right:auto; left:0;
						padding:20px 0 20px 20px;
						width:100%;
						background-color:#161a1e;
						margin-left:-20px; }
}
@media only screen and (max-width:430px) {
	#footerLinks li.break { display:block; clear:both; padding-left:0; }
}

/* ================================================================================================== */
/* 8. structure - COLUMNS */
/* ================================================================================================== */
/* ------------------------------------------------------------------------------ */
/* columns common */
#main .colFull,
#main .col2a,
#main .col2b,
#main .col3a,
#main .col3b,
#main .col3c { position:relative; height:auto; margin:0 0 0 0; padding:0; overflow:hidden; }

/* ------------------------------------------------------------------------------ */
/* contentViewport */
#main .contentViewport { width:auto; }

/* ------------------------------------------------------------------------------ */
/* colFull */
#main .colFull { width:auto; float:none; clear:both; }

/* ------------------------------------------------------------------------------ */
/* col2 */
#main .col2a,
#main .col2b { width:47%; }
#main .col2a { float:left; clear:left; }
#main .col2b { float:right; clear:right; }

/* ------------------------------------------------------------------------------ */
/* col3 */
#main .col3a,
#main .col3b,
#main .col3c { width:29.6%; }
#main .col3a { float:left; clear:left; }
#main .col3b { float:left; clear:none; padding-left:5.6%; }
#main .col3c { float:right; clear:right; }

/* ------------------------------------------------------------------------------ */
/* columns responsive */
@media only screen and (max-width:480px) {
	/* ------------------------------------------------------------------------------ */
	/* make col3 stacking */
	#main .col3a,
	#main .col3b,
	#main .col3c { width:auto; padding-left:0; float:none; clear:both; }

}
@media only screen and (max-width:400px) {
	/* ------------------------------------------------------------------------------ */
	/* make col2 stacking */
	#main .col2a,
	#main .col2b { width:auto; float:none; clear:both; }

}


/* ================================================================================================== */
/* 9. structure - HEADINGS */
/* ================================================================================================== */

/* ================================================================================================== */
/* 10. structure - SECHEADER  */
/* ================================================================================================== */
/* ------------------------------------------------------------------------------ */
/* container */
body.fullPage #secHeader {
	/*layout*/position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
	/*style*/color:#fff;   }

#secHeader{
	display:block; position:absolute;
	padding: 20px;
	background-color:#0a121d;
	bottom:50px; left:9%;



	background: rgba(19,31,107,0.7);
}
#secHeader h2{
	/*text*/font-family: 'Touche-Bold', sans-serif; font-size:30px; font-weight:normal; line-height:40px;
	width:auto;	padding:0; margin:0; color:#FFF; width:100%;
	text-shadow:0 -1px 0 rgba(0,0,0,0.3);
}
@media only screen and (max-width: 1024px){
	#secHeader { left:3%; }
}
@media only screen and (max-width:930px) {
	#secHeader { width:100%; bottom:0; left:0; height:auto; padding: 0;
				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px; }
	#secHeader h2{ padding:10px; position:relative; width:90%; }
}

/* ================================================================================================== */
/* 11. structure - SIDENAV */
/* ================================================================================================== */
 #sideNav { position:static; list-style:none; margin:0; padding:0; width:auto; height:auto; overflow:hidden; }

	/* ------------------------------------------------------------------------------ */
	/* btnDrillDown */
	#sideNav .icon {
		display:none; position:absolute; top:10px; left:0px; width:5px; height:10px; margin:0; overflow:hidden;
		color:#65655a; line-height:10px;  width: 8px; font-size:6.2pt; }

	#sideNav li li.first-child a .icon { top:4px; }

	#sideNav a:hover .icon,
	#sideNav a:focus .icon { color:#9b9b8f; }
	#sideNav li .selected .icon { color:#2a2a2a; cursor:default!important; }
	#sideNav li li .icon { display:block; }

	#sideNav li li li.first-child a .icon { top: 11px;}

	/* ------------------------------------------------------------------------------ */
	/*level 1 nav items*/
	#sideNav li {
		/*layout*/position:relative; margin:0; padding:0; width:100%;
		/*style*/color:#444; border-bottom:1px solid #dadad2;
		/*text*/font-size:15px; font-weight:normal; line-height:21px; }
	#sideNav li:first-child { border-top:none; }

		/* IE7 extra bottom gap fix */
		.ie7 #sideNav li { line-height:15px; vertical-align:bottom; }

		/* ------------------------------------------------------------------------------ */
		/*level 1 links*/
		#sideNav li a,
		#sideNav li a:link,
		#sideNav li a:active,
		#sideNav li a:visited {
			/*layout*/display:block; position:relative; width:auto; margin:0; padding:15px 20px 13px 20px;
			/*style*/color:#65655a; text-decoration:none; }

		/*level 1 links interaction*/
		#sideNav li a:hover,
		#sideNav li a:focus { color:#131F6B; /*background:#dedcda;*/ }

	/* ------------------------------------------------------------------------------ */
	/*level 1 selected*/
	#sideNav li.selected { background-color:#f5f5ed; border-bottom-color: #f5f5ed; }
	#sideNav li.selected a { color:#2a2a2a; cursor:pointer; font-weight:normal;}
	#sideNav li.selected a:hover,
	#sideNav li.selected a:focus { color:#131F6B; }
	#sideNav li.selected a.selected,
	#sideNav li.selected a.selected:hover,
	#sideNav li.selected a.selected:focus { color:#131F6B; cursor:default; }

	/* ------------------------------------------------------------------------------ */
	/*level 2 nav items*/
	#sideNav li ul { display:none; padding:0 20px 0 24px; }
	#sideNav li.selected ul { display:block; }

	/*level 2 items normalize*/
	#sideNav li ul,
	#sideNav li li,
	#sideNav li li.selected,
	#sideNav li li a,
	#sideNav li li.selected a,
	#sideNav li li.selected a.selected { margin:0!important; list-style:none!important; border:none!important; background:none; }

	/*level 2 item*/
	#sideNav li li { padding:0; width:100%; text-shadow:none; font-size:15px; line-height:16px; }
	#sideNav li li.last-child { padding-bottom:10px; }
	#sideNav li li:last-child { padding-bottom:10px; }

	/* IE7 fix */
	.ie7 #sideNav li li { line-height:13px; }

		/*level 2 links*/
		#sideNav li li a,
		#sideNav li li a:link,
		#sideNav li li a:active,
		#sideNav li li a:visited { color:#65655a; width:auto; padding:7px 0 7px 14px;  background:none!important; cursor:pointer!important; font-size: 15px; line-height:18px; }
		#sideNav li li.first-child a { padding-top:0; }
		#sideNav li li:first-child a { padding-top:0; }
		/*level 2 links - interaction*/
		#sideNav li li a:hover,
		#sideNav li li a:focus { color:#9b9b8f!important; }
		#sideNav li li.selected .icon,
		#sideNav li li.selected a,
		#sideNav li li.selected a:hover
		#sideNav li li.selected a:focus { color:#131F6B!important; cursor:default!important; }


		#sideNav li.selected li.selected li .icon { color: #65655a!important;}


		/*level 3 links*/
		#sideNav li li li a,
		#sideNav li li li a:link,
		#sideNav li li li a:active,
		#sideNav li li li a:visited { color:#65655a!important; width:auto; padding:7px 0 7px 14px;  background:none!important; cursor:pointer!important; font-size: 15px; line-height:18px; }
		/*level 3 links - interaction*/
		#sideNav li li li a:hover,
		#sideNav li li li a:focus { color:#9b9b8f!important; }
		#sideNav li li li.selected .icon,
		#sideNav li li li.selected a,
		#sideNav li li li.selected a:hover
		#sideNav li li li.selected a:focus { color:#131F6B!important; cursor:default!important; }
/* ------------------------------------------------------------------------------ */
/* sideNav responsive */
@media only screen and (max-width:800px) {

	/* ------------------------------------------------------------------------------ */
	/* switch style */
	#main{background-image:none;}

	#sideNav { width:100%; margin:0;}
	/* ------------------------------------------------------------------------------ */
	/* btnDrillDown */
	#sideNav li li a .icon,
	#sideNav li li.first-child a .icon { top:13px; }
	#sideNav li li:first-child a .icon { top:11px; }

	/* ------------------------------------------------------------------------------ */
	/*level 1 nav items*/
	#sideNav li { color:#777777; border:none; font-family:'Touche-Regular', sans-serif; font-size:15px; background-color:#f5f5ed; }
	#sideNav li:first-child { border-top:none; }
	#sideNav li.selected { background-color:#01abff;  }
		/* ------------------------------------------------------------------------------ */
		/*level 1 links*/
		#sideNav li a,
		#sideNav li a:link,
		#sideNav li a:active,
		#sideNav li a:visited {
			padding:13px 2%;
			color:#333333;
			border-top:1px solid #c8c8c1; border-bottom:0px solid #054177; }

		/*level 1 links interaction*/
		#sideNav li a:hover,
		#sideNav li a:focus,
		.touch #sideNav li a:active {
			color:#000; background-color:#f5f5ed; }

	/* ------------------------------------------------------------------------------ */
	/*level 1 selected*/
	#sideNav li.selected a,
	#sideNav li.selected a:hover,
	#sideNav li.selected a:focus { color:#FFF; background-color: #01abff;}
	#sideNav li.selected a.selected,
	#sideNav li.selected a.selected:hover,
	#sideNav li.selected a.selected:focus,
	.touch #sideNav li.selected a.selected:active {
		color:#fff; border-top-color:#484848; border-bottom-color:#484848; border-top:0;  }




	/* ------------------------------------------------------------------------------ */
	/*level 2 nav items*/

	/*level 2 item*/
	#sideNav li ul { padding:0 2% 10px; margin-top:-5px !important; }
	#sideNav li li { font-family:'Touche-Regular', sans-serif; font-weight:normal;  }
	#sideNav li li.last-child { padding-bottom:0px; }
	#sideNav li li:last-child { padding-bottom:0px; }

		/*level 2 links*/
		#sideNav li li.first-child a { padding-top:11px; }
		#sideNav li li:first-child a { padding-top:11px; }

		#sideNav li.selected li.selected a .icon,
		#sideNav li li a,
		#sideNav li li a:link,
		#sideNav li li a:active,
		#sideNav li li a:visited	{ color:#fff !important; }

	#sideNav li li a .icon { top: 9px; display:none; }
	#sideNav li.selected li.selected a .icon { display:block; }


	#sideNav li li li a,
	#sideNav li li li a:link,
	#sideNav li li li a:active,
	#sideNav li li li a:visited { color:#FFF!important;}
	/*level 3 links - interaction*/
	#sideNav li li li.selected .icon,
	#sideNav li li li.selected a,
	#sideNav li li li a,
	#sideNav li li li.selected a:hover,
	#sideNav li li li.selected a:focus { color:#FFF!important; cursor:default!important; }

}
@media only screen and (max-width:600px) {

	/* ------------------------------------------------------------------------------ */
	/* update side gaps */
	#sideNav li a,
	#sideNav li a:link,
	#sideNav li a:active,
	#sideNav li a:visited,
	#sideNav li ul { padding-left:3%; padding-right:3%; }

}

/* Webkit only for side nav icon precise positioning */


@media screen and (-webkit-min-device-pixel-ratio:0) {
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
  /* btnDrillDown */
	#sideNav li li a .icon { top:13px; }
	#sideNav li li.first-child a .icon { top:11px; }

	#sideNav li li.first-child a .icon { top:4px; }

	#sideNav li li li.first-child a .icon { top: 11px;}
}

@media screen and(max-width:800px) and (-webkit-min-device-pixel-ratio:0) {
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
  /* btnDrillDown */
	#sideNav li li a .icon { top:13px; }
	#sideNav li li.first-child a .icon { top:13px; }
}



/* ================================================================================================== */
/* 12. structure - PAGINATION */
/* ================================================================================================== */
/* ------------------------------------------------------------------------------ */
/* container */
.pagination {
	/*layout*/position:relative; width:auto; height:32px; margin:0px 0 40px 0; padding:10px; overflow:visible; float:none; clear:both;
	/*style*/color:#777; border:none;
	/*text*/font-family:'Touche-Regular', sans-serif; font-size:18px; font-weight:normal; line-height:20px; text-align:right;
	/*border-radius*/-webkit-border-radius:3px; border-radius:3px;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }

	.makeCenter{ width:auto; position:relative; display:block; margin:0 auto; text-align: center; }

	/* ------------------------------------------------------------------------------ */
	/* info */
	.pagination .info {
		position:absolute; top:10px; left:10px; width:40%; height:20px; margin:0; padding:0;
		color:#666; font-weight:normal; text-align:left; }

	/* ------------------------------------------------------------------------------ */
	/* common */
	.pagination .btnPrevNext,
	.pagination .btnPage {
		font-family: 'Touche-Regular', sans-serif;
		/*layout*/display:inline-block; width:40px; height:30px; margin:0 5px; padding:8px 0 0; overflow:hidden; vertical-align:middle;
		/*style*/color:#003a63; text-decoration:none; cursor:pointer; text-align:center;
		/*border-radius*//*-webkit-border-radius:3px; border-radius:3px;*/
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;  }

	/* ------------------------------------------------------------------------------ */
	/* btnPrevNext */
	.pagination .btnPrevNext { position:relative; color:#8f8f8f; }

	/* btnPrevNext - disabled */
	.pagination .btnPrevNext.disabled,
	.pagination .btnPrevNext.disabled:hover,
	.pagination .btnPrevNext.disabled:focus,
	.pagination .btnPrevNext.disabled:active {
		cursor:default!important;
		/*opacity*/
		opacity:0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter:alpha(opacity=50); }

		/* icon */
		.pagination .btnPrevNext .icon {
			top:7px; left:0; width:100%; height:100%; margin:0; padding:0;
		    font-size:27px; line-height:22px; position:absolute; }
		.pagination .btnPrevNext:hover .icon,
		.pagination .btnPrevNext:focus .icon,
		.pagination .btnPrevNext:active .icon { color:#003a63; }

		/* icon - disabled */
		.pagination .btnPrevNext.disabled .icon,
		.pagination .btnPrevNext.disabled:hover .icon,
		.pagination .btnPrevNext.disabled:focus .icon,
		.pagination .btnPrevNext.disabled:active .icon { color:#d8d8cd!important; }

	/* ------------------------------------------------------------------------------ */
	/* pages */
	.pagination .pages { display:inline-block; margin:0 5px; padding:0; overflow:hidden; vertical-align:middle; }

		/* btnPage */
		.pagination .btnPage:hover,
		.pagination .btnPage:focus,
		.pagination .btnPage:active { color:#131F6B; background:#f5f5ed; text-decoration:none; }

		/* btnPage - selected */
		.pagination .btnPage.selected,
		.pagination .btnPage.selected:hover,
		.pagination .btnPage.selected:focus,
		.pagination .btnPage.selected:active { color:#fff; background:#131F6B; cursor:default!important; }

/* ------------------------------------------------------------------------------ */
/* pagination - responsive */
@media only screen and (max-width:500px) {

	/* center align content */
	.pagination { text-align:center; font-size:14px; }
	.pagination .btnPrevNext,
	.pagination .btnPage {
		width: 32px;
		height: 27px;
		padding: 6px 0 0;
		margin:0;
	}
	.pagination .icon{ top:4px !important; }

	/* info hide */
	.pagination .info { display:none; }

}
/* ================================================================================================== */
/* 13. common - ICONS */
/* ================================================================================================== */

/* iconInline */
.iconInline 		{ display:inline-block; position:relative; padding:0 5px; }
.iconInlineLeft 	{ padding:0 5px 0 0; text-align:left; }
.iconInlineRight	{ padding:0 0 0 5px; text-align:right; }

/* ------------------------------------------------------------------------------ */
/* icon */
#navWarpper #nav #navSelect .icon {
	position:absolute; right: 25px; top: 20px;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; }


/* ================================================================================================== */
/* 14. common - BUTTONS */
/* ================================================================================================== */
/* ------------------------------------------------------------------------------ */
/* btnText */
.btnText {
	display:block; position:relative; margin:6px 15px 20px 0; padding:0 20px 0 0; width:auto; height:20px;
	text-decoration:none; cursor:pointer; }
.no-touch .btnText:hover,
.no-touch .btnText:focus,
.touch .btnText:active { text-decoration:none; }

	/* label */
	.btnText,
	.btnText .label {
		font-family:'Touche-Bold', sans-serif !important;
		font-size:13px !important; font-weight:normal;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase;
		color:#131F6B; font-size:12px; line-height:20px;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }

	/*.btnText .label { padding-left:10px; }*/
	#megaFooter .btnText .label { padding-left:0; }
	.no-touch .btnText:hover .label,
	.no-touch .btnText:focus .label,
	.touch .btnText:active .label { color:#0d5092; text-decoration:none!important; }

	/* icon */
	.btnText .icon {
		position:absolute; top:50%; left:0; width:15px; height:20px; margin:-11px 0 0 0; padding:0;
		color:#727272; background:none; text-shadow:0 1px 0 rgba(255,255,255,0.6);
		font-size:10px; line-height:23px; text-align:left; }
	.no-touch .btnText:hover .icon,
	.no-touch .btnText:focus .icon,
	.touch .btnText:active .icon { text-decoration:none!important; }
/* ------------------------------------------------------------------------------ */
/* btnBox */
.btnBox {
	display:inline-block; position:relative; height:40px; margin:0 15px 20px 0; padding:0 11px 0 11px; overflow:hidden;
	background:#0197ce; white-space:nowrap; text-overflow:ellipsis;
	text-decoration:none!important; cursor:pointer;
	min-width:50px;
	-moz-box-shadow:    inset 0 -20px 20px RGBA(0,35,57,0.3);
	-webkit-box-shadow: inset 0 -20px 20px RGBA(0,35,57,0.3);
	box-shadow:         inset 0 -20px 20px RGBA(0,35,57,0.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top:1px solid #26acdb;


height:auto; margin:0 15px 20px 0; padding:5px 11px; overflow:hidden;
background:none; white-space:nowrap; text-overflow:ellipsis;
text-decoration:none!important; cursor:pointer;
min-width:50px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow:         none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 2px solid #EB297B;

	}
.no-touch .btnBox:hover,
.no-touch .btnBox:focus,
.touch .btnBox:active { background-color:none; border-color: #950049; }


.no-touch .btnBox:hover .label,
.no-touch .btnBox:focus  .label,
.touch .btnBox:active  .label {
	color: #950049;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}

/* btnBox dark */
.btnBox.dark { background:none; }

	/* label */
	.btnBox,
	.btnBox .label {
		color:#EB297B;
		font-family:'Touche-Regular', sans-serif !important;
		font-size:15px !important; font-weight:normal;
		line-height:20px; text-align:center;

	 }

	 /* Shopping Cart */
	 #cartForm .btnBox .label,
	 #checkoutDetails .btnBox .label {
		color:#FFF;
	 }


	.no-touch .btnBox:hover .label,
	.no-touch .btnBox:focus .label,
	.touch .btnBox:active .label { text-decoration:none; }

	.no-touch .btnBox:hover .icon,
	.no-touch .btnBox:focus .icon,
	.touch .btnBox:active .icon { color:#fff}


	.btnBox .icon {	color:#b2b2b2}



/* btnBox - extend */
.btnBoxSml { height:40px; }
.btnBoxSml,
.btnBoxSml .label { font-size:14px; line-height:40px; }

.btnBoxLeft,
.btnBoxRight { display:block; margin:0 20px 0 0; float:left!important; clear: none!important; display: inherit!important; }
.btnBoxRight { margin:0 0 0 20px; float:right!important; }

.btnBoxHighlight { background:#d20079; }
.btnBoxHighlight:hover,
.btnBoxHighlight:focus,
.btnBoxHighlight:active { background:#000; }
/* ------------------------------------------------------------------------------ */
/* btnBoxIcon */
.btnBoxIcon { padding-left:25px; }

	/* icon */
	.btnBox .icon {
		position:absolute; top:50%; right:9px; width:8px; height:12px; margin:-6px 0 0 0; padding:0;
		color:#aba8a5; background:none; text-shadow:none;
		font-size:14px; line-height:14px; text-align:left; }
	.no-touch .btnBoxIcon:hover .icon,
	.no-touch .btnBoxIcon:focus .icon,
	.touch .btnBoxIcon:active .icon { color:#fff; }


/* ------------------------------------------------------------------------------ */
/* goUp */
.goUp{
	display:block;
	position:relative;
	background-color:#131F6B;
	color:rgba(255,255,255, 0.8) !important;
	font-family: 'Touche-Regular', sans-serif;
	font-size:12px;
	width:auto;
	height:auto;
	padding:12px;
	margin:0;
	position:absolute;
	top:0; right:0;
	z-index:100;
	cursor:pointer;
}
.goUp span{	display:inline-block; }
.goUp .icon{
	font-size:12px;
	padding:2px 0 2px 2px;
}
.goUp:hover{ text-decoration:none;
	color:rgba(255,255,255, 1) !important;
}

@media only screen and (max-width:1000px) {
		.goUp{ padding:16px 15px 16px 16px; }
		.goUp span{	display:none; }
}
 /* ================================================================================================== */
/* 15. common - FORM */
/* ================================================================================================== */


/* -------------------------------------------------------- */
/* formView */
.formView {
	position:relative;
	margin:0;
	width:95%;
}


.formContainer .infoView{
	width:168px;
	float:right;
	top:0;
	padding:56px 30px 30px;
}


.formView hr {
	background-color:#d9e4d4;
	border-width:0;
	color:#444;
	height:1px;
	width:100%;
	clear:both;
	margin:30px auto 15px;
}

.formView h2{ font-size:18px !important; padding:0 0 13px !important; color:#000 !important; }

	/* form */
	.formView form { }

	#utilsTop .formView form { margin-top:0; margin-bottom:30px;}

		.formView h1{
			color:#ff0000 !important;
			font-size:21px !important;
			padding-bottom:0px !important;
		}

		/* -------------------------------------------------------- */
		/* fieldset */
		.formView form fieldset 			{ display:block; margin:0;position: relative; }
		.formView form fieldset.col50pct 	{ width:48%; }
		.formView form fieldset.col45pct 	{ width:47%; padding-top: 18px; }
		.formView form fieldset.col35pct 	{ width:37%; }
		.formView form fieldset.col25pct 	{ width:25%; }
		.formView form fieldset.col15pct 	{ width:15%; }
		.formView form fieldset.col12pct 	{ width:12%; }
		.formView form fieldset.col10pct 	{ width:10%; }

		.formView form fieldset .padTop10 	{ padding-top:10px; }
		.formView form fieldset .padTop20 	{ padding-top:20px; }
		.formView form fieldset.vAlignTop 	{ vertical-align:top; }
		.formView form fieldset.margRight2pc{ margin-right:2%; }

		@media only screen and (max-width:600px) {
			.formView form fieldset.col25pct 	{ width:45%; }
		}

		/* -------------------------------------------------------- */
		/* positioning */
		.cleft { clear: left !important; }
		.fleft { float: left !important; }

		.cright { clear: right !important; }
		.fright { float: right !important; }

		.fnone  { float:none !important; }
		.cboth  { clear:both !important; }

 		/* -------------------------------------------------------- */
		/* Wrapper for Dropdown Small */
		.miniDrpDown{
			display:block;
			position:relative;
			height:auto;
			margin-bottom: 3px !important;
		}


		/* -------------------------------------------------------- */
		/* label */
		.formView form label {
			display:block; margin: 3px 0 0; padding:0;
			/*style*/color:#222; vertical-align:baseline;
			/*text*/font-size:14px; font-weight:normal; line-height:31px; }
		.formView form label.inline { display:inline-block; padding:0; }
		.formView form label img{ margin-top:-3px; }
		.formView form p{ padding-top:20px; }


		/* -------------------------------------------------------- */
		/* radio */
		.formView form input.radio 	{ /*by JS*/ }
		.formView form span.radio 	{ cursor:pointer!important; }

		/* -------------------------------------------------------- */
		/* input */
		.formView form input.text, .formView form select.text {
			/*layout*/display:block; width:95%; height:20px; margin:0 0 4px 0; padding:9px 12px; overflow:hidden;
			/*style*/color:#107fc6; border 1px solid #DADAD2;
			/*text*/ font-size:15px; font-weight:normal; line-height:13px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:all 0.3s ease-in-out;
			-moz-transition:all 0.3s ease-in-out;
			-o-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out; }
		.formView form textarea:focus,
		.formView form textarea:active,
		.formView form input.text:focus,
		.formView form input.text:active {
			/*style*/color:#107fc6; background-color:#FFF; border-color:#107fc6;  }

		.formView form#subscribeForm input.text { width:91% !important; }
		 #subscribeFormWrapper form{ width:83.5% }

		 .formView form input.largeTxt{ height:30px; width:100px; font-size:28px;}
		/* -------------------------------------------------------- */
		/* text Area */
		.formView form textarea{ width:92%; height:135px; resize: none;
			/*style*/color:#333; background:#fff; border:1px solid #d8d8d8; padding:10px 4%;
			line-height:18px;font-size: 13px;
		}

		/* ------------------------------------------------------------------------------ */
		/* select (selectBox) */
		.formView form select.selectBox {
			/* selectBox JS plugin fallback */
			display:block; min-width:150px; height:auto; margin:0 auto; padding:10px 25px; overflow:hidden;
			color:#4b4b4b; background:#fff; border:none; vertical-align:middle;
			font-size:15px; font-weight:bold; line-height:20px; text-align:left;
			text-decoration:none!important; outline:none; cursor:pointer; }

.formView .frmQuestion{
  	display:block;
	background:url(../js/custom-form-elements/question.png) 0 0 no-repeat transparent;
	width:33px; height:33px;
	margin-top:-29px;
	position:absolute;
	right:-46px;
	cursor:pointer;
}

.formView .secCode{
	display:none;
	background:url(../js/custom-form-elements/sec-code.png) 0 0 no-repeat transparent;
	width:156px; height:99px;
	position:absolute;
	z-index:100;
	float:right;
	right: -180px;
    top: -50px;
}

.formView .captchaImg{
	background-color:#edeacb;
	display:block;
}

.formView .btnSubmit {
	position:relative;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #04407f;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	color:#fff;
	display: block;
	height: 11px;
	min-width: 71px;
	padding:8px 17px 19px;
	font-size: 15px;
    margin-right: 0;
    margin-top: 17px;
	cursor:pointer;
	float:left;
	clear:both;
	text-align:center;
}

	.formView .btnSubmit:hover {
		background-color: #fcb316;
		color:#fff;
		text-decoration:none;
	}


#subscribeFormWrapper .btnSubmit{
	float:right;
	margin:0 !important; padding:0;
	right:30px;
	top:143px;
	height:35px;
	position:absolute;
}

#contactFormWrapper .btnSubmit{
	margin-left:491px;
	 margin-bottom: 15px;
}

.formView .btnBox{
	float: right;
	clear: both;
	display: block;
	min-width: 90px;
	margin: 0 0 20px;
}

.formView .label {
	font-family: 'Touche-Regular', sans-serif;
	font-size: 18px;
 }

/* ------------------------------------------------------------------------------ */
/* FORM -  SUBSCRIBE */
/* ------------------------------------------------------------------------------ */
	.formView #subscribe #subscribeTxt{
		font-family: 'Touche-Regular', sans-serif;
		font-size:22px;
		line-height:23px;
		margin-right:10px;
		margin-left:5%;
		color:#fff;
		font-weight:normal;
		position: relative;
		top: 6px;
	}
	#home .formView .btnBox{ float:none; display:inline-block; vertical-align:top; width:auto;}
	#home .formView #subscribe input.text {
		display:inline-block;
		width: 15%;
		margin-right: 10px;
		 vertical-align:top;
		 border: none;
		 border-radius: 0;
		 -webkit-border-radius: 0;
		 -moz-border-radius: 0;
		 padding: 7px 10px;
		 color: #919396;
		 font-family: 'Touche-Regular', sans-serif;
	}
	@media only screen and (max-width:1100px) {
		.formView #subscribe #subscribeTxt{ font-size:16px; margin-left: 1%; }
	}
	@media only screen and (max-width:930px) {
		#home .formView #subscribe input.text { width: 26%; }
		#home .formView #subscribe input.text { width:90%; }
	}
	@media only screen and (max-width:740px) {
		#home .formView #subscribe input.text { display:block; width:96%; margin-bottom:10px; }
	}
	@media only screen and (max-width:540px) {
		#home .formView #subscribe input.text { width:92%; }
	}
	@media only screen and (max-width:440px) {
		#home .formView #subscribe input.text { width:90%; }
	}
/* ------------------------------------------------------------------------------ */
/* FORM - UNSUBSCRIBE */
/* ------------------------------------------------------------------------------ */

#utilsTop{
	margin:0 0;
}

 .topMarg0{ margin-top:0 !important; }
 .rightMarg20{ margin-right:20px !important; }

.ie7  input.styled { display:block !important; }
 ul.formList{
	display:block;
	position:relative;
 }
 ul.formList li{
	list-style:none;
	background:none;
	padding-left:0;
	font-family:'Touche-Regular', sans-serif;
	font-weight:normal;
}
 .ie7 ul.formList li{  padding-left:0 !important; background:none !important;}

 .doubleColA{ float:left; width:48%; margin-right:1%; }
 .doubleColB{ float:right; width:45%; }
 .singleCol{ float:none; clear:both; }

 .unEvenSmall{ width:5%; }
 .unEvenLarge{ width:92%; }
  ul.formList .unEvenSmall label{ margin-top: 12px; }

ul.formList input { padding: 10px 4%; background-color: #fbfbfb !important; }
ul.formList input.text { padding: 10px 4%; }
ul.formList li.singleCol input.text { padding: 10px 2%; width: 96%; }
ul.formList textarea { padding-left:1.5%; background-color: #fbfbfb !important; width: 94%; }
ul.formList label{ line-height:23px;font-size:15px !important; margin-top: 15px; margin-bottom: 10px; }
ul.formList label.special{ font-size:13px !important; font-family:'Touche-Regular', sans-serif; }

.impNote{ font-size:13px; color:#868686; float:right; }
a.btnBoxColor#submitBtn{ height: 31px; padding: 13px 25px 0; float:right; background-color:#024272; margin-top:20px; }
a.btnBoxColor#submitBtn:hover{ background-color:#fcb815; }

/*SELECT BOX*/
ul.formList a.selectBox.selectBox-dropdown{
	float:left;
	margin-left:0px;
}


#formENews fieldset { margin-top: 6px; width: 250px;}

#formENews input.text, #formENews select.text{
	display: inline;
	margin-bottom: 15px;
	height: 20px !important;
	}

#formENews #subscriberFirstName, #formENews #subscriberLastName, #formENews select.text{
	width: 267px !important;
	}

#formENews #subscriberFirstName {
	margin-right:10px;
	}


#formENews #emailAddress,
#formENews #organisation,
#formENews #occupation,
#formENews #diocese,
#formENews #state,
#formENews #country{
	width: 572px !important;
	}

div.sysmsg {margin: 9px 0 9px 0;}



/* ------------------------------------------------------------------------------ */
/* form - responsive */
@media only screen and (max-width:600px) {
	 ul.formList{ width:99%; }
	.doubleColA,
 	.doubleColB{
		display:block;
		clear:both !important;
		float:none !important;
		width:100%;
		margin-right:0;
	}


	ul.formList li.singleCol input.text { padding: 10px 4%; width: 92%;  }
	ul.formList textarea{ padding-left: 4.5%; width:91%; }

	ul.formList li .col50pct {
		clear:both !important;
		display:block !important;
		width:100%;
	}


	ul.formList li fieldset.col12pct 	{ width:20%; }
}
@media only screen and (max-width:460px) {
	a.btnBoxColor#submitBtn{ float:none !important; clear:both; margin:20px auto 20px; }
	ul.formList li fieldset.col12pct{ width:30%; float:none!; }
}


/* ================================================================================================== */
/* 16. section - HOME */
/* ================================================================================================== */
/* ------------------------------------------------------------------------------ */
/* feature pods */
#featPodWrapper { max-width:900px; height:auto; position:relative; display:block; margin:0 auto; }

	.featPod{
		width:284px;
		max-height:310px;
		padding:6px;
		margin-right:10px;
	}

	.featPod img{
		width:280px; height:145px;
		border:solid 2px #fff; position:absolute;
		left:6px; top:6px;
		-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.75);
		}

/* ================================================================================================== */
/* 17. section - NEWS & EVENTS
/* ================================================================================================== */
/* ------------------------------------------------------------------------------ */
/* container */
 #content #eventsListing,
 #content #newsListing { overflow:visible;}
 	#content #eventsListing .newsItem,
	#content #newsListing .newsItem {overflow:visible;border-bottom:1px solid #bcbcbc; margin:15px 0 0 0; min-height: 176px; position: relative;}

	/*For Events*/
 	#content #eventsListing,.eventsListing .newsItem { min-height: 116px; }

	#content #eventsListing .newsItem.first-child,
	#content #newsListing .newsItem.first-child{margin-top:10px !important;}
	#content #eventsListing .newsItem.last-child,
	#content #newsListing .newsItem.last-child{border-bottom:none !important;}
	#content #newsListing .newsItem a.imgThumb{ display:block; margin:6% 0 0 0; padding:0; }
	#content #newsListing .newsItem .imgThumb img{ display:block; width:228px; height:144px; margin:0; padding:0; position:absolute; }
	#content #eventsListing .newsItem .padder,
	#content #newsListing .newsItem .padder { position:relative; height:auto; margin:0 0 0 260px; padding: 0 0 4%; overflow:hidden; }
	/*For Events*/
	#content #eventsListing .newsItem .padder { position:relative; min-height:auto; margin:0 0 0 70px ; padding: 0 0; overflow:hidden; }

	#content #eventsListing .newsItem .dateTag,
	#content #newsListing .newsItem .dateTag {
			padding:0;
			font-family:'Touche-Regular', sans-serif;
			font-size:12px;
			margin:0;
			color:#000;
			font-weight:normal;
	}
	/* title */
	#content #eventsListing .newsItem .padder .title,
	#content #eventsListing .newsItem .padder .title a
	#content #newsListing .newsItem .padder .title,
	#content #newsListing .newsItem .padder .title a {
		display:block; margin:5px 0 0 ; padding:0; overflow:hidden;
		color:#777 ; text-decoration:none!important;
		font-family:'Touche-Regular', sans-serif; font-size:15px; font-weight:normal; line-height:20px; width: 80%;}

	.no-touch #content #eventsListing .newsItem .padder .title a:hover,
	.no-touch #content #eventsListing .newsItem .padder .title a:focus,
	.touch #content #eventsListing .newsItem .padder .title a:active,
	.no-touch #content #newsListing .newsItem .padder .title a:hover,
	.no-touch #content #newsListing .newsItem .padder .title a:focus,
	.touch #content #newsListing .newsItem .padder .title a:active { color:#333333 }

	/* desc */
	#content #eventsListing .newsItem .padder .desc {
		display:block; margin:0; padding:5px 0 13px 0; overflow:hidden;
		color:#797979; font-size:14px; line-height:20px; }

  /*Date Styling*/
	#content #eventsListing.eventsListing .newsItem
	#content #newsListing.eventsListing .newsItem { position:relative; }
	#content #eventsListing .newsItem  .eventDate {
		display: block;
		height: auto;
		left: 0;
		overflow: hidden;
		position: absolute;
		text-align: left;
		top: -2px;
		width: 40px;
	}
	#content #eventsListing .newsItem  .eventDate .d {
		color: #FFFFFF;
		display: block;
		font-size: 30px;
		font-weight: normal;
		height: 30px;
		line-height: 30px;
		padding: 17px 0 0 0;
		background-color:#646464;
		text-align:center;
	}
	#content #eventsListing .newsItem  .eventDate .m {
		color: #434244;
		display: block;
		font-size: 15px;
		line-height: 16px;
		padding-left: 7px;
		padding-top: 4px;
		text-transform: uppercase;
	}
	#content #eventsListing .newsItem  .eventDate .y {
		color: #656565;
		display: block;
		font-size: 12px;
		font-weight: normal;
		line-height: 13px;
		padding-left: 7px;
	}


	/* News list thumbs height */
	.news #highlightPods .highPodItem { height: 90px;}

@media only screen and (max-width:800px) {
	#content #eventsListing .newsItem ,
	#content #newsListing .newsItem { min-height: auto !important;}
 }
@media only screen and (max-width:500px) {
	/* ------------------------------------------------------------------------------ */
	/* convert to stacking order */
	/* ------------------------------------------------------------------------------ */
	/* newsListing full */
	#content #eventsListing,
	#content #newsListing {
		position:relative; top:auto; right:auto; width:auto;  padding:0; width:100%; height:auto; }

	/* ie7 stacking order fix */
	.ie7 #content #eventsListing,
	.ie7 #content #eventsListing .newsItem ,
	.ie7 #content #newsListing,
	.ie7 #content #newsListing .newsItem { background:none!important;-ms-filter:none!important; filter:none!important; }

	/* btnBox */
	#content #eventsListing .newsItem .padder .btnBox,
	#content #newsListing .newsItem .padder .btnBox {
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')!important;
		filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')!important;
		zoom:1; }
			/* extra - show */
			 #content #eventsListing .header .extra,
			 #content #newsListing .header .extra { display:inline; }

		/* controls - hide */
		 #content #eventsListing .controls,
		 #content #newsListing .controls { display:none; }

		/* newsItem - reset to full stacking order */
		 #content #eventsListing .newsItem,
		 #content #newsListing .newsItem {
			margin:0; padding:10px 0 20px 0; overflow:hidden; min-height:90px;
			/*override cycle styles*/
			display:block!important; position:relative!important; top:auto!important; left:auto!important; width:auto!important; height:auto!important; opacity:1!important;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
			filter:alpha(opacity=100)!important;float:none !important; }
		 #content #eventsListing .header + .newsItem,
		 #content #newsListing .header + .newsItem { border-top:0; }
		/*body#home #content #newsListing .header + .newsItem + .newsItem + .newsItem { border-bottom:0; }*/

		  #content #eventsListing .newsItem { padding:15px 0; }
		  #content #eventsListing .newsItem .eventDate{ top:3px; }
		  #content #eventsListing .newsItem .btnBox{ top: 33% !important; }

			/* dateTag - hide */
			 #content #eventsListing .newsItem .dateTag,
			 #content #newsListing .newsItem .dateTag { display:block; }

			/* imgThumb */
			 #content #eventsListing .newsItem .imgThumb,
			 #content #eventsListing .newsItem .imgThumb img,
			 #content #newsListing .newsItem .imgThumb,
			 #content #newsListing .newsItem .imgThumb img { width:130px; height:auto}
			 #content #eventsListing .newsItem .imgThumb,
			 #content #newsListing .newsItem .imgThumb { float:left; clear:left;margin: 10px 0 0 15px; width:auto}

			/* ------------------------------------------------------------------------------ */
			/* padder */
			 #content #newsListing .newsItem .padder {	width:auto; margin:0; padding:2.5% 30px 2.5% 150px; float:none; clear:none; }

				/* date */
				 #content #eventsListing .newsItem .padder .date { display:block; }
				 #content #eventsListing .newsItem .eventDate { top: 13px; }
				/* title */

				/* desc */
				 #content #eventsListing .newsItem .padder .desc,
				 #content #newsListing .newsItem .padder .desc { display:none; }
				 #home #content #eventsListing .newsItem .padder .desc,
				 #home #content #newsListing .newsItem .padder .desc { display:block; }

				/* btnBox */
				 #content #eventsListing .newsItem .padder .btnBox,
				 #content #newsListing .newsItem .padder .btnBox {
					display:block; position:absolute; top:33%; right:4%; width:16px; height:24px; margin:0 0 0 0; padding:0;
					background:none; }
					.ie8 #content #eventsListing .newsItem .padder .btnBox,
					.ie8 #content #newsListing .newsItem .padder .btnBox{ right:22%; }

					 #content #eventsListing .newsItem .padder .btnBox .icon,
					 #content #newsListing .newsItem .padder .btnBox .icon{
					 font-size:24px !important; }

					/* label */
					 #content #eventsListing .newsItem .padder .btnBox .label,
					 #content #newsListing .newsItem .padder .btnBox .label { display:none; }

					/* icon */
					 #content #eventsListing .newsItem .padder .btnBox .icon,
					 #content #newsListing .newsItem .padder .btnBox .icon {
						display:block; top:0;  width:16px; height:24px; margin:0; padding:0;
						color:#999; font-size:16px; line-height:27px; }
					.no-touch #content #eventsListing .newsItem:hover .padder .btnBox .icon,
					.no-touch #content #eventsListing .newsItem:focus .padder .btnBox .icon,
					.touch #content #eventsListing .newsItem:active .padder .btnBox .icon,
					.no-touch #content #newsListing .newsItem:hover .padder .btnBox .icon,
					.no-touch #content #newsListing .newsItem:focus .padder .btnBox .icon,
					.touch #content #newsListing .newsItem:active .padder .btnBox .icon { color:#666; }
}

@media only screen and (max-width:380px) {

			/* padder */
			 #content #newsListing .newsItem .padder { padding:2.5% 30px 2.5% 10px; }
			/* imgThumb */
			 #content #newsListing .newsItem .imgThumb img{ display:none; }
}
/* ================================================================================================== */
/* 18. COMMON ELEMENTS */
/* ================================================================================================== */

	/* ------------------------------------------------------------------------------ */
	/* featurePods - ACCORDION */
	/* ------------------------------------------------------------------------------ */
	#featurePods{
		width:100%;
		display:block;
		position:relative;
	}

	.ftPodItem{
		width:22.2%;
		display:inline-block;
		position:relative;
		margin-right:2.9%;
		vertical-align:top;
		background-color:#fff;
		min-height: 200px;
		border-top: 6px solid;
	}

	.ftPodItem#pod-01 { border-top: 6px solid #44C8F5;}
	.ftPodItem#pod-02 { border-top: 6px solid #92278F;}
	.ftPodItem#pod-03 { border-top: 6px solid #EE2A7B;}
	.ftPodItem#pod-04 { border-top: 6px solid #F04E23;}

	.ftPodItem#pod-04 { margin-right:0%; }

	.ftPodItem h3{
		font-family: 'Touche-Bold', sans-serif;
		font-size:25px; line-height:25px;
		color:#131F68;
		padding-top: 1em;
		font-weight: normal;
	}

	.ftPodItem .panel li a,
	.ftPodItem .panel a {
		font-family: 'Touche-Regular', sans-serif;
		font-size: 13px;
		line-height: 16px;
		color: #919396;
	}

	.ftPodItem .icon{
		position:absolute;
		top:15px; right:15px;
		font-size:23px;
		color:#00adff;
		display:none;
	}

	.panel .line{
	    display:none;
		height:2px; width:80px;
		position:absolute;
		top:0; left:13px;
		background-color:#b5b5a5;
	}

	.tab {
	  padding: 10px;
	  margin: 0;
	  position: relative;
	  cursor: pointer;
	  outline: 0;
	}
	.tab:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 0.5em;
	}
	.tab.active-accordion:after {
	   content: '';
	}

	.panel {
	  overflow: hidden;
	  position:relative;
	  -webkit-transition: all 0.3s ease-out;
	  -moz-transition: all 0.3s ease-out;
	  -ms-transition: all 0.3s ease-out;
	  -o-transition: all 0.3s ease-out;
	  transition: all 0.3s ease-out;
	}
	.js .panel {
	  max-height: none;
	}
	.js .panel.active-accordion {
	  max-height: 30em;
	}
	.panel p {
	  padding: 1em;
	}
	.panel p:last-child {
	   margin: 0;
	}

	/* list items */
	.panel ul {
		padding:0 0 0 10px !important;
		list-style: none;
	}
	.panel ul li{ line-height:24px; }
	.panel a,
	.panel ul a{ color:#222020 }
	.panel ul li i{
		font-size:8px; padding-right:4px; color:#b5b5a5;
	}
	.panel a:hover,
	.panel ul a:hover i,
	.panel ul a:hover{ color:#0283bf; text-decoration:none; }


	/* Where it makes sense to display the full content */
	@media all and (min-width:500px) {
	  .tab {
		cursor: default;
	  }
	  .tab.active-accordion {
		 background: none;
	  }
	  .tab:after, .tab.active-accordion:after {
		 content: "";
	  }

	  .js .panel, .js .panel.active-accordion {
		 max-height: none;
	  }
	}

	 @media all and (max-width:930px) {
	 	.ftPodItem{
			width:48%;
			margin-bottom:10px;
		}
	 	.ftPodItem#pod-01,
	 	.ftPodItem#pod-03{ margin-right:2%; }
	 	.ftPodItem#pod-02,
	 	.ftPodItem#pod-04{ margin-right:0; }
	 }
	 @media all and (max-width:499px) {
	  .ftPodItem{
		min-height: 0;
		display:block;
		width:99%;
	  }
	  .ftPodItem .break{ display:inline; }
	  .ftPodItem h3{ font-size:19px; }
	  .ftPodItem .icon{ top: 11px; right: 11px; }
	}

	/* ------------------------------------------------------------------------------ */
	/* highlightPods */
	/* ------------------------------------------------------------------------------ */
	#highlightPods{
		width:100%;
		display:block;
		position:relative;
	}
	.podItemContainer,
	.highPodItem{
		width:22.5%;
		display:inline-block;
		position:relative;
		margin-right:2.9%;
		vertical-align:top;
		background-color:#fff;
		border:1px solid transparent;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		overflow:hidden;
	}
	.highPodItem{
		width:99%;
		position: relative;
	}

	.highPodItem:after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: red;
		top: 0;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(42%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

	}


	.podItemContainer{ background-color:transparent; border:0;  }


#cp.sec101 .podItemContainer{ background-color:#F0FAFF;  }

	.highPodItem img.placeholder{
		position:relative;
		width:100%;
	}
	.highPodItem img{
		width:100%;
		height:auto;
		position:absolute; left:0; top:0;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}


	.highPodItem .titleBox{
		background-color:rgba(9,72,134, 0);
		margin:0; padding:0;
		position:absolute;
		bottom:0px;
		left:0;
		z-index: 100;
	}
	.oldie .highPodItem .titleBox{ background-color:#0e3c70; z-index: 100; }


	.highPodItem .titleBox p.title{
		font-family: 'Touche-Bold', sans-serif;

		font-size:23.75px;
		line-height: 120%;
		color:#fff;
		padding:12px 15px;
		margin:0
	}

	p.highSummary {
		font-family: 'Touche-Regular', sans-serif;
		font-size: 13px;
		line-height: 16px;
		color: #919396;
	}

/* Normal Case for Home page Video title (eCONFERENCES) */
#home .highPodItem .titleBox p.title{ text-transform:none;}

/* Normal Case for Short Courses Landing Page (eCONFERENCES) */
.sec104 .podItemContainer p.title { text-transform: none!important;}
.sec103 .podItemContainer:nth-child(5) p.title { text-transform: none!important;}

	body#lp .highPodItem .titleBox p.title{ font-size:16px;}
	.highPodItem .icon{
		position:absolute;
		top:10px; right:10px;
		border:2px solid #FFF;
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
		width:14px; height:15px;
		padding:5px 5px 5px 6px;
		font-size:15px;
		background-color:rgba(0,0,0,0.5);
		color:#fff;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	.highSummary.last-child,
	.podItemContainer.last-child{
		margin-right:0 !important;
	}
	/*interations*/
	.highPodItem:hover img.highImg{
		/*width:110%;
		left:-5%;
		top:-5%;*/
	}


/* Grey scale images */
#seg-02 .highPodItem:hover img.highImg {
  -webkit-filter: grayscale(1); /* Webkit */
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* W3C */
}






	.highPodItem:hover .icon{
		background-color:#FFF;
		color:#064787;
	}
	 @media all and (max-width:1100px) {
		 .highPodItem .titleBox p.title{ font-size:15px;  }
	 }

	/* ------------------------------------------------------------------------------ */
	/* Landing page pods and styles */
	/* ------------------------------------------------------------------------------ */

	body#lp #highlightPods{
		margin-top:50px;
	}
	body#lp .podItemContainer{
		width:31.7%;
		margin-right:2%;
		margin-bottom: 30px;
	}
	.oldie body#lp .podItemContainer{ width:31%;  }
	body#lp .podItemContainer:nth-child(3n+3){
		margin-right:0;
	}

	.landingTitle{
		font-family: 'Touche-Regular', sans-serif;
		font-weight:normal;
		font-size:25px;
		line-height:32px;
		color:#00417b;
		display:inline-block;
		position:relative;
		width:31.7%;
		margin:0 2% 0 0 ;
		margin-right:;
		vertical-align:top;
	}
	.landingIntro{
		font-family: 'Touche-Regular', sans-serif;
		font-weight:normal;
		font-size:18px; line-height:25px;
		color:#242627;
		display:inline-block;
		position:relative;
		margin:7px 0 0;
		width:65%;
		vertical-align:top;
	}

	#infoSegment{
		background-color:#0394d8;
		width:80%;
		display:block;
		padding:30px 10%;
		margin:0;
	}
	#infoSegment .icon{
		display:inline-block;
		top:10px; right:10px;
		border:3px solid #59cbff;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		border-radius: 17px;
		width:16px; height:17px;
		padding:5px 5px 5px 6px;
		font-size:15px;
		color:#59cbff;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		vertical-align:top;
	}
	#infoSegment span#infoTxt{ display:inline-block; width:93%; }
	#infoSegment p{
		display:inline-block;
		width:73.8%;
		vertical-align:top;
		color:#fff;
		margin:5px 2% 0;
	}
	#infoSegment .btnBox{
		margin-top:5px;
		margin-left:4%;
	}

	 @media all and (max-width:760px) {
		 #infoSegment{ padding:10%; }
	 }


	/* ------------------------------------------------------------------------------ */
	/* News and Partners pages pods and styles */
	/* ------------------------------------------------------------------------------ */

	body#cp.sec101 #highlightPods,
	body#cp.news #highlightPods{
		margin-top:20px;
	}

	body#cp.sec101 .podItemContainer {
		background-color:rgba(19,31,107,0.1);
	}

	body#cp.sec101 .podItemContainer{
		width:47.1%;
		margin-right:0%;
		padding:1.3%;
		margin-bottom:20px;
	}
	body#cp.news .podItemContainer{
		width:29.5%;
		margin-right:0%;
		padding:1.3%;
		margin-bottom:20px;
	}
	body#cp.sec101 .highPodItem{
		margin-bottom:15px;
		background-color:#f8f8f2;
	}
	body#cp.news .highPodItem{
		margin-bottom:15px;
	}
	body#cp.sec101 .podItemContainer:nth-child(3n+3),
	body#cp.news .podItemContainer:nth-child(3n+3){
		margin-right:0;
	}

	body#cp.sec101 .podItemContainer .icon,
	body#cp.sec101 .podItemContainer .dateTag,
	body#cp.news .podItemContainer .icon,
	body#cp.news .podItemContainer .dateTag {
		font-size:12px;	 color:#034484;
	}
	body#cp.sec101 .podItemContainer .icon,
	body#cp.news .podItemContainer .icon{
		color:#131F6B;
	}

body#cp.news .podItemContainer .icon{
	display: none;
}

	body#cp.sec101 .podItemContainer .newsTitle,
	body#cp.news .podItemContainer .newsTitle{
		font-family: 'Touche-Bold', sans-serif;
		font-size:17px; line-height:22px;
		display:block; margin-bottom:10px;
	}
	body#cp.sec101 .podItemContainer:hover{
		text-decoration:none;
		background-color:rgba(19,31,107,0.1);
	}
	body#cp.news .podItemContainer:hover{
		text-decoration:none;
		background-color: rgba(19,31,107,0.1);
	}
	/*interations*/
	body#cp.sec101 .podItemContainer:hover img.highImg,
	body#cp.news .podItemContainer:hover img.highImg{
		width:110%;
		left:-5%;
		top:-5%;
	}
	body#cp.sec101 .podItemContainer:hover .highPodItem{
		background-color:#fff;
	}
	body#cp.events .eventItem:hover .eventsTitle,
	body#cp.resource .resItem:hover .resourceTitle,
	body#cp.sec101 .podItemContainer:hover .newsTitle,
	body#cp.news .podItemContainer:hover .newsTitle{
		color:#131F6B;
	}

	body#cp.sec101 .highSummary,
	body#cp.news .highSummary { color: #000 !important;  }

	/* ------------------------------------------------------------------------------ */
	/* Events page pods and styles */
	/* ------------------------------------------------------------------------------ */
	 body#cp.events .eventItem 				 { display:block; width:100%; position:relative; padding:10px; margin-bottom:10px; }
     body#cp.events .dateBox  				 { display:inline-block; width:10%; position:relative; margin-right: 1%; min-width:45px; max-width:45px; }
     	body#cp.events .calWrapper  		 { width:100%; display:block; height:auto; min-height:45px; position:relative; }
          body#cp.events .calWrapper .icon   { position:absolute; font-size:46px; top:0; left:0; color:#131F6B; }
           	body#cp.events .dateNum 		 { display: block; font-size:18px; position:relative; color:#131F6B;padding: 19px 12px 9px; }
		body#cp.events .dateMonth  			 { font-family: 'Touche-Bold', sans-serif; text-transform:uppercase; margin:0 auto; display: block; text-align: center; color:#131F6B; }
		body#cp.events .eventInfo 			 { display:inline-block; width:80%; position:relative; vertical-align:top; }
			body#cp.events .eventsTitle 	 { font-family: 'Touche-Bold', sans-serif; font-size:17px; line-height:20px; display:block; margin-bottom:5px; }
			body#cp.events .eventSummary   	 { color:#000; }

	/*interations*/
	body#cp.events .eventItem:hover { text-decoration:none; background-color:rgba(19,31,107,0.1); }
	body#cp.events .eventItem .btnText { margin: 6px 15px 5px 0; }
	body#cp.events .eventItem .btnText:hover { color:#131F6B !important; }


	/* ------------------------------------------------------------------------------ */
	/* Resource page pods and styles */
	/* ------------------------------------------------------------------------------ */
	 body#cp.resource .resItem 				 { display:block; width:100%; position:relative; padding:10px; margin-bottom:10px; }
     body#cp.resource .resIcon  			 { display:inline-block; width:10%; position:relative; margin-right: 1%;min-width: 42px; max-width: 42px; height:40px; background-image: url(../img/app-icons.png); }
		body#cp.resource .resourceInfo		 { display:inline-block; width:80%; position:relative; vertical-align:top; }
			body#cp.resource .resourceTitle  { font-family: 'Touche-Bold', sans-serif; font-size:17px; line-height:20px; display:block; margin-bottom:5px; }
			body#cp.resource .resourceSummary{ color:#000; }

	body#cp.resource .resIcon.pdf   { background-position:    0 0 ; }
	body#cp.resource .resIcon.doc   { background-position:168px 0; }
	body#cp.resource .resIcon.xls   { background-position:126px 0; }
	body#cp.resource .resIcon.ppt   { background-position: 84px 0; }
	body#cp.resource .resIcon.link  { background-position:168px 0; }

	/*interations*/
	body#cp.resource .resItem:hover { text-decoration:none; background-color:rgba(19,31,107,0.1); }
	body#cp.resource .resItem .btnText { margin: 6px 15px 5px 0; }
	body#cp.resource .resItem .btnText:hover { color:#131F6B !important; }


	/* ------------------------------------------------------------------------------ */
	/* History */
	/* ------------------------------------------------------------------------------ */

	#historyList 							{ display:block; position:relative; width:100%; margin:0; height:auto; }
		.historyPodWrapper					{ display:block; position:relative; margin-bottom: 12px; }
			.historyPod 					{ display:block; position:relative; width:90%; margin:0; height:auto; padding: 5%;background-color:#f2f2ea; margin:0; height:auto; border-top:2px solid #dfdfd4; border-bottom:2px solid #dfdfd4; }
				.historyPod .dateBox		{ display:block; max-width:40px;  position:absolute; width:100%;
											  font-family: 'Touche-Regular', sans-serif;
											  font-size:17px; line-height:21px;
											  padding:5px 8px;
											  background-color:#131F6B;
											  color:#fff; text-align:center;
											  margin:0 auto; left:0; right:0; top:-15px;}
				.historyPod .thumb			{ display:inline-block; width:20%; vertical-align:top; margin-right:2%;
										      width:100px; height:100px;
											  border:3px solid #fff;
											  overflow:hidden;
											  -webkit-border-radius: 69px;
											  -moz-border-radius: 69px;
											  border-radius: 69px;
											  background-color:#FFF;
											 }

				#historyList .historyInfo	{ display:inline-block; width:70%; vertical-align:top; }
				#historyList .historyTitle	{ display:inline-block; width:100%; font-family: 'Touche-Regular', sans-serif; font-size:17px; line-height:21px; margin:0; padding:5px 0 5px; }
				#historyList p				{ display:inline-block; width:100%; }
			.connector 						{ display:block; width:8px; height:20px; background-color:#dfdfd4; position:relative; margin:0 auto; }


	 @media all and (max-width:1090px) {
		 .highPodItem span p.title{ font-size:16px; padding:8px; }
	 }
	 @media all and (max-width:930px) {
	 	 #col01{ display:block !important; width:100% !important; padding-bottom:30px; background-color:#fff;  }
	 	 #col01 .summaryWrapper,
	 	 #col01 .highPodItem { display: inline-block !important; }
	 	 #col01 .highPodItem { width:48% !important; margin-right:3% !important; margin-left:2% !important; }
	 	 #col01 .summaryWrapper { width:45% !important; font-size:17px; }

		 #col02 { width:55% !important; margin-right:3% !important; margin-left:3% !important; margin-top: 40px; }
		 #col03 { width:38% !important; max-width:220px;margin-top: 40px; }

		 .segment#seg-02 .highSummary{ display:none; }

		#infoSegment p{  width:100%; }
		#infoSegment .btnBox{ display:block; max-width: 80px; margin:15px 2% 0 3%; }

	 }
	 @media all and (max-width:760px) {
	 	body#lp .podItemContainer,/*landing page*/
		.oldie body#lp .podItemContainer,
		.podItemContainer{
			width:48.6%;
			margin-bottom:10px;
		}
	 	body#cp.sec101 .podItemContainer,
	 	body#cp.news .podItemContainer{/*news page*/
			width:46%;
			margin-bottom:10px;
		}

		 body#lp .podItemContainer:nth-child(odd),/*landing page*/
		 .oldie body#lp .podItemContainer:nth-child(odd),
		 body#cp.sec101 .podItemContainer:nth-child(odd),
		 body#cp.news .podItemContainer:nth-child(odd),/*news page*/
	 	.podItemContainer#cpod-01,
	 	.podItemContainer#cpod-03{ margin-right:2%; }
		 body#lp .podItemContainer:nth-child(even),/*landing page*/
		 .oldie body#lp .podItemContainer:nth-child(even),
		 body#cp.sec101 .podItemContainer:nth-child(even),
		 body#cp.news .podItemContainer:nth-child(even),/*news page*/
	 	.podItemContainer#cpod-02,
	 	.podItemContainer#cpod-04{ margin-right:0; }
		.highPodItem span p.title{ font-size:19px; padding:12px 15px; }

		/*landing page*/
		.landingIntro{ display:block; width:80%;}
		.landingTitle{ display:block; margin-bottom:20px; width:80%; }
	 }

	 @media all and (max-width:760px) {
		#infoSegment span#infoTxt{ display:block;}
		#infoSegment p{ margin-left:0!important; margin-top: 16px; }
		#infoSegment .icon{  margin-left:0 }
		#infoSegment .btnBox{  margin:15px 2% 0 0!important; }
	 }
	 @media all and (max-width:499px) {
	  body#lp .podItemContainer,/*landing page*/
	  .oldie body#lp .podItemContainer,
	  body#cp.sec101 .podItemContainer,
	  body#cp.news .podItemContainer,/*news page*/
	  .podItemContainer{
		min-height: 0;
		display:block;
		width:99%;
	  }
	 body#cp.sec101 .podItemContainer,
	 body#cp.news .podItemContainer{/*news page*/
		padding:0;
	 }
	  .summaryWrapper{ display:none !important; }
	  #col01 { padding-bottom: 20px;}
	  #col02 { width:61% !important; margin-right:0 !important; margin-left:0 !important;  margin-top: 0;}
	  #col02 #newsWrapper{ width:100%; margin:0 auto; }

	  #col02 .newsSummary { display:none; }
	  #col02 .newsItem { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #c9c9bc; }
	  #col02 a.newsTitle { margin-left:3% !important; width: 90% !important; }
	  #col02 .newsItem.first-child { margin-top:20px; }
	  #col02 .newsItem.last-child { margin-bottom:0; }
	  #col03 { margin-top: 0;}
	  #col03 ul { margin-left:3% !important; margin-top:15px !important; }
	  #col02 .title,
	  #col03 .title{
		 background-color:#064685;
		 color:#fff !important;
		 font-size:16px !important;
		 padding-left:10px !important;
	  }
	  #col03 .break{ display:inline-block; }
	  #slideshowPartControls { margin-bottom:0 !important; }
	  #home .segment#seg-03 { padding-bottom:15px; }

	  /*landing page*/
	  body#lp #highlightPods{
		margin-top:20px;
	 }
	 body#lp .podItemContainer .btnBox,
	 body#lp .highSummary,
	 .landingIntro{ display:none; }
	 .landingTitle{ margin-bottom:0px; width:100%; }


	  /*news page*/
	  body#cp.sec101 .podItemContainer .highSummary,
	  body#cp.news .podItemContainer .highSummary{
		  display:none;
	  }
	  body#cp.sec101 .podItemContainer,
	  body#cp.news .podItemContainer{
		margin-bottom:20px;
	  }
	  body#cp.sec101 .podItemContainer:hover,
	  body#cp.news .podItemContainer:hover{
		text-decoration:none;
		background-color:transparent;
	  }
	  /*resources*/
	  body#cp.resource .resIcon { margin-right: 2%; }

	  /*landing page*/
	  #infoSegment span#infoTxt{  width:100%; }


	  /*history page*/
	  .historyPod .thumb { display:block; margin:20px auto 0; }
	  #historyList .historyInfo { width: 100%; margin-top:20px; }
	}

	/* ------------------------------------------------------------------------------ */
	/* columns */
	/* ------------------------------------------------------------------------------ */

	.segment#seg-03 #col01{ width:40.6%;  margin-right:2.5%; display:inline-block; vertical-align:top; }
	.segment#seg-03 #col02{ width:31%; margin-right:2.5%; display:inline-block; vertical-align:top; }
	.segment#seg-03 #col03{ width:22%; margin-right:0; 	 display:inline-block; vertical-align:top; }

	#col01 .highPodItem{ margin-right:0; }
	#col01 .highSummary{ width:90%; }
	#col01 .summaryWrapper{ display:block; position:relative; }

	/*news*/
    #col02 .title,
    #col03 .title {
		font-family: 'Touche-Bold', sans-serif;
		font-size:32px;
		line-height: 25px;
		color:#131F6B;
		padding:12px 0;
		margin:0;
	}
    #col02 a.newsTitle {
		font-family: 'Touche-Regular', sans-serif;
		font-weight:normal;
		font-size:17px;
		line-height:20px;
		color:#131F6B;
		padding:0 0 2px;
		margin:0;
		width: 70%;
		display: block;
	}
    #col02  a.newsTitle .icon,
    #col02  a.newsTitle span.dateTag {
		font-size:12px !important;
		color:#5298c8;
	}

	#col02  a.newsTitle .icon {
		display: none;
	}
    #col02  a.newsTitle span.dateTag { color:#919396; }
	/*interations*/
	#col02  a.newsTitle:hover{ text-decoration:none; color:#034484; }

	#col02 .newsSummary{ margin-top:5px;
		font-family: 'Touche-Regular', sans-serif;
		color: #919396;
		font-size: 13px;
		line-height: 17px;
	}


	/* ------------------------------------------------------------------------------ */
	/* partnerstPods */
	/* ------------------------------------------------------------------------------ */

	#col03 .placeholder,
	#slideshowPartners .slide,
	#slideshowPartners .slide img{ width:100% !important; height:auto !important; max-width:220px;  }
	#slideshowPartners{
		display:block;
		position:relative;
	}

	#slideshowPartControls{
		display:block;
		position:relative;
		width:100%; height:auto;
		right:0;
		margin: 25px 0 20px 0; padding:0;
	}
	#slideshowPartControls a.btnPrev,
	#slideshowPartControls a.btnNext{
		display:block;
		position:absolute;
		width:25px; height:25px;
		bottom:0; right:0;
		background-color:#CCC;
		z-index:100;
		cursor:pointer;
	}
	#slideshowPartControls a.btnPrev{ right:25px; }
	#slideshowPartControls a.btnPrev .icon,
	#slideshowPartControls a.btnNext .icon{
		position:absolute;	top:5px; left:10px;
		color:#FFF; font-size:14px;
	}
	/*interaction*/
	#slideshowPartControls a.btnPrev:hover,
	#slideshowPartControls a.btnNext:hover{
		background-color:#6D6E71;
	}

	#col03 ul {
		padding: 0; margin:0;
		list-style: none;
	}
	#col03 ul li {
		line-height: 24px;
	}
	#col03 a, #col03 ul a {
		color: #919396;
		font-size: 13px;
		font-family: 'Touche-Regular', sans-serif;
	}
	#col03 ul li i{ font-size: 8px; padding-right: 4px; color: #919396;}
	#col03 ul li a:hover{ color:#2498cf; text-decoration:none; }


	 @media all and (max-width:499px) {
	  .segment#seg-03 #col01 .summaryWrapper{ display:none !important; }
	  .segment#seg-03 #col01 .highPodItem { margin-right:0 !important; width:95% !important; }

	  .segment#seg-03 #col02,
	  .segment#seg-03 #col03 { display:block !important; width:100% !important; max-width:100%; }
	  #col03 .placeholder,
	  #slideshowPartners .slide,
	  #slideshowPartners .slide img { max-width:100%; }

	   .segment#seg-03 .btnBox { display:none; }
	 }

/* ================================================================================================== */
/* 19. COMMON STYLES */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* style */
.txtLowerCase 		{ text-transform:lowercase!important; }

/* ------------------------------------------------------------------------------ */
/* layout */
.posAbs 			{ position:absolute!important; }
.posRel 			{ position:relative!important; }
.mcenter 			{ display:block; margin:0 auto!important; }
.acenter 			{ text-align:center!important; }

.overflowVis 		{ overflow:visible!important; }
.overflowHid 		{ overflow:hidden!important; }

.mgnTop20 			{ margin-top:20px!important; }
.mgnBtm20 			{ margin-bottom:20px!important; }
.padTop15 			{ padding-top:15px!important; }
.padTop20 			{ padding-top:20px!important; }
.padBtm20 			{ padding-bottom:20px!important; }
.noMargin			{ margin:0px !important;}

.dispInline 		{ display:inline-block!important; }
.dispBlock 			{ display:inline-block!important; }
.dispInlineBlock 	{ display:inline-block!important; }

.fleft 				{ float:left!important; }
.fright 			{ float:right!important; }
.fnone 				{ float:none!important; }
.cleft 				{ clear:left!important; }
.cright 			{ clear:right!important; }
.cboth 				{ clear:both!important; }



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; line-height:1px; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear:both; }
.clearer { float: none;	clear: both; height: 0;	line-height: 0;	overflow: hidden; visibility: hidden; }
/* convert a list of links to a horizontal line of links with pipe seps (JX 20111004) */
.listLinks { list-style:none; overflow:visible; }
	.listLinks li { float:left; padding-right:8px; margin-right:8px; border-right: 1px solid; background: none; }
	/*.listLinks li:last-child { border-right:none; padding-right:0; }*/
	.listLinks li.last-child { border-right:none; padding-right:0; }
/* shade */
.shade {
	position:absolute; width:1px; height:1px; margin:0; padding:0; overflow:hidden;
	font-size:0; line-height:0; text-indent:-999em;
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.touch .shade { display:none!important; }
.break { display:block; }

/* ==========================================================================
   section - POPUP
   ========================================================================== */
body.popup { background:#232426; }
body.popup #container { min-width:400px; }
body.popup #main .seg > .segPadder { max-width:880px; padding:60px; }
body.popup .colFull { width:auto; }


/* ================================================================================================== */
/*  DEBUG STYLES */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* common */
.debug code 		{ display:inline-block; margin:0 0 20px 0; padding:0 10px; clear:both;
					  color:#fff; background:#CC9; text-shadow:0 1px 0px rgba(0,0,0,0.2);
					  font-size:11px; font-weight:bold; line-height:20px;
					  border-radius:10px;	box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); }
.debug h1,
.debug h2,
.debug h3,
.debug h4,
.debug h5			{ background-color:rgba(0,255,0,0.1); 	outline:1px solid green; }
.debug p,
.debug li 			{ background-color:rgba(255,255,0,0.1); outline:1px solid gold;  }
.debug a			{ background-color:rgba(0,0,255,0.1);   outline:1px solid blue;  }
.debug span,
.debug i			{ background-color:rgba(255,0,0,0.1);  	outline:1px solid red;   }
.debug div 			{ background-color:rgba(0,0,0,0);   	outline:1px solid #0ff;  }

/* IE fallback */
.oldie.debug h1,
.oldie.debug h2,
.oldie.debug h3,
.oldie.debug h4,
.oldie.debug h5 {
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1900FF00, endColorstr=#1900FF00);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1900FF00, endColorstr=#1900FF00);
	zoom:1; }
.oldie.debug p,
.oldie.debug li {
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFF00, endColorstr=#19FFFF00);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFF00, endColorstr=#19FFFF00);
	zoom:1; }
.oldie.debug a	{
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190000FF, endColorstr=#190000FF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190000FF, endColorstr=#190000FF);
	zoom:1; }
.oldie.debug span,
.oldie.debug i	{
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FF0000, endColorstr=#19FF0000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FF0000, endColorstr=#19FF0000);
	zoom:1; }
.oldie.debug div {
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000, endColorstr=#07000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000, endColorstr=#07000000);
	zoom:1; }

/* ------------------------------------------------------------------------------ */
/* debugInfo */
#debugInfo {
	/*layout*/position:fixed; width:auto; height:30px; margin:0; padding:0 10px; overflow:hidden; z-index:1000;
	/*style*/color:#ff0; background:rgba(0,0,0,0.7);
	/*text*/font-size:12px; font-weight:bold; line-height:30px; text-align:center; text-transform:uppercase; }
#debugInfo:before 	{ content:''; }
#debugInfo:after 	{ content:'w: 'attr(data-width)/*popped by JS*/; }
.oldie #debugInfo 	{ background:#000; }



/* Added after design - Styled table to appear like calendar */
.leaderText, .contentViewport .calendarTable .leaderText {
  color: #131F6B;
  font-size: 30px;
  font-weight: normal;
  line-height: 100%;
  margin: 0;
  padding: 0 0 10px;
}

.calendarTable { line-height: 120%!important;}


/* eNewsletter Section */
ul.eNewsletter li { background: none; padding: 0;}

.eNewsletter .podItemContainer {
  margin-bottom: 30px;
  margin-right: 2%;
  width: 30%;
}

.eNewsletter .podItemContainer p { display: none;}
.eNewsletter .podItemContainer p.title { display: block; margin-top: 10px;}

.enewsletter-link {
	padding-right: 10px;
	font-family: 'Touche-Bold', sans-serif !important;
	font-size: 13px;
}

.enewsletter-link .icon { padding-right: 2px; position: relative; top: 1px;}

/* Archive Listing */
#enews_listing_archive .specialBox { padding-right: 30px;}

.contentViewport #enews_listing_archive .specialBox .title {
  color: #1B1A1A;
  font-family:'Touche-Regular', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 120%;
  padding-top: 0;
  text-transform: none;
  float: left;
}

.enews_btns {
  display: block;
  float: right;
  height: 20px;
  width: 170px;
  margin-top: -5px;
}

/* Override icon style in special box just for this section */
.contentViewport #enews_listing_archive .specialBox .icon {
  background: none;
  border: none;
  color: #222;
  font-size: 13px;
  height: 18px;
  line-height: 28px;
  padding: 0;

  width: 18px;
  top: auto;
  right: auto;
  position: relative;
  font-size: inherit;
}

@media all and (max-width: 700px) {
	.eNewsletter .podItemContainer { margin: auto; width: 100%; text-align: center;}
}







/* ==========================================================================
   structure - UTILS TOP
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* utilsTop */
#utilsTop { overflow:visible; z-index:100; background: #F1F2F2; }

	/* padder */
	#utilsTop .padder { width:auto; height:auto; padding:30px 9%; overflow:visible; }

	/* cols layout */
	#utilsTop .col 	{ float:left; }
	#utilsTop .c1 	{ width:auto; margin:0 3% 0 0; }
	#utilsTop .c2 	{ width:28%; margin:0 3% 0 0; }
	#utilsTop .c3 	{ width:auto; }
	#utilsTop .c4 	{ width:auto; }

	.oldie #utilsTop .c2 { width:33%; }
	.oldie #utilsTop .c1,
	.oldie #utilsTop .c2 { margin-right:2% }

	/* cols custom style */

	/* title */
	#utilsTop .h2 {
		padding:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		color:#395e68; font-family:'Crimson Text',serif; font-size:25px; line-height: 32px; font-weight:600; line-height:45px; text-transform: uppercase; text-shadow:0 1px 0 rgba(255,255,255,0.4); }

	/* storeSearch */
	#utilsTop #storeSearch { height:45px; padding:0 40px 0 0; }

		/* input */
		#utilsTop #storeSearch #storeSearchInput { height:15px; margin:0; padding:14px 4%; border-right:none; font-size:15px; line-height:15px; background: #fcfcf9; }

		/* btnSearch */
		#utilsTop #storeSearch .btnSearch {
			position:absolute; top:0; right:0; width:45px; height:43px; margin:0; padding:0; overflow:hidden;
			color:#395e68; cursor:pointer!important; text-decoration:none!important;
			border-top: 1px solid #4984a0; border-right: 1px solid #4984a0; border-bottom: 1px solid #4984a0;
			background: rgb(0,152,207); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(0,152,207,1) 0%, rgba(0,118,191,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,152,207,1)), color-stop(100%,rgba(0,118,191,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,152,207,1) 0%,rgba(0,118,191,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,152,207,1) 0%,rgba(0,118,191,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,152,207,1) 0%,rgba(0,118,191,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,152,207,1) 0%,rgba(0,118,191,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098cf', endColorstr='#0076bf',GradientType=0 ); /* IE6-9 */



			background: rgba(19,31,107,0.9);

		}

		#utilsTop #storeSearch .btnSearch:hover,
		#utilsTop #storeSearch .btnSearch:focus,
		#utilsTop #storeSearch .btnSearch:active {

			background: rgb(0,152,207); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(0,152,207,1) 0%, rgba(0,118,191,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,152,207,1)), color-stop(100%,rgba(0,118,191,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,152,207,1) 0%,rgba(0,118,191,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,152,207,1) 0%,rgba(0,118,191,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,152,207,1) 0%,rgba(0,118,191,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,152,207,1) 0%,rgba(0,118,191,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098cf', endColorstr='#0076bf',GradientType=0 ); /* IE6-9 */

			background: rgba(19,31,107,1);

		 }
		.ie7 #utilsTop #storeSearch .btnSearch { top:0px; }

			/* icon */
			#utilsTop #storeSearch .btnSearch .icon {
				top:9px; left:0; width:100%; height:100%;
				text-align:center; font-size:24px; line-height:45px; position: absolute; color: #fff; }

	/* sep */
	#utilsTop .sep {
		display:block; width:0; height:45px; margin:0 2%; padding:0; overflow:hidden; float:left;

		font-size:0; line-height:0; text-indent:-9999em; }

	/* btns - common */
	#utilsTop #btnCart {float: right;}
	#utilsTop .btnMenu {
		display:block; position:relative; height:45px; margin:0; padding:0; overflow:visible;
		color:#131F6B; font-size:17px; font-weight:600; line-height:45px; font-style: normal;
		text-decoration:none!important; cursor:pointer!important; outline:0 none!important;
		white-space:nowrap; text-overflow:ellipsis; font-family: 'Touche-Regular', sans-serif; }
	#utilsTop .btnMenu:hover,
	#utilsTop .btnMenu:focus,
	#utilsTop .btnMenu:active { color:#333; }

		/* layout */
		#utilsTop .btnMenu .icon,
		#utilsTop .btnMenu .label,
		#utilsTop .btnMenu .notes { vertical-align:middle; }

		/* icon */
		#utilsTop .btnMenu .icon { font-size:17px; padding-top: 5px; }
		#utilsTop .btnMenu:hover .icon,
		#utilsTop .btnMenu:focus .icon,
		#utilsTop .btnMenu:active .icon { color:#00417b; }

		/* caret */
		#utilsTop .btnMenu .caret {
			display:none; position:absolute; bottom:0; left:50%; width:0; height:0; margin:0 0 -31px -6px; padding:0; overflow:hidden;
			border:12px solid transparent; border-bottom-color:#f7f5f0;
			font-size:0; line-height:0; text-indent:-9999em; cursor:default!important; }
		#utilsTop .btnMenu .caretOutline { margin-bottom:-30px; border-bottom-color:#ccc!important; }
		#utilsTop .btnMenu.active .caret { display:block; }

	/* btnCate - states */
	#utilsTop #btnCate .fwicon-chevron-up { display:none; }
	#utilsTop #btnCate.active .fwicon-chevron-up { display:inline-block; }
	#utilsTop #btnCate.active .fwicon-chevron-down { display:none; }

	/* btnCart - states */
	#utilsTop #btnCart .fwicon-cross { display:none; }
	#utilsTop #btnCart.active .fwicon-cross { display:inline-block; }
	#utilsTop #btnCart.active .fwicon-chevron-down { display:none; }

	/* btnCate - custom */
	#utilsTop #btnCate .icon { padding-left:10px; }

	/* btnCart - custom */
	#utilsTop #btnCart .label { color:#645f55; font-size:17px; font-weight:700;  font-style: normal;}
	#utilsTop #btnCart .notes { color:#131F6B; display:inline-block; padding-left:10px; }
	#utilsTop #btnCart .icon { padding-left:10px; }
	#utilsTop #btnCart .fwicon-shopping-cart { color:#131F6B; font-size:26px; padding:0 10px 0 0; }
	#utilsTop #btnCart .fwicon-cross { font-size:17px; }
	#utilsTop #btnCart .caret { border-bottom-color:#ebe8e4; }


/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:980px) {

	/* cols layout */
	#utilsTop .c1 { font-size:30px; }
	#utilsTop .c2 { width:31%; }
	.oldie #utilsTop .c2 { width:29%; }

}
@media only screen and (max-width:900px) {

	/* cols layout */
	#utilsTop .c1 { font-size:28px; }
	#utilsTop .c2 { width:25%; }
	.oldie #utilsTop .c2 { width:23%; }

}
@media only screen and (max-width:800px) {

	/* Under Banner Shop area */
	#utilsTop .padder { padding: 30px;}

	/* cols layout */
	#utilsTop .c1 .extra { display:none; }
	#utilsTop .c2 { width:30%; }
	.oldie #utilsTop .c2 { width:28%; }

}
@media only screen and (max-width:760px) {

	/* cols layout */
	#utilsTop .c1 { font-size:22px; }
	#utilsTop .c2 { width:22%; }
	.oldie #utilsTop .c2 { width:20%; }
}
@media only screen and (max-width:650px) {

	/* update padder gaps */
	#utilsTop .padder { padding:15px 3% 10px 3%; }

	/* adjust caret position */
	#utilsTop .btnMenu .caret { margin-bottom:-11px; }
	#utilsTop .btnMenu .caretOutline { margin-bottom:-10px; }

	/* cols layout */
	#utilsTop .c1 { display:none; }
	#utilsTop .c2 { width:auto!important; float:none; clear:both; margin:5px 0 0 0!important; }
	#utilsTop .c3,
	#utilsTop .c4 { margin:10px 0 0 0!important; }
	#utilsTop .c4 { text-align:right; float:right; }
	#utilsTop .sep { display:none; }

}
@media only screen and (max-width:500px) {

	/* shrink btnCart text */
	#utilsTop #btnCart .label { font-size:14px; }
	#utilsTop #btnCart .notes { font-size:12px; }
	#utilsTop #btnCart .fwicon-shopping-cart { font-size:18px; }

	#utilsTop .btnMenu { font-size: 14px; line-height: 120%;}

	#shop #btnCate { height: 30px; padding: 5px 10px 0!important;}

	#utilsTop #btnCart { height: 40px; top: 7px;}

	#utilsTop #btnCart .label { display: none;}

	#main .itemProduct .btnCapsule {
		height: 30px;
		margin: 15px 0 0;
		padding: 0;
		width: auto;
	}

	#main .itemProduct .btnCapsule .label {
		line-height: 120%;
		padding: 7px 10px 5px 10px;
	}

	#main .itemProduct .price { margin-top: 15px;}

}


/* ==========================================================================
   structure - UTILS MENU
   ========================================================================== */

/* common */
.utilsMenu { display:none; background: url(../img/bg-shop-utils.png) repeat #F1F2F2; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

/* -------------------------------------------------------------------------- */
/* menuCate */
#menuCate > .padder { width:auto; margin:45px 9% 20px 0; }

	/* btnCategoryStrip */
	#menuCate .btnCategoryStrip { display:block; width:18.75%;/*4-up*/ margin-left:5%; float:left; }


/* responsive */
@media only screen and (max-width:980px) {

	/* update to 3-up */
	#menuCate .btnCategoryStrip { width:26.60%;/*3-up*/ }

}
@media only screen and (max-width:750px) {

	/* update to 3-up */
	#menuCate .btnCategoryStrip { width:42.50%;/*2-up*/ }

}
@media only screen and (max-width:500px) {

	/* remove container gaps */
	#menuCate > .padder { margin:0; }

}
/* -------------------------------------------------------------------------- */
/* menuCart */
#menuCart > .padder { width:auto; }

	/* -------------------------------------------------------------------------- */
	/* rows */

	/* cartRow */
	#menuCart .cartRow {
		position:relative; width:auto; height:auto; margin:0; padding:0 0 2% 0; overflow:hidden;
		border-bottom:1px solid #d4d0cb; }

	/* extend - cartRowHeader */
	#menuCart .cartRowHeader { background:#ebe8e4; border-bottom-color:#dedad5; }

	/* extend - cartRowSummary */
	#menuCart .cartRowSummary { border-bottom-color:#dedad5; }

	/* extend - cartRowUtils */
	#menuCart .cartRowUtils { padding:3%; background:#f5f3f0; border-bottom:none; }

	/* -------------------------------------------------------------------------- */
	/* cells */
	#menuCart .cartCell { display:block; position:relative; width:auto; height:auto; margin:2% 0 0 3%; padding:0; overflow:hidden; float:left; }

	/* cells - custom */
	#menuCart .c1 	{ width:4%; }
	#menuCart .c2 	{ width:35%;  }
	#menuCart .c3	{ width:20%; margin-left: 0%; }
	#menuCart .c4 	{ width:7%; overflow:visible; }
	#menuCart .c5 	{ width:19%; }
	#menuCart .c12 	{ width:59.5%; } /* c1 + gap + c2 */

	/* -------------------------------------------------------------------------- */
	/* label */
	#menuCart .cartCell .label {
		display:block; position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis;
		color:#333; font-size:16px; font-weight:600; line-height:20px; font-style:normal; text-align:left; }
	.oldie #menuCart .cartCell .label { letter-spacing:-1px; }

	/* extend - labelTitle */
	#menuCart .cartCell .labelTitle { font-size:12px; font-weight:900; text-transform:uppercase; }

	/* extend - labelItemTitle */
	#menuCart .cartCell .labelItemTitle {
		display:block; width:auto; height:auto; margin:0 0 0 80px; padding:0; overflow:hidden;
		font-family:'Crimson Text',serif; font-size:18px; font-weight:400; font-style:italic; vertical-align:top; letter-spacing:0!important;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }

	/* extend - labelNotes */
	#menuCart .cartCell .labelNotes { font-size:12px; font-weight:400; margin-top:5px; letter-spacing:0!important; }

	/* extend - labelSummary */
	#menuCart .cartCell .labelSummary { font-size:14px; font-weight:600; line-height:30px; }

	/* extend - styles */
	#menuCart .cartCell .labelSemi { font-weight:600; }
	#menuCart .cartCell .labelBold { font-weight:700; }
	#menuCart .cartCell .labelHeavy { font-weight:900; }
	#menuCart .cartCell .labelCaps { text-transform:uppercase; }
	#menuCart .cartCell .labelLrg { font-size:18px; margin-top:20px; }

	/* -------------------------------------------------------------------------- */
	/* content */

	/* btn */
	#menuCart .cartCell .btnRemove,
	#menuCart .cartCell .btnItem { cursor:pointer!important; text-decoration:none!important; }
	#menuCart .cartCell .btnItem:hover .label { color:#043E73; }

	/* icon */
	#menuCart .cartCell .icon { color:#043E73; font-size:14px; line-height:20px; }

	/* imgThumb */
	#menuCart .cartCell .imgThumb { display:block; width:60px; height:auto; margin:0; padding:0; float:left; clear:left; }

	/* input */
	#menuCart .cartCell input.text { width:auto; height:16px; margin:-6px 0 0 0; padding:8px 15px 9px 15px; font-weight:700; line-height:16px; }
	#menuCart .cartCell input.num { width:50px; padding-left:5px; padding-right:5px; text-align:center; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:980px) {

	/* move more space to small cells */
	#menuCart .c1 	{ width:10.5%; }
	#menuCart .c2 	{ width:40%;  }
	#menuCart .c3	{ width:10.5%; }
	#menuCart .c4 	{ width:10.5%; }
	#menuCart .c5 	{ width:10.5%; }
	#menuCart .c12 	{ width:53.5%; } /* c1 + gap + c2 */

}
@media only screen and (max-width:800px) {

	/* move more space to small cells */
	#menuCart .c1 	{ width:10.5%; }
	#menuCart .c2 	{ width:34%; }
	#menuCart .c3	{ width:12.5%; }
	#menuCart .c4 	{ width:12.5%; }
	#menuCart .c5 	{ width:12.5%; }
	#menuCart .c12 	{ width:47.5%; } /* c1 + gap + c2 */

	/* squeeze space */
	#menuCart .cartCell .labelItemTitle { margin-left:70px; font-size:17px; }
	#menuCart .cartCell .labelLrg { font-size:16px; }

	/* align input */
	#menuCart .cartCell input.text { margin:0; }

}
@media only screen and (max-width:640px) {

	/* move more space to small cells */
	#menuCart .c1 	{ width:11.5%; }
	#menuCart .c2 	{ width:24%; }
	#menuCart .c3	{ width:15.5%; }
	#menuCart .c4 	{ width:15.5%; }
	#menuCart .c5 	{ width:15.5%; }
	#menuCart .c12 	{ width:38.5%; } /* c1 + gap + c2 */

	/* remove imgThumb */
	#menuCart .cartCell .imgThumb { display:none; }
	#menuCart .cartCell .labelItemTitle { margin-left:0; font-size:16px; }

}
@media only screen and (max-width:500px) {

	/* move more space to small cells */
	#menuCart .c1 	{ width:18%; }
	#menuCart .c2 	{ width:48%; }
	#menuCart .c3	{ display:none; }
	#menuCart .c4 	{ width:22%; }
	#menuCart .c5 	{ display:none; }
	#menuCart .c12 	{ width:69%; } /* c1 + gap + c2 */

	/* increase cell gaps */
	#menuCart .cartRow 	{ padding-bottom:3%; }
	#menuCart .cartCell { margin:3% 0 0 3%; }

	/* re-layout summary */
	#menuCart .cartRowSummary .c4 	{ width:45.5%; }
	#menuCart .cartRowSummary .c5 	{ width:45.5%; display:block; }
	#menuCart .cartRowSummary .c12 	{ width:94%; }
	#menuCart .cartRowSummary .c4,
	#menuCart .cartRowSummary .c4 .label { text-align:left; }

	/* update summary text */
	#menuCart .cartCell .labelLrg 		{ margin-top:10px; }
	#menuCart .cartCell .labelSummary 	{ line-height:20px; }
	#menuCart .cartCell .labelNotes 	{ line-height:15px; }

	/* update button gaps */
	#menuCart .btnBoxLeft,
	#menuCart .btnBoxRight { margin-top:3%; }
	#menuCart .btnBoxLeft:first-child,
	#menuCart .btnBoxRight:first-child { margin:0; }

	/* right align c4, c5 */
	#menuCart .c4,
	#menuCart .c4 .label,
	#menuCart .c5,
	#menuCart .c5 .label { text-align:right; }
	#menuCart .c4 input.text { float:right; }

}

/* ==========================================================================
   structure - UTILS BOTTOM
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#utilsBtm { background:#f9f8f7; }

	/* padder */
	#utilsBtm .padder { width:auto; height:30px; padding:15px 5.5%; }


/* ==========================================================================
   structure - MEGAFOOTER
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#megafooter { background:rgba(255,255,255,0.5); margin-top:4%; padding:50px 0; }
.oldie #megafooter { background:#fbfaf8; }

	/* title */
	#megafooter .title {
		display:inline-block; width:22.5%;/*26.5-4*/ margin:0; padding:0 0 0 4%; overflow:hidden;
		text-align:left; vertical-align:middle; }

		/* label */
		#megafooter .title .label { white-space:nowrap; text-overflow:ellipsis; }

	/* btnAction */
	#megafooter .btnAction { margin:0 5% 0 0; }
	#megafooter .btnAction.last-child { margin-right:0; }
	#megafooter .btnAction:last-child { margin-right:0; }
	.oldie #megafooter .btnAction { margin:0 4% 0 0; }



/* ==========================================================================
   comp - FAV PRODUCTS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#favProducts { position:relative; width:auto!important; height:auto!important; }
#favProducts .slide { background:#fff; height:auto!important; }
#favProducts .spacer { visibility:hidden; } /*opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);*/

/* controls */
#favProducts .controls {
	position:relative; width:auto; height:12px; margin:0; padding:28px 0 20px 0; overflow:hidden; z-index:10;
	background:#fff; }

	/* btnNav */
	#favProducts .controls .btnNav { display:none!important; }

	/* pager */
	#favProducts .controls .pager { display:block; position:relative; margin:0; padding:0; overflow:hidden; text-align:center; }


/* responsive */
@media only screen and (max-width:600px) {

	/* reduce controls gaps */
	#favProducts .controls { padding:0 0 10px 0; }

}

/* ==========================================================================
   comp - CATEGORIES
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* categories */
#categories { overflow:visible; background:#f7f5f0; }
#aside + #categories,
.ie7 #categories { margin-top:8px; }

	/* -------------------------------------------------------------------------- */
	/* slideshow */
	#categories .categoriesSlideshow {
		position:relative; width:auto!important; height:200px!important; margin:0; padding:0 0 50px 0; overflow:hidden; }

		/* slide */
		#categories .slide { width:100%!important; height:150px!important; margin:0; padding:50px 0 0 0; overflow:hidden; text-align:center; }

			/* btnCategory */
			#categories .btnCategory { width:17.5%; }

	/* -------------------------------------------------------------------------- */
	/* controls */
	#categories .controls {
		position:absolute; bottom:0; left:0; width:100%; height:200px; margin:0; padding:0 0 50px 0; }

		/* btnNav */
		#categories .controls .btnNav { display:block; position:absolute; top:50%; margin:-52px 0 0 0; z-index:10; }
		#categories .controls .btnPrev { left:-20px; }
		#categories .controls .btnNext { right:-20px; }

		/* pager */
		#categories .controls .pager {
			 display:block; position:absolute; bottom:0; left:0; width:100%; height:12px; margin:0; padding:10px 0 28px 0; overflow:hidden;
			 text-align:center; }


/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:750px) {

	/* shrink space */
	#categories .categoriesSlideshow { height:180px!important; }
	#categories .slide { height:130px!important; padding-top:50px; }
	#categories .controls { height:180px; }

}
@media only screen and (max-width:640px) {

	/* shrink space */
	#categories .categoriesSlideshow { height:140px!important; padding-bottom:0; }
	#categories .slide { height:80px!important; padding-top:20px; }
	#categories .controls { height:140px; padding-bottom:0; }
	#categories .controls .btnNav { margin-top:-37px; }
	#categories .controls .pager { padding:10px 0 18px 0; }

}
@media only screen and (max-width:500px) {

	/* no interaction, turns to listing */
	#categories { overflow:hidden; }
	#categories .categoriesSlideshow { height:auto!important; padding:0; }
	#categories .slide { height:auto!important; padding:0; text-align:left; }
	#categories .btnCategory { width:auto; }
	#categories .controls { display:none!important; }
	#aside + #categories,
	.ie7 #categories { margin-top:0; }
}



/* ==========================================================================
   comp - PRODUCT DETAIL
   ========================================================================== */
h1.productTitle {font-family: 'Touche-Regular', sans-serif; color: #043e73; width: 40%; font-size: 35px; line-height: 27px; float: left; position: relative; text-transform: none!important;}

div.headings p.price {
	float: right;
	position: relative;
	font-family: 'Touche-Bold', sans-serif;
	font-size: 38px;
	color: #131F6B;
	margin-bottom: 0;
}

div.headings p span.numInfo {
	font-size: 15px;
}

.notesLft {float: left; clear: both; margin: 0 0 20px 0;}
/* -------------------------------------------------------------------------- */
/* container */
#productDetail { position:relative; width:auto; height:auto; margin:2.5% 0 0 0; padding:0; }

	/* -------------------------------------------------------------------------- */
	/* layout */
	#productDetail .info 	{ width:46%; float:left; }
	#productDetail .gallery { width:46%; float:right; }

	/* -------------------------------------------------------------------------- */
	/* info */

		/* price */
		#productDetail .info .price {
			display:block; margin:0; padding:0; overflow:hidden;
			white-space:nowrap; text-overflow:ellipsis;
			color:#222; font-size:32px; font-weight:700; line-height:45px; }
		#productDetail .info .price sup { font-size:18px; }
		#productDetail .info .price .unit { font-size:18px; }

		/* btnCapsule */
		/*#productDetail .info .btnCapsule { margin:5px 0 25px 0; padding:0; background: #131F6B; width: 120px; height: 40px; position: relative; float: left; cursor: pointer; }*/
		#productDetail .btnCapsule .label {
			color: #fff;
			float:left; position: relative;
			padding: 10px 18px;
			font-family: 'Touche-Bold', sans-serif; text-transform: uppercase;

			background: #131F6B;
			width: auto;
		}





	/* -------------------------------------------------------------------------- */
	/* gallery */

		/* slideshow */
		#productDetail .gallery .slideshow { position:relative; width:auto!important; height:auto!important; margin:0; padding:0; overflow:hidden; }

		/* slideshow fix for when only one thumb selected */
		#productDetail .gallery .slideshow { position:relative; width:auto!important; height:539px!important; margin:0 0 5em 0; padding:0; overflow:visible; }

		/* slide */
		#productDetail .gallery .spacer,
		#productDetail .gallery .slide,
		#productDetail .gallery .slide img { display:block; width:100%!important; height:auto!important; margin:0; padding:0; overflow:hidden; }

		/* controls */
		#productDetail .gallery .slideshow .controls .btnNav { display:none!important; }
		#productDetail .gallery .slideshow .controls .pager {
			display:block; position:relative; width:auto; height:auto; margin:0; padding:205px 0 0 0; overflow:hidden; text-align:center; z-index: 1; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:800px) {

	/* give more space to text */
	#productDetail .info 	{ width:58%; }
	#productDetail .gallery { width:36%; }

	#productDetail .gallery .slideshow .controls .pager { padding: 130px 0 0;}
	#productDetail .gallery .slideshow { height: auto!important;}

}
@media only screen and (max-width:500px) {

	/* give more space to text */
	#productDetail .info,
	#productDetail .gallery { width:auto; float:none; clear:both; padding-bottom:10px; }

	#productDetail .gallery .spacer,
	#productDetail .gallery .slide,
	#productDetail .gallery .slide img { height: 424px!important;}

	#productDetail .gallery .slideshow .controls .pager { padding: 20px 0 0;}

	#productDetail .gallery .slideshow { margin:0;}

	/* thumb slideshow to 300px width and centred */
	#productDetail .gallery { max-width: 300px; margin: auto;}


}


/* ==========================================================================
   comp - PROGRESS
   ========================================================================== *
/* -------------------------------------------------------------------------- */
/* container */

#shop div#aside {
	width: 100%;
	clear:both;
	float: none;
	padding: 0px;
	margin: 0;
}

#shop div#aside.relatedProducts { margin: 2em 0 0 0;}

#progress {
	position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
	color:#fff; background:none repeat scroll 0 0 #F1F2F2; }

	/* -------------------------------------------------------------------------- */
	/* bg */
	#progress .bg {
		position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden;
		background:url(../img/bg-tile-progress.png); }

	/* -------------------------------------------------------------------------- */
	/* common */
	#progress > span {
		display:inline-block; position:relative; width:auto; height:60px; margin:0; padding:1.6% 0; overflow:hidden;
		color:#131F6B; vertical-align:middle; text-align: center; }
	#progress span.dimmed {
		/*opacity*/
		opacity:0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter:alpha(opacity=50); }

	/* -------------------------------------------------------------------------- */
	/* title */
	#progress .h2 {
		padding-left:9.2%; padding-right:8.5%; background:rgba(19,31,107,0.9);
		font-family:'Touche-Bold', sans-serif; font-size:30px; line-height:60px; font-style:normal; color: #fff; }
	.oldie #progress .h2 { background:#131F6B; }

	/* -------------------------------------------------------------------------- */
	/* sepCorner */
	#progress .sepCorner {
		width:2.5%;
		/*background-size*/
		-webkit-background-size:100% 100%;
		background-size:100% 100%; }
	.oldie #progress .sepCorner { }

	/* -------------------------------------------------------------------------- */
	/* step */
	#progress .step { width:16.5%; }

		/* icon */
		#progress .step .icon {
			display:block; position:relative; width:auto; height:35px; margin:0; padding:0;
			font-size:28px; line-height:35px;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:none 0.3s ease-in-out;
			-moz-transition:none 0.3s ease-in-out;
			-o-transition:none 0.3s ease-in-out;
			transition:none 0.3s ease-in-out; }

		/* label */
		#progress .step .label {
			display:block; width:auto; height:25px; margin:0; padding:0; overflow:hidden;
			text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis;
			font-size:14px; font-weight:900; line-height:25px; text-align:center; }
		.oldie #progress .step .label { letter-spacing:-1px; }

	/* -------------------------------------------------------------------------- */
	/* sep */
	#progress .sep { width:14px; }
	#progress .sep .icon {
		top:50%; left:50%; width:100%; height:14px; margin:-7px 0 0 -7px;
		font-size:14px; line-height:14px; }


/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:850px) {

	/* smaller title */
	#progress .h2 { padding-left:9.2%; padding-right:8.5%; font-size:30px; text-transform: uppercase; color: #fff; }

}
@media only screen and (max-width:640px) {

	/* hide title */
	#progress .h2,
	#progress .sepCorner { display:none; }

	/* center align */
	#progress { text-align:center; }

	/* fill space */
	#progress .step { width:16.5%; }

	/* smaller step label */
	#progress .step .label { font-size:12px; font-weight:700; }

}
@media only screen and (max-width:500px) {

	/* remove icon */
	#progress > span { height:20px; text-align: center; }

	#progress .step { width:16.5%; padding-left:2.5%; padding-right:2.5%; }
	#progress .step .icon { position:absolute; top:-1px; left:-1px; width:0; height:0; line-height:0; visibility:hidden; }
	#progress .step .label { display:block; height:20px; line-height:20px; font-weight:900; }
	#progress .step.dimmed .label { font-weight:400; }

	#progress .sep { width:10px; }
	#progress .sep .icon { height:10px; margin:-5px 0 0 -5px; font-size:10px; line-height:10px; }

}
@media only screen and (max-width:400px) {

	/* remove icon */
	#progress .step { padding-left:1.5%; padding-right:1.5%; }
	#progress .step .label { font-size:10px; }

}


/* ==========================================================================
   section - CHECKOUT
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* structure - shell */
#checkout #main { background:#f5f3f0; }
#checkout #main > .padder { overflow:visible; }
#checkout #aside { background:#043E73; }

/* -------------------------------------------------------------------------- */
/* utils */
#checkout #utils {
	position:relative; width:auto; height:auto; margin:0; padding:3% 5.5%; overflow:hidden;
	border-top:1px solid #dedad5; }

/* responsive */
@media only screen and (max-width:600px) {

	/* consistent to main > padder */
	#checkout #utils { padding:3% 4%; }

}
@media only screen and (max-width:500px) {

	/* update button gaps */
	#checkout #utils .btnBoxLeft,
	#checkout #utils .btnBoxRight { margin-top:3%; }
	#checkout #utils .btnBoxLeft:first-child,
	#checkout #utils .btnBoxRight:first-child { margin:0; }

}


#btnHintCCInfo {
    cursor: pointer;
    display: none;
    height: auto;
    left: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 29px;
    width: 85px;;
}

.btnHint {
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    margin: 0px 0px 40px;
    padding: 10px 0;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    cursor: pointer;
}



/* -------------------------------------------------------------------------- */
/* summary/creditcard */

/* blocks */
#checkout #summary,
#checkout #creditcard,
#checkout #extra { margin:3% 0; }

/* img */
#checkout #creditcard .header { white-space:normal; }
#checkout #creditcard .header .label { margin-right:4%; white-space:nowrap; }
.ie #checkout #creditcard .header .label { white-space:normal; }
#checkout #creditcard .header img { display:inline-block; }

/* sep */
#checkout #creditcard fieldset.col2b .sep {
	position:absolute; bottom:0; left:-10%; width:10%; height:40px; margin:0; padding:0; overflow:hidden;
	color:#333; font-size:14px; line-height:40px; text-align:center; }
.ie7 #checkout #creditcard fieldset.col2b .sep {
	bottom:10px; }

/* btnHint */
#checkout #creditcard .btnHint {
	display:block; position:relative; width:auto; height:auto; margin:55px 0 0 0; padding:10px 0;
	color:#043E73; font-size:14px; line-height:20px; white-space:nowrap; text-overflow:ellipsis;
	text-decoration:none; }

	/* btnHintCCInfo */
	#checkout #creditcard #btnHintCCInfo {
		display:none; position:absolute; top:-90px; left:-5px; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
		cursor:pointer; }


/* responsive */
@media only screen and (max-width:640px) {

	/* reduce top gap to match fields */
	#checkout #creditcard .btnHint { margin-top:40px; }

	/* move ccv image to better position */
	#checkout #creditcard #btnHintCCInfo { top:-90px; left:-15px; }

}
@media only screen and (max-width:500px) {

	/* reduce top gap to match fields */
	#checkout #creditcard .btnHint { margin-top:35px; }

	/* add header gap */
	#checkout #creditcard .header { margin-top:3%; }

}



/* ==========================================================================
   common - ITEMS
   ========================================================================== */


/* ==========================================================================
   common - ITEMS PRODUCT
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* itemProduct */
.itemProduct { display:block; position:relative; width:auto; height:auto; margin:30px 0 0 0; padding:0; overflow:visible; }
.itemProduct a,
.itemProduct a:hover,
.itemProduct a:focus,
.itemProduct a:active { text-decoration:none; }

	/* imgThumb */
	.itemProduct .imgThumb,
	.itemProduct .imgThumb img {
		display:block; position:relative; width:100%; height:auto; margin:0; padding:0; overflow:visible;
		text-decoration:none!important; }

		/* ribbon */
		.itemProduct .imgThumb .ribbon {
			display:inline-block; position:absolute; bottom:15px; right:-5px; width:auto; height:20px; margin:0; padding:0 5px 0 0; overflow:visible;
			color:#fff; background:#043E73; white-space:nowrap; text-overflow:ellipsis;
			font-size:12px; line-height:20px; text-align:right; text-transform:uppercase; }
		.ie7 .itemProduct .imgThumb .ribbon { padding-left:5px; }
		.itemProduct .imgThumb .ribbon:before {
			content:'';
			display:block; position:absolute; top:0; left:-10px; width:0; height:0; margin:0; padding:0; overflow:hidden;
			border:10px solid #043E73; border-left-color:transparent!important; border-left-width:5px; border-right-width:5px;
			font-size:0; line-height:0; }

	/* padder */
	.itemProduct > .padder { display:block; position:relative; width:auto; height:auto; margin:12px 0; padding:0; overflow:hidden; }

	/* category */
	.itemProduct .category {
		font-weight: 400;
		display:block; font-size:15px; line-height:17px; margin:0 7px 15px 0; padding:0; overflow:hidden;
		white-space:nowrap; text-overflow:ellipsis; color: #088acb;

		font-family: 'Touche-Regular', sans-serif;

	}

	/* title */
	.itemProduct .title {
		display:block; margin:0 0 5px 0; padding:0; overflow:hidden; text-overflow:ellipsis;
		color:#043e73; font-family: 'Touche-Regular', sans-serif; font-size:17px; line-height:19px; font-weight:400; font-style:normal; }
	.itemProduct .title:hover,
	.itemProduct .title:focus,
	.itemProduct .title:active { color:#043E73; }

	/* desc */
	.itemProduct .desc {
		display:block; margin:0; padding:0; overflow:hidden;
		color:#6c6a6a; font-size:16px; font-weight:400; line-height:20px;
  		height: auto; min-height: 20px; }

	/* price */
	.itemProduct .price {
		font-family: 'Touche-Bold', sans-serif;
		display:block; margin:0; padding:0; overflow:hidden;
		white-space:nowrap; text-overflow:ellipsis;
		color:#262626; font-size:18px; font-weight:400; line-height:37px;  float:right;}
		.itemProduct .price sup { font-size:23px; }

	/* btnCapsule */
	/*.itemProduct .btnCapsule { margin:5px 0 0; padding:0; background: #131F6B; width: 120px; height: 40px; position: relative; float: left; }*/

	.itemProduct .btnCapsule .label {
		color: #fff;
		float:left; position: relative;
		padding: 10px 16px;
		font-family: 'Touche-Bold', sans-serif; text-transform: uppercase;

		background: #131F6B;
		width: auto;

	}

	#favProducts .itemProduct > .padder { padding-bottom: 110px; }


	/* PRICE SLIDESHOW */
	#main sup { font-size: 20px; top: 0;}



/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:980px) {

	/* smaller title */
	.itemProduct .title { font-size:16px; line-height:17px; }
	.itemProduct.fixed .title,
	.itemProduct .title.fixed { height:60px;/*3 lines*/ }
}

@media only screen and (max-width:900px) {
	.itemProduct .price { float:none; clear: both;}
}


@media only screen and (max-width:750px) {

	#favProducts .itemProduct > .padder { padding-bottom: 36px; }

	/* hide category */
	.itemProduct .category { display:none; }
	/* hide desc */
	.itemProduct .desc { display:none; }
	/* remove price top gap */
	.itemProduct .price { margin:10px 0; }
	/* smaller title */
	.itemProduct .title { min-height:60px; font-size:14px; }

	/* -------------------------------------------------------------------------- */
	/* productSlab5 */

	/* ribbon */
	.productSlab5 .itemProduct .imgThumb .ribbon,
	.ie7 .productSlab5 .itemProduct .imgThumb .ribbon { bottom:0; right:0; width:100%; padding:0; font-size:11px; text-align:center; }
	.productSlab5 .itemProduct .imgThumb .ribbon:before { display:none; }

	/* price */
	.productSlab5 .itemProduct .price { margin:10px 0; }

	/* btnCapsule */
	.productSlab5 .itemProduct .btnCapsule { height:25px; padding:0 10px; }
	.productSlab5 .itemProduct .btnCapsule .label { line-height:25px; }
	.productSlab5 .itemProduct .btnCapsule .extra { display:none; }

}
@media only screen and (max-width:600px) {

	/* change to stacking */
	#favProducts .itemProduct > .padder { padding-bottom: 36px; }

	/* container */
	.productSlab { width:100%!important; }

	/* item */
	.itemProduct { margin:0 0 15px 0; padding:0 0 0 100px; float:none; clear:both; }
	.productSlab4 .itemProduct,
	.productSlab5 .itemProduct { width:auto; margin-right:0; }

		/* imgThumb */
		.itemProduct .imgThumb { position:absolute; top:0; left:0; width:100px; overflow:hidden; }

		/* ribbon */
		.itemProduct .imgThumb .ribbon,
		.ie7 .itemProduct .imgThumb .ribbon { bottom:0; right:0; width:100%; padding:0; font-size:11px; text-align:center; }
		.itemProduct .imgThumb .ribbon:before { display:none; }

		/* padder */
		.itemProduct > .padder { margin:0 0 0 15px; }

		/* category */
		.itemProduct .category {  }

		/* title */
		.itemProduct .title { min-height:40px;/*2 lines*/ margin-bottom:0; }
		.itemProduct.fixed .title,
		.itemProduct .title.fixed { height:40px;/*2 lines*/ }

		/* desc */
		.itemProduct .desc { display:none; }

		/* price */
		.itemProduct .price { margin:0; font-size:20px; line-height:30px; }
		.itemProduct .price sup { font-size:12px; }

		/* btnCapsule */
		.itemProduct .btnCapsule { height:25px; margin:5px 0 0 0; padding:0 10px; }
		.itemProduct .btnCapsule .label { line-height:25px; }

	/* extend */
	#favProducts .itemProduct { margin:10px 0 15px 0; }
	#productsListing { padding-top:10px; }

	/* -------------------------------------------------------------------------- */
	/* productSlab5 */

	/* price */
	.productSlab5 .itemProduct .price { margin:0; }

	/* btnCapsule */
	.productSlab5 .itemProduct .btnCapsule .extra { display:inline; }

	.itemProduct .price { float:left; clear: none;}

}

/* -------------------------------------------------------------------------- */
/* btnList */
.btnList {
	display:block; position:relative; width:auto; height:auto; margin:0; padding:20px 20px 20px 40px; overflow:hidden;
	border-top:1px solid #eee;
	text-decoration:none; cursor:pointer; }
.btnList:first-child { border:none; }

	/* icon */
	.btnList .icon {
		top:20px; left:25px; width:10px; height:20px; margin:0;
		color:#ee3d5a; font-size:9px; line-height:20px; text-align:left; }

	/* common */
	.btnList .label,
	.btnList .desc {
		display:block; overflow:hidden;
		color:#333;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }

	/* label */
	.btnList .label { font-size:15px; font-weight:900; line-height:20px; text-transform:uppercase; }
	.btnList:hover .label,
	.btnList:focus .label,
	.btnList:active .label { color:#ee3d5a; }

	/* desc */
	.btnList .desc { font-family:'Gentium Book Basic'; font-size:18px; font-weight:400; font-style:italic; line-height:20px; }
	.btnList:hover .desc,
	.btnList:focus .desc,
	.btnList:active .desc { color:#ee3d5a; }

/* -------------------------------------------------------------------------- */
/* btnSlide */
.slideshow .controls .btnSlide,
#categories .controls .btnSlide {
	display:inline-block; width:12px; height:12px; margin:0 0 0 5px; padding:0; overflow:hidden;
	background:#706f6c; font-size:0; line-height:0; vertical-align:middle; outline:0 none!important;
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.slideshow .controls .btnSlide:first-child,
#categories .controls .btnSlide:first-child { margin-left:0; }

/* btnslide interaction */
.slideshow .controls .btnSlide:hover,
.slideshow .controls .btnSlide:focus,
.slideshow .controls .btnSlide:active,
#categories .controls .btnSlide:hover,
#categories .controls .btnSlide:focus,
#categories .controls .btnSlide:active { background:#333; }

.slideshow .controls .activeSlide,
.slideshow .controls .activeSlide:hover,
.slideshow .controls .activeSlide:focus,
.slideshow .controls .activeSlide:active,
#categories .controls .activeSlide,
#categories .controls .activeSlide:hover,
#categories .controls .activeSlide:focus,
#categories .controls .activeSlide:active { background:#043E73; }

	/* hide button text */
	.slideshow .controls .btnSlide span,
	#categories .controls .btnSlide span { display:none; }

/* -------------------------------------------------------------------------- */
/* btnCategory */
.btnCategory {
	display:inline-block; position:relative; width:auto; height:150px; min-width:100px; min-height:150px; margin:0; padding:0; overflow:hidden;
	text-decoration:none; cursor:pointer; text-align:center; vertical-align:top; }
.btnCategory:hover,
.btnCategory:focus,
.btnCategory:active { text-decoration:none; }

	/* icon */
	.btnCategory .icon {
		display:block; position:static; width:100px; height:100px; margin:0 auto; padding:0; overflow:hidden;
		color:#fff; background:#980852; text-decoration:none;
		font-size:56px; line-height:100px;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	.btnCategory:hover .icon,
	.btnCategory:focus .icon,
	.btnCategory:active .icon { background:#043E73; text-decoration:none; }

	/* label */
	.btnCategory .label {
		display:block; height:40px; margin-top:10px; overflow:hidden;
		color:#333!important;
		font-size:14px; font-weight:900; line-height:20px; text-transform:uppercase;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }
	.btnCategory:hover .label,
	.btnCategory:focus .label,
	.btnCategory:active .label { color:#043E73!important; text-decoration:none; }


/* btnCategory - esponsive */
@media only screen and (max-width:750px) {

	/* shrink size */
	.btnCategory { height:120px; min-width:80px; min-height:120px; }
	.btnCategory .icon { width:80px; height:80px; font-size:42px; line-height:80px; }
	.btnCategory .label { height:30px; font-size:12px; font-weight:600; line-height:15px; }

}
@media only screen and (max-width:640px) {

	/* hide label */
	.btnCategory { height:80px; min-width:80px; min-height:80px; }
	.btnCategory .label { display:none; }

}
@media only screen and (max-width:500px) {

	/* stacking listing item */
	.btnCategory {
		display:block; width:auto; height:auto; min-width:0; min-height:0; padding:3% 4%;
		text-align:left; border-top:1px solid #fff; }
	.btnCategory .icon {
		display:inline-block; width:40px; height:40px;
		font-size:20px; line-height:40px; vertical-align:middle; }
	.btnCategory .label {
		display:inline-block; height:auto; margin:0 4%;
		white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;
		font-size:14px; font-weight:900; line-height:40px; }

}

/* -------------------------------------------------------------------------- */
/* btnCategoryStrip */
.btnCategoryStrip {
	display:inline-block; position:relative; width:auto; height:50px; margin:0 0 25px 0; padding:0; overflow:hidden;
	text-decoration:none; cursor:pointer; text-align:left; vertical-align:top; }
.btnCategoryStrip:hover,
.btnCategoryStrip:focus,
.btnCategoryStrip:active { text-decoration:none; }

	/* icon */
	.btnCategoryStrip .icon {
		display:block; position:absolute; top:0; left:0; width:50px; height:50px; margin:0; padding:0; overflow:hidden;
		color:#fff; background:#043E73; text-decoration:none;
		font-size:24px; line-height:50px; vertical-align:middle;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	.btnCategoryStrip:hover .icon,
	.btnCategoryStrip:focus .icon,
	.btnCategoryStrip:active .icon { background: none; text-decoration:none; color: #131F6B; }

	/* label */
	.btnCategoryStrip .label {
		display:inline-block; height:32px; margin:14px 0 9px 62px; padding:0; overflow:hidden;
		color:#645f55!important; vertical-align:middle;
		font-family: 'Crimson Text', serif; font-size:19px; font-weight:400; line-height:20px; text-transform:uppercase;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }
	.btnCategoryStrip:hover .label,
	.btnCategoryStrip:focus .label,
	.btnCategoryStrip:active .label { color:#131F6B!important; text-decoration:none; }

	.oldie .btnCategoryStrip .label { letter-spacing:-1px; }


/* btnCategoryStrip - responsive */
@media only screen and (max-width:500px) {

	/* stacking listing item */
	.btnCategoryStrip {
		width:auto!important; height:auto; margin:0!important; padding:3%; float:none!important; clear:both!important;
		border-top:1px solid #fff; }
	.btnCategoryStrip:first-child { border:none; }
	.btnCategoryStrip .icon {
		display:inline-block; position:static; top:auto; left:auto; width:40px; height:40px;
		font-size:20px; line-height:40px; vertical-align:middle; }
	.btnCategoryStrip .label {
		display:inline-block; height:auto; margin:0 4%;
		white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;
		font-size:14px; font-weight:900; line-height:40px; }

}



/* -------------------------------------------------------------------------- */
/* extend - layout */

/* container */
.productSlab { position:relative; width:104%!important; height:auto; margin:0; padding:0; overflow:hidden; }

/* item */
.itemProduct { float:left; }
.productSlab4 .itemProduct { width:21.00%; margin-right:3.90%; }
.productSlab5 .itemProduct { width:21%; margin-right:3.90%; }

/* -------------------------------------------------------------------------- */
/* extend - content height */
.itemProduct.fixed .title,
.itemProduct .title.fixed { height:auto;/*2 lines*/ }

.itemProduct.fixed .desc,
.itemProduct .desc.fixed { height:140px;/*7 lines*/ }


#checkout #main {float: left; width: 100%; padding: 0 0;}
#checkout #aside {width: 100%;}















/* ===================================================================================================================================================
   SHOP TWEAKS
   =================================================================================================================================================== */

/* Page headings & product titles */
#shop .headings .h1,
#productsListing a.title,
.btnCategoryStrip .label,
#favProducts .slide .padder a.title {
	color: #043E73;
	font-family: 'Touche-Regular', sans-serif;
	font-weight: normal;
}

#shop .headings .h1 {text-transform: uppercase;}

/* Related Products */
#productsListing .productSlab .itemProduct { margin-top: 0;}

/* Category select button */
#shop #btnCate { color: #131F6B; background: #FFF; padding: 0 15px; border: 1px solid rgba(0,0,0,0.2);}
#shop #btnCate:hover { color: #00417B;}


#menuCate > .padder { margin: 45px auto 20px; max-width: 980px; width: 100%;}

#menuCate a.btnCategoryStrip {
	width: auto;
	height: 80px;
	margin: 0 40px 0 0;
}

.btnCategoryStrip .icon {
	color: rgba(19,31,107,0.8); background: none;
	font-size: 60px;
	border-radius: 0;
	height: auto; width: auto;
	position: relative; top: 0; left: 0;
	-webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
	-o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;
}
.btnCategoryStrip .icon:hover,
.btnCategoryStrip .icon:hover .label { background: none; color: rgba(19,31,107,1);}

.btnCategoryStrip .label {
  color: #003d6d !important;
  display: block;

  text-align: center;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  line-height: 120%;
  margin: 0 auto;
  padding: 0;
}






/* Category heading */
#shop .headings .h1 { font-size: 24px;}

/* Product tile */





/* Success tick */
.sysmsg .icon { padding-right: 10px; position: relative; top: 2px;}



/* -------------------------------------------------------------------------- */
/* Responsive Shop Landing */
@media all and (max-width: 1024px) {
	body#shop #main {
		width: 98%;
		padding: 0 1%;
	}

	#menuCate > .padder { margin: 45px 9% 20px 1%;}
}

/* Products on one row screen width under 600px */
@media all and (max-width: 600px) {
	.productSlab .itemProduct {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		padding-left: 0;
	}

	.itemProduct .btnCapsule { height: 40px;}
	.itemProduct .price { float: none; padding-left: 20px; margin-top: 10px;}
	.itemProduct .imgThumb { position: relative; max-width: 73px; float: left; padding-right: 20px;}
}

/* Category icons responsive */
@media all and (max-width: 600px) {
	#menuCate > .padder { margin: 10px auto 10px;}

	#menuCate a.btnCategoryStrip {
		float: left!important; clear: none!important;
		height: auto!important;
		border: none!important;
	}

	.btnCategoryStrip .icon { line-height: 120%;}

}

/* single item responsive view */
@media all and (max-width: 450px) {
	#shop .headings h1.productTitle { float: none; clear: both; width: 100%;}
	div.headings p.price {float: none; margin-top: 0; padding: 10px 0 25px 0;}





}





/* Cart Dropdown */
#menuCart .cart-cells-container {
	  border-bottom: 1px solid #d4d0cb;
	  background: #FFF;
}

#menuCart .cartRowHeader,
#menuCart .cart-cells-container.cart-head { background: #F1F2F2;}

#menuCart .cartRow {
  border: none;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0 0 2%;
  position: relative;
  width: auto;
  max-width: 980px;
  margin: auto;
}

#menuCart .cartCell .labelTitle {
  font-size: 14px;
  color: #131F6B;
  font-weight: normal;
}

#menuCart .cartCell .labelItemTitle {
  display: block;
  font-family: 'Touche-Bold', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  height: auto;
  letter-spacing: 0 !important;
  margin: 0 0 0 80px;
  overflow: hidden;
  padding: 0;
  transition: color 0.3s ease-in-out 0s;
  vertical-align: top;
  width: auto;
  color: #8E8E80;
}

#menuCart .cartCell .labelBold {
  font-weight: normal;
  font-size: 20px;
  color: #8E8E80;
  font-family: 'Touche-Bold', sans-serif;
}

/* Item price align right */
#menuCart .cartCell.c5 .labelTitle,
#menuCart .cartCell.c5 .labelBold.num { text-align: right;}

#cart-buttons .btnBox,
#checkoutDetails #utils .btnBox,
#checkoutPayment .btnBox {
  background: #131F6B;
  border-radius: 0;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  margin: 0 28px 20px 0;
  min-width: 50px;
  overflow: hidden;
  padding: 0 11px;
  position: relative;
  text-decoration: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cart-buttons .btnBox:hover { background: #00417B;}

#cart-buttons .btnBox.btnBoxLeft { margin-left: 29px;}

#menuCart .cartCell .labelSummary {
  font-weight: normal;
  font-size: 18px;
  color: #131F6B;
  font-family: 'Touche-Bold', sans-serif;
}

#menuCart .cartCell .labelHeavy {
  font-weight: normal;
  font-size: 40px;
  color: #8E8E80;
  font-family: 'Touche-Bold', sans-serif;
}

/* Cart subtotal and total */
#menuCart .cartRowSummary .c4,
#menuCart .cartRowSummary .c5 {
	width: auto;
	height: auto;
	float: right;
	clear: right;
	padding-right: 28px;
}

#menuCart .cartRowSummary .c5 { margin-top: 0;}

#menuCart .cartCell.c4 .labelLrg,
#menuCart .cartCell.c5 .labelLrg { margin-top: 0; line-height: 120%;}


#menuCart .cartCell .labelNotes { line-height: 120%;}


/* Cart Responsive */
@media all and (max-width: 640px) {
	#menuCart .cartCell .labelItemTitle { margin: 0 0 0 0;}

	#menuCart .cartRowSummary .c4, #menuCart .cartRowSummary .c5 {
		clear: none;
		float: left;
		height: auto;
		padding-right: 0;
		width: auto;
		margin-top: 20px;
	}

	/* Full width for disclaimer */
	#menuCart .cartRowSummary .c12 { width: 90%;}

	#menuCart #cart-buttons .btnBoxLeft,
	#menuCart #cart-buttons .btnBoxRight {
		float: none!important;
		margin: 5px auto;
		display: block;
		clear: both;
		width: 80%;
	}

}



/* Checkout */
#checkoutDetails #utils { margin-top: 30px;}

@media all and (max-width: 1120px) {
	#progress .step { width: auto;}
}

@media all and (max-width: 640px) {
	#progress .step { width: auto;}
}


/* Checkout Progession - Confirmation */
#billing #menuCart .c12 { width: 100%;}

.price-container { float: right; width: 100%; max-width: 360px;}

#billing #menuCart .c4,
#billing #menuCart .c5 {
	float: left;
	margin-top: 2%;
	text-align: right;
	clear: none;
}

#billing #menuCart .cartRowSummary .c4 { width: auto; padding: 0 32px 0 0;}
#billing #menuCart .cartRowSummary .c5 { width: 210px;}

#billing #menuCart .c4 .label,
#billing #menuCart .c5 .label { text-align: right;}

#billing #menuCart .cart-subtotal,
#billing #menuCart .cart-delivery { font-size: 14px; margin: 10px 0;}


/* Move Total down so its separated visually as the total price */
.cart-total { position: relative; top: 24px;}
.num.cart-total { position: relative; top: 0px;}



/* Checkout Progession - Payment */
#checkoutPayment .btnBox.change-shipping { margin-top: 10px;}

.valid-until { position: absolute;}

.payment-utils { margin-top: 10px;}

#checkoutPayment .btnBox.make-payment { margin-right: 0;}


#creditcard .col2a, #creditcard .col2b {
  margin: 2% auto;
  max-width: 980px;
}


@media all and (max-width: 540px) {
	#checkoutPayment .btnBox.change-shipping { margin-top: 20px; display: inline-block!important;}


	/* Order Summary */
	#billing #menuCart .cartRowSummary .c5 {
		width: 178px;
	}

	#billing #menuCart .cartRowSummary .c5 .num.cart-total { font-size: 30px;}
	.cart-total { top: 15px;}



}


/* Shop extras 17/02/2015 */


/* Welcome message */
#main .padder .shop-landing.headings h1 {
  color: #043e73;
  font-family: 'Touche-Bold', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 25px;
	color: #043E73;
}

#main .padder .shop-landing.headings p { font-size: 18px; line-height: 120%;}

/* Slider nav buttons */
#main .slideshow .activeSlide { background: #333;}

#favProducts .itemProduct .btnCapsule {

}

/* Responsive Shop Landing slideshow */
@media all and (max-width: 600px) {
	#favProducts a.title { margin-top: 0; min-height: 0; height: auto;}

	#favProducts .productSlab { width: 100%!important;}

	#favProducts .itemProduct .price { float: right; margin-top: 25px; padding-left: 0;}

	#favProducts .itemProduct .btnCapsule {
  height: auto;
  margin: 18px 0 0;
  padding: 5px 10px;
  width: auto;
}

#main #favProducts .itemProduct .btnCapsule .label { padding: 0;}

}

.slide .itemProduct { margin-top: 0;}

#main .viewMore { color: #088ACB; font-size: 15px; text-decoration: none; float: right; font-family: 'Touche-Regular', sans-serif; font-weight: normal; text-transform: none}
#main .viewMore:hover { color: #043e73;}


.sameAsLink {margin-left: 2.1%; font-size: 0.8em; color: #00ADFF; text-decoration: none;}
.sameAsLink:hover,
.sameAsLink:focus,
.sameAsLink:active {color: #131F6B; text-decoration: none; }


/* Revamp September 2016 */
.logo-crest {
	width: 50%;
	float: right;
	width: 12%;
	padding: 0 0 20px 20px;
	margin-top: -40px;
}



/* Video popup */
.modal {
	padding: 0px;
	left: 50%;
	top: 50%;
	position: fixed;
	z-index: 500;
	background: #fff;
}

.modal.size-m {
	width: 800px;
	height: 450px;
}

.modal.size-l {
	width: 700px;
	height: 394px;
}

.modal.size-s {
	width: 500px;
	height: 281px;
}

.modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.5;
	top: 0;
	left: 0;
	z-index: 100;
}

.modal-close {
	color: #FFF;
	background: #131F6B;
	border: 1px solid #131F6B;
	font-size: 30px;
	line-height: 100%;
	position: absolute;
	top: 4px;
	right: 4px;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 13px 1px;
}

.modal-close:hover {
	color: #131F6B;
	background: #FFF;
}

/*October 2016*/

.contentViewport h1 {
	font-size:29px!important;
}


/* November 2016 */

/* White (blank) list items */
ul.no-bullet li,
ul.no-bullet ul li,
ul.no-bullet ul ul li  {
	list-style: none;
	background: none;
}




.content-main .table-content{
	display: block;
	width:100%;
	text-align: center;
	margin-bottom: 30px;
}

.table-content div {
	display:inline-block;
}


.table-content .div-img {
	width:180px;
}
.table-content .div-img img {
	vertical-align:text-bottom;
}

.table-content .div-txt {
	width:440px;
	text-align: left;
}

.div-txt strong {
	display:block;
	margin-bottom: 5px;
	margin-top: 15px;
}

@media (max-width:450px){
	.table-content div {
		width:90%!important;
		margin:0 auto;
	}
}