﻿/* new look for xmark */
/****************** ELEMENTS ******************/


/****************** LINKS ******************/


a:link {
	color: #00a08e;
	text-decoration: none;
}
a:visited {
	color: #950000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #00a08e;
}
a:active {

}
p a:link {
	text-decoration: underline;
}
p a:visited {
	text-decoration: underline;
}
/****************** HEADERS ******************/
h1 
{
	font-family:Georgia;
	font-weight: 400;
	color: #00a08e;
}
h2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;
	color: #5a7060  
}
h3 {
	margin: 0px;
	padding: 3px;
	font-size:13px; /* table.col h3 not working 13px;*/
}
h4 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-variant: small-caps;
	font-size:16px; /* table.leftmenu h4 not working 13px;*/
	padding:8px 0 0 0;
}
/****************** LAYOUT STRUCTURES ******************/
body 
{
    background-color: #e0dec9;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3A3E4B;
}
#frame {
	height: 100%;
	width: 902px;
	text-align: right;
}
#frame a.greylink { font-size: 10px; color: #999999; }
#page {
	background-color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #BBBBBB;
	border-bottom-color: #BBBBBB;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #d2d0b7;
	border-left-color: #d2d0b7;
	margin-top: 2px;
	text-align: left;
}
#top {
	background-image:url(../images/fp_solutions.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #00a08e;
	height: 127px;
}
.dealerzone
{
    font-size:16px;
    font-weight:bold;
    color:#ffffff;
    border:solid 2px #00a08e;
    padding:0px 8px 0 8px;
    background-color:#B6A9A3;
}
#xchange {

}
#menu 
{
	background-color:#d0c8c3;
	text-align: left;
	height:25px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6;
	padding-left: 0px;
}
#menu a {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-variant: small-caps;
	list-style-type: none;
	display: inline;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d0c8c3;
}
#menu a:link {
	color: #ffffff;
}
#menu a:visited {
	color: #ffffff;
}
#menu a:hover {
	border-bottom-color: #B6A9A3;
}
#menu a.active { border-bottom-color: #F5F5F5; }
table.box 
{
	border: 1px solid #d1caaa;
	color: #b4b193;
}
table.box h4 
{
	background-color: #F5F5F5;
}
table.box tr
{    
}
table.col td {
	border: 1px solid #d1caaa;
    text-align:center;
	vertical-align: top;
	margin: 5px;
	width: 25%;
}
table.col h3 span, #leftmenu h4 span { color: #b4b193; }
table.col h3 a {
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color: #00a08e;
	background-color: #F5F5F5;
	display:block;
}
table.col a {
	font-size: 10px;
}
#leftmenu {
	float: left;
	width: 200px;
}
#leftmenu a.head {
	color: #b4b193;
	font-variant: small-caps;	
	font-size:16px;
	color: #00a08e;
}
#leftmenu a.head:hover h4 {
	color: #00a08e;
	border-right-color: #d1caaa;
}
#leftmenu h4, #rightmenu h4 {
	background-color: #F5F5F5;
	/*font-size: 16px;*/
	color: #00a08e;
	padding: 5px 5px 5px 7px;
	margin-top: 5px;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F5F5F5;*/
}
#leftmenu div a, .leftmenu {
	font-size: 11px;
	color: #999999;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	border-bottom:solid 1px #F5F5F5;	

}
#leftmenu div a.noborder {
	border-bottom-width: 0px;
}
#leftmenu div a:hover {
	color: #666666;
}
#rightmenu 
{
	float: right;
	padding:8px;
}
#rightmenu, #advert {
	width: 180px;
	margin-right: 8px;		
	border:double #CCCCCC;
	padding:0px 2px 10px 2px;
	text-align:center;
}
#rightmenu h4 {
	font-size: 14px;
	font-variant: small-caps;
	color: #b4b193;
}
#rightmenu p 
{
	background-color:#ffffff;
	font-size:105%;
	color:#7D7784;
	font-size:larger;    
}
table.col1 td 
{
    padding:8px 8px 0 8px;
    text-align:center;
	vertical-align: top;
	margin: 5px;
	width: 25%;
}
table.col1 h3 span { color: #cccccc; }
table.col1 h3 {
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color: #c9cacb;
	border-bottom: solid 2px #d6d7d9;
	display:block;
}
table.col1 a {
	font-size: 10px;
}
.rightborder {
	border-right: 1px solid #d6d7d9;
}
#col1
{
    padding:0 8px 0 8px;
    float:left;
    width:315px;
}
#col2
{
    border-left:solid 1px #cccccc;
    padding:0 8px 0 8px;
    width:315px;
    float:right;
}
#col1 h3, #col2 h3
{
    font-size:14px;
    font-variant:small-caps;
    color:#914851;
}
#content {
	float: left;
	padding: 0px 8px 20px 16px;
	margin: 0px;
	width: 660px; /*660px;*/
	vertical-align:top;
}
#slideimg 
{
    /*background-image:url(../../bg.gif);
    background-repeat:repeat-x;*/
}
#copyright {
	background-color: #00a08e;
	background-image:url(../images/bottomswoosh.gif);
	background-repeat:no-repeat;
	padding: 30px 0 10px 0;
	vertical-align: middle;
	text-align: center;	
    font-size: 10px;
	color: #FFFFFF;
	clear: both;
}
#copyright a, #copyright p {
	font-size: 10px;
	color: #FFFFFF;
}
#copyright a:hover {
	text-decoration: underline;
}
#print 
{
    float:right;
    width:50px;
}

