@charset "utf-8";

/* ---------------- Frame ------------------ */

body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #f3f0ee;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
.eHound_main #container_home { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #f3f0ee;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
} 
.eHound_main #container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #f3f0ee;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
	background-image:url(../images/left_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
} 


/* ---------------- Top ------------------ */

.eHound_main #header { 
	background: #FFF; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.eHound_main #headerBox { 
	width: 988px; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}	
.eHound_main #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	overflow:hidden;
}
#handDiv {
	position:relative;
	left:-18px;
	top:-548px;
	width:56px;
	height:18px;
	overflow:visible;
}

/* ------- Customer Login Btn---------------- */

#cust_login {
	float:right;
	padding-top:105px;
	padding-right:19px;
	overflow:hidden;
}
#cust_login_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0;
}
#cust_login_btn a {
	display:block;
	width:182px;
	color:#fff;
	text-decoration:none;
	background:url("../images/cust_login_btn.gif") no-repeat 25px 0px;
	padding:6px 0px 8px 0px;
	height:30px;
}
#cust_login_btn a:hover { 
	background-position:25px -50px;
	color: #4e2c1c;
}
#cust_login_btn a:active {
	background-position:25px -25px;
	height:10px;
	color:#1e5ebd;
}
.eHound_main #top_menu {
	background-image:url(../images/menu_bg.png);
	background-repeat:repeat-x;
	height:27px;
	padding: 0;
	margin:0;
	overflow:hidden;
} 
.eHound_main #top_menu-Box { 
	margin:0;
	width: 960px; /*  using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:left;  /*this overrides the text-align: center on the body element. */
	overflow:hidden;
	padding:0;
}	
.eHound_main #top_menu-Box1 { 
	width: 100%; /*  using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	 /*this overrides the text-align: center on the body element. */
	overflow:hidden;
	padding:0;
	margin:0;
}	

/* navigation start */
ul#main_menu1 {
	width: 960px;
	list-style: none;
}

ul#main_menu1 li {float:left;}
ul#main_menu1 li a {
	float: left;
	height: 81px;
	text-indent: -9999px;
}
ul#main_menu1 li home_btn{
	background:url(../images/menu/home.gif) no-repeat;
	width:110px;
}
ul#main_menu1 li a.home_btn{
	background:url(../images/menu/home.gif) no-repeat;
	width:110px;
}
ul#main_menu1 li a.ABOUT_US_btn{
	background:url(../images/menu/about.gif) no-repeat;
	width:137px;
}
ul#main_menu1 li a.EDITIONS_btn{
	background:url(../images/menu/editions.gif) no-repeat;
	width:131px;
}
ul#main_menu1 li a.iphone_btn{
	background:url(../images/menu/iphone.gif) no-repeat;
	width:120px;
}
ul#main_menu1 li a.partner_btn{
	background:url(../images/menu/partner.gif) no-repeat;
	width:189px;
}
ul#main_menu1 li a.support_btn{
	background:url(../images/menu/support.gif) no-repeat;
	width:132px;
}
ul#main_menu1 li a.hound_btn{
	background:url(../images/menu/myhound.gif) no-repeat;
	width:141px;
}
ul#main_menu1 li a:hover{
	background-position:0 -27px;
}
ul#main_menu1 li.highlight a{
	background-position:0 -54px;
}

/* --------------- HOME FEATURES --------------- */

.eHound_main #home_slider {
	background-image:url(../images/home_slider_bg.gif);
	background-repeat:repeat-x;
	height:260px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.eHound_main #home_slider-Box { 
	width: 960px; /*  using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:center;  /*this overrides the text-align: center on the body element. */
}	


/* -------------------- P2 slider area ------------------ */

.eHound_main #p2_header {
	background-image:url(../images/p2_slider_bg.gif);
	background-repeat:repeat-x;
	height:115px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.eHound_main #p2_header-Box { 
	width: 960px; /*  using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:left;  /*this overrides the text-align: center on the body element. */
	padding-top:0px;
}	

/* ------------------ Contact Btn------------------------ */

