/* This file contains the layout styles for UCRecentlyViewed.ascx widget */

/******************************************
	START: Global Styles
*******************************************/

 #RecentlyViewedContainer {
    position: relative;
    margin-top: 35px;
}

#RecentlyViewedContainer .recentlyViewedProducts {
    margin-top: 10px;
}

#RecentlyViewedContainer .ViewAllLink {
    position: absolute;
    top: 12px;
    left: 198px;
    font-weight: normal;
    line-height: 15px;
}

#RecentlyViewedContainer .ProductContainer {
	padding: 10px 9px 0;
}

/***************************
	END: Global Styles
***************************/

/******************************
START: RED Category
********************************/
#RED #RecentlyViewedContainer 
{
    float:left;
    margin-top: 35px;
    max-width: 960px;
}

#RED .ProductSelectionContainer #RecentlyViewedContainer {
    margin-top: 0;
}

#RED .RecentlyViewedPageTitle {
    font-size: 28px;
    line-height: 30px;
    font-weight: normal;
    color: #666;
    text-transform: lowercase;
}


/******************************
START: SSS Category
********************************/
#SSS #RecentlyViewedContainer 
{
    float:left;
    margin-top: 0;
    max-width: 960px;
}

#SSS #RecentlyViewedContainer .recentlyViewedProducts 
{
    clear: both;
}

/* on-page widget styling */
#SSS #productCollection .RecentlyViewedPageTitle {
    font-size: 22px;
    line-height: 22px;
    color: #660000;
    margin:10px 0 0 10px;
    float: left;
}

/* standalone page styling */
#recentlyViewed #SSS .RecentlyViewedPageTitle
{
    padding: 4px 0 4px 10px;
    font-family: Georgia;
    font-size: 20px;
    background: #f8e8d8;
    height: 32px;
    line-height: 32px;
}

#SSS #RecentlyViewedContainer .ViewAllLink 
{
    left: 185px;
    top: 16px;
}

#SSS #RecentlyViewedContainer .ViewAllLink a
{
    font-family: Arial;
    font-size: 14px;
    color: #900;
    text-transform:capitalize;
}

#SSS .RecentlyViewedTitle
{
    padding: 6px;
    background-color: #ffcb99;
    text-align: center;
    color:#6E0901;
    font-size:15px;
    font-weight:bold;
}

#SSS .RecentlyViewedFooter
{
    padding: 8px;
    background-color: #ffcb99;
    margin-top: 5px;
    text-align: center;
}
	
#SSS .RecentlyViewedList
{
    margin-top: 10px;
}

/******************************
START: PCR Category
********************************/
#PCR #innerContainer 
{
    width: 960px;
    margin: 0 auto;
}

#PCR #RecentlyViewedContainer 
{
    float:left;
    margin-top: 0;
    max-width: 960px;
}

#PCR #RecentlyViewedContainer .recentlyViewedProducts 
{
    margin-left: -2px; /*compensate for border*/
    clear: both;
}

/* on-page widget styling */
#PCR #productCollection .RecentlyViewedPageTitle {
    font-size: 18px;
    line-height: 22px;
    color: #666666;
    margin:10px 0 0 10px;
    float: left;
}

/* standalone page styling */
#recentlyViewed #PCR .RecentlyViewedPageTitle
{
    position: relative;
    padding: 10px;
    float: none;
	color: #666;
	border-width: 1px 0;
	border-style: solid;
	border-color: #CCC;
    font-weight: bold;
    font-size: 17px;
    height: 24px;
    line-height: 24px;         
    margin:10px auto;
}

#PCR #RecentlyViewedContainer .ViewAllLink 
{
    left: 155px;
    top: 16px;
}

#PCR #RecentlyViewedContainer .ViewAllLink a
{
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    text-transform:capitalize;
}

#PCR .RecentlyViewedTitle
{
    padding: 6px;
    background-color: #ffcb99;
    text-align: center;
    color:#6E0901;
    font-size:15px;
    font-weight:bold;
}

