

*::-moz-selection {
    background: none repeat scroll 0% 0% #DA4D00;
    color: #FFFFFF;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100%;
    font-size: 12px;
    color: #40260B;
    background: url("../../../img/bg-body.gif") repeat-x scroll 0% 0% #F9F5F2;
    line-height: 20px;
}

a {
    text-decoration: none;
    -moz-transition: color 0.15s linear 0s;
    color: #A15309;
}

div#gkBottom2 a {
    color: #FFFFFF;
}

a:hover, a:active, a:focus {
    color: #DA4D00;
}

h1, h2, h3, h4, h5 {
    margin: 0pt;
    padding: 0pt;
    font-weight: normal;
    color: #DA4D00;
}

h1, h2 {
    margin: 0pt 0pt 8px;
}

h1 {
    font-size: 28px;
    line-height: 30px;
    margin: 25px 0pt 0pt 40px;
}

h2 {
    font-size: 26px;
    line-height: 46px;
    letter-spacing: -1px;
}

h3 {
    font-size: 135%;
}

h4 {
    font-size: 110%;
}

h5 {
    font-size: 100%;
}

ul {
    list-style: none outside none;
}

ul li {
    line-height: 2;
}

p {
    margin: 0.5em 0pt 1.5em;
}

div#gkLeft p {
    margin: 5px 0px;
}

#gkBottom2 p {
    color: #FFFFFF;
    line-height: 18px;
    font-size: 12px;
    margin: 0px 0px 5px 0px;
}

/* Containers */
#gkMainMenu {
}

#gkHeader .box {
    margin: 0pt auto ! important;
}

#gkPage {
}

#gkMain {
    margin-top: 0px;
}

#mainContent {
    padding-bottom: 0px;
}

#gkMain {
    padding: 0pt;
    overflow: hidden;
    clear: both;
}

#gkBottom1 {
    margin-top: 20px;
}

/* Logo  */
h1#gkLogo {
    float: left;
    margin: 0pt;
    position: relative;
}

h1#gkLogo a img {
    display: block;
    height: auto;
    margin: 0pt;
    width: auto;
}

h1#gkLogo a.cssLogo {
    background: url("../images/style1/logo.png") no-repeat scroll 0pt 0pt transparent;
    display: block;
    height: 120px;
    margin: 0pt;
    text-indent: -999em;
    width: 210px;
}

h1#gkLogo a.cssLogo span {
    display: none;
    text-indent: -999em;
}

h1#gkLogo.text {
    width: auto;
    height: 112px;
    float: left;
}

h1#gkLogo.text a {
    display: block;
    font-weight: normal;
    text-indent: 0pt;
    float: left;
    margin-top: 20px;
}

h1#gkLogo.text a {
    padding: 0pt;
    width: auto ! important;
}

h1#gkLogo.text a > span {
    color: #333333;
    display: block;
    font-size: 36px;
    line-height: 84px;
    float: left;
    text-transform: none;
}

h1#gkLogo.text .gkLogoSlogan {
    font-size: 10px ! important;
    line-height: 10px;
    color: #CCCCCC;
    margin: -20px 0pt 0pt 4px;
    height: 14px;
    display: block;
    clear: both;
    float: left;
    text-transform: none;
}

/* standard breadcrumb */
#gkBreadcrumb {
    clear: both;
    overflow: hidden;
    padding: 0pt;
    width: 100%;
    border-bottom: 1px solid #F5F3F1;
    height: 35px;
}

#gkBreadcrumb > div {
    overflow: hidden;
}

#gkBreadcrumb .breadcrumbs {
    width: auto;
    float: left;
    margin-left: 20px;
}

#gkBreadcrumb .breadcrumbs li.separator {
    display: block;
    width: 3px;
    height: 42px;
    float: left;
    margin: 0pt 10px;
    text-indent: -999em;
    background: url("../images/style1/breadcrumbs_bullets.png") no-repeat scroll 0pt center transparent;
}

#gkBreadcrumb .breadcrumbs > ul {
    margin-left: 0pt;
    height: 24px;
    line-height: 24px;
    padding: 0pt;
}

#gkBreadcrumb .breadcrumbs > ul > li {
    float: left;
    width: auto;
    clear: none;
    line-height: 37px;
    height: 37px;
}

#gkBreadcrumb .breadcrumbs > ul > li.pathway {
    color: #40260B;
}

/* tools */
#gkTools {
    float: right;
    margin: 5px 20px 0pt 10px;
}

