﻿body {
	margin: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #858688;
	font-size: 12px;
	background-color:#ffffff;

}
p {margin-top: 0px; margin-bottom:12px;}
img {border-width: 0px;}
form {margin: 0px; padding: 0px;}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}


a:link, a:visited {
	color: #129FBD;
	text-decoration: none;
}


a:hover {
	color: #129FBD;
	text-decoration: underline;
}


h1, h2 {
	font-size: 20px;
	color: #F99734;
	margin-top: 0px;
	text-transform: uppercase;
}


h2 {
	margin: 0px 0px 10px 0px;
}


h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}


.smallTitle {
	font-size: 13px;
}

em {
	font-size: 12px;
	color: #F99734;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	
}

/*--FORM STYLES --*/

.bluebackground {
	background-color: #ffffff; 
	border: #C3D9FF 1px solid;
}

#loginForm, #joinForm {
	padding-right:0px;
	margin-right:0px;
}
#loginForm input[type="text"], #loginForm input[type="password"], #joinForm input[type="text"], #joinForm input[type="password"] {
	font-size: 11px;
	color: #454648;
}

#Login_Form1 input[type="text"], #Login_Form1 input[type="password"] {
	font-size: 11px;
	height: 14px;
	color: #858688;
}

#contactForm input[type="text"] {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #858688;
	font-size: 12px;

}

.inv {display:none;}
.visible {display:inline;}
img.visible {display:block;
		margin-top: 3px;
		margin-left:5px;}
tr.visible {display:table-row;}
.error {
	color:#FF0000;
	font-size:11px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;  
	white-space: nowrap;
	margin-left:0px; 
	padding-left:0px; 
}
.style15 {
	font-size: 11px; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width:300px;
}
.style16 {
	font-size: 11px; 

	text-align:center;
	width:370px;
}
.style17 {
	font-size: 11px; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align:center;
	width:90px;
}


.hidden { visibility: hidden;
		  font-size: 11px; 
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	
	text-align:center;	
 }
.unhidden { visibility: visible;
			font-size: 11px; 
	        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	        
	       text-align:center;



 }




/*--NEW STYLES CREATED 9/25 KEVIN A --*/

.inner1{
text-align:center;
font-size: 13px;
color:#F99734;
background:#F3F3F3;
}

.inner70{
text-align:left;
font-size: 15px;
color: #F99734;
font-weight:bold;
}


.inner2{
text-align:center;
font-size: 18px;
background:url(../_images/top1.jpg) no-repeat;
}

.inner3{
text-align:center;
font-size: 13px;
color:#129FBD;
background:#F3F3F3;
}



.inner4{
text-align:center;
font-size: 17px;
color: #F99734;
font-weight:bold;
}

.inner5{
font-size: 14px;
color: #F99734;
font-weight:bold;
}



.inner8{
font-size: 14px;
font-weight:bold;
}

.inner9{
font-size: 14px;
color: #F99734;
font-weight:bold;
text-transform: uppercase;
}


.inner0{
font-size: 12px;
font-weight:normal;
}

.inner11{
font-size: 17px;
color: #F99734;
font-weight:bold;

}
.inner12{
font-size: 17px;
color: #F99734;
font-weight:bold;
text-align:center;

}

.inner14{
font-size: 12px;
color: #F99734;


}

.inner15{
font-size: 17px;
color: #F99734;
font-weight:bold;
text-align:center;

}

.inner16{
font-size: 10px;


}

.innercenter{
	text-align:center;
}

.inner17{
text-align:center;
font-size: 13px;
color:#129FBD;

}

.inner18{
text-align:center;
font-size: 15px;
color:#129FBD;

}

/* ---- Free Trial Pages ---- */


#int_free.subColLeft {
	float: left;
	width: 317px;
	height:auto;
	background:url(../_images/formback.jpg) no-repeat;
}

#int_mylivelook.subMyColLeft {
	float: left;
	width: 417px;
	width: 90%;
	height:auto;
	background:url(../_images/myformback.jpg) no-repeat;
}

