html {
 height: 100%; 
}

*+html {
 height: auto;
}

body {
 margin: 0px;
 padding: 0px;
 background-image: url(../images/spacer.gif); 
 background-attachment: fixed;
 font-family: Tahoma;
 font-size: 11px;
 color: #4C4C4C;
 background-color: #FFFFFF;
 text-align: center; 
 height: 100%; 
}

table {
 width: 100%;
 border: none; 
 border-collapse: collapse;
 clear: both; 
}

td, th { 
 font-size: 13px;
 line-height: 15px;
 padding: 0px;
 text-align: center;
}

td { 
 font-size: 11px;
 line-height: 13px; 
 text-align: left; 
}

h1, h2, h3, h4, h5, h6, img, form, fieldset, legend {
 padding: 0px;
 margin: 0px;
 border: none;
}

h1 {
 font-size: 24px;
 line-height: 28px;
 color: #292929;
 font-weight: bold;
 letter-spacing: -1px;
}

#details h1 {
 position: relative;
}

.popup_div h1 {
 padding-bottom: 5px;
}

h2 {
 background-image: url(../images/inner/h2gbg.png);
 background-repeat: no-repeat;
 margin: 8px 0px -4px -45px;
 font-family: Impact;
 text-transform: uppercase;
 font-size: 18px;
 line-height: 20px;
 letter-spacing: -1px;
 font-weight: normal; 
 /*padding: 13px 0 0 0px;*/
 position: absolute;
 z-index: 3; 
 width: 740px;
 height: 45px;
 color: #000000;
}

h2.long {
 background-image: url(../images/inner/h2bg.png);
}

h4 {
 color: #79B70C;
 font-size: 12px;
 font-weight: bold;
}

.incontent_wrap h2 {
 width: 175px;
 margin: -7px 0px 0px -62px;
 position: relative;
}

.incontent_wrap h2.long {
 clear: both;
 width: 300px;
 margin-top: 0px;
}

h2.row1 {
 background-image: url(../images/inner/h2ybg.png);
}

.full h2 {
 margin-top: -5px;
}

h2 span { 
 float: left;
 margin: 12px 0px 0px 55px; 
 white-space: nowrap;
}

h3 {
 background-image: url(../images/side/h3bg.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 position: relative;
 z-index: 4;
 height: 52px;
 margin-bottom: -12px;
 padding-left: 13px; 
 color: #000000;
}

h3 span {
 display: block;
 position: absolute;
 margin-top: 15px;
}

.plan h6 {
 font-style: italic;
 color: #E5FFB6;
 font-family: "Arial Black";
 font-size: 20px;
 line-height: 22px;
 font-weight: normal;
 letter-spacing: -1px;
 padding: 12px 0px 0px 30px
}

.plan h6 em, .plan h6 span {
 font-style: normal;
 color: #171717;
 font-family: Impact;
 font-size: 22px;
 line-height: 24px;
}

.plan h6 span { 
 color: #FFFFFF;
 margin: 0px 3px 0px -3px; 
}

a {
 text-decoration: underline;
 color: #606060;
}

a:hover {
 text-decoration: none;
}

.formfields {
 color: #97A7B3; 
 background-color: #FFFFFF;
 border: 1px solid #B1B1B1;
 margin: 0px;
 padding: 1px 2px 1px 4px;
 width: 236px; 
 font-size: 11px;
 line-height: 14px;
 height: 17px;
 position: relative; 
}

textarea.formfields {
 width: 350px;
 height: 100px;
}

select.formfields {
 width: auto;
 height: 18px;
 padding: 0px;
}

*+html select.formfields {
 height: 20px;
}

#side select.formfields {
 width: 187px;  
}

* html #side select.formfields {
 width: 185px;
}

* html .formfields {
 height: 19px; 
 width: 244px;
 margin: -1px 0px;
}

*+html .formfields { 
 margin: -1px 0px;
}

.formfields.small {
 width: 100px;
}

* html .formfields.small {
 width: 102px;
}

* html textarea.formfields {
 width: 352px;
 height: 152px;
}

