/* ===============
   WELCOME TO THE CORE OF HELLO LACE
   =============== */
/* CSS is copyright to Linda, 2010. All Rights Reserved.
Feel free to look and learn, but if you intend to copy my code, you should leave asap. */

/* ===============
   GLOBAL
   =============== */
.ad { float: left; padding-bottom: 75px; padding-top: 10px; }
@font-face { font-family: 'DistrictThin'; src: url('http://hellolace.net/fonts/DistrictThin.eot'); src: local('?'), url('http://hellolace.net/fonts/DistrictThin.otf') format('opentype'); }

@font-face { font-family: 'Quicksand'; src: url('http://hellolace.net/fonts/Quicksand_Book.eot'); src: local('?'), url('http://hellolace.net/fonts/Quicksand_Book.otf') format('opentype'); }

body { color: #000; margin: 0; padding: 0; text-align: center; background: #fff url('images/bg.png') repeat-x;; font-style:normal; font-variant:normal; font-weight:normal; line-height:23px; font-size:12px; font-family:Tahoma, Verdana, Trebuchet MS, Arial, Sans-Serif }

h1 { font-family: DistrictThin, Arial, Tahoma, Sans-Serif; font-size: 24px; color: #000; text-transform: uppercase; }
h2 { color: #00b4ff; padding-top: 10px; padding-bottom: 5px;  background: #fff url('images/h2line.png') no-repeat left 30px; text-transform: uppercase; font-style:normal; font-variant:normal; font-weight:normal; font-size:17px; font-family:Calibri, Arial, Tahoma, Sans-Serif }
h3 { font: bold 14px Calibri, Arial, Tahoma; color: #00a6ca; }
h3 a { color: #ff00a0; }
.shopping-list { padding-bottom: 30px; margin-top: -5px; }

a { text-decoration: none; color: #ff00a0; }
a:hover { color: #000; }

:-moz-any-link:focus {outline: none;}

ul, li { list-style-type: none; margin: 0; padding: 0; } 
.bullet > li { background:url('images/bullet.gif') no-repeat 0 6px; padding-left: 20px }

.searchfix { margin: 0; padding: 0; margin-left: 5px; float: left; }
input { padding: 0; margin: 0; }

.infonote { font: italic 11px/20px arial, Tahoma, Verdana, "Trebuchet MS", Sans-Serif; color: #4a4a4a; }
.content-top { font: 10px arial; color: #929292; padding-left: 5px; }

/* ===============
   BACKGROUND TEXT SELECTION COLOR (Chrome, FF, Safari)
   =============== */

::selection { background: #e3e3e3; color: #000; /* Safari */	}
::-moz-selection { background: #e3e3e3; color: #000; /* Firefox */ }

/* ===============
   DESIGN SETUP
   =============== */

#container { margin-left: auto; margin-right: auto; text-align: left; width: 1020px; margin-top: 130px; background: #fff; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; margin-bottom: 25px; }
#logo { width: 1020px; height: 57px; background: #000; }
.logo { padding: 21px; border-style: none; }
#nav { width: 1020px; height: 42px; background: transparent; }
#header { width: 1020px; height: 481px; }
#content { padding: 20px 50px 50px 50px; }

#searchbox { float: right; padding: 15px; }
#searchbox input { padding: 4px; background: #232323; border: none; color: #fff; text-transform: uppercase; font: 11px Arial; }
#searchbox input:hover { color: #ff00a0; }

#containerfooter { margin-left: auto; margin-right: auto; text-align: left; width: 1020px; background: #fff; margin-bottom: 25px; }
.footerlinks { float: left; font: 9px arial; color: #a4a5a5; text-transform: uppercase; apadding-bottom: 75px; }
.footerlinks a { color: #39ace6; }
.footerlinks a:hover { color: #ff00a0; }
.footercopy { float: right; font: 9px arial; color: #a4a5a5; text-transform: uppercase; apadding-bottom: 75px; }

/* ===============
   HEADER SLIDESHOW
   =============== */

#slider {  position: relative; overflow: hidden; }
#slider, #slider img, #slider ul{ width: 1020px; height: 481px; }
#slider li, #slider ul{ padding:0; margin:0; }
#slider ul { position: absolute; }
#slider .slide {  float: left; position: relative; display: none; }

/*For sane browsers..*/
#slider .slide:first-child{ display: block; }

#slider .slide span { position: absolute; left: 0; width: 1020px; padding: 10px 10px 15px 10px;
opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
background-color: #000; color: #fff;
bottom: 0;/*remove this and it will be on top*/ 
font: 10px/15px Arial, Helvetica, sans-serif; }

/* Header Title Text and Colors */
.headerblue, .headerwhite, .headerppink, .headerred { font: 25px/25px Calibri, Arial; text-transform: uppercase; letter-spacing: -2px; margin-bottom: -3px; }
.headerblue { color: #00b4ff; }
.headerwhite { color: #fff; }
.headerppink { color: #ff7a7a; }
.headerred { color: #ff0000; }


.headerquick { font: 36px/30px Quicksand, "Century Gothic", Calibri, Arial; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; }
.headerquick { color: #fff; }

#slider2 {  position: relative; overflow: hidden; }
#slider2, #slider2 img, #slider ul{ width: 1020px; height: 481px; }
#slider2 li, #slider2 ul{ padding:0; margin:0; }
#slider2 ul { position: absolute; }
#slider2 .slide2 { float: left; position: relative; display: none; }

/*For sane browsers..*/
#slider2 .slide2:first-child{ display: block; }

#slider2 .slide2 span { position: absolute; left: 0; width: 1020px; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; 
opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
background-color: #000; color: #dededd;
bottom: 0;/*remove this and it will be on top*/ 
font: 11px/20px century gothic, Arial; text-transform: uppercase; letter-spacing: 2px; 
}

/* ===============
   GLOSSARY PAGE
   =============== */
#glossary h2 { color: #00b4ff; padding-top: 10px; padding-bottom: 5px;  background: #fff url('images/h2line.png') no-repeat left 30px; text-transform: uppercase; font-style:normal; font-variant:normal; font-weight:normal; font-size:17px; font-family:Calibri, Arial, Tahoma, Sans-Serif }
#glossary h3 { font: bold 14px Calibri, Arial, Tahoma; color: #00a6ca; }
#glossary h3 ~ p { padding-bottom: 15px; margin-top: -15px; }
#glossary h3 a { background: #fff; color: #ff00a0; }
#glossary h3 a:hover { color: #000; }

/* ===============
   STYLES SECTION
   =============== */
   
.stylethumb { float: left; border: solid 1px #dddddd; padding: 10px; margin: 6px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; } /*Outfit Gallery Thumbnails*/
.styleoutfit { float: right; }
.photothumb { float: left; background: #fff; padding: 8px; margin-bottom: 15px; margin-right: 15px; border: 1px solid #dddddd; padding: 10px; margin-right: 15px; margin-bottom: 15px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.thumbnail { background: #fff; padding: 8px; margin-bottom: 15px; margin-right: 15px; border: 1px solid #dddddd; padding: 10px; margin-right: 15px; margin-bottom: 15px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

/* ===============
   WARDROBE ID's & Classes
   =============== */

#wardrobecontainer { width: 690px; border: 2px solid #eaeaea; padding: 30px; background: #fff url('images/bgwardrobe.gif'); 
float:33em 9px 25.6%; margin-left: auto; margin-right: auto } /*Container for thumb and info*/
#wardrobecontainer h4 { font-family: DistrictThin, Arial, Tahoma, Sans-Serif; font-size: 20px; color: #818181; text-transform: uppercase; padding-top: 10px; text-align: center; }
.wardrobeh1 { padding-bottom: 20px; } /*Outfit Gallery Title Styling*/

#wardrobeinfo { float: right; width: 390px; min-height: 333px; border: 1px solid #d2d2d2; padding: 10px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; } /*Info Text Block*/
#wardrobeinfo h1 { font: bold 20px Calibri, Arial, Tahoma, Sans-Serif; color: #00b4ff; margin-bottom: -10px; margin-top: 1px; }
#wardrobeinfo h2 { background: none; color: #000; margin-top: -3px; }
#wardrobeinfo h3 { font: 15px Arial; color: #000; }
#wardrobeinfo h3 strong { color: #ff00a0; }
#wardrobeinfo h3 em { color: #d6d6d6; } /*Not available items*/
#wardrobeinfo h3 b { color: #00c0ff; font-weight: normal; } /*Not available items*/

.wardrobeimgcenter { width: 572px; margin-left: auto; margin-right: auto;} /*Center images for colors etc*/

.outfitthumb { border: solid 1px #dddddd; padding: 10px; margin: 6px; background: #f0f0f0; } /*Outfit Gallery Thumbnails*/
.outfitthumb:hover { border: solid 1px #00aeff; }

.wthumb { border: solid 1px #d2d2d2; padding: 10px; margin: 6px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 250px; }
.wthumbleft { width: 232px; border: solid 1px #d2d2d2; padding: 10px; float: left; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.wthumb-worn { border: solid 1px #d2d2d2; padding: 10px; margin: 6px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* DOWNLOADS - MUSIC */
.imgteasermusic { margin: 0; overflow: hidden; float: left; position: relative; height: 182px;} /*Specify height or page will break*/
.imgteasermusic a { text-decoration: none; float: left; }
.imgteasermusic a img { float: left; margin: 0; border: none; padding: 10px; margin: 6px; background: #fff; border: 1px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.imgteasermusic a:hover .desc { display: block; background: #111; filter:alpha(opacity=75); 
opacity:.75; -ms-filter: "progidDXImageTransform.Microsoft.Alpha(Opacity75)"; /*--IE 8 Transparency--*/ color: #fff; 
position: absolute; bottom: 30px; left: 17px;
padding: 5px; margin: 0; width: 140px; border-top: 1px solid #999; border-bottom: 1px solid #999; font-style:normal; font-variant:normal; font-weight:normal; line-height:11px; font-size:9px; font-family:Tahoma, Arial }
.imgteasermusic a:hover .desc strong { display: block; margin-bottom: 5px; font-size:1.5em; }
.imgteasermusic a .desc { display: none; }
.imgteasermusic b { font: bold 10px tahoma; text-transform: uppercase; }

/* ===============
   COORDINATES ID's & Classes
   =============== */

#coordcontainer { width: 690px; border: 2px solid #eaeaea; padding: 30px; background: #fff url('images/bgwardrobe.gif'); 
float:33em 9px 25.6%; margin-left: auto; margin-right: auto } /*Container for thumb and info*/
#coordcontainer h4 { font-family: DistrictThin, Arial, Tahoma, Sans-Serif; font-size: 20px; color: #818181; text-transform: uppercase; padding-top: 10px; text-align: center; }
.coordh1 { padding-bottom: 20px; } /*Outfit Gallery Title Styling*/

#coordinfo { float: right; width: 390px; min-height: 313px; border: 1px solid #d2d2d2; padding: 10px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; } /*Info Text Block*/
#coordinfo h1 { font: bold 20px Calibri, Arial, Tahoma, Sans-Serif; color: #00b4ff; margin-bottom: -10px; margin-top: 1px; }
#coordinfo h2 { background: none; color: #000; margin-top: -3px; }
#coordinfo h3 { font: 15px Arial; color: #000; }
#coordinfo h3 strong { color: #ff00a0; }

.coordimg { width: 232px; border: solid 1px #d2d2d2; padding: 10px; float: left; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.fullcoordimg { max-width: 572px; border: solid 1px #d2d2d2; padding: 10px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.coordimgcenter { margin: auto; text-align: center; }

#coordcontainer ul { padding-top: 8px; }
#coordcontainer li { padding-bottom: 8px; }
#coordcontainer li b { color: #00c0ff; font-weight: normal; } /*List*/

/* ===============
   WEBSITE SEARCH
   =============== */

/*Top categories*/
.main_cat1 {font-size: 16px; font-weight: bold; color:#0000FF}
.main_cat2 {font-size: 12px; font-weight: bold; color:#0000FF}
.cat1:visited {font-size: 16px; font-weight: bold; color:#5555AA}
.url { color: #777777; padding-bottom: 10px; } /*Small urls*/
.description{font-size: 13px; height: 0px; margin-bottom: -5px;} /*Page descriptions*/
td {font-family:arial,sans-serif; font-size: 13px; } /* */
.title {color:#ff00a0; font: bold 15px Arial; letter-spacing: -1px; } /* Title/link of pages */
.searchBox{ border:1px solid #113377; padding: 5px; margin: 5px; color: #ff00a0; }
#result_report { text-align:center ; padding:3px; background-color:#f1f1f1; color: #717171; font-weight: bold; margin-bottom:14px; }
.catBanner { padding:3px; margin-top:15px; background-color:#e5ecf9; font-weight: bold; }
.webPageBanner { padding:3px; margin-top:20px; background-color:#e5ecf9; font-weight: bold; }
hr {color:#000066;}
hr.powered {width:550; color: #000066}

/*main results table */
#results{ width: 780; margin-bottom: 10px; }
#other_pages { text-align:center; }
#common_report { text-align:center; }
#cat_table { width:600px; margin-top:20px; padding-top:10px; padding-bottom:20px; border-top:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; }
#cat_main { font-weight: bold; }
.divline{ margin-top:20px; margin-bottom:-5px; border-bottom:1px solid #DDDDDD; }
#sub_cat { font-size:12px; }
.idented { margin-left:30px; }
#did_you_mean { font-size: 14px;  text-align:center ; margin:10px; }


/* ===============
   CONTACT FORM, FORMS
   =============== */

fieldset { border: none; padding: 0; margin: 0; padding-bottom: 20px; }

.label { float: left; color: #fff; }

.formfield-name, .formfield-email, .formfield-url, .formfield-location, .textfield {
width: 360px;
font: 11px/17px Tahoma;
color: #000;
border: solid 1px #dadada;
padding: 6px 6px 6px 30px; }

.formfield-name { background: #f0f0f0 url('images/user.png') no-repeat left; }
.formfield-email { background: #f0f0f0 url('images/email.png') no-repeat left; }
.formfield-url { background: #f0f0f0 url('images/link.png') no-repeat left; }
.formfield-location { background: #f0f0f0 url('images/house.png') no-repeat left; }

.textfield { width: 384px; height: 100px; background: #f0f0f0; padding: 6px; }

.submit-button { padding: 10px;  color: #000; background: #f0f0f0; border: 1px solid #dadada;}

/* ===============
   NEWS PAGE
   =============== */
.newsspace { padding-top: 9px; }
 
/* ===============
   MISC. CLASSES
   =============== */
   
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; zoom: 1; visibility: hidden; }
.tempjava { color: #fff; }
.hide { display: none; }


/* ===============
   INSPIRATIONAL COORDINATES ID's & Classes
   =============== */

#inspiration-container { width: 690px; padding: 30px; float:33em 9px 25.6%; margin-left: auto; margin-right: auto; }
#inspiration-info { margin-left: auto; margin-right: auto; text-align: center; width: 530px; border: 1px solid #d2d2d2; padding: 30px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; overflow: auto;}
#inspiration-container ul { padding-top: 8px; }
#inspiration-container li { padding-bottom: 2px; }
#inspiration-container li b { font: bold 14px Calibri, Arial, Tahoma; color: #00a6ca; }

.inspiration-fullimg { max-width: 572px; border: solid 1px #d2d2d2; padding: 10px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.inspiration-imgcenter { text-align: center; margin: auto; }
.inspiration-comment { font: 12px Arial; padding-left: 50px; margin-bottom: 15px; text-transform: uppercase; text-align: left; }
.inspiration-imagewrap { padding-top: 0; padding-left: 4px; position: absolute; }
.inspiration-model { font-family: DistrictThin, Arial; font-size: 24px; color: #00b4ff; text-transform: uppercase; padding-top: 15px; }
.inspiration-photographer { font: 14px Arial; color: #000; text-transform: uppercase; padding-bottom: 20px; padding-top: 8px; padding-bottom: 40px; }
.inspiration-outfitrundown-left { text-align: left; font: bold 14px Arial; color: #ff00a0; text-transform: uppercase; }
.inspiration-desc { float: left; text-align: left; }
.inspiration-website { text-align: right; font: 12px Arial, Tahoma, Sans-Serif; color: #00b4ff; text-transform: uppercase; margin-top: -16px; margin-right: 20px; }

/* ===============
   NAVIGATION OVERVIEW PAGES
   =============== */

.overview a { font-weight: bold; text-transform: uppercase; }
.overview a img { border: 5px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.overview a:hover img { border: 5px solid #ff00a0; }
.overview img { float: left; margin: 6px 7px 0px 0px; }
.overview p { padding: 0px; margin: 0px 0px 15px 0px; min-height: 80px; text-align: justify; }

/* ===============
   SHOPPING PAGE - LINKS SETUP
   =============== */

.shoppinglist ul { height: 300px; }
.shoppinglist li { float: left; display: block; }
.shoppinglist li a { 
display: block; 
width: 160px;
margin-right: 50px; 
margin-bottom: 5px;  
padding-bottom: 5px;
color: #ff00a0; 
border-bottom: solid 1px #c4c4c4; 
}

.shoppinglist li a:hover { color: #00b4ff; }

/* ===============
   SHOPPING PAGE - TAOBAO FEEDBACK
   =============== */

.taobao-feedback-list ul { height: 200px; }
.taobao-feedback-list li { float: left; display: block; }
.taobao-feedback-list li { 
display: block; 
width: 220px;
margin-right: 10px; 
margin-bottom: 5px;  
padding-bottom: 5px;
}

.taobao-icons-list ul { height: 200px; }
.taobao-icons-list li { float: left; display: block; }
.taobao-icons-list li { 
display: block; 
width: 170px;
margin-right: 10px; 
}

/* ===============
   TOOLTIP
   =============== */

#tooltip { font-size: 11px; line-height: 18px; text-align: center; position: absolute; padding: 8px; color: #fff; background:#000; border: 3px solid #000; -moz-border-radius:3px; -webkit-border-radius:3px; opacity: 0.8; filter: alpha(opacity=80); display: none; max-width: 200px; }
#tooltip strong { font: bold 13px arial; text-transform: uppercase; color: #ff00a0; }


.downloads-icons { float: left; width: 100px; height: 100px;border: 1px solid #d2d2d2; padding: 10px; margin-right: 15px; margin-bottom: 15px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.about-fashion { float: right; margin-left: 20px; margin-top: 20px; border: 1px solid #d2d2d2; padding: 10px; margin-bottom: 15px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.news-content { width: 880px; border: 1px solid #d2d2d2; padding: 20px; margin-right: 20px; margin-bottom: 20px; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 8px; }

.thumb { background: #fff; padding: 8px; margin-right: 15px; border: 1px solid #adadad; padding: 10px; margin-right: 15px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

/* ===============
   WARDROBE & COORDINATES STYLE CHANGES
   =============== */

.wardrobe-linkbox { float: left; padding-top: 10px; text-transform: uppercase; font: 10px arial; }

.wardrobe-linkbox ul > li { padding-bottom: 7px; }

.wardrobe-linkbox-comment { background:url('images/wardrobe_comment.png') no-repeat 0 -2px; padding-left: 20px }
.wardrobe-linkbox-view { background:url('images/w_heart.png') no-repeat 0 0; padding-left: 20px; }

.wardrobe-ribbon { display: block; margin-left: auto; margin-right: auto; padding-top: 30px; }
.wardrobe-guidelines { margin-top:30px; width: 530px; padding: 30px;  float:33em 9px 25.6%; margin-left: auto; margin-right: auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #d2d2d2; background: #fff;}
.content-top-second { float: right; font: 10px arial; color: #929292; padding-left: 5px; }



.wardrobe-list-name { font: 11px arial; text-transform: uppercase; color: #363636; padding-top: 4px; }
.wardrobe-list-japname { font: 10px arial; text-transform: uppercase; color: #afafaf; }
.wardrobe-list-year { float: right; font: 10px arial; color: #363636; margin-bottom: 3px;}
.wardrobe-list-brand { font: 10px arial; text-transform: uppercase; color: #24b6d5; margin-bottom: 3px; padding-top: 3px;}

.wardrobe-pagination-current { color: #24b6d5; font: bold 14px tahoma; margin-right: 10px; padding: 6px; padding-left: 8px; padding-right: 8px; margin-bottom: 10px; }
.wardrobe-pagination a { font: 11px tahoma; color: #363636; padding: 6px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; margin-right: 10px; border: 1px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.wardrobe-pagination a:hover { background: #dadada; border: 1px solid #dadada; color: #ff00a0; }


/* ============ CSS STUFF =========== */
.wrapper
{ width: 25%; float: left; margin: 10px auto; text-align: center; 
border: 0px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; overflow: hidden; width: 180px; padding: 10px; margin-right: 28px; margin-bottom: 18px; }

.cclear
{ clear: both; }

.wrapper a img { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 0px none; }

.wardrobe-field { float: left; margin-top: 6px; margin-left: 7px; margin-bottom: 10px; }
#wardrobe-field-wrap { margin-bottom: 3px; padding: 7px 7px 5px 7px; border: 1px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; height: 30px; background: #fff url('images/bgwardrobe.gif'); }
.wardrobe-select-css { font: 11px arial; color: #505050; padding: 3px; border: 1px solid #d2d2d2; }
.wardrobe-select-color-css { color: #00b4ff; }

.waardrobe-field { float: left; margin-top: 6px; margin-left: 7px; height: 35px; }
#waardrobe-field-wrap { border: 1px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #fff url('images/bgwardrobe.gif'); }

.wardrobe-page-number
{ font: 10px arial; float: right; text-transform: uppercase; color: #505050; margin-top: 7px; margin-right: 2px; }

.wardrobe-page-number input.sortbutton { text-align: right; margin: 0px 2px 0px 2px; padding: 0px; cursor: pointer; background: none; float: left; border: 0px; font: 10px arial; text-transform: uppercase; color: #ff00a0;
}
.wardrobe-page-number input.sortbutton:hover { background: none; border: 0px; color: #00b4ff; }
.wardrobe-page-number label { float: left; padding: 0px; margin: 0px; }
.wardrobe-page-number input.sortbutton-selected { text-align: right; margin: 0px 2px 0px 2px; padding: 0px; cursor: default; background: none; float: left; border: 0px; font: 10px arial; text-transform: uppercase; color: #505050; }


#waardrobe-field-wrap .wardrobe-page-number
{ font: 10px arial; float: right; text-transform: uppercase; color: #505050; margin-top: 14px; margin-right: 10px; }

.wardrobe-additional-sort
{ clear: both; font: 11px arial; color: #505050; border-top: 1px solid #d2d2d2; padding: 6px 7px 7px 6px; padding-left: 9px; }

.waardrobe-field { margin-top: 7px; }

/* =========== HALF COLUMNS ========== */
.half
{ width: 46%; float: left; margin: 5px 10px 5px 10px;}

/* =========== FLOATS ========== */
.right
{ float: right; }
.left
{ float: left; }
.caps
{ text-transform: uppercase; }

/* ===============
   TABLE
   =============== */
#word-list-table {
	width: 600px;
}

#word-list-table th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}


#word-list-table td {
	border: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#word-list-table td.alt {
	background: #F5FAFA;
	color: #797268;
}

#word-list-table th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#word-list-table th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}