/* ---- =mockup styles --- */
.reviewthis {border:1px solid #f90; color:#009; background:#ff9 url(../images/reviewthis.png) 5px 5px no-repeat; padding:5px 5px 5px 30px; margin:10px; font-style:italic; }

/* ---- =universal styles --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* ------- =itransact ------- */
body { background: #00000 top repeat-x; margin: 9px 20px 40px; font: normal 100%/1.125em Arial, sans-serif; color: #333; }
a { color: #0a6400; }
a:hover { color: #4d3911; }
blockquote { margin: 0 4em; }
em { font-style: italic; }
h1, h2, h3, h4, h5, h6 { font: normal 100%/1.125em Georgia, "Times New Roman", Times, serif; color: #4d3911; }
h1 { color: #fff; font-size: 2.0em; }
h2 { font-size: 1.75em; line-height: 1.2857em; }
h3 { font-size: 1.5em; line-height: 1.5em; }
h4 { font-size: 1.125em; line-height: 1em; }
h5 { font-size: 0.9375em; line-height: 1.2em; }
h6 { font-size: 0.875em; line-height: 1.2857em; }
hr { display: none; }
ol, ul, dl { font-size: 0.75em; }
ol ol, ol ol ol, ul ul, ul ul ul { font-size: 1.0em; }
p { margin-bottom: 1.5em; font-size: 0.75em; }
pre { margin-bottom: 1.5em; font: normal 0.85em monospace; color: #558; }

th, td { font-size: 0.75em; }
th { font-weight: bold; }
td td { font-size: 1.0em; }
strong { font-weight: bold; color: #0a6400; }
wbr:after { content: "\00200B" }
.sm { font-size: smaller; line-height: normal; }
.container { width: 900px; margin: 0 auto; }

/* ------- =branding -------- */
#branding { float: left; width: 720px; height: 82px; }
#branding h1 { font-size: 12px; line-height: 12px; }
#branding h1 a { display: block; position: relative; left: 221px; top: 9px; width: 287px; height: 50px; color: #fff; text-decoration: none; }
#branding span { display: block; position: absolute;  left: 0; top: 0; z-index: 1; width: 287px; height: 50px; background: url(../images/logotop.png) no-repeat; }

/* ---------- =nav ---------- */
#nav-main { height: 31px; width: 722px; }
#nav-main ul { }
#nav-main li { float:left; margin-right: 2px; white-space:nowrap; }
#nav-main li a { display: block; background: url(../images/tabs.png) no-repeat; letter-spacing: -0.06em; color: #684e17; height: 31px; font-size: 6px; line-height: 15px; text-decoration: none; }
#nav-main li a:hover, #home #nav-main #navhome a, #products #nav-main #navprod a, #setup #nav-main #navsetup a, #resellers #nav-main #navresell a, #support #nav-main #navsupport a, #about #nav-main #navabout a, #news #nav-main #navnews a { color: #d6f6b9; }
#nav-main #navhome a { background-position: 0 bottom; width: 67px; }
#nav-main #navhome a:hover, #home #nav-main #navhome a { background-position: 0 top; }
#nav-main #navprod a { background-position: -67px bottom; width: 147px; }
#nav-main #navprod a:hover, #products #nav-main #navprod a { background-position: -67px top; }
#nav-main #navsetup a { background-position: -215px bottom; width: 139px; }
#nav-main #navsetup a:hover, #setup #nav-main #navsetup a { background-position: -215px top; }
#nav-main #navresell a { background-position: -354px bottom; width: 139px; }
#nav-main #navresell a:hover, #resellers #nav-main #navresell a  { background-position: -354px top; }
#nav-main #navsupport a { background-position: -493px bottom; width: 71px; }
#nav-main #navsupport a:hover, #support #nav-main #navsupport a { background-position: -493px top; }
#nav-main #navabout a { background-position: -564px bottom; width: 77px; }
#nav-main #navabout a:hover, #about #nav-main #navabout a { background-position: -564px top; }
#nav-main #navnews a { background-position: -641px bottom; width: 67px; }
#nav-main #navnews a:hover, #news #nav-main #navnews a { background-position: -641px top; }

/* --------- =login --------- */
#login { width: 160px; height: 112px; margin: 0 0 -30px 730px; }
#login h5 { color: #fff; font-family: Arial, sans-serif; }
#login y { color: #73B618; font-family: Arial, sans-serif; font-size: 0.725em; }
#login p { margin: 0; color: #73B618; }
#login input { width: 90px; margin: 0 0 3px; font-size: 0.625em; }
#login .button { float: left; width: auto; margin-right: 5px; }
#login .password { font-size: 0.625em; line-height: 1.8em; }
#login .password a { color: #d7f6ba; }
#login .password a:hover { color: #fff; }

/* -------- =content -------- */
#content { clear: both; padding: 18px 0 18px 36px; background: #fff; }
#content #breadcrumb { font-size: 0.625em; line-height: 1.8em; }
#home #content #breadcrumb { display: none; }
#content ol, #content ul { margin: 0 0 1.5em 1.5em; font-size: 0.75em; }
#content ol li, #content ul li { margin-bottom: 0.75em; }
#content ol ol, #content ul ul { margin: 0.75em 0 0.75em 3em; font-size: 1em; }
#content ol li li, #content ul li li { margin-bottom: 0; }
#content ol { list-style-type: decimal; }
#content ul { list-style-type: disc; }
#content dl { margin-bottom: 1.5em; }
#content dt { clear: both; float: left; width: 150px; color: #0a6400; font-weight: bold; }
#content dd { margin: 0 0 1.5em 170px; }
#content dd p:last-child { margin-bottom: 0; }
#content .collist { float: left; margin: 0 1em 2em 4em; }
#content .collist li { margin-bottom: 0em; }
#content #cartlist { padding-top: 2.0em; border-top: 1px solid #4d3911; }
#content #cartlist dt { font-weight: bold; }
#content #cartlist dd { margin-bottom: 2.0em; padding-bottom: 0.75em; border-bottom: 1px solid #4d3911; }
#content dd p, #content dd pre, #content dd ol, #content dd ul, #content td p { font-size: 1.0em; }
#content #cartlist dd ul li, #content #cartlist dd ol li, #content .shortlist dd ul li, #content .shortlist dd ol li { margin-bottom: 0em; }
#content .shortlist { margin-left: 5em; }
#content .shortlist dd { margin-bottom: 0; padding-bottom: 0; }
#content form { }
#content form p { clear:both; margin-bottom: 0.75em; }
#content form label { float: left; width: 14em; margin-right: 5px; text-align: right; }
#content form #submit { margin-left: 14em; }
#content img, #content a img { border: 0; text-decoration: none; }
#content .code { margin-bottom: 1.5em; font-size: .85em; font-family: monospace; color: #558; }
#content dd p.code, #content p .code, #content li .code { font-size: 1.2em; margin-bottom: 0em; }
#content table.list { width: 100%; margin: 1.0em 0; border: 1px solid #4d3911; }
#content table.list th { padding: 3px 10px; border-right: 1px solid #84BC6F; border-top: 0; border-bottom: 1px solid #5C9E4A; background: #d6f6b9; text-align: center; color: #0a6400; }
#content table.list td { padding: 3px 10px; border-top: 1px solid #c9c1b3; border-right: 1px solid #eeeae4; }
#content table.list th:last-child { border-right: none; width: 420px; }
#content table.list td:last-child { border-right: none; width: 420px; font-size: .85em; font-family: monospace; color: #558; }
#content table.list td p { margin-bottom: 0.5em; }
#content table.list td p:last-child { margin-bottom: 0; }
.noncode { font-family: Arial, sans-serif; color: #333; }
td .noncode, td:last-child .noncode { font-size: 0.85em; }

/* ----- =contentcolumns ------ */
.twocol #content-main { width: 540px; }
.twocol #content-side { width: 244px; }
.onecol #content-main { width: 826px; }
.onecol #content-side { display: none; }

/* ----- =content-main ------ */
#content-main { padding: 18px 0; display: inline; float: left; }
#home #content-main { width: 466px; margin-top: 18px; padding: 18px 36px 18px 26px; background: #f4fced url(../images/highlighted.png) bottom repeat-x; border: 1px solid #c6beab; }
#content-main .calltoaction { margin-top: -1.125em; text-align: right; }
#content-main .img-side { float:left; padding: 18px 26px 18px 0; }
#content #rapidlist { float: right; width: 270px; }
#content #rapidlist ul { margin: 0; }
#content #rapidlist li { margin-bottom: 0.25em; }

/* ----- =content-side ------ */
#content-side { margin-left: 576px; padding: 18px 18px 72px; border-left: 1px solid #c6beab; }
#home #content-side { width: 252px; margin-top: 18px; margin-left: 576px; padding: 18px 0 0; background: none; border: none; }
#content-side h3 { text-align: center; }
#content-side h4 { margin: 0.25em; background: #ffc; text-align: center; line-height: 1.5em; }
#content-side .review { font-style: italic; }
#content-side .review img { float: left; margin: 0 5px 5px 0; }

/* ------- =siteinfo -------- */
#site-info { clear: both; margin-right: 1.8em; padding-top: 3.6em; color: #666; font-size: 0.625em; line-height: 1.8em; text-align: right; }
#site-info a { color: #999; padding: 0 0.5em; }
#site-info #copyright { display: inline; }
#site-info #nav-supp { display: inline; padding-left: 1.8em; }

/* --------- =jsnav --------- */
.jsnav input { margin-left: 1.5em; font-size: 0.75em; }

/* ----- =reseller page ----- */
h2.center { text-align: center; }
#subhead { text-align: center; font-size: 1.0em; color: #666; }
ul#features { float: left; display: inline; width: 500px; list-style: none; margin: 0 0 24px; padding: 0; }
ul#features li { float: left; display: inline; width: 180px; height: 72px; margin: 10px 0 0 20px; padding-left: 50px; background: url(../images/icons.gif) no-repeat; line-height: 1.4em; }
ul#features li strong { font-size: 1.1em; }
ul#features #b1 { background-position: 0 3px; }
ul#features #b2 { background-position: 0 -85px; }
ul#features #b3 { background-position: 0 -162px; }
ul#features #b4 { background-position: 0 -247px; }
ul#features #b5 { background-position: 0 -336px; }
ul#features #b6 { background-position: 0 -420px; }
ul#features #b7 { background-position: 0 -504px; }
ul#features #b8 { background-position: 0 -591px; }
#resellerpic { float: right; width: 271px; margin:  0 24px 24px 0; }
#resellers .calltoaction { clear: both; width: 100%; margin: 0 0 18px; padding: 12px 0; text-align: center; background: #D7F6BA; border: 1px solid #73B618; font-size: 0.9em; }
#resellers .calltoaction a { padding: 0 8px; font-weight: bold; font-size: 1.5em; text-decoration: underline; }
#resellers .calltoaction #signup { display: none; margin: 10px 80px 0; padding: 20px; border: 1px dotted #73B618; background: #fff; }
#resellers .calltoaction #signup a { padding: 0 4px; font-weight: normal; font-size: 1.0em; }
.col1 { float: left; width: 380px; margin-left: 14px; }
.col1 ul li { }
.col2 { margin: 0 14px 0 448px; }
.col2 #forwebdev { padding-left: 48px;	 background: url(../images/icons.gif) -4px -504px no-repeat; }
.col2 #forintegrate { padding-left: 48px;	 background: url(../images/icons.gif) -4px -591px no-repeat; }
#slider {width:700px;margin:0 auto;position:relative;}
.scroll {height:480px;width:700px;overflow:auto;overflow-x:hidden;position:relative;clear:left;}
.scrollContainer div.panel {float:left;position:relative;padding:20px 40px;height:460px;width:620px;}
#content .panel img {display:block;margin: 8px auto;border: 1px solid #cfcfcf;}
#slider ul.navigation {list-style:none;margin:0 0 0 100px;padding:0 0 9px;font-size:1.0em;}
#slider ul.navigation li {display:inline;margin-right:10px;}
#slider ul.navigation a {padding:10px;text-decoration:none;}
#slider ul.navigation a.selected {font-weight:bold;}
#slider ul.navigation a:focus {outline:none;}
.scrollButtons {position:absolute;top:20px;cursor:pointer;}
.scrollButtons.left {left:-40px;}
.scrollButtons.right {right:-40px;}
.hide {display:none;}


/* ----- =news page ----- */
#news h3 { margin-top: 36px; padding: 18px 0 6px; border-top: 1px solid #4d3911; line-height: 1.0em; }