/*** Plastic Jungle CSS Files ***/
/**** content ****/
#content {
    padding:10px 0 12px 26px;
}

/**** sidebar ****/
#sidebar {
    padding:12px 0 0;
}
#sidebar .myStuffTop {
    background-position:100% -4px;
}
#home.default #sidebar {
    float:left;
    padding:0 0 0 20px;
    width:216px;
}

/**** main content ****/
#main_content {
    padding:12px 0 0 20px;
}
#home.default #main_content {
    float:right;
    display:inline;
    margin:0 46px 0 0;
    padding:0;
    width:648px;
}
#main_content h3 {
    padding:0;
    background:transparent;
    color:#484848;
}

/**** content header ****/
#content_header {
    position:relative;
    margin:0 26px 0 0;
    background:url(../images/home-banner-bg.gif) #0099C6;
    color:#FFF;
    height:231px;
}
#content_header .getCash, #content_header .saveMoney {
    position:absolute;
    top:36px;
    left:36px;
    padding:0 0 50px;
    background:url(../images/up-to-90-blue-star.gif) 93% 100% no-repeat;
    width:250px;
    height:106px;
}
#content_header .saveMoney {
    left:326px;
    background:url(../images/40-off-blue-star.gif) 95% 100% no-repeat;
}
#content_header .getCash h2, #content_header .saveMoney h2 {
    margin:0;
    background:url(../images/header-get-cash.gif) no-repeat;
    text-indent:-9999px;
    width:238px;
    height:85px;
}
#content_header .saveMoney h2 {
    background:url(../images/header-save-money.gif) no-repeat;
    width:229px;
}
#content_header .getCash p, #content_header .saveMoney p {
    padding:0 0 0 2px;
    font-size:0.9em;
}
#content_header .getCash .go, #content_header .saveMoney .go {
    position:absolute;
    left:0;
    bottom:0;
}
#content_header .cardGraphic {
    position:absolute;
    right:0;
    top:0;
}
#content_header .cardGraphic li {
    left:auto;
    right:0;
}

/**** slide show ****/
.slideShow {
    list-style-type:none;
    margin:0;
    padding:0;
}
.slideShow li {
    position:absolute;
    top:0;
    left:0;
    display:none;
}
.slideShow li.first {
    display:block;
}

/**** banner ****/
.banner {
    margin:6px 0 24px;
}

/**** featured gift cards ****/
#content_header.featured h2 {
    position:absolute;
    top:24px;
    left:36px;
    background:url(../images/header-featured-cards.gif) no-repeat;
    width:361px;
    height:35px;
    text-indent:-9999px;
}
#content_header.featured .main {
    position:absolute;
    left:36px;
    top:74px;
    width:430px;
}
#content_header.featured .side {
    position:absolute;
    top:22px;
    right:26px;
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:0.9em;
}
#content_header.featured .card .title {
    display:block;
    padding:0 6px;
    font-size:1.3em;
    line-height:1em;
}
#content_header.featured .card .value, #content_header.featured .card .price {
    padding:0 6px;
}
#content_header.featured .card .price {
    background:#0198C7;
}
#content_header.featured .card .percent {
    display:inline-block;
    margin:0 auto;
    background:url(../images/percent-off-bg-blue.gif) no-repeat;
    font-size:13px;
    font-weight:bold;
    font-style:italic;
    font-family:'Myriad Pro', Arial, sans-serif;
    text-align:center;
    line-height:22px;
    vertical-align:middle;
    width:75px;
    height:24px;
}
#content_header.featured .main li {
    background:url(../images/featured-main-bg.gif) 0 100% repeat-x;
}
#content_header.featured .main .image {
    float:left;
    width:210px;
}
#content_header.featured .main .image .disclaimer {
    font-size:11px;
    color:#8DD9F5;
}
#content_header.featured .main .info {
    float:left;
    padding:4px 0 0;
    font-size:1.2em;
    line-height:28px;
    width:218px;
}
#content_header.featured .main .price {
    margin:0 0 6px;
}
#content_header.featured .main .percent {
    margin:0 0 0 6px;
    background:url(../images/percent-off-bg-dark.gif) no-repeat;
}
#content_header.featured .side li {
    float:left;
    padding:0 0 0 20px;
    width:115px;
}
#content_header.featured .side .value, #content_header.featured .side .price,
#content_header.featured .side .title {
    padding:1px 2px;
}
#content_header.featured .side .addToCart, #content_header.featured .side .percent {
    display:block;
    text-align:center;
}
#content_header.featured .side .addToCart {
    margin-top:2px;
}

