@import url("/css/menu.css");

body,div,form,p,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0px 0px;}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	behavior:url(/css/csshover.htc);
}
table{border:none;}
td{vertical-align:top;}
img {border:none;behavior:url("pngbehavior.htc");}
p{
	color: #000000;
	padding:0px 30px 10px 0px;}
/*#terms p{padding-right:148px;}*/	

a{
	color: #000000;
	text-decoration:none;
}

a:active, a:hover{}

h1{
	color:#FFFFFF;
	font-size: 30px;
	font-weight:normal;	
}
#terms h1{color:#000000;
	font-size:18px;
	font-weight:bold;
	padding:37px 0px 20px;}
h2{
	font-size: 18px;
	font-weight:normal;
	padding:5px 26px 0px 0px;
	color:#666;
}
#borders h2{padding:0px 0px 10px 60px;
text-align:left;
text-transform:none;}
h3{
	font-size:11px;
	padding:0px 26px 10px 0px;
	font-weight:normal;
}
h4{
	color:#A08AC0;
	font-size: 14px;
	font-weight:bold;
	padding:20px 0px 10px 20px;
	font-style:italic;
}
h5{
	font-size:10px;
	font-weight:normal;
	padding:10px 20px 40px;
}
h6{
	font-size:14px;
	font-weight:bold;
	display:inline;
	color:#A08AC0;
	padding-left:350px;

}

ol{padding:0px 148px 10px 40px;}
ol li{padding-bottom:10px;}
ol ol{padding:10px 0px 0px 40px;}
ol ol ul{padding:10px 20px 0px 20px;}

#home ul, #home li{
	list-style:none;
	font-size:22px;
	color:#E7A614;
	text-transform:uppercase;
	margin:0px 0px;
	padding:0px 0px;
}
#home ul{padding-top:25px;}
#home li{padding-bottom:25px;
background:transparent url(../images/list_dot.jpg) no-repeat left 5px;
padding-left:30px;}

#home ul ul, #home ul ul li{list-style:none;
list-style-image:none;
	padding:0px 0px 0px 20px;
	font-size:22px;
	color:#807F83;
	text-transform:none;}
#home li ul li{background:none;padding-bottom:0px;}

#sub ul, #sub li, #homeleft ul, #homeright ul, #content ul {list-style:none;
	font-size:14px;
	color:#000000;
	margin:0 0 12px 0;
	padding:0px 0px;
	font-weight:bold;}

#sub li, #homeleft li, #homeright li, #content li {background:transparent url(../images/list_bolt.gif) no-repeat left 0px;
line-height:26px;
vertical-align:middle;
padding-left:20px;}


#page{
	width:1024px;
	margin:0px auto;
	position:relative;
}
#accent1{background-color:#7373A9;}
#accent2{background-color:#FECB4E;
	border-bottom:1px solid #FFE6A6;}
#accent3{border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	background-color:#000000;
}	
#accentText{color: #61619E;}

#logo{background:transparent url(../images/logo_bg.jpg) no-repeat left top;
	padding:62px 10px 57px 50px;}
#sub{margin-top:2px;}
#terms{margin-top:2px;}
#sub #logo{
	background:none;
	padding:14px 0px 10px 30px;}
#home{background:transparent url(../images/page_bg.jpg) repeat-y left top;}

#navMenu{width:1024px;
	background:transparent url(../images/nav_bg.jpg) repeat-x left top;}
#sub #navMenu{background:transparent url(../images/nav_sub_bg.jpg) repeat-x left top;}
	
#navMenu ul, #navMenu li{list-style:none;float:left;
	margin:0px 0px;}
#navMenu ul{padding:0px 0px 0px 230px;}
#navMenu li{padding: 20px 0px 17px 54px;
	text-align:center;color: #FFFFFF;}
#sub #navMenu li{padding:10px 0px 7px 54px;
	background:none;}

#navMenu a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:17px;
	text-transform:capitalize;
	white-space:nowrap;
	font-weight:bold;}
#navMenu li:hover a,#navMenu li.selected a{color:#000000;}

#product{padding-right:0px;}
#button{padding:0px 0px 62px 148px;}

#leftCol #product{padding:37px 37px 20px 0px;}

#selectNow{position:absolute;
top:308px;
left:175px;
width:354px;
text-align:center;}

#selectCable{
position:absolute;
top:705px;
left:686px;
width:200px;
text-align:center;}

#borders table{border:4px solid #A08AC0;
	border-bottom:3px solid #A08AC0;
	margin-bottom:20px;
	}
