/* 
CSS Document
Author: Jake Mize
Created: Jan 09
Last Updated: Jan 09
Last Updated by: Jake Mize
*/

/*///// Reset Default Styles /////*/

html, body, div, 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, 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;}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white;}
ul{ list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

.left{ float:left;}
.right{ float:right;}

/*///// Text /////*/

.lightBlue{ color:#8bb6d8;}
.red{ color:#cb161c;}
.chartSmallRed{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#cb161c; margin:5px; display:inline-block;}
.chartSmallBlue{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#050c1d; margin:5px 5px 5px 15px; display:inline-block;}
.chartUpload .chartSmallBlue, .chartDownload .chartSmallBlue{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; line-height:12px; color:#050c1d; margin:0 5px 5px 0; display:inline-block;}
.chartBoldBlue{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#050c1d; font-weight:bold;}
.chartGreyBoxRed{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#cb161c; font-weight:bold;}
.chartPrice{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#050c1d;}
.smallDollarSign{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#050c1d; font-variant:small-caps; vertical-align:top;}
.smallItalic{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#000; font-style:italic;}

#mainContent p, #mainContentWide p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#5c5c5c; margin:0 0 10px 0;}
.sideBarFade p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#5c5c5c; margin:10px 0 0 0; width:200px;}
#mainContent ol, #mainContentWide ol{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c5c5c; line-height:16px; margin:0 0 10px 25px;}
#mainContent ol li, #mainContentWide ol li{ margin:0 0 10px 0;}
#mainContent .list ul, #mainContentWide .list ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c5c5c; line-height:30px; margin:0 0 10px 15px;}
#mainContent .list li, #mainContentWide .list li{ background:url(../images/checkBox.gif) left 5px no-repeat; padding:0 0 0 32px;}
#mainContent .faqList li, #mainContentWide .faqList li{ list-style-position:outside; list-style-type:disc; margin:0 0 10px 35px;}
#mainContent a, #mainContentWide a{ color:#050c1d; text-decoration:underline;}
#mainContent a:visited, #mainContent a:hover, #mainContentWide a:visited, #mainContentWide a:hover{ color:#cb161c; text-decoration:underline;}
#mainContent h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #cc161b; font-weight: bold;}

#navigation ul{ margin:30px 0 0 0;}
#navigation li{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; color:#003160;}
#navigation li a{ width:218px; height:26px; color:#003160; text-decoration:none; display:inline-block; padding:0 0 0 10px;}
#navigation li a:hover, #navigation li .current{ color:#cc161b; text-decoration:none; background-color:#e3ecf1;}
#navigation li a:visited{ text-decoration:none;}
#home #navigation li .home, #hughesNetPlans #navigation li .hughesNetPlans, #compare #navigation li .compare, #faq #navigation li .faq, #installation #navigation li .installation, #orderNow #navigation li .orderNow, #benefits #navigation li .benefits { color:#cc161b; text-decoration:none; background-color:#e3ecf1;}

.darkBlueBoxContent p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#fff;}
.lightBlueBoxContent p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#000;}

#chart .chartDownload ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; margin:0 0 0 15px;}
#chart .chartDownload li{ background:url(../images/download.gif) left top no-repeat; padding:0 0 0 26px;}
#chart .chartUpload ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; margin:0 0 0 15px;}
#chart .chartUpload li{ background:url(../images/upload.gif) left top no-repeat; padding:0 0 0 26px;}

.call{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#cc161b;}
.phoneNumberBlue{ font-family:Arial, Helvetica, sans-serif; font-size:35px; font-weight:bold; color:#003160; }
.phoneNumberRed{ font-family:Arial, Helvetica, sans-serif; font-size:27px; font-weight:bold; color:#cc161b; }
.promo-code { display: block; font-size: 18px; font-weight: normal;}
.promo-code span.promo { color:#CC161B; font-weight: bold; }

.chartDarkerBlueBoxContent{ font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:16px; color:#fff; margin:15px 0 15px 20px;}

#formWrapper, #formWrapperColumn{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:050c1d;}
#error_message{ font-size: 11px; color:#e6302e; margin:0 0 10px 0;}
#error_message_availability{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#8bb6d8; margin:0 0 10px 0;}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; line-height:20px; color:#000; padding:0 0 19px 0;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; line-height:20px; color:#000; padding:10px 0 19px 0;}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:18px; color:#003160; padding:0 0 5px 0;}
h4{ font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; line-height:18px; color:#fff;}

#disclosureText p, #disclosureTextWide p{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#8a8a8a; margin:0 0 10px 0;}

#footerWrapper, #footerWrapper a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8a8a8a; line-height:14px;}

/*///// Wrappers & Columns /////*/

#wrapper{ width:960px; margin:0 auto;}
.chartBlueWrapper{ width:110px; float:left;}
#leftColumn{ width:240px; float:left;}
#middleColumn{ width:470px; float:left; background:url(../images/titleBackground.jpg) no-repeat top left;}
#middleColumnWide{ width:720px; float:left; background:url(../images/titleBackground.jpg) no-repeat top left;}
#rightColumn{ width:240px; float:left; display:inline; margin:0 0 0 10px;}
#formWrapper{ width:200px; margin:27px 0 7px 0;}
#formWrapperColumn{ width:435px; margin:0 0 7px 0; border:#c6baba 1px solid; padding:10px; float:left;}
#footerWrapper{ width:960px; float:left; padding:0 0 15px 0;}

/*///// Reusable Objects /////*/

.shortDividerLine{ width:460px; height:1px; background:url(../images/shortDividerLine.gif) no-repeat; float:left; margin:10px 0;}
.longDividerLine{ width:710px; height:1px; background:url(../images/longDividerLine.gif) no-repeat; float:left; margin:10px 0;}
.largeDividerLine{ width:960px; height:1px; background:url(../images/largeDividerLine.gif) no-repeat; float:left; margin:10px 0;}

#leftColumn .darkBlueBox{ width:230px; float:left; display:inline; background:#050c1d; margin:15px 0 0 0;}
#rightColumn .darkBlueBox{ width:230px; float:right; display:inline; background:#050c1d; margin:5px 0 0 0;}
.darkBlueBoxTop, .darkBlueBoxBottom{ width:230px; height:7px; float:left;}
.darkBlueBoxDividerLine{ width:230px; height:17px; float:left;}

.lightBlueBox{ width:460px; float:left; display:inline; background:#e3ecf1; margin:20px 0; text-align:center;}
.lightBlueBoxTop, .lightBlueBoxBottom{ width:460px; height:6px; float:left;}

.chartGreyBox{ width:90px; background:url(../images/greyBoxBG.gif) repeat-y; float:left;}
.chartGreyTop{ width:90px; height:7px; float:left;}
.chartGreyBottom{ width:90px; height:8px; float:left;}

.chartBlueBox{ width:110px; background:url(../images/chartBlueTop.gif) no-repeat top; float:left;}
.chartBlueTableCell{ width:100px; height:65px; background:url(../images/chartBlueBottom.gif) #e3ecf1 no-repeat bottom; }

.chartDarkBlueBox{ width:110px; background:url(../images/chartDarkBlueTop.gif) no-repeat top; float:left;}
.chartDarkBlueTableCell{ width:100px; height:65px; background:url(../images/chartDarkBlueBottom.gif) #c5d6df no-repeat bottom; }

.chartDarkerBlueBox{ width:590px; background:url(../images/chartDarkerBlueTop.gif) no-repeat top; float:left;}
.chartDarkerBlueTableCell{ width:590px; height:20px; background:url(../images/chartDarkerBlueBottom.gif) #050c1d no-repeat bottom; }

.chartSpeedImage{ margin:5px 0 5px 5px;}
.chartOrderNow{ margin:5px 0 5px 5px;}

#leftColumn .freeStandardInstallation{ width:230px; height:79px; float:left; margin:15px 0 0 0; display:inline;}
#rightColumn .freeStandardInstallation{ width:230px; height:79px; float:right; margin:15px 0 0 0; display:inline;}

#rightColumn .sideBarFade{ width:215px; height:176px; background:url(../images/sideBarFadeBackground.jpg) no-repeat; float:left; padding:30px 0 0 25px;}
#leftColumn .sideBarFade{ width:240px; height:176px; background:url(../images/navigationBackground.jpg) no-repeat; float:left; padding:35px 0 0 0; display:inline-table;}

.offer{ width:590px;}

/*///// Header /////*/

#headerTop{ width:960px; height:103px; float:left; background:url(../images/headerTop.jpg) no-repeat;}
#headerGraphic{ width:960px; height:267px; float:left; background:url(../images/headerGraphic-02.jpg) no-repeat;}
/*#headerGraphic{ width:960px; height:267px; float:left; background:url(../images/headerGraphic-ipod.jpg) no-repeat;}*/
#phone{ margin:17px 0 0 0; text-align:center;}

/*///// Left Column /////*/

#headerGraphicCorner{ width:240px; height:21px; float:left; background:url(../images/headerGraphicCorner.jpg);}
#navigation{ width:240px; min-height:199px ; float:left; background:url(../images/navigationBackground.jpg) no-repeat;}
#submit{ float: left; display: block; background:url(../images/darkBlueSubmitButton.gif) no-repeat; width:86px; height:23px; border:0;}
#interestedZip{ float: left; width:85px; margin-right: 10px;}

/*///// Middle Column /////*/

#mainContent{ width:460px; float:left; display:inline; margin:0 0 0 10px;}
#mainContentWide{ width:710px; float:left; display:inline; margin:0 0 0 10px;}
#disclosureText{ width:460px; float:left;}
#disclosureTextWide{ width:710px; float:left;}

.chartDarkerBlueContent{ width:100px; margin:auto; float:left;}
.chartGreyContent{ width:80px; float:left; margin:0 0 0 5px; display:inline;}
.price{ margin: 5px 0 0 10px;}
.chartDownload{ float:left; width:110px;}
.chartUpload{ float:left; width:110px; margin: 5px 0;}

#formWrapperColumn .left { margin:0 10px 0 0;}

.lightBlueBoxContent{ width:430px; float:left; padding: 0 15px;}

/*///// Right Column /////*/

.darkBlueBoxContent{ width:200px; float:left; padding: 0 15px;}
.darkBlueBoxContent #phone_promo { text-align: center; }
.darkBlueBoxContent #phone_promo p {  color:#8bb6d8; margin: 10px 0; }
.darkBlueBoxContent #phone_promo p.phone { font-size: 28px; }
.darkBlueBoxContent #phone_promo p.promo { color: #ffffff; font-size: 16px; font-weight: normal; }

form#contact input#submit_button{width:207px; height:33px; border:none; background: url(../images/formButton.gif) no-repeat center;}

/*///// Footer /////*/

#bottomLinks{ margin:auto; text-align:center;}
#address{ text-align:center;}

/*///// Geonator Styles /////*/
.breadCrumbLink, .breadCrumbLink a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; }
.geoLink, .geoLink a { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#000; }
.geoLink p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000; }
.geoLink ul { list-style-type: disc; list-style-position: inside; }
#geoFooterLinks { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8A8A8A; line-height:14px; }
#geoFooterLinks a { color:#8A8A8A; font-size:10px; text-decoration:none; }
#geoFooterLinks a:visited { color:#8A8A8A; font-size:10px; text-decoration:none; }