/* The basics, Body and default apperances, other from text.css
-------------------------------------------------------------- */
html {padding: 0;margin:0;height:100%}
body
{
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	background: #123 url("/Content/Images/bg.jpg") no-repeat top center;
	/*background: url('/Content/Images/bg_btm.jpg') repeat-x bottom 45%;*/
	color: #333;
	padding: 0;margin:0;
	min-height: 99%
}
a {color:#333}
a:hover {text-decoration:none;}
a:focus { outline: 1px dotted invert;}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	margin: 10px auto
}

ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 1.5em; }

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
form, 
fieldset { margin-bottom: 1em; }

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
	font-family: Georgia, serif;
	text-align: center;
	color: #fff;
	display:none
}

h2 {
	font-size: 23px;
	line-height:1.2;
	margin: 5px 0 1em;
}

h3 {
	font-size: 21px;
	line-height:1.2;
	margin: 5px 0 ;
}

h4 { font-size: 19px; }
h5 { font-size: 17px;}
h6 { font-size: 15px; }


#start h2{margin-bottom:0.2em}

h1,h2,h3{ 	font-weight:normal }

/* Other general styles
-------------------------------------------------------------- */

.width100 { width: 100%; }  
.width75 { width: 75%; }  
.width60 { width: 60%; }  
.width50 { width: 50%; }  
.width25 { width: 25%; }  
.floatLeft { float: left; }  
.floatRight,.right  { float: right; }  
.alignLeft { text-align: left; }  
.alignRight { text-align: right; }  

.10px{height:10px;line-height:10px;font-size:10px}

.bold {font-weight:bold}
.ingress {font: normal normal 19px/1.2 Georgia, serif;}

.noBottomMargin {margin-bottom:0}

/* Navigation
-------------------------------------------------------------- */

.navigation {margin:20px auto 0}
.navigation ul {list-style: none outside;}
.navigation ul li{display: inline;margin:0}
.navigation ul a{
	padding: 10px 10px 0;
	margin-right:10px;
	background: #fff url("/Content/Images/Tabs/tab_sprite.png") repeat-x 0% 10%;
	display: block; 
	float:left;
	color:#333;
	font: normal normal 12px/1.2 Georgia, serif;
	text-decoration:none;
	height:25px
	}
.navigation ul a:hover{
	text-decoration: underline;
	}
.navigation ul a.right{
	float:right
	}
.navigation ul a.last{
	margin-right: 0
	}
#nav-start a {width: 100px;}
#nav-om a {width: 140px}
#nav-nyheter a {width: 120px}
#nav-fotografer a,
#nav-evenemang a,
#nav-kundvagn a,
#nav-arrangorer a {width: 150px;position:relative}

#nav-fotografer a span,
#nav-kundvagn a span{
	position:absolute;
	bottom:3px;
	right:0;
	background: url("/Content/Images/Tabs/camera.png") no-repeat 0% 0%;
	width: 50px;height:50px
}
#nav-kundvagn  a span{
	background-image: url("/Content/Images/Tabs/box.png");
}
#nav-kundvagn a span.down{
	background-image: url("/Content/Images/Tabs/box_arrow.png");
}
#nav-kundvagn a span.drop{
	background-image: url("/Content/Images/Tabs/box_anim.gif");
}

#start #nav-start a,
#om-malfoto #nav-om a,
#nyheter #nav-nyheter a,
#evenemang #nav-evenemang a,
#fotograf #nav-fotografer a,
#arrangorer #nav-arrangorer a {background-color: #fef3d1}

/* Header
-------------------------------------------------------------- */

.splashimage {
	width:960px; 
	height: 285px; 
	background: url("/Content/Images/Header/toppbild_botten.gif") repeat-x 0% 100% ;
	margin-bottom:5px;
	overflow:hidden;}
.splashimage img {	
	display:block;
	margin-bottom:20px;
}


/* Main Content
-------------------------------------------------------------- */

