@charset "utf-8";
/* CSS RESET*/

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 {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

sup {
	font-size: 50%;
}

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 CSS RESET*/

/* MAIN TAGS */



.fltlft {
	float: left; /*  float an element left in your page */
	margin-right: 8px;
}

.fltrt {
	float: right; /* float an element right in your page. The floated element must precede the element it should be next to on the page. */
	margin-left: 8px;
}



.main{
	height: 100%;
	background-color: #E5E5E5;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	color: #000000;
	font: 100% Helvetica, Arial, Verdana, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.wrap{
	float: left;
	padding: 0 0;
	margin: 20px 16px 0px 16px;
	width:158px;
	height: 170px;
	display: inline;

}

.wrap img{
	border: none;
}

.itemTitle{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	float: left;
	display: inline;
	padding: 0 0;
	margin: 0 0;
}

.itemImg{
	border: none;
	float: right;
	display: inline;
	padding: 0 0;
	margin: 0 0 0 0;
	
}
.itemImg img{
	border: none;
}

.itemImg1{
	border: none;
	float: right;
	display: inline;
	padding: 0 0;
	margin: 7px 0 0 0;
	
}
.itemImg1 img{
	border: none;
}

.wrap2{
	float: left;
	padding: 0 0;
	margin: 15px 10px 0px 10px;
	width: 960px;
	height: 178px;
	display: inline;
	background-image: url(/images/grey_back.png);
	background-position: left;
	background-repeat: no-repeat;
	/*overflow: hidden;*/
	cursor: pointer;
	
}

.wrap2:hover{
	background-image: url(/images/white_hover.png);
	background-position: left;
	background-repeat: no-repeat;

}

.bigImagel{
	float: left;
	width: 530px;
	height: 367px;
	display: block;
	padding: 15px 20px 0px 20px;
	margin: 0 0;
}

.bigImager{
	float: right;
	width: 530px;
	height: 367px;
	display: block;
	padding: 15px 20px 0px 20px;
	margin: 0 0;
}


.midImagel{
	float: left;
	width: 344px;
	height: 367px;
	display: block;
	padding: 0 0;
	margin: 18px 10px 0 20px;
}


.midImager{
	float: right;
	width: 344px;
	height: 367px;
	display: block;
	padding: 0 0;
	margin: 18px 20px 0 0;
}


.itemTitle2{
	font: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 120px;
	height: 150px;
	display: block;
	padding: 0 0;
	margin: 20px 20px 0 20px;
	
}

.itemImg2{
	border: none;	
	float: left;
	display: inline;
	padding: 0 0px 0 0;
	margin: 0 0 0 10px;
	
}
.itemImg2 img{
	border: none;
}

/* CONTAINER */
#Container {
	background: none;
	border: 0px;	
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;	
	text-align: center; /* this overrides the text-align: center on the body element. */
	
}


/* HEADER */
#Header {
	clear:both;
	background: none;
	height: 44px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 970px;
}

#Header h1 {
	color: #FFFFFF;
	background-color: #cccccc;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5px 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#Col1{
	color: #666666;
	background-color: transparent;
	float: left;
	font: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#Col1 img{
	border: 0px;
	float: left;
	margin: 8px 0px 0px 20px;
}

#Col2{
	color: #666666;
	background-color: transparent;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-align: right;
}

#Col2 li {
	display: inline;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 5px;
	}

#Col2 li a {
	border: none;
	color: #FFFFFF;
	background-color: transparent;
	font: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	text-decoration: none;
	vertical-align: baseline;
}

#Col2 ul li a:hover {
	color: #ACABAB;
	background-color: transparent;
}

#Col3{
	color: #666666;
	background-color: transparent;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 0px 0px;
	text-align: right;
	display: inline;
}

#Col3 ul {
	margin: 8px 0 0px 0px;
	padding: 0px 0px;
	}
	
