* {
   margin: 0;
   padding: 0;
}
body {
   font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   margin: 0;
   padding: 0;
   text-align: center;
   background: #fff;
   color: #2f2f2f;
}
h1 {
   text-decoration: none;
   color: black;
   font-size: 40px;
}
h2 {
   text-decoration: none;
   color: black;
   font-size: 24px;
}
h3 {
   text-decoration: none;
   color: black;
   font-size: 16px;
}

p {
   padding: 0px 0px 15px 0px;
}

p.nospace {
   padding: 0 0 0 0;
}

#main {
	width: 100%;
	background: #fff;
}

#insideheader {
   width: 960px;
   margin: 0 auto;
}

#header {
   height: 111px;
   background-image: url(../images/bg/pingskills_header.jpg);
}  

#headerdeep {
   height: 200px;
   background-image: url(../images/bg/pingskills_header_deep.jpg);
}  

#insideheader {
   width: 960px;
   margin: 0 auto;
}
#insideheader h1 {
   font: 24px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   margin: 0;
   padding: 20px 0px 0px 0px;
   text-align: right;
   color: #fff;
}
#insideheader h2 {
   font: 16px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   margin: 0;
   padding: 0;
   text-align: right;
   color: #fff;
}

#slogan {
   width: 600px;
   float: right;
}

#loginInfo {
   width: 640px;
   float: right;
   text-align: right;
   margin-top: 5px;
}

ul.tabs {
   margin: 10px;
   padding: 0px;
}

ul.tabs li {
   list-style: none;
   display: inline;
   margin-top: 10px;
   padding: 5px;
   color: #DDEEFF;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.tabs li a {
   color: #DDEEFF;
}

ul.tabs li a:hover {
   background-color: #113355;
}

ul.tabs-front {
   margin: 10px;
   padding: 0px;
}

ul.tabs-front li {
   list-style: none;
   display: inline;
   padding: 5px;
   color: #2f4b91;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.tabs-front li a {
   color: #113355;
}

ul.tabs-front li a:hover {
   background-color: #EEEEEE;
}

#headerimg {
   width: 142px;
   float: left;
}

#headerimgwide {
   padding-top: 10px;
   width: 142px;
   float: left;
}

img#logo {
   width: 142px;
   height: 85px;
   margin: 13px 0px 0px 0px;
}

#leftHeaderWide {
   width: 370px;
   float: left;
}

#insideheaderdeep {
   width: 960px;
   margin: 0 auto;
}
#insideheaderdeep h1 {
   font: 26px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   margin: 0;
   padding: 0px 0px 0px 0px;
   text-align: left;
   color: #fff;
}

#Us {
   width: 580px;
   float: right;
   padding-top: 15px;
}

img#ssr-front {
   width: 175px;
   height: 175px;
   margin: 0px 0px 0px 0px;
   border: 1px solid #ddd;
   -webkit-box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
   -moz-box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
   box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
}
img#rsr-front {
   width: 175px;
   height: 175px;
   margin: 0px 5px;
   border: 1px solid #ddd;
   -webkit-box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
   -moz-box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
   box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
}
img#tsr-front {
   width: 175px;
   height: 175px;
   margin: 0px 5px;
   border: 1px solid #ddd;
   -webkit-box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
   -moz-box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
   box-shadow: 4px 4px 10px rgba(0,0,0, 0.5);
}

img#alois {
   width: 250px;
   height: 208px;
   margin: 0px 5px;
}

img#jeff {
   width: 250px;
   height: 208px;
   margin: 0px 0px 0px 0px;
}

#bigslogan {
   float: left;
   margin: 0px;
}

#bigslogan h1 {
   font: 48px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   margin: 0;
   padding: 20px 0px 10px 0px;
   text-align: center;
   color: #FFFFFF;
}

.frontPageLink {
   width: 300px;
   float: left;
   margin: 0px;
   padding: 10px 10px;
}

.frontPageHalf {
   width: 400px;
   float: left;
   margin: 0px;
   padding: 0px 10px 0px 10px;
}

.frontPageHalf p {
   padding: 0px 0px 10px 0px;
}

.frontPageHalf img.plans {
   margin: 10px 0px 0px 40px;
}


.frontPageLink img {
   border: 0px;
}

h2.signupCentre {
   text-align: center;
}

