/* Style Index * /

#0 Reset
#1  Sidenav: BLOG feed
#2  Sidenav: google - tools tabs
#3  Sidenav: tab navigation
#4  Sidenav: color specials
#5  Sidenav: menu buttons 
#6  Sidenav: social widget
#7  Content: calculators
#8  Content: content table grids
#9  Content: column manager for grids
#10 Content: gallary information tables
#11 Content: featured slider
#12 Content: responsive image code
#13 Content: to-top page code
#14 Content: left column US
#15 Content: intropad for links
#16 Content: fieldset elements
#17 Content: BLOC table elements
#18 Content: BLOG side navs
#19 Content: weekly tips
#20 Content: rolodex and scroll elements
#21 Content: other css elements


/* #0 Reset */


/* ------------------------------------------------------------
* #1 SIDENAV: BLOG FEED ENTRIES & SIDE SHAPE
* ------------------------------------------------------------ */

#feed2 .entry {
	margin: 35px;
	}
#feed2 .entry h4 a {
	font: normal 22px/26px Signika;
	color: #344B54;
	}
#feed2 .entry a {
	color: #C75A35;
	}
#feed3 .entry {
	margin: 35px;
	}
#feed3 .entry h4 a {
	font: normal 22px/26px Signika;
	color: #344B54;
	}
#feed3 .entry a {
	color: #C75A35;
	}
#feed4 .entry {
	margin: 25px;
	}

#feed4 .entry h4 a {
	font: normal 20px/23px Signika;
}
	
#feed5 .entry {
	margin: 25px;
	}

#feed5 .entry h4 a {
	font: normal 20px/23px Signika;
}
	
#feed6 .entry {
	margin: 25px;
	}

#feed6 .entry h4 a {
	font: normal 20px/23px Signika;
}
	
#feed7 .entry {
	margin: 25px;
	}

#feed7 .entry h4 a {
	font: normal 20px/23px Signika;
}
	
#feed8 .entry {
	margin: 25px;
	}

#feed8 .entry h4 a {
	font: normal 20px/23px Signika;
}
	
#feed9 .entry {
	margin: 25px;
	}

#feed9 .entry h4 a {
	font: normal 20px/23px Signika;
}

#centerimg {
	display: block;
	margin-left: auto;
    	margin-right: auto;
    	max-width:100%;
    	height:auto;
    	}

#centerimg illus {
	float: left;
    	}




/* ------------------------------------------------------------
 * #2 SIDENAV GOOGLE - TOOLS
 * ------------------------------------------------------------ */

.side-googlebox {
	background: url(/images/bkgd/bg_big_side_ad.gif) no-repeat center top;
	height: 500px;
	width: auto !important;
  	}

		.script-googlebox {
			padding-top: 8px;
	width: auto !important;
			}


.side-googlesky {
	background: url(/images/bkgd/bg_google_adsense.png) no-repeat center 50px;
	height: 850px;
  	}

		.script-googlesky {
			padding: 60px 80px 0px 80px;
			}
  	
.side-image-tool {
	background: url(/images/bkgd/icon-tool-header.jpg) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height: 250px;
  	}

.side-image-finance {
	background: url(/images/bkgd/icon-fin-header.png) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height: 250px;
  	}
  	
.side-image-valuation {
	background: url(/images/bkgd/icon-value-header.png) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height: 250px;
  	}

.side-image-contractor {
	background: url(/images/bkgd/icon-contractor-header.png) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height: 250px;
  	}

.side-image-forms {
	background: url(/images/bkgd/icon-forms-header.png) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height: 250px;
  	}

.side-image-spec {
	background: url(/images/bkgd/icon-spec-header.png) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height: 250px;
  	} 

.side-image-budget {
	background: url(/images/bkgd/icon-budget-header.png) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height: 250px;
  	}      	
  	
.side-rate {
	margin-top: -13px;
	height: 500px;
	}
  	
.sideGrid {
	  background: #F2F2F2;
	  padding-right: 35px;
	  padding-left: 30px;
	  padding-bottom: 30px;
  	}
  	
.sideGrid table {
	width: 100%;
  	}
  
#tooltable  {
	width: 100%;
	margin-top: 8px;
	} 
  
#tooltable td {
	text-align: left;
	border-bottom: 1px solid #fff;
	font: normal 12px/18px verdana,arial,helvetica,sans-serif !important;
	}	
 
#tooltable td a {
	color: #8F9B8F;
	text-decoration: none;
	DISPLAY: block;
	height: auto;
	padding: 4px 0px 4px 10px;
	font: normal 13px/19px arial,helvetica,sans-serif;
	} 
	
#tooltable td a:hover {
	color: #8F9B8F;
	text-decoration: none;
	DISPLAY: block;
	background-image: url(/images/bkgd/contractor-on.gif);
	height: auto;
	}





/* ------------------------------------------------------------
* #3 SIDENAV NAVIGATION TAB AND ICONS
* ------------------------------------------------------------ */

ul.sectionNav {
margin: 0px 20px 20px 15px !important;
border-top: 0px dotted #cdcdcd;
border-bottom: 0;
padding: 0;
list-style: none !important;
}
ul.sectionNav li.summary {
position: relative;
margin-left: 0px !important;
margin-top: 0px !important;
border-bottom: 0px;
padding: 0px 0 10px 0;
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #ababab !important;
}
ul.sectionNav li {
position: relative;
margin: 0;
border-bottom: 1px dotted #ddd;
padding: 5px 0 5px 0;
font: normal 13px/15px Verdana, Arial, Helvetica, sans-serif;
}
ul.sectionNav.homesummary li {
border-bottom: 1px dotted #ccc;
}
ul.sectionNav li a {
display: block;
text-decoration: none;
padding-left: 20px;
color: #4D7D92 !important;
}
ul.sectionNav li a:hover {
color: #79A5B8;
}

.blanklisttag {
background: transparent url(/images/icons/bullet_blank.png) left center no-repeat;
color: #bbb;
padding: 25px 0 7px 0px !important;
font: bold 11px/14px Arial, Helvetica, sans-serif !important;
border-bottom: 0px !important;
}

.blanklisttag2 {
background: transparent url(/images/icons/bullet_blank.png) left center no-repeat;
color: #bbb;
padding: 18px 0 7px 0px !important;
font: bold 11px/14px Arial, Helvetica, sans-serif !important;
border-bottom: 0px !important;
}

.blanklisttag3 {
background: transparent url(/images/icons/bullet_blank.png) left center no-repeat;
color: #bbb;
padding: 3px 0 10px 0px !important;
font: bold 11px/14px Arial, Helvetica, sans-serif !important;
border-bottom: 0px !important;
}

.homenavplan {
font: bold 9px/18px verdana, arial, helvetica, sans-serif;
color: #4D7D92;
margin-left: 8px;
}

.homenavidea {
font: bold 9px/18px verdana, arial, helvetica, sans-serif;
color: #4D7D92;
margin-left: 6px;
}

