﻿body {
	margin:0px;
	padding:0px;
}
/** PAGE STRUCTURE **/
h2
{
    font-weight: bold;	
	font-size: 16px;	
	color: #003366;	
	font-family: Verdana;	
}


h3
{
    font-weight: bold; 
    font-size: 11pt; 
    color: #990000;
    font-family: Verdana;
}
#page-wrapper{
	width: 805px;
    margin: 0 auto;

	
}
#header{
	/**background:url(../images/October2008/Topline-header.jpg) no-repeat top left;**/
	background:url(../images/jan09/topline_header.jpg) no-repeat top left;
	width:775px;
	height:147px;
}
#content{
	width:620px;
	float:left;
	margin-top:15px;
	padding-left:5px;
}
#footer
{
    margin:10px 0px 0px 10px;
}


      
/********************/
/** SIDEBAR **/
#sidebar {
	color: #7a7a7a;
	width: 145px;
	margin-top:15px;
	margin-left:5px;
}
#sidebar h2 {
	font-family:Lucida Sans, Verdana;
	color:#000000;
	font-size:12px;
	font-weight:700;
}
/************/
/******** Pagelinks ********/
#pagelinks{
	font-family:Lucida Sans, Verdana, Arial;
	font-size:9pt;
	font-weight:bold;
	margin:5px 0 5px 15px;
	padding:0;
}
#pagelinks li{
	list-style-type:none;
	line-height:1.6em;
	background: url(../images/linkpic.png) no-repeat 0px 7px;
	padding:0 10px 0 15px;
}
#pagelinks a
{
    text-decoration:none;
    color:#666666;
}
#pagelinks a:hover
{
    text-decoration:underline;
    color:#999999;
}
/***************************/
/********* TIPS ********/
.tips{
	color:#666666;
	font-family:Lucida Sans, Verdana;
	font-size:8pt;
	margin:0px 5px 0px 0px;

}
.tips ul
{
    width:150px;
    margin:0px;
    padding:0px;
}
.tips ul a
{
    color:#666666;
    text-decoration:none;
    font-weight:bold;
}
.tips ul a:hover
{
    color:#666666;
    font-weight:bold;
}
.tips li{
	list-style-type:none;
	background: url(../images/linkpic.png) no-repeat 0px 5px;
	padding:0 20px 0 13px;
	    font-size:.9em;
}
.tipsbar
{
   margin:5px 0px 5px 0px; 
}
.tipleft
{
    float:left;
    _float:none;
    margin:0px;
    padding:10px 0px 0px 0px;
}
.tipright
{
    float:right;
    _float:none;
    margin:0px;
    padding:0px;
    width:110px;
}

.tipright h2
{
    margin:3px 0x 0px 0px;
}
/***********************/
/***** SUCCESS STORY BOX ******/
.successbox
{
    background:url(../images/April/Home-SS-Bg.jpg) no-repeat top left;
    width:584px;
    padding:15px;
    height:186px;
}
.successbox a
{
    FONT-SIZE: 7.5pt;
    FONT-FAMILY: Verdana;
}
.successbox img
{
    float: left; 
}
.successname
{
    margin-left:15px;
    width: 368px; 
    float:left;
}
.successname h1
{
    color: #000000;
    font-size: 7.5pt;
    FONT-FAMILY: Verdana;
}
.successname h2
{
    FONT-SIZE: 7.5pt;
    COLOR: #666666;	
    FONT-FAMILY: Verdana;
    font-weight: normal;
}
.successname p
{
    color: #003366;
    font-family: Verdana; 
    font-size: 7.5pt; 
    font-weight: bold;
}
/****************************/
/***** WHATS NEW BOX ********/
.whatsnew p
{
 	font-size: 7.5pt;	
	color: #666666;	
	line-height: 1.6em;
	font-family:Verdana, Kozuka Gothic Pro B;
}
.whatsnew h2
{
    font-weight: bold; 
    font-size: 8pt; 
    color: #003366; 
    line-height: 1.3em;
    font-family: Verdana; 
    margin-top: 5px;
}
.whatsnew a
{
     FONT-SIZE: 7.5pt;
    FONT-FAMILY: Verdana;   
}
/*************************/
/****** QUICKLIST ********/

