body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	margin:0px;
	background-color:#f5f5f5;
}
body.cke_show_borders {
	background-color:#990100;
}
p {
	margin:0px;
}

table {
	border-collapse:collapse;
}

img { 
	border: 0 none; 
}

a, a:link, a:visited{
	color:#ffffff;
	text-decoration:none;
}

a:active, a:hover{
	color:#cccccc;
	text-decoration:none;
}
u a, u a:link, u a:visited, u a:active, u a:hover {
	text-decoration:underline;
}

a.white:link,a.white:visited,a.white:active,a.white:hover{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}

a.submit {
	color:#ffffff;
	font-size:18px;
}

span.white{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}

h1 {
	font-size:21px;
	color:#fff;
	padding:0px;
	margin:0px;
	font-weight:normal;
	margin-bottom:8px;
}

h2 {
	font-weight:bold;
	font-size:15px;
	color:#c00000;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
}
h3, div.ul {
	font-size:15px;
	font-weight:bold;
	color:#fff;
	margin:0px 0px 5px;
	padding:0px;
}


ul {
	margin:6px 0px 6px 20px;
	padding:0px;
}

li {
	margin-left: 0;
	padding-left: 0;
}

#container {
	width:700px;
	margin:auto;
	background-color:#990100;
	background-repeat:no-repeat;
	background-position:top left;
}
.header_ { background-image:url(../images/header.jpg); }
.header_about_us { background-image:url(../images/header_2.jpg); }
.header_balmain { background-image:url(../images/header_1.jpg); }
.header_products { background-image:url(../images/header_3.jpg); }
.header_training { background-image:url(../images/header_6.jpg); }
.header_examples { background-image:url(../images/header_4.jpg); }
.header_whats_new { background-image:url(../images/header_1.jpg); }
.header_models_wanted { background-image:url(../images/header_5.jpg); }
.header_salon_locator { background-image:url(../images/header_3.jpg); }
.header_contact_us { background-image:url(../images/header_4.jpg); }
.header_admin { background-image:url(../images/header_1.jpg); }
.header_ #content {
	padding-top:260px;
}

#header {
	position:relative;
	height:170px;
}

#logo {
	position:absolute;
	width:200px;
	height:80px;
	top:80px;
	left:32px;
	background:url(../images/logo.png) no-repeat center center;
}

#links {
	position:absolute;
	top:0px;
	left:22px;
}

#links a, #links a:hover {
	float:left;
	padding:30px 4px 8px;
	margin:0px 4px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
}

#links a.selected, #links a:hover {
	border-top:2px solid #cc0001;
	padding-top:28px;
}

#nav {
	height:70px;
	padding-left:15px;
	background:#cc0001;
}

#nav a {
	float:left;
	padding:24px 15px;
	height:22px;
	font-size:18px;1
	text-transform:lowercase;
}

#nav a.selected, #nav a:hover {
	color:#fff;
	background:#000;
}

#subs {
	height:40px;
	padding-left:18px;
	background:#7c0000;
}

#subs a {
	float:left;
	padding:12px 8px;
	color:#ff0000;
}

#subs a:hover, #subs a.selected {
	color:#ffffff;
}

#content {
	position:relative;
	min-height:400px;
}

h2#headline {
	color:#ffffff;
	font-size:17px;
}

.left, .pad {
	padding:20px 23px;
}

.middle {
	width:654px;
	padding:20px 23px;
	overflow:hidden;
	background:#ffffff;
	color:#330000;
}
.white, .pad-white {
	background:#ffffff;
	color:#330000;
	padding:20px 23px;
}
	

.middle .ul, .white .ul, .pad-white .ul, .middle h3, .white h3, .pad-white h3 {
	color:#c00000;
}

.middle a, .white a, .pad-white a {
	color:#666666;
}
.middle h3, .white h3, .pad-white h3 {
	color:#c00000;
}

.video {
	background:#7c0000;
	padding:10px;
}

.example {
	padding:10px;
}

.example .before, .example .after {
	float:left;
	width:337px;
	margin:1px;
}

.example .photo {
	width:337px;
	height:300px;
	overflow:hidden;
	margin-bottom:12px;
}

.example center {
	font-size:18px;
	text-transform:lowercase;
}

#footer {
	width:700px;
	margin:auto;
	height:55px;
	color:#999999;
	padding:12px 0px;
	position:relative;
}

#footer img {
	position:absolute;
	top:5px;
	left:200px;
}
#footer #design {
	position:absolute;
	right:0px;
	top:12px;
	text-transform:uppercase;
}

#footer #contact {
	position:absolute;
	right:0px;
	top:22px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover {
	color:#999999;
} 

/*.left {
	float:left;
	width:700px;
	height:400px;
	padding-right:15px;
	background-position:bottom right;
	background-repeat:no-repeat;
}

.right {
	background:url(../images/right.jpg) repeat-y top left;
	float:left;
	width:185px;
	height:400px;
}*/


ul.links {
	margin-left:45px;
	list-style:none;
	font-size:13px;
	font-weight:bold;
}

