/* CSS Document iBattle iPhone/iPod Game Site */

body { background: #f2cfaa; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 20px;
margin: 0px; padding: 0px; outline: none; }

img { -ms-interpolation-mode: bicubic; }
div, p, form, ul { padding: 0px; margin: 0px;	-moz-outline-width: 0px; }
ul, li { list-style-type: none; }
table, tr, td {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; line-height: 20px; }
a { color: #00b; text-decoration: underline; outline: none; }
a:hover { color: #00f; text-decoration: none; outline: none; }

div.top-pattern { background: url(images/top-pattern.gif) repeat-x left top; height: 86px; width: 100%; overflow: hidden; }
div.top-pattern-down { background: url(images/top-pattern-down.gif) repeat-x left top; height: 7px; width: 100%; overflow: hidden;}

div.main-cont { background: none; width: 990px; margin: 0px auto; height: 86px; overflow: hidden; position: relative; }
div.header-panel { background: none; width: 611px; height: 86px; margin: 0px 122px 8px 257px; }
/*div.header-bid1 { background: url(images/header-bid.png) no-repeat left top; width: 172px; height: 86px; float: left; }*/
div.logo { width: 457px; margin: 0px auto; }
a.logolink { display: block; background: url(images/logo-itank.png) no-repeat center top; width: 457px; height: 81px;
text-indent: -9999px;}
div.chain-price { position: absolute; right: 15px; top: -5px; background: url(images/chain-bg.png) no-repeat left top; width: 110px; height: 146px; float: left; }
div.chain-price a { display: block; background: url(images/chain-price-lite.png) no-repeat left top; width: 110px; height: 66px; text-indent: -9999px; margin-top: 25px; }
div.offer-bg { background: url(images/offer-bg.gif) no-repeat left top; margin: 0px auto; width: 404px; height: 65px; margin-top: 20px; }
div.offer-bg span { font: 18px Arial, Helvetica, sans-serif; line-height: 70px; padding-left: 5px;  }

div.bg-pattern { background: url(images/topbg-index.gif) repeat-x left top; width: 100%; margin-top: -2px; }
div.main-cont-mid { background: url(images/index-bg.png) no-repeat left top; width: 990px; /*height: 408px;*/ overflow: hidden; 
margin: 0px auto; z-index: 1; }

div.menu { background: none; width: 611px; overflow: hidden;  margin: 0px 122px 0px 257px; }
div.menu ul { width: 591px; margin: 0px auto; overflow: hidden; margin-top: 13px;  }
div.menu ul li { float: left; text-indent: -9999px; background: url(images/menu-icon.png) no-repeat -1px 2px; padding-left: 18px;
margin: 0 2px; }
div.menu ul li a { display: block; background: url(images/menu.png) no-repeat; }
div.menu ul li.m1 a { background-position: 0px 0px; width: 71px; } /*home*/
div.menu ul li.m2 a { background-position: 0px -22px; width: 173px; } /*media*/
div.menu ul li.m3 a { background-position: 0px -44px; width: 77px; } /*scores*/
div.menu ul li.m4 a { background-position: 0px -66px; width: 96px; }  /*how to*/
div.menu ul li.m5 a { background-position: 0px -88px; width: 60px; } /*news*/
div.menu ul li.m1 a:hover { background-position: -71px 0px; }
div.menu ul li.m2 a:hover { background-position: -173px -22px; }
div.menu ul li.m3 a:hover { background-position: -77px -44px; }
div.menu ul li.m4 a:hover { background-position: -96px -66px; }
div.menu ul li.m5 a:hover { background-position: -60px -88px; }

div.slider-outer-cont { background: none; width: 631px; overflow: hidden; margin: 45px 100px 0px 257px; position: relative; }
a.price-tag { position: absolute; display:block; background: url(images/price-tag-lite.png) no-repeat top left; 
width: 111px; height: 110px; right: 00px; top: 0; text-indent: -9900px; }
/*div.slider-count-cont { background: none; width: 15px; height: 100px; margin: 80px 15px 0px 100px; 
overflow: hidden; float:left; display: inline; }*/
div.slider-cont {  width: 406px; height: 260px; overflow: hidden; margin-left: 110px; background: none; }

.main-container-in { margin: 0px auto; padding: 0px; width: 611px; margin: 30px 122px 0px 257px; }
.left-side-in { float: left; width: 420px; }
.spacing-in { float: left; width: 11px; }
.right-side-in {  margin: 0; float: left; width: 180px; /*height: 1%;*/ }
.footer-in { clear: both; background: #a2a2a2; }

.button-left { width: 180px; overflow: hidden; margin:0px auto; text-align: center; }
.button-left a img { margin-bottom: 20px; }

.box-cont { background: #fff; width: 99%; overflow: hidden; padding: 0.5%; }
.box-cont-outer { background: #000; width: 98%; overflow: hidden; padding: 1%; }
.box-cont-inner { background: #fff3dd; width: 100%; overflow: hidden; }
.box-tl, .box-tr, .box-bl, .box-br { background: #000 url(images/box-balt.png) no-repeat; width: 11px; height: 11px;  }
.box-tl { background-position: 0px 0px; float:left; }
.box-tr { background-position: 0px -11px; float: right; }
.box-bl { background-position: 0px -22px; float:left; }
.box-br { background-position: 0px -33px; float:right; }
.box-mainarea { overflow: hidden; padding: 11px; clear: both; }

div.inner-head { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 23px; line-height: 25px; color: #a70606; background: #f5e2be; padding: 5px; overflow: hidden; margin-bottom:10px; }

div.features-in { width: 100%; overflow: hidden; }
div.features-in ul li { background: url(images/icon-features.gif) no-repeat 0px 9px; padding: 5px 0; padding-left: 20px;
overflow: hidden; }

div.footer-cont { margin: 0px auto; padding: 0px; width: 611px; margin: 10px 122px 10px 257px; padding-top: 7px;
background: url(images/footer-bg.gif) no-repeat top left; height: 42px; }
div.f-left { float: left; padding-left: 30px; } 
div.f-right { float: right; padding-right: 30px; } 
div.f-menu { font-size: 11px; color: #fcd729; }
div.f-menu a { color: #fcd729; text-decoration: none; }
div.f-menu a:hover { color: #fcd729; text-decoration: underline; }

.main-container1 { margin: 0px auto; padding: 0px; width: 802px; margin: 20px 122px 0px 66px; }
.left-side1 { float: left; width: 180px; }
.spacing1 { float: right; width: 11px; }
.right-side1 {  margin: 0; float: right; width: 611px; /*height: 1%;*/ }
.footer1 { clear: both; background: #a2a2a2; }

.big-scr { margin: 10px auto; text-align: center; overflow: auto;}

.links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 30px; color: #a70606; text-decoration: none;  }

div.gallery_cont{ width: 500px; margin: 0px auto; overflow: auto; margin-bottom:10px;}
div.gal_belt{ width:450px; float:left; background-color:#FFCC99; margin: 0px auto; overflow: auto;}
div.gal_belt ul{ margin:5px; list-style-type: none; overflow: auto;}
div.gal_belt ul li{ width:82px; float:left; padding-left:3px; padding-right:3px; text-align:center;}


div.scores-tbl-head{ margin: 0px auto; width:570px; float:left;}
.scr_tbl tr td{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; line-height: 25px; color: #a70606; text-align:left;}

div.scores{ margin: 10px auto; overflow: auto; height: 300px; float: left; width:600px;}
div.scores tr td{ margin: 10px auto; overflow: auto; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; line-height: 25px; color: #000; text-align:center;}

div.how-page-outer{ margin: 0px auto; width:570px;}
div.how-page ul li{ width:275px; float:left; margin:0px auto; overflow: auto;}

.hline{background: url(images/line.gif) left center  repeat-x; line-height:20px;}
.vline{background: url(images/line.gif) center top repeat-y; }

.l_line{ background: url(images/news-ll.gif) left top  repeat-y; width:5px;}
.r_line{ background: url(images/news-rl.gif) right top  repeat-y; width:5px;}
.t_line{ background: url(images/news-tl.gif) left top  repeat-x; height:5px;}
.b_line{ background: url(images/news-bl.gif) left top  repeat-x; height:5px;}

div.news-outer{ margin: 0px auto; overflow: auto; float: left; width:600px; margin-top:5px; margin-bottom:5px;}
div.news-left{ width: 400px; float:left; margin:0px auto; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000; font-weight: bold;}
div.news-right{ width: 200px; float:right; margin:0px auto; overflow: hidden;}

.feed-tbl-bg{ background: url(images/feed-box-bg.gif) left top no-repeat; width: 570px; height: 82px;}
.feed-tbox{ background: url(images/feed-box.gif) left top no-repeat; width: 205px; height: 24px;}
.text-box{ border:none; background:none; height:24px; width:200px;}

.text-field{ background: url(images/text-mid.gif) left top repeat-x; height: 24px;}

.text-field-box{ border:none; background:none; line-height:24px; width:510px;}
.txt-area{ background: url(images/text-area.gif) left top no-repeat; width: 526px; height: 85px; padding:5px;}
.txt-area-box { border:none; background:none; width:516px; height: 70px;overflow: auto;}

.red-text{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #e61111; line-height: 20px;}
.big-blacktxt{ font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; line-height: 25px; color: #000; text-align:left;} 

.left-button-bg { background: url(images/left-button-bg.png) no-repeat left top; width: 178px; height: 151px; }

a.soc-twit { display: Block; background: url(images/socmed-icon.png) no-repeat left top; width: 58px; height: 46px; float: left; text-indent: -9999px; margin-top: 10px; }
a.soc-fb { display: Block; background: url(images/socmed-icon.png) no-repeat center top; width: 58px; height: 46px; float: left; text-indent: -9999px; margin-top: 10px; }
a.soc-yt { display: Block; background: url(images/socmed-icon.png) no-repeat right top; width: 58px; height: 46px; float: left; text-indent: -9999px; margin-top: 10px; }

a.fb-btn { display: Block; margin: 0px auto; background: url(images/fb-btn.png) no-repeat right top; width: 157px; height: 29px; text-indent: -9999px; margin-top: 15px; clear:both; }
a.news-btn { display: Block; margin: 0px auto; background: url(images/news-btn.png) no-repeat right top; width: 157px; height: 29px; text-indent: -9999px; margin-top: 10px; clear: both; }


a.btn-app-str { display: Block; background: url(images/btn-app-str.png) no-repeat right top; width: 180px; height: 64px; float: left; text-indent: -9999px; margin-bottom: 0px;margin-top: 5px; }

a.dwn-full-ver { display: Block; background: url(images/dwn-full-ver.png) no-repeat right top; width: 177px; height: 48px; float: left; text-indent: -9999px; margin-top: 10px; }

.panel {
	text-align:center;padding-top:10px;
}

/*quote-page*/
.q-t-1{ background: url(images/q-t-1.gif) left top no-repeat; width: 264px; height: 24px; border:none;}
.q-t-2 {
	background: #fffefc;
	border: #c59031 1px solid;
	padding-left: 5px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-SIZE : 13px; 
	height: 24px;
	width: 264px;
	color: #000000;
}

.q-t-3 {
	background: #fffefc;
	border: #c59031 1px solid;
	padding-left: 5px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-SIZE : 13px; 
	height: 24px;
	width: 560px;
	color: #000000;
}

.q-t-4{ background: url(images/q-t-4.gif) left top no-repeat; width: 554px; height: 74px; border:none;}

/* Lite Version */
div.logo-lite { width: 457px; margin: 0px auto; }
a.logolink-lite { display: block; background: url(lite-images/logo-itank-lite.png) no-repeat center top; width: 457px; height: 81px;
text-indent: -9999px;}
div.chain-price-lite { position: absolute; right: 15px; top: -5px; background: url(images/chain-bg.png) no-repeat left top; width: 110px; height: 146px; float: left; }
div.chain-price-lite a { display: block; background: url(lite-images/chain-price-lite.png) no-repeat left top; width: 110px; height: 66px; text-indent: -9999px; margin-top: 25px; }
a.full-version { display: Block; margin: 0px auto; background: url(lite-images/download-full.png) no-repeat right top; width: 177px; height: 40px; text-indent: -9999px; margin-top: 10px; clear:both;margin-bottom: 5px; }
a.lite-version { display: Block; margin: 0px auto; background: url(lite-images/download-lite.png) no-repeat right top; width: 177px; height: 40px; text-indent: -9999px; margin-top: 15px; clear:both; }
a.price-tag-lite { position: absolute; display:block; background: url(lite-images/price-tag-lite.png) no-repeat top left; 
width: 111px; height: 110px; right: 00px; top: 0; text-indent: -9900px; }
a.full-download { display: Block; margin: 0px auto; background: url(lite-images/177x266-iphone.jpg) no-repeat right top; width: 125px; height: 300px; text-indent: -9999px; margin-top: 10px; clear:both;margin-bottom: 5px; }
a.lite-version-index { display: Block; margin: 0px auto; background: url(lite-images/itankster-lite.png) no-repeat right top; width: 177px; height: 89px; text-indent: -9999px; margin-top: 15px; clear:both; }