.quicklist
{
    width: 470px;
}
.quicklist img
{
    float: right; 
    clear: left;
}
.quicklist ul
{
    float: left; 
    width: 470px;

}
.quicklist li
{
    background: url(../images/plus.gif) no-repeat 0px 2px; 		    
	padding:0 20px 0 13px; 
	list-style-type:none;
	font-size: 8pt;	
	color: #666666;	
	line-height: 1.6em;
	font-family:Verdana, Kozuka Gothic Pro B;
}
/*************************/
/* RIGHT BAR */
.rightbar 
{
   height:320px;
   float:right;
   width:130px;
    margin-top:20px;
	}
/********************/
/**** SUBSCRIBE *****/
#subscribe
{
    color: Gray;
    margin-left:20px;
    font-size: 10px; 
    font-family: Verdana; 
    margin-top:15px;
    display:block;
    width: 750px;
}

#sublinks
{
    margin-left:170px;
    display:block;
}
/*****************/
/***PAST ISSUES LIST **/

.pastissues{
    padding-right: 20px; 
    padding-left: 15px; 
    background: url(../images/tipsarrow.jpg) no-repeat 0px 7px;
    padding-top: 0px; 
    list-style-type: none;
}

/*********************/
/********** TIP SHEET *********/
.tippage{
	float: left;
	width: 200px;
	text-align: left;
    margin:-10px 0px 0px 0px;
}
.tippage a{
	font-family:Verdana;
	color:blue;
	font-size:7pt;
	text-decoration:none;
}
.tippage h2{
	font-family:Verdana;
	color:#003366;
	font-weight:bold;
	font-size:8pt;
	}
.tippage h3{
	font-family:Verdana;
	color:#666666;
	font-weight:bold;
	font-size:8pt;
	margin:0px;
	}
.tippage p{
	font-family:Verdana;
	color:#666666;
	font-size:7pt;
	line-height:1.5em;
	
	}
.tippageon{
	background-color:#ededed;
	clear: left;
	padding-top:5px;
	padding-bottom:5px;
	width: 190px;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
}
.tippageon a{
	font-family:Verdana;
	color:blue;
	font-size:7pt;
	text-decoration:none;
}
.tippageon h2{
	font-family:Verdana;
	color:#003366;
	font-weight:bold;
	font-size:8pt;

	}
.tippageon h3{
	font-family:Verdana;
	color:#666666;
	font-weight:bold;
	font-size:8pt;
	line-height:1.3em;
	}
.tippageon p{
	font-family:Verdana;
	color:#666666;
	font-size:7pt;
	line-height:1.5em;
	}
.seperator{
	background: url(../images/dotbarmobility.gif) no-repeat top left;
	margin:0px;
	padding:0px;
	height:2px;
	clear:left;
	z-index:1;
	}
.arrowlink{
	margin-top: -35px; 
	float: right; 
	margin-right: 5px;
	}

/************************/
/**** TIPS MOBILE ****/

.mobile
{
    background: url(../images/mobility.jpg) no-repeat right top;
    float: right; 
    width: 390px; 
    height: 783px;
}

/*********************/
.commentsbox
{
    float: left;
    margin-left:10px;
    font-family:verdana;
    font-size: 8pt;
}
/****** VIDEO PLAYER *********/
.videobox
{
    position: absolute; 
    left: 662px; 
    top: 539px;
}

/***** TP 7i BOX *******/

.tipbox
{
    border:solid 5px #f79e00;
    width:560px;
    margin:15px 0px 15px 15px;   
    overflow:hidden;
}
.tipbox h4
{
    margin:5px 0px 0px 15px;
    color:#042e60;
    font-family:Verdana;
    font-size:10pt;
    float:left;
    display:block;
    width:380px;
}
.tiptext
{
    color:#666666;
    font-family:Verdana;
    font-size:8pt;
    padding:10px;
    margin:0px;
    width:460px;
    clear:both;
    float:left;   
}
.tipdemo
{
    display:block;
    width:75px;
    padding:0px 0px 4px 5px;
    height:15px;
    background-color:#f79e00;
    float:right;
    font-weight:bold;
    font-family:Verdana;
    font-size:8pt;
    color:#ffffff;   
}
.tiptab
{
    background:url('../images/steptab.jpg') no-repeat top left; height:44px; width:79px;
    margin:0px;
    float:left;
    overflow:hidden;
}
.tiptab h4
{
    margin:0px;
    padding:10px;
    font-family:Verdana;
    font-size:11pt;
    color:White;
    font-weight:bold;   
}

