/*------------------------------------------------
GLOBAL RESET
------------------------------------------------*/
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE TH, TD, OBJECT, EMBED {margin:0px; padding:0px;}
OBJECT, EMBED, IFRAME {float:left;}
DIV IMG {display:block; border:0px; font-size:10px; font-weight:bold;}
BODY {font-family:Verdana; font-size:12px; line-height:normal; text-align:center;}
BODY DIV {text-align:left;}

/*------------------------------------------------
LAYOUT
------------------------------------------------*/

body{background-color:#000000;color:#FFFFFF;}

.wrapper { border:0px solid red; width:984px; margin:0 auto; text-align:left }

a, a:link, a:visited { color:#FFFFFF; text-decoration:underline;}
a:hover { color:#FFFFFF; text-decoration:underline;}

a:link, a:hover, a:focus, a:active {-moz-outline: none;outline:none} /*Remove dotted lines when clicked*/

a.gray{text-decoration:underline; padding:4px 10px;}

.color_gray{color:#9A9A9A;}
.font_small{font-size:11px;}
.medium{font-size:12px;}
.medium-big{font-size:16px;}

.right{float:right;}
.left{float:left;}
.clear{clear:both;}

.line{height:3px;background-image:url(../images/line.png);}

/*------------------------------------------------
TYPOGRAPHY
------------------------------------------------*/
p {font-size:12px; color:#FFFFFF; margin-bottom:10px; font-family:Verdana; }
h1 {font-size:24px; margin: 10px 0px 10px 0px; color:#CECECE; font-family:InterstateThin;}
h2 {font-size:18px; margin: 5px 0px 5px 0px; color:#CECECE; font-family:HelveticaNeueLTStdMedium; font-weight:normal;}
h3 {font-size:16px; margin-bottom: 6px; color:#CECECE; font-family:HelveticaNeueLTStdMedium;}
h4 {font-size:14px; margin: 10px 0px 4px 0px; font-family:HelveticaNeueLTStdMedium; color:#CECECE}
h5 {font-size:18px; margin-bottom: 2px; color:#CECECE}
h5.error {font-size:18px; margin-bottom: 12px; color:#ac342c;}

h5.ruler span.heading { background-color:white; line-height:23px; padding-right:5px; margin:0; }

ul { list-style-position: outside; padding-left: 15px; /*margin-bottom: 10px;*/ list-style-type:square}
ul li { margin-bottom: 2px }
ol { list-style-position: outside; padding-left: 18px; /*margin-bottom: 10px*/}
ol li { margin-bottom: 2px; }

hr { border-top:1px solid #333;}
div.hr { border-top:1px solid #CCC; width:auto; height:1px; clear:both; margin:15px 0 }
div.clear {clear:both}

h2 p {font-size:12px; color:#FFFFFF; font-family:Verdana; margin:5px 0px; font-weight:bold;}

/*------------------------------------------------
FORMS
------------------------------------------------*/
label {color:#9A9A9A; margin-bottom:3px; display:inline-block; margin-right:9px; margin-left:2px; font-size:12px;font-weight:bold;}
input[type='text'], input[type='password'] {font-size:13px;font-weight:bold;padding:4px !important;color:#000; margin-bottom:4px;}
select {font-size:13px;font-weight:bold;padding:4px !important;color:#000; margin-bottom:4px}
input[type='text'], input[type='password'],select  { border-top:1px solid #888888;border-left:1px solid #888888;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; }

input[type="radio"], input[type="checkbox"] {margin-right:3px}

/*------------------------------------------------
HEADER
------------------------------------------------*/
/*.header { height:94px; background:url(../images/header_bg.jpg) no-repeat left top;}*/

/* Logo */
.header{height:36px;margin-top:22px;}
.header .logo { background:url(../images/logo2.png) no-repeat; float:left; width:520px; height:36px;border:0px solid red;}
* html .header .logo { margin:0 15px}
.header .logo ul { margin-top:35px; padding: 0; list-style-type: none; }
.header .logo li { float: left; position: relative;  display: inline; margin-bottom:0;  }
/*.header .logo li a.the-age {background-image:url(../images/logo_theage.gif);width:180px;height:30px;display:block;}
.header .logo li a.digital-edition {background-image:url(../images/logo_digital-editions.png);width:147px;height:30px;display:block;}
* html .header .logo li a.digital-edition {background-image:url(../images/logo_digital-editions.gif);width:147px;height:30px;display:block;}*/

/* Enquires */
.header .enquires { float:right; height:94px;border:0px solid red; color:white; font-size:14px; line-height:20px; margin:0 25px }
* html .header .enquires { margin:0 15px}
.header .enquires ul { margin-top:35px; padding: 0; list-style-type: none; }
.header .enquires li { float: left; position: relative;  display: inline; margin-left:5px;  }


/*------------------------------------------------
NAVIGATION
------------------------------------------------*/
.navigation {height:35px;padding-bottom:10px;}

/* Menu */
.navigation .menu { float:left; height:35px; color:white; font-size:14px; margin:0 5px;padding:0; _margin:0 15px}
.navigation .menu ul { margin-top:0px; padding: 0px; list-style-type: none;  }
.navigation .menu li { float: left; position: relative;  display: inline; margin:0px;line-height:30px}
.navigation .menu li a {color:#CECECE; font-family:HelveticaNeueLTStdMedium; text-decoration:none}
.navigation .menu li a.selected {color:#FFFFFF; text-decoration:none; font-weight:bold;}
.navigation .menu li a:hover {text-decoration:underline}

.navigation .menu li.divider-v { margin:9px 12px; width:1px; height:15px; background-color:#FFFFFF; }
* html .navigation .menu li.divider-v { margin:0 15px; width:1px; height:33px; background:url( ../images/navigation_divider.jpg ) no-repeat left top }

/* Share */
.navigation .share { float:right; height:35px;border:0px solid red; color:white; font-size:14px; margin:0 25px;padding:0; _margin:0 15px}
.navigation .share ul { margin-top:1px; padding: 0; list-style-type: none;  }
.navigation .share li { float: left; position: relative;  display: inline;line-height:38px;margin-left:5px}

.navigation .share ul li a { display: block; padding: 0; text-decoration: none; width:20px;height:20px; margin-top:7px}
* html .navigation .share ul li a { display: inline-block; /*IE6 hack to get sub menu links to behave correctly*/ }
.navigation .share ul li a:hover { text-decoration: none;}

.navigation .share li a.icons_social-media_facebook { background:url(../images/icons_social-media.gif) no-repeat 0 0 }
.navigation .share li a.icons_social-media_twitter { background:url(../images/icons_social-media.gif) no-repeat -20px 0 }
.navigation .share li a.icons_social-media_rss { background:url(../images/icons_social-media.gif) no-repeat -40px 0 }
.navigation .share li a.icons_social-media_email { background:url(../images/icons_social-media.gif) no-repeat -60px 0 }
.navigation .share li a.icons_social-media_stumble { background:url(../images/icons_social-media.gif) no-repeat -80px 0 }
.navigation .share li a.icons_social-media_digg { background:url(../images/icons_social-media.gif) no-repeat -100px 0 }


.navigation .share li a:hover.icons_social-media_facebook { background:url(../images/icons_social-media.gif) no-repeat 0 -20px }
.navigation .share li a:hover.icons_social-media_twitter { background:url(../images/icons_social-media.gif) no-repeat -20px -20px }
.navigation .share li a:hover.icons_social-media_rss { background:url(../images/icons_social-media.gif) no-repeat -40px -20px }
.navigation .share li a:hover.icons_social-media_email { background:url(../images/icons_social-media.gif) no-repeat -60px -20px }
.navigation .share li a:hover.icons_social-media_stumble { background:url(../images/icons_social-media.gif) no-repeat -80px -20px }
.navigation .share li a:hover.icons_social-media_digg { background:url(../images/icons_social-media.gif) no-repeat -100px -20px }

/*------------------------------------------------
SPLASH
------------------------------------------------*/
.splash-blank {height:472px; background:url(../images/splash_bg-blank.jpg) no-repeat left top;}
.splash-laptop {height:472px; background:url(../images/splash_bg-laptop.jpg) no-repeat left top; _margin-top:-4px}
.splash-desktop-ipad {height:472px; background:url(../images/splash_bg-desktop4.jpg) no-repeat left top; _margin-top:-4px}
.splash-desktop-ipad2 {padding-bottom:30px;/*background:url(../images/splash_bg-desktop-ipad.jpg) no-repeat left top; _margin-top:-4px*/}


.icon_plus-46 {
    background:url(../images/icon_plus-46.png) no-repeat left top;
    *background:url(../images/icon_plus-46.gif) no-repeat left top;/*IE6&7 only*/
    width:46px;height:46px;display:block;
    margin-left:374px;margin-top:217px;position:absolute;z-index:2;
}

.text_introduction {width:571px;}
.text_introduction h1 {font-size:26px;line-height:30px;color:#00376C;margin-bottom:15px}
.text_introduction h1 {
    font-weight:normal;
    font-size:27px\0/;/*IE8 only*/
    *font-size:27px;/*IE6&7 only*/
    *letter-spacing: -0.38pt;/*IE6&7 only*/
    letter-spacing: -0.38pt\0/;/*IE8 only*/
}

.text_introduction ul {list-style-image:url(../images/icon_tick-green.png); list-style-position: outside; padding-left:25px; margin-bottom: 10px; list-style-type:none;}
* html .text_introduction ul {list-style-image:url(../images/icon_tick-green.gif); }
.text_introduction li {color:#333333;font-size:15px;line-height:15px;margin-bottom: 10px; }
.text_introduction li {
    line-height:19px\0/;/*IE8 only*/
    *line-height:19px;/*IE6&7 only*/
    *padding-left:7px;/*IE6&7 only*/
}

.button_2-week-free-trial {width:195px;height:78px;margin-left:760px;margin-top:333px;position:absolute;z-index:2;}
.button_2-week-free-trial a.rose {font-size:19px;padding:0;line-height:52px;height:45px;width:195px;margin-right:0}
.button_2-week-free-trial a.rose {
    line-height:50px\0/; /*IE8 only*/
    *line-height:50px; /*IE6&7 only*/
    _line-height:40px; /*IE6 only*/
    _height:35px; /*IE6 only*/
}
.button_2-week-free-trial .period {color:#666666;font-size:11px;font-style:italic;text-align:center;}

.icon_apple {color:#333333;width:195px;margin-left:760px;margin-top:410px;position:absolute;z-index:2;
    font-size:14px;line-height:37px;background:url(../images/icon_apple.gif) no-repeat 0 0;padding-left:28px}


.login_form {float:right; height:94px;border:0px solid red; color:white; font-size:14px; line-height:20px; margin:0px;}

.login_form table tr td {vertical-align:top;}

.sponsor1 {width:315px;margin-left:720px;margin-top:390px;position:absolute;z-index:2;}

.login_form input[type=text], .login_form input[type=password] 
{ padding:0px;margin:0px;color:#666666;border:none;}

.login_form input.btnLogin{background:url(../images/button_login.png);border:none;color:#FFFFFF;
text-decoration:underline;font-family:InterstateThin;font-size:15px;cursor:pointer;width:63px;height:23px;}

.login_form label { 
	left:0;
	line-height:22px;
	color:#FFF;
	position:absolute;
	top:0;
	cursor:pointer;
}
	
.loginerror{color:#ac342c;margin:0 0 4px;}
/*------------------------------------------------
CONTENT
------------------------------------------------*/
/*.content {margin:25px}
.content h1 {color:#00376C; font-size:26px; margin-bottom:15px}

#content1 {font-size:20px;}
#content1 p	{font-size:14px;}
#content1 label	{font-size:14px;}
#content1 span	{font-size:12px;}

#eligible-package {width:240px; text-align:center; background-color:#1561A4;
	padding:20px 15px 15px 10px;}
#eligible-package h2{color:#FFFFFF;}
#eligible-package p{color:#FFFFFF;}
#eligible-package div.silver{width:150px; text-align:center; 
	margin:10px auto 10px auto;
	padding:10px 10px 10px 10px;}
*/

/*------------------------------------------------
KEY FEATURES
------------------------------------------------*/
.key_features tr td{ vertical-align:top;width:198px;}
.key_features tr td + td{padding-left:45px;}

.feature_key{font-size:14px;font-weight:bold;margin:8px 0px 2px 0px;}
.feature_value{font-size:11px;color:#A0A0A0;line-height:17px;font-weight:bold;margin-bottom:15px;}

/*------------------------------------------------
PACKAGES
------------------------------------------------*/
.packages {margin-top:10px;}
.packages tr td{padding-top:1px;}

.price {font-size:20px; margin-bottom: 8px; color:#888888}

.info_packages{margin-top:10px;}
.info_packages tr td{padding-top:10px;}
.info_packages tr td.button_subscribe{padding-left:50px;}

/*------------------------------------------------
FAQS
-------------------------------------------------*/
.faqs h2 {margin-top:30px;}

/*------------------------------------------------
FOOTER
------------------------------------------------*/
.footer {font-size:12px; color:#A7A7A7;}


label.error { color:#ac342c; }
input.error { border:1px solid #ac342c; }