/***********************************************************
global style sheet for site.  
!!!this style uses a separate media tag section for print!!!
***********************************************************/

/* basic body style */
body
{
    font-size: 8pt;
    font-family: Arial,Verdana,Sans-Serif;
    margin: 0px;
    line-height: 13pt;
}


/* Page Banners */
/* first row of "main" master pages  */
/* hack because ie is broken */
html>body .mainbanner_row1
{
    background-image: url(Images/mainBannerRow1.jpg);
    height: 115px;
    background-repeat: no-repeat;
}

.FlashControlLink {
    margin-right: 30px;   
    font-weight: bold;
    text-decoration: none;
    color: black;
 }
/*NEW - Main Banner Background*/
.mainbanner, .mainbannerDealer
{
	background-image: url(Images/banner/home-780-x-127.jpg);
    height: 151px;
    background-repeat: no-repeat;
}
/*Special main banner row class for dealers, swap out the bg image */
.mainbannerDealer
{
	background-image: url(Images/banner/home-780-x-127_dealer.jpg);

}
* .mainbanner_row1
{
    background-image: url(Images/mainBannerRow1.jpg);
    height: 113px;
    background-repeat: no-repeat;
}

/* second row of "main" master pages. This is the default */
.mainbanner_row2
{
    background-image: url(Images/mainBannerRow2Default.jpg);
    height: 170px;
    background-repeat: no-repeat;
}

/* applied via javascript for the rollover buttons on "main" master pages */
.mainbanner_row2_residential
{
    background-image: url(Images/mainBannerRow2Residential.jpg);
    height: 170px;
    background-repeat: no-repeat;
}

.mainbanner_row2_commercial
{
    background-image: url(Images/mainBannerRow2Commercial.jpg);
    height: 170px;
    background-repeat: no-repeat;
}

.mainbanner_row2_rv
{
    background-image: url(Images/mainBannerRow2RV.jpg);
    height: 170px;
    background-repeat: no-repeat;
}

/*Text for top part of secbanner*/
.mainbanner_txt_btm
{
    font-family: Times New Roman;
    font-size: 18pt;
    font-style: italic;
    font-weight: bold;
    color: Black;
    text-align: left;
}
/*Text for top part of secbanner*/
.mainbanner_txt_top
{
    font-family: Arial;
    font-size: 16pt;
    font-weight: bold;
    color: Black;       
    text-align: left; 
}

.bannerTextDiv {
    font-family: Arial;
    font-size: 18pt;
    font-weight: bold;
    color: Black;
    padding-top: 15px;
}

.bannerTextContainer {
    width: 330px; 
    height: 80px;
}
/*Deal with buttons on the main banner */
.buttonDiv {
    background-image: url(Images/banner/buttonLarge.jpg); 
    width: 132px; 
    height: 24px; 
    overflow: hidden;
    cursor: pointer;
    cursor: hand;
}

.buttonText {
    font-weight: bold; 
    margin: 0 0 0 7px;
    text-align: center;
    padding: 3px 0 0 0;  
}

.buttonAnchor {
    color: white;
    text-decoration: none;
}

.buttonAnchor:hover {
    /*Old value, this looks too red when surrounded by black*/
    /*color: #b22222;*/
    color: #EF2C42;
}

/* regions used by anything other than the "main" master page. (all "sec" masters) */
/* NEW - Banner Non-Dealers*/
.secbanner
{
    background-image: url(Images/secBanner.jpg);
    height: 20px;
    background-repeat: no-repeat;
}
/* top row */
.secbanner_row1
{
    background-image: url(Images/secBannerRow1.jpg);
    height: 15px;
    background-repeat: no-repeat;
}

/*Text for top part of secbanner*/
.secbanner_txt_btm
{
    font-family: Times New Roman;
    font-size: 20pt;
    font-style: italic;
    font-weight: bold;
    color: Black;
    text-align: left;
}
/*Text for top part of secbanner*/
.secbanner_txt_top
{
    font-family: Arial;
    font-size: 18pt;
    font-weight: bold;
    color: Black;       
    text-align: left; 
}

