/* ---------- MAIN CONTENT FORMATTING ---------- */

body, /*body div,*/ body p, body th, body td, body li, body dd {
font-family: Arial, Verdana, Helvetica, sans-serif;
color:       #333333;
font-size:   medium;
}


body, /*body div,*/ body p, body th, body td, body li, body dd {
font-size:   small;
font-size:   medium;
}


a:link    { color: #4B2072; font-weight: normal; }
a:visited { color: #666666; font-weight: normal; }	
a:hover   { color: #714D91; font-weight: normal; }
a:active  { color: #4B2072; font-weight: normal; }


/* ---------- HOME PAGE CONTENT FORMATTING ---------- */

h1.home {
padding: 0px 0px 0px 0px;
margin:      0;
font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
color:       #000000;
font-size:   24px;
font-weight: bold;
}


h2.home {
padding: 0px 0px 0px 0px;
margin:       -5px 0px 0px 0px;
font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
color:       #000000;
font-size:   18px;
font-weight: bold;
font-style: italic; 
}


li.home {
list-style-image: url('../images/redcheck.gif');
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
padding-left: 0px;
font-weight: bold;
line-height: 22px;
}


li.TWShome {
list-style-image: url('../images/redcheck.gif');
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding-left: 0px;
font-weight: bold;
line-height: 16px;
}

li.TCHhome {
list-style-image: url('../images/redcheck.gif');
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
padding-left: 0px;
font-weight: bold;
line-height: 18px;
}



ul.home {
padding-left: 25px;
margin-left: 0px 
}


p.homecallout {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
color: #663399;
font-weight: bold;
}

.commercials {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #663399;
font-weight: bold;
text-align: center;
float: left;
}




/* ---------- BODY BACKGROUNDS ---------- */

body.bodybg {
margin:      0;
padding:     0 0px;
border:      none;
background: #663399;
background-image:url('../images/bg.jpg');
background-repeat:repeat-x;
text-align: center;
}



body.TWSbodybg {
margin:      0;
padding:     0 0px;
border:      none;
background: #b2b2b2;
background-image:url('../images/TWSbg.jpg');
background-repeat:repeat-x;
text-align: center;
}



/* ---------- BODY CONTAINERS ---------- */



/* ---- 2 Column Layout  .TACleftcolumn(195) + .TACbodycolumn(625)  
total width of page is 906 (3+20+195+10+1+20+625+20+3 [+ 9 extra] ) (padding and borders are added to width, they aren't included in it ---- */

/* ---- 3 Column Layout  .TACleftcolumn(195) + .TACcentercolumn(420) + .TACrightcolumn(195)  
total width of page is 906 (3+20+195+10+1+20+420+10+195+20+3 [+ 4 extra] ) (padding and borders are added to width, they aren't included in it ---- */

/* ---- 1 Column Layout  .TAConecolumn(850)   
total width of page is 906 (3+20+850+20+3 [+ 10 extra] ) (padding and borders are added to width, they aren't included in it ---- */

#container {
margin: 0 auto;
text-align: left;
width: 860px;
padding: 0px 20px 0px 20px;
background-color: #ffffff;
border-left: 3px solid #ECBB1E;
border-right: 3px solid #ECBB1E;
/* ----  this id sets up the white background, the yellow border and 20px margins on each side. the column classes below sit within this div. total width is 906 (860+20+20+3+3)  ---- */
  }
  
  
  
#TWScontainer {
margin: 0 auto;
text-align: left;
width: 860px;
padding: 0px 20px 0px 20px;
background-color: #ffffff;
border-left: 3px solid #6B478F;
border-right: 3px solid #6B478F;
/* ----  this id sets up the white background, the yellow border and 20px margins on each side. the column classes below sit within this div. total width is 906 (860+20+20+3+3)  ---- */
  } 


.TACleftcolumn { 
 float: left;
 margin: 0px;
 padding: 0px 10px 10px 0px;
 width: 195px;

}


.TACbodycolumn { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 20px;
 width: 625px;
 border-left: 1px solid #999999;
}

.TACcentercolumn { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 10px 20px;
 width: 420px;
  border-left: 1px solid #999999;
}

.TACrightcolumn { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 10px 0px;
 width: 195px;
}

.TAConecolumn { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 width: 850px;
}
  
.TACbodycolumnTotal
{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 860px;
}


.TACleftcolumn2 { 

 vertical-align:top;

 margin: 0px;

 padding: 0px 0px 0px 0px;

 width: 190px;

}

.TACcentercolumn2  
{
 vertical-align:top;
 
 margin: 0px 0px 0px 0px;

 padding: 0px 0px 0px 0px;

 width: 670px;
   border-left: 1px solid #999999;

}



.TACleftcolumn3 { 

 vertical-align:top;

 margin: 0px;

 padding: 0px 0px 0px 0px;

 width: 190px;

}

.TACcentercolumn3 { 

 vertical-align:top;
 
 margin: 0px 0px 0px 0px;

 padding: 0px 0px 0px 0px;

 width: 460px;
   border-left: 1px solid #999999;

}


.TACrightcolumn3 { 

vertical-align:top;

 margin: 0px 0px 0px 0px;

 padding: 0px 0px 0px 0px;

 width: 210px;

}  
  
.titles {
padding: 0px 0px 0px 0px;
margin:      0;
font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
color:       #000000;
font-size:   24px;
font-weight: bold;
}

/* ---------- TOP TABS ---------- */

.tabs {
padding-top: 21px;
padding-right: 30px;
}


#tab1
{
  display: block;
  float: left;
  width: 157px;
  height: 32px;
  padding-right: 10px;
  background: url("../images/tab_TAC.gif") no-repeat 0 0;
}

#tab1:hover
{ 
  background-position: 0 -32px;
}

#tab1 span
{
  display: none;
}

#tab1ON
{ 
  display: block;
  float: left;
  width: 157px;
  height: 32px;
  padding-right: 10px;
  background: url("../images/tab_TAC.gif") no-repeat 0 0;
  background-position: 0 -32px;
}

#tab1ON span
{
  display: none;
}


#tab2
{
  display: block;
  float: left;
  width: 160px;
  height: 32px;
  padding-right: 10px;
  background: url("../images/tab_Premium.gif") no-repeat 0 0;
}

#tab2:hover
{ 
  background-position: 0 -32px;
}

#tab2 span
{
  display: none;
}

#tab2ON
{
  display: block;
  float: left;
  width: 160px;
  height: 32px;
  padding-right: 10px;
  background: url("../images/tab_Premium.gif") no-repeat 0 0;
  background-position: 0 -32px;
}

#tab2ON span
{
  display: none;
}



#tab3
{
  display: block;
  float: left;
  width: 171px;
  height: 32px;
  padding-right: 10px;
  background: url("../images/tab_Commercial.gif") no-repeat 0 0;
}

#tab3:hover
{ 
  background-position: 0 -32px;
}

#tab3 span
{
  display: none;
}

#tab3ON
{
  display: block;
  float: left;
  width: 171px;
  height: 32px;
  padding-right: 10px;
  background: url("../images/tab_Commercial.gif") no-repeat 0 0;
  background-position: 0 -32px;
}

#tab3ON  span
{
  display: none;
}


#tab4
{
  display: block;
  float: left;
  width: 161px;
  height: 32px;
  padding-right: 10px;
  background: url("../images/tab_Furniture.gif") no-repeat 0 0;
}

#tab4:hover
{ 
  background-position: 0 -32px;
}

#tab4 span
{
  display: none;
}

#tab4ON
{
  display: block;
  float: left;
  width: 161px;
  height: 32px;
  padding-right: 10px;
  background: url("../images/tab_Furniture.gif") no-repeat 0 0;
  background-position: 0 -32px;
}

#tab4ON span
{
  display: none;
}



#tab5
{
  display: block;
  float: left;
  width: 153px;
  height: 32px;
  background: url("../images/tab_CoolingHeating.gif") no-repeat 0 0;
}

#tab5:hover
{ 
  background-position: 0 -32px;
}

#tab5 span
{
  display: none;
}

#tab5ON
{
  display: block;
  float: left;
  width: 153px;
  height: 32px;
  background: url("../images/tab_CoolingHeating.gif") no-repeat 0 0;
  background-position: 0 -32px;
}

#tab5ON span
{
  display: none;
}


/* ---------- HEADER STYLES ---------- */


.headerlogo {
float: left;
}


.phone {
text-align: right;
padding: 32px 0px 0px 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color:       #663399;
font-size:   18px;
font-weight: bold;

}

.tagline {
text-align: right;
padding: 0px 0px 15px 0px;
font-family: Times, Times New Roman, serif;
color:       #663399;
font-size:   27px;
font-style: italic;
}





/* ---------- MAIN NAVIGATION FOR ALL SITES EXCEPT TWS ---------- */





#nav {
display: block;
width: 860px;
float: left;
margin: 0px 0px 20px 0px;
padding: 0;
background-color: #000000;
}

#nav ul {
list-style: none;
width: 860px;
margin: 0 auto;
padding: 0; }

