/* @override http://staging/rogers-rodo/css/shared.css */

html {
	margin: 0;
	padding: 0;
	background-color: #000;
}

body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: #000000 url(../media/exteriortile.jpg) repeat-x center top;
	margin: 0;
}



label, label * {
	cursor: pointer;
}

a.Details{
	cursor: help;	
}

#body-wrap {
	width: 984px;
	margin: auto;
	padding-bottom: 35px;
	background: url(../media/body_bottom.png) no-repeat center bottom;
	text-align: left;
}

p{
	margin-top: .5em;
	margin-bottom: .5em;
}

#custom-doc {
	background: url(../media/body_tile_inner.png) repeat-y center;
	position: relative;
}

#bd {
	background: #ffffff url(../media/content_bottom.png) no-repeat center bottom;
	min-height:500px;
  	height:auto !important;
  	height:500px;
  	padding-bottom: 1px;
  	text-align: left;
  	width: 960px;
  	margin: auto;
}

.BdSpacer {
	padding-left: 21px;
	padding-right: 21px;
	padding-bottom: 25px;
	background: url(../media/footer_bar.png) repeat-x 0 bottom;
}

#hd {
	height: 82px;
	background: url(../media/header_base.png) no-repeat center top;
		margin: auto;
	margin-bottom: -4px;
	position: relative;
	z-index: 8;
	width: 960px;

}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


h3 {
	font-size: 138.5%;
}

.alignright {text-align: right; float:right; margin:0 0 1em 1em}
.alignleft {text-align: left; float:left; margin:0 1em 1em 0}
.aligncenter {text-align: center; display: block; margin-left: auto; margin-right: auto}


.typeface-js {

}

.BreadCrumbs {
	margin-left: 0px;
	margin-bottom: 0px;
	background-color: #ebebeb;
	margin-right: 0;
}

.Crumb {
	background: url(../media/CrumbsArrow.gif) no-repeat right center;
	list-style: none;
	display: block;
	font-size: 108%;
	float: left;
	padding-right: 20px;
	display: block;
	text-transform: uppercase;
	list-style-type: none;
	min-height:29px;
  	height:auto !important;
  	height:29px;
  	padding-right: 20px;
	background: url(../media/CrumbsArrow.gif) no-repeat right center;
	line-height: 29px;
	padding-left: 10px;
}

.Crumb div {
	line-height: 29px;
}

.Crumb.Active {
	color: #a61918;
}


h1, h2, h3 {
	color: #333333;
	font-weight: normal;
}

h1 {
	font-size: 182%;
	line-height: 1em;
}

h2 {
	font-size: 138.5%;
	line-height: 1.3333em;
}

h3 {
	font-size: 138.5%;
	margin: 0;
	line-height: 1.3333em;
}

h1.StoryTitle {
	color: #a61918;
	text-transform: uppercase;
}

h2.StoryTitle {
	text-transform: uppercase;
}

h3.StoryTitle{
	color: #a61918;
}

table{
	border: 0;
}

td {
	border: 0;
	padding: 0;
	vertical-align: middle;

}

.SpeedTable {
	width: 620px;
}

.SpeedTable tr {
	

}

tr.spaceRow, tr.spaceRow td {
	height: 4px !important;
	margin: 0;
	padding: 0;
	font-size: 4px;
}

.SpeedTable td {
		border-bottom: 1px solid #dbd1d1 !important;
		border-top: 1px solid #dbd1d1 !important;
		padding-top: 0px;
		padding-bottom: 0px;	
}

.SpeedTable label {
}

td.SpeedLabel, .SpeedLabel {
	width: 130px;
	background: url(../media/red_arrow.gif) no-repeat right;
  	height:51px;
  	text-align: right;
  	vertical-align: middle;
  				border-left: 1px solid #dbd1d1 !important;
}

.SpeedLabel label {
	padding-right: 23px;
	color: #fff;
	text-transform: uppercase;
	font-size: 131%;
	text-align: right !important;
	display: block;
}

.SpeedDescription {
	width: 320px;
	text-align: left;
	font-size: 93%;
					border-right: 1px solid #dbd1d1 !important;
}

.SpeedInput {
	width: 30px;
	text-align: center;
}

.SpeedPrice {
	font-size: 146.5%;
	width: 120px;
	color: #a61918;
	white-space: nowrap;
}



.SpeedDescription ul {
	margin: 0;
	margin-left: 30px;

}

.RoundedRect {
	  -moz-border-radius:5px;
  -webkit-border-radius:5px;
	border: 1px solid #8c8c8c;
	padding: 10px;

}