.signupOverview {
   font: 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   text-align: center;
   line-height: 150%;
   color: #666;
   padding: 3px 0;
   margin: 2px 0 17px 0;
}
.signupPromo {
   font: 24px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   line-height: 150%;
   color: #666;
   padding: 3px 0;
   margin: 2px 0 17px 0;
   text-align: center;
}

#mainSectionWide .signupBox {
   width: 560px;
   margin: 10px auto;
   padding: 0px;
   border: 2px solid black;
   text-align: center;
   background: #EEEEEE;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
}

#mainSectionWide .signupBox h2 {
   font: bold 36px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   margin: 0;
   color: #222222;
   text-align: center;
}

.signupBox h2 a {
   text-decoration: none;
   color: #222222;
}

.signupBox h3 {
   font: bold 24px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   margin: 0;
   padding: 0px 10px 10px 10px;
   color: #222222;
   text-align: center;
}

.signupBox h4 {
   font: bold 12px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   margin: 0;
   padding: 0px 0px 10px 0px;
   color: red;
   text-align: center;
}

.signupFeatures {
   padding: 10px 0px 0px 0px;
}

.signupFeatures p {
   font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   padding: 0px;
   margin: 0px;
}

.signupBlurb {
   padding: 0px 0px 10px 0px;
}

.signupBlurb p {
   padding: 0px;
   margin: 0px;
}

.application {
   padding: 5px 0px 5px 0px;
   font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: #477ccd;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   background: #EEF;
}

#questionSectionWide {
   width: 960px;
   margin: 10px;
   padding: 30px;
   float: left;
   background: #EEE;
}
.signupPageFull {
   margin: 0px;
   padding: 5px;
   background-color: #DDD;
}
.signupPageHalf {
   width: 400px;
   float: left;
   margin: 0px;
   padding: 0px 10px 0px 10px;
}

img#validate {
   border: 0px;
   width: 88px;
   height: 31px;
}

#startnavbar {
   border-bottom: 2px solid #bbeeff;
}

.blueBar {
   border-bottom: 2px solid #bbeeff;
}

#mainNav {
   height: 32px;
   background: #DDEEFF;
   border-bottom: 1px solid #ffffff;
   padding: 0px 0px 0px 150px;
}
#mainNavLinks {
   width: 960px;
   margin: 0 auto;
   height: 30px;
   background: #DDEEFF;
}

ul.mainLinks {
   float: left;
}
ul.mainLinks li {
   display: inline;
   list-style-type: none;
}
ul.mainLinks li a, ul.mainLinks li a:link, ul.mainLinks li a:visited {
   font: bold 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   color: #113355;
   text-decoration: none;
   margin: 0 25px 5px 0;
   padding: 8px 0 12px 0;
   float: left;
}
ul.mainLinks li a:hover, ul.mainLinks li.active a, ul.mainLinks li.active a:link, ul.mainLinks li.active a:active, ul.mainLinks li.active a:visited {
        color: #477ccd;
}
ul.mainLinks li.store {
	width: 0px;
}
ul.mainLinks li.store a {
	float: right;
	margin-right: 13px;
}

.endNav {
   border-bottom: 2px solid #bbeeff;
}
#content {
   width: 960px;
   margin: 0 auto;
   text-align: left;
   padding: 25px 0 0 0;
}
#navGoLeft {	
	width: 180px;
	float: left;
	padding-right: 30px;
}
#viewcart {
   border: none;
   width: 52px;
   height: 35px;
}
#checkout {
   border: none;
   width: 52px;
   height: 41px;
}

#navGoLeft h3 {
	text-transform: uppercase;
	font: bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	border-top: 4px solid #8b8b8b;
	border-bottom: 1px dotted #8b8b8b;
	padding: 3px 0;
	margin: 5px 0 10px 0;
}
#navGoRight {	
   width: 180px;
   float: right;
   padding-left: 30px;
   text-align: left;
}
#navGoRight p {
   color: #555;
   line-height: 18px;
}
#navGoRight h3 {
	text-transform: uppercase;
	font: bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	border-top: 4px solid #8b8b8b;
	border-bottom: 1px dotted #8b8b8b;
	padding: 3px 0;
	margin: 5px 0 10px 0;
}
ul.level2Links {
   margin: 0px 0px 20px 0px;
}
ul.level2Links li {
   font-size: 11px;
   margin: 0 0 3px 0;
   padding: 3px 0 3px 0px;
   display:block;
   list-style:none;
}

