@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/* line 12, ../sass/reset.scss */
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,
b,
u,
i,
center,
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-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 21, ../sass/reset.scss */
body {
  line-height: 1;
}

/* line 24, ../sass/reset.scss */
ol,
ul {
  list-style: none;
}

/* line 27, ../sass/reset.scss */
blockquote,
q {
  quotes: none;
}

/* line 29, ../sass/reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
/* line 36, ../sass/reset.scss */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
/* line 41, ../sass/reset.scss */
ins {
  text-decoration: none;
}

/* line 44, ../sass/reset.scss */
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/* line 49, ../sass/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
Récupération automatique du CCS de la V1
 */
/* line 50, common/icons/*.png */
.icons-sprite,
.icons-error,
.icons-logo-bayer,
.error {
  background: url('/bundles/mailodyweb/images/common/icons-s07ec7c8541.png') no-repeat;
}

/* line 60, ../../../../../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-error {
  background-position: 0 -76px;
}

/* line 60, ../../../../../../../../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-logo-bayer {
  background-position: 0 0;
}

/* line 12, ../sass/common.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #777777;
  font-family: Arial, Helvetica, sans-serif;
}

/* line 17, ../sass/common.scss */
.pullquote_right,
.pullquote_left {
  color: #9f9f9f;
  float: right;
  font-size: 14px;
  letter-spacing: 0px;
  margin-bottom: 0;
  margin-top: 10px;
  margin-left: 20px;
  padding: 0 10px;
  width: 33%;
  font-style: italic;
  background: url(../images/template/quote.png) top left no-repeat;
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* line 31, ../sass/common.scss */
.success,
.success-message {
  margin: 15px 0;
  font-size: 14px;
  color: #84af22;
  padding: 15px 12px 15px 47px;
  background: #e6f2d2 url(../images/template/ok.png) 0.5em 0.4em no-repeat;
  border: 1px solid #96c24a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px #aaaaaa;
  -moz-box-shadow: 0 0 6px #aaaaaa;
  box-shadow: 0 0 6px #aaaaaa;
}

/* line 41, ../sass/common.scss */
#featuresbox,
#quotebox {
  height: 90px;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: #01bafd;
  background-image: url(../images/template/blue.jpg);
  background-position: bottom center;
  background-repeat: repeat-x;
  border-bottom: 2px solid #259ac4;
}

/* line 52, ../sass/common.scss */
.heading-text p,
.heading-text-right p {
  color: #dadada;
  margin-bottom: 0;
  line-height: 16px;
}

/* line 57, ../sass/common.scss */
#filter li a:hover,
#filter li a.current,
#filter li.current a,
#filter li.current-cat a {
  background-color: #e0e0e0;
  color: #8a8a8a;
  border: 1px solid #dadada;
  text-decoration: none;
}

/* line 63, ../sass/common.scss */
.pagination span,
.pagination a,
.pagin_item {
  display: block;
  float: left;
  margin: 2px 10px 2px 0;
  padding: 8px 10px;
  text-decoration: none;
  width: auto;
  color: #666666;
  background: url(../images/old/template/paging.jpg) repeat-x;
  -webkit-box-shadow: 0 0 4px #aaaaaa;
  -moz-box-shadow: 0 0 4px #aaaaaa;
  box-shadow: 0 0 4px #aaaaaa;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 75, ../sass/common.scss */
.pagination .current,
strong.pagin_item {
  padding: 8px 10px;
  background: #007ba8;
  color: white;
}

/* line 80, ../sass/common.scss */
#sidebar,
.sidebar {
  width: 241px;
  float: right;
  margin: 30px 0 0 20px;
  font-size: 12px;
}

/* line 86, ../sass/common.scss */
#sidebar-left,
.sidebar-left {
  width: 241px;
  float: left;
  margin: 30px 20px 0 0;
}

/* line 91, ../sass/common.scss */
input[type='submit'],
input[type='button'] {
  background: url("../images/old/template/paging.jpg") repeat-x scroll 0 0 transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 4px #aaaaaa;
  -moz-box-shadow: 0 0 4px #aaaaaa;
  box-shadow: 0 0 4px #aaaaaa;
  color: #666666;
  padding: 4px 10px;
}

/* line 100, ../sass/common.scss */
body {
  background-color: #6aaf24;
  background-image: url('/bundles/mailodyweb/images/common/background.png');
  background-repeat: repeat;
  font-family: arial, verdana, tahoma, helvetica;
}

/* line 106, ../sass/common.scss */
h1 {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 50px;
}

/* line 112, ../sass/common.scss */
h2 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 14px;
}

/* line 118, ../sass/common.scss */
h3 {
  font-size: 18px;
  margin-bottom: 12px;
  color: #4f8c00;
}

/* line 123, ../sass/common.scss */
h3 a {
  color: #4f8c00;
}

/* line 125, ../sass/common.scss */
h3 a:link {
  color: #4f8c00;
}

/* line 128, ../sass/common.scss */
h3 a:visited {
  color: #4f8c00;
}

/* line 131, ../sass/common.scss */
h3 a:hover {
  color: #555555;
}

/* line 136, ../sass/common.scss */
h4 {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 12px;
}

/* line 142, ../sass/common.scss */
h5 {
  font-size: 14px;
  margin-bottom: 12px;
  padding: 0px;
}

/* line 148, ../sass/common.scss */
h6 {
  font-size: 12px;
  margin-bottom: 12px;
  padding: 0px;
  letter-spacing: 1px;
}

/* line 155, ../sass/common.scss */
a {
  color: #007ba8;
  text-decoration: none;
}

/* line 158, ../sass/common.scss */
a:link {
  color: #007ba8;
  text-decoration: none;
}

/* line 162, ../sass/common.scss */
a:visited {
  color: #007ba8;
  text-decoration: none;
}

/* line 166, ../sass/common.scss */
a:hover {
  color: #555555;
}

/* line 169, ../sass/common.scss */
a img {
  border: none;
}

/* line 172, ../sass/common.scss */
a.button {
  color: #666666;
}

/* line 174, ../sass/common.scss */
a.button:hover {
  color: #333333;
}

/* line 178, ../sass/common.scss */
a.quotebutton {
  color: white;
}

/* line 180, ../sass/common.scss */
a.quotebutton:hover {
  color: white;
}

/* line 184, ../sass/common.scss */
a#profileLink {
  padding: 0.3em 1em;
  font-weight: bold;
  font-size: 1.2em;
  color: #8f8f8f;
}

/* line 191, ../sass/common.scss */
img {
  border: none;
}

/* line 193, ../sass/common.scss */
img.readmore {
  position: relative;
  top: 5px;
  left: 8px;
  overflow: hidden;
}

/* line 199, ../sass/common.scss */
img.arrow-icon {
  position: relative;
  top: 5px;
  right: 0;
  left: 10px;
}

/* line 206, ../sass/common.scss */
p {
  margin-bottom: 12px;
  color: #666666;
  font-size: 12px;
  line-height: 21px;
}

/* line 211, ../sass/common.scss */
p.testiname {
  text-align: right;
  display: block;
  font-weight: bold;
  margin-bottom: 0;
}

/* line 217, ../sass/common.scss */
p#preloader {
  margin: 0;
  padding: 1em 1em 1em 3em;
  background: transparent url(../images/template/loading.gif) 1em center no-repeat;
}

/* line 223, ../sass/common.scss */
blockquote {
  margin: 0 0 10px 0;
  color: #8a8a8a;
  background: url(../images/template/quote.png) top left no-repeat;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.4em;
  font-size: 14px;
}

/* line 231, ../sass/common.scss */
blockquote p {
  line-height: 1.4em;
  font-size: 14px;
}

/* line 236, ../sass/common.scss */
code {
  background: #fafafa;
  padding: 5px 10px;
  display: block;
  font-size: 12px;
  color: #858585;
  margin-bottom: 10px;
  border: 1px dotted #eaeaea;
  clear: both;
}

