/* INFOS
--------------------------------------------------------------
  Site Name : Kozoom
  Description : Main stylesheet
  Author : Elao
--------------------------------------------------------------  
*/





/* RESET
-------------------------------------------------------------- */
* {
	margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img { border: 0; }

img { vertical-align: middle; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

abbr, acronym { border: 0; }

b, strong { font-weight: bold; }

textarea { resize: none, }

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}





/* GLOBAL ELEMENTS
-------------------------------------------------------------- */
body, input, button, textearea {
  font-family: Arial;
  color: #000;
  font-size: 11px;
}

html, body {
	background: #000 url(/images/fo/body.png) repeat-y center top;
	color: #dfebff;
  font-size: 12px;
}

a {
	color: #dfebff;
	text-decoration: none;
}

a:hover {
  color: #e5bc40;
	text-decoration: none;
}

a:focus { outline: none; }

h1 {
	background: #0c164c;
  color: #404e95;
  display: inline;
  font: bold italic 30px Verdana;
  line-height: 23px;
  padding: 0 20px 2px 0;
  text-transform: uppercase;
}

h2 {
	background: url(/images/fo/h2.png) repeat-x left top;
  color: #fff;
  font: bold italic 12px Verdana;
  height: 20px;
  line-height: 19px;
  padding: 0 5px;
  text-transform: uppercase;
}

h3 {
  color: #e5bc40;
  font-size: 14px;
}

h4 {
  color: #e5bc40;
  font-size: 12px;
}

h5 {
	color: #1e1e1e;
  font: bold 15px Verdana;
  text-transform: uppercase;
}

h5 span { color: #293886; }

h6 {
  color: #fff;
  font: bold 13px Verdana;
}

ol {
  list-style-type: ;
}

ul {
  list-style-type: ;
}

li {
  margin: ;
}

.wrapper {
  margin: auto;
  width: 998px;
}





/* DEFAULT STYLES
-------------------------------------------------------------- */
.align-left {
  display: inline;
  float: left;
/*
  overflow: hidden;
*/
}

.align-right {
  display: inline;
  float: right;
/*
  overflow: hidden;
*/
}

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.small { font-size: 0.8em; }
.hidden { display: none; }

.yellow { color: #e5bc40; }

.box {
  background: #293886;
  border: 2px solid #4353a0;
  margin-bottom: 10px;
  overflow: visible;
}

.box .no-content {
	margin: 20px;
	text-align: center;
}

.col160 { width: 160px; }

.col300 { width: 296px; }

.col378 { width: 374px; }

.col518 { width: 514px; }

div.ads {
	margin: 0 0 10px;
}
a.advert {
  background: url(/images/fo/content/pub.gif) repeat center top;
  border: 2px solid #333757;
  color: #fff;
  display: block;
  font: bold 16px Verdana;
  margin: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
}

.odd { background: #1b2769; }
.even { background: none; }

.star {
  background: url(/images/fo/icons/stars.png) no-repeat right top;  
  height: 12px;
  line-height: 12px;
  padding: 0 6px;
}

.premium {
  background: url(/images/fo/icons/premium.gif) no-repeat right top;  
  height: 12px;
  line-height: 12px;
}

.death {
  height: 16px;
  line-height: 16px;
  padding: 0 8px;
  font-weight: bold;
  color: #666;
}

.death-24 {
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  font-weight: bold;
  color: #666;
}

.flash-notice {
  background: #FFF39D url(/images/fo/icons/tick16.png) no-repeat 10px 5px;
  border: 1px solid #FED22F;
  padding: 5px 5px 5px 40px;
  margin-bottom: 1em;
  color: #363636;
}

.flash-error {
  background: #c00 url(/images/fo/icons/error16.png) no-repeat 10px 5px;
  border: 1px solid #CD0A0A;
  padding: 5px 5px 5px 40px;
  margin-bottom: 1em;
  color: #fff;
}


/* BUTTONS
-------------------------------------------------------------- */
.button {
  background: none;
  border: 0;
  cursor: pointer;  
  font-size: 11px;
  height: 22px;
  line-height: 20px;
  margin: 0;  
  overflow: visible;  
  padding: 0;
  text-decoration: none;
  white-space: nowrap;    
  width: auto !important;
  width: 0;
}

.button span, .button em {
  color: #000;
  display: block;
  height: 22px;
  line-height: 20px;
  margin: 0;
}

a.button span, a.button em { float: left; }


.button span {
  background: red url(/images/) no-repeat left top;
  padding: 0 0 0 5px;
}
*html .button span { margin: -1px 0 0 0; }

.button:hover span { background-position: left bottom}

.button em {
  background: green url(/images/) no-repeat right top;
  font-style: normal;
  text-align: center;   
  padding: 0 5px 0 0;
}
.button:hover em { background-position: right bottom; }


/***** Button OK *****/
button.ok {
  background: url(/images/fo/buttons/ok.png) no-repeat left top transparent;
  border: 0;
  cursor: pointer;
  float: left;
  height: 16px;
  text-indent: -100000px;
  width: 21px;
}

button.ok:hover {
  background: url(/images/fo/buttons/ok.png) no-repeat left bottom transparent;
}


/* FORMULAIRES
-------------------------------------------------------------- */
input {
  background: #d9d9d9;
  border: 2px solid #828183;
  border-bottom-color: #f9f8f9;
  border-right-color: #f9f8f9;
  color: #0c164c;
  height: 20px;
  padding: 0 5px;
}

select {
  background: #d9d9d9;
  border: 2px solid #828183;
  border-bottom-color: #f9f8f9;
  border-right-color: #f9f8f9;
  color: #0c164c;
  font: normal 11px Arial;
}

ul.error_list {
  color: #f33;
}




/* TOPBAR
-------------------------------------------------------------- */
#topbar {
	background: #404e95;
  height: 25px;
  line-height: 25px;
  width: 100%;
}

#topbar .wrapper { position: relative; }

#topbar a { float: left; }

#topbar #websites {
	background: url(/images/fo/icons/arrows.gif) no-repeat right -38px;
  float: left;
  font: bold 13px Verdana;
  height: 25px;
  line-height: 25px;
  letter-spacing: -1px;
  padding: 0 25px 0 50px;
  position: relative;
  text-transform: uppercase;
}

#topbar #websites img {
	left: 0;
  position: absolute;
  top: 3px;
}

#topbar #websites-bloc {
  position: absolute;
  display: none;
  background: #404e95;
  width: 483px;
  padding: 5px 0;
  top: 25px;
  z-index:100;
  line-height: 14px;
}

