p {margin-bottom:1em;}
* {	margin:0;padding:0;border:0;font-size:100%;}


a {color:#002b6d;}
a:hover, a:focus, a:active {color:#e56220;outline:none;}


@font-face {
	font-family: "FS Me";
    src: url("../fonts/fsme.eot");
    src: url("../fonts/fsme.eot?#iefix") format("embedded-opentype"),
         url("../fonts/fsme.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FS Me";
    src: url("../fonts/fsme_bold.eot");
    src: url("../fonts/fsme_bold.eot?#iefix") format("embedded-opentype"),
         url("../fonts/fsme_bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "FS Me";
    src: url("../fonts/fsme_italic.eot");
    src: url("../fonts/fsme_italic.eot?#iefix") format("embedded-opentype"),
         url("../fonts/fsme_italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "FS Me";
    src: url("../fonts/fsme_bolditalic.eot");
    src: url("../2014/fonts/fsme_bolditalic.eot?#iefix") format("embedded-opentype"),
         url("../fonts/fsme_bolditalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
}



body {font-size: 16px;font-family:'FS Me', arial, sans-serif;color:#424242;background-color:#DFF3FD;}


h1 {color:#002b6d;font-size: 36px;margin: 20px 0;font-weight:400;}
h1.h1large {font-size: 42px;}
h2 {color:#5e7da2;font-size:28px;margin-bottom:20px;font-weight:400;}
@media (min-width: 601px){h2 {font-size:32px;}}

.txtgreylarge {color:#7c7b7b;font-size: 18px;margin: 10px 0 1.5em 0;font-weight:normal;}
@media (max-width: 900px) and (min-width: 600px){.txtgreylarge{font-size:20px;;margin: 20px 0 10px 0 }}
@media (min-width: 901px){.txtgreylarge{font-size:22px;;margin: 20px 0 10px 0 }}

.txtblue {color:#00aeef}
.txtorange {color:#ee7c32}
.txtgrey {color:#7c7b7b}
.txtred {color:#bf1e2e}

.txtxlarge {font-size:30px; }
@media (max-width: 900px) and (min-width: 600px){.txtxlarge {font-size:40px; }}
@media (min-width: 901px){.txtxlarge {font-size:48px; }}

.txtlarge {font-size:18px; line-height: 1.5em}
@media (max-width: 900px) and (min-width: 600px){.txtlarge {font-size:24px; line-height: 1.5em}}
@media (min-width: 901px){.txtlarge {font-size:28px; line-height: 1.5em}}

.txtmedium {font-size:18px; line-height: 1.5em}
@media (max-width: 900px) and (min-width: 600px){.txtmedium {font-size:20px; line-height: 1.5em}}
@media (min-width: 901px){.txtmedium {font-size:22px; line-height: 1.5em}}

.txtnormal {font-size:16px;line-height:1em}


.corners {border-radius: 8px;}

.border{border:1px solid #ccc!important}
.borderred  {border:4px solid #bf1e2e;}
.bordergrey  {border:4px solid #ccc;}

.noline {text-decoration: none;}

.boxgreyproduct {background-color: #e6e6e6;padding: 30px;border-radius: 10px;margin: 20px 0 30px 0;overflow:auto;}
.boxred {border-radius: 10px;background-color: #bf1e2e; padding:15px; color:#FFF; overflow:auto;}
.boxredoutline {border-radius: 10px;border:5px solid #bf1e2e; padding:15px; overflow:auto;}
.boxgreyoutline {border-radius: 10px;border:5px solid #e6e6e6; padding:15px; overflow:auto;}
.boxorngoutline {border-radius: 10px;border:5px solid #e56220; padding:15px; overflow:auto;}
.boxgrey {border-radius: 10px;background-color: #e6e6e6; padding:15px;overflow:auto; }

.boxred a {color:#fff}.boxred a:hover {text-decoration: none}

.bkgndgrey {background-color: #e6e6e6; }

.outlinegrey {border: 4px solid #e6e6e6;overflow:auto;}

.relative {position: relative;}
.buttonbox {float:none;text-align:center; width:100%;padding:10px 0;}
@media (min-width:601px){.buttonbox {float:right;text-align:right; position:absolute; top:0;}}
a.buttontopred, a.buttontoporng { text-align:centre;margin-left:12px;color:#FFF;text-decoration:none;padding:10px;border-radius: 8px;font-size:18px; }
a.buttontopred {background-color:#900;}
a.buttontoporng {background-color:#e56220;}
a.buttontopred:hover, a.buttontoporng:hover {color:#FFF;background-color:#002b6d}

.film1 {border-top:5px solid #2F2F2F;border-bottom:5px solid #2F2F2F;}
.film2 {border-top:7px dashed #2F2F2F;border-bottom:7px dashed #2F2F2F;}

.shadowwht {box-shadow:2px 2px 5px #888; margin:2px 5px 5px 2px; border:1px solid #ccc;}
.shadow {box-shadow:2px 2px 5px #888; margin:2px 5px 5px 2px;}
.add img { box-shadow:2px 2px 2px #888;border-radius:10px}
.addimg img { box-shadow:2px 2px 2px #888; border-radius:10px}

#tabs {border: 1px solid #aaa;border-radius: 10px; background:#002b6d }
#tabsodr {border: 1px solid #aaa;border-radius: 10px; background:#999 }
@media (max-width: 45em) {#tabs, #tabsodr {padding:0;border-radius:0;border-bottom:0;}}
#tabs label, #tabsodr label {background: #E5E5E5;border-top-left-radius:8px;border-top-right-radius:8px;margin-top:6px;margin-left:6px;border-bottom: 1px solid #aaa;color:#002b6d; font-size: 20px}
#tabs label {font-size: 20px}
#tabsodr label {width:20.3%; text-align: center;font-size: 20px}
@media (max-width: 900px)and (min-width: 45em) {#tabsodr label {width:19%; text-align: center;font-size: 17.5px}}
@media (max-width: 45em) {#tabsodr label {width:100%; text-align: left;font-size: 20px}}
#tabsodr label img {margin-bottom:0.25em;}
@media (max-width: 45em) {#tabsodr label img, #tabsodr label br{display:none;}}
@media (max-width: 45em) {#tabsodr label br{visibility: hidden; height:0 }}
@media (max-width: 45em) {#tabs label, #tabsodr label{margin:0;border-radius:0; background-image: url(../images/icons/plus.png); background-repeat:no-repeat; background-position: right}}
#tabs label:hover, #tabsodr label:hover {background: #C4C4C4;}
@media (max-width: 45em) {#tabs label:hover, #tabsodr label:hover {background-image: url(../images/icons/plus.png); background-repeat:no-repeat; background-position: right}}
#tabs .tab, #tabsodr .tab  {border-bottom-left-radius:8px;border-bottom-right-radius:8px; }
@media (max-width: 45em) {#tabs .tab, #tabsodr .tab {border-radius:0; border-bottom:1px solid #aaa}}


hr.grey {width:100%;color:#e6e6e6;	background-color:#e6e6e6;height:1px;margin:5px 0 10px 0;clear:both;
}

.tablelines th, .tablelines td {  text-align:left; padding:0.5em}
.tablelines td {border-bottom:1px solid #666}
.tablelines th { border-bottom:1px solid #666; background-color:#F3F3F3;  font-weight:700; }


.wctable2 td { border-bottom:1px solid #e7e7e7; padding:6px;}
.wctable2 th { text-align: left; padding:6px; background: #5e7da2; color:#fff;}
.w90 {width:130px;}

.boxsmile {background:#FEF5EB; border:2px solid #FAD4A9; padding:8%;}
.smile {width:100%; max-width:100px;}
@media (max-width: 900px) and (min-width: 601px){.smile {width:100%; max-width:150px;}}
@media (min-width:901px){.smile {width:100%; max-width:200px;}}