/* 
jFlow Plus Demo CSS 

Description: Demo styles NOT for use with jFlow Plus
Creator: Devin Walker
Date: July 29, 2010

*/
@font-face {
	font-family: Macy;
	src: url('../Medium.otf');
}

@font-face {
	font-family: Macy;
	font-weight: bold;
	src: url('../Heavy.otf');
}

body {
	margin: 0;
	padding: 0 50px 50px 50px;
	font-family: Macy, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	background: url(../images/bg.png);
	
}
#info { border-top:#5c5e5e 1px solid;border-bottom:#5c5e5e 1px solid;width:205px;position: absolute;left:30px;top:445px;padding-top:3px;}
#info img {border:0;}
#container { width:800px;height:600px;position: relative;background:url(../img/bg.png) #d2d5da;color:#fff;}
#container.contacts {background-image:url(../img/contacts.png);}
#container.fashion_experts {background-image:url(../img/fashionexpertss.jpg);}
#container.trends_rtw {background-image:url(../img/Trends_RTW.jpg);}

#container.trends_yc{background-image:url(../img/Trends_YC.jpg);}

#container.trends_mens {background-image:url(../img/Trends_Mens.jpg);}
#navigation { position: absolute;bottom:0;left:0;z-index: 100;background: url(../img/nav_overlay.png); width:800px;font-size:11px;color:#fff;}
#navigation #mainnav li { float:left;padding:20px 0 0;vertical-align:top;height:28px;margin-right:2px;}
#navigation #mainnav li a {color:#fff;padding:5px 15px;outline:0;}
#navigation #mainnav li a.active{color:#fff;background-color:#e51b24;outline:0;}
#navigation #mainnav li a:hover{background-color:#e51b24;}
#navigation #mainnav li:last-child a {margin:0;background-image: url(../img/more_img.png); background-position: 48px 5px; background-repeat: no-repeat;padding-right:25px;}
#navigation #mainnav #logo {background: url(../img/macys.png) no-repeat 0px 11px;padding-left:100px;margin-left:50px;margin-right:20px;}
#navigation #sep {background: url(../img/nav_seperator.png) no-repeat 0px 13px;width:4px;}
#home{display: block;width:220px;height:30px;position: absolute;top:32px;left:0;}

#controls { position: absolute;bottom:12px;left:15px;z-index: 101;}

#navigation #clip {width:657px; overflow:hidden;float:left;height:52px;position:relative;margin:0 10px; }
#navigation #tnslider {position:absolute;left:0;width:4000px;}
#navigation #tnslider li {margin:0 4px 0 0;float:left;vertical-align:top; width:67px;height:50px;border:1px #ccc solid;}


#navigation #tnslider ul li a {padding:0px;outline:0;margin:0;}
#thumbnails {width:800px;margin-top:10px;}

.info {width:200px;}
.info .title {}
.info .num {text-align:center;vertical-align: middle;}

.buttons {border-top:#5c5e5e 1px solid;margin-top:10px;}

.left {float: left}
.right {float: right}

    .clear:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
    .clear {display:inline-block;}
    /* Hide from IE Mac \*/
    .clear {display:block;}
    /* End hide from IE Mac */

.row { margin-bottom:3px;}

#indexed { background: url(../img/nav_overlay.png); height:400px;width:730px;z-index:99;position: absolute;top:0;left:0;display: block;padding: 100px 35px;overflow: auto;text-align: left;}

#indexed img {margin-right:7px;margin-bottom: 7px;border:2px #eee solid;}
#indexed img:hover {border:2px #333 solid;}

#header {border-bottom:#5c5e5e 1px solid;text-align: center;margin-bottom: 10px;height:20px;}
#h { width:180px;float:left;}
#h .of {width:9px;padding:0 5px;}
.descr{height:70px;display: block;}

#more {position: absolute;left:618px;bottom:32px;z-index: 102;}
#more img {border:0;}
.slide {position: relative;}
.slide img {position:absolute;top:0;display:none;}

#content {padding-top:80px;}
#content div {float:left; }
#content p { font-weight: normal;}
#content a {color:#fff;}
#content .nav {width:190px;text-align: right;}
#content .center span { margin-right:4px;letter-spacing:0px;}
#content .center span a { color:#dfe3e5;text-decoration: none;}
#content .center span a.active { color:#fff;}
#content .center span a:hover { color:#fff;}
#content .text {padding-left:62px;width:200px;text-align: justify;float:left;}
#content .center {padding-left:40px;width:400px;text-align: justify;float:left;}

#content  ul  {margin:0;padding:0;}
#content  ul li {list-style: none;margin:0;padding:0;font-weight: normal;}
#content .sidebar {margin-left:20px;padding-top:10px;width:140px;text-align: left;}
#content .sidebar ul li {font-size:10px;}

h2 { font-size: 16px;text-transform: uppercase;font-weight:bold;margin:15px 0;}
h3 { font-size: 9px;font-weight: normal;margin:10px 0}

a, a:link, a:visited, a:hover { text-decoration:none; color:#000;}

#downloadpdf {background: url(../img/download.png) no-repeat; display: block;width:300px;padding-left:16px;margin-top:15px;}

#downloadbtn { position:absolute;width:100px;height:40px;left:30px;top:420px;display:block; }


#content .text.c1  { padding-left:215px;width:270px;}
#content .text.c2  { padding-left:0px;}

.text h2 {margin-bottom:4px}
.text strong { text-transform: uppercase;}

#nav h2 {display:none;}

#slideright img {margin-top:20px;margin-right:15px;}
#slideleft img {margin-top:20px;margin-left:15px;}
#index img {margin-top:10px;margin-right:35px;}
#homepage { display:block;position:absolute;bottom:0;left:50px;width:160px; height:40px;z-index: 110;}

#scroll {height:420px;width:100%;overflow: auto;padding-right:10px;}