/* CSS Document */

html
{
	margin:0;
	padding: 0px;
	border:none;
	height: 100%;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#290101 url(../images/bg.jpg) repeat-x;
}

/*
img, div { behavior: url(../iepngfix.htc);}
*/


.select select{background:none; font-size:11px; color:#fff; border:1px solid #ccc;}

div.pos {border:1px solid #403C3C;}
.pos div {background:none; font-size:11px; color:#fff; padding:4px 3px 4px 3px ;}


#err .link-1{color:#fff; font-weight:bold; font-size:11px; font-family:Tahoma;
text-decoration:none;}

#err .link-1:hover{color:#ffff00; font-weight:bold; font-size:11px; font-family:Tahoma;
text-decoration:none;}

#mcont{
	position:relative;
	width:800px;
	margin:0 auto 0 auto;
	padding:0 20px 0 20px;
	background:none url(../images/bg_mcont.png) 3px 5px repeat-y;
	min-height:100%;
}

html > body, body > div#mcont {
	min-height: 100%;
}

body > div#mcont {
	overflow: hidden;
}

*HTML body, *HTML div#mcont {
	/*height: 100%;*/
}

img{
	margin:0;
	padding:0;
	border:none;
}

#header{
	float:left;
	width:800px;
	height:73px;
	background:url(../images/bg_top.jpg) no-repeat;
}

#hright {
	width:500px;
	height:50px;
	float:right;
	text-align:center;
	padding-top:0px;
}

#logo{
	width:206px;
	height:73px;
	float:left;
	padding:0px 0 0 0px;
	font: 12px/50px "Trebuchet MS"; color:#fff;
	cursor:pointer;
}

#tmenu{
	clear:both;
	float:left;
	width:800px;
	height:15px;
	background:#fcf6ea;
	/*background:url(../images/bg_menubar.jpg) 0px -5px repeat-x;*/
}

#flash{
	float:left;
	width:800px;
	height:200px;
	background:#000 url(../images/fbg.jpg) no-repeat;
	margin:0;
	padding:0;
}

#sheader{
	float:left;
	width:800px;
	height:70px;
	margin:0;
	padding:0;
}

#tab_menu{
	float:left;
	width:800px;
	margin:0;
	padding:0;
	height:35px;
	background:#000;
	border-top: 1px solid #333333;
}

#sheader img{
	display:block;
	margin:0;
	padding:0;
	border:0;
}

#cont{
	float:left;
	width:800px;
	/*min-height:700px;*/
	background:#fcf6ea;
	margin:0;
	padding:0; 
}

#lcont{
	float:left;
	width:200px;
	min-height:300px;
}

#content{
	float:left;
	width:590px;
	min-height:500px;	
	background:none url(../images/cont-bg.png) left bottom repeat-x;
}

#content p{
	font:11px/16px "Trebuchet MS"; 
	color:#250101;
	text-align:justify;
	/*font-stretch:semi-expanded;*/
	padding:0;
	margin:0px 0 10px 0;
}

#content p a{
	font:11px/16px "Trebuchet MS"; 
	color:#660c0b;
	text-decoration:none;
}

#content p a:hover{
	font:11px/16px "Trebuchet MS"; 
	color:#660c0b;
	text-decoration:none;
}


#content h3{
	font:bold 16px/18px "Trebuchet MS";
	color:#5f0101;
	margin:0;
	padding:0;
}

#content h2{
	font:bold 14px/16px "Trebuchet MS";
	color:#fff;
	margin:0;
	padding:0;
}

.btext{
	font:bold 12px/16px "Trebuchet MS"; 
	color:#CCCCCC;
}

#content td{
	font:12px/14px "Trebuchet MS";
	color:#250101;
	margin:0;
	padding:3px;
	text-align:justify;
}

#content ul{
	list-style:disc;
	color:#fff;
}

#content ul li{
	font:12px/14px "Trebuchet MS";
	color:#250101;
	margin:0;
	padding:0;
	text-align:justify;
}

.col1 {
	text-align:left;
	width: 150px;
	display:block;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 0;

	font: bold 12px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #324f56;
	background:#000;
}

.col2 {
	width: 250px;
	display: block;
	float: left;
	margin: 0;
	
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	/*padding: 6px 6px 6px 12px;*/
	/*color: #4f6b72;*/
	background:#000;
	text-align:left;
}

