@charset "utf-8";
/* The kick-ass CSS for Pour La Victoire */

/* CSS reset.  Why?  Because browser makers make the www difficult to style. Enough with that. */
/* Reset by: http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* End the Reset.  Now let the games begin. */

body { height: 100%; width: 100%; text-align: center; font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 14px; }
body.redwallpaper { background-image: url(images/red-wallpaper-bg.jpg); background-repeat: repeat-y; background-position: center top; background-color: #330000; }
.shop-btn-home { margin-left: -10px; padding: 10px 0; }
.shop-btn-home:hover { background:#330000; }
a { text-decoration: none; outline:none; }
a:hover { color: #999999; text-decoration: none; }
#horizon { background-color: transparent; position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -300px; text-align: center; }
#enterbox-lg { height: 570px; position: relative; top: 0px; visibility: hidden; }
#wrapper { width: 100%; height:100%; margin: 0; text-align: center; position: relative; }
#homewrapper { position: relative; width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#homewrapper .homeredframe { overflow: hidden; position: absolute; height: 470px; width: 670px; left: 330px; top: 0px; }
#homewrapper .homelogo { position: relative; width: 1000px; top: 470px; left: 0px; }
.homeenter { position: absolute; left: 50px; top: 50px; z-index: 9; width: 200px; text-align: left; line-height: 2em; }
.homeenter form { color: #CCCCCC; font-size: 10px; text-transform: uppercase; font-weight: bold; }
.homeenter input { background-color: #CE0F22; border: 1px solid #F77781; color: #FFF4D9; }
.homeenter .submit { background-color: #810A15; color: #FFFFFF; border: 1px solid #F77781; margin-top: 5px; }
.homeenter img { margin-top: 10px; }


#header { width: 100%; position: relative; top: 0px; background-position: top; height: 100px; background-color: #FFFFFF; }
#logo { position: absolute; left: 0px; top: 0px; border-right-width: 2px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; z-index: 10; height: 100%; width: 100px; background-color: #000000; text-indent: -9999px; background-image: url(images/pour-la-victoire-vert-logo.png); background-repeat: no-repeat; }
#logo a { text-indent: -9999px; display: block; height: 100%; width: 100%; }
#logo:hover { background-color: #550000; }
#logo-2 { position: absolute; left: 0px; top: 0px; z-index: 10; width: 100px; text-indent: -9999px; background-image: url(images/pour-la-victoire-vert-logo-blk.png); background-repeat: no-repeat; height: 367px; }
#logo-2 a { text-indent: -9999px; display: block; height: 100%; width: 100%; }
#logo-2:hover { border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #550000; }
#logo-3 { position: absolute; left: 0px; top: 0px; z-index: 10; width: 234px; text-indent: -9999px; background-image: url(images/plv-logo.jpg); background-repeat: no-repeat; height: 50px; background-position: left top; }
#logo-3 a { text-indent: -9999px; display: block; height: 100%; width: 100%; }
#logo-3:hover { background-position: left bottom; }
#headercontent { width: 1000px; top: 0px; text-align: left; position: relative; margin-right: auto; margin-left: auto; height: 115px; }
#centercontent { width: 100%; position: relative; top: 0px; text-align: center; margin-right: auto; margin-left: auto; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #FFFFFF; }
.home-nav { background-image:url(images/plv-shoe-mask-opener-3a.jpg); background-repeat: no-repeat; width: 484px; height: 454px; list-style-type: none; padding: 0px; background-position: left top; position: relative; margin-right: auto; margin-left: auto; }
.home-nav li { display: inline; height:454px; width:484px; margin: 0px; padding: 0px; }
.home-nav li a { position: absolute; height: 454px; width:484px; text-indent: -9000px; margin: 0px; overflow: hidden; z-index: 10; padding: 0px; }
.home-nav .panel1a a { left: 0px; top: 0px; width: 484px; }
.home-nav .panel1a a:hover { background-image: url(images/plv-shoe-mask-opener-3a.jpg); background-repeat: no-repeat; background-position: 0px -454px; }
.home-nav .panel1a a:active { background-image: url(images/plv-shoe-mask-opener-3a.jpg); background-repeat: no-repeat; background-position: 0px -454px; }
.current-panel1a .panel1a a { background-image: url(images/plv-shoe-mask-opener-3a.jpg); background-repeat: no-repeat; background-position: 0px -454px; cursor: default; }
.home-nav-panel1a { position:absolute; top: 0px; left:0px; width: 484px; height:454px; background-image: url(images/plv-shoe-mask-opener-3a.jpg); background-repeat: no-repeat; background-position: 0px -454px; }
#menu { position: absolute; height: 100px; top: 0px; right: 0px; }
#menu-2 { position: absolute; height: 100px; top: 0px; left: 0px; }
ul#topnav { margin: 0; padding: 0; float: left; list-style: none; font-size: 12px; font-family: Helvetica, Arial, sans-serif; position: relative; width: 600px; }
ul#topnav li { float: left; margin: 0; padding: 0; }
ul#topnav li a { color: #666666; text-decoration: none; }
ul#topnav li:hover { }
ul#topnav li span { float: left; position: absolute; left: 0; top:72px; display: none; color: #333333; text-align: center; width: 590px; text-transform: uppercase; font-size: 14px; letter-spacing: -1px; }
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; color: #868685; padding-right: 5px; padding-left: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }
ul#topnav li span a:hover { border-bottom-color: #000000; color: #000000; }
#footer { height:220px; width: 100%; position: relative; text-align: right; top: 0px; background-color: #F2F2F2; }
#footercontent { text-align: left; margin-right: auto; margin-left: auto; padding-right: 100px; padding-top: 20px; float: right; width: 800px; }
#footercontent .thebrands { margin-bottom: 15px; width: 380px; float: left; }
#footercontent .thebrands img { border: 1px solid #F2F2F2; padding: 3px; }
#footercontent .thebrands a img:hover { border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; }
#footercontent .thelinks { background-image: url(images/on-pour-la-victoire-2.png); background-repeat: no-repeat; background-position: left top; padding-top: 18px; margin-bottom: 20px; width: 400px; margin-left: 2px; float: left; }
#footercontent .thelinks a { color: #888; font-size: 11px; margin-top: 3px; display: block; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
#footercontent .thelinks a:hover { color: #666666; background-color: #CCCCCC; }
#footercontent .copyright { font-size: 12px; text-transform: uppercase; color: #555; margin-top: 20px; }
#cyclecontainer { position: relative; width: 600px; top: 100px; left: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#cyclecontainer p { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#home_slideshow { position:relative; width:900px; height:400px; overflow:hidden; padding: 0px; margin-left: 10px; }
#home_slideshow_violator { z-index:10; width:100px; height:31px; float:left; position:absolute; top:384px; left:500px; margin:0px; }
#home_slideshow_violator #project_caption { display:none; font-family:Helvetica, Arial, sans-serif; padding:4px 10px; color:#000; float:left; font-weight: bold; margin:0px; }
#home_slideshow_violator #project_caption a { margin-left:8px; color:#013766; }
#home_slideshow_violator #project_caption a:hover { text-decoration:none; color:#666; }
#home_slideshow_violator #slide_navigation { position:absolute; right:10px; top:10px; }
#home_slideshow_violator #slide_navigation a { text-indent:-9999px; overflow:hidden; display:block; background-color:#FFFFFF; color:#FFFFFF; width:12px; height:12px; float:left; margin-left:5px; cursor:pointer; overflow:hidden; }
#home_slideshow_violator #slide_navigation a:hover { background-color:#333333; color:#333333; }
#home_slideshow_violator #slide_navigation a.activeSlide { color:#000000; background-color:#000000; }
#home_slideshow_violator #slide_navigation a { outline:none; }
#home_slideshow li span.slide_caption { display:none; }
#home_slides { background-color:#FFFFFF; overflow:hidden; height:400px; margin:0px; padding: 0px; width: 595px; }
#navigation, #navigation-2, #content, .section { padding:0px; margin:0px; list-style:none; }
#collections { position: relative; height: 500px; width: 1000px; top: 0px; margin-right: auto; margin-left: auto; }
#content { overflow:hidden; width:1000px; background-color:white; position:absolute; height:400px; float:left; margin: 0px; padding: 0px; top: 80px; z-index: 1; right: 0px; }
#navigation { width:200px; height:500px; text-align: left; position: absolute; top: 0px; z-index: 3; background-image: url(images/navigation-bg.png); background-repeat: no-repeat; background-position: center top; right: 90px; }
#navigation img { }
#navigation .sup { margin:5px; font-size:14px; text-align: left; }
#navigation ul { margin:5px; list-style-type: none; }
#navigation li a { color:#726D6B; font-weight:normal; text-decoration:none; font-family: Helvetica, Arial, sans-serif; font-size: 18px; margin-left: 10px; padding-left: 10px; }
#navigation a:hover, #navigation a:hover { color: #ffffff; background-color: #CC3333; }
#navigation .sup li { margin: 3px 0 !important; margin:-4px 0; font-size:10px; }
#navigation .aboutscrolling, #navigation .workscrolling { opacity:1; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #000000; color: #000000; }
#navigation-2 { width:200px; height:500px; text-align: left; position: absolute; top: 0px; z-index: 3; left: 100px; }
#navigation-2 ul { list-style-type: none; background-image: url(images/navigation-bg.png); background-repeat: no-repeat; background-position: center top; height: 420px; width: 200px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666666; display: none; border-top-width: 2px; border-top-style: solid; border-top-color: #666666; }
#navigation-2 li { margin-left: 10px; padding-left: 10px; display: block; height: 16px; margin-top: 0px; margin-bottom: 0px; }
#navigation-2 li a { color:#726D6B; text-decoration:none; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; display: block; height: 100%; width: 90%; }
#navigation-2 li a:hover { color: #ffffff; background-color: #48484A; }
#navigation-2 .aboutscrolling, #navigation-2 .workscrolling { opacity:1; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #000000; color: #000000; }
.btn-slide { width: 190px; height: 15px; display: block; z-index: 3; margin-right: auto; margin-left: auto; }
.btn-slide a { display: block; height: 100%; width: 100%; text-indent: -9999px; background-image: url(images/show-all-styles.png); background-repeat: no-repeat; background-position: left top; }
.btn-slide a:hover { background-color: #ddd; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #888; }
.section { width:30000px; position:relative; float: left; clear: both; }
.nextstyle { position: absolute; right: 0px; top: 0px; }
.previousstyle { position: absolute; left: 400px; top: 0px; }
.nextstyle:hover, .previousstyle:hover { border-bottom-style:solid; border-bottom-width:2px; background-color: #ddd; border-bottom-color: #666666; }
.section ul { list-style-type: none; }
.section .sub { float:left; width:1000px; height:400px; list-style-type: none; padding: 0px; text-align: right; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.section .sub img { }
#pressthumbs { position: relative; height: auto; width: 900px; left: 0px; top: 0px; text-align: left; margin-left: 25px; }
.pressthumb { float: left; margin-top: 20px; margin-right: 20px; font-size: 12px; color: #999999; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 3px; }
.pressthumb a { color: #999999; }
.pressthumb a:hover { color: #333333; background-color: #333333; }
.footerfont { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #999999; text-transform: capitalize; }
.fallbutton { position: absolute; left: 10px; top: 0px; }
#tab-1 .shoeteaser { background-color: #FFFFFF; text-align: right; height: 390px; width: 700px; }
.shoeteaser .clicktext { font-family: Helvetica, Arial, sans-serif; font-size: 36px; color: #999999; position: absolute; z-index: 5; top: 100px; right: 0px; text-align: left; text-transform: uppercase; line-height: 28px; padding-right: 350px; }
.imagepads { margin: 50px 7px 7px; padding: 2px; border: 1px solid #333333; }
#fairs_box { padding: 15px; width: 600px; overflow: auto; position: absolute; left: 270px; top: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; height: 350px; }
.title { font-family: Helvetica, Arial, sans-serif; font-size: 36px; color: #990000; text-transform: uppercase; }
.collectionlink { font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; color: #990000; display: block; height: auto; text-align: left; font-weight: bold; text-decoration: none; }
.collectionlink a { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }
.collectionlink a:hover { color: #999999; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }
.sales { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #666666; text-decoration: none; }
.large_title { font-family: Helvetica, Arial, sans-serif; font-size: 36px; color: #999999; }
.collabthumbs { border: 4px solid #000000; margin-top: 50px; margin-right: 15px; margin-bottom: 10px; margin-left: 15px; }
.collabthumbs:hover { border-top-color: #993300; border-right-color: #993300; border-bottom-color: #993300; border-left-color: #993300; }
.collectionsthumbs { float: right; width: 700px; }
.collectionsthumbs img { margin-right: 25px; margin-left: 20px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; }
.collectionsthumbs img:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
.contact-left-floats { float: left; width: 350px; color: #999999; font-size: 14px; }
.contact-left-floats img { margin-right: 15px; }
.contact-copy { width: 750px; margin: 0px; float: right; }
h1 { font-size: 24px; font-weight: normal; width: 70%; margin: 2px; }
.contact-copy-separator { margin-top: 15px; margin-bottom: 10px; float: left; margin-right: 150px; }
h2 { font-weight: normal; }
h1 span { text-transform: uppercase; color: #999999; }