body{ background: #fff url(images/body-bg2.jpg) repeat-x top left; text-align: center; margin: 0;  font-family:Verdana, Arial, Helvetica, sans-serif; }
body#recipe { background: #fff url(images/body-bg3.jpg) repeat-x top left; text-align: center; margin: 0;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

#container{ width: 800px; margin: 0 auto; }

/* page header */
#header{ width: 881px; background: url(images/header-bg-2.gif) no-repeat;  height: 90px; float: left; position: relative;}
#logo{ margin: 0; padding: 0; width: 149px; height: 43px; background:url(images/logo.gif) no-repeat; margin: 24px 0 0 21px; float: left; }
#logo a{ display: block; width: 149px; height: 43px; }
#logo span{ display: none; }
#topnav{ width: 310px; float: right; margin-top: 34px; margin-right: 120px; font-size: 10px; }
#topnav span { display: block; color: #fff; }
#topnav a{ color: #fff; }
.search{ margin-top: 5px; }
.search #q{ margin-left: 70px; margin-top:3px; padding: 1px 0 0 4px; background: #fff url(images/searchbox-bg.jpg) no-repeat; border: 1px solid #003158; float: left; }
.search span{ display: inline; float: right; }

/* main container */
#main{ background-color: #f1f3f6; width: 881px; float: left; }
#sidebar{ width: 162px; float: left; font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #8cc63f; font-weight: bold; }
body.Home #sidebar{ background: url(images/sidebar-header-b.jpg) no-repeat; }
#sidebarmain{ background: url(images/temp-sidebar.jpg) repeat-y; float: left; text-align: left; }
#sidebarmain hr{ width: 60%; text-align: center;}
#sidebartop{ background: url(images/temp-sidebar-header-a.jpg) no-repeat; color: #fff; width: 162px; height: 53px; float: left; }
#sidebarmain #sidebarmid{ background: url(images/temp-sidebar-header-b.gif) no-repeat; width: 162px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-family: Trebuchet, sans-serif; float: left; clear: both; padding-bottom: 8px; padding-top: 5px;}
#sidebarmid h3{ color: #00539B; margin: 3px 0 0 3px; font-size: 11px; }
#sidebarmid a{ display: block;  color:#a2a3a4; text-decoration: none; margin-left: 7px;}
#sidebarmid a:hover{ color:#00539b; }
#sidebarbot{ background: none;  width: 162px; height: 3px; clear: both; }
#sidebar-flash-top{ margin-top: 16px; background: url(images/sidebar-flash-top.jpg); height: 68px; width: 162px; }
#sidebar-flash{ float: left;margin-top: 16px;}
#sidebartop p{ margin-top: 10px; margin-left: 30px; }

/* content styles */

#content{ width: 719px; float: right; text-align: left; }
#mainnav{  background:url(images/main-nav-bg2.jpg) no-repeat; width: 719px;  height: 91px;}
#mainnav a{ display: inline-block; float: left; width: 69px; height: 9px; padding-top: 72px; color: #999a9b; text-decoration: none; text-align: center; background: url(images/nav-buttons.jpg) no-repeat; margin-left: 12px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#mainnav a:hover,
body.Voice #mainnav a#navVoice, 
body.TV #mainnav a#navTv, 
body.Internet #mainnav a#navInternet, 
body.Wireless #mainnav a#navWireless, 
body.Business #mainnav a#navBusiness,
body.Security #mainnav a#navSecur,
body.Customer #mainnav a#navHelp,
body.Company #mainnav a#navHelp{ color: #00539b; }
#mainnav a#navVoice{ margin-left: 24px; background-position: -24px 0;  }
#mainnav a#navTv{ background-position: -102px 0; }
#mainnav a#navInternet{ background-position: -184px 0;}
#mainnav a#navWireless{ background-position: -265px 0; }
#mainnav a#navSecur{ background: url(images/security-button.jpg) no-repeat; background-position: 0 2px; }
#mainnav a#navBusiness{ background-position: -347px 0;}
#mainnav a#navHelp{ background: url(images/temp-nav-buttons-right.jpg) -2px 0 no-repeat; text-align: center; margin-left: 49px; width: 55px; padding-top: 60px; font-size: 9px;}
#mainnav a#navWebMail{ background: url(images/temp-nav-buttons-right.jpg) -64px 0 no-repeat; text-align: center; width: 55px; padding-top: 60px; margin-left: 25px;  font-size: 9px;}

#mainnav a span{ display: none; }


#subnav{ height: 28px; margin-top: 6px; font-size: 13px; padding-top: 7px; background: url(images/subnavbar2.gif) no-repeat; }
body.nosb #subnav{ background:url(images/subnavbar2-none.gif) no-repeat; padding-top: 7px; }
body.nosb #section{ margin-top: 9px; }

#printicon{ float: right; margin-top: 3px;}

#subnav a{ vertical-align: middle; color: /*#e9eaeb*/#00529b; font-weight: bold; text-decoration: none; margin-left: 6px;}
#subnav a:hover{ color: /*#00529b*/#fff; }
body.longdistancerates #subnav a.longdistancerates, body.localcalling #subnav a.localcalling, body.customerservice #subnav a.customerservice, body.aboutus #subnav a.aboutus, body.ctv #subnav a.ctv, body.lineup #subnav a.lineup, body.settop #subnav a.settop, body.truchan #subnav a.truchan, body.iaccess #subnav a.iaccess, body.email #subnav a.email, body.pwp #subnav a.pwp, body.shop #subnav a.shop, body.wirerates #subnav a.wirerates, body.inet #subnav a.inet, body.met #subnav a.met, body.buserv #subnav a.buserv, body.adv #subnav a.adv, body.securmain #subnav a.securmain, body.equipinst #subnav a.equipinst, body.monitoring #subnav a.monitoring, body.community #subnav a.community, body.news #subnav a.news,  body.faqs #subnav a.faqs, body.trualert #subnav a.trualert{ color: #ffe71e; }
#subnav a.first{ margin-left: 68px; }

#section{ border-left: 2px dashed #c2c2c4; margin-left: 16px; float: left; width: 685px; }	
#section{ margin-top: 48px; }
body.subnav #section{ margin-top: 9px; }

#maincontent, #maincontentblock{ width: 685px; }
#maincontent{ float: left; height: 194px;}
#maincontentblock{ float: left; margin-left: 10px;}
#mcleft, #mcleft #mctop, #mcleft #mcbottom{ width: 434px; }
#mcleft{ float: left; }
#mctop{ background: url(images/mctop2.jpg) no-repeat; height: 12px;}
#mcbottom{ background: url(images/mcbottom2.jpg) bottom left no-repeat; height: 12px;}
#mcleft #mcmain{ width: 406px; }
#mcmain{ border-left: 2px solid #b1afaf; background-color: #dddee0; height: 282px; overflow: auto; font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; padding: 0 13px; color: #00539b;}
body.Home #mcmain{ height: 173px; }
#mcmain ul{ padding-left: 12px; }
#mcmain strong{ font-size: 12px; }
#mcmain h2{ margin-top: 0; padding-top: 0; }
#mcmain h4, body.popup{ font-size: 12px; }
/*#mcbottom{ height: 12px; background:url(images/mcbottom.jpg) no-repeat;}*/
#mcright{ float: right; width: 251px;}
#location{ border: 1px solid #00539B; background-color: #edf1f4; padding: 3px;}
#ads{ padding-top: 11px; border-top: 2px dashed #c2c2c4; margin: 6px 0 0 11px; float: left; font-size: 11px; color: #00529b; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 15px;}
#ads h4{ margin-bottom: 0; padding-bottom: 0; }
#ads #adplace1{ float: left; width: 425px; height: 119px;}
#ads #adplace2{ float: left; width: 235px; margin-left: 10px; position: relative;}
#ads #adplace2 #flexad{ position: absolute; z-index: 2; top: 0; right: 0;}

#techtools{ height: 230px; width:228px;}
/*#techtools ul#nav{ list-style:none; padding: 0; margin-left:0px;}
#techtools ul#nav li{ float: left; display:block;}
#techtools ul#nav li a{ height: 49px; width:228px; display: block; position: relative;}
#techtools ul#nav li a span{ display: block; position: absolute; background:url(images/tech-tools.png) no-repeat; width: 100%; height: 100%; }
* html #techtools ul#nav li a span{
	background:none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/tech-tools.png', sizingmethod='scale'); }
#techtools ul#nav li a.ffth span{ background-position: 0px -5px; }
#techtools ul#nav li a.ffth:hover span{ background-position: 0px -223px; }
#techtools ul#nav li a.metro { height: 37px; }
#techtools ul#nav li a.metro span{ background-position: 0px -54px; }
#techtools ul#nav li a.metro:hover span{ background-position: 0px -272px; }
#techtools ul#nav li a.web { height: 40px; }
#techtools ul#nav li a.web span{ background-position: 0px -90px; }
#techtools ul#nav li a.web:hover span{ background-position: 0px -308px; }
#techtools ul#nav li a.wire { height: 40px; }
#techtools ul#nav li a.wire span{ background-position: 0px -130px; }
#techtools ul#nav li a.wire:hover span{ background-position: 0px -348px; }
#techtools ul#nav li a.net { height: 48px; }
#techtools ul#nav li a.net span{ background-position: 0px -170px; }
#techtools ul#nav li a.net:hover span{ background-position: 0px -388px; }
*/


div#dvrmain{  width: 421px; border-left: 2px solid #b1afaf;  border-right: 2px solid #b1afaf; background: #dddee0 url(images/dvr-icon.jpg) no-repeat top right; font-size: 12px;}
div.dvr p, div.dvr h4{ padding-left: 5px; padding-bottom: 0; margin-bottom: 0;}
div.dvr h4{ margin-top: 0; padding-top: 0; }
#dvrtop{ width: 425px;  height: 12px; background: url(images/dvrtop3.jpg) no-repeat; }
#dvrbot{ width: 425px;  height: 12px; background: url(images/dvrbot3.jpg) no-repeat bottom left; clear: both; float: left;}

div#watchvid{ border: 1px solid #00539B; background-color: #edf1f4; padding: 5px; margin-bottom: 10px;}
div#watchvid h3{ margin: 0; padding: 0;}
div.itemdls{ margin-top: 6px; padding: 3px; background-color: #d7ecdb; border: 1px solid #8bc497;}


/* Popup Styles */
body.popup{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #00539b; margin-bottom: 8px;}
body.popup #top{ height: 90px; }
#greybar{ background: url(images/greybar.jpg) repeat-x top left; margin: 0; height: 4px; width:100%; display:block;}

body.popup #kitheader{ margin: 0; padding: 0; height: 163px; width:516px; background:url(images/Kit-Header.png) no-repeat; float: left; margin-top: -90px; margin-left: 21px;}
* html body.popup #kitheader{ background:none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/Kit-Header.png', sizingmethod='scale');}
body.popup #mid{ clear: both; text-align: left; margin: 0 5px;}
body.popup h4{ border-bottom: 1px solid #00539b; }
body.popup img.center{ text-align: center; }
body.popup span.note{ color: #CC3300; }
body.popup .style10{ color: #fff; }
body.popup .style14, body.popup span.style17{ font-size: 24px; color: #fff; font-weight: bold;}
img{ border: none; }

#shop{ color:#00539B; font-family:Georgia,"Times New Roman",Times,serif; font-size:13px; margin-left: 10px; }
#shop h2{ margin-top: 0; padding-top: 0; }


body.popup h1#logo{ margin-top: 14px; background-image: url(images/logo.gif);}

/* Overlay Styles */
div#overlay{ position: absolute; width: 400px; height: 282px; z-index: 50; top: 245px; background: url(images/avail_soon.png) no-repeat;}

span.filler{ padding-right: 40px; display: block; float: left;}

/* -- In the Community Pages --*/
#commblock{ font-family: Georgia, "Times New Roman", Times, serif;}
#commblock p{ font-size: 12px;}
#commblock h2, #commblock h3{ color: #00539b; margin-bottom: 2px;}
#commblock h5{ color: #00539b; font-size: 14px; margin-top: 0px; padding-top: 0px; margin-bottom: 2px;}
#commblockbot h3{ margin-top: 3px; padding-top: 3px; margin-bottom: 2px; }
body.In_The_News #sidebar{ color: #000; }
body.In_The_News #sidebar #sidebarmid{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
body.In_The_News #sidebar #sidebarmid p{ margin-left: 3px; padding-left: 3px; }
body.In_The_News #sidebar #sidebarmid h4{ color: #00539b;  margin-left: 3px; padding-left: 3px; font-size: 18px; margin-bottom: 2px;}

/* -- FAQ Pages --*/
dt{ font-weight: bold;}
dd{ margin-left: 0; padding-left: 0;  margin-bottom: 12px;}

/* -- Feedback Page --*/
body.Feedback textarea.expanding { line-height: 18px; width: 250px; min-height: 100px;}
body.Feedback form table tr td{ padding: 3px 0; font-size: 11px;}
body.Feedback p.test_fail{ border:1px solid #A90000; background-color:#F8E5E5; padding: 4px; margin-top: 10px;color: #A90000;}
body.Feedback td.error /*input, body.Testimonial td.error textarea*/{ background-color: #F8E5E5; border:1px solid #A90000;}



body.Feedback input#use_agree{ float: left; }
span.permission{ font-size: 10px; }
p.testintro{font-size: 11px;}

blockquote{float: left; margin: 7px 4px 3px 4px; width: 90%; clear: both; }
cite{ display: block; float: right; margin: 3px auto 10px auto; }
#mcmain hr{ margin: 10px auto; clear: both;width: 60%; text-align: center;}

#exccontent{ margin-left: 13px; position: relative; top: 0;}

#chaticon{ position: absolute; right: 1px; top: 2px; }


.featphone{ font-size: 13px; margin-left: 10px;}
.featphone th{ text-align: center; background-color: #0064AC; color: #fff;}
.phonedetails{ padding: 0 8px; }
.phoneimg{ text-align: center; padding-top: 8px; width: 160px;}


#socialnet{ position: absolute; right: 0; bottom: 0; }

/*CSS For Kit Recipe Layout*/

#recipespace { float:left; width: 600px; display: block;}
p.instructions { float:left; display:block; clear:both; width:600px;}
i {font-style:italic;}
#foodImg {float:left; display:inline; width:200px; height:162px;}
#ingred {float: left; display:inline; vertical-align:top; width:380px; margin-left: 3px;}
#ingred ul{ margin: 0px; padding: 0px; list-style: none; line-height: 14px;}
#ingred li{ padding-top: 0px; font-size: 12px; line-height: 16px; }