div.row {
	clear: both;
	width: 100%;
	background:#000;
}

#icontent{
	float:left;
	width:800px;
	min-height:400px;
	padding:0 0px 0 0px;
	background:#000;
}

#icontent p{
	font:12px/16px "Trebuchet MS"; 
	color:#CCCCCC;
	text-align:justify;
	font-stretch:semi-expanded;
	padding:0;
	margin:0px 0 10px 0;
}

#icontent h3{
	font:bold 16px/18px "Trebuchet MS";
	color:#006699;
	margin:0;
	padding:0;
}

#icontent h2{
	font:bold 14px/16px "Trebuchet MS";
	color:#fff;
	margin:0;
	padding:0;
}

#contnav		 		{width:100%; height:25px; float:left; margin:0; padding:0;text-align:left; }
#contnav ul				{font:bold 12px/25px "Trebuchet MS"; margin:0; padding:0; list-style-type:none;}
#contnav ul li			{height:25px; display:inline;}
#contnav ul li a		{color:#5f0101; line-height:25px; text-decoration:none; padding:0 0 0 0px;}
#contnav ul li a:hover	{color:#360101;}

/*
#contnav		 		{width:478px; height:20px; position:absolute; top:117px; left:342px; margin:0; padding:0;text-align:right; background:#666666; }
#contnav ul				{font:bold 12px/20px "Trebuchet MS"; margin:0; padding:0; list-style-type:none;}
#contnav ul li			{height:20px; display:inline;}
#contnav ul li a		{color:#106eac; line-height:20px; text-decoration:none; padding:0 0 0 0px;}
#contnav ul li a:hover	{color:#003366;}
*/

#cont_page{
	width:100%;
	height:400px;
	float:left;
	margin-top:5px
}

#cont_text{
	float:left;
	width:200px;
	font:13px/15px "Trebuchet MS";
	color:#FFFFFF;
	text-align:left;
	/*font-stretch:condensed;*/
}

#cont_text1{
	float:left;
	width:350px;
	font:13px/15px "Trebuchet MS";
	color:#FFFFFF;
	text-align:left;
}
/*
#img_gallery{ 
	float:left; 
	margin:0; 
	width:305px;
	height:80px;
	padding-right:5px;
	padding-top:0px;
	overflow:hidden;
}
*/
#prod_scroller{ 
	float:left; 
	margin:0; 
	padding:0; 
	width:300px;
	height:70px;
}

#flcont{
	float:left;
	width:490px;
	height:440px;
	background:#000;
}

#pinfo{
	float:left;
	width:310px;
	min-height:440px;
	/*background:#999999;*/
}

#vscroll{ 
	float:right; 
	margin:0; 
	padding:0; 
	width:85px;
	height:350px; 
}

#rzoom{
	float:left;
	width:180px;
	height:120px;
	margin:0px 0 0px 0;
	overflow:hidden;
	position:relative;
	z-index:5;
	background:transparent;
}


#pimg{
	float:left;
	width:322px;
	height:443px;
	margin:0px 0 0px 0px;
}

#pimg img{
	display:block;
	margin:0;
	padding:0;
	border:0;
}

#prod_desc{
	float:left;
	width:300px;
	margin:10px 0 10px 0;
}

#prod_desc h3{
	font:bold 18px/18px "Trebuchet MS";
	color:#006699;
	margin:0;
	padding:0;
}

#prod_desc h2{
	font:bold 11px/14px "Trebuchet MS";
	color:#fff;
	margin:0;
	padding:0;
}

#prod_desc blockquote{
	font:11px/16px "Trebuchet MS"; 
	color:#CCCCCC;
	text-align:justify;
}

#prod_spec{
	float:left;
	width:304px;
	
	margin-top:0px;
	padding:0 3px;
	
	min-height:257px;
	height:auto !important;
	height:257px;
}

#prod_spec h3{
	width:304px;
	font:bold 18px/25px "Trebuchet MS";
	color:#fff;
	margin:0;
	padding:0;
	text-align:center;
}

#prod_spec h2{
	width:304px;
	text-align:center;
	font:bold 11px/14px "Trebuchet MS";
	color:#fff;
	margin:0;
	padding:0;
}

#more_img{
	float:left;
	width:100%;
	text-align:center;
}

