/* attention box */
#page .side-col .box .att-top {
    float: left;
    width: 244px;
    height: 22px;
    background: url(../img/att_top.png) no-repeat;
}

#page .side-col .box .att-top h3 {
    color: #fff;
    font-size: 1.1em;
    padding: 3px 10px;
}

#page .side-col .box .att-bot {
    float: left;
    width: 244px;
    height: 5px;
    background: url(../img/pink-bot.png) no-repeat;
}

#page .side-col .box .att-bod {
    float: left;
    width: 222px;
    padding: 10px;
    font-size: 1.1em;
    border-left: 1px solid #de5e84;
    border-right: 1px solid #de5e84;
    background-color: #fff;
    color: #ad67b0;
    font-weight: bold;
}

/* feedback */
.feedback {
    float: left;
    width: 590px;
    padding: 15px 20px;
    margin: 20px 0;
    background-color: #f3f9d3;
    border: 1px solid #9cb700;
}

.feedback .form-post {
    float: left;
    width: 435px;
    padding-bottom: 5px;
    border-right: 1px solid #d8d8d8;
}

.feedback .form-post h2 {
    font-size: 1.2em;
    color: #9b4d9e;
    margin-bottom: 10px;
}

.feedback .form-post textarea {
    width: 416px;
    height: 123px;
    border: 1px solid #9cb700;
}

.feedback .form-links {
    float: left;
    width: 118px;
    font-size: .9em;
    padding: 10px 0 0 15px;
}

.feedback .form-links p {
    margin-bottom: 12px;
}

.feedback .form-links p.heart {
    padding-left: 20px;
    background: url(../img/ico-heart.png) no-repeat left;
}

.feedback .form-links a {
    font-weight: bold;
    color: #c267b4;
    text-decoration: underline;
}

.feedback .form-links a:hover {
    text-decoration: none;
}

.feedback .form-links input.btn {
    margin-top: 10px;
}

#feedbackwrap {
    padding: 20px;
}

#feedbackwrap p {
    color: #1778be;
    font-size: 14px;
    font-weight: bold;
}

#feedbackwrap ul {
    list-style-type: disc;
    padding-left: 10px;
    padding-top: 20px;
}

/* Profile */
#profile h3 {
    color: #9B4D9E;
    font-size: 18px;
    padding: 15px 0 15px 0;
}

#profile h4 {
    color: #FF930B;
    font-size: 16px;
    border-bottom: 3px solid #B8DD00;
    padding-top: 15px;
}

#profile p {
    padding: 10px 0 10px 0;
}

#profile .img {
    float: left;
    width: 38px;
    margin: 5px;
}

#profile .entry {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* end profile */


.crumbs {
    float: right;
}

.crumbs a {
    background: transparent url(../img/crumbs.gif) no-repeat center right;
    text-decoration: none;
    padding-right: 10px; /*adjust bullet image padding*/
    color: red;
}

.crumbs .current {
    font-weight: bolder;
}

.crumbs a:visited,.breadcrumb a:active {
    color: red;
}

.crumbs a:hover {
    text-decoration: underline;
}


/* --------------------------- */
/* ------ begin store -------- */
/* --------------------------- */

#storepage .store {
    width:948px;
}

#storepage .blue {
    width: 948px;
    background-color: #39C;
    background-image: url(../img/flowersbg_blue.png);
}

#storepage .orange {
    width: 948px;
    background-color: #F93;
    background-image: url(../img/flowersbg_orange.png);
}

#storepage .purple {
    width: 948px;
    background-color: #ae70af;
    background-image: url(../img/flowersbg_purple.png);
}

#storepage .yellow {
    width: 948px;
    background-color: #ffdc5d;
    background-image: url(../img/flowersbg_yellow.png);
}

#whitebox {
    background-color: #FFF;
    width: 699px;
    border-right: 1px #a35e98 solid;
    margin: 0;
    padding: 0;
}

#whitebox .store-content {
    padding: 14px;
    color: #000000;
    margin: 0 auto;
    text-align: left;
    width: 630px;
}

#boxtop {
    width: 700px;
    margin: 0;
    padding: 0;
    height: 11px;
}

#boxbottom {
    width: 700px;
    margin: -2px 0 0 0;
    padding: 0;
    height: 11px;
}

#storepage {

}

