/*-------------------------------------------------
Title:		oneoption styles for screen media
Updated:	August 20 2007 by jtr
------------------------------------------------- */





/* redefined HTML
------------------------------------------ */
html * {
	margin: 0;
	padding: 0;
	}
html {
	height: 100%;
	}
body {
	background: #f8f8f8;
	font: 76%/1 Arial, Helvetica, sans-serif;
	height: 100%;
	line-height: 1.4em;
	text-align: center;
	}
ul, ul li {
	list-style: none;
	}
p {
	margin: 0 0 1em 0;
	line-height: 1.3;
	font-size: 1em;
	padding: 0;
	}
	
h1, h3 {font-family: Georgia, "Times New Roman", Times, serif;
	}	

h2 {
	font-size: 1em;
	}

h2.product {
	font-size: 1.2em;
	margin: 0 0 1em 0;
	}
	
h1 {
	font-size: 1.2em;
	margin-bottom: 10px;
	text-align: center;
	}

h4 {margin: 0;}

.faqs h2,
.faqs h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
.faqs h2 {
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 6px;
	margin-top: 20px;
	}
img {border: none;}

ol li {margin: 0 0 .75em 30px;}
.faqs ul {
	margin: 0 0 10px 0;
	padding: 0;
	}
.faqs ul li {margin: 0 0 .25em 30px; list-style: square;}
td {font-size: 12px;}


/* link styles
---------------------------------- */

a:link, a:visited {color: #000080; text-decoration: none;
	}
a:hover {color: #000080; text-decoration: underline;}
#content a:link, #content a:visited {color: #000080; text-decoration: underline;}
#content a:hover {color: #000080; text-decoration: none;}
a:link.red, a:visited.red {color: #FF0000; text-decoration: underline;}
a:link.red:hover {text-decoration: none;}
#signup a:link, #signup a:visited {color: #fff;}
#signup a:hover {color: #fff; text-decoration: none;}

a:link.enter,
a:visited.enter,
a:hover.enter,
a:active.enter {
	float: right;
	display: block;
	text-decoration: none !important;
	border: 1px solid #008000;
	color: #008000 !important;
	margin: -6px 0 0 0;
	padding: 4px 8px 3px 8px;
	}

a:hover.enter {
	background: #008000;
	color: #fff !important;
	}

/* global classes
------------------------------------------ */
.box {
	background-color: #F2F2F2;
	padding: 10px;
	border: 1px solid #CCC;
	}
	
.left {
	float: left;
	margin: 0 6px 6px 0;
	}
.top {
	border-top: 1px solid #E6E6E6;
	margin-top: 6px;
	font-size: .9em;
	text-align: right;
	}
#logo  {
	background: #606060;
    height: 40px;
    padding: 0 0 0 5px;
    margin: 0;}
	
.right {
	float: right;
	margin: 0 0 6px 6px;
	}
	
.print {display: none;
	}

.center {text-align: center;}

.chart {
	border: 1px solid silver; 
	float: center;
    margin: 15px 0px; 
	padding: 3px;}

.clear {
	clear: both;
	}
	
.section {
	display: none;
	}
	
.setup {margin-bottom: 10px;}
	
.small {font-size: 10px;
	}
	
.thumb {
	border: 1px solid silver; 
	float: right;
    margin: 4px; 
	padding: 3px;}
	
.video {
	margin: 10px 0 0 0;
	}
.video li {
	margin: 0 0 .5em 0;
	}
.video li a {
	padding: 2px 0 6px 50px;
	background: url(../images/btn_video.jpg) no-repeat 0 0;
	}


/* structure
------------------------------------------ */
#wrap {
	background: #fff url(../images/bg_wrap.png) repeat-y 0 0;
	position: relative;
	width: 765px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	}
body#home #wrap {background-image: none;}	
div#hpsidebar {
	position: relative;
	clear: left;
	width: 240px;
	float: right;
	margin: 0;
	}
	
div#hpcontent {
	position: relative;
	width: 100%;
	float: left;
	padding: 0 0 10px 0;
	margin: 30px 0 0 0;
	}
	
#container {
  margin: 0 auto;
  background: #fff;
  width: 760px;
  padding: 0 10px;
  height: 100%;
  text-align: left;
  }
  
div#header {
	height: 58px;
	margin:10px 0px 0px 0px;
	position: relative;
	}
