body {
   background: #373434 url(../i/background-gradient.gif) left top repeat-x;
   text-align: center;
   margin: 0;
   padding: 0;
   color: #999;
   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
   font-size: 11px;
   line-height: 1.4;
}


#wrapper {
   margin: 0 auto;
   width: 950px;
   text-align: left;
   border: 1px solid black;
   background-color: #000;
}

#header {
   background: #000 url(../i/header-gradient.gif) left top repeat-x;
   height: 89px;
   padding: 1px 0 0 0;
}

#logo {
   display: block;
   float: left;
   background: url(../i/siliconcoach-logo.gif);
   width: 241px;
   height: 44px;
   margin: 20px 0px 0px 30px;
}

#logo h1,
#logo h2 {
   display: none;
}

#top-nav {
   float: left;
   margin: 30px 10px 10px 115px;
}

#top-nav ul {
   margin: 0;
   padding: 0;
}

#top-nav li {
   float: left;
   background: url(../i/top-nav/pill-grey-right.gif) right top no-repeat;
   padding-right: 4px;
   list-style-type: none;
   margin: 0 2px;
   font-size: 12px;
}

#top-nav li a {
   display: block;
   float: left;
   height: 19px;
   background: url(../i/top-nav/pill-grey-left.gif) left top no-repeat;
   padding: 1px 4px 0 8px;
   color: #fff;
   text-decoration: none;
}

#top-nav li.current,
#top-nav li:hover {
   background: url(../i/top-nav/pill-black-right.gif) right top no-repeat;	
}

#top-nav li.current a,
#top-nav li:hover a	{
   background: url(../i/top-nav/pill-black-left.gif) left top no-repeat;
}

#banner {
   background-color: #203249;
   height: 325px;
}

#thebanner {
   background-color: #000;
}

#channel-select {
   height: 70px;
   border-bottom: 3px solid green;
}

#content {
   margin: 25px;
}

#channel-selector-bot {
   clear: both;
   margin: 16px;
   padding: 1px 4px;
   border: solid #333;
   border-width: 1px 0;
   color: #666;
   font-size: 11px;
}

#channel-selector-bot ul {
   padding: 0;
   margin: 32px 0;
}

#channel-selector-bot li {
   display: inline;
   list-style-type: none;
   padding-left: 0;
   margin: 0 0.5em;
}

#channel-selector-bot a {
   color: #666;
   text-decoration: none;
}

#channel-selector-bot a:hover {
   text-decoration: underline;
}

.education #channel-selector-bot {
   background: url(../i/channel-education.jpg) right center no-repeat;
}

#footer {
   margin: 16px;
}

#footer-info {
   float: left;
   width: 650px;
   font-size: 10px;
   padding-top: 10px;
}

#footer-info p {
   margin: 0.3em 0;
}

#footer-info a {
   /* color: #007ecf; */
}

#reseller-login {
   float: left;
   width: 260px;
}

#reseller-login p,
#reseller-login h2 {
   margin: 0 0 0.5em 0;
}
#reseller-login input {
   width: 180px;
}

#reseller-login #reseller-login-button {
   border: none;
   border-left: 4px solid #007ecf;
   width: 50px;
   text-transform: uppercase;
   color: #fff;
   background-color: #000;
   cursor: pointer;
}

#reseller-login a {
   color: #666;
   font-style: italic;
}

#product-heading{
    font-weight: normal;
	margin-top: 1.2em;
	font-size: 18px;

}

#product-heading img{
float:left;
margin-right:5px;
}

#product-heading p{
padding-left:5px;
}

#product-heading span.pro{
 color:#0099CC;
}

#product-heading span.student{
 color:#7E9722;
 
}
/* COLUMNS */

.channel-main {
   margin-left: 160px;
}

/* roughly a third of the page */
.column3 {
   width: 300px;
   float: left;
}

/* two thirds of the page, designed to sit befor .column3right */
.column3x2left {
   width: 560px;
   float: left;
}

.column3right {
   width: 300px;
   float: left;
   margin-left: 40px;
}

