/*
	Color sets
	
	Blue: #2750b7
	Purple: #733783
	Grey: #c3c3c3
*/

html {margin: 0 0 18px 0; padding: 0;}
body {
	margin: 0 0 0 0;
	padding: 0;
	font: .75em Verdana, Arial;
	color: #000;
	background: white url(images/bg.png) 0 0 repeat-x;
}

#ContentText body
{
	background: white;
}
#ContentText2 body
{
	background: white;
}
a {color: #4188cb;}
a:hover {color: #75b6f3;}
img, img a {border: 0;}

h1 {
	font-family: Arial;
	font-size: 1.6em;
	color: #733783;
	font-weight: normal;
	margin: 0 0 6px 0; padding: 0;
}

h2 {
	font-size: 1em;
	font-family: Verdana;
	font-weight: bold;
	margin: 0; padding: 0;
}
.menuDiv 
{
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 10px;
	font: .75em Verdana, Arial;
}
.categoryDiv 
{
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 10px;
	font: .75em Verdana, Arial;
}

#wrapper {
	width: 862px;
	margin: 0 auto 0 auto;
	background: url(images/container_bg.png) 0 0 no-repeat;
}

#container {
	width: 834px;
	margin: 0 auto 0 auto;
	border-left: 1px solid white;
	border-right: 1px solid white;
	min-height:600px;
}

#content {
	width: 834px;
	background: url(images/header_bottom.png) 0 0 no-repeat;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 16px;
}

.adminContent tr.active 
{
	font-weight:bold;
}
.adminContent tr.inactive 
{
	color:Gray;
}

#topHead {background: url(images/head_bg.png) top right no-repeat; width: 834px;overflow: hidden;}
.logo {width: 252px; height: 52px; float: left; margin: 7px 0 0 21px;}
#search {
	background: url(images/phone_number.png) top right no-repeat;
	width: 242px;
	height: 56px;
	margin: 10px 15px 0 0;
	float: right;
}

#search input.searchBar {margin: 27px 0 0 0; float: left; width: 174px; height: 13px; border: 1px solid #c0c0c0;}
#search input.searchButton {margin: 27px 0 0 0; float: right; background: url(images/search.png) 0 0 no-repeat;width: 61px; height: 17px; border: 0; cursor: pointer;}
/*Header*/
#header {
	width: 832px;
	overflow: hidden;
	clear: both;
	border-bottom: 2px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
}

#header div.splash {background: url(images/splash_img.jpg) bottom left; width: 544px; height: 195px; float: left;}
#header div.splash2 {background: url(images/splash_img2.jpg) bottom left no-repeat; width: 544px; height: 141px; float: left;}

#header div.splash2 p.testimonial {
	width: 300px;
	margin: 69px 0 0 229px;
	float: left;
	font-size: .9em;
	color: white;
}

#header div.splash2 p.client {
	margin: -10px 10px 0 19px;
	clear: both;
	color: white;
	padding: 0;
	font-size: .9em;
	text-align: right;
}

/*Quick IE positioning hacks*/
* html #header div.splash2 p.testimonial {margin: 69px 0 0 114px;}
* html #header div.splash2 p.client {margin: 0px 10px 0 19px;}

#header div.testimonial {
	background: url(images/testimonial.jpg) 0 0;
	width: 288px;
	height: 195px;
	float: right;
	font-family: Arial;
}

#header div.testimonial p.testimonial {
	width: 110px;
	margin: 29px 0 0 19px;
	float: left;
	font-size: 1em;
}

#header div.testimonial p.client {
	margin: -10px 10px 0 19px;
	clear: both;
	color: white;
	padding: 25px 0 0 0;
	font-size: .9em;
	text-align: right;
}

/*Linklist right below main menu*/
ul#upperLinks {
	list-style: none;
	color: #c3c3c3;
	font-size: .85em;
	padding: 0;
	margin: 6px 0 6px 10px;
	clear: both;
	width: 834px;
	overflow: hidden;
}

ul#upperLinks li a {color: #2750b7; text-decoration: none;}
ul#upperLinks li a:hover {color: #333;}
ul#upperLinks li#selected a {color: #333;}

