body {
	background-color:#CCCCCC;
	margin:0px;
	padding:0px;
	font: 11px verdana, arial, helvetica;
}
h2{
	color:#595391;
	font-size:18px;
	font-weight:bold;
	margin:0px;
}
h4{
	color:#595391;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:5px 0 5px 0;
	text-decoration:underline;
}
#main_container{
	width:980px;
	height:auto;
	margin:auto;
	color: #000000;
	background-color: #FFFFFF;
}

#header{
	width:955px;
	height:90px;
	margin:auto;
}
#logo{
	float:left;
}

/*----------------------menu-------------------------*/

#menu{
	width:auto;
	height: auto;
	padding:55px 0 0 10px;
}
#menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
	display:block;
	font-weight:bold;
	float: right;
}
#menu ul li{
	list-style:none;
	display:inline;
	float:left;
	width:auto;
	height:12px;
	padding:0px;
}
#menu ul li a{
	height:12px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0 8px 0 14px;
	margin:0px;
	color:#000000;
	font-weight:bold;
}
#menu ul li a:hover{
	height:12px;
	width: auto;
	text-decoration:none;
	color: #857283;
	background-image: url(../images/grayarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#menu ul li a.current{
	height:12px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0 8px 0 17px;
	color: #FE0321;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#middle_box{
	width:955px;
	height:278px;
	clear:both;
	margin:auto;
	background-image: url(../images/WorldComputer.jpg);
}
.clear
{
clear:both;
}
/*---------------------main_content------------------*/
/* -- body style -- */
#center_content{
	width:915px;
	margin:0 auto;
	padding:18px 11px 0 33px;
}

/* -- middle panel start -- */	
#middle {
	width:850px;
	padding:0 12px 0 0;
	margin:0 20px 0 0;
	float:left;
}
#middle h1.welcome {
	height:23px; margin:0 0 14px; line-height:0; font-size:0; text-indent:-12000px;
	background:url(../images/welcome-txt.gif) no-repeat 0 0; }
#middle h2 {
	font:normal 18px/20px Georgia, "Times New Roman", Times, serif; color:#323232; background-color:#fff;
	padding:0; margin:6px 0 14px;}
#middle h2 span {
	color:#C90C0F;
	}
#middle h3 {
	font:normal 13px/15px Georgia, "Times New Roman", Times, serif; color:#323232; background-color:#fff;
	padding:0; margin:2px;}
#middle h3 span {
	color:#C90C0F;
	font-weight:bold;
	}
#middle p {
	padding:0 0 16px 4px;
	text-align: justify;
	margin: 0;
}
	#middle ul.product li a.details {
	background:url(../images/detail-btn.gif) no-repeat 0 0;
	width:50px; height:16px; display:block; margin:3px 0 0 0;
	text-indent:-120000px; line-height:0; font-size:0;}



#middle ul.product li a.details:hover {
	background:url(../images/detail-btn-h.gif) no-repeat 0 0;}
#middle ul.catagory {
	padding:0 0 5px 7px;
	float:left;
	text-align: left;
}
#middle ul.catagory li {
	background:url(../images/dot-01.gif) repeat-x 0 100%;
	width:110px;
	padding:0 0 1px;
	margin:0 12px 0 0;
	float:left;
	list-style: none;
}
#middle ul.catagory li.big {
	width:135px; padding:0 0 1px; margin:0;}
#middle ul.catagory li a {
	background:url(../images/green-bullet.gif) no-repeat 2px 7px #fff; color:#000;
	padding:0 0 0 13px; line-height:19px; display:block; text-decoration:none;}
#middle ul.catagory li a:hover {
	background:url(../images/green-bullet.gif) no-repeat 2px 7px #F0FBF6; color:#000;}
	
#middle ul.product {
	float:left;
	padding:18px 0;
	margin:2px;
	background:url(../images/product-green-bg.gif) repeat-x 0 0;
}
#middle ul.product li {
	float:left;
	background:url(../images/dot-02.gif) repeat-y 0 0;
	padding:0 15px 0 16px;
	width:auto;
	margin:0;
	text-align:left;
	list-style: none;
}

#middle ul.product li.noDivider {
	background:none;
	padding:0 15px;
	display:inline;
	}
#middle ul.product li img {
	display:block; margin:0 0 5px;}
#middle ul.product li span {
	display:block; text-align:left;}
