/* 

CSS for Son Spa
Written by hf@onecom.no
April 2010

 */


/* START OF ERIC MEYER'S RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END OF ERIC MEYER'S RESET */

body
{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 1.1;

	background: #ded7cf url(../../../../resources/images/bunn_bg_tilable.jpg) repeat-x 0 0;
	
}

p
{
	margin-bottom: .7em;
	line-height: 1.3;
}

h3
{
	font-size: 20px;
}

a, .button, label, .newsitem h3
{
	color: #5A798D;
}

a:hover
{
	color: #000;
}

#navigator
{
	height: 550px;
	z-index: 999;
	background: url(http://publisher.onecom.no/sonspa/resources/images/sonspa/top_background.png) repeat-x 0 0;
}



#navigator ul.topnav
{
	margin-left: 5px;
}

#navigator
{

}

div#content
{
	margin-top: -229px;
}

.maincontent,
.gallerycontent
{
background: url(../../../../resources/images/maincontent_bg.jpg) repeat-y 0 0;
padding-top: 25px;
}

.textImage,
#imagegallery
{
	padding: 25px;
	width: 705px;
}

.imageSlider
{
	position: absolute;
	top: 0;
	height: 321px;
	.display: none;
	.visibility: hidden; /* ie6 - ie7 specific css */
}

.imageSlider img
{
	position: absolute;
	z-index: 0;
}

div#content #template
{
	display: block;
	clear: both;
	}

#navigator ul li
{
	float: left;
	}

#navigator ul li ul
{
	display: none; /* initial state */
}

div.header
{
	display: block;
	height: 321px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../../../../resources/images/sonspa/topbannerbilde.jpg);
	
}

.container_12 .grid_12
{
	width: 746px;
}

.slideshow
{
	display: block;
	height: 321px;
	width: 748px;
	overflow: hidden;
	position: absolute;
}

.container_12 .searchField.grid_3
{
	width: 160px;
}

h1#pagelogo,h1#pagelogo2
{
	display: block;
	width: 94px;
	height: 94px;
	background: url(../../../../resources/images/sonspa/logoen.png) no-repeat 0 0;
	z-index: 1;
	position: absolute;
	top: 83px;
	left: 32px;
	z-index: 500!important;
}

h1#pagelogo a, h1#pagelogo2 a.logo
{
	text-indent: -9999px;
	width: 94px;
	height: 94px;
	display: block;
}	

h1#pagelogo2
{
	top: 50px;
	left: 50%;
	margin-left:-495px;
}

h1#pagelogo2 a.logo{
	margin-bottom:5px;
}

#links
{
	height: 186px;
}

#links .grid_3
{
	margin: 0;
	width: 185px;
	height: 185px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	overflow: hidden;
}

#links .grid_3.alpha
{
	border-left: 0;
}

#links .grid_3.omega
{
	border-right: 0;
}

form.searchfield
{
}

#statusbar
{
	padding: 7px 0;
	height: 25px;
	display: block;
}