#contact_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0px 0px;
	float:right;
	overflow:hidden;
}
#contact_btn a {
	display:block;
	width:133px;
	color:#fff;
	text-decoration:none;
	background:url("../images/contact.gif") no-repeat 0px 0px;
	padding:7px 0px 8px 0px;
	height:11px;
}
#contact_btn a:hover { 
	background-position:0px -25px;
	color: #4e2c1c;
}
#contact_btn a:active {
	background-position:0px -25px;
	height:11px;
	color:#1e5ebd;
}
/* ------------------ Sign Up Btn Ent------------------------ */

#sign_up_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0px 0px;
	float:right;
	overflow:hidden;
}
#sign_up_btn a {
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/signup-ent.gif") no-repeat 0px 0px;
	padding:7px 0px 8px 0px;
	height:11px;
}
#sign_up_btn a:hover { 
	background-position:0px -25px;
	color: #4e2c1c;
}
#sign_up_btn a:active {
	background-position:0px -25px;
	height:11px;
	color:#1e5ebd;
}

/* ------------------ Sign Up Btn Free ------------------------ */

#sign_up_btn_free {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0px 0px;
	float:right;
	overflow:hidden;
}
#sign_up_btn_free a {
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/signup-free.gif") no-repeat 0px 0px;
	padding:7px 0px 8px 0px;
	height:11px;
}
#sign_up_btn_free a:hover { 
	background-position:0px -25px;
	color: #4e2c1c;
}
#sign_up_btn_free a:active {
	background-position:0px -25px;
	height:11px;
	color:#1e5ebd;
}

/* ------------------ Sign Up Btn Pro ------------------------ */

#sign_up_btn_pro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:0px 0px;
	float:right;
	overflow:hidden;
}
#sign_up_btn_pro a {
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/signup-pro.gif") no-repeat 0px 0px;
	padding:7px 0px 8px 0px;
	height:11px;
}
#sign_up_btn_pro a:hover { 
	background-position:0px -25px;
	color: #4e2c1c;
}
#sign_up_btn_pro a:active {
	background-position:0px -25px;
	height:11px;
	color:#1e5ebd;
}

/* ------------------ Top Heading Ent ------------------------ */

#topheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	font-size:1.5em;
	font-weight:normal;
	list-style:none;
	background:url("../images/titlebar-ent.gif") no-repeat 0px 0px;
	display:block;
	width:680px;
	text-decoration:none;
	padding:5px 0px 8px 12px;
	height:40px;
}

/* ------------------ Top Heading Free ------------------------ */

#topheading-free {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	font-size:1.5em;
	font-weight:normal;
	list-style:none;
	background:url("../images/titlebar-free.gif") no-repeat 0px 0px;
	display:block;
	width:680px;
	text-decoration:none;
	padding:5px 0px 8px 12px;
	height:40px;
}

/* ------------------ Top Heading Pro ------------------------ */

#topheading-pro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	font-size:1.5em;
	font-weight:normal;
	list-style:none;
	background:url("../images/titlebar-pro.gif") no-repeat 0px 0px;
	display:block;
	width:680px;
	text-decoration:none;
	padding:5px 0px 8px 12px;
	height:40px;
}

/* ---- Easy Slider 

  .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	  margin:0;
	  padding:0;
	  display:block;
	  overflow:hidden;
	  text-indent:-8000px;
	  }

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here

		width:960px;
		height:260px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
---- */		


.eHound_main #home_content { 
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the left_col div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #left_col space when the content in #left_col ends. */
	padding: 0 27px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.eHound_main #home_content h2{
	color:#4e2c1c;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 0 15px;
} 

.eHound_main #home_content p{
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 15px;
	color:#666;
	line-height:150%;
	font-size:12px;
}



/* ------- Learn More FREE BTN ---------------- */
#learn_more_free_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 6px;
	margin-left:40px;
}
#learn_more_free_btn a {
	display:block;
	width:182px;
	color:#fff;
	text-decoration:none;
	background:url("../images/learn_more_free.gif") no-repeat;
	padding:7px 0px;
}
#learn_more_free_btn a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learn_more_free_btn a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}

#learn_more_free_header a {
	display:block;
	width:284px;
	color:#fff;
	text-decoration:none;
	background:url("../images/freeHound_header.gif") no-repeat;
	padding:0px 0px;
	height:33px;
}
#learn_more_free_header a:hover { 
	background-position:0 -33px;
	color: #4e2c1c;
}
#learn_more_free_header a:active {
	background-position:0 -33px;
	color:#1e5ebd;
}


