/* Custom CSS Document for Jack & Jill
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

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

/* Layout Styles */
body {background: #005C3D; text-align: center}
#PageSubTable { width:750px;}

#ContentCell_default { background:#CED3D6;}
#ContentCell {background: #fff}

#contentwrap {margin: 5px 0 0 0; padding: 0}

/* Text Styles */
h1 {font: bold 20px Arial, Helvetica, sans-serif; color: #000}
h2, .Headings {font: 18px Georgia, "Times New Roman", Times, serif; color: #604B34; border-bottom: 1px solid #929F62}
h3 {font: bold 15px Georgia, "Times New Roman", Times, serif; color: #929F62}
.Content {font: 11px/18px Arial, Helvetica, sans-serif; color: #005C3D}
.small {color: #A1A597; font-size: 9px; margin: 0; padding: 0}
.small a {color: #A1A597; text-decoration: underline}
.small a:hover,
.small a:active {color: #A1A597; text-decoration: none}
a img { border:none;}
a { outline:none;}
.clear { clear:both;}

/* Misc Styles */
.linedash {border-bottom: 1px dashed #D5DCBA}
.line {border-bottom: 1px solid #929F62; margin: 0; padding: 0}

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

/* Layout Styles */
#TopSubBannerCell {background: url(images/design/bn-tile.gif) repeat-x}

#bntable {width: 100%}
#bntable h1 {background: url(Images/design/bn-logo.gif) no-repeat; width: 199px; height: 107px; text-indent: -9999px}
#bntable h1 a {display: block; width: 199px; height: 107px}
.bnleft {background: url(images/design/bn-lt.gif) no-repeat bottom left; vertical-align: top}
.bnnav {width: 100%; height: 48px; vertical-align: bottom}
.bncart {width: 100%; height: 44px; text-align: right}
.bnbase {width: 100%; height: 34px; background: url(images/design/bn-rt.gif) no-repeat bottom right}
.bnbase2 {width: 100%; height: 34px; background: url(images/design/bn-rt2.gif) no-repeat bottom right}

/* Navigation List Styles */
#bnnavwrap, #bnnavwrap ul { padding: 0; margin: 0 15px 0 0; list-style:none; float:right;}
#bnnavwrap li {margin: 0; padding: 0; float:left;}
#bnnavwrap li a { display:block; text-decoration:none; color:#0F5616; padding:2px 14px 2px 10px; background:url(images/design/divider.gif) no-repeat center right;
font:16px "Times New Roman", Times, serif;}
#bnnavwrap li#last a { background:url(images/design/cart.gif) no-repeat center right; padding-right:30px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/

/* Layout Styles */
#LeftColumnCell {background: #fff url(images/design/lc-tile.gif) repeat-y; padding-bottom: 90px; vertical-align:top;}
#LeftColumnNav1_custommenu { vertical-align:top;}

#lcnav {width: 199px}
#lcnavwrap {width: 158px; margin: 15px 0 0 33px}

/* Text Styles */
#LeftColumnNav1_CMenubar2_dlMenu a {font: 11px/25px Arial, Helvetica, sans-serif; color: #6D5133; text-decoration: none; display:block; width: auto; padding-left: 14px}
#LeftColumnNav1_CMenubar2_dlMenu a:hover,
#LeftColumnNav1_CMenubar2_dlMenu a:active {color: #6D5133; background: #F5F8EF; text-decoration: none}

/* RightColumnNav Styles
--------------------------------------------------------*/

/* Layout Styles */
#RightColumnCell {background: #fff url(images/design/rc-tile.gif) repeat-y right; vertical-align: top}
#rc {width: 26px; height: 33px; float: right; background: url(Images/design/rc-top.gif) no-repeat}
#rc2 {width: 26px; height: 33px; float: right; background: url(Images/design/rc-top2.gif) no-repeat}

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

/* Layout Styles */
#FooterCell {background: #005C3D url(images/design/ft-tile.gif) repeat-x top}
#fttable {width: 100%; background: url(Images/design/ft-lt.gif) no-repeat top left}
.ftleft {height: 56px; width:26px}
.ftright {height: 56px; width:26px; background: url(images/design/ft-rt.gif) no-repeat}
.ftnav {width: 100%; text-align: center; vertical-align: bottom; padding-bottom: 13px}

/* Text Styles */
.ftnav,
.ftnav a {font: 9px Arial, Helvetica, sans-serif; color: #604B34; text-decoration: none}
.ftnav a:hover,
.ftnav a:active {color: #604B34; text-decoration: underline}
.ftnavdivide {margin: 0 15px}

.fttxt, 
.fttxt a {text-align: center; margin: 15px 0; padding: 0; font: 9px Arial, Helvetica, sans-serif; color: #D5DCBA; text-decoration: none}
.fttxt a:hover,
.fttxt a:active {color: #D5DCBA; text-decoration: underline}

.ftsftxt {text-align: center; margin: 0 0 15px 0; padding: 0; font: 9px Arial, Helvetica, sans-serif; color: #EDEAE0}
.ftsftxt a {text-align: center; margin: 0 0 15px 0; padding: 0; font: 9px Arial, Helvetica, sans-serif; color: #EDEAE0; text-decoration: none}
.ftsftxt a:hover,
.ftsftxt a:active {color: #EDEAE0; text-decoration: underline}

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

/* Layout Styles */
.df-featuredprods {background: url(Images/design/bottom-bg.gif) repeat; width: 100%; float:left;}
.df-featuredprods h2 { padding:0; margin:14px 0 0 93px; background:url(images/design/convienance_items_header.png) no-repeat; width:193px; height:18px; text-indent:-9999px;
float:left; border:none;}
.df-featuredprods a { text-decoration:none;}
.prod1 { color:#fff; font:10px Arial, Helvetica, sans-serif; margin:17px 0 0 32px; float:left; width:100px; text-align:center;}
.prod2 { color:#fff; font:10px Arial, Helvetica, sans-serif; margin:17px 0 0 35px; float:left; width:100px; text-align:center;}
.prod3 { color:#FF0000; font:10px Arial, Helvetica, sans-serif; margin:18px 10px 0 0; float:right; width:112px; text-align:center;}
.prod4 { color:#FF0000; font:10px Arial, Helvetica, sans-serif; margin:18px 20px 0 0 ; float:right; width:112px; text-align:center;}

.prod1 img,
.prod2 img,
.prod3 img,
.prod4 img { margin:0 0 5px 0;}

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

/* Search Styles */
#LeftColumnNav1_SimpleSearch1_Panel1 {margin: 11px 0 0 46px; padding: 0}

#LeftColumnNav1_SimpleSearch1_Panel1, 
#LeftColumnNav1_SimpleSearch1_Panel1 a {font: 9px Arial, Helvetica, sans-serif; color: #604B34; text-decoration: none}
#LeftColumnNav1_SimpleSearch1_Panel1 a:hover,
#LeftColumnNav1_SimpleSearch1_Panel1 a:active {color: #604B34; text-decoration: underline}

.searchhead {width: 43px; height: 12px; background: url(Images/design/lc-search.gif) no-repeat; text-indent: -9999px; margin: 0; padding: 0}

.searchbox {border: 1px solid #CCD2C2; margin: 5px 0 4px 0; font: 11px Arial, Helvetica, sans-serif; color: #50524B; width: 100px}

/* Cart Styles */
#cartwrap {margin: 0 11px 0 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #604B34}

/* Styles.css Custom
--------------------------------------------------------*/
#ProductDetail11_ProductImage,
#ProductDetail21_ProductImage {padding: 0 5px 5px 0}

#Instruction1_InstructCell {font: 11px/16px Arial, Helvetica, sans-serif; background: #AAB878; color: #392B1C; border: 1px solid #909659; padding: 7px}
#Instruction1_InstructCell a {color: #392B1C}
#Instruction1_InstructCell a:hover {color: #fff; background: #392B1C; text-decoration: none}

.Content a:link,
.Content a:visited {color: #7E8C4C; text-decoration: underline}
.Content a:hover,
.Content a:active {color: #5A6534; text-decoration: none}