@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

h3 {
font-size: 15px;
margin-bottom: -15px;
}

p a {
text-decoration: underline;
color: black;
}


p a:hover {
text-decoration: underline;
color: #333;
}

#footer a {
text-decoration: none;
color: white;
}


#footer a:hover {
text-decoration: underline;
color: white;
}
.invisible{
visibility: hidden !important;
}

.ls-l {
border: 1px solid black !important;
margin: -1px !important;
background-repeat: no-repeat;
}

.noborder{
border: 0px solid black !important;
margin: 0px !important;
}

.startslides{
font-family: Novecentosanswide-Medium;
text-align: left;
   text-shadow:
       1px 1px 0 #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

.ss4{
font-weight: 500;
font-size:30px;
color:#ffffff;
white-space: nowrap;
line-height: 44px !important;
}
.ss3{
font-weight: 500;
font-size:30px;
color:#fedc09;
white-space: nowrap;
}
.ss2{
font-weight: 400;
font-size:28px;
color:#fedc09;
}
.ss1{
font-weight: 400;
font-size:28px;
color:#fedc09;
}

.top_blackspacer{
background-color: black;
height: 0px;
}

#lang_menu{
background: black;
position: relative;
top: 0px;
min-width: 768px;
max-width: 1320px;
margin: 0px auto;
height: 28px;
}

#polyglotLanguageSwitcher{
position: relative;
margin: 0px 20px;
float: right;
}

#layerslider {
padding-right: 2px;
padding-bottom: 1px;
padding-top: 1px;

}

#video-frame {
 height: 100%;
 }

.ls-l.black{
  color: #fff;
  /* fallback */
  background-color: #000;
  /*background-image: url(img/images/radial_bg.png);*/
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#111), to(#000));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #111, #000);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #111, #000);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #111, #000);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}

.ls-l.white{
  color: #000;
  /* fallback */
  background-color: #fff;
  /*background-image: url(img/images/radial_bg.png);*/
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#fff));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #fff, #fff);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #fff, #fff);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #fff, #fff);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */

}

#footer{
background: #000;

min-width: 728px;
max-width: 1400px;
margin: 0px 20px;
position: relative;
top: -29px;
z-index: -3;
text-align: center;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border: 1px solid #333;
border-top-style: none;
/*
height: 34px;
padding: 9px 0px 0px 0px; */
color: #bbb;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24pt;
}


 #text-frame div { position:absolute; height:100%; width:100%; display: table;}
 #text-frame div p {    display: table-cell; padding: 10px; vertical-align: middle; text-align:center; font-family: 'Novecentosanswide-Light', Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; line-height:24pt;}
  #text-frame.black div p {text-shadow:1px 1px 2px #000;}
  #text-frame.white div p {text-shadow:1px 1px 2px #DFDDDD;}


  /* smaller ----------- */
@media only screen
and (max-width : 1024px) {
/* Styles */
 #text-frame div p {font-size: 16pt; line-height:20pt;}
 #footer {font-size: 10px; }
  .sumenucontent a { font-size: 12px; line-height:16px;}
}

 /* smallest ----------- */
@media only screen
and (max-width : 900px) {
/* Styles */
	 #text-frame div p { font-size: 14pt; line-height:16pt;}
	 #footer {font-size: 11px; line-height: 17px;}
	 .sumenucontent a { font-size: 11px; line-height:17px;}
}

 #slidevid {
	 object-fit:fill;
	 image-fit: fill;
	 height: 100%;
	 width: 100%;
 }

