@charset "utf-8";

/*     -----     Font Styles     -----     */

body, table, input, select, textarea, .normal { text-align: justify; color: #000; font: 12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { text-align: left; color: #d63015; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: bold; }
h1 { margin: 14px 0px; font-size: 18px; color: font-weight: lighter; }
h2 { margin: 12px 0px; font-size: 14px; color: }
h3 { margin: 12px 0px; font-size: 13px; color: }
h4 { margin: 10px 0px; font-size: 12px; color: }
h5 { margin: 8px 0px; font-size: 11px; color: }
h6 { margin: 6px 0px; font-size: 10px; color: }
p { margin: 11px 0px; }

.dark_red { color:#AE2C0E; }
.dark_blue { color:#0D1B30; }

a { color: #01305b; }
a:hover { color: #ff2901; }
#footer a, #text_links a { color:#FFF; text-decoration: none; }
#footer a:hover, #text_links a:hover { text-decoration: underline; }

/*     -----     CSS Helpers     -----     */

img, a img { border: none; }
.clear { clear: both; }
.float_elements_left { float: left; padding: 0 10px 10px 0; display: block; clear: left; }
.float_elements_right { float: right; padding: 0 0 10px 10px; display: block; clear: right; }
#imageData #imageDetails { color: #000; } /* makes photogallery description black */

select, textarea, input, input[type="text"], input[type="password"], .textbox { width: 150px; } /* file attach must be styled manually */
input[type="submit"] { text-align: center; /* for silly IE */ width: auto; } /*styles for submit buttons*/

/*.altrow1 { if row colouring is required }*/
/*.altrow2 { if row colouring is required }*/

/*     -----     Layout Styles     -----     */

body { margin: 0px; padding: 0px; background: #132a49 url(../images/layout/bg_repeat.gif) repeat; min-width: 1000px; _width: 1000px;}
#container { margin: 0px auto; background: url(../images/layout/container_repeat.png) repeat-y center top; }
#c_container { margin: 0px auto; width: 999px; }
#banner { height: 250px; background: #01305b url(../images/layout/banner.jpg) no-repeat; }

#nav { width: 200px; float: left; text-align: left; background: url(../images/layout/nav_top.gif) no-repeat left top; padding-top: 80px; }
/*LVL 1*/
#nav ul { margin: 0; padding: 0;}
#nav ul li { position: relative; list-style: none; background: url(none); margin: 0px; }
/*LVL 2*/
#nav ul li ul { position: absolute; left: 0px; top: 16px; display: none; }
#nav ul li:hover ul { display: block; }
/*STYLES*/
#nav ul li a { text-decoration: none; padding: 7px 15px 8px 27px; display: block; text-transform: uppercase; color: #FFFFFF; font-weight: bold; }
#nav ul li a:hover { color: #132a49; background: url(../images/layout/nav_arrow.png) no-repeat 10px center; }

#content { float: left; width: 749px; padding: 0px 10px 10px 40px; background: #FFFFFF; }
#footer { clear: both; background: url(../images/layout/footer.gif) no-repeat; color: #FFFFFF; height: 35px; padding-top: 65px; }

/*     -----     Website Info Content Holder     -----     */

#website_info{ margin: 0px auto; width: 989px; /*assuming width of page is 999px*/ }
.float23{ float: left; width: 23%; }
.float54{ float: left; width: 54%; }
#text_align, #quadtech { float: left; }
#quadtech a { display: block; height: 14px; width: 63px; overflow: hidden; background: url(/images/layout/quadtech_logo_light_smaller.png) no-repeat; }
#quadtech a:hover { background: url(/images/layout/quadtech_logo_light_smaller.png) no-repeat -63px; }
#text_links { padding-top: 4px; text-align: center; color: #FFFFFF; font-size: 11px; }

/*     -----     Content Styles     -----     */

.productitemcell { height:22px;/* double the height of body text */ }

