body {
 margin: 0px;
 padding: 0px;
 background-image: url(images/spacer.gif); 
 background-attachment: fixed;
 font-family: Arial;
 font-size: 12px;
 color: #D9D9D9; 
 text-align: center;
 background-color: #FF9BF1; 
}

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

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

td { 
 font-size: 12px;
 line-height: 14px; 
 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: 26px;
 font-weight: normal;
 clear: both;
}

.content_area h1 {
 clear: none;
}

#detail_item h1 {
 font-size: 28px;
 line-height: 30px;
 font-weight: bold; 
 padding: 15px 20px 10px 0px; 
}

#detail_item h1 a {
 text-decoration: none;
 color: #A6A6A6;
 text-transform: capitalize;
}

.package h1 {
 margin: 0px -10px; 
 background-image: url(images/inner/lt.gif);
 background-repeat: no-repeat;
}

.package h1 span {
 display: block;
 background-image: url(images/inner/rt.gif);
 background-repeat: no-repeat; 
 background-position: right top;
 padding: 10px 0px 0px 10px;
}

h2 {
 font-size: 36px;
 font-weight: normal;
 color: #FF9BF1;
 line-height: 38px;
}

.packages h2 {
 margin-bottom: 10px;
}

h3 {
 font-style: italic;
 font-size: 26px;
 line-height: 30px;
 font-weight: normal;
}

h4 {
 font-size: 14px;
 line-height: 16px;
 font-weight: normal;
}

h4 span {
 color: #FF9BF1;
}

h4 img {
 display: none;
}

ul.custom h4 {
 font-weight: bold;
 background-image: url(images/inner/rt.gif);
 background-repeat: no-repeat; 
 background-position: right top;
 padding: 10px 0px 7px 0px;
 margin-right: -10px;
}

* html ul.custom h4 {
 margin-top: -15px;
}

*+html ul.custom h4 {
 margin-top: -15px;
}

a {
 text-decoration: underline;
 /*color: #808080;*/
 color: #999999;
 position: relative;
}

a:hover {
 text-decoration: none;
}

.formfields {
 color: #171717; 
 background-color: #CCCCCC;
 border: 1px solid #D0D0D0;
 margin: 0px;
 width: 205px;
 font-family: Tahoma;
 font-size: 12px;
 line-height: 16px;
 height: 17px;
 position: relative;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 -khtml-border-radius: 0px;
 border-radius: 0px;
}

#top .formfields {
 border: 4px solid #000000;
 background-color: #FF9BF1;
 border-left: none;
 border-right: none;
 height: 21px;
 width: 131px;
 font-size: 18px;
 font-family: Arial;
 line-height: 20px;
 color: #4A7EBB;
}

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


.data .formfields {
 width: 50px;
}

.formfields.small {
 width: 60px;
}

.formfields.error {
 border-color: #FF9BF1;
}

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

select.formfields {
 width: auto;
 height: 20px;
}

* html .formfields {
 height: 22px;
 width: 207px;
 margin: -1px 0px;
}

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

* html #top .formfields {
 height: 31px;
}

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

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

#root {
 background-image: url(images/bg.gif); 
 background-repeat: repeat-x;
 padding: 80px 0px 20px 0px;
 min-width: 940px;  
}

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

#main { 
 text-align: left;
 margin-left: 125px;  
 border: 1px solid #FF9BF1;
 border-right: none;
}

#head {
 position: absolute;
 right: 20px;
 top: 15px;
 color: #FFFFFF;
 font-size: 16px;
 /*font-family: "Arial Black"; */
 line-height: 18px;
 font-weight: bold;
 /*letter-spacing: -1px;*/ 
}

#head a {
 color: #FFFFFF;
 text-decoration: none;
}

#top form {
 display: block;
 position: absolute;
 right: 17px;
 top: 43px;
}

#top form div, #top form span {
 display: block;
 float: left;
 background-repeat: no-repeat;
}

#top form div {
 background-image: url(images/top/l.gif);
}

#top form div div {
 background-image: url(images/top/r.gif);
 background-position: right top;
 padding: 0px 14px;
}

#top form span {
 font-size: 18px;
 line-height: 20px;
 color: #000000;
 padding: 5px 12px 0px 0px;
}

#top ul {
 padding: 0px;
 margin: 0px;
 list-style: none;
}

#menu {
 /*padding-left: 80px;*/
 position: absolute;
 left: 50%; 
 width: 730px;
 margin-left: -275px;
}

#menu li {
 background-image: url(images/top/lt.gif);
 background-repeat: no-repeat;
 float: left;
 background-color: #000000;
 margin-right: 12px;
 white-space: nowrap;
}

#menu a {
 color: #FFFFFF;
 text-decoration: none;
 display: block;
 font-weight: bold;
 float: left;
 font-size: 16px;
 line-height: 18px;
 background-image: url(images/top/rt.gif);
 background-position: right 0px;
 background-repeat: no-repeat;
 padding: 7px 20px 5px 20px; 
}

#menu a:hover, #menu a.active {
 color: #FFBCF6;
}

#inner {
 clear: both;
 background-color: #000000;
 padding: 30px 70px 25px 100px;
 margin-top: 30px;
}

#content {
 min-height: 580px;
 position: relative;
}

* html #content { 
 height: 580px;
}

* html .index #content {
 text-align: center;
}

#content p {
 padding: 10px 0px 0px 0px;
 margin: 0px;
}

#content .package p strong {
 display: block;
 padding: 5px 0px;
}

#side {
 position: absolute;
 z-index: 2;
 left: 0px;
 top: 0px;
 margin: 309px 0px 0px 18px;
 width: 140px;
}

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

#side li {
 margin-bottom: 10px;
}

#side li li {
 margin-bottom: 0px;
}

#side ul a {
 font-size: 16px;
 line-height: 18px;
 background-color: #000000;
 background-image: url(images/side/bg.gif);
 background-repeat: no-repeat;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
 padding: 4px 0px 4px 15px;
 display: block;
 width: 100%;
}

#side ul a:hover {
 color: #FFBCF6;
}

#side ul ul a {
 background-image: none;
 background-color: transparent;
 color: #000000;
 font-size: 12px;
 line-height: 14px;
 font-weight: normal;
 display: inline;
 padding: 0px; 
 width: auto;
}

#side ul ul a:hover {
 color: #000000;
 text-decoration: underline;
}

#side .close_icon {
 position: absolute;
 cursor: pointer;
 margin: 5px 0px 0px 105px;
 z-index: 3;
}
               
.panel .t, .panel .b {
 margin: 0px 17px;
 background-image: url(images/side/bg1.gif);
 background-repeat: repeat-x;
 background-color: #FF9BF1;
}

#side .panel .t, #side .panel .b {
 width: 93px;
}

*+html #side .panel .t, *+html #side .panel .b {
 width: auto;
}

.panel .b {
 background-position: left bottom;
}

.panel .t div, .panel .b div {
 margin: 0px -17px;
 background-repeat: no-repeat;
 text-align: right;
 position: relative; 
}

.panel .t img, .panel .b img {
 width: 17px;
 height: 17px; 
}

.inpanel {
 border-left: 3px solid #000000;
 border-right: 3px solid #000000;
 background-color: #FF9BF1; 
 margin: -3px 0px;
 padding: 0px 15px;
}

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

.panel .b div {
 background-image: url(images/side/lb.png);
}

.panel .t img { 
 background-image: url(images/side/rt.png);
 margin-left: 110px;
}

.panel .b img {
 background-image: url(images/side/rb.png);
 margin-left: 110px;
}

#side .panel {
 width: 127px;
 position: relative;
 z-index: 2;
 margin-top: 10px;
}

.index_page {
 text-align: center; 
 width: 450px;
 height: 750px;
 margin: 0px auto;
}

.ie_center .index_page {
 height: auto; 
}

.index_page form {
 text-align: left;
}

.logo {
 display: block;
 margin-bottom: 25px; 
 text-align: center;
}

.crystals {
 /*position: absolute;*/
 width: 32%; 
 overflow: hidden;
 float: left; 
 margin-left: -52px;
 position: relative;
}

.incrystals {
 height: 628px;
 overflow: hidden;
 position: relative;
}

.crystals.right {
 float: right; 
 margin-right: -52px;
 margin-left: 0px;
}

.crystals a {
 display: block;
 float: left;
 margin: 0px 15px 15px 0px;
 border: 1px solid #333333;
 /*padding: 5px 0px 35px 0px;*/
 width: 195px;
 overflow: hidden;
 text-align: center; 
 text-decoration: none;
}

* html .crystals a {
 display: none;
}

.crystals a ins {
 display: block;
 text-decoration: none;
 position: absolute;
 background-image: url(images/icons/play.gif);
 background-repeat: no-repeat; 
 width: 33px;
 height: 34px;
 margin: 107px 0px 0px 10px;
}

.crystals.right a {
 float: right;
 margin-left: 15px;
 margin-right: 0px;
}

* html .crystals a {
 width: 195px;
}

.crystals a img { 
 margin: 0px 0px 0px -15%;
}

.crystals span, .crystals span a, .crystals.right span a {
 display: inline;
 border: none;
 background-image: none;
 padding: 0px;
 margin: 0px;
 color: #FFFFFF;
 font-size: 16px;
 font-family: Tahoma; 
 width: auto;
 float: none;
}

.crystals span a {
 text-decoration: underline;
}

.crystals span {
 margin-top: 10px; 
 display: block;
 clear: both; 
 text-align: left;
}

.crystals.right span {
 text-align: right;
}

.choices {
 background-image: url(images/inner/or_bg.gif);
 background-position: 216px 50px;
 background-repeat: no-repeat;   
}

.choice {
 width: 205px;
 float: left; 
 margin: 0px 0px 65px 15px;
 display: inline;
}

.choice p {
 padding: 0px;
 margin: 5px 0px 20px 0px;
 line-height: 18px;
}

.choice p big {
 font-size: 28px;
 line-height: 30px;
}

.choice p em {
 display: block;
 line-height: 14px;
}

.choice p small {
 font-size: 10px;
 line-height: 11px;
}

.buttons {
 padding: 0px;
 margin: 0px 0px 0px 30px;
 list-style: none; 
}

.buttons.large {
 position: absolute;
 margin-left: -100px;
 left: 50%;
}

.buttons li {
 float: left;
 background-image: url(images/inner/l.gif);
 background-repeat: no-repeat;
 margin-right: 20px;
 position: relative;
 z-index: 2;
}

.buttons span { 
 display: block;
 background-image: url(images/inner/r.gif);
 background-repeat: no-repeat; 
 background-position: right top; 
}

.buttons a {
 display: block;
 color: #FFFFFF;
 padding: 8px 0px;
 margin: 0px 20px;
 line-height: 15px;
 border: 4px solid #FF9BF1;
 border-left: none;
 border-right: none;
 z-index: 1; 
 width: 80px;
}

.buttons.large a {
 text-align: center;
 text-decoration: none;
 font-size: 23px;
 line-height: 25px;
 padding: 3px 0px;
 white-space: nowrap;
 width: auto;
 text-transform: none;
 font-family: Georgia;
}

.buttons .popup a {
 display: inline;
 color: #000000;
 border: none;
 padding: 0px;
 margin: 0px;
 width: auto;
}

.buttons .popup a.close {
 position: absolute;
 display: block;
 margin: -32px 0px 0px 375px;
}

#bottom {
 clear: both;
 border-top: 1px solid #7F7F7F;
 background-color: #262626;
 padding: 5px 10px 8px 10px;
 font-size: 11px;
 line-height: 13px;
 text-align: right; 
}

#bottom a {
 color: #FFFFFF;
 margin-left: 15px;
}

#bottom small {
 text-align: center;
 position: absolute;
 display: block;
 left: 10px;
 margin-top: -8px;
 color: #000000; 
 font-size: 10px;
 line-height: 11px;
 letter-spacing: -1px;
}

#bottom strong {
 text-align: center;
 position: absolute;
 display: block;
 color: #000000;
 left: 14px;
 margin-top: -110px;
 font-size: 13px; 
 line-height: 17px;
}

#bottom strong a {
 color: #0000FF;
}

.popup {
 width: 427px;
 position: absolute;  
 /*bottom: 75px;*/
 margin-top: -514px;
 padding-bottom: 35px;
 text-align: left;
 z-index: 2; 
 margin-left: -125px;
 background-image: url(images/spacer.gif);
}

.popup .t, .popup .b {
 margin: 0px 61px;
 background-color: #FF9BF1;
 background-image: url(images/inner/popup_bg.gif);
 background-repeat: repeat-x;
}