/* line 246, ../sass/common.scss */
pre {
  clear: both;
  font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace;
  background: url(../images/template/pre_bg.gif) repeat;
  border: 1px solid lightgrey;
  padding: 18px 20px 15px 20px;
  line-height: 19px;
  overflow: auto;
  overflow-Y: hidden;
  color: #555555;
  margin: 0 0 20px 0;
}

/* line 258, ../sass/common.scss */
ol {
  margin: 20px 0 20px 25px;
  list-style-type: decimal;
}

/* line 261, ../sass/common.scss */
ol li {
  font-size: 12px;
  margin: 5px 0;
  padding-bottom: 5px;
  color: #666666;
}

/* line 268, ../sass/common.scss */
.arrowlist {
  margin-bottom: 20px;
  margin-left: 5px;
}

/* line 271, ../sass/common.scss */
.arrowlist li {
  font-size: 12px;
  margin: 8px 0;
  padding-bottom: 8px;
  padding-left: 20px;
  background: url(../images/template/arrow.png) 0.3em 0 no-repeat;
  color: #666666;
  border-bottom: 1px solid #dfdfdf;
}

/* line 281, ../sass/common.scss */
.checklist {
  margin-bottom: 20px;
  margin-left: 5px;
}

/* line 284, ../sass/common.scss */
.checklist li {
  font-size: 12px;
  margin: 10px 0;
  padding-bottom: 10px;
  padding-left: 25px;
  background: url(../images/template/tick.png) 0 0 no-repeat;
  color: #666666;
  border-bottom: 1px solid #dfdfdf;
}

/* line 294, ../sass/common.scss */
.bulletlist {
  margin-bottom: 20px;
  margin-left: 5px;
}

/* line 297, ../sass/common.scss */
.bulletlist li {
  font-size: 12px;
  margin: 8px 0;
  padding-bottom: 8px;
  padding-left: 20px;
  background: url(../images/template/bullet.png) 0 0.1em no-repeat;
  color: #757575;
  border-bottom: 1px solid #dfdfdf;
}

/* line 307, ../sass/common.scss */
.itemlist {
  margin-bottom: 20px;
  margin-left: 5px;
}

/* line 310, ../sass/common.scss */
.itemlist li {
  font-size: 12px;
  margin: 8px 0;
  padding-bottom: 8px;
  padding-left: 20px;
  background: url(../images/template/item.png) 0 0.1em no-repeat;
  color: #757575;
  border-bottom: 1px solid #dfdfdf;
}

/* line 320, ../sass/common.scss */
.dropcap {
  background: transparent url(../images/template/big-bullet.png) no-repeat scroll -1px -1px;
  color: white;
  float: left;
  font-size: 24px;
  height: 41px;
  line-height: 30px;
  margin-bottom: -10px;
  margin-right: 10px;
  padding-top: 5px;
  text-align: center;
  width: 41px;
}

/* line 336, ../sass/common.scss */
.pullquote_left {
  border-left: none;
  float: left;
  margin-left: 0px;
  margin-right: 10px;
}

/* line 343, ../sass/common.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 351, ../sass/common.scss */
.clearfix {
  display: block;
  /* (1) display was set before: old value: inline-block - new value block */
}

/* line 352, ../sass/common.scss */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 365, ../sass/common.scss */
.alignleft {
  float: left;
  margin: 5px 10px 0 0;
}

/* line 369, ../sass/common.scss */
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
}

/* line 373, ../sass/common.scss */
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  display: block;
}

/* line 379, ../sass/common.scss */
.imgbox {
  padding: 4px;
  background: white;
  border: 1px solid #ededed;
}

/* line 384, ../sass/common.scss */
.imgbox2 {
  padding: 3px;
  background: white;
  border: 1px solid #ededed;
}

/* line 389, ../sass/common.scss */
.divider {
  background: url(../images/template/divider.jpg) bottom repeat-x;
  padding: 5px 0;
  margin-bottom: 10px;
  display: block;
}

/* line 395, ../sass/common.scss */
.info {
  margin: 15px 0;
  font-size: 14px;
  color: #246ea7;
  padding: 15px 12px 15px 47px;
  background: #dfecf7 url(../images/template/info.png) 0.5em 0.4em no-repeat;
  border: 1px solid #a7ceec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 404, ../sass/common.scss */
.error {
  margin: 15px 0;
  font-size: 14px;
  color: #c92036;
  padding: 15px 12px 15px 47px;
  background-position: 0 -76px;
  background-color: #fae1e1;
  border: 1px solid #eda8a8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px #aaaaaa;
  -moz-box-shadow: 0 0 6px #aaaaaa;
  box-shadow: 0 0 6px #aaaaaa;
}

/* line 415, ../sass/common.scss */
.warning {
  margin: 15px 0;
  font-size: 14px;
  color: #e08820;
  padding: 15px 12px 15px 47px;
  background: #fdf4d7 url(../images/template/warning.png) 0.5em 0.4em no-repeat;
  border: 1px solid #e8c779;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px #aaaaaa;
  -moz-box-shadow: 0 0 6px #aaaaaa;
  box-shadow: 0 0 6px #aaaaaa;
}

/* line 431, ../sass/common.scss */
.highlight-yellow {
  padding: 1px 4px;
  background-color: yellow;
  color: #111111;
}

/* line 436, ../sass/common.scss */
.highlight-dark {
  padding: 1px 4px;
  background-color: #6a6a6a;
  color: white;
}

/* line 441, ../sass/common.scss */
.highlight-red {
  padding: 1px 4px;
  background-color: #de2d2d;
  color: white;
}

/* line 446, ../sass/common.scss */
.highlight-green {
  padding: 1px 4px;
  background-color: #a3cc29;
  color: #111111;
}

/* line 451, ../sass/common.scss */
.button {
  float: left;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  color: #777777;
  font-size: 10px;
  line-height: 24px;
  text-transform: uppercase;
  height: 26px;
  background: url(../images/template/button-right.png) no-repeat 100% 0;
  display: inline-block;
}

/* line 462, ../sass/common.scss */
.button span {
  text-align: center;
  margin-right: 7px;
  padding: 0 10px 0 20px;
  background: url(../images/template/button-left.png) no-repeat;
  display: inline-block;
  height: 26px;
  float: left;
  font-size: 11px;
}

/* line 472, ../sass/common.scss */
.button:hover {
  background-position: 100% -26px;
}

/* line 474, ../sass/common.scss */
.button:hover span {
  background-position: 0 -26px;
}

/* line 480, ../sass/common.scss */
.alert {
  padding: 15px;
  margin: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* line 485, ../sass/common.scss */
.alert.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

/* line 490, ../sass/common.scss */
.alert.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

/* line 495, ../sass/common.scss */
.alert.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

/* line 500, ../sass/common.scss */
.alert.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

/* line 509, ../sass/common.scss */
#wrapper {
  width: 976px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 516, ../sass/common.scss */
#topwrapper {
  height: 19px;
  width: 976px;
  background: url('/bundles/mailodyweb/images/common/topwrapper.png') no-repeat;
}

/* line 521, ../sass/common.scss */
#mainwrapper {
  width: 976px;
  background: url('/bundles/mailodyweb/images/common/mainwrapper.png') repeat-y;
}

/* line 525, ../sass/common.scss */
#bottomwrapper {
  margin: 0 auto;
  height: 55px;
  width: 976px;
  background: url('/bundles/mailodyweb/images/common/bottomwrapper.png') no-repeat;
}

/* line 531, ../sass/common.scss */
.center {
  margin: 0 auto;
  width: 900px;
}

/* line 535, ../sass/common.scss */
#header {
  width: 960px;
  height: 80px;
  padding-bottom: 9px;
  background: url(../images/old/template/bgheader.jpg) bottom center repeat-x;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}

/* line 546, ../sass/common.scss */
#mainmenu {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  width: 100%;
}

/* line 546, ../sass/common.scss */
#mainmenu ul {
  margin: 0;
  padding: 33px 0 0 0;
  float: left;
  width: 575px;
}

