/* -----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Global reset and site defaults
	    - Headings
		- Common Formatting
		- Links
	2. Main Structure
	3. Main Content
		- Content Left
		- Content Right
	4. Footer
	5. Navigation
	6. Form Elements

/* ------------------------------------------------------------
   1. Global reset and site defaults
---------------------------------------------------------------*/
/* CSS Document */
@import url("table.css");

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, img {
	margin:0;
	padding:0;
	font-family: "Arial", Calibri, Tahoma,  sans-serif;
}
html, body {
	height: 100%;
}
body {
	margin:0;
	font-size: 9pt;
	color:#333333;
	line-height: 1.5em;
	background:#3a9850;
}

body.nobg {
	background:none!important;
}

div, object, embed { outline:none; }

/* Headings
---------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", Calibri, Tahoma,  sans-serif;
}
h1 {
	color:#000000;
	padding:20px 0 0 35px;	
	font:bold 22pt "Arial";
	text-transform:capitalize;
}
h2 {
	font:bold 13pt "Arial";
	color:#ff7800;
	line-height: 1.5em;
	border-bottom:#e2e2e2 1px solid;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

h3 {
	font:bold 12pt "Arial";
	margin:0 0 10px 0;
	line-height: 1.5em;
}

h4 {
	font:bold 10pt "Arial";
	margin:0 0 10px 0;
	color:#36b2fd;
	line-height: 1.5em;

}

h5{
	font:bold 10pt "Arial";
	margin:3px 0;
}

h6 {
	font:bold 11pt "Arial";
	margin:3px 0;
}

/* Common Formatting
---------------------------------------------------------------*/
p {
	margin:0;
}

fieldset, img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
#right {
	float:right;
	padding:0;
	margin:0;
}
#left {
	float:left;
	padding:0;
	margin:0;
}
.right {
	text-align:right;
	float:right;
}

#nomargin{
	margin:0!important;
}

.nomargin{
	margin:0!important;
}

#clearfloat {
	clear:both;
}

#footer_link{
	font-size:11px;
	float:right;
	width:280px;
	padding-top:14px;
	color:#cccccc;
}

#footer_link2{
	font-size:11px;
	float:right;
	width:16px;
	padding-top:16px;
	color:#cccccc;
}

#footer_link a{
	color:#ffffff;
}

/* Indicate
---------------------------------------------------------------*/
#indicate{
	width:500px;
	float:left;
	padding:0 0 0 35px;
	color:#737373;
	font:normal 7pt "tahoma";
}

#indicate a{
	color:#737373;
}

.txt-indicate{
	color:#f96a0b;
}

/* Links
---------------------------------------------------------------*/  
a:link, a:visited {
	text-decoration:none;
	color:#c31331;
}
a:hover {
	text-decoration: underline;
}

a.brownB {
	color:#571c1f;
}
a.brownB:hover {
	color:#313131;
	text-decoration:underline;
}

.txt-red{
	color:#e80808;
	font:normal 8pt "Arial";	
}

.txtred2{
	color:#ff1800;
	font-weight:bold;
}


.txtwhite {
	color:#ffffff;
}

/* ------------------------------------------------------------
   2. Structure
---------------------------------------------------------------*/
/* Container*/
#wrapper-index {
	width:100%;
	position:relative;
	background:url(../i/c-bg-index-top.gif) left top repeat-x #98d1f2;
	/*overflow:hidden;/**/
}

#wrapper-footer-index{
	width:100%;
	position:relative;
	background:url(../i/c-index-bg-footer.jpg) center bottom no-repeat;
	/*overflow:hidden;/**/
	padding: 0;
}

#wrapper {
	width:100%;
	position:relative;
	background:url(../i/c-bg-inner-top.gif) left top repeat-x #98d1f2;
	/*overflow:hidden;/**/
}

