html, body {
	height:100%;
}




body {
	margin: 0px;
	padding: 0px;
	font: normal 12px Arial, Helvetica, sans-serif; color: #000000;
	text-align:center;
	background: #eff2f4 url(../images/template/bg.png) top repeat-y;

}


#header {


	width: 800px;
	height: 150px;

	padding: 0px;
	margin: auto;



	/*background: url(../images/template/headerBack_800x150.jpg);*/

	z-index: 2;
}



#container {
	border: solid 0px #FF0000;
	margin:0px auto;
	min-height: 100%;
	text-align:left;
	width: 800px;
	background: #FFFFFF;
}

#header #background {
	position: absolute;
	width: 800px;
	height: 150px;
	margin: auto;
	border: solid 0px;
	background: #00a0e4;
	z-index: 2;}

#phone {
	position:relative;
	z-index:3;
	text-align: right;
	float: right;
	font: 12px Arial, Helvetica, Sans-Serif; color: #FFFFFF;
	padding: 30px 10px 10px 10px;
}


#mainLogo {
	position: absolute;
	z-index: 2;
}


#topNav {

	position: absolute;
	width: 800px;
	height: 25px;
	overflow: hidden;
	top: 125px;
	background: #000000;
	z-index: 3;

}

#topNav ul {
	margin: 5px;
	padding: 0px 0px 0px 0px;

  	list-style-position: inside;
  	list-style-type:none;

  	font: bold 14px Verdana, Arial, Helvetica, Sans-Serif;

	height: 25px;
	overflow: hidden;

}

#topNav ul li {
	position: 			relative;
	float: left;
	display:			inline;
	color: #FFFFFF;
	padding: 0px 0px 0px 5px;

	height:				35px;
	overflow: hidden

	border: solid 0px;

}

#topNav ul li a {
		color: #FFFFFF;
	text-decoration: none;
}

#topNav ul li a:hover {
	color: #00a0e4;
	text-decoration: none;

}

#subHeader {
	position: relative;
	width: 800px;
	height: 130px;
	padding: 0px;
	margin: auto;
	border-bottom: solid 10px;
	background: #99ca3c url(../images/subHeader_couch.gif) right no-repeat;

}

#content {
	margin: 10px 10px 0px 10px;
	padding: 10px;
	max-width: 800px;
	height:100%;
}



/* ########## VARIOUS FONT SIZE STYLES ########## */
.xsmall {
	font: 9px Verdana, Arial, Sans-Serif;
}

.small {
	font: 10px Arial, Helvetica, Sans-Serif;
}

.medium {
	font: 11px Arial, Helvetica, Sans-Serif;
}

.body {
	font: 12px Arial, Helvetica, Sans-Serif;
}

.large {
	font: 14px Arial, Verdana, Sans-Serif;
}

.xlarge {
	font: 18px Arial, Verdana, Sans-Serif;
}

.xxlarge {
	font: 24px Arial, Helvetica, Sans-Serif;

}

/* ########## VARIOUS FONT COLOR STYLES ########## */
.black {
	color: #000000;
}
.ltgrey {
	color: #E1E1E1;
}

.grey {
	color: #9D9D9D;
}

.dkgrey {
	color: #828282;
}

.ltblue {
	color: #6494C5;
}

.dkblue {
	color: #243C69;
}

.ltred {
	color: #FF0000;
}

.dkred {
	color: #CC0000;
}

.white {
	color: #FFFFFF;
}

.lime {
	color: #7AA500;
}

/* ########## OTHER VARIOUS FONT STYLES ########## */

.bold {
	font-weight: bold;
}

.slim {
	font-family: Arial Narrow, Arial;
}

.smpadding {
	padding: 5px;
}

.padding {
	padding: 10px;
}

.xpadding {
	padding: 20px;
}

/* -- BACKGROUND COLORS -- */

.bgLtGrey {
	background: #EFEFEF;
}

.bgGrey {
	background: #B4B4B4;
}

.bgDkGrey {
	background: #9D9D9D;
}

.bgLtRed {
	background: #c46872;
}

.bgDkRed {
	background: #A54D58;
}

.bgLtBlue {
	background:	#8397B2;
}

.bgDkBlue {
	background: #667694;
}

.bgLtGreen {
	background: #A1C391;
}


