/*-----------------------
 Initial CSS styling
-----------------------*/
 
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
 
body {
	font-size: 62.5%; /* 62.5% means 1em = 10px */
}
 
ul, li, ol, dl, dd, dt {
	list-style:none;
	padding:0;
	margin:0;
}
 
a {
	outline:none; /* Stops the dotted outline on click */
}
 
img {
	border:0;
	vertical-align:bottom;
}
 
.floatLeft {
	float:left !important;
}
 
.floatRight {
	float:right !important;
}
.marginLeft{
	margin-left:10px;
}
.marginLeft11{
	margin-left:11px;
}
.marginRight{
	margin-right:10px;
}
.marginTop{
	margin-top:10px;
}
.marginTop20{
	margin-top:20px;
}
.marginBottom{
	margin-bottom:10px;
}
.marginBottomFun{
	margin-bottom:7px;
}
.noMargin{
	margin:0px !important;
}
.textCenter {
	text-align:center;
}
.paddingTop{
	padding-top:10px;
}
.paddingBottom{
	padding-bottom:10px;
}
.paddingLeft{
	padding-left:10px;
}
.paddingLeft15{
	padding-left:16px;
}
.noPadding{
	padding:0px;
}
.padAll10{
	padding: 10px;
}
.textRight {
	text-align:right;
}
.clear{
	clear:both;
}
.noBackground{
	background:none !important;
}
.hidden{
	display:none;
}
.greyBack{
	color:#333333;
}
.upperCase{
	text-transform:uppercase;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.border{
	border:solid #00FF00;
}
.overflowHidden{
	overflow:hidden;
}

blockquote{
	clear: both;
	padding: 15px 10px 5px 15px;
	margin: 1em 0 1em 0;
	font-size: 1.2em;
	line-height: 1.4em;
}

span.bold{ font-weight: bold; font-size: 1.5em; }


/*----------------------------------
   COLOUR REFERENCE
   
	RED = color:#CC0000;
	white = color:#FFFFFF;
	black = color:#000;
	
	light-grey =  #e6e6e6
	mid grey = #808080;
	dark grey = #CCCCCC;
    
-----------------------------------*/ 
 
 
/*-----------------------
 Site Specific Styles
-----------------------*/


/*--typography--*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, li, a {
	font-family:Arial, Helvetica, sans-serif;
	
	color:#000;
}
p {
	font-size:1.3em;
	line-height:1.4em;
	margin: 10px;
}

div#jobquote{
	font-size: 1.2em;
	line-height: 1.4em;
	clear: both;
	margin-top: 20px;
	border: 1px solid #f00;
}

a {
	color:#CC0000;
}
a:hover {
	color:#FF0000;
}

#content h1, #content-thickbox h1{
	font-size:1.5em;
	color:#FFFFFF;
	padding: 8px 9px;
}

#content h2, #content-thickbox h2{
	font-size: 1.5em;
	padding: 1.2em 1em 0.5em 1em;
}

#content p{
	padding: 0 0 7px 6px;
}

#content p.single{
	width: 155px;
	padding: 0 0 0 2px;
}

#content h2.indent, #content-thickbox h2.indent{
	font-size:1.5em;
	text-indent:10px;
}
#content h1.red1, #content-thickbox h2.indent{
	background:url(/images/h1-red-1-column.gif) no-repeat top left;

}
div.column1 p{
	padding: 5px;
	margin: 0 0 10px 0;
	width: 170px;
	background: #fff;
	color: #000;
}

#content h1.red1-inner, #content-thickbox h1.red1-inner{
	background:url(/images/h1-red-1-column-inner.gif) no-repeat top left;
	padding-top:20px;
}
#content h1.red2, #content h1.red2{
	background:url(/images/h1-red-2-column.gif) no-repeat top left;
}

#content h1.red2-inner{
	background:url(/images/h1-red-2-column-inner.gif) no-repeat top left;
	padding-top:20px;
}

#content h1.red2-doubletop{
	width: 374px;
	background:url(/images/h1-red-2-column-single.gif) no-repeat;
	background-position: -1px 0;
	padding: 25px 0 0 5px;
}
#content h1.red3{
	background:url(/images/h1-red-3-column.gif) no-repeat top left;
}
#content h1.red4{
	background:url(/images/h1-red-4-column.gif) no-repeat top left;
}
#content h1.red5{
	background:url(/images/h1-red-5-column.gif) no-repeat top left;
}
#content h1.black1{
	background: #000000 url(/images/h1-black-1-column.gif) no-repeat top left;
}
#content h1.black1-inner{
	background: #000000 url(/images/h1-black-1-column-inner.gif) no-repeat top left;
	padding-top: 20px;
}
#content h1.black1-feature{
	background: #000000 url(/images/h1-black-1-column.gif) no-repeat top left;
	padding-top: 10px;
}

#content h1.black1-inner_black{
	background: #000000 url(/images/h1-black-1-column-inner_black.gif) no-repeat top left;
	padding-top: 20px;
}
#content h1.black2{
	background: #000000 url(/images/h1-black-2-column.gif) no-repeat top left;
}
#content h1.black2-inner{
	background: #000000 url(/images/h1-black-2-column-inner.gif) no-repeat top left;
	padding-top: 20px;
}
#content h1.black2-inner-red{
	background: #000000 url(/images/h1-black-2-column-red.gif) no-repeat top left;
	padding-top: 20px;
}
#content h1.black3{
	background:url(/images/h1-black-3-column.gif) no-repeat top left;
}
#content h1.white3{
	background:url(/images/h1-white-3-column.gif) no-repeat top left;
	color:#000000;
}
#content h1.black3-inner-fun_feature{
	position: relative;
	top: 18px;
	clear: both;
}

#content h1.black-red{
	height: 26px;
	background: #000000 url(/images/h1-black-red.gif) no-repeat top left;
	vertical-align: baseline;
	clear: both; padding-top: 20px; padding-bottom: 0;
}
#content h1.black-red span{
	float: right; 
	padding-right: 33px;
}
#fun-box2{
	background: url(/images/h1-black-3-column-fun-feature.gif) no-repeat top left;
	height: 55px;
}

#lightbox h1.red2{
	background:url(/images/h1-red-2-column.gif) no-repeat top left;
}

.redFont{
	color: #CC0000;
}

h1.indent{ text-indent: 6px; }
h1.indent2{ text-indent: 4px; }
p.indent{ text-indent: 6px; }
span.indent{ text-indent: 6px; }
/*-----------------------
       LAYOUT 
-----------------------*/


body {
	background:url(/images/body-bg.gif) repeat-x top;
	background-color:#808080;
	text-align:center;
}
#wrapper{
	width: 965px;
	margin: 0 auto;
}