/* ------- Learn More PRO BTN ---------------- */


#learn_more_pro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 5px;
	margin-left:40px;

}
#learn_more_pro a {
	display:block;
	width:182px;
	color:#fff;
	text-decoration:none;
	background:url("../images/learn_more_pro.gif") no-repeat;
	padding:7px 0px;
}
#learn_more_pro a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learn_more_pro a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}

#learn_more_pro_header a {
	display:block;
	width:284px;
	color:#fff;
	text-decoration:none;
	background:url("../images/pro_edition_header.gif") no-repeat;
	padding:0px 0px;
	height:33px;
}
#learn_more_pro_header a:hover { 
	background-position:0 -33px;
	color: #4e2c1c;
}
#learn_more_pro_header a:active {
	background-position:0 -33px;
	color:#1e5ebd;
}


/* ------- Learn More ENT BTN ---------------- */

#learn_more_ent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 5px;
	margin-left:40px;

}
#learn_more_ent a {
	display:block;
	width:182px;
	color:#fff;
	text-decoration:none;
	background:url("../images/learn_more_ent.gif") no-repeat;
	padding:7px 0px;
}
#learn_more_ent a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learn_more_ent a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}

#learn_more_ent_header a {
	display:block;
	width:284px;
	color:#fff;
	text-decoration:none;
	background:url("../images/enterprise_edition_header.gif") no-repeat;
	padding:0px 0px;
	height:33px;
}
#learn_more_ent_header a:hover { 
	background-position:0 -33px;
	color: #4e2c1c;
}
#learn_more_ent_header a:active {
	background-position:0 -33px;
	color:#1e5ebd;
}

/* ------- Learn More FREE BTN EDITIONS PAGE ---------------- */
#learnmorefree-btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 0;
}
#learnmorefree-btn a {
	display:block;
	width:128px;
	color:#fff;
	text-decoration:none;
	background:url(../images/learnmore-free.gif) no-repeat;
	padding:7px 0px;
}
#learnmorefree-btn a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learnmorefree-btn a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}

/* ------- Learn More PRO BTN EDITIONS PAGE ---------------- */
#learnmorepro-btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 0;
}
#learnmorepro-btn a {
	display:block;
	width:128px;
	color:#fff;
	text-decoration:none;
	background:url(../images/learnmore-pro.gif) no-repeat;
	padding:7px 0px;
}
#learnmorepro-btn a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learnmorepro-btn a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}

/* ------- Learn More ENT BTN EDITIONS PAGE ---------------- */
#learnmoreent-btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	list-style:none;
	padding:10px 0;
}
#learnmoreent-btn a {
	display:block;
	width:128px;
	color:#fff;
	text-decoration:none;
	background:url(../images/learnmore-ent.gif) no-repeat;
	padding:7px 0px;
}
#learnmoreent-btn a:hover { 
	background-position:0 -26px;
	color: #4e2c1c;
}
#learnmoreent-btn a:active {
	background-position:0 -26px;
	color:#1e5ebd;
}



/* --------------News Ticker------------- */


.eHound_main #ticker {
	background-image:url(../images/ticker_bg.jpg);
	background-repeat:repeat-x;
	height:24px;
	padding:7px 15px 0px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	margin:27px 0px;
}

#NewsTicker{
	border:solid 0px #cccccc;
	width:850px;
	height:24px;
	margin:0 auto;
}
	#NewsVertical {
	width: 850px;
	display: block;
	overflow: hidden;
	position: relative;
	background-repeat:repeat-x;
	height:24px;
	}

	#TickerVertical {
	width: 850px;
	height: 24px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TickerVertical li {
	width: 850px;
	color: #444444;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 4px 10px 4px 0;
	float: left;
	height: 24px;
	display: inline;
	}
	#TickerVertical li a {
	color: #666;
	text-align: left;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	}
	#TickerVertical li a:hover {
	color: #4e2c1c;
	text-align: left;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 20px;
			margin-bottom:7px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			margin-bottom:6px;
			text-decoration:underline;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			border:solid 0px #DEDEDE;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			font-size: 10px;
			margin:6px 0 14px 0;
			color:#000000
		}


/* ---------------- Left Col ------------------ */

