/* CSS Document */
body { background-color: #333;}

#x1 { width:757px; height:100%; background:#333; color:#CCCCCC; border-left: 1px solid #656565; border-right: 1px solid #656565; padding-left: 10px; padding-right:10px; }
a { color:#999999; text-decoration:none}
a:hover { color:#fff; text-decoration:underline}

#content{
text-align:left;
margin-left: 30px; margin-right:30px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#ccc; padding-left:10px; padding-right:10px;  border:0px solid #999999}

#content p{ margin: 0px;}

#leftContent{background-color:#666;
position:relative;
float:left;
width: 150px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#ccc; padding-left:2px; margin-right: 10px; margin-bottom:2px;}
#leftContent h5{ margin:0px; color:#666; background-color:#999; text-align:center}
#leftContent ul{ margin:0 0 0 0px; padding: 0 0 0 0; display:block; width:145px; padding-bottom:5px; }
#leftContent li{ list-style:none; text-indent: 3px; margin:0 0 0 0; list-style-position:outside; text-transform:uppercase;  }
#leftContent li a{font: 10px Verdana, Arial, Helvetica, sans-serif; color:#bbb ; padding-left: 2px; text-decoration:none}
#leftContent li a:hover{ color:#FFFFFF; text-decoration:underline}
#footer {
text-align:center;
text-transform:uppercase;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#ccc
 }
#footer a{
text-align:center;
text-transform:uppercase;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#ccc; text-decoration:none
 }
#footer a:hover{ color:#fff; text-decoration:underline}
#copy { margin-top:2px; font: 8px Verdana, Arial, Helvetica, sans-serif; color:#999999; text-transform:uppercase}

#lang a { position:relative; top: 50px; left:117px; font: 9px Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; text-transform:uppercase }
#lang a:hover{ color:#FFFFFF}

#nav
{
width:436px;
position:relative;
padding-right: 30px;
float:right;
margin-top: 12px;
padding-left:0px;
list-style: none;
border:0px solid #fff;
}
 #nav  .gray {
background-image:url(/images/main/gray.jpg);
background-repeat:no-repeat; position:relative; 
width:100px;height:90px;  
  }
#nav a .blue {
background-image:url(/images/main/blue.jpg);
background-repeat:no-repeat; position:relative; 
width:100px;height:90px;  cursor:pointer;
text-decoration:none;
  }
 #nav a .green {
background-image:url(/images/main/green.jpg);
background-repeat:no-repeat; position:relative; 
width:100px;height:90px;  cursor:pointer;
text-decoration:none;
  }
  #nav a .red {
background-image:url(/images/main/red.jpg);
background-repeat:no-repeat; position:relative; 
width:100px;height:90px;  cursor:pointer;
text-decoration:none
  }
  #nav a .yellow {
background-image:url(/images/main/yellow.jpg);
background-repeat:no-repeat; position:relative; 
width:100px;height:90px;  cursor:pointer;
text-decoration:none;
  }
#nav a .txt {
color:#FFFFFF;
padding-top: 62px; border:0px solid #FFFFFF; text-decoration:none; 
font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;
 text-align: center; vertical-align:bottom;}



#message {
position:relative;
top: 85px;
left: 40px;

float:left;
margin-top:0px;
padding-left:0px;
color:#CCCCCC; width: 264px;
font:12px Verdana, Arial, Helvetica, sans-serif;
border:0px solid #fff;
}
.info ul{ padding-top:5px; width:100%; margin:0px; padding:0}
.info li{
width:100%;
color:#CCCCCC; 
font:11px Verdana, Arial, Helvetica, sans-serif;
list-style:inside; list-style-position:outside; vertical-align:top; text-indent: 2px;
}

#bc { 
float:left;
width:100%;
font: 8px Verdana, Arial, Helvetica, sans-serif;
color:#999;
text-align:left;
vertical-align:top;
margin-bottom:2px;
text-transform:uppercase;
 }
#bc a { color:#ccc; text-transform:uppercase; text-decoration:none}
#bc a:hover { color:#fff; text-transform:uppercase; text-decoration:underline}

.line { border-bottom:1px solid #999; width:100%; margin-bottom:5px; margin-top:5px}



/* prodList */
.prodList {
	float: left;
	width: 340px;
	font-size: 10px;
	border:0px solid #fff;
	
	margin: 5px 10px 10px 0px;
	
}
.prodList .pic {
	float: left;
	width: 150px;

	background-color:#FFFFFF;
	border: 1px solid #333333;
	padding: 10px 10px 10px 10px;
	margin-right: 5px; margin-bottom:5px;
}
.prodList h5 {
 	background-color:#666666;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
	padding: 4px;
	margin-bottom:4px;
	width:100%;
	text-transform: uppercase;
	
}
.prodList .txt { width:100%}
.prodList a {
text-decoration:none;
color:#999;
}



/* prodView */
.prodView {
	float: left;
	border:0px solid #CCCCCC;
	width:730px;	
	font-size: 10px;
	margin: 2px 2px 0 0;
	
	
}
.prodView .pic {
	float: left;
	width: 150px;
	padding:5px 15px 5px 15px;
	margin: 1px 10px 5px 1px;
	cursor:pointer;
	background-color:#FFFFFF;
	border:1px solid #333333;
	padding-left: 5px;
}
.prodView h5 {
	height:25px;
	margin:0;
	padding-bottom:2px;
	text-transform: uppercase;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.prodView .txt {
	width:730px;
	margin: 0 0 4px;
	text-align:left;
}