/* General Apearance */

/*
html { height: 101%; }
*/

body { margin: 0px; padding: 0px; text-align: center; color: #333333; background: url("/img/bg_body.png") 50% 0% no-repeat #FFFFFF; }
body, td { text-align: left; font-family: 'century gothic', tahoma, arial, sans-serif; font-size: 12px; }

input, select { font-family: 'century gothic', arial, sans-serif; }

body.redir { padding-top: 90px; text-align: center; }

a { text-decoration: none; color: #666666; }
a:hover { text-decoration: none; color: #000000; }

a.blend { color: #333333; }
a.blend:hover { color: #666666; }

h1 { margin: 0px 0px 10px 0px; font-size: 20px; font-weight: normal; }
h2 { font-size: 14px; font-weight: normal; }
h3 { font-size: 12px; font-weight: normal; }
h1, h2, h3, p { margin: 5px 0px; }

hr { height: 1px; margin: 0em 0em 1em 0em; border: 1px solid #333333; border-width: 1px 0px 0px 0px; color: #333333; background-color: #333333; }

blockquote { margin: 0em 0em 0em 2em; }

h1#suite { margin-top: 30px; }

/* Commonly used Classes */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }
.b { font-weight: bold; }
.i { font-style: italic; }
.super { vertical-align: super; font-size: 0.8em; }

p.textbutton { padding: 0.25em 0em; text-align: center; font-size: 18px; color: #6699CC; background-color: #C6DCEA; }
p.textbutton a { color: #6699CC; }
p.textbutton a:hover { text-decoration: none; color: #FFFFFF; }

div.scroll { overflow: auto; margin: 0px; padding: 0px 10px 0px 0px; }
p.part { margin: 0px 0px 2em 0px; text-align: center; }
span.large { line-height: 1.5; font-size: 18px; }

div.specs { font-size: 10px; }

/* Table and Input Items */

table, img { margin: 0px; padding: 0px; border: 0px; }
table td, table th { padding: 0px; vertical-align: top; font-weight: normal; }

form { margin: 0px; padding: 0px; }

div.form { margin-top: 1em; text-align: center; background-color: #EFEFEF; }
div.form table { width: 100%; margin: 0em auto; padding: 0em; }
div.form table th {  }
div.form table td { padding: 0.5em 0.5em; }
div.form table td.title { width: 30%; padding: 0.4em 0em 0em 0.5em; }
div.form table td.input {  }
div.form table tr.submitrow td { background-color: #FFFFFF; }

div.form input, div.form textarea, div.form select { border-top: 1px solid #999999; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #999999; }

div.form input { width: 95%; margin: 0em; padding: 2px; font-size: 10px; background-color: #FFFFFF; }
div.form textarea { width: 96%; height: 8em; padding: 2px 0px; background-color: #FFFFFF; }
div.form select { width: 96.5%; margin: 0px; padding: 0px; font-size: 10px; background-color: #FFFFFF; }
div.form input.checkbox { width: auto; border: none; }
div.form input.submit { border: none; }
div.form table tr.banner {  }
div.form table tr.banner td { padding: 0.2em 1em; border-bottom: 1em solid #FFFFFF; font-size: 14px; color: #FFFFFF; background-color: #91C2E9; }

div.tabs {  }

div.tabs ul { margin: 0px; padding: 0px; list-style-type: none; height: 50px; }
div.tabs ul li { display: inline; cursor: pointer; }
div.tabs ul li a { float: left; width: 110px; height: 100%; padding: 10px 15px 0px 15px; text-align: center; color: #FFFFFF; background: url("/img/tab_off_large.png") 0% 0% no-repeat; }
html>body div.tabs ul li a { width: 110px; }
div.tabs ul li a:hover { color: #FFFFFF; }
div.tabs ul li.on {  }
div.tabs ul li.on a { color: #000000; background-image: url("/img/tab_on_large.png"); }
div.tabs ul li.on a:hover { color: #000000; }
div.tabs ul li a:hover { text-decoration: none; }

div.tab { display: none; }
div.tab_visible { position: relative; display: block; width: 560px; padding: 2em 0em 1em 0em; }

div.tabs_products {  }

div.tabs_products ul { margin: 0px; padding: 0px; list-style-type: none; height: 50px; }
div.tabs_products ul li { display: inline; cursor: pointer; }

div.tabs_products ul li#tablink1 a { background-image: url("/img/tab_thin_client_large.png"); }
div.tabs_products ul li#tablink2 a { background-image: url("/img/tab_secure_desktop_large.png"); }
div.tabs_products ul li#tablink3 a { background-image: url("/img/tab_remote_control_large.png"); }
div.tabs_products ul li#tablink4 a { background-image: url("/img/tab_xyz_large.png"); }
div.tabs_products ul li#tablink5 a { background-image: url("/img/tab_thinpackage_large.png"); }
div.tabs_products ul li#tablink1.on a { background-image: url("/img/tab_on_large_slim.png"); }
div.tabs_products ul li#tablink2.on a { background-image: url("/img/tab_on_large_slim.png"); }
div.tabs_products ul li#tablink3.on a { background-image: url("/img/tab_on_large_slim.png"); }
div.tabs_products ul li#tablink4.on a { background-image: url("/img/tab_on_large_slim.png"); }
div.tabs_products ul li#tablink5.on a { background-image: url("/img/tab_on_large_slim.png"); }

div.tabs_products ul li a { float: left; width: 112px; height: 100%; padding: 10px 5px 0px 5px; text-align: center; color: #FFFFFF; background: url("/img/tab_off_large.png") 0% 0% no-repeat; }
html>body div.tabs_products ul li a { width: 102px; }
div.tabs_products ul li a:hover { color: #FFFFFF; }
div.tabs_products ul li.on {  }
div.tabs_products ul li.on a { color: #000000; background-image: url("/img/tab_on_large_slim.png"); }
div.tabs_products ul li a:hover { text-decoration: none; }

div.tabs_products_small {  }

div.tabs_products_small ul { margin: 0px; padding: 0px; list-style-type: none; height: 30px; }
div.tabs_products_small ul li { display: inline; cursor: pointer; }

div.tabs_products_small ul li#tablink1 a { background-image: url("/img/tab_thin_client_small.png"); }
div.tabs_products_small ul li#tablink2 a { background-image: url("/img/tab_secure_desktop_small.png"); }
div.tabs_products_small ul li#tablink3 a { background-image: url("/img/tab_remote_control_small.png"); }
div.tabs_products_small ul li#tablink4 a { background-image: url("/img/tab_xyz_small.png"); }
div.tabs_products_small ul li#tablink5 a { background-image: url("/img/tab_thinpackage_small.png"); }
div.tabs_products_small ul li#tablink1.on a { background-image: url("/img/tab_on_small.png"); }
div.tabs_products_small ul li#tablink2.on a { background-image: url("/img/tab_on_small.png"); }
div.tabs_products_small ul li#tablink3.on a { background-image: url("/img/tab_on_small.png"); }
div.tabs_products_small ul li#tablink4.on a { background-image: url("/img/tab_on_small.png"); }
div.tabs_products_small ul li#tablink5.on a { background-image: url("/img/tab_on_small.png"); }

div.tabs_products_small ul li a { float: left; width: 112px; padding: 8px 0px; text-align: center; color: #FFFFFF; background: url("/img/tab_off.png") 0% 0% no-repeat; }
div.tabs_products_small ul li a:hover { color: #FFFFFF; }
div.tabs_products_small ul li.on {  }
div.tabs_products_small ul li.on a { color: #000000; background-image: url("/img/tab_on.png"); }
div.tabs_products_small ul li a:hover { text-decoration: none; }

table.cart { width: 100%; margin: 0em; padding: 0em; }
table.cart td { margin: 0px; padding: 0.5em 0em 0em 0em; }
table.cart th { padding: 0.25em; color: #FFFFFF; font-weight: normal; font-size: 14px; background-color: #FFFFFF; }
table.cart td.title { padding-left: 0.5em; font-weight: bold; }
table.cart td.select { width: 220px; padding: 0px 10px; vertical-align: middle; }
table.cart td.select select { width: 220px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
table.cart td.submit { width: 123px; }

div.pricing, div.pricing_center { margin: 1em 0em 0em 0em; text-align: right; }
div.pricing_center { text-align: center; }
div.pricing a, div.pricing_center a { padding: 0em 0em 0em 1em; }

/* Page Design */

div#body { position: relative; width: 750px; margin: 0px auto; padding: 0px; }

div#header { position: relative; margin-bottom: 10px; height: 80px; font-family: arial, sans-serif; color: #FFFFFF; }
div#header div#sothin_logo {  }
div#header div#sothin_logo img { width: 240px; height: 80px; }

div#header div#search_box { position: absolute; top: 5px; right: 100px; width: 175px; padding: 0px 0px 0px 230px; text-align: left; }
div#header div#search_box form { height: 26px; background: url("/img/bg_search.png") 0% 0% no-repeat; }
div#header div#search_box form input#search_term { width: 135px; padding: 4px 0px 0px 10px; border: none; vertical-align: top; color: #FFFFFF; background: none; }
div#header div#search_box form input#search_submit { width: 22px; height: 26px; }

div#header div#style_chooser { position: absolute; top: 5px; right: 30px; padding: 5px 0px 0px 20px; }
div#header div#style_chooser a { padding: 0px 2px; color: #FFFFFF; }
div#header div#style_chooser img { padding: 0px 2px; }
div#header div#style_chooser a.style_large { font-size: 12px; font-weight: bold; }
div#header div#style_chooser a.style_small { font-size: 10px; }

div#header div#nav_01 { position: absolute; right: 0px; bottom: 5px; text-align: right; }
div#header div#nav_01 ul { margin: 0px; padding: 0px 10px 0px 0px; list-style-type: none; }
div#header div#nav_01 ul li { display: inline; padding: 0px 20px; font-size: 16px; }
div#header div#nav_01 ul li a { text-transform: uppercase; color: #FFFFFF; }
div#header div#nav_01 ul li a:hover { text-decoration: none; color: #CCCCCC; }

div#main { position: relative; padding: 0px 15px; background: url("/img/bg_main.png") 0% 0% repeat-y; }

div#main div#nav_02 { position: absolute; top: 0px; left; 0px; width: 130px; margin: 0px 10px 0px 0px; }
div#main div#nav_02 ul { margin: 0em 0em 1em 0em; padding: 0px; list-style-type: none; }
div#main div#nav_02 ul li { font-size: 13px; border-bottom: 1px solid #999999; }
div#main div#nav_02 ul li.new { background: url("/img/new.png") 100% 50% no-repeat; }
div#main div#nav_02 ul li a { display: block; padding: 7px 5px; }
div#main div#nav_02 ul li a:hover { text-decoration: none; }

div#main div#nav_02 h2 { margin: 0em 0em 1em 0em; text-align: center; }

div#main div#nav_02 div#follow { width: 120px; margin: 0em auto 1em auto; padding-top: 2em; text-align: center; }
div#main div#nav_02 div#follow a {  }
div#main div#nav_02 div#follow a img { padding: 2px; }

div#main div#nav_02 div#callback { margin-bottom: 1em; text-align: center; }
div#main div#nav_02 div#bcs_01 { margin-bottom: 1em; text-align: center; }

div#main div#nav_02 div#compliance { margin: 0em auto 1em auto; text-align: center; }
div#main div#nav_02 div#compliance a { display: block; margin-bottom: 0.5em; }
div#main div#nav_02 div#compliance a img { padding: 2px; }

div#content_header { padding-bottom: 5px; }
h1.pg_title { margin-bottom: 0.5em; text-align: center; font-size: 26px; }
div.pg_image { text-align: center; }

div#content { position: relative; left: 150px; width: 560px; height: 750px; padding-top: 10px; }
html>body div#content { min-height: 750px; height: auto; }

div#footer { clear: both; }
div#footer ul { margin: 2em 0em 0em 0em; padding: 0em; list-style-type: none; text-align: center; }
div#footer ul li { display: inline; padding: 0px 8px; }
div#footer ul li a {  }

div#copyright { padding: 0.5em 0em; text-align: right; }
div#copyright div#copyright_left { float: left; }

/* Page Design */

/* Page Layouts */

div#twitter_frame { float: right; width: 170px; margin: 0px 0px 0px 10px; border: 1px solid #333333; }

div#sitemap {  }
div#sitemap ul { list-style-type: none; margin: 0em; padding: 0em; }
div#sitemap ul li {  }
div#sitemap ul li ul { list-style-image: url('/img/raquo.png'); margin: 0em 0em 0em 1em; padding: 0em 0em 0em 2em; }
div#sitemap ul li ul li { padding: 0.5em 0em; font-size: 14px; }

div#page_copyright {  }
div#page_copyright h2 { text-transform: uppercase; }
div#page_copyright p { margin-bottom: 1em; }

div#page_privacy {  }
div#page_privacy ol { list-style-type: decimal; }
div#page_privacy ol li ol { list-style-type: lower-alpha; }

/* Product Page */
div#home { text-align: justify; }
div#home div#sothin_suite_row { margin: 0em 0em 2em 0em; text-align: center; }
div#home p { margin-bottom: 1em; font-size: 16px; }
div#home div#help_me_choose { margin: 0em 0em 1em 0em; text-align: center; }
div#home h1#slogan { margin: 0em 0em 1em 0em; text-align: center; }

div#home div.columns { position: relative; margin-bottom: 30px; font-size: 11px; }
div#home div.columns div.col1 { width: 160px; padding-left: 15px; }
div#home div.columns div.col2 { position: absolute; top: 0px; left: 195px; width: 160px; }
div#home div.columns div.col3 { position: absolute; top: 0px; left: 375px; width: 160px; }
div#home div.columns div img { float: left; margin: 0px 5px 5px 0px; }

div#home div#home_awards { padding-top: 1em; text-align: center; }

div#product { position: relative; width: 570px; margin: 0em; }
div#product div#product_top { margin-bottom: 1em; }
div#product div#image { width: 141px; height: 190px; }
div#product div#heading { position: absolute; top: 0px; left: 160px; width: 225px; }
div#product div#heading h2 { font-size: 26px; font-weight: normal; color: #333333; }

div#product div#buttons { position: absolute; top: 0px; right: 0px; text-align: right; }
div#product div#buttons ul { margin: 0px; padding: 0px; list-style-type: none; }
div#product div#buttons ul li { padding: 10px 0px; }
div#product div#buttons ul li img#button_pricing { cursor: pointer; }
div#product div#buttons p { margin: 0em; text-align: center; }

div#product div#product_banner_image { text-align: center; }

div#product div#playmovie { margin-bottom: 1em; cursor: pointer; }
div#product div#subheading { float: right; width: 320px; padding: 0em; }
div#product div#subheading h2 { font-size: 28px; font-weight: normal; color: #333333; }

div#product div#points {  }
div#product div#points h3 { margin: 0em; padding: 0px 0px 0px 10px; font-weight: bold; background: url("/img/bullet_black.png") 0em 0.25em no-repeat; }
div#product div#points p { margin: 0em 0em 1em 0em; }

div#product div#faqs { margin-top: 1em; }
div#product div#faqs h3 { margin: 0em; font-weight: bold; }
div#product div#faqs p { margin: 0em 0em 1em 0em; }

div#product h1 { margin: 0em 0em 0.5em 0em; padding: 0em; font-size: 24px; text-align: center; }

div#gallery { position: relative; padding: 0px 0px 10px 0px; }
div#gallery div { display: none; position: absolute; top: 0px; }
div#gallery div#arrow_left { display: block; position: absolute; top: 50px; left: 0px; font-size: 50px; }
div#gallery div#arrow_right { display: block; position: absolute; top: 50px; right: 0px; font-size: 50px; }
div#gallery div.gallery_left { display: block; top: 27px; left: 35px; }
div#gallery div.gallery_center { display: block; position: relative; top: 0px; left: 180px; }
div#gallery div.gallery_right { display: block; top: 27px; right: 35px; }
div#gallery div.gallery_left img, div#gallery div.gallery_right img { width: 125px; height: 90px; }
div#gallery div.gallery_center img { width: 200px; height: 144px; }

div.screenshot { position: relative; margin: 0em 0em 1em 0em; }
div.screenshot div { position: absolute; top: 5px; left: 0px; width: 205px; text-align: center; }
div.screenshot a { color: #333333; }
div.screenshot a:hover { text-decoration: none; }
div.screenshot p { position: absolute; top: 0px; left: 220px; width: 330px; margin: 0em; text-align: justify; font-size: 14px; }

div.video { text-align: center; }
div.video object, div.video embed {  }

div.video#sothin_thin_client_modem_dial object, div.video#sothin_thin_client_modem_dial embed { width: 800px; height: 524px; }
div.video#youtube object, div.video#youtube embed { width: 800px; height: 600px; }

div#product div#product_banner_image { padding: 0em 0em 1em 0em; }

div#product div#seemore { padding-top: 1em; }
div#product div#seemore div.seemore { position: relative; margin: 0em 0em 1em 0em; }
div#product div#seemore div.seemore div { position: absolute; top: 5px; left: 5px; width: 195px; text-align: center; }
div#product div#seemore div.seemore a { color: #FFFFFF; }
div#product div#seemore div.seemore a:hover { text-decoration: none; }
div#product div#seemore div.seemore p { position: absolute; top: 0px; left: 220px; margin: 0em; text-align: justify; font-size: 14px; }

div.videocols { position: relative; width: 100%; margin: 0em 0em 1em 0em; }
div.videocols div { top: 0px; width: 125px; height: 140px; text-align: center; }
div.videocols div a { display: block; padding: 0px; }
div.videocols div a img { display: block; margin: 0em auto; border: 1px solid #333333; }
div.videocols div.videocol1 { position: relative; }
div.videocols div.videocol2 { position: absolute; left: 145px; }
div.videocols div.videocol3 { position: absolute; left: 290px; }
div.videocols div.videocol4 { position: absolute; left: 435px; }

div#product div#moreinfo {  }
div#product div#moreinfo p { margin: 0.5em 0em; }
div#product div#moreinfo ul { height: auto; margin: 0em; padding: 0em 0em 0em 1em; }
div#product div#moreinfo ul li { display: block; padding: 0em 0em 0em 1em; background: url("/img/bullet2.png") 0% 0.5em no-repeat; }

div#product table.supported { margin: 0px; width: 100%; border: 1px solid #333333; }
div#product table.supported th { padding: 0.5em; text-align: center; color: #FFFFFF; background-color: #333333; }
div#product table.supported td { padding: 0.5em; border-top: 1px dashed #333333; }
div#product table.supported tr.first td { border: none; }
div#product table.supported td.answer { width: 30px; }
/* Product Page */

div#download_products {  }

div#products { }
div#products div.product { position: relative; height: 108px; margin: 0em 0em 1em 2em; }
div#products div.image { float: left; }
div#products div.buttons { position: absolute; left: 150px; top: 15px; }
div#products div.buttons div.button { width: 355px; margin: 0em 0em 1em 0em; text-align: center; background: url("/img/download_button.png") 0% 0% no-repeat; }
div#products div.button a { display: block; padding: 0.6em 0em 1em 0em; color: #FFFFFF; }

div#download_products div#faqs {  }
div#download_products div#faqs h3 { margin: 0em 0em 0.5em 0em; font-size: 14px; font-weight: bold; }
div#download_products div#faqs p { margin: 0em 0em 0.5em 0em; }

div#close { margin: 30px 0px 40px 0px; text-align: center; color: #FFFFFF; }
div#close a { color: #FFFFFF; }
div#close a:hover { text-decoration: none; }
div#screenshots {  }
div#screenshots div.screenshot { text-align: center; }
div#screenshots div.nav { margin: 0em 0em 0.5em 0em; text-align: center; color: #CCCCCC; }
div#screenshots div.nav span { color: #000000; }
div#screenshots div.nav a { color: #000000; }

div.product_pricing { position: relative; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #000000; }
div.product_pricing h1 { margin-bottom: 1em; text-align: left; font-weight: bold; }
div.product_pricing div.moreinfo { position: absolute; top: 0px; right: 0px; }
div.product_pricing {  }

div#download_terms { text-align: justify; }
div#download_terms p { margin-bottom: 1em; }

/* News Page */

div.news_cats { margin: 0em 0em 1em 0em; padding: 0px; text-align: center; }
div.news_nav { margin: 0em 0em 1em 0em; padding: 0px; }

div.news_item { position: relative; margin: 0em 0em 1em 0em; padding: 0em 0em 1em 0em; border: 1px solid #FFFFFF; border-bottom-color: #000000; }
div.news_item#news_single { margin: 0px; border: none; }
div.news_item div.news_image { float: right; margin: 0em 0em 1em 1em; }
div.news_item h3 { float: left; margin: 0em; padding: 0px; }
div.news_item h2 { margin: 0em 0em 0.5em 0em; padding: 0px 0px 0px 75px; font-weight: bold; font-size: 12px; }
div.news_item div.news_extra {  }
div.news_item div.news_content {  }
div.news_item div.news_externallink { padding-top: 1em; }

/* News Page */

/* Testimonials Page */

div#testimonials {  }
div#testimonials h2 { text-align: center; }

div#testimonial_image { margin: 0px 0px 0px 35px; position: relative; }
div#testimonial_image div.speech_hidden { display: none; }
div#testimonial_image div.speech { position: absolute; top: 325px; left: 0px; }

div#testimonial_image div#people img.person_hidden { display: none; }
div#testimonial_image div#people img { position: absolute; top: 160px; }
div#testimonial_image div#people img#person_1 { left: 5px; }
div#testimonial_image div#people img#person_2 { left: 60px; }
div#testimonial_image div#people img#person_3 { left: 115px; }
div#testimonial_image div#people img#person_4 { left: 170px; }
div#testimonial_image div#people img#person_5 { left: 225px; }
div#testimonial_image div#people img#person_6 { left: 280px; }
div#testimonial_image div#people img#person_7 { left: 335px; }
div#testimonial_image div#people img#person_8 { left: 390px; }
div#testimonial_image div#people img#person_9 { left: 445px; }

div.testimonial_hidden { display: none; }
div.testimonial { position: relative; width: 498px; margin: 0em 0em 1em 34px; padding: 1em 0em; border: 1px solid #000000; border-top: none; text-align: justify; }
div.testimonial div.testimonial_quote { margin-bottom: 1em; padding: 0em 0.5em; font-style: italic; }
div.testimonial div.testimonial_quote div.quote_open { float: left; margin: 0px 10px 0px 0px; }
div.testimonial div.testimonial_quote div.quote_close { position: absolute; bottom: 50px; right: 5px; }
div.testimonial div.testimonial_submitter { padding: 2em 0.5em 0em 0.5em; text-align: right; }
div.testimonial div.testimonial_submitter span { font-weight: bold; }

/* Testimonials Page */

/* Login Page */

div#login {  }
div#login table.form {  }
div#login table.form tr.banner td {  }
div#login table.form td {  }

/* Login Page */

div#contactus { margin: 0em auto; padding-top: 5px; width: 80%; }
div#contactus_map { text-align: center; margin: 1em 0em 0em 0em; }

div#helpmechoose {  }
div#helpmechoose table { width: 100%; }
div#helpmechoose table th { padding: 5px; text-align: center; color: #FFFFFF; background-color: #333333; }
div#helpmechoose table th a { color: #FFFFFF; }
div#helpmechoose table th a:hover { color: #FFFFFF; }
div#helpmechoose table td { height: 45px; padding: 5px; text-align: center; vertical-align: middle; border: 1px solid #333333; border-width: 0px 1px 1px 0px; }
div#helpmechoose table td.title { border-left: 1px solid #333333; }
div#helpmechoose table tr.title td { font-size: 20px; vertical-align: middle; border: none; }

div#downloads { margin: 0em auto; width: 80%; }

div#login_form { float: right; padding: 10px 0px 0px 0px; width: 100px; }
div#login_form h2 { margin: 0px 0px 5px 0px; text-align: center; }
div#login_form input { margin: 0px 0px 5px 0px; width: 100%; border: 1px solid #333333; }
div#login_form input#login_password { background: url("/img/bg_password.png") 2px 50% no-repeat; }
div#login_form input#login_password.clear { background: none; }

div#logged_in { text-align: right; }

div#sothin_gpp_left { margin: 1em 0em; text-align: left; }
div#sothin_gpp { margin: 1em 0em; text-align: center; }

div#partners_notloggedin { margin: 0em auto; }
div#partners_notloggedin h1 { text-align: center; }
div#partners_notloggedin ul {  }
div#partners_notloggedin ul li { padding: 0.5em 0em; font-size: 14px; }
div#partners_notloggedin {  }

div#partner_logos { padding: 1em 0em; }

div#partners_loggedin { margin: 2em 0em; }

ul.partner_resources { list-style-type: none; }
ul.partner_resources li { list-style-image: url("/img/raquo.png"); }
ul.partner_resources li.expanded { list-style-image: url("/img/daquo.png"); }
ul.partner_resources li h2 { cursor: pointer; }

ul.partner_resources li table { display: none; }
ul.partner_resources li table.visible { display: block; width: 100%; }
ul.partner_resources li table.visible td { width: 33%; padding: 5px; text-align: center; }
ul.partner_resources li table.visible td img { display: block; margin: 0em auto; }

ul.partner_resources li ul { display: none; }
ul.partner_resources li ul.visible { display: block; margin: 0em; padding: 0em; }
ul.partner_resources li ul.visible li { list-style-image: none; list-style-type: none; display: inline; margin: 0em; padding: 0em; }

div#search {  }
div#search h2.i { padding: 0px 0px 5px 0px; border-bottom: 1px solid #333333; color: #666666; }
div#search h3 a { font-weight: bold; color: #000000; }

div#search div.search_product { border-bottom: 1px solid #000000; }
div#search div.search_product img { float: right; padding: 0em 0em 0em 0.5em; }

table#admin_news_list { width: 100%; }
table#admin_news_list td { padding: 5px 2px; border-bottom: 1px dashed #333333; }

table#admin_partner_list { width: 100%; }
table#admin_partner_list tr.admin td { color: #FF0000; }
table#admin_partner_list tr.me td { color: #009900; }
table#admin_partner_list th { border-bottom: 1px solid #000000; font-weight: bold; }
table#admin_partner_list td.name { width: 50%; }
table#admin_partner_list td.username {  }
table#admin_partner_list td.action { width: 20px; }

/* Old BCS Page */

table#bcs_header { width: 100%; }
table#bcs_header td { text-align: center; }

table#bcs_table { width: 100%; }
table#bcs_table td { padding: 0.5em; text-align: justify; }

/* Old BCS Page */

div#bcs_award_header { margin-bottom: 2em; }
div#bcs_award_header h1 { margin-bottom: 1em; }
div#bcs_award_header p#bcs_image { height: 158px; line-height: 2em; text-align: justify; font-size: 16px; }
div#bcs_award_header p#bcs_image img { float: left; margin-right: 1em; }

div#bcs_award_main { overflow: auto; height: 430px; }
div#bcs_award_main div.bcs_reference { position: relative; margin-bottom: 1em; }
div#bcs_award_main div.bcs_reference img {  }
div#bcs_award_main div.bcs_reference p { position: absolute; top: 0px; left: 160px; }

div#goinggreen_header { position: relative; margin-bottom: 1em; text-align: justify; }
div#goinggreen_header h1.pg_title { margin: 1em 0em; text-align: left; font-size: 20px; }
div#goinggreen_header h1.pg_title img { float: right; padding: 2px 20px 0px 0px; }
div#goinggreen_header div.quote_left { float: right; width: 140px; margin: 0em 0em 0em 0.5em; padding: 0.5em; text-align: left; font-size: 20px; font-weight: bold; color: #6B8631; }
div#goinggreen_header p.goinggreen_bold { font-weight: bold; color: #6B8631; }

div#goinggreen {  }
div#goinggreen div.goinggreen_product { position: relative; }
div#goinggreen div.goinggreen_points { margin-left: 100px; }
div#goinggreen div.goinggreen_points a { color: #6B8631; }
div#goinggreen p.product_header { font-weight: bold; color: #6B8631; }
div#goinggreen ul { margin: 0em 0em 2em 0em; padding: 0em 0em 0em 2em; }
div#goinggreen div.product_shot { position: absolute; top: 20px; margin: 0em 2em 2em 0em; }

div#livesupport {  }
div#livesupport h1 { margin-bottom: 1em; }
div#livesupport p { margin-bottom: 1em; }
div#livesupport ol { margin-bottom: 2em; }
div#livesupport ol li { font-size: 14px; font-weight: bold; }
div#livesupport form { position: relative; height: 3em; margin-bottom: 1em; }
div#livesupport form input#livesupport_code { position: absolute; top: 0px; left: 150px; width: 150px; height: 26px; border: 1px solid #333333; text-align: center; font-size: 20px; }
div#livesupport form input#livesupport_go { position: absolute; top: 0px; left: 310px; }

form#feedback { margin: 0em; padding: 0em; }
form#feedback table#feedbacktable { width: 100%; }
form#feedback table#feedbacktable td { padding: 0.25em 1px; border-bottom: 1px solid #CCCCCC; }

form#feedback table#feedbacktable td#name { vertical-align: bottom; }
form#feedback table#feedbacktable td#name table { margin-bottom: 2em; width: 330px; }
form#feedback table#feedbacktable td#name table td { border: none; }
form#feedback table#feedbacktable td#name table td.input { width: 70%; }

form#feedback table#feedbacktable td.number { width: 20px; }
form#feedback table#feedbacktable td.question {  }
form#feedback table#feedbacktable td.radio { width: 55px; text-align: left; }
form#feedback table#feedbacktable tr.inputs td { border: none; }
form#feedback table#feedbacktable tr.inputs td input { width: 100%; border: 1px solid #333333; }
form#feedback table#feedbacktable tr.inputs td textarea { width: 100%; border: 1px solid #333333; height: 5em; }

div#articles {  }
div#articles h2 { margin-bottom: 1em; font-size: 16px; }
div#articles ul.articles { list-style-type: none; margin: 0px 170px 0px 0px; padding: 0em; }
div#articles ul.articles li { height: 80px; margin: 0px; padding: 0px 0px 20px 60px; text-align: justify; background: url("/img/pdf.png") 10px 5px no-repeat #FFFFFF; }
html>body div#articles ul.articles li { min-height: 80px; } /* Non-IE */
div#articles ul.articles li ul li a {  }

div#faqs { padding: 10px 0px 0px 0px; }
div#faqs div.tab_visible {  }
div#faqs div.tab_visible h2 { font-weight: bold; }
div#faqs div.tab_visible ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; }
div#faqs div.tab_visible ul li { margin: 0px 0px 10px 0px; padding: 0px; }
div#faqs div.tab_visible ul li h3 { font-weight: bold; }
div#faqs div.tab_visible ul li span { font-weight: bold; }

/* Page Layouts */

/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }

.jcarousel-list {
z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }

/* We set the width/height explicitly. No width/height causes infinite loops. */

.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; }

/**
* The buttons are added dynamically by jCarousel before
* the <ul> list (inside the <div> described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next { z-index: 3; display: none; }

.jcarousel-prev { z-index: 3; display: none; }

/* Carousel skin */

.jcarousel-skin-ie7 .jcarousel-container {
    background: #FFFFFF;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 480px;
    padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 120px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  100%;
    height: 100px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  77px;
    height: 245px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 120px;
    height: 90px;
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('img/carousel/next-horizontal.gif') no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('img/carousel/prev-horizontal.gif') no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('img/carousel/next-vertical.gif') no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('img/carousel/prev-vertical.gif') no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}