﻿@charset "utf-8";

/*-------------------------------------------

    Title :  NTDTV 2014
    Usage :  common styles
    Author:  NTDTV
    Edited:  2014-02-16

---------------------------------------------

    1. reset
    2. fonts
    3. typography
    4. default
    5. containers
    6. banner
       6.1. useful bar
       6.2. logo
       6.3. search
       6.4. social links
       6.5. weather
    7. site navigation
    8. today headline
    9. instant bar
   10. main content
      10.1. TV & Video
   11. content info
      11.1. supplementary navigation
      11.2. logo
      11.3. search
      11.4. social links
      11.5. info

---------------------------------------------*/



/*  1. reset
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 62.5%;
	line-height: 1.2;
	-webkit-text-size-adjust: none;
	}

h1, h2, h3, h4, h5, h6,
input, select, button, textarea,
small {
	font-size: 100%;
	}

li {
	list-style: none;
	}

img {
	vertical-align: top;
	}

img, abbr, fieldset, iframe {
	border: none;
	}

img, video {
	max-width: 100%;
	}

object {
	outline: none;
	}

dfn {
	font-style: normal;
	}

mark {
	background: none;
	}

sup, sub {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

kbd, samp,
input, select, textarea, button {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	color: inherit;
	font-family: inherit;
	outline: none;
	box-shadow: none;
	}

textarea {
	-webkit-appearance: none;
	border-radius: 0;
	}

input[type="text"] {
	-webkit-appearance: none;
	border-radius: 0;
	}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	box-sizing: border-box;
	}

input[type="search"] {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	-webkit-appearance: textfield;
	}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	}

textarea {
	vertical-align: top;
	overflow: auto;
	}

[placeholder]::-webkit-input-placeholder {
	color: inherit;
	}

[placeholder]:focus::-webkit-input-placeholder {
	color: transparent;
	}

[placeholder]::-moz-placeholder {
	opacity: 1;
	}

[placeholder]:focus:-moz-placeholder {
	color: transparent;
	}

[placeholder]:focus::-moz-placeholder {
	color: transparent;
	}

button {
	cursor: pointer;
	overflow: visible;
	}

button::-moz-focus-inner {
	padding: 0;
	border: none;
	}



/*  2. fonts
---------------------------------------------*/

@font-face { /* Open Sans Condensed bold normal */
	font-style: normal;
	font-weight: 700;
	font-family: "Open Sans Condensed";
	src: local("Open Sans Condensed Bold"),
	     local("OpenSans-CondensedBold"),
	     url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format("woff");
	}



/*  3. typography
---------------------------------------------*/

body {
	font-family: "Helvetica Neue", "Helvetica-Neue", "HelveticaNeue", Arial, sans-serif;
	}

a {
	color: inherit;
	text-decoration: none;
	}

a:hover,
a:focus {
	text-decoration: underline;
	background-color: transparent;
	}



/*  4. default
---------------------------------------------*/

/*  AD  */

.ad-type1 {
	clear: both;
	margin: 20px auto;
	border: 1px solid #e6e6e6;
	}

.ad-type1 .wrapper {
	margin: 0 auto;
	width: 728px;
	height: 90px;
	}

/*  sticky fb  */

#sticky-fb {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 100;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#sticky-fb .content {
	position: fixed;
	bottom: -370px;
	right: 10px;
	padding: 25px;
	width: 250px;
	height: 300px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	behavior: url(js/PIE.htc);
	}

#sticky-fb .content .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #424242;
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	background: #efefef;
	border: 4px solid #d3d2d2;
	border-radius: 20px;
	behavior: url(js/PIE.htc);
	}



/*  5. containers
---------------------------------------------*/







/*  6. toolbar
---------------------------------------------*/

#v2014_toolbar {
	background: #282c75 url(../images/bg_banner.png) no-repeat top center;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	}

#v2014_toolbar .center {
	margin: 0 auto;
	width: 966px;
	zoom: 1;
	}

#v2014_toolbar .center .left {
	float: left;
	}
	

#v2014_toolbar .center .left ul {
	color: #fcfcfc;
	font-weight: 700;
	text-align: left;
	}

#v2014_toolbar .center .left ul li {
	float: left;
	display: inline;
	margin-right: 25px;
	padding: 13px 0;
	*padding: 7px 0 5px;
	}

#v2014_toolbar .center .left ul li {
	*display: inline;
	}

#v2014_toolbar .center .left ul li.app {
	*position: relative;
	*top: -1px;
	}

