/*
	Amal Krishna Bakali 
	Date: September 13, 2007
	Title: Big Graphocs 2nd edition      
==================================
*/

body{
	margin:0 auto;
	font-size:x-small;
	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif;
	font-size:12px;
	color:#2C2C2C;
	padding:0 0 30px 0;
	text-align:center;
}
*{
	padding:0;
	margin:0;
	border:0;
}
ul,ol{
	list-style:none;
}
br{
	margin-bottom:12px;
}
h2{
	font-weight:bold;
	font-size:17px;
	text-transform:uppercase;
	margin-bottom:20px;
	background:url(images/gray-line.gif) no-repeat;
	background-position:0 14px;
}
h3{
	font-size:19px;
	color:#55B200;
	margin-bottom:11px;
}
h3 a{
	font-size:19px;
	color:#1A4798;
	margin-bottom:11px;
	text-decoration:none;
}
h3 a:hover{
	color:#1A4798;
	text-decoration:underline;
}
h4{
	font-weight:normal;
	font-size:15px;
	color:#004D8F;
	margin-bottom:17px;
}
h2 span{
	background-color:#FFFFFF;
	color:#3E8300;
	padding-right:2px;
}
h2 .heading{
	color:#1F1F1F;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#FF0000;
	text-decoration:underline;
}
/*							    Page Structure
==============================================
*/
#wrap{
	top:0;
	margin:0 auto;
	width:800px;
	text-align:left;
}
/*--------------------- Menu ------------- */

.menu-bar{
	width:800px;
	height:30px;/*42px;*/
	text-align:center;
	padding-top:12px;
}
#menu-bar h1,#menu-bar p{
	display:none;
	visibility:hidden;
}
.top-list{/*ul*/
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
	height:31px;

}
.item{/*li*/
	float:right;
	display:inline;
	margin:0;
	list-style:none;
	text-align:center;
	margin-right:4px;
	border:1px solid #D1D1D1;
	width:18%;
	height:20px;
    /*line-height:20px;*/
	}


.item a{
	display:block;
	height:23px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#3D3D3D;
	line-height:21px;
	/*height:20px;*/
}


 

.menu-bar .item .selected{
	display:block;
	height:20px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#3D3D3D;
}
	
.menu-bar .item .selected:hover{
	background:#4A4647 url(images/arrow-right-down.gif) no-repeat;
	background-position:90px 5px;
	display:block;
	color:#FFFFFF;
}
.item a:hover{
	text-decoration:none;
	background:#4A4647 ;
	color:#FFFFFF;
	line-height:23px;
	
}

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

.item ul{
	width:143px;
	margin:0;
	list-style:none;
	border-left:1px solid #000000 ; 
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	display:block;
	
}

.item ul li{
	margin:0;
	list-style:none;
	border-bottom:1px solid #000000;
	text-align:left;
	width:143px;
	display:block;
}
.item ul li a{
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
	background-color:#8B8F91;
	line-height:21px;
}
.item ul li a span{
	display:block;
	padding:0 0 0 0px;

}
.item ul li a:hover{
	text-decoration:none;
	display:block;
	color:#FFFFFF;
	background:#4A4647 ;
	line-height:21px;
}


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

.menu-bar ul{
margin: 0;
padding:0;
list-style-type: none;
display:inline;



}
.menu-bar ul li{
position: relative;
display: inline;
float: left;
line-height:20px;

}

/*--------------------- Top level menu link items style ---------------------- */
.menu-bar ul li a{
display: block;
font-weight:bold;
width:100%;

}
.menu-bar ul li a span{
	margin:0;
	display:block;

	
}


	
/* ---------------------- 1st sub level menu ---------------------- */
.menu-bar ul li ul{
left: 0;
position: absolute;
display: block;
visibility: hidden;
top: 1em;
background-color:#8B8F91;
}


/* ---------------------- All subsequent sub menu levels offset after 1st level sub menu ---------------------- */
.menu-bar ul li ul li ul{ 
left:110px; 
top:0;
}
.menu-bar ul li ul li a{
display: block;
}
.menu-bar ul li ul li a span{
    padding-left:10px;
	margin:0;
}


/* ---------------------- Background image for top level menu list links ---------------------- */
.menu-bar .mainfoldericon{
font-size:12px;
font-weight:normal;

}

/* ---------------------- Background image for subsequent level menu list links ---------------------- */
.menu-bar .subfoldericon{
	border:0;
	display: block;
	margin:0;
	background:url(images/arrow-right.gif) no-repeat center right #8B8F91;
	color:#FFFFFF;
	text-transform: capitalize;
}
.menu-bar .subfoldericon:hover{
	color:#FFFFFF;
	background:url(images/arrow-right-hover.gif) no-repeat center right #4A4647;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .menu-bar ul li { float: left; height: 1%; }
* html .menu-bar ul li a { height:1%; }
* html .menu-bar ul li ul li { float: left;}
/* End */


/*===================== End Menu =========================*/
/*								      nav2
==============================================
*/
#nav {
	width:800px;
	margin-bottom:6px;
	height:24px;
}
#nav ul li{
	display:inline;
}
#nav ul li a{
	display:block;
	height:24px;
}
#nav ul li .samplerequtest,#nav ul li .requestquote,#nav ul li .uploadfile,#nav ul li .placeorder{
	width:198px;
	float:left;
	margin-right:2px;
}
#nav ul li a span{
	display:none;
	visibility:hidden;
}
#nav ul li .samplerequtest{
	width:199px;
	background:url(images/samplerequest.gif) no-repeat;
	
}

