html, body {
	font : 11px/20px Arial, sans-serif;
	color : #505050;

	padding : 0;
	background-color : #fff;
	margin : 0;
	
	cursor : default;
}

html {
	height : 100%;
}

body {
	min-height : 100%;
}

#root {
	position : relative;
	min-height : 100%;
	width : 982px;
	
	padding : 0 9px;
	margin : 0 auto;
}

:link, :visited {
	color : #e97117;
	text-decoration : underline;
}

:link:hover, :visited:hover {
	text-decoration : none;
}

a img,
img[usemap] { border : 0 none; }
hr    { display : none;  }
p     { padding : 0; margin : 0 0 1em; }

.clear {
	display : block;
	clear : both;
}

.sidebar {
	float : left;
	width : 300px;
}

.advertisement {
	display : block;
	overflow : hidden;
	
	padding: 0;
	border: 0 none;
	margin : 1em auto;
}

.advertisement img,
.advertisement object {
	display: block;
}

#header .advertisement {
	min-width: 728px;
	min-height: 90px;
}

.sidebar .advertisement {
	min-width: 300px;
	min-height: 250px;
}
	.sidebarStaticAd img {
		margin: 18px 0 ;
	}

.box,
.box > div,
.box > b, .box > b b,
.wrap,
.wrap > div,
.wrap > b, .wrap > b b {
	padding : 0;
	background : transparent none no-repeat top left;
	margin : 0;
}
.box,
.wrap {
	position : relative;
	background-repeat : repeat-y;
}
.box > div,
.wrap > div {
	background-repeat : repeat-y;
	background-position : top right;
}
.box > b, .box > b b,
.wrap > b, .wrap > b b {
	display : block;
	background-repeat : no-repeat;
}
.box > b.top,
.wrap > b.top {
	padding-left : 6px;
	background-image : url('../../images/boxWhite_tl.png');
}
.box > b.top b,
.wrap > b.top b {
	height : 6px;
	background-image : url('../../images/boxWhite_tr.png');
	background-position : top right;
}
.box > b.bottom,
.wrap > b.bottom {
	padding-left : 6px;
	background-image : url('../../images/boxWhite_bl.png');
	background-position : bottom left;
}
.box > b.bottom b,
.wrap > b.bottom b {
	height : 6px;
	background-image : url('../../images/boxWhite_br.png');
	background-position : bottom right;
}

ul.tabs {
	padding : 0;
	margin : 0 0 0 6px;
}

ul.tabs li {
	list-style : none;
	float : left;
	
	padding-left : 5px;
	background : #dedede url('../../images/boxWhite_tl.png') no-repeat top left;
	margin : 0 0 0 1px;
}
ul.tabs li span {
	display : block;
	height : 27px;

	padding-right : 5px;
	background : transparent url('../../images/boxWhite_tr.png') no-repeat top right;
}
ul.tabs li a {
	display : block;
	height : 27px;
	
	font : bold 14px/27px Arial, sans-serif;
	color : #555;
	text-decoration : none;
	
	padding : 0 13px 0 20px;
	background : transparent url('../../images/tab_inactive.png') no-repeat 10px center;
}
ul.tabs li.active {
	background-color : #e7edf4;
}
ul.tabs > li.active a,
ul.tabs > li a:hover {
	background-position : 7px center;
	background-image : url('../../images/tab_active.png');
}
ul.tabs + * {
	clear : left;
}

.box.light {
	border : 1px solid #e1e3e6;
}
.box.light > div {
	padding : 3px 9px;
}
.box.light > b.top {
	background-image : url('../../images/boxWhiteLight_tl.png');
	margin : -1px 0 0 -1px;
}
.box.light > b.top b {
	background-image : url('../../images/boxWhiteLight_tr.png');
	margin-right : -1px;
}
.box.light > b.bottom {
	background-image : url('../../images/boxWhiteLight_bl.png');
	margin : 0 0 -1px -1px;
}
.box.light > b.bottom b {
	background-image : url('../../images/boxWhiteLight_br.png');
	margin-right : -1px;
}

.col50 {
	float : left;
	width : 50%;
	
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	-khtml-box-sizing : border-box;
	-o-box-sizing : border-box;
	-ms-box-sizing : border-box;
}

