@import url(global-grid/reset.css);

/*----------------------------------------------------------------------------------------
Structural Styles
----------------------------------------------------------------------------------------*/
body{background: #FFF url(../images/dtv-connect/body-bg.png) repeat-x left top;font:12px/1.33 Arial, 'Liberation Sans', FreeSans, sans-serif;}
#container, #footer-wrapper{width:960px;margin:0 auto;text-align:left;}
#intHeader{height:104px;padding-top:20px;}
#contentArea{width:460px;margin:0 10px 60px;}
body.equipment #contentArea, body.packages #contentArea, body.offers #contentArea, body.contact #contentArea{width:700px;}
#extSidebar{width:230px;margin-right:10px;_margin-right:8px;float:left;display:inline;}
#focus{width:720px;}
#contentArea,#rail,#focus{float:left;display:inline;}
#rail{width:240px;}
body.equipment #rail, body.packages #rail, body.offers #rail, body.contact #rail{width:0;height:0;display:none;overflow:hidden;}


/*----------------------------------------------------------------------------------------
Global Styles
----------------------------------------------------------------------------------------*/
.clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.css-replace{text-indent:-9999px;margin:0;height:0;width:0;overflow:hidden;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#content h2, #rail h3{font-size:14px;color:#000;margin-bottom:15px;}
#content sup  {vertical-align: 5px; font-size:70%;}
body.equipment #content h2, body.packages #content h2, body.offers #content h2{margin-bottom:5px;}
#content p, #rail p{color:#666;font-size:10px;line-height:16px;margin-bottom:10px;}
body.equipment #content p, body.packages #content p, body.offers #content p{font-size:12px;line-height:14px; margin-bottom:10px;}
body.equipment #content ul, body.packages #content ul, body.offers #content ul{height:35px;margin-bottom:10px;margin-left:15px;list-style:disc;}
body.equipment #content ul li, body.packages #content ul li, body.offers #content ul li{color:#666;font-size:10px;line-height:10px;margin-bottom:5px;float:left; width:295px;list-style-type:disc;}
#content a{text-decoration:underline; color: #666666;}
#content a:hover{text-decoration:none;}


/*----------------------------------------------------------------------------------------
Header Styles
----------------------------------------------------------------------------------------*/
#intHeader{background:transparent url(../images/dtv-connect/intHeader-bg.jpg) no-repeat left top;margin-bottom:15px;position:relative;}
#intHeader #logo{float:left;position:relative;top:-10px;left:10px}
#intHeader #authDeal {float:right;position:relative;top:-21px;}
#header-phone{
	text-align:left;
	width:200px;
	background:transparent url(../images/dtv-connect/phone-icon.png) no-repeat left center;
	padding-left:44px;
	font-family:'myriad pro','trebuchet ms',arial,sans-serif;
	color:#254372;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	position:absolute;
	bottom:15px;
}
#header-phone strong{color:#1d689d;font-size:24px;line-height:18px;display:block;}
#header-nav{position:absolute;right:0;bottom:8px;}
#header-nav li{display:inline;list-style-type:none;}
#header-nav li a{
	background:transparent url(../images/dtv-connect/nav-tab.png) no-repeat scroll left top;
	width:114px;
	height:25px;
	font-size:14px;
	color:#666;
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
	line-height:25px;
	text-align:center;
	text-decoration:none;
}
#header-nav li a:hover{background-position:left -25px;color:#fff;}
	

/*----------------------------------------------------------------------------------------
Sidebar Styles
----------------------------------------------------------------------------------------*/
#extSidebar{margin-bottom:300px;}
#sidebarCB {margin:20px 0 0 10px;}
#sidebarCB h3{color:#333333;font-size:18px;line-height:18px;font-weight:normal;}
#sidebarCB h1{color:#333333;text-transform:uppercase;font-size:20px;line-height:30px;font-weight:normal;}
#sidebarCB h1 span {color:#0099ff;}
#sidebarMenu{background:transparent url(../images/dtv-connect/sidebar-bottom-bg.png) no-repeat left bottom;padding-bottom:15px;}
#sidebarMenu h1{
	background:transparent url(../images/dtv-connect/sidebar-header-bg.png) no-repeat left top;
	color:#333;
	font-size:14px;
	text-transform:uppercase;
	line-height:36px;
	padding-left:15px;
}
#sidebarMenu ul{background:transparent url(../images/dtv-connect/sidebar-body-bg.png) repeat-y left top;padding:10px 5px 15px;}
#sidebarMenu li a{text-decoration:none;color:#666;display:block;padding-left:10px;height:27px;line-height:27px;font-size:13px;}
#sidebarMenu li a:hover{background:transparent url(../images/dtv-connect/sidebar-active-bg.png) no-repeat left top;color:#333;}

/*----------------------------------------------------------------------------------------
Rail Styles
----------------------------------------------------------------------------------------*/
#rail{position:relative;margin-bottom:100px;}
#rail img{margin-bottom:15px;}
#rail #rail-button{background:transparent url(../images/dtv-connect/package-details-btn.gif) no-repeat left top;display:block;width:212px;height:24px;position:absolute;top:405px;left:30px;}
#rail p, #rail h3{margin-left:10px;}
#rail-save{position:absolute;top:80px;right:-30px;}

