#footer {margin: 1em auto;}

#masthead, #order {position: relative; width: 960px; margin: auto; font-size: 0.8em;}
#masthead h1, #masthead h2 {display: inline; margin: 0;}	
#masthead .backlink {position: absolute; top: 30px; right: 0;}

#banner {height: 101px; background-color: black; color: white; margin-bottom: 30px; margin-left:auto;margin-right:auto;}
#banner img {display: block; margin:auto;}

#orderDetails {width: 695px;}
#orderSummary {width: 259px; position: absolute; top: 0; right: 0;}

#orderDetails h2 {font-size: 1.5em;}
#orderDetails .categories {margin: 20px 0; width: 693px; padding-bottom: 10px; background: url("/static/Images/Personal/Iptv/lgBoxBtm.gif") no-repeat bottom;}
#orderDetails .categories .inside {background: url("/static/Images/Personal/Iptv/leftColumnGradient.gif") repeat-x bottom;}
#orderDetails .productCategory {border: solid #ddd; border-width: 0 1px; position: relative; padding: 50px 12px 20px; }
#orderDetails .productCategory h3 {color: #444; background: url("/static/Images/Personal/Iptv/orderDetailsTitle.gif") no-repeat; width: 673px; height: 35px; 
	font-size: 1.3em;
	padding: 10px 10px 0; margin: 0;
	position: absolute; left: -1px;
	}
#orderDetails .productCategory h4 {font-size: 1.1em; margin: 1em 0; padding-left: 15px;}
#orderDetails td {border-bottom: 1px solid #ddd; padding: 4px 4px 4px 15px; vertical-align: top;}
#orderDetails td.errorRow{border:0px;padding:0px;}
#orderDetails .disclaimer {font-size: 0.8em; padding: 1em 0; }
#orderDetails .submit {float: right;}

#orderSummary h2 {color: #666; font-size: 1.4em; margin-bottom: 15px;}
#orderSummary #overview {background: #000 url("/static/Images/Personal/Iptv/orderSummaryOverview.gif") no-repeat; padding: 16px; color: #fff;}
#orderSummary .productSummary {border: solid #ccc; border-width: 0 1px;}
#orderSummary .productSummary h3 {background: url("/static/Images/Personal/Iptv/grayGradient.gif") repeat-x; font-size: 1em; color: #666; height: 20px; padding: 4px 20px;}

.productSummary table {margin: 0 20px 20px;}
.productSummary th {font-weight: normal; text-align: left;}
.productSummary .subtotal th, .productSummary .subtotal td {font-weight: bold;}

#summaryTotal {background: url("/static/Images/Personal/Iptv/smBoxBtm.gif") no-repeat bottom; padding: 20px; border-top: 1px solid #ccc;}
#summaryTotal h3 {font-size: 1em; color: #666;}
#summaryTotal .dynPrice {font-size: 1.5em; color: #008540; font-size: 2.4em;}

#orderSupport {margin: 1em 0} 
#orderSupport .ctainfo {padding: 1em 20px; padding-bottom:75px;}
#orderSupport h2 {font-size: 1.25em; margin: 0;}

/* fix layout issue -ERIC */
	#orderDetails h2{width:500px;margin-bottom:0px;padding-bottom:0px;}
	#orderDetails{width:673px; padding:0px; margin:0px; margin-right:10px;}
	
	.productCategory{width:667px;padding-left:0px;padding:0px;margin-right:20px;border:0px;}
	.categories{width:673px;padding:0px;margin:0px;overflow:hidden; background-position:left;}
	
	p#itemsInOrder {color:#8dc73e;}
	#overview .priceTitle{padding-top:15px;}
	#overview .cartPrice{font-size:21px; color:#8dc73e;}
	#overview .priceCondition{font-size:12px;color:#fff;}
	
	#orderSummary{width:259px;overflow:hidden;padding-left:0px;margin:0px;}
	#orderSummary .serviceList{width:225px;padding:5px 10px 10px 20px;overflow:hidden;}	
	#orderSummary .details{display:none;border:none;}
	#orderSummary .formWrap{width:259px;overflow:hidden;}
	#summaryTotal{
		width:259px;
		background:url("/static/Images/Personal/Iptv/smBoxBtm.gif");
		background-repeat: no-repeat;
		background-position:center bottom;
		background-attachment:scroll;
		border-top:1px solid #CCCCCC;
		margin:0px;
		padding:0px;
	}
	#summaryTotal .priceCondition{font-size:11px;color:#000;}
	#summaryTotal .cartPrice{width:250px;padding:0px;margin:0px;}
	#summaryTotal p{padding-top:10px;padding-left:20px;}
	#summaryTotal .dynPrice{padding-left:20px;padding-bottom:20px;}
	
	dt.serviceName{font-size:11px;}
	dd.servicePrice{font-size:11px;text-align:right;}
