body {font-family: Arial; font-size: 12px; margin:0px; background-image:url(../images/new_sub/background_repeat.jpg); background-repeat:repeat-x;}
a {color: #CC0000;}
a:hover {color: #660000;}
a:visited {color: #CC0000;}

.container {width:874px; margin-left:auto; margin-right:auto;}

#header {height:94px; background-image: url("../images/new_sub/header.jpg");}
#navbar {height:24px; background-image: url("../images/new_sub/nav_bar.jpg"); background-repeat: no-repeat;}
#content {background-image: url("../images/new_sub/body_repeat.jpg"); background-repeat:repeat-y;}
#bottombar {height:68px; background-image: url("../images/new_sub/bottom_bar.jpg"); background-repeat:no-repeat;}

#innerholder {
width: 874px;
margin: 0 0px 0 0px;
position: relative; /* reference point for #innerLeft absolute position */
}


.divider {float:left; margin-top:5px; margin-left:11px; margin-right:11px; color:#cccccc;}
.style4 {font-size: 12px; font-weight: bold; color: #CC0000; }

#space {width:65px; height: 24px; background-image: url("../images/new_sub/space.png"); float: left;}

a.menubottom:link {color:#cccccc;text-decoration:none;}
a.menubottom:visited {color:#ffffff; text-decoration:none;}
a.menubottom:hover {color:#FFFFFF;}

#copyright {margin-top: 25px;font-size: 11px; text-align:center; margin-bottom:40px;}
#bottom_menu {padding-top:8px; color:#ffffff; font-size: 11px; text-align:center;}

#top_menu {padding-top:0px; font-size: 12px; text-align:right; margin-right:55px;}
a.top_menu:link {color:#666666;text-decoration:none;}
a.top_menu:visited {color:#666666;text-decoration:none;}
a.top_menu:hover {color:#000000;}
#homelink {margin-left:65px;}

#sidecontainer {float:left; width:189px;}
#leftnav {width:180px; margin-top:5px; margin-left: 47px; color:#ffffff; font-size: 11px; text-align:center; background-color:#9D9C9B; float:left;}
#leftnavbottom {width:180px; height:103px; background-image: url("../images/new_sub/side_gradient.jpg");}
#side_head {height:20px; padding-top: 6px; background-color:#666666; font-size: 14px;}
#side_top {height:15px;}

#sidelinks {margin-left:30px; margin-top:10px; margin-right:24px; margin-bottom:5px; font-size:12px; text-align:left; line-height:13px; }
#sidelinks2 {margin-left:30px; margin-top:5px; margin-right:15px; margin-bottom:5px; font-size:10px; text-align:left; line-height:13px; }
a.sidelinks:link {color:#EFEEEE;text-decoration:none;}
a.sidelinks:visited {color:#FBFBFB;text-decoration:none;}
a.sidelinks:hover {color:#FFFFFF;}

#maintext_container {width:874px; background-image: url("../images/new_sub/content.jpg"); background-repeat:no-repeat;}
#content_text {padding-left: 245px; padding-right: 20px; padding-top: 10px; padding-bottom: 30px; color:#666666; line-height: 16px;}
h1 {color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-top: 10px; line-height: 18px; margin-bottom: 10px;}
h2 {color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-top: 10px; margin-bottom: 7px; }
h3 {color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom: 2px;}
#content_left {float: left; width:335px; margin-right:15px; color:#666666; font-size:11px; }
#content_left2 {width:550px; margin-right:15px; color:#333333; font-size:11px; }
#content_right {width:218px; margin-right:20px; color:#666666; font-size:11px;}
#content_rightspace {width:218px; height: 45px;}

/* callouts properties */
#callout1 {width: 218px; height: 242px; margin-top: 15px; background-image: url(../images/new_sub/callout1_bkgrd.gif); background-repeat:no-repeat; color:#FFFFFF;}
#callout2 {width: 218px; height: 242px; margin-top: 15px; background-image: url(../images/new_sub/callout2_bkgrd.gif); background-repeat:no-repeat; color:#666666;}
#freephone {width: 218px; height: 130px; margin-top: 15px; background-image: url(../images/new_sub/LB_free_iphone.jpg); background-repeat:no-repeat;}
.phonetext {width: 120px; padding-left:15px; padding-top: 20px; color:#CC0000; font-size:12px;}
.phonetext_head {font-size: 15px; color:#CC0000;}

#lb_screenshot {width: 218px; height: 149px; margin-top: 20px; margin-bottom: 30px; background-image: url(../images/new_sub/lb_screen_w_price.jpg); background-repeat:no-repeat;}
#en_screenshot {width: 218px; height: 149px; margin-top: 20px; margin-bottom: 30px; background-image: url(../images/new_sub/en_screen_w_price.jpg); background-repeat:no-repeat;}
#ew_screenshot {width: 218px; height: 149px; margin-top: 20px; margin-bottom: 30px; background-image: url(../images/new_sub/ew_screen_w_price.jpg); background-repeat:no-repeat;}
#mtpro_screenshot {width: 218px; height: 149px; margin-top: 20px; margin-bottom: 30px; background-image: url(../images/new_sub/mtpro_screen_w_price.jpg); background-repeat:no-repeat;}
#qs_screenshot {width: 218px; height: 149px; margin-top: 20px; margin-bottom: 30px; background-image: url(../images/new_sub/qs_screen_w_price.jpg); background-repeat:no-repeat;}

.screentext {padding-top:140px; padding-left: 22px; font-size: 10px;}
#lb_iphone {width: 300px; height: 145px; margin-top: 10px; background-image: url(../images/new_sub/LB_iphone.jpg); background-repeat:no-repeat;}
.subcallout {padding: 25px 20px 10px 15px; line-height: 14px; }
.subcallout2 {padding: 20px 20px 10px 15px; line-height: 14px; }
.subcallout_head {margin-bottom: 10px; font-size:24px; font-weight:bold;}
.subcallout_head2 {margin-bottom: 10px; font-size:11px; font-weight:bold; line-height: 15px;}
.subcallout_head3 {margin-bottom: 10px; font-size:18px; font-weight:bold;}
.subcallout_text {margin-bottom: 10px;}
.signup {margin-top:25px; margin-left: -2px;}
.login {margin-left: -2px;}

#sidebar {background-image:url(../images/new_sub/sidebar_repeat.jpg); background-repeat:repeat-y; padding-left: 15px; padding-right: 7px;}


/*index page items */

#subheader {height:112px; width:775px; background-image: url("../images/home/home_subheader.jpg"); margin-left:47px;}


#scroll {height:176px; width:775px; margin-left:47px;}



.subtext {color:#333333; font-size: 11px; padding-left: 520px; padding-top:15px; line-height: 16px;}
#subscriptions {width: 874px;}
#silverbox {height:386px; width:262px; background-image: url("../images/home/home_silver.jpg"); float:left;}
#goldbox {height:386px; width:261px; background-image: url("../images/home/home_gold.jpg"); float: left;}
#platinumbox {height:386px; width:261px; background-image: url("../images/home/home_platinum.jpg"); float:left;}
#bottomboxes {height: 109px; padding-top: 10px; padding-bottom: 13px; padding-left: 47px;}
.boxtext {height:140px; padding: 120px 20px 10px 15px; line-height: 14px; color:#FFFFFF; font-size:11px;}
.boxtext2 {height:140px; padding: 120px 20px 10px 15px; line-height: 14px; color:#FFFFFF; font-size:11px;}
.button {margin: 10px 0px 10px 27px;}
#graybox {height: 109px; width:383px; background-color:#e3e2e2; float:left;}
#graybox2 {height: 109px; width:383px; margin-left:395px; background-color:#e3e2e2;}
#leftside {margin-left:10px; margin-top:20px; float:left;}
#rightside {margin-left:150px; margin-top:15px; width:220px; font-size: 11px; color:#333333;}
#rightside2 {margin-left:180px; padding-top:15px; width:200px; font-size: 11px; color:#333333;}
.homelearn {margin: 5px 15px 0px 0px; text-align:right;}
.homelearn2 {margin: 5px 15px 0px 0px; text-align:right;}
a.homelearn:link {color:#e3e2e2;}
a.homelearn:visited {color:#e3e2e2;}
a.homelearn:hover {color:#FFFFFF;}

.link {text-decoration: none; padding-top:5px;}
.style1 {color: #C03039}

.side_content {color:#333333; font-size: 11px; padding-left: 10px; padding-top:15px; padding-right: 20px; line-height: 16px;}

/* MAIN PROPERTIES of whole menu, including height & width of entire menu area.  z-index:1; makes menu float on top of other elements such as flash: */
#menuitem {width: 877px;height: 26px; z-index:2;}


/* FONT & VISUAL STYLES for the dropdown area: */
#menuitem ul {list-style: none; list-style-type:none;margin: 0;padding: 0;float: left; height: 26px;}
/*#menuitem a {width:50px;}*/
#menuitem a, #menuitem h2 {font: normal 12px Verdana, Geneva, sans-serif,  "Arial Narrow", Helvetica, sans-serif;display: block; margin: 0; padding: 3px 0px 0px 0px; text-align:center;}
#menuitem a, #menuitem h3 {font: normal 12px "Arial Narrow", Helvetica, sans-serif;display: block; margin: 0; padding: 2px; height: 20px; text-align:left;}


/* IF YOU ARE USING TEXT instead of images as the dropdown link, this controls the style of that text: */
#menuitem h2 {color: #EFEEEE;background: none;font-weight:bold;}
#menuitem h2:hover {color: #FFFFFF; height: 23px;}
#menuitem h3 {color: #333333;background: #d1cfd0; border: 1px solid #fff; width: 130px; margin: -2px; padding-left: 8px; padding-top: 5px;}
#menuitem h3:hover {color: #fff;background: #666666; border: 1px solid #fff; width: 130px; padding-left: 8px; padding-top: 5px;}


/* MENU LINK STYLES */
#menuitem a {color: #fff;text-decoration:none; font-weight:bolder;}
/* ROLLOVER STYLES - Background color indicates what color bar appears over the selection when user mouses over it, Color indicates the text color */
#menuitem a:hover {color: #fff;}




/* --- Don't edit below this line --- */

#menuitem li {position: relative;}
#menuitem ul ul ul {position: absolute;top: 0;left: 100%;}
#menuitem ul ul {position: absolute;z-index: 500; margin-left: -15px;}
div#menuitem ul ul {display: none;}
div#menuitem ul li:hover ul {display: block;}
div#menuitem ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menuitem ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}