#storepage .top-bar {
    float:left;
    width:948px;
    height:13px;
    background-color:#9b4d9e;
}
#storepage .left-side {
    float: left;
    width: 198px;
}

#storepage .store-nav {
    padding-top: 23px;
    padding-left: 17px;
    background-color: #9B4D9E;
}

#storepage .left-side li {
    text-indent: -1.5em;
    padding-left: 1.5em;
    padding-top: 4px;
    padding-bottom: 4px;
}

#storepage .left-side a{
    color: #FFF;
    line-height: 12px;
}

#storepage .left-side h1 {
    color: #FFF;
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 6px;
}

#storepage #storenav_bottom {
    /*background-color: #3399CC;*/
    padding: 0px;
    margin: 0;
}

#storepage .left-side #widget-container-barebones {
    width: 198px;
    background-color: #9B4D9E;
}

#storepage .left-side .bookmark {
    text-align: center;
    background-color: #9B4D9E;
}

#storepage .left-side #widget-container-barebones #ads-widget {
    margin-left: 33px;
}

.store {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.store #search {
    display: block;
    color: #FFF;
    padding-top: 18px;
}

.store #search input[type="submit"] {
    border: 1px solid #09F;
    vertical-align: middle;
    margin: 2px;
    cursor: pointer;
    background-color: #eee;
    padding-left: 1px;
    padding-right: 1px;
}

.store #search input[type="text"] {
    border: 1px #09F solid;
    vertical-align: middle;
    margin: 2px;
    cursor: text;
    background-color: #eee;
    padding-left: 1px;
    padding-right: 1px;
    width: 115px;
}

#mallcontent {
    float: left;
    display: block;
    text-align: center;
}

#mall {
    padding: 0px;
    text-align: center;
    color: #FFF;
    width: 710px;
    margin-left: 22px;
    position: relative;
    margin-top: 22px;
    margin-bottom: 22px;
}

#mall .row1 img {
    float: left;
    vertical-align: middle;
    margin: 12px 0 auto 0;
}

#mall .row1 {
    background-color: #bde4fa;
    text-align: left;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 114px;
}

#mall .row2 {
    text-align: left;
    width: 710px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 114px;
}

#mall .row3 {
    width: 481px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 114px;
}

#mall .row4 {
    background-color: #bde4fa;
    text-align: left;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 114px;
}


#mall .row5 {
    background-color: #bde4fa;
    text-align: left;
    width: 102px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 114px;
}


#mall .row4 img {
    float: left;
    vertical-align: middle;
    margin: 12px 0 auto 0;
}

#mall .row3 img {
    float: left;
    vertical-align: middle;
}


#mall .row2 img {
    float: left;
    vertical-align: middle;
}

.bluebox {
    height: 90px;
    width: 90px;
    position: relative;
    float: left;
    background-color: #09C;
    border: 12px #bde4fa solid;
}

#mall a .bluebox {
    color: #FFF;
    text-decoration: none;

}

#mall a .bluebox:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #009;
    cursor: pointer;
}

.purplebox {
    height:90px; width: 90px;
    position: relative;
    float: left;
    background-color: #939;
    border: 12px #bde4fa solid;

}

#mall a .purplebox {
    color: #FFF;
    text-decoration: none;

}

#mall a .purplebox:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #009;
    cursor: pointer;
}

.yellowbox {
    height:90px; width: 90px;
    position: relative;
    float: left;
    background-color: #FC0;
    border: 12px #bde4fa solid;
}

#mall a .yellowbox {
    color: #FFF;
    text-decoration: none;

}

#mall a .yellowbox:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #009;
    cursor: pointer;
}

#mall .row2 .orangebox1 {
    height: 90px;
    width: 90px;
    position: relative;
    float: left;
	left:1px;
    background-color: #F93;
    border: 12px #bde4fa solid;
    top: 60px;
}

#mall a .orangebox1 {
    color: #FFF;
    text-decoration: none;

}

#mall a .orangebox1:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #009;
    cursor: pointer;
}

#mall .row2 .orangebox2 {
    height:90px;
    width: 90px;
    position: relative;
    float: left;
    background-color: #F93;
    border: 12px #bde4fa solid;
    top: 60px;
}

#mall a .orangebox2 {
    color: #FFF;
    text-decoration: none;

}

