﻿@charset "utf-8";
/* css document */

div#wrapper { width:100%; min-height:100%; margin:auto; padding:0; background:url("_images/bg_body.gif") #98A7B4 50% 0 repeat-y; }

div#header { width:100%; height:124px; overflow:visible; background:url("_images/bg_wrapper_left.gif") 0 0 repeat-x; z-index:2; }

/*
div#header div.bg-L { width:100%; height:100%; position:absolute; z-index:1; right:50%; margin-right:480px; background:url("_images/bg_wrapper_left.gif") 100% 0 repeat-x; }
div#header div.bg-R { width:100%; height:100%; position:absolute; z-index:1; left:50%; margin-left:480px; background:url("_images/bg_wrapper_right.gif") 0 0 repeat-x; }
*/

div#header div.inside { z-index:2; width:960px; height:85px; margin:auto; background:url("_images/bg_header_center.gif") 0 0 repeat-x; }
div#header div.inside span.corner-L { width:45px; height:100%; background:url("_images/bg_header_left.gif") 0 0 no-repeat; position:absolute; left:0; }
div#header div.inside span.corner-R { width:45px; height:100%; background:url("_images/bg_header_right.gif") 0 0 no-repeat; position:absolute; right:0; }
div#header div.inside a.logo { text-indent:-999px; overflow:hidden; position:absolute; left:100px; top:25px; display:block; width:175px; height:43px; background:url("_images/logo_main.gif") 0 0 no-repeat; }

div#nav { width:100%; height:39px; overflow:visible; z-index:1}
div#nav div.inside { width:960px; height:100%; margin:auto; background:url("_images/bg_nav_bottom.gif") 0 0 no-repeat; }
div#nav ul { display:block; margin:0; padding:0; width:600px; height:100%; float:right; }
div#nav ul li { position:relative; display:block; float:left; list-style:none; margin:0 25px 0 0; padding:0; }
div#nav ul li a { display:block; margin:0; padding:0; line-height:39px; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#626163; }
div#nav ul li a:hover , div#nav ul li a.active { text-decoration:none; color:#436BA7; }
div#nav ul li:hover ul { display:block; }
div#nav ul ul { position:absolute; display:none; top:39px; left:0; width:200px; height:auto; margin:0; padding:6px 0; background:url("_images/bg_nav.png") 100% 100% no-repeat; }
div#nav li li { display:block; margin:0; padding:0; width:100%; }
div#nav li li a { display:block; text-decoration:none; width:auto; margin:0; padding:3px 10px; line-height:normal; color:#436BA7; font-size:10px; }
div#nav li li a:hover , div#nav li li a.active { text-decoration:none; background:url("_images/bg_nav_hover.gif") 0 3px no-repeat; cursor:pointer; }

