/***********/
/* General */
/***********/
body {
 background-color: #a0a0a0;
 margin: 0;
 padding: 0;
 font-family: Georgia, sans-serif;
 font-size: 90%;
 color: #333333;
 text-align: center;
}

.clear
,.clearleft
,.clearright {
 height: 0;
 line-height: 0;
 font-size: 0;
}

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

a {
 font-weight: bold;
 text-decoration: underline;
 color: #333333;
}

a:hover {
 text-decoration: none;
 color: #000000;
}

address {
 font-style: normal;
 margin: 0.5em 0;
}

form {
 margin: 0;
}

.left {
 float: left;
 margin-right: 15px;
 margin-bottom: 10px;
}

.right {
 float: right;
 margin-left: 15px;
 margin-bottom: 10px;
}

li {
 margin-top: 5px;
 margin-bottom: 5px;
}

.highlight {
 font-weight: bold;
 font-size: 140%;
}

/*************/
/* Container */
/*************/
div#container {
 width: 978px;
 margin: 10px auto;
 text-align: left;
 background-image: url(../images/container_background.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
 background-color: #ffffff;
 border: 1px solid #000000;
}

div#inner {
 padding: 5px 32px 20px;
 margin: 20px 0 0;
 border-top: 2px solid #ffbc00;
 background-color: #f1f1f1;
}

/**********/
/* Header */
/**********/
div#header {
 width: 100%;
 height: 39px;
 background-image: url(../images/bar_background.gif);
 background-position: 0 0;
 background-repeat: repeat-x;
}

div#header form#formLogin {
 float: right;
 margin: 7px 5px 0 0;
}

div#header form#formLogin fieldset {
 border: 0;
 padding: 0;
}

div#header form#formLogin fieldset legend {
 display: none;
}

div#header form#formLogin fieldset input {
 float: left;
}

div#header form#formLogin fieldset input#EmailAddress { width: 150px; }
div#header form#formLogin fieldset input#Password { width: 100px; }

div#header form#formLogin fieldset input.button {
 margin-left: 5px;
 width: auto;
}

div#header form#formLogin fieldset label {
 float: left;
 margin-left: 10px;
 color: #ffffff;
 padding: 3px 5px 0 0;
 font-size: 0.8em;
}

/********/
/* Logo */
/********/
h1 {
 margin: 50px 0 0 32px;
 padding: 0;
 text-indent: -9999px;
 overflow: hidden;
 width: 467px;
 height: 57px;
 background-image: url(../images/logo.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
}

h2#strapline {
 margin: 5px 0 0 47px;
 padding: 0;
 text-indent: -9999px;
 overflow: hidden;
 width: 524px;
 height: 21px;
 background-image: url(../images/strapline.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
}

/*******/
/* Nav */
/*******/
ul#nav {
 list-style: none;
 padding: 0;
 margin: 10px 0 0;
}

ul#nav li {
 padding: 0;
 margin: 0 0 0 15px;
 float: left;
}

ul#nav li.first {
 margin: 0;
}

ul#nav li a {
 text-indent: -9999px;
 overflow: hidden;
 height: 21px;
 background-position: 0 0;
 background-repeat: no-repeat;
 display: block;
 border-bottom: 2px solid #f1f1f1;
}

ul#nav li#navHome a { background-image: url(../images/nav/home.gif); width: 61px; }
ul#nav li#navExamples a { background-image: url(../images/nav/examples.gif); width: 96px; }
ul#nav li#navApplications a { background-image: url(../images/nav/applications.gif); width: 127px; }
ul#nav li#navQuote a { background-image: url(../images/nav/quote.gif); width: 137px; }
ul#nav li#navFAQs a { background-image: url(../images/nav/faqs.gif); width: 52px; }
ul#nav li#navOrderOnline a { background-image: url(../images/nav/order_online.gif); width: 133px; }
ul#nav li#navResellers a { background-image: url(../images/nav/resellers.gif); width: 90px; }
ul#nav li#navContact a { background-image: url(../images/nav/contact.gif); width: 82px; }

