/** * Compvision CSS Style File Nick Symons August 2009 * **/ * {padding:0;margin:0;} img {border:0;} /* PAGE CONTAINER */ #pageContainer {margin:0 auto; width:100%; font-family:helvetica; color:#a4a4a4; font-size:12px; background-color:#FFFFFF; width:100%; height:1000px;} /* PAGE HEADER */ #header {margin:0 auto; width:880px; background-color:#ffffff; height:125px; margin-top:25px;} div.headerLeft {float:left; margin-left:35px;} div.headerRight {float:right; margin-right:60px; margin-top:58px;} /* Admin Divs */ #adminPageContainer{margin-left:100px; width:831px; font-family:helvetica; color:#777; font-size:12px; background-color:#fff; width:100%; height:auto;} #adminHeader {margin-left:100px; width:885px; background-color:#ffffff; height:125px; margin-top:25px;} div.adminHeaderLeft {float:left; margin-left:0px;} div.adminHeaderRight {float:right; margin-right:0px; margin-top:58px;} #admin {margin-left:100px; width:885px; height:auto; margin-bottom:25px;} #email {height:auto; margin-bottom:5px; float:right; width:100px; margin-right:368px;} /* Header tags to images */ h1.satelliteTvOnPc {background-image: url(/images/satellitetvonpc.jpg); background-repeat: no-repeat; width: 234px; height: 57px;} h2.watchHeader {background-image: url(/images/Watch-100sNew.jpg); background-repeat: no-repeat;width:247px; height:64px;} h2.aWorld {background: url(/images/A-WorldNew.jpg) no-repeat transparent; width: 254px; height: 64px;} h2.howdoesitwork {background-image: url(/images/howdoesitwork.jpg); background-repeat: no-repeat; width: 188px; height: 42px;} h2.WatchSatellite {background-image: url(/images/WatchSatellite.jpg); background-repeat: no-repeat; width: 252px; height: 42px;} h1 span {position: absolute; left: -999em;} h2 span {position: absolute; left: -999em;} /* All Divs inside the mainContainer */ #mainContainer {margin:0 auto; width:950px;} #mainContainer .middle-slice #navigation {float:left; margin-left:105px; width:750px; height:0px;} #mainContainer .middle-slice #navigation img a {text-decoration:none;} #mainContainer .middle-slice #navigation img a:active {outline:0; outline:none;} #mainContainer .middle-slice #navigation img a:focus {outline:0; outline:none;} #mainContainer .middle-slice {background:url('../images/newMiddleSlice.jpg') repeat-y; width:877px; margin-top:-2px;} #mainContainer .middle-slice .flash-box{width:675px; height:266px; margin-left:113px; padding-top:45px;} #mainContainer .middle-slice .flash-box-how-it-works{margin-left:192px; padding-top:49px; width:510px; height:333px; background-color:#fff;} #mainContainer .middle-slice .flash-box-how-it-works .flash-box-how-it-works-left {float:left; width:350px; height:320px;} #mainContainer .middle-slice .flash-box-how-it-works .flash-box-how-it-works-right {margin-top:10px; float:right; width:341px; height: 320px; background:url('../images/redSquare.jpg') no-repeat; width:297px; height:325px;} #mainContainer .middle-slice .flash-box-how-it-works .flash-box-how-it-works-right .title{padding:10px 10px 10px 25px;} #mainContainer .middle-slice .flash-box-how-it-works .flash-box-how-it-works-right .requirementsText {width:275px; height:241px; color:#fff; padding:10px 10px 10px 20px;} #mainContainer .middle-slice .flash-box-how-it-works .flash-box-how-it-works-right .requirementsText a {text-decoration:none; outline:none; color:#00BE00;} #mainContainer .middle-slice .flash-box-how-it-works .flash-box-how-it-works-right .requirementsText a:hover {color:#0623C4;} #mainContainer .middle-slice .main-content-how-it-works {width:691px; height:296px; padding:70px 0px 0px 105px;} #mainContainer .middle-slice .main-content-how-it-works .title {padding:0px 0px 0px 250px;} #mainContainer .middle-slice .main-content-how-it-works .text {padding:15px 0px 0px 50px;} #mainContainer .middle-slice .purchaseImageMain {width:676px; height:610px; padding:55px 0px 0px 134px;} #mainContainer .middle-slice .redBoxBottom {float:right;width:291px; height:233px; margin-right:1px;background-image:url('../images/redBoxBottom.jpg');} #mainContainer .middle-slice .redBoxBottom .requirementsText {width:275px; height:201px; color:#fff; padding:10px 10px 10px 20px;} #mainContainer .middle-slice .redBoxBottom .requirementsText a {text-decoration:none; outline:none; color:#00BE00;} #mainContainer .middle-slice .redBoxBottom .requirementsText a:hover {color:#0623C4;} #mainContainer .middle-slice .watchSatellite {float:left;padding: 10px 11px 12px 0px; width:300px; height:260px;} #mainContainer .middle-slice .watchSatellite .title {padding:0px 0px 0px 45px;} #mainContainer .middle-slice .watchSatellite .watchSatelliteText {width:320px; height:200px; padding:0px 10px 10px 20px;} #mainContainer .middle-slice .watchSatellite .watchSatelliteText a {text-decoration:none; outline:none; color:#00BE00;} #mainContainer .middle-slice .watchSatellite .watchSatelliteText a:hover {color:#0623C4;} #mainContainer .middle-slice .watchSatellite .watchSatelliteText .googlepaypal {padding:5px 10px 10px 0px;} #mainContainer .middle-slice .main-content-payment .paymentMessage {padding-top:50px; width:700px;} #mainContainer .middle-slice .PaymentButtonDownload {background:url('../images/newDownloadBox.jpg'); width:620px; height:227px; float:left; margin-top:10px; margin-left:40px;} #mainContainer .middle-slice .PaymentButtonDownload .TextDownload {float:right; width:250px; height:40px; margin-top:80px; margin-right:75px;} #mainContainer .middle-slice .PaymentButtonDownload .ButtonDownload {float:right; width:150px; height:60px; margin-top:10px; margin-right:55px;} #mainContainer .middle-slice .PaymentButtonCD {background:url('../images/newOrderCD.jpg') no-repeat; width:620px; height:227px; float:left; margin-top:20px; margin-left:40px;} #mainContainer .middle-slice .PaymentButtonCD .TextCD {width:160px; height:40px; margin-top:40px; margin-left:150px;} #mainContainer .middle-slice .PaymentButtonCD .ButtonCD1 {float:left; width:150px; height:60px; margin-top:10px; margin-left:45px;} #mainContainer .middle-slice .PaymentButtonCD .ButtonCD1 .qty{float:left; width:100px; height:30px; margin-left:27px; } #mainContainer .middle-slice .PaymentButtonCD .ButtonCD2 {float:right; width:150px; height:60px; margin-top:10px; margin-right:230px;} #mainContainer .middle-slice .PaymentButtonCD .ButtonCD2 .qty{float:right; width:100px; height:30px; margin-left:27px; } #mainContainer .middle-slice .channelLogos {padding:49px 0px 10px 109px;} #mainContainer .middle-slice .channelText1 {margin:0 auto; width:550px; height:40px;} #mainContainer .middle-slice .channelText2 {margin:0 auto; width:500px; height:40px;} #mainContainer .middle-slice .faq {padding:49px 10px 10px 105px; width:675px;} #mainContainer .middle-slice .faq a{text-decoration:none; outline:none; color:#00BE00;} #mainContainer .middle-slice .faq a:hover {color:#0623C4;} #mainContainer .middle-slice .main-content-payment{width:691px; height:660px; padding-left:100px;} #mainContainer .middle-slice .main-content{width:691px; height:370px; padding-left:100px;} #mainContainer .middle-slice .main-content .innerContentLeft {float:left;width:340px; height:360px;} #mainContainer .middle-slice .main-content .innerContentLeft .title {padding:15px 0px 0px 20px;} #mainContainer .middle-slice .main-content .innerContentLeft .leftText {padding:15px 10px 0px 0px} #mainContainer .middle-slice .main-content .innerContentLeft .leftLinks {float:left;} #mainContainer .middle-slice .main-content .innerContentLeft .leftLinks a {text-decoration:none; outline:none;} #mainContainer .middle-slice .main-content .innerContentLeft .leftLinks a:hover {color:#a4a4a4;} #mainContainer .middle-slice .main-content .innerContentLeft .leftImage {float:right; padding:0px 0px 0px 0px;} #mainContainer .middle-slice .main-content .innerContentRight {float:right;width:340px; height:360px;} #mainContainer .middle-slice .main-content .innerContentRight .title {padding:15px 0px 0px 40px;} #mainContainer .middle-slice .main-content .innerContentRight .rightText {padding:15px 0px 0px 10px;} #mainContainer .middle-slice .main-content .innerContentRight .rightImage {padding:25px 0px 0px 70px;} #mainContainer .middle-slice .login {margin-top:150px; margin-left:250px; width:300px; height:300px;} #mainContainer .middle-slice .terms {padding:55px 10px 10px 105px; width:675px;} #mainContainer .middle-slice .terms a{text-decoration:none; outline:none; color:#00BE00;} #mainContainer .middle-slice .terms a:hover {color:#0623C4;} #mainContainer .middle-slice .refunds {padding:55px 10px 10px 105px; width:675px;} #mainContainer .middle-slice .refunds a{text-decoration:none; outline:none; color:#00BE00;} #mainContainer .middle-slice .refunds a:hover {color:#0623C4;} #mainContainer .middle-slice .sitemap {padding:55px 10px 10px 105px; width:675px;} #mainContainer .middle-slice .sitemap ul {list-style:none;} #mainContainer .middle-slice .sitemap ul li{list-style:none; padding-left:15px;} #mainContainer .middle-slice .sitemap a{text-decoration:none; outline:none; color:#00BE00;} #mainContainer .middle-slice .sitemap a:hover {color:#0623C4;} span.red {color:red;} /* Outside of mainContainer */ div.top-slice {width:877px; height:40px; background:url('../images/newTopSlice.jpg') no-repeat;} div.bottom-slice {width:877px; height:55px; background:url('../images/newBottomBar.jpg') no-repeat; margin-left:149px;} div.bottom-slice .cards {float:right; width:262px; height:24px; padding:14px 50px 0px 0px;} div.bottom-slice .links {float:left; color:#fff; padding:16px 0px 0px 70px; width:450px;} div.bottom-slice .links a {text-decoration:none; outline:none; font-weight:bold; color:#fff;} div.bottom-slice .links a:hover{color:#C0C0C0;} div.bottom-slice2 {width:877px; height:55px; background:url('../images/newBottomBar.jpg') no-repeat; margin-left:0px;} div.bottom-slice2 .cards2 {float:right; width:262px; height:24px; padding:0px 50px 0px 0px;} div.bottom-slice2 .links2 {float:left; color:#fff; padding:0px 0px 0px 70px; width:450px;} div.bottom-slice2 .links2 a {text-decoration:none; outline:none; font-weight:bold; color:#fff;} div.bottom-slice2 .links2 a:hover{color:#C0C0C0;} /*div.left-slice {float:left; width:63px; height:680px;}*/ /*div.middle-slice {background:url('../images/newMiddleSlice.jpg') repeat-y; width:877px; height:700px; margin-top:-2px;}*/ /*div.right-slice {float:right; width:29px; height:680px;}*/ div.clear{clear:both;} /* Body & Table */ body table {width:885px; background-color: #333333; margin-top:13px; margin-bottom:3px; font-family:sans-serif; font-size: 10pt;} body table a {text-decoration:none; color:blue;} body table a:hover {text-decoration:none; color:red;} body tr {background-color: #D8D8BF; } body th {background-color: #00CAD5; font-weight:bold; font-size:12px; color:#fff; height:25px; padding:3px 3px 3px 3px; text-align:left; font-family:sans-serif;} body td {height: 20px; padding:3px 3px 3px 3px;} .submit {font-size:10px; padding-left:0px; padding-right:0px; margin-top:5px; margin-bottom:10px;} /* Error and Success Boxes */ .error {text-align:center; color:red; background-color: #fff9d8; border: 1px solid #f6e595; padding: 8px 0; font-size: 1.5em; margin-bottom:5px;width:700px;} .errorLogin {text-align: center; color:red; background-color: #fff9d8; border: 1px solid #f6e595; padding: 0px 0px 10px 0px; font-size: 1.2em; margin-bottom:5px; width:300px;} .ok {text-align:center; color:#858788; background-color: #fff9d8; border: 1px solid #f6e595; padding: 8px 0; font-size: 1.5em; margin-bottom:5px; width:700px;} #right {float:right; margin-right:0px;} /* Pagination CSS */ .paginationTracker {width: auto; margin: 0 auto; text-align: center; float: left;} .paginationTracker a {text-decoration: none; color: #363636;} .paginationTracker .pages a {padding: 0 2px; } .paginationTracker a.curpage {font-size: 1.3em;} div.paginationTracker a.pages {display: inline-block;} div.paginationTracker span.prev, div.paginationTracker a.prev, div.paginationTracker span.next, div.paginationTracker a.next {font-size: 15px;} div.paginationTracker span.first, div.paginationTracker a.first, div.paginationTracker span.last, div.paginationTracker a.last {font-size: 19px;} /* Spans */ span.link1 {color:#8DDD00;} span.link2 {color:#00CAD4;} span.red {color:red;} div.comingSoon{padding:50px 100px 0px 100px;} #mainContainer .middle-slice .purchaseImageMain .newPurchaseTop {padding:1px 2px 0px 5px;}