/*
  @brief: Castrol Edge Extreme Football layout stylesheet
  @author: Rob Simpkins
 */

/**   start wrapper and container styles    **/
div.wrapper { width: 920px; margin: 0 auto; padding: 0 0 97px 0; text-align: left; }
body > div#container { height: auto; min-height: 100%;  }


/**   start header styles   **/
div#header { float: left; display: inline; height: 99px; width: 100%; background: #413c3c url('../images/layout/header_detail_background.jpg') repeat-x bottom; }
div#header div#red_header_bar { position: absolute; top: 0; left: 0; float: left; display: inline; height: 58px; width: 50%; background: transparent url('../images/layout/header_red_background.jpg') repeat-x; z-index: 10; }
div#header div#green_header_bar { position: absolute; top: 0; right: 0; float: left; display: inline; height: 58px; width: 50%; background: transparent url('../images/layout/header_green_background.jpg') repeat-x; z-index: 10; }
div#header div#red_green_header_bar { position: absolute; top: 0; left: 0; float: left; display: inline; height: 58px; width: 100%; background: transparent url('../images/layout/header_background.jpg') no-repeat center; z-index: 100; }

.clickable_thumbnail {cursor:pointer;  }

/**   start content styles    **/
div#content { position: relative; float: left; display: inline; width: 920px; padding: 11px 0 0 0; }
div#content h1#castrol_edge_logo { float: left; display: inline; height: 105px; width: 473px; text-indent: -9999px; }
div#content h1#castrol_edge_logo a { float: left; display: inline; height: 105px; width: 473px; background: #413c3c url('../images/layout/new_castrol_edge_logo.jpg') no-repeat; }

div#horizontal_division { float: left; display: inline; height: 3px; width: 920px; margin: 34px 0 20px 0; background: #413c3c url('../images/layout/horizontal_division.jpg') no-repeat; }

div#left_column { float: left; display: inline; width: 115px; padding-top: 14px; }
div#left_column h2#two_teams_two_extremes { float: left; display: inline; height: 299px; width: 115px; background: #413c3c url('../images/layout/two_teams_two_extremes.jpg') no-repeat; text-indent: -9999px; }

div#centre_column { float: left; display: inline; width: 647px; }
div#centre_column div#video_player { float: left; display: inline; height: 260px; width: 611px; padding: 14px 18px; background: #413c3c url('../images/layout/flash_player_background.jpg') no-repeat; }
div#centre_column div#video_player img#loading { position: relative; top: 103px; left: 278px; }
div#centre_column div#video_player a#player { display: block; height: 260px; width: 611px; }
div#centre_column div#video_thumbnails { position: relative; top: -10px; left: 0; float: left; display: inline; height: 94px; width: 621px; padding: 0 13px; }
div#centre_column div#video_thumbnails div.video_thumbnail { float: left; display: inline; height: 66px; width: 143px; margin: 0; padding: 22px 6px 6px 6px; background: transparent url('../images/layout/video_thumbnail_background.png') no-repeat -155px 0; }
* html div#centre_column div#video_thumbnails div.video_thumbnail { background-image: url('../images/layout/video_thumbnail_background.gif'); }
div#centre_column div#video_thumbnails div.video_thumbnail.current_video_thumbnail { background-position: 0 0; }
div#centre_column p { float: left; display: inline; padding: 5px 18px; }

div#right_column { float: right; display: inline; width: 158px; padding-top: 14px; }
div#right_column div#castrol_lubricants { float: left; display: inline; width: 158px; margin: 0 0 8px 0; }
div#right_column div#castrol_lubricants div#castrol_lubricants_header { float: left; display: inline; height: 181px; width: 158px; background: transparent url('../images/layout/castrol_lubricants_header.jpg') no-repeat; text-indent: -9999px; }
div#right_column div#castrol_lubricants div#castrol_lubricants_footer { position: relative; float: left; display: inline; height: 43px; width: 158px; background: transparent url('../images/layout/castrol_lubricants_footer.jpg') no-repeat; }
div#right_column div#castrol_lubricants select#local_site { position: absolute; top: 10px; left: 21px; width: 112px; font-size: 11px; }

div#right_column img#join_the_debate { float: left; display: inline; height: 223px; width: 158px; padding: 6px 0; }

/**   start footer styles   **/
div#footer { position: relative; height: 97px; width: 100%; margin-top: -97px; background: transparent url('../images/layout/footer_detail_background.jpg') repeat-x top; clear: both; }
div#footer div#green_footer_bar { font-size:9px; color:#FFF; position: absolute; bottom: 0; left: 0; float: left; display: inline; height: 56px; width: 100%; background: transparent url('../images/layout/footer_green_background.jpg') repeat-x;}
div#green_footer_bar a{color:#FFF; text-decoration:none;}
div#green_footer_bar a:hover{color:#FFF; text-decoration:underline;}


/**   start border styles   **/
.b_white_bottom_1px { border-bottom: 1px solid #fff; }


/**   fixing of footer for ie-mac & chrome  **/
.clear_fix:after { content: ".";	display: block;	height: 0; clear: both; visibility: hidden; }
.clear_fix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear_fix { height: 1%; }
.clear_fix { display: block; }
/* End hide from IE-mac */