.inner6 {
	margin-top: 15px;
	margin-left: 15px;

}

/* ---- End Free Trial Pages ---- */




/* ---- Buy Now Pages ---- */

#int_buy.subColLeft1 {
	float: left;
	width: 635px;
	height:467px;
	background:url(../_images/notlogin_back.jpg) no-repeat;
	
}




.inner7 {
	margin-top: 15px;
	margin-left: 15px;
	margin-right:15px;
}



	
/* ---- End Buy now pages ---- */



/* ----Rollover buttons ---- */

.learn
{
background: url(../_images/overlearn.gif) no-repeat;
display: block;
width: 76px;
height: 20px;

}

.learn a
{
display: block;
width: 76px;
height: 20px;

}

.learn img
{
width: 76px;
height: 20px;
border: 0
}

* html a:hover
{
visibility:visible }

.learn a:hover img
{
visibility:hidden
}

/* ---- END NEW STYLES ---- */







.smallText {
	font-size: 10px;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}



.faq span {
font-size: 13px;
color:#F99734;
}


.faq li {
	padding-top:5px;
	background: none;//url(../_images/bullet_dash.gif) left 5px no-repeat;
}



ol.faq {
	padding-top:0px;
}


/* ---- MAIN CONTAINER ---- */

#mainContainer {
	position: relative;
	width: 937px;
	z-index: 1;
	margin: 0px auto 0px auto;
}

/* ---- HEADER AND LOGIN ---- */

#header {
	position: relative;
	height: 62px;
	top:14px;
	margin:0; padding:0;	
	margin-bottom:15px;
	z-index: 1;
	background: url(../_images/livelookhelp.png) left 5px no-repeat;
	/*background-color:#ccc;*/
}
#logoLink {
	z-index: 0;
	position: absolute;
	display:block;
	top: 0px;
	left: 0px;
	width: 235px;
	height: 43px;
	text-indent: -5000px;
	overflow: hidden;
}
#logoLink h1 {
	z-index: 0;
	margin: 0px;
}
#logoLink a:link, #logoLink a:visited, #logoLink a:hover {
	z-index: 2;
	display: block;
	position:absolute;
	top:0; left:0;
	width:250px;
	height:45px;
	text-decoration: none;
}

/* ---- TOP NAVIGATION BAR ---- */

#topNavBar {
	position: relative;
	height: 32px;
	background: url(../_images/NavBar_Bkg.gif) no-repeat;
}
#languageForm {
	position: absolute;
	top: 7px;
	right: 10px;
}	
#languageForm select {
	font-size: 11px;
	color: #858688;
	padding: 1px;
}
ul#topNav li {
	float: left;
	background: url(../_images/NavBar_Gradient.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	border-right: solid #FFFFFF 1px;	
}
ul#topNav li a:link, ul#topNav li a:visited, ul#topNav li a:hover {
	display: block;
	color: #858688;
	padding: 7px 36px 7px 36px;
	text-decoration: none;
	border-right: solid #D7D7D7 1px;
	height:16px;
}
ul#topNav li a:hover {
	background-color: #AEAEAE;
	color: #FFFFFF;
	height:16px;
}
ul#topNav li a.firstLink:link, ul#topNav li a.firstLink:visited {
	background: url(../_images/NavBar_Corner_Off.gif) left top no-repeat;
}
ul#topNav li a.firstLink:hover {
	background: #AEAEAE url(../_images/NavBar_Corner_On.gif) left top no-repeat;
	color: #FFFFFF;	
}
ul#topNav li.topNavON a:link, ul#topNav li.topNavON a:visited, ul#topNav li.topNavON a:hover {
	padding: 7px 36px 7px 36px;
	background-color: #AEAEAE;
	color: #FFFFFF;	
	height:16px;
}
ul#topNav li.topNavON a.firstLink:link, ul#topNav li.topNavON a.firstLink:visited, ul#topNav li.topNavON a.firstLink:hover {
	background: #AEAEAE url(../_images/NavBar_Corner_On.gif) left top no-repeat;
	color: #FFFFFF;	
}





