/*
Layout CSS
= Structure
= Colors
= Formatting Classes
*/
@import url("/2009/yumdrop.css");

* {margin: 0; padding: 0;}
a img {border: 0;}
.hide { display: none; }
/*
==PAGE LAYOUT========================================================
*/

#dept_nav {
/*margin-top: 15px;*/
height: 25px;
border-bottom: 1px solid #cacaca;
}
#dept_nav li {
/*font: normal small/130% Verdana, Arial, Helvetica, sans-serif;*/
font-size: 14px;
color:#F572CA;
text-transform: uppercase;
font-weight: bold;
margin-left: 10px;
letter-spacing: 1px;
background: url("/2009/dept_tab9_r.png") top right no-repeat;
padding-right: 15px;
}
#dept_nav li.active {
background: url("/2009/dept_tab9_r_h.png") top right no-repeat;  
}
#dept_nav li a {
color: #F572CA;
line-height: 25px;
background: url("/2009/dept_tab9_l.png") top left no-repeat;
padding-left: 14px;
}
#dept_nav li.active a {
background: url("/2009/dept_tab9_l_h.png") top left no-repeat;
}

#dept_nav li a:hover {
color: #B074DF;
}
#dept_nav li#t_clearance {
margin-right: 0;
}

#wrapper {
width: 950px;
margin: 0 auto;
overflow: hidden;
}

#container { 
background: #fce8ee url("/2009/container_bck.gif") bottom left repeat-x; 
padding: 5px; 
}
#container_header {
position: relative;
background: #ffe;
border: 1px solid #ff8;
height: 36px;
}
#main { background: #fff; }

body.oneCol div#main,
body.oneCol div#recentlyViewed,
body.oneCol div#notifications {  }
body.oneCol div#sideBar { display: none; }
body.oneCol div#sub { display: none; }

body.twoCol div#main,
body.twoCol div#recentlyViewed{ 
float: right;
width: 760px;
}
body.threeCol div#main {
float: right;
width: 920px;
}
body.twoCol div#notifications {
float: right;
width: 780px;
}
body.threeCol div#notifications {
float: right;
width: 940px;
}
body.twoCol div#sideBar { 
float: left;
width: 150px;
padding: 2px 2px 0 2px;
margin-top: 10px;
}

div#main,
div#recentlyViewed {
padding: 5px 10px;

}
div#main {
min-height: 580px;
border-top: 1px solid #fab2dc;
padding-bottom: 20px;
}


/* =HEADER
----------------------------------*/
#non-compliant {
display: none;
}
#no-script {
font-size: 24px;
}
div#header {
margin-bottom: 5px;
position: relative;
height: 80px;
text-align: left;
}
#branding {
position: absolute;
top: 12px;
left: 0px;
}

#header ul a {
font-size: 90%;
/*text-transform: uppercase;*/
}

ul#navUser {
position: absolute;
top: 10px;
right: 0px;
font-size: 10px;
text-transform: capitalize;
}
ul#navUser li a {
display: inline;
text-decoration: underline;
}
div#mcAfee {
position: relative;
float: right;
margin-top: 32px;
width: 80px;
height: 42px;
}
div#panel {
position: relative;
float: right;
margin-top: 30px;
width: 200px;
background: #ffffff;
padding: 1px;
height: 42px;
font-size: 11px;
}
div#panel span {
position: absolute;
}
span#items {
top: 0;
left: 3px;
}
span#cartTotal {
top: 0;
right: 3px;
}
span.checkout_btn {
bottom: -2px;
right: 0;
}
span#viewCart {
bottom: 3px;
left: 1px;
padding-left: 20px;
background: url("/2009/cart.gif") 0 50% no-repeat;
font-weight: bold;
font-size: 11px;
}
#navService {
float: right;
width: 68%; 
}
#navService li { 
font-size: 14px;
color:F572CA;
padding: 0 4px;
line-height: 38px;
}
#navService li a {
/*background: #fce8ee;*/
color: #F572CA;
text-decoration: underline;
padding: 0 11px;
}
#navService li.active a,
#navService li a:hover {
/*background: #f989ca;*/
background: #fce8ee;
text-decoration: none;
}
#navService li#phone {
font-size: 15px;
font-weight: bolder;
color: #ec0088;
}
li#primaryNavigation_lsiCheckoutNow a {
font-weight: bold;
color: #ec0088;
}
#freeShipping {
position: absolute;
left: 335px;
bottom: 8px;
font-size: 90%;
text-transform: uppercase;
color: #ec0088;
padding-top: 1px;
}
#freeShipping span#freeShippingDifference {
position: absolute;
z-index: 1;
padding-left: 83px;
font-size: 95%;
top: -2px;
}