ul#nav li#navHome a:hover { background-image: url(../images/nav/home_hover.gif); border-bottom: 2px solid #ffbc00;}
ul#nav li#navExamples a:hover { background-image: url(../images/nav/examples_hover.gif); border-bottom: 2px solid #5d3f83;}
ul#nav li#navApplications a:hover { background-image: url(../images/nav/applications_hover.gif); border-bottom: 2px solid #cf0072;}
ul#nav li#navQuote a:hover { background-image: url(../images/nav/quote_hover.gif); border-bottom: 2px solid #998e00;}
ul#nav li#navFAQs a:hover { background-image: url(../images/nav/faqs_hover.gif); border-bottom: 2px solid #ec680a;}
ul#nav li#navOrderOnline a:hover { background-image: url(../images/nav/order_online_hover.gif); border-bottom: 2px solid #00acd7;}
ul#nav li#navResellers a:hover { background-image: url(../images/nav/resellers_hover.gif); border-bottom: 2px solid #598c20;}
ul#nav li#navContact a:hover { background-image: url(../images/nav/contact_hover.gif); border-bottom: 2px solid #d3011c;}

body#home ul#nav li#navHome a { background-image: url(../images/nav/home_hover.gif); border-bottom: 2px solid #f1f1f1;}
body#examples ul#nav li#navExamples a { background-image: url(../images/nav/examples_hover.gif); border-bottom: 2px solid #f1f1f1;}
body#applications ul#nav li#navApplications a { background-image: url(../images/nav/applications_hover.gif); border-bottom: 2px solid #f1f1f1;}
body#quote ul#nav li#navQuote a { background-image: url(../images/nav/quote_hover.gif); border-bottom: 2px solid #f1f1f1;}
body#faqs ul#nav li#navFAQs a { background-image: url(../images/nav/faqs_hover.gif); border-bottom: 2px solid #f1f1f1;}
body#orderonline ul#nav li#navOrderOnline a { background-image: url(../images/nav/order_online_hover.gif); border-bottom: 2px solid #f1f1f1;}
body#resellers ul#nav li#navResellers a { background-image: url(../images/nav/resellers_hover.gif); border-bottom: 2px solid #f1f1f1;}
body#contact ul#nav li#navContact a { background-image: url(../images/nav/contact_hover.gif); border-bottom: 2px solid #f1f1f1;}

/***********/
/* Content */
/***********/
div#content {
 padding: 20px 0 0;
 float: left;
 clear: both;
 width: 687px;
 line-height: 1.4em;
}

div#content div#contentinner {
 width: 420px;
 float: left;
 padding-left: 20px;
 border-left: 1px solid #ffbc00;
 margin-left: -1px;
}

div#content div.top {
 height: 11px;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/content_top.gif);
}

div#content div.bottom {
 height: 11px;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/content_bottom.gif);
}

div#content div.middle {
 background-color: #ffffff;
 background-position: 0 0;
 background-repeat: repeat-y;
 background-image: url(../images/content_background.gif);
 padding: 5px 10px 5px 15px;
}

div#content .disclaimer {
 font-size: 80%;
 font-style: italic;
}

div#content div.column {
 width: 330px;
 margin-left: 25px;
 float: left;
}

div#content div.column.first {
 margin-left: 0;
}

div#content h2 {
 margin-top: 0;
 font-size: 1.5em;
}

div#content h3 {
 margin-bottom: 0;
 font-size: 1.3em;
}

div#content h4 {
 margin-top: 5px;
 margin-bottom: -10px;
 font-size: 1.1em;
}

div#content div.faq {
 padding: 0 15px;
}

div#content .caption {
 font-size: 80%;
 font-style: italic;
 margin: 0;
}

div#content .summary {
 font-size: 120%;
}

/***********/
/* Sub Nav */
/***********/
div#content div#subnav {
 float: left;
 width: 200px;
 border-right: 1px solid #ffbc00;
 padding: 0 10px 20px;
}

div#content div#subnav ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

div#content div#subnav ul li {
 margin: 5px 0;
 padding: 0;
}

div#content div#subnav ul li a {
 text-decoration: none;
 color: #999999;
}

div#content div#subnav ul li a:hover
,div#content div#subnav ul li.selected {
 text-decoration: underline;
 color: #333333;
}

div#content div#subnav ul li.selected {
 text-decoration: none;
}

div#content table {
 border-collapse: collapse;
 border: 3px solid #ffffff;
 margin: 15px 0;
}

