/* Reset */
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; }
strong { font-weight:bold; }
em { font-style:italic; }
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:"" ""; }
.clear {clear:both;margin:0;padding:0;}
.clearfix:after {content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

input { font-family:Verdana,Arial,sans-serif;letter-spacing:-1px;color:#999; }
h1,h3 { font-weight:normal;color:#5F5F5F;font-family:verdana,arial,serif;font-weight:bold;text-transform:capitalize; }
h2 { font-size:24px;line-height:1.6em;margin-bottom:3px;color:#cc6600; font-weight:bold; }
h3 { font-size:16px;line-height:1.6em;margin-bottom:5px;font-weight:bold; }
p { font-size:12px;line-height:1.6em; }
img.left { float:left;margin:0.2em 0.8em 0.3em 0;padding:0; }
a:hover { color:#cc6600;text-decoration:underline; }
a { text-decoration:none; color:#336699; }

body{font-family:Verdana,Arial,sans-serif;color:#000;font-size:12px;}
body#home{font-family:Verdana,Arial,sans-serif;color:#fff; background-color:#FCFCFC; font-size:12px; }
.homecontainer{width:989px;margin:0 auto; padding-top:380px; color:#000;}
.container{width:989px;margin:0 auto; padding-top:250px; color:#000;}
.f_container{width:989px;margin:0 auto; }
.maincontent{width:989px;float:left; padding: 0 0 20px 0;}
#leftcontent h1 {text-indent:-9999px; visibility:hidden; overflow: hidden;}

/****************************************************************************************/

#header_full{clear:both; position:absolute; top:0px;  left:0px; width:100%; float:left; background:url(img/body_bg.gif) 10px 0 repeat-x; margin:auto; }
#global_header{width:982px;margin:0 auto;}
#header_main{width:982px;float:left;height:125px;}
#logo{float:left;width:500px;height:120px;display:block;margin:5px 0 0 -5px;background:url(img/logo.png) no-repeat;}
#logo a{display:block;text-indent:-9999px;width:454px;height:86px;}
.merchantlogo {float:left; valign:top; margin: 0px 10px 0px 0px; cursor:pointer;}

ul#addcode{float:right;position:relative;top:30px;list-style:none;width:140px;height:56px;padding:0;margin:0 1px 0 0;}
ul#addcode li{float:left;list-style:none;margin:0;padding:0;}
ul#addcode li a{text-indent:-999em;background:url(img/signup_login_bg.gif) top left no-repeat;padding:0;display:block;height:56px;}
ul#addcode li.add a{background-position:top right;width:147px;}
ul#addcode li.add a:hover{background-position:bottom right;width:147px;}

#home_header{width:989px;margin:0 auto;}
#home_header_content{width:989px;float:right;background:url(img/mascotte.png) top right no-repeat;height:170px; margin: 10px 0 10px 0;}
#home_header_content_left{float:left; margin:0px 0 0 0; text-align:left;}
#home_header_content_left h2{font-size:24px;line-height:1.3em;color:#cc6600;font-weight:bold;font-family:Verdana,Arial; text-align:left; padding: 10px 0 0 0;}
#home_header_content_left h2 a{text-decoration:none;}
#slogan{position:relative;font-size:16px;color:#5f5f5f; font-weight:bold; margin: 10px 0 0 0; text-align:left;}

#homedesc, #intromarchand {float:left; width:986px; text-align:center;background:#E5E4DF; padding:10px 0 10px 0; margin: 10px 0 10px 0; border:1px solid 
#D9D3BF;-moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px; -khtml-border-radius: 6px;}
#homedesc p, #intromarchand p{font-family:georgia,"Times New Roman",serif;font-size:14px;line-height:1.4em;margin-bottom:0;padding:0 20px;color:#754c24;font-weight:normal; text-align:justify;}


#merchantlongdesc, #merchantactu {float:left; width:760px; text-align:center;background:#E5E4DF; padding:10px; margin: 10px 0 10px 0; border:1px solid #D9D3BF;-moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px; -khtml-border-radius: 6px; font-family:Verdana,Arial,sans-serif; font-size:14px;line-height:1.5em; font-weight:normal; text-align:justify; color:#754c24;}
#merchantlongdesc p, #merchantactu p{margin-bottom:0;padding:0 0 10px 0;}
#merchantlongdesc h2 {font-family:Verdana,Arial,sans-serif; font-size:16px;line-height:1.5em;padding:0 0 10px 10px;color:#754c24;font-weight:bold; text-align:justify;}
#merchantlongdesc li {list-style:circle; font-size:12px;line-height:1.5em;color:#754c24;font-weight:normal; text-align:left; margin-left:10px;}
 
  
#infodesc {float:left; width:780px; text-align:center;background:#fff; padding:10px 0 10px 0; margin: 0 0 10px 0; border:1px solid 
#D9D3BF;-moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px; -khtml-border-radius: 6px;}
#infodesc p{font-family:georgia,"Times New Roman",serif;font-size:14px;line-height:1.5em;margin-bottom:10px;padding:0 20px;color:#000;font-weight:normal; text-align:justify;}
#infodesc p strong{color:#754c24;}

#letters p {margin: 10px;}

#alphabetdiv {font-size:0.8125em;text-align:center;width:989px;margin:0 auto;}
#alphabet {float:left;font-weight:bold;padding:2px;	margin-top:-5px;border:1px solid #FFC931;color:#105CB6;background-color:#E5E4DF; width:982px;}
#alphabet li {float:left;margin-left:3px;}
#alphabet li a {background-color:#FFFFFF;border:1px solid #FFC931;color:#105CB6;display:block;margin:1px;padding:2px 5px 3px;text-decoration:none;}
#alphabet li a:hover {background-color:#cc6600;border:1px solid #6CCB17;color:#fff;display:block;margin:1px;padding:2px 5px 3px;text-decoration:none;}
.txt {background-color:#E5E4DF;color:#666;display:block;margin:1px;padding:2px 5px 3px;text-decoration:none;}

.cats { font-size:12px; color:#999;}
.cats a { font-size:12px; color:#fff; line-height:1.6em; }
.cats a:hover {color:#000; text-decoration:none;}
.span-1{width:989px;}
.span-4{width:225px;}
div.span-1,div.span-4{float:left;margin-right:20px;}
div.last{margin-right:0;}


#homesearchbar {	margin: -80px 0 0 0;	background: transparent url("img/homesearchbar.jpg") no-repeat scroll top left;	height: 50px;	width: 550px;float:left;}
#homemerchantsearch {position: relative;}
#homemerchantsearch .loupe {position: absolute;	left: 20px;}
#homemerchantsearch input#testinput_xml {position: absolute;	background: transparent url('img/search_input_bg.gif') no-repeat scroll top left;padding:5px 10px;	width: 298px;	height: 20px;	left: 70px;	top: 10px;	border: none;	font-size: 1.2em;	color: #c3b5a8;}
#homemerchantsearch input:focus {color: #4e2700;}
#homemerchantsearch .submit {position: absolute;	top: 5px;	right: 10px;}

#searchcontainer {width: 989px; margin: 0 auto;}
#searchbar {margin: 10px 0 0 0;	background: transparent url("img/searchbar.jpg") no-repeat scroll top left;	height: 50px;	width: 989px; float:left;}
#search {position: relative;}
#search .searchtitle {position: absolute;	top: 15px;	left: 25px;	color: #FFF;	font-weight: bold;	font-size: 1.3em;	margin: 0;}
#search .loupe {position: absolute;	left: 400px;}
#search input#testinput_xml {position: absolute;	background: transparent url('img/search_input_bg.gif') no-repeat scroll top left;	padding:5px 10px;	width: 268px;	height: 20px;	left: 460px;	top: 10px;	border: none;	font-size: 1.2em;	color: #c3b5a8;}
#search input:focus {color: #4e2700;}
#search .submit {position: absolute;	top: 5px;	right: 30px;}


.boxes { margin: 0 auto;}
.newsbox { margin: 0 auto; }
.codesbox { margin: 0 auto; }

.topmerchant { float: left; width: 330px; height:325px; margin: 0; }
.topmerchant .boxmiddle { padding: 0 10px 6px 10px; }
.news { float: left; width: 635px; margin: 10px 0 0 0; }
.news .newsboxmiddle { padding: 0; }
.codes { float: left; width: 780px; margin: 10px 0 0 0;}
.codes .codesboxmiddle { padding: 0; }
.lastcode { float: right; width: 347px; height:420px; margin-top:-326px; }
.lastcode .boxmiddle { padding: 5px 10px 0px 10px; }
#coderightcontent{ float: right; width: 200px; valign:top; }
.tools { float: right; width: 200px; margin-top:10px; valign:top; }
.tools .boxmiddle { padding: 5px 5px 0px 5px; }
.cat { float: right; width: 200px; margin-top:10px; valign:top; }
.cat .boxmiddle { padding: 5px 10px 0px 10px; }
.pub { float: left; width: 300px; margin-left: 6px; }
.merchantcat { float: right; width: 200px; margin-top:10px; valign:top; }
.merchantcat .boxmiddle { padding: 5px 10px 0px 10px; }

.bluebox { background: url(img/bluebox.png) left top no-repeat; padding: 0 0 0 4px; }
.bluebox .slide { background: url(img/bluebox.png) right top no-repeat; padding: 0 5px 0 0; }
.orangebox { background: url(img/orangebox.png) left top no-repeat; padding: 0 0 0 4px; }
.orangebox .slide { background: url(img/orangebox.png) right top no-repeat; padding: 0 5px 0 0; }
.darkorangebox { background: url(img/darkorangebox.png) left top no-repeat; padding: 0 0 0 4px; }
.darkorangebox .slide { background: url(img/darkorangebox.png) right top no-repeat; padding: 0 5px 0 0; }
.greenbox { background: url(img/greenbox.png) left top no-repeat; padding: 0 0 0 4px; }
.greenbox .slide { background: url(img/greenbox.png) right top no-repeat; padding: 0 5px 0 0; }
.redbox { background: url(img/redbox.png) left top no-repeat; padding: 0 0 0 4px; }
.redbox .slide { background: url(img/redbox.png) right top no-repeat; padding: 0 5px 0 0; }

.bluebox h2, .bluebox a, .orangebox h2, .darkorangebox h2, .greenbox h2, .greenbox a, .redbox h2   { color:#fff; font-size: 22px; padding: 0px 10px 0px 10px; }
.orangebox span {color:#FFFFFF;font-size:22px;padding:0 10px;font-weight:bold;line-height:1.6em;margin-bottom:3px;}
.greenbox a  { color:#fff; font-size: 16px; padding: 0px 10px 0px 10px; }
.bluebox a:hover, .greenbox a:hover { color:#000; text-decoration: none;}
.bluebox h2 strong, .orangebox h2 strong ,.darkorangebox h2 strong, .greenbox h2 strong,.redbox h2 strong{ color:#000;}
.bluebox div.fix, .orangebox div.fix,.darkorangebox div.fix, .greenbox div.fix,.redbox div.fix  { margin: 0; padding: 0; font-size: 0; height: 0; visibility:hidden;}

a.bluebutton { text-decoration: none; font-size: 12px; font-weight: bold; background: url(img/buttontop.gif) left center no-repeat; padding: 6px 6px 6px 6px; }
a.bluebutton:hover {background: url(img/button.gif) left center no-repeat;}
a.bluebutton:hover span { color: #CC6600; text-decoration: underline; background: url(img/button.gif) right center no-repeat;}
a.bluebutton span { color: #fff; background: url(img/buttontop.gif) right center no-repeat; padding: 6px 6px 6px 0; }

a.orangebutton { text-decoration: none; font-size: 12px; font-weight: bold; background: url(img/buttonpub.gif) left center no-repeat; padding: 6px 6px 6px 6px; }
a.orangebutton:hover {background: url(img/button.gif) left center no-repeat;}
a.orangebutton:hover span { color: #CC6600; text-decoration: underline; background: url(img/button.gif) right center no-repeat;}
a.orangebutton span { color: #000; background: url(img/buttonpub.gif) right center no-repeat; padding: 6px 6px 6px 0; }

a.redbutton { text-decoration: none; font-size: 12px; font-weight: bold; background: url(img/buttonlast.gif) left center no-repeat; padding: 6px 6px 6px 6px; }
a.redbutton:hover {background: url(img/button.gif) left center no-repeat;}
a.redbutton:hover span { color: #CC6600; text-decoration: underline; background: url(img/button.gif) right center no-repeat;}
a.redbutton span { color: #fff; background: url(img/buttonlast.gif) right center no-repeat; padding: 6px 6px 6px 0; }

a.greenbutton { text-decoration: none; font-size: 12px; font-weight: bold; background: url(img/buttonnews.gif) left center no-repeat; padding: 6px 6px 6px 4px; }
a.greenbutton:hover {background: url(img/button.gif) left center no-repeat;}
a.greenbutton:hover span { color: #CC6600; text-decoration: underline; background: url(img/button.gif) right center no-repeat;}
a.greenbutton span { color: #fff; background: url(img/buttonnews.gif) right center no-repeat; padding: 6px 6px 6px 2px; }

a.darkorangebutton { text-decoration: none; font-size: 12px; font-weight: bold; background: url(img/buttonpub.gif) left center no-repeat; padding: 6px 6px 6px 6px; }
a.darkorangebutton:hover {background: url(img/button.gif) left center no-repeat;}
a.darkorangebutton:hover span { color: #CC6600; text-decoration: underline; background: url(img/button.gif) right center no-repeat;}
a.darkorangebutton span { color: #000; background: url(img/buttonpub.gif) right center no-repeat; padding: 6px 6px 6px 0; }

.boxmiddle { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;  background-color:#FFF;} 
.newsboxmiddle { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }

.boxfooter { background: url(img/boxfooter.png) left bottom no-repeat; padding: 0 0 0 5px;}
.boxfooter .slide { background: url(img/boxfooter.png) right bottom no-repeat; padding: 0 5px 0 0; }
.boxfooter .slide div { padding: 12px 8px; }
.boxfooter .more-button { text-align: right; margin: 0; }
.boxfooter div.fix { margin: 0; padding: 0; font-size: 0; height: 0; }

.newsboxfooter { background: url(img/boxfooter.png) left bottom no-repeat; padding: 0 0 0 5px; }
.newsboxfooter .slide { background: url(img/boxfooter.png) right bottom no-repeat; padding: 0 5px 0 0; }
.newsboxfooter .slide div { padding: 12px 8px; }
.newsboxfooter .more-button { text-align: right; }
.newsboxfooter div.fix { margin: 0; padding: 0; font-size: 0; height: 0; }

ul#topreduc {list-style:none; margin: 0; line-height:1.6em; width:320px; height:213px;}
ul#topreduc li{margin:0; color:#000; display: list-item;}
ul#topreduc li a {color:#336699; font-weight: bold; } 
ul#topreduc li a:hover {color:#cc6600;text-decoration:underline; } 

ul#lastreduc {list-style:none; margin: 0; line-height:1.6em; width:320px; height:410px;}
ul#lastreduc li{margin:0; color:#000; display: list-item; height:60px;}
ul#lastreduc li a {color:#336699; font-weight: bold; } 
ul#lastreduc li a:hover {color:#cc6600;text-decoration:underline; }

.logo {float: left; margin: 3px 10px 0 0; color:#000;}
#logotelco { float:left; width:100%; text-align:center; padding:0 0  20px 25px; }
#logotelco a{font-weight:bold; }

ul#tools li { text-align:justify; margin: 0 10px 0 0;}
ul#tools li a {font-size:16px; font-weight:bold;line-height:1.6em;margin-bottom:5px;}
ul#cats li a {font-size:12px; font-weight:bold;line-height:1.6em;margin-bottom:5px; }

.box {display: block; width: 758px; background-color: #fff; text-align: left; margin: 0 0 10px 0; padding: 10px 10px 0 10px; border: solid 1px #dddddd;}
.codevalue { font-size: 48pt; color: #747474; font-family: Verdana, Arial; font-weight: bold; margin:0; }
#codeboxes {display: block;	margin: 0px 5px 0px 5px;}
#codeboxes .codebox {float: left; margin: -5px 0 5px 5px; width:160px; text-align:center; }
#codeboxes .centercodebox {float: left; margin: 0 10px 0 10px; text-align:center; width:410px;}
#codeboxes .bold { font-size:18px;margin-bottom:3px;color:#cc6600; font-weight:bold; }
#codeboxes .lastcodebox {float: right; margin: 0 0 5px 0; text-align:center;}
#desccode {margin: 0 0 10px 0; }
#codeboxes .onebox {float: left; margin: -5px 0 0 5px; width:860px; text-align:left; }

.code {cursor:pointer; text-decoration:underline; text-align:center; color:#ffe13c; padding-bottom:150px;}
.showcode {cursor:pointer; text-decoration:underline; text-align:center; font-size:20px; color:#c00; margin:0;}
.hiddencode {visibility:hidden; background-color: white; color: black; margin:0; height:0px; }
.merchant {font-size: 12px; color: #0A66B9; font-weight: bold; font-family: Verdana, Arial; cursor:pointer; text-decoration:underline;}
.merchant:hover {text-decoration:none;}

/*------------------------------------------------tabs--------------------*/
#tabs_area{	width:620px;	height:120px;	margin-top: 0;	margin-left: 0;	padding-left:10px;	font-family: Verdana,Arial;	font-size: 12px;font-style: normal;	line-height: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	text-decoration: none;	float:none;	background-color:#FFF;}
.inner_tabarea {	margin: 0px;	float: left;	height: 110px;	width: 610px;	padding: 0;	background-color:#FFF;}
ul,ol {list-style:none}
ol#toc {list-style: none;	margin: 0;	padding: 0;	text-align: center;}
ol#toc li {	float: left;}
ol#toc li.current a {	color:#00A500; text-decoration: none;}
ol#toc li.current a:hover {	color: #fff;}
.inner_menu {	padding: 0px;	float: left;	height: 20px;	width: 610px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;margin-left: 0px;}
.tab_text {	font-family: Verdana, Arial;	font-size: 11px;	font-weight: normal;	color: #000;	text-decoration: none;	margin: 0px;	float:left;	width: 610px;	padding: 0 0 10px 5px;	margin-top: 10px;}
.tab_text li {list-style: none;}
.tabmore span {float:right;}

.innermenu {font-family: Verdana, Arial;	font-size: 10px;	font-weight: bold;	color: #336699; margin: 0px;float: left;	height: 20px;	width: 180px;	padding-top: 8px;	padding-right: 5px;	padding-bottom: 0px;	padding-left: 0px;text-decoration: underline;}
.innermenu:hover {	font-family: Verdana, Arial;	font-size: 10px;	font-weight: bold;	color: #fff;	background-image: url(img/focus.jpg);	background-repeat: no-repeat;	margin: 0px;	float: left;	height: 20px;	width: 180px;	padding-top: 8px;	padding-right: 5px;padding-bottom:0px;	padding-left: 0px;	text-decoration: underline;}

.lavaLamp {		float:left;		position: relative;		height: 40px; 		overflow: hidden;		margin:5px 0 0 0;}
.lavaLamp li {		float: left;		list-style: none;}
.lavaLamp li.back {		background: url(img/lava.gif) no-repeat right -30px;		width: 9px; height: 30px;		z-index: 8;		position:absolute;}
.lavaLamp li.back .left {		background: url(img/lava.gif) no-repeat top left;		height: 30px;		margin-right: 4px;}
.lavaLamp li a {			position: relative; overflow: hidden;		text-decoration: none;		text-transform: uppercase;		font: bold 14pxarial;		color: #000; outline: none;		text-align: center;		height: 30px; top: 7px;		z-index: 10; letter-spacing: 0;		float: left;display: block;		margin: auto 10px;}
.lavaLamp li a:hover {		color: #fff; outline: none;}

/*FOOTER*/
#copyright_container { width:100%;float:left;background:#8b643d; }
#copyright_content { width:989px;margin:0 auto;text-align:center; }
#copyright_content p { color:#E8D2B8;margin:0 0 0 0;font-size:10px; }
#copyright_content p a { color:#cdaf8b; }
#homefooter_container { width:100%;float:left;background:url(img/homefooter_bg.png) repeat-x top left; }
#footer_container { width:100%;float:left;background:url(img/footer_bg.png) repeat-x top left; }
#footer { margin-top:23px;color:#766f63; }
h3 a.footer_titles { color:#815c38;text-decoration:none;}
h3 a.footer_titles:hover { color:#cc6600; text-decoration:underline;} 
#footer_div { margin-top:20px;color:#fff;width:989px;float:left; }
#footer_div h4 { color:#e8d2b8;border-bottom:1px solid #B38B64;padding-bottom:4px; }
ul.footer_div_content { margin:0 0 0 0;list-style:none; }
ul.footer_div_content li { list-style:none;margin:0px;padding:0; }
ul.footer_div_content li a { float:left;width:100%;font-size:10px;color:#fff;text-decoration:none; }
ul.footer_div_content li a:hover { text-decoration:none; color:#000;}
ul.footer_div_content_info li { list-style:none;margin:0px;padding:0; }
ul.footer_div_content_info li a { float:left;width:100%;color:#fff;text-decoration:none; }
ul.footer_div_content_info li a:hover { text-decoration:none; color:#000;}

#twitter{ margin-top:30px; }

#charlybox{clear:both; width:80%; background-color:#b89675;font-size:12px;font-family:georgia;font-style:italic; padding:10px; margin-top:70px; text-align:justify; -moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px; -khtml-border-radius: 6px;}
#charlybox a{color:#fff;text-decoration:none;}


/*Firefox 2 fix*/
ul.footer_div_content li { overflow:hidden; }

#subscribe-form { margin-top:10px; }
#subscribe-form label { display:block;color:#ffc;text-align:left; }
#subscribe-form input { float:left;width:100px;margin:0;font-size:12px; }
#subscribe-form #subscribe-button { width:80px !important;margin-left:6px; }


.rss-popup {
    margin: 0 auto;
    padding: 0;
    width: 361px;
    position: relative;
	cursor:pointer;
}
 
span.rss-popup em {
    background: url(img/bubble.png) no-repeat;
    width: 185px;
    height: 49px;
    position: absolute;
    top: -110px;
    left: 90px;
    text-indent: -9999px;
    z-index: 2;
	display:none;
}
 
#rss-icon {
	width:361px;
    margin: 0 auto;
    display: block;
}
#install-box {
	float:right;
	clear:left;
	width: 320px;
	text-align: center;
	border: 1px solid #56a901;
	background-color: #b2d789;
	padding: 0 0 8px 0;
	margin: 5px 10px 0 10px;
	-moz-border-radius: 10px;
}
.add a {
  width:165px;
  display:block;
  background:url(img/add.png) no-repeat;
  font-size:11px;
  padding-top:8px;
  height:32px;
  padding-left:30px;
  font-weight:bold;  
  color:white;
  text-decoration:none;  
}
.add {
	padding: 10px 0 0 110px;
	text-align: center;
}

.notif-screenshot {
	text-align: left;
	font-style: italic;
	margin: 5px;
}

#title-install-box {
	font-size: 15pt;
	padding: 10px 0px 8px 0px;
	margin-bottom: 10px;
	color: White;
	background-color: #56a901;
	-moz-border-radius-topleft: 10px;	
	-moz-border-radius-topright: 10px;	
}
.title {
	clear: both;
	color: #333;
	font-family: "Helvetica","Arial",sans-serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	padding-bottom: 20px;
}

/* toolbar*/
div#toolbar, div#toolbarbut {
  position: fixed; 
  bottom: 0px;
  right: 0px;
  z-index: 9999; 
  height: 36px;
  background: url(img/btoolbar/bcktool.gif);
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; 
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
	border-top: 1px solid #eee;
  border-left: 1px solid #eee; 
  border-right: 1px solid #eee;  
}

div#toolbar {
  width: 100%;
  margin: 0px auto; 
  left: 0px;
}

div#toolbarbut { 
  width: 60px;
  height: 15px;
  margin-right: 3%;
  display: none;
}

span.showbar a { 
  padding: 5px;  
  font-size: 10px;
  color: #333;
  font-weight:bold;
}
span.showbar a:hover {color:green;}


.leftside {
  float: left;
}

.rightside {
  float: right;
  margin-top:2px;
}

/*-- Left Side --*/

ul#social li {
  display: inline;
}

a.rss {
  display: inline-block;
  width: 355px;
  height: 35px;
  margin-left: 5px;
  background: url(img/btoolbar/rss.png) no-repeat;
}

a.accelerator, a.facebook, a.twitter, a.delicious, a.newsletter {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
}

a.rss:hover, a.accelerator:hover,a.facebook:hover, a.twitter:hover, a.delicious:hover, a.newsletter:hover {
  background-position: 1px 1px; 
}

a.accelerator {
  background: url(img/btoolbar/accelerator.png) no-repeat;
}

a.facebook {
  background: url(img/btoolbar/facebook.png) no-repeat;
}

a.twitter {
  background: url(img/btoolbar/twitter.png) no-repeat;
}

a.delicious {
  background: url(img/btoolbar/delicious.png) no-repeat;
}
a.newsletter {
  background: url(img/btoolbar/newsletter.png) no-repeat;
}

.tip {
  position: absolute; 
  top: -75px;
  width: 250px;
  height: 78px;
  left:100px;
  background: url(img/btoolbar/tip.png) no-repeat;
  float: left;
  display: none;
}

#tipaccelerator {
  left: 330px; 
}

#tipfacebook {
  left: 375px; 
}

#tiptwitter {
  left: 420px; 
}

#tipdelicious {
  left: 465px; 
}

#tipnewsletter {
  left: 505px; 
}

.tip ul {
  padding: 22px 0 0 25px;
}

.tip ul li {
  display: inline;
  padding-left: 3px;
}

.tip ul li a {
  font-size: 16px;
  color: #333;
  font-weight:bold;
}       

.tip ul li a:hover {
  color: green;
}

.tip ul li small {
  font-size: 10px;
}

/*-- Right Side --*/

span.downarr { 
  float: right;
  border-left: 1px solid #a4a4a4;
}

span.downarr a {
  display: block;
  width: 36px;
  height: 26px;
  padding: 25px 0 0 10px;
  background: url(img/btoolbar/downarrow.png) no-repeat 5px 7px;
}