/* ### FORM STYLES ### */
.field {
	border: 1px solid #828282;
	height: 17px;
	background: #F2F2F2 url(http://www.digitalsatellite-tv.com/images/bg-field.gif) left top;
	font-size: 12px;
}
.error {
	height: 17px;
	background: #F3B3B6  url(http://www.digitalsatellite-tv.com/images/bg-field-error.gif) left top;
	border: 1px solid #FF0000;
	font-size: 12px;
}
.checkbox .field, .radio .field {
	border: none;
	height: auto;
	background: none;
	font-size: 12px;
}
.checkbox .error, .radio .error {
	height: auto;
	background: #F3B3B6;
	border: 1px solid #FF0000;
	font-size: 12px;
}
/* ### END FORM STYLES ###*/
#subHeader wtf{
	margin: 0px 0px 5px 40px;	
	padding-top: 15px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:36px;
}

#subHeader p{
	margin: 0px 0px 5px 40px;	
	padding-top: 15px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:36px;
}

#subHeader span{
	margin: -50px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	font-size:10px;
}
#phone .number {
	font: bold 32px Arial, Helvetica, Sans-Serif; color: #FFFFFF;
}
#phone .callnow {
	font:18px Arial, Helvetica, Sans-Serif; color: #FFFFFF;
	position:relative;
	top:35px;
	right:240px;	
	}
#phone .promo {
	font:20px Arial, Helvetica, Sans-Serif; color: #FFFFFF;
}

#terms {
	font:8px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#packagepromo {
	padding:20px 0px 15px 0px;
	height:310px;
	}

#packagepromo .packgeitem {
	float:left;
	padding-left:12px;
}

#orderbutton {
	padding:0px 15px 30px 10px;
	text-align:right;
}

#packageslist {
	background-color: #dfeefa;
	margin:-20px 0px 0px -20px;
	width:800px;
	height:500px;

}

#packageslist table{
	width:500px;
	float:left;
}

#packageslist table tr{
	height:100px;
}

#packageslist table td{
	padding:0px 0px 0px 10px;
}

#packageslist table .altbg {
	background-color:#FFFFFF;
}
#checkpromo {
	width:251px;
	height:356px;
	margin:20px 0px 0px 25px;
	background-image:url(../images/checkpromo.gif);
	float:left;
	}
#checkpromo form {
	margin:65px 0px 0px 15px;
}

#checkpromo label {
	display:block;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	clear:left;
}
 
.field {
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}

.fieldtext {

}
.errortext {
	color:#FF0000;

}


#checkpromo .button {
width:99px;
margin:18px 0px 0px 100px;
background:url(../images/callmeback.gif);
border:0px;
font-size:12px;
height:31px;
padding:0px;
}

#servicesavailable {
	font-size:16px;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	
}

#orderonlineblock form {
	margin:8px 0px 0px 35px;
}

#orderonlineblock label {
	display:block;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	clear:left;
	padding:8px 0px 0px 0px;
 }

#orderonlineblock .radiospan {
	display:block;
	width:260px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	clear:left;
	padding:3px 0px 2px 0px;
	border-bottom: dotted 1px #666666;
 }

.formblock{
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	display:block;
	float:left;
}

#orderonlineblock .inputcity {
width:118px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}
#orderonlineblock .inputstate {
width:35px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}
#orderonlineblock .inputzip {
width:80px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}
#orderonlineblock .button {
width:129px;
margin:18px 0px 0px 150px;
background:url(../images/startmyorder.gif);
border:0px;
font-size:12px;
height:27px;
padding:0px;
}


#getlocal {
	padding:15px 0px 20px 0px;
	font:14px Tahoma bold;
}
#orderblockwrap{
	width:100%;
	margin:0px 0px 0px 0px;
	height:550px;
}
#orderphoneblock{
	width:371px;
	display:block;
	background:url(../images/dvrpackage.jpg) no-repeat 0px 165px;
	float:left;
}
#orderphoneblock .callnow{
	padding-left:85px;
	font: bold 16px Arial, Helvetica, Sans-Serif;
}
#orderphoneblock .number{
	padding-left:75px;
	font: bold 24px Arial, Helvetica, Sans-Serif;
}
#orderphoneblock .promo{
	padding-left:125px;
	font: bold 16px Arial, Helvetica, Sans-Serif;
}
#orderphoneblock .termsblock{
	display:block;
	margin:225px 0px 0px 0px;
	font: 10px Arial, Helvetica, Sans-Serif;
}
	