#wrapper-thickbox{
    width:373px;
    margin:20px auto 0 auto;
    text-align:left;
}

#content{
	display:block;
	overflow:hidden;
	clear:both;
	width: 945px;
	background: #333333 url(/images/content-top.gif) no-repeat top left;
	text-align:left;
	margin:0px;
	padding:10px;
	padding-bottom:0px !important;
	height:auto;
}
.homePanels{
	background-color:#333333;
	overflow:hidden;
}
.homePanels dd{
	margin-bottom:4px;
}
.homePanels img{
	margin-bottom:2px;
}
#footer{
	clear:both;
	width: 955px;
	height:35px;
	display:block;
	background:url(/images/footer-bg.gif) no-repeat;
	padding:10px 10px 20px 0;
}
#disclaimer p{
	text-align: left;
	position:relative;
	color:#ffffff;
	width: 955px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
}
#disclaimer p span.pad{
	padding: 0 0 0 20px;
}
/*--column widths--*/
.column1{
	float:left;
	width: 180px;
	background:#FFFFFF url(/images/home-panels-bg.gif) no-repeat bottom;
  	display: inline;
}

.column1-nobg{
	float:left;
	width: 180px;
    background:#FFFFFF;
  	display: inline;
}

.column1-nobg img{
	float:left;
}

.column1{
	width: 180px;
	position:relative;
}

.column1-black{
	float:left;
	width: 180px;
	background: #000000 url(/images/home-panels-bg-black.gif) no-repeat bottom;
  	display: inline;
}


.column2{
	float:left;	
	position:relative;
	width: 372px;
	background:#FFFFFF url(/images/panel-2-white-bg_alt.gif) no-repeat bottom;
  	display: inline;	
}

.pad-me{
	margin-top:10px;
}
.column2-white-bowl{
	float:left;	
	position:relative;
	width: 372px;
	background:#FFFFFF url(/images/panel-2-white-bg.gif) no-repeat bottom;
	/*overflow:auto;*/
  	display: inline;
  	margin: 0 10px 0 0;
}

.column2-single{
	float:left;	
	position:relative;
	width: 372px;
	background:#FFFFFF url(/images/panel-2-single.gif) no-repeat bottom;
  	display: inline;
  	margin: 0 0 0 9px;
}
.column2-red{
	float:right;
	width: 372px;
	background: #CC0000 url(/images/panel-2-red-bg.gif) no-repeat bottom;
	/*overflow:auto;*/
	display: inline;
}
.column2-white{
	float:left;	
	position:relative;
	width: 372px;
	background: #ffffff url(/images/panel-2-white-bg_clear.gif) no-repeat bottom;
	/*overflow:auto;*/
  	display: inline;
  	margin: 0 10px 0 0;
	
}
.column2-white-end{
	float:left;	
	position:relative;
	width: 372px;
	background: #ffffff url(/images/panel-2-white-bg_clear.gif) no-repeat bottom;
  	display: inline;
}
.column3{
	float:left;
	min-height: 459px;
	height:459px;
	width: 564px;
	background:#FFFFFF url(/images/panel-3-white-bg_alt.gif) no-repeat bottom;
  	display: inline;
	height:auto;
	position:relative;
}

.column3-white{
	float:left;
	min-height: 459px;
	height:459px;
	width: 564px;
	background: #ffffff url(/images/panel-3-white-bg.gif) no-repeat bottom;
  	display: inline;
	height:auto;
	position:relative;
	
}

.column3Small{
	float:left;
	min-height: 163px;
	height:163px;
	width: 564px;
	background:#FFFFFF url(/images/panel-3-white-bg.gif) no-repeat bottom;
  	display: inline;
	height:auto;
	position:relative;
	margin-bottom: 10px;
}

.column3NoSize{
	width: 564px;
	height:auto;
	margin-bottom: 10px;
}


.column3-red{
	float:left;
	width: 564px;
  	display: inline;	
	height: auto;
}
.red
{
	background: #CC0000;
}
.redText
{
	color: #CC0000;
}
.column3-plain{
	float:left;
	width: 555px;
  	/*display: inline;	*/
	height: auto;
}

.column4{
	float:left;
	min-height: 580px;
	height:580px;
	width: 755px;
	background:#FFFFFF url(/images/panel-4-white-bg.gif) no-repeat bottom;
  	display: inline;
	height:auto;
	position:relative;
}

column4_dd{
	float:left;
	
	background:#FFFFFF url(/images/panel-3-white-bg_alt.gif) no-repeat bottom;
  	display: inline;
	height:auto;
	position:relative;
}
.column5{
	float:left;
	width: 945px;
	background:#FFFFFF url(/images/panel-5-white-bg.gif) no-repeat bottom;
	/*overflow:auto;*/
  	display: inline;	
	height: auto !important;
}

.column4 p{
	padding-left: 20px;
}

.shopColumn{
	float:left;
	width: 755px;
	background:#FFFFFF url(/images/panel-4-white-bg.gif) no-repeat bottom;
	/*overflow:auto;*/
  	display: inline;	
	height: auto !important;
    min-height:650px;
    height:700px;
}

.shopColumn p{
	padding-left:20px;
}

.locationDetails{
	
}

#footer a{
	color:#CCCCCC;
}
#footer p{
	color:#FFFFFF;
	font-size: 1.2em;
	margin:0;
	padding:0 10px;
}

.minheightFix99{
	min-height: 99px;
	height: auto !important;
	height: 99px;
}

.minheightFix-onlinebooking{
	min-height: 488px;
	height: auto !important;
	height: 488px;
}

.minheightFix-globalAlert{
	min-height: 175px;
	height: auto !important;
	height: 175px;
	background:#FFFFFF url(/images/home-panels-bg.gif) no-repeat bottom !important;
}
.minheightFix-globalAlertBottom{
	min-height: 170px;
	height: auto !important;
	height: 170px;
}
#globalAlertSpacer{
	background-color:#333333;
	height:4px;
}

.minheightFix-food{
	min-height: 440px;
	height: auto !important;
	height: 440px;
	text-align:justify;
}

.minheightFix-members{
	min-height: 458px;
	height: auto !important;
	height: 458px;
}

.minheightFix-members-swiss{
	min-height: 480px;
	height: auto !important;
	height: 480px;
}

.minheightFix-locations{
	min-height: 334px;
	height: auto !important;
	height: 334px;
	margin-top:10px;
}
.minheightFix-trade{
	min-height: 460px;
	height: auto !important;
	height: 460px;
}

.minheightFix-308{
	min-height: 308px;
	height: auto !important;
	height: 308px;
}
.minheightFix-600{
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
.minheightFix-509{
	min-height: 509px;
	height: auto !important;
	height: 509px;
}
.minheightFix-485{
	min-height: 485px;
	height: auto !important;
	height: 487px;
}
.minheightFix-487{
	min-height: 473px;
	height: auto !important;
	height: 473px;
}

.minheightFix-497{
	min-height: 497px;
	height: auto !important;
	height: 497px;
}

.minheightFix-777{
	min-height: 470px;
	height: auto !important;
	height: 470px;
}

.minheightFix-776{
	min-height: 468px;
	height: auto !important;
	height:468px;
}

.minheightFix-530{
	min-height: 530px;
	height: auto !important;
	height: 530px;
}

.minheightFix-550{
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

.minheightFix-580{
	min-height: 580px;
	height: auto !important;
	height: 580px;
}
.minheightFix-438{
	min-height: 438px;
	height: auto !important;
	height: 438px;
}
.minheightFix-440{
	min-height: 440px;
	height: auto !important;
	height: 440px;
}

.minheightFix-450{
	min-height: 450px;
	height: auto !important;
	height: 450px;
}
.minheightFix-410{
	min-height: 410px;
	height: auto !important;
	height: 410px;
}
.minheightFix-402{
	min-height: 404px;
	height: auto !important;
	height: 404px;
}
.minheightFix-200{
	min-height: 160px;
	height: auto !important;
	height: 160px;
}
.minheightFix-230{
	min-height: 230px;
	height: auto !important;
	height: 230px;
}

.minheightFix-237{
	min-height: 237px;
	height: auto !important;
	height: 237px;
}

.minheightFix-250{
	min-height: 250px;
	height: auto !important;
	height: 250px;
}

.minheightFix-280{
	min-height: 280px;
	height: auto !important;
	height: 280px;
}

.minheightFix-314{
	min-height: 314px;
	height: auto !important;
	height: 280px;
}

.minheightFix-206{
	min-height: 206px;
	height: auto !important;
	height: 206px;
}

.minheightFix-195{
	min-height: 195px;
	height: auto !important;
	height: 195px;
}

.minheightFix-passwordBox{
	min-height: 115px;
	height: auto !important;
	height: 115px;
}

.minheightFix-membersArea{
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

.minheightFix-459{
	min-height: 459px;
	height: auto !important;
	height: 459px;
}

.minheightFix-470{
	min-height: 470px;
	height: auto !important;
	height: 470px;
}

.minheightFix-510{
	min-height: 510px;
	height: auto !important;
	height: 510px;
}

.minheightFix-30{
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

.para-block{
	clear: both;
}
/*-----------------------
       HEADER 
-----------------------*/
div#header{
	min-height: 167px;
	/*width:965px;*/
	width: 1020px;
	background-color:#000000;
	margin-bottom: 10px;
	background: url(/images/wagamama-header.gif) left top no-repeat;
}
div#header h1 a{
	width:245px;
	height:134px;
	margin: 0 0 0 10px;
	float:left;
	/*background: url(/images/wagamama-logo.gif) left center no-repeat;*/
	text-indent:-5000px;
}



/*-- main nav styles --*/
ul#navigation{
	clear:both;
	margin-left:8px;
	height:34px;
	overflow:hidden;
}
ul#navigation li{
	float: left;
	background-position:top;
}
ul#navigation li.nav-btn{
	background-image: url(/images/nav-right-off.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 7px 8px 0px 0px;
	height: 26px;
	margin: 0 6px 0 0;
}

ul#navigation li.nav-btn a{
	background-image: url('/images/nav-left-off.gif');
	background-repeat: no-repeat;
	background-position:top left;
	padding: 8px 10px 0px 0px;
	height:26px;
	padding-left: 25px;
	font-size: 1.6em;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

ul#navigation li.nav-btn a:hover{
	color: #FFFFFF;
	background: url(/images/nav-left-hover.gif) no-repeat top left;
}

/*-- ON STATE --*/


ul#navigation li.nav-btn-on{
	background: url(/images/nav-right-on.gif) no-repeat top right;
	padding: 7px 0 8px 0;
	padding-right: 20px;
	margin: 0 6px 0 0;
}
ul#navigation li.nav-btn-on a{
	background: url(/images/nav-left-on.gif) no-repeat top left;
    padding: 8px 0 8px 0;	
	padding-left: 25px;
	font-size: 1.6em;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

/*-- home button --*/

ul#navigation li a.nav_btn-home {
	display:block;
	margin: 0 10px 0 0;
	width:38px;
	height:34px;
	background: url(/images/nav-home-off.gif) no-repeat;
	text-indent:-5000px;
}
ul#navigation li a.nav_btn-home:hover {
	background: url(/images/nav-home-on.gif) no-repeat;
}
ul#navigation li a.nav_btn-home-on {
	display:block;
	margin: 0 10px 0 0;
	width:38px;
	height:34px;
	text-indent:-5000px;
	background: url(/images/nav-home-on.gif) no-repeat;
}



/*-- SUB NAVIGATION STYLES --*/


ul#sub-navigation{
	clear:both;
	background: url(/images/sub-nav-off.gif) no-repeat bottom center;
	width: 965px;
	height: 40px;
}

ul#sub-navigation-on{
	clear:both;
	background: url(/images/sub-nav-on.gif) no-repeat bottom center;
	width: 965px;
	height: 40px;
	float: left;
	margin-bottom: 10px;
}
ul#sub-navigation-on li{
	float: left;
	margin:7px 20px;	
}
ul#sub-navigation-on .last{
	float: right;
	margin:7px 10px;	
}
ul#sub-navigation-on li a{
	color: #666666;
	font-size: 1.2em;
	text-decoration:none;
	font-weight:bolder;
}
ul#sub-navigation-on li a:hover{
	background:url(/images/sub-nav-highlight.gif) no-repeat bottom center;
	padding-bottom: 9px;
}

ul#sub-navigation-on li a.on{
	color: #f00;
	background:url(/images/sub-nav-highlight.gif) no-repeat bottom center;
	padding-bottom: 9px;
}

ul#sub-navigation-on li a{
	color: #666666;
	font-size: 1.2em;
	text-decoration:none;
	font-weight:bolder;
}

ul.searchContainer{
	float: right;
}
ul.searchContainer li{
	margin: 3px 10px 0 0!important;
}
ul.searchContainer input{
	margin-top:3px;
	border: none;
	background:#FFFFFF;
}

/*-- FORM STYLES --*/

fieldset{
	float: left;
	border:none;
	width: 225px;
	margin: 10px;
}

label{
	clear: both;
}
select{
	width: 150px;
	background-color:#E6E6E6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	float: left;
	padding: 0;
	margin-left: 6px;
}

#content p.top{ margin-top: 10px; margin-bottom: 0; padding-bottom: 0; margin-left: 6px; }
#content p.bottom{ margin-top: 10px; margin-bottom: 0; margin-left: 6px; }
#content p.bottom-margin{ margin-bottom: 10px; }
#content p.break{ margin-top: 0; margin-bottom: 10px; padding-bottom: 0; padding-top: 0; }
#content p.clearlr{ margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; }
#content p.npara{ margin-left: 10px; padding-left: 0; margin-right: 15px; padding-right: 0; }

#content p.pcwide-30{ width: 30%; }
#content p.pcwide-50{ width: 50%; }

#content p.job-ow{ margin-top: 10px; margin-bottom: 0; margin-left: 6px; border: 0 solid #f00; width: 90%; }

/* jFlowSlide */
div#jFlowSlide{
	height: 380px;
}

/* ABOUT :: PROFILE  */

#content .profile-block {
	clear: both;
	height: 120px;
	width: 372px;
}
#content .profile-block h3 {
	padding: 25px 10px 10px 200px;
	font-size: 1.5em;
}

#content div dl { padding: 0 0 0 200px; font-size: 1.2em; } 
#content div dt { float: left; clear: left; width: 70px; text-align: left; font-weight: bold; color: #c00; } 
#content div dt:after { content: ":"; } 
#content div dd { margin: 0 0 0 10px; padding: 0 0 2px 0; }

#content div.img1{
	background:url(/images/about/Profile_Sarah.jpg) no-repeat 10px 0px;
}
#content div.img2{
	background:url(/images/about/Profile_Wayne.jpg) no-repeat 10px 0px; 
}
#content div.img3 {
	background:url(/images/about/Profile_Imran.jpg) no-repeat 10px 0px;
    margin-bottom:7px;
}

#content div.profile-feature{ 
	width: 100%;
	height: 110px; 
	border: 0 solid #000;
	margin: 10px;
}

#profile-feature-1{
	background:url(/images/about/Profile_Sarah.jpg) no-repeat top left; 
}
#profile-feature-2{
	background:url(/images/about/Profile_Wayne.jpg) no-repeat top left;
}
#profile-feature-3{
	background:url(/images/about/Profile_Sonia.jpg) no-repeat top left;
}
#profile-feature-4{
	background:url(/images/about/Profile_Etienne.jpg) no-repeat top left;
}
#profile-feature-5{
	background:url(/images/about/Profile_Laura.jpg) no-repeat top left;
}
#profile-feature-6{
	background:url(/images/about/Profile_Imran.jpg) no-repeat top left;
}
#content div.profile-feature h3{
	padding: 5px 10px 10px 194px;
	font-size: 1.5em;
    width:149px;
    height:54px;
}

.clear{ clear: both; }

/* ABOUT :: ROLES */

ul#about-roles-list{
	padding: 0px 0 0 18px;
}

ul#about-roles-list li{
	line-height: 18px;
	font-size: 1.3em;
	padding-left: 30px;
	margin-right: 25px;
	background: transparent url(/images/star-bullet.gif) no-repeat scroll 10px 5px
}

/* JOBS :: MAP */
div.content ul.countrylist{
	padding: 10px 0 0 10px;
}
div.content ul.countrylist li{
	line-height: 20px;
	font-weight: bold;
	text-transform:lowercase;
}

/*-- FORM STYLES --*/

fieldset{
	float: left;
	border:none;
	width: 225px;
	margin: 10px;
}

form fieldset div p{
	margin: 0;
	padding: 0;
}

label{
	clear: both;
	margin: 0 0 0 6px;
	font-size: 12px;
}
input{
	width: 90%;
	background-color:#E6E6E6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 3px 0 0 0;
	color: #000;
}
textarea{
	background-color:#E6E6E6;
	display: block;
	margin: 3px 0 10px 6px;
	width: 100%;
	height: 115px;
	color: #000;
}
input.submit{
	margin-left: 6px;
	width: 140px;
	height: 25px;
	padding-left: 6px;	
	background: #fff;
}

/* SEARCH RESULTS PAGE */

p.sr-jotw
{ 
	margin-right: 30px; 
	float: right;
}

.job-container{
	border-bottom:solid 1px #999999;
	margin:10px 5px 15px 5px;
}
.job-container-nohead{
	margin:10px 5px 15px 5px;
}
#results-panel{
	height: 285px;
	width: 100%;
	overflow: auto;
	margin: 5px 0;
}

fieldset.right span.validation-error
{
	padding-left: 6px;	
	padding-bottom: 10px;
	font-size: 1.2em;
}

span.validation-error{
	color: #f00;
	font-weight: 0.8em;
}

.clear{
 	clear: both;
}
.required-box{
	padding-left: 5px;
	background: url(/images/star-bullet.gif) no-repeat left top;
}
.optional-box{
	padding-left: 5px;
}

#cross-slide{
	width: 372px;
	height: 178px;
}

#cross-slide-rewards, #cross-slide-about {
	width: 372px;
	height: 426px;
	background-color:#333333;
	padding-left:2px;
	padding-right:2px;
}

#cross-slide-rewards, #cross-slide-about img {
	
}

#form-flash{
	width:60px;
	height:50px;
	float:right;
	position:absolute;
    bottom:0;
    right:0;
}

#rotating-star{
	height:50px;
	width:60px;
	position:absolute;
	right:0;
	top:30;
}

.benefit-flash{
	margin-top:55px;
}

.form-flash_margin{
	margin-top:15px;
	margin-right:10px;	
}

.our-details-placement{
	margin-top:140px;	
	margin-left:130px;
}

#drawing-star{
	height:34px;
	width:50px;
	position:aboslute;
	right:0;
	top:30;
	text-align:center;
}

/* Matrix Buttons on the ABOUT::ROLE DESCRIPTION pages */

#roles-panel{
	display: block;
	width: 372px;
	height: 293px;
	background: url(/images/about/role_panel_off.gif) no-repeat;
	padding-top: 9px;
}

ul#roles-panel li {
	float:left;
	display:block;
	height: 23px;
	border: 0 solid #00ff00;
	margin-bottom: 5px;
}
 
ul#roles-panel li a {
	text-indent:-5000px;
	display:block;
	height:23px;
	margin-bottom: 6px;
	border: 0 solid #00ff00;
}

ul#roles-panel li a:hover {
	background-image:url(/images/about/role_panel_on.gif);
}

ul#roles-panel li a.job-agm, ul#roles-panel li a.job-agm_on,
ul#roles-panel li a.job-fohm, ul#roles-panel li a.job-fohm_on,
ul#roles-panel li a.job-foht, ul#roles-panel li a.job-foht_on,
ul#roles-panel li a.job-gm, ul#roles-panel li a.job-gm_on,
ul#roles-panel li a.job-hc, ul#roles-panel li a.job-hc_on,
ul#roles-panel li a.job-hc, ul#roles-panel li a.job-hc_on,
ul#roles-panel li a.job-ho, ul#roles-panel li a.job-ho_on,
ul#roles-panel li a.job-kp, ul#roles-panel li a.job-kp_on,
ul#roles-panel li a.job-lc, ul#roles-panel li a.job-lc_on,
ul#roles-panel li a.job-ssc, ul#roles-panel li a.job-ssc_on,
ul#roles-panel li a.job-sc, ul#roles-panel li a.job-sc_on
{
	width: 372px;
}

ul#roles-panel li a.job-agm:hover, ul#roles-panel li a.rl-1-on
{
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -9px;
}


ul#roles-panel li a.job-fohm:hover, ul#roles-panel li a.rl-2-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -37px;
}

ul#roles-panel li a.job-foht:hover, ul#roles-panel li a.rl-3-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -65px;
}

ul#roles-panel li a.job-gm:hover, ul#roles-panel li a.rl-4-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -93px;
}

ul#roles-panel li a.job-hc:hover, ul#roles-panel li a.rl-5-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -121px;
}


ul#roles-panel li a.job-ho:hover, ul#roles-panel li a.rl-6-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -149px;
}

ul#roles-panel li a.job-kp:hover, ul#roles-panel li a.rl-7-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -177px;
}

ul#roles-panel li a.job-lc:hover, ul#roles-panel li a.rl-8-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -205px;
}

ul#roles-panel li a.job-ssc:hover, ul#roles-panel li a.rl-9-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -233px;
}

ul#roles-panel li a.job-sc:hover, ul#roles-panel li a.rl-10-on {
	background-image:url(/images/about/role_panel_on.gif);
	background-position: 0 -261px;
}

#flow-lnk-select{padding: 0 0 0 1px; float:left; margin:5px 5px 0px 5px;}
#profile-choice{ margin-bottom: 20px; }

/*
*New Styles
*/

.drop-line{
    padding-top:30px;
}

.fadein { position:relative; height:305px; width:180px; }
.fadein img { position:absolute; left:0; top:0; }