/* line 551, ../sass/common.scss */
#mainmenu #menuitem {
  float: left;
  margin: 0 5px 0 5px;
  text-align: center;
  flex: 1 1 auto;
}

/* line 552, ../sass/common.scss */
#mainmenu #menuitem a {
  color: #777777;
}

/* line 553, ../sass/common.scss */
#mainmenu #menuitem a:hover {
  color: #336600;
}

.baseSearchMenuItem{
  min-width: 35%;
}

#baseMailingSearch {
  width: 100%;
}

#formBaseSearch {
  display: flex;
}

.baseSearchButton {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: solid;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  display: flex;
}

.baseSearchIcon {
  fill: #504b4b;
}

/* line 563, ../sass/common.scss */
.icons-logo-bayer {
  height: 77px;
  width: 77px !important;
  max-width: 77px;
}

/* line 569, ../sass/common.scss */
#logo {
  margin-top: 0px;
  float: left;
  width: 190px;
}

/* line 574, ../sass/common.scss */
.searchbox {
  width: 192px;
  height: 37px;
  float: right;
}

/* line 579, ../sass/common.scss */
.searchinput {
  border: none;
  height: 17px;
  width: 135px;
  background: url(../images/template/searchinput.png) left center no-repeat;
  float: left;
  padding: 10px;
  color: #cacaca;
}

/* line 588, ../sass/common.scss */
.searchsubmit {
  height: 37px;
  width: 36px;
  background: url(../images/template/searchsubmit.png) left center no-repeat;
  float: left;
  border: none;
  cursor: pointer;
}

/* line 596, ../sass/common.scss */
#slide-wrapper {
  padding: 0;
  margin: 0 auto;
  width: 960px;
  height: 344px;
  border-top: 4px solid #259ac4;
  border-bottom: 2px solid #259ac4;
}

/* line 604, ../sass/common.scss */
.static-block {
  float: left;
  width: 620px;
  height: 345px;
}

/* line 609, ../sass/common.scss */
.static-text {
  padding: 20px;
  float: left;
  width: 300px;
  height: 305px;
  background: #2888bf url(../images/template/pattern/grunge.png) repeat;
}

/* line 615, ../sass/common.scss */
.static-text h3 {
  color: white;
}

/* line 618, ../sass/common.scss */
.static-text p {
  color: white;
}

/* line 624, ../sass/common.scss */
#featuresbox ul {
  margin: 0;
  padding: 0 30px;
}

/* line 627, ../sass/common.scss */
#featuresbox ul li {
  float: left;
  width: 205px;
  margin-left: 10px;
  padding-left: 15px;
  background: url(../images/template/divider-blue.png) center left no-repeat;
}

/* line 633, ../sass/common.scss */
#featuresbox ul li p {
  line-height: 16px;
  font-size: 11px;
  color: white;
}

/* line 638, ../sass/common.scss */
#featuresbox ul li.first {
  margin-left: 0;
  padding-left: 0;
  background: none;
}

/* line 643, ../sass/common.scss */
#featuresbox ul li.last {
  margin-right: 0;
  padding-right: 0;
  float: right;
}

/* line 648, ../sass/common.scss */
#featuresbox ul li img {
  margin: 10px 5px 0 0;
  padding: 0;
  float: left;
}

/* line 653, ../sass/common.scss */
#featuresbox ul li h4 {
  margin-top: 15px;
  margin-bottom: 10px;
  color: white;
}

/* line 657, ../sass/common.scss */
#featuresbox ul li h4 a {
  color: white;
}

/* line 664, ../sass/common.scss */
#quotebox {
  width: 920px;
  padding: 10px 20px;
  height: 71px;
}

/* line 669, ../sass/common.scss */
#quotebox h4 {
  color: white;
  margin-bottom: 10px;
}

/* line 673, ../sass/common.scss */
#quotebox p {
  color: white;
  line-height: 18px;
}

/* line 678, ../sass/common.scss */
.quotetext {
  width: 700px;
  float: left;
  margin-right: 10px;
}

/* line 683, ../sass/common.scss */
.quotebuttonblock {
  float: left;
  width: 200px;
  margin-top: 5px;
  margin-left: 10px;
}

/* line 689, ../sass/common.scss */
.quotebutton {
  float: left;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  color: #777777;
  font-size: 10px;
  line-height: 42px;
  text-transform: uppercase;
  font-weight: bold;
  height: 42px;
  background: url(../images/template/greenbutton-right.png) no-repeat 100% 0;
  display: inline-block;
}

/* line 701, ../sass/common.scss */
.quotebutton span {
  text-align: center;
  margin-right: 22px;
  padding: 0 21px 0 42px;
  background: url(../images/template/greenbutton-left.png) no-repeat;
  display: inline-block;
  height: 42px;
  float: left;
  font-size: 12px;
}

/* line 711, ../sass/common.scss */
.quotebutton:hover {
  background-position: 100% -42px;
}

/* line 713, ../sass/common.scss */
.quotebutton:hover span {
  background-position: 0 -42px;
}

/* line 718, ../sass/common.scss */
#page-heading {
  margin: 0 auto;
  width: 960px;
  height: 182px;
  border-top: 2px solid #2E7BBD;
  border-bottom: 2px solid #2E7BBD;
  background: #61ab00;
}

/* line 725, ../sass/common.scss */
#page-heading img {
  position: absolute;
}