ul#upperLinks li.links {
	display: inline;
	float: left;
}


/*Second page's download/request quote header area*/
#headerInfo {
	overflow: hidden;
	list-style: none;
	margin: 0;
	width: 250px;
	padding: 10px 0 0 21px;
}

#headerInfo a {font-weight: bold; font-size: .9em; color: #2750b7; text-decoration: none;}
#headerInfo a:hover {color: #6c8ee3;}
#headerInfo li {padding: 0;}
#headerInfo li.title {font-weight: bold; font-size: 1.4em; font-family: Arial; color: #2750b7; padding: 4px 0 10px 0;}
#headerInfo li.download {
	background: url(images/blue_li2.png) 183px 9px no-repeat;
	padding: 2px 0px 0px 0;
}
#headerInfo li.quote {
	background: url(images/blue_li2.png) 110px 6px no-repeat;
	padding: 2px 0px 0px 0;
}

* html #headerInfo li.download {background: url(images/blue_li2.png) 190px 11px no-repeat;}
*:first-child+html #headerInfo li.download {background: url(images/blue_li2.png) 190px 11px no-repeat;}
* html #headerInfo li.quote {background: url(images/blue_li2.png) 120px 7px no-repeat;}
*:first-child+html #headerInfo li.quote {background: url(images/blue_li2.png) 120px 7px no-repeat;}



/*Left side content*/
#leftContent {
	width: 530px;
	float: left;
	margin: 28px 0 0 15px;
	display: inline; /*Silly, I know, but it fixes the IE float bug, somewhat*/
}

#leftContent p {
	margin: 0 0 16px 0;
}

#contactServices {
	width: 536px;
	height: 41px;
	background: url(images/contact_one_services.png) 0 0 no-repeat;
}

#contactServices select.dropDown {width: 153px; height: 21px; border: 1px solid #7f9db9; float: right; margin: 9px 10px 0 0;}

#contactServices2 {overflow: hidden;}
#contactServices2 ul li h3 {width: 150px;font-weight: bold; font-size: 1em; padding: 0px 0 2px 6px; margin: 0; }
#contactServices2 ul {
	font-size: .95em;
	list-style: none;
	margin: 0;
	padding: 0;
}
#contactServices2 ul li {
	padding: 0 0 4px 0;
}
#contactServices2 ul li ul {
	list-style-image: url(images/blue_li.png);
	padding:  0 0 0 22px; margin: 0;

}
#contactServices2 ul li ul li {
	width:152px;

}

#scenario1 {
	width: 526px;
	margin: 10px 0 0 0;
	padding: 54px 0 0 10px;
	background: url(images/scenario1.png) 0 0 no-repeat;
}

#scenario1 p {margin-right: 0px;padding: 0 20px 0 0px; }
#scenario1 ul {list-style: none; margin: 0 0 11px 0; padding: 0;}
#scenario1 li {margin: 0; padding: 0 0 4px 0;}

.scenarioImg {float: left; padding: 0 20px 20px 0;}


/*The little stickies-looking curls*/
.introBoxesWrap {
	background: url(images/curl.png) bottom left no-repeat;
	width: 249px;
	margin: 6px 0 34px 0;
	overflow: hidden;
	display: inline;
	float: left;
}
.introBoxesWrap p {width: 226px; padding: 6px 0 16px 14px;}
.introBoxesWrap a {text-decoration: none;}
.introBoxesWrap a i {visibility: hidden; position: relative; left: 150px;}
.introBoxesWrap a.more {position: relative; left: 140px; top: -15px;}

.pushRight {margin-right: 30px;}
.answering {
	margin: 0;
	padding: 0px;
	background: url(images/answering_services.png) top left no-repeat;
	width: 247px; height: 31px;
}
.outbound {
	margin: 0;
	padding: 0px;
	background: url(images/outbound_call.png) top left no-repeat;
	width: 247px; height: 31px;
}
.inbound {
	margin: 0;
	padding: 0px;
	background: url(images/inbound_call.png) top left no-repeat;
	width: 247px; height: 31px;
}
.enhanced {
	margin: 0;
	padding: 0px;
	background: url(images/enhanced_systems.png) top left no-repeat;
	width: 247px; height: 31px;
}


