/*---- Begin Wishlist ------*/

/* --------------  Begin Of Global Registry CSS Usage --------------------------------  */

/* --------------  Space Structure Classes  --------------- */

#mainTable {width: 400px; margin-top: 8px; text-align:left; }

#rightCol_empty {         
	    vertical-align: bottom;
        width: 280px;
        padding-right: 8px;
}

#centerColumn {
        width: 591px;
        float: left;
        margin-left: 0px;
        padding-left: 10px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #cccccc;
}



/* --------------  Breadcrumb Classes  --------------- */

.carat_link {	
	padding-left: 8px;
	font-weight: bold;
	line-height: 1.1em;
	vertical-align: middle;
}

.wishListContinueBtn {
    vertical-align: middle;
    float: left;
    border: none;
}

.wishListToggleBtn {
    border: none;
}

.cartBtn {
    border: none;
}

.middle_carat_link {
	vertical-align:middle;
	margin-right: 1px;	
	padding-left: 1px;
	font-weight: bold;
	line-height: 1.1em;
}

ul.breadcrumb { font-size: 1.1em; }

ul.breadcrumb li {
        display: inline;
        padding: 0 8px 0 8px;
}

ul.breadcrumb li.first {
        background: none;
        padding-left: 0;
}

ul.breadcrumb li.first_bold {
        background: none;
        padding-left: 0;
}

ul.breadcrumb li.first_bold { font-weight: bold; }

ul.breadcrumb li.last { padding-left: 0; font-weight: bold; }

span.breadcrumb_nolink {
        font-size: 1.1em;
        display: block;
}

span.breadcrumb_nolink span { font-weight: bold; }

/* --------------  Rounded Box Classes --------------- */
.round_tl { background: url(../corners/white/topLeft.gif) no-repeat 0 0; }

.round_tr {
        margin-left: 4px;
        padding-top: 4px;
        background: url(../corners/white/topRight.gif) no-repeat 100% 0; }

.round_bl {
        height: 4px;
        background: url(../corners/white/bottomLeft.gif) no-repeat 0 100%; }

.round_br {
        height: 4px;
        margin-left: 4px;
        background: url(../corners/white/bottomRight.gif) no-repeat 100% 100%; }
        
/* -------------- List Title Bar Classes  --------------- */

.list_title {display:block; font-weight:bold;}

.list_title_bar {
        background-color: #d9e5c6;
        clear: both;
        height: 23px;
}

.list_title_bar .round_tr h4 {padding-bottom: 0;}
.list_title_bar .round_tr { padding-left: 4px; }
.list_title_bar p{padding: 0; margin: 0;}        
        

/* -------------- Forms Classes  --------------- */  

fieldset div.form_row {
        margin-bottom: 4PX;;
        padding: 0;
        display: block;
        clear:left;
}

fieldset div.form_row input {
        width: 175px;
        margin-right: 8px;
}

fieldset div.form_row span {
        width: 175px;
        padding: 2px;
        margin-right: 8px;
}

fieldset div.form_row textarea {
        width: 250px;
        margin-right: 8px;
}

fieldset div select { width:181px; padding: 2px;}

input:focus, textarea:focus {
        background: #efefef;
        color: #000;
}        
               
/* --------------  End Of Global Registry CSS Usage --------------------------------  */

/* -------------- TODO: Begin Of Temporary Ajax CSS Example. 
                  Need to move this to somewhere else instead --------------- */
#MyProjectLists1  #listOfWishlistFloating {
    display:none;
    border:orange 1px solid;
    width:200px;
    z-index:2;
    position:absolute;
    background-color:white; 
    text-align: left;
}

.list_drop_top .form_row input {
   margin-right: 5px;
}

#MyProjectLists1 #listOfWishlistFloatingBottom {
    padding: 5px;
    border-top:orange 1px solid;
}

#MyProjectLists1 #listOfWishlistFloatingTop {
    padding: 5px;
}

#MyProjectLists1 #form_row_continue .carat_link {
   padding-top: 3px;
}

#MyProjectLists1 #form_row_continue .carat_link a {
   background-color:transparent;
   background-image:url(../common/carat.gif);
   background-position:0px 5px;
   background-repeat:no-repeat;
}

