/* SAMPLE DIVIDER
========================================== */

body{
	background: #fff;
	color: black;
	/*background: url(../art/backgrounds/lightDiagBars.png);*/
	border: 0px;
	margin-left: 10px;
	margin-top: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	}


div#container{
	background: inherit;
	color: inherit;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;}

div#header{
	margin-top: 0px;}

/*
div#headerNav{
background: #979CC7;
height: 20px;
margin-bottom: 5px;
clear: both;}
*/

div#content{
	width: 700px;
	overflow: hidden;}

div#sidebar{
	background: #dde;
	color: inherit;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1015px;
	margin-bottom: -1000px;
	width: 180px;
	float: left;}


div#story{
	background: inherit;
	color: inherit;
	margin-left: 230px;
	width: 450px;
	/*
padding-bottom: 1015px;
	margin-bottom: -1000px;
*/
	}

div#welcome{
	margin-left: 150px;
	width: 400px;}

div#form{
	margin-left: 100px;
	width: 500px;
	}

div#quoteForm{
	margin-left: 0px;
	width: 100%;
	}


div.section{
	border: 1px #999  solid;
	margin-bottom: 25px;
	}

div.sectionLast{
	border: 1px #999  solid;
	margin-bottom: 0px;
	}

div.sectionLastAddendum{  	/*This is the SPECIAL case*/
	border: 1px #999  solid;
	margin-top: 25px;
	margin-bottom: 0px;
	}

div.sectionResults{
	margin-bottom: 0px;
	}

div#map {
	border: 2px #000  solid;
	height: 400px;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: inherit;
	height: 550px;
	text-align: left; 	/*Used to set the text aligment of the 'info bubble'*/
	}
	
.descriptor {
	text-align: left;
	}
	
div#mapBox {
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: inherit;
	text-align: center; 	/*Is this cheating a bit?*/
	}

div#mapLinks {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;  	/*Is this cheating a bit?*/
	width: inherit;
	}

.OKbuttons{
	padding-top: 7px;
	padding-bottom: 7px;  	/*space below rule*/
	float: left;  			/*so 'pageLinks' don't wrap*/
	}

div.OKbuttonsCleared{
	padding-top: 10px;
	padding-bottom: 10px;  	/*space below rule*/
	}

div#footerNav{
	margin-top: 5px;		/*space above rule*/
	padding-top: 10px;		/*space below rule*/
	border-top: #666 1px solid;
	clear: both;
	}

div#disclaimer{
	background: inherit;
	font-size: 9px;
	line-height: 10px;
	color: #666;
	margin-top: 25px;   	/*space above rule*/
	padding-top: 5px;		/*space below rule*/
	border-top: #666 1px solid;
	}



div.daLinks{
	padding-top: 12px;
	padding-right: 50px;
	float: right;
	}

div.pageLinks{
	padding-top: 12px;
	padding-right: 50px;
	float: right;
	}
	
div.forSaleLink{ 
	background-color: #ddd;
	margin-top: 15px;
	padding: 10px 0px 10px 0px; /*top right bottom left*/
	text-align: center;
	} 


a.pageLinkItems{
	padding: 0px;
	}	

p{ 
	margin: 0px;
	padding: 10px 0px 0px 0px; 	/*top right bottom left*/
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	} 
	
em{
	background: inherit;
	font-weight: bold;
	color: #A00000;
	}

div#footnote{
	clear: left;
	padding-bottom: 5px;
	font-style: oblique;
	}
/*
.content{
background-color: white;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
*/

div#NavBar{
	height: 14px;
	clear: both;
	background: #979CC7;
	color: inherit;
	margin-bottom: 5px; 	/*top right bottom left*/
	padding: 3px 5px 3px 5px;
	font-size: 10px; 
	font-weight: bold; 
	text-transform: uppercase;
	}


a{	/*link visited hover active*/
	font-size: 10px; 
	margin: 0px;
	padding: 2px 5px 2px 5px;
	}
	



a:link{  		/*link visited hover active*/
	background: inherit;
	color: black;
	text-decoration:none;
	}

a:visited {
	background: inherit;
	color: black;
	text-decoration:none;
	}

a:hover {
	background: inherit;
	color: #ff0000;
	}


a:active {
	background: inherit;
	color:blue;
	text-decoration: none;
	}

a.forSaleLink{
	font-size: 14px;
	font-weight: bold;
	}
	
a.prepressLink{ 		/*removes leading space and add underline to link*/
	font-size: 10px;
	padding: 0px;
	text-decoration: underline;
	
	}

/*creates a rule that only takes effect when class="xx" is contained within body id="xx"*/

#index .index, #contact .contact, #prepress .prepress, #quote .quote, #teamTabco .teamTabco, #technologies .technologies, #login .login {
	background: #404480;
	color: white;
	}


#LHHeaderGraphic{
	margin-bottom: 5px;
	float: left;
	}

#RHHeaderGraphic{
	margin-bottom: 5px;
	float: right;
	}


h1{ 
	background: inherit;
	color: #999999;
	margin: 0px;
	font-family: Verdana, Arial, sans-serif; 
	padding: 0px 0px 10px 0px; 		/*top right bottom left*/
	font-size: 16px;  
	
	} 

h1#pageTitle{ 
	background: inherit;
	font-family: Verdana, Arial, sans-serif; 
	padding: 10px 0px 10px 0px; 	/*top right bottom left*/
	font-size: 14px;  
	color: #333;
	} 


h2{ 
	background: inherit;
	margin: 0px;
	padding: 10px 2px 2px 0px; 		/*top right bottom left*/
	font-size: 14px; 
	color: #333;
	text-align: left;
	} 