div#header img#mainLogo {
	position: absolute;
	left: 100px;
	}

div#header h1 {
	display: none;
	}
	
#footer {
	clear: both;
	margin: 0;
	padding: 0;}

#footer p {
	margin: 0;
	padding: 10px;
	font-size: .8em;}

#blog {
	float: right;
	font-weight: bold;
	}

#default #footer p {padding: 0;}

body#home div#footer {
	margin: 0 auto;
	width: 760px;
	position: relative;
	top: 60px;
	}
/* sidebar
------------------------------------------ */
div#hpsidebar div {
	border: 1px solid #c0c0c0;
	background: #f8f8f8;
	padding: 10px;
	margin: 0 0 10px 0;
	}
div#hpsidebar div#freetrial {
	/*border: 1px solid #008000;
	*/}
div#hpsidebar div#press {
	padding: 0;
	}
div#hpsidebar div#press div {
	margin: 0;
	padding: 10px;
	border: none;
	font-size: .85em;
	width: 99px;
	float: left;
	}
div#hpsidebar div#press div p {
	margin: 0;
	}
div#hpsidebar div#press p.clear {
	height: 0;
	}
div#hpsidebar div#press div img {
	margin: 0 0 6px 0;
	}
div#hpsidebar div#join ol {
	margin: 5px 0 5px 20px;
	}
div#hpsidebar div#join ol li {
	margin: 0 0 2px 0;
	font-size: .9em;
	}
div#hpsidebar div#join h4 {
	text-align: center;
	font-size: 1.1em;
	}
div#hpsidebar div#join p.more {
	text-align: center;
	font-size: .9em;
	}
	
#sidebar  {
	width : 140px;
    float : left;
	margin: 0px 0px;
    padding : 0px 0px 10px 10px;
    line-height : 1.5em;
    color : #000;}
	
/* navigation
------------------------------------------ */
#content {
	float:left;
	width:565px;
	margin:0px 0px 0px 0px;
	padding: 0 0px 20px 15px;
    background: #fff;
	border-left: 1px solid silver;}
	
div#scannav a:link,
div#scannav a:visited,
div#sitenav a:link,
div#sitenav a:visited {
	color: #fff;
	text-decoration: none;
	}
div#scannav a:hover, div#sitenav a:hover {
	color: #fff;
	text-decoration: underline;
	}

div#scannav {
	float: right;
	width: 100%;
	border-bottom: 1px solid #0000CF;
	margin-top: 10px;
	}
	
div#scannav ul {
	float: right;
	padding: 4px 10px 3px 14px;
	background: #000 url(../images/bg_scannav.gif) no-repeat bottom left;
	width: 420px;
	}
	
div#scannav ul li {
	float: right;
	padding-left: 18px;
	}
div#scannav ul li#login {
	padding-left: 0;
	}
div#scannav ul li#login a#Header21_hlLogin {
	padding-left: 18px;
	}
div#scannav ul li#login a#Header21_hlAccount {
	padding-left: 10px;
	}
	
div#sitenav {
	float: left;
	width: 100%;
	border-top: 1px solid #0000CF;
	}
	
div#sitenav ul {
	float: left;
	padding: 3px 16px 3px 10px;
	background: #000 url(../images/bg_sitenav.gif) no-repeat top right;
	width: 290px;
	}
	
div#sitenav ul li {
	float: left;
	padding-right: 18px;
	}
	
#nav {
	float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: none;
    border-bottom: 2px solid #999999;
    background: #cecece url(../images/nav_bgd.gif) repeat-x 0% 0%;}

#nav li {
	float: left;
    margin: 0;
    padding: 0 1px 0 0;
	width:auto;
    list-style: none;
	font-size: .8em;
    background: url(../images/nav_li_bgd.gif) repeat-y 100% 0%;}

#nav li#login {
	float: left;
    margin: 0;
    padding: 0 1px 0 0;
	width:auto;
    list-style: none;
	font-size: .8em;
	background: url(../images/nav_li_bgd.gif) repeat-y 200% 0%;}

#nav a {
	float: left;
    padding: 4px 13px;
    text-decoration: none;
    color: #000;}

#nav a:hover , #nav a.active {
	color: #000;
    background: #fff url(../images/nav_bgd_on.gif) repeat-x 0% 0%;}