#topbar #websites-bloc .col {
  float: left;
  width: 100px;
  padding: 0 10px;
  border-right: 1px solid #fff;
}

#topbar #websites-bloc .col.last {
  border: 0;
}

#topbar #websites-bloc .col h4 { 
  margin-bottom: 5px;
}

#topbar #websites-bloc .col a {
  float: none;
  display: block;
}

#topbar .connection {
  background: #eee;
  color: #404e95;
  float: left;
  font-weight: bold;
  height: 25px;
  margin: 0 0 0 70px;
  padding: 0 15px;
  text-align: center;
  width: 520px;
}

#topbar .connection span {
	color: #000;
	float: left;
	margin-left: 15px;
}

#topbar .connection a {
	background: url(/images/fo/icons/arrows.gif) no-repeat right -90px;
  color: #404e95;
  padding-right: 10px;
}

#topbar form {
	float: left;
	margin: 0 15px;
}

#topbar .connection form span {
  color: #404e95;
	float: left;
	margin: 0 5px 0 0;
}

#topbar .connection .center span {
	border-right: 1px solid #000;
	float: none;
	margin: 0;
	padding: 0 10px;
}

#topbar .connection .center a {
	background-position: right -96px;
  float: none;
  margin: 0 0 0 10px;
}

#topbar form input {
	background: url(/images/fo/inputs.png) no-repeat left top;
	border: 0;
	color: #fff;
	float: left;
	height: 15px;
	margin: 5px 5px 0 0;
	padding: 1px 1px 0;
}