#side .formfields {
 display: block;
 border: none; 
 margin-bottom: 14px;
 width: 181px;
}

* html #side .formfields {
 width: 185px;
}

.data .formfields {
 width: 38px;
}

* html .data .formfields {
 width: 40px;
}

/*.formfields:hover {
 background-color: #FFFFCC;
}

.formfields:focus {
 background-color: #FFFFCC;
 border: 1px solid #6B9ED5;
}*/

#root {
 background-image: url(../images/bg.jpg); 
 background-position: center top;
 /*padding-bottom: 150px;*/
 height: 100%; 
 width: 100%;
 display: table; 
}

*+html #root {
 display: block;
 width: auto;
}

#main {
 width: 1003px;
 text-align: left; 
 margin: 0px auto;   
 position: relative;
 z-index: 2;
 height: 100%; 
}

#top {
 position: absolute; 
 z-index: 10;
 width: 1003px; 
}

#head {
 float: right;
 width: 681px;
 background-repeat: no-repeat; 
 background-image: url(../images/top/bg.png);  
 margin-right: 10px;
}

#head ul {
 margin: 0px 0px 0px 30px;
 padding: 0px;
 list-style: none;
 text-align: left; 
}

#head ul li {
 float: left;
 margin-right: 13px; 
}

#head li em {
 display: block;
 float: left;
 background-image: url(../images/top/bg.gif);
 background-position: right 7px;
 background-repeat: no-repeat;
 padding: 6px 15px 10px 0px;
 position: relative;
}

#head li:last-child em {
 background-image: none;
}

* html #head li em {
 background-image: expression(this.parentNode.nextSibling == null ? "none" : "images/top/bg.gif");
}

*+html #head li em {
 background-image: expression(this.parentNode.nextSibling == null ? "none" : "images/top/bg.gif");
}

#head li a {
 display: block;
 height: 12px;
 overflow: hidden;
 float: left;
}

#head li a img {
 margin-top: -12px;
}

#head li a:hover, #head li a.active {
 padding-top: 12px;
 height: 0px;
}

* html #head li a:hover, * html #head li a.active {
 height: 12px;
}

#logo {
 display: block;
 position: absolute; 
 top: 13px;
 height: 76px;
 overflow: hidden;
 z-index: 20;
}

#logo img {
 margin-top: -76px;
}

#logo:hover {
 padding-top: 76px;
 height: 0px;
}

* html #logo:hover {
 height: 76px;
}

#menu {
 position: absolute;
 padding: 0px;
 margin: 0px;
 list-style: none;
 right: 70px;
 top: 65px;
 z-index: 10;
}

#menu li {
 float: right;
 position: relative;   
 margin-left: 53px;
}

#menu li span {
 display: block;
 background-image: url(../images/top/menu/bg.png);
 background-repeat: no-repeat; 
}

#menu li a {
 font-size: 16px;
 font-weight: bold;
 font-family: "Arial Black";
 font-style: italic;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 18px;
 padding: 8px 30px 8px 10px;
 display: block;
 position: relative;
 z-index: 3;
}

#menu li a:first-letter {
 color: #FF8B02;
}

/*#menu li:hover a, #menu li a.active {
 color: #FF8B02;
} */

#menu li ins {
 display: block;
 position: absolute;
 right: 0px;
 width: 122px;
 height: 71px; 
 background-image: url(../images/top/menu/splash.png);
 background-repeat: no-repeat;
 margin: -64px -68px 0px 0px;
}

#menu li ins a {
 display: block;
 position: relative; 
 padding: 0px;
}

#menu li ins a img {
 margin: 19px 0px 0px 42px;
}

#inner {
 clear: both; 
 padding: 0px 0px 87px 5px;
}

#content {
 float: left;
 width: 727px;
 background-repeat: no-repeat;
 display: inline; 
 position: relative;
 z-index: 2;
}

#incontent { 
 /*background-image: url(../images/bg.png);
 background-repeat: no-repeat;*/
 padding: 86px 0px 0px 10px;
 margin-top: 25px; 
 position: relative;
 z-index: 2;
}

.index #incontent, .detail #incontent {
 background-image: url(../images/index_bg.png);
}

