
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif !important;
	font-size:12px;
	color:#000;
	background:#000;
}
a {color:#4f4b48}
 
a:hover{color:#4b58a7}

h2 {
	font-size: 18px;
	margin:10px 0 10px 0;
	padding:0;
	color: #4f4b48;
}

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;

}

.formStyle 
{
    background: #fff !important;
    border: solid 1px #646262 !important;
}

.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:10px 40px 15px 40px}

.paddingLeft{padding-left: 15px}

.paddingLogin{padding: 15px 15px 15px 15px}

.paddingContent3 {padding: 5px 35px 0px 35px;}
.paddingContent2 {padding: 10px;}
.paddingHeader {padding: 35px 10px 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:#000 url(images/headerBack.png) repeat-x;
	}

#containerNav {
	background:#000 url(images/navBack.png) repeat-x;
}

#containerContent{background:#7c7c7c;}

#containerContent2 {
	background:#646262 url(images/content2Back.png) repeat-x;
}

#containerBottom 
{
    background: url(images/bottom.png) repeat-x;
    height: 25px;
}

#containerFooter {
	background:#000 url(images/footerBack.png) repeat-x;
}

.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:104px;
	margin:auto;
	text-align:left;
	color:#fff;
	background:#000 url(images/headerBack.png) repeat-x;
}	

#headerLeft {
	width:450px;
	height:104px;
	color:#fff;
	float:left;
}

#headerRight {
	width:310px;
	height:104px;
	color:#fff;
	float:right;
}

#headerRight a{color:#fff;}

#navigation {
	width:760px;
	margin:auto;
}

.nav {
	width:760px;
	height:35px;
	padding: 0px;
	margin: 0px;
	}
	
.nav li {
	display:block;
	list-style:none;
	float: left;
	margin-left: 1px;
	}
	
.nav li a {
	display: block;
	cursor:pointer;
	height: 35px;
	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:89px;}
	.navSales{background:url(images/tabSales.png) no-repeat; width:69px;}
	.navTraining{background:url(images/tabTraining.png) no-repeat; width:82px;}
	.navSupport{background:url(images/tabSupport.png) no-repeat; width:83px;}
	.navNews{background:url(images/tabNews.png) no-repeat; width:69px;}
	.navQuote{background:url(images/tabQuote.png) no-repeat; width:109px;}
	.navLiterature{background:url(images/tabLiterature.png) no-repeat; width:149px;}
		
.nav li a:hover {background-position:50% -35px;}
	
	.nav li a.currentSection,
	.nav li a.currentSection:hover {background-position:50% -70px;}

.contentTop 
{
    width: 760px;
	margin: auto;
    height: 25px;
    background: url(images/contentTop.png) no-repeat;
}

#content {
	width: 760px;
	margin: auto;
	color: #000;
	text-align: left;
	background: url(images/contentMiddle.png) repeat-y;
}

.contentBottom
{
    width: 760px;
	margin: auto;
    height: 48px;
    background: url(images/contentBottom.png) no-repeat;
}

#content a{
	color: #4f4b48;
}

#content a:hover{color:#4b58a7}

#contentLeft {
	width:400px;
	float:left;
}

#contentLeft2 {
	width:320px;
	float:left;
}

#contentRight {
	width:300px;
	float:left;
}

#contentRight2
{
    width:360px;
    float:left;
}

#contentRight3
{
    width:350px;
    float:left;
}

.contentContact 
{
    width:300px;
    float:left;
}

#mainImages 
{
    background:#fff;
    border: solid 1px #646262;
}
.contentTop3 
{
    width: 760px;
	margin: auto;
    height: 25px;
    background: url(images/contentTop2.png) no-repeat;
}

#content3 {
	width: 760px;
	margin: auto;
	color: #000;
	text-align: left;
	background: url(images/contentMiddle2.png) repeat-y;
}

.contentBottom3
{
    width: 760px;
	margin: auto;
    height: 48px;
    background: url(images/contentBottom2.png) no-repeat;
}