/*Right side content*/
#rightContent {
	width: 258px;
	float: right;
	margin: 28px 10px 0 0;
	display: inline;
}


/*Widgets*/
.questions {margin-bottom: 7px;}
.widget {
	width: 256px;
	height: 100px;
	background: url(images/widget_bg.png) bottom right no-repeat;
}

#hotTopics {
	width: 256px;
	background: url(images/hot_topics.png) 0 0 no-repeat;
	overflow: hidden;
	padding: 53px 0 0 0px;
}

#hotTopics ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 21px;
	width: 210px;
}

#hotTopics ul a {font-weight: bold; color: #2750b7; text-decoration: none;}
#hotTopics ul a:hover {color: #6c8ee3;}
#hotTopics li {padding: 0;}
#hotTopics li.readMore {
	background: url(images/blue_li2.png) right 5px no-repeat;
	padding: 2px 0px 20px 0;
	width: 80px;
}

* html #hotTopics li.readMore {background: url(images/blue_li2.png) right 7px no-repeat;}
*:first-child+html #hotTopics li.readMore {background: url(images/blue_li2.png) right 7px no-repeat;}

/*Menu Stuff*/
#menu {
	list-style: none;
	float: right;
	width:834px;
	padding: 0;
	margin: 0;
	background: #cdcdcd;
	border-bottom: 2px solid white;
}

#menu li {
	float:left;
	height:21px;
	padding: 0;
}
#menu li a {
	text-decoration:none;
	list-style: none;
	display:block;
	height:21px;
	color: #565656;
	font-size: .75em;
}

#menu li a:hover {color: #999;}

.about a {border-right: 2px solid white;text-indent:-9999px;width:137px; height:21px; background:url(images/m_about.png) top left no-repeat;}
.services a {border-right: 2px solid white;text-indent:-9999px;width:134px; height:21px; background:url(images/m_services.png) top left no-repeat;}
.careers a {border-right: 2px solid white;text-indent:-9999px;width:134px; height:21px; background:url(images/m_careers.png) top left no-repeat;}
.contact a {border-right: 2px solid white;text-indent:-9999px;width:134px; height:21px; background:url(images/m_contact.png) top left no-repeat;}
li.login a {margin: 0 0 0 200px; padding: 5px 0 0 10px; border-right: none; text-align: right; background:url(images/white_li.png) 0 8px no-repeat;}

* html li.login a {margin: 0px 20px 0 185px; padding: 0px 0 0 10px; position: relative; top: 4px; border-right: none; text-align: right; background:url(images/white_li.png) 0 3px no-repeat;}

/*Footer*/
ul#footer {
	list-style: none;
	color: #c3c3c3;
	font-size: .75em;
	padding: 0;
}

ul#footer li.links {
	display: inline;
	float: left;
	
}

ul#footer li.copyInfo {
	display: inline;
	float: right;
}


/*Extras*/
.fl {float: left;}
.nolink {width: 170px;}
.littleIco {vertical-align: middle;}
.extrapad { border:1px solid white; border-top-width:0px; }
*:lang(en) .extrapad{ border:1px solid white; border-top-width:15px; }


/**:first-child+html .extraPad {padding-top: 0px !important;}*/

.requestAQuote {padding:20px;}
label.lblRAQ {display:block;float:left;width:139px; text-align:right;}
.RAQRight {float:right;margin:48px 60px 0 0;}
.requestAQuote INPUT.text {width:200px; margin:-5px 0px 15px 20px;}
.sitemap LI 
{
	list-style:none;
	width:100%;
}
.dhtmlmenu { list-style:none; text-indent:0px; margin:5px 2px;padding:0px;} 
.dhtmlmenu LI { display:block; line-height:20px; } 

.catRow td { padding:12px 0 0 0; border-top: 1px solid #CCCCCC; }
.typeRow td { padding-top:30px; border-top: 2px solid #999999;  }