.detail #incontent {
 position: static;
}

#collage {
 display: block;
 position: relative;  
 z-index: 3;
 height: 401px;
 margin-bottom: -25px;
}

#collage a {
 display: block;
 position: absolute;
 margin: -20px 0px 0px -25px;
}

#side {
 position: relative;
 z-index: 1;
 float: left; 
 width: 255px;
 background-color: #292929;
 margin: 96px 0px 15px -16px;  
}

#side fieldset {
 position: relative;
 display: block;
}

#side fieldset a {
 display: block;
 text-align: right;
 margin: -10px 6px 0px 0px;
}

#side .splash, #content .splash {
 position: absolute; 
}

#side .splash.ts {
 margin: -13px 0px 0px -29px;
 z-index: 1;
}

#content .splash.tc {
 margin: 26px 0px 0px -32px; 
 z-index: 1;
}

#side .splash.bs { 
 margin: -284px 0px -20px -14px;
 z-index: 1;
}

#content .splash.bc {
 margin: -429px 0px 0px -31px;
 z-index: 1;
}

#side .splash.ss {
 z-index: 3;
 margin: -4px 0px 0px -29px; 
}

.inside {
 /*position: relative;*/
 z-index: 2;
 padding: 17px 0px 0px 8px;
}

#side .panel {  
 width: 227px;
 background-color: #171717;
 margin-bottom: 25px;
}

#side .inpanel {
 padding: 16px 9px 8px 23px;  
 z-index: 3;
 position: relative;
 clear: both;
}

#side .inpanel.member {
 padding-left: 17px;
}

#side .panel .t, #side .panel .b {
 position: absolute;
 z-index: 2;
 background-repeat: no-repeat;
 text-align: right; 
 clear: both;
 width: 227px;
}

#side .panel .t img, #side .panel .b img {
 background-repeat: no-repeat;
 width: 9px;
}

#side .panel .t {
 background-image: url(../images/side/lt.gif); 
}

#side .panel .b {
 background-image: url(../images/side/lb.gif); 
 margin-top: -25px;
}

#side .panel .t img {
 background-image: url(../images/side/rt.gif);
 height: 34px;
}

#side .panel .b img {
 background-image: url(../images/side/rb.gif);
 height: 25px;
}

#side .panel a {
 color: #97A7B3; 
 line-height: 13px;
 text-decoration: none;
}

#side .panel .member a {
 color: #B9C5CC;
 padding-left: 10px;
 background-image: url(../images/side/dot.gif);
 background-repeat: no-repeat;
 background-position: 0px 4px;
}

#side .panel .member a:hover {
 color: #97A7B3;
}

#side .inpanel ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
 display: block; 
}

#side .inpanel iframe {
 margin: 0px;
 padding: 0px;
 border: none;
 width: 194px;
 height: 168px; 
 margin: 0px -8px 15px -6px;
 background-color: transparent;
}

* html #side .inpanel iframe.ie_hide {
 display: none;
}

*+html #side .inpanel iframe.ie_hide {
 display: none;
}

.news {
 padding-bottom: 16px; 
}

.news ul.news_ul {
 list-style: none;
 padding: 0px;
 margin: 0px;
}

#side .inpanel li, .news li.news_li {
 background-image: url(../images/side/bg.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 color: #8B8B8B;
 font-size: 11px; 
 padding-bottom: 7px;
 margin-bottom: 7px; 
 position: relative;
 clear: both;
}

#side .inpanel .menu li {
 padding-bottom: 6px; 
 padding-left: 5px;
}

#content .news li.news_li {
 margin-right: 10px; 
}

.news img {
 float: right;
 margin-left: 7px;
}

.news a {
 text-decoration: none; 
 font-weight: bold; 
}

#side .news a {
 color: #FFFFFF;
}

.news a:hover {
 text-decoration: underline;
}

.news p {
 margin: 0px;
 padding: 3px 0px 0px 0px;
}

#side .button { 
 position: absolute;
 margin: -5px 0px 0px -5px;
 height: 29px;
 overflow: hidden;
}