ul.level2Links li a {
   text-decoration: none;
   color: #485b93;
   padding: 2px;
}
ul.level2Links li.active a, ul.level2Links li a:hover {
   color: #485b93;
   background: #dddddd;
}

#mainSection {
   width: 730px;
   float: left;
   padding-right: 0px;
}

#mainSection h1 {
	font: bold 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #3766a0;
	padding: 3px 0;
	border-bottom: 1px dotted #021177;
	margin: 2px 0 17px 0;
}
#mainSection h2 {
   font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: black; /* #2f4b91; */
   padding: 3px 0;
   margin: 2px 0 10px 0;
}
#mainSection h2#mainLine {
   font: bold 30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: black;
   padding: 3px 0;
   margin: 2px 0 17px 0;
   text-align: center;
}

#mainSection h2.headred {
   font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: #FF0000;
   padding: 3px 0;
   border-bottom: 0px;
   margin: 2px 5px 17px 5px;
   float: left;
}
#mainSection h2.actualPrice {
   font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   padding: 3px 0;
   border-bottom: 0px;
   margin: 2px 5px 17px 5px;
   float: left;
}
#mainSection h3.euroCurrency {
   font: bold 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   padding: 3px 0;
   border-bottom: 0px;
   margin: 2px 5px 17px 5px;
   float: left;
}

.dvdOverview {
   font: 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   line-height: 150%;
   color: #666;
   padding: 3px 0;
   margin: 2px 0 17px 0;
}

.lessonOverview {
   font: 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   line-height: 150%;
   color: #666;
   padding: 3px 0;
   margin: 2px 0 17px 0;
}

#mainSection li {
   margin: 10px 20px;
}

#mainSectionWide h2#mainLine {
   font: bold 30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: black;
   padding: 3px 0;
   margin: 0px 0 10px 0;
   text-align: center;
}
#mainSectionWide h3#secondLine {
   font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: black;
   padding: 3px 0;
   margin: 0px 0 15px 0;
   text-align: center;
}

#mainSectionWide {
   width: 960px;
   float: left;
}
#mainSectionWide h1 {
   font: bold 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #3766a0;
   padding: 3px 0;
   margin: 2px 0 17px 0;
}
#mainSectionWide h2 {
   font: bold 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: black; /* #3766a0; */
   padding: 3px 0;
   margin: 2px 0 17px 0;
}

#mainSectionWide .frontBox {
   float: left;
   width: 380px;
   height: 500px;
   margin: 0px 2px 20px 2px;
   padding: 0px
}

.smallYouTube {
   padding: 3px;
}

#mainSectionWide .frontBox h1 {
   font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: #ffffff;
   text-align: center;
   padding: 5px 2px 5px 2px;
   background: #477ccd;
   margin: 0px 0px 17px 0px;
}

#mainSectionWide .frontBox h2 {
   font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: #2f4b91;
   text-align: center;
   padding: 3px;
   border-bottom: 1px solid #efefef;
   margin: 2px 0 17px 0;
}

.screenRight {
   float: right;
   width: 213px;
   padding-bottom: 20px;
}

.screenLeft {
   float: left;
   width: 213px;
   padding-bottom: 20px;
}
.textLeft {
   float: left;
   padding-left: 20px;
   width: 375px;
   padding-bottom: 20px;
   font-size: 11px;
}

.textLeft h3 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 0 10px 0;
        color: #477ccd;
}
.textLeft h3 a {
   text-decoration: none;
   color: #477ccd;
}
.textLeft h3 a:hover {
   text-decoration: underline;
   color: #477ccd;
}

.wide350 {
   float: left;
   width: 350px;
   padding-right: 30px;
   margin: 0px;
}

.wide180 {
   float: left;
   width: 180px;
   height: 450px;
   padding: 0px;
   margin: 0px;
}
.text190 {
   float: left;
   width: 180px;
   height: 450px;
   margin: 0px 5px 15px 15px;
   font-size: 11px;
}


.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.pagingFooter {
	text-align: right;
	border-top: 1px solid #e6e6e6;
	margin-top: 15px;
	padding: 10px;
	background: #f5f5f5;
}

.break25px {
	background: #fff;
	height: 25px;
}

