/* ---- =universal styles --- */
:focus { outline: 0; }
ol, ul { list-style: none; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* ------- =itransact ------- */
blockquote { margin: 0 4em; }
em { font-style: italic; }
hr { display: none; }
pre { margin-bottom: 1.5em; font: normal 0.85em monospace; color: #558; }
th { font-weight: bold; }
wbr:after { content: "\00200B" }
.sm { font-size: smaller; line-height: normal; }
.container { width: 650px; margin: 0 auto; }


/* -------- =content -------- */
#content { clear: both; padding: 18px 0 18px 36px; background: #fff; }
#home #content #breadcrumb { display: none; }
#content ol, #content ul { margin: 0 0 1.5em 1.5em; font-family: Verdana; font-size: 11px; }
#content ol li, #content ul li { margin-bottom: 0.75em; }
#content ol ol, #content ul ul { margin: 0.75em 0 0.75em 3em; font-family: Verdana; font-size: 11px; }
#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 1em 1em; }
#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-family: Verdana; font-size: 11px; }
#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: 640px; }
.onecol #content-side { display: none; }

/* ----- =content-main ------ */
#content-main { padding: 18px 0; display: inline; float: left; }
#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; }


/* --------- =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;}