#side .button:hover {
 padding-top: 29px;
 height: 0px;
}

* html #side .button:hover {
 height: 29px;
}

#side a#desc_1 {
 display: block;
 text-align: left; 
 position: absolute;
 width: 7px;
 margin: -10px 0px 0px 184px;
}

#side a#desc_1 img {
 height: 7px;
 width: 7px;
 float: right;
 background-image: url(../images/icons/arrows.gif);
 background-repeat: no-repeat;
 background-position: 0px -7px;
}

#side a#desc_1.active img {
 background-position: 0px 0px;
}

.items {
 background-image: url(../images/item_bg.png);
 background-repeat: no-repeat;   
 width: 100%;
 height: 222px;
 /*overflow: hidden;*/
 clear: both;
 margin-top: -20px; 
}

* html .items {
 width: 717px;   
}

* html .search_items .items {
 width: 674px;   
}

*+html .items {
 position: relative;
}

.items.on_detail {
 float: left; 
 margin-top: -40px;
 height: auto;
 background-image: url(../images/detail/tbg.png);
}

.items.full {
 height: auto;
 background-image: none;
 margin-top: 0px; 
}

.items.full .items {
 margin-top: -20px; 
 clear: none;
}

.items_wrap {
 padding-left: 33px;
 /*height: 211px;*/
 /*overflow-y: hidden;*/
 position: absolute;
}

.index .items_wrap {
 position: static; 
}

.detail .items_wrap { 
 padding-left: 0px; 
 height: 160px;
 overflow: hidden;
}

.items ul {
 list-style: none;
 padding: 53px 0px 0px 0px;
 margin: 0px; 
 /*float: left;*/ 
}

* html .index .items ul { 
 width: 654px;
}

.items .items ul { 
 padding: 40px 0px 0px 33px;
}

.detail .items ul {
 padding-top: 10px;
}

.items li, .items #item_feature_content .items_wrap li {
 float: left;
 width: 88px;
 margin: 0px 21px 0px 0px;
 padding: 0px;
 position: relative; 
 overflow: hidden;
 background-image: none;
}


.items #scroll_screenshorts li {
 width: 193px;
 margin-top: 20px;
 margin-bottom: 25px;
}

.items #scroll_screenshorts li img {
 /*width: 193px;*/ 
}

.items #item_feature_content li {
 float: none;
 width: auto;
 padding: 0px 0px 5px 10px;
 background-image: url(../images/icons/required.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 list-style: none;
 margin: 0px;
}

.items li a, .items li small {
 display: block;
 text-align: center; 
 margin-bottom: 3px;
 color: #244E6C;
 text-decoration: none;
 position: relative;
 z-index: 2;
}

.items li a {
 height: 26px;
 overflow: hidden; 
}

.items li a:hover {
 text-decoration: underline;
}

.items li a.itemimage {
 height: 103px; 
}

.tabs {
 padding: 0px; 
 clear: both;
 margin: 0px 0px 0px 30px; 
 list-style: none; 
 position: absolute;
 z-index: 5;
}

.tabs.on_detail {
 margin-top: -40px;
}

.tabs li {
 height: 48px; 
 overflow: hidden;
 float: left;
 margin-left: -40px;
 position: relative;
 width: 200px;
 display: inline;
}

.detail .tabs li {
 width: 165px;
}

.detail .tabs li#similar_games {
 width: 195px;
}

.tabs li a {
 display: block;
 font-family: Impact;
 font-size: 20px;
 line-height: 24px;
 padding: 53px 0px 19px 50px;
 background-image: url(../images/tabs.png);
 background-repeat: no-repeat;
 text-decoration: none;
 text-transform: uppercase;
 color: #1F1F1F;
 margin-top: -48px; 
 cursor: pointer; 
}

.detail .tabs li a {
 background-image: url(../images/tabs_short.png);
}

.detail .tabs li#similar_games a {
 background-image: url(../images/tabs.png); 
 font-size: 18px;
}

.tabs li.active a {
 margin-top: 0;
 padding: 3px 0px 17px 35px;
 font-size: 26px;
 line-height: 28px;
 letter-spacing: -1px;
}

