/* *************************** 
  Site - Haggar
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
    font-size:75%;
	font-family: Arial, Helvetica, sans-serif;
	background:#eee5d2 url(../images/bg_body_y.png) center top repeat-y;
}
#container{
	width:100%;
	height:600px;
	background:url(../images/bg_body_x.gif) center 72px repeat-x;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-310px;
}
/* *************************** 
   $3 Header Styles
   ***************************/
#header{
	height:18px;
	padding-top:40px;
	position:relative;
}
#header li{ display:inline;}
#header a{
	display:block;
	height:10px;
	position:absolute;
	text-indent:-9999px;
	outline-style:none;
	overflow:hidden;
	position:absolute;
	background-image: url(../images/hlogo.png);
}
#header #nav_logo a{
	width:105px;
	left:42px;
	height:51px;
	background: url(../images/hlogo.png) no-repeat;
	position: absolute;
	top: 3px;
}
#header #nav_francais a{
	width:49px;
	left:880px;
	height:12px;
	background: url(../images/nav_francais.png) no-repeat;
}
#header #nav_francais a:hover{
	background: url(../images/nav_francais.png) left -12px no-repeat;
}
#header #nav_join a{
	width:115px;
	left:300px;
	background: url(../images/join.png) no-repeat;
}
#header #nav_join a:hover{
	background: url(../images/join.png) left -10px no-repeat;
}
#header #nav_about_us a{
	width:50px;
	left:487px;
	background: url(../images/abaout_us.png) no-repeat;
}
#header #nav_about_us a:hover{
	background: url(../images/abaout_us.png) left -10px no-repeat;
}
#header #nav_women a{
	width:40px;
	left:565px;
	background: url(../images/nav_women.png) no-repeat;
}
#header #nav_women a:hover{
	background: url(../images/nav_women.png) left -10px no-repeat;
}
#header #nav_men a{
	width:22px;
	left:633px;
	background: url(../images/men.png) no-repeat;
}
#header #nav_men a:hover{
	background: url(../images/men.png) left -10px no-repeat;
}
#header #nav_store_locator a{
	width:78px;
	left:684px;
	background: url(../images/store_locator.png) no-repeat;
}
#header #nav_store_locator a:hover{
	background: url(../images/store_locator.png) left -10px no-repeat;
}
#header #nav_contact_us a{
	width:62px;
	left:790px;
	background: url(../images/contact_us.png) no-repeat;
}
#header #nav_contact_us a:hover{
	background: url(../images/contact_us.png) left -10px no-repeat;
}
#header #nav_home a{
	width:29px;
	left:200px;
	background: url(../images/home.png) left top no-repeat;
}
#header #nav_home a:hover{
	background: url(../images/home.png) left -10px no-repeat;
}


#header #nav_english a{
	width:42px;
	left:879px;
	background: url(../images/nav_english.png) left top no-repeat;
}
#header #nav_english a:hover{
	background: url(../images/nav_english.png) left -10px no-repeat;
}

#header #nav_join2 a{
	width:207px;
	left:179px;
	background: url(../images/nav_join2.png) no-repeat;
}
#header #nav_join2 a:hover{
	background: url(../images/nav_join2.png) left -10px no-repeat;
}

#header #nav_nous a{
	width:28px;
	left:430px;
	background: url(../images/nav_nous.png) no-repeat;
}
#header #nav_nous a:hover{
	background: url(../images/nav_nous.png) left -10px no-repeat;
}
#header #nav_femmes a{
	width:42px;
	left:478px;
	background: url(../images/nav_femmes.png) no-repeat;
}
#header #nav_femmes a:hover{
	background: url(../images/nav_femmes.png) left -10px no-repeat;
}
#header #nav_hommes a{
	width:44px;
	left:540px;
	background: url(../images/nav_hommes.png) no-repeat;
}
#header #nav_hommes a:hover{
	background: url(../images/nav_hommes.png) left -10px no-repeat;
}
#header #nav_emplacement_de_magasins a{
	width:148px;
	left:604px;
	background: url(../images/nav_emplacement_de_magasins.png) no-repeat;
}
#header #nav_emplacement_de_magasins a:hover{
	background: url(../images/nav_emplacement_de_magasins.png) left -10px no-repeat;
}
#header #nav_contactez_nous a{
	width:88px;
	left:772px;
	background: url(../images/nav_contactez_nous.png) no-repeat;
}
#header #nav_contactez_nous a:hover{
	background: url(../images/nav_contactez_nous.png) left -10px no-repeat;
}
#header #nav_accueil a{
	width:42px;
	left:52px;
	background: url(../images/nav_accueil.png) left top no-repeat;
}
#header #nav_accueil a:hover{
	background: url(../images/nav_accueil.png) left -10px no-repeat;
}