/* =SEARCH
-----------------------------------------*/
#container_header .search {
float: left;
}

.search {
padding: 5px 3px;
}
.search-box {
position: relative;
top: 2px;
font-size: 100%;
width: 170px;
color: #404040;
border: 0;
background: #fff;
padding-right: 2px;
border: 1px solid #666;
}
.search-button {
position: relative;
top: -1px;
vertical-align: middle;
border: 2px outset #c5e5fd;
background: #3e97e7;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.submit-button {
position: relative;
vertical-align: middle;
top: -1px;
border: 2px outset #c5e5fd;
background: #3e97e7;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.search-help {
display: none;
font-size: 70%;
padding: 0 50px 0 20px;
}
#header .search-help a {
padding: 0 4px;
text-transform: lowercase;
}
#support-nav .search-help {
padding: 0 0 0 15px;
}
#support-nav .search,
#page-error #main .search {
text-align: left;
}
#page-error #main .search {
height: auto;
padding-top: 0;
}

/*
==SIDEBAR========================================================
*/

#sideBar h2 {
text-transform: capitalize;
font-size: 12px;
margin-bottom: 15px;
}
#sideBar ul {
list-style-type: none;
margin: 0;
}
#sideBar ul.categories ul {
margin: 0;
}

#sideBar ul li.dept {
margin: 0 0 8px 0;
}
.extra-dept{
font-size:1.1em;
}

#sideBar #lockdown {
position: relative;
width: 135px;
border: 3px solid #ffe;
margin-top: 0px;
margin-bottom: 10px;
}
#sideBar #lockdown_text {
position: absolute;
bottom: 3px;
right: 7px;
font-size: 10px;
line-height: 1.1;
}
#sideBar .signupContainer {
width: 152px;
border: solid 1px #000;
margin: 10px 0 15px 0px;
background-color: #c5e5fd;
}
#sideBar .emailSignup {
margin: 1px;
width: 150px;
}
#sideBar .emailSignup p {
font-size: 10px;
}
#sideBar .emailSignup h2 {
margin: 0;
background: #FF8FC3;
text-align:center;
color:#fff;
}
#sideBar .emailSignup a {
text-align: center;
}
#sideBar .sideBarNav{
color: #ec0088;
text-transform: uppercase;
margin: 0 0 4px 0;
font-size:1.0em
}
#sideBar span.celebrations {
font-size: 10px;
font-weight: bold;
color: #e92f46;
}
/*
==TOOLS========================================================
*/

.hidden {
display: none;
}

.end {
border-right: 0 !important;
padding-right: 0 !important;
}
.begin {
border-left: 0 !important;
padding-left: 0 !important;
line-height:1.2em;
}
.odd {
background: #fce8ee;
}

/* floating */
.left {
float: left;
}
.right {
float: right;
}

/* clearing */
.clear {
clear:both; 
height:1px; 
margin:0; 
padding:0; 
line-height: 1px;
}
.clear30 {
clear:both; 
height:30px; 
margin:0; 
padding:0; 
}
.clearFix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html body .clearFix {height:1px;}
.clearFix {display:inline-block;}
/* Hide from IE Mac \*/
.clearFix {display:block;}
/* End hide from IE Mac */