ul.links li{
	padding:0px;
	margin:20px 0px;
}

ul.links li.bullet {
	list-style-type: disc;
	list-style-image:url(../images/bullet.gif);
}

div.arrow {
	display:inline;
	width:10px;
	height:10px;
	background:url(../images/arrow.jpg) no-repeat center center;
}

span.q {
	color:#5A5E5E;
	font-weight:bold;
	font-size:11px;
	cursor:hand;
	cursor:pointer;
}

.a {
	display:none;
}
body.cke_show_borders .a {
	display:block;
}

input, select, textarea{
	font-size:11px;
	height:15px;
	background:#E9E9E1;
	border: none; 
	padding:2px 4px;
}

.input {
	margin:2px 0px;
	width:97%;
}

input[type=text], input[type=password], textarea {
	width:250px;
}

input[type=submit],input[type=button]{
	font-family:Trebuchet MS ;
	font-size:20px;
	height:38px;
	color:#FFFFFF;
	background:#990100;
	padding:4px 15px;
	border: 2px solid #FFFFFF; 
	vertical-align:middle;
	margin:4px;
	cursor:pointer;
	cursor:hand;
}

input[type=file]{
	font-family:Trebuchet MS ;
	font-size:12px;
	height:20px;
	background-color: #FFFFFF;
	border: 1px solid #CFCFCF; 
}

.big{
	font-family:Trebuchet MS ;
	font-size:24px;
	height:32px;
	vertical-align: middle;
	background-color: #FFFFFF;
	border: 1px solid #CFCFCF;
}

div.marker_container {
	width:auto;
	height:5px;
	margin:0px 14px 5px -1px;
}

div.marker {
	background:#FFFFFF;
	height:5px;
	margin:auto;
}
	
.dark {
	color:#330000;
}

.red, a.red:hover, a.red:link, a.red:active, a.red:visited {
	color:#c00000;
}

.blue{
	color:#8eb4e3;
}

.box {
	padding:4px;
	border:1px solid #cfcfcf;
}

/********* Divs ********/
div.red {
	margin:6px;
	padding:6px;
	color:#990000;
	border:1px solid #990000;
	background-color:#f8f0f0;
}

div.green {
	margin:6px;
	padding:6px;
	color:#608112;
	border:1px solid #8DA820;
	background-color:#eff4e5;
}

div.center {
	margin:auto;
	text-align:center;
	width:400px;
}

.default {
	color:#999999;
}

.absmiddle {
	vertical-align:middle;
}

.clear {
	clear:both;
}

.pad {
	padding:32px;
}

.fade {
	opacity:.30;
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;
}

.p{
	display:inline;
	width:20px;
	padding:2px 5px 3px 5px;
	margin:0px 2px;
	font-weight:bold;
	background:#FFFFFF;
	border:1px solid #CFCFCF;
}

.row {
	border-bottom:1px solid #cfcfcf;
}

.box {
	padding:10px;
	border:1px solid #cfcfcf;
}

img.box {
	padding:4px;
	background:#ffffff;
}

/****** Draggable ********/
.draggable {
	cursor:move;
}

.drag li {
	position: relative;
    display: block;
    float: left;    
    list-style-type: none;
    height: 120px;    
    width: 140px;    
	text-align:center;
}

.helper{
	border: 3px dashed #666;
	background:#dae4ee;
}

table .helper {
	width:100%;
	height:25px;
}

ul .helper {
	width:100px;
	height:75px;
	margin:auto;
}

/****** Inline Edit *******/
.inline {
	padding:6px;
	position:relative;
	background:none;
	height:13px;
}

.inline:hover {
	background:#eeeeee;
	border:1px solid #cfcfcf;
	padding:4px 5px;
}

.inline:hover .inline_edit {
	top:2px;
	right:0px;
}

.inline_edit {
	position:absolute;
	top:4px;
	right:1px;
	display:none;
	width:20px;
}

/***** Validation *****/
label.error {
	margin-left: 5px;
	width: auto;
	display: inline;
	color:#B80A0A;
	display: none;
}

/***** Tooltips *****/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 12px;
	opacity: 0.90;
	filter: alpha(opacity=90);
	font-size:12px;
	max-width:250px;
	color:#555555;
}
#tooltip h3, #tooltip div { 
	margin: 0;
	font-size:12px;
	font-weight:normal;
	color:#555;
}

/***** Tablesorter *****/
.sortable, .unsortable {
	width:100%;
}	

.sortable thead tr, .unsortable thead tr {
	background:#666666;
	color:#FFFFFF;
}

.sortable thead tr .headerSortDown {
	background:#999999 url(../images/arrow_down.gif) no-repeat right center;
}

.sortable thead tr .headerSortUp {
	background:#999999 url(../images/arrow_up.gif) no-repeat right center;
}

.sortable thead th {
	cursor: hand;
	cursor: pointer;
	padding: 3px 5px;
}

.unsortable thead th {
	padding:3px 5px;
}

