/*
Stylesheet Name: StrategicSalesEvolved
Purpose: Strategic Profits Business Acceleration Sales Letter
Description: A clean, mean and bold Web2.0 sales letter.
Author: AlanWho?
Author URL: http://alanwho.com
Author Notes: Butcher my code and I will hunt you down and butcher your body into very very small pieces you dullard!
Version: 1.2 Beta
To Do: Alan turn this into a library and stop wasting time on this you winner!
*/

/* ------------------ tags ------------------ */
* { margin: 0em; padding: 0em; }
body { font-family: Arial, Verdana, sans-serif;  background-color: rgb(255,255,255); background-image: url(grd-blue.jpg); background-attachment: scroll; background-repeat: repeat-x; background-position: left top;  }
body#dark { background-image: url(grd-dark.jpg); }
body#bare { background-image: none; }
body#grey { background-image: url(grd-grey.jpg); }
a img  { border: none; }
a, a:link, a:active, a:visited { color: rgb(0,0,255); }
a:hover { text-decoration: none; }

a.order-now { display: block; width: 220px; height: 60px; background: url("btn-order_now.png") 0 0 no-repeat; text-decoration: none;  }
a:hover.order-now { background-position: -220px 0px; text-decoration:none; }

a.continue { background: url(_images/ico-continue.png) no-repeat left center; padding-left: 20px; }

a.more-link { background: url(_images/ico-continue_green.png) no-repeat left center; padding-left: 20px; }

/* ------------------ classes ------------------ */
.off { display: none; }
.centre { text-align: center; }
.float-left { float: left; margin-right: .25em; }
.float-right { float: right; }
.sinistra { text-align: left; }
.destra { text-align: right; }
.peace { overflow: hidden; }
.clearing { clear: both; }
p.no-indent { text-indent: -1em; }

em.highlight { font-style: normal; color: rgb(204,0,0); }

span.board { background-color: rgb(0,0,0); color: rgb(255,255,255); padding: .15em .5em; text-align:center; }
span.count { background-color: rgb(0,0,0); color: rgb(255,255,255); padding: 1px 5px; text-align:center; }
span.alpha { background-color: rgb(204,0,0); color: rgb(255,255,255); padding: .1em .25em; text-align:center; font-weight: bold; }

.pquote { background: url(_images/css-openquote.gif) top left no-repeat; color: rgb(51,51,51); font-size: 1.15em; 
font-style: italic; padding: 0.5em; text-align: left;}

.speaker { margin-left: 60%; text-align:left; }


/* ------------------ .bdr-blue ------------------ */
.bdr-blue { padding: .25em; background-color: rgb(9,83,163); }

/* ------------------ .bdr-dark ------------------ */
.bdr-dark { padding: .25em; background-color: rgb(51,51,51) }


/* ------------------ h1 ------------------ */
h1 { } 
h1 em { color: rgb(204,0,0); } 
h1#headline { font-size: 4em; text-transform:capitalize; text-align: center; color: rgb(200,0,0); font-family:Impact, Arial, Helvetica, sans-serif;  font-weight: normal; margin: .15em auto; max-width:750px; line-height: 1em;
width:expression(document.body.clientWidth > 750? "750px": "auto" );  }


/* ------------------ h2 ------------------ */
h2 { text-align: center;  font-size: 2em; font-weight: normal; line-height: 1em;  }
h2 em.underline { font-style: normal; border-bottom: 2px solid rgb(100,100,100); }
h2#sub-headline { max-width: 550px; width:expression(document.body.clientWidth > 550? "550px": "auto" ); margin: .5em auto 0em auto; font-family:Impact, Arial, Helvetica, sans-serif; font-weight: normal; /* margin: 0em auto; padding: 0em 0em .25em 75px; background-image: url(pic-bap_box.png); background-repeat: no-repeat; background-position: left top; */ }
h2#sub-headline img { float: left; }


/* ------------------ h3 ------------------ */
#letter h3 {  margin: .25em auto; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; letter-spacing:-1px; color: rgb(0,0,0); line-height: 1em;  }
#letter h3 strong { color: rgb(200,0,0); letter-spacing:normal;  } 

h3.s-red { background-image: url(_images/ico-square_red.png); background-repeat: no-repeat; padding-left: 20px; background-position: center left; display: inline; font-size: .9em; font-weight: normal; margin: 0em; width: auto; }