.popup .b {
 background-position: left bottom;
}

.popup .t div, .popup .b div {
 margin: 0px -61px;
 position: relative;
 background-repeat: no-repeat; 
 text-align: right; 
}

.popup .t img, .popup .b img {
 height: 64px;
 width: 61px;
}

.popup .t div {
 background-image: url(images/inner/lt.png); 
}

.popup .t img {
 background-image: url(images/inner/rt.png);
}

.popup .b div {
 background-image: url(images/inner/lb.png);
}

.popup .b img {
 background-image: url(images/inner/rb.png);
}

.inpopup {
 background-color: #FF9BF1;
 border-left: 3px solid #385D8A;
 border-right: 3px solid #385D8A;
 color: #000000;
 padding: 0px 40px;
}

.buttons .inpopup {
 height: 313px;
 overflow: auto;
}
                 
.popup .arr {
 background-image: url(images/inner/popup_arr.png);
 background-repeat: no-repeat;
 width: 108px;
 height: 37px;
 position: absolute;
 margin: -3px 0px 0px 50px;
}

.buttons li .popup {
 visibility: hidden;
}

.buttons li:hover .popup {
 visibility: visible;
}

#dhtmltooltip, #dhtmlpointer {
 display: none;
 color: #000000;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


dl.form {
 text-align: left;    
 clear: both;
}

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

dl.form dt, dl.form dd {
 float: left;
 padding-bottom: 8px;
}

dl.form dt {
 clear: both;
 width: 190px; 
 padding-top: 4px;
}

#detail_item dl.form dt {
 width: 90px;
}

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

span.error {
 color: #FF9BF1;
 display: block;
 font-family: "Times New Roman";
 font-size: 25px;
 line-height: 28px;
 padding-bottom: 10px;
 text-align: left;
}

.packages {
 clear: both;
 position: relative;
 padding-top: 30px; 
}

.package {
 float: left;
 width: 24%;
 position: relative;
}

.package div {
 padding: 0px 10px;
 height: 225px;
 margin: 0px 10px 0px 0px;
 background-image: url(images/inner/pack_bg.gif);
 background-repeat: repeat-x;
}

.package em {
 display: none;
 font-style: normal;
}

.package.most_popular em {
 display: block;
 font-size: 16px;
 line-height: 18px;
 text-decoration: blink;
 color: #FF9BF1;
}

.package .price {
 bottom: -2px;
 display: block;
 font-size: 14px;
 left: 132px;
 line-height: 16px;
 position: absolute;
 white-space: nowrap;
}

.package input {
 position: absolute; 
 bottom: 0px;
}

#scroll_content { 
 width: 43%; 
 float: right;
 position: relative;
}

#scroll_content .items {
 height: 600px;
 overflow: auto; 
 position: relative;
}

#detail_item {
 float: left; 
 margin: 15px 0px 0px 0px;
 padding-bottom: 55px;
 width: 55%;
 position: relative;
}

#player_border { 
 width: 100%;
 position: relative;
}

#player_border object {
 display: block;
}

#scroll_content a {
 display: block;
}

.items { 
 text-align: center;
 clear: both;
}

#scroll_content .items div, #search_results .items div {
 border: 1px solid #595959;  
 /*padding: 5px;*/
}

#search_results {
 padding-top: 15px;
}

#scroll_content .items div.item, #search_results .items div.item {
 float: right; 
 border: none;  
 padding: 0px;
 width: 261px;
 height: 200px;
 overflow: hidden;
 margin-right: 15px;
 position: relative;
}

#search_results .items div.item {
 float: left; 
 height: 265px;
}

.items a {
 display: block;
 font-family: Tahoma;
 font-size: 14px;
 line-height: 18px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
 margin: 5px 0px 10px 0px;
}

.items .item div a {
 /*margin: 10px 0px 30px 0px */
}

.items a ins { 
 display: block;
 text-decoration: none;
 position: absolute;
 background-image: url(images/icons/play.gif);
 background-repeat: no-repeat; 
 width: 33px;
 height: 34px;
 margin: 107px 0px 0px 10px;
}

.items a img {
 margin: -5px 0px 0px 0px;
 height: 140px;
}

#search_results .items .item_buttons div, #search_results .items .item_buttons img {
 height: auto;
 border: none;
}

