body {
background-color:#fff;
font:76%/1.4em Arial,sans-serif;
color:#000;
text-align:center;
margin:0 10px 20px;
}

div {
text-align:left;
}

ul {
list-style:none;
margin:0;
padding:0;
}


.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
line-height:0;
clear:both;
visibility:hidden;
}

.clearfix {
min-height:1px;
height:auto !important;
}

.clearfloat {
clear:both !important;
}



#my-list-manager {
width:247px;
margin:0px 0px 15px 0px;
padding:0;
}


#my-list-manager #my-list-content{
margin-bottom:30px;
}



/*-  WRAPS MY LIST
----------------------------------------------------------------------*/

#my-list-manager .listing-box-container {
height:auto;
width:auto;
background:#fff;
margin:0 0 4px;
}

#my-list-manager .listing-box-container-head {
display:block;
height:15px;
width:auto;
background:#fff;
font-size:10px;
clear:both;
margin:0 0 4px;
padding:2px 0;
}




/*-  HEADER
----------------------------------------------------------------------*/

#my-list-manager .header{
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
color:#00a99d;
margin-bottom:10px;
border-bottom:1px solid #ddd;
padding-bottom:10px;
}


#my-list-manager .head {
width:152px;
height:27px;
}


/*-  SET THE STYLE FOR TITLE AND LIST TOGGLE: CLOSED
----------------------------------------------------------------------*/

#my-list-manager .listing-box-container-head .title {
float:left;
/*background:url('../images/mylist-toggle-up.gif') no-repeat 0 5px;*/
text-indent:0px;
font-weight:700;
text-decoration:none;
font-size:11px;
cursor:pointer;
width:72%;
height:15px;
overflow:hidden;
padding:0;
/*color:#363636;*/
}


#my-list-manager .listing-box-container-head .title img{
margin-right: 5px;
}


/*-  SET THE LIST TOGGLE: OPENED
----------------------------------------------------------------------*/


/*#my-list-manager .listing-box-container-head span.open {
background:url('../images/mylist-toggle-down.gif') no-repeat 0 4px;
}

#my-list-manager .listing-box-container-head span:active {
background:url('../images/mylist-toggle-down.gif') no-repeat center left;
}*/


/*-  MYLIST COUNTER
----------------------------------------------------------------------*/

#my-list-manager .listing-box-container-head span.count{
font-weight:700;
float:left;
height:11px;
padding:0 0 0 2px;
}

/*-  DD COLOR CLASSES
----------------------------------------------------------------------*/

#my-list-manager .drugs-blue{color:#3989c9}
#my-list-manager .devices-orange{color:#f7941d}
#my-list-manager .injectables-maroon{color:#842c47}
#my-list-manager .skincare-pink{color:#e1a29d}
#my-list-manager .sunscreens-green{color:#9abb50}


/*

ALTERNATE DELETE OPTION IN HEAD

#my-list-manager .listing-box-container-head .delete-listing {
background:url('../images/mylist-close.png') no-repeat;
float:right;
height:11px;
overflow:hidden;
text-indent:-9999px;
width:11px;
display:inline;
margin-top:4px;
cursor:pointer;
}*/




/*-  INSTRUCTIONS AREA (HIDDEN)
----------------------------------------------------------------------*/




#my-list-manager li.instructions {
border:none !important;
display:block;
color:#363636;
font-style:italic;
font-size:12px;
line-height:16px;
margin:4px 0;
}




#mylist_instructions .ins-title{
font-size:18px;
font-weight:normal;
letter-spacing:-1px;
color:#9a9a9a;
margin:12px 0;
}

#my-list-manager .ins-options{
margin:8px 0;
}


#my-list-manager .ins-options a{
color:#363636;
}

#my-list-manager .ins-options a:hover{
color:#00a99d;
text-decoration:underline;
}





#my-list-manager ul {
line-height:normal;
margin:0;
padding:0;
}

#my-list-manager ul li {
display:block;
margin:0;
padding:0;
}


/*-  WRAPS THE LISTING (DELETE, NAME, CHECKBOX)
----------------------------------------------------------------------*/

#my-list-manager ul li div.listing-box {
display:block;
height:16px;
width:auto;
background:#fff;
font-size:10px;
color:#363636;
border-bottom:1px dashed #ddd;
margin:0 0 4px;
}

#my-list-manager ul li div.listing-box span {
float:left;
width:80%;
overflow:hidden;
height:16px;
color:#363636;
text-indent:8px;
}



#my-list-manager ul li div.listing-box .delete-listing {
background:url('../images/mylist-close.png') no-repeat;
float:left;
height:11px;
overflow:hidden;
text-indent:-9999px;
width:11px;
display:inline;
cursor:pointer;
}

#my-list-manager .compare-listings {
float:left;
font-weight:700;
color:#686868;
height:11px;
padding:0 0 0 2px;
}


#my-list-manager .compare-listings a{
font-weight:700;
color:#686868;
}


#my-list-manager .compare-listings a:hover{
color:#00a99d;
}




#my-list-manager input.manage-listing{
float:right;
margin:0px;
padding:0px;
vertical-align:middle;
margin-right:5px;
border:#FF0000;
}


/*-  OPTIONS IN THE FOOTER OF MYLIST
----------------------------------------------------------------------*/

#my-list-manager li.footer-controls {
background-color:#eeeeee;
display:block;
color:#363636;
font-size:10px;
text-align:right;
margin:4px 0;
padding:4px 6px;
}

#my-list-manager li.footer-controls a{
color:#363636;
}



#my-list-manager li.footer-controls span {
color:#363636;
}