body {
background: #36c5f2 url('images/bg-header.png') top repeat-x;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 13px;
color: #4a565a;
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
}
a {
color: #0787b0;
}
a:hover {
color: #03536d;
}
#wrapper {
width: 985px;
margin: 0 auto 0;
}
/* Header Styling */
#header {
height: 128px;
margin: 0 0 4px;
}
#logo {
float: left;
width: 385px;
height: 88px;
margin: 20px 0 0;
}
#rightheader { 
float: right;
width: 490px;
height: 111px;
margin: 17px 0 0;
}
a.contact-twitter {
background: url('images/contact-twitter.png') no-repeat;
width: 312px;
height: 25px;
display: block;
float: right;
}
a.contact-email {
background: url('images/contact-email.png') no-repeat;
width: 312px;
height: 22px;
display: block;
float: right;
}
ul#nav {
margin: 0;
padding: 21px 0 0;
list-style-type: none;
clear: both;
}
ul#nav li {
float: left;
}
a.nav-home {
background: url('images/nav-home.png') no-repeat;
width: 115px;
height: 43px;
display: block;
}
a.nav-home:hover {
background-position: bottom;
}
a.nav-lppacks {
background: url('images/nav-lppacks.png') no-repeat;
width: 142px;
height: 43px;
display: block;
}
a.nav-lppacks:hover {
background-position: bottom;
}
a.nav-forum {
background: url('images/nav-forum.png') no-repeat;
width: 125px;
height: 43px;
display: block;
}
a.nav-forum:hover {
background-position: bottom;
}
a.nav-blog {
background: url('images/nav-blog.png') no-repeat;
width: 108px;
height: 43px;
display: block;
}
a.nav-blog:hover {
background-position: bottom;
}

/* Content Styling */
#content {
background: #fff;
width: 977px;
padding: 4px;
}

/* Homepage Banner Styling */
#homebanner {
background: url('images/bg-homepageintro.png') no-repeat;
width: 977px;
height: 294px;
margin: 0 0 4px;
}
#intro {
width: 434px;
height: 210px;
float: left;
}
#intro p {
font-size: 14px;
color: #e8f9ff;
line-height: 24px;
margin: 67px 0 13px 20px;
width: 435px;
height: 79px;
padding: 7px 0 0 10px;
}
#intro ul {
list-style-type: none;
margin: 0 0 0 50px;
padding: 0;
width: 368px;
height: 103px;
}
#intro ul li {
height: 21px;
font-size: 18px;
font-weight: bold;
color: #fff;
margin: 0 0 20px;
}
#homecta {
width: 274px;
height: 45px;
float: right;
margin: 224px 20px 0 0;
}
a.viewmylatestpack {
background: url('images/btn-viewmylatestpack.png') no-repeat;
width: 274px;
height: 45px;
display: block;
}
a.viewmylatestpack:hover {
background-position: bottom;
}
/* Random Styling */
#homeoptin h2, #suboptin h2 {
font-size: 18px;
color: #056185;
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px solid #3e8fa8;
margin: 0 0 10px;
padding: 0 0 6px;
}
#latestpacks h2, #blogposts h2, #morelp h2 {
font-size: 18px;
color: #056185;
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px solid #3e8fa8;
margin: 0 0 3px;
padding: 0 0 6px;
}
.icon-mail {
float: left;
margin: 0 12px 0 0;
}
/* Home optin Styling */
#homeoptin {
background: #fff url('images/bg-gradient1.png') bottom repeat-x;
border: 1px solid #cfcfcf;
width: 287px;
height: 325px;
padding: 16px 20px 20px;
margin: 0 4px 4px 0;
float: left;
}
#homeoptin p {
font-size: 13px;
color: #4a565a;
line-height: 23px;
margin: 0 0 13px;
}
#homeoptin span {
color: #06789d;
font-weight: bold;
}
#homeoptin a {
color: #4a565a;
}
#homeoptin a:hover {
color: #6e7679;
}
#homeoptin-name {
background: url('images/bg-homepageyourname.png') no-repeat;
width: 193px;
border: 2px solid #c4c4c4;
padding: 6px 0 6px 90px;
margin: 0 0 10px;
}
#homeoptin-email {
background: url('images/bg-homepageyouremail.png') no-repeat;
width: 193px;
border: 2px solid #c4c4c4;
padding: 6px 0 6px 90px;
margin: 0 0 10px;
}
/* Home Latest LP Packs & Recent Blog Styling */
#homelatest {
background: url('images/bg-gradient2.png') no-repeat;
border: 1px solid #cfcfcf;
width: 602px;
height: 325px;
padding: 16px 20px 20px;
float: left;
}
#latestpacks {
width: 280px;
float: left;
margin: 0 42px 0 0;
}
#latestpacks ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li.packslist {
background: url('images/bullet-green.png') 0 7px no-repeat;
font-size: 13px;
color: #5b5b5b;
line-height: 23px;
border-bottom: 1px dashed #c6c6c6;
padding: 0 0 4px 20px;
margin: 0 0 3px;
}
#packslistlast {
border: 0;
}
#latestpacks a {
color: #0783ab;
font-weight: bold;
text-decoration: none;
}
#latestpacks a:hover {
color: #046888;
text-decoration: underline;
}
#blogposts {
width: 280px;
float: left;
}
#blogposts ul {
list-style-type: none;
margin: 0;
padding: 4px 0 0;
}
.bloglist {
border-bottom: 1px dashed #c6c6c6;
font-size: 12px;
color: #696969;
padding: 0 0 7px;
margin: 0 0 7px;
}
.bloglist span {
font-weight: bold;
}
.bloglist a {
color: #334952;
text-decoration: none;
}
.bloglist a:hover {
text-decoration: underline;
}
#bloglistlast {
border: 0;
}
/* Subpage Styling */ 
#subsidebar {
width: 269px;
float: left;
margin: 0 4px 0 0;
}
#morelp {
padding: 16px 20px 16px;
border: 1px solid #dddddd;
margin: 0 0 4px;
}
#morelp ul {
list-style-type: none;
margin: 0;
padding: 4px 0 0;
}
#morelp ul li {
background: url('images/bullet-green.png') 0 3px no-repeat;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 13px;
padding: 0 0 0 20px;
margin: 0 0 4px;
}
#morelp ul li a {
color: #5e5e5e;
text-decoration: none;
}
#morelp ul li a:hover {
color: #2c2c2c;
text-decoration: underline;
}
#testimonial {
padding: 20px 20px 20px 16px;
}
#testimonial p {
font-size: 13px;
color: #68767a;
line-height: 23px;
margin: 0;
padding: 0;
}
#testimonial p span {
font-weight: bold;
}

