body {font:100% verdana, Arial, Helvetica, sans-serif;}

#subsoptionscontainer ul, #subsoptionscontainer ol {margin:0 0 10px 25px; font:70% verdana, Arial, Helvetica, sans-serif;}

/****************** styles for subscription form *******************/
.subsfeaturehead, .substype {margin:0;padding:0;font-size:62%;line-height:160%;font-weight:normal;color:#666;}
#subscontainer {width:100%;margin-top:0px;}
#subscontainer {margin:0; padding:0;}
#subsuserdetailscontainer {width:100%;border:1px solid #ccc;margin-bottom:10px;}
#subspersonaldetailscontainer {margin:0 0 10px;border:1px solid #ccc;padding-bottom:5px;width:100%;}
#subspersonaldetailscontainer p {margin:0 0 10px 0;padding:0;}
#subspersonaldetailscontainer p.subssmallnote{margin:0 5px 5px;}

#subsdetailscontainer {margin:0;border:1px solid #ccc;padding-bottom:5px;width:100%;}
#subsdetailscontainer p {margin:0 0 10px 0;padding:0;}
#subsprimaryaddresscontainer {margin-top:10px;padding-bottom:5px;border:1px solid #ccc;width:100%;}
#subsprimaryaddresscontainer p {margin:0 0 10px 0;padding:0;}
#subssecondaryaddresscontainer {margin-top:10px;padding-bottom:5px;border:1px solid #ccc;width:100%;}
#subssecondaryaddresscontainer p {margin:0 0 10px 0;padding:0;}
#subsusercontainer {border:1px solid #ccc;}
#subsothercontainer {margin-top:10px;padding-bottom:5px;width:100%;border:1px solid #ccc;}
#subsothercontainer p {margin:0 0 10px 0;padding:0;}
#subscontainer p .floatleft {text-align:right;margin-right:10px;}
#subsothercontainer p .subssmallnote {font-size:70%;padding:0;display:block;width:200px;float:left;}
#subsothercontainer p span label {width:120px;}
#subsdebitcardcontainer {margin-top:10px;padding-bottom:5px;width:100%;border:1px solid #ccc;}

#subscompanydetailscontainer {margin-top:10px;padding-bottom:5px;border:1px solid #ccc;width:100%;}
#subscompanydetailscontainer p {margin:0 0 10px 0;padding:0;}
.subsproducttitle {font-size:100%;color:#666;}
.subsproducttitle .notification {font-size:100%;color:#ff0000;}
.subsproductsummary {font-size:80%;color:#000;}
.subsproductdescription {font-size:80%;color:#000;}
.subscheckbox {text-align:right;}
.substdwidth2 {width:80%;}
.subsuserdetailshead, .subsdetailshead {margin-bottom:10px;padding:3px;background-color:#ccc;font-size:80%;color:#000;}
.subsuserdetailslabels, .subsotherlabels {margin-left:0px;font-weight:normal;font-size:68%;color:#000;}
.subssmallnote {padding-left:0px;font-size:70%;color:#333;}
.subsuserdetailsbox {padding-left:3px;margin-bottom:5px;}
.subsuserdetailscheckbox {padding:0;margin:0 0 0px 3px;}
.subsdetailsbusinessselect {width:140px;}
.subscardmonthselect {width:50px;margin-right:2px;}
.subscardyearselect {width:50px;margin-left:5px;}
.subsinfocheckbox {margin:0 0 15px 90px;}
.subssubmitbutton {background:#999 url(/magazine/graphics/Arrow2.gif) no-repeat right;margin:10px 0;font-weight:bold;font-size:86%;margin-left:132px;padding:2px 0 2px 3px;text-align:left;width:100px;color:#fff;border:1px solid #666;display:block;}
.subsbackbutton {background:#999 url(/magazine/graphics/Arrow3.gif) no-repeat right;font-weight:bold;font-size:86%;padding:2px 0 2px 3px;text-align:left;width:100px;color:#fff;border:1px solid #666;display:block;}
.subsformbox {margin-bottom:20px;}
.subsformbox p {margin:5px 0px 5px 0px;clear:both;}
.subsformbox .width1 {width:120px;}
.subsformbox .width2 {width:200px;}
.subsformbox .width3 {width:50px;}
.subsformbox .floatleft {float:left;margin-bottom:10px;}
.subsuserdetailsselect{margin-bottom:10px;}

/****************** styles for subscription options ********************/
.subsprodlistbox {background-color:#eee;padding:5px 15px 5px 15px;}
.subsprodlistbox p {margin:0px 0px 2px 0px;clear:both;}
.subsprodlistbox p .subssmallnote {color:#000;}
.subsprodlistbox .subsprodtitle {font-size:68%;font-weight:bold;color:#000;}
.subsprodlistbox .subsprodsummary {font-size:68%;line-height:140%;font-weight:normal;color:#000;}
.subsprodlistbox .subssmallnote {font-size:68%;color:#999;padding-bottom:10px;border-bottom:1px solid #ccc;}
.subsprodlistbox .width1 {width:90%;}
.subsprodlistbox .width4 {width:400px;border:1px solid #ccc;}
.subsprodlistbox .floatleft2 {float:left;margin-bottom:10px;}
.subsprodtype {font-size:68%;line-height:160%;font-weight:bold;color:#000;padding-left:15px;background-color:#ccc;padding-bottom:2px;}
#subsoptionscontainer {width:100%;margin:10px 0;}
#subsoptionscontainer .subssmallnote {color:#000;}
.subsoptionsummary {font-size:80%;color:#06c;}
.subsoptiondetail {font-size:75%;color:#039;margin:10px 0 0 0;border:0px solid #000;}
.subsoptionswidth1 {width:90%;}
.subsoptionswidth2 {width:10%;}
.subsoptionprice {font-size:75%;color:#666;}
.subsproductcomponent {font-size:80%;font-weight:bold;color:#000;}
.subsproductcomponentprice {color:#c00;font-weight:normal;}
.subsoptionssubmitbutton {background:#999 url(/magazine/graphics/Arrow2.gif) no-repeat right;font-weight:bold;padding-left:3px;text-align:left;width:100px;color:#fff;border:1px solid #666;display:block;margin-bottom:10px;}

/****************** styles for login and new users ***********************/
.subsnewuser a {background:url(graphics/testarrow.gif) no-repeat right;margin:0;padding-right:15px;text-decoration:none;}
.subsnewuser a:visited {text-decoration:none;}
.subsnewuser a:hover {text-decoration:none;color:#c00;}
.substitle {font-weight:bold;padding:2px 0;font-size:70%;line-height:160%;color:#fff;border-bottom:1px solid #fff;background-color:#999;}
.subsdisplayname {font-size:70%;line-height:160%;background-color:#ccc;color:#666;padding:2px 0;border-bottom:1px solid #fff;}
.substitle2 {font-size:70%;line-height:160%;font-weight:normal;color:#fff;padding:2px;background-color:#999;border-bottom:1px solid #fff;}
.subslink1 {font-size:70%;line-height:160%;display:block;color:#666;padding-left:3px;}
.subslink2 {font-size:70%;line-height:160%;font-weight:normal;color:#fff;padding-left:3px;}
.subslink3 {font-size:70%;line-height:160%;font-weight:normal;display:block;color:#000;margin-left:15px;}
.subsloginform {padding:0;margin:0;}
.subsloginform p {padding:3px;margin-top:0px;}
.subsloginform a {padding:3px;margin:0;}
.subsloginform a:hover {padding:3px;margin:0;color:#c00;}
.subsloginform a:visited {padding:3px;margin:0;color:#fff;}
.subsloginform .subsuserdetailslabels, .subsotherlabels {color:#fff;}
.subslogin form {margin:0;padding:0;}
.subslogin {margin-top:10px;margin-bottom:0;background-color:#fff;border:1px solid #666;}
.subslogin p {color:#fff;padding:3px;margin:0;}
.subslogin a {display:block;margin-right:10px;margin-left:2px;text-decoration:none;}
.subslogin a:visited {color:#666;text-decoration:none;margin-left:2px;}
.subslogin a:hover {color:#999;text-decoration:underline;margin-left:2px;}
.logintitle {margin-bottom:5px;font-size:70%;font-weight:bold;line-height:160%;color:#fff;border-bottom:1px solid #666;background-color:#999;}
.subsfurtherlinkscontainer {margin-bottom:15px;border:0px solid #666;}
.subsfurtherlinkscontainer p {margin:0;padding-left:3px;}
.subsfurtherlinks {margin-bottom:1px;color:#666;padding:2px 0;border-bottom:1px solid #666;background-color:#fff;}
.subsfurtherlinks a {background:url(/magazine/graphics/Arrow2.gif) no-repeat right;margin:0 4px 1px 0;font-weight:normal;color:#666;display:block;text-decoration:none;}
.subsfurtherlinks a:visited {text-decoration:none;color:#666;}
.subsfurtherlinks a:hover {text-decoration:none;color:#fff;background-color:#666}
.subsfurtherlinksodd {margin-bottom:15px;background-color:#666;border:1px solid #666;}
.subsfurtherlinksodd a {background:url(graphics/testarrow.gif) no-repeat right;font-weight:bold;display:block;margin-right:10px;text-decoration:none;}
.subsfurtherlinksodd a:visited {text-decoration:none;}
.subsfurtherlinksodd a:hover {text-decoration:none;}
.subsloginlabels, .subsotherlabels {margin:3px 0 0 2px;font-size:70%;color:#666;}
.subsloginbox {width:100px;border:1px solid #666;padding-left:3px;margin-left:2px;}
.subsloginbottom {border-top:1px solid #666;border-bottom:1px solid #fff;padding:2px 0;}
#subscontainer p .subssmallnote{float:right;width:210px;color:#484824;}
#subscontainer p.subssmallnote{float:right;width:210px;color:#484824;}

.subsmessage {font-size:74%;line-height:140%;}
.subsmessage h1 {font-weight:bold;font-size:100%;}

.subsproducttypetext {line-height:140%;}
.subsproducttypetext p {font-size:70%;line-height:140%;color:#000;}
.subsproducttypetext h1 {font-weight:normal;font-size:140%;color:#666;}
.subsproducttypetext a {font-weight:bold;text-decoration:none;color:#3399cc;}
.subsproducttypetext a:visited {font-weight:bold;text-decoration:none;color:#3399cc;}
.subsproducttypetext a:hover {font-weight:bold;text-decoration:none;color:#3399cc;}

/****************** styles for forgotten password ***********************/
.subsforgottenpassword form {margin:0;padding:0;}
.subsforgottenpassword {margin-top:10px;margin-bottom:0;background-color:#fff;}
.subsforgottenpassword p {font-size:74%;line-height:140%;padding:3px;margin:0;color:#666;}
.subsforgottenlabels {margin:3px 0 0 2px;color:#666;}
.subsforgottenbox {border:1px solid #666;padding-left:3px;margin-left:2px;}
/****************** styles for forgotten password ***********************/

#subsdebitcardcontainer p .subssmallnote{color:#484824;float:none;}


/* Hide from IE-mac. Only IE-win sees this. * .subsloginbottom {height:1%;margin-left:0;}

/* End hide from IE5-mac */
.subsloginbutton {background:url(/magazine/Graphics/Login.gif) no-repeat;font-size:10%;color:#fff;width:118px;height:25px;border:0;padding:1px 0 0 0px;margin-left:0px;cursor:hand;}

/*.subsloginbutton {margin:3px 3px 3px 70px;font-size:70%;color:#fff;background-color:#000;border:1px solid #fff;display:block;}*/
.hide {font-size:1px;margin:0px;padding:0px;position:absolute;top:-500px;left:-500px;}

/****************** end of subscription styles ***********************/

