body { padding: 20px; background-color: #fff; border: none; margin: 15px; font-family: Trebuchet MS, sans-serif; }

h1 { margin: 10px; padding: 3px 0; font-size: 20px; }
h1.blue { margin: 0 0 10px 0; padding: 3px 0; font-size: 22px; color: #0A7EBB; }
h2 { margin: 0 0 10px 0; padding: 5px 10px; background-color: #eee; font-size: 18px; border-bottom: solid 1px #ddd; }
h3 { margin: 0; padding: 0 0 5px 0; color: #005FAB; font-size: 15px; }
h3.bot { border-bottom: dotted 2px #ccc; }
h3.bg { margin: 0 0 10px 0; padding: 8px 15px; background-image: none; background-image: url('images/h3.gif'); color: #000; }
h4 { margin: 0; padding: 0 0 10px 0; color: #666666; }
h5 { margin: 0; padding: 0 0 10px 0; font-size: 14px; }
h6 { margin: 0; padding: 5px 0; font-size: 100%; }
a:link { color: #759D00; /* #005FAB; */ text-decoration: underline; }
a:visited { color: #759D00; /* #005FAB; */ text-decoration: underline; }
a:hover { color: #ff6600; text-decoration: none; }

a.a { padding: 2px 0 0 15px; background-image: url('images/bullet.gif'); background-repeat: no-repeat; font-size: 12px; }
a.a:link { color: #666666; }
a.a:visited { color: #666666; }
a.a:hover { color: #111; }

input,textarea,select { font-size: 20px; font-family: "Trebuchet MS"; background-image: url('images/input.gif'); }
input.nobg,textarea.nobg,select.nobg { background: none; border: none; }
input.btn { padding: 2px 10px; background-image: url('images/bgbtn.gif'); font-weight: bold; color: #fff; border: none; }

hr { height: 1px; color: #ccc; margin: 5px 10px; }

p { margin: 0; padding: 5px 0; }

ul,ol { margin: 0 0 0 20px; padding: 5px 0; }
ul.a,ol.a { margin: 10px 10px 10px 20px; padding: 5px 0; }
ul.a li { margin: 5px 0; }

p.menuleft, p.menuleft1, p.menuleft2, p.menuleft3, p.menuleft4 { padding: 8px 0 15px 35px; background-repeat: no-repeat; font-size: 15px; }
p.menuleft { background-image: url('images/bgmenuleft.gif'); }
p.menuleft a { color: #444; }
p.menuleft a:link { text-decoration: none; }
p.menuleft a:visited { text-decoration: none; }
p.menuleft a:hover { text-decoration: none; color: #ff6600; }
p.menuleft1 { background-image: url('images/bgmenuleft1.gif'); }
p.menuleft2 { background-image: url('images/bgmenuleft2.gif'); }
p.menuleft3 { background-image: url('images/bgmenuleft3.gif'); }
p.menuleft4 { background-image: url('images/bgmenuleft4.gif'); }

table { border-collapse: collapse; }
tr { font-size: 80%; }
th { background-color: #eee; }
td { padding: 0; }

table.header { width: 100%; }
table.header td.hleft { width: 320px; }
table.heaer td.hright { width: 80%; }

table.splash { width: 100%; }
table.splash td.sleft { width: 25px; background: none; }
table.splash td.sright { width: 25px; background: none; }
table.splash td { width: 99%; background-image: url('images/bgsplash.gif'); background-repeat: repeat; }

table.bgheader { width: 100%; background-image: url('images/bgheader.gif'); }
table.bgheader tr { color: #fff; font-weight: bold; font-size: 15px; }
table.bgheader p { padding: 6px 20px 5px 5px; }
table.bgheader td.sleft { background: none; width: 25px; }
table.bgheader td.sright { background: none; width: 25px; }
table.bgheader td.image { with: 82px; }
table.bgheader td.hleft, table.bgheader td.hright { width: 17%; }
table.bgheader td.main { with: 50%; }

table.splash2 { width: 100%; }
table.splash2 td.sleft { width: 25px; background: none; }
table.splash2 td.sright { width: 25px; background: none; }
table.splash2 td { width: 99%; background-image: url('images/bgsplash2.gif'); background-repeat: repeat; }

table.bodyouter { margin: 0 1px; width: 100%; font-size: 130%; }
table.bodyouter td.bgbodytopleft, table.bgbodybodyouter td.bgbodytopright, table.bgbodybodyouter td.bgbodybotleft, table.bgbodybodyouter td.bgbodybotright { width: 25px; height: 18px; }
table.bodyouter td.bgbodytop { width: 96%; height: 18px; background-image: url('images/bgbodytop.gif'); }
table.bodyouter td.bgbodybot { height: 18px; background-image: url('images/bgbodybot.gif'); }
table.bodyouter td.bgbodyleft { height: 18px; background-image: url('images/bgbodyleft.gif'); }
table.bodyouter td.bgbodyright { height: 18px; background-image: url('images/bgbodyright.gif'); }

table.body { margin: 10px 0; width: 760px; height: 50%; }
table.body td.bcenter { padding: 0 0 10px 0; }
table.body td.bleft { padding: 0 10px 0 0; width: 200px; }
table.body td.bright { padding: 0 0 0 10px; width: 560px; background-image: url('images/bgcell.gif'); }

table.body2 { margin: 0; width: 800px; }
table.body2 td.bleft { padding: 0 0; width: 200px; }
table.body2 td.bright { padding: 0; width: 600px; }

table.bodyin { margin: 0; width: 760px; }
table.bodyin td.bleft { padding: 0 10px 0 0; width: 200px; }
table.bodyin td.bright { padding: 0 0 0 10px; width: 560px; background-image: url('images/bgcell.gif'); }

table.list { width: 100%; margin: 0; font-size: 120%; }
table.list th { padding: 5px 10px; font-size: 120%; color: #444; }
table.list td, table.list th { padding: 5px 10px; border: solid 1px #ddd; }

table.list2 { width: 100%; margin: 0; font-size: 120%; }
table.list2 th { padding: 5px 10px; font-size: 120%; color: #444; }
table.list2 td, table.list2 th { padding: 5px 10px; border-bottom: solid 1px #ddd; border-top: none; border-left: none; border-right: none; }

table.box { width: 330px; }
table.box td.btop { padding: 0; height: 15px; background-image: url('images/bgboxtop.gif'); background-repeat: no-repeat; }
table.box td.bbot { padding: 0; height: 15px; background-image: url('images/bgboxbot.gif'); background-repeat: no-repeat; }
table.box td { padding: 5px 15px; }
table.box td { background-image: url('images/bgbox.gif'); background-repeat: repeat; }

table.rates { margin: 0; }
table.rates tr { font-size: 100%; }
table.rates td { padding: 5px; }
table.rates input { border: solid 1px #aaa; }
table.rates input.nobg { background: none; border: none; }
table.rates input.btn { border: solid 2px #fff; }

table.footer { width: 100%; }
table.footer td { padding: 0; }
table.footer td.fleft { width: 25px; background: none; }
table.footer td.fright { width: 25px; background: none; }
table.footer td { width: 99%; background-color: #111; }

table.footer2 { width: 100%; height: 47px; }
table.footer2 td { padding: 0; }
table.footer2 td.fleft { width: 25px; background: none; }
table.footer2 td.fright { width: 25px; background: none; }
table.footer2 td { width: 99%; background-image: url('images/bgfooter.gif'); }

div.menutop { color: #ccc; margin: 0; padding: 0; font-size: 15px; font-weight: bold; }
div.menutop a { font-size: 110%; margin: 0; padding: 0 10px; }
div.menutop a:link { color: #111; text-decoration: none; }
div.menutop a:visited { color: #111; text-decoration: none; }
div.menutop a:hover { /* Color: #96CF08; */ color: #ff6600; text-decoration: none; }

#home, #callingcard, #conferencecalling, #dialaround, #followmelocator, #hostedippbx, #voip { margin: 0 0 10px 0; padding: 0 220px 10px 15px; }
#home h1, #callingcard h1, #conferencecalling h1, #dialaround h1, #followmelocator h1, #hostedippbx h1, #voip h1 
#home h1.blue, #callingcard h1.blue, #conferencecalling h1.blue, #dialaround h1.blue, #followmelocator h1.blue, #hostedippbx h1.blue, #voip.blue h1 { margin: 0 0 5px 0; padding: 5px 0 10px 0; }

#home { background-image: url('images/home.jpg'); background-repeat: no-repeat; background-position: top; }
#callingcard { background-image: url('images/callingcard.jpg'); background-repeat: no-repeat; background-position: top; }
#conferencecalling { background-image: url('images/conferencecalling.jpg'); background-repeat: no-repeat; background-position: top; }
#dialaround { background-image: url('images/dialaround.jpg'); background-repeat: no-repeat; background-position: top; }
#followmelocator { background-image: url('images/followmelocator.jpg'); background-repeat: no-repeat; background-position: top; }
#hostedippbx { background-image: url('images/hostedippbx.jpg'); background-repeat: no-repeat; background-position: top; }
#voip { background-image: url('images/voip.jpg'); background-repeat: no-repeat; background-position: top; }

div.arrow, div.arrow1, div.arrow2, div.arrow3, div.arrow4 { margin: 0 0 6px 0; padding: 0 0 5px 35px; }
div.arrow { background-image: url('images/arrow.gif'); background-repeat: no-repeat; } 
div.arrow1 { background-image: url('images/arrow1.gif'); background-repeat: no-repeat; } 
div.arrow2 { background-image: url('images/arrow2.gif'); background-repeat: no-repeat; } 
div.arrow3 { background-image: url('images/arrow3.gif'); background-repeat: no-repeat; } 
div.arrow4 { background-image: url('images/arrow4.gif'); background-repeat: no-repeat; } 
div.arrow h3, div.arrow1 h3, div.arrow2 h3, div.arrow3 h3, div.arrow4 h3 { padding-bottom: 3px; }
div.arrow p, div.arrow1 p, div.arrow2 p, div.arrow3 p, div.arrow4 p { padding: 0 0 5px 0; }
div.arrow p.a, div.arrow1 p.a, div.arrow2 p.a, div.arrow3 p.a, div.arrow4 p.a { padding: 5px 0; }

div.bg { margin: 0; padding: 0px; /* background-image: url('images/bgbg.gif'); background-position: bottom; */ background-color: #eee; color: #333; }
div.bg h3 { margin: 0 0 10px 0; padding: 8px 15px; background-image: url('images/h3.gif'); color: #000; }
div.bg h3.dark { background-image: url('images/h3b.gif'); color: #fff; }
div.bg h5 { margin: 0 0 10px 0; padding: 8px 15px; background-image: none; background-color: #ddd; color: #000; }
div.bg p { padding: 0 15px 10px 15px; }

div.resultbox { margin: 0 10px; padding: 2px; /* background-image: url('images/bgresultbox.gif'); */ }
div.resultbox h5 { margin: 0; }

div.drop { margin: 0; padding: 0; }
div.drop table.rates h5 { margin: 10px 0 0 0; }

div.popup { margin: 15px; padding: 15px; border: solid 1px #111; font-size: 75%; }

div.page { margin: 0; padding: 10px; }

div.menubot { margin: 0; padding: 0; color: #ccc; }
div.menubot p { padding: 15px 10px 5px 10px; }
div.menubot a { display: inline; margin: 0; padding: 0 20px; font-size: 12px; font-weight: normal; }
div.menubot a:link { color: #aaa; text-decoration: none; }
div.menubot a:visited { color: #aaa; text-decoration: none; }
div.menubot a:hover { color: #C6FF00; text-decoration: none; }

div.bot { margin: 0; padding: 0 0 20px 0; color: #aaa; font-size: 12px; background-color: #111; }
div.bot p { padding: 5px; }

.small { font-size: 11px; font-weight: bold; }
.arw { background-image: url('images/arrow_small.gif'); background-repeat: no-repeat; padding-left: 20px; }


