@charset "utf-8";
/* CSS Document */



/** homepage styles **/
.homepodtop {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 990px;
	height: 20px;
	text-align: left;
	background: url(../images/home_pod_top.png) no-repeat;	
	behavior: url(iepngfix.htc);
}
.homepod {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 990px;
	height: auto;
	text-align: left;
	background: url(../images/home_pod_bg.png) repeat-y;	
	behavior: url(iepngfix.htc);
}
.homepodbtm {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 990px;
	height: 40px;
	text-align: left;
	background: url(../images/home_pod_btm.png) no-repeat;	
	behavior: url(iepngfix.htc);
}

.homepodcontent {
	padding: 0px 30px 0px 40px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 920px;
}

.homepodarticles {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 920px;
	height: 340px;
}

.homepodinfo {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 920px;
}
.homepodinfo .intro {
	padding: 0px 37px 0px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 480px;
	color:#666666;
}
.homepodinfo .intro h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	background:url(../images/get_started.png) no-repeat;
	behavior: url(iepngfix.htc);
	width: 480px;
	height: 40px;
	text-indent: -9999em;
}


/** search **/
.homesearchpod {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 380px;
}
.homesearchpodtop {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 380px;
	height: 18px;
	text-align: left;
	background: url(../images/search_pod_top.png) no-repeat;	
	behavior: url(iepngfix.htc);
}
.homesearchpod2 {
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 330px;
	height: auto;
	color: #666666;
	text-align: left;
	background: url(../images/search_pod_bg.png) repeat-y;	
	behavior: url(iepngfix.htc);
}
.homesearchpodbtm {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 380px;
	height: 25px;
	text-align: left;
	background: url(../images/search_pod_btm.png) no-repeat;	
	behavior: url(iepngfix.htc);
}

.homesearchpod2 h3 {	
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 330px;
	font-size:140%;
}
.homesearchpod2 h4 {	
	padding: 10px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 330px;
	font-size:100%;
}

.homesearchpod2 form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 330px;
	height: auto;
	text-align: left;
}

.homesearchpod2 form fieldset {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

.homesearchpod2 form input {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 260px;
	height: 20px;
	text-align: left;
}

.homesearchpod2 form input.go {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	display: block;
	border: none;
	width: 43px;
	height: 20px;
	text-align: left;
	background: url(../images/go_button.png) no-repeat;	
	behavior: url(iepngfix.htc);
}
.homesearchpod2 ul {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 330px;
	height: auto;
	text-align: left;
}
.homesearchpod2 ul li {
	display: inline;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
}
.homesearchpod2 ul li a {
	color: #666666;
}

.homeleft {
	display:block;
	float:left;
	width:485px;
}

/** advice tabs **/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;		
	height:30px;
	width: 190px;
	background: url(../images/all_you_need_bg.png) no-repeat;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding: 8px 0px 0px 0px;
	margin:0 !important;
	list-style-image:none !important; 	
	height:20px;
	width: 190px;
	text-align:center;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/brown_tabs.png) no-repeat -420px 0;
	font-size: 120%;
	display:block;
	height: 29px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	margin: 0px 2px 0px 0px;	
	position:relative;
	top:1px;
	font-weight: bold;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#FFFFFF !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;	
}


div.wrap {
	width:400px;
}
div.wrap2 {
	width:312px;
}
 
.wrap .pane  {	
	display:none;	
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.wrap2 .pane  {	
	display:none;	
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

.hometabs {
	display:block;
	float:left;
	padding: 5px 10px 0px 8px;
	margin: 0px 0px 0px 0px;
	background: url(../images/tabs_bg_top.png) no-repeat;
	behavior: url(iepngfix.htc);
	width:465px;
	line-height:normal;
	border: none;
}

.hometabscontent {
	display:block;
	float:left;
	padding: 5px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:445px;
	line-height:normal;
	border: none;
}

.blogimg {
	display:block;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 180px;
}

.blogblurb {
	display:block;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 260px;
	font-size: 100%;
}

.blogblurb h3 {
	display:block;
	float:left;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	width: 260px;
	font-size: 140%;
	color: #705b4a;
	font-weight: normal;
}

#tabsbtm {
	display:block;
	float:left;
	background: url(../images/tabs_bg_btm.png) no-repeat;
	behavior: url(iepngfix.htc);
	width:485px;
	height: 30px;
	line-height:normal;
	border: none;
	clear: both;
}

#howto {
	display: block;
	float: left;
	background: url(../images/how_to_bg.png) no-repeat;
	behavior: url(iepngfix.htc);
	width:485px;
	height: 166px;
}


#howto .videos {
	display: block;
	float: right;
	width: 300px;
	padding: 10px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#howto .browse {
	display: block;
	float: left;
	width: 120px;
	padding: 120px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}
#howto .browse a:link,
#howto .browse a:active,
#howto .browse a:visited {
	display: block;
	float: left;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #705B4A;
	font-weight: bold;
	text-decoration: none;
}
#howto .browse a:hover {
	display: block;
	float: left;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #705B4A;
	font-weight: bold;
	text-decoration: underline;
}
a:link.arrow_brown,
a:active.arrow_brown,
a:visited.arrow_brown {
	display: block;
	float: left;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-decoration: none;
	color: #705B4A;
	font-weight: bold;
}
a:hover.arrow_brown  {
	text-decoration: underline;
}

