/* @copyright 2007 Citysidorna */

body {
	background: #F3F2EA;  /* outer background color darker --> #333333;  */
	margin: 12px 0px 12px 0px;
	padding: 0px;
	
}

body.home div.container {
	margin: 0px auto 0px auto;
	width: 800px;
	background-color: #FFF;
	border: 1px solid #D0CFC8;
}

a {
color:#2078C0;
}

h3 {color:#999999;
margin: 8px 0px 0px 0px;
 }


#box{
 border: 1px dotted #cccccc;
 background-color: #FFFFFF;
 
 padding: 3px;
 margin:10px;
 width:295px;
}



#bokmark_box{
 border: 1px dotted #cccccc;
 background-color: #FFFFFF;
 
 padding: 3px;
 margin:10px;
 width:200px;
}




/*-------------------------------------------------
header
-------------------------------------------------*/

#header {
	height: 60px;
	margin: 3px 5px 5px 5px;
	
}

#header  img {
	padding-left:10px;
}

#header table.search {
	padding-top: 18px;
	padding-right: 8px;
	margin: 0px;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	float: right;
	color: #76797C;
}


#header input {
	font-size: 22px;
	font-family: arial;
	font-weight: normal;
	font-weight:bold;
	color:#666666;
	width:282px;
	height:25px;
	margin:0px;
}



#header img.logo {
	float: left;	
}




/*top video box*/
#border {border: 1px solid rgb(141, 186, 223); margin: 0px auto 10px; margin-top:29px; background: transparent url(http://www.citysidorna.se/images/boxshade.gif) repeat-x scroll 0%; text-align: center; width: 750px; height: 160px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}

/*top video rolling header box*/
#border2 {margin: 0px auto 10px; margin-top:29px;width: 750px; height: 160px;}




/*-------------------------------------------------
Column Layouts
-------------------------------------------------*/


/*VideoTEST*/
#vid_test{
    float: left;	
	margin-left:4px;
	    
}





/*Video*/
#vid{
	float:left;
	width:50%;	
	font-size: 12px;
	font-family: arial;
    margin: 15px 0px 15px 25px; width: 350px;
}


/*Business Info*/
#info{
	float:right;
	width:50%;
	font-size: 12px;
	font-family: arial;
	margin-right:0px;
	margin-top:0px;
	
}



/*top indiv pics*/
#toppics{
	float:right;
	width:50%;
	font-size: 12px;
	font-family: arial;
	margin-right:0px;
	margin-top:0px;
}





#subinfo{
	font-size: 14px;
	font-family: arial;
	font-weight:bold;
	color:#333333;
	margin-right:0px;
	margin-top:5px;
}


#merinfo{
	font-size: 14px;
	font-family: arial;
	font-weight:bold;
	color:#333333;
	margin-left:15px;
	margin-top:10px;
}



#tagbranch{
	font-size: 14px;
	font-family: arial;
	color:#999999;
	margin-left:15px;
	margin-top:10px;
}




/*Left column*/
#column1 {
	float:left;
	width:50%;	
	font-size: 12px;
	font-family: arial;
	
	/*background-color:red;*/
}


/*search results*/
#searchresults {
	float:left;
	width:65%;	
	font-size: 12px;
	font-family: arial;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:10px;
	
	/*background-color:red;*/
}



/*Right column*/
#column2 {
	float:right;
	width:50%;
	font-size: 12px;
	font-family: arial;
	
	/*background-color:blue;*/
}

#column2 hr {
	border: 0;
	color: #DFDFDF;
	background-color: #DFDFDF;
	height: 1px;
	width: 323px;
	text-align: left;
	margin-left:10px;
}



#low_version {
font-size: 12px;
color:#CCCCCC;
text-align: center;
}

#low_version a{
font-size: 12px;
color:#CCCCCC;
text-align: center;
}




/*-------------------------------------------------
Ad
-------------------------------------------------*/
/*Right ad column*/
#adcolumn2 {
	float:right;
	width:25%;
	font-size: 12px;
	font-family: arial;
	margin-top:40px;
}




/*Category Column*/
#column3 {
	float:left;
	width:50%;	
	font-size: 12px;
	font-family: arial;
	margin-bottom:15px;
	
}


/*Category Column*/
#column3test {
	float:left;
	width:45%;	
	font-size: 12px;
	font-family: arial;
	margin-bottom:15px;
	
}




/*-------------------------------------------------
visste profiles
-------------------------------------------------*/

div.vissteprofiles {
	float:left;
	margin: 10px auto 10px 0px;
}



/*-------------------------------------------------
home quotes
-------------------------------------------------*/

div.container #quote {
	height: 28px;
	margin: 20px auto 15px auto;
	width: 474px;
}



hr.bodyhr {
	border: 0;
	color: #DFDFDF;
	background-color: #DFDFDF;
	height: 1px;
	width: 90%;
	text-align: center;
	margin:0px auto 10px auto;
	clear:both;
}

/*-------------------------------------------------
footer
-------------------------------------------------*/

#footer {
	text-align:center;
	margin: 10px auto 10px auto;
	font-family: arial;
	color: #666666;
	clear:both;
}

#footer p.navigation {
	font-size: 12px;
}

#footer p.navigation a {
	color: #666666;
}

#footer p.copy {
	font-size: 10px;
}


/*-------------------------------------------------
Login Form
-------------------------------------------------*/

#loginform div.quote {
	margin: 30px auto 25px auto;
	width: 241px;
}






/*-------------------------------------------------
Search Bottom
-------------------------------------------------*/

#bottomcontainer {
	height: 60px;
	margin: 0px auto 15px auto;
	width: 500px;
	padding-top:10px;
	clear:both;
}




#bottomcontainer table.searchbottom {
	padding-top: 0px;
	padding-right: 8px;
	margin: 0px;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	float: none;
	color: #76797C;	
}




#bottomcontainer input {
	font-size: 22px;
	font-family: arial;
	font-weight: normal;
	font-weight:bold;
	color:#666666;
	width:282px;
	height:25px;
	margin:0px;
}







/*Main Category Column*/
#subcolumn1 {
	float:left;
	width:100%;	
	font-size: 12px;
	font-family: arial;
	margin-bottom:15px;
	
	/*background-color:red;*/
}


 

/*Sub Category Column*/
#subcolumn3 {
	float:left;
	width:100%;	
	font-size: 12px;
	font-family: arial;
	margin-bottom:15px;

}



.gorilla_tips {
	font-size: 36px;
	color: #FF6600;
	
}

.gorilla_bold {
	font-weight: bold;
	font-size: 14px;
	
}

.divClear {
    clear:both;
    }

/*-------------------------------------------------
Zoom
-------------------------------------------------*/
.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; color:#CCCCCC;}
		.summary { font-size: 80%; font-style: italic; color:#CCCCCC;}
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 100%; }		
		.description { font-size: 100%; color: #008000; }
		
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080; margin-left:100px;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; color:#CCCCCC;}
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}