/* Start of CMSMS style sheet 'Bosgard_10' */
/* ---------- General Styles ----------*/
/* Body Styles, Reset, Links, Headings, Other elements, Tags*/

/* Document Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

html { background: none; }

body {
	background: #6d7e54 url(uploads/images/bg_2.jpg) top center repeat;
	font: 1em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
}

body.taustakuva1 {
	background: url(uploads/images/tausta_1.jpg) no-repeat center top;
        background-color: #6d7e54;
}

body.taustakuva2 {
	background: url(uploads/images/tausta_2.jpg) no-repeat center top;
        background-color: #6d7e54;
}

#bodywrapper { width: 100%; height: 100%; background: url(uploads/images/pattern.gif) repeat center top; }

a, a:link {
	color: #5f6b45;
	text-decoration: underline;
}

/*a:visited {color: #78845e; text-decoration: none; }*/
a:active {color: #78845e; text-decoration: underline;}
a:hover {color: #78845e	; text-decoration:none;}
a:focus {border:none;}

a.Active {
	text-decoration: underline;
	color: #404040;
}

strong, bold {
}

italic, i {
}

blockquote {
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #832400;
}

h1 {
	font-size: 1.44em;
	padding-bottom: 2px;
	/*border-bottom: 1px #c0c1c7 solid; */
}

h2 {
	font-size : 1.16em;
	margin-bottom: 4px;
}
h3 {
	font-size : .9em;
	margin-bottom: 4px;
}

h4 {
	font-size : 14pt;
	line-height: 1em;
}

h5 {
}

p {
	padding-top: 4px;
	font-size: 12px;
	line-height: 18px;
	color: #515151;
	margin-bottom: 0.4em;
}





p.Ingress {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px; 
	color: #282828;
}

p.Huomio { color: #fff; background: #d28000; padding: 5px 10px; display: inline;}
p.Huomio  a{ color: #fff;}

p.Ingress_2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.2em; 
	color: #828282;
	padding-top: 40px;
	line-height: 1.35em;
	text-align: center;
}

ul {
}

ul li {
  color: #515151;
  list-style: none;
  list-style-type: none;
  font-size: .75em;
  line-height: 2em;
}



ol {
}

ol li {
}

/* ---------- Helper Styles ----------*/
/* Forms, Notifications and errors, Consistant items with normally just one class */

.formbuilderform legend {
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #057235;
	padding: 0 6px 4px 6px;	
}

.formbuilderform p {
       margin-bottom: 15px;
       font-size: 1em;
}

.formbuilderform label {
	line-height: 1.3em;
	color: #030303;
        font-size: .75em;
        margin-top: 10px; 
        padding-bottom:6px;
        margin-right: 10px;
}


.Radio label{
        display: inline; margin-right: 10px;
}

.formbuilderform fieldset {
	border: 1px solid #EEEEEE;
	padding: 14px 20px 20px 20px;
	margin-bottom: 1em;
}

.formbuilderform textarea {
	border: none; 
	padding: 2px;
	margin: 6px 0 14px 0;
	border: 1px solid #c9c9c9; 
	background-image: url(images/textfield-bg.gif);
	background-repeat: no-repeat;
	min-height: 60px;
}

.formbuilderform checkbox {
	margin: 6px 0 14px 0;
}

.formbuilderform input[type=text], .formbuilderform input[type=password] {
        border: 1px solid #c9c9c9; 
	padding: 2px;
	margin-top: 4px;
        margin-bottom: 14px;
}
.formbuilderform input.text .formbuilderform input.password {
        border: 1px solid #c9c9c9; 
	padding: 2px;
	margin-top: 4px;
}


/* ---------- Page Structure ----------*/
/* Skeleton including page furniture */

#Pagewrapper {
	width: 960px;
	background: #fff url(uploads/images/bg_Page.gif) repeat-y left top;
	margin: 0 auto;
	padding: 0;
}

#Header {	
	background: url(uploads/images/bg_Header.gif) no-repeat left top;
}

#Footer{
	background: #fff;
	height: 29px;
	width: 950px;
	padding: 5px;
	clear: both;
}
#Footer_Inner{
	background: url(uploads/images/bg_Footer.gif) repeat-x;
	height: 29px;
	width: 950px;
	text-align: center;
}

