/* ------------------------------ reset ------------------------------ */
* { margin: 0em; padding: 0em; }
fieldset, img, a img { border: none; }
li { list-style:none; }

/* ------------------------------ tags ------------------------------ */
body { font-family:Verdana, Arial; }
body#gray { background: rgb(230,230,230); padding-top: 2em; }
html#gray { background: rgb(230,230,230); padding-top: 2em; }

/* ------------------------------ links ------------------------------ */
a, a:link, a:visited { color: rgb(0,0,200); font-weight:bold; text-decoration: none; }
a:visited:hover, a:link:hover, a:hover:active { color: rgb(0,0,200); text-decoration: underline; }

/* ------------------------------ typography ------------------------------ */
div#control h1, div#control h2, div#control h3, div#control h4 { letter-spacing: -1px; font-weight: bold; text-align: center; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: .75em 0em; }
div#control h1 { font-size: 1.65em; color: rgb(204,0,0); text-transform: capitalize; }
div#control h2 { font-size: 1.65em; color: rgb(0,150,205); text-transform: capitalize; }
div#control h3 { font-size: 15pt; color: rgb(204,0,0); }
div#control h4 { font-size: 1.25em;letter-spacing: 0px; } 
div#control p { margin: 1em 0em; }

/* ----------------------- classes ------------------------- */
.float { float: left; width: 49%; }
.float-right { float: right; margin-left: .5em; }
.destra { text-align: right; }
.centre { text-align: center; }
.video { background: rgb(0,0,0); width: 425px; padding: .25em; margin: 0em auto; text-align:center }
.invisible { display: none; }
.clearing { clear: both; height: 0em; overflow: hidden; }
.count { background: rgb(255,100,0); color: rgb(255,255,255); padding: .25em .5em; }

/* ------------------------------ div#branding ------------------------------ */
div#branding { text-align:center; padding: 0em 0em;  border-bottom: 1px solid rgb(230,230,230); }
div#branding div { overflow: hidden; width: 960px; margin: 0em auto; }
div#branding div h1, div#branding div h5 { margin: 0em 0em; }
div#branding div h4 { padding-top: 1.5em; font-size: 1.6em; letter-spacing: -1px;font-weight: normal; font-style: italic; padding: .5em 0em .5em 3em;  }

/* ------------------------------ div#header ------------------------------ */
div#header { padding: .25em 0em; background: rgb(230,230,230); }
div#header div { overflow: hidden; width: 850px; margin: 0em auto 0em }
div#header blockquote.logo { padding-top: .5em; }
div#header blockquote.logo h1 { height:77px; text-indent: -2000em; background:url(_images/logo-photoshop_answers.png) no-repeat; }
div#header blockquote.usp p span { color: rgb(100,100,100); }
div#header blockquote.usp small { font-size: .8em; border-bottom: 1px solid rgb(200,200,200); padding: .25em; }
div#header blockquote.usp h2 { font-size: 1.25em; font-weight: normal; font-style: italic; letter-spacing: -1px; padding: .5em 0em .5em 3em; font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; }

/* ----------------------- div#navigation ------------------------ 
div#navigation { overflow: hidden; background: rgb(230,230,230); }
div#navigation blockquote { width: 850px; margin: 0em auto 0em }

/* ------------------ ul.tab ------------------ 
ul.tab { border-bottom: solid 1px rgb(200,200,200); height:29px; list-style:none; }
ul.tab li#help { float:right; margin-left: .5em; margin-right: 0em; list-style:none; }
ul.tab li { float:left; margin-right: .5em; list-style:none; }
ul.tab li a:link, ul.tab li a:visited { background:url(_images/tab-round.png) right 60px; color: rgb(0,204,255); display:block; font-weight:bold; height:30px; line-height:30px; text-decoration:underline; }
ul.tab li a span { background:url(_images/tab-round.png) left 60px; display:block; height:30px; margin-right:14px; padding-left:14px; cursor: pointer; }
ul.tab li a:hover { background:url(_images/tab-round.png) right 0px; display:block; text-decoration: none; }
ul.tab li a:hover span { background:url(_images/tab-round.png) left 0px; display:block; }
ul.tab li.active a:link, ul.tab li.active a:visited, ul.tab li.active a:visited, ul.tab li.active a:hover { background:url(_images/tab-round.png) right 0 no-repeat; text-decoration:none } 
ul.tab li.active a span, ul.tab li.active a:hover span { background:url(_images/tab-round.png) left 0 no-repeat; }*/


