/* Landing pages */

.noscript ul#steps li div.main_styles {display:none;}

.noscript ul#steps {height:100% !important;}

.noscript ul#steps li {height:auto !important;}

.noscript ul#steps li {position:relative !important; z-index:4 !important; float:left !important; margin-bottom:5px !important;}

.noscript ul#steps a {cursor:default !important;}

.noscript ul#steps a:hover div.larger {border:none !important; visibility:hidden !important;}

#bodyblock {position:relative; padding-top:124px;}

#hdr {position:absolute; top:0;}

.main_text {padding:15px;}

.border_current {border:2px solid #09c; /*border-color:#09c;*/}

p.bodytext {text-align:left;}

h1, h2 {color:#09c; font-family:Arial,Helvetica,sans-serif; font-weight:bold; margin:0;}

h1 {font-size:18px;}

h2 {font-size:14px;}

ul {padding-left:11px; margin-left:3px;}

#player {border:1px solid #64b6e5; margin-top:18px; display:block;width:288px;height:165px; background:url(../images/videoplaceholder.jpg) no-repeat;}

#player img {border:none;}

img.landing {border:1px solid #64b6e5; margin-top:18px; position:relative; z-index:10;}

#bottom_links {list-style-type:none;}

#bottom_links li.bullets {line-height:22px !important;}

#bottom_links a {color:#09c; text-decoration:none;}

#lower {margin-left:15px; margin-top:-8px;}

#lower p.bodytext {margin-top:0;}

p.quote {background:#09c; color:#fff; padding-left:15px; width:218px; font-size:13px;margin-top:-10px;}

/* Mid section */

ul#steps {float:left; width:100%; height:350px; list-style-type:none; position:relative; z-index:10px;}

ul#steps li {background:#eaeaea; width:566px; height:100%; position:absolute; z-index:-1;}

ul#steps li div.main_left {width:310px; float:left; margin:10px 0 0 10px; padding:0 10px 50px 0;}

ul#steps div.main_styles {margin:0 0 10px 0; float:left;}

ul#steps div.main_styles a {margin:8px 9px 0 0; display:block; float:left; width:38px; height:38px; border:2px solid #09c;}

div.main_left p.description {margin-top:5px; padding-top:10px;}

div.main_thumbnails {float:left; position:absolute; bottom:0; margin-bottom:22px; z-index:5;}

div.main_thumbnails a.one {z-index:5}

div.main_thumbnails a.one {z-index:6}

div.main_image {width:210px; height:340px; float:right; margin:10px 10px 0 0; position:relative; z-index:6;}

div.main_image img {width:197px; height:303px; border: 7px solid #fff;}

#steps div.main_thumbnails div.larger {position:absolute; display:block; z-index:6; bottom:0; left:0; width:149px; height:207px; border:1px solid #999;}

#steps div.main_image div.larger {position:absolute; display:block; z-index:6; top:0; right:0; width:322px; height:480px; border:1px solid #999;}

#steps a {outline:none;}

#steps a:link div.larger, #steps a:visited div.larger, #steps a:active div.larger {visibility:hidden;}
#steps a:hover div.larger {visibility:visible;}