#Col3 ul li {
	display: inline;
	float: left;
	margin: 0px  0px;
	padding: 0px 0px 0px 15px;
	}
	

#Col3 ul li a {
	border: none;
	color: #FFFFFF;
	background-color: transparent;
	font: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	vertical-align: top;
}

#Col3 ul li a:hover {
	color: #ACABAB;
	background-color: transparent;
}

/* BREADCRUMB */
#Breadcrumb{
	background: none;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 10px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width: 880px; /*height: 38px;  if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
}

#Breadcrumb ul{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
		font-variant: small-caps;
	list-style-type: none;
	margin: 0px;
	padding: 0;
	text-align: left;
}

#Breadcrumb ul li {
	display: inline;
}

#Breadcrumb ul li a{
	color: #000000;
	background-color: transparent;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	padding: 0 0;
	margin: 0 5px;
	text-decoration: none;
}

#Breadcrumb ul li a:hover {
	text-decoration: underline;
}

#Breadcrumb ul li.first-child {
	padding-left: 0 !important;
}

/* TOP MENU */
#TopMenu {
	font: Helvetica, Arial, sans-serif;
	background: url(/images/tb_bg.png) no-repeat top left;
	clear: both; 
	height: 50px;
	margin: 10px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width: 962px;
}


#Cl1 {
	float: left;
	font-size: 20px;
	width: 250px;
   padding: 14px 0 0 16px;
   margin: 0px;
   text-align:left; 
}

#Cl1 span{
	font-size: 14px;
    margin: 0px;
    padding: 0px;
    display: inline;
   text-align:left; 
}

#Cl1 a{
	background-color: transparent;
	color: #000000;	
	text-decoration: none;
}
#Cl1 a:hover{			
	text-decoration: underline;
}

.claSmall{
	font: Helvetica, Arial, sans-serif;
		font-size: 12px;
}

#Cl2 ul{
	float: right;
	list-style-type: none;
	margin: 0 0;
	padding: 19px 7px 0px 21px;
	text-align: left;
}

#Cl2 ul li {
	margin: 0 0;
	padding: 0 0;
	display: inline;
}

#Cl2 ul li a{
	font-size: 14px;
	background-color: transparent;
	color: #000000;
	padding: 0 1.2em 12px;
	text-decoration: none;

}

#Cl2 ul li a:hover{
	background-color: transparent;
	color: #000000;
	background-image: url(/images/carrow.png);
	background-position: bottom center;
	background-repeat: no-repeat !important;

}

#Cl4 ul{
	float: right;
	list-style-type: none;
	margin: 0 0;
	padding: 18px 0 0 20px;
	text-align: left;
}

#Cl4 ul li {
	margin: 0 0;
	padding: 0 0;
	display: inline;
}

#Cl4 ul li a{
	font-size: 12px;
	background-color: transparent;
	color: #000000;
	padding: 0 8px 12px 8px;
	text-decoration: none;

}

#Cl4 ul li a:hover{
	background-color: transparent;
	color: #000000;
	background-image: url(/images/carrow.png);
	background-position: bottom center;
	background-repeat: no-repeat !important;

}
.selected{
	background-color: transparent;
	color: #000000;
	background-image: url(/images/carrow.png);
	background-position: bottom center;
	background-repeat: no-repeat !important;
}


#Fabrics {
	height: 222px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	margin: 0 auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
	width: 970px;
	display: block;
}

#Fabrics ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#Fabrics ul li {
	display: inline;
}

#Fabrics ul li a{
	padding: .1em .2em;
	text-decoration: none;
}

#Fabrics ul li a:hover {
	color: #ACABAB;
	background-color: transparent;
}

