﻿
* {
 padding: 0;
 margin: 0;
 font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
 font-size: 12px;
}

a {
 color: #0000FF;
}

body {
 color: #000000;
 font-size: 12px;
 background-color: #FFFFFF;
}

.clear {
 clear: both;
}

#content {
 width: 960px;
 margin: 0 auto;
 padding-bottom: 5px;
}

#header {
 margin: 0px 0px 0px 0px;
 height: 90px;
 text-align: center;
 width: 830px;
 float: right;
 background-image: url(images/gtBanner.jpg);
}
 
 
#headerleft {
 margin: 0px 0px 0px 0px;
 height: 116px;
 width: 130px;
 float: left;
 
 background-image: url(images/greenlogomay06.jpg);
}



#centercolumn { /* Parent Wrapper for inside boxes */
 margin: 0 0 0 0;
 color: #000000;
 font-size: 12px;
 padding: 0 0 0 0;
 width: 880px;
 float: right;
 display: inline;
 background-color: #FFFFFF;
}

#centercolumnsubcat { /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 width: 820px;
 float: left;
 background-color: #FFFFFF;
}

#centercolumnheader { 
 color: #000000;
 font-size: 14px;
 font-weight: bold;
 padding: 5px 10px 5px 10px;
 background-color: #FFFFFF;
}

#centercolumnmainsubcat {
 color: #000000;
 font-size: 12px;
 width: 800px;
 padding: 5px 10px 5px 10px;
 float: right;
}

#centercolumnmain {
 color: #000000;
 font-size: 12px;
 width: 860px;
 padding: 5px 10px 5px 10px;
 float: right;
}

#footer {
 background-color: #009f4f;
 color: #000000;
 margin: 0px 0px 5px 0px;
 padding-top: 4px;
 height: 20px;
 float: left;
 width: 958px;
 text-align: center; 
 border: solid 1px #000000;
}

#searchbox {
 color: #FFFFFF;
 font-size: 12px;
 float: right;
 padding: 60px 4px 0px 0px;
}

#searchbox .btn {
 margin-bottom: 1px;
 vertical-align: bottom;
}

#navbar {
 border: 1px solid #000000;
 /*border-width: 1px 1px 1px 1px;*/
 border-width: 0px 0px 0px 0px;
 z-index: 100;
 height: 26px;
 width: 725px;
 padding: 0px 103px 0 2px;
 background-color: #009f4f;
 float: right;
}

#menu, #menu ul {
 position: absolute;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#menu a, #menu a:visited
{
 border: 1px solid #000000;
 /*border-width: 0px 0px 1px 1px;*/
 border-width: 1px 0px 1px 1px;
 color: #000000;
 display: block;
 font-size: 11px;
 height: 24px;
 line-height: 23px;
 padding-right: 10px;
 text-align: center;
 text-decoration: none;
 text-indent: 5px;
 width: 110px;
}

#menu li ul li a, #menu li ul li a:visited
{
  border-width: 1px 1px 0px 1px;
}

#menu li a.enclose, #menu li a.enclose:visited
{
 border-width: 0px 1px 1px 1px;
}

#menu li a.enclose2, #menu li a.enclose2:visited
{
 border-width: 0px 1px 0px 1px;
}

#menu li a.enclose3, #menu li a.enclose3:visited
{
 border-width: 1px 1px 1px 1px;
}

#menu li
{
 background-color: #009f4f;
 float: left;
}

#menu li:hover
{
 position: relative;
}

#menu li:hover > a
{
 background: #33af5f;
 color: #FFFFFF;
}

#menu li ul
{
 display: none;
}

#menu li:hover > ul
{
 display: block;
 left: 80px;
 padding: 10px 30px 30px 30px;
 position: absolute;
 top: -11px;
 width: 110px;
}

#menu > li:hover > ul
{
 left: -30px;
 top: 16px;
}

#menu table
{
 border-collapse: collapse;
 font-size: 1em;
 left: 0;
 position: absolute;
 top: 0;
 z-index: 100;
}

* html #menu li a:hover
{
 background: #009f4f;
 color: #FFFFFF;
 position: relative;
}

#menu li a:active, #pmenu li a:focus
{
 background: #009f4f;
 color: #FFFFFF;
}

#menu li.fly
{
 background-color: #009f4f;
}

#menu li.drop
{
 background-color: #009f4f;
}

