/* Styles for the Consumer Direct Homepage (orange background): 
*/

body 
{
	background-color: #ff6600;
	background-image: none;
}

.home #wrapper {
	min-width: 770px;
}

#masthead {
	background-color: transparent;
	padding-bottom: 6px;
}


li#aboutnav, li#aboutnav a {
	background-image: url(../images/orange/mainnav1_orange.gif);
}

li#beforenav, li#beforenav a {
	background-image: url(../images/orange/mainnav2_orange.gif);
}

li#afternav, li#afternav a {
	background-image: url(../images/orange/mainnav3_orange.gif);
}

li#watchnav, li#watchnav a {
	background-image: url(../images/orange/mainnav4_2_orange.gif);
}

li#pe_watchnav, li#pe_watchnav a {
	background-image: url(../images/orange/p_mainnav6_orange.gif);
}


#welcome {
	background: transparent url(../images/orange/homepage_left_expandable.gif) center bottom no-repeat;
	width: 298px;
	position: absolute;
	left: 0;
}

/* Note: Gilder/Levin Method of Image Replacement */
#welcome h1 {
	left: 0; top: 0;
	margin: 0; padding: 0;
	width: 298px; height: 175px;
	position: relative;
	overflow: hidden;
}

#welcome h1 span {
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 298px; height: 175px;
	background: transparent url(../images/orange/homepage_left_column.gif) center top no-repeat;
}

#welcome p {
	margin: 0;
	padding: 0 20px 0 48px;
	margin: 1em 0;
}

/* Boxes in Welcome section: */
#welcome #boxes {
	padding: 0 0 20px 44px;
}

.welcomebox {
	background: transparent  url(../images/orange/purple_expandable.gif) center bottom no-repeat;
	width: 233px;
	margin-bottom: 10px;
}

#welcome .last {
	margin-bottom: 0;
}

.welcomebox h2 {
	margin: 0; padding: 0;
}

#welcome .welcomebox p {
	font-size: 90%;
	padding: 0.3em 10px 0.6em 8px;
	margin: 0;
}

#welcome p a:link, #welcome p a:visited {
	color: #663366;
}

#welcome p a:hover, #welcome p a:active {
	color: #000;
}

/* Note: Gilder/Levin Method of Image Replacement */
#callustoday h2 {
	margin: 0; padding: 0;
	width: 233px; height: 62px;
	position: relative;
	overflow: hidden;
}

#callustoday h2 span {
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 233px; height: 62px;
	background: transparent url(../images/orange/homepage_callustoday.gif) center top no-repeat;
}
#callback h2 {
	margin: 0; padding: 0;
	width: 233px; height: 62px;
	position: relative;
	overflow: hidden;
}

#callback h2 span {
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 233px; height: 62px;
	background: transparent url(../images/orange/homepage_wellcallyou.gif) center top no-repeat;
}
#webphone h2 {
	margin: 0; padding: 0;
	width: 233px; height: 62px;
	position: relative;
	overflow: hidden;
}

#webphone h2 span {
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 233px; height: 62px;
	background: transparent url(../images/orange/homepage_onlinenow.gif) center top no-repeat;
}

#absolutecontainer {

}

#main {
	clear: both;
}


/* Main content for homepage
 * ====================================================================================== */


#content {
	background: transparent url(../images/orange/blue_bottomcolumn_left.gif) left bottom no-repeat;
	margin: 0 10px 0 308px;
}

#content .bottomright {
	background: transparent url(../images/orange/blue_bottomcolumn_right.gif) right bottom no-repeat;
	padding: 0;
}

#content .topleft {
	/* background: transparent url(../images/orange/blue_topcolumn_left.gif) left top no-repeat;*/
	background: transparent url(/sitepack/layouts/knowyourrights/images/brown_topcolumn_left.gif) left top no-repeat;
	padding: 0;
}

#content .topright {
	/* background: transparent url(../images/orange/blue_topcolumn_right.gif) right top no-repeat;*/
	background: transparent url(/sitepack/layouts/knowyourrights/images/brown_topcolumn_right.gif) right top no-repeat;
	padding: 0 0;
}


#hometitlescontainer  {
	padding-top: 20px;
}

#hometitles  {
	padding: 0; margin: 0;
	border: 5px solid #000;
	border-width: 0 5px;
	/* background: #0099ff url(../images/orange/home_titles_bk_tile.jpg) left bottom repeat-x; */
	background: #B38B5B url(/sitepack/layouts/knowyourrights/images/home_titles_bk_tile.jpg) left bottom repeat-x;
}


.bottom { clear: both; }

#maintitle {
	float: right;
	width: 300px;
	/* padding: 48px 0 0;*/
	padding: 0 0 0;
}
	/*width: 370px;revert after savvy*/

#mainimage {
/*	position: absolute;
	top: 8px; left: 322px; */
	display: block;
	margin: 0; padding: 0;
	float: left;
}