/* line 729, ../sass/common.scss */
.heading-text {
  padding: 15px 20px;
  width: 260px;
  position: relative;
  left: 0;
  top: 30px;
  background-color: transparent;
  background-image: url(../images/template/transparent.png);
  background-repeat: repeat;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 740, ../sass/common.scss */
.heading-text h3 {
  color: white;
  margin-bottom: 10px;
}

/* line 748, ../sass/common.scss */
.heading-text-right {
  padding: 15px 20px;
  width: 260px;
  position: relative;
  right: 0;
  top: 30px;
  background: url(../images/template/transparent.png) repeat;
  float: right;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 758, ../sass/common.scss */
.heading-text-right h3 {
  color: white;
  margin-bottom: 10px;
  text-align: right;
}

/* line 763, ../sass/common.scss */
.heading-text-right p {
  text-align: right;
}

/* line 768, ../sass/common.scss */
.breadcrumbs {
  border-bottom: 1px solid #dadada;
  margin: 10px 0 0 0;
  text-align: right;
  font-size: 12px;
  color: #666666;
  display: block;
  padding-right: 10px;
  padding-bottom: 10px;
}

/* line 778, ../sass/common.scss */
.maincontent {
  padding: 20px 0 0 0;
  width: 630px;
  float: left;
  font-size: 12px;
  margin: 0 20px 0 40px;
}

/* line 785, ../sass/common.scss */
.maincontent-right {
  padding: 20px 0 0 0;
  width: 630px;
  float: right;
}

/* line 790, ../sass/common.scss */
.maincontent-full {
  padding: 25px 0;
  width: 100%;
}

/* line 794, ../sass/common.scss */
.mainbox {
  float: left;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 5px;
}

/* line 801, ../sass/common.scss */
.mainbox h4 {
  color: #007ba8;
  margin-bottom: 10px;
}

/* line 804, ../sass/common.scss */
.mainbox h4 a {
  color: #007ba8;
}

/* line 808, ../sass/common.scss */
.mainbox p {
  margin-bottom: 5px;
}

/* line 812, ../sass/common.scss */
.mainbox2 {
  float: left;
  width: 198px;
  margin-right: 18px;
  margin-bottom: 5px;
}

/* line 813, ../sass/common.scss */
.mainbox2 h4 {
  color: #007ba8;
  margin-bottom: 10px;
}

/* line 816, ../sass/common.scss */
.mainbox2 h4 a {
  color: #007ba8;
}

/* line 820, ../sass/common.scss */
.mainbox2 p {
  margin-bottom: 5px;
}

/* line 830, ../sass/common.scss */
.box-last {
  float: right;
  margin-right: 0;
  /* (2) float was set before: old value: right - new value right */
  /* (3) margin-right was set before: old value: 0 - new value 0 */
}

/* line 836, ../sass/common.scss */
.boximg {
  margin-top: 5px;
  background: url(../images/template/bgboximg.png) center no-repeat;
  width: 97px;
  height: 99px;
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}

/* line 845, ../sass/common.scss */
.boximg2 {
  margin-top: 5px;
  background: url(../images/template/bgboximg2.png) center no-repeat;
  width: 193px;
  height: 95px;
  margin-bottom: 5px;
}

/* line 852, ../sass/common.scss */
.boximg-pad {
  padding: 6px;
}

/* line 855, ../sass/common.scss */
.boximg-pad2 {
  padding: 8px 7px;
}

/* line 858, ../sass/common.scss */
.spacer {
  clear: both;
  display: block;
  padding-bottom: 10px;
}

/* line 863, ../sass/common.scss */
.productbox {
  width: 278px;
  float: left;
  margin-right: 32px;
}

/* line 868, ../sass/common.scss */
.productbox-last {
  width: 278px;
  margin-right: 0;
  float: right;
}

/* line 873, ../sass/common.scss */
.topproduct {
  width: 278px;
  height: 11px;
  background: url(../images/template/bg-topproducts.png) top center no-repeat;
}

/* line 878, ../sass/common.scss */
.bottomproduct {
  width: 278px;
  height: 12px;
  background: url(../images/template/bg-bottomproducts.png) bottom center no-repeat;
}

/* line 883, ../sass/common.scss */
.headingproduct {
  background: #74cbdd;
  width: 238px;
  padding: 10px 20px;
}

/* line 888, ../sass/common.scss */
.price {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

/* line 892, ../sass/common.scss */
.price span {
  color: white;
}

/* line 897, ../sass/common.scss */
span.currency {
  font-size: 24px;
  display: inline;
  vertical-align: top;
}

/* line 902, ../sass/common.scss */
span.price {
  font-size: 56px;
  display: inline;
}

/* line 906, ../sass/common.scss */
span.month {
  font-size: 18px;
  display: inline;
}

/* line 911, ../sass/common.scss */
.description {
  margin-top: 10px;
  padding-top: 15px;
  background: url(../images/template/products-divider.png) top repeat-x;
}

/* line 915, ../sass/common.scss */
.description p {
  font-size: 11px;
  color: white;
  line-height: 15px;
}

/* line 921, ../sass/common.scss */
.contentproduct {
  background: #eaeaea;
  width: 238px;
  padding: 10px 20px;
}

/* line 927, ../sass/common.scss */
ul#filter {
  margin: 10px 0 25px 0;
  padding: 0 0 20px 0;
}

/* line 931, ../sass/common.scss */
ul.latestnews {
  margin: 0 0 10px 0;
  padding: 0;
}

/* line 934, ../sass/common.scss */
ul.latestnews li {
  margin-bottom: 5px;
}

/* line 936, ../sass/common.scss */
ul.latestnews li a {
  font-size: 12px;
  line-height: 16px;
}

/* line 940, ../sass/common.scss */
ul.latestnews li p.posteddate {
  margin-top: 5px;
  border-top: 1px dotted #d5d5d5;
  font-size: 11px;
  color: #8a8a8a;
  margin-bottom: 0;
}

/* line 949, ../sass/common.scss */
ul#twitter_update_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 953, ../sass/common.scss */
ul#twitter_update_list li {
  margin: 5px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #eaeaea;
  font-size: 12px;
  color: #868686;
  font-style: italic;
  line-height: 1.4em;
}

/* line 961, ../sass/common.scss */
ul#twitter_update_list li a {
  background: none;
  padding: 0;
}

/* line 965, ../sass/common.scss */
ul#twitter_update_list li span {
  display: block;
}

/* line 972, ../sass/common.scss */
ul#twitter_update_list li.lastTweet {
  border-bottom: 1px solid #eaeaea;
}

/* line 977, ../sass/common.scss */
ul.addresslist {
  margin: 0;
  padding: 0;
}

/* line 980, ../sass/common.scss */
ul.addresslist li {
  line-height: 18px;
  margin: 4px 0;
  padding-bottom: 4px;
}

/* line 986, ../sass/common.scss */
ul.productfeatures li {
  color: #858585;
  margin: 0 0 5px 0;
  padding-bottom: 15px;
  background: url(../images/template/divider.png) bottom repeat-x;
  font-size: 12px;
}

/* line 993, ../sass/common.scss */
ul.portfolio-1col li {
  margin: 10px 0 15px 0;
  float: left;
}

/* line 996, ../sass/common.scss */
ul.portfolio-1col li p {
  margin-bottom: 5px;
}

/* line 1000, ../sass/common.scss */
ul.portfolio-2col li {
  width: 440px;
  margin: 10px 20px 10px 0;
  float: left;
}

/* line 1004, ../sass/common.scss */
ul.portfolio-2col li.last {
  width: 440px;
  margin-right: 0;
  float: right;
}

/* line 1009, ../sass/common.scss */
ul.portfolio-2col li p {
  margin-bottom: 5px;
}

/* line 1013, ../sass/common.scss */
ul.portfolio-3col li {
  width: 285px;
  margin: 10px 20px 10px 0;
  float: left;
}

/* line 1017, ../sass/common.scss */
ul.portfolio-3col li.last {
  width: 285px;
  margin-right: 0;
  float: right;
}

/* line 1022, ../sass/common.scss */
ul.portfolio-3col li p {
  margin-bottom: 5px;
}

/* line 1026, ../sass/common.scss */
ul.portfolio-4col li {
  width: 209px;
  margin: 10px 20px 10px 0;
  float: left;
}

/* line 1030, ../sass/common.scss */
ul.portfolio-4col li.last {
  width: 209px;
  margin-right: 0;
  float: right;
}

/* line 1035, ../sass/common.scss */
ul.portfolio-4col li p {
  margin-bottom: 5px;
}

/* line 1039, ../sass/common.scss */
ul.portfolio-4col-filterable li {
  width: 204px;
  margin: 10px 21px 10px 0;
  float: left;
}

/* line 1043, ../sass/common.scss */
ul.portfolio-4col-filterable li p {
  margin-bottom: 5px;
}

/* line 1047, ../sass/common.scss */
ul#listlatestnews li {
  margin-bottom: 20px;
}

/* line 1050, ../sass/common.scss */
ul.sidelist li {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  background: url(../images/template/arrow.png) 100% 0 no-repeat;
}

/* line 1055, ../sass/common.scss */
ul.sidelist li a {
  padding-right: 26px;
  font-size: 12px;
  display: block;
}

/* line 1062, ../sass/common.scss */
.product-icon {
  position: relative;
  top: 7px;
  left: 0;
  margin-right: 10px;
}

/* line 1068, ../sass/common.scss */
.buttoncenter {
  margin-left: 45px;
}

/* line 1071, ../sass/common.scss */
.portfolio-blockimg {
  float: left;
  width: 440px;
  margin-right: 10px;
}

/* line 1076, ../sass/common.scss */
.portfolio-blockimg-last {
  float: right;
  width: 440px;
  margin-right: 0;
}

/* line 1081, ../sass/common.scss */
.portfolio-imgbox1 {
  width: 440px;
  height: 207px;
  background: url(../images/template/bg-portfolio1.png) center no-repeat;
  margin-bottom: 5px;
}

/* line 1087, ../sass/common.scss */
.portfolio-imgbox2 {
  width: 285px;
  height: 145px;
  background: url(../images/template/bg-portfolio2.png) center no-repeat;
  margin-bottom: 5px;
}

/* line 1093, ../sass/common.scss */
.portfolio-imgbox3 {
  width: 209px;
  height: 105px;
  background: url(../images/template/bg-portfolio3.png) center no-repeat;
  margin-bottom: 5px;
}

