#center {
position: absolute;
top:0;
left: 50%;
width:782px;
margin-left:-391px;
}

#left-ads {
position: absolute;
top: 49px;
left:0;
margin-right: 20px;
width: 120px;
height: 1250px;
}

#main-body {
position: absolute;
top: 0;
left: 135px;
background: url(../images/main-body-bg.jpg) repeat-y 0 0;
width: 662px; 
}

#header {
position: relative;
}

#friend-link {
display: block;
position: absolute;
top: 50px;
left: 525px;
width:120px;
height:100px;
}

/* H STYLE BEGIN */
h1 {
width: 662px;
height: 211px;
margin:0;
padding:0;
}

#index h1 {
background: url(../images/myspace-layout-index-hdr.gif) no-repeat 0 0;
}

#free-layouts h1 {
background: url(../images/myspace-free-layouts-hdr.gif) no-repeat 0 0;
}

#toys-games h1 {
background: url(../images/myspace-toys-and-games-hdr.gif) no-repeat 0 0;
}

#limited-edition h1 {
background: url(../images/myspace-limited-edition-hdr.gif) no-repeat 0 0;
}

#custom-layouts h1 {
background: url(../images/myspace-custom-layouts-hdr.gif) no-repeat 0 0;
}

h2, h3 {
font: bold 1.7em Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}



h4 {
font: bold .8em Helvetica, Arial, sans-serif;
margin: 0;
padding: 5px;
}

#index h2, #index h3, #index h4, #index a {
color: #f15aa6;
}

#free-layouts h2, #free-layouts h3, #free-layouts h4, #free-layouts a  {
color: #76c02b;
}

#toys-games h2, #toys-games h3, #toys-games h4, #toys-games a  {
color: #ec8f1c;
}

#limited-edition h2, #limited-edition h3, #limited-edition h4, #limited-edition a  {
color: #62afd6;
}

#custom-layouts h2, #custom-layouts h3, #custom-layouts h4 {
color: #ffe400;
}

#custom-layouts #left-col a, #custom-layouts #right-col a {
color: #2a343d;
text-decoration: underline;
}

#custom-layouts #left-col ul {
font: bold .8em Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5;
}

#custom-layouts h3 {
margin-top: 15px;
}
/* H STYLE END */


/* HIDE THESE ELEMENTS */
h1 span, #friend-link span, .button-add-to-cart span {
display: none;
font: .001em;
}

/* END */

a {
font: bold 1em Helvetica, Arial, sans-serif;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
font: .8em Helvetica, Arial, sans-serif;
color: #545454;
line-height: 1.2;
margin: 0;
padding: 5px 0 5px 0;
}

.sub-hdr1 {
font: bold .9em Helvetica, Arial, sans-serif;
color: #2a343d;
}

.button-add-to-cart {
background: url(../images/btn-add-to-cart.gif) no-repeat;
font-size: .001em;
margin-bottom: 5px;
color: white;
width: 90px;
height: 25px;
border: 0;
overflow: hidden;
vertical-align: middle;
cursor: pointer;                         
cursor: hand;
}

.limited-ed-buy-btn-hdr {
display:block;
font-size: 1.5em;
font-weight: bold;
margin: 0;
padding: 5px 0 5px 0;
}

.limited-ed-middle {
border: 1px solid #000;
}

/* NAVIGATION BEGIN */
ul#main-nav {
position: absolute;
top: 172px;
left: 0;
list-style: none;
margin: 0;
padding:0;
width:100%;
padding-left: 20px;
}

ul#main-nav li {
float: left;
text-align: center;
margin-right: 7px;
}

ul#main-nav li a {
display: block;
background-color: #ebebeb;
border: 1px solid #000;
font: bold .75em Verdana, Arial, Helvetica, sans-serif;
color: #2a343d;
text-decoration: none;
width: 117px;
height: 22px;
padding-top: 5px;
}

ul#main-nav li a.hi-lite {
background-color: #2a343d;
color: #fff;
}

#index ul#main-nav li a:hover {
background-color: #f15aa6;
color: #fff;
}

#free-layouts ul#main-nav li a:hover {
background-color: #76c02b;
color: #fff;
}

#toys-games ul#main-nav li a:hover {
background-color: #ec8f1c;
color: #fff;
}

#limited-edition ul#main-nav li a:hover {
background-color: #62afd6;
color: #fff;
}

#custom-layouts ul#main-nav li a:hover {
background-color: #ffe400;
color: #fff;
}



/* NAVIGATION END */

#top-ads {
text-align:center;
background-color: #fff;
border-top: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
border-bottom: 7px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
width: 660px;
height: 60px;
margin: 10px 0 15px 0;
padding-bottom: 4px;
}

/* TEXT STYLES BEGIN */
.txt-pink {
color: #f15aa6;
}

.txt-green {
color: #76c02b;
}

.txt-light-gray {
color: #545454;
}

.txt-dark-gray {
color: #2a343d;
}

