/* CSS Document */
* {margin:0; padding:0;}
body {display:table; margin:0 auto; width:100%; background-color:#000000;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}
a:link {text-decoration:none;}
#wrapper {width:984px; height:1024px;}

/* ************* CONTAINERS **************** */
#main {width:984px; height:611px; float:none;}
#left_container {width:265px; height:611px; background-image:url(../Images/left_bg.jpg); background-repeat:no-repeat; background-position:left; float:left; position: relative;}
#right_container {width:715px; height:611px; background-image:url(../Images/right_bg.jpg); background-repeat:no-repeat; float: left; position: relative; margin-left:0px;}

/* ************* LEFT CONTAINER PROPERTIES **************** */
#left_top {width:264px; height:251px;}
#left_nav {width:265px; height:86px; float:left;}
.left_nav {width:265px; height:86px; float:left;}
.left2_nav {width:265px; height:88px; float:left;}

/* ************* RIGHT CONTAINER PROPERTIES **************** */
#header {width:715px; height:140px; float:none;}
#right_nav_container {width:576px; height:34px; float:right; padding-top:61px;}
.right_nav {float:left;}
#flash {width:649px; height:370px; float:left; padding-top:45px;}
.flash {direction:ltr;}

/* ************* BACKGROUND IMAGE (SURF PRODUCT) PROPERTIES **************** */
#surf_bg {width:678px; height:369px; float:left; padding-top:45px; background-image:url(../Images/surf_image.gif); background-repeat:no-repeat; background-position:bottom; padding-left:40px;}
.surf {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:293px; padding-right:60px; padding-top:93px; color:#FFFFFF; text-align:left;}
.surf_bullet {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:left; padding-left:12px; letter-spacing:-0.04em; _letter-spacing:-0.03em; _line-height:12px;}
.surf_bullet ul {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:left;}
.surf_bullet li {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:left; list-style:disc;}

/* ************* BACKGROUND IMAGE (SKATE PRODUCT) PROPERTIES **************** */
#skate_bg {width:678px; height:369px; float:left; padding-top:45px; background-image:url(../Images/skate_image.gif); background-repeat:no-repeat; background-position:bottom; padding-left:38px;}
.skate {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:324px; padding-right:96px; padding-top:110px; color:#FFFFFF; text-align:left;}

/* ************* BACKGROUND IMAGE (SNOW PRODUCT) PROPERTIES **************** */
#snow_bg {width:678px; height:369px; float:left; padding-top:45px; background-image:url(../Images/snow_image.gif); background-repeat:no-repeat; background-position:bottom; padding-left:38px;}
.snow {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:356px; padding-right:67px; padding-top:136px; color:#FFFFFF; text-align:left;}
.snow_link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-align:left; text-decoration:none;}
.snow_link a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-align:left; text-decoration:none;}
.snow_link a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-align:left; text-decoration:none;}
.snow_link a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-align:left; text-decoration:none;}
.snow_link a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-align:left; text-decoration:none;}

/* ************* BACKGROUND IMAGE (WHERE TO BUY PRODUCT) PROPERTIES **************** */
#wb_bg {width:678px; _width:618px; height:369px; float:left; padding-top:45px; background-image:url(../Images/where_buy_image.gif); background-repeat:no-repeat; background-position:bottom; padding-left:31px; _padding-left:35px;}
.wb {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:324px; _padding-left:0px; padding-right:96px; _padding-right:0px; padding-top:110px; color:#FFFFFF; text-align:left;}

/* ************* TERMS OF SERVICE DIV PROPERTIES **************** */
#tos {width:678px; height:369px; float:left; padding-top:45px; padding-left:39px;}
.tos { width:530px; height:261px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-right:16px; padding-top:110px; color:#666666; text-align:left;  overflow:auto;}
.tos ul {list-style:disc;}
.tos li {list-style:disc;}
#tos_list {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left; line-height:18px;}
#tos_list ul {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left; list-style:disc;}
#tos_list li {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left; list-style:disc;}
.orange {color:#E07E1D; text-transform:uppercase; font-size:14px;}
.bold_text {color:#666666; text-transform:uppercase; font-size:14px;}

/* ************* BOTTOM TEXT IMAGE PROPERTIES **************** */

/* ************* BOTTOM TEXT IMAGE PROPERTIES **************** */
.text_img {padding-right:70px; padding-top:25px; float:right;}

/* ************* FOOTER CONTAINER PROPERTIES **************** */
#footer_container {width:984px; height:24px; float:none;}
.footer {text-align:left; font-family:Helvetica, Arial, sans-serif; font-size:10px; padding-left:64px; padding-top:13px; color:#666666;}
.footer a{text-align:left; font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#666666; text-decoration:none;}
.footer a:hover{text-align:left; font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}

/* ************* VIDEO CONTAINER PROPERTIES **************** */
#video {width:678px; height:369px; float:left; padding-left:25px;}


.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
}