#topbar form button.ok {
  background-position: center bottom;
  margin: 5px 0 0 0;
}



#topbar #languages {
  float: right;
  line-height: 25px;
}

#topbar #languages span {
  background: url(/images/fo/icons/arrows.gif) no-repeat right 7px; 
  font: bold 10px Verdana;
  text-transform: uppercase;
  padding-right: 10px;
  margin-right: 10px;
}

#topbar #languages img {
}

#topbar #languages-bloc {
  position: absolute;
  display: none;
  background: #404e95;
  width: 100px;
  padding: 5px 10px;
  top: 25px;
  right:0;
  z-index:100;
  line-height: 14px;
}

#topbar #languages-bloc a {
  float: none;
  display: block;
}



/* HEADER
-------------------------------------------------------------- */
#header {
  height: 125px;
  margin: 10px 0;
}


/***** Logo *****/
.logo {
	display: inline;;
  float: left;
  height: 90px;
  line-height: 90px;
  margin: 0 0 10px;
  width: 270px; 
}

#header .advert {
  height: 86px;
	float: right;
  width: 724px;
}


/***** Navigation *****/
.navig {
	clear: both;
	font: bold 14px Verdana;
	height: 25px;
	letter-spacing: -1px;
	line-height: 25px;
	text-transform: uppercase;
}

.navig a.home-sport {
	background: url(/images/fo/accueil-ok-ok.png) no-repeat left center;
	display: inline;
	float: left;
	text-align: center;
	height: 25px;
	width: 84px;
        padding : 0 0 0 16px ;
}

.navig ul {
	background: #e3e2e0 url(/images/fo/menu.jpg) repeat-x left -25px;
  float: left;
  height: 25px;
  width: 898px;
}

.navig ul li {
	display: inline;
	float: left;
	height: 25px;
  position: relative;
}

.navig ul li a {
	background: #f9b211 url(/images/fo/menu.jpg) no-repeat left 0;
	color: #000;
	float: left;
	height: 25px;
	padding: 0 12px 0 12px;
  position: relative;
}

.navig ul li.over a,
.navig ul li a:hover { background-position: left -75px; }

.navig ul li a span {
	background: url(/images/fo/icons/arrows.gif) no-repeat right -200px;
	bottom: 2px;
	height: 4px;
	position: absolute;
	right: 3px;
	width: 4px;
}

.navig ul li a.live {
  background: #d21b1a url(/images/fo/menu.jpg) no-repeat left -100px;
	color: #a56e6c;  
}

.navig ul li a.live-now {
  background-position: left -50px;
  color: #fff;
}

.navig ul li a:hover.live, .navig ul li a:hover.live-now {
	background-position: left -75px;
	color: #000;
}

.navig ul li a.store {
	background: transparent url(/images/fo/icons/arrows.gif) no-repeat right -240px;
	padding-right: 20px;
}

.navig ul li.over .submenu { display: block; }

.navig .submenu {
	background: #f9b211;
	border-top: 1px solid #0c164c;
	display: none;
	font-size: 12px;
	left: 1px;
	letter-spacing: 0;
  line-height: 15px;
  padding: 0;
  position: absolute;
  text-transform: none;
  top: 25px;
  width: 100%;
  z-index: 99;
}