/*----------------------------------------------------------------------------------------
Call Box Styles
----------------------------------------------------------------------------------------*/
#focus p {color:#5A5A5A;font-size:10px;font-weight:normal;line-height:12px;margin-left:20px;}
#offersBoxes {height:153px;margin:10px 0;}
.offerBox {width:220px;height:152px;float:left;display:inline;margin:0 10px;}
#offerBox-one {margin-left:15px;background:transparent url(../images/dtv-connect/offer-box-one.gif) no-repeat top left;}
#offerBox-two {background:transparent url(../images/dtv-connect/offer-box-two.gif) no-repeat top left;}
#offerBox-three {margin-right:0;background:transparent url(../images/dtv-connect/offer-box-three.gif) no-repeat top left;}
#call-box{
	background:transparent url(../images/dtv-connect/call-box-bg.png) no-repeat left top;
	width:652px;
	height:58px;
	margin-top:10px;
	margin-left:10px;
	padding-left:60px;
	position:relative;
}
body.contact #call-box {
	background: #03527e;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-radius-topleft: 8px;
	-webkit-border-radius-topright: 8px;
	-webkit-border-radius-bottomleft: 8px;
	-webkit-border-radius-bottomright: 8px;
	padding-left:0;
}
#call-box p{line-height:58px;color:#fff;font-size:30px;font-weight:bold;text-align:right;margin-right:10px;}
body.contact #call-box p{text-align:left;margin-left:10px;text-transform:uppercase;}
#call-box a{
	background:transparent url(../images/dtv-connect/call-box-order-button.png) no-repeat left top;
	width:103px;
	height:39px;
	line-height:39px;
	display:block;
	font:italic bold 17px/39px arial, sans-serif;
	color:#fff;
	text-align:center;
	position:absolute;
	right:10px;
	top:9px;
}

/*----------------------------------------------------------------------------------------
ContentArea Styles
----------------------------------------------------------------------------------------*/
#contentArea h1 {margin:10px 0;color:#666666;font-size:24px;font-weight:normal;}
#equipmentBoxes{height:395px;margin-top:15px;}
body.packages #equipmentBoxes {height:400px;}
.info-box{height:87px;padding-top:10px;margin-bottom:15px;padding-left:200px;}
body.equipment .info-box, body.packages .info-box{height:350px;width:223px;margin:0 5px;float:left;display:inline;padding:0;position:relative;}
body.packages .info-box{height:380px;}
#equipmentBoxes #receiver-button{background:transparent url(../images/dtv-connect/select-receiver-btn.gif) no-repeat left top;display:block;width:206px;height:27px;position:absolute;top:315px;left:10px;}
#equipmentBoxes #package-button{background:transparent url(../images/dtv-connect/package-details-btn.gif) no-repeat left top;display:block;width:206px;height:26px;position:absolute;top:350px;left:10px;}
.info-box h3{color:#585858;font-size:16px;text-transform:uppercase;line-height:18px;margin-bottom:10px;margin-top:17px;width:247px;}
.info-box h3 span{color: #1d689d;text-transform: uppercase;font-size: 20px;}
.info-box h3 small {font-size:10px;line-height:10px;}

#info-box-one{background:transparent url(../images/dtv-connect/info-box-bg-one.jpg) no-repeat left top;}
body.equipment #info-box-one{background:transparent url(../images/dtv-connect/eq-plus-dvr.gif) no-repeat left top;}
body.packages #info-box-one{background:transparent url(../images/dtv-connect/choice-ultimate.gif) no-repeat left top;}

#info-box-two{background:transparent url(../images/dtv-connect/info-box-bg-two.jpg) no-repeat left top;}
body.equipment #info-box-two{background:transparent url(../images/dtv-connect/eq-hd-rec.gif) no-repeat left top;}
body.packages #info-box-two{background:transparent url(../images/dtv-connect/choice-extra.gif) no-repeat left top;}

#info-box-three{background:transparent url(../images/dtv-connect/info-box-bg-three.jpg) no-repeat left top;}
body.equipment #info-box-three{background:transparent url(../images/dtv-connect/eq-rec.gif) no-repeat left top;}
body.packages #info-box-three{background:transparent url(../images/dtv-connect/choice.gif) no-repeat left top;}

#info-box-four{background:transparent url(../images/dtv-connect/info-box-bg-four.jpg) no-repeat left top;}


#content{margin-bottom:20px;}
body.equipment #content, body.packages #content {border-top:1px solid #cccccc;margin:0 10px;}

#equipmentBoxes p.subtext {
	color:#5A5A5A;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	margin-left:20px;
}
#content h1{font-size:18px;color:#666666;margin-bottom:10px;}

body.contact #content{position:relative;height:300px;@margin-bottom:200px;}
body.contact #content img {position:absolute;top:0;right:50px;}
body.contact #content h3 {color:#03527e;font-size:18px;line-height:18px;text-transform:uppercase;margin-top:20px;}
body.contact #content h1{color:#000;font-size:32px;line-height:34px;margin:0;font-weight:bold;}
/*----------------------------------------------------------------------------------------
Footer Styles
----------------------------------------------------------------------------------------*/
#extFooter{clear:both;padding-top:35px;background:transparent url(../images/dtv-connect/footer-bg.gif) repeat-x left top;padding-bottom:20px;}
#footer-sidebar,#footer-content,#footer-rail{float:left;}
#footer-sidebar{width:230px;margin-right:10px;}
#footer-sidebar h1 {color:#333;font-size:14px;line-height:16px;margin-bottom:5px;}
#footer-content{width:460px;margin:0 10px;}
#footer-content p {font-size:10px; line-height:11px; color:#666666;margin-bottom:20px;}
#footer-rail{width:240px;}

/*----------------------------------------------------------------------------------------
Geo Styles
----------------------------------------------------------------------------------------*/
#loctypelist em{font-style:normal;display:none;}
#loctypelist li a, #footer-rail h4{font-size:13px;font-weight:bold;color:#333;margin-bottom:5px;display:block;}
#extFooter a{font-size:10px;color:#666;}
#locations{text-align:justify;}
#locations.proximityMenu .proximity {font-size:10px;color:#666;}