.eHound_main #left_col {
	float: left; /* since this element is floated, a width must be given */
	width: 226px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 27px 0px 0 0px;
	top:0px;
}
.eHound_main #left_col_login {
	float: left; /* since this element is floated, a width must be given */
	width: 938px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 451px;
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0px 0px 22px;
	top:0px;
	background-image:url(../images/login_bg.jpg); 
	background-repeat: no-repeat;
	line-height:140%;
	overflow:hidden;
}


/* ------------------------- LEFT COLUMN BUTTONS ------------------------- */

.left_menu_btn a {
	display:block;
	width:206px;
	color:#4e2c1c;
	text-decoration:none;
	background:url("../images/side_menu.gif") no-repeat 0px 0px;
	padding:11px 0px 9px 20px;
	height:13px;
	text-transform:uppercase;
	text-align:left;
}
.left_menu_btn a:hover { 
	color: #0093bc;
}
.left_menu_btn a:active {
	background-position:0px -33px;
	height:13px;
	color:#4e2c1c;
}
.left_menu_active a {
	display:block;
	width:206px;
	text-decoration:none;
	background:url("../images/side_menu.gif") no-repeat 0px -33px;
	padding:11px 0px 9px 20px;
	height:13px;
	text-transform:uppercase;
	text-align:left;
	color:#0093bc;
	}

/* ---------------- Main Content ------------------ */

.eHound_main #main_content { 
	margin: 27px 27px 27px 253px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the left_col div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #left_col space when the content in #left_col ends. */
	padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 


/* ---------------- Footer ------------------ */

.eHound_main #footer { 
	padding: 0px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
} 
.eHound_main #footerPadding{
	background-color:#f3f0ee;
	padding-top:27px;
	}
.eHound_main #footer p, a {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px 27px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	text-align:center;
	color:#999;
	font-weight:bold;
}
.eHound_main #footer a:hover {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px 40px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	text-align:center;
	color:#4e2c1c;
	font-weight:normal;
}
#footer .footer_menu {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 40px 0px 0px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	color:#666;
}
#footer .footer_menu a {
	color:#666;
	font-weight:normal;
	padding: 0 3px;
}
#footer .footer_menu a:hover {
	font-weight:normal;
	padding: 0 3px;
}


/* ---------------- Font stylings ------------------ */

