/*----------------------------------------
Name: global.css
Developed by: Thai Hiep
Date Created: 
Last Updated: 
Copyright: 2009 by yinway.com
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
/* Elements
----------------------------------------*/
body {
	background-color:#FFFFFF;
}
body, p, td, th, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333333;
}
#mainContainer {
	width:955px;
	margin: 0px auto;
}
p {
	margin: 0 0 1em 0;
}
/*--- Link Styles ---*/
a:link, a:visited {
	color:#B1DA67;
	text-decoration:none;
}
a:hover, a:active {
	color:#5C8127;
	text-decoration:none;
}
h1 {
	margin:.825em 0 .5em 0;
	font-size:2.125em;
}
h2 {
	margin:.5em 0 .25em 0;
	font-size:1.75em;
}
h3 {
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}
h4 {
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}
h5 {
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}
h6 {
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}
ul {
	margin-left:25px;
	list-style-type:none;
}
ol {
	margin-left:25px;
}
blockquote {
	margin: 0 0 18px 18px;
	color:#666666;
	font-style: italic;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
/* Standard Definitions
----------------------------------------*/
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:left;
}
.clearThis {
	clear:both;
}
.small {
	font-size:11px;
}
.large {
	font-size:14px;
}
.soft {
	color:#D3D3D3;
}
.hide {
	display:none;
}
p.last {
	margin-bottom:0px;
}
.dgreen {
	color:#006442;
}
.white {
	color:#FFFFFF;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
a.button {
	background:url(../images/sbutton.png) no-repeat;
	width:35px;
	height:16px;
	line-height:16px!important;
	font-size:13px!important;
	color:#FFFFFF;
	padding:4px 0px;
	text-align:center;
	cursor:pointer;
}
a.button2 {
	background:url(../images/button.png) no-repeat center left;
	width:150px;
	height:23px;
	color:#006442;
	font-weight:bold;
	margin:0px 5px;
	padding:5px 0px 5px 30px;
	text-align:left;
	cursor:pointer;
}
a.button3 {
	background: transparent url('../images/button2right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 11px arial, sans-serif;
	height: 25px;
	margin:30px 6px 20px 0px;
	padding-right: 16px; /* sliding doors padding */
	text-decoration: none;
	cursor:pointer;
}
a.button3 span {
	background: transparent url('../images/button2left.png') no-repeat;
	display: inline-block;
	padding: 3px 0 7px 16px;
	cursor:pointer;
}
/* Header
----------------------------------------*/
#header {
	width:955px;
	height:137px;
	float:left;
}
#header .logo {
	float:left;
	background:url(../images/mylogo.jpg) no-repeat top left;
	width:330px;
	height:100px;
}
#header .phone {
	float:left;
	background:url(../images/phone.png) no-repeat top left;
	padding:25px 0px 0px 100px;
	width:250px;
	height:75px;
}
/* Nav
	----------------------------------------*/
	div#navcontainer {
	padding-left: 9px;
	background: url(../images/nav/navbg.png) repeat-x top left;
	;
	width:582px;
	height:37px;
	float:left;
}
div#navcontainer .navdivider {
	height:37px;
	width:1px;
	float:left;
	background:url(../images/nav/navbgdiv.png) no-repeat top left;
}
#navcontainer ul {
	float: left;
	margin:0px;
	padding:0px;
	width:583px;
}
#navcontainer ul li {
	display: inline;
}
#navcontainer ul li a {
	background: url(../images/nav/navlink.png) top left;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	padding:11px 0px;
	text-align:center;
	text-decoration:none;
	float: left;
	width:97px;
	height:15px;
}
#navcontainer ul li a:hover {
	background: url(../images/nav/navlink.png) 0 -37px;
}
/* Login Form
	----------------------------------------*/
	#loginform {
	background:url(../images/nav/navformbg.png) no-repeat;
	float:left;
	width:343px;
	height:21px;
	padding:8px 10px;
}
#loginform label {
	float:left;
	margin:5px 5px 0px 0px;