/* ---- HOMEPAGE NOT LOGED IN POP UP ---- */



.notlogin {

	padding-top:20px;
	padding-left:5px;
	vertical-align:top;
}

#hp_MainLeft {
	position: relative;
	z-index: 1;
	float: left;
	width: 635px;
	height: 461px;	
	margin: 4px 0px 18px 0px;
	
}

#hp_MainLeft2 {
	position:absolute;
	top:445px;
	float: left;
	width: 635px;
	height: 37px;
	margin: 0px 0px 18px 0px;
	
}



.hp_MainRight1 {
	
	position: relative;
	float: right;
	width: 294px;
	height: 481px;
	margin: 4px 0px 18px 0px;
	
	
}

.hp_MainRight2 {
	position:absolute;
	float: right;
	width: 294px;
	height: 481px;
	margin: 4px 0px 18px 0px;
	left: 642px;
	

}

.hp_MainRight3{
	position:absolute;
	float: right;
	width: 294px;
	height: 481px;
	margin: 4px 0px 18px 0px;
	left: 642px;
	
}


.hline{
	background:url(../_images/H_line.jpg) no-repeat;
	text-align:center;
	width:200px;

}




/* ---- END NOT LOGED IN POP UP ---- */


/* ---- HOMEPAGE LAYOUT AND CONTENT ---- */


.hp_Flash_01 {
	background: url(../_images/hp_Flash_01_01.gif) no-repeat;
	
}
.hp_Flash_02 {
	background: url(../_images/hp_Flash_02.jpg) no-repeat;
}
#hp_MainLeft .demoLink, #hp_MainLeft .trialLink {
	position: absolute;
	bottom: 10px;
	height: 16px;
	width: 56px;	
	text-indent: -5000px;
	overflow: hidden;			
}
#hp_MainLeft .demoLink {
	left: 22px;		
}
#hp_MainLeft .trialLink {
	left: 96px;			
}
#hp_MainLeft .Switch_01, #hp_MainLeft .Switch_02 {
	position: absolute;
	bottom: 10px;
	height: 16px;
	width: 10px;	
	text-indent: -5000px;
	overflow: hidden;		
}
#hp_MainLeft .Switch_01 {
	right: 44px;	
}
#hp_MainLeft .Switch_02 {
	right: 20px;	
}
#hp_MainLeft .demoLink a:link, #hp_MainLeft .demoLink a:visited, #hp_MainLeft .demoLink a:hover,
#hp_MainLeft .trialLink a:link, #hp_MainLeft .trialLink a:visited, #hp_MainLeft .trialLink a:hover,
#hp_MainLeft .Switch_01 a:link, #hp_MainLeft .Switch_01 a:visited, .Switch_01 .trialLink a:hover,
#hp_MainLeft .Switch_02 a:link, #hp_MainLeft .Switch_02 a:visited, .Switch_02 .trialLink a:hover,
#hp_MainRight .SeeScreen a:link, #hp_MainRight .ShowScreen a:visited, #hp_MainRight .ShowScreen a:hover,
#hp_MainRight .ShowScreen a:link, #hp_MainRight .ShowScreen a:visited, #hp_MainRight .ShowScreen a:hover,{
	display: block;
	width: 100%;
	height: 100%;
}





