﻿/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 06/10/08 - Author / Company
Version: 2.11
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin: 0;
	padding: 0;
}
fieldset, table {
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	overflow: hidden;
	word-wrap: break-word; /* will not validate IE only */
}
/*caption, th, td {
text-align: left;
}*/
/* ---------- ::Defaults:: --------------------- */
html {
	font-size: 100.01%;
	height: 101%; /* forces scroll on short length pages */
}
body {
	height: 100%;
	font: 62.5%/1.3 Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: #fff url('../../images-edk/bg_repeat.gif');
	color: #333;
}
/* ---------- ::Typography:: ------------------- */
address, h1, h2, h3, h4, h5, h6, li, p, pre {
	padding: .5em 10px;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
pre {
	font-size: 12px;
}
ul {
	margin-left: 25px;
}
/* ---------- ::Template:: --------------------- */
#wrap {
	margin: 0 auto;
	width: 952px;
	background: #fff;
}
#masthead {
	margin: 0 auto;
	width: 952px;
	height: 114px;
	background: #d9b9b7 url('../../images-edk/header-bg.gif');
}
#content {
	width: 952px;
	padding: 0;
	margin: 0;
	clear: both;
}
.left-content {
	float: left;
	width: 340px;
}
.right-content {
	float: left;
	width: 340px;
	margin-left: 10px;
}
#lefthead {
	width: 354px;
	height: 114px;
	float: left;
	background: #d9b9b7 url('../../images-edk/chic_header_logo.gif') no-repeat;
}
#logolink {
	margin: 5px 0 0 10px;
	padding: 0;
	width: 330px;
	height: 100px;
	float: left;
	text-align: left;
	outline: white;
}
#righthead {
	width: 597px;
	height: 114px;
	float: right;
	background: #d9b9b7 url('../../images-edk/chic_header_tagline.gif') no-repeat;
}
#left {
	float: left;
}
#footer-top {
	clear: both;
	margin: 0 auto;
	width: 952px;
	height: 60px;
	border-right: 0px solid #000;
}
#footer-top img {
	margin: 1px 1px 0 0;
}
#footer-top img.nogap {
	margin-right: 0px;
}
#footer-bottom {
	margin: 0 auto;
	padding-top: 10px;
	width: 952px;
	height: 135px;
	background: url('../../images-edk/footer_bg_repeat.png');
	text-align: center;
}
#footer-bottom a:link, #footer-bottom a:active, #footer-bottom a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
#footer-bottom a:hover {
	color: #fff;
	text-decoration: underline;
}
#black-border {
	height: 10px;
	background: #000;
}
/* ---------- ::Links:: ------------------------ */
a {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:active, a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
a img {
	border: none;
}
/* ----------  ::Navigation:: ------------------ */
/* Upper Navigation */
#topuppernav ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 5px 5px 0 0;
	text-align: right;
	float: right;
}
#topuppernav ul li {
	font: normal 10px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #6c0636;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	border-right: 1px solid #655733;
}
#topuppernav ul li.noborder {
	border: 0;
}
#topuppernav ul li a, #topuppernav ul li a:link, #topuppernav ul li a:active, #topuppernav ul li a:visited {
	font: normal 10px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #6c0636;
	display: block;
	padding: 0 9px;
	text-decoration: none;
	text-transform: uppercase;
}
#topuppernav ul li a:hover {
	text-decoration: underline;
	color: #8e4767;
}
/* ::Main Menu:: --- */
#menu {
	width: 932px;
	height: 34px;
	background: #f8f8f8;
	border: 1px solid #e3e3e3;
	margin: 10px auto 10px auto;
}
/* Top Navigation */
.nav, .nav ul {
	list-style: none;
/* url('../images/start-brown-green.png');*/	margin: 8px 0 0 0;
	padding: 0;
	text-align: left;
}
.nav {
	/*font-family: "Comic Sans MS", Arial, Helvetica, sans-serif, Verdana;*/
  z-index: 5000;
	position: relative;
	left: 0px;
}
.nav li {
	/* styles the parent list */
    /*border-left: 1px solid #462C4F;*/
	background: url('../../images-edk/link-divider.gif') no-repeat 0px 40%;
	float: left;
	margin: 0px;
	padding: 0;
	position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	/* styles the parent links */
  font: normal 14px/20px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #6c0636;
	display: block;
	padding: 0 12px 0 13px;
	text-decoration: none;
	text-transform: uppercase;
}
.nav li a:hover {
	/* styles the parent links hover */
  background: transparent;
	color: #8e4767;
}
/*
--The CSS below is used in conjunction with the jquery script so
--that older browsers will render the drop-down menu
*/
#nav-one li:hover a, #nav-one li.sfHover a {
	/* styles the parent link hover */
  background: transparent;
	color: #8e4767;
}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {
	/* styles the drop-down list menu */
  background: #f8f8f8;
	color: #8e4767;
	padding-left: 15px;
	font-size: 11px;
}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
	/* styles the drop-down list link hover */
  background: #f0f0f0;
	color: #655733;
}
/*end css for older browsers*/
.nav ul {
	/* styles the main drop-down menu container*/
  background: #f8f8f8;
	border: 1px solid #e0e0e0;
	border-top: 0;
	border-right: 0;
	z-index: 100;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 182px;
	position: absolute;
	top: -999em;
	left: -1px;
}
.nav li:hover ul, .nav li.sfHover ul {
	top: 18px; /* postions the drop-down menu from the partent menu */;
	left: 1px;
}
.nav ul li {
	border: 0;
	float: none;
}
.nav ul li a, .nav ul li a:link, .nav ul li a:active, .nav ul li a:visited {
	/* style the drop-down links */
  border: 0px solid #000;
	padding-right: 20px;
	width: 146px;
	white-space: nowrap;
	text-transform: none;
}
.nav ul a:hover {
	background: #fff;
	color: #655733;
}
/*position the last (far right) menu to have the drop-down go inside of parent menu*/
.nav ul.inside {
	width: 145px;
}
.nav ul.inside li a, .nav ul.inside li a:link, .nav ul.inside li a:active, .nav ul.inside li a:visited {
	width: 108px;
}
.nav ul.inside {
	border: 1px solid #e0e0e0;
	border-top: 0;
	border-left: 0;
}
.nav li:hover ul.inside, .nav li.sfHover ul.inside {
	top: 18px; /* postions the drop-down menu from the partent menu */;
	left: -74px;
}
/*added by greg */
/*position the next-to-the-last (far right) menu to have the drop-down go inside of parent menu*/
.nav ul.inside2 {
	width: 125px;
}
.nav ul.inside2 li a, .nav ul.inside2 li a:link, .nav ul.inside2 li a:active, .nav ul.inside2 li a:visited {
	width: 70px;
}
.nav ul.inside2 {
	border: 1px solid #e0e0e0;
	border-top: 0;
	border-left: 0;
}
.nav li:hover ul.inside2, .nav li.sfHover ul.inside2 {
	top: 18px; /* postions the drop-down menu from the partent menu */;
	left: -72px;
}
/*added by greg */
.nav li.nodivider {
	background: none;
}
/* Footer Navigation */
#footer-bottom ul {
	list-style: none;
	margin: 0 auto;
	padding: 10px 0;
	width: 950px;
	text-align: center;
}
#footer-bottom ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: bold 11px/12px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #fff;
}
#footer-bottom ul li a, #footer-bottom ul li a:link, #footer-bottom ul li a:active, #footer-bottom ul li a:visited {
	font: bold 11px/12px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #fff;
	padding: 0 7px;
	margin: 0;
	text-decoration: none;
	border-left: 1px solid #fff;;
}
#footer-bottom ul li a.noborder1 {
	border-left: 0;
}
#footer-bottom ul li a:hover {
	text-decoration: underline;
	color: #fff;
}
/* ---------- ::Forms:: ------------------------ */
label {
	cursor: pointer;
}
input, label, select, textarea {
	/*vertical-align:middle;*/
font-size: inherit;
	font-family: inherit;
}
/*input, textarea {padding:.2em;}*/
textarea {
	overflow: auto;
}
/* ---------- ::Global Classes:: --------------- */
.center {
	text-align: center;
}
.clear {
	clear: both;
	padding: 0;
	margin: 0;
	line-height: normal;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.hidden {
	display: none;
}
.inline {
	display: inline;
}
.large {
	font-size: 20px;
	font-weight: bold;
}
.light {
	color: #999;
}
.small {
	font-size: 10px;
	font-weight: normal;
}
.cpink {
	color: #E71E84;
}
#pcMain h1.heading-topgap {
	margin-top: 10px;
}
/* ---------- ::Pages:: ------------------------ */
/* /// place specific page rules here if needed /// */
#promobox img {
	margin: 10px 0 0 2px;
}
#table-1 {
	width: 700px;
	border: 1px solid #000;
	margin: 10px 0;
	padding: 2px;
	text-align: center;
	border-collapse: collapse;
}
#table-1 th {
	border-bottom: 1px solid #666666;
	background: #FCCDE5;
}
#table-1 td {
	border: 1px solid #666666;
	border-top: 0;
}
#featured-home {
	width: 727px;
	height: 375px;
}
#fh-leftbox {
	width: 500px;
	height: 375px;
	float: left;
	background: #9F9F9F url('../../images-edk/splashGraphic_bg-500.gif');
}
#fh-rightbox {
	width: 227px;
	height: 375px;
	float: right;
}
#leftbox-top {
	width: 500px;
	height: 160px;
}
#leftbox-bottom {
	width: 500px;
	height: 180px;
}
#leftbox-bottom .featured-product {
	width: 123px;
	height: 178px;
	float: left;
	margin: 1px;
	text-align: center;
}
#leftbox-bottom .featured-product img {
	margin: 2px auto;
	display: block;
}
#leftbox-bottom-lower {
	width: 500px;
	height: 28px;
}
#feature-message {
	width: 727px;
	margin: 2px 0;
	background: #666666;
	color: #fff;
}
#feature-message p {
	font: 11px Arial;
	padding: 8px;
	text-align: center;
}
#pcMain #feature-message a {
	color: #ffffff;
}
#leftbox-top h1 {
	font: 30px Arial;
	color: #fff;
	background: none;
	margin: 15px;
}
#leftbox-top p {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
}
#leftbox-top p span {
	font-size: 13px;
	font-weight: bold;
}
/*request quote form*/
dl {
	float: left;
	width: 250px;
	margin-left: 30px;
}
dt {
	padding: 15px 3px 0 3px;
}
dd {
	float: left;
	margin: 0;
	padding: 3px 3px 0 3px;
}
dl.widebox {
	width: 500px;
}
dl.widebox textarea {
	width: 335px;
}
.button {
	background: transparent;
	border: 0;
	color: #6c0636;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}
.button:hover {
	color: #c1c1c1;
}
#newsletter input {
	margin: 4px 0;
	vertical-align: middle;
}
#customize-order {
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
}
#customize-order p {
	margin: 2px 3px 3px 3px;
	padding: 0;
}
#customize-order a {
	margin: 2px 3px 2px 3px;
	padding: 0;
}
#customize-order ol {
	padding: 0 0 0 0px;
	margin: 0 0 0 22px;
}
#customize-order li {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}
#customize-order li span {
	margin: 0 0 0 -0px;
	padding: 0;
	display: block;
}
.content-title {
	color: #6C0636;
	font-family: serif;
	font-weight: lighter;
	font-size: 20px;
}
