a{
	color:#333333;
	font-size: 12px;
}

.CompetitionHighlight{
background-color:#FFFF66;
}

.homeSellBoxes{
	
	float:left;
	width:237px;
	
}
.ContentRight .homeSellBoxes a{
text-decoration:none;
height:100px;
display:block;
color:#999999;
}
.homeSellBoxes a:hover{
color:#C60000;
}

body{
	background-color:#F7F7F7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(../Images/Public/BodyBack.jpg);
	background-repeat:repeat-x;
}

.Preloader{
background-image:url(../Images/Public/PreLoader.gif);
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-left:1px;
width:225px;
height:50px;
display:none;
}
.DeviderHoriz{
clear:both;
height:15px;

}
.HeadingBig {

	font-size: 14px;
	font-weight: bold;
	color: #C60000;
}

li {
	list-style-image: url(../Images/Public/Icons/ArrowRightGreyWhite.gif);
	line-height:20px;

}


.DivMain {
width:955px;
margin-left:auto;
margin-right:auto;

}
.DivHeader{
height:110px;	
}
.HeaderTopNav{
	text-align:right;
	color:#FFFFFF;
	background-image:url(../Images/Public/Logos/ChilliHRLogo.jpg);
	background-repeat:no-repeat;
	height:80px;
	padding-top:17px;
	
	
}

.HeaderTopNav a{
text-decoration:none;
color:#FFFFFF;
}

.HeaderNavButtons{
	float:right;
	margin:17px 0px 3px 0px;

}

.HeaderNavButtons a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	height:30px;
	text-align:right;
	/*background-color:#00CC00;*/
	text-decoration:none;
	padding: 6px 0px 0px 10px;
	display:block;
	float:left;
	background-image:url(../Images/Public/DeviderMenu.jpg);
	background-position:4px;
	background-repeat:no-repeat;
}

.HeaderNavButtons a:hover{
color:#CCCCCC;
}
.highlightText {
	color: #C60000;
	font-size: 12px;
}


.ButtonDevider{
	height: 40px;
	width:2px;
	background-position: left top;
	float:left;
}

#HeaderBigBanner {
width:956px;
}

.HeaderBottomBar{
background-color:#C1E7EE;
height:10px;
width:961px;

}

.ContentMainHolder{
width:966px;
float:left;
clear:both;
}

.MainContentBorder{
float:right;
display:block;
width:832px;
height:0px;
background-color:#EEEEEE;
}
.MenuSub {
display:block;
}
.whiteText {
	color: #FFFFFF;
}