#hp_MainRight {
	position: relative;
	float: right;
	width: 294px;
	height: 481px;
	background: url(../_images/hp_Details.gif) no-repeat;
	margin: 4px 0px 18px 0px;	
}
#hp_MainRight .ShowScreen, #hp_MainRight .SeeScreen {
	position: absolute;
	right: 8px;
	height: 50px;
	width: 252px;	
	text-indent: -5000px;
	overflow: hidden;		
}
#hp_MainRight .ShowScreen {
	bottom: 70px;	
}
#hp_MainRight .SeeScreen {
	bottom: 10px;	
}
#hp_LowerColumns {
	background: url(../_images/hp_3Col_bkg.gif) repeat-y;
	clear: both;
}
#hp_LowerColumns .leftCol {
	float: left;
	width: 240px;
	padding: 6px 0px 6px 38px;	
}
#hp_LowerColumns .midCol {
	width: 250px;
	float: left;
	padding: 6px 0px 6px 70px;		
}
#hp_LowerColumns .rightCol {
	width: 232px;
	float: right;
	padding: 6px 34px 6px 0px;
}
#hp_LowerColumns h2 {
	font-size: 16px;
	color: #858688;
	text-transform: none;
}
#hp_LowerColumns h2.ChatPlugin {
	background: url(../_images/icon_Plugins.gif) left 2px no-repeat;
	padding-left:30px
} 

/* ---- INTERIOR PAGES LAYOUT ---- */

#int_Container_1 {
	background: url(../_images/int_Container_fill.gif) repeat-y;
}
#int_Container_2 {
	background: url(../_images/int_Container_top.gif) left top no-repeat;
}
#int_Container_3 {
	background: url(../_images/int_Container_btm.gif) left bottom no-repeat;
	min-height: 400px;
}
#int_LeftCol {
	float: left;
	width: 650px;
	padding: 24px 0px 40px 24px;
}
#int_RightCol {
	float: right;
	width: 233px;
	padding: 14px 3px 40px 0px;	
}

/* ---- INTERIOR PAGES SUB-NAVIGATION ---- */

#int_SubNav {
	padding: 8px 0px 20px 0px;
	text-align: right;
	font-size: 11px;
}
#int_SubNav a:link, #int_SubNav a:visited, #int_SubNav a:hover {
	color: #8B8B8B;
	margin-left: 30px;
}
#int_SubNav a.SubNav_On {
	color: #707070;
	font-weight: bold;
}

/* ---- INTERIOR PAGES LEFT COLUMN CONTENT ---- */

#int_LeftCol h1 {
	border-bottom: solid #E5E5E5 1px;
	padding-bottom: 4px;
	margin-bottom: 0px;
}
.exec_Photo {
	float: left;
	clear: left;
	
}
.exec_Photo img {
	padding: 4px;
	border: solid #E5E5E5 1px;
}
.exec_Bio {
	margin-left: 110px;
}
#int_LeftCol .subColLeft {
	float: left;
	width: 317px;
}
#int_LeftCol .subColRight {
	float: right;
	width: 317px;
	
}
#int_LeftCol .subColLeft .inner,
#int_LeftCol .subColRight .inner {
	padding: 0px 0px 0px 10px;
}


/* ---- INTERIOR PAGES RIGHT COLUMN CONTENT ---- */

#int_RightCol .header {
	background: url(../_images/rightSide_line.gif) left bottom repeat-x;
	height: 39px;
}
#int_RightCol .header img {
	margin-top: 6px;
}
#int_RightCol .divider {
	border-top: solid #E5E5E5 1px;
	//background-color: #FFFFFF;
	height: 1px;
	margin: 4px 0px 4px 0px;
}
#int_RightCol .paddedContent {
	padding: 0px 14px 0px 14px;
}
#int_RightCol dl {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#int_RightCol dt {
	list-style: none;
	padding: 0px 0px 0px 12px;
	background: url(../_images/bullet_GrayArrow.gif) left 5px no-repeat;
	text-transform: uppercase;
	font-weight: bold;
	

}


#int_RightCol dd {
	list-style: none;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 12px;	
}

/* ---- PRODUCT DETAILS PAGE ---- */

#DetailsBox_1 {
	background: url(../_images/DetailsBox_fill.gif) left top repeat-y;
}
#DetailsBox_2 {
	background: url(../_images/DetailsBox_top.gif) left top no-repeat;
}
#DetailsBox_3 {
	position: relative;
	background: url(../_images/DetailsBox_btm.gif) left bottom no-repeat;
	height: 1%;  /* This is a fix for IE. */
	margin-bottom: 16px;
}
#DetailsBox_3 .leftCol {
	float: left;
	width: 332px;
	padding-bottom: 30px;
	text-align: center;
}

