/**********************************************
 *     (C) 2008 Julien Bonnier, m0851         *
 *			j.bonnier@gmail.com               *
 *			http://www.virtu-oz.com           *
 *********************************************/

/********************
  FORMATS GENERAUX 
********************/
body {	
	color: #E4E4E4;
	margin: 0px;
	background-color: #f3f3eb;
	height: 100%;
}
html {
	height: 100%;
}
hr, hr.main {
	border-top: 1px solid #636363;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	height: 1px;
	width: 100%;
}
img {
	border: 0px;
}
p {
	padding: 0;
	margin: 0;
}

.big { font-family: Arial, Verdana; font-size: 20px; text-decoration: none; font-weight: normal; color: #000000; }
a.big:link { font-family: Arial, Verdana; font-size: 20px; text-decoration: none; font-weight: normal; color: #000000; }
a.big:active { font-family: Arial, Verdana; font-size: 20px; text-decoration: none; font-weight: normal; color: #000000; }
a.big:visited { font-family: Arial, Verdana; font-size: 20px; text-decoration: none; font-weight: normal; color: #000000; }
a.big:hover { font-family: Arial, Verdana; font-size: 20px; text-decoration: none; font-weight: normal; color: #000000; }

.lrgr { font-family: Arial, Verdana; font-size: 15px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.lrgr:link { font-family: Arial, Verdana; font-size: 15px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.lrgr:active { font-family: Arial, Verdana; font-size: 15px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.lrgr:visited { font-family: Arial, Verdana; font-size: 15px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.lrgr:hover { font-family: Arial, Verdana; font-size: 15px; text-decoration: none; font-weight: normal; color: #c0c0c0; }

.lrg { font-family: Arial, Verdana; font-size: 14px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.lrg:link { font-family: Arial, Verdana; font-size: 14px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.lrg:active { font-family: Arial, Verdana; font-size: 14px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.lrg:visited { font-family: Arial, Verdana; font-size: 14px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.lrg:hover { font-family: Arial, Verdana; font-size: 14px; text-decoration: none; font-weight: normal; color: #c0c0c0; }

.reg { font-family: Arial, Verdana; font-size: 12px; text-decoration: none; font-weight: bold; color: #585858; }
a.reg:link { font-family: Arial, Verdana; font-size: 12px; text-decoration: none; font-weight: bold; color: #585858; }
a.reg:active { font-family: Arial, Verdana; font-size: 12px; text-decoration: none; font-weight: bold; color: #585858; }
a.reg:visited { font-family: Arial, Verdana; font-size: 12px; text-decoration: none; font-weight: bold; color: #585858; }
a.reg:hover { font-family: Arial, Verdana; font-size: 12px; text-decoration: none; font-weight: bold; color: #585858; }

.med { font-family: Arial, Verdana; font-size: 11px; text-decoration: none; font-weight: normal; color: #8a8a8a; }
a.med:link { font-family: Arial, Verdana; font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; }
a.med:active { font-family: Arial, Verdana; font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; }
a.med:visited { font-family: Arial, Verdana; font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; }
a.med:hover { font-family: Arial, Verdana; font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; }

.min { font-family: Arial, Verdana; font-size: 10px; text-decoration: none; font-weight: normal; color: #8a8a8a; }
a.min:link { font-family: Arial, Verdana; font-size: 10px; text-decoration: none; font-weight: normal; color: #000000; }
a.min:active { font-family: Arial, Verdana; font-size: 10px; text-decoration: none; font-weight: normal; color: #000000; }
a.min:visited { font-family: Arial, Verdana; font-size: 10px; text-decoration: none; font-weight: normal; color: #000000; }
a.min:hover { font-family: Arial, Verdana; font-size: 10px; text-decoration: none; font-weight: normal; color: #000000; }

.med .c1, a.med:link .c1, a.med:visited .c1, a.med:active .c1, .reg .c1, a.reg:link .c1, a.reg:active .c1, a.reg:visited .c1, .lrg .c1, a.lrg:link .c1, a.lrg:active .c1, a.lrg:visited .c1, .big .c1, a.big:link .c1, a.big:active .c1, a.big:visited .c1, .min .c1, a.min:link .c1, a.min:active .c1, a.min:visited .c1 { color: #ffffff; }
a.med:hover .c1, a.reg:hover .c1, a.lrg:hover .c1, a.big:hover .c1, a.min:hover .c1 { color: #ffffff; text-decoration: none; }
.med .c2, a.med:link .c2, a.med:visited .c2, a.med:active .c2, .reg .c2, a.reg:link .c2, a.reg:active .c2, a.reg:visited .c2, .lrg .c2, a.lrg:link .c2, a.lrg:active .c2, a.lrg:visited .c2, .big .c2, a.big:link .c2, a.big:active .c2, a.big:visited .c2, .min .c2, a.min:link .c2, a.min:active .c2, a.min:visited .c2 { color: #b7b7b7; }
a.med:hover .c2, a.reg:hover .c2, a.lrg:hover .c2, a.big:hover .c2, a.min:hover .c2 { color: #b7b7b7; text-decoration: none; }
.med .c3, a.med:link .c3, a.med:visited .c3, a.med:active .c3, .reg .c3, a.reg:link .c3, a.reg:active .c3, a.reg:visited .c3, .lrg .c3, a.lrg:link .c3, a.lrg:active .c3, a.lrg:visited .c3, .big .c3, a.big:link .c3, a.big:active .c3, a.big:visited .c3, .min .c3, a.min:link .c3, a.min:active .c3, a.min:visited .c3 { color: #000000; }
a.med:hover .c3, a.reg:hover .c3, a.lrg:hover .c3, a.big:hover .c3, a.min:hover .c3 { color: #000000; text-decoration: none; }
.med .c4, a.med:link .c4, a.med:visited .c4, a.med:active .c4, .reg .c4, a.reg:link .c4, a.reg:active .c4, a.reg:visited .c4, .lrg .c4, a.lrg:link .c4, a.lrg:active .c4, a.lrg:visited .c4, .big .c4, a.big:link .c4, a.big:active .c4, a.big:visited .c4, .min .c4, a.min:link .c4, a.min:active .c4, a.min:visited .c4, .lrgr .c4, a.lrgr:link .c4, a.lrgr:active .c4, a.lrgr:visited .c4 { color: #000000; }
a.med:hover .c4, a.reg:hover .c4, a.lrg:hover .c4, a.big:hover .c4, a.min:hover .c4, a.lrgr:hover .c4 { color: #000000; text-decoration: none; }
.med .c5, a.med:link .c5, a.med:visited .c5, a.med:active .c5, .reg .c5, a.reg:link .c5, a.reg:active .c5, a.reg:visited .c5, .lrg .c5, a.lrg:link .c5, a.lrg:active .c5, a.lrg:visited .c5, .big .c5, a.big:link .c5, a.big:active .c5, a.big:visited .c5, .min .c5, a.min:link .c5, a.min:active .c5, a.min:visited .c5 { color: #454644; }
a.med:hover .c5, a.reg:hover .c5, a.lrg:hover .c5, a.big:hover .c5, a.min:hover .c5 { color: #454644; text-decoration: none; }
.med .c6, a.med:link .c6, a.med:visited .c6, a.med:active .c6, .reg .c6, a.reg:link .c6, a.reg:active .c6, a.reg:visited .c6, .lrg .c6, a.lrg:link .c6, a.lrg:active .c6, a.lrg:visited .c6, .big .c6, a.big:link .c6, a.big:active .c6, a.big:visited .c6, .min .c6, a.min:link .c6, a.min:active .c6, a.min:visited .c6 { color: #3f3f3f; }
a.med:hover .c6, a.reg:hover .c6, a.lrg:hover .c6, a.big:hover .c6, a.min:hover .c6 { color: #3f3f3f; text-decoration: none; }
.med .c7, a.med:link .c7, a.med:visited .c7, a.med:active .c7, .reg .c7, a.reg:link .c7, a.reg:active .c7, a.reg:visited .c7, .lrg .c7, a.lrg:link .c7, a.lrg:active .c7, a.lrg:visited .c7, .big .c7, a.big:link .c7, a.big:active .c7, a.big:visited .c7, .min .c7, a.min:link .c7, a.min:active .c7, a.min:visited .c7 { color: #8a8a8a; }
a.med:hover .c7, a.reg:hover .c7, a.lrg:hover .c7, a.big:hover .c7, a.min:hover .c7 { color: #8a8a8a; text-decoration: none; }
.med .c8, a.med:link .c8, a.med:visited .c8, a.med:active .c8, .reg .c8, a.reg:link .c8, a.reg:active .c8, a.reg:visited .c8, .lrg .c8, a.lrg:link .c8, a.lrg:active .c8, a.lrg:visited .c8, .big .c8, a.big:link .c8, a.big:active .c8, a.big:visited .c8, .min .c8, a.min:link .c8, a.min:active .c8, a.min:visited .c8 { color: #c11a1a; }
a.med:hover .c8, a.reg:hover .c8, a.lrg:hover .c8, a.big:hover .c8, a.min:hover .c8 { color: #c11a1a; text-decoration: none; }
.med .cM, a.med:link .cM, a.med:visited .cM, .reg .cM, a.reg:link .cM, a.reg:visited .cM, .lrg .cM, a.lrg:link .cM, a.lrg:visited .cM, .big .cM, a.big:link .cM, a.big:visited .cM, .min .cM, a.min:link .cM, a.min:visited .cM { color: #464646; }
a.med:hover .cM, a.med:active .cM, a.reg:hover .cM, a.reg:active .cM, a.lrg:hover .cM, a.lrg:active .cM, a.big:hover .cM, a.big:active .cM, a.min:hover .cM, a.min:active .cM { color: #000000 text-decoration: none; }

.error { font-family: Arial, Verdana; font-size: 12px; text-decoration: none; font-weight: normal; color: #000000; }
.highlight { color: #ff0000; }

/* TABLE TN */
table.tn {
	border: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
/* TABLE HEADER */
table.header {
	border: 0px;
	margin: 0px;
	background-color: #636363;
	background-image: url('./images/header_bg.jpg');
	height: 53px;
	width: 840px;
	border-collapse: collapse;
	border-spacing: 0px;
}
td.header {
	border: 0px;
	margin: 0px;
	background-color: transparent;
	padding: 0px;
}
/* TABLE FOOTER */
table.footer {
	border: 0px;
	margin: 0px;
	background-color: #9d9d99;
	height: 33px;
	width: 840px;
	border-collapse: collapse;
	border-spacing: 0px;
}
td.footer {
	border: 0px;
	margin: 0px;
	background-color: transparent;
	padding: 0px;
}
/* TABLE OVERALL */
table.overall {
	border: 0px;
	margin: 0px;
	background-color: #ffffff;
	width: 840px;
	/*border-collapse: collapse;*/
	border-spacing: 10px;
}
/* TABLE PI (products information) */
table.pi {
	border: 1px solid #ececec;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	background-color: #f9f9f9;
}
td.pi {
	border-bottom: 1px solid #ececec;
}
/* TABLE MENU */
table.menu {
	border: 0px;
	background-color: #f9f9f9; /*#f3f3f5;*/
	width: 158px;
	border-collapse: collapse;
	border-spacing: 0px;
}
th.menu {
	border: 0px;
	background-color: #636363;
	padding: 5px;
}
td.menu {
	border: 0px;
	background-color: #f9f9f9; /*#f3f3f5;*/
	padding: 0px;
	text-align: right;
}
td.menu2 {
	border: 0px;
	background-color: #f9f9f9;
	padding: 0px;
}
hr {
	border: 0;
	height: 8px;
	width: 100%;
}
/* TABLE CART */
table.cart {
	/*border-left: 0px;
	border-top: 0px;
	border-right: 1px solid #585858;
	border-bottom: 1px solid #585858;*/
	border: 0px;
	background-color: transparent;
	width: 620px;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.cart2 {
	border: 0px;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0px;
}
th.cart {
	border: 0px;
	background-color: #ffffff;
	padding: 0px;
	text-transform: capitalize;
}
td.cart {
	background-color: #f9f9f9;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding: 0px;
}
td.cart2 {
	background-color: transparent;
	border: 0px;
	border-top: 1px solid #e9e9e9;
	padding: 0px;
}
td.cart3 {
	background-color: transparent;
	border: 0px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 0px;
}
/* TABLE DIVERS */
table.c1 {
	border: 0px;
	background-color: #3f3f3f;
	border-collapse: collapse;
	border-spacing: 0px;
}
/* TABLE MAIN */
table.main {
	border: 0px;
	background-color: transparent;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
/* TABLE SLC */
table.slc {
	border: 0px;
	background-color: transparent;
	border-collapse: collapse;
}
th.slc, td.slc {
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	font-family: Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-align: center;
	padding: 2px;
}
td.slc {
	width: 50px;
}
th.slc {
	font-weight: bold;
}
/* DIV PP (PRODUCTS PICS) */
div.pp {
	border: 1px solid #e9e9e9;
	background-color: #ffffff;
	width: 187px;
	height: 222px;
	border-collapse: collapse;
	border-spacing: 0px;
	overflow: hidden;
}
div.ppl {
	border: 1px solid #e9e9e9;
	background-color: #ffffff;
	width: 295px;
	height: 350px;
	border-collapse: collapse;
	border-spacing: 0px;
	overflow: hidden;
}
div.pps {
	border: 1px solid #e9e9e9;
	background-color: #ffffff;
	width: 70px;
	height: 80px;
	border-collapse: collapse;
	border-spacing: 0px;
	overflow: hidden;
}
div.ppsn {
	border: 0px solid #ffffff;
	background-color: #ffffff;
	width: 70px;
	height: 80px;
	border-collapse: collapse;
	border-spacing: 0px;
	overflow: hidden;
}
div.potm {
	border: 1px solid #e9e9e9;
	background-color: #ffffff;
	width: 600px;
	height: 220px;
	border-collapse: collapse;
	border-spacing: 0px;
	overflow: hidden;
}
div.pp:hover, div.ppl:hover, div.pps:hover, div.potm {
	border: 1px solid #585858;
}
/* DIV CC_SEC_CODE */
div.cc_sec_code {
	border: 1px solid #585858;
	text-align: center;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	width: 300px;
	bottom: 0px;
	background-color: #f9f9f9;
	color: #3f3f3f;
	overflow: scroll;
	z-index: 1;
}
/* DIV ERROR */
div.error {
	border: 2px solid #ff0000;
	text-align: center;
	background-color: #ffcccc;
	width: 300px;
}
/* DIV GC_MESSAGE */
div.gc_message {
	border: 1px solid #000000;
	text-align: left;
	background-color: #ffffff;
	width: 422px;
	height: 180px;
	word-wrap: break-word;
	overflow: auto;
	color: #000000;
	font-family: Arial, Verdana;
	font-size: 13px;
}
/* FROM OBJECTS */
form {
	padding: 0px;
	margin: 0px;
}
select, input {
	border: 1px solid #ececec;
	background-color: #f9f9f9;
	color: #3f3f3f;
	font-family: Arial, Verdana;
	font-size: 10px;
}
select.menu, input.menu {
	border: 2px solid #000000;
	background-color: #f9f9f9;
	color: #3f3f3f;
}
input.addCart {
	border: 0px;
	background-color: #3f3f3f;
	color: #e3ded9;
	width: 280px;
	height: 30px;
	font-family: Arial, Verdana;
	font-size: 12x;
	font-weight: 100;
	text-transform: uppercase;
}
input.remove {
	border: 0px;
	background-color: transparent;
	width: 13px;
	height: 13px;
	background-image: url('./images/remove.jpg');
}
input.order, button.order, submit.order {
	border: 1px solid #ececec;
	background-color: #ffffff;
	color: #3f3f3f;
	font-family: Arial, Verdana;
	font-size: 10px;
}
input.error, select.error {
	border: 1px solid #ececec;
	background-color: #ff0000;
	color: #3f3f3f;
	font-family: Arial, Verdana;
	font-size: 10px;
	font-weight: bold;
}
/* DIVS POPUP */
#popupL1 {
	display: none;
	visibility: hidden;
	position: fixed;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	z-index: 49;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .95;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	filter: alpha(opacity=55);*/

}
#popupL2, #size_chart {
	display: none;
	visibility: hidden;
	position: absolute;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	left: 0;
	top: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

/* CURSORS */
img.link {
	cursor: pointer;
	cursor: hand;
}