ul.sectionNav li a span.tip {
font: bold 10px/12px Arial, Helvetica, sans-serif;
color: #C0C0C0;
vertical-align:bottom;
margin-top: 15px;
}


	/* ------SIDE TAB ICON PICS---------------- */

	.blanklist {
	background: transparent url(/images/icons/bullet_blank.png) left center no-repeat;
	color: #fff;
	height: 8px;
	}
	.applylist {
	background: transparent url(/images/icons/bullet_apply.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.article {
	background: transparent url(/images/icons/bullet_article.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.bills {
	background: transparent url(/images/icons/bullet_garden.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.budget {
	background: transparent url(/images/icons/bullet_budget.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.calclist {
	background: transparent url(/images/icons/bullet_calc.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.calclist.dent {
	background: transparent url(/images/icons/bullet_calc.png) 30px center no-repeat !important;
	padding-left: 40px !important;
	}
	.card {
	background: transparent url(/images/icons/bullet_shop.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.cardfind {
	background: transparent url(/images/icons/bullet_contractor.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.career {
	background: transparent url(/images/icons/bullet_howto.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.finance {
	background: transparent url(/images/icons/bullet_finance.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.intropayoff {
	background: transparent url(/images/icons/bullet_shopcenterin2.png) 2px center no-repeat;
	padding-left: 5px !important;
	}
	.job {
	background: transparent url(/images/icons/bullet_job.png) left center no-repeat;
	padding-left: 8px !important;
	}
	.mobilebud {
	background: transparent url(/images/icons/bullet_mobile.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.payoff {
	background: transparent url(/images/icons/bullet_payoff.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.statelist {
	background: transparent url(/images/icons/bullet_state.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.steplist {
	background: transparent url(/images/icons/bullet_steps.png) left center no-repeat !important;
	padding-left: 5px !important;
	}
	.traveltour {
	background: transparent url(/images/icons/bullet_travel.png) left center no-repeat !important;
	padding-left: 5px !important;
	}
	.bankstep {
	background: transparent url(/images/icons/bullet_steps.png) 25px center no-repeat !important;
	padding-left: 25px !important;
	}
	.wkstlist {
	background: transparent url(/images/icons/bullet_wkst.png) left center no-repeat;
	padding-left: 5px !important;
	}
	
	
	
	
	.creditlist {
	background: transparent url(/images/icons/bullet_credit.png) left center no-repeat;
	padding-left: 5px !important;
	}

	.creditlistinside {
	background: transparent url(/images/icons/bullet_creditfile.png) 25px center no-repeat;
	padding-left: 35px !important;
	}

	.creditlistinside1 {
	background: transparent url(/images/icons/bullet_creditfile.png) left center no-repeat;
	padding-left: 5px !important;
	}

	.creditlistinside2 {
	background: transparent url(/images/icons/bullet_idea.png) 55px center no-repeat;
	padding-left: 60px !important;
	}

	.debtlist {
	background: transparent url(/images/icons/bullet_debt.png) left center no-repeat;
	padding-left: 5px !important;
	}

	.moneylist {
	background: transparent url(/images/icons/bullet_finmoney.png) left center no-repeat;
	padding-left: 5px !important;
	}

	.servicelist {
	background: transparent url(/images/icons/bullet_service.png) left center no-repeat;
	padding-left: 5px !important;
	}

	.printlist2 {
	background: transparent url(/images/icons/bullet_print.png) left center no-repeat;
	padding-left: 5px !important;
	}

	.toollist {
	background: transparent url(/images/icons/bullet_tool.png) left center no-repeat;
	padding-left: 5px !important;
	}

	.toolinside {
	background: transparent url(/images/icons/bullet_creditfile.png) 25px center no-repeat;
	padding-left: 5px !important;
	}

	.budgetlist2 {
	background: transparent url(/images/icons/bullet_budget.png) left center no-repeat;
	padding-left: 5px !important;
	}
	
	
	.idealist {
	background: transparent url(/images/icons/bullet_idea.png) left center no-repeat !important;
	padding-left: 5px !important;
	}





	
	.everything {
	background: transparent url(/images/icons/bullet_everything.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.feedlist {
	background: transparent url(/images/icons/bullet_finmoney.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.financelist {
	background: transparent url(/images/icons/bullet_finmoney.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.financemoney {
	background: transparent url(/images/icons/bullet_finmoney.png) left center no-repeat !important;
	padding-left: 5px !important;
	}
	.financerate {
	background: transparent url(/images/icons/bullet_rate.png) left center no-repeat !important;
	padding-left: 5px !important;
	}
	.financeland {
	background: transparent url(/images/icons/bullet_howto4.png) left center no-repeat;
	}
	.formlist {
	background: transparent url(/images/icons/bullet_toolform.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.gallerynav {
	background: transparent url(/images/icons/bullet_gallery.png) left 2px no-repeat;
	padding-left: 5px !important;
	}
	.helplist {
	background: transparent url(/images/icons/bullet_toolhelp.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.howtolist {
	background: transparent url(/images/icons/bullet_howto.png) left 0px no-repeat !important;
	padding-left: 5px !important;
	}	
			.howtolist.home {
			background: transparent url(/images/icons/bullet_howto.png) left -2px no-repeat !important;
			}
	.howtolistinside {
	background: transparent url(/images/icons/bullet_howto2.png) 25px center no-repeat;
	}
	.howtolistinside3 {
	background: transparent url(/images/icons/bullet_howto3.png) 49px 0px no-repeat;
	}
	.howtolistinside4 {
	background: transparent url(/images/icons/bullet_howto4.png) 74px 0px no-repeat;
	}	
			.idealist.home {
			background: transparent url(/images/icons/bullet_idea.png) 25px -5px no-repeat !important;
			}
	.idealistmain {
	background: transparent url(/images/icons/bullet_idea_main.png) left center no-repeat !important;
	padding-left: 5px !important;
	}
	.insidelist {
	background: transparent url(/images/icons/bullet_blank.png) left center no-repeat;
	padding-left: 40px;
	}
	.plans {
	background: transparent url(/images/icons/bullet_plans.png) left center no-repeat !important;
	padding-left: 5px !important;
	}
	.printlist {
	background: transparent url(/images/icons/bullet_print.png) left center no-repeat !important;
	padding-left: 5px !important;
	}
	.printlist.job {
	padding-left: 8px !important;
	}
	.shop {
	background: transparent url(/images/icons/bullet_shop.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.shoplist {
	background: transparent url(/images/icons/bullet_shop.png) left center no-repeat !important;
	padding-left: 5px !important;
	}
	.steplistno {
	background: transparent url(/images/icons/bullet_stepsno.png) left center no-repeat;
	padding-left: 5px !important;
	}
	.stepnavlist {
	background: transparent url(/images/icons/bullet_steps.png) 25px center no-repeat;
	}
	.steplistinside {
	background: transparent url(/images/icons/bullet_steps-inside.png) left center no-repeat;
	padding-left: 7px !important;
	}
	.steplistinside2 {
	background: transparent url(/images/icons/bullet_plans-remodel.png) 47px center no-repeat;
	}
	.tools {
	background: transparent url(/images/icons/bullet_tools.png) left center no-repeat !important;
	padding-left: 12px !important;
	}
	.tools.dent {
	background: transparent url(/images/icons/bullet_tools.png) 20px center no-repeat !important;
	padding-left: 30px !important;
	}
		.tools.home {
		background: transparent url(/images/icons/bullet_tools.png) left -5px no-repeat !important;
		}
	
	
	/* ------DIRECTORY ICON PICS---------------- */
	
	.atticlist {
	background: transparent url(/images/icons/bullet_attic.png) left center no-repeat;
	padding-left: 6px !important;
	}
	
	.upstairslist {
	background: transparent url(/images/icons/bullet_upstairs.png) left center no-repeat;
	padding-left: 6px !important;
	}
	
	.sublist {
	background: transparent url(/images/icons/bullet_sub.png) 25px center no-repeat;
	padding-left: 6px !important;
	}
	
	.mainlist {
	background: transparent url(/images/icons/bullet_main.png) left center no-repeat;
	padding-left: 6px !important;
	}
	
	.basementlist {
	background: transparent url(/images/icons/bullet_basement.png) left center no-repeat;
	padding-left: 6px !important;
	}
	
	.projectlist {
	background: transparent url(/images/icons/bullet_projects.png) left center no-repeat;
	padding-left: 6px !important;
	}
	
	.exteriorlist {
	background: transparent url(/images/icons/bullet_exterior.png) left center no-repeat;
	padding-left: 6px !important;
	}
	
	.garagelist {
	background: transparent url(/images/icons/bullet_garage.png) left center no-repeat;
	padding-left: 6px !important;
	}
	
	.gardenlist {
	background: transparent url(/images/icons/bullet_garden.png) left center no-repeat;
	padding-left: 6px !important;
	}
	
	
	/* ------DIRECTORY ICON PICS---------------- */
		
		
		
	.shopcenter {
	background: transparent url(/images/icons/bullet_shopcenter.png) left 1px no-repeat;
	padding-left: 5px !important;
	}

	.shopcenterinside {
	background: transparent url(/images/icons/bullet_shopcenterin.png) 25px 1px no-repeat;
	}

	.shopcenterinside2 {
	background: transparent url(/images/icons/bullet_shopcenterin2.png) 55px 0px no-repeat;
	font-size: 11px;
	}

	.shopcenterinside2 a {
	font-size: 11px;
	}

	.shopcenterinside3 {
	background: transparent url(/images/icons/bullet_shopcenterin3.png) 75px 0px no-repeat;
	font-size: 11px;
	}

	.shopcenterinside3 a {
	font-size: 11px;
	}
	
	
	/* -------------SIDE TAB ORDINAL PICS ------------------------------------- */

	.onelist {
	background: transparent url(/images/icons/bullet_ord_1.png) 0px 3px no-repeat !important;
	padding-left: 10px !important;
	}
		.onelist.home {
		background: transparent url(/images/icons/bullet_ord_1.png) 0px -1px no-repeat !important;}
			
	.twolist {
	background: transparent url(/images/icons/bullet_ord_2.png) 0px 3px no-repeat !important;
	padding-left: 10px !important;
	}
		.twolist.home {
		background: transparent url(/images/icons/bullet_ord_2.png) 0px -1px no-repeat !important;}
			
	.threelist {
	background: transparent url(/images/icons/bullet_ord_3.png) 0px 3px no-repeat !important;
	padding-left: 10px !important;
	}
		.threelist.home {
		background: transparent url(/images/icons/bullet_ord_3.png) 0px -1px no-repeat !important;}
			
	.fourlist {
	background: transparent url(/images/icons/bullet_ord_4.png) 0px 3px no-repeat !important;
	padding-left: 10px !important;
	}
		.fourlist.home {
		background: transparent url(/images/icons/bullet_ord_4.png) 0px -1px no-repeat !important;}
			
	.fivelist {
	background: transparent url(/images/icons/bullet_ord_5.png) 0px 3px no-repeat !important;
	padding-left: 10px !important;
	}
		.fivelist.home {
		background: transparent url(/images/icons/bullet_ord_5.png) 0px -1px no-repeat !important;}
			
	.sixlist {
	background: transparent url(/images/icons/bullet_ord_6.png) 0px 3px no-repeat !important;
	padding-left: 10px !important;
	}
		.sixlist.home {
		background: transparent url(/images/icons/bullet_ord_6.png) 0px -1px no-repeat !important;}
			
	.sevenlist {
	background: transparent url(/images/icons/bullet_ord_8.png) 2px 2px no-repeat !important;
	padding-left: 10px !important;
	}
		.sevenlist.home {
		background: transparent url(/images/icons/bullet_ord_8.png) 0px -1px no-repeat !important;}



/* ------------------------------------------------------------
* #4 SIDENAV: COLOR SPECIALS
* ------------------------------------------------------------ */




.special-offers .description { 
	padding: 11px 9px 0 0px; 
	font-family: Source Sans Pro, sans-serif; 
	font-size: 17px; 
	line-height: 20px; 
	font-weight: 400; 
	color: #fff; 
	border-top: rgba(255, 255, 255, 0.5) 0px dotted; 
	position: relative; 
	z-index: 10; 
	}
.special-offers .titlesm { 
	font-family: Source Sans Pro, sans-serif; 
	font-size: 54px; 
	line-height: 100px; 
	font-weight: 400; 
	color: #fff; 
	padding: 0 10px 0px 10px; 
	display: block; 
	position: relative; 
	z-index: 10; 
	}


/* ------------------------------------------------------------
 * #5 MENU BUTTONS
 * ------------------------------------------------------------ */

.aside-menu {
display: block;
margin-top: 0px !important;
background: transparent url(/images/bkgd/special-offers-specials-bg2.png) center 0px no-repeat;
position: absolute;
z-index: 1;
}
.aside-contractor {
display: block;
margin-top: 0px !important;
position: absolute;
z-index: 1;
width: 50%;
}
.aside-listing {
display: block;
margin-top: 0px !important;
position: relative;
z-index: 1;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.container-mshop.inside {
margin: 0px 20px !important;
}
.container-mshop {
margin: 0px 50px;
border: 0;
background: transparent;
padding: 0;
}
.container-mshop.contractor {
margin: 0px !important;
}
.container-mshop.listing {
margin: 0px 35px 15px 0px !important;
float: left;
width: 35%;
}
.container-mshop.guide {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.container-mshop .drop-button {
position: relative;
}
.container-mshop .drop-button .drop-btn {
display: block;
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #eee;
background: -webkit-gradient(linear, 0% 10%, 0% 90%, from(#f5f5f5), to(#dddddd));
background: -webkit-linear-gradient(top, #f5f5f5 10%, #dddddd 90%);
background: -moz-linear-gradient(top, #f5f5f5 10%, #dddddd 90%);
background: -ms-linear-gradient(top, #f5f5f5 10%, #dddddd 90%);
background: -o-linear-gradient(top, #f5f5f5 10%, #dddddd 90%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#dddddd)";
font-weight: 500;
font-size: 14px;
line-height: 18px;
box-shadow: 0 2px 5px #999;
padding: 3px 4px;
}
.container-mshop .drop-button .drop-btn a {
display: block;
background: transparent url(/images/icons/icon_btn_closed.png) right center no-repeat;
padding: 5px 46px 5px 8px;
color: #333;
text-decoration: none !important;
}
.container-mshop .drop-button .drop-btn a:hover {
color: #333 !important;
}
.container-mshop .drop-button .drop-btn a.open {
background-image: url(/images/icons/icon_btn_open.png);
}
.container-mshop .drop-button .drop-nav-shop {
position: absolute;
left: 8px;
right: 8px;
display: none;
z-index: 99;
}

.container-mshop .drop-button .drop-nav-shop ul {
margin: 0;
padding: 0;
background: #333;
list-style: none !important;
}
.container-mshop .drop-button .drop-nav-shop ul li {
margin: 0;
border-bottom: 1px solid #666;
background: transparent;
padding-left: 15px;
font-weight: 400;
font-size: 13px;
line-height: auto;
}
.container-mshop .drop-button .drop-nav-shop ul li.dropheader {
margin-top: 12px;
border-bottom: 0px solid #666;
font-weight: 600;
font-size: 14px;
}
.container-mshop .drop-button .drop-nav-shop ul li.sub {
margin-left: 25px;
font-size: 12px;
}
.container-mshop .drop-button .drop-nav-shop ul li.blueline {
background: #386780;
line-height: 5px;
}
.container-mshop .drop-button .drop-nav-shop ul li a {
display: block;
margin: 0;
padding: 0px;
color: #eee;
text-decoration: none !important;
}
.container-mshop .drop-button .drop-nav-shop ul li a span {
font: 600 10px/18px Lato, Arial, Helvetica, sans-serif;
}
.container-mshop .drop-button .drop-nav-shop ul li a:hover {
color: #ccc !important;
}
.container-mshop .drop-image {
background: transparent url(/images/special-deal.png) center 16px no-repeat;
height: 50px;
}
.contentarea .panel .container-mshop .drop-button .drop-nav-shop ul li {
background: none !important;
margin: 0px !important;
padding: 0px !important;
}


/* ------FOR SIDENAV PAGE ----------------------------------------*/

.container-mshop.directory {
margin-top: 50px !important;
margin-bottom: 50px !important;
padding-bottom: 50px !important;
margin-left: auto;
margin-right: auto;
width: 80%;
}
.container-mshop .drop-button.dir {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
.container-mshop .drop-button .drop-btn.directory {
background: #000;
background: -webkit-gradient(linear, 0% 10%, 0% 60%, from(#C4D4E3), to(#9FB4C7));
background: -webkit-linear-gradient(top, #C4D4E3 10%, #9FB4C7 60%);
background: -moz-linear-gradient(top, #C4D4E3 10%, #A5B0B9 60%);
background: -ms-linear-gradient(top, #C4D4E3 10%, #9FB4C7 60%);
background: -o-linear-gradient(top, #C4D4E3 10%, #9FB4C7 60%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4D4E3, endColorstr=#9FB4C7)";
box-shadow: 0 2px 5px #999;
}
.container-mshop .drop-button.dir .drop-nav-shop {
left: 16px;
right: 16px;
}

.dirpara {
margin-top: 0px !important;
text-align: center;
color: #CFD3D7 !important;
}


/* ------------------------------------------------------------
* #6 SIDENAV SOCIAL WIDGET
* ------------------------------------------------------------ */

.sidesocial {
	margin: 35px;
	}


.tweet{
	background:#fcfcfc;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	padding:25px 5px 30px 25px !important;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #d6d6d6;
	margin:0 0 5px 0px;
	font: normal 11px/18px verdana !important;
}

.tweet ul li.last {
	list-style: none !important;
	margin: 0 !important;
	border-bottom:none;
}

.follow_us{
	background:url(/images/icons/follow_us.png) no-repeat;
	width:63px;
	height:31px;
	position:absolute;
	margin:-6px 0 0 0;
}

.note_pad{
	background:url(/images/icons/note_pad.png) no-repeat;
	width:100px;
	height:31px;
	position:absolute;
	margin:-6px 0 0 0;
}

.tweetfollow a img.opacity {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}

.tweetfollow a img.opacity:hover {
	opacity:0.8 !important;
	-moz-opacity: 0.8 !important;
	filter:alpha(opacity=80) !important;
}

.tweetfollow div.socialicons {
	float:right;
	margin-right: 20px;
	margin-top: 50px;
	display: table-cell;
}

.tweetfollow div.socialicons div {
	padding:3px 3px 3px 3px !important;
	float: left;
}


.tweet a{
	color: #DD8000 !important;
	border-bottom:1px solid #DD8000;
}

.tweet a:hover{
	border-bottom:1px solid #FFA020;
}

.tweetfollow a:hover{
	color:#FFA020;
}

.sharequote {
	margin-top: 12px;
	text-align: right;
	background-color: #f2f2f2;
	}

.sharequote.white {
	margin-top: 10px;
	text-align: right;
	background-color: #fff;
	}

.sharequote.whitesummary {
	display: block !important;
	margin-top: -165px !important;
	text-align: right;
	background-color: #fff;
	}

li.graytext > .sharequote.whitesummary {
	margin-top: -100px !important;
	}

.sharequote.whitesummarycode {
	display: block !important;
	margin-top: 10px !important;
	text-align: right;
	background-color: #fff;
	}

.sharequote.whitesummarybottom {
	display: block !important;
	margin-top: 15px !important;
	margin-bottom: 50px;
	margin-left: 50px;
	background-color: #fff;
	}
	

.sharequote td {
	padding-right: 10px;
	}

#insta-logo {
	background: url(/images/icons/social_icon_insta_sm.png) left top no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:30px;
	}

#twitter-linkin {
	background: url(/images/icons/social_icon_linkin_sm.png) left top no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:30px;
	}

#twitter-logo {
	background: url(/images/icons/social_icon_tweeter_sm.png) left top no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:30px;
	}

#linkin-logo {
	background: url(/images/icons/social_icon_linkin_sm.png) left top no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:30px;
	}

#facebook-logo {
	background: url(/images/icons/social_icon_facebook_sm.png) left top no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:30px;
	}

#plus-logo {
	background: url(/images/icons/social_icon_google_sm.png) left top no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:30px;
	}

#pinterest-logo {
	background: url(/images/icons/social_icon_pin_sm.png) left top no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:30px;
	}


#rss-logo {
	background: url(/images/icons/social_icon_rss.png) left top no-repeat;
	display: block;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:121px;
	}


#rss-pocket {
	background: url(/images/icons/social_icon_pocket.png) left top no-repeat;
	display: block;
	height: 128px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:128px;
	}	

#linkin-logo-blog {
	background: url(/images/icons/social_icon_linked_blog.png) left top no-repeat;
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:80px;
	}	

#twitter-logo-blog {
	background: url(/images/icons/social_icon_twitter_blog.png) left top no-repeat;
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:80px;
	}

#facebook-logo-blog {
	background: url(/images/icons/social_icon_facebook_blog.png) left top no-repeat;
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:80px;
	}

#plus-logo-blog {
	background: url(/images/icons/social_icon_google_blog.png) left top no-repeat;
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:80px;
	}

#pinterest-logo-blog {
	background: url(/images/icons/social_icon_pinterest_blog.png) left top no-repeat;
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:80px;
	}

.sharequote td a img {
	border: 0px solid #000 !important;
	padding: 0px !important;
	text-shadow: 0 6px 12px rgba(0, 0, 0, 0.276);
	}

.sharequote.whitesummary td a:hover {
	opacity:0.8 !important;
	-moz-opacity: 0.8 !important;
	filter:alpha(opacity=80) !important;
}

.sharequote.whitesummarycode td a:hover {
	opacity:0.8 !important;
	-moz-opacity: 0.8 !important;
	filter:alpha(opacity=80) !important;
}

.sharequote.whitesummarybottom td a:hover {
	opacity:0.8 !important;
	-moz-opacity: 0.8 !important;
	filter:alpha(opacity=80) !important;
}

.blogbottomsocial {
	display: block;
	background: url(../images/icons/shareknow.png) left 5px no-repeat !important;
	margin-top: 30px;
	//margin-right: auto;
	//margin-left: auto;
	width: 100%;
	height: 65px;
	}

	
	

/* ------------------------------------------------------------
* #7 BIG CALCULATORS
* ------------------------------------------------------------ */

.panel table.calculator {
	width: 100%;
	}
.panel table.calculator td {
	padding: 8px 15px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}
.panel table.calculator td p.months {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 0px !important;
	}
.panel table.calculator td.calcheader {
	background: #456555;
	text-align: center;
	font: bold 13px verdana, arial, helvetica, sans-serif;
	color: #FAFAFA;
	}
.panel table.calculator td.header {
	background: #CDD0BA;
	font: bold 13px verdana, arial, helvetica, sans-serif;
	color: #FdFdFd;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.panel table.calculator td.calctext {
	background: #E1E3D6;
	font: normal 12px/18px verdana, arial, helvetica, sans-serif;
	vertical-align: middle !important;
	}
	
.panel table.calculator td.calctext.ltv {
	text-align: right;
	}
	
.panel table.calculator td.navtext {
	background: #eee;
	font: normal 11px/auto verdana, arial, helvetica, sans-serif;
	}
	
.panel table.calculator td.calcinput {
	background: #80BF80;
	font: normal 12px/18px verdana, arial, helvetica, sans-serif;
	}
	
.panel table.calculator td.calcinput.tool {
	background: #E1CFAE;
	}
	
.panel table.calculator td.calcbutton {
	background: #E4E4E4 !important;
	font: normal 12px/18px verdana, arial, helvetica, sans-serif;
	padding: 10px 0px 10px 5px;
	}
	
.panel table.calculator td.calcbutton.right {
	text-align: right;
	}
	
.panel table.calculator td.calcbutton.tool {
	background: #B9D8E9 !important;
	}
	
.panel table.calculator td.calcresult {
	background: #E4E4E4 !important;
	font: bold 12px verdana, arial, helvetica, sans-serif;
	vertical-align: middle !important;
	}
	
.panel table.calculator td.calcresult.tool {
	background: #E9E9DA !important;
	}
	
.panel table.calculator td.calcnumber {
	background: #B6B6B6;
	}
	
.panel table.calculator td.calcclaim {
	font: normal 11px/15px arial, helvetica, sans-serif;
	padding: 25px;
	}
	
.panel table.calculator .textsm {
  	font: normal 11px/18px verdana, arial, helvetica, sans-serif;
}	
	
.panel table.calculator .inputfield {
	font: normal 13px/100% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #EFF3F5;
	border: 1px inset #fafafa;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
}

.panel table.calculator .inputresults {
	font: normal 13px/100% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #E9E9EB;
	border: 1px inset #fafafa;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
}

.calcbutton tool {
	font: bold 11px verdana,arial, helvetica, sans-serif !important;
	color: #333 !important;
	background-color: #E9E9DA !important;
	padding: 10px;
	}

.panel table.calculator .button {
	font: bold 11px verdana,arial, helvetica, sans-serif !important;
	color: #333 !important;
	background-color: none !important;
	}

.panel table.calculator .button2 {
	font: bold 11px verdana,arial, helvetica, sans-serif !important;
	color: #333 !important;
	background-color: none !important;
	}
	
.panel table.calculator .nbuymenu {
	font: normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #EFF3F5;
	border: 1px inset #fafafa;
	vertical-align: middle;
}

	/* --------FRAME CALCS---------------------------- */
	
	.frameloanpayment {
		width: 100%;
		height: 400px;
		}
	.frameloancompare {
		width: 100%;
		height: 400px;
		}
	.frameltv {
		width: 100%;
		height: 600px;
		}	

	
	/* -------- IN CONTENT CALCULATORS AND CHARTS ---------------------------- */
		
	.panel table.calculator5 {
		width: 90%;
	}
	.panel table.calculator5 tr.noborder td {
		border-right: 0px solid #fff !important;
		}
	.panel table.calculator5 tr.topborder td {
		border-top: 1px solid #748FAC !important;
		}
	.panel table.calculator5 td {
		padding: 8px 15px;
		border-bottom: 1px solid #748FAC;
		border-right: 1px solid #748FAC;
		}
	.panel table.calculator5.narrow td {
		padding: 8px !important;
		}
	.panel table.calculator5 td p.months {
		font-size: 11px;
		margin-top: 5px;
		margin-bottom: 0px !important;
		}
	.panel table.calculator5 td.calcheader {
		background: #445F7C;
		text-align: center;
		font-size: 18px;
		color: #FAFAFA;
		padding: 12px 0px;
		font-weight: 400;
		}

	.panel table.calculator5 td.calctext {
		background: #eee;
		font: normal 12px/18px verdana, arial, helvetica, sans-serif;
		}

	.panel table.calculator5 td.calctext.ltv {
		text-align: right;
		}

	.panel table.calculator5 td.navtext {
		background: #eee;
		font: normal 11px/auto verdana, arial, helvetica, sans-serif;
		}

	.panel table.calculator5 td.calcinput {
		background: #CDD6E7;
		font: normal 12px/18px verdana, arial, helvetica, sans-serif;
		}

	.panel table.calculator5 td.calcinput.ltv {
		text-align: right;
		}

	.panel table.calculator5 td.noborder {
		border-bottom: 1px solid #fff !important;
		}

	.panel table.calculator5 td.calcinput.tool {
		background: #E1CFAE;
		}

	.panel table.calculator5 td.calcbutton.tool {
		background: #fafafa !important;
		}

	.panel table.calculator5 td.calcresult {
		background: #F0EBDC !important;
		font: bold 12px verdana, arial, helvetica, sans-serif;
		text-align: right;
		}

	.panel table.calculator5 td.calcresult.tool {
		background: #E9E9DA !important;
		}

	.panel table.calculator5 td.calcnumber {
		background: #B0CBB7;
		}

	.panel table.calculator5 td.calcclaim {
		font: normal 11px/15px arial, helvetica, sans-serif;
		padding: 25px;
		}

	.panel table.calculator5 .textsm {
		font: normal 11px/18px verdana, arial, helvetica, sans-serif;
	}	

	.panel table.calculator5 .inputfield {
		font: normal 13px/100% Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		background-color: #EFF3F5;
		border: 1px inset #fafafa;
		height: 20px;
		vertical-align: middle;
		padding-left: 5px;
	}

	.panel table.calculator5 .inputresults {
		font: normal 13px/100% Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		background-color: #E9E9EB;
		border: 1px inset #fafafa;
		height: 20px;
		vertical-align: middle;
		padding-left: 5px;
	}

	.panel table.calculator5 .button {
		font: bold 11px verdana,arial, helvetica, sans-serif !important;
		color: #333 !important;
		background-color: none !important;
		}

	.panel table.calculator5 .button2 {
		font: bold 11px verdana,arial, helvetica, sans-serif !important;
		color: #333 !important;
		background-color: none !important;
		}

	.panel table.calculator5 .nbuymenu {
		font: normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
		background-color: #EFF3F5;
		border: 1px inset #fafafa;
		vertical-align: middle;
	}
	
	.panel table.itemchart {
		width: 85%;
		}
	.panel table.itemchart tr.headrow {
		background-color: #FFE09F;
		border-top: 1px solid #333;
	}
	.panel table.itemchart tr.tielrow {
		background-color: #BFD5D5;
		border-top: 1px solid #333;
	}
	.panel table.itemchart tr.tielrow strong {
		font-size: 12px !important;
		font-weight: 600 !important;
	}
	.panel table.itemchart tr.greyrow {
		background-color: #eee;
	}
	.panel table.itemchart tr.yellowrow {
		background-color: #FFFFCC;
	}
	.panel table.itemchart tr.greenrow {
		background-color: #CFF1D5;
	}
	.panel table.itemchart td {
		padding: 8px 15px;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
	}
	.panel table.itemchart.narrow td {
		padding: 9px;
	}
	.panel table.itemchart td.blank {
		padding: 8px;
		border-top: 1px solid #fff !important;
		border-left: none;
		background-color: #fff;
	}
	.panel table.itemchart td.blank.head {
		border-bottom: 1px solid #fff !important;
	}
	.panel table.itemchart td.bottomtext {
		padding: 15px 15px;
		font: normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
		background-color: #fff;
	}
	
	


/* ------------------------------------------------------------
* #7b SIDE CALCULATORS
* ------------------------------------------------------------ */

.widget .panel table.calculator {
	width: 100%;
	}

.widget .panel table.calculator td {
	padding: 8px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 33%;
	}

.widget .panel table.calculator.2column td {
	width: 50%;
	}

.widget .panel table.calculator.3column td {
	width: 33%;
	}
	

.widget .panel table.calculator td.calcheader {
	background: #456555;
	text-align: center;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #F5f5f5;
	}
	

.widget .panel table.calculator td.calcnote {
	text-align: center;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	}
	
.widget .panel table.calculator td.calctext {
	background: #f9f9f9;
	font: normal 12px/16px verdana, arial, helvetica, sans-serif;
	}
	
.widget .panel table.calculator td.calcinput {
	background: #E1CFAE;
	vertical-align: middle;
	}
	
.widget .panel table.calculator td.calcbutton {
	background: #F0EBDC !important;
	}
	
.widget .panel table.calculator td.calcresult {
	background: #F0EBDC !important;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	}
	
.widget .panel table.calculator td.calcnumber {
	background: #66CC66;
	}
	
.widget .panel table.calculator td.calcclaim {
	font: normal 11px/15px arial, helvetica, sans-serif;
	padding: 25px;
	}
	
.widget .panel table.calculator .textsm {
  	font: normal 11px/18px verdana, arial, helvetica, sans-serif;
}	
	
.widget .panel table.calculator .inputfield {
	font: normal 12px/100% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #EFF3F5;
	border: 1px inset #fafafa;
	height: 12px;
	padding: 5px;
	vertical-align: middle;
	width: 70%;
}	
	
.widget .panel table.calculator .inputfield.small {
	width: 20%;
}

.widget .panel table.calculator .inputresults {
	font: normal 12px/100% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #E9E9EB;
	border: 1px inset #fafafa;
	height: 12px;
	padding: 5px;
	vertical-align: middle;
	width: 80%;
}

.widget .panel table.calculator .inputresults.small {
	width: 80%;
}

.widget .panel table.calculator .button2 {
	font: bold 11px verdana,arial, helvetica, sans-serif !important;
	color: #333 !important;
	background-color: none !important;
	margin-right: 8px;
	}
	
.widget .panel table.calculator .nbuymenu {
	font: normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #EFF3F5;
	border: 1px inset #fafafa;
	vertical-align: middle;
}

.calcbutton {

 border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 5px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
  background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
 background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.calcbutton:hover{
 border:1px solid #5d7fbc;
 background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

/* ------------------------------------------------------------
 * #8 CONTENT TABLE DATA GRIDS
 * ------------------------------------------------------------ */

.fullscreencenter {
	width: 64%;
	margin-left: auto;
	margin-right: auto;
	}

.dataGrid {
  margin: 0px 0 10px 0px;
  border-top: 1px solid #99B2E5;
  border-bottom: 1px solid #99B2E5;
  border-left: 0px !important;
  border-spacing: 0;
  background: #F2F2F2;
  padding: 0;
  width: 100%;
  }
.dataGrid caption {
  margin: 0 0 10px 0;
  padding: 0;
	font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif !important;
	color: #99B2E5;
	text-align: left;
  }

.dataGrid tr {
  background: #fff;
  }

.dataGrid tr.alt {
  background: #F5F7FC;
  }

.dataGrid tr.over,
.dataGrid td.over {
  background: #FFF5EA;
  }

.dataGrid.steps tr.over,
.dataGrid.steps td.over {
  background: transparent;
  }

.dataGrid tr.novcolor,
.dataGrid td.novcolor {
  background: #FFF5EA;
  }

.dataGrid tr.novwhite,
.dataGrid td.novwhite {
  background: #fff;
  width: 20px;
  }

.dataGrid tr.novwhitelabel,
.dataGrid td.novwhitelabel {
  background: #fff;
  }

.dataGrid tr.novblue,
.dataGrid td.novblue {
  background: #F5F7FC;
  width: 20px;
  }

.dataGrid tr.novblue img,
.dataGrid td.novblue img {
  width: 25px !important;
  height: 20px !important;
  }

.dataGrid tr.novblue2,
.dataGrid td.novblue2 {
  background: #F5F7FC;
  height: 10px;
  padding: 1px;
  }

.dataGrid tr.novblue3,
.dataGrid td.novblue3 {
  background: #FFF;
  height: 10px;
  padding: 1px;
  }

.dataGrid td.highlight {
  background: #FFF0E1 !important;
  }

.dataGrid th,
.dataGrid tfoot td {
  background: #C1D1F0 url(/images/bg_bars.png) left center repeat-x;
  padding: 4px 5px 6px;
  padding-left: 9px;
  font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif;
  color: #111;
  text-align: left;
  vertical-align: middle;
  }
.dataGrid thead th {
  border: 1px solid #99B2E5;
  border-left: 0px !important;
  }
.dataGrid tfoot th,
.dataGrid tfoot td {
  border: 1px solid #99B2E5;
  border-bottom: 0;
  }

.dataGrid th a:link,
.dataGrid th a:visited,
.dataGrid tfoot td a:link,
.dataGrid tfoot td a:visited {
  color: #000;
  }
.dataGrid th a:hover,
.dataGrid tfoot td a:hover {
  color: #8CB9B9;
  }
.dataGrid th a:active,
.dataGrid tfoot td a:active {
  color: #C93;
  }

.dataGrid td {
  border-bottom: 1px solid #E1E8F7;
  border-left: 0px solid #E1E8F7 !important;
  border-right: 0px solid #E1E8F7;
  padding: 4px 5px;
  font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  text-align: left;
  vertical-align: top;
  padding-left: 10px;
  }
  
  .dataGrid td a span.tip {
  font: bold 10px/12px Arial, Helvetica, sans-serif;
  color: #C0C0C0;
  vertical-align:middle;
  }
  .dataGrid.large td {
  padding: 10px 7px;
  font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
  }
  
.dataGrid td.gridspace {
  padding-bottom: 25px !important;
  padding-top: 15px !important;
  } 
  
.dataGrid td.gridcontent {
  padding-bottom: 25px !important;
  }  
  
.dataGrid tr.lastRow td {
  border-bottom: 0;
  padding-bottom: 5px;
  }  
  
.dataGrid.bills td {
  padding: 10px !important;
  }

.dataGrid.blog {
  width: auto;
  margin-bottom: 50px;
  margin-left: 50px;
  margin-top: -5px;
  float: right;
 }
  
.dataGrid.blog tr {
  background: #F5F7FC;
 }	

.dataGrid.blog td img {
	border: 0px !important;
	padding: 0px;
}	

.dataGrid.blog td a {
	text-decoration: none !important;
	color: #73879D !important;
	font-size: 11px;
	padding-right: 20px;
}	

.dataGrid.blog td a:hover {
	color: inherit !important;
}

p.summarytext {
  	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif !important;
	color: #687E95;
  }	

.dataGrid td a {
	text-decoration: none;
	color: #73879D !important;
}

.dataGrid td a:hover {
	text-decoration: none;
	color: #A1AFBD !important;
}	

.contentarea .panel blockquote .dataGrid td a {
	text-decoration: none !important;
	color: #73879D !important;
}

.contentarea .panel blockquote .dataGrid td a:hover {
	text-decoration: none !important;
	color: #A1AFBD !important;
}

.tdimage {
	padding: 50px 40px 0px 10px;
	vertical-align: top;
	}
 
 	
 
.dataGrid.incontent td a {
 	text-decoration: none !important;
 	display: block;
 }
 
.dataGrid.incontent td a:hover {
 	text-decoration: none !important;
 	opacity:1.0 !important;
  	filter: alpha(opacity=100) !important;
}


	/* --------CONTENT TABLES---------------------------- */

	.gridtools td {
		  border-left: 0px !important;
		  font: normal 12px/18px Arial, Helvetica, sans-serif !important;
  		}

	.summarytable {
		width: 95%;
		padding: 5px;
		margin: 35px 0 0 0px;
		}

	.summarytable td p,
	.summarytable td ul li {
		line-height: 22px;
		}

	.summarytable.indeed {
		margin: 0px;
		}
	.summarytable.indeed td.title {
		padding: 5px 0px;
		font-size: 13px;
		font-family: verdana, arial, helvetica, sans-serif !important;
		color: #8495A8;
		}
	.summarytable.indeed td.tag {
		padding: 3px 0px;
		font-size: 10px;
		font-family: verdana, arial, helvetica, sans-serif !important;
		color: #ccc;
		}

	.inputjob {
		font: normal 12px/100% Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		background-color: #E9E9EB;
		border: 1px inset #8495A8;
		height: 20px;
		vertical-align: middle;
		padding-left: 5px;
		}
		
	 .tagbold {
	 font-weight: bold;
	 font-size: 16px;
	 line-height: 30px !important;
	 }
	 
	.bullettable {
		width: 100%;
		padding: 5px;
		margin: 10px 0 0 15px;
		}

	.bullettable td {
		padding: 5px;
		font-size: 13px;
		}
	
	.tdleft1 {
		border-bottom: solid 1px #ccc;
		border-right: solid 1px #ccc;
		vertical-align: top;
		padding-top: 0px !important;
		padding-right: 8px !important;
		}
	
	.tdleft1 img {
		max-width: none;
		}
	
	.tdright2 img {
		max-width: none;
		}
	
	.tdleft1.noborder {
		border-bottom: solid 0px #ccc;
		border-right: solid 0px #ccc;
		padding-top: 10px !important;
		}
	
	.tdleft1.success {
		border-bottom: solid 0px #ccc;
		border-right: solid 0px #ccc;
		padding: 10px 50px 0px 0px !important;
		}
	
	.tdleft1.bigicon {
		padding-top: 20px !important;
		padding-right: 30px !important;
		padding-bottom: 40px !important;
		}
	
	.tdright1 {
		padding-top: 15px;
		padding-left: 25px;
		}
	
	.tdright1.calc {
		font-size: 12px;
		line-height: 18px;
		padding: 0px 50px 50px 50px !important;
		}
	
	.tdright2 {
		padding-top: 75px !important;
		padding-left: 25px !important;
		}
	
	.tdleft2 {
		border-bottom: solid 1px #ccc;
		border-right: solid 0px #ccc;
	}
	
	.tdleft3 {
		border-bottom: solid 0px #ccc;
		border-right: solid 0px #ccc;
		padding: 50px 15px 70px 0px !important;
		border-top: 1px solid #ccc;
		}
	
	.leftheader {
		margin-top: -25px;
		padding-bottom: 60px !important;
		}
	
	.leftheader p {
		font: normal 18px/36px Georgia, "Times New Roman", Times, serif; !important;
		margin: 0px;
		}
	
	p.tip {
	  	font: bold 10px/14px Arial, Helvetica, sans-serif !important;
		color: #ccc;
  	}
  	
  	p.articleCtrl a {
	  	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif !important;
		color: #444;
  	}
  	
  	p.articleCtrl a:hover {
	  	color: #888;
  	}
  	
  	.textsm {
	  	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif !important;
		padding: 5px;
  	}


.contenttable {
  margin: 25px;
  padding: 0;
  width: 100%;
  }
  
.contenttable td {
padding: 25px 50px 0px 10px;
font: normal 12px/18px Arial, Helvetica, sans-serif !important;
  }
  
.panel.secondsection {
margin-top: 45px;
margin-left: 60px;
}


/* -------- NEW DATGRID FOR SIDE AND SHOP NAVIGATION ---------------------------- */


.dataGrid.shoptable  {
 	width: 90%;
 	margin: 15px 15px 30px 15px;
	border-spacing: 0;
	border-collapse: collapse;
	border-right-width:0;
	border-bottom-width:0;
	border-top: 0px !important;
 	} 
   
.dataGrid.shoptable td img {
 	padding-top: 4px;
 	padding-left: 0px !important;
 	padding-right: 0px !important;
 	margin-right: -5px;
 	border: none !important;
 	} 
   
.dataGrid.shoptable td {
 	text-align: left;
 	border-bottom: 1px solid #ddd;
 	//font: normal 12px/18px verdana,arial,helvetica,sans-serif !important;
 	font-size: 13px;
 	font-height: 18px;
 	}	
  
.dataGrid.shoptable td a {
 	//color: #798179;
 	text-decoration: none !important;
 	DISPLAY: block;
 	height: auto;
 	padding: 4px 0px 4px 12px;
 	//font-family: arial,helvetica,sans-serif !important;
 	font-size: 13px !important;
 	font-height: 14px;
 	border-left: 1px solid #ddd;
 	margin-left: -10px;
 	font-weight: 500 !important;
 	} 
 	
.dataGrid.shoptable td a:hover {
 	color: #8F9B8F;
 	text-decoration: none;
 	DISPLAY: block;
 	height: auto;
 	}
.dataGrid tr.alt {
  	//background: #fff;
  	}

.dataGrid.shoptable td.sidecontent:hover {
  background: #FFF5EA;
  //background: #F8F8F8;
  }

.dataGrid.shoptable td.bullet {
  width: 30px !important;
  }

.dataGrid.shoptable tr.alt td.bullet {
  background: #fff !important;
  }

.dataGrid.shoptable td.bullet:hover {
  background: #FFF;
  }
  
 .dataGrid.shoptable.blogfeature  {
  	width: 100%;
  	margin: 0px;
 	} 
.dataGrid.shoptable.blogfeature td a  {
 	padding: 0px !important;
 	font-height: auto !important;
 	}

.dataGrid.shoptable.blogfeature td.sidecontent:hover {
  background: #fafafa;
  }
  
.dataGrid.shoptable td.sidecontent.lineup {
 	display: block !important;
 	height: auto;
 	padding: 4px 6px 4px 12px !important;
 	font-size: 13px !important;
 	font-height: 14px;
 	border-left: 1px solid #ddd !important;
 	margin-left: 3px;
 	font-weight: 600 !important;
 	}
.dataGrid.shoptable td.sidecontent.lineup a {
 	display: inline-block !important;
 	padding: 4px 4px 4px 8px !important;
 	margin-right: 10px !important;
 	font-weight: 500 !important;
 	font-size: 11px !important;
 	}   


.dataGrid.shoptable td.bullet.amazon, .dataGrid.shoptable tr.alt td.bullet.amazon {
  background: transparent url(/images/icons/bullet-sidenav.png) 10px 9px no-repeat !important;
  min-width: 30px !important;
  }
  
  
/* ------------------------------------------------------------
 * #9 COLUMN MANAGER (for DATA GRIDS)
 * ------------------------------------------------------------ */

.colManager {
	margin: 0 0 10px 0;
	border: 1px solid #093;
	border-right: 0;
	border-left: 0;
	background: #D9F0E1 url(/images/bg_bars.png) left center repeat-x;
	padding: 4px 10px 5px;
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	}
.colManager span {
	white-space: nowrap;
	}
.colManager span input {
	margin: -1px 5px 0 10px;
	padding: 0;
	vertical-align: middle;
	}
	
	
div.collegesummary.leftside {
float: left;
margin-top: 25px !important;
}
div.column2.collegesummary.leftside.wide {
width: 20% !important;
}
div.collegesummary.rightside {
float: left;
margin-top: 25px !important;
}
div.collegesummary > div.pad {
padding: 0px 35px 0 0px;
}
div.collegesummary > div.pad.left {
padding: 0px 10% 0 10%;
text-align:center;
}
div.collegesummary > div.pad.left p {
background-color: transparent;
color: #f2f2f2;
}
div.collegesummary > div.pad.right {
margin-left: 50px;
margin-right: 0px;
padding-right: 0px;
}
div.collegesummary div.rightside {
float: left;
margin: 0px;
}
div.collegesummary div.pad p {
background: #FFF;
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
div.collegesummary div.pad ol,
div.collegesummary div.pad ul {
background: #FFF;
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
margin-top: -15px !important;
}
div.collegesummary div.pad p.tipcontent span {
background: #FFF;
font: bold 11px Arial, Helvetica, sans-serif;
color: #ccc;
padding-left: 10px;
}
div.collegesummary strong {
font-size: 13px;
}

.midline {
background: #000 url(/images/bg_hm_articles.png) center top repeat-y;
margin-top: -40px !important;
}

.nomidline {
background: #fff !important;
margin-top: -40px !important;
}

.mid-divider {
border-top: 1px solid #EEE;
padding: 30px 5px 0 10px;
margin-top: 50px;
height: 0;
}
.toolsbox {
margin: 90px 0 0 150px !important;
}
		
/* ------------------------------------------------------------
 * #10 GALLARY INFORMATION TABLES
 * ------------------------------------------------------------ */
 
.infoTable {
  margin: 0 0 20px 0px;
  border-bottom: 0px solid #E1E8F7;
  background: #FFF;
	width: 80%;
  }

.infoTable th {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background: #D3D8DE  url(/images/bg_bars.png) left center repeat-x;
  padding: 9px 10px;
  font: bold 11px/13px Verdana, Arial, Helvetica, sans-serif;
  color: #111;
  text-align: left;
  vertical-align: middle;
  }

.infoTable.terms th {
  padding: 9px 20px;
  }

.infoTable tr {
  border-top: 1px solid #99B2E5;
  border-bottom: 1px solid #99B2E5;
  }

.infoTable tr.alt {
  background: #F2F3F4;
  }

.infoTable th label.required {
	background: transparent url(/images/icons/icon_status.png) right -100px no-repeat;
	padding: 0 16px 0 0;
  }

.infoTable td {
  padding: 7px 10px 7px 10px;
  font: normal 13px/18px arial, helvetica, sans-serif;
  border-bottom: 1px solid #E4E7E9;
  text-align: left;
  vertical-align: top;
  }

.infoTable.compare td {
  padding: 10px 20px 10px 20px;
  }

.infoTable.terms td {
  padding: 20px;
  }

 .infoTable td.shimmer {
  background: none;
  padding: 6;
  }

.infoTable td a {
  padding: 7px 0px 7px 40px;
  font: normal 12px/18px arial, helvetica, sans-serif;
  COLOR: #607388;
  text-align: left;
  vertical-align: top;
  background: transparent url(/images/icons/icon-product-gallery.gif) 0px 0px no-repeat;
  display: block;
  }

 .infoTable td a:hover {
  padding: 7px 0px 7px 40px;
  background: transparent url(/images/icons/icon-product-gallery.gif) 0px 0px no-repeat;
  display: block;
  }

.infoTablee tr.over,
.infoTablee td.over {
  background: #FFF5EA;
  }


.infoTable td img {
  float: left;
	display: block;
  margin: 0 5px 0 0;
	border: 0;
	background: transparent;
	padding: 0;
  }
.infoTable td span.example {
  display: block;
	margin: 5px 0 2px 0;
	color: #999;
  }
.infoTable td p {
 	background-color: inherit !important;
  }


/* ------------------------------------------------------------
* #11 FEATURED SLIDER ON CONTENT PAGE
* ------------------------------------------------------------ */

#featured{
	border-left:1px solid #c6c6c3;
	border-top:none;
	height:274px;
	display:block;
	width: 100%;
	background:url(/images/featured/duplex_featured_bkgd.gif) 1px top repeat-y;
}



#featured_slider{
	height:276px;
	width:100%;
	margin-left: 5px;
	margin-top: -3px;
	overflow:hidden;
}



#featured_slider .item{
	height:279px;
	width:100%;
	overflow:hidden;
}

#featured_top{
	background:url(/images/featured/duplex_featured_top_bar.gif) repeat-x;
	height:0px;
	border-bottom:1px solid #c6c6c3;
}

#featured_top .inner{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:9px;
}

#featured_bottom{
	background:url(/images/featured/duplex_featured_top_bar.gif) repeat;
	height:0px;
	margin-bottom: 1px;
	border-top:1px solid #c6c6c3;
}

#featured_bottom .inner{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:11px;
}

#featured .column{
	width:33% !important;
	height: auto;
	float:left;
	border-right:1px solid #c6c6c3;
	text-shadow: 0px 1px 0px 
	rgba(255, 255, 255, 0.7);
	background:url(/images/featured/duplex_featured_bg.gif) repeat;
	margin-right: 0px !important;
}

#featured .column.last{
	width:33%;
}

#featured .column.last .inner{
	border:1px solid #fff;
}

#featured .column .inner{
	border:1px solid #fff;
	border-right:none;
	padding:23px 15px 28px 16px;
}


#featured .column .imageslider a{
	width:175px;
	height:auto;
	margin:0 0 20px 12px;
}


#featured .column .imageslider img {
	border: 1px solid #bbb;
	    	padding: 2px;
	    	background:#fff;
	    	display: block;
		margin-left: auto;
		margin-right: auto;
		max-width:100%;
	    	height:auto;
}


#featured .column h4 a{
	color: #362f2d;
	font-weight:normal;
	display:block;
	margin-left: auto;
	margin-right: auto;
	font:13px/20px  "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-decoration:none;
	width: 80%;
	margin-top: 12px;
}

#featured .column h4 a:hover, .box h4 a:hover, .box h5 a:hover, #sidebar .twitter a, #related .column h3 a:hover{
	color:#cc6600;
	text-decoration:none;
	
}

#featured_ribbon{
	position:absolute;
	margin:-279px 0 0 -4px;
	z-index:100;
}

.gallery {
	display: list-item;
	list-style: none;
	margin: 0;
	padding: 0;
	
	}
	
.date{
	padding-bottom: 100px;
}

.date{
	font:11px/14px  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#7c7876;
	font-style:italic;
	margin-left: 8px;
}

.date a{
	color:#7c7876;
	text-decoration:none;
}

.date span{
	color:#a6a3a1;
}

.date a:hover{
	color:#cc6600;
}


/* ------------------------------------------------------------
* #12 RESPONSIVE IMAGE CODE / WRAPPER
* ------------------------------------------------------------ */



.centerimg {
	display: block;
	margin-left: auto;
    	margin-right: auto;
    	max-width:100%;
    	height:auto;
    	}

.summaryimg {
	margin-left: auto;
    	margin-right: auto;
    	max-width:100%;
    	height:auto;
    	}
    	
.indeedwrapper {
	display: block;
	margin-left: auto;
    	margin-right: auto;
    	max-width:90%;
    	}


/* ------------------------------------------------------------
* #13 TO TOP JQ
* ------------------------------------------------------------ */



#toTop {
	display:none;
	content: '';
	text-decoration:none;
	position:fixed;
	bottom:200px;
	right:10px;
	overflow:hidden;
	width:50px;
	height:50px;
	border:none;
	text-indent:100%;
	background:url(/images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(/images/ui.totop.png) no-repeat left -50px;
	content: '';
	width:50px;
	height:50px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}




 
 /* ------------------------------------------------------------
 * #14 LEFT COLUMN (united states menu)
 * ------------------------------------------------------------ */



div.actionSelect5 {
 margin: 0 0 0px 0;
	border: 0px solid #70828F;
	background: #ffffff;
	padding: 10px 0px 10px 0px;
	height: 300px;
	overflow: auto;
	}
div.actionSelect5 ul {
  margin: 0;
	background: transparent;
	padding-left: 28px;
	list-style-type: none;
	width: 70%;
	}
div.actionSelect5 ul li {
  margin: 0;
	border-bottom: 1px solid #70828F;
	background: transparent;
	padding: 0;
	font: normal 10px/16px verdana,arial,helvetica,sans-serif;
	color: #ccc;
	width: 100%;
	}

div.actionSelect5 ul li.button,
div.actionSelect5 ul li.menuspace {
	border-bottom: 1px solid #ffffff;
	}		

div.actionSelect5 ul li a:link,
div.actionSelect5 ul li a:visited {
  display: block;
  text-decoration: none;
	color: #777;
	padding-left; 5px;
	}
div.actionSelect5 ul li a:hover,
div.actionSelect5 ul li a:active {
  text-decoration: none;
	color: #C93;
	}

div.actionSelect5 td a:hover,
div.actionSelect5 td a:active {
  text-decoration: none;
	color: #C93;
	}



/* ------------------------------------------------------------
* #15 INTROPAD FOR LINKS
* ------------------------------------------------------------ */

div.intropad ol a {
text-decoration: none;
color: #7C8FA3;
}

div.intropad ol a:hover {
text-decoration: none;
color: #A1AFBD;
}

div.intropad ol {
margin: 10px 60px 0 20px;
border-top: 1px solid #E6E6E6;
padding: 0 0 10px 0;
list-style: none;
}

div.intropad ol li {
margin: 0;
border-bottom: 1px solid #E6E6E6;
padding: 0px 0 0px 100px;
font: normal 13px/24px verdana,arial,helvetica,sans-serif;
color: #64788E;
}

div.intropad ol li.noimagebloc.tab {
padding: 0px 0 0px 70px;
}

div.intropad ol li.noimageline {
margin-left: 120px;
}

div.intropad ol li.noimagebloc {
margin-left: 50px;
}

div.intropad ol li.space {
height: 30px;
border-bottom: 1px solid #E6E6E6;
}

div.intropad ol li.noline {
	margin-left: 40px;
	background: transparent url(/images/icons/icon-list-product.gif) left center no-repeat;
	padding-left: 181px;
}

div.intropad ol li.listtopics {
	background: transparent url(/images/icons/icon-list-topic.gif) left center no-repeat;
	padding-left: 220px;
}

div.intropad ol li.listtools {
	background: transparent url(/images/icons/icon-list-tool.gif) left center no-repeat;
	padding-left: 220px;
}


div.intropad ol li.listtopics.tab {
	background: transparent url(/images/icons/icon-list-director.gif) left center no-repeat;
	padding-left: 120px;
}

div.intropad ol li.listtools.tab {
	background: transparent url(/images/icons/icon-list-tools.gif) left center no-repeat;
	padding-left: 120px;
}

div.intropad ol li.listdirectory {
	background: transparent url(/images/icons/icon-list-directory.gif) left center no-repeat;
	padding-left: 220px;
}

div.intropad ol li.listgallery {
	background: transparent url(/images/icons/icon-list-info.gif) left center no-repeat;
	padding-left: 220px;
}

div.intropad ol li.listcredit {
	background: transparent url(/images/icons/icon-list-credit.gif) left center no-repeat;
	padding-left: 220px;
}

	div.intropad ol li.noimageline.one {
	background: transparent url(/images/icons/nav2.png) 50px center no-repeat;
	}

	div.intropad ol li.noimageline.two {
	background: transparent url(/images/icons/nav2.png) 50px center no-repeat;
	}

	div.intropad ol li.noimageline.three {
	background: transparent url(/images/icons/nav3.png) 50px center no-repeat;
	}

	div.intropad ol li.noimageline.four {
	background: transparent url(/images/icons/nav4.png) 50px center no-repeat;
	}

	div.intropad ol li.noimageline.five {
	background: transparent url(/images/icons/nav5.png) 50px center no-repeat;
	}

	div.intropad ol li.noimageline.six {
	background: transparent url(/images/icons/nav6.png) 50px center no-repeat;
	}

	div.intropad ol li.noimageline.seven {
	background: transparent url(/images/icons/nav7.png) 50px center no-repeat;
	}

	div.intropad ol li.noimageline.eight {
	background: transparent url(/images/icons/nav8.png) 50px center no-repeat;
	}

	div.intropad ol li.noimageline.nine {
	background: transparent url(/images/icons/nav9.png) 50px center no-repeat;
	}
	
div.intropad ol li a {
	display: block !important;
	padding: 3px 0px;
}
div.intropad ol li a:hover {
	background-color: #fbfbfb !important;
}


/* ------------------------------------------------------------
* #16 FIELDSETS
* ------------------------------------------------------------ */



fieldset.product2 {
  	background: transparent url(/images/bkgd/bg_fieldset2.jpg) center bottom repeat-x;
  	margin-top: 15px;
  	margin-bottom: 20px;
  	border: solid 1px #A1AFBD;
  	padding: 30px;
  	border-radius: 70px;
	-moz-border-radius: 70px;
	}
	
fieldset.product2 ul il {
	list-style-type: square;
	}	

fieldset.product3 {
  	background: transparent url(/images/bkgd/bg_fieldset3.jpg) center bottom repeat-x;
  	margin-top: 15px;
  	margin-bottom: 20px;
  	border: solid 1px #A1AFBD;
  	padding: 30px;
  	border-radius: 30px;
	-moz-border-radius: 30px;
	}
	
fieldset.product3 ul il {
	list-style-type: square;
	}
	
fieldset.product4 {
  	background: transparent url(/images/bkgd/bg_fieldset2.jpg) center bottom repeat-x;
  	margin-top: 15px;
  	margin-bottom: 20px;
  	border: solid 1px #A1AFBD;
  	padding: 30px 70px 30px 70px;
  	border-radius: 30px;
	-moz-border-radius: 30px;
	}
	
fieldset.product4.wide {
  	padding: 30px 50px 30px 50px;
	}
	
fieldset.product4 ul il {
	list-style-type: square;
	}
	
fieldset.product5 {
  	background: transparent url(/images/bkgd/bg_fieldset2.jpg) center bottom repeat-x;
  	margin-top: 15px;
  	margin-bottom: 20px;
  	border: solid 1px #A1AFBD;
  	padding: 30px 100px 30px 100px;
	}
	
fieldset.product5 ul il {
	list-style-type: square;
	}
	
fieldset.product6 {
  	background: #f9f9f9;
  	margin-top: 15px;
  	margin-bottom: 30px;
  	border: solid 1px #A1AFBD;
  	padding: 25px;
  	border-radius: 30px;
	-moz-border-radius: 30px;
	}	
	
fieldset a {
  	text-decoration: underline !important;
	}

#fieldtable {
  	width: 100%;
  	margin: 10px;
  	padding: 15px 20px 15px 20px;
  	}

#fieldtable.content td{
  	padding: 10px !important;
  	border: solid 1px #ddd;
  	border-left: 0px;
  	}
  	
#fieldtable a:link       { color: #7C8FA3; }
#fieldtable a:visited    { color: #7C8FA3; }
#fieldtable a:hover      { color: #A1AFBD; }
#fieldtable a:active     { color: #A1AFBD; } 	



/* ------------------------------------------------------------
* #17 BLOC TABLES
* ------------------------------------------------------------ */

.panel table.bloc {
	width: 100%;
	}

.panel table.bloc td {
	padding: 8px;
	border: 1px solid #FF6600;
	font: normal 13px verdana, arial, helvetica, sans-serif;
	color: #333;
	}
	

.panel table.bloc tr.blocheader td {
	background: #CCCC99;
	text-align: center;
	font-weight: bold;
	}
	

.panel table.bloc tr.cnt td {
	background: #EFF2E9;
	text-align: right;
	}
	

.panel table.bloc tr.break td {
	background: #CCCC99;
	padding: 1px !important;
	}
	

.panel table.bloc tr.blocfooter td {
	background: #F0EBDC;
	text-align: right;
	font-weight: bold;
	}
	
 /* ------------------------------------------------------------
 * #18 BLOG SIDE NAVS
 * ------------------------------------------------------------ */	
 
 
  .widgetpanel {
 	height: 600px;
 	background: url(/images/bkgd/filebg_computer.jpg) left 0px no-repeat;
 	}
 
 .wrap {
	text-align: center;
 	}


 .widget div.button {
 	display: inline-block;
 	padding: 2px 0px 2px 0px;
	background: transparent;
	box-shadow: none;
	border-spacing: 0px;
 	}
 	
.widget div.button a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	}	

/* ------------------------------------------------------------
* #19 WEEKLY TIPS
* ------------------------------------------------------------ */

	
div.weeklytips ul {
	list-style: none !important;
	margin-left: -20px !important;
	}
	
div.weeklytips ul li.idea {
	margin-top: 12px;
	margin-bottom: 15px;
	background: transparent url(/images/icons/bullet_howto4.png) left 1px no-repeat;
	padding-left: 30px !important;
	}
	
div.weeklytips ul li.shop {
	margin-top: 12px;
	margin-bottom: 15px;
	background: transparent url(/images/icons/bullet_shop.png) left -2px no-repeat;
	padding-left: 30px !important;
	}
	
div.weeklytips ul li.find {
	margin-top: 12px;
	margin-bottom: 15px;
	background: transparent url(/images/icons/bullet_contractor.png) left 0px no-repeat;
	padding-left: 30px !important;
	}
	
div.weeklytips ul li.source {
	margin-top: 12px;
	margin-bottom: 15px;
	background: transparent url(/images/icons/bullet_howto.png) left -3px no-repeat;
	padding-left: 30px !important;
	}
	
.widget div.weeklytips {
	margin: 30px 50px 150px 50px;
	}
	
.widget div.weeklytips ul {
	margin-left: 0px !important;
	}
	
.message {
	font-size: 12px !important;
	color: #999 !important;
	font-weight: 600 !important;
	}
	
	
/* =================================================== *
  * #20 ROLODEX AND SCROLL ELEMENTS
  * =================================================== */
 
 
 
 .leftrolocolumn {
 	font-size: 13px;
 	width: 50%;
 	vertical-align: top;
 	height: auto;
 	padding: 50px;
 	}
 
 .rightrolocolumn {
 	padding: 50px;
 	font-size: 13px;
 	width: 50%;
 	vertical-align: top;
 	}
 
 .roloiframe {
 	margin-top: 35px;
 	width: 100%;
 	border-bottom: solid 510px #444;
 	}
 	
 	
 
 .dmcontent_container {
 width: 100%;
 }
 .dmcontent_body {
 margin-left:0px;
 background-color:#C9D6DC;
 overflow-y: auto; 
 text-align: left;
 width:95%;
 height: 174px;
 border:1px solid #acc3c3;
 }
 .dmcontent_body a:hover {text-decoration:none;}
 
 .dmcontent_link {
 text-decoration: none;
 line-height:20px;
 color:#5A8787;
 font-family:Arial,Verdana,Helvetica,sans-serif;
 font-size:14px;
 }
 .border a {
 display:block;
 padding:4px;
 border-bottom:1px dotted #C9D6DC; 
 margin:0px; 
 background-color:#E8EDF0;
 padding-left:10px; 
 width:175px;
}
	

/* ------------------------------------------------------------
* #21 ADDITIONS TO CODE: PAGE NAVIGATION
* ------------------------------------------------------------ */

.uparrow {
	padding-top: 40px;
	}
.tablespacer {
	margin-top: 70px;
	}
.iframeclass {
	width: 100%;
	}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sidenav {
	font: normal 30px Georgia, "Times New Roman", Times, serif;
	color: #C93;
}
.contentmobile p{
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: #C93;
	margin-left: 20px;
}

.intromark {
margin: 0 0 0 -5px;
padding: 0px 5px 10px 5px;
font: bold 12px/20px arial,helvetica,sans-serif;
color: #687E95;
text-transform: uppercase;
letter-spacing: .20em;
vertical-align: top; }

.intromark.directory {
margin: -30px 0 0 -5px;
color: #CFD3D7;
}	
	
.entryintro {
	background: url(/images/bkgd/content-arrow.jpg) right 70px no-repeat;
}

.sepline {
	background: transparent url(/images/bkgd/line-sm.gif) left 32px repeat-x;
	height: 55px;
	width: 45%;
	}

.ssepline {
	height: 12px;
	width: 45%;
	}

.seppline {
	margin: 0px !important;
	}


.sepline2 {
	height: 10px !important;
	margin: 0px !important;
	}	

.tipmain {
	font: bold 11px/12px Arial, Helvetica, sans-serif !important;
	color: #ccc;
	vertical-align:middle;
	margin-top: 20px;
	}

ul.tipmain li {
	font: bold 11px/12px Arial, Helvetica, sans-serif !important;
	color: #ccc;
	margin-bottom: -10px;
	list-style-type: none !important;
	background: none !important;
	}
	
	
#feed > .entry h4 a {
	color: #E3CCAE !important;
	line-height: 24px !important;
	}
	
	
.widget > .entry h4 a {
	line-height: 24px !important;
	}


.fieldtips {
	list-style: square !important;
	font-size: 13px;
	}
	
.framearrowleft {
	background: url(/images/icons/frame-arrow-left.png) left top no-repeat !important;
	margin-left: 100px;
	}


	
	
.googleinput {
	background-color: #F2F4F3;
	border: 1px inset #ffffff;
	font: normal 14px/auto Verdana, Arial, Helvetica, sans-serif !important;
	color: #777;
	margin-right: 15px;
	padding: 5px;
}

.googlemenu {
	font: bold 11px verdana,arial, helvetica, sans-serif;
	color: #333;
	padding-left: 10px;
	padding-right: 10px;
}
.headleadermedium {
  	font: bold 14px/28px verdana, arial, helvetica, sans-serif;
  	color: #333333;
}
.headleadermedium2 {
  	font: bold 14px/20px verdana, arial, helvetica, sans-serif;
  	color: #333333;
}
.headleadermedium3 {
  	font: bold 14px/35px verdana, arial, helvetica, sans-serif;
  	color: #333333;
}
.intromarklg {
	margin: 0 0 10px 0px;
	padding: 5px 0px;
	font: bold 13px verdana,arial,helvetica,sans-serif;
	color: #7C8FA3;
	text-transform: uppercase;
	letter-spacing: .20em;
}

.navtext2 {
	font-size: 90%;
	padding-right: 3px;
	}

.smallintro {
  	font: normal 10px/18px verdana, arial, helvetica, sans-serif;
  	color: #333333;
}
.tipres {
font: bold 10px/15px Arial, Helvetica, sans-serif;
color: #ababab;
}	
.nbuymenu {
	font: normal 12px/100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #EFF3F5;
	vertical-align: middle;
}	
.nbuymenucl {
	font: normal 13px/100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #D5E0E3;
	vertical-align: middle;
	padding: 2px;
	margin-top: 15px;
}

.jumpmargin {
	margin-top: 60px !important;
	}

#spectable {
	float: right;
	width: 205px;
	margin: 10px 60px 0px 0px;
		}

#spectable td {
	border: 1px solid #BBBEB1;
	background-image: url(/images/bkgd/bg_tools.jpg);
	padding: 5px 5px 2px 5px;3
		}

#spectable td a {
	font: normal 11px/20px arial, helvetica, sans-serif;
		}

#spectable td ul {
  position: relative;
  	margin: 6px 0 0 0px;
    border-top: 1px dotted #DBDBB7;
  	padding: 6px 10px 0px 0px;
	list-style-type: none;
  } 
  
#spectable span.header {
  padding: 0px 0 0px 0;
  font: bold 11px/20px arial,helvetica,sans-serif;
  color: #D25400;
  }
 
  
 table.contentholder td {
 padding: 12px;
 border: 1px solid #FF7648;
 background: #fafafa:
 }
 
 table.contentholder.green td {
 border: 1px solid #81A9A9;
 }
 
 table.contentholder.blue td {
 border: 1px solid #445F7C;
 }
 
 table.contentholder.blue td.orange {
 background: #FFCC99;
 text-align: center;
 }
 
 table.contentholder.blue td.green {
 background: #66CC66;
 text-align: right;
 }
 
 table.contentholder.blue td {
 background: #EEEDE4;
 text-align: center;
 }
 
 table.contentholder.blue td.blgreen {
 background: #9ABABA;
 text-align: right;
 font-weight: 600;
 }
  
 table.contentinfo td {
 padding: 7px;
 }
 
 img.imgiconspec {
 float: right;
 margin: 0 100px 0 0px;
 }
 
 .successpanel {
 margin: -60px;
 margin-bottom: 0px;
 }
 
 .cardpanel {
  height: 230px;
  padding-right: 40%; 
  font-size: 13px;
  line-height: 20px;
  }
 
 .cardpanel.one {
   background:url(/images/bkgd/card1-bl.gif) 60% top no-repeat;
 }
 
 .cardpanel.two {
   background:url(/images/bkgd/card2-bl.gif) 60% top no-repeat;
 }
 
 .cardpanel.three {
   background:url(/images/bkgd/card3-bl.gif) 60% top no-repeat;
 }
 
 .cardpanel.four {
   background:url(/images/bkgd/card4-bl.gif) 60% top no-repeat;
 }
 
 .cardpanel.five {
   background:url(/images/bkgd/card5-bl.gif) 60% top no-repeat;
 }
 
 .cardpanel.six {
   background:url(/images/bkgd/card6-bl.gif) 60% top no-repeat;
 }
 
 table.lending a {
  color: #c12026;
  }
 
 table.lending a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
 
 
 table.pspsWrapper a img {
   display: block;
   border: none;
   max-width: 330px;
   max-height: 330px;
   width: expression(this.width > 330 ? 330 : true);
   position: relative;
   
} 
 
 
 .full {
   margin: 30px 0px 0px 40px;
   
} 

/* ========================= RESPONSIVE STYLES ======================== */



/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {

		div.intropad ol li.listtopics.tab {
			padding-left: 40px !important;
		}

		div.intropad ol li.listtools.tab {
			background: transparent url(/images/icons/icon-list-tool-no.gif) left 5px no-repeat;
			padding-left: 40px !important;
		}
		div.intropad ol li.noimagebloc.tab {
			padding-left: 40px !important;
		}
}

/* ---------------------------- 580px-767px -------------------------- */

@media handheld, only screen and (max-width: 767px) and (min-width: 600px) {

		div.intropad ol li.listtopics.tab {
			padding-left: 90px !important;
		}

}

/* ---------------------------- 0px-590px -------------------------- */

@media handheld, only screen and (max-width: 600px) {

		div.intropad ol li.listtopics.tab {
			background-image: none !important;
		}
		
}

/* ---------------------------- 320px-479px -------------------------- */

@media handheld, only screen and (max-width: 479px) {
}