﻿/* default elements */

*{margin:0px;padding:0px}

body
{
margin: 0;
padding:0;
font-family: Arial, sans-serif;
list-style:none;
/*text-align: center;*/
}

h1
{
font-size:1.9em; 
font-weight: bold;
color:#333333;
margin-bottom:0px;
padding-bottom:0px;
}

h2
{
font-size:1.0em;
font-weight:normal;
margin-bottom:0px;
padding-bottom:8px;
}

h3
{
font-size:0.9em;
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px;
    
}

p
{
font-size:0.8em; 
font-weight: normal;
line-height:1.4;
color:#333333;
}

a
{
color:#0066ff;
font-size:1em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a:link
{
color:#0066ff;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a:visited
{
color:#0066ff;
font-style:normal;
font-weight:normal;
text-decoration:none;
}

a:hover
{
color:#0066ff; 
font-style:normal;
text-decoration:underline;
}

h2 a
{
    font-size:1.1em;
}

.dividerline
{
padding-top:20px;
border-bottom:1px dotted #eaeaea;
}

.dividerspace
{
padding-bottom:20px;
}

.company_level1_left
{
float:left;
width:130px;
margin-right:5px;
}

.company_level1_right
{
    font-size:0.9em;
    padding-left:5px;
float:right;
    line-height:1.3em;
max-width:330px;
min-width:260px;
}

.right
{
float:right;
}

.left
{
float:left;
}   

.level1_address
{
clear:both;
float:left;
font-size:0.8em;
line-height:1.3em;
margin-top:10px;
color:#5d5d5d;
}

.level2_address
{
margin-top:5px;
clear:both;
margin-right:60px;
color:#5d5d5d;
}



.company
{
float:left;
width: 100%;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:dashed 1px silver

}

.company2
{
float:left;
width: 100%;
margin-bottom:30px;
padding-bottom:10px;
border-bottom:dashed 1px silver

}



.company_description_1
{
    font-size:0.8em;
    width:100%;
    line-height:1.5;
}
 
/* Layout */


#topnav
{
width: 100%;
font-size:0.9em;
height:40px;    
background-color:#353232;
}

#header_image
{    
    padding-top:1px;
    float:right;
}

#header h1
{
    padding-top:70px;
    font-size:28pt;
    color:#a02d00;    
}

#header h2
{
    font-size:12pt;
    color:#377bb1;
    width:500px;
}

#header 

{
height:193px;
background-image:url("images/new/top_gradient.gif");
}

#header_small
{
height:40px;
background-image:url("images/new/top_gradient.gif");
}



#logo
{
padding-top:8px;
display:block;
float:left;
}

#nav ul

{
display:block;
float:right;
list-style:none;
padding-top:10px;
}


#nav li

{
float:left;
margin-bottom:0px;
padding-left:20px;
padding-right:0px;
}


#nav ul li a

{
margin-right:1px;
color: #969696;
font-weight: normal;
font-size: 0.8em;
text-decoration: none;
}

#nav li a:hover
{
color:gray;
}


#nav li a.selected {
color:White;
font-weight:bold;
}


ul.offer 
{
list-style-type: none;
font-size:0.75em; 
font-weight: normal;
line-height: 160%;
color:#333333;
padding-bottom: 10px;
width:500px;
}

li.offerItem
{
 background-image: url("/Images/icons/check.png");
 background-repeat: no-repeat;
 background-position: 15px 8px;
 line-height: 140%;
 padding-bottom: 5px;
 padding-left: 35px;
 padding-top:5px;
}



#col1
{
float:left;
background-color:transparent;
margin-top:20px;
margin-bottom:5px;
padding:10px;
width: 200px;
}


#col1 h1
 { 
font-size:1.4em;
color: #a02d00;
font-weight:normal;
padding-bottom:8px;
}

#col1 a
 { 
font-size:0.9em;
}

#col2
{ 
float:left;
background-color:transparent;
margin-top:20px;
margin-bottom:5px;
margin-left:0px;
margin-right:40px;
padding:10px 0 10px 15px;
max-width: 470px;
min-width: 400px;
}

* html #col2 /* enbart IE tolkar denna kod */
{ 
width: 470px; /* vidd (där både width, padding och border räknas in) för IE5.x/Win */ 
w\idth: 470px; /* kan läsas av övriga IE */ 
} 

#col2 p
{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
}

#col2 h1
 { 
font-size:1.4em;
color: #64473a;
font-weight:normal;
padding-bottom:10px;
}

#col3
{
float:right;
background-color:transparent;
margin-top:20px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
padding:10px 0px 10px 15px;
width: 200px;
}


#col3 h1
 { 
font-size:1.4em;
color: #a02d00;
font-weight:normal;
padding-bottom:10px;
}

#col2_ext
{ 
float:left;
background-color:transparent;
margin-top:20px;
margin-bottom:5px;
margin-left:0px;
margin-right:40px;
padding:10px 0 10px 15px;
max-width: 670px;
min-width: 600px;
}

#col2_ext p
{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
}

#col2_ext h1
 { 
font-size:1.4em;
color: #64473a;
font-weight:normal;
padding-bottom:10px;
}

label
{
font-size:1em;
color:#555555;
}

label em
{
    font-size:0.9em;
    color:Gray;
}

.PackageList
{
    margin-left:40px;   
}

.package
{
  font-size:0.8em;
  padding: 2px 5px 5px 5px;
  background-color:#efefef;
  margin-bottom:20px;
  
}

.price
{
    padding-top:5px;
    padding-left:2px;
    font-size:1.2em;
    font-weight:bold;
}

.right-wrapper 
{
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.divider 
{
    padding-top:20px;
}

#Footer
{
Clear:both;
Width:100%;
background-color:#afc8dc;
border:inherit;
height:50px;
}




/*ROUNDED CORNERS SECTION*/
.roundedcornr_box_252299 {
   background: #f4f3f1 url(images/roundedcornr_252299_grad.gif) repeat-x top left;
}
.roundedcornr_top_252299 div {
   background: url(images/roundedcornr_252299_tl.gif) no-repeat top left;
}
.roundedcornr_top_252299 {
   background: transparent url(images/roundedcornr_252299_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_252299 div {
   background: url(images/roundedcornr_252299_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_252299 {
   background: transparent url(images/roundedcornr_252299_br.gif) no-repeat bottom right;
}

.roundedcornr_top_252299 div, .roundedcornr_top_252299,
.roundedcornr_bottom_252299 div, .roundedcornr_bottom_252299 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_252299 { margin: 0 15px; }



/*ROUNDED CORNERS FOR RECOMMENDATIONS*/
.roundedcornr_box_548590 {
   background: #f0eeee url(images/roundedcornr_548590_grad.gif) repeat-x top left;
}
.roundedcornr_top_548590 div {
   background: url(images/roundedcornr_548590_tl.gif) no-repeat top left;
}
.roundedcornr_top_548590 {
   background: transparent url(images/roundedcornr_548590_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_548590 div {
   background: url(images/roundedcornr_548590_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_548590 {
   background: transparent url(images/roundedcornr_548590_br.gif) no-repeat bottom right;
}

.roundedcornr_top_548590 div, .roundedcornr_top_548590,
.roundedcornr_bottom_548590 div, .roundedcornr_bottom_548590 {
   width: 100%;
   height: 6px;
   font-size: 1px;
}
.roundedcornr_content_548590 { margin: 0 6px; }






input.error { border: 1px dotted red; }
textarea.error { border: 1px dotted red; }
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	width: auto;
}


.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; text-decoration: none;}
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: 4px 7px 4px;font-weight: normal; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	
	
	#citySelect select {
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 5px #cfcfcf inset;
    border: 1px solid #cfcfcf;
    vertical-align: middle;
    background-color: transparent;
    color:#515151;
    width: 70%;
    font-size:18px;
}

#citySelect option {
    background-color: #f4f4f4;
    border-bottom: 1px solid #ebdac0;
    border-right: 1px solid #d6bb86;
    border-left: 1px solid #d6bb86;
    padding-left:4px;
}
#citySelect option:hover {
    cursor: pointer;
}