#PCR .RecentlyViewedFooter
{
    padding: 8px;
    background-color: #ffcb99;
    margin-top: 5px;
    text-align: center;
}
	
#PCR .RecentlyViewedList
{
    margin-top: 10px;
}

/******************************
START: PFC Category
********************************/
#PFC #innerContainer 
{
    width: 960px;
    margin: 0 auto;
}

#PFC #RecentlyViewedContainer 
{
    float:left;
    margin-top: 0;
    max-width: 960px;
}

#PFC #RecentlyViewedContainer .recentlyViewedProducts 
{
    margin-left: -2px; /*compensate for border*/
    clear: both;
}

/* on-page widget styling */
#PFC #productCollection .RecentlyViewedPageTitle {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #666666;
    margin:10px 0 0 10px;
    float: left;
}

/* standalone page styling */
#PFC #recentlyViewed .RecentlyViewedPageTitle
{
    position: relative;
    padding: 10px;
    float: none;
	color: #666;
	border-width: 1px 0;
	border-style: solid;
	border-color: #CCC;
    font-weight: bold;
    font-size: 17px;
    height: 24px;
    line-height: 24px;         
    margin:10px auto;
}

#PFC #RecentlyViewedContainer .ViewAllLink 
{
    left: 195px;
    top: 16px;
}

#PFC #RecentlyViewedContainer .ViewAllLink a
{
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    text-transform:capitalize;
}

#PFC .RecentlyViewedTitle
{
    padding: 6px;
    background-color: #ffcb99;
    text-align: center;
    color:#6E0901;
    font-size:15px;
    font-weight:bold;
}

#PFC .RecentlyViewedFooter
{
    padding: 8px;
    background-color: #ffcb99;
    margin-top: 5px;
    text-align: center;
}
	
#PFC .RecentlyViewedList
{
    margin-top: 10px;
}

/******************************
START: FES Category
********************************/
#FES #innerContainer 
{
    width: 960px;
    margin: 0 auto;
}

#FES #RecentlyViewedContainer 
{
    float:left;
    margin-top: 0;
    max-width: 960px;
}

#FES #RecentlyViewedContainer .recentlyViewedProducts 
{
    margin-left: -2px; /*compensate for border*/
    clear: both;
}

/* on-page widget styling */
#FES #productCollection .RecentlyViewedPageTitle {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #666666;
    margin:10px 0 0 10px;
    float: left;
}

/* standalone page styling */
#FES #recentlyViewed .RecentlyViewedPageTitle
{
    position: relative;
    padding: 10px;
    float: none;
	color: #666;
	border-width: 1px 0;
	border-style: solid;
	border-color: #CCC;
    font-weight: bold;
    font-size: 17px;
    height: 24px;
    line-height: 24px;         
    margin:10px auto;
}

#FES #RecentlyViewedContainer .ViewAllLink 
{
    left: 195px;
    top: 16px;
}

#FES #RecentlyViewedContainer .ViewAllLink a
{
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    text-transform:capitalize;
}

#FES .RecentlyViewedTitle
{
    padding: 6px;
    background-color: #ffcb99;
    text-align: center;
    color:#6E0901;
    font-size:15px;
    font-weight:bold;
}

#FES .RecentlyViewedFooter
{
    padding: 8px;
    background-color: #ffcb99;
    margin-top: 5px;
    text-align: center;
}
	
#FES .RecentlyViewedList
{
    margin-top: 10px;
}

/******************************
START: FEP Category
********************************/
#FEP #innerContainer 
{
    width: 960px;
    margin: 0 auto;
}

#FEP #RecentlyViewedContainer 
{
    float:left;
    margin-top: 0;
    max-width: 960px;
}

#FEP #RecentlyViewedContainer .recentlyViewedProducts 
{
    margin-left: -2px; /*compensate for border*/
    clear: both;
}

/* on-page widget styling */
#FEP #productCollection .RecentlyViewedPageTitle {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #666666;
    margin:10px 0 0 10px;
    float: left;
}