#DetailsBox_3 .leftCol .title {
	font-weight: bold;
	text-transform: uppercase;
	padding: 18px 0px 18px 0px;
}
#DetailsBox_3 .demoLink {
	position: absolute;
	left: 19px;
	bottom: 6px;
	width: 245px;
}
#DetailsBox_3 .rightCol {
	float: right;
	width: 315px;	
	padding: 18px 0px 18px 0px;	
}

#DetailsBox_3 .rightCol .divider {
	border-top: solid #E5E5E5 1px;
	background-color: #FFFFFF;
	height: 1px;
	margin: 10px 10px 10px 0px;
}
#DetailsBox_3 .rightCol .paddedContent {
		padding: 0px 30px 0px 18px;
}
ul.iconList li {
	background: url(../_images/icon_generic.gif) left 1px no-repeat;
	padding-left: 24px;
}
table.ButtonTable td {
	vertical-align: top;
}
table.ButtonTable td.Col_1 {
	width: 140px
}
table.ButtonTable td.smallText {
	padding: 2px 0px 10px 2px;
}
textarea.ButtonCodeField {
	width: 98%;
	height: 60px;
	white-space:normal;
	font-size:11px;
	color:#858688;;
	overflow:visible;
	overflow-x:hidden;
	
}

textarea.ButtonCodeField1 {
	width: 98%;
	height: 60px;
	
}

/* ---- FORMS ---- */

input[type="text"], input[type="password"], select, textarea {
	border: solid #BCBCBC 1px;
}


.formGrid td {
	padding: 0px 10px 8px 0px;
}
.formGrid input[type="text"], input[type="password"], .formGrid textarea {
	width: 200px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #858688;
	font-size: 12px;
}

.formGrid2 td {
	padding: 0px 10px 8px 0px;
}




/* ---- FOOTER ---- */

#footer {
	clear: both;
	padding: 20px 0px 10px 0px;
	font-size: 11px;
}
#footer .leftCol {
	float: left;
}
#footer .rightCol {
	float: right;
	text-align: right;

}


/* ----------- VISUAL ----------------------*/
#swapcontent { position:relative; width:200px; height:70px; overflow:hidden; margin-left:1px; margin-right:1px; left:30px; }
#swapcontent img.swapcontent { margin-left:0px; display:block; position:absolute; top:-10px; behavior: url(_javascript/ie7pngfix.htc); }
#swapcontent img.swapcontent.one { left:0; }
#swapcontent img.swapcontent.two { left:300px; }
#swapcontent img.swapcontent.three { left:600px; }
#swapcontent img.swapcontent.four { left:900px; }
#swapcontent img.swapcontent.five { left:1200px; }
#swapcontent img.swapcontent.six { left:1500px; }
#swapcontent img.swapcontent.seven { left:1800px; }
#swapcontent img.swapcontent.eight { left:2100px; }

#swapnav { float:left; position:absolute; 
	left:-50px; 
	padding:0; 
	margin:-58px 0 0 386px; 
	overflow:hidden; 
	display:block; 
	z-index:100; }
#swapnav li { width:150px; 
	position:relative;
	top:20px;
	float:left;}
#swapnav li a.swapnavthumb { 
	width:150px; 
	display:block; 
	height:0; 
	margin:0; 
	padding:120px 0 0;
	text-indent:-9999px; 
	outline:none; 
	overflow:hidden; 
	cursor:pointer; 
	_cursor:hand; 
	behavior: url(_javascript/ie7pngfix.htc); }
#swapnav li a.swapnavthumb.one { 
		opacity: 1;
		float:left;
		width:40px;
		background: url(../_images/clients/leftArrow1.png) no-repeat 0 0; }
#swapnav li a.swapnavthumb.three { 
		opacity: 1;
		float:right;
		width:40px;
		background: url(../_images/clients/rightArrow1.png) no-repeat 0 0; }