.navig .submenu li {
	display: block;
	float: left;
	height: auto;
  line-height: 15px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.navig .submenu li a {
	background: #f9b211;
	display: block;
	height: auto;
  line-height: 15px;
	padding: 5px 10px 6px;
	width: 100%;
}

.navig .submenu li a:hover { background: #fff; }






/* PAGE NAME
-------------------------------------------------------------- */
#page_name {
  background: #404e95;
  height: 25px;
  margin: 0 0 10px 0;
}

#page_name .arrow {
  background: url(/images/fo/icons/arrow-blue.gif) no-repeat right center;
  float: left;
  height: 25px;
  width: 4px;
}

#page_name .search {
	background: url(/images/fo/icons/arrow-blue.gif) no-repeat left center;
  float: right;
  height: 21px;
  padding: 4px 7px 0 20px;
  text-align: right;
  width: 280px;
}

#page_name .search input {
	background: url(/images/fo/inputs.png) no-repeat left -16px;
	border: 0;
  float: left;
  height: 15px;
  padding: 1px 5px;
  width: 240px;
}

#page_name .search button.ok { float: right; }





/* MAIN COL
-------------------------------------------------------------- */
#main_col {
  float: left;
  width: 688px;
}




/* QUICK SEARCH
-------------------------------------------------------------- */
.quick-search .select-wrapper {
	background: #1b2769;
	border-bottom: 1px solid #4759ad;
	border-top: 1px solid #4759ad;
	padding: 2px;
}

.quick-search .select-wrapper select { width: 100%; }

.quick-search .input-wrapper {
	overflow: hidden;
	padding: 5px 2px;
}

.quick-search .input-wrapper label {
	display: block;
	margin: 0 0 5px 5px;
}

.quick-search .input-wrapper input {
	margin-right: 5px;
	width: 105px;
}

.quick-search .input-wrapper button { margin: 1px 0 0 0; }






/* FILTERS COL
-------------------------------------------------------------- */
.filters-col li {
  border-bottom: 1px solid #4759ad;
  float: left;
  height: 20px;
  line-height: 20px;
  width: 100%;
}

.filters-col li a {
  color: #dfebff;
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 0 0 15px;
  position: relative;
  width: 141px;
}

.filters-col li a span {
  background: url(/images/fo/icons/checkbox.png) no-repeat center bottom;
  height: 12px;
  position: absolute;
  right: 5px;
  top: 4px;
  width: 13px;
}

.filters-col li a:hover,
.filters-col li a.selected {
  background: #8492c3;
  color: #1b2769;
}

.filters-col li a:hover span,
.filters-col li a.selected span { background-position: center top; }

.filters-col .update {
  background: url(/images/fo/h2.png) repeat-x left top;
  padding: 0 0 0 15px;
  position: relative;
  width: 141px;
}

.filters-col .update button {
  position: absolute;
  right: 5px;
  top: 2px;
}

#instruction-box h2
{
  margin-bottom: 5px;
}

#instruction-box .update
{
  margin-top: 5px;
}


.filters-box select
{
  margin-left:7px;
  width:143px;
}


.filters-box input[type="text"]
{
margin-left:7px;
width:130px;
  margin-bottom: 5px;
}

.filters-col
{
 padding-top: 5px;
}

.filters-col label
{
margin-left:8px;

}



/* TABLE LISTING
-------------------------------------------------------------- */
table.listing {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

#sidebar table.listing {
  border-collapse: collapse;
  border-spacing: 0;
}

table.listing div { position: relative; }

