/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font-family:arial,sans-serif;
	font-size:12px;
	color: #666666;
	line-height:18px;
	margin: 0 0 15px 0;
}

hr {
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin-top:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	WRAPPER, HEADER AND MAIN NAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {
	background-color: #FFFFFF;
	position:relative;
	width: 860px;
	margin-left:auto;
	margin-right:auto;
	background: #fff url('images/background/content.jpg') repeat-y center top;
}
#header {
	width: 800px;
	height: 200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	BREADCRUMB AND TOP HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.headerBox {
	width: 760px;
	/*background-color: #eee;*/
	padding: 10px 20px 10px 18px;
	background: url('images/background/gradient_bg.jpg') repeat-y;
	border-bottom: solid 1px #d6d6d6;
}

.breadcrumbHeader{
	position:relative;
	width:780px;
	margin:1px 0 0 0;
	padding-left:17px;
}

.breadcrumbHeader .links{float:left;font-size:11px;margin-top:5px;}

.breadcrumbHeader .linksExtra{float:right;font-size:11px;padding-right:20px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN - HOMEPAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column-home {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	position:relative;
}
#content {
	padding:0 0 10px 0;
}
#content-main-two-column-home {
	width:800px;
	margin-top:10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column {
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	position:relative;
	background:url('images/background/content_container_two_column.gif') repeat-y;
}
#content-main-two-column {
	width:570px;
	float:left;
	margin-top:10px;
	padding:0  15px 0 15px;
}

#content-main-two-column p b{
	color:#0066CC;
	font-weight:normal;
}

#content-side-two-column {
	float:right;
	width:190px;
	/*margin-top: 10px;*/
}

#content-side-two-column .navlinks{}

#content-top {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	position:relative;	
}

#content-side-two-column .contact,
#content-side-two-column .quicklinks {
	margin-top:20px;
	margin-left:17.5px;
}

#content-side-two-column .flashcontent {
	margin: 20px 0 15px 15px;
}

#content-side-two-column .callback{margin-top:20px;margin-left:15px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-wrap {
	padding: 10px 0 30px 0;
	width:860px;
	text-align: left;
	font-size: 95%;
	background: url('images/background/footer-bottom.jpg') no-repeat center bottom;
}

#footer-top {
	width:800px;
	height: 2px;
	margin: 0 auto 0 auto;
}

#footer-links {
	margin: 0 auto 0 auto;
	width: 775px;
	height:18px;
	background: url('images/background/bgmenu.jpg') repeat-x;
	padding: 14px 0 14px 25px;
	margin: 0 auto 0 auto;
}

#footer-bottom {
	background: url('images/background/footer.gif') no-repeat center bottom;
	width:775px;
	height:14px;
	color:#FFF;
	margin: 0 auto 0 auto;
	padding: 5px 25px 4px 25px;
}

#footer-bottom #copyright{float:left}
#footer-bottom #compReg{float:right}

#footer-links a {
	text-decoration: none;
	font-family:Verdana;
	font-weight:bold;
	font-size:10px;
	color:#000000;
}
#footer-links a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	NEWS CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.newsItem {
	border: solid 1px #cccccc;
	width: 540px;
	padding: 20px;
	margin-top: 5px;
}

.newsBody  {
	border: solid 1px #cccccc;
	padding: 0 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2, h3, h4, h5, h6 {	
	font-family:arial,sans-serif;
	color:#0066CC;
	line-height:1.1em;
	margin:5px 0;
}

h1 {
	color:#0066CC;
	font-family:arial,sans-serif;
	font-size:20px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:28px;
}

h1, h2 {
	margin-top:0px;
}
h2 {
	font-size:1.3em;
}
h3 {
	font-size:1.1em;
}
h3.small {
	font-size:1.2em;
}
h4 {
	font-size:1.1em;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1em;
}

#content-side-two-column h3  {
	padding: 7px 15px 5px 6px;
	height: 20px;
	background-color: #EEE;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul {
	margin:0;
	padding:0;
}

