/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif !important;
	font-size:12px;
	color:#003366;
	background:#003366;
}
a {color:#144ca1}
 
a:hover{color:#7b3291}

h2 {
	font-size: 18px;
	margin:10px 0 10px 0;
	padding:0;
}

h3
{
    font-size: 14px;
    margin:10px 0 10px 0;
    padding:0;
}

p 
{
    font-family: Arial, Helvetica, Verdana, Sans-serif !important;
    	font-size:12px !important;
	margin: 0;
	padding: 0;
}

.login 
{
    padding: 0 15px 15px 15px;
    margin-top: 15px;
}

.border{border-bottom: solid 1px #83a0c5;}

img {border-style:none;}
.img2 {border-style:none; padding-right:5px;}

.formspacer{margin: 0px 3px 0px 10px}
.formspacer2 {margin: 3px 0px 3px 3px;}
.formspacer3 {margin: 3px 0px 3px 10px;}

.formControl {width: 75px; display:block; float:left}
.formControl2 {width: 100px; display:block; float:left}
.cleardecoration {text-decoration:none}

.center {text-align:center}

.padding {padding:15px 5px 0px 5px;}

.paddingContent{padding:0 15px 15px 20px}

.paddingLeft{padding-left: 15px}

.paddingLogin{padding: 15px 15px 15px 15px}

.paddingContent2 {padding: 10px;}

.paddingHeader {padding: 35px 0px 0px 5px;}

.paddingSales {padding: 5px 5px 5px 5px}
.paddingSalesItem{padding: 5px 5px 5px 5px; margin-top:5px}

.padding5 {padding: 5px}

.floatleft {float:left}

.floatright {float:right}

.topmargin {margin-top: 15px;}
.topmargin2{margin-top: 5px}

.contentspacer {padding:5px;}
.contentspacer2 {padding:2px 5px 2px 5px;}

.textBox {margin:1px 0 0 2px}

.bottomBorder { border-bottom: solid 1px #83a0c5}

#containerHeader {
	background:#fff url(images/backheader.gif) repeat-x;
	}

#containerNav {
	background:#e0ecff url(images/backnav.gif) repeat-x;
	background-position:bottom;
}

#containerContent 
{
    
	background:#e6efff url(images/backmain2.png) repeat-x;
	padding-bottom:1px;
	border-bottom:2px solid #213052;
}

#containerContent2 {
	background:#fff url(images/backgrid.gif) repeat;
}

#containerFooter {
	background:#003366;
}

.cleardiv {clear: both;}

.strong {font-weight:bold;}

.textboxshadow {
	width:150px;
	height:25px;
	background: #fff url(images/textboxshadow.gif) no-repeat;
	float:left;
}

#header{
	width:760px;
	height:120px;
	margin:auto;
	text-align:left;
	background:#fff url(images/backheader.gif) repeat-x;
}	

#headerLeft {
	width:400px;
	height:120px;
	float:left;
}

#headerRight {
	width:360px;
	height:120px;
	float:right;
}

#navigation {
	width:760px;
	margin:auto;
}

.nav {
	width:760px;
	height:32px;
	padding: 0px;
	margin: 0px;
	}
	
.nav li {
	display:block;
	list-style:none;
	float: left;
	margin-left: 1px;
	}
	
.nav li a {
	display: block;
	cursor:pointer;
	height: 32px;
	overflow: hidden;
	background-position:center top;
	}

.nav li a span {
	display: block;
	width: 100%;
	height: 23px;
	text-indent: -9999px;
	overflow:hidden;
}
	
	.navHome{margin-left:15px; background:url(images/tabHome.png) no-repeat; width:70px;}
	.navProducts{background:url(images/tabProducts.png) no-repeat; width:88px;}
	.navSales{background:url(images/tabSales.png) no-repeat; width:69px;}
	.navTraining{background:url(images/tabTraining.png) no-repeat; width:83px;}
	.navSupport{background:url(images/tabSupport.png) no-repeat; width:83px;}
	.navNews{background:url(images/tabNews.png) no-repeat; width:68px;}
	.navQuote{background:url(images/tabQuote.png) no-repeat; width:110px;}
	.navLiterature{background:url(images/tabLiterature.png) no-repeat; width:148px;}
		
.nav li a:hover {background-position:50% -32px;}
	
	.nav li a.currentSection,
	.nav li a.currentSection:hover {background-position:50% -64px;}

#content {
	width: 760px;
	margin: auto;
	color: #144ca1;
	text-align: left;
}

#content a{
	color: #144ca1;
}

#content a:hover{color:#7b3291}

#contentLeft {
	width:360px;
	float:left;
}

#contentRight {
	width:396px;
	float:left;
}

#contentRight2
{
    width:360px;
    float:left;
}

.contentContact 
{
    width:340px;
    float:left;
}

#mainImages 
{
    background:#fff;
    border: solid 1px #83a0c5;
}