table.listing a {
  background: url(/images/fo/icons/arrows.gif) no-repeat right -145px;
  color: #fff;
  display: block;
  padding-right: 15px;
}
table.listing a:hover { color: #e5bc40; }

table.listing a.align-right {
  display: inline;
  float: right;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  right: 0;
}

table.listing em { font-size: 11px; }

table.listing thead td {
  background: #0c164c;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: middle;
}
table.listing thead th {
  background: #0c164c;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: middle;
}

table.listing thead .center,
table.listing tbody .center,
table.listing tfoot .center {
  padding: 0;
  text-align: center;
}

table.listing tbody td {
  height: 20px;
  padding: 0 10px;
}

table.listing tfoot td,
table.listing tfoot th {
  background: #0c164c;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: middle;
}




/* TABLE TOTAL
-------------------------------------------------------------- */
table.total {
	background: #0c154c;
	border-collapse: collapse;
	font-size: 14px;
	margin: 10px auto;
  width: 680px;
}

table.total th { padding: 7px 10px; }






/* PAGER
-------------------------------------------------------------- */
.pager {
	background: url(/images/fo/h2.png) repeat-x center center;
	border-top: 1px solid #4759ad;
	color: #ffd048;
	font: bold 11px/20px Verdana;
	height: 20px;
	margin: 10px 0 0 0;
	padding: 0 10px;
}

.pager li {
	display: inline;
	float: left;
	padding: 0 5px 0 0;
}

.pager a {
	color: #b7baca;
	float: left;
}
.pager a:hover { color: #ffd048; }

.pager .prev a,
.pager .next a {
	background: url(/images/fo/icons/arrows.gif) no-repeat ;
	height: 20px;
	text-indent: -100000px;
	width: 4px;
}
.pager .prev a { background-position: right -294px; }
.pager .prev a:hover { background-position: right -544px; }

.pager .next a { background-position: right -344px; }
.pager .next a:hover { background-position: right -594px; }





/* TABS
-------------------------------------------------------------- */
.with-tabs {
	background: #293886;
  padding: 0;
	position: relative;
	zoom: 1;
}

#tabs {
	height: 20px;
	line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
}

#tabs li {
	float: left;
	height: 20px;
  margin: 0;
	position: relative;
	top: 0;
	white-space: nowrap;
}

#tabs li a {
	color: #fff;
  float: left;
  text-align: center;
  text-indent: -100000px;
	width: 54px;
}

#tabs li.selected { background: #293886; }





/* RATE
-------------------------------------------------------------- */
.rate {
  height: 12px;
  line-height: 12px;
  width: 60px;
}

.rate span {
  background: url(/images/fo/icons/rate.png) repeat-x left center;
  display: block;
}





/* SIDEBAR
-------------------------------------------------------------- */
#sidebar {
  float: right;
  width: 300px;
}


/***** Club *****/
#sidebar .club {
	background: url(/images/fo/buttons/k-club.gif) no-repeat center top;
	color: #000;
	font-weight: bold;
	height: 45px;
	margin: 0 0 10px;
	padding: 5px 0 0 70px;
	width: 230px;
}

#sidebar .club p { margin: 5px 0 0 0; }

#sidebar .club p span {
  border-right: 1px solid #000;
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
}

#sidebar .club a {
  background: url(/images/fo/icons/arrows.gif) no-repeat right -495px;
  color: #404e95;
  padding: 0 6px 0 0;
}


/***** Club Premium *****/
#sidebar .club-premium { background: url(/images/fo/buttons/k-club.gif) no-repeat center bottom; }

#sidebar .club-premium h5 { text-transform: none; }

#sidebar .club-premium p {
	margin-right: 5px;
	text-align: right;
}


/***** Club Limited Access *****/
#sidebar .club-limited h5 { text-transform: none; }

#sidebar .club-limited p {
	margin-right: 5px;
	position: relative;
}

#sidebar .club-limited p a {
	position: absolute;
	right: 0;
	top: 0;
} 



/***** Advertisement *****/
#sidebar .advert {
	height: 246px;
	width: 296px;
}

#sidebar .advert-store { height: 96px; }
#sidebar .advert-premium { height: 126px; }


/***** Instructions *****/
#sidebar .instructions { padding: 5px; }

#sidebar .instructions .infos-instructions { margin-bottom: 5px; }

#sidebar .instructions .align-left { width: 45%; }

#sidebar .instructions p.yellow span { display: block; }

#sidebar .instructions em {
  color: #bfc4db;
  display: block;
  font-size: 11px;
  margin: 10px 0 0 0;
}