#footerCase {
	background: #fff url('../images/bg/footer.jpg') top left repeat-x;
	padding: 0px 0 0 0;
}
#twitter-facebook-footer {
	width: 960px;
        height: 50px;
	text-align: center;
	margin: 0 auto;
}
#footer {
	width: 960px;
        height: 50px;
	text-align: center;
	margin: 0 auto;
}
.footer p {
	padding: 0 0 6px 0;
	text-align: right;
	margin: 0 0 5px 0;
	font-size: 11px;
	color: #91b7de;
}

.footerleft {
	float: left;
	text-align: left;
	padding-top: 25px;
}
.footerleft p {
	padding: 0 0 6px 0;
	margin: 0 0 5px 0;
	font-size: 11px;
	color: #91b7de;
}

.footerright {
	float: right;
	text-align: right;
	padding-top: 10px;
}
.footerright p {
	padding: 0 0 6px 0;
	margin: 0 0 5px 0;
	font-size: 11px;
	color: #142DDE;
}

img#askcoachquestion {
	vertical-align: middle;
        border: none;
        padding: 0;
        margin: 0 10px 0 0;
}
img#askquestion {
	vertical-align: middle;
        width: 72px;
        height: 72px;
        border: none;
        padding: 0;
        margin: 0 10px 0 0;
}
img#addcomment {
	vertical-align: middle;
        width: 72px;
        height: 72px;
        border: none;
        padding: 0;
        margin: 0 10px 0 0;
}
img#back_to_questions {
	vertical-align: middle;
        width: 72px;
        height: 72px;
        border: none;
        padding: 0;
        margin: 0 10px 0 0;
}

img.videolesson {
	vertical-align: middle;
	margin-right: 10px;
        border: none;
}

img.middleme {
	vertical-align: middle;
	margin-right: 3px;
}
a.imgfocus img {
   border: 1px solid #999;
   margin: 5px 4px 5px 4px;
}
a.imgfocus:hover img {
   border: 1px solid #bfe0ff;
}

.screenLeft img {
	border: 0px;
}

.resourceChunk {
	padding: 15px 20px 10px 20px;
	background: #fff;
	margin-bottom: 25px;
}
body#resources #mainSection .resourceChunk h2 {
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	border: none;
	margin: 0;
	padding: 2px 0 14px 0;
}
.resourceChunk .resourceLinks {
	padding-left: 65px;
}
.resourceChunk .resourceLinks p {
	padding: 0 0 10px 0;
	font-size: 11px;
	line-height: 15px;
}
body #mainSection .resourceChunk .resourceLinks ul {
	margin: 0 0 0 12px;
}
body #mainSection .resourceChunk .resourceLinks ul li {
	padding: 0 0 5px 0;
	font-size: 11px;
	line-height: 10px;
}
.resourceChunk #rules {
	background: url('../images/icons/rules.gif') top left no-repeat;
        min-height: 50px;
}
.resourceChunk #rules2 {
	background: url('../images/icons/rules.gif') top left no-repeat;
        min-height: 50px;
}
.resourceChunk #bronze-level {
	background: url('../images/icons/tticon.gif') top left no-repeat;
        min-height: 60px;
}
.resourceChunk #silver-level {
	background: url('../images/icons/tticon.gif') top left no-repeat;
        min-height: 60px;
}
.resourceChunk #gold-level {
	background: url('../images/icons/tticon.gif') top left no-repeat;
        min-height: 60px;
}
/* Links */

a:link, a:hover, a:active {
	text-decoration:underline;
	color: #0e5ca5;
}
a:visited { color:#0e5ca5; }
a:hover { text-decoration:none; }

#mainSection h3 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 0 10px 0;
        color: #477ccd;
}
#mainSectionWide h3 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 0 10px 0;
        color: #477ccd;
}

#mainSection h4 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 0 10px 0;
        color: #477ccd;
}

.frontLogin {
   width: 380px;
   color: #113355;
   border-spacing: 0;
   border: 5px;
   padding: 5px;
}