/* FOOTER */
#Footer {
   position: relative;
	font: Helvetica, Arial, sans-serif;
	background: url(/images/ft_bg.png) no-repeat top center;
	height: 43px;
	margin: -20px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width: 970px; /*height: 38px;  if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	display: block;
}

#Footer ul{
	list-style-type: none;
	margin: 0 0;
	padding: 13px 0 0 0;
	text-align: center;
}

#Footer ul li {
	display: inline;
}

#Footer ul li a{
	background-color: transparent; /*z-index: 100;*/
	color: #000000;
	font-size: 13px;
	padding: 0 4em;
	margin: 0 0;
	text-decoration: none;
}

#Footer ul li a:hover {
	text-decoration: underline;
}

/* MAIN CONTENT */
#HideBlock {
	width: 100% !important;
	height: 600px;
	top:45px;
	left:0px;
	clear: both;
	margin: 0 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position: absolute;
	z-index: 100 !important;
	background-image: url(/images/bg_hid.png);
	background-position: top left;
	background-repeat: repeat-x;
		
}

#HideBlock2 {
	width: 100% !important;
	top:45px;
	left:0px;
	height: 600px;
	clear: both;
	margin: 0 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position: absolute;
	z-index: 50 !important;
	background-image: url(/images/bg_hid.png);
	/*background-image: url(../images/bg_fiche.png);*/
	background-position: top left;
	background-repeat: repeat-x;
		
}

#HideBlock3 {
	width: 338px ;
	top:45px;
	left:60%;
	height: 135px;
	clear: both;
	margin: 0 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position: absolute;
	z-index: 120 !important;
	background-image: url(/images/sbox_bg.png);
	/*background-image: url(../images/bg_fiche.png);*/
	background-position: top center;
	background-repeat: repeat-x ;
		
}

#HideBlock3 input, textarea {				
				margin:0 0; 
				padding: 1px 5px;
				text-align: left;
				border: 1px solid #cccccc;
				background-color: white;
				font: Helvetica, Arial, sans-serif;
				font-size: 12px;				
			}
			
.info{
		width: 250px;	
}			

.info1{
		width: 390px;	
}

.Loader {
	width: 100%;
	height: 630px;
	clear: both;
	margin: 0 auto; 
   top: 45px;
   position: absolute;
   padding: 0 0;
  background-color: transparent;
 	z-index: 200 !important;  	
 }
 
.Loader img{
	margin-top: 200px;
}
 
/* MAIN CONTENT */
#MainContent {
	width: 100%;
	clear: both;

	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	clear: both;
  /* display:block;*/
}

#ScrollH{
   width: 960px;
	height:410px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0px;
	text-align: left;
	overflow: auto;
/*	display: block;	*/
}

#NoScroll{
   width: 960px;
	height:100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0px;
	text-align: left;

}

#ScrollHcs{
   width: 960px;
	height:430px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
/*	display: block;	*/
}

#ScrollHcs2{
   width: 960px;
	height:430px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0px;
	text-align: center;		
/*	float: left;
	padding: 8px;*/	
	overflow: hidden;
	white-space: nowrap;
/*	display: block;	*/
}

.ScrollItem{
  height: 0px;
	margin:0 0;
	text-align:left; 
	padding: 0 0;			
}

.ScrollItemCS{

  height: 0px;
	margin:0 0;
	text-align:center; 
	padding: 0 0;			
}


#ScrollItem ul li a:hover{
	background-image: url(/images/bg_col.png);
	background-position: left;
	background-repeat: no-repeat;

}

#ScrollItem ul li a img{
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0px 50px;
	vertical-align: top;
}

#Mainflash {
	background: none;
	clear: both;
	margin: 0 auto; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 970px;
}
.ScrollI{
	width: 938px;
	height: 178px;
  text-align: left;
  background-color: #cccccc;
}

/*DETAILS PAGE*/
#TopMenuD {
	font: Helvetica, Arial, sans-serif;
	background: url(/images/mbar.gif) no-repeat top left;
	clear: both; 
	height: 50px;
	margin: 15px auto 15px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width: 963px;
}

#wrapDetails{
	padding: 0 0;
	margin: 0 auto;
	width: 970px;
	display:block;
	clear: both;
}