#statusbar #languageselector li
{
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

.selectedlanguage
{
	height: 41px;
	width: 42px;
	position: fixed;
	right: 0;
	top: 0;
}

.selectedlanguage.norwegian
{
	background-image:url(../../../../resources/images/sonspa/flaggcorner.png);
}
	
#statusbar #languageselector li a
{
	text-indent: -9999px;
	display: block;	
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#statusbar #languageselector li#norwegian.selected a,
#statusbar #languageselector li#norwegian a:hover
{
background-image:url(../../../../resources/images/flags/no.png);
}

#statusbar #languageselector li#norwegian a
{
background-image:url(../../../../resources/images/flags/no_off.png);
}

#statusbar #languageselector li#english.selected a,
#statusbar #languageselector li#english a:hover
{
background-image:url(../../../../resources/images/flags/gb.png);
}

#statusbar #languageselector li#english a
{
background-image:url(../../../../resources/images/flags/gb_off.png);
}

input.text, input.txtField
{
	color: #6A6A6A;
	font-size: 12px; 
	font-family: Arial, Helvetica, Sans-serif;
	padding: 3px 5px;
	border: 0;
	background-color: transparent;
	background-position: -7px -4px;
	width: 153px;
	background-image: url(../../../../resources/images/input.png);
}

#statusbar input.text
{
	width: 130px;
	background: transparent url(../../../../resources/images/searchfield.png) -7px -4px;
	border: 0;
	padding-left: 8px;
	padding-right: 25px;
	
}

div.quicklinkOverlay
{
	background: #fff;
	height: 22px;
	margin-top: 153px;
	padding: 5px 10px;
}

div.quicklink.on div.quicklinkOverlay
{
	margin-top: 0;
	height: 175px;
}

div.quicklinkOverlay a.button
{
	margin-left: 40px;
}

div.quicklink h3
{
	font-size: 18px;
	font-family: Arial, Helvetica, Sans-serif;
	color: #000;
	height: 20px;
	line-height: 20px;
	margin: -27px 0 0 8px;
}

div.quicklink h3 a,
div.quicklink p a
{
	color: #000;
	text-decoration: none;
}

div.quicklink.on h3
{
	background-color: transparent;
	padding: 0;
	margin: -175px 0 5px 8px;
}	


div.quicklink p
{
	display: none;
	padding: 0 8px;
	line-height: 1.4;
}

div.quicklink.on p
{
	display: block;
	z-index: 999;
	position: relative; /* to provide z-index */
}

div#dp-popup
{
	width: 172px;
}

#bookingform
{
	display: block;
	width: 352px;
	position: absolute;
	top: 30px;
	left: 395px;
	z-index: 500;
	background: url(../../../../resources/images/sonspa/toppbanner_booking_bg.png) no-repeat center center;
	height: 169px;
	padding: 100px 0 0 0;
}

#bookingform h3.confirm
{
	color: #fff;
	padding-top: 73px;
	text-align: center;
	width: 100%;
}

#newslettersuccess
{
	text-align: center;
}

#bookingform h3
{
	color: #fff;
	font-size: 18px;
	text-shadow: 1px 1px 1px #000;
	margin-bottom: 7px;
}

#bookingform ol li
{
	float: left;
	width: 165px;
	height: 30px;
}

#bookingform li.dato ul
{
	display: block;
	padding-left: 105px;
}

#bookingform li.dato ul li
{
	width: 110px;
	float: left;
	height: 20px;
}

#bookingform input.dp-applied
{
	width: 76px;
}

#bookingform ol li.dato
{
	width: 327px;
}

#bookingform ol li.frmtype
{
	width: 327px;
}

#bookingform li.frmtype ul{
	float:right;
}
#bookingform li.frmtype ul li
{
	float: left;
	margin-right:10px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	line-height:20px;
	width:auto;
}

#bookingform ol li.frmtype input{
	vertical-align:middle;
}

#bookingform a.submit.button.large
{
	clear: both;
	float: right;
	margin-right: 25px;
	width: 91px;
	padding: 2px 0 4px 0;
	text-shadow: 0;
}

input.date-pick
{
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background: transparent;
	border: 0;
	text-align: right;
	width: 100px;
}

div.news
{
	padding-top: 20px;
}

div.news .newsitem
{
margin: 0 20px 20px 20px;
float: left;
width: 200px;
padding: 0;
}

div.news .newsitem h3,
div.news .newsitem p
{
	color: #5A798D;
}

div.news .newsitem h3
{
	margin-bottom: 8px;
}

div.news .newsitem p a.button
{
	float: right;
}

#footer
{
	background: #fff url(../../../../resources/images/bunn_bar.png) center center no-repeat;
	clear: both;
}

#footer form,
div#newslettersuccess
{
clear: both;
display: block;
height: 30px;
padding-top: 20px;
width: 400px;
background: url() no-repeat;
}

div#newslettersuccess
{
color: #5A798D
}
#footer form label
{
	float: left;
	width: 132px;
	padding-top: 4px;
}

#footer form input.text
{
	float: left;
}

#footer form a
{
	float: right;
}

#footer p
{
	color: #6a6a6a;
	font-size: 12px;
	text-align: center;
}

/* BUTTONS */

.button
{
font-size: 12px;
padding: 0;
border: 0;
text-decoration: none;
background-repeat: no-repeat;
display: block;
text-align: center;
line-height: 1;
color: #5A798D!important;
}

.button.large
{
	padding: 5px 30px 2px 36px;
	background: url(../../../../resources/images/sonspa/sonspa_stor_knapp_off.png) no-repeat -5px -3px;
	padding: 3px 6px 5px 6px;
	width: 84px;
}


.button.large:hover
{
	background: url(../../../../resources/images/sonspa/sonspa_stor_knapp_over.png) no-repeat -5px -3px;
	cursor: pointer;
}

/* news */