#nav li {
float: left; }

#nav li a {
display: block;
padding: 5px 17px;
color: White;
text-decoration: none;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-right: 1px solid #808080; }


#nav li a:hover {
color: #000;
background-color: #ECBB1E; }

#navactive a:link, #navactive a:visited, #navactive a:hover {
color: #000;
background-color: #ECBB1E; }





/* ---------- TWS MAIN NAVIGATION ---------- */

#TWSnav {
display: block;
width: 860px;
float: left;
margin: 0px 0px 20px 0px;
padding: 0;
background-color: #000000;
}

#TWSnav ul {
list-style: none;
width: 860px;
margin: 0 auto;
padding: 0; }

#TWSnav li {
float: left; }

#TWSnav li a {
display: block;
padding: 5px 17px;
color: White;
text-decoration: none;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-right: 1px solid #808080; }


#TWSnav li a:hover {
color: #000;
background-color: #ECBB1E; }

#TWSnavactive a:link, #TWSnavactive a:visited, #TWSnavactive a:hover {
color: #000;
background-color: #ECBB1E; }




/* ---------- LEFT NAVIGATION ---------- */


.TACleftnav {
font-size: 18px;
color: #663399;
padding: 0px 0px 5px 0px;
}




.TACleftnav a:link    { color: #663399; font-weight: normal;}
.TACleftnav a:visited { color: #663399; font-weight: normal;}	
.TACleftnav a:hover   { color: #663399; font-weight: normal;}
.TACleftnav a:active  { color: #663399; font-weight: normal;}


.TACopenbox {
font-size: 18px;
color: #ffffff;
background-image:url('../images/openbox.gif');
background-repeat:no-repeat;
padding: 0px 0px 5px 5px;
}

.TACopenbox a:link    { color: #ffffff; font-weight: normal; text-decoration: none;}
.TACopenbox a:visited { color: #ffffff; font-weight: normal; text-decoration: none;}	
.TACopenbox a:hover   { color: #ffffff; font-weight: normal; text-decoration: none;}
.TACopenbox a:active  { color: #ffffff; font-weight: normal; text-decoration: none;}


.TFCcatalog {
text-align: center;
font-size: 14px;
color: #BC0D0D;
background-image:url('../images/TFCcatalog.jpg');
background-repeat:no-repeat;
width: 195px;
padding: 27px 0px 5px 5px;
}






/* ---------- FOOTER ---------- */

 #TACfooter {
margin: 0 auto;
text-align: center;
width: 860px;
padding: 0px 20px 0px 20px;
background-color: #e4e4e4;
border-left: 3px solid #ECBB1E;
border-right: 3px solid #ECBB1E;
border-bottom: 2px solid #ECBB1E;
/* ----  total width is 906 (860+20+20+3+3)  ---- */
  } 

  
#TWSfooter {
margin: 0 auto;
text-align: center;
width: 860px;
padding: 0px 20px 0px 20px;
background-color: #e4e4e4;
border-left: 3px solid #6B478F;
border-right: 3px solid #6B478F;
border-bottom: 2px solid #6B478F;
/* ----  total width is 906 (860+20+20+3+3)  ---- */
  }  
  
  
#copyright { 
text-align: center;
padding: 10px 0px 15px 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color:       #ffffff;
font-size:   11px;
font-weight: normal;
}

#copyright a:link    { color: #ffffff; font-weight: normal; text-decoration: none;}
#copyright a:visited { color: #ffffff; font-weight: normal; text-decoration: none;}	
#copyright a:hover   { color: #eeeeee; font-weight: normal; text-decoration: none;}
#copyright a:active  { color: #ffffff; font-weight: normal; text-decoration: none;}

#TWScopyright { 
text-align: center;
padding: 10px 0px 15px 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color:       #333333;
font-size:   11px;
font-weight: normal;
}

#TWScopyright a:link    { color: #333333; font-weight: normal; text-decoration: none;}
#TWScopyright a:visited { color: #333333; font-weight: normal; text-decoration: none;}	
#TWScopyright a:hover   { color: #333333; font-weight: normal; text-decoration: none;}
#TWScopyright a:active  { color: #333333; font-weight: normal; text-decoration: none;}



.TAClogos { text-align:center; padding: 0px 0px 10px 0px;}
.TAClogos img {padding-left:10px; padding-right:10px; vertical-align:middle;}
.TAClogos ul {width: 860px; margin: 0px 0px 8px 0px; padding: 0;}
.TAClogos ul li {margin: 0; padding: 0; display: inline; list-style:none;}