.even {
	background-color:#ffffff;
}

.odd {
	background-color:#f3f3f3;
}

.sortable tbody tr td, .unsortable tbody tr td {
	vertical-align: top;
	padding:4px 6px;
}

.sortable tbody tr td.hidden, .unsortable tbody tr td.hidden {
	padding:0px;
	border:none;
}

.table {
	width:100%;
}
.table td, .table th {
	padding:4px 5px;
}

/* expand/collapse */
.collapsible {
	padding: 0 0 3px 0;
}

.collapsible a.collapsed {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/tablesorter_expand.png) no-repeat 3px 3px;
	outline: 0;
}

.collapsible a.expanded {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/tablesorter_expand.png) no-repeat -24px 3px;
	outline: 0;
}

/***** Datepicker *****/
#ui-datepicker-div, .ui-datepicker-inline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0; background: #ddd; width: 185px;}
#ui-datepicker-div { display: none; border: 1px solid #777; z-index: 100; /*must have*/}
.ui-datepicker-inline { float: left; display: block; border: 0;}
.ui-datepicker-rtl { direction: rtl;}
.ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #ddd !important;}
.ui-datepicker-disabled { position: absolute; z-index: 100; background-color: white; opacity: 0.5;}
button.ui-datepicker-trigger { width: 25px;}
img.ui-datepicker-trigger { margin: 2px; vertical-align: middle;}
.ui-datepicker-prompt { float: left; padding: 2px; background: #ddd; color: #000;}
* html .ui-datepicker-prompt { width: 185px;}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; color: #fff;}
.ui-datepicker-control { background: #400; padding: 2px 0px;}
.ui-datepicker-links { background: #000; padding: 2px 0px;}
.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%;}
.ui-datepicker-links label { /* disabled links */ padding: 2px 5px; color: #888;}
.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%;}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right;}
.ui-datepicker-current { float: left; width: 30%; text-align: center;}
.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right;}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left;}
.ui-datepicker-header { padding: 1px 0 3px; background: #333; text-align: center; font-weight: bold; height: 1.3em;}
.ui-datepicker-header select { background: #333; color: #fff; border: 0px; font-weight: bold;}
.ui-datepicker { background: #ccc; text-align: center; font-size: 100%;}
.ui-datepicker a { display: block; width: 100%;}
.ui-datepicker-title-row { background: #777;}
.ui-datepicker-days-row { background: #eee; color: #666;}
.ui-datepicker-week-col { background: #777; color: #fff;}
.ui-datepicker-days-cell { color: #000; border: 1px solid #ddd;}
.ui-datepicker-days-cell a{ display: block;}
.ui-datepicker-week-end-cell { background: #ddd;}
.ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #777;}
.ui-datepicker-days-cell-over { background: #fff; border: 1px solid #777;}
.ui-datepicker-unselectable { color: #888;}
.ui-datepicker-today { background: #fcc !important;}
.ui-datepicker-current-day { background: #999 !important;}
.ui-datepicker-status { background: #ddd; width: 100%; font-size: 80%; text-align: center;}

/* ________ Datepicker Links _______
** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000;}
.ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important;}
.ui-datepicker-control a, .ui-datepicker-links a { padding: 2px 5px !important; color: #eee !important;}
.ui-datepicker-title-row a { color: #eee !important;}
.ui-datepicker-control a:hover { background: #fdd !important; color: #333 !important;}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { background: #ddd !important; color: #333 !important;}

/* ___________ MULTIPLE MONTHS _________*/
.ui-datepicker-multi .ui-datepicker { border: 1px solid #777;}
.ui-datepicker-one-month { float: left; width: 185px;}
.ui-datepicker-new-row { clear: left;}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/}

/***** Thickbox *****/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/overlay.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 20px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	padding:7px 30px 10px 25px;
}

#TB_closeWindow{
	height:20px;
	position:absolute;
	top:3px;
	right:3px;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important;  }

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */

  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/**** Fancybox ****/
/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background: url('../images/fancybox/fancybox_loading.gif');
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-prev, .fancybox-next {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-prev span, .fancybox-next span {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
}

.fancybox-prev span {
	background-position: 0 -36px;
}

.fancybox-next span {
	background-position: 0 -72px;
}

.fancybox-prev:hover, .fancybox-next:hover {
	visibility: visible;
}

.fancybox-prev:hover span {
	left: 20px;
}

.fancybox-next:hover span {
	left: auto;
	right: 20px;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/**** Newsletter ****/
.newsletter-label {
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	width:75px;
	font-size:15px;
}
.newsletter-field input {
	width:200px;
}
.newsletter-note {
	float:left;
	padding-top:8px;
	width:57%;
}
.newsletter-submit {
	padding-top:8px;
	float:left;
	width:41%;
	text-align:right;
}

.fancybox-inner h1 {
	font-size:17px;
	font-weight:bold;
	background:#990100;
	color:#fff;
	padding:3px 8px;
	margin:0px;
	margin-bottom:8px;
}