#gkTools a {
    display: block;
    float: left;
    width: 20px;
    height: 13px;
    margin: 8px 0pt 0pt 3px ! important;
    text-indent: -99999em;
    background: url("../images/style1/fonts.png") no-repeat scroll -40px 1px transparent;
    cursor: pointer;
}

a#gkToolsReset {
    background-position: -20px 1px;
}

a#gkToolsDec {
    background-position: 0px 1px;
}

a#gkToolsInc:hover {
    background-position: -40px bottom;
}

a#gkToolsReset:hover {
    background-position: -20px bottom;
}

a#gkToolsDec:hover {
    background-position: 0pt bottom;
}

/* footer */
#gkFooter {
    margin-top: 10px;
	position:relative;
	z-index:10
}

#gkFooter a {
	color:#40260B;
	font-weight:bold
}

#gkFooterWrap {
    margin: 0pt auto;
    padding: 20px 0pt;
    overflow: hidden;
    font-size: 11px;
    color: #40260B;
    border-top: 0px solid #EEEEEE;
}

#gkCopyrights span {
    float: left;
    line-height: 14px;
}

#gkFooterNav {
    float: right;
}

#gkFooterNav li {
    display: inline;
    margin-left: 16px;
    line-height: 12px;
}

#gkFooterNav li:first-child {
    margin: 0pt;
    padding: 0pt;
}

#gkStyleArea {
    clear: both;
    float: right;
    padding-top: 12px;
}

#gkStyleArea a {
    padding-left: 4px;
}

#gkFrameworkLogo {
    display: block;
    width: 140px;
    height: 42px;
    background: url("../images/framework-logo.png") no-repeat scroll 0pt 0pt transparent;
    text-indent: -9999em;
    margin: 96px auto 0pt;
    padding-bottom: 40px;
    opacity: 0.3;
    clear: both;
}

#gkColor1, #gkColor2, #gkColor3 {
    width: 5px;
    height: 5px;
    border: 1px solid transparent;
    cursor: pointer;
    text-indent: -999em;
    overflow: hidden;
    display: block;
    background: url("../images/style1/bullet_red.png") no-repeat scroll 0pt 0pt transparent;
    float: left;
    margin: 0pt ! important;
}

#gkColor2 {
    background-image: url("../images/style1/bullet_green.png");
}

#gkColor3 {
    background-image: url("../images/style1/bullet_blue.png");
}

#gkColor1:hover, #gkColor2:hover, #gkColor3:hover {
    opacity: 0.5;
}

.box, .box_text, .box_menu {
    overflow: hidden;
    margin: 0px 10px;
}

.box-offerte {
    overflow: hidden;
    margin: 10px;
}

.box:first-child, .box_menu:first-child, .box_text:first-child {
    margin-top: 0pt ! important;
}

.box > div, .box_text > div, .box_menu > div {
    overflow: hidden;
}

div.content {
    clear: both;
}

.box li, .box_text li {
    list-style-type: none;
    list-style-position: inside;
    line-height: 28px;
    font-weight: normal;
    padding-left: 16px;
    background: url("../images/style1/bullet_red.png") no-repeat scroll 0pt 11px transparent;
}

.box li a, .box_text li a {
    text-decoration: none;
}

.box a, .box_text a {
    text-decoration: none;
}

.box h3.header, .box_menu h3.header, .box_text h3.header {
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 24px;
    color: #FFFFFF;
}

.box h3.header > span, .box_menu h3.header > span, .box_text h3.header > span {
    color: #DA4D00;
}

/* suffix color */
.box.color h3.header, .box.color h3.header > span {
    color: #FFFFFF;
}

.box.color > div {
    background: none repeat scroll 0% 0% #DA4D00;
    color: #F5D8BD;
    padding: 12px 15px;
    border-radius: 3px 3px 3px 3px;
}

.box.color li {
    background: url("../images/style1/bullet_white.png") no-repeat scroll 0pt 11px transparent;
}

.box.color a {
    color: #FFFFFF;
}

.box.color a:active, .box.color a:focus, .box.color a:hover {
    color: #F0A379;
}

/* suffix black */
.box.black h3.header, .box_menu.black h3.header, .box_text.black h3.header, .box.black h3.header > span, .box_menu.black h3.header > span, .box_text.black h3.header > span {
    color: #333333;
}