/* line 1099, ../sass/common.scss */
.portfolio-content1 {
  width: 440px;
  float: right;
  margin-left: 10px;
}

/* line 1104, ../sass/common.scss */
.zoom {
  background: url(../images/template/zoom.png) 50% 50% no-repeat;
}

/* line 1107, ../sass/common.scss */
.play {
  background: url(../images/template/play.png) 50% 50% no-repeat;
}

/* line 1110, ../sass/common.scss */
.random-portfolio {
  padding-top: 10px;
  border-top: 1px solid #eaeaea;
  margin: 30px 0;
}

/* line 1115, ../sass/common.scss */
#filter {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  font: normal 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 10px 0;
  border-bottom: 1px solid lightgrey;
}

/* line 1122, ../sass/common.scss */
#filter ul {
  margin: 10px 10px 25px 10px;
  padding: 0;
}

/* line 1126, ../sass/common.scss */
#filter li {
  display: inline;
  color: #a1a2a2;
  font-weight: bold;
  margin-right: 5px;
}

/* line 1131, ../sass/common.scss */
#filter li a {
  margin-right: 2px;
  padding: 5px 8px;
  border: 1px solid #dadada;
  color: #a1a2a2;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/* line 1153, ../sass/common.scss */
.postbox {
  width: 510px;
  float: left;
  margin-left: 10px;
}

/* line 1154, ../sass/common.scss */
.postbox h3 {
  margin-bottom: 10px;
}

/* line 1160, ../sass/common.scss */
.postbox p {
  margin-bottom: 5px;
}

/* line 1164, ../sass/common.scss */
.boximg-blog {
  margin-top: 5px;
  background: url(../images/template/bgboximg.png) center no-repeat;
  width: 97px;
  height: 99px;
  float: left;
  margin-right: 10px;
}

/* line 1172, ../sass/common.scss */
.metapost {
  border-top: 1px dotted #eeeeee;
  border-bottom: 1px dotted #eeeeee;
  margin: 10px 0;
  font-size: 11px;
  padding: 8px 5px;
  color: #707070;
  background: #fafafa;
}

/* line 1180, ../sass/common.scss */
.metapost span {
  margin: 0 10px;
}

/* line 1182, ../sass/common.scss */
.metapost span.first {
  margin-left: 0;
}

/* line 1187, ../sass/common.scss */
#authorbox {
  background: #fafafa;
  border: 1px dotted #eeeeee;
  padding: 10px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 1193, ../sass/common.scss */
#authorbox h4 {
  vertical-align: top;
  margin-bottom: 5px;
}

/* line 1197, ../sass/common.scss */
#authorbox .blockavatar {
  width: 80px;
  float: left;
  margin-top: 8px;
  margin-right: 10px;
}

/* line 1203, ../sass/common.scss */
#authorbox img {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
}

/* line 1208, ../sass/common.scss */
#authorbox .detail {
  float: left;
  width: 480px;
}

/* line 1211, ../sass/common.scss */
#authorbox .detail p {
  margin-bottom: 0;
}

/* line 1216, ../sass/common.scss */
#listcomment {
  padding: 0;
  margin: 0 0 20px 0;
}

/* line 1219, ../sass/common.scss */
#listcomment li {
  display: block;
  padding: 11px 0;
  margin: 0;
  background: none;
  border-bottom: 1px solid #eeeeee;
}

/* line 1225, ../sass/common.scss */
#listcomment li p {
  font-size: 12px;
  padding: 10px 0 0 0;
  margin-bottom: 0;
}

/* line 1232, ../sass/common.scss */
.titlecomment {
  width: 673px;
}

/* line 1234, ../sass/common.scss */
.titlecomment img {
  float: left;
  padding: 3px;
  border: 1px solid #d9d9d9;
  margin: 0 10px 0 0;
}

/* line 1240, ../sass/common.scss */
.titlecomment h4 {
  color: #333333;
  padding: 7px 0 0 0;
  margin: 0;
}

/* line 1246, ../sass/common.scss */
.datecomment {
  font-size: 11px;
  color: #858585;
}

/* line 1250, ../sass/common.scss */
.leftcomment {
  width: 285px;
  float: left;
}

/* line 1254, ../sass/common.scss */
.comment-input {
  color: #666666;
  padding: 7px;
  display: block;
  text-align: left;
  height: 19px;
  width: 250px;
  border: 1px solid #eaeaea;
  margin-bottom: 12px;
}

/* line 1264, ../sass/common.scss */
.comment-textarea {
  color: #666666;
  padding: 7px;
  display: block;
  text-align: left;
  height: 160px;
  width: 307px;
  border: 1px solid #eaeaea;
  margin-bottom: 10px;
}

/* line 1274, ../sass/common.scss */
.comment-submit {
  display: block;
  float: right;
  margin-right: 22px;
  background: url(../images/template/comment-submit.png) no-repeat;
  color: #d4d4d4;
  border: none;
  width: 106px;
  height: 32px;
  padding: 3px 5px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
}

/* line 1288, ../sass/common.scss */
.comment-heading {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}

/* line 1292, ../sass/common.scss */
.pagination {
  clear: both;
  padding: 20px 0;
  width: 80%;
  margin: 0 auto;
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
  overflow: hidden;
}

/* line 1306, ../sass/common.scss */
.pagination a:hover {
  color: white;
  background: #007ba8;
}

/* line 1315, ../sass/common.scss */
.pagination li.active a {
  color: #888;
}

/* line 1323, ../sass/common.scss */
#testilist {
  margin: 10px 0;
}

/* line 1325, ../sass/common.scss */
#testilist li {
  margin-bottom: 20px;
  border-bottom: 1px dotted #eaeaea;
}

/* line 1330, ../sass/common.scss */
#conctactleft {
  border-right: 1px dotted #eaeaea;
  width: 420px;
  float: left;
  padding-right: 25px;
}

/* line 1336, ../sass/common.scss */
#maincontactform {
  margin: 20px 0;
}

/* line 1338, ../sass/common.scss */
#maincontactform label {
  font-size: 12px;
  color: #5a5a5a;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  clear: both;
}

/* line 1347, ../sass/common.scss */
.textfield {
  margin-bottom: 10px;
  padding: 5px;
  color: #666666;
  width: 400px;
  height: 22px;
  border: 1px solid #eaeaea;
  clear: both;
  float: left;
}

/* line 1357, ../sass/common.scss */
.textarea {
  padding: 5px;
  color: #666666;
  width: 400px;
  height: 150px;
  border: 1px solid #eaeaea;
  clear: both;
  float: left;
}

/* line 1366, ../sass/common.scss */
.require {
  display: inline;
  float: left;
  color: red;
  font-weight: bold;
  margin-left: 2px;
  font-size: 10px;
}

/* line 1374, ../sass/common.scss */
.loading {
  margin-top: 15px;
  background: url(../images/template/loading.gif) top left no-repeat;
  padding-left: 32px;
  font-size: 12px;
  color: #8f8f8f;
  margin-left: 10px;
  float: left;
  padding-bottom: 15px;
}

/* line 1384, ../sass/common.scss */
#contactright {
  width: 430px;
  float: left;
  margin-left: 20px;
}

/* line 1389, ../sass/common.scss */
.contactinfo {
  margin-top: 20px;
}

/* line 1391, ../sass/common.scss */
.contactinfo li {
  clear: both;
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  color: #666666;
  font-size: 12px;
  line-height: 18px;
}

/* line 1401, ../sass/common.scss */
#map {
  width: 424px;
  height: 246px;
}

/* line 1405, ../sass/common.scss */
.gmap_marker {
  font-size: 12px;
  line-height: 18px;
}

/* line 1409, ../sass/common.scss */
.toggle_wrapper {
  margin-bottom: 30px;
}

/* line 1412, ../sass/common.scss */
.toggle {
  margin-bottom: 5px;
}

