/*
CSS author: Justin Chapman
Created: January 2007
Design: Affiliate - Call Center Software World
Description: all styles
*/

body {padding-top: 0px; margin-top: 0px; background:url(images/bg-content.gif) no-repeat center 150px;}
body div#wrapper { margin: auto auto; height: auto; width: auto; background:url(images/bg-header.gif) no-repeat top left;  }
div#wrapper p.center { margin:auto auto; width: 450px; padding: 0 0 10px 0; margin-top: 0px; margin-bottom: 0px;  }
div#wrapper div#intro h1 {color: #807440; font-family: arial; font-size:20px; padding: 20px 0 0px 10px; margin: 0px; }
a { color: #3082BF
; }
a:link { color: #3082BF
; }
a:visited { color: #3082BF
; }
a:hover, a:active { color: #E6D173


; }

/* jump to top link */
body div#wrapper p.toplink a { font-size:10px;}
body div#wrapper p.toplink { background: url(images/bullet-arrows-up.gif) no-repeat 50px 10px; }

/* tab sytles */
 div.info #tabs {
      background: none;
     }
	  
 #tabs {
      float:left;
      width:100%;
      background: url("images/bg.gif") no-repeat left bottom;
      font-size:93%;
      line-height:normal;
      }
  
    #tabs ul {
	  width: 800px;
      margin:auto auto;
      padding:0px;
      list-style:none;
      }
    #tabs li {
      float:left;
      background:url("images/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
	  font:normal 14px verdana; 
      }
    #tabs a {
	  float:left;
      display:block;
      background:url("images/right.gif") no-repeat right top;
      padding:5px 15px 3px 0px;
	  color: #ffffff;
	  text-decoration: none;
      }
	  
	  #tabs a:hover span{
	  background:url("images/bullet-small.gif") no-repeat left 5px; }
	  
	 #tabs #current span {
      background:url("images/bullet-small.gif") no-repeat left 5px;
      }
	  #tabs span {
	  padding-left: 9px; }
	 
	 
    #tabs #current {
      background-image:url("images/left_on.gif");
      }
    #tabs #current a {
      background-image:url("images/right_on.gif");
      padding-bottom:6px;
	  font: Bold 14px Arial; color: #3082BF
;
      }
	
	 /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #tabs a {float:none;}
  /* End IE5-Mac hack */