#wrapPic{
	float: left;
	padding: 0 0;
	display: inline;
	width: 350px;
	height: 435px;
}

#wrapItemDetails{
	float: left;
	padding: 0 0;
	margin: 0 0;
	width: 450px;
	height: 435px;
	display: inline;	
	text-align: left;
	font: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#boxStyle{
	padding: 0 0;
	margin: 0 0;
	font: Helvetica, Arial, sans-serif;
	font-size: 16px;
}

#boxTitle{
	padding: 10px 0;
	margin: 0 0;
	font: Helvetica, Arial, sans-serif;
	font-size: 16px;
}

#boxDesc{
	padding: 10px 0;
	margin: 0 0;
	font: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

#boxMaterial
{
	width: 270px; 
	height: 40px;
	padding: 0 0;
	margin: 0 0;
	font: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	float: left;
	display: inline;
}

#boxSize
{
	width: 130px; 
	height: 40px;
	padding: 0 0;
	margin: 0 0;
	font: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	float: left;
	display: inline;
}

#wrapSpecFeat{
	padding: 0 0;
	margin: 0 0;
	clear: both;
}

#wrapSpecFeat ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#wrapSpecFeat li {
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	text-align: left;
}

#wrapSpecFeat li img{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

#wrapItemDetails span{
	padding: 10px 0;
	margin: 0 0;
	font-size: 11px;
	
}

#wrapItemDetails ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#wrapItemDetails  li {
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	text-align: left;
}

#wrapItemDetails  li img{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

#wrapItemDetails img {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#wrapFgroup{
	padding: 0 0;
	margin: 25px 0 0 0;
	clear: both;
	display: block;
}

#wrapFgroup  #divi {
	width:100px;
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	text-align: left;
}

#wrapFgroup ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#wrapFgroup  li {
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	text-align: left;
}

#wrapFgroup  li img{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}



#wrapColors{
	float: left;
	padding: 0 0;
	margin: 0 0 0 10px;
	display: inline;
	width: 148px;
	height: 330px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow:auto;
}

#wrapColors div{
	padding: 0 0 0 0;
	margin: 0 0 ;
	width: 120px;
	height: 42px;
	clear: both;
	cursor: pointer;
}

#wrapColors ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#wrapColors li {
	display: inline;
	float: left;
	width: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#wrapColors img {
	display: inline;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #cccccc;
	vertical-align: top;
}

.staticPage{
	width:960px; 
	padding:0;
	margin:20px auto 20px auto;
   text-align: center;
}

.staticPage div{
	display:inline; 
	margin:10px 0; 
	padding:10px;

}

.staticPage1{
	width:960px; 
	padding:0;
	margin:50px auto 40px auto;
   text-align: center;
}

.staticPage1 div{
	display:inline; 
	margin:20px 15px 0 15px; 
	padding:0px;

}

.staticPage2{
	width:960px; 
	padding:0;
	margin:20px 10px ;
   text-align: left;
}
.staticPage2 div{
	display:inline; 
	margin:0 0; 
	padding:10px;
	text-align: left;

}

.staticPage3{
	width:960px; 
	padding:0;
	margin:30px 10px ;
   text-align: left;
}
.staticPage3 div{
	display:inline; 
	margin:0 10px 40px 0; 
	padding:0px 0px;
	text-align: left;
}

.staticPage4{
	width:960px; 
	padding:0;
	margin:30px 10px ;
   text-align: left;
}
.staticPage4 div{
	display:inline; 
	margin:0 20px 0 10px; 
	padding:0px 0px;
	text-align: left;

}

