* { padding: 0; margin: 0;  }
img { border: 0 }
html { overflow-y: scroll }
*:focus { outline: 0 }

body { font-family: arial, helvetica; font-size: 62.5%; }

#dims { width: 950px; margin: 0 auto; }
#container { float: left; width: 950px; height: 647px; position: relative; z-index: 2 }
#top { float: left; width: 950px; height: 100px; position: relative }
#top #forum { float: right }
#top #logo { float: left; clear: right }
#ticker { float: left; position: absolute; top: 60px; left: 195px; width: 756px }
#ticker h2 { float: left; text-align: center; width: 94px; height: 16px; background: #041b5e; font-size: 12px; color: #FFF; line-height: 14px; padding: 4px 0 0 0 }
#newsticker { float: left; width: 652px; background: url(../images/home/ticker-bg.jpg) repeat-x; font-size: 12px; color: #FFF; line-height: 14px; padding: 4px 0 0 10px; height: 16px }
#newsticker a { color: #FFF; text-decoration: none }

#left { float: left; width: 195px; overflow: hidden }
#left ul { float: left; list-style-type: none; border-bottom: solid 1px #e5e7e6; width: 175px }
#left li { float: left; clear: left; border-top: solid 1px #e5e7e6; width: 175px; height: 19px }
#left .first, #left .border { border-top: solid 1px #575958 }
#left li a, #left li span { text-decoration: none; color: #616261; font-size: 10px; line-height: 19px; display: block; width: 169px; padding: 0 0 0 6px }
#left li span { font-weight: bold }
#left li a:hover, #left .sel { color: #FFF; background: url(../images/general/rollover.jpg) no-repeat }
#left .first a:hover { color: #575958; background: none }
#left .border a:hover { color: #575958; background: none }

#left .border a { color: #575958 }

#main { float: left; width: 560px; border-top: solid 6px #041c5d; height: 498px; border-bottom: solid 5px #041c5d; position: relative; padding: 12px 0 0 0; overflow: hidden }
#main h1 { float: left; font-size: 18px; width: 400px; font-weight: normal; color: #041c5d; margin-bottom: 4px; padding-left: 1px }
#main h2 { float: left; font-size: 13px; color: #616261; font-weight: normal; padding-left: 1px; padding-top: 8px; width: 385px  }

#feature-box { position: absolute; bottom: 0px; left: 0px; width: 560px; height: 256px;}
#feature-box img { float: left }
#feature-box-inner { width: 197px; height: 236px; position: absolute; top: 10px; right: 10px; background: #FFF; overflow: hidden }
#feature-box-inner .title { float: left; width: 179px; height: 31px; background: url(../images/general/40pxfade.jpg) repeat-x; color: #FFF; padding: 9px 10px 0 8px; line-height: 12px }
#feature-box-inner .dets { float: left; width: 173px; padding: 5px 16px 0 8px }
#feature-box-inner .dets p { color: #575958; font-size: 10px; line-height: 10px; margin-bottom: 9px }
#feature-box-inner .dets h2 { width: 173px; padding-top: 0; margin-bottom: 8px; font-size: 10px; color: #041c5d }
#feature-box-inner .pdf { position: absolute; bottom: 0px; left: 0px; border-top: solid 1px #e5e7e6; width: 189px; padding: 3px 0 0 8px; height: 17px }
#feature-box-inner .dets .pdf p { color: #575958; font-size: 10px; line-height: normal; margin-bottom: 0 }
#feature-box-inner .dets .pdf a { color: #616261; text-decoration: none }

#feature-box-inner .dets .pdf a:hover { color: #575958; text-decoration: none }

#feature-box-inner .dets .pdf p img { vertical-align: middle; margin-right: 6px }

#technology-details { position: absolute; bottom: 0px; left: 0px; width: 560px; height: 256px;}
#dets-left { float: left; width: 351px; height: 256px; padding: 0 11px 0 0; overflow: hidden; }
#dets-left p { clear: left; line-height: 15px; margin-bottom: 15px; color: #616261 }
#dets-left ul { clear:left;line-height: 15px; margin-bottom: 15px; color: #616261; margin-left: 15px; list-style-type: disc }
#dets-left h1 { margin-bottom: 8px }
#dets-left h3 { font-size: 10px; line-height: 15px; margin-bottom: 0; color: #041c5d; font-weight: normal}
#dets-left a { color: #041c5d; }


#dets-right { float: left; width: 198px }

