/* Section specific text styles: Solutions */

/* ******************** FEATUREAREAS ****************************** */

div#featureArea {
	width: 466px;
	height: 100px;
	padding: 50px 20px 20px 200px;
}

div.index {
	background: #fff url(/images/feature/smallbiz_index_feature.jpg) no-repeat;
}

div#smallfeatureArea {
	width: 466px;
	height: 30px;
	padding: 50px 20px 20px 200px;
}

div .manage {
	background: #fff url(/images/feature/smallbiz_manage_feature.png) no-repeat;
}

div .process {
	background: #fff url(/images/feature/smallbiz_process_feature.png) no-repeat;
}

div .produce {
	background: #fff url(/images/feature/smallbiz_produce_feature.png) no-repeat;
}

div .organize {
	background: #fff url(/images/feature/smallbiz_organize_feature.png) no-repeat;
}

div .send {
	background: #fff url(/images/feature/smallbiz_send_feature.png) no-repeat;
}

div .track {
	background: #fff url(/images/feature/smallbiz_track_feature.png) no-repeat;
}

/* Quick fix to accomodate a feature that wraps to two lines - long term solution? */

div#featureArea p {
	margin: 24px 0 0 -19px;
}

/* ******************** FEATURENAV Adjustments ****************************** */

#featureNav {
	background: #999 url(../images/nav/featureNav_bkgd_smlbiz.png) no-repeat;
}

#featureNav ul li {
	background: url(../images/nav/featureNav_gutter_smlbiz.png) no-repeat;
	background-position: top right;
}

#featureNav #selected {
	background: url(../images/nav/featureNav_selected_smlbiz.png) no-repeat;
	background-position: top right;
}

#featureNav ul li.first#selected {	
	background: url(../images/nav/featureNav_selected_smlbiz.png) no-repeat;
	background-position: top left;
}

/* ******************** QUOTE, ATTRIBUTION Adjustments ********************** */

/* ******************** SIDEBAR Adjustments********************************* */


#sidebar {
   	background: #eee;
}
#sidebartop {   
	/* top div inside the sidebar- these are the default-reset in specific css */
	background: #eee url(/images/sidebar/bkgd/sidebar_top_grey.png) no-repeat top;
	padding-top: 12px;
}

#sidebarbottom {   
	/* bottom div inside the sidebar */
	background: #eee url(/images/sidebar/bkgd/sidebar_bottom_grey.png) no-repeat bottom;
	padding-bottom: 12px;
}

/* ******************** REFRESH TEMP STYLES - Some to move to global?********************************* */


/* List classes - these still need some work but we should probably have some specific list styles that are global */

div#sidebar #sidebartop ul {
	list-style: none outside;
	margin: 0;
	padding: 10px 0 0 0;
}

div#sidebar #sidebartop ul li {
	/* padding-left: 20px; */
	line-height: 14px;
	padding-bottom: .3em;
	font-size:10px;
}

div#sidebar ul.nobullet {
	list-style: none outside;
	margin: 0;
	padding: 0 0 1em 0;
}

div#lowerArea ul.nobullet {
	list-style: none outside;
	margin: 0;
	padding: 0 0 1em 0;
}

div#lowerArea ul.nobullet li {
	padding-bottom: .3em;
}

div#rightCol #sidebartop ul li {
	margin-left:0px;
	padding-left:0px;
}

div#rightCol #sidebartop ul li a {
	font-size:10px;
}

/* Perhaps these should be a global element */

.fl {
	float: left;
}
.fr {
	float: right;
}

div.clearall {
	clear:both;
}

img.fl {
	padding: 10px 15px 10px 0;
}

img.fr {
	padding: 10px 0 10px 15px;
}

/* this probably needs to be adressed in the global stylesheet */

h2 {
	line-height: 21px;
}