/********************************************************************************
* 
* © 2008 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: sub-master.css
* Description: Master CSS file for the subpages for the Thermal Energy Products 
*              website
*
*********************************************************************************/

/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(sub-menus.css);
@import url(forms.css);


/* Body 
--------------------------------------------------------------------------------*/

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

body
	{
	font-size:100%;
	color:#000000;
	line-height:1em;
	background:#ffffff url(/images/tep-home-bg.jpg) repeat-x;
	}

h1
	{
	margin:0px 0px 0px -999em;
	font:2em Georgia, "Times New Roman", Times, serif;
	line-height:1em;
	color:#0071bc;
	display:none;
	}

h2
	{
	margin:0px 0px 0.5625em 0px;
	padding:0px;
	font:bold 1.125em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#000000;
	}

h3
	{
	margin:0px 0px 0.5625em 0px;
	padding:0px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#000000;
	}

h4
	{
	margin:0px 0px 0.5625em 0px;
	padding:0px;
	font:bold 0.875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#000000;
	}

h5
	{
	display:inline;
	margin:0px 0px 0.5625em 0px;
	padding:0px 0px 0px 10px;
	font:bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height:2.6em;
	color:#000000;
	background:url(/images/tep-sub-leftarrow.gif) left center no-repeat;
	}

h6
	{
	display:inline;
	margin:0px 0px 0.5625em 0px;
	padding:0px 10px 0px 0px;
	font:bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height:2.6em;
	color:#000000;
	background:url(/images/tep-sub-rightarrow.gif) center right no-repeat;
	}


/* Horizontal rules
--------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	border-top:1px dotted #008080;
	}


/* Links
--------------------------------------------------------------------------------*/

a:link, a:visited
	{
	color:#136f14;
	text-decoration:none;
	border-bottom:1px dotted #136f14;
	}

a:hover
	{ 
	color:#000000;
	border-bottom:1px solid #136f14;
	}
	
a:active
	{
	color:#000000;
	border-bottom:1px solid #136f14;
	}


/* Container
--------------------------------------------------------------------------------*/

#container
	{
	margin:0px auto;
	width:1024px;
	}


/* Header
--------------------------------------------------------------------------------*/

