/* Custom CSS Document for Ju Ju's by AM
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Default STYLES
--------------------------------------------------------*/
body {background: #fff;}
#PageSubTable {width: 800px;}
#ContentCell { padding:0 0 0 10px;}
#Instruction1_InstructCell { background:#7d9723; border: 1px solid #cce27e; padding: 7px;}
#Instruction1_InstructCell a {color: #cce27e}
.Instructions {font-size: 11px; color: #cce27e}
.Messages { font-size: 12px; font-weight: bold; color:#d976a6;}
.ErrorMessages { font-size: 12px; font-weight: bold; color: #c00; text-transform:uppercase;}
.Headings {font-size: 16px; font-weight: bold; color: #d976a6}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #cce27e; background: #7d9723}
.Content {font-size: 11px; color: #000}
.Content a {color: #000; text-decoration: none;}
.Content a:hover {color: #000; text-decoration: underline;}
a { outline:none;}
a img { border:none;}
.center { text-align:center;}
.clearRight { clear: right;}
.clearLeft { clear:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell { border-bottom:solid 1px #f9cce1; padding:5px 0 5px 0;}

#TopBannerCell h1 { padding:0; margin:0; text-indent:-99999px; background: url(images/design/logo.gif) no-repeat; width:145px; height:74px; float:left;}
#TopBannerCell h1 a { display:block; width:145px; height:74px;}

#TopBannerCell .cartwrap { float:right;}
#TopBannerCell .cartwrap ul { padding:0; margin:0; list-style:none;}
#TopBannerCell .cartwrap li { padding:0; margin:0; float:left; padding:2px 10px 2px 7px; font:11px Arial, Helvetica, sans-serif; color:#c45a8d; display:block; background:url(images/design/tbNavPipe.gif) no-repeat center right;}
#TopBannerCell .cartwrap li a { display:block; font:11px Arial, Helvetica, sans-serif; color:#c45a8d; font-weight:bold;}
#TopBannerCell .cartwrap li#checkout a { background:url(images/design/tbCartIcon.gif) no-repeat center left; padding-left:20px;}

#TopBannerCell ul.nav { padding:0; margin:40px 0 0 0; list-style:none; float:right;}
#TopBannerCell ul.nav li { padding:0; margin:0; display:inline;}
#TopBannerCell ul.nav li a { text-decoration:none; font:14px Arial, Helvetica, sans-serif; color:#c45a8d; padding:0 8px;}

#TopBannerCell .cartwrap li a:hover { text-decoration:none;}
#TopBannerCell ul.nav li a:hover { text-decoration:underline;}

#TopBannerCell .cartwrap li#last,
#TopBannerCell .cartwrap li#last a,
#TopBannerCell ul.nav li#last,
#TopBannerCell ul.nav li#last a { background:none; padding-right:0;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell { height:5px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell { width:22%; vertical-align:top;}
#LeftColumnNav1_custommenu {width: 100%; vertical-align:top;}

.searchwrap { margin:0 0 10px 0;}
.searchwrap input { background:#f9cce1; color:#d976a6; width:140px; font-size:14px; border:none;}

.lc {}
.lc h3 { height:22px; padding:0; margin:1px 0;}
.lc h3 a { display:block; height:22px; width:100%; background-position:7px 50%; background:#cce27e; text-indent:-99999px;}

.lc h3.sbc a { background:url(images/design/lcShopByCategoryon.gif) no-repeat;}
.lc h3.sbd a { background:url(images/design/lcShopByDesigneron.gif) no-repeat;}
.lc h3.sbs a { background:url(images/design/lcShopByStyleon.gif) no-repeat;}

.lc h3.sbc a:hover,
.lc h3.sbc#on a { background:#d976a6 url(images/design/lcShopByCategoryoff.gif) no-repeat;}
.lc h3.sbd a:hover,
.lc h3.sbd#on a { background:#d976a6 url(images/design/lcShopByDesigneroff.gif) no-repeat;}
.lc h3.sbs a:hover,
.lc h3.sbs#on a { background:#d976a6 url(images/design/lcShopByStyleoff.gif) no-repeat;}

.lcNav { width:177px; overflow:auto; height:436px; background:#fee1ef}
.scroll-track { height:10px ;width:10px; background:#fee1ef;}
.scroll-handle { height:10px; width:10px; background:#d976a6; cursor:pointer;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}

#imageContainer { position:relative; float:left; width:323px; height:398px; overflow:hidden;}

.dfCats { float:left; width:277px; margin:0 0 0 11px;}
.dfCats img#pad { margin:13px 0; _margin:10px 0;}

.dfSpecials { background:#cce27e url(images/design/dfBrightenLookImg.gif) no-repeat 10px 50%; width:325px; height:125px; float:left; margin:15px 10px 0 0; text-indent:-99999px;}
.dfSpecials a { display:block; width:325px; height:125px;}

.dfSpecials2 { background:#7d9723 url(images/design/dfRelaxImg.gif) no-repeat 10px 50%; width:277px; height:125px; float:left; text-indent:-9999px; margin:15px 0 0 0;}
.dfSpecials2 a { display:block; width:277px; height:121px;}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}
#ContentCell.static h1 {font-size: 16px; font-weight: bold; color: #d976a6; border-bottom:solid 1px #d976a6;}
#ContentCell.static h2 {font-size: 14px; font-weight: bold; color: #d976a6}
#ContentCell.static h3 {font-size: 12px; font-weight: bold; color: #7d9723}
#ContentCell.static p { font-size:11px; line-height:16px;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell { padding:10px 0 0 0;}

.ftWrap { background:#d976a6; padding:10px 0 10px 0; float:left; width:100%;}
.ftWrap ul { padding:0; margin:0 0 0 10px; list-style:none; float:left;}
.ftWrap li { padding:0; margin:0; float:left;}
.ftWrap li a { display:block; text-decoration:none; color:#fff; font:11px Arial, Helvetica, sans-serif; padding:2px 10px 2px 7px; background:url(images/design/ftNavPipe.gif) no-repeat center right;}
.ftWrap li a:hover { text-decoration:underline;}
.ftWrap li#first a { padding-left:0;}
.ftWrap li#last a { background:none;}

.ftWrap p { float:left; color:#fff; font:11px Arial, Helvetica, sans-serif; padding:0; margin:10px 0 0 10px;}

.mailList { float:right; margin:0 10px 0 10px; background:url(images/design/ftBigBar.gif) no-repeat center left; padding:10px 30px 10px 5px; vertical-align:middle;}
.mailList h3 { text-indent:-9999px; padding:0; margin:0 5px 0 0; background:url(images/design/ftJoinMailingList.gif) no-repeat; float:left; width:116px; height:16px;}
.mailList h3 a { display:block; width:116px; height:16px;}