/************************************************************************************************************
    ARBEIDER
*************************************************************************************************************/		
.PhotoSlide
{
}

	.PhotoSlide img
	{
	}
	
	.PhotoSlide #ProdInfo
	{
		padding:10px;
	}
	
	.PhotoSlide #BottomNav
	{
		position:relative;
		border-top:solid 1px #ccc;
		border-bottom:solid 1px #ccc;
		padding:3px 0 3px 0;
		margin-right:22px;
	}
	
		.PhotoSlide #BottomNav slideshow_pagination
		{
			position:absolute;
			left:0px;
			bottom:0px;
		}
	
			.PhotoSlide #BottomNav #slideshow_pagination a
			{
				color:#aaa;
				padding:4px;
				margin-right:10px;
			}

.LeftContent
{
    width:74%;
    float:left;
    padding:0 0 20px;
}

.LeftContent .info
{
    width:100%;
    clear:both;
    float:left;
    position:absolute;
    left:10px;
    top:10px;
}    

.LeftContent .info .info_left
{
    width:25%;
    float:left;
    margin-right:10px;
}    

.LeftContent .info .info_left p
{
    margin-bottom:10px;
    text-align:justify;
    padding-right:10px;
}

.LeftContent .info .info_left a
{
    color:#e2007a;
}

.LeftContent .info .info_right
{
    width:65%;
    float:left;
}   

.RightContent
{
    width:25%;
    float:right;
}

.RightContent ul li
{
    line-height:30px;
    margin-bottom:5px;
    font-size:16px;
}

.RightContent ul li a
{
    color:#66757e;
    display:block;
    width:97%;
    padding-left:10px;
    border-top:#fff solid 1px;
    border-bottom:#fff solid 1px;
}

.RightContent ul li a.active,.RightContent ul li a:hover,.RightContent ul li a:active
{
    color:#e2007a;    
    border-top:#c2c8cb solid 1px;
    border-bottom:#c2c8cb solid 1px;    
}


/************************************************************************************************************
 Some CSS use in 10_template.css 
*************************************************************************************************************/

.sub_menu
    {
    	padding-left:21px;
        width:100%;
        float:left;
        margin-bottom:10px;
        margin-top:-40px;
    }
    
/*.sub_menu ul li
    {
        float:left;
        padding:0 10px;
    }*/
    
.sub_menu a
    {
        color:#66757e;
        padding:0 10px;        
    }
    
.fwRoot .fwContent .Template-Content .Columns
{
    padding-bottom:20px;   
}

.fwRoot .fwContent .Template-Content .Columns h2
{
    font-size:18px; 
    font-weight:bold; 
    color:#66757e; 
    margin-bottom:20px;
}

.highslide-maincontent .article_content h1
{
   color:#66757e;
   margin-bottom:10px; 
}

/* --- CSS For Slide Show - page #3 ---*/

        .LeftContent
        {
            position:relative;
            padding-top:450px;
        }

        #slideshow_link
        {
            position:absolute;
            bottom:3px;
            right:20px;
        }
        
        #slideshow_link2
        {
            position:absolute;
            bottom:20px;
            right:30px;   
        }
        
        #slideshow_link a,#slideshow_link2 a
        {
          color:#66757e;   
        }
        
        #slideshow_link a:hover,#slideshow_link2 a:hover
        {
            text-decoration:underline;
        }
        
        #slideshow2,#slideshow4
        {
            /*display:none;*/
        }
                
        #slideshow1 {
            position:absolute;
            top:5px;
            left:1px;
            height:415px;
            width:630px;
            border:solid 1px #ccc;
			padding:4px;
        }
        
      
        #slideshow1 p {
            position:absolute;
            top:4px;
            left:4px;
            z-index:8;
            opacity:0.0;
            height:415px;
            width:630x;
            background:white;
            text-align:center;
        }
        #slideshow1 p.active {
            z-index:10;
            opacity:1.0;
        }

        #slideshow1 p.last-active {
            z-index:9;
        }
        
        #slideshow1 p.Current {
            z-index:11;
        }

/* --- Css for project Folder  --- */

.ProjectShow
  {
      position:relative;
      width:775px;
      height:500px;
      background:white;
      padding:10px 10px 30px;
      border:#ccc solid 1px;
  }
        #slideshow3
        {
            position:absolute;
            width:400px;
            top:10px;
            left:10px;
        }
        
        
        #slideshow3 div
        {
            position:absolute;
            top:0;
            left:0;
            z-index:8;
            opacity:0.0;
            height:400px;
            width:400px;
            background:white;
            text-align:left;
            color:#000; 
        }
        #slideshow3 div.active
        {
            z-index:10;
            opacity:1.0;
        }

        #slideshow3 div.last-active {
            z-index:9;
            display:none;
        }
        
        #slideshow3 div img
        {
            float:left;
            margin:0 10px 10px 0;
        }
        
.ProjectPhotos
{
    width:400px;
    float:left;
}

.ProjectPhotos #slideshow1
{
	float:left;
	position:relative;
	width:368px;
	height:325px;
	overflow:hidden;
	border:none;
	padding:0;
}

	.ProjectPhotos #slideshow1 p
	{
	}

.ProjectShow #BottomNav
{
	float:left;
	width:100%;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	position:relative;
	padding:3px 0 3px 0;
}

		.ProjectShow #BottomNav slideshow_pagination
		{
			position:absolute;
			left:0px;
			bottom:0px;
		}
	
			.ProjectShow #BottomNav #slideshow_pagination a
			{
				color:#aaa;
				padding:4px;
				margin-right:10px;
			}

.ProjectContent
{
    width:350px;
    float:right;
    margin-right:10px; 
}

.ProjectContent h1
{
    color:#66757e;
    margin:10px 0;
}

.ProjectContent p
{
    text-align:justify;
}


/* css code for 10_templates because i cannot checkout now */
.ProductList ul li .thum_img
{
    width:125px;
    height:125px;
}