table {
   color: #113355;
   border-spacing: 0;
   border: 2px solid #477ccd;
   padding: 5px;
}
tr.header th {
   background: #DDEEFF;
   color: #113355;
   padding: 5px;
   border-bottom: 2px solid #477ccd;
}
tr.odd td {
        background: #DDEEFF;
        padding: 5px;
}
tr.even td {
        background: #EEEEEE;
        padding: 5px;
}
tr.odd td a {
   color: #113355;
   text-decoration:none;
}
tr.even td a {
   color: #113355;
   text-decoration:none;
}
tr.odd td a:hover {
   text-decoration:underline;
}
tr.even td a:hover {
   text-decoration:underline;
}
tr.oppodd td {
        background: #DDEEFF;
        padding: 5px;
}
tr.oppeven td {
        background: #EEEEEE;
        padding: 5px;
}
tr.oppodd td a.nameLink {
   color: #113355;
   text-decoration:underline;
}
tr.oppeven td a.nameLink {
   color: #113355;
   text-decoration:underline;
}
tr.oppodd td a.nameLink:hover {
   text-decoration:none;
   background: #113355;
   color: #FFFFFF;
}
tr.oppeven td a.nameLink:hover {
   text-decoration:none;
   background: #113355;
   color: #FFFFFF;
}

tr.changeaccount td {
   background: #EEEEEE;
   padding: 10px;
   border-bottom: 1px solid black;
}
tr.currentaccount td {
   background: #DDEEFF;
   padding: 10px;
   border-bottom: 1px solid black;
}
#question {
        border: 1px solid #000;
	background: #fff;
        padding: 10px;
}  
#question li {
   margin: 20px;
}
#question h3.pingskills_user, #comment h3.pingskills_user {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0 0px 0;
        color: #2f4b91;
}
#question h3.visitor, #comment h3.visitor {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 0 0px 0;
        color: #477ccd;
}
#comment h4 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px 0 10px 0;
        color: #333333;
}

#comment {
        border: 1px solid #000;
	background: #fff;
        padding: 10px;
}  
#comment li {
   margin: 20px;
}

div.cart-button-left {
   float: left;
   width: 175px;
   padding: 5px;
}
div.cart-button-right {
   float: right;
   padding: 5px;
}

div.AddToCart {
   float: left;
   width: 420px;
   padding: 20px 5px 20px 5px;
}
div.AddToCartLeft {
   width: 120px;
   float: left;
   padding: 5px;
}
.AddToCartLeft img {
   border: 0px;
   width: 96px;
   height: 21px;
}

textarea#limitwidth {
   width: 600px;
}

#nextLesson {
   text-align: right;
   background: #DDDDDD;
}

img.store-bats {
   vertical-align: middle;
   width: 128px;
   height: 85px;
   border: 1px solid #999;
   padding: 0;
   margin: 10px;
}

img.store-dvds {
   vertical-align: middle;
   width: 128px;
   height: 85px;
   border: 1px solid #999;
   padding: 0;
   margin: 10px;
}

img.sidebar-photo {
   width: 158px;
   height: 178px;
   border: 2px solid #999;
   padding: 0;
   margin: 8px;
}

div.google_rect {
   float: right;
   padding-left: 10px;
   padding-bottom: 5px;
}

div.google_rect_left {
   float: left;
   padding-right: 10px;
   padding-bottom: 5px;
}

img.floatleft {
   float: left;
   border: 0px;
}
img.floatright {
   float: right;
   border: 0px;
}

img.storephoto {
   float: left;
   margin: 2px;
}

img.storephotoright {
   float: right;
   margin: 2px;
}

