@import "reset.css";
@import "960.css";
@import "text.css";
@import "tab_control.css";
@import "scroller.css";

body { background: #121212; }

a, a:visited { color: #1596D4; text-decoration: none; }
a:hover { border-bottom: 1px dotted #1596D4; text-decoration: none; }

a img, a.img { border: none; }
a.img:hover { border: none; }

#rotate li a { color: #000; }
#rotate li a:hover, #rotate li a:active, #rotate .ui-tabs-nav .ui-tabs-selected a { color: #FFF; }

.flt_lft { float: left; }
.flt_rgt { float: right; }

.hr { border-color: #EEE; height: 1px; }

#hdr { background: #121212 url(../images/hdr_bg.png) repeat-x top left; line-height: 61px; height: 61px; }
#logo { margin-top: 13px; }


/***** MENU SYSTEM *****/
#nav { position: relative; float: right; font-weight: bold; padding: 0px; margin: 0px; margin-top: 16px; }

div.nav { float: left; font-size: 12px; font-weight: bold; line-height: 29px; text-align: center; width: auto; margin-left: 3px; }
div.nav a.nav_btn { display: block; background: #000 transparent; border: 1px solid #000; color: #E0E0E0; line-height: 27px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; border-radius: 5px; }

div.nav a#home { width: 52px; }
div.nav a#company { width: 89px; }
div.nav a#products { width: 153px; }
div.nav a#compliance { width: 103px; }
div.nav a#technology { width: 85px; }
div.nav a#contact_us { width: 81px; }
div.nav a#login { width: 105px; }

a.drop_btn span { background: url(../images/nav_icon.png); background-repeat: no-repeat; background-position: 100% 50%; width: 12px; height: 12px; padding:4px 16px 6px 0; }

div.nav a.nav_btn:hover, div.nav a.menu-open, div.nav a.menu-open:hover, div.nav a.drop_btn.active:hover { background: #E0E0E0; border: 1px solid #FFF; color: #333; cursor: pointer; }
div.nav a.nav_btn.active:hover { background: #000; color: #1596D4; }
div.nav a.nav_btn.active { cursor: text; background: #000; border-top: 1px solid #000; border-right: 1px solid #313131; border-bottom: 1px solid #505050; border-left: 1px solid #131313; color: #1596D4; }
div.nav a.drop_btn.active:hover, div.nav a.drop_btn.menu-open { background: #E0E0E0; border: 1px solid #FFF; color: #333; cursor: pointer; }

#company_menu, #products_menu, #compliance_menu, #login_menu { display: none; background: #E0E0E0; border: 1px solid #FFF; border-top: none; color: #333; font-size: 12px; text-align: left; padding: 0px 12px; z-index: 100; }

#company_menu { position: absolute; top: 24px; left: 60px; width: auto; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#products_menu { position: absolute; top: 24px; left: 154px; width: auto; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#compliance_menu { position: absolute; top: 24px; right: 286px; width: auto; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#login_menu { position: absolute; top: 24px; right: 0px; width: auto; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }

div#nav fieldset { line-height: 1.0em; line-height: 20px; font-weight: normal; margin: 0px; padding: 10px; }
div#nav fieldset div.drop_lnk a { display: block; background: #1596D4; border: none; color: #E0E0E0; text-decoration: none; margin-bottom: 2px; padding: 0px 5px; }
div#nav fieldset div.drop_lnk a:hover { background: #FFF; color: #1596D4; }

#login_menu input[type=text], #login_menu input[type=password], #login input[type=text], #login input[type=password] { display: block; background: #FFF; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; font-size: 13px; width: 230px; margin: 0 0 5px; padding: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#login_menu input[type=submit], #login input[type=submit] { display: block; background: #000; border: 2px outset #333; color: #E0E0E0; font-weight: bold; padding: 3px; }
/***** END MENU SYSTEM *****/

#bluetop { position: relative; background: #1596D4 url(../images/blue_transition.png) repeat-x top left; height: 145px; }
body#idx #bluetop { height: 444px; }
#click2mail { margin: 4px 10px; overflow: hidden; }
#quick_contact { text-align: right; line-height: 28px; margin-right: 18px; }
#jq-bg { background: url(../images/jq-bg.png) no-repeat top center; width: 1092px; height: 444px; margin: auto; }

#main_jquery { height: 326px; margin-top: 19px; }


#search_bar { line-height: 51px; height: 51px; }
#search_input { position: relative; width: 300px; height: 41px; }
#srch_input { position: absolute; top: 18px; left: 30px; }
#srch_btn { position: absolute; top: 14px; right: 15px; }
#search_tag { margin-right: 22px; }

#main { background: #FFF url(../images/white_transition.gif) repeat-x top left; }

.pod3 { position: relative; }

#svcpod { background: url(../images/svcpod_bg.png) no-repeat top center; width: 220px; height: 240px; }
#p2ppod { background: url(../images/p2ppod_bg.png) no-repeat top center; width: 220px; height: 240px; }
#mpaymentspod { background: url(../images/mpaymentspod_bg.png) no-repeat top center; width: 220px; height: 240px; }
#mmediapod { background: url(../images/mmediapod_bg.png) no-repeat top center; width: 220px; height: 240px; }

div.pod3 div.cntnr { padding: 30px;  padding-top: 54px; }
div.pod3 div.btn { position: absolute; bottom: 10px; right: 10px; width: 24px; height: 24px; }
div.pod3 div.btn a { display: block; background: url(../images/more_btn.png) no-repeat top center; width: 24px; height: 24px; }
div.pod3 div.btn a:hover { background-position: bottom left; }
.green_check { background: url(../images/green_check.png) no-repeat top left; width: 24px; height: 18px; text-indent: 29px; line-height: 18px; }

.pod3x4_trans { background: url(../images/pod3x4_btm.png) no-repeat top center; height: 20px; }
#testi_bar { background: url(../images/testi_bar.png) no-repeat top center; width: 940px; height: 68px; }
div#testi_bar div#tag div.cntnr { padding: 20px 42px; }
div#testi_bar div#testimonials { padding: 13px 0px; }
div#testi_bar div#scroller_nav { position: relative; }
div#testi_bar div#scroller_nav div#minus { position: absolute; top: 28px; left: 16px; }
div#testi_bar div#scroller_nav div#plus { position: absolute; top: 28px; right: 17px; }

/***** TESTIMONIALS SLIDER *****/
#slider { position: relative; }
#slider ul, #slider li { margin: 0px; padding: 0px; list-style: none; }
#slider li { width: 540px; height: 44px; overflow: hidden; }
#prevBtn a { position: relative; left: 576px; top: -30px; display: block;	background: url(../images/minus_microbtn.gif) no-repeat 0px 0px; border: none; width: 13px; height: 13px; }	
#nextBtn a { position: relative; left: 590px; top: -43px; display: block; background: url(../images/plus_microbtn.gif) no-repeat 0px 0px; border: none;	width: 13px; height: 13px; }

.pod12_trans { background: url(../images/pod12_btm.png) no-repeat top center; height: 20px; }

.sm_icon { margin-bottom: 10px; }

#news_pod { background: url(../images/news_bg.png) no-repeat top center; width: 300px; height: 446px; z-index: 1; }
.news_scroll { width: 280px; height: 345px; margin: 10px; overflow: auto; }
div#news_pod .item { padding-right: 10px; }
div#news_pod div.hdr { background: #FFF; padding: 10px; -moz-border-radius: 3px; margin-bottom: 1px; }
div#news_pod div.hdln, div.hdln { font-weight: bold; margin-bottom: 2px; }
div#news_pod div.item_body { background: #F9F9F9; padding: 10px; -moz-border-radius: 3px; margin-bottom: 1px; }

.small_btn { height: 24px; line-height: 24px; }
.small_btn ul { padding: 0px; margin: 0px; margin-right: 10px; }
.small_btn li { display: inline; padding: 0px; margin: 0px; }
.small_btn a { float: right; background: url(../images/sm_btn_lft.png) no-repeat top left; text-decoration: none; padding-left: 20px; }
.small_btn a span { display: block; background: url(../images/sm_btn_rgt.png) no-repeat right top; color: #FFF; font-weight: bold; padding-right: 20px; }
.small_btn a:hover span { color: #000; }
.small_btn a:hover { background-position: 0% -24px; color: #000; text-decoration: none; }
.small_btn a:hover span { background-position: 100% -24px; color: #000; }


#gray_btm { background: #F3F3F3 url(../images/gray_transition.png) repeat-x top left; }
#coinage { background: url(../images/coinage.png) no-repeat bottom right; }

#gray_gradient { background: #454545 url(../images/gray-gradient_bg.png) repeat-x top left; line-height: 54px; height: 54px; }
#newsletter_input { position: relative; background: url(../images/newsletter_input.png) no-repeat top right; width: 300px; height: 41px; margin-top: 7px; }
#nl_input { position: absolute; top: 14px; left: 40px;width: 210px; }
.nl_input {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 210px; }
#nl_btn { position: absolute; right: 10px; top: 8px; }

/***** SUB PAGE STYLES *****/
.subpg_hdr { background: #1596D4 url(../images/subpg_hdr_bg.png) no-repeat top center; width: 990px; height: 145px; margin: auto; }
.sub_hdr { margin-top: -8px; }

.rgtcol_hdr { background: url(../images/rightcol_hdr.png) no-repeat top center; width: 300px; height: 48px; color: #333; font-size: 14px; font-weight: bold; line-height: 48px; text-indent: 16px; }
.rgtcol { background: url(../images/rightcol_bg.gif) repeat-y top center; line-height: 25px; text-indent: 20px; width: 300px; height: 100%; }
#rgtcol_ftr { background: url(../images/rightcol_bg_btm.png) no-repeat bottom center; }
.rgtcol .padtop { padding-top: 10px; }

.rgtcol a.arrow:link, .rgtcol a.arrow:visited { display: block; line-height: 27px; width: 300px; height: 27px; }
.rgtcol .active { display: block; background: url(../images/rightcol_current.gif) no-repeat top center; color: #FFF; text-decoration: none; line-height: 27px; width: 300px; height: 27px; }
.rgtcol a.arrow:hover { display: block; background: url(../images/rightcol_hover.gif) no-repeat top center; color: #FFF; text-decoration: none; width: 300px; height: 27px; }

.cntnt_smoothbx { background: #FBFBFB; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.cntnt_smoothbx.testi { margin-left: 20px; margin-bottom: 20px; }
.cntnt_smoothbx .cntnr { padding: 20px; }

.alt_bg1 { background: #F2F2F2; margin-bottom: 2px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.alt_bg2 { background: #EEE; margin-bottom: 2px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/***** NEWS PAGE STYLES *****/
.newspg_item { background: #FEFEFE; padding: 10px; }
.newspg_item .news_icon { height: 100%; }
.newspg_item .news_body { width: 502px; margin-left: 10px; }
.newspg_item .tagline { background: #F8F7F4; padding: 5px; }
.newspg_lnk { display: block; background: #FFF; margin-bottom: 1px; padding: 5px; }

/***** FOOTER STYLES *****/
#ftr { background: #121212 url(../images/ftr_bg.png) repeat-x top left; color: #4B4B4B; }

a.prim:link, a.prim:visited { font-weight: bold; color: #CCC; line-height: 5px; }
a.prim:hover { border-bottom: 1px dotted #FFF; color: #FFF; }

.rgt_ftr_sep { border-right: 1px dotted #4B4B4B; margin-right: 9px; }