#MyProjectLists1 #form_row_continue {
    margin-top: 10px;
    padding-left: 20px;
}

#MyProjectLists1 #listOfWishlistFloating #listOfWishlistsChooserTop { 
   height:200px;
   overflow-y:scroll;
   border-bottom: green 1px solid;
}
/* -------------- End Of Temporary Ajax CSS Example. 
                  Need to move this to somewhere else instead --------------- */


/* --------------  Begin Of MyProjectLists  ---------------------------------  */

#MyProjectLists1 #sortByMenuJS {
        display:none !important;
}

.header .tl { background: url(../cart/corners/corner_tl.gif) no-repeat; height: 4px; width: 4px; position: absolute;}
.header .tr { background: url(../cart/corners/corner_tr.gif) no-repeat; height: 4px; width: 4px; position: absolute; right: 0pt;}
.header .bl { background: url(../cart/corners/corner_bl.gif) no-repeat; height: 4px; width: 4px; position: absolute;}
.header .br { background: url(../cart/corners/corner_br.gif) no-repeat; height: 4px; width: 4px; position: absolute; right: 0pt;}

#MyProjectLists1 .listsLastColumn {width: 90px}
#MyProjectLists1 .listsFirstColumn {width: 20px} 
.header .corners {
      background-color:#D9E5C6;
      height:4px;
      position:relative;
}

.header h4 {
      vertical-align: middle;
      padding-bottom: 0px;
      padding-left: 5px;
}

#MyProjectLists1 ul#my_list li {margin-bottom: 24px; clear:both;}

#MyProjectLists1 table.my_list_table {
        width: 584px;
        margin-left: 8px;
        clear: both;
        margin-top: 4px;
}

#MyProjectLists1 table.my_list_table span.list_title {display:block; font-weight:bold;}

#MyProjectLists1 table.my_list_table td {
        border-bottom: 1px solid #c8c8c8;
        padding: 8px 0 8px 0px;
        vertical-align: top;
}

#MyProjectLists1 table.my_list_table .carat_link {
        padding-left: 0px;
}

#MyProjectLists1 td.bold_label {font-weight:bold;}

#MyProjectLists1 table.my_list_table tr.first  td{border-top: 1px solid #c8c8c8; }

#MyProjectLists1 ul#my_list li.create_new_list  div.buttonRow {text-align:right;}

#MyProjectLists1 div.sortby_right {float:right; width: 200px; text-align:right;}
#MyProjectLists1 select.sortby{margin: 0;  width: 120px;  vertical-align: middle;}

#MyProjectLists1 div.buttonRow { margin-left: 8px; margin-top: 3px; clear:left;}
#MyProjectLists1 div.buttonRow input {margin-right: 4px; vertical-align:middle;}
#MyProjectLists1 div.buttonRow  #list_list_name {width: 150px; float:left; }
#MyProjectLists1 div.buttonRow  #list_description{width: 275px; float:left; }

/* --------------  End Of MyProjectLists  --------------------------------  */

/* --------------  Begin Of ListDetail  ---------------------------------  */

#ListDetail1 span.list_name {font-size: 1.1em;}

#ListDetail1 ul.list_detail_top1 { 
	                  width: 592px; 
	                  float: left;  
	                  clear: both;  
	                  margin-top:4px; 
	                  margin-bottom: 4px; 
	                  padding-top:8px; }

#ListDetail1 ul.list_detail_top2 { 
	                  width: 592px; 
	                  float: left; 
	                  border-top: 1px solid #c8c8c8;   
	                  clear: both;  
	                  margin-top:4px; 
	                  margin-bottom: 4px; 
	                  padding-top:8px; }
	                  
#ListDetail1 ul.list_detail_top1 li, ul.list_detail_top2 li{float:left; }

#ListDetail1 ul.list_detail_top1 li.first_col, ul.list_detail_top2 li.first_col{width:300px;}
#ListDetail1 ul.list_detail_top1 li.third_col, ul.list_detail_top2 li.third_col{float:right; width: 160px; }
#ListDetail1 ul.list_detail_top1 li.third_col a.carat_link, ul.list_detail_top2 li.third_col a.carat_link {display: block; padding-bottom: 2px;}

