body {
margin: 0 10px 0 10px;
padding: 0;
font-family: verdana, arial, sans-serif;
font-size: small;
background: #ccc;
}

a {
color: #26468f;
}

/* layout structure */

#wrap {
min-width: 750px;
max-width: 1400px;
background:  url("../images/sub-bg.gif") repeat-y 30% 0;
}

#content {
float: right;
width: 70%;
font-size: 95%;
line-height: 1.5em;
color:  #333;
}

#sidebar {
float: left;
width: 30%;
}

#footer {
clear: both;
background: #ccc;
}

#certlogos {
clear: both;
}

/* gutters */

#content .gutter {
padding: 20px;
}

#sidebar .gutter {
padding: 15px;
}

/* design */

#header {
float: left;
padding: 20px 30px 0 30px;
background-color: #e3e9ee;
}

#header img {
float: left;
}

#headertext {
float: right;
color: #369;
text-align: right;
}

#headertext h2, #headertext p {
margin: 0;
padding: 0;
} 

#headertext h2 {
font-size: 110%;
line-height: 30px;
}

#content, #sidebar {
border-top: 5px solid #e7e7e8;
}

#content h1, h2 {
line-height: 1.5em;
}

#content h3 {
margin: 0;
padding: 5px 10px;
background-color: #e2e5e9;
font-weight: normal;
color: #666;
}

#footer {
padding: 5px 10px;
color: #333;
font-size: 85%;
}

#footer p {
float: left;
}

#footer #repeatnav {
float: right;
color: #666;
}

#footer a {
color: #666;
}

/* navigation */
#navigation {
	float: left;
	background: #e3e9ee url("../images/nav-bg.gif") bottom left repeat-x;
}

#nav {
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	list-style: none;
}

#navexchange {
float: right;
margin: 0;
padding: 10px 10px 0 0;
list-style: none;
}

#nav li, #navexchange li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 95%;
}

#nav a, #navexchange a {
	float: left;
	display: block;
	padding: 10px 10px 7px;
	color: #fff;
	text-decoration: none;
	border-top:  1px solid #83a7c2;
	border-right: 1px solid #284259;
	border-bottom: 1px solid #365876;
	border-left: 1px solid #365876;
	background: #436e94;
}

#navexchange a {
	border-top: 1px solid #087faa;
	border-right: 1px solid #02325b;
	border-bottom: 1px solid #02325b;
	border-left: 1px solid #087faa;
	background: #023f72;
}

#nav a:hover, #navexchange a:hover {
	color: #333;
	padding-bottom: 8px;
	border-color: #999;
	background: #e7e7e8;
	border-bottom: 0;
}

/* features */
dl.feature {
padding: 0 15px 15px;
border-bottom: 1px solid #ccc;
}

dl.feature:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.feature dt {
	margin: 0 0 .5em 0;
	font-size: 140%;
	font-weight: bold; 
}

dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
}

dl.feature dd {
	margin-bottom: 1em;
	margin-left: 165px;
	line-height: 1.5em;
	color: #666;
}

dl.feature dd.specs {
font-size: 90%;
}

dl.related dt {
font-size: 100%;
}

dl.related dd {
margin-left: 90px;
}

dl.profile dd {
margin-left: 215px;
}

/* sidebars */

.box {
margin: 0 0 20px 0;
padding: 0 0 12px 0;
font-size: 95%;
line-height: 1.5em;
color: #666;
}

.box h3 {
margin: 0;
padding: 5px 10px;
font-weight: normal;
color: #fff;
background-color: #787878;
}

.box p, .box ul {
	margin: 0;
	padding: 0 12px;
}

.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
}

/* sidebar form */

.track form {
	margin: 0;
	padding: 10px;
	color: #fff;
	background-color: #023f72;
}

.box form label {
	display: block;
}

.box form input {
	margin: 5px;
}

.box form input#trackingno {
	width: 130px;
}

/* test */

.news dl dt .date {
display: block;
font-weight: bold;
color: #333;
}

.news dl dt a {
font-size: 125%;
font-weight: bold;
}

.calendar form, .news form {
text-align: right;
}

.box dl dd {
margin: 0;
}

.calendar dl dt, .news dl dt {
font-weight: bold;
}

.calendar dl dd, .news dl dd {
margin-bottom: 1em;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
}


dl.feature { display: inline-table; }

/* Hide from IE5/Mac \*/
* html #footer { height: 1%; }
* html dl.feature { height: 1%; }
dl.feature { display: block; }
/* End hide from IE5/Mac */