#thumbs{
	float:left;
	width:304px;
	/*height:105px;*/
	padding-right:0px;
	margin-top:5px;
}

.xthumb{
	float:right;
	padding:0;
	margin:0;
}

.xthumb img{
	border:0;
	display:block;
}

#tflash{
	float:right;
}

#more_img h3{
	font:bold 16px/25px "Trebuchet MS";
	color:#006699;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
}

#more_img ul	{width: 100%; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none;}
#more_img ul li	{width: 100px;	height:148px; display:inline;}
#vpnav ul li a		{width: 100px; display:block; color:#fff; padding:0 0px 0 0px;}
#vpnav ul li a:hover{width: 100px; font-weight:bold; color:#fff; padding:0 0 0 0px;}

#footer{
	clear:both;
	float:left;
	width:800px;
	height:12px;
	background:url(../images/bg_footer.jpg) repeat-x;
}


.innerpad{
	padding:0px 10px 0 10px;
}

#tmenu ul {
	width:791px;
	list-style:none;
	margin:0 auto;
	padding:0;
}

#tmenu ul li {

	height:15px;
	margin:0;
	padding:0 14px;
	float:left;
}

#tmenu ul li a { 
	display:block;

	/*padding:0px 0px 0px 30px;*/
	text-align:center;
	letter-spacing:1px;
	margin:0;
	
	font:bold 11px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
	text-transform:uppercase; 
	color:#710101;
	
	text-decoration:none;
	/*border-right:1px solid white;*/
}

#tmenu ul li a:hover { 
	color:#5f0101;
}
#tmenu ul li a.last { 
	border-right:0px solid white;
}

#vflash {
	width:250px; 	
	float:left;
	height:300px;	
	margin:5px 0px 0px 0px;
	padding:20px 0 0 0;
	text-align:center; 
	background:url(../images/bg_menu.png) no-repeat;
}

#fmenu {
	width: 200px; 	
	float:left; 	
	margin:5px 0px 0px 0px; 
	text-align:left; 
	background:url(../images/bg_menu.jpg) no-repeat;
}

#fmenu ul			{width: 200px; 	font:14px/24px "Trebuchet MS"; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none;}
#fmenu ul li		{width: 200px;	height:24px;}
#fmenu ul li a		{width: 190px;	height:24px; display:block; color:#5f0101; line-height:24px; text-decoration:none; padding:0 0 0 10px;}
#fmenu ul li a:hover{width: 190px; font-weight:bold; color:#5f0101; padding:0 0 0 10px;}

#fmenu h3 {
	width:180px; 
	height:40px; 
	padding:0 0 0 10px; 
	margin:0;
	text-align:left;
	font:18px/40px "Trebuchet MS";
	text-transform:uppercase;
	/*font-stretch:extra-expanded;*/
	color:#5f0101;
}

#mmenu {
	width: 200px; 	
	float:left; 	
	margin:20px 0px 0px 0px; 
	text-align:left; 
	background:url(../images/bg_menu.jpg) no-repeat;
}

#mmenu ul			{width: 200px; 	font:14px/24px "Trebuchet MS"; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none;}
#mmenu ul li		{width: 200px;	height:24px;}
#mmenu ul li a		{width: 190px;	height:24px; display:block; color:#5f0101; line-height:24px; text-decoration:none; padding:0 0 0 10px;}
#mmenu ul li a:hover{width: 190px; font-weight:bold; color:#5f0101; padding:0 0 0 10px;}

#mmenu h3 {
	width:200px; 
	height:40px; 
	padding:0 0 0 10px; 
	margin:0;
	text-align:left;
	font:18px/40px "Trebuchet MS";
	text-transform:uppercase;
	/*font-stretch:wider;*/
	color:#5f0101;
}



#fcont{
	width:400px;
	float:left;
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #5f0101;
	border-left:1px solid #5f0101;
	border-top:1px solid #5f0101;
	margin:0;
}

#fcont p{
	font:14px/16px "Trebuchet MS"; 
	color:#250101;
	text-align:justify;
	padding:0;
	margin:0;
}

#fcont h3 {
	width:100%; 
	height:40px;
	padding:0; 
	margin:0;
	text-align:left;
	font:18px/30px "Trebuchet MS";
	text-transform:uppercase;
	color:#6696c7;
	background:url(../images/femmes.jpg) -5px 5px no-repeat;
}