#ListDetail1 ul#list_detail div.buttonRow {margin-left: 0; margin-top: 8px; clear:left;}
#ListDetail1 div.sortby_right {float:right; width: 200px; text-align:right; vertical-align: middle;}
#ListDetail1 select.sortby {margin: 0;  width: 120px;}

#ListDetail1 ul#list_detail .sortRow input {margin-top: 8px;}
#ListDetail1 ul#list_detail {width: 592px;}
#ListDetail1 ul#list_detail table.list_items_table {width: 592px; }
#ListDetail1 ul#list_detail table.list_items_table th {font-weight: bold; white-space: nowrap; padding: 4px 4px 0 4px;}
#ListDetail1 ul#list_detail table.list_items_table td {padding:8px 4px;}
#ListDetail1 ul#list_detail table.list_items_table th.item {width: 205px;}
#ListDetail1 ul#list_detail table.list_items_table th.select_all {width: 75px;}
#ListDetail1 ul#list_detail table.list_items_table th.price {width: 65px;}
#ListDetail1 ul#list_detail table.list_items_table th.total {width: 85px;}
#ListDetail1 ul#list_detail table.list_items_table tr.header td {padding: 0; }
#ListDetail1 ul#list_detail .list_comments {width: 490px; padding: 2px;  }
#ListDetail1 ul#list_detail table.list_items_table tr.comments td{padding:0 0 8px 0; margin: 0;}
#ListDetail1 ul#list_detail table.list_items_table tr.no_border td{border: 0;}


#ListDetail1 .list_items_table {
        clear: both;
        margin-bottom: 8px;
        margin-top: 5px;
        width: 100%;
}

#ListDetail1 .list_items_table th {
        background-color: #D9E5C6;
        vertical-align: top;
        text-align: left;
        padding: 4px 0 0px 4px;
        border-bottom: 0;
}

#ListDetail1 .list_items_table .header td {
        background-color: #E3ECD4;
        border-bottom: 0;
        padding: 0;
        vertical-align: top;
}

#ListDetail1 .list_items_table img { vertical-align: top; }

#ListDetail1 .list_items_table td {
        vertical-align: top;
        text-align: left;
        padding: 8px 4px;
        border-bottom: 1px solid #c8c8c8; 
}

/* --------------  End Of ListDetail  ---------------------------------  */

/* --------------  Begin Of EditListInfo  ---------------------------------  */
#EditListInfo1 .form_checkbox { border: 0; padding:0; margin:0; width: auto; }
#EditListInfo1 div.buttonRow {margin-left: 0; margin-top: 5px; margin-bottom: 15px; clear:left; }
#EditListInfo1 .form_radio {float:left;  text-align: left; margin-right:4px;}

#EditListInfo1 label.forms {
        float: left;
        width: 130px;
        text-align: left;
}

#EditListInfo1 table.new_address_table {
	    margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 5px;
        clear: both;      
}

#EditListInfo1 table.new_address_table td {

        vertical-align: top;
        text-align: right;     
        font-weight: bold; 
}

#EditListInfo1 table.new_address_table td.addressForm {
        vertical-align: top;  
        float: left;  
        margin-left: 5px;
}

#EditListInfo1 table.new_address_table td.addressForm div.none {
        float: none;  
}

#EditListInfo1 div.form_row_button {display: block; margin-left: 130px;}
#EditListInfo1 div.form_row_button input{vertical-align: middle; margin: 8px 4px 8px 0;}

/* --------------  End Of EditListInfo  ---------------------------------  */

/* --------------  Begin Of EmailList  ---------------------------------  */

#EmailList1 div.form_row_button {display: block; margin-left: 130px;}
#EmailList1 div.form_row_button input{vertical-align: middle; margin: 8px 4px 8px 0;}
#EmailList1 .form_checkbox { border: 0; padding:0; margin:0; width: auto; }

#EmailList1 div.buttonRow { margin-top: 10px; margin-bottom:10px; clear:left;}

#EmailList1 label.forms {
        float: left;
        width: 130px;
        text-align: left;
}

/* --------------  End Of EmailList  ---------------------------------  */

div.viewedProducts .viewedProductsTitle, div.recentSearches .recentSearchesTitle {
    font-weight: bold;
    font-size: 1em;
    padding: 0px 0 4px 0;
}
/*------ End WishList ------*/