/* CSS Document */

* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	font-size:12px;
	color:#34384B;
	background: url(../../images/index/bkg.jpg) no-repeat top #f0f0f0
}

html,body {height:100%; min-height:100%;}


img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer; color:#25becb;}
a:hover {color:#4f6a96;}
input, textarea, select {font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif; color:#2b2b2b; font-size:11px; color:#4c3f3a}
textarea {overflow:auto}
fieldset {border:none}
h1 {margin:10px 0 10px 0; color:#183069; font-size:22px}
h2 {margin:20px 0 10px 0; color:#1b697f; font-size:20px}

.spacer {clear:both; font-size:0; display:block;}
.spacerSep {clear:both; font-size:0; height:20px;}


#pageContainer {width:800px;  margin:0 auto; min-height:100%; padding:0 0 10px 0; background:#fff;}
* html #pageContainer {height:100%;}
.topLinks {padding:10px 0 0 0; width:800px; margin:0 auto;}
#header {width:790px; height:240px; background:url(../../images/index/header.jpg) no-repeat; border:5px solid #183069}
#topNav {height:30px;}
#topNav ul {float:right}
#topNav li {float:left; list-style-type:none; margin:0 10px 0 0;}
#topNav li a {color:#183069; font-size:12px; font-weight:bold; text-transform:uppercase; padding:0 0 0 10px }
#topNav li a:hover {color:#8e847a}
#topNav li a.active {color:#1d4c9c}


#mainNav {background:#183069; height:30px;}
#mainNav li {list-style-type:none; float:left; margin:0 12px 0 0; background:url(../../images/index/mainNavSep.jpg) right no-repeat; }
#mainNav li a {font-size:16px; color:#91b1ef; line-height:30px; display:block; padding:0 0 0 12px;  float:left}
#mainNav li a:hover,  #mainNav li a.active{color:#fff; background:url(../../images/index/menuBkg.png) no-repeat center}


ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../../images/index/icons/arr.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 7px;
	height: 7px;
	float: left;
	margin:12px 0 0 2px;
	background: url(../../images/index/icons/arrow_down_blue.png) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; 
	top: 30px;
	background: #183069;
	margin: 0; 
	padding: 0;
	display: none;
	float: left;
	width: 390px;
	
}

ul.topnav .subnav li{
	clear: both;
	background:none !important;
	border-bottom:1px solid #344c8a;
	width:390px;
	padding:0;
	margin:0;
}
ul.topnav .subnav a {
	background: url(../../images/index/icons/arrow_right_blue.png) no-repeat 4px center #183069;
	display:block;
	padding:0 0 0 14px !important;
	height:30px;
	line-height:30px;
	width:376px;
	border-bottom:1px solid #030e2a;
	font-size:13px !important;
}
ul.topnav .subnav a:hover {background: url(../../images/index/icons/arrow_white.png) no-repeat 4px center #13295d !important}


#indexAgents {width:250px; float:left;}
#indexAgents h1 {background:url(../../images/index/icons/arrow.gif) no-repeat 10px center #5de3ee; color:#FFFFFF; font-size:14px; line-height:30px; padding:0 0 0 30px; margin:5px 0 5px 0}
#indexAgents a {display:block; width:110px; overflow:hidden; margin:0px 4px 0 4px; border:3px solid #f2eeee; float:left}
#indexAgents a:hover {border:3px solid #dfd6d6}

#indexProducts {width:250px; float:left; margin:0 0 0 1px}
#indexProducts h1 {background:url(../../images/index/icons/arrow.gif) no-repeat 10px center #89e1cb; color:#FFFFFF; font-size:14px; line-height:30px; padding:0 0 0 30px; margin:5px 0 5px 0}
#indexProducts ul {margin:0 0 0 10px}
#indexProducts li {list-style-type:none; margin:6px 0 6px 0; background:url(../../images/index/icons/arr.gif) no-repeat 0 center; padding:0 0 0 16px}
#indexProducts li a {font-size:12px}
#indexProducts li a:hover {color:#89e1cb}

#indexNews {width:298px; float:left; margin:0 0 0 1px}
#indexNews h1 {background:url(../../images/index/icons/arrow.gif) no-repeat 10px center #d6e5e2; color:#FFFFFF; font-size:14px; line-height:30px; padding:0 0 0 30px; margin:5px 0 5px 0}
#indexNews ul {margin:0 0 0 10px}
#indexNews li {list-style-type:none; margin:6px 0 6px 0; background:url(../../images/index/icons/arrowLight.gif) no-repeat 0 center; padding:0 0 0 16px}
#indexNews li a {font-size:12px}
#indexNews li a:hover {color:#7f7062}
#indexNews .viewAll {float:right; color:#4466b8; margin:10px 10px 0 0; font-size:12px; text-decoration:underline}
#indexNews .viewAll:hover {color:#0b3eb7}

#indexImage {width:298px; float:left; margin:0 0 0 1px; text-align:center}
#indexImage h1 {background:url(../../images/index/icons/arrow.gif) no-repeat 10px center #d6e5e2; color:#FFFFFF; font-size:14px; line-height:30px; padding:0 0 0 30px; margin:5px 0 5px 0}



#language {float:left;}
#language li {list-style-type:none; float:left; margin:0 20px 0 0;}
#language li a {font-size:13px; color:#5d9ec5; font-weight:bold}
#language li a.active {color:#fd471f; background:url(../../images/index/icons/langIcon.gif) no-repeat left; padding:0 0 0 12px}
#language li a:hover{color:#8e847a}

#contentPage {padding:0 20px; font-size:12px;}

.footerSpace {height:90px;}
#footer {width:800px; margin:-90px auto 0 auto; color:#84868c; padding:10px 0 0 0;  height:80px; border-top:1px solid #c3c4c7;}
#footer a {color:#84868c}
#footer a:hover {color:#4f6a96;}
#footer .footerNav {font-size:12px; margin:0 10px 0 10px}
#footer .footerNav a {margin:0 4px}
#footer .footerNav a:hover {text-decoration:underline}
#footer .rights {font-size:14px; margin:30px 0 0 10px;}
#footer .createdBy {float:right; font-size:12px; margin:-20px 10px 0 0; color:#183069}
#footer .createdBy strong {font-size:14px}
#footer a:hover.createdBy {color:#7f7062}
#footer .contact {}

#subNav {
	float:right; 
	margin:0 0 20px 30px; 
	list-style-type:none; 
	width:290px; 
	border-top:10px solid #c8dbd9;
}
#subNav li {line-height:12px;}
#subNav a {display:block; padding:6px 10px 4px 4px; line-height:12px; border-bottom:1px solid #c8dbd9;}
#subNav a:hover,  #subNav a.active {background:#183069; color:#FFFFFF}
#subNav li li a {padding:6px 10px 4px 30px; font-size:11px; background:url(../../images/index/icons/arr.gif) no-repeat 20px center}
#subNav li li {list-style:none;}

/*
#subNavContainer {
	float:right; 
	margin:0 0 20px 30px; 
	list-style-type:none; 
	width:200px; 
	background:#ececec; 
	border-top:10px solid #c8dbd9; 
}
#subNavContainer a.cat,  #subNavContainer a.activeCat {display:block; padding:6px 10px 4px 4px; border-bottom:1px solid #c8dbd9; height:14px;}
#subNavContainer a:hover.cat,  #subNavContainer a.activeCat {background:#183069; color:#FFFFFF}
#subNavContainer a.prod {padding:6px 10px 4px 10px; display:block; font-size:11px; background:url(../../images/index/icons/arr.gif) no-repeat 2px center}
*/


#pagePath {margin:20px 0 20px 0; color:#5de3ee}
#pagePath a {font-size:12px; text-transform:uppercase; text-decoration:underline; color:#5de3ee}
#pagePath a:hover {color:#02a4b1}

#map, #map ul, #map ul ul {list-style:none;}
#map ul {margin:0 0 0 15px;}
#map li a:hover {color:#397b81; background:url(../../images/index/icons/arrow.gif) no-repeat left;}
#map li a {
	display:block;
	font-size:12px;
	line-height:16px;
	padding:0 0 4px 10px;
	background:url(../../images/index/icons/arrowLight.gif) no-repeat left;
	color:#666666;
	text-decoration:none;
}
#map ul li a {background:url(../../images/index/icons/arr.gif) no-repeat left;}
#map ul li ul li a {background:url(../../images/index/sitemapBullet3.gif) no-repeat left 5px; color:#b9b8b8;}

.agentList {display:block; float:left; width:150px; height:100px; margin:0 20px 20px 0; overflow: hidden; border:1px solid #dfd6d6;}
.agentList img {}
/*a:hover.agentList img {border:1px solid #dfd6d6}*/
.newsList {display:block; margin:10px 0 10px 0; background:url(../../images/index/icons/arrowLight.gif) no-repeat left; padding:0 0 0 10px}

.newsData .date {display:block; margin:10px 0; font-weight:bold}
.newsData h2 {background:#ececec; padding:4px; margin:40px 0 0 0}

.productCat a {display:block; float:left; margin:0 6px 10px 0; width:180px; height:140px; overflow:hidden; border:1px solid #183069; background:#183069; color:#91b1ef}
.productCat a:hover {border:1px solid #1d3a7e; background:#1d3a7e; color:#bcd1fa}
.productCat a .title {display:block; margin:4px 0 4px 4px}	

.productList a {
	display:block; 
float:left; 
margin:0 6px 20px 0; 
width:180px; 
height:140px; 
overflow:hidden; 
border:1px solid #E5E4E4; 
color:#3b577e !important;
font-weight: bold;
size:10px
}
.productList a:hover {border:1px solid #183069; color:#183069}
.productList a .title {display:block; margin:4px 0 4px 4px}

#leftData {width:440px; float:left;}

/* ~ Contacts */
#contactForm {padding:20px 0 30px 0;}
#contactFormSuccess {
	padding:20px 15px 30px 20px;
	background:#eae8e1;
	border:1px solid #c9bd9b;
	float:left;
	margin:10px 0 0 0;
	text-align:center;
	width:410px;
	height:250px;
}
#contactForm fieldset {height:30px; border:none}
#contactForm fieldset.messageSet {height:135px;}
#contactForm fieldset.captchaSet {height:40px;}
#contactForm .inpTxt {
	width:240px;
	height:18px;
	margin:0 0 0 10px;
	padding:4px 0 0 4px;
	border:1px solid #5de3ee;
	float:left;
	background:#f9faf0;
	color:#227e96
}
#contactForm textarea {
	padding:4px 0 0 4px;
	border:1px solid #5de3ee;
	width:400px;
	background:#f9faf0;
	height:120px;
	overflow:auto;
	color:#227e96;
	float:left;
	margin:0 0 0 10px;
}
#contactForm label {width:120px; height:23px; line-height:23px; display:block; float:left;}
#contactForm label.captchaLabel {width:auto; margin:0px;}
.requiredStar {color:#1b697f; margin:0 0 0 5px;}
#contactForm img.captchaCode {float:left;}
#contactForm input.enterCaptcha {
	width:220px; 
	height:27px; 
	padding:11px 0 0 0; 
	margin:0 1px 0 12px; 
	float:left; 
	text-align:center; 
	border:1px solid #b9e3ef; 
	background:#f9faf0;
	color:#227e96;
}
.mailNotSent {color:#CC3300; font-weight:bold; font-size:12px;}
#contactForm label.error {color:#1b697f; font-style:italic; margin:0 0 0 2px; white-space:nowrap; font-size:11px}
#contactForm  .btn, #contactForm  .btnActive {margin:10px 0 ; width:180px}
.btn {background:#183069; color:#fff; padding:2px 4px; border:1px solid #364d83; cursor:pointer}
.successMessage {display:block; font-size:14px; font-weight:bold; font-style:italic; margin:2px 0 20px 0; color:#0db769;}
.errorMessage {
	display:block; 
	font-size:14px; 
	font-weight:bold; 
	font-style:italic; 
	margin:2px 0 20px 0; 
	color:#ff4500; 
}
/* ~ Contacts */

#siteSearch {padding:6px 10px 4px 10px; margin:10px 0 0 0; color:#999999;line-height:22px; height:22px; border-top:1px solid #c3c4c7}
#siteSearch form {float:right}
#siteSearch .inpTxt {width:200px; height:18px; border:1px solid #ccc; padding:2px 0 0 2px; color:#999999;}
#siteSearch .btn {background:#999999; color:#FFFFFF; border:#666666; height:20px; margin:0px 0 0 4px}
#siteSearch label {display:block; float:left; padding:2px 4px 0 20px; background:url(../../images/index/icons/play.png) no-repeat left }
a.searchResult {color:#808080; margin:0 0 20px 0; display:block}
a:hover.searchResult {color:#3B74B0}
.searchResult .title {color:#2F89C7 !important; font-size:14px; line-height:20px; display:block;}
#skype {float:left;}

.productImage, #contentPage p img {float:left; margin:20px 20px 10px 0; border:3px solid #c3c4c7}

#homeProducts {margin:30px 0 0 7px;}
#homeProducts h2 {color:#89e1cb}
#homeProducts a {display:block; width:180px; overflow:hidden; float:left; margin:0 8px 0 8px; color:#898989}
#homeProducts a img {width:174px; height:120px; border:3px solid #C3C4C7}
#homeProducts a:hover .title {color:#183069}
#homeProducts a:hover img {border:3px solid #183069}