/* suffix border */
.box.border > div {
    border: 1px solid #EEEEEE;
    padding: 12px 15px;
    background: none repeat scroll 0% 0% #FCFCFC;
    border-radius: 3px 3px 3px 3px;
}

/* suffix dark */
.box.dark h3.header, .box.dark h3.header > span {
    color: #FFFFFF;
}

.box.dark > div {
    background: none repeat scroll 0% 0% #333333;
    color: #DDDDDD;
    padding: 12px 15px;
    border-radius: 3px 3px 3px 3px;
}

.box.dark li {
    background: url("../images/style1/bullet_white.png") no-repeat scroll 0pt 11px transparent;
}

.box.dark a {
    color: #FFFFFF;
}

.box.dark a:active, .box.dark a:focus, .box.dark a:hover {
    color: #DA4D00;
}

/* suffix color1 */
.box.color1 h3.header > span, .box_menu.color1 h3.header > span, .box_text.color1 h3.header > span {
    color: #7CA401;
}

.box.color1 a:active, .box.color1 a:focus, .box.color1 a:hover, .box_menu.color1 a:active, .box_menu.color1 a:focus, .box_menu.color1 a:hover, .box_text.color1 a:active, .box_text.color1 a:focus, .box_text.color1 a:hover {
    color: #7CA401;
}

.box.color1 li {
    background-image: url("../images/style1/bullet_green.png");
}

/* suffix color2 */
.box.color2 h3.header > span, .box_menu.color2 h3.header > span, .box_text.color2 h3.header > span {
    color: #008BDA;
}

.box.color2 a:active, .box.color2 a:focus, .box.color2 a:hover, .box_menu.color2 a:active, .box_menu.color2 a:focus, .box_menu.color2 a:hover, .box_text.color2 a:active, .box_text.color2 a:focus, .box_text.color2 a:hover {
    color: #008BDA;
}

.box.color2 li {
    background-image: url("../images/style1/bullet_blue.png");
}

/* suffix reversed */
.box.reversed h3.header, .box_menu.reversed h3.header, .box_text.reversed h3.header {
    color: #DA4D00;
}

.box.reversed h3.header > span, .box_menu.reversed h3.header > span, .box_text.reversed h3.header > span {
    color: #333333;
}

/* suffix shadow */
.box.shadow h3.header, .box_menu.shadow h3.header, .box_text.shadow h3.header {
    text-shadow: 1px 1px 0pt #DDDDDD;
}

/* suffix small */
.box.small h3.header, .box_menu.small h3.header, .box_text.small h3.header {
    font-size: 25px;
    line-height: 25px;
}

.box.small li {
    background-image: url("../images/style1/bullet_white.png");
}

/* suffix bubble */
.box.bubble h3.header, .box_menu.bubble h3.header, .box_text.bubble h3.header {
    height: 50px;
    background: url("../images/style1/bubble.png") no-repeat scroll 0pt 0pt transparent;
    padding: 40px 0pt 0pt 20px;
}

/* suffix _menu */
.box_menu {
}

.box_menu h3.header {
}

.box_menu > div {
}

.box_menu ul {
    margin: 0pt;
}

.box_menu ul li {
    background: url("../images/style1/menu_arrow.png") no-repeat scroll 5px 14px transparent;
    margin: 0pt;
    padding: 0pt 0pt 0pt 30px;
    line-height: 40px;
    font-size: 12px;
    border-top: 1px solid #EEEEEE;
}

.box_menu ul li:first-child {
    border-top: medium none;
}

.box_menu .active {
    font-weight: bold;
    color: #DA4D00;
}

.box_menu ul ul {
    margin-left: -30px;
    border-top: 1px solid #EEEEEE;
}

.box_menu ul li li {
    background: url("../images/style1/bullet_white.png") no-repeat scroll 8px 18px transparent;
    padding: 0pt 0pt 0pt 30px;
}

.box.clear, .box.clear > div, .box.clear > div > .box_content {
    padding: 0pt ! important;
    background: none repeat scroll 0% 0% transparent ! important;
    border: medium none ! important;
    margin: 0pt ! important;
}

.box.clear > div > h3 {
    display: none;
}

/* Suffix advertisement */
.box.advertisement h3.header {
    font-family: Arial,Verdana,sans-serif;
    border-bottom: 1px solid #EBEBEB;
    color: #CCCCCC;
    text-transform: uppercase;
    letter-spacing: 0pt;
    font-size: 9px;
    line-height: 22px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 10px;
}

.box.advertisement h3.header > span {
    color: #CCCCCC;
}

