/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/
/* color: #CD661D;  is the brown color inside the header */
/***********************************************/



/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Arial,sans-serif;
}

/***********************************************/ 
/* Used in Master Pages */
.StandardPageBodyClass {
	background-color:White;
	font-family: Arial,sans-serif;
    /* to save vertical & horizontal space, & maximum use within browser window, set all margins of the body to zero */
	margin:0px;
}

.StandardBodyFormClass {
    /* currently, nothing is in here */
}

.StandardFormTableClass {
    background-color:#000000;
    border-style:none;
	/* auto on left and right forces center of the table, and thus since all content on any page is inside this table, then entire page will be centered nicely. */
	margin-left: auto;
	margin-right: auto;
    /* NOTE: This WIDTH affects the standard size of ALL pages.
        As of 01-31-11, this is set to work well on 1024x768 resolution.
        Can't set to 1024, because need to subtract pixels for browser's
        border, the vertical scroll bar (just assume it is on all our pages)
        and our page border (which is background color in PageContent.) */
    width:999px;
    /* note: align='center' is required on the first <td> of the table */
}


/***********************************************/ 
/* Used in Master Pages */

a:link, a:visited, a:hover {
	color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 color: #CD661D;
 font-family: Verdana,Arial,sans-serif;
 font-size: 160%;
}

h2{
 color: #CD661D;
 font-size: 130%;
/* color: #006699; */
}

h3{
 color: #CD661D;
 font-size: 100%;
/* color: #334d55; */
}

h4{
 color: #CD661D;
 font-size: 90%;
 font-weight: normal;
/* color: #333333; */
}

h5{
 color: #CD661D;
 font-size: 80%;
/* color: #334d55; */
}

h6{
 color: #CD661D;
 font-size: 70%;
/* color: #334d55; */
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}


/***********************************************/
/* CSS used in HTML generation with ASPX pages */
/***********************************************/
table.DealerDownloadTable {
	border-style: none;
	margin-left: auto;
	margin-right: auto; 
	}
	
/** ImageLibraryOuterTable & ImageLibraryInnerTable used for the Image Library pages (fabrics, leathers, etc.) **/
table.ImageLibraryOuterTable {
	border-collapse:collapse;	/* same as HTML borderspacing=0 */
	border-color: black;
	border-style: inset;
	border-width: 1px;
	height:160px;
	padding: 0px;
	text-align:center;
	vertical-align:top;
}
td.ImageLibraryOuterTable {
	/* need to specify border in here to get inner borders in TD to show up */
	border-color: black;
	border-style: inset;
	border-width: 1px;
	height:160px;
	padding: 0px;
	text-align:center;
	vertical-align:top;
}

table.ImageLibraryInnerTable {
	/* auto margin-left & -right will force contents of TD to be centered */
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}

#SubHead {
	font-size: 130%;
	font-weight: bold;
}

/***********************************************/
/* Layout Divs                                                   */
/***********************************************/

 #centeredImage
    {
    text-align:center;
    display:block;
    }

#masthead{
	margin: 0;
	padding: 10px 0px;
	/**border-bottom: 1px solid #cccccc; **/
	width: 100%;
}

#navBar{
	/* margin: 0 79% 0 0; */
	background-color: #000000;
	line-height: .9;
	margin: 0 0 0 0;    /* 0 90% 0 0; **/
	padding: 0 0 0 0;
/*	
	padding-top: 25px;
	padding-bottom: 300px;
	padding-right: 10px;
	padding-left: 0px;
*/	
	text-align: left;
	width: 130px;
}

#navBar a {
	font-weight: bolder;
	font-size:  70%;
	text-align: left;
	color:#ffffff;
	padding: 2% 0 0 2%;
	white-space: nowrap;
}

#content {
	/** LEAVE TO BE DETERMINTED WITHIN EACH Master page... width: 884px;*/
	/* 1024 - 130 nav bar width - 10 nav bar padding = 884 */
	text-align: center;
}

#contentcenter{
	text-align: center;
}


#contentfloatright85{
  float: right;
	width: 75%;
	margin: 0;
	padding: 0 0 0 0;
}

#contentleft{
  float:left;
	width: 100%;
	margin: 0;
	padding: 0 3% 0 0;
}

#contentleft img {
	width: 100%;
	text-align :  center;  
	background-color: #eeeeee;
	/* background: #CCCC99; */
	/*
   display: block;
    margin-left: auto;
    margin-right: auto;
    margin: 0;
	padding: 0 3% 0 0; 
  */
}

/* Grid Row Data */ 
#GridTable tr td {
    background: #CCCC99; 
    color: #000000; 
    font-size :100%;
    border-width:thin;
    text-align :  center; 
    border-color:#999966;
    white-space: nowrap;
}

#contentsmall{
    float:right;
    font-size: 100%;
    width: 75%;
    margin: 0;
    padding: 0 3% 0 0;
}