.main_content
{
	background: #eee;
	padding-top:15px;		
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#start .main_content {padding-top:0}


/* Footer
-------------------------------------------------------------- */

.footer {margin: 20px auto 0;height:175px}
.footer p{text-align:center;  color:#fff; font-style: italic; font-size:11px}
.footer a{font-weight:normal; color:#fff; text-decoration:underline}

/* Special fields and boxes and buttons
-------------------------------------------------------------- */
.block 
{
	background:#fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	box-shadow:	0 5px 5px #e4e4e4;
	-o-box-shadow: 0 5px 5px #e4e4e4;
	-moz-box-shadow: 0 5px 5px #e4e4e4;
	-webkit-box-shadow: 0 5px 5px #e4e4e4;

	margin-top: 5px ;
	margin-bottom: 15px ;
}
.block div {padding: 10px 20px 5px;}
.block div div {padding: 0;}

.search_result > div {min-height:290px;  }
.search_result div {padding-right:0;  }

.image img {width:115px;}
.image {
	float: left; 
	width: 115px; 
	height: 176px; 
	overflow:hidden; 
	margin: 0 20px 15px 0; 
	position:relative
}
.image .caption{
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	font-size:80%;
	background: url("/Content/Images/trans50.png") repeat scroll 0 0; /* rgba(0,0,0,0.5); */
	color:#fff;
	margin:0;
}

.image .caption a{ color: #ddd;text-decoration:none; font-weight:normal;}
.image .caption a:hover{ color: white; }

.products {width:180px;float: left}
.products img {width:180px}
.products .caption {}

.options {
	float:right; 
	width:450px
}
.options h3{margin-top:0}

#faq .grid_12>div,
#om-malfoto .grid_12>div{width:550px}

.block img.icon {float:right; margin:0 0 1em 1em}


.navigateNext{ float:right;margin-right:25px }
.navigatePrevious{ float:left}
#link-NotMe{float:right;}
#link-ViewImage{float:left;}

.navigatePrevious a,
.navigateNext a,
#link-backToSearchResult,
#link-NotMe a,
#link-ViewImage a,
.options table .sum a {
	display:block;
	height:23px;
	width:89px;
	background: url("/Content/Images/Buttons/btn_next.gif") no-repeat 0 0;
	text-indent:-9999px}
.navigatePrevious a{
	width:120px;
	background-image: url("/Content/Images/Buttons/btn_prev.gif")}


#link-backToSearchResult{
	width:80px;
	background-image: url("/Content/Images/Buttons/btn_back.gif")}
#link-NotMe a{
	width:78px;
	background-image: url("/Content/Images/Buttons/btn_notme.gif")}
#link-ViewImage a{
	width:85px;
	background-image: url("/Content/Images/Buttons/btn_zoom.gif")}

.options table .sum a {
	width:86px;
	background-image: url("/Content/Images/Buttons/btn_buy.gif") ;
	text-align:left; }

/* Tables
-------------------------------------------------------------- */
.options table{
	width:100%; 
	background-color:#f3f3ff; 
	border-radius:10px 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	margin-bottom:1.5em
}
.options table th,
.options table td{padding:2px 5px 0}
.options table .productDescription{text-align:left}
.options table .price{width:40px;text-align:right}
.options table .numItems{width:50px;text-align:center}
.options table .sum{width:84px;text-align:right;font-size:80%;vertical-align:top}
.options table td small {display:block;font-size:85%}

#cartcontents{ width:100%;padding-top:20pt}
#cartcontents table {width:100%; font-size:100%;}
#cartcontents table thead tr {background: #eee;}
#cartcontents table th,
#cartcontents table td{padding:3pt;text-align: left;vertical-align:top;}

#cartcontents table .imageCell{width:65px}
#cartcontents table .textCell{}
#cartcontents table .pcsCell{width:40px;text-align: center}
#cartcontents table .priceCell{width:55px}
#cartcontents table .sumCell{width:60px;}

#cartcontents table .totals{font-weight:bold;}
#cartcontents table .totals small{font-weight:normal;} 

.cart table {width:100%;font-size:90%}
.cart table th,
.cart table td{text-align:left}
.cart table .sum{text-align:right}


/* Forms - general and specific
-------------------------------------------------------------- */
legend {font-size:120%;font-weight:bold}
fieldset p label {font-weight:bold; display:block;margin: 0.4em 0 0.1em}
fieldset p label em{font-weight:normal; font-style:oblique}
fieldset p.radio label {font-weight:normal;}
fieldset p.radio label.disabled {color:#999}

form fieldset p input[type="text"],
form fieldset p input[type="password"],
form fieldset p textarea{
	font-family:arial;
	width:80%; 
	margin-left: 0.1em;
	display:inline;
	font-size:120%; 
	padding:3px 4px;
	border-width:1px
}
form fieldset p.radio label input{width:auto; margin-left: 0.1em}

form.signup  input[type=text]{
	background: url("/Content/Images/textbox/hel.gif") no-repeat 0% 0%;
	border:0;
	padding:0 3px;
	height:1.6em;
	width:220px
	}
form.signup input[type=image]{padding-top:5px}

#checkout form {}
#checkout fieldset{background-color: #f3f3ff; padding: 0 15px; -moz-border-radius:10px; border-radius:10px -webkit-border-radius:10px; float:left; width:42%}

#checkout fieldset.checkout-customerinfo {float:left}
#checkout fieldset.checkout-deliveryaddress,
#checkout fieldset.checkout-deliveryoptions{float:right;clear:right}

input.addItems{padding:1px 2px;width:15px; border-width:1px;text-align:center;font-size:90%}

/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice, 
.success    {
padding:  0; 
margin-bottom: 1em; 
border: 2px solid #ddd; 
}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.hide {display:none;visibility:hidden;}


/* Tooltip
-------------------------------------------------------------- */
#tooltip {
	position: absolute;
	z-index: 3000;/*
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; }


.event-29 h3 {background: url(/Archive/Logos/Savedalsloppet.jpg) no-repeat 0 0; height:60px; }
.event-30 h3 {background: url(/Archive/Logos/finalloppet.png) no-repeat 0 0; height:50px; }
.event-29 h3 a,
.event-30 h3 a{text-indent:-9999px;display:block;height:90%}