#sidebar .instructions .align-right {
  font-weight: bold;
  text-align: right;
  width: 55%;
}

#sidebar .instructions .align-right img {
  float: right;
  margin-left: 5px;
}

#sidebar .instructions a {
  background: url(/images/fo/icons/arrows.gif) no-repeat right -145px;
  font-size: 11px;
  font-style: italic;
  padding-right: 10px;
}

#sidebar .instructions p.right { margin: 5px 10px 0 0; }


/***** Kozoom Club *****/
#sidebar .kozoom-club { font-size: 11px; }

#sidebar .kozoom-club li {
	float: left;
	padding: 3px;
	width: 290px;
}

#sidebar .kozoom-club li a { font-weight: bold; }

#sidebar .kozoom-club img {
	height: 35px;
	margin: 0 10px 0 0;
	width: 35px;
}

#sidebar .kozoom-club p.align-right { width: 245px; }

#sidebar .kozoom-club em span { display: block; }


/***** Ranking *****/
#sidebar .ranking { padding: 3px 3px 3px 10px; }

#sidebar .ranking h3 { line-height: 24px; }

#sidebar .ranking .align-right { text-align: right; }

/***** Palmares *****/
#sidebar .palmares h3 {
	margin: 0 5px;
	line-height: 22px;
}

#sidebar .palmares p.right {
	background: url(/images/fo/h2.png) repeat-x center top;
	border-top: 1px solid #4759ad;
	height: 18px;
	line-height: 18px;
	margin: 5px 0 0 0;
	padding-right: 10px;
}

#sidebar .palmares p.right a {
	background: url(/images/fo/icons/arrows.gif) no-repeat right -146px;
	font-size: 11px;
	font-style: italic;
	padding-right: 10px;
}




/* FOOTER
-------------------------------------------------------------- */
#footer {
  background: #0b133c url(/images/fo/footer.png) repeat-x center top;
  clear: both;
  font-size: 10px;
  margin: 10px 0 0 0;
  padding: 15px 0 10px;
}

#footer a {
	background: url(/images/fo/icons/arrows.gif) no-repeat 125px -143px;
	color: #fff;
}
#footer a:hover { color: #e5bc40; }

#footer .menu {
	border-right: 2px solid #3f4d95;
	display: inline;
	float: left;
	height: 125px;
	padding: 0 25px;
	width: 148px;
}

#footer .menu ul {
  margin: 5px 0 0 0;
  line-height: 18px;
}

#footer .menu ul li { border-bottom: 1px solid #646d9e; }
#footer .menu ul li.last-child { border: 0; }

#footer .menu a { display: block; }

#footer .menu.last-child { border: 0; }

#footer .menu.last-child a {
	background-position: 105px -145px;
	display: block;
	font-family: Verdana;
	margin: 5px 0 0 0;
}

#footer .menu.last-child img { margin: 10px 0 0 5px; }

#footer .sitemap {
  background: #273270;
  margin-top: 20px;
  padding: 14px 30px 14px 20px;
  line-height: 10px;
  width: 938px;
}

#footer .sitemap ul li {
	border-right: 1px solid #fff;
	display: inline;
	float: left;
	padding: 0 10px;
	text-transform: uppercase;
}

#footer .sitemap ul li.last-child { border: 0; }




/* PASS PREMIUM
-------------------------------------------------------------- */
.pass-premium h2 {
	background: none;
	color: #edeff6;
	font: bold italic 18px Verdana;
	margin: 30px auto 10px;
	text-align: center;
	text-transform: none;
}

.pass-premium .teaser {
	text-align: center;
	margin: 35px 0 10px 0;
}

/***** Table *****/
.pass-premium table {
	border-collapse: separate;
	border-spacing: 2px;
	margin: 20px auto;
	width: 600px;
}

.pass-premium table h3 {
	font-size: 15px;
	padding: 10px 0 5px 5px;
}

