* {	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; position: relative; }

/* Header */
#header { width: 796px; height: 193px; background: url(../img/landingheader.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 99px 50px; }
#swap p{ background: url(../img/landingheader.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/landinghomefeatures.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/landinghomefeatures.png); background-repeat: no-repeat; width: 187px; height: 35px; display: block; text-indent: -9999px; background-position: -187px 0px; }
#fashionhighs a { background-image: url(../img/landingfashionhighs.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/landingfashionhighs.png); background-repeat: no-repeat; width: 187px; height: 35px; display: block; text-indent: -9999px; background-position: -187px 0px; }

/* Drop Downs */
.hnavigationbg { background: #FFF; height: 260px; width: 750px; position: absolute; display: block; border-bottom: solid 5px #21adaa; z-index: 4000; clear: both; }
#hsub { background: #FFF url(../img/landinghomefeatures.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;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: 260px; width: 750px!important; position: absolute; margin-left: -187px; display: block; border-bottom: solid 5px #e788b0; z-index: 3999; }
#fnonbutton { background-image: url(../img/landingfashionhighs.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; }
#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: 187px; top: 0px; }
#fsub7_ { position: absolute; width: 187px; height: 230px; border-left: 1px dotted #999; left: 563px; top: 0px; }
#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, #fsub7 li a:hover, #fsub7_ li a:hover { font-weight: normal; }

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

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

/* Links */
#links, #bottomlinks { margin-left: 48px; 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, a.link_christmas { 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, a:hover.link_christmas { color: #7faf99; text-decoration: none; }
/* Required for IE6 Fix */ *html #links, *html #bottomlinks { margin-left: 24px; }

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

/* Banners */
.bannerscontainer { width: 720px; clear: both; margin-left: 48px; }
.banner { float: left; display: block; width: 227px; margin-right: 10px; }

/* Intro */
#intro { width: 583px; float: left; margin-left: 46px; margin-bottom: 20px; margin-top: 30px; padding: 20px 60px 20px 60px; clear: both; border-top: 20px #67bd5b solid; }
#intro p { font-size: 1.8em; color: #586d5b; }
/* Required for IE6 Fix */ *html #intro { margin-left: 24px; }

/* Sections */
#sections { width: 620px; margin-left: 88px; clear: both; padding-bottom: 20px; float: left; }
#sections h1 { font-size: 1.4em; }
/* Required for IE6 Fix */ *html #sections { margin-left: 48px; }
#sectionleft { width: 290px; float: left; padding-right: 20px; border-right: 1px dotted #999; }
#sectionright { width: 290px; float: right; }
.itemleft { clear: both; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 5px solid #21adaa; }
.itemleft p { font-size: 1.1em; color: #586d5b; }
.itemleft p a { font-weight: bold; color: #586d5b; }
.itemleft p a:hover { text-decoration: none; color: #688f7c }
.itemright { clear: both; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 5px solid #e788b0; }
.itemright p { font-size: 1.1em; color: #586d5b; }
.itemright p a { font-weight: bold; color: #586d5b; }
.itemright p a:hover { text-decoration: none; color: #688f7c }
.itemcopy { width: 160px; margin-left: 130px; height: 14em;  }
.itemcopybig { width: 160px; margin-left: 130px; height: 39em;  }
.itemleft img, .itemright img { float: left; }
#landinghtitle { background-image: url(../img/landingsectionshtitle.png); background-repeat: no-repeat; width: 290px; height: 31px; margin-bottom: 45px; display: block; text-indent: -9999px; background-position: 0px 0px; }
#landingftitle { background-image: url(../img/landingsectionsftitle.png); background-repeat: no-repeat; width: 290px; height: 31px; margin-bottom: 45px; display: block; text-indent: -9999px; background-position: 0px 0px; }
#landinghtitle_ { background-image: url(../swf/_/Header_Home.jpg); background-repeat: no-repeat; width: 290px; height: 31px; margin-bottom: 45px; display: block; text-indent: -9999px; background-position: 0px 0px; }
#landingftitle_ { background-image: url(../swf/_/Header_Fashion.jpg); background-repeat: no-repeat; width: 290px; height: 31px; margin-bottom: 45px; display: block; text-indent: -9999px; background-position: 0px 0px; }

.itemleft h1 a { position: relative; display: block; height: 2.6em; line-height: 100%; text-transform: uppercase; color: #21adaa; background: url(../img/landingarrow.png) no-repeat 0px 3px; padding-left: 10px; margin-left: -10px; }
.itemleft h1 a:hover { text-decoration: none; color: #3d6550; }
.itemright h1 a { position: relative; display: block; height: 2.6em; line-height: 100%; text-transform: uppercase; color: #e788b0; background: url(../img/landingarrow.png) no-repeat 0px 3px; padding-left: 10px; margin-left: -10px; }
.itemright h1 a:hover { text-decoration: none; color: #57494c; }


/* Competition */
#competition { width: 558px; background: #f6e8f0; float: left; margin-left: 88px; margin-bottom: 40px; margin-top: 0px; padding: 30px; clear: both; border: 1px #e9dcdf solid; }
#competition p { font-size: 1.1em; color: #586d5b; }
#competition h2 { font-size: 1.4em; text-transform: uppercase; color: #586d5b; background: url(../img/landingarrow.png) no-repeat left center; padding-left: 10px; margin-left: -10px; }
/* Required for IE6 Fix */ *html #competition { margin-left: 48px; }

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

/* Footer */
#footer { width: 750px; 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; }
#line { width: 701px; margin-left: 48px; margin-bottom: 20px; height: 20px; display: block; background-color: #67bd5b; clear: both; }
.homelink { position: absolute; top: 29px; margin-left: 475px; }