/* accessibility */
span.accesskey {
text-decoration:none;
}
.accessible {
position: absolute;
top: -999em;
left: -999em;
}
#skip a { 
position:absolute; 
left:0px; 
top:-9999px; 
width:1px; 
height:1px; 
overflow:hidden;
}


/* LIST */
.sansBullets {
list-style-type: none;
}
.iconList ul {
list-style-type: none;
padding: 4px;
}
.iconList li,
.iconList li a {
display: block;
padding: 2px 0 2px 22px;
line-height: 17px;
margin: 4px 0 0 0;
background: url("/2009/star-list-li.gif") 0 0 no-repeat;
}
.iconList li a:hover {
background: url("/2009/star-list-li_h.gif") 0 0 no-repeat;
color: #333;
}

/*
==TYPOGRAPHY========================================================
*/

.required {
border-left: 5px solid #ec0088;
padding-left: 2px;
}
.big {
font-size: 103%;
}
.alert {
font-weight: bold;
width: auto;
}
.subtleAlert {
background: #f3faaf;
}
noscript h1 {
padding: 5px;
background: #9afa3f;
}
.notified {
font-weight: bold;
font-size: 110%;
}
.small {
font-size: 90%;
line-height: 2em;
font-weight: normal;
}
span.price {
color: #ec0088;
}

/* =NOTIFICATIONS
-------------------------------------*/
#notifications {
float: right;
margin: 0 0 5px;
}

div.notifyError ul {
margin-left: 1em;
padding: .5em 0 .5em 0;
list-style-type: none;
}
div.notifyError li {
font-weight: bold;
background: url("/2009/li-exclamation.gif") 0 0 no-repeat;
padding: 5px 0 5px 25px;
line-height: 1;
margin: 10px 0;

}
div.notifyInfo p {
background: #000 url("/2009/li-exclamation.gif") 0 0 no-repeat;
padding-left: 25px;
line-height: 22px;
margin: 6px 0;
font-weight: bold;
}
div.notifyCart,
div.notifyError,
div.notifyInfo {
display: block;
/*width: 794px; caused breakage. ie safe?*/
background: #333;
border: 3px solid #999;
color: #fff;
margin: 0;
}
div.notifyCart {
float: right;
width: 920px;
}
div.notifyError,
div.notifyInfo {
background: #000;
color: #fff !important;
}
.notifyCart a,
.notifyCart a:link,
.notifyCart a:active,
.notifyCart a:visited {
color: #fff;
font-weight: bold;
}
.notifyCart p {
padding: 3px;
line-height: 1.3;
margin: 0 80px 0 0;
font-size: 100%;
}
a#go_to_cart {
float: right;
}

/* =RECENTLY VIEWED
-------------------------------------------------*/
div#recentlyViewed {
background: #fff;
border-top: 0;
}
div#recentlyViewed h1 {
margin: 0;
line-height: 1;
}
div#recentlyViewed .productThumb {
width: 40px;
margin: 0;
}
div#breadcrumb {
height: 20px;
border-bottom: 1px solid #fce8ee;
background: #fffafb;
}
div#breadcrumb p {
font-size: 90%;
padding: 0 0 3px 0px;
margin: 0;
text-transform:capitalize;
color: #444;
}
div#breadcrumb a { color: #444;}
div#breadcrumb a:hover { color: #222; }

/* =NEWSLETTER
--------------------------------------------*/

#newsletterFooter {
background: #fff url("/2009/newsletterFooter_bck.gif") top left no-repeat;
float: right;
position: relative;
height: 71px;
width: 258px;
}
#newsletterFooter img {
position: absolute;
top: 0;
left: 0;
}
#newsletterFooter .textbox {
position: absolute;
bottom: 16px;
right: 65px;
width: 140px;
font-size: 100%;
}
#newsletterFooter .actionHover {
position: absolute;
bottom: 18px;
right: 3px;
}
#newsletterFooter .notified {
position: absolute;
top: 0px;
right: 0px;
width: 200px;
font-size: 10px;
padding: 2px;
color: #ec0088;
}