#v2014_toolbar .center .left ul li a {
	*clear: expression($(this).filter(':contains(app)').parent().addClass('app'), style.clear = "none", 0);
	font-weight: 700;
	font-size: 1.4em;
	}

#v2014_toolbar .center .left ul:after {
	content: "";
	clear: both;
	display: block;
	}

#v2014_toolbar ul:after {
	content: "";
	clear: both;
	display: block;
	}

#v2014_branches,
#v2014_lang {
	position: relative;
	*top: -1px;
	_top: -2px;
	z-index: 202;
	display: inline-block;
	}

#v2014_branches,
#v2014_lang {
	*display: inline;
	}

#v2014_branches h4,
#v2014_lang     h4 {
	position: relative !important;
	*top: 2px;
	left: 0 !important;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	display: inline-block;
	margin: 0px 0;
	cursor: default;
	font-size: 1.4em;
	}

#v2014_branches h4,
#v2014_lang     h4 {
	*display: inline;
	}

#v2014_toolbar .center .left ul li #v2014_branches ul,
#v2014_toolbar .center .left ul li #v2014_lang     ul {
	position: absolute;
	top: 16px;
	top: -moz-calc(19px);
	*top: 19px;
	left: -11px;
	*clear: expression($(this).wrapInner('<table><tr><td></td></tr></table>'), style.clear = "none", 0);
	display: none;
	padding: 0 !important;
	text-align: left;
	background: white;
	border: 1px solid #f4f4f4;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	}

#v2014_toolbar .center .left ul li #v2014_branches:hover ul,
#v2014_toolbar .center .left ul li #v2014_lang:hover     ul {
	display: block;
	}

#v2014_branches ul li,
#v2014_lang     ul li {
	position: static !important;
	float: none !important;
	display: block !important;
	margin-right: 0 !important;
	padding: 0 !important;
	*list-style-position: outside;
	}

#v2014_branches ul li:before,
#v2014_branches ul li before,
#v2014_lang     ul li:before,
#v2014_lang     ul li before {
	display: none;
	}

#v2014_branches ul li a,
#v2014_lang     ul li a {
	display: block;
	padding: 5px 32px 5px 10px;
	height: 1%;
	color: #666 !important;
	font-size: 1.2em;
	white-space: nowrap;
	}

#v2014_branches ul li a { padding-right: 35px }
#v2014_lang     ul li a { padding-right: 30px }

#v2014_branches ul li a:hover,
#v2014_lang     ul li a:hover {
	text-decoration: none;
	background: #eee;
	}

#v2014_toolbar .center .right {
	float: right;
	display: inline;
	overflow: hidden;
	}

#v2014_toolbar .center .right ul {
	float: right;
	padding: 13px 11px 0 0;
	background: url(../images/sprite_toolbar_right_ul_a.hover-www.png) no-repeat 0 -5000px; /* preload image */
	}

#v2014_toolbar .center .right ul li {
	float: left;
	display: inline;
	margin-left: 8px;
	}

#v2014_toolbar .center .right ul li a {
	float: left;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/sprite_social_a.png) no-repeat;
	}

#v2014_toolbar .center .right ul li.facebook a { width: 19px; height: 19px; background-position:     0 0  }
#v2014_toolbar .center .right ul li.twitter  a { width: 20px; height: 19px; background-position: -28px 0 }
#v2014_toolbar .center .right ul li.youtube  a { width: 19px; height: 19px; background-position: -56px 0 }

#v2014_toolbar .center .right ul li a:hover {
	background-image: url(../images/sprite_social_a.hover.png);
	}
	

#v2014_toolbar .center .right p {
	float: right;
	display: inline;
	margin-right: -6px;
	padding: 6px 0;
	*padding: 7px 0 5px;
	cursor: default;
	color: #666;
	font-weight: 700;
	font-size: 1.4em;
	}

#v2014_toolbar .center .right p a {
	margin: 0 6px;
	color: #666;
	}

#v2014_toolbar .center:after {
	content: "";
	clear: both;
	display: block;
	}



/*  6.1. banner
---------------------------------------------*/

#v2014_banner {
	position: relative;
	margin: 10px auto 10px;
	z-index: 100;
	height: 90px;
	
	}

#v2014_banner .center {
	position: relative;
	margin: 0 auto;
	width: 966px;
	zoom: 1;
	}

#v2014_banner .center .ad {
	position: absolute;
	top: 0;
	right: 0;
	width: 728px;
	height: 90px;
	}