* html #menu li ul
{
 display: block;
 left: 80px;
 padding: 10px 30px 30px 30px;
 position: absolute;
 top: -11px;
 visibility: hidden;
}

#menu li a:hover ul ul
{
 visibility: hidden;
}

#menu li a:hover ul a:hover ul ul
{
 visibility: hidden;
}

#menu li a:hover ul a:hover ul a:hover ul ul
{
 visibility: hidden;
}

#menu li a:hover ul a:hover ul a:hover ul a:hover ul ul
{
 visibility: hidden;
}

#menu li a:hover ul
{
 left: -31px;
 left: -30px;
 top: 15px;
 top: 14px;
 visibility: visible;
}

#menu li a:hover ul a:hover ul
{
 left: 80px;
 top: -11px;
 visibility: visible;
}

#menu li a:hover ul a:hover ul a:hover ul
{
 visibility: visible;
}

#menu li a:hover ul a:hover ul a:hover ul a:hover ul
{
 visibility: visible;
}

#menu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul
{
 visibility: visible;
}

#thumbs {
 width: 78px;
 text-align: center;
 background-color: #FFFFFF;
 border-right: solid 1px #000000;
 border-left: solid 1px #000000;
 float: left;
 height: 462px;
 padding-top: 10px;
 
}

.thumb {
 border: none;
 height: 40px;
 padding-top: 4px; 
}

#thumbs a {
 color: #000000;
 font-size: 10px;
 text-decoration: none;
}

#thumbs a:hover {
 color: #AAAAAA;
}

#picbar {
 padding: 10px 0px 0px 0px;
 width: 830px;
}

.mapLogo {
 float: left;
 
}
.MissionLogo {
 background-position :center;
}
#mapLogo {
 float: left;
 font-weight: bold;
 font-size: 12px;
 padding: 10px 30px 0px 10px;
 width: 390px;
 text-align: center;
}

#map { 	
 padding: 10px 0px 0px 0px;
}

#map img {
 border: none;
}

#search {
 border: 1px solid #000000;
 height: 300px;
 margin: 0px 60px 0px 60px;
 width: 740px;
}

#result {
 border: 1px solid #000000;
 height: auto;
 margin: 0px 60px 0px 60px;
 width: 740px;
}

.greenrow {
 background-color: #009f4f;
 color: #FFFFFF;
 height: 18px;
 text-align: left;
 padding-left: 3px;
 width: auto;
}

.label {
 float: left;
 height: 25px;
 margin-left: 100px;	
 width: 200px;
}

.textbox {
 float: right;
 height: 25px;
 width: 440px;
}

.button {
 margin-left: 300px;
}

.resultnavPrev {
 float: left;
 text-align: right;
 width: 280px;
}

.resultnavCurr {
 float: left;
 text-align: center;
 width: 180px;
}

.resultnavNext {
 float: left;
 text-align: left;
 width: 280px;
}

.resultnavPrev a, .resultnavNext a {
 color: #0000FF;
}

#resultcount {
 float: right;
 margin-right: 5px;
}

#resultheader {
 float: left;
}

.fabricimg {
 height: 140px;
 width: 175px;	
}

.tableheader {
 font-weight: bold;
 width: 120px;
}

#BackToFabricFinder {
 color: #0000FF;
 font-size: larger;
}

#complimentaryclose {
 padding: 30px 250px 0 0;
 width: 125px;
 float: right;
}

#letterbody {
 padding: 0 50px 0 50px;
 float: left;
}

#pagetitle {
 font-size: x-large;
}
#coretitle
{
    font-size:xx-large ;
    font-weight :bold;
    text-decoration :'underline';
}
#missiontitle
{
    font-size:xx-large ;
    font-weight :bold ;
    text-decoration :'underline';
}

.circleimage a {
 color: #000000;
}

.circleimage a:hover {
 color: #AAAAAA;
}

.circleimage {
 text-align: center;
 float: left;
 width: 160px;
 height: 170px;
}

#circleimages {
 width: 100%;
}

.pageimg {
 border: none;
 margin-right: 5px;
 margin-left: 5px;
}

.pageimg2 {
 border: none;
 margin-right: 5px;
 margin-left: 5px;
 width: 225px;
}

.pagetext {
 padding: 30px 40px 20px 40px;	
}

.pagetext2 {
 padding-top: 15px;	
 padding-bottom: 20px;	
 margin-right: 4%;
 margin-left: 4%;
}

.pagetext p, .pagetext2 p {
 font-size: 14px;
}