.TV .RoundedRect {
	margin-top: 20px;
}

.TheDetails {
	display: none;
}

ul.radio li {
	list-style-type: none;
}

.Accent {
		color: #a61918;
}

.Details {
	color:  #373737;
	text-decoration: underline;
}

ul.radio {
	margin-top: 0;
}

#ModemOptions {
	min-height:205px;
  	height:auto !important;
  	height:160px;	
}

.ModemOption {
	font-size: 100%;
	line-height: 1.8462em;
}

.ModemDescription {

	margin-top: 1.7143em;
}

.Options .yui-u.first ul,
.Options .yui-u.second ul{
	background: url(../media/line.gif) no-repeat right center;
	padding-right: 10px;
}

.mice {
	font-size: 85%;
	line-height: 1.272727em;	
	line-height: 1.272727em;
	padding-top: 0px;
}

a.Details {
	color: #373737;
}

#details_rogers {
	color: #fff;
}

#ft {
	position: relative;
	top: 10px;
	padding-bottom: 10px;
}

#ft .yui-u {
	width: 10%;
}

#ft .yui-u.first {
	width: 100%;
}

.TalkingPenguin {
	margin-left: auto;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.FancySelect {
	background: #fff url(../media/light_grey_gradient.png) repeat-x 0 bottom;
		min-height:160px;
  	height:auto !important;
  	height:160px;
	border: 1px solid #adadad;
	padding: 10px;
	padding-bottom: 40px;
	position: relative;
		  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  
}

.FancySelect.Hardware {
			min-height:220px;
  	height:auto !important;
  	height:220px;
}

.FancySelect.Red {
	background: #b51300 url(../media/red_gradient.png) repeat-x 0 top;
}

.FancySelect h3 {
	text-align: center;
	color: #a61918;
	margin-bottom: .5em;
}

.FancySelect.Red h3,
.FancySelect.Red .Description,
.FancySelect.Red label,
.FancySelect.Red .free,
.FancySelect.Red a.Details {
	color: #fff;
}

.FancySelect .Description {
	font-size: 108%;
	line-height: 1.2857em;
	display: block;
}

.FancySelect a.Details {
	color: #a61918;
}

.FancySelect.Red a.Details {
	color: #fff;
}

.FancyButton {
	display: block;
	width: 89px;
	height: 30px;
	background-image: url(../media/FancySelectButton.gif);
	margin-left: auto;
	position: absolute;
	bottom: 10px;
	right: 10px;
	clear: both;
}

.ExtraOptions{
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.Red .ExtraOptions{
	color: #fff;
}

.Hardware .FancyButton {
	width: 106px;
	background-image: url(../media/FancySelectButtonLong.gif);

}
.FancyButton label {
	position: absolute;
	width: 100%;
	height: 100%;
}

.FancyButton input {
	position: absolute;
	top: 9px;
	left: 9px;
	height: 14px;
	width: 14px;
	display: block;
}

.FancyPrice {
	position: absolute;
	bottom: 12px;
	font-size: 138.5%;
color: #a61918;
}

.FancyDetails {
		position: absolute;
	bottom: 12px;
	font-size: 123.1%;
color: #a61918;
}

.BigLabel {

}

.FancyPVRImage {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

.Red .FancyPVRImage.terminal_hdpvr{
	margin-top: -33px;
	margin-bottom: -24px;
}

.OldPrice {
	font-size: 138.5%;
	position: relative;
}

.StrikeThrough {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	top: 0px;
	left: 0px;
}

.free {
		color: #a61918;
			font-size: 138.5%;
			line-height: 1em;
			padding-left: 0em;
			padding-right: 1em;
}

.FancySelect.Hardware .Description {
	font-size: 100%;
	line-height: 1.3846em;
	display: block;
	margin-bottom: 1.3846em;
}

#CallingFeatures {

}


.RHP .RoundedRect {
		background: #fff url(../media/light_grey_gradient.png) repeat-x 0 bottom;
}

li.CheckOption,
li.RadioOption {
	list-style-type: none;
	line-height: 1.84615em;
}

li.CheckOption input {
	margin-right: 4px;
}

#AdditionalFeatures li {
	float: left;
	display: block;
	min-width:36%;
  	width: auto !important;
  	width: 36%;
}

#LDPlans {
	width: 90%;
	clear: both;
	position: relative;
}

#LDPlans .yui-u {
	width: 60%; float: left;
}

#LDPlans .yui-u.first {
	width: 38%; float: left;
}

