/*Enables firefox browsers to measure the width from border to border*/

/*///////////// Common elements ///////////*/
html {height: 100%;}
body{ background : #757561 url(/images/background.gif) repeat-y 50% 50%; margin : 0; padding : 0; border: none; text-align: center; height: 100%; }
body, input, textarea, select, option, table, div, p {font-family: Calibri, Arial, Verdana, Trebuchet MS, Verdana, sans-serif, Georgia; font-size: 12px; color: #000000; line-height:18px}
input, textarea, select, option { font-size: 11px; color: #000000; }
form { border-top-width: 0px; padding: 0px; border: 0px; margin: 0px;}
h1 { font-size: 24px; font-weight: normal; padding: 10px 0px 15px 0px; margin: 0px; color: #7E7E6B;}
h2 { color: #E03A3E; font-size: 14px; font-weight: bold; margin: 0px; padding-bottom: 5px;}
h3 { color: #7E7E6B; font-size: 10px; margin: 0px; padding: 0px; clear: both;}
img { border: 0px;}
td { text-align: left; }

/*///////////// Links ///////////*/
a { text-decoration:none; color: #4A8299;}
a:hover { text-decoration: underline; }
a:link { color: #4A8299; }
a:visited { color: #4A8299; }
a:active { color: #4A8299; }
/*///////////// Classes ///////////*/
.topalign { vertical-align: top; }
.button {cursor:hand; font:10px Lucida Sans Regular, Arial, Trebuchet MS, Verdana, sans-serif; }
.cell_over { background-color: #F7F7F7; }
.cell_out { background-color: #FFFFFF; }
.cell_over1 { background-color: #FFFFFF; }
.cell_out1 { background-color: #F1F1F0; }
.tblHeaderLeft { height: 15px; vertical-align: top; border-right: solid 1px #EEEEEE; width: 50%;}
.tblHeaderRight { height: 15px; vertical-align: top; padding-left: 10px; width: 50%; }
.tblHeaderDivider { background-color: #CCCCCC; width: 1px;}
.tblContentDivider { background-color: #CCCCCC; width: 1px; }
.topalign { vertical-align: top; }
table .fullWidth { width: 100%; margin: 0px; border: 0px; padding: 0px;}
table .contenfullwidth { width: 500px;}
table .contentfullwidth2 { width: 498px;}
table .td1{ border-right: solid 1px #EEEEEE; width: 50%; }
table .td2 { width: 50%;}
table .td3{ width: 50%; padding-left: 10px;}
table .td4{ width: 75px;}
.test { background-color: Green; }
.larger a{ font-size: 13px;}
.larger li{ padding-top: 5px;}
.leftnavtitletext{ color: #7E7E6B; float: left; width: 170px; padding: 10px 0px 0px 5px; text-align: left; font-weight: bold;}
.leftnavcon { float: left; width: 170px;}
.leftmenutop{ width: 170px; height: 10px; float: left; background-color: #D6D6D0; background-image: url("/images/navtable_top.gif"); background-repeat: no-repeat; background-position: 38px 0px; overflow: hidden;}
.leftmenu{ width: 170px; float: left; background-color: #D6D6D0; vertical-align: top; overflow: hidden;}
.leftmenu span { width: 137px; float: right; background-color: #F1F1F0; margin-right: 5px; text-align: left; font-size: 11px;}
.leftmenu2{ width: 170px; float: left; background-color: #D6D6D0; vertical-align: top; font-size: 10px;}
.leftmenu2 span { width: 129px; float: right; background-color: #F1F1F0; margin-right: 5px; text-align: left; font-size: 11px; padding-left: 5px; padding-right: 3px; overflow: hidden;}
.leftmenubottom{ width: 170px; height: 12px; float: left; background-color: #D6D6D0; background-image: url("/images/navtable_bottom.gif"); background-repeat: no-repeat; background-position: 38px 0px; overflow: hidden;}
.arrowlink{ background-image: url("/images/arrow_right.gif"); background-repeat: no-repeat; background-position: 5px 5px; padding: 2px 0px 0px 20px;  float: left;}
.arrowlink2{ background-image: url("/images/arrow_right.gif"); background-repeat: no-repeat; background-position: 5px 5px; padding: 2px 0px 0px 20px;  float: left; font-weight: bold;}
.arrowlink3{ background-image: url("/images/arrow_right.gif"); background-repeat: no-repeat; background-position: 5px 5px; padding: 2px 0px 0px 20px; font-size: 10px;}
.arrowlinklargerspace{ background-image: url("/images/arrow_right.gif"); background-repeat: no-repeat; background-position: 5px 11px; padding: 8px 0px 8px 20px;  float: left; clear: left;}
.rrarrow{ width: 7px; height: 1.2em; background-image: url(/images/arrow_red_right.gif); background-repeat: no-repeat; background-position: 0px 7px; padding: 3px 3px 0px 3px; margin-left: 2px; display: inline-block;}
.viddemo{ width: 56px; height: 1.2em; background-image: url(/images/viewdemo.gif); background-repeat: no-repeat; display: inline-block; padding: 3px 3px 0px 3px; margin-top: 3px; float: left; clear: left;}
.navbubble{ padding: 5px;}
.hordiv{ width: 95%; height: 1px; background-color: #EEEEEE; float: left; display: inline; margin: 0px; padding: 0px; overflow: hidden;}
.hordiv2{ width: 100%; height: 1px; background-color: #EEEEEE; float: left; margin: 7px 0px 5px 0px;  overflow: hidden;}

.featureSpotLight{ width: 508px; float: left; border-left: solid 1px #EEEEEE; border-right: solid 1px #EEEEEE;}
.featureSpotLight2{ width: 498px; float: left; border-left: solid 1px #EEEEEE; border-right: solid 1px #EEEEEE;}
.featureSpotLight img { margin: 0px 0px 0px 0px; border: solid 1px #CFCFCF; float: left;}
.featureHeader{ float: left; width: 365px; padding: 5px;}
.featureBlurb { float: left; width: 353px; padding: 0px 5px 5px 17px;}
.featureBlurb2 { float: left; width: 363px; padding: 0px 5px 5px 17px;}
.featureImage { float: right; width: 115px; padding: 8px;}
.featureAuthor { font-size: 11px; color: #FF0000; width: 353px; padding-left: 17px; float: left;}

.prodSuite { width: 100%; float: left; padding: 5px 0px 5px 0px;} 
.prodSuite img { float: left;}
.prodSuite div { float: left; width: 70%; padding: 0px 5px 0px 10px; margin: 0px;}

.newsHeader{ width: 95%; float: left; font-size: 13px;}
.newsBlurb{ width: 95%; float: left; padding: 5px 5px 5px 0px;}

.c1 { float: left; width: 510px;}
.c2 { float: left; padding: 8px; width: 95%; font-size: 10px;}
.c2 img { float: left; padding: 0px; margin: 0px 0px 5px 0px;}
.c3 { float: left; width: 97%; padding-left: 3px; padding-right: 5px;}
.cs1 { float: left; width: 100%; text-align: center; font-size: 11px; color: #7E7E6B;}
.ph1 { color: #7E7E6B; display: inline; font-weight: bold; text-align: right;}
.ph2 { color: #7E7E6B; display: inline; font-weight: bold;}
.secth{ background-color: #F1F1F0; height: 25px; width: 100%; font-size: 11px; font-weight: bold; padding-left: 5px;}
.snapshot { width: 190px; float: right; border-bottom: solid 1px #EFEFBA; background-color: #FFFFEA; background-image: url("/images/snapshot_top.gif"); background-repeat: no-repeat; margin-left: 10px;}
.snapshot .head { color: #7E7E6B; padding: 5px 5px 0px 5px; font-size: 11px;}
.snapshot .header{ color: #FF0000; width: 178px; border-left: solid 1px #EFEFBA; border-right: solid 1px #EFEFBA; padding: 5px 5px 3px 5px; font-size: 11px;}
.snapshot .item{ width: 178px; border-left: solid 1px #EFEFBA; border-right: solid 1px #EFEFBA; padding: 5px 5px 3px 5px; font-size: 11px;}
.img1{ margin: 0px 5px 5px 0px; float: left; width: 50px; height: 50px;}
.flag { float: right; width: 48px; height: 48px;}
.verysmall { font-size: 10px; display: inline; }
.verysmall2 { font-size: 9px; font-family: Verdana; display: inline; font-weight: bold; }
.verysmallred { font-size: 10px; color: #FF0000; clear: left;}
.smaller { font-size: 11px; display: inline; }
.smallergray { font-size: 11px; display: inline; color: #7E7E6B; }
.smallerred { font-size: 11px; color: #FF0000;}
.verybig { font-size: 18px; display: inline; }
.r1 { color: #FF0000; font-size: 11px; display: inline;}
.r2 { color: #FF0000; display: inline; font-weight: bold;}
.arrd1 { background-image: url("/images/arrow_grey_down.gif"); background-repeat: no-repeat; background-position: 0px 3px; padding: 0px 0px 0px 13px; color: #31619C; padding-bottom: 3px;}
.ir1{ width: 245px; float: right; color: #757561; font-size: 10px; font-style: italic; padding-left: 5px; text-align: center;}
.ir1 img { float: left; padding-left: 5px;}
.faq{ width: 100%; float: left; padding: 6px 3px 0px 3px;}
.faqans{ width: 450px; float: left; padding: 0px 5px 5px 25px;}
.news{ width: 100%; float: left; padding: 5px 5px 5px 0px;}
.news .arrowlink { padding-bottom: 0px; font-weight: bold;}
.news h3{ padding: 0px 0px 0px 5px; margin: 0px; float: left;}
.cp{ padding: 5px 0px 10px 5px; float: left; width: 100%;}
.t1 { float: left; color: #0093b7; font-weight: bold;}
.article h1{ padding-bottom: 0px;}
.article .smallergray { display: block;}
.quoteback{ background-image: url("/images/quote.gif");}
/*///////////// Product pages ///////////*/
.productName { color: #4FA600; font-size: 15px; font-weight: bold; text-decoration: underline; display: none; }
#productXpress h1{ color: #4FA600; padding-bottom: 10px;}
#productEnterprise h1{ color: #027EC2; padding-bottom: 10px;}
#productSpa h1{ color: #0093b7; padding-bottom: 10px;}
#productSalon h1{ color: #FC9C1C; padding-bottom: 10px;}
#productLite h1{ color: #A4C4E4; padding-bottom: 10px;}
#productSingles h1{ color: #c53b6f; padding-bottom: 10px;}
#productFinanceLink h1{ color: #caa382; padding-bottom: 10px;}
#productBackmeup h1{ color: #0791B0; padding-bottom: 10px;}
#productBookme h1{ color: #b7be06; padding-bottom: 10px;}
#productSetandForget h1{ color: #0E7DC2; padding-bottom: 10px;}
#productXpress .productName { display: none;}
#productXpress .productBlurb { color: #4FA600; font-size: 14px;}
#productEnterprise .productBlurb { color: #027EC2; font-size: 14px;}
#productBackmeup .productBlurb { color: #0791B0; font-size: 14px;}
#productFinanceLink .productBlurb { color: #caa382; font-size: 14px;}
#productSalon .productBlurb { color: #FC9C1C; font-size: 14px;}
#productSpa .productBlurb { color: #0093b7; font-size: 14px;}
#productSpa .b1{ font-weight: bold; color: #0093b7;}
#productSingles .productBlurb { color: #c53b6f; font-size: 14px;}
#productSetandForget .productBlurb { color: #0E7DC2; font-size: 14px;}
#productBookme h2{ color: #b7be06; padding-bottom: 10px;}
#productBackmeup h2{ color: #0791B0; padding-bottom: 10px;}
#productSetandForget h2{ color: #0E7DC2; padding-bottom: 10px;}
#productFinanceLink h2{ color: #caa382; padding-bottom: 10px;}
#productBookme .productBlurb { color: #b7be06; font-size: 14px;}
#productSingles .b1{ font-weight: bold; color: #c53b6f;}
#educationOnlineAc h1 { color: #FF0000;}
#educationOnlineAc .productBlurb { color: #FF0000; font-size: 14px;}
#productConnectME .productBlurb { color: #993399; font-size: 14px;}
#productConnectME .b1{ font-weight: bold; color: #993399;}
#productConnectME h1{ color: #993399;}
#productDesignME h1{ color: #CC9900;}
#productmylocalsalon .productBlurb { color: #993399; font-size: 14px;}
#productmylocalsalon .b1{ font-weight: bold; color: #993399;}
#productmylocalsalon h1{ color: #98C1DE;}
#productmylocalsalon h2{ color: #98C1DE;}
#productmybooker .productBlurb { color: #98C1DE; font-size: 14px;}
#productmybooker .b1{ font-weight: bold; color: #98C1DE;}
#productmybooker h1{ color: #98C1DE;}
#productmybooker h2{ color: #98C1DE;}
#productVerifyme .productBlurb { color: #338f25; font-size: 14px;}
#productVerifyme .b1{ font-weight: bold; color: #338f25;}
#productVerifyme h1{ color: #338f25;}
#productScanme .productBlurb { color: #990000; font-size: 14px;}
#productScanme .b1{ font-weight: bold; color: #990000;}
#productScanme h1{ color: #990000;}
#productTextme .productBlurb { color: #d978a5; font-size: 14px;}
#productTextme .b1{ font-weight: bold; color: #d978a5;}
#productTextme h1{ color: #d978a5;}
#productTextme h2{ color: #d978a5;}




/*///////////// Tables ///////////*/
#mainConTbl { width: 794px; height: 100%; border: 0px; margin: 0px; margin-left: auto; margin-right: auto; text-align:center; padding: 0px;}
#headerTbl { width: 100%; height: auto;}
#flagsTd { width: 62px; vertical-align: top; padding-left: 2px;}
#bodyLeftTd { width: 180px; height: 100%; text-align: center; padding: 20px 5px 10px 5px;}
#bodyLeftWithBgTd { width: 210px; height: 100%; text-align: center; padding: 20px 0px 10px 0px; background-color: #F2F2F2; border-right: solid 1px #E9E9E9;}
#bodyLeftTd div { width: 100%;}
#bodyCenterTd { padding: 10px 0px 10px 10px; height: 100%; text-align: left; vertical-align: top;}
#bodyCenterTd span{ padding-bottom: 20px; display: block;}
#mainContentTbl { width: 720px; margin: 0px; float: left; height: auto;}

#langbartop{ width: 100%; height: 0.3em; float: left; background-color: #757561; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; line-height: 3px; padding: 0px; margin: 0px;}
#langbar{ width: 100%; float: left; text-align: left; background-image: url("/images/langback.gif"); background-repeat: repeat-x; border-top: solid 2px #CCCCC7; border-bottom: solid 1px #CCCCC7;}
#langbar img{ padding: 5px 5px 5px 5px; float: left;}
#langbar #langbarleft{ float: left; vertical-align: top; padding: 7px 0px 0px 0px; font-size: 11px;}
#langbar #langbarright{ float: right; vertical-align: top; padding: 0px 0px 0px 0px; font-size: 11px;}
#langbar #langbarright span{ padding: 7px 5px 0px 0px; float: left;}
#langbar #langbarright input{ margin-top: 4px;}

#footer{ background-color: #D6D6D0; text-align: left; width: 730px; height: 50px; border: 0px; border-top: solid 1px #CCCCC7; padding: 10px 0px 0px 0px; margin: 1px 0px 0px 0px; }
#footertext { float: left; width: 530px; font-size: 10px; padding-left: 5px;}
#footerlogo { float: right;}
#footer a{ font-size: 10px;}

#flashHorizontalNav{ float: left; width: 730px; height: 100px; text-align: center; font-weight: bold; line-height: 100px; background-color: #DBD3C1;}
#flashAboutHeader { float: left; width: 730px; height: 100px; text-align: center; font-weight: bold; line-height: 100px; background-color: #DBD3C1;}
#flashMain { float: left; width: 730px; height: 220px; text-align: center; font-weight: bold; line-height: 220px; background-color: #DBD3C1;}