/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Home page styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content .hp-highlight-box {
	width:358px;
	min-height:17em;
	height:auto !important;
	height:17em;
	float:left;
	margin:0 24px 11px 0;
	position:relative;
	padding:0;
	border:none;
        background:url("../images/hp_shadow_bottom.png") no-repeat center bottom;
	}
	#content .two-col .hp-highlight-box {float:none;}

#content .hp-search {border: 1px solid #5ec1d9; margin: -8px 18px 6px 18px; width: 170px; background: #fff; padding: 4px !important}
    #content .hp-search input {border: 1px solid #fff; width: 9em; float: left; margin: 0}
    #content .hp-search legend {display: none;  }
    #content .hp-search input.submit {
            width: 20px !important;
            height:20px;
            background: url(../images/icon_search.gif) top left no-repeat;
            text-indent: -5000px;
            font-size: 0px;
            display:block;
            line-height: 0px;
            float: right;
            }

#content .hp-main-col div.last {
	margin-right:0;
}

.hp-main-col .content-header div {
	width:auto;
	border: none
}
.hp-main-col .content-header h2 {
	padding:7px 260px 7px 15px;
	width:465px;
}

.hp-box1 {
	background:#118cb7 url("../images/bg_hp_box1.gif") no-repeat left bottom;
}
#content .hp-box2 {
	 background:url("../images/hp2_shadow_bottom.png") no-repeat center bottom;
	}
	#content .hp-box1 h2, #content .hp-box2 h2 {
		color:#003399;
		background:url("../images/hp_shadow_top.png") no-repeat center top;
	}
	#content .hp-box1 p {
		color:#333;
		width:265px;
	}
	#content .hp-box2 p {
		width:190px;
	}
	
	.hp-highlight-box h2 {
		padding:10px 17px 10px;
		margin:0;
		font-size:1.7em;
		font-weight:normal;
	}
	.hp-highlight-box p {
		padding:0 17px 3px;
		font-size: 0.9em
	}
	.hp-highlight-box img {
		margin:4px 17px 5px 10px;
	}
	#home .hp-highlight-box a {
		text-decoration:underline;
		}
		#content .hp-highlight-box a:hover, #content .hp-highlight-box a:active {
			text-decoration:none;
		}
	.hp-highlight-box b.curved-corners {margin:0;}
	#content .hp-highlight-box b b {
		padding:1px 0 4px;
	}
	
	.hp-highlight-box .curve-corners {
		border:1px solid #d9d9d9;
	}


.hp-side-col div {
	margin-bottom:15px;
	}
	.hp-side-col div.related {
		border: 1px solid #d9d9d9;
		background-color:#f4f4f4;
		padding:8px;
		margin-bottom:0;
		width: 205px
		}
		#content .hp-side-col div.related h4, #content .hp-side-col div.related ul {
			margin:0 0 7px;
		}
	
.hp-side-col h2.side-col-header,
.hp-side-col h3.side-col-header {
	font-weight:normal;
	font-size:1.4em;
	color:#333;
	padding:11px 14px;
        border: 1px solid #d5d5d5;
	margin:0;
}
.hp-side-col div.curve-corners {
	overflow:hidden;
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
#content .hp-side-col ul.feature-list {
	margin-bottom:0;
}
.hp-side-col ul.feature-list li {
	border:1px solid #d9d9d9;
	border-top:0;
	margin-bottom:0;
	padding:0;
	float: none;
	position:relative;
	width: 221px;
	background:#efefef url("../images/bg_grad_grey.gif") repeat-x left bottom;
	}
	.hp-side-col ul.feature-list li.link-patient{background:#fff url("../images/icon_patient2.gif") no-repeat right bottom;}
	.hp-side-col ul.feature-list li.link-healthcare{background:#fff url("../images/icon_healthcare2.gif") no-repeat right bottom;}
	.hp-side-col ul.feature-list li.link-veterinarian{background:#fff url("../images/icon_vetinarian2.gif") no-repeat right bottom;}
	.hp-side-col ul.feature-list li.link-pharmaceutical{background:#fff url("../images/icon_pharmaceutical2.gif") no-repeat right bottom;}
	.hp-side-col ul.feature-list li.link-other{background:#fff url("../images/icon_other2.gif") no-repeat right bottom;}
	
	.hp-side-col ul.feature-list li.active {}
	
	.hp-side-col ul.feature-list li a {
		display:block;
		padding:13px 53px 13px 25px;
		color:#003399;
		font-size:1.2em;
		font-weight:bold;
		width:143px;
		height:auto;
		background:url("../images/icon_arrow-blue.gif") no-repeat 14px center;
	}
	.hp-side-col h4.feature-list,
	.hp-side-col h3.feature-list {
		border:1px solid #d9d9d9;
		border-width:0 1px;
		margin:0;
		padding:12px 15px 8px;
		font-size:1.2em;
	}
	#content .hp-side-col ul.features-other { /* extends link-list */
		border:1px solid #d9d9d9;
		border-width:0 1px 1px 1px;
		padding:0 15px 10px;
		margin-bottom:15px;
	}

#home .tab-block p {float: none; clear: none;width: auto;}