blockquote {
   background: url(http://www.pingskills.com/images/icons/quote.gif) top left no-repeat;
   margin: 5px 0 15px 0;
   padding-left: 35px;
   color: #666;
   line-height: 17px;
}

.tickList {
   background: #fff;
   margin-bottom: 25px;
   float: left;
   width: 375px;
}

.tickList ul {
   margin: 0px 0px 0px 0px;
   list-style: none;
}

.tickList ul li {
   padding: 0 0 0px 20px;
   background: url(http://www.pingskills.com/images/bg/tick.gif) no-repeat 0 3px;
}

.lessonList {
   background: #fff;
   margin-bottom: 25px;
   float: left;
}

.lessonList ul {
   margin: 0px 0px 0px 0px;
   list-style: none;
}

.lessonList ul li {
   padding: 0 0 0px 20px;
   background: url(http://www.pingskills.com/images/bg/tick.gif) no-repeat 0 3px;
}

.divLeft {
   float: left;
}
.divRight {
   float: right;
}
.divLeftProfilePic {
   float: left;
   width: 60px;
}
.divLeftComment {
   float: left;
   width: 555px;
   border-bottom: 1px dotted #8b8b8b;
}

.storeDiv {
   float: left;
   width: 260px;
   height: 300px;
   margin: 3px;
   padding: 1px;
   border: 1px solid silver;
}

.storeDivNoBorder {
   float: left;
   width: 260px;
   padding: 0px;
   margin: 3px 3px 30px 3px;
   padding: 1px;
   border: 0px;
}

.noBorderLink img {
   border: 0px;
}

div.prices_left {
   float: left;
   padding-right: 20px;
   padding-bottom: 5px;
}

div.lessonPic {
   width: 48px;
   float: left;
   margin: 0px;
   padding: 1px;
}
div.lessonSummary {
   width: 252px;
   float: left;
   margin: 0px;
   padding: 3px;
}

#mainSectionWide .lessonSummary h3, #mainSectionWide .lessonSummary h3 a, #mainSectionWide .lessonSummary h3 a:hover {
   text-decoration: none;
   font: 14px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   margin: 0;
   padding: 0;
   text-align: left;
   color: #000;
   border: 0px;
}

#mainSectionWide .lessonSummary p {
   font: 14px arial, helvetica, sans-serif;
   color: #888;
}

div.youtube {
   float: left;
   padding: 10px 10px 10px 0px;
   width: 425px;
}

div.dvdPromo p {
   font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   padding: 10px 0px 0px 0px;
   width: 250px;
   float: left;
}

#lbGoRight {	
   width: 180px;
   float: left;
   padding: 0px 10px 0px 10px;
   text-align: left;
   background: #FFF;
   border: 1px solid black;
}

#lbGoRight h1 {
   font: 14px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
}

#lbGoRight h2 {
   font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   color: #3766a0;
}
#lbGoRight h3 {
	text-transform: uppercase;
	font: bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	border-top: 4px solid #8b8b8b;
	border-bottom: 1px dotted #8b8b8b;
	padding: 3px 0;
	margin: 5px 0 10px 0;
}

.tactics {
   width: 500px;
   float: left;
   padding: 10px;
   margin: 5px;
   background: #EEE;
}

.opponentPicDiv {
   float: left;
   margin: 0px 10px 10px 10px;
}

.opponentPic {
   padding: 5px;
   border: 1px solid black;
}

div.matchHeading {
   float: left;
   font: 24px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   color: #2f4b91;
   margin: 15px;
}

div.vaultHeader {
   float: left;
   width: 450px;
}
div.vaultLink {
   float: right;
   margin: 10px;
}

.button { /* generic container for floating buttons */
    overflow: hidden;
    width: 100%;
    margin: 10px;
}

a.silverButton {
    background: transparent url('../images/icons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.silverButton span {
    background: transparent url('../images/icons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.silverButton span img {
   border: 0px;
}

a.silverButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.silverButton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

div#questionHeader {
   float: left;
   width: 450px;
}
div#questionTrackLink {
   float: right;
   margin: 10px;
}

div#blankStatePicture {
   float: left;
   width: 110px;
}
div#blankStatePicture img.blankStateImg {
   width: 100px;
   height: 100px;
   border: 2px solid silver;
}
div#blankStateText {
   float: left;
   width: 500px;
}

div.vaultFeaturePicture2 {
   float: left;
   width: 300px;
   padding: 10px;
}
div.vaultFeaturePicture {
   float: left;
   width: 110px;
}
div.vaultFeaturePicture img.vaultFeatureImg {
   width: 100px;
   height: 100px;
   border: 2px solid silver;
}
div.vaultFeatureText {
   float: left;
   width: 310px;
}

.frontPageOverview {
   font: 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   line-height: 150%;
   color: #666;
   padding: 3px 0;
   margin: 2px 0 17px 0;
}

.vaultHighlight {
   font: 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   line-height: 150%;
   color: #666;
   margin: 3px 0px 0px 10px;
}

.frontPageOverviewImage {
   float: left;
   border: 0px;
   margin: 0px 5px 0px 0px;
}

.vaultOverview {
   font: 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   line-height: 150%;
   color: #000;
   padding: 10px 0;
   margin: 2px 0 17px 0;
}

