/* css dev: chris gerikh */
body, form { margin:0px; }
body { text-align:center; background:#333333 url(../images/bg.gif) repeat-x top; }
body, div, table, input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; }
a img, a:hover img { border: none; }
a, a:hover { text-decoration: underline; }
a { color: #990000; }
a:hover { color:#333333; }

.shell, .header, .sub-header, .midsection, .subsection, .footer { width: 989px; }
.shell { border-left:1px solid #222222; border-right:1px solid #222222; margin:0 auto; }
.header { background:#222222 url(../images/nbg.gif) repeat-x bottom; height: 43px; }
.header ul { border-left:1px solid #2c2c2c; float: right; }
.header ul, .header ul li { margin:0; padding:0; }
.header ul li { display: block; border-left: 1px solid #353535; border-right:1px solid #2c2c2c; float: left; }
.header ul li.active { background:url(../images/nbga.gif) repeat-x top; }
.header ul li a, .header ul li a:hover { display: block; padding:14px 8px 14px 8px; text-decoration: none; font-weight: bold; }
.header ul li a { color:#FFFFFF; }
.header ul li a:hover { color:#80f05d; /* green */ }
.header ul li.active a:hover { color:#cccccc; }

.header h1 { margin:8px 0 0 14px; padding:0; float: left; background:url(../images/spoofingcards.gif) no-repeat; text-indent:-9000px; font-size: 1px; color:#282828; width: 334px; height: 26px; }
.header h1 a, .header h1 a:hover { display: block; width: 334px; height: 26px; }

.sub-header { background:url(../images/seenbg.gif) no-repeat; height:66px; }
.search { width: 293px; height: 31px; position: relative; float: right; margin: 31px 8px 0 0; }
.search-bg, .search-button { position: absolute; z-index:3; }
.search-bg { top:2px; left:0px; width: 221px; height: 27px; background:url(../images/search-field.gif) no-repeat; text-align:left; }
.search-field { width: 200px; height: 18px; font-size: 12px; color:#FFF; padding:6px 0 0 8px; background: none; background-image: none; border: none; font-weight: bold; }
.search-button { top:0px; left: 226px; }
.midsection { position: relative; background-color:#333333; min-height: 400px; border-bottom:4px solid #444444; text-align:left; padding:0 0 8px 0; }
.midsection h2 { position: absolute; top: 16px; left: 558px; background:url(../images/phones.jpg) no-repeat; width: 430px; height: 300px; margin:0; padding:0; color:#333333; font-size: 1px; }
.midsection .content { width: 420px; color:#ffffff; font-size: 12px; padding:18px 0 0 32px; }
.midsection .content a { color:#fff }
.midsection .content h1 { margin:8px 0 0 0; padding:0; font-size: 12px; }
.midsection .content .options img { display: block; width: 159px; height: 45px; }

.compare { width: 444px; padding:24px 0 24px 0; }
.compare .col1, .compare .col2, .compare .col3, .compare .col4 { float: left; display: block; text-align:center; margin:4px 5px 0 0; }
.compare .col2 img, .compare .col3 img, .compare .col4 img { display: block; width: 17px; height: 14px; margin:0 auto; }
.compare .col1 { width: 150px; font-weight: bold; text-align:left; color:#FFFFFF; }
.compare .col2 { width: 84px; color:#FFFFFF;}
.compare .col3 { width: 92px; color:#FFFFFF;}
.compare .col4 { width: 91px; color:#FFFFFF;}

.promoimage { position: absolute; top: 12px; left: 30px; }
.subsection { background:#ffffff url(../images/wbg.gif); min-height: 248px; padding:0 0 16px 0; border-top:2px solid #333333; border-bottom: 4px solid #dddddd; position: relative; text-align: left; }
.subsection .section { margin: 24px 0 0 232px; width: 725px; padding:0 0 8px 0; }
.subsection .internal-section { width: 725px; padding:6px 0 8px 0; }
.internal { min-height: 500px; }

.h1 { text-decoration:none; background:url(../images/heading.png) no-repeat; width: 725px; height: 42px; margin:16px 0 0 0; padding:9px 0 0 0; text-indent: 22px; font-size: 18px; color: #333333; }
h1.h1 a, h1.h1 a:hover { text-decoration: none; }
h1.h1 a { color:#3c9328; }
h1.h1 a:hover { color:#333333; }

.left-column, .right-column { float: right; }
.left-column { width: 201px; text-align:center; margin:16px 0 0 0; }
.right-column { width: 725px; margin:0 24px 0 16px; }

.sub-content { width: 725px; background:#eeeeee url(../images/sub-bg.gif) repeat-y; }
.sub-top, .sub-base { height: 8px; width: 725px; font-size: 1px; }
.sub-top { background:url(../images/sub-top.png) no-repeat; }
.sub-base { background:url(../images/sub-base.png) no-repeat; }
.sub-text { padding: 12px 24px 12px 24px; }
.sub-content p { margin:0; padding:0 0 8px 0; }

.subnav { width: 201px; background:#dddddd url(../images/subnav-bg.gif) repeat-y; }
.subtop, .subbase { height: 8px; font-size: 1px; width: 201px; }
.subtop { background:url(../images/subnav-top.png) no-repeat; }
.subbase { background:url(../images/subnav-base.png) no-repeat; padding:0 0 8px 0; }

.subnav ul, .subnav ul li { margin:0; padding:0; list-style-type: none; text-align:left; position: relative; }
.subnav ul li { display: block; background:url(../images/subnav-inactive-bg.gif) repeat-y; }
.subnav ul li.active { background:url(../images/subnav-active-bg.gif) repeat-y; }
.subnav ul li a, .subnav ul li a:hover { display: block; padding:8px 0 8px 12px; margin:0 0 4px 0; text-decoration: none; font-weight: bold; width: 180px; }
.subnav ul li a { color:#333333; }
.subnav ul li a:hover { color:#666666; }
.subnav ul li.active a { color:#ffffff; }
.subnav ul li.active a:hover { color:#cccccc; }
.subnav ul li p { position: absolute; bottom:-4px; left:0px; display: block; background:url(../images/subnav-shadow.gif); height: 4px; width: 201px; margin:0; font-size: 1px; }

.footer { min-height: 49px; background:#eeeeee url(../images/fbg.gif) repeat-x bottom; text-align:right; color: #555555; }
.footer div { padding:8px 24px 0px 8px;  font-size: 10px; }
.footer a, .footer a:hover { text-decoration: none; font-weight: bold; }
.footer a { color: #555555; }
.footer a:hover { color:#111111; }
.footer div span { color: #666666; display: block; padding:2px 0 0 0; }

/* misc */
.clear { clear: both; }
.center { text-align:center; margin:0 auto; }
.right { text-align:right; }
.rightimage { float: right; margin:0 0 24px 12px; }
.quote { float: left; width: 44px; height: 36px; margin:0 8px 0 0; }
.fleft { float: left; }