#wrapper-footer{
	width:100%;
	position:relative;
	background:url(../i/c-inner-bg-footer.jpg) center bottom no-repeat;
	/*overflow:hidden;/**/
	padding: 0;
}

#container{
	width:960px;
	position: relative;
	margin: 0px auto;
}

#nav{
	width:960px;
	background:url(../i/btn-bg2.gif) left top no-repeat;
	float:left;
	height:38px;
}

/* Content header*/
#logo{
	width:154px;
	float:left;
	padding:15px 0 0 8px;
}

#control-absolute{
	width:160px;
	position:absolute;
	z-index:0;
	left:785px;
	top:48px;
}

.music-control{
	width:25px;
	float:right;
	padding:10px 5px 0 0;
}

/* Content Index-Chicky*/
#header{
	width:960px;
	float:left;
}

#banner_flash{
	width:960px;
	position:absolute;
	top:65px;
	left:0;
}

.slogan-index{
	width:142px;
	padding:12px 20px 0 4px;
	float:right;
}

#content-index{
	width:960px;
	float:left;	
	padding:210px 0 0 0;
}

#promo-index{
	float:left;
	padding:0 0 0 5px;
}

/* Content Body-Chiky*/
#content{
	width:960px;
	float:left;	
	background:url(../i/c-hotairballon.jpg) 10px 99px no-repeat;
}
#content-left{
	width:230px;
	float:left;
}

#content-right{
	width:725px;
	float:left;
}

#header-right{
	width:725px;
	float:left;
}

#content-body{
	width:693px;
	float:left;
	background:url(../i/c-cb-top.gif) left top no-repeat;
	padding:28px 13px 0 8px;
}

#content-body-holder{
	width:693px;
	float:left;
	background:#ffffff;
}

#content-row{
	width:623px;
	float:left;
	padding:20px 35px;
}

#content-row2{
	width:623px;
	float:left;
	padding:0 35px;
}

#content-body-bottom{
	width:714px;
	float:left;
	padding:0;
}

.slogan{
	width:142px;
	padding:10px 0 8px 4px;
	float:right;
}

ol.bigday1{
	margin:0 0 0 30px;
}

ul.bigday2{
	margin:0 0 0 30px;
	list-style:disc;
}

ul.bigday3{
	width:180px;
	float:left;
	margin:0 10px 0 0;
	list-style:none;
}

ul.bigday3 li{
	background:url(../i/ico-star.gif) left center no-repeat;
	padding:2px 0 0 20px;
}

ul.bigday3a{
	width:220px;
	float:left;
	margin:0 10px 0 0;
	list-style:none;
}

ul.bigday3a li{
	background:url(../i/ico-star.gif) left center no-repeat;
	padding:2px 0 0 20px;
}

ul.bigday4{
	width:180px;
	float:left;
	margin:0 10px 0 0;
	list-style:none;
}

ul.bigday4 li{
	padding:2px 0 0 20px;
}

/* menu -individual family
------------------------------------ */
.menu {
  width: 320px;
  float:left;
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
  font:normal 9pt "Arial";
  color:#64421d;
}
.menu li {
  clear: both;
  padding: 0 0 30px 0;
  position: relative;
  background:url(../i/dash-menu.gif) repeat-x left bottom;
}


.menu strong {
  background: #fffbdb;
  padding: 0 5px 0 0;
  position: absolute;
  bottom: -.3em;
  left: 0;
}
.menu em {
  background: #fffbdb;
  padding: 0 0 0 10px;
  position: absolute;
  bottom: -.2em;
  right: 0;
  font:bold 11pt "Arial";
}
.menu sup {
  margin:0 3px 0 0;
  font:normal 8pt "Arial";
}

.txt-small-menu{
  font:normal 8pt "Arial";
}

/* clearfix */
.menu li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.menu li {display: inline-block;}
/* Hides from IE-mac \*/
* html .menu li {height: 1%;}
.menu li {display: block;}
/* End hide from IE-mac */

