/* CSS Document */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
#overall {
	width: 760px;
	margin: auto;
	text-align: left;
}
#header {
	width: 760px;
	background: url(/lib/rufflebottoms/headerbg.gif) no-repeat 0 0;
	float: left;
	height: 118px;
}
#container {
	width: 760px;
	background: url(/lib/rufflebottoms/containerbg.gif) repeat-y 0 0;
	float: left;
}
#footer {
	width: 760px;
	background: #ededed url(/lib/rufflebottoms/footerbg.gif) no-repeat 0 0;
	float: left;
	position: relative;
}

/*---------------Header----------------------*/
.logo {width: 337px; float: left; padding: 8px 0 0 50px;}

.rightsideheader {width: 260px; float: right; padding: 7px 20px 0 0;}

.whyshop { margin-top: 7px; padding-left: 20px; }

.whyshop a {font-size: 14px; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #673684;}

.viewshoppingbag {width: 150px; padding: 6px 0 10px 10px;}

.viewshoppingbag a {
    background: url(/lib/rufflebottoms/shoppingcarticon.gif) no-repeat 0 0; 
    color: #673684; 
    font: bold 11px "Times New Roman", arial, serif; 
    padding: 0 0 10px 35px;
    }

.searcharea {
    width: 200px; 
    font-size: 13px; 
    color: #673684; 
    font-weight: bold; 
    font-family: "Times New Roman", Times, serif; 
    padding-top: 19px;
    }

* html .searcharea {width: 200px; font-size: 11px; color: #673684; font-weight: bold; font-family: "Times New Roman", Times, serif; padding-top: 28px;}

.searcharea form * {vertical-align: middle;}

/*--------------Left Navigation------------------*/
.leftnav {width: 162px; float: left;}

.shopbysection {width: 155px; padding: 3px 0 0 7px;}

.leftnavigation {width: 156px; text-align: center; font-size: 0px;}

.leftnavigation ul {font-size: 11px;}

.leftnavigation ul li {list-style: none; width: 162px;}

.leftnavigation ul li a {font-size: 11px; font-weight: bold; color: #673684; display: block; border-top: 1px #efcdff solid; padding: 5px 0 5px 0;}

.leftnavigation .last {border-bottom: 1px #efcdff solid;}

.leftnavigation ul li a:hover {text-decoration: none; background-color: #efcdff;}

.htmlarea {width: 152px; font-size: 11px; color: #673684; padding: 10px 5px 10px 5px;}

.testimonials {width: 154px; padding: 0;}

.testimonialtitle {width: 154px; padding-bottom: 2px;}

.testimonials ul { list-style: none; margin: 0; }

.testimonials li {font-size: 11px; color: #673684; width: 140px; padding: 0 3px 2px 3px;}

.testimonialsource {width: 148px; margin-top: 5px; text-align: right; font-size: 11px; color: #673684;}

.imagelinks {width: 144px; padding: 10px 9px 20px 9px;}

.mailinglistarea {width: 154px; padding: 5px 4px 140px 4px;}

.mailinglisttitle {width: 154px; padding-bottom: 3px;}

.mailinglistinput {width: 151px; padding-left: 3px;}

.mailinglistinput form * {vertical-align: middle;}

.mailinglistinput input.newsletter-box { float: left; margin-top: 5px; width: 115px; }
.mailinglistinput input.mailbtn { float: left; margin: 5px; width: 20px; }

/*---------------Body----------------------*/
#body {
    background: url(/lib/rufflebottoms/contentbg2.gif) top left no-repeat; 
    color: #673684;
    float: left;
    width: 598px;  
    }
#body .home { width: 100%; }
    #body .home .homemsg {
        background: #FFE5F2 url(/lib/rufflebottoms/contentbg.gif) top left no-repeat; 
        width: 100%;
        }
        #body .home .msgtop { width: 400px; }
            #body .home h1.indextitle {
                color: #4C0771;
                font: 21px times new roman, arial, helvetica;
                margin: -1px 0 0 30px;
                }
            #body .home h2 {
                color: #026D8D;
                font: italic bold 16px times new roman, arial, helvetica;
                margin: 0; 
                margin-left: 40px;
                padding: 3px 0 5px;
                text-align: center;
                width: 324px;
                }
        #body .home .message {
            background: url(/lib/rufflebottoms/msgbottom.gif) bottom left repeat-x;
            position: relative;
            }
            #body .home .message .actmsg {
                color: #4F0870;
                font: normal 11px arial, helvetica, sans-serif;
                padding: 7px;
                padding-bottom: 10px; 
                width: 275px;
                }
            #body .home .message span#girls {
                bottom: 5px; 
                position: absolute; 
                right: 155px;
                z-index: 999; 
                }
            #body .home .message .msglinks { margin: -10px 0 10px; width: 180px; }
                #body .home .msglinks .ind-right { float: right; }
                    #body .home .msglinks .ind-right a { margin: 6px 7px 6px 0; padding: 7px 7px 7px 0; position: relative; z-index: 1; }
                    #body .home .ind-right .box { }
                        #body .home .ind-right .box .roundtop { }
                        #body .home .ind-right .box .inbetween { }
                        #body .home .ind-right .box .roundbot { }
            .homebodyhtml { margin: 20px auto 0 auto; padding: 0 5px; text-align: center; }
    #body .featured { }
        #body .featured h3 {
            font: normal 12px arial, helvetica, sans-serif; 
            padding-top: 7px;
            position: relative; 
            text-align: center; 
            z-index: 1; 
            }
            #body .featured h3 div {
                background: url(/lib/rufflebottoms/featureditemsbar.gif) center top no-repeat;
                height: 40px;
                margin: 0 auto;
                margin-top: -15px;
                position: relative;
                text-align: center; 
                width: 269px;
                z-index: 9;
                }
        #body .featured table.features { }
            #body .featured .features td.imgcell {
                background-color: #F6E7FE;
                border: solid 1px #B5B3B4;
                padding: 10px; 
                width: 182px; 
                }
                #body .featured .features td.imgcell a {
                    background-color: #FFF;
                    border: inset 2px #F6F6F6;
                    display: block;
                    padding: 10px 0; 
                    vertical-align: middle; 
                    width: 156px;
                    }
                #body .featured .features td.imgcell a * { vertical-align: middle; }
                #body .featured .features td.imgcell img { margin: auto; }
            #body .featured .features td.textcell { font: bold 11px arial, helvetica, sans-serif; padding-top: 5px; }
                #body .featured .features td.textcell a { color: #4F0872; text-decoration: none; }
                    #body .featured .features td.textcell a:hover { text-decoration: underline; }
        #body .featured .homebodyhtml { }
    #body .breadcrumbs {
        color: #500876; 
        font: normal 11px arial, helvetica, sans-serif;
        margin-top: 20px; 
        padding-right: 5px;
        text-align: right; 
        }
        #body .breadcrumbs a {
            color: #500876;
            text-decoration: underline; 
            }
            #body .breadcrumbs a:hover { text-decoration: none; }
    #body h2.sectname {
        background-color: #D5F2F8; 
        color: #029ACB; 
        font: bold 14px arial, helvetica, sans-serif;
        padding: 5px; 
        }
    #body h4.contsname { font: bold 12px arial, helvetica, sans-serif; margin: 0; padding: 0; }
        #body h4.contsname a { color: #4F0870; }
    #body td.vertsep { background: url(/lib/rufflebottoms/sepdot.gif) center top repeat-y; }
    #body td.horisep { background: url(/lib/rufflebottoms/sepdot.gif) left center repeat-x; }
    #body div.prices { color: #4F0872; font: normal 11px arial, helvetica, sans-serif; }
    #body div.sale { color: #C30604; font: bold 11px arial, helvetica, sans-serif; }
    #body div.itempage { margin-top: 10px; width: 100%; }
        #body div.itempage .itemimg { text-align: center; width: 280px; }
        #body div.itempage .iteminfo { text-align: center; width: 300px; }
            #body div.itempage .iteminfo #product-info-table { text-align: left; width: 278px; }
            #body div.itempage .iteminfo #product-info-table th {
                background-color: #EFCDFF;
                border-bottom: solid 1px #FFF;
                color: #4F0773;
                font: bold 12px arial, helvetica, sans-serif;
                margin: 0;
                padding: 3px;
                text-align: right;
                width: 94px;
                }
            #body div.itempage .iteminfo #product-info-table td {
                background-color: #D5F2F8;
                border-bottom: solid 1px #FFF;
                color: #500874;
                font: normal 12px arial, helvetica, sans-serif;
                margin: 0;
                padding: 3px;
                }
                #body div.itempage .iteminfo #product-info-table td * { color: #7B468A; }
                #body div.itempage .iteminfo #product-info-table td.itemname {
                    background-color: #7B468A;
                    border-bottom: solid 1px #FFF;
                    color: #FFF;
                    font: bold 14px arial, helvetica, sans-serif;
                    padding: 5px;
                    }
                #body div.itempage .iteminfo #product-info-table td.sale-price { color: #C60605; font-weight: bold; }
                    #body div.itempage .iteminfo #product-info-table td.sale-price .save {
                        color: #C60605;
                        font-weight: normal;
                        margin-left: 5px;
                        }
            #body div.itempage .iteminfo .atc { margin: 10px 38px 0 0; }
        #body div.itempage p.caption {
            font: normal 13px arial, helvetica, sans-serif;
            padding: 10px;
            }
    #body h5.crosssellbar {
        background: url(/lib/rufflebottoms/crosssellbar.gif) top left no-repeat; 
        font: normal 11px arial, helvetica, sans-serif; 
        height: 30px;
        margin: 0;
        padding: 0;
        width: 574px;
        }