/* Row Data */ 
	#contentsmall tr td {
	/* background: #CCCC99; */
	color: #000000; 
	font-size :100%;
	border-width:thin;
	text-align :  center; 
	 border-color:#999966;
	 white-space: nowrap;
}

/* Data Values */ 
	#contentsmall tr td select{
	/* background: #CCCC99; */
	color: #000000; 
	font-size :75%;
	border-width:thin;
	text-align :  center; 
	 border-color:#999966;
	 white-space: nowrap;
}

/* Row Data */ 
	#StyleGrid tr td {
	 /* background: #CCCC99;  */
	color: #000000; 
	font-size :100%;
	border-width:thin;
	text-align :  center; 
	 border-color:#999966;
	 white-space: nowrap;
}

/* Data Values */ 
	#StyleGrid tr td select{
	/* background: #CCCC99; */
	color: #000000; 
	font-size :50%;
	border-width:thin;
	text-align :  center; 
	 border-color:#999966;
	 white-space: nowrap;
}



#contentleft{
  float:left;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}

#contentright
{
  float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}

#contentform
{
  float:right;
	width: 75%;
	margin: 0;
	/* padding: 0 3% 0 0; */
	clear: both;
	font-size: 75%;
	/* color: #cccccc; */
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#contenttable
{
     float:right;
	width: 100%;
	margin: 0;
	clear: both;
	font-size: 75%;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#contentformnoborder
{
  float:right;
	width: 75%;
	margin: 0;
	/* padding: 0 3% 0 0; */
	clear: both;
	font-size: 75%;
	/* color: #cccccc; */
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/
#siteInfo{
	font-size: 75%;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	text-align: right;
	width: 1024px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo a {
	 font-weight: bolder;
	 font-size:  70%;
	  text-align: left;
	 color:#ffffff;
	padding: 2% 0 0 0;
}


#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar asp:Label #navBar asp:Label {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto; 
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/************** ASP Grid Stuff **************/


/* -------------------------------------------------------------------------------------------
         The GridView Grid
---------------------------------------------------------------------------------------------- */	
#projectGridView  {
	background-color:#FFFFFF;	margin-top:20px;
	font-size : 100%;
	text-align : center; 
	 white-space: nowrap;
}
/* Column Headings */ 
	#projectGridView tr th {
	background: #999966;
	color: #000000; 
	font-weight: bold;
	font-size : 100%;
	border-width:thin;
	text-align : center;
	border-color:#CCCC99;
	border-bottom:#000000;
	white-space: nowrap;
	width:300px;
}
/* Row Data */ 
	#projectGridView tr td {
	background: #CCCC99;
	color: #000000; 
	font-size :80%;
	border-width:thin;
	text-align :  center;
	 border-color:#999966;
	 white-space: nowrap;
	width:300px;
}

/* Row Data */ 
	#projectGridView col {
	background: #CCCC99;
	color: #000000; 
	font-size :300%;
	border-width:thin;
	text-align :  center;
	 border-color:#999966;
	 white-space: nowrap;
	width:300px;
}

			
/* -------------------------------------------------------------------------------------------
         The Insert Grid
---------------------------------------------------------------------------------------------- */	
#GridInsert  {
	background-color:#FFFFFF;	margin-top:20px;
	font-size : 100%;
	text-align : center; 
	border-width:thin;
}
/* Column Headings */ 
	#GridInsert tr th {
	background: #999966;
	color: #000000; 
	font-weight: bold;
	font-size : 100%;
	border-width:thin;
	text-align : center;
	border-color:#CCCC99;
	border-bottom:#000000;
}
/* Row Data */ 
	#GridInsert tr td {
	background: #CCCC99;
	color: #000000; 
	font-size : 100%;
	border-width:thin;
	text-align :  center;
	 border-color:#999966;
}
	

/** The following are used in asp:UpdateProgress to wrap the entire screen with a please wait image **/
#UpdateProgressOuterTable
{
	top: 0px;
	left: 0px;
	width: 99%;
	height: 5000px;
	position: absolute;
	background-color: white;
	z-index: 999;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	padding-top: 25%;
	padding-left: 0%;
}

#UpdateProgressInnerTable
{
	text-align: center;
	width: 444px;
	border: 1px solid black;
	padding: 10px;
	background-color: #eee;
	z-index: 998;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
}


/** The following is used to wrap the entire screen with a please wait image. See ImportData.aspx for an example. **/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=60);
	opacity:0.6;
}

/** The following is used to display a modal popup window over the current page. See ImportData.aspx for an example. **/
.modalPopup 
{
	background-color:white;
	border-width:4px;
	border-style:solid;
	border-color:#CD661D;	/*Gray;*/
	color:Black;
	padding:3px;
	width:250px;
}


/** 062810: The following is used to display text links that are smaller and underlined, like on the AdminNailOptions page. **/
.SmallAnchors a {
	color:Gray;
	font-size: 11px;
	text-decoration: underline;
}

.SmallAnchors a:hover {
	color: Blue;
	/*font-weight: bold;*/
}