/*
	Title: AllanFinkJewelryStyles.css
	Date: 9/15/2014
*/

/* ============================================================== */
/* STYLES */
/* See AFGStylesX.css */
/* 
/* FONTS */
/* See FontStylesX.css */
/* 
/* COLORS */
/* See ColorStylesX.css */
/* ============================================================== */
/*
	Color Scheme Values
	@colordef #000000; black
	@colordef #ffffff; white
	@colordef #ccffcc; light green
*/
/* ============================================================== */

/* ============================================================== */
/* HTML */
/* ============================================================== */

* {}

body { }

/* @group Helper Styles --------------
- Forms
- Notifactions and errors
- Consistent Items
----------------------------------------*/

/* @group Page Structure -------------
- Headers, footers, and navigation
- Layout
- Other page furniture (furniture?)
---------------------------------------*/

/* ============================================================== */
/* Main */
/* ============================================================== */
	
#main
{
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6
{
	color: white;
	background-color: rgb(44,180,49);
}

#main p
{ }

/* ============================================================== */
/* Article */
/* ============================================================== */

.article_introduction
{
	background-color:beige;
	color: rgb(50,50,50);
	border: 1px solid black;
	box-shadow: 5px 10px 8px #888888;
}

article.article_introduction h1, 
article.article_introduction h2, 
article.article_introduction h3, 
article.article_introduction h4, 
article.article_introduction h5, 
article.article_introduction h6 
{
	color: steelblue;
}

article.article_introduction h4 
{ }

article.article_introduction p 
{ }

.article_introduction_section
{ }

.page_article
{
	background-color:beige;
	color: rgb(50,50,50);
	/* border: 1px solid rgb(50,50,50); */
	box-shadow: 5px 10px 8px #888888;
}

article.page_article h1, 
article.page_article h2,
article.page_article h3, 
article.page_article h4,
article.page_article h5, 
article.page_article h6 
{
	color: steelblue;
}

/* ============================================================== */
/* Section */
/* ============================================================== */

.page_article_section
{

}

.section_article
{
	border: none;

}

section.section_list_row
{
	background: none;
	border-top: 2px solid black;
}

section.section_list
{
	box-shadow: 5px 10px 8px #888888;
}


section.section
{
	background-color:beige;
	color: rgb(50,50,50);
}

section.section p
{
	color: rgb(50,50,50);
}

section.section ul li {
	color: black;
}

section.section ol li {
	color: black;
}

section.section h1, section.section h2, section.section h3, section.section h4, section.section h5, section.section h6 
{
	color: steelblue;
}

.subsection
{
	border-top: 1px solid black;
}

.subsectionHeight
{}

.subsection h1, .subsection h2, .subsection h3, .subsection h4, .subsection h5, .subsection h6
{
	color: darkgray;
}

.subsection ul, .subsection ol, 
{ }

.subsection li
{}

.caption
{}

p.caption 
{
	color:black;
}

.byline
{
	color: black;
}

/* ============================================================== */
/* mainCategorySection */
/* ============================================================== */

.mainCategorySection
{
	border: 1px solid black;
}

#featuredArticles
{
	color: black;
	background-color:white;
}

#featuredArticles li
{
	color: black;
}
#featuredArticles a
{
	color: black;
}

/* ============================================================== */
/* Nav */
/* ============================================================== */

nav.navList
{

}

section.navListRow
{
	background: none;
	border-top: 2px solid black;
}

/* ============================================================== */
/*  Right columns */
/* ============================================================== */

.rightcolumn, .leftcolumn 
{
	border-left:1px solid rgb(44,180,49);
}

.leftcolumn
{ }

.rightcolumn  p, .leftcolumn p 
{ }

.rightcolumn h1, .rightcolumn h2, .rightcolumn h3, .rightcolumn  h4, .rightcolumn h5, .rightcolumn h6  
{
	color: white;
	background-color:steelblue; 
}

.leftcolumn h1, .leftcolumn h2, .leftcolumn h3, .leftcolumn h4, .leftcolumn h5, .leftcolumn h6 
{
	color: white;
	background-color:steelblue; 
}

.localNavColumn
{
	border-left:2px solid darkgray;
}

.unOrderedNavList
{ }


h6.localNavTitle,
.localNavColumn h1, .localNavColumn h2, .localNavColumn h3, .localNavColumn h4, .localNavColumn h5, .localNavColumn h6 
{
	color: white;
	background-color:steelblue; 
}

.localNavColumn p
{ }

 .localNavColumn ul li
{
	color:red;
}

li
{ }

/* ============================================================== */
/* a tags */
/* ============================================================== */

 /* unvisited link */
a:link {
  color: rgb(37,70,52); /* Dark green */
  background-color: none;
}

/* visited link */
a:visited {
  color: purple;
    background-color: none;
}

/* mouse over link */
a:hover {
  color: black;
    background-color: none;
}

/* selected link */
a:active {
  color: yellow;
    background-color: none;
} 

/* ============================================================== */
/* Headlines */
/* ============================================================== */

.headlineColor, h1, h2, h3
{ color: gray; }

.headlineBackColor, h1, h2, h3
{ background-color: none; }

.subHeadColor, h4, h5, h6
{ color: gray; }

.subHeadBackColor, h4, h5, h6
{ background-color: none; }

/* ============================================================== */
/* Paragraphs */
/* ============================================================== */

.paragraphColor, p
{ 
	color: rgb(100,50,100);
}

.paragraphBackColor
{ background-color: none; }

/* ============================================================== */
/* Bullets */
/* ============================================================== */

.listItemColor, li
{ 	
	color: rgb(100,50,100);
}

.listItemBackColor, li
{ background-color: none; }

/* ============================================================== */
/* Dictionary */
/* ============================================================== */

.dictionaryTermColor, dt
{ color: darkgray; }

.dictionaryTermBackColor, dt
{ background-color: none; }

.dictionaryListingColor, dl
{ color: black; }

.dictionaryListingBackColor, dl
{ background-color: none; }

/* ============================================================== */
/* Tables */
/* ============================================================== */

.tableCaptionColor, caption
{ color: darkgreen; }

.tableHeadColor, th
{ color: darkgreen; }

.tableHeadBorder, th
{ border: 1px solid green; }

.tableHeadBackColor, th
{ background-color: none; }

.tableCelColor, td
{ color: green; }

.tableCaptionBorder, caption
{ border: 1px solid green; }

.tableCaptionBackColor, caption
{ background-color: none; }

.tableRowBorder, td
{ border: 1px solid green; }

.tableRowBackColor, td
{ background-color: none; }


/* ============================================================== */
/* AFG */
/* ============================================================== */

.outer
{
	/*background-color: rgb(150,233,150); */
		background-color: white;
}

.inner
{
	/*background-color: rgb(150,233,150); */
		background-color: white;
}

/* ============================================================== */
/* Floats */
/* ============================================================== */

.floatLeft
{ }

.floatRight
{ }

/* ============================================================== */
/* Page Structure */
/* ============================================================== */

/* ============================================================================================================================ */
/* a tags */
/* ============================================================================================================================ */

/* ----------------------------------
- Rollovers - General
------------------------------------*/
a:link {color:blue;}      /* unvisited link */
a:visited {color:#33cc33;}  /* visited link */
a:hover {color:rgb(0,0,255);}  /* mouse over link */
a:active {color:blue;}  /* selected link */ 

/* ----------------------------------
- Rollovers - contentColumn
------------------------------------*/
.contentColumn a:link {color:blue;}      /* unvisited link */
.contentColumn a:visited {color:#33cc33;}  /* visited link */
.contentColumn a:hover {color:rgb(0,0,255);}  /* mouse over link */
.contentColumn a:active {color:blue;}  /* selected link */ 

/* ----------------------------------
- Rollovers - conditionalNav 
- Main nav MENU buttons across the top
------------------------------------*/
/* .conditionalNav a:link {color:rgb(44,180,49); text-decoration:none;}      /* unvisited link */
.conditionalNav a:link {color:steelblue;}      /* unvisited link */
.conditionalNav a:visited {color:#33cc33;}  /* visited link */
.conditionalNav a:hover {color:rgb(200,200,200);}  /* mouse over link */
.conditionalNav a:active {color:rgb(44,180,49);}  /* selected link */ 

/* ----------------------------------
- Rollovers - .localNav 
- local nav buttons down the right)
------------------------------------*/
/* .localNav a:link {color:rgb(44,180,49); text-decoration:none;}      /* unvisited link */
.localNav a:link {color:darkblue; }      /* unvisited link */
.localNav a:visited {color:#33cc33;}  /* visited link */
.localNav a:hover {color:rgb(0,0,255);}  /* mouse over link */
.localNav a:active {color:rgb(44,180,49);}  /* selected link */ 

/* .localNavColumn a:link {color:rgb(44,180,49); text-decoration:none;}      /* unvisited link */
.localNavColumn a:link {color:darkblue; }      /* unvisited link */
.localNavColumn a:visited {color:#33cc33;}  /* visited link */
.localNavColumn a:hover {color:rgb(0,0,255); }  /* mouse over link */
.localNavColumn a:active {color:rgb(44,180,49);}  /* selected link */ 

/* ============================================================== */
/*	NavBars */
/* ============================================================== */

li.conditionalNav
{
	color: steelblue;
}

li.conditionalNav a
{
	color: black;
}

li.localNav
{
	color: black;
}

li.localNav a
{
	color: black;
}
/* ============================================================================================================================ */
/* ============================================================================================================================ */


/* ============================================================== */
/* Banner */
/* ============================================================== */

.section_banner
{

	background-color: rgb(210,210,210);
	
	color: white;

	border:1px solid black;
	border-bottom: 10px solid steelblue;

}

.section_banner h1, 
.section_banner h2, 
.section_banner h3, 
.section_banner h4, 
.section_banner h5, 
.section_banner h6
{
	color:steelblue;
}

.section_banner #indexBannerLogo
{ }

.section_banner #otherBannerLogo
{ }

.section_banner #address
{
	background-color:white;
	border:1px solid darkgreen;
}

.section_banner_message
{	
	border-top: 2px solid darkgray;
}


/* ============================================================== */
/*  BannerBox */
/* ============================================================== */

#bannerBar
{
	color: blue;
	background-color: white;
}

.bannerBox
{
	color: white;
	background-color: blue;
}

#LogoBox.bannerBox
{
	color: darkblue;
	background-color: white;
}

#Slogan
{
	color: white;
}

#BannerSubHead
{
	color: white;
}


/* ============================================================== */
/* Section Labels */
/* ============================================================== */

#Categories
{
	background-color: rgb(150,200,200);
}

.categorySectionLabel
{
	background-color:darkgreen; 
}



/* ============================================================== */
/* Page/contentcolumn */
/* ============================================================== */


.contentColumn
{

}

/* Used by Landing Pages  */
.contentColumn a
{

}

.title
{
	background-color:darkgreen;
	color:white;
}

.contentColumn h2
{
	color: black;
}

.contentColumn h3
{
	color:white;
	background-color:darkgreen; 
}

.contentColumn h4
{
	color:white;
	background-color:darkgreen; 
}

.contentColumn p
{
	
}


.contentSection
{
	color: black;
	background-color: white;

	border-left: 2px solid  darkgreen;
}

.contentSection h4
{
	color: white;
	background-color:darkgreen; 
}

.contentSection p
{

}

.contentSubSection
{
	border-left:2px solid darkgreen;
}

.contentSubSection p, .contentSubSection h4 
{
	margin-left: 10px;
}

.contentArticle
{
	border-bottom:2px solid darkgreen;
}

.contentArticle h3
{
	color: white;
	background-color: darkgreen;
}

.contentArticle h4
{
	color: black;
	background-color: white;
}

.contentArticle h5
{
	color: black;
	background-color: white;
}

.contentArticle h4, .contentArticle p
{
	color: black;
}


/* ============================================================== */
/* Page/article */
/* ============================================================== */

.page
{
	border: 1px solid lightgray;
}

.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 
{
	color: black;
}

.page h6.localNavTitle
{
	color: white;
}

.page p
{
	color: black;
}

.page p.caption
{
	color: steelblue;
}

.leftArticle
{ }

.rightArticle
{
	border-left:2px solid lightgray; 
}

article
{
	border: 1px solid lightgray;
}

header
{
	
}

/* ============================================================== */
/* photos */ 
/* ============================================================== */

.photoDiv
{
	background-color:white;
	border:1px solid black;
}

/* ============================================================== */
/* Footer */
/* ============================================================== */

#footer
{
	color: black;
	border:none;
	background-color: rgb(200,200,200);
}

#footer ul li
{
	color: red;
}

.footer
{
	border: 1px solid lightgray;
	border-top:6px solid darkgreen; 
	border-bottom:4px solid darkgreen;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 
{
	color: darkgray;
}

.footer p
{

}


div#HoursDiv.HoursDiv
{
	border:1px solid darkgreen; 
	background-color:white;  
}

.FooterTextLeft
{
	
}

.FooterTextRight
{
	border-left: 1px solid darkgreen;
}

/* ============================================================== */
/* Client footer */
/* ============================================================== */

.footer#footer .section_list
{

}

.footer#footer .section_list #title,
.footer#footer .section_list h1,
.footer#footer .section_list h2,
.footer#footer .section_list h3,
.footer#footer .section_list h4,
.footer#footer .section_list h5,
.footer#footer .section_list h6
{
	color: purple;
}

.footer#footer .section_list h6.localNavTitle
{
	color: white;
}



.footer#footer .section_list li  
{
	color: steelblue;
}

.footer#footer .section_list p  
{
	color: steelblue;
}

.footer#footer .copyrightnotice  
{
	color: steelblue;
}

.footer div#Products
{
}

.footer div#Members
{
}

/* ============================================================== */
/* Product */
/* ============================================================== */


/* ----------------------------------
- Products
------------------------------------*/
.productSection
{ }

.productSectionTitle
{
	background-image: url('../Images/Backgrounds/ProductBackgroundTinted.png'); 
}

.productRow
{ }

.productAd
{ }

.productAd h1, .productAd h2, .productAd h3, .productAd h4, .productAd h5,.productAd h6 
{
	color: rgb(85,85,85);
}

.productAd a
{
	color: rgb(85,85,85);
}

.productAd p
{
	color: rgb(85,85,85);
}


.transparentbox {
  background-color: white;
  border: 1px solid black;
  opacity: 0.8;
}

div.transparentbox p 
{
  color: #000000;
}

.product
{
	border: 1px solid red;
	background-color: rgb(240,240,240);
}

.product h1, .product h2, .product h3, .product h4, .product h5, .product h6
{
	color:green;
}

.product p
{
	color: blue;
}

#ProductSectionTitle.sectionTitle
{
	color: rgb(150,150,150);
}

.product subtitle
{
	color: lightgreen;
}

.product description
{
	color: purple;
}

.product price
{
	color: darkred;
}

.product photoDiv
{  }

.product p.caption
{ 
	color: purple;
}

.product .photo
{
	border: 1px solid black;
}

.product .productDescriptionDiv
{
	border: 1px solid black;
}

/* ----------------------------------
- Services
------------------------------------*/
#ServiceSection.seection
{ 
	background-color: transparent;
}

#ServiceSectionTitle.sectionTitle
{
	color:rgb(85,85,85);
}

#ServiceAdRow.adRow
{ }

.serviceAd
{

 }

.serviceAd h1, .serviceAd h2, .serviceAd h3, .serviceAd h4, .serviceAd h5,.serviceAd h6 
{ }

.serviceAd a
{ }

.serviceAd p
{ }



.service
{ }

.service h1, .service h2, .service h3, .service h4, .service h5, .service h6
{ }

.service p
{ }

.service serviceTitle
{ 
	color: darkgray;
}

.service subtitle
{ 
	color: darkgray;
}

.service description
{ }

.service price
{ }

.Service photoDiv
{ }

.service p.caption
{ }

.service .photo
{ }

.service .serviceDescriptionDiv
{ }

/* ============================================================== */
/* BulletListBox */
/* ============================================================== */

.bulletListBox 
{ 
	border: 1px solid white; 
	background-color: tan;
}


/* ============================================================== */
/* Ad */
/* ============================================================== */

.ad 
{ 
	border:1px solid gray;  
	background-color:white;  
}

.ad h1, .ad h2, .ad h3, .ad h4, .ad h5, .ad h6 
{ 
	color: gray;
}

/* ============================================================== */
/*  Ad Bar */
/* ============================================================== */

#adbar
{
	color: darkgray;
	background-color: transparent;
}

div#ad1, div#ad2, div#ad3
{
	background-color: transparent;
}

div#ad1
{
	background-color: transparent;
}

div#ad2
{
	background-color: transparent;
}

div#ad3
{
	background-color: transparent;
}


/* ----------------------------------
- Instructions
------------------------------------*/
#instructions
{
	background-color: #eecccc;
}
#instructions p
{
	color:black;
}

#instructions li
{ }

#instructions h1, #instructions h2, #instructions h3, #instructions h4, #instructions h5, #instructions h6, 
{
	color:white;
	background-color:red;
}

	
/* ============================================================== */
/* BulletListBox */
/* ============================================================== */

.BulletListBox 
{ 
	border: 1px solid white; 
	background-color: tan;
}



/* ============================================================== */
/* Art Mediums */
/* ============================================================== */

ul.art_Medium li
{ }

ul.art_Medium li a
{ }

/* ============================================================== */
/* CLIENT SPECIFIC */
/* ============================================================== */

.companyName 
{ 
	color: darkgreen; 
}

.companyNameBanner
{ 
	color: darkgreen; 
}

/* ============================================================== */