div#navigation { overflow: hidden; clear: both; background: rgb(230,230,230); }
div#navigation blockquote { width: 850px; margin: 0em auto 0em }

ul.tab { list-style: none; overflow:hidden; list-style:none; height:40px; margin-left: 1em; }
ul.tab li { list-style:none; float:left; padding-right: .5em; }
ul.tab li#help { float:right; margin-left: .5em; margin-right: 0em; list-style:none; }
ul.tab li#search { float:right; padding-left: .5em; }
ul.tab li a:link, ul.tab li a:visited { font-size: 1.25em; color: rgb(200,200,200); display:block; letter-spacing: -1px; font-weight: normal; height:40px; line-height:40px; text-decoration:none; background:url(_images/css-tab_round_off.png) right 0 no-repeat; }
ul.tab li a span { display:block; height:30px; margin-right:14px; padding-left:14px; background:url(_images/css-tab_round_off.png) left 0 no-repeat; }
ul.tab li a:hover { display:block; color: rgb(0,0,0); background:url(_images/css-tab_round.png) right 0px no-repeat; text-decoration:underline; }
ul.tab li a:hover span { display:block; background:url(_images/css-tab_round.png) left 0px no-repeat;  }

ul.tab li.active a:link, ul.tab li.active a:visited, ul.tab li.active a:visited, ul.tab li.active a:hover { background:url(_images/css-tab_round.png) right 0 no-repeat; color: rgb(0,0,0) } 
ul.tab li.active a span, ul.tab li.active a:hover span { background:url(_images/css-tab_round.png) left 0 no-repeat; }

/* ------------------ div#control ------------------ */
div#control { overflow: hidden; width: 850px; margin: 0em auto; padding: .5em 0em; font-size: .8em; }
div#control div#contain { width: 100%; float: left; margin-right: -300px; }
div#control div#main { margin-right: 300px; }
div#control div#sidebar { width: 300px; float: right; }

div#main ul, div#main ol { margin: .5em 4em; }
div#main ul li { list-style: disc; margin: 1em 0em }
div#main ol li { list-style: decimal; margin: 1em 0em }

/* ------------------------------ dl.answer-preview ------------------------------ */
dl.answer-preview { overflow:hidden; margin: 1em 0em; }
dl.answer-preview dt { float: left; width: 22%; padding-top: 1.5em; }
dl.answer-preview dd { float: left; width: 38% }
dl.answer-preview dd h3 { padding-bottom: .25em; margin-bottom: .25em; font-style:italic; }
dl.answer-preview dd img { border: 1px solid rgb(230,230,230); padding: .25em; }

/* ------------------------------ ul#optinsteps ------------------------------ */
ul#optinsteps { overflow:hidden; margin-top: 1em; }
ul#optinsteps li { margin: 0em .15em 0em 0em; float: right; list-style: none; }
ul#optinsteps li a { background:rgb(230,230,230); color:rgb(0,0,255); display:block; text-decoration:none; font-weight:bold; font-size: .9em; padding: .5em .5em .5em .5em; }
ul#optinsteps li a span { color: rgb(204,0,0); border-bottom: 1px dotted rgb(204,0,0); padding-bottom: .25em; }
ul#optinsteps li a:hover { background: rgb(0,204,255); color: rgb(255,255,255); }
ul#optinsteps li a.selected { display:block; background:rgb(250,245,190); color: rgb(0,0,0); padding: .5em .75em .5em .75em; }