#subcats, #cats {
 padding-top: 10px;
 width: 140px;
 text-align: center;
 background-color: #FFFFFF;
 float: left;
 display: inline;
}

.subcatlinks, .catlinks {
 background-image: url(images/button2.jpg);
 background-repeat: no-repeat;
 width: 120px;
 height: 30px;
 text-align: center;
 padding-top: 7px;
}

.subcatlinks:hover, .catlinks:hover {
 background-image: url(images/button2down.jpg);
 background-repeat: no-repeat;
 margin-left: 3px;
 color: #444444;
 cursor:pointer;
}

a .subcatlinks, a .catlinks {
 text-decoration: none;
 font-weight:bold;
 color: #000000;
}

#fullpagecolumn {
 width: 100%;
 min-height: 400px;
}

#loginform {
 
}

#login {
 border: 1px solid #000000;
 height: 200px;
 margin-left: 60px;
 width: 400px;
}

.loginitem {

}

.ResultsView1 {
 width: 900px;
}

.ResultsView1 .fabricimg {
 float: left;
 width: 400px;
 height: auto;
}

.ResultsView1 table {
 float: right;
 width: 400px;
}

.ResultsView1 table tr td {
 width: 200px;
}

.ResultsView2 {
 width: 450px;
 margin-left: 25px;
}

.ResultsView2 .fabricimg {
 float: left;
 width: 200px;
 height: auto;
}

.ResultsView2 table {
 float: right;
 width: 250px;
}

.ResultsView2 table tr td {
 width: 125px;
}

.ResultsView3 {
 width: 300px;
 margin: 0px 5px 0px 5px;
}

.ResultsView3 .fabricimg {
 float: left;
 width: 130px;
 height: auto;
}

.ResultsView3 table {
 float: right;
 width: 180px;
}

.ResultsView3 table tr td {
 width: 90px;
}

.ResultsView3 * {
 font-size: 10px;
}

.wizardstep, .contactusstep, .commentstep {
 width: 635px;
 height: 416px;
 padding: 0px 40px 0px 40px;
 float: left;
 /* background-color: Green ; */
}
.contactusheader
{
 width: 515px;
 height: 416px;
 padding: 40px 100px 0px 100px;
 float: left;
 /*background-color: Blue ; */
}

.ContactUsAddressLiterals
{ background-color: Red;
    float:left;
    width: 100px;
    /*height: 316px;*/
    padding: 0px,0px,0px,0px;
}

.ContactUsAddressValues
{
    float: right;
    width: 415px;
    /*height: 316px;*/
    padding: 0px,0px,0px,0px;
 background-color: Gray ;
}
.wizardBorderLeft {
 background-image: url(images/stringBorder.gif);
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 height: 416px;
 float: left;
 width: 120px;
}

.wizardBorderRight {
 background-image: url(images/stringBorder.gif);
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 float: right;
 height: 416px;
 width: 120px;
}





#wizardButtons1, #wizardButtons2, #wizardButtons3 {
 border-bottom: solid 1px #000000;
 height: 30px;
 float: left;
 width: 716px;
 text-align: center;
}

#wizardButtons1Left {
 background-image: url(images/stringBorder.gif);
 background-position: top left;
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 border-bottom: solid 1px #000000;
 float: left;
 height: 30px;
 width: 120px;
}

#wizardButtons1Right {
 background-image: url(images/stringBorder.gif);
 background-position: top left;
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 border-bottom: solid 1px #000000;
 float: right;
 height: 30px;
 width: 120px;
}

.whiterow {
 border-right: solid 1px #000000;
 border-left: solid 1px #000000;
 border-bottom: solid 1px #000000;
 padding: 10px 163px 20px 163px;
 }
 
 .clearrow100 {
 padding: 5px 430px 5px 430px;
}

.clearrow860 {
 padding: 5px 50px 5px 50px;
}

#SearchBox2, #ContactUs, #ContactUsThankYou, #Comments {
 padding: 5px 0px 0px 0px;
}

.floatright {
 float: right;
}

.floatleft {
 float: left;
}

.next {
 float: right;
}

.prev {
 float: left;
}

.hide {
 display: none;
}

.show {
 display: block;
}

.errorline, .instructionline {
 height: 70px;	
 font-size: large;
 color: #FF0000;
}	

.helplbtn {
 float: right;
}

.wizardFabricCategories {
 border-right: solid 1px #000000;
 float: left;
 width: 140px;
 height: 310px;
 /*background-color: Lime;*/
}