/* line 1415, ../sass/common.scss */
.toggle_title {
  margin: 0;
  line-height: 18px;
  background: url(../images/template/help.png) right no-repeat;
  cursor: pointer;
  border-bottom: 1px solid #e4e4e4;
  padding: 1px 0 9px 0;
  clear: both;
  color: #007ba8;
}

/* line 1425, ../sass/common.scss */
.toggle_active {
  background: url(../images/template/yes.png) right no-repeat;
}

/* line 1428, ../sass/common.scss */
.toggle_content {
  display: none;
  border: 1px dotted #eaeaea;
  background-color: #eeeeee;
  margin: -5px 0 10px 0;
  padding: 11px 13px;
}

/* line 1438, ../sass/common.scss */
#sidebar .sidebarcontent .listSidebar ul li {
  font-size: 12px !important;
}

/* line 1443, ../sass/common.scss */
.sidebar {
  margin: 0 0 25px 0;
}

/* line 1446, ../sass/common.scss */
.sidebar p {
  margin-bottom: 5px;
}

/* line 1453, ../sass/common.scss */
.sidebar-left {
  margin: 0 0 25px 0;
}

/* line 1457, ../sass/common.scss */
.sidebartop {
  width: 241px;
  height: 11px;
  background: url(../images/template/sidebartop.png) top no-repeat;
}

/* line 1462, ../sass/common.scss */
.sidebarmain {
  width: 241px;
  background: url(../images/template/sidebarmain.png) center center repeat-y;
}

/* line 1466, ../sass/common.scss */
.sidebarbottom {
  width: 241px;
  height: 13px;
  background: url(../images/template/sidebarbottom.png) bottom no-repeat;
}

/* line 1471, ../sass/common.scss */
.sidebarcontent {
  padding: 5px 25px;
}

/* line 1473, ../sass/common.scss */
.sidebarcontent h4 {
  margin-bottom: 5px;
  text-align: center;
}

/* line 1478, ../sass/common.scss */
.sidebarheading {
  padding-bottom: 20px;
  background: url(../images/template/bgheading.png) bottom center no-repeat;
}

/* line 1482, ../sass/common.scss */
.nospace {
  margin-bottom: 0;
}

/* line 1485, ../sass/common.scss */
.button-more {
  background: url(../images/template/arrow_grey.png) left center no-repeat;
  padding-left: 22px;
  font-size: 11px;
}

/* line 1490, ../sass/common.scss */
.twitter_icon {
  position: relative;
  top: 8px;
  left: 0;
  margin-right: 5px;
}

/* line 1496, ../sass/common.scss */
#footer {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 20px;
}

/* line 1503, ../sass/common.scss */
.footerbox {
  float: left;
  margin-right: 20px;
  width: 210px;
}

/* line 1507, ../sass/common.scss */
.footerbox h4 {
  margin-bottom: 15px;
  color: white;
}

/* line 1511, ../sass/common.scss */
.footerbox a {
  color: white;
}

/* line 1513, ../sass/common.scss */
.footerbox a:hover {
  color: #dddddd;
}

/* line 1517, ../sass/common.scss */
.footerbox ul {
  margin: 0;
  padding: 0;
}

/* line 1520, ../sass/common.scss */
.footerbox ul li {
  margin: 8px 0;
  padding-bottom: 10px;
  color: white;
  font-size: 11px;
  border-bottom: 1px dotted #cacaca;
}

/* line 1527, ../sass/common.scss */
.footerbox ul.social-links {
  margin: 10px 0;
  padding: 0;
  display: block;
}

/* line 1531, ../sass/common.scss */
.footerbox ul.social-links li {
  border: none;
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
}

/* line 1536, ../sass/common.scss */
.footerbox ul.social-links li a {
  background: none;
  margin: 0;
  padding: 0;
}

/* line 1544, ../sass/common.scss */
.footerbox p {
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 5px;
  color: white;
}

/* line 1550, ../sass/common.scss */
.footerbox li a {
  color: white;
}

/* line 1554, ../sass/common.scss */
.footermenu {
  float: left;
  width: 400px;
  margin-left: 10px;
}

/* line 1558, ../sass/common.scss */
.footermenu ul li {
  display: inline;
  float: left;
  margin: 6px 6px 6px 10px;
}

/* line 1562, ../sass/common.scss */
.footermenu ul li a {
  color: #eaeaea;
  font-size: 11px;
  padding-right: 15px;
  border-right: 1px dotted #cacaca;
}

/* line 1567, ../sass/common.scss */
.footermenu ul li a:hover {
  color: white;
}

/* line 1573, ../sass/common.scss */
.copyright {
  width: 400px;
  display: block;
  text-align: right;
  float: right;
  margin-right: 15px;
}

/* line 1579, ../sass/common.scss */
.copyright p {
  margin: 5px 0;
  color: #eaeaea;
}

/* line 1582, ../sass/common.scss */
.copyright p a {
  color: white;
}

/* line 1587, ../sass/common.scss */
.titleMailingValidation {
  font-size: 14px;
  color: #4f8c00;
  text-align: center;
}

/* line 1593, ../sass/common.scss */
.infosMailingValid p {
  margin-left: 130px;
}

/* line 1596, ../sass/common.scss */
.infosMailingValid img.miniThumbMailing {
  float: left;
  margin: 10px 10px 10px 0;
}

/* line 1601, ../sass/common.scss */
#loginArea {
  text-align: right;
  color: white;
  padding: 2px 20px 2px 0;
  font-size: 12px;
}

/* line 1606, ../sass/common.scss */
#loginArea img {
  vertical-align: middle;
}

/* line 1609, ../sass/common.scss */
#loginArea a {
  color: #eeeeee;
}

/* line 1613, ../sass/common.scss */
.itemConfigMailing {
  margin-bottom: 10px;
  padding: 10px;
}

/* line 1616, ../sass/common.scss */
.itemConfigMailing tr td {
  padding: 10px 0;
}

/* line 1619, ../sass/common.scss */
.itemConfigMailing ul li {
  padding: 6px 0;
}

/* line 1621, ../sass/common.scss */
.itemConfigMailing ul li label {
  width: 170px;
  display: inline-block;
}

/* line 1633, ../sass/common.scss */
.extendmain {
  width: 800px;
}

/* line 1637, ../sass/common.scss */
#biblio_explorer #contentexplorer {
  background: none repeat scroll 0 0 white;
  float: none;
  height: auto;
  width: auto;
  overflow: auto;
}

/* line 1644, ../sass/common.scss */
#biblio_explorer #filetree {
  height: 520px;
}

/* line 1648, ../sass/common.scss */
.imageChoice {
  display: block;
  line-height: 100px;
}

/* line 1651, ../sass/common.scss */
.imageChoice.wide {
  width: 100px;
}

/* line 1654, ../sass/common.scss */
.imageChoice.tall {
  height: 100px;
}

/* line 1659, ../sass/common.scss */
#mailing_models input[type='button'] {
  padding: 2px;
}

/* line 1662, ../sass/common.scss */
#mailing_models input[type='submit'] {
  padding: 2px;
}

/* line 1667, ../sass/common.scss */
* html .clearfix {
  height: 1%;
}

/* line 1671, ../sass/common.scss */
.title h4 {
  padding-bottom: 10px;
  background: url(../images/template/products-divider.png) bottom repeat-x;
  color: white;
}

/* line 1676, ../sass/common.scss */
#commentform label {
  font-size: 12px;
  display: block;
  text-align: left;
  color: #666666;
  margin-bottom: 10px;
}

/* line 1687, ../sass/common.scss */
#menuEspacePerso li {
  float: left;
  width: 295px;
  height: 140px;
  padding: 10px;
}

/* line 1692, ../sass/common.scss */
#menuEspacePerso li img {
  float: left;
  margin: 0 10px 10px 0;
}

/* line 1696, ../sass/common.scss */
#menuEspacePerso li p {
  margin-left: 60px;
}

/* line 1700, ../sass/common.scss */
#menu_small li {
  height: 48px;
  line-height: 48px;
  margin-bottom: 4px;
}

