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

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

#dept_nav {
margin-top: 7px;
height: 25px;
margin-right: 8px;
}
#dept_nav li {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
margin-left: 9px;
letter-spacing: 1px;
background: url("/cate_images/dept_tab9_r.png") top right no-repeat;
padding-right: 15px;
}
#dept_nav li.active {
background: url("/cate_images/dept_tab9_r_h.png") top right no-repeat;  
}
#dept_nav li a {
color: #333;
color: #ec0088;
color: #000;
line-height: 25px;
background: url("/cate_images/dept_tab9_l.png") top left no-repeat;
padding-left: 14px;
}
#dept_nav li.active a {
background: url("/cate_images/dept_tab9_l_h.png") top left no-repeat;
}

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

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

#container { 
background: #FBD2E0 url("/i/site/container_bck.gif") bottom left repeat-x; 
padding: 5px; 
}
#container_header {
position: relative;
background: #F7FADA;
border: 1px solid #FBD2E0;
height: 36px;
}

.mybutton {
font-size: 12px;
font-weight: bold;
background-color: #E4EAF1;
padding: 0px 0px;
border: 1px solid #C2D8EF;
}  



    

/* =HEADER
----------------------------------*/
#non-compliant {
display: none;
}
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: 12px;
text-transform: capitalize;
}
ul#navUser li a {
display: inline;
text-decoration: underline;
}

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("/i/site/cart.gif") 0 50% no-repeat;
font-weight: bold;
font-size: 11px;
}
#navService {
float: right;
width: 60%; 
}
#navService li { 
font-size: 11px;
padding: 0 4px;
line-height: 38px;
}
#navService li a {
/*background: #CAEEFE;*/
color: #000;
padding: 0 11px;
}
#navService li.active a,
#navService li a:hover {
/*background: #f989ca;*/
background: #CAEEFE;
text-decoration: none;
}
#navService li#phone {
font-size: 13px;
font-weight: bold;
color: #ec0088;
}
li#primaryNavigation_lsiCheckoutNow a {
font-weight: bold;
color: #ec0088;
}
#freeShipping {
position: absolute;
left: 365px;
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 {

}
.search-box {
position: relative;
top: 6px;
left: 6px;
font-size: 10px;
}
.search-button {
position: relative;
top: 3px;
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;
}

#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;
}
/*
==TOOLS========================================================
*/

.hidden {
display: none;
}

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

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

/* clearing */
.clear {
clear:both; 
height:1px; 
margin:0; 
padding:0; 
line-height: 1px;
}
.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("/i/site/star-list-li.gif") 0 0 no-repeat;
}
.iconList li a:hover {
background: url("/i/site/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("/i/site/li-exclamation.gif") 0 0 no-repeat;
padding: 5px 0 5px 25px;
line-height: 1;
margin: 10px 0;

}
div.notifyInfo p {
background: #000 url("/i/site/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.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: .5em;
margin: 0;
font-size: 100%;
}

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

.menucate { font-family:arial; 
   font-variant:small-caps; 
   font-size:10pt;
   font-weight:bold;
   font-style:italic
}



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

#newsletterFooter {
background: #fff url("/i/site/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#footeer32 {
clear: both;
background: #ffcfdd;
margin: 0 0 1em 0;
padding: 0.5em 0.5em 8px;
font-size: 11px;
}

div#footeer {
clear: both;
background: #ffcfdd;
margin: 0 0 1em 0;
padding: 0.5em 0.5em 8px;
font-size: 11px;
}
div#footeer div.right {
margin: 5px 0 0 0;
}
div#footeer div.left img {
float: right;
}
div#footeer li {
padding: 0 0.3em;
border-left: 1px solid #cacaca;
float: right;
}
div#footeer p {
font-size: 100%;
padding: 12px 0;
clear: right;
color: #666;
}
div#footeer p.right img {
vertical-align: text-top;
margin: -3px 0 0 3px;
}


div#footer {
clear: both;
border-top: 1px solid #eee;
background: #fff;
margin: 0 0 0.5em 0;
padding: 0.5em 0 8px;
font-size: 11px;
}
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;
}
ul.nav_horizontal li {
float: right;
display: inline;
line-height: 1.2em;
}
.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("/i/site/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 0;
width: 120px;
float: left;
text-align: left;
}
.productThumb .expander {
position: absolute;
top: 0;
left: 0;
}
.smallThumbs .productThumb {
width: 80px;
}
.productThumb a {
text-decoration: none;
}
.productThumb a:hover {
text-decoration: underline;
}
.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;
}
.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: 80%/110% 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;
}

-------------------------------------------------------*/
#previous, #next {
padding: 3px;
margin-bottom: 14px;  
}
#previous a, #next a {
padding: 3px;
background: #f0f0f0;
}
#previous a:hover, #next a:hover {
color: #fff;
background: #0a0a0a;
}

#previous {
float: left;
width: 18%;
text-align: right;
font-size: 1.1em;
padding-right: 1px;
padding: 0.5em 0.5em;
}
#next {
float: right;
width: 70%;
font-size: 1.1em;
padding-left: 1px;
padding: 0.5em 0.5em;
margin-bottom: 14px;
}