﻿/* 
-----------------------------------------
    Site: http://www.dressmedaisy.com 
    Author: Ian McInnes @ Wax Media
    Updated: 6th May 2010
-----------------------------------------
*/ 


/* General site layout */
html {text-align:center; margin:0; padding:0;}
body {margin:0 auto;  padding:0; text-align:center; font-family:'Trebuchet MS'; font-size:10.5pt; color:#353b3c; background:url('/images/design/background.jpg') fixed top center;}
#wrapper {width:1030px; height:800px; margin:0 auto; text-align:left;}
#header {height:145px; width:1030px; background:url('/images/design/header_background.png') top center;}
#logo {margin:40px 0px 0px 55px; float:left; width:350px;}
#banner {float:right; height:60px; width:550px; margin:15px 35px 0 0; text-align:right;}
#contentwrapper {width:1030px; background:transparent url('/images/design/dropshadow.png') repeat-y center;}
#content {width:960px; margin:0 auto; padding-top:30px; min-height:500px; height:auto !important; height:500px;}
#admincontent {width:960px; margin:0 auto; padding-top:30px; min-height:500px; height:auto !important; height:500px;}
#bottom {width:1030px; height:30px; background:transparent url('/images/design/footer.png') top center;}


/* Header links */
#links {float:right; width:568px; margin:22px 30px 0 0; text-align:right;}
#links ul {margin:0; padding:0; list-style-type:none;}
#links ul li {position:relative; display:inline; padding-right:12px; color:#75ccd2; font-size:13pt;}
#links ul a {color:#75ccd2; font-size:13pt; text-decoration:none;}


/* Main menu */
#menu {height:30px; width:998px; padding:8px 0 0 32px; background:transparent url('/images/design/menu_bg.png') repeat-y center;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu ul li {position:relative; display:inline; padding:20px 16px 0 16px;}
#menu ul a {color:#170217; font-size:1.3em; text-decoration:none; text-transform:uppercase;}

#adminmenu {height:30px; width:998px; padding:8px 0 0 32px; background:transparent url('/images/design/menu_bg_admin.png') repeat-y center;}
#adminmenu ul {margin:0; padding:0; list-style-type:none;}
#adminmenu ul li {position:relative; display:inline; padding:20px 12px 0 12px;}
#adminmenu ul a {color:#170217; font-size:1.3em; text-decoration:none; text-transform:uppercase;}


/* Generic styling */
.pagecontent a, .pagecontentwide a {color:#353b3c; text-decoration:none;} /*  border-bottom:dashed 1px #353b3c; */
.cmscontent a {color:#e10275;}
#admincontent a {color:#353b3c; text-decoration:none; border-bottom:dashed 1px #353b3c;}
.blackunderlined {color:#000;}
.pink, .pinktext {color:#e10275;}
.border {border:solid 1px #000;}
a:focus {outline:none;}
.pinktitle {color:#e10275; font-size:1.2em; } 
.title {color:#353b3c; font-size:1.2em; font-weight:bold;}
.smalltext {font-size:0.8em; } 
.bluetext {color:#1aa6b0;} 
.plainlink {text-decoration:none; color:#353b3c;}
.bluelink {text-decoration:none; color:#1aa6b0;}
.pinklink {text-decoration:none; color:#e10275;}
.rightbutton {width:100%; text-align:right;}
.pinkheader {font-size:16pt; color:#e20e74;}
.minheight {min-height:410px; height:auto !important; height:410px;}

/* Graphical styling */
.openquote {width:27px; height:21px; background:transparent url('/images/design/open_quote.gif') no-repeat;}
.closequote {width:195px; height:21px; background:transparent url('/images/design/close_quote.gif') no-repeat;}

 
/* Generic layout */
.clear {clear:both; height:3px; }
.horizontalspacer {height:5px;}
.verticalspacer {float:left; width:7px;}
.centeredcontent {text-align:center;}
.marginright {margin-right:7px;}
.minheight215 {min-height:215px; height:auto !important; height:215px;}
.horizontaldivider {height:1px; background:transparent url('/images/design/horizontal_divider_black.png') repeat-x;}  


   
/* Profile tab menu*/ 
.profiletabs ul {margin:0; padding:0; list-style-type:none;}
.profiletabs li {float:left;}
.profiletabs a {display:block; width:235px; height:0; padding-top:40px; overflow:hidden;}
.homepage {width:960px; height:59px; background:#fff url(/images/design/profiletabs_homepage.gif) no-repeat;} 
.shopping {width:960px; height:59px; background:#fff url(/images/design/profiletabs_shopping.gif) no-repeat;} 
.wishlist {width:960px; height:59px; background:#fff url(/images/design/profiletabs_wishlist.gif) no-repeat;} 

.profileshoppingtabs {padding-bottom: 20px;}
.profileshoppingtabs ul {margin:0; padding:0; list-style-type:none;}
.profileshoppingtabs li {float:left;}
.profileshoppingtabs a {display:block; width:230px; height:0; padding-top:48px; overflow:hidden;}
.intro {width:922px; height:48px; background:#fff url(/images/design/profile_shopping_intro.gif) no-repeat;} 
.request {width:922px; height:48px; background:#fff url(/images/design/profile_shopping_request.gif) no-repeat;} 
.rail {width:922px; height:48px; background:#fff url(/images/design/profile_shopping_rail.gif) no-repeat;} 
.wardrobe {width:922px; height:48px; background:#fff url(/images/design/profile_shopping_wardrobe.gif) no-repeat;} 

#profiletabscontent {width:938px; min-height:400px; height:auto !important; height:400px; background-color:#fff; border-left:solid 1px #b8b6b5; border-right:solid 1px #b8b6b5; padding:0 10px} 
#profiletabsbottom {width:960px; height:10px; background:#fff url(/images/design/profiletabs_bottom.gif) no-repeat;} 
.profiletabstheme {width:938px; height:999px; background:#fff url(/images/profiles/profile_theme_blank.jpg) no-repeat;}
.profiletabstheme1 {width:938px; height:999px; background:#fff url(/images/profiles/profile_theme_1.jpg) no-repeat;}
.profiletabstheme2 {width:938px; height:999px; background:#fff url(/images/profiles/profile_theme_2.jpg) no-repeat;}
.profiletabstheme3 {width:938px; height:999px; background:#fff url(/images/profiles/profile_theme_3.jpg) no-repeat;}
.profiletabstheme4 {width:938px; height:999px; background:#fff url(/images/profiles/profile_theme_4.jpg) no-repeat;}
.profiletabstheme5 {width:938px; height:999px; background:#fff url(/images/profiles/profile_theme_5.jpg) no-repeat;}
.profiletabstheme6 {width:938px; height:999px; background:#fff url(/images/profiles/profile_theme_6.jpg) no-repeat;}

#personalshoppingintro {background: url(/images/design/shopping_intro_background.jpg) no-repeat; width:898px; height:794px; padding:20px;}
#personalshoppingintrocontent {width:560px; line-height:20px;}
#personalshoppingintro #introbullet1 {color:#e10275; padding:12px 0 15px 40px;}
#personalshoppingintro #introbullet2 {color:#e10275; padding:12px 0 15px 40px;}
#personalshoppingintro #introbullet3 {color:#e10275; padding:11px 0 15px 40px;}
#personalshoppingintro #introbullet4 {color:#e10275; padding:12px 0 15px 40px;}

#personalshoppingintro .creditamount {float:left; width:100px;}
#personalshoppingintro .creditprice {float:left; width:145px;}


/* Content Boxes */
.box300 {float:left; width:300px;}
.box300 .pagetitle {width:280px; height:52px; background:#fff url(/images/design/content_title_bg_300.gif) no-repeat; padding:10px 0px 0px 20px;} 
.box300 .pagetitlepink {width:280px; height:52px; background:#fff url(/images/design/content_title_bg_300_pink.gif) no-repeat; padding:10px 0px 0px 20px;} 
.box300 .pagecontent {width:258px; background-color:#fff; border:solid 1px #b8b6b5; border-top:0px; padding:20px;}
.box300 .pagecontentsquare {width:258px; background-color:#fff; border:solid 1px #b8b6b5; padding:20px;}

.box660 {float:left; width:653px;}
.box660 .pagetitle {width:632px; height:52px; background:#fff url(/images/design/content_title_background.gif) no-repeat; padding:10px 0px 0px 20px;}
.box660 .pagecontent {width:610px; background-color:#fff; border:solid 1px #b8b6b5; border-top:0px; padding:20px;} 
.box660 .pagecontentsquare {width:610px; background-color:#fff; border:solid 1px #b8b6b5; padding:20px;} 

.pagetitle {width:632px; height:52px; background:#fff url(/images/design/content_title_background.gif) no-repeat; padding:10px 0px 0px 20px;} 
.pagetitlewide {width:940px; height:52px; background:#fff url(/images/design/content_title_bg_wide.gif) no-repeat; padding:10px 0px 0px 20px;} 
.pagecontent {width:610px; background-color:#fff; border:solid 1px #b8b6b5; border-top:0px; padding:20px;}
.pagecontentsquare {width:610px; background-color:#fff; border:solid 1px #b8b6b5; padding:20px;}
.pagecontentwide {width:918px; background-color:#fff; border:solid 1px #b8b6b5; border-top:0px; padding:20px;}
.pagecontentwidesquare {width:918px; background-color:#fff; border:solid 1px #b8b6b5; padding:20px;}
  
/* Forms */
.formlabel {float:left; width:150px; text-align:right; padding-right:8px;}
.formlabelshort {float:left; width:40px; text-align:right; padding-right:8px;}
.formlabelmedium {float:left; width:70px;  padding-right:8px; padding-bottom:20px; color:#e10275;}
.formfield {float:left;}
.formbutton {width:100%; text-align:right; padding:20px 20px 0 0;}
.formbuttonleft {float:left; width:445px; text-align:left; padding-top:20px;}
.formbuttonright {float:left; width:445px; text-align:right; padding-top:20px;}
.adminrequest .formlabel {float:left; width:80px; text-align:right; padding-right:8px;}
input, textarea {font-family:'Trebuchet MS'; font-size:10.5pt; color:#353b3c;}


/* Item of the week */
#itemoftheweek {float:left; width:615px; margin-right:7px;}
#itemoftheweek .top {width:615px; height:11px; background:transparent url('/images/design/main_homepage_promo_topborder.png') no-repeat;}
#itemoftheweek .body {width:613px; height:276px; border:solid 1px #b8b6b5; border-width:0 1px; background-color:#fff;}
#itemoftheweek .bottom {width:615px; height:11px; background:transparent url('/images/design/main_homepage_promo_bottomborder.png') no-repeat;}
#itemoftheweek .image {float:left; width:370px; text-align:center;}
#itemoftheweek .description {float:left; width:240px; font-size:1.1em; padding-top:25px;}
#itemoftheweek .fullwidthdescription {float:left; width:550px; font-size:1.1em; padding:25px;}
.itemoftheweekname {font-size:1.3em;}


/* sIFR styles */
.sIFR-flash {visibility:visible !important; margin:0;}
.sIFR-replaced {visibility:visible !important;}
.sIFR-flash + div[adblocktab=true] {display:none !important;}
.sIFR-hasFlash h1 {visibility:hidden; font-size:24pt; padding:0; margin:0;}
.sIFR-hasFlash h2 {visibility:hidden; letter-spacing:-9px; font-size:55px;}
.sIFR-hasFlash h3 {visibility:hidden;letter-spacing:-6px; font-size:25px;}
.sIFR-hasFlash h4 {visibility:hidden; letter-spacing:-5px; font-size:18px; margin:0;}
.sIFR-hasFlash h5 {visibility:hidden; letter-spacing:-5px; font-size:18px; margin:0;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}


/* Footer */
#footer {width:960px; margin:0 auto; padding:30px 60px; font-size:12px;}
#footer ul {margin:0; padding:0; list-style-type:none;}
#footer ul li {padding-top:10px;}
#footer ul a {color:#474747; text-decoration:none;}
#footer .column {float:left;  width:160px;}


/* Specific styling */
#homepagetitle {font-size:16pt; margin:0 0 10px 10px;}

.shoppingrequestprofiledetails .left {float:left; width:440px;}
.shoppingrequestprofiledetails .right {float:left; width:440px; padding-left:10px; background:transparent url('/images/design/vertical_divider.png') repeat-y left;}
.shoppingrequestprofiledetails .left .formlabel {width:180px;}
.shoppingrequestprofiledetails .right .formlabel {width:230px;}

.shoppingrequestitemdetails .left {float:left; width:440px;}
.shoppingrequestitemdetails .right {float:left; width:440px; padding-left:10px; background:transparent url('/images/design/vertical_divider.png') repeat-y left;}
.shoppingrequestitemdetails .left .formlabel {width:180px;}
.shoppingrequestitemdetails .right .formlabel {width:180px;}

.innerbox .top {width:938px; height:8px; background:transparent url('/images/design/inner_border_top.png') no-repeat;}
.innerbox .body {width:896px; min-height:10px; height:auto !important; height:10px; border:solid 1px #b8b6b5; border-width:0 1px; background-color:#f6f5f4; padding:10px 20px;}
.innerbox .bottom {width:938px; height:11px; background:transparent url('/images/design/inner_border_bottom.png') no-repeat;}
 
 
/* Member Rail */ 
#railcontainer {height:794px; background:transparent url('/images/design/rail_background.jpg') no-repeat;}              
#railcontent {margin:0 auto; width:690px; height:700px; overflow:hidden; padding:10px 0 0 20px;}  
.railitemsummary {float:left; width:330px; padding-top:15px;}       
.railitemsummaryright {float:left; width:310px; padding-left:20px; padding-top:15px;}       
.railitemsummarydetails {float:left; width:210px; padding-right:10px;}
.railitemsummaryimage {float:left; width:80px;}
.railitemsummarydivider {width:300px; height:1px; background:transparent url('/images/design/horizontal_divider_black.png') repeat-x;}
#railscrollup {position: relative; top:160px; left:800px; width:16px; z-index:100;}
#railscrolldown {position: relative; top:680px; left:800px; width:16px; z-index:100;}
#scrollingcontent {margin:0 auto; width:690px; height:3000px; overflow:hidden;}
  

/* Member Wardrobe */ 
#wardrobecontainer {height:794px; background:transparent url('/images/design/wardrobe_background.jpg') no-repeat;}              
#wardrobecontent {margin:0 auto; width:690px; height:700px; overflow:hidden; padding:10px 0 0 20px;}  
.wardrobeitemsummary {float:left; width:330px; padding-top:15px;}       
.wardrobeitemsummaryright {float:left; width:310px; padding-left:20px; padding-top:15px;}       
.wardrobeitemsummarydetails {float:left; width:210px; padding-right:10px;}
.wardrobeitemsummaryimage {float:left; width:80px;}
.wardrobeitemsummarydivider {width:300px; height:1px; background:transparent url('/images/design/horizontal_divider_black.png') repeat-x;}
#wardrobescrollup {position: relative; top:160px; left:800px; width:16px; z-index:100;}
#wardrobescrolldown {position: relative; top:680px; left:800px; width:16px; z-index:100;}


/* Generic Article styling */
.articleitemsummary {float:left; width:290px; padding-top:15px;}  
.articleitemsummaryright {float:left; width:290px; padding-top:15px; padding-left:20px;}  
.articleitemsummarydetails {float:left; width:200px; padding-right:10px;}
.articleitemsummaryimage {float:left; width:80px;}


/* Wishlist */ 
.wishlistitemsummary {float:left; width:300px; padding-top:15px;}       
.wishlistitemsummarydetails {float:left; width:190px; padding-right:10px;}
.wishlistitemsummaryimage {float:left; width:80px;}


/* Admin specific styling */
.adminProduct {float:left; width:600px;}
.adminProductImage {float:left; width:260px;}
.adminProductDetails {float:left; width:335px;}

#admingeneraldetails #left {float:left; width:250px;}
#admingeneraldetails #right {float:left; width:350px;}
#admingeneraldetails #left .formlabel {width:100px;}
#admingeneraldetails #right .formlabel {width:190px;}


/* Banners */
.banner336x280 {float:left; width:298px; background: #e0dfdd;}
.box336 {float:left; border:solid 1px #b8b6b5; width:268px; height:350px; background: #e0dfdd; padding:15px; text-align:center;}
.banner300x280 {float:left; width:336px; height:265px; background:#fff; border:solid 1px #b8b6b5; text-align:center; padding-top:15px;}
.banner300x250 {float:left; width:336px; height:265px; background:#fff; border:solid 1px #b8b6b5; text-align:center; padding-top:15px;}


/* Homepage boxes */
#personalshopping {float:left; width:338px; height:297px; background:#fff;}
#featuredretailer {float:left; width:198px; height:280px; border:solid 1px #b8b6b5; background-color:#fff; margin-right:8px;}
#celebritystyle { float:left; width:198px; height:280px; border:solid 1px #b8b6b5; background-color:#fff; margin-right:7px;}
#askdaisy {float:left; width:178px; height:260px; border:solid 1px #b8b6b5; background-color:#fff; margin-right:7px; padding:10px;}
#askdaisyquestion {min-height:170px; height:auto !important; height:170px;}
#completingyourprofile {float:left; border:solid 1px #b8b6b5; height:250px; width:613px; margin-right:7px; background:#fff;}
#newsletter {float:left; height:102px; width:298px; margin-top:8px; padding:10px 20px; background-color:#000; color:#fff;} 
#newsletterbutton {float:left; padding: 2px 0px 0px 5px;} 

/* Homepage whats new */
.scroller {z-index:9999;}
.jFlowControl {text-decoration:none; padding:0 25px; color:#e10275;}
.jFlowSelected {color:#b8b6b5;}


/* jQuery */
div#profiletabscontent #panel {height:360px;}
div#profiletabscontent .btn-slide {background: url(/images/design/show_hide_section.png) no-repeat -154px 0px; display:block; width:154px; height:0; margin-top:5px; padding-top:15px; overflow:hidden;}
div#profiletabscontent .active {background-position: 0px 0px;}


/* Rating */
.ratingStar {font-size: 0pt; width: 28px; height: 26px; margin: 0px; padding: 0 9px; cursor: pointer; display: block; background-repeat: no-repeat;}
.ratingStarThin {font-size: 0pt; width: 28px; height: 26px; margin: 0px; padding: 0 3px; cursor: pointer; display: block; background-repeat: no-repeat;}
.filledRatingStar {background-image: url(/images/design/FilledStar.png);}
.emptyRatingStar {background-image: url(/images/design/EmptyStar.png);}
.savedRatingStar {background-image: url(/images/design/SavedStar.png);}


/* Ask Daisy */
.askDaisyArchive {width:100%;}
.askDaisyArchiveAlt {width:100%; background-color:#F1F3F5; padding:10px 0;}
.askDaisyArchive .question, .askDaisyArchiveAlt .question {float:left; width:490px; padding-right:20px;}
.askDaisyArchive .viewlink, .askDaisyArchiveAlt .viewlink {float:left; width:100px;}
.askDaisyArchive .viewlinkright, .askDaisyArchiveAlt .viewlinkright {width:600px; text-align:right;}


/* Newsfeeds */
.newsfeed {width:298px; background-color:#fff; border:solid 1px #b8b6b5; float:left; margin-bottom:5px;}
.newsfeed .title {background-color:#e10275; height:22px; padding: 3px 10px;}
.newsfeed .content {background-color:#fff; padding: 15px 10px;}
.newsfeed .content .viewlink {width:100%; text-align:right; line-height:10px; height:10px; padding-bottom:10px;}


/* Profile Homepage */
.membername {font-size:1.3em;}
#profilecolumn1 {float:left; width:175px; margin-right:17px; margin-left:15px;}
#profilecolumn2 {float:left; width:400px; margin-right:15px; border:solid 1px #b8b6b5; background:#fff;}
#profilecolumn3 {float:left; width:298px;}

#profilecolumn2 .title {background-color:#75ccd2; height:50px; padding: 10px 0px 0px 20px;}
#profilecolumn2 .content {padding: 15px 10px;}

#profilecolumn3 .box {border:solid 1px #b8b6b5; background:#fff;}
#profilecolumn3 .box .title {background-color:#75ccd2; height:50px; padding: 10px 0px 0px 20px;}
#profilecolumn3 .box .content {padding: 15px 10px;}

#profilecolumn1 .divider {width:175px; height:20px; background:transparent url('/images/design/horizontal_divider_black.png') repeat-x center;}  
#profilecolumn2 .divider {width:380px; height:20px; background:transparent url('/images/design/horizontal_divider_black.png') repeat-x center;} 

#profileimage {cursor:hand; width:175px; border:solid 1px #b6b4b9;}

/* Modal Popup */
.modalBackground {background-color:#000; filter:alpha(opacity=20); opacity:0.2;}
.Popup {background-color:#fff; width: 230px; padding:20px; border:solid 5px #3060F0;}

/* Retailers */
.retailerlogo {padding:0 0 10px 10px;}
.featureditemsummary {float:left; width:295px; padding-top:15px;}       
.featureditemsummaryright {float:left; width:295px; margin-left:20px; padding-top:15px;}       
.featureditemsummarydetails {float:left; width:200px; padding-right:10px;}
.featureditemsummaryimage {float:left; width:80px;}
.featureditemsummarydivider {width:290px; height:1px; background:transparent url('/images/design/horizontal_divider_black.png') repeat-x;}

.search_paging_nextprev {float:right; padding-top:20px;}
.search_paging_range {float:left; width:200px;}
.search_paging_bottom {float:right; width:200px;}

/* Personal Shopping  */

#personalshoppingpromo {padding-left:4px;}
.categorylist2col {width:450px;}


/* SLIMBOX */
#lbOverlay {position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff;}
.lbLoading {background: #fff url('/images/design/loading.gif') no-repeat center;}
#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url('/images/design/prevlabel.gif') no-repeat 0% 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url('/images/design/nextlabel.gif') no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}
#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url('/images/design/closelabel.gif') no-repeat center; margin: 5px 0; outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}


/* Admin Suggestion Ratings */ 
.ratingitemsummary {float:left; width:300px; padding-top:15px;}       
.ratingitemsummarydetails {float:left; width:200px; padding-right:5px;}
.ratingitemsummaryimage {float:left; width:82px; height:112px; overflow:hidden;}
.ratingitemdivider {width:900px; height:1px; background:transparent url('/images/design/horizontal_divider_black.png') repeat-x;}


/* Shopping Section */
.shoppingbag {background: url('/images/design/bag.gif') no-repeat bottom right;}