/*
Theme Name: Thermo Credit, LLC
Theme URI: http://www.thermocredit.com/
Version: 1.0
Author: Good Work Marketing and Design
Author URI: http://www.goodworkmarketing.com/
*/
@charset "UTF-8";
/* CSS Document */
/**************************************************************************************************/
/* Reset CSS for all broswers*/
/* DO NOT CHANGE ANYTHING WITHIN THIS BLOCK */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color:#000;}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
table img {padding:0; margin:0; border:0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
address {font-style:normal;}
/* fix images in IE*/
.ie6 img {behavior: url("pngbehavior.htc"); border:none; outline:none;}
.ie5 img {behavior: url("pngbehavior.htc"); border:none; outline:none;}
/* float and clear*/
.clrflt {clear:both; line-height:1px; height:0; margin:0; padding:0; font-size:1px}
.clrrt {clear:right; line-height:1px; height:0; margin:0; padding:0; font-size:1px;}
.clrlft { clear:left; line-height:1px; height:0; margin:0; padding:0; font-size:1px; }
.fltrt {float:right;}
.fltlft {float:left; }
/* autoclear */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/************ FIX CSS CROSS BROWSER SUPPORTS **************************************
Examples:
* html.gecko div#header { margin: 1em; }
* .opera #header { margin: 1.2em; }
* .ie .mylink { font-weight: bold; }
* .mac.ie .mylink { font-weight: bold; }
* .[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser]
Available OS Codes [os]:
* win - Microsoft Windows
* linux - Linux (x11 and linux)
* mac - Mac OS
Available Browser Codes [browser]:
* ie - Internet Explorer (All versions)
* ie8 - Internet Explorer 8.x
* ie7 - Internet Explorer 7.x
* ie6 - Internet Explorer 6.x
* ie5 - Internet Explorer 5.x
* gecko - Mozilla, Firefox, Camino
* opera - Opera (All versions)
* opera8 - Opera 8.x
* opera9 - Opera 9.x
* konqueror - Konqueror
* webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira
Extra Codes:
* js - Will be available when js is enable, so you can show/hide some stuffs
***************/
/** COLOR PALETTE
Grey
DK #5A5A72 - header background
80% #333333 - content text
60% #666666 - sub nav
50% #808080 - news text, inputs
Shades of Blue
D #428DFD
| #2CBBFD - news headings
| #42C2FD
| #A3E2FF - Newsletter Signup
| #DAF3FF - calendar events, newsletter signup text
L #F1FBFF
Red
#EE3E33 - news heading
**/
/********** general tags *************/
body { text-align:center; margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:62.5%; }
/************ Navigation ************/
#nav { list-style:none; padding:5px 0 0 0; position:relative; width:980px; height:50px; margin:0;}
#nav li { display:inline; padding:0; }
#nav a { padding:5px 15px 15px 15px; font-size:1.4em; color:#fff; text-decoration:none; line-height:2em; font-weight:bold; }
#nav a:hover { color:#EE3E33; text-decoration:none; }
#nav li:hover a { color:#EE3E33;}
#nav li:hover li a { color:#333333;}
#nav li ul { position:absolute; left:-999em; padding:12px 10px 0; z-index:9999; width:800px;}
#nav li ul ul { display:none;}
#nav li li { }
#nav li li a { color:#333333; filter:progid:DXImageTransform.Microsoft.Glow(Color=#ffffff, Strength=7); height:2em; text-shadow: #FFFFFF 0px 0px 10px; }
#nav li li a:hover { color:#fff; text-shadow: none;}
#nav li:hover ul { left:0;}
#nav li.sfhover ul { left:0;}
#nav li.page-item-6:hover ul { left:300px; width:500px;}
#nav li.page-item-5:hover ul { left:200px;}
#nav li.page-item-8:hover ul { left:200px;}
#nav li.page-item-7:hover ul { left:380px; width:500px;}
#header #nav li.current_page_item a, #header #nav li.current_page_parent a {color:#EE3E33; text-shadow: none;}
#header #nav li.current_page_item li a, #header #nav li.current_page_parent li a {color:#333333; filter:progid:DXImageTransform.Microsoft.Glow(Color=#ffffff, Strength=7); height:2em; text-shadow: #FFFFFF 0px 0px 10px;}
#header #nav li.current_page_item li:hover a, #header #nav li.current_page_parent li.sfhover a {color:#fff; text-shadow: none;}
.ie #nav li ul { padding-top:0; top:42px;}
.ie #nav li li { line-height:3em;}
.ie #nav a {}
.ie6 #nav { height:auto;}
.ie6 #header { height:auto;}
.ie6 #nav li ul { padding-top:42px; top:0;}
.ie7 #nav li ul { padding-top:42px; top:0;}
#footer #nav li ul { display:none;}
/************************************/
/************ BOX MODEL ************/
/************************************/
html, body { background:#fff url(images/bg/page.gif); } /* make sure and set background color for both html and body to satisfy Safari */
.wrapper { width:980px; margin:0 auto;} /* fixed width is not really necessary */
#header { background:#5a5a72; padding:15px 0 5px; text-align:left; height:30px; overflow:visible;}
#page { background:#ffffff url(/thermo/wp-content/themes/thermo/images/bg/bg-content.jpg) top left repeat-x; text-align:left; padding:20px 0 0 0; margin:0;}
#footer { background:url(/thermo/wp-content/themes/thermo/images/bg/bg-footer.jpg) top left repeat-x; text-align:left; padding:40px 0 0; }
#brand { display:block; text-align:left; padding-right:40px;}
#sidebar { width:200px; float:right; padding:0; margin:0;}
#content { margin: 0 240px 0 0; padding:0; }
.safari #content { margin-top:-60px;}
#content .entry { border-right:1px solid #2CBBFD; padding: 0 70px 10px 0; margin:0;}
#content .post { padding-bottom:40px; margin:0; }
/************ General Fonts etc. ************/
/* By setting the body font to 62.5% we make 1em = 10px */
/* So, a font-size of 2.4em now equals 24px */
h1 { padding-bottom:20px;}
h2 { font-weight:bold; font-size:3em; color:#333; padding: 0 0 20px 0;}
h3 { font-weight:bold; font-size:2.2em; color:#42C2FD; padding: 10px 0 5px 0;}
h4 { font-weight:bold; font-size:1.8em; color:#EE3E33; padding:10px 0 0 0;}
h5 {}
h6 {}
p { font-size:1.4em; line-height:1.4em; color:#333; padding:10px 15px;}
address { padding-left:30px; color:#fff; font-weight:bold; line-height:18px; font-size:15px;}
strong, b {}
i, em {}
hr { display:none;} /* hide
used as section dividers */
blockquote {}
/* replace logo with image - needs an exception rule for IE */
#brand h1 { width:160px; height:60px; background:url(images/logo.png); text-indent:-9999px; display:block; float:right; text-transform:uppercase;padding:0; margin:0; }
.ie6 #brand h1 { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/thermo/wp-content/themes/thermo/images/logo.png",sizingMethod="scale");}
/* you may not have seen this before, but CSS3 allows for attribute selectors in this case, inputs of type=text */
/* two javascript files make this work in older versions of IE */
input[type="text"] {border:1px solid #C2CCCC; color:#808080; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(border-radius.htc); padding:3px; font-weight:bold;}
textarea {border:1px solid #C2CCCC; color:#808080; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(border-radius.htc); padding:3px; font-weight:bold;}
input[type="submit"] { text-align:center; margin:0 auto;}
input:focus, textarea:focus {border:1px solid #DAF3FF;}
/* Content Styling */
#content .post h2 { padding-right:70px; line-height:1.2em; padding-bottom:10px; margin:0;}
#content h1 { font-size:18px; color:#333;}
#content h1 a { font-weight:normal;}
#content h1 a:hover { font-weight:normal;}
#content a {color: #333333; text-decoration: none; font-weight: bold;}
#content a:hover {color: #EE3E33; text-decoration: none; font-weight: bold;}
#content ul { padding:0 0 10px 40px; list-style:outside disc; font-size:1.3em; line-height:1.4em; color:#333;}
#content ol { padding:0 0 10px 40px; list-style:outside decimal; font-size:1.3em; line-height:1.4em; color:#333;}
#content ul li { padding:3px 0; color:#333; font-weight:bold;}
#content ol li { padding:3px 0; color:#333; }
/* reset display of
for content */
#content hr { display:block;}
.tinywhitefont {font-size: 12px; color: #ffffff;}
.postmetadata { padding-bottom:10px; font-size:.8em; text-align:right; border-top:1px dotted #808080;}
.grey {background:#000000;}
/* Newsletter Signup */
/* will incorporate code from Constant Constact */
#newsletter-signup { width:260px; text-align:left;}
#newsletter-signup.left { float:left; margin-right:50px;}
#newsletter-signup h2 { font-weight:bold; font-size:2.2em; padding:0 0 15px; color:#A3E2FF;}
#newsletter-signup input { width:200px; font-size:10px;}
#newsletter-signup p { color:#DAF3FF; line-height:1.2em; font-size:1.4em; padding:15px 0 0;}
/* Beginning styling issues for sections like the about paragraph at bottom of page */
/* may need to be revised into more generic rules */
#about { max-width:540px; float:left;}
#about h2 { color:#42C2FD; padding:0 0 0; font-weight:bold; font-size:2.6em;}
#about p { color:#DAF3FF; line-height:1.2em; font-size:1.4em; padding:15px 0 0;}
/************ Sidebar ************/
/* Search Form in Sidebar */
#sidebar input { vertical-align:middle;} /* align inputs of various sizes and text vertically*/
#sidebar input[type="text"] { margin-right:5px;} /* add spacing between inputs */
#sidebar p { padding:0 0 5px 0; margin:0; font-size:1.1em; color:#808080; line-height:1.1em;}
#sidebar h2 { color:#EE3E33; font-weight:bold; font-size:2em; padding:0 0 5px 0; margin:0; }
#sidebar h3 { font-size:1.2em; line-height:1.1em; padding:9px 0 0 0; color:#2CBBFD; font-weight:bold; margin:0;}
#sidebar h3 a { font-size:1.2em; line-height:1.1em; padding:5px 0; color:#2CBBFD; font-weight:bold; text-decoration: none; margin:0;}
#sidebar h3 a:hover { font-size:1.2em; line-height:1.1em; padding:5px 0; color:#EE3E33; font-weight:bold; text-decoration: none; margin:0;}
#sidebar h3 a.archive-link { font-size:1.3em; color:#EE3E33; font-weight:normal; padding-top:10px; display:block;}
#sidebar h3 a:hover.archive-link { color:#2CBBFD;}
#sidebar #news a.archive-link { padding-top:0;}
#sidebar .contact h2 { padding-bottom:10px;}
#sidebar .contact { padding:30px 0;}
#sidebar .contact p { font-size:1.1em; color:#808080; line-height:1.3em; padding-bottom:15px;}
#sidebar .contact strong { font-size:1.3em; color:#808080; padding:0 0 3px 0; margin:0; font-weight:bold; margin:0;}
#sidebar .contact strong.sidebar-address { font-size:1.2em; color:#808080; padding:3px 0 0 0; margin:0; font-weight:bold;}
#sidebar li { list-style:none; padding-top:5px;}
#sidebar .upcoming-events li { font-weight:bold; font-size:1.4em; padding:8px 3px;}
#sidebar .upcoming-events li li { font-weight:bold; font-size:1.4em; padding:2px 3px;}
#sidebar .upcoming-events li a { font-weight:normal; font-size:12px; padding:2px 3px; display:block;}
/* Sidebar News */
/* will need modification once loop is implemented */
#sidebar #news { padding-top:10px; margin:0;}
.links {line-height: 14px; font-size: 13px; font-weight: bold; padding-top: 0; padding-bottom: 5px;}
#sidebar #news .post { padding-bottom:0; margin:0;}
#sidebar #news h3 { font-size:1em;}
#sidebar .related-posts { padding:20px 0;}
/********************************************************/
/********************************************************/
/***** WORDPRESS CARRYOVER ******************************/
/********* Makes sure that tertiary elements are styled */
/********************************************************/
/********************************************************/
/* Begin Images */
p img {padding: 0; max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
img.ad-space {margin:-30px; position:relative; z-index:999999;}
img.cslogo { text-align:center; margin:0 auto;}
/* End Images */
/* Captions */
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.wp-caption { border: 1px solid #ddd;text-align: center; background-color: #fff; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */
/* Begin Attachments */
.articlelist div { font-size:.9em; padding-bottom:5px;}
.articlelist .attachments { width:60px; padding:5px; float:right; margin-left:20px; border:none; margin-top:0;}
.articlelist .attachments dd { display:none;}
.articlelist div h3 { font-size:1.6em; padding-left:10px; padding-bottom:0;}
.articlelist div h4 { font-size:1.6em; padding-left:10px; padding-bottom:0;}
.attachments { padding:10px; margin-top:30px;}
.attachments dd { font-size:1.3em; padding-top:5px; line-height:1.2em;}
/* End Attachments */
/* Begin Tables */
#content table { border:1px solid #333; font-size:1.3em; margin:0 auto; margin-bottom:20px; max-width:700px; word-wrap: break-word;}
#content table td { padding:2px; border:1px solid #333;word-wrap: break-word; vertical-align:top; line-height:1.1em;}
#content table td strong { padding:2px; display:block; }
/* End Tables */
/* Begin Comments */
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em;}
.commentlist li ul li { font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
.commentmetadata {font-weight: normal;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block; }
/* End Comments */
/* Begin Contact Form */
#content .wpcf7 { background:#aaa; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px; margin:0 0 0 20px; zoom:1; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(border-radius.htc);}
#content .wpcf7 form { padding:30px 40px;margin:0;border-right:1px solid #333;border-bottom:1px solid #333;text-align:left;background:#fff;zoom:1; position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;behavior:url(border-radius.htc);}
#content .wpcf7 input {}
#content .wpcf7 p { padding:5px 0;}
#content .wpcf7 p label { padding:0 10px 0 0; text-align:right; width:140px; float:left; color:#808080;}
#content .wpcf7 p.large-label label { width:auto; float:none; padding-left:90px;}
#content .wpcf7 p.submit-label { text-align:center; }
#content .wpcf7 h2 { padding-bottom:10px;}
/* End Contact Form */
/* Begin Search and Comment Form Elements */
#search { margin:0; padding:0 0 10px 0;}
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form {text-align:center; }
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
/* End Form Elements */
/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; }
#wp-calendar a {text-decoration: none; }
#wp-calendar caption {font: bold 1.3em; text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize; }
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block; }
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
.calnk a:hover { background-position:0 0;text-decoration:none; color:#000000; border-bottom:1px dotted #000000; }
.calnk a:visited { text-decoration:none; color:#000000; border-bottom:1px dotted #000000; }
.calnk a { text-decoration:none; color:#000000; border-bottom:1px dotted #000000; display:block; padding:2px; }
.calnk a span { display:none; }
.calnk a:hover span { color:#333333; background:#F6F79B; display:block; position:absolute; margin-top:1px; padding:5px; width:150px; z-index:100; border:1px solid #333; }
#content .calendar-table { border:1px solid #333; width:100%; vertical-align:center; }
#content .calendar-table td { min-height:100px; }
#content .calendar-table table { border:none; margin:0; padding:0; }
#content .calendar-table table td { border:none; vertical-align:middle; min-height:0; }
#content .calendar-heading { height:25px; text-align:center; border:1px solid #D6DED5; background-color:#E4EBE3; vertical-align:middle; }
#content .calendar-next { width:25%; text-align:center; }
#content .calendar-prev { width:25%; text-align:center; }
#content .calendar-month { width:50%; text-align:center; font-weight:bold; font-size:2em; padding-top:5px;}
.normal-day-heading { text-align:center;width:25px; height:25px;font-size:0.8em; border:1px solid #DFE6DE; background-color:#EBF2EA; font-weight:bold; vertical-align:middle; }
.weekend-heading { text-align:center; width:25px; height:25px; font-size:0.8em; border:1px solid #DFE6DE; background-color:#EBF2EA; color:#FF0000; vertical-align:middle; }
.day-with-date { vertical-align:text-top;text-align:left; width:60px;height:100px; border:1px solid #DFE6DE; }
.no-events { }
.day-without-date { width:60px; height:60px; border:1px solid #E9F0E8; }
span.weekend { color:#FF0000; }
.current-day { vertical-align:text-top;text-align:left; width:60px; height:60px; border:1px solid #BFBFBF; background-color:#E4EBE3; }
span.event { font-size:0.75em; }
.kjo-link { font-size:0.75em; text-align:center; }
.kjo-link p { display:none; }
.event-title { text-align:center; font-weight:bold; font-size:1.2em; }
.event-title-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000000; }
.event-content-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000000; }
#content .calendar-date-switcher { height:25px; text-align:center; border:1px solid #D6DED5; background-color:#E4EBE3; margin:0; padding:0; }
#content .calendar-date-switcher form { margin:0; padding:0; }
#content .calendar-date-switcher input { border:1px #D6DED5 solid; }
#content .calendar-date-switcher select { border:1px #D6DED5 solid; }
#content .calendar-table .cat-key { width:100%; margin-top:10px;padding:10px 5px; border:1px solid #D6DED5; font-size:12px;}
#content .calendar-table .cat-key td {padding-left:8px;}
#showcase ul.front-calendar {margin-left:500px; position:relative; }
.widget-title { font-size:18px; color:#fff; padding-bottom:5px; }
#showcase ul.front-calendar li { margin-left:20px;}
/* End Calendar */
/* Home Page Showcase */
h1 { font-size: 24px; font-weight: 400; }
:focus { outline: 0; }
#slideshow { width: 702px; margin: 0 20px 20px 0; overflow: hidden; position: relative; }
#showcase { width: 642px; height: 247px; overflow: hidden; float: left; background: url("images/bg/home-slider.png") center top no-repeat; padding:30px; }
#showcase-loader img { margin:auto;}
#showcase .bigimage { position: absolute; width: 642px; height: 247px; overflow: hidden; left:0; top:0; padding:30px; z-index:1;}
#showcase-loader { position: absolute; width: 32px; height: 32px; overflow: hidden; right:30px; top:30px;z-index:9999; }
#showcase h2 { color: #FFF; line-height: 64px; text-shadow: #000066 0px 0px 10px; padding:15px 0 0 10px; margin:0; font-size:3.5em; }
#showcase h3 { color: #FFF; font-size:1.8em; }
#showcase p { color: #FFF; padding-top:0; font-weight:bold; }
#showcase a { color: #F1FBFF; }
#showcase a.read-more { float:right; font-weight:bold; font-size:1.4em; clear:both;}
#showcase a:hover { color: #333333; }
#slideshow #showcase ul {margin-left:20px;}
#slideshow #showcase li {color:#fff; background:none; outline:none; list-style:disc ouside; list-style-image:none; border:none; padding:2px; margin:0; font-size:1.1em;}
#slideshow #showcase li a {color:#fff; background:none; outline:none; list-style:none; border:none; padding:0; margin:0;}
#slideshow #showcase li a:hover {color:#fff; background:none; outline:none; list-style:none; border:none; padding:0; margin:0;}
#showcase-nav { width: 702px; }
#showcase-nav ul { list-style: none; padding: 10px 0 0; margin: 0; }
#showcase-nav li { float:left; margin: 0; padding: 0; position:relative; z-index:2000; }
#showcase-nav a { display: block; width: auto; padding:0 13px 0 0; overflow: hidden; text-decoration: none; background:url(images/btns/grey-btn_02.gif) right top no-repeat; height:51px;}
#showcase-nav a:hover { background:url(images/btns/grey-btn-hvr_02.gif) right top no-repeat; color:#fff;}
#showcase-nav .text { display: block; width: auto; height:49px; font-size: 14px; font-weight: bold; color: #fff; padding:2px 0 0 18px; overflow: hidden; background:url(images/btns/grey-btn_01.gif) left top no-repeat; line-height:49px; margin:0; letter-spacing:-.05em;}
#showcase-nav a:hover .text { background:url(images/btns/grey-btn-hvr_01.gif) left top no-repeat; color:#fff;}
#showcase-nav .last a { border: 0; }
#showcase-nav .active span.pointer { background:url(images/btns/pointer.gif) top center no-repeat; width:76px; height:27px; position:absolute; top:-16px; z-index:9999; display:block; right:20px;}
#showcase-nav .active a .text { color: #EEE; }
.slideshow-left {width:50%; float:left; padding-right:5%;}
#showcase div.post-241 a.read-more {display:none;}
#showcase div.post-241 p { }
#showcase div.post-776 { padding:60px 100px 0; width:502px;}
#showcase div.post-776 h2 { font-size:18px; color:#fff; line-height:1.3em;}
#showcase div.post-784 h2 { font-size:21px; color:#fff; line-height:1.3em; text-align:center; padding:20px 75px;}
#showcase div.post-776 a.read-more {display:none;}
#showcase div.post-784 a.read-more {display:none;}
#slideshow #showcase div.post-241 ul { margin-left:200px;}
#slideshow #showcase div.post-241 ul li { font-size:1em;}
.ie #showcase-nav a {letter-spacing:-.1em;}
.ie #showcase-nav { position:relative; top:-10px;}
.ie #slideshow #showcase li {padding-top:0;}
.ie #showcase .alignleft {margin-top:20px;}
.ie #showcase h2 { filter: Shadow(Color=#000066, Direction=135, Strength=2); }
.ie6 #showcase { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/thermo/wp-content/themes/thermo/images/bg/home-slider.png",sizingMethod="scale");}
.ie7 #showcase { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/thermo/wp-content/themes/thermo/images/bg/home-slider.png",sizingMethod="scale");}
.ie8 #showcase-nav { position:relative; top:0;}
.initial {visibility:hidden}
.ie6 #showcase-nav a {width:130px;}
.ie6 #showcase-nav #li-246 a {width:130px;}
.ie6 #showcase-nav #li-241 a {width:130px;}
.ie6 #showcase-nav #li-238 a {width:125px;}
.ie6 #showcase-nav #li-189 a {width:130px;}
.ie6 #showcase-nav #li-169 a {width:110px;}
.ie6 #showcase-nav #li-24 a {width:115px;}
.ie6 #showcase-nav #li-6 a {width:115px;}