/* chicky club
------------------------------------ */
.chicky_club_td{
	text-align:center;
	padding:0 15px;
	background:#e3f0f7;
}
.chicky_club_td2{
	border-bottom:1px dashed #99cae5;
	padding:12px 10px 12px 0;
	background:#e3f0f7;
}

/* chicky corner
------------------------------------ */
.c-corner{
	width:416px;
	float:left;
}

.c-offer{
	width:100%;
	text-align:center;
}

/* chicky game
------------------------------------ */
#c-game-gallery{
	width:180px;
	float:left;
	background:url(../i/c-game-border.gif) left top no-repeat;
	padding:5px;
	margin:0 26px 15px 0;
}

#c-game-gallery p{
	color:#0E83EB;
	text-align:center;
	padding:4px 0 6px 0;
	font-weight:bold;
}

.margin-cgame{
	margin:0 0 15px 0!important;
}

/* sidenav
------------------------------------ */
#sidenav{
	width:230px;
	float:left;
	padding:129px 0 0 0;
}
#sidenav ul{
	list-style:none;
	padding:0 0 0 0;
}
#sidenav li{
	list-style:none;
	padding:2px 0;
}
#sidenav li a {
	color:#0060ae;
	font:bold 9pt "Arial";
	width:230px;
	display:block;
	outline:none;
}
#sidenav li img{
	display:block;
}
#sidenav li a:hover{
	text-decoration:none;
	color:#ed007c;
}
#sidenav li a:focus{
	text-decoration:none;
	color:#ed007c !important;
}
#sidenav li a.current {
	color:#ed007c !important;
	font-weight:bold;
	text-transform:uppercase;
}
#sidenav li a.lv1{
	color:#333333;
	outline:none;
}
#sidenav li a:hover.lv1{
	color:#0062d0 !important ;
}
#sidenav li a.lv0{
	color:#333333;
	outline:none;
}
#sidenav li a.perm{
	color:#ed007c !important;
	outline:none;
}
#sidenav li a:hover.lv0{
	color:#ffffff !important;
}
#sidenav ul.submenu{
	width:160px;
	margin-left:-70px;
	text-align: right;
}

#sidenav ul.submenu div{
	padding:2px 0;
}

#sb{
	width:216px;
	float:left;
}

#newsletter{
	width:181px;
	float:left;
	margin:20px 0 0 10px;
}



/* Content Footer*/
#footer{
	width:932px;
	position:relative;
	clear:both;
	margin: 0px auto;
	padding:0 14px 40px 0;	
}


/* picture arrangement
---------------------------------------------------------------*/ 
.pic-right{
	float:right;
	margin:0 0 10px 10px;
} 

.pic-left{
	float:left;
	margin:0 10px 10px 0;
}

.pic-left2{
	float:left;
	margin:0 30px 10px 0;
}

.pic-icon{
	padding:0 30px 0 0 ;
}

.pic-align{
	margin:0 30px 0 0;
}



/* ------------------------------------------------------------
   6. Form Elements
---------------------------------------------------------------*/

#form {
	float:left;
	width:100%;
	padding:15px 0 0 0;
}
#form label {
	display: block;
	float: left;
}
#form p.row {
	width:470px;
	float:left;
	margin:5px 0;

}
#form p.row2 {
	float:left;
	margin:5px 0;
	padding:0 0 0 126px;
}
#form label {
	width: 120px;
	padding: 2px 5px 0 0;
	color:#515b21;
	font:normal 9pt "Arial"!important;
}

.textarea {
	width:200px;
	border:1px solid #608002;
	background:#ffd503;
}

.input{
	border:1px solid #608002;
	width: 180px;
	background:#ffd503;

}
.field {
	border:1px solid #608002;

}
.select {
	border:1px solid #608002;
	background:#ffd503;

}

input.required {
	border:1px solid #e6e6e6;
	height:15px;
	width: 180px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}