/* Styles for Heroine Clothing */
body { background: url(../images/bg.jpg) top center scroll; font-family: Helvetica, Arial, sans-serif; }
.hr { background: url(../images/hr-wide.jpg) no-repeat; width: 839px; margin: 20px auto; height: 1px; }
.hr hr {display: none;}
.faq-hr { background: transparent url(../images/hr.jpg) no-repeat top center; height: 1px; margin: 30px 0; }
.faq-hr hr {display: none;}
.no-right-margin { margin-right: 0 !important; }
a {text-decoration: none;}
span.small {font-size:90%;}
span.small a {font-size:90%;}
#container { background: url(../images/bg-container.jpg) no-repeat top center; width: 900px; margin: 0 auto; position: relative; }
#header { margin-bottom: 10px; width: 900px; position: relative; }
#header h1 a { background: transparent url(../images/blank.gif) no-repeat; display: block; height: 104px; float:left; margin: 19px; text-indent: -9999px; width: 253px; }
#header ul#menu { background:transparent url(../images/bg-top-menu.png) no-repeat scroll center top; height:40px; padding-top:20px; }
ul#menu li { display: inline; }
ul#menu li a { display: block; float: left; height: 9px; margin-left: 26px; text-indent: -9999px; }
ul#menu li a#news { background: url(../images/news.gif) no-repeat top center; width: 38px; }
ul#menu li a#news:hover,
ul#menu li a#news.active { background: url(../images/news.gif) no-repeat bottom center; }
ul#menu li a#shop { background: url(../images/shop.gif) no-repeat top center; width: 39px; }
ul#menu li a#shop:hover,
ul#menu li a#shop.active { background: url(../images/shop.gif) no-repeat bottom center; }
ul#menu li a#family { background: url(../images/family.gif) no-repeat top center; width: 49px; }
ul#menu li a#family:hover,
ul#menu li a#family.active { background: url(../images/family.gif) no-repeat bottom center; }
ul#menu li a#press { background: url(../images/press.gif) no-repeat top center; width: 45px; }
ul#menu li a#press:hover,
ul#menu li a#press.active { background: url(../images/press.gif) no-repeat bottom center; }
ul#menu li a#story { background: url(../images/story.gif) no-repeat top center; width: 79px; }
ul#menu li a#story:hover,
ul#menu li a#story.active { background: url(../images/story.gif) no-repeat bottom center; }
ul#menu li a#links { background: url(../images/links.gif) no-repeat top center; width: 40px; }
ul#menu li a#links:hover,
ul#menu li a#links.active { background: url(../images/links.gif) no-repeat bottom center; }
ul#menu li a#support { background: url(../images/support.gif) no-repeat top center; width: 67px; }
ul#menu li a#support:hover,
ul#menu li a#support.active { background: url(../images/support.gif) no-repeat bottom center; }
ul#menu li a#help { background: url(../images/helpfaq.gif) no-repeat top center; width: 68px; }
ul#menu li a#help:hover,
ul#menu li a#help.active { background: url(../images/helpfaq.gif) no-repeat bottom center; }
ul#menu li a#locator { background: url(../images/storelocator.gif) no-repeat top center; width: 117px; }
ul#menu li a#locator:hover,
ul#menu li a#locator.active { background: url(../images/storelocator.gif) no-repeat bottom center; }
ul#menu li a#contact { background: url(../images/contact.gif) no-repeat top center; width: 64px; }
ul#menu li a#contact:hover,
ul#menu li a#contact.active { background: url(../images/contact.gif) no-repeat bottom center; }
#header #player-link { background: #000; height:26px; left:50%; margin-left:167px; padding:10px 20px; position:absolute; top:40px; width:243px; }
#player-link a { background: url(../images/clickhere.jpg) no-repeat; display: block; width: 243px; height: 26px; text-indent: -9999px; }
#content #showcase { background: url(../images/bg-showcase.jpg) no-repeat; height:332px; padding:4px; width:892px; margin-bottom: 5px; }
#showcase #showcase-content { background: transparent url(../images/showcase-img-container.png) no-repeat; height:336px; width:892px; }
#showcase-content img { border: 1px solid #292929; }
#content { /* padding:0 10px; */ width: 900px; position: relative; }
#content #left-col { float: left; display: inline; width: 628px; margin-left: 8px; }
#content #left-col h2,
#right-col h2 { background: url(../images/headings.jpg) no-repeat top left; height: 43px; margin-bottom: 10px; }
#left-col h2 span,
#right-col h2 span { display: block; float: left; margin: 15px; height: 15px; text-indent: -9999px; }
#left-col h2 span#news { background: transparent url(../images/newsandupdates.png) no-repeat; width: 152px; }
#left-col h2 span#shop { background: transparent url(../images/shop-heading.png) no-repeat; width: 47px; }
#left-col h2 span#family { background: transparent url(../images/family-heading.png) no-repeat; width: 57px; }
#left-col h2 span#press { background: transparent url(../images/press-heading.png) no-repeat; width: 54px; }
#left-col h2 span#story { background: transparent url(../images/story-heading.png) no-repeat; width: 86px; }
#left-col h2 span#links { background: transparent url(../images/links-heading.png) no-repeat; width: 49px; }
#left-col h2 span#support { background: transparent url(../images/support-heading.png) no-repeat; width: 74px; }
#left-col h2 span#help { background: transparent url(../images/help-heading.png) no-repeat; width: 100px; }
#left-col h2 span#storelocator { background: transparent url(../images/storelocator-heading.png) no-repeat; width: 124px; }
#left-col h2 span#contact { background: transparent url(../images/contact-heading.png) no-repeat; width: 72px; }
#left-col h2 span#privacy { background: transparent url(../images/privacy.png) no-repeat; width: 123px; }
#left-col h2 span#error { background: transparent url(../images/error-heading.png) no-repeat; width: 53px; }
#left-col ul { }
#left-col ul li { float: left; display: inline; list-style: none; text-align: center; margin:25px 0 0 25px; }
#left-col ul li p { margin: 0; }
#left-col ul#stores { margin-top: 20px; }
#left-col ul#stores li { width:180px; margin: 20px 0 20px 10px; }
#left-col ul#stores li p { color:#333333; }
#left-col ul#stores li p strong { color:#5E5E5E; }
#left-col ul#stores li p a,
#view-all a { color:#333333; }
#view-all a { font-size: 14px; text-align:left; padding-left:10px; }
#left-col ul#stores li p a:hover,
#view-all a:hover { color:#5E5E5E; }
/* links list */
#left-col ul#links { margin-bottom: 40px; }
#left-col ul#links li { float: none; list-style: disc !important; display: list-item; margin: 0 0 0 20px; text-align: left; list-style-position: inside !important; }
#left-col ul#links h3 { margin-bottom: 10px; }
/* error lists - added by ironclad 360 */
#left-col ul.errorlist { margin-bottom: 20px; }
#left-col ul.errorlist li { display:list-item;float:none;font-size:90%;line-height:140%;list-style:disc outside none !important;margin:0 0 10px 40px;text-align:left; }
#left-col ul.errorlist h3 { margin-bottom: 10px; }
/* posts */
#left-col .post { background: url(../images/hr.jpg) no-repeat bottom center; clear: both; margin-bottom: 20px; padding: 10px 10px 20px 10px; }
#left-col .post h3 { color: #ffffff; font-size: 18px; }
#left-col .post p.date { font-style: italic; margin: 5px 0; }
#left-col .post p { color: #505050; font-size: 12px; margin-bottom: 10px; line-height: 20px; }
#left-col #left-container { color:#5E5E5E; font-size:14px; padding:10px 20px; line-height:20px; }
#left-container p { margin-bottom: 20px; }
#left-container ul { list-style-position:inside; list-style-type:disc; margin-bottom:20px; }
#left-container a, .post p a { color:#cccccc; }
#left-container a:hover, .post p a:hover { color: #5E5E5E; }
#left-container ul#family { }
#left-container ul#family li,
#left-container ul#press li { float: left; display: inline; list-style: none; text-align: center; margin:0 12px 20px 0; }
#left-container ul#family li a img,
#left-container ul#press li a img { width: 188px; }
#left-container ul#press li a.caption { font-size:10px; width:188px; }
#left-container ul#press li div { height:136px; overflow:hidden; width:188px; }
#left-container ul#videos { }
#left-container ul#videos li { float: left; display: inline; margin:0 0 20px 14px; }
#left-container ul#videos li p.video-caption { font-style: italic; font-size: 12px; }
ul#videos li object, ul#videos li object embed { width: 280px; height: 200px; }
#left-container h3 { background-color:#090909; color:#333; font-size:12px; font-weight:normal; margin: 0 0 20px 0; padding:6px 10px; text-transform:uppercase; }
#left-container h3.error { background:url("../images/warning16x16.png") no-repeat scroll 8px 50% #990000;color:#FFFFFF;font-size:12px;font-weight:bold;margin:0 0 20px;padding:6px 10px 6px 30px;text-transform:uppercase; }
#left-container .banners { text-align: center; }
.banners textarea { height:70px; width:350px; margin-bottom: 50px; }
#left-container .contact-form { }
#left-container .contact-form label { display:block; float:left; margin-bottom:5px; margin-right:10px; text-align:right; width:104px; }
#left-container .contact-form input,
#left-container .contact-form textarea { background: #fff; padding: 3px; border: none; margin-bottom:10px; width: 200px; }
#left-container .contact-form textarea { height:100px; width:400px; }
#left-container .contact-form input#send { cursor:pointer; height:25px; margin-left:114px; width:50px; }
#left-col .pagingDiv { color:#505050; font-size:14px; font-weight:normal; margin-bottom:20px; text-align:center; }
#left-col .pagingDiv .pNo { display: inline; margin: 0 5px; }
#left-col .pagingDiv .pNo a { color: #141414; font-weight: normal; }
#content #right-col { float: left; display: inline; width: 245px; margin-left:11px; }
#right-col h2 span { display: block; float: left; margin: 15px; height: 15px; text-indent: -9999px; }
#right-col h2 span#featured { background: url(../images/featuredproduct.png) no-repeat; width: 152px; }
#right-col h2 span#joinmailinglist { background: url(../images/joinmailinglist-heading.png) no-repeat; width: 141px; }
#right-col #product { background: url(../images/bg-buythis.gif) no-repeat; height:234px; padding:10px 0 0 10px; position:relative; width:237px; }
#right-col #product #buy-this-overlay { background: url(../images/buythis.gif) no-repeat; height:73px; left:50%; margin-left:48px; position:absolute; text-indent:-9999px; top:1px; width:74px; }
#right-col p { color: #ffffff; font-weight: bold; margin: 10px 0; text-align: center; font-size: 12px; }
#right-col form { margin: 20px; }
#right-col form label { color:#5E5E5E; display:block; font-size:10px; letter-spacing:2px; margin-bottom:5px; text-transform:uppercase; }
#right-col form input { margin-bottom:5px; }
#footer { background: url(../images/bg-footer.jpg) repeat-x; clear: both; width: 900px; margin-top:20px; }
#footer a { font-size: 10px; color: #303030; }
#footer a:hover { color: #222; }
#footer ul#social-links { float:left; display: inline; margin:40px 0 20px 200px; }
#footer ul li { display: inline; }
ul#social-links li a { display: block; float: left; height: 33px; text-indent: -9999px; }
ul#social-links li a#myspace { background: transparent url(../images/myspace.png) no-repeat top center; width: 141px; margin-right: 40px; }
ul#social-links li a#myspace:hover { background: transparent url(../images/myspace.png) no-repeat bottom center; }
ul#social-links li a#facebook { background: transparent url(../images/facebook.png) no-repeat top center; width: 136px; margin-right: 40px; }
ul#social-links li a#facebook:hover { background: transparent url(../images/facebook.png) no-repeat bottom center; }
ul#social-links li a#twitter { background: transparent url(../images/twitter.png) no-repeat top center; width: 113px; }
ul#social-links li a#twitter:hover { background: transparent url(../images/twitter.png) no-repeat bottom center; }
#footer ul { text-align: center; }
#footer ul li a { text-transform: uppercase; margin-right: 25px; text-decoration: none; }
#footer p { color: #303030; font-size: 11px; text-align: center; margin: 40px 0 20px 0; }
#footer a#studioakt { background: url(../images/studioakt.png) no-repeat top center; width: 108px; height: 42px; display: block; text-indent: -9999px; margin: 0 auto 20px; }
#footer a#studioakt:hover { background: url(../images/studioakt.png) no-repeat bottom center; }