#content2 {
	width: 760px;
	margin: auto;
	padding-bottom: 20px;
	text-align: left;
}

.event 
{
    width:500px;
    float:left;
}

.eventDetail 
{
    width:225px;
    float:right;
}

.products
{
    width:500px;
    float:right;
}

.categories
{
    width:225px;
    float:left;
}

.formStyle 
{
    background: #fff;
    /*background:#e6efff;*/
    border: solid 1px #83a0c5;
}

.formStyle2
{
    background: #c7dcff url(images/gridback.png) repeat;
    border: solid 1px #83a0c5;
}

.formStyle3
{
    background: #e6efff ;
    border: solid 1px #83a0c5;
}

#content2left {
	width:380px;
	float:left;
}

#content2right {
	width:380px;
	float:left;
}

#aboutLeft {
	width:380px;
	float:left;
}

#aboutRight {
	width:340px;
	float:right;
}

.content2nav {
	height: 32px;
	float:left;
	}
	
.content2tab1 {
	display:block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	background-position:center top;
	background:url(images/tabEvents.png) no-repeat; 
	width:143px;
	margin-left:30px;
	}

.content2tab1:hover {background-position:50% -32px;}

.content2tab2 {
	display:block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	background-position:center top;
	background:url(images/tabRecentNews.png) no-repeat; 
	width:116px;
	margin-left:30px;
	}

.content2tab2:hover {background-position:50% -32px;}

.contentGroup {
	background: #e6efff;
	border: 4px solid #d0e3ff;
	margin-top: 10px;
	padding:0px;
	color: #003366;
}

.listGroup {
	display:inline-block;
	list-style:none;
	padding:0;
	width:352px;
	margin:0;
}

.listGroup2 
{
    display:inline-block;
	list-style:none;
	padding:0;
	width:500px;
	margin:0;
}

.listGroup li{
	float:left;
	display:inline-block;
	padding: 4px;
	padding-left:8px;
	margin:0;
	border-bottom:1px solid #c7dcff;
}

.listGroup2 li{
	float:left;
	display:inline-block;
	padding: 4px;
	padding-left:8px;
	margin:0;
	border-bottom:1px solid #c7dcff;
}


.listGroup li a{
	cursor:pointer;
	text-decoration:none;
	color: #003366;
	margin:0;
	padding:0;
}

.listGroup2 li a{
	cursor:pointer;
	text-decoration:none;
	color: #003366 !important;
	margin:0;
	padding:0;
}

.listGroup li:hover {
	background: #c7dcff;
}

.listGroup2 li:hover {
	background: #c7dcff;
	color: #003366;
}

.row
{
    background-color: #D2E4FC !important; 
}

.rowAlt{
	background:#e6efff !important;
}

.rowAlt2{
	background:#e6efff;
}

.listDate{
	display:block;
	float:left;
	width:35px;
	height:45px;
	border: 1px solid #c7dcff;
	background-color:#fff;
}

.listMonth{
	display:block;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#fff;	
	/*background-color:#ab3a24;*/	
	background-color:#84469e;
}

.listDay{
	display:block;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding-top:5px;
	background-color:#fff;
}

.listContent{
	display:block;
	float:left;
	color:#003366;
	width:303px;
}

.listContent2{
	display:block;
	float:left;
	color:#003366;
	width:451px;
}

.listTitle {
	font-weight: bold;
	text-decoration:underline;
	padding-left: 10px;
}

.listTitle a{
	color:#003366;
}

.listPadding{
	padding: 5px 0 5px 0;
}

.listDescription{
	display:block;
	padding-left: 10px;
}

.nametag 
{
    background:#e6efff url("images/nametag.png") no-repeat;
    width:175px;
    height:101px;
}

#footer
{
	width: 760px;
	margin: auto;
	text-align: left;
	color: #fff;
	background: #003366;
	color: #859db6;
}

#footer p
{
    font-family: Arial, Helvetica, Verdana, Sans-serif !important;
	font-size:12px;
}

#footer a {color: #859db6;}

#footer a:hover{color:#fff}

#footerLeft {
	width:270px;
	float:left;
}

#footerRight {
	width:490px;
	float:right;
	text-align:right;
}

.footerSpacer {margin: 7px 0 0 5px;}

.product
{
    width: 470px;
    border-bottom: solid 1px #83a0c5;
    margin-bottom:10px;
}


.productItemLeft
{
    padding:4px;
    float:left;
}

.productItemRight
{
    padding:10px;
    float:left;
    width: 350px;
}

.productItemRight a
{
    text-decoration: none !important;
}

.productTitle
{
    font-size: 18px;
    font-weight:bold;
    display: block;

}



.productDescription 
{
    display:block;

}

.productTitleLarge
{
    font-size:24px;
    font-weight:bold;
}

.salesman{width:250px;}

.salesman2{width:100px;}

.inline{display:inline}