ul.topnav { margin:0; padding:0; position:absolute; right:100px; top:15px; width:auto; overflow:hidden; }
ul.topnav li { position:relative; right:-11px; display:block; float:left; margin:0 10px 0 0; padding:0 10px 0 0; list-style:none; border-right:1px solid #FFF; }
ul.topnav li a { position:relative; z-index:1; text-decoration:none; display:block; color:#FFF; text-transform:uppercase; margin:0; padding:0; font-size:10px; }
ul.topnav li a:hover , ul.topnav li a.active { text-decoration:underline; }

ul.subnav { margin:0; padding:0; position:absolute; left:350px; top:45px; width:490px; overflow:hidden; z-index:98}
ul.subnav li { position:relative; left:-11px; display:block; float:left; margin:0 0 5px 10px; padding:0 0 0 10px; list-style:none; border-left:1px solid #FFF; }
ul.subnav li a { position:relative; z-index:1; display:block; text-decoration:none; color:#F0C938; text-transform:uppercase; margin:0; padding:0; font-size:10px; }
ul.subnav li a:hover , ul.subnav li a.active { color:#F0C938; text-decoration:none; }

form#search { margin:0 0 30px 0; padding:0; width:auto; }
form#search input.field { display:block; padding:4px; width:110px; border:1px solid #BBB; background:#FFF; }
form#search input.submit { display:block; padding:0; margin:0; width:auto; border:none; background:none; cursor:pointer; margin:5px 0 0 -4px; }

div#content { width:100%; background:#FFF; z-index:1; }
div#content div.inside { width:960px; margin:auto; padding:0; }
div#content div.inside div.col-left { width:260px; float:left; background:url("_images/bg_content_left.png") #FFF 100% 0 no-repeat; }
div#content div.inside div.col-left div.content { width:auto; padding:0; min-height:400px; z-index:1; margin:40px 0 0 50px; }
div#content div.inside div.col-right { width:700px; float:right; background:url("_images/bg_content_right.png") #FFF 0 0 no-repeat; }
div#content div.inside div.col-right div.content { width:auto; padding:0; min-height:400px; z-index:1; margin:0 0 0 100px; }
div#content div.inside div.col-full { width:100% }
div#content div.inside div.col-full div.content { width:auto; margin:0; padding:0; min-height:400px; z-index:1; }

div.leftnav a { display:block; font-family:"verdana",sans-serif; text-decoration:none; color:#626163; font-size:11px; margin:0 0 12px 0; padding:0; line-height:normal; }
div.leftnav a.active,
div.leftnav a:hover { color:#216BAB; text-decoration:none; }

div.leftnav div { margin-bottom:15px; background:url("_images/bg_leftnav_corner.gif") 0 0 no-repeat; }
div.leftnav div a { padding:4px 0; margin:0; position:relative; top:6px; background:url("_images/bg_leftnav_hover.gif") 0 -20px no-repeat; }
div.leftnav div a.active,
div.leftnav div a:hover { background-position:0 -5px; }

div.leftnav div div { margin:0; background:none; }

div.leftnav div a { padding-left:10px; }
div.leftnav div div a { padding-left:20px; }
div.leftnav div div div a { padding-left:30px; }
div.leftnav div div div div a { padding-left:40px; }
div.leftnav div div div div div a { padding-left:50px; }
div.leftnav div div div div div div a { padding-left:60px; }
div.leftnav div div div div div div div a { padding-left:70px; }
div.leftnav div div div div div div div div a { padding-left:80px; }
div.leftnav div div div div div div div div div a { padding-left:90px; }
div.leftnav div div div div div div div div div div a { padding-left:100px; }

h1.welcome { position:absolute; z-index:1; left:310px; top:10px; font-size:46px; color:#FFF; }

div.homecontainer-1 { background:url("_images/bg_homecontainer.gif") 100% 0 repeat-y; margin:0; width:100%; height:415px; }
div.homecontainer-2 { background:url("_images/bg_homecontainer.gif") 100% 0 repeat-y; margin:0; width:100%; height:350px; }

div.subcont-S { width:300px; float:left; padding:30px 0 50px 0; }
div.subcont-M { width:380px; float:left; padding:30px 0 50px 0; }
div.subcont-L { width:600px; float:right; padding:30px 0 50px 0; }

div.homecontent { width:490px; height:285px; position:absolute; top:0; right:0; padding:0; background:#206BAA; }
div.homecontent div.inner { width:100%; height:160px; position:absolute; top:100px; overflow:hidden; }
div.homecontent div.inner p { display:block; color:#FFF; font-size:10px; text-align:justify; margin:0; padding:0 25px; line-height:22px; }
div.homecontent div.inner p strong { color:#FFF; }

div.splitcontent { width:540px; height:255px; position:absolute; top:0; right:0; background:url("_images/bg_splitcontent.gif") 100% 0 repeat-y; }
div.splitcontent div.blue { width:auto; background:#206BAA; position:absolute; top:0; right:0; padding:35px 40px; }
div.splitcontent div.blue p { display:block; font-size:10px; text-align:justify; margin:0; padding:0 25px; line-height:22px; color:#FFF; }
div.splitcontent div.blue p strong { color:#FFF; }
div.splitcontent div.yellow { width:410px; height:95px; background:#F0C938; position:absolute; bottom:-95px; right:0; padding:35px 40px; }
div.splitcontent div.yellow p { width:360px; display:block; font-size:11px; text-align:justify; margin:0; padding:0; line-height:normal; text-transform:uppercase; color:#436BA7; position:relative; left:-45px; }
div.splitcontent div.yellow p strong { color:#436BA7; }
div.splitcontent div.yellow span.corner { background:url("_images/bg_corner_yellow.png") 0 0 no-repeat; width:50px; height:165px; position:absolute; left:-50px; bottom:0; }

img.basic-right { width:270px; float:right; display:block; margin:0; padding:0; }
img.homepage-left { width:470px; height:415px; float:left; display:block; margin:0; padding:0; }
img.homepage-left-2 { width:470px; height:350px; float:left; display:block; margin:0; padding:0; }
img.header-top { width:597px; float:right; display:block; margin:0 0 20px 0; padding:0; }

span.notch_content { width:160px; height:60px; position:absolute; top:0; left:200px; z-index:3; background:url("_images/notch_content.png") 0 0 no-repeat; }
span.notch_content_yellow { width:80px; height:25px; position:absolute; top:185px; left:582px; z-index:3; background:url("_images/notch_content_yellow.gif") 0 0 no-repeat; }
span.notch_leftimage { width:40px; height:40px; position:absolute; top:0; left:0px; z-index:3; background:url("_images/notch_leftimage.png") 0 0 no-repeat; }
span.notch_leftimage_blue { width:22px; height:50px; position:absolute; top:140px; left:448px; z-index:3; background:url("_images/notch_leftimage_blue.png") 0 0 no-repeat; }
span.notch_leftimage_blue_2 { width:22px; height:50px; position:absolute; top:130px; left:398px; z-index:3; background:url("_images/notch_leftimage_blue.png") 0 0 no-repeat; }

div.homepage-thumbs { width:100%; background:#FFF; padding-bottom:50px; }
div.homepage-thumbs span { position:absolute; right:0; top:5px; color:#A7B0BC; font-size:10px; }
div.homepage-thumbs a { display:block; color:#626163; text-decoration:none; float:left; width:160px; text-align:center; text-transform:uppercase; font-weight:bold; position:relative; font-size:10px; padding:7px 0 0 0; background:url("_images/bg_img_thumb_top.gif") 50% 0 no-repeat; }
div.homepage-thumbs a img { width:126px; height:115px; margin:0 auto 5px auto; padding:0 1px 14px 1px; background:#FFF; display:block; }
div.homepage-thumbs a:hover { text-decoration:none; color:#206BAA; }
div.homepage-thumbs a:hover img { background:url("_images/bg_img_thumb_bot.gif") #FFF 0 100% no-repeat; }

div.homepage-thumbs a.one { margin:-100px 25px 0 25px; left:1px; }
div.homepage-thumbs a.two { margin:-80px 0 0 0; left:450px; }

div#imagemap { width:625px; padding-bottom:50px; right:25px; top:-30px;}
div#imagemap img#map { width:626px; height:670px; }
div#imagemap div.mapnav { width:100%; min-height:310px; background:url("_images/bg_mapnav.gif") #216BAB 0 100% no-repeat; }
div#imagemap div.mapnav div.nav-L { width:249px; float:left; border-right:1px solid #FFF; }
div#imagemap div.mapnav span.corner { width:10px; height:10px; position:absolute; z-index:1; left:20px; top:20px; background:url("_images/bg_mapnav_corner.gif") 0 0 no-repeat; }
div#imagemap div.mapnav div.nav-L ol { width:100%; margin:20px 0 0 20px; padding:8px 0 0 0; border-left:1px solid #FFF; border-top:1px solid #FFF; }
div#imagemap div.mapnav div.nav-L ol li { width:100%; list-style:none; list-style-image:none; margin:0; padding:0; color:#FFF; }
div#imagemap div.mapnav div.nav-L ol li a { display:block; margin:0; padding:5px 0; color:#244575; text-decoration:none; }
div#imagemap div.mapnav div.nav-L ol li a span { display:block; position:relative; float:left; width:50px; color:#244575; left:15px; }
div#imagemap div.mapnav div.nav-L ol li a:hover,
div#imagemap div.mapnav div.nav-L ol li a.active { background:url("_images/bg_mapnav_hover.gif") 0 6px no-repeat; text-decoration:none; color:#FFF; }
div#imagemap div.mapnav div.nav-L ol li a:hover span,
div#imagemap div.mapnav div.nav-L ol li a.active span { color:#FFF; }
div#imagemap div.mapnav div.nav-R { width:375px; height:218px; float:right; border-top:1px solid #FFF; margin-top:20px; }
div#imagemap div.mapnav div.nav-R div.wrapper { width:195px; height:218px; position:absolute; top:0; right:-6px; }
div#imagemap div.mapnav div.nav-R div.wrapper span.overlay { display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0; background:url("_images/bg_corner_blue.png") 0 100% no-repeat; }
div#imagemap div.mapnav div.nav-R div.wrapper img { width:100%; height:100%; margin:0; padding:0; }
div#imagemap div.mapnav div.nav-R h4 { width:155px; margin:0; padding:15px 0 5px 15px; line-height:normal; color:#FFF; font-size:13px; }
div#imagemap div.mapnav div.nav-R p { width:155px; margin:0 0 5px 15px; line-height:normal; color:#FFF; font-size:11px; }

div#duradekcolors { width:597px; margin:0 0 50px 0; border-bottom:1px solid #555; }
div#duradekcolors div.info { padding-bottom:15px; width:100%; }
div#duradekcolors div.row { border-top:1px solid #555; width:100%; }
div#duradekcolors div.row div.rowinfo { width:235px; float:left; padding:20px 0; }
div#duradekcolors div.row div.rowinfo h4 { display:block; float:left; margin:0 0 5px 0; padding:0; line-height:normal; color:#436ba7; font-size:11px; text-transform:uppercase; }
div#duradekcolors div.row div.rowinfo span.new { clear:both; background:#436BA7; color:#FFF; padding:0; margin:0 0 5px 0; display:block; font-size:9px; font-weight:bold; width:85px; height:20px; line-height:20px; text-align:center; }
div#duradekcolors div.row div.rowinfo p { clear:left; display:block; margin:0; padding:0; line-height:normal; font-size:11px; }
div#duradekcolors div.row div.thumbholder { width:360px; float:right; }
div#duradekcolors div.row div.thumb { width:110px; float:left; padding:20px 5px; }
div#duradekcolors div.row div.thumb img { width:110px; height:90px; display:block; padding:0; margin:0; }
div#duradekcolors div.row div.thumb p { display:block; width:110px; height:22px; margin:0; padding:0; text-align:center; line-height:16px; color:#FFF; background:url("_images/bg_thumb_grey.gif") 0 0 no-repeat; }
div#duradekcolors div.row div.thumb a { display:block; width:110px; text-align:center; font-weight:bold; font-size:10px; margin:5px 0 0 0; padding:0; }

div.twocol { width:100%; margin:0; padding:0; }
div.twocol div.col-L { width:50%; margin:0; padding:0; float:left; }
div.twocol div.col-R { width:50%; margin:0; padding:0; float:right; }
div.twocol div.col-L div.padding { width:auto; margin:0; padding:0 10px 0 0; }
div.twocol div.col-R div.padding { width:auto; margin:0; padding:0 0 0 10px; }

div.yellow-col { float:right; margin-bottom:50px; width:198px; background:url("_images/bg_yellowcol.gif") 0 0 repeat-y; }
div.yellow-col div.inner { width:auto; min-height:300px; padding:20px; margin:0; background:url("_images/bg_yellowcol_top.gif") 0 0 no-repeat; }
div.yellow-col div.inner p { font-size:10px; line-height:normal; margin:0 0 15px 0; }
div.yellow-col li { list-style:disc; list-style-image:none; }

div.yellow-col div.placeholders { background:#FFF; }
div.yellow-col div.placeholders img { padding-top:5px; }

#gallery { width:625px; right:25px; }
#gallery div.canvas { width:625px; height:auto; clear:both; margin-top:15px; }

#gallery div.canvas div.top_corners { width:100%; height:100%; position:absolute; top:0; z-index:2; background:url("_images/gallery_overlay_1.png") 0 0 no-repeat; }
#gallery div.canvas div.top_corners div.bottom_notch { width:100%; height:100%; background:url("_images/gallery_overlay_2.png") 0 100% no-repeat; }

#gallery div.canvas div.top_left_corner { width:100%; height:100%; position:absolute; top:0; z-index:2; background:url("_images/gallery_overlay_3.png") 0 0 no-repeat; }
#gallery div.canvas div.top_left_corner div.bottom_notch { width:100%; height:100%; background:url("_images/gallery_overlay_2.png") 0 100% no-repeat; }

#gallery div.canvas img { max-width:625px; height:auto; position:relative; z-index:1; }
#gallery div.thumbs { width:627px; height:69px; margin:-20px 0 0 -1px; overflow:visible; }
#gallery div.thumbs a { text-decoration:none; display:block; position:relative; width:57px; height:65px; float:left; margin:25px 0 0 0; padding:0; background:url("_images/bg_thumb_gallery.gif") 0 0 no-repeat; }
#gallery div.thumbs a div.mask { width:55px; height:55px; margin:0 1px; padding:0; opacity:0.2; overflow:hidden; }
#gallery div.thumbs a div.mask img { margin:0; padding:0; height:55px; }
#gallery div.thumbs a span.pn { display:block; text-align:center; color:#FFFFFF; position:absolute; top:20px; left:0; width:100%; height:100%; }
#gallery div.thumbs a span.tl { display:none; text-align:center; color:#436ba7; position:absolute; top:68px; left:-122px; width:300px; overflow:hidden;  }
#gallery div.thumbs a:hover, #gallery div.thumbs a.active { text-decoration:none; background-position:-57px 0; }
#gallery div.thumbs a:hover div.mask, #gallery div.thumbs a.active div.mask { opacity:1; }
#gallery div.thumbs a:hover span.pn { display:none; }
#gallery div.thumbs a.active span.pn { display:none; }
#gallery div.thumbs a.active span.tl { display:block; }
#gallery div.thumbs span.label { display:block; position:absolute; right:0; bottom:10px; font-size:14px; z-index:99; color:#216BAB; }

#gallery h1 { margin:0 0 20px 35px; }
#gallery p.header { margin:-20px 0 20px 35px; }

.bump-1 { margin:30px 0 0; }
.bump-2 { margin:30px 0 50px 0; }

div.galnav { margin:20px 0 0 0; padding:10px 0 0 0; background:url("_images/bg_galnav_top.gif") #FFF 0 0 no-repeat; width:625px; }
div.galnav ul { width:205px; float:left; }
div.galnav ul li { display:block; margin:0; padding:0; text-indent:0; list-style:none; list-style-image:none; width:auto; height:auto; }
div.galnav ul li a { text-decoration:none; display:block; margin:0; padding:0; text-indent:10px; color:#216BAB; background:url("_images/bg_leftnav_hover.gif") 0 100% no-repeat; }
div.galnav ul li a:hover, div.galnav ul li a.active { text-decoration:none; background-position:0 -8px; }

div#faq { padding:30px 0 50px 0; }
div#faq h1 { margin-bottom:30px; }
div#faq div.entry { width:450px; border-top:1px solid #436ba7; border-right:1px solid #436ba7; margin:20px 0 40px 0; padding:20px 30px 10px 0; }
div#faq div.entry span.corner { width:50px; height:50px; position:absolute; z-index:1; right:-1px; top:-1px; background:url("_images/bg_border_round.gif") 0 0 no-repeat; }
div#faq div.entry h2 { margin-bottom:20px; font-weight:normal; font-style:italic; }
div#faq div.entry p strong { position:relative; top:8px; text-transform:uppercase; }

div.video-thumbs { clear:both; padding-bottom:30px; width:100%; }
div.video-thumbs a { display:block; float:left; width:175px; text-align:left; text-decoration:none; color:#626163; font-weight:normal; font-size:10px; margin:0; padding:7px 20px 0 0; }
div.video-thumbs a span { display:block; font-weight:normal; font-size:11px; height:35px; padding-right:20px; }
div.video-thumbs a img { width:126px; height:115px; margin:0 0 5px 0; padding:6px 1px 14px 1px; background:url("_images/bg_video_thumb.gif") #436ba7 0 100% no-repeat; }
div.video-thumbs a:hover { text-decoration:none; color:#206BAA; }

div#vidscreen_1 { width:595px; right:0; padding:30px 0 50px 0; }
div#vidscreen_1 div.canvas { width:100%; height:307px; margin:20px 0; background:url("_images/bg_video_1.gif") 0 0 no-repeat; }
div#vidscreen_1 div.canvas div.stage { width:400px; height:225px; background:#000; position:absolute; top:25px; left:25px; }

div#vidscreen_2 { width:600px; right:0; padding:30px 0 50px 0; }
div#vidscreen_2 div.canvas { width:100%; height:315px; margin:0; z-index:1; background:url("_images/bg_video_2.png") 0 0 no-repeat; }
div#vidscreen_2 div.canvas h1 { color:#FFF; margin:0 0 0 25px; position:relative; top:20px; font-size:20px; }
div#vidscreen_2 div.canvas div.stage { width:400px; height:225px; background:#000; position:absolute; bottom:25px; left:25px; }
div#vidscreen_2 div.canvas div.label { display:block; width:150px; height:220px; position:absolute; bottom:30px; right:15px; overflow:auto; }
div#vidscreen_2 div.canvas div.label div.table { display:table; width:100%; height:100%; }
div#vidscreen_2 div.canvas div.label div.table div.cell { display:table-cell; width:100%; height:100%; vertical-align:middle; }
div#vidscreen_2 div.canvas div.label div.table div.cell p { margin:0; padding:0; line-height:normal; color:#FFF; }
div#vidscreen_2 div.intro { width:290px; margin:20px 0 20px 25px; }
div#vidscreen_2 div.intro ul { width:180px; }
div#vidscreen_2 div.intro p { width:280px; }
div#vidscreen_2 div.layout { width:100%; margin:0; padding:0; clear:both; margin-top:20px; }
div#vidscreen_2 div.layout div.col-L { width:312px; margin-left:25px; float:left; }
div#vidscreen_2 div.layout div.col-R { width:250px; float:right; }
div#vidscreen_2 div.vid-small { width:140px; float:left; margin:0 8px; height:130px; background:#000; left:-8px; }
div#vidscreen_2 div.twocol { width:575px; margin-left:25px; }
div#vidscreen_2 div.twocol div.col-L { width:49%; }
div#vidscreen_2 div.twocol div.col-R { width:49%; }

div#vidscreen_3 { width:570px; right:25px; padding:30px 0 50px 0; }
div#vidscreen_3 div.canvas { width:100%; height:280px; margin:0; z-index:1; background:url("_images/bg_video_3.png") 0 0 no-repeat; }
div#vidscreen_3 div.canvas div.stage { width:400px; height:225px; background:#000; position:absolute; top:25px; left:120px; }
div#vidscreen_3 div.canvas p.msg { width:300px; margin:0; padding:0; line-height:normal; position:absolute; bottom:9px; right:50px; color:#FFF; text-align:right; }
div#vidscreen_3 div.intro { width:290px; margin:330px 0 0 0; }
div#vidscreen_3 div.intro2 { width:320px; margin:300px 0 0 0; }
div#vidscreen_3 div.login { width:100%; margin-top:150px; }
div#vidscreen_3 div.login div.col-L { width:53%; }
div#vidscreen_3 div.login div.col-R { width:47%; }
div#vidscreen_3 div.login img { vertical-align:middle; display:inline; margin-top:-45px; }
div#vidscreen_3 div.login form { margin:0; padding:0; }
div#vidscreen_3 div.login form label { display:block; font-weight:bold; width:80px; float:left; clear:left; margin-top:7px; color:#000; }
div#vidscreen_3 div.login form input.text { padding:2px; margin:3px 0; width:160px; float:left; }
div#vidscreen_3 div.login hr { position:relative; top:-5px; }

img.bg-L { position:absolute; top:-100px; left:0; z-index:0; }
img.bg-R { position:absolute; top:-50px; right:0; z-index:0; }

div.before_after { margin-left:17px; }
div.before_after h2 { margin:0 0 20px 8px; }
div.before_after span.curly-bracket { display:block; float:left; width:24px; height:235px; margin:23px 10px 0 10px; background:url("_images/bg_curly_bracket.gif") 0 0 no-repeat; }
div.before_after div.vid-large { width:235px; height:235px; background:#000; }
div.before_after div p { width:100%; }
div.before_after div.before { width:235px; float:left; margin:0 8px; }
div.before_after div.after { width:235px; float:left; margin:0 8px; }

div.col3Grid { width:625px; margin:30px 0; right:25px; }
div.col3Grid h1 { margin:0 0 30px 25px; }

div.col3Grid div.grid-head { background:#436ba7; height:20px; }
div.col3Grid div.grid-head div.grid-1 { float:left; width:245px; }
div.col3Grid div.grid-head div.grid-2 { float:left; width:190px; }
div.col3Grid div.grid-head div.grid-3 { float:left; width:190px; }
div.col3Grid div.grid-head p { line-height:20px; color:#FFF; font-weight:bold; margin:0 0 0 20px; }

div.col3Grid div.grid-body { width:100%; padding-bottom:40px; background:url("_images/bg_3ColGrid.gif") 0 0 repeat-y; }
div.col3Grid div.grid-body h5 { font-size:14px; margin:10px 0; padding:0; }
div.col3Grid div.grid-body em { font-style:normal; font-size:9px; }
div.col3Grid div.grid-body div.grid-1 { float:left; width:245px; background:#e0e2e4; }
div.col3Grid div.grid-body div.grid-1 h5 { text-indent:20px; }
div.col3Grid div.grid-body div.grid-1 ul li { position:relative; margin:0 0 15px 0; padding:0 20px; list-style:none; list-style-image:none; }
div.col3Grid div.grid-body div.grid-1 ul li strong { font-weight:normal; color:#436ba7; }
div.col3Grid div.grid-body div.grid-1 ul li span { color:#436ba7; position:absolute; right:20px; top:0; }
div.col3Grid div.grid-body div.grid-2 { float:left; width:150px; padding:0 20px; text-align:right; }
div.col3Grid div.grid-body div.grid-3 { float:left; width:150px; padding:0 20px; text-align:right; }

div.col3Grid div.grid-body div.row { width:100%; padding:10px 0 30px 0; }
div.col3Grid div.grid-body div.row div.grid-1 p { padding:0 10px 0 20px; }
div.col3Grid div.grid-body div.row div.grid-2 ul li { list-style:disc; list-style-image:none; text-align:left; margin-bottom:0; line-height:15px; }
div.col3Grid div.grid-body div.row div.grid-3 ul li { list-style:disc; list-style-image:none; text-align:left; margin-bottom:0; line-height:15px; }

div.col3Grid div.grid-foot { height:55px; margin-top:-55px; background:url("_images/notch_3ColGrid.png") 196px 0 no-repeat; }

div.dealer-find { margin:30px 0 50px 0; }

div.dealer-find div.container { margin-top:30px; background:url("_images/bg_map.gif") 0 0 no-repeat; width:100%; }
div.dealer-find div.container { min-height:350px; height:auto !important; height:350px; } /* HACK */
div.dealer-find div.container a { display:block; width:100%; padding:0; }

div.dealer-find div.container div.col-L { width:210px; float:left; margin-left:-90px; }
div.dealer-find div.container div.col-M { width:160px; float:left; }
div.dealer-find div.container div.col-R { width:290px; float:left; }

div.dealer-find div.container ul { display:none; width:100%; margin:0; padding:0; }
div.dealer-find div.container ul.active { display:block; }
div.dealer-find div.container li { display:block; width:100%; margin:0; padding:0; list-style-image:none; list-style:none; }

div.dealer-find div.container div.col-L ul li.active { background:url("_images/bg_finddealer_top.gif") 0 100% no-repeat; }
div.dealer-find div.container div.col-L ul li.active a { color:#436BA7; }
div.dealer-find div.container div.col-M ul li.active { background:url("_images/bg_finddealer_sub.gif") 0 100% repeat-x; }
div.dealer-find div.container div.col-M ul li.active a { color:#436BA7; }

div.dealer-find div.container a { color:#626163; text-decoration:none; }
div.dealer-find div.container div.col-L a { font-weight:bold; }

div.dealer-find div.container div.col-L a:hover { color:#436BA7; }
div.dealer-find div.container div.col-M a:hover { color:#436BA7; }
div.dealer-find div.container div.col-R a:hover { color:#626163; }

div.dealer-find div.container div.col-L ul { z-index:1; }
div.dealer-find div.container div.col-L li { margin:0 0 5px 0; padding:0 0 15px 0; text-indent:90px; }
div.dealer-find div.container div.col-M ul { margin:0 0 0 -1px; border-left:1px solid #7290bd; }
div.dealer-find div.container div.col-M li { padding:5px 0; text-indent:10px; }
div.dealer-find div.container div.col-R ul { padding:15px 15px 0 15px; background:#e0e2e4; }
div.dealer-find div.container div.col-R li { padding:0 0 15px 0; }
div.dealer-find div.container div.col-R li h5 { font-size:10px; color:#436ba7; margin:0; }
div.dealer-find div.container div.col-R li p { font-size:10px; margin:0; padding:0; line-height:normal; clear:left; }
div.dealer-find div.container div.col-R li p strong { display:block; font-size:10px; float:left; width:55px; margin-right:5px; text-align:right; }
div.dealer-find div.container div.col-R li p span { display:block; font-size:10px; float:left; width:230px; }
div.dealer-find div.container div.col-R li p a { text-decoration:underline; display:inline; font-size:10px; }
div.dealer-find div.container div.col-R li.order { color:#888; padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px dotted #888; font-style:italic; }

div.dealer-find div.container ul#canada { margin-top:28px; }
div.dealer-find div.container ul#usa { margin-top:61px; }
div.dealer-find div.container ul#international { margin-top:94px; }
div.dealer-find div.container ul#empty p { margin:0; padding:0 0 15px 0; line-height:normal; }

div.contactus { margin:30px 0 50px 0; background:url("_images/bg_map_faded.gif") 100% 0 no-repeat; }
div.contactus div.layout { margin-top:20px; }
div.contactus div.layout div.col-L { width:190px; min-height:95px; float:left; background:url("_images/bg_curly_bracket_small.gif") 100% 0 no-repeat; margin-right:15px; }
div.contactus div.layout div.col-L h3 { width:100%; }
div.contactus div.layout div.col-M { width:190px; min-height:95px; float:left; background:url("_images/bg_curly_bracket_small.gif") 100% 0 no-repeat; margin-right:15px; }
div.contactus div.layout div.col-R { width:190px; min-height:95px; float:left; }
div.contactus div.layout div.col-R a { position:relative; top:41px; }
div.contactus div.layout address { font-style:normal; }
div.contactus div.form { width:560px; overflow:hidden; }
div.contactus div.form form { width:100%; height:auto; margin:0; padding:0; }
div.contactus div.form form textarea { width:500px; height:80px; margin:0; padding:4px; overflow:auto; float:left; }
div.contactus div.form form a { display:block; margin:78px 0 0 10px; padding:0; line-height:normal; float:left; }
div.contactus div.tradeshows { margin:10px 0 0 0; }
div.contactus div.tradeshows p { display:block; line-height:normal; position:relative; left:-10px; }
div.contactus div.tradeshows p span { display:inline; line-height:normal; text-transform:uppercase; font-size:8px; margin:0 0 0 10px; }
div.contactus div.tradeshows p strong { margin:0 10px; } 
div.contactus div.tradeshows p em { font-style:normal; margin:0 0 0 10px; }

div.request { margin:30px 0 50px 0; }
div.request p { width:440px; font-size:13px; line-height:20px; }
div.request p strong { width:440px; font-size:13px; line-height:20px; }
div.request form { margin:20px 0 0 0; padding:0; }
div.request form label { color:#216BAB; margin:0 0 4px 0; font-size:13px; }
div.request form input.text { padding:2px; width:290px; margin:0 0 10px 0; }
div.request form input.button { padding:4px; float:right; margin:0 0 0 10px; position:relative; right:65px; cursor:pointer; }
div.request form select { padding:2px; width:180px; margin:0 0 10px 0; cursor:pointer; }
div.request form textarea { padding:2px; width:525px; height:125px; margin:0 0 20px 0; }
div.request form h2 { background:#CECECE; color:#000; text-align:center; padding:5px; margin:20px 0; }

div.brochures { margin:30px 0 50px 0; }
div.brochures div.brochure { width:100%; }
div.brochures div.brochure img { display:block; margin:0; padding:0; float:left; }
div.brochures div.brochure p { display:block; margin:0 0 0 20px; padding:0; float:left; width:370px; }
div.brochures div.brochure a.download { position:absolute; right:0; bottom:0; color:#216BAB; }

div.videos { width:100%; }
div.videos div.col-L { width:45%; float:left; }
div.videos div.col-R { width:55%; float:right; }
div.videos div.col-R p { font-size:13px; line-height:20px; margin-bottom:15px; }

div.video { width:225px; height:150px; background:#000; }

div.multi { margin-bottom:50px; width:100%; }
div.multi div.col-L { width:300px; float:left; margin-top:30px; }
div.multi div.col-R { width:270px; float:right; }

div#footer { width:100%; height:55px; overflow:hidden; background:url("_images/bg_footer_grey.gif") 0 0 #98A7B4 repeat-x; }
div#footer div.inside { width:960px; height:100%; margin:auto; background:url("_images/bg_footer_blue.gif") 0 0 #216BAB repeat-x; }
div#footer div.inside span.notch { display:block; width:40px; height:20px; position:absolute; top:0; left:240px; background:url("_images/bg_footer_notch.gif") 0 0 no-repeat; }

div.quote { background:url("_images/bg_quote.gif") 100% 0 no-repeat; padding:20px; }
div.quote blockquote { margin-bottom:20px; font-style:italic; }
div.quote cite { font-size:8px; font-style:normal; }

div.file { margin-bottom:15px; width:100%; }
div.file img { width:101px; }
div.file div { width:100%; height:100%; }
div.file div a { position:absolute; bottom:0; left:110px; display:block; }

input[type="text"],input[type="password"],textarea,select { background:#FFF; border:1px solid #BBB; }
input[type="text"].error,input[type="password"].error,textarea.error,select.error { background:#FFC; }
label.error { color:#B80; }

div#error { margin-bottom:15px; }
div#error h3 { color:#B80; }
div#error ul { margin:0; padding:0; }
div#error ul li { margin:0 0 0 15px; padding:0; color:#B80; list-style:disc; background:none; }

div.content img { display:inline; }
div.tmp14 { padding-top:70px; }
div.noflash { padding-top:20px; z-index:1; }
div.noflash img { margin-bottom:20px; z-index:1; }

/* PIE CHART */
div#dealerchart { width:100%; height:500px; }
div#dealerchart ul { margin:0; padding:0; }
div#dealerchart ul li { margin:0; padding:0; }

ul.statlist { margin:0; padding:0; }
ul.statlist li { list-style:none; margin:0; padding:5px 10px; line-height:normal; color:#FFF; background:#216BAB; border-top:1px solid #538DCD; border-bottom:1px solid #004989; }
ul.statlist li ul { margin:5px 0; padding:0; display:none; }
ul.statlist li ul li { padding:0; text-indent:20px; border:none; background:none; }
ul.statlist button { float:right; padding:0; margin:-3px -8px 0 0; font-size:9px; cursor:pointer; }

/* industry affiliate stuff */
.affnav { text-transform:uppercase; line-height:20px; padding-bottom:70px; margin-bottom:30px; width:597px; border-bottom:1px solid #7290bd; }
.affnav a { text-decoration:none; color:#626163; }
.affnav a:hover { color:#436BA7; }
.affitem { margin-top:30px; padding-bottom:40px; border-bottom:1px solid #7290bd; width:597px; }
.affitem img{padding-right:15px;}
.affname{ float:left; }
.archname{ float:left; width:300px; }
.afflinks{ float:left; margin-left:30px; }
.afflinks ul,.afflinks ul li{ list-style:disc; list-style-image:none; }


div.dealer-find div.container li.order a.bLowermainland { font-style:normal; font-weight:normal; font-size:10px; color:#000; }
div.dealer-find div.container li.order a.bLowermainland:hover { text-decoration:underline; color:#436BA7; }

#link_10 {color: #216BAB; font-weight: bold;}
#link_11 {color: #216BAB; font-weight: bold;}
#link_17 {color: #216BAB; font-weight: bold;}
#link_18 {color: #216BAB; font-weight: bold;}


/* popup login form */
#loginPopup {display: none; position: absolute; top: 35px; right: 20px; z-index: 99; background: #fff; border: 2px solid #000; width: 200px; }
#loginPopup #closex {display: block; width: 198; background: #ccc; padding: 2px; position: relative; height: 15px;}
#loginPopup #closex a {display: block; position: absolute; top: 2px; right: 0px; color: #000; text-decoration: none; margin-right: 10px; font-weight: bold;}
#loginPopup form {display: block; padding: 5px;}
#loginPopup form input.txt {display: block; width: 180px; font-size: 13px; padding: 2px;}
#loginPopup form input.submit {display: block; border: 0px; background: none; padding: 5px; background-color: #ccc; float: right; margin-bottom: 10px;margin-right: 5px; }


/* popup login form */
#newsletterPopup {display: none; position: absolute; top: 35px; right: 20px; z-index: 99; background: #fff; border: 2px solid #000; width: 300px; }
#newsletterPopup #closex {display: block; width: 296px; background: #ccc; padding: 2px; position: relative; height: 15px;}
#newsletterPopup #closex a {display: block; position: absolute; top: 2px; right: 0px; color: #000; text-decoration: none; margin-right: 10px; font-weight: bold;}
#newsletterPopup form {display: block; padding: 5px;}
#newsletterPopup form input.txt {display: block; width: 240px; font-size: 13px; padding: 2px;}
#newsletterPopup form input.submit {display: block; border: 0px; background: none; padding: 5px; background-color: #ccc; float: right; margin-bottom: 10px;margin-right: 5px; }
#newsletterPopup .radios {display: block; margin-bottom: 10px;}
#newsletterPopup .radios .option {display: block; float: left; width: 140px;}
#newsletterPopup .radios .option input {display: block; float: left;  }

#newsletterPopup .radios .option span {display: block; float: left; color: #436BA7 }
#newsletterPopup h4 {font-size: 13px; color: #436BA7}

