/* -----------------------------------------------------------------------
// base.css - Style sheet for the iframe content
//
// 2007.04.26 J.Hanson - Page Created
// 2008.02.27 J.Barnett - Customized for Regal Nails
// --------------------------------------------------------------------- */

/*
* {
//	margin: 0px;	/#  All elements get margin and padding defaulted to 0  #/
//	padding: 0px;
}
*/

body {
	background-color: #6b0914;	/* Overall page canvas color */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* default font */
	font-size: 12px;
	color: #565d4f;
	line-height: 20px;
	text-align: justify;
}

.contentArea {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #565d4f;
}

.contentArea A {
	color: #6b0914;
}

.contentArea A:hover {
	color: #565d4f;
}

.contentArea li {
	margin: 0;
	list-style-type: square;
}

.footer {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: 500;
	line-height: 17px;
	color: #FFFFFF;
}

.rightmenu TD{background-image: url(../images/rightmenu-bg.jpg);
}
.rightmenu TD:hover {background-image: url(../images/rightmenu-bg-over.jpg);}

.footer p{
  margin: 0;
}

a {
	text-decoration: none;
	color: #6b0914;
}	

p#case_eval {
	margin: auto;
	text-align: center;
}

a:hover {
	text-decoration: underline;
}

.footer a:hover {
	color: #8b8f9b;
	text-decoration: none;
}

ul#footer_links {
  width: 100%;
  list-style: none;
  display: inline; 
  /*margin: 0;
  padding: 0;*/
}

ul#footer_links li:first-child:before{
  content: "";
  margin-right: 0;
}

ul#footer_links li:before{
  content: "\2022";
  margin-right: 0.1875em;
}

ul#footer_links li{
  display: inline;
  margin-left: -0.25em;
  /*padding: 0;*/
}

a img { /* All images should not have a border by default */
	border: 0px; 
}

.button {	/* generic class for user buttons */
	font-size: 12px;
	padding: 0px 12px; 
	background: #AAAAAA; 
	border: solid 1px black;
	cursor: pointer;
}

.hidden {	/* General purpose class for any items that need to be hidden from view */
	display: none;
	visibility: hidden;
}

h1, h2, h3, h4, h5, h6 { /* Headings are all the same, by default */
	font-size: 14px;
	color: black;
}

	/* Menu of product categories */
	#product_categories {
		font-size: 12px;
		padding: 0px 15px;
		text-align: left;
	}

		#product_categories a:link, #product_categories a:visited, #product_categories a:active {
			color: black;
		}
	
		#product_categories a:hover {
			color: red;
		}
		
		#product_categories h1 {
			margin-bottom: 5px;
		}
	
		#product_categories li {
			padding-left: 10px;
			text-indent: -10px;
			border-top: 1px solid #BBB;
		}
	
		#product_categories li a {
			color: blue;
			text-decoration: none;
		}
	
		#product_categories .sub_menu_item {
			border: 1px solid gray;
			padding: 5px;
			background-color: #CCC;
			white-space: nowrap;
			visibility: hidden; /* Will be handled later by javascript, but for now default to hidden */
			position: absolute; /* Will be positioned by JS later */
		}

	/* Subpages */
	ul#subpages {
		margin: 1.5em 0 0;
		list-style: none;
	}

	ul#subpages li a:link {
		text-decoration: none;
	}

	ul#subpages li a:visited {
		text-decoration: none;
	}

	ul#subpages li a:hover {
		text-decoration: underline;
	}
	
  /* Forms */
  form fieldset {
    margin: auto;
  }

  form#case_eval fieldset {
    text-align: center;
  }

  form fieldset.hfieldset {
    border: 0;
    width: 40em;
    margin: 0 auto;
    text-align: left !important;
  }

  form#case_eval fieldset legend {
    font-weight: bold;
  }

  form div.hfield {
    float: left;
  }

  form div.inline-hfield {
    margin: 0.25em auto;
    width: 30em;
    clear: both;
    text-align: left;
  }

  /* Plus is the adjacent sibling 
   * CSS selector
   */ 
  div.hfield+div.field {
    padding-top: 1em;
  }

  div.field+div.inline-hfield {
    padding-top: 1em;
  }

  form div.field {
    width: 42em;
    margin: 0.25em auto;
    vertical-align: middle;
    clear: both;
  }  

  form div.field label, form div.inline-hfield label, form div.hfield label {
    font-weight: bold;
  }

  * html form label.required {
    /* Fix for displaying asterisks next to required fields on IE */
    content: expression(
        this.parsed ? 0 : 
          (insertAdjacentHTML('afterBegin', '<span style="color: red">*</span>')),
          this.parsed = 1
        );
  }

  form label.required:before{
    content: "*";
    font-weight: bold;
    color: red;
  }

  form div.field {
    text-align: left;
  }

  form div.field label {
    width: 15em;
    text-align: right;
    float: left;
    height: 100%;
    margin-right: 1em;
  }


  form div.submit {
    margin: 1em auto 0;
    text-align: center;
    width: 100%;
  }

	/* Login status and login form */
	#login_status {
		display: none;
		visibility: hidden;
	}
	
	
	/* Content pane */
	#content_window {
		margin: 10px 25px;
		min-height: 200px; height:auto !important; height: 200px; 	/* crazy internet-explorer workaround. */
	}
	
	.replaced_price {
		text-decoration: line-through; 
		color: gray;
	}