/* tbp.css document */

body {
margin: 0 auto;
padding: 0;
font: 80% Verdana,Tahoma,Arial,sans-serif;
background-color: #333333;
}

#wrap {
background: #000000;
color: #ffffff;
margin: 0 auto;
width: 1100px;
padding: 0;
}

#wrap_popup {
background: #000000;
color: #ffffff;
margin: 0 auto;
width: 500px;
padding: 25px 25px;
}

/******************** HEADER ********************/
#header {
margin: 0 auto;
border: 0;
height: 140px;
}

img.logo {
float:left;
margin: 5px 0 0 20px;
}
/******************** END HEADER ********************/

/******************** NAV ********************/
#nav {
clear: left;
float: left;
width: 150px;
margin: 0 auto;
font-size: 0.8em;
line-height: 1.2em;
}

#nav ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
line-height: 2.2em;
font-size: 1.2em;
text-align: left;
}

#nav li {
background-color: #0066cc;
width: 150px;
margin:0 auto;
}

#nav li a {
color: #ffffff;
display:block;
background-repeat: repeat-x;
height: 30px;
padding-left: 10px;
border-left: solid 5px #0066cc;
}

#nav a:hover {
color: #ffcc00;
border-left: solid 5px #ffcc00;
}
/******************** END NAV ********************/

/******************** TOP WRAP ********************/
#top_wrap {
margin: 0 auto;
padding: 0;
background-image: url('images/home_top.jpg');
background-repeat: no-repeat;
background-position: center;
}

/******************** END TOP WRAP ********************/



/******************** MIDDLE WRAP ********************/

#middle_wrap {
margin: 0 auto;
padding: 0;
}
/******************** END MIDDLE WRAP ********************/



/******************** TOP LEFT ********************/
#top_left {
width: 450px;
padding: 0;
margin: 0 475px 0 175px;
}

/******************** END TOP LEFT ********************/



/******************** TOP RIGHT ********************/
#top_right {
width: 365px;
margin: 0 auto;
padding-right: 85px;
float: right;
}

h5.right_raised {
text-align:right;
font-size: .75em;
}
/******************** END TOP RIGHT ********************/


/******************** BLUE DIV ********************/

#blue_div {
clear: both;
margin: 0 auto;
padding: 0;
height: 30px;
background-color: #0066cc;
}

.lg_type {
font-size:1.2em;
line-height: 1.75em;
padding: 2px 15px;
margin: 0 auto;
}
/******************** END BLUE DIV ********************/


/******************** MAIN MOVIES ********************/

#main_movie table {
margin: 0 auto;
text-align: center;
padding: 0;
}

.point {
cursor:pointer;
}

li.point {
display: block;
width: 250px;
}

li.point:hover {
text-decoration: underline;
}

td.point:hover {
text-decoration: underline;
}

#main_movie_menu {
clear: left;
float: left;
width: 515px;
padding-left:20px;
margin: 0 auto;
}

#main_movie_menu ul {
list-style: none;
line-height: 2em;
}

#main_movie_player {
margin: 32px 0 0 0;
padding-left: 50px;
width: 515px;
float: right;
}

/******************** END MAIN MOVIES ********************/

/******************** MAIN CHALLENGE ********************/

#main_challenge {
clear: both;
margin: 0 auto;
padding: 30px 50px;
}

/******************** END MAIN CHALLENGE ********************/


/******************** INSTRUCTION MOVIES ********************/

#instruction_movie {
padding: 0;
margin: -20px 500px 0 200px;
width: 310px;
}

#instruction_movie_menu {
width: 330px;
padding:0;
margin: 0 auto;
}

#instruction_movie_menu ul {
list-style: none;
line-height: 2em;
}

#instruction_movie_player {
margin: 80px 0 0 0;
padding-left: 50px;
width: 515px;
float: right;
}

#b1, #b2, #b3, #b4, #b5, #b6, #b7 {
margin-right: 10px;
padding: 7px 0;
float: left;
}
/******************** END INSTRUCTION MOVIES ********************/


/******************** WHOLESALE ********************/
#top_wrap_wholesale {
margin: 0 auto;
padding: 0;
background-image: url('images/home_top.jpg');
background-repeat: no-repeat;
background-position: center;
}

#wholesale_partners {
width: 400px;
padding:0;
margin: 0 auto;
float: left;
}

#enter_password {
clear: both;
margin: 0 auto;
padding: 0;
width: 1100px;
height: 80px;
}

.shadow {
width: 500px;
height: 30px;
background-color: #0066cc;
border: thin solid #999999;
text-align: center;
line-height: 2em;
font-style: italic;
font-size: 1em;
padding: 0;
margin: 0 auto;
}

#pass_form {
clear:both;
float:left;
width: 1100px;
background-color:#ffffff;
padding: 0;
margin: 0 auto;
color:#000000;
text-align: center;
}

/******************** END WHOLESALE ********************/


/******************** FOOTER ********************/
#footer {
clear: both;
margin: 10px 0 0 0;
padding-top: 5px;
width: 1100px;
height: 23px;
text-align: center;
color: #949494;
font-size: 0.9em;
background-color: #ffffff;
}

#footer a {
color: #808080;
text-decoration: none;
padding-top: 5px;
margin: 0 auto;
}

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

.footer_type {
font-size: 80%;
color:#999999;
text-align: center;
margin-top: 10px;
}
/******************** END FOOTER ********************/


img {
border: none;
}

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

h1 {
color:#FFCC00;
font-size: 1.5em;
}

h2 {
font-size: 1.5em;
}

p {
line-height: 1.4em;
}

.sm_type {
font-size: 75%;
}


.black {
color:#000000;
}

.red {
color:#CC0000;
}

.blue {
color:#0066CC;
}

.yellow {
color:#FFCC00;
}

.underline {
text-decoration: underline;
}

.right {
text-align:right;
}

.centered {
text-align: center;
}

.underline {
text-decoration: underline;
}