/* CSS for 4OVER4 */
body{
padding:2px;
}
p, body, td {
color:#000000;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
}
p{
	margin:0px 0 10px 0;
	padding:0;
}
h1, h2{
	color:#0033cc;
	font-weight:bold;
	margin:3px 0 10px 0;
}
li{
	color:#0033cc;
	font-weight:bold;
	//text-transform:uppercase;
	margin:3px 2px 0 0;
}
p.blackParagraph{
	color:#000;
	font-weight:bold;
}
h3{
	color:#f60;
	font-weight:bold;
}

span.blueItalic{
	color:#0033cc;
	font-weight:bold;
	font-style:italic;
}
span.blackBold{
	color:#000;
	font-weight:bold;
}

form{
margin:0; padding:0;
}

/*general classes*/

a:link, a:visited{
	color:#0033CC;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}
a:hover, a:active{
	color:red;
	text-decoration:underline;
}
p{
	color:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}
span.bolded{
	font-weight:bold;
}


/*site classes*/
/*TOP*/
div.top{
	width:713px;
	height:46px;
}
div.top a{
	text-decoration:none;
	border:none;
	margin:0;
	padding:0;
	display:block;
}
div.top a.logo{
	float:left;
	height:42px; 
	width:234px;
}
div.top a.tabGraphic:link,div.top a.tabGraphic:visited{
	float:right;
	height:46px; 
	width:306px;
	background-image:url('http://4over4.com/images/TabGraphic.gif');
	background-repeat:no-repeat;
	background-position:right top;
}
div.top a.tabGraphic:hover,div.top a.tabGraphic:active{
	background-image:url('http://4over4.com/images/TabGraphic_Rollover.gif');
}
/*MAIN MENU*/
div.mainMenu{
	display:block;
	clear:both;
	width:720px;
	margin:0;
	padding:0;
}
div.subMenu{
	display:block;
	clear:both;
	width:713px;
	height:30px;
	margin:0;
	padding:0;
	background-color:#999;
}
div.mainMenu a, div.subMenu a{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
div.mainMenu a img{
	margin:0;
	padding:0;
}
div.subMenu img.separator{
	display:block;
	float:left;
	margin:0;
	padding:0px 1px;
}

div.tagLine{
	height:22px;
	width:713px;
	background-color:#ccc;
	text-align:center;
	border-bottom:8px solid #fff;
}
/*content*/
table.content{
	width:713px;
	border:0;
	margin:0;
	padding:0;
}
table.content td.colLeft{
	width:152px;
	vertical-align:top;
	background-color:#999;
}
table.content td.colRight{
	width:550px;
	padding-left:10px;
	vertical-align:top;
}

table.content td.colLeft table.colLeft{
	width:152px;
	border:none;
}
table.content td.colLeft table.colLeft td.orderhead{
	height:20px;
	background-color:#003399;
	color:#fff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}
table.content td.colLeft table.colLeft td.login{
	background-color:#ccc;
	text-align:center;
	vertical-align:middle;
}
table.content td.colLeft table.colLeft td.login a, table.content td.colLeft table.colLeft td.login a img{
	text-decoration:none;
	border:none;
	margin:0 0 -2px 0;
	padding:0;
}
table.content td.colLeft table.colLeft td.myProofs{
	background-color:#00339a;
}
table.content td.colLeft table.colLeft td.myProofs table.myProofs{
	width:144px;
}
table.content td.colLeft table.colLeft td.myProofs table.myProofs td.orderProofs{
	background-color:#cccccc;
	padding:6px 0;
}
table.content td.colLeft table.colLeft td.myProofs table.myProofs td.status{
	height:20px;padding:0;
	background-image:url('http://4over4.com/images/status.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

table.content td.colLeft table.colLeft td.myProofs table.myProofs td.orderProofs table.orderProofsForm{
	width:100%;
	background-color:#ccc;
	padding:0px;
	margin:0;
	border:none;
}
table.content td.colLeft table.colLeft td.myProofs table.myProofs td.orderProofs table.orderProofsForm input{
	background-color:#FFFFA0;
}
table.content td.colLeft table.colLeft td.myProofs table.myProofs td.orderProofs table.orderProofsForm input.arrow{
	background-color:transparent;
	border:none;
	height:18px;
	width:17px;
}

table.content td.colLeft table.colLeft td.customQuote{
	text-align:center;
	vertical-align:middle;
	background-color:#00339a;
	padding:0;
	margin:0;
}
table.content td.colLeft table.colLeft td.customQuote_grey{
	text-align:center;
	vertical-align:middle;
	background-color:#ccc;
	padding:0;
	margin:0;
}
table.content td.colLeft table.colLeft td.customQuote_white{
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	padding:0;
	margin:0;
}
table.content td.colLeft table.colLeft td.customQuote a img{
	margin:1px 0 0 0;
	padding:0;
}
table.content td.colLeft table.colLeft td.customQuote_grey a img,
table.content td.colLeft table.colLeft td.customQuote_grey a img{
	padding:0;
	margin:3px 0;
}
table.content td.colLeft table.colLeft td.leftMenu{
	margin:0;
	padding:3px 0 3px 13px;
	background-image:url('http://4over4.com/images/icn_arrow_blue.gif');
	background-repeat:no-repeat;
	background-position:3px 4px;
	background-color:#ccc;
}

table.prodInfo{
	width:100%;
	border:1px solid #ddd;
	border-collapse:collapse;
	margin:3px auto 10px;
}
table.prodInfo td,table.prodInfo th{
	border:1px solid #ddd;
	text-align:center;
	vertical-align:top;
	padding:3px 0;
}
table.prodInfo th{
	background-color:#003399;
	color:#fff;
}
table.prodInfo td.whiteSmoke{
	background-color:#f5f5f5;
}

table.footer{
	width:713px;
	background-color:#a9a9a9;
	border:none;
	font-weight:bold;
	font-size:13px;
}

div.buttonBanner{
	text-align:center;
	margin:0 auto;
}
div.buttonBanner a img{
	margin:0 0 -3px 0;
}

p.centeredText{
	font-weight:bold;
	text-align:center;
	margin:0 auto 5px;
}

div.tellMeMore{
	width:160px;
	border:1px solid #000;
	margin:15px auto 20px;
	background-image:url('http://4over4.com/images/questionMarkBlue.gif');
	background-repeat:no-repeat;
	background-position:4px center;
	padding:3px 0px 3px 32px;
	text-align:left;
}
div.tellMeMore p{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
div.forGrapicTable{
	width:550px;
	background-image:url('tab/bg-tab.gif');
	background-position:top;
	background-repeat:repeat-x;
	margin:0 0 0 1px;
}
table.graphicTable{
	border:0;
	width:539px;
	margin:0px 0 0 7px;
	padding:0;
}
table.graphicTable td{
	vertical-align:top;
	text-align:center;
	padding:0;
	margin:0;
	border:0;
}
table.graphicTable td a, table.graphicTable td a img{
	text-decoration:none;
	border:0;
	padding:0;

}
table.graphicTable td.leftCol{
	width:395px;
	height:42px;
}
table.graphicTable td.rightCol{
	width:144px;
	height:42px;
}
table.content td.colRight img{
	margin:0 0 -3px 0;
}