/*
CSS author: Justin Chapman
Created: Jan 2007
Design: Affiliate - Call Centers Comparison
Description: all styles
*/



body {
	margin: auto auto;
	width:802px;
	background-color: #374325;
	}

#wrapper {background-color:#FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC; margin-bottom:10px;}

	/* ----- Header and Logo ----- */	
	
#header_top{width:800px; height:160px; background:url(images/hdr.gif) repeat; margin-bottom:20px;}
#header_top a{text-decoration:none; margin:0; padding:0;}	
#header_top #logo{height:96px; width:390px; margin:0; padding:10px 0 14px 400px; background:url(images/logo.gif) no-repeat 339px 0px;}
#header_top #logo p{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#525C75; text-decoration:none; margin:80px 0 0 0; padding:0;}


	/* ----- Main Nav for Call Center ( Inbound ) ----- */	

#left_button{height:36px; width:120px; background:url(images/main_nav_on.gif) no-repeat; text-align:center; margin:-55px 0 0 50px; padding:20px 0 0 0; float:left; z-index:1;}
#left_button a{padding:0; margin:0; font-size:14px; line-height:16px; text-decoration:none; color:#6B8ACB;}
#left_button a:hover{color:#000000;}	
#right_button{height:36px; width:130px; background:url(images/main_nav_rt_off.gif) no-repeat; text-align:center; margin:-55px 0 0 -5px; padding:20px 0 0 0; float:left; z-index:0;}
#right_button a{padding:0; margin:0; font-size:14px; line-height:16px; text-decoration:none;color:#4E5C7B;}
#right_button a:hover{color:#000000;}		
	
	/* ----- Main Nav for Telemarketing ( Outbound )----- */	
#left_button_tele{height:36px; width:120px;	background:url(images/main_nav_lft_off.gif) no-repeat; text-align:center; margin:-55px 0 0 50px; padding:20px 0 0 0; float:left; z-index:1;}
#left_button_tele a{padding:0; margin:0; font-size:14px; line-height:16px; text-decoration:none; color:#4E5C7B;}
#left_button_tele a:hover{color:#000000;}	
#right_button_tele{height:36px;	width:130px; background:url(images/main_nav_on_rt.gif) no-repeat; text-align:center; margin:-55px 0 0 -5px; padding:20px 0 0 0; float:left; z-index:0;}
#right_button_tele a{padding:0; margin:0; font-size:14px; line-height:16px; text-decoration:none; color:#6B8ACB;}
#right_button_tele a:hover{color:#000000;}		


	/* ----- Container for Sub-navigation ----- */
	
#blue_bar{background-color:#5d6370; padding:0; height:34px; width:798px; border-top:3px solid #EAEAEA; border-bottom:3px solid #B9C5D8; border-right:2px solid #B9C5D8; border-left:0px solid #B9C5D8; margin:-1px 0 0 0; z-index:2;}
#blue_bar a {float:left; display:block; width:112px; background:#5d6370; margin:0 auto; padding:9px 0px 11px 0px; color:#ECECEC; text-align:center; text-decoration:none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; border-left: 1px solid #B9C5D8;}
#blue_bar a.wide5 {width:80px;}
#blue_bar a.wide4 {width:150px;}
#blue_bar a.wide3 {width:136px;}
#blue_bar a.wide2 {width:168px;}
#blue_bar a.wide1 {width:174px;}
#blue_bar a.current {background:#9ea1a9; color:#fff; text-decoration:none;}
#blue_bar a:hover {background:#9ea1a9; color:#fff;}


	/* ----- Body and Background image for text ----- */
	
#body_txt{height:auto; width:623px; z-index:1; padding:15px 10px 0 20px; margin:auto auto; border-bottom:45px solid #74A32B; border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #999; background-image:url(images/bg_text.gif);}

#body_txt.home{padding-top:30px;}

/* QUOTE BOX */	
div#calltoquotesrt {float: left;height: 195px;margin: 0px 5px 10px 0px;padding: 10px 10px 10px 5px;width: 255px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt h5 {text-align: center; color:#0072A3;padding: 10px 0 0px 20px;margin: 0px 10px 8px 0px;font-family: arial;font-size: 17px;}
div#calltoquotesrt h6{ height: 26px; width:117px; margin: 10px 0px 15px 90px; background:url(images/btn2.gif) no-repeat; font:bold 13px/24px Geneva, Arial, Helvetica, sans-serif; text-align:center;}
div#calltoquotesrt a h6 {color:#fff; text-decoration:none;}
div#calltoquotesrt a:hover h6 {color:#003399;}
div#calltoquotesrt select { background-color: #ffffff; font-family: arial, helvetica; font-size: 11px; margin-bottom: 3px; margin-left: 80px; margin-top: 5px;}
div#calltoquotesrt .style1 { font-family:arial; font-size: 12px;color: #FFFFFF;font-weight: bold;}




	/* styles to remove*/