/* product navigation */

#sidenav ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidenav ul li {
margin: 0;
padding: 0;
list-style: none;
}

#sidenav ul li a {
display: block;
padding: 5px 5px 5px 20px;
color: #333;
background: #ccc url("../images/nav-off.gif") no-repeat 8px 50%;
border-bottom: 1px solid #999;
height: 1%;
font-size: 95%;
}

#sidenav ul ul li a {
background: #e0e0e0;
}

#sidenav ul ul ul li a {
background: #f0f0f0;
padding: 5px 5px 5px 30px;
}

/* cfi exchange navigation */

#exchangenav ul {
margin: 0;
padding: 0;
list-style: none;
}

#exchangenav ul li {
margin: 0;
padding: 0;
list-style: none;
}

#exchangenav ul li a {
display: block;
padding: 5px;
color: #333;
border-bottom: 1px solid #999;
height: 1%;
font-size: 95%;
}

/* next and previous buttons */

#previous {
float: left;
}

#next {
text-align: right;
margin-bottom: 1em;
}

/* input tables */

#content table.input {
padding: 10px;
background-color: #e2e5e9;
}

#content table.input th {
text-align: right;
}

#content table.input th, #content table.input td {
padding: 5px;
}

#content table.input ul, #content table.input ul li {
margin: 0;
padding: 0;
list-style: none;
}

#content table.input th.optional {
font-weight: normal;
}

/* file exchanges icons */

#exchangenav ul li#n-inbox a {
padding-left: 31px;
background: #ccc url("../images/fxicon-inbox.gif") 10px 50% no-repeat;
}

#exchangenav ul li#n-send a {
padding-left: 31px;
background: #ccc url("../images/fxicon-sendfiles.gif") 10px 50% no-repeat;
}

#exchangenav ul li#n-sent a {
padding-left: 31px;
background: #ccc url("../images/fxicon-sentfiles.gif") 10px 50% no-repeat;
}

#exchangenav ul li#n-all a {
padding-left: 31px;
background: #ccc url("../images/fxicon-allfiles.gif") 10px 50% no-repeat;
}

#exchangenav ul li#n-account a {
padding-left: 31px;
background: #ccc url("../images/fxicon-account.gif") 10px 50% no-repeat;
}

#exchangenav ul li#n-logoff a {
padding-left: 31px;
background: #ccc url("../images/fxicon-logoff.gif") 10px 50% no-repeat;
}

/* file exchange list */

table.list {
border: 1px solid #ccc;
border-right: 0;
width: 100%;
}

table.list tr th {
background: url("../images/fxbg-listhead.gif") 0 50% repeat-x;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}

table.list tr th, table.list tr td {
padding: 5px;
}

table.list tr td {
border-right: 1px solid #e0e0e0;
background-color: #f0f0f0;
}

table.list tr.white td {
background-color: #fff;
}


a.newfile {
padding-top: 1px;
padding-left: 20px;
background: url("../images/fxicon-newfile.gif") 0 50% no-repeat;
}

a.oldfile {
padding-top: 1px;
padding-left: 20px;
background: url("../images/fxicon-oldfile.gif") 0 50% no-repeat;
}

.alert {
margin: 1em 0;
padding: 10px 10px 10px 72px;
background: #ffc url("../images/fxicon-alert.gif") 20px 50% no-repeat;
}

ul.downloads, ul.downloads li {
margin: 0;
padding: 0;
list-style: none;
line-height: 2em;
}

ul.downloads {
margin: 10px 10px 20px 10px;
}

ul.downloads li.pdf a {
padding-top: 1px;
padding-left: 20px;
background: url("../images/siteicon-pdffile.gif") 0 50% no-repeat;
}

ul.downloads li.mp4 a {
padding-top: 1px;
padding-left: 20px;
background: url("../images/siteicon-mp4file.gif") 0 50% no-repeat;
}

.col3 {
float: left;
width: 29%;
min-width: 200px;
margin: 1%;
text-align: center;
}

.col2 {
float: left;
width: 45%;
min-width: 250px;
margin: 1%;
text-align: center;
}

.regularcontent p {
margin: 1em auto;
}

.regularcontent ul {
margin: 0 1em;
padding: 0;
}

.regularcontent ul li {
margin: 0;
padding: 0;
}

.photo {
margin: 0 5px;
}

.customorder {
padding: 10px;
text-align: center;
border: 1px solid #e0e0e0;
background-color: #f0f0f0;
}