/* Ormazon with LivePerson Index Split Test */
.lp-large {
margin: 10px auto 0 auto;
display: block;
width: 780px;
float: none;
border: none;
}
.tool-wrapper .setup-video {
border: none;
margin-bottom: 8px;
}
.index-lp {
position: absolute;
right: 0;
top: 80px;
}

/*Mike Signature Banner */

.splash {
width: 950px;
overflow: hidden;
}
.splash .or-support-wrapper {
width: 620px;
float: left;
margin: 0;
}
.or-support-wrapper .mike-banner {
height: 380px;
background-color: #fff;
position: relative;
margin-bottom: 15px;
clear: both;
margin-bottom: 15px;
background: url(/img/hds2/index/officerunner-phone.jpg) -5px 40px no-repeat;
}

.or-support-wrapper .mike-banner.contact {
background: url(/img/hds2/index/officerunner-phone-contact.jpg) -5px 40px no-repeat;
}

.or-support-wrapper .mike-banner h1 {
background: none;
top: 30px;
left: 215px;
width: 380px;
text-indent: -.5em;
color: #000;
padding: 0 0 0 .5em;
font: italic normal 24px/1.1em 'Times New Roman', Times, serif;
color: #555555;
}
.or-support-wrapper .brands-780 {
margin: 0 auto 10px auto;
padding-top: 10px;
font-size: 14px;
color: #000;
text-align: center;
font-weight: bold;
background: url(/img/hds2/index/phone_brand_780.png) top left no-repeat;
height:80px;
width: 780px;
}
.mike-banner h1 {
position: absolute;
overflow: hidden;
text-indent: -1000em;
height: 150px;
width: 499px;
left: 265px;
top: 35px;
border: none;
background: url(/img/hds2/index/mike-index.png) top left no-repeat;
}
.or-support-wrapper .mike-banner .headset {
position: absolute;
display: block;
height: 310px;
width: 340px;
top: 25px;
left: 20px;
}
.or-support-wrapper .mike-banner .or-logo {
display: none;
position: absolute;
left: 15px;
top: 67px;
border: none;
}

.or-support-wrapper .mike-banner .sig {
position: absolute;
top: 95px;
left: 350px;
width:234px;
height: 53px;
}
.or-support-wrapper .mike-banner .basic {
left: 300px;
border-right: 1px solid #bdbdbd;
}
.or-support-wrapper .mike-banner .pro {
left:475px;
}
.or-support-wrapper .mike-banner .buy {
position: absolute;
top: 180px;
left: 350px;
border: none;
}

.or-support-wrapper .mike-banner.contact .buy {
top: 210px;
}


#aside {
width: 318px;
height: 658px;
padding: 0;
float: right;
overflow: hidden;
}

#aside .support {
display: block;
color: #555;
text-decoration: none;
border: 1px solid #bdbdbd;
border-radius: 5px;
box-shadow: 0 3px 0 #dddddd;
height: 63px;
margin: 1em 0;
padding: 15px 15px 15px 75px;
}

#aside .support.chat {
background: url(/img/hds2/icons/chat.png) 8px 18px no-repeat;
}

#aside .support.email {
background: url(/img/hds2/icons/email.png) 11px 18px no-repeat;
}

#aside .support strong {
display: block;
font-size: 16px;
color: #114a9f;
}

#aside .support span {
color: #114a9f;
text-decoration: underline;
}

/* charity callout */

a.callout {
display: block;
position: absolute;
border-radius: 5px;
top: 250px;
left: 445px;
width: 283px;
border: 1px solid #bdbdbd;
box-shadow: 0 3px 2px #999;
z-index: 1000;
text-align: left;
padding: 10px;
text-decoration: none;
background: #fff url(/imgs/hds2/index/charity-badges-2011-10.png) 160px 13px no-repeat;
}
a.callout h3 {
font-size: 14px;
font-weight: normal;
margin: 0 0 .25em 0;
}
.callout p {
padding: 0 140px 0 0;
color: #555;
margin: 0;
}

.callout p span {
display: block;
color: #114a9f;
}

/* /charity callout */

/* branded links - THESE ARE FOR SEO VALUE */
.brands-box {
position: relative;
border: 1px solid #bdbdbd;
width: 950px;
background-color: #f2f2f2;
margin: 0 auto;
border-radius: 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f7f7f7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f7f7f7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f2f2f2,  #eee); /* for firefox 3.6+ */
height: 200px;
box-shadow: 0 3px 0 #ddd;
}
.brands-box h3 {
position: absolute;
top: 15px;
left: 15px;
color: #000;
font-size: 16px;
padding: 0;
margin: 0;
text-shadow: 1px 1px 0 #fff;
}
.brands-box  .c1,
.brands-box  .c2,
.brands-box  .c3,
.brands-box  .c4 {
position: absolute;
top: 40px;
width: 222px;
}
.brands-box .c1 {
left: 15px;
}
.brands-box .c2 {
left: 252px;
}
.brands-box .c3 {
left: 489px;
}
.brands-box .c4 {
left: 726px;
}
.brands-box h4 {
color: #000;
font-size: 14px;
font-weight: normal;
margin: 0 0 .25em 0;
padding: 0;
text-shadow: 1px 1px 0 #fff;
}
.brands-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.brands-box li {
margin: 0;
padding: 0 0 .1em .5em;
}
.brands-box li a {
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
}
.brands-box li a:hover {
text-decoration: underline;
}

/* /branded links */

/* value boxes */
.values-index {
height:500px;

}

.values-index div {
	border: 1px solid #bdbdbd;
	background: #f7f7f7;
	box-shadow: 0 3px 0 #dddddd;
	border-radius: 0 0 5px 5px;
	padding: 20px 20px;
	height: 454px;
}
.values-index h3 {
font-size: 12px;
background: #114a9f; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4373bb', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4373bb), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4373bb,  #114a9f); /* for firefox 3.6+ */
border: 1px solid #036;
padding: 3px 5px;
color: #fff;
font-weight: normal;
margin: 0;
border-radius: 5px 5px 0 0;
text-shadow: -1px -1px 0 #003366;
}

.values-index h4 {
margin: 0 0 10px 0;
}
.values-index h4 a {
padding: 0;
display: inline;
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 0 white;
color: #000;
}

.values-index a {
	display:block;
padding: 0 0 5px 90px;
margin: 0 0 20px 0;
background-position:  12px 10px;
color: #555;
text-decoration: none; }

.values-index a.sixty { 
background: url(/img/hds2/index/60.png) no-repeat;
}
.values-index a.life { 
background: url(/img/hds2/index/lifetime.png) no-repeat;
}
.values-index a.love { 
background: url(/img/hds2/index/love.png) no-repeat;
margin: 0;
}

/* fortune sidebar */
.f100 {
border: 1px solid #bdbdbd;
border-radius: 5px;
box-shadow: 0 3px 0 #dddddd;
height:494px;
text-align: center;
padding: 13px;
}

.f100 h3 {
display: block;
text-align: left;
text-decoration: none;
font-size: 16px;
color: #114a9f;
font-weight: bold;
line-height: 1.1em;
margin: 0 0 .5em 0;
}

.f100 p {
margin: 0 0 3.5em 0;
font-size: 12px;
text-align: justify;
}