html, body {
	height: 100%;
}

body {
	color: #666;
	background: #f1f1f1 url(i/bg.gif) 0 0 repeat-x;
	font: normal 0.75em/1.4 verdana, arial, sans-serif;
	margin: 0 0 0.1em 0; padding: 0;
}

a {color: #29abe2}

a:active {
  outline: 0;
}

:focus
{
  -moz-outline-style: none;
}

img {border: none}

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


ul {list-style:none}

h5 {
	font-size:120%;
	margin: 0.7em 0 0.7em 0;
}

#wrapper {
	width: 780px;
	margin: auto;
}

#flash-wrapper {
	width: 780px;
	height: 422px
}

/* Non flash effects*/

#non-flash {
	width: 780px;
	height: 422px;
	position: relative;
	background: url(i/egg-menu.jpg) 0 0 no-repeat;
	/*border: solid 1px #333;*/
}

#non-flash a {
	position: absolute;
	display: block;
	text-decoration: none;
}

#non-flash a:hover {
	/*border: solid 1px #333;*/
}
#menu-egg    {width: 227px; height: 134px; left: 283px; top: 264px;}
#menu-laptop {width: 131px; height: 109px; left: 99px; top: 177px;}
#menu-iphone {width: 70px; height: 88px; left: 190px; top: 85px;}
#menu-print  {width: 125px; height: 85px; left: 276px; top: 130px;}
#menu-webcam {width: 65px; height: 82px; left: 352px; top: 30px;}
#menu-psp    {width: 109px; height: 69px; left: 422px; top: 112px;}
#menu-calls  {width: 92px; height: 69px; left: 544px; top: 78px;}
#menu-photo  {width: 100px; height: 67px; left: 570px; top: 198px;}

#non-flash a span {
	display: none;
}

#bubble {
	position: absolute;
	top: 140px;
	left: 50%;
	width: 279px;
	height: 61px;
	padding: 20px;
	text-align: center;
	font-size: 20px;
	margin-left: -160px;
	background: #29abe2 url(i/bubble-bg.png) 0 0 no-repeat;
	color: #fff;
	display: none;
}

#bubble div {
	display: table-cell;
	vertical-align: middle;
	height: 61px;
}

.column {
	width: 370px;
	padding: 0 20px 10px 0;
	float: left;
}

#menu {
	overflow: hidden;
	margin: 1em 0;
	zoom: 1;
	_height: 1%
}

#mainmenu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainmenu li {
	float: left;
	margin: 0 2em 0 0;
	font-size: 120%;
	line-height: 29px;
}

#mainmenu a.active {
	color: #666;
	text-decoration: none;
	cursor: default;
}

a.buy_button {
	float: right;
	display: block;
	width: 170px;
	height: 29px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

a.buy_button span {
	display: block;
	width: 170px;
	height: 29px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(i/button-buy.png);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}

a.buy_button:hover span {
	background-position: 0 -29px;
}

.footer {
	margin: 3em 0 2em 0;
	font-size: 90%;
}

.note {font-size: 80%;}
dt {
	font-weight: bold;
	}
	
dd {
	margin: 0.5em 0 1.5em 0;
}

.accordion h4, h4.show_block {
	font-weight: normal; 
	font-size: 100%;
	margin: 1em 0;
	outline:none;
}

.accordion h4 a, .show_block a {
	text-decoration: none;
	border-bottom: dotted 1px #29abe2;
}

h4.ui-state-active a, .show_block a.active {
	border: none;
}

h4 a:active {outline: 0}
 .ui-accordion-content { zoom: 1; }
 * html .ui-accordion-content {  height: 1%;  overflow: hidden}

/* Indicators */
.indicators {
	margin: 1.5em 0 0;
	}
	
.indicators ul {
	font-size: 90%;
	margin: 0;
	padding:0;
}

.indicators li {
	margin: 0.3em 0;
}
.indicators li img {
	vertical-align:middle;
	width: 23px; height: 17px;
}

.indicators .right div {
	float: left;
	width: 165px;
}

.indicators .right ul {
	float: left;
	padding:0;
	margin: 0 0 0 1em;
	}

.indicators li span, .right span {
	color: #29abe2;
}

/* Package */

.package {
	overflow: hidden;
	margin: 0; padding: 0;
	zoom: 1;
	_height:1%;
	}
	
.package li {
	font-size: 90%;
  width: 135px;
  margin: 0 50px 25px 0;
  padding:1px;
  vertical-align: top;
  list-style:none;
	display: block;
	float: left;
	text-align: center;

}
.package div { /* Used for IE png fix, which makes images inline-block*/
	text-align: center;
}

.package img {
	display: block;
	margin: 5px auto;
}

/* First connect */

.first-connect .column.right {
	padding: 0 0 0 20px;
}
.first-connect .right p {
	padding: 0 15px;
}

.first-connect .right p.attention {
	padding: 15px;
	background: #e5e6e6;
	color: #666;
}