﻿.BroadbandDeals{width:978px; border:solid 1px #6D3463; margin-bottom:16px;}
.BroadbandDeals .Header{width:978px; height:50px; background:url(../i/DealGridHeaderBack.jpg) repeat-x;}
.BroadbandDeals .Header .Inner{width:978px; height:50px; background:url(../i/DealGridHeaderCircles.jpg) no-repeat right top;}
.BroadbandDeals .Header .Title{font-size:16px; color:White; margin-bottom:10px; padding:8px 10px 10px 10px;}
.BroadbandDeals .Intro{ padding:10px;}

#BroadbandGrid th{ cursor:pointer;}

#BroadbandGrid th .Title{float:left; font-size:11px; font-weight:bolder; margin:8px 0 0 2px; color:Black;}
#BroadbandGrid th .Title a{text-decoration:none;}
#BroadbandGrid th .Sort{float:right; width:10px; height:13px; margin:8px 6px 0 0; background:url(../i/broadband/SortOff.gif) no-repeat;}
#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 .Logo{width:94px; cursor:default;}
#BroadbandGrid thead .Details{width:198px; cursor:default;}
#BroadbandGrid thead .Speed{width:85px;}
#BroadbandGrid thead .Limit{width:81px;}
#BroadbandGrid thead .Contract{width:105px;}
#BroadbandGrid thead .Install{width:94px;}
#BroadbandGrid thead .Monthly{width:102px;}
#BroadbandGrid thead .Rating{width:107px;}
#BroadbandGrid thead .Gift{width:107px;}
#BroadbandGrid thead .Order{width:98px; cursor:default;}

#BroadbandGrid tbody td{background-color:White; color:black;}

#BroadbandGrid tbody .Logo{padding:8px; text-align:center; vertical-align:middle;}
#BroadbandGrid tbody .Details{padding:10px 5px;}
#BroadbandGrid tbody .Details .Title{font-size:12px; font-weight:bold; color:Black;}
#BroadbandGrid tbody .Details .Description{font-size:10px;}
#BroadbandGrid tbody .Speed{padding:0px 5px; text-align:center; vertical-align:top;}
#BroadbandGrid tbody .Speed div{margin-top:20px; color:black; font-size:25px; font-weight:bold;}
#BroadbandGrid tbody .Limit{padding:0px 5px; text-align:center; vertical-align:top;}
#BroadbandGrid tbody .Limit div{margin-top:20px; color:black; font-size:25px; font-weight:bold;}
#BroadbandGrid tbody .Limit div span{ font-size:13px; display:block; padding-top:10px;}
#BroadbandGrid tbody .Contract{padding:0px 5px; text-align:center; vertical-align:top;}
#BroadbandGrid tbody .Contract div{margin-top:28px; color:black; font-size:15px; font-weight:bold;}
#BroadbandGrid tbody .Install{padding:0px 5px; text-align:center; vertical-align:top;}
#BroadbandGrid tbody .Install div{margin-top:25px; color:#990000; font-size:18px; font-weight:bold;}
#BroadbandGrid tbody .Install div span{font-size:24px; color:#990000;}
#BroadbandGrid tbody .Monthly{padding:0px 5px; text-align:center; vertical-align:top;}
#BroadbandGrid tbody .Monthly div{margin-top:23px; color:#990000; font-size:22px; font-weight:bold;}
#BroadbandGrid tbody .Rating{padding:0px 5px; text-align:center; vertical-align:top;}
#BroadbandGrid tbody .Rating div{margin-top:31px;}
#BroadbandGrid tbody .Gift{padding:5px; text-align:center; vertical-align:top;}
#BroadbandGrid tbody .Gift span{ display:block; margin-top:4px; text-align:left;}

#BroadbandGrid tbody .Order{text-align:center;}
#BroadbandGrid tbody .Order .OrderButton{width:80px; height:62px; position:relative; margin:auto; margin-top:10px;}
#BroadbandGrid tbody .Order .OrderButton a{display:block; width:80px; height:62px; background:url(../i/broadband/OrderButton.jpg) no-repeat;}
/*#BroadbandGrid tbody .Order .OrderButton a:hover{background:url(../i/broadband/OrderButtonHover.jpg) no-repeat;}*/




#BroadbandGrid{width:978px; border-top:solid 1px #DBDBDB; border-bottom:solid 1px #DBDBDB; margin-top:10px; margin-bottom:30px;}
#BroadbandGrid th{background-color:#E5E5E5; color:#333333; padding:5px 4px 5px 4px; font-weight:bold; text-align:center; font-size:11px;}
#BroadbandGrid td{padding:5px; border-top:solid 1px #DBDBDB; border-right:solid 1px #DBDBDB; vertical-align:top; }

.BroadbandDeals .Footer{height:39px; text-align:right; background:url(../i/DealGridFooterBack.jpg) repeat-x right bottom;}

#BroadbandPopup{ position: absolute; display: none; width:200px; border:1px solid #6D3463; background:white; padding:5px; color:Black;}
#BroadbandPopup p{ font-weight:bold; margin-bottom:5px; color:Black;}