html{height:100%}

body{ margin:0px;  padding:0px;  background-image:url(images/spacer.gif);  background-attachment:fixed;  font-family:Tahoma;  font-size:11px;  line-height:13px;  color:#000;  background-color:#EDEDED;  text-align:center;  height:100%;  width:100%;  position:relative}

*+html body{ height:auto !important;  min-height:100%;  height:100%;   background-attachment:scroll;  background-repeat:repeat-x}

body.index{ background-color:#DEDEDE}

body.popup{ background-color:#FFF}

*+html body.index{ background-image:url(images/bgi.gif)}

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

td, th{ font-family:Tahoma;  font-size:12px;  line-height:14px;  padding:0px;  text-align:center}

td{ text-align:left}

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

#side fieldset{ display:block;  border:1px solid #C8C8C8;  background-color:#FCFCFC;  padding:5px 0px 15px 25px;  margin-bottom:5px}

#content fieldset, #popup_body fieldset{ display:block;  background-image:url(images/inner/fieldset.gif);  background-repeat:repeat-x;  padding-top:15px;  margin-top:10px}

label{ display:block;  clear:both}

#side label{ padding:10px 0px 5px 0px;  font-size:12px;  line-height:14px}

#content label, #popup_body label{ position:absolute;  z-index:2;  left:0px;  top:13px;  width:175px;  color:#343434;  font-size:12px;  line-height:14px}

#content .short label, #popup_body .short label{ width:145px}

#content label.large{ font-weight:normal;  font-size:12px;  line-height:14px}

#content label.small{ font-size:11px}

#content label small{ display:block;  color:#8C8C8A;  font-size:11px;  line-height:15px;  font-weight:normal}

h1{ color:#343434;  font-weight:normal;  font-size:22px;  line-height:26px;  padding-bottom:10px}

h1 small{ font-size:14px;  font-weight:bold;  margin-top:5px}

h2{ font-size:20px;  line-height:24px;  font-weight:normal;  padding:10px 0px 0px 0px}

h3{ background-color:#616414;  font-size:13px;  line-height:16px;  color:#FFF;  text-transform:uppercase;  padding:8px 13px;  font-weight:bold}

#content h3{ background-image:url(images/inner/h3bg.gif);  background-repeat:repeat-x;  font-weight:normal}

h3 a{ display:block;  float:right;  color:#C5C796;  font-size:11px;  text-transform:lowercase;  text-decoration:none;  background-image:url(images/icons/arrow.gif);  background-repeat:no-repeat;  background-position:right center;  padding-right:10px}

h3 a:hover{ text-decoration:underline}

h4{ font-size:14px;  line-height:16px;  text-transform:uppercase;  padding-bottom:5px}

h5, .toptable{ font-size:12px;  padding-bottom:5px;  text-transform:uppercase;  font-weight:bold}

a{ text-decoration:none;  color:#057CC2}

a:hover{ text-decoration:underline}

.formfields{ color:#171717;  background-color:#FFF;  border:1px solid #808080;  border-bottom-color:#D4D0C8;  border-right-color:#D4D0C8;  margin:0px;  padding:2px 3px;  width:257px;  font-family:Tahoma;  font-size:12px;  line-height:16px;  height:17px;  position:relative}

* html .formfields{ height:23px;  width:265px;  margin:-1px 0px}

*+html .formfields{ margin:0px}

textarea.formfields{ width:311px;  height:134px}

* html textarea.formfields{ width:319px;  height:140px}

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

* html select.formfields{ width:auto;  margin:0px}

*+html select.formfields{ margin:0px}

#top .formfields{ border:none;  background-color:transparent;  padding:7px 8px 5px 8px;  font-family:Tahoma;  font-size:12px;  line-height:16px;  color:#000;  width:189px}

* html #top .formfields{ width:205px;  height:28px;  padding-top:5px}

*+html #top .formfields{ padding-top:5px}

#side .formfields, #side select.formfields{ padding:0px;  width:171px;  float:left;  margin-right:5px}

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

#root{ background-image:url(images/bg.gif);  background-repeat:repeat-x;  height:100%;  width:100%;  display:table}

.index #root{ background-image:url(images/bgi.gif)}

.popup #root{ background-image:none}

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

#parent{ /*background-image:url(images/bg1.gif);  background-repeat:repeat-x; */ height:100%;  width:100%;  display:table}

.index #parent{ background-image:url(images/bg1i.gif)}

.popup #parent{ background-image:none}

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

#main{ width:986px;  text-align:left;  margin:0px auto}

.popup #main{ width:auto}

#logo{ position:absolute;  z-index:1;  margin:22px 0px 0px 13px;  display:block}

.index #logo{ margin-top:48px}

#top{ height:110px}

.index #top{ height:136px}

#top .user{ float:right;  white-space:nowrap;  padding:10px 15px 0px 0px;   color:#FFF}

#top .user a{color:#FFF; text-decoration:underline}

#top .user a:hover{text-decoration:underline; color:#C60}

#top .menu{ position:absolute;  z-index:2;  width:978px;  top:76px}

.index #top .menu{ top:102px}

      
#top .menu ul{ padding:0px;  margin:0px;  list-style:none;  font-size:13px;  line-height:16px;  /*font-weight:bold;*/  text-transform:uppercase;  position:absolute}

#top .menu ul.fr{ right:0px}

#top .menu ul li{ float:left;  background-image:url(images/top/bg.gif);  background-repeat:no-repeat;  background-position:right 2px;  padding:0px 2px 0px 0px}

#top .menu ul.fr li{ background-position:left 2px;  background-image:url(images/top/bg.gif);  padding:0px 0px 0px 2px}

#top .menu ul li:last-child{background-image:none}

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

* html #top .menu ul.fr li{background-image:expression(this.nextSibling == null ? "none":"images/top/bg1.gif")}

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

*+html #top .menu ul.fr li{background-image:expression(this.nextSibling == null ? "none":"images/top/bg1.gif")}

#top .menu ul.fr li{ float:right}

#top .menu ul li.active{ background-image:url(images/top/bg_a.gif);  background-repeat:repeat-x;  background-position:left top;  margin-left:-2px}

#top .menu ul.fr li.active{ margin-left:0px;  background-position:left 2px;  background-image:url(images/top/bg1.gif)}

#top .menu li a{ display:block;  color:#FFF;  text-decoration:none;  padding:9px 28px;  position:relative}

#top .menu ul.fr li a{ background-repeat:repeat-x; /*background-image:url(images/top/bg_r.gif)*/}

#top .menu li a:hover{ color:#D2D747}

#top .menu li.active a, #top .menu li.active a:hover{ color:#1D1D1D;  z-index:3;  padding:9px 29px}

#top .menu .fr li.active a{ color:#D2D747}

#top .menu li:first-child a{padding-left:14px}

* html #top .menu li a{padding-left:expression(this.parentNode.previousSibling == null ? "14px":"28px")}

*+html #top .menu li a{padding-left:expression(this.parentNode.previousSibling == null ? "14px":"28px")}

#top .menu .fr li:first-child a{padding-left:28px}

* html #top .menu .fr li a{padding-left:expression(this.parentNode.previousSibling == null ? "28px":"28px")}

* html #top .menu .fr li a{padding-left:expression(this.parentNode.previousSibling == null ? "28px":"28px")}

#share{ float:right;  padding:9px 8px 0px 0px}

.index #share{ padding-top:35px}

#top form{ display:block;  padding:8px 8px 0px 0px}

#top form div{ float:right;  margin-left:5px;  width:155px;  background-image:url(images/inputs/input.png);  background-repeat:no-repeat}

#top form div.clean{ background-image:none;  padding:0px;  border:none;  background-color:transparent}

#top form ins{ display:block;  text-decoration:none;  float:right;  margin-left:5px}

#inner{ clear:both;  /*background-image:url(images/bg.png);  background-repeat:repeat-y; */ padding:0px 1px 0px 1px;  /*border:1px solid #DDD; */}
#inner_index{ clear:both;  width:971px;  /*background-image:url(images/bg.png);  background-repeat:repeat-y; */ padding:0px 8px 0px 7px}

.popup #inner{ padding:0px;  background-image:none}

#collage a{ display:block}

.price_collage, .prices em{ display:block;  position:absolute;  font-family:Georgia;  font-size:21px;  line-height:24px;  color:#474747;  margin:200px 0px 0px 75px}

.prices em{ font-size:23px;  line-height:26px;  font-style:normal;  margin:-38px 0px 0px 30px;  color:#2C2828}

.prices .step em{ margin-left:6px}

.price_collage span, .prices span{ font-size:53px;  line-height:56px;  display:block;  position:absolute;  letter-spacing:-1px;  color:#1E4F9E;  padding-left:30px;  margin-top:-11px}

.prices span{ font-size:43px;  line-height:46px;  margin-top:-5px;  color:#093F95;  padding-left:35px}

.prices .step span{ background-image:url(images/icons/down_arrow.png);  background-repeat:no-repeat;  padding-left:15px;  width:35px;  color:#333}

* html .prices .step span{ width:50px}

.prices .step.complete span{ background-image:url(images/icons/check.png)}

.prices .step.active span{ color:#FCFED5}

.price_collage span ins, .prices span ins{ position:absolute;  font-size:28px;  line-height:32px}

.prices span ins{ font-size:23px;  line-height:26px}

.hiw{ color:#C5C796;  background-image:url(images/inner/bg.gif);  background-repeat:repeat-x;   float:left;  width:971px}

.hiw div{ width:121px;  height:52px;  padding:17px 95px 23px 25px;  float:left;  background-image:url(images/inner/arrow.png);  background-repeat:no-repeat;  position:relative}

.hiw div:first-child{ background-image:none}

* html .hiw div{ width:241px;  height:92px;  overflow:hidden;  background-image:expression(this.previousSibling == null ? "none":"images/inner/arrow.png")}

*+html .hiw div{ background-image:expression(this.previousSibling == null ? "none":"images/inner/arrow.png")}

.hiw div img{ position:absolute;  right:10px;  margin-top:-14px}

.hiw_big{ width:629px;  overflow:hidden}

#ininner{ background-color:#FFF;  padding:0px 13px;  /*border-top:3px solid #757474; */ float:left;  width:950px}
#ininner_index{ background-color:#FFF;  padding:0px 13px;  border:1px solid #DDD;  float:left;  width:943px}

.popup #ininner{ border:none;  width:auto;  border:none;  padding:0px}

* html #ininner{ width:971px}

* html .popup #ininner{ width:auto}

.index #ininner{ border:none}

#content_index{margin-left:35px;  width:100%;  padding:13px 0px}

#content{ float:left;  width:671px;   padding:13px 0px}

.popup #content{ padding:0px}

#side{ float:right;  width:261px;  padding:13px 0px}

#bottom{ background-image:url(images/bbg.png);  background-repeat:no-repeat;  padding:30px 8px 0px 7px;  text-align:center;  color:#C5C796;  font-size:14px;  line-height:20px}

.index #bottom{ color:#000}

#bottom span{ display:block;  font-size:12px;  line-height:14px}

.colored{ color:#5F6045}

#bottom span.colored{ padding:7px 0px}

#bottom a{ text-decoration:none;  color:#C5C796}

.index #bottom a{ color:#000}

#bottom a:hover{ text-decoration:underline}

#bottom small{ display:block;  font-size:11px;  padding:5px 0px 20px 0px}

.tabs{ clear:both}

.tabs ul, .tabs table{ background-image:url(images/inner/tabs/bg1.gif);  background-repeat:repeat-x;  background-position:left bottom;  margin:0px;  padding:0px;  width:671px}

.tabs ul, .tabs li{ float:left;  list-style:none}

.tabs li, .tabs td{ background-image:url(images/inner/tabs/bg.gif);  background-position:right 7px;  background-repeat:no-repeat;  position:relative}

.tabs li:last-child, .tabs td:last-child{ background-image:none}

* html .tabs li, * html .tabs td{background-image:expression(this.nextSibling == null ? "none":"images/inner/tabs/bg.gif")}

*+html .tabs li, *+html .tabs td{background-image:expression(this.nextSibling == null ? "none":"images/inner/tabs/bg.gif")}

.tabs a{ display:block;  text-align:center;  font-size:13px;  line-height:16px;  padding:13px 0px 7px 0px;  text-transform:uppercase;  text-decoration:none;  color:#FFF;  position:relative;  outline:none;  font-weight:bold}

.tabs a:hover{ color:#D2D747}

.tabs .active a, .tabs .active a:hover{ background-image:url(images/inner/tabs/bg_a.gif);  background-repeat:repeat-x;  color:#000}

.tabs .active:first-child a{ border-left:1px solid #E0E0E0}

.tabs .active:last-child a{ border-right:1px solid #E0E0E0}

* html .tabs .active a{ border-left:expression(this.parentNode.previousSibling == null ? "1px solid #E0E0E0":"none");  border-right:expression(this.parentNode.nextSibling == null ? "1px solid #E0E0E0":"none")}

*+html .tabs .active a{ border-left:expression(this.parentNode.previousSibling == null ? "1px solid #E0E0E0":"none");  border-right:expression(this.parentNode.nextSibling == null ? "1px solid #E0E0E0":"none")}

.tabs li img, .tabs td img{ position:absolute;  z-index:2;  display:none;  background-image: url(images/inner/tabs/corner.gif);  background-repeat:no-repeat;  height:5px;  width:5px;  top:0px;  right:-5px}

.tabs li.active img, .tabs td.active img{ display:block}

.tabs li:last-child.active img, .tabs td:last-child.active img{ display:none}

* html .tabs li.active img, * html .tabs td.active img{ display:expression(this.parentNode.parentNode.nextSibling == null ? "none":"block")}

*+html .tabs li.active img, *+html .tabs td.active img{ display:expression(this.parentNode.parentNode.nextSibling == null ? "none":"block")}

.tabs_content{ background-color:#EEE;  border:1px solid #E0E0E0;  border-top:none;  padding:10px}

.tabs_content.clean{ border:1px solid #C8C8C8;  background-color:#FFF;  padding:20px}

* html .tabs_content table{ width:629px}

.tabs_content.clean.static{ font-size:12px;  line-height:15px}

 
.popup .tabs_content.clean{ border:none}

#content .items{ width:649px;  overflow:hidden;  position:relative}

.items ul{ margin:0px;  padding:0px;  list-style:none;  clear:both}

#content .items ul{ width:670px;  height:227px}

.items li{ float:left;  width:90px;  text-align:center;  margin-right:21px;  padding:10px 0px;  position:relative}

.items li a{ display:block;  text-decoration:none;  color:#343434}

.items li a:hover{ color:#000}

.items li a.platform{ /*background-color:#FFF; */ margin-bottom:3px;  display:none}

.index .items li a.platform{ display:block}

.itemimage{ margin-bottom:3px}

.items li form{ display:block;  position:absolute;  top:190px;  left:0px;  width:90px;  text-align:center}

.index .items li form{ display:none}

.prices{ padding:0px 0px 6px 0px;  margin:0px;  list-style:none}

.index .prices{ padding-top:5px}

* html .prices li{ width:100%}

#side .prices li div{ background-color:#E2E2E1;  background-image:url(images/side/bg.gif);  background-repeat:repeat-x;  background-position:left bottom;  font-size:12px;  line-height:16px;  padding:11px 10px 16px 0px;  position:relative}

#side .prices li div.grey{ background-image:url(images/side/bg1.gif);  padding:13px 10px 5px;  text-align:center}

#side .prices li div.step{ background-image:url(images/side/bg2.gif);  margin-bottom:1px}

#side .prices li div.step.active{ background-image:url(images/side/bg2_a.gif);  color:#FFF}

#side .prices li div dfn{ display:block;  text-align:right;  font-style:normal}

#side .prices li div strong{ display:block}

#side .prices li div dfn a{ color:#000}

#side .side_block{ border:1px solid #FFF/*#C8C8C8*/;  padding:1px;  margin-bottom:7px}

*+html #side .side_block{ position:relative}

#side .side_block ul{ padding:0px 13px;  margin:0px;  list-style:none}

#side .side_block ul.list{ padding:5px 13px}

#side .side_block ul.list a.fr{ margin-top:3px}

#side .side_block li{ border-bottom:1px solid #D7D7D7;  color:#000;  font-size:12px;  line-height:15px;  margin-top:11px}

#side .side_block ul.list li{ margin:0px;  padding:5px 0px 5px 10px;  background-repeat:no-repeat;  background-image:url(images/icons/square.gif);  background-repeat:no-repeat;  background-position:2px 11px}

#side .side_block li:last-child{ border-bottom:none}

* html #side .side_block li{ border-bottom:expression(this.nextSibling == null ? "none":"1px solid #D7D7D7")}

*+html #side .side_block li{ border-bottom:expression(this.nextSibling == null ? "none":"1px solid #D7D7D7")}

#side .side_block li a{ color:#057CC2;  text-decoration:none}

#side .side_block li a:hover{ text-decoration:underline}

#side .side_block li a.userpic{ display:block;  float:left;  width:48px;  overflow:hidden}

#side .side_block li div{ float:right;  overflow:hidden;  width:174px}

#side .side_block li span{ display:block;  color:#8C8C8A;  font-size:11px;  padding:3px 0px 5px 0px}

.filter{ background-image:url(images/inner/filter_bg.gif);  background-repeat:repeat-x;  color:#DBCCBF;  padding:7px 15px;  border-bottom:1px solid #E0E0E0}

.filter a{ color:#FFF;  text-decoration:none}

.filter a:hover{ text-decoration:underline}

.filter strong{ display:block;  float:right;  white-space:nowrap}

#side .platform{ margin-bottom:10px}

.field{ float:left;  clear:both;  padding-top:10px;  position:relative}

* html .field{ padding-top:5px}

*+html .field{ padding-top:5px}

.field .inputs{ float:left;  padding-left:190px;  width:319px}

* html .field .inputs{ width:509px}

.short .field .inputs{ padding-left:152px}

.mandatory{ background-image:url(images/icons/star.gif);  background-repeat:no-repeat;  background-position:178px 17px}

.short .mandatory{ background-position:142px 17px}

.field .inputs span{ display:block;  float:left;  margin-right:5px}

.field .inputs span ins{ display:block;  text-decoration:none;  padding-top:4px;  font-size:12px}

.infolist .field .inputs span ins{ padding:0px 0px 12px 0px}

fieldset .information{ display:block;  padding:10px 0px;  margin-left:152px;  width:350px}

.incontent{ margin:0px 15px}

#content p{ padding:5px 0px;  margin:0px;  font-size:12px;  line-height:14px}

#side p{ font-size:12px;  line-height:14px;  padding:2px 13px}

.button{ padding-top:10px;  text-align:right}

table.data{ margin-top:5px}

* html table.data{ width:509px}

.data th{ padding:7px 10px;  background-color:#616414;  color:#FFF;  font-weight:normal;  white-space:nowrap}

.data th:first-child{ text-align:center}

* html .data th{ width:expression(this.previousSibling == null ? "100%":"1%");  text-align:expression(this.previousSibling == null ? "left":"center")}

*+html .data th{ width:expression(this.previousSibling == null ? "100%":"1%");  text-align:expression(this.previousSibling == null ? "left":"center")}

.data th.colored{ background-color:#3E400E}

.data td{ border-bottom:1px solid #D7D7D7;  padding:5px 10px;  text-align:center}

.data td:first-child{ text-align:left}

* html .data td{ text-align:expression(this.previousSibling == null ? "left":"center")}

*+html .data td{ text-align:expression(this.previousSibling == null ? "left":"center")}

.data td.colored{ background-color:#E9E9E9;  color:#343434;  font-family:Georgia;  font-size:14px;  line-height:18px;  text-align:left;  white-space:nowrap}

.data .price{ font-weight:bold;  font-size:16px;  line-height:18px;  color:#093F95}

.single{ font-size:12px;  line-height:14px;  padding:5px 0px}

.single.topline{ border-top:1px solid #C8C8C8;  padding-top:10px}

.single.small{ font-size:11px}

.single input{ margin:0px}

* html .single input{ margin:-2px 0px 0px -3px}

*+html .single input{ margin:-2px 0px 0px -3px}

.detail{ /*position:relative; */}

#detailimage, #detailimage_small{ display:block;  float:left;  width:150px;  height:200px;  overflow:hidden;  margin-right:23px}

#detailimage_small{ width:90px;  height:130px;  margin-bottom:50px}

.details{ float:left;  font-size:12px;  line-height:19px}

.control{ position:absolute;  /*right:0px; */ width:177px;  text-align:right;  padding-top:50px;  font-size:11px;  line-height:13px;  margin-left:450px}

.esrb{ background-image:url(images/inner/esrb.gif);  background-repeat:no-repeat;  padding:11px 11px 11px 50px;  height:26px;  margin-bottom:10px;  text-align:left}

* html .esrb{ height:48px}

.esrb div{ position:absolute;  margin:-1px 0px 0px -38px}

.detail{ font-size:12px;  line-height:14px}

.video{ float:left}

.screenshots{ border:1px solid #C8C8C8;  background-color:#E2E2E1;  padding:10px 0px 0px 10px;  width:230px;  height:280px}

.screenshots.short{ float:left;  width:230px;  height:268px}

* html .screenshots.short{ width:242px;  height:280px}

.screenshots small{ display:block;  position:absolute}

.screenshots div{ float:left;  width:105px;  height:78px;  margin:0px 10px 10px 0px;  overflow:hidden}

.screenshots img.small_image{ width:105px;  height:78px}

.faq ul{ padding:10px 0px;  margin:0px;  list-style:none}

.faq li{ font-size:12px;  line-height:15px;  padding-bottom:5px}

.faq li div{ margin:5px 0px 0px 20px;  border:1px solid #C8C8C8;  background-color:#EFEFEF;  padding:5px 10px}

.pager{ padding-top:5px;  font-size:12px;  line-height:15px}

.pager div{ text-align:center}

.next_page, .prev_page{ display:block}

.next_page{ float:right}

.prev_page{ float:left}

.user_rate{ position:absolute;  text-align:center;  width:90px;  margin-top:140px}

.reviews{ float:left;  width:516px}

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

.reviews li{ padding-bottom:10px;  border-bottom:1px solid #C8C8C8;  margin-bottom:10px}

.reviews li:last-child{ border-bottom:none;  margin-bottom:0px}

* html .reviews li{ border-bottom:expression(this.nextSibling == null ? "none":"1px solid #C8C8C8");  margin-bottom:expression(this.nextSibling == null ? "0px":"10px")}

*+html .reviews li{ border-bottom:expression(this.nextSibling == null ? "none":"1px solid #C8C8C8");  margin-bottom:expression(this.nextSibling == null ? "0px":"10px")}

.reviews span{ color:#8C8C8A}

.error{ display:block;  color:#F00;  font-size:12px;  line-height:14px;  background-image:url(images/alert.gif);  background-repeat:no-repeat;  padding:5px 0px 20px 50px;  margin-top:8px;  background-position:left 40%}

/**********************************/
select.styled{ position:absolute;  z-index:2;  width:180px;  border:none;  padding:0px;  font-family:Tahoma;  font-size:12px;  line-height:16px;  width:203px;  height:20px;  margin-top:3px;  opacity:0}

*+html select.styled{ filter:alpha(opacity=0)}

* html select.styled{ clip:rect(1px,205px,21px,185px)}

.select{ position:absolute;  z-index:1;  width:184px;  height:21px;  padding:6px 24px 6px 8px;  color:#000;  font-size:12px;  line-height:16px;  background:url(images/inputs/select.png) no-repeat;  overflow:hidden}

* html .select{ height:28px;  width:205px}

.disabled{ opacity:0.5;  filter:alpha(opacity=50)}

/**********************************/
/********** MP ************************/
#simplemodal-data{width:750px}

.popup_bg{ background-color:#FFF;  margin:0px 13px;  -moz-border-radius:4px;  -webkit-border-radius:4px}

.popup_tbg{ background:url(images/popup_tbg.png) no-repeat left top;  padding:13px 0px 0px 0px;  margin:0px}

.popup_bbg{ background:url(images/popup_bbg.png) no-repeat left bottom;  padding:0px 0px 13px 0px;  border:none}

.popup_bg_y{ background:url(images/popup_bg_y.png) repeat-y left top;  padding:2px 0 2px 0}

.popup_border{ color:#606060;  padding:20px}

* html .popup_bbg, *+html .popup_bbg{ padding-bottom:12px}

/* the overlayed element */
.simple_overlay{  /* must be initially hidden */ display:none;   /* place overlay on top of other elements */ z-index:9999;   /* styling */ background-color:#333;   width:675px;   left:200px;  min-height:200px;  border:1px solid #666;   /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000;  -webkit-box-shadow:0 0 90px #000}

/* close button positioned on upper right corner */
.simple_overlay .close{    background-image:url(images/buttons/close_popup.png);  position:absolute;  right:-15px;  top:-15px;  cursor:pointer;  height:35px;  width:35px;  background-repeat:no-repeat}

/* the large image. we use a gray border around it */
#img{ border:1px solid #666}

/* "next image"and "prev image"links */
.next, .prev{  /* absolute positioning relative to the overlay */ position:absolute;  top:40%;   border:1px solid #666;   cursor:pointer;  display:block;  padding:10px 20px;  color:#fff;  font-size:11px;   /* upcoming CSS3 features */ -moz-border-radius:5px;  -webkit-border-radius:5px}

.prev{ left:0;  border-left:0;  -moz-border-radius-topleft:0;  -moz-border-radius-bottomleft:0;  -webkit-border-bottom-left-radius:0;  -webkit-border-top-left-radius:0}

.next{ right:0;  border-right:0;  -moz-border-radius-topright:0;  -moz-border-radius-bottomright:0;  -webkit-border-bottom-right-radius:0;  -webkit-border-top-right-radius:0}

.next:hover, .prev:hover{ text-decoration:underline;  background-color:#000}

/* when there is no next or previous link available this class is added */
.disabled{ visibility:hidden}

/* the "information box"*/
.info{ position:absolute;  bottom:0;  left:0;   padding:10px 15px;  color:#fff;  font-size:11px;  border-top:1px solid #666}

.info strong{ display:block}

/**********************************/
.fr{float:right}

.fl{float:left}

.fn{float:none}

.db{display:block}

.di{display:inline}

.dn{display:none}

.cb{clear:both}

.cn{clear:none}

.tc{text-align:center}

.tl{text-align:left}

.tr{text-align:right}

.wn{white-space:nowrap}

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

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

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

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