.detail .tabs li#similar_games.active a {
 font-size: 21px;
 line-height: 28px; 
}

.tabs li a:hover {
 color: #FF7E00;
}

.tabs li.active a:hover {
 color: #1F1F1F;
}

#bottom {
 clear: both;
 margin-top: -97px;
 width: 1012px;
 position: absolute;
 z-index: 10;
 margin-left: -11px;
}

#inbottom {
 background-image: url(../images/bbg.png);
 background-repeat: no-repeat;
}

#inbottom div {
 padding: 20px 40px 0px 40px;
 color: #475724;
}

#inbottom a {
 float: right;
 position: relative;
 margin: -7px 0px 0px -20px;
 z-index: 2;
}

#inbottom em a, #inbottom em {
 display: inline;
 margin: 0px;
 position: static;
 font-style: normal;
 float: none;
}

#inbottom em {
 display: block;
 margin: -6px 0px 0px 0px;
 font-size: 10px;
 line-height: 13px;
}

#inbottom span {
 display: block;
 clear: both;
 text-align: center;
 color: #C5C5C5;
 margin: 12px 0px 10px 0px;
}

#inbottom span a {
 display: inline; 
 margin: 0px;
 float: none;
 color: #C5C5C5;
}

#flag {
 position: absolute;
 top: 0px;
 right: 0px; 
 z-index: 1;
 width: 119px;
 overflow: hidden;
}

.more {
 clear: both; 
 display: block;  
 height: 29px;
 overflow: hidden; 
 position: absolute;
 z-index: 15;
 margin: -205px 0px 0px 595px;
}

h2 a.more { 
 float: right;
 position: relative; 
 margin: 10px 0px 0px 0px; 
}

.more img {
 margin-top: -29px;
}

.more:hover {
 padding-top: 29px;
 height: 0px;
}

* html .more:hover {
 height: 29px;
}

#lang {
 position: absolute;
 top: 11px;
 left: 239px;
 display: none;
}

#lang a {
 display: block;
 float: left;
 margin-right: 8px;
 position: relative;
 z-index: 10;
}

#tipDiv, #arrDiv {
 z-index: 10;
}


.tooltip_table {
 width: 277px;
 background-color: #FFFFFF;
 border: 1px solid #A2CF5A;  
}

table.tooltip_table td {
 padding: 5px 7px;
}

.tooltip_table td.tooltip_title {
  padding: 3px 7px;
  font-weight: bold;
  background-color: #A2CF5A;
  color: white;
}

.tooltip_table td.tooltip_title a {
    color: #fff;
    text-decoration: none;
}

/*####### Scroll begin #######*/

.controls {
 position: absolute;
 z-index: 15; 
}

.controls div {
 cursor: pointer;
 position: absolute;
 margin: 110px 0px 0px 15px;
}

.detail .controls div {
 margin: 70px 0px 0px -15px;
}

.controls .next {
 margin-left: 675px;
}

.detail .controls .next {
 margin-left: 645px;
}

.disabled {
 visibility: hidden;
} 	

/*####### Scroll end #######*/


.sort_form {
 position: relative;
 z-index: 15;
 color: #474747;
 margin: -5px 33px 0px 15px;
}

.sort_form ul {
 float: right;
 padding: 0px;
 margin: 7px 0px 0px 0px;
 list-style: none;
 position: relative;
 z-index: 15; 
}

.sort_form li {
 float: left;
 white-space: nowrap;
 margin-left: 10px;
}

.sort_form ins {
 text-decoration: none;
}

.sort_form a {
 color: #474747;
}

.pager {
 position: relative;
 float: right;
 margin-right: 30px;
 display: inline;
 margin-top: 10px;
 color: #474747;
 line-height: 14px;
 z-index: 15; 
}

.pager a {
 padding: 0px 2px;
}

.pager a.control {
 color: #82B815;
 font-weight: bold;
}

.pager span {
 padding: 0px 3px;
 color: #FEFEFE;
 background-color: #5F5F5F;
}

.pager ins {
 padding: 0px 3px;
 text-decoration: none;
 font-weight: bold;
}

