﻿.BroadbandIntro{ padding:10px;}

#BroadbandGrid{ width:760px; border-top:solid 1px #DBDBDB; border-bottom:solid 1px #DBDBDB; }
#BroadbandGrid th{background-color:#E5E5E5; color:#333333; padding:2px; font-weight:bold; text-align:center; font-size:11px;}
#BroadbandGrid td{padding:2px; border-top:dotted 1px #DBDBDB; border-right:dotted 1px #DBDBDB; vertical-align:middle; font-size:11px; text-align:center;}

#BroadbandGrid th{ cursor:pointer;}

#BroadbandGrid th .Title{float:left; font-size:10px; font-weight:bolder; margin:4px 0 0 2px; color:Black;}
#BroadbandGrid th .Title a{text-decoration:none;}
#BroadbandGrid th .Sort{float:right; width:10px; height:13px; margin:8px 6px 2px 0; background:url(../i/broadband/SortOff.gif);}
#BroadbandGrid th.SortAsc .Sort{background:url(../i/broadband/SortUp.gif) no-repeat;}
#BroadbandGrid th.SortDesc .Sort{background:url(../i/broadband/SortDown.gif) no-repeat;}

#BroadbandGrid thead .Details{cursor:default; border-left:1px solid #7399AC;}
#BroadbandGrid thead .Speed{width:75px;}
#BroadbandGrid thead .Limit{width:70px;}
#BroadbandGrid thead .Contract{width:85px;}
#BroadbandGrid thead .Install{width:75px;}
#BroadbandGrid thead .Monthly{width:85px;}
#BroadbandGrid thead .Rating{width:75px;}
#BroadbandGrid thead .Gift{width:75px;}
#BroadbandGrid thead .Order{width:94px; cursor:default; border-right:1px solid #7399AC;}
#BroadbandGrid thead .Order .Title{text-align:center; font-size:12px; text-transform:uppercase; float:none;}

#BroadbandGrid tbody td{background-color:White; color:black;}

#BroadbandGrid tbody .Details{ border-left:1px solid #7399AC; vertical-align:top; text-align:left; padding:4px;}
#BroadbandGrid tbody .Details .Title{font-weight:bold;}
#BroadbandGrid tbody .Details .Description{ font-size:10px;}
#BroadbandGrid tbody .Speed{}
#BroadbandGrid tbody .Speed div{ font-size:20px; font-weight:bold;}
#BroadbandGrid tbody .Limit{}
#BroadbandGrid tbody .Limit div{ font-size:20px; font-weight:bold;}
#BroadbandGrid tbody .Limit div span{}
#BroadbandGrid tbody .Contract{}
#BroadbandGrid tbody .Contract div{ font-weight:bold;}
#BroadbandGrid tbody .Install{}
#BroadbandGrid tbody .Install div{ font-size:16px; font-weight:bold;}
#BroadbandGrid tbody .Install div span{ font-size:18px; color:Red;}
#BroadbandGrid tbody .Monthly{}
#BroadbandGrid tbody .Monthly div{ font-size:16px; font-weight:bold;}
#BroadbandGrid tbody .Rating{}
#BroadbandGrid tbody .Rating div{}
#BroadbandGrid tbody .Gift{ padding:2px; }
#BroadbandGrid tbody .Gift span{display:block; text-align:left;}
#BroadbandGrid tbody .Order{ border-right:1px solid #7399AC;}

#BroadbandPopup{ position: absolute; display: none; width:200px; border:1px solid #7399AC; background:white; padding:5px; color:Black;}
#BroadbandPopup p{ font-weight:bold; margin-bottom:5px; color:Black;}