div#content table th {
 background-color: #e1e1e1;
 padding: 2px 5px;
 border: 3px solid #ffffff;
}

div#content table td {
 padding: 2px 5px;
 border: 3px solid #ffffff;
}

div#content table tfoot td {
 background-color: #f1f1f1;
}

div#content form fieldset {
 border: 0;
 padding: 0;
}

div#content form fieldset legend {
 display: none;
}

div#content form input {
 width: 150px;
}

div#content form textarea {
 width: 200px;
 height: 90px;
}

div#content form input.numeric {
 width: 35px;
}

div#content form input.button
,div#content form input.radio {
 width: auto;
}

div#content form#form-Order fieldset {
 border: 1px solid #e1e1e1;
 padding: 10px;
 margin-top: 5px;
}

div#content form#form-Order fieldset legend {
 display: block;
}

div#content form#form-Order div.field {
 float: left;
 width: 90%;
 border: 1px solid #ffffff;
}

div#content form#form-Order div.field input {
 float: left;
 width: 300px;
}

div#content form#form-Order input.button {
 float: none;
 width: auto;
 margin-left: 145px;
}

div#content form#form-Order div.field textarea {
 width: 300px;
}

div#content form#form-Order div.field label {
 float: left;
 clear: left;
 width: 140px;
 text-align: right;
 padding-right: 5px;
}

div#content form#form-Order div.field.required label {
 font-weight: bold;
}

/******************/
/* Example Images */
/******************/
div#content div.example {
 width: 260px;
 height: 10em;
 float: left;
 margin: 10px 20px;
 border: 1px solid #f1f1f1;
 padding: 10px;
 background-color: #ffffff;
}

div#content div.example:hover {
 border: 1px solid #333333;
 background-color: #f1f1f1;
}

div#content div.example img {
 float: left;
 border: 1px solid #ffffff;
 margin: 0 10px 5px 0;
}

div#content div.example:hover img {
 border: 1px solid #333333;
}

div#content div.example h4 {
 margin: 0 0 5px;
}

div#content div.example h4 a {
 text-decoration: none;
}

/********/
/* tabs */
/********/
ul#tabs {
 float: left;
 clear: left;
 height: 24px;
 list-style: none;
 margin: 20px 0 0;
 padding: 0;
 width: 687px;
}

ul#tabs li {
 background-image:url(../images/tabs/tabs.jpg);
 background-repeat: no-repeat;
 cursor: pointer;
 display: block;
 float: left;
 height: 24px;
 margin: 0 0 0 25px;
}

ul#tabs li.first {
 margin: 0;
}

div#tabbed {
 float: left;
 clear: left;
 background-color: #ffffff;
 margin-top: 20px;
 width: 662px;
 line-height: 1.4em;
 padding: 5px 10px 5px 15px;
}

/*********/
/* Panel */
/*********/
div#panel {
 padding: 20px 0 0;
 float: right;
 clear: right;
 width: 197px;
}

div#panel img {
 border: 0;
}

div#panel ul#actions {
 list-style: none;
 margin: 20px 0 0;
 padding: 0;
}

div#panel ul#actions li {
 margin: 10px 0 0;
 padding: 0 0 0 25px;
 line-height: 20px;
 background-position: 0 1px;
 background-repeat: no-repeat;
}

div#panel ul#actions li#ctaFav { background-image: url(../images/icon_favourites.gif); }
div#panel ul#actions li#ctaPrint { background-image: url(../images/icon_printer.gif); }
div#panel ul#actions li#ctaFriend { background-image: url(../images/icon_envelope.gif); }

div#panel ul#actions li a {
 font-weight: normal;
}

/**********/
/* Footer */
/**********/
div#footer {
 width: 100%;
 height: 39px;
 background-image: url(../images/bar_background.gif);
 background-position: 0 0;
 background-repeat: repeat-x;
 clear: both;
}

div#footer p {
 color: #ffffff;
 font-size: 0.8em;
 line-height: 39px;
 margin: 0;
}

div#footer p#footerleft {
 float: left;
 margin-left: 16px;
}

div#footer p#footerright {
 float: right;
 margin-right: 16px;
}

div#footer a {
 color: #ffffff;
 font-weight: normal;
}