html, body {height: 100%;}
body {margin:0px;padding:0px;color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:20px;background-color:#e7f9ff;}
a, a:link, a:visited {color:#008eb0;}
a:hover {color:#F90;text-decoration:none;}
img {border:0px;}
#bottom {background-repeat:no-repeat;background-position:center bottom;}
#water_sand {background-repeat:repeat-x;background-position:center bottom;}
#centre {position:relative;margin:0px;background:url(../images/bg_pattern.jpg) no-repeat top center;}
#background {margin:0px;background:#e4f9ff url(/images/page_bg.jpg) repeat-x top;}
.wrapper {width:980px;margin:0px auto;}
#header {height:50px;width:980px;}
#logo_container {float:left;width:310px;}
#logo {width:240px;height:68px;margin:5px 0 0 0px;position:absolute;}
#social { width:300px;float:left;margin-top:15px;text-align:right;}
#search_blimp {width:350px;height:63px;margin:5px 0 0 0;float:right;}
#search_blimp .front {width:53px;height:63px;float:left;}
#search_blimp .middle {background:url(../images/search_blimp_tile.png) repeat-x top;float:left;width:230px;height:63px;}
#search_blimp .tail {width:67px;height:63px;float:right;background:url(../images/search_blimp_tail.png) no-repeat top;}
#search_blimp .field {width:180px;height:24px;padding:10px 0 0 2px;}
#search_blimp .field input {border:none;background-color:#FFF;padding:3px;width:174px;height:18px;}
#search_blimp .button {width:54px;height:24px;position:absolute;margin:18px 0 0 186px;}
#menu_wrapper {width:980px;height:53px;}
#top_channel {width:980px;height:90px;text-align: center;}
@font-face {font-family: "Emma Sophia";src: url(../font/emmasophia.ttf) format("truetype");}
@font-face {font-family: 'MidoMedium';src: url('/font/Mido-webfont.eot');src: local('☺'), url('/font/Mido-webfont.woff') format('woff'), url('/font/Mido-webfont.ttf') format('truetype'), url('/font/Mido-webfont.svg#webfont') format('svg');	font-weight: normal;font-style: normal;}
.white {color:#FFF;}
#container {width:980px;background-color:#FFF;min-height:542px;margin:5px 0 0px 0;padding:0px;}
#container .top {width:980px;height:5px;background:url(../images/content_top.gif) no-repeat bottom;}
#container_bottom {width:980px;height:5px;background:url(../images/content_bottom.gif) no-repeat bottom;}
#content {padding:12px 17px 12px 17px;}
hr.clear {clear:both;visibility:hidden;line-height:0px;height:0px;margin:0px;padding:0px;}
#content h1 {font-family:"MidoMedium", Arial, Helvetica, sans-serif;font-weight:normal;color:#008eb0;font-size:22px;margin-top:0px;padding-top:0px;line-height:normal;}
#content h2 {font-family:"MidoMedium", Arial, Helvetica, sans-serif;font-weight:normal;color:#008eb0;font-size:18px;}
#content h3 {font-family:"MidoMedium", Arial, Helvetica, sans-serif;font-weight:normal;color:#5bb3ed;font-size:11px;margin-top:0px;padding-top:0px;}
.pic_float_right {float:right;margin-left:25px;}
.center { width:100%; text-align:center;}
#footer_container {width:980px;background:#FFF;}
#footer_container .footer-links{ margin-left:130px;}
#footer_container .links {font-size:12px;color:#696969;float:left;padding:10px;}
#footer_container .links a {width:150px;}
#footer_container .links a, #footer a:link, #footer a:visited {font-size:12px;color:#696969;}
#footer_container .links ul {margin:0px auto 0 auto;padding:0px;}
#footer_container .links li {margin:0px;list-style:none;}

#breadcrumbs {margin-top: 5px;padding:5px;width:980px;background:#FFF;border-radius:5px;}

.home_large_image {margin-bottom:12px;}
.home_left {width:632px;float:left;}
.home_left p {padding:0px;margin:0px;}
.home_left h1 {font-family:"MidoMedium", Arial, Helvetica, sans-serif;font-weight:normal;color:#008eb0;font-size:14px;line-height:normal !important;}
.home_right {width:300px;float:right;}
.home_right p {padding:0px;margin:0px;line-height:normal;}
ul.home_boxes {padding:0px;margin:0px;line-height:normal;}
.home_boxes li {list-style:none;margin:5px;padding:0 0 12px 0;line-height:normal;float:left;}
.game {width:125px;border-bottom:1px solid #dfdfdf;padding:0px;}
.game .thumb {width:120px;height:120px;border:1px solid #dfdfdf;padding:3px;}
.game .title {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333333;font-weight:bold;text-align:center;margin:2px 0;}
.game .bottom {clear:both;margin:5px 0 0 0;}
.game .bottom .category {width:120px;color:#f26522;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;text-align: center;}

/* category_page */
ul.category_game_list {margin:0px;padding:0px;}
.category_game_list li {margin:0px;padding:0px 5px 5px 0px;list-style:none;float:left;}
.box_category_group { width:296px;float:left;margin:0;padding:0; }
ul.category_game_list120px {list-style:none;margin:0;padding:0; width:100%;}
ul.category_game_list120px li {list-style:none;float:left;margin:6px 6px 0 0;padding:5px;width:130px;border:1px solid #CCC;}
.category_page {width:295px;border-bottom:1px solid #dfdfdf;padding:0px;border:1px solid #dfdfdf;padding:3px;}
.category_page60px {width:105px;border-bottom:1px solid #dfdfdf;padding:0px;border:1px solid #dfdfdf;padding:3px;}
.category_page120px {width:125px;border-bottom:1px solid #dfdfdf;padding:0px;border:1px solid #dfdfdf;padding:3px;float:left;}
.category_page .thumb {width:120px;height:120px;border:1px solid #dfdfdf;padding:3px;margin:5px;}
.category_page .thumb90px {width:90px;height:90px;border:1px solid #dfdfdf;padding:3px;margin:5px;}
.category_page .thumb60px {width:60px;height:60px;border:1px solid #dfdfdf;padding:3px;float:left}
.category_page .desc {padding:3px;height:150px;}
.category_page .desc90px {width:185px;height:120px;padding:3px;}
.category_page .desc60px {width:275px;height:80px;padding:3px;float:left;}
.category_page .desc120px {width:125px;height:135px;padding:3px;float:left;}
.category_page .title {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333333;font-weight:bold;text-align:left;margin:2px 0 2px 5px;padding:2px;}
ul.category_game_list120px .title {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333333;font-weight:bold;text-align:left;margin:2px 0 2px 5px;padding:2px;}
.category_page .bottom {clear:both;margin:5px 0 0 0;}
.category_page .bottom .category {width:120px;color:#f26522;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;text-align: center;}

ul.game_list {margin:0px 0 0 20px;padding:0px;}
.game_list li {margin:0px;padding:0px 15px 60px 0px;list-style:none;float:left;}
ul#buttons {width:330px;margin:10px auto;clear:both;padding:0px;}
#buttons li {list-style:none;float:left;margin:0 40px 0 0px;}
#object {width: 100%;text-align: center;}
#product_full {}
#product_full .left {width:490px;float:left;}
#product_full .right {width:420px;float:right;text-align:right;}
ul.ticks {float:left;margin:0px 0 20px 0;padding:0px;}
.ticks li {background:url(../images/icon_tick.gif) no-repeat left;line-height:25px;width:200px;float:left;margin:0 20px 0 0;padding:0 0 0 25px;display:block;}
#product_cart {height:32px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:5px 20px;clear:both;margin:20px 0;}
#product_cart .price {width:100px;float:left;color:#3e9b06;font-family:Arial, Helvetica, sans-serif;font-size:28px;font-weight:bold;margin-top:5px;}
#product_cart .qty {width:150px;float:left;color:#5bb3ed;font-size:24px;}
#product_cart form {margin:0px;padding:0px;}
#product_cart .qty input {padding:3px;margin:0px;width:63px;height:23px;background-color:#FFF;border:1px solid #dfdfdf;font-size:28px;color:#5bb3ed;}
#product_cart #button {width:165px;float:right;}
.image_border {border:1px solid #dfdfdf;padding:3px;}
ul.small_thumb {margin:10px 0px 0 0;padding:0px;}
.small_thumb li {width:77px;height:76px;border:1px solid #dfdfdf;padding:3px;margin:0px 0px 10px 10px;list-style:none;float:right;}
.about_left {width:545px;float:left;}
.about_right img {padding-bottom:5px;}
.about_right {width:331px;float:right;text-align:center;}
.blue_text {color:#5bb3ed;font-weight:bold;}
#details_wrapper {margin:25px 0 15px 0;background:url(../images/dot.gif) bottom repeat-x;height:120px;width:680px;float:left;}
.left_details {float:left;width:180px;}
.left_details2 {float:left;width:200px;margin-left:20px;padding-top:18px;}
.right_details {float:left;width:240px;margin-left:20px;padding-left:20px;}
.contact_title {color:#186c9b;font-weight:bold;float:left;width:70px;}
.contact_detail {float:left;width:100px;clear:right;}
.forms {border:#c8cdd2 1px solid !important;background-color:#FFF !important;margin:3px 0px;padding:4px;font-family:Arial, Helvetica, sans-serif;}
.blue {color:#186c9b;}
#contact {border:0;}
#contact label {float:left;width:80px;margin-right:15px;clear:left;color:#186c9b;font-weight:bold;text-align:right;height:32px;}
#contact input, #contact textarea {}
#contact .submit_button {clear:left;margin-left:95px;}
#form_container {float:left;clear:left;width:440px;}
#form_container .label {width:150px;float:left;}
#form_container .field {float:left;}
#contact_right {float:right;width:187px;}
#contact_left {float:left;width:680px;}
/*tabs*/
.tabs {margin: auto;}
.random-tabs {margin: auto;}
.category-tabs {margin: auto;}

.tabNavigation {margin:0;padding:0;}
.tabNavigation li {float:left;list-style:none;}
.tabNavigation h2 {padding: 0; margin: 0;}
.tabNavigation a {border: 1px solid #008EB0;border-bottom: 1px solid #008EB0;background: #DCF0F6;text-decoration: none;color: #333333;padding:1px 10px;margin:0;}
.tabNavigation li a:hover h2 {background: #E7F9FF;}
.tabNavigation li h2 a.current {background: #FFFFFF;}
.tabNavigation li h2 a.current {border-bottom: 1px solid #ffffff;}

#first {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#second {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#random-first {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#tab-1 {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#tab-2 {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#tab-3 {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#tab-4 {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#tab-5 {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#tab-6 {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}
#tab-7 {z-index: 1;border-top: 1px solid #008EB0;padding:5px 0;margin:0;}

/*tipsy*/
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
.menu_class {border:1px solid #1c1c1c;}
.the_menu {display:none;width:800px;border-left: 1px solid #6EA7D1;border-right: 1px solid #6EA7D1;border-bottom: 1px solid #6EA7D1;position: absolute;z-index:100;filter: alpha(opacity=90);-moz-opacity: 0.90;opacity: 0.90;}
ul.the_menu { padding: 0; margin: 0; list-style: none;}
.the_menu li {background-color: #FFF; }
.the_menu li a {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#008EB0;text-decoration:underline;font-weight:bold;background-color:#fff;display:block;}
.the_menu li a:hover {text-decoration: none;}
#pagination li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination a           { border:solid 1px #008EB0; margin-right:2px; }
#pagination .previous-off,
#pagination .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination .next a,
#pagination .previous a { font-weight:bold; }	
#pagination .active     { background:#FF9900; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
#pagination a:link, 
#pagination a:visited   { color:#008EB0; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination a:hover     { border:solid 1px #FF9900; }

/* sexy sharing */
div.sociable { margin: 5px 0; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span { position: absolute;display: block;top: -5em;background: #ffe;border: 1px solid #ccc;color: black;line-height: 1.25em; }
.sociable span { display: block; margin:0;padding:0; }
.sociable ul { display: inline;	margin: 0 !important; padding: 0 !important; }
.sociable ul li { background: none;	display: inline; list-style-type: none;	margin: 0; padding: 1px; }
.sociable ul li:before { content: ""; }
.sociable img {	float: none;width: 32px;height: 32px;border: 0;	margin: 0; padding: 0; }
.sociable-hovers { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
.sociable-hovers:hover { opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); }
/* error messages */
.info, .success, .warning, .error, .validation { border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;font-family:Arial, Helvetica, sans-serif;font-size:13px;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('/images/info.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/images/success.png');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('/images/warning.png');}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('/images/error.png');}
/* index slider */
.container {overflow: hidden;width: 600px;margin: 0 auto;}
#main {padding: 10px;background: #f0f0f0;border: 1px solid #ccc;}
.main_image {width: 380px; height: 310px;float: left;background: #333;position: relative;overflow: hidden;color: #fff;}
.main_image p {line-height: 1.6em;}
.block small { padding: 0;font-size: 1em;}
.main_image .desc{position: absolute;bottom: 0;	left: 0;width: 100%;display: none;}
.main_image .block{width: 100%;background: #111;border-top: 1px solid #000;	height: 50px;padding: 5px;font-size: 11px;}
.main_image a.collapse {height: 27px; width: 93px;text-indent: -99999px;position: absolute;top: -27px; right: 20px;}
.main_image a.show {background-position: left bottom;} 
.image_thumb {float: left;width: 250px;background: #f0f0f0;border-right: 1px solid #fff;border-top: 1px solid #ccc;}
.image_thumb img {border: 1px solid #ccc;padding: 5px;background: #fff;float: left;}
.image_thumb ul {margin: 0; padding: 0;list-style: none;}
.image_thumb ul li{margin: 0; padding: 0;width: 250px;float: left;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;border-right: 1px solid #ccc;}
.image_thumb ul li.hover {background: #ddd;cursor: pointer;}
.image_thumb ul li.active {background: #fff;cursor: default;}
.image_thumb ul li .block {float: left;padding: 5px;width: 150px;}	
.image_thumb ul li p{display: none;}

.menu {
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #008EB0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 41px;
	margin: 0;
	padding: 0;
}

.menu ul{
	margin: 0;
	padding: 0;
	float: left;}

.menu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 10.5px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #008EB0;}

.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	background-color:#008FD5;} /* change the background color of the list item when you hover over it */

.wraper {
	width: 980px;
	margin:0px auto;
}

.menu .left { float:left; }
.menu .right { float:right; }


#vertmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 310px;
	padding: 0px;
	margin: 0px;
}

#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	float:left;
}
#vertmenu ul li {
	margin: 0px;
	padding: 0px;
}
#vertmenu ul li a {
	display: block;
	border-bottom: 1px dotted #008EB0;
	padding: 10px 0px 10px 4px;
	text-decoration: none;
	color: #666666;
	width: 150px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #FFF;
	background-color: #008FD5;
}

.myButton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	cursor: pointer; 
}

a.myButton{color:#777777;}

.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	color:#777777;
}
.myButton:active {
	position:relative;
	top:1px;
}

.blue {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00B0EC), color-stop(1, #008EB0) );
	background:-moz-linear-gradient( center top, #00B0EC 5%, #008EB0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B0EC', endColorstr='#008EB0');
	background-color:#00B0EC;
	color:#FFF;
}
a.blue {color: #FFF;}
.blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #008EB0), color-stop(1, #00B0EC) );
	background:-moz-linear-gradient( center top, #008EB0 5%, #00B0EC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008EB0', endColorstr='#00B0EC');
	background-color:#008EB0;
	color:#FFF;
}

.cyan {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EC068D), color-stop(1, #9C0258) );
	background:-moz-linear-gradient( center top, #EC068D 5%, #9C0258 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC068D', endColorstr='#9C0258');
	background-color:#EC068D;
	color:#FFF;
}
a.cyan {color: #FFF;}
.cyan:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9C0258), color-stop(1, #EC068D) );
	background:-moz-linear-gradient( center top, #9C0258 5%, #EC068D 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9C0258', endColorstr='#EC068D');
	background-color:#9C0258;
	color:#FFF;
}

label    { font-weight: bold; }
fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend   { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

fieldset, #IE8#HACK { padding-top:1.4em; }
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

input[type=text], input[type=password], input[type=url], input[type=email],
input.text, input.title,
textarea {
  background-color:#fff;
  border:1px solid #bbb;
  color:#000;
}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus,
input.text:focus, input.title:focus,
textarea:focus {
  border-color:#666;
}
select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password], input[type=url], input[type=email],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea    { width: 390px; height: 250px; padding:5px; }

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

.error,
.alert,
.notice,
.success,
.info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice        { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success       { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info          { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a          { color: #514721; }
.success a         { color: #264409; }
.info a            { color: #205791; }