/* =FOOTER
--------------------------------------------*/
div#footer {
clear: both;
border-top: 1px solid #eee;
background: #fff;
margin: 0 0 0.5em 0;
padding: 0.5em 0 8px;
font-size: 1.1em;
}
div#footer div.left {
margin: 5px 0 0 0;
}
div#footer div.left img {
float: left;
}
div#footer li {
padding: 0 0.3em;
border-right: 1px solid #cacaca;
}
div#footer p {
font-size: 100%;
padding: 12px 0;
clear: left;
color: #666;
}
div#footer p.left img {
vertical-align: text-top;
margin: -3px 0 0 3px;
}

#returnToCart {
display: none;
}


/*HORIZONTAL NAVS GLOBALS*/
* html .nav_horizontal  {
/* hide ie/mac \*/
height: 1%;
/* end hide */
}
ul.nav_horizontal {
width: auto; 
list-style: none;
display: inline;
}
ul.nav_horizontal li {
float: left;
display: inline;
line-height: 1em;
}
ul.nav_horizontal li a{
display: inline;
line-height: 1em;
}
.nav_horizontal a,
.nav_horizontal a:link,
.nav_horizontal a:active,
.nav_horizontal a:visited {
/*display: inline-block;*/
/* hide from ie/mac \*/
display: block;
/* end hide */
text-decoration: none;
}
.nav_horizontal li a:hover {
text-decoration: underline;
}

/* #AHAH
------------------------------------------------------------- */
#preload {
position: absolute;
border: 2px solid #ec0088;
background: #fff;
z-index: 90;
}
#preload img {
padding: 8px;
}
#overlay {
background: url("/2009/overlay.png") repeat; 
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 80;
}

* html #overlay {
width: 130%;
background-color: #fff;
/*back\ground-color: transparent;*/
background-image: url(blank.gif);
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/site/overlay.png", sizingMethod="scale");*/
}

#ahahContainer {
position: absolute;
top: 10%;
margin: 0 auto;
width: 40%;
min-width: 360px;
z-index: 100;
background: #fff;
border: 1px solid #333;
cursor: move;
/*overflow: auto;*/
}
#ahahContainer ol,
#ahahContainer ul {
margin: .5em .5em .5em 1.5em;
}
#ahahContainer #productImg {
position: relative;
background: #000;
height: 600px;
}
#ahahContainer #productImg img {
position: absolute;
bottom: 0;
left: 0;
padding: 0
}
#ahahHeader {
height: 36px;
background: #ec0088;
border-bottom: 2px solid #f989ca;
}
#ahahHeader img {
float: left;
padding: 4px 6px 5px 6px;;
}
#ahahHeader a {
float: right;
padding-top: 9px;
cursor: pointer;
}
#ahahContent {
padding: 0 1em;
text-align: left;
font-size: 90%;
}
#ahahContent table {
font-size: 90%;
}
#ahahContent ul {
margin-left: 2em;

}
#ahahContent li {
margin: .5em 0;
}
#ahahContent em,
#ahahContent strong {
color: #ec0088;
}

/* Entry Pages */
.vendor-logo {
float: right;
margin: 0 0 .4em 1em;
}