/*---------------Footer--------------------*/
.badges {width: 162px; text-align: center; position: absolute; top: -100px;}

.badges img {margin-top: 10px;}

.footernav {width: 760px; font-size: 11px; color: #673684; text-align: center; padding: 90px 0 10px 0;}

#overall #footer .footernav a {
    border-right: solid 1px #7B4689; 
    font-size: 11px !important; 
    color: #673684; 
    padding: 0 9px 0 5px;
    }

#overall #footer .footernav .viewcart {
    background: url(/lib/rufflebottoms/shoppingcarticon.gif) no-repeat 5px 0; 
    border: none; 
    font-size: 11px; 
    color: #673684; 
    font-weight: bold; 
    font-family: "Times New Roman", Times, serif; 
    padding: 0 0 10px 45px;
    }

.designby {font-size: 11px; color: #673684; float: left; padding: 10px 0 20px 10px;}

.designby a {font-size: 11px; color: #673684;}

.copyright {font-size: 11px; color: #673684; float: right; padding: 10px 10px 20px 0;}

#seo-related-links {
    border-bottom: solid 1px #EFCDFF;
    padding-bottom: 5px;
    width: 95%;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
        border-bottom: solid 1px #EFCDFF;
        color: #652282;
        font: normal 18px "Times New Roman", arial, serif; 
        margin: 0; 
        text-align: center; 
        }
    #seo-related-links ul {
        margin: 5px 0; padding: 0;
        list-style: none;
        }
    #seo-related-links ul.seo-links li {
        width: 49%;
        float: left;
        display: inline;
        background: url(/lib/rufflebottoms/dot.gif) 10px center no-repeat;
        margin:0; 
        padding:0;
        text-align: left;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            font: normal 11px arial, helvetica, sans-serif; 
            color: #4F0873;
            padding-left: 25px;
            display: block;
            _width: 100%;
            }
        #seo-related-links ul.seo-links li.more a { font-weight: bold; }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }
.sitemap-header {
    font: bold 12px verdana;
    color: #000000;
    display: block;
    padding-top:  15px;
}
.sitemap-1      {
    font: bold 10px verdana;
    color: #000080;
    display: block;
    padding-left: 25px;
}
.sitemap-2      {
    font: normal 10px verdana;
    color: #0000FF;
    display: block;
    padding-left: 50px;
}
.sitemap-3      {
    font: normal 9px verdana;
    color: #0000FF;
    display: block;
    padding-left: 75px;
}
.sitemap-4      {
    font: normal 7px verdana;
    color: #0000FF;
    display: block;
    padding-left: 100px;
}