﻿body { background-color: #000; margin:0px; padding:0px; cursor:default;}

#logo-middle { position: fixed; top: 50%; left: 50%; margin-top: -65px; margin-left: -250px; width: 500px; }

table.outercontainer { width: 100%; padding: 0px; margin: 0px; margin-bottom:20px; border: none; border-collapse: collapse; }
table.outercontainer tr { border: none; }
table.outercontainer td.outerleft { background-color: #000; border: 0px; padding: 0px; margin: 0px;}
table.outercontainer td.left { background: #000 url(/images/left-edge.png) repeat-y scroll 0px 0px; width: 22px; border: 0px; padding: 0px; margin: 0px;  vertical-align:top;}
table.outercontainer td.middle { background: #000 url(/images/right-background.png) repeat-x scroll 0px 0px; width: 1000px; border: 0px; padding: 0px; margin: 0px;}
table.outercontainer td.right { background: #000 url(/images/right-background.png) repeat-x scroll 0px 0px; width: auto; border: 0px; padding: 0px; margin: 0px;}
table.outercontainer td.bottom { background: #000 url(/images/blowware-footer.png) repeat-x scroll 0px 0px; width: auto; height: 60px; border: 0px; padding: 0px; margin: 0px; color: #888; vertical-align:bottom; text-align: right; font-family:Arial,Helvitica,san-serif; font-size: 10px; }
table.outercontainer td.bottomleft { background-color: #000; width: 22px; height: 60px; border: 0px; padding: 0px; margin: 0px;  vertical-align:top;}

#top-section { position: relative; margin: 0px; padding: 0px; width: 1000px; height: 130px; cursor: default; background: transparent url(/images/blowware-heading.png) no-repeat scroll 0px 0px; }

.top-menu { font-family: Arial,Helvitica,san-serif; font-size: 10px; font-variant: small-caps; color: #666; padding: 0px; margin: 0px; position: absolute; top: 2px; right: 0px; height: 11px;}
.top-menu ul { text-align: right; padding: 2px 0px 2px 0px; margin: 0px; height: 11px; line-height: 11px;}
.top-menu ul li { display: inline; border-right: solid 1px #888;  height: 11px; line-height: 11px;}
.top-menu ul li.last { border-right: none; }
.top-menu ul li a { color: #666; text-decoration: none; padding: 0px 5px 0px 0px; margin-left: 5px; height: 11px; line-height: 11px; }
.top-menu ul li a:hover { text-decoration: underline; }

.main-logo { position: absolute; left: 2px; top: 20px; }
.main-logo img { width: 355px; height: 70px; border: none; }

.main-subheading { position: absolute; right: 0px; top: 40px; }
.main-subheading img { width: 200px; height: 14px; border: none; }

#navbar { font-family: Arial,Helvitica,san-serif; font-size: 14px; font-variant:small-caps; position:absolute; top:70px; right:2px; height:32px; }
#navbar .inbar { display:block; height:32px; }
#navbar ul, #navbar ul li { text-align:right; border:0px; margin:0px; padding:0px; list-style:none; height:32px; line-height:32px; }
#navbar ul { }
#navbar ul li { float:right; display:block; line-height:32px; border-right:solid 1px #888; } 
#navbar ul li.right { border:none; }
#navbar ul li a { background:url(images/navbar-bg.png) repeat-x 0% 0px; color:#fff; text-decoration:none; display:block; }
#navbar ul li a span { background:url(images/navbar-bg.png) repeat-x 0% 0px; padding:0 15px 0 0px; height:32px; line-height:32px; display:block; margin-left:15px; cursor:pointer; }
#navbar ul li a:hover, #navbar ul li.current a { background-position:0% -32px; height:32px; line-height:32px; }
#navbar ul li a:hover span, #navbar ul li.current a span { color:#000; background-position:0% -32px; height:32px; line-height:32px; }
#navbar .left a { background:url(images/navbar-left.png) no-repeat 0% 0px; height:32px; line-height:32px; }
#navbar .left a span { background:url(images/navbar-bg.png) repeat-x 0% 0px; height:32px; line-height:32px; }
#navbar .left a:hover, #navbar li.current.left a:hover { background-position:0% -32px; height:32px; line-height:32px; }
#navbar .left a:hover span, #navbar li.current.left a:hover span { background-position:0% -32px; height:32px; line-height:32px; }
#navbar .right a { background:url(images/navbar-bg.png) repeat-x 0% 0px; height:32px; line-height:32px; }
#navbar .right a span { background:url(images/navbar-right.png) no-repeat 100% 0px; height:32px; line-height:32px; }
#navbar .right a:hover, #navbar li.current.right a { background-position:0% -32px; height:32px; line-height:32px; }
#navbar .right a:hover span, #navbar li.current.right a span { background-position:100% -32px; height:32px; line-height:32px; }

.main-content { margin: 0px; margin: 0 auto; padding: 0px; width: 980px; background-color: #000; }
.main-content div.top { height: 10px; font-size: 8px;}
.main-content div.top span.top { float: none; display: block; }
.main-content div.bottom { height: 10px; font-size: 8px;}
.main-content div.bottom span.bottom { float: none; display: block; }
.main-content div.middle { margin: 0px; padding: 0px 10px 0px 10px; }
.innertube { margin: 0px; padding: 0px; color: #ddd; font-family:Verdana,Helvitica,san-serif; font-size: 14px; min-height:400px;line-height:1.3em; }

a, a:visited {color:#BD1220;text-decoration:none;}
a:hover { text-decoration:underline; }
.highlight { font-weight:bold;color:#BD1220;}
h1 { font-size:20px;font-weight:bold;color:#BD1220; }
h2 { font-size:16px;font-weight:bold;color:#BD1220; }
.bold {font-weight:bold;}

.solutionitems .left {float:left;width:450px;}
.solutionitems .right {float:right;width:450px;}
.solutionitems div.item {padding-left:75px;min-height:85px;padding-bottom:30px;}
.solutionitems div.item img {margin-left:-75px;width:60px;height:60px;border:none;float:left;}

.right-box {width:280px;padding-left:20px;padding-bottom:20px;float:right;}
img.page-main {margin:0 auto;width:240px;height:240px;}

ul.ticklist {list-style-type:none;font-style:italic;font-size:14px;color:#BD1220;margin-left:0;padding:0;}
ul.ticklist li {background: transparent url(/images/tick-list-icon.png) no-repeat 8px 6px; padding:4px 15px 4px 35px;border-top: dotted 1px #BD1220;}
ul.ticklist li.last {border-bottom: dotted 1px #BD1220;}

.contactform {width:580px;margin:5px auto 5px auto;padding:5px;}
.contactform .formmessages {width:400px;margin:5px auto 5px auto;padding:3px;border:solid 1px #BD1220;background-color:#F9AFB8;}
.contactform .formmessages p {text-align:center;font-size:0.9em;color:#BD1220;padding:0;margin:0;}
.contactform .successmessage {width:400px;margin:5px auto 5px auto;padding:3px;border:solid 1px #BD1220;background-color:#000;}
.contactform .successmessage p {text-align:center;font-size:0.9em;color:#fff;padding:0;margin:0;}
.contactform p {text-align:left;padding-left:120px;}
.contactform p label {margin-left:-120px;float:left;}
.contactform .required {color:#ff0000;}
.contactform input[type='text'] {width:450px;font-family:Verdana,Helvitica,san-serif}
.contactform textarea {width:450px;font-family:Verdana,Helvitica,san-serif}
.contactform input[type='text'].narrow {width:150px;}
.contactform .invalid {background-color:#F9AFB8;}
.contactform #formcontrols {display:none;}
.buttonwrapper{overflow:hidden;width:100%;padding-top:15px;padding-bottom:7px;}
.buttoninner{text-align:left;padding-left:100px;}
a.squarebutton{color:#fff;background:transparent url('/images/navbar-left.png') no-repeat 0% 0;display:block;float:left;font-size:14px;line-height:32px;height:32px;padding-left:9px;margin-left:20px;text-decoration:none;}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{color:#fff;}
a.squarebutton span{background:transparent url('/images/navbar-right.png') no-repeat 100% 0px;display:block;padding:0px 9px 0px 0;overflow:hidden;}
a.squarebutton:hover{background-position:0% -32px;}
a.squarebutton:hover span{background-position:100% -32px;color:#000;}