H1              {font-size: 2em; margin: .67em 0 }
H2              {font-size: 1.4em; margin: .83em 0 }
H3              {font-size: 1em; margin: 1em 0 }
H4, P,
BLOCKQUOTE,
FIELDSET, FORM,
DIR,
MENU            {margin: 1.33em 0;}
H5              {font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              {font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          {font-weight: bolder }
BLOCKQUOTE      {margin-left: 40px; margin-right: 40px }
UL, OL, DL		{margin: 1.33em 0; padding-left: 30px; text-decoration: none; font-size: 1em; outline: none; list-style-image: url("../images/bullet.png")  }
p a 			{color: #0093bc; font-size:100%; font-weight:normal;}
p a:visited 	{color: #0093bc;}
p a:hover 		{color: #0093bc; text-decoration:underline;}


.free_colour {
	color:#9bbf21;
	}
.pro_colour {
	color:#1f9793;
	}	
.ent_colour {
	color:#0093bc;
	}
.brown {
	color:#4e2c1c;
	font-weight:bold;
	}

/* ---------------------- Form Button -------------------------- */

.button {
    border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	font-weight:bold;
	list-style:none;
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/signup-ent.gif") no-repeat 0px 0px;
	padding:6px 0px 8px 15px;
	height:25px;
	text-align:left;
}
.buttonfree {
    border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	font-weight:bold;
	list-style:none;
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/signup-free.gif") no-repeat 0px 0px;
	padding:6px 0px 8px 15px;
	height:25px;
	text-align:left;
}
.buttonpro {
    border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	font-weight:bold;
	list-style:none;
	display:block;
	width:187px;
	color:#fff;
	text-decoration:none;
	background:url("../images/signup-pro.gif") no-repeat 0px 0px;
	padding:6px 0px 8px 15px;
	height:25px;
	text-align:left;
}
.button:hover {
  	background-position:0px -25px;
	color: #4e2c1c;
}

.button:active {
	background-position:0px -25px;
	height:25px;
	color:#1e5ebd;
}

/* ---------------- clear Floats ------------------ */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ---------------- accordion ------------------ */
.buttons {
	overflow: hidden;
	height: 1%;
	padding: 15px 0 22px;
}
.buttons a {
	float: left;
	background: url(../images/btn-accordion.gif) no-repeat;
	width: 101px;
	height: 20px;
	text-align: center;
	margin: 0 11px 0 0;
	padding: 6px 0 0;
	color: #4e2c1c;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 13px;
}
.buttons a:hover {
	background-position: 0 -26px;
	color: #018bb1;
}
.accordion {
	margin: 0;
	padding: 0;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
}
.accordion ul {
	margin: 0;
	padding: 10px 0 0;
	list-style-image: none;
}
.accordion li {
	background: none;
	padding: 0 0 9px;
	margin: 0;
	overflow: hidden;
	width: 100%;
}
.accordion h3 {
	margin: 0;
	background-color: #e0f2f6;
	padding: 6px 0 6px 9px;
	cursor: pointer;
}
.accordion h3 a {
	background: url(../images/btn-open-close.gif) no-repeat 0 -75px;
	padding: 0 0 0 24px;
	color: #0093bc;
	font-size: 1.1em;
	line-height: 1.23em;
}
.accordion h3.selected a { background-position: 0 3px; }
.accordion h4 {
	margin: 0 0 2px;
	color: #4e2c1c;
	cursor: pointer;
}
.accordion h4 a {
	font-size: 1.1em;
	line-height: 1.23em;
	color: #666;
}
.accordion h4.selected a {
	color: #4e2c1c;
}
.accordion p {
	margin: 0;
	line-height: 1.5em;
}
.accordion .slide {
	margin: 0 20px 0 33px;
	overflow: hidden;
	width: 627px;
}
* html .accordion .slide { display: inline-block; }
.accordion .slide .slide {
	margin: 0 0 0 18px;
	width: 607px;
}

.video-box{
	padding:9px 0 0;
}
.heading-video{
	height:1%;
	overflow:hidden;
	padding:4px 9px 5px 7px;
	background: url(../images/bg-heading-video.gif) repeat-x;
}
.heading-video .click{
	float:left;
	background: url(../images/bullet-01.gif) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#4e2c1c;
	padding:3px 0 3px 41px;
}
.heading-video .play-now{
	float:right;
	background: url(../images/bullet-02.gif) no-repeat 100% 5px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 9px 0 0;
	margin:6px 0 0;
	color:#08a2cc;
}
.video-list{
	width:666px;
	margin:0 -106px 0 0;
	padding:40px 0 36px 30px;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.video-list li{
	height:1%;
	overflow:hidden;
	float:left;
	width:156px;
	margin-right:49px;
	padding:44px 0 0 16px;
	background: url(../images/bg-video-box.gif) no-repeat;
}
.video-list li .video-box{
	float:left;
	margin:0 0 73px;
}
.video-list li .video-box img{
	display:block;
}
.video-list li .com{
	font-size:12px;
	font-weight:normal;
	float:left;
	width:137px;
	padding:0 0 10px;
	text-align:center;
	text-decoration:underline;
}
.video-list li .com:hover{
	text-decoration:none;
}
.video-list li .store{
	float:left;
	display:inline;
	width:116px;
	height:40px;
	text-indent:-9999px;
	background: url(../images/btn-store.gif) no-repeat;
	margin:0 0 0 10px;
	padding:0;
}
.attribution-w{
	background: url(../images/bg-attribution.gif) repeat-x;
	padding:37px 0 15px;
}
.attribution-box{
	background: url(../images/bg-attribution.gif) repeat-x 0 100%;
	padding:0 0 19px;
}
.attribution-box h3{
	margin:0 0 2px;
	font-size:11px;
	color:#666;
}
.attribution-box p{
	font-size:11px;
	line-height:17px;
	margin:0 0 20px;
}
.attribution-box span{
	height:1%;
	overflow:hidden;
	display:block;
	font-size:11px;
	padding:0 0 2px 2px;
}
.attribution-box span strong{
	float:left;
	margin:-2px;
	position:relative;
	font-weight:normal;
	font-size:9px;
	vertical-align:top !important;
}
.attribution-box span em{
	float:left;
	padding:0 0 0 5px;
	font-style:normal;
}