h2.sectionLabel{ 
	background: #999;
	padding: 2px 2px 2px 10px; /*top right bottom left*/
	margin: 2px;
	font-size: 12px; 
	color: #fff;
	text-align: left;
	} 

h2.content{ 
	padding-top: 10px; /*top right bottom left*/
	margin: 2px;
	text-align: left;
	} 


h3{
	background: inherit;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px; /*top right bottom left*/ 
	color: black;
	font-size: 12px;
	text-align: left;
	} 

h3.errorMsg{
	background: inherit;
	color: red;
	padding: 0px 0px 0px 0px; /* top right bottom left */ 
	}

h3.welcomeMsg{
	background: inherit;
	color: #666666;
	padding: 10px 0px 10px 0px; /*top right bottom left*/ 
	}

h3#quoteThankYou{
	clear: both;
	}

.bold{
	font-weight: bold;
	}


.LHLabel{ 

	background: #DDDDEE;
	color: inherit;
	width: 180px;
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
	padding: 3px 10px 3px 3px; /*top right bottom left*/
	} 


.obsolete{ 
background: inherit;
	font-weight: bold;
	font-size: 24px;  
	color: #FF0000;
	} 	

table{
	/*
background: inherit;
	color: inherit;
*/
	}

tbody{}

table.resultsTable{
	color: inherit;
	background: white;
	width: 100%;
	}
	
td{
	/*
color: inherit;
	background: white;
*/
	}

td.resultsHeader{
	background: #979cc7;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	}	

td.TabcoResultsHeader{
	background: #999999;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	}	

td.CustomerResultsHeader{
	background: #979cc7;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	}	


td.resultsData{
	text-align: center;
	text-transform: capitalize;
	}	


/*----------  Nested Tables ------------*/

table.nestedTable{
	background: #979cc7;
	color: inherit;
	width: 300px;
	}

table.nestedTable2{
	background: #979cc7;
	color: inherit;
	width: 200px;
	}

table.nestedTable4{
	background: #979cc7;
	color: inherit;
	width: 400px;
	}

table.nestedTable475{
	background: #979cc7;
	color: inherit;
	width: 475px;
	}

td.nestedTableHeader{
	background: #dde;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	}	

td.nestedTableData{
	background: white;
	color: inherit;
	text-align: center;
	}	


/*----------  Nested Tables for 'RMA' ------------*/

td.nestedTableHeaderRMA{
	background: #dde;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	color: #333;
	}	

td.nestedTableDataRMA{
	background: white;
	color: inherit;
	text-align: left;
	}


/*----------  Nested Tables for 'Survey' ------------*/

table.nestedTableSurvey{
	background: #fff;
	color: inherit;
	width: 400px;
	}


td.nestedTableTopHeaderSurvey {
	background: #C1AD98;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-weight: normal;
	}

td.nestedTableLeftHeaderSurvey{
	background: #C1AD98;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
	font-weight: normal;
	}
	
td.nestedTableDataSurvey{
	background: #ECE4DC;
	color: inherit;
	text-align: center;
	width: 50px;
	}



table.TabcoNestedTableSurvey{
	background: #fff;
	color: inherit;
	width: 700px;
	}	

td.TabcoNestedTableLeftHeaderSurvey{
	background: #C1AD98;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
	width: 150px;
	}

td.TabcoNestedTableDataSurvey{
	background: #ECE4DC;
	color: inherit;
	text-align: left;
	
	}

td{ 
	font-family: verdana, sans-serif; 
	min-height: 18px;
	font-size: 10px; 
	line-height: 15px;
	background: inherit;
	color: black;
	} 
	
#upload{
	float: right;
	margin-right: 0px;
	}


th{ 
	background: inherit;
	font-family: verdana, sans-serif; 
	font-size: 10px; 
	line-height: 15px;
	font-weight: bold;
	color: black;
	} 


ul{ 
text-align: left;
	/*padding-left: 25px;*/
	} 

li{ 
	font-size: 10px; 
	line-height: 15px;
	text-align: left;
	} 


.sidebar{
	font-size: 10px;
	padding: 0px;
	background: #DDDDEE;
	color: inherit;
	vertical-align: top;
	text-align: right;
	width: 200px;
	}

.contentPanel{
	vertical-align: top;
	}


.Navigation{
	background: inherit;
	padding-bottom: 10px;
	font-family: verdana,sans-serif; 
	font-size: 10px; 
	line-height: 15px;
	/*font-weight:500;*/
	text-align: center; 
	color: black;
	text-transform: uppercase;
	text-decoration:none;
	}


.Copyright{
	background: inherit;
	padding-bottom: 10px;
	font-family: verdana,sans-serif; 
	font-size: 10px; 
	text-align: center; 
	color: #666666;
	}



/*----------  Image ID's and Classes ------------*/

img {
	border: none; /* Fixes border being displayed around graphics in Windows. */
	}

img#getAcrobat {
	padding: 15px 0px 0px 15px; /*top right bottom left*/
	}

img.fmpPreview {
	width: 250px; /*IE v6 Doesn't like percentage*/
	}

#product{
	/*
padding: 0px;
	margin-right: 0px;
*/
	}

.collage{
	/*border: 1px #666 solid;*/
	clear: both;
	margin-left: auto;
	margin-right: auto;
	}	


.storefront{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	}

.LHHeaderGraphic{
	float: left;
	}

.RHHeaderGraphic{
	float: right;
	}


.Thumbnail{
	float: none;
	clear: right;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 0px;
	}

.slider{
	/*float: none;*/
	/*clear: left;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	}
	
.forSale{
	/*float: none;*/
	/*clear: left;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	}