body, html {color: #393a3c; font-family: arial, helvetica, sans-serif; font-size: 12px;}
p, ul {line-height: 150%;}
a {color: #147ac8; outline: none; text-decoration: none;}
a:visited {color: #b38013;}
a:hover {color: #15c4ed; outline: none; text-decoration: underline; }
object { outline:none; }

table td {vertical-align: top;}
table td.alt {background: #edf3f5;}
large {font-size:135%; font-weight: bold;}
table td.middle {vertical-align:middle!important;}

ul {margin: 0; padding: 0 0 0 20px;}
li {padding: 0; margin-bottom: auto;}


/* Structure and Design */
body {background: #dce1e5; margin: 0; padding: 0;}
#header, #lphead2 {height: 112px; border-bottom: 9px solid #808790; width: 100%; background: #fff;}
#simplehead {height: 70px; border-bottom: 9px solid #808790; width: 100%; background: #fff;}
#wrap {width: 980px; margin: 0 auto;}
#lphead2 #wrap {width: 926px; margin: 0 auto;}
.logo {padding: 10px 0 0 5px; border: 0; width: 431px; height: 50px;}
#left {float: left; width: 50%;}
#right {float: right; width: 50%; text-align: right;}
#header #left {width: 60%; float: left;}
#header #right {float: right; width: 40%; text-align: right;}
#lphead2  #left {width: 60%; float: left;}
#lphead2  #right {width: 30%; float: right;}
#container, #containerhome, #containerlanding, #containertwocol {margin: 0 auto; padding: 0px; width: 986px; text-align: left;}
#container {background: url(../img/template/bg_main.gif) repeat-y;}
#containerhome {background: url(../img/template/bg_home.gif) repeat-y;}
#containertwocol {background: url(../img/template/bg_twocol.gif) repeat-y;}
#containerlanding {background: url(../img/template/bg_landing.gif) repeat-y;}
#containerlanding2 {background: url(../img/template/LP_bg.gif) repeat-y; margin: 0 auto; padding: 0px; width: 926px; text-align: left;}
.menu {position: relative; top: 22px; left: 5px;}
#leftcol {width: 137px; float: left; padding: 10px 0 0 18px;}
#maincol {width: 555px; float: left; padding: 20px;}
#landingcol {padding: 10px 25px;}
#landingcol2 {padding: 31px 31px 5px 31px;}
#rightcol {width:210px; float: right; padding: 0 17px 0 5px;}
#homecol {width:670px ; float: left; padding: 10px 10px 0px 25px;}
#homerightcol {width:255px; float: right; padding: 5px 15px 0 7px;}
#twocol {width: 690px; float: left; padding: 10px 20px 10px 35px;}
#twocolright {width: 210px; float: right; padding: 0 15px 0 7px;}

.left, .imgleft {float: left;}
.right, .imgright {float: right;}
img.left {padding: 0 15px 15px 0;}
img.right {padding: 0 0 15px 15px;}

.lpphone {margin: 55px 0 0 0; background: url(../img/icons/phone.gif) 65px 17px no-repeat;}
.lpphone .green {color: #82AC00;}

.clear {clear: both;}

/* Header Styles */
.toplinks {text-transform: uppercase; font-size: 10px; margin: 10px 0 0 0; display:inline;}
.toplinks a {color: #838688; font-weight: bold; padding: 0 10px 0 5px; text-decoration: none;}
.toplinks a:hover {color: #13b5ea; border: medium none; text-decoration: none;}

.search {width: 242px; display:inline; margin: 10px 0 0 0;}
.search a:hover {border: none;}
.search input {color: #5b5d5f; font-size: 11px; width: 146px; padding: 3px 0 3px 5px; border: 1px solid #7a7a7a;}

.login {font-size: 10px; margin: 30px 0px 0 0; float: right; padding: 5px 0 5px 5px; width: 215px; border-left: 1px dotted #ccc; text-align: left;}

.accessLink {background:url(../img/icons/icon_email.gif) no-repeat left center;} 
.existingLink {background: url(../img/icons/icon_login.gif) no-repeat left center;}
.accessLink, .existingLink {display:inline-block; margin-left:3px; padding:4px 0 2px 25px; font-size: 10px;}

.customers h4 {color: #fff; background: #808790; padding: 7px 20px 10px 7px; margin: 0 0 0 45px; width: 158px; font-size: 11px; text-transform: uppercase; -webkit-border-radius-top-left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-radius-top-right: 2px; -moz-border-radius-topright: 2px;}
.customers h4 .arrow {float: right; padding: 5px 0 0 0;}
.customers h4:hover {cursor: pointer;}
.customers {margin: 50px 0 0 0; float: right; padding: 5px 0 5px 0px; width: 233px; text-align: left;}
.custdets {clear:both; position: absolute; margin: -10px 0 0 0; background: #808790; z-index: 1000; width: 219px; padding: 5px; font-size: 11px; display:none;}
.custbg {background: #fff; padding: 5px; margin: 0 0 10px 0; font-size: 11px;}
.custbg p {margin: 5px 0; padding: 0 5px;}
.custbg h5 {font-size: 12px; font-weight: bold; color: #fff; background: #82ac00; padding: 5px; margin: 0;}
.custbg em {font-size: 10px;}
.custdets .toggle-cust {color: #fff; text-transform: uppercase; font-weight: bold; background: url(../img/template/custarrow.gif) right center no-repeat; padding: 0 15px 0 0; cursor: pointer;}
.custbg .dots {border-bottom: 1px dotted #000;}

/* Top Nav Styles */
/* #topnav {font-weight: bold; text-transform: uppercase; line-height: 24px; font-size: 15px;}
#topnav ul {list-style: none; margin: 0; padding: 0; display: inline;}
#topnav li {display: inline; margin: 0 10px 0 0;}
#topnav a {color: #666; padding: 7px;}
#topnav a:hover {text-decoration: none; background: #ebeff4; color: #15c4ed; -moz-border-radius-topleft: 8px; -webkit-border-radius-top-left: 8px; -moz-border-radius-topright: 8px; -webkit-border-radius-top-right: 8px;} */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {height:40px; position:relative; z-index:100;font-family:arial, sans-serif;}
.menu .top {font-size: 14px; font-weight: bold; text-transform: uppercase;}
/** html .menu {width:746px; w\idth:745px;}*/
.menu ul {padding:0;margin:0;list-style-type:none; display: inline;}
/*.menu ul ul {width:149px;}*/
.menu li {float:left; /*width:149px;*/position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:inline-block;color:#666; /*width:138px;*/ margin: 0 10px 0 0; height:30px; padding:0 10px; line-height:29px; font-weight:bold; text-decoration: none;}
.menu .top:hover {text-decoration: none;}
.menu a:hover {text-decoration: underline;}
/* * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:30px;left:0; width:149px;}
* html .menu ul ul {top:30px;t\op:31px;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: #808790; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:140px;border-width:0 1px 1px 1px; font-size: 12px!Important; text-transform: none!important;}
.menu ul ul a:hover {color: #fff!important; background: #808790!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; font-size: 12px!important; font-weight: bold; text-transform: none!important;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#15c4ed;}
.menu :hover > a, .menu ul ul :hover > a {color:#15c4ed;}
.menu .top:hover {-webkit-border-radius-top-left: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-top-right: 5px; -moz-border-radius-topright: 5px; background: #ebeff4;}
.menu :hover > a, .menu ul ul :hover > a {-webkit-border-radius-top-left: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-top-right: 5px; -moz-border-radius-topright: 5px; background: #ebeff4;} 


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; background: #ccc;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* Left Styles */
.leftnav {-moz-border-radius-topleft: 8px; -webkit-border-radius-top-left: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-radius-bottom-left: 8px; padding: 10px 0 10px 10px; background: url(../img/template/bk_leftNav.gif) repeat-y top right #fff;}
.leftnav ul {list-style: none; margin: 0; padding: 0;}
.leftnav li {list-style: none; margin: 0; padding: 0; display: inline;}
.leftnav li a {border-top: 3px solid #d7dde3; color: #13b5ea; font-weight: bold; display: block; margin: 0 14px 0 0; padding: 3px 0; text-align: right; text-transform: uppercase;}
.leftnav li a:hover {background: #f0f2f5; text-decoration: none;}

	/* Left Nav Styles */
	.trigger{cursor: pointer; cursor: hand; display: block; width:115px; border-top:2px solid #ccc; padding:5px; text-align:right; font-weight:bold; font-size: 11px;}
	.branch{display: none; margin-left:0px; font-size: 11px;}
	.branch2{display: block; margin-left:0px; font-size: 11px;}
	.branch2 a, .branch a { display:inline-block; width:115px; text-align:right; border-top:1px dotted #ccc; padding:5px;}
	.branch2 a:hover, .branch a:hover {background: #f0f2f5; text-decoration: none;}
	.trigger a:visited {color: #15c4ed;}
	.branch a:visited, .branch2 a:visited {color: #147ac8;}

/* Home Page styles */
.green h3 {background: #8bb800; padding: 5px 5px 5px 10px; font-size: 13px!important; font-weight: bold!important; color: #fff!important;}
.green .contact {padding: 0!important;}
.green p {padding-left: 10px;}
h3.gray {background: #808790; padding: 5px 5px 5px 10px; font-size: 13px!important; font-weight: bold; color: #fff;}
.bussize h3 {text-transform: uppercase; font-size: 13px; font-weight: bold; margin: 5px 0 0 0;}
.bussize p, .graydient p {margin: 5px 0; line-height: normal;}
.bussize h3 a, .bussize h3 a:visited {color: #14c4ed;}
.graydient strong {margin: 5px 0 0 0; color: #147fd5;}
.graydient span {color: #14c4ed;}
.bussize a {color: #147fd5;}
.bussize td {padding: 10px 0 5px 0px;}
.bussize img {margin: 5px 10px 0 0;}
table.bussize {padding-left: 10px;}
table.graydient {background: url(../img/home/graydient.gif) bottom left repeat-x; padding: 10px 0 15px 0;}
.graydient img {padding: 5px 0 0 0;}
.graydient p {font-size: 11px; margin: 0;}
.checkbox {border: 1px solid #b1b8c0; background: #f0f2f5; padding: 10px;}
.checkbox h3 {font-weight: bold; font-size: 16px; color: #333; margin-bottom: 0px;}
.checkbox p {margin: 5px 0; font-size: 11px;}

/* Updated HP Styles - delete after testing if challenger wins */
#homecol th h2 {margin: 0;}
#homecol th {width: 330px;}
#homecol th+th {padding: 0 0 0 10px;}
#homecol td {padding: 5px 10px 5px 10px;}
#homecol .gradient {background: url(../img/home/gradientbg.gif) left bottom repeat-x; padding: 10px 0;}
#homecol table.gradient+table.gradient {margin: 10px 0 0 0;}
#homecol .dots {border-color: #808790;}

/* Old HP Styles - delete after testing if challenger wins - remember to search for each id and delete related classes further down */
#homecol h2 {background: #9299a1; color: #fff; font-size: 13px; padding: 5px 0 5px 12px; font-weight: bold;}
#homecol h3 {font-size: 12px; text-transform: uppercase; color: #13b5ea; font-weight: bold; margin: 10px 0 0 0;}
#homecol p {margin: 0 0 10px 0;}
#homecol h3 a {color: #15c4ed;}
#homecol .col2 {width: 330px; float: left; margin: 5px 0;}

.roundbox {-moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; background: #eeeeee; margin: 5px 0; padding: 10px; line-height: 20px; height: 130px;}
.roundbox.border {border: 1px solid #ccc; height: 230px;}

/* HP Testing */
#homecol .byob {background: #deeefa; padding: 10px;}
#homecol .byob img {margin: 0 15px 0 0;}

/* Main Styles */
.breadcrumbs {font-size: 10px;}
h1 {font-size: 33px; color: #606060; font-weight: bold; margin: 15px 0 5px 0; letter-spacing: -1px;}
h2 {font-size: 21px; color: #82ac00; font-weight: normal; margin: 15px 0 15px 0;}
h1+h2 {border-bottom: 9px solid #d8dde3; padding: 0 0 10px 0; margin: 0 0 10px 0;}
h3 {font-size: 16px; color: #82ac00; font-weight: normal; margin: 10px 0 5px 0;}

#twocol p {margin: 5px 0 5px 0;}
#twocol .col2 {width: 315px; float: left; margin: 5px 0;}
#maincol .col2 {width:270px;}
#maincol .col3 {width:175px;}
#maincol .col2, #maincol .col3 {float: left; margin: 5px 0;}
#homecol .col2+.col2, #maincol .col2+.col2, #maincol .col3+.col3, #twocol .col2+.col2 {padding-left: 10px;}
#maincol ul {margin: 10px 0;}

#landingcol .col2 {float: left; width: 447px; padding: 10px;}
#landingcol .col2 {border-right: 1px dotted #ccc;}
#landingcol .col2+.col2 {border: none;}
#landingcol .col3 {float: left; width: 312px;}

.bluecallout {background: #deeefa; padding: 5px 10px; margin: 10px 0;}
.bluebox {background: #deeefa; margin: 20px 0; padding: 20px;}
.ctalinks {text-align: right; font-size: 11px; margin: 5px 0; padding: 0;}

	/* Pricing table */
	table.pricing {border-right: 1px solid #c2c7cf; border-bottom: 1px solid #c2c7cf; font-size: 11px;}
	table.pricing .ltblue {background: #e2f6fa;}
	table.pricing .dkblue {background: #a2e1f5;}
	th em {font-weight: normal;}
	th.ltblue, th.dkblue {text-align: center;}
	table.pricing .border {border-top: 1px solid #c2c7cf; border-left: 1px solid #c2c7cf;}
	table.pricing .gray {background: #ebeef3;}
	table.pricing .green {color: #82ac00; padding: 5px;}
	table.pricing .left {text-align: left; float: none;}
	table.pricing td {vertical-align: middle!important; padding: 5px;}
	
	/* About table */
	table.about th, .table.about td {vertical-align: middle; color: #3a3b3d; }
	table.about th {font-size: 14px; font-weight: bold; width: 100px; text-align: center;}
	table.about td, .table.callout td {font-size: 11px; font-weight: normal;text-align: left;}
	table.about .alt {background: #f0f2f5;padding: 10px; }
	table.about .gr {background: #cff1a2;padding: 10px; }
	
	table.callout th, .table.callout td {vertical-align: top;}
	table.callout .gr {background: #cff1a2;padding: 5px; }
	table.callout td {vertical-align: top;  padding: 10px; font-size: 11px;}
	
	/* Gray Header */
	.grayhead {background: #d8dde3; padding: 5px; font-size: 14px; font-weight: bold; text-align: center; margin: 10px 0;}
	.grayhead ul {list-style: none; display: block;}
	.grayhead li {display: inline; padding: 0 20px 0 0;}
	.grayhead li+li {border-left: 1px dotted #999; padding-left: 20px;}
	
	/* Gray Box */
	.graybox {background: #d8dde3; padding: 15px; font-size: 14px;}
	
	/* Plans Table */
	table.plans {font-size: 11px;}
	table.plans th {background: #cff1a2; padding: 5px;}
	table.plans td {border-bottom: 1px solid #e3e5e8;}
	
	/* Videos Table */
	table.videos p {margin: 0; padding: 0 0 0 10px;}

/* Right Styles */
.contact, .check {margin: 0 0 10px 0; background: #fff; padding: 10px; font-size: 11px; color: #333;}
.check input {border: 1px solid #7a7a7a; height: 17px;}
.contact h3, .check h3 {font-size: 15px; color: #769c00; font-weight: normal; margin: 5px 0;}
.small {font-size: 11px; font-weight: normal;}
#rightcol large {font-size:125%; font-weight: bold;}


/* Buttons! */
.btnsm, .btnlg {display: inline-block; color: #fff; text-transform: uppercase; font-weight: bold;}
.btnlg {line-height: 18px; background: url(../img/buttons/bluelgbg.gif) bottom left repeat-x; font-size: 14px; padding: 8px 16px 7px 16px;}
.btnsm {line-height: 12px; background: url(../img/buttons/bluesmbg.gif) bottom left repeat-x; font-size: 10px; padding: 4px 8px 4px 8px;}
.btnsm:link, .btnlg:link {color: #fff;}
.btnsm:hover, .btnlg:hover {color: #fff; text-decoration: none;}
.btnsm:hover {background: url(../img/buttons/greensmbg.gif) bottom left repeat-x;}
.btnlg:hover {background: url(../img/buttons/greenlgbg.gif) bottom left repeat-x;}
.btnsm:visited, .btnlg:visited {color: #fff;}
.btnwht {display: inline-block; color: #0fc0ea; border: 1px solid #6a6c70; background: url(../img/buttons/white.gif) top left repeat-x; font-size: 10px; padding: 4px 6px 4px 8px; line-height: 12px; text-transform: uppercase; font-weight: bold;}
.btnwht:visited {color: #0fc0ea;}
.btnwht:hover {text-decoration: none; color: #6a6c70;}

/* Icons */
.print a{display: inline-block; font-size: 10px; font-weight: normal; background: url(../img/icons/print.gif) no-repeat top left; line-height: 11px; padding: 0 0 0 14px; color: #29bbec;}
.print a:hover {background: url(../img/icons/print.gif) no-repeat bottom left; color: #84bc41}

/* Testimonials */
.vid {border: 1px solid #9c9c9c; margin: 0 10px 0 0; float: left;}
.vid:hover {border: 1px solid #15c4ed;}

/* New LP styles */
.lpdiscl {width: 920px; margin: 20px auto 30px auto;}
.lpdiscl h4 {background: #e9ebef;}
.bluebg {background: url(../img/template/LP_gradient.gif) repeat-y; padding: 30px; color: #fff;}
.bluebg h1 {color: #fff; font-size: 29px; margin: 0 0 10px 0;}
.bluebg h2 {color: #fff; font-size: 18px; margin: 0 0 0 0;}
.bluebg h1+h2 {border-bottom: 1px dotted #fff;}
.requestbtn {display: block; width: 323px; height: 38px; background: url(../img/template/requestbtn.gif) top left no-repeat;}
.requestbtn:hover {background: url(../img/template/requestbtn.gif) bottom left no-repeat;}
.bluebg ul {margin: 10px 0; padding: 0;}
.bluebg li {list-style: none; background: url(../img/template/checkmark.gif) top left no-repeat; padding: 0 0 0 20px; line-height: 16px;}
.bluebg a, .bluebg a:visited {color: #fff; text-decoration: underline;}
.bluebg a:hover {text-decoration: none;}
.bluebg .col2 {width: 390px; float: left;}
.bluebg .col2+.col2 {padding: 0 0 0 10px; text-align: center;}

/* Byob Styles */

.byob th {background: #e2f6fa; padding: 5px; font-weight: bold; font-size: 16px;}
.byob .topth th {border-top: 2px solid #ced7e3;}
.totalTop, .totalBot {background: #f0f2f5; padding: 10px 0;}
.totalTop td {border-top: 1px solid #d8dadd; padding-top: 10px;}
.totalBot td {border-bottom: 1px solid #d8dadd; padding-bottom: 10px;}
.rowTop td {padding-top: 20px;}
.rowBot td {padding-bottom: 20px;}
.byob .discount td {padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #d57712;}
.byob .totals td {border-top: 2px solid #ced7e3; font-size: 16px; font-weight: bold; color: #8cc63f; padding-top: 10px;}
.byob .totals td strong {color: #000;}
.byob .sidebar {padding: 0 15px; border-left: 1px solid #999;}
.byob .sidebar h3 {font-size: 16px; font-weight: bold; color: #5a5b5d; background: #f0f2f5; margin: 0 0 10px 0; padding: 10px;}
.byob .sidebar strong {font-size: 12px; font-weight: bold; color: #66a000;}
.byob .sidebar td {padding: 0 0 10px 5px;}
.byob .form {margin: 10px 0; background: #f0f2f5; padding: 15px 10px;}
.byob input {border: 1px solid #7a7a7a;}
.byob input:hover {border: 1px solid #66CCFF;}
.byob .form .dots {border-color: #3a3b3d;}
.byob .fine {font-size: 11px;}

/* Toooool Tip */
#tt {position:absolute; display:block; background: #fff; padding: 5px; border: 1px solid #ccc;}

/* Promo Styles */
#leftcol .promo h4, #rightcol .promo h4, #maincol .promo h4, #homerightcol .promo h4, #twocol .promo h4, #twocolright .promo h4 {font-size: 14px; font-weight: bold; margin: 15px 0 5px 0;}
#leftcol .promo h4, #rightcol .promo h4, #homerightcol .promo h4, #twocolright .promo h4 {color: #555; padding: 15px 0 0 0; background: url(../img/dividers/hr_two_tone.gif) repeat-x top left;}
#maincol .promo h4, #twocol .promo h4 {color: #769c00; border-top: 1px solid #ccc; margin: 35px 0 0 0; padding: 25px 0 0 0;}
#leftcol .promo, #rightcol .promo, #homerightcol .promo, #twocolright .promo {font-size: 11px;}
#leftcol .promo {padding: 0 5px 0 0;}
#maincol .promo {font-size: 12px;}

.promo {color: #333; font-weight: normal;}
.promo a {color: #147ac8;}

	/* BYOB In page */
	.byobpromo {background: url(../img/promos/promo_byob.gif) no-repeat left top; width: 447px; height: 62px; display: block; margin: 10px 0;}
	.byobpromo:hover {background: url(../img/promos/promo_byob.gif) no-repeat left bottom; text-decoration: none;}
	.byobpromolg {background: url(../img/promos/promo_byoblg.gif) no-repeat left top; width: 555px; height: 71px; display: block; margin: 10px 0;}
	.byobpromolg:hover {background: url(../img/promos/promo_byoblg.gif) no-repeat left bottom; text-decoration: none;}
	
	.byobcallout {background: url(../img/promos/byobcallout.gif) no-repeat left center; width: 541px; font-size: 11px; margin: 0; padding: 0; text-align: left;}
	.byobcallout img {margin: 5px 0 0 0; padding: 0 0 0 5px; border: medium none;}

/* Offer Page styles */
.opbody {width: 800px; margin: 0 auto;}
.opdetail, .dmdetail {width: 495px; float: left; margin: 10px 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #d2d8de; }
.opdetail h2.box {font-weight: bold;}
.opdetail .oldform {background: #edf3f5; width: 495px; padding: 0 10px;}
.opform2 {float: right; width: 277px; margin: 10px 0 0 0;}
.opform2 .box {background: #1AB7EA; color: #fff; padding: 10px;}
.opform2 .box h3 {font-weight: bold; color: #fff; font-size: 22px;}
.opform2 .box strong {font-size: 11px; color: #fff; text-transform: uppercase;}
.opform2 .box .dots {border-bottom: 1px dotted #fff;}


.opside {width: 277px; float: right; padding: 5px 10px 10px 5px; margin: 10px 0 0 0;}
.opside .green {font-weight: bold; color: #9bcd00; font-size: 14px;}
.opform {width: 277px; float: right; padding: 15px 10px 10px 5px; background: #edf3f5; margin: 10px 0 0 0; border-top: 5px solid #1ab7ea;}
.opform input {border: 1px solid #7a7a7a;}
.opform input:hover {border: 1px solid #1ab7ea;}
.opform h3 {font-weight: bold; color: #000; font-size: 14px;}
.opform .smtexttop {font-size: 11px; color: #808790; font-style: italic;}
.opdetail .box {background: #1AB7EA; color: #fff; padding: 10px;}
.opdetail .box h3 {font-weight: bold; color: #fff; font-size: 22px;}
.opdetail .green {font-size: 14px; color:#82AC00; font-weight: bold;}
.opdetail h4 {background: #dde1e6; padding: 10px; margin: 10px 0;}
.dmdetail h4 {margin: 10px 0 0 0; font-size: 14px;}
.opdetail .box strong {font-size: 11px; color: #fff; text-transform: uppercase;}
.opdetail .box .dots {border-bottom: 1px dotted #fff;}

.promobox h1 {text-transform: uppercase; font-size: 25px; color: #9bcd00; padding: 20px 0;}
.greenbox {margin: 0 10px 0 0; float: left; width: ; background: #9bcd00; padding: 5px; text-align: center;}
.greenbox strong {font-size: 51px; color: #fff;}
.greenbox strong span {font-size: 30px; vertical-align: text-top;}
.phnum {background: url(../img/offerpage/phonenum.gif) 0 0 no-repeat; padding: 7px 5px 10px 40px; line-height: 25px; font-size: 18px; font-weight: bold; color: #9bcd00; display: block;}

/* Curves! */
#footer li, .contact {-moz-border-radius-bottomleft: 8px; -webkit-border-radius-bottom-left: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-radius-bottom-right: 8px;} /* bottom only */
.check, .btnsm, .btnwht, .greenbox {-moz-border-radius: 5px; -webkit-border-radius: 5px;} /* all curves */
.btnlg {-moz-border-radius: 16px; -webkit-border-radius: 16px;} /* all curves BIG */
.grayhead, .click-show h4, #homecol h2, .green h3, h3.gray {-moz-border-radius-topright: 8px; -webkit-border-radius-top-right: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-radius-bottom-right: 8px;} /* right curves */
.graybox {-moz-border-radius: 16px; -webkit-border-radius: 16px;}
.bluehead, .bgraybox {-moz-border-radius-topright: 10px; -webkit-border-radius-top-right: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottom-right: 10px;}
.bgrayhead {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.lpdiscl .click-show h4 {-moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 3px 3px 3px 10px; background: url("../img/arrow_dn.gif") center right no-repeat #e9ebef;}

/* Special Styles - Used only on internet plans MN */

.bluehead, .bgrayhead {font-size: 14px;}
.bluehead {background: #15b4eb; padding: 6px; color: #fff; width: 99%;}
.bgrayhead {background: #f1f5f8; padding: 6px; white-space: nowrap;}
.bgraybox {margin: 5px 0 0 0; background: #EBEEF3; padding: 10px;}


/* Dividers, Dots and Lines */
.dots {border-bottom: 1px dotted #d8dde3; margin: 10px 0;}
.doubledots {border-top: 1px dotted #d8dde3; margin: 10px 0; padding: 5px 0; border-bottom: 1px dotted #d8dde3;}
.dark {border-color: #3a3b3d;}
.vdots {border-right: 1px dotted #d8dde3; padding: 0 10px;}
.graybar {border-bottom: 9px solid #d8dde3; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.graydiv {border-top: 3px solid #d8dde3;}
.dotdiv {border-top: 1px dotted #d8dde3;}
.border {border-bottom: 1px solid #808790; margin: 10px 0;}

/* Form and Field styles */
input.street, input.city, input.zip, input.area, input.phone, input.subscribe, input.login, .servInputLand, .servInputLandB {border: 1px solid #7a7a7a;}
input.street, input.city, .servInputLand, .servInputLandB {color: #5b5d5f; font-size: 11px;}
input.street, input.city, input.zip, input.area, input.phone, input.subscribe, input.login  {height: 16px;}
input.street, input.city {padding: 3px 0 0 6px; width: 160px;}
input.area, input.subscribe, input.login {width: 35px;}
.servInputLand, .servInputLandB {margin-right: 3px; padding: 2px 0 3px 5px;}
.servInputLand, input.phone {width: 40px;}
.servInputLandB, input.zip {width: 60px;}
input.area {margin-right: 2px;}

/* Click Show styles */
.click-show {width: 100%; margin:15px 0 0 0;}
.click-show h4 {display: block; font-weight: normal; margin: 1px 0; padding: 3px; background: url("../img/arrow_dn.gif") center right no-repeat #f4f5f8; font-size: 11px;}
.click-show.big h4 {font-size: 14px; padding: 5px;}
.click-show h4:hover, .toggle-all:hover {cursor:pointer;}
.click-show h4:hover {background: url("../img/arrow_dn.gif") center right no-repeat #d7f2b1;}
.click-show div {padding: .5em .25em;}

/* Modal Processing */
.modalPopup {background: #fff; padding: 5px; border: 1px solid #999;}

/* Text treatments */
.type {font-size: 10px; text-transform: uppercase; color: #666666;}

/* Footer Styles */
#base {width:100%; background: #fff; clear: both; border-top: 1px solid #dce1e5;}
#footer {width: 950px; margin: 0 auto; padding: 10px 0 10px 20px;}
#footer ul {list-style: none; display: block; float: right; padding: 0; margin-top: -8px;}
#footer li {font-weight: bold; font-size: 10px; text-transform: uppercase; display: inline; background: #f3f5f8; padding: 10px 10px; margin-left: 3px;}
#footer li a {color: #999; display: inline-block; line-height: 29px;}
#footer li a:hover, #footer a:hover {color: #15c4ed; text-decoration: none;}
.footlinks {float: left; margin: 36px 0 20px 0;}
#footer p, .disclaimer {font-size: 11px; color: #838688; line-height: 18px;}
#footer p a {color: #878888;}
.footimg {clear: both;}
.copy {color: #575757; padding: 0 0 0 12px; font-size: 11px;}




/*   UNIVERSAL CUSTOM */
.invisible	{ display:none; }
.breadcrumb { font-size:10px;margin:4px 0; }
.breadcrumb a { color:#13b5ea; font-size:10px; }

/*   END UNIVERSAL CUSTOM */

/*   TREE */
.treeview, .treeview ul {padding: 0; margin: 0; list-style: none;}
.treeview ul {background-color: white; margin-top: 4px;}
.treeview .hitarea {background: url(../images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer;}

	/* fix for IE6 */
* html .hitarea {display: inline; float:none;}
.treeview li {margin: 0;}
.treeview a.selected {background-color: #eee;}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: #336699; text-decoration:underline; cursor: pointer; }
.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.filetree li { padding: 0px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 35px 10px no-repeat; color:#369; padding:5px 0px 5px 50px; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 35px 10px no-repeat; color:#369; }
li.productLine	{ padding:7px 0px 7px 7px; font-weight:bold; font-size:15px; background-color:#def; }
span.openlink	{ color:#369; }

ul.detailList	{ padding: 0; margin: 10px 0px 10px 50px; list-style: square;}
ul.detailList li	{ padding: 3px 0px 3px 0px;}

/*   END TREE */

/*   BUTTONS */
.searchBtn			{ width:72px; }
.searchBtn a		{ background:url(../images/btn_search_sm.gif) 0 0; display:block; height:23px; width:72px; }
.searchBtn a:hover 	{ background-position: 0px -23px; border:none; }

.checkBtn			{ width:64px; }
.checkBtn a			{ background:url(../images/btn_check_sm.gif) 0 0; display:block; height:23px; width:64px; }
.checkBtn a:hover 	{ background-position: 0px -23px; border:none; }


/*   END BUTTONS */