*margin:5px 0px 0px 0px;
}
#loginform input {
	background:url(../images/inputbg.png) no-repeat top center;
	width:87px;
	padding:3px 5px 3px 5px;
	margin:0px 2px;
	float:left;
	height:14px;
	color:#8c8c8c;
	border:none;
	font-size:11px;
	background-attachement:fixed;
}
/*#divloginform {background:url(../images/inputbg.png) no-repeat top center;
	width:87px;
	padding:3px 5px;
	margin:0px 2px;
	float:left;
	height:14px;
	color:#8c8c8c;
	border:none;
	font-size:11px;}*/
			
	.inputrecherche {
	background:url(../images/input-recherche.png) no-repeat top center;
	width:130px;
	padding:3px 5px 3px 15px;
	/*margin:0px 2px;*/
	height:20px;
	color:#8c8c8c;
	border:none;
	font-size:11px;
	background-attachement:fixed;
}
/* Main Content
----------------------------------------*/
#mainContent {
	margin-top:15px;
	width:955px;
	float:left;
	padding:0;
}
.greenheader {
	background:url(../images/greenbg.png) repeat-x top left;
	padding:3px 0px;
	height:13px;
	font-weight:bold;
	color:#FFFFFF;
}
.orangeheader {
	background:url(../images/orangebg.png) repeat-x top left;
	padding:3px 0px;
	height:13px;
	font-weight:bold;
	color:#FFFFFF;
}
/* Main Page
----------------------------------------*/
div#mainContent #column1 {
	width:283px;
	margin-right:15px;
	float:left;
}
div#mainContent #column1 .boxes {
	float:left;
	width:283px;
	margin-bottom:30px;
}
div#mainContent #column1 .boxes .boxh {
	text-align:right;
	width:273px;
	padding-right:10px;
}
div#mainContent #column1 .boxes .images {
	float:left;
	margin:10px 0px;
	width:130px;
}
div#mainContent #column1 .boxes .desc p {
	font-size:11px;
}
div#mainContent #column1 .boxes .desc {
	float:right;
	padding:5px;
	width:143px;
}
div#mainContent #column2 {
	width:270px;
	float:left;
	padding:0;
}
div#mainContent #column3 {
	width:364px;
	margin:0px 0px 20px 20px!important;
	margin:0px 0px 0px 0px;
	float:right;
}
div#mainContent #column3 .boxes {
	float:left;
	width:364px;
}
div#mainContent #column3 .boxes .boxh {
	text-align:left;
	width:354px;
	padding-left:10px;
}
div#mainContent #column3 .boxes .images {
	float:left;
	margin:10px 0px;
	width:130px;
}
div#mainContent #column3 .boxes .desc p {
	font-size:11px;
	min-height:50px;
	text-align:justify;
}
div#mainContent #column3 .boxes .desc {
	float:right;
	padding:5px;
	width:224px;
}
/* Listing & Detailed Page
----------------------------------------*/
div#mainContent div#leftimg {
	float:left;
	width:272px;
	margin:0px 18px 0 5px;
}
div#mainContent div#rightcontent {
	float:right;
	width:655px;
	padding:0;
	margin:0;
}
div#mainContent div#rightcontent .boxes {
	float:left;
	width:655px;
	padding:0;
	margin:0
}
div#mainContent div#rightcontent .boxes .boxh {
	float:left;
	text-align:left;
	width:640px;
	padding-left:10px;
}
div#mainContent div#rightcontent .boxes .boxh .links {
	float:right;
	margin-right:10px; /* If IE7 */
