/* CSS Document */

/* Global definition*/

body{
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: url(images/bgRepeat.jpg) repeat-x;}
p{
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	}
img{
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
	border: 0px;}
	
.clear{
	clear: both;
	}

a{
	color: #FF6600;
	text-decoration: none;
	}
		
#screen{
	width: 100%;
	min-height: 800px;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#bigContainer{
	width: 800px;
	height: 100%;
	padding-left: 180px;
	clear:both;
	}
		
#top{
	margin: 0px;
	height: 100px;
	}
	
#top img{
	padding: 0px;
	margin: 0px;
	border: 0px;
	}

/*----------------------
menu on the top
-------------------*/
	
#menu{
	  height: auto;
	}

#menu ul{
	padding: 0px;
	margin: 0px;
	width: 800px;
	}
	
#menu li{
	
	margin: 0px;
	padding: 0px;
	float: left;	
	position: relative;
	list-style: none;
	
	}
#menu a{
	color: white;
	text-decoration: none;
	}
	
		
#container{
	width: 780px;
	padding-top: 15px;
	min-height: 800px;
	}
	
/*--------------------------
left col
-----------------------*/
#leftcol{
	width: 560px;
	float: left;
	}

.productcol{
	width: 560px;
	}	
.each{
	width: 257px;
	padding: 5px;
	height: 260px;
	
	float: left;
	position: relative;
	margin-right: 10px;
	margin-bottom: 3px;
	text-align: center;
	background-image: url(images/eachBg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border-bottom: 1px solid #cccccc;
	}

.each img{
	float: left;
	margin: 3px;}	
.each p{
	
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
	
/********text**************************/
.orange{
	color: #FF6600;
	}
	
.middlesize{
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	}
	
.emphasize{
	color: #FF0000;
	font-size: 28px;
	line-height: 34px;
	}
	
.purple{
	color: #CC0066;
	}
	
.bold{
	font-weight:500;
	}
/*---------------------------
product detail  col
-----------------------------*/

#detailcol{
	width: 750px;
	text-align: center;
}		

#detailcol p{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	}	
/*---------------------------
right col
-----------------------------*/		
#rightcol{width: 180px;
          float: right;
		  position: relative;
		  text-align: center;
		
		background: #F0F0F0;
		  border: 1px solid #CCcccc;
		  }

.right{
		width: 170px;
		margin-let: auto;
		margin-right: auto;
		height: 70px;
		padding-left: 5px;}
		
.right img{
		float: left;
		position: relative;
		}
/*----------------
header
------------*/		
.purplebg{
	width: 600px;
	background: url(images/headerbg.jpg) no-repeat;
	color: white;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-indent: 15px;
	line-height: 30px;
	height: 30px;
	font-size: 12px;
}

.header{
	height: 37px;
	width: 750px;
	color: #ffffff;
	line-height: 37px;
	text-indent: 25px;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	text-indent: 30px;
	background: url(images/hBg.jpg) no-repeat;
	}
/*----------------
footer
------------*/	
#footer{
	clear: both;
	width: 800px;
	text-align: left;
	
	}