.tabcontent {
	padding:2em; /* acts little ike cellpadding, so dont touch this */
	clear:both;
	background: #FFFFFF ;  /* Background color */
	border-top:1px solid #E8EBEC;
	border-bottom:1px solid #E8EBEC;
    border-left:1px solid #E8EBEC;
	border-right:1px solid #E8EBEC; 

    color:#666666;      /* font color */
	font-size: 12px;    /* font size -- does not affect standard view */
  }
#mainnavtabbed1{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#mainnavtabbed1 li{
	margin-left:0px; /* distance between tabs */
	margin-bottom:0px;
	text-align: center; /* alignment of text within tabs */
	float:left;
	width:13em; /* width of actual tab */
	margin-bottom:0px;
}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
	padding:1px;
	border-left:1px solid #E8EBEC;
	border-top:1px solid #E8EBEC;
	border-bottom:1px solid #E8EBEC;
	border-right:1px solid #E8EBEC;
	background:none;
	display:block;
	color:#666666;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
}

/* the folowing section deals with the tabbed button when active */

#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
	color:#FFFFFF;
	/*background:#537789;*/
	background:url(images/backgrounds/product_chekout_tile.jpg) repeat-x ;
	border-left:1px solid #E8EBEC;
	border-top:1px solid #E8EBEC;
	border-bottom:1px solid #E8EBEC;
	border-right:1px solid #E8EBEC;
	/*background-color: #537789;*/
}

/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
	color:#FFFFFF;
	/*background: #9EB8C4;*/
	background:url(images/backgrounds/product_chekout_tile.jpg) repeat-x ;
	border-left:1px solid #E8EBEC;
	border-top:1px solid #E8EBEC;
	border-bottom:1px solid #E8EBEC;
	border-right:1px solid #E8EBEC;
	/*background-color: #9EB8C4; */
}
h2{
	margin:0;

}
h1{
	margin:0;
	color:#fff;

}

HR {
	 color: #ccc;
     background-color: #ccc;
	 height: 1px;
	 border: none;
}