/*** global ***/
.s-br {clear:both;font-size:1px;height:1px;margin:0;padding:0;}

/* gallery */	
.hp-customer {width:100%;height:130px;margin-top:10px;}
.hp-customer-title {width:100%;margin:5px 0;font:bold 16px arial; color: #222222;}
.hp-customer .hp-customer-action { 
	float: left;
	width: 42px;
	height: 103px;
	cursor: pointer;
}

.hp-customer .hp-customer-main { 
	float: left;
	width: 822px;
	height: 101px;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	background: transparent url('/_media_static/global/backgrounds/bottom_left_corner_gradient.png') top left no-repeat;
}

.hp-customer div.scrollable { 
    /* required settings */ 
    position:relative;
    overflow:hidden;
    height:101px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.hp-customer div.scrollable .items { 
    height:100px;
    border-style:none;
    position:absolute;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
.hp-customer div.scrollable .items td { 
    width: 165px;
    text-align: center;
    vertical-align:middle;
} 
 
/* you may want to setup some decorations to active the item */ 
.hp-customer .items .active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* gallery */	
.hp-bullet {width:100%; text-align:left; height:110px;margin-bottom:10px; background: #ffffff url('/_media_static/global/backgrounds/bullet_bg.png') top left no-repeat;}
.hp-bullet-title {width: 100%; font:bold 21px arial; color: #222222;padding:5px 0;text-indent:20px;}
.hp-bullet-div {float:left;width: 100%; height:75px;font:normal 14px arial;}
.hp-bullet .hp-bullet-li {float: left; width: 260px; padding: 0 0 0 25px; margin:13px 0 0 15px;font: normal 14px arial; background: transparent url('/_media_static/global/vsign.png') left bottom no-repeat;}
.hp-bullet .hp-bullet-li a{color: #3671A1; text-decoration: underline;}
.hp-bullet .hp-bullet-li a:hover{color: #5caae1; text-decoration: underline;}

/* main box */
.hp-main {width:100%; height:291px; position: relative;overflow:hidden;}
.hp-main .slider {width: 100%; position: absolute;}
.hp-main .slider > div {width: 100%; height: 291px; background-repeat:no-repeat;}
.hp-main .slider-nav-buttons {position:absolute;bottom:10px;left:10px;right:10px;z-index:10;text-align:center}
.hp-main .slider-nav-buttons .nav-but {padding:2px 7px;background-color:#666;color:#fff;font-weight:bold;cursor:pointer}
.hp-main .slider-nav-buttons .nav-but.current {background-color:#000}
.hp-main-txt {color: #666;font: normal 18px/1.5 tahoma;width:100%;height:291px;}
.hp-main-txt table {height:100%;border-collapse:collapse;}
.hp-main-txt table td {padding:0 25px;vertical-align:top}
.hp-main-title {color: #222;font: bold 24px tahoma;margin:0;padding:20px 0 0 25px;text-shadow:1px 1px 2px #888}

/* small boxes */
.s-3boxes {width: 100%; height:200px;margin-top: 5px;}
.s-3boxes-more {margin:7px auto;}

.home-page-funnel {position:absolute;bottom:28px;right:20px;}

.s-main-2-art-sml {float:left;width:295px; height:180px; margin: 5px 10px 0 0; overflow: hidden;}
.no-left-margin {margin:5px 0 0 0;}
.s-main-2-art-sml-hover {}
.s-main-2-art-sml-title {float:left; width: 135px; height:100%; margin: 0 4px; font:bold 16px arial;color:#222222;text-align:center; overflow: hidden;}
.s-main-2-art-sml-title div.title {height:40px;text-align:center;margin:6px 0;}
.s-main-2-art-sml-txt {float:left;width:140px; height:155px; text-align:left; font:normal 14px arial; color:#222222; padding-left:5px; overflow: hidden;}
.s-main-2-art-sml-btn {float:right;width:90px;cursor:pointer;}
.s-main-2-art-sml-btn a {font: normal 14px arial; color: #3671A1; text-decoration: underline;}
.s-main-2-art-sml-btn a:hover {color: #5caae1; text-decoration: underline;}

.hp-signup {width:100%; padding:20px 0; margin-top: 10px; text-align: center; font: bold 21px arial; color: #222222;background: transparent url('/_media_static/global/backgrounds/funnel_link_bg.png') center center no-repeat}

.tabs {width:866px; height:251px; margin: 10px 0 20px; padding:20px;background: transparent url('/_media_static/global/backgrounds/homepage_main_bg_flipped.gif') top left no-repeat;}
.tabs-header {float: left; width:100%;}
.tabs-body {float: left; width:100%;}
.tabs ul {
	list-style-type:none;
	margin-bottom: 10px;
	padding: 0;
}
.tabs ul li {height: 22px;cursor:pointer; float:left; margin: 0 10px 0 0; text-align:center;  background: none; font:normal 13px arial; color: #232323;}
.tabs .tab {height: 22px;padding:0;margin:0;}
.tabs .tab table {height:22px;padding:0;margin:0;}
.tabs .tab table td {height:20px;padding:0 0 2px;margin:0;vertical-align:middle}
.tabs .tab .first, .tabs .tab .last {width:7px;}
.tabs .tab .middle {height:18px;}
.tabs ul li.current .first {background-image:url('/_media_static/global/buttons/gray_dynamic_button_left.gif')}
.tabs ul li.current .last {background-image:url('/_media_static/global/buttons/gray_dynamic_button_right.gif')}
.tabs ul li.current .middle {background-color:#989898;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;color:#fff;font-weight:bold}
.tabs ul li.current_hover {cursor: pointer;}
.tabs ul li.current {cursor:default;}

.tab-body {text-align:left; display:none; font: normal 14px arial; color:#222222; height: 220px; overflow: hidden;}
.tab-inner {overflow: hidden; height: 190px;line-height:18px;}
.tab-inner p {margin:0}
.tab-inner table {width:100%; height:100%}
.tab-inner table td {vertical-align:top;}
.tab-title {font: bold 21px arial; color:#222222; line-height:30px;}