/* reset - standardize html tag styles across all browsers */
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;}
caption, th, td {text-align: left; font-weight: normal;}
input, textarea, select {font-family: Sans-Serif; font-size: inherit; font-weight: inherit;}
input:focus { outline: none; }
/* function classes ****************************** */
.leftIt {text-align: left;} /* left align */
.leftFloat {float: left;}
.rightIt {text-align: right;} /* right align */
.rightFloat {float: right;}
.centerIt {text-align: center;} /* center align */
.boldIt {font-weight: bold;}
.clearIt {clear: both; margin: 0; padding: 0;} /* used to clear floats near bottom of holder div */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* html elements ****************************** */
html {margin: 0; padding: 0; height: 101%;}
body {margin: 0; padding: 0; color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #e6e6e6;}
h1, h2, h3, h4, h5, h6 {color: #000; font-weight: bold;}
H1 {
font-size: 200%;
}
H1.hsplits {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 25px; margin: 0 0 15px 0; color: red;}
H2 {font-size: 180%; margin: 0 0 10px 0;}
H2.hsplits {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 20px; margin: 0;}
H3 {font-size: 160%;}
H3.hsplits {font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin: 0 0 15px 0;;}
H4 {font-size: 140%; margin: 15px 0 10px 0;}
H5 {font-size: 120%;}
H6 {font-size: 100%; margin: 15px 0 5px 0;}
p {}
/* Layout ****************************** */
/* IDs */
#toprowOuter {border-bottom: solid 2px #999; background: #fff url('/images/bg_toprow.jpg') bottom repeat-x;}
#toprow {height: 15px; margin: 0 auto; padding: 3px 0; width: 960px; font-weight: bold;}
#toprowleft {float: left; width: 400px;}
#toprowright {float: right; width: 400px; text-align: right;}
#headerOuter {background: #fff;}
#header {margin: 0 auto; width: 960px; background: #fff;}
#header h1#logo {float: left; display: block; text-decoration: none; width: 251px; height: 47px; *height: 60px; background: url('../images/logo.gif') no-repeat; margin: 10px 0 14px 0; text-indent: -2000em; z-index: 1000;}
#header #headerright {float: left; text-align: right; width: 709px; margin: 13px 0 0 0; *height: 72px; }
#questiontop {display: inline; float: right;}
#phonetop {display: inline; float: right; margin: 6px 7px 0 0;}
#phonetext {font-size: 11px; letter-spacing: -0.2px;}
#phonenumber {font-size: 19px;}
#topnavouter {width: 100%; background: #fff url('../images/bg_nav.gif') bottom repeat-x;}
#topnav {width: 960px; height: 24px; margin: 0 auto; padding: 0;}
#topnav ul {width: 960px; margin: 0; padding: 0; list-style: none;}
#topnav li {
font-weight: bold;
background: url('../images/bg_tab.jpg') bottom right no-repeat;
float: left;
margin: 0 1px 0 0;
padding: 0 0 0 0;
}
.home #topnav #home,
.help #topnav #help,
.prices #topnav #prices,
.options #topnav #options,
.about #topnav #about,
.faq #topnav #faq,
.splits #topnav #splits,
.orders #topnav #orders,
.contact #topnav #contact {
background: url('../images/bg_tab_selected.jpg') bottom right;
}
#topnav a {
display: block;
margin: 0;
padding: 4px 12px 5px 12px;
color: #fff;
text-decoration: none;
background: url('../images/bg_tab_left.jpg') left top no-repeat;
}
#topnav a:hover {color: #fff; text-decoration: underline;}
.home #topnav #home a,
.help #topnav #help a,
.prices #topnav #prices a,
.options #topnav #options a,
.about #topnav #about a,
.faq #topnav #faq a,
.splits #topnav #splits a,
.orders #topnav #orders a,
.contact #topnav #contact a {color: #222; background: url('../images/bg_tab_selected_left.jpg') left top no-repeat;}
#container {width: 100%; background: #fff url(../images/left_bg.gif) repeat-x;}
#main {width: 960px; margin: 0 auto; padding: 10px 0;}
#main a {font-weight: bold; color: #343232;}
#main a:hover {color: #9F9E9E;}
#main p {padding: 0; margin: 0 0 8px 0;}
#mainLeft {float: left; overflow: hidden; width: 200px; margin-right: 10px;}
#mainLeft .leftbox {float: left; margin: 0 10px 10px 0; color: #000; width: 200px; height: 230px; background: url('../images/bg_leftbox.jpg') bottom no-repeat;}
#mainLeft .leftbox2 {float: left; margin: 0 10px 10px 0; color: #000; width: 200px; height: 250px; background: url('../images/bg_leftbox.jpg') bottom no-repeat;}
#mainRight {float: right; overflow: hidden; width: 750px; background: url('../images/bg_right.gif') repeat-y;}
#contentheader {color: #000; background: #F2EAE8; margin: 0; padding: 15px 10px 15px 15px;}
#contentarea {min-height: 480px; padding: 10px 15px 15px 15px; background: url('../images/bg_maincontent.jpg') no-repeat;}
#contentbottom {background: url('../images/bg_maincontentbottom.gif') no-repeat bottom; height: 20px;}
#mainRight UL {margin: 0 0 15px 20px; font-size: 100%;}
#mainRight LI {padding: 4px 3px;}
#footer {width: 100%; background: url('../images/bg_footer.jpg') repeat-x; border-top: solid 2px #999; padding: 10px 0 20px 0; margin: 0; color: #000; text-align: center;}
#footer UL {margin: 0 0 15px 0; font-size: 100%;}
#footer LI {display: inline; padding: 0;}
#footer A {font-weight: normal; color: #222;}
#footer A:hover {color: red;}
#footer #footertext {font-size: 85%; line-height: 1.2;}
/* classes */
.rightimage {float: right; margin-left: 5px;}
.leftimage {float: left; margin-right: 5px;}
.boxinner {padding: 10px;}
.quoteauthor {padding-top: 2px; font-weight: bold;}
.watchvideo {margin: 2px 0 10px 0;}
/* titles */
.swap {text-indent: -2000em; z-index: 1000;}
/* form */
label {display: inline; width: 70px; float: left;}
input.txt {border: solid 1px #999; display: inline; width: 106px}
.formitem {margin: 3px 0; font-size: 11px;}
.rules {margin-left: 12px;}
/* classes */
.faq h4 {margin-bottom: 3px;}
.numbers {margin: 10px 0 !important; list-style: none; font-weight: bold;}
.numbers li {clear: left; list-style: none;}
.numbers li img {float: left; margin: 0 10px 10px 0;}
/* titles */
#hdrcontentarea {font-size: 225%; color: #fff; background: url('../images/bg_mainheader.gif') no-repeat; padding: 17px 0 0 15px; height: 39px;}
#hdrsecondary {margin: 0 !important; border-right: solid 2px #cfcfcf; border-left: solid 2px #cfcfcf; font-size: 110%; color: #000; background: #C0D3DD; padding: 10px;}
#hdrsubscribenow {background: url('../images/titles/hdr_subscribenow.gif') no-repeat; width: 200px; height: 29px;}
#hdrpromiseguarantee {background: url('../images/titles/hdr_promiseguarantee2.gif') no-repeat; width: 200px; height: 47px;}
.content_half {float: left; width: 50%;}
.imageBorders {margin-bottom: 5px; border: solid 1px #ccc;}
.noImageBorders img {border: none;}
.splitTable {width: 100%;}
.splitTable .head1 {font-weight: bold; font-size: 18px;}
.splitTable td {padding: 5px;}
.splitTable .pricing {
font-weight: bold;
white-space: nowrap; width: 70px;}
.splitTable .pricingtables {width: 230px;}
.splitTable .pricingtablesR {text-align: right;}
.splitTable .pricingImage {width: 320px; text-align: center;}
/* forms */
.formholder {margin: 20px 0; padding: 20px; border: solid 1px #ccc;}
.formholder li {margin: 10px 0; list-style: none; display: block;}
.formholder li label {text-align: left; font-weight: bold; float: left; width: 115px; padding: 3px 10px 0 0;}
.formholder li .txt {border: solid 1px #999; width: 150px;}
.formholder li .txtwide {border: solid 1px #999; width: 250px;}
.formholder li .txtarea {border: solid 1px #999; width: 480px; height: 150px;}
.formholder li.btn {margin-left: 125px;}
.sidetxt {padding: 3px 1px; border: solid 1px #ccc; width: 120px;}