#v2014_banner .center:after {
	content: "";
	clear: both;
	display: block;
	}


/*  6.2. logo
---------------------------------------------*/

#v2014_logo h3 a {
	position: absolute;
	top: 21px;
	left: -2px;
	width: 192px;
	height: 59px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/sprite.png) no-repeat;
	}

/*  6.3. search
---------------------------------------------*/

#v2014_toolbar .center form {
	float: left;
	display: inline;
	margin: 5px 10px 0 50px;
	width: 243px;
	}

#v2014_toolbar .center form div input {
	float: left;
	padding: 5px 8px;
	width: 167px;
	height: 18px;
	color: #888;
	font-size: 1.4em;
	background: #fff;
	border: none;
	}

#v2014_toolbar .center form div button {
	float: left;
	*padding-top: 4px;
	width: 60px;
	height: 28px;
	overflow: hidden;
	color: #fff;
	font: 700 1.6em/1 "Open Sans Condensed", sans-serif;
	font-size: 1.6em;
	background: #b01414;
	border: none;
	}

#v2014_toolbar .center form div button:hover {
	background: #4f79bd;
	}

#v2014_toolbar .center form:after {
	content: "";
	clear: both;
	display: block;
	}


/*  7. Site Navigation
---------------------------------------------*/

#v2014_sitenav {
	position: relative;
	z-index: 200;
	margin: 15px auto 0;
	width: 966px;
	height: 48px;
	zoom: 1;
	background: #292c74;
	}

#v2014_sitenav ul {
	float: left;
	height: 48px;
	}
	
#v2014_sitenav ul li {
	float: left;
	height: 48px;
	}

#v2014_sitenav ul li.dvdr {
	position: relative;
	float: left;
	*clear: expression($(this).prepend('<before></before><div style="height: 0; overflow: hidden"></div>'), style.clear = "none", 0);
	display: inline;
	width: 36px;
	height: 28px;
	}

#v2014_sitenav ul li.dvdr:before,
#v2014_sitenav ul li.dvdr before {
	content: "";
	position: relative;
	top: 7px;
	display: block;
	margin: 0 auto;
	width: 2px;
	height: 14px;
	overflow: hidden;
	background: #4f7bba;
	}

#v2014_sitenav ul li h3 a {
	position: relative;
	z-index: 102;
	float: left;
	padding: 15px 9px 14px;
	padding-top: -moz-calc(15px);
	padding-bottom: -moz-calc(14px);
	_padding-top: 7px;
	_padding-bottom: 2px;
	color: #fff;
	font: 700 1.6em/1.2 "Open Sans Condensed", sans-serif;
	*line-height: 1.2;
	line-height: 1.1\9;
	text-decoration: none;
	
	}

#v2014_sitenav ul li      h3 a:hover,
#v2014_sitenav ul li.curr h3 a {
	background: #4f7bba;
	}

#v2014_sitenav ul         li.show  h3 a,
#v2014_sitenav ul.entered li:hover h3 a,
#v2014_sitenav ul.entered li.hover h3 a {
	margin-top: -3px;
	padding-top: 12px;
	padding-top: -moz-calc(2px);
	_padding-top: 4px;
	color: #044343;
	background: #fff;
	border-top: 6px solid #4f7bba;
	}

#v2014_sitenav ul li .dropdown {
	position: absolute;
	top: -5000px;
	*clear: expression($(this).prepend('<before></before><div style="height: 0; overflow: hidden"></div>'), style.clear = "none", 0);
	width: auto;
	zoom: 1;
	background: #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.45);
	}

.ie-older #v2014_sitenav ul li .dropdown {
	width: auto;
	border: solid #e1e1e1;
	border-width: 0 1px;
	}

#v2014_sitenav ul         li.show  .dropdown,
#v2014_sitenav ul.entered li:hover .dropdown,
#v2014_sitenav ul.entered li.hover .dropdown {
	top: 48px;

	}

#v2014_sitenav ul li .dropdown:before,
#v2014_sitenav ul li .dropdown before {
	content: "";
	position: absolute;
	width: auto;
	height: 6px;
	overflow: hidden;
	background: #4f7bba;
	}

.ie-older #v2014_sitenav ul li .dropdown:before,
.ie-older #v2014_sitenav ul li .dropdown before {
	left: -1px;
	width: auto;
	}

