/* - - main element definitions - - */
body {
   /*background-image: url(/export/system/modules/ch.securicard.frontend/resources/bgd_page.gif);*/
   background-repeat: repeat-x;
   /*background-color: #CDD4DF;*/
   text-align: left;
   /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}



br.clearer, br.spaceclearer {
   clear: both;
   font-size: 0;
   line-height: 0;
   height: 0;
}
br.spaceclearer {
   height: 180px;
}
/* - - - */


/* - - basic division definitions - - */
#headerarea, #contentarea, #footerarea {

   width: 800px;

}
div#contentarea {
   background-color: #FFFFFF;
}
#footerarea {
   height: 86px;
   background-image: url(/export/system/modules/ch.securicard.frontend/resources/bgd_footer.gif);
   background-repeat: repeat-x;
   padding-top: 50px;
}
/* - - - */


/* - - h e a d e r a r e a :  division & element defintions - - */
#headerarea, #hdr_left, #hdr_right {
   height: 209px;
}
#hdr_left {
   float: left;
   width: 273px;
   background-color: #FFFFFF;
}
#hdr_right {
   float: right;
   width: 527px;
   background-color: #062A5E;
   background-image: url(/export/system/modules/ch.securicard.frontend/resources/nav_leftcorner.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
}
/* header's left column */
p#courtesy {
   font-size: 11px;
   color: #062A5E;
   padding-top: 11px;
   padding-left: 19px;
}
p#courtesy span {
   font-weight: bold;
}
p#courtesy a {
   color: #062a5e;
   background-color: transparent;
   background-image: none;
}
p#courtesy a:hover {
   color: #FFFFFF;
   background-color: #062A5E;
}
/* header's right column */
p#logo {
   float: left;
   padding-left: 29px;
   padding-top: 30px;
}
p#language {
   float: right;
   font-size: 11px;
   color: #FFFFFF;
   text-align: right;
   padding-top: 30px;
   padding-right: 20px;
}
p#language span {
   font-weight: bold;
}
p#language a {
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
}
p#language a:hover {
   color: #062A5E;
   background-color: #FFFFFF;
}
#menu {
   clear: both;
   text-align: left;
   padding-top: 105px;
   padding-left: 13px;
}
#menu p a {
   background-color: transparent;
   background-image: none;
}
#menu p a img {
   padding: 0 7px 0 7px;
}
/* - - - */