#nav a.active {
	font-weight: bold;
    background: #fff url(../images/nav_bgd_on.gif) repeat-x 0% 0%;}
	
	
#default #content {
	float: none;
	width: 740px;
	margin: 0;
	padding: 10px;
	border: none;}

#preamble {
	clear: both;
	background: url(../images/preamble_chart.gif) no-repeat 0 0;
	margin: 10px 0 0 0;
	padding: 0 40px 0 310px;}

#main-body {
	float: left;
	margin:25px 0px;
	padding:0px;
	}

#question {
	clear: both;
	background: #E6E6E6 url(../images/question_top.gif) no-repeat top left;
	font-size: .9em;}

#question p {
	margin: 10px 0;
	padding: 4px 10px;
	background: url(../images/question_btm.gif) no-repeat bottom;}

#powerful, #fast, #easy {
	background: url(../images/bg_column.jpg) repeat-y top right;
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;}

#powerful p, #fast p, #easy p {padding: 10px 15px 0 10px; font-size: .9em;}
#powerful {float: left;}
#fast {float: left; margin: 0 0 0 10px;}
#easy {float: right;}

	
/* tabs
------------------------------------------ */
div.hidden,
div.tab {
	clear: left;
	background: #fff;
	border: 1px solid #c0c0c0;
	padding: 0;
	width: 510px;
	position: absolute;
	top: 27px;
	}
div.hidden {
	display: none;
	}
div.tab h2 {
	display: none;
	}
div.tab#toppicks {
	visibility: visible;
	padding-bottom: 5px;
	}
div.tab#learnandearn,
div.tab#research,
div.tab#theapproach {
	padding: 30px;
	width: 450px;
	font-size: .925em;
	}
div.tab#learnandearn ul {
	margin: 0 10px 10px 20px;
	}
div.tab#learnandearn ul li {
	font-size: .95em;
	margin: 0 0 2px 0;
	}
ul#tabnav,
ul#tabnav li,
ul#tabnav li a {
	float: left;
	}
ul#tabnav {
	padding: 0 0 0 8px;
	position: relative;
	top: 1px;
	z-index: 1;
	}

ul#tabnav li a:link,
ul#tabnav li a:visited,
ul#tabnav li a:hover,
ul#tabnav li a:active {
	background: #999;
	color: #fff;
	border: 1px solid #999;
	font-size: .9em;
	text-decoration: none;
	margin: 0 2px 0 0;
	padding: 4px 6px;
	}
	
ul#tabnav li.active a:link,
ul#tabnav li.active a:visited,
ul#tabnav li.active a:hover,
ul#tabnav li.active a:active {
	background: #fff;
	color: #333;
	font-weight: bold;
	border: 1px solid #c0c0c0;
	border-bottom: 1px solid #fff;
	}

ul#tabnav li a:hover {
	background: #fff;
	color: #333;
	}
img.left#stolcers {
	margin: 0 8px 4px 0;
	}

	
/* other styles
---------------------------------- */

#bio h2 {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 35px 0 6px 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;}

#bio p {
	margin: 0 0 1em 0;
	padding: 0;}

#signup {
	background:#009900;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	padding: 4px 15px 7px 15px;}

#sidebar ul {
	list-style: none;
	margin: 26px 0 0 20px;
	}
#sidebar ul li {
	font-size: .95em;
	}
#sidebar p {
	margin: 28px 15px 0 15px;
	font-size: .9em;
	}
#sidebar p.ref {
	margin-left: 0;
	}
#sidebar a.ref {
	border: 1px solid silver;
	padding: 2px;
	}

#dlProducts {
	float: left; display: block;}
	
@media screen
  {
    blink { behavior:url(../css/blink.htc);}
  }

/* - - - REESE ADD ONS FOR COUNTER - - - */


#join #home-countdown {
position: relative;
border: 0;
padding: 0;
margin: 0;
left: 20px;
top: 10px;
background: none;
}

#cntdwn {
background: url(http://www.1option.com/images/design/graphic-countdownarea.gif) no-repeat top left;
width: 204px;
height: 97px;
font-size: 24px;
margin-bottom: 18px;
display: block;
padding: 5px 0 0 0;
color: #fff;
}

#cntdwn span {
padding-left: 15px;
}

#join #home-countdown img {
position: absolute;
bottom: 15px;
left: 25px;
z-index: 1000;
}