#borders table td{border-right:1px solid #A08AC0;
	border-bottom:1px solid #A08AC0;
	padding:4px 5px;
	text-align:center;}
#borders table th{border-right:1px solid #A08AC0;
	border-bottom:1px solid #A08AC0;padding:5px;}
	
.noRight{border-right:none;}
#borders table td.leftAlign{text-align:left;}
		
#pageLink{color: #61619E;text-decoration:underline;}

#selectNow #pageLink, #selectCable #pageLink{text-decoration:none;}
#selectNow #pageLink:hover, #selectCable #pageLink:hover{color:#FECB4E;}


#companyInfo	{
	margin:100px 0 0 0;
}

/*#terms #companyInfo{left:680px;}*/

#copyright{position:absolute;
bottom:10px;
left:14px;}

/* LogoWorks Style Sheet */
#logoworks, #logoworks a{
	padding-top:5px;
	font-size:9px;
	color: #9FA1A4;
	font-weight:normal;
	text-decoration:none;
}

#wrapper	{
	width:1024px;
	margin:0 auto;
	background:#fff;
	border:1px solid #666;
	/*float:left;*/
}

#header	{
	width:1024px;
	height:148px;
	background: url(/images/headerbg1.jpg) no-repeat left top;
	/*background: url(/images/css/headerbg.png) repeat-x left top;*/
	float:left;
	overflow:hidden; /* this rule for piece of shit internet explorer 6*/
}

#headermid	{
	width:472px;
	height:113px;
	float:left;
	margin:17px 0 0 130px;
}

#headerright	{
	width:117px;
	height:113px;
	float:right;
	margin:17px 170px 0 0;
}

/*#headerright	{
	width:117px;
	height:113px;
	float:right;
	margin:17px 40px 0 0;
}*/

/*#logo1	{
	float:left;
	width:169px;
	height:148px;
	margin:13px 0 0 10px;
}*/

#logo1	{
	float:left;
	width:250px;
	height:135px;
	margin:23px 0 0 130px;
}

#navbar	{
	width:100%;
	height:29px;
	background: url(/images/css/navbg.png) repeat-x left top;
	float:left;
	margin:0;
	padding:0;
}

#navbar ul	{
	margin:0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	padding:0;
	list-style:none;
	background: url(/images/css/navbg.png) repeat-x left top;
	width:100%;
}

#navbar li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	border-right:1px solid #C7C8CF; /* creates dividing lines between the li elements */
	margin-bottom:0;
	margin-left:0;
	}

#content	{
	width:1020px;
	float:left;
	margin:0;
	padding:0;
}

#content h1	{
	color:#666;
	margin:0 0 15px 0;
}

#content div	{
	padding:20px 0 0 100px;
}
#homecontent	{
	width:1024px;
	float:left;
	padding:20px 0 0 0;
	margin:0;
}

#homecontent h4, #content h4	{
	padding:0 0 20px 0;
	font-size:18px;
}

#homeleft	{
	width:50%;
	float:left;
}

#homeleft div {
	padding:0 0 20px 30px;
}

#homeleft div div {
	padding:15px 15px 15px 15px;
	border:1px solid #7860AA;
	width:408px;
	margin:15px 0 0 0;
}

#homeright p, #homeleft p 	{
	font-size:12px;
	line-height:1.6em;
	margin-bottom:15px;
	margin-top:0;
	padding:0;
}

#homeright	{
	width:50%;
	float:left;
}

#homeright div {
	padding:0 0 20px 40px;
}

#homeright div div {
	padding:15px;
	margin:15px 0 0 0;
	border:1px solid #048F4B;
	width:408px;
}

#footer	{
	width:1024px;
	height:17px;
	background: url(/images/css/footerbg.png) repeat-x left top;
	float:left;
}

#footer p	{
	font-size:10px;
	text-align:center;
	margin:0;
	padding:3px 0 0 0;
}

img.img-border-fl {
	margin:0 8px 0 0;
	border: 1px solid #C5C7D1;
	border-bottom: 2px solid #9094A8;
	border-right: 2px solid #9094A8;
	padding:3px;
	display:block;
	background:#fff;
	float:left;
}

img.img-border-fr {
	margin:0 0 0 8px;
	border: 1px solid #C5C7D1;
	border-bottom: 2px solid #9094A8;
	border-right: 2px solid #9094A8;
	padding:3px;
	display:block;
	background:#fff;
	float:right;
}

.clr	{clear:both;}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* end clearfix */

.popup	{} /*added so the javascript popup class can be selected from style menu. this does not add formatting*/

span.red	{
	color: #ff0000;
}