.pass-premium table .even { background: #404e95; }


/****** Table - Thead *****/
.pass-premium table thead td { vertical-align: bottom; }

.pass-premium table thead th {
	color: #a2b0d7;
	font: bold 15px/15px Arial;
	text-align: center;
	padding-bottom: 15px;
	vertical-align: bottom;
	width: 100px;
}

.pass-premium table thead th span {
	color: #edeff6;
	display: block;
}

.pass-premium table thead td { vertical-align: bottom; }


/****** Table - Tfoot *****/
.pass-premium table tfoot td {
	color: #edeff6;
	font: bold 15px/15px Arial;
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
}

.pass-premium table tfoot th {
	color: #edeff6;
	font: italic normal 11px Arial;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 80px;
}

.pass-premium table tfoot th em {
	color: #7e88bc;
	display: block;
}

.pass-premium table tfoot th span { font: bold 24px/18px Arial; }
.pass-premium table tfoot th span small {
	font: bold 11px/11px Arial;
	vertical-align: top;
}


/****** Table - Tbody *****/
.pass-premium table tbody tr { height: 25px; }

.pass-premium table tbody th {
	font-weight: normal;
	padding-right: 10px;
	text-align: right;
}

.pass-premium table tbody td {
	vertical-align: bottom;
	width: 100px;
}

.pass-premium table tbody td img {
	display: block;
	margin: auto;
	width: 21px;
}

.button-activate {
  background: url(/images/fo/buttons/submit.gif) no-repeat center center;
  border: 0;
  color: #293886;
  cursor: pointer;
  font: bold 12px Arial;
  height: 25px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  width: 107px;
  display: block;
}

/****** Table - Resume Order *****/
.pass-premium table.resumeOrder {
  border-collapse: collapse;
}

.pass-premium table.resumeOrder td {
  border-bottom: solid 1px #fff;
  vertical-align: top;
  width: auto;
  line-height: 24px;
}


/* NO CONNECTED
-------------------------------------------------------------- */
.no-connected {
	margin: 10px auto;
	overflow: hidden;
	width: 600px;
}

.no-connected div.align-left { width: 260px; }
.no-connected div.align-right { width: 300px; }

.no-connected div.bkg-blue {
	background: #4759ad;
	border-radius: 5px;	
		-moz-border-radius: 5px;	
		-webkit-border-radius: 5px;
	margin: 0 0 20px 0;
	padding: 10px 20px 1px;
}

.no-connected div.bkg-blue h3 {
	color: #fff;
	margin: 0 0 10px 0;
}

.no-connected div.bkg-blue p { margin: 0 0 10px 0; }


/***** CMS *****/
#cms  {
 padding: 10px;
 
}
#cms p { margin: 0 0 10px 0; }
/***** Form *****/
.no-connected .error {
	color: #fb0606;
	font: bold 11px/11px  Arial;
	margin-bottom: 5px;
}

#cms a {
  color: #e5bc40;
}

.no-connected form .input-text { margin-bottom: 5px; }

.no-connected form .input-text label {
	color: #fff;
	display: block;
	font: bold 13px/18px Arial;
}

.no-connected .input-text input {
	border: 1px solid #1f2a64;
	height: 17px;
	padding: 2px 5px;
	width: 190px;
}

.no-connected form .input-checkbox label {
	color: #fff;
	font: bold 12px/12px Arial;
	margin-left: 2px;
}

.no-connected form button {
	background: url(/images/fo/buttons/submit.gif) no-repeat center center;
	border: 0;
	color: #293886;
	cursor: pointer;
	font: bold 12px/25px Arial;
	height: 25px;
	margin: 10px 0 20px 0;
	text-align: center;
	text-transform: uppercase;
	width: 107px;
}

.no-connected form a {
	background: url(/images/fo/icons/arrows.gif) no-repeat right -145px;
	color: #fff;
	font: bold 12px/12px Arial;
	padding-right: 10px;
}

