﻿body
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
    COLOR: #666666;
	margin: 0px;
/*	padding: 0px; 
*/
	background-color:#E3DFD8;
	text-align: left;
	vertical-align:top;		
}

.bodyText
{
    COLOR: #666666;
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
}
p.bodyIntro
{
    COLOR: #666666;
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
    width: 700px;
	margin: 0px;
	padding: 0px; 
	text-align: left;	
    
}
.bodyTextSmall
{
    COLOR: #666666;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
}

.h1
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 15pt;
    FONT-WEIGHT: bold;
}
/*
.redPrices
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
}
*/
.navLinks
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    text-decoration: none;
}
.topNav
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
}
.doorTitles
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
}
.startingAt
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    font-style:italic; 
}
.prices
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 18pt;
    FONT-WEIGHT: bold;
}
.bottomNavTitle
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
}
.bottomNav
{
    COLOR: #999999;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    text-decoration: none;
}
.phoneOrders
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    width:100%;    
}
.storeLinks
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    width:100%;
}

a:link 
{ 
	color: #666666;
	text-decoration: none;
}

a:visited 
{ 
	color: #666666;
	text-decoration: none;
}
a:hover 
{ 
	color: #000000;
	text-decoration: underline;
}
a:active 
{ 
	color: #666666;
}

.navTitle, .skuName, .pageTitle, .skuDesc
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
}

.navTitleSpecials
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    vertical-align:middle; 
    /*
    text-align: left;
    */
    
}



td.pageTitle
{
	height:40px;
}
td.pageTitle
{
	width:768px; 
	border: 1px solid black;	
}

span.pageTitle
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;

/* added from breadcrumbs, when breadcrumbs removed from Help etc pages */
vertical-align:bottom;
margin:1px 1px 1px 1px; 
}




a.navTitle
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
}
a.navTitle:link 
{ 

	text-decoration: none;
}

a.navTitle:visited 
{ 

	text-decoration: none;
}
a.navTitle:hover 
{ 
	color: #000000;
	text-decoration: none;
}
a.navTitle:active 
{ 

}

/* 
	These are debug border classes. Have some fun with these you mofo.
*/	
.bb
{
	border: thin solid black;
}
.rb
{
	border: thin solid red;
}
.gb
{
	border: thin solid green;
}

.yb
{
	border: thin solid yellow ;
}
.pb
{
	border: thin solid purple;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

/* All here added post prototype */
img.aag_img 
{
	border: none;	
}

table.aag
{
/*	border: thin solid black;  
	border-collapse: collapse;
	margin: 1px; 
*/		
	width: 100%;

}

td.aag_td 
{
	border: none;
/*	border: thin dotted red;
*/
	text-align: center;
	margin: 1px; 
}
td.aag_td_txt
{
	border: none;
/*	border: thin dashed blue
*/
	text-align: center;
	margin: 1px; 
}


table.breadcrumbs
{
	width: 100%; 
	height: 26px; 
	margin: 1px; 
	border-collapse: collapse;
}

td.breadcrumbs
{
	width:652px; 
	height:26px; 
	vertical-align:middle;
    font-size: 8pt;
}

td.prev
{
	width:67px;  
	height:26px; 
	vertical-align:middle; 
	text-align:left;
}
td.next
{
	width:45px;  
	height:26px; 
	vertical-align:middle; 
	text-align:right;
}
.dbg
{
	text-align: left;
	border: none;
	border: thin solid green;
    COLOR: red;
    FONT-SIZE: 11pt;
    FONT-FAMILY: Monospaced;
}

a.navTitle:link 
{ 

	text-decoration: none;
}

a.navTitle:visited 
{ 

	text-decoration: none;
}
a.navTitle:hover 
{ 
	color: #000000;
	text-decoration: none;
}
a.navTitle:active 

table.container
{
/*
	width: 968px; 
	background-color:#FFFFFF;
	padding: 0px; 
	margin: 0px; 
	border-spacing: 0px; 
	border-collapse: collapse;
*/
}

table.header_masthead{
	width:100%; 
	height:33px; 
	margin-bottom:0px;
}

table.parent_td_1 {}
table.parent_td_2 {}
table.parent_td_3 {}
table.parent_td_4 {}



.prod_detail, .prod_detail_1, .prod_detail_2
{
    FONT-SIZE: 9pt;    
	border: thin solid  #666666;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;	
	COLOR: #666666;
}

p.prod_section_intro
{
    FONT-SIZE: 12pt;    
    FONT-FAMILY: Arial;
    COLOR: #666666;
	/* 
	Lets see what all CAPS looks like
	*/
	text-transform: uppercase;
	/* 
	Try to capitalize first letter of each word
	text-transform: capitalize;    
	*/
}

span.prod_detail
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
}