ul.OptionsList {
	margin: 0;
}

input.tiny {
	width: 5%;
}

.InlineForm {
	padding: 10px;
}

.InlineForm label {
	width: 40%;
	display: block;
	float: left;
	line-height: 25px;
	text-align: right;
	padding-right: 2.5%;
}

/*****************************************************************************/
/** Order summary table.													**/

table.order_summary {
	width: 80%;
	margin: 1em 3em;
	border: 1px solid #666666;
}

.order_summary td {
	padding: 4px 4px;
}

tr.summary_header td {
	padding: 4px 3em;
	background: #EEEEEE;
	color: #660000;
}

.order_summary td.summary_label {
	padding-left: 10em;
}

.order_summary td.summary_price {
	padding-right: 3em;
	text-align: right;
}

#ReceiverOwnRent1,
#ReceiverOwnRent2
 {
	border-left:1px solid #900;

}

#ReceiverOwnRent1 tr, 
#ReceiverOwnRent2 tr {
	display: block;
	padding-left: 10px;
}

#TradeIn2 {
	display: none;
}

.qtip-wrapper {
	
}

.qtip-content {
	
}

.qtip h3{
 	color: #a61918;
}


.TierInfo {
 	border: 1px solid #dbd1d1;
 	display: none;
}

.TierInfo.Current {
	display: block;
}

.TierInfo *{
 	color: #a61918;

}

.TierInfo ul {

}

#ModemOptions .Options .first, 
#ModemOptions .Options .second
 {
	width: 29%;
}

#ModemOptions .Options .third {

}

.ModemInfo {
	display: none;
}

.ModemInfo.Current{
		display: block;
}

#rogers_result {
	background: url(../media/red_gradient.png) repeat-x 0 top;
	padding: 10px;
	padding-left: 10px;
		  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

p.cost {
	color: white;
		font-size: 182%;
		text-align: center;

}

#rogers_cents {
	font-size: 60%;
	vertical-align: super;
}

a.details_toggle {
	text-decoration: none;
	color: white;
	display: block;
	margin-left: auto;
	text-align: right;
	font-size: 138.5%;
}

p.details_toggle_wrapper {
	margin: 0;
}


#plan_name {
	color: #fff;
	font-size: 182%;
	font-weight: normal;
}

#CallingFeaturesInfo {
	/*background: url(../media/phone_accent.gif) no-repeat left 5px;*/
	padding-left: 0px;
	width: 300px;
}

.SubmitButtonsP {
	margin-top: 20px;
	text-align: center;
}

.Or {
	padding-top: 20px;
	float: left;
	background: url(../media/img_OR.jpg) no-repeat center top;
}

.SubmitButtonsP {
	margin-top: 20px;
	text-align: center;
}

.ExtraButtons input {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	
}

#CompleteOrder {
	margin: auto;
	display: block;
}

h3 {
	
}

h3 * {
	vertical-align: middle;
}

#ModalDialog {
	display: none;
}

.qtip #ModalDialog {
	width: 472px;
	height: 283px;
	background: url(../media/modal_bg.jpg);
}

#wheredoyoulive_fieldset {
	padding-top: 50px;
	margin-left: 150px;
}

#wheredoyoulive_fieldset h2 {
	color: #fff;
	margin-bottom: 0;
}

#PCInputP {
	line-height: 30px;
}

#PCInputP * {
	vertical-align: middle;
}

#PCInputP #pc {
	font-size: 116%;
	line-height: 1.66667em;
	border: 1px solid #ffffff;
	width: 175px;
}

.HardwareRental, .HardwarePurchase {
	clear: both;
	float: none;
	position: relative;
	min-height:20px;
  	height:auto !important;
  	height:20px;
}

.HardwareRental label .free,
.HardwarePurchase label .free {
	padding: 0;
}

.HardwareRental label,
.HardwarePurchase label {
	display: block;
	margin-right: 110px;
	padding-top: 0px;
	line-height: 35px;
	padding-top: 6px;
}

.HardwareRental .FancyButton label,
.HardwarePurchase .FancyButton label {
	display: block;
	margin-right: 0px;
}

.HardwareRental .FancyButton,
.HardwarePurchase .FancyButton {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	display: block;
	position: relative;
	float: right !important;
	margin: 0px !important;
	
}

#options_LD {
	display: block;
	clear: both;
	position: relative;
	top: 6px;
	padding-top: 6px;
	margin-top: 12px;
	border-top: 1px solid #bb1c32;
	margin-right: 30%;
}

#options_LD p {
	margin-bottom: 0px;
}