.ie6 #v2014_sitenav ul li .dropdown before {
	clear: expression($(this).css('bottom', $(this).parent().outerHeight() % 2 === 1 ? -1 : 0), style.clear = "none", 0);
	}

#v2014_sitenav ul li .dropdown ul {
	padding-bottom: 10px;
	}

#v2014_sitenav ul li .dropdown ul li {
	float: none;
	text-align: left;
	
	}

#v2014_sitenav ul li .dropdown ul li a {
	color: #fff;
	font-weight: 700;
	font-size: 1.4em;
	background: #4f7bba;
	display: block;
	padding: 15px 13px;
	*clear: expression($(this).is(':first-child') ? $(this).css('border-top', '1px solid #fff') : null, style.clear = "none", 0);
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 150px;
	}

#v2014_sitenav ul li .dropdown ul li:first-child a{
	border-top: 1px solid #fff;
	}

#v2014_sitenav ul li .dropdown ul li a:hover,
#v2014_sitenav ul li .dropdown ul li a.hover {
	color: #292c74;
	background: #ffffff;
	text-decoration: none;
}

#v2014_sitenav ul li .dropdown:after {
	content: "";
	clear: both;
	display: block;
	}
	


/*  8. today headline
---------------------------------------------*/

#v2014_slideable {
	position: relative;
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	margin: 0 auto 20px;
	padding: 2px 0 10px;
	width: 966px;
	zoom: 1;
	}

.ie.older #v2014_slideable {
	padding-top: 0;
	}

#v2014_slideable:before,
#v2014_slideable before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 966px;
	height: 1px;
	background: #e6e6e6;
	}

#v2014_slideable:after {
	content: "";
	clear: both;
	display: block;
	}

#v2014_todayheadline {
	position: relative;
	z-index: 1;
	float: right;
	margin-top: 8px;
	width: 1px;
	height: 74px;
	}

#v2014_todayheadline:first-child {
	overflow: visible !important;
	}

#v2014_todayheadline .clip {
	position: absolute;
	top: 0;
	right: 0;
	width: 966px;
	height: 100%;
	overflow: hidden;
	}

#v2014_todayheadline .clip .border {
	width: 966px;
	height: 74px;
	background: url(../images/sprite.png) no-repeat 0 -727px;
	}

#v2014_todayheadline .clip .border .title {
	position: absolute;
	top: 6px;
	left: 0;
	width: 132px;
	color: #fff;
	font: italic 900 2.5em/1.2 "Helvetica Neue Condensed Black", "HelveticaNeue Condensed Black", "HelveticaNeue-Condensed-Black", Impact, sans-serif;
	font-stretch: condensed;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}

#v2014_todayheadline .clip .border .txt {
	padding: 6px 130px 0 155px;
	}

#v2014_todayheadline .clip .border .txt a {
	color: #000;
	font: 700 2.5em/1.2 "Helvetica Neue Condensed Bold", "HelveticaNeue Condensed Bold", "HelveticaNeue-Condensed-Black", sans-serif;
	font-stretch: condensed;
	text-transform: uppercase;
	}

#v2014_todayheadline .close {
	position: absolute;
	top: -4px;
	right: 4px;
	cursor: pointer;
	color: #4f79bd;
	font: 300 4em/1 Arial, sans-serif;
	}



/*  9. instant bar
---------------------------------------------*/

#v2014_instantbar {
	position: relative;
	top: 6px;
	margin: 0 auto;
	opacity: 0;
	}

#v2014_cal {
	position: relative;
	margin: 0 auto;
	}

#v2014_cal span {
	position: absolute;
	top: 3px;
	right: 0;
	color: #b01414;
	font-weight: 700;
	font-size: 1.2em;
	}

#v2014_instant {
	height: 23px;
	overflow: hidden;
	}

#v2014_instant h3 {
	float: left;
	color: #333;
	font-size: 1.5em;
	}

#v2014_instant .clip {
	position: relative;
	float: left;
	display: inline;
	margin-left: 25px;
	width: 740px;
	height: 18px;
	overflow: hidden;
	}

#v2014_instant .clip .wrapper {
	width: 5000px;
	}

#v2014_instant .clip .wrapper ol {
	position: relative;
	display: inline;
	cursor: default;
	}

#v2014_instant .clip .wrapper ol li {
	display: inline;
	padding-right: 30px;
	}

#v2014_instant .clip .wrapper ol li a {
	color: #333;
	font-size: 1.5em;
	}

#v2014_instant:after {
	content: "";
	clear: both;
	display: block;
	}



