/* Main SpinVox style sheet */

/* Reset default stles for everything */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
	background-color: transparent;
}
body 	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #404040; background: #FFF;
	font-size: 0.750em;/* 12px at default font size */
	line-height: 1.33;/* 16px at default font size 16/12 */
}

:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }
a { outline:none; }
a:active { outline:none; }
input[type=submit] { outline-width:0; }
fieldset { border: solid 0 transparent; }
a img { border: 0; }

/* Site wide styling */
body { line-height: 1.33; background: #ffffff url(./images/bodyBg.gif) repeat-x top; }
#liner { background:transparent url(./images/linerBg.gif) repeat-x bottom; text-align: center;}
#wrapper { width: 960px; margin: 0 auto; text-align: left;}
a { color: #3b3e45; text-decoration: none; outline: none; }
a:hover	{ color: #ff9600; }
.left  { float:left; }
.right { float:right; }
.clear { clear:both; }
.clickme { cursor:pointer; }
.icon-box { float:left; padding-bottom:10px; width:545px; }
.icon-box img { float:left; margin-top:0px; width:50px; }
.icon-box p { float:right; width:495px; }
table.pricing    { width: 700px; margin-bottom: 20px; margin-top:20px; background: #FFF;}
table.pricing tr { padding-bottom: 2px;}
table.pricing th { width: 19%; border-bottom: 2px solid white; border-right: 2px solid white; margin: 0; padding:10px; text-align: left; background:#cccdcf; font-weight: bold;}
table.pricing td { width: 19%; border-bottom: 2px solid white; border-right: 2px solid white; padding:10px; text-align: left; background:#cccdcf;}

/*
 * Header block related styles
 */
#header { height: 96px; }
#header-logo { width: 224px; height: 41px; float: left; background-image: url(./images/logo.gif); margin-top: 10px; overflow: hidden; line-height: 200px; color: #fff; }
.orange { color: #F37321; }
/* .tm { text-position: } */
#header-feed { float: left; margin-left: 25px; color: #fff; height: 60px; }
span.quote { float: left; margin: 22px 0 0 15px; }
#header ul { clear: both; display: block; height: 28px; padding: 6px 0 0 20px; }
#header ul li { float: left; display: inline; margin-right: 20px; list-style-type: none; }
#spinvox-for-you a, #how-it-works a, #spinvox-blog a, #spinvox-stories a, #get-sv a { display: block; height: 27px; line-height: 200px; overflow: hidden; }

/*
 * Footer block related styles
 */
#bottom, #footer { width: 100%; color: #b3b4b5; }
#bottom { position: relative; height: 206px; xmargin-top: 160px; }
#footer { height: 75px; background: url(./images/bg-footer.gif) no-repeat center top; clear: both; margin-top: 0px; }
#bottom ul { float: left; width: 150px; margin-right: 10px; }
#bottom ul li, #footer ul li { list-style-type: none; list-style-position: outside; }
#footer ul li { margin: 24px 15px 0; display: inline; float: left; }
#footer ul li a { font-size: 1.167em; line-height: 1.167; color: #b3b4b5; }
#bottom a { color: #b3b4b5; }
#footer a:hover, #bottom a:hover { color: #ff9600; }
#bottom ul li h4 {
	font-size: 1.168em; /*14px*/
	line-height: 1.167em;
	font-weight: normal; 
	padding-bottom: 10px;
	min-height: 30px;
	height: auto !important; /* all browsers */
	height: 30px; /* ie < v7 */
}
#campaign { height: 87px; background: url(./images/campaignBg.gif) no-repeat bottom; }
#campaignLeft { height: 87px; width: 480px; clear: left; float: left; }
#campaignRight { height: 87px; width: 480px; clear: right; float: right; color: #fff; }
#campaignRight input { color:#000; }
#campaignRight #go { margin: 1px 0px 0px 5px; }
#campaignLeftLogo, #campaignRightLogo { float: left; }
#campaignLeftText  { display: block; margin-left: 115px; padding-right: 50px; color: #fff; }
#campaignRightText  { display: block; padding-right: 170px; color: #fff; }
#campaignLeftText *, #campaignRightText * { color: #fff; }
#campaignLeftText a { text-decoration: underline; }
#campaignLeftHeader, #campaignRightHeader { margin-left: 20px; }
#user_email_form #go { margin: 1px 0px 0px 0px; padding-bottom: 5px;}

/*
 * Page styles
 */
h1, h2, h3, h4, h5, h6 { color: #747474; font-weight: bolder; }
.col1of4 { float: left; width: 190px; margin-top: 5px; padding: 5px; }
.col1of4 a { text-decoration: underline; }
.col2of4 { float: left; width: 380px; margin-top: 5px; padding: 5px; }
.col3of4 { float: left; width: 120px; margin-top: 5px; padding: 5px; }
.col4of4 { float: left; width: 230px; margin-top: 5px; padding: 5px; }
.col2of4 select { width:370px; }
.col3of4 select { width:110px; }
.colh1of3 { float: left; width: 230px; margin: 10px 0px 10px 0px; }
.colh2of3 { float: left; width: 455px; margin: 10px 10px 10px 10px; }
.colh3of3 { float: right; width: 230px; margin: 10px 0px 10px 0px; }
#productselector { height: 100px; }
#productselector * { color: #404040; }
#productselector h3 { margin-bottom: 7px; }
#productselector .col1of4 img { float: left; }
.product { width: 310px; xheight: 150px; background: #F1EBE9; position: absolute; }
.product b { clear: both; }
.product_box { position: relative; height: 590px;}
.product h2 { color: #cc3333; margin-top: 5px; font-size: 1.5em; font-weight: bold; line-height:1em; margin-bottom: 2px; padding-left: 10px; }
.product img { float: right; margin: 5px 5px 30px 0; }
.product p { margin-left: 10px; }
#productdetail-left { width:710px; padding-right:10px; float:left; overflow:hidden; }
#productdetail-left a { text-decoration:underline; }
#testimonials-right { float:right;width:240px; }
.visible_ol { margin: 12px 0px 12px 0px; }
.visible_ol li { margin:3px 0px 3px 30px; }
.ragged-top { padding:0px; margin:0px; height:10px; width:711px; overflow: hidden; background-image:url(./images/trialbanner-top-slice.gif); background-repeat:no-repeat}
.ragged-bottom { padding:0px; margin:0px; height:20px; width:711px; overflow: hidden; background-image:url(./images/trialbanner-bottom-slice.gif); background-repeat:no-repeat}
.open-box-container { float: left; margin-bottom: 10px; margin-top: 0px; clear: both; width: 711px;  }
.open-box-container img { padding: 0px; margin: 0px}
#user_type_hp { width:300px; }

.accordion {  }
.accordion li { clear:both; }
.accordion li .normal { list-style-type: disc; list-style-position: outside; padding-left: 10px;margin-left: 20px;}
.accordion .toggle { display: none; }
.accordion header-text {height:20px; clear:both}
.expander {  }
.expander li { clear:both; } /* Should be able to remove this. */
.expander div { clear:both; }
.expander .toggle { display: none; }
.accordion .product-picture {float:left; padding-left:10px; height:160px; width:110px}
.accordion .product-picture img {padding-top:20px} 
.accordion .product-text {float:left; width:570px}
.accordion .product-text p {padding:0px; margin:0px; width:570px; padding-top:10px; padding-bottom:0px}
#accordion_phones h2 { margin: 0 0 0 0; padding: 0 0 0 26px; height: 20px; background: url(./images/up-down.gif) 0 0 no-repeat; background-color:#f4ecec; }
#accordion_phones li.on h2 { background-position: 0 -20px; }
#accordion_phones .toggle { height: 430px; background-color:#f4ecec; }
#questions { margin-top: 10px; } 
#questions h2 { margin-bottom: 5px; line-height: 16px; background: url(./images/up-down_grey.gif) 0 0 no-repeat; }
/*#questions h2 a { color: #64b4d9; font-weight: bold; font-size: 14px; padding-left: 24px; text-decoration: none; }*/
#questions h2 a { font-weight: bold; font-size: 14px; padding-left: 24px; text-decoration: none; }
#questions li.on h2 { background-position: 0 -17px; }
#questions p { color: #707070; font-size: 12px; line-height: 1.5em; margin-top: 0px; }
#left-testimonial-icon { height: 21px; width: 30px; background: url(./images/testimonial-icon-4.1.gif); margin: 10px 0px 0px 0px; float: left; }
.testimonial { margin: 10px 0px 10px 0px; }
.testimonial img { vertical-align: text-top; }
.bg-blue-patch {clear:both; background-image:url(./images/bg-home-r-4.1.gif); background-repeat:no-repeat; height:170px; width:460px; margin:16px 0px 10px 0px;}
#productselectorhp #user_type_select { width:320px; }
/*
 * Navigation styles
 */
.in_page_nav { color:#747474; padding-bottom:10px; text-align:left; }

/*
 * Nifty corners...
 */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.secondary-content ul.story li { list-style-type: none; margin:0; padding:0;}
.secondary-content ul.story li.title a{ font-size: 1em; line-height: 1.417em; font-weight: bold; color: #303030;}
.secondary-content ul.story li.title a:hover{ color:#ff9600;}
.secondary-content ul.story li.more-link { margin-bottom: 10px; }
.secondary-content ul.story li.more-link a{ margin-bottom: 10px; color: #6c6c6c;line-height: 1.417em ; text-decoration: underline;}
.secondary-content ul.story li.more-link a:hover{ color: #ff9600; }

.styled_popup
{
    min-width: 210px;
    width: 510px;
    display: none;
    overflow: hidden;
    position: absolute;
    top: 410px; /* was 100 */
    left: 30%;
    margin: 0px;
    background-color: #ffffff;
    border-style: ridge;
    border-width: 4px;
    border-color: #e98f26 #e98f26 #e98f26 #e98f26;
    min-height: 100px;
    z-index: 100;
}

li.form_error { color: #f00; list-style-type: none; margin-bottom: 10px;}

img.faves {
	vertical-align: middle;
	padding: 2px;
}

a.faves {
	padding: 5px 0px 0px 0px;
}

.px30 { padding-bottom: 2px; }


.popup_close{
    text-align: center;
    padding: 10px 10px 10px 10px;
}