.secbanner_row2 
{
	height: 100px; 
	width: 770px; 
	background-image: url(Images/secBanner.jpg);
}
/* second row */
/*.secbanner_row2
{
    background-image: url(Images/secBannerRow2.jpg);
    height: 97px;
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}*/

/* common menu background. applies to all masters*/
.banner_mainmenu
{
    background-image: url(Images/mainMenuBackground.jpg);
    /*background-color: #E63641;*/
    height: 32px;
    background-repeat: repeat-x;
}

/* dealer link (left side of page) */
.dealermenu
{
   color:Maroon;
   font-weight:bold;
   cursor: pointer; 
}
a.dealermenu_staticitem
{font-weight:bold;
}
.dealermenu_static
{
    color:Maroon;
    font-weight:bold;
    cursor: pointer; 
}

.dealermenu_staticitem
{
    font-size: 8pt;
    font-weight:bold;
    font-family: Verdana,Sans-Serif;
    color:Maroon;
    cursor: pointer;
}

/* Main Menu control settings*/
.mainmenu
{
    color: black;
}

.mainmenu_static
{
    color: black;
    cursor: pointer;
}

.mainmenu_staticitem
{
    font-size: 8pt;
    font-family: Verdana,Sans-Serif;
    color: black;
    cursor: pointer;
}

a.mainmenu_statichover
{
    cursor: pointer !important;
    color: #b22222;
}

.mainmenu_dynamic
{
    cursor: pointer;
    background-color: #dcdcdc;
}

