/* CSS Document */

* {
margin:0;
padding:0;
}

html, body {margin:0; padding:0}
body {font-size: 76%; font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/bkg.jpg); 
	background-color: #204cae;
	background-repeat: repeat-x;
	background-position: 50% 0%;

}

.highlightBl {color:#003399; font-weight:bold;}
.highlightGr {color:#CC0000; font-weight:bold;}

div#boxed {border: 1px solid #5d9c34;  width: 550px; float:none}


.images {border : 1px solid #595959; display:block;}

a:link {color:#003399; text-decoration:underline;  font-weight: normal}
a:visited {color:#003399; text-decoration:underline; font-weight: normal}
a:active  {color:#cccccc; text-decoration:underline; font-weight: normal}
a:hover   {color:#CC0000; text-decoration:none; font-weight: normal}

a.linknoUL:link {color:#000000; text-decoration:none;  font-weight: normal}
a.linknoUL:visited {color:#000000; text-decoration:none; font-weight: normal}
a.linknoUL:active  {color:#000000; text-decoration:none; font-weight: normal}
a.linknoUL:hover   {color:#000000; text-decoration:underline; font-weight: normal}

/* Main div blocks basic styling */
div#container {width: 980px; background-color:#FFFFFF;  margin: 0 auto; border-bottom: 15px solid #CC0000;}
div#header {background-color: #ffffff; background-image: url(images/United-Commercial-Supply.jpg); background-repeat:no-repeat; width:980px; height:181px;}
div#topPhoto {clear:both; background-image:url(images/flash.jpg); height:160px; }
div#rightbar { width: 255px; float:right; margin-right:15px; margin-top:0 }
div#search {padding-right:20px; padding-top:10px; margin-top:135px; margin-left:0; float:right}
div#smoothmenu1 {margin-top: 140px; float:left; width:712px; margin-left:15px; }
div#content {margin-left: 15px; margin-right: 15px; min-height:800px}

div#footer {clear:both}


div#topPhoto p{ padding:35px 45px 5px 45px; margin-right:25px; color:#000000; font-weight:bold}

div#topPhoto H1{ 
	padding:25px 25px 5px 25px; 
	color:#FFFFFF;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	font-style:normal;
}

div#topPhoto p a:link, div#topPhoto p a:visited {color:#FFFF00; text-decoration:none;  margin:25px 25px 5px 25px }
div#topPhoto p a:hover {text-decoration:underline;}	





/* general RIGHT bar styling */
div#rightbar h1 {
	margin-top:15px;
	padding-top:5px;
	margin-left:12px;
	margin-bottom:10px;
	color:#cc0000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style:normal;
	}


div#rightbar h2 {
	margin:0 .5em; padding: .5em .5em 0 0em;
 	color:#CC0000; 
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.1em; 
	letter-spacing: .25ex;	
	font-weight:normal; 
}
	
div#rightbar p {padding: 0 0; color:#666666; margin-left:0; }

div#rightbar ul
{
list-style-type: none;
padding: 0;
margin-top:10px;
}


div#rightbar ul li {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:20px;
	background-image: url(images/bullet3.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 0.9em;
	line-height:100%;
	color:#333333;

}	


div#rightbar a:link {color:#6182cd; text-decoration:none;  font-weight: normal}
div#rightbar a:visited {color:#6182cd; text-decoration:none; font-weight: normal}
div#rightbar a:active  {color:#cccccc; text-decoration:none; font-weight: normal}
div#rightbar a:hover   {color:#003399; text-decoration:none; font-weight: normal}



/* Content Styling */
div#content h1 {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:12px;
	color:#003399;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
	font-style:normal;
	line-height:125%;
	padding-left: 0.9em;
	padding-right:0.9em;
	text-align:left;
	}
	
div#content h2 {
	padding: .5em .5em 0 0em;
 	color:#cc0000; 
	margin-left:25px;
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.5em; 
	font-weight:bold; 
	margin-bottom:3px;}
	
div#content h3 {
	padding: .5em .5em 0 0em;
 	color:#000000; 
	margin-left:25px;
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.3em; 
	font-weight:bold; 
	margin-bottom:3px;}
	
	
div#content p {	
	margin-left:50px;
	LINE-HEIGHT: 160%;
	margin-bottom:12px;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	color: #333333;}

div#content td {	
	margin-left:5px;
	LINE-HEIGHT: 145%;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	color: #333333;}
	
div#content .tablehead { 	
	color:#ffffff; 
	font-weight:bold;
	font-size:medium;}


	
div#content .bulletimagestyle{ /*Absolute position bullet image. No need to modify*/
position: absolute;
left: -200px;
}


div#content ul
{
list-style-type: none;
padding: 0;
margin-top:10px;
}


div#content ul li {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:50px;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 0.9em;
	line-height:100%;
	color:#333333;

}	

div#content ol li  {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:50px;
	list-style-type:decimal;
	line-height:100%;
	color:#333333;

}	

div#content li.listHome {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:15px;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 0.9em;
	line-height:100%;
	color:#333333;

}	
div#content .print {float:right; margin-right:30px; margin-top:-36px;}	

div#content .photo {margin-left:25px;  float: left; margin-right:5px; margin-bottom:4px; display:inline;}
	

div#content .tableHeadSm {color:#003399; font-weight:bold;}

div#content table { table-layout:auto; margin-left: auto; margin-right: auto;} 
div#content img {margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px}
div#content td img {margin-left:25px; margin-right:auto;}




div#content table.partsTableXSmall
{ width:175px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;

}


div#content table.partsTableSmall
{ width:375px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;

}


div#content table.partsTable
{ width:550px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;

}


div#content  td.partsHeading
{ background-color: #46851c;
background-image:url(images/bkgGrn.jpg);
background-repeat:repeat-x;
border: 1px #000000 solid;
color: #ffffff;
height:25px;
font-weight:bold;
text-align:center;
white-space: nowrap;

}

div#content  th.partsHeading
{ background-color: #46851c;
background-image:url(images/bkgGrn.jpg);
background-repeat:repeat-x;
border: 1px #000000 solid;
color: #ffffff;
height:25px;
font-weight:bold;
text-align:center;
white-space: nowrap;

}


div#content  td.parts
{ border-bottom: 1px #cccccc dotted;
text-align: center;
font-weight: normal;
color: #000000;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 3px;
padding-right: 10px; 
white-space: nowrap;
}


div#content  td.partsAlt
{ border-bottom: 1px #666666 dotted;
background-color:#d7e8cb;
text-align: center;
font-weight: normal;
color: #000000;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 3px;
padding-right: 10px;
white-space: nowrap;
 }

div#content .highlightBl {color:#003399; font-weight:bold;}
div#content .highlightGr {color:#CC0000; font-weight:bold;}





div#footer {margin:10px;}
div#footer p { padding-top: 0px; font-size: 0.9em; color:#ffffff; text-align:center}
div#footer p a:link, div#footer p a:visited {color:#003399; text-decoration:none}
div#footer p a:hover {text-decoration:underline;}	

	


div#TWD {margin:0; text-align:center;}
div#TWD p { padding-top: 5px; font-size: 0.8em; color:#FFFFFF}
div#TWD p a:link, div#TWD p a:visited {color:#FFFF00; text-decoration:none}
div#TWD p a:hover {text-decoration:underline;}	



/* ROUNDED CORNER BOXES */
.roundedcornr_box {
	background: url(images/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(images/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(images/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(images/roundedcornr_br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(images/roundedcornr_r.png) top right repeat-y;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
	margin-top: -5px;
}
.roundedcornr_content { padding: 0 5px; }