/* 10. main content
---------------------------------------------*/

#v2014_main {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 966px;
	zoom: 1;
	}

#v2014_main:after {
	content: "";
	clear: both;
	display: block;
	}



/* 10.1. TV & Video
---------------------------------------------*/

#v2014_tv-video {
	margin: 40px 0;
	zoom: 1;
	background: #161a6f url(../images/bg_tv-video.gif) repeat-y 100% 0;
	}

#v2014_tv-video .header {
	position: relative;
	padding: 4px 1px 4px 9px;
	height: 16px;
	zoom: 1;
	background: #161a6f;
	}

#v2014_tv-video .header h3 {
	float: left;
	color: #fff;
	font: 700 1.7em/1 "Open Sans Condensed", sans-serif;
	text-transform: uppercase;
	}

#v2014_tv-video .header select {
	display: none;
	}

#v2014_tv-video .header span #v2014_tvprograms-button {
	float: right;
	padding-top: 2px;
	width: 216px;
	height: 18px;
	cursor: pointer;
	color: #000;
	font-size: 1.1em;
	text-indent: 11px;
	text-decoration: none;
	background: url(../images/sprite.png) no-repeat -784px -363px;
	}

.ui-selectmenu-menu {
	position: absolute;
	top: 0;
	display: none;
	margin: 0;
	padding: 0;
	}

.ui-selectmenu-menu #schedule-menu {
	width: 216px;
	}

.ui-selectmenu-menu > ul {
	position: relative;
	padding: 0;
	margin: 0;
	width: 220px !important;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	list-style: none;
	font-size: 1.3em;
	z-index: 1005;
	background: #fff;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	}

.ui-selectmenu-open {
	display: block;
	}

.ui-selectmenu-menu li {
	display: block;
	margin: 0;
	padding: 0;
	}

.ui-selectmenu-menu li a {
	display: block;
	margin: 0;
	padding: 3px 20px;
	height: 1%;
	color: #444;
	}

.ui-selectmenu-menu li a:hover {
	text-decoration: none;
	}

.ui-selectmenu-menu ul ul {
	font-size: 1em;
	border: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	background: none;
	}

.ui-selectmenu-menu > ul:only-child > li:first-child > a,
.ui-selectmenu-menu > ul:only-child > li:first-child[style] + li > a {
	-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	}

.ui-selectmenu-menu > ul:last-child > li:last-child > a {
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
	}

.ui-selectmenu-item-selected a {
	text-decoration: none;
	background: #efefef;
	}

.ui-state-hover a {
	text-decoration: none;
	background: #efefef;
	}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
	display: block;
	padding: 3px 6px;
	color: gray;
	cursor: default;
	}

#v2014_tv-video .header:after {
	content: "";
	clear: both;
	display: block;
	}

#v2014_tv-video .left {
	position: relative;
	float: left;
	clear: left;
	width: 228px;
	height: 353px;
	background: url(../images/sprite.png) no-repeat -772px 0;
	}

#v2014_tv-video .left a {
	position: absolute;
	bottom: 21px;
	left: 52px;
	width: 130px;
	height: 36px;
	overflow: hidden;
	text-indent: -5000px;
	}

#v2014_tv-video .right {
	float: right;
	padding: 12px 0 0 16px;
	width: 722px;
	}

#v2014_tv-video .right .section  {
	width: 701px;
	}

#v2014_tv-video .right .section + .section {
	margin-top: 15px;
	padding: 10px 0;
	border-top: 1px dotted #fff;
	}

#v2014_tv-video .right .section h4 {
	color: #fff;
	font: 700 1.7em/1 "Open Sans Condensed", sans-serif;
	text-transform: uppercase;
	}

#v2014_tv-video .right .section ol {
	margin-top: 10px;
	width: 722px;
	font-size: 0;
	}

#v2014_tv-video .right .section ol li {
	display: inline-block;
	vertical-align: top;
	margin-right: 19px;
	width: 161px;
	font-size: 10px;
	}

#v2014_tv-video .right .section ol li {
	*display: inline;
	}

#v2014_tv-video .right .section ol li .fig {
	display: block;
	margin-bottom: 3px;
	width: 161px;
	height: 91px;
	}

#v2014_tv-video .right .section ol li .fig img {
	width: 100%;
	height: 100%;
	}

#v2014_tv-video .right .section ol li .txt {
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.167;
	text-decoration: none;
	}