#swapnav li a.swapnavthumb.one:hover { 
		opacity: 1;
		background: url(../_images/clients/leftArrow2.png) no-repeat 0 0; 
		}
#swapnav li a.swapnavthumb.two:hover,#swapnav li a.swapnavthumb.three:hover { 
		opacity: 1;
		width:40px;
		background: url(../_images/clients/rightArrow2.png) no-repeat 0 0; 
}


.banner{
	background:url(../_images/banner.gif) no-repeat scroll top left;
	width:100px;
	height:395px;
	float:left;
	margin-right:10px;
}

.graph{
	background:url(../_images/graph.gif) no-repeat scroll top left;
	width:252px;
	height:272px;
	float:left;
	margin-bottom:20px;

}


.pane_bg {
	background:url(../_images/pane_bg.gif) repeat-y scroll left;
	width:278px;
	float:right;
	margin-bottom:20px;
}



.pane_top{
	background:url(../_images/pane_top.gif) no-repeat scroll top left;
}

.pane_bottom{
	background:url(../_images/pane_bottom.gif) no-repeat scroll bottom left;
	text-align:center;
	padding:14px 5px ;
	color:#ff6600;
	font-size:16px;
	text-align:left;
}

.pane_bottom li{
	background:url(../_images/listimage.jpg) no-repeat scroll bottom left;
	padding-left:35px;
	height:28px;
	margin:8px 6px 10px 5px;
}

.button{
	background:url(../_images/button.jpg) no-repeat scroll top left;
	width:127px;
	height:60px;
	margin:auto;
}


.textcont{
	float: left; 
	width:530px;
	margin-top:10px;
}


.guarantee{
	text-align:center;
	font-size:18px;
	color:#fe9000 !important;
	margin:3px;
	font-weight:bold;
	display:block;

}


.guarant{
	background: url(../_images/guarantee.jpg) no-repeat scroll top left;
	margin-bottom:10px;
}

.gtitle{
	font-size:19px;
	color:#fe9000;
	font-weight:bold;
	margin-bottom:5px;
}

.textindent{
	margin-left:120px;
	padding-bottom: 25px;
	border-bottom:1px solid #E5E5E5;
	margin-bottom:20px;
}
.mainitem{
	background:transparent url(../_images/listimage2.gif) no-repeat scroll left top;
	padding: 3px 2px 4px 30px;
	font-size:14px;
	color:#fe9000;
	font-weight:bold ;
	margin-bottom: 3px;

}

.customer{
	background: url(../_images/customer.jpg) no-repeat scroll top left;
}
.report{
	background: url(../_images/report.jpg) no-repeat scroll top left;
}

.mainitem li{
	font-size:12px;
	color:#666666;
	font-weight:normal;
	margin-left:12px;
}
.apply{
	display:block;
	float:right;
	width:132px;
	height:56px;
	background: url(../_images/apply.gif) no-repeat scroll top left;
}


#applicationForm{
	border-bottom:1px solid #E5E5E5;
	width:408px;
}

#applicationForm span{
	color:#949698;
	font-size:11px;
	margin:6px;
	padding-right:5px;
	padding-top:2px;
	display:block;
}



#applicationForm input, select {
	margin:6px;
	background:transparent url(../_images/inputbg.gif) no-repeat scroll left bottom;
	border:1px solid #d8d8d8;
	width:180px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #858688;
}

#applicationForm .error {
	color:#FF0000;
	font-size:11px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;  
	white-space: nowrap;
	margin-left:6px; 
	margin-top:-2px;
	padding-left:0px; 
}

.appl{
	margin: 10px 10px 15px 300px !important;
	background:none !important;
	width:90px !important;
	border:none !important;
}

.startext{
	font-size:9px;
	color:#000000;
	margin:3px;
	font-family:Trebuchet MS;
}

.slogan{
	float:right;
	width:200px;
	color:#ff9900;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin:15px 5px;
}

.slogan .percent{
	font-size:20px;
}