/* end fixes */


.nojs .hidden { display:none; }
.hideIfNone { display:none; }

#formBox { clear: left; float: left; width: 67%; padding: 0; margin: 0; }
#cartBox { width: 300px; margin: 0; position: absolute; right: 0px; }
.sectBox *   { margin: 0px; padding: 0px; text-indent: 0; }
#addFeatures { width: 100%; }
#addFeatures form { border: 1px solid #CCC; margin: 0; padding: 0; width: 100%; }

.formSection { border-width: 0px; border-style: none; margin: 0; padding: 0; width: 100%; position: relative; }
.formSection legend{ background-color: #DDD; display: block; padding: 20px 0; font: bold 20px Arial, Helvetica, sans-serif; border-bottom: 1px solid #CCC; width: 100%; margin: 0; text-indent: 20px; }
.formSection h4{ margin: 0px 30px; font-size: 14px; padding: 10px 0; }
.formSection .orderFeature { padding: 10px 30px 0; clear: both; }

#cartBox .formWrap .cartSection.addonWrapper { padding:0; }
#orderPackage .formWrap .cartSection h2{ margin: 0px; padding: 0px; }
#orderPackage .formWrap .addonWrapper .addonTitle { font-size:14px; margin: 0px; padding: 5px 20px; background-color: #EEE; }

.addonsListWrap .serviceList { clear: both; position: relative; padding: 5px 20px 20px;}
p.serviceList {display:block;}
.addonsListWrap dt {float: left; width: 140px; padding-bottom: 0.5em; clear: both;}
.addonsListWrap dd {float: right; width: 70px; padding-bottom: 0.5em;}
.addonsListWrap .subTotalPrice { position: absolute; right: 0px;  width: 100px; }

#cartBox .cartSection .priceTitle { font-weight: bold; font-size: 12px; }
#cartBox .cartSection .cartPrice { font-size: 22px; }
#orderPackage .priceCondition  { font-size: 11px; font-weight: normal; }

/* hidden detail text */
table.options a.toggle {padding-right: 18px; background: url("/static/Images/Buttons/toggleMinus.gif") no-repeat right; float: right;}
table.options a.closed {background-image: url("/static/Images/Buttons/togglePlus.gif");}
table.options tr.closed  {display: none;}
table.options .details td {padding: 1em; font-size: 0.9em; border-top: none; /*cursor: pointer;*/}
#orderDetails table.options tr.closed td {border-bottom: none;} /* IE6 fix */


/* Order confirmation page */
#orderConfirmation {width: 693px;}
#orderConfirmation h1 {font-size: 1.2em; margin-left: 30px;}
#orderConfirmation p {margin: 0.5em 30px;}
#orderConfirmation h2 {background: url("/static/Images/Personal/Iptv/orderConfirmationTitle.gif") no-repeat; color: #A5D867; margin: 1em 0 0; padding: 15px 30px; height: 20px;}
#orderConfirmation .summary {padding-bottom: 10px; background: url("/static/Images/Personal/Iptv/lgBoxBtm.gif") no-repeat bottom;}
#orderConfirmation .summary .inside {background: url("/static/Images/Personal/Iptv/leftColumnGradient.gif") repeat-x bottom; padding: 12px; border: solid #ddd; border-width: 0 1px;}
#orderConfirmation .summary h3 {color: black; padding: 10px 15px; border-bottom: 1px solid #ccc;}
#orderConfirmation .summary h4 {color: #008540; padding: 20px 35px 10px; margin: 0;}
#orderConfirmation .summary h5 {color: black; font-size: 1em; margin: 0;}

#banner_callout{width:239px;padding:0px;overflow:hidden;}
#callout_top{width:239px;padding:0px;padding-top:4px;overflow:hidden;background-image:url("/static/Images/Personal/Iptv/callout_bkg_top.gif");background-repeat:no-repeat;}
#callout_top .offer{text-align:center;overflow:hidden;}
#callout_bottom{overflow:hidden;background-image:url('/static/Images/Personal/Iptv/callout_bkg_bottom.gif');background-repeat:no-repeat;background-position:bottom; width:239px;margin-bottom:15px;}
#callout_bottom .ctainfo{width:229px;padding:0px;margin:0px;}
.ctainfo h2{font-size:14px;color:#999;padding-left:25px;padding-top:15px;}
.ctainfo h2.call{color:#8cc63f;padding-top:0px;padding-bottom:15px;}

.optionCategory th, .optionCategory td {border-bottom: 1px solid #ccc; padding: 4px;}
.optionCategory th {text-align:left; padding-left:55px; font-weight:normal;}
.orderTotal th, .orderTotal td {border-bottom:none; text-align:right; padding:4px; padding-top:25px; font-weight:bold; font-size:14px;}

table.vertical th {text-align: right; font-weight: normal; padding-right: 1em; padding-left: 20px; border-bottom: 1px solid #ddd;}



span.error {color: #900;}
input.errorField {border: 2px solid red;}
.errorSummary {border:1px solid #900; background: #fee url("/static/Images/Personal/Iptv/warning.gif") no-repeat 10px 20px; padding: 10px; padding-left: 50px;} 
.errorSummary hr {color: #999; background-color: #999; border: none;}

.requiredText {float: right; margin: 10px;}

div .error{
	background-image: url("/static/Images/Personal/Iptv/errorIcon.gif");
	background-repeat: no-repeat;
	background-color:#f7eaea;
	background-position:left center;
	border:1px solid red;
	padding:15px;
	padding-left:45px;
	margin:5px;
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	color:black;
}
div.error  h2{font-size:12px; color:red; font-weight:bold;}
label.required b, .requiredText b {color:red;}


/*  ADDITIONS FOR ADDING REAL TIME ORDERING */
#orderDetails .productCategory{
	padding: 15px 12px 20px;
	margin-bottom:2px;
}
#orderDetails h3 {
	display:block;
	background: url("/static/Images/Personal/Iptv/orderDetailsTitle.gif") no-repeat scroll 0 0 transparent;
	color: #444444;
	font-size: 1.3em;
	height: 35px;
	left: -1px;
	margin: 0;
	padding: 10px 10px 0;
	width: 673px;
}
.prism_colLeft{width:170px; vertical-align:top; margin-right:8px; float:left; text-align:right; font-size:12px; margin-bottom:3px;}
.prism_colRight{ width:460px; vertical-align:top; display:inline-block; text-align:left; font-size:12px; margin-bottom:3px; margin-top:0px; padding-top:0px;}
.informationCategory {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0 1px;
	padding: 20px 12px 20px;
	position: relative;
}
.informationCategory #landLordInfo{margin-top:15px;}
.informationCategory h4{margin:5px 0px;}
.informationCategory.errorRow{margin-left:180px; color:red; display:none;}
.informationCategory.error{margin:4px 0px 6px 0px;}
.informationCategory.secure{display:inline-block; width:30px; height:20px; padding-left:10px}
.informationCategory.disclaimer{font-size:10px; color:666; width:100px;}

.formBlock{overflow:hidden}
.creditDescription{display:inline-block; width:260px; padding-left:15px; zoom:1; *display:inline;}
#ownOrRent{margin-top:15px;}
#currentCustomer{margin-top:8px;}

.option{font-weight:bold;}
.optionVal{text-align:right;}
.optionTotal{font-weight:bold;}
.optionTotalVal{text-align:right;}