#Page_Content{
	background: url(uploads/images/bg_Page_Low.gif) no-repeat left bottom;
	padding: 0 20px 30px 20px;
	clear: both;
}
	
			   
#Tuotekaruselli { width: 920px; margin: 20px 0 30px 0; background:url(uploads/images/Tuotekaruselli_Bg.gif) left bottom repeat-x;}

#Tuotekaruselli { width: 920px; margin: 20px 0 30px 0; background:url(uploads/images/Tuotekaruselli_Bg.gif) left bottom repeat-x;}
#Tuotteet_1 { width: 920px; margin: 0 0 30px 0; background:url(uploads/images/Peruspaketti.jpg) left bottom no-repeat; float:left;  }
#Tuotteet_2 { width: 920px; margin: 0 0 30px 0; background: url(uploads/images/Perhepaketi.jpg) left bottom no-repeat; float:left;  }
#Tuotteet_3 { width: 920px; margin: 0 0 30px 0; background:url(uploads/images/Herkkupaketti.jpg) left bottom no-repeat; float:left;  }
#Tuotteet_4 { width: 920px; margin: 0 0 30px 0; background:url(uploads/images/Metvursti.jpg) left bottom no-repeat; float:left;  }
.Tuotekuvaus {width: 290px; float:left; margin: 30px 40px 30px 0; padding-left: 20px;}				


.Tuote {width:200px; float:left; text-align:center; margin-bottom: 30px; margin-top: 20px;}
.Tuote p {margin-bottom: 18px;}
a.Luelisaa { height:26px; width: 102px; display:block; background:url(uploads/images/Lue_Lisaa.gif) top left no-repeat; margin: 0 auto;}
a.Luelisaa:hover {background-position: 0 -30px;}
a.Luelisaa:hover {background-position: 0 -30px;}
a.Punainen {margin:0; background:url(uploads/images/Lue_Lisaa_Punainen.gif) top left no-repeat;}
a.Tilaa { height:26px; width: 102px; display:block; background:url(uploads/images/Tilaa.gif) top left no-repeat; margin-top: 15px;}
a.Tilaa:hover {background-position: 0 -30px;}




/* Grid Placement */
.left {float: left;}
.right {float: right;}
.right.inset {margin: 0 0 0 20px;} /* img floated right within text */
.left.inset {margin-right: 20px;} /* img floated left within text */
.right-margin_1 {
	margin-right: 25px;
}
.right-margin_2 {margin-right: 30px;}
.right-margin_3 {margin-right: 40px;}

.top-margin_1 {margin-top: 30px;}
.top-margin_2 {margin-top: 10px;}
.top-margin_3 {margin-top: 20px;}
.bottom-margin_1 {margin-bottom: 10px;}

.nomargin {margin: 0;}
.clear {clear: both;}
.break {margin-bottom:40px;}

/* Grid Colum Sizes */
.one {width: 290px;}
.two {width: 270px;}
.three {width: 300px;}
.four {width: 570px;}
.five {width: 740px;}
.six {width: 605px;}
.seven {width: 920px;}

/* Grid Additions */
.frame {border: 1px solid #999;}
.solo img {margin-bottom: 20px;}
.dotted_border {border-bottom: 1px #c0c1c7 dotted; padding-bottom: 20px; }



/* ---------- Page Components ----------*/
/* Most of our styles will be in here */

#Logo {
	margin: 40px 0 25px 30px;
        margin-left:30px!important;
        margin-left:15px;
	float: left;
        width: 231px;
        position:relative;
}

.Kuvagalleria {
	width: 880px;
	padding: 0 20px 0 20px;
}

#Language {
	float: right;
	margin-top: 50px;
	margin-right: 20px;
	text-align: right;
}

#Navigationwrapper {
/*	clear: right;*/
	float: right;
	height: 31px;
        margin-top: 83px;
}

#Main_Imagewrapper {
	width: 900px;
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	padding: 10px;
	margin-bottom: 30px;
}

/* Form */



/* Lists */


#Language ul li {
	float: left;
	margin-left: 15px;
}

#Language ul li.Active {
	color: #404040; 
	text-decoration: underline;
}


#Navigationwrapper ul {
	font-size: 1.2em;
	margin-right: 20px;
	border-top: 1px solid #78845e;
	border-left: 1px solid #78845e;
	border-bottom: 1px solid #78845e;
	height: 36px;
        float: right;
}

#Navigationwrapper ul li {
	float: left;
	background: url(uploads/images/Bosgard_navi_left.gif) no-repeat left top;
	border-right: 1px solid #78845e;
	height: 36px;
        overflow:hidden;
        width: auto;
}