/* ------------------ h4 ------------------ */
h4 { text-align: center; letter-spacing:-1px; font-size: 1.15em; line-height: 1em; }
h4 strong { color: rgb(204,0,0); }

/* ------------------ #deck ------------------ */
#deck { margin-top: 1em; margin-bottom: 0em; overflow: hidden; }
#deck dl.photo { float: left; width: 175px; text-align:left; margin: 0em; }
#deck dl.photo:hover { background-color: rgb(245,245,245); }
#deck dl.photo dd img { padding: .25em; background-color: rgb(230,230,230); }
#deck dl.photo dd a img, #deck dl.photo dd a:link img, #deck dl.photo dd a:visited img { border: .1em solid rgb(245,245,245); }
#deck dl.photo dd a:hover img { border: .1em solid rgb(204,0,0); background-color: rgb(204,0,0); }
#deck dl.photo dt { text-align:left; font-size: .8em; }
#deck dl.photo dt em { text-transform: uppercase; } 
#deck h3 { text-align: left; color: rgb(192,0,0); margin: 0em 1em 1em 1em; font-size: 1.25em; }
#deck h3 strong { color: rgb(204,0,0); }
#deck h3 em { color: rgb(0,0,0); font-weight: normal; font-style: normal; }


/* ------------------ #content ------------------ */
#content { margin: 0em auto; max-width: 700px;
width:expression(document.body.clientWidth > 700? "700px": "auto" ) }
#content p { line-height: 1.15em; margin: 1em 0em; font-size: 1em;  }
#content div.indented { margin-left: 2em; margin-right: 1.5em;  }
#content div.indented p { text-indent: 0em; }
#content div.no-indent p { text-indent: 0em; }

#content blockquote {   background: rgb(225,250,200) url(pic-bap_box.png) no-repeat; background-position: center left; border: .25em solid rgb(235,255,215); padding: .5em .25em 1em 65px;  margin: 0em auto 1em auto; max-width: 500px;
width:expression(document.body.clientWidth > 750? "750px": "auto" )}
#content blockquote:hover { background-color: rgb(200,250,175); }
#content blockquote h3 { color: rgb(204,0,0); text-transform:capitalize; }
#content blockquote a { font-weight: bold; }

dl dt p, dl dd p { text-indent: 0em; }

/* ------------------ #letter ------------------ */
#letter p { text-indent: 2em; }
#letter em.underline { font-style: normal; text-decoration: underline; }


/* ------------------ .notes ------------------ */
div.notes { padding: .5em 1em; letter-spacing: -1px; background-color: rgb(255,238,252); border: .1em solid rgb(255,160,160); margin: 1em auto; overflow:hidden; }


/* ------------------ .vip_certificate ------------------ */
#vip_certificate { max-width: 650px; width:expression(document.body.clientWidth > 650? "650px": "auto" ); height: 514px; background-image:url(_images/pic-cert.jpg); background-repeat:no-repeat; padding: .5em; margin: 0em auto; text-align:center  }
#vip_certificate h2 { font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif; margin: 60px 0em 0em 0em; padding: 0em  }
#vip_certificate h3 { font-size: 1.35em; font-weight: normal; margin: 15px 0em 0em 0em; padding: 0em; line-height: 1.25em; }

#vip_certificate h4 { padding: 1em 2em; margin: 1em 2em; text-align:left; font }
#vip_certificate a img, #vip_certificate a:link img, #vip_certificate a:visited img { border: .1em solid rgb(245,245,245); padding: .25em; background-color: rgb(230,230,230); }
#vip_certificate a:hover img { border: .1em solid rgb(0,0,0); background-color: rgb(0,0,0); }



/* ------------------ 

DEFINITION LISTS

------------------ */

.value { overflow: auto; clear: both; background-color: rgb(255,238,252); border: .1em solid rgb(255,160,160); margin: .25em auto; padding: .25em .5em;  }
dl.value { border: none; padding: 0em; margin: 0em;  }
dl.last {  border-top: 1px dashed rgb(0,0,0); margin-top: .5em; padding-top: .25em; font-weight: bold }
dl.last dt { font-style: normal; }
.value dd { float: left; width: 70%;  clear: both; }
.value dt { float: left; width: 28%; margin: 0em; font-style: italic; }