#fimg{
	width:157px;
	height:221px;
	float:left;
	margin:0;
	padding:0;
}

#fimg img{
	margin:0;
	padding:0;
	border:none;
	display:block;
}

#mncont p{
	font:14px/16px "Trebuchet MS"; 
	color:#250101;
	text-align:justify;
	padding:0;
	margin:0;
}

#mncont h3 {
	width:100%; 
	height:40px; 
	padding:0; 
	margin:0;
	text-align:left;
	font:18px/40px "Trebuchet MS";
	text-transform:uppercase;
	color:#6696c7;
	background:url(../images/hommes.jpg) -3px 5px no-repeat;
}

#himg{
	width:157px;
	float:left;
	padding:0;
	margin-top:-47px;
	background:#fff;
}

#himg img{
	margin:0;
	padding:0;
	border:none;
	display:block;
}

#mncont{
	width:400px;
	float:left;
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #660c0b;
	border-right:1px solid #660c0b;
	border-top:1px solid #660c0b;
	margin-top:10px;
}

.t {background: url(../images/dot.jpg) 0 0 repeat-x; width:100%;}
.b {background: url(../images/dot.jpg) 0 100% repeat-x}
.l {background: url(../images/dot.jpg) 0 0 repeat-y}
.r {background: url(../images/dot.jpg) 100% 0 repeat-y}

.bl {background: url(../images/cn_ld.png) 0 100% no-repeat}
.br {background: url(../images/cn_rd.png) 100% 100% no-repeat}
.tl {background: url(../images/cn_lu.png) 0 0 no-repeat}
.tr {background: url(../images/cn_ru.png) 100% 0 no-repeat; padding:10px} 

#flinks {
	width:550px;
	height:15px;
	float:right;
	text-align:center;
	padding-top:0px;
	font:10px/12px "Trebuchet MS";
	color:#5f0101;
}

.thead			{font: 10px/12px "Trebuchet MS"; color:#660c0b; margin: 0px 0 0 0px;}
a.thead:link	{font: 10px/12px "Trebuchet MS"; color:#660c0b;	text-decoration: none;}
a.thead:visited	{font:bold 10px/12px "Trebuchet MS"; color:#660c0b; text-decoration: none;}
a.thead:hover	{font:bold 10px/12px "Trebuchet MS"; color:#660c0b; text-decoration: none;}

.thead1			{font:bold 12px/14px "Trebuchet MS"; color:#660c0b; margin: 0px 0 0 0px;}
a.thead1:link	{font:bold 12px/14px "Trebuchet MS"; color:#660c0b; text-decoration: none;}
a.thead1:visited{font:bold 12px/14px "Trebuchet MS"; color:#660c0b; text-decoration: none;}
a.thead1:hover	{font:bold 12px/14px "Trebuchet MS"; color:#2e0101; text-decoration: none;}

#cright{
	width:180px;
	height:12px;
	float:left;
	padding:0px 0 0 20px;
	font: 10px/12px "Trebuchet MS"; color:#5f0101;
}

#prod_spec td{
	font:11px/13px Arial, Helvetica, sans-serif; /* "Trebuchet MS";*/
	/*font-stretch:semi-expanded;*/
	color:#ccc;
	/*text-align:justify;*/
}

.firstnotice{
	width:30%;
	}
.firstcolon{
	width:7%;
	}
td.width{width:90px; background:#3A5A89; padding:0px 3px 0px 3px ;}
td.width b{font-weight:bold; color:#fff;}
.link-2 a{color:#fff; font-size:11px; font-weight:normal; font-family:Tahoma; text-decoration:none;}
.link-2 a:hover{color:#ffff00; font-size:11px; font-weight:normal; font-family:Tahoma; text-decoration:none;}


/*tabbed css start*/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	font: bold 11px sans-serif !important;
	list-style: none;
	-moz-user-select: none;
	padding:0px 6px 0px 6px !important;
	margin:0px 0px 0px 6px !important;
	background:#ccc !important;
	color:#000 !important;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTab b{ color:#ffff00; }

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	color: #ffff00;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	color:#000 !important;
	background:#9ACCFD !important;
	
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	
	background-color: none;
}
.color {color:#ffff00; font-family:Tahoma; font-size:11px; float:left; font-weight:bold;}
div.width-1{height:400px;}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/*tabbed css end*/