/* standalone page styling */
#FEP #recentlyViewed .RecentlyViewedPageTitle
{
    position: relative;
    padding: 10px;
    float: none;
	color: #666;
	border-width: 1px 0;
	border-style: solid;
	border-color: #CCC;
    font-weight: bold;
    font-size: 17px;
    height: 24px;
    line-height: 24px;         
    margin:10px auto;
}

#FEP #RecentlyViewedContainer .ViewAllLink 
{
    left: 195px;
    top: 16px;
}

#FEP #RecentlyViewedContainer .ViewAllLink a
{
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    text-transform:capitalize;
}

#FEP .RecentlyViewedTitle
{
    padding: 6px;
    background-color: #ffcb99;
    text-align: center;
    color:#6E0901;
    font-size:15px;
    font-weight:bold;
}

#FEP .RecentlyViewedFooter
{
    padding: 8px;
    background-color: #ffcb99;
    margin-top: 5px;
    text-align: center;
}
	
#FEP .RecentlyViewedList
{
    margin-top: 10px;
}

/******************************
START: CMF Category
********************************/
#CMF #innerContainer 
{
    width: 960px;
    margin: 0 auto;
}

#CMF #RecentlyViewedContainer 
{
    float:left;
    margin-top: 0;
    max-width: 960px;
}

#CMF #RecentlyViewedContainer .recentlyViewedProducts 
{
    margin-left: -2px; /*compensate for border*/
    clear: both;
}

/* on-page widget styling */
#CMF #productCollection .RecentlyViewedPageTitle {
    font-size: 22px;
    line-height: 16px;
    height: 22px;
    color: #600;
    margin:10px 0 0 10px;
    float: left;
}

/* standalone page styling */
#recentlyViewed #CMF .RecentlyViewedPageTitle
{
    position: relative;
    text-align: left;
    color: #600;
    float: left;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin:10px auto;
}

#CMF #RecentlyViewedContainer .ViewAllLink 
{
    left: 185px;
    top: 13px;
}

#CMF #RecentlyViewedContainer .ViewAllLink a
{
    font-family: Arial;
    font-size: 14px;
    color: #505050;
    text-transform:capitalize;
}

#CMF .RecentlyViewedTitle
{
    padding: 6px;
    background-color: #ffcb99;
    text-align: center;
    color:#6E0901;
    font-size:15px;
    font-weight:bold;
}

#CMF .RecentlyViewedFooter
{
    padding: 8px;
    background-color: #ffcb99;
    margin-top: 5px;
    text-align: center;
}
	
#CMF .RecentlyViewedList
{
    margin-top: 10px;
}

/******************************
START: PLA Category
********************************/
#PLA #innerContainer 
{
    width: 960px;
    margin: 0 auto;
}

#PLA #RecentlyViewedContainer 
{
    float:left;
    margin-top: 0;
    max-width: 960px;
}

#PLA #RecentlyViewedContainer .recentlyViewedProducts 
{
    margin-left: -2px; /*compensate for border*/
    clear: both;
}

/* on-page widget styling */
#PLA #productCollection .RecentlyViewedPageTitle {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #666666;
    margin:10px 0 0 10px;
    float: left;
}

/* standalone page styling */
#PLA #recentlyViewed .RecentlyViewedPageTitle
{
    position: relative;
    padding: 10px;
    float: none;
	color: #666;
	border-width: 1px 0;
	border-style: solid;
	border-color: #CCC;
    font-weight: bold;
    font-size: 17px;
    height: 24px;
    line-height: 24px;         
    margin:10px auto;
}

#PLA #RecentlyViewedContainer .ViewAllLink 
{
    left: 195px;
    top: 16px;
}

#PLA #RecentlyViewedContainer .ViewAllLink a
{
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    text-transform:capitalize;
}

#PLA .RecentlyViewedTitle
{
    padding: 6px;
    background-color: #ffcb99;
    text-align: center;
    color:#6E0901;
    font-size:15px;
    font-weight:bold;
}

#PLA .RecentlyViewedFooter
{
    padding: 8px;
    background-color: #ffcb99;
    margin-top: 5px;
    text-align: center;
}
	
#PLA .RecentlyViewedList
{
    margin-top: 10px;
}