*margin-top:-15px;
}
div#mainContent div#rightcontent .boxes .boxh .links a {
	color:#FFFFFF;
}
div#mainContent div#rightcontent .boxes .boxc {
	text-align:left;
	width:645px;
	padding:20px 0 0 0;
	margin:0
}
/* Listing Page
	----------------------------------------*/
	div#mainContent div#rightcontent .boxes .boxc .listcontainer {
	width:650px;
	padding-bottom:20px;
	float:left;
}
div#mainContent div#rightcontent .boxes .boxc ul {
	float:left;
	margin:0px 0px 10px 0px;
	padding:0;
	width:655px;
}
div#mainContent div#rightcontent .boxes .boxc ul li {
	display:inline;
}
div#mainContent div#rightcontent .boxes .boxc .title {
	background:url(../images/zoom.png) no-repeat center left;
	position:relative;
	top:5px;
	padding:0px 20px;
	margin:0px 10px;
	height:20px;
	text-align:center;
	color:#000000;
	font-weight:bold;
}
div#mainContent div#rightcontent .boxes .boxc ul li a:link,  div#mainContent div#rightcontent .boxes .boxc ul li a:visited,  div#mainContent div#rightcontent .boxes .boxc ul li a:active {
	background: #d7d7d7;
	width:98px;
	height:85px;
	float:left;
	padding:1px;
	margin: 2px 9px 0px 0px;
}
div#mainContent div#rightcontent .boxes .boxc ul li a:hover {
	background: #f8971c;
}
/* Detailed Page
	----------------------------------------*/
	div#mainContent div#rightcontent .boxes .boxc .boxcl {
	float:left;
	width:280px;
	text-align:left;
}
div#mainContent div#rightcontent .boxes .boxc .boxcl .bpimg {
	border:1px solid #e9e9e9;
	margin-bottom:20px;
}
div#mainContent div#rightcontent .boxes .boxc .boxcl .back {
	margin-top:170px;
*margin-top:160px;
	line-height:24px;
}
div#mainContent div#rightcontent .boxes .boxc .boxcr {
	float:right;
	width:343px;
	padding:0px 10px;
}
div#mainContent div#rightcontent .boxes .boxc .boxcr p {
	text-align:justify;
}
/* Footer
----------------------------------------*/
#footer {
	width:955px;
	height:20px;
	float:left;
	background:#38866c;
}
#footer p {
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	margin:4px 0px;
}
.plus {
	margin : auto;
	text-align:right;
	width:645px
}
.plus a {
	color:black;
}
.plus a:hover {
	color:green;
}
.pagination {
	margin : auto;
	text-align:center;
	padding-bottom:15px
}
.pagination a {
	color: #000000;
	font-size: 14px;
}
/* CSS Mephisto Global */

	
H1 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 30px;
	COLOR: #555555;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