#Navigationwrapper ul li.Active {
	background: url(uploads/images/Bosgard_navi_left.gif) no-repeat left -84px;
}


#Navigationwrapper ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding: 4px 15px 3px 15px;
	height: 36px;
	background: url(uploads/images/Bosgard_navi_right.gif) no-repeat right top;
}

#Navigationwrapper ul li a:hover{
	color: #fff;
	text-decoration: none;
}

#Navigationwrapper ul li:hover {
	background: url(uploads/images/Bosgard_navi_left.gif) no-repeat left -42px;
}
#Navigationwrapper ul li a:hover{
	background: url(uploads/images/Bosgard_navi_right.gif) no-repeat right -42px;
}


ul.Linkkilista {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin: 10px 0;
	padding: 5px 10px;
}

ul.Linkkilista li{
	border-top: 1px dotted #d0d0d0;
}

ul.Linkkilista li:first-child{
	border-top: none;
}

ul.Linkkilista li a{
	font-family: Georgia, "Times New Roman", Times, serif;
        text-decoration: none;
	font-size: 14px;
	padding-left: 15px;
	background: url(uploads/images/Breadcrumb_nuoli.gif) no-repeat left 4px;
        color: #5f6b45;
}

ul.Linkkilista li a:hover{
        text-decoration: underline;
}


#Breadcrumb {
	width: 915px;
	background:url(../images/Breadcrumb_bg.gif) repeat-x top left;
	height: 25px;
	padding-left: 5px;	
}


#Breadcrumb p {
	float: left;
	color: #404040;
	padding-left: 10px;
        line-height: 11px;
}

.lastitem {
	color: #fff;
	color: #404040;
}


#Breadcrumb a {
	text-decoration: underline;
	background: url(../images/Breadcrumb_nuoli.gif) no-repeat right 3px;
	padding-right: 20px;
	margin-right: 7px;
}

#Breadcrumb a:hover {
	text-decoration: none;
}

#Alanavi ul {
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid  #b2b2b2;
	margin-bottom: 20px;
}

#Alanavi ul li {
	background: url(uploads/images/bg_alanavi.gif) repeat-x left top;
	padding-left: 10px;
}

#Alanavi ul li.Active {
	background: url(uploads/images/bg_alanavi.gif) repeat-x left -37px;
	padding-left: 10px;
}

#Alanavi ul li.Active a {
	color: #fff; 
        text-decoration: none;
}

#Alanavi ul li:last-child {
	border-bottom: none;
}
	
#Alanavi ul li a {
	line-height: 28px;
	color: #5f6b45;
	background: url(uploads/images/nuoli_alanavi.gif) no-repeat left 3px;
	padding-left: 14px;
        text-decoration: none;
}

#Alanavi ul li a:hover {
        text-decoration: underline;
}

#Alanavi ul li:last-child a {
	line-height: 27px;
}


/* ---------- Overrides ---------- */

p.Footer {
	color: #fff;
	font-size: 11px;
	padding-left: 15px;
	line-height: 23px;
}

#Footer_Inner a{
	color: #fff;
}

p.Pisteviiva {
        padding-bottom: 10px;
        border-bottom: 1px dotted #ccc;
}

a.Tilaukset {
       height: 41px; width: 290px; background: url(uploads/images/Tilaukset_Ja_Kyselyt.gif) no-repeat left top; display: block; margin-bottom: 20px;
}

a.Tilaukset:hover {
       background: url(uploads/images/Tilaukset_Ja_Kyselyt.gif) no-repeat left -46px; 
}

a.Otayhteytta {
       height: 41px; width: 290px; background: url(uploads/images/Ota_yhteytta.gif) no-repeat left top; display: block; margin-bottom: 20px;
}

a.Otayhteytta:hover {
       background: url(uploads/images/Ota_yhteytta.gif) no-repeat left -46px; 
}
		 


/* ---------- Extra ---------- */

/* Plugins and other extra content that base on premade material */


/* Coda Slider */

#slider {
    width: 920px;
    margin: 0 auto;
    position: relative;
	margin-bottom: 30px;
}


.Slider_Image {
	float: left;
	width: 514px;
}

.Slider_Text {
	float: left;	
	background: #829d47 url(uploads/images/Karuselli_vihrea.jpg);
	width: 336px;
	height: 270px;
	padding: 50px 50px 0 20px;
}