/*********************************/
.clear
{
    clear:both;
}
/****************** breadcrumb****************/
#breadcrumb, #print
{
    position:relative;   
    left:0px;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    padding-right:20px;
    text-align:right;
    vertical-align:baseline;
}
/************** siteInfo styles ****************/
#siteInfo
{	
	vertical-align:middle;	
    width:100%;
    font-size: 10px;
	color: #ffffff;
	background-color:#00a08e;
	background-image:url(../images/bottomswoosh.gif);
	background-repeat:no-repeat;
	padding-top:16px;
}
#siteInfo a {
	color: #ffffff; /*#a1887d;  was #cccccc */
}
#siteInfo a:hover {
	text-decoration: underline;	
}

#outer
{
    margin-left:3%;
    margin-right:3%;
    background-color:#ffffff;
}

#SLIDESTEXT
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 2.2em; /* was 1.65 */
	color:#9E5900;
	display:block;
	position:absolute;
	top:245px; 
	left:410px;
	width:450px;
	background-color:Transparent;	
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#holdlogo {
	background-image:url(../images/fp_rfid.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;	
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#logo
{
    position:absolute;
    top:18px;
	left:5%;
	right:5%;
	z-index:5;
	border-left:solid 1px #c4d2cc;
	border-right:solid 1px #c4d2cc;
}

.green
{
    color:#00a08e;
}
.small
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;	
}
a.small
{
	color:#009900;
}
.freequote 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	padding:25px 45px 25px 45px;
	color:#99877d;
}
.webinar
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight:bold;
	color:White;
	text-align:center;
	background-image: url(../images/nav_webinar.gif);
	background-repeat: repeat-x;
	height:30px;
}
hr 
{
	color:#d3d3dc;
}
#header 
{
	font:400 75% Verdana, Arial, Helvetica, sans-serif;
   position:absolute;
    top:2px;
	left:5%;
	right:5%;
	/*width:900px;*/
	line-height:15px;
	text-align:right;
}


/************ side menu ***************/

.padding
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding:5px;
}
a.padding:link a.padding:hover a.padding:active a.padding:visited
{
	text-decoration:none;
}
a.padding:hover
{
	text-decoration:underline;
}
#productlogo
{
	position:absolute;
    width:150px; 
    top:400px;
    left:10px;
    background-color:#008fff;
	padding-top:20px;
	
}

#footer 
{
	text-align:right;
	font:75% arial,verdana, helvetica,sans-serif;
	color:#cccccc;
}
a.footer:link, a.footer:active, a.footer:visited 
{
	color:#999999;
}
a.footer:hover
{
}
.error
{
    color:Red;
    font-size:larger;
    font-family:Verdana;
}
.boxin 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	width:120px;
	color:#575c90;
	border-left:solid 1px #d3d3dc;