/* line 1704, ../sass/common.scss */
#menu_small li a {
  font-size: 12px;
}

/* line 1706, ../sass/common.scss */
#menu_small li a:hover {
  color: #4f8c00;
}

/* line 1709, ../sass/common.scss */
#menu_small li a img {
  vertical-align: middle;
  margin-right: 10px;
}

/* line 1715, ../sass/common.scss */
.lstMailings li {
  float: left;
}

/* line 1718, ../sass/common.scss */
.listSidebar li {
  padding: 10px 2px;
}

/* line 1720, ../sass/common.scss */
.listSidebar li strong {
  color: #4f8c00;
}

/* line 1725, ../sass/common.scss */
#menu_right {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  width: 240px;
  padding-bottom: 20px;
  float: right;
  margin: 25px 30px 0 0;
}

/* line 1733, ../sass/common.scss */
#menu_right h4 {
  text-align: center;
  width: 70%;
  margin: 10px auto 20px auto;
  padding: 8px;
  box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.2);
  font-size: 16px;
}

/* line 1742, ../sass/common.scss */
#menu_right ul {
  width: 80%;
  margin: auto;
}

/* line 1746, ../sass/common.scss */
#menu_right ul li {
  font-size: 0.8em;
  margin-bottom: 4px;
  height: 48px;
  line-height: 48px;
}

/* line 1751, ../sass/common.scss */
#menu_right ul li img {
  vertical-align: middle;
  margin-right: 10px;
}

/* line 1755, ../sass/common.scss */
#menu_right ul li a:hover {
  color: #4f8c00;
}

/* line 1764, ../sass/common.scss */
#mailing_name {
  line-height: 18px;
  height: 20px;
}

/* line 1770, ../sass/common.scss */
.select2-result-label {
  font-size: 0.8em;
}

/* line 1775, ../sass/common.scss */
.itemConfigMailing label {
  display: inline-block;
  width: 170px;
  vertical-align: top;
}

/* line 1780, ../sass/common.scss */
.itemConfigMailing .mailing_input {
  width: 350px;
}

#mailing_categorisation{
  margin-bottom: 20px;
}

#mailing_categorisation .mailing_input {
  width: 350px;
  margin-top: 5px;
  margin-left: 10px;
  text-align: left !important;
}

#validateMailing_indication {
  display: inline-block;
  width: 80px;
  text-align: right;
  vertical-align: middle;
}

#validateMailing_culture{
  display: inline-block;
  width: 80px;
  text-align: right;
  vertical-align: middle;
}

/* line 1785, ../sass/common.scss */
#mailing_form_mentions {
  width: 514px;
  padding: 8px;
  border-radius: 6px;
  border: 1px dashed #007ba8;
}

/* line 1792, ../sass/common.scss */
[type="submit"] {
  background: url("../images/old/template/paging.jpg") repeat-x scroll 0 0 transparent;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 0 4px #AAAAAA;
  color: #666666;
  padding: 4px 10px;
}

/* line 1800, ../sass/common.scss */
.hide_radio {
  position: absolute;
  left: -9999px;
}

/* line 1805, ../sass/common.scss */
label.fake_radio {
  padding: 10px;
  margin: 6px;
  display: inline-block;
  background-color: #FFF8EF;
  border-radius: 6px;
}

/* line 1811, ../sass/common.scss */
label.fake_radio:hover {
  cursor: pointer;
  background-color: #FFA42F;
}

/* line 1815, ../sass/common.scss */
label.fake_radio.checked {
  background-color: #FFA42F;
}

/* line 1821, ../sass/common.scss */
#mailing_form_format div {
  display: inline-block;
  margin: 10px 25px;
}

/* line 1827, ../sass/common.scss */
#mailing_form_mentions {
  vertical-align: top;
  position: relative;
}

/* line 1831, ../sass/common.scss */
#mailing_form_mentions :not(h4) {
  text-align: center;
}

/* line 1834, ../sass/common.scss */
#mailing_form_mentions label:hover {
  cursor: pointer;
}

/* line 1837, ../sass/common.scss */
#mailing_form_mentions div.form_mentions {
  display: inline-block;
  width: 169px;
  vertical-align: top;
}

/* line 1842, ../sass/common.scss */
#mailing_form_mentions div.form_mentions>div {
  display: none;
  margin-top: 15px;
}

/* line 1847, ../sass/common.scss */
#mailing_form_mentions div.form_mentions .select2-input {
  width: 140px !important;
  margin-top: 5px;
  text-align: left !important;
}

/* line 1854, ../sass/common.scss */
#mailing_form_mentions #legal_protection_info_icon:hover+#legal_protection_tooltip {
  display: block;
}

/* line 1858, ../sass/common.scss */
#mailing_form_mentions #legal_protection_tooltip {
  display: none;
  position: absolute;
  left: 275px;
  top: 0px;
  padding: 8px;
  color: white;
  background-color: black;
  text-align: left;
}

/* line 1871, ../sass/common.scss */
ul#menuLanding li {
  vertical-align: top;
  display: inline-block;
  width: 295px;
  height: 140px;
  padding: 8px;
}

/* line 1877, ../sass/common.scss */
ul#menuLanding li>a {
  vertical-align: top;
  position: absolute;
}

/* line 1881, ../sass/common.scss */
ul#menuLanding li h3 {
  margin-left: 60px;
  vertical-align: top;
  display: inline-block;
}

/* line 1889, ../sass/common.scss */
ul#menuLanding li p {
  margin-left: 60px;
}

/* line 1896, ../sass/common.scss */
#my_mailings {
  padding: 0;
  margin: 0;
  clear: both;
}

/* line 1901, ../sass/common.scss */
#my_mailings>li {
  list-style: none;
  margin: 4px;
  padding: 5px;
  float: none;
  min-height: 152px;
  background: #fff;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #e9e9e9;
  color: #666666;
}

/* line 1913, ../sass/common.scss */
#my_mailings>li>div {
  vertical-align: top;
  padding: 8px;
  display: inline-block;
  width: 29%;
}

/* line 1919, ../sass/common.scss */
#my_mailings>li>div.mailing_overview {
  line-height: 20px;
}

/* line 1922, ../sass/common.scss */
#my_mailings>li>div.mailing_overview h4,
#my_mailings>li>div.mailing_overview h4 a {
  color: #4f8c00;
  font-weight: bold;
  font-style: 0.8em;
}

/* line 1929, ../sass/common.scss */
#my_mailings>li>div.actions {
  padding-left: 15px;
  text-align: left;
  line-height: 25px;
  width: 30%;
}

/* line 1935, ../sass/common.scss */
#my_mailings>li>div.actions li img,
#my_mailings>li>div.actions li a {
  vertical-align: middle;
}

/* line 1945, ../sass/common.scss */
img.mailing_preview {
  border: 1px solid #ddd;
  box-shadow: 3px 3px 3px #888;
}

/* line 1952, ../sass/common.scss */
#my_mailing_search label {
  display: inline-block;
  width: 80px;
  text-align: right;
  vertical-align: middle;
}

/* line 1958, ../sass/common.scss */
#my_mailing_search label:hover {
  cursor: pointer;
}

/* line 1963, ../sass/common.scss */
#my_mailing_search select,
#my_mailing_search input {
  margin-left: 10px;
}

/* line 1967, ../sass/common.scss */
#my_mailing_search .select2-container {
  width: 140px !important;
  margin-top: 5px;
  margin-left: 10px;
  text-align: left !important;
}

/* line 1975, ../sass/common.scss */
#search_results {
  text-align: center;
}

/* line 1978, ../sass/common.scss */
#search_results .sr-only {
  display: none;
}

/* line 1982, ../sass/common.scss */
#search_results .pagination {
  display: inline-block;
  text-align: center;
}

/* line 1988, ../sass/common.scss */
#mailing_details {
  line-height: 18px;
  font-size: 1.1em;
}

/* line 1992, ../sass/common.scss */
#mailing_details strong {
  display: inline-block;
  width: 150px;
}