body {
	color: #CCC;
	background-color: #7d7d96;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding: 0;
	width: 100%;
	background: -webkit-linear-gradient(#7d7d96, white);
	background: -o-linear-gradient(#7d7d96, white);
	background: -moz-linear-gradient(#7d7d96, white);
	background: linear-gradient(#7d7d96, white);
	background-position: 0px 244px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: #222222;
}


p, h1, h2, h3, h4, h5, h6, h7, h8, h10, h12, h9, h11, td {

font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

line-height: 1.5;
	text-align: justify;
}



h1 {
font-family: Novecentosanswide-Medium;
text-align: left;
}
h2 {
font-family: Novecentosanswide-Light;
text-align: left;
}

#container {
	width: auto;
	position: relative;
background-repeat: repeat-x;
background-image: linear-gradient(#7D7D96, #FFF);
background-position: 0px 244px;
z-index: 0;
}

#container #left_overflow_bg {
	position: relative;
	float: left;
	width: 50%;
	height: 244px;
	background-image: url(img/bgtll.jpg);
	background-repeat: repeat-x;
	background-position: left 20px;
	z-index: -100;
	background-color: black;
	border: 0px;
}
#container #right_overflow_bg {
	position: relative;
	float: right;
	width: 50%;
	height: 244px;
	background-image: url(img/bgtrr.jpg);
	background-repeat: repeat-x;
	background-position: right 20px;
	z-index: -100;
	background-color: black;
	border: 0px;
}

#header_container {
/* background-color: black; */
	background-image: url(img/headerback_1400px.jpg);
	background-position: center 21px;
	background-repeat: no-repeat;
	min-width: 768px;
	max-width: 1400px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/* height: 218px; */
	top: -245px;
	position: relative;
	clear: both;
	float: none;
	border: 0px;
}

#menu_container {
    height: auto;
    z-index: 200;
    min-width: 768px;
    max-width: 1320px;
    margin: 0 auto;
    top: 150px;
    position: relative;
}

#topmenu {
	position: relative;
	min-width: 768px;
	max-width: 1320px;
	margin: 0 auto;
	top: 0px;
	height: 34px;
}

#navigation
{
	list-style: none;
	padding: 0px 0px;
	margin: 0;
	min-width: 728px;
	max-width: 1280px;
	margin: 0px 20px;
	background-color: black;
	height: 34px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border: 1px solid #333333;
}


#navigation a
{
	color: #CCCCCC;
	text-decoration: none;
	height: 32px;
	width: auto;
	display: block;
	background-color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #333333;
	border-left-color: #333333;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	border-right-style: solid;
}

/* End IE5-Mac hack */



#navigation a.active  span.bgspan.active  {
	/* [disabled]color: #000000; */
	background-image: url(img/menutabactive.jpg);
	background-repeat: repeat-x;
}

#navigation a.active  span.textspan  {
	/* [disabled]color: #000000; */
	text-decoration: none;
}

#navigation  .bgspan  {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}

#navigation  .textspan  {
z-index: 1;
position: relative;
}

#navigation a:hover .textspan
{
	color: #FFFFFF !important;
}

#navigation li
{
	float: left;
	display: inline-block;
	height: 34px;
	zoom: 1;
	width: 12.5%;
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	position: relative;
}
#navigation .righttab a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-right-radius: 30px;
}


#navigation .righttabactive {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


#menurightactive:hover {
	color: #ffffff;
	text-decoration: none;
	height: 34px;
	display: block;
	background-image: url(img/righttab_over.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#menurightactive {
	color: #000000;
	text-decoration: none;
	height: 34px;
	display: block;
	/* background-image: url(img/righttab_active.jpg);
	background-repeat: no-repeat;
	background-position: right top; */
}

#navigation .midtab a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(img/menutab.jpg);
}

#navigation .lefttab a {
	text-decoration: none;
	height: 34px;
	display: block;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	border-top-left-radius: 30px;
}


.lefttab a{
	text-decoration: none;
	height: 34px;
	display: block;
	background-image: url(img/lefttab.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	color: #FFF;
}

#navigation .lefttab a span.textspan {
	color: #CCCCCC;
	text-decoration: none;
	height: 32px;
	display: block;
	/* [disabled]float: left; */
	/* [disabled]width: 100%; */
	top: -2px;
	position: relative;
	left: 0px;
	padding-top: 9px;
	/* [disabled]padding-left: 8px; */
	/* background-image: url(img/lefttab.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	border-top-left-radius: 30px;
}



#navigation .lefttab a:hover {
	background-image: url(img/menutab.jpg);
	background-repeat: repeat;
	color: white;
	border-top-left-radius: 30px;
}

#navigation .lefttab a:hover span {
	/* background-image: url(img/lefttab_over.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	border-top-left-radius: 30px;
	border-left-width: 0px;
}

#navigation .lefttab  a.active  span.bgspan.active  {
	/* [disabled]color: #000000; */
	background-image: url(img/menutabactive.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	border-top-left-radius: 30px;
	border-left-width: 0px;
}

#navigation .righttab a {
	text-decoration: none;
	height: 34px;
	display: block;
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
	/* [disabled]float: right; */
}