a:link.arrow_brown2,
a:active.arrow_brown2,
a:visited.arrow_brown2 {
	display: block;
	float: right;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 10px 10px 0px 0px;
	text-decoration: none;
	color: #705B4A;
	font-weight: bold;
}
a:hover.arrow_brown2  {
	text-decoration: underline;
}
a:link.arrow_green,
a:active.arrow_green,
a:visited.arrow_green {
	display: block;
	float: left;
	background:url(../images/green_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
	color: #485f2e;
	font-weight: bold;
}
a:hover.arrow_green  {
	text-decoration: underline;
}
/*a:link.arrow_orange,
a:active.arrow_orange,
a:visited.arrow_orange {
	display: block;
	float: left;
	background:url(../images/orange_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-decoration: none;
	color: #705B4A;
	font-weight: bold;
}
a:hover.arrow_orange  {
	text-decoration: underline;
}*/

dl.homevideo {
	display: block;
	float: left;
	width: 100px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.homevideo dt {
	display: block;
	float: left;
	width: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.homevideo dd.title {
	display: block;
	float: left;
	width: 90px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
dl.homevideo dd.rating {
	display: block;
	float: left;
	width: 90px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.homeright {
	display:block;
	float:left;
	width:485px;
	padding: 35px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.homeoffers {
	display: block;
	float: left;
	width: 280px;
}
.pod_top {
	display: block;
	float: left;
	width: 280px;
	height: 10px;
	background:url(../images/offers_top.png) no-repeat;
	behavior: url(iepngfix.htc);
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px -6px 0px;
	margin: 0px 0px 0px 0px;
	_margin: 0px 0px -6px 0px;
}
.offershome {
	display: block;
	float: right;
	width: 230px;
	background:url(../images/offers_bg.png) repeat-y;
	behavior: url(iepngfix.htc);
	padding: 0px 25px 10px 25px;
	margin: 0px 0px 0px 0px;
}
.offershome img {
	display: block;
	float: left;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.arrow_orange {
	display: block;
	float: left;
	width: 230px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.arrow_orange a:link,
.arrow_orange a:active,
.arrow_orange a:visited {
	display: block;
	float: left;
	background:url(../images/orange_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #f5640a;
	font-weight: bold;
	text-decoration: none;
}
.arrow_orange a:hover {
	text-decoration: underline;
}
.pod_btm { 
	display: block;
	float: left;
	width: 280px;
	height: 21px;
	background:url(../images/offers_btm.png) no-repeat;
	behavior: url(iepngfix.htc);
}

.calender {
	display: block;
	float: left;
	width: 195px;
}
.calender h4 {
	display: block;
	float: left;
	width: 195px;
	height: 28px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 140%;
	background:url(../images/calender_top.png) no-repeat;
	behavior: url(iepngfix.htc);
}
.calender .calbtm {
	display: block;
	float: left;
	height: 96px;
	width: 155px;
	padding: 10px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	background: url(../images/calender_btm.png) no-repeat;
	behavior: url(iepngfix.htc);
	
}
.weather {
	display: block;
	float: left;
	width: 195px;
	height: 168px;
	background:url(../images/weather_bg.png) no-repeat;
	behavior: url(iepngfix.htc);
}
.weather h4 {
	display: block;
	float: left;
	width: 175px;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #00B6EC;
	font-size: 140%;
}
.weather h5 {
	display: block;
	float: left;
	width: 175px;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #002D62;
	font-size: 100%;
}
.weather .blurb {
	display: block;
	float: left;
	width: 175px;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #002D62;
	font-size: 90%;
	line-height: 120%;
}


.top_tip_home {
	display: block;
	float: left;
	width: 205px;
	height: 215px;
	background: url(../images/home/get_top_tips_bg.png) no-repeat;
	behavior: url(iepngfix.htc);
}
.top_tip_home h4 {
	text-indent: -9999em;
}
.top_tip_home blockquote {
	display: block;
	float: left;
	width: 145px;
	height: 105px;
	padding: 20px 15px 0px 45px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #58422f;
	font-size: 100%;
}

.top_tip_home .tip_link {
	display: block;
	float: left;
	padding-left: 20px;	
}

/** new advice pod **/

.hometabs2 {
	display:block;
	float:left;
	padding: 5px 10px 0px 8px;
	margin: 0px 0px 0px 0px;
	background: url(../images/tabs_bg_top2.png) no-repeat;
	behavior: url(iepngfix.htc);
	width:465px;
	line-height:normal;
	border: none;
}

.advice_pod {
	display:block;
	float:left;
	padding: 15px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:445px;
	line-height:normal;
}
.advice_pod .sign a {
	display:block;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:145px;
	height: 115px;
	background: url(../images/how_to_video_sign.png) no-repeat;
}
.advice_pod .sign2 a {
	display:block;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:145px;
	height: 115px;
	background: url(../images/how_to_articles_sign.png) no-repeat;
}
.advice_pod .sign a span,
.advice_pod .sign2 a span {
	display: none;
}