/* two thirds of the page, designed to sit beside .column3 */
.column3x2 {
   width: 560px;
   float: left;
   margin-left: 40px;
}

/* half each of .column3x2. Roughly a third of the page all up, but smaller to allow for margins. */
.column2a,
.column2b {
   width: 265px;
   float: left;
}

.column2a {
   margin-right: 30px;
}

.column2b {
}

.subnav {
   float: left;
   width: 180px;
   font-size: 12px;
/*	min-height: 400px;*/
}

.space {margin-left:40px;}
.space30 {margin-left:30px;}

/*
Channel pages:

.sub|-----------chan-full-----------
 nav|--chan-column--|--chan-column--
    |               |               
    |--chan-column-wide--|--chan-col
    |                    |-umn-narro
    |                    |-w--
    |-chan1-3--|-chan1-3-|-chan1-3-
*/

.chan-column {
   float: left;
   width: 320px;
   margin-left: 40px;
}

.chan-column-wide {
   float: left;
   width: 455px;
   margin-left: 40px;
}

.chan-column-narrow {
   float: left;
   width: 200px;
   margin-left: 40px;
}

.chan-full {
   float: left;
   width: 700px;
   margin-left: 40px;
   
}

.chan1-3 {
   float: left;
   width: 220px;
   margin-left: 10px;
}

.page-full{
float: left;   
   
}
/* END COLUMNS */


/* GENERAL TAGS */

h2 {
	font-weight: normal;
	margin-top: 1.2em;
	font-size: 18px;
}

h3 {
   color: #007ecf;
   font-weight: normal;
   font-size: 14px;
   clear: both;
}

h3 a {
   color: #007ecf;
}

.channel h3 {
   font-size: 11px;
   color: #fff;
}

.column3right h3 {
color:#999999;
font-family:sans-serif;
font-size:14px;
font-weight:bold;
}

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

a:hover {
   text-decoration: none;
}

hr {
   clear: both;
   height: 1px;
   border: none;
   background-color: #333;
}

ul, ol {
   padding-left: 2em;
}

/* END TAGS */

/* CLASSES */
div.rounded {
   margin-top: 2em;
   margin-bottom: 2em;
}

div.roundedpenz {
   margin-top: 1em;
   margin-bottom: 2em;
}

.outside {
   margin-left: -10px;
   margin-right: -10px;
}

div.rounded p,
div.rounded h3,
div.rounded img {
   margin: 10px;
}

div.roundedpenz p,
div.roundedpenz h2,
div.roundedpenz h3,
div.roundedpenz img {
   margin: 10px;
}

.dark {
   background-color: #141414;
   color: #999;
   font-size: 11px;
}

.dark h3{
   font-family: sans-serif;
        color:#999;        
        font-weight: bold;
        font-size: 14px;
}

.light {
   background-color: #E1E1E1;
   color: #3C3C3C;
   font-size: 13px;
   padding:4px;
   border-top:4px solid #EA3B2E;
   border-bottom:4px solid #EA3B2E;
}

.light h3{
        font-family: sans-serif;
        color:#000;        
        font-weight: bold;
        font-size: 14px;
        margin-left:10px;
        }
        
.light h2{
        font-family: sans-serif;
        color:#000;
        font-weight: bold;
        font-size: 18px;        
        }

.button {
   text-transform: uppercase;
   font-weight: bold;
   background-color: #333;
   color: #999 !important;
   text-decoration: none;
}

.button:hover {
   color: #ddd !important;
}

.button span {
   padding: 0 10px;
}

.buttonside {
   text-transform: uppercase;
   font-weight: bold;
   
   background-color: #333;
   color: #999 !important;
   text-decoration: none;
}

.buttonside:hover {
   color: #ddd !important;
}

.buttonside span {
   padding: 0 10px;
   font-size:8px;
}

.button_penz {
   text-transform: uppercase;
   font-weight: bold;
   
   color: #3C3C3C !important;
   text-decoration: none;
}

.button_penz:hover {
   color: #C3C3C3 !important;
}

.button_penz span {
   padding: 0 10px;
}

