html, body { margin: 0; padding: 0; background: #ffffff; color: #000000; }
div#page { width: 800px; text-align: center; margin: 0 auto; }
div#page div { text-align: left; }

div#content { background-image:url(/images/page_background.jpg); background-repeat:repeat-x; }

p, ul, ol, li, dt, dd, dl { font: 1em Arial,sans-serif; color: #000000; }
p, li, dt, dd { font-size: 87%; }
img { border: 0; }

a, a:link, a:visited, a:active	{ color: #0066CC; }

a.hdrLink, a.hdrLink:link, a.hdrLink:visited, a.hdrLink:active	{ color: #FFFFFF; }

a.subLink, a.subLink:link, a.subLink:visited, a.subLink:active	{ color: #000000; font-weight:bold; }

sup { font-size: smaller; }

.fineprint { font-size: 70%; }
.footer	{ color: #ffffff; font-size: 75%; font-weight: bold; }

table#layout { margin: 0 auto; padding: 0; font: 1em hevletica, arial, sans-serif; clear: both; }
table#layout div { border: 1px solid #CCCCCC; margin: 3px 3px 10px 3px;}
table#layout p, table#layout h3, table#layout h4, table#layout dl { margin: 0 10px 10px 10px; }
table#layout h2 { margin: 0 0 10px 0; position: relative; background: #999999; color: #FFFFFF; font-size: 0.86em; font-weight: bold; border-top: 1px solid #fff; padding: 3px 10px 3px 10px;}
table#layout h2 a { display: block; text-decoration: none; border-left: 1px solid white; position: absolute; right: 0;  padding: 4px 10px 3px 10px; top: 0;}
table#layout h3 { color: rgb(0, 102, 153); font-weight: bold; font-size: 86%; }
table#layout h4 { font-weight: bold; font-size: 86%; }

table#layout2 { margin: 0 auto; padding: 0; font: 1em hevletica, arial, sans-serif; clear: both; }
table#layout2 div { border: 1px solid #CCCCCC; margin: 3px 3px 10px 3px;}
table#layout2 p, table#layout h3, table#layout h4, table#layout dl { margin: 0 10px 10px 10px; }
table#layout2 h2 { margin: 0 0 10px 0; position: relative; background: #999999; color: #FFFFFF; font-size: 0.86em; font-weight: bold; border-top: 1px solid #fff; padding: 3px 10px 3px 10px;}
table#layout2 h2 a { display: block; text-decoration: none; border-left: 1px solid white; position: absolute; right: 0;  padding: 4px 10px 3px 10px; top: 0;}
table#layout2 h3 { color: rgb(0, 102, 153); font-weight: bold; font-size: 86%; }
table#layout2 h4 { font-weight: bold; font-size: 86%; }

table#layout div.map_thumb { padding: 7px; float: right; border: 0; margin-top: -2em; }
table#layout div.map_thumb img { display: block; }
table#layout div.map_thumb a { display: block; line-height: 2em; font-size: 75%; }

div#banner { width: 800px; position: relative; text-align: left; }
div#banner img { padding: 10px 10px 10px 18px; }
div#banner span { font-size: 22px; font-weight: bold; color: #0066CC; display: block; position: absolute; right: 0; top: 0; line-height: 40px; padding: 10px 28px 10px 10px; }

ul#primary_nav {width: 800px; background: #FF0000 url(/i/gui/fade_wide.gif) bottom left repeat-x; margin: 0 0 0 0; padding: 0;  height: 1em; padding: 0 0 8px 0 !important; padding: 0 0 5px 0; }
ul#primary_nav li { border-right: 1px solid #ff0; background: #FF0000; list-style-type: none; display: block; float: left; padding: 2px 0 2px 0; }
ul#primary_nav li.current { background: #990100; }
ul#primary_nav a { color: #ffffff; text-decoration: none; padding: 0 10px; font-weight: bold; }

p#secondary_nav { padding: 0; margin: 0px; text-align:center;}

    hr { height: 0; border: 0; border-bottom: 1px solid #CCDAE5; text-align: left; margin: 15px; clear: both;}




table#layout table { margin: 0 10px 10px 10px; font-size: 76%; border: 1px solid #CCCCCC; border-collapse: collapse; width: 471px;}
table#layout table th { background: #999999;  padding: 3px; margin: 0; border: 1px solid #CCCCCC; color:#FFFFFF;}
table#layout table td { padding: 3px;  margin: 0; border: 1px solid #CCCCCC;}

table#layout.phone div { margin-left: 0; position: relative; }
table#layout.phone h2 { margin-left: 0 !important; margin-left:-1px; }
table#layout.phone dl { margin: 0px 5px; height: auto; }
table#layout.phone dl dd.img { float: right; width: 80px; text-align: center; clear: right; margin-bottom: 10px; margin-top: -1em; padding-bottom: 1em;}
table#layout.phone dl dd.img a { line-height: 0.8em; }
table#layout.phone dl dd.learn { margin: 0 0 10px 0; }
table#layout.phone dl dt { color: #0066CC; font-weight:bold; }
table#layout.phone dl dd { margin: 0 0 10px 0; padding: 0; width: 390px; }
table#layout.phone dl dd a.arrow { display:block; background: url(/i/gui/arrow.jpg) no-repeat top right; padding:2px 13px 2px 0; }
table#layout.phone dl dd table { font-size: 1em; margin: 1em 0 0 0; border-collapse: collapse; background: transparent; border: 0; vertical-align: top; width: auto;}
    
    
table#layout.phone dl dd table thead th { font-size: 87%; color: #0066CC; font-weight: bold; text-align: left; background: transparent; border: 0; vertical-align: top;}
table#layout.phone dl dd table tbody th { font-size: 87%; text-align: left; padding: 1px; background: transparent; border: 0; width: 250px; font-weight: normal; vertical-align: top;}
table#layout.phone dl dd table tbody td { font-size: 87%; text-align: left; padding: 1px; background: transparent; border: 0; width: 70px; vertical-align: top;}
table#layout.phone dl dd table tbody td { font-size: 87%; text-align: left; padding: 1px; background: transparent; border: 0; width: 70px; vertical-align: top;}

table#layout.phone dl dd table tbody td.doubleColumn { font-size: 87%; text-align: left; padding: 1px; background: transparent; border: 0; width: 140px; vertical-align: top;}


table#layout.phone hr { width: 475px; margin: 15px 15px 15px 5px; }
    
        
div#footer { width: 800px; background: #FF0000; }
div#footer p { color: #FFFFFF; text-align: center; margin: 5px 0 0 0; padding: 0 0 20px 0; }
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active { color: #FFFFFF; font-size: 100%; font-weight: bold; }

/* Float Warriors, choose your weapon of clearing! */
.clr { clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; }
.cl {  clear:left; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }
.clear { clear:both; } /* attach to tags where you need to force a break */

.fr { float: right; }
.fl { float: left; }

ul.fr { margin: 15px 90px 15px 0; }
ul.fl { margin: 15px 0 15px 40px; }
* html ul.fr { margin: 15px 50px 15px 0; }

table#layout.accessories div { margin-left: 0; position: relative; }
table#layout.accessories h2 { margin-left: 0 !important; margin-left:-1px; }
table#layout.accessories dl { margin: 0px 5px; height: auto; }
table#layout.accessories dl dd.learn { margin: 0 0 10px 0; }
table#layout.accessories dl dt { color: #0066CC; font-weight:bold; }
table#layout.accessories dl dd { margin: 0 0 10px 0; padding: 0; width: 485px; }
table#layout.accessories dl dd a.arrow { display:block; background: url(/i/gui/arrow.jpg) no-repeat top right; padding:2px 13px 2px 0; }
table#layout.accessories dl dd table { font-size: 1em; margin: 1em 0 0 0; border-collapse: collapse; background: transparent; border: 0; vertical-align: top; width: auto;}
table#layout.accessories dl dd table thead th { font-size: 87%; color: #0066CC; font-weight: bold; text-align: left; background: transparent; border: 0; vertical-align: top;}
table#layout.accessories dl dd table tbody th { font-size: 87%; text-align: left; padding: 1px; background: transparent; border: 0; width: 330px; font-weight: normal; vertical-align: top;}
table#layout.accessories dl dd table tbody td { font-size: 87%; text-align: left; padding: 1px; background: transparent; border: 0; width: 80px; vertical-align: top;}
table#layout.accessories dl dd table tbody td { font-size: 87%; text-align: left; padding: 1px; background: transparent; border: 0; width: 80px; vertical-align: top;}
table#layout.accessories hr { width: 475px; margin: 15px 15px 15px 5px; }

table#equipment { margin: 0 auto; padding: 0; font: 1em hevletica, arial, sans-serif; clear: both; }
table#equipment div { border: 1px solid #CCCCCC; margin: 3px 3px 10px 3px;}
table#equipment p, table#equipment h3, table#equipment h4, table#equipment dl { margin: 0 10px 10px 10px; }
table#equipment h2 { margin: 0 0 10px 0; position: relative; background: #999999; color: #FFFFFF; font-size: 0.86em; font-weight: bold; border-top: 1px solid #fff; padding: 3px 10px 3px 10px;}
table#equipment h2 a { display: block; text-decoration: none; border-left: 1px solid white; position: absolute; right: 0;  padding: 4px 10px 3px 10px; top: 0;}
table#equipment h3 { color: rgb(0, 102, 153); font-weight: bold; font-size: 86%; }
table#equipment h4 { font-weight: bold; font-size: 86%; }
table#equipment table.phoneInfo td.image { width: 130px;}
table#equipment table.phoneInfo td.name { width: 290px; font-size: 87%; color:#0066CC; font-weight:bold;}
table#equipment table.phoneInfo td.label { width: 130px; font-size: 87%; color:#0066CC; font-weight:bold;}
table#equipment table.phoneInfo td.price { width: 130px; font-size: 87%; color:#000000; font-weight:bold;}
table#equipment table.phoneInfo td.details { width: 290px; font-size: 80%; }
table#equipment table.phoneInfo td.details ul {padding-left:15px; }