/* THUMBS */
.productThumb {
position: relative;
margin: 10px 0 0 24px;
width: 160px;
float: left;
text-align: left;
}
.productlist  {
position: relative;
margin: 10px 0 0 24px;
float: left;
text-align: left;
width: 160px;
height: 170px;
margin-bottom: 10px;
}
.productlist a {
text-decoration: none;
}
.productlist ul {
margin: 0;
list-style-type: none;
}
.productlist li {
width: 90%;
margin: 0;
padding: 0;
background: none;
line-height: 1.4;
text-align:center;
}
.productlist p /*price*/ {
margin: 0 1em 0 0;
}
.productlist p {
color: #333;
margin: 0;
padding: 0;
}
.productlist .salePrice,
#sale .productlist .salePrice {
color: #ec0088;
font-weight: bold;
text-align:center;
}
.productlist img{
width: 140px; height: 140px;
}
<!---productlist3--->
.productlist3  {
position: relative;
margin: 10px 0 0 24px;
float: left;
text-align: left;
width: 160px;
height: 170px;
margin-bottom: 10px;
}
.productlist3 a {
text-decoration: none;
}
.productlist3 ul {
margin: 0;
list-style-type: none;
}
.productlist3 li {
width: 80%;
margin: 0;
padding: 0;
background: none;
line-height: 1.4;
text-align:center;
}
.productlist3 p /*price*/ {
margin: 0 1em 0 0;
}
.productlist3 p {
color: #333;
margin: 0;
padding: 0;
}
.productlist3 .salePrice,
#sale .productlist3 .salePrice {
color: #ec0088;
font-weight: bold;
text-align:center;
}
.productlist3 img{
width: 140px; height: 140px;
}
<!---productlist3 end--->
.productThumb .expander {
position: absolute;
top: 0;
left: 0;
}
.smallThumbs .productThumb {
width: 110px; height: 150px;
}
.productThumb a {
text-decoration: none;
}
.productThumb a:hover {
text-decoration: underline;
}
.productThumb img { 
width: 100px; height: 100px;
}
.productThumb ul {
margin: 0;
list-style-type: none;
}
.productThumb li {
width: 100%;
margin: 0;
padding: 0;
background: none;
line-height: 1.4;
}
.productThumb p.product_name,
.productThumb p /*price*/ {
margin: 0 1em 0 0;
text-align:center;
}
.productThumb p {
color: #333;
margin: 0;
padding: 0;
}
.productThumb .retailPrice {
text-decoration: line-through;
color: #999;
}
.productThumb .salePrice,
#sale .productThumb .salePrice {
color: #ec0088;
font-weight: bold;
}
.productThumb .stockStatus {
font-size: 80%;
font-weight:bold;
}
.productThumb p.product_name, .productThumb p {
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
.productThumb p {
line-height: 1.2;	
}
.productThumb .stockStatus {
}
/*
FORMS====================================
*/
.tableForm {
font-family: Arial,Helvetica,sans-serif;
font-size: 95%;
margin: .3em 0;
}
.tableForm th {
letter-spacing: 1px;
text-transform: uppercase;
padding: 10px 0 0 7px;
color: #333;
}
.tableForm h2 {
padding: 0 0 0 8px;
}
.tableForm th p {
text-transform: none;
}
.tableForm td {
text-align:left;
}
.tableForm td p {
margin: 0;
padding: 7px;
}
#searchCloud {
margin: 10px 0 auto 165px;
width: 945px;
text-align: left;
padding-bottom: 20px;
}
#searchCloud h1 {
text-transform: uppercase;
color: #ec0088;
}
#searchCloud h2 {
text-transform: uppercase;
color: #000;
}
#searchCloud a {
text-decoration: none;
margin-top: 4px;
margin-bottom: 4px;
}
#searchCloud a:hover {
text-decoration: underline;
}
#searchCloud a.biggest  {
font-size: 180%;
}
#searchCloud a.big {
font-size: 160%;
}
#searchCloud a.medium {
font-size: 140%;
}
#searchCloud a.small {
font-size: 99%;
}
#searchCloud a.smallest {
font-size: 79%;
}
#featured .productThumb {
margin: 0;
}

h1.entry {
border-bottom: solid 1px #cacaca;
}

ul.nav_horizontal2 {
width: auto; 
list-style: none;
display: inline;
float:right;
}
ul.nav_horizontal2 li {
float: left;
display: inline;
line-height: 1.1em;
font-size:1.1em;
}
ul.nav_horizontal2 li a{
display: inline;
line-height: 1.1em;
font-size:1.1em;
}


