/* CSS Document */

/* START: Global Includes */
body { color: #002f43; margin: 0px; font-family: Verdana; font-size: 12px; background: #2052b1; background-image: url(/images/rebels-bg.jpg); background-repeat:repeat-x;  }
ul, li { padding:0px; margin:0px }
table, td { vertical-align:top; border-spacing:0px; border-collapse:collapse; padding:0px; margin:0px; text-align: left; font-size: 12px; }
ul { list-style-type:none; }
/* END: Global Includes */


/* headings */
h1, .h1 { font-size: 15px; color: #095778; margin: 0px; margin-bottom: 6px; font-weight: bold; }
h2, .h2 { font-size: 14px; font-weight: bold; color: #095778; margin: 0px; margin-bottom: 6px; }
h3, .h3 { font-size: 14px; font-weight: bold; color: #095778; margin: 0px; margin-bottom: 6px;  }
h2 a:link,
h2 a:visited,
h2 a:active { text-decoration:none; color: #095778; }

.h3 a { text-decoration:none; }
h4, .h4 { font-size: 12px; color: #095778; margin: 0px; margin-bottom: 6px; font-weight: bold; }

/* links */
a:active, a:visited, a:link { color: #095778; }
a:hover { color: #991a00; }

a img { border: 0px solid white; text-decoration:none; }
/* END: Global Includes */

/* START: Div Wrapper */
div.xwrapper { width: 900px; text-align: center; margin-left: auto; margin-right: auto; }

/* struture for site */
table.xstructure { width: 900px; margin-top: 10px; text-align: left; border: 0px solid pink; }
table.xstructure td.xleft { text-align:right; }
table.xstructure td.xbody { width: 780px; background-image: url(/images/white-bg.jpg); background-repeat:repeat-y; }
table.xstructure td.xright {  }
table.xstructure td.ftrbody { height: 150px; background-image: url(/images/body-footer-bg.jpg); background-repeat:no-repeat; }


table.xstructure td.xbody ul { margin-left: 0px; list-style-type:none;}
table.xstructure td.xbody ul li { list-style-type:none; margin-bottom: 10px; padding-left: 20px; background: url(/images/li-star.gif) 0px 2px no-repeat; }

/* END: Div Wrapper */



/* START: Homepage */
table.grey-block { margin-left: 18px; margin-top:10px; width: 745px; background-image: url(/images/blue-fade-bg.jpg); background-repeat:no-repeat; }

table.grey-block td.t1 { width: 520px; padding-left: 22px; padding-top: 15px; }
table.grey-block td.t2 { padding-top: 15px; padding-right: 15px; }
/* END: Homepage */


/* START: Body */
div.bcrumbs { margin-left: 18px; width: 700px; font-size: 10px; margin-bottom: 10px; color: #666; }
div.bcrumbs a:link,
div.bcrumbs a:active,
div.bcrumbs a:visited { font-size: 10px; color: #666; text-decoration: none; }
div.bcrumbs a:hover { color: #991a00; }


div.intbody { margin-left: 18px; width: 740px; }
/* div.xintbody div.intbody { xmargin-left: 18px; width: 745px; margin-top: 10px; } */

ul.sitemap { list-style-type:circle; margin-left: 20px; margin-top: 10px; margin-bottom: 10px; }


/* // product list // */

table.product-list { }
table.product-list img,
div.pbody img { margin-right: 10px; }
table.product-list table img { margin-bottom: 10px; }


table.product-small-list { }
table.product-small-list td { padding-right: 40px; text-align: center; }

/* // Contact Form / Request Quote Form Pages // */
dt { font-size: 12px; color: #2e3957; padding: 0px; margin:0px;  margin-top:8px; }
dd {  padding: 0px; margin:0px; margin-top:8px; }
input.stdfield { width: 240px; border:1px solid #cacaca; }
textarea.stdfield { width: 335px; height: 68px; border:1px solid #cacaca; }
input.stdbutton { width: 120px; height: 30px; color: white; background: #f68f1f; border:2px solid #9b5a14; cursor: pointer;}

ul.errors {  padding: 0px; margin: 0px; }
ul.errors li { color: #991a00; list-style:none; padding: 0px; margin: 0px; font-size: 11px; }

/* QA FORM*/
div.qaform { width: 270px; float: right; background-image:url(/images/qa-form-bg.jpg); background-position: top left; background-repeat: no-repeat; height: 420px; padding-top: 70px;}
div.qaform label { font-size: 10px; color:#2e6784;}
div.qatitle { width: 270px; background: #d87a14; color: white; height: 38px; padding-top: 14px;  text-align:center; font-weight: bold; }
div.qaform div.qaspacer { margin-left: 20px; padding-bottom: 10px; }
input.qafield { width: 196px; border:1px solid #cacaca; padding: 2px;}
select.qafield { width: 196px; border:1px solid #cacaca; padding: 2px;}
textarea.qafield { width: 196px; height: 120px; border:1px solid #cacaca; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
div.qaform input.stdbutton { width: 120px; height: 30px; color: white; background: #1377a5; border:2px solid #194966; margin-top: 8px;}
div.qaform input.stdbutton:hover { background: #0c97d6; border:2px solid #0c669c; }
div.qaform dd {  padding: 0px; margin:0px; margin-top:3px; }


/* --- product page --- */
div.pbimg { width: 180px; float: left;  }
div.bzimg { width: 200px; }
div.pbody { width: 330px; margin-bottom: 10px; margin-right: 10px; }
div.pbody ul { list-style-type:circle; margin-left: 15px; }
div.pbody ul li { margin-bottom: 6px; color: #333; }


table.infotable td { padding: 3px; }
table.infotable td.t { width: 150px; color: #333; }
table.infotable td.t2 { padding-left:5px; font-size: 12px;width: 150px; color: #333; }
table.infotable td.c { font-weight:bold; }

div.products-table { float:right; padding-left:20px;}

ul.leafs { }
ul.leafs li {  }

/* --- calculate table --- */
table.calculate {
     width: 525px; 
     background: #d8ebf2;  
     background-image:URL(/images/products/calculate-bg.jpg); 
     background-repeat:no-repeat;
     background-position: top right; 
     margin-top: 15px;
     margin-bottom: 15px;
}
table.calculate td.c1 { padding-top: 10px;}

table.calculate td.c1 div.title { margin-bottom: 10px; }

table.ctable { color: #000; }
table.ctable td { font-size: 11px; }

table.ctable select { width: 140px; margin-right: 10px; margin-top: 8px; margin-bottom: 8px; }
table.ctable input { width: 80px; margin-right: 10px; margin-top: 8px;  text-align: right; }
table.ctable img { margin-top: 8px; }

div.calmessage { 
     margin-top: 12px;
     height: 50px;
     background-image: URL(/images/products/cal-arrow.jpg); 
     background-repeat:no-repeat;
     background-position: top left;
     padding-left: 40px;
     padding-top: 2px;
     font-size: 15px;
     color: black;
}

div.calmessage b { color: #b86000; }

div.info-specs { width: 360px; }

/* --- calculate v2 table --- */
div.cal2-top { 
     width: 195px;
     background: #dcf0ff;  
}


div.cal2-top table.ctable { margin-top: 0px; margin-left: 20px; margin-bottom: 10px; }

div.cal2-bottom { 
     width: 195px;
     background: #e5e5e5;  
     background-image:URL(/images/products/cal2-bottom-grey.jpg); 
     background-repeat:no-repeat;
     background-position: bottom right; 
}

div.cal2-bottom div.message { margin-left: 58px; padding-top: 6px; width: 130px; padding-bottom: 10px; }
div.cal2-bottom div.message b { color: #b86000; }

/* END: Body */


/* START: Footer Links */
table.ftrlinks { margin-left: 18px; margin-top:9px; width: 745px;  color: white;}
table.ftrlinks td { font-size: 11px; }

td.f1right { text-align: right; }

td.f1left a:link,
td.f1left a:visited,
td.f1left a:active {  color: white; text-decoration: none; }
td.f1left a:hover {  color: #a68553;  }

td.f2left { padding-top: 18px; color: grey; }
td.f2left a { text-decoration:none; }

td.f2right { padding-top: 18px; text-align: right; }

td.f3right { padding-top: 38px; text-align: right; color: #4e7fd5;  }
td.f3right a { color: #4e7fd5; text-decoration:none;}
td.f3right a:hover { color: white; }


/* END: Footer Links */


/* START: Liteinfo Table */
table.liteinfo { border-color: black; border-width: 0 0 1px 1px; border-style: solid; }
table.liteinfo td { border-color: black; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; font-size: 14px; }
table.liteinfo td.value { text-align:center; }
table.liteinfo tr.hdr td { vertical-align:middle; height: 37px; background-color: #9cb2bd; text-align: center; font-weight:bold; }
table.liteinfo tr.row2 td { background-color: #eaeaea; }
/* END: Liteinfo Table */

table.xstructure td.xbody ul.leafs li { list-style-type: disc; background-image: none; margin-left: 20px;  padding-left: 5px;}