.more,
.features {
   text-transform: lowercase;
   background: url(../i/pill-more-grey.gif) left top no-repeat;
   height: 19px;
   width: 61px;
   display: block;
   float: left;
   padding: 0px 0;
   text-align: center;
   font-size: 12px;
   line-height: 1.5;
   margin-bottom: 1.5em;
}

.featuretitle {
   color: #FFFFFF;
   font-weight: normal;
   font-size: 12px;
   clear: both;
}

.more_penz{
text-transform: lowercase;   
   height: 19px;
   width: 61px;
   display: block;
   float: left;
   padding: 0px 0;
   text-align: center;
   font-size: 12px;
   line-height: 1.5;
   margin-bottom: 1.5em;
   margin-left:-10px;
}

.playvideo
{
   text-transform: lowercase;
   background: url(../i/pill-video-grey.gif) left top no-repeat;
   height: 19px;
   width: 100px;
   display: block;
   float: left;
   padding: 0px 0;
   text-align: center;
   font-size: 12px;
   line-height: 1.5;
   margin-bottom: 1.5em;
}

.features {
   width: 162px;
   background: url(../i/pill-features-grey.gif) left top no-repeat;
}

.dark .more {
   background: url(../i/pill-more-black.gif) left top no-repeat;
}



/*
.light .more {
   background: url(../i/pill-more-grey.gif) left top no-repeat;
}
*/
.more:hover,
.features:hover {
   color: #fff;
}

.dark .more:hover {
   background-image: url(../i/pill-more-grey.gif);
}

.dark .view:hover {
   background-image: url(../i/pill-more-grey.gif);
}

.light .more:hover {
   background-image: url(../i/pill-more-black.gif);  
}

.light .h3link h3:hover {
    color:#EA3B2E; }

.dark .button {
}

.light .button {
}

.punchout .quote {
   font-size: 22px;
   font-style: italic;
   margin: 10px;
   line-height: 1.6;
}

.channel .punchout .quote {
   font-size: 16px;
   font-style: normal;
   line-height: 1.2;
}

.punchout,
.punchout .caption {
   border-top: 1px solid #007ecf;
   color: #007ecf;
}

.punchout .caption {
   text-align: right;
}

.column3x2 .punchout .caption span {
   background-color: #007ecf;
   padding: 1px 1em 2px 1em;
   color: #000;
   font-weight: bold;
   display: block;
   float: right;
   margin-bottom: 1.5em;
}

.clear {
   font-size: 0px;
   height: 0px;
   clear: both;
}

.right {
   float: right;
}

.left {
   float: left;
}

.subnav ul {
   padding: 5px 15px;
   list-style-type: none;
   line-height: 1.5;
   margin-left: 0;
   
}

.subnav li {
   padding-left: 0;
   margin-left: 0;
   margin-bottom: 15px;
}

.subnav ul ul {
   font-size: 11px;
   margin-left: 1em;
   line-height: 1.5;
}

.subnav a {
   color: #999;
}

.subnav a:hover,
.subnav .current a {
   color: #007ECF;
}

.subnav .current ul li a {
   color: #999;
}

.large {
   font-size: 20px;
   font-weight: normal;
}

ul.alternate {
   list-style-type: none;
   margin-left: 0;
   padding-left: 0;
   text-indent: 0;
}

ul.alternate li {
   padding-left: 0;
   text-indent: 0;
}

ul.alternate li p {
   text-indent: 0;
   margin: 1.5em 0;
}

ul.alternate li.outside p {
   margin: 0 10px;
}

table.pricing {
   border-spacing: 0;
   border-collapse: collapse;
   width: 100%;
}

table.pricing td {
   border: 1px solid #333;
   padding: 3px 5px;
}

table.pricing td.buy {
   padding: 0;
   width: 70px;
}

table.pricing td.tax {
   border: 0px solid #333;
   padding: 3px 5px;
}

.buy-link {
   text-transform: uppercase;
   display: block;
   padding: 3px 5px;
   background-color: #666;
   color: #000 !important;
}

.buy-link:hover {
   color: #333;
   background-color: #999;
}

.analysis-step {
   padding: 2em 0;
}

.analysis-step h3 {
   font-size: 140%;
   color: #007ECF;
}

.analysis-step p {
   font-size: 120%;
   margin-left: 1.5em;
}

img.analysis {
   float: right;
   margin-left: 5em;
   margin-right: 3em;
   padding-bottom: 2em;
}

.shop_buttons {
   float: right;
   padding: 1em;
}

.shop_buttons .button {
   margin: 0 5px;
   text-transform: none;
}

.shop_prices {
   padding-top: 10px;
}

.shop_prices .curr {
   font-weight: bold;
   border-left: 1px solid #666;
   padding-left: 1em;
   margin-left: 1em;
}

.shop_prices .first {
   padding: 0;
   margin: 0;
   border: none;
}

.shop_prices .tax {    
   padding-left: 3em;
   margin-left: 1em;
}

.errorlist {
   margin: 0;
   color: #f33;
}

.product-table td a {
    display: block; 
    padding: 2em; 
   font-size: 140%;
   color: #fff !important;
    background: #000 url(/media/i/black-gradient.gif) left top repeat-x;
}

.product-table td a:hover {
  background: #000 url(/media/i/black-gradient-up.gif) left bottom repeat-x;
}

.product-table td {
   background-color: #000;
   color: #fff;
}

/* .product-table td a img{ border:none;margin:5px; } */

h3.news_tagline {
   color: #999;
}

.article h3 a {
   font-size: 130%;
   color: #fff;
}

.news_date {
   display: block;
   margin-bottom: 0.4em;
   color: #999;
}

.news-thumb {
   float: right;
   margin-left: 15px;
   margin-bottom: 5px;
}

.support-page {
   background-color: #fff;
   color: #000;
}

h1.tab {
   margin-bottom: 0;
   padding-bottom: 0;
}

h1.tab span {
   display: block;
   background-color: #fff;
   padding: 0.3em 3em 0 40px;
   width: 190px;
   text-align: center;
   color: #222;
}

#content.support-page,
#content .support-page {
   margin: 0;
   padding: 25px;
}