/* scrollable div area */		
			
			/* scrollable div area */
			#scrollable2 {
				margin: 0 auto 0 auto;
				padding: 0 0 0 0px;
				text-align: left;
			/*	float: left;
				padding: 8px;*/
				width: 960px;
				height: 410px;							
				overflow: hidden;
				white-space: nowrap;
				
			}
						
						
			/* wrap to make sure that image area is clickable */
			#wrap4 {
				margin: 0 auto 2px auto;
				padding: 0 0 0 0px;
				width: 905px;
				height: 15px;
				/*background: transparent url(images/scrollbar-track-right.png) no-repeat top right;*/
			}
						
			/* horizontal track */
			#track4 {			
				/*position: absolute;*/
				text-align: left;				
				background: transparent url(/images/bg_box.png) no-repeat top left;
				width: 905px;
				height: 15px;
			}
			
			/* horizontal track handle container */
			#handle4 {
				width: 82px;
				height: 15px;
				background:none;
			}
			
			
				/* wrap to make sure that image area is clickable */
			#wrapH2 {
				margin: 0 auto 2px auto;
				padding: 0 0 0 0px;
				width: 905px;
				height: 15px;
				/*background: transparent url(images/scrollbar-track-right.png) no-repeat top right;*/
			}
						
			/* horizontal track */
			#trackH2 {			
				position: absolute;				
				background: transparent url(/images/bg_box.png) no-repeat top left;
				width: 905px;
				height: 15px;
			}
			
			/* horizontal track handle container */
			#handleH2 {
				width: 82px;
				height: 15px;
				background:none;
			}
			
			/* Contct page*/
			.contactPage{
				width:905px; 
				padding:0px;
				margin:20px auto ;
   			text-align: left;
			}
			.contactPage div{
				display:inline; 
				float:left;
				margin:0 0; 
				padding:7px;
				text-align: left;

			}
			.contactPage input, textarea {
				
				margin:0 0; 
				padding: 1px 5px;
				text-align: left;
				border: 1px solid #cccccc;
				background-color: white;
				font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;	
			}
			
			.contactPage #pright{
					
					margin: 8px 0px 0 10px;
					padding: 10px 0 0 20px;
					width:510px; 
					height: 380px;
					background: transparent url(/images/contact-fbg.png) no-repeat top left;
   				font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;	
			}
			
			.contactPage #pright div{
				margin: 0px 0px ;
				
			}
			.contactPage #small{
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;	
			}
			
			.contactPage #label{
					margin: 10px 10px 10px 10px;
					padding: 5px 0px 5px 10px ;
					width:150px; 
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;	
			}
			.contactPage #info{
					margin: 10px 10px 10px 10px;
					padding: 5px 0px;					
					
			}
			
			.contactPage #send{
				margin:0 0; 
				padding: 3px 8px;				
				border: 1px solid #cccccc;
				background-color: white;
				font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;				
					
			}
			.contactPage #send:hover{
				
				border: 1px solid #cccccc;
				background-color: #cccccc;
				color: black;
				
					
			}
			
			
			/* Fashion Groups slider */
			.fg_container {
				width: 960px;
				padding: 0;
				margin: 0 auto 0 auto;
				height: 410px;	
			}
	
			.fg_folio_block {
			padding: 0;
			margin: 0 auto 0 auto;
			/*		position: absolute;
			left: 50%; top: 50%;
				margin: -140px 0 0 -395px;*/
			}


			/*--Main Container--*/
			.fg_main_view {
				float: left;
				position: relative;
			}
			/*--Window/Masking Styles--*/
			.fg_window {
				height:430px;	width: 950px;
				background: url(/images/bg.png) top center no-repeat;
				overflow: hidden; /*--Hides anything outside of the set width/height--*/
				position: relative;
			}
			.fg_image_reel {
				position: absolute;
				top: 0; left: 0;
			}
			.fg_image_reel img {float: left;}

			/*--Paging Styles--*/
			.fg_paging {
				position: absolute;
				top: 401px; left: 0px;
				width: 960px; height:60px;
				z-index: 100; /*--Assures the paging stays on the top layer--*/
				text-align: center;
				line-height: 40px;				
				display: none; /*--Hidden by default, will be later shown with jQuery--*/
				

				
			}
			.fg_paging a {
				padding: 10px;
				text-decoration: none;
				font-size: 12px;
				font-weight: 50;
						
		
				color: #333333;
				
			}
			.fg_paging a.active {
				padding: 10px;
				color: #424242;
				line-height: 18px;
	 		
				border: 1px ;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				
	background-color: transparent;
	color: #000000;
	background-image: url(/images/circle.png);
	background-position: top center;
	background-repeat: no-repeat !important;
			}
			.fg_paging a:hover {
				
				color: #424242;
									background-color: transparent;
	color: #000000;
	background-image: url(/images/circle_h.png);
	background-position: top center;
	background-repeat: no-repeat !important;
				
	
			}
			
			/* Floating layer */
    #full {	position: absolute;	top:0px; text-align: center; left:0px; bottom:0px; width:100%; height:1000px; z-index: 200;  background:url(../images/bullet.png); display:none}
   	#box{ margin:40px auto auto auto; padding:10px;  width:673px; position:relative; }
		#box .descl{float:left; width:400px; font-size:0px; font-weight:bold; padding:5px 5px; text-align:left; }
		#box .desc2{float:right; padding: 0px 0px 5px 5px; z-index: 500}
		#box .imgc{text-align:center;margin-bottom:10px }
			
		
		/* Search Page */
		#SearchBox{
	clear: both;
	width: 900px;   	
	padding: 10px 0;
	color: #000;
	margin: 25px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image: url(/images/nav-bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	border: 1px solid  #CCC;
	/*	overflow: hidden;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#Pagination{
	clear: both;
	width: 900px;   	
	padding: 10px 0;
	color: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image: url(../images/nav-bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	border: 1px solid  #CCC;
	/*	overflow: hidden;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#Pagination span{
	padding: 2px 2px;
	margin: 0px;
   font-weight: bold; 
}

#Pagination ul{
	float: left;
	list-style-type: none;
	margin: 0px 8px;
	text-align: left;
}

#Pagination ul li {
	display: inline;
	padding: 2px 2px;
}

#Pagination ul li a{
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	padding: 2px 5px;
	margin: 0px;
	text-decoration: none;
	border: 1px solid #cccccc;
}

#Pagination ul li a:hover{
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;

}


#SearchBox input{
	border: 1px solid #cccccc;
	padding: 1px 3px;
	margin: 0 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#CategoryBox{
	clear: both;
	width: 900px;   	
	padding: 0 0;
	color: #000;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
/*	border: 1px solid  #CCC;
		overflow: hidden;*/
}