.content_wrap {
 clear: both; 
 padding: 0px 23px 25px 10px;
}

.content_wrap.list_empty {
 padding: 40px 30px 25px 18px;
}

.detail .content_wrap {
 padding: 45px 0px 0px 0px; 
}

.content_wrap p {
 padding: 3px 0px 10px 0px;
 margin: 0px;
}

.incontent_wrap {
 /*overflow-y: auto;*/
 margin-top: -10px;
 padding: 0px 0px 0px 10px;
 position: relative;
 /*height: 588px;*/
 min-height: 588px;
 background-color: #FFFFFF;
}

* html .incontent_wrap {
 height: 588px;
}

.on_detail .incontent_wrap {
 background-color: transparent;
 min-height: 10px;
}

* html .on_detail .incontent_wrap {
 height: 10px;
}

.incontent_wrap .content_wrap, .incontent_wrap .incontent_wrap {
 overflow: visible;
 padding: 0px;
 margin: 0px;
 height: auto;
 position: static;
}

.list_empty .incontent_wrap {
 min-height: 0px;
 margin-top: 0px;
 padding: 0px;
}

* html .list_empty .incontent_wrap {
 height: 0px;
}

.detail .incontent_wrap { 
 margin-top: 0px;
 padding: 0px 22px 0px 9px;
 /*overflow: hidden;*/
}

* html .detail .incontent_wrap {
 width: 715px; 
}

.detail .incontent_wrap .stretch {
 background-color: #FFFFFF;
 padding: 0px 8px 0px 21px;
 min-height: 150px;
}

* html .detail .incontent_wrap .stretch {
 height: 150px;
}

#item_feature_content {
 /*height: 165px;
 overflow-y: auto; */
}

#item_detail {
 padding: 0px 15px 0px 25px;
 height: 385px;
 margin-top: -10px;
}

.news #item_detail {
 padding: 0px;
 margin-top: 10px;
 height: 325px;
}

#news_content {
 clear: both;
}

p.path {
 background-image: url(../images/inner/path.gif);
 background-repeat: no-repeat;
 width: 488px;
 height: 29px;
 margin: 0px 0px 0px -10px;
 padding: 0px 10px 5px 10px;
 display: block;
 position: relative;
 z-index: 2;
}

.detail .path {
 margin: -10px 0px 15px 10px;
 height: 29px;
}

.path a, .path span {
 display: block;
 float: left;
 color: #131313;
 padding-right: 10px;
 background-image: url(../images/inner/separator.gif);
 background-repeat: no-repeat;
 background-position: right 4px;
 font-weight: bold;
 text-decoration: none;
 margin: 7px 5px 0px 0px;
}

.path a:hover {
 text-decoration: underline;
}

.path span {
 font-weight: normal;
 background-image: none;
 width: 160px;
 height: 19px;
 white-space: nowrap;
 overflow: hidden;
}

#detail_image {
 float: left;
 width: 217px;
 background-color: #EFEFEF;
 text-align: center; 
 color: #37525A;
 overflow: hidden;
 padding-bottom: 10px;
 position: relative;
 margin-right: 13px;
 margin-bottom: 10px;
}

#detail_image div {
 margin-bottom: 7px;
 height: 290px;
 overflow: hidden;
}

#detail_image a {
 color: #5DA400;
 background-repeat: no-repeat; 
}

#detail_image a#zoom {
 font-weight: bold;
 color: #174654;
 text-decoration: none;
 background-image: url(../images/buttons/zoom.gif);
 background-repeat: no-repeat;
 padding: 0px 8px 0px 20px;
}

#details {
 float: left;
 width: 435px;
 margin-top: -7px;
 position: relative;
 position: relative;
}

.news #details {
 width: 415px;
}

#details dl, #details dt, #details dd {
 margin: 0px;
 padding: 0px;
 float: left;
 color: #244E6C;
}

#details dl {
 margin-bottom: 8px;
}

#details dt {
 width: 134px;
 position: relative; 
 font-weight: bold;
 padding: 5px 0px;
}