#mall a .orangebox2:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #009;
    cursor: pointer;
}

.orangebox {
    height:90px;
    width: 90px;
    float: left;
    background-color: #F93;
    border: 12px #bde4fa solid;

}
#mall a .orangebox {
    color: #FFF;
    text-decoration: none;

}

#mall a .orangebox:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #009;
    cursor: pointer;
}

#mall .row2 #rdmimage {
    position: relative;
    left: 114px;
}


#mall .content {
    position: relative;
    top: 20%;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}

.shop h1 {
    color: #FFF !important;
    text-align: center;
    padding-left: 22px;
    margin-top: 27px;
    font-size: 24px;
    font-weight: bold;
    width: 700px;
    max-width: 700px;
}

.shop h1 sup {
    font-size: 0.3em;
}

.tag h1 {
    color: #FFF !important;
    text-align: center;
    padding-bottom: 14px;
    font-style: italic;
}

/* Logged In my stuff links */


#mallcontent .main-col #mystuff-top
{
    width: 749px;
    padding-bottom: 25px;
    margin-bottom: 0;
    border-bottom: 2px solid #dea2de;
    height: 44px;
    padding-top: 14px;
    background-color: #FFF;
}

#mallcontent .full-side .main-col #mystuff-top{
    width:908px;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.console{
    background:url(../img/ico-console.png) no-repeat top center;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.stuff{
    background:url(../img/ico-mystuff.png) no-repeat top center;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.inbox{
    background:url(../img/ico-inbox.png) no-repeat top center;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.profile{
    background:url(../img/ico-profile.png) no-repeat top center;
    text-align:center;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.profile ul {
    position: absolute;
    width: 10em;
    left: -999em;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li{
    float:left;
    margin:0 5px;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li a{
    display:block;
    padding:35px 10px 0;
    color:#0ab6eb;
    font-weight:bold;
    text-decoration:underline;
    font-size: .7em;
}

#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.profile a {
    margin:0px 0px 2px 0px;
}

#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.profile ul a {
    margin:0px;
    padding:4px 0px 4px 0px;
    text-decoration:none;
    color:#00B6F6;
    font-size:11px;
    font-weight:bold;
    background-image:none;
    display:block;
    float:none;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.profile ul a:hover{
    background-color:#E6EFF4;
}

#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.profile ul li {
    float:none;
}

#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.profile:hover ul {
    left: auto;
    width:65px;
    height:auto;
    background-color:#FFFFFF;
    border:1px solid #00FFFF;
    display:block;
}

#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.profile:hover ul li {
    margin:4px 0px 4px 0px;
    padding:0px;
    line-height:12px;
    text-align:center;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li:hover ul,
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.sfhover ul {
    left: auto;
    width:65px;
    height:auto;
    background-color:#FFFFFF;
    border:1px solid #00FFFF;
    display:block;
}

#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.arrow-dwn {
    text-align: left;
    z-index: 899;
}

#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.arrow-dwn a{
    background:url(../img/arrow-dwn.png) no-repeat right 95%;z-index: 899;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.parents{
    background:url(../img/ico-parents.png) no-repeat top center;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.friends{
    background:url(../img/ico-friends.png) no-repeat top center;
}
#mallcontent .main-col #mystuff-top ul#mystuff-top-nav li.invite{
    background:url(../img/ico-invite.png) no-repeat top center;
}


/* -- List Styles For Products  */
.ib-fix li {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
}

* html .ib-fix li {
    display: inline;
}

*+html .ib-fix li {
    display: inline;
}

.ib-fix li>* {
    display: table;
    table-layout: fixed;
    overflow: hidden;
}

#products li {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
    width: 150px;
}

* html #products li {
    display: inline;
}

*+html #products li {
    display: inline;
}

#products li>* {
    display: table;
    table-layout: fixed;
    overflow: hidden;
}

.store-ads
{
    width: 630px;
    margin: 0 auto;
    display: inline;
    /*  border: 1px #6C0 solid;*/
    text-align: left;
}

.store-ads li
{
    padding: 12px 28px;
    margin-bottom: 4px;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: top;
}

/* -- End List Styles For Products  */

/* -- Store paging */
.store-content .pagenum {
    float: right;
}
/* -- End Store paging */

/* --------------------------- */
/* ------- end store --------- */
/* --------------------------- */

