@charset "utf-8"; 
	@import url(/_shared/common/bootstrap3/bootstrap-3.1.1/css/bootstrap.min.css);
	@import url(//netdna.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css); /* http://fontawesome.io/icons/ for icons */
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,700,600);
/* --------------------------------<GLOBAL>-------------------------------- */
	body{font-family:'Open Sans', sans-serif; color:#57616b; font-size:16px;}
	
	/* Headers */
	h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{font-family:'Open Sans', sans-serif;}
	h1, .h1{color:#555; font-size:30px; font-weight:400;}
	h2, .h2{color:#555; font-size:30px; font-weight:300;}
	h3, .h3{color:#555; font-size:24px; font-weight:400;}
	h4, .h4{color:#555; font-size:18px; font-weight:400;}
	h5, .h5{color:#555; font-size:16px; font-weight:700;}
	h6, .h6{color:#555; font-size:14px; font-weight:700;}
	
	/* Links */
	a:link, a:active, a:visited{color:#3466b5; text-decoration:none;}
	a:focus, a:hover{color:#3466b5; text-decoration:underline; outline:none;}
	
	/* Tables */
	.table-responsive {margin:30px 0;}
	table{border:0; margin:30px 0}
	table caption{background:#666; color:#fff; font-weight:bold; border:0px solid; text-align:left; padding:10px; margin:0;}
	table th, table td{background:#fff; border-bottom:1px solid #c0c0c0!important; border-right:0px solid #fff!important; padding:10px;}
	table th{background:#eee; color:#595959; font-weight:bold;}

/* --------------------------------<SYSTEM>-------------------------------- */
	html{-webkit-font-smoothing: antialiased;}
	form, fieldset{margin:0; padding:0; border:0;} a img, :link img, :visited img{border:0;} acronym{cursor:help; border-bottom:1px dotted;}
	li.webdebug{z-index:10000; position:relative; color:red; display:block; background:#fff; width:50%; left:0; text-align:left; white-space:nowrap; filter:alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6;}	
	.instructional{background-color:#FFFFCF!important; border-top:1px dotted #666; padding:20px; color:#000!important}
	.instructional h1, .instructional h2{padding:0px; margin:0px;}
	.info{color:#666;} #content .info:before{font-family:"FontAwesome"; content:"\f05a"; margin-right:5px; color:#3498db;}
	.SiteSearch legend, .SiteSearch label, .Zone legend, .Zone label, .Zone h1, .hidden, .pnlGoogleMapsLink, .rssLinkContainer ul li.RSSHelpLink a img {display:none!important;}
	.pnlHoverControlsNews a{height:20px;} /* Siternity fix */
	
	.NavVertical ul, .NavVertical ul li, .NavHorizontal ul, .NavHorizontal ul li, .secondaryNav ul li, secondaryNav ul li, ul.paging li, #StyleSheetTools ul, #StyleSheetTools ul li, #BreadCrumb ul, #BreadCrumb ul li, #footerAddress ul, #footerAddress ul li, .rssLinkContainer ul, .rssLinkContainer ul li{list-style:none; margin:0; padding:0}
	.NavVertical ul li a, .NavHorizontal ul li a, #Tools1 ul li a{overflow:hidden; display:block; text-decoration:none;}
	.secondaryNav ul li, #BreadCrumb ul li, .rssLinkContainer ul li{display:inline;}
	
	.rssLinkContainer ul li{border-left:1px solid #ccc; padding-left:10px!important; margin-left:10px!important; display:none;}
	.rssLinkContainer ul li.first{margin-right:0px!important; margin-left:0px!important;}
	.rssLinkContainer ul li:first-child{border-left:0px; padding-left:0px!important; margin-left:0px!important;}	
	.rssLinkContainer ul li.RSSHelpLink a:before{font-family:"FontAwesome"; content:"\f143"; color:#f58d1e; padding-right:5px;}
	.zoomContainer {z-index:998;}

	.scrollup{width:41px; height:41px; position:fixed; bottom:15px; right:15px; font-size:36px; display:none; z-index:30000; font-family:"FontAwesome";}
	.scrollup:before{content:"\f139"; color:#cbcbcb; filter:alpha(opacity=50); opacity:0.5;} .scrollup:hover:before{color:#3466b5; filter:alpha(opacity=100); opacity:1;} .scrollup:hover{text-decoration:none!important;}	

	/* Bootstrap Button: http://blog.koalite.com/bbg/ */
	.btn-primary{color: #ffffff!important; background-color: #3466b5; border-color: #3466b5;}
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color:#ffffff!important; background-color: #103062; border-color: #103062; }
	.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-image: none;}
	.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, 
	fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, 
	.btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, 
	.btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #333; border-color: #333; color:#fff!important}
	.btn-primary .badge {color: #3466b5!important; background-color: #ffffff;}
	/* Bootstrap Button END */
	
	a.btn{color: #ffffff!important;} /* Bootstrap Link */

/* --------------------------------<Header>-------------------------------- */
	#topHeader{background:#fff; position:relative;}

		#topBar {background:#304b76; color:#bbc3cb; font-size:12px;}
		#topBar a {color:#bbc3cb;}
		#topBar a:hover {color:#fff;}

        .topContacts ul{ list-style: none; padding: 12px 0px 0px 0px}
        .topContacts ul li{ list-style: none;  display: inline}
        .topEmail{ font-size: 28px; font-weight: 200; color: #375fa0; background: url(../../images/bgs/topemail.png) no-repeat 0px 6px; padding:0px 30px 0px 37px}
        .topPhone{ font-size: 28px; font-weight: 200; color: #375fa0; background: url(../../images/bgs/topphone.png) no-repeat 0px 6px; padding:0px 0px 0px 37px}

		/* Logo */			
			#logo{margin:-37px 0px 0px -25px; display:block; text-align:center; position: absolute; z-index: 500}
			#logo a{}

		/* #StyleSheetTools */
			#StyleSheetTools{}
			#StyleSheetTools ul{white-space:nowrap;}
			#StyleSheetTools ul li{padding:0px 8px 0px 17px;}
			#StyleSheetTools ul li.cssPrint{}
			#StyleSheetTools ul li.cssPrint a:before{content:"\f02f";}
			#StyleSheetTools ul li a{display:block; width:100%; height:100%; outline:none;}				
				#StyleSheetTools ul.cssFile{}		
				#StyleSheetTools ul.cssTextSize li.textSizeIntro{padding-left:12px;}
				#StyleSheetTools ul.cssTextSize li{padding:0px 0px 0px 0px; margin-right:4px;}
				#StyleSheetTools ul.cssTextSize li.textSize{width:13px;}   	
				#StyleSheetTools ul.cssTextSize li.textSize.textDefault{font-family:"FontAwesome";}
				#StyleSheetTools ul.cssTextSize li.textSize.textDefault:before{content:"\f031"; font-size:1em;}
				#StyleSheetTools ul.cssTextSize li.textSize.textMed{}
				#StyleSheetTools ul.cssTextSize li.textSize.textMed:before{content:"\f031"; font-size:1.2em;}
				#StyleSheetTools ul.cssTextSize li.textSize.textLrg{}
				#StyleSheetTools ul.cssTextSize li.textSize.textLrg:before{content:"\f031"; font-size:1.4em;}
	
		/* toolsNavigation */				
			#toolsNavigation{height:35px; z-index:1;}
			#toolsNavigation ul{margin:0; padding:0;}
			#toolsNavigation ul li{display:inline-block; height:25px; margin:0; padding:0;}
			#toolsNavigation ul li a{display:inline-block; padding:0; margin:0}

		/* Main Nav*/
			#MainNav{background-color:transparent; margin:0px -15px 3px 0px; height:35px;}
			#MainNav ul{margin:0px; padding:0px 0px 0px 4px; height:35px; list-style-type:none;}
			#MainNav ul li{margin:0px 0px 0px -4px; padding:0px; font-size:0; display:inline-block; position:relative;}
			#MainNav ul li a{padding:2px 21px; font-size:16px; color:#57616b; text-align:center; font-style:normal; display:block; text-decoration:none; white-space:nowrap;}	/* nowrap for IE only */
			#MainNav ul li a.item36Link{}
			#MainNav ul li a img{}
			#MainNav ul li.dropdown span.menudrop {display:none;}
			#MainNav ul li a:hover{color:#3466b5;}
			#MainNav ul li.active a{color:#103062; position:relative;}
		




            /* Sub navs - widths are required */
            #MainNav ul ul ul {left:100%; top:0; z-index:70;padding:0}
            #MainNav ul li:hover > ul {display:block; margin:0px; width:225px; position:absolute; box-shadow:none; border-radius:0px;padding:0}
            #MainNav ul.moveLeft{left:-225px;}
			#MainNav ul.level2.moveLeft{right:0px; left:initial;}
			.level2 a {border-radius:0px!important;}
			.dropdown-menu {border:0px;}
			.dropdown-menu>li>a {white-space:normal;}

			#MainNav ul ul.level2 li, #MainNav ul ul.level2 ul li{float:left; width:225px; position:relative; margin-left:0px;} /* width required */
			#MainNav ul ul.level2 li a, #MainNav ul ul.level2 ul li a{padding:10px 15px; font-size:14px; font-weight:400;  width:100%; background:#103062; color:#fff; border-bottom:1px solid #23457a; text-align:left; white-space:normal;}
	
			/* all other li a this */
			#MainNav ul.level2 li a:hover{background:#0e264c; color:#fff;}
				#MainNav ul.level2 li a.navSelected:before{display:none;}
			
			/* Set the shadow position */
			.ddshadow{position:absolute; display:none}




			#LanguageNav {margin:15px 0px 0px 0px;}
				#LanguageNav ul{margin:0px; padding:0px; list-style-type:none;}
				#LanguageNav ul li{margin:0px; padding:0px; font-size:12px; display:inline-block; position:relative; color:#909090;}
				#LanguageNav ul li:before {padding:0px 10px; content:"/"; display:inline-block;}
				#LanguageNav ul li:first-child:before {display:none;}
				#LanguageNav ul li a{color:#909090; font-style:normal;}
				#LanguageNav ul li.dropDown span.menudrop {display:none;}
				#LanguageNav ul li a:hover{color:#3466b5;}
				#LanguageNav ul li.active a{color:#3466b5;}
				#LanguageNav ul li a.selected{color:#3466b5;}
				#LanguageNav ul li.active a:hover{ color:#3466b5;}
				#LanguageNav ul.level2 {display:none;}
			
			/* Set the shadow position */
			.ddshadow{position:absolute; display:none}

/* --------------------------------<Social Networking>--------------------- */
			ul.socialNetworkNavigation {padding:0px; margin:0px; list-style:none; display:inline-block;}
			#topHeader ul.socialNetworkNavigation {display:inline-block; margin:15px 0px 0px 0px;}
			ul.socialNetworkNavigation li{padding:0px 20px 0px 3px; border-right:1px solid #75808a; margin-right:20px; display:inline-block;}
			ul.socialNetworkNavigation li:first-child{padding-left:0px; margin-left:0px;}
			ul.socialNetworkNavigation li a{display:inline-block;}
			ul.socialNetworkNavigation li a:before{font-family:"FontAwesome"; float:right; padding-left:10px; margin-top:-3px; font-size:18px; text-align:center; vertical-align:middle; display:inline-block;}
			ul.socialNetworkNavigation li.twitter a:before {content:"\f099";}
			ul.socialNetworkNavigation li.facebook a:before {content:"\f09a";}
			ul.socialNetworkNavigation li.app a:before {content:"\f10b";}

/* --------------------------------<Phone Navigation>---------------------- */
			#PhoneNav {}
				#PhoneNav ul.nav {padding-top:0px; padding-bottom:0px;}
				#PhoneNav ul.nav li {border-bottom:1px solid #ccc;}
				#PhoneNav ul.nav li a {padding-left:10px; padding-right:33px; color:#3466b5;}
				#PhoneNav ul.nav li a:hover {color:#fff; background:#3466b5;}
				#PhoneNav ul.nav li a.dropDown {position:relative;}
				#PhoneNav ul.nav li span.menudrop {position:absolute; right:0; top:0; height:100%; z-index:2;}
				#PhoneNav ul.nav li span.menudrop .dropbtn {padding:0px; cursor:pointer; font-style:14px;}
				#PhoneNav ul.nav li span.menudrop .dropbtn:before {color:#fff; content:"\f0fe"; font-family:"FontAwesome"; display:inline-block; padding:10px 15px; background:#ccc;}
				#PhoneNav ul.nav li span.menudrop .dropbtn-close:before {content:"\f146";}
				#PhoneNav ul.nav li span.menudrop .dropbtn:hover:before {background:#3466b5;}
				#PhoneNav ul.nav li ul.level2, #PhoneNav ul.nav li ul.level3, #PhoneNav ul.nav li ul.level4{display:none; margin:0px; padding:0px; border-bottom:0px;width: 100%;margin: 0 0 10px;position:relative;border-radius: 0;background: #fff}
				#PhoneNav ul.nav li ul li {border-bottom:0px;}
				#PhoneNav ul.nav li ul li a{padding:10px 0  10px 20px;}
				#PhoneNav ul.nav li ul li ul li a{padding-left:30px;}
				#PhoneNav ul.nav li ul li ul li ul li a{padding-left:40px;}

				#PhoneNav ul.socialNetworkNavigation {text-align:center; padding:30px 15px 10px 15px;}
				#PhoneNav ul.socialNetworkNavigation li {padding:10px 0px 10px 0px; margin:0px; border:0px;}

				.menu-link {font-size:0px; background:#fff; display:inline-block; padding:12px 15px 0px 15px; margin-left:-15px; height:50px;}
				.menu-link:before {color:#3466b5; font-family:"FontAwesome"; content:"\f0c9"; font-size:24px; line-height:normal;}
				/*.menu-link.active:before {content:"\f00d";}*/
				.menu-link:hover {background:#fff; color:#777;}
				.menu-link:hover:before {color:#777;}

				.menu-wrap {
					position: absolute;
					overflow-y: auto;
					z-index: 200;
					width: 300px;
					height: 100%;
					background: #fff;
					border-right:1px solid #ccc;
				}
				.menu-wrap {
					-webkit-transform: translate3d(-320px,0px,0);
					transform: translate3d(-320px,0px,0);
					-webkit-transition: -webkit-transform 0.4s;
					transition: transform 0.4s;
					-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
					transition-timing-function: cubic-bezier(0.7,0,0.3,1);
				}
				.show-menu .menu-wrap {
					-webkit-transform: translate3d(0px,0px,0);
					transform: translate3d(0px,0px,0);
					-webkit-transition: -webkit-transform 0.8s;
					transition: transform 0.8s;
					-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
					transition-timing-function: cubic-bezier(0.7,0,0.3,1);
				}
				.show-menu .content::before {
					opacity: 1;
					-webkit-transition: opacity 0.8s;
					transition: opacity 0.8s;
					-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
					transition-timing-function: cubic-bezier(0.7,0,0.3,1);
					-webkit-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
				}

			.ie9 .menu-wrap {left:-320px; top:0px;}
			.ie9 .show-menu .menu-wrap {left:0px;}

/* --------------------------------<Cart Button>--------------------------- */
			.CartBtn {height:35px; width:110px; position:relative; display:inline-block; vertical-align:middle; margin:15px 0px 0px 15px;}
			.CartBtn a{padding:10px 15px 10px 15px; position:absolute; top:0px; left:0px; display:inline-block; white-space:nowrap; max-height:35px; font-size:12px; line-height:1; background:#444; color:#fff;}
			.CartBtn a:after{font-family:"FontAwesome"; content:"\f07a"; font-size:16px; vertical-align:middle; margin-left:10px;}
			.CartBtn a:hover{background:#000;}

			#PhoneNav .CartBtn {width:100%; height:auto; text-align:center; margin:0px; padding:15px 10px 0px 10px;}
			#PhoneNav .CartBtn a{position:relative; height:auto; width:100%;}

/* --------------------------------<Site Search>--------------------------- */
		.searchbar {display:none; background:#ccc;}

		.SiteSearch{height:60px; line-height:1; width:100%; position:relative; margin:10px 0px; display:inline-block; vertical-align:middle; text-align:center;}
		.SiteSearch .form{padding:0px; margin:0px; height:60px;}
		.SiteSearch .form-horizontal .control-label {display:none!important;}
			.SiteSearch input{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:1px 10px; line-height:normal; height:60px;}
			.SiteSearch input[type="text"]{background-color:#fff; font-size:30px; border:0px; top:0px; left:0px; width:100%; padding-right:60px; position:absolute;}
			.SiteSearch .btn-group {top:0px; right:0px; position:absolute;}
			.SiteSearch input[type="submit"]{background-color:#3466b5; color:#fff!important; font-size:20px; border:0px; vertical-align:middle; top:0px; right:0px; width:60px; position:absolute; font-family:"FontAwesome";}
			.SiteSearch input[type="submit"]:hover{background-color:#49313f; color:#fff!important;}

		.SearchLink {display:inline-block; padding-top:10px; text-align: left; width: 300px; border-left: 1px solid #75808a; padding-left: 10px}
		.SearchLink a:before {float:right; padding-left:10px; margin-top:-3px; font-size:18px; font-family:"FontAwesome"; content:"\f002"; text-align:center; vertical-align:middle;}
		.searchbtn {cursor:pointer;}

/* --------------------------------<newsletter>---------------------------- */
		.newsletter h3{}
		.newsletter .form {position:relative; padding-bottom:40px;}
		.newsletter .form-group {top:0px; right:0px; width:100%; max-width:55px; position:absolute; text-align:right;}
		.newsletter .form-group.required {max-width:100%;}
		.newsletter input{border-radius:0px!important;}
		.newsletter input[type="text"] {width:100%; height:42px;}
		.newsletter input[type="submit"] {font-family:"FontAwesome"; height:42px; margin-right:0px;}
		.newsletter .control-label {display:none;}

		a.MailingList {height:40px; display:inline-block; margin-bottom:15px; width:100%; color:#999!important; border:0px; font-size:14px; line-height:37px; text-align:left; padding-left:10px; background:#fff;}
		a.MailingList:hover {color:#fff!important; background:#999;}
		a.MailingList:before {height:100%; padding-left:15px; padding-right:13px; padding-top:7px; line-height:normal; text-align:center; background:#3466b5; color:#fff; float:right; display:inline-block; font-size:22px; font-family:"FontAwesome"; content:"\f0e0";}

/* --------------------------------<Banners>------------------------------- */
			.bnr{margin:0px; position:relative;}
			.bnrTemplateZone {position:relative; visibility:hidden;}
			
			.bnr .adminButtons{position:absolute; z-index:30; top:10px; width:95%; text-align:right;}
			.bnr .adminButtons .btn-danger{display:none;}
			.bnr .bx-wrapper .bx-viewport {left:0px;}
			.bnr .bx-wrapper .bx-prev {left:25px!important; }
			.bnr .bx-wrapper .bx-next {right:25px!important; }
			.bnr .bx-wrapper .bx-prev:hover, .bnr .bx-wrapper .bx-next:hover {opacity:1;}	
			.bx-wrapper .bx-controls-direction a{margin-top:-15px;}					
			.bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before {font-family:"FontAwesome"; color:#fff; display:block; line-height:normal; font-size:40px;}
			.bx-wrapper .bx-prev:hover:before, .bx-wrapper .bx-next:hover:before {color:#3466b5;}		

			.bnr .slide {position:relative;}
			.bnr .slide .container {margin-top:-1px;}
			.bnr .bodyText{width:100%; padding:20px; position:absolute; z-index:99; background:rgba(16,48,98,0.7)}
			.bnr .bodyText h2{margin-top:0px; margin-bottom:0px; font-size:72px; font-weight:400; color:#fff; text-shadow: 1px 1px 10px rgba(0, 0, 0, .8);}
			.bnr .bodyText p{margin-bottom:0px; font-size:36px; font-weight:300; color:#fff; text-shadow: 1px 1px 10px rgba(0, 0, 0, .8);}
			.bnr .bodyText p a{margin-top:15px; background:rgba(0, 0, 0, .5); color:#fff; font-size:24px; font-weight:300; display:inline-block; padding:10px 25px; border:1px solid #fff; border-radius:5px;}
			.bnr .bodyText p a:hover{background:rgba(52, 102, 181, .8); color:#fff;}
			.bnr .btn-danger{display:none;}
			
			.bnr img {width:100%!important;} /* fix flicker on load */

/* --------------------------------<section.middle>------------------------ */
	.middle{padding:0px; margin:0px; position:relative;}
		/*.middle:before{content:""; height:9px; width:100%; display:inline-block; z-index:61; position:absolute; top:0px; left:0px; background:url('/images/bgs/shadow.png');}*/
	
		.middle .container{}

		#itemBody {padding-top:25px; padding-bottom:25px;}

		/* Mast head */
		.mastHead{background:#3466b5; font-size:28px; color:#fff; padding-top:20px; padding-bottom:20px; margin-top:15px; margin-bottom:15px; border-radius:4px}

		.PageTitle {background:#ced4de; padding-top:20px; padding-bottom:20px;}
		.PageTitle h1{margin:0px; font-size:36px; font-weight:300;}

		.HomePageTitle h1{margin-top:30px; margin-bottom:0px;}
	
		/* Allow content Left... */
		#contentZone{}
		
		/* Content */   
		#content{min-height:50px;}
			#content img{-ms-interpolation-mode: bicubic;} /* Fix bootstrap image behaviour */
			#content ul, #content ol{}
			#content ol li{}
			#content ul li{}

		/* Google Map */
			#map-canvas{}

			/* Fix Google Maps canvas */
			/* Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's global `box-sizing` changes. You may optionally need to reset the `max-width`
			* on images in case you've applied that anywhere else. (That shouldn't be as necessary with Bootstrap 3 though as that behavior is relegated to the `.img-responsive` class.) */		 		
			.google-map-canvas, .google-map-canvas * { .box-sizing(content-box); }			
			/* Optional responsive image override */
			/*img { max-width: none; } */

		/* Blog */
		.blog{}	
			.blog .BlogArticle{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #aaa;}
			
			/* Blog listing page */
			.blogSummary{padding-left:0px!important; padding-right:0px!important;}
				h2.blogSummaryHeader{margin-top:10px;}
				.blogSummary cite.blogSummaryAuthor {margin-bottom:5px; font-size:14px; font-weight:bold;}
				.blogSummaryDate{margin-bottom:0px; font-size:12px;}
				.blogSummary .BlogCategory {margin-bottom:10px; font-size:12px; display:block;}
				.blogSummaryBody{margin-bottom:10px;}
				.blogSummary hr{margin-top:30px;}
		
		
		/* Blog Page */
			.BlogArticle {}
			.BlogArticle cite {margin-bottom:5px; font-size:14px; font-weight:bold; display:block;}
			.BlogArticle .BlogDate {font-size:12px; display:block;}
			.BlogArticle .BlogCategory {margin-bottom:10px; font-size:12px; display:block;}

			.BlogCategories ul li a span.badge {background-color:#fff; color:#999; width:25px; height:25px; border-radius:50%; font-size:14px; padding-top:5px; text-align:center;}
			.BlogCategories ul li a:hover span.badge {color:#367ab3;}

			.BlogCategories ul li a span.badge {background-color:#fff; color:#999; width:25px; height:25px; border-radius:50%; font-size:14px; padding-top:5px; text-align:center;}
			.BlogCategories ul li a:hover span.badge {color:#3466b5;}

		/* Breadcrumb */
			#breadCrumbContainer{}
			#breadCrumbZone{background:#eee; padding:10px;}
				#BreadCrumb ul#history{}
				#BreadCrumb ul#history li{}
				#BreadCrumb ul#history li#introText{}
				#BreadCrumb ul#history li a{}

		/* Gallery */
			ul.gallery{margin:0px; padding:0px; list-style:none;}
			li.pnlGalleryImage {background-size:cover!important; background-repeat:no-repeat!important; background-position:center center!important; height:100px; margin-bottom:15px;}
			li.pnlGalleryImage a{width:100%; height:100px; display:inline-block;}
			.pnlHoverControls a{height:26px!important;}
		
		/* Contact Page */
			.ContactPage{}
				#ContactMap #map-canvas {height:300px;}
				#ContactPageSnippets{}
			.ContactForm .help-inline .glyphicon:before {font-size:80%;}
	
		/* sideBar */
			#sideBar{background:#ececec; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding:0px;}
				#sideNavigation{margin-bottom:0px;}
				.nav-tabs{border-bottom:0}
				#sideBar h2.leftNavHeader, .BlogCategories h2{padding:0px; margin:0px;}
				#sideBar h2.leftNavHeader a, .BlogCategories h2{background:#103062; color:#fff; font-size:24px; padding:15px; display:inline-block; width:100%;}
				#sideBar h2.leftNavHeader a:hover{background:#485b9a; color:#fff;}

				/* Down arrow indicator - appears on expansion only */
				/*#sideBar ul li > a:first-child:before{content:" "; font-family:"FontAwesome"; text-align:right; display:inline-block; width:14px; font-size:10px; float:right;}
				#sideBar ul li.dropdown > a:first-child:before{content:"\f078"; font-family:"FontAwesome"; font-size:10px; float:right; padding-left:8px;}				
				*/
				/* Dropdown arrow - appears on every item with submenu... */
				#sideBar ul li.dropdown > a:before { content:"\f078"; font-family:"FontAwesome"; font-size:10px; float:right; padding-left:8px; } /* add them... */
				#sideBar ul li > a:only-child:before { content: ''; } /* this removes the arrow when the link is the only child */
				#sideBar ul li.dropdown > a:before { content:"\f078"; font-family:"FontAwesome"; font-size:10px; float:right; padding-left:8px; } /* set up the right arrows first */

					/* .level1 + blog categories */
					#sideBar ul.level1, .BlogCategories ul{padding:0px; margin:0px!important;} 
					#sideBar ul.level1 li, #content .BlogCategories ul li{margin:1px 0px 0px 0px;  list-style:none; list-style-image:none;} /* set the width here for IE browsers */				

					#sideBar ul.level1 li a, .BlogCategories ul li a{background:#e1e9f6; color:#57616b; border-bottom:1px solid #d0dcf0; padding:12px 12px 12px 12px; display:block;}
					#sideBar ul.level1 li a:hover, .BlogCategories ul li a:hover{background:#fff; color:#3466b5; text-decoration:none;}
					#sideBar ul.level1 li.active a, .BlogCategories ul li.active a{background:#fff; color:#3466b5}
									
					/* .level1 */
					#sideBar ul.level1 li{}
					#sideBar ul.level1 li a{}
					#sideBar ul.level1 li a:hover{}
					#sideBar ul.level1 li a.active{}

						/* .level2 */
						#sideBar ul.level2{margin-bottom:0px}
						#sideBar ul.level2 li a{padding-left:25px; border-top:1px solid #f9f9f9;}
						#sideBar ul.level2 li:first-child a{border-top:0px;}
						#sideBar ul.level2 li a:hover{}
						#sideBar ul.level2 li a.active{}

							/* .level3 */
							#sideBar ul.level3{margin-bottom:0px}
							#sideBar ul.level3 li a{padding-left:35px;}
							#sideBar ul.level3 li a:hover{}
							#sideBar ul.level3 li a.active{}

		.tweets {}

		.fb-feed {}
			.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .tweets iframe {width:100%!important;}
	
		.slick-prev:before, .slick-next:before {color:#3466b5;}

		dl.faqList {width:100%;}
			dl.faqList dt {margin:10px 0px 0px 0px; padding-bottom:5px; font-size:16px; cursor:pointer; color:#3466b5; border-bottom:1px solid #eeeeee;}
			dl.faqList dt:hover {color:#3466b5;}
			dl.faqList dt:before {font-family:"FontAwesome"; content:"\f055"; display:inline-block; float:right;}
			dl.faqList dt.listclose:before {content:"\f056";}
			dl.faqList dd {display:none; padding:20px 20px 10px 20px; font-size:14px; background-color:#eeeeee; margin:0px 0px 3px 0px;}
			
		/* Members Login */			
		.AspNet-Login-UserPanel span, .AspNet-Login-PasswordPanel span, .AspNet-PasswordRecovery-UserName-UserPanel span, .passwordRecorvery{display:none}
		.memberLogin{margin-bottom:15px;}
		.memberLogin h3{padding:5px 5px 10px 5px; font-size:18px; text-transform:uppercase; margin:0px;}		
			.memberLogin .form-group {margin-bottom:0px;}
			.memberLogin .btn-group {width:100%;}
			.memberLogin input[type="text"], .memberLogin input[type="password"] {margin-bottom:15px;}
			.memberLogin .password-reset {width:100%; text-align:right; display:inline-block; padding-top:5px;}
			.logoutButton{}			

/* --------------------------------<Custom Snippets>----------------------- */
		.testimonial .snippetText {background:#e6eff6; border-radius:5px; padding:10px; font-style:italic;}
		.testimonial_Footer {position:relative; margin-bottom:20px; font-weight:600; margin-top:10px;}
		.testimonial_Footer:before {content:"\f0d7"; font-size:30px; font-family:"FontAwesome"; line-height:normal; position:absolute; color:#e6eff6; top:-22px; left:20px;}
		.testimonial_Footer .snippetText p {padding-left:30px;}		

		#youmax-header, #youmax-tabs{display:none !important;}
		#youmax{width:100% !important;}

		a.YouTubeLink {background: url(../../images/icons/YouTube_Play.png) no-repeat scroll right center #3466b5; color: #fff; display: inline-block;	font-size: 18px; height: 60px; line-height: 1; padding: 23px 17px; text-align: left; text-transform: uppercase;	width: 100%;}

		a.YouTubeLink:hover{opacity:1;;}

		.show-popup {cursor:pointer;}

		.overlay-bg {display:none; position:fixed; top:0; left:0; height:100%; width:100%; cursor:pointer; z-index:1000; background:#000; background:rgba(0,0,0,0.75);}
			.overlay-content {display:none; background:#fff; padding:20px; position:absolute; top:30%; left:50%; cursor:default; border-radius:5px;}

			.close-btn {cursor:pointer; font-size:0px; position:absolute; top:15px; right:10px;}
			.close-btn:before{font-family:"FontAwesome"; content:"\f00d"; color:#3466b5; font-size:20px;}
			.close-btn:hover:before{color:#666;}

			#categoriesSide {}
			#productSideSearch h3 {margin-top:0px;}
			#productSideSearch input[type="submit"] {border:0px;}
			#productSideSearch input[type="submit"]:hover {border:0px;}

		.Profiles {}
			.StaffProfile {border-bottom:1px solid #e3e3e3; padding-bottom:20px; margin-bottom:20px;}
				.StaffProfile .ProfileTxt h2{margin:0px!important; font-size:20px; font-weight:700; color:#281e72!important;}
				.StaffProfile .ProfileTxt p{margin-bottom:0px; vertical-align:top;}
				.StaffProfile .ProfileImg img{width:100%; height:auto;}

		#tabs {padding:0px; margin:0px; width:100%; list-style:none;}
			#tabs .tab {padding:0px; margin:0px;}
			#tabs .tab a{cursor:pointer; width:100%; font-size:18px; display:inline-block; padding:15px; text-align:center;}
			#tabs .tab a.inactive{color:#fff; background:#555;}
			#tabs .tab a.inactive:hover{color:#fff; background:#999;}
			.tabContent {}

		.client-list{}
			.client-list .snippetText{border:5px solid #f6f6f6; margin-bottom:20px;}
			.client-list .snippetText img{margin:15px auto;}

		.nopadding {padding:0!important;}
		
		#LatestNews{}
		.BlogTitle{text-align:center; margin-bottom:15px;}
		.BlogTitle .snippetText p{margin:0px; padding:0px; font-size:30px; font-weight:300;}
		#LatestNews .container{}

		.blogPreview{position:relative;}

		.HomeNews {padding-bottom:30px;}

			.newstitle h2 {margin:30px 0px; padding-left:45px; min-height:34px; font-size:30px; font-weight:400; background:url("/images/icons/icon1.png") no-repeat left center;}
			.callback h2 {margin:30px 0px; padding-left:45px; min-height:34px; font-size:30px; font-weight:400; background:url("/images/icons/icon2.png") no-repeat left center;}

			.callback .callback_input a {color:#555555; -webkit-box-shadow: inset 0px -5px 0px 0px rgba(242,242,242,1); -moz-box-shadow: inset 0px -5px 0px 0px rgba(242,242,242,1); box-shadow: inset 0px -5px 0px 0px rgba(242,242,242,1); border:1px solid #b1b1b1; font-size:24px; font-weight:300; display:inline-block; border-radius:5px; padding:15px 20px; width:100%;}
			.callback .callback_input a:hover {color:#555555; border:1px solid #57616b;}

			.callback .callback_btn{text-align:right;}
			.callback .callback_btn a {background:#57616b; color:#fff; border:1px solid #b1b1b1; font-size:18px; font-weight:300; display:inline-block; padding:6px 20px; border-radius:5px;}
			.callback .callback_btn a:hover {background:#3466b5; color:#fff;}
			.callback .callback_btn a:before {font-family:"FontAwesome"; content:"\f105"; float:right; vertical-align:middle; display:inline-block; padding-left:20px;}

			.callback .snippetText p {padding:0px; margin:0px;}

			div.blogPreviewDate{color:#747474;}
			h3.blogPreviewHeader{font-size:16px; font-weight:400; margin-top:0px;}
			div.blogPreviewBody{font-size:14px; font-weight:300; color:#777;}

		.homeSnippets {background:#103062; color:#fff;}
		
		
		.homeImage {background-repeat:no-repeat; background-size:cover;}
		.homeImage .snippetText p {padding:0px; margin:0px;}
		.homeImage .snippetText img {width:100%; height:100%;}
		

		.homeSlider {}
		.homeSlider .snippetText {padding:0px; width:100%;}
		.homeSlider .snippetText h2{color:#fff; margin-top:0px!important; margin-bottom:20px; font-size:26px; font-weight:300;}
		.homeSlider .snippetText .slideContent {padding:18px 0px 50px 40px; max-width:95%;}
		.homeSlider .snippetText .bodyText {font-size:16px; font-weight:300;}
		.homeSlider .snippetText .SnippetLink a{color:#fff; font-size:16px; font-weight:300; margin-top:20px; display:inline-block; padding:6px 25px; border:1px solid #fff; border-radius:5px;}
		.homeSlider .snippetText .SnippetLink a:hover{background:#3466b5; color:#fff;}
		.homeSlider .slick-dots {padding-left:40px; bottom:0px; text-align:left;}
		.homeSlider .slick-dots li button:before{color:#fff;}

		.newsletterform {padding-bottom:25px;}
			.newsletterform label.valid {color:#2ecc71;}
			.newsletterform label.error {color:#e74c3c;}

/* --------------------------------<footer>-------------------------------- */
	footer{padding:20px 0px; background:#57616b; font-size:13px;}

	footer, footer h4, footer ul li, footer a:link, footer a:visited {color:#fff;}
	footer a:hover, footer a:active {color:#ccc;}

	footer h4 {margin-top:0px;}

	#footerNav ul {margin:0px 0px 10px 0px; padding:0px;}
	#footerNav ul li {margin:0px;}
	#footerNav ul li:before {padding:0px 10px; content:"/";}
	#footerNav ul li:first-child:before {display:none;}

	.footerSnippet {font-size:12px;}

	strong.fCompanyName {}
	.fPhone {margin-top:10px;}
	.fPhone span{padding-left:10px; padding-right:10px;}
	.designedByWebtrade {margin-bottom:0px; padding-top:0px;}

/* --------------------------------<forms>--------------------------------- */
	/* Required Legend */	
		.form{}
	
	/* labels */
		.form div label.control-label, .form div.form-group span.control-label{font-weight:bold}
		/* required label */
		.form .requiredGroup label.control-label{}
		.form .requiredlegend span:before, .form .requiredGroup label:before, .AspNet-Login-UserPanel label:before, .AspNet-Login-PasswordPanel label:before, .requiredGroup span.control-label:before{font-family:"FontAwesome"; content:"\f069"; font-weight:normal; padding-right:5px; font-size:75%; color:#cf4c4b;}.form .requiredGroup label:before{font-family:"FontAwesome"; content:"\f069"; padding-right:5px; font-size:75%; color:#cf4c4b;  font-weight:normal!important}
		.form .requiredGroup label.norequired:before, .form .requiredGroup label.notrequired:before, .form .requiredGroup div.form-control span label:before{display:none;}
		
	/* Radiobuttons - .NET override to bootstrap */
		.form .radioButtons{}
		.form .radioButtons input{display:inline-block; margin-top:-4px;}
		.form .radioButtons label{display:inline-block; padding:0 0 0 0px;}
		.form .radioButtons span.radio label{padding:0 0 0 4px; font-weight:normal}		
		.form .radioButtons span.radio label:before{content:''}		
		.form .radio label, .form .checkbox label{padding-left:0px}
		
	/* colour validation */
		.form .HTML5FormColorContainer{margin-bottom:20px}
		.form .HTML5FormColorContainer .radioButtons input{margin-left:4px;}
		.form .HTML5FormColorContainer .radioButtons label{padding:0 0 0 4px; margin:0 10px 0 0; font-weight:bold}
		.form .HTML5FormColorContainer .colorSpamChoice, .form .HTML5FormColorContainer .correctcolour{display:inline-block; margin:0 5px 2px 0; padding:7px; font-weight:bold}
		
	/* input jQuery behvaiours */
		.form div .idleField{background:#f7f7f7; color:#333;}
		.form div .focusField{background:#D0D3EE; color:#2A2F66;}
		.form div .errorField{background:#fff; color:#AB2525;}
		.form div .completedField{background:#E8F9E8; color:green; font-style:normal; font-weight:bold;}
	
	/* map */
		.pnlGoogleMapsLink{background:#3466b5;}
		.pnlGoogleMapsLink:hover{background:#3466b5;}

	/* bootstrap paging */
		ul.pagination li a{color:#57616B;}
		ul.pagination .active a{background:#3466b5; border:1px solid #3466b5;}

/* --------------------------------<BootStrap Break Points>---------------- */

		@media (max-width: 991px) {
			html, body, .frmMaster, .canvas {width:100%; height:100%; overflow:hidden;}
			.canvas {overflow-y:scroll; -webkit-overflow-scrolling:touch;}
			select:focus, textarea:focus, input:focus {font-size:16px;}
			#logo{margin:0px auto; display:table; height:50px; position: relative}
			#logo a {display:table-cell; height:100%; vertical-align:middle;}
			#logo img{margin:5px auto; max-height:95px; width:auto;}
			.bnr {overflow:hidden;}
			#footerNav ul li:before {padding:0px 5px;}
			.topfooter {font-size:12px;}
			.bottomfooter {font-size:11px;}
			div.blogPreviewDate {font-size:11px; margin-bottom:5px;}
			.DateLong {display:inline-block; width:100%;}
			.DateShort {display:none;}
			.homeSlider .snippetText .slideContent {padding:20px 0px 45px 15px;}
			.homeSlider .slick-dots {padding-left:0px; text-align:center;}
		}

		/* visible-xs - phone P/L, iphone4+5 P/L, small tablet P */
		@media (max-width: 767px) {
			body{min-height:1px; font-size:14px; padding-bottom:100px;}
			#MobileMenu{position:fixed; background:#fff; z-index:201; left:0; bottom:0; width:100%; height:50px; border-top:1px solid #ccc;}
			#sideBar{display:inline-block;}
			#contentZone{margin-left:0;}
			#topBar {display:none;}
			.SearchLink a {font-size:0px; color:#3466b5;}
			.SearchLink a:hover{color:#49313f;}
			.SearchLink a:before {font-size:0px; font-size:18px; float:initial; padding-left:0px; padding-top:5px; display:block;}
			#content .img-responsive{margin:0!important; display:block!important; float:none!important; clear:both!important; position:relative; height:auto; max-width:100%;}
			#map-canvas {height: 250px!important}
			li.pnlGalleryImage a{height:80px;}
			#footerAddress {margin-bottom:20px;}
			#footerNav ul{padding:0px; margin:0px 0px 10px 0px;}
			#footerNav ul li {width:100%; display:inline-block; padding:0px 0px 5px 0px; margin:0px;}
			#footerNav ul li:before {display:none;}
			footer .text-right, footer .text-left, .topfooter, .bottomfooter {text-align:center!important;}
			.equalHeight{min-height:0px;}
			#PhoneLogo {text-align:center;}
			#PhoneLogo a {display:inline-block; margin:10px auto;}
			#PhoneLogo img{width:auto; max-width:100%; height:auto; max-height:50px;}
			.overlay-content {width:96%; margin:0 2%; top:10%; left:0;}
			.StaffProfile .ProfileTxt p {line-height:normal; font-size:16px;}
			.StaffProfile .ProfileImg {padding-bottom:10px;}
			#tabs .tab a{font-size:11px; padding:10px 5px;}
			.blogPreview {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dcdcdc;}
			.bnr .bodyText{display:none;}
			#PhoneNav {padding-bottom:100px;}
			.searchbar {bottom:50px; position:absolute; width:100%; z-index:201;}
		}

		/* visible-sm - small tablet L, tablet P, widescreen P */
		@media (min-width: 768px) and (max-width: 991px) {
           
			body {padding-bottom:50px;}
			.container>.navbar-collapse{width:100%; margin-right:-15px; margin-left:-15px;}
			.navbar-collapse.collapse{display:none!important;}
			#PhoneLogo {display:none;}
			li.pnlGalleryImage a{height:110px;}
			#tabs .tab a{font-size:14px;}
			.bnr .bodyText{top:0px;}
			.bnr .bodyText h2{font-size:50px;}
			.bnr .bodyText p{font-size:30px;}
			.bnr .bodyText p a{font-size:18px;}
			#PhoneNav {padding-bottom:50px;}
			#topHeader {width:100%; height:95px; max-height:95px; border-bottom:0px;}
			#topBar .text-right {text-align:center;}
		}
		
		@media (min-width: 768px) {
			#MobileMenu{display:none;}
			.equalHeight{min-height:1px; display:block;}
			.overlay-content {top:30%; left:50%; width:500px; margin-left:-250px;}
			#PhoneNav .socialNetworkNavigation {display:none;}
		}	

		/* visible-md - tablet L, HDTV P */
		@media (min-width: 992px) and (max-width: 1199px) {
             div{ border: 0px solid green}
            .topPhone {font-size: 24px;font-weight: 200;padding: 0 0 0 37px;
}
			.subnav-fixed{position: fixed; top: 40px; left: auto; right: auto; z-index: 1020; width:220px;}
			.subnav-fixed .nav{width: 938px; margin: 0 auto;}
			li.pnlGalleryImage a{height:110px;}
			#tabs .tab a{font-size:16px;}
			.bnr .bodyText{top:25px;}
			#MainNav ul li a{padding:10px 15px; font-size:14px;}
			#MainNav{margin:15px -15px 0px 0px; height:45px;}
			.callback h2, .newstitle h2 {font-size:28px;}
			footer{font-size:11px;}
			#footerNav ul li:before {padding:0px 5px; content:"/";}
			.homeSlider .snippetText .slideContent {padding:30px 0px 45px 30px;}
			.homeSlider .slick-dots {padding-left:30px;}
		}

		@media (max-width: 1199px) {
		}

		@media (min-width: 992px) {
			.mobileNavBtn{min-height:0px;}
			div.blogPreviewDate{background:#fcfcfc; border:1px solid #dbdbdb; width:60px; text-transform:uppercase; text-align:center; position:absolute; top:0; left:0;}
				span.DateDay{padding:10px 10px; display:inline-block; width:100%;}
				span.DateMonth{padding:10px 10px; display:inline-block; width:100%; background:#f8f8f8; border-top:1px solid #dbdbdb;}
				span.DateYear{padding:10px 10px; display:none; width:100%; border-top:1px solid #dbdbdb;}
			.DateLong {display:none;}
			.DateShort {display:inline-block;}
			h3.blogPreviewHeader{padding-left:65px;}
			div.blogPreviewBody{padding-left:65px;}
			.homeImg .snippetText img {display:none;}
		}

		/* visible-lg - widescreen L, HDTV L */
		@media (min-width: 1200px) { 
			.subnav-fixed{width:270px;}
			li.pnlGalleryImage a{height:100px;}
			.subnav-fixed .nav{width: 1168px;}
			.bnr .bodyText{top:50px;}
		}

		@media (min-width:1500px) {
		}

/* --------------------------------<BootStrap Padding Reset (15px)>-------- */
		.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3,
		.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6,
		.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9,
		.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11,
		.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {padding-left:15px; padding-right:15px;}
		.row {margin-left:-15px; margin-right:-15px;}
		.container {padding-left:15px; padding-right:15px;}

/* --------------------------------<BootStrap 5col addition>--------------- */
		.col-xs-15,
		.col-sm-15,
		.col-md-15,
		.col-lg-15 {
			position: relative;
			min-height: 1px;
		}
		.col-xs-15 {
			width: 20%;
			float: left;
		}
		@media (min-width: 768px) {
		.col-sm-15 {
				width: 20%;
				float: left;
			}
		}
		@media (min-width: 992px) {
			.col-md-15 {
				width: 20%;
				float: left;
			}
		}
		@media (min-width: 1200px) {
			.col-lg-15 {
				width: 20%;
				float: left;
			}
		}

/* --------------------------------<MasterPages>--------------------------- */
	/* Home Master */
		#homeBody{}	
		#homeBody #content p:first-of-type{}

	/* Inner Master */
		#innerBody{}

	/* Logged in resets */
		.loggedin .bnrTemplateZone {visibility:visible;}

	/* PIE plugin for IE8 rounded corners */
		.badge {behavior: url(/_includes/js/PIE.htc); position:relative;}

	/* Target elements in IE8 & below */
		html.lt-ie9 {}

	/* Fix for IE9/10 issue with responsive images */
		.img-responsive {width:auto;}

/* --------------------------------<Print>--------------------------------- */

	@media print {
		*{max-width:100%!important;}
		div{padding:0px!important; margin:20px 0px!important; font-size:16px!important;}
		a{text-decoration:underline!important;}
		section, footer, #PhoneNav, #toolsNavigation, .SiteSearch, #navigation, #breadCrumbContainer, #ContactPage, #sideNavigation, .tweets, .scrollup {display:none!important;}
		body,html{background: #fff url(../../images/trany.gif);}
		.middle, #logo {display:block!important;}
		h1{font-size:1.500em; color:#555;}
		h2{font-size:1.438em; color:#555;}
		h3{font-size:1.375em; color:#555;}
		h4{font-size:1.313em; color:#555;}
		h5{font-size:1.250em; color:#555;}
		h6{font-size:1.188em; color:#555;}
	}

/* --------------------------------<END>----------------------------------- */