/****buttons in form headers***/

.HeadingButton{ border: 0; background-color: #990100; color: #ffffff; font-size: 12px; font-weight: bold; padding: 2px 5px; cursor: pointer;}

/****** GOOOOGLEEEE *****/

.searchResults
{
    font-family: Verdana; 
    color: #cccccc; 
    font-size: 11px; 
    line-height: 15px;
}
.searchButton
{
    font-weight:bold;
    font-size:12px;
    color:#FFFFFF;
    width:55px;
    height:19px;
    margin-top:0px;
    padding:0px;
    float:right;
}
.searchTextBox
{
    font-weight:bold;
    float:left;
    font-size:11px;
    color:#000000;
    border:solid 2px #999999;
 }
.googlebar
{ 
    background-color:#cccccc;
    width:139px; padding-top: 8px; padding-left: 5px;  
}
/****TP7i TIP ****/
.tp7ibox
{
   height:491px;
   width:613px;
   background:url('../images/tp7itippic.jpg') no-repeat top left;
   font-family:Verdana; 
   font-size:7.5pt; 
   color:#666666; 
}

/*****************/

/******* TP7i APRIL CHART *********/
.chartboxleft
{
    float:left;
   
    width:131px;
    height:115px;
    margin-top:6px;
    margin-left:5px;
}
.charttext
{
    margin-left:70px;
    float:left;
}
.chartboxright
{
    background:url(../images/April/7i-ChartRight.jpg) no-repeat top left;
    height:458px;
    width:453px;
    margin:10px;
    float:left;
}
.chartboxright h4
{
    font-family:Verdana;
    color:#003366;
    font-size:10px;
    margin:0px;
    padding:0px;
    float:left;
    width:300px;
}
.chartboxright p
{
    font-family:Verdana;
    color:#666666;
    font-size:10px;
    float:left;
    margin:0px;
    padding:0px;
    line-height:1.3em;
    width:300px;
}
.testimonials
{
    text-align: center;
    width: 124px;    
}
.imagebox1
{
    float:left; 
}
/**************************/

/***** TPMS TIP April ******/

.tpmsbg
{
    background:url(../images/April/WS-TipBg.jpg) no-repeat top left;
    width:591px;
    height:565px;
}

/** WHATS NEW MAY **/
.wnbg
{
    width:601px;
    height:235px;
    background:url(../images/May/wnbannerbg.jpg) no-repeat top left;
    padding:290px 0px 0px 0px;
}

.wnbg p
{
      width:300px;
}

/*************************** JULY ****************************/

.julynav
{
    background-color:#eff0f0;
    font-family:Verdana; 
    font-size:8pt; 
    color:#000000; 
    padding:0px 0px 5px 15px;
}
.julynav a
{
    color:#000000;
    text-decoration:none;
}
.julynav a:hover
{
    color:#000000;
    text-decoration:underline;
}
.julytipblock
{
    background-color:#eff0f0;
    font-family:Verdana;
    padding:0px 0px 10px 0px;
    font-size:7pt; 
    color:#666666; 
}
.july8itip
{
    background:url(../images/July/x6bg.jpg) no-repeat top left;
    width:117px;
    height:66px;
    padding:16px 0px 0px 8px;
    margin:5px 0px 0px 7px;
}


/************ EDITORS *************/

.editorsdesk
{
   
}
.editorsdesk p
{
    font-family:Verdana;
    font-size:11px;
    color:#666666;
}

/************ SURVEY *************/

.surveybox
{
    background-color:#990000;
    width:240px;
    padding:10px 10px 10px 10px;
    float:right;
    margin-right:0px;
}
.surveybox p
{
    font-family:Verdana;
    font-size:11px;
    color:#FFFFFF;
}

/*********** WHATS NEW JULY ************/

.whatsnewbox
{
    background:url(../images/July/whatsnewbg.jpg) no-repeat top left;
    width:610px;
    height:190px;
    float:left;
    padding:5px;
}
.whatsnewbox p
{
     font-family:Verdana;
    font-size:11px;
    color:#666666;
}

/****** SUCCESS STORY JULY *****/

.successjuly
{
    background:url(../images/July/successbg.jpg) no-repeat top left;
    width:610px;
    height:280px;
    padding:5px;
    float:left;
}
.successjuly p
{
     font-family:Verdana;
    font-size:11px;
    color:#666666;
}
.successjuly h2
{
     font-family:Verdana;
    font-size:11px;
    color:#003366;
}

/*** JULY FOOTER ***/

.subscribefooter
{
    color: Gray;
    margin:15px 0px 0px 5px;
    float:left;
    width:370px;
    font-size: 11px; 
    font-family: Arial Narrow, Verdana; 
}
.subscribefooter a
{
    color: Gray;
}
.footerjuly
{
    float:left;
    margin:10px 0px 0px 0px;
     font-family:Verdana;
    font-size:10px;
    color:#ffffff;
    background-color:#999999;
    width:765px;
    padding:5px 11px 5px 11px;
}
.footerjuly a
{
    color:#ffffff;
}
.tabbar
{
    margin-left:270px;
    float:left;
}

/*** MAIN CONTENT JULY ***/
.pageentry
{
    margin:15px 0px 0px 5px;
    padding-right:5px;
    font-size: 9pt;	
	color: #666666;
	line-height: 1.6em;
	font-family:Verdana, Kozuka Gothic Pro B;
}
.pageentry h2
{
    font-weight: bold;	
	font-size: 16px;	
	color: #990000;	
	font-family: Verdana;	
	margin:15px 0px 0px 0px;
}
.pageentry h3
{
    font-weight: bold;	
	font-size: 12px;	
	color: #990000;	
	font-family: Verdana;	
	margin:15px 0px 0px 0px;
}
/********************/

/*********** TP8i step 1 ************/

.tp8i1
{
    background:url(../images/July/tp8i_1.jpg) no-repeat top left;
    width:620px;
    height:363px;
    padding:50px 0px 0px 15px;
    float:left;
}
.tp8i1 p
{
    width:221px;
}
.tp8i1  h3
{
    width:221px;
}
/*********** TP8i step 2 ************/

.tp8i2
{
    background:url(../images/July/tp8i_2.jpg) no-repeat top left;
    width:620px;
    height:363px;
    padding:50px 0px 0px 15px;
    float:left;
}
.tp8i2 p
{
    width:221px;
}
.tp8i2  h3
{
    width:221px;
}
/*********** TP8i step 3 ************/

.tp8i3
{
    background:url(../images/July/tp8i_3.jpg) no-repeat top left;
    width:620px;
    height:363px;
    padding:50px 0px 0px 15px;
    float:left;
}
.tp8i3 p
{
    width:221px;
}
.tp8i3  h3
{
    width:221px;
}
/*********** TP8i step 4 ************/

.tp8i4
{
    background:url(../images/July/tp8i_4.jpg) no-repeat top left;
    width:620px;
    height:363px;
    padding:50px 0px 0px 15px;
    float:left;
}
.tp8i4 p
{
    width:221px;
}
.tp8i4  h3
{
    width:221px;
}
/*********** TP8i step 5 ************/

.tp8i5
{
    background:url(../images/July/tp8i_5.jpg) no-repeat top left;
    width:620px;
    height:363px;
    padding:50px 0px 0px 15px;
    float:left;
}
.tp8i5 p
{
    width:221px;
}
.tp8i5  h3
{
    width:221px;
}
/*********** TP8i step 6 ************/

.tp8i6
{
    background:url(../images/July/tp8i_6.jpg) no-repeat top left;
    width:620px;
    height:363px;
    padding:50px 0px 0px 15px;
    float:left;
}
.tp8i6 p
{
    width:221px;
}
.tp8i6  h3
{
    width:221px;
}


/*************************** AUGUST TOPLINE ****************************/

.augtipbox
{
    width:256px;
    border-left:#9b9b9b solid 1px;
    border-right:#9b9b9b solid 1px;
    border-bottom:#9b9b9b solid 1px;
    border-top:#9b9b9b solid 1px;
    float:right;
    margin:0px 10px 10px 0px;
    padding:0px 7px 0px 7px;
    font-family:Verdana;
    font-size:10px;
    color:#666666;
    background-color:#eff1f0;
}

.marketadvicebox
{
    width:256px;
    border-left:#0083ca solid 1px;
    border-right:#0083ca solid 1px;
    border-bottom:#0083ca solid 1px;
    border-top:#0083ca solid 1px;
    float:right;
    margin:0px 10px 10px 0px;
    padding:0px 7px 0px 7px;
    font-family:Verdana;
    font-size:10px;
    color:#666666;
    background-color:#0083ca;
}