.col33 {
	float : left;
	width : 33.3%;
	
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	-khtml-box-sizing : border-box;
	-o-box-sizing : border-box;
	-ms-box-sizing : border-box;
}

h1 {
	font : bold 20px/20px Arial, sans-serif;
	color : #e97117;
	
	padding : 0;
	margin : 0.65em 0;
}
h1 .vr {
	display : -moz-inline-box;
	display : inline-block;
	height : 12px;
	vertical-align : middle;
	
	font-size : 0;
	text-indent : -32767em;

	padding : 0 0 0 7px;
	background : transparent url('../../images/arrow_header_grey.png') no-repeat center left;
}
h1 .title, h1 .title a {
	color : #6e92b3;
}

ul.errors {
	font-weight : bold;
	color : #004990;
	text-align : left;
}

ul.messages {
	font-weight : bold;
	font-size : 13px;
}

/* header */

#header {
	width : 982px;

	padding-top : 10px;
	margin : 0 auto 9px;
}

#header #logo {
	display: block;
	float: left;
	width: 233px;
	height: 108px;
	margin: 0 21px 9px 0;

	text-indent: -32767em;
	
	background: transparent url('../../images/logo.png') no-repeat top left;
}

#header #logo a {
	display : block;
	width : 100%;
	height : 100%;
}

#header .advertisement {
	margin: 0 0 6px;
}

#header .mainMenu {
	clear: both;
	padding: 0 4px 0 0;
	margin: 0 0 22px;
	height: 32px;
	text-align: right;

	background-color: #ff7519;
}

#header .mainMenu > li {
	position: relative;
	display: inline-block;
	list-style: none;
	
	font: bold 15px/32px Arial, sans-serif;
	text-align: left;
	
	padding : 0 8px 0 12px;
	background : transparent url('../../images/mainMenu_bullet.png') no-repeat 0 center;
	margin : 0;
}

#header .mainMenu > li:first-child {
	padding-left : 0;
	background-image : none;
}

#header .login {
	font: bold 12px/17px Arial, sans-serif;
	margin-bottom: 7px;
}

#header .login > a,
#header .login > div > a {
	color: #004990;
	text-decoration: none;
}

#header .login > a,
#header .login > div {
	float: left;

	padding: 0 7px 0 8px;
	background: transparent url('../../images/mainMenu_vr.png') no-repeat 0 center;
}

#header .login > a:first-child {
	padding-left: 0;
	background-image: none;
}

#header .mainMenu > li > a,
#header .login > a,
#header .login > div {
	position: relative;
	display: block;
}

#header .mainMenu > li > a {
	font-size: 15px;
	color: #fff;
	text-decoration: none;
}

#header .login > div > ul > li {
	padding : 0;
	margin : 0;
}
#header .login > div > ul a {
	height : auto;

	font-weight : normal;
	font-size : 11px;
	line-height : 20px;
	text-transform : none;

	padding : 0;
	margin : 0;
}

#header .mainMenu > li > a:hover,
#header .login > a:hover,
#header .login > div > a:hover,
#header .mainMenu > li.active > a,
#header .login a.active {
	text-decoration: underline;
}

#header .mainMenu > li > ul#adminMenu,
#header .login > div > ul,
#mainMenuVideoList {
	position : absolute;
	top : 100%;
	left : -40px;
	z-index : 32767;
	display : none;
	width : 182px;
	padding : 25px 9px 0;
	margin : 0;
}
ul#adminMenu {
	background-color: #fff ;
	border: 6px solid #eee ;
	padding: 9px 0 !important ;
	left: -10px !important ;
}
#header .login > div > ul {
	left : -40px;
}

#header .mainMenu li:hover > ul,
#header .login > div:hover > ul,
#header .mainMenu li.video:hover > #mainMenuVideoList {
	display : block;
}
#header .mainMenu li > ul > li,
#header .login > div > ul > li {
	list-style : none;

	padding : 0;
	margin : 0;
}
#header .mainMenu li > ul > li a,
#header .login > div > ul > li a {
	display : block;
	
	color : #004990;
	text-decoration : none;
	
	padding-left : 19px;
	background : transparent url('../../images/arrow_orange_small.png') no-repeat 11px 7px;
}
#header .mainMenu li > ul > li a:hover,
#header .login > div > ul > li a:hover {
	background-color : #f0f5f9;
}

