@charset "utf-8";
/* CSS Document */

body, html {
margin:0;
padding:0;
height: 100%;
}

body {
	background-color:#999999;
	min-width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#380000;	
}

img, div, form input { behavior: url(iepngfix.htc) }

img{border:0;}

.outer {
	width: 900px;
	margin: auto;
	background-color:#f6ffec;
	
}

.inner {
background-color:#f6ffec; float:left; display:inline;
}





/* footer */
.footer {
float:left;
display:inline;
width:900px;
height:21px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#380000;
	background-color:#999999;
	clear:both;

}

.footer-contact {
float:left;
display:inline;
width:700px;
height:17px;
text-align:left;
margin-top:4px;
}

.footer-contact a, .footer-contact a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#380000;
}

.footer-siteby {
float:left;
display:inline;
width:200px;
height:17px;
text-align:right;
margin-top:4px;
}



/* end footer */
@charset "utf-8";
/* CSS Document */

body, html {
margin:0;
padding:0;
height: 100%;
}

body {
	background-color:#fff;
	min-width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#380000;	
}

img, div, form input { behavior: url(iepngfix.htc) }

img{border:0;}

.outer {
	width: 900px;
	margin: auto;
	background-color:#eeeeee;
	
}

.inner {
background-color:#f6ffec; float:left; display:inline;
}

/* header*/

.header {
float:left;
display:inline;
width:900px;
height:64px;
background-color:#fff;
}

.header-logo {
float:left;
display:inline;
width:600px;
height:64px;
}

.header-nav {
float:left;
display:inline;
width:300px;
height:15px;
text-align:right;
margin-top: 49px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#380000;
}
/* end  header*/


.nav{
	float: left;
	display:inline;
	width:140px;
	background-color:#f6ffec;
	padding-top: 36px;

}

/* main content area */
.contentarea {
float:left;
display:inline;
width:760px;
background-color:#eeeeee;
overflow: visible;

}
.smalltextareaouter {
	background-color: #eeeeee;
	float: left;
	display:inline;
	width:245px;
	min-height:515px;
	height:auto !important;
	height:515px;
}
.smalltextarea {
float:left;
display:inline;
width:205px;
min-height:410px;
background-color:#eeeeee;
padding-right: 20px;
padding-left: 20px;
margin-bottom:10px;
overflow: visible;
	line-height:20px;
}

.smalltextarea a, .smalltextarea a:visited {
color:#3ca600;
}

.smalltextarea a:hover{
	color:#d16565;
}


.mentextarea {
float:left;
display:inline;
width:205px;
height:410px;
background-color:#eeeeee;
overflow: hidden;
line-height:19px;

}


.largeimagearea {
float:left;
display:inline;
width:515px;;
background-color: #eeeeee;
height:515px;
}

.largetextareaouter {
	background-color: #eeeeee;
	float: left;
	display:inline;
	width:515px;
	min-height:515px;
	height:auto !important;
	height:515px;
}

.largetextareaouter_KI {
	background-color: #eeeeee;
	float: left;
	display:inline;
	width:760px;
	min-height:515px;
	height:auto !important;
	height:515px;
}


.smalltextarea a, .smalltextarea a:visited {
color:#3ca600;
}

.largetextareaouter a:hover{
	color:#d16565;
}

.largetextareaouter_KI a:hover{
	color:#d16565;
}



.largetextarea {
	float:left;
	display:inline;
	width:475px;;
	min-height:410px;
	background-color:#eeeeee;
	line-height:18px;
	margin-left:20px;
	margin-right: 20px;
	margin-bottom:10px;
	overflow: visible;

}



.largetextarea a, .largetextarea a:visited {
color:#3ca600 !important;
}

.smallimagearea {
float:left;
display:inline;
width:245px;;
background-color: #eeeeee;
}

.subNavTextArea {
float:left;
display:inline;
width:160px;
margin-top:95px;
margin-left:20px;
}
.largetextareaSN {
float:right;
display:inline;
width:310px;
margin-right: 20px;
margin-bottom:10px;
	line-height:20px;
}

.largetextareaSN-title {
float:right;
display:inline;
width:335px;
height:55px;;
margin-top:40px;
}

.largetextarea_KI {
float:right;
display:inline;
width:540px;
margin-right: 20px;
margin-bottom:10px;
	line-height:20px;
}

.largetextarea_KI-title {
float:right;
display:inline;
width:540px;
height:55px;
margin-top:40px;
margin-right: 20px;
}


.largetextarea-title {
float:right;
display:inline;
width:375px;
height:55px;
margin-top:40px;
}

.largetextarea-title-high {
float:right;
display:inline;
width:375px;
height:62px;
margin-top:40px;
}

.largetextarea-title-zoe {
float:right;
display:inline;
width:375px;
height:55px;
margin-top:40px;
}

.smalltextarea-title {
float:left;
display:inline;
width:245px;
height:55px;;
padding-top:40px;
background-color:#eeeeee;
text-align:right;

}


/* end main content area */

/* footer */
.footer {
float:left;
display:inline;
width:900px;
height:21px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#380000;
	background-color:#fff;
	clear:both;

}

.footer-contact {
float:left;
display:inline;
width:700px;
height:17px;
text-align:left;
margin-top:4px;
}