.mainmenu_dynamicitem
{
    text-align: left;
    font-size: 8pt;
    font-family: Verdana,Sans-Serif;
    color: black;
    cursor: pointer;
    background-color: #dcdcdc;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

.mainmenu_dynamichover
{
    color: #b22222 !important;
}

a.mainmenu_dynamichover
{
    cursor: pointer !important;
}

/* header menu control*/
.headermenu
{
    color: black;
    cursor: pointer;
    line-height: 1px;
}

.headermenu_staticitem
{
    font-size: 7pt;
    font-family: Verdana,Sans-Serif;
    color: black;
    cursor: pointer;
    line-height: 100%;
}

a.headermenu_statichover:hover
{
    cursor: pointer !important;
    /*Changed 7.19 CJB*/
    color: #b22222;
    /*color: #aed3fd;*/
}

.headermenu_dynamic
{
    cursor: pointer;
}

.headermenu_dynamicitem
{
    text-align: left;
    font-size: 7pt;
    font-family: Verdana,Sans-Serif;
    color: black;
    background-color: #DCDCDC;
    /*Changed 7.19 CJB
    background-color: black; */
    cursor: pointer;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

a.headermenu_dynamichover:hover
{
    cursor: pointer !important;
    /*Changed 7.19 CJB*/
    color: #b22222;
    /*color: #aed3fd;*/
}

/* footer menu control */
.footermenu
{
    cursor: pointer;
    color: Black;
}

.footermenu_item
{
    font-size: 10px;
    font-family: Verdana,Sans-Serif;
    cursor: pointer;
    color: Black;
}

a.footermenu_hover
{
    cursor: pointer !important;
    color: #b22222;
}

/* Side Menu (primary). used for the primary tree in sidemenu.ascx
The primary shows related product links. Dont confuse with the common 
residential tree that appears above the primary side menu in the same control */
.sidemenu
{
    color: Black;
    font-family: Verdana,Sans-Serif;
}

.sidemenu_node
{
    color: Black;
}

.sidemenu_nodehover
{
    color: #b22222;
}

.sidemenu_leafnode
{
    font-size: 8pt;
    font-family: Verdana,Sans-Serif;
    cursor: pointer;
    color: #696969;
}

a.sidemenu_leafnode:hover
{
    color: #b22222;
}

.sidemenu_parentnode
{
    font-size: 8pt;
    color: #b22222;
    font-style: italic;
    cursor: pointer;
}

.sidemenu_rootnode
{
    font-size: 8pt;
    font-weight: bold !important;
    color: Black !important;
}

.sidemenu_selectednode
{
    font-size: 8pt;
    cursor: pointer;
}
/*
Main page flash fallback content
*/
.flashHeading {
    font-family: arial narrow;
    font-weight: bold;
    font-size: 34px;
    position: relative; 
    z-index: 60; 
    margin-left: 20px;
    margin-top: 75px;
}

.flashBull {
    font-family: arial narrow;
    font-weight: bold;
    font-size: 26px;
    position: relative;
    z-index: 60; 
    margin-left: 55px;  
    
}

.americasChoice {
    font-family: arial narrow;
    font-weight: bold;
    font-size: 36px;
    position: absolute;
    z-index: 60;
    left: 540px;
    top: 320px;
    line-height: 120%
}
/*
Content within flash pages for marketing pages
*/

.flashpage
	{
	font-size: 8pt;
    font-family: Verdana,Sans-Serif;
    color: black;
	}
	
	.flashTwoThird {
		width: 530px;
		/*height: 264px;*/
		display: none;
	}

	.flashThird 
	{
		display: none;
	}
	.flashFull {
		width: 780px;
		/*height: 264px;*/
		display: none;
	}
/* side menu - residential common elements. Appears with all 
residential pages. */
.residential_sidemenu
{
    color: Black;
    font-family: Verdana,Sans-Serif;
    margin-bottom: 15px;
}

.residential_sidemenu_node
{
    /*color: Black;*/
    font-style: italic;
}

.residential_sidemenu_nodehover
{
    color: #b22222;
}

.residential_sidemenu_leafnode
{
    font-size: 8pt;
    cursor: pointer;
    color: #696969;
}

a.residential_sidemenu_leafnode:hover
{
    color: #b22222;
}

.flashNavs 
{
	text-decoration: none;
}
.residential_sidemenu_parentnode
{
    font-size: 8pt;
    color: #b22222;
    font-style: italic;
    cursor: default;
}
/*
side menu - residential flash elements.  
Appears with all residential pages.
*/
.flashmenu_staticitem, .flashmenu_staticitem_selected
	{
	font-size: 7pt;
    font-family: Verdana,Sans-Serif;
    color: black;
    /*color: #15865B;*/
    cursor: pointer;	
	}
	
	.flashmenu_staticitem_selected
	{
    color: #b22222;
    text-decoration: none;
	}
.flashmenu_statichover:hover
	{
    cursor: pointer !important;
    color: #b22222;
	}

.flashmenu_statichover
	{
    cursor: pointer !important;
    color: #b22222;
	}


.flash_image_sidemenu, .flash_image_sidemenu_node, .flash_image_sidemenu_parent
{
	display: block;
    height: 22px;
    /*background-image: url(Images/mainMenuBackground.jpg);*/
    background-repeat:repeat-x;
    width: 125px;
    
    /*color: Black;*/
}

.flash_image_sidemenu_node 
{
	width: 125px;
	height: 22px;
}

.flash_image_sidemenu_node_homePage 
{
	width: 50px;
	margin: 0;
	padding: 0;
}

.flash_image_sidemenu_parent
{
	width: 160px;
	color: #b22222;
}

.flash_image_sidemenu_selected
{
	/*background-image: url(Images/flashIndicator.jpg);*/
	color: #b22222;
	/*padding-left: 30px;*/
}
.flash_residential_sidemenu
{
    color: Black;
    font-family: Verdana,Sans-Serif;
    /*margin-bottom: 15px;*/
    
    display: block;
    height: 20px;
   /*background-image: url(Images/mainMenuBackground.jpg);*/
}

.flash_sidemenu_rootnode, .flash_sidemenu_selectednode
{
	color: #b22222;

}

.flash_sidemenu_rootnode
{
	font-style:italic;
}

.residential_sidemenu_rootnode, .selected_slide 
{
   color: #b22222;
   text-decoration: none;
}
.residential_sidemenu_rootnode
{
    font-size: 8pt;
    font-style: italic !important;
}

.residential_sidemenu_selectednode
{
    font-size: 8pt;
    cursor: pointer;
}

/**********************
//VEmap styles to hid navigation 
******************************/
.header {visibility: hidden;}

#navAction_OrthoMapView {visibility: hidden;}

#navAction_mapViewCell {visibility: hidden;}

#navAction_mapStyleCell{visibility: hidden;}

div .dashboardContainerDiv {left: 20px; top: -20px; background-color: transparent; /*border-color: transparent;*/ border-style: none; border-width: 0;}

#obliqueNotification {visibility: hidden;}

/* Content Regions */

.content_a, .content_b, .content_c, .FlashMenuLeft 
{
	padding-left: 10px;
	padding-right: 10px;
	
}
.FlashMenuLeft {
width: 180px;
}

/* this the left side of any 2-panel layout, such as 
MainPage2Panel, Sec2Panel, SecLeftSideMenu */
.content_a
{
    border-right: #a9a9a9 2px solid;
    /*padding-right: 10px;
    padding-left: 10px;*/
        
}

/* this is the right side of any 2 panel layout, or the
only content region for any 1 panel layout */
.content_b
{
    /* used by all masters */
    padding-right: 10px;
    /*padding-left: 10px;
    position: static;*/
}

/* this is the right side of any 2 panel layout, or the
only content region for any 1 panel layout */
.content_c
{
    /* used by all masters */
    /*padding-right: 10px;
    padding-left: 10px;*/
}

/* content and controls */


.noLeadTimeDiv {
	margin: 5px 0 5px 4px;
}

a:hover
{
    color: #b22222;
}

/* catalog history breadcrumb */
.cataloghistory
{
    font-size: 9pt;
    font-weight: bold; 
    color:Blue
       
}

a.cataloghistory, a.cataloghistory:visited, a.cataloghistory:active
{
    color:Blue;
}

a.cataloghistory:hover
{
    color: #b22222;
}


/* used for product page hyperlinks, etc. */
.linkbold
{
    font-weight: bold;  
      
}


a.linkbold:hover
{
    color: #b22222;
}

/**********************************
//Standard page styles CJB
*********************************/
.linkRight {
    padding-left: 4px;
}

.priceOval{
    width: 59%; 
    text-align: right; 
    margin-top: -10px; 
    margin-bottom: 5px; 
    float: right;
}

.residentialLeftImage
{
	float: left; 
	margin-bottom: 10px
}


.guardianCopyFirstPara 
{
	/*margin-top: 100px;*/
}
/* data table elements. data tables are used to hold
document listings, properties, etc. */
.datatable, .datatableResults
{
    border-right: #808080 1px solid;
    border-top: #808080 1px solid;
    border-left: #808080 1px solid;
    border-bottom: #808080 1px solid;
    border-collapse: collapse;
    font-size: 8pt;
}

/*Styles for SpecTable Control */
.mainRow {
    background-color: #DCDCDC;
}

.altRow {

}

.leftCell {
    padding-left: 5px; 
}

.rightCell {
    text-align: center;
}

.lastCell {
    padding-left: 3px;
    text-align: center;
}
.subItem {
    padding-left: 40px;
}

/*specific for the sizing results page */
/*this holds the images in the tab*/
.resultsImageHolder 
{
	width: 506px;
}

.rightDisclaimer 
{
	font-weight: bold; 
	line-height: 14px;
	padding: 5px 2px 2px 4px;
	width: 118px; 
	height: 116px; 
	font-size: 8pt; 
	color: white; 
	font-family: arial;
	float: left;  
	background-image: url(Images/sizing/disclaimerBK.jpg);
}
.datatableResults 
{
	margin-bottom: 20px; 
	border-collapse: collapse; 
	border-width: 1px 0 1px 0;
}

.datatable_header
{
    font-weight: bold;
    font-size: 9pt;
    background-color: #dcdcdc;
}

.datatable_alt
{
    font-size: 8pt;
    background-color: #dcdcdc;
}

.datatable_error
{
    font-size: 8pt;
    background-color: #ffc6d2;
}

.datatable_first_column
{
    padding-left:5px;
}

.datatable_footer
{    font-weight: bold;
    font-size: 9pt;
    vertical-align:top;
    background-color: #dcdcdc;
}
.datatable_emptyrow
{font-weight: bold;
    background-color: #ffcccc;
}

.datatable_text
{
    font-family:Arial,Verdana,Sans-Serif; 
    font-size:10px;
    color:#000000;
    text-align:right;
}

.datatable_text_alignr
{
    font-family:Arial,Verdana,Sans-Serif; 
    font-size:11px;
    color:#000000;
    text-align:right;
}

.datatable_text_alignl
{
    font-family:Arial,Verdana,Sans-Serif; 
    font-size:11px;
    color:#000000;
    text-align:left;
}

.datatable_edit
{
	background-color: #99ccff;
}

.parentTableRow 
{
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	background-color: #DCDCDC;
}

.parentTableCell
{
	margin-top: 15px;
	padding-left: 5px;
	font-weight: bold;
}

.leadTimesDiv 
{
	margin-top: 15px;
	border-style: solid;
	border-width: 2px;
	border-color: Black;
}
.leadTimesGrid, .footnotesGrid, .leadTimesDiv
{
	width: 600px;
}

.itemTableSpan
{
	padding-left: 25px;
}
 
/*This is not used currently, but it probably will be, these rows are too close together */
.leadTimeFamilyFirst {
    margin-top: -5px;
    padding-top: 0;
}

 
 .headingHR {
    width: 99%;
    /*FF does not want to center the HR, so margin-left is 100-width/2 - 3px bug for IE 
    or will be once design is set and cross browser is implimented*/
    text-align: left;
    margin: 6px 0 0 8px;
    padding: 0; 
    
 }

  
.footnotePara {
    margin: 5px 0 0 8px;
    padding: 0 0 0 0;
    font-style:italic;
}

/* page footer (text)*/
.footer
{
    font-size: 10px;
    font-family: Verdana,Arial,Sans-Serif;
    text-align: center;
}
/* titling fonts */
.title_serif
{
    font-weight: bold;
    font-size: 14pt;
    font-family: 'Times New Roman' , Serif;
    font-style: italic;
    line-height: 14pt;
}

.title_serif_big
{
    font-weight: normal;
    font-size: 18pt;
    font-family: 'Times New Roman' , Serif;
    line-height: 14pt;
}
/* bold text that appears at beginning of any content section */
.contentheading
{
    font-weight: bold;
    font-size: 11pt;
}

.trainingHeading
{
    font-weight: bold;
    font-size: 10pt;	
    margin-top: 20px; 
    margin-bottom: 5px; 
    padding: 0;
}

/* grey version of content heading. used inline on some pages */
.contentheading_dim
{
    font-size: 11pt;
    font-style: italic;
    color: #a9a9a9;
    font-weight: bold;
}

/* appears at the bottom of most splash pages
switch to serif font is intentional! */
.contentfooter
{
    font-weight: bold;
    font-style: italic;
    font-family: 'Times New Roman' , Serif;
    font-size: 11pt;
}

/* inline bold italic text with emphasis */
.contentemphasis
{
    font-weight: bold;
    font-style: italic;
    font-size: 10pt;
}

/* product headings appear at the beginning of the 
content sections for product pages.  (slightly larger
than the "contentheading" style */
.productheading
{
    text-align:center;
    font-weight: bold;
    font-size: 12pt;
}

/* subheadings are used throughout the site for FAQ questions,
group or section headings and any other element that needs it */
.subheading
{
    font-weight: bold;
}

/* product subheadings are different in color */
.productsubheading
{
    font-weight: bold;
    color: #b22222;
}

/* used inline or at bottom of any content to indicate a note.
tighter line-height and sizing */
.footnote
{
    font-size: 7pt;
    font-style: italic;
    margin-top: 5px;
    line-height: 8pt;
}

/* misc fonts */
.guardiandirect_welcometext
{
    font-weight: bold;
    font-style: italic;
    font-family: 'Times New Roman' , Serif;
    font-size: 24pt;
}

.catalog_item_notes
{
	font-size:7pt;
	color:Maroon;
    font-family: Verdana,Sans-Serif;
    line-height: 9pt;
}

.paintchip 
{
    border: black 1px solid;
    height:25px;
    width:25px;
}

.warning
{
    color:Maroon;
}

.error
{
    color:Red;
}

.normal
{
    font-size: 8pt;
    font-family: Arial,Verdana,Sans-Serif;
    font-weight:normal !important;
 }

.printonly
{
    display: none !important;
    width:100%;
}

.small
{
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 7pt;
    line-height: 14pt;
}
.smalllabel
{        font-family: Verdana,Arial,Sans-Serif;
    font-size: 7pt;
    line-height: 14pt;
    font-weight:bold;
    
}


/* form labels */
.label
{
    font-size: 9pt;
    color: Black;
    font-weight: bold;
}

.alphapicker
{
 font-size:10pt;   
}

.success
{
    color: #006400;
    font-weight: bold;
}

.dealerinfolabel
{
    font-size: 9pt;
    color: Maroon;
    font-weight: bold;
    /*position: relative;
    left: -235px;*/
}

/* image caption text */
.imagecaption
{
    font-size: 8pt;
    font-weight: bold;
}

/* superscripted text */
.super
{
    font-size: 7pt;
    vertical-align: super;
}

/* floating panel */
.floatingpanel
{
    border-right: #cccccc 2px outset;
    border-top: #cccccc 2px outset;
    border-left: #cccccc 2px outset;
    border-bottom: #cccccc 2px outset;
    text-align: center;
    background-color: white;
}

.floatingpanel_title
{
    text-align: left;
    color: #ffffff;
    background-color: #336699;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    padding-left: 5px;
    padding-right: 2px;
    font-weight: normal;
    height: 18px;
    border-bottom-style: none;
    font-size: 8pt;
}

/* command buttons for any forms */
.commandbutton
{
    border-right: 1px outset;
    border-top: 1px outset;
    border-left: 1px outset;
    border-bottom: 1px outset;
    height: 20px;
}

/* "product" rollover buttons */
* .productbutton
{
	cursor: pointer !important;
    font-size: 8pt;
    background-repeat: no-repeat;
    background-position: center top;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    height: 40px;
    background-color: white;
    background-image: url(Images/productButtonBackground.jpg); /*font-stretch: narrower;*/
    letter-spacing: 0px;
}


html>body .productbutton
{
    cursor: pointer !important;
    font-size: 8pt;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
	height: 31px;
	padding-bottom: 6px;
    background-color: white;
    background-image: url(Images/productButtonBackground.jpg); /*font-stretch: narrower;*/
    letter-spacing: 0px;
}

a.productbutton
{
    text-decoration: none;
    color: black;
}
a.productbutton:Hover
{
    color: #b22222;
}

/* news related items */
.news_releasedate
{
    font-size: 8pt;
    font-style: italic;
    font-weight: bold;
}
.news_headline_detail
{
    font-size: 8pt;
    font-weight: bold;
}
.news_headline
{
    font-size: 8pt;
    font-family: Verdana,Sans-Serif;
    font-style: italic;
}
a.news_headline
{
    text-decoration: none;
    color: blue;
}
a.news_headline:hover
{
    color: #b22222;
}

/* dealer locator items */
.dealerlocator_nodata
{
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    background-color: #ffcccc;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.dealerlocator_header
{
    font-weight: bold;
    background-color: #cccccc;
    font-size: 8pt;
}
.dealerlocator_label
{
    font-size: 8pt;
    font-weight: bold;
}
.dealerlocator_results
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-collapse: collapse;
    border-bottom-style: none;
    font-size: 8pt;
}

.parentTableRow 
{
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	background-color: #DCDCDC;
}

.parentTableCell
{
	margin-top: 15px;
	padding-left: 5px;
	font-weight: bold;
}

.leadTimesDiv 
{
	margin-top: 15px;
	border-style: solid;
	border-width: 2px;
	border-color: Black;
}

.leadTimesGrid, .footnotesGrid, .leadTimesDiv
{
	width: 600px;
}

.itemTableSpan
{
	padding-left: 25px;
}
 
/*This is not used currently, but it probably will be, these rows are too close together */
.leadTimeFamilyFirst {
    margin-top: -5px;
    padding-top: 0;
}

 .headingHR {
    width: 99%;
    /*FF does not want to center the HR, so margin-left is 100-width/2 - 3px bug for IE 
    or will be once design is set and cross browser is implimented*/
    text-align: left;
    margin: 6px 0 0 8px;
    padding: 0; 
    
 }

  
.footnotePara {
    margin: 5px 0 0 8px;
    padding: 0 0 0 0;
    font-style:italic;
}

/* tab items. used in tabstrip.ascx 
note that background colors and border colors are set on the
ascx control itself. these styles should only be used for formatting
the text of the tab
*/

.tab_selected
{
    width: 100px;
    color: black;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;  
}

a.tab_selected
{
    text-decoration: none;
}


.tab_unselected
{
    width: 100px;
    color: black;
    height: 16px;
    text-decoration: none;
    font-size: 8pt;
}

a.tab_unselected
{
    text-decoration: none;
}

a.tab_unselected:hover
{
    color: #b22222;
}

.bulletlist
{
    font-size: 8pt;
    font-weight: bold;
    list-style-position: outside;
}

.box
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}

/* mnb styles and catalog styles */
.mnb_selectedoption
{
    font-weight: bold;
    color: red;
}
.catalog_itemnumber
{
    font-weight: bold;
    color: maroon;
}

/*************For config tool *********************/
.leftCB {
    display: block; 
    width: 130px;
    float: left;
   }
   
.rightCB {
    display: block;
    
}

.lastCB 
{
	display: block;
	clear: both;
}

.lastCBWrap
{
	display: block;
	height: 50px;
	width: 101px;
	float: left;
	background-color: Teal;
}
.printonly
{
    display: none !important;
    width:100%;
}

/**Service Training Styles**/
/**********************************
**************************************/
.serviceTopLeftImage 
{
	display: block; 
	float: left; 
	margin-right: 10px;
}

.serviceBottomRightImage
{
	display: block; 
	float: right; 
	margin-left: 10px;
}

.disclaimerHeader 
{
	font-weight: bold;
	margin: 10px 0 1px 0;
}

.disclaimerText
{
	margin: 0;
	padding: 0;
}
.scheduleDiv 
{
	margin-top: 10px; 
	width: 485px; 
	border-style: solid; 
	border-width: 1px 1px 0 1px; 
	border-color: black;
}
	
.scheduleHeader
{
	width: 100%; 
	height: 20px;
}

.eventName 
{
	float: left; 
	padding-left: 3px; 
	color: White; 
	font-weight: bold;
}

.eventCost 
{
	float: right; 
	padding-right: 3px; 
	color: White;
}

.scheduleHeaderRow
{
	width: 100%; 
	height: 20px; 
}

.scheduleColName, .scheduleColContent, .scheduleColNameWide, .scheduleColContentWide
{
	padding-left: 3px; 
	width: 110px; 
	float: left; 
	border-style: solid; 
	border-width: 1px 1px 1px 0; 
	border-color: black; 
	color: White;
}

.scheduleColNameWide, .scheduleColContentWide
{
	width: 125px;
}

.scheduleColContent, .scheduleColContentWide
{
	color: Black;
	
}

.phaseBadge 
{
	display: block; 
	float: right; 
	margin-right: 100px;
	margin-bottom: 15px;
	margin-top: 30px;
}

.scheduleHeaderImage
{
	display: block;
}

.classULMain
{
	margin-left: 0;
	margin-top: 0;
	padding-top: 0;
	padding-left: 17px;
}


/* print style */
@media print
{      
    /* bump body 1pt and clear background */
    body
    {
        font-family: Verdana,Arial,Sans-Serif;
        font-size: 8pt;
        line-height: 14pt;
        background: #FFFFFF !important;
    }

    .small
    {
        font-family: Verdana,Arial,Sans-Serif;
        font-size: 7pt;
        line-height: 14pt;
    }
    .smalllabel
    {        font-family: Verdana,Arial,Sans-Serif;
        font-size: 7pt;
        line-height: 14pt;
        font-weight:bold;
        background: #FFFFFF !important;
        
    }
      .smalllabel
    {   font-family: Verdana,Arial,Sans-Serif;
        font-size: 8pt;
        line-height: 14pt;
        font-weight:bold;
        background: #FFFFFF !important;
        
    }
    
    /* all tables need to autosize so printing does not
        chop the text off the end */
    table
    {
         
        width: auto !important;
    }
    
    fieldset
    {
           width: auto !important;
    }
    /* datatables should expand to 100 % of parent. this
        prevents the above table style from reformatting it.
        all datatables should be nested in a panel or div in
        order to keep the correct sizing */
    .datatable
    {
        width: 100% !important;
        border-collapse: separate;
        border-right: #808080 1px solid;
        border-top: #808080 1px solid;
        border-left: #808080 1px solid;
        border-bottom: #808080 1px solid;
    }

    /* specs sometimes have a nested table that should not
        auto size so it prints correctly
    */
    .spectable
    {
        width:100% !important;
    }

    /* resize the main content element so no chopping takes place.
        the "a" side (left) panel is not printed.*/
    #ContentB
    {
        width: auto !important;
        margin: auto !important;
    }

    /* Only ContentB (primary content) is going to print, all other sections are omitted */
    #BannerRow1, #BannerRow2, #ContentA, #BannerMenuRow, #FooterRule, #FooterMenu, #NewsHeadlines, #RSSLink, #HeaderRule, #FloatingPanel, #FlashControl, #MovieControl
    {
        display: none !important;
    }

    .commandbutton
    {
        display: none !important;
    }
    .noprint
    {
        display: none !important;
    }
    
    .printonly
    {
        display: inline !important;
        width: auto !important;        
    }

    /* Hide the rounded corners for any page that is showing tabs */
    #RC_UL_IMG, #RC_UR_IMG, #RC_BL_IMG, #RC_BR_IMG
    {
        visibility: hidden !important;
    }
    /* put the borders back on any rounded corner tabs*/
    #RC_UL_TD
    {
        border-left: solid 1px gray !important;
        border-top: solid 1px gray !important;
    }

    #RC_UR_TD
    {
        border-right: solid 1px gray !important;
        border-top: solid 1px gray !important;
    }
    /* set the text colors for tabs */
    .tab_selected
    {
        color: Black !important;
    }
    .tab_background
    {
        color: Gray !important;
    }

    /* left-align the footer so it doesn't run off page */
    #Footer
    {
        text-align: left !important;
    }
}