#header .mainMenu li > ul > li.last,
#header .login > div > ul > li.last {
	position : absolute;
	bottom : -17px;
	left : 0;
	display : block;
	width : 200px;
	height : 17px;
	padding : 0;
	margin : 0;
}

#mainMenuVideoList {
	width: auto ;
	top : 75%;
	font-size : 12px;
	padding: 0;
	left: -40px ;
}
	.menuArrow {
		margin: 0 0 -6px 77px ;
	}
	#mainMenuVideoListInner {
		padding: 6px ;
		border: 6px solid #eee ;
		background: #fff ;
	}
	.mainMenuVideoListNarrow {
		left: -40px !important ;
	}

#mainMenuVideoList .bottom {
	bottom : -15px;
	height : -15px;
}
	.mainMenuVideoListNarrow .bottom {
	}

#mainMenuVideoList a {
	display : block;
	color : #666;
	text-decoration : none;
}

#mainMenuVideoList a:hover {
	text-decoration: underline;
}

#mainMenuVideoList .allVideos {
	position : relative;
	float : left;
	width : 184px;
	padding : 9px 9px 32px 0 ;
	background-color : #ffe8d0;
	margin : 0 0 0 0;
}
	.mainMenuVideoListNarrow .allVideos {
		width: 192px !important ;
	}

#mainMenuVideoList .allVideos li {
	list-style : none;
	line-height : 14px;
	padding : 0 0 0 11px;
	margin : 0;
}

#mainMenuVideoList .allVideos li a {
	background : transparent none no-repeat 0 center;
	padding : 4px 0 4px 32px;
}

#mainMenuVideoList .allVideos li.all,
#mainMenuVideoList .featuredCategory li.all,
#mainMenuVideoList .featuredCategory li.empty {
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;

	font-weight : bold;
	line-height : 21px;

	padding : 3px 0 3px 43px;
	background : #fff url('../../images/arrow_orange.png') no-repeat 33px 10px;
	margin : 0;
}

/* TODO: hacky, but I can’t be bothered to make it work properly :/ */
#mainMenuVideoList .featuredCategory li.empty {
	height : 21px;
	background-image : none;
}

#mainMenuVideoList .allVideos li.all a {
	padding : 0;
}

#mainMenuVideoList .featuredCategory {
	position : relative;
	padding : 9px 17px 36px 17px ;
	background-color : #fff7ef;
	min-width: 210px ;
	margin : 0 0 0 196px;
}

#mainMenuVideoList .featuredCategory strong {
	font-size : 18px;
	color : #004a90;
	white-space : nowrap;
	margin-left: 41px ;
	text-indent: -41px ;
	line-height : 16px ;
	display: block ;
	padding-bottom: 12px ;
}

div.featuredCategoryIcon {
	float: left ;
	vertical-align: middle ;
}
div.featuredCategoryTitle {
	text-transform: uppercase ;
	font-size : 18px;
	color : #004a90;
	line-height : 18px ;
	vertical-align: middle ;
	margin-bottom: 16px ;
}
	div.featuredCategoryWithIcon div.featuredCategoryTitle {
		margin: 8px 0 16px 41px ;
	}


#mainMenuVideoList .featuredCategory ul {
	padding : 0;
	margin : 11px 0 0;
	line-height: normal ;
}

#mainMenuVideoList .featuredCategory ul li {
	list-style : none;
	
	padding : 0;
	margin : 0 0 11px;
}

#mainMenuVideoList .featuredCategory ul li img {
	vertical-align : middle;
	margin-right : 9px;
}

#mainMenuVideoList .featuredCategory ul li .title {
	display : inline-block;
	width : 105px;
	vertical-align : middle;

	font-weight : bold;
	
	padding-left : 9px;
	background : transparent url('../../images/arrow_orange.png') no-repeat 0 4px;
}

#mainMenuVideoList .featuredCategory li a:hover {
	text-decoration: none;
}

