/* 
    Base styles for sunflower.com
*/

* { margin: 0px 0 0 0; padding:0; }
body { background: white; color:#333; font:12px/1.4 "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; }


.gsc-ad-box { display: none }

.announcement { border: 3px solid #E77471; width: 495px; padding: 5px; margin: 5px; }

.carousel { border: 1px solid #c7c7c7; width: 300px; background: #eeeeed; }
.carousel h5 { font-size: 11pt; }
.carousel button.next { background:  #E97132; border: 1px solid #c7c7c7; float: right }
.carousel ul { margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 1870px; left: 0pt; }
.carousel ul li.news_item { padding: 0 0 5px 0; overflow: hidden; float: left; width: 170px; height: 128px; }
.carousel ul li p { padding: 2px; }
.news_item h3 { font-size: 10pt; margin: 0 0 0 0; padding: 0 0 0 0; } 
.news_item h3:hover { color: #E97132 }

.alert {
    background: #FF0033;
    color: #FFFFFF;
	border-top: 5px dotted #FF0066;
	width: 505px;
	padding: 5px 5px 5px 5px;
}

/* LINKS */
a:link, a:visited { color:#0057AE; text-decoration:none; }
a:hover { color:#E97132; }
a img { border:none; }

/* FORMS */
form { margin:0; padding:0; }
fieldset { border:none; margin:0; padding:0; }
label { cursor: pointer; }
textarea { vertical-align:top; }
input, select { vertical-align:middle; font-size: 8pt;}
fieldset.highlight { padding: 10px 10px 10px 0; background: #ebeff2; }
fieldset .legend { margin-bottom: 9px; border-bottom: 1px solid #dae2e8; font-weight: normal; color: #697a85; }
fieldset h4.error { padding-top: 0; padding-bottom: 9px; color: #cc0000; }

fieldset p                { margin: 0; padding: 9px 0; font-size: 13px; color: #697a85; overflow: hidden; }
fieldset p label          { display: block; float: left; padding-right: 10px; width: 100px; text-align: right; }
fieldset p em.error       { float: left; display: block; margin-left: 110px; font-size: 12px; color: #cc0000; }
fieldset.highlight input, fieldset.highlight textarea { background: #fff; }
fieldset p span.field     { float: left; display: block; background-color: #fff; }
fieldset p select         { width: 200px; }
fieldset p span.error     { border: 2px solid #CC0000; }
fieldset p span.help      { float: left; padding: 2px 0 0 5px; }
fieldset p span input, fieldset p span textarea { width: 350px; border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD; }
fieldset p span textarea  { height: 100px; }

fieldset.stack p label { float: none; width: auto; text-align: left; clear: both; }
fieldset.stack p span { float: none; }
fieldset.stack p span.tall textarea { width: 98%; height: 200px; }

input, select, textarea { margin: 0; padding: 2px; border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD; background: #ebeff2; }

select option { padding-right: 15px; }
input:focus, textarea:focus { background: #fff; }
input.button { float: left; display: block; margin: -2px 5px 0 0; padding: 0; background: none; border: none; }

.submit { padding: 3px 0; padding-left: 108px; }
fieldset.stack .submit { padding-left: 0; }

span.invalid { color: red; }
span.missing { color: red; }

/* MISC TAGS */
hr { height:1px; border:none; color:#C7C7C7; background-color:#C7C7C7; margin:1em 0; }

/* UTILITY CLASSES */
.clear { clear:both; }
.hidden { display:none; }
.invisible { visibility:hidden; }
.center { text-align: center; }

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

.clear-all { clear: both; }

/* CONTAINER */
#container { position:relative; width:850px; margin-left:auto; margin-right:auto; background: white; }

/* HEADER */
#header { width: 744px; margin: auto; }
#info { float: left; margin-left: 4px; }
#call-info { margin-top: 15px; }
#nav { padding-top: 10px; }
#search-global-label { float:left; width:55px; height:0; padding:20px 0 0 0; background:url('../images/site/search-label.gif') no-repeat; overflow:hidden; font-size:1px; }
#search-global-query { width:178px; font-size:11px; margin-top: 1px; padding:0 0 2px 0; height:15px; border:1px solid #c7c7c7; border-style:solid none solid none; font:bold 12px "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; }
#search-global-button { margin-left:-5px; vertical-align:top; }

/* CONTENT */
#content { margin-top:20px; min-height: 415px; margin-right: 60px; margin-left: 20px;}
#content * { margin-left:240px; }
#content * * { margin-left:0; }
#content p, #content ul, #content dl { margin-top:0.6em; margin-bottom:1em; }
#content h1 { font-weight:normal; font-size:2em; padding-top:1em; margin-bottom:0.2em; }
#content h2 { font: bold 1.4em/1.2em "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; margin-top:1.2em; margin-bottom:0.6em; color:#3F3F3F; clear:both; }
#content h3 { font: bold 1.2em/1.2em "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; margin-top:1.2em; margin-bottom:0.6em; color:#3F3F3F; }
#content h2.deck { font-weight:normal; margin-top:0; margin-bottom:1.2em; color:#8C8C8C; }
#content h4 { margin-bottom: 1em; }

p.intext_left { background: #eee; width: 100px; float: left; padding: 2px; margin: 0 5px 5px 0; border: 1px solid #c7c7c7; }
 
/* FOOTER */
#prefooter, #footer { color:#B2B2B2; font-size:11px; line-height:1.8em; }
#prefooter { margin-left:268px; margin-right: 60px; clear:both; margin-top:20px; padding-top:15px; border-top:1px solid #c7c7c7; }
#prefooter h4 { font-size:11px; width:9em; float:left; }
#prefooter p { margin-left:11em; }
#footer { margin-top:15px; margin-bottom:0px; margin-left:225px; margin-right: 60px; padding-left:40px; background:url('../images/site/ftr-logo.gif') 0 0.6em no-repeat; }

/* GLOBAL NAV */
#nav-global { height:24px; overflow:hidden; }
#nav-global li { list-style-type:none; display:inline; }
#nav-global li a { display:block; float:left; height:25px; margin:0 1px; text-indent:-9999px; background:url('../images/site/nav-background.png') no-repeat; text-decoration:none; }
#nav-global #ng-home a { width: 53px; background-position: 0px -26px; }
#nav-global #ng-cable a { width: 38px; background-position: -55px -26px; }
#nav-global #ng-internet a { width: 57px; background-position: -95px -26px; }
#nav-global #ng-telephone a { width: 65px; background-position: -154px -26px; }
#nav-global #ng-business a { width: 102px; background-position: -221px -26px; }
#nav-global #ng-kids a { width: 65px; background-position: -325px -26px; }
#nav-global #ng-help a { width: 33px; background-position: -392px -26px; }
#nav-global #ng-mybroadband a { width: 89px; background-position: -427px -26px; }

#nav-global #ng-home a:hover { background-position:0px 0px; }
#nav-global #ng-cable a:hover { background-position:-55px 0px; }
#nav-global #ng-internet a:hover { background-position:-95px 0px; }
#nav-global #ng-telephone a:hover { background-position:-154px 0px; }
#nav-global #ng-business a:hover { background-position:-221px 0px; }
#nav-global #ng-kids a:hover { background-position:-325px 0px; }
#nav-global #ng-help a:hover { background-position:-392px 0px; }
#nav-global #ng-mybroadband a:hover { background-position:-427px 0px; }

#login { width:255px; height:20px; padding-top:2.5px; padding-bottom: 2.5px; overflow:hidden;
position:absolute; top:85px; right:0px; background:#e3e3e3
url('../images/site/login-bg.gif') top right no-repeat; text-indent:10px; font-size:11px; color:#666; }


#logindiv { float: left; height: 24px; background:#e3e3e3
url('../images/site/login-bg.gif') top right no-repeat; text-indent:10px; font-size:11px; color:#666; padding-right: 30px; }

/* BILLBOARD */
#billboard { width:520px; height:120px; text-indent:-9999px; overflow:hidden; }

/* SECTION NAV */
#content ul.nav-section { position:absolute; width:180px; top:290px; left:0; margin-left:58px; margin-top: 2em; }
#content ul.nav-section li { list-style-type:none; white-space: nowrap; }
#content ul.nav-section li { text-align:right; display:block; float:right; clear:right; padding:1px 2px; margin:0.2em 0; }
#content ul.nav-ondemand { max-height: 200px; overflow: auto; position:absolute; width:180px; top:290px; left:0; margin-left:78px; }
#content ul.nav-ondemand li { list-style-type:none; }
#content ul.nav-ondemand li { text-align:right; display:block; float:right; clear:right; padding:1px 2px; margin:1px 0; }

/* PACKAGES GRIDS */
#content .packages-grid { width:514px; overflow:hidden; border:1px solid #C7C7C7; border-style:solid none; background:url('../images/site/grid-bg.gif') repeat-y; }
#content .packages-grid li { list-style-type:none; float:left; width:170px; }
#content .packages-grid li * { margin-left:10px; margin-right:10px; }
#content .packages-grid li * * { margin-left:0; margin-right:0; }
#content .package .name { font-weight:normal; color:#333; font-size:1.4em; margin-bottom:0; margin-top:10px; }
#content .package .info { line-height:1.2em; }
#content .package .price { font-size:1.4em; }
#content .package .description { margin-top:0; margin-bottom:0; color:#666; }
#content .package .features { font-size:11px; }
#content .package .includes { color:#666; display:block; }
#content .custom-package { border:1px solid #C7C7C7; width:512px; }
#content .custom-package * { margin-left:10px; margin-right:10px; }
#content .custom-package * * { margin-left:0; margin-right:0; }
#content .custom-package .button { float:left; margin:6px 28px 6px 10px; }

/* INTERNET PACKAGE GRID */
#content .internet-packages-grid { padding: 0px; overflow: hidden; }
#content .internet-packages-grid .internet-package { list-style-type: none; float: left; width: 120px; border: 1px solid #C7C7C7; padding: 5px; padding-bottom: 10px; height: 240px; }
#content .internet-packages-grid .internet-package .name { font-weight: normal; color: #333; font-size: 1.14em; margin-bottom: 0; margin-top: 10px; }
#content .internet-packages-grid .internet-package .info { font-size: 1.24em; }

/* FEATURES LISTS */
#content .features-list li { list-style-type:none; float:left; width:50%; padding-bottom:10px; }
#content .features-list li h3 { margin-top:0; }
#content .features-list li * { margin-right:20px; }
#content .features-list li * * { margin-right:0; }

/* FAQ LISTS */
#content .faq-list li { list-style-type:none; width:90%; padding-bottom:10px; margin-left: 0;  }
#content .faq-list li h3 { width: 100%; margin-top:0; text-align: left; } 
#content .faq-list li * { margin-right:0px; }
#content .faq-list li * * { margin-right:0; }

#content ul { list-style: none }

/* CLEARFIX */
#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content { display:inline-block; }
            
/* Hide from IE Mac \*/
#content {display:block;}
/* End hide from IE Mac */

#signin { background: #e3e3e3; font-size: 11px; color: #666666; margin-top: 3px; }
#signin-frame { margin: 0px; border: 0px; width: 185px; height: 22px;}
#signin-div { margin: 0px; border: 0px; width: 195px; height: 22px;}
tr.pre-hdr-row { display: none; }
.pre-hdr-row td { display: none; }