.tabledetails{font:12px/14px Arial, Helvetica, sans-serif;}
.tabledetails input{font:12px Arial, Helvetica, sans-serif;}
.asterix {color:#990000;}

/* h3,h4,h5 styles */
body.index div#wrapper div#main div h4  {  text-align: center; padding: 0px; margin: 0px 0 0 0;}
body.index div#wrapper div#main div h4 a { text-decoration: none; font: bold 13px arial; color: #E6D173; padding: 102px 0 0 0;}
body.index div#wrapper div#bottom h5 { margin: 0px; padding: 20px 0 0 0; color: #807440; font: bold 13px arial;}
.h5 { margin: 0px; padding: 20px 0 0 0; color: #807440; font: bold 13px arial;}
body.secondary div#wrapper div#intro h4 { font: bold 14px arial; color: #333366; padding: 13px 0 0 0; margin: 0 0 0 0px}
body.secondary div#wrapper div#intro h3 { font: bold 20px arial; color: #807440; padding: 20px 0 5px 10px; margin: 0 0 0 0; line-height: 17px;}
body.secondary div#wrapper div#intro h3 strong { font: normal 11px arial; color:#666666; padding: 0 0 0 0; margin: 0 0 0 0;}
body.secondary div#wrapper div#bottom h5 { margin: 0px; padding: 20px 0 0 0; color: #807440; font: bold 16px arial; }


/*home intro */
div#wrapper div#intro { clear: both; margin: auto auto; width: 650px; padding: 30px 0 0 0; background: url(images/bg-features.gif) no-repeat; background-position: -1000px -1000px;  }
div#wrapper div#intro p { font: normal 13px arial; margin: 0px; padding: 10px 0 0 0px; text-decoration: none; background: url(images/bg-pricing.gif) no-repeat; background-position: -1000px -1000px;}
div#wrapper div#intro p strong { color: #3082BF; background: url(images/bg-types.gif) no-repeat; background-position: -1000px -1000px;}

/* home main section */
body div ul {margin: 15px 0 0px 7px; padding: 0 0 0 0; list-style: none;}
body div ul li { font: normal 12px arial; padding: 0 0 5px 11px; background: url(images/bullet-small.gif) no-repeat left 5px;}
body.index div#main { height: 256px; clear: both; margin-bottom: 35px; margin: auto auto; width: 660px; padding-top: 30px;}
body.index div#main div { width: 200px; background:url(images/bg-box.gif) no-repeat left top; float: right; margin-left: 27px;}
body.index div#main div p { margin: 0px; padding: 3px 0 5px 10px; font: bold 11px arial;}
body.index div#main div#firstbox {margin: 0px; }
body.index div#main div#firstbox h4 a, body.index div#main div#firstbox h4 a:link, body.index div#main div#firstbox h4 a:visited {width: 200px; display: block; margin: 0px 0 0 0; }
body.index div#main div#firstbox h4 a:hover, body.index div#main div#firstbox h4 a:active {width: 200px; display: block; margin: 0px 0 0 0; }
body.index div#main div#secondbox h4 a { width: 200px; display: block; height: 31px;  margin: 0px 0 0 0;}
body.index div#wrapper div#main div#thirdbox h4 a { width: 200px; display: block; height: 31px; margin: 0px 0 0 0;}
body div ul {margin: 15px 0 0px 7px; padding: 0 0 0 0; list-style: none;}
body div ul li { font: normal 12px arial; padding: 0 0 5px 11px; }

/* home main section - Time and Attendance rollovers*/
body.index div.time div#firstbox h4 a, body.index div.time div#firstbox h4 a:link, body.index div.time div#firstbox h4 a:visited { background: url(images/bg-types-dark.gif) no-repeat 9px 8px;  padding: 110px 0 0 0; }
body.index div.time div#firstbox h4 a:hover, body.index div.time div#firstbox h4 a:active { background: url(images/bg-types.gif) no-repeat 9px 8px;  padding: 110px 0 0 0; }
body.index div.time div#secondbox h4 a { background: url(images/bg-features-dark.gif) no-repeat 9px 8px; }
body.index div.time div#secondbox h4 a:hover {  background: url(images/bg-features.gif) no-repeat 9px 8px; }
body.index div#wrapper div.time div#thirdbox h4 a { background: url(images/bg-pricing-dark.gif) no-repeat 9px 8px;}
body.index div#wrapper div.time div#thirdbox h4 a:hover {background: url(images/bg-pricing.gif) no-repeat 9px 8px; }
body.index div.time h4 a {padding: 110px 0 0 0; }


/*secondary intro */
body.index div#wrapper div#bottom div.productimage { clear:both; float: right; padding: 20px 20px 0 20px;  }
body.index div#wrapper div#bottom div.productimage img { background:url(images/bg-images.gif) no-repeat left top; padding: 10px; } 
body.secondary div#wrapper div#intro ul.jumplinks {margin: 10px 0 0px 0px; padding: 0 0 0 0; list-style: none;}
body.secondary div#wrapper div#intro ul.jumplinks li { font: normal 12px arial; padding: 0 0 10px 15px; background: url(bullet-orange-boxes.gif) no-repeat left 5px;}
body.secondary div#intro div.rightside { float: right; width: 430px; padding-bottom: 0px; margin-bottom: 0px;}
body.secondary div#intro div.rightside ul li.para { list-style: none; }


/* all bottom sections */
body div#wrapper div#bottom { clear: both; margin: auto auto; width: 650px; padding: 0 0px 0 0px; }
body div#wrapper div#bottom div { background: url(divider-stripes.gif) no-repeat left top; padding: 0px 10px 25px 10px; margin: 0px; }
body div#wrapper div#bottom div p { font: normal 12px arial; color: #000000; margin: 0px; padding: 8px 0 0 0;}
body.secondary div#wrapper div#bottom p { font: normal 12px arial; color: #000000;}
body div#wrapper div#bottom ul.jumplinks { margin: 10px 0 0px 0px; padding: 0 0 20px 0; list-style: none;}
body div#wrapper div#bottom ul.jumplinks a { font-weight: bold;}
body div#wrapper div#bottom ul.jumplinks li { display: inline; font: normal 12px arial; padding: 0 0 10px 12px; margin: 0 0 0 10px; background: url(bullet-orange-boxes.gif) no-repeat left 5px;}
body div#wrapper div#bottom ul.jumplinks li#first { margin-left: 0px;}
/* footer styles */
div.footer-bg {  background: url(images/bg-content-bottom.gif) no-repeat center bottom; }
div#footer { padding: 0px; margin: 15px 0 15px 0; text-align:center; background: url(images/bg-footer.gif) repeat-x top left; height: 140px;}
div#footer ul { list-style: none; background: none; display: inline; }
div#footer ul li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;  }
div#footer ul li a { padding: 0 2px 0 0;}
div#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 10px 0 0 0;}

a.moreweb:hover, a.moreweb:visited, a.moreweb:active a.moreweb:link
	{
	text-decoration: none;
	font-family: Arial;
	font-size:20px;
	color: ##807440;	
	}	

	
/*Secondary Pages Call to Quote*/
div#calltoquotesrt {float: left;height: 197px;margin: 25px 10px 10px 0px;padding: 8px 10px 10px 6px;width: 244px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt h5 {text-align: center;color:#0072A3;padding: 15px 0 0px 0px;margin: 0px 0px 0px 10px;font-family: arial;font-size: 15px;}
div#calltoquotesrt h6 { padding: 5px 0 0px 5px; margin: 0px 0px 10px 100px; }
div#calltoquotesrt select { background-color: #ffffff; font-family: arial, helvetica; font-size: 11px; margin-bottom: 5px; margin-left: 90px; margin-top: 5px;}


/* *************************************************OLD CALL QUOTE - SECONDARY */
body div#wrapper h2 { font: bold 14px arial; color:white; padding: 10px 0px 0px 15px; width: 500px; }
body div#thumbnail-quote { margin: 10px 0px 15px 7px; padding-top: 0px; background:url(images/bg-fade.gif) no-repeat top left; height: 85px; }

/* **************************************************OLD CALL QUOTE - normal */
body div#wrapper div#bottom div.quotecallout { margin: 0px 0 0 0; padding: 0 0 0px 0; }
body div#wrapper div#bottom div.quotecallout a { height: 35px; display:block; background:url(images/bg-quote.gif) no-repeat 368px 10px; padding: 10px 0 0 0;}
body div#wrapper div#bottom div.quotecallout a:hover { color: #807440;  }
body div#wrapper div#bottom div.quotecallout p {  font: bold 13px verdana; margin: 0px; padding: 5px 0 0 10px; cursor:pointer; width: 100% }

/* *************************************************OLD CALL QUOTE - Questions Home */
body.index div#wrapper h2 { font: bold 15px arial; margin: 0px; color: white; text-align: center; padding: 0px 0px 10px 0px; width: auto; }

div#wrapper div#intro div.home-quote {float: left;margin: 20px;background:url(images/bg-quote-index.gif) no-repeat top left;padding-top: 10px;padding-right: 10px;padding-bottom:18px;padding-left: 20px;}
div#wrapper div#intro div.home-quote select { margin-bottom: 7px; }