@charset "utf-8";
/* CSS Document */

body, html {background-color:#000000; padding: 0px; margin: 0px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#000000; border: none;}

.clear {clear:both;}

#headercontainer {width: auto; height: 116px; background:url(../images/header-grad.jpg) top left repeat-x #003399; padding: 10px 0px 0px 0px; margin: 0px;}
#header {width: 964px; height: 116px; margin: 0px auto; background:url(../images/pagetop.gif) bottom left no-repeat;}

#logo {width: 129px; height: 64px;display:block; float:left; margin: 0px 0px 0px 15px;}
#logo a {width: 129px; height: 64px;display:block;}
#logo img{border:none;}

#strapline {width: 352px; height: 55px; float:right; margin: 5px 20px 0px 0px;}
#strapline a {width: 352px; height: 55px;display:block;}
#strapline img{border:none;}

#menu {width: 964px; height: 30px; margin: 9px 0px 0px 10px;}
#menu ul {list-style-type: none; margin: 0px; padding: 0px;}
#menu ul li {float: left; display:inline; margin: 0px 12px 0px 3px;}
#menu ul li b {font-size: 14px;}
#menu ul li a {font-size: 12px; display: block; padding: 0px; width:144px; height: 30px; line-height:30px; text-align:center; background:url(../images/button-back.jpg) top left no-repeat; text-decoration:none; color:#FFFFFF;}
#menu ul li a:hover {background:url(../images/button-selected.jpg) top left no-repeat;}
#menu ul li a.selected {background:url(../images/button-selected.jpg) top left no-repeat;}
#menu b {font-size: 12px;}

#pointers {height: 6px; width: auto;}
#pointers .pointer{margin: 0px 12px 0px 3px; float: left; height: 6px; display:block; width:144px;}
#pointers .pointer-selected {margin: 0px 12px 0px 3px; float: left; height: 6px; width:144px; display:block; background:url(../images/button-selected-arrow.gif) 75px 0px no-repeat;}

#contentcontainer {width: auto; height: auto; background: #FFFFFF; padding: 0px; margin: 0px;}
#content { padding: 0px 10px 15px 10px; width: 944px; height: auto; margin: 0px auto;}

#pagecontent {padding: 0px; margin: 0px; width: 656px; height: auto; float:left;}
#pagecontent h1 {margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; font-size: 22px; font-style:italic; font-weight:bold; color:#000066; border-bottom: 2px solid #CCC;}
#pagecontent h2 {margin: 0px; padding: 0px; font-size: 18px; font-weight:bold; color:#000066;}
#pagecontent h3 {margin: 0px; padding: 0px; font-size: 16px; font-weight:bold; color:#000066;}
#pagecontent a.features {text-decoration: none; margin: 0px 20px 0px 0px; padding : 10px; float: left; display: block; background:url(../images/features-btn.jpg) top left no-repeat #003366; color:#FFFFFF; height: 66px; width:254px;}
#pagecontent a.technical {text-decoration: none; padding : 10px; float: left; display: block; background:url(../images/technical-btn.jpg) top left no-repeat #003366; color:#FFFFFF; height: 66px; width:254px;}
#pagecontent ul.list li {margin: 0px 0px 0px 15px;}

#homeimage {width: 656px; height: 239px; background:url(../images/home-image1.jpg) top left no-repeat;}
/*#homeimage {width: 656px; height: 239px; background:url(../images/home-image-xmas.jpg) top left no-repeat;}*/
#homeimagetext p {margin: 0px; padding: 0px;}
#homeimagetext a {text-decoration: none; display: block; margin: 0px 0px 15px 0px; padding: 10px; color: #FFF; width: 636px; height: 42px; background:url(../images/home-imagetextgrad.jpg) top left repeat-x #003399;}
/*#contact-prompt a {text-decoration: none; display: block; margin: 0px 0px 15px 0px; padding: 10px 80px 10px 10px; color: #FFF; width: 566px; height: 66px; background:url(../images/contact.jpg) top left repeat-x #003399;}*/

/*
#contact-prompt a h3 {color: #FFF; margin: 0px 0px 5px 0px;}
a.contact-prompt {text-decoration: none; display: block; margin: 20px 0px 15px 0px; padding: 10px 80px 10px 10px; color: #FFF; width: 566px; height: 66px; background:url(../images/contact.jpg) top left repeat-x #003399;} 
*/

#contact-prompt {display: block; margin: 20px 0px 15px 0px; padding: 10px 80px 10px 10px; color: #FFF; width: 566px; height: 66px; background:url(../images/contact.jpg) top left repeat-x #003399;}
#contact-prompt a h3 {color: #FFF; margin: 0px 0px 5px 0px;}
#contact-prompt a {text-decoration: none; color: #FFF;}

#measurement-image {width: 656px; height: 300px; background:url(../images/straight-measurements.gif) top left no-repeat;}

#quote {width: 173px; height: 210px; float:left; background:url(../images/quote-box.gif) top left no-repeat #427ee3;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#quote p {color: #FFFFFF; padding: 40px 30px 0px 30px; font-size:12px; font-weight:bold; line-height: 16px;}

#welcome {width: 465px; height: auto; float:right;}

#prompt {height: 54px; width: 475px; display:block; background:url(../images/home-prompt.jpg) top left no-repeat; float:right; }
#prompt p {color:#FFFFFF; padding: 10px 0px 0px 10px;}

ul.tick {padding: 0px 0px 0px 0px; list-style-type:none;}
ul.tick li {background: url(../images/tick.gif) top left no-repeat; padding-left: 30px; height: 20px;}

#contactus {padding: 85px 15px 20px 15px;margin: 0px;width: 240px;height: auto;float: right;color: #FFFFFF;background: url(../images/contact-incentive.gif) top left no-repeat #CADAF6;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#contactus h2 {padding: 0px 0px 10px 0px; margin: 0px;}
#contactus input {width: 168px; height: 13px; border: 1px solid #303030; background: #fefefe; padding: 4px;}
#contactus textarea {width: 168px; border: 1px solid #303030;; background: #fefefe; padding: 2px;}
/*#contactus .btn {margin: 15px 0px 0px 0px; width: 241px; height: 37px; border: 1px solid #97b8f0; display:block; background:url(../images/send-button.jpg) top left no-repeat #003366; color:#FFFFFF; font-weight:bold; text-transform:uppercase;}*/
#contactus .btn {margin: 15px 0px 0px 0px; width: 241px; height: 37px; border:none;  display:block; background:url(../images/send-button-green.gif) top left no-repeat; color:#FFFFFF; font-weight:bold;}
#contactus .btn:hover  {margin: 15px 0px 0px 0px; width: 241px; height: 37px; display:block; background:url(../images/send-button-green-hover.gif) top left no-repeat; color:#FFFFFF; font-weight:bold;}

#contactus-flexible {padding: 85px 15px 20px 15px;margin: 0px;width: 240px;height: auto;float: right;color: #FFFFFF;background: url(../images/contact-incentive.gif) top left no-repeat #CADAF6;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#contactus-flexible span .headline {padding: 0px 0px 10px 0px; margin: 0px;}

table#contact td {border: none; padding: 0px 0px 4px 0px; margin: 0px; vertical-align:top;}
table#specifications td {border: none; padding: 3px; margin: 0px; vertical-align:top;}
table#specifications tr.dark {border: none; padding: 3px; margin: 0px; vertical-align:top; background:#CCC;}
table#specifications td.letter {width: 10px; border: none; padding: 3px; margin: 0px; vertical-align:top; background:#427EE3; color:#FFFFFF;}

#footercontainer {width: auto; height: 173px; background:url(../images/footer-grad.jpg) top left repeat-x #000;  padding: 0px; margin: 0px;}
#footer {width: 944px; height: 173px; margin: 0px auto; padding: 10px;}
#footer-links, #footer-links a {text-align:center; color:#FFFFFF; font-size:10px;width: 944px; height: 173px; margin: 0px auto; padding: 10px;}

.smallprint {color:#FFFFFF; font-size:10px;}
.smallprint p {color:#FFFFFF; font-size:10px; margin: 0px; padding: 0px;}
.smallprint b {color:#FFFFFF; font-size:12px; font-weight: bold; margin: 0px; padding: 0px;}

span.checkbox {width: 19px; height: 25px; padding: 0 5px 0 0; background: url(checkbox.gif) no-repeat; display: block; clear: left; float: left;}
span.radio {width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/radio.png) no-repeat; display: block; clear: left; float: left;}
span.select {position: absolute; width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(select.gif) no-repeat; overflow: hidden;}

.obvious_button{background-color:#4FB54D !important;color:#FFFFFF !important;border:1px solid #363 !important;height:auto !important;width:100% !important;display:block !important;margin:3px 0px 3px 0px;}
.faq a{color:#000000;font-weight:bold;font-size:14px;line-height:25px;list-style-type:square;}

div#mini-menu {display:block;height:20px;width:300px;/*width:auto;*//*float:left;*/margin:0px auto 20px auto;;/*background:#CCCCCC;*/padding:5px;}
#mini-menu ul{display:inline;list-style-type:none;}
#mini-menu li {float:left;}
#mini-menu li a{display:block;height:13px;padding:5px;font-size:14px;color:#FFF; text-decoration:none; margin-left: 10px;background:#254381;-moz-border-radius:5px;}