#subcontent {
width: 704px;
float: left;
}
#packnav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#packnav ul li {
float: left;
height: 40px;
}
#packnav img {
display: block;
}
a.tooltip span {
display: none; 
padding: 0;
margin: 0;
width: 238px;
padding: 10px 13px 10px 17px;
}
a.tooltip:hover span {
display:inline; 
position:absolute; 
background:#006080; 
font-size: 11px;
color:#def5e3;
font-weight: bold;
border-top: 1px solid #005270;
border-right: 1px solid #005270;
border-bottom: 1px solid #005270;
}

#description {
background: #1190b9;
height: 141px;
margin: 0 0 4px;
}
#desctext {
width: 325px;
float: left;
margin: 18px 0 0 20px;
}
#desctext h1 {
font-size: 30px;
font-weight: bold;
color: #afffbf;
text-transform: uppercase;
margin: 0;
}
#desctext p {
font-size: 14px;
color: #e8f9ff;
line-height: 24px;
margin: 0;
}
#packcta {
width: 307px;
float: right;
margin: 15px 20px 0 0;
}
#packcta form {
height: 45px;
margin: 0;
padding: 0;
}
p.price {
background: url('images/arrows.png') center no-repeat;
font-size: 30px;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0 0 3px;
}
p.note {
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 11px;
color: #fff;
margin: 4px 0 0;
text-align: center;
}
.preview {
margin: 0 0 4px;
}
.ss {
width: 173px;
float: left;
margin: 0 4px 0 0;
}
.ss2 {
width: 173px;
float: left;
margin: 0;
}
.ss img, .ss2 img {
background: #fff;
border: 1px solid #95c0ce;
padding: 2px;
display: block;
}
.ss img:hover, .ss2 img:hover {
background: #00ccff;
padding: 2px;
border: 1px solid #00b8e6;
}
.ss p, .ss2 p {
background: url('images/bg-lptitle.png') repeat-x;
height: 22px;
font-size: 12px;
text-align: center;
color: #194553;
margin: 0;
padding: 7px 0 0;
}
#bottomcta {
background: url('images/bg-bottomcta.png') no-repeat;
text-align: center;
width: 704px;
height: 126px;
padding: 77px 0 0;
margin: 0 0 4px;
}
/* Suboptin Styling */
#suboptin {
background: #fff url('images/bg-gradient3.png') bottom repeat-x;
border: 1px solid #dddddd;
height: 371px;
padding: 16px 20px 20px;
margin: 0;
}
#suboptin p {
font-size: 13px;
color: #4a565a;
line-height: 23px;
margin: 0 0 13px;
}
#suboptin span {
color: #06789d;
font-weight: bold;
}
#suboptin a {
color: #4a565a;
}
#suboptin a:hover {
color: #6e7679;
}
#suboptin-name {
background: url('images/bg-homepageyourname.png') no-repeat;
width: 133px;
border: 2px solid #c4c4c4;
padding: 6px 0 6px 90px;
margin: 0 0 10px;
}
#suboptin-email {
background: url('images/bg-homepageyouremail.png') no-repeat;
width: 133px;
border: 2px solid #c4c4c4;
padding: 6px 0 6px 90px;
margin: 0 0 10px;
}
/* Affiliate Program Page Styling */
#affheader {
background: url('images/bg-bluegradient.png') repeat-x;
height: 72px;
}
#affheader h1 {
font-size: 30px;
font-weight: bold;
color: #fff;
margin: 18px 0 0 20px;
text-transform: uppercase;
float: left;
}
#btn-login {
height: 38px;
float: right;
margin: 17px 10px 0 0;
}
#btn-createaccount {
height: 38px;
float: right;
margin: 17px 20px 0 0;
}
#affintro {
background: url('images/bg-lightbluegradient.png') repeat-x;
height: 95px;
margin: 0 0 25px;
}
#affintro p {
margin: 0;
color: #3c7a8e;
font-size: 14px;
margin: 0;
padding: 12px 20px 20px;
line-height: 23px;
}
#affbanner {
background: url('images/affiliatebanner.png') center no-repeat;
height: 131px;
margin: 0 0 15px;
}
#faqtext {
padding: 0 20px;
}
#faqtext h2 {
font-size: 22px;
font-weight: bold;
color: #141414;
margin: 0 0 10px;
}
#faqtext ol {
padding: 0 0 0 20px;
margin: 0;
}
#faqtext ol li {
margin: 0 0 15px;
}
#faqtext ol li p{
font-size: 13px;
color: #4a565a;
margin: 0 0 5px;
}
#faqtext ol li span {
font-weight: bold;
}
/* Blog Styling */
#blogcontent {
width: 661px;
padding: 20px;
float: left;
}
.avatar {
background: url('images/avatar.png') 0 6px no-repeat;
width: 37px;
height: 43px;
float: left;
margin: 0 10px 0 0;
}
.thetitle {
width: 614px;
float: left;
}
.thetitle h1 {
font-size: 24px;
font-weight: bold;
color: #323131;
margin: 0;
padding: 0;
}
.thetitle h1 a {
color: #323131;
text-decoration: none;
}
.thetitle h1 a:hover {
color: #131313;
text-decoration: underline;
}
.thetitle p {
margin: 0;
font-size: 12px;
color: #606060;
}
.thetitle p span {
margin: 0 4px;
color: #888888;
}
.thetitle p a {
color: #606060;
}
.thetitle p a:hover {
color: #000;
}
.posttext {
background: url('images/postseperator.png') bottom left no-repeat;
clear: both;
padding: 10px 0 3px;
margin: 0 0 24px;
}
.posttext p {
font-size: 14px;
line-height: 24px;
margin: 0 0 14px;
color: #767676;
}
#previous a {
background: #59d372;
font-size: 14px;
color: #fff;
display: block;
float: left;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding: 7px 5px;
}
#previous a:hover {
background: #46be5f;
}
#newer a {
background: #59d372;
font-size: 14px;
color: #fff;
display: block;
float: right;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding: 7px 5px;
}
#newer a:hover {
background: #46be5f;
}
#sidebar {
width: 274px;
background: #d6e7ec;
border: 1px solid #006689;
float: left;
padding: 0 0 4px;
margin: 0 0 4px;
}
#sidebar h2 {
background: url('images/bg-blogsubheader.png') repeat-x;
height: 30px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #d5f4db;
margin: 0 0 10px;
padding: 9px 0 0 9px;
}
#sidebar ul {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}
#sidebar ul li {
background: url('images/bullet-bluesquare.png') 0 3px no-repeat;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 12px;
padding: 0 0 0 20px;
margin: 0 0 6px;
}
#sidebar ul li a {
color: #1a414e;
text-decoration: none;
}
#sidebar ul li a:hover {
color: #0a3847;
text-decoration: underline;
}
.searchform {
width: 100%;
padding: 10px;
}
#s {
width: 252px;
margin: 0 auto 6px;
padding: 5px 0;
border: 1px solid #006689;
}
#searchbutton {
width: 252px;
text-align: center;
}
#searchbutton input {
font-family: Arial, Tahoma, Verdana, sans-serif;
background: #59d372;
color: #fff;
text-transform: uppercase;
padding: 4px 5px;
border: 0;
font-weight: bold;
}
h2.pagetitle, h2.center {
font-size: 16px;
font-weight: bold;
color: #000;
margin: 0 0 17px;
}
.ads125 {
padding: 0 0 6px 8px;
}
/* Styles for one-column display */
#wp125adwrap_1c { width:100%; }
#wp125adwrap_1c .wp125ad { margin-bottom:10px; }