#details dd {
 width: 293px;
 margin-left: -134px; 
 border-bottom: 1px solid #DBDBDB;
 padding: 5px 0px 5px 134px; 
 z-index: 1; 
}

* html #details dd {
 width: 427px;
}

.news #details dd {
 width: 278px;
}

* html .news #details dd {
 width: 412px;
}

#details dd a {
 color: #FF9000;
}

#details dd #div_ratebar_static, #details dd #div_ratebar, #details dd strong, #details dd span#login_to_rate {
 display: block;
 float: left; 
 color: #474747;
 white-space: nowrap;
}

#details dd strong {
 margin: 3px 5px 0px 20px;
}

.news #details .esrb {
 float: left;
}

#details h1 .esrb {
 right: -5px;
 position: absolute;
 margin-top: -21px;
}

#details .esrb img {
 /*width: 20px;
 height: 30px;
 margin-right: 10px;*/
}

.news #details .esrb img {
 float: left;
 width: auto;
 height: auto;
 margin: 0px 5px 3px 0px;
}

#details .price {
 color: #244E6C;
}

#details .price span {
 font-weight: bold;
 font-size: 22px; 
 display: block; 
 white-space: nowrap; 
 margin: 8px 10px 0px 10px;
 text-align: center;
}

#details .used span {
 color: #009EE9;
}

#details .new span {
 color: #6DA600;
}

#details .price a {
 color: #FF9000;
}

.button, #content .button {
 display: block;
 height: 29px;
 overflow: hidden; 
}

#content .button {
 width: 300px;
}

#content #details .button {
 width: auto;
 margin: 7px 0px 0px 0px;
 text-align: center;
}

#content #signup_package_form .button {
 width: auto;
}

#content .button.left {
 float: left;
 width: auto;
 margin-right: 10px;
}

#content .button.right {
 float: right;
 width: auto;
 margin-left: 10px;
}

.button img, .button input {
 margin-top: -29px;
}

.button:hover, #content .button:hover {
 padding-top: 29px;
 height: 0px;
}

* html .button:hover, * html #content .button:hover {
 height: 29px;
}

#details .button {
 margin-top: 11px;
}

.detail_button {
 width: 139px;
 height: 78px; 
 background-repeat: no-repeat; 
 float: left;
 margin-right: 5px;
 display: none;
}

.detail_button.rent {
 background-image: url(../images/rent_detail.gif);
}

.detail_button.used {
 background-image: url(../images/used_detail.gif);
}

.detail_button.new {
 background-image: url(../images/new_detail.gif);
}


.plans {
 margin-top: -78px;
 position: relative;
 clear: both;
}

.plan_container {
 float: left;
 width: 329px;
 height: 104px;
}

.plan { 
 background-image: url(../images/plan_bg.gif);
 background-repeat: no-repeat;
 width: 329px;
 height: 104px;
}

.plan strong {
 color: #FFFFFF;
 float: right;
 white-space: nowrap;
 font-size: 12px;
 margin: 16px 20px 0px 0px;
}

.plan strong span {
 color: #FFAF02;
}

.plan div {
 clear: both;
 margin: 25px 0px 0px 28px;
 color: #FFFFFF;
}

.plans input { 
 /*position: absolute;*/
}

.content_scrolled {
 clear: both;
 /*height: 123px; 
 overflow-y: auto;*/
}

dl.form, dl.form dt, dl.form dd {
 padding: 0px;
 margin: 0px; 
 float: left;
}

dl.form {
 background-image: url(../images/inner/form_bg.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 margin-bottom: 10px;
}

.ship_details dl.form {
 background-image: none; 
}

dl.form dt {
 width: 200px;
 padding-top: 3px;
 color: #282828;
 font-size: 12px;
}

#login_form dl.form dt {
 width: 160px;
}

#signup_package_form dl.form dt {
 width: 137px;
}

.ship_details dl.form dt {
 width: 140px;
}

dl.form dd {
 width: 453px; 
 padding-bottom: 7px;
 position: relative;
 z-index: 2;
}

#item_feature_content dl.form dd {
 width: 433px;
}

dl.form.info dd {
 font-size: 12px;
}