.box.advertisement > div {
    border: medium none ! important;
    padding: 0pt ! important;
}

/* bottom modules */
#gkBottom2 {
    overflow: hidden;
}

#gkBottom1, #gkBottom2 {
    overflow: hidden;
}

#gkBottom2 > div {
    padding: 10px 0px;
    border: 0px solid #EEEEEE;
}

#gkBottom2 > div > div {
    padding: 0pt;
}

/* bottom modules */
#gkBottom2 {
    font-size: 12px;
    padding-top: 10px;
}

#gkBottom2 li {
    list-style: none outside none;
    background: url("../images/style1/bullet_black.png") no-repeat scroll 0pt 12px transparent;
    padding-left: 16px;
}

#gkBottom2 .box > div > h3.header, #gkBottom2 .box_menu > div > h3.header, #gkBottom2 .box_text > div > h3.header {
    margin: 10px 0pt;
    font-size: 18px;
}

#gkBottom2 .box > div > h3.header > span, #gkBottom2 .box_menu > div > h3.header > span, #gkBottom2 .box_text > div > h3.header > span {
    color: #FFFFFF;
}

#gkBottom2 .gkCol > div {
    border-left: 0px solid #EEEEEE;
}

#gkBottom2 .gkCol:first-child > div {
    border-left: medium none;
}

#gkBottom2 .gkColFull > .box, #gkBottom2 .gkColLeft > .box, #gkBottom2 .gkColCenter > .box, #gkBottom2 .gkColRight > .box {
    margin-left: 0pt;
    padding-left: 0pt;
}

#gkBottom2 .gkColLeft > .box {
    margin-left: 0pt;
    padding-left: 0pt;
}

#gkBottom2 .gkColRight > .box {
    margin-right: 0pt;
    padding-right: 0pt;
}

#gkBottom2 .gkColFull > .box {
    margin-left: 0pt;
    margin-right: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
}

#gkBottom2 .gkColLeft > div {
    margin-right: 0pt ! important;
    padding-right: 24px ! important;
}

#gkBottom2 .gkColCenter > div {
    margin-left: 0pt ! important;
    margin-right: 0pt ! important;
    padding-left: 24px ! important;
    padding-right: 24px ! important;
}

#gkBottom2 .gkColRight > div {
    margin-left: 0pt ! important;
    padding-left: 24px ! important;
}

#gkFBLogin {
    float: left;
    width: 45%;
}

#gkFBLogin p {
    line-height: 18px;
    margin: 14px 0pt 20px;
}

#gkFBLogin #login-form, #gkFBLogin #com-login-form {
    float: left;
    width: 45%;
    margin-left: 4%;
    padding-left: 30px;
    border-left: 1px solid #E7E7E7;
}

#form-login-remember {
    margin: 30px 0pt 4px;
}

#form-login-remember label {
    color: #777777;
    font-size: 11px;
    font-weight: normal;
    vertical-align: top;
}

#login-form ul {
    border-top: 1px solid #E7E7E7;
    margin: 20px 0pt;
    overflow: hidden;
    padding: 2px 0pt 0pt;
}

#login-form ul li {
    float: left;
    font-size: 11px;
}

#login-form ul li:first-child {
    margin-right: 10px;
}

#login-form ul li a {
    text-decoration: underline;
}

label#jform_spacer-lbl {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

.logout-button .login-greeting {
    float: left;
    margin-right: 32px;
    font-size: 14px;
}

/* Login with Facebook button */
span#fb-auth small {
    width: 20px;
    background: url("../images/fbauth.png") no-repeat scroll 0pt 2px transparent;
    text-indent: -999em;
    display: block;
    float: left;
    box-shadow: 1px 0px #556A9A;
    border-right: 1px solid #A0AECD;
    margin: 2px 7px 0pt 0pt;
    height: 17px;
}

span#fb-auth {
    box-shadow: 0px 1px 0px 0px #AAB5CD inset;
    background: -moz-linear-gradient(center top , #798DB9 5%, #556B9B 100%) repeat scroll 0% 0% #798DB9;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #4D576B;
    display: inline-block;
    color: #FFFFFF;
    font-family: arial;
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 24px 7px 12px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #445375;
    cursor: pointer;
    height: 17px;
}

span#fb-auth:hover {
    background: -moz-linear-gradient(center top , #556B9B 5%, #798DB9 100%) repeat scroll 0% 0% #556B9B;
}