/**
* $Date: 2009-10-01 17:06:59 +0200 (to, 01 okt 2009) $
* $Author: daniel.eriksson $
* $Revision: 712 $
**/

body,
table 
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, Sans-Serif;
	font-size: 12px;
}

/* links */

a,
a:visited
{
	text-decoration: none;
}

/* text & headings */

h2
{
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 15px 0;
}    

h3
{
	margin: 30px 0 10px 0;
}

.page-content h2
{
    font-size: 20px;
}

/* tabs */

ul.tabs
{
    list-style: none;
    margin: 0 8px;
    padding: 0;
}
    
    ul.tabs li
    {
        display: block;
        float: left;
        margin: 0 1px 0 0;
        padding: 12px 20px; 
        width: 93px;
        height: 15px;
        background: transparent url(../images/layout/tabs.png) -0px -40px no-repeat;
    }
                
    ul.tabs li.active
    {
        background: transparent url(../images/layout/tabs.png) top left no-repeat;
    }    
    
        ul.tabs li a
        {
            font-size: 14px;
        }
 
/* profile */ 

    #toolsWrapper .profile
    {
        background: transparent url(../images/layout/tabs.png) -0px -80px no-repeat;
        padding: 6px 6px 4px 6px;
        height: 29px;
        width: 121px;
        float: left;
        font-size: 14px;
    }   
        
        #toolsWrapper .profile img
        {
            float: left;
            margin: 0 6px 0 0;
        }
        
        #toolsWrapper .profile a
        {
            float: left;
            margin-top: 0;            
        }
        
        #toolsWrapper .profile a.logout
        {
            font-size: 9px;
            margin: 0;
        }          

/* profile pages */

.profile-form-container fieldset
{
    border: 1px solid #eee;
}

    .profile-form-container legend
    {
        font-weight: bold;
    }
    
    .profile-form-container label
    {
        float: left;
        margin: 5px 10px 0 5px;
        width: 120px;
    }
    
    .profile-form-container input
    {
        display: block;
        width: 250px;
        height: 20px;
        padding: 4px 2px;
        margin: 4px 0 0 0;
    }
    
    .profile-form-container input.button
    {
        margin: 10px 0;
        height: auto;
        width: auto;
        padding: 2px 0;
    }
    
    .profile-form-container input.file-uploader
    {
        height: 20px;
        padding: 4px 2px;
        height: 24px;
    }
    
/* tools */

#toolsWrapper
{
    background: transparent url(../images/layout/tools-bg.png) bottom left no-repeat;
    height: 45px; 
}

div.tools
{
    float: left;
    width: 300px;
    margin: 10px 20px;
    font-size: 90%;
}

    div.tools a
    {
        font-size: 110%;
        font-weight: bold;
    }

div.search-container
{
    float: right;
    margin: 0 30px;
}

    div.search-container input
    {
        font-size: 13px;
        padding: 4px 6px;
        border: 1px solid #fff;
        width: 180px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;                        
    }    
    
    div.search-container input.search-button
    {
        display: none;
        background: #fff url(../images/layout/search-button-bg.png) top right no-repeat;
        border: 1px solid #fff;
        cursor: pointer;        
        margin: 0;        
        width: 25px; 
        height: 25px;
        position: relative;
        top: 1px;
    }
    
/* body content wrapper */

div#bodyWrapper
{
    background: #fff;
	width: 920px;			
	margin: 0 8px;
	clear: both;
	padding: 20px;
}

    div#content
    {
        width: 600px;        
    }

/* google maps wrapper */

#mapWrapper
{
    background: #fff;
	width: 920px;	
	height: 620px;		
	margin: 0 8px;
	clear: both;
	padding: 20px 20px 0 20px;    
}
    
    #map_canvas
    {
        width: 100%;
        height: 100%;
    }
    
/* tab */

#tabWrapper
{
    margin: 20px 0 0 0;
}

.hide-tab {  
    display: none;    
}  

/* product list */

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

    ul.featured-products-list li
    {
        clear: both;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
        min-height: 175px; 
        height: auto; 
    }
    
    .map-view ul.featured-products-list li
    {
        height: auto;
    }
        
        ul.featured-products-list li.last
        {
            margin-bottom: 0;
        }
        
        ul.featured-products-list li.last,
        ul.featured-products-list li ul li
        {
            border: none;
        }
    
    ul.featured-products-list li .product-image
    {
        float: left;
        overflow: hidden;
        width: 165px;
        height: 169px;
    }
    
    ul.featured-products-list li .product-image span
    {       
        width: 165px;
        height: 169px;
        position: absolute;
        background: transparent url(../images/layout/product-list-image-overlay.png) top left no-repeat;
    }
    
    ul.featured-products-list li .product-text
    {        
        float: left;   
        margin: 0 10px 0 30px;
        width: 390px;                                    
    }
    
        ul.featured-products-list li .product-text h3
        {
            margin: 2px 0 10px 0;
            font-size: 15px;
        }
        
        ul.featured-products-list li .product-text h5
        {
            margin: 10px 0 6px 0;
            font-size: 80%;
        }
        
        ul.featured-products-list li .product-text .link-list
        {
            list-style: none;
            margin: 0;
            padding: 0;
            width: 390px;           
        }
        
            ul.featured-products-list li .product-text .link-list li
            {
                display: inline-block;
                margin: 0 20px 0 0;
                padding: 0 0 5px 0;
                zoom: 1;                
                *display: inline;
                min-height: 15px;
                height: 15px;
                _height: 30px;
            }
            
                ul.featured-products-list li .product-text .link-list li a,
                ul.featured-products-list li .product-text .link-list li a:visited
                {
                    font-size: 14px;
                    white-space: nowrap;
                }

