/* Clear Floats Without Structural Markup */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* */ /* End clearfix */ html { height: 100%; } body { height: 100%; margin: 0; padding: 0; background-color: #f1f1f1; font-family: arial, sans-serif; font-size: 12pt; color: #666; } Img { border: none; } A { color: #126AAE; text-decoration: none; } A:Hover { color: #51BFC3; } div.BodyFrame { width: 961px; height: 100%; } td#PageHeader { height: 78px; } .PageHeader { height: 78px; width: 966px; background: url(http://www.dexrexgear.com/images/HeaderBg.png) no-repeat; } .PageHeader img#Logo { margin: 2px 0 0 20px; float: left; } .PageHeader #LoginBar { margin-right: 5px; width: 500px; background: url(http://www.dexrexgear.com/images/LoginBarLeft.png) no-repeat top left; height: 27px; } .PageHeader #LoginBar #Inside { background: url(http://www.dexrexgear.com/images/LoginBarFill.png) repeat-x; height: 27px; text-align: right; padding: 0 2px 0 0; margin: 0 0 0 21px; overflow: hidden; } .PageHeader #LoginBar #Inside A#Login { color: white; font-size: 10pt; margin: 0 12px 0 0;} .PageHeader #LoginBar #Inside .Searching { padding: 0; margin: 1px 0 0 0; width: 185px; float: right; vertical-align: top; } .PageHeader #LoginBar #Inside .Searching #Input { height: 10px; width: 120px; float: left; height: 23px; margin-right: 1px; } .PageHeader #LoginBar #Inside .Searching .Search { width: 60px; font-size: 10pt; margin: 0; padding: 0 0 .1em 0; height: 23px; font-size: 9pt; line-height: 9pt; float: left; color: #666; } .PageHeader ul#GlobalNav { float: right; margin: 4px 0 0 0; padding: 0; height: 65px; overflow: hidden; } .PageHeader ul#GlobalNav li { list-style-type: none; float: left; margin: 10px 1em 0 .5em; } .PageHeader ul#GlobalNav li a { font-size: 13.5pt; font-weight: bold; } .PageTitle { background: url(http://www.dexrexgear.com/images/PageTitleBg.png) no-repeat; width: 959px; height: 99px; margin: .5em 0 0 0; padding: 0; text-align: left; color: white; } .PageTitle div#TitleText { color: white; padding: 15px 0 0 40px; font-size: 24pt; } .PageTitle div#SubTitleText { color: white; padding: 15px 0 0 40px; font-size: 13pt; } .BodyContent { text-align: left; background: url(http://www.dexrexgear.com/images/ContentBg.png) repeat-y top left; margin: 0; padding: 0 1.5em 0 1.5em; width: 959px; overflow: hidden; } .Footer { width: 959px; } .Footer #Inner1 { background: url(http://www.dexrexgear.com/images/ContentBorderLeft.png) repeat-y top left; } .Footer #Inner2 { background: url(http://www.dexrexgear.com/images/ContentBorderLeft.png) repeat-y top right; } .Footer .FooterLinks { margin: 3em 4em 0 4em; border-top: solid #AAA 1px; padding: 0; text-align: center; } .Footer .FooterLinks .Separator { font-size: 7pt; color: #AAA; } .Footer .FooterLinks A { color: #999; font-size: 10pt; } .Footer p { text-align: center; } .Footer p#CopyrightNotice { font-size: 10pt; color: #999; margin: 0; padding: 0;} .More { text-align: right; } .SlimBox { width: 212px; } .SlimBox .Inner { background: url(http://www.dexrexgear.com/images/SlimBoxBottom.png) no-repeat bottom left; overflow: hidden; } .SlimBox .Title { font-weight: bold; padding: 7px 0 0 7px; height: 25px; background: url(http://www.dexrexgear.com/images/SlimBoxTop.png) no-repeat top left; } .SlimBox .Content { padding: .5em 1em 1em 1em; } .SlimBox .Content ul { padding: 0 0 0 1em; margin: 0; } .SlimBox .Content li { font-size: 10pt; margin-bottom: .5em; list-style-type: circle; } .SlimBox .Content li.Last { margin-bottom: 0; } .SlimBox .Content p { text-indent: 0; font-size: 10pt; margin-bottom: 0; } .SlimBox .Content div.More a { font-size: 8pt; } .SlimBox .Content ul li div.More { font-size: 8pt; } .FatBox { width: 297px; } .FatBox .Inner { background: url(http://www.dexrexgear.com/images/FatBoxBottom.png) no-repeat bottom left; overflow: hidden; } .FatBox .Title { font-weight: bold; font-size: 13pt; text-align: center; padding: 7px 0 0 5px; height: 25px; background: url(http://www.dexrexgear.com/images/FatBoxTop.png) no-repeat top left; } .FatBox .Content { padding: .5em 1em 1em 1em; } .FatBox .Content p { text-indent: 0; margin-bottom: 0; font-size: 10pt; } .FatBox .Content .More a { font-size: 8pt; float: right; position: relative; top: -10px; } .Bio { padding: 1em 0 0 0; } .Bio p.Name { font-size: 14pt; margin: 0; padding: 0; text-indent: 0; } .Bio p.Title { font-size: 12pt; font-style: italic; margin: 0; padding: 0 0 .25em 0; text-indent: 0; } h1 { font-size: 18pt; padding: .5em 0 0 0; margin: 0; } h2 { font-size: 16.5pt; padding: .5em 0 0 0; margin: 0; } h3 { font-size: 15pt; margin: 0; padding: 0; } p { margin: 0 .25em 1em .25em; text-indent: .5em; text-align: justify; line-height: 150%; } fieldset { border: none; } fieldset p.error { border: solid red 1px; background-color: #ffcccc; font-size: 10pt; color: black; padding: 1em; text-align: left; margin: 0 0 1em 0; text-indent: 0;} fieldset ul { width: 320px; padding: 0; margin: 0; } fieldset ul li { list-style-type: none; margin: 0 0 .25em 0; padding-bottom: 10px; } fieldset ul li label { float: left; width: 80px; } fieldset ul li input, fieldset ul li select { float: left; } fieldset ul li.Last { float: right; } fieldset ul li.Last input { width: 80px; } fieldset table td { padding-bottom: 20px; } fieldset input, fieldset select { width: 180px; } ul.CenterList { padding: 0; margin: 0; } ul.CenterList li { list-style-type: none; text-align: center; font-size: 10pt; } ul.SupportList { padding: 0; margin: 0; } ul.SupportList li { width: 200px; float: left; } ul.SupportList li img { float: left; } ul.SupportList li p { float: left; padding: .25em 0 .5em 0; } hr { color: #666; }