@import url(nav.css);
@import url(promo.css);


/* AJAX REVEAL CSS REQUIRED TO WORK */
span.expand, div#wrap div.linkback, #Layer1, #Layer3, #Layer2, #Layer4 {display:none;}
/* End AJAX required css */
body { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; background-position: center top; background-image: url(../img/backing.jpg); background-attachment: fixed; background-repeat: repeat-y; margin: 0 0 0 0; padding: 0;}

div#wrap { width: 759px; margin: 0px auto 30px auto; padding: 0; }
div#wrap h1,
div#wrap h2,
div#wrap h3 {  font-family: Trebuchet MS, Helvetica, sans-serif; text-align: left;}
div#wrap h1 { font-size: 2em; margin: 0px 0 0px 5px; padding: 0; color: #0079c2;}
div#wrap h2 { font-size: 1.15em; line-height: 25px; margin: 5px 0 10px 10px; padding: 0 0 0 5px; }
div#wrap h3 { font-size: 1.25em; line-height: 1.25; margin: 20px 0 0 10px; padding: 5px 0 0 0; color: #0079c2;}
div#wrap p { color: #333; font-size: .75em; line-height: 1.5; text-align: left; padding: 5px 20px 5px 20px;}
div#wrap ul,
div#wrap li { color: #008eff; list-style-type: disc; line-height: 1.5;}
div#wrap b, 
div#wrap strong { font-weight: bold;}

div#wrap div#header { width: 759px; margin: 0; padding:105px 0 0 0; background-color: #fff; }
div#wrap div#header a,
div#wrap div#header a:link,
div#wrap div#header a:visited { color: #0079c2; font-size: 80%; font-weight: normal;}
div#wrap div#header a:hover { color: #336fbc; font-size: 80%; font-weight: normal; text-decoration: underline; }
div#wrap div#header img { border:none;}

div#wrap div.right {width: 220px; float: right; margin: 0 0 0 0; padding: 0; }
div#wrap div.right p { line-height: normal; font-size: .7em; padding: 0px 10px;}
div#wrap div.right li { font-size: .85em; margin: 3px 0; color:#0079c2;}
div#wrap div.right ul { margin: 5px 0; padding: 0 20px;}
div#wrap div.right ul span.black { color:#000;}
div#wrap div.right table{ margin:0; padding:0; width: 160px; border-collapse: collapse;}
div#wrap div.right table caption{ font-size: 1.2em; margin: 0 0 0 0; padding: 0;}
div#wrap div.right img { margin-bottom: 5px; padding: 0; border: none;}
div#wrap div.right div#appad1 { color: #0079c2; padding: 0; background-color: #b4d6f1; width: 178px; border: solid 1px #0079c2; margin-top: 5px; margin-right: auto; margin-bottom: 0; margin-left: auto; text-align: left; font-size:.8em;}
div#wrap div.right div.note { margin: 0 0 0 0; padding: 0 0 0 0;}
div#wrap div.right h3 {text-align: left; padding: 0; margin: 0;}
div#wrap div.right div.note p{ padding: 0; line-height: 1.5; }
div#wrap div.bluebox { width: 200px; font-size:.8em;}
div#wrap div.bluebox h4 {font-family: Trebuchet MS, Helvetica, sans-serif; color: #0066cc; margin:0; padding:0;}

div#wrap div.left {width: 510px; height: auto; margin: 0; padding: 0 10px 0 0; border-right: 1px solid #cccccc; }
div#wrap div.left img { vertical-align: middle; padding: 0; }



/* Wrap Div Table Specs*/
div#wrap table.listing { width: 620px; border: 1px #aaa solid; border-collapse: collapse; margin: 20px auto 10px auto;}
div#wrap table.listing caption { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 1.25em; font-weight: bold; text-align: left; line-height: 1.25; margin: 20px 0 0 0px; padding: 5px 0 0 0; color: #0066cc;}
div#wrap table.listing caption a,
div#wrap table.listing caption a:link,
div#wrap table.listing caption a:visited { color: #0066cc; text-decoration: none; }
div#wrap table.listing caption a:hover { text-decoration: underline;}

div#wrap table.listing thead { font-size: .8em; font-weight: bold; color:#333;}
div#wrap table.listing thead tr:hover { background-color: #fff; color:#333;}
div#wrap table.listing tbody{}
div#wrap table.listing tr{ color:#333;}
div#wrap table.listing tr:hover { background-color: #3d80df; color:#fff;}
div#wrap table.listing p { margin:0; padding:0;}

div#wrap table.listing td { border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; padding: 4px 5px 1px 5px; vertical-align: top;}
div#wrap table.listing td.modelnumber { width: 90px; font-size: .7em; font-weight: bold; text-align: right; margin: 0 0px 0 0;}
div#wrap table.listing td.description { font-size: .7em; font-weight: bold; text-align: left;}
div#wrap table.listing td.price{ width: 150px; font-size: .7em; font-weight: bold; text-align: right;}
.odd { background: #edf3fe; }
.even { background: #fff; }

div#wrap table.listing div.buy { color: #f00; font-weight: normal; background-image: url(../img/button.gif); background-repeat: no-repeat; background-position: 0 -1px; text-align: center; width: 80px; height: 20px; margin: 0 0 0 10px; padding-top: 1px; float: right;}
div#wrap table.listing div.buy a,
div#wrap table.listing div.buy a:link,
div#wrap table.listing div.buy a:visited { color: #fff; text-decoration: none; }
div#wrap table.listing div.buy a:hover { color: #0066cc; text-decoration: underline; font-weight: bold; }

div#wrap table.dims { width: 95%; border: 1px #0079c2 solid; border-collapse: collapse; text-align: center; margin: 10px 0 0 20px;}
div#wrap table.dims td { font-size: .7em; border-bottom: 1px solid #0079c2; border-left: 1px solid #0079c2; padding: 2px 5px 1px 5px;}
div#wrap table.dims td.fit{ width: 50px;}
div#wrap table.dims2 { width: 95%; border-bottom: 1px #0079c2 solid; border-collapse: collapse; text-align: left; margin: 10px 0 0 10px;}
div#wrap table.dims2 td { padding: 2px 5px 1px 5px;}
div#wrap table.dims2 tr{ margin: 0; padding: 0;}
div#wrap table.dims2 td.fit{ width: 50px;}
div#wrap table.dims2 caption{ margin: 5px 0px;}
div#wrap table.dims2 img{ display: block; margin: 0 auto 0 auto; padding: 0 0 0 0;}
div#wrap table.dims2 td{ margin: 0; padding: 0;}



div#wrap div.promo { color: #000; background-color: #fff; padding: 20px 0; width: 180px; margin: 0 0 20px 0; border-bottom: 1px solid #666; }

div#wrap div#footer p { text-align: center;}