#content_box #detaillant a{
	width:59px;
	height:11px;
	left:598px;
	top:25px;
	background: url(../images/detaillant.png) no-repeat;
}
#content_box #detaillant a:hover{
	background: url(../images/detaillant.png) left -11px no-repeat;
}

#content_box #club_dessayage a{
	width:90px;
	left:682px;
	top:27px;
	background: url(../images/club_dessayage.png) no-repeat;
}
#content_box #club_dessayage a:hover{
	background: url(../images/club_dessayage.png) left -10px no-repeat;
}

#content_box #la_garantie_q a{
	width:101px;
	left:820px;
	height:22px;
	top:21px;
	background: url(../images/la_garantie_q.png) no-repeat;
}
#content_box #la_garantie_q a:hover{
	background: url(../images/la_garantie_q.png) left -22px no-repeat;
}
/* *************************** 
   $4 Content Styles
   ***************************/
#content{
	height:600px;
	width:968px;/*
	background:url(../images/bg_content.png) no-repeat;*/
	text-align:left;
	margin:0 auto;
}
#maincontent_sub{
	height:459px;
	overflow:hidden;
}
#maincontent_sub2{
	height:459px;
	background:url(../images/maincontent_sub.png) no-repeat;*/
	overflow:hidden;	
}

#maincontent_home{
	height:385px;
	overflow:hidden;	
}
#content_box {
	height:71px;
	position:relative;
	background:url(../images/bg_bottom_box.png) no-repeat;
}
#content_box a{
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	outline-style:none;
	height:10px;
	background-image: url(../images/promotions.png);
}
#content_box #women{
	width:270px;
	position:absolute;
	left:16px;
	height:30px;
	cursor:pointer;
	top:0px;
}
#content_box #men{
	width:270px;
	position:absolute;
	cursor:pointer;
	left:16px;
	height:30px;
	top:0px;
}
#content_box #promotions a{
	width:67px;
	left:487px;
	top:27px;
	background: url(../images/promotions.png) no-repeat;
}
#content_box #promotions a:hover{
	background: url(../images/promotions.png) left -10px no-repeat;
}
#content_box #for_retailers a{
	width:73px;
	top:27px;
	left:579px;
	background: url(../images/for_retailers.png) no-repeat;
}
#content_box #for_retailers a:hover {
	background: url(../images/for_retailers.png) left -10px no-repeat;
}
#content_box #join_our_fit_club a{
	width:93px;
	top:27px;
	left:677px;
	background: url(../images/join_our_fit_club.png) no-repeat;
}
#content_box #join_our_fit_club a:hover{
	background: url(../images/join_our_fit_club.png) left -10px no-repeat;
}
#content_box #guarantee a{
	width:115px;
	top:21px;
	left:798px;
	height:22px;
	outline-style:none;
	background: url(../images/guarantee.png) no-repeat;
}
#content_box #guarantee a:hover{
	background: url(../images/guarantee.png) left -22px no-repeat;
}
#bottom_box {
	height:146px;
	position:relative;
	background:url(../images/bg_bottom_box3.png) no-repeat;
}
#bottom_box #english a{
	width:330px;
	left:17px;
	position:absolute;
	text-indent:-9999px;
	outline-style:none;
	height:29px;
	top:0px;
	background: url(../images/english2.png) no-repeat;
}
#bottom_box #english a:hover{
	background: url(../images/english2.png) left -29px no-repeat;
}
#bottom_box #francais a{
	width:330px;
	top:0px;
	right:12px;
	position:absolute;
	text-indent:-9999px;
	height:29px;
	background: url(../images/francais2.png) no-repeat;
}
#bottom_box #francais a:hover{
	background: url(../images/francais2.png) left -29px no-repeat;
}
#footer_nav{}
#footer_nav li{
	display:inline;
}
.men{
	width:100%;
	height:459px;
	background: url(../images/bg_men.jpg) no-repeat;
}
.men_img{
	float:right;
	width:412px;
	padding-right:44px;
	padding-top:80px;
	text-align:right;
}
.men_img li{
	display:inline;
	padding-right:16px;
	position:relative;
}
.men_img li img{margin-bottom:16px;}
.men_img li a:hover img{
	opacity:0.60;
	-moz-opacity:0.60;
	filter:alpha(opacity=60);
}
/* *************************** 
   $6 Footer Styles
   ***************************/.vidpad {
	padding-top: 100px;
	padding-left: 100px;
}