/* Styles for the Know your rights pages (based on home page) (orange background): 
*/

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

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

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


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

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

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

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

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


#welcome {
	background: transparent url(../images/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/homepage_left_column_welsh.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/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/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/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/homepage_onlinenow.gif) center top no-repeat;
}

#absolutecontainer {

}

#main {
	clear: both;
}


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


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

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

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

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

.knowyourrights #content .topleft {
	background: transparent url(../images/white_topcolumn_left.gif) left top no-repeat;
	padding: 0;
}
.knowyourrights #content .topright {
	background: transparent url(../images/white_topcolumn_right.gif) right top no-repeat;
	padding: 0;
}


.bottom { clear: both; }



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

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





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

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

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

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

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



/* Know your rights home page
 * ====================================================================================== */
#knowyourrightscontainer{
	padding: 24px 0;
	
}
#titlescontainer{
	margin: 0;
	padding: 0 10px 18px 10px;
	border-left: 5px solid #000;
	border-right: 5px solid #000;
	background-color: #B38B5B;
}

#somethingwrong{
	float: left;
}
#content #somethingwrong span{
	background-image: url(../images/something-wrong.gif);
	padding: 0;
	margin: 0;
	display: block;
}

#didyouknow{
	float: right;
	width: 259px;
}

#didyouknow h3{
	background-image: url(../images/did-you-know-everything.gif);
	height: 105px;
	width: 259px;
	margin: 0;
	padding: 0;
}
#content #didyouknow ul{
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#content #didyouknow ul li{
	padding: 3px 0 10px 30px;
	background-image: url(../images/checkbox.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	height: 24px;
	color: #FFFFFF;
	font-size: 1.2em;
}

.findoutmore-arrow{
	float: left;
	width: 162px;
	margin-right: 5px;
	margin-top: 10px;
}
.findoutmore-arrow a{
	background-image: url(../images/find-out-more.gif);
	display: block;
	height: 70px;
	width: 100%;
}
.findoutmore-subtext{
	font-weight: bold;
	margin-top: 20px;
	width: 90px;
	float: left;
}

#knowyourrights-bottom{
	clear: both;
}
#win-link{
	float: left;
	width: 279px;
	padding-left: 40px;
	padding-bottom: 10px;
}
#win-link a{
	width: 100%;
	height: 139px;
	background-image: url(../images/enter-competition.gif);
	display: block;
}
#knowyourrights-home-tag{
	background-image: url(../images/consumer-rights.gif);
	float: right;
	width: 251px;
	height: 164px;
	margin-right: 20px;
	position: relative;
	top: -18px;
}

/* Know your rights landing page
 * ========================================================================================*/

h2#thingsyoubuymust{
	padding: 0;
	margin: 20px 0 0 0;
	background-image: url(../images/things_you_buy_must_welsh.gif);
	width: 259px;
	height: 104px;
}
#knowyourrights-landing-tag{
	background-image: url(../images/consumer_rights_small_welsh.gif);
	width: 216px;
	height: 155px;
	position: relative;
	margin-top: -19px;
}

.knowyourrights #titlescontainer{
	background-color: #FFF;
}

.knowyourrights-landing-copy{
	max-width: 470px;
	width: auto !important;
	width: 470px;
}
#content .knowyourrights-landing-copy h2{
	margin-top: 20px;
	padding: 5px 0 0 30px;
	background-image: url(../images/checkbox_white.gif);
	background-repeat: no-repeat;
	height: 19px;
}
#content .knowyourrights-landing-copy p, #content .knowyourrights-landing-copy ul{
	padding-left: 30px;
}
.knowyourrights #content ul li{
	list-style-image: url(../images/list_icon_orange.gif);
}

.knowyourrights-landing-image{
	width: 178px;
}
.something-wrong-sweater{
	background-image: url(../images/something_wrong_sweater_wel1.gif);
	width: 166px;
	height: 195px;
}
.something-wrong-player{
	background-image: url(../images/something_wrong_player_welsh.gif);
	width: 177px;
	height: 201px;
}
.something-wrong-car{
	background-image: url(../images/something_wrong_car.gif);
	width: 178px;
	height: 198px;
}
.enter-the-competition{
	background-image: url(../images/enter_competition_small_wel1.gif);
	width: 227px;
	height: 82px;
	display: block;
	float: right;
}

/* Competition page 1 
 * =======================================================================================*/

