@charset "utf-8";
@import url(/css/menu.css);
@import url(/css/forms.css);

/****************************
   default.css
   (C) Mangrove 2008-2011
   Default style properties
*****************************/

@font-face{ 
	font-family: 'shannon';
	src: url('/fonts/am168___-webfont.eot');
	src: url('/fonts/am168___-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/am168___-webfont.woff') format('woff'),
	     url('/fonts/am168___-webfont.ttf') format('truetype'),
	     url('/fonts/am168___-webfont.svg') format('svg'); */
}

/* resets & basics */
a, a:active, a:focus, a:hover, a:link, a:visited, address, body, div, h1, h2, h3, img, li, p, table, tr, td, ul {margin:0; padding:0; border:0;}
li{margin-left:10px;}
html, body{height:100%;}
img, a img, a:hover img{border:none;}
div.clear{height:0; width:0; clear:both;}
/*img{display:block;}*/
img.right{float:right;}
img.left{float:left;}
:focus{outline: 0;}
.right{float:right;}
.left{float:left;}

/* body / wrapper */
body{color:#70652e; font-size: 13px; line-height: 22px; font-family: Arial, Verdana, sans-serif; background-color:#fdfaf0;}
div#wrapper{margin:0 auto; height:100%; height:auto !important; width:990px; min-height:100%; background:#fdfaf0 url(/images/bg_wrapper.jpg) repeat-x top left;}
div.wrapper_small {background-image: url(/images/bg_wrapper_small.jpg) !important;}

/* parent elements */
h2, h3, h4, h5, h6{font-family: 'shannon', Arial, Verdana, sans-serif; margin:0 0 10px; color:#70652e; font-size:16px; font-weight: normal;}
h3 {font-size:15px;}
h4 {font-size:14px;}
h5 {font-size:13px;}
h6 {font-size:12px;}

h2 span, h3 span {position: absolute; width: 0; overflow: hidden;}
h2 a, h3 a{color:#70652e; text-decoration:none;}
h2, h3{display:block; clear:right; width:100%;}
h2{margin:0;}
div.archive h2, div.recipe_highlights h2{height:28px; border-bottom: 1px solid #fef4af;}
div.assortiment_detail h2{height:35px; border-bottom: 1px solid #fef4af;}
div.recipe_details h3{height: 20px;}
p, ul, ol, dl {margin: 0 0 15px;}

a:link, a:visited {color: #0ba8fa; text-decoration: none;}
a:hover, a:active {color: #504613; text-decoration: none;}

table th, table td {text-align: left; vertical-align: top;}
abbr {border: 0;}
hr {height:0; border:0; border-top: 1px solid #ccc;}
address {font-style: normal;}
address span{display: block; clear: both;}
span.org {color: #504613;}

/* header */
div#header, div#header_small {overflow: hidden; position: relative;}
div#header h1 a, div#header_small h1 a {position: absolute; z-index: 2; top: 0; left: 0; height: 154px; width: 385px;}

div.promo-header-small {position: relative; margin-top: 80px; height: 227px; }

/* flash header*/
div#flash_header {position: relative; margin-top: 80px; height: 417px; background: #fdfaf0;}
div.promo-header {position: relative; margin-top: 80px; height: 417px; }
div.header_actie {position: absolute; z-index: 2; right: 10px; bottom: 10px; width: 450px; text-align: right;}
div.header_actie_plank {position: absolute; z-index: 2; right: 10px; bottom: 10px; width: 450px; text-align: right;}

div.header_actie_lunch {position: absolute; z-index: 2; right: 10px; bottom: 60px; width: 420px; text-align: right;}
div#flash_header h2 {margin: 0; height: 20px; width: 304px; text-align: right; display: block;}
div#flash_header p {margin: 0; padding: 0 12px 0 0; width: 275px; text-align: right; display: block; float: right;}

div.headlines {position: absolute; z-index: 3; top: 80px; left: 10px; width: 340px;}
div.headlines dl dt {clear: both; float: right; padding: 0 10px; background-color: #fff; height: 22px; width: 340px; display: block; overflow: hidden; text-align: right;}
div.headlines dl dd {clear: both; float: right; margin: 1px 0 15px 0; color: #fff;}
div.headlines dl dd a:link, div.headlines dl dd a:visited {display: block; padding: 0 5px; color: #fff; width: 170px; height: 25px; text-align: center; overflow: hidden; background: #36941f url(/images/bg_header_btn_normal.gif) repeat-x top center;}
div.headlines dl dd a:hover, div.headlines dl dd a:active {background: #065f00 url(/images/bg_header_btn_hover.gif) repeat-x top center;}

/* content */
div#content {width: 950px; float: left; padding: 20px;}
.content_header {overflow: hidden; font-size: 14px; line-height: 23px;}
ul.content-thirds {clear: left; list-style: none; margin-top: 20px; padding: 42px 0 0 0; overflow: hidden; background-image: url(/images/img_divider_big.gif); background-repeat: no-repeat;}
ul.content-thirds img {display: block;}
ul.content-thirds li {list-style: none; display: block; width: 293px; float: left; margin: 0; padding: 0 35px 0 0; overflow: hidden; min-height: 300px;}
ul.content-thirds li.last {padding-right: 0; background-image: none;}
ul.content-thirds li.last p {clear: left;}
ul.content-thirds h2 {margin: 0 0 15px 0; color: #63b815;}
ul.content-thirds h3 {margin: 0 0 0 10px; width: 200px;}
div.text_left {float: left; width: 450px; margin: 15px 0 0 0;}
div.text_left_wide {float: left; width: 600px; margin: 15px 0 0 0;}
div.text_right {float: right; width: 450px; margin: 15px 0 0 0;}
div.text_1_left {float:left; width: 450px;}}

li.lunchtip {position: relative; padding-top: 20px;}
li.lunchtip img.photo {margin: 30px 0 30px 35px;}
li.lunchtip .lunchtip_overlay {position: absolute;}

/* footer */
div#clear {margin: 0 auto; height: 35px; width: 950px; clear: both;}
div#footer_wrapper {margin: 0 auto; width: 100%; background: #f5f1e5;}
div#footer {margin: 0 auto; width: 990px;}
div#footer img {float: left;}
ul.logos {width:100px; background-color:red; border: 1px solid red; clear:both;}

p.copyright {float: right; margin: 0; color: #a29b7c;}
p.copyright a:link, p.copyright a:visited {color: #a29b7c;}

/*home*/
div.products_home {float: left;}
div.products_home img{margin: 0 8px 0 0;}
div.intro {float: left; margin: 10px 0 0 20px; width:350px;}

/* news */
ul.date {display: block; margin: 0 10px 0 0; padding-top: 4px; height: 36px; width: 38px; background:#ffd538 url(/images/bg_date.gif) no-repeat top left; font-size: 11px;}
ul.date li {min-height: inherit;}
ul.date li.day, ul.date li.month, ul.date li {display: block; float: left; margin: 0; padding: 0; width: 38px; list-style-type: none; font-weight: bold; text-align: center; background: none;}
ul.date li.day {height: 15px; width: 38px;}
ul.date li.month {width: 38px; background: none;}
div.news_message {float: left; margin: 10px 0 0 0; width: 595px; background: none;}
div.news_message h3 {padding: 0 0 0 10px; width: 540px;}
ul.date {display: block; float: left; width: 38px;}
ul.date li{margin: 0; height: 15px; width: 38px; text-transform: uppercase;}
ul.news_images {position: relative; height: 350px; margin-top: 30px; border-top: 1px solid #ffd522;}
ul.news_images li.modal {float: left; margin: 15px 10px 0 0; width: 150px; height: 175px; list-style-type: none;}
li.hidden, img.hidden {display: block; position: absolute; left: 0; top: 0; width: 0; overflow: hidden;}

/* newsletter */
.news-letter-signup { width:330px; float:right; margin-bottom:10px; display:block;}
.news-letter-heading { background:url(/images/bg_footer_heading.gif) no-repeat top left; width:309px; height:57px; padding:10px; margin: 0 0 15px 0;}
.news-letter-heading h2 {color:#fff;}
.news-letter-heading p {color:#2c5400;line-height:18px;}

.last h2 a {color: #70652e;}

/* likebox */
.likebox { width:330px; float:left; margin-bottom:10px; display:block; background:url(/images/bg_footer_heading.gif) no-repeat top left; width:309px; height:57px; padding:10px; margin: 0 0 20px 127px;}
.likebox h2 {color:#fff;}
.likebox p {color:#2c5400;line-height:18px;}

.logos {width:175px; float:left;}


/*archive*/
div.archive {float: left; margin: 10px 0 0 40px; width: 315px;}
ul.archive {clear: both; list-style-type: none; border-top: 1px solid #ffd522;}
ul.archive li {margin: 0; padding: 2px 0; border-bottom: 1px solid #ffd522;}
ul.archive span {display: block; float: left; margin-right: 10px; width: 45px; text-transform: uppercase;}


/* listing-recipes */
ul.listing-recipes {list-style: none; margin: 20px 0 0 0; padding: 0; overflow: hidden;}
ul.listing-recipes li {list-style: none; display: block; float: left; width: 213px; margin: 0 32px 32px 0; padding: 0;}
ul.listing-recipes li.last {margin-right: 0;}
ul.listing-recipes a:link, ul.listing-recipes a:visited {color: #6ebe1f; display: block; height: 250px; line-height: 20px; text-align: center; background-color: #fff; -moz-border-radius: 10px; border-radius: 10px; padding: 2px;}
ul.listing-recipes a:hover, ul.listing-recipes a:active {background-color: #6ebe1f; color: #fff;}
ul.listing-recipes img {margin-bottom: 5px; -moz-border-top-radius: 10px; border-radius: 10px;}
ul.listing-recipes span {display: block; padding: 0 10px;}


div.recipe_highlights{float:left; width:370px; background:none;}
div.recipe_highlights_images{clear:both; width:370px;}
div.recipe_highlights_images ul{margin:0 -60px 0 0; float:left; text-align:right;}
div.recipe_highlights_images li{position:relative; display:block; width:170px; height:108px; float:left; margin:0 30px 30px 0; padding:0;}
div.recipe_highlights_images ul li p{position:absolute; display:block; z-index:4; top:63px; right:0; width:160px; padding:0 5px; background-color:#fff;}
div.recipe_highlights_images ul li p a {color:#504613; filter:none;}
div.recipe_list {float:left; overflow:hidden; width:290px;}
div.recipe_list ul {float:left; margin:0 0 40px 40px; list-style-type: none; width:250px;}
div.recipe_list ul li {margin:0; padding:2px 0;}
div.recipe_list ul li h2 {height:20px;}
div.recipe_details {float:right; width:345px;}

div.recipe_ingredients {float: left; width: 220px; padding: 10px 0 0 10px;}
div.recipe_ingredients .persons {font-size: 11px; font-weight: bold; color: #63b815;}
div.recipe_ingredients h4 {margin: 0; width: 122px; height: 27px; margin-bottom: 5px; background-image: url(/images/img_benodigdheden.gif); background-repeat: no-repeat;}
div.recipe_ingredients h4 span {position: absolute; width: 0; overflow: hidden;}
div.recipe_ingredients ul {float: left; margin: 0; padding: 0 0 2px 0; background-image: url(/images/bg_ingredients_green.gif); background-repeat: repeat-x; background-position: top left;}
div.recipe_ingredients ul li {display: block; margin: 0; padding: 0; line-height: 22px; color: #63b815;}

div.recipe_info {float: left; width: 355px; background: none;}
div.recipe_info img {margin: 0 0 20px 0; -moz-border-radius: 10px; border-radius: 10px;}
table.nutrition_data {float: left; border: 1px solid #e4dfcb; border-top: 0;}
table.nutrition_data tr {background-color: #faf6ea; border-collapse: collapse;}
table.nutrition_data td{padding: 0 10px; border-top: 1px solid #e4dfcb;}
table.nutrition_data tr td:first-child{text-align: right;}
div.recipe {position: relative; height: 50px;}
div.recipe h2 {position: absolute; z-index: 4; top: 0; left: 0; height: 40px; text-align: center; border-bottom: 1px solid #fef4af; repeat-x center bottom;}
div.recipe a.button-terugnaarallerecepten { position: absolute; z-index: 5; left: 0; top: 0px; }
div.homeheader h3{height:30px; overflow:hidden; margin:0;}
h4.assortiment-recepten a{font-size: 13px; color:#70652e; display:block; clear:both; margin:0; padding:0;}
p.assortiment-recepten{display:block; clear:both; padding:0;}


/* filter recipes and filter faq en NEW buttons */

ul.recipe-filter, ul.faq-cat {float: none; clear: both; display: block; margin:0; padding:0;}
.recipe-filter li, .faq-cat li {float: left; list-style-type: none; margin:0 5px 0 0; padding:0;}
.recipe-filter li a, .recipe-filter li a:hover, .faq-cat li a, .faq-cat li a:hover, a.button-allerecepten, a.button-leesmeer, a.button-print, a.button-stuurdoor, a.button-terugnaarallerecepten, a.button-terugnaarassortiment, a.button-v
{color:#fff; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 7px; background-color: #6EBE1F;
text-shadow:0px -1px 1px #498427;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.32, #51ad2f),
    color-stop(0.75, #98cf59)
);
background-image: -moz-linear-gradient(
    center bottom,
    #51ad2f 32%,
    #98cf59 75%
);

}

.recipe-filter li a:hover, .recipe-filter li a:active, .faq-cat li a:hover, .faq-cat li a:active, a.button-allerecepten:hover, a.button-leesmeer:hover, a.button-print:hover, a.button-stuurdoor:hover, a.button-terugnaarallerecepten:hover, a.button-terugnaarassortiment:hover 
{color:#6EBE1F; background-color: #fff;
text-shadow:0px -1px 1px #fff;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.32, #fff),
    color-stop(0.75, #fff)
) !important;
background-image: -moz-linear-gradient(
    center bottom,
    #fff 32%,
    #fff 75%
);

}

a.button-print, a.button-stuurdoor, a.button-terugnaarallerecepten {padding: 2px 5px;}

.assortiment_detail_left img {margin-top:20px;}

/* buttons */
a.button:link, a.button:visited {display: block; width: 110px; height: 29px; background-position: top left; background-repeat: no-repeat;}
a.button span {position: absolute; width:0; overflow: hidden;}
a.button:hover, a.button:active {background-position: bottom left;} 
a.button-large:link, a.button-large:visited {width: 177px;}
a.button-actie, a.button-promo {background-image: url(/images/btn_actie.png);}
a.button-actievoorwaarden {background-image: url(/images/btn_actievoorwaarden.png);}
a.button-algemeen, a.button-general {background-image: url(/images/btn_algemeen.png);}
a.button-allevragen, a.button-all {background-image: url(/images/btn_alle_vragen.png);}
a.button-doemee {margin-top: 80px; background-image: url(/images/btn_doe_mee.png);}
a.button-producten, a.button-products {background-image: url(/images/btn_producten.png);}
a.button-recepten, a.button-recipes {background-image: url(/images/btn_recepten.png);}
a.button-stuurdoor {margin-right: 10px;}
a.button-vraagaan {background-image: url(/images/btn_vraag_aan.png);}
a.button-verstuur {background-image: url(/images/btn_verstuur.png);}

.recipe_buttons a {float: right;}

/* products */
div.products_landing{float:left; margin:0; padding:0; background:transparent url(/images/bg_assorti.gif) repeat-y top center;}
div.products_landing img{padding:0; margin:0;}

/*background: transparent url(/images/bg_assorti.jpg) no-repeat bottom left;*/
div.products_landing div {float: left; margin: 0; padding: 90px 0 0 0;}
div.products_landing div span{position: absolute; top: 0; width: 0; height: 0; overflow: hidden;}
div.products_landing div.original{float: left; width: 320px; background: transparent url(/images/bg_assorti_original.jpg) no-repeat top left;}

div.products_landing div.recipe{float: left; width: 260px; height: auto; padding-left:23px; padding-right:23px; background: transparent url(/images/bg_assorti_recipe.jpg) no-repeat top left;}
div.products_landing div.recipe div{padding:0;}

div.products_landing div.recipe p{margin-left:0;}
div.products_landing div.recipe img{float:left; margin-right:10px; padding:4px; background:url(/images/recipe_bg.gif);}
div.products_landing div.recipe h4{font-size:14px; margin:0 0 0 5px; padding:10px 0 0; font-weight:bold;}

div.products_landing div.original p, 
div.products_landing div.lightlife p, 
div.products_landing div.belegen p,
div.products_landing div.original_active p, 
div.products_landing div.lightlife_active p, 
div.products_landing div.belegen_active p{width: 260px;margin-left: 23px;}
div.products_landing div.original_active{float: left; width: 320px; background: transparent url(/images/bg_assorti_original_active.jpg) no-repeat top left;}
div.products_landing div.original a:link, div.products_landing div.original a:visited,
div.products_landing div.original_active a:link, div.products_landing div.original_active a:visited{color: #67af2f;}
div.products_landing div.original a:hover, div.products_landing div.original a:active,
div.products_landing div.original_active a:hover, div.products_landing div.original_active a:active {color:#3f9604;}

div.products_landing div.lightlife {float: left; width: 320px; background: transparent url(/images/bg_assorti_lightlife.jpg) no-repeat top left;}
div.products_landing div.lightlife_active {float: left; width: 320px; background: transparent url(/images/bg_assorti_lightlife_active.jpg) no-repeat top left;}
div.products_landing div.lightlife a:link, div.products_landing div.lightlife a:visited,
div.products_landing div.lightlife_active a:link, div.products_landing div.lightlife_active a:visited {color: #0066a8;}
div.products_landing div.lightlife a:hover, div.products_landing div.lightlife a:active,
div.products_landing div.lightlife_active a:hover, div.products_landing div.lightlife_active a:active {color:#003e8d;}

div.products_landing div.belegen {float: left; width: 306px; background: transparent url(/images/bg_assorti_belegen.jpg) no-repeat top left;}
div.products_landing div.belegen_active {float: left; width: 306px; background: transparent url(/images/bg_assorti_belegen_active.jpg) no-repeat top left;}
div.products_landing div.belegen a:link,div.products_landing div.belegen a:visited,
div.products_landing div.belegen_active a:link, div.products_landing div.belegen_active a:visited {color: #800f40;}
div.products_landing div.belegen a:hover, div.products_landing div.belegen a:active,
div.products_landing div.belegen_active a:hover, div.products_landing div.belegen_active a:active{color:#5c0014;}

div.assortiment_detail_left {float: left; width: 580px;}
div.assortiment_detail_left div.description {min-height: 150px;}
div.assortiment_detail_left table {float: left; width: 366px; color: #000; font-weight: bold;}
div.assortiment_detail_left table tr {border-collapse: collapse;}
div.assortiment_detail_left table td {padding: 0 10px; text-align: right;}
div.assortiment_detail_left table tr td:first-child{text-align: left;}
div.assortiment_detail_right {float: right; width: 335px;}
div.assortiment_detail_right img {margin: 20px 0;}
div.assortiment_detail_right ul li {padding: 2px 2px 10px 25px; list-style-type: none;}
div.original ul li {background: transparent url(/images/check_original.gif) no-repeat top left;}
div.belegen ul li {background: transparent url(/images/check_belegen.gif) no-repeat top left;}
div.lightlife ul li{background: transparent url(/images/check_lightlife.gif) no-repeat top left;}
div.original h3, div.original h4, div.belegen h3, div.belegen h4, div.lightlife h3, div.lightlife h4 {color: #67af2f; height: 20px;}
div.belegen h3, div.belegen h4 {color: #5c0014;}
div.lightlife h3, div.lightlife h4 {color: #0066a8;}
div.original h4, div.belegen h4, div.lightlife h4 {}
div.original table {border: 2px solid #b8d682/*#86bb2b*/; background-color: #b8d682/*#86bb2b*/;}
div.belegen table{border: 2px solid #ad5c56; background-color: #ad5c56;}
div.lightlife table{border: 2px solid #5d98be; background-color: #5d98be;}
div.original table tr.odd {background-color: #eaf2da;}
div.belegen table tr.odd {background-color: #ecdad8;}
div.lightlife table tr.odd {background-color: #d1dbe2;}
p.nut_header {display: block; width: 366px; color: #000; text-align: right; margin: 0;}
p.nut_footer {display: block; width: 366px; color: #000; font-size: 0.65em;}

/*list menu*/
ul.number_pages {float: right; margin: 0 0 10px 0; padding: 0; height: 15px; text-align: right; list-style: none;}
ul.number_pages li {float: left; margin: 0 0 0 1px; padding: 0; height: 15px; width: 16px; font-size: 0.8em; line-height: 1.6em; text-align: center;}
ul.number_pages li a:link, ul.number_pages li a:visited {display: block; height: 15px; width: 16px; color: #504613; background: #ffc90a url(/images/bg_pages_normal.gif) no-repeat top center;}
ul.number_pages li a:hover, ul#number_pages li a:visited, ul.number_pages li a.active {color: #fff; background: #168ecd url(/images/bg_pages_active.gif) no-repeat top center;}


/*print extras's*/
div.logo_print {visibility: hidden; width:0; height:0; position: absolute; top: 0; }

.refund-products {float:right;}
.refund-products h2{font-size: 1.0em; height: 28px; border-bottom: 1px solid #fef4af; float:none;}
.refund-products a{margin:0;}

ul.address{list-style:none; margin-left:20px;}


/* faq */
dl.list_faq {border-top: 1px solid #fef4af;}
dl.list_faq dt {border-bottom: 1px solid #fef4af; padding: 0 0 0 30px;}
dl.list_faq dt {border-bottom: 1px solid #fef4af; background: transparent url(/images/bg_faq_closed.gif) no-repeat top left; padding-top: 10px; padding-bottom: 10px;}
dl.list_faq dt a:link {display: block;	width: 100%; height: 100%; font-size: 14px;}
dl.list_faq dt.open a:link {color: #000; border: none;	border-bottom: none;}
dl.list_faq dt.open a:hover {color: #000; border: none; border-bottom:none;}
dl.list_faq dt.open {background: transparent url(/images/bg_faq_open.gif) no-repeat -3px 0; border-bottom: 0; padding-bottom: 10px;}
dl.list_faq dd {display: none; position: absolute; overflow: hidden; width: 0; top: 0; left: 0; padding: 0 0 0 30px;}
dl.list_faq dd.open {display: block; position: relative; overflow: visible; margin: 0; width: 97%; border-bottom: 1px solid #fef4af; padding-bottom: 10px;}


/* promo formulier met code over gehele breedte pagina */
div.promo-intro {float: left; margin: 10px 0 0 20px; width:500px;}

/* promo met facebook actie en formulier met code */

div.promo-left div.promo-intro-code {margin: 20px 0 0 0; width:470px; font-style: italic;}
div.promo-right div.promo-intro-facebook {margin: 0; width:220px; font-style: italic; float: left;}

div.promo-left {float:left; margin-right: 30px; width:460px;}
div.promo-right {float:right; width:460px;}
div.promo-left h2, div.promo-right h2 {font-size: 22px; height:50px; background-color:#7ec34a; color:#fff; text-align:center; padding-top:25px; -moz-border-radius: 5px; border-radius: 5px;}
div.promo-right h2 {background-color:#3b5998;}
div.promo-right h4 { text-align: center; }
.promo-alt {color: #3b5998; font-size: 22px; text-align: center; font-family: 'shannon', Arial, Verdana, sans-serif; padding-top: 20px; margin: 0; }


div.promo-right p.btn-email, div.promo-right p.btn-facebook, div.promo-left .btn-submit
{height: 45px; width:460px; color: #fff; font-size: 22px; margin-top: 25px; padding-top:20px; font-family: 'shannon', Arial, Verdana, sans-serif; text-align: center; -moz-border-radius: 5px; border-radius: 5px;
text-shadow:0px -1px 1px #121f45; background-color: #3B5898;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.32, #3B5898),
    color-stop(0.75, #507ABD)
);
background-image: -moz-linear-gradient(
    center bottom,
    #3B5898 32%,
    #507ABD 75%
);
}

.btn-submit { cursor: pointer; }

div.promo-left .btn-submit
{height: 60px; padding-top:0;text-shadow:0px -1px 1px #498427; background-color: #51ad2f;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.32, #51ad2f),
    color-stop(0.75, #98cf59)
);
background-image: -moz-linear-gradient(
    center bottom,
    #51ad2f 32%,
    #98cf59 75%
);
}

.btn-submit:hover, .btn-email:hover, .btn-facebook:hover
{ background-color: #17adfb;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.32, #17adfb),
    color-stop(0.75, #67cafd)
) !important;
background-image: -moz-linear-gradient(
    center bottom,
    #17adfb 32%,
    #67cafd 75%
) !important;
}