/*	border:solid 1px #89b7b2;*/
	padding:5px;
	line-height:20px;
}
.lynk 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	/*border-left:solid 1px #89b7b2;*/
/*	border:solid 1px #;*/
	line-height:20px;
}
.alignright 
{
	text-align:right;
}
.more 
{
	background-color:#d6d3c3;
	color:White;
	height:18px;
	padding:1px;
	font-family: Verdana, Arial,Verdana;
	font-size: 130%;
	
}

.imagerightside img, imagerightsidecaption img
{
    border: 1px solid #CCC;
    margin-left: 10px;
    margin-bottom: 20px;
    float: right;
}
.bgtint
{
	background-color:#e0dec9;
	border:solid 1px #000000;
}
/* usershared bordering files */
#feature, #feature1, #feature2, #feature3, #feature4, #CompleteWizardStep1
{
	background-color:#eeede1;
	text-align:center;
	border-left:solid 1px #878465;
	border-right:solid 2px #878465;
	border-bottom:solid 2px #878465;	
	padding:3px;
	color:#a6a383;
}
.feature
{
	font-size:100%;
	font-weight:400;
	color:#3C3F59;
	padding:0 2px 0 2px;
	background-color:#eeede1;
}
.featuretitle
{
	font-weight:600;
	font-size:110%;
	font-variant:small-caps;
	color:#ffffff;
	border-left:solid 1px #878465;
	border-top:solid 1px #878465;
	border-right:solid 2px #878465;
	border-bottom:solid 1px #878465;	
	background-color:#a29f80;
}
.featurebold
{
	color:#a6a383;
	font-weight:600;
}
.caps
{
	font-variant:small-caps;
	font-size:110%;
	color:#666666;
	padding:5px;
}
#brown,#red
{
	text-align:center;	
	padding:3px;	
}
#brown
{
	color:#999900;
	background-color:#FFFFF4;
	border:solid 1px #cccccc;
}
#blue
{
	color:#0080C0;
	background-color:#FDFEFF;
	border:solid 1px #0080C0;
	margin:8px;
	text-align:center;
}
#hugsnewsletter, #halonewsletter
{
    border:solid 1px #cccccc;
    color:#000000;
    padding-top:60px;
    height:140px;
}
#hugsnewsletter
{
    background-image: url(../images/hugsnewsletterbg.gif);
    background-repeat:no-repeat;
}
#halonewsletter
{
    background-image: url(../images/halonewsletterbg.gif);
}

#advert, #advert1, #advert2, #advert3, #advert4, #webinar
{
	text-align:center;
	border:solid 1px #e0dec9;
	color:#a6a383;
    margin:8px;
font-size:80%;
}
#advert h4, #advert1 h4, #advert2 h4, #advert3 h4, #advert4 h4, #webinar h4

