#flashShell {position: relative;}
#flashShell div {color: #ddd; position: absolute; width: 465px; top: 175px; left: 197px;}

#contact {position:relative; float: left;}
#reps {position:absolute; top: 145px; left: 40px; width:180px; text-align: center;}
#reps select {width: 80%;}
#reps label {display: block; margin: 1em 0;}
#repList div {display: none; margin: 1em 0;}

#tabCont {font-size: 0.9em;}
#tabCont .tab {display: none; background-color: black; position: relative; color: #ddd; height: 470px; padding: 10px;}
#tabCont #overviewTab {display: block;}

.tab ul {margin:0; padding: 0;}
.tab li {margin: 0 0 1em 1.25em; padding:0;}

.sliderPort {width: 380px; height: 448px; border: 1px solid white; position: absolute; top: 15px; right: 15px; overflow: hidden; }
.sliderPort .controls {position: absolute; top: 0px; z-index: 10; width: 100%;}
.sliderPort .controls img {cursor: pointer;}
.sliderPort .prev {float:left;}
.sliderPort .next {float:right;}

.filmstrip {width: 1900px; height: 448px; position: absolute;}
.filmstrip .frame {width: 380px; height: 438px; padding-top: 10px; text-align: center; float: left; background-repeat: no-repeat; background-position: bottom;}
.filmstrip .frame p {margin: 1em 20px;}
.filmstrip .frame ul {text-align: left; margin: 0 15px;}

.sliderText {margin:0px auto;}

#overviewTab {background: black url("/static/Images/Personal/SpecialOffers/MDU/Overview/fighterJet.jpg") no-repeat right bottom;}
table.overview {margin-top: 20px;}
table.overview td {padding: 0 10px 0 15px; height: 145px; background: url("/static/Images/Personal/SpecialOffers/MDU/Overview/divider.gif") no-repeat left top;}
#overviewTab .details {margin: 80px 0 0 15px; width: 400px;}
#overviewTab .details p, #overviewTab .details ul {margin-left: 10px;}

#tvOptionsTab .details {width: 460px; margin: 10px; position: relative; z-index: 20;}
#tvOptionsTab .packageCompare {position: absolute; bottom: 0px; left: 0;}
#tvOptionsTab .packageCompare .chart {display: none; position: absolute; left: 6px; bottom: 36px; z-index: 10;}
#tvOptionsTab .channelLineup {position: absolute; bottom: 0px; right: 0; width: 150px;}
#tvOptionsTab .channelLineup img {float: left; margin-right: 1em;}
#tvOptionsTab .channelLineup a {color: #ddd;}

/* TV options frames */
#advancedTv {background-image: url("/static/Images/Personal/SpecialOffers/MDU/TvOptions/advancedTvBg.jpg");}
#dvr {background-image: url("/static/Images/Personal/SpecialOffers/MDU/TvOptions/slide2_tvscreens.jpg")}
#mediaSharing {background-image: url("/static/Images/Personal/SpecialOffers/MDU/TvOptions/slide3_bkg.jpg")}
#findItFast {background-image: url("/static/Images/Personal/SpecialOffers/MDU/TvOptions/slide4_bkg.jpg"); background-position: center 150px;}

#advancedTv h4 {margin-top: 4px;}
#dvr p {margin: 1em 40px;}
#dvr ul {margin: 0 20px; font-size: 0.95em;}
#dvr li {margin-bottom: 0;}
#mediaSharing p, #findItFast p  {margin: 1em 30px;}
#features ul {margin-top: 20px;}

/* end TV options frames */

#internetTab {background: black url("/static/Images/Personal/SpecialOffers/MDU/Internet/background01.jpg") no-repeat right bottom;}
#internetTab .details {width: 365px; margin: 200px 0px 0px 30px;}
#internetTab .details ul {margin: 0 30px;}
#internetTab .details li {margin-bottom: 0.5em;}
#internetTab .detailsright {position: absolute; width: 350px; bottom: 30px; left: 490px;}

#tabCont #phoneTab {background: black url("/static/Images/Personal/SpecialOffers/MDU/Phone/backgroundFade.jpg") repeat-x bottom; padding: 0; height: 490px;}
#phoneTab h3 {margin: 27px 0 0 8px;}
#phoneTab .details {background: url("/static/Images/Personal/SpecialOffers/MDU/Phone/phoneImage.jpg") no-repeat bottom right; padding: 25px 0 0 25px; height: 465px;}
#phoneTab .details p {margin: 40px 0 1em 10px; width: 350px;}
#phoneTab .details ul {width: 320px; margin-left: 30px;}
#phoneTab .details li {margin-bottom: 0.5em;}
#phoneTab .detailsright {position: absolute; width: 270px; bottom: 70px; left: 510px;}
 
#otherServicesTab {background: black url("/static/Images/Personal/SpecialOffers/MDU/OtherServices/bgFiber.jpg") no-repeat left bottom;}
#otherServicesTab .filmstrip {background: url("/static/Images/Personal/SpecialOffers/MDU/OtherServices/osFrameBg.jpg") repeat-x bottom;}
#otherServicesTab .details {width: 365px; margin: 20px;}
#otherServicesTab .details p {margin-top:30px;}

/* Other Services frames*/
#otherServicesTab .sliderText {text-align: left; width: 270px;}
#otherServicesTab h5 {color: #8ec740; font-size: 1em;}
#otherServicesTab .sliderText p {margin: 1em 0;}
#otherServicesTab .sliderText ul {width: 170px; margin: 0 auto;}
#otherServicesTab .sliderText li {margin-bottom: 0.25em; margin-left: 1.75em; list-style-image: url("/static/Images/Personal/SpecialOffers/MDU/greenDot.gif")}
#security {background-image: url("/static/Images/Personal/SpecialOffers/MDU/OtherServices/securityBg.jpg")}
#managedSolutions {background-image: url("/static/Images/Personal/SpecialOffers/MDU/OtherServices/managedSolutionsBg.jpg")}
#pcSupport {background-image: url("/static/Images/Personal/SpecialOffers/MDU/OtherServices/pcSupportBg.jpg")}