/**** info bar ****/
.infoBar {
    margin:10px 26px 14px 0;
    padding:0 12px 8px;
    border:solid 1px #E2E2E2;
    background:#F4F4F4;
}
.infoBar .label {
    float:left;
    margin:8px 0 0;
    width:120px;
    font-size:0.9em;
    color:#999;
}
.infoBar ul {
    list-style-type:none;
    float:left;
    margin:8px 0 0;
    padding:0;
}
.infoBar ul li {
    float:left;
    display:inline;
    margin:0 0 0 24px;
    font-weight:bold;
    line-height:2.2em;
    width:278px;
}
.infoBar ul li strong {
    padding:0 4px 2px 0;
    font-size:2.2em;
    font-family:'Myriad Pro', Arial, sans-serif;
    line-height:1.2em;
    vertical-align:middle;
}

/**** testimonials ****/
.testimonials h3 {
    margin-top:8px;
}
.testimonials cite {
    display:block;
    font-weight:bold;
    font-style:normal;
    color:#484848;
}

/**** other cards ****/
.otherCards {
    position:relative;
    margin:8px 0 32px;
}
.otherCards .more {
    position:absolute;
    right:12px;
    top:2px;
    margin:0;
    padding:0;
}
.otherCards h3 {
    margin:0 0 10px !important;
}
.otherCards .details {
    display:block;
    padding:2px 0 0;
    font-weight:normal;
    font-size:0.9em;
    line-height:1.2em;
}

/**** info columns ****/
.infoCols {
    padding:5px 0 0;
    border:solid 1px #FFF;
}
.infoCols ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.infoCols li {
    margin:0 0 8px;
}
.infoCols li .image {
    float:left;
    width:66px;
    text-align:center;
}
.infoCols li .info {
    float:right;
    width:230px;
}
.infoCols h5 {
    margin:0;
    color:#0B96FF;
}
.infoCols p {
    margin:0 0 8px;
}

/**** features column ****/
.featuresCol {
    float:left;
    width:300px;
}
.featuresCol li {
    margin:0 0 12px;
}

/**** news column ****/
.newsCol {
    float:right;
    width:300px;
}
.newsCol li {
    margin:0 0 20px;
}
.newsCol li .image {
    width:134px;
}
.newsCol li .info {
    width:160px;
}
.newsCol .date {
    display:block;
    font-size:0.9em;
    color:#999;
}
.infoCols .newsCol .readMore {
    margin:20px 0 12px;
    text-align:right;
}

/**** total savings ****/
.totalSavings {
    font-weight:bold;
}
.totalSavings strong {
    display:block;
    font-size:2.2em;
    font-family:'Myriad Pro', Arial, sans-serif;
    line-height:1.2em;
}

/**** quick search ****/
.quickSearch {
    margin:24px 0;
    padding:0;
}
.quickSearch h3 {
    display:inline;
    padding:0 10px 0 0 !important;
}
.quickSearch .text {
    width:450px !important;
}
.quickSearch .button {
    margin:4px 0 0;
    border:none;
    background:url(../images/button-go-small.gif) no-repeat;
    text-indent:-9999px;
    width:53px;
    height:34px;
    outline:none;
}
.quickSearch .hint {
    padding:2px 62px 0 0;
    text-align:right;
    width:auto;
}

/**** keep in touch ****/
.inTouch.infoBar {
    clear:both;
    margin:20px 26px 0 0;
}
.inTouch.infoBar .label {
    display:none;
}
.inTouch.infoBar ul li {
    width:280px;
}
.inTouch.infoBar a {
    display:block;
    padding:0 0 0 40px;
    line-height:34px;
}
.inTouch.infoBar .facebook {
    background:url(../images/icon-facebook-b.gif) 0 50% no-repeat;
}
.inTouch.infoBar .twitter {
    background:url(../images/icon-twitter-b.gif) 0 50% no-repeat;
}
.inTouch.infoBar .blog {
    background:url(../images/icon-pj-blog.gif) 0 50% no-repeat;
}