.support-page a {
   color: #007ecf;
}

.support-page .subnav a {
   color: black;
}

.tiny-meta p {
   line-height: 1.2;
   font-size: 12px;
}

.post h3 {
   clear: none;
}

#content.support-page input,
#content .support-page input {
   background-color: #fff;
   border: 1px inset #999;
   width: auto;
   color: #000;
}

#content.support-page #searchsubmit,
#content .support-page #searchsubmit {
   border: 1px outset #999;
   background-color: #eee;
}

#reseller_downloads td {
   padding: 5px;
   vertical-align: top;
}

#reseller_downloads td h3 {
   font-size: 130%;
   margin: 0;
   color: #222;
}

#reseller_downloads .description {
   color: #999;
}

.page-content {
   margin-left: 190px;
}

.distributor {
   color: #fff;
}

/* END CLASSES */


/* FORMS */

input, select, textarea {
   background-color: #333;
   color: #fff;
   border: 1px inset #666;
   padding: 3px;
   font-size: 14px;
   width: 13em;
}

select {
   border: none;
}

#submit_request {
   border: none;
}

#id_comments {
   width: 30em;
   height: 5em;
}



/* END FORMS */

/* channel-colors */

/* EDUCATION */

.education .channel-color-bg {background-color: #EA3B2E; color: #000 !important; border-color: #EA3B2E;}
.education .channel-color-bg a {color: #000;}
.education .channel-color-fg {color: #EA3B2E;}

.education #banner {border-top: 4px solid #EA3B2E;}

.education .punchout,
.education .punchout .caption {
	border-color: #EA3B2E;
	color: #EA3B2E;
}

.education .punchout .caption .span { background-color: #EA3B2E; }

.education .channel-main a,
.education .subnav .current a,
.education .subnav a:hover {
   color: #EA3B2E;
}
.education .newfeature {color:#EA3B2E; font-weight:bold;}
.education .newversion {color:#7e9722; font-weight:bold;}
.sudolink{cursor:pointer;}
/* SPORT */

.sport .channel-color-bg {background-color: #7e9722; color: #000 !important; border-color: #7e9722;}
.sport .channel-color-bg a {color: #000;}
.sport .channel-color-fg {color: #7e9722;}

.sport #banner {border-top: 4px solid #7e9722;}

.sport .punchout,
.sport .punchout .caption {
	border-color: #7e9722;
	color: #7e9722;
}

.sport .punchout .caption .span { background-color: #7e9722; }

.sport .channel-main a,
.sport .subnav .current a,
.sport .subnav a:hover {
   color: #7e9722;
}
.sport .newfeature {color:#7e9722; font-weight:bold;}
.sport .newversion {color:#EA3B2E; font-weight:bold;}
/* CLINICAL */

.clinical .channel-color-bg {background-color: #5AB9BF; color: #000 !important; border-color: #5AB9BF;}
.clinical .channel-color-bg a {color: #000;}
.clinical .channel-color-fg {color: #5AB9BF;}

.clinical #banner {border-top: 4px solid #5AB9BF;}

.clinical .punchout,
.clinical .punchout .caption {
   border-color: #5AB9BF;
   color: #5AB9BF;
}

.clinical .punchout .caption .span { background-color: #5AB9BF; }

.clinical .channel-main a,
.clinical .subnav .current a,
.clinical .subnav a:hover {
   color: #5AB9BF;
}
.clinical .newfeature {color:#5AB9BF; font-weight:bold;}
.clinical .newversion {color:#BE2A0F; font-weight:bold;}
/* RETAIL */

.retail .channel-color-bg {background-color: #BE2A0F; color: #000 !important; border-color: #BE2A0F;}
.retail .channel-color-bg a {color: #000;}
.retail .channel-color-fg {color: #BE2A0F;}

.retail #banner {border-top: 4px solid #BE2A0F;}

.retail .punchout,
.retail .punchout .caption {
   border-color: #BE2A0F;
   color: #BE2A0F;
}

.retail .punchout .caption .span { background-color: #BE2A0F; }

.retail .channel-main a,
.retail .subnav .current a,
.retail .subnav a:hover {
   color: #BE2A0F;
}

.retail .newfeature {color:#BE2A0F; font-weight:bold;}
.retail .newversion {color:#7A317A; font-weight:bold;}
/* TRAINING */

.training .channel-color-bg {background-color: #7A317A; color: #000 !important; border-color: #7A317A;}
.training .channel-color-bg a {color: #000;}
.training .channel-color-fg {color: #7A317A;}

.training #banner {border-top: 4px solid #7A317A;}

.training .punchout,
.training .punchout .caption {
   border-color: #7A317A;
   color: #7A317A;
}

.training .punchout .caption .span { background-color: #7A317A; }

.training .page-content a,
.training .channel-main a,
.training .subnav .current a,
.training .subnav a:hover {
   color: #7A317A;
}
.training .newfeature {color:#7A317A; font-weight:bold;}
.training .newversion {color:#EA3B2E; font-weight:bold;}
/* BASIC */

#banner {border-top: 4px solid #007ECF;}

.siliconcoach .channel-color-bg {background-color: #007ECF; color: #000; border-color: #007ECF;}

.siliconcoach .channel-color-fg {color: #007ECF;}

table.table_penz{ margin-left:10px;
                width:500px;}
table.table_penz td{text-align: center; font-weight: bold;}

p.playbutton {
	display:block;
	font-size:15px;
	line-height:1.3em;
	margin:0pt auto 1em;
	min-height:3em;
	padding-right:53px;
	text-align:center;
}

p.playbutton a {
	color:#FFFFFF;
	position:relative;
	text-decoration:none;
}

p.playbutton a span, p.playbutton a b {
	padding:15px 0pt;
	text-align:left;
	width:auto;
}
/*
p.playbutton a span {
	background:transparent url(/media/i/play-left.png) no-repeat scroll 0pt 0pt;
	padding-left:22px;
	padding-right:3px;
    color:#FFFFFF;
}
*/
p.playbutton a span {
	background:transparent url(/media/i/play-left.png) no-repeat scroll 0pt 0pt;
	padding-left:22px;
	padding-right:3px;
    color:#FFFFFF;
}

p.playbutton a b {
	background:transparent url(/media/i/play-right.png) no-repeat scroll 0pt 0pt;
	position:absolute;
	right:-52px;
	text-indent:-9999px;    
	width:52px;
	top:-15px;
}


p.playbutton a:hover {
	color:#E6E6E6;
	cursor:pointer;
}

.penzhead {
clear:both;
background:transparent url(/media/i/topbar.png) right top no-repeat;
float:right;
width:260px;
height:40px;
margin-top:-6px;
margin-right:-4px;
}

.penzhead p{color:#FFFFFF;
           text-align:right;
           font-size:12px;
           font-weight: bold;
           }
.penzhead2 {
clear:both;
background:transparent url(/media/i/topstripbig.png) left top no-repeat;
width:330px;
height:20px;
margin-top:-4px;
margin-left:-7px;
}

.penzhead2 div{color:#FFFFFF;
           text-align:left;
           font-size:12px;
           font-weight: bold;
           margin-left:15px;
           }

.listbold{
font-weight: bold;
}


h3 a { font-size:14px;
           font-weight: bold;}
           
.imageheading{}
.imageheading img {float:left}
.imageheading div {padding-top:15px;}
.white{color:#fff;}

.paraheading{
    font-size: 14px;
    font-weight:bold;
    font-family:sans-serif;

}

#divPlayer_0 img{
    margin-left:120px;
    margin-top:100px;
    }

#divPlayer_320 {
    width:320px;
    height:265px;
    background-color:#000;
    background-image:url(/media/i/SLInstall320.jpg);
    }
#divPlayer_320 img{
    margin-left:40px;
    margin-top:100px;
    }
    
#divPlayer_420 {
    width:420px;
    height:345px;
    background-color:#000;
    background-image:url(/media/i/SLInstall320.jpg);
    }
#divPlayer_420 img{
    margin-left:40px;
    margin-top:100px;
    }
    
#divPlayer_480 {
    width:480px;
    height:398px;
    background-color:#000;
    background-image:url(/media/i/SLInstall480.jpg);
    }
    
#divPlayer_480 img{
    margin-left:20px;
    margin-top:100px;
    }
    
#divPlayer_640 {
    width:640px;
    height:520px;
    background-color:#000;
    background-image:url(/media/i/SLInstall640.jpg);
    }
    
#divPlayer_640 img{
    margin-left:20px;
    margin-top:100px;
    }
	
#twnotice {
   background: #000 url(../i/header-gradient.gif) left top repeat-x;
   height: 60px;
   padding: 5px;
   text-align: center;
   margin-top: 0px;
   font: normal 62.5% helvetica, arial, sans-serif;
   font-size: 12px;
}

#twnotice strong 
{
	color: #F4602B;
}

#large {
	text-align: right;
	font: normal 62.5% helvetica, arial, sans-serif;
	font-family: helvetica, arial, sans-serif;
    font-size: 12px;
}
#large h2 {
	padding-top: 10px;
	font-size: 1.8em;
	font-weight: normal;
	color: #F4602B;
	letter-spacing: 1px;
	clear: none;
}
#large h3 {
	font-size: 1.5em;
	font-weight: normal;
	color: #fff;
	clear: none;
}

.fullpage3x
{
  float:left;
  width:280px;

}

.fullpage2x
{
  float:left;
  width:435px;
}

.tw {
    font: normal 62.5% helvetica, arial, sans-serif;		
	color: #999;
	}
.tw h2 {
	padding-top: 1px;
	padding-left: 10px;
	font-size: 1.5em;
	font-weight: normal;
	color: #F4602B;
	letter-spacing: 1px;
}                                                  
.tw h3 {
	font-size: 1em;
	font-weight: normal;
	color: #fff	
}