#main{
  width : 492px;
  float : right;
}

#main fieldset {
  border : solid 1px #CCCCCC;
  margin : 12px;
  padding : 12px;
}

#main legend {
  margin : 0px 0px 6px 0px;
  padding : 3px 6px 3px 6px;
  font-size : 11px;
}

#main table.table {

}

#main td p {
  padding : 0px;
  margin : 0px;
}

#main fieldset.productoption {
  clear : both;
  border : solid 1px #EEEEEE;
  background : #F8F8F8;
  margin-top : 3px;
  margin-bottom : 3px;
}

#main fieldset.left {
  border : solid 1px #EEEEEE;
  width : 227px;
  float : left;
  margin : 6px 5px 6px 6px;
  font-size : 85%;
}

html>body #main fieldset.left {
  margin : 6px 5px 6px 12px;
  padding : 0px 12px 12px 12px;
}

#main fieldset.right {
  border : solid 1px #EEEEEE;
  width : 227px;
  float : left;
  margin : 6px 0px 6px 6px;
  font-size : 85%;
}

html>body #main fieldset.right {
  margin : 6px 0px 6px 6px;
  padding : 0px 12px 12px 12px;
}

#main img {
  border : solid 0px #EEEEEE;
}

#main fieldset.news {
  border : #CCCCCC solid 1px;
  margin : 3px;
  padding : 12px;
  background : #EEEEEE;
  font-size : 11px;
  color : #999999;
  text-align : center;
}

#main fieldset.news strong {
  color : #000000;
}


/*	NEW CSS BY HASEEB		*/

/*	INDEX PAGE CSS BOXES START */

.boxmagenta{
float: left;
background: url(../images/bg_magenta.jpg) left top no-repeat;
padding: 10px;
display: block;
cursor: pointer;
margin: 0px 0px 15px 0px;
height: 200px;
width: 217px;
}

.boxdarkblue{
float: right;
background: url(../images/bg_green.jpg) left top no-repeat;
padding: 10px;
cursor: pointer;
margin: 0px 0px 15px 0px;
height: 200px;
width: 217px;
}

.boxblue{
float: left;
background: url(../images/bg_blue.gif) left top no-repeat;
padding: 10px;
cursor: pointer;
margin: 0px 0px 15px 0px;
height: 200px;
width: 217px;
}

.boxgreen{
float: right;
background: url(../images/bg_green1.jpg) left top no-repeat;
padding: 10px;
cursor: pointer;
margin: 0px 0px 15px 0px;
height: 200px;
width: 217px;
}

.boxmagenta h2, .boxdarkblue h2, .boxblue h2, .boxgreen h2{
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
border-bottom: 1px solid #FFFFFF;
padding: 0px 0px 9px 0px;
}

.boxmagenta h2 span, .boxdarkblue h2 span, .boxblue h2 span, .boxgreen h2 span{
font-weight:normal;
}

.boxmagenta p, .boxdarkblue p, .boxblue p, .boxgreen p{
padding: 10px 120px 0px 0px;
color: #FFFFFF;
float:left;
clear:both;
}

.boxmagenta p a:link, .boxmagenta p a:visited, .boxdarkblue p a:link, .boxdarkblue p a:visited, .boxblue p a:link, .boxblue p a:visited, .boxgreen p a:link, .boxgreen p a:visited{
color: #FFFFFF;
text-decoration: none;
}

.boxmagenta p a:hover, .boxmagenta p a:active, .boxdarkblue p a:hover, .boxdarkblue p a:active, .boxblue p a:hover, .boxblue p a:active,  .boxgreen p a:hover,  .boxgreen p a:active{
color: #FFFFFF;
text-decoration: underline;
}
.image{
	background:url(../images/img_more.png) no-repeat left;
}
/*	INDEX PAGE CSS BOXES END */

/*	BOX HOW CAN WE HELP YOU START */

.helpbox{
float: left;
background: url(../images/bg_box_repeater.gif) left top repeat-y;
margin: 0px 0px 15px 0px;
width: 238px;
}

.helpbox h1, .helpbox div.bg {
background: url(../images/bg_box.gif) left top no-repeat;
padding: 0px 0px 0px 15px;
color: #FFFFFF;
font-weight: bold;
line-height: 28px;
display: block;
font-size: 14px;
}
.helpbox div.bg a, .helpbox div.bg a:link {
	color: #fff;
	text-decoration: none;
	background: none;
	display: block;
	height: 28px;
	width: 200px;
}
.helpbox div.bg a:hover {
	color: #000;
}

.helpbox .helpcnt{
padding: 0px 10px 0px 10px;
height: 290px;}

.helpbox .helptxt{
border: 1px solid #9B7FB4;
width: 217px;
height: 189px;}


/*	BOX HOW CAN WE HELP YOU END */


/*	NEW CSS BY HASEEB END	*/