body {
	margin: 0; font-family: verdana, arial, sans-serif; font-size: 12px;
	background: url(images/bg-gray-gradient.jpg) 50% 0 repeat-y;
        }

#wrapper {width: 900px; margin: 0 auto; padding: 0;
	position: relative;}


#header { text-align: center; height: 172px; width: 900px;
background: #01223f url(images/header.jpg) no-repeat;
border-bottom: 1px solid #333;
}

h1 {font-size: 1.3em; padding: 6px; margin: 6px; border-bottom: 1px dashed #bbb;}
h2 {font-size: 1.1em; padding: 6px; margin: 6px; color: #1b3857;}
h3 {font-size: 1.1em; padding: 6px; margin: 6px; text-align: center; color: #33567b; clear: both;}
h4 {font-size: 1.1em; padding: 6px; margin: 6px;}
h4.underline { border-bottom: 3px double #33567b; margin-bottom: 20px;}
p {font-size: 1em; padding: 6px; margin: 6px;}
ul {margin: 6px 6px 6px 22px; padding: 6px;}
	
	
#content a {font-weight: bold;}

a:link, a:visited {color: #33567b; text-decoration:underline;}
a:hover, a:active {color: #1c5db1;}

			 		 
#content {
    font-family: "verdana", Arial, Helvetica;    
	padding: 5px 0 20px; width: 900px;
     }			 
		 
#navtop {background: #001d39 url(images/bg-nav-button.jpg) 0 50% repeat-x;
	width: 900px; text-align:center; 
	margin: 0 auto 5px; 
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	 }

#navtop p {color: #fff; margin: 2px 0; padding: 1px;}
		
	
#navtop a {padding: 3px 18px; margin: 1px 0;
	font-family: "verdana", Arial, Helvetica;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
    background: #001d39 url(images/bg-nav-button.jpg) 0 50% repeat-x;
	text-decoration: none;
	border-right: 1px solid #01223f;
	border-bottom: 1px solid #01223f;
	border-left: 1px solid #333;
	}

#navtop a:hover {
	color:#fff;
	text-decoration:none;
     background: #001d39 url(images/bg-nav-button.jpg) 0 30% repeat-x;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-top: 1px solid #01223f;
	border-left: 1px solid #01223f;
	}
	
#navtop a.last {border: none;}
	
	/* powersource */

#powerSourceWrap { margin: 8px 0; background: #eee; padding: 5px 0; width: 900px; text-align: center;}

#SearchBox {margin-top: 5px;}

#partNumber {background: #ddd; padding: 6px 20px; margin: 0 20px;}

#powerSourceWrap span.part {font-weight: bold; color: #d8292f; background: url(images/arrow.gif) right center no-repeat; padding: 2px 30px 4px;}

#SearchFrame {background: #fff;}

/* end powersource */
	
#footer {text-align: center; padding: 20px 0 0; margin-bottom: 20px; background: url(images/bg-footer.jpg) repeat-x;}

#footer h3 {padding: 6px 0 0; margin: 6px;}

#footer p {background: url(images/bg-footer2.jpg) bottom left repeat-x; margin: 0; padding: 3px 0 30px;}

p.browser {color: #f5f3d7; font-weight: bold; padding: 10px; background: #aa3639; text-align: center; width: 875px;}
p.browser a:link, p.browser a:visited {text-decoration: underline; color: #fff;}

.featureWrap { margin: 1px 0; width: 900px; position: relative;
 background: #fff url(images/bg-gray.gif) 285px 0 repeat-y; text-align: center;}
 
.featureLeft {padding: 10px 20px; background: #eee; position: absolute; top: 18px; left: 21px; width: 200px; border: 1px solid #ccc;}

.featureRight {padding: 10px; margin: 20px 0 5px 300px; width: 540px; text-align: left; background: #fff;}

.feature ul {text-align: left}
 
img.alignLeft {border: 1px solid #333; float: left; margin: 0 5px 10px 20px;}

#contact {font-family: "verdana", Arial, Helvetica;  font-size: 10pt; }	

input {margin: 3px;}

.bottomWrap {margin: 2px;}

#leftDiv {float: left; width: 460px; padding: 10px 10px 0; margin-left: 10px; clear: both;}

#mailingList {width: 340px; float: right; font-size: 11px; padding: 0 0 10px 10px; border: 1px solid #000000; margin-right: 30px; margin-top: 30px; background: #eee;}

.clear {clear: both;}
.highlight {color: #ed1c24; font-weight: bold; }
.highlight2 {color: #d8292f; font-weight: bold; font-size: .9em;}
.highlight3 {color: #1b3857; font-weight: bold;}
.highlight4 {color: #1b3857; font-weight: normal;}

#logoWrap {padding: 0; margin: 6px; background: #fff;}