.newsitem.archive
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 10px;
}
.newsitem.archive img, div.newsarticle img
{
	padding: 3px;
	background: #fff;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}

.newsitem.archive .content
{
	width: 455px;
	float: right;
}

.newsitem.archive .content h3
{
	width: 330px;
	display: block;
	float: left;
}

.newsitem.archive .content h3 a
{
	text-decoration: none;
}

.newsitem.archive .content h3 a:hover
{
	text-decoration: underline;
}

.newsitem.archive .content p.date, .newsarticle p.date
{
	width: 100px;
	height: 20px;
	line-height: 20px;
	float: right;
	color: #5A798D;
	text-align: right;
}

.newsitem.archive .content p.ingress
{
	display: block;
	clear: both;
}

.textImage .newsitem
{
	display: block;
	clear: both;
	padding-top: 10px;
}

.textImage .newsitem+newsitem
{
	padding-top: 10px;
}

.textImage .newsitem img
{
	background: url(../../../../resources/images/bilde_bg.png) no-repeat top left;
	padding: 11px;
	float: left;
	margin-right: 10px;
}

.textImage .newsitem h3
{
	font-size: 24px;
	margin: 10px 0 8px 0;
}

.textImage .newsitem p.link
{
text-align: right;
}

/* searchresult */

div#searchresults
{
padding-top: 20px;
}

div#searchresults h3,
div.contactform h3
{
	margin-bottom: 10px;
}

.searchresult h4
{
font-size: 18px;
}

ul.searchresults li
{
margin-bottom: 5px;
}

/* Experimental */

div.newsarticle {
	

	width:610px;
	text-align:justify; 
	display: block;
	clear: both;

}

div.newsarticle p.short, h3 {
	color: #5A798D;
}

div.newsarticle p.articleText {
	
	display: block;
	clear: both;
}

div.newsarticle img {
	
	width: 100%;	
	margin-bottom: 20px;

}

div.newsarticle p.links {
	
	float: right;
	margin-right: 10px;
	
}


/* Strecth button (move to buttons when done) */

div.stretchButton{
	border: none 0px;
	float: right;
	
}

div.stretchButtonHover{
	border: none 0px;
	float: right;
}


div.stretchButton div.sb_left{
	float:left;
	background: url(../../../../resources/images/sonspa/btn_off_L.png) no-repeat;
	height: 24px;
	width: 14px;
}

div.stretchButton div.sb_center {
	float:left;
	background: url(../../../../resources/images/sonspa/btn_off_MID.png);
	background-repeat: repeat-x;
	height: 30px;
	padding-top:3px;

}

div.stretchButton div.sb_right {
	float:right;
	background: url(../../../../resources/images/sonspa/btn_off_R.png);
	height: 24px;
	width: 14px;

}

div.stretchButton div.sb_clear {	
clear: both;
}

div.stretchButtonHover div.sb_left{
	
	background: url(../../../../resources/images/sonspa/btn_on_L.png) no-repeat;
	
	
}

div.stretchButtonHover div.sb_center {

	background: url(../../../../resources/images/sonspa/btn_on_MID.png);
	background-repeat: repeat-x;


}

div.stretchButtonHover div.sb_right {
	
	background: url(../../../../resources/images/sonspa/btn_on_R.png);
		
}

/* IMAGE GALLERY */
#slide-wrap
{
	margin-left: 40px!important;
}

.gallery_image { float: left; border: 0; margin: 8px; width: 185px; height: 185px; }

a.gallery img{ border: 1px solid #ccc; background: #fff; padding: 4px; }

#imagemenu a
{
	padding: 3px 5px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #ded7cf;
	color: #000;
	margin: 0 2px;
}

#imagemenu {	text-align: center; margin: 10px 0;}

#imagemenu a.wactive, #imagemenu a:hover, #imagemenu a:active { background: #9e7d58; color: #DED7CF; }

#fancy_outer
{
z-index: 9999!important;
}
	
	
#contactform label
{
	display: block;
	width: 76px;
	float: left;
	height: 22px;
    line-height: 22px;	
}

#contactform li
{
	padding-top: 8px;
	width: 250px;
}

#contactform li.textarea
{
	width: 400px;
}

#contactform textarea
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-top: 1px solid #b7b7b4;
	border-left: 1px solid #dfdfde;
    border-right: 1px solid #dfdfde;
    border-bottom: 1px solid #fbfbfa;
    width: 300px;
    height: 150px;
    padding: 4px;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    line-height: 1.2;
    background: #fff;
}

#contactform ol
{
	padding-bottom: 25px;
}

#contactform .button.large
{
	margin-top: 10px;
	margin-left: 76px;
	width: 92px;
	padding: 0 0 3px 0;
}

#contactform small.error
{
	font-size: 26px;
	color: red;
	line-height: 26px;
}

p.error
{
	border: 1px solid #ccc;
	padding: 5px;
	background: #e0e0e0;
	width: 375px;
	   
}

#contactform small
{
	float: right;
}

h3.newsTitle a
{
text-decoration: none!important;
}