{
	background-color: #F5F5F5;
	padding:2px;
	color: #b4b193;
	border-bottom:solid 1px #CCCCCC;
}
#advert1 h4
{
	background-color: #F5F5F5;
	padding:2px;
	color: #b4b193;
	border-bottom:solid 1px #CCCCCC;
}
#fade
{
    margin:8px;
    padding:2px;
	border:double #c8d9d5;
	text-align:center;
	background-color:#ffffff;
}
#webinar h4
{
	color:#6A8C84;
	border-bottom:solid 1px #c8d9d5;
	background-image:url(../images/bg_green.gif);
	background-repeat:repeat-x;	
	padding:2px;	
}
.fadebold
{
	font-size:110%;
	font-weight:600;
	color:#96a7a3;
}
#grayborder
{
	border:double #CCCCCC;
	text-align:center;
	background-color:#ffffff;
	font-family:Verdana, Arial;
	font-weight:500;
	font-size:105%;
	color:#7D7784;
	padding:2px 2px 10px 2px;
}
.larger
{
	font-size:larger;
}
.haloblue
{
	font-family:Verdana, Arial;
	font-weight:600;
	font-size:150%;
	font-variant:small-caps;
	color:#212b80;
}
.halotitle
{
	font-size:110%;
	font-weight:600;
	color:#ffffff;
	background-color:#212b80;
	padding:0 0 4px 0;
}
.hugsred
{
}
.hugstitle
{
	font-size:110%;
	font-weight:600;
	color:#ffffff;
	background-color:#bb292a;
	padding:0 0 4px 0;
}
.fadecream
{
	font-family:Verdana, Arial;
	font-weight:600;
	font-size:100%;
	color:#6A8C84;
	border-bottom:solid 1px #6A8C84;
	background-image:url(../images/bg_cream.gif);
	background-repeat:repeat-x;	
}
.yellow 
{
	background-color:Yellow;
}
#bordergray, #bordergray1, #bordergray2, #bordergray3, #bordergray4, #bordergray5
{
	border:solid 1px #e0dec9;
}
#fade
{
	border:double #c8d9d5;
	text-align:center;
	background-color:#ffffff;
}
.fadetitle
{
	font-family:Verdana, Arial;
	font-weight:600;
	font-size:110%;
	font-variant:small-caps;
	color:#6A8C84;
	border-bottom:solid 1px #c8d9d5;
	background-image:url(../images/bg_green.gif);
	background-repeat:repeat-x;	
}
.fade
{
	font-family:Arial;
	color:#96a7a3;
}
.fadebold
{
	font-size:110%;
	font-weight:600;
	color:#96a7a3;
}
.bordergray
{
	border-top:solid 1px #CCCCCC;
	/*border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	background-color:#F7F6F3;*/
	padding:0 0 0 8px;
}
#borderall, #borderall1, #borderall2, #borderall3, #borderall4
{
}
.borderall
{
	border-left:solid 1px #e0dec9;
	border-bottom:solid 1px #e0dec9;
	border-right:solid 1px #e0dec9;
	border-bottom:inset 1px #e0dec9;
	/*background-color:#F7F6F3;*/
	background-image:url(../images/bg_gray.gif);
	background-repeat:repeat-x;
	padding:2px 5px 2px 5px;
}
#borderblue, #borderblue1, #borderblue2, #borderblue3, #borderblue4
{
	border:dotted 1px #a7c1de;
	/*border-left:solid 1px #a7c1de;
	border-right:solid 1px #a7c1de;*/
	background-color:#f6f9fc;
	margin:8px;	
}
#borderblue h4
{
	border-bottom:solid 1px #a7c1de;
	background-color:#ffffff;
	background-image:url(../images/bg_blue.gif);
	background-repeat:repeat-x;
	padding:2px 0 0 2px;
}
.border
{
	border-top:solid 1px #e0dec9;
}
.error
{
	color:Red;
}
.usertitle
{
    border-bottom:solid 1px #f0e68c;
	font-variant:small-caps;
	font-size:150%;
	color:white;
	padding:5px;
    background-color:#BDB76B;
    
}
.userzone
{
    color:#000000;
    font-weight:600;
	font-size:120%;
   
}
.userzonelogin
{
    color:#000000;
    background-color:#FFFFF0;
    border-color:#BDB76B;
    border-style:solid;
    border-width:1px;
}
#focus
{
	border:solid 1px #e0dec9;
	background-color:#e9f3f2;
	padding:8px;
}
/* styles for the frontlines website */
.FaqDetailTextLegible, .MsoNormal, .mso-bidi
{
	color:#000000;
}
.FaqDetailQuestionAnswerBackground, .MsoNormal, .FaqDetailTextLegible
{
	font-size:14px;
	color:#000000;
}

.border
{
	border-top:solid 1px #e0dec9;
}
/* used for accordion */
.show {
display: block;
}
.hide {
display:none;
}
#div1 div, #div3 div, #div5 div, #div7 div, #div9 div, #div11 div, #div13 div, #div15 div, #div17 div, #div19 div, #div21 div, #div23 div, #div25 div, #div27 div, #div29 div, #div31 div, #div33 div, #div35 div, #div37 div, #div39 div, #div41 div, #div43 div, #div45 div, #div47 div {
font-size:100%;
padding-left:20px;
}
#div2 {
}
#div1 {
}
.highlight {
	background-color:#EBEBEB;
	border:solid 1px #ccc;
	display:block;
	width:60%;
	color:#000;
	padding:5px 0 5px 0;
}