.righttab a {
	text-decoration: none;
	height: 34px;
	display: block;
	padding: 0px;
}

.righttab {
	/* [disabled]text-decoration: none; */
	/* [disabled]height: 34px; */
	/* [disabled]display: block; */
	/* [disabled]padding: 0px; */
	float: right !important;
}

#navigation .righttab a span.textspan {
	color: #CCCCCC;
	text-decoration: none;
	height: 32px;
	display: block;
	/* [disabled]float: right; */
	/* [disabled]width: 100%; */
	top: -2px;
	position: relative;
	left: 0px;
	padding-top: 9px;
	/* [disabled]padding-right: 8px;
	background-image: url(img/righttab.jpg);
	background-repeat: no-repeat; */
	background-position: right top;
	border-top-right-radius: 30px;
}

#navigation .righttab a:hover  {
	background-image: url(img/menutab.jpg);
	background-repeat: repeat;
	color: white;
}

#navigation .righttab a:hover span {
	color: #FFFFFF;
	/* background-image: url(img/righttab_over.jpg); */
}

#navigation .righttab  a.active  span.bgspan.active  {
	/* [disabled]color: #000000; */
	background-image: url(img/menutabactive.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	background-position: right top;
	border-top-right-radius: 30px;
}


#slideshow_container {
	background-color: #000000;
	position: relative;
	height: auto;
	min-width: 728px;
	max-width: 1278px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	margin: 0px 20px;
}

#layerslider {
	overflow: hidden;
}

.submenu {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #000;
	height: 29px;
	min-width: 726px;
	max-width: 1280px;
	margin: 0px 21px;
	position: relative;
	top: 0px;
	background-repeat: repeat-x;
	z-index:-1;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
.nosubmenu {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	height: 29px;
	width: auto;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: relative;
	top: 2px;
}

.sumenucontent {
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	font-size: 14px;
	color: #000000;
	float: left;
	height: 25px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 0px;
	position: absolute;
	text-align: center;
	line-height: 1.4;

}

.submenuleftborder {
	float: left;
	display: none;
	border-bottom-left-radius: 30px;
}

.submenurightborder {
	right: 0px;
	position: absolute;
	float: right;
	z-index: 0;
	display: none;
	border-bottom-right-radius: 30px;
}
/*
#submenulinks  li {
	list-style-type: none;
	z-index: 2;
	padding: 0px;
	margin: 0px;
	width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

#submenulinks{
	color: #000000;
	padding: 0px;
	margin:0 auto;
	width: 100%;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	top: 0px;
}
*/

#submenulinks li {
	list-style-type: none;
	z-index: 2;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	zoom: 1;
	width: calc(20% - 1px);
	float: left;
	border: 0px solid;
	border-left-width: 1px;
}
#submenulinks li:first-child {
	border-left-width: 0px;
}

#submenulinks {
	padding: 0px;
	margin: 0 auto;
	width: calc(100% - 24px);
	top: 0px;
	text-align: center;
}

.submenu .sumenucontent a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 5px 0px;
}

.sumenucontent a:hover,
.sumenucontent a:focus
.sumenucontent a:active{
    -webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #FFFFFF;
    -webkit-fill-color: #FFFFFF;
    text-shadow: 1px 0px 20px white;
    -webkit-transition: width 0.6s; /*Safari & Chrome*/
    transition: width 0.6s;
    -moz-transition: width 0.6s; /* Firefox 4 */
    -o-transition: width 0.6s; /* Opera */
	color:white;
}

.sumenucontent a:hover > li,
.sumenucontent a:focus
.sumenucontent a:active {
border-left-color: white;
}

.sumenucontent a.active {
    -webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #FFFFFF;
    -webkit-fill-color: #FFFFFF;
    text-shadow: 1px 0px 10px white;
    -webkit-transition: width 0.6s; /*Safari & Chrome*/
    transition: width 0.6s;
    -moz-transition: width 0.6s; /* Firefox 4 */
    -o-transition: width 0.6s; /* Opera */
	color:white;
}

.sumenucontent a{
    -webkit-transition: all 0.1s ease-in; /*Safari & Chrome*/
    transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in; /* Firefox 4 */
    -o-transition: all 0.1s ease-in; /* Opera */
    text-decoration:none;
    color:white;
}