.vaultOverviewImage {
   float: left;
   border: 0px;
   margin: 0px 5px 0px 0px;
}

div.noSave {
   float: right;
   padding: 10px;
}

img.vaultDBImg {
   padding: 5px 15px 20px 5px;
   border: 1px solid silver;
}

.bigPercent {
   float: left;
   font: 72px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   padding-right: 20px;
   padding-top: 5px;
   padding-bottom: 10px;
   text-align: left;
   color: #000;
}

.dashboardOverview {
   font: 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   text-align: center;
   line-height: 150%;
   color: #666;
   padding: 3px 0;
   margin: 2px 0 17px 0;
}

span.red {
   color: red;
}

img.actionIcon {
   border-style: none;
}

div#videoZone {
   padding-right: 5px; 
}

div.videoPicture {
   float: left;
   width: 165px;
   padding: 10px 5px; 10px 0px;
}
img.videoFeatureImg {
   width: 160px;
   height: 90px;
   border: 2px solid silver;
}
div.videoText {
   float: left;
   width: 460px;
   padding: 10px 0px 10px 0px;
}
div.videoTextCols {
   float: left;
   width: 260px;
   padding: 10px 0px 10px 0px;
}

#mainSection h2.vidText {
   font: bold 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: #2f4b91;
   padding: 0px;
   margin: 2px;
   border-bottom: none;
}

#mainSection h2.vidText a {
   text-decoration: none;
}

#mainSection h2.vidText a:hover {
   text-decoration: underline;
}

#mainSectionWide h2.vidText {
   font: bold 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: #2f4b91;
   padding: 0px;
   margin: 2px;
   border-bottom: none;
}

#mainSectionWide h2.vidText a {
   text-decoration: none;
}

#mainSectionWide h2.vidText a:hover {
   text-decoration: underline;
}

h5.videoInfo {
   font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   color: #666;
   margin-bottom: 10px;
}

img.signup {
   border-style: none;
}

img.productAd {
   border-style: none;
}

img.guarantee {
   float: left;
   border: 0px;
   padding-right: 10px;
}

div.alignCenter {
   text-align: center;
}

img.noBorderLink {
   border: 0px;
   padding-right: 10px;
}

img.dvdGuarantee {
   float: right;
   border: 0px;
   padding-left: 10px;
}

img.followButton {
   border-style: none;
   padding: 5px 5px 0px 5px;
}

.upgradeButton {
   text-align: right;
}

.downloadVideoImage {
   float: left;
   width: 130px;
   height: 130px;
   padding: 10px;
}
.downloadRight {
   float: left;
   padding: 5px;
}
.downloadInfo {
   float: right;
   padding: 5px;
}
.downloadTitle {
   padding: 5px;
}
.downloadTitle h2 {
   font: bold 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: #2f4b91;
   border-bottom: none;
   padding: 0px;
   line-height: 200%;
}
.downloadLink {
   text-align: center;
   width: 160px;
   float: left;
   padding: 5px;
}

ul.indentLeft {
   margin: 0px 0px 0px 40px;
}

img.facebookPic {
   padding: 5px;
}
div.classicFeature {
   float: left;
   width: 320px;
   padding: 10px 0px;
}
img.classicPicture {
   float: left;
   width: 100px;
   height: 100px;
   border: 2px solid silver;
   padding: 0px;
   margin: 0px 10px;
}
div.classicPlayerFeature {
   float: left;
   width: 640px;
   padding: 10px 0px;
}
img.classicPlayerPicture {
   float: left;
   width: 150px;
   height: 150px;
   border: 2px solid silver;
   padding: 0px;
   margin: 0px 10px;
}
.bigWriting {
   float: left;
   font: 72px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   padding-right: 20px;
   padding-top: 5px;
   padding-bottom: 10px;
   text-align: left;
   color: #000;
}
div.classicDrawLeft {
   float: left;
   width: 250px;
   padding: 10px 0px;
}
div.classicDrawRight {
   float: right;
   width: 250px;
   padding: 10px 0px;
}
.versus {
   float: left;
   font: 72px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   padding: 20px;
   text-align: left;
   color: #000;
}
.result {
   float: left;
   font: 36px "Lucida Grande", verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   padding: 60px 0px 20px 0px;
   text-align: left;
   color: #000;
}
.homeSignupImage {
   margin-top: 20px;
   float: right;
   width: 210px;
}
.homeSignupImage img {
   border: 0px;
}

