html, body {min-height:100%; width:100%; height:100%;}
html>body {height:auto;}
body {background-color:white; font-family:Helvetica,Arial,sans-serif; margin:0; position:absolute;}
th, td {border: none;}
pre {font-family:"courier new",monospace;}

.ib {display:inline-block; *display:inline; zoom:1;}
.top {vertical-align:top;}

#headerbg {position:relative; margin-bottom:10px; z-index:1;} /* IE needs z-index otherwise menus get hidden */
.header {margin:0 auto 0; width:960px; position:relative;}
#errmsg {background-color:Red; border:1px solid lime; border-radius:10px; color:white; margin:10px 20px; padding:10px 20px; position:relative; text-align:center;}
#hdrmsg {background-color:ForestGreen; border:1px solid lime; border-radius:10px; color:white; margin:10px 20px; padding:10px 20px; position:relative; text-align:center;}
.header h1 {color:midnightblue; display:inline-block; *display:inline; zoom:1; font-size:28px; margin:35px 0 0 10px; padding:0; text-shadow:3px 3px 3px #C0C0C0; vertical-align:top; width:750px;}
#logo {vertical-align:top;}
#top_menu {display:block; background-color:gray; line-height:28px; font-family:arial, sans-serif; width:100%;}

#breadcrumbs {color:blue; font-size:12px; margin-top:5px; padding:2px 0 4px 1em;}
#breadcrumbs * {color:blue; padding:0 0.5em 0;}

.search {border:1px solid #C8CDD7; border-right:none; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#484A4D; height:19px; margin:0; padding:3px 0 0 5px; vertical-align:top; }
.searchbgimg {background:white url("/images/site_search.png") no-repeat scroll center center;}
.searchimg {vertical-align:top; *margin-bottom:1px;} /* "*margin-bottom" is an IE6 fix */

.content {color:#222222; font-size:12px; line-height:16px; margin:0 auto 5em; position:relative; width:960px;}
.content blockquote {font-style:italic;}
.content a[href^="http"] {background:url('/images/new-win-icon.gif') no-repeat center right; padding-right:16px;}
span.new {background-color:red !important; color:white !important; line-height:20px; padding:0 7px !important; text-decoration:blink;}
.gridlayout td {vertical-align:top;}
.attention {color:red;}
.warning {border:#CC0000 solid 3px; background-color:red; color:white; font-size:large; font-style:bold; margin:10px; padding:20px; line-height:1.5;}
.callout {background-color:aliceblue; border:1px solid skyblue; border-radius:10px;}
.content h2 {margin:0; padding:.8em 0;}
.content h3 {margin:0; padding:.5em 0 0 0;}
.contentimage {float:left; margin:10px;}
.download {font-size:120% !important; font-weight:bold !important; text-align:center !important;}
.download a {background-color:#0c0; color:#fff; padding:5px;}

.balloon {border:1px solid gainsboro; border-radius:10px; margin:20px 0 10px; padding:10px 20px; position:relative;}
.balloontitle {position:absolute; top:-10px; left:20px; background-color:white; padding:0 10px;}

/*ensure bullets don't drift inside a left float (adj overflow + margins) */
.content > ul, .content ol {margin:0; overflow:hidden; padding:0 0 0 2em;}
.content > ol li, .content > ul li {list-style-position:outside; margin:0 0 0.5em 0; padding-left:0;}

.col2, .col3, .col4 {overflow:auto; width:100%;}
.col2 li {float:left; width:44%; padding-right:5%;}
.col3 li {float:left; width:28%; padding-right:5%;}
.col4 li {float:left; width:19%; padding-right:5%;}
div.col2, div.col3 {text-align:center;}
.col2 div {display:inline-block; *display:inline; zoom:1; text-align:left; vertical-align:top; width:45%;}
.col3 div {display:inline-block; *display:inline; zoom:1; text-align:left; vertical-align:top; width:30%;}
.col2 div div, .col3 div div {display:block; text-align:left; width:auto; zoom:normal;}

.author {text-align:right; font-style:italic; font-size:80%; margin:0;}
.code {font-family:monospace;}
.divider {background-color:gray; color:white; margin:5px 0; padding:5px;}

.linkgroup {text-align:center;}
.linkgroup a {margin:0 5px;}
.linkgroup ul {display:inline-block; *display:inline; zoom:1; margin:0;}
.linkgroup li:first-of-type {border-left: 1px solid; }
.linkgroup li {border-right: 1px solid; display:inline-block; *display:inline; zoom:1; list-style-type:none; text-align:left;}

.tutelinks {clear:both; margin-bottom:15px; text-align:center ! important;}
.tutelinks a, .tutelinks a:visited {background-color:#B11116; border-left:1px solid; color:white; display:inline-block; font-size:10pt; padding:3px 1em; text-decoration:none;}

.plainlink {color:auto; text-decoration:none;}

/* tooltip hyperlinks */
a.tt, a.tt:hover {color:inherit; *color:#211D70; text-decoration:none; border-bottom:1px dotted;}

.compat {display:block; font-weight:bold; padding-top:5px;}

table.c3 {margin-left:auto; margin-right:auto;}
.c3 tr, .c3 td {border:1px solid gainsboro;} /* a spec table */
.c1, th {background-color:gray; color:white; padding:5px;} /* heading cells */
.c1 a, th a {color:white;} /* links in the heading cells */

/* Detailed product pricing */
.product {border-top:1px solid silver; clear:both; overflow:hidden; padding:8px 5px; width:100%;}
.product * {vertical-align:top;}
.product .photo {display:inline-block; *display:inline; zoom:1; padding-right:10px; text-align:center; width:255px;}
.product .details {display:inline-block; *display:inline; zoom:1; margin-right:20px; width:485px;}
.product .shipping {display:inline-block; *display:inline; zoom:1; width:180px;}
.details .heading {font-size:13px; font-weight:bold;}
.details .description {}
.details .pricing ul {margin-top:0.5em;}
.details .pricing li {display:block; list-style-type:none; margin-bottom:3px;}
.details .pricing .qty {display:inline-block; margin-right:10px; text-align:right; width:5em;}
.details .pricing .price {display:inline-block; *display:inline; zoom:1; font-size:larger; min-width:90px;}
.currency {color:dodgerblue; font-size:10px; padding-right:3px;}
.gst {font-size:10px; padding-left:2px; vertical-align:baseline;}


#footer {border-top:1px solid silver; bottom:0; clear:both; color:gray; height:35px; padding-bottom:1em; position:absolute; width:100%;}
#footercopy {display:inline-block; *display:inline; zoom:1; font-size:10px; position:absolute; left:10px; top:5px;}
#footerlinks {text-align:center; font-size:12px; letter-spacing:0.1em; margin-top:10px;}
#footerlinks a {margin:0 5px; text-decoration:none;}
#footerlinks ul {display:inline-block; *display:inline; zoom:1; margin:0;}
#footerlinks li {border-left: 1px solid; border-right: 1px solid; display:inline-block; *display:inline; zoom:1; list-style-type:none; text-align:left;}