.sub-1-links, .sub-2-links, .sub-3-links, .sub-4-links, .sub-5-links, .sub-6-links, .sub-7-links{
	display:none;
}

.stretcher {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}
#sublinkactive   {
	color: #FFFFFF;
	font-size: 14px;
	margin-right: 6px;
	margin-left: 6px;
}

#main{
background: #000;
height: auto;
	min-width: 728px;
	max-width: 1400px;
	margin: 0px 20px;
	position: relative;
	top: -29px;
	z-index:-5;
	padding:30px 0px;

	border: 1px solid #333;
	border-top-style: none;
	border-bottom: 0px;
	box-shadow: 0px 10px 10px rgba(50,50,50,0.1);
}
#page-content{
background: #eee;
min-height: 450px;
	min-width: 624px;
	max-width: 1400px;
	margin: 0px 1px;
	position: relative;
	top: 0px;
	margin-bottom:-30px;
	z-index:-4;
	padding: 20px 50px 30px 50px;
	border: 0px solid #000;
	border-top-style: none;
	color: black;
}

#outer-shadow{
	top: -120px;
	min-width: 728px;
	max-width: 1400px;
	border-radius: 30px;
	-moz-box-shadow:    3px 3px 5px 6px #000;
	-webkit-box-shadow: 3px 3px 5px 6px #000;
	box-shadow:         3px 3px 5px 6px #000;
  }

  #collective_fruits_logo{
  position: absolute;
  top: -155px;
  left: 20px;
  width: 170px;
  display:none;
  }

#collective_fruits_globe {
    position: absolute;
    top: -175px;
    left: -65px;
    width: 300px;
}


  .scrolldown {
	position: fixed;
	z-index: 203;
position: fixed;
top: 30px;
right: 20px;
z-index: 203;
}

#topcontrol {
	position: fixed;
z-index: 202;
position: fixed;
top: 30px;
right: 20px;
z-index: 203;
}


/* #### bootstrap Form #### */
.errors {
color: #e00000;
}

.errors .requiredlist{
}
.errors .requiredlist span{
display: list-item;
margin-left: 16px;
}

.bootstrap-frm {
    margin-left:auto;
    margin-right:auto;
    max-width: 1000px;
    padding: 20px 30px 20px 30px;
    color: #333;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-color: #fff;
    font-size: 14px;
}
.bootstrap-frm h1 {
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #333;
	font-size: 16px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-top: 2px;
}
.bootstrap-frm h1>span {
    display: block;
    font-size: 12px;
}
.bootstrap-frm label {
    display: block;
    margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
	margin-top: 8px;
    color: #333;
    font-weight: bold;
}
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{
    border: 1px solid #CCC;
    color: #333;
    height: 20px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bootstrap-frm input[type="text"].required , .bootstrap-frm input[type="email"].required , .bootstrap-frm textarea.required , .bootstrap-frm select.required {
    border: 1px solid #d00000;
}

.bootstrap-frm input::-webkit-input-placeholder, .bootstrap-frm textarea::-webkit-input-placeholder { color: #888; }
.bootstrap-frm input:-moz-placeholder, .bootstrap-frm textarea:-moz-placeholder { color: #888; }
.bootstrap-frm input:-ms-input-placeholder, .bootstrap-frm textarea:-ms-input-placeholder { color: #888; }

.bootstrap-frm input.required::-webkit-input-placeholder, .bootstrap-frm textarea.required::-webkit-input-placeholder { color: #e88; }
.bootstrap-frm input.required:-moz-placeholder, .bootstrap-frm textarea.required:-moz-placeholder { color: #e88; }
.bootstrap-frm input.required:-ms-input-placeholder, .bootstrap-frm textarea.required:-ms-input-placeholder { color: #e88; }

.bootstrap-frm select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height:15px;
}

.bootstrap-frm  input[type="radio"], .bootstrap-frm  input[type="checkbox"] {
min-height: 20px;
padding-left: 20px;
vertical-align: bottom;
margin-top: 10px;
margin-bottom: -2px;
margin-right: 10px;
}

.bootstrap-frm textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.bootstrap-frm .button {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.bootstrap-frm .button:hover {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
}