/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* global */
body{background:#FFF url('../images/bg-topgradient.png') repeat-x left -40px;}
a{color:#b61122;}
h1,h2,h3,h4,h5,h6,p,ul{font-family:Helvetica, Arial, Verdana, san-serif;}
p{font-size:12px; line-height:18px; margin-bottom:26px;}
h1{font-size:30px; font-weight:200; color:#4b61b1;}
h3{font-size:18px; font-weight:200; color:#b91d23;}

ol li{margin:0 0 26px; height:auto; overflow:hidden;}

/* layout */
.wrapper{width:932px; margin:0 auto;}
.container{width:900px; padding:0 16px; background:url('../images/bg-full.png') no-repeat left -40px;}

.w820{width:820px;}
.w840{width:840px;}
.w540{width:540px;}
.w338{width:338px;}
.w280{width:280px;}
.w272{width:272px;}
.w170{width:170px;}

.nav{background:url('../images/bg-nav.png') repeat-x; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.nav ul li{background:url('../images/bg-nav-border.png') right 50% no-repeat; font-weight:700; float:left; text-align:center; width:180px; padding:10px 0; font-size:11px; text-transform:uppercase;}
.nav ul li a{color:#000; text-decoration:none;}

.tips p{width:280px; float:right;}

.number{font-weight:700; color:#FFF; padding:10px 13px; margin:4px 10px 0 0; font-family:Helvetica, Arial, Verdana, san-serif; font-size:12px;}

/* global classes - keep at bottom to override */
.rounded{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.left{float:left;}
.right{float:right;}

.cl-left{clear:left;}
.cl-right{clear:right;}
.cl-both{clear:both;}
.cl-none{clear:none;}

.mr{margin-right:10px;}
.ml{margin-left:10px;}
.mt{margin-top:10px;}
.mb{margin-bottom:10px;}

.mr.min{margin-right:5px;}
.ml.min{margin-left:5px;}
.mt.min{margin-top:5px;}
.mb.min{margin-bottom:5px;}

.mr.mid{margin-right:20px;}
.ml.mid{margin-left:20px;}
.mt.mid{margin-top:20px;}
.mb.mid{margin-bottom:20px;}

.mr.max{margin-right:30px;}
.ml.max{margin-left:30px;}
.mt.max{margin-top:30px;}
.mb.max{margin-bottom:30px;}

.nomr{margin-right:0; padding-right:0;}
.noml{margin-left:0; padding-left:0;}

.nomar{margin:0;}
.nopad{padding:0;}

.pr{padding-right:10px;}
.pl{padding-left:10px;}
.pt{padding-top:10px;}
.pb{padding-bottom:10px;}

.pr.min{padding-right:5px;}
.pl.min{padding-left:5px;}
.pt.min{padding-top:5px;}
.pb.min{padding-bottom:5px;}

.pr.extramin{padding-right:3px;}
.pl.extramin{padding-left:3px;}
.pt.extramin{padding-top:3px;}
.pb.extramin{padding-bottom:3px;}

.pr.max{padding-right:30px;}
.pl.max{padding-left:30px;}
.pt.max{padding-top:30px;}
.pb.max{padding-bottom:30px;}

.pr.none{padding-right:0;}
.pl.none{padding-left:0;}
.pt.none{padding-top:0;}
.pb.none{padding-bottom:0;}

.bt{border-top:1px solid #d0cece;}
.br{border-right:1px solid #d0cece;}
.bb{border-bottom:1px solid #d0cece;}
.bl{border-left:1px solid #d0cece;}

.bt.yellowborder{border-color:#e8e9d1;}

.full{width:100%;}
.half{width:50%;}
.third{width:33.33%;}

.small, .small p{font-size:11px;}

.ra{text-align:right;}
.la{text-align:left;}
.ca{text-align:center;}
.ja{text-align:justify;}

.strong{font-weight:700;}
.weak{font-weight:200;}

.italics{font-style:italic;}

.allcaps{text-transform:uppercase;}
.sans{font-family:Helvetica, Arial, sans-serif;}

.absolute{position:absolute;}
.relative{position:relative;}

.btm{bottom:0;}
.rgt{right:0;}
.top{top:0;}
.lft{left:0;}

.dnone{display:none;}

.bg-white{background:#FFF;}
.bg-light{background:#EEE6C9;}
.bg-black{background:#000;}
.bg-lgrey{background:#f2f2f2;}
.bg-brown{background:#9f5224;}
.bg-red{background:#b61122;}
.bg-blue{background:#4d63b2 url('../images/bg-blue.png') repeat-x;}

.white, .white a{color:#FFF;}
.black, .black a{color:#000;}
.grey, .grey a{color:#a9a9a9;}
.red, .red a{color:#b61122;}
.green, .green a{color:#a3ab40;}
.blue, .blue a{color:#4d63ae;}

/* Featurelist */
div#featurelist {
	width: 540px;
	height: 250px;
	overflow: hidden;
	position: relative;
	background:url('../images/bg-featurelist.png');
	border:1px solid #d0cece;
}

div#featurelist ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 165px;
}

ul#tabs li {
	font-size: 12px;
	font-family: Arial;
}

ul#tabs li img {
	padding: 5px;
	border: none;
	float: left;
	margin: 10px 10px 0 0;
}

ul#tabs li a {
	color: #222;
	text-decoration: none;	
	display: block;
	padding: 10px;
	height: 40px;
	outline: none;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a span{color:#454545;}

ul#tabs li a.current {
	background:  url('../images/feature-tab-current.png') right 50%;
	color: #454545;
}

ul#tabs li h3{color:#4b61b1; font-size:14px; text-transform:uppercase;}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 0;
	width: 400px;
	height: 250px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 400px;
	height: 250px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}

ul#output li a:hover {
	background: #D33431;
}

ul.rotator-list {
	position:relative;
	width:264px;
	height:133px;
	
}

ul.rotator-list li {
	position:absolute;
}