#mainMenuVideoList .featuredCategory li a:hover span {
	text-decoration: underline;
}

#mainMenuVideoList .featuredCategory li.all a:hover {
	text-decoration: underline;
}

#header #searchform {
	float: right;
	margin-bottom: 4px;
}

#header #searchformInput {
	width : 154px;
	height : 13px;
	
	font : bold 12px/17px Arial, sans-serif;
	color : #888;
	
	-moz-box-sizing   : content-box;
	-o-box-sizing     : content-box;
	-khtml-box-sizing : content-box;
	-ms-box-sizing    : content-box;
	box-sizing        : content-box;

	padding : 2px 2px;
	border : 1px solid #d8d8d8;
	margin : 0 6px 0 0;
}
#header #searchformSubmit {
	width : auto;
	height : 19px;
	
	font : bold 10px/19px Arial, sans-serif;
	color : #004990;
	text-transform : uppercase;

	padding : 0 0 0 20px;
	background : #fff url('../../images/icon_search.png') no-repeat center left;
	border : 0 none;
	margin : 0;
	
	cursor : pointer;
}
#header #searchformSubmit:hover {
	color : #e97117;
}

/* body */

body > h1 {
	padding : 0;
	margin : 12px 16px 10px;
}

#body {
	width : 979px;
	margin : 0 auto;
}

#body.wrap {
	background-color : #fff;
	border : 1px solid #b1b8be;
}
#body.wrap > div {
	padding : 10px 13px;
}
#body.wrap > b.top {
	background-image : url('../../images/boxWhiteDark_tl.png');
	margin : -1px 0 0 -1px;
}
#body.wrap > b.top b {
	background-image : url('../../images/boxWhiteDark_tr.png');
	margin-right : -1px;
}
#body.wrap > b.bottom {
	background-image : url('../../images/boxWhiteDark_bl.png');
	margin : 0 0 -1px -1px;
}
#body.wrap > b.bottom b {
	background-image : url('../../images/boxWhiteDark_br.png');
	margin-right : -1px;
}

#body.text > div {
	width : 610px;

	padding : 8px 353px 8px 16px;
	background : #fff url('../../images/bg_bee.png') no-repeat right 100px;
}

.besidebar {
	float : left;
	width : 626px;
	
	margin-right : 25px !important;
}

#body.besidebar {
	width : 654px;
	margin-top : 0;
}
#body.besidebar + .sidebar {
	width : 300px;
}

#body.wrap.besidebar {
	width : 655px;
}

h2 {
	font : bold 16px/normal Arial, sans-serif;
	color : #004990;
	
	padding : 0;
	margin : 2px 0 0;
}

h2.alt, h3.alt {
	height : 28px;

	font : bold 14px/29px Arial, sans-serif;
	
	padding : 0 0 0 23px;
	background : #e5ecf4 url('../../images/h2_l.png') no-repeat top left;
	margin : 0.5em 0 2px;
}

h3 {
	font-size : 13px;
}

h3.alt {
	font-size : 12px;
	line-height : 28px;
	color : #474747;
}

h2.alt span, h3.alt span {
	display : block;
	height : 28px;
	
	background : transparent url('../../images/h2_r.png') no-repeat top right;
}

/* general sidebar */

.videoSelector {
	width: 296px;
	border: 2px solid #008fd5;
}

.videoSelector h1, .videoSelector h2 {
	display : none;
}

.videoSelector .tabs {
	height : 34px;

	padding : 11px 0 0;
	background-color : #008fd5;
	margin : 0;
}

.videoSelector .tabs li {
	font : bold 14px/34px Arial, sans-serif;
	text-align : center;
	text-transform : uppercase;
	
	padding : 0;
	background : #d5effc none;
	margin : 0 0 0 3px;
}
.videoSelector .tabs li a {
	height: 34px;
	line-height: 34px;

	color: #008fd5;

	padding : 0 14px;
	background : transparent none !important;
	margin : 0;
}

.videoSelector .tabs li a:focus {
	outline : 0 none;
}

.videoSelector .tabs li:hover {
	background-color : #ebf7fd;
}

.videoSelector .tabs li.active,
.videoSelector .tabs li.active:hover {
	background-color : #fff;
}