.footer-contact a, .footer-contact a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#380000;
}

.footer-siteby {
float:left;
display:inline;
width:200px;
height:17px;
text-align:right;
margin-top:4px;
}



/* end footer */

/*fonts*/
.textmain {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6d6d6d;
}

.textmainyellow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#f3ba22;
}

.textheader {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3ca600;
	font-size:14px;
	text-transform:uppercase;
}

.textheaderN {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f6068f;
	font-size:14px;
	text-transform:uppercase;
}


.zoeheader {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fc8aa4;
	font-size:14px;
	text-transform:uppercase;
}

.pressheader {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f3ba22;
	font-size:14px;
	text-transform:uppercase;
	margin: 0 10px 0 0;
}

.textmainyellow a, .textmainyellow a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#f3ba22;
	font-size:11px;
	text-decoration:none;
}

.textmainyellow a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#f3ba22;
	font-size:11px;
	text-decoration:underline;
}


.footer-siteby a, .footer-siteby a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#380000;
}

.subNavLink{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6d6d6d;
}

.subNavLink a, .subNavLink a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6d6d6d;
}

.subNavLink a:hover {
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6d6d6d;
}
/*end fonts */

/* forms */
.textfield {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #380000;
	line-height:20px;
	height:19px;
	width:140px;
	border:1px solid #999999;
	padding-left:5px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:5px;
	background-color:#f6ffec;
	
}

.formtextbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #380000;
	height:55px;
	width:160px;
	border:1px solid #999999;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	background-color:#f6ffec;
}

.formdropdown {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #380000;
	height:20px;
	border:1px solid #999999;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	background-color:#f6ffec;

}

.button 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #380000;
	background-color: #cccccc;
	border:1px solid #999999;
	padding:3px;
}
/* end forms */


/* Form Styling */

form {
	margin: 0;
	padding: 0;
}

form input {
	padding: 0;
	margin: 0;
}

form p {
	padding: 0;
	margin: 0;
	padding-top: 5px;
	clear: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #282828;
}

label {
	float: left;
	display: inline;
	width: 100px;
}

textarea {
	min-height: 87px;
	height: auto !important;
	height: 87px;
	padding: 0;
	margin: 0;
}

input.formbox, textarea {
	float: left;
	display: inline;
	padding-left: 2px;
	background-color: #ececec;
	font: 12px Arial, Helvetica, sans-serif;
	color: #282828;
	border: #f10675 solid 1px;
	width: 174px;
}

select {
	background-color: #ececec;
	font: 12px Arial, Helvetica, sans-serif;
	color: #282828;
	border: #f10675 solid 1px;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
	height: 20px;
}

.selectdate {
	width: 58px;
}

.submit {
	background-color: #060606;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
	padding: 0;
	margin: 3px 0 0 100px;
	height: 21px;
}

/* End of Form Styling */

.contactarea {
	float:left;
	display:inline;
	width: 760px;
	min-height:515px;
	height:auto !important;
	height:515px;
	background-color:#FFFFFF;
	background-image:url(img/map.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.contacttitle {
float:left;
display:inline;
width:335px;
height:55px;;
margin-top:40px;
}

.contacttextarea {
	float:left;
	display:inline;
	width:475px;;
	min-height:410px;
	line-height:18px;
	margin-left:20px;
	margin-right: 20px;
	margin-bottom:10px;
	overflow: visible;
}

.contacttextarea-small {
	float:left;
	display:inline;
	width:470px;;
	height:405px;
	line-height:18px;
	overflow: hidden;
	background-image:url(img/map.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.dwiekolumny {
	float:left;
	display:inline;
	width: 760px;
	min-height:515px;
	height:auto !important;
	height:515px;
	background-color:#eee;
}

.cennikarea {
	float:left;
	display:inline;
	width:720px;
	min-height:410px;
	line-height:18px;
	margin-left:20px;
	margin-right: 20px;
	margin-bottom:10px;
	overflow: visible;
}

.cennikarea a, .cennikarea a:visited {
color:#3ca600;
}



.column1 {
	float:left;
	display:inline;
	width:350px;
	margin-right:5px;
	margin-bottom:10px;
}
.column2 {
	float:left;
	display:inline;
	width:350px;
	margin-left:5px;
}

.juicebtn {
margin-top:260px;
width:200px;
text-align:right;
display:inline;
float:left;
}
.yellow-quotes {
	color: #f2b921;
	font-size: 20px;
	font-weight: bold;
}

.quote-text {
	line-height: 30px;
	font-size:12px;
}

#mygallery{

margin: 0 0 0 0px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:350px; /*Width of Carousel Viewer itself*/
height:400px;/*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px  50px 10px  25px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

li a.MenuBarItemSubmenu.pink, li a.selectedpage.pink{
	color: #f6068f;
}
li a.MenuBarItemSubmenu.green, li a.selectedpage.green{
	color: #3ca600;
}



/* header*/

.header {
float:left;
display:inline;
width:900px;
height:64px;
background-color:#fff;
}

.header-logo {
float:left;
display:inline;
width:600px;
height:64px;
}

.header-nav {
float:left;
display:inline;
width:300px;
height:15px;
text-align:right;
margin-top: 49px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#380000;
}
/* end  header*/