#nav ul li .samplerequtest:hover{
	background:url(images/samplerequest2.gif) no-repeat;
}
#nav ul li .requestquote{
	width:198px;
	background:url(images/requestquote.gif) no-repeat;
}
#nav ul li .requestquote:hover{
	background:url(images/requestquote2.gif) no-repeat;
}
#nav ul li .uploadfile{
	width:198px;
	background:url(images/uploadfile.gif) no-repeat;
}
#nav ul li .uploadfile:hover{
	background:url(images/uploadfile2.gif) no-repeat;
}
#nav ul li .placeorder{
	width:199px;
	height:24px;
	background:url(images/placeorder.gif) no-repeat;
	margin-right:0;
}
#nav ul li .placeorder:hover{
	background:url(images/placeorder2.gif) no-repeat;
}	
/*								       Header
==============================================
*/
#header{	
	clear:both;
	width:800px;
	height:170px;
	border-top:1px solid #EA1D24;
}
#header h1 img{
	height:170px;
	display:block;
	display:inline;
}
#header h1 span{
	display:none;
	visibility:hidden;
}
/*								    Main Body
==============================================
*/
#mainbody{
	width:798px;
	border:1px solid #EEEEEE;
	margin-bottom:11px;
	float:left;
}
#mainleft{
	float:left;
	width:563px;
	padding:28px 13px;
}
#mainright{
	float:right;
	width:207px;
	padding-top:10px;
}
.listarea{
	float:left;
	padding-left:5px;
	background:url(images/listbg.gif) repeat-y;
	background-position:5px 0;
	padding-bottom:10px;
	margin-top:20px;
}
.listarea li img{
	margin-bottom:20px;
}
.listarea .left,.listarea .center,.listarea .right{
	display:block;
	width:157px;/*177px;*/
	float:left;
	padding:0 10px;
	background:url(images/listareabg.gif) repeat-x;
	background-position:0 -75px;
}
.listarea .left,.listarea .center{
	margin-right:12px;
}
.listarea .center{
	margin-right:11px;
}
.newsletter{
	padding:15px;
	padding-bottom:5px;
	background:url(images/listareabg.gif) repeat-x bottom;
	border:1px solid #BBD1E4;
	margin-right:7px;
	background-color:#E1F1FF;
	margin-bottom:5px;
}
.newsletter label{
	display:block;
	margin-bottom:6px;
}
.newsletter input{
	width:100%;
	height:15px;
	border:1px solid #606060;
	border-top:2px solid #606060;
	margin-bottom:6px;
}
.con-area{
	padding:10px 20px 10px 20px;
	color:#1A4798;
}
.alignright{
	text-align:right;
}
.aligncenter{
	text-align:center;
}
.clear{
	padding:0;
	margin:0;
	clear:both;
}
/*								       Footer
===============================================
*/
#footer{
	clear:both;
	width:800px;
	font-size:11px;
	color:#4C4C4C;
	background-color:#EEEEEE;
	text-align:center;
	height:40px;
	padding-top:20px;
}
#footer a{
	font-size:11px;
	text-decoration:none;
	color:#4C4C4C;
}
#footer a:hover{
	text-decoration:none;
	color:#FF451E;
}
/*								     Text Area
===============================================
*/
.style1{
	font-size:12px;
	margin-bottom:15px;
	color:#494949;
	text-align:justify
}
.redbold{
	font-weight:bold;
	font-size:13px;
	color:#EF161D;
	margin-bottom:15px;
	text-align:justify;
}
.redtext{
	color:#3E8300;
	text-align:justify;
}
.bluetext{
	color:#3E8300;
	text-align:justify;
}
.orangetext{
	color:#3E8300;
}
/*							  Sub Page Content
===============================================
*/
#mainleftsub{
	float:left;
	width:466px;
	padding:28px 0px 20px 12px;
}
#mainleftsub h2{
	width:440px;
}
#mainleftsub p{
	margin-bottom:15px;
}
#mainrightsub{
	float:right;
	width:310px;
	margin:28px 10px 10px 0px;
}
#mainbody2{
	width:774px;
	border:1px solid #EEEEEE;
	margin-bottom:11px;
	padding:28px 12px 10px 12px;
}
.leftside{
	float:left;
	width:327px;
}
#rightside{
	float:right;
	width:428px;/*446px;*/
	padding-left:17px;
}
.spacing td{
	padding-bottom:20px;
}

.err_msg{
	color:#FF3300;
	font-size:13px;
	width:440px;
}
.suc_msg{
	color:#060;
	font-size:13px;
	width:440px;
}
.style55{
	padding:0px !important;
	margin:0px !important;
}
.BIGraphicsColumnTD{
	padding-right:5px !important;
}
.table_form tr td{
	padding-right:5px !important;
}