/* compressed product list */

.map-view ul.featured-products-list
{
    margin-bottom: 30px;
}

.map-view ul.featured-products-list li
{
    margin-bottom: 5px;
    padding-bottom: 5px;    
}
    
    .map-view ul.featured-products-list li .product-text
    {
        margin: 0 5px;
    }



/* sub-navigation-list */

ul.sub-navigation-list
{
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

    ul.sub-navigation-list li
    {
        margin: 0;        
        padding: 1px 0;
        border-bottom: 1px solid #ddd;   
    }
    
    ul.sub-navigation-list li.last
    {
        border: none;
    }
    
    ul.sub-navigation-list li a
    {
        font-size: 125%;
        display: block;
        padding: 8px;
        width: 284px;
        height: 100%;
    }
    ul.sub-navigation-list li a.expanded-link
    {
        background: #f1f1f1;
        padding: 8px 8px 8px 18px;
        width: 274px;               
    }

/* twitter */

#twitter
{
    background: transparent url(../images/layout/twitter-bg.png) top left no-repeat;
    width: 580px;
    height: 13px;
    overflow: hidden;
    padding: 10px;    
}

    #twitter p
    {
        margin: 0;
        font-size: 80%;
    }

/* more-news-container */

div.more-news-container
{
    margin: 25px 0 0 0;
    width: 100%;
}

    div.more-news-container h5
    {
        font-size: 90%;
        margin: 20px 0 0 0;
    }

    div.more-news-container ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
        div.more-news-container ul li
        {
            float: left;
            width: 33%;
            margin-top: 10px;
        }
        
            div.more-news-container ul li a,
            div.more-news-container ul li a:visited
            {
                font-weight: bold;
            }
     
     div.more-news-container a.rss
     {
         background-position: 0 0;
         margin: 20px 0;
         font-size: 90%;
     }

/* weather */

.weather-container
{
    margin-bottom: 10px;
}

.weather-container img
{
    float: left;
}

.weather-info
{
    float: left;
    width: 185px;
    padding-top: 17px;
    margin-left: 10px;
}

    .weather-temperature-switch {
        float: right; 
        font-size: 75%;
        font-weight: bold;
    }

    .weather-container .temperature {
        float: left;
        margin: 0;
        font-size: 32px;
        font-weight: normal;
    }    
        
        .weather-container .temperature.fahrenheit,
        .weather-forecast .fahrenheit 
        {
            display: none;
        }

.weather-tools
{
    float: left;
    width: 185px;
    padding-top: 5px;
    margin-left: 10px;
    font-size: 90%;
}

    .weather-tools .expand-forecast {               
        float: right;
    }
    
    .weather-tools .collapse-forecast {               
        float: right;
        display: none;
    }
        
    .weather-tools .wind {
        float: left;    
    }

.weather-forecast
{
    display: none;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}

    .weather-forecast li
    {
        clear: both;
        padding: 0;
        margin: 0;
        height: 38px;
        font-size: 90%;
    }
    
    .weather-forecast li div,
    .weather-forecast li img
    {
        float: left;
    }
    
    .weather-forecast li div
    {
        padding: 5px 0 0 15px;
    }



/* sidebar */

#sidebar
{
    width: 300px;
    margin: 0 0 0 20px;
}

/* editors choice */

#editorsChoiceContainer
{
    width: 300px;
    height: 400px;
    overflow: hidden;
    position: relative;
}
    
    #editorsChoiceContainer h4
    {
        position: absolute;
        top: 10px;
        left: 185px;
        width: 150px;
        font-size: 80%;
        padding: 8px;
        background: transparent url(../images/layout/bg-editors-choice-header.png) top left;
        white-space: nowrap;
        z-index: 1000;
    }
    
    #editorsChoiceContainer ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
        #editorsChoiceContainer ul li
        {
            margin: 0;
            padding: 0;            
        }
    
    #editorsChoiceContainer .panel
    {        
        position: absolute;
        height: 370px;
        width: 300px;
        top: 0;
    }
    
        #editorsChoiceContainer .panel img
        {
            max-height: 365px;
            height: 200px;
            min-width: 300px;            
        }
        
        #editorsChoiceContainer .panel span.rounded-corners
        {
            position: absolute;
            width: 300px;
            height: 15px;
            background: transparent url(../images/layout/rounded-corners-overlay-300px.png) top left no-repeat;
        } 
    
    #editorsChoiceContainer .panel-text
    {            
        background: #591e5a;
        width: 260px;
        height: 130px; 
        padding: 20px;
        font-size: 90%;        
        top: 200px;
		left: 0;
		position: absolute;        
    }
    
         #editorsChoiceContainer .panel-text h3
         {
             margin: 0;
             font-size: 18px;
             font-weight: normal;
         }
         
         #editorsChoiceContainer .panel-text p
         {
             margin: 4px 0 0 0;
             padding: 0;
         }
         
         #editorsChoiceContainer .panel-text a.like
         {
            background-position: 0 -17px;
            padding: 2px 0 3px 22px;
            font-size: 8px;
            height: 12px;
            float: right;
         }
    
    #editorsChoiceContainer .navigator-container
    {       
        position: relative; 
        top: 370px;       
        z-index: 1001;
        margin: 0;
        padding: 0;
        height: 30px;                  
    }
    
    /*ie7 positioning hack*/
    *:first-child+html #editorsChoiceContainer .navigator-container 
    {
         top: 310px;
    }
         
    #editorsChoiceContainer .navigator
    {
        background: transparent url(../images/layout/navigator-editors-choice-bg.png) top left no-repeat;
        width: 300px;        
        height: 30px;
        margin: 0;
        padding: 0;
    }
    
        #editorsChoiceContainer .navigator li
        {
            float: left;
            display: block;
            width: 10px;
            height: 10px;
            padding: 4px;
            background: none;            
            position: relative;
            right: -33%;
        }
            
            #editorsChoiceContainer .navigator li.prev,
            #editorsChoiceContainer .navigator li.next
            {
                padding: 4px 10px;
            }
            
            #editorsChoiceContainer .navigator li a,
            #editorsChoiceContainer .navigator li a:visited
            {
                font-size: 90%;
            }

/* column container */

#columnContainer
{   
    border-top: 1px solid #eee;
    margin: 10px 0;
    width: 100%;
    padding: 0;
	min-height: 320px;
	height: 320px;    
}

	#columnContainer dl
	{
	    clear: both;
		margin: 10px 0 0 0;
		padding: 0;		
	}	
		
		#columnContainer dl dd
		{		    
			float: left;
			width: 290px;
			height: 320px;
			padding: 0;
			margin: 0 0 0 15px;
			/*
			overflow: hidden;*/
		}	

		#columnContainer dl dd span.info
		{
		    display: block;
		    font-family: "Myriad Pro", Myriad, "Lucida Sans", "Lucida Sans Unicode", Tahoma, Sans-Serif;		    
		    font-size: 110%;
		    margin: 0 0 20px 0;
		}
			    		
		.png8 #columnContainer dl dd
		{			
			margin: 0 0 0 15px;
		}		    		    		

		
.activity-feed,
.liked-products,
.event-calendar
{
    font-family: "Myriad Pro", Myriad, "Lucida Sans", "Lucida Sans Unicode", Tahoma, Sans-Serif;
    font-size: 23px;
    font-weight: normal;
    margin: 10px 0 4px 0;
}

    .activity-feed span,
    .liked-products span,
    .event-calendar span	
    {
        display: block;
        font-size: 12px;
    }

#sidebar h4.liked-products,
#sidebar h4.activity-feed,
#sidebar span.info
{
    padding-left: 15px;
}

/* calendar / upcoming events */

.upcoming-events-list
{
    list-style: none;
    margin: 0; 
    padding: 0;
}

    .upcoming-events-list li
    {
        margin: 10px 0;
        padding: 0;
    }
    
    .upcoming-events-list li h5
    {
        margin: 0;
        font-size: 12px;
        font-weight: normal;
    }
    
    .upcoming-events-list li span
    {
        font-size: 10px;
    }

/* activity feed list */	

ul.activity-feed-list
{	
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: none;
}

#columnContainer ul.activity-feed-list
{
    padding: 0;
}

	ul.activity-feed-list li
	{
		height: auto;
		margin: 10px 0 0 0;		
	}
	
        /*ie7*/	
	     *:first-child+html ul.activity-feed-list li
	     {
	         height: 40px;
	     }
	    
	    
		ul.activity-feed-list li span
		{
			font-size: 90%;
			display: block;
		}
		
			ul.activity-feed-list li img.thumb-image
			{
				width: 28px;
				float: left;
				margin: 2px 10px 0 0;	
			}
				
				/*ie6*/
				.png8 ul.activity-feed-list li .activity-feed-image
				{
					float: left;
				}
				
				ul.activity-feed-list li .activity-feed-image img
				{
					width: 28px;
				}
			
			ul.activity-feed-list li .activity-feed-content
			{
				margin: 0;
				width: 225px;
				font-size: 90%;
				line-height: 14px;
			}
			
			.png8 ul.activity-feed-list li .activity-feed-content
			{
				width: 218px;
			}
			
                ul.activity-feed-list li .activity-feed-content span
                {
                    font-size: 80%;
                }
            
            /*personal*/
            ul.activity-feed-list.personal
            {
                padding-left: 0;                
            }
            
                
            ul.activity-feed-list.personal li .activity-feed-content
            {
                width: auto;
                font-size: 100%;
            }

/* events list */
/* activity-list */

dl.activity-list
{
	margin: 10px 0;
	padding: 0;
}
	
	dl.activity-list dt
	{
		font-weight: bold;
		font-size: 13px;
	}
	
	dl.activity-list dd
	{
		margin: 10px 0 30px 0;
	}
	
		dl.activity-list dd .activity-list-content,
		dl.activity-list dd .activity-list-content-wide
		{
			width: 69%;
			line-height: 18px;			
		}
		
			.png8 dl.activity-list dd .activity-list-content
			{
				width: 300px;
			}
		
		dl.activity-list dd .activity-list-content-wide
		{
			width: 100%;
		}
		
			dl.activity-list dd p
			{
				margin-top: 0;
			}
			
			dl.activity-list dd span.date
			{
			    font-weight: bold;
			    font-size: 90%;
			}
									
		    dl.activity-list dd .activity-list-image
		    {
			    width: 120px;
			    margin: 0 0 0 10px;
		    }
		
			dl.activity-list dd .activity-list-image img
			{
				width: 120px;
				border: 1px solid #eee;
				padding: 1px;
			}

/* favorites list / profile */

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

    ul.favorites-list li
    {
        margin: 0;
        padding: 0;
    }
    
    ul.favorites-list li div
    {
        width: 90%;
        float: left;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }   
    
        ul.favorites-list li div a img
        {
            display: block;
            float: left;
            margin-right: 20px;
            padding: 2px;
            border: 1px solid #ddd;
            width: 55px;
        }
        
        ul.favorites-list li div a span
        {
            display: block;
            float: left;
            width: 300px;
            margin-top: 10px;
            font-size: 14px;
        }
    
    ul.favorites-list li a.delete-favorite
    {
        float: left;
        display: block;
        width: 10px;
        height: 10px;
        background: #c3231b;
        padding: 2px 3px 3px 3px;
        margin: 20px 0 0 0;
        font-size: 8px;
        text-align: center;
    }
    
        ul.favorites-list li a.delete-favorite:hover
        {
            background: red;
        }

/* filter */

h5.sort
{
    font-size: 90%;
    margin: 0 0 10px;
}

#filter
{
    margin: 10px 0;
    width: 210px;
}

input#filterResults
{
    float: right;
}

/* pager-resize */

fieldset.pager-resize
{    
    border: 0 none;
    font-size: 90%;
    margin: 6px 0 0 20px;
    padding-top: 30px;
}

    fieldset.pager-resize label
    {
        margin: 0 0 0 5px;
        display: inline;
        font-weight: bold;
    }
    
    fieldset.pager-resize select
    {       
       display: inline;
       width: 100px;       
       font-size: 11px;
    }
    
    fieldset.pager-resize select.count
    {
        width: 40px;
    }
                
/* liked-products-list */                

ul.liked-products-list
{
    font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, Sans-Serif;
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.liked-products-list li
    {
        margin: 0;
        padding: 0;
    }
    
        ul.liked-products-list li h5
        {
            font-size: 14px;
            font-weight: normal;
            margin: 6px 0 10px 0;
            text-align: center;
        }              
            
/* product listing */                     

div.list-header-container
{
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #ccc;
    height: 25px;
}

    div.list-header-container h5
    {
        display: inline-block;
        font-size: 90%;
        margin: 4px 0;
    }
        
    div.list-header-container a
    {
        font-size: 80%;        
    }
    
    div.list-header-container .sorting-links
    {
        float: right;
        margin: 0;
    }

ul.product-list
{
    margin: 10px 0 20px 0;
    padding: 0;
    list-style: none;
}

    ul.product-list li
    {
        clear: both;
        font-size: 90%;
        padding: 15px 0;
        border-bottom: 1px solid #eee;
        height: 70px;
    }
    
        ul.product-list li.last
        {
            border: none;
        }
    
    ul.product-list .product-image
    {
        display: block;
        float: left;
        width: 90px;        
        overflow: hidden;        
    }
    
        ul.product-list .product-image img
        {
            width: 90px;
        }
    
    ul.product-list .product-tools
    {
        width: 25%;
        float: left;
        margin: 0;
    }
    
    ul.product-list .product-tools .icon
    {
        float: right;
    }
    
    ul.product-list .product-text
    {
        margin: 0 0 0 20px;
        width: 485px; /*450px;*/
        float: left;
    }
    
        ul.product-list .product-text h3
        {
            float: left;
            width: 75%;
            margin: 0 0 2px 0;
            font-size: 12px;
        }
        
            ul.product-list .product-text h3 span
            {
                font-size: 90%;
                margin-left: 10px;
                font-weight: normal;
            }
        
         ul.product-list .product-text p
         {
            clear: left;
            margin: 2px 0;
            line-height: 16px;    
         }

/* search */

.search-wrapper
{
    background: #f8f8f8;
    padding: 20px 15px;
    margin: 20px 0;
}

    .search-wrapper h4
    {
        font-size: 110%;
        margin: 0 0 10px 0;
    }
        
        .search-wrapper h4 span
        {
            margin-left: 5px;
        }
         
        .search-wrapper input
        {
            float: left;
            background: transparent url(../images/layout/search-input-bg.png) center 6px no-repeat;
            font-size: 150%;
            font-weight: normal;
            width: 456px;
            height: 35px;
            border: 0;
            margin: 0 0 10px 0;
            padding: 12px 4px 0 4px;
            display: inline;
        }

        .search-wrapper input.submit
        {
            float: left;
            background: transparent url(../images/layout/search-submit-bg.png) center 6px no-repeat;
            border: none;
            width: 95px;
            height: 45px;
            color: #fff;
            font-family: "Myriad Pro", "Lucida Sans", "Lucida Sans Unicode", Sans-Serif;
            font-size: 18px;
            font-weight: normal;
            margin: 0 0 0 10px;
            padding: 0 0 0 0;
            text-indent: -23px;
            cursor: pointer;
        }  

        .search-wrapper a.advanced-search-link
        {
            font-size: 90%;
        }
      
        .search-wrapper .advanced-search
        {
            display: none;
        } 

/* product & page */

.product-intro-text,
.page-content .page-intro
{    
    font-size: 120%;
    line-height: 21px;
}

.product-main-text,
.page-content .page-text
{
    margin: 10px 0;
    line-height: 18px;
}

h2.product-heading
{
    float: left;
    width: 80%;
}

div.product-tools
{
    display: block;
    float: right;
    margin: 12px 20px 0 0;
}

/* product-details */

#productDetails
{
    font-size: 90%;
    line-height: 17px;
    margin: 0 0 20px 0;
}

#productDetails p
{
    margin: 5px 0 10px 20px;
}

#productDetails .toggle-collaps
{
    text-transform: uppercase;
    font-size: 12px;
    margin: 5px 0;
    padding: 0 0 5px 20px;
    border-bottom: 1px solid #ddd;
    font-weight: normal;    
    cursor: pointer;    
    background: transparent url(../images/layout/icons.png) 0 -143px no-repeat;
}

    #productDetails .collapsible.closed .toggle-collaps
    {            
        background: transparent url(../images/layout/icons.png) 0 -167px no-repeat;    
    }
            
#productDetails dl
{
    margin: 0;
    padding: 0;
}

    #productDetails dl dd
    {
        margin: 0 0 0 20px;
    }
    
    #productDetails dl dd h4
    {
        text-transform: none;
        border: 0;
        font-weight: bold;
        font-size: 90%;
        margin: 0;
        padding: 0;
    }
    
    #productDetails .facility-list
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }
        
    #productDetails dl h5
    {
        margin: 0;
        font-size: 10px;
    }
    
    #productDetails .favorite
    {
        display: block;
        width: 100px;
        height: 24px;
        background: transparent url(../images/layout/save-as-favourite-button.png) -1px 0 no-repeat;
        padding: 5px 0 0 27px;
        margin: 15px 0 20px 17px;
        font-size: 9px;
        font-weight: bold;
    }

#productDetails .booking-link
{
    background: transparent url(../images/layout/booking-button.png) top left no-repeat;
    display: block;
    width: 260px;
    height: 65px;
    margin: 10px 0;
    font-size: 28px;
    padding: 15px 55px 10px 25px
}

/* related products listing */

.related-products-listing
{    
    font-size: 90%;
}
    
    .related-products-listing h4
    {
        margin: 0;
        font-size: 100%;
        float: left;
    }
    
    .related-products-listing a.show-all
    {
        float: right;
        font-size: 90%;
    }
    
    .related-products-listing table,
    .related-products-listing table.all-products
    {
        border-top: 2px solid #ddd;        
        margin: 10px 0;
        padding: 5px 0 0 4px;
        clear: both;
        width: 100%;
    }
    
    .related-products-listing table.all-products
    {
        display: none;
        border: 0;
        margin: -14px 0 10px 0;
    }
    
        .related-products-listing table tr
        {
            margin: 0;
            height: 20px;                        
        }
            
            .related-products-listing table td
            {
                width: 340px;
                padding: 0;
            }
            
            .related-products-listing table h5
            {
                font-size: 12px;
                font-weight: normal;
                margin: 0;                
            }          
            
            .related-products-listing table td.product-category
            {
                width: 125px;
                padding: 0 5px;
            }
            
            .related-products-listing table td.tools
            {
                width: 130px;
            }

ul.tools-list
{    
    width: auto;    
    border: 0;
    margin: 0;
    padding: 0;
}
    
    ul.tools-list li
    {
        display: block;
        float: left;
        width: auto;
        min-width: 25px;
        height: 18px;
        overflow: hidden;
        min-height: 1px;
        margin: 0 4px 0 0;
    }

/* social media links */
.social-media-links ul
{
    list-style: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 35px;
    padding: 8px 0;
    margin: 0;
}
    
    .social-media-links ul li
    {
        float: left;
        margin: 0 20px 0 0;
        padding: 0;
    }    
        .social-media-links ul li a {
            display: block;
            width: 130px;
            padding: 9px 0 4px 45px;
            background: transparent url(../images/layout/social-media-icons.png) no-repeat;
            font-family: "Myriad Pro";
            font-size: 110%;
        }
        
            .social-media-links ul li a.facebook {
                background-position: 0 -32px;
            }
            
            .social-media-links ul li a.twitter {
                background-position: 0 0;
            }

/* comments */

h4.comments-count
{   
    text-transform: uppercase;
    font-size: 80%;
    margin: 20px 0 0 0;
}

    #commentsList
    {
        border-top: 2px solid #ddd;
        margin: 10px 0;
        padding: 0;
        list-style: none;
    }
    
    #commentsList li
    {
        margin: 10px 0;
        padding: 0;
        background: #f5f5f5;
        border: 2px solid #f5f5f5;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    #commentsList li .comment-details
    {
        float: left;
        width: 90px;
        padding: 10px;
        background: #eeeeee;
        font-size: 80%;
    }
    
        #commentsList li .comment-details h5
        {
            margin: 5px 0;
            font-size: 110%;
            letter-spacing: -0.5px;
        }
    
    #commentsList li .comment-content
    {
        float: left;
        width: 465px;
        padding: 10px;        
        height: 100%;
    }   
    
    #commentsList a.report-comment-link
    {
        display: block;
        margin: 10px 0 0 0;
    }
    
/* comment form */

.comment-form
{
    margin: 15px 0;    
}

.comment-form textarea
{
    width: 576px;
    margin: 0 0 4px 0;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
    font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, Sans-Serif;  
    font-size: 12px;
}

.comment-form input
{
    border: 1px solid #ddd; 
    padding: 0 4px 2px 4px;    
    font-size: 12px;
}

/* login form */

.login-form-container,
.login-links-container
{
    width: 275px;
    float: left;
}

    .login-form-container h4,
    .comment-form h5
    {
        margin: 10px 0 8px 0;
        font-size: 12px;
    }
    
    .login-links-container
    {
        width: 205px;
        font-size: 110%;
    } 
    
    .login-links-container h4
    {
        margin: 28px 0 2px 0;
        font-size: 18px;
        font-weight: bold;        
    }

    .login-form-container input
    {
        display: block;
        width: 235px;
        padding: 4px;
        font-size: 12px;
        margin: 0 0 5px 0;
        border: 1px solid #ddd;
    }
    
    .login-form-container input.button
    {
        width: auto;
        padding: 0 4px 2px 4px; 
    }

/* login form dialog */

/* login form */

fieldset#login
{
	width: 550px;
	background: #fff;
	border: none;
	padding: 0;
	margin: 0;
}

	.png8 fieldset#login
	{
		width: 650px;
	}
    
    fieldset#login .login-form
    {
        margin: 20px;
    }
    
	fieldset#login a.close-window-link
	{
		background: transparent url(../images/jqueryUI/ui-icons_454545_256x240.png) top left no-repeat;
		background-position:  -97px -130px;	
		padding: 0;
		display: block;
		width: 15px;
		height: 15px;
		outline: none;
	}
		
		fieldset#login a.close-window-link span
		{
			margin-left: -9999px;
		}
	
	fieldset#login .login-form h3
	{		
		padding: 4px 0 10px 0;
		margin: 0;
		font-size: 16px;
		font-weight: bold;
	}				
	
	fieldset#login label,
	fieldset#reportComment label
	{
		display: block;
		margin: 20px 0 4px 0;
	}
	
		fieldset#login #loginValidationMsg label
		{
			margin: 5px 0;
		}
	
	fieldset#login input
	{
		background: #eee;
		border: none;
		font-size: 110%;
		padding: 4px;
		width: 250px;
		height: 22px;
	}
	
		fieldset#login input.submit
		{
			background: #eee;
			font-size: 90%;	
			font-weight: normal;	
			border: none;
			height: 28px;
			padding: 2px 0 2px 0;
			margin: 10px 0 0 0;			
			width: 115px;		
			display: block;	
		}
		
fieldset#login div.register
{
	background: #c1d7e0;
	padding: 20px;
	width: 160px;
	height: 210px;
}

	fieldset#login div.register ul
	{	
		list-style-type: none;
		margin: 10px 0;
		padding: 0;
	}

	fieldset#login .register h3
	{
		padding: 4px 0;
		margin: 0;
		font-size: 14px;
	}
	
	fieldset#login .register-link
	{
		margin: 10px 0;
		font-size: 14px;
		font-weight: bold;
	}


/* register user */

fieldset.register-user
{
    margin: 20px 0 0 0;
    padding: 0;
    border: 0;
}

    fieldset.register-user legend
    {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: bold;
        display: block;
    }
    
    fieldset.register-user label
    {
        display: block;
        margin: 0 0 2px 0;
    }
    
    fieldset.register-user input
    {
        background: transparent url(../images/layout/search-input-bg.png) no-repeat scroll center 0;
        width: 456px;   
        height: 30px;     
        border: none;                
        margin: 0 0 10px 0;
        padding: 8px 4px;
        font-size: 130%;
        float: left;
    }
    
    fieldset.register-user input.submit
    {
        display: block;
        clear: both;
        width: auto;
        background: transparent url(../images/layout/submit-blue.png) top left no-repeat;
        color: #fff;
        padding: 0 25px 3px 0;
        height: 37px;
        width: 120px;
        font-size: 110%;
        font-weight: bold;
        cursor: pointer;        
    }
    
    fieldset.register-user .checkbox label,
    fieldset.register-user input.checkbox
    {
        float: left;
        width: auto;
        margin: 0 5px 20px 0;
        padding: 6px;
    }
        
        fieldset.register-user input.checkbox
        {
            margin: -7px 10px 10px 0;
            background: none;
        }
    
    fieldset.register-user span.invalid,
	fieldset.register-user span.valid
	{		
		float: left;
		display: none;
		background: transparent url(../images/layout/validate-input.png) no-repeat scroll 0 -31px;
		height: 15px;
		padding: 4px 0 10px 38px;
		margin: 6px 0 1px 15px;		
		font-size: 90%;
	}
	
		fieldset.register-user span.valid
		{			
			background: transparent url(../images/layout/validate-input.png) no-repeat scroll 0 0;			
		}
    
    fieldset.register-user .user-terms
    {
        display: none;        
    }
    
        fieldset.register-user .user-terms p
        {
            font-size: 90%;
        }           

/* re-captcha */

#recaptcha_only_if_image,
#recaptcha_only_if_audio,
#recaptcha_only_if_incorrect_sol,
#recaptcha_only_if_no_incorrect_sol,
#recaptcha_hide_control,
a.recaptcha-image
{
	display: none;
}

	#recaptcha_image
	{
		margin: 0 0 10px 0;
	}
	
	/* recaptcha-icons */
		
	a.recaptcha-reload,
	a.recaptcha-image,
	a.recaptcha-help,
	a.recaptcha-audio	
	{
		background: transparent url(../images/layout/icons.png) top left no-repeat;	
		font-size: 80%;
		padding: 0 0 0 20px;		
	}
		
	a.recaptcha-reload
	{
		background-position: 0 -188px;
	}
	a.recaptcha-image
	{
		background-position: 0 -209px;
	}
	a.recaptcha-help
	{
		background-position: 0 -228px;
	}
	a.recaptcha-audio
	{
		background-position: 0 -243px;
	}	

/* report comment form */

fieldset.report-comment
{
    position: absolute;
    width: 250px;
    background: #f1f2f2;
    border: 0;
    padding: 10px;
    margin: 0;
    font-size: 11px;    
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 3px solid #e6e7e8;
}
    
    fieldset.report-comment h4
    {
        margin: 8px 0;
    }
    
    fieldset.report-comment label
    {
        margin: 5px 0 0 0;
        width: 65px;
        display: inline-block;
    }
    
    fieldset.report-comment input
    {
        height: 15px;
        width: 170px;
        font-size: 11px;
    }
    
        fieldset.report-comment input.submit
        {
            height: 26px;
            width: 120px;
        }
    
    fieldset.report-comment textarea
    {
        font-size: 11px;
        font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, Sans-Serif;
        width: 238px;
    }    
    a.send-report-button 
    {
        display: block;
        margin: 5px 0;
    }            
    
/* icons */

.icon
{
    display: block;
    padding: 2px 0 0 22px;
    background: transparent url(../images/layout/icons.png) no-repeat; 
}

    .like
    {
        background-position: 0 -35px;
        width: 22px;
        height: 16px;
        float: left;
        font-size: 80%;    
    }
    
        .related-products-listing .like        
        {
            background-position: 0 -91px;
        }
        
        .activity-list .like
        {
            background-position: 0 -90px;
        }
            .activity-list .like span
            {
                margin-left: -9999px;
            }
            
    .comments
    {
        background-position: 0 -52px;
        width: 22px;
        float: left;        
        font-size: 80%;
    }
        .related-products-listing .comments
        {
            background-position: 0 -127px;
        }
        
        .activity-list .comments
        {
            width: auto;
        }
    
    .map-link
    {
        background-position: 0 -72px;
        padding: 0;
        width: 25px;
        height: 18px;
        float: left;        
    }        
        
        .related-products-listing .map-link
        {
            background-position: 0 -72px;    
        }
        
            .map-link span
            {
                margin-left: -9999px;
            }            

/* colors */
.default-lnk-color,
#content a,
#content a:visited,
#productDetails a,
#productDetails a:visited
{
	color: #0061c5;
}

.white,
#mainNavigation li a,
#mainNavigation li a:visited,
#mediaContainer .navigator li a,
#mediaContainer .navigator li a:visited,
div.tools,
div.tools a,
div.tools a:visited,
#mediaContainer .image-information,
#twitter p,
#editorsChoiceContainer .panel-text,
#editorsChoiceContainer .panel-text p,
#editorsChoiceContainer .navigator a,
#editorsChoiceContainer .navigator a:visited,
#content ul.paging li.selected a,
#content ul.paging li.selected a:visited,
#content ul.paging li.selected span,
#content ul.favorites-list li a.delete-favorite,
#editorsChoiceContainer .panel-text a.like
{
	color: #fff;
}

.black,
#mediaContainer h3,
#mediaContainer h3 a,
#mediaContainer h3 a:visited,
ul.tabs li.active a,
ul.tabs li.active a:visited,
.login-form-container input.button,
.login-links-container h4,
fieldset#login input
{
	color: #000;
}

.yellow,
#mediaContainer .navigator li a.active,
#editorsChoiceContainer .panel-text h3,
#editorsChoiceContainer .panel-text a,
#editorsChoiceContainer .panel-text a:visited,
#editorsChoiceContainer h4,
#editorsChoiceContainer .navigator li a.active,
#shortcuts a.member-link,
#footer h5.breadcrumb a,
#footer h5.breadcrumb a:visited
{
	color: #ffd800;
}

.green,
#twitter strong,
#twitter a,
#twitter a:visited
{
    color: #a2c265;
}

.dark-green,
.activity-feed,
ul.activity-feed-list li .activity-feed-content a,
ul.activity-feed-list li .activity-feed-content a:visited,
fieldset#login .login-form h3,
fieldset#login .register-link
{
    color: #6f9a1c;
}

.dark-grey,
ul.featured-products-list li .product-text h3,
ul.featured-products-list li h3 a,
ul.featured-products-list li h3 a:visited,
ul.featured-products-list li .product-text h5,
ul.sub-navigation-list li a,
ul.sub-navigation-list li a:visited,
.search-wrapper h4,
.temperature,
.product-main-text,
#content h2,
#commentsList li .comment-details h5,
.login-form-container h4,
.comment-form h5,
fieldset#login input.submit
{
    color: #3e3e3e;
}

.grey,
div.search-container input,
ul.featured-products-list li .product-text,
div.more-news-container h5,
div.more-news-container a.rss,
#columnContainer dl dd span.info,
.activity-feed span,
.liked-products span,
.event-calendar span,	
ul.activity-feed-list li .activity-feed-content span,
#shortcuts dl dd a span,
div.list-header-container h5,
span.info,
.related-products-listing table .product-category,
.related-products-listing h4,
h4.comments-count,
#productDetails h4,
#productDetails dl.collapsible dt,
fieldset.register-user input,
.upcoming-events-list li span,
fieldset#login input,
fieldset.register-user span.invalid,
fieldset.register-user span.valid
{
    color: #828282;
}

.medium-grey,
ul.product-list .product-text,
.product-text,
.weather-forecast li,
.product-intro-text,
#productDetails,
dl.activity-list dd,
h5.sort,
fieldset.pager-resize select
{
    color: #7b7b7b;
}

.light-grey,
#topNavigation a,
#topNavigation a:visited,
#footer ul.sitemap li,
#footer ul.sitemap li a,
#footer ul.sitemap li a:visited,
#bottom,
#bottom a,
#bottom a:visited,
.page-content .page-intro,
.weather-tools .wind,
.weather-temperature-switch,
.weather-temperature-switch a,
.weather-temperature-switch a:visited,
#content .social-media-links a,
#content .social-media-links a:visited,
#commentsList a.report-comment-link:hover,
#content ul.paging li a,
.login-form-container input,
.comment-form textarea
{
	color: #7a7a7a;
}

.lighter-grey,
ul.product-list .product-text h3 span,
.search-wrapper h4 span,
.search-wrapper input.text,
.related-products-listing h4 span,
#commentsList li .comment-details,
#commentsList a.report-comment-link,
#content .sorting-links a.selected
{
    color: #b3b3b3;
}

.light-blue,
#topNavigation a:hover,
#topNavigation li.active a,
#topNavigation li.active a:visited,
ul.tabs li a,
ul.tabs li a:visited,
#toolsWrapper .profile a,
#toolsWrapper .profile a:visited
{
	color: #9bbed0;
}

.blue,
#mediaContainer .link-list a,
#mediaContainer .link-list a:visited,
ul.featured-products-list li .product-text .link-list li a,
ul.featured-products-list li .product-text .link-list li a:visited,
div.more-news-container ul li a,
div.more-news-container ul li a:visited,
.liked-products,
ul.liked-products-list li h3,
ul.liked-products-list li h5,
ul.liked-products-list li h5 a,
ul.liked-products-list li h5 a:visited,
#shortcuts a.travel-link,
#shortcuts a.travel-link:visited,
ul.product-list .product-text a,
ul.product-list .product-text a:visited,
ul.sub-navigation-list li a:hover,
ul.sub-navigation-list li a.expanded-link,
.search-wrapper a.advanced-search-link,
ul.featured-products-list li h3 a:hover,
.weather-tools a,
.weather-temperature-switch a:hover,
.weather-temperature-switch a.active,
.related-products-listing table h5 a,
.related-products-listing table h5 a:visited,
.related-products-listing a.show-all,
.upcoming-events-list a,
.upcoming-events-list a:visited,
#custom_info_window_contents .gmap-info-window ul li a,
#custom_info_window_contents .gmap-info-window ul li a:visited
{
	color: #0061c5;
}

.red,
.event-calendar,
#shortcuts a.events-link,
.upcoming-events-list h5 a,
.upcoming-events-list h5 a:visited
{
    color: #d72609;
}


/* misc */

.align-left
{
	float: left;
}

.align-right
{
	float: right;
}

.clr
{
	clear: both;
}

.inline-block
{
    display: inline-block;
}

.errmsg
{
	display: none;
}

#loginValidationMsg
{
	margin: 10px 0 0 0;
	color: #ff0000;
	font-size: 90%;
}
	#loginValidationMsg h4
	{
		font-size: 12px;
	}

a img
{
	border: 0;
}

span.info
{
	display: block;
    font-family: "Myriad Pro", Myriad, "Lucida Sans", "Lucida Sans Unicode", Tahoma, Sans-Serif;		    
    font-size: 12px;
    margin: 0 0 20px 0;
}

/*Logica fixar paging*/

div.list-footer-container 
{
    margin: -20px 0px 0px 0px;
    padding: 0;
    border-top: 2px solid #ccc;
}

    div.list-footer-container h5
    {
        display: inline-block;
        font-size: 90%;
        margin: 4px 0;
    }
        
    div.list-footer-container a
    {
        font-size: 80%;
    }

    div.list-footer-container .sorting-links
    {
        float: right;
    }

ul.paging
{
    margin: 2px 0px 20px 0px;
    padding: 0px;
    list-style: none;
}

    ul.paging li
    {
        padding: 2px 7px;
        margin: 0 4px 0 0;
        float: left;
        font-size: 100%;
        border: 1px solid #eee;
    }
        
        ul.paging li.selected 
        {
            background-color: #0061C5;
            border: 1px solid #0061C5;
        }