.no-connected div.align-right a {
	background: url(/images/fo/buttons/k-club.gif) no-repeat center top;
	color: #293886;
	display: block;
	font: bold 14px/50px Verdana;
	height: 50px;
	padding-left: 60px;
	text-align: center;
	text-transform: uppercase;
	width: 240px;
}
.no-connected div.align-right a span { color: #000; }


/* Home Page
******************************/

#wrapper {
  margin: 0 auto 0 auto;
  background:url('/images/fo/homeBkg.png') 0 0 no-repeat;
  position:relative;
  width:990px;
  min-height:660px;
}

.color01 { color:#f9b300; }

ul.boxMenu {
  padding-top:260px;
  position:relative;
  margin:0 0 0 15px;
  float:left;
}

ul.noPadd {
  padding:0;
}

ul.boxMenu li {
  background:#293886;
  border:solid 2px #4a5aa9;
  display:block;
  float:left;
  height:202px;
  margin:12px 10px 12px 0;
  width:228px;
}

ul.boxMenu li span.boxTitle { 
  background:url('/images/fo/homeBoxTitleBkg.png') 0 0 repeat-x;
  display:block;
  font:bold 13px/19px Arial, Helvetica;
  height:19px;
  text-align:center;
  text-transform:uppercase;
  width:100%;
}

ul.boxMenu li span.boxImage {
   display:block;
   height:150px;
   width:100%;
}

ul.boxMenu li span.boxImage img { height:150px ; width:228px; } 

ul.boxMenu li span.boxFlags { 
  display:block;
  height:30px;
  padding:3px 0 0 0;
  text-align:center;
  width:100%;
}

ul.boxMenu li span.boxFlags img a { border:none; outline:none; }

div.boxUnderMenu {
  position:relative;
  height:125px;
  width:100%;
}

div.boxUnderMenu span.saveSelection {
  display:block;
  float:left;
  margin:30px 0 0 15px;
}

div.boxUnderMenu img#titleStore {
  float:none;
  left:15px;
  position:absolute;
  top:50px;
}

div.boxUnderMenu img {
  float:right;
  padding:0 10px 0 0;
}

.comingSoon { 
  font:bold 13px/27px Arial, Helvetica;
  text-transform:uppercase;
}


.filters-col input
{
  line-height: 15px;
  vertical-align: middle;
  margin-left: 13px;
}


/* Contact Page
******************************/

.contactPage { padding:20px; }
.contactPage h3 { margin:15px 0 5px 0; }

.contactPage table {
  width: 100%
}

.contactPage th { 
  padding:0 10px 10px 0;
  width: 150px;
  text-align: left;
  vertical-align: top;
}

.contactPage td { 
  padding:0 10px 10px 0;
}

.contactPage input[type="text"] {
  background:none repeat scroll 0 0 #D9D9D9;
  border:1px solid #182362;
  height:20px;
  padding:0 3px;
  width:100%;
}

.contactPage select {
  background:none repeat scroll 0 0 #D9D9D9;
  border:1px solid #182362;
  width:100%;
}

.contactPage textarea {
  background:none repeat scroll 0 0 #D9D9D9;
  border:1px solid #182362;
  height:250px;
  padding:3px;
  width:100%;
}

.contactPage button {
  background:url("/images/fo/buttons/submit.gif") no-repeat scroll center center transparent;
  border:0 none;
  color:#293886;
  cursor:pointer;
  font:bold 12px Arial;
  height:25px;
  margin:20px 0 0 0;
  text-align:center;
  text-transform:uppercase;
  width:107px;
}

/* Notification
******************************/
#notificationOrder {
  background: #293886 url(/images/fo/icons/pass-premium.png) no-repeat 40px 40px;
  padding: 40px 40px 40px 140px;
}

#notificationOrder a {
  font-weight: bold;
}