.SpeachBubbleRed, .SpeachBubbleGrey{
width:691px;
height:72px;
clear:both;
padding:5px;
font-weight:bold;
font-size:14px;
font-stretch:condensed;
}
.SpeachBubbleRed{
background-image:url(../Images/Public/Banners/ChatStrip.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
}

.SpeachBubbleGrey{
background-image:url(../Images/Public/Banners/ChatStripGrey.jpg);
background-repeat:no-repeat;
color:#999999;
}

.MenuSub a {
display:block;
text-decoration:none;
color:#990000;
font-size:11px;
float:left;
padding:5px;
margin-right:3px;
margin-bottom:4px;
border:solid 1px #CCCCCC;
background-color:#ffffff
}
.MenuSub a:hover {
color:#000000;
background-color:#CCCCCC;

}

.ContentInsideLeft{
width:330px;
float:left;

}

.ContentInsideRight{
	width:355px;
	float:left;

	margin-left: 20px;
}
.ContentLeft{
color:#FFFFFF;
float:left;
width:225px;
background-color:#666666;
background-image:url(../Images/Public/SideBoxes/TopDarkGrey.gif);
background-repeat:no-repeat;
background-position:top;
}

.ContentLeftBanners{
background-color:#666666;
width:225px;
float:left;
background-image:url(../Images/Public/SideBoxes/BottomDarkGrey.gif);
background-repeat:no-repeat;
background-position:bottom;
}

.SideBox{
background-color:#EEEEEE;
width:200px;
margin-left:12px;
margin-top:5px;
margin-bottom:10px;
}

.ContentLeftLinks a{
background-image:url(../Images/Public/Icons/ArrowRoundGray.gif);
background-repeat:no-repeat;
text-decoration:none;
padding-left:23px;
padding-top:2px;
padding-bottom:5px;
margin-left:10px;
margin-bottom:5px;
width:180px;
display:block;
color:#FFFFFF;
font-size:14px;
border-bottom:dotted 1px #999999;
}

.ContentLeft a:hover{
background-image:url(../Images/Public/Icons/ArrowRoundGrayDot.gif);
color:#CCCCCC;
}

.ContentRight{
	width:718px;
	height:auto;
	float:left;
	padding-left:10px;
	padding-right:0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

.ContentRight a{
color:#000000;

}

.ContentHeading{
	color:#666666;
	font-size:22px;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	font-family:Helvetica, sans-serif;
	font-weight:lighter;

}
.ContentHeadingSmall{
border-bottom:solid 3px #CCCCCC;
	color:#C60000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
	font-style: normal;
	
}
.Footer{
	float:left;
	width:100%;
	padding-top:10px;
	background-color: #000000;
	margin-top:6px;
	background-image:url(../Images/Public/FooterBevel.jpg);
	background-repeat:repeat-x;
	
}
.FooterColumn{
	float:left;
	color:#999999;
	font-size:12px;
	padding-left: 10px;
	padding-top: 5px;
	width:230px;
	margin-bottom:30px
}

.FooterColumn a{
color:#999999;
text-decoration:none;
}

.formWrapper{
width:100%;
float:left;
}
/*do not hide this element, 
else the server side error will not be visible
the JQuery validation will set css display:none automatically
*/
.formError{
color:#CC0000;
margin-bottom:10px;
width:100%;
}
.formLabel{
margin-bottom:5px;
margin-top:5px;
font-weight:bold;
width:100%;

}
.formField{
margin-top:5px;
width:100%;
text-align:left;
}
.formField input{
width:100%;
text-align:left;
}

.formField select{
width:100%;
text-align:left;
}

.formFieldCheckable{
width:20px;
float:left;
margin-top:5px;
}
.formLabelCheckable{
float:left;
margin-top:5px;
margin-right:100px;
}

.OddEvenRowsGrey{
border-bottom:dotted 1px #CCCCCC;
}

.PromoCosts{
border-bottom:dotted 1px #666666;
border-top:dotted 1px #666666;
padding:10px;
padding-right:110px;
font-size:11px;
background-color:#D2E6EE;
background-image:url(../Images/Public/Icons/ThumbUp.jpg);
background-repeat:no-repeat;
background-position:right;
}
.PromoCosts a{
font-size:10px;
color:#000000;
text-decoration:underline;
}
.BoxPromo{

width:714px;
background-image:url(../Images/Public/SideBoxes/BigBack.jpg);
background-repeat:repeat-y;
min-height: 100px;
height: auto !important;
}
.BoxPromoHeading{
background-image:url(../Images/Public/SideBoxes/BigHeading.jpg);
background-repeat:no-repeat;
padding-left:10px;
padding-top:7px;
font-size:18px;
height:38px;
border-left:none;
border-right:none;
}
.BoxPromoContent{
padding:10px;
font-size:12px;
border-left:none;
border-right:none;
color:#666666;
}

.BoxPromoContentBackCash{
background-image:url(../Images/Public/Icons/Cash.jpg);
background-repeat:no-repeat;
background-position:590px bottom;
padding-right:20px;
}

.BoxPromoContentBackScrollPaper{
background-image:url(../Images/Public/Icons/Scroll.jpg);
background-repeat:no-repeat;
background-position:590px bottom;
padding-right:20px;
}

.BoxPromoContentBackChatters{
background-image:url(../Images/Public/Icons/Chatters.jpg);
background-repeat:no-repeat;
background-position:590px bottom;
padding-right:20px;
}

.BoxPromoContentBackChilliWeb{
background-image:url(../Images/Public/Icons/ChilliWebBlock.jpg);
background-repeat:no-repeat;
background-position:590px bottom;
padding-right:20px;
}

.BoxPromoFooter{
background-image:url(../Images/Public/SideBoxes/BigFooter.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:5px;
clear:both;
}

.BoxPromoBlue{

width:714px;
background-image:url(../Images/Public/SideBoxes/BigBackBlue.jpg);
background-repeat:repeat-y;
min-height: 100px;
height: auto !important;
}
.BoxPromoBlueHeading{
background-image:url(../Images/Public/SideBoxes/BigHeadingBlue.jpg);
background-repeat:no-repeat;
padding-left:10px;
padding-top:7px;
font-size:18px;
height:38px;
border-left:none;
border-right:none;
color:#658FAF;
}
.BoxPromoBlueContent{
padding:10px;
font-size:12px;
border-left:none;
border-right:none;
color:#658FAF;
}
.BoxPromoBlueFooter{
background-image:url(../Images/Public/SideBoxes/BigFooterBlue.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:5px;
clear:both;
}

.Boxes {
	background-color: #FFFFFF;
	border: 1px solid #A40000;
	width: 200px;
}
.BoxesHeading {
	color: #FFFFFF;
	background-color: #A40000;
	padding: 3px;
	font-weight: bold;
	font-size: 14px;
}
.BoxesContent {
	padding: 2px;
	color: #666666;
}

.BoxesProduct {
	background-color:#CBEBED;
	border: 1px solid #8FBAC0;
	width: 343px;
	margin-bottom: 5px;
	display:block;
	float:left;
	
}
.BoxesProductHeading {
	color: #FFFFFF;
	background-color: #1F616F;
	padding: 3px;
	font-weight: bold;
	display:block;
	float:left;
	width:338px;
	font-size: 14px;
}
.BoxesProductContent {
	padding: 2px;
	display:block;
	float:left;
	width:339px;
	color: #143F47;

}

.BoxesProductContent hr {
color:#009999;
size:1px;
}

.BoxesProductData{
	padding: 2px;
	display:block;
	float:left;
	width:180px;
	font-size: 10px;

}

.BoxesProductSelect{
float:right;
padding-top:15px;
padding-right:15px;
}

.submitButtonDiv {
	border-bottom:solid 1px #e7e7e7;
	border-right:solid 1px #e7e7e7;
	display:inline-block;
	margin:3px 3px 4px 4px;
	height:25px;
	float:right;

}
.submitButtonDivInner {
	background:#eee;
	border:solid 1px;
	border-color:#ccc #999 #999 #ccc;
	height:23px;
	display:block;
	float:left;

}
.submitButton {
	background:url(../Images/Public/Buttons/GenericButtonBack.jpg) bottom;
	font:13px arial, sans-serif;
	border:none;
	cursor:pointer;
	height:23px;
	margin:0;
	outline:0;
	vertical-align:top
}


.paginatorWrapper{
width:430px;
height:60px;
border:solid 1px #CCCCCC;
background-color:#CCCCCC;
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}
.paginatorTabWrapper{
	background-color:#666666;
	height:20px;
	padding:5px;
	text-align:center;

	
}
.paginatorLabel{
float:left;
width:100%;
font-weight:bold;
padding:3px;
}
.paginatorTab a{
float:left;
display:block;
padding:1px;
text-decoration:none;
border:solid 1px #ffffff;
background-color:#999999;
color:#FFFFFF;
width:20px;
text-align:center;
margin-left: 1px;
}
.paginatorTabActive a{
float:left;
display:block;
padding:1px;
text-decoration:none;
border:solid 1px #ffffff;
background-color:#990000;
color:#FFFFFF;
width:20px;
text-align:center;
margin-left: 1px;
}
.paginatorTab a:hover{
background-color:#ffffff;
color:#333333;
}

.flashMessages{
	
	background-color:#C5D6FC;
	border:solid 1px #CCCCCC;
	margin-bottom:10px;
	margin-top:10px;
	padding-left:50px;
	background-image:url(../Images/Public/Icons/FlashMessage.gif);
	background-repeat:no-repeat;
	background-position: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight:bold;

}

.pricing td a{
	display:block;
	float:left;
	clear:both;
	width:150px;
	margin:5px 0 0 25px;
}