body {font-family: verdana, arial, sans-serif; color: #000; font-size: 11px; background-color: #eee; padding: 0; margin: 0;}
p {margin: 0 0 1em 0; padding: 0; line-height: 14px;}
h1 {font-size: 20px;}
h2 {font-size: 16px;}
h3 {font-size: 12px;}
h1, h2, h3 {margin: 0; padding: 0; font-style: normal; font-weight: normal;}
a {text-decoration: none; color: #036;}
a:hover {text-decoration: underline; color:#039;}
img {border: 0;}
form {padding: 0; margin: 0;}

.clear {clear: both;}
.last {margin: 0; padding: 0;}
.small {font-size: 9px;}
.indent {margin-left: 20px;}
.bulletsm {margin-left: 21px; padding-left: 13px; background-image: url("http://www.reclicks.com/images/2/bullet.gif"); background-position: left; background-repeat: no-repeat;}
.bulletlg {padding-left: 21px; background-image: url("http://www.reclicks.com/images/2/arrow.gif"); background-position: left; background-repeat: no-repeat;}
.floatr, .floatl {margin: 2px;}
.floatr {float: right;}
.floatl {float: left;}

#navcontainer {
padding: 0 10%;
height:32px;
background-image: url("http://www.reclicks.com/images/2/nav_bg.gif");
background-repeat: repeat-x;
border-bottom: 1px solid #000;
}
#navlist {
padding: 0; 
margin: 0; 
font: verdana, sans-serif; 
font-size: 13px;
list-style-type: none;
}
#navlist li {
display: inline;
}
#navlist li a {
color: #fff; 
text-decoration: none;
border-left: 1px solid #26a;
padding: 8px 14px; 
margin: 0; 
float: left;
}

#navlist #lastnav {
border-right: 1px solid #26a;
}
#navlist #current {
background-image: url("http://www.reclicks.com/images/2/nav_bg_active.gif"); 
background-repeat: repeat-x;
}
#navlist a:hover {
background-image: url("http://www.reclicks.com/images/2/nav_bg_hover.gif");
background-repeat: repeat-x; 
text-decoration: underline;
}

#header {background-color: #fff; background-image: url("http://www.reclicks.com/images/2/header01.jpg"); background-position: bottom right; background-repeat: no-repeat; padding: 0; margin: 0 10%; border-left: 1px solid #000; border-right: 1px solid #000;}
#header #logo {margin: 22px 12px;}
#header form {font-size: 9px; line-height: 20px; text-align: right; color: #666; position: absolute; top: 34px; right: 20%; z-index: 4; vertical-align: middle;}
#header input {border: 1px solid #cc9; background-color: #ffe; font-size: 9px; width: 50px; margin: 0; height: 14px; color:#666;}
#header #login {margin: 0; height: 20px; width: 64px;}
#header form a {color: #ccc;}
#header p {padding: 4px; margin: 0; width: 250px; position: absolute; top: 120px; right: 12%; background-color:#ffc; opacity: .85; filter: alpha(opacity=85); -moz-opacity: 0.85; border: 1px solid #cc3; z-index: 1;}
#header h2 {width: 250px; position: absolute; top: 106px; right: 12%; z-index: 2;}
#header #join {position: absolute; top: 156px; right: 12%; z-index: 3;}

#content {background-color: #cdf; background-image: url("http://www.reclicks.com/images/2/content_bg.gif"); background-position: top; background-repeat: repeat-x; padding: 0; margin-left: 10%; width: 80%; border: 1px solid #000;}

#more {float: left; padding: 0 8px; margin: 8px; width: 240px; list-style: none; border: 1px solid #059; background-color: #fff;}
#more li {padding: 0 0 0 26px; margin: 8px 0; height:32px; background-repeat: no-repeat; background-position: left;}
#more p {font-size: 10px; color:444; margin-left: 8px;}
#more h3 {color: #333; margin-left: 8px;}
#more a {color: #330;}
#more #hiw {background-image: url("http://www.reclicks.com/images/2/how_it_works.gif");}
#more #pas {background-image: url("http://www.reclicks.com/images/2/products_and_services.gif");}
#more #sat {background-image: url("http://www.reclicks.com/images/2/support_and_training.gif");}

#info {margin: 20px; padding: 8px; border: 1px solid #039; background-color: #eef;}
#info #start {float: right; margin: 8px;}
#info #conferencing { width: 40%; float: right; margin:8px; padding: 4px 4px 4px 58px; background-color: #fff; border: 1px solid #000; background-image: url("http://www.reclicks.com/images/2/checkmark.gif"); background-position: 4px 4px; background-repeat: no-repeat;}
#info #livechat {border: 1px solid #000; margin: 6px;}
#info #start2 {float: left; margin: 8px;}
#info #sample {float: right; margin: 6px; border: 1px solid #999;}
#info .howitworks {border: 1px solid #000;}

#info #sidebar {float: right; width: 200px;}
#info .box {border: 1px solid #39c; margin: 4px 216px 4px 17px; padding: 6px; background-color: #eff;}
#info .subbox {border: 1px solid #9bd; margin: 8px 216px 8px 30px; padding: 6px; background-color: #fff;}
#info .sidebox {padding: 4px; border: 1px solid #cca; background-color: #ffd; margin: 8px 0;}

.jumptop {text-align: right; margin-right: 224px; padding-right:14px; font-size: 9px; background-image: url("http://www.reclicks.com/images/2/top.gif"); background-position: right; background-repeat: no-repeat;}

.sidebox p {font-size: 9px;}

.rightcolumn {float: right; width: 49%; padding: 0 0 0 1%; border-left: 1px dashed #039; margin: 0 0 0 1%;}

#sales {margin: 4px 17px; border: 1px solid #039; background-color: #fff;}
#sales ol {margin-bottom: 0; margin-top: 0; padding: 136px 8px 0px 24px;}
#sales #indirect ol {padding-bottom: 16px;}
#sales #top {text-align: center; padding: 8px 8px 34px 8px; margin-bottom: 8px; background-image: url("http://www.reclicks.com/images/2/andor.gif"); background-position: center bottom; background-repeat: no-repeat;}
#indirect, #facetoface {background-repeat: no-repeat;}
#indirect {background-image: url("http://www.reclicks.com/images/2/indirect.jpg"); background-position: left top;}
#facetoface {background-image: url("http://www.reclicks.com/images/2/facetoface.jpg"); background-position: right top;}

#brands {margin: 0 0 10px 0; padding: 8px; background-color: #fff; border-top: 1px solid #666; border-bottom: 1px solid #666; text-align: center; clear: both;}
#brands img {vertical-align: middle; margin: 0 24px;}

#footer {padding: 6px 0; font-size: 9px; text-align: center;}