/* Note: Gilder/Levin Method of Image Replacement */
#maintitle h1 {
	left: 0; top: 0;
	margin: 0 auto 10px; padding: 0;
	width: 300px; height: 62px;
	position: relative;
	overflow: hidden;
}
	/*width: 328px; height: 62px; revert after savvy*/

#maintitle h1 span {
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 300px; height: 62px;
	background: #0099ff url(../images/orange/home_text_1.gif) left top no-repeat;
}
	/*width: 328px; height: 62px; revert after savvy*/

#maintitle h1#hometitle2, #maintitle h1#hometitle2 span {
				background-image: url(../images/orange/home_text_2.gif);
}

#maintitle h1#hometitle3, #maintitle h1#hometitle3 span {
				background-image: url(../images/orange/home_text_3.gif);
}

#maintitle h1#hometitle4, #maintitle h1#hometitle4 span {
				background-image: url(../images/orange/home_text_4.gif);
}

#maintitle h2 {
	position: relative;
	margin: 0 auto; padding: 0;
	width: 327px;
	height: 57px;
}

#maintitle h2 a {
	display: block; position: absolute;
}

#content form {
	clear: both;
	background-color: #ff6600;
	border: 5px solid #000;
	border-width: 0 5px;
}

#content fieldset {
	text-align: right;
	padding: 0 10px 10px 0;
}

#content label {
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	font-size: 145%;
}

#searchbox {
	vertical-align: middle;
	width: 10em;
}

#searchbutton {
	vertical-align: middle;
}



/* Small boxes on homepage:
 * ================================ */

#smallboxes {
	padding: 13px 16px 5px 16px;
}

#smallboxes .inner, #content .smallbox .topright {
	/* height: 20.5em; */
	height: 34em;
}

#smallboxes .inner {
	background-color: #ff6600;
}

#goods {
	background: transparent url(../images/orange/purple_box_3.gif) left bottom no-repeat;
	float: left;
	width: 35%;
}

#goods .bottomright {
	background: transparent url(../images/orange/purple_box_4.gif) right bottom no-repeat;
}

#goods .topleft {
	background: transparent url(../images/orange/purple_box_1.gif) left top no-repeat;
}

#goods .topright {
	background: transparent url(../images/orange/purple_box_2.gif) right top no-repeat;
}

#rights {
	background: #ff6600 none;
	margin: 0;
	padding: 0;
}
#rights .bottomright {
	background: #ff6600 none;
}

#rights .topleft {
	background: #ff6600 none;
}

#rights .topright {
	background: #ff6600 none;
}

#issues {
	width: 35%;
	float: right;
	background: transparent url(../images/orange/green_box_3.gif) left bottom no-repeat;
}

#issues .bottomright {
	background: transparent url(../images/orange/green_box_4a.gif) right bottom no-repeat;
}

#issues .topleft {
	background: transparent url(../images/orange/green_box_1.gif) left top no-repeat;
}

#issues .topright {
	background: transparent url(../images/orange/green_box_2a.gif) right top no-repeat;
}


#content .smallbox h3 {
	padding-top: 16px;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	margin: 0;
}

#goods h3 { padding-left: 10px; }

img#redicon, img#greenicon, img#purpleicon {
	float: right;
	display: block;
	margin: 0; padding: 0;
}

/* UL elements in smallboxes on homepage:
 * ===================================================== */
#content .smallbox ul {
	margin-bottom: 0;
	padding-bottom: 8px;
	list-style-image: none;
}

#content .smallbox li {
	margin: 0.2em 0;
	padding: 0;
}

#content .smallbox li img {
	display: inline;
	vertical-align: middle;
}

#content .smallbox li a:hover, #content .smallbox li a:active {
	color: #fff;
}

#content #goods ul {
	padding-left: 10px;
	padding-right: 20px;
}

#content #rights ul {
	padding-left: 0px;
}

#content #issues ul {
	padding-left: 30px;
	padding-right: 20px;
}

#content #issues p { margin-right: 15px; }

#goods p {
	padding-right: 30px;
	padding-left: 10px;
}

#goods p, #issues p {
	margin-top: 12px;
}

#rights p { margin-top: 7px; }

#rights h3, #rights p {
	margin-right: -20px;
}

#issues h3, #issues p {
	padding-left: 30px;
}


div#oftlink div, #oftlink a {
	background-image: url(../images/orange/oft_rollover_orange.gif);
}

.home #oftlink {
	padding-right: 0px;
	margin-right: 10px;
}





/* Did you know box for homepage
 * ====================================================================================== */

#lowercontent {
	background: transparent url(../images/orange/lc_onorange_topleft.gif) left top no-repeat;
	margin: 8px 150px 0 308px;
}

#lowercontent .topright {
	background: transparent url(../images/orange/lc_onorange_topright.gif) right top no-repeat;
}

#lowercontent .bottomleft {
	background: transparent url(../images/orange/lc_onorange_bottomleft.gif) left bottom no-repeat;
}

#lowercontent .bottomright {
	background: transparent url(../images/orange/lc_onorange_bottomright.gif) right bottom no-repeat;
	position: relative;
}