#wizSearch_CheckBoxListAttributes tr *, #wizSearch_CheckBoxListCuttableWidths tr * {
 padding-right: 20px;
}

.wizardFabricSubCategories, .wizardFabricFibers, .wizardFabricStructures {
 border-right: solid 1px #000000;
 float: left;
 padding-left: 10px;
 width: 235px;
 height: 310px;
 /*background-color: Yellow;*/
}

.wizardSelectedFabricSubCategories, .wizardSelectedFabricFibers, .wizardSelectedFabricStructures {
 float: left;
 padding-left: 10px;
 width: 235px;
 height: 310px;
/* background-color: Olive;*/
}

#ListBoxSubCategories, #ListBoxSelectedSubCategories, #ListBoxFibers, #ListBoxSelectedFibers, #ListBoxStructures, #ListBoxSelectedStructures {
}

.wizardFabricCategoriesSubCategories {
 border-bottom: solid 1px #000000;
}

.wizardSpecialtyFabricSubCategories {
}

.wizardHeader {
 font-size: larger;
 font-weight: bold;
}

.wizardButton {
 width: 130px;
}

#CheckBoxListCuttableWidths * td, #CheckBoxListSpecialty * td {
 width: 210px;
}

.styledetailimg {
 width: 400px;
 height: 400px;
 float: left;
 padding-right: 20px;
 padding-left: 40px;
 padding-top: 10px;
 /*background-color: Aqua;*/
}

.styledetailtable {
 width: 400px;
 height: 450px;
 float: right;
 padding-right: 80px;
 padding-left: 20px;
 padding-top: 40px;
 /*background-color: Fuchsia;*/
}

.styledetailthumbs {
 width: 300px;
 height: 100px;
 float: left;
 padding-right: 70px;
 padding-left: 90px;
 padding-top: 5px;
 padding-bottom: 5px;
 display: block;
 /*background-color: Lime;*/
}

.center {
 text-align: center;
}
.missionheading
{
    font-size: 40px;
    font-family:Microsoft Sans Serif  ;    
}
.tat a:hover {
 color: #000000;	
}

.wizbuttons_contactus 
{
width: 75px;
}


.wizardBusinessTypes {
 border-right: solid 1px #000000;
 float: left;
 width: 140px;
 /*height: 310px;*/
 /*background-color: Blue;*/
}

.reviewstep 
{
 border-left: solid 80px #FFFFFF;	
 border-right: solid 80px #FFFFFF;
 width: 800px;
 padding: 0px 0px 0px 0px;
 float: left;
  /*background-color: Lime; */
}
.contactreviewstep 
{
 border-left: solid 1px #FFFFFF;	
 border-right: solid 1px #FFFFFF;
 width: 958px;
 height: 416px;
 padding: 0px 0px 0px 0px;
 float: left;
 /*background-color: Lime; */
}
.contactusreview
{
	width: 750px;
	padding: 10px;
	margin: 5px;
}
#tblReviewResults 
{
	width: 635px;
   
}

.tblEntry /* controls the width of the Contact Us Review table ENTRY field */
{
    width: 120px;
/*	padding: 5px;
   	margin: 5px;  
*/   
}

.tblValue /* controls the width of the Contact Us Review table VALUE field */ 
{  
    width: 515px;
/*	padding: 5px;
   	margin: 5px;     
*/
}


#contactusreviewbutton {
 border-bottom: solid 1px #000000;
 height: 30px;
 float: left;
 width: 960px;
 text-align: center;
}
.greenborderLeft {
 background-image: url(images/stringBorder.gif);
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 height: 1100px;
 float: left;
 width: 120px;
}


.greenborderRight {
 background-image: url(images/stringBorder.gif);
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 float: right;
 height: 1100px;
 width: 120px;
}

.businessborderLeft {
 background-image: url(images/stringBorder.gif);
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 height: 950px;
 float: left;
 width: 120px;
}


.businessborderRight {
 background-image: url(images/stringBorder.gif);
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 float: right;
 height: 950px;
 width: 120px;
}


.emailborderLeft {
 background-image: url(images/stringBorder.gif);
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 height: 1000px;
 float: left;
 width: 120px;
}


.emailborderRight {
 background-image: url(images/stringBorder.gif);
 border-left: solid 1px #000000;
 border-right: solid 1px #000000;
 float: right;
 height: 1000px;
 width: 120px;
}