.knowyourrights #content .subnav ul{
	margin: 0;
	padding: 0;
}
.knowyourrights #content .subnav ul li{
	float: left;
	margin-right: 10px;
	list-style-image: none;
}
.subnav ul li a{
	background-repeat: no-repeat;
	text-indent: -999px;
	display: block;
	height: 67px;
}
.subnav ul li#subnav-knowyourrights a{
	background-image: url(../images/nav_know_your_rights_welsh.gif);
	width: 142px;

}

.subnav ul li#subnav-knowyourrights.selected a{
	background-image: url(../images/nav_know_your_rights_on_wel1.gif);
	
}  
.subnav ul li#subnav-competition a{
	background-image: url(../images/nav_competition_welsh.gif);
	width: 122px;
	
}  
.subnav ul li#subnav-competition.selected a{
	background-image: url(../images/nav_competition_on_welsh.gif);
	
}
.subnav ul li#subnav-partners a{
	background-image: url(../images/nav_partners_welsh.gif);
	width: 99px;
	
}  
.subnav ul li#subnav-partners.selected a{
	background-image: url(../images/nav_partners_on_welsh.gif);
	
} 
#knowyourrights-comp-right{
	width: 242px;
}
#knowyourrights-comp-left{
	width: 60%;
	
}
#knowyourrights-comp-left p{
	font-weight: bold;
	
}
#content h2.do-you-know-consumer{
	background-image: url(../images/do_you_know_consumer_welsh.gif);
	margin: 0;
	padding: 0;
	width: 232px;
	height: 105px;
}
#content #knowyourrights-comp-left h3{
	color: #0099ff;
}
#knowyourrights-comp-tag{
	background-image: url(../images/consumer_rights_medium_welsh.gif);
	width: 242px;
	height: 172px;
	position: relative;
	margin-top: -19px;
}
#knowyourrights-comp-wrong{
	background-image: url(../images/something_wrong_sweater_lar2.gif);
	width: 236px;
	height: 274px;
	position: relative;
	margin-top: 50px;
}

.enter-now{
	background-image: url(../images/enter_now_welsh.gif);
	width: 213px;
	height: 72px;
	display: block;
}

/* Know your rights comp page 2
 * =======================================================================================*/
#content h2.take-our-quiz{
	background-image: url(../images/take_our_quiz_welsh.gif);
	margin: 0;
	padding: 0;
	width: 403px;
	height: 104px;
}

input{
	border: 1px solid #000;
}
.checkbox input, .radio input{
	border: none;
}
.form-row{
	clear: both;
	margin-bottom: 10px;
	font-weight: bold;
}
.textbox .form-label{
	width: 150px;
	display: block;
	margin-right: 10px;
	float: left;
}
.textbox .form-input{
	width: 240px;
}
.radio .form-label, .checkbox .form-label{
	width: 350px;
	float: left;
	margin-right: 10px;
	display: block;
	font-weight: normal;
}
.radio .form-input, .checkbox .form-input{
	width: 40px;
}
.submit input{
	margin-left: 310px;
	border: none;
}
.answer{
	color: #0099FF;
	display: none;
}

/* Know your rights thank you page
 * ========================================================================================*/

#content h2.thank-you{
	background-image: url(../images/thank_you_welsh.gif);
	width: 277px;
	height: 106px;
	margin: 0;
	padding: 0;
}
.findoutmore-arrow-white{
	float: left;
	width: 162px;
	
}
.findoutmore-arrow-white a{
	background-image: url(../images/find-out-more-white_welsh.gif);
	display: block;
	height: 70px;
	width: 100%;
}
.findoutmore-white-subtext{
	font-weight: bold;
	margin-top: 0;
	margin-left: 10px;
	margin-top: 20px;
	float: left;
}

/* Know your rights competition terms and conditions page
 * ========================================================================================*/

.knowyourrights ol{
	margin-left: 25px;
}

/* Know your rights partners page
 * ======================================================================================= */

.knowyourrights #content #partners-list li{
	width: 120px;
	float: left;
	margin-right: 10px; 
	margin-bottom: 10px;
	list-style-image: none;
	background: none;
	text-align: center;
}
h2.partners{
	background-image: url(../images/partners_welsh.gif);
	width: 259px;
}


/* Utility classes
 * ========================================================================================*/

.hidden{
	text-indent: -9999px;
	background-repeat: no-repeat;
	
}
.clear{
	clear: both;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}