.productlistqq  {
position: relative;
margin: 10px 0 0 10px;
float: left;
text-align: left;
width: 365px;
height: 198px;
margin-bottom: 10px;
background: url("cpbg.gif") top right no-repeat;
overflow:hidden;
display:inline;
}
.productlistqq a {
text-decoration: none;
}
.productlistqq ul {
margin: 0;
list-style-type: none;
display:inline;
}
.productlistqq li {
/*width: 44%;*/
margin: 14px 1px 14px 1px;
background: none;
float:left;
font-size:1em;
}
.listright{
text-align:left;
padding-left: 1px;
width:140px;
float:left;
}
.productlistqq li span {
color:red;
font-size:1em;
}
.listpic {
	/*width:180px;height:180px;
	background-color:#fff;*/
	width:188px;
}
.productlistqq p /*price*/ {
margin: 0 1em 0 0;
}
.productlistqq p {
color: #333;
margin: 0;
padding: 0;
}
.productlistqq .salePrice,
#sale .productlistqq .salePrice {
color: #ec0088;
font-weight: bold;
text-align:center;
}
.productlistqq img{
width: 158px; height: 158px;
border:1px;
border-color:gray;
margin:5px 0px 10px 10px;
}
.brandnav {}
.brandnav ul { text-align:center; width:750px; padding-bottom:10px;}
.brandnav li { display:inline; width:160px; padding:15px 15px;}
#bagsclass { color:#F572CA;width:760px;}
#bagsclass h1 { font-size:15px; font-weight: bold;}
#bagsclass h1 a{ display:block; width: 90%; color:#F572CA;} 
#bagsclass h1 a:hover{ background:#FBD0F2; color:#FFF; font-weight: bold;}
#bagsclass h2 { font-size:12px; font-weight: bold;}
#bagsclass h2 a{ display:block; width: 94%; color:#F572CA;} 
#bagsclass h2 a:hover{ background:#FBD0F2; color:#FFF; font-weight: bold;}
#bagsclass ul {padding:10px 10px;list-style-type:none; margin:0px; }
#bagsclass .leftdiv { float:left; width:24%;}
#bagsclass .middlediv{ float:left; width:24%;}
#bagsclass .middlediv2{ float:left; width:24%;}
#bagsclass .rightdiv{ float:right; width:24%;}
#bagsclass li {list-style-type:none;list-style-image: url(/2009/li_1.gif); background:#FAFAFA;width:160px; height:20px; margin-left:7px;}
#bagsclass li a{ display:block; width: 100%; color:#F572CA;} 
#bagsclass li a:hover{ background:#FBD0F2; color:#FFF; font-weight: bold;}

.post {
width:745px;
height:auto;
float:left;
margin-left:5px;
}
.post li {
width:170px;
float:left;
list-style:none;
overflow:hidden;
margin-left:5px;
}
.post span {
width:660px;
float:right;
text-align:right;
display:inline;
height:auto;
}
.intro {
background:#FFFFEE;
margin:5px 50px;
}
.columnar li a {
color:#EC0088;
}
.jxhotkeyword {
margin:15px 3px;
padding: 15px 3px;
display:inline;
}
.jpcopyright li{
list-style-type:none;
float:left;
width:120px;
overflow:hidden;
margin-top:5px;
}
h3 {
width:120px;
font-size:14px;
display:inline;
overflow:hidden;
}

.jpcopylogo{
width:300px;
text-align:center;
float:left;
display:inline;
}
.jpcopylogomiddle {
margin-top:40px;
margin-right:30px;
float:right;
width:480px;
text-align:center;
font-size:15px;
FONT-WEIGHT: bold;
display:inline;
}
.jpcopylogomiddle a{
color:#FF00FF;
}
.jpcopylogoright {
margin-top:10px;
display:inline;
float:right;
width:120px;
text-align:left;
font-size:15px;
}
.jpcopylogoright span{
line-height: normal;
padding-left:10px;
background:url(http://www.jp-copy.com/purchase/images/arrowRed.jpg) no-repeat;
}
.jpcopylogoright a{
color:#FF00FF;
}
.navPaginate li{ float:left; padding:0px 5px;}