.item_buttons {
 display: block; 
 padding-top: 15px;
 position: relative;
}

.item_buttons div {
 display: inline;
}

.item_buttons strong {
 display: inline;   
 position: absolute;
 left: 50%;
 /*color: #FF9BF1;*/
 margin-top: 22px;
}

.price {
 margin-left: -100px;
}

.rent {
 margin-left: 40px;
}

.buy, .pack, .borrow {
 position: absolute;
 left: 50%;
}

.buy {
 margin-left: -102px;
}

.borrow {
 margin-left: 33px; 
}

.pack {
 margin-left: -12px;
}

#detail_item .desc {
 padding-right: 20px;
 clear: both;
}

.desc {
 padding-bottom: 15px;
 color: #FFFFFF; 
}

#content .detail_item p {
 padding: 0px 10px 0px 0px;
 margin: 0px;
}

ul.custom {
 padding: 0px;
 margin: 10px 0px 0px 0px;
 position: relative;
 list-style: none; 
}

ul.custom .user { 
 float: left;
 margin: 10px 15px 0px 10px; 
}

ul.custom li {
 background-image: url(images/inner/pack_bg.gif);
 background-repeat: repeat-x;
 padding: 0px 10px 10px 0px;
 margin-bottom: 15px;
 clear: both;
 position: relative;
}

ul.custom li div {
 background-image: url(images/inner/lt.gif);
 background-repeat: no-repeat;
}

* html .ie_center {
 text-align: center;
}

.basket_info {
 float: right;
 white-space: nowrap;
}

.data {
 margin-bottom: 15px;
 background-image: url(images/inner/pack_bg.gif);
 background-repeat: repeat-x;
}

.data th, .data td {
 padding: 5px 10px;
 text-align: center;
 border: 1px solid #222222;
}

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

.data td.left, .data th.left {
 text-align: left;
}

.btn {
 display: block;
 margin-bottom: 5px; 
}

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

dl.info {
 clear: both; 
 margin-top: 7px;
}

dl.info dt {
 width: 190px;
}

#shippinginfo {
 position: absolute;
 right: 10px;
}

.member_menu {
 padding: 5px 0px;
 white-space: nowrap;
 font-size: 16px;
 line-height: 19px;
}

.member_menu a {
 text-decoration: none;
}

.member_menu a:hover {
 color: #FF9BF1;
}

.member_menu a.active {
 text-decoration: underline;
 color: #FF9BF1;
}


#flash_logo {
 position: relative;
 z-index: 1; 
 height: 58px;
 margin-bottom: -58px; 
}

/************** Popup Window ***********************/

body.popup_body {
 background-color: #000000;
}

.popup_body #root {
 min-width: 10px;
 padding: 10px 20px;
 background-image: none;
}

.popup_body #main {
 margin: 0px 10px;
 border: none;
}

.popup_body #inner {
 padding: 0px 20px 20px 20px;
 background-color: transparent;
 /*color: #000000;*/
 margin-top: 0px;
}

.popup_body #content {
 min-height: 10px;
 height: auto;
 padding-top: 30px;
}

.popup_body td, .popup_body th {
 padding: 5px 10px; 
}

.popup_body td b {
 font-size: 24px;
 line-height: 30px;
 color: #CCCCCC;
 font-weight: normal;
}

.close_popup {
 position: absolute;
 top: -10px;
 right: -40px; 
 margin-top: 10px;
}

/***************************************************/

.pager {
 clear: both;
 text-align: center;
 font-size: 16px;
 line-height: 18px;
 color: #FF9BF1;
 font-weight: bold;
 padding: 10px 0px;
}

.pager a { 
 font-weight: normal;
 color: #FFFFFF;
 text-decoration: none;
}

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

#scroll_hint {
 display: block;
 position: absolute;
 color: #FF9BF1;
 font-family: "Times New Roman";
 font-size: 20px;
 line-height: 22px;
 padding: 9px 5px 19px 0px;
 right: -4px;
 width: 265px;
 background-image: url(images/icons/pink_arrow.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 text-align: right;
}


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

#brace.fixer, #brace.fixer img {
 height: 1px; 
 width: 710px;
}

#wide_brace.fixer, #wide_brace.fixer img {
 width: 880px;
 height: 1px;
}

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

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

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