#header
    {
    float:left;
    width:1024px;
    height:102px;
    background:url(/images/tep-sub-headerbg.jpg) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #header
    {
    float:left;
    width:1024px;
    height:102px;
    margin:0px 0px -4px 0px;
    background:url(/images/tep-sub-headerbg.jpg) no-repeat;
    }

#logo
    {
    float:left;
    width:515px;
    height:84px;
    margin:18px 0px 0px 80px;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #logo
    {
    float:left;
    width:515px;
    height:84px;
    margin:18px 0px 0px 40px;
    }

#logo a, #logo img
    {
    border:none;
    }

#languageswap
    {
    float:right;
    width:272px;
    height:25px;
    padding:6px 80px 0px 0px;
    font:0.6875em Arial, Helvetica, sans-serif;
    text-align:right;
    line-height:1.8em;
    clear:right;
    }

#languageswap a
    {
    padding:2px 6px;
    border-top:1px solid #dadada;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #5b5b5b;
    border-left:1px solid #8a8a8a;
    background:#ffffff;
    }

#languageswap a:hover
    {
    border-top:1px solid #c8e0e9;
    border-right:1px solid #b4d4e0;
    border-bottom:1px solid #4f636b;
    border-left:1px solid #7795a0;
    background:#bdecfe;
    }

#languageswap a:active
    {
    border-top:1px solid #4f636b;
    border-right:1px solid #7795a0;
    border-bottom:1px solid #c8e0e9;
    border-left:1px solid #b4d4e0;
    background:#bdecfe;
    }

#ticker
    {
    float:right;
    width:272px;
    height:71px;
    margin:0px 80px 0px 0px;
    background:url(/images/tep-tickerbg.gif) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #ticker
    {
    margin:0px 40px 0px 0px;
    }

#ticker-heading
    {
    height:22px;
    padding:4px 10px 0px 0px;
    font:bold 0.6875em Arial, Helvetica, sans-serif;
    color:#000000;
    line-height:1.6em;
    text-align:right;
    }

#ticker-main
    {
    height:32px;
    padding:8px 10px 0px 0px;
    font:0.6875em Arial, Helvetica, sans-serif;
    color:#585858;
    line-height:1.2em;
    text-align:right;
    }


/* Page title
--------------------------------------------------------------------------------*/

#pagetitle
    {
    float:left;
    width:1024px;
    height:172px;
    background:url(/images/tep-sub-pagetitlebg.jpg) no-repeat;
    }

#pagetitle h2 span
    {
    display:none;
    }

#pagetitle h2
    {
    position:relative;
    left:50%;
    margin:0px 0px 0px -300px; /* centers page title within containing div */
    width:600px;
    height:172px;    
    }

#pagetitle h2.products-english
    {
    background:url(/images/tep-sub-pagetitle-prod.gif) no-repeat;
    }
    
#pagetitle h2.products-spanish
    {
    background:url(/images/tep-sub-pagetitle-prod-sp.gif) no-repeat;
    }

#pagetitle h2.profile-english
    {
    background:url(/images/tep-sub-pagetitle-prof.gif) no-repeat;
    }
    
#pagetitle h2.profile-spanish
    {
    background:url(/images/tep-sub-pagetitle-prof-sp.gif) no-repeat;
    }


/* Navigation
--------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:1042px;
    height:72px;
    margin:0px 0px 0px 0px;
    background:url(/images/tep-sub-navbg.jpg) no-repeat;
    }


/* Main background
--------------------------------------------------------------------------------*/

#main
	{
	float:left;
	width:860px;
	padding:18px 80px 8px 84px;
	background:url(/images/tep-sub-mainbg.jpg) no-repeat;
	}


/* Content
--------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:550px;
	margin:0px -274px 0px 0px;
	padding:0px 30px 0px 0px;
	border-right:274px solid #ffeaab;
	}

#content p
	{
	padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:1.6em;
	}

#content ul
    {
    margin:0px 0px 0px 35px;
    padding:0px 0px 1.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#585858;
    }

#content ul ul, #content ol ul, #content ul ul ul, #content ol ul ul
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#585858;
    }

#content ol
    {
    margin:0px 0px 0px 35px;
    padding:0px 0px 1.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#585858;
    }

#content ol ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#585858;
    list-style:lower-roman;
    }

#content ol ol ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#585858;
    list-style:lower-alpha;
    }

#content .multicolumncontent
    {
    margin:0px 0px 1.6em 0px;
    border-bottom:1px solid #585858;
    }

#content .cc_col
    {
    padding:0px 10px 0px 0px;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    border:none;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    border:none;
    clear:both;
    }

.imageleft img, .imageright img
    {
    border:none;
    }

.imagefull
    {
    display:block;
    margin:0px 0px 1.6em 0em;
    clear:both;
    border:none;
    }


/* Gallery images
--------------------------------------------------------------------------------*/

.gallery-single
    {
    }

.gellery-multiple
    {
    }

.gallery-icon-hidden
    {
    position:relative;
    height:55px;
    margin:0px 0px -55px 0px;
    z-index:2;
    background:url(/images/tep-image-rollover.png) 11px 11px no-repeat;
    display:none;
    }

.gallery-icon-revealed
    {
    position:relative;
    height:55px;
    margin:0px 0px -55px 0px;
    z-index:2;
    background:url(/images/tep-image-rollover.png) 11px 11px no-repeat;
    display:block;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html .gallery-icon-revealed
    {
    position:relative;
    height:55px;
    margin:0px 0px -55px 0px;
    z-index:2;
    background:url(/images/tep-image-rollover.gif) 11px 11px no-repeat;
    display:block;
    }


/* Products
--------------------------------------------------------------------------------*/

.product-cell
    {
    float:left;
    width:240px;
    height:264px;
    margin:0px 32px 16px 0px;
    padding:0px;
    color:#585858;
    }

.product-cell h5
    {
	display:block;
	margin:0px 0px 0.5625em 0px;
	padding:0px;
	font:bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#000000;
	background:none;
    }

.product-cell .image
    {    
    width:200px;
    height:154px;
    margin:0px 0px 8px 0px;
    padding:0px 19px;
    border:1px solid #585858;
    }


/* Sidepane
--------------------------------------------------------------------------------*/

#sidepane
	{
	float:left;
	width:244px;
	margin:0px 0px 0px 0px;
	padding:12px 15px 0px 15px;
	background:#ffeaab url(/images/tep-sub-sidepanebg.gif) repeat-x;
	}

#sidepane h5, #sidepane h6
    {
    padding:0px;
    background:none;
    }

#sidepane p
    {
    margin:0px 0px 0px 0px;
    padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	color:#d66a00;
	line-height:1.6em;
    }

#sidepane ul
    {
    margin:0px 0px 0px 35px;
    padding:0px 0px 1.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#d66a00;
    }

#sidepane ul ul, #sidepane ol ul, #sidepane ul ul ul, #sidepane ol ul ul
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#d66a00;
    }

#sidepane ol
    {
    margin:0px 0px 0px 35px;
    padding:0px 0px 1.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#d66a00;
    }

#sidepane ol ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#d66a00;
    list-style:lower-roman;
    }

#sidepane ol ol ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#d66a00;
    list-style:lower-alpha;
    }

#sidepane .imageleft
    {
    float:left;
    margin:0px 1em 0.8em 0px;
    border:none;
    }

#sidepane .imageright
    {
    float:right;
    margin:0px 0px 0.8em 1em;
    border:none;
    }

#contactinfo
    {    
    width:280px;
    margin:0px 0px 0em 0px;
    padding:0px 0px 0px 0px;
    }

#contactinfo-top
    {
    width:280px;
    height:6px;
    background:url(/images/tep-contact-top.gif) no-repeat;
    }

#contactinfo-main
    {
    width:260px;
    padding:0.6875em 1.6em;
    background:url(/images/tep-contact-main.gif) repeat-y;
    }

#contactinfo-bottom
    {
    width:280px;
    height:6px;
    background:url(/images/tep-contact-bottom.gif) no-repeat;
    }

#contactinfo p
    {
    padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
    }
    

/* Footer
--------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:854px;
    padding:1.6em 0px 10px 0px;
    }

#footer h4
    {
	margin:0px 0px 0.5625em 0px;
	padding:0px;
	font:bold 1em Arial, Helvetica, sans-serif;
	line-height:1em;
	color:#918f8f;
	}

#footer p
    {
    font:0.5625em Arial, Helvetica, sans-serif;
    line-height:1.6em;
    }

#footer ul
    {
    list-style:none;
    }

#footer li
    {
    float:left;
    }

#footer li a:link, #footer li a:visited
    {
    margin:0px 0.75em 0px 0em;
    padding:0px 0.75em 0px 0em;
    font:0.75em Arial, Helvetica, sans-serif;
    line-height:1.6em;
    border:none;
    border-right:1px solid #918f8f;
    }

#footer-left
    {    
    float:left;
    width:40%;
    }

#footer-right
    {
    float:right;
    width:49.5%;
    text-align:right;
    }

#footer a:link, #footer a:visited
	{
	color:#918f8f;
	text-decoration:none;
	border:none;
	}

#footer a:hover
	{ 
	color:#000000;
	background:none;
	border:none;
	}
	
#footer a:active
	{ 
	color:#000000;
	background:none;
	border:none;


/* Miscellaneous classes
--------------------------------------------------------------------------------*/