.txt-black{
color: #000;
}

.txt-white {
color: #fff;
}

.txt-orange {
color: #ec8f1c;
}

.txt-blue {
color: #62afd6;
}

.txt-yellow {
color: #ffe400;
}

.txt-bold {
font-weight: bold;
}
/* TEXT STYLES END */


#footer {
clear: both;
background-color: #fff;
height: 100px;
font: .6em Verdana, Arial, Helvetica, sans-serif;
color: #545454;
margin-top: 20px;
padding: 20px 0 50px 40px;
}

#right-col, #subpg-copy {
position: absolute;
top: 303px;
left: 430px;
width: 200px;
}

#left-col {
position: relative;
top:0;
left: 30px;
width: 362px;
min-height: 1150px;
}

* html #left-col {
height: 1150px;
}


/* RIGHT COL ACCESSORIES BOX BEGIN */
#accessories-box {
width: 200px;
margin-bottom: 10px;
}

#accessories-box-top {
position: relative;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #ebebeb;
border-left: 1px solid #000;
width: 150px;
background-color: #ebebeb;
margin: 10px 0 -1px 0;
padding: 3px 0 0 5px;
z-index: 100;
}

#accessories-box-body {
position: relative;
background-color: #ebebeb;
width: 200px;
border: 1px solid #000;
z-index: 50;
}

#accessories-box-body div {
padding-left: 4px;
}

#accessories-box img {
border: 1px solid #000;
margin: 0; 
padding:0;
vertical-align: bottom;
}

#accessories-box-body a, .featured-layouts a.featured {
display: block;
background-color: #d7d7d7;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
font: normal .9em Helvetica, Arial, sans-serif;
color: #545454;
text-decoration: none;
text-align:center;
width: 191px;
margin: 0 0 10px 0;
padding: 1px 0 3px 0;
}

#accessories-box-footer {
background-color: #f15aa6;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
text-align: center;
width: 100%;
padding: 3px 0 3px 0;
}

#accessories-box-footer a {
display:block;
font: bold .9em Helvetica, Arial, sans-serif;
color: #000;
text-decoration: none;
}
/* RIGHT COL ACCESSORIES BOX END*/


/* INTRO FLASH BOX BEGIN */
#intro-flash {
width: 362px;
vertical-align: bottom;
}

#free-layouts #intro-flash, #toys-games #intro-flash, #limited-edition #intro-flash {
margin-left: 30px;
}

#intro-flash object {
display: block;
vertical-align: bottom;
}

#intro-flash a {
display: block;
background-color: #f15aa6;
border: 1px solid #000;
font: normal .9em Helvetica, Arial, sans-serif;
color: #fff;
text-decoration: none;
text-align: right;
margin: 0;
padding: 3px 10px 4px 0;
}

#free-layouts #intro-flash a {
background-color: #76c02b;
color: #000;
}

#toys-games #intro-flash a {
background-color: #ec8f1c;
color: #000;
}

#limited-edition #intro-flash a {
background-color: #62afd6;
color: #000;
}

#custom-layouts #intro-flash a {
background-color: #ffe400;
color: #000;
}

/* INTRO FLASH BOX END */


/* LIMITED INDEX SHOWCASE BOX BEGIN */
#limited-index-showcase-box {
width: 362px;
margin-bottom: 10px;
}

#limited-index-showcase-box-top {
position: relative;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #FFF;
border-left: 1px solid #000;
width: 220px;
background-color: #fff;
margin: 10px 0 -1px 0;
padding: 3px 0 0 5px;
z-index: 100;
}

#limited-index-showcase-box-body {
position: relative;
background-color: #fff;
width: 362px;
border: 1px solid #000;
z-index: 50;

}

#limited-index-showcase-box-footer {
clear:both;
background-color: #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
text-align: right;
width: 100%;
padding: 3px 0 3px 0;
}

#limited-index-showcase-box-footer a {
display:block;
font: .9em Helvetica, Arial, sans-serif;
color: #000;
text-decoration: none;
padding-right: 10px;
}

#limited-index-showcase-box-body div.row {
clear: both;

}

#limited-index-showcase-box-body div.item {
float: left;
margin: 7px 0 7px 6px;
}

#limited-index-showcase-box-body img {
border: 1px solid #000;
vertical-align: bottom;
width: 107px;
height: 63px;
}

#limited-index-showcase-box-body a {
display: block;
background-color: #f15aa6;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font: bold .7em Helvetica, Arial, sans-serif;
color: #000;
text-decoration: none;
text-align:center;
width: 107px;
margin: 0;
padding: 3px 0 5px 0;
}
/* LIMITED INDEX SHOWCASE BOX END */

/* FREE INDEX SHOWCASE BOX BEGIN */
#free-index-showcase-box {
position: relative;
background-color: #616f76;
width: 362px;
border: 1px solid #000;
margin-top: 10px;
}

#free-index-showcase-box h3 {
color: #000;
padding: 3px 0 0 5px;
}