#content-side-two-column .navlinks ul li {
	list-style: none;
	background-image: url('images/icons/bullets/small_arrow.gif');
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	padding: 6px 0 6px 20px;
	color: #777;	
	border-bottom: 1px dotted #C1C0BF;
	width: 155px;
	margin-right:auto;
	margin-left: auto;
}

#content-main-two-column ul {
	/*margin-top:-10px;*/
	margin-bottom:20px;
}

/*#content-main-two-column ul li {
	list-style:none;
	background-image: url('images/icons/bullets/arw_breadcrumb.gif');
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	padding-left: 15px;
	margin-left: 30px;
	padding-top:5px;
	line-height: 20px;
}*/

.list-main {
	list-style:none;
	background-image: url('images/icons/bullets/arw_breadcrumb.gif');
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	padding-left: 35px;
	margin-left: 30px;
	padding-top:5px;
	line-height: 20px;
}

#content-side-two-column .quicklinks ul{margin-left:10px;}

#content-side-two-column .quicklinks ul li {
	list-style: none;
	background-image: url('images/icons/bullets/blue_arrow.gif');
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	padding: 6px 0 6px 20px;
	color: #777;
}

.bottom-box ul,
.bottom-box-right ul,
.bottom-box-offers ul  {
	margin:0;
	padding:0;
	list-style:none;
}