#letter dl.photo { display: inline; margin-right: .5em; padding: .25em;  text-align:center; width: 165px;   }
#letter dl.photo img { padding: .25em; background-color: rgb(245,245,245)}
#letterdl.photo dt { text-align:center; font-style:italic; }
#letter dl.photo dt a { font-style: normal; font-weight: bold; }

#letter dl.tst-photo { display: inline; margin-right: 1em; padding: 0em; text-align:center; width: 125px; }
#letter dl.tst-photo img { background-color: rgb(230,230,230); padding: .15em; }
##letterdl.tst-photo dd { text-indent: 0em; }
letterdl.tst-photo dt { text-align: right; font-style:italic; }
#letter dl.tst-photo dt a { font-style: normal; font-weight: bold; }

#letter dl.photo-wide { display: inline; margin-right: 1em; padding: .25em;  text-align:center; width: 250px; border: .1em solid rgb(245,245,245);   }
#letter dl.photo-wide img { padding: .5em; border: .1em solid rgb(250,250,250); }
#letterdl.photo-wide dt { text-align:center; font-style:italic; }
#letter dl.photo-wide dt a { font-style: normal; font-weight: bold; }
#letter dl.photo-wide dd a img, #letter dl.photo-wide dd a:link img, #letter dl.photo-wide dd a:visited img { border: .1em solid rgb(245,245,245); }
#letter dl.photo-wide dd a:hover img { border: .1em solid rgb(204,0,0); background-color: rgb(204,0,0); }

#letter dl.tst { display: inline; margin-right: 1em; padding: .5em;  text-align:center; width: 250px; background-color: rgb(245,245,245); border: .15em solid rgb(230,230,230); }
#letter dl.tst blockquote { color: rgb(204,0,0); }
#letter dl.tst dt p { text-indent: 0em; }
#letter dl.tst dt { text-align: left; font-style: normal; }


/* ------------------ 

LISTS

------------------ */
ul.order { margin: 1em auto; }
.order li { list-style: none; padding: .5em 0em; }

#content ul li.alt:hover { background-color: rgb(245,245,245); }


ul.positive-red { margin: 0em 0em 0em 1em; list-style: square;  }
ul.positive-red li { list-style-image: url(_images/ico-positive_red.gif); list-style-type: square; list-style-position: inside; margin: 1em 0em;  padding-left: .25em; }
* +html ul.positive-red li, *html ul.positive-red li { list-style-position: outside; }


ul.square-red { margin: 0em 0em 0em 1em; list-style: square;  }
ul.square-red li { list-style-image: url(_images/ico-square_red.gif); list-style-type: square; list-style-position: inside; margin: 1em 0em;  }

ul.circle-red { margin: 0em 0em 0em 1em; list-style: square;  }
ul.circle-red li { list-style-image: url(_images/ico-circle_red.gif); list-style-type: square; list-style-position: inside; margin: 1em 0em;  }



ul.round-black { list-style-position: inside; margin: 0em 0em 0em 1em; }
ul.round-black li {list-style-image: url(_images/ico-square_red.png); list-style-type: square; list-style-position: inside; margin: 1em 0em; }


/* ------------------ 

TABLES

------------------ */
.table { width: 90%;  }
.table caption { padding: 0em 0em 5px 0em; text-align: right; }
.table th { background-color: rgb(204,0,0); color: rgb(255,255,255); border-right: .1em solid rgb(215,215,215); border-bottom: .1em solid rgb(215,215,215); border-top: .1em solid rgb(215,215,215); text-align: left; padding: 6px 6px 6px 12px; }


.table td { border-right: .1em solid rgb(215,215,215); border-bottom: .1em solid rgb(215,215,215); background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; }

.table th.nobg { border-top: 0em; border-left: 0em; border-right: .1em solid rgb(215,215,215); background: none; color: rgb(0,0,0); }

.table .spec { border-left: .1em solid rgb(215,215,215); border-top: 0em; background: none; color: rgb(0,0,0); }
.table .specalt { border-left: .1em solid rgb(215,215,215); border-top: 0em; background: none; background-color: rgb(245,245,245); color: rgb(0,0,0); }

.table .alt { background-color: rgb(245,245,245); color: rgb(0,0,0); }

.table tr.result { font-weight: bold; text-transform: uppercase; }
.table tr.result th.spec { background-color: rgb(0,0,0); color: rgb(255,255,255); }
.table tr.result td { background-color: rgb(0,0,0); color: rgb(255,255,255); }