@charset "UTF-8";
/* CSS Document */

/* ###### LAYOUT ###### */

#container {
	margin: 0 auto;
	width: 870px;
}

#header {
	margin: 0;
	padding: 0;
	background: url(../images/circuitBoard-header.gif) no-repeat top;
	height: 118px;
}
form#newsletter {
	/*width: 250px;*/
	/*margin: 0 0 0 620px;*/
	float: right;
	margin: 60px 10px 0 0;
}

#topnav {
	margin: 0;
	padding: 0;
	background: #076E86;
	position: relative;
	z-index: 499;
}

#content {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}

#footer {
	margin: 0;
	padding: 0;
	background: url(../images/circuitBoard-footer.gif) no-repeat top left;
	height: 66px;
}

#bottomnav {
	margin: 0;
	padding: 3px 0 0 0;
}

#subBox {
	width: 870px;
	margin: 0;
	padding: 0;
}
#subBoxBkgd {
	width: 870px;
	background: /*#64a9d8*/ url(../images/subContent.gif) repeat-y;
}
#subBoxContent {
	width: 850px;
	margin: 0 0 0 10px;
	padding: 0;
}

#breadcrumb {
	width: 100%;
	margin: 0;
	padding: 3px 0;
	background: url(../images/breadcrumb.gif) no-repeat;
}





/* ###### IMAGES ###### */

img {
	border: 0;
}

#topLogo {
	/*left: 0;
	top: 0;*/
	float: left;
}
a.logo {
	display: inline;
}

#smLogo {
	float: right;
	margin: 1px 10px 0 0;
}

img.fltLt {
	float: left;
	margin: 0 10px 10px 0;
}

img.fltRt {
	float: right;
	margin: 0 0 10px 10px;
}


img.topProdIcon { /* for all icon images on products subpages */
	float: left;
	margin: 0 5px 0 0;
}

img.border {
	margin: 0;
	padding: 0;
}




div.fltRt {
	float: right;
	margin: 0 0 10px 10px;
}


/* ###### TEXT ###### */

.blue {
	color: #128ECC;
}

.red,
#subBoxContent p.red {
	color: #c00;
}

p.newsletter {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}

p.center {
	text-align: center;
}

#bottomnav p {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
}

#bottomnav a,
#bottomnav a:visited {
	text-decoration: none;
	color: #000;
}

#bottomnav a:hover {
	color: #128ecc;
}

p#footerPhone,
p#copyright {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

p#footerPhone {
	font-size: 18px;
	font-weight: bold;
}

p#copyright {
	font-size: 10px;
}

p#siteby {
	font-size: 10px;
	margin-top: 3px;
	margin-bottom: 0;
	margin-left: 10px;
}
p#siteby a,
p#siteby a:visited {
	color: #000;
	text-decoration: none;
}
p#siteby a:hover {
	color: #128ecc;
}

#subBoxContent p {
	color: #000;
}

#breadcrumb p {
	font-size: 10px;
	margin: 0 0 0 10px;
}

#breadcrumb a {
	color: #000;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #128ecc;
}

a.body {
	color: #128ecc;
	text-decoration: underline;
}

a.body:hover {
	color: #ff981f;
}

.policy {
	font-weight: bold;
	text-transform: capitalize;
}

form#payment h3 {
	color: #128ecc;
}


/* ###### GLOBAL VALUES ###### */

body {
	font-family: Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 19px;
	text-transform: uppercase;
	margin-top: 0;
	border-bottom: 4px solid #ff981f;
	color: #128ecc;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

hr {
	width: 100%;
	height: 3px;
	background: #ff981f;
	border: 0;
}

p, 
li,
form#payment {
	font-size: 14px;
}
	


/* ###### MISC. ELEMENTS ###### */

p.clearBoth {
	clear: both; 
	margin: 0; 
	font-size: 1px;
}

p.bottom,
ul.bottom {
	margin-bottom: 0;
}

.top {
	margin-top: 0;
}

.homeImg {
	float: left;
	margin: 10px 10px 10px 0;
}

.blueBar {
	margin: 0;
	padding: 0;
}

.barBottom {
	margin-top: 5px;
}




/* ###### TOP NAV/GOSU MENU ###### */

.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 14px 0 11px 0;
    background: #128ecc;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
	text-align: center;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item1 {
	background: url(../images/menuLink.gif) no-repeat;
}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	background: url(../images/menuLinkRoll.gif) no-repeat;
}

table#menu1 td {
	width: 145px;
}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 5px 8px;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #efefef; /*#a3ceef;*/
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #a3ceef;
}

.ddmx .section {
    border: 1px solid #128ecc;
    position: absolute;
    visibility: hidden;
    z-index: -1;
	min-width: 145px;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */