/* Custom CSS Document for Yoder Department Store
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* GLOBAL STYLES
--------------------------------------------------------*/

h1 {font:bold 12px Verdana; color:#419187; margin:0; padding:5px 3px;}
h2 {font:bold 12px Verdana; color:#419187; margin:0; padding:5px 3px;  border-top:1px solid #000;  border-bottom:1px solid #000;}
h3 {font:bold 12px Verdana; color:#000; margin:0; padding:5px 3px;}
h4 {font:bold 12px Verdana; color:#419187; margin:0; padding:5px 3px;  border-top:1px solid #000;}
body {background: #fff; font-family: Arial, Helvetica, sans-serif}
#pageTable, #PageCell, #PageSubTable, #ContentCell {height:100%; vertical-align:top;}
#PageSubTable {background: #fff}
#ContentCell {background: #fff}
#Instruction1_InstructCell {background: #e2ddc9; border: 1px solid #51817C;	padding: 7px; color: #FFF}
#Instruction1_InstructCell a {color: #FFF}
.Instructions {font-size: 13px; color: #000}
.Messages,
.ErrorMessages {font-size: 13px; font-weight: bold; color: #C14B89}
.Headings {font-size: 17px; font-weight: bold; color: #000}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 15px; font-weight: bold; color: #fff; background: #647D7A}
.Content {font-size: 13px; color: #000}
.Content a {color: #069; text-decoration: underline}
.Content a:hover {color: #069; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/

#TopBannerCell {background: #e2ddc9 url(images/design/bn-bkgd2.jpg) no-repeat 40% 0}
#bn-top-tbl {width: 100%; font-size: 13px; border-bottom: 1px solid #fff}
#bn-top-tbl .left {width: 100%; padding: 2px 0 2px 5px}
#bn-top-tbl .right {white-space: nowrap; padding-right: 15px}
#bn-top-tbl .right ul {color: #333; margin-top: 0; margin-bottom: 0}
#bn-top-tbl .right ul a {color: #333; text-decoration: none}
#bn-top-tbl .right ul a:hover {text-decoration: underline}

/* TopSubBanner Styles
--------------------------------------------------------*/

#TopSubBannerCell {background: #996699}
#bn-nav-tbl {width: 100%; font-size: 12px; font-weight: bold; color: #fff; border-top: 1px solid #7a517a; border-bottom: 1px solid #7a517a}
#bn-nav-tbl a {color: #ffffff; text-decoration: none}
#bn-nav-tbl a:hover {color: #fff}
#bn-nav-tbl .right {text-align: right; padding-right: 9px}

/* !!!! ==>
TOP BANNER DROP DOWN NAVIGATION
<== !!!! */

#nav, #nav ul {padding: 0; margin: 0; list-style: none; line-height: 1}
#nav a {display: block; padding: 5px 17px; text-decoration: none}
#nav a:hover {background: #cc99cc; color: #ffffff}

/* all list items */
#nav li {float: left; padding: 0}

/* second-level lists */
#nav li ul {font-weight: normal; position: absolute; background: #ecbce7; width: 125px; left: -999em; border: 1px solid #ffffff; border-bottom: none}
#nav li ul li a {color: #996699; border-right: none; width: 125px; padding: 5px 0; text-indent: 5px; border-bottom: 1px solid #ffffff}
#nav li ul li a:hover {background: #996699; color: #ffffff}

/* third-and-above-level lists */
#nav li ul ul {margin: -23px 0 0 125px}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Footer Styles
--------------------------------------------------------*/

#FooterCell {background: #fff}
#ft-tbl {width: 100%; text-align: center; font-size: 11px; line-height: 18px; border-bottom: 3px solid #ACB1BD; border-top: 7px solid #996699}
#ft-tbl td {border-top: 3px solid #ACB1BD; border-bottom: 7px solid #996699; padding: 7px 0 8px 0}
#ft-tbl a {color: #000; text-decoration: none}
#ft-tbl a:hover {text-decoration: underline}
#ft-tbl span {margin: 0 5px}
#ft-link-tbl {width: 100%}
#ft-link-tbl h1 {margin: 13px; padding: 10px 0; border-top: 1px solid #B8B091; border-bottom: 1px solid #B8B091; font-size: 17px; color: #0A4E46; font-weight: normal}
#ft-link-tbl table {font-size: 13px; width: 100%; margin-bottom: 20px}
#ft-link-tbl table a {color: #000; text-decoration: none}
#ft-link-tbl table a:hover {text-decoration: underline}
#ft-link-tbl table h2 {font-size: 13px; font-weight: bold; color: #000}
#ft-link-tbl table ul {text-align: center; margin: 0; padding: 0; list-style: none}
#ft-link-tbl table li {margin-bottom: 5px}
#ft-link-tbl td, #ft-link-tbl table td {width: 50%; vertical-align: top}
#ft-link-tbl, #ft-link-tbl table, #ft-link-tbl table td {text-align: center}

/* Default Page Styles
--------------------------------------------------------*/

#df-wrap {width: 720px; text-align: left; margin-top:0}
#df-prod-tbl {width: 100%; margin-top: 5px}
#df-prod-tbl td {vertical-align: top}
#df-prod-tbl #c1 {width: 33%; border-right: 5px solid #fff}
#df-prod-tbl #c2 {width: 34%; border-right: 5px solid #fff}
#df-prod-tbl #c3 {width: 33%}
.df-prod {font-size: 10px; border: 1px solid #817738; float: left}
.df-prod p {margin: 5px 0 5px 5px; padding: 0}
.df-prod img {float: left; margin-right: 10px}
.df-prod strong {font-size: 13px}
#p1 {width: 100%}
#p2 {width: 100%}
#p3 {width: 100%; margin-right: 0}
#df-txt {color: #033; padding: 10px 20px; float: left}


/* Static Page Styles
--------------------------------------------------------*/

#contentwrap {margin: 0 0 20px 0}
#contentwrap a {font-weight: bold}
#contentwrap h1 {font: bold 19px Verdana; color: #000}
#contentwrap h2 {font-size: 15px; font-weight: bold; color: #000}
#contentwrap h3 {font-size: 13px; font-weight: bold; color: #000}
#contentwrap img.left {float: left; margin: 0 10px 0 0; border: 1px solid #415C59}
#contentwrap img.right {float: right; margin: 0 0 0 10px; border: 1px solid #415C59}
#contentwrap div.line {border-bottom: 1px solid #ACCECD}

/* Activities Page */
#activities-tbl {width: 300px; font-size: 13px; border: 1px solid #415C59; margin: 10px 0}
#activities-tbl td {width: 50%; padding: 5px; vertical-align: top; background: #DEDEDE; text-align: center}
#activities-tbl td.head {background: #647D7A; color: #fff; vertical-align: middle}
#activities-tbl02 {width: 100%; font: 15px Georgia, "Times New Roman", Times, serif; color: #000}
#activities-tbl02 div {border: 2px solid #000; padding: 10px; margin: 10px}

/* Policies Page */
#contentwrap.policies p {font-size: 12px}
#contentwrap.policies h1 {font-size: 18px}

/* Search & Cart Control Styles
--------------------------------------------------------*/

/* Search Styles */
#TopSubBanner1_SimpleSearch1_Panel1 {white-space: nowrap; float: right; text-align: right; margin: 0; padding: 0; font: bold 13px Arial, Helvetica, sans-serif; color: #fff}
#TopSubBanner1_SimpleSearch1_Panel1 a {color: #fff; text-decoration: none}
#TopSubBanner1_SimpleSearch1_Panel1 a:hover {color: #fff; text-decoration: underline}
.searchbox {border: 1px solid #4D605E; font: 13px Arial, Helvetica, sans-serif; color: #000; background: #fff; width: 100px}