.Slider_Text_2 {
	float: left;	
	background: #832400 url(uploads/images/Karuselli_punainen.jpg);
	width: 336px;
	height: 270px;
	padding: 50px 50px 0 20px;
}

.Slider_Text_3 {
	float: left;	
	background: #d6891f url(uploads/images/Karuselli_keltainen.jpg) ;
	width: 336px;
	height: 270px;
	padding: 50px 50px 0 20px;
}

.Slider_Text_4 {
	float: left;	
	background: #777777 url(uploads/images/Karuselli_harmaa.jpg);
	width: 336px;
	height: 270px;
	padding: 50px 50px 0 20px;
}


h1.Slider {
	color: #fff;
	font-weight: bold;
	font-size: 1.63em;

}

#slider p a{
    font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	line-height: 0.9em;
	font-size: 1.4em;
	text-decoration: underline;

}

#slider p a:hover {
	text-decoration: none;
}


p.Slider_Ingress {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	line-height: 1.15em;
	font-style: italic;
	font-size: 1.4em;	

}

.scroll {
    height: 320px;
    width: 920px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    height: 320px;
    width: 920px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	position:absolute;
	z-index:600;
	margin:25px 0 0 536px;
}

ul.navigation li {
    margin-right: 5px;
	float: left;
}

ul.navigation a {
   text-align: center;
	background: url(uploads/images/Transparent.png) repeat;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 4px;
	line-height: 1em;
}

ul.navigation a:hover {
    background: #333;
}

ul.navigation a.selected {
    background: #000;
	color: #fff;
}


ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
	z-index:500;
        top: 136px;
       cursor: pointer;
	display: block;
	height: 57px;
	width: 43px;
}

.scrollButtons.left {
    left: 0;
    background: url(uploads/images/Arrow_Left.gif) no-repeat;
}

.scrollButtons.right {
    right: 0;
    background: url(uploads/images/Arrow_Right.gif) no-repeat;
}

/*
.scrollButtons.left:hover {
	background: url(uploads/images/Arrow_Left.gif) no-repeat left -41px;
}

.scrollButtons.right:hover {
	background: url(uploads/images/Arrow_Right.gif) no-repeat left -41px;
}
*/
.hide {
    display: none;
}
.left {background-image:none;}
.right {background-image:none;}

.Reseptit {
   padding-left: 10px;
   border-top: 1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
   margin: 20px 0;
} 

.Reseptit li {
   color: #3e3e3e;
}


/*---------------- LIGHTBOX FORM */

#panel {
	background: #ebf0f1;
	height: auto;
/*	display: none;*/
	width: 530px;
	padding: 30px 20px;
	float: left;
        margin-bottom: 1px;
}
p.slide{ 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px; 
	color: #fff;
        margin-top: 20px;
        cursor: pointer;
        text-decoration: underline;
        display:box;
        background: #5f6b45 url(uploads/images/nuoli_alanavi.gif) no-repeat 10px 14px;
        padding: 8px 0 10px 25px;
        width: 180px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

p.slide:hover {text-decoration:none; background: #343e1d url(uploads/images/nuoli_alanavi.gif) no-repeat 10px 14px;}

p.slide2{margin: 0 0 20px 0;}



.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

.nomargin {
	margin-bottom:0;	
}

.formbuilderform p {
	padding-top: 4px;
	font-size: 12px;
	line-height: 18px;
	color: #515151;
	margin-bottom: 0.4em;
}

.formbuilderform h1, .formbuilderform h2,  .formbuilderform h3 {
	margin-bottom: 16px;
}


.cmxform fieldset {
  margin-bottom: 10px;
}
.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
.cmxform ol {
  margin: 0;
  padding: 0;
}
.cmxform li {
  list-style: none;
  list-style-type: none;
  padding: 5px;
  margin: 0;

  line-height: 15px;
}
.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.cmxform legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.cmxform  label {
  width: auto;
  font-size: 12px;
}
.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.cmxform label {
  width: 180px; /* Width of labels */
}

.cmxform .product label {
  width: 120px; /* Width of labels */
}

.cmxform .textbox label {
  width: 260px; /* Width of labels */
}

.cmxform p {
	padding-top: 4px;
	font-size: 12px;
	line-height: 18px;
	color: #515151;
	margin-bottom: 0.4em;
        font-style: italic;
}




/* End of 'Bosgard_10' */