#login_form dl.form dd {
 width: 493px;
}

dl.form dd span {
 display: block;
 font-size: 12px;
 color: #757575;
 padding-top: 3px;
}

dl.form dd span input {
 margin: 0px;
 padding: 0px;
}

.ship_details dl.form dd {
 width: 120px;
}

dl.form dd .button.slided {
 position: absolute;
 margin: -28px 0px 0px 260px;
}

dl.form dd small {
 position: absolute;
 font-size: 10px;
 margin: 4px 0px 0px 22px;
}

.required {
 background-image: url(../images/icons/required.gif);
 background-repeat: no-repeat;
 background-position: 250px 8px;
}

.required.area {
 background-position: 365px 8px;
}

span.required {
 background-position: 0px 4px; 
 padding: 0px 2px 0px 0px;
 margin-left: -4px;
}

.ship_details {
 position: absolute;
 margin-left: 375px;
 width: 293px;
 left: 0px;
}

.data {
 width: 650px;
 margin-bottom: 15px;
}

.data td, .data th {
 border: 1px solid #7F9D39;
 padding: 5px;
}

.data td.right {
 text-align: right;
}

.data td.center {
 text-align: center;
}

#login_form { 
 line-height: 18px;
}

#login_form form {
 display: block;
 padding-top: 20px; 
}

#login_collage {
 position: absolute;
 z-index: 1;
 right: -25px;
 margin-top: -45px;
}

.collage {
 width: 670px;
 margin: 0px 0px 0px -15px;
 overflow: hidden;
}

#div_ratebar table {
 float: left;
 width: auto;
}

.pop {
 display: block;
 width: 86px;
 height: 8px;
 overflow: hidden;
 background-image: url(../images/popularity_bg.gif);
 background-repeat: no-repeat;
 position: relative;
 margin: 3px 5px 3px 0px;
 float: left; 
}

.pop span {
 display: block;
 position: absolute;
 overflow: hidden;
}


.fixer, .fixer img {
 padding: 0px;
 margin: 0px;
 clear: both;
 overflow: hidden;
 display: block;
 height: 0px;
 width: 0px;
 overflow: hidden;
}

.popup_div {
 z-index: 1003;
 background: #ebebeb;
 padding: 5px 10px 10px 10px;
 border: 3px solid #CCCCCC;
 width: 500px; 
 position: relative;
 text-align: left; 
}

* html .popup_div {
 width: 526px;
}

#errordiv {
 background-color: #FFFFFF;
 background-image: url(../images/icons/alert.gif);
 background-position: 15px 18px;
 background-repeat: no-repeat;
 border: 1px solid #FF0000;
 color: #000000;
 display: block;
 height: 120px;
 width: 388px;
 z-index: 100;
 left: 50%;
 margin-left: -194px; 
 position: absolute; 
}

* html #errordiv {
 position: relative;
 margin-bottom: -120px; 
}

*+html #errordiv {
 position: relative;
 margin-bottom: -122px; 
}

#errordiv iframe {
 display: none;
}

* html #errordiv iframe {
 display: block;
 z-index: 1;
 position: absolute;
 left: 0px;
 background-color: #FFFFFF;
 width: 386px;
 height: 118px;
 filter: mask();
}

#errordiv div {  
 height: 75px;
 margin: 15px 30px 15px 122px;
 overflow-y: auto; 
 position: relative;
 z-index: 2;
}

#close_window {
 display: block;
 float: right;
 padding: 7px 7px 0px 0px;
 position: relative;
 z-index: 2;
}

.popup_div #close_window {
 padding-right: 0px;
}

.popup_div a, #errordiv a {
 color: #333333;
}

.popup_div table, #errordiv table {
 width: 498px;
}

* html .popup_div table, * html #errordiv table {
 width: 500px;
}

.search_items .pager {
 margin: 15px 15px -5px 0px;
 float: none;
 text-align: right;
 display: block;
}



* html .png {
 filter: expression(fixpng(this, "image"));
}

* html .png.scale {
 filter: expression(fixpng(this, "scale"));
}

* html .png.crop {
 filter: expression(fixpng(this, "crop"));
}