#dets-right #swap { float: left; margin-bottom: 5px; width: 198px; height: 196px }
#dets-right .swap { float: left; margin-bottom: 5px; width: 198px; height: 196px }
#dets-right #thumbs img { float: left; margin-right: 6px; width: 45px; height: 45px; cursor: pointer }
#dets-right .thumbs img { float: left; margin-right: 6px; width: 45px; height: 45px; cursor: pointer }

#snav { float: left; clear: left; list-style-type: none; border-bottom: solid 1px #e5e7e6; width: 135px; margin-right: 16px;  }
#snav li { float: left; clear: left; border-top: solid 1px #e5e7e6; width: 135px;   min-height:19px;
  height:auto !important;
  height:19px;
 }
#snav li a { text-decoration: none; color: #616261; font-size: 10px; line-height: 19px; display: block; width: 129px; padding: 0 0 0 6px }
#snav li a:hover, #snav .sel { color: #FFF; background: #538294 url(../images/general/rollover.jpg) no-repeat }

#accordion h3 { float: left; width: 351px; height: 19px; line-height: 19px; border-top: solid 1px #e5e7e6; border-bottom: solid 1px #e5e7e6; margin-bottom:-1px; font-size:10px; font-weight:normal; color: #616261; cursor: pointer;}
#accordion div { float: left; width: 351px; }
#accordion div p { margin-bottom: 0; padding: 3px 0  }

#pagenumbers { position: absolute; top: 5px; right: 5px }
#pagenumbers a { color: #000; text-decoration: none }
#pagenumbers a:hover { text-decoration: underline }
.pagelinkselect { font-weight: bold }


#right { float: left; width: 175px; padding: 0 0 0 20px; overflow: hidden }
#right .rbox { float: left; width: 175px; border-top: solid 1px #575958; padding-bottom: 19px  }
#right .rbox h2 { font-weight: normal; color: #575958; font-size: 10px; line-height: 19px; float: left; width: 175px; position: relative }
#right .rbox h2 span { position: absolute; top: 0px; right: 0px }
#right .rbox h2 a:hover { color: #575958 }
#right .rbox a { text-decoration: none; color: #575958 }
#right .rbox .on { text-decoration: none; color: #041c5d }
#right .rbox ul { float: left; list-style-type: none; border-bottom: solid 1px #e5e7e6; width: 175px }
#right .rbox li { float: left; clear: left; border-top: solid 1px #e5e7e6; width: 175px; min-height:19px; height:auto !important; height:19px; }
#right .rbox li a { text-decoration: none; color: #616261; font-size: 10px; line-height: 19px; display: block; width: 175px; }
#right .rbox li a img { vertical-align: middle; position: relative; top:0px; margin-right: 6px }
#right .rbox li a:hover { color: #575958 }
#right .rbox .rtext { float: left; width: 175px; border-top: solid 1px #e5e7e6; border-bottom: solid 1px #e5e7e6; padding-top: 6px }
#right .rbox .rtext p { color: #616261; line-height: 10px; margin-bottom: 10px }
#right .rbox .rtext img { float: right }

#right .qbox { float: left; width: 175px; border-top: solid 1px #575958; padding: 20px 0; color: #575958; }
#right .qbox h2 { margin-bottom: 5px }
#right .qbox p { color: #575958; font-size: 10px; line-height: 10px; margin-bottom: 9px }
#right .qbox a { color: #616261; }


#right #loginbox { position: absolute; bottom: 25px; right: 0px; height: 80px; z-index: 3 }

#right .rbox .rtext form { margin-top: -3px; height: 74px }
#right .rbox .rtext input { height: 10px; font-size: 10px; margin-bottom: 1px; width: 170px }
#right .rbox .rtext label { float: left; clear: left; font-size: 10px; color: #616261; height: 13px; overflow: hidden; }
#right .rbox .rtext .submit { color: #041c5d; text-decoration: underline; padding-bottom: 3px; display: block; }

#footer { position: absolute; bottom: -39px; left: 0px; float: left; clear: both; font-size: 10px; color: #616261; width: 950px; height: 49px }
#footer a { color: #616261; text-decoration: none }
#footer a:hover { color: #575958 }
#fleft { float: left; width: 229px }
#fmid { float: left; width: 491px; position: relative; bottom: 9px }
#fright { float: right; width: 230px; text-align: right }
#fright a { color: #c8c8c8; text-decoration: none }