/* Styles for two-column display */
#wp125adwrap_2c { width:100%; padding: 0;}
#wp125adwrap_2c .wp125ad { width:125px; float:left; padding:0 2px 1px; }
/* Footer Styling */ 
#footer {
background: url('images/footer.png') no-repeat;
height: 134px;
clear: both;
}

/*Breadcrumb styling */
div.breadcrumb {
padding: 7px;
margin: 0 0 20px;
border: 1px dashed #cacaca;
}
div.breadcrumb a {
color: #4a565a;
}
div.breadcrumb a:hover {
color: #4a565a;
}
/* Blog Comment styling */
ol.commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}
ol.commentlist li {
border-bottom: 2px solid #d6d6d6;
margin: 0 0 14px;
}
p.copyright {
color: #c9c9c9;
font-size: 12px;
text-align: center;
margin: 0;
padding: 18px 0 5px;
}
p.copyright a {
color: #c9c9c9;
font-weight: bold;
text-decoration: none;
}
p.copyright a:hover {
color: #989898;
}
p.footerlinks {
color: #858585;
font-size: 12px;
text-align: center;
margin: 0;
}
p.footerlinks a {
color: #c9c9c9;
text-decoration: underline;
margin: 0 3px;
}
p.footerlinks a:hover {
color: #989898;
}