#free-index-showcase-box-footer {
clear:both;
background-color: #d7d7d7;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
text-align: right;
width: 100%;
padding: 3px 0 3px 0;
}

#free-index-showcase-box-footer a {
display:block;
font: .9em Helvetica, Arial, sans-serif;
color: #000;
text-decoration: none;
padding-right: 10px;
}

#free-index-showcase-box div.row {
clear: both;
}

#free-index-showcase-box div.item {
float: left;
margin: 7px 0 7px 6px;
}

#free-index-showcase-box img {
border: 1px solid #000;
vertical-align: bottom;
width: 107px;
height: 63px;
}

#free-index-showcase-box a {
display: block;
background-color: #ecede3;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font: bold .7em Helvetica, Arial, sans-serif;
color: #2a343d;
text-decoration: none;
text-align:center;
width: 107px;
margin: 0;
padding: 3px 0 5px 0;
}
/* FREE INDEX SHOWCASE BOX END */


/* --------------------   FEEDBACK/CONTACT US PAGE STYLES BEGIN   ----------------------- */
#feedback-form {
font: .8em Helvetica, Arial, sans-serif;
color: #545454;
text-align: right;
margin-top: 20px;
}

#feedback-form input, #feedback-form textarea {
width: 250px;
}

.contact-form-entry, #contact-form-textarea {
margin: 5px 0 5px 0;
text-align: right;
}

.contact-form-entry span, #contact-form-textarea span {
float:left;
display: block;
margin-top: 6px;
}

#submit-button {
background: url(../images/btn-submit.gif) no-repeat;
font-size: .001em;
margin: 10px 0 5px 0;
color: white;
width: 90px;
height: 25px;
border: 0;
overflow: hidden;
vertical-align: middle;
cursor: pointer;                         
cursor: hand;
}

#submit-button span {
display: none;
font: .001em;
}
/* --------------------   FEEDBACK/CONTACT US PAGE STYLES END   ----------------------- */




/* INDIV PAGE SHOWCASE BOX BEGIN */
#showcase-box {
width: 600px;
margin-left: 30px;

}

#showcase-box-top {
position: relative;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
width: 355px;
margin: 10px 0 -1px 0;
padding: 3px 0 0 5px;
z-index: 100;
}

#index #showcase-box-top, #free-layouts #showcase-box-top {
border-bottom: 1px solid #616f76;
background-color: #616f76;
}

#toys-games #showcase-box-top {
border-bottom: 1px solid #ebebeb;
background-color: #ebebeb;
}

#limited-edition #showcase-box-top {
border-bottom: 1px solid #fff;
background-color: #fff;
}



#showcase-box-body {
position: relative;
width: 600px;
border: 1px solid #000;
z-index: 50;
}

#index #showcase-box-body, #free-layouts #showcase-box-body {
background-color: #616f76;
}

#toys-games #showcase-box-body {
background-color: #ebebeb;
}

#limited-edition #showcase-box-body {
background-color: #fff;
}

#showcase-box-footer {
clear:both;
font: bold .9em Helvetica, Arial, sans-serif;
color: #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
text-align: left;
width: 590px;
padding: 3px 0 3px 10px;
}

#free-layouts #showcase-box-footer {
background-color: #76c02b;
}

#limited-edition #showcase-box-footer {
background-color: #62afd6;
}

#toys-games #showcase-box-footer {
background-color: #ec8f1c;
}



#showcase-box-body div.row {
clear: both;
padding:10px 0 10px 0;
}

#showcase-box-body img {
border: 1px solid #000;
vertical-align: bottom;
width: 179px;
height: 97px;
}

#showcase-box-body div.item {
float: left;
font: bold .7em Helvetica, Arial, sans-serif;
color: #000;
text-decoration: none;
text-align:center;
width: 181px;
margin: 0;
padding: 0 0 0 14px;
}

#showcase-box-body textarea {
display: block;
overflow: hidden;
font-size: 11px;
background-color: #fff;
border: 1px solid #000; 
width: 179px;
height: 50px;
margin:0;
padding:0;
}

#showcase-box-body div.item-top {
background-color: #d7d7d7;
border-right: 1px solid #000;
border-left: 1px solid #000;
margin: 0;
padding: 3px 0 3px 0;
color: #000;
}

#showcase-box-body div.item-top a {
color: #2a343d;
}

#showcase-box-body div.item-bottom {
background-color: #545454;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
margin: 0;
padding: 3px 0 3px 0;
}

#free-layouts #showcase-box-body div.item-bottom {
color: #76c02b;
}

#toys-games #showcase-box-body div.item-bottom {
color: #ec8f1c;
}


/* INDIV PAGE SHOWCASE BOX END */

.page-nav-top, .page-nav-bot {
text-align: right;
color: #fff;
margin: 10px 20px 0 0;
font-size:.7em;
}

.page-nav-bot {
margin: 0 20px 20px 0;
}

.page-nav-top a, .page-nav-bot a {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}