/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* Stylesheet      : Hot List Style Sheet                                                        */
/*                                                                                               */
/* Script Name     : hotlist.css                                                                 */
/*                                                                                               */
/* System Name     : Lookagain                                                                   */
/*                                                                                               */
/* Author          : OTTO                                                                        */
/*                                                                                               */
/* Date            : 04/06/2009                                                                  */
/*                                                                                               */
/* Copyright       : (c) OTTO UK Ltd                                                             */
/*                                                                                               */
/* Description     : Contains styling for the Lookagain Hot List page.                           */
/*                                                                                               */
/* Version History                                                                               */
/*                                                                                               */
/* Version Date       Who     Description                                                        */
/* ------- ---------- -----   -----------                                                        */
/* 1.0     04/06/2009 otto    Original version.                                                  */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/  

/* ################ */
/* #### HEADER #### */
/* ################ */

#divHotlistHeader {
    margin: 20px auto 10px auto;
    width: 912px;
    font-size: 11px;
    color: #333333;
}

#divHotlistHeader div.top {
    background: url(../pix/hotlist/hotList_grey.gif) no-repeat;
    padding-left: 30px;
    margin-bottom: 10px;
}

#divHotlistHeader div.top span.largeFont{
    color: #666666;
    font-size: 18px;
    margin-right: 5px;
}

#divHotlistHeader div.top img{
    margin-left: 5px;
}

#divHotlistHeader div.bottom {
}

/* #################### */
/* #### STATIC_TOP #### */
/* #################### */

#static_top  {
    background-image: none;
    background-color: #CDCDCD;
    font-size: 12px;
    height: 37px;
} 

#static_top div.sortedBy {
    float: left;
    color: #666666;
    margin: 9px 10px 0px 15px;
}

#static_top div.undoRemove {
    float: left;
}

#static_top div.sortedBy select {
    width: 139px;
    height: 18px;
    border: 1px solid #666666;
    margin-left: 10px;
}

#static_top div.emailAllAFriend {
    float: right;
    color: #666666;
    margin: 7px 15px 0px 0px;
}

#static_top div.emailAllAFriend span.text{
    position: relative;
    top: 4px;
}

#static_top div.undoRemove {
    float: left;
    color: #000000;
    background-color: #FFFFFF;
    margin: 9px 0px 0px 55px;
    padding: 2px;
    text-align: center;
    width: 390px;
}

#static_top div.undoRemove  a {
    color:#000000;
}

#static_top div.undoRemove  a:hover {
    color:#000000;
}

#static_top div.undoRemove  a:visited {
    color:#000000;
}

#static_top div.emailAllAFriend {
    float: right;
    color: #666666;
    margin: 7px 15px 0px 0px;
}

#static_top div.emailAllAFriend  a {
    color: #666666;
    text-decoration: none;
}

#static_top div.emailAllAFriend  a:hover {
    text-decoration: none;
}

#static_top div.emailAllAFriend  a:visited {
    text-decoration: none;
}

/* ################# */
/* #### CONTENT #### */
/* ################# */

#static_content  {
    padding: 10px 0px;
    width: 912px;
} 

#static_content table#hotlistTable td {
    padding: 10px 0px 0px 0px;
}

#static_content table#hotlistTable td div.horizontalGreyLine{
    clear: both;
    height: 1px;
    padding-bottom: 0px;
    width: 760px;
    border-top: 1px solid #CCCCCC;
}

#static_content table#hotlistTable td div.verticalGreyLine{
    float: left;
    height: 30px;
    width: 10px;
    border-left: 1px solid #CCCCCC;
}

#static_content table#hotlistTable td div.priceValue{
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0px 20px 0px;
}

#static_content table#hotlistTable td div.moreDetails{
    font-size: 9px;
}

#static_content table#hotlistTable td a {
    color: #333333;
    text-decoration: none;
}

#static_content table#hotlistTable td a:hover {
    text-decoration: none;
}

#static_content table#hotlistTable td a:visited {
    color: #333333;
    text-decoration: none;
}

#static_content table#hotlistTable td a.boldGreenLink
{
    font-size:11px;
    font-weight:bold;
    color:#4B4A4A;
    text-decoration:none;
}

#static_content table#hotlistTable td a.boldGreenLink:visited
{
    font-size:11px;
    font-weight:bold;
    color:#4B4A4A;
    text-decoration:none;
}

#static_content table#hotlistTable td a.removeItem {
    color: #333333;
    text-decoration: underline;
}

#static_content table#hotlistTable td a.removeItem:hover {
    color: #333333;
    text-decoration: underline;
}

#static_content table#hotlistTable td a.removeItem:visited {
    color: #333333;
    text-decoration: underline;
}

#static_content table#hotlistTable td.productImage {
    padding: 5px 0px 0px 10px;
    width: 130px;
}

#static_content table#hotlistTable td.productImage div.productImage {
    padding: 4px 0px 4px 3px;
}

#static_content table#hotlistTable td.itemDescription {
    width: 190px;
}

#static_content table#hotlistTable td.paddingRight {
    padding: 10px 10px 0px 0px;
}

#static_content table#hotlistTable td.paddingBottom {
    padding: 0px 0px 5px 0px;
}

#static_content table#hotlistTable td.divider {
    border-bottom: 1px dotted #000000;
}


#addToBagBox
{
    background-color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
    text-align:left;
}

#addPopUpCloseWin
{
    position:absolute;
    left:269px;
    top:24px;
}

#GB_window
{
    background-color:#FFFFFF;
    width:335px;
}

.popupButtonContainer
{
    width:300px;
    text-align:center;
}

.popupButtonContainer a
{
    cursor:pointer;
}

.popupButtonContainer a img
{
    border:0px;
}

.hotListCancelButton
{
    margin-right:80px;
}
    
.emptyTextDiv
{
    display:block;
    padding-left:20px;
    padding-right:20px;
}    

.emptyTextDiv span a
{
    text-decoration:underline;
    color:#333333;
}

div.productImage
{
    width:81px !important;
}

div.productImage a img
{
    border: none !important;
    width:81px !important;
}


.hiddenCheckBox
{
    visibility:hidden;
    height:1px;
    width:1px;
}

.sendToFriendButton
{
	background:url(../pix/hotlist/send_to_a_friend_button.png);
	position:absolute;
	right:10px;
	top:0px;
	height:16px;
	width:116px;
}

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------ End of Stylesheet ----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/