/* @override http://www.lineup.com/css/screen.css */

/* @override http://www.lineup.com/css/screen.css */

/* @override http://www.lineup.com/css/screen.css */

/* James Rands 25/06/09 */
body{font-size:76%;margin:0;padding:0;color:#fff;background:#141414;text-align:center;}
body a{outline:none}
/* LAYOUT */
.mast-wrap{width:100%;background:url(../images/page-bg.jpg) top center no-repeat}

.page{margin:0 auto;padding:0;text-align:left;}

.header-wrapper{background:url(../images/header-bg.jpg) top center no-repeat;}
.page-wrapper{background:url(../images/container-bg2.jpg) top center no-repeat;padding:30px 0 0 0;}

.header{height:110px;margin:0;padding:0;font-size:2em;color:#FFF;background:url(../images/metro-book-a-demo.png) top right no-repeat;clear:both;position:relative;}
	.book-demo{width:120px;padding:90px 5px 0 0;position: relative;left: 844px; bottom:70px;}
		.header a{text-align:left;font-size:0.8em;text-decoration:none;color:#9fd7ff;}
		.header	a:link{ }
		.header a:visited{ }
		.header a:hover{color:#9fd7ff;}
		.header a:active{ }
		
		#logo,
		#logo-extended{position:absolute;top:0;}
		#logo{right:803px;}
		#logo-extended{right:1013px;}
		.addthis_button{float:right;margin:1em 3px 0 0;}


/* NAVIGATION */
.navigation{background-color:transparent;clear:both;margin:0;font-weight:bold;}
	.navigation ul{list-style-type:none;margin:0;padding:0;}
	.navigation ul li{display:inline;margin:0;padding-right:12px;float:left;position:relative;}
	.navigation ul li a{color:#fff;display:block;width:auto;text-decoration:none;margin:0;padding:0;line-height:40px;font-size:1.2em;clear:both;cursor:pointer}
	.navigation ul li a:hover{background:url(../images/metro-nav-hover-tile.png) 0 0 repeat-x}
	.navigation ul li a.selected{background:url(../images/metro-nav-select-tile.png)}
	.navigation ul li a.down{background:url(../images/metro-nav-down-tile.png)}
	.navigation ul li a span.copy{padding:0 15px 0 15px;float:left}
	.navigation ul li a span.copy-arrow{padding:0 15px 0 15px;float:left}
	.navigation ul li a span.arrow{background:transparent;padding:0 15px 0 10px}
	.navigation ul li a span.left, .navigation ul li a span.right{width:5px;height:40px;float:left}

	.navigation ul li a:hover span.copy, .navigation ul li a:hover span.copy-arrow{background:url(../images/metro-nav-hover-tile.png)}
	.navigation ul li a.down span.copy, .navigation ul li a.down  span.copy-arrow{background:url(../images/metro-nav-down-tile.png)}
	.navigation ul li a.selected span.copy, .navigation ul li a.selected span.copy-arrow{background:url(../images/metro-nav-select-tile.png)}

	.navigation ul li a:hover span.left{background:url(../images/metro-nav-hover-lhs.png)}
	.navigation ul li a.down span.left{background:url(../images/metro-nav-down-lhs.png)}
	.navigation ul li a.selected span.left{background:url(../images/metro-nav-select-lhs.png)}
	
	.navigation ul li a:hover span.right{background:url(../images/metro-nav-hover-rhs.png)}
	.navigation ul li a.down span.right{background:url(../images/metro-nav-down-rhs.png)}
	.navigation ul li a.selected span.right{background:url(../images/metro-nav-select-rhs.png)}
	
	.navigation ul li a span.arrow{ background:url(../images/metro-nav-arrow.png) 12px 2px no-repeat;}
	.navigation ul li a:hover span.arrow{ background:url(../images/metro-nav-arrow.png) 12px 2px no-repeat;}
	.navigation ul li a.down span.arrow{ background:url(../images/metro-nav-arrow.png) 12px 2px no-repeat;}
	.navigation ul li a.selected span.arrow{ background:url(../images/metro-nav-arrow.png) 12px 2px no-repeat;}
	

	.navigation ul li.on a span.copy-arrow{background:url(../images/metro-nav-menu-tile.png) 0 0 repeat-x;}
	.navigation ul li.on a span.left{background:url(../images/metro-nav-menu-lhs.png)}
	.navigation ul li.on a span.right{background:url(../images/metro-nav-menu-rhs.png)}

	
	/* Drop down nav */
	.navigation ul li div{display:none;width:129px;position:absolute;left:0;top:3.2em;background:url(../images/metro-subnav-top.png) left top no-repeat;padding:9px 0 0 0;z-index:100;}
	.navigation ul ul{background:url(../images/metro-subnav.png) left bottom no-repeat;padding:0 1px 1em 1px;}
	.navigation ul li.on div{display:block;}
	.navigation ul ul li{display:block;float:none;padding:0;}
	.navigation ul ul li a{display:block;float:none;font-size:1em;background:transparent;line-height:1.2em;padding:4px 10px 4px 17px;}
	.navigation ul ul li a:hover{background:#2e4d6e;}

/* CONTAINER */
.two-col-fixed {width:970px;text-align:left}
	.container .subnav{float:left;width:184px;margin-right:19px}
	.container .lineup{float:left;width:203px;margin-right:0px}

	/* LHS SUB-NAVIGATION & Re-used for: some News, What is and contact elements */
	.container .subnav{background-color:transparent;}
		.container .subnav ul, .news ul, .what-is-lineup ul, .contact-items ul{margin:0 0 19px 0;padding:0;list-style-type:none;font-size:1.10em}
		.container .subnav li, .news li, .what-is-lineup li, .contact-items li{color:#fff;margin:0;padding:0;}
		.container .subnav li.heading, .news li.heading, .what-is-lineup li.heading, .contact-items li.heading{padding-left:15px;line-height:35px;padding-left:15px;background:url(../images/metro-side-title.png);font-weight:bold;text-transform:uppercase;}
		.container .subnav ul, .news ul, .contact-items ul{margin:0 0 19px 0;padding:0;list-style-type:none;font-size:1.10em;}
		.container .subnav ul, .news ul, .contact-items ul{margin:0 0 19px 0;padding:0;list-style-type:none;font-size:1.10em;}
		.container .subnav li, .news li, .contact-items li{color:#fff;margin:0;padding:0;}
		.container .subnav li.heading, .news li.heading, .contact-items li.heading{display:block;padding-left:15px;line-height:35px;padding-left:15px;background:url(../images/metro-side-title.png) left top no-repeat;font-weight:bold;text-transform:uppercase;zoom:1;}
		.container .subnav li.heading, .news li.heading, .contact-items li.heading{display:block;padding-left:15px;line-height:35px;padding-left:15px;background:url(../images/metro-side-title.png) left top no-repeat;font-weight:bold;text-transform:uppercase;zoom:1;}

		/* lineup */
		.container .lineup ul{margin:0 0 19px 0;padding:0;list-style-type:none;}
		.container .lineup li{color:#fff;margin:0}
		.container .lineup li.item1{height:50px;width:203px;background:url(../images/metro-lineup-item1-off.png);}
		.container .lineup li#item1.selected{background:url(../images/metro-lineup-item1-dn.png);}
		.container .lineup li.item2{height:50px;width:203px;background:url(../images/metro-lineup-item2-off.png);}
		.container .lineup li#item2.selected{background:url(../images/metro-lineup-item2-dn.png);}
		.container .lineup li.item3{height:50px;width:203px;background:url(../images/metro-lineup-item2-off.png);}
		.container .lineup li#item3.selected{background:url(../images/metro-lineup-item2-dn.png);}
		.container .lineup li.item4{height:50px;width:203px;background:url(../images/metro-lineup-item3-off.png);}
		.container .lineup li#item4.selected{background:url(../images/metro-lineup-item3-dn.png);}
		.container .lineup li a{outline:none;display:block;width:183px;height:50px;padding:0 0 0 20px;color:#fff;line-height:50px;font-size:1.20em;text-decoration:none}
		.container .lineup li a span.selected{background:url(../images/metro-lineup-item-chev.png) 0 1px no-repeat;padding:2px 10px;margin:0;line-height:20px}

		.container .subnav li.first{height:50px;background:url(../images/metro-side-first.png)}
		.container .subnav li.last{height:50px;background:url(../images/metro-side-last.png)}
		.container .subnav li.item-first{background:url(../images/metro-side-icon1.png)}
		.container .subnav li.item-mid{background:url(../images/metro-side-icon2.png)}
		.container .subnav li.item-last{background:url(../images/metro-side-icon3.png)}
		
		.container .subnav li.copy, .what-is-lineup li.copy, .contact-items li.copy{padding:15px 15px;background:#0b0d0f url(../images/metro-side-item-copy-bg.png) repeat-y}
		.container .subnav li.base{height:51px;padding-left:15px;background:url(../images/metro-side-base.png)}
		
		.container .subnav li.base-link, .news li.base-link, .what-is-lineup li.base-link, .contact-items li.base-link{background:url(../images/metro-side-base-link.png)}
		
		.container .subnav a, .news a, .what-is-lineup a, .contact-items a{display:block;color:#9fd7ff;background-color:transparent;text-decoration:none;padding:0;}
		.container .subnav a:hover, .news a:hover, .what-is-lineup a:hover, .contact-items a:hover{color:#9fd7ff;text-decoration:none}
		.container .subnav a span.date, .news a span.date{color:#fff; font-size:0.8em}
		.container .subnav li.first a, .subnav li.last a{padding-left:15px;line-height:50px}
		.container .subnav li.item-first a, .subnav li.item-mid a, .subnav li.item-last a{padding-left:50px;line-height:50px}
		.container .subnav li.base a{line-height:46px}
		.container .subnav li.base-link a, .news li.base-link a, .what-is-lineup li.base-link a, .contact-items li.base-link{line-height:35px;padding:0 0 0 15px}
		
		.container .subnav li.base-link a span.chev, .news li.base-link a span.chev, .what-is-lineup a span.chev, .contact-items li.base-link a span.chev{background:transparent url(../images/metro-side-chev.png) 0 3px no-repeat;padding:0 6px;margin:3px;line-height:12px}

.two-col-fixed .content{float:left;width:767px}
		/* home page */
		.content .main-hero{width:767px;height:313px}
		.content .ticker{height:26px;margin:20px 0;padding:6px 0 0 2px;color:#fff;background:transparent url(../images/metro-ticker-bg.png) repeat-x}
		/* Home News Tab Items */
		.content .news-tabs {width:583px;float:left;}
		
		.content .news-tabs {width:581px;min-height:338px;background:url(../images/metro-news-tabs-bg.png) no-repeat;}
		.content .news-tabs ul.tabs {height:42px;list-style-type:none;margin:0;padding:0}
		.content .news-tabs ul.tabs li {width:188px;height:42px;display:inline;margin:0 1px 0 0;padding:0;float:left;text-align:right;}
		.content .news-tabs ul.tabs li.on {background:url(../images/metro-news-tabs-on.png) left top no-repeat;}
		.content .news-tabs ul.tabs li.off {background:url(../images/metro-news-tabs-off.png) left top no-repeat;}
		.content .news-tabs ul.tabs li a{display:block;width:143px;line-height:42px;padding:0 15px 0 30px;color:#fff;text-decoration:none;text-align:left;font-size:1.2em;zoom:1;position:relative;}
		
		.js .two-col-fixed .content #news-data-1, .js .two-col-fixed .content #news-data-2, .js .two-col-fixed .content #news-data-3{display:none}
		
		.content .news-tabs h2{font-size:1.2em;margin:0 0 4px 0;padding:0;clear:none;float:left;width:auto;}
		.content .news-tabs p{clear:left;}
		.content .news-tabs .padding{padding:20px 30px;}
		.content .news-tabs .padding img{float:right;width:auto;}
		.content .news-tabs ul.benefits{list-style-type:none;margin:16px 0;padding:0;}
		.content .news-tabs ul.benefits li{margin:0 0 8px 0;padding:0 0 0 25px;}
		.content .news-tabs ul.benefits li.icon1{background:url(../images/icon1.gif) left top no-repeat}
		.content .news-tabs ul.benefits li.icon2{background:url(../images/icon2.gif) left top no-repeat}
		.content .news-tabs ul.benefits li.icon3{background:url(../images/icon3.gif) left top no-repeat}
		
		.content .news-tabs {width:581px;min-height:338px;background:url(../images/metro-news-tabs-bg.png) no-repeat;}
		.content .news-tabs ul.tabs {height:42px;list-style-type:none;margin:0;padding:0}
		.content .news-tabs ul.tabs li {width:188px;height:42px;display:inline;margin:0 1px 0 0;padding:0;float:left;text-align:right}
		.content .news-tabs ul.tabs li.on {background:url(../images/metro-news-tabs-on.png) left top no-repeat;}
		.content .news-tabs ul.tabs li.off {background:url(../images/metro-news-tabs-off.png) left top no-repeat;}
		.content .news-tabs ul.tabs li a{outline:none;display:block;width:143px;line-height:42px;padding:0 15px 0 30px;color:#fff;text-decoration:none;text-align:left;font-size:1.2em;}
		
		.js .two-col-fixed .content #news-data-1, .js .two-col-fixed .content #news-data-2, .js .two-col-fixed .content #news-data-3{display:none}
		
		.content .news-tabs h2{font-size:1.2em;margin:0 0 4px 0;padding:0;clear:none;float:left;width:auto;}
		.content .news-tabs p{clear:left;}
		.content .news-tabs .padding{padding:20px 30px;}
		.content .news-tabs .padding img{float:right;width:auto;}
		.content .news-tabs ul.benefits{list-style-type:none;margin:16px 0;padding:0;}
		.content .news-tabs ul.benefits li{margin:0 0 8px 0;padding:0 0 0 25px;}
		.content .news-tabs ul.benefits li.icon1{background:url(../images/icon1.gif) left top no-repeat}
		.content .news-tabs ul.benefits li.icon2{background:url(../images/icon2.gif) left top no-repeat}
		.content .news-tabs ul.benefits li.icon3{background:url(../images/icon3.gif) left top no-repeat}
		/* Home News Items */
		.content .news {width:184px;float:left;font-size:0.9em}
		.content .news li.news-item1{padding:13px 10px 16px 12px;background:url(../images/metro-news-item1.png)}
		.content .news li.news-item2{padding:12px 10px 12px 12px;background:url(../images/metro-news-item2.png)}
		.content .news li.news-item3{padding:12px 10px 12px 12px;background:url(../images/metro-news-item3.png)}
		.content .news li.base-link a{line-height:35px;font-size:1.1em;}
		/* Content re-use for each page */
		.content .products, .content .what-is-lineup, .content .contact, .content .generic{width:737px;height:auto;padding:15px;margin:0 0 30px 0;background:url(../images/metro-products-bg2.png) no-repeat}
		.content .generic{min-height:632px;}
		.content h1{ color:#fff; }
		.content hr.dots-bg{padding-left:737px;margin:20px 0 20px 0;border:0;background:url(../images/metro-dots-bg.png) repeat-x}
		.content span.screen-lhs{width:357px;height:244px;margin:0 15px 30px 0;background:url(../images/metro-products-srn1.png);float:left}
		.content span.screen-rhs{width:357px;height:244px;background:url(../images/metro-products-srn2.png);float:left}
		.content h2{color:#fff;margin:0}
		.content p{color:#fff;margin:0;padding:0}

		/* buttons */
		.content a.green-btn { width:auto;line-height:42px;color:#fff; text-decoration:none}
		.content a.green-btn span.lft { background:url(../images/metro-green-btn-lt.png) no-repeat; width:10px;height:45px;float:left}
		.content a.green-btn span.mid { background:url(../images/metro-green-btn-tile.png) repeat-x; width:auto;height:45px;float:left;font-weight:bold;padding:2px 0 0 3px}
		.content a.green-btn span.arr { background:transparent url(../images/metro-green-btn-arr.png) -2px -1px no-repeat; padding:0 10px; margin:0; line-height:11px}
		.content a.green-btn span.rgt { background:url(../images/metro-green-btn-rg.png) no-repeat; width:10px;height:45px;float:left}

		/* Products */
		.content .products ul{list-style-type:none;margin:0;padding:0;background:url(../images/metro-products-btn-bg.png) no-repeat}
		.content .products li{color:#fff;display:inline;margin:10px 0 0 15px;padding:9px 0 0 15px;font-size:1.2em;float:left}
		.content .products li.item1{width:156px;height:36px;padding:0;background:url(../images/metro-products-btn1.png) no-repeat}
		.content .products li.item2{width:175px;height:36px;padding:0;background:url(../images/metro-products-btn2.png) no-repeat}
		.content .products li.item3{width:156px;height:36px;padding:0;background:url(../images/metro-products-btn3.png) no-repeat}
		.content .products li a{display:block;color:#fff;width:auto;line-height:35px;padding:0 0 0 15px;text-decoration:none;}
		.content .products li.item1 a, .products li.item3 a{width:156px}
		.content .products li.item2 a{width:175px}
		
		
		.content .bullet{list-style-type:none;}
		.content .products ul.bullet{background:none;margin-bottom:1em;}
			.content .products .bullet li{float:none;display:block;margin-left:15px;padding-left:15px;}
		.js .content .tab-content{display:none;}
		
		/* Products lineup */
		.content .products.lineup{background:url(../images/metro-lineup-bg2.png) no-repeat}
		
		.content .lineup span.screen-lhs{width:358px;height:280px;margin:0 15px 30px 0;background:url(../images/metro-products-adPoint.png) 0 30px no-repeat;float:left}
		.content .lineup span.screen-rhs{width:358px;height:280px;background:url(../images/metro-products-adMount.png) 0 30px no-repeat;float:left}

		.content .lineup .sub-txt-wrap{  }
		.content .lineup .sub-txt{width:500px;float:left}
		.content .lineup .sub-nav{width:200px;float:left;padding:30px 0 0 35px}
		
		.content .lineup .sub-nav ul{list-style-type:none;margin:0;padding:0;}
		.content .lineup .sub-nav li{width:154px;padding:0 0 0 30px;margin:0;color:#9fd7ff}
		.content .lineup .sub-nav li.item-1{height:51px;background:url(../images/metro-subnav-rhs-item1.png) }
		.content .lineup .sub-nav li.item-2{height:50px;background:url(../images/metro-subnav-rhs-item2.png) }
		.content .lineup .sub-nav li.item-3{height:51px;background:url(../images/metro-subnav-rhs-item3.png) }
		.content .lineup .sub-nav a{color:#9fd7ff;line-height:50px;font-size:0.9em}

		 /* What is Lineup */ /* Contact */
		.content .what-is-lineup .what-is-lineup-left, .content .contact .contact-form{float:left;width:553px}
		.content .what-is-lineup .what-is-lineup-right, .content .contact .contact-items{float:left;width:184px}
		.what-is-lineup-left .copy{width:441px}
		.what-is-lineup ul{list-style-type:none;margin:0 0 20px 0;padding:0}
		li.green-bullet{background:url(../images/metro-green-bullet.png) no-repeat;padding:0 0 0 15px;margin:10px 0}
		
		.support-form{width:533px;}
		
		.content .products .green-bullet{padding:0;}
				
		.lineup.two-col{width:100%;margin-top:1em;}
		.lineup.two-col .sub-nav{padding-top:0;}
		.lineup.two-col .sub-nav ul{background:none;}
		.lineup.two-col .dots-bg{padding-left:0;}
		.content .products .margin{margin-bottom:1em;background:none;}
		.content .products .margin li{float:none;display:block;}
		.content .products .margin li a{color:#9fd7ff;display:inline;line-height:1.2;padding:0;font-size:100%;height:auto;}
		
		.lineup.two-col .sub-nav .subnav{margin-top:1em;}
		.lineup.two-col .sub-nav .subnav li{padding-left:15px;display:block;float:none;width:auto;color:#fff;font-size:1em;}
		.lineup.two-col .sub-nav .subnav .copy{padding:15px;}
		.lineup.two-col .sub-nav .subnav cite{line-height:35px;padding-left:15px;font-style:normal;display:block;}
		.lineup.two-col .sub-nav .subnav .last{padding:0;height:auto;background: url(../images/metro-side-base-link.png) repeat 0 0;}
		
		.content .products .questions{background:none;margin-bottom:1em;}
		.content .products .questions li{float:none;display:block;margin:0;padding:0;}
		.content .products .questions li a{display:block;font-size:0.83em;line-height:1.1;height:auto;margin:0 0 1px 1px;padding:1em 20px;background:url(../images/metro-questions-bg.gif) left top repeat-y;}
		.content .products .questions a:hover,
		.content .products .questions a:focus,
		.content .products .questions a:active{text-decoration:none;}
		
		.lineup blockquote{border:0;background:none;margin:0;padding:0;}
		.lineup blockquote p{font-style:italic;font-size:1.1em;}
		cite{margin:0;padding:0;display:block;font-size:1em;margin:1em 0 0 0;}
		
		.what-is-lineup-right p.lg, .contact-items p.lg{font-size:1.1em;margin:0;padding:0}
		.what-is-lineup-right p.sm, .contact-items p.sm{font-size:0.8em;margin:0;padding:0}
		.what-is-lineup-right li.map, .contact-items li.map{width:184;padding:26px 0 42px 0;background:url(../images/metro-map-bg.png);}
		.what-is-lineup-right li.map a span.btn, .contact-items li.map a span.btn {padding:15px 30px 0 0; margin:0 140px;background:url(../images/metro-map-btn.png);border:1px red dashed}
		.what-is-lineup-img {width:441px;height:211px;margin:0 0 20px 0;background:url(../images/metro-what-is-lineup.png)}
		
		.what-is-tools-bg,
		.box-1 {
			margin: 20px 0;
			width: 723px;
			background-repeat: no-repeat;
		}
		
		.what-is-tools-bg{background:url(../images/metro-what-is-tools-bg.jpg) top left no-repeat;/*height:628px;*/padding:0 0 10px 0}
			.what-is-tools-bg h1{margin:10px;font-size:1.6em;padding:10px 0 0 0}
			.what-is-tools-bg .head,
			.box-1 .head{margin:0 10px 10px;padding:10px 0 0 0;}
			.what-is-tools-bg h2{ color:#9fd7ff }
			.what-is-tools-bg p{color:#fff;margin:0;padding:0}
			.what-is-tools-bg .what-is-img{margin:10px;/*background:url(../images/metro-what-is-prod.png) no-repeat;*/float:left}
				.what-is-img a span.img-link{width:256px;line-height:193px}
			.what-is-tools-bg .what-is-copy{width:335px;float:left}
			.what-is-tools-bg .what-is-copy-full{width:100%;float:none;}
				.what-is-tools-bg .what-is-copy-full .green-bullet a{color:#9FD7FF;text-decoration:underline;}
			.what-is-tools-bg .divide{border-top:1px #5e7a8f solid;margin:20px 10px}
		
		.box-1 {
			background-image: url(../images/metro-box-1-bottom.png);
			background-position: left bottom;
			padding-bottom: 6px;
		}
		.box-1-middle {
			background: url(../images/metro-box-1-middle.gif) repeat-y;
		}
		.box-1-top {
			background: url(../images/metro-box-1-top.png) no-repeat;
			min-height: 622px;/* See also ie6.css */
		}
		
		/* Contact form */
		form{margin:0;padding:0;}
		fieldset{margin:0;padding:20px 0;border:0}
		legend{margin:0;padding:0;color:#333;display:none;}
		
		.field{position:relative;width:100%;padding:0 0 10px 0;}
		.element{float:left;width:100%;}
		.subnav .element{float:none;width:100%;}
		
		.label{width:200px;padding:0;margin:0;text-align:left;float:left}
		.input{width:250px;padding:0 20px 0 0;margin:0;float:left}
		
		.element .col div{padding:0 0 5px 0;}
		
		.invalid label{color:#f00;}
		.invalid .input{background:url(../images/invalid.gif) top right no-repeat;}
		.valid label{color:#00AF6A;}
		.valid .input{background:url(../images/valid.gif) top right no-repeat;padding:0 20px 0 0;}

		label{color:#fff;display:block;font-weight:bold;padding:0;font-size:1em;}
		fieldset fieldset label{float:left;width:50%;padding:2px 0 0 0;margin:0 10px 0 0;padding:0;font-weight:normal;}
		
		textarea{width:245px;font-size:100%;padding:0.2em;}
		input.text{width:245px;padding:1px 3px;}
		input.radio{display:block;float:left;margin:0 5px 5px 0;padding:0;}
		select{width:255px;}
		.short{width:50% !important;}
		
		.button-left{float:left;width:auto;}
		.button-right{float:right;width:auto;}
		
		input.submit{border:0;background:transparent url(../images/metro-submit.png);width:96px;height:36px;margin-right:100px}
		input.login{border:0;background:transparent url(../images/metro-login.png);width:96px;height:36px;margin-right:81px;text-indent: -9999px;}
		
		.warnEmpty{display:none;}
		.warn{clear:both;display:block;color:#f00;}
		
		.highlight{color:#F00;}
		.hide{display:none;}
		.hidden{position:absolute;left:-500px;top:-500px;width:100px;}
		
		
/* FOOTER */
.two-col-fixed .footer{padding:10px 0 0 15px;height:38px;background:transparent url(../images/metro-footer-bg.png);clear:both}
	.footer p{float:left; color:#fff}
	/* FOOTER LINKS */
	.footer ul{float:right;list-style-type:none;margin:0;padding:0;}
	.footer ul li{display:inline;margin:0;padding:0;}
	.footer ul li.divide{background:url(../images/metro-footer-div.png)right 0 no-repeat}
	.footer ul li a{padding:0 15px 0 15px;color:#fff;text-decoration:none}

/* Subnav flyouts */
.subnav li{position:relative;}
.subnav .details{position:absolute;right:-400px;top:0;width:400px;height:400px;border:1px solid red;background:#000;}

/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.5em;}

img{border:0;}


/* FORMAT > fonts */
body,input,textarea,select{font-family:Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}


/* ANCHORS */
a{text-decoration:underline;color:#9FD7FF;}
a:link{ }
a:visited{ }
a:hover{}
a:active{ }


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#393737;outline:none}
h1{font-size:2em;}
h2{font-size:1.75em;}
h3{font-size:1.5em;}
h4{font-size:1.25em;}
h5,h6{font-size:1em;}


/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;}

dt{display:block;float:left;}
dd{margin-left:10em;}


/* FOOTER LINKS 
.footer{text-align:center;}
	.footer ul{list-style-type:none;margin:0;padding:0;}
	.footer ul li{display:inline;margin:0;padding:0;}
	.footer ul li a{padding:0 20px 0 0;color:#fff;}
	
	*/

/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;border-top:1px solid #000;border-left:1px solid #000;width:100%;margin:0 0 20px 0;}
th{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;background-color:#000;color:#fff;}
th.row-header{background-color:transparent;color:#000;}
td{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;}
tr.alt{background-color:#eee;}


/* FORMS */
/*
form{margin:0;padding:0;}
fieldset{border:0px solid #fff;background-color:#f3f3f3;border-top:1px solid #999;border-bottom:1px solid #999;margin:1.5em 0 0 0;padding:1em;}
fieldset fieldset{padding:0;margin:0;border:0;}
legend{margin:0;padding:0;color:#333;display:none;}
fieldset h2{margin:0 0 10px 0;}
fieldset h3{font-family:Arial,Helvetica,sans-serif;font-size:1em;color:#545353;margin:0 0 3px 0;}

.field{position:relative;width:100%;padding:0 0 10px 0;}
.element{float:left;width:55%;}

.subnav .element{float:none;width:100%;}

.label{padding:0;margin:0;text-align:left;}
.input{padding:0 20px 0 0;margin:0;}

.element .col div{padding:0 0 5px 0;}

.invalid label{color:#f00;}
.invalid .input{background:url(../images/invalid.gif) top right no-repeat;}
.valid label{color:#00AF6A;}
.valid .input{background:url(../images/valid.gif) top right no-repeat;padding:0 20px 0 0;}
	
	
	
label{color:#545353;display:block;font-weight:bold;padding:0 0 2px 0;font-size:1em;}
fieldset fieldset label{float:left;width:50%;padding:2px 0 0 0;margin:0 10px 0 0;padding:0;font-weight:normal;}

textarea{width:95%;font-size:100%;padding:0.2em;}
input.text{width:95%;padding:1px 3px;}
input.radio{display:block;float:left;margin:0 5px 5px 0;padding:0;}
select{width:100%;}
.short{width:50% !important;}

.button-left{float:left;width:auto;}
.button-right{float:right;width:auto;}

input.submit{border:2px solid #999;background:#fff;width:auto;}

.warnEmpty{display:none;}
.warn{clear:both;display:block;color:#f00;}

.highlight{color:#F00;}
.hide{display:none;}
.hidden{position:absolute;left:-500px;top:-500px;width:100px;}


*/





/*POPUP HELP*/
.helpbutton{float:left;width:auto;padding:1px 4px;text-transform:uppercase;text-decoration:none;font-size:0.91em;margin:1.6em 0 0 20px;border:1px solid blue;background:#FFF;color:blue;}
.helpbutton:hover{color:blue;background:#ccf;}

.help{position:absolute;top:1.4em;right:0;width:30%;background:#ddd;border:1px solid #000;padding:0 0 5px 0;z-index: 10;}
.field-alt .help{position:absolute;right:0;;width:210px;background:#785D30;padding:0 0 5px 0;margin-top: 18px;}
.help h3, .help p{margin:5px 0 0 10px;font-size:0.91em;padding:0; width: auto;}
.help h3{font-weight:bold;}
.help ul, .help li{list-style-type:none;margin:0;padding:0;background:none;}
.help a{display:block;margin:5px 10px 0 10px;padding:1px 10px 5px 0;text-transform:uppercase;font-size:0.91em;text-decoration:none;border:0px;background:#DDD;color: #00f;}
.help a:hover{background:#DDD;color: #00f;}

/*NON_JS HELP*/
#help{margin:12px;border-top:1px solid #CCBEA3;}
#help div{margin:0 0 15px 0;}
#help h2{margin:10px 0 10px 0;}
#help h3 span, .help h3 span, .error h3 span{background:url(../images/help-title-bg.gif) center right no-repeat;display:block;float:left;width:auto;padding:0 7px 0 0;margin:0 5px 0 0;}
#help ul, #help li{list-style-type:none;margin:0;padding:0;background:transparent;}
#help a.jumper{display:block;float:left;width:auto;margin:0 0 10px 0;}
#help p{margin:0 0 5px 0;}

	/* 3rd column */
	#form_login .label, #form_login .element {float:none; width:auto; margin:0; padding:0.1em 0;}
	#form_login input.text {width:100px;}

	/* survey */
	form#form_survey {}
	ul.results {list-style:none;}
	.results li {display:block !important;margin:0 0 5px 0 !important; padding:0;}
	.results span.bar {display:block;float:left; background:#F00; height:1.2em;margin:2px 3px 0 0;}	
	.results span.amount{display:block;float:left;margin:2px 0 0 0;}


/* SHORTCUTS */
.shortcuts{position:relative;height:0;}
.shortcuts ul, .shortcuts ul li{list-style-type:none;height:0;padding:0;margin:0;}
.shortcuts ul{position:absolute;width:100%;}
.shortcuts li a{display:block;position:absolute;left:-500px;top:-500px;}
.shortcuts li a:focus, .shortcuts li a:active{position:absolute;left:0;top:0;width:100%;text-align:center;color:#000;padding:3px 0;background:#CCC;}
.toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}







/* NAVIGATION IMAGES */
.navigation-images{background-color:#bbb;clear:both;margin:0 0 2px 0;}
	.navigation-images ul{list-style-type:none;margin:0;padding:0;}
	.navigation-images ul li{display:inline;margin:0;padding:0;}
	.navigation-images ul li a{display:block;width:auto;text-decoration:none;padding:0;}
	.navigation-images ul li a:hover{background-color:#ddd;color:#000;}
	.navigation-images ul li a.selected{background-color:#ddd;color:#000;}
	.navigation-images ul li a img{float:left;display:block;margin:0 2em 0 0;}
	


	

/* BREADCRUMB */
.breadcrumb{margin:0 0 10px 0;}
	.breadcrumb ol{list-style-type:none;margin:0;padding:0;}
	.breadcrumb ol li{display:inline;margin:0;padding:0;}
	.breadcrumb ol li a{display:block;float:left;width:auto;padding:0 20px 0 0;background:url(../images/breadcrumb-arrow.gif) bottom right no-repeat;}


/* PAGINATION */
.pagination{margin:10px 0 10px 0;}
	.pagination .padding{padding:0 25%;margin:0;}
	.pagination ul{list-style-type:none;text-align:center;padding:0;margin:0;}
		.pagination ul li{display:inline;padding:0;margin:0;}
		.pagination ul li a{padding:0;margin:0;}
		
	.pagination ul.previous{display:inline;float:left;width:25%;margin:0;}
		.pagination ul.previous a{display:block;float:left;width:auto;padding:0 0 0 10px;margin:0 10px 0 0;background:url(../images/arrow-left-link.gif) center left no-repeat;}
		
	.pagination ul.next{display:inline;float:right;width:25%;margin:0;} 
		.pagination ul.next a{display:block;float:right;width:auto;padding:0 10px 0 0;margin:0 0 0 10px;background:url(../images/arrow-right-link.gif) center right no-repeat;}


/* TABS
.tabs{padding: 0 0 0 0;margin:10px 0 10px 0;background:url(../images/bg-page-nav-div.gif) bottom left repeat-x; }
	.tabs ul{ list-style-type:none;margin:0;padding:0;}
	.tabs li{margin:0;padding:0;display:inline;}
	.tabs a{display: block;float:left;color:#000;background-color: #ccc;text-decoration:none;font-weight: bold;padding:1px 8px 1px 8px;margin:0 5px 0 0;border:1px solid #333;}
	.tabs a:hover{background-color:#ddd;}
	.tabs a.selected{background-color:#fff;border-bottom:1px solid #fff;}
 */	
	
/* IMAGES */
.image-left{float:left;display:block;width:auto;background-color:#ccc;margin:0 15px 10px 0;padding:0 0 2px 0;border:1px solid #FFF;}
	.image-left img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}

.image-right{float:right;display:block;width:auto;background-color:#ccc;margin:0 0 10px 15px;padding:0 0 2px 0;border:1px solid #FFF;}
	.image-right img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}

.caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;}


/* THICKBOX IMAGE LINKS */

a.thickbox {
	display: inline-block;
	width: 328px;
	height: 207px;
	padding: 27px 20px 16px 10px;
	background: url(../images/bg-thickbox-link.png) left top no-repeat;
}


/* HIGHLIGHT BOXES 
.box{border:1px solid #333;margin:5px 0 20px 0px;padding:5px;color:#FFF;background-color:#F00;}
	.box img{float:left;margin:0 10px 0 0;}
	.box p{padding:0;}
*/	

/* HIGHLIGHT BOXES */

.box{background:#ff0;margin:0 0 20px 0;padding:10px;}

.box .box-top{background:url(../images/box-top-left.png) left top no-repeat;padding:0 0 0 16px;}
.box .box-top .box-top-right{background:url(../images/box-top-right.png) right top no-repeat;height:16px;overflow:hidden;}

.box .box-bottom{background:url(../images/box-bottom-left.png) left bottom no-repeat;padding:0 0 0 19px;}
.box .box-bottom .box-bottom-right{background:url(../images/box-bottom-right.png) right bottom no-repeat;height:19px;overflow:hidden;}
	
.box .box-middle{background:url(../images/box-middle-left.png) left top repeat-y;padding:0 0 0 2px;}
.box .box-middle .box-padding{background:url(../images/box-middle-right.png) right top repeat-y;padding:0 10px 0 8px;min-height:120px;}
	

.box .box-inner{position:relative;float:left;margin-top:-10px;}


.gradient .box-top{background:url(../images/box-gradient-top-left.png) left top no-repeat;}
.gradient .box-top .box-top-right{background:url(../images/box-gradient-top-right.png) right top no-repeat;}

.gradient .box-bottom{background:url(../images/box-gradient-bottom-left.png) left bottom no-repeat;}
.gradient .box-bottom .box-bottom-right{background:url(../images/box-gradient-bottom-right.png) right bottom no-repeat;}

.gradient .box-middle{background:url(../images/box-gradient-middle-left.png) left bottom repeat-y;}
.gradient .box-middle .box-padding{background:url(../images/box-gradient-middle-right.png) right bottom repeat-y;}
	
	
	
	
/* TWO COLUMN */
.col-one, .col-two {width:48%;}
.col-one {float:left;}
.col-two {float:right;}
.cols2 .col{float:left;width:48%;margin:0 1% 0 0;}
.cols3 .col{float:left;width:30%;margin:0 1% 0 0;}	
	
/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}
.fl{float:left}
.fr{float:right}

.padding{padding:10px;}


.legal li{margin-bottom:1em;}
.legal ol li{list-style-type:lower-alpha;}
.legal h2{font-size:1.1em;}


/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */ist-style-type:lower-alpha;}
.legal h2{font-size:1.1em;}


/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */