/*
 * Author:		Adam Collison [adam.collison@soak.co.uk]
 * Agency:		Soak Digital Ltd.
 * Client: 		Archant
 * Project: 	Jumbo 24
 * Comment:		Base stylesheet

----------------------
Contents:

1. Font Sizing
2. Generic HTML styles
3. Parent layout styles
4. Banners
5. Header
  a) Navigation Styles
  b) Sub Navigation Styles
  c) Quick Search Form Styles
  d) Advanced Search Form Styles
  e) Generic Reused Styles Styles
  f) Account Panel Styles
  g) Crumbtrail Styles 
6. Homepage specific styles
  a) Category Panel Styles
  b) Why Advertise Panel Styles
  c) Inspiration Panel Styles
  d) How Jumbo Works Panel Styles 
7. Actual Content styles
  a) Form Styles
  b) Category List Styles
  c) Results List Styles
  d) Detail Page Styles
  e) Pagination Styles
9. Footer
10. Miscellaneous
11. sIFR

/*--------------------------------------------------------------------------
	Font Sizing
----------------------------------------------------------------------------*/
body
{
	font-size:				0.75em; /* 16 x 0.75=12px */
}

h1,
.quick-search .account-panel h3,
#homepage .why-advertise h2,
#homepage .how-jumbo-works h3
{
	font-size:				1.58em; /* 12 x 1.58=19px */
}

#homepage .categories li h4 a,
.categories-list li h4,
.results-count em,
.results-list li .price a,
.default h2,
.results-list li.featured .information h2
{
	font-size:				1.167em; /* 12 x 1.167=14px */
}

.sub-nav ul,
.results-count,
#homepage .how-jumbo-works,
.results-list li h2
{
	font-size:				1.083em; /* 12 x 1.083=13px */
}

.quick-search .form .action a,
.account-panel p
{
	font-size:				0.92em; /* 12 x 0.92=11px */
}

.footer
{
	font-size:				0.83em; /* 12 x 0.83=10px */
}


/*--------------------------------------------------------------------------
	Generic HTML styles
----------------------------------------------------------------------------*/

body
{
	font-family:			Arial, Helvetica, sans-serif;
}

strong
{
	font-weight:			bold;
}

em
{
	font-style:				normal;
}

a
{
	color:					#0171BB;
}

a:hover
{
	text-decoration:		none;
}

h1
{
	color:					#F25601;
	background:				url(../images/bg-dotted-a.gif) bottom left repeat-x;
	padding-bottom:			9px;
	margin:					0 0 10px;
}

.form label
{
	font-weight:			bold;
	color:					#03263A;
	font-style:				italic;
	padding-right:			10px;
}


/*--------------------------------------------------------------------------
	Parent layout styles
----------------------------------------------------------------------------*/

#page-container
{
	width:					964px;
	margin:					11px;
}

a.action,
.action a,
#homepage .categories li li a,
.categories-list li li a,
ul.pagination li.next a
{
	padding-right:			7px;
	background:				url(../images/bg-link-action.png) 100% 60% no-repeat;
}

ul.pagination li.prev a
{
	padding-left:			7px;
	background:				url(../images/bg-link-action-reverse.png) 0 60% no-repeat;
}

a.c2a-action,
#homepage .categories li p a,
.categories-list .viewall
{
	padding-right:			7px;
	background:				url(../images/bg-link-c2a-action.png) 100% 60% no-repeat;
}

.content-container
{
	width:					964px;
}

.content-panel
{
	float:					left;
	width:					776px;
	padding:				20px;
	clear:					left;
	margin-bottom:			20px;
	background:				#F2FBFF url(../images/bg-content-panel.jpg) bottom left no-repeat;
}


/*--------------------------------------------------------------------------
	=Banners
----------------------------------------------------------------------------*/

.banner-top
{
	float:					right;
	margin-bottom:			15px;
}

.banner-in-page
{
	float:					right;
	width:					120px;
	padding-right:			10px;
}


/*--------------------------------------------------------------------------
	=Header
----------------------------------------------------------------------------*/

.page-actions
{
	background:				#fbfbfb url(../images/bg-page-actions.jpg) 0 0 repeat-y;
	margin-bottom:			15px;
}


/* 
Navigation Styles 
*************************************************************/

.nav
{
	background:				url(../images/bg-nav.gif) 0 0 repeat-x;
	position:				relative;
	clear:					right;
}	

.nav li
{
	float:					left;
}	

.nav li.last img
{
	position:				absolute;
	top:					0;
	right:					0;
}	

.nav li.home img
{
	position:				absolute;
	top:					-73px;
	left:					17px;
}	

.nav li em
{
	overflow:				hidden;
	display:				block;
	width:					0;
	height:					0;
}	

.nav li a
{
	display:				block;
	min-height:				31px;
	background-position:	0 0;
	background-repeat:		no-repeat;
}

.nav li a:hover,
.nav li a.selected
{
	background-position:	bottom left;
}

.nav li.home a
{
	background-image:		url(../images/btn-home.gif);
	width:					77px;
}	

.nav li.search a {
    background-image:url("../images/btn-search.gif");
    width:111px;
}

.nav li.place-ad a
{
	background-image:		url(../images/btn-place-an-ad.gif);
	width:					114px;
}	

.nav li.my-account a
{
	background-image:		url(../images/btn-my-account.gif);
	width:					113px;
}	

.nav li.about a
{
	background-image:		url(../images/btn-about-jumbo-24.gif);
	width:					143px;
}	

.nav li.contact a
{
	background-image:		url(../images/btn-contact-us.gif);
	width:					103px;
}	


/* 
Sub Navigation Styles 
*************************************************************/

#page-container .sub-nav
{
	position:				relative;
	background:				none;
}

.sub-nav ul li
{
	float:					left;
}

#page-container .sub-nav ul
{
	background:				url(../images/bg-page-actions-sub-nav.jpg) bottom left no-repeat;
	min-height:				28px;
	color:					#0084CC;
	font-weight:			bold;
}

.sub-nav ul li
{
	padding:				5px 10px 5px 0;
}

.sub-nav ul li,
.sub-nav ul li a
{
	float:					left;
}

.sub-nav ul li a
{
	font-style:				italic;
	display:				block;
	margin-right:			10px;
	text-decoration:		none;
}

.sub-nav ul li a:hover,
.sub-nav ul li.selected a
{
	color:					#062A40;
}


/* 
Quick Search Form Styles 
*************************************************************/

.quick-search .form
{
	width:					707px;
	background:				url(../images/bg-page-actions-quick-search.jpg) bottom left no-repeat;
	float:					left;
	min-height:				66px;
	padding:				9px 0 13px 19px;
}

.quick-search .form label
{
	margin-bottom:			0.1em;
	padding:				0 0 0 2px;
	display:				block;
}

.quick-search .form span
{
	float:					left;
	margin-right:			20px;
}

.quick-search .form .action
{
	padding-top:			17px;
	float:					right;
	display:				block;
}

.quick-search .form .action a
{
	display:				block;
	text-align:				center;
}

.quick-search .form .frm_keywords
{
	width:					200px;
}

.quick-search .form .frm_location
{
	width:					170px;
}

.quick-search .form select
{
	width:					110px;
}
.quick-search .account-panel
{
	width:					228px;
	background:				#D6EEFA url(../images/bg-page-actions-account-panel-large.jpg) bottom right no-repeat;
	float:					right;
	min-height:				72px;
	padding:				6px 0 10px 10px;
	position:				relative;
}

.quick-search .account-panel p img
{
	margin:					12px 7px 0;
}

.quick-search .account-panel p
{
	margin:					0.75em 0 0;
}


/* 
Advanced Search Form Styles 
*************************************************************/

.advanced-search fieldset
{
	float:					left;
	margin-right:			12px;
}

.advanced-search .form label
{
	display:				block;
	font-weight:			bold;
	color:					#03263A;
	font-style:				italic;
	margin-bottom:			0.1em;
	margin-top:				0.5em;
}

.advanced-search .frm_keywords,
.advanced-search .frm_category
{
	width:					216px;
}

.advanced-search .frm_location,
.advanced-search .frm_type
{
	width:					159px;
}

.advanced-search .frm_search_distance,
.advanced-search .frm_ad_age
{
	width:					117px;
}

.advanced-search .frm_price_from,
.advanced-search .frm_price_up_to
{
	width:					90px;
}

.advanced-search .btn
{
	margin:					69px 0 0 10px;
}


/* 
Generic Reused Styles Styles 
*************************************************************/

.advanced-search,
.results-panel
{
	background:				url(../images/bg-page-actions-full.jpg) 0 0 repeat-y;
	position:				relative;
}

.advanced-search .form,
.results-panel .detail,
.sub-nav ul
{
	width:					800px;
	background:				url(../images/bg-page-actions-full-panel.jpg) bottom left no-repeat;
	float:					left;
	padding:				8px 0 14px 21px;
}

.advanced-search .account-panel p,
.results-panel .account-panel p,
.sub-nav .account-panel p
{
	margin:					0.5em 0 0;
}

.results-panel h2
{
	margin:					4px 0 10px 7px;
}


/* 
Account Panel Styles 
*************************************************************/

.account-panel
{
	width:					136px;
	background:				#D6EEFA url(../images/bg-page-actions-account-panel.jpg) 100% 100% no-repeat;
	float:					right;
	min-height:				42px;
	padding:				0 0 7px 11px;
	position:				absolute;
	right:					0;
}

.account-panel h3
{
	color:					#032437;
}

.sub-nav .account-panel p
{
	margin:					0.5em 0 0;
}

.sub-nav .account-panel p img
{
	margin:					7px 8px 0 0;
}

/* 
Crumbtrail Styles 
*************************************************************/

.crumbs 
{
	position:				relative;
	top:					-8px;
	left:					20px;
}

.crumbs li
{
	float:					left;
	margin-right:			0.5em;
}


/*--------------------------------------------------------------------------
	=Homepage specific styles
----------------------------------------------------------------------------*/

#homepage
{
	float:					none;
	width:					100%;
	padding:				0;
	background:				none;
}


/* 
Category Panel Styles 
*************************************************************/

#homepage .categories
{
	width:					606px;
	background:				#F2FBFF url(../images/bg-homepage-categories.jpg) bottom left no-repeat;
	padding:				10px 9px 24px;
	float:					left;
	margin-bottom:			10px;
	position:				relative;
	min-height:				352px;
}

#homepage .categories p
{	
	position:				absolute;
	top:					0;
	right:					0;
	margin:					1.5em 1.5em 0 0;
}

#homepage .categories li p
{
	position:				relative;
	margin:					auto;
}

#homepage .categories h1
{
	margin:					0 10px 10px;
}

#homepage .categories li
{
    background:             none;
    float:                  left;
    font-weight:            bold;
    margin-bottom:          15px;
    margin-right:           15px;
    margin-top:             15px;
    padding-left:           38px;
    position:               relative;
    width:                  145px;
}

#homepage .categories li img
{
    left:                   -2px;
    position:               absolute;
    top:                    -2px;
}

#homepage .categories li.break
{
	height:					1px;
	clear:					both;
	padding:				0;
	margin:					0;
	overflow:				hidden;
	background:				none;
	width:					auto;
	float:					none;
}

#homepage .categories li h4 a
{
	text-decoration:		none;
	color:					#03283B;
	display:				block;
	margin-bottom:			0.3em;
	padding-top:			7px;
}

#homepage .categories li li
{
	background:				none;
	padding-left:			0; 
	width:					auto;
	float:					none;
	margin:					auto;
}

#homepage .categories li p a
{
	color:					#03283B;
}


/* 
Why Advertise Panel Styles 
*************************************************************/

#homepage .why-advertise
{
	float:					right;
	width:					329px;
	background:				url(../images/bg-homepage-why-advertise-box.gif) 0 0 repeat-y;
	position:				relative;
	top:					-4px;
}

#homepage .why-advertise h2
{
	background:				url(../images/bg-homepage-why-advertise-top.jpg) 0 0 no-repeat;
	min-height:				42px;
	color:					#fff;
	margin-bottom:			11px;
	padding-top:			1px;
}

#homepage .why-advertise h2 span
{
	display:				block;
	padding:				12px 0 10px;
	margin:					0 20px;
	background:				url(../images/bg-homepage-why-advertise-h2.gif) bottom left repeat-x;
}

#homepage .why-advertise div
{
	background:				url(../images/bg-homepage-why-advertise-base.jpg) bottom left no-repeat;
	min-height:				152px;
	padding:				0 20px 10px;
}

#homepage .why-advertise p
{
	margin:					6px 0 6px 15px;
}

#homepage .why-advertise ul
{
	color:					#fff;
	list-style:				none;
	padding-top:			140px;
}

#homepage .why-advertise ul li em
{
	text-indent:			-9999px;
	display:				block;
	width:					275px;
}

#homepage .why-advertise ul li
{
	padding:				0;
	margin:					0;
}

#homepage .why-advertise ul li.step1 em
{
	background:				url(../images/img-why-advertise-step-1.gif) 0 0 no-repeat;
	height:					18px;
}

#homepage .why-advertise ul li.step2 em
{
	background:				url(../images/img-why-advertise-step-2.gif) 0 0 no-repeat;
	height:					41px;
}

#homepage .why-advertise ul li.step3 em
{
	background:				url(../images/img-why-advertise-step-3.gif) 0 0 no-repeat;
	height:					22px;
}

#homepage .why-advertise ul li.step4 em
{
	background:				url(../images/img-why-advertise-step-4.gif) 0 0 no-repeat;
	height:					22px;
}

#homepage .why-advertise ul li.step5 em
{
	background:				url(../images/img-why-advertise-step-5.png) 0 0 no-repeat;
	height:					42px;
}


#homepage .why-advertise ul li img
{
	position:				absolute;
	top:					-9999px;
	left:					-9999px;
}

#homepage .why-advertise ul li.selected em
{
	background-position:	bottom left;
}

#homepage .why-advertise ul li.selected img,
#homepage .why-advertise ul li.previous img
{
	top:					50px;
	left:					9px;
}



/* 
How Jumbo Works Panel Styles 
*************************************************************/

#homepage .how-jumbo-works

{

            position: relative;
            background: #fbfbfb url(../images/bg-homepage-how-jumbo-works.jpg) bottom left repeat-x;
            font-weight: bold;
            margin-bottom: 20px;
            float: left;
            width: 606px;
            padding-top: 10px;
            padding-right: 10px;
            padding-bottom: 30px;
            padding-left: 10px;

}


#homepage .how-jumbo-works h3
{
	color:					#F25601;
	background:				url(../images/bg-homepage-how-jumbo-works-h3.gif) bottom left repeat-x;
	padding-bottom:			10px;
	margin:					0 0 10px;
}

#homepage .how-jumbo-works p
{
	color:					#03283B;
	margin-bottom:			0.6em;

}

#homepage .how-jumbo-works h4
{
	color:					#F25601;
	margin-bottom:			0.4em;
	margin-top:				1em;
	width:					780px;
}

#homepage .how-jumbo-works ul
{
	margin-top:				1em;
	width:					370px;
	float:					left;
}

#homepage .how-jumbo-works li
{
	color:					#03283B;
	padding-left:			35px;
	margin-bottom:			10px;
	position:				relative;
	padding-top:			8px;
	width:					335px;
}

#homepage .how-jumbo-works li img
{
	position:				absolute;
	top:					2px;
	left:					0;
}

#homepage .how-jumbo-works li h4
{
	color:					#F25601;
	display:				inline;
}

#homepage .how-jumbo-works .paypal
{
	position:				absolute;
	top:					33px;
	right:					0px;
}

#homepage .how-jumbo-works .cards
{
	position:				absolute;
	bottom:					20px;
	right:					21px;
}


/*--------------------------------------------------------------------------
	=Actual Content styles
----------------------------------------------------------------------------*/

.default h2
{
	color:				#04273B;
	font-weight:		bold;
	margin:				0.6em 0;
}

.default h3
{
	color:				#F25603;
	font-weight:		bold;
	margin:				0.6em 0;
}

.default ul
{
	margin:				0.6em 0;
}

.default ul li
{
	padding-left:		20px;
	background:			url(../images/bg-bullet.gif) 0 50% no-repeat;
}

.default ol
{
	list-style-type:	decimal;
	margin:				0.6em 0 0.6em 20px;
}

.default ol li
{
	display:			list-item;
}


/* 
Form Styles 
*************************************************************/

.content-panel .form
{
	background:				url(../images/bg-dotted-a.gif) bottom left repeat-x;
	clear:					both;
}

.content-panel .form fieldset,
.content-panel .form div
{
	display:				block;
	padding:				0 0 12px;
	margin:					12px 0;
}

.content-panel .form div fieldset
{
	padding:				0;
	margin:					0;
	float:					left;
}

.content-panel .last fieldset,
.content-panel .last div
{
	background:				url(../images/bg-dotted-a.gif) 0 0 repeat-x;
	padding:				12px 0;
}

.content-panel .last div fieldset
{
	background:				none;
	padding:				0;
}

.content-panel .browse fieldset
{
	text-align:				right;
}


/* 
Category List Styles 
*************************************************************/

.categories-list li
{
	background:             none;
    float:                  left;
    font-weight:            bold;
    margin-bottom:          28px;
    margin-right:           15px;
    margin-top:             11px;
    padding-left:           38px;
    position:               relative;
    width:                  26%;
}

.categories-list li img
{
	left:                   -2px;
    position:               absolute;
    top:                    -2px;
}

.categories-list li.break
{
	height:					1px;
	clear:					both;
	padding:				0;
	margin:					0;
	overflow:				hidden;
	background:				none;
	width:					auto;
	float:					none;
}

.categories-list li h4 a
{
	text-decoration:		none;
	color:					#03283B;
	display:				block;
	margin-bottom:			0.3em;
	padding-top:			7px;
}

.categories-list li li
{
	background:				none;
	padding-left:			0; 
	width:					auto;
	float:					none;
	margin:					auto;
}

.categories-list .viewall
{
	color:					#03283B;
}


/* 
Results List Styles 
*************************************************************/

.results-list li
{
	background:				url(../images/bg-results-listing.jpg) bottom left repeat-x;
	margin-bottom:			25px;
	position:				relative;
}

.results-list li.featured
{
	background-image:		url(../images/bg-results-listing-featured.jpg);
}

.results-list li h2
{
	margin-bottom:			0.5em;
	font-weight:			bold;
}

.results-list li .added
{
	float:					right;
	font-weight:			bold;
}

.results-list li p
{
	padding-bottom:			0.5em;
}

.results-list li .image,
.results-list li .information
{
	width:					470px;
	float:					left;
	padding-left:			30px;
}

.results-list li .image
{
	width:					121px;
	background:				url(../images/bg-results-listing-image.png) 0 0 no-repeat;
	padding:				3px 5px 5px 3px;
	text-align:				center;
}

.results-list li .no-photo
{
	background:				none;
}

.results-list li .image img
{
	margin:					auto;
}

.results-list li .price
{
	position:				absolute;
	right:					0;
	bottom:					0;
	min-height:				91px;
	min-width:				110px;
	background:				#F7FCFF url(../images/bg-results-listing-price.jpg) bottom left repeat-x;
	border-left:			1px dotted #768C99;
	text-align:				center;
}

.results-list li .price a
{
	display:				block;
	font-weight:			bold;
	padding:				20px 0 0;
	text-align:				center;
}

.results-list li .information a
{
	color:					#062A40;
	text-decoration:		none;
}

.results-list li .information a.action
{
	color:					#0D8ACC;
	text-decoration:		underline;
}

.results-list li .information a:hover
{
	text-decoration:		underline;
}

.quick-jump
{
	position:				relative;
}

.quick-jump p.results-count
{
	position:				absolute;
	top:					-40px;
	right:					10px;
	font-weight:			bold;
	padding:				0;
	color:					#021E2A;
	font-style:				italic;
	margin:					0;
}

.results-count em
{
	color:					#F25600;
	font-style:				normal;
}


/* 
Detail Page Styles 
*************************************************************/

.detail 
{
	position:				relative;
}

.detail .information
{
	width:					410px;
	float:					right;
	padding-right:			10px;
}

.detail .added
{
	position:				absolute;
	top:					27px;
	right:					0;
	width:					150px;
}

.detail .information p
{
	margin-bottom:			0.7em;
}

.detail .type
{
	text-transform:			uppercase;
}

.detail .information h2
{
	margin-top:				25px;
	margin-bottom:			5px;
	background:				url(../images/bg-dotted-a.gif) bottom left repeat-x;
}

.detail .information .location
{
	padding-top:			10px;
}

.detail .information .location p
{
	width:					130px;
}

.detail .information .location #location-map
{
	width:					282px;
	float:					right;
	height:					225px;
	margin-bottom:			12px;
}

.detail .gallery
{
	width:					347px;
	float:					left;
}

.detail .gallery p
{
	border:					2px solid #007AC5;
	text-align:				center;
	width:					338px;
	height:					338px;
	vertical-align:			middle;
	text-align:				center;
	display:				table-cell;
	background:				#fff;
}

.detail .gallery p img
{
	margin:					auto;
	display:				block;
	text-align:				center;
}

.detail .gallery li,
.detail .gallery li a
{
	float:					left;
}

.detail .gallery li a
{
	background:				#007AC5;
	display:				block;
	margin:					3px 3px 0 0;
	border:					1px solid #a9aaac;
}

.detail .gallery li a em
{
	display:				block;
	width:					110px;
	height:					110px;
	text-align:				center;
	background:				#fff;
	vertical-align:			middle;
	display:				table-cell;
}

.detail .gallery li a em img
{
	display:				block;
	margin:					auto;
}

.detail .gallery li a.active,
.detail .gallery li a:hover
{
	border-color:			#F47734;
}

.action-back
{
	clear:					both;
	background:				url(../images/bg-action-back.gif) 0 0 repeat-x;
	height:					35px;
	padding:				8px 0 0;
}

.detail .hide
{
	display:				none;	
}

.detail .email_form label
{
	clear:					left;
	float:					left;
	font-weight:			bold;
	display:				block;
	width:					65px;
	margin-bottom:			10px;
}

.detail .email_form input,
.detail .email_form textarea
{
	float:					left;
	display:				block;
	width:					334px;
	margin-bottom:			10px;
}

.detail .email_form p input
{
	width:					auto;
	margin-left:			65px;
}


/* 
Pagination Styles 
*************************************************************/

ul.pagination
{
	margin:					0.4em 0 0 10px;
	float:					right;
}

ul.pagination li,
ul.pagination li a
{
	float:					left;
}

ul.pagination li a:hover,
ul.pagination li.selected a
{
	text-decoration:		none;
	color:					#062A40;
}

ul.pagination li
{
	color:					#03202E;
	font-weight:			bold;
	margin:					0 0.4em 0 0;
}

ul.pagination li a
{
	margin:					0 0.3em 0 0;
	display:				block;
}

ul.pagination li.page
{
	font-style:				italic;
	display:				block;
	padding-right:			6px;
}


/*--------------------------------------------------------------------------
	=Footer
----------------------------------------------------------------------------*/

.footer
{
	background:				#E2E2E2 url(../images/bg-footer.jpg) 0 0 repeat-x;
	height:					78px;
	padding:				16px 0 0 20px;
	width:					964px;
}

.footer ul,
.footer ul li,
.footer ul li a
{
	float:					left;
}

.footer ul li,
.footer ul li a
{
	margin-right:			5px;
	display:				block;
}

.footer p
{
	text-align:				right;
	width:					930px;
}

.footer a,
.footer li
{
	color:					#837D7D;
}


/*--------------------------------------------------------------------------
	Miscellaneous
----------------------------------------------------------------------------*/

.w3c,
#homepage .why-advertise span em
{
	display:				none;
}

#page-container:after,
.nav:after,
.page-actions:after,
.quick-search .form:after,
#homepage .categories:after,
.sub-nav ul:after,
.content-panel .form div:after,
.content-panel .form div ul:after,
.results-list li:after,
.detail .information .location #location-map:after,
.crumbs:after,
.detail .email_form:after,
#homepage .how-jumbo-works:after
{
	content:				".";
	display:				block;
	clear:					both;
	visibility:				hidden;
	line-height:			0;
	font-size:				0;
	overflow:				hidden;
}

.relevant-categories li
{
    background:                url(../images/bg-category-list.gif) 0 0 no-repeat;
    padding-left:            38px; 
    width:                    100%;
    float:                    none;
    margin-right:            0;
    margin-bottom:            28px;
    margin-top:                11px;
}

.extended-search-range
{
    margin-bottom:            10px; 
    padding-bottom:            10px; 
    color:                    #c00;
    text-align:                center; 
    font-weight:            bold;
    background:             url(../images/bg-dotted-a.gif) bottom left repeat-x;
}

.contact table
{
	width:					100%;
}

.contact th
{
	width:					120px;
	padding-bottom:			5px;
}

.contact td
{
	padding-bottom:			5px;
}

.contact td input
{
	width:					400px;
}

.contact p
{
	margin-bottom:			10px;	
}

.contact .radios
{
	margin-bottom:			30px;	
	left:					120px;
	position:				relative;
}

.contact .radios td input
{
	width:					auto;
}


/*--------------------------------------------------------------------------
	sIFR
----------------------------------------------------------------------------*/

@media screen
{
	.sIFR-flash
	{
		border:					0;
		margin:					0;
		outline:				none;
		padding:				0;
		visibility:				visible!important;
	}
	
	.sIFR-replaced,
	.sIFR-ignore
	{
		visibility:				visible!important;
	}
	
	.sIFR-alternate
	{
		display:				block;
		height:					0;
		left:					0;
		overflow:				hidden;
		position:				absolute;
		top:					0;
		width:					0;
	}
	
	.sIFR-replaced div.sIFR-fixfocus
	{
		float:					none;
		letter-spacing:			0px;
		margin:					0pt;
		overflow:				auto;
		padding:				0pt;
	}
}

/* CSS rules for to-be-replaced elements */

@media screen
{
	.sIFR-active h1
	{
		line-height:				0.1;
		visibility: 				hidden;
		padding:					4px 0 2px;
	}
	.sIFR-active .why-advertise h2 span
	{
		line-height:				0.1;
		visibility: 				hidden;
		padding:					18px 0 2px!important;
	}
	.sIFR-active .account-panel h3
	{
		line-height:				0.1;
		visibility: 				hidden;
		padding:					4px 0 0;
	}
	
	.sIFR-active .how-jumbo-works h3
	{
		line-height:				0.1;
		visibility: 				hidden;
		padding:					6px 0 2px;
	}
	
	.sIFR-active .inspiration h3
	{
		line-height:				0.1;
		visibility: 				hidden;
		padding:					6px 0 2px;
	}
}