/* - - c o n t e n t :  division & element defintions - - */
div#content {
   padding: 17px 40px 0px 40px;
}
/* movie on home */
#movie {
   font-size: 0;
}
/* navigation */
#navigap {
   height: 51px;
}
#navi {
   height: 51px;
}
#navi p {
   float: left;
   height: 41px;
   padding: 4px 12px 0 12px;
   margin-right: 2px;
   background-image: url(/export/system/modules/ch.securicard.frontend/resources/bgd_navigation.gif);
   background-position: 0 0;
   background-repeat: no-repeat;
}
#navi p.selected {
   background-position: -400px 0;
}
#navi a {
   color: #ffffff;
   background-color: transparent;
   background-image: none;
}
#navi p.selected a {
   color: #FFFFFF;
   background-image: none;
}
/* basic content element definitions */
.underline, .underline_small {
   height: 30px;
}
.headline {
   font-size: 22px;
   font-weight: bold;
   color: #062A5E;
   letter-spacing: -0.05em;
   line-height: 115%;
   margin-bottom: 3px;
}
.caption {
   font-size: 15px;
   font-weight: bold;
   color: #071425;
   line-height: 120%;
   padding-bottom: 5px;
}
.subcaption {
   font-size: 13px;
   font-weight: bold;
   color: #071425;
   padding: 3px 0 5px 0;
}
.title {
   font-weight: bold;
   padding-top: 3px;
   padding-bottom: 5px;
}
.text, .textbold, .hometext {
   padding-top: 3px;
   padding-bottom: 5px;
}
.textbold {
   font-weight: bold;
}
.detaillink {
   font-weight: bold;
   padding-top: 8px;
   padding-bottom: 8px;
}
.pdf {
   font-weight: normal;
}
.figure a, .figure a:hover {
   background-color: transparent;
   background-image: none;
}
.pic {
   margin-top: 3px;
   margin-bottom: 17px;
}
ul {
   padding: 0px;
   list-style: none;
   margin-top: 5px;
   margin-bottom: 20px;
}
li {
   background-image: url(/export/system/modules/ch.securicard.frontend/resources/gfx_listdot.gif);
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding-top: 3px;
   padding-bottom: 5px;
   padding-left: 20px;
}
ul li.lhead {
   background-image: none;
   padding-bottom: 5px;
   padding-left: 0px;
}
.infobox {
   margin: 0;
   border: 1px solid #B0BAC9;
   background-color: #E1E5EB;
   background-image: url(/export/system/modules/ch.securicard.frontend/resources/bgd_infobox.gif);
   background-repeat: repeat-x;
   margin-top: 24px;
}
.infobox p {
   padding: 8px 10px 8px 10px;
   line-height: normal;
}
div.lay2col1 div.infobox {
   width: 168px;
}
/*
div.lay2col1 div.infobox p {
   font-size: 10px;
   letter-spacing: -0.1em;
   line-height: 150%;
   padding: 3px 2px 5px 5px;
}
*/
div.infobox p a {
   background-image: url(/export/system/modules/ch.securicard.frontend/resources/bgd_links_ongrey.gif);
}
div.infobox p a:hover {
   background-image: none;
}
/* 3 column layout */
.lay3col1, .lay3col2, .lay3col3 {
   float: left;

   width: 231px;		/* should be 232, but for ie5 mac it is 231 */

}
.lay3col3 {
   float: right;
}
.lay3col1 p,
.lay3col1 h1,
.lay3col1 h2,
.lay3col1 h3,
.lay3col1 h4,
.lay3col1 h5,
.lay3col1 h6 {
   padding-right: 12px;
}
.lay3col2 p,
.lay3col2 h1,
.lay3col2 h2,
.lay3col2 h3,
.lay3col2 h4,
.lay3col2 h5,
.lay3col2 h6 {
   padding-right: 6px;
   padding-left: 6px;
}
.lay3col3 p,
.lay3col3 h1,
.lay3col3 h2,
.lay3col3 h3,
.lay3col3 h4,
.lay3col3 h5,
.lay3col3 h6 {
   padding-left: 12px;
}
/* 2 column layout */
div.lay2col1 {
   float: left;
   width: 199px;		/* should be 200, but for ie5 mac it is 199 */
}
div.lay2col2 {
   float: right;

   width: 496px;

}
div.lay2col1 p,
div.lay2col1 h1,
div.lay2col1 h2,
div.lay2col1 h3,
div.lay2col1 h4,
div.lay2col1 h5,
div.lay2col1 h6 {
   padding-right: 30px;
}
/* table for 2. column in 2 column layout */
table.t496 {

   width: 496px;

   text-align: left;
   margin-top: 12px;
   margin-bottom: 24px;
}
table.t496 tr td.c1 {
   width: 180px;
}
table.t496 tr td.c2 {
   width: 60px;
}
table.t496 tr th {
   background-color: #B7C0CD;
}
table.t496 tr.tb_dark {
   background-color: #D4DAE2;
}
table.t496 tr.tb_bright {
   background-color: #EDF0F4;
}
table.t496 p {
   padding: 3px 10px 5px 10px;
}
table.t496 tr th p {
   padding-top: 7px;
   padding-bottom: 9px;
}
table.t496 .price {
   text-align: right;
}
/* - - - */


/* - - f o o t e r a r e a :  division & element defintions - - */
p#disclaimer {
   float: left;
   font-size: 11px;
   color: #062A5E;
   padding-top: 4px;
   padding-left: 19px;
}
p#disclaimer span {
   font-weight: bold;
}
p#disclaimer a {
   color: #062a5e;
   background-color: transparent;
   background-image: none;
}
p#disclaimer a:hover {
   color: #E3E7ED;
   background-color: #062A5E;
}
p#copyright {
   float: right;
   text-align: right;
}
p#copyright a {
   background-color: transparent;
   background-image: none;
}
/* - - - */


/* - - additions by alkacon - - */
div#fontsel p {
   float: right;
}
div#fontsel a {
   background-color: transparent;
   background-image: none;
}
.button {
   color: #FFF;
   background-color: #BFC8D5;
   border: none;
}
/* - - - */