/* line 1997, ../sass/common.scss */
#mailing_details #preview {
  display: inline-block;
  margin-right: 25px;
  vertical-align: top;
}

/* line 2002, ../sass/common.scss */
#mailing_details #preview img {
  vertical-align: middle;
}

/* line 2007, ../sass/common.scss */
#mailing_details #details {
  display: inline-block;
  margin-bottom: 25px;
}

/* line 2014, ../sass/common.scss */
#drag-drop-area {
  border: 4px dashed #DDD;
  height: 300px;
  text-align: center;
}

/* line 2019, ../sass/common.scss */
#drag-drop-area:hover {
  cursor: pointer;
}

/* line 2023, ../sass/common.scss */
#drag-drop-area.highlight {
  border-color: #83b4d8;
  background: #eee;
}

/* line 2028, ../sass/common.scss */
#drag-drop-area.drag-over {
  border-color: #44619a;
  background: #ddd;
}

/* line 2033, ../sass/common.scss */
#drag-drop-area .drag-drop-inside {
  margin: 70px auto 0;
  width: 300px;
}

/* line 2036, ../sass/common.scss */
#drag-drop-area .drag-drop-inside p {
  display: block;
}

/* line 2040, ../sass/common.scss */
#drag-drop-area .drag-drop-info {
  font-size: 20px;
}

/* line 2043, ../sass/common.scss */
#drag-drop-area button[type="submit"] {
  width: 100%;
  margin-top: 20px;
}

/* line 2049, ../sass/common.scss */
#mailingInfo {
  border: 1px solid #e3e3e3;
  background-color: #eee;
  padding: 12px 12px 0 12px;
}

/* line 2054, ../sass/common.scss */
#mailingInfo p {
  margin-bottom: 12px;
  color: #666;
  font-size: 12px;
  line-height: 21px;
}

/* line 2060, ../sass/common.scss */
#mailingInfo p strong.mailing_name {
  color: #2c538f;
  font-weight: bold;
  font-size: 1.1em;
}

/* line 2068, ../sass/common.scss */
#samestatus {
  text-align: center;
}

/* line 2071, ../sass/common.scss */
#samestatus p {
  font-size: 1.5em;
  padding: 20px 0 0 0;
  text-align: left;
}

/* line 2077, ../sass/common.scss */
#samestatus hr {
  border: 2px dashed #ddd;
}

/* line 2083, ../sass/common.scss */
a.big-button,
a.small-button {
  display: block;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  font-size: 1.5em;
  font-weight: normal;
  text-align: left;
  padding: 5px 0 5px 10px;
  color: #5e5e5e;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  background-color: whiteSmoke;
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #CCC;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #E6E6E6 #E6E6E6 #BFBFBF;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* line 2117, ../sass/common.scss */
a.big-button img,
a.small-button img {
  padding: 5px;
  vertical-align: middle;
}

/* line 2123, ../sass/common.scss */
a.small-button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 47%;
  margin: 0 2px;
  font-size: 1.3em;
}

/* line 2134, ../sass/common.scss */
#mailing_submit_options label {
  display: inline-block;
  width: 178px;
}

/* line 2139, ../sass/common.scss */
#mailing_submit_options p {
  margin-top: 25px;
  text-align: center;
}

/* line 2145, ../sass/common.scss */
.form_error {
  color: #333333;
  display: block;
  font-size: 12px;
  padding: 8px;
  background-color: #f2dede;
  border: 1px solid #f88;
}

/* line 2155, ../sass/common.scss */
#library {
  width: 100%;
  border: 1px solid #888;
  padding: 10px;
  background-color: #eee;
  box-shadow: 3px 3px 3px #aaa;
}

/* line 2163, ../sass/common.scss */
#library #search input {
  width: 552px;
}

/* line 2168, ../sass/common.scss */
#library #aside-left {
  display: inline-block;
  width: 220px;
  vertical-align: top;
}

/* line 2172, ../sass/common.scss */
#library #aside-left #filetree {
  margin-top: 10px;
  padding-top: 3px;
  display: inline-block;
  width: 220px;
  height: 500px;
  border: 1px solid #888;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  box-shadow: inset 2px 2px 2px #aaa;
  font-size: 12px;
  /* IE8 fixes */
  /* IE8 fixes */
}

/* line 2185, ../sass/common.scss */
#library #aside-left #filetree .jstree-themeicon-custom {
  background-size: 16px !important;
}

/* line 2190, ../sass/common.scss */
#library #aside-left #filetree .jstree-node {
  line-height: 24px !important;
  vertical-align: top;
}

/* line 2196, ../sass/common.scss */
#library #aside-left #filetree .jstree-icon {
  position: relative;
  display: inline-block;
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  vertical-align: bottom;
  overflow: hidden;
}

/* line 2207, ../sass/common.scss */
#library #aside-left #filetree li[data-class="hide-node-icon"] a i {
  display: none;
}

/* line 2213, ../sass/common.scss */
#library #gallery {
  margin-top: 10px;
  margin-left: 10px;
  padding-top: 3px;
  display: inline-block;
  width: 390px;
  height: 500px;
  border: 1px solid #888;
  overflow-x: auto;
  overflow-y: scroll;
  background-color: #fff;
  box-shadow: inset 2px 2px 2px #aaa;
  position: relative;
}

/* line 2227, ../sass/common.scss */
#library #gallery #loadinglayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 373px;
  height: 503px;
  background-color: #aaa;
  opacity: 0.7;
  text-align: center;
}

/* line 2237, ../sass/common.scss */
#library #gallery #loadinglayer img {
  height: 128px;
  width: 128px;
  position: relative;
  top: 175px;
}

/* line 2245, ../sass/common.scss */
#library #gallery #images-list {
  padding: 0;
  padding-left: 3px;
}

/* line 2249, ../sass/common.scss */
#library #gallery #images-list li {
  vertical-align: top;
  display: inline-block;
  width: 150px !important;
  min-height: 160px;
  padding: 4px !important;
  margin: 5px !important;
  text-align: center;
  font-size: 12px;
  box-sizing: content-box;
  overflow: hidden;
  word-wrap: break-word;
}

/* line 2262, ../sass/common.scss */
#library #gallery #images-list li.add_image_button {
  background-color: #dff0d8;
}

/* line 2265, ../sass/common.scss */
#library #gallery #images-list li.add_image_button label {
  color: green;
  display: block;
  height: 100%;
  width: 100%;
}

/* line 2271, ../sass/common.scss */
#library #gallery #images-list li.add_image_button label:hover {
  cursor: pointer;
}

/* line 2275, ../sass/common.scss */
#library #gallery #images-list li.add_image_button label span {
  position: relative;
  top: 50px;
}

/* line 2279, ../sass/common.scss */
#library #gallery #images-list li.add_image_button label span:first-child {
  font-size: 2em;
  padding: 4px 10px;
  border: 2px solid green;
  transition-duration: .2s;
  border-radius: 24px;
}

/* line 2290, ../sass/common.scss */
#library #gallery #images-list li.add_image_button:hover span {
  color: green;
}

/* line 2293, ../sass/common.scss */
#library #gallery #images-list li.add_image_button:hover span:first-child {
  color: white;
  background-color: green;
}

/* line 2301, ../sass/common.scss */
#library #gallery #images-list li span.preview_image {
  display: inline-block;
  line-height: 100px;
  height: 100px;
  width: 100px;
  margin-bottom: 10px;
  text-align: center;
}

/* line 2309, ../sass/common.scss */
#library #gallery #images-list li span.preview_image:hover {
  cursor: pointer;
}

/* line 2314, ../sass/common.scss */
#library #gallery #images-list li:hover {
  outline: 1px solid #888;
}

/* line 2318, ../sass/common.scss */
#library #gallery #images-list li img {
  max-width: 100px;
  max-height: 100px;
  vertical-align: middle !important;
}

/* line 2327, ../sass/common.scss */
.hidden {
  display: none !important;
}