* {	margin: 0px; padding: 0px; border: none; }
body { background: #ecf3f1; font: 62.5% Verdana, Arial, Helvetica, sans-serif; behavior:url("css/csshover.htc"); /* Needed for IE6 */ }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#container { width: 796px; margin: 0 auto; }

/* Header */
#header { width: 796px; height: 164px; background: url(../img/plainheader.png) no-repeat; float: left; }
#header p { font-size: 1.2em; line-height: 1.2em; color: #FFF; padding: 0px; }
#topquote { width: 250px; margin: 45px 0px 70px 50px; }
#swap p{ background: url(../img/plainheader.png) no-repeat -50px -50px; width: inherit; } 

/* Navigation */
#navigation { margin-left: 23px; position: relative; }
#navigation li { display: block; overflow: hidden; float: left; list-style: none; }
#homefeatures a { background-image: url(../img/homefeatures.png); background-repeat: no-repeat; width: 187px; height: 35px; display: block; text-indent: -9999px; background-position: 0px 0px; }
#homefeatures a:hover { background-image: url(../img/homefeatures.png); background-repeat: no-repeat; width: 187px; height: 35px; display: block; text-indent: -9999px; background-position: -187px 0px; }
#fashionhighs a { background-image: url(../img/fashionhighs.png); background-repeat: no-repeat; width: 187px; height: 35px; display: block; text-indent: -9999px; background-position: 0px 0px; }
#fashionhighs a:hover { background-image: url(../img/fashionhighs.png); background-repeat: no-repeat; width: 187px; height: 35px; display: block; text-indent: -9999px; background-position: -187px 0px; }

/* Drop Downs */
.hnavigationbg { background: #FFF; height: 315px; width: 750px; position: absolute; display: block; border-bottom: solid 5px #21adaa; z-index: 4000; }
#hsub { display: block; background: #FFF url(../img/homefeatures.png) no-repeat; background-position: -187px 0px; padding-top: 35px; z-index: 5000; position: absolute; width: 187px; height: 230px; margin-top: -35px; float: left;} 
#hsub li a { background: #FFF!important; width: 135px; float: none; display: block; padding: 4px 26px; height: 1.6em; font-size: 1.1em; font-weight: bold;  text-indent: 0px; color: #21adaa; }
#hsub li a:hover {  width: 135px; float: none; display: block; background: #e5fffe!important; padding: 4px 26px; height: 1.6em; font-size: 1.1em; font-weight: bold; text-indent: 0px; color: #21adaa; text-decoration: none; }
#hsub .arrow { background: url(../img/hfsubarrow.png) no-repeat 148px center!important; }
#hsub .arrow:hover { background: #e5fffe url(../img/hfsubarrow.png) no-repeat 148px center!important; }
#hsub2 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 50px; }
#hsub2 li a, #hsub2 li a:hover { font-weight: normal; }
#hsub3, #hsub4, #hsub8, #hsub9, #hsub11 { position: absolute; width: 373px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 0px; }
#hsub3 li a, #hsub3 li a:hover, #hsub4 li a, #hsub4 li a:hover, #hsub8 li a, #hsub8 li a:hover, #hsub9 li a, #hsub9 li a:hover, #hsub11 li a, #hsub11 li a:hover { width: 322px; font-weight: normal; }
#hsub5 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 50px; }
#hsub6 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 375px; top: 50px; }
#hsub7 { position: absolute; width: 186px; height: 230px; border-left: 1px dotted #999; left: 563px; top: 50px; }

/*#hsub8 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 50px; }
#hsub9 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 375px; top: 50px; }*/
#hsub10 { position: absolute; width: 186px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 50px; }

#hsub5 li a, #hsub5 li a:hover, #hsub6 li a, #hsub6 li a:hover, #hsub7 li a, #hsub7 li a:hover, #hsub8 li a, #hsub8 li a:hover, #hsub10 li a, #hsub10 li a:hover { font-weight: normal; }



.fnavigationbg { background: #FFF; height: 315px; width: 750px!important; position: absolute; margin-left: -187px; display: block; border-bottom: solid 5px #e788b0; z-index: 3999; }
#fnonbutton { background-image: url(../img/fashionhighs.png); background-repeat: no-repeat; width: 187px; height: 35px; display: block; text-indent: -9999px; background-position: -187px 0px; position: absolute; left: 187px; top: -35px; }
#fsub { display: block; z-index: 4999; position: absolute; width: 374px; height: 230px; float: left; margin-left: 187px;}
ul#fsub { width: 187px; } 
#fsub li a { background: #FFF!important; width: 135px; float: none; display: block; padding: 4px 26px; height: 1.6em; font-size: 1.1em; font-weight: bold;  text-indent: 0px; color: #e788b0; }
#fsub5 li a, #fsub5 li a:hover {padding: 2px 26px !important; height: 1.6em !important; }
#fsub li a:hover {  width: 135px; float: none; display: block; background: #ffeef5!important; padding: 4px 26px; height: 1.6em; font-size: 1.1em; font-weight: bold; text-indent: 0px; color: #e788b0; text-decoration: none; }
#fsub .arrow { background: url(../img/hfsubarrow.png) no-repeat 148px center!important; }
#fsub .arrow:hover { background: #ffeef5 url(../img/hfsubarrow.png) no-repeat 148px center!important; }
#fsub2 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 15px; }
#fsub2 li a, #fsub2 li a:hover { font-weight: normal; }
#fsub3, #fsub4, #fsub5 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 0px; }
#fsub3 li a, #fsub3 li a:hover, #fsub4 li a, #fsub4 li a:hover, #fsub5 li a, #fsub5 li a:hover { width: 134px; font-weight: normal; }
#fsub6 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 15px; }
#fsub7 { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 0px; top: 15px; }
#fsub8 { position: absolute; width: 186px; height: 230px; border-left: 1px dotted #999; left: 187px; top: 0px; }
#fsub5 li a, #fsub5 li a:hover, #fsub6 li a, #fsub6 li a:hover, #fsub7 li a, #fsub7 li a:hover { font-weight: normal; }

.hnavigationbg, .fnavigationbg, #hsub, #hsub2, #hsub3, #hsub4, #hsub5, #hsub6, #hsub7, #fsub, #fsub2, #fsub3, #fsub4, #fsub5, #fsub6, #fsub7,  { display: none; } 

/* Content */
#content { width: 796px; background: url(../img/contentbg.png) repeat-y; float: left; }

/* Links */
#links, #bottomlinks { margin-left: 45px; padding: 20px 0px; float: left; }
#links li, #bottomlinks li { float: left; list-style: none; display: block; font-size: 1em; width: 237px; }
#links li a, #bottomlinks li a { color: #586d5b; border: 1px solid #e6e6e8; background: url(../img/linksbg.png) repeat-x; padding: 5px; display: block; margin-right: 10px; text-align: center; text-transform: uppercase; }
#links li a:hover,  #bottomlinks li a:hover { color: #7faf99; text-decoration: none; }
/* Required for IE6 Fix */ *html #links, *html #bottomlinks { margin-left: 23px; }

/* Splash */
#splash { margin-right: 23px; margin-bottom: 40px; margin-top: 25px; height: 290px; width: 750px; float: right; z-index: 1; }
*html #splash { margin-left: 23px; }

/* Quote */
#quote { width: 555px; background: url(../img/paparazzi.png) no-repeat top left; padding-left: 85px; margin-left: 90px; margin-bottom: 20px; clear: both }
#quote p { font-size: 1.8em; color: #586d5b; }

/* Intro */
#intro, #think, #mouse { width: 555px; height: 70px; padding-left: 85px; margin-left: 90px; margin-bottom: 20px; clear: both }
#intro p, #think p, #mouse p { font-size: 1.8em; color: #586d5b; font-weight: bold; }
#intro, #introsmall { background: url(../img/introbg.png) no-repeat top left; }
#think, #thinksmall { background: url(../img/fashionthinkbg.png) no-repeat top left; }
#mouse, #mousesmall { background: url(../img/mousebg.png) no-repeat top left; }
#thinksmall, #introsmall, #mousesmall { padding-left: 90px; margin-left: 0px; margin-bottom: 20px; clear: both;  font-size: 1.2em; color: #586d5b; font-weight: bold; }

/* Browse */
#browse, #browsebottom { width: 575px; border: 1px solid #e6e6e8; background: url(../img/browsebg.png) repeat-x; padding: 10px; margin: 0 auto; clear: both; }
#browse h2, #browsebottom h2 { font-size: 1.6em; line-height: 100%; margin-bottom: 1em; color: #586d5b; }
#browse select, #browsebottom select { width: 100%; margin-bottom: 0.5em; }
#browse { margin-bottom: 40px; }
#browsebottom { clear: both; }

/* Results */
#results { width: 700px; margin-left: 99px; margin-top: 50px; }
#results h1 { font-size: 2em; font-weight: normal; line-height: 100%; margin-bottom: 0.8em; color: #586d5b; }
#itemscontainer { width: 600px; float: left; margin-left: 30px; padding-bottom: 40px; }
.items { width: 162px; float: left; margin-right: 25px; margin-bottom: 25px;  }
.items p { font-size: 1.2em; display: block; background: #f0f9ef; color: #586d5b; height: 4em; border: 1px solid #e6e6e8; padding: 5px; }
.items a:hover { color: #586d5b; }
/* Required for IE6 Fix */ *html #itemscontainer { margin-left: 18px; }

/* Main Content */
#maincontent { width: 419px; padding-right: 25px; margin-left: 99px; border-right: dotted 1px #d9dbdc; float: left; margin-bottom: 40px;  }
#maincontent h1 { font-size: 2em; font-weight: normal; line-height: 100%; margin-bottom: 0.8em; color: #586d5b; }
#maincontent p, #maincontent ol { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.6em; color: #586d5b; }
#maincontent a { color: #67bd5b; font-weight: bold; }
*html #maincontent { margin-left: 51px; }
#asseenin { width: 456px; height: 50px; margin-left: 55px; margin-top: 25px; margin-bottom: 35px; display: block; text-indent: -9999px; background: url(../img/fashiontitleasseenin.png); float: left; z-index: 1px; }
/* Required for IE6 Fix */ *html #asseenin { margin-left: 30px; }
.bottomimg { margin: 0px 15px 15px 0px; float: left; }
#maincontent ol li { margin-bottom: 1.6em; margin-left: 2.5em; margin-bottom: 20px; clear: both; }
#maincontent ol li a { background: url(../img/greyarrow.png) no-repeat left center; padding-left: 0.8em; }
.viewall { background-image: none!important; padding-left: 0px!important; font-weight: normal!important; }
.floatimgright { float: right; margin-left: 20px; margin-bottom: 30px; }
.floatimgleft {	float: left; margin-right: 20px; margin-bottom: 30px; position: relative; left: -2em; }




#maincontent #mustHaves div {clear:both; margin-bottom: 20px;}
#maincontent #mustHaves ol li { clear: none; padding: 0; margin: 0; margin-left: 2.0em;}
#maincontent #mustHaves ol li a { background: url(../img/greyarrow.png) no-repeat 0px 2px; padding-left: 0.8em; }
#mustHaves .viewall { background-image: none!important; padding-left: 0px!important; font-weight: normal!important; }
#mustHaves .floatimgright { float: right; margin-left: 20px; margin-bottom: 30px;}
#mustHaves .floatimgleft {float: left; margin-left: 2.5em;}




/* Right items */
#rightitems { width: 125px; margin-left: 25px; float: left; }
#rightitems p { font-size: 1.1em; line-height: 1.3em; margin-bottom: 3em; color: #67bd5b; }
#rightitems a { color: #67bd5b; }
#specialoffer { display: block; text-indent: -9999px; overflow: hidden; background: url(../img/specialoffer.png); width: 121px; height: 31px; margin-bottom: 0.5em; }
#highlights { display: block; text-indent: -9999px; overflow: hidden; background: url(../img/highlights.png); width: 121px; height: 31px; margin-bottom: 0.5em; }	

/* Bottom */
#bottom { width: 796px; height: 108px; padding-top: 50px; background: url(../img/bottombg.png) no-repeat center bottom; clear: both }

/* Footer */
#footer { width: 550px; height: 5em; margin: 0 auto; font-size: 0.9em; text-align: center; }
#footer  p { color: #666; clear: both; line-height: 1.6em; font-weight: bold; }
#footer p a { color: #666; text-decoration: none; padding-right: 0.4em; margin-right: 0.4em; border-right: solid 1px #999; font-weight: normal } 
#footer p a:hover { text-decoration: underline; }

/* Misc Styles */
.green { color: #67bd5b!important; }
.clear { clear: both; width: 439px; float: left; margin-top: 20px; margin-bottom: 20px; }
.left { float: left; width: 200px; margin-right: 10px; }
.right { float: right; width: 200px; margin-right: 9px; }
.third { width: 134px; float: left; margin-right: 5px; }
.clear img { margin-bottom: 10px; }
#rightswap { width: 125px; height: 150px; background: #FFF;}
#rightswapbottom { width: 125px; background: #FFF;}
.homelink { position: absolute; top: 29px; margin-left: 555px; }
.line { height: 5px; width: 100%; margin-bottom: 3em; margin-top: 3em; background: #e788b0; clear: both; }