#wrapper_index {
	height:1875px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF; 
	border-right:1px solid #999; border-bottom:1px solid #666; border-left-width:1px solid #999;}
#wrapper_outsourcing {
	height:1750px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right:1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_center_efficiency {
	height:1335px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_answering_services {
	height:1215px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_call_center_solution {
	height:1820px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right :1px solid #CCC; border-bottom: 1px solid #999;border-left-width: 1px solid #CCC;}
#wrapper_outsourcing_costs {
	height:1135px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_telemarketing {
	height:2370px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_vendors {
	height:1600px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_do_not_call_list {
	height:1075px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_offshore {
	height:1100px; }
#wrapper_telemarketing_costs {
	height:1400px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_privacy{
	height:3735px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_about{
	height:2075px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right:1px solid #CCC; border-bottom:1px solid #999; border-left:1px solid #CCC;}
#wrapper_terms{
	height:3330px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_success{
	height:800px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
#wrapper_acquisition{
	height:1520px; width:800px; margin-right:auto; margin-left:auto; position:relative; background-color:#FFF;
	border-right: 1px solid #CCC; border-bottom: 1px solid #999; border-left: 1px solid #CCC;}
	
	
		/* ----- Footer----- */
		
#footer {height:50px; width:500px; margin-right:auto; margin-left:auto; position:relative; z-index:1;}
#footer ul { list-style: none; background: none; display: inline; }
#footer ul li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;  }
#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 10px 0 0 0;}

	/* ----- Images Home index and Telemarketing Home Page ----- */
	
#images_home {height:330px; width:624px; left:0px; border-right:1px dashed #CCC; border-left:1px dashed #CCC;}

#images_1 {height:330px; width:196px; left:0px; float:left; border-right:1px dashed #CCC; border-left:1px dashed #CCC; padding:0 2px 0 8px;}
#images_1 H2{text-align:center; text-decoration:underline;}	
#images_1 H2 a {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #414e64; margin-top:0; }
#images_1 p{font-size:12px;}	
	
a#img_1{height:122px; width:185px; left:5px; top:25px;  background:url(images/outsource_callcenter.gif) 0 0;
	display:block;}
a#img_1:hover {background-position: 0 -122px;}
	
	
a#img_2{height:122px; width: 185px; left:5px; top:25px; background:url(images/efficiency_callcenter.gif) 0 0;
	display:block;}
a#img_2:hover {background-position: 0 -122px;}
	
	
a#img_3{height:122px; width:185px; left:5px; top:25px; background:url(images/types_callcenter.gif) 0 0; 
	display: block;}
a#img_3:hover {background-position: 0 -122px;}

a#img_4{height:122px; width:185px; left:5px;
	background: url(images/dontcall_telemarketing.gif) 0 0;
	top: 25px;
	display: block;
	}

a#img_4:hover {background-position: 0 -122px;}
	
	
a#img_5{
	height: 122px;
	width: 185px;
	left: 5px;
	background-position: 0 0;
	background-image: url(images/outsource_callcenter.gif);
	top: 25px;
	display: block;
	}
	
a#img_5:hover {background-position: 0 -122px;}
	
a#img_6{
	height: 122px;
	width: 185px;
	left: 5px;
	background-position: 0 0;;
	background-image: url(images/pricing_telemarketing.gif);
	top: 25px;
	display: block;
	}
	
a#img_6:hover {background-position: 0 -122px;}
	/*
#left_image {height:75px; width:113px; position:absolute; z-index:5; left:100px; top:230px;}	
	*/



	

	
	/* ----- Font Styles ----- */
	
.nav {font: bold Verdana, Arial, Helvetica, sans-serif; text-align:center;}
.subnav {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #6D6D6D; text-align: center;}
.body_text_plain, td, p {font: 12px Verdana, Arial, Helvetica, sans-serif;}
.body_text_plain a{text-decoration:none;}
H1 {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #74A32B;}
H1.H1 {font: bold 17px Verdana, Arial, Helvetica, sans-serif; color: #74A32B; text-align:left; margin-left:0px;}
H2 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #414e64; margin-top:0;}
#body_txt H2 a,
H2 a{font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #414e64; text-decoration:none;}
.h2 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #414e64;}
.h2 a{font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #414e64; border-bottom:1px solid #0f0; text-decoration:none;}
.h2 a:link{font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #414e64;}
.h2 a:visited{font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #414e64;}
.h2 a:hover{font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #414e64;}
.h2 a:active{font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #414e64/*993366*/;}
li{margin-left:15px;}




a:visited, a:active, a:link {text-decoration: underline;font-family: Arial; color: #51679D;font-weight: bold;}	
a:hover{text-decoration: underline;font-family: Arial; color: #74A32B;font-weight: bold;}	
a img { border : none; }