H1 a:link {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}
H1 a:visited {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}
H1 a:active {
	COLOR: #E5E5D1;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #333333
}
H1 a:hover {
	COLOR: #333333;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #E5E5D1
}
H2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 22px;
	COLOR: #FF9900;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: #ff9900 1px solid
}
H2 a:link {
	COLOR: #FF9900;
	TEXT-DECORATION: none
}
H2 a:visited {
	COLOR: #FF9900;
	TEXT-DECORATION: none
}
H2 a:active {
	COLOR: #E5E5D1;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #333333
}
H2 a:hover {
	COLOR: #333333;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #E5E5D1
}
H4 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
	COLOR: #000000;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: #ff9900 1px solid;
}
H5 {
	color : #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	font-size : 13px;
}
H6 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
	COLOR: #FF9900;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.TitreCategory {
	FONT-WEIGHT: normal;
	FONT-SIZE: 30px;
	COLOR: #ffffff;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.TitreZoomShoes {
	FONT-WEIGHT: normal;
	FONT-SIZE: 26px;
	COLOR: #555555;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: #555555 1px solid
}
.DetailsZoomShoes {
	FONT-WEIGHT: normal;
	font-style: italic;
	FONT-SIZE: 18px;
	COLOR: #ff9900;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.formbuttonSearch {
	BORDER: #84877A 1px solid;
	FONT-SIZE: 10px;
	COLOR: #84877A;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff
}
.formfieldSearch {
	BORDER: #84877A 1px solid;
	FONT-SIZE: 10px;
	COLOR: #84877A;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff
}
.formbuttonOrder {
	BORDER: #000000 1px solid;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #B8B29D
}
.formbuttonPaiement {
	MARGIN: 5px 0;
	PADDING-RIGHT: 10px;
	BORDER: #000000 1px solid;
	WIDTH: 200px;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: right;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #B8B29D;
}
.formbuttonOrder2 {
	MARGIN: 5px 0;
	BORDER: #000000 1px solid;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #B8B29D
}
.formfieldOrder {
	BORDER: #000000 1px solid;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #B8B29D
}
.formbuttonContact {
	BORDER: #FF9900 1px solid;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #B8B29D
}
.formfieldContact {
	BORDER: #FF9900 1px solid;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #B8B29D
}
.bgdStripShoes {
	background-image: url(../img/strip_01.gif);
	background-repeat: repeat-y
}
.bgdStripTechnic {
	background-image: url(../img/strip_02.gif);
	background-repeat: repeat-y
}
.bgdStripCategory {
	background-image: url(../img/strip_00.gif);
	background-repeat: repeat-y
}
.Verdana11Black {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.Verdana11Black A:link {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Verdana11Black A:visited {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Verdana11Black A:active {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.Verdana11Black A:hover {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.But {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.But A:link {
	COLOR: #000000;
	TEXT-DECORATION: none
}
.But A:visited {
	COLOR: #000000;
	TEXT-DECORATION: none
}
.But A:active {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ff9900
}
}
.But A:hover {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ff9900
}
}
.Verdana11BlackMargin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	margin-left: 0.4cm;
}
.Verdana11BlackMargin A:link {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Verdana11BlackMargin A:visited {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Verdana11BlackMargin A:active {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.Verdana11BlackMargin A:hover {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.Verdana11BlackIndent {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	text-indent: 0.3cm
}
.Verdana11BlackIndent A:link {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Verdana11BlackIndent A:visited {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Verdana11BlackIndent A:active {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.Verdana11BlackIndent A:hover {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.Verdana11Green {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #355D3C;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.Verdana11Green A:link {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Verdana11Green A:visited {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Verdana11Green A:active {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.Verdana11Green A:hover {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.Verdana10Black {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.Verdana10Black A:link {
	COLOR: #000000;
	TEXT-DECORATION: none
}
.Verdana10Black A:visited {
	COLOR: #000000;
	TEXT-DECORATION: none
}
.Verdana10Black A:active {
	COLOR: #333333;
	TEXT-DECORATION: none
}
.Verdana10Black A:hover {
	COLOR: #333333;
	TEXT-DECORATION: underline
}
.Price {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff9900;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.Price A:link {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Price A:visited {
	COLOR: #000000;
	TEXT-DECORATION: underline
}
.Price A:active {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.Price A:hover {
	COLOR: #FF9900;
	TEXT-DECORATION: underline
}
.box {
	BORDER: #B8B29D 1px solid;
}
.boxShoes {
	BORDER: #796C44 1px solid;
}
.bottomBorder {
	BORDER-bottom: #ff9900 1px solid;
	padding:5px
}
.bottomLeftBorder {
	BORDER-bottom: #ff9900 1px solid;
	BORDER-left: #ff9900 1px solid;
}
.SizeChart {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	BORDER-bottom: #ffffff 1px solid;
}
#imageCatalogue {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 11px;
}
#hotline {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: 350px;
	width: 172px;
	height: 50px;
}
.SizeChartHeader {
	background-color: #1c7557;
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}
.SizeChartRow {
	background-color: #E0E0E0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
rightpose_img {
	width:250px;
	margin:10px 0 10px 0;
	padding:0;
	height:136px;
	background-color:#DEDECC;
}
.superpose_txt {
	float:left;
	width:230px;
}
.superpose_txt {
	width:55%;
	margin:0 0 10px 0;
	padding:5px;
	height:126px;
	background-color:#DEDECC;
}
}
.subcontent {
	margin:10px 0 10px 0;
	width:730px;
}
hr {
	clear:left;
	visibility:hidden;
}