﻿* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body {
	background-image:url(../images/mainBg.jpg);
	background-color: #d7d7d7;
	font-family: Arial;
	font-size: 0.75em;
	color: #000;
}



html, body, form {
	height: 100%; /* Make sure the document takes up the whole window. */
	margin: 0; /* Get rid of any default margins, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
	padding: 0; /* Get rid of any default padding, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
}


div#shim {
	visibility: hidden;
	width: 100%;
	height: 50%; /* Bump div#blueBox down half the height of the screen. */
	margin-top: -357px; /* Half the height of div#blueBox. */
	float: left;
} 

h1 {
	position: absolute;
	left: 35px;
	top: 9px;
	width: 129px;
	height: 62px;
	text-indent: -10000px;
	background: url( '/images/logo.gif' ) no-repeat;
}

h1 a {
	position: absolute;
	left: 0px;
	height: 0px;
	width: 120px;
	height: 58px;
	overflow: hidden;
}

.hidden {
	display: none;
}

.visible {
	display: block;
}

.clearer {
	clear: both;
}

fieldset 
{
	position:relative;
	border-width: 0px;
}

div#wrapper {
    
	position: relative;
	clear: both;
	width: 100%;
	height: 715px;
	top: -356px; /* IE4ever Hack: Hide from IE4 **/
	position: static; /** end hack */
}


/*
 *
 * Issue: IE5mac interprets negative values as positive.
 *
 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
 *
 */

/* Hide from IE5mac \*//*/
    div#shim {
        display: none;
    }
    html, body {
        height: auto;
    }
/* end hack */

div#container {
	position: relative;
	width: 995px;
	margin: 0 auto;
	height: 715px;
	/*background: #d7d7d7;*/
	overflow: hidden; /* allow content to scroll inside element */
	text-align: left;
}

div#header {
	width: 995px;
	height: 76px;
	border-bottom: solid 1px #ffffff;
	background: url( '/images/header.jpg' );
}

/* operated by jquery to expand menu ---------------------------------------------
---------------------------------------------------------------------------------*/
div.header_expanded {
}

div.header_collapsed {
	height: 28px;
}
/* ------------------------------------------------------------------------------*/

div#header ul#main_nav {
	float: left;
	width: 650px;
	margin-left: 190px;
	display: inline;
	color: #919faf;
	margin-top: 5px;
	font-size: 0.9em;
}

div#header ul#main_nav a {
	color: #919faf;
	text-decoration: none;
}

div#header ul#main_nav a:hover {
	color: #3a526a;
}

ul.sub {
	margin-top: 20px;
}

div#header ul#main_nav li {
	float: left;
	list-style: none;
	margin-right: 30px;
}
div#header ul#main_nav li#sample, div#header ul#main_nav li#fashion {
	width: 100px;
}

div#header ul#main_nav li ul {
	padding-left:12px;
}

div#header ul#main_nav li ul li {
	padding:5px 0;
}

div#header ul#main_nav li#her li
{
    /*border-left: solid 1px #a0a8a7;*/
}

div#header ul#main_nav li#him li
{
    /*border-left: solid 1px #a0a8a7;*/
}


div#header ul#main_nav li ul {
	width: 680px;
	position: absolute;
	padding-top:10px;
	margin-top:0px;
	
}

div#header ul#main_nav a#himNav, div#header ul#main_nav a#herNav, div#header ul#main_nav a#fashionNav, div#header ul#main_nav a#sampleNav {
	display: block;
	height: 13px;
	width: 110px;
	text-indent: -10000em;
	overflow: hidden;
}

div#header ul#main_nav a#himNav {
	background: url(/images/menu_for_him.gif) no-repeat left top;
}
div#header ul#main_nav a#herNav {
	background: url(/images/menu_for_her.gif) no-repeat left top;
}
div#header ul#main_nav a#sampleNav {
	background: url(/images/menu_free_sample.gif) no-repeat left top;
	width: 120px;
}
div#header ul#main_nav a#fashionNav {
	background: url(/images/menu_lacoste_fashion.gif) no-repeat left top;
	width: 125px;
}

