/*
If you need to change colors, fonts, text-size or background images, edit this file.
If you need to edit placement of images or items, edit layouts.css

Rounded corners are controlled by the corners() function in scripts.js
*/
body{
	background:#fff;
	color:#000;
	font: 11px / 1.5 verdana,arial,helvetica,sans-serif; 
}
 
a:link{color:#9B0100;} 
a:visited{color:#600;} 
a:hover,a:active{color:#e00;}

.attention, #offers-and-hookups #check-availability{color:#9b0100;}

.b{font-weight:bold;}
.i{font-style:italic;}
.i{text-decoration:underline;}

/* 
i is used as a hook for css positioning of corners. 
see scripts.js and corners section below for more. 
added here because we want to use it solely for corners.
*/

i{
    font-style:normal;
    position:absolute;
    display:block;
    z-index:0;
    margin:0;
}

#navigation-and-search a{	text-decoration:none;}

#navigation-and-search, #navigation-and-search a:link, #navigation-and-search a:visited,
#availability #check-availability, #availability #check-availability a:link, #availability #check-availability a:visited
{color:#fff;}

#navigation-and-search a:hover, #navigation-and-search a:active,  
#availability #check-availability a:hover, #availability #check-availability a:active{color:#ff0;}

#navigation-and-search{
	 background:#a10400 url(../images/red-nav-bak.gif) bottom repeat-x;
     font-family: arial,helvetica,sans-serif;
}
#navigation-and-search ul{text-transform:uppercase;}

#search_form #sk,#support-search-form #ssk{color:#9c9c9c; border:1px solid #9c9c9c;}
#support-search-form #ssk{border:2px inset #9c9c9c;}

#footer{border-top:1px solid #ccc;}
#footer ul{font-weight:bold; text-transform:uppercase;}

#availability-and-offers{background: #AD0B00;} 


#availability-and-offers #offers,
#new-at-knology, #more-promos, 
#alternative-service-provider,
#offers-and-hookups{ background: url(../images/promo-back.gif) #fff top repeat-x;}


#new-at-knology, #more-promos, 
.supplemental-box, #offers-and-promos, 
#solutions-banner, #offers-and-hookups{border: 1px solid #9B0100;}

#more-promos div.linkPipe, #support-solutions-content #troubleshooting{border-right:2px solid #9b0100;}

#offers-and-hookups #hookups{border-left:2px solid #9b0100;}

/* INTERNAL PAGE STYLES */ 
#tertiary-navigation h1{text-transform:uppercase; color:#000; font-size:2.1em; clear:both;}
#tertiary-navigation li a:link, #tertiary-navigation li a:visited, #support-search li a:link, #support-search li a:visited{color:#000;}
#tertiary-navigation li a:hover, #tertiary-navigation li a:active, #support-search li a:active, #support-search li a:hover{color:#9B0100;}

#main-content{border-top:1px solid #9B0100; background: url(../images/promo-back.gif) #fff 0 -15px repeat-x;}
#main-content h2{text-transform:uppercase; font-size:1.8em; color:#9b0100; clear:both;}
#main-content h3{font-size:1.6em; clear:both;}
#main-content h4{font-size:1.4em; clear:both;}
#main-content h5{font-size:1.2em; clear:both;}
#main-content h6{font-size:1.1em; clear:both;}
#main-content ul{list-style-type: square;}

/* CUSTOMER SUPPORT MAIN STYLES */
#customer-content{border-top:1px solid #9B0100; background: url(../images/promo-back.gif) #fff 0 -15px repeat-x;}
#customer-content h2{text-transform:capitalize; font-size:1.8em; color:#9b0100; clear:both;}
#customer-content h3{font-size:1.6em; clear:both;}
#customer-content h4{font-size:1.4em; clear:both;}
#customer-content h5{font-size:1.2em; clear:both;}
#customer-content h6{font-size:1.1em; clear:both;}
#customer-content ul{list-style-type: square;}

/* NEW STYLES */
#fourth-nav li a:link, #fourth-nav li a:visited{color:#000;}
#fourth-nav li a:hover, #fourth-nav li a:active{color:#9B0100;}



#supplemental-content h2{font-size:1.4em;}

/*** GLOBAL CORNER SETTINGS ***/
/* 
The overall position for the i element is defined above. These styles control
positioning for corners on specific elements */

#navigation-and-search i{
	width:7px; 
	height:10px; 
	bottom:0;
}
#navigation-and-search i.bottomLeftCorner{	background: url(../images/nav-bottom-left-corner.gif) no-repeat; left:0;}
#navigation-and-search i.bottomRightCorner{background:url(../images/nav-bottom-right-corner.gif) no-repeat; right:0;}

#availability-and-offers i, #product-promos i{width:8px; height:8px;}
#availability-and-offers i.topLeftCorner{
    background:url(../images/red-top-left.gif) no-repeat; 
    left:0; 
    top:0;
}

#availability-and-offers i.topRightCorner{
    background:url(../images/red-top-right.gif) no-repeat; 
    top:0; 
    right:0; 
}
#availability-and-offers i.bottomLeftCorner{
	background:url(../images/red-bot-left.gif) no-repeat;
	bottom:-1px;
	left:0;
}
#availability-and-offers i.bottomRightCorner{
	background:url(../images/red-bot-right.gif) no-repeat;
	bottom:-1px;
	right:0;
}
#availability-and-offers #offers{position:relative;}

#offers i,#offers-and-hookups i{
	width:7px; 
	height:8px;
}
#availability-and-offers #offers i.topLeftCorner{
	background:url(../images/offers-top-left.gif) no-repeat;
	left:0;
	top:0;
}

#availability-and-offers #offers i.topRightCorner{
	background:url(../images/offers-top-right.gif) no-repeat;
	top:0;
	right:0;
}
#availability-and-offers #offers i.bottomLeftCorner{
	background:url(../images/offers-bottom-left.gif) no-repeat;
	bottom:-1px;
	left:0;
}
#availability-and-offers #offers i.bottomRightCorner{
	background:url(../images/offers-bottom-right.gif) no-repeat;
	bottom:-1px;
	right:0;
}

#product-promos i.topLeftCorner{
    background:url(../images/red-top-left.gif) no-repeat; 
    left:0; 
    top:0;
}

#product-promos i.topRightCorner{
    background:url(../images/red-top-right.gif) no-repeat; 
    top:0; 
    right:0; 
}
#product-promos i.bottomLeftCorner{
	background:url(../images/red-bot-left.gif) no-repeat;
	bottom:-1px;
	left:0;
}
#product-promos i.bottomRightCorner{
	background:url(../images/red-bot-right.gif) no-repeat;
	bottom:-1px;
	right:0;
}


#new-at-knology i, #more-promos i,#support-guides i,#solutions-banner i{
	width:10px; 
	height:18px; 
}

#new-at-knology i.topLeftCorner,#more-promos i.topLeftCorner,#solutions-banner i.topLeftCorner,#offers-and-hookups i.topLeftCorner{
	background:url(../images/bot-promo-top-left2.gif) no-repeat;
	left:-3px;
	top:-3px;
}
    
#offers-and-hookups i{
	width:10px; 
	height:18px; 
}

#offers-and-hookups i.topRightCorner{
	background:url(../images/tan-top-right.gif) no-repeat;
	top:-1px;
	right:-1px;
}
#offers-and-hookups i.topLeftCorner{
	background:url(../images/tan-top-left.gif) no-repeat;
	left:-3px;
	top:-3px;
}

#offers-and-hookups i.bottomLeftCorner{
	background:url(../images/bottom-left.gif) no-repeat;
	bottom:-2px;
	left:-3px;
}

#offers-and-hookups i.bottomRightCorner{
	background:url(../images/bottom-right.gif) no-repeat;
	bottom:-1px;
	right:-1px;
}

#new-at-knology i.topRightCorner,#more-promos i.topRightCorner,#solutions-banner i.topRightCorner{
	background:url(../images/bot-promo-top-right2.gif) no-repeat;
	top:-3px;
	right:-2px;
}

#new-at-knology i.bottomLeftCorner,#more-promos i.bottomLeftCorner,#solutions-banner i.bottomLeftCorner{
	background:url(../images/bot-promo-bottom-left.gif) no-repeat;
	bottom:-2px;
	left:-3px;
}
#new-at-knology i.bottomRightCorner,#more-promos i.bottomRightCorner,#solutions-banner i.bottomRightCorner{
	background:url(../images/bot-promo-bottom-right2.gif) no-repeat;
	bottom:-1px;
	right:-1px;
}
/* Support Guides on Customer Support page */
#support-guides i{width:8px; height:8px;}

#support-guides i.topLeftCorner{
    background:url(../images/red-top-left.gif) no-repeat; 
    left:0; 
    top:0;
}

#support-guides i.topRightCorner{
    background:url(../images/red-top-right.gif) no-repeat; 
    top:0; 
    right:0px; 
}
#support-guides i.bottomLeftCorner{
	background:url(../images/red-bot-left.gif) no-repeat;
	bottom:-1px;
	left:0;
}
#support-guides i.bottomRightCorner{
	background:url(../images/red-bot-right.gif) no-repeat;
	bottom:-1px;
	right:0;
}


/* corners on internal template */

 #alternative-service-provider i, #quick-view i{
	width:9px; 
	height:9px;
}

#alternative-service-provider i.topRightCorner{
	background: url(../images/bot-promo-top-right2.gif) no-repeat;
	top:-3px;
	right:-1px;
}	

#alternative-service-provider i.topLeftCorner{
	background: url(../images/bot-promo-top-left2.gif) no-repeat;
	top:-3px;
	left:-3px;
}

#alternative-service-provider i.bottomLeftCorner, #offers-and-promos #offers{
	background:url(../images/line-corner-bot-left.gif) no-repeat;
	bottom:-1px;
	left:-1px;
}

#alternative-service-provider i.bottomRightCorner, #quick-view i.bottomRightCorner{
	background:url(../images/line-bot-right.gif) no-repeat;
	bottom:-1px;
	right:-1px;
    width:13px;
    height:13px;
}

#quick-view i.topLeftCorner{
	background: url(../images/line-corner-top-left.gif) no-repeat;
	top:-1px;
	left:-1px;
}

#quick-view i.topRightCorner{
	background:url(../images/line-corner-top-right.gif) no-repeat;
	top:-1px;
	right:-1px;
}

#quick-view i.bottomLeftCorner{
	background:url(../images/line-corner-bot-left.gif) no-repeat;
	bottom:-1px;
	left:-1px;
} 

/* pipes between links */
#navigation-and-search li.linkPipe, #product-promos .linkPipe,#support-guides .linkPipe{border-right:1px solid #fff;}
#tertiary-navigation li.linkPipe, #main-content #fourth-nav li.linkPipe{border-right:1px solid #000;}

/* Customer service page */

#support-search span{font-weight:bold;}
#support-search span, #support-search ul{text-transform:uppercase;}
#support-search form{font-weight:bold;}
#support-search li.linkPipe{border-right:1px solid #000;}
#support-supplement{font-weight:bold;}

#solutions-banner{background: url(../images/promo-back-short.gif) #fff top repeat-x;}

/* residential service page */
#offers-and-hookups #hookups{border-left:2px solid #9b0100;}
#product-promos,#support-guides{background:#AD0B00; color:#fff;}
#product-promos a,#support-guides a{color:#fff;}