table.sku
{
    border-color: #666666;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    FONT-SIZE: 9pt;    
}

td.sku
{
    border-color: #666666;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFC;
}

.helpTitle
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
	
    COLOR: #A6312B;
}

.helpSectionX
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
	vertical-align:middle;
    COLOR: #666666;
}

/*
	All these for SKU production text. These are embedded in each SKU.
*/
table.pdtb 
{
	width: 600px;
/*
	border: thin solid #666666;	
	border-collapse: collapse;    
*/	
    FONT-SIZE: 9pt;    
	vertical-align: top; 
	text-align: left;
}
tr.pdtr_1 
{

	vertical-align: top;	
	padding: 2px;	
}

td.pdtd_1 
{
	width:196px;
	font-weight: bold; 
    margin: 2px;
    padding: 2px;
	vertical-align: top;
	text-align: left;			
}
td.pdtd_2 
{
	width:396px;
    margin: 2px;
    padding: 2px;
	vertical-align: top;
	text-align: left;		
}
td.pdtd_3
{
	width: 0px;
	visibility:hidden;
	border: none;		
    margin: 0px;
    padding: 0px;
}

p.pdp
{
	width: 600px;
    FONT-FAMILY: Arial;
    COLOR: #666666;
    FONT-WEIGHT: bold;    
	/* 
	Lets see what all CAPS looks like
	*/
	text-transform: uppercase;
	/* 
	Try to capitalize first letter of each word
	text-transform: capitalize;    
	*/
    margin: 0 0 0 0 ;
    padding: 5px 0 0 0;
	
}
.helpSection, .helpSectionTitle, .helpSectionText
{
    width: 700px;
	text-align: left;
}

.helpSectionTitle
{
    font-weight: bold;    
}
.helpSectionText
{
	text-align: justify;    
}
.ourPriceLabel
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    width:100px;
}
.ourPrice
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
}
.listPrice
{
}
.youSave
{
    COLOR: #A6312B;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
}

/* 
	Used for REAL pix and other stuff. Don't touch.
*/	
.imgbb
{
	border: 1px black;
}


td.sectionTitle {
	height: 40px; 
	vertical-align: middle;
	width: 768px; 
	margin: 1px;	
    color: #A6312B;
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
}

page_content_start {
	min-height: 1000px; 
	height: auto !important; 
	height: 250px;
}

content_tr_breadcrumbs {
	height: 26px;
}
content_tr_section_title {
	height: 40px;
}
content_tr_links {
	height: 99px;
}
content_tr_footer {
	height: 99px;
}


ct_tbl {
	width: 400px;
}
ct_tr {
	vertical-align: top;
}
ct_td_1 {
	width: 300px;
}
ct_td_1 {
	width: 100px;
}
/*
	Glossary v1.00
*/

.gloss_tab, .gloss_td1, .gloss_td2
{
	font-size: 9pt;
	border-color: #ccc;
	border-width: 1px 1px 1px 1px;
	border-style: solid; 
	margin: 4px;
	padding: 4px; 
    vertical-align: top;

}	
.gloss_tab {border-collapse: collapse;}
.gloss_td1 {border-width: 0px 1px 1px 0px;}
.gloss_td2 {border-width: 0px 0px 1px 0px;}

/*
	AAG update v1.01
*/
table.aag_tab, td.aaf_td_img2, td.aag_td_txt2
{
	font-size: 9pt;
	border-color: #ccc;
	margin: 4px;
	padding: 4px; 
    vertical-align: top;
}	
/* .aag_tab {border-collapse: collapse;} */
.aag_tr {text-align: left; vertical-align:top;}
.aag_td_img2 {border-width: 1px 1px 1px 1px;}
.aag_td_txt2 {
	border-width: 0px 0px 1px 0px; 
	text-align: center;
}

/* for new row*/

/* Site Map Links */
.SiteLinks {
	float:  left;
	width:  770px;
	margin: 100px 0px 0px 0px;
	text-align: left;
}

.SiteLinks tr {
	margin: 100px 0px 0px 0px;
	background-image: url("images/bottomNavBackground.jpg");
	vertical-align: top;
	background-repeat: repeat-x;
}

/* Footer */

.footer {
	width: 100%;
	clear: both;
	text-align: center;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: center 0px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;



}
	
ul.sku
{
	padding:0;
	padding-left:20px;	
	margin:0;
	list-style-type: disc;	
}