body {
   background: #373434 url(/media/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(/media/i/header-gradient.gif) left top repeat-x;
   height: 89px;
   padding: 1px 0 0 0;
}

#logo {
   display: block;
   float: left;
   background: url(/media/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(/media/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(/media/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(/media/i/top-nav/pill-black-right.gif) right top no-repeat;	
}

#top-nav li.current a,
#top-nav li:hover a	{
   background: url(/media/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(/media/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;
}


/* 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 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;*/
}

/*
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: 330px;
   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;
}

/* END COLUMNS */


/* GENERAL TAGS */

h2 {
	font-weight: normal;
	margin-top: 1.2em;
	color: #808000;
}

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

h3 a {
   color: #007ecf;
}

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

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;
}

.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;
        }
        
.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;
}

.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(/media/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;
}

.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(/media/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(/media/i/pill-features-grey.gif) left top no-repeat;
}

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

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

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

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

.light .more:hover {
   background-image: url(/media/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 5px;
   list-style-type: none;
   line-height: 1.5;
   margin-left: 0;
   
}

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

.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: 45px;
}

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;
}

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: 10px;
}

.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;
}

/* 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;
}

/* 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;
}

/* 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;
}


/* 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;
}

/* 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;
}