#v2014_tv-video .right .section ol li .txt:hover {
	color: #888;
	}

#v2014_tv-video:after {
	content: "";
	clear: both;
	display: block;
	}



/* 11. content info
---------------------------------------------*/

#v2014_contentinfo {
	background: #161a6f;
	}

#v2014_contentinfo .center {
	position: relative;
	margin: 0 auto;
	width: 966px;
	zoom: 1;
	}

#v2014_contentinfo .center:after {
	content: "";
	clear: both;
	display: block;
	}



/* 11.1. supplementary navigation
---------------------------------------------*/

#v2014_suppnav {
	padding: 20px 0 29px;
	background: #fff;
	}

#v2014_suppnav ul {
	margin: 0 auto;
	width: 966px;
	cursor: default;
	font: 700 1.6em/1.2 "Open Sans Condensed", sans-serif;
	text-align: center;
	}

#v2014_suppnav ul li {
	*clear: expression($(this).not(':first-child').prepend('&nbsp;&nbsp;&nbsp;'), style.clear = "none", 0);
	display: inline;
	}

#v2014_suppnav ul li + li:before {
	content: "\00a0\00a0"
	}

#v2014_suppnav ul li a {
	color: #161a6f;
	}



/* 11.2. logo
---------------------------------------------*/

#v2014_contentinfo .center .logo {
	float: left;
	margin-top: 17px;
	width: 149px;
	height: 59px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/sprite.png) no-repeat;
	}



/* 11.3. search
---------------------------------------------*/

#v2014_contentinfo .center form {
	float: left;
	display: inline;
	margin: 30px 0 0 100px;
	width: 343px;
	}

#v2014_contentinfo .center form div input {
	float: left;
	padding: 5px 8px;
	width: 267px;
	height: 20px;
	color: #888;
	font-size: 1.6em;
	background: #fff;
	border: none;
	}

#v2014_contentinfo .center form div button {
	float: left;
	*padding-top: 4px;
	width: 60px;
	height: 30px;
	overflow: hidden;
	color: #fff;
	font: 700 1.6em/1 "Open Sans Condensed", sans-serif;
	font-size: 1.8em;
	background: #b01414;
	border: none;
	}

#v2014_contentinfo .center form div button:hover {
	background: #4f79bd;
	}

#v2014_contentinfo .center form:after {
	content: "";
	clear: both;
	display: block;
	}



/* 11.4. social links
---------------------------------------------*/

#v2014_contentinfo .center .social {
	float: right;
	margin-top: 40px;
	background: url(../images/sprite_social_a.hover.png) no-repeat 0 -5000px; /* preload image */
	}

#v2014_contentinfo .center .social ul {
	float: left;
	}

#v2014_contentinfo .center .social ul li {
	float: left;
	display: inline;
	margin-left: 8px;
	}

#v2014_contentinfo .center .social ul li a {
	float: left;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/sprite_social_a.png) no-repeat;
	}

#v2014_contentinfo .center .social ul li.facebook a { width: 19px; height: 19px; background-position:     0 0 }
#v2014_contentinfo .center .social ul li.twitter  a { width: 20px; height: 19px; background-position: -28px 0 }
#v2014_contentinfo .center .social ul li.youtube  a { width: 19px; height: 19px; background-position: -56px 0 }

#v2014_contentinfo .center .social ul li a:hover {
	overflow: hidden;
	text-indent: -5000px;
	background-image: url(../images/sprite_social_a.hover.png);
	}



/* 11.5. info
---------------------------------------------*/

#v2014_contentinfo .center .info {
	position: relative;
	clear: both;
	*clear: expression($(this).prepend('<before></before>'), style.clear = "both", 0);
	text-align: center;
	}



#v2014_contentinfo .center .info ul {
	cursor: default;
	color: #fff;
	font: 700 1.4em/1.2 "Open Sans Condensed", sans-serif;
	}

#v2014_contentinfo .center .info ul li {
	*clear: expression($(this).not(':first-child').prepend('&nbsp;|&nbsp;&nbsp;'), style.clear = "none", 0);
	display: inline;
	}

#v2014_contentinfo .center .info ul li + li:before,
#v2014_contentinfo .center .info ul li + li before {
	content: "\00a0|\00a0\00a0";
	margin: 0 1px;
	}

#v2014_contentinfo .center .info ul li a {
	color: #fff;
	}

#v2014_contentinfo .center .info p {
	padding: 35px 0;
	color: #fff;
	font-size: 1.2em;
	}