div#header ul#main_nav a#himNav:hover, div#header ul#main_nav a#herNav:hover, div#header ul#main_nav a#sampleNav:hover, div#header ul#main_nav a#fashionNav:hover, div#header ul#main_nav a#himNav.navHover, div#header ul#main_nav a#herNav.navHover {
	background-position: 0 -13px;
}



/*
div#header ul#main_nav li#him, div#header ul#main_nav li#her { 
    background: url('/images/menu_him_seperator.gif') no-repeat 0px 2px; 
    width: 109px; 
}
div#header ul#main_nav li#fashion { 
    background: url('/images/menu_him_seperator.gif') no-repeat 0px 2px; 
    width: 109px; 
}
div#header ul#main_nav li#sample { 
    background: url('/images/menu_him_seperator.gif') no-repeat 0px 2px; 
    width: 109px; 
}

div#header ul#main_nav { 
    float: left; 
    cursor: pointer; 
    width: 600px; 
    height: 28px; 
    margin-left: 190px;
    display: inline;
}  

div#header ul#main_nav li { 
    float: left; 
    width: 115px; 
    height: 24px; 
} 

div#header ul#main_nav li.him { 
    background: url('/images/menu_him_seperator.gif') repeat-x 0px 2px; 
    width: 109px; 
}

div#header ul#main_nav li.her { 
    background: url('/images/menu_her_seperator.gif') repeat-x 0px 2px; 
    width: 109px; 
} 

div#header ul#main_nav li.fashion { 
    background: url('/images/menu_fashion_seperator.gif') repeat-x 0px 2px; 
    width: 143px; 
} 

div#header ul#main_nav li.sample { 
    background: url('/images/menu_sample_seperator.gif') repeat-x 0px 2px; 
    width: 119px; 
} 

div#header ul#main_nav li a { 
    float: left; 
    display: inline; 
    text-indent: -10000px; 
    height: 24px; 
} 

div#header ul#main_nav li.him a { 
    width: 109px; 
    background: url('/images/menu_for_him.gif') no-repeat 1px 1px; 
} 

div#header ul#main_nav li.her a { 
    width: 109px; 
    background: url('/images/menu_for_her.gif') no-repeat 1px 1px; 
} 

div#header ul#main_nav li.sample a { 
    width: 119px; 
    background: url('/images/menu_free_sample.gif') no-repeat 1px 1px; 
} 

div#header ul#main_nav li.fashion a { 
    width: 143px; 
    background: url('/images/menu_lacoste_fashion.gif') no-repeat 1px 1px; 
} 

div#header ul#main_nav ul.sub { 
    padding-top: 40px; 
} 

div#header ul#main_nav ul.sub li { 
    font-family: Arial; 
    font-size: 11px; 
    color: #ffffff; 
    background: none; 
    height: auto; 
    padding: 1px 0px 1px 11px; 
} 

div#header ul#main_nav ul.sub li a { 
    background: none; 
    text-indent: 0px; 
    height: auto; 
    color: #FFF; 
    text-decoration: none; 
}
*/

div#header select.select_language {
	float: right;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	margin: 3px 3px 0px 0px;
	background-color: #395169;
	border-width: 0px;
	padding: 2px;
	width: 140px;
	cursor: pointer;
}



div#footer {
	margin: 0 auto;
	font-size: 11px;
	width: 100%;
	color: #395169;
	padding: 5px 0px 5px 0px;
	width: 995px;
}

div#footer a {
	color: #3a526a;
	text-decoration: none;
}

div#footer li {
	float: left;
	padding: 2px 5px 2px 5px;
	background: url( '/images/footer_seperator.gif' ) no-repeat 100% 4px;
}

div#footer li.last {
	background: none;
}

div#main {
	height: 567px;
	position: relative;
}

ul#section_nav li.nofloat
{margin-top:75px;}