#MsgBox{
	width: 900px;   	
	padding: 0 0px;
	color: #000000;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	background: #fffac8;
	border: 1px solid #cccccc;
/*		overflow: hidden;*/
}

#OptionWrap{
	clear: both;
	width: 900px;
  	margin: 0 0;
	padding: 0 0;
	/*border-bottom: 1px solid  #cccccc;
	height: auto !important;	*/
	overflow: hidden;
	display: block;

}
#Row1{
	float: left;
	width: 10%;
	padding: 10px 10px;
	margin: 0 0;
	display: inline;
	color: #000;
	background-color: transparent;
	font: Helvetica, Arial, sans-serif;
	font-size: 11px;
}


#Row2{
	float: left;
	width: 60%;
	height: 40px;
	padding: 10px 10px;
	margin: 15px 0 0 0;
	display: inline;
	color: #000;
	background-color: transparent;
	font: Helvetica, Arial, sans-serif;
	font-size: 11px;
 clear: right;
}

.blueBold{ color: #04a0dd; font-weight: bold; text-decoration: none; }
.blueBold a:hover {text-decoration: underline;}

.bgc1{
	background-color: #dedede;
}

.bgc2{
	background-color: transparent;
}

.clearfix{
    display: block;
    height: 0;
    clear: both;    
   visibility: hidden;
}