/* 1 WEEK SALE STYLING */
#deal-topbanner img {
display: block;
margin: 0 0 4px;
}
#deal-bg {
background: url('images/deal-bg.png') no-repeat;
width: 704px;
height: 347px;
margin: 28px 0 0;
padding: 128px 0 0;
}
#deal-bg p {
width: 574px;
height: 54px;
margin: 0 auto 196px;
color: #1c353c;
padding: 12px 15px 0;
font-size: 12px;
line-height: 22px;
}
#deal-bg p a {
color: #1c353c;
text-decoration: none;
}
#deal-bg p a:hover {
text-decoration: underline;
}
#deal-cta {
text-align: center;
}

/* MONTHLY DEALS STYLING */
#dealsbanner {
background: url('images/bg-dealsbanner.png') no-repeat;
height: 145px;
margin: 1px 0 0;
}
#dealsheader {
background: url('images/bg-dealsheader.png') no-repeat;
height: 37px;
margin: 0 0 1px;
}
.dealbox {
border: 1px solid #9cadb1;
margin: 0 0 4px;
}
.dealitem {
width: 238px;
float: left;
background: #edf5f7;
border-right: 2px dashed #d2e1e5;
margin: 0 20px 0 0;
padding: 25px 0;
}
.dealitem a {
color: #0e6277;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin: 0 0 0 20px;
}
.dealdesc p {
width: 200px;
float: left;
color: #474747;
}
.dealdesc p span {
color: #e80505;
font-weight: bold;
}
.dealdesc form {
width: 188px;
height: 43px;
float: right;
margin: 10px 20px 10px 0;
}
#dealnotice p {
text-align: center;
font-weight: bold;
}