.event 
{
    width:440px;
    float:left;
}

.eventDetail 
{
    width:225px;
    float:right;
}

.products
{
    width:445px;
    float:right;
}

.categories
{
    width:225px;
    float:left;
}



.formStyle2
{
    background: #e7e7e7;

}

.formStyle3
{
    background: #e7e7e7;
    border: solid 1px #646262;
}

.formStyle4
{
    background: #e7e7e7;
    border: solid 1px #646262;
}

#content2left {
	width:355px;
	float:left;
}

#content2right {
	width:385px;
	float:left;
}

.content2Center
{
    width:30px;

    float:left;
    background: url(images/content2Separator.png) no-repeat;
}

#content2 {
	width: 760px;
	margin: auto;
    background: url(images/content2Separator.png) no-repeat top center;
	text-align: left;
}

#content2bottom {
	width: 760px;
	height: 30px;
	margin: auto;
    background: url(images/content2Separator.png) no-repeat bottom center;
	text-align: left;
}

#content2 a:hover 
{
    color:#fff;
}


#aboutLeft {
	width:340px;
	float:left;
}

#aboutRight {
	width:320px;
	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:224px;
	margin-left:75px;
	}

/* .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:129px;
	margin-left:120px;
	}

/* .content2tab2:hover {background-position:50% -32px;}*/

.contentGroup {
/*	background: #e6efff;*/
/*	border: 4px solid #d0e3ff;*/
	margin-top: 10px;
	padding:0px;
	color: #dfe0e0;
}

.listGroup {
	display:inline-block;
	list-style:none;
	padding:0;
	width:352px;
	margin:0;
}

.listGroup2 
{
    display:inline-block;
	list-style:none;
	color: #000;
	padding:0;
	width:440px;
	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: #dfe0e0;*/
	margin:0;
	padding:0;
}

.listGroup2 li a{
	cursor:pointer;
	text-decoration:none;
	color: #000 !important;
	margin:0;
	padding:0;
}

.listGroup li:hover {
/*background: #acacac;*/
	color: #fff;
}

.listGroup2 li:hover {
/*	background: #c7dcff;*/
	color: #fff;
}

.row
{
    background-color: #eeeeee !important; 
}
.row2
{
color:#fff;    
}

.rowAlt{
	background:#dddddd!important;
}

.rowAlt2{
	background:#e0e0e0;
}

.listDate{
	display:block;
	float:left;
	width:35px;
	height:45px;
	border: 1px solid #acacac;
    background-color:#fff;
}

.listMonth{
	display:block;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#fff;	
	/*background-color:#ab3a24;*/	
	background-color:#86ac37;
}

.listMonth2{
	display:block;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#fff;	
	/*background-color:#ab3a24;*/	
	background-color:#9f37ac;
}

.listDay{
	display:block;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding-top:5px;
	color:#000 !important;
/*	background-color:#fff; */
}

.listContent{
	display:block;
	float:left;
	color:#fff;
	width:303px;
}

.listContent2{
	display:block;
	float:left;
	color:#dfe0e0;
	width:390px;
}

.listTitle {
	font-weight: bold;
	text-decoration:underline;
	padding-left: 10px;
}

.listTitle a{
	color:#acacac;
}

.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: #000;
	color: #818281;
}

#footer p
{
    font-family: Arial, Helvetica, Verdana, Sans-serif !important;
	font-size:12px;
}

#footer a {color: #818281;}

#footer a:hover{color:#fff}

#footerLeft {
	width:270px;
	float:left;
}

#footerRight {
	width:490px;
	float:right;
	text-align:right;
}

.paddingFooter {padding: 5px}

.footerSpacer {margin: 7px 0 0 5px;}

.product
{
    width: 425px;
    border-bottom: solid 1px #646262;
    margin-bottom:10px;
}


.productItemLeft
{
    padding:4px;
    float:left;
}

.productItemRight
{
    padding:10px;
    float:left;
    width: 310px;
}

.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:215px;}

.salesman2{width:85px;}

.inline{display:inline}