#middle a.details {
	background:url(../images/detail-btn.gif) no-repeat 0 0;
	width:50px; height:16px; display:block; margin:3px 0 0 0;
	text-indent:-120000px; line-height:0; font-size:0;}
#middle a.details:hover {
	background:url(../images/detail-btn-h.gif) no-repeat 0 0;}

.tdborder
{
	background:url(../images/dot-02.gif) repeat-y 100% 0;
}


/* -- lefta panel start -- */	
#left {
	width:650px;
	padding:0 12px 0 0;
	margin:0 20px 0 0;
	float:left;
	background:url(../images/dot-02.gif) repeat-y 100% 0;
}
#left h1.welcome {
	height:23px; margin:0 0 14px; line-height:0; font-size:0; text-indent:-12000px;
	background:url(../images/welcome-txt.gif) no-repeat 0 0; }
#left h2 {
	font:normal 18px/20px Georgia, "Times New Roman", Times, serif; color:#323232; background-color:#fff;
	padding:0; margin:6px 0 14px;}
#left h2 span {
	color:#C90C0F;}
#left p {
	padding:0 0 16px 4px;
	text-align: justify;
	margin: 0;
}
	#left ul.product li a.details {
	background:url(../images/detail-btn.gif) no-repeat 0 0;
	width:50px; height:16px; display:block; margin:3px 0 0 0;
	text-indent:-120000px; line-height:0; font-size:0;}



#left ul.product li a.details:hover {
	background:url(../images/detail-btn-h.gif) no-repeat 0 0;}
#left ul.catagory {
	padding:0 0 20px 7px;
	float:left;
	text-align: left;
}
#left ul.catagory li {
	background:url(../images/dot-01.gif) repeat-x 0 100%;
	width:110px;
	padding:0 0 1px;
	margin:0 12px 0 0;
	float:left;
	list-style: none;
}
#left ul.catagory li.big {
	width:135px; padding:0 0 1px; margin:0;}
#left ul.catagory li a {
	background:url(../images/green-bullet.gif) no-repeat 2px 7px #fff; color:#000;
	padding:0 0 0 13px; line-height:19px; display:block; text-decoration:none;}
#left ul.catagory li a:hover {
	background:url(../images/green-bullet.gif) no-repeat 2px 7px #F0FBF6; color:#000;}
	
#left ul.product {
	float:left;
	padding:18px 0;
	margin:2px;
	background:url(../images/product-green-bg.gif) repeat-x 0 0;
}
#left ul.product li {
	float:left;
	background:url(../images/dot-02.gif) repeat-y 0 0;
	padding:0 15px 0 16px;
	width:auto;
	margin:0;
	text-align:left;
	list-style: none;
}

#left ul.product li.noDivider {
	background:none;
	padding:0 15px;
	display:inline;
	}
#left ul.product li img {
	display:block; margin:0 0 5px;}
#left ul.product li span {
	display:block; text-align:left;}
#left a.details {
	background:url(../images/detail-btn.gif) no-repeat 0 0;
	width:50px; height:16px; display:block; margin:3px 0 0 0;
	text-indent:-120000px; line-height:0; font-size:0;}
#left a.details:hover {
	background:url(../images/detail-btn-h.gif) no-repeat 0 0;}


/* -- right panel start -- */
#right {
	width:200px;
	float:left;
}
#right a.more {
	background:url(../images/more-btn.gif) no-repeat 0 0; margin:0 0 29px;
	width:59px; height:22px; float:right; line-height:0; font-size:0; text-indent:-12000px;}
#right a.more:hover {
	background:url(../images/more-btn-h.gif) no-repeat 0 0;}
#right a.click {
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	float:right;
}
#right a.click:hover {
	color:#C90C0F; background-color:#fff;}

/* -- footer style -- */
#footer {
	background:url(../images/footer-bg.gif) repeat-x 0 0;
	color:#000;
	padding:10px;
	text-align:center;
	background-color: #FFFFFF;
	height: 70px;
}
#footer p.nav {
	font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 7px;
	text-align: center;
}
#footer p.nav a {
	margin:0 10px;
	text-decoration:none;
	color:#000;
	text-align: center;
}
#footer p.nav a:hover {
	color:#2F594F;}
#footer p {
	padding:0 0 5px;
	font-size:9px;
	line-height:2px;
	text-align: center;
}
#footer p a {
	color:#C90C0F; text-decoration:none;}