.bottom-box ul li,
.bottom-box-right ul li,
.bottom-box-offers ul li {
	background-image: url('images/icons/bullets/tri_bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 1em;
	padding-left: 10px;
	font-size: 0.9em;
	margin-left: 2px;
	padding-top:5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link, a:visited {
	color:#336699;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#content-side-two-column a {
	text-decoration: none;	
	color: #1773BC;
	font-size:11px;
}

#content-side-two-column a:hover {text-decoration:none;}

#content-side-two-column ul li a {
	text-decoration: none;	
	color: #1773BC;
	font-size:11px;
}

#content-side-two-column ul li a:hover {text-decoration:none;}

.sitemapHeader a, 
.sitemapHeader a:hover,
.sitemapHeader a:visited {color:#FFFFFF;text-decoration:none;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MISC CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clear {
	clear:both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	BOTTOM BOXES HOMEPAGE CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home-BoxContainer{margin-top:10px;}

.bottom-box-Container {
	margin-top:20px;
	margin-left: 10px;
	background: url('images/background/bottom-box-Container.gif') repeat-y;
	width:780px;
	height: 115px;
}

.bottom-box-offers {
	float:left;
	width: 310px;
	/*margin-right:24px;*/
}

.bottom-box {
	float:left;
	width:290px;
	/*margin-right:24px;*/
}

.bottom-box-right {
	float:left;
	width:180px;
}

.bottom-box h2,
.bottom-box-right h2,
.bottom-box-offers h2 {color:#000000;}

.bottom-box hr,
.bottom-box-right hr,
.bottom-box-offers hr {height: 1px;border:0;color: #cccccc; background: #cccccc;margin-left:0;padding-left:0;width:210px;}

.mainBoxContainer {
	width:800px;
	background-color:#f0f9fd;	
	width: 100%;
	position: relative;
	height: 182px;
	margin-right:auto;
	margin-left:auto;
}

.verticalBox {
	width:180px;
	float:left;
	padding: 7px 10px 25px 10px;
	font-size: 90%;
	font-weight:bold;
	position: relative;
	height: 150px;
	overflow: hidden;
}

.verticalBoxDotted {
	width:179px;
	font-weight:bold;
	float:left;
	padding: 7px 10px 25px 10px;
	border-right:dotted 1px #999999;
	font-size: 90%;
	position: relative;
	height: 150px;
	overflow: hidden;
}

.moreInfoBox{margin-top:10px;}

.moreInfoBox img {margin-right:5px;}

.holdingImg img{width:175px;height:116px;margin-top:6px;}

.dottedBox {
	height:1px;
	border-top: dotted 1px #999999;
	width:800px;
}

/*  Links for offers   */
/*.bottom-box-offers a { 
	color: #000; 
	text-decoration: none; 
} 

.bottom-box-offers a .box {
	display: none; 
}

.bottom-box-offers a:hover .box {
	display: block;
	width: 200px;
	border: solid 1px #CCC;
	position: absolute;
	background-color:#EEE;
	padding: 10px;
	margin-left:0;
	text-decoration:none 
}*/ 

.bottom-box-offers ul li .tips {
	margin: 2.2em 0px 0px
}

.bottom-box-offers ul li .tips {
	clear: both;
	border-right: #ffd324 1px solid;
	padding-right: 1em;
	border-top: #ffd324 1px solid;
	display: none;
	padding-left: 1em;
	background-color: #fff6bf;
	left: -18em;
	padding-bottom: 1em;
	margin: 1em 0px 0px;
	border-left: #ffd324 1px solid;
	width: 20em;
	color: #817134;
	padding-top: 1em;
	border-bottom: #ffd324 1px solid;
	position: absolute;
}

.bottom-box-offers ul li .tips img {
	display: block;
	margin: -1.9em 0px 1em 78%;
	position: absolute;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	BUSINESS PARTNER BOX CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.partnerBox{width:570px;margin-top:10px;}

.partnerImg{float:left;width:200px;}

.partnerImg img{margin: 0 10px 0 10px;}

.partnerInfo{float:right;width:370px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	SOLUTION BOX CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.solHeader{}

.solBox{}

.solboxImg{	float:right; }

.solboxTxt{	float:right; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	SITEMAP CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sitemapHeader {
	background-color: #0066CC;
	color: #ffffff;
	width: 270px;
	padding: 5px 0 5px 10px;
	margin-top: 10px;
	font-size: 1.1em;
	font-weight: bold;
}

.sitemaphr {
	width: 270px;
	height: 1px;
	border: 0;
	color: #CCCCCC;
	background: #CCCCCC;
}

.sitemapBoxLeft {
	width: 280px;
	float: left;
}

.sitemapBoxRight {
	width: 280px;
	float: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORM CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tableForm{margin-top:20px;}

/*input{font-size:12px;background-color:#e6f3ff;border:solid 1px #B7ddff;font-family:Arial, Helvetica, sans-serif;}

textarea{font-size:12px;width:400px;background-color:#e6f3ff;border:solid 1px #B7ddff;font-family:Arial, Helvetica, sans-serif;}*/

/*.button {
	background-color:#0066CC;
	color:#FFFFFF;
	width: 90px;
	padding: 2px;
}*/


#form {
	margin-top:10px;
	padding: 15px;
	border: 1px solid #F2F2F2;
	background-color: #FAFAFA;
}

#form input {
	padding:2px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#666;
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	color: #666666;
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #ccc;
	height:100px;
	display:block;
	color:#777;
}

#form input.button {
	font: normal 12px Arial, Sans-serif;
	padding: 2px 3px;
	background-color: #0066CC;
	color: #FFFFFF;
	width: 90px;
	/*background: url('images/buttons/submit.gif') no-repeat;
	width:100px;
	height:25px;
	border:none;
	cursor:default;*/
}

#form input.reset {
	background: url('images/buttons/reset.gif') no-repeat;
	width:100px;
	height:25px;
	border:none;
	cursor:default;
}

.dropdownmenu {
	font-family:Verdana, Tahoma, Verdana, sans-seriff;
	font-size:11px;
	color: #666666;
	width: 200px;
}

/*advanced modal test*/
div#blurcontainer { z-index: 2; filter(alpha); opacity: 0.7; background-color:gray;width:50em;height:50em;}
div#popup { z-index: 3; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TOOLTIP CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.hotspot {
	color:#336699;
	padding-bottom:1px;
	cursor:pointer;
}
#tt { 
	position:absolute;
	display:block;
	background:url(images/background/tt_left.gif) top left no-repeat;
}
#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(images/background/tt_top.gif) top right no-repeat;
	overflow:hidden;
}
#ttcont {
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#666;
	color:#FFF;
}
#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(images/background/tt_bottom.gif) top right no-repeat;
	overflow:hidden;
}