.videoSelector .videoList {
	display : none;
}
.videoSelector .videoList.active {
	display : block;
}

.videoSelector .videoList ul {
	display : none;

	padding : 0;
	margin : 12px 20px;
}

.videoSelector .videoList ul.active {
	display : block;
}

.videoSelector .videoList ul li {
	list-style : none;

	padding : 9px 0;
	border-top : 1px solid #96d7f6;
}
.videoSelector .videoList ul li:first-child {
	border-top : 0 none;
}

.videoSelector .videoList a {
	font : bold 12px/42px Arial, sans-serif;
	color : #666;
	text-decoration : none;
}
.videoSelector .videoList .title {
	display : inline-block;
	width : 189px;
	line-height : 14px;
	vertical-align : middle;
}
.videoSelector .videoList img {
	width : 56px;
	height : 42px;
	vertical-align : middle;

	margin-right : 11px;
}

.videoSelector .videoList a:hover .title {
	text-decoration: underline;
}

.videoSelector p.lessMore {
	text-align : right;

	border-top : 1px solid #96d7f6;
	margin : 0 9px;
}
.videoSelector p.lessMore a {
	display : block;

	font : bold 12px/28px Arial, sans-serif;
	color : #008fd5;
	text-transform : uppercase;
	
	cursor : pointer;
}
.videoSelector p.lessMore a:hover {
	text-decoration: underline;
}

/* login sidebar box */

.loginForm > div {
	padding : 10px 30px !important;
}

.loginForm h2 {
	font : bold 20px/20px Arial, sans-serif;
	color : #e97117;
	
	padding-left : 32px;
	background : transparent url('../../images/icon_login.png') no-repeat center left;
	margin : 0 0 1em;
}

.loginForm dl {
	padding : 0;
	margin : 0;
}
.loginForm dt {
	float : left;
	width : 66px;
}
.loginForm dd {
	margin-left : 66px;
}

.loginForm label {
	display : inline;
	font-weight : normal;
}

.loginForm input[type='image'] {
	padding-bottom : 5px;
}

.loginForm dd.link {
	line-height : 14px;
}

.loginForm dd.link a {
	font : bold 10px Arial, sans-serif;
	color : #6699cc;
	text-decoration : none;
}
.loginForm dd.link a:hover {
	text-decoration : underline;
}

.loginForm p.more {
	margin : 0;
}

/* footer */

#footBlock {
	clear : both;
	height : 95px;

	padding : 0;
	margin : 0;
}

#footer {
	position : absolute;
	bottom : 22px;

	height : 64px;
	
	font : bold 10px/33px Arial, sans-serif;
	color : #fff;
	
	margin : 0 auto;
}

#footerFollowUs {
	float: right ;
	color: #666 ;
	line-height: 32px ;
	vertical-align: middle ;
	background: #ffe6c8 url(../../images/footer_follow_bg.png) no-repeat top left ;
	padding: 0 8px 0 40px ;
	text-transform: uppercase ;
	height: 32px ;
	font-size: 10px ;
}
	#footerFollowUs span#followUsLabel {
		margin-right: 6px ;
	}
	#footerFollowUs img {
		vertical-align: middle ;
		margin-left: 4px; 
	}

#footerBar {
	clear: right ;
	width : 972px;
	padding : 0 5px;
	background-color : #ff7519;
	height : 33px;
}

#footer ul {
	background-color : #ff7519;
	padding : 0;
	margin : 0;
}

#footer ul li {
	list-style : none;
	float : left;
	
	padding : 0 7px 0 7px;
	background : transparent url('../../images/footer_vr.png?2') no-repeat center left;
}

#footer ul li:first-child {
	padding-left : 8px;
	background-image : none;
}

#footer ul.etc {
	float: left ;
	text-transform : uppercase;
}

#footer ul.etc a {
	color : #fff;
	text-decoration : none;
}

#footer ul.etc   a:hover,
#footer ul.terms a:hover {
	text-decoration: underline;
}

#footer ul.terms {
	float : right;
}

#footer ul.terms li:first-child { background-image : none; }

#footer ul.terms a {
	color : #fff;
	text-decoration : none;
}