.formCheckPreText,
.formPreText{ margin: 0 0 30px; }
.formbuttons input.ip_submit,
.formCheckTable .formButtons input{
   background: #E1E5EB url("/export/system/modules/ch.securicard.frontend/resources/bgd_infobox.gif") repeat-x scroll 0 0;
   border: 1px solid #B0BAC9;
   color: #062A5E;
   font-weight: bold;
   cursor: pointer;
}
.formbuttons input.ip_submit_submit,
.formCheckTable .formCheckButtonChecked input.ip_submit_checked{
   background: #ffffff url("/export/system/modules/ch.securicard.frontend/resources/bgd_links.gif") repeat-y scroll 0 0;
   color: #FF6800;
   border: 1px solid #FF6800;
}
.formCheckTable td{ padding: 5px 5px 5px 0; }
.formCheckTable td.col1{ padding-right: 30px; }
.formCheckTable tr.formButtons td{ padding-top: 30px; text-align: center; }

.formConfirmationTable td{ padding: 5px; border: none !important; vertical-align: top; }
.formConfirmationTable td.col1{ padding-right: 30px; }



body.securicardVideo div#contentarea{ width: auto; }
body.securicardVideo div#content{ padding: 20px; }

div.chSecuricardVideoVideo div.jp-video-play{ height: 100% !important; }
div.chSecuricardVideoVideo div.jp-video-play a.jp-video-play-icon,
div.chSecuricardVideoVideo div.jp-video-play:hover a.jp-video-play-icon{ background: transparent url("/export/system/modules/ch.securicard.frontend/resources/mediaplayer/play-64.png") scroll no-repeat center center; }

div.chSecuricardVideoVideo div.jp-video-loading{ display: block !important; background-color: #ffffff !important; }
div.chSecuricardVideoVideo div.jp-video-loading a.jp-video-play-icon,
div.chSecuricardVideoVideo div.jp-video-loading:hover a.jp-video-play-icon{ background: #ffffff url("/export/system/modules/ch.securicard.frontend/resources/mediaplayer/spinner-32.gif") scroll no-repeat center center; }

div.chSecuricardVideoVideo div.jp-gui div.jp-volume-bar-value,
div.chSecuricardVideoVideo div.jp-gui div.jp-play-bar{ margin: 0 0 0 0; }
div.chSecuricardVideoVideo div.jp-video,
div.chSecuricardVideoVideo div.jp-video div.jp-jplayer{ margin: 0 auto; }

div.chSecuricardVideoVideo div.jp-controls-holder li{ background-image: none; background-position: 0 0; background-repeat: no-repeat; padding-bottom: 0px; padding-left: 0px; padding-top: 0px; }

div.chSecuricardVideoVideo div.jp-video-360w { width: 360px; }
div.chSecuricardVideoVideo div.jp-video-360w div.jp-type-single a.jp-volume-max{ left: 94px; }
div.chSecuricardVideoVideo div.jp-video-360w div.jp-type-single a.jp-mute{ left: 10px; }
div.chSecuricardVideoVideo div.jp-video-360w div.jp-type-single a.jp-unmute{ left: 10px; }
div.chSecuricardVideoVideo div.jp-video-360w div.jp-type-single div.jp-volume-bar{ left: 32px; }
div.chSecuricardVideoVideo div.jp-video-360w div.jp-type-single ul.jp-controls{ margin-left: 150px; }
div.chSecuricardVideoVideo div.jp-video-360w div.jp-type-single div.jp-controls-holder{ width: 330px; }
div.chSecuricardVideoVideo div.jp-video-360w div.jp-type-single div.jp-no-solution{ width: 290px; margin-left: -152px; }


body.securicard div#headerarea div#menu p a{ margin: 0 8px; padding-left: 5px; }
body.securicard div#headerarea div#menu p a,
body.securicard div#headerarea div#menu p a span{ float: left; }
body.securicard div#headerarea div#menu p a img{ padding: 0 6px 0 1px; }
body.securicard div#headerarea div#menu p a,
body.securicard div#headerarea div#menu p a span{ background: transparent url("/export/system/modules/ch.securicard.frontend/resources/main_nav/commons/mainNavMem.gif") scroll no-repeat 0 0; }
/* for hover
body div#headerarea div#menu p a:hover{ background-position: 0 -24px; }
body div#headerarea div#menu p a:hover span{ background-position: 100% -24px; }
*/
body.securicard div#headerarea div#menu p a.selected{ background-position: 0 -24px; }
body.securicard div#headerarea div#menu p a.selected span{ background-position: 100% -24px; }


body.securicard.securicard_it div#headerarea div#menu p a{ margin: 0 6px; }
body.securicard.securicard_en div#headerarea div#menu p a,
body.securicard.securicard_de div#headerarea div#menu p a{ margin: 0 11px; }
body.securicard.securicard_fr div#headerarea div#menu p a{ margin: 0 3px; }