#orderonlineblock{
	width:350px;
	display:block;
	float:right;
}
.headerbar {
	width:350px;
	height:70px;
	background:url(../images/blue_grad_bg.png) no-repeat center;
}
.headericon{
	display:block;
	float:left;
}
.headerbar span{
	display:block;
	float:left;
	font: bold 18px Arial, Helvetica, Sans-Serif; color: #FFFFFF;
	padding:25px 0px 0px 10px;
}
.greytext {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	padding:5px 0px 0px 0px;
}
#finishorder{
	width:725px;
	margin:10px 0px 0px 10px;
	height:450px;
}

#finishorder label {
	display:block;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	clear:left;
	padding:8px 0px 3px 0px;
}
#finishorder .ssnum {
width:260px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}
#finishorder .cctype {
width:180px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}
#finishorder .creditordebit {
width:80px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px 0px 0px 5px;
padding:0px;
}
#finishorder .ccnumber {
width:200px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}
#finishorder .cwcode {
width:80px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}
#finishorder .expdate {
width:50px;
background:#F2F2F2 url(../images/bg-field2.gif) repeat scroll left top;
border:1px solid #828282;
font-size:12px;
height:15px;
margin:0px;
padding:0px;
}
#finishorder .button {
width:120px;
margin:20px 0px 0px 0px;
background:url(../images/submitorder.gif);
border:0px;
font-size:12px;
height:27px;
padding:0px;
}
#choosepackage{
	background-color:#F2F2F7;
	height:115px;
	margin:0px 0px 10px 0px;
}
#choosepackage span{
	display:block;
	font: bold 14px Arial, Helvetica, Sans-Serif;
	padding:5px 0px 5px 8px;
}
.pkg_option{
	display:block;
	float:left;
	width:145px;
	text-align:center;
	height:80px;
	padding-top:5px;
}
.pkg_option:hover{
	background-color:#FFFFFF;
}
#ccinfo{
	display:block;
	float:left;
	width:330px;
	margin:10px 0px 0px 0px;
}
#ssnum{
	display:block;
	float:right;
	width:330px;
	margin:10px 0px 0px 0px;
}
#ssnum span{
	font: 10px Arial, Helvetica, Sans-Serif;
	display:block;
	float:left;
	width:200px;
	margin:0px 130px 15px 0px;
}
#thanksheader{
	background:url(../images/thankyou_bg.gif);
	width:735px;
	height:142px;
	padding:20px 0px 0px 25px;
}
#thanksheader h2{
	margin:0px 0px 0px 0px;
	font: bold 28px Arial, Helvetica, Sans-Serif;
	color:#F7931E;
}
#thanksheader .leftside{
	display:block;
	float:left;
	width:370px;
}
#thanksheader .rightside{
	display:block;
	float:right;
	width:300px;
}
#thanksheader .callnow {
	display:block;
	width:100%;
	font: bold 14px Arial, Helvetica, Sans-Serif;
	color:#F7931E;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#thanksheader .number {
	display:block;
	width:100%;
	font: bold 30px Arial, Helvetica, Sans-Serif;
	color:#F7931E;
	margin:0px;
	padding:0px;
}
#thanksheader .promo {
	display:block;
	text-align:right;
	width:220px;
	font: bold 14px Arial, Helvetica, Sans-Serif;
	color:#F7931E;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.greybar {
	width:724px;
	height:5px;
	background:url(../images/hbar.jpg);
	border:0px;
	margin-left:0px;
}
#thankscontent{
	margin:5px 0px 0px 15px;
	width:740px;
}
#thankscontent h2{
	margin:0px 0px 0px 0px;
	font: bold 22px Arial, Helvetica, Sans-Serif;
	color:#999999;
}

.savingsblock{
	width:726px;
	height:92px;
	background:url(../images/greenbar.jpg);
	margin:0px 0px 15px 0px;
}
.savingsblock img{
	display:block;
	float:left;
}
.savingsblock_right p{
	height:35px;
	margin:0px 0px 0px 0px;
}

.savingsblock_right{
	width:550px;
	display:block;
	font: bold 13px Arial, Helvetica, Sans-Serif;
	margin:20px 0px 0px 0px;
	float:right;
}
.savingscheck {
	display:block;
	float:left;
	margin:30px 15px 0px 10px;
}
.savingsblock_right span{
	font: 14px Arial, Helvetica, Sans-Serif;
	color:#F7931E;
	margin:0px 8px 0px 0px;
}
.goright{
	display:block;
	float:right;
	clear:right;
}

.bluebutton {
float:right;
width:107px;
background:url(../images/submit_blue.jpg);
border:0px;
font-size:12px;
height:38px;
padding:0px;
margin:10px 20px 0px 0px;
}