/* ------------------------------ div#optin ------------------------------ */
div#optin { background: rgb(250,245,190); color: rgb(0,0,0); margin: 0em auto 0em auto; width: 100%;  overflow: hidden; padding: 1em 0em; }
div#optin form { overflow: hidden; padding: 0em .5em; }
div#optin form fieldset legend { font-size: 1.5em; letter-spacing: -1px; font-weight: bold; text-transform: capitalize; margin: .25em 0em; }
div#optin form dl dt { clear:both; padding: .5em 0em; text-align: left}
div#optin form dl dt label {  font-weight: bold; }
div#optin form dl dt.submit { margin: 0em auto; text-align:center } 
div#optin form dl dt.submit input { padding: .25em; width: 98%; font-weight: bold; cursor:pointer; text-align:center; border-width: 2px;  }
div#optin form dl dt.privacy_policy { width: 100%; font-size: .85em; } 
div#optin form dl dd { margin-bottom: .5em; }
div#optin form dl dd input { padding: .25em; width: 95%; }
div#optin form dl dt.privacy_policy { font-size: .8em; text-align:center; font-weight: normal; color: rgb(0,0,0); text-align: left; }

/* ------------------------------ div#optin ------------------------------ */
div.form { overflow: hidden; padding: 1em 0em; width: 320px; margin: .5em auto; background-color: rgb(250,245,190); }
div.form p { padding: 0em 1em; }
div.form form { overflow: hidden; padding: 0em .5em; width: 300px; margin: 0em auto; }
div.form form fieldset legend { display: none; }
div.form form dl dt { clear:both; padding: .5em 0em; text-align: left}
div.form form dl dt label {  font-weight: bold; }
div.form form dl dt.submit { } 
div.form form dl dt.submit input { padding: .25em; width: 300px; font-weight: bold; cursor:pointer; text-align:center; border-width: 2px;  }
div.form form dl dt.privacy_policy { width: 100%; font-size: .85em; } 
div.form form dl dd { margin-bottom: .5em; }
div.form form dl dd input { padding: .25em; width: 290px; }
div.form form dl dt.privacy_policy { font-size: .8em; text-align:center; font-weight: normal; color: rgb(0,0,0); text-align: left; }

/* ------------------------------ div#footer ------------------------------ */
div#steps { padding: .25em 0em; margin-top: 1em; font-size: .8em; }
div#steps div { overflow: hidden;  padding-top: .25em; }
div#steps div h3 { color: rgb(0,150,205); text-align: left }
div#steps div dl { float: left; width: 32%; text-align: center }
div#steps div dl dt { letter-spacing: -1px; font-weight: bold; text-align: center; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: .75em 0em; font-size: 1.75em;  }
div#steps div dl dd {  }
div#steps div dl dd img { padding: .25em; background-color: rgb(245,245,245); border: .1em solid rgb(230,230,230); }

form.purchase dl dd { padding: .25em; background: rgb(255,100,0); text-align: center; display: block; }
form.purchase dl dd input { width:100%; cursor:pointer; font-family:Tahoma, Verdana; font-size: 1.5em; letter-spacing: -1px; font-weight:bold; height:40px; text-transform: capitalize }

/* ------------------------------ div#footer ------------------------------ */
div#footer { padding: .25em 0em; margin-top: 1em; font-size: .8em; }
div#footer div { overflow: hidden;  padding-top: .25em; }
div#footer div img { display: none; }
div#footer small { font-size: .9em; }

/* ------------------ div#login ------------------ */
div#login { overflow: hidden; width: 400px; margin: 0em auto; padding: .5em 0em; font-size: .8em; }
div#login div#header blockquote.logo h1 { width: 400px; margin: 0em auto; }
div#login h2 { letter-spacing: -1px; font-weight: bold; text-align: center; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: .25em 0em; font-size: 1.65em; color: rgb(0,150,205); text-transform: capitalize;}
div#login p { margin: .5em 0em; }

div#login div#footer { width: 320px; margin: 1em auto 0em auto; }