.homeSignupText {
   margin-top: 30px;
   float: left;
   padding-left: 20px;
   width: 640px;
   font: 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   line-height: 150%;
   color: #666;
}

div#testimonials {
   clear: both;
   margin-top: 25px;
   padding: 10px;
   background: #EEEEEE;
   border: 1px solid black;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
}

div.premiumLeft {
   float: left;
   width: 560px;
   padding-right: 5px;
}
div.premiumRight {	
   width: 380px;
   float: right;
   padding-left: 10px;
   text-align: center;
}
div.formDiv {
   width: 600px;
   padding-top: 20px;
   padding-left: 50px;
   float: left;
   border: 1px solid silver;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background: #eee;
}
div#sellSignup {
   width: 300px;
   padding: 20px 10px;
   float: right;
}
div.formDiv label {
   color: #666666;
   display: block;
   margin-bottom: 5px;
   margin-top: 10px;
}
div.formDiv input {
    width: 350px;
    padding: 6px;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-bottom: 2px solid silver;
    border-right: 2px solid silver;
    font-size: 16px;
    display: block;
}
div.formDiv input:hover {
    -webkit-box-shadow: 0px 0px 4px #000;
    background: #EEEEEE;
}
div.formDiv checkbox {
   margin-bottom: 5px;
   margin-top: 10px;
}
div.formDiv input.submit {
    width: 150px;
    color: #ffffff;
    display: inline;
    background: #0066dd;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-bottom: 2px solid silver;
    border-right: 2px solid silver;
    margin-top: 10px;
}
div.formDiv input.submit:hover {
    color: #eeeeee;
    background: #0066dd;
    border-top: 2px solid silver;
    border-left: 2px solid silver;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
}
div.loginColLeft {
    width: 225px;
    float: left;
}
div.loginColRight {
    width: 160px;
    float: left;
}
p.loginHint {
   color: #666666;
   padding: 10px 0px;
}
div.feature {
   width: 310px;
   height: 231px;
   text-align: center;
   background:url(../images/bg/featureBox.png) no-repeat;
   float: left;
   padding: 10px 5px;
}
div.feature:hover {
   background:url(../images/bg/featureBoxHover.png) no-repeat;
}
div.feature p {
   text-align: center;
   padding: 20px; 10px;
}
div.feature p.featureHeading {
   text-decoration: none;
   text-align: center;
   color: black;
   font-size: 18px;
   font-weight: bold;
   padding: 10px 0px 20px 0px;
}
div#breadcrumb {
  text-align: center;
  color: #6b6b6b;
}

.premiumBenefitList {
   background: #fff;
   margin-bottom: 25px;
}

.premiumBenefitList ul {
   margin: 0px 0px 0px 0px;
   list-style: none;
}

.premiumBenefitList ul li {
   padding: 0px 0px 0px 20px;
   background: url(../images/bg/tick.gif) no-repeat 0 3px;
}

.premiumBenefitList2 {
   margin-bottom: 25px;
}

.premiumBenefitList2 ul {
   margin: 0px 0px 0px 0px;
   list-style: none;
}

.premiumBenefitList2 ul li {
   padding: 0px 0px 0px 20px;
   background: url(../images/bg/tick.gif) no-repeat 0 3px;
}

div.divAlois {
   width: 210px;
   float: right;
}

img.alois {
   width: 200px;
   height: 200px;
   border: 2px solid silver;
}
p.center {
   text-align: center;
}
#mainSectionWide .premiumBoxCenter {
   width: 560px;
   margin: 10px auto;
   padding: 0px;
   border-top: 2px solid black;
   border-bottom: 2px solid black;
   background: #FFF;
}
#mainSectionWide .premiumBox {
   width: 560px;
   margin: 10px;
   float: left;
   padding: 0px;
   border-top: 2px solid black;
   border-bottom: 2px solid black;
   background: #FFF;
}

img.testimonial {
   float: left;
   margin: 10px;
   width: 250px;
   height: 300px;
   border: 3px solid white;
}
img.rubberPic {
   float: left;
   border: 0px;
   padding: 0px 10px;
}
img.buyMegaspin {
   float: right;
   border: 0px;
   padding: 0px 10px;
}